/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
/*html,*/
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

@font-face {
  font-display: block;
  font-family: "bootstrap-icons";
  src: url(/fonts/bootstrap-icons.woff2?8d200481aa7f02a2d63a331fc782cfaf) format("woff2"), url(/fonts/bootstrap-icons.woff?8d200481aa7f02a2d63a331fc782cfaf) format("woff");
}
.bi::before,
[class^=bi-]::before,
[class*=" bi-"]::before {
  display: inline-block;
  font-family: "bootstrap-icons" !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -0.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bi-123::before {
  content: "\f67f";
}

.bi-alarm-fill::before {
  content: "\f101";
}

.bi-alarm::before {
  content: "\f102";
}

.bi-align-bottom::before {
  content: "\f103";
}

.bi-align-center::before {
  content: "\f104";
}

.bi-align-end::before {
  content: "\f105";
}

.bi-align-middle::before {
  content: "\f106";
}

.bi-align-start::before {
  content: "\f107";
}

.bi-align-top::before {
  content: "\f108";
}

.bi-alt::before {
  content: "\f109";
}

.bi-app-indicator::before {
  content: "\f10a";
}

.bi-app::before {
  content: "\f10b";
}

.bi-archive-fill::before {
  content: "\f10c";
}

.bi-archive::before {
  content: "\f10d";
}

.bi-arrow-90deg-down::before {
  content: "\f10e";
}

.bi-arrow-90deg-left::before {
  content: "\f10f";
}

.bi-arrow-90deg-right::before {
  content: "\f110";
}

.bi-arrow-90deg-up::before {
  content: "\f111";
}

.bi-arrow-bar-down::before {
  content: "\f112";
}

.bi-arrow-bar-left::before {
  content: "\f113";
}

.bi-arrow-bar-right::before {
  content: "\f114";
}

.bi-arrow-bar-up::before {
  content: "\f115";
}

.bi-arrow-clockwise::before {
  content: "\f116";
}

.bi-arrow-counterclockwise::before {
  content: "\f117";
}

.bi-arrow-down-circle-fill::before {
  content: "\f118";
}

.bi-arrow-down-circle::before {
  content: "\f119";
}

.bi-arrow-down-left-circle-fill::before {
  content: "\f11a";
}

.bi-arrow-down-left-circle::before {
  content: "\f11b";
}

.bi-arrow-down-left-square-fill::before {
  content: "\f11c";
}

.bi-arrow-down-left-square::before {
  content: "\f11d";
}

.bi-arrow-down-left::before {
  content: "\f11e";
}

.bi-arrow-down-right-circle-fill::before {
  content: "\f11f";
}

.bi-arrow-down-right-circle::before {
  content: "\f120";
}

.bi-arrow-down-right-square-fill::before {
  content: "\f121";
}

.bi-arrow-down-right-square::before {
  content: "\f122";
}

.bi-arrow-down-right::before {
  content: "\f123";
}

.bi-arrow-down-short::before {
  content: "\f124";
}

.bi-arrow-down-square-fill::before {
  content: "\f125";
}

.bi-arrow-down-square::before {
  content: "\f126";
}

.bi-arrow-down-up::before {
  content: "\f127";
}

.bi-arrow-down::before {
  content: "\f128";
}

.bi-arrow-left-circle-fill::before {
  content: "\f129";
}

.bi-arrow-left-circle::before {
  content: "\f12a";
}

.bi-arrow-left-right::before {
  content: "\f12b";
}

.bi-arrow-left-short::before {
  content: "\f12c";
}

.bi-arrow-left-square-fill::before {
  content: "\f12d";
}

.bi-arrow-left-square::before {
  content: "\f12e";
}

.bi-arrow-left::before {
  content: "\f12f";
}

.bi-arrow-repeat::before {
  content: "\f130";
}

.bi-arrow-return-left::before {
  content: "\f131";
}

.bi-arrow-return-right::before {
  content: "\f132";
}

.bi-arrow-right-circle-fill::before {
  content: "\f133";
}

.bi-arrow-right-circle::before {
  content: "\f134";
}

.bi-arrow-right-short::before {
  content: "\f135";
}

.bi-arrow-right-square-fill::before {
  content: "\f136";
}

.bi-arrow-right-square::before {
  content: "\f137";
}

.bi-arrow-right::before {
  content: "\f138";
}

.bi-arrow-up-circle-fill::before {
  content: "\f139";
}

.bi-arrow-up-circle::before {
  content: "\f13a";
}

.bi-arrow-up-left-circle-fill::before {
  content: "\f13b";
}

.bi-arrow-up-left-circle::before {
  content: "\f13c";
}

.bi-arrow-up-left-square-fill::before {
  content: "\f13d";
}

.bi-arrow-up-left-square::before {
  content: "\f13e";
}

.bi-arrow-up-left::before {
  content: "\f13f";
}

.bi-arrow-up-right-circle-fill::before {
  content: "\f140";
}

.bi-arrow-up-right-circle::before {
  content: "\f141";
}

.bi-arrow-up-right-square-fill::before {
  content: "\f142";
}

.bi-arrow-up-right-square::before {
  content: "\f143";
}

.bi-arrow-up-right::before {
  content: "\f144";
}

.bi-arrow-up-short::before {
  content: "\f145";
}

.bi-arrow-up-square-fill::before {
  content: "\f146";
}

.bi-arrow-up-square::before {
  content: "\f147";
}

.bi-arrow-up::before {
  content: "\f148";
}

.bi-arrows-angle-contract::before {
  content: "\f149";
}

.bi-arrows-angle-expand::before {
  content: "\f14a";
}

.bi-arrows-collapse::before {
  content: "\f14b";
}

.bi-arrows-expand::before {
  content: "\f14c";
}

.bi-arrows-fullscreen::before {
  content: "\f14d";
}

.bi-arrows-move::before {
  content: "\f14e";
}

.bi-aspect-ratio-fill::before {
  content: "\f14f";
}

.bi-aspect-ratio::before {
  content: "\f150";
}

.bi-asterisk::before {
  content: "\f151";
}

.bi-at::before {
  content: "\f152";
}

.bi-award-fill::before {
  content: "\f153";
}

.bi-award::before {
  content: "\f154";
}

.bi-back::before {
  content: "\f155";
}

.bi-backspace-fill::before {
  content: "\f156";
}

.bi-backspace-reverse-fill::before {
  content: "\f157";
}

.bi-backspace-reverse::before {
  content: "\f158";
}

.bi-backspace::before {
  content: "\f159";
}

.bi-badge-3d-fill::before {
  content: "\f15a";
}

.bi-badge-3d::before {
  content: "\f15b";
}

.bi-badge-4k-fill::before {
  content: "\f15c";
}

.bi-badge-4k::before {
  content: "\f15d";
}

.bi-badge-8k-fill::before {
  content: "\f15e";
}

.bi-badge-8k::before {
  content: "\f15f";
}

.bi-badge-ad-fill::before {
  content: "\f160";
}

.bi-badge-ad::before {
  content: "\f161";
}

.bi-badge-ar-fill::before {
  content: "\f162";
}

.bi-badge-ar::before {
  content: "\f163";
}

.bi-badge-cc-fill::before {
  content: "\f164";
}

.bi-badge-cc::before {
  content: "\f165";
}

.bi-badge-hd-fill::before {
  content: "\f166";
}

.bi-badge-hd::before {
  content: "\f167";
}

.bi-badge-tm-fill::before {
  content: "\f168";
}

.bi-badge-tm::before {
  content: "\f169";
}

.bi-badge-vo-fill::before {
  content: "\f16a";
}

.bi-badge-vo::before {
  content: "\f16b";
}

.bi-badge-vr-fill::before {
  content: "\f16c";
}

.bi-badge-vr::before {
  content: "\f16d";
}

.bi-badge-wc-fill::before {
  content: "\f16e";
}

.bi-badge-wc::before {
  content: "\f16f";
}

.bi-bag-check-fill::before {
  content: "\f170";
}

.bi-bag-check::before {
  content: "\f171";
}

.bi-bag-dash-fill::before {
  content: "\f172";
}

.bi-bag-dash::before {
  content: "\f173";
}

.bi-bag-fill::before {
  content: "\f174";
}

.bi-bag-plus-fill::before {
  content: "\f175";
}

.bi-bag-plus::before {
  content: "\f176";
}

.bi-bag-x-fill::before {
  content: "\f177";
}

.bi-bag-x::before {
  content: "\f178";
}

.bi-bag::before {
  content: "\f179";
}

.bi-bar-chart-fill::before {
  content: "\f17a";
}

.bi-bar-chart-line-fill::before {
  content: "\f17b";
}

.bi-bar-chart-line::before {
  content: "\f17c";
}

.bi-bar-chart-steps::before {
  content: "\f17d";
}

.bi-bar-chart::before {
  content: "\f17e";
}

.bi-basket-fill::before {
  content: "\f17f";
}

.bi-basket::before {
  content: "\f180";
}

.bi-basket2-fill::before {
  content: "\f181";
}

.bi-basket2::before {
  content: "\f182";
}

.bi-basket3-fill::before {
  content: "\f183";
}

.bi-basket3::before {
  content: "\f184";
}

.bi-battery-charging::before {
  content: "\f185";
}

.bi-battery-full::before {
  content: "\f186";
}

.bi-battery-half::before {
  content: "\f187";
}

.bi-battery::before {
  content: "\f188";
}

.bi-bell-fill::before {
  content: "\f189";
}

.bi-bell::before {
  content: "\f18a";
}

.bi-bezier::before {
  content: "\f18b";
}

.bi-bezier2::before {
  content: "\f18c";
}

.bi-bicycle::before {
  content: "\f18d";
}

.bi-binoculars-fill::before {
  content: "\f18e";
}

.bi-binoculars::before {
  content: "\f18f";
}

.bi-blockquote-left::before {
  content: "\f190";
}

.bi-blockquote-right::before {
  content: "\f191";
}

.bi-book-fill::before {
  content: "\f192";
}

.bi-book-half::before {
  content: "\f193";
}

.bi-book::before {
  content: "\f194";
}

.bi-bookmark-check-fill::before {
  content: "\f195";
}

.bi-bookmark-check::before {
  content: "\f196";
}

.bi-bookmark-dash-fill::before {
  content: "\f197";
}

.bi-bookmark-dash::before {
  content: "\f198";
}

.bi-bookmark-fill::before {
  content: "\f199";
}

.bi-bookmark-heart-fill::before {
  content: "\f19a";
}

.bi-bookmark-heart::before {
  content: "\f19b";
}

.bi-bookmark-plus-fill::before {
  content: "\f19c";
}

.bi-bookmark-plus::before {
  content: "\f19d";
}

.bi-bookmark-star-fill::before {
  content: "\f19e";
}

.bi-bookmark-star::before {
  content: "\f19f";
}

.bi-bookmark-x-fill::before {
  content: "\f1a0";
}

.bi-bookmark-x::before {
  content: "\f1a1";
}

.bi-bookmark::before {
  content: "\f1a2";
}

.bi-bookmarks-fill::before {
  content: "\f1a3";
}

.bi-bookmarks::before {
  content: "\f1a4";
}

.bi-bookshelf::before {
  content: "\f1a5";
}

.bi-bootstrap-fill::before {
  content: "\f1a6";
}

.bi-bootstrap-reboot::before {
  content: "\f1a7";
}

.bi-bootstrap::before {
  content: "\f1a8";
}

.bi-border-all::before {
  content: "\f1a9";
}

.bi-border-bottom::before {
  content: "\f1aa";
}

.bi-border-center::before {
  content: "\f1ab";
}

.bi-border-inner::before {
  content: "\f1ac";
}

.bi-border-left::before {
  content: "\f1ad";
}

.bi-border-middle::before {
  content: "\f1ae";
}

.bi-border-outer::before {
  content: "\f1af";
}

.bi-border-right::before {
  content: "\f1b0";
}

.bi-border-style::before {
  content: "\f1b1";
}

.bi-border-top::before {
  content: "\f1b2";
}

.bi-border-width::before {
  content: "\f1b3";
}

.bi-border::before {
  content: "\f1b4";
}

.bi-bounding-box-circles::before {
  content: "\f1b5";
}

.bi-bounding-box::before {
  content: "\f1b6";
}

.bi-box-arrow-down-left::before {
  content: "\f1b7";
}

.bi-box-arrow-down-right::before {
  content: "\f1b8";
}

.bi-box-arrow-down::before {
  content: "\f1b9";
}

.bi-box-arrow-in-down-left::before {
  content: "\f1ba";
}

.bi-box-arrow-in-down-right::before {
  content: "\f1bb";
}

.bi-box-arrow-in-down::before {
  content: "\f1bc";
}

.bi-box-arrow-in-left::before {
  content: "\f1bd";
}

.bi-box-arrow-in-right::before {
  content: "\f1be";
}

.bi-box-arrow-in-up-left::before {
  content: "\f1bf";
}

.bi-box-arrow-in-up-right::before {
  content: "\f1c0";
}

.bi-box-arrow-in-up::before {
  content: "\f1c1";
}

.bi-box-arrow-left::before {
  content: "\f1c2";
}

.bi-box-arrow-right::before {
  content: "\f1c3";
}

.bi-box-arrow-up-left::before {
  content: "\f1c4";
}

.bi-box-arrow-up-right::before {
  content: "\f1c5";
}

.bi-box-arrow-up::before {
  content: "\f1c6";
}

.bi-box-seam::before {
  content: "\f1c7";
}

.bi-box::before {
  content: "\f1c8";
}

.bi-braces::before {
  content: "\f1c9";
}

.bi-bricks::before {
  content: "\f1ca";
}

.bi-briefcase-fill::before {
  content: "\f1cb";
}

.bi-briefcase::before {
  content: "\f1cc";
}

.bi-brightness-alt-high-fill::before {
  content: "\f1cd";
}

.bi-brightness-alt-high::before {
  content: "\f1ce";
}

.bi-brightness-alt-low-fill::before {
  content: "\f1cf";
}

.bi-brightness-alt-low::before {
  content: "\f1d0";
}

.bi-brightness-high-fill::before {
  content: "\f1d1";
}

.bi-brightness-high::before {
  content: "\f1d2";
}

.bi-brightness-low-fill::before {
  content: "\f1d3";
}

.bi-brightness-low::before {
  content: "\f1d4";
}

.bi-broadcast-pin::before {
  content: "\f1d5";
}

.bi-broadcast::before {
  content: "\f1d6";
}

.bi-brush-fill::before {
  content: "\f1d7";
}

.bi-brush::before {
  content: "\f1d8";
}

.bi-bucket-fill::before {
  content: "\f1d9";
}

.bi-bucket::before {
  content: "\f1da";
}

.bi-bug-fill::before {
  content: "\f1db";
}

.bi-bug::before {
  content: "\f1dc";
}

.bi-building::before {
  content: "\f1dd";
}

.bi-bullseye::before {
  content: "\f1de";
}

.bi-calculator-fill::before {
  content: "\f1df";
}

.bi-calculator::before {
  content: "\f1e0";
}

.bi-calendar-check-fill::before {
  content: "\f1e1";
}

.bi-calendar-check::before {
  content: "\f1e2";
}

.bi-calendar-date-fill::before {
  content: "\f1e3";
}

.bi-calendar-date::before {
  content: "\f1e4";
}

.bi-calendar-day-fill::before {
  content: "\f1e5";
}

.bi-calendar-day::before {
  content: "\f1e6";
}

.bi-calendar-event-fill::before {
  content: "\f1e7";
}

.bi-calendar-event::before {
  content: "\f1e8";
}

.bi-calendar-fill::before {
  content: "\f1e9";
}

.bi-calendar-minus-fill::before {
  content: "\f1ea";
}

.bi-calendar-minus::before {
  content: "\f1eb";
}

.bi-calendar-month-fill::before {
  content: "\f1ec";
}

.bi-calendar-month::before {
  content: "\f1ed";
}

.bi-calendar-plus-fill::before {
  content: "\f1ee";
}

.bi-calendar-plus::before {
  content: "\f1ef";
}

.bi-calendar-range-fill::before {
  content: "\f1f0";
}

.bi-calendar-range::before {
  content: "\f1f1";
}

.bi-calendar-week-fill::before {
  content: "\f1f2";
}

.bi-calendar-week::before {
  content: "\f1f3";
}

.bi-calendar-x-fill::before {
  content: "\f1f4";
}

.bi-calendar-x::before {
  content: "\f1f5";
}

.bi-calendar::before {
  content: "\f1f6";
}

.bi-calendar2-check-fill::before {
  content: "\f1f7";
}

.bi-calendar2-check::before {
  content: "\f1f8";
}

.bi-calendar2-date-fill::before {
  content: "\f1f9";
}

.bi-calendar2-date::before {
  content: "\f1fa";
}

.bi-calendar2-day-fill::before {
  content: "\f1fb";
}

.bi-calendar2-day::before {
  content: "\f1fc";
}

.bi-calendar2-event-fill::before {
  content: "\f1fd";
}

.bi-calendar2-event::before {
  content: "\f1fe";
}

.bi-calendar2-fill::before {
  content: "\f1ff";
}

.bi-calendar2-minus-fill::before {
  content: "\f200";
}

.bi-calendar2-minus::before {
  content: "\f201";
}

.bi-calendar2-month-fill::before {
  content: "\f202";
}

.bi-calendar2-month::before {
  content: "\f203";
}

.bi-calendar2-plus-fill::before {
  content: "\f204";
}

.bi-calendar2-plus::before {
  content: "\f205";
}

.bi-calendar2-range-fill::before {
  content: "\f206";
}

.bi-calendar2-range::before {
  content: "\f207";
}

.bi-calendar2-week-fill::before {
  content: "\f208";
}

.bi-calendar2-week::before {
  content: "\f209";
}

.bi-calendar2-x-fill::before {
  content: "\f20a";
}

.bi-calendar2-x::before {
  content: "\f20b";
}

.bi-calendar2::before {
  content: "\f20c";
}

.bi-calendar3-event-fill::before {
  content: "\f20d";
}

.bi-calendar3-event::before {
  content: "\f20e";
}

.bi-calendar3-fill::before {
  content: "\f20f";
}

.bi-calendar3-range-fill::before {
  content: "\f210";
}

.bi-calendar3-range::before {
  content: "\f211";
}

.bi-calendar3-week-fill::before {
  content: "\f212";
}

.bi-calendar3-week::before {
  content: "\f213";
}

.bi-calendar3::before {
  content: "\f214";
}

.bi-calendar4-event::before {
  content: "\f215";
}

.bi-calendar4-range::before {
  content: "\f216";
}

.bi-calendar4-week::before {
  content: "\f217";
}

.bi-calendar4::before {
  content: "\f218";
}

.bi-camera-fill::before {
  content: "\f219";
}

.bi-camera-reels-fill::before {
  content: "\f21a";
}

.bi-camera-reels::before {
  content: "\f21b";
}

.bi-camera-video-fill::before {
  content: "\f21c";
}

.bi-camera-video-off-fill::before {
  content: "\f21d";
}

.bi-camera-video-off::before {
  content: "\f21e";
}

.bi-camera-video::before {
  content: "\f21f";
}

.bi-camera::before {
  content: "\f220";
}

.bi-camera2::before {
  content: "\f221";
}

.bi-capslock-fill::before {
  content: "\f222";
}

.bi-capslock::before {
  content: "\f223";
}

.bi-card-checklist::before {
  content: "\f224";
}

.bi-card-heading::before {
  content: "\f225";
}

.bi-card-image::before {
  content: "\f226";
}

.bi-card-list::before {
  content: "\f227";
}

.bi-card-text::before {
  content: "\f228";
}

.bi-caret-down-fill::before {
  content: "\f229";
}

.bi-caret-down-square-fill::before {
  content: "\f22a";
}

.bi-caret-down-square::before {
  content: "\f22b";
}

.bi-caret-down::before {
  content: "\f22c";
}

.bi-caret-left-fill::before {
  content: "\f22d";
}

.bi-caret-left-square-fill::before {
  content: "\f22e";
}

.bi-caret-left-square::before {
  content: "\f22f";
}

.bi-caret-left::before {
  content: "\f230";
}

.bi-caret-right-fill::before {
  content: "\f231";
}

.bi-caret-right-square-fill::before {
  content: "\f232";
}

.bi-caret-right-square::before {
  content: "\f233";
}

.bi-caret-right::before {
  content: "\f234";
}

.bi-caret-up-fill::before {
  content: "\f235";
}

.bi-caret-up-square-fill::before {
  content: "\f236";
}

.bi-caret-up-square::before {
  content: "\f237";
}

.bi-caret-up::before {
  content: "\f238";
}

.bi-cart-check-fill::before {
  content: "\f239";
}

.bi-cart-check::before {
  content: "\f23a";
}

.bi-cart-dash-fill::before {
  content: "\f23b";
}

.bi-cart-dash::before {
  content: "\f23c";
}

.bi-cart-fill::before {
  content: "\f23d";
}

.bi-cart-plus-fill::before {
  content: "\f23e";
}

.bi-cart-plus::before {
  content: "\f23f";
}

.bi-cart-x-fill::before {
  content: "\f240";
}

.bi-cart-x::before {
  content: "\f241";
}

.bi-cart::before {
  content: "\f242";
}

.bi-cart2::before {
  content: "\f243";
}

.bi-cart3::before {
  content: "\f244";
}

.bi-cart4::before {
  content: "\f245";
}

.bi-cash-stack::before {
  content: "\f246";
}

.bi-cash::before {
  content: "\f247";
}

.bi-cast::before {
  content: "\f248";
}

.bi-chat-dots-fill::before {
  content: "\f249";
}

.bi-chat-dots::before {
  content: "\f24a";
}

.bi-chat-fill::before {
  content: "\f24b";
}

.bi-chat-left-dots-fill::before {
  content: "\f24c";
}

.bi-chat-left-dots::before {
  content: "\f24d";
}

.bi-chat-left-fill::before {
  content: "\f24e";
}

.bi-chat-left-quote-fill::before {
  content: "\f24f";
}

.bi-chat-left-quote::before {
  content: "\f250";
}

.bi-chat-left-text-fill::before {
  content: "\f251";
}

.bi-chat-left-text::before {
  content: "\f252";
}

.bi-chat-left::before {
  content: "\f253";
}

.bi-chat-quote-fill::before {
  content: "\f254";
}

.bi-chat-quote::before {
  content: "\f255";
}

.bi-chat-right-dots-fill::before {
  content: "\f256";
}

.bi-chat-right-dots::before {
  content: "\f257";
}

.bi-chat-right-fill::before {
  content: "\f258";
}

.bi-chat-right-quote-fill::before {
  content: "\f259";
}

.bi-chat-right-quote::before {
  content: "\f25a";
}

.bi-chat-right-text-fill::before {
  content: "\f25b";
}

.bi-chat-right-text::before {
  content: "\f25c";
}

.bi-chat-right::before {
  content: "\f25d";
}

.bi-chat-square-dots-fill::before {
  content: "\f25e";
}

.bi-chat-square-dots::before {
  content: "\f25f";
}

.bi-chat-square-fill::before {
  content: "\f260";
}

.bi-chat-square-quote-fill::before {
  content: "\f261";
}

.bi-chat-square-quote::before {
  content: "\f262";
}

.bi-chat-square-text-fill::before {
  content: "\f263";
}

.bi-chat-square-text::before {
  content: "\f264";
}

.bi-chat-square::before {
  content: "\f265";
}

.bi-chat-text-fill::before {
  content: "\f266";
}

.bi-chat-text::before {
  content: "\f267";
}

.bi-chat::before {
  content: "\f268";
}

.bi-check-all::before {
  content: "\f269";
}

.bi-check-circle-fill::before {
  content: "\f26a";
}

.bi-check-circle::before {
  content: "\f26b";
}

.bi-check-square-fill::before {
  content: "\f26c";
}

.bi-check-square::before {
  content: "\f26d";
}

.bi-check::before {
  content: "\f26e";
}

.bi-check2-all::before {
  content: "\f26f";
}

.bi-check2-circle::before {
  content: "\f270";
}

.bi-check2-square::before {
  content: "\f271";
}

.bi-check2::before {
  content: "\f272";
}

.bi-chevron-bar-contract::before {
  content: "\f273";
}

.bi-chevron-bar-down::before {
  content: "\f274";
}

.bi-chevron-bar-expand::before {
  content: "\f275";
}

.bi-chevron-bar-left::before {
  content: "\f276";
}

.bi-chevron-bar-right::before {
  content: "\f277";
}

.bi-chevron-bar-up::before {
  content: "\f278";
}

.bi-chevron-compact-down::before {
  content: "\f279";
}

.bi-chevron-compact-left::before {
  content: "\f27a";
}

.bi-chevron-compact-right::before {
  content: "\f27b";
}

.bi-chevron-compact-up::before {
  content: "\f27c";
}

.bi-chevron-contract::before {
  content: "\f27d";
}

.bi-chevron-double-down::before {
  content: "\f27e";
}

.bi-chevron-double-left::before {
  content: "\f27f";
}

.bi-chevron-double-right::before {
  content: "\f280";
}

.bi-chevron-double-up::before {
  content: "\f281";
}

.bi-chevron-down::before {
  content: "\f282";
}

.bi-chevron-expand::before {
  content: "\f283";
}

.bi-chevron-left::before {
  content: "\f284";
}

.bi-chevron-right::before {
  content: "\f285";
}

.bi-chevron-up::before {
  content: "\f286";
}

.bi-circle-fill::before {
  content: "\f287";
}

.bi-circle-half::before {
  content: "\f288";
}

.bi-circle-square::before {
  content: "\f289";
}

.bi-circle::before {
  content: "\f28a";
}

.bi-clipboard-check::before {
  content: "\f28b";
}

.bi-clipboard-data::before {
  content: "\f28c";
}

.bi-clipboard-minus::before {
  content: "\f28d";
}

.bi-clipboard-plus::before {
  content: "\f28e";
}

.bi-clipboard-x::before {
  content: "\f28f";
}

.bi-clipboard::before {
  content: "\f290";
}

.bi-clock-fill::before {
  content: "\f291";
}

.bi-clock-history::before {
  content: "\f292";
}

.bi-clock::before {
  content: "\f293";
}

.bi-cloud-arrow-down-fill::before {
  content: "\f294";
}

.bi-cloud-arrow-down::before {
  content: "\f295";
}

.bi-cloud-arrow-up-fill::before {
  content: "\f296";
}

.bi-cloud-arrow-up::before {
  content: "\f297";
}

.bi-cloud-check-fill::before {
  content: "\f298";
}

.bi-cloud-check::before {
  content: "\f299";
}

.bi-cloud-download-fill::before {
  content: "\f29a";
}

.bi-cloud-download::before {
  content: "\f29b";
}

.bi-cloud-drizzle-fill::before {
  content: "\f29c";
}

.bi-cloud-drizzle::before {
  content: "\f29d";
}

.bi-cloud-fill::before {
  content: "\f29e";
}

.bi-cloud-fog-fill::before {
  content: "\f29f";
}

.bi-cloud-fog::before {
  content: "\f2a0";
}

.bi-cloud-fog2-fill::before {
  content: "\f2a1";
}

.bi-cloud-fog2::before {
  content: "\f2a2";
}

.bi-cloud-hail-fill::before {
  content: "\f2a3";
}

.bi-cloud-hail::before {
  content: "\f2a4";
}

.bi-cloud-haze-1::before {
  content: "\f2a5";
}

.bi-cloud-haze-fill::before {
  content: "\f2a6";
}

.bi-cloud-haze::before {
  content: "\f2a7";
}

.bi-cloud-haze2-fill::before {
  content: "\f2a8";
}

.bi-cloud-lightning-fill::before {
  content: "\f2a9";
}

.bi-cloud-lightning-rain-fill::before {
  content: "\f2aa";
}

.bi-cloud-lightning-rain::before {
  content: "\f2ab";
}

.bi-cloud-lightning::before {
  content: "\f2ac";
}

.bi-cloud-minus-fill::before {
  content: "\f2ad";
}

.bi-cloud-minus::before {
  content: "\f2ae";
}

.bi-cloud-moon-fill::before {
  content: "\f2af";
}

.bi-cloud-moon::before {
  content: "\f2b0";
}

.bi-cloud-plus-fill::before {
  content: "\f2b1";
}

.bi-cloud-plus::before {
  content: "\f2b2";
}

.bi-cloud-rain-fill::before {
  content: "\f2b3";
}

.bi-cloud-rain-heavy-fill::before {
  content: "\f2b4";
}

.bi-cloud-rain-heavy::before {
  content: "\f2b5";
}

.bi-cloud-rain::before {
  content: "\f2b6";
}

.bi-cloud-slash-fill::before {
  content: "\f2b7";
}

.bi-cloud-slash::before {
  content: "\f2b8";
}

.bi-cloud-sleet-fill::before {
  content: "\f2b9";
}

.bi-cloud-sleet::before {
  content: "\f2ba";
}

.bi-cloud-snow-fill::before {
  content: "\f2bb";
}

.bi-cloud-snow::before {
  content: "\f2bc";
}

.bi-cloud-sun-fill::before {
  content: "\f2bd";
}

.bi-cloud-sun::before {
  content: "\f2be";
}

.bi-cloud-upload-fill::before {
  content: "\f2bf";
}

.bi-cloud-upload::before {
  content: "\f2c0";
}

.bi-cloud::before {
  content: "\f2c1";
}

.bi-clouds-fill::before {
  content: "\f2c2";
}

.bi-clouds::before {
  content: "\f2c3";
}

.bi-cloudy-fill::before {
  content: "\f2c4";
}

.bi-cloudy::before {
  content: "\f2c5";
}

.bi-code-slash::before {
  content: "\f2c6";
}

.bi-code-square::before {
  content: "\f2c7";
}

.bi-code::before {
  content: "\f2c8";
}

.bi-collection-fill::before {
  content: "\f2c9";
}

.bi-collection-play-fill::before {
  content: "\f2ca";
}

.bi-collection-play::before {
  content: "\f2cb";
}

.bi-collection::before {
  content: "\f2cc";
}

.bi-columns-gap::before {
  content: "\f2cd";
}

.bi-columns::before {
  content: "\f2ce";
}

.bi-command::before {
  content: "\f2cf";
}

.bi-compass-fill::before {
  content: "\f2d0";
}

.bi-compass::before {
  content: "\f2d1";
}

.bi-cone-striped::before {
  content: "\f2d2";
}

.bi-cone::before {
  content: "\f2d3";
}

.bi-controller::before {
  content: "\f2d4";
}

.bi-cpu-fill::before {
  content: "\f2d5";
}

.bi-cpu::before {
  content: "\f2d6";
}

.bi-credit-card-2-back-fill::before {
  content: "\f2d7";
}

.bi-credit-card-2-back::before {
  content: "\f2d8";
}

.bi-credit-card-2-front-fill::before {
  content: "\f2d9";
}

.bi-credit-card-2-front::before {
  content: "\f2da";
}

.bi-credit-card-fill::before {
  content: "\f2db";
}

.bi-credit-card::before {
  content: "\f2dc";
}

.bi-crop::before {
  content: "\f2dd";
}

.bi-cup-fill::before {
  content: "\f2de";
}

.bi-cup-straw::before {
  content: "\f2df";
}

.bi-cup::before {
  content: "\f2e0";
}

.bi-cursor-fill::before {
  content: "\f2e1";
}

.bi-cursor-text::before {
  content: "\f2e2";
}

.bi-cursor::before {
  content: "\f2e3";
}

.bi-dash-circle-dotted::before {
  content: "\f2e4";
}

.bi-dash-circle-fill::before {
  content: "\f2e5";
}

.bi-dash-circle::before {
  content: "\f2e6";
}

.bi-dash-square-dotted::before {
  content: "\f2e7";
}

.bi-dash-square-fill::before {
  content: "\f2e8";
}

.bi-dash-square::before {
  content: "\f2e9";
}

.bi-dash::before {
  content: "\f2ea";
}

.bi-diagram-2-fill::before {
  content: "\f2eb";
}

.bi-diagram-2::before {
  content: "\f2ec";
}

.bi-diagram-3-fill::before {
  content: "\f2ed";
}

.bi-diagram-3::before {
  content: "\f2ee";
}

.bi-diamond-fill::before {
  content: "\f2ef";
}

.bi-diamond-half::before {
  content: "\f2f0";
}

.bi-diamond::before {
  content: "\f2f1";
}

.bi-dice-1-fill::before {
  content: "\f2f2";
}

.bi-dice-1::before {
  content: "\f2f3";
}

.bi-dice-2-fill::before {
  content: "\f2f4";
}

.bi-dice-2::before {
  content: "\f2f5";
}

.bi-dice-3-fill::before {
  content: "\f2f6";
}

.bi-dice-3::before {
  content: "\f2f7";
}

.bi-dice-4-fill::before {
  content: "\f2f8";
}

.bi-dice-4::before {
  content: "\f2f9";
}

.bi-dice-5-fill::before {
  content: "\f2fa";
}

.bi-dice-5::before {
  content: "\f2fb";
}

.bi-dice-6-fill::before {
  content: "\f2fc";
}

.bi-dice-6::before {
  content: "\f2fd";
}

.bi-disc-fill::before {
  content: "\f2fe";
}

.bi-disc::before {
  content: "\f2ff";
}

.bi-discord::before {
  content: "\f300";
}

.bi-display-fill::before {
  content: "\f301";
}

.bi-display::before {
  content: "\f302";
}

.bi-distribute-horizontal::before {
  content: "\f303";
}

.bi-distribute-vertical::before {
  content: "\f304";
}

.bi-door-closed-fill::before {
  content: "\f305";
}

.bi-door-closed::before {
  content: "\f306";
}

.bi-door-open-fill::before {
  content: "\f307";
}

.bi-door-open::before {
  content: "\f308";
}

.bi-dot::before {
  content: "\f309";
}

.bi-download::before {
  content: "\f30a";
}

.bi-droplet-fill::before {
  content: "\f30b";
}

.bi-droplet-half::before {
  content: "\f30c";
}

.bi-droplet::before {
  content: "\f30d";
}

.bi-earbuds::before {
  content: "\f30e";
}

.bi-easel-fill::before {
  content: "\f30f";
}

.bi-easel::before {
  content: "\f310";
}

.bi-egg-fill::before {
  content: "\f311";
}

.bi-egg-fried::before {
  content: "\f312";
}

.bi-egg::before {
  content: "\f313";
}

.bi-eject-fill::before {
  content: "\f314";
}

.bi-eject::before {
  content: "\f315";
}

.bi-emoji-angry-fill::before {
  content: "\f316";
}

.bi-emoji-angry::before {
  content: "\f317";
}

.bi-emoji-dizzy-fill::before {
  content: "\f318";
}

.bi-emoji-dizzy::before {
  content: "\f319";
}

.bi-emoji-expressionless-fill::before {
  content: "\f31a";
}

.bi-emoji-expressionless::before {
  content: "\f31b";
}

.bi-emoji-frown-fill::before {
  content: "\f31c";
}

.bi-emoji-frown::before {
  content: "\f31d";
}

.bi-emoji-heart-eyes-fill::before {
  content: "\f31e";
}

.bi-emoji-heart-eyes::before {
  content: "\f31f";
}

.bi-emoji-laughing-fill::before {
  content: "\f320";
}

.bi-emoji-laughing::before {
  content: "\f321";
}

.bi-emoji-neutral-fill::before {
  content: "\f322";
}

.bi-emoji-neutral::before {
  content: "\f323";
}

.bi-emoji-smile-fill::before {
  content: "\f324";
}

.bi-emoji-smile-upside-down-fill::before {
  content: "\f325";
}

.bi-emoji-smile-upside-down::before {
  content: "\f326";
}

.bi-emoji-smile::before {
  content: "\f327";
}

.bi-emoji-sunglasses-fill::before {
  content: "\f328";
}

.bi-emoji-sunglasses::before {
  content: "\f329";
}

.bi-emoji-wink-fill::before {
  content: "\f32a";
}

.bi-emoji-wink::before {
  content: "\f32b";
}

.bi-envelope-fill::before {
  content: "\f32c";
}

.bi-envelope-open-fill::before {
  content: "\f32d";
}

.bi-envelope-open::before {
  content: "\f32e";
}

.bi-envelope::before {
  content: "\f32f";
}

.bi-eraser-fill::before {
  content: "\f330";
}

.bi-eraser::before {
  content: "\f331";
}

.bi-exclamation-circle-fill::before {
  content: "\f332";
}

.bi-exclamation-circle::before {
  content: "\f333";
}

.bi-exclamation-diamond-fill::before {
  content: "\f334";
}

.bi-exclamation-diamond::before {
  content: "\f335";
}

.bi-exclamation-octagon-fill::before {
  content: "\f336";
}

.bi-exclamation-octagon::before {
  content: "\f337";
}

.bi-exclamation-square-fill::before {
  content: "\f338";
}

.bi-exclamation-square::before {
  content: "\f339";
}

.bi-exclamation-triangle-fill::before {
  content: "\f33a";
}

.bi-exclamation-triangle::before {
  content: "\f33b";
}

.bi-exclamation::before {
  content: "\f33c";
}

.bi-exclude::before {
  content: "\f33d";
}

.bi-eye-fill::before {
  content: "\f33e";
}

.bi-eye-slash-fill::before {
  content: "\f33f";
}

.bi-eye-slash::before {
  content: "\f340";
}

.bi-eye::before {
  content: "\f341";
}

.bi-eyedropper::before {
  content: "\f342";
}

.bi-eyeglasses::before {
  content: "\f343";
}

.bi-facebook::before {
  content: "\f344";
}

.bi-file-arrow-down-fill::before {
  content: "\f345";
}

.bi-file-arrow-down::before {
  content: "\f346";
}

.bi-file-arrow-up-fill::before {
  content: "\f347";
}

.bi-file-arrow-up::before {
  content: "\f348";
}

.bi-file-bar-graph-fill::before {
  content: "\f349";
}

.bi-file-bar-graph::before {
  content: "\f34a";
}

.bi-file-binary-fill::before {
  content: "\f34b";
}

.bi-file-binary::before {
  content: "\f34c";
}

.bi-file-break-fill::before {
  content: "\f34d";
}

.bi-file-break::before {
  content: "\f34e";
}

.bi-file-check-fill::before {
  content: "\f34f";
}

.bi-file-check::before {
  content: "\f350";
}

.bi-file-code-fill::before {
  content: "\f351";
}

.bi-file-code::before {
  content: "\f352";
}

.bi-file-diff-fill::before {
  content: "\f353";
}

.bi-file-diff::before {
  content: "\f354";
}

.bi-file-earmark-arrow-down-fill::before {
  content: "\f355";
}

.bi-file-earmark-arrow-down::before {
  content: "\f356";
}

.bi-file-earmark-arrow-up-fill::before {
  content: "\f357";
}

.bi-file-earmark-arrow-up::before {
  content: "\f358";
}

.bi-file-earmark-bar-graph-fill::before {
  content: "\f359";
}

.bi-file-earmark-bar-graph::before {
  content: "\f35a";
}

.bi-file-earmark-binary-fill::before {
  content: "\f35b";
}

.bi-file-earmark-binary::before {
  content: "\f35c";
}

.bi-file-earmark-break-fill::before {
  content: "\f35d";
}

.bi-file-earmark-break::before {
  content: "\f35e";
}

.bi-file-earmark-check-fill::before {
  content: "\f35f";
}

.bi-file-earmark-check::before {
  content: "\f360";
}

.bi-file-earmark-code-fill::before {
  content: "\f361";
}

.bi-file-earmark-code::before {
  content: "\f362";
}

.bi-file-earmark-diff-fill::before {
  content: "\f363";
}

.bi-file-earmark-diff::before {
  content: "\f364";
}

.bi-file-earmark-easel-fill::before {
  content: "\f365";
}

.bi-file-earmark-easel::before {
  content: "\f366";
}

.bi-file-earmark-excel-fill::before {
  content: "\f367";
}

.bi-file-earmark-excel::before {
  content: "\f368";
}

.bi-file-earmark-fill::before {
  content: "\f369";
}

.bi-file-earmark-font-fill::before {
  content: "\f36a";
}

.bi-file-earmark-font::before {
  content: "\f36b";
}

.bi-file-earmark-image-fill::before {
  content: "\f36c";
}

.bi-file-earmark-image::before {
  content: "\f36d";
}

.bi-file-earmark-lock-fill::before {
  content: "\f36e";
}

.bi-file-earmark-lock::before {
  content: "\f36f";
}

.bi-file-earmark-lock2-fill::before {
  content: "\f370";
}

.bi-file-earmark-lock2::before {
  content: "\f371";
}

.bi-file-earmark-medical-fill::before {
  content: "\f372";
}

.bi-file-earmark-medical::before {
  content: "\f373";
}

.bi-file-earmark-minus-fill::before {
  content: "\f374";
}

.bi-file-earmark-minus::before {
  content: "\f375";
}

.bi-file-earmark-music-fill::before {
  content: "\f376";
}

.bi-file-earmark-music::before {
  content: "\f377";
}

.bi-file-earmark-person-fill::before {
  content: "\f378";
}

.bi-file-earmark-person::before {
  content: "\f379";
}

.bi-file-earmark-play-fill::before {
  content: "\f37a";
}

.bi-file-earmark-play::before {
  content: "\f37b";
}

.bi-file-earmark-plus-fill::before {
  content: "\f37c";
}

.bi-file-earmark-plus::before {
  content: "\f37d";
}

.bi-file-earmark-post-fill::before {
  content: "\f37e";
}

.bi-file-earmark-post::before {
  content: "\f37f";
}

.bi-file-earmark-ppt-fill::before {
  content: "\f380";
}

.bi-file-earmark-ppt::before {
  content: "\f381";
}

.bi-file-earmark-richtext-fill::before {
  content: "\f382";
}

.bi-file-earmark-richtext::before {
  content: "\f383";
}

.bi-file-earmark-ruled-fill::before {
  content: "\f384";
}

.bi-file-earmark-ruled::before {
  content: "\f385";
}

.bi-file-earmark-slides-fill::before {
  content: "\f386";
}

.bi-file-earmark-slides::before {
  content: "\f387";
}

.bi-file-earmark-spreadsheet-fill::before {
  content: "\f388";
}

.bi-file-earmark-spreadsheet::before {
  content: "\f389";
}

.bi-file-earmark-text-fill::before {
  content: "\f38a";
}

.bi-file-earmark-text::before {
  content: "\f38b";
}

.bi-file-earmark-word-fill::before {
  content: "\f38c";
}

.bi-file-earmark-word::before {
  content: "\f38d";
}

.bi-file-earmark-x-fill::before {
  content: "\f38e";
}

.bi-file-earmark-x::before {
  content: "\f38f";
}

.bi-file-earmark-zip-fill::before {
  content: "\f390";
}

.bi-file-earmark-zip::before {
  content: "\f391";
}

.bi-file-earmark::before {
  content: "\f392";
}

.bi-file-easel-fill::before {
  content: "\f393";
}

.bi-file-easel::before {
  content: "\f394";
}

.bi-file-excel-fill::before {
  content: "\f395";
}

.bi-file-excel::before {
  content: "\f396";
}

.bi-file-fill::before {
  content: "\f397";
}

.bi-file-font-fill::before {
  content: "\f398";
}

.bi-file-font::before {
  content: "\f399";
}

.bi-file-image-fill::before {
  content: "\f39a";
}

.bi-file-image::before {
  content: "\f39b";
}

.bi-file-lock-fill::before {
  content: "\f39c";
}

.bi-file-lock::before {
  content: "\f39d";
}

.bi-file-lock2-fill::before {
  content: "\f39e";
}

.bi-file-lock2::before {
  content: "\f39f";
}

.bi-file-medical-fill::before {
  content: "\f3a0";
}

.bi-file-medical::before {
  content: "\f3a1";
}

.bi-file-minus-fill::before {
  content: "\f3a2";
}

.bi-file-minus::before {
  content: "\f3a3";
}

.bi-file-music-fill::before {
  content: "\f3a4";
}

.bi-file-music::before {
  content: "\f3a5";
}

.bi-file-person-fill::before {
  content: "\f3a6";
}

.bi-file-person::before {
  content: "\f3a7";
}

.bi-file-play-fill::before {
  content: "\f3a8";
}

.bi-file-play::before {
  content: "\f3a9";
}

.bi-file-plus-fill::before {
  content: "\f3aa";
}

.bi-file-plus::before {
  content: "\f3ab";
}

.bi-file-post-fill::before {
  content: "\f3ac";
}

.bi-file-post::before {
  content: "\f3ad";
}

.bi-file-ppt-fill::before {
  content: "\f3ae";
}

.bi-file-ppt::before {
  content: "\f3af";
}

.bi-file-richtext-fill::before {
  content: "\f3b0";
}

.bi-file-richtext::before {
  content: "\f3b1";
}

.bi-file-ruled-fill::before {
  content: "\f3b2";
}

.bi-file-ruled::before {
  content: "\f3b3";
}

.bi-file-slides-fill::before {
  content: "\f3b4";
}

.bi-file-slides::before {
  content: "\f3b5";
}

.bi-file-spreadsheet-fill::before {
  content: "\f3b6";
}

.bi-file-spreadsheet::before {
  content: "\f3b7";
}

.bi-file-text-fill::before {
  content: "\f3b8";
}

.bi-file-text::before {
  content: "\f3b9";
}

.bi-file-word-fill::before {
  content: "\f3ba";
}

.bi-file-word::before {
  content: "\f3bb";
}

.bi-file-x-fill::before {
  content: "\f3bc";
}

.bi-file-x::before {
  content: "\f3bd";
}

.bi-file-zip-fill::before {
  content: "\f3be";
}

.bi-file-zip::before {
  content: "\f3bf";
}

.bi-file::before {
  content: "\f3c0";
}

.bi-files-alt::before {
  content: "\f3c1";
}

.bi-files::before {
  content: "\f3c2";
}

.bi-film::before {
  content: "\f3c3";
}

.bi-filter-circle-fill::before {
  content: "\f3c4";
}

.bi-filter-circle::before {
  content: "\f3c5";
}

.bi-filter-left::before {
  content: "\f3c6";
}

.bi-filter-right::before {
  content: "\f3c7";
}

.bi-filter-square-fill::before {
  content: "\f3c8";
}

.bi-filter-square::before {
  content: "\f3c9";
}

.bi-filter::before {
  content: "\f3ca";
}

.bi-flag-fill::before {
  content: "\f3cb";
}

.bi-flag::before {
  content: "\f3cc";
}

.bi-flower1::before {
  content: "\f3cd";
}

.bi-flower2::before {
  content: "\f3ce";
}

.bi-flower3::before {
  content: "\f3cf";
}

.bi-folder-check::before {
  content: "\f3d0";
}

.bi-folder-fill::before {
  content: "\f3d1";
}

.bi-folder-minus::before {
  content: "\f3d2";
}

.bi-folder-plus::before {
  content: "\f3d3";
}

.bi-folder-symlink-fill::before {
  content: "\f3d4";
}

.bi-folder-symlink::before {
  content: "\f3d5";
}

.bi-folder-x::before {
  content: "\f3d6";
}

.bi-folder::before {
  content: "\f3d7";
}

.bi-folder2-open::before {
  content: "\f3d8";
}

.bi-folder2::before {
  content: "\f3d9";
}

.bi-fonts::before {
  content: "\f3da";
}

.bi-forward-fill::before {
  content: "\f3db";
}

.bi-forward::before {
  content: "\f3dc";
}

.bi-front::before {
  content: "\f3dd";
}

.bi-fullscreen-exit::before {
  content: "\f3de";
}

.bi-fullscreen::before {
  content: "\f3df";
}

.bi-funnel-fill::before {
  content: "\f3e0";
}

.bi-funnel::before {
  content: "\f3e1";
}

.bi-gear-fill::before {
  content: "\f3e2";
}

.bi-gear-wide-connected::before {
  content: "\f3e3";
}

.bi-gear-wide::before {
  content: "\f3e4";
}

.bi-gear::before {
  content: "\f3e5";
}

.bi-gem::before {
  content: "\f3e6";
}

.bi-geo-alt-fill::before {
  content: "\f3e7";
}

.bi-geo-alt::before {
  content: "\f3e8";
}

.bi-geo-fill::before {
  content: "\f3e9";
}

.bi-geo::before {
  content: "\f3ea";
}

.bi-gift-fill::before {
  content: "\f3eb";
}

.bi-gift::before {
  content: "\f3ec";
}

.bi-github::before {
  content: "\f3ed";
}

.bi-globe::before {
  content: "\f3ee";
}

.bi-globe2::before {
  content: "\f3ef";
}

.bi-google::before {
  content: "\f3f0";
}

.bi-graph-down::before {
  content: "\f3f1";
}

.bi-graph-up::before {
  content: "\f3f2";
}

.bi-grid-1x2-fill::before {
  content: "\f3f3";
}

.bi-grid-1x2::before {
  content: "\f3f4";
}

.bi-grid-3x2-gap-fill::before {
  content: "\f3f5";
}

.bi-grid-3x2-gap::before {
  content: "\f3f6";
}

.bi-grid-3x2::before {
  content: "\f3f7";
}

.bi-grid-3x3-gap-fill::before {
  content: "\f3f8";
}

.bi-grid-3x3-gap::before {
  content: "\f3f9";
}

.bi-grid-3x3::before {
  content: "\f3fa";
}

.bi-grid-fill::before {
  content: "\f3fb";
}

.bi-grid::before {
  content: "\f3fc";
}

.bi-grip-horizontal::before {
  content: "\f3fd";
}

.bi-grip-vertical::before {
  content: "\f3fe";
}

.bi-hammer::before {
  content: "\f3ff";
}

.bi-hand-index-fill::before {
  content: "\f400";
}

.bi-hand-index-thumb-fill::before {
  content: "\f401";
}

.bi-hand-index-thumb::before {
  content: "\f402";
}

.bi-hand-index::before {
  content: "\f403";
}

.bi-hand-thumbs-down-fill::before {
  content: "\f404";
}

.bi-hand-thumbs-down::before {
  content: "\f405";
}

.bi-hand-thumbs-up-fill::before {
  content: "\f406";
}

.bi-hand-thumbs-up::before {
  content: "\f407";
}

.bi-handbag-fill::before {
  content: "\f408";
}

.bi-handbag::before {
  content: "\f409";
}

.bi-hash::before {
  content: "\f40a";
}

.bi-hdd-fill::before {
  content: "\f40b";
}

.bi-hdd-network-fill::before {
  content: "\f40c";
}

.bi-hdd-network::before {
  content: "\f40d";
}

.bi-hdd-rack-fill::before {
  content: "\f40e";
}

.bi-hdd-rack::before {
  content: "\f40f";
}

.bi-hdd-stack-fill::before {
  content: "\f410";
}

.bi-hdd-stack::before {
  content: "\f411";
}

.bi-hdd::before {
  content: "\f412";
}

.bi-headphones::before {
  content: "\f413";
}

.bi-headset::before {
  content: "\f414";
}

.bi-heart-fill::before {
  content: "\f415";
}

.bi-heart-half::before {
  content: "\f416";
}

.bi-heart::before {
  content: "\f417";
}

.bi-heptagon-fill::before {
  content: "\f418";
}

.bi-heptagon-half::before {
  content: "\f419";
}

.bi-heptagon::before {
  content: "\f41a";
}

.bi-hexagon-fill::before {
  content: "\f41b";
}

.bi-hexagon-half::before {
  content: "\f41c";
}

.bi-hexagon::before {
  content: "\f41d";
}

.bi-hourglass-bottom::before {
  content: "\f41e";
}

.bi-hourglass-split::before {
  content: "\f41f";
}

.bi-hourglass-top::before {
  content: "\f420";
}

.bi-hourglass::before {
  content: "\f421";
}

.bi-house-door-fill::before {
  content: "\f422";
}

.bi-house-door::before {
  content: "\f423";
}

.bi-house-fill::before {
  content: "\f424";
}

.bi-house::before {
  content: "\f425";
}

.bi-hr::before {
  content: "\f426";
}

.bi-hurricane::before {
  content: "\f427";
}

.bi-image-alt::before {
  content: "\f428";
}

.bi-image-fill::before {
  content: "\f429";
}

.bi-image::before {
  content: "\f42a";
}

.bi-images::before {
  content: "\f42b";
}

.bi-inbox-fill::before {
  content: "\f42c";
}

.bi-inbox::before {
  content: "\f42d";
}

.bi-inboxes-fill::before {
  content: "\f42e";
}

.bi-inboxes::before {
  content: "\f42f";
}

.bi-info-circle-fill::before {
  content: "\f430";
}

.bi-info-circle::before {
  content: "\f431";
}

.bi-info-square-fill::before {
  content: "\f432";
}

.bi-info-square::before {
  content: "\f433";
}

.bi-info::before {
  content: "\f434";
}

.bi-input-cursor-text::before {
  content: "\f435";
}

.bi-input-cursor::before {
  content: "\f436";
}

.bi-instagram::before {
  content: "\f437";
}

.bi-intersect::before {
  content: "\f438";
}

.bi-journal-album::before {
  content: "\f439";
}

.bi-journal-arrow-down::before {
  content: "\f43a";
}

.bi-journal-arrow-up::before {
  content: "\f43b";
}

.bi-journal-bookmark-fill::before {
  content: "\f43c";
}

.bi-journal-bookmark::before {
  content: "\f43d";
}

.bi-journal-check::before {
  content: "\f43e";
}

.bi-journal-code::before {
  content: "\f43f";
}

.bi-journal-medical::before {
  content: "\f440";
}

.bi-journal-minus::before {
  content: "\f441";
}

.bi-journal-plus::before {
  content: "\f442";
}

.bi-journal-richtext::before {
  content: "\f443";
}

.bi-journal-text::before {
  content: "\f444";
}

.bi-journal-x::before {
  content: "\f445";
}

.bi-journal::before {
  content: "\f446";
}

.bi-journals::before {
  content: "\f447";
}

.bi-joystick::before {
  content: "\f448";
}

.bi-justify-left::before {
  content: "\f449";
}

.bi-justify-right::before {
  content: "\f44a";
}

.bi-justify::before {
  content: "\f44b";
}

.bi-kanban-fill::before {
  content: "\f44c";
}

.bi-kanban::before {
  content: "\f44d";
}

.bi-key-fill::before {
  content: "\f44e";
}

.bi-key::before {
  content: "\f44f";
}

.bi-keyboard-fill::before {
  content: "\f450";
}

.bi-keyboard::before {
  content: "\f451";
}

.bi-ladder::before {
  content: "\f452";
}

.bi-lamp-fill::before {
  content: "\f453";
}

.bi-lamp::before {
  content: "\f454";
}

.bi-laptop-fill::before {
  content: "\f455";
}

.bi-laptop::before {
  content: "\f456";
}

.bi-layer-backward::before {
  content: "\f457";
}

.bi-layer-forward::before {
  content: "\f458";
}

.bi-layers-fill::before {
  content: "\f459";
}

.bi-layers-half::before {
  content: "\f45a";
}

.bi-layers::before {
  content: "\f45b";
}

.bi-layout-sidebar-inset-reverse::before {
  content: "\f45c";
}

.bi-layout-sidebar-inset::before {
  content: "\f45d";
}

.bi-layout-sidebar-reverse::before {
  content: "\f45e";
}

.bi-layout-sidebar::before {
  content: "\f45f";
}

.bi-layout-split::before {
  content: "\f460";
}

.bi-layout-text-sidebar-reverse::before {
  content: "\f461";
}

.bi-layout-text-sidebar::before {
  content: "\f462";
}

.bi-layout-text-window-reverse::before {
  content: "\f463";
}

.bi-layout-text-window::before {
  content: "\f464";
}

.bi-layout-three-columns::before {
  content: "\f465";
}

.bi-layout-wtf::before {
  content: "\f466";
}

.bi-life-preserver::before {
  content: "\f467";
}

.bi-lightbulb-fill::before {
  content: "\f468";
}

.bi-lightbulb-off-fill::before {
  content: "\f469";
}

.bi-lightbulb-off::before {
  content: "\f46a";
}

.bi-lightbulb::before {
  content: "\f46b";
}

.bi-lightning-charge-fill::before {
  content: "\f46c";
}

.bi-lightning-charge::before {
  content: "\f46d";
}

.bi-lightning-fill::before {
  content: "\f46e";
}

.bi-lightning::before {
  content: "\f46f";
}

.bi-link-45deg::before {
  content: "\f470";
}

.bi-link::before {
  content: "\f471";
}

.bi-linkedin::before {
  content: "\f472";
}

.bi-list-check::before {
  content: "\f473";
}

.bi-list-nested::before {
  content: "\f474";
}

.bi-list-ol::before {
  content: "\f475";
}

.bi-list-stars::before {
  content: "\f476";
}

.bi-list-task::before {
  content: "\f477";
}

.bi-list-ul::before {
  content: "\f478";
}

.bi-list::before {
  content: "\f479";
}

.bi-lock-fill::before {
  content: "\f47a";
}

.bi-lock::before {
  content: "\f47b";
}

.bi-mailbox::before {
  content: "\f47c";
}

.bi-mailbox2::before {
  content: "\f47d";
}

.bi-map-fill::before {
  content: "\f47e";
}

.bi-map::before {
  content: "\f47f";
}

.bi-markdown-fill::before {
  content: "\f480";
}

.bi-markdown::before {
  content: "\f481";
}

.bi-mask::before {
  content: "\f482";
}

.bi-megaphone-fill::before {
  content: "\f483";
}

.bi-megaphone::before {
  content: "\f484";
}

.bi-menu-app-fill::before {
  content: "\f485";
}

.bi-menu-app::before {
  content: "\f486";
}

.bi-menu-button-fill::before {
  content: "\f487";
}

.bi-menu-button-wide-fill::before {
  content: "\f488";
}

.bi-menu-button-wide::before {
  content: "\f489";
}

.bi-menu-button::before {
  content: "\f48a";
}

.bi-menu-down::before {
  content: "\f48b";
}

.bi-menu-up::before {
  content: "\f48c";
}

.bi-mic-fill::before {
  content: "\f48d";
}

.bi-mic-mute-fill::before {
  content: "\f48e";
}

.bi-mic-mute::before {
  content: "\f48f";
}

.bi-mic::before {
  content: "\f490";
}

.bi-minecart-loaded::before {
  content: "\f491";
}

.bi-minecart::before {
  content: "\f492";
}

.bi-moisture::before {
  content: "\f493";
}

.bi-moon-fill::before {
  content: "\f494";
}

.bi-moon-stars-fill::before {
  content: "\f495";
}

.bi-moon-stars::before {
  content: "\f496";
}

.bi-moon::before {
  content: "\f497";
}

.bi-mouse-fill::before {
  content: "\f498";
}

.bi-mouse::before {
  content: "\f499";
}

.bi-mouse2-fill::before {
  content: "\f49a";
}

.bi-mouse2::before {
  content: "\f49b";
}

.bi-mouse3-fill::before {
  content: "\f49c";
}

.bi-mouse3::before {
  content: "\f49d";
}

.bi-music-note-beamed::before {
  content: "\f49e";
}

.bi-music-note-list::before {
  content: "\f49f";
}

.bi-music-note::before {
  content: "\f4a0";
}

.bi-music-player-fill::before {
  content: "\f4a1";
}

.bi-music-player::before {
  content: "\f4a2";
}

.bi-newspaper::before {
  content: "\f4a3";
}

.bi-node-minus-fill::before {
  content: "\f4a4";
}

.bi-node-minus::before {
  content: "\f4a5";
}

.bi-node-plus-fill::before {
  content: "\f4a6";
}

.bi-node-plus::before {
  content: "\f4a7";
}

.bi-nut-fill::before {
  content: "\f4a8";
}

.bi-nut::before {
  content: "\f4a9";
}

.bi-octagon-fill::before {
  content: "\f4aa";
}

.bi-octagon-half::before {
  content: "\f4ab";
}

.bi-octagon::before {
  content: "\f4ac";
}

.bi-option::before {
  content: "\f4ad";
}

.bi-outlet::before {
  content: "\f4ae";
}

.bi-paint-bucket::before {
  content: "\f4af";
}

.bi-palette-fill::before {
  content: "\f4b0";
}

.bi-palette::before {
  content: "\f4b1";
}

.bi-palette2::before {
  content: "\f4b2";
}

.bi-paperclip::before {
  content: "\f4b3";
}

.bi-paragraph::before {
  content: "\f4b4";
}

.bi-patch-check-fill::before {
  content: "\f4b5";
}

.bi-patch-check::before {
  content: "\f4b6";
}

.bi-patch-exclamation-fill::before {
  content: "\f4b7";
}

.bi-patch-exclamation::before {
  content: "\f4b8";
}

.bi-patch-minus-fill::before {
  content: "\f4b9";
}

.bi-patch-minus::before {
  content: "\f4ba";
}

.bi-patch-plus-fill::before {
  content: "\f4bb";
}

.bi-patch-plus::before {
  content: "\f4bc";
}

.bi-patch-question-fill::before {
  content: "\f4bd";
}

.bi-patch-question::before {
  content: "\f4be";
}

.bi-pause-btn-fill::before {
  content: "\f4bf";
}

.bi-pause-btn::before {
  content: "\f4c0";
}

.bi-pause-circle-fill::before {
  content: "\f4c1";
}

.bi-pause-circle::before {
  content: "\f4c2";
}

.bi-pause-fill::before {
  content: "\f4c3";
}

.bi-pause::before {
  content: "\f4c4";
}

.bi-peace-fill::before {
  content: "\f4c5";
}

.bi-peace::before {
  content: "\f4c6";
}

.bi-pen-fill::before {
  content: "\f4c7";
}

.bi-pen::before {
  content: "\f4c8";
}

.bi-pencil-fill::before {
  content: "\f4c9";
}

.bi-pencil-square::before {
  content: "\f4ca";
}

.bi-pencil::before {
  content: "\f4cb";
}

.bi-pentagon-fill::before {
  content: "\f4cc";
}

.bi-pentagon-half::before {
  content: "\f4cd";
}

.bi-pentagon::before {
  content: "\f4ce";
}

.bi-people-fill::before {
  content: "\f4cf";
}

.bi-people::before {
  content: "\f4d0";
}

.bi-percent::before {
  content: "\f4d1";
}

.bi-person-badge-fill::before {
  content: "\f4d2";
}

.bi-person-badge::before {
  content: "\f4d3";
}

.bi-person-bounding-box::before {
  content: "\f4d4";
}

.bi-person-check-fill::before {
  content: "\f4d5";
}

.bi-person-check::before {
  content: "\f4d6";
}

.bi-person-circle::before {
  content: "\f4d7";
}

.bi-person-dash-fill::before {
  content: "\f4d8";
}

.bi-person-dash::before {
  content: "\f4d9";
}

.bi-person-fill::before {
  content: "\f4da";
}

.bi-person-lines-fill::before {
  content: "\f4db";
}

.bi-person-plus-fill::before {
  content: "\f4dc";
}

.bi-person-plus::before {
  content: "\f4dd";
}

.bi-person-square::before {
  content: "\f4de";
}

.bi-person-x-fill::before {
  content: "\f4df";
}

.bi-person-x::before {
  content: "\f4e0";
}

.bi-person::before {
  content: "\f4e1";
}

.bi-phone-fill::before {
  content: "\f4e2";
}

.bi-phone-landscape-fill::before {
  content: "\f4e3";
}

.bi-phone-landscape::before {
  content: "\f4e4";
}

.bi-phone-vibrate-fill::before {
  content: "\f4e5";
}

.bi-phone-vibrate::before {
  content: "\f4e6";
}

.bi-phone::before {
  content: "\f4e7";
}

.bi-pie-chart-fill::before {
  content: "\f4e8";
}

.bi-pie-chart::before {
  content: "\f4e9";
}

.bi-pin-angle-fill::before {
  content: "\f4ea";
}

.bi-pin-angle::before {
  content: "\f4eb";
}

.bi-pin-fill::before {
  content: "\f4ec";
}

.bi-pin::before {
  content: "\f4ed";
}

.bi-pip-fill::before {
  content: "\f4ee";
}

.bi-pip::before {
  content: "\f4ef";
}

.bi-play-btn-fill::before {
  content: "\f4f0";
}

.bi-play-btn::before {
  content: "\f4f1";
}

.bi-play-circle-fill::before {
  content: "\f4f2";
}

.bi-play-circle::before {
  content: "\f4f3";
}

.bi-play-fill::before {
  content: "\f4f4";
}

.bi-play::before {
  content: "\f4f5";
}

.bi-plug-fill::before {
  content: "\f4f6";
}

.bi-plug::before {
  content: "\f4f7";
}

.bi-plus-circle-dotted::before {
  content: "\f4f8";
}

.bi-plus-circle-fill::before {
  content: "\f4f9";
}

.bi-plus-circle::before {
  content: "\f4fa";
}

.bi-plus-square-dotted::before {
  content: "\f4fb";
}

.bi-plus-square-fill::before {
  content: "\f4fc";
}

.bi-plus-square::before {
  content: "\f4fd";
}

.bi-plus::before {
  content: "\f4fe";
}

.bi-power::before {
  content: "\f4ff";
}

.bi-printer-fill::before {
  content: "\f500";
}

.bi-printer::before {
  content: "\f501";
}

.bi-puzzle-fill::before {
  content: "\f502";
}

.bi-puzzle::before {
  content: "\f503";
}

.bi-question-circle-fill::before {
  content: "\f504";
}

.bi-question-circle::before {
  content: "\f505";
}

.bi-question-diamond-fill::before {
  content: "\f506";
}

.bi-question-diamond::before {
  content: "\f507";
}

.bi-question-octagon-fill::before {
  content: "\f508";
}

.bi-question-octagon::before {
  content: "\f509";
}

.bi-question-square-fill::before {
  content: "\f50a";
}

.bi-question-square::before {
  content: "\f50b";
}

.bi-question::before {
  content: "\f50c";
}

.bi-rainbow::before {
  content: "\f50d";
}

.bi-receipt-cutoff::before {
  content: "\f50e";
}

.bi-receipt::before {
  content: "\f50f";
}

.bi-reception-0::before {
  content: "\f510";
}

.bi-reception-1::before {
  content: "\f511";
}

.bi-reception-2::before {
  content: "\f512";
}

.bi-reception-3::before {
  content: "\f513";
}

.bi-reception-4::before {
  content: "\f514";
}

.bi-record-btn-fill::before {
  content: "\f515";
}

.bi-record-btn::before {
  content: "\f516";
}

.bi-record-circle-fill::before {
  content: "\f517";
}

.bi-record-circle::before {
  content: "\f518";
}

.bi-record-fill::before {
  content: "\f519";
}

.bi-record::before {
  content: "\f51a";
}

.bi-record2-fill::before {
  content: "\f51b";
}

.bi-record2::before {
  content: "\f51c";
}

.bi-reply-all-fill::before {
  content: "\f51d";
}

.bi-reply-all::before {
  content: "\f51e";
}

.bi-reply-fill::before {
  content: "\f51f";
}

.bi-reply::before {
  content: "\f520";
}

.bi-rss-fill::before {
  content: "\f521";
}

.bi-rss::before {
  content: "\f522";
}

.bi-rulers::before {
  content: "\f523";
}

.bi-save-fill::before {
  content: "\f524";
}

.bi-save::before {
  content: "\f525";
}

.bi-save2-fill::before {
  content: "\f526";
}

.bi-save2::before {
  content: "\f527";
}

.bi-scissors::before {
  content: "\f528";
}

.bi-screwdriver::before {
  content: "\f529";
}

.bi-search::before {
  content: "\f52a";
}

.bi-segmented-nav::before {
  content: "\f52b";
}

.bi-server::before {
  content: "\f52c";
}

.bi-share-fill::before {
  content: "\f52d";
}

.bi-share::before {
  content: "\f52e";
}

.bi-shield-check::before {
  content: "\f52f";
}

.bi-shield-exclamation::before {
  content: "\f530";
}

.bi-shield-fill-check::before {
  content: "\f531";
}

.bi-shield-fill-exclamation::before {
  content: "\f532";
}

.bi-shield-fill-minus::before {
  content: "\f533";
}

.bi-shield-fill-plus::before {
  content: "\f534";
}

.bi-shield-fill-x::before {
  content: "\f535";
}

.bi-shield-fill::before {
  content: "\f536";
}

.bi-shield-lock-fill::before {
  content: "\f537";
}

.bi-shield-lock::before {
  content: "\f538";
}

.bi-shield-minus::before {
  content: "\f539";
}

.bi-shield-plus::before {
  content: "\f53a";
}

.bi-shield-shaded::before {
  content: "\f53b";
}

.bi-shield-slash-fill::before {
  content: "\f53c";
}

.bi-shield-slash::before {
  content: "\f53d";
}

.bi-shield-x::before {
  content: "\f53e";
}

.bi-shield::before {
  content: "\f53f";
}

.bi-shift-fill::before {
  content: "\f540";
}

.bi-shift::before {
  content: "\f541";
}

.bi-shop-window::before {
  content: "\f542";
}

.bi-shop::before {
  content: "\f543";
}

.bi-shuffle::before {
  content: "\f544";
}

.bi-signpost-2-fill::before {
  content: "\f545";
}

.bi-signpost-2::before {
  content: "\f546";
}

.bi-signpost-fill::before {
  content: "\f547";
}

.bi-signpost-split-fill::before {
  content: "\f548";
}

.bi-signpost-split::before {
  content: "\f549";
}

.bi-signpost::before {
  content: "\f54a";
}

.bi-sim-fill::before {
  content: "\f54b";
}

.bi-sim::before {
  content: "\f54c";
}

.bi-skip-backward-btn-fill::before {
  content: "\f54d";
}

.bi-skip-backward-btn::before {
  content: "\f54e";
}

.bi-skip-backward-circle-fill::before {
  content: "\f54f";
}

.bi-skip-backward-circle::before {
  content: "\f550";
}

.bi-skip-backward-fill::before {
  content: "\f551";
}

.bi-skip-backward::before {
  content: "\f552";
}

.bi-skip-end-btn-fill::before {
  content: "\f553";
}

.bi-skip-end-btn::before {
  content: "\f554";
}

.bi-skip-end-circle-fill::before {
  content: "\f555";
}

.bi-skip-end-circle::before {
  content: "\f556";
}

.bi-skip-end-fill::before {
  content: "\f557";
}

.bi-skip-end::before {
  content: "\f558";
}

.bi-skip-forward-btn-fill::before {
  content: "\f559";
}

.bi-skip-forward-btn::before {
  content: "\f55a";
}

.bi-skip-forward-circle-fill::before {
  content: "\f55b";
}

.bi-skip-forward-circle::before {
  content: "\f55c";
}

.bi-skip-forward-fill::before {
  content: "\f55d";
}

.bi-skip-forward::before {
  content: "\f55e";
}

.bi-skip-start-btn-fill::before {
  content: "\f55f";
}

.bi-skip-start-btn::before {
  content: "\f560";
}

.bi-skip-start-circle-fill::before {
  content: "\f561";
}

.bi-skip-start-circle::before {
  content: "\f562";
}

.bi-skip-start-fill::before {
  content: "\f563";
}

.bi-skip-start::before {
  content: "\f564";
}

.bi-slack::before {
  content: "\f565";
}

.bi-slash-circle-fill::before {
  content: "\f566";
}

.bi-slash-circle::before {
  content: "\f567";
}

.bi-slash-square-fill::before {
  content: "\f568";
}

.bi-slash-square::before {
  content: "\f569";
}

.bi-slash::before {
  content: "\f56a";
}

.bi-sliders::before {
  content: "\f56b";
}

.bi-smartwatch::before {
  content: "\f56c";
}

.bi-snow::before {
  content: "\f56d";
}

.bi-snow2::before {
  content: "\f56e";
}

.bi-snow3::before {
  content: "\f56f";
}

.bi-sort-alpha-down-alt::before {
  content: "\f570";
}

.bi-sort-alpha-down::before {
  content: "\f571";
}

.bi-sort-alpha-up-alt::before {
  content: "\f572";
}

.bi-sort-alpha-up::before {
  content: "\f573";
}

.bi-sort-down-alt::before {
  content: "\f574";
}

.bi-sort-down::before {
  content: "\f575";
}

.bi-sort-numeric-down-alt::before {
  content: "\f576";
}

.bi-sort-numeric-down::before {
  content: "\f577";
}

.bi-sort-numeric-up-alt::before {
  content: "\f578";
}

.bi-sort-numeric-up::before {
  content: "\f579";
}

.bi-sort-up-alt::before {
  content: "\f57a";
}

.bi-sort-up::before {
  content: "\f57b";
}

.bi-soundwave::before {
  content: "\f57c";
}

.bi-speaker-fill::before {
  content: "\f57d";
}

.bi-speaker::before {
  content: "\f57e";
}

.bi-speedometer::before {
  content: "\f57f";
}

.bi-speedometer2::before {
  content: "\f580";
}

.bi-spellcheck::before {
  content: "\f581";
}

.bi-square-fill::before {
  content: "\f582";
}

.bi-square-half::before {
  content: "\f583";
}

.bi-square::before {
  content: "\f584";
}

.bi-stack::before {
  content: "\f585";
}

.bi-star-fill::before {
  content: "\f586";
}

.bi-star-half::before {
  content: "\f587";
}

.bi-star::before {
  content: "\f588";
}

.bi-stars::before {
  content: "\f589";
}

.bi-stickies-fill::before {
  content: "\f58a";
}

.bi-stickies::before {
  content: "\f58b";
}

.bi-sticky-fill::before {
  content: "\f58c";
}

.bi-sticky::before {
  content: "\f58d";
}

.bi-stop-btn-fill::before {
  content: "\f58e";
}

.bi-stop-btn::before {
  content: "\f58f";
}

.bi-stop-circle-fill::before {
  content: "\f590";
}

.bi-stop-circle::before {
  content: "\f591";
}

.bi-stop-fill::before {
  content: "\f592";
}

.bi-stop::before {
  content: "\f593";
}

.bi-stoplights-fill::before {
  content: "\f594";
}

.bi-stoplights::before {
  content: "\f595";
}

.bi-stopwatch-fill::before {
  content: "\f596";
}

.bi-stopwatch::before {
  content: "\f597";
}

.bi-subtract::before {
  content: "\f598";
}

.bi-suit-club-fill::before {
  content: "\f599";
}

.bi-suit-club::before {
  content: "\f59a";
}

.bi-suit-diamond-fill::before {
  content: "\f59b";
}

.bi-suit-diamond::before {
  content: "\f59c";
}

.bi-suit-heart-fill::before {
  content: "\f59d";
}

.bi-suit-heart::before {
  content: "\f59e";
}

.bi-suit-spade-fill::before {
  content: "\f59f";
}

.bi-suit-spade::before {
  content: "\f5a0";
}

.bi-sun-fill::before {
  content: "\f5a1";
}

.bi-sun::before {
  content: "\f5a2";
}

.bi-sunglasses::before {
  content: "\f5a3";
}

.bi-sunrise-fill::before {
  content: "\f5a4";
}

.bi-sunrise::before {
  content: "\f5a5";
}

.bi-sunset-fill::before {
  content: "\f5a6";
}

.bi-sunset::before {
  content: "\f5a7";
}

.bi-symmetry-horizontal::before {
  content: "\f5a8";
}

.bi-symmetry-vertical::before {
  content: "\f5a9";
}

.bi-table::before {
  content: "\f5aa";
}

.bi-tablet-fill::before {
  content: "\f5ab";
}

.bi-tablet-landscape-fill::before {
  content: "\f5ac";
}

.bi-tablet-landscape::before {
  content: "\f5ad";
}

.bi-tablet::before {
  content: "\f5ae";
}

.bi-tag-fill::before {
  content: "\f5af";
}

.bi-tag::before {
  content: "\f5b0";
}

.bi-tags-fill::before {
  content: "\f5b1";
}

.bi-tags::before {
  content: "\f5b2";
}

.bi-telegram::before {
  content: "\f5b3";
}

.bi-telephone-fill::before {
  content: "\f5b4";
}

.bi-telephone-forward-fill::before {
  content: "\f5b5";
}

.bi-telephone-forward::before {
  content: "\f5b6";
}

.bi-telephone-inbound-fill::before {
  content: "\f5b7";
}

.bi-telephone-inbound::before {
  content: "\f5b8";
}

.bi-telephone-minus-fill::before {
  content: "\f5b9";
}

.bi-telephone-minus::before {
  content: "\f5ba";
}

.bi-telephone-outbound-fill::before {
  content: "\f5bb";
}

.bi-telephone-outbound::before {
  content: "\f5bc";
}

.bi-telephone-plus-fill::before {
  content: "\f5bd";
}

.bi-telephone-plus::before {
  content: "\f5be";
}

.bi-telephone-x-fill::before {
  content: "\f5bf";
}

.bi-telephone-x::before {
  content: "\f5c0";
}

.bi-telephone::before {
  content: "\f5c1";
}

.bi-terminal-fill::before {
  content: "\f5c2";
}

.bi-terminal::before {
  content: "\f5c3";
}

.bi-text-center::before {
  content: "\f5c4";
}

.bi-text-indent-left::before {
  content: "\f5c5";
}

.bi-text-indent-right::before {
  content: "\f5c6";
}

.bi-text-left::before {
  content: "\f5c7";
}

.bi-text-paragraph::before {
  content: "\f5c8";
}

.bi-text-right::before {
  content: "\f5c9";
}

.bi-textarea-resize::before {
  content: "\f5ca";
}

.bi-textarea-t::before {
  content: "\f5cb";
}

.bi-textarea::before {
  content: "\f5cc";
}

.bi-thermometer-half::before {
  content: "\f5cd";
}

.bi-thermometer-high::before {
  content: "\f5ce";
}

.bi-thermometer-low::before {
  content: "\f5cf";
}

.bi-thermometer-snow::before {
  content: "\f5d0";
}

.bi-thermometer-sun::before {
  content: "\f5d1";
}

.bi-thermometer::before {
  content: "\f5d2";
}

.bi-three-dots-vertical::before {
  content: "\f5d3";
}

.bi-three-dots::before {
  content: "\f5d4";
}

.bi-toggle-off::before {
  content: "\f5d5";
}

.bi-toggle-on::before {
  content: "\f5d6";
}

.bi-toggle2-off::before {
  content: "\f5d7";
}

.bi-toggle2-on::before {
  content: "\f5d8";
}

.bi-toggles::before {
  content: "\f5d9";
}

.bi-toggles2::before {
  content: "\f5da";
}

.bi-tools::before {
  content: "\f5db";
}

.bi-tornado::before {
  content: "\f5dc";
}

.bi-trash-fill::before {
  content: "\f5dd";
}

.bi-trash::before {
  content: "\f5de";
}

.bi-trash2-fill::before {
  content: "\f5df";
}

.bi-trash2::before {
  content: "\f5e0";
}

.bi-tree-fill::before {
  content: "\f5e1";
}

.bi-tree::before {
  content: "\f5e2";
}

.bi-triangle-fill::before {
  content: "\f5e3";
}

.bi-triangle-half::before {
  content: "\f5e4";
}

.bi-triangle::before {
  content: "\f5e5";
}

.bi-trophy-fill::before {
  content: "\f5e6";
}

.bi-trophy::before {
  content: "\f5e7";
}

.bi-tropical-storm::before {
  content: "\f5e8";
}

.bi-truck-flatbed::before {
  content: "\f5e9";
}

.bi-truck::before {
  content: "\f5ea";
}

.bi-tsunami::before {
  content: "\f5eb";
}

.bi-tv-fill::before {
  content: "\f5ec";
}

.bi-tv::before {
  content: "\f5ed";
}

.bi-twitch::before {
  content: "\f5ee";
}

.bi-twitter::before {
  content: "\f5ef";
}

.bi-type-bold::before {
  content: "\f5f0";
}

.bi-type-h1::before {
  content: "\f5f1";
}

.bi-type-h2::before {
  content: "\f5f2";
}

.bi-type-h3::before {
  content: "\f5f3";
}

.bi-type-italic::before {
  content: "\f5f4";
}

.bi-type-strikethrough::before {
  content: "\f5f5";
}

.bi-type-underline::before {
  content: "\f5f6";
}

.bi-type::before {
  content: "\f5f7";
}

.bi-ui-checks-grid::before {
  content: "\f5f8";
}

.bi-ui-checks::before {
  content: "\f5f9";
}

.bi-ui-radios-grid::before {
  content: "\f5fa";
}

.bi-ui-radios::before {
  content: "\f5fb";
}

.bi-umbrella-fill::before {
  content: "\f5fc";
}

.bi-umbrella::before {
  content: "\f5fd";
}

.bi-union::before {
  content: "\f5fe";
}

.bi-unlock-fill::before {
  content: "\f5ff";
}

.bi-unlock::before {
  content: "\f600";
}

.bi-upc-scan::before {
  content: "\f601";
}

.bi-upc::before {
  content: "\f602";
}

.bi-upload::before {
  content: "\f603";
}

.bi-vector-pen::before {
  content: "\f604";
}

.bi-view-list::before {
  content: "\f605";
}

.bi-view-stacked::before {
  content: "\f606";
}

.bi-vinyl-fill::before {
  content: "\f607";
}

.bi-vinyl::before {
  content: "\f608";
}

.bi-voicemail::before {
  content: "\f609";
}

.bi-volume-down-fill::before {
  content: "\f60a";
}

.bi-volume-down::before {
  content: "\f60b";
}

.bi-volume-mute-fill::before {
  content: "\f60c";
}

.bi-volume-mute::before {
  content: "\f60d";
}

.bi-volume-off-fill::before {
  content: "\f60e";
}

.bi-volume-off::before {
  content: "\f60f";
}

.bi-volume-up-fill::before {
  content: "\f610";
}

.bi-volume-up::before {
  content: "\f611";
}

.bi-vr::before {
  content: "\f612";
}

.bi-wallet-fill::before {
  content: "\f613";
}

.bi-wallet::before {
  content: "\f614";
}

.bi-wallet2::before {
  content: "\f615";
}

.bi-watch::before {
  content: "\f616";
}

.bi-water::before {
  content: "\f617";
}

.bi-whatsapp::before {
  content: "\f618";
}

.bi-wifi-1::before {
  content: "\f619";
}

.bi-wifi-2::before {
  content: "\f61a";
}

.bi-wifi-off::before {
  content: "\f61b";
}

.bi-wifi::before {
  content: "\f61c";
}

.bi-wind::before {
  content: "\f61d";
}

.bi-window-dock::before {
  content: "\f61e";
}

.bi-window-sidebar::before {
  content: "\f61f";
}

.bi-window::before {
  content: "\f620";
}

.bi-wrench::before {
  content: "\f621";
}

.bi-x-circle-fill::before {
  content: "\f622";
}

.bi-x-circle::before {
  content: "\f623";
}

.bi-x-diamond-fill::before {
  content: "\f624";
}

.bi-x-diamond::before {
  content: "\f625";
}

.bi-x-octagon-fill::before {
  content: "\f626";
}

.bi-x-octagon::before {
  content: "\f627";
}

.bi-x-square-fill::before {
  content: "\f628";
}

.bi-x-square::before {
  content: "\f629";
}

.bi-x::before {
  content: "\f62a";
}

.bi-youtube::before {
  content: "\f62b";
}

.bi-zoom-in::before {
  content: "\f62c";
}

.bi-zoom-out::before {
  content: "\f62d";
}

.bi-bank::before {
  content: "\f62e";
}

.bi-bank2::before {
  content: "\f62f";
}

.bi-bell-slash-fill::before {
  content: "\f630";
}

.bi-bell-slash::before {
  content: "\f631";
}

.bi-cash-coin::before {
  content: "\f632";
}

.bi-check-lg::before {
  content: "\f633";
}

.bi-coin::before {
  content: "\f634";
}

.bi-currency-bitcoin::before {
  content: "\f635";
}

.bi-currency-dollar::before {
  content: "\f636";
}

.bi-currency-euro::before {
  content: "\f637";
}

.bi-currency-exchange::before {
  content: "\f638";
}

.bi-currency-pound::before {
  content: "\f639";
}

.bi-currency-yen::before {
  content: "\f63a";
}

.bi-dash-lg::before {
  content: "\f63b";
}

.bi-exclamation-lg::before {
  content: "\f63c";
}

.bi-file-earmark-pdf-fill::before {
  content: "\f63d";
}

.bi-file-earmark-pdf::before {
  content: "\f63e";
}

.bi-file-pdf-fill::before {
  content: "\f63f";
}

.bi-file-pdf::before {
  content: "\f640";
}

.bi-gender-ambiguous::before {
  content: "\f641";
}

.bi-gender-female::before {
  content: "\f642";
}

.bi-gender-male::before {
  content: "\f643";
}

.bi-gender-trans::before {
  content: "\f644";
}

.bi-headset-vr::before {
  content: "\f645";
}

.bi-info-lg::before {
  content: "\f646";
}

.bi-mastodon::before {
  content: "\f647";
}

.bi-messenger::before {
  content: "\f648";
}

.bi-piggy-bank-fill::before {
  content: "\f649";
}

.bi-piggy-bank::before {
  content: "\f64a";
}

.bi-pin-map-fill::before {
  content: "\f64b";
}

.bi-pin-map::before {
  content: "\f64c";
}

.bi-plus-lg::before {
  content: "\f64d";
}

.bi-question-lg::before {
  content: "\f64e";
}

.bi-recycle::before {
  content: "\f64f";
}

.bi-reddit::before {
  content: "\f650";
}

.bi-safe-fill::before {
  content: "\f651";
}

.bi-safe2-fill::before {
  content: "\f652";
}

.bi-safe2::before {
  content: "\f653";
}

.bi-sd-card-fill::before {
  content: "\f654";
}

.bi-sd-card::before {
  content: "\f655";
}

.bi-skype::before {
  content: "\f656";
}

.bi-slash-lg::before {
  content: "\f657";
}

.bi-translate::before {
  content: "\f658";
}

.bi-x-lg::before {
  content: "\f659";
}

.bi-safe::before {
  content: "\f65a";
}

.bi-apple::before {
  content: "\f65b";
}

.bi-microsoft::before {
  content: "\f65d";
}

.bi-windows::before {
  content: "\f65e";
}

.bi-behance::before {
  content: "\f65c";
}

.bi-dribbble::before {
  content: "\f65f";
}

.bi-line::before {
  content: "\f660";
}

.bi-medium::before {
  content: "\f661";
}

.bi-paypal::before {
  content: "\f662";
}

.bi-pinterest::before {
  content: "\f663";
}

.bi-signal::before {
  content: "\f664";
}

.bi-snapchat::before {
  content: "\f665";
}

.bi-spotify::before {
  content: "\f666";
}

.bi-stack-overflow::before {
  content: "\f667";
}

.bi-strava::before {
  content: "\f668";
}

.bi-wordpress::before {
  content: "\f669";
}

.bi-vimeo::before {
  content: "\f66a";
}

.bi-activity::before {
  content: "\f66b";
}

.bi-easel2-fill::before {
  content: "\f66c";
}

.bi-easel2::before {
  content: "\f66d";
}

.bi-easel3-fill::before {
  content: "\f66e";
}

.bi-easel3::before {
  content: "\f66f";
}

.bi-fan::before {
  content: "\f670";
}

.bi-fingerprint::before {
  content: "\f671";
}

.bi-graph-down-arrow::before {
  content: "\f672";
}

.bi-graph-up-arrow::before {
  content: "\f673";
}

.bi-hypnotize::before {
  content: "\f674";
}

.bi-magic::before {
  content: "\f675";
}

.bi-person-rolodex::before {
  content: "\f676";
}

.bi-person-video::before {
  content: "\f677";
}

.bi-person-video2::before {
  content: "\f678";
}

.bi-person-video3::before {
  content: "\f679";
}

.bi-person-workspace::before {
  content: "\f67a";
}

.bi-radioactive::before {
  content: "\f67b";
}

.bi-webcam-fill::before {
  content: "\f67c";
}

.bi-webcam::before {
  content: "\f67d";
}

.bi-yin-yang::before {
  content: "\f67e";
}

.bi-bandaid-fill::before {
  content: "\f680";
}

.bi-bandaid::before {
  content: "\f681";
}

.bi-bluetooth::before {
  content: "\f682";
}

.bi-body-text::before {
  content: "\f683";
}

.bi-boombox::before {
  content: "\f684";
}

.bi-boxes::before {
  content: "\f685";
}

.bi-dpad-fill::before {
  content: "\f686";
}

.bi-dpad::before {
  content: "\f687";
}

.bi-ear-fill::before {
  content: "\f688";
}

.bi-ear::before {
  content: "\f689";
}

.bi-envelope-check-1::before {
  content: "\f68a";
}

.bi-envelope-check-fill::before {
  content: "\f68b";
}

.bi-envelope-check::before {
  content: "\f68c";
}

.bi-envelope-dash-1::before {
  content: "\f68d";
}

.bi-envelope-dash-fill::before {
  content: "\f68e";
}

.bi-envelope-dash::before {
  content: "\f68f";
}

.bi-envelope-exclamation-1::before {
  content: "\f690";
}

.bi-envelope-exclamation-fill::before {
  content: "\f691";
}

.bi-envelope-exclamation::before {
  content: "\f692";
}

.bi-envelope-plus-fill::before {
  content: "\f693";
}

.bi-envelope-plus::before {
  content: "\f694";
}

.bi-envelope-slash-1::before {
  content: "\f695";
}

.bi-envelope-slash-fill::before {
  content: "\f696";
}

.bi-envelope-slash::before {
  content: "\f697";
}

.bi-envelope-x-1::before {
  content: "\f698";
}

.bi-envelope-x-fill::before {
  content: "\f699";
}

.bi-envelope-x::before {
  content: "\f69a";
}

.bi-explicit-fill::before {
  content: "\f69b";
}

.bi-explicit::before {
  content: "\f69c";
}

.bi-git::before {
  content: "\f69d";
}

.bi-infinity::before {
  content: "\f69e";
}

.bi-list-columns-reverse::before {
  content: "\f69f";
}

.bi-list-columns::before {
  content: "\f6a0";
}

.bi-meta::before {
  content: "\f6a1";
}

.bi-mortorboard-fill::before {
  content: "\f6a2";
}

.bi-mortorboard::before {
  content: "\f6a3";
}

.bi-nintendo-switch::before {
  content: "\f6a4";
}

.bi-pc-display-horizontal::before {
  content: "\f6a5";
}

.bi-pc-display::before {
  content: "\f6a6";
}

.bi-pc-horizontal::before {
  content: "\f6a7";
}

.bi-pc::before {
  content: "\f6a8";
}

.bi-playstation::before {
  content: "\f6a9";
}

.bi-plus-slash-minus::before {
  content: "\f6aa";
}

.bi-projector-fill::before {
  content: "\f6ab";
}

.bi-projector::before {
  content: "\f6ac";
}

.bi-qr-code-scan::before {
  content: "\f6ad";
}

.bi-qr-code::before {
  content: "\f6ae";
}

.bi-quora::before {
  content: "\f6af";
}

.bi-quote::before {
  content: "\f6b0";
}

.bi-robot::before {
  content: "\f6b1";
}

.bi-send-check-fill::before {
  content: "\f6b2";
}

.bi-send-check::before {
  content: "\f6b3";
}

.bi-send-dash-fill::before {
  content: "\f6b4";
}

.bi-send-dash::before {
  content: "\f6b5";
}

.bi-send-exclamation-1::before {
  content: "\f6b6";
}

.bi-send-exclamation-fill::before {
  content: "\f6b7";
}

.bi-send-exclamation::before {
  content: "\f6b8";
}

.bi-send-fill::before {
  content: "\f6b9";
}

.bi-send-plus-fill::before {
  content: "\f6ba";
}

.bi-send-plus::before {
  content: "\f6bb";
}

.bi-send-slash-fill::before {
  content: "\f6bc";
}

.bi-send-slash::before {
  content: "\f6bd";
}

.bi-send-x-fill::before {
  content: "\f6be";
}

.bi-send-x::before {
  content: "\f6bf";
}

.bi-send::before {
  content: "\f6c0";
}

.bi-steam::before {
  content: "\f6c1";
}

.bi-terminal-dash-1::before {
  content: "\f6c2";
}

.bi-terminal-dash::before {
  content: "\f6c3";
}

.bi-terminal-plus::before {
  content: "\f6c4";
}

.bi-terminal-split::before {
  content: "\f6c5";
}

.bi-ticket-detailed-fill::before {
  content: "\f6c6";
}

.bi-ticket-detailed::before {
  content: "\f6c7";
}

.bi-ticket-fill::before {
  content: "\f6c8";
}

.bi-ticket-perforated-fill::before {
  content: "\f6c9";
}

.bi-ticket-perforated::before {
  content: "\f6ca";
}

.bi-ticket::before {
  content: "\f6cb";
}

.bi-tiktok::before {
  content: "\f6cc";
}

.bi-window-dash::before {
  content: "\f6cd";
}

.bi-window-desktop::before {
  content: "\f6ce";
}

.bi-window-fullscreen::before {
  content: "\f6cf";
}

.bi-window-plus::before {
  content: "\f6d0";
}

.bi-window-split::before {
  content: "\f6d1";
}

.bi-window-stack::before {
  content: "\f6d2";
}

.bi-window-x::before {
  content: "\f6d3";
}

.bi-xbox::before {
  content: "\f6d4";
}

.bi-ethernet::before {
  content: "\f6d5";
}

.bi-hdmi-fill::before {
  content: "\f6d6";
}

.bi-hdmi::before {
  content: "\f6d7";
}

.bi-usb-c-fill::before {
  content: "\f6d8";
}

.bi-usb-c::before {
  content: "\f6d9";
}

.bi-usb-fill::before {
  content: "\f6da";
}

.bi-usb-plug-fill::before {
  content: "\f6db";
}

.bi-usb-plug::before {
  content: "\f6dc";
}

.bi-usb-symbol::before {
  content: "\f6dd";
}

.bi-usb::before {
  content: "\f6de";
}

.bi-boombox-fill::before {
  content: "\f6df";
}

.bi-displayport-1::before {
  content: "\f6e0";
}

.bi-displayport::before {
  content: "\f6e1";
}

.bi-gpu-card::before {
  content: "\f6e2";
}

.bi-memory::before {
  content: "\f6e3";
}

.bi-modem-fill::before {
  content: "\f6e4";
}

.bi-modem::before {
  content: "\f6e5";
}

.bi-motherboard-fill::before {
  content: "\f6e6";
}

.bi-motherboard::before {
  content: "\f6e7";
}

.bi-optical-audio-fill::before {
  content: "\f6e8";
}

.bi-optical-audio::before {
  content: "\f6e9";
}

.bi-pci-card::before {
  content: "\f6ea";
}

.bi-router-fill::before {
  content: "\f6eb";
}

.bi-router::before {
  content: "\f6ec";
}

.bi-ssd-fill::before {
  content: "\f6ed";
}

.bi-ssd::before {
  content: "\f6ee";
}

.bi-thunderbolt-fill::before {
  content: "\f6ef";
}

.bi-thunderbolt::before {
  content: "\f6f0";
}

.bi-usb-drive-fill::before {
  content: "\f6f1";
}

.bi-usb-drive::before {
  content: "\f6f2";
}

.bi-usb-micro-fill::before {
  content: "\f6f3";
}

.bi-usb-micro::before {
  content: "\f6f4";
}

.bi-usb-mini-fill::before {
  content: "\f6f5";
}

.bi-usb-mini::before {
  content: "\f6f6";
}

.bi-cloud-haze2::before {
  content: "\f6f7";
}

.bi-device-hdd-fill::before {
  content: "\f6f8";
}

.bi-device-hdd::before {
  content: "\f6f9";
}

.bi-device-ssd-fill::before {
  content: "\f6fa";
}

.bi-device-ssd::before {
  content: "\f6fb";
}

.bi-displayport-fill::before {
  content: "\f6fc";
}

.bi-mortarboard-fill::before {
  content: "\f6fd";
}

.bi-mortarboard::before {
  content: "\f6fe";
}

.bi-terminal-x::before {
  content: "\f6ff";
}

.bi-arrow-through-heart-fill::before {
  content: "\f700";
}

.bi-arrow-through-heart::before {
  content: "\f701";
}

.bi-badge-sd-fill::before {
  content: "\f702";
}

.bi-badge-sd::before {
  content: "\f703";
}

.bi-bag-heart-fill::before {
  content: "\f704";
}

.bi-bag-heart::before {
  content: "\f705";
}

.bi-balloon-fill::before {
  content: "\f706";
}

.bi-balloon-heart-fill::before {
  content: "\f707";
}

.bi-balloon-heart::before {
  content: "\f708";
}

.bi-balloon::before {
  content: "\f709";
}

.bi-box2-fill::before {
  content: "\f70a";
}

.bi-box2-heart-fill::before {
  content: "\f70b";
}

.bi-box2-heart::before {
  content: "\f70c";
}

.bi-box2::before {
  content: "\f70d";
}

.bi-braces-asterisk::before {
  content: "\f70e";
}

.bi-calendar-heart-fill::before {
  content: "\f70f";
}

.bi-calendar-heart::before {
  content: "\f710";
}

.bi-calendar2-heart-fill::before {
  content: "\f711";
}

.bi-calendar2-heart::before {
  content: "\f712";
}

.bi-chat-heart-fill::before {
  content: "\f713";
}

.bi-chat-heart::before {
  content: "\f714";
}

.bi-chat-left-heart-fill::before {
  content: "\f715";
}

.bi-chat-left-heart::before {
  content: "\f716";
}

.bi-chat-right-heart-fill::before {
  content: "\f717";
}

.bi-chat-right-heart::before {
  content: "\f718";
}

.bi-chat-square-heart-fill::before {
  content: "\f719";
}

.bi-chat-square-heart::before {
  content: "\f71a";
}

.bi-clipboard-check-fill::before {
  content: "\f71b";
}

.bi-clipboard-data-fill::before {
  content: "\f71c";
}

.bi-clipboard-fill::before {
  content: "\f71d";
}

.bi-clipboard-heart-fill::before {
  content: "\f71e";
}

.bi-clipboard-heart::before {
  content: "\f71f";
}

.bi-clipboard-minus-fill::before {
  content: "\f720";
}

.bi-clipboard-plus-fill::before {
  content: "\f721";
}

.bi-clipboard-pulse::before {
  content: "\f722";
}

.bi-clipboard-x-fill::before {
  content: "\f723";
}

.bi-clipboard2-check-fill::before {
  content: "\f724";
}

.bi-clipboard2-check::before {
  content: "\f725";
}

.bi-clipboard2-data-fill::before {
  content: "\f726";
}

.bi-clipboard2-data::before {
  content: "\f727";
}

.bi-clipboard2-fill::before {
  content: "\f728";
}

.bi-clipboard2-heart-fill::before {
  content: "\f729";
}

.bi-clipboard2-heart::before {
  content: "\f72a";
}

.bi-clipboard2-minus-fill::before {
  content: "\f72b";
}

.bi-clipboard2-minus::before {
  content: "\f72c";
}

.bi-clipboard2-plus-fill::before {
  content: "\f72d";
}

.bi-clipboard2-plus::before {
  content: "\f72e";
}

.bi-clipboard2-pulse-fill::before {
  content: "\f72f";
}

.bi-clipboard2-pulse::before {
  content: "\f730";
}

.bi-clipboard2-x-fill::before {
  content: "\f731";
}

.bi-clipboard2-x::before {
  content: "\f732";
}

.bi-clipboard2::before {
  content: "\f733";
}

.bi-emoji-kiss-fill::before {
  content: "\f734";
}

.bi-emoji-kiss::before {
  content: "\f735";
}

.bi-envelope-heart-fill::before {
  content: "\f736";
}

.bi-envelope-heart::before {
  content: "\f737";
}

.bi-envelope-open-heart-fill::before {
  content: "\f738";
}

.bi-envelope-open-heart::before {
  content: "\f739";
}

.bi-envelope-paper-fill::before {
  content: "\f73a";
}

.bi-envelope-paper-heart-fill::before {
  content: "\f73b";
}

.bi-envelope-paper-heart::before {
  content: "\f73c";
}

.bi-envelope-paper::before {
  content: "\f73d";
}

.bi-filetype-aac::before {
  content: "\f73e";
}

.bi-filetype-ai::before {
  content: "\f73f";
}

.bi-filetype-bmp::before {
  content: "\f740";
}

.bi-filetype-cs::before {
  content: "\f741";
}

.bi-filetype-css::before {
  content: "\f742";
}

.bi-filetype-csv::before {
  content: "\f743";
}

.bi-filetype-doc::before {
  content: "\f744";
}

.bi-filetype-docx::before {
  content: "\f745";
}

.bi-filetype-exe::before {
  content: "\f746";
}

.bi-filetype-gif::before {
  content: "\f747";
}

.bi-filetype-heic::before {
  content: "\f748";
}

.bi-filetype-html::before {
  content: "\f749";
}

.bi-filetype-java::before {
  content: "\f74a";
}

.bi-filetype-jpg::before {
  content: "\f74b";
}

.bi-filetype-js::before {
  content: "\f74c";
}

.bi-filetype-jsx::before {
  content: "\f74d";
}

.bi-filetype-key::before {
  content: "\f74e";
}

.bi-filetype-m4p::before {
  content: "\f74f";
}

.bi-filetype-md::before {
  content: "\f750";
}

.bi-filetype-mdx::before {
  content: "\f751";
}

.bi-filetype-mov::before {
  content: "\f752";
}

.bi-filetype-mp3::before {
  content: "\f753";
}

.bi-filetype-mp4::before {
  content: "\f754";
}

.bi-filetype-otf::before {
  content: "\f755";
}

.bi-filetype-pdf::before {
  content: "\f756";
}

.bi-filetype-php::before {
  content: "\f757";
}

.bi-filetype-png::before {
  content: "\f758";
}

.bi-filetype-ppt-1::before {
  content: "\f759";
}

.bi-filetype-ppt::before {
  content: "\f75a";
}

.bi-filetype-psd::before {
  content: "\f75b";
}

.bi-filetype-py::before {
  content: "\f75c";
}

.bi-filetype-raw::before {
  content: "\f75d";
}

.bi-filetype-rb::before {
  content: "\f75e";
}

.bi-filetype-sass::before {
  content: "\f75f";
}

.bi-filetype-scss::before {
  content: "\f760";
}

.bi-filetype-sh::before {
  content: "\f761";
}

.bi-filetype-svg::before {
  content: "\f762";
}

.bi-filetype-tiff::before {
  content: "\f763";
}

.bi-filetype-tsx::before {
  content: "\f764";
}

.bi-filetype-ttf::before {
  content: "\f765";
}

.bi-filetype-txt::before {
  content: "\f766";
}

.bi-filetype-wav::before {
  content: "\f767";
}

.bi-filetype-woff::before {
  content: "\f768";
}

.bi-filetype-xls-1::before {
  content: "\f769";
}

.bi-filetype-xls::before {
  content: "\f76a";
}

.bi-filetype-xml::before {
  content: "\f76b";
}

.bi-filetype-yml::before {
  content: "\f76c";
}

.bi-heart-arrow::before {
  content: "\f76d";
}

.bi-heart-pulse-fill::before {
  content: "\f76e";
}

.bi-heart-pulse::before {
  content: "\f76f";
}

.bi-heartbreak-fill::before {
  content: "\f770";
}

.bi-heartbreak::before {
  content: "\f771";
}

.bi-hearts::before {
  content: "\f772";
}

.bi-hospital-fill::before {
  content: "\f773";
}

.bi-hospital::before {
  content: "\f774";
}

.bi-house-heart-fill::before {
  content: "\f775";
}

.bi-house-heart::before {
  content: "\f776";
}

.bi-incognito::before {
  content: "\f777";
}

.bi-magnet-fill::before {
  content: "\f778";
}

.bi-magnet::before {
  content: "\f779";
}

.bi-person-heart::before {
  content: "\f77a";
}

.bi-person-hearts::before {
  content: "\f77b";
}

.bi-phone-flip::before {
  content: "\f77c";
}

.bi-plugin::before {
  content: "\f77d";
}

.bi-postage-fill::before {
  content: "\f77e";
}

.bi-postage-heart-fill::before {
  content: "\f77f";
}

.bi-postage-heart::before {
  content: "\f780";
}

.bi-postage::before {
  content: "\f781";
}

.bi-postcard-fill::before {
  content: "\f782";
}

.bi-postcard-heart-fill::before {
  content: "\f783";
}

.bi-postcard-heart::before {
  content: "\f784";
}

.bi-postcard::before {
  content: "\f785";
}

.bi-search-heart-fill::before {
  content: "\f786";
}

.bi-search-heart::before {
  content: "\f787";
}

.bi-sliders2-vertical::before {
  content: "\f788";
}

.bi-sliders2::before {
  content: "\f789";
}

.bi-trash3-fill::before {
  content: "\f78a";
}

.bi-trash3::before {
  content: "\f78b";
}

.bi-valentine::before {
  content: "\f78c";
}

.bi-valentine2::before {
  content: "\f78d";
}

.bi-wrench-adjustable-circle-fill::before {
  content: "\f78e";
}

.bi-wrench-adjustable-circle::before {
  content: "\f78f";
}

.bi-wrench-adjustable::before {
  content: "\f790";
}

.bi-filetype-json::before {
  content: "\f791";
}

.bi-filetype-pptx::before {
  content: "\f792";
}

.bi-filetype-xlsx::before {
  content: "\f793";
}

.bi-1-circle-1::before {
  content: "\f794";
}

.bi-1-circle-fill-1::before {
  content: "\f795";
}

.bi-1-circle-fill::before {
  content: "\f796";
}

.bi-1-circle::before {
  content: "\f797";
}

.bi-1-square-fill::before {
  content: "\f798";
}

.bi-1-square::before {
  content: "\f799";
}

.bi-2-circle-1::before {
  content: "\f79a";
}

.bi-2-circle-fill-1::before {
  content: "\f79b";
}

.bi-2-circle-fill::before {
  content: "\f79c";
}

.bi-2-circle::before {
  content: "\f79d";
}

.bi-2-square-fill::before {
  content: "\f79e";
}

.bi-2-square::before {
  content: "\f79f";
}

.bi-3-circle-1::before {
  content: "\f7a0";
}

.bi-3-circle-fill-1::before {
  content: "\f7a1";
}

.bi-3-circle-fill::before {
  content: "\f7a2";
}

.bi-3-circle::before {
  content: "\f7a3";
}

.bi-3-square-fill::before {
  content: "\f7a4";
}

.bi-3-square::before {
  content: "\f7a5";
}

.bi-4-circle-1::before {
  content: "\f7a6";
}

.bi-4-circle-fill-1::before {
  content: "\f7a7";
}

.bi-4-circle-fill::before {
  content: "\f7a8";
}

.bi-4-circle::before {
  content: "\f7a9";
}

.bi-4-square-fill::before {
  content: "\f7aa";
}

.bi-4-square::before {
  content: "\f7ab";
}

.bi-5-circle-1::before {
  content: "\f7ac";
}

.bi-5-circle-fill-1::before {
  content: "\f7ad";
}

.bi-5-circle-fill::before {
  content: "\f7ae";
}

.bi-5-circle::before {
  content: "\f7af";
}

.bi-5-square-fill::before {
  content: "\f7b0";
}

.bi-5-square::before {
  content: "\f7b1";
}

.bi-6-circle-1::before {
  content: "\f7b2";
}

.bi-6-circle-fill-1::before {
  content: "\f7b3";
}

.bi-6-circle-fill::before {
  content: "\f7b4";
}

.bi-6-circle::before {
  content: "\f7b5";
}

.bi-6-square-fill::before {
  content: "\f7b6";
}

.bi-6-square::before {
  content: "\f7b7";
}

.bi-7-circle-1::before {
  content: "\f7b8";
}

.bi-7-circle-fill-1::before {
  content: "\f7b9";
}

.bi-7-circle-fill::before {
  content: "\f7ba";
}

.bi-7-circle::before {
  content: "\f7bb";
}

.bi-7-square-fill::before {
  content: "\f7bc";
}

.bi-7-square::before {
  content: "\f7bd";
}

.bi-8-circle-1::before {
  content: "\f7be";
}

.bi-8-circle-fill-1::before {
  content: "\f7bf";
}

.bi-8-circle-fill::before {
  content: "\f7c0";
}

.bi-8-circle::before {
  content: "\f7c1";
}

.bi-8-square-fill::before {
  content: "\f7c2";
}

.bi-8-square::before {
  content: "\f7c3";
}

.bi-9-circle-1::before {
  content: "\f7c4";
}

.bi-9-circle-fill-1::before {
  content: "\f7c5";
}

.bi-9-circle-fill::before {
  content: "\f7c6";
}

.bi-9-circle::before {
  content: "\f7c7";
}

.bi-9-square-fill::before {
  content: "\f7c8";
}

.bi-9-square::before {
  content: "\f7c9";
}

.bi-airplane-engines-fill::before {
  content: "\f7ca";
}

.bi-airplane-engines::before {
  content: "\f7cb";
}

.bi-airplane-fill::before {
  content: "\f7cc";
}

.bi-airplane::before {
  content: "\f7cd";
}

.bi-alexa::before {
  content: "\f7ce";
}

.bi-alipay::before {
  content: "\f7cf";
}

.bi-android::before {
  content: "\f7d0";
}

.bi-android2::before {
  content: "\f7d1";
}

.bi-box-fill::before {
  content: "\f7d2";
}

.bi-box-seam-fill::before {
  content: "\f7d3";
}

.bi-browser-chrome::before {
  content: "\f7d4";
}

.bi-browser-edge::before {
  content: "\f7d5";
}

.bi-browser-firefox::before {
  content: "\f7d6";
}

.bi-browser-safari::before {
  content: "\f7d7";
}

.bi-c-circle-1::before {
  content: "\f7d8";
}

.bi-c-circle-fill-1::before {
  content: "\f7d9";
}

.bi-c-circle-fill::before {
  content: "\f7da";
}

.bi-c-circle::before {
  content: "\f7db";
}

.bi-c-square-fill::before {
  content: "\f7dc";
}

.bi-c-square::before {
  content: "\f7dd";
}

.bi-capsule-pill::before {
  content: "\f7de";
}

.bi-capsule::before {
  content: "\f7df";
}

.bi-car-front-fill::before {
  content: "\f7e0";
}

.bi-car-front::before {
  content: "\f7e1";
}

.bi-cassette-fill::before {
  content: "\f7e2";
}

.bi-cassette::before {
  content: "\f7e3";
}

.bi-cc-circle-1::before {
  content: "\f7e4";
}

.bi-cc-circle-fill-1::before {
  content: "\f7e5";
}

.bi-cc-circle-fill::before {
  content: "\f7e6";
}

.bi-cc-circle::before {
  content: "\f7e7";
}

.bi-cc-square-fill::before {
  content: "\f7e8";
}

.bi-cc-square::before {
  content: "\f7e9";
}

.bi-cup-hot-fill::before {
  content: "\f7ea";
}

.bi-cup-hot::before {
  content: "\f7eb";
}

.bi-currency-rupee::before {
  content: "\f7ec";
}

.bi-dropbox::before {
  content: "\f7ed";
}

.bi-escape::before {
  content: "\f7ee";
}

.bi-fast-forward-btn-fill::before {
  content: "\f7ef";
}

.bi-fast-forward-btn::before {
  content: "\f7f0";
}

.bi-fast-forward-circle-fill::before {
  content: "\f7f1";
}

.bi-fast-forward-circle::before {
  content: "\f7f2";
}

.bi-fast-forward-fill::before {
  content: "\f7f3";
}

.bi-fast-forward::before {
  content: "\f7f4";
}

.bi-filetype-sql::before {
  content: "\f7f5";
}

.bi-fire::before {
  content: "\f7f6";
}

.bi-google-play::before {
  content: "\f7f7";
}

.bi-h-circle-1::before {
  content: "\f7f8";
}

.bi-h-circle-fill-1::before {
  content: "\f7f9";
}

.bi-h-circle-fill::before {
  content: "\f7fa";
}

.bi-h-circle::before {
  content: "\f7fb";
}

.bi-h-square-fill::before {
  content: "\f7fc";
}

.bi-h-square::before {
  content: "\f7fd";
}

.bi-indent::before {
  content: "\f7fe";
}

.bi-lungs-fill::before {
  content: "\f7ff";
}

.bi-lungs::before {
  content: "\f800";
}

.bi-microsoft-teams::before {
  content: "\f801";
}

.bi-p-circle-1::before {
  content: "\f802";
}

.bi-p-circle-fill-1::before {
  content: "\f803";
}

.bi-p-circle-fill::before {
  content: "\f804";
}

.bi-p-circle::before {
  content: "\f805";
}

.bi-p-square-fill::before {
  content: "\f806";
}

.bi-p-square::before {
  content: "\f807";
}

.bi-pass-fill::before {
  content: "\f808";
}

.bi-pass::before {
  content: "\f809";
}

.bi-prescription::before {
  content: "\f80a";
}

.bi-prescription2::before {
  content: "\f80b";
}

.bi-r-circle-1::before {
  content: "\f80c";
}

.bi-r-circle-fill-1::before {
  content: "\f80d";
}

.bi-r-circle-fill::before {
  content: "\f80e";
}

.bi-r-circle::before {
  content: "\f80f";
}

.bi-r-square-fill::before {
  content: "\f810";
}

.bi-r-square::before {
  content: "\f811";
}

.bi-repeat-1::before {
  content: "\f812";
}

.bi-repeat::before {
  content: "\f813";
}

.bi-rewind-btn-fill::before {
  content: "\f814";
}

.bi-rewind-btn::before {
  content: "\f815";
}

.bi-rewind-circle-fill::before {
  content: "\f816";
}

.bi-rewind-circle::before {
  content: "\f817";
}

.bi-rewind-fill::before {
  content: "\f818";
}

.bi-rewind::before {
  content: "\f819";
}

.bi-train-freight-front-fill::before {
  content: "\f81a";
}

.bi-train-freight-front::before {
  content: "\f81b";
}

.bi-train-front-fill::before {
  content: "\f81c";
}

.bi-train-front::before {
  content: "\f81d";
}

.bi-train-lightrail-front-fill::before {
  content: "\f81e";
}

.bi-train-lightrail-front::before {
  content: "\f81f";
}

.bi-truck-front-fill::before {
  content: "\f820";
}

.bi-truck-front::before {
  content: "\f821";
}

.bi-ubuntu::before {
  content: "\f822";
}

.bi-unindent::before {
  content: "\f823";
}

.bi-unity::before {
  content: "\f824";
}

.bi-universal-access-circle::before {
  content: "\f825";
}

.bi-universal-access::before {
  content: "\f826";
}

.bi-virus::before {
  content: "\f827";
}

.bi-virus2::before {
  content: "\f828";
}

.bi-wechat::before {
  content: "\f829";
}

.bi-yelp::before {
  content: "\f82a";
}

.bi-sign-stop-fill::before {
  content: "\f82b";
}

.bi-sign-stop-lights-fill::before {
  content: "\f82c";
}

.bi-sign-stop-lights::before {
  content: "\f82d";
}

.bi-sign-stop::before {
  content: "\f82e";
}

.bi-sign-turn-left-fill::before {
  content: "\f82f";
}

.bi-sign-turn-left::before {
  content: "\f830";
}

.bi-sign-turn-right-fill::before {
  content: "\f831";
}

.bi-sign-turn-right::before {
  content: "\f832";
}

.bi-sign-turn-slight-left-fill::before {
  content: "\f833";
}

.bi-sign-turn-slight-left::before {
  content: "\f834";
}

.bi-sign-turn-slight-right-fill::before {
  content: "\f835";
}

.bi-sign-turn-slight-right::before {
  content: "\f836";
}

.bi-sign-yield-fill::before {
  content: "\f837";
}

.bi-sign-yield::before {
  content: "\f838";
}

.bi-ev-station-fill::before {
  content: "\f839";
}

.bi-ev-station::before {
  content: "\f83a";
}

.bi-fuel-pump-diesel-fill::before {
  content: "\f83b";
}

.bi-fuel-pump-diesel::before {
  content: "\f83c";
}

.bi-fuel-pump-fill::before {
  content: "\f83d";
}

.bi-fuel-pump::before {
  content: "\f83e";
}

.conditions-body {
  display: none;
}

.common-link-text {
  color: #009EFF;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  text-decoration: underline !important;
  font-weight: 500;
}
.common-not-registered {
  color: #ff0000;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.4444444444;
  background: #ffeded;
  display: inline-flex;
  align-items: center;
  height: 3.125rem;
  padding: 0.75rem;
  margin-bottom: 1.25rem;
}
.common-table__wrapper {
  width: 100%;
  border: 1px solid #d3d3d3;
}
.common-table__wrapper._unclaimed {
  width: auto;
  display: inline-block;
}
.common-table__wrapper._vendors1, .common-table__wrapper._ages1, .common-table__wrapper._area1 {
  margin-bottom: 1.25rem;
}
.common-table__wrapper__scroll {
  overflow-x: auto;
  white-space: nowrap;
  border: 1px solid #ccc;
}
.common-table__scroll-box {
  overflow: auto;
  max-height: calc(100vh - 520px);
}
.common-table {
  width: 100%;
  table-layout: fixed;
}
.common-table._unclaimed {
  width: auto;
}
.common-table._unclaimed th {
  width: 8.125rem;
}
.common-table._border-outline {
  border: 1px solid #d3d3d3;
  border-top: none;
}
.common-table ._no-border-right {
  border-right: none !important;
}
.common-table._vendors1 th:first-child, .common-table._ages1 th:first-child, .common-table._area1 th:first-child {
  width: 4.75rem;
}
.common-table thead th,
.common-table thead td {
  border-bottom: 1px solid #d3d3d3;
}
.common-table thead th._green {
  background-color: #1FA39E;
}
.common-table .is-holiday {
  background-color: rgba(250, 226, 225, 0.4);
}
.common-table._green th {
  background-color: #1FA39E;
}
.common-table._green td {
  background-color: #f0f0f0;
  font-weight: 700;
}
.common-table tr:not(:last-child) td,
.common-table tr:not(:last-child) th {
  border-bottom: 1px solid #d3d3d3;
}
.common-table th {
  background: #252525;
  color: #fff;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
  height: 1.875rem;
}
.common-table th .icon-total {
  display: inline-block;
  padding-right: 1.375rem;
  position: relative;
}
.common-table th .icon-total::before {
  content: "";
  width: 0.875rem;
  height: 0.875rem;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  background: url(/assets/info-ef79220ea7ed280dcfcef46d67eb1c6c14b63ffcd17039f74aa9c08b75d460e1.svg) no-repeat center/0.875rem;
}
.common-table th.pale {
  background-color: #4a4a4a;
}
.common-table th,
.common-table td {
  font-size: 0.75rem;
  line-height: 1.4166666667;
  padding: 0.375rem 0.75rem;
  white-space: nowrap;
}
.common-table th:not(:last-child),
.common-table td:not(:last-child) {
  border-right: 1px solid #d3d3d3;
}
.common-table th .blue,
.common-table td .blue {
  color: #0076bf;
}
.common-table th .red,
.common-table td .red {
  color: #ad0000;
}
.common-table th a,
.common-table td a {
  color: #009EFF;
  transition: all 0.4s ease;
}
.common-table th a:hover, .common-table th a:active,
.common-table td a:hover,
.common-table td a:active {
  opacity: 0.7;
}
.common-table td {
  padding: 0.375rem 0.75rem;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.common-table td::-webkit-scrollbar {
  display: none;
}
.common-table th {
  padding: 0.375rem 0.125rem;
}
.common-form__btn-reset {
  background: #717171;
  color: #fff;
  font-size: 1rem;
  font-weight: 500;
  width: 100%;
  max-width: 8.75rem;
  height: 2.5rem;
  border: none;
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: 0.4s ease;
  transition-property: opacity;
  margin-left: 1.25rem;
}
.common-form__btn-reset:hover, .common-form__btn-reset:active {
  color: #fff;
  opacity: 0.7;
}
.common-form__item {
  display: flex;
  align-items: flex-start;
}
.common-form__item._center {
  align-items: center;
}
.common-form__item._baseline {
  align-items: baseline;
}
.common-form__item._start {
  align-items: flex-start;
}
.common-form__item._gap {
  gap: 10px;
}
.common-form__item._margin_bottom_1rem {
  margin-bottom: 1rem;
}
.common-form__checkbox {
  margin-right: 1rem;
}
.common-form__checkbox input[type=checkbox] {
  display: none;
}
.common-form__checkbox input[type=checkbox]:checked + ._txt::before {
  background: #fff url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgMTAgOCI+CiAgPGcgaWQ9IuODgeOCp+ODg+OCr+ODnuODvOOCryIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjU2IDE5MC45MDIpIj4KICAgIDxwYXRoIGlkPSLjg5HjgrlfMzQ4IiBkYXRhLW5hbWU9IuODkeOCuSAzNDgiIGQ9Ik0zLjQsNy44NDMuMTQ2LDQuMzU2YS41NjQuNTY0LDAsMCwxLDAtLjc1OWwuNzA3LS43NTlhLjQ3Ni40NzYsMCwwLDEsLjcwNywwTDMuNzUsNS4xODgsOC40MzkuMTU3YS40NzYuNDc2LDAsMCwxLC43MDcsMGwuNzA3Ljc1OWEuNTY0LjU2NCwwLDAsMSwwLC43NTlMNC4xLDcuODQzYS40NzYuNDc2LDAsMCwxLS43MDcsMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNTYgLTE5MC45MDIpIiBmaWxsPSIjMWZhMzllIi8+CiAgPC9nPgo8L3N2Zz4K") no-repeat center/0.625rem;
}
.common-form__checkbox input[type=checkbox] + ._txt {
  padding-left: 1.375rem;
  position: relative;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 400;
  display: inline-block;
  cursor: pointer;
}
.common-form__checkbox input[type=checkbox] + ._txt::before {
  content: "";
  width: 0.875rem;
  height: 0.875rem;
  border: 1px solid #a5a5a5;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  border-radius: 2px;
}
.common-form__body {
  border-left: 3px solid #f5f5f5;
  padding-left: 0.75rem;
  flex: 1 1 auto;
}
.common-form__body._search {
  border-left: none;
  padding-left: 0;
}
.common-form__body._search .common-form__radio-box {
  margin-bottom: 0.75rem;
}
.common-form__body._search .common-form__txt {
  margin-bottom: 0.75rem;
  max-width: 24.625rem;
}
.common-form__head {
  flex: 0 0 auto;
  width: 7rem;
}
.common-form__head._search {
  width: 9.625rem;
}
.common-form__head._freeword {
  height: 1.875rem;
  display: flex;
  align-items: center;
}
.common-form__head label {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  display: block;
  padding-left: 1rem;
  position: relative;
}
.common-form__head label::before {
  content: "";
  width: 0.5rem;
  height: 0.625rem;
  background: #1FA39E;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}
.common-form__head label.no-before {
  padding-left: 0;
}
.common-form__head label.no-before::before {
  content: none;
}
.common-form__btn-search {
  background: #1FA39E;
  border-radius: 0.25rem;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: 500;
  width: 100%;
  max-width: 17.5rem;
  height: 2.5rem;
  padding: 0;
  border: none;
  transition: 0.4s ease;
  transition-property: opacity;
}
.common-form__btn-search:hover, .common-form__btn-search:active {
  opacity: 0.7;
}
.common-btn__box {
  text-align: center;
}
.common-btn {
  border: none;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: 500;
  height: 2.5rem;
  min-width: 8.75rem;
  color: #fff;
  border-radius: 0.25rem;
  transition: 0.4s ease;
  transition-property: opacity;
}
.common-btn ._edit {
  display: inline-block;
  padding-left: 1.75rem;
  position: relative;
}
.common-btn ._edit::before {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNy4yNTgiIGhlaWdodD0iMTcuMTY1IiB2aWV3Qm94PSIwIDAgMTcuMjU4IDE3LjE2NSI+CiAgPGcgaWQ9IuOCsOODq+ODvOODl181NiIgZGF0YS1uYW1lPSLjgrDjg6vjg7zjg5cgNTYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03MzMuMTA2IC0zMDcuNTQ3KSI+CiAgICA8cGF0aCBpZD0i44OR44K5XzYwIiBkYXRhLW5hbWU9IuODkeOCuSA2MCIgZD0iTTE2OTQuNzQ1LDc2LjQsMTY5MCw3Ny41bDEuMDk1LTQuNzQ1LDEwLjk1LTEwLjk1YTEuMDMyLDEuMDMyLDAsMCwxLDEuNDYsMGwyLjE5LDIuMTlhMS4wMzIsMS4wMzIsMCwwLDEsMCwxLjQ2WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk1Ni4yMjcgMjQ2LjU0NykiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEiLz4KICAgIDxsaW5lIGlkPSLnt5pfMTI4IiBkYXRhLW5hbWU9Iue3miAxMjgiIHgyPSIzLjY1IiB5Mj0iMy42NSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzQ0LjM1OSAzMDkuODA5KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMSIvPgogICAgPHBhdGggaWQ9IuODkeOCuV82MSIgZGF0YS1uYW1lPSLjg5HjgrkgNjEiIGQ9Ik0xNzA1LjMxOCwxODUuMDQ1bC0uNDE4LTEuMTQ4LTEuNTE1LS42NzUtLjY3NS0xLjUxNS0xLjA0Mi0uMzEyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTY2Ljc5OSAxMzcuOTA1KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMSIvPgogICAgPGxpbmUgaWQ9Iue3ml8xMjkiIGRhdGEtbmFtZT0i57eaIDEyOSIgeTE9IjkuNDkiIHgyPSI5LjQ5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3MzYuNTg1IDMxMS42MzYpIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxIi8+CiAgICA8cGF0aCBpZD0i44OR44K5XzYyIiBkYXRhLW5hbWU9IuODkeOCuSA2MiIgZD0iTTE2OTAuNDExLDIxMi45OTNsMS4zNjksMS4zNjktMS43NzkuNDExWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk1Ni4yMjcgMTA5LjI3MikiIGZpbGw9IiM2NDY0NjQiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxIi8+CiAgPC9nPgo8L3N2Zz4K") no-repeat center/1rem;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.common-btn._login {
  min-width: 20rem;
}
.common-btn._login ._txt {
  display: inline-block;
  padding-left: 2.125rem;
  position: relative;
}
.common-btn._login ._txt::before {
  content: "";
  display: block;
  width: 1.125rem;
  height: 1.125rem;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOC41IiBoZWlnaHQ9IjE4LjUiIHZpZXdCb3g9IjAgMCAxOC41IDE4LjUiPgogIDxnIGlkPSLjgrDjg6vjg7zjg5dfNDIiIGRhdGEtbmFtZT0i44Kw44Or44O844OXIDQyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjIyLjI1IC02MjkuNzUpIj4KICAgIDxwYXRoIGlkPSLjg5HjgrlfNDYiIGRhdGEtbmFtZT0i44OR44K5IDQ2IiBkPSJNNjMxLjUsNjQ3LjUxNGgtOC41MTNWNjMwLjQ4N2g4LjUxYS4yNDMuMjQzLDAsMCwwLDAtLjQ4N2gtOC43NTNhLjI0My4yNDMsMCwwLDAtLjI0My4yNDN2MTcuNTEzYS4yNDMuMjQzLDAsMCwwLC4yNDMuMjQzSDYzMS41YS4yNDMuMjQzLDAsMSwwLDAtLjQ4NloiIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIwLjUiLz4KICAgIDxwYXRoIGlkPSLjg5HjgrlfNDciIGRhdGEtbmFtZT0i44OR44K5IDQ3IiBkPSJNODM1LjYzNSw4MTQuNjJ2MGEuMjQzLjI0MywwLDAsMC0uMS0uMTk1bC00LjM1Mi00LjM1MmEuMjQzLjI0MywwLDAsMC0uMzQ0LjM0NGwzLjk1OSwzLjk1OUg4MjIuNzQzYS4yNDMuMjQzLDAsMCwwLDAsLjQ4N2gxMi4wNjVsLTMuOTY3LDMuOTY3YS4yNDMuMjQzLDAsMCwwLC4zNDQuMzQ0bDQuMzc4LTQuMzc4QS4yNDMuMjQzLDAsMCwwLDgzNS42MzUsODE0LjYyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE5NS4xMzUgLTE3NS42MjIpIiBmaWxsPSIjZmZmIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMC41Ii8+CiAgPC9nPgo8L3N2Zz4K") no-repeat center/1rem;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.common-btn._mid {
  min-width: 14.0625rem;
}
.common-btn._email {
  min-width: 14.375rem;
}
.common-btn._w230 {
  min-width: 14.375rem;
}
.common-btn._dialog {
  min-width: 10rem;
}
.common-btn._lg {
  min-width: 17.5rem;
}
.common-btn._xs {
  min-width: 6.25rem;
}
.common-btn._sm {
  height: 1.125rem;
  font-size: 0.625rem;
  min-width: 5rem;
  color: #fff;
}
.common-btn._green {
  background-color: #1FA39E;
}
.common-btn._green[disabled] {
  background-color: #D8D8D8;
  opacity: initial;
  cursor: not-allowed;
}
.common-btn._black {
  background-color: #252525;
}
.common-btn._red {
  background-color: #ad0000;
}
.common-btn._grey {
  background-color: #717171;
  color: #fff;
}
.common-btn._prev {
  background-color: #1FA39E;
  color: #fff;
  min-width: 11.25rem;
  height: 1.875rem;
  transition: 0.4s ease;
  transition-property: opacity;
}
.common-btn._prev:hover, .common-btn._prev:active {
  color: #fff;
}
.common-btn._prev ._txt {
  padding-left: 1.125rem;
  position: relative;
}
.common-btn._prev ._txt::before {
  content: "";
  width: 0.4375rem;
  height: 0.6875rem;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%) rotate(180deg);
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3LjIwNCIgaGVpZ2h0PSIxMS40MDgiIHZpZXdCb3g9IjAgMCA3LjIwNCAxMS40MDgiPgogIDxwYXRoIGlkPSLjg5HjgrlfMzM3IiBkYXRhLW5hbWU9IuODkeOCuSAzMzciIGQ9Ik0wLDYsNSwwbDUsNiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNi43MDQgMC43MDQpIHJvdGF0ZSg5MCkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMSIvPgo8L3N2Zz4K") no-repeat center/0.4375rem auto;
}
.common-btn._next {
  background-color: #1FA39E;
  color: #fff;
  min-width: 11.25rem;
  height: 1.875rem;
  transition: 0.4s ease;
  transition-property: opacity;
}
.common-btn._next:hover, .common-btn._next:active {
  color: #fff;
}
.common-btn._next ._txt {
  padding-right: 1.125rem;
  position: relative;
}
.common-btn._next ._txt::before {
  content: "";
  width: 0.4375rem;
  height: 0.6875rem;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3LjIwNCIgaGVpZ2h0PSIxMS40MDgiIHZpZXdCb3g9IjAgMCA3LjIwNCAxMS40MDgiPgogIDxwYXRoIGlkPSLjg5HjgrlfMzM3IiBkYXRhLW5hbWU9IuODkeOCuSAzMzciIGQ9Ik0wLDYsNSwwbDUsNiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNi43MDQgMC43MDQpIHJvdGF0ZSg5MCkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMSIvPgo8L3N2Zz4K") no-repeat center/0.4375rem auto;
}
.common-btn._orange {
  background: #DE8A6D;
}
.common-btn:hover, .common-btn:active {
  color: #fff;
  opacity: 0.7;
}
.common-btn__download, .common-btn__upload {
  height: 2.5rem;
  border-radius: 0.25rem;
  border: 2px solid #e6e6e6;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 14.375rem;
  color: #ffffff;
  font-size: 0.875rem;
  font-weight: 500;
  text-decoration: none;
  transition: opacity 0.4s ease;
}
.common-btn__download:hover, .common-btn__download:active, .common-btn__upload:hover, .common-btn__upload:active {
  opacity: 0.7;
  color: #fff;
}
.common-btn__download {
  background: #DE8A6D url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOS4xNzIiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOS4xNzIgMTkiPgogIDxnIGlkPSLjgrDjg6vjg7zjg5dfNDAiIGRhdGEtbmFtZT0i44Kw44Or44O844OXIDQwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzE2OS41IC0yNDkyKSI+CiAgICA8cGF0aCBpZD0i44OR44K5XzQzIiBkYXRhLW5hbWU9IuODkeOCuSA0MyIgZD0iTTIwOTAuMjcyLDY1MC45aDIuMDcyYTQuMDY1LDQuMDY1LDAsMSwwLS44MjMtOC4wNDcsNS4yLDUuMiwwLDAsMC0xMC4wMzgsMS44ODd2LjA3NWMtLjA2NiwwLS4xMzMtLjAwNy0uMi0uMDA3YTMuMDQ2LDMuMDQ2LDAsMCwwLDAsNi4wOTJoMi43ODRtMy4yNTcsNi4yNjVWNjQ3LjAzOW0zLjU3NSw2LjktMy41NzUsMy42MDUtMy41NzUtMy42MDUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwOTEuNzYzIDE4NTIuOTU4KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMSIvPgogIDwvZz4KPC9zdmc+Cg==") no-repeat center right 0.75rem/auto 1.125rem;
}
.common-btn__download._icon {
  background: #f5f5f5 url(/assets/download-c652862ee9c1687778ca6ac7945b57468106083c161c8825091a9dad85b0caf1.svg) no-repeat right 0.75rem center/1.125rem auto;
}
.common-btn__download--group {
  background: #DE8A6D url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOS4xNzIiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOS4xNzIgMTkiPgogIDxnIGlkPSLjgrDjg6vjg7zjg5dfNDAiIGRhdGEtbmFtZT0i44Kw44Or44O844OXIDQwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzE2OS41IC0yNDkyKSI+CiAgICA8cGF0aCBpZD0i44OR44K5XzQzIiBkYXRhLW5hbWU9IuODkeOCuSA0MyIgZD0iTTIwOTAuMjcyLDY1MC45aDIuMDcyYTQuMDY1LDQuMDY1LDAsMSwwLS44MjMtOC4wNDcsNS4yLDUuMiwwLDAsMC0xMC4wMzgsMS44ODd2LjA3NWMtLjA2NiwwLS4xMzMtLjAwNy0uMi0uMDA3YTMuMDQ2LDMuMDQ2LDAsMCwwLDAsNi4wOTJoMi43ODRtMy4yNTcsNi4yNjVWNjQ3LjAzOW0zLjU3NSw2LjktMy41NzUsMy42MDUtMy41NzUtMy42MDUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwOTEuNzYzIDE4NTIuOTU4KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMSIvPgogIDwvZz4KPC9zdmc+Cg==") no-repeat center right 0.75rem/auto 1.125rem;
}
.common-btn__download--master {
  background: #1FA39E url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOS4xNzIiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOS4xNzIgMTkiPgogIDxnIGlkPSLjgrDjg6vjg7zjg5dfNDAiIGRhdGEtbmFtZT0i44Kw44Or44O844OXIDQwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzE2OS41IC0yNDkyKSI+CiAgICA8cGF0aCBpZD0i44OR44K5XzQzIiBkYXRhLW5hbWU9IuODkeOCuSA0MyIgZD0iTTIwOTAuMjcyLDY1MC45aDIuMDcyYTQuMDY1LDQuMDY1LDAsMSwwLS44MjMtOC4wNDcsNS4yLDUuMiwwLDAsMC0xMC4wMzgsMS44ODd2LjA3NWMtLjA2NiwwLS4xMzMtLjAwNy0uMi0uMDA3YTMuMDQ2LDMuMDQ2LDAsMCwwLDAsNi4wOTJoMi43ODRtMy4yNTcsNi4yNjVWNjQ3LjAzOW0zLjU3NSw2LjktMy41NzUsMy42MDUtMy41NzUtMy42MDUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwOTEuNzYzIDE4NTIuOTU4KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMSIvPgogIDwvZz4KPC9zdmc+Cg==") no-repeat center right 0.75rem/auto 1.125rem;
}
.common-btn__upload--group {
  background: #DE8A6D url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMyIgaGVpZ2h0PSIyMi43OTEiIHZpZXdCb3g9IjAgMCAyMyAyMi43OTEiPgogIDxnIGlkPSLjgrDjg6vjg7zjg5dfNDQ5IiBkYXRhLW5hbWU9IuOCsOODq+ODvOODlyA0NDkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xOS41IC02MjguNSkiPgogICAgPHJlY3QgaWQ9IumVt+aWueW9ol8xNjUxIiBkYXRhLW5hbWU9IumVt+aWueW9oiAxNjUxIiB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIwIDYyOSkiIGZpbGw9Im5vbmUiLz4KICAgIDxnIGlkPSLjgrDjg6vjg7zjg5dfNDQ4IiBkYXRhLW5hbWU9IuOCsOODq+ODvOODlyA0NDgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDgxIC0xMDIpIj4KICAgICAgPHBhdGggaWQ9IuODkeOCuV80MyIgZGF0YS1uYW1lPSLjg5HjgrkgNDMiIGQ9Ik00LjMyOCwxNS4zODVWME04LjY1NSwxMS40NzksNC4zMjgsMTUuODQzLDAsMTEuNDc5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDUuNjczIDc1Mi43OTEpIHJvdGF0ZSgxODApIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxIi8+CiAgICAgIDxwYXRoIGlkPSLjg5HjgrlfNDMtMiIgZGF0YS1uYW1lPSLjg5HjgrkgNDMiIGQ9Ik0yMDkyLjgwNiw2NTMuMjloMi41MDlhNC45MjIsNC45MjIsMCwxLDAtMS05Ljc0Miw2LjI5MSw2LjI5MSwwLDAsMC0xMi4xNTMsMi4yODR2LjA5MWMtLjA4MS0uMDA1LS4xNjItLjAwOC0uMjQ0LS4wMDhhMy42ODgsMy42ODgsMCwwLDAsMCw3LjM3NWgzLjM3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjEzOS4yMzcgOTEuNDU4KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMSIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg==") no-repeat center right 0.75rem/auto 1.125rem;
}
.common-btn__upload--master {
  background: #1FA39E url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMyIgaGVpZ2h0PSIyMi43OTEiIHZpZXdCb3g9IjAgMCAyMyAyMi43OTEiPgogIDxnIGlkPSLjgrDjg6vjg7zjg5dfNDQ5IiBkYXRhLW5hbWU9IuOCsOODq+ODvOODlyA0NDkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xOS41IC02MjguNSkiPgogICAgPHJlY3QgaWQ9IumVt+aWueW9ol8xNjUxIiBkYXRhLW5hbWU9IumVt+aWueW9oiAxNjUxIiB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIwIDYyOSkiIGZpbGw9Im5vbmUiLz4KICAgIDxnIGlkPSLjgrDjg6vjg7zjg5dfNDQ4IiBkYXRhLW5hbWU9IuOCsOODq+ODvOODlyA0NDgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDgxIC0xMDIpIj4KICAgICAgPHBhdGggaWQ9IuODkeOCuV80MyIgZGF0YS1uYW1lPSLjg5HjgrkgNDMiIGQ9Ik00LjMyOCwxNS4zODVWME04LjY1NSwxMS40NzksNC4zMjgsMTUuODQzLDAsMTEuNDc5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDUuNjczIDc1Mi43OTEpIHJvdGF0ZSgxODApIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxIi8+CiAgICAgIDxwYXRoIGlkPSLjg5HjgrlfNDMtMiIgZGF0YS1uYW1lPSLjg5HjgrkgNDMiIGQ9Ik0yMDkyLjgwNiw2NTMuMjloMi41MDlhNC45MjIsNC45MjIsMCwxLDAtMS05Ljc0Miw2LjI5MSw2LjI5MSwwLDAsMC0xMi4xNTMsMi4yODR2LjA5MWMtLjA4MS0uMDA1LS4xNjItLjAwOC0uMjQ0LS4wMDhhMy42ODgsMy42ODgsMCwwLDAsMCw3LjM3NWgzLjM3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjEzOS4yMzcgOTEuNDU4KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMSIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg==") no-repeat center right 0.75rem/auto 1.125rem;
  border-color: #1FA39E;
  color: #fff;
}
.common-btn__upload--master:hover, .common-btn__upload--master:active {
  color: #fff;
}
.common-form__box {
  margin-bottom: 1.25rem;
}
.common-form__label-box {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 0.75rem;
  margin-bottom: 0.75rem;
  align-items: center;
}
.common-form__label-box._sm {
  margin-bottom: 0.5rem;
}
.common-form__label-box._last {
  margin-bottom: 0;
}
.common-form__btn-conditions--box {
  padding: 0 2.5rem 0 1.25rem;
  width: 23.75rem;
  height: auto;
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  margin-right: 1.25rem;
  border-right: 2px solid #f5f5f5;
}
.common-form__btn-conditions {
  background: #1FA39E;
  color: #fff;
  border-radius: 0.25rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.5rem;
  width: 100%;
  max-width: 20rem;
  border: none;
  position: relative;
  transition: 0.4s ease;
  transition-property: opacity;
}
.common-form__btn-conditions:hover, .common-form__btn-conditions:active {
  opacity: 0.7;
}
.common-form__btn-conditions ._txt {
  pointer-events: none;
  display: inline-block;
  padding-left: 1.875rem;
  position: relative;
}
.common-form__btn-conditions ._txt::before {
  content: "";
  width: 0.924375rem;
  height: 0.924375rem;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  margin-top: -0.1875rem;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNS4xNzQiIGhlaWdodD0iMTQuODUyIiB2aWV3Qm94PSIwIDAgMTUuMTc0IDE0Ljg1MiI+CiAgPGcgaWQ9IuOCsOODq+ODvOODl18xMzEiIGRhdGEtbmFtZT0i44Kw44Or44O844OXIDEzMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTkzNiAtMTc3Ljk5OCkiPgogICAgPGcgaWQ9IualleWGhuW9ol8xIiBkYXRhLW5hbWU9IualleWGhuW9oiAxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5MzYgMTg1LjM5Mykgcm90YXRlKC00NSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjEiPgogICAgICA8Y2lyY2xlIGN4PSI1LjIyOCIgY3k9IjUuMjI4IiByPSI1LjIyOCIgc3Ryb2tlPSJub25lIi8+CiAgICAgIDxjaXJjbGUgY3g9IjUuMjI4IiBjeT0iNS4yMjgiIHI9IjQuNzI4IiBmaWxsPSJub25lIi8+CiAgICA8L2c+CiAgICA8bGluZSBpZD0i57eaXzQiIGRhdGEtbmFtZT0i57eaIDQiIHkyPSI0LjU0NiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOTQ3LjI1MiAxODguOTI5KSByb3RhdGUoLTQ1KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMSIvPgogIDwvZz4KPC9zdmc+Cg==") no-repeat center/0.924375rem;
}
.common-form__btn-conditions ._arrow {
  position: absolute;
  width: 1rem;
  height: 1rem;
  background: #fff;
  border-radius: 50%;
  right: 1rem;
  top: 50%;
  transform: translate(0, -50%);
  pointer-events: none;
}
.common-form__btn-conditions ._arrow::before, .common-form__btn-conditions ._arrow::after {
  content: "";
  width: 0.5rem;
  height: 1px;
  border-radius: 1px;
  background: #1FA39E;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.4s ease;
}
.common-form__btn-conditions ._arrow::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.common-form__btn-conditions.is-active ._arrow::after {
  transform: translate(-50%, -50%);
}
.common-form__select-box {
  display: flex;
  flex-wrap: wrap;
  gap: 0 1rem;
}
.common-form__select-box .common-form__select {
  flex: 0 0 auto;
  width: 50%;
}
.common-form__select-box .common-form__caution {
  width: 100%;
}
.common-form__select {
  margin-bottom: 0.75rem;
  max-width: 16.25rem;
}
.common-form__select._no-margin {
  margin-bottom: 0px;
}
.common-form__select .common-form__select {
  position: relative;
}
.common-form__select .common-form__select::before {
  content: "";
  width: 1px;
  height: 100%;
  background: #d3d3d3;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  pointer-events: none;
  z-index: 1;
}
.common-form__select .form-control {
  width: 100%;
  height: 11.75rem;
  border: 1px solid #d3d3d3;
  border-radius: 0;
  position: relative;
}
.common-form__select .form-control._default-height {
  height: auto;
}
.common-form__select .form-control._sort-select {
  border-radius: 0.25rem;
  background-color: #f5f5f5;
}
.common-form__select .form-control._sort-select._bg-init {
  background-color: inherit;
}
.common-form__select .form-control::-webkit-scrollbar {
  width: 20px;
  background-color: #f0f0f0;
}
.common-form__select .form-control::-webkit-scrollbar-thumb {
  background-color: #a5a5a5;
  border-radius: 10px;
  border: 6px solid #f0f0f0;
}
.common-form__select .form-control option {
  font-size: 0.875rem;
  line-height: 1;
  padding: 0.5rem 0.75rem;
}
.common-form__select .form-control option:checked {
  background: #1FA39E !important;
  color: #fff !important;
}
.common-form__freeword {
  display: flex;
  align-items: center;
  margin-bottom: 0.75rem;
}
.common-form__freeword.no-margin {
  margin-bottom: 0;
}
.common-form__freeword.width-max {
  flex-grow: 1;
}
.common-form__radio-box {
  display: flex;
}
.common-form__radio {
  margin-right: 1rem;
}
.common-form__radio._last {
  margin-right: 0;
}
.common-form__radio input[type=radio] {
  display: none;
}
.common-form__radio input[type=radio]:checked + ._txt::after {
  opacity: 1;
}
.common-form__radio input[type=radio] + ._txt {
  display: inline-block;
  position: relative;
  white-space: nowrap;
}
.common-form__radio input[type=radio] + ._txt label {
  padding-left: 1.375rem;
  font-size: 0.875rem;
  cursor: pointer;
}
.common-form__radio input[type=radio] + ._txt::before, .common-form__radio input[type=radio] + ._txt::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  border-radius: 50%;
  pointer-events: none;
}
.common-form__radio input[type=radio] + ._txt::before {
  width: 0.875rem;
  height: 0.875rem;
  border: 1px solid #a5a5a5;
  left: 0;
}
.common-form__radio input[type=radio] + ._txt::after {
  width: 0.5rem;
  height: 0.5rem;
  background: #1FA39E;
  left: 0.25rem;
  opacity: 0;
}
.common-form__label input[type=radio] {
  display: none;
}
.common-form__label input[type=radio]:checked + ._label {
  background-color: #1FA39E;
  color: #fff;
}
.common-form__label input[type=radio]:checked + ._label ._txt::after {
  opacity: 1;
}
.common-form__label input[type=radio] + ._label {
  font-size: 0.75rem;
  white-space: nowrap;
  color: #a5a5a5;
  background-color: #f5f5f5;
  border: 1px solid #d3d3d3;
  border-radius: 0.25rem;
  padding: 0 0.6875rem;
  height: 1.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.common-form__label input[type=radio] + ._label label {
  cursor: pointer;
}
.common-form__label input[type=radio] + ._label ._txt {
  padding-left: 1.25rem;
  position: relative;
  display: inline-block;
}
.common-form__label input[type=radio] + ._label ._txt::before, .common-form__label input[type=radio] + ._label ._txt::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  border-radius: 50%;
}
.common-form__label input[type=radio] + ._label ._txt::before {
  width: 0.75rem;
  height: 0.75rem;
  border: 1px solid #d3d3d3;
  background: #fff;
  left: 0;
}
.common-form__label input[type=radio] + ._label ._txt::after {
  width: 0.375rem;
  height: 0.375rem;
  left: 0.25rem;
  background: #1FA39E;
  opacity: 0;
}
.common-form__date {
  display: flex;
  margin-bottom: 0.75rem;
}
.common-form__date .form-control {
  border: 1px solid #d3d3d3;
  border-radius: 0.25rem;
  height: 1.875rem;
  width: auto;
}
.common-form__date .form-control:first-child {
  margin-right: 0.5rem;
}
.common-form__date .form-control:last-child {
  margin-left: 0.5rem;
}
.common-form__only-txt {
  height: 2.125rem;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
}
.common-form__txt {
  flex: 1 1 auto;
  width: 100%;
  max-width: 14rem;
  margin-right: 2rem;
}
.common-form__txt._lg {
  max-width: 100%;
  margin-right: 0;
}
.common-form__txt._mid {
  max-width: 28.125rem;
}
.common-form__txt._l {
  max-width: 29.5rem;
}
.common-form__txt._sm {
  max-width: 7rem;
}
.common-form__txt._rg {
  max-width: 9.5rem;
}
.common-form__txt._edit input[type=text],
.common-form__txt._edit select {
  height: 2.125rem;
  font-size: 0.875rem;
}
.common-form__txt._vendors input[type=text],
.common-form__txt._vendors input[type=date],
.common-form__txt._vendors select {
  height: 2.5rem;
  font-size: 0.875rem;
  font-family: inherit;
}
.common-form__txt._vendors textarea {
  font-size: 0.875rem;
  padding-top: 0.5625rem;
  padding-bottom: 0.5625rem;
  font-family: inherit;
}
.common-form__txt._vendors input[type=checkbox] {
  width: 20px;
  height: 20px;
}
.common-form__txt._vendors input[type=radio] {
  width: 16px;
}
.common-form__txt._children_count {
  display: flex;
  max-width: unset;
  gap: 10px;
}
.common-form__txt._can_use select {
  border: none;
  height: auto;
  width: 8.9375rem;
  padding: 0;
}
.common-form__txt input[type=text],
.common-form__txt input[type=date],
.common-form__txt textarea,
.common-form__txt select {
  appearance: none;
  display: flex;
  align-items: center;
  border: 1px solid #d3d3d3;
  border-radius: 0.25rem;
  height: 1.875rem;
  width: 100%;
  font-size: 0.75rem;
  padding: 0 0.6875rem;
}
.common-form__txt input[type=text]._password,
.common-form__txt input[type=date]._password,
.common-form__txt textarea._password,
.common-form__txt select._password {
  background: transparent url(/assets/password-a69402bd03b10a71cecd31951eba0f3c0cb9ff4525328c3ec72a410fa4698adb.svg) no-repeat right 0.6875rem center/0.9375rem auto;
}
.common-form__txt textarea {
  height: 6.25rem;
  resize: none;
}
.common-form__txt select {
  background: url(/assets/select-6f412de8ddad60e491022bb442358db8c7c4da5c6ba8b4edf977d9d917383204.svg) no-repeat right 0.625rem center/0.5rem auto;
}
.common-form__caution {
  font-size: 0.75rem;
  font-weight: 400;
  white-space: nowrap;
}
.common-hr {
  height: 4px;
  background: #f5f5f5;
  margin: 1.25rem 0;
  width: 100%;
  display: block;
  opacity: 1;
  border: none;
}
.common-form__search {
  display: flex;
  align-items: stretch;
}
.common-form__search-btn--box {
  flex: 0 0 auto;
  width: 23.8125rem;
  padding-left: 1.3125rem;
}
.common-form__bottom {
  display: flex;
  justify-content: center;
}
.common-radio {
  position: relative;
  cursor: pointer;
}
.common-radio input[type=radio] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  clip-path: polygon(0 0, 0 0, 0 0, 0 0);
  border: 0;
}
.common-radio input[type=radio]:checked + ._txt::after {
  opacity: 1;
}
.common-radio ._txt {
  font-size: 1rem;
  font-weight: 500;
  position: relative;
  padding-left: 2.25rem;
  display: inline-flex;
  line-height: 1.5rem;
  align-items: center;
}
.common-radio ._txt::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  border: 1px solid #d3d3d3;
  position: absolute;
  left: 0;
  top: 0;
}
.common-radio ._txt::after {
  content: "";
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background: #1FA39E;
  position: absolute;
  left: 0.25rem;
  top: 0.25rem;
  opacity: 0;
}
.common-form__ttl {
  padding: 0.625rem 0;
  font-size: 0.875rem;
  font-weight: 500;
  flex: 0 0 auto;
  width: 14.6875rem;
}
.common-form__ttl._accounts {
  width: 14.1875rem;
}
.common-form__ttl._vendor-open {
  width: 18.75rem;
}
.common-form__ttl._edit {
  padding: 0.4375rem 0;
}
.common-form__ttl._no-padding {
  padding: 0;
  line-height: 1.4285714286;
}
.common-form__ttl._no-padding2 {
  padding: 0;
  line-height: 2.0714285714;
}
.common-form__ttl ._required,
.common-form__ttl ._optional {
  height: 1.25rem;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.5rem;
  border-radius: 0.125rem;
  margin-right: 0.375rem;
  padding-top: 1px;
}
.common-form__ttl ._required {
  background-color: #e20000;
}
.common-form__ttl ._optional {
  background-color: #88cb7f;
}
.common-form__ttl .form-label {
  margin-bottom: 0;
}
.common-form__ttl .description {
  font-size: 0.75rem;
}
.common-form__checkbox {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1.25rem;
  max-width: 29.5rem;
}
.common-form__checkbox-item input[type=checkbox] {
  display: none;
}
.common-form__checkbox-item input[type=checkbox]:checked + label::before {
  background: #fff url(/assets/check-orange-a3dc430cf1f0d09606cad1cc0b2957d4a8c3a0390f24a804450924ec13f8a1c5.svg) no-repeat center/0.5rem;
}
.common-form__checkbox-item input[type=checkbox] + label {
  padding-left: 1.375rem;
  position: relative;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 400;
  display: inline-block;
  cursor: pointer;
}
.common-form__checkbox-item input[type=checkbox] + label::before {
  content: "";
  width: 0.875rem;
  height: 0.875rem;
  box-sizing: border-box;
  border: 1px solid #a5a5a5;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  border-radius: 2px;
}
.common-form__choice {
  border: 1px solid #d3d3d3;
  padding: 0.5rem 0.75rem;
  width: 10rem;
}
.common-form__choice-item input[type=checkbox] {
  display: none;
}
.common-form__choice-item input[type=checkbox]:checked + ._txt::before {
  background: #fff url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgMTAgOCI+CiAgPGcgaWQ9IuODgeOCp+ODg+OCr+ODnuODvOOCryIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjU2IDE5MC45MDIpIj4KICAgIDxwYXRoIGlkPSLjg5HjgrlfMzQ4IiBkYXRhLW5hbWU9IuODkeOCuSAzNDgiIGQ9Ik0zLjQsNy44NDMuMTQ2LDQuMzU2YS41NjQuNTY0LDAsMCwxLDAtLjc1OWwuNzA3LS43NTlhLjQ3Ni40NzYsMCwwLDEsLjcwNywwTDMuNzUsNS4xODgsOC40MzkuMTU3YS40NzYuNDc2LDAsMCwxLC43MDcsMGwuNzA3Ljc1OWEuNTY0LjU2NCwwLDAsMSwwLC43NTlMNC4xLDcuODQzYS40NzYuNDc2LDAsMCwxLS43MDcsMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNTYgLTE5MC45MDIpIiBmaWxsPSIjMWZhMzllIi8+CiAgPC9nPgo8L3N2Zz4K") no-repeat center/0.5rem;
}
.common-form__choice-item input[type=checkbox] + ._txt {
  padding-left: 1.375rem;
  position: relative;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 400;
  display: inline-block;
  cursor: pointer;
}
.common-form__choice-item input[type=checkbox] + ._txt::before {
  content: "";
  width: 0.875rem;
  height: 0.875rem;
  box-sizing: border-box;
  border: 1px solid #a5a5a5;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  border-radius: 2px;
}
.common-form__choice-item:nth-child(n+2) {
  margin-top: 0.5rem;
}
.common-form__choice._lg {
  width: 15rem;
}
.common-form__area-box .common-form__select .common-form__select-box {
  display: flex;
  gap: 1.75rem;
  width: 100%;
}
.common-form__area-box .common-form__select .common-form__select-box .common-form__select {
  flex: 0 0 auto;
  width: 100%;
}

.full-width {
  width: 100%;
}

.indicator {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ad0000;
  color: #ffffff;
  font-size: 10px;
  font-weight: bold;
  margin-left: auto;
  margin-right: 40px;
  padding: 5px 10px 5px 6px;
  line-height: 10px;
}
.indicator:after {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-width: 10px 5px 10px 0;
  border-color: transparent #ffffff;
  border-style: solid;
  content: "";
}

.current .indicator:after {
  border-color: transparent #DE8A6D;
}
.current .indicator.admin:after {
  border-color: transparent #1FA39E;
}

.c-hidden {
  display: none !important;
}

.cancelButton {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.375rem;
  height: 2.375rem;
  cursor: pointer;
  z-index: 10;
  background: url(/assets/cancel-9c0c1ac70b7d07a96b2d7004d2ce03b5d8893ec43de169c58f0557ccbcc27626.svg) no-repeat center/0.875rem auto;
}

.main-wrapper.login {
  padding-left: 0;
}

.bg-main {
  background-color: #EFF8ED;
  padding: 1.25rem;
  min-height: calc(100vh - 3.75rem);
  position: relative;
}

.bg-white {
  background: #fff;
  border-radius: 0.5rem;
  padding: 1.25rem;
  box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.1);
  margin-bottom: 1.25rem;
}
.bg-white:last-child {
  margin-bottom: 0;
}
.bg-white._height {
  min-height: calc(100vh - 6rem);
  margin: 0;
}
.bg-white._last {
  margin-bottom: 0;
}

.box-ttl {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
}
.box-ttl._invoice {
  margin-bottom: 1.25rem;
}
.box-ttl ._sm {
  line-height: 1.625;
  font-size: 1rem;
  font-weight: 500;
  color: #1FA39E;
  margin-left: 0.75rem;
}

.box-head {
  display: flex;
  align-items: center;
  margin-bottom: 1.25rem;
}
.box-head._between {
  justify-content: space-between;
}

.box-head__btn._item1 {
  margin-left: auto;
}
.box-head__btn._item2 {
  margin-left: 1rem;
}

.box-subttl {
  font-size: 0.875rem;
  line-height: 1.25;
  font-weight: 700;
  border-left: 4px solid #1FA39E;
  padding-left: 0.75rem;
  margin-bottom: 0.75rem;
}
.box-subttl._no-bottom {
  margin-bottom: 0px;
}

.pagination {
  display: flex;
  justify-content: center;
}
.pagination .page,
.pagination .next,
.pagination .last,
.pagination .prev,
.pagination .first {
  width: 1.875rem;
  height: 1.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f0f0f0;
  font-size: 1rem;
  margin: 0 0.25rem;
}
.pagination .page.current,
.pagination .next.current,
.pagination .last.current,
.pagination .prev.current,
.pagination .first.current {
  background-color: #1FA39E;
  color: #fff;
}
.pagination .page.gap,
.pagination .next.gap,
.pagination .last.gap,
.pagination .prev.gap,
.pagination .first.gap {
  display: none;
}
.pagination .page > a,
.pagination .next > a,
.pagination .last > a,
.pagination .prev > a,
.pagination .first > a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #a5a5a5;
  transition: opacity 0.4s ease;
}
.pagination .page > a:hover, .pagination .page > a:active,
.pagination .next > a:hover,
.pagination .next > a:active,
.pagination .last > a:hover,
.pagination .last > a:active,
.pagination .prev > a:hover,
.pagination .prev > a:active,
.pagination .first > a:hover,
.pagination .first > a:active {
  opacity: 0.7;
}
.pagination .first,
.pagination .last {
  display: none;
}
.pagination .prev,
.pagination .next {
  font-size: 0;
  background: #f0f0f0 url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3LjIwNCIgaGVpZ2h0PSIxMS40MDgiIHZpZXdCb3g9IjAgMCA3LjIwNCAxMS40MDgiPgogIDxwYXRoIGlkPSLjg5HjgrlfMzQwIiBkYXRhLW5hbWU9IuODkeOCuSAzNDAiIGQ9Ik0uNDMzLDFsNSw2LDUtNiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNy41IDAuMjcyKSByb3RhdGUoOTApIiBmaWxsPSJub25lIiBzdHJva2U9IiNhNWE1YTUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjEiLz4KPC9zdmc+Cg==") no-repeat center/0.375rem;
}
.pagination .prev {
  margin-right: 0.75rem;
}
.pagination .next {
  margin-left: 0.75rem;
  transform: rotate(180deg);
}

.breadcrumb-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.breadcrumb-container .breadcrumb-container-aside {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 1.25rem 0 2rem;
  white-space: nowrap;
  gap: 8px;
}
.breadcrumb-container .breadcrumb-container-aside__logout {
  width: 250px;
  background: #717171;
  color: #fff;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  letter-spacing: 0;
  transition: 0.4s ease;
  transition-property: opacity;
  padding: 8px;
  border: 1px solid #717171;
}
.breadcrumb-container .breadcrumb-container-aside__logout img {
  width: 0.875rem;
  height: 0.875rem;
  margin-right: 0.6875rem;
}
.breadcrumb-container .breadcrumb-container-aside__logout:hover, .breadcrumb-container .breadcrumb-container-aside__logout:active {
  opacity: 0.7;
}
.breadcrumb-container .breadcrumb-container-aside__logout.vendor, .breadcrumb-container .breadcrumb-container-aside__logout.group {
  background-color: #DE8A6D;
  border: 1px solid #DE8A6D;
}

.l-breadcrumb {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  color: #717171;
  font-weight: 400;
  background: #ffffff;
  padding: 0 1.25rem 0 2rem;
  height: 3.75rem;
  margin-bottom: 0;
}
.l-breadcrumb a {
  color: inherit;
  transition: 0.4s ease;
  transition-property: opacity;
  text-decoration: none;
}
.l-breadcrumb a:hover, .l-breadcrumb a:active {
  opacity: 0.7;
  color: inherit;
}

.breadcrumb-name {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  color: #717171;
  font-weight: 400;
  background: #ffffff;
  padding: 0 1.25rem 0 2rem;
  height: 3.75rem;
  margin-bottom: 0;
}
.breadcrumb-name__emphasis {
  margin: 0 0.5rem;
  font-size: 1rem;
}

.breadcrumb-membership-status {
  border: 1px solid #717171;
  border-radius: 0.25rem;
  padding: 8px;
  text-align: center;
  width: 8.75rem;
  font-size: 0.875rem;
  display: none;
}
.breadcrumb-membership-status__trial {
  display: block;
  border-color: #00D56A;
  color: #00D56A;
}
.breadcrumb-membership-status__use {
  display: block;
  border-color: #DE8A6D;
  color: #DE8A6D;
}
.breadcrumb-membership-status__quit_trial {
  display: block;
  border-color: #B4B4B4;
  color: #B4B4B4;
}
.breadcrumb-membership-status__free_posting {
  display: block;
  border-color: #B4B4B4;
  color: #B4B4B4;
}
.breadcrumb-membership-status__disabled {
  display: block;
  color: #AF0000;
  border-color: #AF0000;
}

.l-show__table {
  width: 100%;
}
.l-show__table td,
.l-show__table th {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 500;
  padding: 0.5rem 0;
}
.l-show__table th {
  width: 9.375rem;
}

.l-summary__top {
  padding: 1.25rem;
  border: 1px solid #d3d3d3;
  border-radius: 0.5rem;
  margin-bottom: 1.75rem;
}
.l-summary__top form {
  display: flex;
  align-items: center;
}
.l-summary__top-body {
  padding-right: 1.25rem;
  border-right: 2px solid #f5f5f5;
  flex: 1 1 auto;
}
.l-summary__top-btns {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  padding-left: 1.4375rem;
  padding-right: 0.1875rem;
}
.l-summary__ttl {
  margin-bottom: 0;
}
.l-summary__btns {
  display: flex;
  align-items: center;
  margin-bottom: 1.25rem;
}
.l-summary__btn-search {
  position: relative;
  padding-left: 1.625rem;
  min-width: 10rem;
  margin-right: 1rem;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNS4xNzQiIGhlaWdodD0iMTQuODUyIiB2aWV3Qm94PSIwIDAgMTUuMTc0IDE0Ljg1MiI+CiAgPGcgaWQ9IuOCsOODq+ODvOODl18xMzEiIGRhdGEtbmFtZT0i44Kw44Or44O844OXIDEzMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTkzNiAtMTc3Ljk5OCkiPgogICAgPGcgaWQ9IualleWGhuW9ol8xIiBkYXRhLW5hbWU9IualleWGhuW9oiAxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5MzYgMTg1LjM5Mykgcm90YXRlKC00NSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjEiPgogICAgICA8Y2lyY2xlIGN4PSI1LjIyOCIgY3k9IjUuMjI4IiByPSI1LjIyOCIgc3Ryb2tlPSJub25lIi8+CiAgICAgIDxjaXJjbGUgY3g9IjUuMjI4IiBjeT0iNS4yMjgiIHI9IjQuNzI4IiBmaWxsPSJub25lIi8+CiAgICA8L2c+CiAgICA8bGluZSBpZD0i57eaXzQiIGRhdGEtbmFtZT0i57eaIDQiIHkyPSI0LjU0NiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOTQ3LjI1MiAxODguOTI5KSByb3RhdGUoLTQ1KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMSIvPgogIDwvZz4KPC9zdmc+Cg==");
  background-position: left 2.1875rem top 0.6875rem;
  background-size: 0.924375rem;
  background-repeat: no-repeat;
}
.l-summary__btn._item1 {
  margin-left: auto;
}
.l-summary__btn._item2 {
  margin-left: 1rem;
}
.l-summary__table table {
  table-layout: fixed;
}
.l-summary__table table a {
  text-decoration: underline;
  color: inherit;
}
.l-summary__table table tbody a {
  color: #009EFF;
}
.l-summary__table._item1 {
  margin-bottom: 1.25rem;
}
.l-summary__table._item1 th:nth-child(1) {
  width: 4.75rem;
}
.l-summary__table._item2 th:nth-child(1),
.l-summary__table._item2 td:nth-child(1) {
  width: 4.75rem;
}
.l-summary__table._item2 th:nth-child(2),
.l-summary__table._item2 td:nth-child(2) {
  width: 3.0625rem;
}
.l-summary__table._item2 td:nth-child(2) {
  text-align: center;
}

.email-new__ttl {
  margin-bottom: 1.25rem;
}
.email__body {
  border: 1px solid #d3d3d3;
  padding: 1.25rem;
}
.email__nav {
  display: flex;
}
.email__nav-item {
  margin-right: 0.25rem;
}
.email__nav-link {
  color: #a5a5a5;
  background-color: #f0f0f0;
  font-size: 1.125rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.5rem;
  width: 11.9375rem;
  border-radius: 0.25rem 0.25rem 0 0;
  transition: 0.4s ease;
  transition-property: color;
}
.email__nav-link.active {
  background-color: #DE8A6D;
  color: #fff;
  pointer-events: none;
}
.email__nav-link:hover, .email__nav-link:active {
  color: #DE8A6D;
}
.email__table th:nth-child(1),
.email__table td:nth-child(1) {
  width: 7.5rem;
  text-align: center;
  padding: 0;
  vertical-align: middle;
}
.email__table th:nth-child(2),
.email__table td:nth-child(2) {
  width: 8.4375rem;
}
.email__table th:nth-child(4),
.email__table td:nth-child(4) {
  width: 8.9375rem;
}
.email__btns {
  display: flex;
  align-items: center;
  justify-content: center;
}
.email__btn {
  width: 3.5rem;
  height: 1.125rem;
  border-radius: 2px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #fff !important;
  font-size: 0.625rem;
  font-weight: 500;
  text-decoration: none;
}
.email__btn._success {
  background: #DE8A6D;
}
.email__btn._delete {
  background: #ad0000;
  margin-left: 0.4375rem;
}

.l-login__head {
  height: 3.75rem;
  background: #fff;
}
.l-login__logo {
  font-size: 1.125rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 1.25rem;
  color: #fff;
  text-decoration: none;
  height: 3.75rem;
  width: 18.75rem;
  transition: all 0.4s ease;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
}
.l-login__logo-img {
  width: 100%;
  max-width: 8.875rem;
  height: auto;
}
.l-login__body {
  background: #EFF8ED;
  height: calc(100vh - 3.75rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 5rem;
}
.l-login__body._vendor, .l-login__body._group {
  background: #F8F2ED;
}
.l-login__body._vendor .common-btn._green, .l-login__body._group .common-btn._green {
  background-color: #DE8A6D;
}
.l-login__item {
  width: 30rem;
}
.l-login__item:nth-child(n+2) {
  margin-top: 1.25rem;
}
.l-login__item-label {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: 0;
  margin-bottom: 0.75rem;
}
.l-login__item-body {
  width: 100%;
}
.l-login__item-body input {
  background: #fff;
  width: 100%;
  height: 2.5rem;
  display: flex;
  align-items: center;
  border: 1px solid #d3d3d3;
  border-radius: 0.25rem;
  padding: 0 0.6875rem;
}
.l-login__bottom {
  margin-top: 2.5rem;
  text-align: center;
}
.l-login__bottom-link--box {
  margin-top: 0.75rem;
}
.l-login__bottom-link {
  font-size: 0.875rem;
  color: #009EFF;
  transition: 0.4s ease;
  transition-property: opacity;
}
.l-login__bottom-link:link, .l-login__bottom-link:hover, .l-login__bottom-link:active, .l-login__bottom-link:visited {
  text-decoration: underline;
}
.l-login__bottom-link:hover, .l-login__bottom-link:active {
  opacity: 0.7;
}
.l-login__checkbox {
  display: block;
  text-align: center;
  margin-bottom: 1.25rem;
  font-size: 0.75rem;
  line-height: 1.4166666667;
  font-weight: 500;
  position: relative;
}
.l-login__checkbox input[type=checkbox] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  clip-path: polygon(0 0, 0 0, 0 0, 0 0);
  border: 0;
}
.l-login__checkbox input[type=checkbox]:checked + ._txt::before {
  background: #fff url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgMTAgOCI+CiAgPGcgaWQ9IuODgeOCp+ODg+OCr+ODnuODvOOCryIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjU2IDE5MC45MDIpIj4KICAgIDxwYXRoIGlkPSLjg5HjgrlfMzQ4IiBkYXRhLW5hbWU9IuODkeOCuSAzNDgiIGQ9Ik0zLjQsNy44NDMuMTQ2LDQuMzU2YS41NjQuNTY0LDAsMCwxLDAtLjc1OWwuNzA3LS43NTlhLjQ3Ni40NzYsMCwwLDEsLjcwNywwTDMuNzUsNS4xODgsOC40MzkuMTU3YS40NzYuNDc2LDAsMCwxLC43MDcsMGwuNzA3Ljc1OWEuNTY0LjU2NCwwLDAsMSwwLC43NTlMNC4xLDcuODQzYS40NzYuNDc2LDAsMCwxLS43MDcsMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNTYgLTE5MC45MDIpIiBmaWxsPSIjMWZhMzllIi8+CiAgPC9nPgo8L3N2Zz4K") no-repeat center/0.625rem;
}
.l-login__checkbox ._txt {
  display: inline-block;
  padding-left: 1.6875rem;
  position: relative;
  cursor: pointer;
}
.l-login__checkbox ._txt::before {
  content: "";
  width: 0.9375rem;
  height: 0.9375rem;
  border: 1px solid #d3d3d3;
  background: #fff;
  border-radius: 0.25rem;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}

.confirmDialog {
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  pointer-events: none;
  opacity: 0;
  display: flex !important;
  align-items: flex-start;
  padding-top: 18.5rem;
  justify-content: center;
  transition: opacity 0.4s ease;
  z-index: 10;
}
.confirmDialog.full {
  position: fixed;
  left: 300px;
}
.confirmDialog.show {
  pointer-events: auto;
  opacity: 1;
}
.confirmDialog__close-btn {
  cursor: pointer;
  position: absolute;
  width: 0.875rem;
  height: 0.875rem;
  background: url(/assets/cancel-9c0c1ac70b7d07a96b2d7004d2ce03b5d8893ec43de169c58f0557ccbcc27626.svg) no-repeat center/0.875rem auto;
  right: 0.75rem;
  top: 0.75rem;
}
.confirmDialog__box {
  position: relative;
  display: inline-block;
  background: #fff;
  border-radius: 0.5rem;
  min-width: 25rem;
  min-height: 9rem;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  padding: 2rem;
  position: fixed;
  top: calc(50% - 1.875rem);
  left: calc(50% + 9.3755rem);
  transform: translate(-50%, -50%);
}
.confirmDialog__ttl {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  text-align: center;
  font-weight: 500;
  margin-bottom: 1.25rem;
}
.confirmDialog__btn-box {
  display: flex;
  justify-content: center;
  gap: 0 1rem;
}

#turbo-modal {
  position: fixed;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.5);
  padding: 24px;
  z-index: 10;
  transition: all 0.1s;
  opacity: 0;
  visibility: hidden;
}
#turbo-modal.open {
  opacity: 1;
  visibility: visible;
}
#turbo-modal .modal-body {
  background: #fff;
  position: relative;
  overflow-y: scroll;
  max-height: 100%;
  max-width: 100%;
}
#turbo-modal .modal-body__close {
  position: absolute;
  top: 12px;
  right: 12px;
  cursor: pointer;
  opacity: 1;
  transition: all 0.3s;
}
#turbo-modal .modal-body__close:hover {
  opacity: 0.8;
}

.ma-top-0 {
  margin-top: 0px;
}

.ma-bottom-0 {
  margin-bottom: 0px;
}

.ma-left-0 {
  margin-left: 0px !important;
}

.ma-right-0 {
  margin-right: 0px !important;
}

.pa-top-0 {
  padding-top: 0px;
}

.pa-bottom-0 {
  padding-bottom: 0px;
}

.pa-left-0 {
  padding-left: 0px;
}

.pa-right-0 {
  padding-right: 0px;
}

.pa-0 {
  padding: 0px !important;
}

.pa-x-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.pa-y-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.ma-0 {
  margin: 0px !important;
}

.ma-x-0 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.ma-y-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.gap-0 {
  gap: 0px;
}

.flex-glow-0 {
  flex-grow: 0;
}

.fz-0 {
  font-size: 0px;
}

.w-0 {
  width: 0px;
}

.minw-0 {
  min-width: 0px !important;
}

.maxw-0 {
  max-width: 0px !important;
}

.wf-0 {
  width: 0px !important;
}

.h-0 {
  height: 0px;
}

.ma-top-2 {
  margin-top: 2px;
}

.ma-bottom-2 {
  margin-bottom: 2px;
}

.ma-left-2 {
  margin-left: 2px !important;
}

.ma-right-2 {
  margin-right: 2px !important;
}

.pa-top-2 {
  padding-top: 2px;
}

.pa-bottom-2 {
  padding-bottom: 2px;
}

.pa-left-2 {
  padding-left: 2px;
}

.pa-right-2 {
  padding-right: 2px;
}

.pa-2 {
  padding: 2px !important;
}

.pa-x-2 {
  padding-left: 2px !important;
  padding-right: 2px !important;
}

.pa-y-2 {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

.ma-2 {
  margin: 2px !important;
}

.ma-x-2 {
  margin-left: 2px !important;
  margin-right: 2px !important;
}

.ma-y-2 {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

.gap-2 {
  gap: 2px;
}

.flex-glow-1 {
  flex-grow: 1;
}

.fz-2 {
  font-size: 2px;
}

.w-10 {
  width: 10px;
}

.minw-10 {
  min-width: 10px !important;
}

.maxw-10 {
  max-width: 10px !important;
}

.wf-10 {
  width: 10px !important;
}

.h-10 {
  height: 10px;
}

.ma-top-4 {
  margin-top: 4px;
}

.ma-bottom-4 {
  margin-bottom: 4px;
}

.ma-left-4 {
  margin-left: 4px !important;
}

.ma-right-4 {
  margin-right: 4px !important;
}

.pa-top-4 {
  padding-top: 4px;
}

.pa-bottom-4 {
  padding-bottom: 4px;
}

.pa-left-4 {
  padding-left: 4px;
}

.pa-right-4 {
  padding-right: 4px;
}

.pa-4 {
  padding: 4px !important;
}

.pa-x-4 {
  padding-left: 4px !important;
  padding-right: 4px !important;
}

.pa-y-4 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.ma-4 {
  margin: 4px !important;
}

.ma-x-4 {
  margin-left: 4px !important;
  margin-right: 4px !important;
}

.ma-y-4 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.gap-4 {
  gap: 4px;
}

.flex-glow-2 {
  flex-grow: 2;
}

.fz-4 {
  font-size: 4px;
}

.w-20 {
  width: 20px;
}

.minw-20 {
  min-width: 20px !important;
}

.maxw-20 {
  max-width: 20px !important;
}

.wf-20 {
  width: 20px !important;
}

.h-20 {
  height: 20px;
}

.ma-top-6 {
  margin-top: 6px;
}

.ma-bottom-6 {
  margin-bottom: 6px;
}

.ma-left-6 {
  margin-left: 6px !important;
}

.ma-right-6 {
  margin-right: 6px !important;
}

.pa-top-6 {
  padding-top: 6px;
}

.pa-bottom-6 {
  padding-bottom: 6px;
}

.pa-left-6 {
  padding-left: 6px;
}

.pa-right-6 {
  padding-right: 6px;
}

.pa-6 {
  padding: 6px !important;
}

.pa-x-6 {
  padding-left: 6px !important;
  padding-right: 6px !important;
}

.pa-y-6 {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.ma-6 {
  margin: 6px !important;
}

.ma-x-6 {
  margin-left: 6px !important;
  margin-right: 6px !important;
}

.ma-y-6 {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}

.gap-6 {
  gap: 6px;
}

.flex-glow-3 {
  flex-grow: 3;
}

.fz-6 {
  font-size: 6px;
}

.w-30 {
  width: 30px;
}

.minw-30 {
  min-width: 30px !important;
}

.maxw-30 {
  max-width: 30px !important;
}

.wf-30 {
  width: 30px !important;
}

.h-30 {
  height: 30px;
}

.ma-top-8 {
  margin-top: 8px;
}

.ma-bottom-8 {
  margin-bottom: 8px;
}

.ma-left-8 {
  margin-left: 8px !important;
}

.ma-right-8 {
  margin-right: 8px !important;
}

.pa-top-8 {
  padding-top: 8px;
}

.pa-bottom-8 {
  padding-bottom: 8px;
}

.pa-left-8 {
  padding-left: 8px;
}

.pa-right-8 {
  padding-right: 8px;
}

.pa-8 {
  padding: 8px !important;
}

.pa-x-8 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.pa-y-8 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.ma-8 {
  margin: 8px !important;
}

.ma-x-8 {
  margin-left: 8px !important;
  margin-right: 8px !important;
}

.ma-y-8 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.gap-8 {
  gap: 8px;
}

.flex-glow-4 {
  flex-grow: 4;
}

.fz-8 {
  font-size: 8px;
}

.w-40 {
  width: 40px;
}

.minw-40 {
  min-width: 40px !important;
}

.maxw-40 {
  max-width: 40px !important;
}

.wf-40 {
  width: 40px !important;
}

.h-40 {
  height: 40px;
}

.ma-top-10 {
  margin-top: 10px;
}

.ma-bottom-10 {
  margin-bottom: 10px;
}

.ma-left-10 {
  margin-left: 10px !important;
}

.ma-right-10 {
  margin-right: 10px !important;
}

.pa-top-10 {
  padding-top: 10px;
}

.pa-bottom-10 {
  padding-bottom: 10px;
}

.pa-left-10 {
  padding-left: 10px;
}

.pa-right-10 {
  padding-right: 10px;
}

.pa-10 {
  padding: 10px !important;
}

.pa-x-10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.pa-y-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.ma-10 {
  margin: 10px !important;
}

.ma-x-10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.ma-y-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.gap-10 {
  gap: 10px;
}

.flex-glow-5 {
  flex-grow: 5;
}

.fz-10 {
  font-size: 10px;
}

.w-50 {
  width: 50px;
}

.minw-50 {
  min-width: 50px !important;
}

.maxw-50 {
  max-width: 50px !important;
}

.wf-50 {
  width: 50px !important;
}

.h-50 {
  height: 50px;
}

.ma-top-12 {
  margin-top: 12px;
}

.ma-bottom-12 {
  margin-bottom: 12px;
}

.ma-left-12 {
  margin-left: 12px !important;
}

.ma-right-12 {
  margin-right: 12px !important;
}

.pa-top-12 {
  padding-top: 12px;
}

.pa-bottom-12 {
  padding-bottom: 12px;
}

.pa-left-12 {
  padding-left: 12px;
}

.pa-right-12 {
  padding-right: 12px;
}

.pa-12 {
  padding: 12px !important;
}

.pa-x-12 {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.pa-y-12 {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.ma-12 {
  margin: 12px !important;
}

.ma-x-12 {
  margin-left: 12px !important;
  margin-right: 12px !important;
}

.ma-y-12 {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

.gap-12 {
  gap: 12px;
}

.flex-glow-6 {
  flex-grow: 6;
}

.fz-12 {
  font-size: 12px;
}

.w-60 {
  width: 60px;
}

.minw-60 {
  min-width: 60px !important;
}

.maxw-60 {
  max-width: 60px !important;
}

.wf-60 {
  width: 60px !important;
}

.h-60 {
  height: 60px;
}

.ma-top-14 {
  margin-top: 14px;
}

.ma-bottom-14 {
  margin-bottom: 14px;
}

.ma-left-14 {
  margin-left: 14px !important;
}

.ma-right-14 {
  margin-right: 14px !important;
}

.pa-top-14 {
  padding-top: 14px;
}

.pa-bottom-14 {
  padding-bottom: 14px;
}

.pa-left-14 {
  padding-left: 14px;
}

.pa-right-14 {
  padding-right: 14px;
}

.pa-14 {
  padding: 14px !important;
}

.pa-x-14 {
  padding-left: 14px !important;
  padding-right: 14px !important;
}

.pa-y-14 {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

.ma-14 {
  margin: 14px !important;
}

.ma-x-14 {
  margin-left: 14px !important;
  margin-right: 14px !important;
}

.ma-y-14 {
  margin-top: 14px !important;
  margin-bottom: 14px !important;
}

.gap-14 {
  gap: 14px;
}

.flex-glow-7 {
  flex-grow: 7;
}

.fz-14 {
  font-size: 14px;
}

.w-70 {
  width: 70px;
}

.minw-70 {
  min-width: 70px !important;
}

.maxw-70 {
  max-width: 70px !important;
}

.wf-70 {
  width: 70px !important;
}

.h-70 {
  height: 70px;
}

.ma-top-16 {
  margin-top: 16px;
}

.ma-bottom-16 {
  margin-bottom: 16px;
}

.ma-left-16 {
  margin-left: 16px !important;
}

.ma-right-16 {
  margin-right: 16px !important;
}

.pa-top-16 {
  padding-top: 16px;
}

.pa-bottom-16 {
  padding-bottom: 16px;
}

.pa-left-16 {
  padding-left: 16px;
}

.pa-right-16 {
  padding-right: 16px;
}

.pa-16 {
  padding: 16px !important;
}

.pa-x-16 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.pa-y-16 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.ma-16 {
  margin: 16px !important;
}

.ma-x-16 {
  margin-left: 16px !important;
  margin-right: 16px !important;
}

.ma-y-16 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.gap-16 {
  gap: 16px;
}

.flex-glow-8 {
  flex-grow: 8;
}

.fz-16 {
  font-size: 16px;
}

.w-80 {
  width: 80px;
}

.minw-80 {
  min-width: 80px !important;
}

.maxw-80 {
  max-width: 80px !important;
}

.wf-80 {
  width: 80px !important;
}

.h-80 {
  height: 80px;
}

.ma-top-18 {
  margin-top: 18px;
}

.ma-bottom-18 {
  margin-bottom: 18px;
}

.ma-left-18 {
  margin-left: 18px !important;
}

.ma-right-18 {
  margin-right: 18px !important;
}

.pa-top-18 {
  padding-top: 18px;
}

.pa-bottom-18 {
  padding-bottom: 18px;
}

.pa-left-18 {
  padding-left: 18px;
}

.pa-right-18 {
  padding-right: 18px;
}

.pa-18 {
  padding: 18px !important;
}

.pa-x-18 {
  padding-left: 18px !important;
  padding-right: 18px !important;
}

.pa-y-18 {
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}

.ma-18 {
  margin: 18px !important;
}

.ma-x-18 {
  margin-left: 18px !important;
  margin-right: 18px !important;
}

.ma-y-18 {
  margin-top: 18px !important;
  margin-bottom: 18px !important;
}

.gap-18 {
  gap: 18px;
}

.flex-glow-9 {
  flex-grow: 9;
}

.fz-18 {
  font-size: 18px;
}

.w-90 {
  width: 90px;
}

.minw-90 {
  min-width: 90px !important;
}

.maxw-90 {
  max-width: 90px !important;
}

.wf-90 {
  width: 90px !important;
}

.h-90 {
  height: 90px;
}

.ma-top-20 {
  margin-top: 20px;
}

.ma-bottom-20 {
  margin-bottom: 20px;
}

.ma-left-20 {
  margin-left: 20px !important;
}

.ma-right-20 {
  margin-right: 20px !important;
}

.pa-top-20 {
  padding-top: 20px;
}

.pa-bottom-20 {
  padding-bottom: 20px;
}

.pa-left-20 {
  padding-left: 20px;
}

.pa-right-20 {
  padding-right: 20px;
}

.pa-20 {
  padding: 20px !important;
}

.pa-x-20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.pa-y-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.ma-20 {
  margin: 20px !important;
}

.ma-x-20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.ma-y-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.gap-20 {
  gap: 20px;
}

.flex-glow-10 {
  flex-grow: 10;
}

.fz-20 {
  font-size: 20px;
}

.w-100 {
  width: 100px;
}

.minw-100 {
  min-width: 100px !important;
}

.maxw-100 {
  max-width: 100px !important;
}

.wf-100 {
  width: 100px !important;
}

.h-100 {
  height: 100px;
}

.ma-top-22 {
  margin-top: 22px;
}

.ma-bottom-22 {
  margin-bottom: 22px;
}

.ma-left-22 {
  margin-left: 22px !important;
}

.ma-right-22 {
  margin-right: 22px !important;
}

.pa-top-22 {
  padding-top: 22px;
}

.pa-bottom-22 {
  padding-bottom: 22px;
}

.pa-left-22 {
  padding-left: 22px;
}

.pa-right-22 {
  padding-right: 22px;
}

.pa-22 {
  padding: 22px !important;
}

.pa-x-22 {
  padding-left: 22px !important;
  padding-right: 22px !important;
}

.pa-y-22 {
  padding-top: 22px !important;
  padding-bottom: 22px !important;
}

.ma-22 {
  margin: 22px !important;
}

.ma-x-22 {
  margin-left: 22px !important;
  margin-right: 22px !important;
}

.ma-y-22 {
  margin-top: 22px !important;
  margin-bottom: 22px !important;
}

.gap-22 {
  gap: 22px;
}

.flex-glow-11 {
  flex-grow: 11;
}

.fz-22 {
  font-size: 22px;
}

.w-110 {
  width: 110px;
}

.minw-110 {
  min-width: 110px !important;
}

.maxw-110 {
  max-width: 110px !important;
}

.wf-110 {
  width: 110px !important;
}

.h-110 {
  height: 110px;
}

.ma-top-24 {
  margin-top: 24px;
}

.ma-bottom-24 {
  margin-bottom: 24px;
}

.ma-left-24 {
  margin-left: 24px !important;
}

.ma-right-24 {
  margin-right: 24px !important;
}

.pa-top-24 {
  padding-top: 24px;
}

.pa-bottom-24 {
  padding-bottom: 24px;
}

.pa-left-24 {
  padding-left: 24px;
}

.pa-right-24 {
  padding-right: 24px;
}

.pa-24 {
  padding: 24px !important;
}

.pa-x-24 {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.pa-y-24 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.ma-24 {
  margin: 24px !important;
}

.ma-x-24 {
  margin-left: 24px !important;
  margin-right: 24px !important;
}

.ma-y-24 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.gap-24 {
  gap: 24px;
}

.flex-glow-12 {
  flex-grow: 12;
}

.fz-24 {
  font-size: 24px;
}

.w-120 {
  width: 120px;
}

.minw-120 {
  min-width: 120px !important;
}

.maxw-120 {
  max-width: 120px !important;
}

.wf-120 {
  width: 120px !important;
}

.h-120 {
  height: 120px;
}

.ma-top-26 {
  margin-top: 26px;
}

.ma-bottom-26 {
  margin-bottom: 26px;
}

.ma-left-26 {
  margin-left: 26px !important;
}

.ma-right-26 {
  margin-right: 26px !important;
}

.pa-top-26 {
  padding-top: 26px;
}

.pa-bottom-26 {
  padding-bottom: 26px;
}

.pa-left-26 {
  padding-left: 26px;
}

.pa-right-26 {
  padding-right: 26px;
}

.pa-26 {
  padding: 26px !important;
}

.pa-x-26 {
  padding-left: 26px !important;
  padding-right: 26px !important;
}

.pa-y-26 {
  padding-top: 26px !important;
  padding-bottom: 26px !important;
}

.ma-26 {
  margin: 26px !important;
}

.ma-x-26 {
  margin-left: 26px !important;
  margin-right: 26px !important;
}

.ma-y-26 {
  margin-top: 26px !important;
  margin-bottom: 26px !important;
}

.gap-26 {
  gap: 26px;
}

.flex-glow-13 {
  flex-grow: 13;
}

.fz-26 {
  font-size: 26px;
}

.w-130 {
  width: 130px;
}

.minw-130 {
  min-width: 130px !important;
}

.maxw-130 {
  max-width: 130px !important;
}

.wf-130 {
  width: 130px !important;
}

.h-130 {
  height: 130px;
}

.ma-top-28 {
  margin-top: 28px;
}

.ma-bottom-28 {
  margin-bottom: 28px;
}

.ma-left-28 {
  margin-left: 28px !important;
}

.ma-right-28 {
  margin-right: 28px !important;
}

.pa-top-28 {
  padding-top: 28px;
}

.pa-bottom-28 {
  padding-bottom: 28px;
}

.pa-left-28 {
  padding-left: 28px;
}

.pa-right-28 {
  padding-right: 28px;
}

.pa-28 {
  padding: 28px !important;
}

.pa-x-28 {
  padding-left: 28px !important;
  padding-right: 28px !important;
}

.pa-y-28 {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}

.ma-28 {
  margin: 28px !important;
}

.ma-x-28 {
  margin-left: 28px !important;
  margin-right: 28px !important;
}

.ma-y-28 {
  margin-top: 28px !important;
  margin-bottom: 28px !important;
}

.gap-28 {
  gap: 28px;
}

.flex-glow-14 {
  flex-grow: 14;
}

.fz-28 {
  font-size: 28px;
}

.w-140 {
  width: 140px;
}

.minw-140 {
  min-width: 140px !important;
}

.maxw-140 {
  max-width: 140px !important;
}

.wf-140 {
  width: 140px !important;
}

.h-140 {
  height: 140px;
}

.ma-top-30 {
  margin-top: 30px;
}

.ma-bottom-30 {
  margin-bottom: 30px;
}

.ma-left-30 {
  margin-left: 30px !important;
}

.ma-right-30 {
  margin-right: 30px !important;
}

.pa-top-30 {
  padding-top: 30px;
}

.pa-bottom-30 {
  padding-bottom: 30px;
}

.pa-left-30 {
  padding-left: 30px;
}

.pa-right-30 {
  padding-right: 30px;
}

.pa-30 {
  padding: 30px !important;
}

.pa-x-30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.pa-y-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.ma-30 {
  margin: 30px !important;
}

.ma-x-30 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}

.ma-y-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.gap-30 {
  gap: 30px;
}

.flex-glow-15 {
  flex-grow: 15;
}

.fz-30 {
  font-size: 30px;
}

.w-150 {
  width: 150px;
}

.minw-150 {
  min-width: 150px !important;
}

.maxw-150 {
  max-width: 150px !important;
}

.wf-150 {
  width: 150px !important;
}

.h-150 {
  height: 150px;
}

.ma-top-32 {
  margin-top: 32px;
}

.ma-bottom-32 {
  margin-bottom: 32px;
}

.ma-left-32 {
  margin-left: 32px !important;
}

.ma-right-32 {
  margin-right: 32px !important;
}

.pa-top-32 {
  padding-top: 32px;
}

.pa-bottom-32 {
  padding-bottom: 32px;
}

.pa-left-32 {
  padding-left: 32px;
}

.pa-right-32 {
  padding-right: 32px;
}

.pa-32 {
  padding: 32px !important;
}

.pa-x-32 {
  padding-left: 32px !important;
  padding-right: 32px !important;
}

.pa-y-32 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

.ma-32 {
  margin: 32px !important;
}

.ma-x-32 {
  margin-left: 32px !important;
  margin-right: 32px !important;
}

.ma-y-32 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.gap-32 {
  gap: 32px;
}

.flex-glow-16 {
  flex-grow: 16;
}

.fz-32 {
  font-size: 32px;
}

.w-160 {
  width: 160px;
}

.minw-160 {
  min-width: 160px !important;
}

.maxw-160 {
  max-width: 160px !important;
}

.wf-160 {
  width: 160px !important;
}

.h-160 {
  height: 160px;
}

.ma-top-34 {
  margin-top: 34px;
}

.ma-bottom-34 {
  margin-bottom: 34px;
}

.ma-left-34 {
  margin-left: 34px !important;
}

.ma-right-34 {
  margin-right: 34px !important;
}

.pa-top-34 {
  padding-top: 34px;
}

.pa-bottom-34 {
  padding-bottom: 34px;
}

.pa-left-34 {
  padding-left: 34px;
}

.pa-right-34 {
  padding-right: 34px;
}

.pa-34 {
  padding: 34px !important;
}

.pa-x-34 {
  padding-left: 34px !important;
  padding-right: 34px !important;
}

.pa-y-34 {
  padding-top: 34px !important;
  padding-bottom: 34px !important;
}

.ma-34 {
  margin: 34px !important;
}

.ma-x-34 {
  margin-left: 34px !important;
  margin-right: 34px !important;
}

.ma-y-34 {
  margin-top: 34px !important;
  margin-bottom: 34px !important;
}

.gap-34 {
  gap: 34px;
}

.flex-glow-17 {
  flex-grow: 17;
}

.fz-34 {
  font-size: 34px;
}

.w-170 {
  width: 170px;
}

.minw-170 {
  min-width: 170px !important;
}

.maxw-170 {
  max-width: 170px !important;
}

.wf-170 {
  width: 170px !important;
}

.h-170 {
  height: 170px;
}

.ma-top-36 {
  margin-top: 36px;
}

.ma-bottom-36 {
  margin-bottom: 36px;
}

.ma-left-36 {
  margin-left: 36px !important;
}

.ma-right-36 {
  margin-right: 36px !important;
}

.pa-top-36 {
  padding-top: 36px;
}

.pa-bottom-36 {
  padding-bottom: 36px;
}

.pa-left-36 {
  padding-left: 36px;
}

.pa-right-36 {
  padding-right: 36px;
}

.pa-36 {
  padding: 36px !important;
}

.pa-x-36 {
  padding-left: 36px !important;
  padding-right: 36px !important;
}

.pa-y-36 {
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}

.ma-36 {
  margin: 36px !important;
}

.ma-x-36 {
  margin-left: 36px !important;
  margin-right: 36px !important;
}

.ma-y-36 {
  margin-top: 36px !important;
  margin-bottom: 36px !important;
}

.gap-36 {
  gap: 36px;
}

.flex-glow-18 {
  flex-grow: 18;
}

.fz-36 {
  font-size: 36px;
}

.w-180 {
  width: 180px;
}

.minw-180 {
  min-width: 180px !important;
}

.maxw-180 {
  max-width: 180px !important;
}

.wf-180 {
  width: 180px !important;
}

.h-180 {
  height: 180px;
}

.ma-top-38 {
  margin-top: 38px;
}

.ma-bottom-38 {
  margin-bottom: 38px;
}

.ma-left-38 {
  margin-left: 38px !important;
}

.ma-right-38 {
  margin-right: 38px !important;
}

.pa-top-38 {
  padding-top: 38px;
}

.pa-bottom-38 {
  padding-bottom: 38px;
}

.pa-left-38 {
  padding-left: 38px;
}

.pa-right-38 {
  padding-right: 38px;
}

.pa-38 {
  padding: 38px !important;
}

.pa-x-38 {
  padding-left: 38px !important;
  padding-right: 38px !important;
}

.pa-y-38 {
  padding-top: 38px !important;
  padding-bottom: 38px !important;
}

.ma-38 {
  margin: 38px !important;
}

.ma-x-38 {
  margin-left: 38px !important;
  margin-right: 38px !important;
}

.ma-y-38 {
  margin-top: 38px !important;
  margin-bottom: 38px !important;
}

.gap-38 {
  gap: 38px;
}

.flex-glow-19 {
  flex-grow: 19;
}

.fz-38 {
  font-size: 38px;
}

.w-190 {
  width: 190px;
}

.minw-190 {
  min-width: 190px !important;
}

.maxw-190 {
  max-width: 190px !important;
}

.wf-190 {
  width: 190px !important;
}

.h-190 {
  height: 190px;
}

.ma-top-40 {
  margin-top: 40px;
}

.ma-bottom-40 {
  margin-bottom: 40px;
}

.ma-left-40 {
  margin-left: 40px !important;
}

.ma-right-40 {
  margin-right: 40px !important;
}

.pa-top-40 {
  padding-top: 40px;
}

.pa-bottom-40 {
  padding-bottom: 40px;
}

.pa-left-40 {
  padding-left: 40px;
}

.pa-right-40 {
  padding-right: 40px;
}

.pa-40 {
  padding: 40px !important;
}

.pa-x-40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.pa-y-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.ma-40 {
  margin: 40px !important;
}

.ma-x-40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

.ma-y-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.gap-40 {
  gap: 40px;
}

.flex-glow-20 {
  flex-grow: 20;
}

.fz-40 {
  font-size: 40px;
}

.w-200 {
  width: 200px;
}

.minw-200 {
  min-width: 200px !important;
}

.maxw-200 {
  max-width: 200px !important;
}

.wf-200 {
  width: 200px !important;
}

.h-200 {
  height: 200px;
}

.ma-top-42 {
  margin-top: 42px;
}

.ma-bottom-42 {
  margin-bottom: 42px;
}

.ma-left-42 {
  margin-left: 42px !important;
}

.ma-right-42 {
  margin-right: 42px !important;
}

.pa-top-42 {
  padding-top: 42px;
}

.pa-bottom-42 {
  padding-bottom: 42px;
}

.pa-left-42 {
  padding-left: 42px;
}

.pa-right-42 {
  padding-right: 42px;
}

.pa-42 {
  padding: 42px !important;
}

.pa-x-42 {
  padding-left: 42px !important;
  padding-right: 42px !important;
}

.pa-y-42 {
  padding-top: 42px !important;
  padding-bottom: 42px !important;
}

.ma-42 {
  margin: 42px !important;
}

.ma-x-42 {
  margin-left: 42px !important;
  margin-right: 42px !important;
}

.ma-y-42 {
  margin-top: 42px !important;
  margin-bottom: 42px !important;
}

.gap-42 {
  gap: 42px;
}

.flex-glow-21 {
  flex-grow: 21;
}

.fz-42 {
  font-size: 42px;
}

.w-210 {
  width: 210px;
}

.minw-210 {
  min-width: 210px !important;
}

.maxw-210 {
  max-width: 210px !important;
}

.wf-210 {
  width: 210px !important;
}

.h-210 {
  height: 210px;
}

.ma-top-44 {
  margin-top: 44px;
}

.ma-bottom-44 {
  margin-bottom: 44px;
}

.ma-left-44 {
  margin-left: 44px !important;
}

.ma-right-44 {
  margin-right: 44px !important;
}

.pa-top-44 {
  padding-top: 44px;
}

.pa-bottom-44 {
  padding-bottom: 44px;
}

.pa-left-44 {
  padding-left: 44px;
}

.pa-right-44 {
  padding-right: 44px;
}

.pa-44 {
  padding: 44px !important;
}

.pa-x-44 {
  padding-left: 44px !important;
  padding-right: 44px !important;
}

.pa-y-44 {
  padding-top: 44px !important;
  padding-bottom: 44px !important;
}

.ma-44 {
  margin: 44px !important;
}

.ma-x-44 {
  margin-left: 44px !important;
  margin-right: 44px !important;
}

.ma-y-44 {
  margin-top: 44px !important;
  margin-bottom: 44px !important;
}

.gap-44 {
  gap: 44px;
}

.flex-glow-22 {
  flex-grow: 22;
}

.fz-44 {
  font-size: 44px;
}

.w-220 {
  width: 220px;
}

.minw-220 {
  min-width: 220px !important;
}

.maxw-220 {
  max-width: 220px !important;
}

.wf-220 {
  width: 220px !important;
}

.h-220 {
  height: 220px;
}

.ma-top-46 {
  margin-top: 46px;
}

.ma-bottom-46 {
  margin-bottom: 46px;
}

.ma-left-46 {
  margin-left: 46px !important;
}

.ma-right-46 {
  margin-right: 46px !important;
}

.pa-top-46 {
  padding-top: 46px;
}

.pa-bottom-46 {
  padding-bottom: 46px;
}

.pa-left-46 {
  padding-left: 46px;
}

.pa-right-46 {
  padding-right: 46px;
}

.pa-46 {
  padding: 46px !important;
}

.pa-x-46 {
  padding-left: 46px !important;
  padding-right: 46px !important;
}

.pa-y-46 {
  padding-top: 46px !important;
  padding-bottom: 46px !important;
}

.ma-46 {
  margin: 46px !important;
}

.ma-x-46 {
  margin-left: 46px !important;
  margin-right: 46px !important;
}

.ma-y-46 {
  margin-top: 46px !important;
  margin-bottom: 46px !important;
}

.gap-46 {
  gap: 46px;
}

.flex-glow-23 {
  flex-grow: 23;
}

.fz-46 {
  font-size: 46px;
}

.w-230 {
  width: 230px;
}

.minw-230 {
  min-width: 230px !important;
}

.maxw-230 {
  max-width: 230px !important;
}

.wf-230 {
  width: 230px !important;
}

.h-230 {
  height: 230px;
}

.ma-top-48 {
  margin-top: 48px;
}

.ma-bottom-48 {
  margin-bottom: 48px;
}

.ma-left-48 {
  margin-left: 48px !important;
}

.ma-right-48 {
  margin-right: 48px !important;
}

.pa-top-48 {
  padding-top: 48px;
}

.pa-bottom-48 {
  padding-bottom: 48px;
}

.pa-left-48 {
  padding-left: 48px;
}

.pa-right-48 {
  padding-right: 48px;
}

.pa-48 {
  padding: 48px !important;
}

.pa-x-48 {
  padding-left: 48px !important;
  padding-right: 48px !important;
}

.pa-y-48 {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

.ma-48 {
  margin: 48px !important;
}

.ma-x-48 {
  margin-left: 48px !important;
  margin-right: 48px !important;
}

.ma-y-48 {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}

.gap-48 {
  gap: 48px;
}

.flex-glow-24 {
  flex-grow: 24;
}

.fz-48 {
  font-size: 48px;
}

.w-240 {
  width: 240px;
}

.minw-240 {
  min-width: 240px !important;
}

.maxw-240 {
  max-width: 240px !important;
}

.wf-240 {
  width: 240px !important;
}

.h-240 {
  height: 240px;
}

.ma-top-50 {
  margin-top: 50px;
}

.ma-bottom-50 {
  margin-bottom: 50px;
}

.ma-left-50 {
  margin-left: 50px !important;
}

.ma-right-50 {
  margin-right: 50px !important;
}

.pa-top-50 {
  padding-top: 50px;
}

.pa-bottom-50 {
  padding-bottom: 50px;
}

.pa-left-50 {
  padding-left: 50px;
}

.pa-right-50 {
  padding-right: 50px;
}

.pa-50 {
  padding: 50px !important;
}

.pa-x-50 {
  padding-left: 50px !important;
  padding-right: 50px !important;
}

.pa-y-50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

.ma-50 {
  margin: 50px !important;
}

.ma-x-50 {
  margin-left: 50px !important;
  margin-right: 50px !important;
}

.ma-y-50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

.gap-50 {
  gap: 50px;
}

.flex-glow-25 {
  flex-grow: 25;
}

.fz-50 {
  font-size: 50px;
}

.w-250 {
  width: 250px;
}

.minw-250 {
  min-width: 250px !important;
}

.maxw-250 {
  max-width: 250px !important;
}

.wf-250 {
  width: 250px !important;
}

.h-250 {
  height: 250px;
}

.ma-top-52 {
  margin-top: 52px;
}

.ma-bottom-52 {
  margin-bottom: 52px;
}

.ma-left-52 {
  margin-left: 52px !important;
}

.ma-right-52 {
  margin-right: 52px !important;
}

.pa-top-52 {
  padding-top: 52px;
}

.pa-bottom-52 {
  padding-bottom: 52px;
}

.pa-left-52 {
  padding-left: 52px;
}

.pa-right-52 {
  padding-right: 52px;
}

.pa-52 {
  padding: 52px !important;
}

.pa-x-52 {
  padding-left: 52px !important;
  padding-right: 52px !important;
}

.pa-y-52 {
  padding-top: 52px !important;
  padding-bottom: 52px !important;
}

.ma-52 {
  margin: 52px !important;
}

.ma-x-52 {
  margin-left: 52px !important;
  margin-right: 52px !important;
}

.ma-y-52 {
  margin-top: 52px !important;
  margin-bottom: 52px !important;
}

.gap-52 {
  gap: 52px;
}

.flex-glow-26 {
  flex-grow: 26;
}

.fz-52 {
  font-size: 52px;
}

.w-260 {
  width: 260px;
}

.minw-260 {
  min-width: 260px !important;
}

.maxw-260 {
  max-width: 260px !important;
}

.wf-260 {
  width: 260px !important;
}

.h-260 {
  height: 260px;
}

.ma-top-54 {
  margin-top: 54px;
}

.ma-bottom-54 {
  margin-bottom: 54px;
}

.ma-left-54 {
  margin-left: 54px !important;
}

.ma-right-54 {
  margin-right: 54px !important;
}

.pa-top-54 {
  padding-top: 54px;
}

.pa-bottom-54 {
  padding-bottom: 54px;
}

.pa-left-54 {
  padding-left: 54px;
}

.pa-right-54 {
  padding-right: 54px;
}

.pa-54 {
  padding: 54px !important;
}

.pa-x-54 {
  padding-left: 54px !important;
  padding-right: 54px !important;
}

.pa-y-54 {
  padding-top: 54px !important;
  padding-bottom: 54px !important;
}

.ma-54 {
  margin: 54px !important;
}

.ma-x-54 {
  margin-left: 54px !important;
  margin-right: 54px !important;
}

.ma-y-54 {
  margin-top: 54px !important;
  margin-bottom: 54px !important;
}

.gap-54 {
  gap: 54px;
}

.flex-glow-27 {
  flex-grow: 27;
}

.fz-54 {
  font-size: 54px;
}

.w-270 {
  width: 270px;
}

.minw-270 {
  min-width: 270px !important;
}

.maxw-270 {
  max-width: 270px !important;
}

.wf-270 {
  width: 270px !important;
}

.h-270 {
  height: 270px;
}

.ma-top-56 {
  margin-top: 56px;
}

.ma-bottom-56 {
  margin-bottom: 56px;
}

.ma-left-56 {
  margin-left: 56px !important;
}

.ma-right-56 {
  margin-right: 56px !important;
}

.pa-top-56 {
  padding-top: 56px;
}

.pa-bottom-56 {
  padding-bottom: 56px;
}

.pa-left-56 {
  padding-left: 56px;
}

.pa-right-56 {
  padding-right: 56px;
}

.pa-56 {
  padding: 56px !important;
}

.pa-x-56 {
  padding-left: 56px !important;
  padding-right: 56px !important;
}

.pa-y-56 {
  padding-top: 56px !important;
  padding-bottom: 56px !important;
}

.ma-56 {
  margin: 56px !important;
}

.ma-x-56 {
  margin-left: 56px !important;
  margin-right: 56px !important;
}

.ma-y-56 {
  margin-top: 56px !important;
  margin-bottom: 56px !important;
}

.gap-56 {
  gap: 56px;
}

.flex-glow-28 {
  flex-grow: 28;
}

.fz-56 {
  font-size: 56px;
}

.w-280 {
  width: 280px;
}

.minw-280 {
  min-width: 280px !important;
}

.maxw-280 {
  max-width: 280px !important;
}

.wf-280 {
  width: 280px !important;
}

.h-280 {
  height: 280px;
}

.ma-top-58 {
  margin-top: 58px;
}

.ma-bottom-58 {
  margin-bottom: 58px;
}

.ma-left-58 {
  margin-left: 58px !important;
}

.ma-right-58 {
  margin-right: 58px !important;
}

.pa-top-58 {
  padding-top: 58px;
}

.pa-bottom-58 {
  padding-bottom: 58px;
}

.pa-left-58 {
  padding-left: 58px;
}

.pa-right-58 {
  padding-right: 58px;
}

.pa-58 {
  padding: 58px !important;
}

.pa-x-58 {
  padding-left: 58px !important;
  padding-right: 58px !important;
}

.pa-y-58 {
  padding-top: 58px !important;
  padding-bottom: 58px !important;
}

.ma-58 {
  margin: 58px !important;
}

.ma-x-58 {
  margin-left: 58px !important;
  margin-right: 58px !important;
}

.ma-y-58 {
  margin-top: 58px !important;
  margin-bottom: 58px !important;
}

.gap-58 {
  gap: 58px;
}

.flex-glow-29 {
  flex-grow: 29;
}

.fz-58 {
  font-size: 58px;
}

.w-290 {
  width: 290px;
}

.minw-290 {
  min-width: 290px !important;
}

.maxw-290 {
  max-width: 290px !important;
}

.wf-290 {
  width: 290px !important;
}

.h-290 {
  height: 290px;
}

.ma-top-60 {
  margin-top: 60px;
}

.ma-bottom-60 {
  margin-bottom: 60px;
}

.ma-left-60 {
  margin-left: 60px !important;
}

.ma-right-60 {
  margin-right: 60px !important;
}

.pa-top-60 {
  padding-top: 60px;
}

.pa-bottom-60 {
  padding-bottom: 60px;
}

.pa-left-60 {
  padding-left: 60px;
}

.pa-right-60 {
  padding-right: 60px;
}

.pa-60 {
  padding: 60px !important;
}

.pa-x-60 {
  padding-left: 60px !important;
  padding-right: 60px !important;
}

.pa-y-60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.ma-60 {
  margin: 60px !important;
}

.ma-x-60 {
  margin-left: 60px !important;
  margin-right: 60px !important;
}

.ma-y-60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

.gap-60 {
  gap: 60px;
}

.flex-glow-30 {
  flex-grow: 30;
}

.fz-60 {
  font-size: 60px;
}

.w-300 {
  width: 300px;
}

.minw-300 {
  min-width: 300px !important;
}

.maxw-300 {
  max-width: 300px !important;
}

.wf-300 {
  width: 300px !important;
}

.h-300 {
  height: 300px;
}

.ma-top-62 {
  margin-top: 62px;
}

.ma-bottom-62 {
  margin-bottom: 62px;
}

.ma-left-62 {
  margin-left: 62px !important;
}

.ma-right-62 {
  margin-right: 62px !important;
}

.pa-top-62 {
  padding-top: 62px;
}

.pa-bottom-62 {
  padding-bottom: 62px;
}

.pa-left-62 {
  padding-left: 62px;
}

.pa-right-62 {
  padding-right: 62px;
}

.pa-62 {
  padding: 62px !important;
}

.pa-x-62 {
  padding-left: 62px !important;
  padding-right: 62px !important;
}

.pa-y-62 {
  padding-top: 62px !important;
  padding-bottom: 62px !important;
}

.ma-62 {
  margin: 62px !important;
}

.ma-x-62 {
  margin-left: 62px !important;
  margin-right: 62px !important;
}

.ma-y-62 {
  margin-top: 62px !important;
  margin-bottom: 62px !important;
}

.gap-62 {
  gap: 62px;
}

.flex-glow-31 {
  flex-grow: 31;
}

.fz-62 {
  font-size: 62px;
}

.w-310 {
  width: 310px;
}

.minw-310 {
  min-width: 310px !important;
}

.maxw-310 {
  max-width: 310px !important;
}

.wf-310 {
  width: 310px !important;
}

.h-310 {
  height: 310px;
}

.ma-top-64 {
  margin-top: 64px;
}

.ma-bottom-64 {
  margin-bottom: 64px;
}

.ma-left-64 {
  margin-left: 64px !important;
}

.ma-right-64 {
  margin-right: 64px !important;
}

.pa-top-64 {
  padding-top: 64px;
}

.pa-bottom-64 {
  padding-bottom: 64px;
}

.pa-left-64 {
  padding-left: 64px;
}

.pa-right-64 {
  padding-right: 64px;
}

.pa-64 {
  padding: 64px !important;
}

.pa-x-64 {
  padding-left: 64px !important;
  padding-right: 64px !important;
}

.pa-y-64 {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

.ma-64 {
  margin: 64px !important;
}

.ma-x-64 {
  margin-left: 64px !important;
  margin-right: 64px !important;
}

.ma-y-64 {
  margin-top: 64px !important;
  margin-bottom: 64px !important;
}

.gap-64 {
  gap: 64px;
}

.flex-glow-32 {
  flex-grow: 32;
}

.fz-64 {
  font-size: 64px;
}

.w-320 {
  width: 320px;
}

.minw-320 {
  min-width: 320px !important;
}

.maxw-320 {
  max-width: 320px !important;
}

.wf-320 {
  width: 320px !important;
}

.h-320 {
  height: 320px;
}

.ma-top-66 {
  margin-top: 66px;
}

.ma-bottom-66 {
  margin-bottom: 66px;
}

.ma-left-66 {
  margin-left: 66px !important;
}

.ma-right-66 {
  margin-right: 66px !important;
}

.pa-top-66 {
  padding-top: 66px;
}

.pa-bottom-66 {
  padding-bottom: 66px;
}

.pa-left-66 {
  padding-left: 66px;
}

.pa-right-66 {
  padding-right: 66px;
}

.pa-66 {
  padding: 66px !important;
}

.pa-x-66 {
  padding-left: 66px !important;
  padding-right: 66px !important;
}

.pa-y-66 {
  padding-top: 66px !important;
  padding-bottom: 66px !important;
}

.ma-66 {
  margin: 66px !important;
}

.ma-x-66 {
  margin-left: 66px !important;
  margin-right: 66px !important;
}

.ma-y-66 {
  margin-top: 66px !important;
  margin-bottom: 66px !important;
}

.gap-66 {
  gap: 66px;
}

.flex-glow-33 {
  flex-grow: 33;
}

.fz-66 {
  font-size: 66px;
}

.w-330 {
  width: 330px;
}

.minw-330 {
  min-width: 330px !important;
}

.maxw-330 {
  max-width: 330px !important;
}

.wf-330 {
  width: 330px !important;
}

.h-330 {
  height: 330px;
}

.ma-top-68 {
  margin-top: 68px;
}

.ma-bottom-68 {
  margin-bottom: 68px;
}

.ma-left-68 {
  margin-left: 68px !important;
}

.ma-right-68 {
  margin-right: 68px !important;
}

.pa-top-68 {
  padding-top: 68px;
}

.pa-bottom-68 {
  padding-bottom: 68px;
}

.pa-left-68 {
  padding-left: 68px;
}

.pa-right-68 {
  padding-right: 68px;
}

.pa-68 {
  padding: 68px !important;
}

.pa-x-68 {
  padding-left: 68px !important;
  padding-right: 68px !important;
}

.pa-y-68 {
  padding-top: 68px !important;
  padding-bottom: 68px !important;
}

.ma-68 {
  margin: 68px !important;
}

.ma-x-68 {
  margin-left: 68px !important;
  margin-right: 68px !important;
}

.ma-y-68 {
  margin-top: 68px !important;
  margin-bottom: 68px !important;
}

.gap-68 {
  gap: 68px;
}

.flex-glow-34 {
  flex-grow: 34;
}

.fz-68 {
  font-size: 68px;
}

.w-340 {
  width: 340px;
}

.minw-340 {
  min-width: 340px !important;
}

.maxw-340 {
  max-width: 340px !important;
}

.wf-340 {
  width: 340px !important;
}

.h-340 {
  height: 340px;
}

.ma-top-70 {
  margin-top: 70px;
}

.ma-bottom-70 {
  margin-bottom: 70px;
}

.ma-left-70 {
  margin-left: 70px !important;
}

.ma-right-70 {
  margin-right: 70px !important;
}

.pa-top-70 {
  padding-top: 70px;
}

.pa-bottom-70 {
  padding-bottom: 70px;
}

.pa-left-70 {
  padding-left: 70px;
}

.pa-right-70 {
  padding-right: 70px;
}

.pa-70 {
  padding: 70px !important;
}

.pa-x-70 {
  padding-left: 70px !important;
  padding-right: 70px !important;
}

.pa-y-70 {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}

.ma-70 {
  margin: 70px !important;
}

.ma-x-70 {
  margin-left: 70px !important;
  margin-right: 70px !important;
}

.ma-y-70 {
  margin-top: 70px !important;
  margin-bottom: 70px !important;
}

.gap-70 {
  gap: 70px;
}

.flex-glow-35 {
  flex-grow: 35;
}

.fz-70 {
  font-size: 70px;
}

.w-350 {
  width: 350px;
}

.minw-350 {
  min-width: 350px !important;
}

.maxw-350 {
  max-width: 350px !important;
}

.wf-350 {
  width: 350px !important;
}

.h-350 {
  height: 350px;
}

.ma-top-72 {
  margin-top: 72px;
}

.ma-bottom-72 {
  margin-bottom: 72px;
}

.ma-left-72 {
  margin-left: 72px !important;
}

.ma-right-72 {
  margin-right: 72px !important;
}

.pa-top-72 {
  padding-top: 72px;
}

.pa-bottom-72 {
  padding-bottom: 72px;
}

.pa-left-72 {
  padding-left: 72px;
}

.pa-right-72 {
  padding-right: 72px;
}

.pa-72 {
  padding: 72px !important;
}

.pa-x-72 {
  padding-left: 72px !important;
  padding-right: 72px !important;
}

.pa-y-72 {
  padding-top: 72px !important;
  padding-bottom: 72px !important;
}

.ma-72 {
  margin: 72px !important;
}

.ma-x-72 {
  margin-left: 72px !important;
  margin-right: 72px !important;
}

.ma-y-72 {
  margin-top: 72px !important;
  margin-bottom: 72px !important;
}

.gap-72 {
  gap: 72px;
}

.flex-glow-36 {
  flex-grow: 36;
}

.fz-72 {
  font-size: 72px;
}

.w-360 {
  width: 360px;
}

.minw-360 {
  min-width: 360px !important;
}

.maxw-360 {
  max-width: 360px !important;
}

.wf-360 {
  width: 360px !important;
}

.h-360 {
  height: 360px;
}

.ma-top-74 {
  margin-top: 74px;
}

.ma-bottom-74 {
  margin-bottom: 74px;
}

.ma-left-74 {
  margin-left: 74px !important;
}

.ma-right-74 {
  margin-right: 74px !important;
}

.pa-top-74 {
  padding-top: 74px;
}

.pa-bottom-74 {
  padding-bottom: 74px;
}

.pa-left-74 {
  padding-left: 74px;
}

.pa-right-74 {
  padding-right: 74px;
}

.pa-74 {
  padding: 74px !important;
}

.pa-x-74 {
  padding-left: 74px !important;
  padding-right: 74px !important;
}

.pa-y-74 {
  padding-top: 74px !important;
  padding-bottom: 74px !important;
}

.ma-74 {
  margin: 74px !important;
}

.ma-x-74 {
  margin-left: 74px !important;
  margin-right: 74px !important;
}

.ma-y-74 {
  margin-top: 74px !important;
  margin-bottom: 74px !important;
}

.gap-74 {
  gap: 74px;
}

.flex-glow-37 {
  flex-grow: 37;
}

.fz-74 {
  font-size: 74px;
}

.w-370 {
  width: 370px;
}

.minw-370 {
  min-width: 370px !important;
}

.maxw-370 {
  max-width: 370px !important;
}

.wf-370 {
  width: 370px !important;
}

.h-370 {
  height: 370px;
}

.ma-top-76 {
  margin-top: 76px;
}

.ma-bottom-76 {
  margin-bottom: 76px;
}

.ma-left-76 {
  margin-left: 76px !important;
}

.ma-right-76 {
  margin-right: 76px !important;
}

.pa-top-76 {
  padding-top: 76px;
}

.pa-bottom-76 {
  padding-bottom: 76px;
}

.pa-left-76 {
  padding-left: 76px;
}

.pa-right-76 {
  padding-right: 76px;
}

.pa-76 {
  padding: 76px !important;
}

.pa-x-76 {
  padding-left: 76px !important;
  padding-right: 76px !important;
}

.pa-y-76 {
  padding-top: 76px !important;
  padding-bottom: 76px !important;
}

.ma-76 {
  margin: 76px !important;
}

.ma-x-76 {
  margin-left: 76px !important;
  margin-right: 76px !important;
}

.ma-y-76 {
  margin-top: 76px !important;
  margin-bottom: 76px !important;
}

.gap-76 {
  gap: 76px;
}

.flex-glow-38 {
  flex-grow: 38;
}

.fz-76 {
  font-size: 76px;
}

.w-380 {
  width: 380px;
}

.minw-380 {
  min-width: 380px !important;
}

.maxw-380 {
  max-width: 380px !important;
}

.wf-380 {
  width: 380px !important;
}

.h-380 {
  height: 380px;
}

.ma-top-78 {
  margin-top: 78px;
}

.ma-bottom-78 {
  margin-bottom: 78px;
}

.ma-left-78 {
  margin-left: 78px !important;
}

.ma-right-78 {
  margin-right: 78px !important;
}

.pa-top-78 {
  padding-top: 78px;
}

.pa-bottom-78 {
  padding-bottom: 78px;
}

.pa-left-78 {
  padding-left: 78px;
}

.pa-right-78 {
  padding-right: 78px;
}

.pa-78 {
  padding: 78px !important;
}

.pa-x-78 {
  padding-left: 78px !important;
  padding-right: 78px !important;
}

.pa-y-78 {
  padding-top: 78px !important;
  padding-bottom: 78px !important;
}

.ma-78 {
  margin: 78px !important;
}

.ma-x-78 {
  margin-left: 78px !important;
  margin-right: 78px !important;
}

.ma-y-78 {
  margin-top: 78px !important;
  margin-bottom: 78px !important;
}

.gap-78 {
  gap: 78px;
}

.flex-glow-39 {
  flex-grow: 39;
}

.fz-78 {
  font-size: 78px;
}

.w-390 {
  width: 390px;
}

.minw-390 {
  min-width: 390px !important;
}

.maxw-390 {
  max-width: 390px !important;
}

.wf-390 {
  width: 390px !important;
}

.h-390 {
  height: 390px;
}

.ma-top-80 {
  margin-top: 80px;
}

.ma-bottom-80 {
  margin-bottom: 80px;
}

.ma-left-80 {
  margin-left: 80px !important;
}

.ma-right-80 {
  margin-right: 80px !important;
}

.pa-top-80 {
  padding-top: 80px;
}

.pa-bottom-80 {
  padding-bottom: 80px;
}

.pa-left-80 {
  padding-left: 80px;
}

.pa-right-80 {
  padding-right: 80px;
}

.pa-80 {
  padding: 80px !important;
}

.pa-x-80 {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

.pa-y-80 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.ma-80 {
  margin: 80px !important;
}

.ma-x-80 {
  margin-left: 80px !important;
  margin-right: 80px !important;
}

.ma-y-80 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

.gap-80 {
  gap: 80px;
}

.flex-glow-40 {
  flex-grow: 40;
}

.fz-80 {
  font-size: 80px;
}

.w-400 {
  width: 400px;
}

.minw-400 {
  min-width: 400px !important;
}

.maxw-400 {
  max-width: 400px !important;
}

.wf-400 {
  width: 400px !important;
}

.h-400 {
  height: 400px;
}

.ma-top-82 {
  margin-top: 82px;
}

.ma-bottom-82 {
  margin-bottom: 82px;
}

.ma-left-82 {
  margin-left: 82px !important;
}

.ma-right-82 {
  margin-right: 82px !important;
}

.pa-top-82 {
  padding-top: 82px;
}

.pa-bottom-82 {
  padding-bottom: 82px;
}

.pa-left-82 {
  padding-left: 82px;
}

.pa-right-82 {
  padding-right: 82px;
}

.pa-82 {
  padding: 82px !important;
}

.pa-x-82 {
  padding-left: 82px !important;
  padding-right: 82px !important;
}

.pa-y-82 {
  padding-top: 82px !important;
  padding-bottom: 82px !important;
}

.ma-82 {
  margin: 82px !important;
}

.ma-x-82 {
  margin-left: 82px !important;
  margin-right: 82px !important;
}

.ma-y-82 {
  margin-top: 82px !important;
  margin-bottom: 82px !important;
}

.gap-82 {
  gap: 82px;
}

.flex-glow-41 {
  flex-grow: 41;
}

.fz-82 {
  font-size: 82px;
}

.w-410 {
  width: 410px;
}

.minw-410 {
  min-width: 410px !important;
}

.maxw-410 {
  max-width: 410px !important;
}

.wf-410 {
  width: 410px !important;
}

.h-410 {
  height: 410px;
}

.ma-top-84 {
  margin-top: 84px;
}

.ma-bottom-84 {
  margin-bottom: 84px;
}

.ma-left-84 {
  margin-left: 84px !important;
}

.ma-right-84 {
  margin-right: 84px !important;
}

.pa-top-84 {
  padding-top: 84px;
}

.pa-bottom-84 {
  padding-bottom: 84px;
}

.pa-left-84 {
  padding-left: 84px;
}

.pa-right-84 {
  padding-right: 84px;
}

.pa-84 {
  padding: 84px !important;
}

.pa-x-84 {
  padding-left: 84px !important;
  padding-right: 84px !important;
}

.pa-y-84 {
  padding-top: 84px !important;
  padding-bottom: 84px !important;
}

.ma-84 {
  margin: 84px !important;
}

.ma-x-84 {
  margin-left: 84px !important;
  margin-right: 84px !important;
}

.ma-y-84 {
  margin-top: 84px !important;
  margin-bottom: 84px !important;
}

.gap-84 {
  gap: 84px;
}

.flex-glow-42 {
  flex-grow: 42;
}

.fz-84 {
  font-size: 84px;
}

.w-420 {
  width: 420px;
}

.minw-420 {
  min-width: 420px !important;
}

.maxw-420 {
  max-width: 420px !important;
}

.wf-420 {
  width: 420px !important;
}

.h-420 {
  height: 420px;
}

.ma-top-86 {
  margin-top: 86px;
}

.ma-bottom-86 {
  margin-bottom: 86px;
}

.ma-left-86 {
  margin-left: 86px !important;
}

.ma-right-86 {
  margin-right: 86px !important;
}

.pa-top-86 {
  padding-top: 86px;
}

.pa-bottom-86 {
  padding-bottom: 86px;
}

.pa-left-86 {
  padding-left: 86px;
}

.pa-right-86 {
  padding-right: 86px;
}

.pa-86 {
  padding: 86px !important;
}

.pa-x-86 {
  padding-left: 86px !important;
  padding-right: 86px !important;
}

.pa-y-86 {
  padding-top: 86px !important;
  padding-bottom: 86px !important;
}

.ma-86 {
  margin: 86px !important;
}

.ma-x-86 {
  margin-left: 86px !important;
  margin-right: 86px !important;
}

.ma-y-86 {
  margin-top: 86px !important;
  margin-bottom: 86px !important;
}

.gap-86 {
  gap: 86px;
}

.flex-glow-43 {
  flex-grow: 43;
}

.fz-86 {
  font-size: 86px;
}

.w-430 {
  width: 430px;
}

.minw-430 {
  min-width: 430px !important;
}

.maxw-430 {
  max-width: 430px !important;
}

.wf-430 {
  width: 430px !important;
}

.h-430 {
  height: 430px;
}

.ma-top-88 {
  margin-top: 88px;
}

.ma-bottom-88 {
  margin-bottom: 88px;
}

.ma-left-88 {
  margin-left: 88px !important;
}

.ma-right-88 {
  margin-right: 88px !important;
}

.pa-top-88 {
  padding-top: 88px;
}

.pa-bottom-88 {
  padding-bottom: 88px;
}

.pa-left-88 {
  padding-left: 88px;
}

.pa-right-88 {
  padding-right: 88px;
}

.pa-88 {
  padding: 88px !important;
}

.pa-x-88 {
  padding-left: 88px !important;
  padding-right: 88px !important;
}

.pa-y-88 {
  padding-top: 88px !important;
  padding-bottom: 88px !important;
}

.ma-88 {
  margin: 88px !important;
}

.ma-x-88 {
  margin-left: 88px !important;
  margin-right: 88px !important;
}

.ma-y-88 {
  margin-top: 88px !important;
  margin-bottom: 88px !important;
}

.gap-88 {
  gap: 88px;
}

.flex-glow-44 {
  flex-grow: 44;
}

.fz-88 {
  font-size: 88px;
}

.w-440 {
  width: 440px;
}

.minw-440 {
  min-width: 440px !important;
}

.maxw-440 {
  max-width: 440px !important;
}

.wf-440 {
  width: 440px !important;
}

.h-440 {
  height: 440px;
}

.ma-top-90 {
  margin-top: 90px;
}

.ma-bottom-90 {
  margin-bottom: 90px;
}

.ma-left-90 {
  margin-left: 90px !important;
}

.ma-right-90 {
  margin-right: 90px !important;
}

.pa-top-90 {
  padding-top: 90px;
}

.pa-bottom-90 {
  padding-bottom: 90px;
}

.pa-left-90 {
  padding-left: 90px;
}

.pa-right-90 {
  padding-right: 90px;
}

.pa-90 {
  padding: 90px !important;
}

.pa-x-90 {
  padding-left: 90px !important;
  padding-right: 90px !important;
}

.pa-y-90 {
  padding-top: 90px !important;
  padding-bottom: 90px !important;
}

.ma-90 {
  margin: 90px !important;
}

.ma-x-90 {
  margin-left: 90px !important;
  margin-right: 90px !important;
}

.ma-y-90 {
  margin-top: 90px !important;
  margin-bottom: 90px !important;
}

.gap-90 {
  gap: 90px;
}

.flex-glow-45 {
  flex-grow: 45;
}

.fz-90 {
  font-size: 90px;
}

.w-450 {
  width: 450px;
}

.minw-450 {
  min-width: 450px !important;
}

.maxw-450 {
  max-width: 450px !important;
}

.wf-450 {
  width: 450px !important;
}

.h-450 {
  height: 450px;
}

.ma-top-92 {
  margin-top: 92px;
}

.ma-bottom-92 {
  margin-bottom: 92px;
}

.ma-left-92 {
  margin-left: 92px !important;
}

.ma-right-92 {
  margin-right: 92px !important;
}

.pa-top-92 {
  padding-top: 92px;
}

.pa-bottom-92 {
  padding-bottom: 92px;
}

.pa-left-92 {
  padding-left: 92px;
}

.pa-right-92 {
  padding-right: 92px;
}

.pa-92 {
  padding: 92px !important;
}

.pa-x-92 {
  padding-left: 92px !important;
  padding-right: 92px !important;
}

.pa-y-92 {
  padding-top: 92px !important;
  padding-bottom: 92px !important;
}

.ma-92 {
  margin: 92px !important;
}

.ma-x-92 {
  margin-left: 92px !important;
  margin-right: 92px !important;
}

.ma-y-92 {
  margin-top: 92px !important;
  margin-bottom: 92px !important;
}

.gap-92 {
  gap: 92px;
}

.flex-glow-46 {
  flex-grow: 46;
}

.fz-92 {
  font-size: 92px;
}

.w-460 {
  width: 460px;
}

.minw-460 {
  min-width: 460px !important;
}

.maxw-460 {
  max-width: 460px !important;
}

.wf-460 {
  width: 460px !important;
}

.h-460 {
  height: 460px;
}

.ma-top-94 {
  margin-top: 94px;
}

.ma-bottom-94 {
  margin-bottom: 94px;
}

.ma-left-94 {
  margin-left: 94px !important;
}

.ma-right-94 {
  margin-right: 94px !important;
}

.pa-top-94 {
  padding-top: 94px;
}

.pa-bottom-94 {
  padding-bottom: 94px;
}

.pa-left-94 {
  padding-left: 94px;
}

.pa-right-94 {
  padding-right: 94px;
}

.pa-94 {
  padding: 94px !important;
}

.pa-x-94 {
  padding-left: 94px !important;
  padding-right: 94px !important;
}

.pa-y-94 {
  padding-top: 94px !important;
  padding-bottom: 94px !important;
}

.ma-94 {
  margin: 94px !important;
}

.ma-x-94 {
  margin-left: 94px !important;
  margin-right: 94px !important;
}

.ma-y-94 {
  margin-top: 94px !important;
  margin-bottom: 94px !important;
}

.gap-94 {
  gap: 94px;
}

.flex-glow-47 {
  flex-grow: 47;
}

.fz-94 {
  font-size: 94px;
}

.w-470 {
  width: 470px;
}

.minw-470 {
  min-width: 470px !important;
}

.maxw-470 {
  max-width: 470px !important;
}

.wf-470 {
  width: 470px !important;
}

.h-470 {
  height: 470px;
}

.ma-top-96 {
  margin-top: 96px;
}

.ma-bottom-96 {
  margin-bottom: 96px;
}

.ma-left-96 {
  margin-left: 96px !important;
}

.ma-right-96 {
  margin-right: 96px !important;
}

.pa-top-96 {
  padding-top: 96px;
}

.pa-bottom-96 {
  padding-bottom: 96px;
}

.pa-left-96 {
  padding-left: 96px;
}

.pa-right-96 {
  padding-right: 96px;
}

.pa-96 {
  padding: 96px !important;
}

.pa-x-96 {
  padding-left: 96px !important;
  padding-right: 96px !important;
}

.pa-y-96 {
  padding-top: 96px !important;
  padding-bottom: 96px !important;
}

.ma-96 {
  margin: 96px !important;
}

.ma-x-96 {
  margin-left: 96px !important;
  margin-right: 96px !important;
}

.ma-y-96 {
  margin-top: 96px !important;
  margin-bottom: 96px !important;
}

.gap-96 {
  gap: 96px;
}

.flex-glow-48 {
  flex-grow: 48;
}

.fz-96 {
  font-size: 96px;
}

.w-480 {
  width: 480px;
}

.minw-480 {
  min-width: 480px !important;
}

.maxw-480 {
  max-width: 480px !important;
}

.wf-480 {
  width: 480px !important;
}

.h-480 {
  height: 480px;
}

.ma-top-98 {
  margin-top: 98px;
}

.ma-bottom-98 {
  margin-bottom: 98px;
}

.ma-left-98 {
  margin-left: 98px !important;
}

.ma-right-98 {
  margin-right: 98px !important;
}

.pa-top-98 {
  padding-top: 98px;
}

.pa-bottom-98 {
  padding-bottom: 98px;
}

.pa-left-98 {
  padding-left: 98px;
}

.pa-right-98 {
  padding-right: 98px;
}

.pa-98 {
  padding: 98px !important;
}

.pa-x-98 {
  padding-left: 98px !important;
  padding-right: 98px !important;
}

.pa-y-98 {
  padding-top: 98px !important;
  padding-bottom: 98px !important;
}

.ma-98 {
  margin: 98px !important;
}

.ma-x-98 {
  margin-left: 98px !important;
  margin-right: 98px !important;
}

.ma-y-98 {
  margin-top: 98px !important;
  margin-bottom: 98px !important;
}

.gap-98 {
  gap: 98px;
}

.flex-glow-49 {
  flex-grow: 49;
}

.fz-98 {
  font-size: 98px;
}

.w-490 {
  width: 490px;
}

.minw-490 {
  min-width: 490px !important;
}

.maxw-490 {
  max-width: 490px !important;
}

.wf-490 {
  width: 490px !important;
}

.h-490 {
  height: 490px;
}

.ma-top-100 {
  margin-top: 100px;
}

.ma-bottom-100 {
  margin-bottom: 100px;
}

.ma-left-100 {
  margin-left: 100px !important;
}

.ma-right-100 {
  margin-right: 100px !important;
}

.pa-top-100 {
  padding-top: 100px;
}

.pa-bottom-100 {
  padding-bottom: 100px;
}

.pa-left-100 {
  padding-left: 100px;
}

.pa-right-100 {
  padding-right: 100px;
}

.pa-100 {
  padding: 100px !important;
}

.pa-x-100 {
  padding-left: 100px !important;
  padding-right: 100px !important;
}

.pa-y-100 {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

.ma-100 {
  margin: 100px !important;
}

.ma-x-100 {
  margin-left: 100px !important;
  margin-right: 100px !important;
}

.ma-y-100 {
  margin-top: 100px !important;
  margin-bottom: 100px !important;
}

.gap-100 {
  gap: 100px;
}

.flex-glow-50 {
  flex-grow: 50;
}

.fz-100 {
  font-size: 100px;
}

.w-500 {
  width: 500px;
}

.minw-500 {
  min-width: 500px !important;
}

.maxw-500 {
  max-width: 500px !important;
}

.wf-500 {
  width: 500px !important;
}

.h-500 {
  height: 500px;
}

.ma-top-102 {
  margin-top: 102px;
}

.ma-bottom-102 {
  margin-bottom: 102px;
}

.ma-left-102 {
  margin-left: 102px !important;
}

.ma-right-102 {
  margin-right: 102px !important;
}

.pa-top-102 {
  padding-top: 102px;
}

.pa-bottom-102 {
  padding-bottom: 102px;
}

.pa-left-102 {
  padding-left: 102px;
}

.pa-right-102 {
  padding-right: 102px;
}

.pa-102 {
  padding: 102px !important;
}

.pa-x-102 {
  padding-left: 102px !important;
  padding-right: 102px !important;
}

.pa-y-102 {
  padding-top: 102px !important;
  padding-bottom: 102px !important;
}

.ma-102 {
  margin: 102px !important;
}

.ma-x-102 {
  margin-left: 102px !important;
  margin-right: 102px !important;
}

.ma-y-102 {
  margin-top: 102px !important;
  margin-bottom: 102px !important;
}

.gap-102 {
  gap: 102px;
}

.flex-glow-51 {
  flex-grow: 51;
}

.fz-102 {
  font-size: 102px;
}

.w-510 {
  width: 510px;
}

.minw-510 {
  min-width: 510px !important;
}

.maxw-510 {
  max-width: 510px !important;
}

.wf-510 {
  width: 510px !important;
}

.h-510 {
  height: 510px;
}

.ma-top-104 {
  margin-top: 104px;
}

.ma-bottom-104 {
  margin-bottom: 104px;
}

.ma-left-104 {
  margin-left: 104px !important;
}

.ma-right-104 {
  margin-right: 104px !important;
}

.pa-top-104 {
  padding-top: 104px;
}

.pa-bottom-104 {
  padding-bottom: 104px;
}

.pa-left-104 {
  padding-left: 104px;
}

.pa-right-104 {
  padding-right: 104px;
}

.pa-104 {
  padding: 104px !important;
}

.pa-x-104 {
  padding-left: 104px !important;
  padding-right: 104px !important;
}

.pa-y-104 {
  padding-top: 104px !important;
  padding-bottom: 104px !important;
}

.ma-104 {
  margin: 104px !important;
}

.ma-x-104 {
  margin-left: 104px !important;
  margin-right: 104px !important;
}

.ma-y-104 {
  margin-top: 104px !important;
  margin-bottom: 104px !important;
}

.gap-104 {
  gap: 104px;
}

.flex-glow-52 {
  flex-grow: 52;
}

.fz-104 {
  font-size: 104px;
}

.w-520 {
  width: 520px;
}

.minw-520 {
  min-width: 520px !important;
}

.maxw-520 {
  max-width: 520px !important;
}

.wf-520 {
  width: 520px !important;
}

.h-520 {
  height: 520px;
}

.ma-top-106 {
  margin-top: 106px;
}

.ma-bottom-106 {
  margin-bottom: 106px;
}

.ma-left-106 {
  margin-left: 106px !important;
}

.ma-right-106 {
  margin-right: 106px !important;
}

.pa-top-106 {
  padding-top: 106px;
}

.pa-bottom-106 {
  padding-bottom: 106px;
}

.pa-left-106 {
  padding-left: 106px;
}

.pa-right-106 {
  padding-right: 106px;
}

.pa-106 {
  padding: 106px !important;
}

.pa-x-106 {
  padding-left: 106px !important;
  padding-right: 106px !important;
}

.pa-y-106 {
  padding-top: 106px !important;
  padding-bottom: 106px !important;
}

.ma-106 {
  margin: 106px !important;
}

.ma-x-106 {
  margin-left: 106px !important;
  margin-right: 106px !important;
}

.ma-y-106 {
  margin-top: 106px !important;
  margin-bottom: 106px !important;
}

.gap-106 {
  gap: 106px;
}

.flex-glow-53 {
  flex-grow: 53;
}

.fz-106 {
  font-size: 106px;
}

.w-530 {
  width: 530px;
}

.minw-530 {
  min-width: 530px !important;
}

.maxw-530 {
  max-width: 530px !important;
}

.wf-530 {
  width: 530px !important;
}

.h-530 {
  height: 530px;
}

.ma-top-108 {
  margin-top: 108px;
}

.ma-bottom-108 {
  margin-bottom: 108px;
}

.ma-left-108 {
  margin-left: 108px !important;
}

.ma-right-108 {
  margin-right: 108px !important;
}

.pa-top-108 {
  padding-top: 108px;
}

.pa-bottom-108 {
  padding-bottom: 108px;
}

.pa-left-108 {
  padding-left: 108px;
}

.pa-right-108 {
  padding-right: 108px;
}

.pa-108 {
  padding: 108px !important;
}

.pa-x-108 {
  padding-left: 108px !important;
  padding-right: 108px !important;
}

.pa-y-108 {
  padding-top: 108px !important;
  padding-bottom: 108px !important;
}

.ma-108 {
  margin: 108px !important;
}

.ma-x-108 {
  margin-left: 108px !important;
  margin-right: 108px !important;
}

.ma-y-108 {
  margin-top: 108px !important;
  margin-bottom: 108px !important;
}

.gap-108 {
  gap: 108px;
}

.flex-glow-54 {
  flex-grow: 54;
}

.fz-108 {
  font-size: 108px;
}

.w-540 {
  width: 540px;
}

.minw-540 {
  min-width: 540px !important;
}

.maxw-540 {
  max-width: 540px !important;
}

.wf-540 {
  width: 540px !important;
}

.h-540 {
  height: 540px;
}

.ma-top-110 {
  margin-top: 110px;
}

.ma-bottom-110 {
  margin-bottom: 110px;
}

.ma-left-110 {
  margin-left: 110px !important;
}

.ma-right-110 {
  margin-right: 110px !important;
}

.pa-top-110 {
  padding-top: 110px;
}

.pa-bottom-110 {
  padding-bottom: 110px;
}

.pa-left-110 {
  padding-left: 110px;
}

.pa-right-110 {
  padding-right: 110px;
}

.pa-110 {
  padding: 110px !important;
}

.pa-x-110 {
  padding-left: 110px !important;
  padding-right: 110px !important;
}

.pa-y-110 {
  padding-top: 110px !important;
  padding-bottom: 110px !important;
}

.ma-110 {
  margin: 110px !important;
}

.ma-x-110 {
  margin-left: 110px !important;
  margin-right: 110px !important;
}

.ma-y-110 {
  margin-top: 110px !important;
  margin-bottom: 110px !important;
}

.gap-110 {
  gap: 110px;
}

.flex-glow-55 {
  flex-grow: 55;
}

.fz-110 {
  font-size: 110px;
}

.w-550 {
  width: 550px;
}

.minw-550 {
  min-width: 550px !important;
}

.maxw-550 {
  max-width: 550px !important;
}

.wf-550 {
  width: 550px !important;
}

.h-550 {
  height: 550px;
}

.ma-top-112 {
  margin-top: 112px;
}

.ma-bottom-112 {
  margin-bottom: 112px;
}

.ma-left-112 {
  margin-left: 112px !important;
}

.ma-right-112 {
  margin-right: 112px !important;
}

.pa-top-112 {
  padding-top: 112px;
}

.pa-bottom-112 {
  padding-bottom: 112px;
}

.pa-left-112 {
  padding-left: 112px;
}

.pa-right-112 {
  padding-right: 112px;
}

.pa-112 {
  padding: 112px !important;
}

.pa-x-112 {
  padding-left: 112px !important;
  padding-right: 112px !important;
}

.pa-y-112 {
  padding-top: 112px !important;
  padding-bottom: 112px !important;
}

.ma-112 {
  margin: 112px !important;
}

.ma-x-112 {
  margin-left: 112px !important;
  margin-right: 112px !important;
}

.ma-y-112 {
  margin-top: 112px !important;
  margin-bottom: 112px !important;
}

.gap-112 {
  gap: 112px;
}

.flex-glow-56 {
  flex-grow: 56;
}

.fz-112 {
  font-size: 112px;
}

.w-560 {
  width: 560px;
}

.minw-560 {
  min-width: 560px !important;
}

.maxw-560 {
  max-width: 560px !important;
}

.wf-560 {
  width: 560px !important;
}

.h-560 {
  height: 560px;
}

.ma-top-114 {
  margin-top: 114px;
}

.ma-bottom-114 {
  margin-bottom: 114px;
}

.ma-left-114 {
  margin-left: 114px !important;
}

.ma-right-114 {
  margin-right: 114px !important;
}

.pa-top-114 {
  padding-top: 114px;
}

.pa-bottom-114 {
  padding-bottom: 114px;
}

.pa-left-114 {
  padding-left: 114px;
}

.pa-right-114 {
  padding-right: 114px;
}

.pa-114 {
  padding: 114px !important;
}

.pa-x-114 {
  padding-left: 114px !important;
  padding-right: 114px !important;
}

.pa-y-114 {
  padding-top: 114px !important;
  padding-bottom: 114px !important;
}

.ma-114 {
  margin: 114px !important;
}

.ma-x-114 {
  margin-left: 114px !important;
  margin-right: 114px !important;
}

.ma-y-114 {
  margin-top: 114px !important;
  margin-bottom: 114px !important;
}

.gap-114 {
  gap: 114px;
}

.flex-glow-57 {
  flex-grow: 57;
}

.fz-114 {
  font-size: 114px;
}

.w-570 {
  width: 570px;
}

.minw-570 {
  min-width: 570px !important;
}

.maxw-570 {
  max-width: 570px !important;
}

.wf-570 {
  width: 570px !important;
}

.h-570 {
  height: 570px;
}

.ma-top-116 {
  margin-top: 116px;
}

.ma-bottom-116 {
  margin-bottom: 116px;
}

.ma-left-116 {
  margin-left: 116px !important;
}

.ma-right-116 {
  margin-right: 116px !important;
}

.pa-top-116 {
  padding-top: 116px;
}

.pa-bottom-116 {
  padding-bottom: 116px;
}

.pa-left-116 {
  padding-left: 116px;
}

.pa-right-116 {
  padding-right: 116px;
}

.pa-116 {
  padding: 116px !important;
}

.pa-x-116 {
  padding-left: 116px !important;
  padding-right: 116px !important;
}

.pa-y-116 {
  padding-top: 116px !important;
  padding-bottom: 116px !important;
}

.ma-116 {
  margin: 116px !important;
}

.ma-x-116 {
  margin-left: 116px !important;
  margin-right: 116px !important;
}

.ma-y-116 {
  margin-top: 116px !important;
  margin-bottom: 116px !important;
}

.gap-116 {
  gap: 116px;
}

.flex-glow-58 {
  flex-grow: 58;
}

.fz-116 {
  font-size: 116px;
}

.w-580 {
  width: 580px;
}

.minw-580 {
  min-width: 580px !important;
}

.maxw-580 {
  max-width: 580px !important;
}

.wf-580 {
  width: 580px !important;
}

.h-580 {
  height: 580px;
}

.ma-top-118 {
  margin-top: 118px;
}

.ma-bottom-118 {
  margin-bottom: 118px;
}

.ma-left-118 {
  margin-left: 118px !important;
}

.ma-right-118 {
  margin-right: 118px !important;
}

.pa-top-118 {
  padding-top: 118px;
}

.pa-bottom-118 {
  padding-bottom: 118px;
}

.pa-left-118 {
  padding-left: 118px;
}

.pa-right-118 {
  padding-right: 118px;
}

.pa-118 {
  padding: 118px !important;
}

.pa-x-118 {
  padding-left: 118px !important;
  padding-right: 118px !important;
}

.pa-y-118 {
  padding-top: 118px !important;
  padding-bottom: 118px !important;
}

.ma-118 {
  margin: 118px !important;
}

.ma-x-118 {
  margin-left: 118px !important;
  margin-right: 118px !important;
}

.ma-y-118 {
  margin-top: 118px !important;
  margin-bottom: 118px !important;
}

.gap-118 {
  gap: 118px;
}

.flex-glow-59 {
  flex-grow: 59;
}

.fz-118 {
  font-size: 118px;
}

.w-590 {
  width: 590px;
}

.minw-590 {
  min-width: 590px !important;
}

.maxw-590 {
  max-width: 590px !important;
}

.wf-590 {
  width: 590px !important;
}

.h-590 {
  height: 590px;
}

.ma-top-120 {
  margin-top: 120px;
}

.ma-bottom-120 {
  margin-bottom: 120px;
}

.ma-left-120 {
  margin-left: 120px !important;
}

.ma-right-120 {
  margin-right: 120px !important;
}

.pa-top-120 {
  padding-top: 120px;
}

.pa-bottom-120 {
  padding-bottom: 120px;
}

.pa-left-120 {
  padding-left: 120px;
}

.pa-right-120 {
  padding-right: 120px;
}

.pa-120 {
  padding: 120px !important;
}

.pa-x-120 {
  padding-left: 120px !important;
  padding-right: 120px !important;
}

.pa-y-120 {
  padding-top: 120px !important;
  padding-bottom: 120px !important;
}

.ma-120 {
  margin: 120px !important;
}

.ma-x-120 {
  margin-left: 120px !important;
  margin-right: 120px !important;
}

.ma-y-120 {
  margin-top: 120px !important;
  margin-bottom: 120px !important;
}

.gap-120 {
  gap: 120px;
}

.flex-glow-60 {
  flex-grow: 60;
}

.fz-120 {
  font-size: 120px;
}

.w-600 {
  width: 600px;
}

.minw-600 {
  min-width: 600px !important;
}

.maxw-600 {
  max-width: 600px !important;
}

.wf-600 {
  width: 600px !important;
}

.h-600 {
  height: 600px;
}

.ma-top-122 {
  margin-top: 122px;
}

.ma-bottom-122 {
  margin-bottom: 122px;
}

.ma-left-122 {
  margin-left: 122px !important;
}

.ma-right-122 {
  margin-right: 122px !important;
}

.pa-top-122 {
  padding-top: 122px;
}

.pa-bottom-122 {
  padding-bottom: 122px;
}

.pa-left-122 {
  padding-left: 122px;
}

.pa-right-122 {
  padding-right: 122px;
}

.pa-122 {
  padding: 122px !important;
}

.pa-x-122 {
  padding-left: 122px !important;
  padding-right: 122px !important;
}

.pa-y-122 {
  padding-top: 122px !important;
  padding-bottom: 122px !important;
}

.ma-122 {
  margin: 122px !important;
}

.ma-x-122 {
  margin-left: 122px !important;
  margin-right: 122px !important;
}

.ma-y-122 {
  margin-top: 122px !important;
  margin-bottom: 122px !important;
}

.gap-122 {
  gap: 122px;
}

.flex-glow-61 {
  flex-grow: 61;
}

.fz-122 {
  font-size: 122px;
}

.w-610 {
  width: 610px;
}

.minw-610 {
  min-width: 610px !important;
}

.maxw-610 {
  max-width: 610px !important;
}

.wf-610 {
  width: 610px !important;
}

.h-610 {
  height: 610px;
}

.ma-top-124 {
  margin-top: 124px;
}

.ma-bottom-124 {
  margin-bottom: 124px;
}

.ma-left-124 {
  margin-left: 124px !important;
}

.ma-right-124 {
  margin-right: 124px !important;
}

.pa-top-124 {
  padding-top: 124px;
}

.pa-bottom-124 {
  padding-bottom: 124px;
}

.pa-left-124 {
  padding-left: 124px;
}

.pa-right-124 {
  padding-right: 124px;
}

.pa-124 {
  padding: 124px !important;
}

.pa-x-124 {
  padding-left: 124px !important;
  padding-right: 124px !important;
}

.pa-y-124 {
  padding-top: 124px !important;
  padding-bottom: 124px !important;
}

.ma-124 {
  margin: 124px !important;
}

.ma-x-124 {
  margin-left: 124px !important;
  margin-right: 124px !important;
}

.ma-y-124 {
  margin-top: 124px !important;
  margin-bottom: 124px !important;
}

.gap-124 {
  gap: 124px;
}

.flex-glow-62 {
  flex-grow: 62;
}

.fz-124 {
  font-size: 124px;
}

.w-620 {
  width: 620px;
}

.minw-620 {
  min-width: 620px !important;
}

.maxw-620 {
  max-width: 620px !important;
}

.wf-620 {
  width: 620px !important;
}

.h-620 {
  height: 620px;
}

.ma-top-126 {
  margin-top: 126px;
}

.ma-bottom-126 {
  margin-bottom: 126px;
}

.ma-left-126 {
  margin-left: 126px !important;
}

.ma-right-126 {
  margin-right: 126px !important;
}

.pa-top-126 {
  padding-top: 126px;
}

.pa-bottom-126 {
  padding-bottom: 126px;
}

.pa-left-126 {
  padding-left: 126px;
}

.pa-right-126 {
  padding-right: 126px;
}

.pa-126 {
  padding: 126px !important;
}

.pa-x-126 {
  padding-left: 126px !important;
  padding-right: 126px !important;
}

.pa-y-126 {
  padding-top: 126px !important;
  padding-bottom: 126px !important;
}

.ma-126 {
  margin: 126px !important;
}

.ma-x-126 {
  margin-left: 126px !important;
  margin-right: 126px !important;
}

.ma-y-126 {
  margin-top: 126px !important;
  margin-bottom: 126px !important;
}

.gap-126 {
  gap: 126px;
}

.flex-glow-63 {
  flex-grow: 63;
}

.fz-126 {
  font-size: 126px;
}

.w-630 {
  width: 630px;
}

.minw-630 {
  min-width: 630px !important;
}

.maxw-630 {
  max-width: 630px !important;
}

.wf-630 {
  width: 630px !important;
}

.h-630 {
  height: 630px;
}

.ma-top-128 {
  margin-top: 128px;
}

.ma-bottom-128 {
  margin-bottom: 128px;
}

.ma-left-128 {
  margin-left: 128px !important;
}

.ma-right-128 {
  margin-right: 128px !important;
}

.pa-top-128 {
  padding-top: 128px;
}

.pa-bottom-128 {
  padding-bottom: 128px;
}

.pa-left-128 {
  padding-left: 128px;
}

.pa-right-128 {
  padding-right: 128px;
}

.pa-128 {
  padding: 128px !important;
}

.pa-x-128 {
  padding-left: 128px !important;
  padding-right: 128px !important;
}

.pa-y-128 {
  padding-top: 128px !important;
  padding-bottom: 128px !important;
}

.ma-128 {
  margin: 128px !important;
}

.ma-x-128 {
  margin-left: 128px !important;
  margin-right: 128px !important;
}

.ma-y-128 {
  margin-top: 128px !important;
  margin-bottom: 128px !important;
}

.gap-128 {
  gap: 128px;
}

.flex-glow-64 {
  flex-grow: 64;
}

.fz-128 {
  font-size: 128px;
}

.w-640 {
  width: 640px;
}

.minw-640 {
  min-width: 640px !important;
}

.maxw-640 {
  max-width: 640px !important;
}

.wf-640 {
  width: 640px !important;
}

.h-640 {
  height: 640px;
}

.ma-top-130 {
  margin-top: 130px;
}

.ma-bottom-130 {
  margin-bottom: 130px;
}

.ma-left-130 {
  margin-left: 130px !important;
}

.ma-right-130 {
  margin-right: 130px !important;
}

.pa-top-130 {
  padding-top: 130px;
}

.pa-bottom-130 {
  padding-bottom: 130px;
}

.pa-left-130 {
  padding-left: 130px;
}

.pa-right-130 {
  padding-right: 130px;
}

.pa-130 {
  padding: 130px !important;
}

.pa-x-130 {
  padding-left: 130px !important;
  padding-right: 130px !important;
}

.pa-y-130 {
  padding-top: 130px !important;
  padding-bottom: 130px !important;
}

.ma-130 {
  margin: 130px !important;
}

.ma-x-130 {
  margin-left: 130px !important;
  margin-right: 130px !important;
}

.ma-y-130 {
  margin-top: 130px !important;
  margin-bottom: 130px !important;
}

.gap-130 {
  gap: 130px;
}

.flex-glow-65 {
  flex-grow: 65;
}

.fz-130 {
  font-size: 130px;
}

.w-650 {
  width: 650px;
}

.minw-650 {
  min-width: 650px !important;
}

.maxw-650 {
  max-width: 650px !important;
}

.wf-650 {
  width: 650px !important;
}

.h-650 {
  height: 650px;
}

.ma-top-132 {
  margin-top: 132px;
}

.ma-bottom-132 {
  margin-bottom: 132px;
}

.ma-left-132 {
  margin-left: 132px !important;
}

.ma-right-132 {
  margin-right: 132px !important;
}

.pa-top-132 {
  padding-top: 132px;
}

.pa-bottom-132 {
  padding-bottom: 132px;
}

.pa-left-132 {
  padding-left: 132px;
}

.pa-right-132 {
  padding-right: 132px;
}

.pa-132 {
  padding: 132px !important;
}

.pa-x-132 {
  padding-left: 132px !important;
  padding-right: 132px !important;
}

.pa-y-132 {
  padding-top: 132px !important;
  padding-bottom: 132px !important;
}

.ma-132 {
  margin: 132px !important;
}

.ma-x-132 {
  margin-left: 132px !important;
  margin-right: 132px !important;
}

.ma-y-132 {
  margin-top: 132px !important;
  margin-bottom: 132px !important;
}

.gap-132 {
  gap: 132px;
}

.flex-glow-66 {
  flex-grow: 66;
}

.fz-132 {
  font-size: 132px;
}

.w-660 {
  width: 660px;
}

.minw-660 {
  min-width: 660px !important;
}

.maxw-660 {
  max-width: 660px !important;
}

.wf-660 {
  width: 660px !important;
}

.h-660 {
  height: 660px;
}

.ma-top-134 {
  margin-top: 134px;
}

.ma-bottom-134 {
  margin-bottom: 134px;
}

.ma-left-134 {
  margin-left: 134px !important;
}

.ma-right-134 {
  margin-right: 134px !important;
}

.pa-top-134 {
  padding-top: 134px;
}

.pa-bottom-134 {
  padding-bottom: 134px;
}

.pa-left-134 {
  padding-left: 134px;
}

.pa-right-134 {
  padding-right: 134px;
}

.pa-134 {
  padding: 134px !important;
}

.pa-x-134 {
  padding-left: 134px !important;
  padding-right: 134px !important;
}

.pa-y-134 {
  padding-top: 134px !important;
  padding-bottom: 134px !important;
}

.ma-134 {
  margin: 134px !important;
}

.ma-x-134 {
  margin-left: 134px !important;
  margin-right: 134px !important;
}

.ma-y-134 {
  margin-top: 134px !important;
  margin-bottom: 134px !important;
}

.gap-134 {
  gap: 134px;
}

.flex-glow-67 {
  flex-grow: 67;
}

.fz-134 {
  font-size: 134px;
}

.w-670 {
  width: 670px;
}

.minw-670 {
  min-width: 670px !important;
}

.maxw-670 {
  max-width: 670px !important;
}

.wf-670 {
  width: 670px !important;
}

.h-670 {
  height: 670px;
}

.ma-top-136 {
  margin-top: 136px;
}

.ma-bottom-136 {
  margin-bottom: 136px;
}

.ma-left-136 {
  margin-left: 136px !important;
}

.ma-right-136 {
  margin-right: 136px !important;
}

.pa-top-136 {
  padding-top: 136px;
}

.pa-bottom-136 {
  padding-bottom: 136px;
}

.pa-left-136 {
  padding-left: 136px;
}

.pa-right-136 {
  padding-right: 136px;
}

.pa-136 {
  padding: 136px !important;
}

.pa-x-136 {
  padding-left: 136px !important;
  padding-right: 136px !important;
}

.pa-y-136 {
  padding-top: 136px !important;
  padding-bottom: 136px !important;
}

.ma-136 {
  margin: 136px !important;
}

.ma-x-136 {
  margin-left: 136px !important;
  margin-right: 136px !important;
}

.ma-y-136 {
  margin-top: 136px !important;
  margin-bottom: 136px !important;
}

.gap-136 {
  gap: 136px;
}

.flex-glow-68 {
  flex-grow: 68;
}

.fz-136 {
  font-size: 136px;
}

.w-680 {
  width: 680px;
}

.minw-680 {
  min-width: 680px !important;
}

.maxw-680 {
  max-width: 680px !important;
}

.wf-680 {
  width: 680px !important;
}

.h-680 {
  height: 680px;
}

.ma-top-138 {
  margin-top: 138px;
}

.ma-bottom-138 {
  margin-bottom: 138px;
}

.ma-left-138 {
  margin-left: 138px !important;
}

.ma-right-138 {
  margin-right: 138px !important;
}

.pa-top-138 {
  padding-top: 138px;
}

.pa-bottom-138 {
  padding-bottom: 138px;
}

.pa-left-138 {
  padding-left: 138px;
}

.pa-right-138 {
  padding-right: 138px;
}

.pa-138 {
  padding: 138px !important;
}

.pa-x-138 {
  padding-left: 138px !important;
  padding-right: 138px !important;
}

.pa-y-138 {
  padding-top: 138px !important;
  padding-bottom: 138px !important;
}

.ma-138 {
  margin: 138px !important;
}

.ma-x-138 {
  margin-left: 138px !important;
  margin-right: 138px !important;
}

.ma-y-138 {
  margin-top: 138px !important;
  margin-bottom: 138px !important;
}

.gap-138 {
  gap: 138px;
}

.flex-glow-69 {
  flex-grow: 69;
}

.fz-138 {
  font-size: 138px;
}

.w-690 {
  width: 690px;
}

.minw-690 {
  min-width: 690px !important;
}

.maxw-690 {
  max-width: 690px !important;
}

.wf-690 {
  width: 690px !important;
}

.h-690 {
  height: 690px;
}

.ma-top-140 {
  margin-top: 140px;
}

.ma-bottom-140 {
  margin-bottom: 140px;
}

.ma-left-140 {
  margin-left: 140px !important;
}

.ma-right-140 {
  margin-right: 140px !important;
}

.pa-top-140 {
  padding-top: 140px;
}

.pa-bottom-140 {
  padding-bottom: 140px;
}

.pa-left-140 {
  padding-left: 140px;
}

.pa-right-140 {
  padding-right: 140px;
}

.pa-140 {
  padding: 140px !important;
}

.pa-x-140 {
  padding-left: 140px !important;
  padding-right: 140px !important;
}

.pa-y-140 {
  padding-top: 140px !important;
  padding-bottom: 140px !important;
}

.ma-140 {
  margin: 140px !important;
}

.ma-x-140 {
  margin-left: 140px !important;
  margin-right: 140px !important;
}

.ma-y-140 {
  margin-top: 140px !important;
  margin-bottom: 140px !important;
}

.gap-140 {
  gap: 140px;
}

.flex-glow-70 {
  flex-grow: 70;
}

.fz-140 {
  font-size: 140px;
}

.w-700 {
  width: 700px;
}

.minw-700 {
  min-width: 700px !important;
}

.maxw-700 {
  max-width: 700px !important;
}

.wf-700 {
  width: 700px !important;
}

.h-700 {
  height: 700px;
}

.ma-top-142 {
  margin-top: 142px;
}

.ma-bottom-142 {
  margin-bottom: 142px;
}

.ma-left-142 {
  margin-left: 142px !important;
}

.ma-right-142 {
  margin-right: 142px !important;
}

.pa-top-142 {
  padding-top: 142px;
}

.pa-bottom-142 {
  padding-bottom: 142px;
}

.pa-left-142 {
  padding-left: 142px;
}

.pa-right-142 {
  padding-right: 142px;
}

.pa-142 {
  padding: 142px !important;
}

.pa-x-142 {
  padding-left: 142px !important;
  padding-right: 142px !important;
}

.pa-y-142 {
  padding-top: 142px !important;
  padding-bottom: 142px !important;
}

.ma-142 {
  margin: 142px !important;
}

.ma-x-142 {
  margin-left: 142px !important;
  margin-right: 142px !important;
}

.ma-y-142 {
  margin-top: 142px !important;
  margin-bottom: 142px !important;
}

.gap-142 {
  gap: 142px;
}

.flex-glow-71 {
  flex-grow: 71;
}

.fz-142 {
  font-size: 142px;
}

.w-710 {
  width: 710px;
}

.minw-710 {
  min-width: 710px !important;
}

.maxw-710 {
  max-width: 710px !important;
}

.wf-710 {
  width: 710px !important;
}

.h-710 {
  height: 710px;
}

.ma-top-144 {
  margin-top: 144px;
}

.ma-bottom-144 {
  margin-bottom: 144px;
}

.ma-left-144 {
  margin-left: 144px !important;
}

.ma-right-144 {
  margin-right: 144px !important;
}

.pa-top-144 {
  padding-top: 144px;
}

.pa-bottom-144 {
  padding-bottom: 144px;
}

.pa-left-144 {
  padding-left: 144px;
}

.pa-right-144 {
  padding-right: 144px;
}

.pa-144 {
  padding: 144px !important;
}

.pa-x-144 {
  padding-left: 144px !important;
  padding-right: 144px !important;
}

.pa-y-144 {
  padding-top: 144px !important;
  padding-bottom: 144px !important;
}

.ma-144 {
  margin: 144px !important;
}

.ma-x-144 {
  margin-left: 144px !important;
  margin-right: 144px !important;
}

.ma-y-144 {
  margin-top: 144px !important;
  margin-bottom: 144px !important;
}

.gap-144 {
  gap: 144px;
}

.flex-glow-72 {
  flex-grow: 72;
}

.fz-144 {
  font-size: 144px;
}

.w-720 {
  width: 720px;
}

.minw-720 {
  min-width: 720px !important;
}

.maxw-720 {
  max-width: 720px !important;
}

.wf-720 {
  width: 720px !important;
}

.h-720 {
  height: 720px;
}

.ma-top-146 {
  margin-top: 146px;
}

.ma-bottom-146 {
  margin-bottom: 146px;
}

.ma-left-146 {
  margin-left: 146px !important;
}

.ma-right-146 {
  margin-right: 146px !important;
}

.pa-top-146 {
  padding-top: 146px;
}

.pa-bottom-146 {
  padding-bottom: 146px;
}

.pa-left-146 {
  padding-left: 146px;
}

.pa-right-146 {
  padding-right: 146px;
}

.pa-146 {
  padding: 146px !important;
}

.pa-x-146 {
  padding-left: 146px !important;
  padding-right: 146px !important;
}

.pa-y-146 {
  padding-top: 146px !important;
  padding-bottom: 146px !important;
}

.ma-146 {
  margin: 146px !important;
}

.ma-x-146 {
  margin-left: 146px !important;
  margin-right: 146px !important;
}

.ma-y-146 {
  margin-top: 146px !important;
  margin-bottom: 146px !important;
}

.gap-146 {
  gap: 146px;
}

.flex-glow-73 {
  flex-grow: 73;
}

.fz-146 {
  font-size: 146px;
}

.w-730 {
  width: 730px;
}

.minw-730 {
  min-width: 730px !important;
}

.maxw-730 {
  max-width: 730px !important;
}

.wf-730 {
  width: 730px !important;
}

.h-730 {
  height: 730px;
}

.ma-top-148 {
  margin-top: 148px;
}

.ma-bottom-148 {
  margin-bottom: 148px;
}

.ma-left-148 {
  margin-left: 148px !important;
}

.ma-right-148 {
  margin-right: 148px !important;
}

.pa-top-148 {
  padding-top: 148px;
}

.pa-bottom-148 {
  padding-bottom: 148px;
}

.pa-left-148 {
  padding-left: 148px;
}

.pa-right-148 {
  padding-right: 148px;
}

.pa-148 {
  padding: 148px !important;
}

.pa-x-148 {
  padding-left: 148px !important;
  padding-right: 148px !important;
}

.pa-y-148 {
  padding-top: 148px !important;
  padding-bottom: 148px !important;
}

.ma-148 {
  margin: 148px !important;
}

.ma-x-148 {
  margin-left: 148px !important;
  margin-right: 148px !important;
}

.ma-y-148 {
  margin-top: 148px !important;
  margin-bottom: 148px !important;
}

.gap-148 {
  gap: 148px;
}

.flex-glow-74 {
  flex-grow: 74;
}

.fz-148 {
  font-size: 148px;
}

.w-740 {
  width: 740px;
}

.minw-740 {
  min-width: 740px !important;
}

.maxw-740 {
  max-width: 740px !important;
}

.wf-740 {
  width: 740px !important;
}

.h-740 {
  height: 740px;
}

.ma-top-150 {
  margin-top: 150px;
}

.ma-bottom-150 {
  margin-bottom: 150px;
}

.ma-left-150 {
  margin-left: 150px !important;
}

.ma-right-150 {
  margin-right: 150px !important;
}

.pa-top-150 {
  padding-top: 150px;
}

.pa-bottom-150 {
  padding-bottom: 150px;
}

.pa-left-150 {
  padding-left: 150px;
}

.pa-right-150 {
  padding-right: 150px;
}

.pa-150 {
  padding: 150px !important;
}

.pa-x-150 {
  padding-left: 150px !important;
  padding-right: 150px !important;
}

.pa-y-150 {
  padding-top: 150px !important;
  padding-bottom: 150px !important;
}

.ma-150 {
  margin: 150px !important;
}

.ma-x-150 {
  margin-left: 150px !important;
  margin-right: 150px !important;
}

.ma-y-150 {
  margin-top: 150px !important;
  margin-bottom: 150px !important;
}

.gap-150 {
  gap: 150px;
}

.flex-glow-75 {
  flex-grow: 75;
}

.fz-150 {
  font-size: 150px;
}

.w-750 {
  width: 750px;
}

.minw-750 {
  min-width: 750px !important;
}

.maxw-750 {
  max-width: 750px !important;
}

.wf-750 {
  width: 750px !important;
}

.h-750 {
  height: 750px;
}

.ma-top-152 {
  margin-top: 152px;
}

.ma-bottom-152 {
  margin-bottom: 152px;
}

.ma-left-152 {
  margin-left: 152px !important;
}

.ma-right-152 {
  margin-right: 152px !important;
}

.pa-top-152 {
  padding-top: 152px;
}

.pa-bottom-152 {
  padding-bottom: 152px;
}

.pa-left-152 {
  padding-left: 152px;
}

.pa-right-152 {
  padding-right: 152px;
}

.pa-152 {
  padding: 152px !important;
}

.pa-x-152 {
  padding-left: 152px !important;
  padding-right: 152px !important;
}

.pa-y-152 {
  padding-top: 152px !important;
  padding-bottom: 152px !important;
}

.ma-152 {
  margin: 152px !important;
}

.ma-x-152 {
  margin-left: 152px !important;
  margin-right: 152px !important;
}

.ma-y-152 {
  margin-top: 152px !important;
  margin-bottom: 152px !important;
}

.gap-152 {
  gap: 152px;
}

.flex-glow-76 {
  flex-grow: 76;
}

.fz-152 {
  font-size: 152px;
}

.w-760 {
  width: 760px;
}

.minw-760 {
  min-width: 760px !important;
}

.maxw-760 {
  max-width: 760px !important;
}

.wf-760 {
  width: 760px !important;
}

.h-760 {
  height: 760px;
}

.ma-top-154 {
  margin-top: 154px;
}

.ma-bottom-154 {
  margin-bottom: 154px;
}

.ma-left-154 {
  margin-left: 154px !important;
}

.ma-right-154 {
  margin-right: 154px !important;
}

.pa-top-154 {
  padding-top: 154px;
}

.pa-bottom-154 {
  padding-bottom: 154px;
}

.pa-left-154 {
  padding-left: 154px;
}

.pa-right-154 {
  padding-right: 154px;
}

.pa-154 {
  padding: 154px !important;
}

.pa-x-154 {
  padding-left: 154px !important;
  padding-right: 154px !important;
}

.pa-y-154 {
  padding-top: 154px !important;
  padding-bottom: 154px !important;
}

.ma-154 {
  margin: 154px !important;
}

.ma-x-154 {
  margin-left: 154px !important;
  margin-right: 154px !important;
}

.ma-y-154 {
  margin-top: 154px !important;
  margin-bottom: 154px !important;
}

.gap-154 {
  gap: 154px;
}

.flex-glow-77 {
  flex-grow: 77;
}

.fz-154 {
  font-size: 154px;
}

.w-770 {
  width: 770px;
}

.minw-770 {
  min-width: 770px !important;
}

.maxw-770 {
  max-width: 770px !important;
}

.wf-770 {
  width: 770px !important;
}

.h-770 {
  height: 770px;
}

.ma-top-156 {
  margin-top: 156px;
}

.ma-bottom-156 {
  margin-bottom: 156px;
}

.ma-left-156 {
  margin-left: 156px !important;
}

.ma-right-156 {
  margin-right: 156px !important;
}

.pa-top-156 {
  padding-top: 156px;
}

.pa-bottom-156 {
  padding-bottom: 156px;
}

.pa-left-156 {
  padding-left: 156px;
}

.pa-right-156 {
  padding-right: 156px;
}

.pa-156 {
  padding: 156px !important;
}

.pa-x-156 {
  padding-left: 156px !important;
  padding-right: 156px !important;
}

.pa-y-156 {
  padding-top: 156px !important;
  padding-bottom: 156px !important;
}

.ma-156 {
  margin: 156px !important;
}

.ma-x-156 {
  margin-left: 156px !important;
  margin-right: 156px !important;
}

.ma-y-156 {
  margin-top: 156px !important;
  margin-bottom: 156px !important;
}

.gap-156 {
  gap: 156px;
}

.flex-glow-78 {
  flex-grow: 78;
}

.fz-156 {
  font-size: 156px;
}

.w-780 {
  width: 780px;
}

.minw-780 {
  min-width: 780px !important;
}

.maxw-780 {
  max-width: 780px !important;
}

.wf-780 {
  width: 780px !important;
}

.h-780 {
  height: 780px;
}

.ma-top-158 {
  margin-top: 158px;
}

.ma-bottom-158 {
  margin-bottom: 158px;
}

.ma-left-158 {
  margin-left: 158px !important;
}

.ma-right-158 {
  margin-right: 158px !important;
}

.pa-top-158 {
  padding-top: 158px;
}

.pa-bottom-158 {
  padding-bottom: 158px;
}

.pa-left-158 {
  padding-left: 158px;
}

.pa-right-158 {
  padding-right: 158px;
}

.pa-158 {
  padding: 158px !important;
}

.pa-x-158 {
  padding-left: 158px !important;
  padding-right: 158px !important;
}

.pa-y-158 {
  padding-top: 158px !important;
  padding-bottom: 158px !important;
}

.ma-158 {
  margin: 158px !important;
}

.ma-x-158 {
  margin-left: 158px !important;
  margin-right: 158px !important;
}

.ma-y-158 {
  margin-top: 158px !important;
  margin-bottom: 158px !important;
}

.gap-158 {
  gap: 158px;
}

.flex-glow-79 {
  flex-grow: 79;
}

.fz-158 {
  font-size: 158px;
}

.w-790 {
  width: 790px;
}

.minw-790 {
  min-width: 790px !important;
}

.maxw-790 {
  max-width: 790px !important;
}

.wf-790 {
  width: 790px !important;
}

.h-790 {
  height: 790px;
}

.ma-top-160 {
  margin-top: 160px;
}

.ma-bottom-160 {
  margin-bottom: 160px;
}

.ma-left-160 {
  margin-left: 160px !important;
}

.ma-right-160 {
  margin-right: 160px !important;
}

.pa-top-160 {
  padding-top: 160px;
}

.pa-bottom-160 {
  padding-bottom: 160px;
}

.pa-left-160 {
  padding-left: 160px;
}

.pa-right-160 {
  padding-right: 160px;
}

.pa-160 {
  padding: 160px !important;
}

.pa-x-160 {
  padding-left: 160px !important;
  padding-right: 160px !important;
}

.pa-y-160 {
  padding-top: 160px !important;
  padding-bottom: 160px !important;
}

.ma-160 {
  margin: 160px !important;
}

.ma-x-160 {
  margin-left: 160px !important;
  margin-right: 160px !important;
}

.ma-y-160 {
  margin-top: 160px !important;
  margin-bottom: 160px !important;
}

.gap-160 {
  gap: 160px;
}

.flex-glow-80 {
  flex-grow: 80;
}

.fz-160 {
  font-size: 160px;
}

.w-800 {
  width: 800px;
}

.minw-800 {
  min-width: 800px !important;
}

.maxw-800 {
  max-width: 800px !important;
}

.wf-800 {
  width: 800px !important;
}

.h-800 {
  height: 800px;
}

.ma-top-162 {
  margin-top: 162px;
}

.ma-bottom-162 {
  margin-bottom: 162px;
}

.ma-left-162 {
  margin-left: 162px !important;
}

.ma-right-162 {
  margin-right: 162px !important;
}

.pa-top-162 {
  padding-top: 162px;
}

.pa-bottom-162 {
  padding-bottom: 162px;
}

.pa-left-162 {
  padding-left: 162px;
}

.pa-right-162 {
  padding-right: 162px;
}

.pa-162 {
  padding: 162px !important;
}

.pa-x-162 {
  padding-left: 162px !important;
  padding-right: 162px !important;
}

.pa-y-162 {
  padding-top: 162px !important;
  padding-bottom: 162px !important;
}

.ma-162 {
  margin: 162px !important;
}

.ma-x-162 {
  margin-left: 162px !important;
  margin-right: 162px !important;
}

.ma-y-162 {
  margin-top: 162px !important;
  margin-bottom: 162px !important;
}

.gap-162 {
  gap: 162px;
}

.flex-glow-81 {
  flex-grow: 81;
}

.fz-162 {
  font-size: 162px;
}

.w-810 {
  width: 810px;
}

.minw-810 {
  min-width: 810px !important;
}

.maxw-810 {
  max-width: 810px !important;
}

.wf-810 {
  width: 810px !important;
}

.h-810 {
  height: 810px;
}

.ma-top-164 {
  margin-top: 164px;
}

.ma-bottom-164 {
  margin-bottom: 164px;
}

.ma-left-164 {
  margin-left: 164px !important;
}

.ma-right-164 {
  margin-right: 164px !important;
}

.pa-top-164 {
  padding-top: 164px;
}

.pa-bottom-164 {
  padding-bottom: 164px;
}

.pa-left-164 {
  padding-left: 164px;
}

.pa-right-164 {
  padding-right: 164px;
}

.pa-164 {
  padding: 164px !important;
}

.pa-x-164 {
  padding-left: 164px !important;
  padding-right: 164px !important;
}

.pa-y-164 {
  padding-top: 164px !important;
  padding-bottom: 164px !important;
}

.ma-164 {
  margin: 164px !important;
}

.ma-x-164 {
  margin-left: 164px !important;
  margin-right: 164px !important;
}

.ma-y-164 {
  margin-top: 164px !important;
  margin-bottom: 164px !important;
}

.gap-164 {
  gap: 164px;
}

.flex-glow-82 {
  flex-grow: 82;
}

.fz-164 {
  font-size: 164px;
}

.w-820 {
  width: 820px;
}

.minw-820 {
  min-width: 820px !important;
}

.maxw-820 {
  max-width: 820px !important;
}

.wf-820 {
  width: 820px !important;
}

.h-820 {
  height: 820px;
}

.ma-top-166 {
  margin-top: 166px;
}

.ma-bottom-166 {
  margin-bottom: 166px;
}

.ma-left-166 {
  margin-left: 166px !important;
}

.ma-right-166 {
  margin-right: 166px !important;
}

.pa-top-166 {
  padding-top: 166px;
}

.pa-bottom-166 {
  padding-bottom: 166px;
}

.pa-left-166 {
  padding-left: 166px;
}

.pa-right-166 {
  padding-right: 166px;
}

.pa-166 {
  padding: 166px !important;
}

.pa-x-166 {
  padding-left: 166px !important;
  padding-right: 166px !important;
}

.pa-y-166 {
  padding-top: 166px !important;
  padding-bottom: 166px !important;
}

.ma-166 {
  margin: 166px !important;
}

.ma-x-166 {
  margin-left: 166px !important;
  margin-right: 166px !important;
}

.ma-y-166 {
  margin-top: 166px !important;
  margin-bottom: 166px !important;
}

.gap-166 {
  gap: 166px;
}

.flex-glow-83 {
  flex-grow: 83;
}

.fz-166 {
  font-size: 166px;
}

.w-830 {
  width: 830px;
}

.minw-830 {
  min-width: 830px !important;
}

.maxw-830 {
  max-width: 830px !important;
}

.wf-830 {
  width: 830px !important;
}

.h-830 {
  height: 830px;
}

.ma-top-168 {
  margin-top: 168px;
}

.ma-bottom-168 {
  margin-bottom: 168px;
}

.ma-left-168 {
  margin-left: 168px !important;
}

.ma-right-168 {
  margin-right: 168px !important;
}

.pa-top-168 {
  padding-top: 168px;
}

.pa-bottom-168 {
  padding-bottom: 168px;
}

.pa-left-168 {
  padding-left: 168px;
}

.pa-right-168 {
  padding-right: 168px;
}

.pa-168 {
  padding: 168px !important;
}

.pa-x-168 {
  padding-left: 168px !important;
  padding-right: 168px !important;
}

.pa-y-168 {
  padding-top: 168px !important;
  padding-bottom: 168px !important;
}

.ma-168 {
  margin: 168px !important;
}

.ma-x-168 {
  margin-left: 168px !important;
  margin-right: 168px !important;
}

.ma-y-168 {
  margin-top: 168px !important;
  margin-bottom: 168px !important;
}

.gap-168 {
  gap: 168px;
}

.flex-glow-84 {
  flex-grow: 84;
}

.fz-168 {
  font-size: 168px;
}

.w-840 {
  width: 840px;
}

.minw-840 {
  min-width: 840px !important;
}

.maxw-840 {
  max-width: 840px !important;
}

.wf-840 {
  width: 840px !important;
}

.h-840 {
  height: 840px;
}

.ma-top-170 {
  margin-top: 170px;
}

.ma-bottom-170 {
  margin-bottom: 170px;
}

.ma-left-170 {
  margin-left: 170px !important;
}

.ma-right-170 {
  margin-right: 170px !important;
}

.pa-top-170 {
  padding-top: 170px;
}

.pa-bottom-170 {
  padding-bottom: 170px;
}

.pa-left-170 {
  padding-left: 170px;
}

.pa-right-170 {
  padding-right: 170px;
}

.pa-170 {
  padding: 170px !important;
}

.pa-x-170 {
  padding-left: 170px !important;
  padding-right: 170px !important;
}

.pa-y-170 {
  padding-top: 170px !important;
  padding-bottom: 170px !important;
}

.ma-170 {
  margin: 170px !important;
}

.ma-x-170 {
  margin-left: 170px !important;
  margin-right: 170px !important;
}

.ma-y-170 {
  margin-top: 170px !important;
  margin-bottom: 170px !important;
}

.gap-170 {
  gap: 170px;
}

.flex-glow-85 {
  flex-grow: 85;
}

.fz-170 {
  font-size: 170px;
}

.w-850 {
  width: 850px;
}

.minw-850 {
  min-width: 850px !important;
}

.maxw-850 {
  max-width: 850px !important;
}

.wf-850 {
  width: 850px !important;
}

.h-850 {
  height: 850px;
}

.ma-top-172 {
  margin-top: 172px;
}

.ma-bottom-172 {
  margin-bottom: 172px;
}

.ma-left-172 {
  margin-left: 172px !important;
}

.ma-right-172 {
  margin-right: 172px !important;
}

.pa-top-172 {
  padding-top: 172px;
}

.pa-bottom-172 {
  padding-bottom: 172px;
}

.pa-left-172 {
  padding-left: 172px;
}

.pa-right-172 {
  padding-right: 172px;
}

.pa-172 {
  padding: 172px !important;
}

.pa-x-172 {
  padding-left: 172px !important;
  padding-right: 172px !important;
}

.pa-y-172 {
  padding-top: 172px !important;
  padding-bottom: 172px !important;
}

.ma-172 {
  margin: 172px !important;
}

.ma-x-172 {
  margin-left: 172px !important;
  margin-right: 172px !important;
}

.ma-y-172 {
  margin-top: 172px !important;
  margin-bottom: 172px !important;
}

.gap-172 {
  gap: 172px;
}

.flex-glow-86 {
  flex-grow: 86;
}

.fz-172 {
  font-size: 172px;
}

.w-860 {
  width: 860px;
}

.minw-860 {
  min-width: 860px !important;
}

.maxw-860 {
  max-width: 860px !important;
}

.wf-860 {
  width: 860px !important;
}

.h-860 {
  height: 860px;
}

.ma-top-174 {
  margin-top: 174px;
}

.ma-bottom-174 {
  margin-bottom: 174px;
}

.ma-left-174 {
  margin-left: 174px !important;
}

.ma-right-174 {
  margin-right: 174px !important;
}

.pa-top-174 {
  padding-top: 174px;
}

.pa-bottom-174 {
  padding-bottom: 174px;
}

.pa-left-174 {
  padding-left: 174px;
}

.pa-right-174 {
  padding-right: 174px;
}

.pa-174 {
  padding: 174px !important;
}

.pa-x-174 {
  padding-left: 174px !important;
  padding-right: 174px !important;
}

.pa-y-174 {
  padding-top: 174px !important;
  padding-bottom: 174px !important;
}

.ma-174 {
  margin: 174px !important;
}

.ma-x-174 {
  margin-left: 174px !important;
  margin-right: 174px !important;
}

.ma-y-174 {
  margin-top: 174px !important;
  margin-bottom: 174px !important;
}

.gap-174 {
  gap: 174px;
}

.flex-glow-87 {
  flex-grow: 87;
}

.fz-174 {
  font-size: 174px;
}

.w-870 {
  width: 870px;
}

.minw-870 {
  min-width: 870px !important;
}

.maxw-870 {
  max-width: 870px !important;
}

.wf-870 {
  width: 870px !important;
}

.h-870 {
  height: 870px;
}

.ma-top-176 {
  margin-top: 176px;
}

.ma-bottom-176 {
  margin-bottom: 176px;
}

.ma-left-176 {
  margin-left: 176px !important;
}

.ma-right-176 {
  margin-right: 176px !important;
}

.pa-top-176 {
  padding-top: 176px;
}

.pa-bottom-176 {
  padding-bottom: 176px;
}

.pa-left-176 {
  padding-left: 176px;
}

.pa-right-176 {
  padding-right: 176px;
}

.pa-176 {
  padding: 176px !important;
}

.pa-x-176 {
  padding-left: 176px !important;
  padding-right: 176px !important;
}

.pa-y-176 {
  padding-top: 176px !important;
  padding-bottom: 176px !important;
}

.ma-176 {
  margin: 176px !important;
}

.ma-x-176 {
  margin-left: 176px !important;
  margin-right: 176px !important;
}

.ma-y-176 {
  margin-top: 176px !important;
  margin-bottom: 176px !important;
}

.gap-176 {
  gap: 176px;
}

.flex-glow-88 {
  flex-grow: 88;
}

.fz-176 {
  font-size: 176px;
}

.w-880 {
  width: 880px;
}

.minw-880 {
  min-width: 880px !important;
}

.maxw-880 {
  max-width: 880px !important;
}

.wf-880 {
  width: 880px !important;
}

.h-880 {
  height: 880px;
}

.ma-top-178 {
  margin-top: 178px;
}

.ma-bottom-178 {
  margin-bottom: 178px;
}

.ma-left-178 {
  margin-left: 178px !important;
}

.ma-right-178 {
  margin-right: 178px !important;
}

.pa-top-178 {
  padding-top: 178px;
}

.pa-bottom-178 {
  padding-bottom: 178px;
}

.pa-left-178 {
  padding-left: 178px;
}

.pa-right-178 {
  padding-right: 178px;
}

.pa-178 {
  padding: 178px !important;
}

.pa-x-178 {
  padding-left: 178px !important;
  padding-right: 178px !important;
}

.pa-y-178 {
  padding-top: 178px !important;
  padding-bottom: 178px !important;
}

.ma-178 {
  margin: 178px !important;
}

.ma-x-178 {
  margin-left: 178px !important;
  margin-right: 178px !important;
}

.ma-y-178 {
  margin-top: 178px !important;
  margin-bottom: 178px !important;
}

.gap-178 {
  gap: 178px;
}

.flex-glow-89 {
  flex-grow: 89;
}

.fz-178 {
  font-size: 178px;
}

.w-890 {
  width: 890px;
}

.minw-890 {
  min-width: 890px !important;
}

.maxw-890 {
  max-width: 890px !important;
}

.wf-890 {
  width: 890px !important;
}

.h-890 {
  height: 890px;
}

.ma-top-180 {
  margin-top: 180px;
}

.ma-bottom-180 {
  margin-bottom: 180px;
}

.ma-left-180 {
  margin-left: 180px !important;
}

.ma-right-180 {
  margin-right: 180px !important;
}

.pa-top-180 {
  padding-top: 180px;
}

.pa-bottom-180 {
  padding-bottom: 180px;
}

.pa-left-180 {
  padding-left: 180px;
}

.pa-right-180 {
  padding-right: 180px;
}

.pa-180 {
  padding: 180px !important;
}

.pa-x-180 {
  padding-left: 180px !important;
  padding-right: 180px !important;
}

.pa-y-180 {
  padding-top: 180px !important;
  padding-bottom: 180px !important;
}

.ma-180 {
  margin: 180px !important;
}

.ma-x-180 {
  margin-left: 180px !important;
  margin-right: 180px !important;
}

.ma-y-180 {
  margin-top: 180px !important;
  margin-bottom: 180px !important;
}

.gap-180 {
  gap: 180px;
}

.flex-glow-90 {
  flex-grow: 90;
}

.fz-180 {
  font-size: 180px;
}

.w-900 {
  width: 900px;
}

.minw-900 {
  min-width: 900px !important;
}

.maxw-900 {
  max-width: 900px !important;
}

.wf-900 {
  width: 900px !important;
}

.h-900 {
  height: 900px;
}

.ma-top-182 {
  margin-top: 182px;
}

.ma-bottom-182 {
  margin-bottom: 182px;
}

.ma-left-182 {
  margin-left: 182px !important;
}

.ma-right-182 {
  margin-right: 182px !important;
}

.pa-top-182 {
  padding-top: 182px;
}

.pa-bottom-182 {
  padding-bottom: 182px;
}

.pa-left-182 {
  padding-left: 182px;
}

.pa-right-182 {
  padding-right: 182px;
}

.pa-182 {
  padding: 182px !important;
}

.pa-x-182 {
  padding-left: 182px !important;
  padding-right: 182px !important;
}

.pa-y-182 {
  padding-top: 182px !important;
  padding-bottom: 182px !important;
}

.ma-182 {
  margin: 182px !important;
}

.ma-x-182 {
  margin-left: 182px !important;
  margin-right: 182px !important;
}

.ma-y-182 {
  margin-top: 182px !important;
  margin-bottom: 182px !important;
}

.gap-182 {
  gap: 182px;
}

.flex-glow-91 {
  flex-grow: 91;
}

.fz-182 {
  font-size: 182px;
}

.w-910 {
  width: 910px;
}

.minw-910 {
  min-width: 910px !important;
}

.maxw-910 {
  max-width: 910px !important;
}

.wf-910 {
  width: 910px !important;
}

.h-910 {
  height: 910px;
}

.ma-top-184 {
  margin-top: 184px;
}

.ma-bottom-184 {
  margin-bottom: 184px;
}

.ma-left-184 {
  margin-left: 184px !important;
}

.ma-right-184 {
  margin-right: 184px !important;
}

.pa-top-184 {
  padding-top: 184px;
}

.pa-bottom-184 {
  padding-bottom: 184px;
}

.pa-left-184 {
  padding-left: 184px;
}

.pa-right-184 {
  padding-right: 184px;
}

.pa-184 {
  padding: 184px !important;
}

.pa-x-184 {
  padding-left: 184px !important;
  padding-right: 184px !important;
}

.pa-y-184 {
  padding-top: 184px !important;
  padding-bottom: 184px !important;
}

.ma-184 {
  margin: 184px !important;
}

.ma-x-184 {
  margin-left: 184px !important;
  margin-right: 184px !important;
}

.ma-y-184 {
  margin-top: 184px !important;
  margin-bottom: 184px !important;
}

.gap-184 {
  gap: 184px;
}

.flex-glow-92 {
  flex-grow: 92;
}

.fz-184 {
  font-size: 184px;
}

.w-920 {
  width: 920px;
}

.minw-920 {
  min-width: 920px !important;
}

.maxw-920 {
  max-width: 920px !important;
}

.wf-920 {
  width: 920px !important;
}

.h-920 {
  height: 920px;
}

.ma-top-186 {
  margin-top: 186px;
}

.ma-bottom-186 {
  margin-bottom: 186px;
}

.ma-left-186 {
  margin-left: 186px !important;
}

.ma-right-186 {
  margin-right: 186px !important;
}

.pa-top-186 {
  padding-top: 186px;
}

.pa-bottom-186 {
  padding-bottom: 186px;
}

.pa-left-186 {
  padding-left: 186px;
}

.pa-right-186 {
  padding-right: 186px;
}

.pa-186 {
  padding: 186px !important;
}

.pa-x-186 {
  padding-left: 186px !important;
  padding-right: 186px !important;
}

.pa-y-186 {
  padding-top: 186px !important;
  padding-bottom: 186px !important;
}

.ma-186 {
  margin: 186px !important;
}

.ma-x-186 {
  margin-left: 186px !important;
  margin-right: 186px !important;
}

.ma-y-186 {
  margin-top: 186px !important;
  margin-bottom: 186px !important;
}

.gap-186 {
  gap: 186px;
}

.flex-glow-93 {
  flex-grow: 93;
}

.fz-186 {
  font-size: 186px;
}

.w-930 {
  width: 930px;
}

.minw-930 {
  min-width: 930px !important;
}

.maxw-930 {
  max-width: 930px !important;
}

.wf-930 {
  width: 930px !important;
}

.h-930 {
  height: 930px;
}

.ma-top-188 {
  margin-top: 188px;
}

.ma-bottom-188 {
  margin-bottom: 188px;
}

.ma-left-188 {
  margin-left: 188px !important;
}

.ma-right-188 {
  margin-right: 188px !important;
}

.pa-top-188 {
  padding-top: 188px;
}

.pa-bottom-188 {
  padding-bottom: 188px;
}

.pa-left-188 {
  padding-left: 188px;
}

.pa-right-188 {
  padding-right: 188px;
}

.pa-188 {
  padding: 188px !important;
}

.pa-x-188 {
  padding-left: 188px !important;
  padding-right: 188px !important;
}

.pa-y-188 {
  padding-top: 188px !important;
  padding-bottom: 188px !important;
}

.ma-188 {
  margin: 188px !important;
}

.ma-x-188 {
  margin-left: 188px !important;
  margin-right: 188px !important;
}

.ma-y-188 {
  margin-top: 188px !important;
  margin-bottom: 188px !important;
}

.gap-188 {
  gap: 188px;
}

.flex-glow-94 {
  flex-grow: 94;
}

.fz-188 {
  font-size: 188px;
}

.w-940 {
  width: 940px;
}

.minw-940 {
  min-width: 940px !important;
}

.maxw-940 {
  max-width: 940px !important;
}

.wf-940 {
  width: 940px !important;
}

.h-940 {
  height: 940px;
}

.ma-top-190 {
  margin-top: 190px;
}

.ma-bottom-190 {
  margin-bottom: 190px;
}

.ma-left-190 {
  margin-left: 190px !important;
}

.ma-right-190 {
  margin-right: 190px !important;
}

.pa-top-190 {
  padding-top: 190px;
}

.pa-bottom-190 {
  padding-bottom: 190px;
}

.pa-left-190 {
  padding-left: 190px;
}

.pa-right-190 {
  padding-right: 190px;
}

.pa-190 {
  padding: 190px !important;
}

.pa-x-190 {
  padding-left: 190px !important;
  padding-right: 190px !important;
}

.pa-y-190 {
  padding-top: 190px !important;
  padding-bottom: 190px !important;
}

.ma-190 {
  margin: 190px !important;
}

.ma-x-190 {
  margin-left: 190px !important;
  margin-right: 190px !important;
}

.ma-y-190 {
  margin-top: 190px !important;
  margin-bottom: 190px !important;
}

.gap-190 {
  gap: 190px;
}

.flex-glow-95 {
  flex-grow: 95;
}

.fz-190 {
  font-size: 190px;
}

.w-950 {
  width: 950px;
}

.minw-950 {
  min-width: 950px !important;
}

.maxw-950 {
  max-width: 950px !important;
}

.wf-950 {
  width: 950px !important;
}

.h-950 {
  height: 950px;
}

.ma-top-192 {
  margin-top: 192px;
}

.ma-bottom-192 {
  margin-bottom: 192px;
}

.ma-left-192 {
  margin-left: 192px !important;
}

.ma-right-192 {
  margin-right: 192px !important;
}

.pa-top-192 {
  padding-top: 192px;
}

.pa-bottom-192 {
  padding-bottom: 192px;
}

.pa-left-192 {
  padding-left: 192px;
}

.pa-right-192 {
  padding-right: 192px;
}

.pa-192 {
  padding: 192px !important;
}

.pa-x-192 {
  padding-left: 192px !important;
  padding-right: 192px !important;
}

.pa-y-192 {
  padding-top: 192px !important;
  padding-bottom: 192px !important;
}

.ma-192 {
  margin: 192px !important;
}

.ma-x-192 {
  margin-left: 192px !important;
  margin-right: 192px !important;
}

.ma-y-192 {
  margin-top: 192px !important;
  margin-bottom: 192px !important;
}

.gap-192 {
  gap: 192px;
}

.flex-glow-96 {
  flex-grow: 96;
}

.fz-192 {
  font-size: 192px;
}

.w-960 {
  width: 960px;
}

.minw-960 {
  min-width: 960px !important;
}

.maxw-960 {
  max-width: 960px !important;
}

.wf-960 {
  width: 960px !important;
}

.h-960 {
  height: 960px;
}

.ma-top-194 {
  margin-top: 194px;
}

.ma-bottom-194 {
  margin-bottom: 194px;
}

.ma-left-194 {
  margin-left: 194px !important;
}

.ma-right-194 {
  margin-right: 194px !important;
}

.pa-top-194 {
  padding-top: 194px;
}

.pa-bottom-194 {
  padding-bottom: 194px;
}

.pa-left-194 {
  padding-left: 194px;
}

.pa-right-194 {
  padding-right: 194px;
}

.pa-194 {
  padding: 194px !important;
}

.pa-x-194 {
  padding-left: 194px !important;
  padding-right: 194px !important;
}

.pa-y-194 {
  padding-top: 194px !important;
  padding-bottom: 194px !important;
}

.ma-194 {
  margin: 194px !important;
}

.ma-x-194 {
  margin-left: 194px !important;
  margin-right: 194px !important;
}

.ma-y-194 {
  margin-top: 194px !important;
  margin-bottom: 194px !important;
}

.gap-194 {
  gap: 194px;
}

.flex-glow-97 {
  flex-grow: 97;
}

.fz-194 {
  font-size: 194px;
}

.w-970 {
  width: 970px;
}

.minw-970 {
  min-width: 970px !important;
}

.maxw-970 {
  max-width: 970px !important;
}

.wf-970 {
  width: 970px !important;
}

.h-970 {
  height: 970px;
}

.ma-top-196 {
  margin-top: 196px;
}

.ma-bottom-196 {
  margin-bottom: 196px;
}

.ma-left-196 {
  margin-left: 196px !important;
}

.ma-right-196 {
  margin-right: 196px !important;
}

.pa-top-196 {
  padding-top: 196px;
}

.pa-bottom-196 {
  padding-bottom: 196px;
}

.pa-left-196 {
  padding-left: 196px;
}

.pa-right-196 {
  padding-right: 196px;
}

.pa-196 {
  padding: 196px !important;
}

.pa-x-196 {
  padding-left: 196px !important;
  padding-right: 196px !important;
}

.pa-y-196 {
  padding-top: 196px !important;
  padding-bottom: 196px !important;
}

.ma-196 {
  margin: 196px !important;
}

.ma-x-196 {
  margin-left: 196px !important;
  margin-right: 196px !important;
}

.ma-y-196 {
  margin-top: 196px !important;
  margin-bottom: 196px !important;
}

.gap-196 {
  gap: 196px;
}

.flex-glow-98 {
  flex-grow: 98;
}

.fz-196 {
  font-size: 196px;
}

.w-980 {
  width: 980px;
}

.minw-980 {
  min-width: 980px !important;
}

.maxw-980 {
  max-width: 980px !important;
}

.wf-980 {
  width: 980px !important;
}

.h-980 {
  height: 980px;
}

.ma-top-198 {
  margin-top: 198px;
}

.ma-bottom-198 {
  margin-bottom: 198px;
}

.ma-left-198 {
  margin-left: 198px !important;
}

.ma-right-198 {
  margin-right: 198px !important;
}

.pa-top-198 {
  padding-top: 198px;
}

.pa-bottom-198 {
  padding-bottom: 198px;
}

.pa-left-198 {
  padding-left: 198px;
}

.pa-right-198 {
  padding-right: 198px;
}

.pa-198 {
  padding: 198px !important;
}

.pa-x-198 {
  padding-left: 198px !important;
  padding-right: 198px !important;
}

.pa-y-198 {
  padding-top: 198px !important;
  padding-bottom: 198px !important;
}

.ma-198 {
  margin: 198px !important;
}

.ma-x-198 {
  margin-left: 198px !important;
  margin-right: 198px !important;
}

.ma-y-198 {
  margin-top: 198px !important;
  margin-bottom: 198px !important;
}

.gap-198 {
  gap: 198px;
}

.flex-glow-99 {
  flex-grow: 99;
}

.fz-198 {
  font-size: 198px;
}

.w-990 {
  width: 990px;
}

.minw-990 {
  min-width: 990px !important;
}

.maxw-990 {
  max-width: 990px !important;
}

.wf-990 {
  width: 990px !important;
}

.h-990 {
  height: 990px;
}

.bold {
  font-weight: bold !important;
}

.nowrap {
  white-space: nowrap;
}

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

.hr-left {
  border-left: 1px solid #F5F5F5;
}
.hr-right {
  border-right: 1px solid #F5F5F5;
}
.hr-bottom {
  border-bottom: 1px solid #F5F5F5;
}
.hr-top {
  border-top: 1px solid #F5F5F5;
}

.title-vendor {
  border-left: 5px solid #DE8A6D;
}
.title-master {
  border-left: 5px solid #1FA39E;
}

.flex {
  display: flex;
}
.flex.center {
  justify-content: center;
  align-items: center;
}
.flex.align-center {
  align-items: center;
}
.flex.column {
  flex-direction: column;
}
.flex.between {
  justify-content: space-between;
}
.flex.wrap {
  flex-wrap: wrap;
}
.flex .auto {
  flex-grow: 1;
}

.border-none {
  border: none;
}

.btn.btn-xsm {
  padding: 2px 12px;
  font-size: 0.625rem;
}
.btn.info {
  color: #fff;
  background: #1FA39E;
}
.btn.danger {
  color: #fff;
  background: #C40000;
}
.btn.default {
  color: #fff;
  background: #3B3B3B;
}
.btn.vendor {
  color: #fff;
  background: #DE8A6D;
}

.ellipsis {
  overflow: hidden !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ellipsis2 {
  overflow: hidden !important;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.min-h-auto {
  min-height: 100vh;
}

.min-h-init {
  min-height: auto;
}

.scroll-x {
  overflow-x: auto;
  width: 100%;
}

.readonly {
  background: #fff !important;
  cursor: not-allowed;
}

.w-full {
  width: 100% !important;
}

.w-half {
  width: 50% !important;
}

.disabled {
  pointer-events: none;
  opacity: 0.5;
}

.login-footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #fff;
  padding: 22px;
  text-align: center;
}
.login-footer a {
  text-decoration: underline !important;
  color: #3b3b3b;
  font-size: 0.75rem;
  padding: 0 18px;
}

.toggle-switch {
  position: relative;
  display: inline-block;
  width: 88px;
  height: 30px;
  align-items: center;
}
.toggle-switch .switch {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 5px;
  display: flex;
  align-items: center;
  color: #fff;
  padding: 0 18px;
  font-size: 12px;
}
.toggle-switch .switch.on {
  visibility: hidden;
  justify-content: flex-start;
  background: #DE8A6D;
}
.toggle-switch .switch.off {
  visibility: visible;
  justify-content: flex-end;
  background: #A5A5A5;
}
.toggle-switch .point {
  width: 24px;
  height: 24px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: 3px;
  left: 3px;
}
.toggle-switch.active .off {
  visibility: hidden;
}
.toggle-switch.active .on {
  visibility: visible;
}
.toggle-switch.active .point {
  left: 60px;
}
.toggle-switch.master .switch.on {
  background: #1FA39E !important;
}

.toggleSwitchForm .toggleSwitchForm-trigger input[type=checkbox] {
  display: none;
}
.toggleSwitchForm .toggleSwitchForm-trigger input[type=checkbox]:checked + .toggleSwitchForm-txt {
  background: #DE8A6D;
  padding-left: 0;
  padding-right: 1.5rem;
}
.toggleSwitchForm .toggleSwitchForm-trigger input[type=checkbox]:checked + .toggleSwitchForm-txt::before {
  content: "ON";
}
.toggleSwitchForm .toggleSwitchForm-trigger input[type=checkbox]:checked + .toggleSwitchForm-txt::after {
  left: 3.9375rem;
}
.toggleSwitchForm .toggleSwitchForm-trigger .toggleSwitchForm-txt {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #717171;
  height: 1.875rem;
  width: 5.5rem;
  border-radius: 0.9375rem;
  color: #fff;
  padding-left: 1.625rem;
  position: relative;
  cursor: pointer;
}
.toggleSwitchForm .toggleSwitchForm-trigger .toggleSwitchForm-txt::before {
  content: "OFF";
}
.toggleSwitchForm .toggleSwitchForm-trigger .toggleSwitchForm-txt::after {
  content: "";
  width: 1.25rem;
  height: 1.25rem;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  left: 0.3125rem;
  top: 50%;
  transform: translate(0, -50%);
  transition: all 0.4s ease;
}
.toggleSwitchForm ._hidden {
  visibility: hidden;
  position: absolute;
}
.toggleSwitchForm.--master .toggleSwitchForm-trigger input[type=checkbox]:checked + .toggleSwitchForm-txt {
  background: #1FA39E;
}

.toggleSwitchFormText {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.875rem;
  color: #fff;
  font-size: 0.75rem;
  background: #717171;
  border-radius: 0.9375rem;
  width: 3.125rem;
}
.toggleSwitchFormText.--active {
  background: #DE8A6D;
}
.toggleSwitchFormText.--active.--master {
  background: #1FA39E;
}

/**
 * Tom Select Bootstrap 4
 */
/**
 * tom-select.css (v2.4.3)
 * Copyright (c) contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 */
.ts-control {
  border: 1px solid #ced4da;
  padding: 0.375rem 0.75rem;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 0.25rem;
  display: flex;
  flex-wrap: wrap;
}

.ts-wrapper.multi.has-items .ts-control {
  padding: calc(0.375rem - 1px - 0) 0.75rem calc(0.375rem - 1px - 3px - 0);
}

.full .ts-control {
  background-color: #fff;
}

.disabled .ts-control, .disabled .ts-control * {
  cursor: default !important;
}

.focus .ts-control {
  box-shadow: none;
}

.ts-control > * {
  vertical-align: baseline;
  display: inline-block;
}

.ts-wrapper.multi .ts-control > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 1px 5px;
  background: #efefef;
  color: #343a40;
  border: 0 solid #dee2e6;
}

.ts-wrapper.multi .ts-control > div.active {
  background: #007bff;
  color: #fff;
  border: 0 solid rgba(0, 0, 0, 0);
}

.ts-wrapper.multi.disabled .ts-control > div, .ts-wrapper.multi.disabled .ts-control > div.active {
  color: rgb(134.5, 134.5, 134.5);
  background: white;
  border: 0 solid white;
}

.ts-control > input {
  flex: 1 1 auto;
  min-width: 7rem;
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  -ms-user-select: auto !important;
  user-select: auto !important;
  box-shadow: none !important;
}

.ts-control > input::-ms-clear {
  display: none;
}

.ts-control > input:focus {
  outline: none !important;
}

.has-items .ts-control > input {
  margin: 0 4px !important;
}

.ts-control.rtl {
  text-align: right;
}

.ts-control.rtl.single .ts-control:after {
  left: calc(0.75rem + 5px);
  right: auto;
}

.ts-control.rtl .ts-control > input {
  margin: 0 4px 0 -2px !important;
}

.disabled .ts-control {
  opacity: 0.5;
  background-color: #e9ecef;
}

.input-hidden .ts-control > input {
  opacity: 0;
  position: absolute;
  left: -10000px;
}

.ts-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 10;
  border: 1px solid #d0d0d0;
  background: #fff;
  margin: 0.25rem 0 0;
  border-top: 0 none;
  box-sizing: border-box;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 0.25rem 0.25rem;
}

.ts-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}

.ts-dropdown [data-selectable] .highlight {
  background: rgba(255, 237, 40, 0.4);
  border-radius: 1px;
}

.ts-dropdown .option,
.ts-dropdown .optgroup-header,
.ts-dropdown .no-results,
.ts-dropdown .create {
  padding: 3px 0.75rem;
}

.ts-dropdown .option, .ts-dropdown [data-disabled], .ts-dropdown [data-disabled] [data-selectable].option {
  cursor: inherit;
  opacity: 0.5;
}

.ts-dropdown [data-selectable].option {
  opacity: 1;
  cursor: pointer;
}

.ts-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}

.ts-dropdown .optgroup-header {
  color: #6c757d;
  background: #fff;
  cursor: default;
}

.ts-dropdown .active {
  background-color: #e9ecef;
  color: rgb(21.6283783784, 24.25, 26.8716216216);
}

.ts-dropdown .active.create {
  color: rgb(21.6283783784, 24.25, 26.8716216216);
}

.ts-dropdown .create {
  color: rgba(52, 58, 64, 0.5);
}

.ts-dropdown .spinner {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 3px 0.75rem;
}

.ts-dropdown .spinner::after {
  content: " ";
  display: block;
  width: 24px;
  height: 24px;
  margin: 3px;
  border-radius: 50%;
  border: 5px solid #d0d0d0;
  border-color: #d0d0d0 transparent #d0d0d0 transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.ts-dropdown-content {
  overflow: hidden auto;
  max-height: 200px;
  scroll-behavior: smooth;
}

.ts-wrapper.plugin-drag_drop .ts-dragging {
  color: transparent !important;
}

.ts-wrapper.plugin-drag_drop .ts-dragging > * {
  visibility: hidden !important;
}

.plugin-checkbox_options:not(.rtl) .option input {
  margin-right: 0.5rem;
}

.plugin-checkbox_options.rtl .option input {
  margin-left: 0.5rem;
}

/* stylelint-disable function-name-case */
.plugin-clear_button {
  --ts-pr-clear-button: 1em;
}

.plugin-clear_button .clear-button {
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: calc(0.75rem - 5px);
  margin-right: 0 !important;
  background: transparent !important;
  transition: opacity 0.5s;
  cursor: pointer;
}

.plugin-clear_button.form-select .clear-button, .plugin-clear_button.single .clear-button {
  right: max(var(--ts-pr-caret), 0.75rem);
}

.plugin-clear_button.focus.has-items .clear-button, .plugin-clear_button:not(.disabled):hover.has-items .clear-button {
  opacity: 1;
}

.ts-wrapper .dropdown-header {
  position: relative;
  padding: 6px 0.75rem;
  border-bottom: 1px solid #d0d0d0;
  background: color-mix(#fff, #d0d0d0, 85%);
  border-radius: 0.25rem 0.25rem 0 0;
}

.ts-wrapper .dropdown-header-close {
  position: absolute;
  right: 0.75rem;
  top: 50%;
  color: #343a40;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
}

.ts-wrapper .dropdown-header-close:hover {
  color: black;
}

.plugin-dropdown_input.focus.dropdown-active .ts-control {
  box-shadow: none;
  border: 1px solid #ced4da;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.plugin-dropdown_input .dropdown-input {
  border: 1px solid #d0d0d0;
  border-width: 0 0 1px;
  display: block;
  padding: 0.375rem 0.75rem;
  box-shadow: none;
  width: 100%;
  background: transparent;
}

.plugin-dropdown_input.focus .ts-dropdown .dropdown-input {
  border-color: rgb(127.5, 189, 255);
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.plugin-dropdown_input .items-placeholder {
  border: 0 none !important;
  box-shadow: none !important;
  width: 100%;
}

.plugin-dropdown_input.has-items .items-placeholder, .plugin-dropdown_input.dropdown-active .items-placeholder {
  display: none !important;
}

.ts-wrapper.plugin-input_autogrow.has-items .ts-control > input {
  min-width: 0;
}

.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input {
  flex: none;
  min-width: 4px;
}

.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::-ms-input-placeholder {
  color: transparent;
}

.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::placeholder {
  color: transparent;
}

.ts-dropdown.plugin-optgroup_columns .ts-dropdown-content {
  display: flex;
}

.ts-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
}

.ts-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}

.ts-dropdown.plugin-optgroup_columns .optgroup::before {
  display: none;
}

.ts-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}

.ts-wrapper.plugin-remove_button .item {
  display: inline-flex;
  align-items: center;
}

.ts-wrapper.plugin-remove_button .item .remove {
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 0 5px;
  border-radius: 0 2px 2px 0;
  box-sizing: border-box;
}

.ts-wrapper.plugin-remove_button .item .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}

.ts-wrapper.plugin-remove_button.disabled .item .remove:hover {
  background: none;
}

.ts-wrapper.plugin-remove_button .remove-single {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 23px;
}

.ts-wrapper.plugin-remove_button:not(.rtl) .item {
  padding-right: 0 !important;
}

.ts-wrapper.plugin-remove_button:not(.rtl) .item .remove {
  border-left: 1px solid #dee2e6;
  margin-left: 5px;
}

.ts-wrapper.plugin-remove_button:not(.rtl) .item.active .remove {
  border-left-color: rgba(0, 0, 0, 0);
}

.ts-wrapper.plugin-remove_button:not(.rtl).disabled .item .remove {
  border-left-color: white;
}

.ts-wrapper.plugin-remove_button.rtl .item {
  padding-left: 0 !important;
}

.ts-wrapper.plugin-remove_button.rtl .item .remove {
  border-right: 1px solid #dee2e6;
  margin-right: 5px;
}

.ts-wrapper.plugin-remove_button.rtl .item.active .remove {
  border-right-color: rgba(0, 0, 0, 0);
}

.ts-wrapper.plugin-remove_button.rtl.disabled .item .remove {
  border-right-color: white;
}

:root {
  --ts-pr-clear-button: 0px;
  --ts-pr-caret: 0px;
  --ts-pr-min: .75rem;
}

.ts-wrapper.single .ts-control, .ts-wrapper.single .ts-control input {
  cursor: pointer;
}

.ts-control:not(.rtl) {
  padding-right: max(var(--ts-pr-min), var(--ts-pr-clear-button) + var(--ts-pr-caret)) !important;
}

.ts-control.rtl {
  padding-left: max(var(--ts-pr-min), var(--ts-pr-clear-button) + var(--ts-pr-caret)) !important;
}

.ts-wrapper {
  position: relative;
}

.ts-dropdown,
.ts-control,
.ts-control input {
  color: #343a40;
  font-family: inherit;
  font-size: inherit;
  line-height: 1.5;
}

.ts-control,
.ts-wrapper.single.input-active .ts-control {
  background: #fff;
  cursor: text;
}

.ts-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.ts-wrapper.single .ts-control {
  --ts-pr-caret: 2rem;
}

.ts-wrapper.single .ts-control::after {
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #343a40 transparent transparent transparent;
}

.ts-wrapper.single .ts-control:not(.rtl)::after {
  right: calc(0.75rem + 5px);
}

.ts-wrapper.single .ts-control.rtl::after {
  left: calc(0.75rem + 5px);
}

.ts-wrapper.single.dropdown-active .ts-control::after {
  margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #343a40 transparent;
}

.ts-wrapper.single.input-active .ts-control, .ts-wrapper.single.input-active .ts-control input {
  cursor: text;
}

.ts-wrapper.form-control,
.ts-wrapper.form-select {
  padding: 0 !important;
}

.ts-dropdown,
.ts-dropdown.form-control {
  height: auto;
  padding: 0;
  z-index: 1000;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.ts-dropdown .optgroup-header {
  font-size: 0.875rem;
  line-height: 1.5;
}

.ts-dropdown .optgroup:first-child::before {
  display: none;
}

.ts-dropdown .optgroup::before {
  content: " ";
  display: block;
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}

.ts-dropdown .create {
  padding-left: 0.75rem;
}

.ts-dropdown-content {
  padding: 5px 0;
}

.ts-control {
  min-height: calc(1.5em + 0.75rem + 2px);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  display: flex;
  align-items: center;
}

@media (prefers-reduced-motion: reduce) {
  .ts-control {
    transition: none;
  }
}
.focus .ts-control {
  border-color: rgb(127.5, 189, 255);
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.is-invalid .ts-control,
.was-validated .invalid .ts-control {
  border-color: #dc3545;
}

.focus .is-invalid .ts-control,
.focus .was-validated .invalid .ts-control {
  border-color: rgb(189.2151898734, 32.7848101266, 47.7721518987);
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.is-valid .ts-control {
  border-color: #28a745;
}

.focus .is-valid .ts-control {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.input-group-sm > .ts-wrapper .ts-control, .ts-wrapper.form-control-sm .ts-control {
  min-height: calc(1.5em + 0.5rem + 2px);
  padding: 0 0.75rem;
  border-radius: 0.2rem;
  font-size: 0.875rem;
}

.input-group-sm > .ts-wrapper.has-items .ts-control, .ts-wrapper.form-control-sm.has-items .ts-control {
  min-height: calc(1.5em + 0.5rem + 2px) !important;
  font-size: 0.875rem;
  padding-bottom: 0;
}

.input-group-sm > .ts-wrapper.multi.has-items .ts-control, .ts-wrapper.form-control-sm.multi.has-items .ts-control {
  padding-top: calc((1.5em + 0.5rem + 2px - 1.3125rem - 4px) / 2) !important;
}

.ts-wrapper.multi.has-items .ts-control {
  padding-left: calc(0.75rem - 5px);
  --ts-pr-min: calc(0.75rem - 5px);
}

.ts-wrapper.multi .ts-control > div {
  border-radius: calc(0.25rem - 1px);
}

.input-group-lg > .ts-wrapper > .ts-control, .ts-wrapper.form-control-lg .ts-control {
  min-height: calc(1.5em + 1rem + 2px);
  border-radius: 0.3rem;
  font-size: 1.25rem;
}

.form-control.ts-wrapper {
  padding: 0;
  height: auto;
  border: none;
  background: none;
  border-radius: 0;
}

.input-group > .ts-wrapper {
  flex-grow: 1;
}

.input-group > .ts-wrapper:not(:nth-child(2)) > .ts-control {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group > .ts-wrapper:not(:last-child) > .ts-control {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/*# sourceMappingURL=tom-select.bootstrap4.css.map */
.ts-wrapper {
  width: 100%;
  box-sizing: border-box;
}
.ts-wrapper.focus .ts-control {
  outline-width: 1.11111px;
  outline-style: auto;
  outline-color: rgb(0, 95, 204);
  box-shadow: none !important;
}
.ts-wrapper .ts-control {
  height: 100%;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  overflow: hidden;
  padding: 0 10px;
  border-radius: 8px;
  border: 1px solid #CBCED6;
}
.ts-wrapper .ts-control .item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 8px;
  max-width: 100%;
}
.ts-wrapper .ts-control input {
  height: auto;
  line-height: 1.4;
  padding: 0;
  margin: 0;
  border: none;
  flex: 1;
  min-width: 0;
}
.ts-wrapper.multi .ts-control .item {
  background-color: #65A09A;
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 4px 12px;
  margin: 4px 4px 4px 0;
  box-shadow: none;
  font-size: 12px;
}

select[multiple] + .ts-wrapper .ts-control {
  flex-wrap: wrap;
}

/*!
 * Toastify js 1.12.0
 * https://github.com/apvarun/toastify-js
 * @license MIT licensed
 *
 * Copyright (C) 2018 Varun A P
 */
.toastify {
  padding: 12px 20px;
  color: #ffffff;
  display: inline-block;
  box-shadow: 0 3px 6px -1px rgba(0, 0, 0, 0.12), 0 10px 36px -4px rgba(77, 96, 232, 0.3);
  background: -webkit-linear-gradient(315deg, #73a5ff, #5477f5);
  background: linear-gradient(135deg, #73a5ff, #5477f5);
  position: fixed;
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  border-radius: 2px;
  cursor: pointer;
  text-decoration: none;
  max-width: calc(50% - 20px);
  z-index: 2147483647;
}

.toastify.on {
  opacity: 1;
}

.toast-close {
  background: transparent;
  border: 0;
  color: white;
  cursor: pointer;
  font-family: inherit;
  font-size: 1em;
  opacity: 0.4;
  padding: 0 5px;
}

.toastify-right {
  right: 15px;
}

.toastify-left {
  left: 15px;
}

.toastify-top {
  top: -150px;
}

.toastify-bottom {
  bottom: -150px;
}

.toastify-rounded {
  border-radius: 25px;
}

.toastify-avatar {
  width: 1.5em;
  height: 1.5em;
  margin: -7px 5px;
  border-radius: 2px;
}

.toastify-center {
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  max-width: fit-content;
  max-width: -moz-fit-content;
}

@media only screen and (max-width: 360px) {
  .toastify-right, .toastify-left {
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    max-width: fit-content;
  }
}
.analytics__top form {
  display: flex;
  align-items: center;
}
.analytics__top-body {
  padding-right: 1.25rem;
  border-right: 2px solid #f5f5f5;
  flex: 1 1 auto;
}
.analytics__top-btns {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  padding-left: 1.4375rem;
  padding-right: 0.1875rem;
}
.analytics__unitSelectors {
  margin: 20px 0;
  border-radius: 4px;
  background-color: #F0F0F0;
  color: #A5A5A5;
  font-size: 20px;
  height: 50px;
  display: flex;
  justify-content: space-between;
}
.analytics__unitSelectors-item {
  width: 33.3333333333%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.analytics__unitSelectors-item.selected {
  background-color: #1FA39E;
}
.analytics__unitSelectors-item.selected button {
  color: #FFFFFF;
}
.analytics__unitSelectors-item button {
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: transparent;
}
.analytics__unitSelectors-item button:focus {
  outline: none;
}
.analytics__unitSelectors-item button:hover {
  background-color: #1FA39E;
  color: white;
  opacity: 0.4;
}
.analytics__unitSelectors-item:first-child {
  border-radius: 4px 0 0 4px;
  border-right: 1px solid #D3D3D3;
}
.analytics__unitSelectors-item:last-child {
  border-radius: 0 4px 4px 0;
  border-left: 1px solid #D3D3D3;
}
.analytics__contents {
  border: solid 1px #D3D3D3;
  border-radius: 8px;
  background-color: #F5F5F5;
  padding: 20px;
}
.analytics__dataSelector {
  background-color: #FFFFFF;
  border-radius: 4px;
  padding: 20px;
}
.analytics__dataSelector .common-form__item:first-child {
  margin-bottom: 20px;
}
.analytics__chartWrapper {
  background-color: #FFFFFF;
  margin-top: 20px;
}
.analytics__tableWrapper {
  background-color: #FFFFFF;
  margin-top: 20px;
  width: 100%;
}
.analytics__tableWrapper th, .analytics__tableWrapper td {
  text-align: center;
}

html,
body {
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  html,
body {
    font-size: 14px;
  }
}

a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
a:link, a:hover, a:active, a:visited {
  text-decoration: none;
}

a:hover {
  color: inherit;
}

a,
button {
  z-index: 1;
  cursor: pointer;
}
a:hover,
button:hover {
  opacity: 0.8;
  transition: 0.3s;
}

input,
button {
  border: none;
  outline: none;
  font-size: 100%;
}
input[type=submit],
button[type=submit] {
  cursor: pointer;
}

* {
  box-sizing: border-box;
}

/*
 * レスポンシブ
 */
.pcOnly {
  display: block;
}
@media screen and (max-width: 768px) {
  .pcOnly {
    display: none !important;
  }
}

.pcOnlyTable {
  display: table;
}
@media screen and (max-width: 768px) {
  .pcOnlyTable {
    display: none !important;
  }
}

.spOnly {
  display: none;
}
@media screen and (max-width: 768px) {
  .spOnly {
    display: block !important;
  }
}

.pcOnlyFlex {
  display: flex;
}
@media screen and (max-width: 768px) {
  .pcOnlyFlex {
    display: none !important;
  }
}

.spOnlyFlex {
  display: none;
}
@media screen and (max-width: 768px) {
  .spOnlyFlex {
    display: flex !important;
  }
}

.pcOnlyTable {
  display: table;
}
@media screen and (max-width: 768px) {
  .pcOnlyTable {
    display: none !important;
  }
}

/*
 * display
 */
.block {
  display: block;
}

.none {
  display: none !important;
}

.flex {
  display: flex;
}

.justify_center {
  display: flex;
  justify-content: center;
}

.block {
  display: block;
}

/*
 * position
 */
.center_all {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.textCenter {
  text-align: center;
}

/*
 * padding, margin
 */
.p_x_auto {
  padding-left: auto;
  padding-right: auto;
}
.p_x_16px {
  padding-left: 16px;
  padding-right: 16px;
}
.p_l_10px {
  padding-left: 10px;
}
.p_l_20px {
  padding-left: 20px;
}
.p_l_30px {
  padding-left: 30px;
}
.p_l_40px {
  padding-left: 40px;
}

.m_r_16px {
  margin-right: 16px;
}
.m_l_16px {
  margin-left: 16px;
}
.m_l_24px {
  margin-left: 24px;
}
.m_x_auto {
  margin-left: auto;
  margin-right: auto;
}
.m_x_30px {
  margin-left: 30px;
  margin-right: 30px;
}
.m_y_10px {
  margin-top: 10px;
  margin-bottom: 10px;
}
.m_y_15px {
  margin-top: 15px;
  margin-bottom: 15px;
}
.m_y_20px {
  margin-top: 20px;
  margin-bottom: 20px;
}
.m_y_30px {
  margin-top: 30px;
  margin-bottom: 30px;
}
.m_y_50px {
  margin-top: 50px;
  margin-bottom: 50px;
}
.m_b_20px {
  margin-bottom: 20px;
}
.m_b_30px {
  margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
  .spHidden {
    display: none;
  }
}

.spAppear {
  display: none;
}
@media screen and (max-width: 768px) {
  .spAppear {
    display: block;
  }
}

.spAppearFlex {
  display: none !important;
}
@media screen and (max-width: 768px) {
  .spAppearFlex {
    display: flex !important;
  }
}

.spAppearTable {
  display: none;
}
@media screen and (max-width: 768px) {
  .spAppearTable {
    display: table;
  }
}

.pRelative {
  position: relative;
}

.pSticky {
  position: sticky !important;
}

.bodyFixed {
  position: fixed;
  inset: 0;
}

.bodyOverfllowHideen {
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .spBr::before {
    content: "\a";
    white-space: pre;
  }
}

@media screen and (max-width: 768px) {
  input[type=text],
input[type=password],
input[type=tel],
input[type=email],
input[type=number],
input[type=search],
textarea {
    font-size: 16px !important;
  }
}

.invisible {
  visibility: hidden;
}

.toast {
  position: fixed;
  top: 86px;
  right: 24px;
  z-index: 210;
  color: #FFF;
  font-weight: 600;
  font-size: 14px;
  min-width: 350px;
  display: flex;
  align-items: center;
  border-radius: 8px;
  opacity: 1;
  transition: all 0.2s linear;
}
@media screen and (max-width: 768px) {
  .toast {
    min-width: initial;
    right: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width: 90%;
  }
}
.toast.hide {
  opacity: 0;
  visibility: hidden;
}
.toast .toast-body {
  position: relative;
  padding-left: 30px;
}
.toast .toast-bodyOk::before {
  content: "";
  background: url(/assets/check_share-0a67d311e407b197f5b5b25bb0839bcb611f94ee605f439db4a73c984cf6067a.svg) no-repeat center center;
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 24px;
  height: 24px;
}
.toast .toast-bodyNg::before {
  content: "";
  background: url(/assets/error-1d0607f21ffbd49e9ed37a3c8460b5d60f692d06373b2d4057fda12c09296b09.svg) no-repeat center center;
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 24px;
  height: 24px;
}
.toastOk {
  background: #55B938;
}
.toastNg {
  background: #D65745;
}
.toast .d-flex {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 16px;
}
.toast button {
  padding: 0;
  border: none;
  outline: none;
  font: inherit;
  color: inherit;
  background: none;
  position: relative;
}
.toast .btn-close {
  height: 10px;
  width: 10px;
}
.toast .btn-close::before, .toast .btn-close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 12px;
  background: #FFF;
}
.toast .btn-close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.toast .btn-close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.toast .btn-close-label {
  position: absolute;
  top: 6px;
  right: 14px;
  cursor: pointer;
  z-index: 1;
}

input:-webkit-autofill {
  box-shadow: 0 0 0 1000px #FFF inset;
}

.datepicker-days td, .datepicker-days th {
  width: 40px !important;
  height: 40px !important;
  font-weight: 600;
  color: #323232;
  vertical-align: middle;
}
.datepicker-days .datepicker table tr td.range, .datepicker-days .datepicker table tr td.range.disabled, .datepicker-days .datepicker table tr td.range.disabled:hover, .datepicker-days .datepicker table tr td.range:hover {
  border-radius: 0 !important;
}
.datepicker-days .range-start-custom {
  border-radius: 8px 0 0 8px !important;
}
.datepicker-days .range-end-custom {
  border-radius: 0 8px 8px 0 !important;
}

.datepicker th {
  font-size: 13px;
}

.datepicker td {
  font-size: 14px;
  border-radius: 8px !important;
}

.datepicker table tr td.new,
.datepicker table tr td.old {
  color: #D8D8D8 !important;
}

.datepicker table tr td.day.focused,
.datepicker table tr td.day:hover {
  background: #EDF6F6 !important;
  color: #65A09A;
}

.datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled] {
  background-color: #65A09A !important;
  color: #FFF;
  background-image: initial;
}

.datepicker table tr td.selected, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected:hover {
  background-color: #65A09A !important;
  color: #FFF;
  background-image: initial !important;
}

.datepicker table tr td.range, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover, .datepicker table tr td.range:hover {
  background: #F1F5F5 !important;
  border-radius: 0 !important;
}

.datepicker {
  padding: 16px 24px !important;
  overflow: hidden;
}

.datepicker .prev,
.datepicker .next {
  width: 40px !important;
  height: 40px !important;
}

.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover {
  background: #EDF6F6 !important;
  box-shadow: initial;
}

.datepicker table tr td span {
  width: 93.33px !important;
  height: 40px !important;
  margin: 0 !important;
}

.datepicker-months,
.datepicker-years,
.datepicker-decades,
.datepicker-centuries {
  width: 280px;
  display: flex;
  justify-content: center;
}
.datepicker-months td, .datepicker-months th,
.datepicker-years td,
.datepicker-years th,
.datepicker-decades td,
.datepicker-decades th,
.datepicker-centuries td,
.datepicker-centuries th {
  width: 93.33px !important;
  height: 40px !important;
  font-weight: 600;
  color: #323232;
  vertical-align: middle;
}
.datepicker-months td span,
.datepicker-years td span,
.datepicker-decades td span,
.datepicker-centuries td span {
  display: flex !important;
  justify-content: center;
  align-items: center;
}
.datepicker-months table,
.datepicker-years table,
.datepicker-decades table,
.datepicker-centuries table {
  width: 100%;
}
.datepicker-months td span.focused,
.datepicker-years td span.focused,
.datepicker-decades td span.focused,
.datepicker-centuries td span.focused {
  background: #65A09A !important;
  color: #FFF;
}
.datepicker-months td span:hover,
.datepicker-years td span:hover,
.datepicker-decades td span:hover,
.datepicker-centuries td span:hover {
  background: #EDF6F6 !important;
  color: #65A09A;
}
.datepicker-months .table-condensed > tbody tr,
.datepicker-years .table-condensed > tbody tr,
.datepicker-decades .table-condensed > tbody tr,
.datepicker-centuries .table-condensed > tbody tr {
  height: 190px;
}
.datepicker-months .table-condensed > tbody td,
.datepicker-years .table-condensed > tbody td,
.datepicker-decades .table-condensed > tbody td,
.datepicker-centuries .table-condensed > tbody td {
  position: relative;
  vertical-align: bottom;
}
.datepicker-months .table-condensed > tbody td:before,
.datepicker-years .table-condensed > tbody td:before,
.datepicker-decades .table-condensed > tbody td:before,
.datepicker-centuries .table-condensed > tbody td:before {
  content: "";
  position: absolute;
  top: 12px;
  left: -30px;
  width: 350px;
  height: 1px;
  background: #D8D8D8;
}

.table-condensed > thead > tr:nth-child(2) > .prev {
  font-size: 0;
  position: relative;
}

.table-condensed > thead > tr:nth-child(2) > .prev::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background: url(/assets/chevron_left-75b3feb4cf5a6b8b4110625a74b30f47dbbb0e54114e896888325523dd5e144d.svg) center no-repeat;
  background-size: 50%;
  width: 40px;
  height: 40px;
  border: 1px solid #D8D8D8;
  border-radius: 8px;
}

.table-condensed > thead > tr:nth-child(2) > .prev:hover::before {
  border: none;
}

.table-condensed > thead > tr:nth-child(2) > .next {
  font-size: 0;
  position: relative;
}

.table-condensed > thead > tr:nth-child(2) > .next::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background: url(/assets/chevron_right-607684824f5a9271ca3219a84cea5fcfa5bed8d05935676a530e3a482c503ab0.svg) center no-repeat;
  background-size: 50%;
  width: 40px;
  height: 40px;
  border: 1px solid #D8D8D8;
  border-radius: 8px;
}

.table-condensed > thead > tr:nth-child(2) > .next:hover::before {
  border: none;
}

.datepicker table tr td span.active.active {
  background-color: #EDF6F6 !important;
  color: #65A09A;
  background-image: initial !important;
}

.datepicker table tr td span.active:hover {
  color: #65A09A !important;
}

.table-condensed > thead > tr:nth-child(3) > th {
  position: relative;
  height: 60px !important;
  vertical-align: bottom;
  padding-bottom: 8px;
}

.table-condensed > thead > tr:nth-child(3) > th::before {
  position: absolute;
  content: "";
  top: 20px;
  left: -30px;
  width: 100px;
  height: 1px;
  background: #D8D8D8;
}

.custom-select {
  background: initial;
  border: none;
  height: initial;
  padding: initial;
}

.container {
  max-width: initial;
  padding: initial;
}

.header {
  width: 100%;
  height: 62px;
  margin: 0 auto;
  background: #DE8A6D;
  position: fixed;
  top: 31px;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 110;
}
@media screen and (max-width: 768px) {
  .header {
    padding: 16px 16px 16px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.headerArea {
  margin: 0 auto;
  width: 100%;
  height: 62px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 32px 0 0;
}
@media screen and (max-width: 768px) {
  .headerArea {
    display: initial;
  }
}
.headerTitle {
  font-size: 28px;
  font-weight: 800;
  color: #FFF;
  padding-right: 15px;
  height: 62px;
}
@media screen and (max-width: 768px) {
  .headerTitle {
    font-size: 18px;
  }
}
.headerTitleImg {
  height: 100%;
}
.headerTitle a {
  height: 62px;
  display: inline-block;
  opacity: 1;
}

@media screen and (max-width: 768px) {
  .globalNav {
    display: none;
  }
}
.globalNavSp {
  display: none;
}
@media screen and (max-width: 768px) {
  .globalNavSp {
    display: block;
  }
}
.globalNavSpIcon1 {
  margin-right: 16px;
}
.globalNavSpMenu {
  position: fixed;
  top: 0;
  right: -1200%;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 20%, rgba(0, 0, 0, 0.4) 17%, #F9F8F8 17%, #F9F8F8 80%);
  width: 100%;
  height: 100vh;
  z-index: 100;
  padding-left: 20%;
  transition: 0.3s;
}
.globalNavSpMenuActive {
  right: 0;
  transition: 0.3s;
}
.globalNavSpMenu ul {
  display: flex;
  flex-direction: column;
}
.globalNavSpMenuButtonArea {
  display: flex;
  align-items: center;
  gap: 5%;
  margin: 76px 16px 0px;
  position: relative;
}
.globalNavSpMenuButtonArea a:hover {
  opacity: 1;
}
.globalNavSpMenuLoginButton {
  font-size: 12px;
  font-weight: 600;
  color: #FFF;
  width: 112px;
  height: 43px;
  background: #65A09A;
  border-radius: 40px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}
.globalNavSpMenuLoginButton:hover {
  background: #80BEB8;
}
.globalNavSpMenuNewButton {
  font-size: 12px;
  font-weight: 600;
  padding-right: 8px;
  width: 148px;
  height: 43px;
  background: #FFF;
  color: #65A09A;
  padding: 14px 32px;
  border-radius: 40px;
  border: 2px solid #65A09A;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}
.globalNavSpMenuNewButton:hover {
  border-color: #80BEB8;
  color: #80BEB8;
}
.globalNavSpMenuUlArea {
  margin-top: 16px;
}
.globalNavSpMenuUlArea li {
  width: 100%;
  height: 56px;
  border-bottom: 1px solid #FFF;
  display: grid;
  grid-template-columns: 95% 5%;
  align-items: center;
  font-size: 15px;
  font-weight: 500;
  color: #323232;
  background: #FFF;
  padding-left: 16px;
  margin-left: 1px;
  box-shadow: inset 0px -1px 0px 0px rgb(228, 224, 224);
}
.globalNavSpMenuUlArea div {
  display: flex;
  align-items: center;
  height: 56px;
}
.globalNavSpMenuLiIconArrow {
  position: relative;
  width: 8px;
  height: 8px;
  transform: translateX(-25%) rotate(45deg);
}
.globalNavSpMenuLiIconArrow::before, .globalNavSpMenuLiIconArrow::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 3px;
  color: #323232;
}
.globalNavSpMenuLiIconArrow::before {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}
.globalNavSpMenuLiIconArrow::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}
.globalNavSpMenuLiIcon a {
  display: contents;
}
.globalNavSpMenuMyPage {
  margin: 16px 16px 0px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #484848 !important;
  background: #F9F8F8 !important;
  border-bottom: 1px solid #C5C0C0 !important;
  box-shadow: initial !important;
  margin: 0 16px 0 16px;
  width: 90% !important;
  height: 43px !important;
  padding-left: 0px !important;
}
.globalNavSpClose {
  width: 36px;
  height: 36px;
  background: #FFF;
  border-radius: 50%;
  position: absolute;
  right: 16px;
  top: 16px;
  z-index: 100;
}
.globalNavSpClose::before, .globalNavSpClose::after {
  content: "";
  width: 20px;
  height: 2px;
  background: #EC9375;
  position: absolute;
  left: calc(50% - 10px);
  border-radius: 3px;
  top: 17px;
}
.globalNavSpClose::before {
  transform: rotate(45deg);
}
.globalNavSpClose::after {
  transform: rotate(-45deg);
}
.globalNavSpUserIcon {
  width: 40px;
  height: 40px;
  object-fit: cover;
  object-position: center;
}
.globalNavSpUserIconWrap {
  position: relative;
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 50%;
  margin: 16px 0 -56px 16px;
  border: 1.5px solid #FFF;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-shadow: 0px 8px 14px 0px rgb(47, 25, 25);
}
.globalNavLink1 {
  width: 36px;
  height: 36px;
  background: #D17556;
  border-radius: 50%;
  display: flex;
  align-items: center;
}
.globalNavLink1IconBox {
  background: url(/assets/favorite_border-bc99f6b9db565718704c5934e98fa2d17755027ad3edc911653bbfbe446ab76b.svg) no-repeat center center/auto 100%;
  width: 100%;
  height: 28px;
}
.globalNavLink1Active {
  background: #65A09A;
}
.globalNavLink1Active div {
  background: url(/assets/assignment-c0123712434d31bcf41dc0b30bb705bbccf5fe06ad72a1581c669b96c4a314ec.svg) no-repeat center center/auto 100%;
  box-shadow: initial;
}
.globalNavHumburger {
  width: 36px;
  height: 36px;
  background: #FFF;
  border-radius: 50%;
  display: flex;
  align-items: center;
}
.globalNavHumburgerIconBox {
  width: 100%;
  height: 28px;
  position: relative;
}
.globalNavHumburgerIcon {
  width: 20px;
  height: 2px;
  font-size: 0;
  background: #EC9375;
  position: absolute;
  left: calc(50% - 10px);
  top: 6px;
  border-radius: 3px;
}
.globalNavHumburgerIcon::before, .globalNavHumburgerIcon::after {
  content: "";
  width: 20px;
  height: 2px;
  background: #EC9375;
  position: absolute;
  left: calc(50% - 10px);
  border-radius: 3px;
}
.globalNavHumburgerIcon::before {
  top: 6px;
}
.globalNavHumburgerIcon::after {
  top: 13px;
}
.globalNavHumburgerIconNo {
  width: 22px;
  height: 22px;
  background: #EC5D5D;
  color: #FFF;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -11px;
  right: -11px;
  border-radius: 50%;
}
.globalNavHumburgerActive {
  background: #65A09A;
}
.globalNavHumburgerActive div {
  background: url(/assets/toc-active-fb91ef4d8e1aed83953eaa798c479f63b63c4d1323ac249877cfd89cd3161017.svg) no-repeat center center/auto 100%;
}
.globalNavUl {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.globalNavUl li {
  color: #FFF;
}
.globalNavSearch {
  font-size: 14px;
  font-weight: 600;
  color: #484848;
  padding-right: 16px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .globalNavSearch {
    font-size: 11px;
  }
}
.globalNavSearchIcon {
  padding-right: 4px;
  max-width: 24px;
  max-height: 24px;
}
.globalNavFavorite {
  font-size: 14px;
  font-weight: 600;
  color: #484848;
  padding-right: 16px;
  display: flex;
  align-items: center;
}
.globalNavFavoriteIcon {
  padding-right: 4px;
}
.globalNavContact {
  font-size: 14px;
  font-weight: 600;
  color: #484848;
  padding-right: 30px;
  display: flex;
  align-items: center;
}
.globalNavContactIcon {
  padding-right: 4px;
}
.globalNavLogin {
  font-size: 12px;
  font-weight: 600;
  color: #FFF;
  padding-right: 8px;
  padding-left: 30px;
}
.globalNavLoginButton {
  width: 112px;
  height: 43px;
  background: #65A09A;
  padding: 14px 32px;
  border-radius: 40px;
  position: relative;
  display: flex;
  align-items: center;
  transition: 0.3s;
}
.globalNavLoginButton:hover {
  background: #80BEB8;
}
.globalNavLoginButton::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 24px;
  background-color: #FFF;
  position: absolute;
  top: 9px;
  left: -24px;
}
.globalNavLogin a:hover {
  opacity: 1;
}
.globalNavNew {
  font-size: 12px;
  font-weight: 600;
  padding-right: 8px;
}
.globalNavNewButton {
  width: 148px;
  height: 43px;
  background: #FFF;
  color: #65A09A;
  padding: 14px 32px;
  border-radius: 40px;
  border: 2px solid #65A09A;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}
.globalNavNewButton:hover {
  border-color: #80BEB8;
  color: #80BEB8;
}
.globalNavNew a:hover {
  opacity: 1;
}
.globalNavUser {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.globalNavUser img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
  box-shadow: 0px 8px 14px 0px rgb(160, 63, 29);
  background-color: white;
  border: 1.5px solid #FFF;
}
.globalNavUser .notSetting {
  object-position: center !important;
}
.globalNavLogout {
  font-size: 12px;
  font-weight: 600;
  padding-right: 8px;
  position: relative;
  margin-left: 30px;
}
.globalNavLogout a::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 24px;
  background-color: #FFF;
  position: absolute;
  top: 9px;
  left: -24px;
}
.globalNavLogout a:hover {
  opacity: 1;
}
.globalNavLogoutButton {
  width: 148px;
  height: 43px;
  background: #FFF;
  color: #65A09A;
  padding: 14px 32px;
  border-radius: 40px;
  border: 2px solid #65A09A;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}
.globalNavLogoutButton:hover {
  border-color: #80BEB8;
  color: #80BEB8;
}
.globalNavFacility {
  font-size: 14px;
  font-weight: 600;
  padding-right: 32px;
  height: 43px;
  background: #EAB669;
  color: white;
  padding: 16px 32px;
  border-radius: 30px;
  box-sizing: border-box;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  margin-left: 5px;
}

#entries {
  /** Custom Select **/
  /** Custom Select **/
}
#entries .mainContents {
  background: #f9f8f8;
  flex: auto;
}
@media screen and (max-width: 768px) {
  #entries .mainContents {
    padding: 0 16px 16px;
  }
}
#entries .mainContentsGrid {
  background: #f9f8f8;
  display: flex;
  justify-content: center;
  gap: 20px;
  margin: 0 auto;
}
#entries .entriesContainer {
  background: #FFF;
  border-radius: 6px;
  border: 1px solid #E4E0E0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 20px 0px;
}
#entries .entriesContainerTitle {
  font-size: 15px;
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif;
  color: #323232;
  padding: 0px 24px;
}
@media screen and (max-width: 768px) {
  #entries .entriesContainerTitle {
    padding: 0px 16px;
  }
}
#entries .entriesContainerTitleComment {
  font-size: 12px;
  font-weight: 400;
  font-family: "Noto Sans JP", sans-serif;
  color: #979797;
  padding: 8px 24px 20px;
  border-bottom: 1px solid #C5C0C0;
}
@media screen and (max-width: 768px) {
  #entries .entriesContainerTitleComment {
    padding: 8px 16px 16px;
  }
}
#entries .entriesLink {
  background: #F6F3F0;
  height: 42px;
  border-radius: 6px;
  margin: 24px 24px 0px;
  font-size: 13px;
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
  color: #323232;
  padding: 0px 24px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  #entries .entriesLink {
    padding: 0px 16px;
    margin: 24px 16px 0px;
  }
}
#entries .entriesLinkContainer {
  display: flex;
  align-items: center;
  padding: 8px 0px 0px;
  margin: 0 24px 16px;
  border-bottom: 1px solid #C5C0C0;
  height: 42px;
}
@media screen and (max-width: 768px) {
  #entries .entriesLinkContainer {
    margin: 0px 16px;
    gap: 4%;
  }
}
#entries .entriesLinkTab {
  width: 128px;
  height: 27px;
  font-size: 13px;
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
  color: #91AFAC;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 7px;
}
@media screen and (max-width: 768px) {
  #entries .entriesLinkTab {
    width: 100px;
  }
}
#entries .entriesLinkTabSelected {
  font-weight: 700;
  color: #65A09A;
  border-bottom: 3px solid #65A09A;
}
#entries .entriesLinkNo {
  width: 22px;
  height: 22px;
  color: #FFF;
  background: #EC5D5D;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1px;
  margin-left: 8px;
  padding: 0 0 1px 1px;
  font-size: 14px;
  font-weight: 600;
}
#entries .mypageCardAreaFlex {
  display: flex;
  flex-wrap: wrap;
  padding: 0 10px;
  height: calc(100vh - 377px - 40px);
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
#entries .mypageCardAreaFlex::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 992px) {
  #entries .mypageCardAreaFlex {
    height: calc(100vh - 373px - 40px);
  }
}
@media screen and (max-width: 768px) {
  #entries .mypageCardAreaFlex {
    justify-content: center;
    padding: 0 16px;
    height: initial;
    overflow: initial;
    -ms-overflow-style: initial;
    scrollbar-width: initial;
  }
}
#entries .mypageCardAreaFlex.not_logged_in {
  min-height: calc(100vh - 310px);
}
@media screen and (max-width: 992px) {
  #entries .mypageCardAreaFlex.not_logged_in {
    min-height: calc(100vh - 310px);
  }
}
#entries .mypageCardAreaFlex.favorite-list {
  height: calc(100vh - 329px - 40px);
}
@media screen and (max-width: 992px) {
  #entries .mypageCardAreaFlex.favorite-list {
    height: initial;
  }
}
#entries .card {
  width: 100% !important;
  max-width: 320px;
  border-radius: 15px;
  margin-top: 16px;
  padding: 5px 7px 5px 14px;
  overflow: hidden;
  border: 0px;
  min-width: initial;
  margin-left: initial;
  position: initial !important;
}
@media screen and (max-width: 768px) {
  #entries .card {
    margin-top: 11px;
  }
}
#entries .cardAreaFlex {
  display: flex;
  flex-wrap: wrap;
  padding: 0 10px;
}
@media screen and (max-width: 768px) {
  #entries .cardAreaFlex {
    justify-content: center;
  }
}
#entries .cardImage {
  border-radius: 15px 15px 0px 0px;
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-top: 1px solid #cbced6;
  border-right: 1px solid #cbced6;
  border-left: 1px solid #cbced6;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#entries .cardImageArea {
  position: relative;
  height: initial;
}
#entries .cardDetailArea {
  padding: 21px 16px 12px;
  background: #fff;
  border-top: 1px solid #cbced6;
  border-right: 1px solid #cbced6;
  border-left: 1px solid #cbced6;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin: initial;
}
#entries .cardCategory {
  font-size: 11px;
  font-weight: 500;
  height: 25px;
  border-radius: 4px;
  background: #ffdfe1;
  color: #d8313b;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 8px;
}
#entries .cardNurserySchoolName {
  font-size: 15px;
  font-weight: 600;
  color: #484848;
  padding-top: 8px;
}
#entries .cardNurserySchoolAdress {
  font-size: 11px;
  font-weight: 600;
  color: #979797;
}
#entries .cardFlex {
  display: flex;
  justify-content: space-between;
  padding-top: 9px;
}
#entries .cardTagFlex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 11px;
  background: #fff;
}
#entries .cardListOk {
  font-size: 9px;
  font-weight: 600;
  color: #1e5a54;
  background: #deedeb;
  border: 0.5px solid #65a09a;
  border-radius: 4px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 4px 4px;
  height: 30px;
  width: 100%;
  padding: initial;
}
#entries .cardListOkIcon {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1.5px solid #65a09a;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-right: 2px;
}
#entries .cardListNg {
  font-size: 9px;
  font-weight: 600;
  color: #b6b6b6;
  background: #efefef;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 4px 4px;
  height: 30px;
  width: 100%;
  padding: initial;
}
#entries .cardListNgIcon {
  display: block;
  width: 11px;
  height: 12px;
  position: relative;
  margin-right: 2px;
}
#entries .cardListNgIcon:before, #entries .cardListNgIcon:after {
  content: "";
  border-radius: 3px;
  display: block;
  width: 100%;
  height: 1.5px;
  background: #b6b6b6;
  transform: rotate(45deg);
  transform-origin: 0% 50%;
  position: absolute;
  top: 1px;
  left: 14%;
}
#entries .cardListNgIcon:after {
  transform: rotate(-45deg);
  transform-origin: 100% 50%;
  left: auto;
  right: 14%;
}
#entries .cardCardTable {
  text-align: center;
  width: 100%;
}
@media screen and (max-width: 768px) {
  #entries .cardCardTable {
    width: 97%;
    margin: 16px auto 0px;
  }
}
#entries .cardCardTable th {
  width: 16.5%;
  border-top: 1px solid #E6E6E6;
  border-left: 1px solid #E6E6E6;
  font-size: 12px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  padding: 6px 1%;
}
#entries .cardCardTable th:last-child {
  border-right: 1px solid #E6E6E6;
}
#entries .cardCardTable td {
  width: 16.5%;
  border-top: 1px solid #E6E6E6;
  border-left: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
  padding: 4px 12px;
  white-space: nowrap;
}
#entries .cardCardTable td:last-child {
  border-right: 1px solid #E6E6E6;
}
#entries .cardCardTableOk {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1.5px solid #FF0000;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin: 0 auto;
}
#entries .cardCardTableNgLeft {
  border-left: 1.5px solid #B6B6B6;
  width: 0px;
  height: 12px;
  display: inline-block;
  transform: rotate(-45deg);
  border-radius: 3px;
  margin-right: -5px;
}
#entries .cardCardTableNgRight {
  border-right: 1.5px solid #B6B6B6;
  width: 0px;
  height: 12px;
  display: inline-block;
  transform: rotate(45deg);
  border-radius: 3px;
}
#entries .cardFlexSecond {
  display: flex;
  align-items: center;
}
#entries .cardNurserySchoolDetail {
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  color: #535353;
  padding-top: 8px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
#entries .cardApplicationDay {
  margin-top: 12px;
  height: 29px;
  border: 1px solid #C8C8C8;
  display: flex;
  align-items: center;
}
#entries .cardApplicationDayText {
  font-size: 12px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  color: #FFF;
  background: #65A09A;
  border-right: 1px solid #C8C8C8;
  width: 52px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 7px;
}
#entries .cardApplicationDayDate {
  font-size: 12px;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  color: #464E5F;
  background: #FFF;
  padding: 0 8px;
}
#entries .cardReserve {
  width: 70px;
  max-width: 100px;
  height: 34px;
  position: absolute;
  top: 16px;
  right: 14px;
  background: #fff;
  color: #e24545;
  font-size: 12px;
  font-weight: 500;
  border: 1.5px solid #e24545;
  border-radius: 60px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
#entries .cardReserveIcon {
  padding-right: 4px;
}
#entries .cardFieldTrip {
  width: 92px;
  height: 26px;
  position: absolute;
  bottom: -9px;
  left: -12px;
  background: #65a09a;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  border-radius: 4px 4px 4px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#entries .cardFieldTrip:before {
  position: absolute;
  content: "";
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 10px transparent;
  border-right: solid 11px #3c7771;
}
#entries .cardHeart {
  width: 36px;
  height: 36px;
  position: absolute;
  bottom: -14px;
  right: 14px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0px 10px 8px 0px rgba(0, 0, 0, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
}
#entries .cardContactArea {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #65a09a;
  color: #fff;
  padding: 0px 12px;
  height: 25px;
  box-shadow: 0px -1px 0px 0px rgb(215, 215, 215);
  border-right: 1px solid #cbced6;
  border-left: 1px solid #cbced6;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-top: initial;
}
#entries .cardContactAreaText {
  font-size: 11px;
  font-weight: 600;
}
#entries .cardContactAreaTel {
  font-size: 12px;
  font-weight: 600;
}
#entries .cardFooter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #ece8e4;
  height: 60px;
  border: 1px solid #cbced6;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#entries .cardFooterEntry {
  position: relative;
  width: 103px;
  height: 48px;
  color: #FFF;
  background: #EFAB6C;
  border-radius: 6px;
  display: flex;
  gap: 3%;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  font-family: "Roboto", sans-serif;
  box-shadow: 2px 3px 4px 0px rgba(180, 177, 173, 0.6);
}
#entries .cardFooterEntry a {
  width: 74%;
}
#entries .cardFooterEntryIcon {
  width: 18px;
  height: 18px;
  background: url(/assets/button-arrow-temporary-custody-c9d7e19318f855e42d725e6c59b3c52b1bced824772dc69763e55a0eabb86019.svg) no-repeat center center/18px 18px;
  margin-right: -10%;
}
#entries .cardFooterEntryGray {
  position: relative;
  width: 103px;
  height: 48px;
  color: #FFF;
  background: #D8D8D8;
  border-radius: 6px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  font-family: "Roboto", sans-serif;
}
#entries .cardFooterEntryGray a {
  width: 74%;
}
#entries .cardFooterEntryGrayIcon {
  display: inline-block;
  vertical-align: middle;
  color: #FFF;
  line-height: 1;
  position: relative;
  width: 10px;
  height: 10px;
  transform: translateX(-25%) rotate(45deg);
}
#entries .cardFooterEntryGrayIcon::before, #entries .cardFooterEntryGrayIcon::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 3px;
}
#entries .cardFooterEntryGrayIcon::before {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}
#entries .cardFooterEntryGrayIcon::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}
#entries .cardFooterReserve {
  position: relative;
  width: 103px;
  height: 48px;
  color: #fff;
  background: #DE8A6D;
  border-radius: 6px;
  border: 2px solid #DE8A6D;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10%;
  font-size: 13px;
  font-weight: 600;
  font-family: "Roboto", sans-serif;
  margin-right: 10px;
  box-shadow: 2px 3px 4px 0px rgba(180, 177, 173, 0.6);
}
#entries .cardFooterReserveIcon {
  width: 18px;
  height: 18px;
  background: url(/assets/button-arrow-tour-reservation-ef6f3922aae68ecab53fe34f85f99d71ab0a7f0b440e3144fa5c389226762482.svg) no-repeat center center/18px 18px;
  margin-right: -10%;
}
#entries .cardFooterReserveGray {
  position: relative;
  width: 103px;
  height: 48px;
  color: #fff;
  background: #D8D8D8;
  border-radius: 6px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10%;
  font-size: 13px;
  font-weight: 600;
  font-family: "Roboto", sans-serif;
  margin-right: 10px;
}
#entries .cardFooterReserveGrayIcon {
  display: inline-block;
  vertical-align: middle;
  color: #FFF;
  line-height: 1;
  position: relative;
  width: 10px;
  height: 10px;
  transform: translateX(-25%) rotate(45deg);
}
#entries .cardFooterReserveGrayIcon::before, #entries .cardFooterReserveGrayIcon::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 3px;
}
#entries .cardFooterReserveGrayIcon::before {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}
#entries .cardFooterReserveGrayIcon::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}
#entries .cardFooterContact::before {
  left: 15%;
}
#entries .cardFooter a[data-turbo-method] {
  width: 18%;
  height: 100%;
}
#entries .cardFooter a[data-turbo-method] #entries .cardFooterFavoriteArea {
  border-right: 1px solid #cbced6;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 13px 0 2%;
  background: url(/assets/favorite_icon2-38e3119a730ac93daddfe9ff13041cd1eb60291088f085cc627b45db8b046ffa.svg) no-repeat center center/40px 40px;
  cursor: pointer;
}
#entries .cardFooter a[data-turbo-method] #entries .cardFooterFavoriteAreaActive, #entries .cardFooter a[data-turbo-method] #entries .cardFooterFavoriteArea[data-faved="1"] {
  background: url(/assets/favorite_icon-70fef11735b264ad81088397835eb6f1466e2ccb123ffccd542563663953f939.svg) no-repeat center center/40px 40px;
}
#entries .cardRibbon {
  display: inline-block;
  position: absolute;
  padding: 7px 0;
  right: -38px;
  top: 18px;
  width: 142px;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  background: #6C7FE3;
  color: #FFF;
  letter-spacing: 0.05em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
#entries .cardRibbon:before, #entries .cardRibbon:after {
  position: absolute;
  content: "";
  border-top: 4px solid #4861A0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  bottom: -4px;
}
#entries .cardRibbon:before {
  left: 8px;
}
#entries .cardRibbon:after {
  right: 4px;
}
#entries .cardRibbonArea {
  display: inline;
}
#entries .cardNew {
  position: absolute;
  top: 10px;
  right: -10px;
  background: #EC5D5D;
  color: #FFF;
  font-size: 12px;
  font-weight: 600;
  width: 56px;
  height: 33px;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#entries .cardNewNumber {
  font-size: 14px;
}
#entries .searchFilterArea {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 24px 16px;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  #entries .searchFilterArea {
    padding: 16px 16px 0;
  }
}
#entries .searchFilterButton {
  color: #323232;
  font-size: 12px;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  #entries .searchFilterButton {
    font-size: 11px;
  }
}
#entries .searchFilterButton label {
  width: 100%;
  cursor: pointer;
}
#entries .searchFilterButton label input {
  display: none;
}
#entries .searchFilterButton label span {
  background: #fff;
  border-radius: 60px;
  padding: 10px 16px;
  display: block;
  text-align: center;
  box-shadow: 0px 8px 15px 0px rgb(220, 214, 208);
}
#entries .searchFilterButton label input:checked + span {
  color: #fff;
  background: #65a09a;
}
#entries .searchFilterButtonArea {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
#entries .searchRank {
  font-size: 13px;
  font-weight: 600;
  color: #323232;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
  cursor: pointer;
}
#entries .searchRankBox {
  position: relative;
  display: block;
  background: #f9f8f8;
}
#entries .searchRankBox:before {
  position: absolute;
  content: "";
  background: url(/assets/arrow_drop_down-ad4d3c631ebf6c35ef468b60c9525b2c655e242f17a8af95298c3b4b27752f70.svg) no-repeat center center/auto 100%;
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  cursor: pointer;
  pointer-events: none;
}
@media screen and (max-width: 992px) {
  #entries .searchRankBox:before {
    background: url(/assets/swap_vert-138ea1cb9be4cf9b6313b43cf545bc39eca219b604a35a8a81ccb524b6ec47cf.svg) no-repeat center center/auto 100%;
    top: -4px;
  }
}
@media screen and (max-width: 768px) {
  #entries .searchRankBox:before {
    background: url(/assets/swap_vert-138ea1cb9be4cf9b6313b43cf545bc39eca219b604a35a8a81ccb524b6ec47cf.svg) no-repeat center center/auto 100%;
    top: -4px;
  }
}
#entries .searchRank select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  border: none;
  background: transparent;
  width: 100%;
  height: 24px;
  background: #FFF;
  padding-right: 24px;
  cursor: pointer;
}
@media screen and (max-width: 992px) {
  #entries .searchRank select {
    width: 0;
  }
}
@media screen and (max-width: 768px) {
  #entries .searchRank select {
    width: 0;
  }
}
@media screen and (max-width: 992px) {
  #entries .searchRank img {
    display: none;
  }
}
#entries .searchRank ::-ms-expand {
  display: none;
}
#entries .searchWrap {
  display: flex;
  align-items: center;
  gap: 16px;
}
#entries .addHidden {
  font-size: 13px;
  font-weight: 600;
  position: relative;
  padding-left: 24px;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #entries .addHidden {
    font-size: 0;
  }
}
#entries .addHidden:hover {
  color: #65A09A;
}
#entries .addHidden:hover::before {
  background: url(/assets/visibility_off_green-5beb6ad89e2f75636f7f1a126aba6401e0f21ab07dd666cead4bc38d88d2ef81.svg) no-repeat center center/auto 100%;
}
#entries .addHidden::before {
  position: absolute;
  top: -6px;
  left: 0;
  width: 24px;
  height: 24px;
  content: "";
  background: url(/assets/visibility_off-e762eb74f44dc13231f85a5a4d1980cb530369d3dc713ba147a56747bee4191b.svg) no-repeat center center/auto 100%;
}
@media screen and (max-width: 768px) {
  #entries .addHidden::before {
    top: -12px;
  }
}
#entries .modalHidden {
  display: none;
  position: fixed;
  z-index: 200;
  left: 0;
  bottom: 0;
  width: 100%;
  overflow: auto;
  color: #323232;
}
#entries .modalHiddenOpen {
  display: block;
}
#entries .modalHiddenContent {
  max-width: 941px;
  background-color: #FFF;
  margin: 0 auto 24px;
  padding: 13px 24px;
  box-shadow: 0 10px 24px 0 rgba(229, 231, 235, 0.3);
  animation-name: modalopen;
  animation-duration: 1s;
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  #entries .modalHiddenContent {
    width: 90%;
    padding: 24px 16px;
    height: initial;
    border: 1px solid #C5C0C0;
  }
}
#entries .modalHiddenHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  #entries .modalHiddenHeader {
    display: initial;
  }
}
#entries .modalHiddenHeaderCaption {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: #787878;
  position: relative;
  padding-left: 24px;
}
@media screen and (max-width: 768px) {
  #entries .modalHiddenHeaderCaption {
    font-size: 13px;
  }
}
#entries .modalHiddenHeaderCaption::before {
  content: "";
  width: 18px;
  height: 18px;
  background: url(/assets/info_black-49029f565520d0b375d4f0bd1d470636fec5bc2c887c96fa5c243877bd2ad825.svg) no-repeat center center/auto 100%;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
}
#entries .modalHiddenBody {
  padding-top: 24px;
}
@media screen and (max-width: 768px) {
  #entries .modalHiddenBody {
    height: initial;
    overflow: initial;
  }
}
#entries .modalHiddenBodySubmit {
  width: 169px;
  height: 54px;
  background: #65A09A;
  border-radius: 6px;
  color: #FFF;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  #entries .modalHiddenBodySubmit {
    margin-top: 24px;
    width: 120px;
  }
}
#entries .modalHiddenBodySubmit:hover {
  opacity: 0.8;
  transition: 0.4s;
}
#entries .modalHiddenBodySubmitArea {
  text-align: right;
}
@media screen and (max-width: 768px) {
  #entries .modalHiddenBodySubmitArea {
    text-align: center;
  }
}
#entries .modalHiddenBodySubmitCancel {
  width: 169px;
  height: 54px;
  background: #FFF;
  border-radius: 6px;
  border: 2px solid #65A09A;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: #65A09A;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  #entries .modalHiddenBodySubmitCancel {
    margin-top: 24px;
    width: 120px;
  }
}
#entries .modalHiddenBodySubmitCancel:hover {
  opacity: 0.8;
  transition: 0.4s;
}
#entries .custom-select-wrapper {
  position: relative;
  display: inline-block;
  user-select: none;
}
#entries .custom-select-wrapper select {
  display: none;
}
#entries .custom-select {
  position: relative;
  display: inline-block;
}
#entries .custom-select::before {
  position: absolute;
  top: -3px;
  left: 0;
  width: 24px;
  height: 24px;
  content: "";
  background: url(/assets/swap_vert-138ea1cb9be4cf9b6313b43cf545bc39eca219b604a35a8a81ccb524b6ec47cf.svg) no-repeat center center/auto 100%;
}
@media screen and (max-width: 768px) {
  #entries .custom-select::before {
    top: -6px;
    right: 0;
    left: initial;
  }
}
#entries .custom-select::after {
  position: absolute;
  top: -4px;
  right: 0;
  width: 24px;
  height: 24px;
  content: "";
  background: url(/assets/arrow_drop_down-ad4d3c631ebf6c35ef468b60c9525b2c655e242f17a8af95298c3b4b27752f70.svg) no-repeat center center/auto 100%;
}
@media screen and (max-width: 768px) {
  #entries .custom-select::after {
    display: none;
  }
}
#entries .opened::after {
  background: url(/assets/arrow_drop_down_green-e6096787e535197fb6110eec93705c5739927208db98d91b77fb6fd8fb29c48a.svg) no-repeat center center/auto 100%;
}
#entries .custom-select-trigger {
  position: relative;
  display: block;
  padding: 0 24px 0 24px;
  font-size: 13px;
  font-weight: 600;
  color: #323232;
  height: 24px;
  border-radius: 4px;
  cursor: pointer;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  #entries .custom-select-trigger {
    color: #FFF;
    font-size: 0;
    padding: 0 24px 0 0;
  }
}
#entries .custom-select.opened .custom-select-trigger:after {
  margin-top: 3px;
  transform: rotate(-135deg) translateY(-50%);
}
#entries .custom-options {
  position: absolute;
  display: block;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 100;
  min-width: 100%;
  margin: 15px 0;
  border: 1px solid #b5b5b5;
  border-radius: 4px;
  box-sizing: border-box;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.07);
  background: #fff;
  transition: all 0.4s ease-in-out;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-15px);
}
@media screen and (max-width: 768px) {
  #entries .custom-options {
    left: -120px;
  }
}
#entries .custom-select.opened .custom-options {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  transform: translateY(0);
}
#entries .custom-option {
  position: relative;
  display: block;
  padding: 0 16px;
  border-bottom: 1px solid #b5b5b5;
  font-size: 13px;
  font-weight: 500;
  color: #323232;
  line-height: 37px;
  cursor: pointer;
  transition: all 0.4s ease-in-out;
}
#entries .custom-option:first-of-type {
  border-radius: 4px 4px 0 0;
}
#entries .custom-option:last-of-type {
  border-bottom: 0;
  border-radius: 0 0 4px 4px;
}
#entries .custom-option:hover,
#entries .custom-option.selection {
  background: #E8F2F1;
}
#entries .custom-option.selection {
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  #entries .chat__history-head--ttl {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
  }
}
@media screen and (max-width: 768px) {
  #entries .chat__history {
    width: 100%;
  }
}

.modalChildDelete {
  display: none;
  position: fixed;
  z-index: 200;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.3);
  color: #323232;
}
.modalChildDeleteOpen {
  display: block;
}
.modalChildDeleteContent {
  width: 510px;
  height: 200px;
  background-color: #FFF;
  margin: 100px auto;
  padding: 24px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25), 0 20px 25px 0 rgba(15, 23, 42, 0.1), 0 10px 10px -5px rgba(15, 23, 42, 0.04);
  animation-name: modalopen;
  animation-duration: 0.3s;
  border-radius: 8px;
}
@media screen and (max-width: 768px) {
  .modalChildDeleteContent {
    width: 90%;
    padding: 24px 16px;
    height: initial;
    margin: 165px auto;
    border-radius: 8px;
    min-height: initial;
  }
}
.modalChildDeleteHeader {
  display: flex;
  justify-content: space-between;
}
.modalChildDeleteHeaderTitle {
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .modalChildDeleteHeaderTitle {
    font-size: 18px;
  }
}
.modalChildDeleteHeaderCaption {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  color: #787878;
  padding-top: 16px;
}
@media screen and (max-width: 768px) {
  .modalChildDeleteHeaderCaption {
    font-size: 13px;
  }
}
.modalChildDeleteClose {
  display: block;
  width: 24px;
  height: 24px;
  background: #FFF;
  position: relative;
}
.modalChildDeleteClose:before, .modalChildDeleteClose:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #000;
  transform: rotate(45deg);
  transform-origin: 0% 50%;
  position: absolute;
  top: calc(14% - 5px);
  left: 14%;
}
.modalChildDeleteClose:after {
  transform: rotate(-45deg);
  transform-origin: 100% 50%;
  left: auto;
  right: 14%;
}
.modalChildDeleteClose:hover {
  cursor: pointer;
}
.modalChildDeleteBody {
  padding-top: 24px;
  display: flex;
  justify-content: end;
  gap: 8px;
}
@media screen and (max-width: 768px) {
  .modalChildDeleteBody {
    height: initial;
    overflow: initial;
  }
}
.modalChildDeleteBodySubmit {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 16px 32px;
  background: #65A09A;
  border-radius: 30px;
  border: 2px solid #65A09A;
  box-sizing: border-box;
  color: #FFF;
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
  cursor: pointer;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .modalChildDeleteBodySubmit {
    margin-top: 24px;
  }
}
.modalChildDeleteBodySubmit:hover {
  opacity: 0.75;
}
.modalChildDeleteBodySubmitArea {
  text-align: right;
}
.modalChildDeleteBodyCancel {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 16px 32px;
  background: #FFF;
  border-radius: 30px;
  border: 2px solid #65A09A;
  box-sizing: border-box;
  color: #65A09A;
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
  cursor: pointer;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .modalChildDeleteBodyCancel {
    margin-top: 24px;
  }
}
.modalChildDeleteBodyCancel:hover {
  opacity: 0.75;
}
.modalChildDeleteBodyCancelArea {
  text-align: right;
}

#children .mainContents {
  max-width: 989px;
  background: #f9f8f8;
  flex: auto;
}
@media screen and (max-width: 768px) {
  #children .mainContents {
    padding: 0 16px 16px;
  }
}
#children .mainContentsGrid {
  background: #f9f8f8;
  display: flex;
  justify-content: center;
  gap: 20px;
  max-width: 1512px;
  margin: 0 auto;
}
#children .mainContentsLeft {
  width: 18.75rem;
}
#children .childrenContainer {
  background: #FFF;
  border-radius: 6px;
  border: 1px solid #E4E0E0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 20px 0px;
  height: calc(100vh - 102px - 40px);
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
#children .childrenContainer::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 768px) {
  #children .childrenContainer {
    height: calc(100vh - 78px);
    padding: 20px 0 160px;
  }
}
#children .childrenContainerTitle {
  font-size: 15px;
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #children .childrenContainerTitle {
    font-size: 16px;
    font-weight: 600;
  }
}
#children .childrenContainerTitleComment {
  font-size: 12px;
  font-weight: 400;
  font-family: "Noto Sans JP", sans-serif;
  color: #979797;
  padding: 8px 0 0;
}
#children .childrenContainerTitlePadding {
  padding: 0px 16px !important;
}
#children .childrenContainerTitlePaddingComment {
  padding: 8px 16px 0px !important;
}
#children .childrenContainerFlex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 2.5% 20px;
  border-bottom: 1px solid #C5C0C0;
}
@media screen and (max-width: 768px) {
  #children .childrenContainerFlex {
    padding: 0px 5% 16px;
  }
}
#children .childrenContainerFlex a:hover {
  opacity: 1;
}
#children .childrenContainerFlexEdit {
  display: flex;
  align-items: center;
  padding: 0px 24px 20px 0px;
  border-bottom: 1px solid #C5C0C0;
}
@media screen and (max-width: 768px) {
  #children .childrenContainerFlexEdit {
    border-bottom: none;
    background: #F6F3F0;
    border-radius: 8px;
    width: 100%;
    margin: 0 auto 8px;
    padding: 16px;
  }
}
#children .childrenContainerButtonAdd {
  background: #65A09A;
  color: #FFF;
  font-size: 14px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  border-radius: 8px;
  padding: 8px 12px;
  display: flex;
  align-items: center;
  transition: 0.3s;
}
#children .childrenContainerButtonAddFooter {
  position: fixed;
  bottom: 0;
  left: 50%;
  height: 88px;
  background: #FFF;
  width: 100%;
  max-width: 1512px;
  transform: translate(-50%, 0%);
  justify-content: center;
  align-items: center;
  box-shadow: 0px -8px 15px 0px rgba(0, 0, 0, 0.18), inset 0px 1px 0px 0px rgb(203, 206, 214);
}
#children .childrenContainerButtonAdd img {
  padding-right: 4px;
}
#children .childrenContainerButtonAdd:hover {
  background: #80BEB8;
}
#children .childrenInfoHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 56px;
  padding: 8px 2.5%;
}
@media screen and (max-width: 768px) {
  #children .childrenInfoHeader {
    padding: 8px 5%;
  }
}
#children .childrenInfoHeaderTitle {
  font-size: 15px;
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
  color: #323232;
}
#children .childrenInfo .buttons {
  display: flex;
  gap: 8px;
}
#children .childrenInfoButton {
  background: #FFF;
  color: #65A09A;
  font-size: 14px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  height: 36px !important;
  min-width: initial !important;
  border-radius: 8px !important;
  border: 1px solid #E4E0E0;
  padding: 8px 12px;
  display: flex;
  align-items: center;
}
#children .childrenInfoButtonImgEdit {
  padding-right: 4px;
  width: 22px;
  height: 18px;
}
#children .childrenInfoButtonImgDelete {
  padding-right: 4px;
}
#children .childrenInfoButtonWrap {
  display: flex;
  justify-content: center;
  gap: 8px;
}
#children .childrenInfoTable {
  border-top: 1px solid #E4E0E0;
  border-left: 1px solid #E4E0E0;
  border-right: 1px solid #E4E0E0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 95%;
  margin: 0 2.5%;
}
@media screen and (max-width: 768px) {
  #children .childrenInfoTable {
    width: 90%;
    padding: 0 5%;
    margin: 0 5%;
  }
}
#children .childrenInfoTable tr {
  height: 36px;
}
#children .childrenInfoTable th {
  width: 19%;
  background: #F6F2EE;
  font-size: 13px;
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
  color: #323232;
  border-right: 1px solid #E4E0E0;
  border-bottom: 1px solid #E4E0E0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  vertical-align: middle;
  text-align: left;
  padding: 8px 16px;
}
@media screen and (max-width: 768px) {
  #children .childrenInfoTable th {
    width: 100%;
    display: block;
    border-right: none;
    font-size: 12px;
    padding: 12px 16px;
  }
}
#children .childrenInfoTable td {
  width: 83%;
  background: #FFF;
  font-size: 14px;
  font-weight: 400;
  font-family: "Noto Sans JP", sans-serif;
  color: #323232;
  border-bottom: 1px solid #E4E0E0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  vertical-align: middle;
  padding: 8px 16px;
}
@media screen and (max-width: 768px) {
  #children .childrenInfoTable td {
    width: 100%;
    display: block;
    padding: 16px 12px;
  }
}
#children .childrenForm {
  width: 379px;
  height: calc(100vh - 62px);
  position: fixed;
  top: 62px;
  right: -100%;
  background: #FFF;
  box-shadow: -15px 45px 30px 0px rgba(0, 0, 0, 0.15);
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  z-index: 1;
  transition: 0.4s;
}
#children .childrenForm::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 768px) {
  #children .childrenForm {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 110;
  }
}
#children .childrenFormActive {
  right: 0;
}
#children .childrenFormContainer {
  padding: 0px;
  height: calc(100vh - 62px);
  background: #FFF;
}
@media screen and (max-width: 768px) {
  #children .childrenFormContainer {
    padding: 0;
  }
}
#children .childrenFormContainerTitle {
  font-size: 20px;
  font-weight: 600;
}
#children .childrenFormContainerTitleWrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 24px 0;
}
#children .childrenFormContainerClose {
  display: block;
  width: 18px;
  height: 18px;
  background: #FFF;
  position: relative;
}
@media screen and (max-width: 768px) {
  #children .childrenFormContainerClose {
    position: absolute;
    right: 24px;
    background: #D17556;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    position: absolute;
  }
}
#children .childrenFormContainerClose:before, #children .childrenFormContainerClose:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #000;
  transform: rotate(45deg);
  transform-origin: 0% 50%;
  position: absolute;
  top: 0;
  left: 14%;
}
#children .childrenFormContainerClose:after {
  transform: rotate(-45deg);
  transform-origin: 100% 50%;
  left: auto;
  right: 14%;
}
#children .childrenFormContainerClose:hover {
  cursor: pointer;
}
#children .childrenFormContainerClose--sp {
  display: block;
  width: 18px;
  height: 18px;
  background: #FFF;
  position: relative;
}
@media screen and (max-width: 768px) {
  #children .childrenFormContainerClose--sp {
    position: absolute;
    right: 24px;
    background: #FFF;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    position: absolute;
  }
}
#children .childrenFormContainerClose--sp:before, #children .childrenFormContainerClose--sp:after {
  content: "";
  display: block;
  width: 70%;
  height: 2px;
  background: #D17556;
  transform: rotate(45deg);
  transform-origin: 0% 50%;
  position: absolute;
  top: 8px;
  left: 25%;
}
#children .childrenFormContainerClose--sp:after {
  transform: rotate(-45deg);
  transform-origin: 100% 50%;
  left: auto;
  right: 25%;
}
#children .childrenFormContainerClose--sp:hover {
  cursor: pointer;
}
#children .childrenFormContainerHeader {
  display: none;
}
@media screen and (max-width: 768px) {
  #children .childrenFormContainerHeader {
    background: #DE8A6D;
    color: #FFF;
    height: 63px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
#children .childrenFormContainerRequired {
  font-size: 11px;
  font-weight: 500;
  color: #D96060;
  font-family: "Noto Sans JP", sans-serif;
  border-radius: 6px;
  border: 1px solid #D96060;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 39px;
  height: 23px;
}
#children .childrenFormContainerForm {
  height: calc(100% - 62px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#children .childrenFormContainerFormTitle {
  background: #F6F3F0;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  padding: 16px;
  margin-top: 28px;
  margin-bottom: 8px;
}
#children .childrenFormContainerFormWrap {
  padding: 0 24px 0;
}
@media screen and (max-width: 768px) {
  #children .childrenFormContainerFormWrap {
    padding: 0 4% 0;
  }
}
#children .childrenFormTitle {
  font-size: 14px;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  color: #323232;
  margin: 0 0 12px;
}
@media screen and (max-width: 768px) {
  #children .childrenFormTitle {
    font-size: 13px;
  }
}
#children .childrenFormInputText {
  max-width: 480px;
  width: 100%;
  height: 53px;
  border-radius: 12px;
  border: 1px solid #DAD8D8;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  margin: 0 0 2px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #children .childrenFormInputText {
    font-size: 13px;
    max-width: initial;
  }
}
#children .childrenFormInputRadioArea {
  max-width: 480px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin: 0 0 2px;
}
@media screen and (max-width: 768px) {
  #children .childrenFormInputRadioArea {
    max-width: initial;
  }
}
#children .childrenFormInputRadioButton {
  width: 100%;
  height: 56px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 400;
  font-family: "Noto Sans JP", sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border: 1px solid #DAD8D8;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  #children .childrenFormInputRadioButton {
    font-size: 13px;
  }
}
#children .childrenFormInputRadioButton input[type=radio] {
  accent-color: cadetblue;
}
#children .childrenFormInputBirthday {
  position: relative;
  background: url(/assets/calendar-b96e6e53450db3427ebbf18816c7713c84afab5a8d77f97266d52c0f0d5729f9.svg) no-repeat 16px center;
  background-size: 20px 20px;
  max-width: 480px;
  width: 100%;
  height: 53px;
  border: 1px solid #DAD8D8;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 16px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  color: #323232;
  border-radius: 12px;
  padding-left: 48px;
  margin: 0 0 2px;
  display: block;
  text-align: left;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  #children .childrenFormInputBirthday {
    max-width: initial;
    font-size: 14px;
  }
}
#children .childrenFormInputBirthday::-webkit-calendar-picker-indicator {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
}
#children .childrenFormInputBirthday::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
#children .childrenFormInputBirthday::-webkit-clear-button {
  -webkit-appearance: none;
}
#children .childrenFormInputBirthday::placeholder {
  font-size: 14px;
}
#children .childrenFormInputSubmit {
  width: 169px;
  height: 50px;
  border-radius: 32px;
  font-size: 15px;
  font-weight: 600;
  color: #FFF;
  background: #80BEB8;
  transition: all 0.1s;
  opacity: 1;
}
@media screen and (max-width: 768px) {
  #children .childrenFormInputSubmit {
    font-size: 13px;
    width: 310px;
    height: 54px;
  }
}
#children .childrenFormInputSubmit:not(:disabled):hover {
  opacity: 0.9;
  background: #80BEB8;
}
#children .childrenFormInputSubmit:disabled {
  background: #D8D8D8;
  cursor: not-allowed;
}
#children .childrenFormInputSubmitNg {
  width: 169px;
  height: 50px;
  border-radius: 32px;
  font-size: 15px;
  font-weight: 600;
  color: #65A09A;
  background: #FFF;
  border: 2px solid #65A09A;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  #children .childrenFormInputSubmitNg {
    font-size: 13px;
    width: 310px;
    height: 54px;
  }
}
#children .childrenFormInputSubmitNg:hover {
  opacity: 1;
  transition: 0.3s;
  color: #80BEB8;
  border-color: #80BEB8;
}
#children .childrenFormInputSubmitArea {
  max-width: 480px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 32px 0px 32px;
  border-top: 1px solid #E4E0E0;
}
@media screen and (max-width: 768px) {
  #children .childrenFormInputSubmitArea {
    padding: 24px 24px 40px;
    max-width: initial;
    gap: 12px;
  }
}
#children .modalDelete {
  display: none;
  position: fixed;
  z-index: 200;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.3);
  color: #323232;
}
#children .modalDeleteOpen {
  display: block;
}
#children .modalDeleteContent {
  max-width: 510px;
  min-height: 196px;
  background-color: #FFF;
  margin: calc(50vh - 196px) auto;
  padding: 24px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25), 0 20px 25px 0 rgba(15, 23, 42, 0.1), 0 10px 10px -5px rgba(15, 23, 42, 0.04);
  animation-name: modalopen;
  animation-duration: 1s;
  border-radius: 8px;
}
@media screen and (max-width: 768px) {
  #children .modalDeleteContent {
    width: 90%;
    padding: 24px 16px;
    height: initial;
    margin: 165px auto;
    border-radius: 8px;
    min-height: initial;
  }
}
#children .modalDeleteHeader {
  display: flex;
  justify-content: space-between;
}
#children .modalDeleteHeaderTitle {
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  #children .modalDeleteHeaderTitle {
    font-size: 18px;
  }
}
#children .modalDeleteHeaderCaption {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: #787878;
  padding-top: 16px;
}
@media screen and (max-width: 768px) {
  #children .modalDeleteHeaderCaption {
    font-size: 13px;
  }
}
#children .modalDeleteClose {
  display: block;
  width: 24px;
  height: 24px;
  background: #FFF;
  position: relative;
}
#children .modalDeleteClose:before, #children .modalDeleteClose:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #000;
  transform: rotate(45deg);
  transform-origin: 0% 50%;
  position: absolute;
  top: calc(14% - 5px);
  left: 14%;
}
#children .modalDeleteClose:after {
  transform: rotate(-45deg);
  transform-origin: 100% 50%;
  left: auto;
  right: 14%;
}
#children .modalDeleteClose:hover {
  cursor: pointer;
}
#children .modalDeleteBody {
  padding-top: 24px;
}
@media screen and (max-width: 768px) {
  #children .modalDeleteBody {
    height: initial;
    overflow: initial;
  }
}
#children .modalDeleteBodySubmit {
  width: 169px;
  height: 54px;
  background: #65A09A;
  border-radius: 32px;
  color: #FFF;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  #children .modalDeleteBodySubmit {
    margin-top: 24px;
  }
}
#children .modalDeleteBodySubmit:hover {
  opacity: 0.8;
  transition: 0.4s;
}
#children .modalDeleteBodySubmitArea {
  text-align: right;
}
#children .modalDeleteBodySubmitCancel {
  width: 169px;
  height: 54px;
  background: #FFF;
  border-radius: 32px;
  border: 2px solid #65A09A;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: #65A09A;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  #children .modalDeleteBodySubmitCancel {
    margin-top: 24px;
  }
}
#children .modalDeleteBodySubmitCancel:hover {
  opacity: 0.8;
  transition: 0.4s;
}
#children .modalDeleteMenuWrap {
  background: #65A09A;
  border-radius: 8px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2%;
  row-gap: 16px;
  flex-wrap: wrap;
  padding: 86px 7% 24px;
  margin-top: 24px;
}
#children .modalDeleteMenuContents {
  background: #EDF6F6;
  border-radius: 10px;
  width: 204px;
  height: 210px;
  text-align: center;
}
#children .modalDeleteMenuContentsTitle {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  color: #65A09A;
  margin-top: 40px;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#children .modalDeleteMenuContentsCaption {
  font-size: 13px;
  font-weight: 500;
  color: #323232;
  line-height: 1.84;
  padding: 0 7%;
}
#children .modalDeleteMenuContents .letterSpace {
  letter-spacing: -0.5px;
}
#children .modalDeleteBubble {
  position: absolute;
  top: 24px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  width: 267px;
  background: #F9A627;
  border-radius: 50px;
  border: 2px solid #FFF;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 14px;
  font-weight: 800;
  font-family: "M PLUS Rounded 1c", sans-serif;
  color: #FFF;
  padding: 13px 30px;
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.15);
  white-space: nowrap;
  text-align: center;
}
#children .modalDeleteBubble:after, #children .modalDeleteBubble:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
#children .modalDeleteBubble:after {
  border-color: rgba(249, 166, 39, 0);
  border-top-width: 15px;
  border-bottom-width: 22px;
  border-left-width: 4px;
  border-right-width: 4px;
  margin-left: -10px;
  border-top-color: #F9A627;
  top: 100%;
  left: 14%;
}
#children .modalDeleteBubble:before {
  border-color: rgba(249, 166, 39, 0);
  border-top-width: 17px;
  border-bottom-width: 22px;
  border-left-width: 7px;
  border-right-width: 7px;
  margin-left: -10px;
  border-top-color: #FFF;
  top: 100%;
  left: 12.8%;
}
#children .modalDeleteBubbleWrap {
  position: relative;
}
#children .childrenFormContainerFormBlock {
  margin: 0 0 16px;
}
#children .childrenFormContainerFormBlock .errorText {
  color: #D96060;
  font-size: 14px;
}
#children .childrenFormContainerHeader p {
  font-size: 15px;
  font-weight: 700;
  color: #FFF;
}

#accounts .mainContents {
  max-width: 989px;
  background: #f9f8f8;
  flex: auto;
}
@media screen and (max-width: 768px) {
  #accounts .mainContents {
    padding: 0px 16px 16px;
  }
}
#accounts .mainContentsGrid {
  background: #f9f8f8;
  display: flex;
  justify-content: center;
  gap: 20px;
  max-width: 1512px;
  margin: 0 auto;
}
#accounts .mainContentsLeft {
  width: 21.75rem;
}
#accounts .mainContentsEdit {
  max-width: 989px;
  background: #f9f8f8;
  flex: auto;
}
@media screen and (max-width: 768px) {
  #accounts .mainContentsEdit {
    padding: 0px 0 16px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 110;
  }
}
#accounts .mainContentsEditGrid {
  background: #f9f8f8;
  display: flex;
  justify-content: center;
  gap: 20px;
  max-width: 1512px;
  margin: 0 auto;
}
#accounts .mainContentsEditLeft {
  width: 18.75rem;
}
#accounts .profileTitle {
  font-size: 14px;
  font-weight: 600;
  font-family: "Noto Sans JP", sans-serif;
  color: #323232;
  border-radius: 6px;
  background: #F6F3F0;
  padding: 8px 16px;
  margin: 24px 24px 0;
}
@media screen and (max-width: 768px) {
  #accounts .profileTitle {
    margin: 16px 16px;
  }
}
#accounts .profileImageArea {
  position: absolute;
  top: 50%;
  left: 30%;
  transform: translate(-50%, -50%);
  width: 200%;
}
#accounts .profileImageAreaWrap {
  position: relative;
  width: 100px;
  height: 100px;
  overflow: hidden;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 32px auto 0;
  object-fit: cover;
}
#accounts .profileImageEdit {
  width: 91px;
  height: 37px;
  font-size: 13px;
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif;
  color: #65A09A;
  background: #FFF;
  border-radius: 30px;
  border: 2.5px solid #65A09A;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 16px auto 0;
  cursor: pointer;
}
#accounts .profileImageEdit input {
  display: none;
}
#accounts .accountsContainer {
  background: #FFF;
  border-radius: 6px;
  border: 1px solid #E4E0E0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 20px 0px;
  height: calc(100vh - 102px - 40px);
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
#accounts .accountsContainer::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 768px) {
  #accounts .accountsContainer {
    height: calc(100vh - 78px);
    padding: 20px 0;
  }
}
#accounts .accountsContainerTitle {
  font-size: 15px;
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif;
  color: #323232;
  padding: 0px 24px;
}
@media screen and (max-width: 768px) {
  #accounts .accountsContainerTitle {
    padding: 0px 16px;
  }
}
#accounts .accountsContainerTitleComment {
  font-size: 12px;
  font-weight: 400;
  font-family: "Noto Sans JP", sans-serif;
  color: #979797;
  padding: 8px 24px 20px;
  border-bottom: 1px solid #C5C0C0;
}
@media screen and (max-width: 768px) {
  #accounts .accountsContainerTitleComment {
    padding: 8px 16px 16px;
  }
}
#accounts .accountsContainerTitleCommentEdit {
  font-size: 13px;
  font-weight: 400;
  font-family: "Noto Sans JP", sans-serif;
  color: #979797;
  padding: 8px 24px 20px;
}
@media screen and (max-width: 768px) {
  #accounts .accountsContainerTitleCommentEdit {
    font-size: 12px;
    padding: 8px 16px 16px;
  }
}
#accounts .accountsContainerTitlePadding {
  padding: 0px 16px !important;
}
#accounts .accountsContainerTitlePaddingComment {
  padding: 8px 16px 0px !important;
}
#accounts .accountsContainerFlex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 24px 20px 0px;
  border-bottom: 1px solid #C5C0C0;
}
@media screen and (max-width: 768px) {
  #accounts .accountsContainerFlex {
    padding: 0px 16px 16px 0px;
  }
}
#accounts .accountsContainerFlexEdit {
  display: flex;
  align-items: center;
  padding: 0px 24px 20px 0px;
  border-bottom: 1px solid #C5C0C0;
}
@media screen and (max-width: 768px) {
  #accounts .accountsContainerFlexEdit {
    border-bottom: none;
  }
}
#accounts .accountsContainerButtonAdd {
  background: #FFF;
  color: #323232;
  font-size: 12px;
  font-weight: 600;
  width: 154px;
  height: 40px;
  box-shadow: 0px 8px 15px 0px rgb(220, 214, 208);
}
@media screen and (max-width: 768px) {
  #accounts .accountsContainerButtonAdd {
    width: 100%;
    height: 56px;
    margin: 0 16px;
    border: 2px solid #65A09A;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.18);
    border-radius: 8px !important;
    color: #65A09A;
  }
}
#accounts .accountsContainerButtonAddFooter {
  position: fixed;
  bottom: 0;
  left: 50%;
  height: 88px;
  background: #FFF;
  width: 100%;
  max-width: 1512px;
  transform: translate(-50%, 0%);
  justify-content: center;
  align-items: center;
  box-shadow: 0px -8px 15px 0px rgba(0, 0, 0, 0.18), inset 0px 1px 0px 0px rgb(203, 206, 214);
}
#accounts .accountsInfo {
  margin: 0px 24px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  #accounts .accountsInfo {
    margin: 0px 16px;
  }
}
#accounts .accountsInfoHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 56px;
  padding: 8px 0;
  gap: 10px;
}
#accounts .accountsInfoHeaderBorder {
  border-bottom: 1px solid #E4E0E0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#accounts .accountsInfoHeaderTitle {
  font-size: 15px;
  font-weight: 600;
  font-family: "Noto Sans JP", sans-serif;
  color: #323232;
}
#accounts .accountsInfoButtonEdit {
  background: #FFF;
  color: #65A09A;
  font-size: 14px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  height: 36px !important;
  min-width: initial !important;
  border-radius: 8px !important;
  border: 1px solid #E4E0E0;
  padding: 8px 12px;
  display: flex;
  align-items: center;
}
#accounts .accountsInfoButtonEdit img {
  padding-right: 4px;
}
#accounts .accountsInfoTable {
  border-top: 1px solid #E4E0E0;
  border-left: 1px solid #E4E0E0;
  border-right: 1px solid #E4E0E0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 100%;
}
@media screen and (max-width: 768px) {
  #accounts .accountsInfoTable {
    width: 100%;
    padding: 0 5%;
  }
}
#accounts .accountsInfoTable tr {
  height: 36px;
}
#accounts .accountsInfoTable th {
  width: 19%;
  background: #F6F2EE;
  font-size: 13px;
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
  color: #323232;
  border-right: 1px solid #E4E0E0;
  border-bottom: 1px solid #E4E0E0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  vertical-align: middle;
  text-align: left;
  padding: 8px 16px;
}
@media screen and (max-width: 768px) {
  #accounts .accountsInfoTable th {
    width: 100%;
    display: block;
    border-right: none;
    font-size: 12px;
    padding: 12px 16px;
  }
}
#accounts .accountsInfoTable td {
  width: 83%;
  background: #FFF;
  font-size: 14px;
  font-weight: 400;
  font-family: "Noto Sans JP", sans-serif;
  color: #323232;
  border-bottom: 1px solid #E4E0E0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  vertical-align: middle;
  padding: 8px 16px;
}
#accounts .accountsInfoTable td .accountsLineLinkMessage {
  display: grid;
  grid-template-columns: 1fr auto;
  row-gap: 4px;
  column-gap: 8px;
}
@media screen and (max-width: 768px) {
  #accounts .accountsInfoTable td .accountsLineLinkMessage {
    display: flex;
    flex-direction: column;
  }
}
#accounts .accountsInfoTable td .accountsLineLinkMessage .accountsLineLinkMessageButtonContainer {
  grid-row: 1/3;
  grid-column: 2/3;
}
#accounts .accountsInfoTable td .accountsLineLinkMessage .accountsLineLinkMessageButtonContainer .accountsLineLinkMessageButton {
  background-color: #65A09A;
  border-radius: 30px;
}
@media screen and (max-width: 768px) {
  #accounts .accountsInfoTable td .accountsLineLinkMessage .accountsLineLinkMessageButtonContainer .accountsLineLinkMessageButton {
    margin-top: 4px;
    width: 100%;
  }
}
#accounts .accountsInfoTable td .accountsLineLinkMessage .accountsLineLinkMessageSubText {
  font-size: 12px;
  font-weight: 400;
  color: #979797;
}
@media screen and (max-width: 768px) {
  #accounts .accountsInfoTable td {
    width: 100%;
    display: block;
    padding: 16px 12px;
  }
}
#accounts .accountsEditContainer {
  padding: 24px;
}
@media screen and (max-width: 768px) {
  #accounts .accountsEditContainer {
    padding: 0px;
  }
}
@media screen and (max-width: 768px) {
  #accounts .accountsEditContainerFormWrap {
    padding: 24px;
  }
}
#accounts .accountsEditContainerHeader {
  display: none;
}
@media screen and (max-width: 768px) {
  #accounts .accountsEditContainerHeader {
    background: #DE8A6D;
    color: #FFF;
    height: 63px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
#accounts .accountsEditContainerClose {
  display: block;
  width: 18px;
  height: 18px;
  background: #FFF;
  position: relative;
}
@media screen and (max-width: 768px) {
  #accounts .accountsEditContainerClose {
    position: absolute;
    right: 24px;
    background: #FFF;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    position: absolute;
  }
}
#accounts .accountsEditContainerClose:before, #accounts .accountsEditContainerClose:after {
  content: "";
  display: block;
  width: 70%;
  height: 2px;
  background: #D17556;
  transform: rotate(45deg);
  transform-origin: 0% 50%;
  position: absolute;
  top: 8px;
  left: 25%;
}
#accounts .accountsEditContainerClose:after {
  transform: rotate(-45deg);
  transform-origin: 100% 50%;
  left: auto;
  right: 25%;
}
#accounts .accountsEditContainerClose:hover {
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  #accounts .accountsEditContainer .spMarginBottom24 {
    margin-bottom: 24px;
  }
}
#accounts .accountsEditContainer .errorMessage {
  color: #D96060;
}
#accounts .accountsEditContainerRequired {
  font-size: 11px;
  font-weight: 500;
  color: #D96060;
  font-family: "Noto Sans JP", sans-serif;
  border-radius: 6px;
  border: 1px solid #D96060;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 39px;
  height: 23px;
}
#accounts .accountsEditTitle {
  font-size: 14px;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #accounts .accountsEditTitle {
    font-size: 13px;
  }
}
#accounts .accountsEditInputText {
  max-width: 480px;
  width: 100%;
  height: 53px;
  border-radius: 12px;
  border: 1px solid #DAD8D8;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  margin: 8px 0px 16px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #accounts .accountsEditInputText {
    margin: 8px 0px;
    font-size: 13px;
    max-width: initial;
  }
}
#accounts .accountsEditInputTextTime {
  width: 100%;
  height: 53px;
  border-radius: 12px;
  border: 1px solid #DAD8D8;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  padding: 8px 25% 8px 16px;
  font-size: 14px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #accounts .accountsEditInputTextTime {
    font-size: 13px;
    max-width: initial;
    padding: 8px 15% 8px 16px;
  }
}
#accounts .accountsEditInputTextTimeWrap {
  position: relative;
  width: 100%;
}
#accounts .accountsEditInputTextTimeWrap::before {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  content: "時間";
  color: #323232;
  font-size: 13px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
}
#accounts .accountsEditInputTextTimeWrapMinutes {
  position: relative;
  width: 100%;
}
#accounts .accountsEditInputTextTimeWrapMinutes::before {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  content: "分";
  color: #323232;
  font-size: 13px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
}
#accounts .accountsEditInputTextTimeArea {
  display: flex;
  align-items: center;
  gap: 16px;
  max-width: 480px;
  width: 100%;
  margin: 8px 0 16px;
}
@media screen and (max-width: 768px) {
  #accounts .accountsEditInputTextTimeArea {
    max-width: initial;
    flex-direction: column;
    gap: 8px;
    margin: 8px 0 24px;
  }
}
#accounts .accountsEditInputTextTemperature {
  padding-top: 16px;
  display: block;
}
@media screen and (max-width: 768px) {
  #accounts .accountsEditInputTextTemperature {
    padding-top: 8px;
  }
}
#accounts .accountsEditInputTextTemperatureWrap {
  position: relative;
  width: 100%;
  max-width: 480px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  #accounts .accountsEditInputTextTemperatureWrap {
    max-width: initial;
  }
}
#accounts .accountsEditInputTextTemperatureWrap::before {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  content: "度";
  color: #323232;
  font-size: 13px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
}
#accounts .accountsEditInputSubmit {
  appearance: none;
  -webkit-appearance: none;
  width: 169px;
  height: 50px;
  border-radius: 32px;
  font-size: 15px;
  font-weight: 600;
  color: #FFF;
  background: #65A09A;
}
@media screen and (max-width: 768px) {
  #accounts .accountsEditInputSubmit {
    font-size: 13px;
  }
}
#accounts .accountsEditInputSubmit:hover {
  transition: 0.3s;
  opacity: 1;
  background: #80BEB8;
}
#accounts .accountsEditInputSubmit:disabled {
  background-color: #D8D8D8;
  color: #FFF;
  cursor: initial;
}
#accounts .accountsEditInputSubmit:disabled:hover {
  background: #D8D8D8;
}
#accounts .accountsEditInputSubmitNg {
  width: 169px;
  height: 50px;
  border-radius: 32px;
  font-size: 15px;
  font-weight: 600;
  color: #65A09A;
  background: #FFF;
  border: 2px solid #65A09A;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  #accounts .accountsEditInputSubmitNg {
    font-size: 13px;
  }
}
#accounts .accountsEditInputSubmitNg:hover {
  transition: 0.3s;
  opacity: 1;
  color: #80BEB8;
  border-color: #80BEB8;
}
#accounts .accountsEditInputSubmitArea {
  max-width: 480px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 40px 0px 0px;
}
@media screen and (max-width: 768px) {
  #accounts .accountsEditInputSubmitArea {
    padding: 24px 24px 40px;
    max-width: initial;
    gap: 12px;
    border-top: 1px solid #E4E0E0;
    width: initial;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }
}
#accounts .accountsFormModal {
  width: 379px;
  height: calc(100vh - 62px);
  position: fixed;
  top: 62px;
  right: -100%;
  background: #FFF;
  box-shadow: -15px 45px 30px 0px rgba(0, 0, 0, 0.15);
  z-index: 1;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  z-index: 1;
  transition: 0.4s;
}
#accounts .accountsFormModal::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 768px) {
  #accounts .accountsFormModal {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 110;
    box-shadow: initial;
  }
}
#accounts .accountsFormModalActive {
  right: 0;
}
#accounts .accountsFormModalContainer {
  padding: 0px;
  height: calc(100vh - 62px);
  background: #FFF;
}
@media screen and (max-width: 768px) {
  #accounts .accountsFormModalContainer {
    padding: 0;
  }
}
#accounts .accountsFormModalContainerTitle {
  font-size: 20px;
  font-weight: 600;
}
#accounts .accountsFormModalContainerTitleWrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 24px 0;
}
#accounts .accountsFormModalContainerClose {
  display: block;
  width: 18px;
  height: 18px;
  background: #FFF;
  position: relative;
}
@media screen and (max-width: 768px) {
  #accounts .accountsFormModalContainerClose {
    position: absolute;
    right: 24px;
    background: #D17556;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    position: absolute;
  }
}
#accounts .accountsFormModalContainerClose:before, #accounts .accountsFormModalContainerClose:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #000;
  transform: rotate(45deg);
  transform-origin: 0% 50%;
  position: absolute;
  top: 0;
  left: 14%;
}
#accounts .accountsFormModalContainerClose:after {
  transform: rotate(-45deg);
  transform-origin: 100% 50%;
  left: auto;
  right: 14%;
}
#accounts .accountsFormModalContainerClose:hover {
  cursor: pointer;
}
#accounts .accountsFormModalContainerForm {
  height: calc(100% - 62px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#accounts .accountsFormModalContainerFormTitle {
  background: #F6F3F0;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  padding: 16px;
  margin-top: 28px;
  margin-bottom: 8px;
}
#accounts .accountsFormModalContainerFormWrap {
  padding: 28px 24px 0;
}
#accounts .accountsFormModalTitle {
  font-size: 14px;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #accounts .accountsFormModalTitle {
    font-size: 13px;
  }
}
#accounts .accountsFormModalInputSubmit {
  width: 169px;
  height: 50px;
  border-radius: 32px;
  font-size: 15px;
  font-weight: 600;
  color: #FFF;
  background: #65A09A;
}
@media screen and (max-width: 768px) {
  #accounts .accountsFormModalInputSubmit {
    font-size: 13px;
    width: 310px;
    height: 54px;
  }
}
#accounts .accountsFormModalInputSubmit:hover {
  opacity: 1;
  transition: 0.3s;
  background: #80BEB8;
}
#accounts .accountsFormModalInputSubmitdisabled #accounts .accountsFormModalInputSubmit:hover {
  opacity: 1;
  transition: 0.3s;
  background: #D8D8D8;
  cursor: initial;
}
#accounts .accountsFormModalInputSubmitNg {
  width: 169px;
  height: 50px;
  border-radius: 32px;
  font-size: 15px;
  font-weight: 600;
  color: #65A09A;
  background: #FFF;
  border: 2px solid #65A09A;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  #accounts .accountsFormModalInputSubmitNg {
    font-size: 13px;
    height: 54px;
  }
}
#accounts .accountsFormModalInputSubmitNg:hover {
  opacity: 1;
  transition: 0.3s;
  color: #80BEB8;
  border-color: #80BEB8;
}
#accounts .accountsFormModalInputSubmitArea {
  max-width: 480px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 32px 0px 32px;
  border-top: 1px solid #E4E0E0;
}
@media screen and (max-width: 768px) {
  #accounts .accountsFormModalInputSubmitArea {
    padding: 30px 24px 40px;
    max-width: initial;
    gap: 12px;
  }
}
#accounts .passwordEditButton {
  height: 54px;
  display: flex;
  align-items: center;
  border-radius: 8px;
  border: 1px solid #E4E0E0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin: 8px 24px 0;
  position: relative;
  padding-left: 48px;
  font-size: 14px;
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
  color: #65A09A;
  background: #FFF;
  width: calc(100% - 48px);
}
@media screen and (max-width: 768px) {
  #accounts .passwordEditButton {
    margin: 0 16px;
    width: calc(100% - 32px);
  }
}
#accounts .passwordEditButton::before {
  content: "";
  position: absolute;
  top: 48%;
  left: 22px;
  transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
  background: url(/assets/common/key_icon-7486ff0d083456100b24d09943716607950e8a9c7633c33d26ee595e3d3b910a.svg) no-repeat;
}
#accounts .passwordEditButton::after {
  content: "";
  position: absolute;
  right: 24px;
  width: 6px;
  height: 6px;
  border-top: 2px solid #65A09A;
  border-right: 2px solid #65A09A;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#accounts .passwordRequired {
  font-size: 11px;
  font-weight: 500;
  color: #D96060;
  font-family: "Noto Sans JP", sans-serif;
  border-radius: 6px;
  border: 1px solid #D96060;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 39px;
  height: 23px;
}
#accounts .passwordBox {
  width: 100%;
  height: 50px;
  border-radius: 12px;
  border: none;
  padding-left: 16px;
  margin: 0;
}
#accounts .passwordWrap {
  display: flex;
  align-items: center;
  max-width: 480px;
  width: 100%;
  height: 53px;
  border-radius: 12px;
  border: 1px solid #DAD8D8;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin: 8px 0px;
}
@media screen and (max-width: 768px) {
  #accounts .passwordWrap {
    max-width: initial;
  }
}
#accounts .passwordWrap span {
  padding-right: 16px;
}
#accounts .appForm {
  background: #FFF;
  border-radius: 10px;
  border: 1px solid #E4E0E0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 40px;
  margin: 0 14% 0;
}
@media screen and (max-width: 768px) {
  #accounts .appForm {
    margin: 0 4% 0;
    padding: 32px 16px 24px;
  }
}
#accounts .appFormInputRadioArea {
  display: flex;
  justify-content: center;
  margin-top: 8px;
  gap: 8px;
  color: #323232;
}
#accounts .appFormInputRadioAreaTitle {
  font-size: 14px;
  font-weight: 400;
  font-family: "Noto Sans JP", sans-serif;
  width: 100%;
  height: 57px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  margin: 0 auto;
  border: 1px solid #DAD8D8;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  #accounts .appFormInputRadioAreaTitle {
    font-size: 13px;
  }
}
#accounts .appFormInputRadioAreaSelect {
  accent-color: cadetblue;
  margin-right: 8px;
}
#accounts .appFormInputRadioArea label {
  width: 100%;
  cursor: pointer;
}
#accounts .appFormInputSelectArea label {
  position: relative;
  display: block;
  background: #fff;
}
#accounts .appFormInputSelectArea label:before {
  position: absolute;
  content: "";
  top: 50%;
  right: 10px;
  width: 0px;
  height: 0px;
  margin: -2px 0 0 0;
  border: 5px solid transparent;
  border-top: 5px solid #BCC3CC;
  cursor: pointer;
  pointer-events: none;
}
#accounts .appFormInputSelectArea select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  padding: 0px 15px;
  border: none;
  background: transparent;
  width: 100%;
  height: 51px;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #cbced6;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin: 8px 0 16px;
  font-size: 14px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #accounts .appFormInputSelectArea select {
    margin-top: 8px;
  }
}
#accounts .appFormInputSelectArea ::-ms-expand {
  display: none;
}
#accounts .errorText,
#accounts .errorMessage {
  color: red;
  margin-top: 8px;
}
#accounts .accountsEditContainerHeader p {
  font-size: 15px;
  font-weight: 700;
  color: #FFF;
}
#accounts #accountsChangePasswordFormMessage {
  color: #65A09A;
  padding: 8px 0 16px 0;
}

.modal {
  display: none;
  position: fixed;
  z-index: 200;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.3);
  color: #323232;
}
.modal label, .modal input, .modal select {
  cursor: pointer;
}
.modalOpen {
  display: block;
}
.modalContent {
  max-width: 977px;
  background-color: #FFF;
  margin: 100px auto;
  padding: 24px;
  width: 64%;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25), 0 20px 25px 0 rgba(15, 23, 42, 0.1), 0 10px 10px -5px rgba(15, 23, 42, 0.04);
  animation-name: modalopen;
  animation-duration: 1s;
  border-radius: 8px;
}
@media screen and (max-width: 768px) {
  .modalContent {
    width: 100%;
    margin: 0px;
    border-radius: 0px;
    padding: 54px 24px 24px;
  }
}
.modalHeader {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .modalHeader {
    justify-content: center;
    align-items: center;
    background: #DE8A6D;
    height: 54px;
    position: fixed;
    width: 100%;
    z-index: 300;
  }
}
.modalHeaderTitle {
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 30px;
}
@media screen and (max-width: 768px) {
  .modalHeaderTitle {
    font-size: 14px;
    font-weight: 600;
    color: #FFF;
  }
}
.modalHeaderCaption {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #787878;
}
.modalClose {
  display: block;
  width: 24px;
  height: 24px;
  background: #FFF;
  position: relative;
}
@media screen and (max-width: 768px) {
  .modalClose {
    position: absolute;
    right: 24px;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    position: absolute;
  }
}
.modalClose:before, .modalClose:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #000;
  transform: rotate(45deg);
  transform-origin: 0% 50%;
  position: absolute;
  top: calc(14% - 5px);
  left: 14%;
}
@media screen and (max-width: 768px) {
  .modalClose:before, .modalClose:after {
    background: #EC9375;
    width: 50%;
    top: calc(14% + 6px);
    left: 32%;
  }
}
.modalClose:after {
  transform: rotate(-45deg);
  transform-origin: 100% 50%;
  left: auto;
  right: 14%;
}
@media screen and (max-width: 768px) {
  .modalClose:after {
    left: 17%;
    right: 0%;
  }
}
.modalClose:hover {
  cursor: pointer;
}
.modalBody {
  height: 68vh;
  overflow: scroll;
}
@media screen and (max-width: 768px) {
  .modalBody {
    margin-bottom: 200px;
    height: initial;
    overflow: initial;
  }
}
.modalBodyTitle {
  background: #F6F3F0;
  font-size: 20px;
  font-weight: 800;
  line-height: 30px;
  padding: 16px;
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .modalBodyTitle {
    background: #FFF;
    font-size: 16px;
    font-weight: 600;
    line-height: initial;
    padding: 0px;
    margin-top: 24px;
  }
}
.modalBodyFlex {
  justify-content: space-between;
  display: grid;
  grid-template-columns: 31% 31% 31%;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .modalBodyFlex {
    grid-template-columns: 1fr;
    gap: 0px;
  }
}
.modalBodyFlex.twoItems {
  grid-template-columns: 49% 49%;
}
.modalBodyItemFlex {
  display: flex;
  align-items: center;
  padding: 16px 0px;
  border-bottom: 1px solid #D8D8D8;
  box-shadow: inset 0px -1px 0px 0px rgb(228, 224, 224);
  font-size: 15px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .modalBodyItemFlex {
    padding: 11px 0px;
  }
}
.modalBodyDistanceFlex {
  display: grid;
  grid-template-columns: 24% 24% 24% 24%;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0px 0px;
}
.modalBodyDistanceItemFlex {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px 0px;
  white-space: nowrap;
}
.modalBodyDistance label {
  width: 100%;
}
.modalBodyDistance label input {
  display: none;
}
.modalBodyDistance label span {
  color: #323232;
  font-size: 14px;
  font-weight: 500;
  border: 1px solid #E4E0E0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 8px;
  padding: 16px 0px;
  display: block;
  text-align: center;
}
.modalBodyDistance label input:checked + span {
  color: #FFF;
  background: #65A09A;
  border: 0px;
}
.modalBodyRecruitmentFlex {
  justify-content: space-between;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .modalBodyRecruitmentFlex {
    grid-template-columns: 1fr;
    gap: 0px;
  }
}
.modalBodyKidsSelectBox {
  position: relative;
  display: block;
  background: #FFF;
  padding-top: 16px;
}
.modalBodyKidsSelectBox:before {
  position: absolute;
  content: "";
  top: 57px;
  right: 10px;
  width: 0px;
  height: 0px;
  margin: -2px 0 0 0;
  border: 5px solid transparent;
  border-top: 5px solid #65A09A;
  cursor: pointer;
  pointer-events: none;
}
.modalBodyKids select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  padding: 10px 15px;
  border: none;
  background: transparent;
  width: 100%;
  height: 51px;
  background: #FFF;
  color: #323232;
  border-radius: 8px;
  border: 1px solid #CBCED6;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-top: 16px;
}
.modalBodyKids ::-ms-expand {
  display: none;
}
.modalBodyTimeFlex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
}
.modalBodyTimeSearchBox {
  width: 100%;
  height: 51px;
  background: #FFF;
  border: 1px solid #CBCED6;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 16px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  color: #323232;
  border-radius: 8px;
  padding-left: 44px;
}
.modalBodyTimeSearchBox::placeholder {
  font-size: 13px;
  color: #A6A6A6;
}
.modalBodyTimeSearchBoxArea {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
.modalBodyTimeSearchBoxArea:before {
  content: "";
  width: 24px;
  height: 24px;
  background: url(/assets/time-2d1746d0dcd95b1aed20c2d348b14bc99ec95b2d2e46fe5b35b31b024fab793b.svg) no-repeat center center/auto 100%;
  display: inline-block;
  position: absolute;
  top: 13px;
  left: 16px;
}
.modalBodyTimeHyphen {
  padding: 0px 16px;
}
.modalCheckBox1 {
  width: 18px;
  height: 18px;
  accent-color: cadetblue;
  flex-shrink: 0;
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
  .modalCheckBox1 {
    margin-right: 7px;
  }
}
.modalfooter {
  display: flex;
  justify-content: space-between;
  padding-top: 24px;
}
@media screen and (max-width: 768px) {
  .modalfooter {
    flex-direction: column;
    position: fixed;
    bottom: 0;
    width: 93vw;
    background: #FFF;
    padding: 24px;
  }
}
.modalfooterButtonArea {
  display: flex;
  justify-content: flex-end;
  width: 60%;
  gap: 16px;
}
@media screen and (max-width: 768px) {
  .modalfooterButtonArea {
    padding-top: 16px;
    width: 100%;
  }
}
.modalfooterResult {
  font-size: 16px;
  font-weight: 600;
}
.modalfooterResult span {
  margin-left: 8px;
  font-size: 28px;
}
.modalClear {
  width: 100%;
  max-width: 103px;
  height: 48px;
  background: #FFF;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #65A09A;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  transition: 0.3s;
  color: #65A09A;
}
.modalClear input[type=reset] {
  color: #65A09A;
  background: #FFF;
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
  transition: 0.3s;
}
.modalClear input[type=button] {
  color: #65A09A;
  background: #FFF;
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
  transition: 0.3s;
}
.modalClear:hover {
  border-color: #80BEB8;
  color: #80BEB8;
}
.modalClear:hover input[type=button] {
  color: #80BEB8;
}
.modalSearch {
  width: 100%;
  max-width: 212px;
  height: 48px;
  color: #FFF;
  background: #65A09A;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .modalSearch {
    max-width: initial;
  }
}
.modalSearch:hover {
  background: #80BEB8;
}

@keyframes modalopen {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
input[type=time] {
  min-width: 120px;
}

input[type=time]::-webkit-calendar-picker-indicator {
  position: absolute;
  opacity: 0;
}

.ui-timepicker-standard .ui-state-hover {
  background: #EDF6F6;
  border: none;
}

.ui-timepicker-standard a {
  padding: 0.2em 0;
}

.swiper {
  max-width: 1090px;
}

.swiperContainer {
  max-width: 1090px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

.swiper-button-prev {
  left: -56px !important;
  width: 56px !important;
  height: 56px !important;
  border-radius: 50%;
  box-shadow: 0px 8px 15px 0px rgb(220, 214, 208);
}
@media screen and (max-width: 768px) {
  .swiper-button-prev {
    left: -100px !important;
    width: 40px !important;
    height: 40px !important;
  }
}
.swiper-button-prev:after, .swiper-button-prev:before {
  position: absolute;
  content: "" !important;
  top: 23px;
  left: 25px;
  border: 1px solid #323232;
  width: 12px;
  transform: translateX(-25%) rotate(315deg);
  border-radius: 12px;
}
@media screen and (max-width: 768px) {
  .swiper-button-prev:after, .swiper-button-prev:before {
    top: 15px;
    left: 15px;
  }
}
.swiper-button-prev:before {
  top: 31px;
  left: 19px;
  transform: translateX(25%) rotate(45deg);
}
@media screen and (max-width: 768px) {
  .swiper-button-prev:before {
    top: 24px;
    left: 8px;
  }
}

.reportChildSwiperPrev {
  left: 3px !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50%;
  box-shadow: none;
  background: #FFF;
}
@media screen and (max-width: 768px) {
  .reportChildSwiperPrev {
    left: 0px !important;
    width: 40px !important;
    height: 40px !important;
  }
}
.reportChildSwiperPrev:after, .reportChildSwiperPrev:before {
  position: absolute;
  content: "" !important;
  top: 15px;
  left: 15px;
  border: 1px solid #323232;
  width: 12px;
  transform: translateX(-25%) rotate(315deg);
  border-radius: 12px;
}
@media screen and (max-width: 768px) {
  .reportChildSwiperPrev:after, .reportChildSwiperPrev:before {
    top: 15px;
    left: 15px;
  }
}
.reportChildSwiperPrev:before {
  top: 24px;
  left: 8px;
  transform: translateX(25%) rotate(45deg);
}
@media screen and (max-width: 768px) {
  .reportChildSwiperPrev:before {
    top: 24px;
    left: 8px;
  }
}

.swiper-button-next {
  right: -70px !important;
  width: 56px !important;
  height: 56px !important;
  border-radius: 50%;
  box-shadow: 0px 8px 15px 0px rgb(220, 214, 208);
}
@media screen and (max-width: 768px) {
  .swiper-button-next {
    right: 0px !important;
    width: 40px !important;
    height: 40px !important;
  }
}
.swiper-button-next:after, .swiper-button-next:before {
  position: absolute;
  content: "" !important;
  top: 23px;
  left: 25px;
  border: 1px solid #323232;
  width: 12px;
  transform: translateX(-25%) rotate(45deg);
  border-radius: 12px;
}
@media screen and (max-width: 768px) {
  .swiper-button-next:after, .swiper-button-next:before {
    top: 15px;
    left: 18px;
  }
}
.swiper-button-next:before {
  top: 31px;
  left: 19px;
  transform: translateX(25%) rotate(135deg);
}
@media screen and (max-width: 768px) {
  .swiper-button-next:before {
    top: 24px;
    left: 11px;
  }
}

.reportChildSwiperNext {
  right: 3px !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50%;
  box-shadow: none;
  background: #FFF;
}
@media screen and (max-width: 768px) {
  .reportChildSwiperNext {
    right: 0px !important;
    width: 40px !important;
    height: 40px !important;
  }
}
.reportChildSwiperNext:after, .reportChildSwiperNext:before {
  position: absolute;
  content: "" !important;
  top: 15px;
  left: 18px;
  border: 1px solid #323232;
  width: 12px;
  transform: translateX(-25%) rotate(45deg);
  border-radius: 12px;
}
@media screen and (max-width: 768px) {
  .reportChildSwiperNext:after, .reportChildSwiperNext:before {
    top: 15px;
    left: 18px;
  }
}
.reportChildSwiperNext:before {
  top: 24px;
  left: 11px;
  transform: translateX(25%) rotate(135deg);
}
@media screen and (max-width: 768px) {
  .reportChildSwiperNext:before {
    top: 24px;
    left: 11px;
  }
}

.swiper-button-disabled {
  opacity: initial !important;
  background: #EAE5E5;
  box-shadow: initial;
}

.swiper--wrapper {
  width: 347px;
  height: 300px;
}

.swiper-pagination-bullet {
  border: 1px solid #FFF;
  opacity: initial !important;
  background: initial !important;
}

.swiper-pagination-bullet-active {
  background: #FFF !important;
}

.card {
  min-width: 330px;
  max-width: 349px;
  border-radius: 15px;
  border: 1px solid #CBCED6;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin: 10px 0 10px 0;
  margin-left: 11px;
  background: #FFF;
}
.cardImage {
  border-radius: 15px 15px 0px 0px;
  height: 100%;
  max-height: 195px;
  width: 100%;
  object-fit: cover;
  aspect-ratio: 16/9;
}
.cardImageArea {
  position: relative;
  height: 195px;
}
.cardDetailArea {
  margin: 21px 16px 12px;
}
.cardCategory {
  font-size: 11px;
  font-weight: 500;
  height: 25px;
  border-radius: 4px;
  background: #FFDFE1;
  color: #D8313B;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 8px;
}
.cardCategory.licensed {
  background: #FFE8F0 !important;
  color: #FF679E !important;
}
.cardCategory.certified {
  background: #DBEFDD !important;
  color: #5EA765 !important;
}
.cardCategory.company {
  background: #E9E9F6 !important;
  color: #6360FF !important;
}
.cardCategory.international_preschool {
  background: #FAECE0 !important;
  color: #E99A50 !important;
}
.cardCategory.unlicensed {
  background: #E8F0FA !important;
  color: #5BA6FF !important;
}
.cardCategory.certified_child_center {
  background: #F8F3DB !important;
  color: #EBCC26 !important;
}
.cardCategory.community_base {
  background: #F5E9FF !important;
  color: #BD84EA !important;
}
.cardCategory.kindergarten {
  background: #FFDFE1 !important;
  color: #EE3D48 !important;
}
.cardCategoryWrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cardNurserySchoolName {
  font-size: 15px;
  font-weight: 600;
  color: #484848;
  padding-top: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cardNurserySchoolAdress {
  font-size: 11px;
  font-weight: 600;
  color: #979797;
}
.cardFlex {
  display: flex;
  justify-content: space-between;
  padding-top: 5px;
}
.cardFlexSecond {
  display: flex;
  align-items: center;
}
.cardNurserySchoolDetail {
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  color: #535353;
  padding-top: 8px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.cardDate {
  width: 126px;
  height: 30px;
  font-size: 11px;
  font-weight: 600;
  line-height: normal;
  color: #4E4E4E;
  background: #EFEFEF;
  border-radius: 4px;
  border: 1px solid #000;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 16px;
}
.cardCalenderIcon {
  padding-right: 2px;
}
.cardReserve {
  width: 70px;
  max-width: 100px;
  height: 34px;
  position: absolute;
  top: 16px;
  right: 14px;
  background: #FFF;
  color: #E24545;
  font-size: 12px;
  font-weight: 500;
  border: 1.5px solid #E24545;
  border-radius: 60px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cardReserveIcon {
  padding-right: 4px;
}
.cardFieldTrip {
  width: 92px;
  height: 26px;
  position: absolute;
  bottom: -9px;
  left: -12px;
  background: #65A09A;
  color: #FFF;
  font-size: 12px;
  font-weight: 600;
  border-radius: 4px 4px 4px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cardFieldTrip:before {
  position: absolute;
  content: "";
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 10px transparent;
  border-right: solid 11px #3C7771;
}
.cardHeart {
  width: 36px;
  height: 36px;
  position: absolute;
  bottom: -14px;
  right: 14px;
  background: #FFF;
  border-radius: 50%;
  box-shadow: 0px 10px 8px 0px rgba(0, 0, 0, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
}
.cardEvaluation {
  font-size: 11px;
  font-weight: 600;
  font-family: "Roboto", sans-serif;
  padding-left: 4px;
}
.cardContactArea {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #65A09A;
  color: #FFF;
  margin-top: 12px;
  padding: 0px 12px;
  height: 25px;
  box-shadow: 0px -1px 0px 0px rgb(215, 215, 215);
}
.cardContactAreaText {
  font-size: 11px;
  font-weight: 600;
}
.cardContactAreaTel {
  font-size: 12px;
  font-weight: 600;
}
.cardFooter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #E7E2DD;
  width: 100%;
  height: 64px;
  border-top: 1px solid #CBCED6;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.cardFooterWrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 0px 0px 15px 15px;
  background: #E3DED9;
}
.cardFooterEntry {
  position: relative;
  width: 121px;
  height: 48px;
  color: #FFF;
  background: #EFAB6C;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10%;
  font-size: 13px;
  font-weight: 600;
  font-family: "Roboto", sans-serif;
  text-align: center;
  box-shadow: 2px 3px 4px 0px rgba(180, 177, 173, 0.6);
}
@media screen and (max-width: 768px) {
  .cardFooterEntry {
    width: 117px;
  }
}
.cardFooterEntryIcon {
  width: 18px;
  height: 18px;
  background: url(/assets/button-arrow-temporary-custody-c9d7e19318f855e42d725e6c59b3c52b1bced824772dc69763e55a0eabb86019.svg) no-repeat center center/18px 18px;
}
.cardFooterEntryGray {
  position: relative;
  width: 121px;
  height: 48px;
  color: #FFF;
  background: #D8D8D8;
  border-radius: 6px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10%;
  font-size: 13px;
  font-weight: 600;
  font-family: "Roboto", sans-serif;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .cardFooterEntryGray {
    width: 117px;
  }
}
.cardFooterEntryGrayIcon {
  display: inline-block;
  vertical-align: middle;
  color: #FFF;
  line-height: 1;
  position: relative;
  width: 10px;
  height: 10px;
  transform: translateX(-25%) rotate(45deg);
}
.cardFooterEntryGrayIcon::before, .cardFooterEntryGrayIcon::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 3px;
}
.cardFooterEntryGrayIcon::before {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}
.cardFooterEntryGrayIcon::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}
.cardFooterReserve {
  position: relative;
  width: 121px;
  height: 48px;
  color: #FFF;
  background: #EF8D6C;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10%;
  font-size: 13px;
  font-weight: 600;
  font-family: "Roboto", sans-serif;
  margin-right: 10px;
  box-shadow: 2px 3px 4px 0px rgba(180, 177, 173, 0.6);
}
@media screen and (max-width: 768px) {
  .cardFooterReserve {
    width: 117px;
  }
}
.cardFooterReserveIcon {
  width: 18px;
  height: 18px;
  background: url(/assets/button-arrow-tour-reservation-ef6f3922aae68ecab53fe34f85f99d71ab0a7f0b440e3144fa5c389226762482.svg) no-repeat center center/18px 18px;
}
.cardFooterReserveGray {
  position: relative;
  width: 121px;
  height: 48px;
  color: #FFF;
  background: #D8D8D8;
  border-radius: 6px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10%;
  font-size: 13px;
  font-weight: 600;
  font-family: "Roboto", sans-serif;
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
  .cardFooterReserveGray {
    width: 117px;
  }
}
.cardFooterReserveGrayIcon {
  display: inline-block;
  vertical-align: middle;
  color: #FFF;
  line-height: 1;
  position: relative;
  width: 10px;
  height: 10px;
  transform: translateX(-25%) rotate(45deg);
}
.cardFooterReserveGrayIcon::before, .cardFooterReserveGrayIcon::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 3px;
}
.cardFooterReserveGrayIcon::before {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}
.cardFooterReserveGrayIcon::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}
.cardFooterContact {
  color: #65A09A;
  border: 2px solid #65A09A;
  width: 100%;
  height: 40px;
  border-radius: 30px;
  font-size: 11px;
  font-weight: 600;
  background: #FFF;
  position: relative;
}
.cardFooterContact::before {
  content: "";
  position: absolute;
  background: url(/assets/call_green-c64114498a33442acdd62738a7471c719d5d4abcf5b4d4a84a428f6a7d7aadce.svg) no-repeat center center/18px 18px;
  width: 18px;
  height: 18px;
  top: 50%;
  left: 20%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.cardFooterContactWrap {
  padding: 8px 32px;
  width: 100%;
  height: 56px;
  border-top: 1px solid #CBCED6;
  box-sizing: border-box;
}
.cardFooter a[data-turbo-method] {
  width: 18%;
  height: 100%;
}
.cardFooter a[data-turbo-method] .cardFooterFavoriteArea {
  border-right: 1px solid #CBCED6;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 13px 0 2%;
  background: url(/assets/favorite_icon2-38e3119a730ac93daddfe9ff13041cd1eb60291088f085cc627b45db8b046ffa.svg) no-repeat center center/40px 40px;
  cursor: pointer;
}
.cardFooter a[data-turbo-method] .cardFooterFavoriteAreaActive, .cardFooter a[data-turbo-method] .cardFooterFavoriteArea[data-faved="1"] {
  background: url(/assets/favorite_icon-70fef11735b264ad81088397835eb6f1466e2ccb123ffccd542563663953f939.svg) no-repeat center center/40px 40px;
}
.cardListTagFlex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 11px;
  background: #fff;
  margin-bottom: 12px;
}
.cardListOk {
  font-size: 11px;
  font-weight: 600;
  color: #1e5a54;
  background: #deedeb;
  border: 0.5px solid #65a09a;
  border-radius: 4px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 6px 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 4px 4px;
  height: 30px;
  width: 100%;
}
.cardListOkIcon {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1.5px solid #65a09a;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-right: 5px;
}
.cardListNg {
  font-size: 11px;
  font-weight: 600;
  color: #b6b6b6;
  background: #efefef;
  border-radius: 4px;
  padding: 6px 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 4px 4px;
  height: 30px;
  width: 100%;
}
.cardListNgIcon {
  display: block;
  width: 11px;
  height: 12px;
  position: relative;
  margin-right: 5px;
}
.cardListNgIcon:before, .cardListNgIcon:after {
  content: "";
  border-radius: 3px;
  display: block;
  width: 100%;
  height: 1.5px;
  background: #b6b6b6;
  transform: rotate(45deg);
  transform-origin: 0% 50%;
  position: absolute;
  top: 1px;
  left: 14%;
}
.cardListNgIcon:after {
  transform: rotate(-45deg);
  transform-origin: 100% 50%;
  left: auto;
  right: 14%;
}
.cardRibbon {
  display: inline-block;
  position: absolute;
  padding: 7px 0;
  right: -36px;
  top: 10px;
  width: 120px;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  background: #6C7FE3;
  color: #FFF;
  letter-spacing: 0.05em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.cardRibbon:before, .cardRibbon:after {
  position: absolute;
  content: "";
  border-top: 4px solid #4861A0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  bottom: -4px;
}
.cardRibbon:before {
  left: 8px;
}
.cardRibbon:after {
  right: 4px;
}
.cardRibbonArea {
  display: inline;
}
.cardNew {
  position: absolute;
  top: 10px;
  right: -14px;
  background: #EC5D5D;
  color: #FFF;
  font-size: 12px;
  font-weight: 600;
  width: 56px;
  height: 33px;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
.cardApplicationDay {
  margin-top: 15px;
  height: 29px;
  border: 1px solid #C8C8C8;
  display: flex;
  align-items: center;
}
.cardApplicationDayText {
  font-size: 12px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  color: #FFF;
  background: #65A09A;
  border-right: 1px solid #C8C8C8;
  width: 52px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 7px;
}
.cardApplicationDayDate {
  font-size: 12px;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  color: #464E5F;
  background: #FFF;
  padding: 0 8px;
}
.cardCheck {
  position: absolute;
  top: 12px;
  left: 2px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cardCheck input[type=checkbox] {
  display: none;
}
.cardCheckMark {
  width: 24px;
  height: 24px;
}
.cardCheckMark::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/check_off-88910293a14e326c90465feb98d40e407a85d0ccf856fbfe5c7bd25697e15d48.svg) no-repeat center center/24px;
}
.cardCheck input[type=checkbox]:checked + .cardCheckMark::before {
  background: url(/assets/check_on-bde2c21e27c662ab36e607c7ca6af2fc2f4cbf9cf6ecec78aa53e06114cd3104.svg) no-repeat center center/24px;
}
.card .reivewPostLink {
  color: #DE8A6D;
  font-size: 0.6875rem;
  text-decoration: underline;
  display: flex;
  align-items: center;
  justify-content: end;
  margin-top: 12px;
}
.card .reivewPostLink:hover {
  color: #DE8A6D;
  opacity: 0.8;
}
.card .reivewPostLink.disabled {
  pointer-events: none;
  color: #464E5F;
  opacity: 0.5;
}

#index.top-index .ts-control {
  min-height: 51px;
  height: 51px;
}
#index .toast {
  z-index: 210;
}
#index .toast.hide {
  z-index: 0;
}
#index .mainContents {
  margin: 0 auto;
  padding-top: 62px;
}
#index .mainVisual {
  position: relative;
  max-height: 771px;
}
#index .mainVisualImage {
  width: 100%;
  object-fit: cover;
  height: 630px;
}
@media screen and (max-width: 768px) {
  #index .mainVisualImage {
    height: 594px;
    object-fit: cover;
    object-position: 0px 10%;
  }
}
#index .mainVisualImageText {
  position: absolute;
  top: 0;
  left: 0;
}
#index .ribbonWrapper {
  display: block;
  position: relative;
  margin: 15px auto;
  padding: 10px 0;
  width: 300px;
  background: #f1f1f1;
  box-sizing: border-box;
}
#index .ribbon {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  top: 0;
  left: 32px;
  margin: 0;
  padding-top: 32px;
  z-index: 2;
  width: 134px;
  height: 106px;
  color: #FFF;
  background: #F9A627;
  border-left: 3px solid #FFF;
  border-right: 3px solid #FFF;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  #index .ribbon {
    width: 104px;
    height: 75px;
    left: 15px;
    padding-top: 20px;
  }
}
#index .ribbonTitle {
  font-size: 15px;
  font-weight: 600;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #index .ribbonTitle {
    font-size: 12px;
  }
}
#index .ribbonNumber {
  font-size: 20px;
  font-weight: 600;
  line-height: 40px;
}
@media screen and (max-width: 768px) {
  #index .ribbonNumber {
    font-size: 15px;
  }
}
#index .ribbonNumberArea {
  display: flex;
  align-items: baseline;
}
#index .ribbonNumberUnit {
  font-size: 12px;
  font-weight: 600;
  line-height: 40px;
}
#index .ribbon:before {
  content: "";
  position: absolute;
  left: -3px;
  top: 100%;
  height: 4px;
  width: 0;
  border-left: 67px solid #FFF;
  border-right: 67px solid #FFF;
  border-bottom: 22px solid transparent;
}
@media screen and (max-width: 768px) {
  #index .ribbon:before {
    left: -3px;
    border-left: 52px solid #FFF;
    border-right: 52px solid #FFF;
    border-bottom: 16px solid transparent;
  }
}
#index .ribbon:after {
  content: "";
  position: absolute;
  left: 0px;
  top: 100%;
  height: 0;
  width: 0px;
  border-left: 64px solid #F9A627;
  border-right: 64px solid #F9A627;
  border-bottom: 22px solid transparent;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  #index .ribbon:after {
    border-left: 49px solid #F9A627;
    border-right: 49px solid #F9A627;
    border-bottom: 16px solid transparent;
  }
}
#index .search {
  position: absolute;
  top: 100px;
  right: 56px;
  width: 519px;
  margin: -52px auto 0px;
  border-radius: 20px;
  font-size: 14px;
  background-color: #F9F8F8;
}
@media screen and (max-width: 768px) {
  #index .search {
    width: 358px;
    height: initial;
    top: 312px;
    right: 0;
    left: 0;
    font-size: 12px;
  }
}
#index .searchHeader {
  background: #65A09A;
  border: 3px solid #FFF;
  border-bottom: 0;
  box-sizing: border-box;
  border-radius: 20px 20px 0 0;
  padding-top: 41px;
  position: relative;
}
@media screen and (max-width: 768px) {
  #index .searchHeader {
    padding: 43px 0 0;
  }
}
#index .searchHeaderTitle {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.2px;
  color: #FFF;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #index .searchHeaderTitle {
    font-size: 23px;
  }
}
#index .searchHeaderCategory {
  display: flex;
  justify-content: center;
  padding-top: 16px;
  gap: 17px;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #index .searchHeaderCategory {
    flex-direction: column;
  }
}
#index .searchHeaderCategoryTitle {
  font-size: 14px;
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
  width: 211px;
  height: 57px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FFF;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #index .searchHeaderCategoryTitle {
    font-size: 15px;
    font-weight: 400;
    width: 244px;
  }
}
#index .searchHeaderCategorySelect {
  accent-color: cadetblue;
  margin-right: 8px;
}
#index .searchHeaderCategory label {
  cursor: pointer;
}
#index .searchMain {
  background: #F9F8F8;
  padding: 32px 32px 40px 32px;
  border-radius: 0 0 20px 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  #index .searchMain {
    padding: 24px 16px 32px;
  }
}
#index .searchBox {
  width: 100%;
  height: 51px;
  background: #FFF;
  border: 1px solid #CBCED6;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 16px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  color: #323232;
  border-radius: 8px;
  padding-left: 15px;
}
#index .searchBox::placeholder {
  color: #A6A6A6;
  font-size: 14px;
}
#index .searchBoxArea {
  position: relative;
  width: 100%;
  margin-right: 8px;
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
#index .searchBoxArea:before {
  content: "";
  width: 24px;
  height: 24px;
  display: inline-block;
  position: absolute;
  top: 13px;
  left: 16px;
}
#index .searchBoxWrap {
  position: relative;
  display: flex;
  gap: 8px;
}
#index .searchBoxWrap::before {
  content: "";
  width: 24px;
  height: 24px;
  background: url(/assets/search-e10a76f578717977ec764f2602f3875964f425710093784f7cbdb5b10d7f95cf.svg) no-repeat center center/auto 100%;
  display: inline-block;
  position: absolute;
  top: 13px;
  left: 16px;
  z-index: 1;
}
#index .searchBoxWrap input {
  padding-left: 40px;
  position: relative;
}
#index .searchIcon {
  position: relative;
  width: 12px;
  height: 2px;
  background: #323232;
  border-radius: 10px;
  margin-top: 8px;
  margin-left: 1px;
}
#index .searchIcon:before {
  content: "";
  position: absolute;
  top: -5px;
  left: -2px;
  width: 16px;
  height: 100%;
  background: #323232;
  border-radius: 10px;
}
#index .searchIcon:after {
  content: "";
  position: absolute;
  top: 5px;
  left: 3px;
  width: 6px;
  height: 100%;
  background: #323232;
  border-radius: 10px;
}
#index .searchIconArea {
  width: 51px;
  height: 51px;
  background: #FFF;
  border: 1px solid #CBCED6;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 8px;
  padding: 16px;
  cursor: pointer;
}
#index .search .ageTitle {
  font-weight: 500;
  padding: 0 0 8px;
}
#index .search .ageWrap {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  gap: 8px;
}
#index .search .ageCheckWrap {
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  #index .search .ageCheckWrap {
    font-size: 13px;
  }
}
#index .searchButton {
  width: 100%;
  height: 60px;
  color: #FFF;
  background: #65A09A;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  margin-top: 16px;
  cursor: pointer;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  #index .searchButton {
    font-size: 13px;
    height: 56px;
  }
}
#index .searchButton:hover {
  background: #80BEB8;
}
#index .searchButtonLocation {
  position: relative;
  width: 100%;
  height: 60px;
  color: #DE8A6D;
  background: #FFF;
  border-radius: 8px;
  border: 2px solid #DE8A6D;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
  margin-top: 12px;
  margin-bottom: 16px;
  padding-left: 24px;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  #index .searchButtonLocation {
    font-size: 13px;
    height: 56px;
    margin-top: 8px;
  }
}
#index .searchButtonLocationFlex {
  display: flex;
  justify-content: center;
  align-items: center;
}
#index .searchButtonLocationIcon {
  display: inline-block;
  vertical-align: middle;
  color: #DE8A6D;
  line-height: 1;
  position: relative;
  width: 10px;
  height: 10px;
  transform: translateX(-25%) rotate(45deg);
  margin-right: 32px;
}
#index .searchButtonLocationIcon::before, #index .searchButtonLocationIcon::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 3px;
}
#index .searchButtonLocationIcon::before {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}
#index .searchButtonLocationIcon::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}
#index .searchButtonLocationText {
  color: #323232;
  font-weight: 500;
}
#index .searchBubble {
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  width: 208px;
  background: #F9A627;
  border-radius: 50px;
  border: 2px solid #FFF;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 800;
  font-family: "M PLUS Rounded 1c", sans-serif;
  color: #FFF;
  padding: 15px 24px;
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  #index .searchBubble {
    top: -30px;
    font-size: 14px;
  }
}
#index .searchBubble:after, #index .searchBubble:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
#index .searchBubble:after {
  border-color: rgba(249, 166, 39, 0);
  border-top-width: 15px;
  border-bottom-width: 22px;
  border-left-width: 4px;
  border-right-width: 4px;
  margin-left: -10px;
  border-top-color: #F9A627;
  top: 100%;
  left: 14%;
}
#index .searchBubble:before {
  border-color: rgba(249, 166, 39, 0);
  border-top-width: 17px;
  border-bottom-width: 22px;
  border-left-width: 6px;
  border-right-width: 6px;
  margin-left: -10px;
  border-top-color: #FFF;
  top: 100%;
  left: 13%;
}
#index .searchSelect {
  margin-bottom: 8px;
}
#index .searchSelect.area-search-grid {
  display: grid;
  grid-template-columns: 1fr 50px;
  gap: 8px;
}
#index .searchSelect.name-search-grid {
  display: grid;
  grid-template-columns: calc(100% - 8px - 51px) 51px;
  gap: 8px;
}
#index .searchSelect.flex {
  gap: 8px;
}
#index .searchSelect.flex .searchSelectSelectBox {
  width: 100%;
}
#index .searchSelectSelectBox {
  position: relative;
  display: block;
}
#index .searchSelectSelectBox:before {
  position: absolute;
  content: "";
  top: 50%;
  right: 10px;
  width: 0;
  height: 0;
  margin: -2px 0 0 0;
  border: 5px solid transparent;
  border-top: 5px solid #959595;
  cursor: pointer;
  pointer-events: none;
}
#index .searchSelect select, #index .searchSelect input[type=text] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  padding: 10px 15px;
  width: 100%;
  height: 51px;
  background: #FFF;
  color: #323232;
  border-radius: 8px;
  border: 1px solid #CBCED6;
  box-sizing: border-box;
  font-size: 14px;
}
#index .searchSelect ::-ms-expand {
  display: none;
}
#index .search .tabs {
  width: 100%;
  height: 46px;
  display: flex;
}
#index .search .tabs .tab {
  width: 33.3333333333%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 14px;
  border-radius: 8px 8px 0 0;
  color: #ffffff;
  cursor: pointer;
}
#index .search .tabs .tab.selected {
  background-color: #5E8F8A;
  border-bottom: 3px solid #80BEB8;
}
#index .searchAreaWrap {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
#index .search .tab-target-area {
  margin-bottom: 24px;
}
#index .hidden {
  display: none !important;
}
#index .tour {
  background: #F9F9F9;
  padding: 72px 124px;
}
@media screen and (max-width: 768px) {
  #index .tour {
    margin-top: 200px;
    padding: 32px 16px 40px;
  }
}
#index .tourHeader {
  display: flex;
  justify-content: space-between;
  align-items: end;
  padding-bottom: 32px;
}
@media screen and (max-width: 768px) {
  #index .tourHeader {
    padding-bottom: 0px;
    align-items: center;
  }
}
#index .tourButtonMargin {
  margin: 34px auto 0px;
}
#index .tourCardArea {
  padding-top: 40px;
  display: flex;
  overflow-x: scroll;
  gap: 20px;
  margin: 0 5%;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#index .tourCardArea::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 768px) {
  #index .tourCardArea {
    margin: 0 0px;
  }
}
#index .tourCardContainer {
  position: relative;
}
#index .sectionTitle {
  font-size: 15px;
  font-weight: 700;
  color: #DE8A6D;
}
@media screen and (max-width: 768px) {
  #index .sectionTitle {
    font-size: 14px;
    line-height: initial;
  }
}
#index .sectionSubTitle {
  font-size: 20px;
  font-weight: 700;
  color: #323232;
  padding-top: 8px;
}
@media screen and (max-width: 768px) {
  #index .sectionSubTitle {
    font-size: 20px;
  }
}
#index .buttonItem {
  position: relative;
  width: 168px;
  height: 60px;
  border-radius: 30px;
  background: #65A09A;
  color: #FFF;
  font-size: 14px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  #index .buttonItem {
    height: 48px;
    font-size: 13px;
  }
}
#index .buttonItem a:hover {
  opacity: 1;
}
#index .buttonItemIcon {
  display: inline-block;
  vertical-align: middle;
  color: #FFF;
  line-height: 1;
  position: relative;
  width: 10px;
  height: 10px;
  transform: translateX(-25%) rotate(45deg);
}
#index .buttonItemIcon::before, #index .buttonItemIcon::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 3px;
}
#index .buttonItemIcon::before {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}
#index .buttonItemIcon::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}
#index .buttonItemIcon2 {
  display: inline-block;
  vertical-align: middle;
  color: #FFF;
  line-height: 1;
  position: relative;
  width: 10px;
  height: 10px;
}
#index .buttonItemIcon2::before {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 3px;
}
#index .buttonItemIcon2::before {
  top: 4px;
  left: 10px;
  right: -12px;
  height: 2px;
}
#index .buttonItemMarginAuto {
  margin: 0 auto;
}
#index .buttonItem:hover {
  background: #80BEB8;
}
#index .guideArea {
  padding: 80px 0px;
  text-align: center;
  height: 555px;
}
@media screen and (max-width: 768px) {
  #index .guideArea {
    padding: 40px 0px;
    height: initial;
  }
}
#index .guideAreaImage {
  position: relative;
  max-width: 1081px;
  margin: 0 auto;
}
#index .guideArea img {
  border-radius: 5px;
  width: 100%;
  height: 337px;
  margin: 0 auto;
  object-fit: none;
}
@media screen and (max-width: 768px) {
  #index .guideArea img {
    padding: 0 0;
    width: 91%;
    border-radius: 12px;
    object-fit: cover;
  }
}
#index .guideArea h2 {
  font-size: 25px;
  font-weight: 700;
  line-height: 1.44;
  text-align: left;
}
@media screen and (max-width: 768px) {
  #index .guideArea h2 {
    font-size: 20px;
    line-height: 1.45;
  }
}
#index .guideAreaText {
  font-size: 15px;
  font-weight: 500;
  color: #787878;
  padding-top: 8px;
  padding-bottom: 40px;
}
@media screen and (max-width: 768px) {
  #index .guideAreaText {
    font-size: 13px;
    line-height: 1.69;
    text-align: left;
    padding-bottom: 32px;
  }
}
#index .guideAreaImageText {
  position: absolute;
  top: 80px;
  left: 80px;
}
@media screen and (max-width: 768px) {
  #index .guideAreaImageText {
    top: 126px;
    right: 0;
    left: 24px;
    width: 295px;
    padding-left: 24px;
  }
}
#index .guideAreaButton {
  position: relative;
  width: 168px;
  height: 60px;
  border-radius: 30px;
  background: #65A09A;
  color: #FFF;
  font-size: 15px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  #index .guideAreaButton {
    width: 172px;
    height: 48px;
    font-size: 13px;
  }
}
#index .guideAreaButton a:hover {
  opacity: 1;
}
#index .guideAreaButtonIcon {
  display: inline-block;
  vertical-align: middle;
  color: #FFF;
  line-height: 1;
  position: relative;
  width: 10px;
  height: 10px;
  transform: translateX(-25%) rotate(45deg);
}
#index .guideAreaButtonIcon::before, #index .guideAreaButtonIcon::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 3px;
}
#index .guideAreaButtonIcon::before {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}
#index .guideAreaButtonIcon::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}
#index .guideAreaButtonIcon2 {
  display: inline-block;
  vertical-align: middle;
  color: #FFF;
  line-height: 1;
  position: relative;
  width: 10px;
  height: 10px;
}
#index .guideAreaButtonIcon2::before {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 3px;
}
#index .guideAreaButtonIcon2::before {
  top: 4px;
  left: 10px;
  right: -12px;
  height: 2px;
}
#index .guideAreaButton:hover {
  background: #80BEB8;
}
#index .useful {
  background: #F6F2EE;
  padding: 60px 0px 80px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #index .useful {
    padding: 40px 0px 40px;
  }
}
#index .usefulGrid {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 32px;
  padding-top: 40px;
}
@media screen and (max-width: 768px) {
  #index .usefulGrid {
    gap: 41.5px;
    flex-direction: column;
    align-items: center;
    margin: auto;
  }
}
#index .usefulRelative {
  position: relative;
}
#index .usefulRelative img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  #index .usefulRelative img {
    width: 272px;
    height: 272px;
  }
}
#index .usefulNo {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 60px;
  font-weight: 700;
  color: #65A09A;
}
@media screen and (max-width: 768px) {
  #index .usefulNo {
    font-size: 35px;
  }
}
#index .usefulTitle {
  font-size: 18px;
  font-weight: 500;
  padding-top: 24px;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  #index .usefulTitle {
    padding-top: 16px;
    font-size: 16px;
  }
}
#index .usefulSubTitle {
  font-size: 15px;
  font-weight: 500;
  padding-top: 16px;
  padding-bottom: 24px;
  white-space: nowrap;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  #index .usefulSubTitle {
    font-size: 13px;
    padding-bottom: 24px;
  }
}
#index .usefulButtonItem {
  position: relative;
  width: 100%;
  max-width: 256px;
  height: 60px;
  border-radius: 30px;
  background: #65A09A;
  color: #FFF;
  font-size: 15px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  #index .usefulButtonItem {
    font-size: 13px;
    width: 227px;
    height: 56px;
  }
}
#index .usefulButtonItem a:hover {
  opacity: 1;
}
#index .usefulButtonItem:hover {
  background: #80BEB8;
}
#index .report {
  max-height: 1500px;
  padding: 80px 14%;
}
@media screen and (max-width: 768px) {
  #index .report {
    max-height: 1500px;
    padding: 40px 4%;
  }
}
#index .reportHeader {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  #index .reportHeader {
    justify-content: space-between;
  }
}
#index .reportFlex {
  display: flex;
  justify-content: center;
  padding-top: 40px;
}
@media screen and (max-width: 768px) {
  #index .reportFlex {
    flex-direction: column-reverse;
    padding-top: 24px;
  }
}
#index .reportTextArea {
  max-width: 530px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  #index .reportTextArea {
    padding-right: 0px;
    padding-top: 24px;
  }
}
#index .reportName {
  font-size: 32px;
  font-weight: 600;
  line-height: 48px;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #index .reportName {
    font-size: 24px;
  }
}
#index .reportAddress {
  font-size: 13px;
  font-weight: 500;
  color: #979797;
}
#index .reportMessage {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #535353;
  padding-top: 20px;
}
#index .reportImage {
  border-radius: 15px;
  width: 100%;
  object-fit: cover;
}
@media screen and (max-width: 768px) {
  #index .reportImage {
    object-fit: cover;
    max-height: 201px;
    padding: 0px 0px;
  }
}
#index .reportTagFlex {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-top: 20px;
}
@media screen and (max-width: 768px) {
  #index .reportTagFlex {
    padding-top: 24px;
  }
}
#index .reportOk {
  font-size: 11px;
  font-weight: 600;
  color: #1E5A54;
  background: #DEEDEB;
  border: 1px solid #65A09A;
  border-radius: 4px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 6px 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 4px 4px;
}
#index .reportOkIcon {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1.5px solid #65A09A;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-right: 5px;
}
#index .reportNg {
  font-size: 11px;
  font-weight: 600;
  color: #B6B6B6;
  background: #EFEFEF;
  border-radius: 4px;
  padding: 6px 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 4px 4px;
}
#index .reportNgIcon {
  display: block;
  width: 11px;
  height: 12px;
  position: relative;
  margin-right: 5px;
}
#index .reportNgIcon:before, #index .reportNgIcon:after {
  content: "";
  border-radius: 3px;
  display: block;
  width: 100%;
  height: 2px;
  background: #B6B6B6;
  transform: rotate(45deg);
  transform-origin: 0% 50%;
  position: absolute;
  top: 1px;
  left: 14%;
}
#index .reportNgIcon:after {
  transform: rotate(-45deg);
  transform-origin: 100% 50%;
  left: auto;
  right: 14%;
}
#index .reportButtonItem {
  position: relative;
  width: 100%;
  max-width: 256px;
  height: 60px;
  border-radius: 30px;
  background: #65A09A;
  color: #FFF;
  font-size: 15px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  #index .reportButtonItem {
    font-size: 13px;
    width: 227px;
    height: 56px;
    margin: 24px auto 0px;
  }
}
#index .testimonials {
  padding-top: 64px;
  background: #F9F8F8;
  max-height: 503px;
}
@media screen and (max-width: 768px) {
  #index .testimonials {
    padding-top: 40px;
  }
}
#index .testimonialsCard {
  max-width: 347px;
  max-height: 227px;
  padding: 24px 15px 23px 15px;
  margin: 0 10px;
  border: 1px solid #E4E0E0;
  border-radius: 8px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  #index .testimonialsCard {
    max-width: 265px;
  }
}
#index .testimonialsCardUser {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  object-fit: none;
  object-position: 75% 50%;
  padding-right: 7px;
}
#index .testimonialsCardUserArea {
  display: flex;
}
#index .testimonialsCardUserName {
  font-size: 15px;
  font-weight: 600;
  padding-bottom: 4px;
}
@media screen and (max-width: 768px) {
  #index .testimonialsCardUserName {
    font-size: 13px;
  }
}
#index .testimonialsCardUserMessage {
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  color: #535353;
  padding-top: 13px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
@media screen and (max-width: 768px) {
  #index .testimonialsCardUserMessage {
    font-size: 12px;
  }
}
#index .testimonialsCardButton {
  width: 154px;
  height: 45px;
  margin-top: 16px;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #65A09A;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 13px;
  font-weight: 700;
  color: #65A09A;
}
#index .testimonialsCardFlex {
  display: flex;
  overflow-x: scroll;
  padding: 40px 0px 80px 0px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#index .testimonialsCardFlex::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 768px) {
  #index .testimonialsCardFlex {
    padding: 40px 16px 50px 16px;
  }
}
#index .news {
  padding: 80px 124px;
}
@media screen and (max-width: 768px) {
  #index .news {
    padding: 40px 16px 80px;
  }
}
#index .newsWrap {
  padding: 28px 0 36px;
}
#index .newsFlex {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #E4E0E0;
  padding: 12px 0px;
}
@media screen and (max-width: 768px) {
  #index .newsFlex {
    padding: 24px 0px 16px;
    flex-direction: column;
    gap: 8px;
    align-items: initial;
  }
}
#index .newsDate {
  font-size: 15px;
  font-weight: 400;
  color: #979797;
}
@media screen and (max-width: 768px) {
  #index .newsDate {
    font-size: 13px;
  }
}
#index .newsText {
  font-size: 15px;
  font-weight: 500;
  color: #323232;
  padding-left: 12px;
  overflow: hidden;
  line-height: 1.2;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
@media screen and (max-width: 768px) {
  #index .newsText {
    font-size: 14px;
    padding-left: 0;
  }
}
#index .newsButton {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 18px 42px;
  max-width: 220px;
  max-height: 60px;
  background: #65A09A;
  color: #FFF;
  border-radius: 30px;
  margin: 40px auto 0px;
}
#index .newsTitleWrap {
  display: flex;
  align-items: center;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  #index .newsTitleWrap {
    gap: 16px;
  }
}
#index .newsTitleCategory {
  padding: 6px 8px;
  border-radius: 4px;
  color: #65A09A;
  font-size: 11px;
  font-weight: 600;
  border: 1px solid #65A09A;
  box-sizing: border-box;
  background: #EDF6F6;
  white-space: nowrap;
}
#index .card {
  margin-right: 11px !important;
}
@media screen and (max-width: 768px) {
  #index .card {
    min-width: 325px;
    max-width: 325px;
  }
}
#index .about {
  padding: 100px 8% 80px;
  background: #F6F2EE;
}
@media screen and (max-width: 768px) {
  #index .about {
    padding: 204px 4% 50px;
  }
}
@media screen and (max-width: 768px) {
  #index .aboutArea {
    padding: 204px 4% 50px;
  }
}
@media screen and (max-width: 768px) {
  #index .aboutStation {
    padding: 55px 4% 50px;
  }
}
@media screen and (max-width: 768px) {
  #index .aboutName {
    padding: 115px 4% 50px;
  }
}
#index .aboutWrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 56px;
  row-gap: 40px;
  max-width: 1512px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #index .aboutWrap {
    grid-template-columns: initial;
    gap: 24px;
  }
}
#index .aboutImage {
  border-radius: 5px;
  width: 100%;
}
#index .aboutTextWrap {
  display: flex;
  flex-direction: column;
  max-width: 532px;
}
@media screen and (max-width: 768px) {
  #index .aboutTextWrap {
    max-width: initial;
  }
}
#index .aboutTextTitle {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.33;
  color: #DE8A6D;
}
@media screen and (max-width: 768px) {
  #index .aboutTextTitle {
    font-size: 22px;
  }
}
#index .aboutTextComment {
  font-size: 15px;
  font-weight: 500;
  line-height: 2;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #index .aboutTextComment {
    font-size: 16px;
  }
}
#index .aboutBorder {
  position: relative;
  width: 100%;
  height: 1px;
  margin: 24px 0px 16px;
  display: block;
}
#index .aboutBorder::before {
  content: "";
  background-image: linear-gradient(to right, #C5C0C0, #C5C0C0 9px, transparent 9px, transparent 16px);
  background-size: 16px 1px;
  background-repeat: repeat-x;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#index .aboutButtonMargin {
  margin: 0px 0 0px auto;
}
@media screen and (max-width: 768px) {
  #index .aboutButtonMargin {
    margin: 0 auto;
  }
}
#index .aboutButtonWrap {
  max-width: 532px;
}
@media screen and (max-width: 768px) {
  #index .aboutButtonWrap {
    grid-row: 4;
  }
}
#index .faq {
  padding: 100px 14% 80px;
  font-family: "DM Sans", sans-serif;
}
@media screen and (max-width: 768px) {
  #index .faq {
    padding: 40px 16px 40px;
  }
}
#index .faqWrap {
  max-width: 1512px;
  margin: 0 auto;
}
#index .faqAccordionArea {
  list-style: none;
  margin: 0 auto;
}
#index .faqAccordionAreaLi {
  margin: 34px 0;
}
@media screen and (max-width: 768px) {
  #index .faqAccordionAreaLi {
    margin: 20px 0;
  }
}
#index .faqBigTitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  cursor: pointer;
  font-size: 18px;
  font-weight: 500;
  padding: 36px 32px;
  transition: all 0.5s ease;
  background: #FFF;
  border-radius: 18px;
  border: 1px solid #DADADA;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-shadow: 0px 3px 14px 0px rgba(116, 116, 116, 0.03), 0px -2px 4px 0px rgba(116, 116, 116, 0.02), 0px 12px 24px 0px rgba(116, 116, 116, 0.04);
}
@media screen and (max-width: 768px) {
  #index .faqBigTitle {
    font-size: 22px;
    padding: 22px 20px;
  }
}
#index .faqClose .faqIconWrap, #index .faqCloseInner .faqIconWrap {
  background: #65A09A;
  box-shadow: initial;
}
#index .faqClose .faqIcon, #index .faqCloseInner .faqIcon {
  top: 44%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(135deg);
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
  -ms-transform: translate(-50%, -50%) rotate(135deg);
}
#index .faqClose .faqIcon::before, #index .faqClose .faqIcon::after, #index .faqCloseInner .faqIcon::before, #index .faqCloseInner .faqIcon::after {
  background: #FFF;
}
#index .faqClose::before {
  transform: rotate(45deg);
}
#index .faqClose::after {
  transform: rotate(-45deg);
}
#index .faqBox {
  background: #E2E7E6;
  margin-top: 40px;
  padding: 40px;
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
  #index .faqBox {
    margin-top: 24px;
    padding: 3% 4%;
  }
}
#index .faqIcon {
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  left: 40%;
  transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
}
#index .faqIcon::before, #index .faqIcon::after {
  content: "";
  position: absolute;
  background: #65A09A;
  border-radius: 3px;
}
#index .faqIcon::before {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}
#index .faqIcon::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}
#index .faqIconWrap {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #FFF;
  position: relative;
  box-shadow: 0px 5px 16px 0px rgba(8, 15, 52, 0.06);
}
@media screen and (max-width: 768px) {
  #index .faqIconWrap {
    width: 30px;
    height: 30px;
  }
}
#index .faqAccordionAreaInner {
  list-style: none;
  margin: 0 auto;
}
#index .faqAccordionAreaLiInner {
  margin: 29px 0;
  background: #FFF;
  border-radius: 18px;
  box-shadow: 0px 5px 16px 0px rgba(8, 15, 52, 0.06);
}
@media screen and (max-width: 768px) {
  #index .faqAccordionAreaLiInner {
    margin: 20px 0;
  }
}
#index .faqAccordionAreaLiInnerOpen {
  border: 2px solid #65A09A;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-shadow: 0px 6px 16px 0px rgba(101, 160, 154, 0.19);
}
#index .faqAccordionAreaLiInnerOpen .faqBigTitleInner {
  font-weight: 600;
}
#index .faqBigTitleInner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  cursor: pointer;
  font-size: 18px;
  font-weight: 500;
  padding: 3%;
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  #index .faqBigTitleInner {
    font-size: 15px;
    padding: 18px 16px;
  }
}
#index .faqBigTitleInnerFirst {
  width: 80%;
}
#index .faqCloseInner::before {
  transform: rotate(45deg);
}
#index .faqCloseInner::after {
  transform: rotate(-45deg);
}
#index .faqBoxInner {
  display: none; /*はじめは非表示*/
  background: #FFF;
  margin: -3% 0 0;
  padding: 6.5px 3% 3%;
  color: #6F6C90;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.66;
  border-radius: 18px;
  width: 93%;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  #index .faqBoxInner {
    font-size: 16px;
    width: 95%;
  }
}
#index .faqBoxInnerAnswer {
  font-size: 15px;
  font-weight: 400;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #index .faqBoxInnerAnswer {
    font-size: 14px;
  }
}
#index .faqComment {
  font-size: 15px;
  padding-top: 24px;
  text-align: center;
  line-height: 23px;
}
#index .faqLink {
  color: #65A09A;
  text-decoration: underline;
}
#index .filter {
  padding: 80px 14%;
  max-width: 1512px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #index .filter {
    padding: 40px 4%;
  }
}
#index .filter .faqAccordionAreaLiInner {
  margin: 0 0 8px;
  border: none;
  border-radius: 0;
  box-shadow: none;
}
#index .filter .faqBigTitleInner {
  padding: 16px 32px;
  border-radius: 18px;
  border: 1px solid #DADADA;
  box-shadow: 0px 12px 24px 0px rgba(116, 116, 116, 0.0392156863);
  box-shadow: 0px -2px 4px 0px rgba(116, 116, 116, 0.0196078431);
  box-shadow: 0px 3px 14px 0px rgba(116, 116, 116, 0.031372549);
}
@media screen and (max-width: 768px) {
  #index .filter .faqBigTitleInner {
    font-size: 13px;
    padding: 16px;
  }
}
#index .filter .faqAccordionAreaLiInnerOpen .faqBigTitleInner {
  border: 1px solid #65A09A;
  box-shadow: 0px 6px 16px 0px rgba(101, 160, 154, 0.2);
}
#index .filter .faqBoxInner {
  margin: 24px 0 18px;
  padding: 0;
  color: #464E5F;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.219;
  border-radius: initial;
  width: 100%;
}
#index .filter .faqBoxInnerAnswer {
  align-items: center;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
@media screen and (max-width: 768px) {
  #index .filter .faqBoxInnerAnswer {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
#index .filter .faqLink {
  color: #464E5F;
  text-decoration: underline;
  width: 100%;
  height: 40px;
  border-bottom: 1px solid #E6E6EF;
  display: flex;
  align-items: center;
  padding-left: 16px;
  letter-spacing: 0.2px;
}
#index .filter .faqIcon {
  top: 44%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(135deg);
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
  -ms-transform: translate(-50%, -50%) rotate(135deg);
}
@media screen and (max-width: 768px) {
  #index .filter .faqIcon {
    width: 7px;
    height: 7px;
  }
}
@media screen and (max-width: 768px) {
  #index .filter .faqIconWrap {
    width: 24px;
    height: 24px;
  }
}

html,
body {
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  html,
body {
    font-size: 14px;
  }
}

a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
a:link, a:hover, a:active, a:visited {
  text-decoration: none;
}

a:hover {
  color: inherit;
}

a,
button {
  z-index: 1;
  cursor: pointer;
}
a:hover,
button:hover {
  opacity: 0.8;
  transition: 0.3s;
}

input,
button {
  border: none;
  outline: none;
  font-size: 100%;
}
input[type=submit],
button[type=submit] {
  cursor: pointer;
}

* {
  box-sizing: border-box;
}

/*
 * レスポンシブ
 */
.pcOnly {
  display: block;
}
@media screen and (max-width: 768px) {
  .pcOnly {
    display: none !important;
  }
}

.pcOnlyTable {
  display: table;
}
@media screen and (max-width: 768px) {
  .pcOnlyTable {
    display: none !important;
  }
}

.spOnly {
  display: none;
}
@media screen and (max-width: 768px) {
  .spOnly {
    display: block !important;
  }
}

.pcOnlyFlex {
  display: flex;
}
@media screen and (max-width: 768px) {
  .pcOnlyFlex {
    display: none !important;
  }
}

.spOnlyFlex {
  display: none;
}
@media screen and (max-width: 768px) {
  .spOnlyFlex {
    display: flex !important;
  }
}

.pcOnlyTable {
  display: table;
}
@media screen and (max-width: 768px) {
  .pcOnlyTable {
    display: none !important;
  }
}

/*
 * display
 */
.block {
  display: block;
}

.none {
  display: none !important;
}

.flex {
  display: flex;
}

.justify_center {
  display: flex;
  justify-content: center;
}

.block {
  display: block;
}

/*
 * position
 */
.center_all {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.textCenter {
  text-align: center;
}

/*
 * padding, margin
 */
.p_x_auto {
  padding-left: auto;
  padding-right: auto;
}
.p_x_16px {
  padding-left: 16px;
  padding-right: 16px;
}
.p_l_10px {
  padding-left: 10px;
}
.p_l_20px {
  padding-left: 20px;
}
.p_l_30px {
  padding-left: 30px;
}
.p_l_40px {
  padding-left: 40px;
}

.m_r_16px {
  margin-right: 16px;
}
.m_l_16px {
  margin-left: 16px;
}
.m_l_24px {
  margin-left: 24px;
}
.m_x_auto {
  margin-left: auto;
  margin-right: auto;
}
.m_x_30px {
  margin-left: 30px;
  margin-right: 30px;
}
.m_y_10px {
  margin-top: 10px;
  margin-bottom: 10px;
}
.m_y_15px {
  margin-top: 15px;
  margin-bottom: 15px;
}
.m_y_20px {
  margin-top: 20px;
  margin-bottom: 20px;
}
.m_y_30px {
  margin-top: 30px;
  margin-bottom: 30px;
}
.m_y_50px {
  margin-top: 50px;
  margin-bottom: 50px;
}
.m_b_20px {
  margin-bottom: 20px;
}
.m_b_30px {
  margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
  .spHidden {
    display: none;
  }
}

.spAppear {
  display: none;
}
@media screen and (max-width: 768px) {
  .spAppear {
    display: block;
  }
}

.spAppearFlex {
  display: none !important;
}
@media screen and (max-width: 768px) {
  .spAppearFlex {
    display: flex !important;
  }
}

.spAppearTable {
  display: none;
}
@media screen and (max-width: 768px) {
  .spAppearTable {
    display: table;
  }
}

.pRelative {
  position: relative;
}

.pSticky {
  position: sticky !important;
}

.bodyFixed {
  position: fixed;
  inset: 0;
}

.bodyOverfllowHideen {
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .spBr::before {
    content: "\a";
    white-space: pre;
  }
}

@media screen and (max-width: 768px) {
  input[type=text],
input[type=password],
input[type=tel],
input[type=email],
input[type=number],
input[type=search],
textarea {
    font-size: 16px !important;
  }
}

.invisible {
  visibility: hidden;
}

.toast {
  position: fixed;
  top: 86px;
  right: 24px;
  z-index: 210;
  color: #FFF;
  font-weight: 600;
  font-size: 14px;
  min-width: 350px;
  display: flex;
  align-items: center;
  border-radius: 8px;
  opacity: 1;
  transition: all 0.2s linear;
}
@media screen and (max-width: 768px) {
  .toast {
    min-width: initial;
    right: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width: 90%;
  }
}
.toast.hide {
  opacity: 0;
  visibility: hidden;
}
.toast .toast-body {
  position: relative;
  padding-left: 30px;
}
.toast .toast-bodyOk::before {
  content: "";
  background: url(/assets/check_share-0a67d311e407b197f5b5b25bb0839bcb611f94ee605f439db4a73c984cf6067a.svg) no-repeat center center;
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 24px;
  height: 24px;
}
.toast .toast-bodyNg::before {
  content: "";
  background: url(/assets/error-1d0607f21ffbd49e9ed37a3c8460b5d60f692d06373b2d4057fda12c09296b09.svg) no-repeat center center;
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 24px;
  height: 24px;
}
.toastOk {
  background: #55B938;
}
.toastNg {
  background: #D65745;
}
.toast .d-flex {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 16px;
}
.toast button {
  padding: 0;
  border: none;
  outline: none;
  font: inherit;
  color: inherit;
  background: none;
  position: relative;
}
.toast .btn-close {
  height: 10px;
  width: 10px;
}
.toast .btn-close::before, .toast .btn-close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 12px;
  background: #FFF;
}
.toast .btn-close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.toast .btn-close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.toast .btn-close-label {
  position: absolute;
  top: 6px;
  right: 14px;
  cursor: pointer;
  z-index: 1;
}

input:-webkit-autofill {
  box-shadow: 0 0 0 1000px #FFF inset;
}

.datepicker-days td, .datepicker-days th {
  width: 40px !important;
  height: 40px !important;
  font-weight: 600;
  color: #323232;
  vertical-align: middle;
}
.datepicker-days .datepicker table tr td.range, .datepicker-days .datepicker table tr td.range.disabled, .datepicker-days .datepicker table tr td.range.disabled:hover, .datepicker-days .datepicker table tr td.range:hover {
  border-radius: 0 !important;
}
.datepicker-days .range-start-custom {
  border-radius: 8px 0 0 8px !important;
}
.datepicker-days .range-end-custom {
  border-radius: 0 8px 8px 0 !important;
}

.datepicker th {
  font-size: 13px;
}

.datepicker td {
  font-size: 14px;
  border-radius: 8px !important;
}

.datepicker table tr td.new,
.datepicker table tr td.old {
  color: #D8D8D8 !important;
}

.datepicker table tr td.day.focused,
.datepicker table tr td.day:hover {
  background: #EDF6F6 !important;
  color: #65A09A;
}

.datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled] {
  background-color: #65A09A !important;
  color: #FFF;
  background-image: initial;
}

.datepicker table tr td.selected, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected:hover {
  background-color: #65A09A !important;
  color: #FFF;
  background-image: initial !important;
}

.datepicker table tr td.range, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover, .datepicker table tr td.range:hover {
  background: #F1F5F5 !important;
  border-radius: 0 !important;
}

.datepicker {
  padding: 16px 24px !important;
  overflow: hidden;
}

.datepicker .prev,
.datepicker .next {
  width: 40px !important;
  height: 40px !important;
}

.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover {
  background: #EDF6F6 !important;
  box-shadow: initial;
}

.datepicker table tr td span {
  width: 93.33px !important;
  height: 40px !important;
  margin: 0 !important;
}

.datepicker-months,
.datepicker-years,
.datepicker-decades,
.datepicker-centuries {
  width: 280px;
  display: flex;
  justify-content: center;
}
.datepicker-months td, .datepicker-months th,
.datepicker-years td,
.datepicker-years th,
.datepicker-decades td,
.datepicker-decades th,
.datepicker-centuries td,
.datepicker-centuries th {
  width: 93.33px !important;
  height: 40px !important;
  font-weight: 600;
  color: #323232;
  vertical-align: middle;
}
.datepicker-months td span,
.datepicker-years td span,
.datepicker-decades td span,
.datepicker-centuries td span {
  display: flex !important;
  justify-content: center;
  align-items: center;
}
.datepicker-months table,
.datepicker-years table,
.datepicker-decades table,
.datepicker-centuries table {
  width: 100%;
}
.datepicker-months td span.focused,
.datepicker-years td span.focused,
.datepicker-decades td span.focused,
.datepicker-centuries td span.focused {
  background: #65A09A !important;
  color: #FFF;
}
.datepicker-months td span:hover,
.datepicker-years td span:hover,
.datepicker-decades td span:hover,
.datepicker-centuries td span:hover {
  background: #EDF6F6 !important;
  color: #65A09A;
}
.datepicker-months .table-condensed > tbody tr,
.datepicker-years .table-condensed > tbody tr,
.datepicker-decades .table-condensed > tbody tr,
.datepicker-centuries .table-condensed > tbody tr {
  height: 190px;
}
.datepicker-months .table-condensed > tbody td,
.datepicker-years .table-condensed > tbody td,
.datepicker-decades .table-condensed > tbody td,
.datepicker-centuries .table-condensed > tbody td {
  position: relative;
  vertical-align: bottom;
}
.datepicker-months .table-condensed > tbody td:before,
.datepicker-years .table-condensed > tbody td:before,
.datepicker-decades .table-condensed > tbody td:before,
.datepicker-centuries .table-condensed > tbody td:before {
  content: "";
  position: absolute;
  top: 12px;
  left: -30px;
  width: 350px;
  height: 1px;
  background: #D8D8D8;
}

.table-condensed > thead > tr:nth-child(2) > .prev {
  font-size: 0;
  position: relative;
}

.table-condensed > thead > tr:nth-child(2) > .prev::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background: url(/assets/chevron_left-75b3feb4cf5a6b8b4110625a74b30f47dbbb0e54114e896888325523dd5e144d.svg) center no-repeat;
  background-size: 50%;
  width: 40px;
  height: 40px;
  border: 1px solid #D8D8D8;
  border-radius: 8px;
}

.table-condensed > thead > tr:nth-child(2) > .prev:hover::before {
  border: none;
}

.table-condensed > thead > tr:nth-child(2) > .next {
  font-size: 0;
  position: relative;
}

.table-condensed > thead > tr:nth-child(2) > .next::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background: url(/assets/chevron_right-607684824f5a9271ca3219a84cea5fcfa5bed8d05935676a530e3a482c503ab0.svg) center no-repeat;
  background-size: 50%;
  width: 40px;
  height: 40px;
  border: 1px solid #D8D8D8;
  border-radius: 8px;
}

.table-condensed > thead > tr:nth-child(2) > .next:hover::before {
  border: none;
}

.datepicker table tr td span.active.active {
  background-color: #EDF6F6 !important;
  color: #65A09A;
  background-image: initial !important;
}

.datepicker table tr td span.active:hover {
  color: #65A09A !important;
}

.table-condensed > thead > tr:nth-child(3) > th {
  position: relative;
  height: 60px !important;
  vertical-align: bottom;
  padding-bottom: 8px;
}

.table-condensed > thead > tr:nth-child(3) > th::before {
  position: absolute;
  content: "";
  top: 20px;
  left: -30px;
  width: 100px;
  height: 1px;
  background: #D8D8D8;
}

.custom-select {
  background: initial;
  border: none;
  height: initial;
  padding: initial;
}

.container {
  max-width: initial;
  padding: initial;
}

.header {
  width: 100%;
  height: 62px;
  margin: 0 auto;
  background: #DE8A6D;
  position: fixed;
  top: 31px;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 110;
}
@media screen and (max-width: 768px) {
  .header {
    padding: 16px 16px 16px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.headerArea {
  margin: 0 auto;
  width: 100%;
  height: 62px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 32px 0 0;
}
@media screen and (max-width: 768px) {
  .headerArea {
    display: initial;
  }
}
.headerTitle {
  font-size: 28px;
  font-weight: 800;
  color: #FFF;
  padding-right: 15px;
  height: 62px;
}
@media screen and (max-width: 768px) {
  .headerTitle {
    font-size: 18px;
  }
}
.headerTitleImg {
  height: 100%;
}
.headerTitle a {
  height: 62px;
  display: inline-block;
  opacity: 1;
}

@media screen and (max-width: 768px) {
  .globalNav {
    display: none;
  }
}
.globalNavSp {
  display: none;
}
@media screen and (max-width: 768px) {
  .globalNavSp {
    display: block;
  }
}
.globalNavSpIcon1 {
  margin-right: 16px;
}
.globalNavSpMenu {
  position: fixed;
  top: 0;
  right: -1200%;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 20%, rgba(0, 0, 0, 0.4) 17%, #F9F8F8 17%, #F9F8F8 80%);
  width: 100%;
  height: 100vh;
  z-index: 100;
  padding-left: 20%;
  transition: 0.3s;
}
.globalNavSpMenuActive {
  right: 0;
  transition: 0.3s;
}
.globalNavSpMenu ul {
  display: flex;
  flex-direction: column;
}
.globalNavSpMenuButtonArea {
  display: flex;
  align-items: center;
  gap: 5%;
  margin: 76px 16px 0px;
  position: relative;
}
.globalNavSpMenuButtonArea a:hover {
  opacity: 1;
}
.globalNavSpMenuLoginButton {
  font-size: 12px;
  font-weight: 600;
  color: #FFF;
  width: 112px;
  height: 43px;
  background: #65A09A;
  border-radius: 40px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}
.globalNavSpMenuLoginButton:hover {
  background: #80BEB8;
}
.globalNavSpMenuNewButton {
  font-size: 12px;
  font-weight: 600;
  padding-right: 8px;
  width: 148px;
  height: 43px;
  background: #FFF;
  color: #65A09A;
  padding: 14px 32px;
  border-radius: 40px;
  border: 2px solid #65A09A;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}
.globalNavSpMenuNewButton:hover {
  border-color: #80BEB8;
  color: #80BEB8;
}
.globalNavSpMenuUlArea {
  margin-top: 16px;
}
.globalNavSpMenuUlArea li {
  width: 100%;
  height: 56px;
  border-bottom: 1px solid #FFF;
  display: grid;
  grid-template-columns: 95% 5%;
  align-items: center;
  font-size: 15px;
  font-weight: 500;
  color: #323232;
  background: #FFF;
  padding-left: 16px;
  margin-left: 1px;
  box-shadow: inset 0px -1px 0px 0px rgb(228, 224, 224);
}
.globalNavSpMenuUlArea div {
  display: flex;
  align-items: center;
  height: 56px;
}
.globalNavSpMenuLiIconArrow {
  position: relative;
  width: 8px;
  height: 8px;
  transform: translateX(-25%) rotate(45deg);
}
.globalNavSpMenuLiIconArrow::before, .globalNavSpMenuLiIconArrow::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 3px;
  color: #323232;
}
.globalNavSpMenuLiIconArrow::before {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}
.globalNavSpMenuLiIconArrow::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}
.globalNavSpMenuLiIcon a {
  display: contents;
}
.globalNavSpMenuMyPage {
  margin: 16px 16px 0px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #484848 !important;
  background: #F9F8F8 !important;
  border-bottom: 1px solid #C5C0C0 !important;
  box-shadow: initial !important;
  margin: 0 16px 0 16px;
  width: 90% !important;
  height: 43px !important;
  padding-left: 0px !important;
}
.globalNavSpClose {
  width: 36px;
  height: 36px;
  background: #FFF;
  border-radius: 50%;
  position: absolute;
  right: 16px;
  top: 16px;
  z-index: 100;
}
.globalNavSpClose::before, .globalNavSpClose::after {
  content: "";
  width: 20px;
  height: 2px;
  background: #EC9375;
  position: absolute;
  left: calc(50% - 10px);
  border-radius: 3px;
  top: 17px;
}
.globalNavSpClose::before {
  transform: rotate(45deg);
}
.globalNavSpClose::after {
  transform: rotate(-45deg);
}
.globalNavSpUserIcon {
  width: 40px;
  height: 40px;
  object-fit: cover;
  object-position: center;
}
.globalNavSpUserIconWrap {
  position: relative;
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 50%;
  margin: 16px 0 -56px 16px;
  border: 1.5px solid #FFF;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-shadow: 0px 8px 14px 0px rgb(47, 25, 25);
}
.globalNavLink1 {
  width: 36px;
  height: 36px;
  background: #D17556;
  border-radius: 50%;
  display: flex;
  align-items: center;
}
.globalNavLink1IconBox {
  background: url(/assets/favorite_border-bc99f6b9db565718704c5934e98fa2d17755027ad3edc911653bbfbe446ab76b.svg) no-repeat center center/auto 100%;
  width: 100%;
  height: 28px;
}
.globalNavLink1Active {
  background: #65A09A;
}
.globalNavLink1Active div {
  background: url(/assets/assignment-c0123712434d31bcf41dc0b30bb705bbccf5fe06ad72a1581c669b96c4a314ec.svg) no-repeat center center/auto 100%;
  box-shadow: initial;
}
.globalNavHumburger {
  width: 36px;
  height: 36px;
  background: #FFF;
  border-radius: 50%;
  display: flex;
  align-items: center;
}
.globalNavHumburgerIconBox {
  width: 100%;
  height: 28px;
  position: relative;
}
.globalNavHumburgerIcon {
  width: 20px;
  height: 2px;
  font-size: 0;
  background: #EC9375;
  position: absolute;
  left: calc(50% - 10px);
  top: 6px;
  border-radius: 3px;
}
.globalNavHumburgerIcon::before, .globalNavHumburgerIcon::after {
  content: "";
  width: 20px;
  height: 2px;
  background: #EC9375;
  position: absolute;
  left: calc(50% - 10px);
  border-radius: 3px;
}
.globalNavHumburgerIcon::before {
  top: 6px;
}
.globalNavHumburgerIcon::after {
  top: 13px;
}
.globalNavHumburgerIconNo {
  width: 22px;
  height: 22px;
  background: #EC5D5D;
  color: #FFF;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -11px;
  right: -11px;
  border-radius: 50%;
}
.globalNavHumburgerActive {
  background: #65A09A;
}
.globalNavHumburgerActive div {
  background: url(/assets/toc-active-fb91ef4d8e1aed83953eaa798c479f63b63c4d1323ac249877cfd89cd3161017.svg) no-repeat center center/auto 100%;
}
.globalNavUl {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.globalNavUl li {
  color: #FFF;
}
.globalNavSearch {
  font-size: 14px;
  font-weight: 600;
  color: #484848;
  padding-right: 16px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .globalNavSearch {
    font-size: 11px;
  }
}
.globalNavSearchIcon {
  padding-right: 4px;
  max-width: 24px;
  max-height: 24px;
}
.globalNavFavorite {
  font-size: 14px;
  font-weight: 600;
  color: #484848;
  padding-right: 16px;
  display: flex;
  align-items: center;
}
.globalNavFavoriteIcon {
  padding-right: 4px;
}
.globalNavContact {
  font-size: 14px;
  font-weight: 600;
  color: #484848;
  padding-right: 30px;
  display: flex;
  align-items: center;
}
.globalNavContactIcon {
  padding-right: 4px;
}
.globalNavLogin {
  font-size: 12px;
  font-weight: 600;
  color: #FFF;
  padding-right: 8px;
  padding-left: 30px;
}
.globalNavLoginButton {
  width: 112px;
  height: 43px;
  background: #65A09A;
  padding: 14px 32px;
  border-radius: 40px;
  position: relative;
  display: flex;
  align-items: center;
  transition: 0.3s;
}
.globalNavLoginButton:hover {
  background: #80BEB8;
}
.globalNavLoginButton::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 24px;
  background-color: #FFF;
  position: absolute;
  top: 9px;
  left: -24px;
}
.globalNavLogin a:hover {
  opacity: 1;
}
.globalNavNew {
  font-size: 12px;
  font-weight: 600;
  padding-right: 8px;
}
.globalNavNewButton {
  width: 148px;
  height: 43px;
  background: #FFF;
  color: #65A09A;
  padding: 14px 32px;
  border-radius: 40px;
  border: 2px solid #65A09A;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}
.globalNavNewButton:hover {
  border-color: #80BEB8;
  color: #80BEB8;
}
.globalNavNew a:hover {
  opacity: 1;
}
.globalNavUser {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.globalNavUser img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
  box-shadow: 0px 8px 14px 0px rgb(160, 63, 29);
  background-color: white;
  border: 1.5px solid #FFF;
}
.globalNavUser .notSetting {
  object-position: center !important;
}
.globalNavLogout {
  font-size: 12px;
  font-weight: 600;
  padding-right: 8px;
  position: relative;
  margin-left: 30px;
}
.globalNavLogout a::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 24px;
  background-color: #FFF;
  position: absolute;
  top: 9px;
  left: -24px;
}
.globalNavLogout a:hover {
  opacity: 1;
}
.globalNavLogoutButton {
  width: 148px;
  height: 43px;
  background: #FFF;
  color: #65A09A;
  padding: 14px 32px;
  border-radius: 40px;
  border: 2px solid #65A09A;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}
.globalNavLogoutButton:hover {
  border-color: #80BEB8;
  color: #80BEB8;
}
.globalNavFacility {
  font-size: 14px;
  font-weight: 600;
  padding-right: 32px;
  height: 43px;
  background: #EAB669;
  color: white;
  padding: 16px 32px;
  border-radius: 30px;
  box-sizing: border-box;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  margin-left: 5px;
}

.modalMap {
  display: none;
  z-index: 200;
  width: 379px;
  top: 0;
  height: 100%;
  overflow: auto;
  color: #323232;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .modalMap {
    width: 100%;
  }
}
.modalMap label, .modalMap input, .modalMap select {
  cursor: pointer;
}
.modalMapOpen {
  display: block;
}
.modalMapFixed {
  position: fixed;
  left: 0;
  top: 62px;
  width: 100%;
  z-index: 200;
}
@media screen and (max-width: 768px) {
  .modalMapFixed {
    top: 0;
  }
}
.modalMapWrap {
  width: 100%;
  margin: 0 auto;
}
.modalMapContent {
  max-width: 379px;
  background-color: #FFF;
  padding: 24px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25), 0 20px 25px 0 rgba(15, 23, 42, 0.1), 0 10px 10px -5px rgba(15, 23, 42, 0.04);
  animation-name: modalopen;
  height: 100vh;
}
@media screen and (max-width: 768px) {
  .modalMapContent {
    width: 100%;
    max-width: initial;
    margin: 0px;
    padding: 54px 24px 24px;
  }
}
.modalMapHeader {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .modalMapHeader {
    justify-content: center;
    align-items: center;
    background: #DE8A6D;
    height: 54px;
    position: fixed;
    width: 100%;
    z-index: 300;
  }
}
.modalMapHeaderTitle {
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 30px;
}
@media screen and (max-width: 768px) {
  .modalMapHeaderTitle {
    font-size: 14px;
    font-weight: 600;
    color: #FFF;
  }
}
.modalMapHeaderCaption {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #787878;
}
.modalMapClose {
  display: block;
  width: 24px;
  height: 24px;
  background: #FFF;
  position: relative;
}
@media screen and (max-width: 768px) {
  .modalMapClose {
    position: absolute;
    right: 24px;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    position: absolute;
  }
}
.modalMapClose:before, .modalMapClose:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #000;
  transform: rotate(45deg);
  transform-origin: 0% 50%;
  position: absolute;
  top: calc(14% - 5px);
  left: 14%;
}
@media screen and (max-width: 768px) {
  .modalMapClose:before, .modalMapClose:after {
    background: #EC9375;
    width: 50%;
    top: calc(14% + 6px);
    left: 32%;
  }
}
.modalMapClose:after {
  transform: rotate(-45deg);
  transform-origin: 100% 50%;
  left: auto;
  right: 14%;
}
@media screen and (max-width: 768px) {
  .modalMapClose:after {
    left: 17%;
    right: 0%;
  }
}
.modalMapClose:hover {
  cursor: pointer;
}
.modalMapBody {
  height: 65vh;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.modalMapBody::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 768px) {
  .modalMapBody {
    padding-bottom: 150px;
    height: 79vh;
  }
}
.modalMapBodyTitle {
  background: #FFF;
  font-size: 16px;
  font-weight: 600;
  padding: 16px;
  margin-top: 24px;
  background: #F6F3F0;
  border-radius: 8px;
}
.modalMapBodyFlex {
  justify-content: space-between;
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  flex-wrap: wrap;
  gap: 0px;
}
@media screen and (max-width: 768px) {
  .modalMapBodyFlex {
    gap: 0px;
  }
}
.modalMapBodyFlexSecond {
  justify-content: space-between;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
@media screen and (max-width: 768px) {
  .modalMapBodyFlexSecond {
    gap: 0px;
  }
}
.modalMapBodyItemFlex {
  display: flex;
  align-items: center;
  padding: 16px 0px;
  border-bottom: 1px solid #D8D8D8;
  box-shadow: inset 0px -1px 0px 0px rgb(228, 224, 224);
  font-size: 15px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .modalMapBodyItemFlex {
    padding: 11px 0px;
  }
}
.modalMapBodyDistanceFlex {
  display: grid;
  grid-template-columns: 24% 24% 24% 24%;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0px 0px;
}
.modalMapBodyDistanceItemFlex {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px 0px;
  white-space: nowrap;
}
.modalMapBodyDistance label {
  width: 100%;
}
.modalMapBodyDistance label input {
  display: none;
}
.modalMapBodyDistance label span {
  color: #323232;
  font-size: 14px;
  font-weight: 500;
  border: 1px solid #E4E0E0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 8px;
  padding: 16px 0px;
  display: block;
  text-align: center;
}
.modalMapBodyDistance label input:checked + span {
  color: #FFF;
  background: #65A09A;
  border: 0px;
}
.modalMapBodyRecruitmentFlex {
  justify-content: space-between;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .modalMapBodyRecruitmentFlex {
    grid-template-columns: 1fr;
    gap: 0px;
  }
}
.modalMapBodyKidsSelectBox {
  position: relative;
  display: block;
  background: #FFF;
  margin-top: 16px;
}
.modalMapBodyKidsSelectBox:before {
  position: absolute;
  content: "";
  top: 50%;
  right: 10px;
  width: 0px;
  height: 0px;
  margin: -2px 0 0 0;
  border: 5px solid transparent;
  border-top: 5px solid #65A09A;
  cursor: pointer;
  pointer-events: none;
}
.modalMapBodyKids select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  padding: 10px 15px;
  border: none;
  background: transparent;
  width: 100%;
  height: 51px;
  background: #FFF;
  color: #323232;
  border-radius: 8px;
  border: 1px solid #CBCED6;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-top: 16px;
}
.modalMapBodyKids ::-ms-expand {
  display: none;
}
.modalMapBodyTimeFlex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
}
.modalMapBodyTimeSearchBox {
  width: 100%;
  height: 51px;
  background: #FFF;
  border: 1px solid #CBCED6;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 16px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  color: #323232;
  border-radius: 8px;
  padding-left: 44px;
}
.modalMapBodyTimeSearchBox::placeholder {
  font-size: 13px;
  color: #A6A6A6;
}
.modalMapBodyTimeSearchBoxArea {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
.modalMapBodyTimeSearchBoxArea:before {
  content: "";
  width: 24px;
  height: 24px;
  background: url(/assets/time-2d1746d0dcd95b1aed20c2d348b14bc99ec95b2d2e46fe5b35b31b024fab793b.svg) no-repeat center center/auto 100%;
  display: inline-block;
  position: absolute;
  top: 13px;
  left: 16px;
}
.modalMapBodyTimeHyphen {
  padding: 0px 16px;
}
.modalMapCheckBox1 {
  width: 18px;
  height: 18px;
  accent-color: cadetblue;
  flex-shrink: 0;
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
  .modalMapCheckBox1 {
    margin-right: 7px;
  }
}
.modalMapfooter {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr;
  justify-content: center;
  padding-top: 24px;
}
@media screen and (max-width: 768px) {
  .modalMapfooter {
    flex-direction: column;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100vw;
    background: #FFF;
    padding: 24px;
  }
}
.modalMapfooterButtonArea {
  grid-column: 1/2;
  grid-row: 2/3;
  display: flex;
  justify-content: flex-end;
  width: 100%;
  gap: 16px;
}
@media screen and (max-width: 768px) {
  .modalMapfooterButtonArea {
    width: 100%;
  }
}
.modalMapfooterResult {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 16px;
  font-weight: 600;
}
.modalMapfooterResult span {
  margin-left: 8px;
  font-size: 28px;
}
.modalMapClear {
  width: 100%;
  max-width: 103px;
  height: 48px;
  background: #FFF;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #65A09A;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  transition: 0.3s;
}
.modalMapClear input[type=reset] {
  color: #65A09A;
  background: #FFF;
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
  transition: 0.3s;
}
.modalMapClear:hover {
  border-color: #80BEB8;
  color: #80BEB8;
}
.modalMapClear:hover input[type=reset] {
  color: #80BEB8;
}
.modalMapSearch {
  width: 100%;
  max-width: 212px;
  height: 48px;
  color: #FFF;
  background: #65A09A;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .modalMapSearch {
    max-width: initial;
  }
}
.modalMapSearch:hover {
  background: #80BEB8;
}

.modalMapRecommend {
  display: none;
  position: fixed;
  z-index: 200;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.3);
  color: #323232;
}
.modalMapRecommendOpen {
  display: block;
}
.modalMapRecommendContent {
  max-width: 610px;
  min-width: 300px;
  background-color: #FFF;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 24px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25), 0 20px 25px 0 rgba(15, 23, 42, 0.1), 0 10px 10px -5px rgba(15, 23, 42, 0.04);
  animation-name: modalopen;
  animation-duration: 1s;
  border-radius: 8px;
}
.modalMapRecommendHeader {
  display: flex;
  justify-content: space-between;
}
.modalMapRecommendHeaderTitle {
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 30px;
}
@media screen and (max-width: 768px) {
  .modalMapRecommendHeaderTitle {
    font-size: 18px;
    font-weight: 600;
  }
}
.modalMapRecommendClose {
  display: block;
  width: 24px;
  height: 24px;
  background: #FFF;
  position: relative;
}
@media screen and (max-width: 768px) {
  .modalMapRecommendClose {
    background: #FFF;
    width: 20px;
  }
}
.modalMapRecommendClose:before, .modalMapRecommendClose:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #000;
  transform: rotate(45deg);
  transform-origin: 0% 50%;
  position: absolute;
  top: calc(14% - 5px);
  left: 14%;
}
.modalMapRecommendClose:after {
  transform: rotate(-45deg);
  transform-origin: 100% 50%;
  left: auto;
  right: 14%;
}
.modalMapRecommendClose:hover {
  cursor: pointer;
}
.modalMapRecommendBody p {
  padding: 10px 0px;
  line-height: 24px;
  color: #666666;
  font-size: 16px;
}
.modalMapRecommendBodyAction {
  float: right;
  padding: 18px 40px;
  background-color: #65a09a;
  color: white;
  border-radius: 60px;
  margin-top: 10px;
  font-weight: 600;
  font-size: 16px;
}
.modalMapRecommendBodyAction:hover {
  color: white;
}

.modalMapHelp {
  display: none;
  position: fixed;
  z-index: 200;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.3);
  color: #323232;
}
.modalMapHelpOpen {
  display: block;
}
.modalMapHelpContent {
  max-width: 610px;
  background-color: #FFF;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 24px;
  width: 100%;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25), 0 20px 25px 0 rgba(15, 23, 42, 0.1), 0 10px 10px -5px rgba(15, 23, 42, 0.04);
  animation-name: modalopen;
  animation-duration: 1s;
  border-radius: 8px;
}
@media screen and (max-width: 768px) {
  .modalMapHelpContent {
    height: 100%;
    margin: 54px auto;
    border-radius: 0px;
    padding: 16px;
  }
}
.modalMapHelpHeader {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .modalMapHelpHeader {
    justify-content: center;
    align-items: center;
    background: #DE8A6D;
    height: 54px;
    position: fixed;
    width: 100%;
    z-index: 300;
  }
}
.modalMapHelpHeaderTitle {
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 30px;
}
@media screen and (max-width: 768px) {
  .modalMapHelpHeaderTitle {
    font-size: 14px;
    font-weight: 600;
    color: #FFF;
  }
}
.modalMapHelpClose {
  display: block;
  width: 24px;
  height: 24px;
  background: #FFF;
  position: relative;
}
@media screen and (max-width: 768px) {
  .modalMapHelpClose {
    position: absolute;
    right: 24px;
    background: #D17556;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    position: absolute;
  }
}
.modalMapHelpClose:before, .modalMapHelpClose:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #000;
  transform: rotate(45deg);
  transform-origin: 0% 50%;
  position: absolute;
  top: calc(14% - 5px);
  left: 14%;
}
@media screen and (max-width: 768px) {
  .modalMapHelpClose:before, .modalMapHelpClose:after {
    background: #FFF;
    width: 50%;
    top: calc(14% + 6px);
    left: 32%;
  }
}
.modalMapHelpClose:after {
  transform: rotate(-45deg);
  transform-origin: 100% 50%;
  left: auto;
  right: 14%;
}
@media screen and (max-width: 768px) {
  .modalMapHelpClose:after {
    left: 17%;
    right: 0%;
  }
}
.modalMapHelpClose:hover {
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .modalMapHelpBody {
    margin-bottom: 140px;
    height: initial;
  }
}
.modalMapHelpBodyTitle {
  background: #F6F3F0;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  padding: 16px;
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .modalMapHelpBodyTitle {
    background: #FFF;
    font-size: 14px;
    font-weight: 600;
    line-height: initial;
    padding: 0px;
    margin-top: 24px;
  }
}
.modalMapHelpBodyFlex {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  padding-top: 16px;
}
@media screen and (max-width: 768px) {
  .modalMapHelpBodyFlex {
    grid-template-columns: 1fr;
    gap: 0px;
    padding-top: 8px;
  }
}
.modalMapHelpBodyItemFlex {
  display: flex;
  align-items: center;
  padding-bottom: 8px;
  gap: 8px;
  border-bottom: 1px solid #D8D8D8;
  font-size: 15px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .modalMapHelpBodyItemFlex {
    font-size: 13px;
    padding: 4px 0px;
  }
}

@keyframes modalopen {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
input[type=time] {
  min-width: 120px;
}

input[type=time]::-webkit-calendar-picker-indicator {
  position: absolute;
  opacity: 0;
}

.footer {
  background: #EFF0F2;
  max-height: 648px;
  padding: 80px 0px 42px;
  display: block;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 768px) {
  .footer {
    max-height: 1200px;
    padding: 56px 0px 24px;
  }
}
.footerTopButton {
  position: absolute;
  top: -35px;
  right: 24px;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: #DE8A6D;
  border: 2px solid #FFF;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 0px;
  box-shadow: 0px 8px 15px 0px rgb(214, 209, 209);
  z-index: 3;
  padding-top: 9px;
  cursor: pointer;
}
.footerTopButton p {
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
  color: #FFF;
}
.footerTopButtonIcon {
  display: inline-block;
  vertical-align: middle;
  color: #FFF;
  line-height: 1;
  position: relative;
  width: 10px;
  height: 10px;
  transform: translateX(-25%) rotate(-45deg);
  margin-left: 6px;
}
.footerTopButtonIcon::before, .footerTopButtonIcon::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 3px;
}
.footerTopButtonIcon::before {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}
.footerTopButtonIcon::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}
.footerFlex {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 24px;
  max-width: 1512px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .footerFlex {
    flex-direction: column;
    gap: 30px;
    padding-left: 40px;
  }
}
.footerLogo {
  font-size: 60px;
  font-weight: 800;
  color: #484848;
}
@media screen and (max-width: 768px) {
  .footerLogo {
    font-size: 30px;
  }
}
.footerLogoArea {
  padding-right: 32px;
}
.footerTitle {
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  color: #484848;
  padding-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .footerTitle {
    font-size: 15px;
    padding-bottom: 8px;
  }
}
.footerSubTitle {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  color: #484848;
  padding-top: 5px;
}
@media screen and (max-width: 768px) {
  .footerSubTitle {
    line-height: 1;
    padding-top: 16px;
  }
}
.footerSubTitleGreen {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
  color: #65A09A;
  padding-top: 24px;
  text-decoration: underline;
}
.footerImageFlex {
  display: flex;
  justify-content: space-between;
  width: 194px;
  padding-top: 27px;
}
.footerAbout {
  margin-right: 25px;
  width: 196px;
}
.footerTerms {
  margin-right: 50px;
  width: 153px;
}
.footerContact {
  max-width: 490px;
  padding: 24px;
  background: #FFF;
  border-radius: 8px;
  border: 1px solid #E4E0E0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
  .footerContact {
    max-width: 295px;
    margin-top: 21px;
  }
}
.footerContactTitle {
  font-size: 15px;
  font-weight: 700;
  color: #323232;
}
.footerContactText {
  font-size: 15px;
  line-height: 1.2;
  font-weight: 400;
  color: #323232;
  padding-top: 8px;
}
@media screen and (max-width: 768px) {
  .footerContactText {
    font-size: 13px;
    line-height: 1.23;
  }
}
.footerContact a {
  opacity: 1;
}
.footerEnd {
  display: flex;
  justify-content: center;
  border-top: 1px solid #E0E2E6;
  margin-top: 86px;
  padding-top: 40px;
}
@media screen and (max-width: 768px) {
  .footerEnd {
    margin-top: 80px;
    padding-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
}
.footerEnd small {
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  color: #484848;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .footerEnd small {
    padding-left: 11px;
    font-size: 11px;
  }
}
.footerEnd small span {
  font-size: 11px;
  font-weight: 600;
  color: #7E7E7E;
}
.footerEndLink {
  pointer-events: none;
}
.footerButton {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  max-height: 56px;
  background: #65A09A;
  border-radius: 30px;
  padding: 18px 16px;
  margin-top: 32px;
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
  color: #FFF;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .footerButton {
    margin-top: 16px;
  }
}
.footerButton img {
  padding-right: 10px;
}
.footerButtonIconColor {
  color: #323232 !important;
}
.footerButton:hover {
  background: #80BEB8;
}

#index .footerEndLink {
  pointer-events: initial;
  text-decoration: underline;
}

#list {
  background: #f9f8f8;
}
#list .mainContents {
  padding: 81px 32px 28px;
  max-width: 1512px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #list .mainContents {
    padding: 86px 16px 86px;
  }
}
#list .breadList ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#list .breadList ul li {
  font-size: 11px;
  font-weight: 600;
  color: #787878;
  position: relative;
  display: flex;
  align-items: center;
}
#list .breadList ul li:last-child {
  color: #323232;
}
#list .breadList ul li:last-child div {
  display: none;
}
#list .breadListArrow {
  position: relative;
  width: 10px;
  height: 10px;
  margin: 0 12px;
  transform: translateX(-25%) rotate(45deg);
}
#list .breadListArrow::before, #list .breadListArrow::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 3px;
  color: #787878;
}
#list .breadListArrow::before {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}
#list .breadListArrow::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}
#list .searchTitle {
  font-size: 20px;
  font-weight: 600;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #list .searchTitle {
    font-size: 18px;
    line-height: 1.2;
  }
}
@media screen and (max-width: 768px) {
  #list .searchTitle span::before {
    content: "\a";
    white-space: pre;
  }
}
#list .searchTitleArea {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  #list .searchTitleArea {
    margin-top: 8px;
  }
}
#list .searchTitleArea .searchViewSwitchButtonArea {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
#list .searchTitleArea .searchViewSwitchButtonArea .searchViewSwitchButton {
  color: #323232;
  font-size: 12px;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
}
#list .searchTitleArea .searchViewSwitchButtonArea .searchViewSwitchButton.--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
#list .searchTitleArea .searchViewSwitchButtonArea .searchViewSwitchButton.--disabled a {
  pointer-events: none;
}
#list .searchTitleArea .searchViewSwitchButtonArea .searchViewSwitchButton .searchViewSwitchButtonIcon {
  background: #fff;
  border-radius: 10px;
  padding: 10px 16px;
  display: block;
  text-align: center;
  box-shadow: 0px 8px 15px 0px rgb(220, 214, 208);
  width: 38px;
  height: 38px;
  transition: 0.3s;
}
#list .searchTitleArea .searchViewSwitchButtonArea .searchViewSwitchButton .searchViewSwitchButtonIcon.--map {
  background: url(/assets/map-4cd322bee0b9556bd4dfbdaca770760a82c54957736ecebe39b4c2b756bc7347.svg) no-repeat center center/auto 80%;
}
#list .searchTitleArea .searchViewSwitchButtonArea .searchViewSwitchButton .searchViewSwitchButtonIcon.--map.selected {
  background: #65a09a url(/assets/map-active-8431ffd0b5ef372447e2a1d98aba514bab21070a8a827617e06f96520f06dfda.svg) no-repeat center center/auto 80%;
}
#list .searchTitleArea .searchViewSwitchButtonArea .searchViewSwitchButton .searchViewSwitchButtonIcon.--list {
  background: url(/assets/toc-a72b72b7416f118618f82d2c83ee2ba89957ea8c1fc735f5e2f6cac48e1a38b7.svg) no-repeat center center/auto 80%;
}
#list .searchTitleArea .searchViewSwitchButtonArea .searchViewSwitchButton .searchViewSwitchButtonIcon.--list.selected {
  background: #65a09a url(/assets/toc-active-fb91ef4d8e1aed83953eaa798c479f63b63c4d1323ac249877cfd89cd3161017.svg) no-repeat center center/auto 80%;
}
#list .searchResult {
  font-size: 13px;
  font-weight: 500;
  color: #787878;
  margin-top: 8px;
}
#list .searchBox {
  width: 100%;
  height: 51px;
  background: #FFF;
  border: 1px solid #cbced6;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 16px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  color: #323232;
  border-radius: 8px;
  padding-left: 15px;
}
#list .searchBox::placeholder {
  font-size: 13px;
  color: #a6a6a6;
}
#list .searchBoxArea {
  position: relative;
  width: 100%;
  margin-top: 16px;
  margin-right: 8px;
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
#list .searchBoxArea.grid {
  display: grid;
  gap: 8px;
}
#list .searchBoxArea.grid.area {
  grid-template-columns: 1fr 51px 51px;
}
#list .searchBoxArea.grid.station {
  grid-template-columns: 1fr 51px 51px;
}
#list .searchBoxArea.grid.name {
  grid-template-columns: calc(50% - 12px - 51px) calc(50% - 12px - 51px) 51px 51px;
}
@media screen and (max-width: 768px) {
  #list .searchBoxArea.grid.name {
    grid-template-columns: calc(100% - 8px - 51px - 8px - 51px) 51px 51px;
    grid-template-areas: "prefecture prefecture prefecture" "dc btn search";
  }
  #list .searchBoxArea.grid.name .prefecture {
    grid-area: prefecture;
  }
  #list .searchBoxArea.grid.name .searchIconArea {
    grid-area: btn;
  }
  #list .searchBoxArea.grid.name .searchIconAreaButton {
    grid-area: search;
  }
}
#list .searchBoxArea.hidden {
  display: none;
}
#list .searchBoxArea select, #list .searchBoxArea input[type=text] {
  position: relative;
  display: block;
  background: #FFF;
  appearance: none;
  padding: 10px 15px;
  width: 100%;
  height: 51px;
  color: #323232;
  border-radius: 8px;
  border: 1px solid #CBCED6;
  box-sizing: border-box;
  font-size: 14px;
}
#list .searchBoxArea select:before, #list .searchBoxArea input[type=text]:before {
  position: absolute;
  content: "";
  top: 50%;
  right: 10px;
  width: 0;
  height: 0;
  margin: -2px 0 0 0;
  border: 5px solid transparent;
  border-top: 5px solid #959595;
  cursor: pointer;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  #list .searchBoxSp {
    grid-column: 1/3;
  }
}
#list .searchBoxIcon {
  padding-left: 44px;
}
#list .searchIcon {
  position: relative;
  width: 12px;
  height: 2px;
  background: #323232;
  border-radius: 10px;
  margin-top: 8px;
  margin-left: 1px;
}
#list .searchIcon:before {
  content: "";
  position: absolute;
  top: -5px;
  left: -2px;
  width: 16px;
  height: 100%;
  background: #323232;
  border-radius: 10px;
}
#list .searchIcon:after {
  content: "";
  position: absolute;
  top: 5px;
  left: 3px;
  width: 6px;
  height: 100%;
  background: #323232;
  border-radius: 10px;
}
#list .searchIconArea {
  width: 51px;
  height: 51px;
  background: #fff;
  border: 1px solid #cbced6;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 8px;
  padding: 16px;
  cursor: pointer;
}
#list .searchIconAreaButton {
  width: 51px;
  height: 51px;
  background: #65a09a;
  border: 1px solid #cbced6;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 8px;
  padding: 16px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}
#list .searchButton {
  width: 100%;
  height: 60px;
  color: #fff;
  background: #65a09a;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 700;
  margin-top: 16px;
}
@media screen and (max-width: 768px) {
  #list .searchButton {
    font-size: 13px;
  }
}
#list .searchButtonLocation {
  position: relative;
  width: 100%;
  height: 60px;
  color: #DE8A6D;
  background: #fff;
  border-radius: 8px;
  border: 2px solid #DE8A6D;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
  margin-top: 12px;
  padding-left: 24px;
}
@media screen and (max-width: 768px) {
  #list .searchButtonLocation {
    font-size: 13px;
  }
}
#list .searchButtonLocationFlex {
  display: flex;
  justify-content: center;
  align-items: center;
}
#list .searchButtonLocationIcon {
  display: inline-block;
  vertical-align: middle;
  color: #DE8A6D;
  line-height: 1;
  position: relative;
  width: 10px;
  height: 10px;
  transform: translateX(-25%) rotate(45deg);
  margin-right: 32px;
}
#list .searchButtonLocationIcon::before, #list .searchButtonLocationIcon::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 3px;
}
#list .searchButtonLocationIcon::before {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}
#list .searchButtonLocationIcon::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}
#list .searchButtonLocationText {
  color: #323232;
  font-size: 15px;
  font-weight: 500;
  padding-top: 40px;
}
@media screen and (max-width: 768px) {
  #list .searchButtonLocationText {
    font-size: 13px;
  }
}
#list .searchFilterArea {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
#list .searchFilterButton {
  color: #323232;
  font-size: 12px;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}
#list .searchFilterButton label {
  width: 100%;
  cursor: pointer;
}
#list .searchFilterButton label input {
  display: none;
}
#list .searchFilterButton label span {
  background: #fff;
  border-radius: 60px;
  padding: 10px 16px;
  display: block;
  text-align: center;
  box-shadow: 0px 8px 15px 0px rgb(220, 214, 208);
}
#list .searchFilterButton label input:checked + span {
  color: #fff;
  background: #65a09a;
}
#list .searchFilterButton label input[type=submit].selected + span {
  color: #fff;
  background: #65a09a;
}
#list .searchFilterButtonArea {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
  gap: 8px;
}
#list .searchFilterButton:hover {
  opacity: 0.8;
}
#list .searchRank {
  font-size: 13px;
  font-weight: 600;
  color: #323232;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
  cursor: pointer;
}
#list .searchRankBox {
  position: relative;
  display: block;
  background: #f9f8f8;
}
#list .searchRankBox:before {
  position: absolute;
  content: "";
  background: url(/assets/arrow_drop_down-ad4d3c631ebf6c35ef468b60c9525b2c655e242f17a8af95298c3b4b27752f70.svg) no-repeat center center/auto 100%;
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  cursor: pointer;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  #list .searchRankBox:before {
    width: 0;
  }
}
#list .searchRank select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  border: none;
  background: transparent;
  width: 100%;
  height: 24px;
  background: #f9f8f8;
  padding-right: 24px;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  #list .searchRank select {
    width: 0;
    background: url(/assets/swap_vert-138ea1cb9be4cf9b6313b43cf545bc39eca219b604a35a8a81ccb524b6ec47cf.svg) no-repeat center center/auto 100%;
  }
}
#list .searchRank ::-ms-expand {
  display: none;
}
#list .searchLink1 {
  width: 38px;
  height: 38px;
  background: #fff;
  border-radius: 10px;
  display: flex;
  align-items: center;
  box-shadow: 0px 8px 15px 0px rgb(220, 214, 208);
}
#list .searchLink1 div {
  background: url(/assets/map-4cd322bee0b9556bd4dfbdaca770760a82c54957736ecebe39b4c2b756bc7347.svg) no-repeat center center/auto 100%;
  width: 100%;
  height: 28px;
}
#list .searchLink1Active {
  background: #65a09a;
}
#list .searchLink1Active div {
  background: url(/assets/map-active-8431ffd0b5ef372447e2a1d98aba514bab21070a8a827617e06f96520f06dfda.svg) no-repeat center center/auto 100%;
  box-shadow: initial;
}
#list .searchLink2 {
  width: 38px;
  height: 38px;
  background: #fff;
  border-radius: 10px;
  display: flex;
  align-items: center;
  box-shadow: 0px 8px 15px 0px rgb(220, 214, 208);
}
#list .searchLink2 div {
  background: url(/assets/toc-a72b72b7416f118618f82d2c83ee2ba89957ea8c1fc735f5e2f6cac48e1a38b7.svg) no-repeat center center/auto 100%;
  width: 100%;
  height: 28px;
}
#list .searchLink2Active {
  background: #65a09a;
}
#list .searchLink2Active div {
  background: url(/assets/toc-active-fb91ef4d8e1aed83953eaa798c479f63b63c4d1323ac249877cfd89cd3161017.svg) no-repeat center center/auto 100%;
}
#list .searchIcon1 {
  margin-right: 16px;
}
#list .searchSelect {
  display: flex;
  gap: 8px;
  margin-top: 16px;
  margin-bottom: 8px;
  position: relative;
}
@media screen and (max-width: 768px) {
  #list .searchSelect {
    display: grid;
    grid-template-columns: 1fr 12%;
  }
  #list .searchSelect .order1 {
    order: 1;
  }
  #list .searchSelect .order2 {
    order: 2;
  }
  #list .searchSelect .order3 {
    order: 3;
  }
  #list .searchSelect .order4 {
    order: 4;
  }
}
#list .searchSelect:before {
  content: "";
  width: 24px;
  height: 24px;
  background: url(/assets/search-e10a76f578717977ec764f2602f3875964f425710093784f7cbdb5b10d7f95cf.svg) no-repeat center center/auto 100%;
  display: inline-block;
  position: absolute;
  top: 13px;
  left: 16px;
}
#list .searchSelectSelectBox {
  position: relative;
  display: block;
}
#list .searchSelectSelectBox:before {
  position: absolute;
  content: "";
  top: 50%;
  right: 10px;
  width: 0px;
  height: 0px;
  margin: -2px 0 0 0;
  border: 5px solid transparent;
  border-top: 5px solid #959595;
  cursor: pointer;
  pointer-events: none;
}
#list .searchSelect select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  padding: 10px 15px;
  border: none;
  background: transparent;
  width: 100%;
  height: 51px;
  background: #FFF;
  color: #323232;
  border-radius: 8px;
  border: 1px solid #CBCED6;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 14px;
}
#list .searchSelect ::-ms-expand {
  display: none;
}
#list .tabs {
  display: flex;
  width: 100%;
  height: 40px;
  margin-top: 12px;
  border-bottom: 1px solid #E3E0DC;
}
#list .tabs .tab {
  max-width: 165px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px 8px 0 0;
  background-color: #EFEFEF;
  color: #323232;
  font-size: 13px;
}
#list .tabs .tab.selected {
  background-color: #5E8F8A;
  color: #ffffff;
  font-weight: bold;
  border-bottom: 2px solid #80BEB8;
}
#list .card {
  margin-left: 0px !important;
}
#list .cardList {
  width: 100%;
  max-width: 347px;
  border-radius: 15px;
  border: 1px solid #cbced6;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-top: 16px;
}
#list .cardListAreaFlex {
  display: flex;
  flex-wrap: wrap;
  gap: 17px;
  margin-top: 16px;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  #list .cardListAreaFlex {
    justify-content: center;
    padding: 0 4px;
    margin-left: -16px;
    margin-right: -16px;
  }
}
#list .cardListImage {
  border-radius: 15px 15px 0px 0px;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
#list .cardListImageArea {
  position: relative;
  height: 195px;
}
#list .cardListDetailArea {
  padding: 21px 16px 12px;
  background: #fff;
}
#list .cardListCategory {
  font-size: 11px;
  font-weight: 500;
  height: 25px;
  border-radius: 4px;
  background: #ffdfe1;
  color: #d8313b;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 8px;
}
#list .cardListNurserySchoolName {
  font-size: 18px;
  font-weight: 600;
  color: #484848;
  padding-top: 8px;
}
#list .cardListNurserySchoolAdress {
  font-size: 13px;
  font-weight: 600;
  color: #979797;
}
#list .cardListFlex {
  display: flex;
  justify-content: space-between;
  padding-top: 5px;
}
#list .cardListFlexSecond {
  display: flex;
  align-items: center;
}
#list .cardListNurserySchoolDetail {
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  color: #535353;
  padding-top: 8px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
#list .cardListDate {
  width: 126px;
  height: 30px;
  font-size: 11px;
  font-weight: 600;
  line-height: normal;
  color: #4e4e4e;
  background: #efefef;
  border-radius: 4px;
  border: 1px solid #000;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 16px;
}
#list .cardListCalenderIcon {
  padding-right: 2px;
}
#list .cardListReserve {
  width: 70px;
  max-width: 100px;
  height: 34px;
  position: absolute;
  top: 16px;
  right: 14px;
  background: #fff;
  color: #e24545;
  font-size: 12px;
  font-weight: 500;
  border: 1.5px solid #e24545;
  border-radius: 60px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
#list .cardListReserveIcon {
  padding-right: 4px;
}
#list .cardListFieldTrip {
  width: 92px;
  height: 26px;
  position: absolute;
  bottom: -9px;
  left: -12px;
  background: #65a09a;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  border-radius: 4px 4px 4px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#list .cardListFieldTrip:before {
  position: absolute;
  content: "";
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 10px transparent;
  border-right: solid 11px #3c7771;
}
#list .cardListHeart {
  width: 36px;
  height: 36px;
  position: absolute;
  bottom: -14px;
  right: 14px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0px 10px 8px 0px rgba(0, 0, 0, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
}
#list .cardListEvaluation {
  font-size: 11px;
  font-weight: 600;
  font-family: "Roboto", sans-serif;
  padding-left: 4px;
}
#list .cardListContactArea {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #65a09a;
  color: #fff;
  padding: 0px 12px;
  height: 25px;
  box-shadow: 0px -1px 0px 0px rgb(215, 215, 215);
}
#list .cardListContactAreaText {
  font-size: 11px;
  font-weight: 600;
}
#list .cardListContactAreaTel {
  font-size: 12px;
  font-weight: 600;
}
#list .cardListTagFlex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 0 !important;
  background: #fff;
}
#list .cardListOk {
  font-size: 11px;
  font-weight: 600;
  color: #1e5a54;
  background: #deedeb;
  border: 0.5px solid #65a09a;
  border-radius: 4px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 6px 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 4px 4px;
  height: 30px;
  width: 100%;
}
#list .cardListOkIcon {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1.5px solid #65a09a;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-right: 5px;
}
#list .cardListNg {
  font-size: 11px;
  font-weight: 600;
  color: #b6b6b6;
  background: #efefef;
  border-radius: 4px;
  padding: 6px 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 4px 4px;
  height: 30px;
  width: 100%;
}
#list .cardListNgIcon {
  display: block;
  width: 11px;
  height: 12px;
  position: relative;
  margin-right: 5px;
}
#list .cardListNgIcon:before, #list .cardListNgIcon:after {
  content: "";
  border-radius: 3px;
  display: block;
  width: 100%;
  height: 2px;
  background: #b6b6b6;
  transform: rotate(45deg);
  transform-origin: 0% 50%;
  position: absolute;
  top: 1px;
  left: 14%;
}
#list .cardListNgIcon:after {
  transform: rotate(-45deg);
  transform-origin: 100% 50%;
  left: auto;
  right: 14%;
}
#list .cardListFooter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #ece8e4;
  height: 60px;
  border-radius: 0px 0px 15px 15px;
  border-top: 1px solid #cbced6;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#list .cardListFooterEntry {
  position: relative;
  width: 121px;
  height: 48px;
  color: #DE8A6D;
  background: #fff;
  border-radius: 6px;
  border: 2px solid #DE8A6D;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10%;
  font-size: 13px;
  font-weight: 600;
  font-family: "Roboto", sans-serif;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #list .cardListFooterEntry {
    width: 117px;
  }
}
#list .cardListFooterEntryIcon {
  display: inline-block;
  vertical-align: middle;
  color: #DE8A6D;
  line-height: 1;
  position: relative;
  width: 10px;
  height: 10px;
  transform: translateX(-25%) rotate(45deg);
}
#list .cardListFooterEntryIcon::before, #list .cardListFooterEntryIcon::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 3px;
}
#list .cardListFooterEntryIcon::before {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}
#list .cardListFooterEntryIcon::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}
#list .cardListFooterReserve {
  position: relative;
  width: 121px;
  height: 48px;
  color: #fff;
  background: #DE8A6D;
  border-radius: 6px;
  border: 2px solid #DE8A6D;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10%;
  font-size: 13px;
  font-weight: 600;
  font-family: "Roboto", sans-serif;
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
  #list .cardListFooterReserve {
    width: 117px;
  }
}
#list .cardListFooterReserveIcon {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1;
  position: relative;
  width: 10px;
  height: 10px;
  transform: translateX(-25%) rotate(45deg);
}
#list .cardListFooterReserveIcon::before, #list .cardListFooterReserveIcon::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 3px;
}
#list .cardListFooterReserveIcon::before {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}
#list .cardListFooterReserveIcon::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}
#list .cardListFooter a[data-turbo-method] {
  width: 18%;
  height: 100%;
}
#list .cardListFooter a[data-turbo-method] #list .cardListFooterFavoriteArea {
  border-right: 1px solid #cbced6;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 13px 0 2%;
  background: url(/assets/favorite_icon2-38e3119a730ac93daddfe9ff13041cd1eb60291088f085cc627b45db8b046ffa.svg) no-repeat center center/40px 40px;
  cursor: pointer;
}
#list .cardListFooter a[data-turbo-method] #list .cardListFooterFavoriteAreaActive, #list .cardListFooter a[data-turbo-method] #list .cardListFooterFavoriteArea[data-faved="1"] {
  background: url(/assets/favorite_icon-70fef11735b264ad81088397835eb6f1466e2ccb123ffccd542563663953f939.svg) no-repeat center center/40px 40px;
}
#list .page {
  margin-top: 24px;
}
#list .page ul {
  justify-content: center;
  gap: 8px;
}
#list .page ul li {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #e6e6e6;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 16px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  color: #464e5f;
}
@media screen and (max-width: 768px) {
  #list .page ul li {
    width: 40px;
    height: 40px;
  }
}
#list .pageActive {
  background: #65a09a !important;
  color: #fff !important;
  border: none !important;
}
#list .pagePrev.disabled, #list .pageNext.disabled {
  background-color: #D8D8D8;
}
#list .pagePrev.disabled .pagePrevArrow::before, #list .pagePrev.disabled .pagePrevArrow::after, #list .pageNext.disabled .pageNextArrow::before, #list .pageNext.disabled .pageNextArrow::after {
  color: #ffffff;
}
#list .pagePrevArrow {
  position: relative;
  width: 10px;
  height: 10px;
  margin: 0 12px;
  transform: translateX(0%) rotate(225deg);
}
#list .pagePrevArrow::before, #list .pagePrevArrow::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 3px;
  color: #6b6b6b;
}
#list .pagePrevArrow::before {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}
#list .pagePrevArrow::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}
#list .pageNextArrow {
  position: relative;
  width: 10px;
  height: 10px;
  margin: 0 12px;
  transform: translateX(-25%) rotate(45deg);
}
#list .pageNextArrow::before, #list .pageNextArrow::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 3px;
  color: #6b6b6b;
}
#list .pageNextArrow::before {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}
#list .pageNextArrow::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}
#list .notFound {
  margin: 150px auto;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #list .notFound {
    margin: 50px auto;
  }
}
#list .notFoundText {
  font-size: 20px;
  font-weight: 600;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #list .notFoundText {
    font-size: 14px;
  }
}
#list .notFoundTry {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #787878;
  margin-top: 8px;
}
@media screen and (max-width: 768px) {
  #list .notFoundTry {
    font-size: 13px;
  }
}
#list .ageWrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  padding-top: 8px;
}
#list .ageText {
  padding-top: 16px;
  font-size: 14px;
  font-weight: 500;
}
#list .ageCheckWrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 15px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  #list .ageCheckWrap {
    font-size: 14px;
  }
}
#list .faq {
  padding: 80px 0;
  font-family: "DM Sans", sans-serif;
  background: #F9F8F8;
  position: relative;
}
@media screen and (max-width: 768px) {
  #list .faq {
    padding: 40px 0;
  }
}
#list .faqAccordionArea {
  list-style: none;
  margin: 0 auto;
}
#list .faqAccordionAreaInner {
  list-style: none;
  margin: 0 auto;
}
#list .faqAccordionAreaLi {
  margin: 34px 0;
}
@media screen and (max-width: 768px) {
  #list .faqAccordionAreaLi {
    margin: 20px 0;
  }
}
#list .faqAccordionAreaLiInner {
  margin: 29px 0;
  background: #FFF;
  border-radius: 18px;
  box-shadow: 0px 5px 16px 0px rgba(8, 15, 52, 0.06);
}
@media screen and (max-width: 768px) {
  #list .faqAccordionAreaLiInner {
    margin: 20px 0;
  }
}
#list .faqAccordionAreaLiInnerOpen {
  border: 2px solid #65A09A;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-shadow: 0px 6px 16px 0px rgba(101, 160, 154, 0.19);
}
#list .faqAccordionAreaLiInnerOpen .faqBigTitleInner {
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  #list .faqAccordionAreaLiInnerOpen .faqBigTitleInner {
    font-size: 15px;
  }
}
#list .faqBigTitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  cursor: pointer;
  font-size: 18px;
  font-weight: 500;
  padding: 36px 32px;
  transition: all 0.5s ease;
  background: #FFF;
  border-radius: 18px;
  border: 1px solid #DADADA;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-shadow: 0px 3px 14px 0px rgba(116, 116, 116, 0.03), 0px -2px 4px 0px rgba(116, 116, 116, 0.02), 0px 12px 24px 0px rgba(116, 116, 116, 0.04);
}
@media screen and (max-width: 768px) {
  #list .faqBigTitle {
    font-size: 22px;
    padding: 22px 20px;
  }
}
#list .faqBigTitleInner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  cursor: pointer;
  font-size: 18px;
  font-weight: 500;
  padding: 3%;
}
@media screen and (max-width: 768px) {
  #list .faqBigTitleInner {
    font-size: 14px;
    padding: 16px;
    line-height: 1.6;
    gap: 16px;
  }
}
#list .faqBigTitleInnerFirst {
  width: 80%;
}
#list .faqBox {
  border-radius: 20px;
  margin-top: 56px;
  max-width: 714px;
}
@media screen and (max-width: 768px) {
  #list .faqBox {
    margin-top: 40px;
  }
}
#list .faqBoxInner {
  display: none; /*はじめは非表示*/
  background: #FFF;
  margin: -2% 0 0;
  padding: 6.5px 3% 3%;
  color: #6F6C90;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.66;
  border-radius: 18px;
  width: 93%;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  #list .faqBoxInner {
    font-size: 16px;
    padding: 0px 16px 40px;
    width: 100%;
  }
}
#list .faqBoxInnerAnswer {
  font-size: 15px;
  font-weight: 400;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #list .faqBoxInnerAnswer {
    width: 95%;
  }
}
#list .faqIcon {
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  left: 40%;
  transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
}
#list .faqIcon::before, #list .faqIcon::after {
  content: "";
  position: absolute;
  background: #323232;
  border-radius: 3px;
}
#list .faqIcon::before {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}
#list .faqIcon::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}
#list .faqIconWrap {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #FFF;
  position: relative;
  box-shadow: 0px 5px 16px 0px rgba(8, 15, 52, 0.06);
}
#list .searchNearArea {
  margin-top: 40px;
  color: #323232;
}
#list .searchNearArea .title {
  font-size: 18px;
  font-weight: bold;
}
#list .searchNearArea ul {
  margin-top: 32px;
  display: flex;
}
@media screen and (max-width: 768px) {
  #list .searchNearArea ul {
    display: block;
  }
}
#list .searchNearArea ul li {
  font-size: 15px;
  line-height: 32px;
  margin-right: 24px;
  text-decoration: underline;
  text-underline-offset: 2px;
}
@media screen and (max-width: 768px) {
  #list .searchNearArea ul li {
    font-size: 14px;
    margin-bottom: 4px;
  }
}

html,
body {
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  html,
body {
    font-size: 14px;
  }
}

a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
a:link, a:hover, a:active, a:visited {
  text-decoration: none;
}

a:hover {
  color: inherit;
}

a,
button {
  z-index: 1;
  cursor: pointer;
}
a:hover,
button:hover {
  opacity: 0.8;
  transition: 0.3s;
}

input,
button {
  border: none;
  outline: none;
  font-size: 100%;
}
input[type=submit],
button[type=submit] {
  cursor: pointer;
}

* {
  box-sizing: border-box;
}

/*
 * レスポンシブ
 */
.pcOnly {
  display: block;
}
@media screen and (max-width: 768px) {
  .pcOnly {
    display: none !important;
  }
}

.pcOnlyTable {
  display: table;
}
@media screen and (max-width: 768px) {
  .pcOnlyTable {
    display: none !important;
  }
}

.spOnly {
  display: none;
}
@media screen and (max-width: 768px) {
  .spOnly {
    display: block !important;
  }
}

.pcOnlyFlex {
  display: flex;
}
@media screen and (max-width: 768px) {
  .pcOnlyFlex {
    display: none !important;
  }
}

.spOnlyFlex {
  display: none;
}
@media screen and (max-width: 768px) {
  .spOnlyFlex {
    display: flex !important;
  }
}

.pcOnlyTable {
  display: table;
}
@media screen and (max-width: 768px) {
  .pcOnlyTable {
    display: none !important;
  }
}

/*
 * display
 */
.block {
  display: block;
}

.none {
  display: none !important;
}

.flex {
  display: flex;
}

.justify_center {
  display: flex;
  justify-content: center;
}

.block {
  display: block;
}

/*
 * position
 */
.center_all {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.textCenter {
  text-align: center;
}

/*
 * padding, margin
 */
.p_x_auto {
  padding-left: auto;
  padding-right: auto;
}
.p_x_16px {
  padding-left: 16px;
  padding-right: 16px;
}
.p_l_10px {
  padding-left: 10px;
}
.p_l_20px {
  padding-left: 20px;
}
.p_l_30px {
  padding-left: 30px;
}
.p_l_40px {
  padding-left: 40px;
}

.m_r_16px {
  margin-right: 16px;
}
.m_l_16px {
  margin-left: 16px;
}
.m_l_24px {
  margin-left: 24px;
}
.m_x_auto {
  margin-left: auto;
  margin-right: auto;
}
.m_x_30px {
  margin-left: 30px;
  margin-right: 30px;
}
.m_y_10px {
  margin-top: 10px;
  margin-bottom: 10px;
}
.m_y_15px {
  margin-top: 15px;
  margin-bottom: 15px;
}
.m_y_20px {
  margin-top: 20px;
  margin-bottom: 20px;
}
.m_y_30px {
  margin-top: 30px;
  margin-bottom: 30px;
}
.m_y_50px {
  margin-top: 50px;
  margin-bottom: 50px;
}
.m_b_20px {
  margin-bottom: 20px;
}
.m_b_30px {
  margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
  .spHidden {
    display: none;
  }
}

.spAppear {
  display: none;
}
@media screen and (max-width: 768px) {
  .spAppear {
    display: block;
  }
}

.spAppearFlex {
  display: none !important;
}
@media screen and (max-width: 768px) {
  .spAppearFlex {
    display: flex !important;
  }
}

.spAppearTable {
  display: none;
}
@media screen and (max-width: 768px) {
  .spAppearTable {
    display: table;
  }
}

.pRelative {
  position: relative;
}

.pSticky {
  position: sticky !important;
}

.bodyFixed {
  position: fixed;
  inset: 0;
}

.bodyOverfllowHideen {
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .spBr::before {
    content: "\a";
    white-space: pre;
  }
}

@media screen and (max-width: 768px) {
  input[type=text],
input[type=password],
input[type=tel],
input[type=email],
input[type=number],
input[type=search],
textarea {
    font-size: 16px !important;
  }
}

.invisible {
  visibility: hidden;
}

.toast {
  position: fixed;
  top: 86px;
  right: 24px;
  z-index: 210;
  color: #FFF;
  font-weight: 600;
  font-size: 14px;
  min-width: 350px;
  display: flex;
  align-items: center;
  border-radius: 8px;
  opacity: 1;
  transition: all 0.2s linear;
}
@media screen and (max-width: 768px) {
  .toast {
    min-width: initial;
    right: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width: 90%;
  }
}
.toast.hide {
  opacity: 0;
  visibility: hidden;
}
.toast .toast-body {
  position: relative;
  padding-left: 30px;
}
.toast .toast-bodyOk::before {
  content: "";
  background: url(/assets/check_share-0a67d311e407b197f5b5b25bb0839bcb611f94ee605f439db4a73c984cf6067a.svg) no-repeat center center;
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 24px;
  height: 24px;
}
.toast .toast-bodyNg::before {
  content: "";
  background: url(/assets/error-1d0607f21ffbd49e9ed37a3c8460b5d60f692d06373b2d4057fda12c09296b09.svg) no-repeat center center;
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 24px;
  height: 24px;
}
.toastOk {
  background: #55B938;
}
.toastNg {
  background: #D65745;
}
.toast .d-flex {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 16px;
}
.toast button {
  padding: 0;
  border: none;
  outline: none;
  font: inherit;
  color: inherit;
  background: none;
  position: relative;
}
.toast .btn-close {
  height: 10px;
  width: 10px;
}
.toast .btn-close::before, .toast .btn-close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 12px;
  background: #FFF;
}
.toast .btn-close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.toast .btn-close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.toast .btn-close-label {
  position: absolute;
  top: 6px;
  right: 14px;
  cursor: pointer;
  z-index: 1;
}

input:-webkit-autofill {
  box-shadow: 0 0 0 1000px #FFF inset;
}

.datepicker-days td, .datepicker-days th {
  width: 40px !important;
  height: 40px !important;
  font-weight: 600;
  color: #323232;
  vertical-align: middle;
}
.datepicker-days .datepicker table tr td.range, .datepicker-days .datepicker table tr td.range.disabled, .datepicker-days .datepicker table tr td.range.disabled:hover, .datepicker-days .datepicker table tr td.range:hover {
  border-radius: 0 !important;
}
.datepicker-days .range-start-custom {
  border-radius: 8px 0 0 8px !important;
}
.datepicker-days .range-end-custom {
  border-radius: 0 8px 8px 0 !important;
}

.datepicker th {
  font-size: 13px;
}

.datepicker td {
  font-size: 14px;
  border-radius: 8px !important;
}

.datepicker table tr td.new,
.datepicker table tr td.old {
  color: #D8D8D8 !important;
}

.datepicker table tr td.day.focused,
.datepicker table tr td.day:hover {
  background: #EDF6F6 !important;
  color: #65A09A;
}

.datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled] {
  background-color: #65A09A !important;
  color: #FFF;
  background-image: initial;
}

.datepicker table tr td.selected, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected:hover {
  background-color: #65A09A !important;
  color: #FFF;
  background-image: initial !important;
}

.datepicker table tr td.range, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover, .datepicker table tr td.range:hover {
  background: #F1F5F5 !important;
  border-radius: 0 !important;
}

.datepicker {
  padding: 16px 24px !important;
  overflow: hidden;
}

.datepicker .prev,
.datepicker .next {
  width: 40px !important;
  height: 40px !important;
}

.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover {
  background: #EDF6F6 !important;
  box-shadow: initial;
}

.datepicker table tr td span {
  width: 93.33px !important;
  height: 40px !important;
  margin: 0 !important;
}

.datepicker-months,
.datepicker-years,
.datepicker-decades,
.datepicker-centuries {
  width: 280px;
  display: flex;
  justify-content: center;
}
.datepicker-months td, .datepicker-months th,
.datepicker-years td,
.datepicker-years th,
.datepicker-decades td,
.datepicker-decades th,
.datepicker-centuries td,
.datepicker-centuries th {
  width: 93.33px !important;
  height: 40px !important;
  font-weight: 600;
  color: #323232;
  vertical-align: middle;
}
.datepicker-months td span,
.datepicker-years td span,
.datepicker-decades td span,
.datepicker-centuries td span {
  display: flex !important;
  justify-content: center;
  align-items: center;
}
.datepicker-months table,
.datepicker-years table,
.datepicker-decades table,
.datepicker-centuries table {
  width: 100%;
}
.datepicker-months td span.focused,
.datepicker-years td span.focused,
.datepicker-decades td span.focused,
.datepicker-centuries td span.focused {
  background: #65A09A !important;
  color: #FFF;
}
.datepicker-months td span:hover,
.datepicker-years td span:hover,
.datepicker-decades td span:hover,
.datepicker-centuries td span:hover {
  background: #EDF6F6 !important;
  color: #65A09A;
}
.datepicker-months .table-condensed > tbody tr,
.datepicker-years .table-condensed > tbody tr,
.datepicker-decades .table-condensed > tbody tr,
.datepicker-centuries .table-condensed > tbody tr {
  height: 190px;
}
.datepicker-months .table-condensed > tbody td,
.datepicker-years .table-condensed > tbody td,
.datepicker-decades .table-condensed > tbody td,
.datepicker-centuries .table-condensed > tbody td {
  position: relative;
  vertical-align: bottom;
}
.datepicker-months .table-condensed > tbody td:before,
.datepicker-years .table-condensed > tbody td:before,
.datepicker-decades .table-condensed > tbody td:before,
.datepicker-centuries .table-condensed > tbody td:before {
  content: "";
  position: absolute;
  top: 12px;
  left: -30px;
  width: 350px;
  height: 1px;
  background: #D8D8D8;
}

.table-condensed > thead > tr:nth-child(2) > .prev {
  font-size: 0;
  position: relative;
}

.table-condensed > thead > tr:nth-child(2) > .prev::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background: url(/assets/chevron_left-75b3feb4cf5a6b8b4110625a74b30f47dbbb0e54114e896888325523dd5e144d.svg) center no-repeat;
  background-size: 50%;
  width: 40px;
  height: 40px;
  border: 1px solid #D8D8D8;
  border-radius: 8px;
}

.table-condensed > thead > tr:nth-child(2) > .prev:hover::before {
  border: none;
}

.table-condensed > thead > tr:nth-child(2) > .next {
  font-size: 0;
  position: relative;
}

.table-condensed > thead > tr:nth-child(2) > .next::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background: url(/assets/chevron_right-607684824f5a9271ca3219a84cea5fcfa5bed8d05935676a530e3a482c503ab0.svg) center no-repeat;
  background-size: 50%;
  width: 40px;
  height: 40px;
  border: 1px solid #D8D8D8;
  border-radius: 8px;
}

.table-condensed > thead > tr:nth-child(2) > .next:hover::before {
  border: none;
}

.datepicker table tr td span.active.active {
  background-color: #EDF6F6 !important;
  color: #65A09A;
  background-image: initial !important;
}

.datepicker table tr td span.active:hover {
  color: #65A09A !important;
}

.table-condensed > thead > tr:nth-child(3) > th {
  position: relative;
  height: 60px !important;
  vertical-align: bottom;
  padding-bottom: 8px;
}

.table-condensed > thead > tr:nth-child(3) > th::before {
  position: absolute;
  content: "";
  top: 20px;
  left: -30px;
  width: 100px;
  height: 1px;
  background: #D8D8D8;
}

.custom-select {
  background: initial;
  border: none;
  height: initial;
  padding: initial;
}

.container {
  max-width: initial;
  padding: initial;
}

.header {
  width: 100%;
  height: 62px;
  margin: 0 auto;
  background: #DE8A6D;
  position: fixed;
  top: 31px;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 110;
}
@media screen and (max-width: 768px) {
  .header {
    padding: 16px 16px 16px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.headerArea {
  margin: 0 auto;
  width: 100%;
  height: 62px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 32px 0 0;
}
@media screen and (max-width: 768px) {
  .headerArea {
    display: initial;
  }
}
.headerTitle {
  font-size: 28px;
  font-weight: 800;
  color: #FFF;
  padding-right: 15px;
  height: 62px;
}
@media screen and (max-width: 768px) {
  .headerTitle {
    font-size: 18px;
  }
}
.headerTitleImg {
  height: 100%;
}
.headerTitle a {
  height: 62px;
  display: inline-block;
  opacity: 1;
}

@media screen and (max-width: 768px) {
  .globalNav {
    display: none;
  }
}
.globalNavSp {
  display: none;
}
@media screen and (max-width: 768px) {
  .globalNavSp {
    display: block;
  }
}
.globalNavSpIcon1 {
  margin-right: 16px;
}
.globalNavSpMenu {
  position: fixed;
  top: 0;
  right: -1200%;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 20%, rgba(0, 0, 0, 0.4) 17%, #F9F8F8 17%, #F9F8F8 80%);
  width: 100%;
  height: 100vh;
  z-index: 100;
  padding-left: 20%;
  transition: 0.3s;
}
.globalNavSpMenuActive {
  right: 0;
  transition: 0.3s;
}
.globalNavSpMenu ul {
  display: flex;
  flex-direction: column;
}
.globalNavSpMenuButtonArea {
  display: flex;
  align-items: center;
  gap: 5%;
  margin: 76px 16px 0px;
  position: relative;
}
.globalNavSpMenuButtonArea a:hover {
  opacity: 1;
}
.globalNavSpMenuLoginButton {
  font-size: 12px;
  font-weight: 600;
  color: #FFF;
  width: 112px;
  height: 43px;
  background: #65A09A;
  border-radius: 40px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}
.globalNavSpMenuLoginButton:hover {
  background: #80BEB8;
}
.globalNavSpMenuNewButton {
  font-size: 12px;
  font-weight: 600;
  padding-right: 8px;
  width: 148px;
  height: 43px;
  background: #FFF;
  color: #65A09A;
  padding: 14px 32px;
  border-radius: 40px;
  border: 2px solid #65A09A;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}
.globalNavSpMenuNewButton:hover {
  border-color: #80BEB8;
  color: #80BEB8;
}
.globalNavSpMenuUlArea {
  margin-top: 16px;
}
.globalNavSpMenuUlArea li {
  width: 100%;
  height: 56px;
  border-bottom: 1px solid #FFF;
  display: grid;
  grid-template-columns: 95% 5%;
  align-items: center;
  font-size: 15px;
  font-weight: 500;
  color: #323232;
  background: #FFF;
  padding-left: 16px;
  margin-left: 1px;
  box-shadow: inset 0px -1px 0px 0px rgb(228, 224, 224);
}
.globalNavSpMenuUlArea div {
  display: flex;
  align-items: center;
  height: 56px;
}
.globalNavSpMenuLiIconArrow {
  position: relative;
  width: 8px;
  height: 8px;
  transform: translateX(-25%) rotate(45deg);
}
.globalNavSpMenuLiIconArrow::before, .globalNavSpMenuLiIconArrow::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 3px;
  color: #323232;
}
.globalNavSpMenuLiIconArrow::before {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}
.globalNavSpMenuLiIconArrow::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}
.globalNavSpMenuLiIcon a {
  display: contents;
}
.globalNavSpMenuMyPage {
  margin: 16px 16px 0px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #484848 !important;
  background: #F9F8F8 !important;
  border-bottom: 1px solid #C5C0C0 !important;
  box-shadow: initial !important;
  margin: 0 16px 0 16px;
  width: 90% !important;
  height: 43px !important;
  padding-left: 0px !important;
}
.globalNavSpClose {
  width: 36px;
  height: 36px;
  background: #FFF;
  border-radius: 50%;
  position: absolute;
  right: 16px;
  top: 16px;
  z-index: 100;
}
.globalNavSpClose::before, .globalNavSpClose::after {
  content: "";
  width: 20px;
  height: 2px;
  background: #EC9375;
  position: absolute;
  left: calc(50% - 10px);
  border-radius: 3px;
  top: 17px;
}
.globalNavSpClose::before {
  transform: rotate(45deg);
}
.globalNavSpClose::after {
  transform: rotate(-45deg);
}
.globalNavSpUserIcon {
  width: 40px;
  height: 40px;
  object-fit: cover;
  object-position: center;
}
.globalNavSpUserIconWrap {
  position: relative;
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 50%;
  margin: 16px 0 -56px 16px;
  border: 1.5px solid #FFF;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-shadow: 0px 8px 14px 0px rgb(47, 25, 25);
}
.globalNavLink1 {
  width: 36px;
  height: 36px;
  background: #D17556;
  border-radius: 50%;
  display: flex;
  align-items: center;
}
.globalNavLink1IconBox {
  background: url(/assets/favorite_border-bc99f6b9db565718704c5934e98fa2d17755027ad3edc911653bbfbe446ab76b.svg) no-repeat center center/auto 100%;
  width: 100%;
  height: 28px;
}
.globalNavLink1Active {
  background: #65A09A;
}
.globalNavLink1Active div {
  background: url(/assets/assignment-c0123712434d31bcf41dc0b30bb705bbccf5fe06ad72a1581c669b96c4a314ec.svg) no-repeat center center/auto 100%;
  box-shadow: initial;
}
.globalNavHumburger {
  width: 36px;
  height: 36px;
  background: #FFF;
  border-radius: 50%;
  display: flex;
  align-items: center;
}
.globalNavHumburgerIconBox {
  width: 100%;
  height: 28px;
  position: relative;
}
.globalNavHumburgerIcon {
  width: 20px;
  height: 2px;
  font-size: 0;
  background: #EC9375;
  position: absolute;
  left: calc(50% - 10px);
  top: 6px;
  border-radius: 3px;
}
.globalNavHumburgerIcon::before, .globalNavHumburgerIcon::after {
  content: "";
  width: 20px;
  height: 2px;
  background: #EC9375;
  position: absolute;
  left: calc(50% - 10px);
  border-radius: 3px;
}
.globalNavHumburgerIcon::before {
  top: 6px;
}
.globalNavHumburgerIcon::after {
  top: 13px;
}
.globalNavHumburgerIconNo {
  width: 22px;
  height: 22px;
  background: #EC5D5D;
  color: #FFF;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -11px;
  right: -11px;
  border-radius: 50%;
}
.globalNavHumburgerActive {
  background: #65A09A;
}
.globalNavHumburgerActive div {
  background: url(/assets/toc-active-fb91ef4d8e1aed83953eaa798c479f63b63c4d1323ac249877cfd89cd3161017.svg) no-repeat center center/auto 100%;
}
.globalNavUl {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.globalNavUl li {
  color: #FFF;
}
.globalNavSearch {
  font-size: 14px;
  font-weight: 600;
  color: #484848;
  padding-right: 16px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .globalNavSearch {
    font-size: 11px;
  }
}
.globalNavSearchIcon {
  padding-right: 4px;
  max-width: 24px;
  max-height: 24px;
}
.globalNavFavorite {
  font-size: 14px;
  font-weight: 600;
  color: #484848;
  padding-right: 16px;
  display: flex;
  align-items: center;
}
.globalNavFavoriteIcon {
  padding-right: 4px;
}
.globalNavContact {
  font-size: 14px;
  font-weight: 600;
  color: #484848;
  padding-right: 30px;
  display: flex;
  align-items: center;
}
.globalNavContactIcon {
  padding-right: 4px;
}
.globalNavLogin {
  font-size: 12px;
  font-weight: 600;
  color: #FFF;
  padding-right: 8px;
  padding-left: 30px;
}
.globalNavLoginButton {
  width: 112px;
  height: 43px;
  background: #65A09A;
  padding: 14px 32px;
  border-radius: 40px;
  position: relative;
  display: flex;
  align-items: center;
  transition: 0.3s;
}
.globalNavLoginButton:hover {
  background: #80BEB8;
}
.globalNavLoginButton::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 24px;
  background-color: #FFF;
  position: absolute;
  top: 9px;
  left: -24px;
}
.globalNavLogin a:hover {
  opacity: 1;
}
.globalNavNew {
  font-size: 12px;
  font-weight: 600;
  padding-right: 8px;
}
.globalNavNewButton {
  width: 148px;
  height: 43px;
  background: #FFF;
  color: #65A09A;
  padding: 14px 32px;
  border-radius: 40px;
  border: 2px solid #65A09A;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}
.globalNavNewButton:hover {
  border-color: #80BEB8;
  color: #80BEB8;
}
.globalNavNew a:hover {
  opacity: 1;
}
.globalNavUser {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.globalNavUser img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
  box-shadow: 0px 8px 14px 0px rgb(160, 63, 29);
  background-color: white;
  border: 1.5px solid #FFF;
}
.globalNavUser .notSetting {
  object-position: center !important;
}
.globalNavLogout {
  font-size: 12px;
  font-weight: 600;
  padding-right: 8px;
  position: relative;
  margin-left: 30px;
}
.globalNavLogout a::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 24px;
  background-color: #FFF;
  position: absolute;
  top: 9px;
  left: -24px;
}
.globalNavLogout a:hover {
  opacity: 1;
}
.globalNavLogoutButton {
  width: 148px;
  height: 43px;
  background: #FFF;
  color: #65A09A;
  padding: 14px 32px;
  border-radius: 40px;
  border: 2px solid #65A09A;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}
.globalNavLogoutButton:hover {
  border-color: #80BEB8;
  color: #80BEB8;
}
.globalNavFacility {
  font-size: 14px;
  font-weight: 600;
  padding-right: 32px;
  height: 43px;
  background: #EAB669;
  color: white;
  padding: 16px 32px;
  border-radius: 30px;
  box-sizing: border-box;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  margin-left: 5px;
}

.modalMap {
  display: none;
  z-index: 200;
  width: 379px;
  top: 0;
  height: 100%;
  overflow: auto;
  color: #323232;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .modalMap {
    width: 100%;
  }
}
.modalMap label, .modalMap input, .modalMap select {
  cursor: pointer;
}
.modalMapOpen {
  display: block;
}
.modalMapFixed {
  position: fixed;
  left: 0;
  top: 62px;
  width: 100%;
  z-index: 200;
}
@media screen and (max-width: 768px) {
  .modalMapFixed {
    top: 0;
  }
}
.modalMapWrap {
  width: 100%;
  margin: 0 auto;
}
.modalMapContent {
  max-width: 379px;
  background-color: #FFF;
  padding: 24px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25), 0 20px 25px 0 rgba(15, 23, 42, 0.1), 0 10px 10px -5px rgba(15, 23, 42, 0.04);
  animation-name: modalopen;
  height: 100vh;
}
@media screen and (max-width: 768px) {
  .modalMapContent {
    width: 100%;
    max-width: initial;
    margin: 0px;
    padding: 54px 24px 24px;
  }
}
.modalMapHeader {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .modalMapHeader {
    justify-content: center;
    align-items: center;
    background: #DE8A6D;
    height: 54px;
    position: fixed;
    width: 100%;
    z-index: 300;
  }
}
.modalMapHeaderTitle {
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 30px;
}
@media screen and (max-width: 768px) {
  .modalMapHeaderTitle {
    font-size: 14px;
    font-weight: 600;
    color: #FFF;
  }
}
.modalMapHeaderCaption {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #787878;
}
.modalMapClose {
  display: block;
  width: 24px;
  height: 24px;
  background: #FFF;
  position: relative;
}
@media screen and (max-width: 768px) {
  .modalMapClose {
    position: absolute;
    right: 24px;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    position: absolute;
  }
}
.modalMapClose:before, .modalMapClose:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #000;
  transform: rotate(45deg);
  transform-origin: 0% 50%;
  position: absolute;
  top: calc(14% - 5px);
  left: 14%;
}
@media screen and (max-width: 768px) {
  .modalMapClose:before, .modalMapClose:after {
    background: #EC9375;
    width: 50%;
    top: calc(14% + 6px);
    left: 32%;
  }
}
.modalMapClose:after {
  transform: rotate(-45deg);
  transform-origin: 100% 50%;
  left: auto;
  right: 14%;
}
@media screen and (max-width: 768px) {
  .modalMapClose:after {
    left: 17%;
    right: 0%;
  }
}
.modalMapClose:hover {
  cursor: pointer;
}
.modalMapBody {
  height: 65vh;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.modalMapBody::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 768px) {
  .modalMapBody {
    padding-bottom: 150px;
    height: 79vh;
  }
}
.modalMapBodyTitle {
  background: #FFF;
  font-size: 16px;
  font-weight: 600;
  padding: 16px;
  margin-top: 24px;
  background: #F6F3F0;
  border-radius: 8px;
}
.modalMapBodyFlex {
  justify-content: space-between;
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  flex-wrap: wrap;
  gap: 0px;
}
@media screen and (max-width: 768px) {
  .modalMapBodyFlex {
    gap: 0px;
  }
}
.modalMapBodyFlexSecond {
  justify-content: space-between;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
@media screen and (max-width: 768px) {
  .modalMapBodyFlexSecond {
    gap: 0px;
  }
}
.modalMapBodyItemFlex {
  display: flex;
  align-items: center;
  padding: 16px 0px;
  border-bottom: 1px solid #D8D8D8;
  box-shadow: inset 0px -1px 0px 0px rgb(228, 224, 224);
  font-size: 15px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .modalMapBodyItemFlex {
    padding: 11px 0px;
  }
}
.modalMapBodyDistanceFlex {
  display: grid;
  grid-template-columns: 24% 24% 24% 24%;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0px 0px;
}
.modalMapBodyDistanceItemFlex {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px 0px;
  white-space: nowrap;
}
.modalMapBodyDistance label {
  width: 100%;
}
.modalMapBodyDistance label input {
  display: none;
}
.modalMapBodyDistance label span {
  color: #323232;
  font-size: 14px;
  font-weight: 500;
  border: 1px solid #E4E0E0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 8px;
  padding: 16px 0px;
  display: block;
  text-align: center;
}
.modalMapBodyDistance label input:checked + span {
  color: #FFF;
  background: #65A09A;
  border: 0px;
}
.modalMapBodyRecruitmentFlex {
  justify-content: space-between;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .modalMapBodyRecruitmentFlex {
    grid-template-columns: 1fr;
    gap: 0px;
  }
}
.modalMapBodyKidsSelectBox {
  position: relative;
  display: block;
  background: #FFF;
  margin-top: 16px;
}
.modalMapBodyKidsSelectBox:before {
  position: absolute;
  content: "";
  top: 50%;
  right: 10px;
  width: 0px;
  height: 0px;
  margin: -2px 0 0 0;
  border: 5px solid transparent;
  border-top: 5px solid #65A09A;
  cursor: pointer;
  pointer-events: none;
}
.modalMapBodyKids select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  padding: 10px 15px;
  border: none;
  background: transparent;
  width: 100%;
  height: 51px;
  background: #FFF;
  color: #323232;
  border-radius: 8px;
  border: 1px solid #CBCED6;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-top: 16px;
}
.modalMapBodyKids ::-ms-expand {
  display: none;
}
.modalMapBodyTimeFlex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
}
.modalMapBodyTimeSearchBox {
  width: 100%;
  height: 51px;
  background: #FFF;
  border: 1px solid #CBCED6;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 16px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  color: #323232;
  border-radius: 8px;
  padding-left: 44px;
}
.modalMapBodyTimeSearchBox::placeholder {
  font-size: 13px;
  color: #A6A6A6;
}
.modalMapBodyTimeSearchBoxArea {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
.modalMapBodyTimeSearchBoxArea:before {
  content: "";
  width: 24px;
  height: 24px;
  background: url(/assets/time-2d1746d0dcd95b1aed20c2d348b14bc99ec95b2d2e46fe5b35b31b024fab793b.svg) no-repeat center center/auto 100%;
  display: inline-block;
  position: absolute;
  top: 13px;
  left: 16px;
}
.modalMapBodyTimeHyphen {
  padding: 0px 16px;
}
.modalMapCheckBox1 {
  width: 18px;
  height: 18px;
  accent-color: cadetblue;
  flex-shrink: 0;
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
  .modalMapCheckBox1 {
    margin-right: 7px;
  }
}
.modalMapfooter {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr;
  justify-content: center;
  padding-top: 24px;
}
@media screen and (max-width: 768px) {
  .modalMapfooter {
    flex-direction: column;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100vw;
    background: #FFF;
    padding: 24px;
  }
}
.modalMapfooterButtonArea {
  grid-column: 1/2;
  grid-row: 2/3;
  display: flex;
  justify-content: flex-end;
  width: 100%;
  gap: 16px;
}
@media screen and (max-width: 768px) {
  .modalMapfooterButtonArea {
    width: 100%;
  }
}
.modalMapfooterResult {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 16px;
  font-weight: 600;
}
.modalMapfooterResult span {
  margin-left: 8px;
  font-size: 28px;
}
.modalMapClear {
  width: 100%;
  max-width: 103px;
  height: 48px;
  background: #FFF;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #65A09A;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  transition: 0.3s;
}
.modalMapClear input[type=reset] {
  color: #65A09A;
  background: #FFF;
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
  transition: 0.3s;
}
.modalMapClear:hover {
  border-color: #80BEB8;
  color: #80BEB8;
}
.modalMapClear:hover input[type=reset] {
  color: #80BEB8;
}
.modalMapSearch {
  width: 100%;
  max-width: 212px;
  height: 48px;
  color: #FFF;
  background: #65A09A;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .modalMapSearch {
    max-width: initial;
  }
}
.modalMapSearch:hover {
  background: #80BEB8;
}

.modalMapRecommend {
  display: none;
  position: fixed;
  z-index: 200;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.3);
  color: #323232;
}
.modalMapRecommendOpen {
  display: block;
}
.modalMapRecommendContent {
  max-width: 610px;
  min-width: 300px;
  background-color: #FFF;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 24px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25), 0 20px 25px 0 rgba(15, 23, 42, 0.1), 0 10px 10px -5px rgba(15, 23, 42, 0.04);
  animation-name: modalopen;
  animation-duration: 1s;
  border-radius: 8px;
}
.modalMapRecommendHeader {
  display: flex;
  justify-content: space-between;
}
.modalMapRecommendHeaderTitle {
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 30px;
}
@media screen and (max-width: 768px) {
  .modalMapRecommendHeaderTitle {
    font-size: 18px;
    font-weight: 600;
  }
}
.modalMapRecommendClose {
  display: block;
  width: 24px;
  height: 24px;
  background: #FFF;
  position: relative;
}
@media screen and (max-width: 768px) {
  .modalMapRecommendClose {
    background: #FFF;
    width: 20px;
  }
}
.modalMapRecommendClose:before, .modalMapRecommendClose:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #000;
  transform: rotate(45deg);
  transform-origin: 0% 50%;
  position: absolute;
  top: calc(14% - 5px);
  left: 14%;
}
.modalMapRecommendClose:after {
  transform: rotate(-45deg);
  transform-origin: 100% 50%;
  left: auto;
  right: 14%;
}
.modalMapRecommendClose:hover {
  cursor: pointer;
}
.modalMapRecommendBody p {
  padding: 10px 0px;
  line-height: 24px;
  color: #666666;
  font-size: 16px;
}
.modalMapRecommendBodyAction {
  float: right;
  padding: 18px 40px;
  background-color: #65a09a;
  color: white;
  border-radius: 60px;
  margin-top: 10px;
  font-weight: 600;
  font-size: 16px;
}
.modalMapRecommendBodyAction:hover {
  color: white;
}

.modalMapHelp {
  display: none;
  position: fixed;
  z-index: 200;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.3);
  color: #323232;
}
.modalMapHelpOpen {
  display: block;
}
.modalMapHelpContent {
  max-width: 610px;
  background-color: #FFF;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 24px;
  width: 100%;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25), 0 20px 25px 0 rgba(15, 23, 42, 0.1), 0 10px 10px -5px rgba(15, 23, 42, 0.04);
  animation-name: modalopen;
  animation-duration: 1s;
  border-radius: 8px;
}
@media screen and (max-width: 768px) {
  .modalMapHelpContent {
    height: 100%;
    margin: 54px auto;
    border-radius: 0px;
    padding: 16px;
  }
}
.modalMapHelpHeader {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .modalMapHelpHeader {
    justify-content: center;
    align-items: center;
    background: #DE8A6D;
    height: 54px;
    position: fixed;
    width: 100%;
    z-index: 300;
  }
}
.modalMapHelpHeaderTitle {
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 30px;
}
@media screen and (max-width: 768px) {
  .modalMapHelpHeaderTitle {
    font-size: 14px;
    font-weight: 600;
    color: #FFF;
  }
}
.modalMapHelpClose {
  display: block;
  width: 24px;
  height: 24px;
  background: #FFF;
  position: relative;
}
@media screen and (max-width: 768px) {
  .modalMapHelpClose {
    position: absolute;
    right: 24px;
    background: #D17556;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    position: absolute;
  }
}
.modalMapHelpClose:before, .modalMapHelpClose:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #000;
  transform: rotate(45deg);
  transform-origin: 0% 50%;
  position: absolute;
  top: calc(14% - 5px);
  left: 14%;
}
@media screen and (max-width: 768px) {
  .modalMapHelpClose:before, .modalMapHelpClose:after {
    background: #FFF;
    width: 50%;
    top: calc(14% + 6px);
    left: 32%;
  }
}
.modalMapHelpClose:after {
  transform: rotate(-45deg);
  transform-origin: 100% 50%;
  left: auto;
  right: 14%;
}
@media screen and (max-width: 768px) {
  .modalMapHelpClose:after {
    left: 17%;
    right: 0%;
  }
}
.modalMapHelpClose:hover {
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .modalMapHelpBody {
    margin-bottom: 140px;
    height: initial;
  }
}
.modalMapHelpBodyTitle {
  background: #F6F3F0;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  padding: 16px;
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .modalMapHelpBodyTitle {
    background: #FFF;
    font-size: 14px;
    font-weight: 600;
    line-height: initial;
    padding: 0px;
    margin-top: 24px;
  }
}
.modalMapHelpBodyFlex {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  padding-top: 16px;
}
@media screen and (max-width: 768px) {
  .modalMapHelpBodyFlex {
    grid-template-columns: 1fr;
    gap: 0px;
    padding-top: 8px;
  }
}
.modalMapHelpBodyItemFlex {
  display: flex;
  align-items: center;
  padding-bottom: 8px;
  gap: 8px;
  border-bottom: 1px solid #D8D8D8;
  font-size: 15px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .modalMapHelpBodyItemFlex {
    font-size: 13px;
    padding: 4px 0px;
  }
}

@keyframes modalopen {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
input[type=time] {
  min-width: 120px;
}

input[type=time]::-webkit-calendar-picker-indicator {
  position: absolute;
  opacity: 0;
}

.footer {
  background: #EFF0F2;
  max-height: 648px;
  padding: 80px 0px 42px;
  display: block;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 768px) {
  .footer {
    max-height: 1200px;
    padding: 56px 0px 24px;
  }
}
.footerTopButton {
  position: absolute;
  top: -35px;
  right: 24px;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: #DE8A6D;
  border: 2px solid #FFF;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 0px;
  box-shadow: 0px 8px 15px 0px rgb(214, 209, 209);
  z-index: 3;
  padding-top: 9px;
  cursor: pointer;
}
.footerTopButton p {
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
  color: #FFF;
}
.footerTopButtonIcon {
  display: inline-block;
  vertical-align: middle;
  color: #FFF;
  line-height: 1;
  position: relative;
  width: 10px;
  height: 10px;
  transform: translateX(-25%) rotate(-45deg);
  margin-left: 6px;
}
.footerTopButtonIcon::before, .footerTopButtonIcon::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 3px;
}
.footerTopButtonIcon::before {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}
.footerTopButtonIcon::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}
.footerFlex {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 24px;
  max-width: 1512px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .footerFlex {
    flex-direction: column;
    gap: 30px;
    padding-left: 40px;
  }
}
.footerLogo {
  font-size: 60px;
  font-weight: 800;
  color: #484848;
}
@media screen and (max-width: 768px) {
  .footerLogo {
    font-size: 30px;
  }
}
.footerLogoArea {
  padding-right: 32px;
}
.footerTitle {
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  color: #484848;
  padding-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .footerTitle {
    font-size: 15px;
    padding-bottom: 8px;
  }
}
.footerSubTitle {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  color: #484848;
  padding-top: 5px;
}
@media screen and (max-width: 768px) {
  .footerSubTitle {
    line-height: 1;
    padding-top: 16px;
  }
}
.footerSubTitleGreen {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
  color: #65A09A;
  padding-top: 24px;
  text-decoration: underline;
}
.footerImageFlex {
  display: flex;
  justify-content: space-between;
  width: 194px;
  padding-top: 27px;
}
.footerAbout {
  margin-right: 25px;
  width: 196px;
}
.footerTerms {
  margin-right: 50px;
  width: 153px;
}
.footerContact {
  max-width: 490px;
  padding: 24px;
  background: #FFF;
  border-radius: 8px;
  border: 1px solid #E4E0E0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
  .footerContact {
    max-width: 295px;
    margin-top: 21px;
  }
}
.footerContactTitle {
  font-size: 15px;
  font-weight: 700;
  color: #323232;
}
.footerContactText {
  font-size: 15px;
  line-height: 1.2;
  font-weight: 400;
  color: #323232;
  padding-top: 8px;
}
@media screen and (max-width: 768px) {
  .footerContactText {
    font-size: 13px;
    line-height: 1.23;
  }
}
.footerContact a {
  opacity: 1;
}
.footerEnd {
  display: flex;
  justify-content: center;
  border-top: 1px solid #E0E2E6;
  margin-top: 86px;
  padding-top: 40px;
}
@media screen and (max-width: 768px) {
  .footerEnd {
    margin-top: 80px;
    padding-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
}
.footerEnd small {
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  color: #484848;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .footerEnd small {
    padding-left: 11px;
    font-size: 11px;
  }
}
.footerEnd small span {
  font-size: 11px;
  font-weight: 600;
  color: #7E7E7E;
}
.footerEndLink {
  pointer-events: none;
}
.footerButton {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  max-height: 56px;
  background: #65A09A;
  border-radius: 30px;
  padding: 18px 16px;
  margin-top: 32px;
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
  color: #FFF;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .footerButton {
    margin-top: 16px;
  }
}
.footerButton img {
  padding-right: 10px;
}
.footerButtonIconColor {
  color: #323232 !important;
}
.footerButton:hover {
  background: #80BEB8;
}

#index .footerEndLink {
  pointer-events: initial;
  text-decoration: underline;
}

#listmap {
  background: #f9f8f8;
}
#listmap .pin.visible {
  position: relative !important;
}
#listmap .pin.visible::before {
  content: "";
  width: 54px;
  height: 54px;
  border-radius: 50%;
  position: absolute;
  bottom: 4px;
  left: -15px;
  border: 2px solid #ccc;
  background-color: white;
  background-image: url(/assets/marker/unknown-5be5bfdf375d284d56685b13edc76151a32214fbd509d701b07760b148daa025.svg);
  background-size: 40px;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
}
#listmap .pin.visible::after {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  background-color: white;
  border-right: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  z-index: 2;
}
#listmap .pin.visible.--licensed::before {
  border-color: #FF8181;
  background-image: url(/assets/marker/licensed-b4923f42554686ad3e97082c307b28cadd5f06a6e77d6d85f7d5471b88800424.svg);
}
#listmap .pin.visible.--licensed::after {
  border-color: #FF8181;
}
#listmap .pin.visible.--certified::before {
  border-color: #79C581;
  background-image: url(/assets/marker/licensed-b4923f42554686ad3e97082c307b28cadd5f06a6e77d6d85f7d5471b88800424.svg);
}
#listmap .pin.visible.--certified::after {
  border-color: #79C581;
}
#listmap .pin.visible.--unlicensed::before {
  border-color: #7DAEE8;
  background-image: url(/assets/marker/unlicensed-56f4f75510c0bc2a520a3915f0bee870b85e3e031df95fde26f90bec664b93fb.svg);
}
#listmap .pin.visible.--unlicensed::after {
  border-color: #7DAEE8;
}
#listmap .pin.visible.--company::before {
  border-color: #6360FF;
  background-image: url(/assets/marker/company-7fc4d95d3c8f5ab3b100a189457e55c83916362ed20a4948ebc2f93a03d259fb.svg);
}
#listmap .pin.visible.--company::after {
  border-color: #6360FF;
}
#listmap .pin.visible.--certified_child_center::before {
  border-color: #EFD963;
  background-image: url(/assets/marker/certified_child_center-520144152be8bab31a993923bbf8c8d62b0045c1f89644cbfd3a24d0be1b4aaa.svg);
}
#listmap .pin.visible.--certified_child_center::after {
  border-color: #EFD963;
}
#listmap .pin.visible.--community_base::before {
  border-color: #BD84EA;
  background-image: url(/assets/marker/community_base-ea28e280679db441b6494b833fbf9dccb651c92844aa3f7b0d590d8e8d2dd802.svg);
}
#listmap .pin.visible.--community_base::after {
  border-color: #BD84EA;
}
#listmap .pin.visible.--international_preschool::before {
  border-color: #DF9F63;
  background-image: url(/assets/marker/international_preschool-6e11aed1055a51b9dbe0207118a91e2a2229a24153e006a332e774b65c7fe826.svg);
}
#listmap .pin.visible.--international_preschool::after {
  border-color: #DF9F63;
}
#listmap .pin.visible.--kindergarten::before {
  border-color: #E67373;
  background-image: url(/assets/marker/kindergarten-666b0a7dcc84408cb11fe5e20d6ef9d32784af3e8000f57b0d6e3fc3dc7bbc8e.svg);
}
#listmap .pin.visible.--kindergarten::after {
  border-color: #E67373;
}
#listmap .pin.visible.--home::before {
  border-color: #DE8A6D;
  background-image: url(/assets/marker/search_point-b18282cedac652a1649d8e48bb7458278152a1914ca39b6b323fbbadb7c380a9.svg);
}
#listmap .pin.visible.--home::after {
  border-color: #DE8A6D;
}
#listmap .mainContents {
  padding: 105px 22px 66px;
  background: #f9f8f8;
  max-width: 1512px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 720px 1fr;
  gap: 20px;
}
@media screen and (max-width: 1184px) {
  #listmap .mainContents {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 768px) {
  #listmap .mainContents {
    padding: 70px 0px 16px;
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 768px) {
  #listmap .mainContentsLeft {
    padding: 24px 16px;
  }
}
#listmap .mainContentsRight {
  position: relative;
}
@media screen and (max-width: 768px) {
  #listmap .mainContentsRight {
    height: 90vh;
  }
}
#listmap .mainContentsRightSticky {
  position: sticky;
  top: 86px;
  z-index: 105;
}
@media screen and (max-width: 768px) {
  #listmap .mainContentsRightSticky {
    height: 100%;
  }
}
#listmap .mainContentsMapWrap {
  height: calc(100vh - 134px);
}
#listmap .mainContentsMapWrap .googleMap {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  #listmap .mainContentsMapWrap {
    height: 100%;
  }
}
#listmap .breadList {
  margin: 16px 0;
}
#listmap .breadList ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#listmap .breadList ul li {
  font-size: 11px;
  font-weight: 600;
  color: #787878;
  position: relative;
  display: flex;
  align-items: center;
}
#listmap .breadList ul li:last-child {
  color: #323232;
}
#listmap .breadList ul li:last-child div {
  display: none;
}
#listmap .breadListArrow {
  position: relative;
  width: 10px;
  height: 10px;
  margin: 0 12px;
  transform: translateX(-25%) rotate(45deg);
}
#listmap .breadListArrow::before, #listmap .breadListArrow::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 3px;
  color: #787878;
}
#listmap .breadListArrow::before {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}
#listmap .breadListArrow::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}
#listmap .searchTitle {
  font-size: 20px;
  font-weight: 600;
  color: #323232;
}
#listmap .searchTitleArea {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 14px;
}
#listmap .searchResult {
  font-size: 11px;
  font-weight: 500;
  color: #787878;
  margin-top: 8px;
}
#listmap .searchBox {
  width: 100%;
  height: 51px;
  background: #FFF;
  border: 1px solid #cbced6;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 16px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  color: #323232;
  border-radius: 8px;
  padding-left: 8px;
}
#listmap .searchBox::placeholder {
  font-size: 13px;
  color: #a6a6a6;
}
#listmap .searchBoxArea {
  position: relative;
  width: 100%;
  margin-top: 16px;
  margin-right: 8px;
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
#listmap .searchBoxArea.grid {
  display: grid;
  gap: 8px;
}
#listmap .searchBoxArea.grid.area {
  grid-template-columns: 1fr 51px 51px;
}
#listmap .searchBoxArea.grid.station {
  grid-template-columns: 1fr 51px 51px;
}
#listmap .searchBoxArea.grid.name {
  grid-template-columns: calc(50% - 12px - 51px) calc(50% - 12px - 51px) 51px 51px;
}
#listmap .searchBoxArea.hidden {
  display: none;
}
#listmap .searchBoxArea select, #listmap .searchBoxArea input[type=text] {
  position: relative;
  display: block;
  background: #FFF;
  appearance: none;
  padding: 10px 15px;
  width: 100%;
  height: 51px;
  color: #323232;
  border-radius: 8px;
  border: 1px solid #CBCED6;
  box-sizing: border-box;
  font-size: 14px;
}
#listmap .searchBoxArea select:before, #listmap .searchBoxArea input[type=text]:before {
  position: absolute;
  content: "";
  top: 50%;
  right: 10px;
  width: 0;
  height: 0;
  margin: -2px 0 0 0;
  border: 5px solid transparent;
  border-top: 5px solid #959595;
  cursor: pointer;
  pointer-events: none;
}
#listmap .searchIcon {
  position: relative;
  width: 12px;
  height: 2px;
  background: #323232;
  border-radius: 10px;
  margin-top: 8px;
  margin-left: 1px;
}
#listmap .searchIcon:before {
  content: "";
  position: absolute;
  top: -5px;
  left: -2px;
  width: 16px;
  height: 100%;
  background: #323232;
  border-radius: 10px;
}
#listmap .searchIcon:after {
  content: "";
  position: absolute;
  top: 5px;
  left: 3px;
  width: 6px;
  height: 100%;
  background: #323232;
  border-radius: 10px;
}
#listmap .searchIconArea {
  width: 51px;
  height: 51px;
  background: #fff;
  border: 1px solid #cbced6;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 8px;
  padding: 16px;
  cursor: pointer;
}
#listmap .searchIconAreaButton {
  width: 51px;
  height: 51px;
  background: #65a09a;
  border: 1px solid #cbced6;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 8px;
  padding: 16px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}
#listmap .searchFilterArea {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
#listmap .searchFilterButton {
  color: #323232;
  font-size: 11px;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}
#listmap .searchFilterButton label {
  width: 100%;
  cursor: pointer;
}
#listmap .searchFilterButton label input {
  display: none;
}
#listmap .searchFilterButton label span {
  background: #fff;
  border-radius: 60px;
  padding: 10px 16px;
  display: block;
  text-align: center;
  box-shadow: 0px 8px 15px 0px rgb(220, 214, 208);
}
#listmap .searchFilterButton label input:checked + span {
  color: #fff;
  background: #65a09a;
}
#listmap .searchFilterButton label input[type=submit].selected + span {
  color: #fff;
  background: #65a09a;
}
#listmap .searchFilterButtonArea {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
  gap: 8px;
}
#listmap .searchFilterButton:hover {
  opacity: 0.8;
}
#listmap .searchFilter2Area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
#listmap .searchFilter2Button {
  color: #323232;
  font-size: 12px;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FFF;
  border-radius: 10px;
}
#listmap .searchFilter2Button label {
  width: 100%;
  cursor: pointer;
}
#listmap .searchFilter2Button label input {
  display: none;
}
#listmap .searchFilter2Button label .searchFilter2ButtonIcon, #listmap .searchFilter2Button .searchFilter2ButtonIcon {
  background: #fff;
  border-radius: 10px;
  padding: 10px 16px;
  display: block;
  text-align: center;
  box-shadow: 0px 8px 15px 0px rgb(220, 214, 208);
  background: url(/assets/map-4cd322bee0b9556bd4dfbdaca770760a82c54957736ecebe39b4c2b756bc7347.svg) no-repeat center center/auto 80%;
  width: 38px;
  height: 38px;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  #listmap .searchFilter2Button label .searchFilter2ButtonIcon, #listmap .searchFilter2Button .searchFilter2ButtonIcon {
    box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.18);
  }
}
#listmap .searchFilter2Button label input:checked + .searchFilter2ButtonIcon, #listmap .searchFilter2Button .searchFilter2ButtonIcon.selected {
  background: #65a09a url(/assets/map-active-8431ffd0b5ef372447e2a1d98aba514bab21070a8a827617e06f96520f06dfda.svg) no-repeat center center/auto 80%;
}
#listmap .searchFilter2ButtonArea {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
#listmap .searchFilter3Area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
#listmap .searchFilter3Button {
  color: #323232;
  font-size: 12px;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FFF;
  border-radius: 10px;
}
#listmap .searchFilter3Button label {
  width: 100%;
  cursor: pointer;
}
#listmap .searchFilter3Button label input {
  display: none;
}
#listmap .searchFilter3Button label .searchFilter3ButtonIcon, #listmap .searchFilter3Button .searchFilter3ButtonIcon {
  background: #fff;
  border-radius: 10px;
  padding: 10px 16px;
  display: block;
  text-align: center;
  box-shadow: 0px 8px 15px 0px rgb(220, 214, 208);
  background: url(/assets/toc-a72b72b7416f118618f82d2c83ee2ba89957ea8c1fc735f5e2f6cac48e1a38b7.svg) no-repeat center center/auto 80%;
  width: 38px;
  height: 38px;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  #listmap .searchFilter3Button label .searchFilter3ButtonIcon, #listmap .searchFilter3Button .searchFilter3ButtonIcon {
    box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.18);
  }
}
#listmap .searchFilter3Button label input:checked + .searchFilter3ButtonIcon {
  background: #65a09a url(/assets/toc-active-fb91ef4d8e1aed83953eaa798c479f63b63c4d1323ac249877cfd89cd3161017.svg) no-repeat center center/auto 80%;
}
#listmap .searchFilter3ButtonArea {
  display: none;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
  gap: 8px;
}
@media screen and (max-width: 768px) {
  #listmap .searchFilter3ButtonArea {
    position: absolute;
    top: 0;
    right: 10px;
    z-index: 105;
  }
}
#listmap .searchRank {
  font-size: 13px;
  font-weight: 600;
  color: #323232;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
  cursor: pointer;
}
#listmap .searchRankBox {
  position: relative;
  display: block;
  background: #f9f8f8;
}
#listmap .searchRankBox:before {
  position: absolute;
  content: "";
  background: url(/assets/arrow_drop_down-ad4d3c631ebf6c35ef468b60c9525b2c655e242f17a8af95298c3b4b27752f70.svg) no-repeat center center/auto 100%;
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  cursor: pointer;
  pointer-events: none;
}
#listmap .searchRank select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  border: none;
  background: transparent;
  width: 100%;
  height: 24px;
  background: #f9f8f8;
  padding-right: 24px;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  #listmap .searchRank select {
    width: 0;
    background: url(/assets/swap_vert-138ea1cb9be4cf9b6313b43cf545bc39eca219b604a35a8a81ccb524b6ec47cf.svg) no-repeat center center/auto 100%;
  }
}
#listmap .searchRank ::-ms-expand {
  display: none;
}
#listmap .searchLink1 {
  width: 38px;
  height: 38px;
  background: #fff;
  border-radius: 10px;
  display: flex;
  align-items: center;
  box-shadow: 0px 8px 15px 0px rgb(220, 214, 208);
}
#listmap .searchLink1 div {
  background: url(/assets/map-4cd322bee0b9556bd4dfbdaca770760a82c54957736ecebe39b4c2b756bc7347.svg) no-repeat center center/auto 100%;
  width: 100%;
  height: 28px;
}
#listmap .searchLink1Active {
  background: #65a09a;
}
#listmap .searchLink1Active div {
  background: url(/assets/map-active-8431ffd0b5ef372447e2a1d98aba514bab21070a8a827617e06f96520f06dfda.svg) no-repeat center center/auto 100%;
  box-shadow: initial;
}
#listmap .searchLink2 {
  width: 38px;
  height: 38px;
  background: #fff;
  border-radius: 10px;
  display: flex;
  align-items: center;
  box-shadow: 0px 8px 15px 0px rgb(220, 214, 208);
}
#listmap .searchLink2 div {
  background: url(/assets/toc-a72b72b7416f118618f82d2c83ee2ba89957ea8c1fc735f5e2f6cac48e1a38b7.svg) no-repeat center center/auto 100%;
  width: 100%;
  height: 28px;
}
#listmap .searchLink2Active {
  background: #65a09a;
}
#listmap .searchLink2Active div {
  background: url(/assets/toc-active-fb91ef4d8e1aed83953eaa798c479f63b63c4d1323ac249877cfd89cd3161017.svg) no-repeat center center/auto 100%;
}
#listmap .searchIcon1 {
  margin-right: 16px;
}
#listmap .tabs {
  display: flex;
  width: 100%;
  height: 40px;
  margin-top: 12px;
  border-bottom: 1px solid #E3E0DC;
}
#listmap .tabs .tab {
  max-width: 165px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px 8px 0 0;
  background-color: #EFEFEF;
  color: #323232;
  font-size: 13px;
}
#listmap .tabs .tab.selected {
  background-color: #5E8F8A;
  color: #ffffff;
  font-weight: bold;
  border-bottom: 2px solid #80BEB8;
}
#listmap .cardList {
  width: 100%;
  max-width: 347px;
  border-radius: 15px;
  border: 1px solid #cbced6;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-top: 16px;
}
#listmap .cardListAreaFlex {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-left: -10px;
}
@media screen and (max-width: 768px) {
  #listmap .cardListAreaFlex {
    justify-content: center;
  }
}
#listmap .cardListImage {
  border-radius: 15px 15px 0px 0px;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
#listmap .cardListImageArea {
  position: relative;
  height: 195px;
}
#listmap .cardListDetailArea {
  padding: 21px 16px 12px;
  background: #fff;
}
#listmap .cardListCategory {
  font-size: 11px;
  font-weight: 500;
  width: 71px;
  height: 25px;
  border-radius: 4px;
  background: #ffdfe1;
  color: #d8313b;
  display: flex;
  align-items: center;
  justify-content: center;
}
#listmap .cardListNurserySchoolName {
  font-size: 18px;
  font-weight: 600;
  color: #484848;
  padding-top: 8px;
}
#listmap .cardListNurserySchoolAdress {
  font-size: 13px;
  font-weight: 600;
  color: #979797;
}
#listmap .cardListFlex {
  display: flex;
  justify-content: space-between;
  padding-top: 5px;
}
#listmap .cardListFlexSecond {
  display: flex;
  align-items: center;
}
#listmap .cardListNurserySchoolDetail {
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  color: #535353;
  padding-top: 8px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
#listmap .cardListDate {
  width: 126px;
  height: 30px;
  font-size: 11px;
  font-weight: 600;
  line-height: normal;
  color: #4e4e4e;
  background: #efefef;
  border-radius: 4px;
  border: 1px solid #000;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 16px;
}
#listmap .cardListCalenderIcon {
  padding-right: 2px;
}
#listmap .cardListReserve {
  width: 70px;
  max-width: 100px;
  height: 34px;
  position: absolute;
  top: 16px;
  right: 14px;
  background: #fff;
  color: #e24545;
  font-size: 12px;
  font-weight: 500;
  border: 1.5px solid #e24545;
  border-radius: 60px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
#listmap .cardListReserveIcon {
  padding-right: 4px;
}
#listmap .cardListFieldTrip {
  width: 92px;
  height: 26px;
  position: absolute;
  bottom: -9px;
  left: -12px;
  background: #65a09a;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  border-radius: 4px 4px 4px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#listmap .cardListFieldTrip:before {
  position: absolute;
  content: "";
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 10px transparent;
  border-right: solid 11px #3c7771;
}
#listmap .cardListHeart {
  width: 36px;
  height: 36px;
  position: absolute;
  bottom: -14px;
  right: 14px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0px 10px 8px 0px rgba(0, 0, 0, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
}
#listmap .cardListEvaluation {
  font-size: 11px;
  font-weight: 600;
  font-family: "Roboto", sans-serif;
  padding-left: 4px;
}
#listmap .cardListContactArea {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #65a09a;
  color: #fff;
  padding: 0px 12px;
  height: 25px;
  box-shadow: 0px -1px 0px 0px rgb(215, 215, 215);
}
#listmap .cardListContactAreaText {
  font-size: 11px;
  font-weight: 600;
}
#listmap .cardListContactAreaTel {
  font-size: 12px;
  font-weight: 600;
}
#listmap .cardListTagFlex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0px 0 12px;
  padding-top: 0 !important;
  background: #fff;
}
#listmap .cardListOk {
  font-size: 11px;
  font-weight: 600;
  color: #1e5a54;
  background: #deedeb;
  border: 0.5px solid #65a09a;
  border-radius: 4px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 6px 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 4px 4px;
  height: 30px;
}
#listmap .cardListOkIcon {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1.5px solid #65a09a;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-right: 5px;
}
#listmap .cardListNg {
  font-size: 11px;
  font-weight: 600;
  color: #b6b6b6;
  background: #efefef;
  border-radius: 4px;
  padding: 6px 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 4px 4px;
  height: 30px;
}
#listmap .cardListNgIcon {
  display: block;
  width: 11px;
  height: 12px;
  position: relative;
  margin-right: 5px;
}
#listmap .cardListNgIcon:before, #listmap .cardListNgIcon:after {
  content: "";
  border-radius: 3px;
  display: block;
  width: 100%;
  height: 2px;
  background: #b6b6b6;
  transform: rotate(45deg);
  transform-origin: 0% 50%;
  position: absolute;
  top: 1px;
  left: 14%;
}
#listmap .cardListNgIcon:after {
  transform: rotate(-45deg);
  transform-origin: 100% 50%;
  left: auto;
  right: 14%;
}
#listmap .cardListFooter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #ece8e4;
  height: 60px;
  border-radius: 0px 0px 15px 15px;
  border-top: 1px solid #cbced6;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#listmap .cardListFooterEntry {
  position: relative;
  width: 121px;
  height: 48px;
  color: #DE8A6D;
  background: #fff;
  border-radius: 6px;
  border: 2px solid #DE8A6D;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10%;
  font-size: 13px;
  font-weight: 600;
  font-family: "Roboto", sans-serif;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #listmap .cardListFooterEntry {
    width: 117px;
  }
}
#listmap .cardListFooterEntryIcon {
  display: inline-block;
  vertical-align: middle;
  color: #DE8A6D;
  line-height: 1;
  position: relative;
  width: 10px;
  height: 10px;
  transform: translateX(-25%) rotate(45deg);
}
#listmap .cardListFooterEntryIcon::before, #listmap .cardListFooterEntryIcon::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 3px;
}
#listmap .cardListFooterEntryIcon::before {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}
#listmap .cardListFooterEntryIcon::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}
#listmap .cardListFooterReserve {
  position: relative;
  width: 121px;
  height: 48px;
  color: #fff;
  background: #DE8A6D;
  border-radius: 6px;
  border: 2px solid #DE8A6D;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10%;
  font-size: 13px;
  font-weight: 600;
  font-family: "Roboto", sans-serif;
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
  #listmap .cardListFooterReserve {
    width: 117px;
  }
}
#listmap .cardListFooterReserveIcon {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1;
  position: relative;
  width: 10px;
  height: 10px;
  transform: translateX(-25%) rotate(45deg);
}
#listmap .cardListFooterReserveIcon::before, #listmap .cardListFooterReserveIcon::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 3px;
}
#listmap .cardListFooterReserveIcon::before {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}
#listmap .cardListFooterReserveIcon::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}
#listmap .cardListFooterFavoriteArea {
  border-right: 1px solid #cbced6;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 2%;
  padding-right: 13px;
  background: url(/assets/favorite_icon2-38e3119a730ac93daddfe9ff13041cd1eb60291088f085cc627b45db8b046ffa.svg) no-repeat center center/40px 40px;
  width: 18%;
  cursor: pointer;
}
#listmap .cardListFooterFavoriteAreaActive {
  background: url(/assets/favorite_icon-70fef11735b264ad81088397835eb6f1466e2ccb123ffccd542563663953f939.svg) no-repeat center center/40px 40px;
}
#listmap .page {
  margin-top: 24px;
}
#listmap .page ul {
  justify-content: center;
  gap: 8px;
}
#listmap .page ul li {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #e6e6e6;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 16px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  color: #464e5f;
}
#listmap .pageActive {
  background: #65a09a !important;
  color: #fff !important;
  border: none !important;
}
#listmap .pagePrev.disabled, #listmap .pageNext.disabled {
  background-color: #D8D8D8;
}
#listmap .pagePrev.disabled .pagePrevArrow::before, #listmap .pagePrev.disabled .pagePrevArrow::after, #listmap .pageNext.disabled .pageNextArrow::before, #listmap .pageNext.disabled .pageNextArrow::after {
  color: #ffffff;
}
#listmap .pagePrevArrow {
  position: relative;
  width: 10px;
  height: 10px;
  margin: 0 12px;
  transform: translateX(0%) rotate(225deg);
}
#listmap .pagePrevArrow::before, #listmap .pagePrevArrow::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 3px;
  color: #6b6b6b;
}
#listmap .pagePrevArrow::before {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}
#listmap .pagePrevArrow::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}
#listmap .pageNextArrow {
  position: relative;
  width: 10px;
  height: 10px;
  margin: 0 12px;
  transform: translateX(-25%) rotate(45deg);
}
#listmap .pageNextArrow::before, #listmap .pageNextArrow::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 3px;
  color: #6b6b6b;
}
#listmap .pageNextArrow::before {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}
#listmap .pageNextArrow::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}
#listmap .notFound {
  margin: 150px auto;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #listmap .notFound {
    margin: 50px auto;
  }
}
#listmap .notFoundText {
  font-size: 18px;
  font-weight: 600;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #listmap .notFoundText {
    font-size: 14px;
  }
}
#listmap .notFoundTry {
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  color: #787878;
  margin-top: 8px;
}
@media screen and (max-width: 768px) {
  #listmap .notFoundTry {
    font-size: 13px;
  }
}
#listmap .help {
  width: 56px;
  height: 56px;
  border-radius: 15px;
  background: #FFF;
  position: absolute;
  bottom: 24px;
  left: 5px;
  box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.25);
  z-index: 105;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  #listmap .help {
    width: 52px;
    height: 52px;
    bottom: 16px;
    left: 16px;
  }
}
#listmap .company {
  width: 56px;
  height: 56px;
  border-radius: 15px;
  background: #FFF;
  box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.25);
  z-index: 105;
  position: absolute;
  bottom: 304px;
  right: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
#listmap .home {
  width: 56px;
  height: 56px;
  border-radius: 15px;
  background: #FFF;
  box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.25);
  z-index: 105;
  position: absolute;
  bottom: 232px;
  right: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
#listmap .place {
  width: 56px;
  height: 56px;
  border-radius: 15px;
  background: #FFF;
  box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.25);
  z-index: 105;
  position: absolute;
  bottom: 160px;
  right: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
#listmap .scaling {
  width: 56px;
  height: 112px;
  border-radius: 15px;
  background: #FFF;
  box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.25);
  z-index: 105;
  position: absolute;
  bottom: 24px;
  right: 5px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
#listmap .scaling--button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 55px;
  cursor: pointer;
}
#listmap .scalingLine {
  width: 46px;
  height: 1px;
  background: #DDDDDD;
}
@media screen and (max-width: 768px) {
  #listmap .scalingLine {
    width: 44px;
  }
}
#listmap .scaling img {
  position: relative;
}
#listmap .infoBox {
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translate(-50%, 0);
  width: min(458px, 100% - 170px);
  height: 95px;
  z-index: 10000;
}
#listmap .infoBox.hidden {
  z-index: -1;
}
#listmap .infoBox .cardListMap {
  width: 100%;
  height: 100%;
  padding: 12px;
  border-radius: 8px;
  background: #FFF;
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.25);
  position: relative;
}
#listmap .infoBox .cardListMap .cardListMap__marker {
  width: 92px;
  height: 26px;
  position: absolute;
  top: -8px;
  left: -12px;
  z-index: 1;
  background: #65a09a;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  border-radius: 4px 4px 4px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#listmap .infoBox .cardListMap .cardListMap__marker:before {
  position: absolute;
  content: "";
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 10px transparent;
  border-right: solid 11px #3c7771;
}
#listmap .infoBox .cardListMap .cardListMap__states {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  border: 2px solid #FFF;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 15px;
  font-weight: 600;
  position: absolute;
  top: -10px;
  right: -10px;
  color: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
#listmap .infoBox .cardListMap .cardListMap__states.--empty {
  background: #B0B0B0;
}
#listmap .infoBox .cardListMap .cardListMap__states.--full {
  background: #e24545;
}
#listmap .infoBox .cardListMap .cardListMap__content {
  position: relative;
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 8px;
  height: 100%;
}
#listmap .infoBox .cardListMap .cardListMap__content .cardListMap__imageArea {
  border-radius: 5px;
  height: 100%;
  width: 121px;
}
#listmap .infoBox .cardListMap .cardListMap__content .cardListMap__imageArea img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
}
#listmap .infoBox .cardListMap .cardListMap__content .cardListMap__detailArea {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  padding-top: 9px;
  padding-bottom: 9px;
}
#listmap .infoBox .cardListMap .cardListMap__content .cardListMap__detailArea .cardListMap__name {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  color: #484848;
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 2行まで表示 */
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word; /* 長い単語も折り返す */
}
#listmap .infoBox .cardListMap .cardListMap__content .cardListMap__detailArea .cardListMap__address {
  display: flex;
  align-items: center;
  padding-top: 5px;
}
#listmap .infoBox .cardListMap .cardListMap__content .cardListMap__detailArea .cardListMap__address .cardListMap__distance {
  font-size: 13px;
  font-weight: 600;
  color: #979797;
}
#listmap .mapHeader {
  max-width: 1512px;
  width: 100%;
  height: 40px;
  position: fixed;
  top: 62px;
  left: 0;
  right: 0;
  background: #f9f8f8;
  margin: 0 auto;
  z-index: 150;
  padding: 0 22px;
}
#listmap .mapFooter {
  max-width: 1512px;
  width: 100%;
  height: 32px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #f9f8f8;
  margin: 0 auto;
  z-index: 150;
}
#listmap .ageWrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding-top: 8px;
}
#listmap .ageText {
  padding-top: 16px;
  font-size: 14px;
  font-weight: 500;
}
#listmap .ageCheckWrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 15px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  #listmap .ageCheckWrap {
    font-size: 14px;
  }
}
#listmap .cardCategoryWrap .company {
  width: initial;
  height: initial;
  border-radius: 4px;
  padding: 6px 8px;
  box-shadow: initial;
  position: initial;
  z-index: initial;
  cursor: initial;
}
#listmap .faq {
  padding: 80px 0;
  font-family: "DM Sans", sans-serif;
  background: #F9F8F8;
  position: relative;
}
@media screen and (max-width: 768px) {
  #listmap .faq {
    padding: 40px 0;
  }
}
#listmap .faqAccordionArea {
  list-style: none;
  margin: 0 auto;
}
#listmap .faqAccordionAreaInner {
  list-style: none;
  margin: 0 auto;
}
#listmap .faqAccordionAreaLi {
  margin: 34px 0;
}
@media screen and (max-width: 768px) {
  #listmap .faqAccordionAreaLi {
    margin: 20px 0;
  }
}
#listmap .faqAccordionAreaLiInner {
  margin: 29px 0;
  background: #FFF;
  border-radius: 18px;
  box-shadow: 0px 5px 16px 0px rgba(8, 15, 52, 0.06);
}
@media screen and (max-width: 768px) {
  #listmap .faqAccordionAreaLiInner {
    margin: 20px 0;
  }
}
#listmap .faqAccordionAreaLiInnerOpen {
  border: 2px solid #65A09A;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-shadow: 0px 6px 16px 0px rgba(101, 160, 154, 0.19);
}
#listmap .faqAccordionAreaLiInnerOpen .faqBigTitleInner {
  font-weight: 600;
}
#listmap .faqBigTitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  cursor: pointer;
  font-size: 18px;
  font-weight: 500;
  padding: 36px 32px;
  transition: all 0.5s ease;
  background: #FFF;
  border-radius: 18px;
  border: 1px solid #DADADA;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-shadow: 0px 3px 14px 0px rgba(116, 116, 116, 0.03), 0px -2px 4px 0px rgba(116, 116, 116, 0.02), 0px 12px 24px 0px rgba(116, 116, 116, 0.04);
}
@media screen and (max-width: 768px) {
  #listmap .faqBigTitle {
    font-size: 22px;
    padding: 22px 20px;
  }
}
#listmap .faqBigTitleInner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  cursor: pointer;
  font-size: 18px;
  font-weight: 500;
  padding: 3%;
}
@media screen and (max-width: 768px) {
  #listmap .faqBigTitleInner {
    font-size: 15px;
    padding: 24px 32px;
    line-height: 1.6;
    gap: 16px;
  }
}
#listmap .faqBigTitleInnerFirst {
  width: 69%;
}
#listmap .faqBox {
  padding-left: 20px;
  border-radius: 20px;
  margin-top: 36px;
}
@media screen and (max-width: 768px) {
  #listmap .faqBox {
    display: none;
  }
}
#listmap .faqBoxInner {
  display: none; /*はじめは非表示*/
  background: #FFF;
  margin: -3% 0 0;
  padding: 6.5px 3% 3%;
  color: #6F6C90;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.66;
  border-radius: 18px;
  width: 93%;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  #listmap .faqBoxInner {
    font-size: 16px;
    padding: 0px 32px 40px;
    width: 100%;
  }
}
#listmap .faqBoxInnerAnswer {
  font-size: 15px;
  font-weight: 400;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #listmap .faqBoxInnerAnswer {
    font-size: 14px;
  }
}
#listmap .faqIcon {
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  left: 40%;
  transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
}
#listmap .faqIcon::before, #listmap .faqIcon::after {
  content: "";
  position: absolute;
  background: #323232;
  border-radius: 3px;
}
#listmap .faqIcon::before {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}
#listmap .faqIcon::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}
#listmap .faqIconWrap {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #FFF;
  position: relative;
  box-shadow: 0px 5px 16px 0px rgba(8, 15, 52, 0.06);
}
#listmap .searchNearArea {
  padding: 30px 21px 0px 21px;
  color: #323232;
}
#listmap .searchNearArea .title {
  font-size: 18px;
  font-weight: bold;
}
#listmap .searchNearArea ul {
  margin-top: 32px;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  #listmap .searchNearArea ul {
    display: block;
  }
}
#listmap .searchNearArea ul li {
  font-size: 15px;
  line-height: 32px;
  margin-right: 24px;
  text-decoration: underline;
  text-underline-offset: 2px;
}
@media screen and (max-width: 768px) {
  #listmap .searchNearArea ul li {
    font-size: 14px;
  }
}

#detail {
  background: #f9f8f8;
}
#detail .mainContents {
  padding: 83px 8% 28px;
  max-width: 1512px;
  margin: 0 auto;
  background: #f9f8f8;
}
@media screen and (max-width: 768px) {
  #detail .mainContents {
    padding: 86px 16px 16px;
  }
}
#detail .breadList {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#detail .breadList ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#detail .breadList ul li {
  font-size: 11px;
  font-weight: 600;
  color: #787878;
  position: relative;
  display: flex;
  align-items: center;
}
#detail .breadList ul li:last-child {
  color: #323232;
}
#detail .breadList ul li:last-child div {
  display: none;
}
#detail .breadList p {
  font-size: 12px;
  font-weight: 500;
  color: #323232;
}
#detail .breadListArrow {
  position: relative;
  width: 10px;
  height: 10px;
  margin: 0 12px;
  transform: translateX(-25%) rotate(45deg);
}
#detail .breadListArrow::before, #detail .breadListArrow::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 3px;
  color: #787878;
}
#detail .breadListArrow::before {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}
#detail .breadListArrow::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}
#detail .tourSection {
  background: #f9f9f9;
  max-height: 760px;
  padding: 56px 0px;
}
@media screen and (max-width: 768px) {
  #detail .tourSection {
    margin-top: 38px;
    padding: 32px 4px 40px;
    margin-left: -16px;
    margin-right: -16px;
  }
}
#detail .tourSectionTitle {
  font-size: 22px;
  font-weight: 700;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #detail .tourSectionTitle {
    font-size: 18px;
  }
}
#detail .tourSectionHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 16px;
}
@media screen and (max-width: 768px) {
  #detail .tourSectionHeader {
    padding: 0 12px 29px;
  }
}
#detail .tourSectionButtonMargin {
  margin: 34px auto 0px;
}
#detail .tourSectionCardArea {
  padding-top: 40px;
  display: flex;
  overflow-x: scroll;
  gap: 20px;
  margin: 0 5%;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#detail .tourSectionCardArea::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 768px) {
  #detail .tourSectionCardArea {
    margin: 0 0px;
  }
}
#detail .tourSectionCardContainer {
  position: relative;
}
#detail .card {
  width: 349px;
  border-radius: 15px;
  border: 1px solid #cbced6;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-right: 10px;
  margin-left: 10px;
}
#detail .cardFooter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #ece8e4;
  height: 64px;
  border-top: 1px solid #cbced6;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#detail .cardFooterEntry {
  position: relative;
  width: 121px;
  height: 48px;
  color: #FFF;
  background: #EFAB6C;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10%;
  font-size: 13px;
  font-weight: 600;
  font-family: "Roboto", sans-serif;
  box-shadow: 2px 3px 4px 0px rgba(180, 177, 173, 0.6);
}
@media screen and (max-width: 768px) {
  #detail .cardFooterEntry {
    width: 117px;
  }
}
#detail .cardFooterEntryIcon {
  width: 18px;
  height: 18px;
  background: url(/assets/button-arrow-temporary-custody-c9d7e19318f855e42d725e6c59b3c52b1bced824772dc69763e55a0eabb86019.svg) no-repeat center center/18px 18px;
  margin-right: -10%;
}
#detail .cardFooterReserve {
  position: relative;
  width: 121px;
  height: 48px;
  color: #fff;
  background: #EF8D6C;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10%;
  font-size: 13px;
  font-weight: 600;
  font-family: "Roboto", sans-serif;
  margin-right: 10px;
  box-shadow: 2px 3px 4px 0px rgba(180, 177, 173, 0.6);
}
@media screen and (max-width: 768px) {
  #detail .cardFooterReserve {
    width: 117px;
  }
}
#detail .cardFooterReserveIcon {
  width: 18px;
  height: 18px;
  background: url(/assets/button-arrow-tour-reservation-ef6f3922aae68ecab53fe34f85f99d71ab0a7f0b440e3144fa5c389226762482.svg) no-repeat center center/18px 18px;
  margin-right: -10%;
}
#detail .cardFooter a[data-turbo-method] {
  width: 18%;
  height: 100%;
}
#detail .cardFooter a[data-turbo-method] #detail .cardFooterFavoriteArea {
  border-right: 1px solid #cbced6;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 13px 0 2%;
  background: url(/assets/favorite_icon2-38e3119a730ac93daddfe9ff13041cd1eb60291088f085cc627b45db8b046ffa.svg) no-repeat center center/40px 40px;
  cursor: pointer;
}
#detail .cardFooter a[data-turbo-method] #detail .cardFooterFavoriteAreaActive, #detail .cardFooter a[data-turbo-method] #detail .cardFooterFavoriteArea[data-faved="1"] {
  background: url(/assets/favorite_icon-70fef11735b264ad81088397835eb6f1466e2ccb123ffccd542563663953f939.svg) no-repeat center center/40px 40px;
}
#detail .entry {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 0px 16px 0px rgba(194, 198, 204, 0.6);
  padding: 32px 24px;
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  #detail .entry {
    padding: 0px;
    position: relative;
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 768px) {
  #detail .entryPc {
    display: none;
  }
}
#detail .entryPcFixed {
  position: fixed;
  z-index: 105;
  top: 86px;
}
#detail .entrySp {
  display: none;
  position: fixed;
  bottom: 0;
  z-index: 99;
  width: 100%;
}
@media screen and (max-width: 768px) {
  #detail .entrySp {
    display: block;
  }
}
#detail .entrySp .entrySpFooterButtons {
  background: #FFF;
  display: none;
}
#detail .entrySp .entrySpFooterButtons.--active {
  display: block;
}
#detail .entrySp a[data-turbo-method] {
  width: 40px;
  height: 40px;
}
#detail .entrySp a[data-turbo-method] .entryFooterFavoriteArea {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 13px 0 2%;
  background: url(/assets/favorite_icon2-38e3119a730ac93daddfe9ff13041cd1eb60291088f085cc627b45db8b046ffa.svg) no-repeat center center/40px 40px;
  width: 100%;
  cursor: pointer;
}
#detail .entrySp a[data-turbo-method] .entryFooterFavoriteArea.--favorited, #detail .entrySp a[data-turbo-method] .entryFooterFavoriteArea[data-faved="1"] {
  background: url(/assets/favorite_icon-70fef11735b264ad81088397835eb6f1466e2ccb123ffccd542563663953f939.svg) no-repeat center center/40px 40px;
}
#detail .entryTitle {
  font-size: 18px;
  font-weight: 700;
  color: #323232;
  border-bottom: 1px solid #c5c0c0;
  width: 100%;
  padding-bottom: 16px;
}
@media screen and (max-width: 768px) {
  #detail .entryTitle {
    font-size: 15px;
    padding: 24px 0px 8px;
    margin: 0 16px;
  }
}
#detail .entryTitle.favorite {
  margin-top: 40px;
}
#detail .entryTitle.homepage {
  margin-top: 24px;
}
#detail .entryMoney {
  font-size: 15px;
  font-weight: 600;
  color: #323232;
  padding-top: 24px;
}
@media screen and (max-width: 768px) {
  #detail .entryMoney {
    padding: 16px 16px 0px;
    font-size: 13px;
  }
}
#detail .entryMoneyMonth {
  font-size: 15px;
  font-weight: 600;
  color: #323232;
  padding-top: 16px;
}
@media screen and (max-width: 768px) {
  #detail .entryMoneyMonth {
    padding: 8px 16px 0px;
    font-size: 13px;
  }
}
#detail .entryMoneyEtc {
  font-size: 15px;
  font-weight: 500;
  color: #353535;
  padding-top: 16px;
}
@media screen and (max-width: 768px) {
  #detail .entryMoneyEtc {
    padding: 12px 16px 56px;
    font-size: 12px;
  }
}
#detail .entryButtonEntry {
  position: relative;
  width: 100%;
  height: 56px;
  color: #FFF;
  background: #EFAB6C;
  border-radius: 8px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
  margin-top: 16px;
  box-shadow: 2px 3px 4px 0px rgba(180, 177, 173, 0.3019607843);
}
@media screen and (max-width: 768px) {
  #detail .entryButtonEntry {
    width: 95%;
    margin: 16px auto;
  }
}
#detail .entryButtonEntryIcon {
  width: 24px;
  height: 24px;
  background: url(/assets/button-arrow-temporary-custody-c9d7e19318f855e42d725e6c59b3c52b1bced824772dc69763e55a0eabb86019.svg) no-repeat center center/24px 24px;
}
#detail .entryButtonEntryGray {
  position: relative;
  width: 100%;
  height: 56px;
  color: #FFF;
  background: #D8D8D8;
  border-radius: 8px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
  margin-top: 16px;
}
@media screen and (max-width: 768px) {
  #detail .entryButtonEntryGray {
    width: 95%;
    margin: 16px auto;
  }
}
#detail .entryButtonEntryGrayIcon {
  display: inline-block;
  vertical-align: middle;
  color: #FFF;
  line-height: 1;
  position: relative;
  width: 10px;
  height: 10px;
  transform: translateX(-25%) rotate(45deg);
}
#detail .entryButtonEntryGrayIcon::before, #detail .entryButtonEntryGrayIcon::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 3px;
}
#detail .entryButtonEntryGrayIcon::before {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}
#detail .entryButtonEntryGrayIcon::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}
#detail .entryButtonShare {
  position: relative;
  width: 100%;
  height: 56px;
  color: #EAB669;
  background: #fff;
  border-radius: 66px;
  border: 2px solid #EAB669;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
  margin-top: 16px;
}
@media screen and (max-width: 768px) {
  #detail .entryButtonShare {
    width: 95%;
    margin: 16px auto 16px;
    border-radius: 6px;
  }
}
#detail .entry .entryButtonHomepage {
  width: 100%;
  height: 49px;
  color: #65A09A;
  background: #fff;
  border-radius: 60px;
  border: 2px solid #E7E2E2;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
  margin-top: 16px;
}
@media screen and (max-width: 768px) {
  #detail .entry .entryButtonHomepage {
    width: 95%;
    margin: 16px auto;
  }
}
#detail .entryButtonReserve {
  position: relative;
  width: 100%;
  height: 56px;
  color: #fff;
  background: #EF8D6C;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
  margin-top: 16px;
  box-shadow: 2px 3px 4px 0px rgba(180, 177, 173, 0.3019607843);
}
@media screen and (max-width: 768px) {
  #detail .entryButtonReserve {
    width: 95%;
    margin: 16px auto;
  }
}
#detail .entryButtonReserveIcon {
  width: 24px;
  height: 24px;
  background: url(/assets/button-arrow-tour-reservation-ef6f3922aae68ecab53fe34f85f99d71ab0a7f0b440e3144fa5c389226762482.svg) no-repeat center center/24px 24px;
}
#detail .entryButtonReserveGray {
  position: relative;
  width: 100%;
  height: 56px;
  color: #fff;
  background: #D8D8D8;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
  margin-top: 16px;
}
@media screen and (max-width: 768px) {
  #detail .entryButtonReserveGray {
    width: 95%;
    margin: 16px auto;
  }
}
#detail .entryButtonReserveGrayIcon {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1;
  position: relative;
  width: 10px;
  height: 10px;
  transform: translateX(-25%) rotate(45deg);
}
#detail .entryButtonReserveGrayIcon::before, #detail .entryButtonReserveGrayIcon::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 3px;
}
#detail .entryButtonReserveGrayIcon::before {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}
#detail .entryButtonReserveGrayIcon::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}
#detail .entryButtonFavorite {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  width: 100%;
  height: 60px;
  border-radius: 60px;
  font-size: 14px;
  font-weight: 600;
  color: #ff8181;
  border: 2px solid #e7e2e2;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-top: 24px;
}
#detail .entryButtonContact {
  color: #65A09A;
  border: 2px solid #65A09A;
  width: 100%;
  height: 56px;
  border-radius: 30px;
  font-size: 13px;
  font-weight: 600;
  margin-top: 24px;
  background: #FFF;
  display: flex;
  justify-content: center;
  gap: 4px;
  align-items: center;
}
#detail .entryButtonContactText {
  text-align: left;
}
#detail .entryButtonContactImage {
  background: url(/assets/call_green-c64114498a33442acdd62738a7471c719d5d4abcf5b4d4a84a428f6a7d7aadce.svg) no-repeat center center/18px 18px;
  width: 18px;
  height: 18px;
}
#detail .entryInfo {
  padding: 24px 0px 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 768px) {
  #detail .entryInfo {
    padding: 16px;
    height: 48px;
    background: #65A09A;
    box-shadow: inset 0px 1px 0px 0px rgb(202, 214, 212), inset 0px -1px 0px 0px rgb(202, 214, 212);
  }
}
#detail .entryInfoFlex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#detail .entryInfoFlexText {
  font-size: 12px;
  font-weight: 500;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #detail .entryInfoFlexText {
    font-size: 13px;
    color: #FFF;
  }
}
#detail .entryInfoFlexTel {
  font-size: 12px;
  font-weight: 500;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #detail .entryInfoFlexTel {
    font-size: 17px;
    border-bottom: 1px solid #65A09A;
    color: #FFF;
  }
}
#detail .entry .entryFooter .entryFooterFlex {
  display: flex;
  justify-content: center;
  gap: 16px;
  width: 100%;
  padding: 8px 4% 40px;
  background: #E7E2DD;
}
#detail .entry .entryFooter .entryFooterFlexWidth {
  width: 100%;
}
#detail .entry .entryFooter .entryFooterFlex.--active {
  padding-bottom: 8px;
}
#detail .entry .entryFooter .entryFooterFlexVertical {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  background: #E3DED9;
  position: fixed;
  bottom: 0;
}
#detail .entry .entryFooter .width100 {
  width: 100%;
}
#detail .entry .entryFooter .entryFooterButtonContact {
  color: #65A09A;
  border: 2px solid #65A09A;
  width: 100%;
  height: 40px;
  border-radius: 30px;
  font-size: 13px;
  font-weight: 600;
  background: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
@media screen and (max-width: 768px) {
  #detail .entry .entryFooter .entryFooterButtonContact {
    font-size: 11px;
  }
}
#detail .entry .entryFooter .entryFooterButtonContactWrap {
  margin: 8px 32px;
}
#detail .entry .entryOpen {
  position: absolute;
  top: -60px;
  right: 16px;
  z-index: 99;
  width: 48px;
  height: 48px;
  background: #fff;
  border-radius: 8px;
  border: 2px solid #DE8A6D;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.18);
  cursor: pointer;
}
#detail .entry .entryOpen .entryOpenIcon {
  display: inline-block;
  vertical-align: middle;
  color: #DE8A6D;
  line-height: 1;
  position: relative;
  width: 10px;
  height: 10px;
  margin-left: 20px;
}
#detail .entry .entryOpen .entryOpenIcon::before, #detail .entry .entryOpen .entryOpenIcon::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 3px;
}
#detail .entry .entryOpen .entryOpenIcon::before {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}
#detail .entry .entryOpen .entryOpenIcon::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}
#detail .entry .entryOpen .entryOpenIcon.__top {
  transform: translateX(-25%) rotate(-45deg);
  margin-top: 10px;
}
#detail .entry .entryOpen .entryOpenIcon.__under {
  transform: translateX(-25%) rotate(135deg);
}
#detail .entry .entryOpen.--active {
  background: #DE8A6D;
}
#detail .entry .entryOpen.--active .entryOpenIcon.__top {
  display: none;
}
#detail .entry .entryOpen.--active .entryOpenIcon.__under {
  margin-top: 14px;
  color: #FFF;
}
#detail .entry .entryFooterFavorite {
  position: absolute;
  top: -52px;
  left: 16px;
  width: 40px;
  height: 40px;
}
#detail .star {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 0px 16px 0px rgba(194, 198, 204, 0.6);
  padding: 40px 32px 24px;
  max-height: 589px;
  margin-top: 16px;
}
@media screen and (max-width: 768px) {
  #detail .star {
    padding-left: 16px;
    padding-right: 16px;
  }
}
#detail .starTitle {
  font-size: 22px;
  font-weight: 700;
  color: #323232;
  border-bottom: 1px solid #c5c0c0;
  width: 100%;
  padding-bottom: 24px;
}
@media screen and (max-width: 768px) {
  #detail .starTitle {
    padding: 32px 0px 8px;
    margin: 0 16px;
    font-size: 16px;
  }
}
#detail .starFlex {
  display: flex;
  align-items: center;
  padding-top: 24px;
}
@media screen and (max-width: 768px) {
  #detail .starFlex {
    padding: 16px 16px 24px;
  }
}
#detail .starFlex img {
  width: 24px;
  height: 24px;
}
#detail .starFlex p {
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
  font-family: "Roboto", sans-serif;
  padding-left: 8px;
}
@media screen and (max-width: 768px) {
  #detail .starFlex p {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  #detail .footerFlex {
    padding-bottom: 50px;
  }
}
#detail .swiper {
  max-width: 1264px;
}
#detail .swiperContainer {
  max-width: 1264px;
}
#detail .toast {
  position: fixed;
  top: 86px;
  right: 24px;
  z-index: 110;
  color: #FFF;
  font-weight: 600;
  font-size: 14px;
  min-width: 350px;
  height: 56px;
  display: none;
  align-items: center;
  border-radius: 8px;
}
@media screen and (max-width: 768px) {
  #detail .toast {
    min-width: initial;
    right: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width: 90%;
  }
}
#detail .toast .toast-body {
  position: relative;
  padding-left: 30px;
}
#detail .toast .toast-bodyOk::before {
  content: "";
  background: url(/assets/check_share-0a67d311e407b197f5b5b25bb0839bcb611f94ee605f439db4a73c984cf6067a.svg) no-repeat center center;
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 24px;
  height: 24px;
}
#detail .toast .toast-bodyNg::before {
  content: "";
  background: url(/assets/error-1d0607f21ffbd49e9ed37a3c8460b5d60f692d06373b2d4057fda12c09296b09.svg) no-repeat center center;
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 24px;
  height: 24px;
}
#detail .toastOk {
  background: #55B938;
}
#detail .toastNg {
  background: #D65745;
}
#detail .toast .d-flex {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 16px;
}
#detail .toast button {
  padding: 0;
  border: none;
  outline: none;
  font: inherit;
  color: inherit;
  background: none;
  position: relative;
}
#detail .toast .btn-close::before, #detail .toast .btn-close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 12px;
  background: #FFF;
}
#detail .toast .btn-close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
#detail .toast .btn-close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
#detail .toast .btn-close-label {
  position: absolute;
  top: 6px;
  right: 14px;
  cursor: pointer;
  z-index: 1;
}
#detail .c-daycare-center__content .detailBoxes .featureBoxFlexItem .imgBox {
  background-size: cover;
}

.bodyFixed {
  position: fixed;
  inset: 0;
}

#guide {
  background: #F9F8F8;
}
#guide .mainContents {
  margin: 0 auto;
  padding-top: 62px;
  background: #F9F8F8;
}
#guide .mainVisual {
  position: relative;
  max-height: 771px;
}
#guide .mainVisualImage {
  width: 100%;
  object-fit: cover;
  height: 630px;
}
@media screen and (max-width: 768px) {
  #guide .mainVisualImage {
    height: 479px;
    object-position: 35% 38%;
  }
}
#guide .mainVisualTextWrap {
  position: absolute;
  width: 489px;
  height: 212px;
  border-radius: 10px;
  top: 520px;
  right: 8%;
  background: #FFF;
  padding: 40px;
}
@media screen and (max-width: 768px) {
  #guide .mainVisualTextWrap {
    left: 8%;
    top: 346px;
    width: initial;
    height: initial;
    padding: 32px;
  }
}
#guide .mainVisualTextTitle {
  font-size: 15px;
  font-weight: 700;
  line-height: 2;
  color: #DE8A6D;
}
@media screen and (max-width: 768px) {
  #guide .mainVisualTextTitle {
    font-size: 13px;
  }
}
#guide .mainVisualTextSubTitle {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.36;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #guide .mainVisualTextSubTitle {
    font-size: 18px;
  }
}
#guide .mainVisualTextComment {
  font-size: 15px;
  font-weight: 500;
  line-height: 2.88;
  color: #787878;
  padding-top: 8px;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  #guide .mainVisualTextComment {
    font-size: 14px;
    line-height: 1;
  }
}
#guide .breadList {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#guide .breadList ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#guide .breadList ul li {
  font-size: 11px;
  font-weight: 600;
  color: #787878;
  position: relative;
  display: flex;
  align-items: center;
}
#guide .breadList ul li:last-child {
  color: #323232;
}
#guide .breadList ul li:last-child div {
  display: none;
}
#guide .breadList p {
  font-size: 13px;
  font-weight: 500;
  color: #323232;
}
#guide .breadListArrow {
  position: relative;
  width: 10px;
  height: 10px;
  margin: 0 12px;
  transform: translateX(-25%) rotate(45deg);
}
#guide .breadListArrow::before, #guide .breadListArrow::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 3px;
  color: #787878;
}
#guide .breadListArrow::before {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}
#guide .breadListArrow::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}
#guide .articleWrap {
  padding: 100px 8% 80px;
  max-width: 1512px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #guide .articleWrap {
    padding: 64px 20px 40px;
  }
}
#guide .introduction {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 56px;
  padding-top: 154px;
  max-width: 1082px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #guide .introduction {
    grid-template-columns: initial;
    padding-top: 0px;
    gap: 24px;
  }
}
#guide .introductionImage {
  border-radius: 15px;
  width: 100%;
  max-width: 495px;
}
@media screen and (max-width: 768px) {
  #guide .introductionImage {
    max-width: initial;
  }
}
#guide .introductionTextWrap {
  display: flex;
  flex-direction: column;
}
#guide .introductionTextTitle {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.33;
  color: #DE8A6D;
}
@media screen and (max-width: 768px) {
  #guide .introductionTextTitle {
    font-size: 18px;
  }
}
#guide .introductionTextComment {
  font-size: 15px;
  font-weight: 500;
  line-height: 2;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #guide .introductionTextComment {
    font-size: 14px;
    line-height: 1.85;
  }
}
#guide .introductionBorder {
  position: relative;
  width: 100%;
  height: 1px;
  margin: 24px 0px 16px;
}
@media screen and (max-width: 768px) {
  #guide .introductionBorder {
    margin: 16px 0px;
  }
}
#guide .introductionBorder::before {
  content: "";
  background-image: linear-gradient(to right, #C5C0C0, #C5C0C0 9px, transparent 9px, transparent 16px);
  background-size: 16px 1px;
  background-repeat: repeat-x;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#guide .flow {
  padding-top: 154px;
}
@media screen and (max-width: 768px) {
  #guide .flow {
    padding-top: 100px;
  }
}
#guide .flowWrap {
  text-align: center;
  position: relative;
}
#guide .flowTitle {
  font-size: 20px;
  font-weight: 700;
  line-height: 0.4;
  color: #DE8A6D;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  #guide .flowTitle {
    font-size: 18px;
  }
}
#guide .flowTitleBack {
  position: absolute;
  top: -39px;
  left: 50%;
  font-size: 80px;
  font-weight: 700;
  color: #FFF;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  #guide .flowTitleBack {
    font-size: 50px;
    top: -25px;
  }
}
#guide .flowComment {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.83;
  color: #323232;
  padding-top: 54px;
}
@media screen and (max-width: 768px) {
  #guide .flowComment {
    font-size: 14px;
    text-align: center;
    padding-top: 31px;
  }
}
#guide .flowImage {
  width: 100%;
  margin-top: -5%;
}
@media screen and (max-width: 768px) {
  #guide .flowImage {
    margin-top: 24px;
  }
}
#guide .document {
  padding-top: 154px;
}
@media screen and (max-width: 768px) {
  #guide .document {
    padding-top: 100px;
  }
}
#guide .documentWrap {
  text-align: center;
  position: relative;
}
#guide .documentTitle {
  font-size: 20px;
  font-weight: 700;
  line-height: 0.4;
  color: #DE8A6D;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  #guide .documentTitle {
    font-size: 18px;
  }
}
#guide .documentTitleBack {
  position: absolute;
  top: -39px;
  left: 50%;
  font-size: 80px;
  font-weight: 700;
  color: #FFF;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  #guide .documentTitleBack {
    font-size: 50px;
    top: -25px;
  }
}
#guide .documentComment {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
  color: #323232;
  padding-top: 54px;
}
@media screen and (max-width: 768px) {
  #guide .documentComment {
    font-size: 14px;
    text-align: left;
    line-height: 1.71;
    padding-top: 32px;
  }
}
#guide .documentItemWrap {
  display: flex;
  justify-self: center;
  align-items: center;
  flex-direction: column;
  gap: 24px;
  width: 350px;
  height: 235px;
  background: #FFF;
  border-radius: 15px;
  position: relative;
  padding: 64px 32px;
}
#guide .documentItemWrapTitle {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  color: #65A09A;
  text-align: center;
}
#guide .documentItemWrapComment {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.6;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #guide .documentItemWrapComment {
    text-align: center;
  }
}
#guide .documentItemWrapNo {
  position: absolute;
  top: -15px;
  left: 15px;
  font-size: 30px;
  font-weight: 700;
  color: #65A09A;
  text-align: center;
  line-height: 0.9;
}
@media screen and (max-width: 768px) {
  #guide .documentItemWrapNo {
    font-size: 30px;
    top: -18px;
    left: 10px;
  }
}
#guide .documentItemWrapNo span {
  font-size: 20px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  #guide .documentItemWrapNo span {
    font-size: 20px;
  }
}
#guide .documentItemContainer {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 64px;
  gap: 64px 41px;
}
@media screen and (max-width: 768px) {
  #guide .documentItemContainer {
    flex-wrap: initial;
    justify-content: initial;
    padding-top: 64px;
    gap: initial;
  }
}
#guide .documentListContainer {
  padding: 40px 0;
  max-width: 714px;
  margin: 0 auto;
}
#guide .documentListTitle {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.7;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #guide .documentListTitle {
    font-size: 18px;
  }
}
#guide .documentListTitleWrap {
  width: 100%;
  text-align: center;
}
#guide .documentListTitleComment {
  font-size: 15px;
  font-weight: 600;
  padding-top: 8px;
  color: #DE8A6D;
}
@media screen and (max-width: 768px) {
  #guide .documentListTitleComment {
    font-size: 14px;
  }
}
#guide .documentListItemWrap {
  background: #FFF;
  padding: 40px;
  border-radius: 15px;
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 32px;
}
@media screen and (max-width: 768px) {
  #guide .documentListItemWrap {
    padding: 16px 24px 40px;
    font-size: 14px;
    gap: 12px;
  }
}
#guide .documentListItemWrapText {
  position: relative;
  padding-left: 30px;
}
#guide .documentListItemWrapText::before {
  position: absolute;
  top: 2px;
  left: 0;
  content: "";
  background: url(/assets/check-255de0bfcb70437f39aa6bf7b67b358129302a91a91ac55eacaf524f7cef6c6d.svg) no-repeat;
  width: 24px;
  height: 24px;
}
#guide .documentListItemWrapTextComment {
  font-size: 12px;
  font-weight: 600;
  padding-left: 30px;
}
#guide .documentListLeftWrap {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
#guide .documentImage {
  border-radius: 15px;
  position: relative;
  margin-right: -135px;
  height: 747px;
  border: 3px solid #FFF;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: url(/assets/document-abbe7d622f318554a895461406c3ad45fd0ba04a2e7c398cfd0f6b7594d4584a.svg) no-repeat;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  #guide .documentImage {
    margin: 0 auto;
    height: 500px;
    background-size: cover;
    width: 100%;
  }
}
#guide .documentImage::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(222, 138, 109, 0.05);
}
#guide .swiper {
  max-width: initial;
}
#guide .swiperContainer {
  max-width: initial;
}
@media screen and (max-width: 768px) {
  #guide .swiperContainer {
    max-width: 327px;
  }
}
#guide .swiper-pagination {
  position: initial;
  padding-top: 15px;
}
#guide .swiper-pagination-bullet {
  border: none !important;
  background: #E2E7E6 !important;
}
#guide .swiper-pagination-bullet-active {
  background: #65A09A !important;
}

#register {
  height: 100vh;
}
#register .errorMessage {
  color: #DE8A6D;
  font-weight: bold;
}
#register .container {
  display: grid;
  grid-template-columns: 44% 56%;
  height: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #register .container {
    grid-template-columns: 1fr;
  }
}
#register .container .leftContainer {
  height: 100%;
  background-color: #F6F2EE;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 62px;
}
@media screen and (max-width: 768px) {
  #register .container .leftContainer {
    height: auto;
    background: #F9F8F8;
  }
}
#register .container .leftContainerTitle {
  font-size: 60px;
  font-weight: 800;
  color: #484848;
}
@media screen and (max-width: 768px) {
  #register .container .leftContainerTitle {
    font-size: 30px;
  }
}
@media screen and (max-width: 768px) {
  #register .container .leftContainer .logo {
    display: none;
  }
}
#register .container .rightContainer {
  height: 100%;
  padding: 62px 8% 0;
  background-color: #FFF;
}
@media screen and (max-width: 768px) {
  #register .container .rightContainer {
    width: 100%;
    background: #F9F8F8;
  }
}
#register .container .rightContainer .wrapper {
  margin: 80px auto 0 0;
  max-width: 499px;
  padding-bottom: 32px;
}
#register .container .rightContainer .wrapper.hidden {
  display: none;
}
@media screen and (max-width: 768px) {
  #register .container .rightContainer .wrapper {
    margin: 0 auto;
    width: 310px;
    padding-bottom: 62px;
  }
}
#register .container .rightContainer .wrapper .title {
  font-size: 24px;
  color: #323232;
  font-weight: 600;
  line-height: 1.2;
}
#register .container .rightContainer .wrapper .subTitle {
  font-size: 15px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  color: #959595;
  margin: 16px 0 0;
  line-height: 1.533;
}
@media screen and (max-width: 768px) {
  #register .container .rightContainer .wrapper .subTitle {
    margin: 8px 0 24px;
  }
}
#register .container .rightContainer .wrapper .message {
  font-size: 15px;
  font-weight: 600;
  color: #65A09A;
  font-family: "Poppins", sans-serif;
}
#register .container .rightContainer .wrapper .messageWrap {
  display: flex;
  align-items: center;
  padding-top: 40px;
}
#register .container .rightContainer .wrapper .link {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #65A09A;
  max-width: 188px;
  height: 50px;
  border-radius: 30px;
  gap: 8px;
}
#register .container .rightContainer .wrapper .link .text {
  color: #FFF;
  font-size: 14px;
  font-weight: 700;
}
#register .container .rightContainer .wrapper .linkWrap {
  display: block;
  margin: 80px auto;
  max-width: 188px;
}
#register .container .rightContainer .wrapper .inputContainer {
  margin-top: 16px;
  font-size: 14px;
}
#register .container .rightContainer .wrapper .inputContainer .inputTitle {
  display: block;
  margin: 16px 0 8px;
  font-size: 14px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
}
@media screen and (max-width: 768px) {
  #register .container .rightContainer .wrapper .inputContainer .inputTitle {
    font-size: 13px;
  }
}
#register .container .rightContainer .wrapper .inputContainer .inputText {
  width: 100%;
  height: 56px;
  border: 1px solid #dad8d8;
  border-radius: 10px;
  padding: 0px 16px;
  font-size: 14px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #register .container .rightContainer .wrapper .inputContainer .inputText {
    font-size: 12px;
  }
}
#register .container .rightContainer .wrapper .inputContainer .notice {
  margin-top: 8px;
  font-size: 14px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
}
@media screen and (max-width: 768px) {
  #register .container .rightContainer .wrapper .inputContainer .notice {
    font-size: 12px;
  }
}
#register .container .rightContainer .wrapper .privacyPolicy {
  margin: 16px 0 16px;
  font-size: 12px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  display: flex;
  align-items: center;
  gap: 8px;
}
#register .container .rightContainer .wrapper .privacyPolicy .LinkWrap {
  display: block;
}
#register .container .rightContainer .wrapper .privacyPolicy input[type=checkbox] {
  position: relative;
  height: 18px;
  width: 18px;
  display: inline-block;
  border-radius: 5px;
  border: 2px solid #ccc;
  background: #fff;
  -webkit-appearance: none;
  appearance: none;
  flex-shrink: 0;
}
#register .container .rightContainer .wrapper .privacyPolicy input[type=checkbox]:checked {
  border: none;
  background: #DE8A6D;
}
#register .container .rightContainer .wrapper .privacyPolicy input[type=checkbox]:checked::before,
#register .container .rightContainer .wrapper .privacyPolicy input[type=checkbox]:checked::after {
  display: block;
  content: "";
  position: absolute;
  border-radius: 2px;
  transform: rotate(45deg);
  background: #fff;
}
#register .container .rightContainer .wrapper .privacyPolicy input[type=checkbox]:checked::before {
  bottom: 6px;
  left: 2px;
  width: 8px;
  height: 3px;
}
#register .container .rightContainer .wrapper .privacyPolicy input[type=checkbox]:checked::after {
  bottom: 4px;
  left: 10px;
  width: 3px;
  height: 11px;
}
#register .container .rightContainer .wrapper .signInMethodsDivider {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 16px;
  align-items: center;
  justify-content: center;
  color: #959595;
  margin: 16px 0;
}
#register .container .rightContainer .wrapper .signInMethodsDivider .signInMethodsDividerHr {
  display: block;
  height: 1px;
  width: 100%;
  background-color: #D8D8D8;
}
#register .container .rightContainer .wrapper .lineSignInButtonContainer {
  display: flex;
  justify-content: center;
}
#register .container .rightContainer .wrapper .lineSignInButtonContainer .lineSignInButton {
  appearance: none;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}
#register .container .rightContainer .wrapper .lineSignInButtonContainer .lineSignInButton img {
  max-width: 180px;
}
#register .container .rightContainer .wrapper .lineSignInButtonContainer .lineSignInButton:disabled {
  pointer-events: none;
  opacity: 0.6;
}
#register .container .rightContainer .wrapper .registerButtonContainer {
  margin-top: 16px;
}
#register .container .rightContainer .wrapper .registerButton {
  width: 100%;
  height: 54px;
  border-radius: 30px;
  background-color: #65A09A;
  color: #FFF;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: 0.4s;
}
#register .container .rightContainer .wrapper .registerButton:disabled {
  background-color: #D8D8D8;
  color: #FFF;
  cursor: initial;
}
#register .container .rightContainer .wrapper .registerButton:hover {
  background: #80BEB8;
  opacity: 1;
}
#register .container .rightContainer .wrapper .registerButton:disabled:hover {
  background: #D8D8D8;
  opacity: 1;
}
#register .container .rightContainer .wrapper .confirmAgreementPolicyAndTerms {
  font-size: 12px;
  margin-top: 26px;
  margin-bottom: 26px;
  line-height: 16px;
  border: 1px solid #dad8d8;
  border-radius: 10px;
  padding: 16px;
}
@media screen and (max-width: 768px) {
  #register .container .rightContainer .wrapper .confirmAgreementPolicyAndTerms {
    margin-top: 18px;
    margin-bottom: 18px;
    padding: 14px;
    background-color: #ffffff;
    border: none;
  }
}
#register .container .rightContainer .wrapper .confirmAgreementPolicyAndTerms a {
  text-decoration: underline;
  color: #DE8A6D;
}
#register .container .rightContainer .wrapper .login {
  margin-top: 24px;
  font-size: 12px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
}
@media screen and (max-width: 768px) {
  #register .container .rightContainer .wrapper .login {
    margin-top: 18px;
  }
}
#register .container .rightContainer .wrapper .login a {
  text-decoration: underline;
  color: #DE8A6D;
}
#register .container .rightContainer .wrapper .Box {
  width: 100%;
  height: 50px;
  border-radius: 12px;
  border: none;
  padding-left: 16px;
  font-size: 14px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #register .container .rightContainer .wrapper .Box {
    font-size: 12px;
  }
}
#register .container .rightContainer .wrapper .Flex {
  display: flex;
  align-items: center;
  width: 100%;
  height: 53px;
  border-radius: 12px;
  border: 1px solid #DAD8D8;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-top: 8px;
  background: #FFF;
}
#register .container .rightContainer .wrapper .Flex span {
  padding-right: 16px;
}
#register .underLine {
  text-decoration: underline;
}
#register .menuWrap {
  position: relative;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  gap: 2%;
  row-gap: 16px;
  padding: 12px 0% 16px;
}
@media screen and (max-width: 768px) {
  #register .menuWrap {
    gap: initial;
    justify-content: initial;
    flex-wrap: initial;
  }
}
#register .menuContents {
  background: #EDF6F6;
  border-radius: 10px;
  width: 150px;
  height: 150px;
  text-align: center;
  border-radius: 50%;
}
#register .menuContentsTitle {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
  color: #65A09A;
  padding-top: 40px;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#register .menuContentsCaption {
  font-size: 10px;
  font-weight: 500;
  color: #323232;
  line-height: 1.84;
  padding: 0 7%;
}
#register .menuContents .letterSpace {
  letter-spacing: -0.5px;
}
#register .menuBorder {
  position: relative;
  width: 86%;
  height: 1px;
  margin: 24px 0px 16px;
  display: inline-block;
}
#register .menuBorder::before {
  content: "";
  background-image: linear-gradient(to right, #C5C0C0, #C5C0C0 9px, transparent 9px, transparent 16px);
  background-size: 16px 1px;
  background-repeat: repeat-x;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#register .menuBubble {
  position: relative;
  font-size: 15px;
  font-weight: 800;
  font-family: "M PLUS Rounded 1c", sans-serif;
  padding: 10px 0;
  text-align: center;
  width: 238px;
  color: #65A09A;
  margin: 40px auto 0;
}
@media screen and (max-width: 768px) {
  #register .menuBubble {
    margin-top: 24px;
  }
}
#register .menuBubble::before {
  position: absolute;
  bottom: 15px;
  left: -5px;
  content: "";
  width: 25px;
  height: 3px;
  background: #65A09A;
  transform: rotate(55deg);
  border-radius: 3px;
}
#register .menuBubble::after {
  position: absolute;
  bottom: 15px;
  right: -5px;
  content: "";
  width: 25px;
  height: 3px;
  background: #65A09A;
  transform: rotate(-55deg);
  border-radius: 3px;
}
#register .menuBubbleWrap {
  position: relative;
}
#register .errorText {
  color: red;
  margin-top: 8px;
}
#register .linkButton {
  width: 168px;
  height: 60px;
  border-radius: 30px;
  background: #65A09A;
  color: #FFF;
  font-size: 14px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  #register .linkButton {
    height: 48px;
    font-size: 13px;
  }
}
#register .linkButton:hover {
  background: #80BEB8;
}
@media screen and (max-width: 768px) {
  #register .swiperContainerWrapperBackground {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 2000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    padding: 24px;
  }
  #register .swiperContainerWrapperBackground.hiddenOnlyMd {
    display: none;
  }
}
#register .swiperContainerWrapper .swiperContainerWrapperCloseBtn {
  display: none;
}
@media screen and (max-width: 768px) {
  #register .swiperContainerWrapper {
    position: relative;
    background-color: #ffffff;
    border-radius: 8px;
    padding: 16px 24px;
  }
  #register .swiperContainerWrapper .swiperContainerWrapperCloseBtn {
    display: flex;
    position: absolute;
    top: 16px;
    right: 16px;
  }
}
@media screen and (max-width: 768px) {
  #register .swiperContainer {
    max-width: 150px;
  }
  #register .swiperContainer .swiper-pagination-horizontal {
    bottom: 0px;
  }
}
#register .swiper-pagination-bullet {
  border: 1px solid #65A09A !important;
}
#register .swiper-pagination-bullet-active {
  background: #65A09A !important;
}

#login {
  height: 100vh;
}
#login .errorMessage {
  color: #DE8A6D;
  font-weight: bold;
}
#login .container {
  display: grid;
  grid-template-columns: 44% 56%;
  height: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #login .container {
    grid-template-columns: 1fr;
  }
}
#login .container .leftContainer {
  height: 100%;
  background-color: #F6F2EE;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 62px;
}
@media screen and (max-width: 768px) {
  #login .container .leftContainer {
    height: auto;
    background: #F9F8F8;
    padding-top: 100px;
  }
}
#login .container .leftContainerTitle {
  font-size: 60px;
  font-weight: 800;
  color: #484848;
}
@media screen and (max-width: 768px) {
  #login .container .leftContainerTitle {
    font-size: 30px;
  }
}
@media screen and (max-width: 768px) {
  #login .container .leftContainer .logo {
    display: none;
  }
}
#login .container .rightContainer {
  height: 100%;
  padding: 0 8%;
  background-color: #FFF;
}
@media screen and (max-width: 768px) {
  #login .container .rightContainer {
    width: 100%;
    background: #F9F8F8;
  }
}
#login .container .rightContainer .wrapper {
  margin: 173px auto 0;
  padding-bottom: 32px;
}
@media screen and (max-width: 768px) {
  #login .container .rightContainer .wrapper {
    margin: 0 auto;
    width: 310px;
  }
}
#login .container .rightContainer .wrapper.hidden {
  display: none;
}
#login .container .rightContainer .wrapper .title {
  font-size: 24px;
  color: #323232;
  font-weight: 600;
  line-height: 1.2;
}
#login .container .rightContainer .wrapper .subTitle {
  font-size: 15px;
  line-height: 24px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  color: #959595;
  margin: 8px 0 40px;
}
@media screen and (max-width: 768px) {
  #login .container .rightContainer .wrapper .subTitle {
    font-size: 13px;
    line-height: 20px;
    margin: 2px 0 24px;
    margin-top: 16px;
  }
}
#login .container .rightContainer .wrapper .subTitle .subTitleSubMessage {
  margin-top: 8px;
  display: inline-block;
  width: 100%;
}
#login .container .rightContainer .wrapper .subTitle .subTitleResetLink {
  text-decoration: underline;
  color: #DE8A6D;
}
#login .container .rightContainer .wrapper .message {
  font-size: 15px;
  font-weight: 600;
  color: #65A09A;
  font-family: "Poppins", sans-serif;
}
#login .container .rightContainer .wrapper .messageWrap {
  display: flex;
  align-items: center;
  padding-top: 40px;
}
#login .container .rightContainer .wrapper .link {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #65A09A;
  max-width: 188px;
  height: 50px;
  border-radius: 30px;
  gap: 8px;
}
#login .container .rightContainer .wrapper .link .text {
  color: #FFF;
  font-size: 14px;
  font-weight: 700;
}
#login .container .rightContainer .wrapper .linkWrap {
  display: block;
  margin: 80px auto;
  max-width: 188px;
}
#login .container .rightContainer .wrapper .sendMessage {
  font-size: 15px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  color: #65A09A;
  margin: 44.5px 0 0px;
  padding-bottom: 8px;
  position: relative;
  padding-left: 30px;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  #login .container .rightContainer .wrapper .sendMessage {
    font-size: 13px;
    margin: 24px 0 8px;
  }
}
#login .container .rightContainer .wrapper .sendMessage::before {
  position: absolute;
  top: -6px;
  left: 0;
  content: "";
  background: url(/assets/check-255de0bfcb70437f39aa6bf7b67b358129302a91a91ac55eacaf524f7cef6c6d.svg) no-repeat;
  width: 24px;
  height: 24px;
}
#login .container .rightContainer .wrapper .error-message {
  color: #DE8A6D;
  font-weight: bold;
}
#login .container .rightContainer .wrapper .inputContainer {
  margin-top: 16px;
  font-size: 14px;
}
#login .container .rightContainer .wrapper .inputContainer .inputTitle {
  display: block;
  margin: 16px 0 8px;
  font-size: 14px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
}
@media screen and (max-width: 768px) {
  #login .container .rightContainer .wrapper .inputContainer .inputTitle {
    font-size: 13px;
  }
}
#login .container .rightContainer .wrapper .inputContainer .inputText {
  width: 100%;
  height: 56px;
  border: 1px solid #dad8d8;
  border-radius: 10px;
  padding: 0px 16px;
  font-size: 14px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #login .container .rightContainer .wrapper .inputContainer .inputText {
    font-size: 12px;
  }
}
#login .container .rightContainer .wrapper .inputContainer .notice {
  margin-top: 8px;
  font-size: 14px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
}
@media screen and (max-width: 768px) {
  #login .container .rightContainer .wrapper .inputContainer .notice {
    font-size: 12px;
  }
}
#login .container .rightContainer .wrapper .signInMethodsDivider {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 16px;
  align-items: center;
  justify-content: center;
  color: #959595;
  margin: 16px 0;
}
#login .container .rightContainer .wrapper .signInMethodsDivider .signInMethodsDividerHr {
  display: block;
  height: 1px;
  width: 100%;
  background-color: #D8D8D8;
}
#login .container .rightContainer .wrapper .lineSignInButtonContainer {
  display: flex;
  justify-content: center;
}
#login .container .rightContainer .wrapper .lineSignInButtonContainer .lineSignInButton {
  appearance: none;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}
#login .container .rightContainer .wrapper .lineSignInButtonContainer .lineSignInButton img {
  max-width: 180px;
}
#login .container .rightContainer .wrapper .lineSignInButtonContainer .lineSignInButton:disabled {
  pointer-events: none;
  opacity: 0.6;
}
#login .container .rightContainer .wrapper .registerButton {
  width: 100%;
  height: 54px;
  border-radius: 30px;
  background-color: #65A09A;
  color: #FFF;
  font-size: 14px;
  font-weight: 600;
  margin: 16px 0 8px;
  transition: 0.4s;
}
#login .container .rightContainer .wrapper .registerButton:disabled {
  background-color: #D8D8D8;
  color: #FFF;
  cursor: initial;
}
#login .container .rightContainer .wrapper .registerButton:hover {
  background: #80BEB8;
  opacity: 1;
}
#login .container .rightContainer .wrapper .registerButton:disabled:hover {
  background: #D8D8D8;
  opacity: 1;
}
#login .container .rightContainer .wrapper .resetButton {
  width: 134px;
  height: 42px;
  border-radius: 30px;
  background-color: #65A09A;
  color: #FFF;
  font-size: 14px;
  font-weight: 600;
  margin: 16px 0 8px;
  transition: 0.4s;
}
#login .container .rightContainer .wrapper .resetButton:disabled {
  background-color: #D8D8D8;
  color: #FFF;
}
#login .container .rightContainer .wrapper .login {
  margin-top: 26px;
  font-size: 12px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  #login .container .rightContainer .wrapper .login {
    margin-top: 18px;
    font-size: 12px;
  }
}
#login .container .rightContainer .wrapper .login a {
  text-decoration: underline;
  color: #DE8A6D;
}
#login .container .rightContainer .wrapper .confirmAgreementPolicyAndTerms {
  font-size: 12px;
  margin-top: 26px;
  line-height: 16px;
  border: 1px solid #dad8d8;
  border-radius: 10px;
  padding: 16px;
}
@media screen and (max-width: 768px) {
  #login .container .rightContainer .wrapper .confirmAgreementPolicyAndTerms {
    margin-top: 18px;
    padding: 14px;
    background-color: #ffffff;
    border: none;
  }
}
#login .container .rightContainer .wrapper .confirmAgreementPolicyAndTerms a {
  text-decoration: underline;
  color: #DE8A6D;
}
#login .container .rightContainer .wrapper .Box {
  width: 100%;
  height: 50px;
  border-radius: 12px;
  border: none;
  padding-left: 16px;
  font-size: 14px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #login .container .rightContainer .wrapper .Box {
    font-size: 12px;
  }
}
#login .container .rightContainer .wrapper .Flex {
  display: flex;
  align-items: center;
  width: 100%;
  height: 53px;
  border-radius: 12px;
  border: 1px solid #DAD8D8;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-top: 8px;
  background: #FFF;
}
#login .container .rightContainer .wrapper .Flex span {
  padding-right: 16px;
}
#login .container .rightContainer .buttonItem {
  position: relative;
  width: 188px;
  height: 50px;
  border-radius: 30px;
  background: #65A09A;
  color: #FFF;
  font-size: 14px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 80px auto 0;
}
@media screen and (max-width: 768px) {
  #login .container .rightContainer .buttonItem {
    margin: 40px auto 0;
  }
}
#login .container .rightContainer .buttonItemIconRight {
  display: inline-block;
  vertical-align: middle;
  color: #FFF;
  line-height: 1;
  position: relative;
  width: 10px;
  height: 10px;
  transform: translateX(-25%) rotate(45deg);
}
#login .container .rightContainer .buttonItemIconRight::before, #login .container .rightContainer .buttonItemIconRight::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 3px;
}
#login .container .rightContainer .buttonItemIconRight::before {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}
#login .container .rightContainer .buttonItemIconRight::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}
#login .container .rightContainer .buttonItemIconLeft {
  display: inline-block;
  vertical-align: middle;
  color: #FFF;
  line-height: 1;
  position: relative;
  width: 10px;
  height: 10px;
}
#login .container .rightContainer .buttonItemIconLeft::before {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 3px;
}
#login .container .rightContainer .buttonItemIconLeft::before {
  top: 4px;
  left: 10px;
  right: -12px;
  height: 2px;
}
#login .underLine {
  text-decoration: underline;
}
#login .reset_link {
  text-decoration: underline;
  color: #DE8A6D;
  font-size: 12px;
  font-family: "Poppins", sans-serif;
  display: block;
  line-height: 1.5;
}
#login .appFormInputTitleArea {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
#login .appFormRequired {
  font-size: 11px;
  font-weight: 500;
  color: #D96060;
  font-family: "Noto Sans JP", sans-serif;
  border-radius: 6px;
  border: 1px solid #D96060;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px 8px;
  margin-top: 8px;
}
#login #loginMigrationNoticeModal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}
#login #loginMigrationNoticeModal .loginMigrationNoticeModalContent {
  display: grid;
  grid-template-columns: 1fr auto;
  padding: 24px;
  background-color: white;
  border-radius: 8px;
  row-gap: 16px;
  column-gap: 8px;
}
@media screen and (max-width: 768px) {
  #login #loginMigrationNoticeModal .loginMigrationNoticeModalContent {
    padding: 24px 16px;
  }
}
#login #loginMigrationNoticeModal .loginMigrationNoticeModalContent .loginMigrationNoticeModalCloseButton {
  grid-column: 2/3;
  grid-row: 1/3;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  cursor: pointer;
}
#login #loginMigrationNoticeModal .loginMigrationNoticeModalContent .loginMigrationNoticeModalTitle {
  font-weight: bold;
  font-size: 22px;
}
@media screen and (max-width: 768px) {
  #login #loginMigrationNoticeModal .loginMigrationNoticeModalContent .loginMigrationNoticeModalTitle {
    font-size: 18px;
  }
}
#login #loginMigrationNoticeModal .loginMigrationNoticeModalContent .loginMigrationNoticeModalMessage {
  font-weight: 400;
  color: #979797;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
#login #loginMigrationNoticeModal .loginMigrationNoticeModalContent .loginMigrationNoticeModalButtonContainer {
  grid-column: 1/3;
  display: flex;
  justify-content: flex-end;
  padding-top: 8px;
}
#login #loginMigrationNoticeModal .loginMigrationNoticeModalContent .loginMigrationNoticeModalButtonContainer .loginMigrationNoticeModalButton {
  background-color: #65A09A;
  color: white;
  border-radius: 30px;
  margin-right: 8px;
  padding: 16px 32px;
  height: auto !important;
}

.lineSignInButton {
  appearance: none;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}
.lineSignInButton img {
  max-width: 180px;
}
.lineSignInButton:disabled {
  pointer-events: none;
  opacity: 0.6;
}

#thanks {
  background: #F9F8F8;
}
#thanks .mainContents {
  max-width: 1512px;
  margin: 0 auto;
  background: #F9F8F8;
  padding: 98px 0px 28px;
}
@media screen and (max-width: 768px) {
  #thanks .mainContents {
    padding: 86px 0px 16px;
  }
}
#thanks .errorMessage {
  color: #DE8A6D;
  font-weight: bold;
}
#thanks .thanks {
  padding: 80px 40px 80px;
  margin: 0 14% 80px;
  border-radius: 10px;
  background: #FFF;
  border: 1px solid #E4E0E0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  #thanks .thanks {
    margin: 0 4% 40px;
    padding: 32px 16px 40px;
  }
}
#thanks .thanksTextArea {
  text-align: center;
  max-width: 543px;
  margin: 0 auto;
  padding-bottom: 19px;
}
@media screen and (max-width: 768px) {
  #thanks .thanksTextArea {
    max-width: 326px;
  }
}
#thanks .thanksTextAreaTitle {
  font-size: 23px;
  font-weight: 600;
  color: #DE8A6D;
  position: relative;
}
@media screen and (max-width: 768px) {
  #thanks .thanksTextAreaTitle {
    font-size: 18px;
  }
}
#thanks .thanksTextAreaTitle::before, #thanks .thanksTextAreaTitle::after {
  width: 110px;
  height: 50px;
  content: "";
  position: absolute;
}
#thanks .thanksTextAreaTitle::before {
  top: -30px;
  left: 50px;
  background: url(/assets/thanks_left-2922d8858a9074e956b6d8458534044e345a3248805131cbaee3dff0adf6761b.svg) no-repeat 16px center;
}
@media screen and (max-width: 768px) {
  #thanks .thanksTextAreaTitle::before {
    left: 5px;
    background-size: 41px;
  }
}
#thanks .thanksTextAreaTitle::after {
  top: -30px;
  right: 50px;
  background: url(/assets/thanks_right-b82250c5da9b7a935e7aafd884091f68f5fe0096f39cc2832a269413a2e995f8.svg) no-repeat 16px center;
}
@media screen and (max-width: 768px) {
  #thanks .thanksTextAreaTitle::after {
    top: -25px;
    right: -40px;
    background-size: 41px;
  }
}
#thanks .thanksTextAreaMessage {
  font-size: 15px;
  line-height: 1.6;
  font-weight: 400;
  color: #535353;
  font-family: "Poppins", sans-serif;
  margin-top: 8px;
}
@media screen and (max-width: 768px) {
  #thanks .thanksTextAreaMessage {
    font-size: 13px;
  }
}
#thanks .thanksImageArea {
  text-align: center;
}
#thanks .thanksImageArea img {
  width: 100%;
  padding: 0 15%;
}
@media screen and (max-width: 768px) {
  #thanks .thanksImageArea img {
    padding: 0 22px;
  }
}
#thanks .thanks .apply {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
#thanks .thanks .applyButton {
  max-width: 201px;
  width: 100%;
  height: 54px;
  border-radius: 32px;
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  cursor: pointer;
  color: #FFF;
  background: #65A09A;
}
@media screen and (max-width: 768px) {
  #thanks .thanks .applyButton {
    font-size: 13px;
    max-width: initial;
  }
}
#thanks .thanks .applyButton[disabled] {
  background-color: #D8D8D8;
  color: #fff;
}
#thanks .appFormInputRadioArea {
  display: flex;
  justify-content: center;
  margin-top: 8px;
  gap: 8px;
  color: #323232;
}
#thanks .appFormInputRadioAreaTitle {
  font-size: 14px;
  font-weight: 400;
  font-family: "Noto Sans JP", sans-serif;
  width: 100%;
  height: 57px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  margin: 0 auto;
  border: 1px solid #DAD8D8;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#thanks .appFormInputRadioAreaSelect {
  accent-color: cadetblue;
  margin-right: 8px;
}
#thanks .appFormInputRadioArea label {
  width: 100%;
  cursor: pointer;
}
#thanks .favoriteList {
  padding: 60px 0px 0px;
}
@media screen and (max-width: 768px) {
  #thanks .favoriteList {
    padding: 40px 0px 0px;
  }
}
#thanks .favoriteListSpCheckArea {
  display: flex;
  align-items: center;
  padding: 16px 8px;
  gap: 8px;
  font-size: 12px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  color: #323232;
}
#thanks .favoriteListTitle {
  width: 100%;
  font-size: 18px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #thanks .favoriteListTitle {
    font-size: 14px;
  }
}
#thanks .favoriteListComment {
  width: 100%;
  font-size: 15px;
  font-weight: 400;
  color: #979797;
  font-family: "Poppins", sans-serif;
  padding-top: 7px;
}
@media screen and (max-width: 768px) {
  #thanks .favoriteListComment {
    font-size: 12px;
  }
}
#thanks .favoriteListTable {
  width: 100%;
  margin-top: 22px;
}
#thanks .favoriteListTableHeader {
  background: #F6F3F0;
  height: 43px;
  vertical-align: middle;
  text-align: left;
  font-size: 12px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #thanks .favoriteListTableHeader {
    border-radius: 6px;
    display: flex;
    align-items: center;
    padding-left: 8px;
  }
}
#thanks .favoriteListTableHeaderFirst {
  border-radius: 6px 0 0 6px;
  text-align: center;
  padding: 0 5px;
}
@media screen and (max-width: 768px) {
  #thanks .favoriteListTableHeaderFirst {
    padding: 0px;
  }
}
#thanks .favoriteListTableHeaderEnd {
  border-radius: 0 6px 6px 0;
  width: 20%;
}
@media screen and (max-width: 768px) {
  #thanks .favoriteListTableHeaderEnd {
    width: 100%;
  }
}
#thanks .favoriteListTableTd {
  height: 50px;
  vertical-align: middle;
  padding: 19px 8px 16px;
}
#thanks .favoriteListTable tr:not(:last-child) {
  border-bottom: 1px solid #C5C0C0;
}
#thanks .favoriteListSchoolName {
  font-size: 13px;
  font-weight: 400;
  color: #323232;
  font-family: "Poppins", sans-serif;
}
#thanks .favoriteListSchoolNameFlex {
  justify-content: space-around;
  display: flex;
  flex-direction: column;
  height: 50px;
}
@media screen and (max-width: 768px) {
  #thanks .favoriteListSchoolNameFlex {
    justify-content: center;
    gap: 4px;
  }
}
#thanks .favoriteListSchoolNameAdress {
  font-size: 12px;
  font-weight: 500;
  color: #787878;
  font-family: "Poppins", sans-serif;
}
#thanks .favoriteListSchoolNameAreaFlex {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
@media screen and (max-width: 768px) {
  #thanks .favoriteListSchoolNameAreaFlex {
    padding-left: 8px;
    height: 66px;
  }
}
#thanks .favoriteListSchoolNameAreaFlex img {
  width: 50px;
  height: 28px;
  border-radius: 5px;
  object-fit: cover;
}
@media screen and (max-width: 768px) {
  #thanks .favoriteListSchoolNameAreaFlex img {
    width: 38px;
    height: 21px;
    border-radius: 4px;
  }
}
#thanks .favoriteListSchoolMoney {
  font-size: 13px;
  font-weight: 600;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #thanks .favoriteListSchoolMoney {
    font-size: 14px;
  }
}
#thanks .favoriteListSchoolMoneyFlex {
  justify-content: space-around;
  display: flex;
  flex-direction: column;
  height: 50px;
}
@media screen and (max-width: 768px) {
  #thanks .favoriteListSchoolMoneyFlex {
    padding: 16px 0px 16px 8px;
    gap: 8px;
    height: 66px;
  }
}
#thanks .favoriteListSchoolMoneyMonth {
  font-size: 13px;
  font-weight: 500;
  color: #787878;
  font-family: "Poppins", sans-serif;
}
#thanks .favoriteListInputRadioArea {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #thanks .favoriteListInputRadioArea {
    padding-top: 21px;
    gap: 32px;
    padding-bottom: 24px;
  }
}
#thanks .favoriteListInputRadioAreaTitle {
  font-size: 14px;
  font-weight: 400;
  font-family: "Noto Sans JP", sans-serif;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
#thanks .favoriteListInputRadioAreaSelect {
  accent-color: cadetblue;
  margin-right: 8px;
}
#thanks .favoriteListHope {
  max-width: 374px;
  margin: 0 auto;
  padding-top: 56px;
}
@media screen and (max-width: 768px) {
  #thanks .favoriteListHope {
    padding-top: 16px;
  }
}
#thanks .favoriteListHopeComment {
  font-size: 14px;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  color: #787878;
}
@media screen and (max-width: 768px) {
  #thanks .favoriteListHopeComment {
    padding-top: 4px;
  }
}
#thanks .privacy {
  max-width: 1512px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 14px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  color: #FFF;
  margin: 0 auto;
  padding: 40px 0 0;
}
@media screen and (max-width: 768px) {
  #thanks .privacy {
    font-size: 12px;
    padding: 32px 0 0;
  }
}
#thanks .privacy a {
  text-decoration-line: underline;
}
#thanks .privacyButton {
  max-width: 201px;
  width: 100%;
  height: 54px;
  border-radius: 32px;
  background: #FFF;
  border: 2px solid #65A09A;
  color: #65A09A;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  #thanks .privacyButton {
    font-size: 13px;
    max-width: 151px;
    height: 45px;
  }
}
#thanks .privacyButton:hover {
  opacity: 0.6;
}
#thanks .privacyButtonArea {
  max-width: 418px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 16px;
}
@media screen and (max-width: 768px) {
  #thanks .privacyButtonArea {
    justify-content: center;
    gap: 8px;
  }
}
#thanks .privacy .green {
  background: #65A09A;
  border: none;
  color: #FFF;
}
#thanks .privacyCheckArea {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
}
#thanks .entry {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 15px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  color: #FFF;
  margin: 56px auto 0px;
  border-top: 1px solid #C5C0C0;
}
@media screen and (max-width: 768px) {
  #thanks .entry {
    font-size: 12px;
  }
}
#thanks .entryButtonNg, #thanks .entryButtonOk {
  max-width: 201px;
  width: 100%;
  height: 54px;
  border-radius: 32px;
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  #thanks .entryButtonNg, #thanks .entryButtonOk {
    font-size: 13px;
    max-width: initial;
  }
}
#thanks .entryButtonOk {
  color: #FFF;
  background: #65A09A;
}
#thanks .entryButtonNg {
  color: #65A09A;
  background: #FFF;
  border: 2px solid #65A09A;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#thanks .entryButtonArea {
  max-width: 418px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding-top: 40px;
}
@media screen and (max-width: 768px) {
  #thanks .entryButtonArea {
    flex-direction: column;
    align-items: center;
    padding-top: 32px;
  }
}
#thanks .menuWrap {
  position: relative;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  gap: 2%;
  row-gap: 16px;
  padding: 12px 0% 16px;
}
@media screen and (max-width: 768px) {
  #thanks .menuWrap {
    gap: initial;
    justify-content: initial;
    flex-wrap: initial;
  }
}
#thanks .menuContents {
  background: #EDF6F6;
  border-radius: 10px;
  width: 192px;
  height: 192px;
  text-align: center;
  border-radius: 50%;
}
#thanks .menuContentsTitle {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  color: #65A09A;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 31px;
  padding: 60px 0 16px;
}
#thanks .menuContentsCaption {
  font-size: 12px;
  font-weight: 500;
  color: #323232;
  line-height: 1.84;
  padding: 0 7%;
}
#thanks .menuContents .letterSpace {
  letter-spacing: -0.5px;
}
#thanks .menuBorder {
  position: relative;
  width: 75%;
  height: 1px;
  margin: 16px 0px 16px;
  display: inline-block;
}
#thanks .menuBorder::before {
  content: "";
  background-image: linear-gradient(to right, #C5C0C0, #C5C0C0 9px, transparent 9px, transparent 16px);
  background-size: 16px 1px;
  background-repeat: repeat-x;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#thanks .menuBubble {
  position: relative;
  font-size: 18px;
  font-weight: 800;
  font-family: "M PLUS Rounded 1c", sans-serif;
  padding: 10px 0;
  text-align: center;
  width: 238px;
  color: #65A09A;
  margin: 40px auto 0;
}
@media screen and (max-width: 768px) {
  #thanks .menuBubble {
    font-size: 13px;
  }
}
#thanks .menuBubble::before {
  position: absolute;
  bottom: 15px;
  left: -20px;
  content: "";
  width: 25px;
  height: 3px;
  background: #65A09A;
  transform: rotate(55deg);
  border-radius: 3px;
}
@media screen and (max-width: 768px) {
  #thanks .menuBubble::before {
    left: 0px;
  }
}
#thanks .menuBubble::after {
  position: absolute;
  bottom: 15px;
  right: -20px;
  content: "";
  width: 25px;
  height: 3px;
  background: #65A09A;
  transform: rotate(-55deg);
  border-radius: 3px;
}
@media screen and (max-width: 768px) {
  #thanks .menuBubble::after {
    right: 0px;
  }
}
#thanks .menuBubbleWrap {
  position: relative;
}
@media screen and (max-width: 768px) {
  #thanks .swiperContainer {
    max-width: 192px;
  }
}
#thanks .swiper-pagination-bullet {
  border: 1px solid #65A09A !important;
}
#thanks .swiper-pagination-bullet-active {
  background: #65A09A !important;
}
@media screen and (max-width: 768px) {
  #thanks .swiper-pagination {
    bottom: 0;
  }
}
#thanks .modalThanks {
  display: none;
  position: fixed;
  z-index: 200;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.3);
  color: #323232;
}
#thanks .modalThanksOpen {
  display: block;
}
#thanks .modalThanksContent {
  max-width: 813px;
  min-height: 648px;
  background-color: #FFF;
  margin: 100px auto;
  padding: 24px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25), 0 20px 25px 0 rgba(15, 23, 42, 0.1), 0 10px 10px -5px rgba(15, 23, 42, 0.04);
  animation-name: modalopen;
  animation-duration: 1s;
  border-radius: 8px;
}
@media screen and (max-width: 768px) {
  #thanks .modalThanksContent {
    width: 90%;
    padding: 24px 16px;
    height: initial;
    margin: 165px auto;
    border-radius: 8px;
    min-height: initial;
  }
}
#thanks .modalThanksHeader {
  display: flex;
  justify-content: space-between;
}
#thanks .modalThanksHeaderTitle {
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  #thanks .modalThanksHeaderTitle {
    font-size: 18px;
  }
}
#thanks .modalThanksHeaderCaption {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  color: #787878;
  padding-top: 16px;
}
@media screen and (max-width: 768px) {
  #thanks .modalThanksHeaderCaption {
    font-size: 13px;
  }
}
#thanks .modalThanksClose {
  display: block;
  width: 24px;
  height: 24px;
  background: #FFF;
  position: relative;
}
#thanks .modalThanksClose:before, #thanks .modalThanksClose:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #000;
  transform: rotate(45deg);
  transform-origin: 0% 50%;
  position: absolute;
  top: calc(14% - 5px);
  left: 14%;
}
#thanks .modalThanksClose:after {
  transform: rotate(-45deg);
  transform-origin: 100% 50%;
  left: auto;
  right: 14%;
}
#thanks .modalThanksClose:hover {
  cursor: pointer;
}
#thanks .modalThanksBody {
  padding-top: 24px;
}
@media screen and (max-width: 768px) {
  #thanks .modalThanksBody {
    height: initial;
    overflow: initial;
  }
}
#thanks .modalThanksBodyPassword {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #thanks .modalThanksBodyPassword {
    font-size: 13px;
  }
}
#thanks .modalThanksBodyPasswordMemo {
  margin-top: 8px;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #thanks .modalThanksBodyPasswordMemo {
    font-size: 12px;
  }
}
#thanks .modalThanksBodyPasswordBox {
  width: 100%;
  height: 50px;
  border-radius: 12px;
  border: none;
  padding-left: 16px;
}
#thanks .modalThanksBodyPasswordFlex {
  display: flex;
  align-items: center;
  width: 100%;
  height: 53px;
  border-radius: 12px;
  border: 1px solid #DAD8D8;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-top: 8px;
}
#thanks .modalThanksBodyPasswordFlex span {
  padding-right: 16px;
}
#thanks .modalThanksBodySubmit {
  width: 169px;
  height: 54px;
  background: #65A09A;
  border-radius: 32px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: #FFF;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  #thanks .modalThanksBodySubmit {
    margin-top: 24px;
  }
}
#thanks .modalThanksBodySubmit:hover {
  background: #80BEB8;
  border: none;
}
#thanks .modalThanksBodySubmitArea {
  text-align: right;
}
#thanks .modalThanksBodySubmit:disabled {
  background: #D8D8D8;
  cursor: initial;
}
#thanks .modalThanksMenuWrap {
  background: #65A09A;
  border-radius: 8px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2%;
  row-gap: 16px;
  flex-wrap: wrap;
  padding: 86px 7% 24px;
  margin-top: 24px;
}
#thanks .modalThanksMenuContents {
  background: #EDF6F6;
  border-radius: 10px;
  width: 204px;
  height: 210px;
  text-align: center;
}
#thanks .modalThanksMenuContentsTitle {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  color: #65A09A;
  margin-top: 40px;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#thanks .modalThanksMenuContentsCaption {
  font-size: 13px;
  font-weight: 500;
  color: #323232;
  line-height: 1.84;
  padding: 0 7%;
}
#thanks .modalThanksMenuContents .letterSpace {
  letter-spacing: -0.5px;
}
#thanks .modalThanksBubble {
  position: absolute;
  top: 24px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  width: 267px;
  background: #F9A627;
  border-radius: 50px;
  border: 2px solid #FFF;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 14px;
  font-weight: 800;
  font-family: "M PLUS Rounded 1c", sans-serif;
  color: #FFF;
  padding: 13px 30px;
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.15);
  white-space: nowrap;
  text-align: center;
}
#thanks .modalThanksBubble:after, #thanks .modalThanksBubble:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
#thanks .modalThanksBubble:after {
  border-color: rgba(249, 166, 39, 0);
  border-top-width: 15px;
  border-bottom-width: 22px;
  border-left-width: 4px;
  border-right-width: 4px;
  margin-left: -10px;
  border-top-color: #F9A627;
  top: 100%;
  left: 14%;
}
#thanks .modalThanksBubble:before {
  border-color: rgba(249, 166, 39, 0);
  border-top-width: 17px;
  border-bottom-width: 22px;
  border-left-width: 7px;
  border-right-width: 7px;
  margin-left: -10px;
  border-top-color: #FFF;
  top: 100%;
  left: 12.8%;
}
#thanks .modalThanksBubbleWrap {
  position: relative;
}
#thanks input[type=checkbox] {
  position: relative;
  height: 18px;
  width: 18px;
  display: inline-block;
  border-radius: 5px;
  border: 2px solid #ccc;
  background: #fff;
  -webkit-appearance: none;
  appearance: none;
  flex-shrink: 0;
}
#thanks input[type=checkbox]:checked {
  border: none;
  background: #DE8A6D;
}
#thanks input[type=checkbox]:checked::before,
#thanks input[type=checkbox]:checked::after {
  display: block;
  content: "";
  position: absolute;
  border-radius: 2px;
  transform: rotate(45deg);
  background: #fff;
}
#thanks input[type=checkbox]:checked::before {
  bottom: 6px;
  left: 2px;
  width: 8px;
  height: 3px;
}
#thanks input[type=checkbox]:checked::after {
  bottom: 4px;
  left: 10px;
  width: 3px;
  height: 11px;
}
#thanks .thanksBorder {
  position: relative;
  width: 86%;
  height: 1px;
  margin: 24px 0px 16px;
  display: inline-block;
}
#thanks .thanksBorder::before {
  content: "";
  background-image: linear-gradient(to right, #C5C0C0, #C5C0C0 9px, transparent 9px, transparent 16px);
  background-size: 16px 1px;
  background-repeat: repeat-x;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#thanks .modalExistThanks {
  display: none;
  position: fixed;
  z-index: 200;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.3);
  color: #323232;
}
#thanks .modalExistThanksOpen {
  display: block;
}
#thanks .modalExistThanksContent {
  max-width: 530px;
  height: 220px;
  background-color: #FFF;
  margin: 300px auto;
  padding: 24px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25), 0 20px 25px 0 rgba(15, 23, 42, 0.1), 0 10px 10px -5px rgba(15, 23, 42, 0.04);
  animation-name: modalopen;
  animation-duration: 1s;
  border-radius: 8px;
}
@media screen and (max-width: 768px) {
  #thanks .modalExistThanksContent {
    width: 90%;
    margin: 165px auto;
    border-radius: 8px;
  }
}
#thanks .modalExistThanksHeader {
  display: flex;
  justify-content: space-between;
}
#thanks .modalExistThanksHeaderTitle {
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  #thanks .modalExistThanksHeaderTitle {
    font-size: 15px;
  }
}
#thanks .modalExistThanksHeaderCaption {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  color: #787878;
  padding-top: 16px;
}
@media screen and (max-width: 768px) {
  #thanks .modalExistThanksHeaderCaption {
    font-size: 13px;
  }
}
#thanks .modalExistThanksClose {
  display: block;
  width: 24px;
  height: 24px;
  background: #FFF;
  position: relative;
}
#thanks .modalExistThanksClose:before, #thanks .modalExistThanksClose:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #000;
  transform: rotate(45deg);
  transform-origin: 0% 50%;
  position: absolute;
  top: calc(14% - 5px);
  left: 14%;
}
#thanks .modalExistThanksClose:after {
  transform: rotate(-45deg);
  transform-origin: 100% 50%;
  left: auto;
  right: 14%;
}
#thanks .modalExistThanksClose:hover {
  cursor: pointer;
}
#thanks .modalExistThanksBody {
  overflow: scroll;
  padding-top: 24px;
}
@media screen and (max-width: 768px) {
  #thanks .modalExistThanksBody {
    height: initial;
    overflow: initial;
  }
}
#thanks .modalExistThanksBodySubmit {
  display: flex;
  width: 169px;
  height: 54px;
  background: #65A09A;
  border-radius: 32px;
  color: #FFF;
  font-size: 16px;
  font-weight: 600;
  justify-content: center;
  align-items: center;
}
#thanks .modalExistThanksBodySubmitArea {
  display: flex;
  justify-content: flex-end;
}
#thanks .errorText {
  color: red;
  margin-top: 8px;
}

html,
body {
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  html,
body {
    font-size: 14px;
  }
}

a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
a:link, a:hover, a:active, a:visited {
  text-decoration: none;
}

a:hover {
  color: inherit;
}

a,
button {
  z-index: 1;
  cursor: pointer;
}
a:hover,
button:hover {
  opacity: 0.8;
  transition: 0.3s;
}

input,
button {
  border: none;
  outline: none;
  font-size: 100%;
}
input[type=submit],
button[type=submit] {
  cursor: pointer;
}

* {
  box-sizing: border-box;
}

/*
 * レスポンシブ
 */
.pcOnly {
  display: block;
}
@media screen and (max-width: 768px) {
  .pcOnly {
    display: none !important;
  }
}

.pcOnlyTable {
  display: table;
}
@media screen and (max-width: 768px) {
  .pcOnlyTable {
    display: none !important;
  }
}

.spOnly {
  display: none;
}
@media screen and (max-width: 768px) {
  .spOnly {
    display: block !important;
  }
}

.pcOnlyFlex {
  display: flex;
}
@media screen and (max-width: 768px) {
  .pcOnlyFlex {
    display: none !important;
  }
}

.spOnlyFlex {
  display: none;
}
@media screen and (max-width: 768px) {
  .spOnlyFlex {
    display: flex !important;
  }
}

.pcOnlyTable {
  display: table;
}
@media screen and (max-width: 768px) {
  .pcOnlyTable {
    display: none !important;
  }
}

/*
 * display
 */
.block {
  display: block;
}

.none {
  display: none !important;
}

.flex {
  display: flex;
}

.justify_center {
  display: flex;
  justify-content: center;
}

.block {
  display: block;
}

/*
 * position
 */
.center_all {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.textCenter {
  text-align: center;
}

/*
 * padding, margin
 */
.p_x_auto {
  padding-left: auto;
  padding-right: auto;
}
.p_x_16px {
  padding-left: 16px;
  padding-right: 16px;
}
.p_l_10px {
  padding-left: 10px;
}
.p_l_20px {
  padding-left: 20px;
}
.p_l_30px {
  padding-left: 30px;
}
.p_l_40px {
  padding-left: 40px;
}

.m_r_16px {
  margin-right: 16px;
}
.m_l_16px {
  margin-left: 16px;
}
.m_l_24px {
  margin-left: 24px;
}
.m_x_auto {
  margin-left: auto;
  margin-right: auto;
}
.m_x_30px {
  margin-left: 30px;
  margin-right: 30px;
}
.m_y_10px {
  margin-top: 10px;
  margin-bottom: 10px;
}
.m_y_15px {
  margin-top: 15px;
  margin-bottom: 15px;
}
.m_y_20px {
  margin-top: 20px;
  margin-bottom: 20px;
}
.m_y_30px {
  margin-top: 30px;
  margin-bottom: 30px;
}
.m_y_50px {
  margin-top: 50px;
  margin-bottom: 50px;
}
.m_b_20px {
  margin-bottom: 20px;
}
.m_b_30px {
  margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
  .spHidden {
    display: none;
  }
}

.spAppear {
  display: none;
}
@media screen and (max-width: 768px) {
  .spAppear {
    display: block;
  }
}

.spAppearFlex {
  display: none !important;
}
@media screen and (max-width: 768px) {
  .spAppearFlex {
    display: flex !important;
  }
}

.spAppearTable {
  display: none;
}
@media screen and (max-width: 768px) {
  .spAppearTable {
    display: table;
  }
}

.pRelative {
  position: relative;
}

.pSticky {
  position: sticky !important;
}

.bodyFixed {
  position: fixed;
  inset: 0;
}

.bodyOverfllowHideen {
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .spBr::before {
    content: "\a";
    white-space: pre;
  }
}

@media screen and (max-width: 768px) {
  input[type=text],
input[type=password],
input[type=tel],
input[type=email],
input[type=number],
input[type=search],
textarea {
    font-size: 16px !important;
  }
}

.invisible {
  visibility: hidden;
}

.toast {
  position: fixed;
  top: 86px;
  right: 24px;
  z-index: 210;
  color: #FFF;
  font-weight: 600;
  font-size: 14px;
  min-width: 350px;
  display: flex;
  align-items: center;
  border-radius: 8px;
  opacity: 1;
  transition: all 0.2s linear;
}
@media screen and (max-width: 768px) {
  .toast {
    min-width: initial;
    right: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width: 90%;
  }
}
.toast.hide {
  opacity: 0;
  visibility: hidden;
}
.toast .toast-body {
  position: relative;
  padding-left: 30px;
}
.toast .toast-bodyOk::before {
  content: "";
  background: url(/assets/check_share-0a67d311e407b197f5b5b25bb0839bcb611f94ee605f439db4a73c984cf6067a.svg) no-repeat center center;
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 24px;
  height: 24px;
}
.toast .toast-bodyNg::before {
  content: "";
  background: url(/assets/error-1d0607f21ffbd49e9ed37a3c8460b5d60f692d06373b2d4057fda12c09296b09.svg) no-repeat center center;
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 24px;
  height: 24px;
}
.toastOk {
  background: #55B938;
}
.toastNg {
  background: #D65745;
}
.toast .d-flex {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 16px;
}
.toast button {
  padding: 0;
  border: none;
  outline: none;
  font: inherit;
  color: inherit;
  background: none;
  position: relative;
}
.toast .btn-close {
  height: 10px;
  width: 10px;
}
.toast .btn-close::before, .toast .btn-close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 12px;
  background: #FFF;
}
.toast .btn-close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.toast .btn-close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.toast .btn-close-label {
  position: absolute;
  top: 6px;
  right: 14px;
  cursor: pointer;
  z-index: 1;
}

input:-webkit-autofill {
  box-shadow: 0 0 0 1000px #FFF inset;
}

.datepicker-days td, .datepicker-days th {
  width: 40px !important;
  height: 40px !important;
  font-weight: 600;
  color: #323232;
  vertical-align: middle;
}
.datepicker-days .datepicker table tr td.range, .datepicker-days .datepicker table tr td.range.disabled, .datepicker-days .datepicker table tr td.range.disabled:hover, .datepicker-days .datepicker table tr td.range:hover {
  border-radius: 0 !important;
}
.datepicker-days .range-start-custom {
  border-radius: 8px 0 0 8px !important;
}
.datepicker-days .range-end-custom {
  border-radius: 0 8px 8px 0 !important;
}

.datepicker th {
  font-size: 13px;
}

.datepicker td {
  font-size: 14px;
  border-radius: 8px !important;
}

.datepicker table tr td.new,
.datepicker table tr td.old {
  color: #D8D8D8 !important;
}

.datepicker table tr td.day.focused,
.datepicker table tr td.day:hover {
  background: #EDF6F6 !important;
  color: #65A09A;
}

.datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled] {
  background-color: #65A09A !important;
  color: #FFF;
  background-image: initial;
}

.datepicker table tr td.selected, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected:hover {
  background-color: #65A09A !important;
  color: #FFF;
  background-image: initial !important;
}

.datepicker table tr td.range, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover, .datepicker table tr td.range:hover {
  background: #F1F5F5 !important;
  border-radius: 0 !important;
}

.datepicker {
  padding: 16px 24px !important;
  overflow: hidden;
}

.datepicker .prev,
.datepicker .next {
  width: 40px !important;
  height: 40px !important;
}

.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover {
  background: #EDF6F6 !important;
  box-shadow: initial;
}

.datepicker table tr td span {
  width: 93.33px !important;
  height: 40px !important;
  margin: 0 !important;
}

.datepicker-months,
.datepicker-years,
.datepicker-decades,
.datepicker-centuries {
  width: 280px;
  display: flex;
  justify-content: center;
}
.datepicker-months td, .datepicker-months th,
.datepicker-years td,
.datepicker-years th,
.datepicker-decades td,
.datepicker-decades th,
.datepicker-centuries td,
.datepicker-centuries th {
  width: 93.33px !important;
  height: 40px !important;
  font-weight: 600;
  color: #323232;
  vertical-align: middle;
}
.datepicker-months td span,
.datepicker-years td span,
.datepicker-decades td span,
.datepicker-centuries td span {
  display: flex !important;
  justify-content: center;
  align-items: center;
}
.datepicker-months table,
.datepicker-years table,
.datepicker-decades table,
.datepicker-centuries table {
  width: 100%;
}
.datepicker-months td span.focused,
.datepicker-years td span.focused,
.datepicker-decades td span.focused,
.datepicker-centuries td span.focused {
  background: #65A09A !important;
  color: #FFF;
}
.datepicker-months td span:hover,
.datepicker-years td span:hover,
.datepicker-decades td span:hover,
.datepicker-centuries td span:hover {
  background: #EDF6F6 !important;
  color: #65A09A;
}
.datepicker-months .table-condensed > tbody tr,
.datepicker-years .table-condensed > tbody tr,
.datepicker-decades .table-condensed > tbody tr,
.datepicker-centuries .table-condensed > tbody tr {
  height: 190px;
}
.datepicker-months .table-condensed > tbody td,
.datepicker-years .table-condensed > tbody td,
.datepicker-decades .table-condensed > tbody td,
.datepicker-centuries .table-condensed > tbody td {
  position: relative;
  vertical-align: bottom;
}
.datepicker-months .table-condensed > tbody td:before,
.datepicker-years .table-condensed > tbody td:before,
.datepicker-decades .table-condensed > tbody td:before,
.datepicker-centuries .table-condensed > tbody td:before {
  content: "";
  position: absolute;
  top: 12px;
  left: -30px;
  width: 350px;
  height: 1px;
  background: #D8D8D8;
}

.table-condensed > thead > tr:nth-child(2) > .prev {
  font-size: 0;
  position: relative;
}

.table-condensed > thead > tr:nth-child(2) > .prev::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background: url(/assets/chevron_left-75b3feb4cf5a6b8b4110625a74b30f47dbbb0e54114e896888325523dd5e144d.svg) center no-repeat;
  background-size: 50%;
  width: 40px;
  height: 40px;
  border: 1px solid #D8D8D8;
  border-radius: 8px;
}

.table-condensed > thead > tr:nth-child(2) > .prev:hover::before {
  border: none;
}

.table-condensed > thead > tr:nth-child(2) > .next {
  font-size: 0;
  position: relative;
}

.table-condensed > thead > tr:nth-child(2) > .next::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background: url(/assets/chevron_right-607684824f5a9271ca3219a84cea5fcfa5bed8d05935676a530e3a482c503ab0.svg) center no-repeat;
  background-size: 50%;
  width: 40px;
  height: 40px;
  border: 1px solid #D8D8D8;
  border-radius: 8px;
}

.table-condensed > thead > tr:nth-child(2) > .next:hover::before {
  border: none;
}

.datepicker table tr td span.active.active {
  background-color: #EDF6F6 !important;
  color: #65A09A;
  background-image: initial !important;
}

.datepicker table tr td span.active:hover {
  color: #65A09A !important;
}

.table-condensed > thead > tr:nth-child(3) > th {
  position: relative;
  height: 60px !important;
  vertical-align: bottom;
  padding-bottom: 8px;
}

.table-condensed > thead > tr:nth-child(3) > th::before {
  position: absolute;
  content: "";
  top: 20px;
  left: -30px;
  width: 100px;
  height: 1px;
  background: #D8D8D8;
}

.custom-select {
  background: initial;
  border: none;
  height: initial;
  padding: initial;
}

.container {
  max-width: initial;
  padding: initial;
}

.header {
  width: 100%;
  height: 62px;
  margin: 0 auto;
  background: #DE8A6D;
  position: fixed;
  top: 31px;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 110;
}
@media screen and (max-width: 768px) {
  .header {
    padding: 16px 16px 16px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.headerArea {
  margin: 0 auto;
  width: 100%;
  height: 62px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 32px 0 0;
}
@media screen and (max-width: 768px) {
  .headerArea {
    display: initial;
  }
}
.headerTitle {
  font-size: 28px;
  font-weight: 800;
  color: #FFF;
  padding-right: 15px;
  height: 62px;
}
@media screen and (max-width: 768px) {
  .headerTitle {
    font-size: 18px;
  }
}
.headerTitleImg {
  height: 100%;
}
.headerTitle a {
  height: 62px;
  display: inline-block;
  opacity: 1;
}

@media screen and (max-width: 768px) {
  .globalNav {
    display: none;
  }
}
.globalNavSp {
  display: none;
}
@media screen and (max-width: 768px) {
  .globalNavSp {
    display: block;
  }
}
.globalNavSpIcon1 {
  margin-right: 16px;
}
.globalNavSpMenu {
  position: fixed;
  top: 0;
  right: -1200%;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 20%, rgba(0, 0, 0, 0.4) 17%, #F9F8F8 17%, #F9F8F8 80%);
  width: 100%;
  height: 100vh;
  z-index: 100;
  padding-left: 20%;
  transition: 0.3s;
}
.globalNavSpMenuActive {
  right: 0;
  transition: 0.3s;
}
.globalNavSpMenu ul {
  display: flex;
  flex-direction: column;
}
.globalNavSpMenuButtonArea {
  display: flex;
  align-items: center;
  gap: 5%;
  margin: 76px 16px 0px;
  position: relative;
}
.globalNavSpMenuButtonArea a:hover {
  opacity: 1;
}
.globalNavSpMenuLoginButton {
  font-size: 12px;
  font-weight: 600;
  color: #FFF;
  width: 112px;
  height: 43px;
  background: #65A09A;
  border-radius: 40px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}
.globalNavSpMenuLoginButton:hover {
  background: #80BEB8;
}
.globalNavSpMenuNewButton {
  font-size: 12px;
  font-weight: 600;
  padding-right: 8px;
  width: 148px;
  height: 43px;
  background: #FFF;
  color: #65A09A;
  padding: 14px 32px;
  border-radius: 40px;
  border: 2px solid #65A09A;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}
.globalNavSpMenuNewButton:hover {
  border-color: #80BEB8;
  color: #80BEB8;
}
.globalNavSpMenuUlArea {
  margin-top: 16px;
}
.globalNavSpMenuUlArea li {
  width: 100%;
  height: 56px;
  border-bottom: 1px solid #FFF;
  display: grid;
  grid-template-columns: 95% 5%;
  align-items: center;
  font-size: 15px;
  font-weight: 500;
  color: #323232;
  background: #FFF;
  padding-left: 16px;
  margin-left: 1px;
  box-shadow: inset 0px -1px 0px 0px rgb(228, 224, 224);
}
.globalNavSpMenuUlArea div {
  display: flex;
  align-items: center;
  height: 56px;
}
.globalNavSpMenuLiIconArrow {
  position: relative;
  width: 8px;
  height: 8px;
  transform: translateX(-25%) rotate(45deg);
}
.globalNavSpMenuLiIconArrow::before, .globalNavSpMenuLiIconArrow::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 3px;
  color: #323232;
}
.globalNavSpMenuLiIconArrow::before {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}
.globalNavSpMenuLiIconArrow::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}
.globalNavSpMenuLiIcon a {
  display: contents;
}
.globalNavSpMenuMyPage {
  margin: 16px 16px 0px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #484848 !important;
  background: #F9F8F8 !important;
  border-bottom: 1px solid #C5C0C0 !important;
  box-shadow: initial !important;
  margin: 0 16px 0 16px;
  width: 90% !important;
  height: 43px !important;
  padding-left: 0px !important;
}
.globalNavSpClose {
  width: 36px;
  height: 36px;
  background: #FFF;
  border-radius: 50%;
  position: absolute;
  right: 16px;
  top: 16px;
  z-index: 100;
}
.globalNavSpClose::before, .globalNavSpClose::after {
  content: "";
  width: 20px;
  height: 2px;
  background: #EC9375;
  position: absolute;
  left: calc(50% - 10px);
  border-radius: 3px;
  top: 17px;
}
.globalNavSpClose::before {
  transform: rotate(45deg);
}
.globalNavSpClose::after {
  transform: rotate(-45deg);
}
.globalNavSpUserIcon {
  width: 40px;
  height: 40px;
  object-fit: cover;
  object-position: center;
}
.globalNavSpUserIconWrap {
  position: relative;
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 50%;
  margin: 16px 0 -56px 16px;
  border: 1.5px solid #FFF;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-shadow: 0px 8px 14px 0px rgb(47, 25, 25);
}
.globalNavLink1 {
  width: 36px;
  height: 36px;
  background: #D17556;
  border-radius: 50%;
  display: flex;
  align-items: center;
}
.globalNavLink1IconBox {
  background: url(/assets/favorite_border-bc99f6b9db565718704c5934e98fa2d17755027ad3edc911653bbfbe446ab76b.svg) no-repeat center center/auto 100%;
  width: 100%;
  height: 28px;
}
.globalNavLink1Active {
  background: #65A09A;
}
.globalNavLink1Active div {
  background: url(/assets/assignment-c0123712434d31bcf41dc0b30bb705bbccf5fe06ad72a1581c669b96c4a314ec.svg) no-repeat center center/auto 100%;
  box-shadow: initial;
}
.globalNavHumburger {
  width: 36px;
  height: 36px;
  background: #FFF;
  border-radius: 50%;
  display: flex;
  align-items: center;
}
.globalNavHumburgerIconBox {
  width: 100%;
  height: 28px;
  position: relative;
}
.globalNavHumburgerIcon {
  width: 20px;
  height: 2px;
  font-size: 0;
  background: #EC9375;
  position: absolute;
  left: calc(50% - 10px);
  top: 6px;
  border-radius: 3px;
}
.globalNavHumburgerIcon::before, .globalNavHumburgerIcon::after {
  content: "";
  width: 20px;
  height: 2px;
  background: #EC9375;
  position: absolute;
  left: calc(50% - 10px);
  border-radius: 3px;
}
.globalNavHumburgerIcon::before {
  top: 6px;
}
.globalNavHumburgerIcon::after {
  top: 13px;
}
.globalNavHumburgerIconNo {
  width: 22px;
  height: 22px;
  background: #EC5D5D;
  color: #FFF;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -11px;
  right: -11px;
  border-radius: 50%;
}
.globalNavHumburgerActive {
  background: #65A09A;
}
.globalNavHumburgerActive div {
  background: url(/assets/toc-active-fb91ef4d8e1aed83953eaa798c479f63b63c4d1323ac249877cfd89cd3161017.svg) no-repeat center center/auto 100%;
}
.globalNavUl {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.globalNavUl li {
  color: #FFF;
}
.globalNavSearch {
  font-size: 14px;
  font-weight: 600;
  color: #484848;
  padding-right: 16px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .globalNavSearch {
    font-size: 11px;
  }
}
.globalNavSearchIcon {
  padding-right: 4px;
  max-width: 24px;
  max-height: 24px;
}
.globalNavFavorite {
  font-size: 14px;
  font-weight: 600;
  color: #484848;
  padding-right: 16px;
  display: flex;
  align-items: center;
}
.globalNavFavoriteIcon {
  padding-right: 4px;
}
.globalNavContact {
  font-size: 14px;
  font-weight: 600;
  color: #484848;
  padding-right: 30px;
  display: flex;
  align-items: center;
}
.globalNavContactIcon {
  padding-right: 4px;
}
.globalNavLogin {
  font-size: 12px;
  font-weight: 600;
  color: #FFF;
  padding-right: 8px;
  padding-left: 30px;
}
.globalNavLoginButton {
  width: 112px;
  height: 43px;
  background: #65A09A;
  padding: 14px 32px;
  border-radius: 40px;
  position: relative;
  display: flex;
  align-items: center;
  transition: 0.3s;
}
.globalNavLoginButton:hover {
  background: #80BEB8;
}
.globalNavLoginButton::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 24px;
  background-color: #FFF;
  position: absolute;
  top: 9px;
  left: -24px;
}
.globalNavLogin a:hover {
  opacity: 1;
}
.globalNavNew {
  font-size: 12px;
  font-weight: 600;
  padding-right: 8px;
}
.globalNavNewButton {
  width: 148px;
  height: 43px;
  background: #FFF;
  color: #65A09A;
  padding: 14px 32px;
  border-radius: 40px;
  border: 2px solid #65A09A;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}
.globalNavNewButton:hover {
  border-color: #80BEB8;
  color: #80BEB8;
}
.globalNavNew a:hover {
  opacity: 1;
}
.globalNavUser {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.globalNavUser img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
  box-shadow: 0px 8px 14px 0px rgb(160, 63, 29);
  background-color: white;
  border: 1.5px solid #FFF;
}
.globalNavUser .notSetting {
  object-position: center !important;
}
.globalNavLogout {
  font-size: 12px;
  font-weight: 600;
  padding-right: 8px;
  position: relative;
  margin-left: 30px;
}
.globalNavLogout a::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 24px;
  background-color: #FFF;
  position: absolute;
  top: 9px;
  left: -24px;
}
.globalNavLogout a:hover {
  opacity: 1;
}
.globalNavLogoutButton {
  width: 148px;
  height: 43px;
  background: #FFF;
  color: #65A09A;
  padding: 14px 32px;
  border-radius: 40px;
  border: 2px solid #65A09A;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}
.globalNavLogoutButton:hover {
  border-color: #80BEB8;
  color: #80BEB8;
}
.globalNavFacility {
  font-size: 14px;
  font-weight: 600;
  padding-right: 32px;
  height: 43px;
  background: #EAB669;
  color: white;
  padding: 16px 32px;
  border-radius: 30px;
  box-sizing: border-box;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  margin-left: 5px;
}

.footer {
  background: #EFF0F2;
  max-height: 648px;
  padding: 80px 0px 42px;
  display: block;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 768px) {
  .footer {
    max-height: 1200px;
    padding: 56px 0px 24px;
  }
}
.footerTopButton {
  position: absolute;
  top: -35px;
  right: 24px;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: #DE8A6D;
  border: 2px solid #FFF;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 0px;
  box-shadow: 0px 8px 15px 0px rgb(214, 209, 209);
  z-index: 3;
  padding-top: 9px;
  cursor: pointer;
}
.footerTopButton p {
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
  color: #FFF;
}
.footerTopButtonIcon {
  display: inline-block;
  vertical-align: middle;
  color: #FFF;
  line-height: 1;
  position: relative;
  width: 10px;
  height: 10px;
  transform: translateX(-25%) rotate(-45deg);
  margin-left: 6px;
}
.footerTopButtonIcon::before, .footerTopButtonIcon::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 3px;
}
.footerTopButtonIcon::before {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}
.footerTopButtonIcon::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}
.footerFlex {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 24px;
  max-width: 1512px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .footerFlex {
    flex-direction: column;
    gap: 30px;
    padding-left: 40px;
  }
}
.footerLogo {
  font-size: 60px;
  font-weight: 800;
  color: #484848;
}
@media screen and (max-width: 768px) {
  .footerLogo {
    font-size: 30px;
  }
}
.footerLogoArea {
  padding-right: 32px;
}
.footerTitle {
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  color: #484848;
  padding-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .footerTitle {
    font-size: 15px;
    padding-bottom: 8px;
  }
}
.footerSubTitle {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  color: #484848;
  padding-top: 5px;
}
@media screen and (max-width: 768px) {
  .footerSubTitle {
    line-height: 1;
    padding-top: 16px;
  }
}
.footerSubTitleGreen {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
  color: #65A09A;
  padding-top: 24px;
  text-decoration: underline;
}
.footerImageFlex {
  display: flex;
  justify-content: space-between;
  width: 194px;
  padding-top: 27px;
}
.footerAbout {
  margin-right: 25px;
  width: 196px;
}
.footerTerms {
  margin-right: 50px;
  width: 153px;
}
.footerContact {
  max-width: 490px;
  padding: 24px;
  background: #FFF;
  border-radius: 8px;
  border: 1px solid #E4E0E0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
  .footerContact {
    max-width: 295px;
    margin-top: 21px;
  }
}
.footerContactTitle {
  font-size: 15px;
  font-weight: 700;
  color: #323232;
}
.footerContactText {
  font-size: 15px;
  line-height: 1.2;
  font-weight: 400;
  color: #323232;
  padding-top: 8px;
}
@media screen and (max-width: 768px) {
  .footerContactText {
    font-size: 13px;
    line-height: 1.23;
  }
}
.footerContact a {
  opacity: 1;
}
.footerEnd {
  display: flex;
  justify-content: center;
  border-top: 1px solid #E0E2E6;
  margin-top: 86px;
  padding-top: 40px;
}
@media screen and (max-width: 768px) {
  .footerEnd {
    margin-top: 80px;
    padding-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
}
.footerEnd small {
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  color: #484848;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .footerEnd small {
    padding-left: 11px;
    font-size: 11px;
  }
}
.footerEnd small span {
  font-size: 11px;
  font-weight: 600;
  color: #7E7E7E;
}
.footerEndLink {
  pointer-events: none;
}
.footerButton {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  max-height: 56px;
  background: #65A09A;
  border-radius: 30px;
  padding: 18px 16px;
  margin-top: 32px;
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
  color: #FFF;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .footerButton {
    margin-top: 16px;
  }
}
.footerButton img {
  padding-right: 10px;
}
.footerButtonIconColor {
  color: #323232 !important;
}
.footerButton:hover {
  background: #80BEB8;
}

#index .footerEndLink {
  pointer-events: initial;
  text-decoration: underline;
}

#application {
  background: #f9f8f8;
}
#application .mainContents {
  max-width: 1512px;
  margin: 0 auto;
  background: #F9F8F8;
  padding: 102px 0px 28px;
}
@media screen and (max-width: 768px) {
  #application .mainContents {
    padding: 86px 0px 16px;
  }
}
#application .breadList {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#application .breadList ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#application .breadList ul li {
  font-size: 11px;
  font-weight: 600;
  color: #787878;
  position: relative;
  display: flex;
  align-items: center;
}
#application .breadList ul li .arrow {
  position: relative;
  width: 10px;
  height: 10px;
  margin: 0 12px;
  transform: translateX(-25%) rotate(45deg);
}
#application .breadList ul li .arrow::before, #application .breadList ul li .arrow::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 3px;
  color: #787878;
}
#application .breadList ul li .arrow::before {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}
#application .breadList ul li .arrow::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}
#application .breadList ul li:last-child {
  color: #323232;
}
#application .breadList ul li:last-child .arrow {
  display: none;
}
#application .breadList p {
  font-size: 13px;
  font-weight: 500;
  color: #323232;
}
#application .appForm {
  background: #FFF;
  border-radius: 10px;
  border: 1px solid #E4E0E0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 40px;
  margin: 0 14% 0;
}
@media screen and (max-width: 768px) {
  #application .appForm {
    margin: 0 4% 0;
    padding: 32px 16px 24px;
  }
}
#application .appFormTitle {
  width: 100%;
  font-size: 20px;
  font-weight: 600;
  color: #323232;
  padding-top: 36px;
}
@media screen and (max-width: 768px) {
  #application .appFormTitle {
    font-size: 16px;
    padding-top: 0px;
  }
}
#application .appFormTitleChild {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #323232;
  padding-top: 40px;
}
@media screen and (max-width: 768px) {
  #application .appFormTitleChild {
    font-size: 14px;
    padding-top: 32px;
  }
}
#application .appFormComment {
  width: 100%;
  font-size: 15px;
  font-weight: 400;
  color: #979797;
  font-family: "Poppins", sans-serif;
  padding-top: 9px;
  padding-bottom: 24px;
}
@media screen and (max-width: 768px) {
  #application .appFormComment {
    font-size: 12px;
  }
}
#application .appFormCommentChild {
  font-size: 15px;
  font-weight: 400;
  color: #979797;
  font-family: "Poppins", sans-serif;
  padding-top: 9px;
}
@media screen and (max-width: 768px) {
  #application .appFormCommentChild {
    font-size: 12px;
  }
}
#application .appFormParent {
  width: 100%;
  font-size: 15px;
  font-weight: 600;
  color: #323232;
  font-family: "Poppins", sans-serif;
  padding-top: 24px;
}
@media screen and (max-width: 768px) {
  #application .appFormParent {
    font-size: 14px;
    padding-bottom: 4px;
  }
}
#application .appFormInputTitle {
  font-size: 14px;
  font-weight: 400;
  color: #323232;
  font-family: "Poppins", sans-serif;
}
@media screen and (max-width: 768px) {
  #application .appFormInputTitle {
    font-size: 13px;
  }
}
#application .appFormInputTitleArea {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding-top: 17px;
}
@media screen and (max-width: 768px) {
  #application .appFormInputTitleArea {
    padding-top: 8px;
  }
}
#application .appFormRequired {
  font-size: 11px;
  font-weight: 500;
  color: #D96060;
  font-family: "Noto Sans JP", sans-serif;
  border-radius: 6px;
  border: 1px solid #D96060;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px 8px;
}
#application .appFormInputArea {
  width: 100%;
  height: 53px;
  background: #FFF;
  border: 1px solid #DAD8D8;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 16px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  color: #323232;
  border-radius: 12px;
  padding-left: 16px;
  margin-top: 8px;
}
@media screen and (max-width: 768px) {
  #application .appFormInputArea {
    font-size: 13px;
  }
}
#application .appFormInputArea::placeholder {
  color: #959595;
  font-size: 14px;
}
#application .appFormInputRadioArea {
  display: flex;
  justify-content: center;
  margin-top: 8px;
  gap: 8px;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #application .appFormInputRadioArea {
    flex-direction: column;
  }
}
#application .appFormInputRadioAreaTitle {
  font-size: 14px;
  font-weight: 400;
  font-family: "Noto Sans JP", sans-serif;
  width: 100%;
  height: 57px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  margin: 0 auto;
  border: 1px solid #DAD8D8;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  #application .appFormInputRadioAreaTitle {
    font-size: 13px;
  }
}
#application .appFormInputRadioAreaSelect {
  accent-color: cadetblue;
  margin-right: 8px;
}
#application .appFormInputRadioArea label {
  width: 100%;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  #application .appForm .notFlap {
    flex-direction: initial;
  }
}
#application .appFormInputSelectArea label {
  position: relative;
  display: block;
  background: #fff;
}
#application .appFormInputSelectArea label:before {
  position: absolute;
  content: "";
  top: 50%;
  right: 10px;
  width: 0px;
  height: 0px;
  margin: -2px 0 0 0;
  border: 5px solid transparent;
  border-top: 5px solid #BCC3CC;
  cursor: pointer;
  pointer-events: none;
}
#application .appFormInputSelectArea select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  padding: 0px 15px;
  border: none;
  background: transparent;
  width: 100%;
  height: 51px;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #cbced6;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-top: 16px;
  font-size: 13px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #application .appFormInputSelectArea select {
    margin-top: 8px;
  }
}
#application .appFormInputSelectArea ::-ms-expand {
  display: none;
}
#application .appFormTextArea {
  border-radius: 8px;
  border: 1px solid #cbced6;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-top: 16px;
  font-size: 14px;
  font-weight: 400;
  color: #323232;
  font-family: "Poppins", sans-serif;
  width: 100%;
  min-height: 156px;
  padding: 16px;
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  #application .appFormTextArea {
    margin-top: 8px;
  }
}
#application .appFormTextArea::placeholder {
  color: #959595;
  font-size: 14px;
}
#application .appFormChild {
  width: 100%;
  font-size: 18px;
  font-weight: 600;
  color: #323232;
  font-family: "Poppins", sans-serif;
}
@media screen and (max-width: 768px) {
  #application .appFormChild {
    font-size: 16px;
  }
}
#application .appFormChildInfo {
  padding-top: 19px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 768px) {
  #application .appFormChildInfo {
    padding-top: 16px;
    padding-bottom: 8px;
  }
}
#application .appFormChildInfo label {
  display: flex;
  align-items: center;
  gap: 11px;
  cursor: pointer;
}
#application .appFormChildInfoDelete {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #65A09A;
  width: 70px;
  height: 36px;
  border-radius: 6px;
  color: #FFF;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: 0.4s;
}
#application .appFormChildAdd {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #65A09A;
  width: 205px;
  height: 56px;
  border-radius: 50px;
  color: #FFF;
  font-size: 14px;
  font-weight: 700;
  margin: 24px auto 0px;
  cursor: pointer;
  transition: 0.4s;
}
#application .appFormChildAdd:hover {
  background: #80BEB8;
  opacity: 1;
}
#application .appFormChildAddIcon {
  display: inline-block;
  position: relative;
  width: 18px;
  height: 18px;
  margin-right: 10px;
}
#application .appFormChildAddIcon::before, #application .appFormChildAddIcon::after {
  display: block;
  content: "";
  background-color: #FFF;
  border-radius: 10px;
  position: absolute;
  width: 17px;
  height: 3px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#application .appFormChildAddIcon::before {
  width: 3px;
  height: 17px;
}
#application .appFormInputBirthday {
  position: relative;
  background: url(/assets/calendar-b96e6e53450db3427ebbf18816c7713c84afab5a8d77f97266d52c0f0d5729f9.svg) no-repeat 16px center;
  background-size: 20px 20px;
  width: 100%;
  height: 53px;
  border: 1px solid #DAD8D8;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 16px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  color: #323232;
  border-radius: 12px;
  padding-left: 48px;
  margin-top: 8px;
  text-align: left;
}
#application .appFormInputBirthday::-webkit-calendar-picker-indicator {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
}
#application .appFormInputBirthday::placeholder {
  font-size: 14px;
}
#application .appFormInputBirthday::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
#application .appFormInputBirthday::-webkit-clear-button {
  -webkit-appearance: none;
}
#application .appForm .errorMessages {
  margin-top: 1rem;
}
#application .appForm .errorMessage {
  margin-top: 8px;
  color: #D96060;
}
#application .favoriteList {
  padding: 60px 0px 0px;
}
@media screen and (max-width: 768px) {
  #application .favoriteList {
    padding: 40px 0px 0px;
  }
}
#application .favoriteListSpCheckArea {
  display: flex;
  align-items: center;
  padding: 16px 8px;
  gap: 8px;
  font-size: 12px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  color: #323232;
}
#application .favoriteListTitle {
  width: 100%;
  font-size: 18px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #application .favoriteListTitle {
    font-size: 14px;
  }
}
#application .favoriteListComment {
  width: 100%;
  font-size: 15px;
  font-weight: 400;
  color: #979797;
  font-family: "Poppins", sans-serif;
  padding-top: 7px;
}
@media screen and (max-width: 768px) {
  #application .favoriteListComment {
    font-size: 12px;
  }
}
#application .favoriteListTable {
  width: 100%;
  margin-top: 22px;
}
#application .favoriteListTableHeader {
  background: #F6F3F0;
  height: 43px;
  vertical-align: middle;
  text-align: left;
  font-size: 13px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #application .favoriteListTableHeader {
    font-size: 12px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    padding-left: 8px;
  }
}
#application .favoriteListTableHeaderFirst {
  border-radius: 6px 0 0 6px;
  text-align: center;
  padding: 0 5px;
}
@media screen and (max-width: 768px) {
  #application .favoriteListTableHeaderFirst {
    padding: 0px;
  }
}
#application .favoriteListTableHeaderEnd {
  border-radius: 0 6px 6px 0;
  width: 20%;
}
@media screen and (max-width: 768px) {
  #application .favoriteListTableHeaderEnd {
    width: 100%;
  }
}
#application .favoriteListTableTd {
  height: 50px;
  vertical-align: middle;
  padding: 19px 8px 16px;
}
#application .favoriteListTable tr:not(:last-child) {
  border-bottom: 1px solid #C5C0C0;
}
#application .favoriteListSchoolName {
  font-size: 13px;
  font-weight: 400;
  color: #323232;
  font-family: "Poppins", sans-serif;
}
#application .favoriteListSchoolNameFlex {
  justify-content: space-around;
  display: flex;
  flex-direction: column;
  height: 50px;
}
@media screen and (max-width: 768px) {
  #application .favoriteListSchoolNameFlex {
    justify-content: center;
    gap: 4px;
  }
}
#application .favoriteListSchoolNameAdress {
  font-size: 13px;
  font-weight: 500;
  color: #787878;
  font-family: "Poppins", sans-serif;
}
@media screen and (max-width: 768px) {
  #application .favoriteListSchoolNameAdress {
    font-size: 10px;
  }
}
#application .favoriteListSchoolNameAreaFlex {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
@media screen and (max-width: 768px) {
  #application .favoriteListSchoolNameAreaFlex {
    padding-left: 8px;
    height: 66px;
  }
}
#application .favoriteListSchoolNameAreaFlex img {
  width: 50px;
  height: 28px;
  border-radius: 5px;
  object-fit: cover;
}
@media screen and (max-width: 768px) {
  #application .favoriteListSchoolNameAreaFlex img {
    width: 38px;
    height: 21px;
    border-radius: 4px;
  }
}
#application .favoriteListSchoolMoney {
  font-size: 13px;
  font-weight: 600;
  color: #323232;
}
#application .favoriteListSchoolMoneyFlex {
  justify-content: space-around;
  display: flex;
  flex-direction: column;
  height: 50px;
}
@media screen and (max-width: 768px) {
  #application .favoriteListSchoolMoneyFlex {
    padding: 16px 0px 16px 8px;
    gap: 8px;
    height: 66px;
  }
}
#application .favoriteListSchoolMoneyMonth {
  font-size: 13px;
  font-weight: 500;
  color: #787878;
  font-family: "Poppins", sans-serif;
}
#application .favoriteListInputRadioArea {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #application .favoriteListInputRadioArea {
    padding-top: 21px;
    gap: 32px;
    padding-bottom: 24px;
  }
}
#application .favoriteListInputRadioAreaTitle {
  font-size: 14px;
  font-weight: 400;
  font-family: "Noto Sans JP", sans-serif;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
#application .favoriteListInputRadioAreaSelect {
  accent-color: cadetblue;
  margin-right: 8px;
}
#application .favoriteListHope {
  max-width: 374px;
  margin: 0 auto;
  padding-top: 56px;
}
@media screen and (max-width: 768px) {
  #application .favoriteListHope {
    padding-top: 16px;
  }
}
#application .favoriteListHopeComment {
  font-size: 14px;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  color: #787878;
}
@media screen and (max-width: 768px) {
  #application .favoriteListHopeComment {
    padding-top: 4px;
  }
}
#application .privacy {
  height: 134px;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 14px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  color: #FFF;
  margin: 0 auto;
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
}
@media screen and (max-width: 768px) {
  #application .privacy {
    font-size: 12px;
    padding: 16px;
  }
}
#application .privacyJsActive {
  display: flex;
}
#application .privacy a {
  text-decoration-line: underline;
}
#application .privacy a.privacyButton {
  text-decoration-line: none;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
}
#application .privacyButton {
  max-width: 201px;
  width: 100%;
  height: 54px;
  border-radius: 32px;
  background: #D8D8D8;
  color: #FFF;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  #application .privacyButton {
    font-size: 13px;
    max-width: 310px;
  }
}
#application .privacyButtonJsActive {
  background: #65A09A;
  border: none;
  color: #FFF;
}
#application .privacyButton:hover {
  opacity: 1;
  background: #80BEB8;
}
#application .privacyButton:disabled:hover {
  opacity: 1;
  background: #D8D8D8;
  cursor: initial;
}
#application .privacyButtonArea {
  max-width: 418px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding-top: 17px;
}
@media screen and (max-width: 768px) {
  #application .privacyButtonArea {
    align-items: center;
  }
}
#application .privacyButtonCancel {
  max-width: 201px;
  width: 100%;
  height: 54px;
  border-radius: 32px;
  background: #FFF;
  color: #65A09A;
  border: 2px solid #65A09A;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  transition: 0.4s;
  text-decoration-line: none !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  #application .privacyButtonCancel {
    font-size: 13px;
    max-width: 310px;
  }
}
#application .privacyButtonCancel:hover {
  opacity: 1;
  color: #80BEB8;
  border-color: #80BEB8;
}
#application .privacyCheckArea {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
}
#application input[type=checkbox] {
  position: relative;
  height: 18px;
  width: 18px;
  display: inline-block;
  border-radius: 5px;
  border: 2px solid #ccc;
  background: #fff;
  -webkit-appearance: none;
  appearance: none;
  flex-shrink: 0;
}
#application input[type=checkbox]:checked {
  border: none;
  background: #65A09A;
}
#application input[type=checkbox]:checked::before,
#application input[type=checkbox]:checked::after {
  display: block;
  content: "";
  position: absolute;
  border-radius: 2px;
  transform: rotate(45deg);
  background: #fff;
}
#application input[type=checkbox]:checked::before {
  bottom: 6px;
  left: 2px;
  width: 8px;
  height: 3px;
}
#application input[type=checkbox]:checked::after {
  bottom: 4px;
  left: 10px;
  width: 3px;
  height: 11px;
}
#application .errorText {
  color: red;
  margin-top: 8px;
}

#application_front_conform {
  background: #f9f8f8;
}
#application_front_conform .mainContents {
  max-width: 1512px;
  margin: 0 auto;
  background: #F9F8F8;
  padding: 102px 0px 28px;
}
@media screen and (max-width: 768px) {
  #application_front_conform .mainContents {
    padding: 86px 0px 16px;
  }
}
#application_front_conform .breadList {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#application_front_conform .breadList ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#application_front_conform .breadList ul li {
  font-size: 11px;
  font-weight: 600;
  color: #787878;
  position: relative;
  display: flex;
  align-items: center;
}
#application_front_conform .breadList ul li .arrow {
  position: relative;
  width: 10px;
  height: 10px;
  margin: 0 12px;
  transform: translateX(-25%) rotate(45deg);
}
#application_front_conform .breadList ul li .arrow::before, #application_front_conform .breadList ul li .arrow::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 3px;
  color: #787878;
}
#application_front_conform .breadList ul li .arrow::before {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}
#application_front_conform .breadList ul li .arrow::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}
#application_front_conform .breadList ul li:last-child {
  color: #323232;
}
#application_front_conform .breadList ul li:last-child .arrow {
  display: none;
}
#application_front_conform .breadList p {
  font-size: 13px;
  font-weight: 500;
  color: #323232;
}
#application_front_conform .conformTable {
  font-family: "Noto Sans JP", sans-serif;
  width: 100%;
  border-bottom: 1px solid #E6E6E6;
  border-right: 1px solid #E6E6E6;
  margin-top: 16px;
}
#application_front_conform .conformTableTh {
  background: #F6F2EE;
  color: #323232;
  font-size: 13px;
  font-weight: 500;
  text-align: left;
  border-top: 1px solid #E6E6E6;
  border-left: 1px solid #E6E6E6;
  width: 20%;
  padding: 16.5px 16px;
}
@media screen and (max-width: 768px) {
  #application_front_conform .conformTableTh {
    display: inline-block;
    width: 100%;
  }
}
#application_front_conform .conformTableTd {
  background: #FFF;
  color: #323232;
  font-size: 14px;
  font-weight: 400;
  border-top: 1px solid #E6E6E6;
  border-left: 1px solid #E6E6E6;
  width: 80%;
  padding: 16px 12px;
}
@media screen and (max-width: 768px) {
  #application_front_conform .conformTableTd {
    display: inline-block;
    width: 100%;
  }
}
#application_front_conform .conformTable .tdTextAreaHeight {
  height: 130px;
}
#application_front_conform .appForm {
  background: #FFF;
  border-radius: 10px;
  border: 1px solid #E4E0E0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 40px;
  margin: 0 14% 0;
}
@media screen and (max-width: 768px) {
  #application_front_conform .appForm {
    margin: 0 4% 0;
    padding: 32px 16px 24px;
  }
}
#application_front_conform .appFormTitle {
  width: 100%;
  font-size: 20px;
  font-weight: 600;
  color: #323232;
  padding-top: 36px;
}
@media screen and (max-width: 768px) {
  #application_front_conform .appFormTitle {
    font-size: 16px;
    padding-top: 0px;
  }
}
#application_front_conform .appFormTitleChild {
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: #323232;
  padding-top: 40px;
}
@media screen and (max-width: 768px) {
  #application_front_conform .appFormTitleChild {
    padding-top: 24px;
  }
}
#application_front_conform .appFormComment {
  width: 100%;
  font-size: 15px;
  font-weight: 400;
  color: #979797;
  font-family: "Poppins", sans-serif;
  padding-top: 9px;
}
@media screen and (max-width: 768px) {
  #application_front_conform .appFormComment {
    font-size: 12px;
  }
}
#application_front_conform .appFormCommentChild {
  font-size: 15px;
  font-weight: 400;
  color: #979797;
  font-family: "Poppins", sans-serif;
  padding-top: 9px;
}
@media screen and (max-width: 768px) {
  #application_front_conform .appFormCommentChild {
    font-size: 12px;
  }
}
#application_front_conform .appFormParent {
  width: 100%;
  font-size: 15px;
  font-weight: 600;
  color: #323232;
  font-family: "Poppins", sans-serif;
  padding-top: 24px;
}
@media screen and (max-width: 768px) {
  #application_front_conform .appFormParent {
    padding-bottom: 4px;
  }
}
#application_front_conform .appFormInputRadioArea {
  display: flex;
  justify-content: center;
  margin-top: 8px;
  gap: 8px;
  color: #323232;
}
#application_front_conform .appFormInputRadioAreaTitle {
  font-size: 14px;
  font-weight: 400;
  font-family: "Noto Sans JP", sans-serif;
  width: 100%;
  height: 57px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  margin: 0 auto;
  border: 1px solid #DAD8D8;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  #application_front_conform .appFormInputRadioAreaTitle {
    font-size: 13px;
  }
}
#application_front_conform .appFormInputRadioAreaSelect {
  accent-color: cadetblue;
  margin-right: 8px;
}
#application_front_conform .appFormInputRadioArea label {
  width: 100%;
  cursor: pointer;
}
#application_front_conform .appFormInputRadioAreaPadding {
  padding-top: 24px;
}
#application_front_conform .appFormChild {
  width: 100%;
  font-size: 18px;
  font-weight: 600;
  color: #323232;
  font-family: "Poppins", sans-serif;
}
@media screen and (max-width: 768px) {
  #application_front_conform .appFormChild {
    font-size: 16px;
  }
}
#application_front_conform .appFormChildInfo {
  padding-top: 19px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 768px) {
  #application_front_conform .appFormChildInfo {
    padding-top: 16px;
    padding-bottom: 8px;
  }
}
#application_front_conform .appFormChildInfo label {
  display: flex;
  align-items: center;
  gap: 11px;
  cursor: pointer;
}
#application_front_conform .appFormChildInfoDelete {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #65A09A;
  width: 70px;
  height: 36px;
  border-radius: 6px;
  color: #FFF;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
#application_front_conform .appFormChildAdd {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #65A09A;
  max-width: 374px;
  height: 72px;
  border-radius: 50px;
  color: #FFF;
  font-size: 17px;
  font-weight: 700;
  margin: 24px auto 0px;
}
#application_front_conform .appFormChildAddIcon {
  display: inline-block;
  position: relative;
  width: 18px;
  height: 18px;
  margin: 0 5px;
}
#application_front_conform .appFormChildAddIcon::before, #application_front_conform .appFormChildAddIcon::after {
  display: block;
  content: "";
  background-color: #FFF;
  border-radius: 10px;
  position: absolute;
  width: 17px;
  height: 3px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#application_front_conform .appFormChildAddIcon::before {
  width: 3px;
  height: 17px;
}
#application_front_conform .favoriteList {
  padding: 60px 0px 0px;
}
@media screen and (max-width: 768px) {
  #application_front_conform .favoriteList {
    padding: 40px 0px 0px;
  }
}
#application_front_conform .favoriteListSpCheckArea {
  display: flex;
  align-items: center;
  padding: 16px 8px;
  gap: 8px;
  font-size: 12px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  color: #323232;
}
#application_front_conform .favoriteListTitle {
  width: 100%;
  font-size: 18px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #application_front_conform .favoriteListTitle {
    font-size: 14px;
  }
}
#application_front_conform .favoriteListComment {
  width: 100%;
  font-size: 15px;
  font-weight: 400;
  color: #979797;
  font-family: "Poppins", sans-serif;
  padding-top: 7px;
}
@media screen and (max-width: 768px) {
  #application_front_conform .favoriteListComment {
    font-size: 12px;
  }
}
#application_front_conform .favoriteListTable {
  width: 100%;
  margin-top: 22px;
}
#application_front_conform .favoriteListTableHeader {
  background: #F6F3F0;
  height: 43px;
  vertical-align: middle;
  text-align: left;
  font-size: 13px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #application_front_conform .favoriteListTableHeader {
    font-size: 12px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    padding-left: 8px;
  }
}
#application_front_conform .favoriteListTableHeaderFirst {
  border-radius: 6px 0 0 6px;
  text-align: center;
  padding: 0 5px;
}
@media screen and (max-width: 768px) {
  #application_front_conform .favoriteListTableHeaderFirst {
    padding: 0px;
  }
}
#application_front_conform .favoriteListTableHeaderEnd {
  border-radius: 0 6px 6px 0;
}
#application_front_conform .favoriteListTableTd {
  height: 50px;
  vertical-align: middle;
  padding-top: 24px;
}
@media screen and (max-width: 768px) {
  #application_front_conform .favoriteListTableTd {
    padding-left: 8px;
  }
}
#application_front_conform .favoriteListSchoolName {
  font-size: 14px;
  font-weight: 400;
  color: #323232;
  font-family: "Poppins", sans-serif;
}
@media screen and (max-width: 768px) {
  #application_front_conform .favoriteListSchoolName {
    font-size: 13px;
  }
}
#application_front_conform .favoriteListSchoolNameFlex {
  justify-content: space-around;
  display: flex;
  flex-direction: column;
  height: 50px;
}
@media screen and (max-width: 768px) {
  #application_front_conform .favoriteListSchoolNameFlex {
    justify-content: center;
    gap: 4px;
  }
}
#application_front_conform .favoriteListSchoolNameAdress {
  font-size: 13px;
  font-weight: 500;
  color: #787878;
  font-family: "Poppins", sans-serif;
}
@media screen and (max-width: 768px) {
  #application_front_conform .favoriteListSchoolNameAdress {
    font-size: 10px;
  }
}
#application_front_conform .favoriteListSchoolNameAreaFlex {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
@media screen and (max-width: 768px) {
  #application_front_conform .favoriteListSchoolNameAreaFlex {
    padding-left: 8px;
    height: 66px;
  }
}
#application_front_conform .favoriteListSchoolNameAreaFlex img {
  width: 50px;
  height: 50px;
  border-radius: 10px;
  object-fit: cover;
}
@media screen and (max-width: 768px) {
  #application_front_conform .favoriteListSchoolNameAreaFlex img {
    width: 33px;
    height: 33px;
    border-radius: 4px;
  }
}
#application_front_conform .favoriteListSchoolMoney {
  font-size: 14px;
  font-weight: 600;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #application_front_conform .favoriteListSchoolMoney {
    font-size: 13px;
  }
}
#application_front_conform .favoriteListSchoolMoneyFlex {
  justify-content: space-around;
  display: flex;
  flex-direction: column;
  height: 50px;
}
@media screen and (max-width: 768px) {
  #application_front_conform .favoriteListSchoolMoneyFlex {
    padding: 16px 0px 16px 8px;
    gap: 8px;
    height: 66px;
  }
}
#application_front_conform .favoriteListSchoolMoneyMonth {
  font-size: 14px;
  font-weight: 500;
  color: #787878;
  font-family: "Poppins", sans-serif;
}
@media screen and (max-width: 768px) {
  #application_front_conform .favoriteListSchoolMoneyMonth {
    font-size: 13px;
  }
}
#application_front_conform .favoriteListInputRadioArea {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #application_front_conform .favoriteListInputRadioArea {
    padding-top: 21px;
    gap: 32px;
    padding-bottom: 24px;
  }
}
#application_front_conform .favoriteListInputRadioAreaTitle {
  font-size: 14px;
  font-weight: 400;
  font-family: "Noto Sans JP", sans-serif;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
#application_front_conform .favoriteListInputRadioAreaSelect {
  accent-color: cadetblue;
  margin-right: 8px;
}
#application_front_conform .favoriteListHope {
  max-width: 374px;
  margin: 0 auto;
  padding-top: 56px;
}
@media screen and (max-width: 768px) {
  #application_front_conform .favoriteListHope {
    padding-top: 16px;
  }
}
#application_front_conform .favoriteListHopeComment {
  font-size: 14px;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  color: #787878;
}
@media screen and (max-width: 768px) {
  #application_front_conform .favoriteListHopeComment {
    padding-top: 4px;
  }
}
#application_front_conform .privacy {
  height: 102px;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 15px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  color: #FFF;
  margin: 0 auto;
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
}
@media screen and (max-width: 768px) {
  #application_front_conform .privacy {
    font-size: 12px;
  }
}
#application_front_conform .privacy a {
  text-decoration-line: underline;
}
#application_front_conform .privacy a.privacyButton {
  text-decoration-line: none;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
}
#application_front_conform .privacyButton {
  max-width: 201px;
  width: 100%;
  height: 54px;
  border-radius: 32px;
  background: #65A09A;
  color: #FFF;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  #application_front_conform .privacyButton {
    font-size: 13px;
    max-width: 310px;
  }
}
#application_front_conform .privacyButton:hover {
  opacity: 1;
  background: #80BEB8;
}
#application_front_conform .privacyButtonArea {
  max-width: 418px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 16px;
}
@media screen and (max-width: 768px) {
  #application_front_conform .privacyButtonArea {
    align-items: center;
    padding: 0 16px;
  }
}
#application_front_conform .privacyButtonArea form {
  display: flex;
  width: 100%;
  max-width: 201px;
}
#application_front_conform .privacyButtonCancel {
  max-width: 201px;
  width: 100%;
  height: 54px;
  border-radius: 32px;
  background: #FFF;
  border: 2px solid #65A09A;
  color: #65A09A;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  #application_front_conform .privacyButtonCancel {
    font-size: 13px;
    max-width: 310px;
  }
}
#application_front_conform .privacyButtonCancel:hover {
  opacity: 1;
  color: #80BEB8;
  border-color: #80BEB8;
}
#application_front_conform .privacyButtonCancelArea {
  max-width: 418px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 16px;
}
@media screen and (max-width: 768px) {
  #application_front_conform .privacyButtonCancelArea {
    flex-direction: column-reverse;
    align-items: center;
  }
}
#application_front_conform .privacyButtonCancelArea form {
  display: flex;
  width: 100%;
  max-width: 201px;
}
#application_front_conform .privacyCheckArea {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
}
#application_front_conform .modalApp {
  display: none;
  position: fixed;
  z-index: 200;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.3);
  color: #323232;
}
#application_front_conform .modalAppOpen {
  display: block;
}
#application_front_conform .modalAppContent {
  max-width: 530px;
  height: 220px;
  background-color: #FFF;
  margin: 300px auto;
  padding: 24px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25), 0 20px 25px 0 rgba(15, 23, 42, 0.1), 0 10px 10px -5px rgba(15, 23, 42, 0.04);
  animation-name: modalopen;
  animation-duration: 1s;
  border-radius: 8px;
}
@media screen and (max-width: 768px) {
  #application_front_conform .modalAppContent {
    width: 90%;
    margin: 165px auto;
    border-radius: 8px;
  }
}
#application_front_conform .modalAppHeader {
  display: flex;
  justify-content: space-between;
}
#application_front_conform .modalAppHeaderTitle {
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  #application_front_conform .modalAppHeaderTitle {
    font-size: 15px;
  }
}
#application_front_conform .modalAppHeaderCaption {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: #787878;
  padding-top: 16px;
}
@media screen and (max-width: 768px) {
  #application_front_conform .modalAppHeaderCaption {
    font-size: 13px;
  }
}
#application_front_conform .modalAppClose {
  display: block;
  width: 24px;
  height: 24px;
  background: #FFF;
  position: relative;
}
#application_front_conform .modalAppClose:before, #application_front_conform .modalAppClose:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #000;
  transform: rotate(45deg);
  transform-origin: 0% 50%;
  position: absolute;
  top: calc(14% - 5px);
  left: 14%;
}
#application_front_conform .modalAppClose:after {
  transform: rotate(-45deg);
  transform-origin: 100% 50%;
  left: auto;
  right: 14%;
}
#application_front_conform .modalAppClose:hover {
  cursor: pointer;
}
#application_front_conform .modalAppBody {
  overflow: scroll;
  padding-top: 24px;
}
@media screen and (max-width: 768px) {
  #application_front_conform .modalAppBody {
    height: initial;
    overflow: initial;
  }
}
#application_front_conform .modalAppBodySubmit {
  width: 169px;
  height: 54px;
  background: #65A09A;
  border-radius: 32px;
  color: #FFF;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  transition: 0.4s;
}
#application_front_conform .modalAppBodySubmitArea {
  text-align: right;
}
#application_front_conform input[type=checkbox] {
  position: relative;
  height: 18px;
  width: 18px;
  display: inline-block;
  border-radius: 5px;
  border: 2px solid #ccc;
  background: #fff;
  -webkit-appearance: none;
  appearance: none;
  flex-shrink: 0;
}
#application_front_conform input[type=checkbox]:checked {
  border: none;
  background: #DE8A6D;
}
#application_front_conform input[type=checkbox]:checked::before,
#application_front_conform input[type=checkbox]:checked::after {
  display: block;
  content: "";
  position: absolute;
  border-radius: 2px;
  transform: rotate(45deg);
  background: #fff;
}
#application_front_conform input[type=checkbox]:checked::before {
  bottom: 6px;
  left: 2px;
  width: 8px;
  height: 3px;
}
#application_front_conform input[type=checkbox]:checked::after {
  bottom: 4px;
  left: 10px;
  width: 3px;
  height: 11px;
}

#area-informations .download-btn {
  width: 230px;
  display: flex;
  justify-content: center;
  gap: 12px;
}
#area-informations .area-informations {
  /*
   * index.html.erb
   */
  /*
   * edit.html.erb
   */
}
#area-informations .area-informations-index-table__wrapper {
  width: 100%;
  overflow-x: scroll;
}
#area-informations .area-informations-index-table__pref {
  width: 100px;
}
#area-informations .area-informations-index-table__city {
  width: 150px;
}
#area-informations .area-informations-index-table__nearby-cities {
  width: 250px;
}
#area-informations .area-informations-index-table__info {
  width: 300px;
}
#area-informations .area-informations-index-table__info-code {
  width: 100px;
}
#area-informations .area-informations-index-table__info-title {
  width: auto;
}
#area-informations .area-informations-index-table__ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#area-informations .area-informations-edit-title {
  margin: 0 0 1.5rem;
  padding: 2px 16px;
  font-weight: bold;
  position: relative;
  font-size: 0.875rem;
}
#area-informations .area-informations-edit-title::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background-color: #1FA39E;
}
#area-informations .area-informations-edit-add {
  height: 30px;
  min-width: 100px;
  max-width: 100px;
  font-size: 0.875rem;
  margin-bottom: 24px;
}
#area-informations .area-informations-edit-add img {
  padding: 4px;
}
#area-informations .area-informations-edit-nearby-area {
  width: 100%;
  margin-bottom: 20px;
}
#area-informations .area-informations-edit-action-area {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  justify-content: center;
}
#area-informations .area-informations-edit-action-area .__submit {
  width: 280px;
}
#area-informations .area-informations-edit-action-area .__reset {
  background-color: #717171;
}
#area-informations .area-informations-edit .confirmDialog__ttl {
  font-size: 1rem;
}
#area-informations .area-information-partial {
  display: flex;
  width: 100%;
}
#area-informations .area-information-partial:not(:last-child) {
  margin-bottom: 20px;
}
#area-informations .area-information-partial__left {
  flex-grow: 1;
  padding: 20px 0 20px 20px;
  background-color: #f5f5f5;
  border: 1px solid #d3d3d3;
  border-radius: 8px;
  display: flex;
  min-height: 350px;
}
#area-informations .area-information-partial__left .form-area {
  flex-grow: 1;
}
#area-informations .area-information-partial__left .form-area .title {
  font-size: 0.875rem;
  font-weight: bold;
  margin-bottom: 20px;
}
#area-informations .area-information-partial__left .form-area .input-area {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
}
#area-informations .area-information-partial__left .form-area .input-area:last-child {
  margin-bottom: 0;
}
#area-informations .area-information-partial__left .form-area .input-area.__start {
  align-items: start;
}
#area-informations .area-information-partial__left .form-area .input-area-title {
  padding: 4px 0;
  width: 100px;
  font-size: 0.875rem;
}
#area-informations .area-information-partial__left .form-area .input-area-input {
  flex-grow: 1;
  padding: 0 20px 0 0;
  position: relative;
}
#area-informations .area-information-partial__left .form-area .input-area-input input {
  width: 224px;
  border: 1px solid #d3d3d3;
  padding: 4px 8px;
  border-radius: 4px;
}
#area-informations .area-information-partial__left .form-area .input-area-input textarea {
  width: 100%;
  border: 1px solid #d3d3d3;
  padding: 4px 8px;
  border-radius: 4px;
  resize: none;
}
#area-informations .area-information-partial__left .form-area .input-area-input__error {
  position: absolute;
  font-size: 0.75rem;
  color: #D96060;
  padding: 0;
  margin: 0;
  left: 4px;
  top: calc(100% + 2px);
  font-weight: normal !important;
}
#area-informations .area-information-partial__left .priority-area {
  display: flex;
  flex-basis: 70px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 12px;
  border-left: 1px solid #d3d3d3;
  height: 100%;
}
#area-informations .area-information-partial__left .priority-area button {
  display: inline-block;
  padding: 4px;
  background-color: #fff;
  border: 1px solid #d3d3d3;
  margin: 6px 0;
  opacity: 1;
  transition: all 0.1s;
  color: #000;
}
#area-informations .area-information-partial__left .priority-area button:disabled {
  background-color: #d3d3d3;
  cursor: not-allowed;
}
#area-informations .area-information-partial__left .priority-area button:not(:disabled):hover {
  opacity: 0.5;
}
#area-informations .area-information-partial__right {
  display: flex;
  flex-basis: 100px;
  justify-content: center;
  align-items: center;
  width: auto;
}
#area-informations .area-information-partial__right .link {
  min-width: 54px;
  max-width: 54px;
}

.master-container,
.vendor-container,
.group-container {
  position: relative;
}
.master-container .container,
.vendor-container .container,
.group-container .container {
  display: flex;
  padding-left: 300px;
  margin: 0 auto;
  justify-content: space-between;
  position: relative;
}
.master-container .main-content,
.vendor-container .main-content,
.group-container .main-content {
  width: 100%;
  margin: 0;
}
.master-container .main-content .with_right_part,
.vendor-container .main-content .with_right_part,
.group-container .main-content .with_right_part {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.master-container .main-content .with_right_part .right_part,
.vendor-container .main-content .with_right_part .right_part,
.group-container .main-content .with_right_part .right_part {
  width: 440px;
  margin-left: 10px;
}
.master-container .main-content .with_right_part .left_part,
.vendor-container .main-content .with_right_part .left_part,
.group-container .main-content .with_right_part .left_part {
  max-width: 70%;
}
.master-container .left-content,
.vendor-container .left-content,
.group-container .left-content {
  width: 300px;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  overflow: auto;
}

.vendor-container .l-applicants__status-item,
.group-container .l-applicants__status-item {
  min-width: 5.75rem;
}
.vendor-container .l-applicants__status-btn--box,
.group-container .l-applicants__status-btn--box {
  width: 7.875rem;
  margin-left: 2.375rem;
}
.vendor-container .l-applicants__status-btn,
.group-container .l-applicants__status-btn {
  max-width: 7.875rem;
  min-height: 3.75rem;
  line-height: 1.3333333333;
  font-size: 0.75rem;
  padding-right: 1.375rem;
}
.vendor-container .c-invoice__heading-items__item,
.group-container .c-invoice__heading-items__item {
  background-color: #F8F2ED;
}
.vendor-container .c-invoice__item-link.is-active,
.group-container .c-invoice__item-link.is-active {
  background-color: #DE8A6D;
}
.vendor-container .c-invoice__heading-items__item.active::after,
.group-container .c-invoice__heading-items__item.active::after {
  border-color: #DE8A6D;
}
.vendor-container .c-invoice__heading-items__month,
.group-container .c-invoice__heading-items__month {
  color: #DE8A6D;
}
.vendor-container .common-btn._prev,
.vendor-container .common-btn._next,
.group-container .common-btn._prev,
.group-container .common-btn._next {
  background-color: #DE8A6D;
}
.vendor-container .c-tab__item.is-active,
.group-container .c-tab__item.is-active {
  background: #DE8A6D;
  border-color: #DE8A6D;
}
.vendor-container .chat-wrapper.send-chat .chat-body,
.group-container .chat-wrapper.send-chat .chat-body {
  background: #DE8A6D;
}
.vendor-container .l-applicants__status-item ._ttl,
.group-container .l-applicants__status-item ._ttl {
  background-color: #DE8A6D;
}
.vendor-container .l-applicants__status-item ._num,
.group-container .l-applicants__status-item ._num {
  border-color: #DE8A6D;
  color: #DE8A6D;
}
.vendor-container .common-form__label input[type=radio]:checked + ._label,
.group-container .common-form__label input[type=radio]:checked + ._label {
  background-color: #DE8A6D;
}
.vendor-container .common-form__btn-search,
.group-container .common-form__btn-search {
  background-color: #DE8A6D;
}
.vendor-container .common-form__select .form-control option:checked,
.group-container .common-form__select .form-control option:checked {
  background-color: #DE8A6D !important;
}
.vendor-container .common-form__head label::before,
.group-container .common-form__head label::before {
  background-color: #DE8A6D;
}
.vendor-container #master-sidebar .l-sidebar__nav-link.current,
.vendor-container #group-sidebar .l-sidebar__nav-link.current,
.vendor-container #vendor-sidebar .l-sidebar__nav-link.current,
.group-container #master-sidebar .l-sidebar__nav-link.current,
.group-container #group-sidebar .l-sidebar__nav-link.current,
.group-container #vendor-sidebar .l-sidebar__nav-link.current {
  background-color: #DE8A6D;
}
.vendor-container #master-sidebar .l-sidebar__nav-link:hover, .vendor-container #master-sidebar .l-sidebar__nav-link:active,
.vendor-container #group-sidebar .l-sidebar__nav-link:hover,
.vendor-container #group-sidebar .l-sidebar__nav-link:active,
.vendor-container #vendor-sidebar .l-sidebar__nav-link:hover,
.vendor-container #vendor-sidebar .l-sidebar__nav-link:active,
.group-container #master-sidebar .l-sidebar__nav-link:hover,
.group-container #master-sidebar .l-sidebar__nav-link:active,
.group-container #group-sidebar .l-sidebar__nav-link:hover,
.group-container #group-sidebar .l-sidebar__nav-link:active,
.group-container #vendor-sidebar .l-sidebar__nav-link:hover,
.group-container #vendor-sidebar .l-sidebar__nav-link:active {
  color: #DE8A6D;
}
.vendor-container #master-sidebar .l-sidebar__nav-sub--link.current,
.vendor-container #group-sidebar .l-sidebar__nav-sub--link.current,
.vendor-container #vendor-sidebar .l-sidebar__nav-sub--link.current,
.group-container #master-sidebar .l-sidebar__nav-sub--link.current,
.group-container #group-sidebar .l-sidebar__nav-sub--link.current,
.group-container #vendor-sidebar .l-sidebar__nav-sub--link.current {
  pointer-events: none;
}
.vendor-container #master-sidebar .l-sidebar__nav-sub--link.current:hover, .vendor-container #master-sidebar .l-sidebar__nav-sub--link.current:active,
.vendor-container #group-sidebar .l-sidebar__nav-sub--link.current:hover,
.vendor-container #group-sidebar .l-sidebar__nav-sub--link.current:active,
.vendor-container #vendor-sidebar .l-sidebar__nav-sub--link.current:hover,
.vendor-container #vendor-sidebar .l-sidebar__nav-sub--link.current:active,
.group-container #master-sidebar .l-sidebar__nav-sub--link.current:hover,
.group-container #master-sidebar .l-sidebar__nav-sub--link.current:active,
.group-container #group-sidebar .l-sidebar__nav-sub--link.current:hover,
.group-container #group-sidebar .l-sidebar__nav-sub--link.current:active,
.group-container #vendor-sidebar .l-sidebar__nav-sub--link.current:hover,
.group-container #vendor-sidebar .l-sidebar__nav-sub--link.current:active {
  color: #fff;
}
.vendor-container #master-sidebar .l-sidebar__nav-sub--link:hover, .vendor-container #master-sidebar .l-sidebar__nav-sub--link:active,
.vendor-container #group-sidebar .l-sidebar__nav-sub--link:hover,
.vendor-container #group-sidebar .l-sidebar__nav-sub--link:active,
.vendor-container #vendor-sidebar .l-sidebar__nav-sub--link:hover,
.vendor-container #vendor-sidebar .l-sidebar__nav-sub--link:active,
.group-container #master-sidebar .l-sidebar__nav-sub--link:hover,
.group-container #master-sidebar .l-sidebar__nav-sub--link:active,
.group-container #group-sidebar .l-sidebar__nav-sub--link:hover,
.group-container #group-sidebar .l-sidebar__nav-sub--link:active,
.group-container #vendor-sidebar .l-sidebar__nav-sub--link:hover,
.group-container #vendor-sidebar .l-sidebar__nav-sub--link:active {
  color: #DE8A6D;
}
.vendor-container .pagination .page.current, .vendor-container .pagination .next.current, .vendor-container .pagination .last.current, .vendor-container .pagination .prev.current, .vendor-container .pagination .first.current,
.group-container .pagination .page.current,
.group-container .pagination .next.current,
.group-container .pagination .last.current,
.group-container .pagination .prev.current,
.group-container .pagination .first.current {
  background-color: #DE8A6D;
}
.vendor-container .common-btn._green,
.group-container .common-btn._green {
  background-color: #DE8A6D;
}
.vendor-container .box-ttl ._sm,
.group-container .box-ttl ._sm {
  color: #DE8A6D;
}
.vendor-container .common-table._green th,
.group-container .common-table._green th {
  background-color: #DE8A6D;
}
.vendor-container .bg-main,
.group-container .bg-main {
  background: #F8F2ED;
}
.vendor-container .common-form__btn-conditions,
.group-container .common-form__btn-conditions {
  background-color: #DE8A6D;
}
.vendor-container .box-subttl,
.group-container .box-subttl {
  border-left: 4px solid #DE8A6D;
}
.vendor-container .l-applicants__form-head label::before,
.group-container .l-applicants__form-head label::before {
  background-color: #DE8A6D;
}
.vendor-container .common-form__label input[type=radio] + ._label ._txt::after,
.group-container .common-form__label input[type=radio] + ._label ._txt::after {
  background-color: #DE8A6D;
}
.vendor-container .common-form__btn-conditions ._arrow::before, .vendor-container .common-form__btn-conditions ._arrow::after,
.group-container .common-form__btn-conditions ._arrow::before,
.group-container .common-form__btn-conditions ._arrow::after {
  background: #DE8A6D;
}

#master-sidebar,
#vendor-sidebar,
#group-sidebar {
  font-size: 0.875rem;
  letter-spacing: 0;
  font-weight: 500;
}
#master-sidebar .side-nav,
#vendor-sidebar .side-nav,
#group-sidebar .side-nav {
  height: 100%;
}
#master-sidebar.l-sidebar,
#vendor-sidebar.l-sidebar,
#group-sidebar.l-sidebar {
  width: 300px;
  background: #fff;
  overflow: scroll;
  border: 1px solid #e4e0e0;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
#master-sidebar.l-sidebar::-webkit-scrollbar,
#vendor-sidebar.l-sidebar::-webkit-scrollbar,
#group-sidebar.l-sidebar::-webkit-scrollbar {
  display: none;
}
#master-sidebar .l-sidebar__logo,
#vendor-sidebar .l-sidebar__logo,
#group-sidebar .l-sidebar__logo {
  height: 60px;
  padding: 0 1.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
#master-sidebar .l-sidebar__logo-text,
#vendor-sidebar .l-sidebar__logo-text,
#group-sidebar .l-sidebar__logo-text {
  font-size: 20px;
  color: white;
}
#master-sidebar .l-sidebar__logo-img,
#vendor-sidebar .l-sidebar__logo-img,
#group-sidebar .l-sidebar__logo-img {
  width: 100%;
  max-width: 8.875rem;
  height: auto;
}
#master-sidebar .l-sidebar__user-info,
#vendor-sidebar .l-sidebar__user-info,
#group-sidebar .l-sidebar__user-info {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  height: 80px;
  transition: all 0.4s ease;
  z-index: 10;
}
#master-sidebar .l-sidebar__user-info--profile,
#vendor-sidebar .l-sidebar__user-info--profile,
#group-sidebar .l-sidebar__user-info--profile {
  margin-right: 8px;
  border: 2px solid #ffffff;
  border-radius: 50%;
  filter: drop-shadow(0px 8px 14px #bfbfbf);
  width: 38px;
  height: 38px;
  background-position: center center;
}
#master-sidebar .l-sidebar__user-info--details,
#vendor-sidebar .l-sidebar__user-info--details,
#group-sidebar .l-sidebar__user-info--details {
  display: flex;
  flex-direction: column;
  line-height: 20px;
}
#master-sidebar .l-sidebar__user-info--details .name,
#vendor-sidebar .l-sidebar__user-info--details .name,
#group-sidebar .l-sidebar__user-info--details .name {
  color: #323232;
}
#master-sidebar .l-sidebar__user-info--details .email,
#vendor-sidebar .l-sidebar__user-info--details .email,
#group-sidebar .l-sidebar__user-info--details .email {
  font-size: 12px;
  color: #787878;
  word-break: break-all;
}
#master-sidebar .l-sidebar__nav,
#vendor-sidebar .l-sidebar__nav,
#group-sidebar .l-sidebar__nav {
  list-style: none;
  padding: 0;
  box-sizing: border-box;
}
#master-sidebar .l-sidebar__nav-item,
#vendor-sidebar .l-sidebar__nav-item,
#group-sidebar .l-sidebar__nav-item {
  position: relative;
  border-top: 1px solid #e4e0e0;
}
#master-sidebar .l-sidebar__nav-link,
#vendor-sidebar .l-sidebar__nav-link,
#group-sidebar .l-sidebar__nav-link {
  padding-left: 3.25rem;
  display: flex;
  height: 40px;
  font-weight: 500;
  align-items: center;
  text-decoration: none;
  color: #3b3b3b;
  position: relative;
  transition: 0.4s ease;
  transition-property: opacity, color;
  font-size: 1rem;
}
#master-sidebar .l-sidebar__nav-link ._required,
#vendor-sidebar .l-sidebar__nav-link ._required,
#group-sidebar .l-sidebar__nav-link ._required {
  color: #fff;
  background: #ad0000;
  border-radius: 2px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  height: 1.5rem;
  width: 3.9375rem;
  margin-left: 1.75rem;
}
#master-sidebar .l-sidebar__nav-link img,
#vendor-sidebar .l-sidebar__nav-link img,
#group-sidebar .l-sidebar__nav-link img {
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
#master-sidebar .l-sidebar__nav-link._dashboard img, #master-sidebar .l-sidebar__nav-link._list img, #master-sidebar .l-sidebar__nav-link._template img, #master-sidebar .l-sidebar__nav-link._automated_mail_content img,
#vendor-sidebar .l-sidebar__nav-link._dashboard img,
#vendor-sidebar .l-sidebar__nav-link._list img,
#vendor-sidebar .l-sidebar__nav-link._template img,
#vendor-sidebar .l-sidebar__nav-link._automated_mail_content img,
#group-sidebar .l-sidebar__nav-link._dashboard img,
#group-sidebar .l-sidebar__nav-link._list img,
#group-sidebar .l-sidebar__nav-link._template img,
#group-sidebar .l-sidebar__nav-link._automated_mail_content img {
  left: 1.25rem;
}
#master-sidebar .l-sidebar__nav-link._summary img,
#vendor-sidebar .l-sidebar__nav-link._summary img,
#group-sidebar .l-sidebar__nav-link._summary img {
  left: 1.375rem;
}
#master-sidebar .l-sidebar__nav-link._group img, #master-sidebar .l-sidebar__nav-link._setting img, #master-sidebar .l-sidebar__nav-link._parent img, #master-sidebar .l-sidebar__nav-link._chat img, #master-sidebar .l-sidebar__nav-link._template img, #master-sidebar .l-sidebar__nav-link._billing img, #master-sidebar .l-sidebar__nav-link._automated_mail_content img,
#vendor-sidebar .l-sidebar__nav-link._group img,
#vendor-sidebar .l-sidebar__nav-link._setting img,
#vendor-sidebar .l-sidebar__nav-link._parent img,
#vendor-sidebar .l-sidebar__nav-link._chat img,
#vendor-sidebar .l-sidebar__nav-link._template img,
#vendor-sidebar .l-sidebar__nav-link._billing img,
#vendor-sidebar .l-sidebar__nav-link._automated_mail_content img,
#group-sidebar .l-sidebar__nav-link._group img,
#group-sidebar .l-sidebar__nav-link._setting img,
#group-sidebar .l-sidebar__nav-link._parent img,
#group-sidebar .l-sidebar__nav-link._chat img,
#group-sidebar .l-sidebar__nav-link._template img,
#group-sidebar .l-sidebar__nav-link._billing img,
#group-sidebar .l-sidebar__nav-link._automated_mail_content img {
  left: 1.25rem;
}
#master-sidebar .l-sidebar__nav-link._school svg, #master-sidebar .l-sidebar__nav-link._confirm svg,
#vendor-sidebar .l-sidebar__nav-link._school svg,
#vendor-sidebar .l-sidebar__nav-link._confirm svg,
#group-sidebar .l-sidebar__nav-link._school svg,
#group-sidebar .l-sidebar__nav-link._confirm svg {
  left: 1.5rem;
}
#master-sidebar .l-sidebar__nav-link._contact svg,
#vendor-sidebar .l-sidebar__nav-link._contact svg,
#group-sidebar .l-sidebar__nav-link._contact svg {
  left: 1.1875rem;
}
#master-sidebar .l-sidebar__nav-link._claim svg,
#vendor-sidebar .l-sidebar__nav-link._claim svg,
#group-sidebar .l-sidebar__nav-link._claim svg {
  left: 1.375rem;
}
#master-sidebar .l-sidebar__nav-link:hover, #master-sidebar .l-sidebar__nav-link:active,
#vendor-sidebar .l-sidebar__nav-link:hover,
#vendor-sidebar .l-sidebar__nav-link:active,
#group-sidebar .l-sidebar__nav-link:hover,
#group-sidebar .l-sidebar__nav-link:active {
  color: #1FA39E;
}
#master-sidebar .l-sidebar__nav-link::after,
#vendor-sidebar .l-sidebar__nav-link::after,
#group-sidebar .l-sidebar__nav-link::after {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-top: 2px solid #3b3b3b;
  border-right: 2px solid #3b3b3b;
  position: absolute;
  right: 1.3125rem;
  top: 50%;
  transform: translate(0, -50%) rotate(45deg);
}
#master-sidebar .l-sidebar__nav-link.current,
#vendor-sidebar .l-sidebar__nav-link.current,
#group-sidebar .l-sidebar__nav-link.current {
  background: #1FA39E;
  color: #fff;
  pointer-events: none;
}
#master-sidebar .l-sidebar__nav-link.current img,
#vendor-sidebar .l-sidebar__nav-link.current img,
#group-sidebar .l-sidebar__nav-link.current img {
  filter: brightness(0) invert(1);
}
#master-sidebar .l-sidebar__nav-link.current .stroke,
#vendor-sidebar .l-sidebar__nav-link.current .stroke,
#group-sidebar .l-sidebar__nav-link.current .stroke {
  stroke: #fff;
}
#master-sidebar .l-sidebar__nav-link.current .fill,
#vendor-sidebar .l-sidebar__nav-link.current .fill,
#group-sidebar .l-sidebar__nav-link.current .fill {
  fill: #fff;
}
#master-sidebar .l-sidebar__nav-link.current + .l-sidebar__nav-arrow,
#vendor-sidebar .l-sidebar__nav-link.current + .l-sidebar__nav-arrow,
#group-sidebar .l-sidebar__nav-link.current + .l-sidebar__nav-arrow {
  background-color: #1FA39E;
}
#master-sidebar .l-sidebar__nav-link.current + .l-sidebar__nav-arrow::before, #master-sidebar .l-sidebar__nav-link.current + .l-sidebar__nav-arrow::after,
#vendor-sidebar .l-sidebar__nav-link.current + .l-sidebar__nav-arrow::before,
#vendor-sidebar .l-sidebar__nav-link.current + .l-sidebar__nav-arrow::after,
#group-sidebar .l-sidebar__nav-link.current + .l-sidebar__nav-arrow::before,
#group-sidebar .l-sidebar__nav-link.current + .l-sidebar__nav-arrow::after {
  background-color: #1FA39E;
}
#master-sidebar .l-sidebar__nav-link.current::after,
#vendor-sidebar .l-sidebar__nav-link.current::after,
#group-sidebar .l-sidebar__nav-link.current::after {
  border-color: #fff;
}
#master-sidebar .l-sidebar__nav-arrow,
#vendor-sidebar .l-sidebar__nav-arrow,
#group-sidebar .l-sidebar__nav-arrow {
  pointer-events: none;
  position: absolute;
  top: 50%;
  right: 1.25rem;
  transform: translate(0, -50%);
  width: 1rem;
  height: 1rem;
  background: #fcf1ed;
  border-radius: 50%;
  border: none;
}
#master-sidebar .l-sidebar__nav-arrow::before, #master-sidebar .l-sidebar__nav-arrow::after,
#vendor-sidebar .l-sidebar__nav-arrow::before,
#vendor-sidebar .l-sidebar__nav-arrow::after,
#group-sidebar .l-sidebar__nav-arrow::before,
#group-sidebar .l-sidebar__nav-arrow::after {
  content: "";
  background: #1FA39E;
  width: 0.5rem;
  height: 1px;
  border-radius: 1px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#master-sidebar .l-sidebar__nav-arrow::after,
#vendor-sidebar .l-sidebar__nav-arrow::after,
#group-sidebar .l-sidebar__nav-arrow::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
#master-sidebar .l-sidebar__nav-sub,
#vendor-sidebar .l-sidebar__nav-sub,
#group-sidebar .l-sidebar__nav-sub {
  list-style: none;
  padding: 0;
}
#master-sidebar .l-sidebar__nav-sub--item,
#vendor-sidebar .l-sidebar__nav-sub--item,
#group-sidebar .l-sidebar__nav-sub--item {
  border-top: 1px solid #d3d3d3;
}
#master-sidebar .l-sidebar__nav-sub--link,
#vendor-sidebar .l-sidebar__nav-sub--link,
#group-sidebar .l-sidebar__nav-sub--link {
  display: flex;
  align-items: center;
  height: 2.75rem;
  color: #3b3b3b;
  text-decoration: none;
  padding-left: 3.375rem;
  transition: 0.4s ease;
  transition-property: opacity, color;
  position: relative;
  background-color: #f5f5f5;
  font-size: 0.875rem;
  font-weight: 400;
}
#master-sidebar .l-sidebar__nav-sub--link:hover, #master-sidebar .l-sidebar__nav-sub--link:active,
#vendor-sidebar .l-sidebar__nav-sub--link:hover,
#vendor-sidebar .l-sidebar__nav-sub--link:active,
#group-sidebar .l-sidebar__nav-sub--link:hover,
#group-sidebar .l-sidebar__nav-sub--link:active {
  color: #1FA39E;
  opacity: 0.7;
}
#master-sidebar .l-sidebar__nav-sub--link.current,
#vendor-sidebar .l-sidebar__nav-sub--link.current,
#group-sidebar .l-sidebar__nav-sub--link.current {
  background: #9b9b9b;
  color: #fff;
}
#master-sidebar .l-sidebar__nav-sub--link.current::after,
#vendor-sidebar .l-sidebar__nav-sub--link.current::after,
#group-sidebar .l-sidebar__nav-sub--link.current::after {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}
#master-sidebar .l-sidebar__nav-sub--link::after,
#vendor-sidebar .l-sidebar__nav-sub--link::after,
#group-sidebar .l-sidebar__nav-sub--link::after {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-top: 2px solid #3b3b3b;
  border-right: 2px solid #3b3b3b;
  position: absolute;
  right: 1.3125rem;
  top: 50%;
  transform: translate(0, -50%) rotate(45deg);
}

.l-sidebar__nav-btns {
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.l-sidebar__nav-contact {
  background: #DE8A6D;
  color: #fff;
  border-radius: 4px;
  width: 100%;
  max-width: 16.25rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  letter-spacing: 0;
  transition: 0.4s ease;
  transition-property: opacity;
}
.l-sidebar__nav-contact:hover, .l-sidebar__nav-contact:active {
  opacity: 0.7;
}

.l-sidebar__nav-logout {
  background: #717171;
  color: #fff;
  border-radius: 4px;
  width: 100%;
  max-width: 16.25rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  letter-spacing: 0;
  transition: 0.4s ease;
  transition-property: opacity;
}
.l-sidebar__nav-logout img {
  width: 1.125rem;
  height: 1.125rem;
  margin-right: 0.6875rem;
}
.l-sidebar__nav-logout:hover, .l-sidebar__nav-logout:active {
  opacity: 0.7;
}

.summaries__tooltip {
  position: absolute;
  min-width: 350px;
  min-height: 50px;
  max-height: calc(100vh - 60px);
  overflow-y: scroll;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 12px;
  background-color: white;
  border: 1px solid #D3D3D3;
  border-radius: 5px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1019607843);
  z-index: 100;
  font-size: 12px;
}
.summaries__tooltip .wrapper {
  width: 100%;
}
.summaries__tooltip .description {
  font-size: 10px;
  color: #3B3B3B;
}
.summaries__tooltip hr {
  margin: 8px 0;
}
.summaries__tooltip .entry {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.summaries__tooltip .entry .entry_type {
  width: 40px;
  margin-right: 50px;
}
.summaries__tooltip .entry .entry_name {
  width: 150px;
  text-align: left;
}
.summaries__tooltip .entry .entry_time {
  width: 50px;
  text-align: right;
}

.mypage-container {
  position: relative;
}
.mypage-container .container {
  display: flex;
  max-width: 1512px;
  padding: 102px 122px 40px;
  margin: 0 auto;
  justify-content: space-between;
  background: #f9f8f8;
  gap: 20px;
  min-height: 100vh;
}
@media screen and (max-width: 768px) {
  .mypage-container .container {
    padding: 78px 0 16px;
  }
}
.mypage-container .main-content {
  width: 531px;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .mypage-container .main-content {
    width: initial;
  }
}
.mypage-container .main-content.no_right_side {
  width: 989px;
}
.mypage-container .left-content {
  width: 256px;
}
.mypage-container .right-content {
  width: 440px;
}

.mypageBackColor {
  background: #f9f8f8;
}

html,
body {
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  html,
body {
    font-size: 14px;
  }
}

a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
a:link, a:hover, a:active, a:visited {
  text-decoration: none;
}

a:hover {
  color: inherit;
}

a,
button {
  z-index: 1;
  cursor: pointer;
}
a:hover,
button:hover {
  opacity: 0.8;
  transition: 0.3s;
}

input,
button {
  border: none;
  outline: none;
  font-size: 100%;
}
input[type=submit],
button[type=submit] {
  cursor: pointer;
}

* {
  box-sizing: border-box;
}

/*
 * レスポンシブ
 */
.pcOnly {
  display: block;
}
@media screen and (max-width: 768px) {
  .pcOnly {
    display: none !important;
  }
}

.pcOnlyTable {
  display: table;
}
@media screen and (max-width: 768px) {
  .pcOnlyTable {
    display: none !important;
  }
}

.spOnly {
  display: none;
}
@media screen and (max-width: 768px) {
  .spOnly {
    display: block !important;
  }
}

.pcOnlyFlex {
  display: flex;
}
@media screen and (max-width: 768px) {
  .pcOnlyFlex {
    display: none !important;
  }
}

.spOnlyFlex {
  display: none;
}
@media screen and (max-width: 768px) {
  .spOnlyFlex {
    display: flex !important;
  }
}

.pcOnlyTable {
  display: table;
}
@media screen and (max-width: 768px) {
  .pcOnlyTable {
    display: none !important;
  }
}

/*
 * display
 */
.block {
  display: block;
}

.none {
  display: none !important;
}

.flex {
  display: flex;
}

.justify_center {
  display: flex;
  justify-content: center;
}

.block {
  display: block;
}

/*
 * position
 */
.center_all {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.textCenter {
  text-align: center;
}

/*
 * padding, margin
 */
.p_x_auto {
  padding-left: auto;
  padding-right: auto;
}
.p_x_16px {
  padding-left: 16px;
  padding-right: 16px;
}
.p_l_10px {
  padding-left: 10px;
}
.p_l_20px {
  padding-left: 20px;
}
.p_l_30px {
  padding-left: 30px;
}
.p_l_40px {
  padding-left: 40px;
}

.m_r_16px {
  margin-right: 16px;
}
.m_l_16px {
  margin-left: 16px;
}
.m_l_24px {
  margin-left: 24px;
}
.m_x_auto {
  margin-left: auto;
  margin-right: auto;
}
.m_x_30px {
  margin-left: 30px;
  margin-right: 30px;
}
.m_y_10px {
  margin-top: 10px;
  margin-bottom: 10px;
}
.m_y_15px {
  margin-top: 15px;
  margin-bottom: 15px;
}
.m_y_20px {
  margin-top: 20px;
  margin-bottom: 20px;
}
.m_y_30px {
  margin-top: 30px;
  margin-bottom: 30px;
}
.m_y_50px {
  margin-top: 50px;
  margin-bottom: 50px;
}
.m_b_20px {
  margin-bottom: 20px;
}
.m_b_30px {
  margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
  .spHidden {
    display: none;
  }
}

.spAppear {
  display: none;
}
@media screen and (max-width: 768px) {
  .spAppear {
    display: block;
  }
}

.spAppearFlex {
  display: none !important;
}
@media screen and (max-width: 768px) {
  .spAppearFlex {
    display: flex !important;
  }
}

.spAppearTable {
  display: none;
}
@media screen and (max-width: 768px) {
  .spAppearTable {
    display: table;
  }
}

.pRelative {
  position: relative;
}

.pSticky {
  position: sticky !important;
}

.bodyFixed {
  position: fixed;
  inset: 0;
}

.bodyOverfllowHideen {
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .spBr::before {
    content: "\a";
    white-space: pre;
  }
}

@media screen and (max-width: 768px) {
  input[type=text],
input[type=password],
input[type=tel],
input[type=email],
input[type=number],
input[type=search],
textarea {
    font-size: 16px !important;
  }
}

.invisible {
  visibility: hidden;
}

.toast {
  position: fixed;
  top: 86px;
  right: 24px;
  z-index: 210;
  color: #FFF;
  font-weight: 600;
  font-size: 14px;
  min-width: 350px;
  display: flex;
  align-items: center;
  border-radius: 8px;
  opacity: 1;
  transition: all 0.2s linear;
}
@media screen and (max-width: 768px) {
  .toast {
    min-width: initial;
    right: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width: 90%;
  }
}
.toast.hide {
  opacity: 0;
  visibility: hidden;
}
.toast .toast-body {
  position: relative;
  padding-left: 30px;
}
.toast .toast-bodyOk::before {
  content: "";
  background: url(/assets/check_share-0a67d311e407b197f5b5b25bb0839bcb611f94ee605f439db4a73c984cf6067a.svg) no-repeat center center;
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 24px;
  height: 24px;
}
.toast .toast-bodyNg::before {
  content: "";
  background: url(/assets/error-1d0607f21ffbd49e9ed37a3c8460b5d60f692d06373b2d4057fda12c09296b09.svg) no-repeat center center;
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 24px;
  height: 24px;
}
.toastOk {
  background: #55B938;
}
.toastNg {
  background: #D65745;
}
.toast .d-flex {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 16px;
}
.toast button {
  padding: 0;
  border: none;
  outline: none;
  font: inherit;
  color: inherit;
  background: none;
  position: relative;
}
.toast .btn-close {
  height: 10px;
  width: 10px;
}
.toast .btn-close::before, .toast .btn-close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 12px;
  background: #FFF;
}
.toast .btn-close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.toast .btn-close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.toast .btn-close-label {
  position: absolute;
  top: 6px;
  right: 14px;
  cursor: pointer;
  z-index: 1;
}

input:-webkit-autofill {
  box-shadow: 0 0 0 1000px #FFF inset;
}

.datepicker-days td, .datepicker-days th {
  width: 40px !important;
  height: 40px !important;
  font-weight: 600;
  color: #323232;
  vertical-align: middle;
}
.datepicker-days .datepicker table tr td.range, .datepicker-days .datepicker table tr td.range.disabled, .datepicker-days .datepicker table tr td.range.disabled:hover, .datepicker-days .datepicker table tr td.range:hover {
  border-radius: 0 !important;
}
.datepicker-days .range-start-custom {
  border-radius: 8px 0 0 8px !important;
}
.datepicker-days .range-end-custom {
  border-radius: 0 8px 8px 0 !important;
}

.datepicker th {
  font-size: 13px;
}

.datepicker td {
  font-size: 14px;
  border-radius: 8px !important;
}

.datepicker table tr td.new,
.datepicker table tr td.old {
  color: #D8D8D8 !important;
}

.datepicker table tr td.day.focused,
.datepicker table tr td.day:hover {
  background: #EDF6F6 !important;
  color: #65A09A;
}

.datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled] {
  background-color: #65A09A !important;
  color: #FFF;
  background-image: initial;
}

.datepicker table tr td.selected, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected:hover {
  background-color: #65A09A !important;
  color: #FFF;
  background-image: initial !important;
}

.datepicker table tr td.range, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover, .datepicker table tr td.range:hover {
  background: #F1F5F5 !important;
  border-radius: 0 !important;
}

.datepicker {
  padding: 16px 24px !important;
  overflow: hidden;
}

.datepicker .prev,
.datepicker .next {
  width: 40px !important;
  height: 40px !important;
}

.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover {
  background: #EDF6F6 !important;
  box-shadow: initial;
}

.datepicker table tr td span {
  width: 93.33px !important;
  height: 40px !important;
  margin: 0 !important;
}

.datepicker-months,
.datepicker-years,
.datepicker-decades,
.datepicker-centuries {
  width: 280px;
  display: flex;
  justify-content: center;
}
.datepicker-months td, .datepicker-months th,
.datepicker-years td,
.datepicker-years th,
.datepicker-decades td,
.datepicker-decades th,
.datepicker-centuries td,
.datepicker-centuries th {
  width: 93.33px !important;
  height: 40px !important;
  font-weight: 600;
  color: #323232;
  vertical-align: middle;
}
.datepicker-months td span,
.datepicker-years td span,
.datepicker-decades td span,
.datepicker-centuries td span {
  display: flex !important;
  justify-content: center;
  align-items: center;
}
.datepicker-months table,
.datepicker-years table,
.datepicker-decades table,
.datepicker-centuries table {
  width: 100%;
}
.datepicker-months td span.focused,
.datepicker-years td span.focused,
.datepicker-decades td span.focused,
.datepicker-centuries td span.focused {
  background: #65A09A !important;
  color: #FFF;
}
.datepicker-months td span:hover,
.datepicker-years td span:hover,
.datepicker-decades td span:hover,
.datepicker-centuries td span:hover {
  background: #EDF6F6 !important;
  color: #65A09A;
}
.datepicker-months .table-condensed > tbody tr,
.datepicker-years .table-condensed > tbody tr,
.datepicker-decades .table-condensed > tbody tr,
.datepicker-centuries .table-condensed > tbody tr {
  height: 190px;
}
.datepicker-months .table-condensed > tbody td,
.datepicker-years .table-condensed > tbody td,
.datepicker-decades .table-condensed > tbody td,
.datepicker-centuries .table-condensed > tbody td {
  position: relative;
  vertical-align: bottom;
}
.datepicker-months .table-condensed > tbody td:before,
.datepicker-years .table-condensed > tbody td:before,
.datepicker-decades .table-condensed > tbody td:before,
.datepicker-centuries .table-condensed > tbody td:before {
  content: "";
  position: absolute;
  top: 12px;
  left: -30px;
  width: 350px;
  height: 1px;
  background: #D8D8D8;
}

.table-condensed > thead > tr:nth-child(2) > .prev {
  font-size: 0;
  position: relative;
}

.table-condensed > thead > tr:nth-child(2) > .prev::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background: url(/assets/chevron_left-75b3feb4cf5a6b8b4110625a74b30f47dbbb0e54114e896888325523dd5e144d.svg) center no-repeat;
  background-size: 50%;
  width: 40px;
  height: 40px;
  border: 1px solid #D8D8D8;
  border-radius: 8px;
}

.table-condensed > thead > tr:nth-child(2) > .prev:hover::before {
  border: none;
}

.table-condensed > thead > tr:nth-child(2) > .next {
  font-size: 0;
  position: relative;
}

.table-condensed > thead > tr:nth-child(2) > .next::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background: url(/assets/chevron_right-607684824f5a9271ca3219a84cea5fcfa5bed8d05935676a530e3a482c503ab0.svg) center no-repeat;
  background-size: 50%;
  width: 40px;
  height: 40px;
  border: 1px solid #D8D8D8;
  border-radius: 8px;
}

.table-condensed > thead > tr:nth-child(2) > .next:hover::before {
  border: none;
}

.datepicker table tr td span.active.active {
  background-color: #EDF6F6 !important;
  color: #65A09A;
  background-image: initial !important;
}

.datepicker table tr td span.active:hover {
  color: #65A09A !important;
}

.table-condensed > thead > tr:nth-child(3) > th {
  position: relative;
  height: 60px !important;
  vertical-align: bottom;
  padding-bottom: 8px;
}

.table-condensed > thead > tr:nth-child(3) > th::before {
  position: absolute;
  content: "";
  top: 20px;
  left: -30px;
  width: 100px;
  height: 1px;
  background: #D8D8D8;
}

.custom-select {
  background: initial;
  border: none;
  height: initial;
  padding: initial;
}

.container {
  max-width: initial;
  padding: initial;
}

.header {
  width: 100%;
  height: 62px;
  margin: 0 auto;
  background: #DE8A6D;
  position: fixed;
  top: 31px;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 110;
}
@media screen and (max-width: 768px) {
  .header {
    padding: 16px 16px 16px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.headerArea {
  margin: 0 auto;
  width: 100%;
  height: 62px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 32px 0 0;
}
@media screen and (max-width: 768px) {
  .headerArea {
    display: initial;
  }
}
.headerTitle {
  font-size: 28px;
  font-weight: 800;
  color: #FFF;
  padding-right: 15px;
  height: 62px;
}
@media screen and (max-width: 768px) {
  .headerTitle {
    font-size: 18px;
  }
}
.headerTitleImg {
  height: 100%;
}
.headerTitle a {
  height: 62px;
  display: inline-block;
  opacity: 1;
}

@media screen and (max-width: 768px) {
  .globalNav {
    display: none;
  }
}
.globalNavSp {
  display: none;
}
@media screen and (max-width: 768px) {
  .globalNavSp {
    display: block;
  }
}
.globalNavSpIcon1 {
  margin-right: 16px;
}
.globalNavSpMenu {
  position: fixed;
  top: 0;
  right: -1200%;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 20%, rgba(0, 0, 0, 0.4) 17%, #F9F8F8 17%, #F9F8F8 80%);
  width: 100%;
  height: 100vh;
  z-index: 100;
  padding-left: 20%;
  transition: 0.3s;
}
.globalNavSpMenuActive {
  right: 0;
  transition: 0.3s;
}
.globalNavSpMenu ul {
  display: flex;
  flex-direction: column;
}
.globalNavSpMenuButtonArea {
  display: flex;
  align-items: center;
  gap: 5%;
  margin: 76px 16px 0px;
  position: relative;
}
.globalNavSpMenuButtonArea a:hover {
  opacity: 1;
}
.globalNavSpMenuLoginButton {
  font-size: 12px;
  font-weight: 600;
  color: #FFF;
  width: 112px;
  height: 43px;
  background: #65A09A;
  border-radius: 40px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}
.globalNavSpMenuLoginButton:hover {
  background: #80BEB8;
}
.globalNavSpMenuNewButton {
  font-size: 12px;
  font-weight: 600;
  padding-right: 8px;
  width: 148px;
  height: 43px;
  background: #FFF;
  color: #65A09A;
  padding: 14px 32px;
  border-radius: 40px;
  border: 2px solid #65A09A;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}
.globalNavSpMenuNewButton:hover {
  border-color: #80BEB8;
  color: #80BEB8;
}
.globalNavSpMenuUlArea {
  margin-top: 16px;
}
.globalNavSpMenuUlArea li {
  width: 100%;
  height: 56px;
  border-bottom: 1px solid #FFF;
  display: grid;
  grid-template-columns: 95% 5%;
  align-items: center;
  font-size: 15px;
  font-weight: 500;
  color: #323232;
  background: #FFF;
  padding-left: 16px;
  margin-left: 1px;
  box-shadow: inset 0px -1px 0px 0px rgb(228, 224, 224);
}
.globalNavSpMenuUlArea div {
  display: flex;
  align-items: center;
  height: 56px;
}
.globalNavSpMenuLiIconArrow {
  position: relative;
  width: 8px;
  height: 8px;
  transform: translateX(-25%) rotate(45deg);
}
.globalNavSpMenuLiIconArrow::before, .globalNavSpMenuLiIconArrow::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 3px;
  color: #323232;
}
.globalNavSpMenuLiIconArrow::before {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}
.globalNavSpMenuLiIconArrow::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}
.globalNavSpMenuLiIcon a {
  display: contents;
}
.globalNavSpMenuMyPage {
  margin: 16px 16px 0px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #484848 !important;
  background: #F9F8F8 !important;
  border-bottom: 1px solid #C5C0C0 !important;
  box-shadow: initial !important;
  margin: 0 16px 0 16px;
  width: 90% !important;
  height: 43px !important;
  padding-left: 0px !important;
}
.globalNavSpClose {
  width: 36px;
  height: 36px;
  background: #FFF;
  border-radius: 50%;
  position: absolute;
  right: 16px;
  top: 16px;
  z-index: 100;
}
.globalNavSpClose::before, .globalNavSpClose::after {
  content: "";
  width: 20px;
  height: 2px;
  background: #EC9375;
  position: absolute;
  left: calc(50% - 10px);
  border-radius: 3px;
  top: 17px;
}
.globalNavSpClose::before {
  transform: rotate(45deg);
}
.globalNavSpClose::after {
  transform: rotate(-45deg);
}
.globalNavSpUserIcon {
  width: 40px;
  height: 40px;
  object-fit: cover;
  object-position: center;
}
.globalNavSpUserIconWrap {
  position: relative;
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 50%;
  margin: 16px 0 -56px 16px;
  border: 1.5px solid #FFF;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-shadow: 0px 8px 14px 0px rgb(47, 25, 25);
}
.globalNavLink1 {
  width: 36px;
  height: 36px;
  background: #D17556;
  border-radius: 50%;
  display: flex;
  align-items: center;
}
.globalNavLink1IconBox {
  background: url(/assets/favorite_border-bc99f6b9db565718704c5934e98fa2d17755027ad3edc911653bbfbe446ab76b.svg) no-repeat center center/auto 100%;
  width: 100%;
  height: 28px;
}
.globalNavLink1Active {
  background: #65A09A;
}
.globalNavLink1Active div {
  background: url(/assets/assignment-c0123712434d31bcf41dc0b30bb705bbccf5fe06ad72a1581c669b96c4a314ec.svg) no-repeat center center/auto 100%;
  box-shadow: initial;
}
.globalNavHumburger {
  width: 36px;
  height: 36px;
  background: #FFF;
  border-radius: 50%;
  display: flex;
  align-items: center;
}
.globalNavHumburgerIconBox {
  width: 100%;
  height: 28px;
  position: relative;
}
.globalNavHumburgerIcon {
  width: 20px;
  height: 2px;
  font-size: 0;
  background: #EC9375;
  position: absolute;
  left: calc(50% - 10px);
  top: 6px;
  border-radius: 3px;
}
.globalNavHumburgerIcon::before, .globalNavHumburgerIcon::after {
  content: "";
  width: 20px;
  height: 2px;
  background: #EC9375;
  position: absolute;
  left: calc(50% - 10px);
  border-radius: 3px;
}
.globalNavHumburgerIcon::before {
  top: 6px;
}
.globalNavHumburgerIcon::after {
  top: 13px;
}
.globalNavHumburgerIconNo {
  width: 22px;
  height: 22px;
  background: #EC5D5D;
  color: #FFF;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -11px;
  right: -11px;
  border-radius: 50%;
}
.globalNavHumburgerActive {
  background: #65A09A;
}
.globalNavHumburgerActive div {
  background: url(/assets/toc-active-fb91ef4d8e1aed83953eaa798c479f63b63c4d1323ac249877cfd89cd3161017.svg) no-repeat center center/auto 100%;
}
.globalNavUl {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.globalNavUl li {
  color: #FFF;
}
.globalNavSearch {
  font-size: 14px;
  font-weight: 600;
  color: #484848;
  padding-right: 16px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .globalNavSearch {
    font-size: 11px;
  }
}
.globalNavSearchIcon {
  padding-right: 4px;
  max-width: 24px;
  max-height: 24px;
}
.globalNavFavorite {
  font-size: 14px;
  font-weight: 600;
  color: #484848;
  padding-right: 16px;
  display: flex;
  align-items: center;
}
.globalNavFavoriteIcon {
  padding-right: 4px;
}
.globalNavContact {
  font-size: 14px;
  font-weight: 600;
  color: #484848;
  padding-right: 30px;
  display: flex;
  align-items: center;
}
.globalNavContactIcon {
  padding-right: 4px;
}
.globalNavLogin {
  font-size: 12px;
  font-weight: 600;
  color: #FFF;
  padding-right: 8px;
  padding-left: 30px;
}
.globalNavLoginButton {
  width: 112px;
  height: 43px;
  background: #65A09A;
  padding: 14px 32px;
  border-radius: 40px;
  position: relative;
  display: flex;
  align-items: center;
  transition: 0.3s;
}
.globalNavLoginButton:hover {
  background: #80BEB8;
}
.globalNavLoginButton::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 24px;
  background-color: #FFF;
  position: absolute;
  top: 9px;
  left: -24px;
}
.globalNavLogin a:hover {
  opacity: 1;
}
.globalNavNew {
  font-size: 12px;
  font-weight: 600;
  padding-right: 8px;
}
.globalNavNewButton {
  width: 148px;
  height: 43px;
  background: #FFF;
  color: #65A09A;
  padding: 14px 32px;
  border-radius: 40px;
  border: 2px solid #65A09A;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}
.globalNavNewButton:hover {
  border-color: #80BEB8;
  color: #80BEB8;
}
.globalNavNew a:hover {
  opacity: 1;
}
.globalNavUser {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.globalNavUser img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
  box-shadow: 0px 8px 14px 0px rgb(160, 63, 29);
  background-color: white;
  border: 1.5px solid #FFF;
}
.globalNavUser .notSetting {
  object-position: center !important;
}
.globalNavLogout {
  font-size: 12px;
  font-weight: 600;
  padding-right: 8px;
  position: relative;
  margin-left: 30px;
}
.globalNavLogout a::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 24px;
  background-color: #FFF;
  position: absolute;
  top: 9px;
  left: -24px;
}
.globalNavLogout a:hover {
  opacity: 1;
}
.globalNavLogoutButton {
  width: 148px;
  height: 43px;
  background: #FFF;
  color: #65A09A;
  padding: 14px 32px;
  border-radius: 40px;
  border: 2px solid #65A09A;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}
.globalNavLogoutButton:hover {
  border-color: #80BEB8;
  color: #80BEB8;
}
.globalNavFacility {
  font-size: 14px;
  font-weight: 600;
  padding-right: 32px;
  height: 43px;
  background: #EAB669;
  color: white;
  padding: 16px 32px;
  border-radius: 30px;
  box-sizing: border-box;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  margin-left: 5px;
}

.footer {
  background: #EFF0F2;
  max-height: 648px;
  padding: 80px 0px 42px;
  display: block;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 768px) {
  .footer {
    max-height: 1200px;
    padding: 56px 0px 24px;
  }
}
.footerTopButton {
  position: absolute;
  top: -35px;
  right: 24px;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: #DE8A6D;
  border: 2px solid #FFF;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 0px;
  box-shadow: 0px 8px 15px 0px rgb(214, 209, 209);
  z-index: 3;
  padding-top: 9px;
  cursor: pointer;
}
.footerTopButton p {
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
  color: #FFF;
}
.footerTopButtonIcon {
  display: inline-block;
  vertical-align: middle;
  color: #FFF;
  line-height: 1;
  position: relative;
  width: 10px;
  height: 10px;
  transform: translateX(-25%) rotate(-45deg);
  margin-left: 6px;
}
.footerTopButtonIcon::before, .footerTopButtonIcon::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 3px;
}
.footerTopButtonIcon::before {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}
.footerTopButtonIcon::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}
.footerFlex {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 24px;
  max-width: 1512px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .footerFlex {
    flex-direction: column;
    gap: 30px;
    padding-left: 40px;
  }
}
.footerLogo {
  font-size: 60px;
  font-weight: 800;
  color: #484848;
}
@media screen and (max-width: 768px) {
  .footerLogo {
    font-size: 30px;
  }
}
.footerLogoArea {
  padding-right: 32px;
}
.footerTitle {
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  color: #484848;
  padding-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .footerTitle {
    font-size: 15px;
    padding-bottom: 8px;
  }
}
.footerSubTitle {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  color: #484848;
  padding-top: 5px;
}
@media screen and (max-width: 768px) {
  .footerSubTitle {
    line-height: 1;
    padding-top: 16px;
  }
}
.footerSubTitleGreen {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
  color: #65A09A;
  padding-top: 24px;
  text-decoration: underline;
}
.footerImageFlex {
  display: flex;
  justify-content: space-between;
  width: 194px;
  padding-top: 27px;
}
.footerAbout {
  margin-right: 25px;
  width: 196px;
}
.footerTerms {
  margin-right: 50px;
  width: 153px;
}
.footerContact {
  max-width: 490px;
  padding: 24px;
  background: #FFF;
  border-radius: 8px;
  border: 1px solid #E4E0E0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
  .footerContact {
    max-width: 295px;
    margin-top: 21px;
  }
}
.footerContactTitle {
  font-size: 15px;
  font-weight: 700;
  color: #323232;
}
.footerContactText {
  font-size: 15px;
  line-height: 1.2;
  font-weight: 400;
  color: #323232;
  padding-top: 8px;
}
@media screen and (max-width: 768px) {
  .footerContactText {
    font-size: 13px;
    line-height: 1.23;
  }
}
.footerContact a {
  opacity: 1;
}
.footerEnd {
  display: flex;
  justify-content: center;
  border-top: 1px solid #E0E2E6;
  margin-top: 86px;
  padding-top: 40px;
}
@media screen and (max-width: 768px) {
  .footerEnd {
    margin-top: 80px;
    padding-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
}
.footerEnd small {
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  color: #484848;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .footerEnd small {
    padding-left: 11px;
    font-size: 11px;
  }
}
.footerEnd small span {
  font-size: 11px;
  font-weight: 600;
  color: #7E7E7E;
}
.footerEndLink {
  pointer-events: none;
}
.footerButton {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  max-height: 56px;
  background: #65A09A;
  border-radius: 30px;
  padding: 18px 16px;
  margin-top: 32px;
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
  color: #FFF;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .footerButton {
    margin-top: 16px;
  }
}
.footerButton img {
  padding-right: 10px;
}
.footerButtonIconColor {
  color: #323232 !important;
}
.footerButton:hover {
  background: #80BEB8;
}

#index .footerEndLink {
  pointer-events: initial;
  text-decoration: underline;
}

#mypage-sidebar {
  font-size: 14px;
  font-weight: 500;
}
#mypage-sidebar .side-nav {
  height: 100%;
}
#mypage-sidebar.l-sidebar {
  width: 256px;
  background: #fff;
  overflow: scroll;
  border: 1px solid #e4e0e0;
  border-radius: 6px;
  -ms-overflow-style: none;
  scrollbar-width: none;
  height: 100%;
}
#mypage-sidebar.l-sidebar::-webkit-scrollbar {
  display: none;
}
#mypage-sidebar .l-sidebar__user-info {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  height: 80px;
  transition: all 0.4s ease;
  z-index: 10;
}
#mypage-sidebar .l-sidebar__user-info--profile {
  margin-right: 8px;
  border: 2px solid #ffffff;
  border-radius: 50%;
  filter: drop-shadow(0px 8px 14px #bfbfbf);
  width: 38px;
  height: 38px;
  background-repeat: no-repeat;
  background-size: cover;
  object-position: center;
}
#mypage-sidebar .l-sidebar__user-info--details {
  display: flex;
  flex-direction: column;
  line-height: 20px;
}
#mypage-sidebar .l-sidebar__user-info--details .name {
  color: #323232;
}
#mypage-sidebar .l-sidebar__user-info--details .email {
  font-size: 12px;
  color: #787878;
  word-break: break-all;
}
#mypage-sidebar .l-sidebar__user-info.not_logged_in {
  justify-content: start;
  padding-left: 1.5rem;
}
#mypage-sidebar .l-sidebar__nav {
  list-style: none;
  padding: 0;
  box-sizing: border-box;
}
#mypage-sidebar .l-sidebar__nav li:last-child {
  border-bottom: 1px solid #e4e0e0;
}
#mypage-sidebar .l-sidebar__nav.not_logged_in {
  background-color: #F1F1F1;
}
#mypage-sidebar .l-sidebar__nav.not_logged_in .l-sidebar__nav-link {
  color: #999999;
}
#mypage-sidebar .l-sidebar__nav.not_logged_in .l-sidebar__nav-link.current {
  color: #DE8A6D;
}
#mypage-sidebar .l-sidebar__nav.not_logged_in .l-sidebar__nav-link.current:hover {
  color: #DE8A6D;
}
#mypage-sidebar .l-sidebar__nav.not_logged_in .l-sidebar__nav-link:hover {
  color: #999999;
}
#mypage-sidebar .l-sidebar__nav-icon {
  background: #EC5D5D;
  color: #FFF;
  font-size: 12px;
  font-weight: 600;
  border-radius: 50px;
  padding: 3.5px 9.5px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 16px;
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  z-index: 1;
}
#mypage-sidebar .l-sidebar__nav-item {
  position: relative;
  border-top: 1px solid #e4e0e0;
}
#mypage-sidebar .l-sidebar__nav-link {
  padding-left: 3.4375rem;
  display: flex;
  height: 55px;
  font-weight: 500;
  align-items: center;
  text-decoration: none;
  color: #3b3b3b;
  position: relative;
  transition: 0.4s ease;
  transition-property: opacity, color;
}
#mypage-sidebar .l-sidebar__nav-link._home {
  background: transparent url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzcxOF8xOTgzNikiPgo8cGF0aCBkPSJNMjEuOTEwMiA3LjM2OTA1TDE5LjYzMzMgNi4yMjYxOUwxOS40OTE3IDYuMTU0NzZMMTIuNDcyIDIuNjA3MTRDMTIuMTc3MSAyLjQ2NDI5IDExLjgyMzIgMi40NjQyOSAxMS41MjgyIDIuNjA3MTRMNC41MDg1NSA2LjE1NDc2TDIuMDkwMDEgNy4zNjkwNUMxLjU1OTExIDcuNjQyODYgMS4zNDY3NSA4LjI4NTcyIDEuNjE4MSA4LjgwOTUyQzEuODc3NjUgOS4zNDUyNCAyLjUxNDczIDkuNTU5NTIgMy4wMzM4MyA5LjI5NzYyTDMuODU5NjcgOC44ODA5NVYxOC4zNjlDMy44NTk2NyAyMC42NDI5IDUuNzAwMTIgMjIuNSA3Ljk1MzQ5IDIyLjVIMTYuMDQ2OEMxOC4zMDAxIDIyLjUgMjAuMTQwNiAyMC42NDI5IDIwLjE0MDYgMTguMzY5VjguODgwOTVMMjAuOTY2NCA5LjI5NzYyQzIxLjExOTggOS4zNjkwNSAyMS4yNzMyIDkuNDA0NzYgMjEuNDM4MyA5LjQwNDc2QzIxLjgyNzYgOS40MDQ3NiAyMi4yMDUyIDkuMTkwNDggMjIuMzgyMSA4LjgwOTUyQzIyLjY1MzUgOC4yODU3MiAyMi40NDExIDcuNjQyODYgMjEuOTEwMiA3LjM2OTA1Wk0xOC4wMTcgMTguMzY5QzE4LjAxNyAxOS40NjQzIDE3LjEzMjEgMjAuMzU3MSAxNi4wNDY4IDIwLjM1NzFIMTUuNDIxNVYxNi4wNzE0QzE1LjQyMTUgMTQuMTY2NyAxMy44ODc4IDEyLjYxOSAxMi4wMDAxIDEyLjYxOUMxMC4xMTI1IDEyLjYxOSA4LjU3ODc3IDE0LjE2NjcgOC41Nzg3NyAxNi4wNzE0VjIwLjM1NzFINy45NTM0OUM2Ljg2ODEgMjAuMzU3MSA1Ljk4MzI3IDE5LjQ2NDMgNS45ODMyNyAxOC4zNjlWNy44MDk1MkwxMi4wMDAxIDQuNzczODFMMTguMDE3IDcuODA5NTJWMTguMzY5Wk0xMC43MDI0IDE5Ljc2MTlWMTYuMDcxNEMxMC43MDI0IDE1LjM0NTIgMTEuMjgwNSAxNC43NjE5IDEyLjAwMDEgMTQuNzYxOUMxMi43MTk4IDE0Ljc2MTkgMTMuMjk3OSAxNS4zNDUyIDEzLjI5NzkgMTYuMDcxNFYxOS43NjE5SDEwLjcwMjRaIiBmaWxsPSIjNTM1MzUzIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNzE4XzE5ODM2Ij4KPHJlY3Qgd2lkdGg9IjIxIiBoZWlnaHQ9IjIwIiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS41IDIuNSkiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K") no-repeat center left 1.375rem/auto 1.5rem;
}
#mypage-sidebar .l-sidebar__nav-link._home.current {
  background: #fcf1ed url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzcxOF8yMDQ2MSkiPgo8cGF0aCBkPSJNMjEuOTEwMiA3LjM2OTA1TDE5LjYzMzMgNi4yMjYxOUwxOS40OTE3IDYuMTU0NzZMMTIuNDcyIDIuNjA3MTRDMTIuMTc3MSAyLjQ2NDI5IDExLjgyMzIgMi40NjQyOSAxMS41MjgyIDIuNjA3MTRMNC41MDg1NSA2LjE1NDc2TDIuMDkwMDEgNy4zNjkwNUMxLjU1OTExIDcuNjQyODYgMS4zNDY3NSA4LjI4NTcyIDEuNjE4MSA4LjgwOTUyQzEuODc3NjUgOS4zNDUyNCAyLjUxNDczIDkuNTU5NTIgMy4wMzM4MyA5LjI5NzYyTDMuODU5NjcgOC44ODA5NVYxOC4zNjlDMy44NTk2NyAyMC42NDI5IDUuNzAwMTIgMjIuNSA3Ljk1MzQ5IDIyLjVIMTYuMDQ2OEMxOC4zMDAxIDIyLjUgMjAuMTQwNiAyMC42NDI5IDIwLjE0MDYgMTguMzY5VjguODgwOTVMMjAuOTY2NCA5LjI5NzYyQzIxLjExOTggOS4zNjkwNSAyMS4yNzMyIDkuNDA0NzYgMjEuNDM4MyA5LjQwNDc2QzIxLjgyNzYgOS40MDQ3NiAyMi4yMDUyIDkuMTkwNDggMjIuMzgyMSA4LjgwOTUyQzIyLjY1MzUgOC4yODU3MiAyMi40NDExIDcuNjQyODYgMjEuOTEwMiA3LjM2OTA1Wk0xOC4wMTcgMTguMzY5QzE4LjAxNyAxOS40NjQzIDE3LjEzMjEgMjAuMzU3MSAxNi4wNDY4IDIwLjM1NzFIMTUuNDIxNVYxNi4wNzE0QzE1LjQyMTUgMTQuMTY2NyAxMy44ODc4IDEyLjYxOSAxMi4wMDAxIDEyLjYxOUMxMC4xMTI1IDEyLjYxOSA4LjU3ODc3IDE0LjE2NjcgOC41Nzg3NyAxNi4wNzE0VjIwLjM1NzFINy45NTM0OUM2Ljg2ODEgMjAuMzU3MSA1Ljk4MzI3IDE5LjQ2NDMgNS45ODMyNyAxOC4zNjlWNy44MDk1MkwxMi4wMDAxIDQuNzczODFMMTguMDE3IDcuODA5NTJWMTguMzY5Wk0xMC43MDI0IDE5Ljc2MTlWMTYuMDcxNEMxMC43MDI0IDE1LjM0NTIgMTEuMjgwNSAxNC43NjE5IDEyLjAwMDEgMTQuNzYxOUMxMi43MTk4IDE0Ljc2MTkgMTMuMjk3OSAxNS4zNDUyIDEzLjI5NzkgMTYuMDcxNFYxOS43NjE5SDEwLjcwMjRaIiBmaWxsPSIjREU4QTZEIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNzE4XzIwNDYxIj4KPHJlY3Qgd2lkdGg9IjIxIiBoZWlnaHQ9IjIwIiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS41IDIuNSkiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K") no-repeat center left 1.375rem/auto 1.5rem;
}
#mypage-sidebar .l-sidebar__nav-link._home.current:hover {
  background: #fcf1ed url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzcxOF8yMDQ2MSkiPgo8cGF0aCBkPSJNMjEuOTEwMiA3LjM2OTA1TDE5LjYzMzMgNi4yMjYxOUwxOS40OTE3IDYuMTU0NzZMMTIuNDcyIDIuNjA3MTRDMTIuMTc3MSAyLjQ2NDI5IDExLjgyMzIgMi40NjQyOSAxMS41MjgyIDIuNjA3MTRMNC41MDg1NSA2LjE1NDc2TDIuMDkwMDEgNy4zNjkwNUMxLjU1OTExIDcuNjQyODYgMS4zNDY3NSA4LjI4NTcyIDEuNjE4MSA4LjgwOTUyQzEuODc3NjUgOS4zNDUyNCAyLjUxNDczIDkuNTU5NTIgMy4wMzM4MyA5LjI5NzYyTDMuODU5NjcgOC44ODA5NVYxOC4zNjlDMy44NTk2NyAyMC42NDI5IDUuNzAwMTIgMjIuNSA3Ljk1MzQ5IDIyLjVIMTYuMDQ2OEMxOC4zMDAxIDIyLjUgMjAuMTQwNiAyMC42NDI5IDIwLjE0MDYgMTguMzY5VjguODgwOTVMMjAuOTY2NCA5LjI5NzYyQzIxLjExOTggOS4zNjkwNSAyMS4yNzMyIDkuNDA0NzYgMjEuNDM4MyA5LjQwNDc2QzIxLjgyNzYgOS40MDQ3NiAyMi4yMDUyIDkuMTkwNDggMjIuMzgyMSA4LjgwOTUyQzIyLjY1MzUgOC4yODU3MiAyMi40NDExIDcuNjQyODYgMjEuOTEwMiA3LjM2OTA1Wk0xOC4wMTcgMTguMzY5QzE4LjAxNyAxOS40NjQzIDE3LjEzMjEgMjAuMzU3MSAxNi4wNDY4IDIwLjM1NzFIMTUuNDIxNVYxNi4wNzE0QzE1LjQyMTUgMTQuMTY2NyAxMy44ODc4IDEyLjYxOSAxMi4wMDAxIDEyLjYxOUMxMC4xMTI1IDEyLjYxOSA4LjU3ODc3IDE0LjE2NjcgOC41Nzg3NyAxNi4wNzE0VjIwLjM1NzFINy45NTM0OUM2Ljg2ODEgMjAuMzU3MSA1Ljk4MzI3IDE5LjQ2NDMgNS45ODMyNyAxOC4zNjlWNy44MDk1MkwxMi4wMDAxIDQuNzczODFMMTguMDE3IDcuODA5NTJWMTguMzY5Wk0xMC43MDI0IDE5Ljc2MTlWMTYuMDcxNEMxMC43MDI0IDE1LjM0NTIgMTEuMjgwNSAxNC43NjE5IDEyLjAwMDEgMTQuNzYxOUMxMi43MTk4IDE0Ljc2MTkgMTMuMjk3OSAxNS4zNDUyIDEzLjI5NzkgMTYuMDcxNFYxOS43NjE5SDEwLjcwMjRaIiBmaWxsPSIjREU4QTZEIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNzE4XzIwNDYxIj4KPHJlY3Qgd2lkdGg9IjIxIiBoZWlnaHQ9IjIwIiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS41IDIuNSkiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K") no-repeat center left 1.375rem/auto 1.5rem;
}
#mypage-sidebar .l-sidebar__nav-link._home:hover {
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzcxOF8yMDQ2MSkiPgo8cGF0aCBkPSJNMjEuOTEwMiA3LjM2OTA1TDE5LjYzMzMgNi4yMjYxOUwxOS40OTE3IDYuMTU0NzZMMTIuNDcyIDIuNjA3MTRDMTIuMTc3MSAyLjQ2NDI5IDExLjgyMzIgMi40NjQyOSAxMS41MjgyIDIuNjA3MTRMNC41MDg1NSA2LjE1NDc2TDIuMDkwMDEgNy4zNjkwNUMxLjU1OTExIDcuNjQyODYgMS4zNDY3NSA4LjI4NTcyIDEuNjE4MSA4LjgwOTUyQzEuODc3NjUgOS4zNDUyNCAyLjUxNDczIDkuNTU5NTIgMy4wMzM4MyA5LjI5NzYyTDMuODU5NjcgOC44ODA5NVYxOC4zNjlDMy44NTk2NyAyMC42NDI5IDUuNzAwMTIgMjIuNSA3Ljk1MzQ5IDIyLjVIMTYuMDQ2OEMxOC4zMDAxIDIyLjUgMjAuMTQwNiAyMC42NDI5IDIwLjE0MDYgMTguMzY5VjguODgwOTVMMjAuOTY2NCA5LjI5NzYyQzIxLjExOTggOS4zNjkwNSAyMS4yNzMyIDkuNDA0NzYgMjEuNDM4MyA5LjQwNDc2QzIxLjgyNzYgOS40MDQ3NiAyMi4yMDUyIDkuMTkwNDggMjIuMzgyMSA4LjgwOTUyQzIyLjY1MzUgOC4yODU3MiAyMi40NDExIDcuNjQyODYgMjEuOTEwMiA3LjM2OTA1Wk0xOC4wMTcgMTguMzY5QzE4LjAxNyAxOS40NjQzIDE3LjEzMjEgMjAuMzU3MSAxNi4wNDY4IDIwLjM1NzFIMTUuNDIxNVYxNi4wNzE0QzE1LjQyMTUgMTQuMTY2NyAxMy44ODc4IDEyLjYxOSAxMi4wMDAxIDEyLjYxOUMxMC4xMTI1IDEyLjYxOSA4LjU3ODc3IDE0LjE2NjcgOC41Nzg3NyAxNi4wNzE0VjIwLjM1NzFINy45NTM0OUM2Ljg2ODEgMjAuMzU3MSA1Ljk4MzI3IDE5LjQ2NDMgNS45ODMyNyAxOC4zNjlWNy44MDk1MkwxMi4wMDAxIDQuNzczODFMMTguMDE3IDcuODA5NTJWMTguMzY5Wk0xMC43MDI0IDE5Ljc2MTlWMTYuMDcxNEMxMC43MDI0IDE1LjM0NTIgMTEuMjgwNSAxNC43NjE5IDEyLjAwMDEgMTQuNzYxOUMxMi43MTk4IDE0Ljc2MTkgMTMuMjk3OSAxNS4zNDUyIDEzLjI5NzkgMTYuMDcxNFYxOS43NjE5SDEwLjcwMjRaIiBmaWxsPSIjREU4QTZEIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNzE4XzIwNDYxIj4KPHJlY3Qgd2lkdGg9IjIxIiBoZWlnaHQ9IjIwIiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS41IDIuNSkiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K") no-repeat center left 1.375rem/auto 1.5rem;
  transition: 0.3s;
}
#mypage-sidebar .l-sidebar__nav-link._parents {
  background: transparent url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzcxOF8xOTg1MSkiPgo8cGF0aCBkPSJNMTAuMjUgMTMuNUMxMC4yNSAxNC4xOSA5LjY5IDE0Ljc1IDkgMTQuNzVDOC4zMSAxNC43NSA3Ljc1IDE0LjE5IDcuNzUgMTMuNUM3Ljc1IDEyLjgxIDguMzEgMTIuMjUgOSAxMi4yNUM5LjY5IDEyLjI1IDEwLjI1IDEyLjgxIDEwLjI1IDEzLjVaTTE1IDEyLjI1QzE0LjMxIDEyLjI1IDEzLjc1IDEyLjgxIDEzLjc1IDEzLjVDMTMuNzUgMTQuMTkgMTQuMzEgMTQuNzUgMTUgMTQuNzVDMTUuNjkgMTQuNzUgMTYuMjUgMTQuMTkgMTYuMjUgMTMuNUMxNi4yNSAxMi44MSAxNS42OSAxMi4yNSAxNSAxMi4yNVpNMjIgMTIuNUMyMiAxOC4wMiAxNy41MiAyMi41IDEyIDIyLjVDNi40OCAyMi41IDIgMTguMDIgMiAxMi41QzIgNi45OCA2LjQ4IDIuNSAxMiAyLjVDMTcuNTIgMi41IDIyIDYuOTggMjIgMTIuNVpNMTAuNjYgNC42MkMxMi4wNiA2Ljk0IDE0LjYgOC41IDE3LjUgOC41QzE3Ljk2IDguNSAxOC40MSA4LjQ1IDE4Ljg0IDguMzhDMTcuNDQgNi4wNiAxNC45IDQuNSAxMiA0LjVDMTEuNTQgNC41IDExLjA5IDQuNTUgMTAuNjYgNC42MlpNNC40MiA5Ljk3QzYuMTMgOSA3LjQ1IDcuNDIgOC4wOCA1LjUzQzYuMzcgNi41IDUuMDUgOC4wOCA0LjQyIDkuOTdaTTIwIDEyLjVDMjAgMTEuNzIgMTkuODggMTAuOTcgMTkuNjcgMTAuMjZDMTguOTcgMTAuNDEgMTguMjUgMTAuNSAxNy41IDEwLjVDMTQuMzcgMTAuNSAxMS41OCA5LjA2IDkuNzQgNi44MUM4LjY5IDkuMzcgNi42IDExLjM4IDQgMTIuMzZDNC4wMSAxMi40IDQgMTIuNDUgNCAxMi41QzQgMTYuOTEgNy41OSAyMC41IDEyIDIwLjVDMTYuNDEgMjAuNSAyMCAxNi45MSAyMCAxMi41WiIgZmlsbD0iIzUzNTM1MyIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzcxOF8xOTg1MSI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMC41KSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=") no-repeat center left 1.375rem/auto 1.5rem;
}
#mypage-sidebar .l-sidebar__nav-link._parents.current {
  background: #fcf1ed url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzcxOF8yMTc5MCkiPgo8cGF0aCBkPSJNMTAuMjUgMTMuNUMxMC4yNSAxNC4xOSA5LjY5IDE0Ljc1IDkgMTQuNzVDOC4zMSAxNC43NSA3Ljc1IDE0LjE5IDcuNzUgMTMuNUM3Ljc1IDEyLjgxIDguMzEgMTIuMjUgOSAxMi4yNUM5LjY5IDEyLjI1IDEwLjI1IDEyLjgxIDEwLjI1IDEzLjVaTTE1IDEyLjI1QzE0LjMxIDEyLjI1IDEzLjc1IDEyLjgxIDEzLjc1IDEzLjVDMTMuNzUgMTQuMTkgMTQuMzEgMTQuNzUgMTUgMTQuNzVDMTUuNjkgMTQuNzUgMTYuMjUgMTQuMTkgMTYuMjUgMTMuNUMxNi4yNSAxMi44MSAxNS42OSAxMi4yNSAxNSAxMi4yNVpNMjIgMTIuNUMyMiAxOC4wMiAxNy41MiAyMi41IDEyIDIyLjVDNi40OCAyMi41IDIgMTguMDIgMiAxMi41QzIgNi45OCA2LjQ4IDIuNSAxMiAyLjVDMTcuNTIgMi41IDIyIDYuOTggMjIgMTIuNVpNMTAuNjYgNC42MkMxMi4wNiA2Ljk0IDE0LjYgOC41IDE3LjUgOC41QzE3Ljk2IDguNSAxOC40MSA4LjQ1IDE4Ljg0IDguMzhDMTcuNDQgNi4wNiAxNC45IDQuNSAxMiA0LjVDMTEuNTQgNC41IDExLjA5IDQuNTUgMTAuNjYgNC42MlpNNC40MiA5Ljk3QzYuMTMgOSA3LjQ1IDcuNDIgOC4wOCA1LjUzQzYuMzcgNi41IDUuMDUgOC4wOCA0LjQyIDkuOTdaTTIwIDEyLjVDMjAgMTEuNzIgMTkuODggMTAuOTcgMTkuNjcgMTAuMjZDMTguOTcgMTAuNDEgMTguMjUgMTAuNSAxNy41IDEwLjVDMTQuMzcgMTAuNSAxMS41OCA5LjA2IDkuNzQgNi44MUM4LjY5IDkuMzcgNi42IDExLjM4IDQgMTIuMzZDNC4wMSAxMi40IDQgMTIuNDUgNCAxMi41QzQgMTYuOTEgNy41OSAyMC41IDEyIDIwLjVDMTYuNDEgMjAuNSAyMCAxNi45MSAyMCAxMi41WiIgZmlsbD0iI0RFOEE2RCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzcxOF8yMTc5MCI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMC41KSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=") no-repeat center left 1.375rem/auto 1.5rem;
}
#mypage-sidebar .l-sidebar__nav-link._children {
  background: transparent url(/assets/side_children_gray-4a462835d1514d3c510405361d9ab9acdefe3b087e1a71b8237c98b30843e4c0.svg) no-repeat center left 1.375rem/auto 1.5rem;
}
#mypage-sidebar .l-sidebar__nav-link._children.current {
  background: #fcf1ed url(/assets/side_children-25ac6df7b8169750b383e50cd91527ee62c072d93c08296dcca9d97a708fcba5.svg) no-repeat center left 1.375rem/auto 1.5rem;
}
#mypage-sidebar .l-sidebar__nav-link._children.current:hover {
  background: #fcf1ed url(/assets/side_children-25ac6df7b8169750b383e50cd91527ee62c072d93c08296dcca9d97a708fcba5.svg) no-repeat center left 1.375rem/auto 1.5rem;
  transition: 0.3s;
}
#mypage-sidebar .l-sidebar__nav-link._children:hover {
  background: transparent url(/assets/side_children-25ac6df7b8169750b383e50cd91527ee62c072d93c08296dcca9d97a708fcba5.svg) no-repeat center left 1.375rem/auto 1.5rem;
  transition: 0.3s;
}
#mypage-sidebar .l-sidebar__nav-link._account {
  background: transparent url(/assets/side_account_gray-6cad1e097e65618b9ac2c465cc4fee7fa77825069cd1aadfdf771e12f54f2772.svg) no-repeat center left 1.375rem/auto 1.5rem;
}
#mypage-sidebar .l-sidebar__nav-link._account.current {
  background: #fcf1ed url(/assets/side_account-d3a67f22757df7efe247b6af980c9abe75a4f0f36ccbc43d5c83909f5add93eb.svg) no-repeat center left 1.375rem/auto 1.5rem;
}
#mypage-sidebar .l-sidebar__nav-link._account.current:hover {
  background: #fcf1ed url(/assets/side_account-d3a67f22757df7efe247b6af980c9abe75a4f0f36ccbc43d5c83909f5add93eb.svg) no-repeat center left 1.375rem/auto 1.5rem;
  transition: 0.3s;
}
#mypage-sidebar .l-sidebar__nav-link._account:hover {
  background: transparent url(/assets/side_account-d3a67f22757df7efe247b6af980c9abe75a4f0f36ccbc43d5c83909f5add93eb.svg) no-repeat center left 1.375rem/auto 1.5rem;
  transition: 0.3s;
}
#mypage-sidebar .l-sidebar__nav-link._reviews {
  background: transparent url(/assets/vendor/icon_kuchikomi_gray-da965294609a7385867294e0cab9260cdbaf0c5ccf18b696d36ba69da50f8e63.svg) no-repeat center left 1.375rem/auto 1.5rem;
}
#mypage-sidebar .l-sidebar__nav-link._reviews.current {
  background: #fcf1ed url(/assets/vendor/icon_kuchikomi-21a26d11939d84643bfec820853e5441aec614325976cc15e0aece2aab3dec51.svg) no-repeat center left 1.375rem/auto 1.5rem;
}
#mypage-sidebar .l-sidebar__nav-link._reviews.current:hover {
  background: #fcf1ed url(/assets/vendor/icon_kuchikomi-21a26d11939d84643bfec820853e5441aec614325976cc15e0aece2aab3dec51.svg) no-repeat center left 1.375rem/auto 1.5rem;
  transition: 0.3s;
}
#mypage-sidebar .l-sidebar__nav-link._reviews:hover {
  background: transparent url(/assets/vendor/icon_kuchikomi-21a26d11939d84643bfec820853e5441aec614325976cc15e0aece2aab3dec51.svg) no-repeat center left 1.375rem/auto 1.5rem;
  transition: 0.3s;
}
#mypage-sidebar .l-sidebar__nav-link:hover, #mypage-sidebar .l-sidebar__nav-link:active {
  color: #DE8A6D;
}
#mypage-sidebar .l-sidebar__nav-link.current {
  color: #DE8A6D;
  border-left: 5px solid #DE8A6D;
}
#mypage-sidebar .l-sidebar__nav-link.current + .l-sidebar__nav-arrow {
  background-color: #DE8A6D;
}
#mypage-sidebar .l-sidebar__nav-link.current + .l-sidebar__nav-arrow::before, #mypage-sidebar .l-sidebar__nav-link.current + .l-sidebar__nav-arrow::after {
  background-color: #DE8A6D;
}
#mypage-sidebar .l-sidebar__nav-link.current::after {
  border-color: #DE8A6D;
}
#mypage-sidebar .l-sidebar__nav-arrow {
  pointer-events: none;
  position: absolute;
  top: 50%;
  right: 1.25rem;
  transform: translate(0, -50%);
  width: 1rem;
  height: 1rem;
  background: #fcf1ed;
  border-radius: 50%;
  border: none;
}
#mypage-sidebar .l-sidebar__nav-arrow::before, #mypage-sidebar .l-sidebar__nav-arrow::after {
  content: "";
  background: #DE8A6D;
  width: 0.5rem;
  height: 1px;
  border-radius: 1px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#mypage-sidebar .l-sidebar__nav-arrow::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
#mypage-sidebar .l-sidebar__nav-sub {
  list-style: none;
  padding: 0;
}
#mypage-sidebar .l-sidebar__nav-sub--item {
  border-top: 1px solid #d3d3d3;
}
#mypage-sidebar .l-sidebar__nav-sub--link {
  display: flex;
  align-items: center;
  height: 2.75rem;
  color: #3b3b3b;
  text-decoration: none;
  padding-left: 1.25rem;
  transition: 0.4s ease;
  transition-property: opacity, color;
  position: relative;
  background-color: #f5f5f5;
  font-size: 0.875rem;
  font-weight: 400;
}
#mypage-sidebar .l-sidebar__nav-sub--link:hover, #mypage-sidebar .l-sidebar__nav-sub--link:active {
  color: #DE8A6D;
  opacity: 0.7;
}
#mypage-sidebar .l-sidebar__nav-sub--link::after {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-top: 2px solid #3b3b3b;
  border-right: 2px solid #3b3b3b;
  position: absolute;
  right: 1.3125rem;
  top: 50%;
  transform: translate(0, -50%) rotate(45deg);
}

#entries .errorMessage {
  color: #D96060;
}
#entries .hidden {
  display: none;
}

#entry-right-side {
  height: calc(100vh - 120px);
  overflow-y: scroll;
}
@media screen and (max-width: 768px) {
  #entry-right-side {
    height: 100vh;
  }
}

#entry-right-side .rightSideTitle {
  font-size: 15px;
  color: #323232;
  font-weight: 700;
}
#entry-right-side .rightSideTitleWrap {
  height: 63px;
  border-bottom: 1px solid #CACACA;
  padding: 0 16px;
  display: flex;
  align-items: center;
}
#entry-right-side .rightSideTitleWt {
  font-size: 15px;
  color: #FFF;
  font-weight: 700;
}
#entry-right-side .card {
  width: 93%;
  max-width: 347px;
  border-radius: 15px;
  border: 1px solid #cbced6;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
  #entry-right-side .card {
    min-width: 333px;
  }
}
#entry-right-side .cardImage {
  border-radius: 15px 15px 0px 0px;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
#entry-right-side .cardImageArea {
  position: relative;
  height: 195px;
}
#entry-right-side .cardDetailArea {
  margin: 21px 16px 12px;
}
#entry-right-side .cardCategory {
  font-size: 11px;
  font-weight: 500;
  height: 25px;
  border-radius: 4px;
  background: #ffdfe1;
  color: #d8313b;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 8px;
}
#entry-right-side .cardNurserySchoolName {
  font-size: 18px;
  font-weight: 600;
  color: #484848;
  padding-top: 8px;
}
#entry-right-side .cardNurserySchoolAdress {
  font-size: 13px;
  font-weight: 600;
  color: #979797;
}
#entry-right-side .cardFlex {
  display: flex;
  justify-content: space-between;
  padding-top: 5px;
}
#entry-right-side .cardFlexSecond {
  display: flex;
  align-items: center;
}
#entry-right-side .cardNurserySchoolDetail {
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  color: #535353;
  padding-top: 8px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
#entry-right-side .cardDate {
  width: 126px;
  height: 30px;
  font-size: 11px;
  font-weight: 600;
  line-height: normal;
  color: #4e4e4e;
  background: #efefef;
  border-radius: 4px;
  border: 1px solid #000;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 16px;
}
#entry-right-side .cardCalenderIcon {
  padding-right: 2px;
}
#entry-right-side .cardReserve {
  width: 70px;
  max-width: 100px;
  height: 34px;
  position: absolute;
  top: 16px;
  right: 14px;
  background: #fff;
  color: #e24545;
  font-size: 12px;
  font-weight: 500;
  border: 1.5px solid #e24545;
  border-radius: 60px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
#entry-right-side .cardReserveIcon {
  padding-right: 4px;
}
#entry-right-side .cardFieldTrip {
  width: 92px;
  height: 26px;
  position: absolute;
  bottom: -9px;
  left: -12px;
  background: #65a09a;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  border-radius: 4px 4px 4px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#entry-right-side .cardFieldTrip:before {
  position: absolute;
  content: "";
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 10px transparent;
  border-right: solid 11px #3c7771;
}
#entry-right-side .cardHeart {
  width: 36px;
  height: 36px;
  position: absolute;
  bottom: -14px;
  right: 14px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0px 10px 8px 0px rgba(0, 0, 0, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
}
#entry-right-side .cardEvaluation {
  font-size: 11px;
  font-weight: 600;
  font-family: "Roboto", sans-serif;
  padding-left: 4px;
}
#entry-right-side .cardContactArea {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #65a09a;
  color: #fff;
  margin-top: 12px;
  padding: 0px 12px;
  height: 25px;
  box-shadow: 0px -1px 0px 0px rgb(215, 215, 215);
}
#entry-right-side .cardContactAreaText {
  font-size: 11px;
  font-weight: 600;
}
#entry-right-side .cardContactAreaTel {
  font-size: 12px;
  font-weight: 600;
}
#entry-right-side .cardFooter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #ece8e4;
  height: 58px;
  border-radius: 0px 0px 15px 15px;
  border-top: 1px solid #cbced6;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#entry-right-side .cardFooterEntry {
  position: relative;
  width: 121px;
  height: 48px;
  color: #DE8A6D;
  background: #fff;
  border-radius: 6px;
  border: 2px solid #DE8A6D;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10%;
  font-size: 13px;
  font-weight: 600;
  font-family: "Roboto", sans-serif;
}
@media screen and (max-width: 768px) {
  #entry-right-side .cardFooterEntry {
    width: 117px;
  }
}
#entry-right-side .cardFooterEntryIcon {
  display: inline-block;
  vertical-align: middle;
  color: #DE8A6D;
  line-height: 1;
  position: relative;
  width: 10px;
  height: 10px;
  transform: translateX(-25%) rotate(45deg);
}
#entry-right-side .cardFooterEntryIcon::before, #entry-right-side .cardFooterEntryIcon::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 3px;
}
#entry-right-side .cardFooterEntryIcon::before {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}
#entry-right-side .cardFooterEntryIcon::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}
#entry-right-side .cardFooterReserve {
  position: relative;
  width: 121px;
  height: 48px;
  color: #fff;
  background: #DE8A6D;
  border-radius: 6px;
  border: 2px solid #DE8A6D;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10%;
  font-size: 13px;
  font-weight: 600;
  font-family: "Roboto", sans-serif;
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
  #entry-right-side .cardFooterReserve {
    width: 117px;
  }
}
#entry-right-side .cardFooterReserveIcon {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1;
  position: relative;
  width: 10px;
  height: 10px;
  transform: translateX(-25%) rotate(45deg);
}
#entry-right-side .cardFooterReserveIcon::before, #entry-right-side .cardFooterReserveIcon::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 3px;
}
#entry-right-side .cardFooterReserveIcon::before {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}
#entry-right-side .cardFooterReserveIcon::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}
#entry-right-side .cardFooter a[data-turbo-method] {
  width: 18%;
  height: 100%;
}
#entry-right-side .cardFooter a[data-turbo-method] #entry-right-side .cardFooterFavoriteArea {
  border-right: 1px solid #cbced6;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 13px 0 2%;
  background: url(/assets/favorite_icon2-38e3119a730ac93daddfe9ff13041cd1eb60291088f085cc627b45db8b046ffa.svg) no-repeat center center/40px 40px;
  cursor: pointer;
}
#entry-right-side .cardFooter a[data-turbo-method] #entry-right-side .cardFooterFavoriteAreaActive, #entry-right-side .cardFooter a[data-turbo-method] #entry-right-side .cardFooterFavoriteArea[data-faved="1"] {
  background: url(/assets/favorite_icon-70fef11735b264ad81088397835eb6f1466e2ccb123ffccd542563663953f939.svg) no-repeat center center/40px 40px;
}
#entry-right-side .cardTag {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  gap: 1%;
  padding: 16px 16px 0;
}
@media screen and (max-width: 768px) {
  #entry-right-side .cardTag {
    font-size: 11px;
    margin-top: 24px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }
}
#entry-right-side .cardTag img {
  width: 24px;
  height: 24px;
}
#entry-right-side .cardTagBox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
  padding: 5%;
  text-align: center;
  gap: 12px;
  font-size: 11px;
  width: 25%;
  height: 91px;
}
@media screen and (max-width: 768px) {
  #entry-right-side .cardTagBox {
    padding: 5% 2%;
    width: initial;
    gap: 8px;
  }
}
#entry-right-side .cardTagBoxOk {
  background: #e1e8e7;
  color: #1e5a54;
}
#entry-right-side .cardTagBoxNg {
  background: #efefef;
  color: #b6b6b6;
}
#entry-right-side .cardDetailBox {
  background: #fff;
  padding: 24px 16px 0;
}
@media screen and (max-width: 768px) {
  #entry-right-side .cardDetailBox {
    padding-top: 16px;
  }
}
#entry-right-side .cardDetailBoxTitle {
  font-size: 15px;
  font-weight: 700;
  color: #323232;
}
#entry-right-side .cardDetailBoxPolicy {
  border-bottom: 1px solid #c5c0c0;
  font-size: 13px;
}
@media screen and (max-width: 768px) {
  #entry-right-side .cardDetailBoxPolicy {
    padding: 8px 0px 24px;
    margin: 0 16px;
    font-size: 11px;
  }
}
#entry-right-side .cardDetailBoxPolicyText {
  font-size: 13px;
  font-weight: 500;
  line-height: 22px;
  padding: 14px 0;
  color: #535353;
}
@media screen and (max-width: 768px) {
  #entry-right-side .cardDetailBoxPolicyText {
    font-size: 13px;
    padding: 16px 0;
  }
}
#entry-right-side .cardDetailBoxFeature {
  padding: 24px 0px;
  border-bottom: 1px solid #c5c0c0;
}
@media screen and (max-width: 768px) {
  #entry-right-side .cardDetailBoxFeature {
    padding: 16px 0px;
    margin: 0 16px;
  }
}
#entry-right-side .cardDetailBoxFeatureFlex {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  padding: 24px 8px 0px;
  gap: 8px;
  row-gap: 16px;
}
@media screen and (max-width: 768px) {
  #entry-right-side .cardDetailBoxFeatureFlex {
    gap: 8px;
    row-gap: 16px;
    padding: 24px 6px 0px;
  }
}
#entry-right-side .cardDetailBoxFeatureFlexItem {
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 11px;
  font-weight: 600;
  color: #1e5a54;
  background: #FFF;
  border: 1px solid #1e5a54;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 4px;
  padding: 6px 8px;
}
@media screen and (max-width: 768px) {
  #entry-right-side .cardDetailBoxFeatureFlexItem {
    font-size: 14px;
  }
}
#entry-right-side .cardDetailBoxFeatureFlexItem img {
  width: 18px;
  height: 18px;
}
#entry-right-side .cardDetailBoxFeatureFlexItemNg {
  color: #A5B2B2;
}
#entry-right-side .cardDetailBoxFeatureFlexRow {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media screen and (max-width: 768px) {
  #entry-right-side .cardDetailBoxFeatureFlexRow {
    gap: 18px;
  }
}
#entry-right-side .cardDetailBoxFeatureFlex .ng {
  background: #E3EEEE;
  color: #A5B2B2;
  border: none;
}
#entry-right-side .childCareTime {
  padding: 24px 0px;
  margin: 0 16px;
  border-bottom: 1px solid #c8c8c8;
}
@media screen and (max-width: 768px) {
  #entry-right-side .childCareTime {
    padding: 24px 0px;
    margin: 0 16px;
  }
}
#entry-right-side .childCareTimeTable {
  font-size: 13px;
  font-weight: 600;
  margin-top: 24px;
  text-align: center;
  width: 100%;
  border-bottom: 1px solid #c8c8c8;
}
@media screen and (max-width: 768px) {
  #entry-right-side .childCareTimeTable {
    margin-top: 13px;
  }
}
#entry-right-side .childCareTimeTable tr {
  height: 45px;
}
#entry-right-side .childCareTimeTable th,
#entry-right-side .childCareTimeTable td {
  vertical-align: middle;
}
#entry-right-side .childCareTimeTableTh {
  background: #65a09a;
  color: #fff;
  border-top: 1px solid #c8c8c8;
  border-left: 1px solid #c8c8c8;
  width: 28%;
}
#entry-right-side .childCareTimeTableThFirst {
  background: #65a09a;
  color: #fff;
  border-top: 1px solid #c8c8c8;
  border-left: 1px solid #c8c8c8;
  width: 16%;
}
@media screen and (max-width: 768px) {
  #entry-right-side .childCareTimeTableThFirst {
    width: 25%;
  }
}
#entry-right-side .childCareTimeTableThLast {
  border-top: 1px solid #c8c8c8;
  border-left: 1px solid #c8c8c8;
  border-right: 1px solid #c8c8c8;
  background: #65a09a;
  color: #fff;
  width: 28%;
}
@media screen and (max-width: 768px) {
  #entry-right-side .childCareTimeTableThLast {
    width: 75%;
  }
}
#entry-right-side .childCareTimeTableTd {
  color: #535353;
  font-weight: 500;
  border-top: 1px solid #c8c8c8;
  border-left: 1px solid #c8c8c8;
}
#entry-right-side .childCareTimeTableTdLast {
  color: #535353;
  font-weight: 500;
  border-top: 1px solid #c8c8c8;
  border-left: 1px solid #c8c8c8;
  border-right: 1px solid #c8c8c8;
}
#entry-right-side .childCareTimeTableTdHead {
  color: #323232;
  border-top: 1px solid #c8c8c8;
  border-left: 1px solid #c8c8c8;
}
#entry-right-side .childCareTimeTableHoliday {
  margin-top: 13px;
  border: 1px solid #c8c8c8;
  font-size: 16px;
  font-weight: 600;
  margin-top: 24px;
  text-align: center;
  width: 100%;
}
#entry-right-side .childCareTimeTableHoliday tr {
  height: 45px;
}
#entry-right-side .childCareTimeTableHoliday th,
#entry-right-side .childCareTimeTableHoliday td {
  vertical-align: middle;
}
#entry-right-side .childCareTimeTableHolidayTh {
  background: #65a09a;
  color: #fff;
  border-right: 1px solid #c8c8c8;
  width: 16%;
}
#entry-right-side .childCareTimeTableHolidayTd {
  color: #535353;
  font-weight: 500;
  width: 84%;
}
#entry-right-side .childCareTimeMemo {
  margin-top: 16px;
  font-size: 13px;
  font-weight: 600;
  color: #484848;
  line-height: 1.44;
}
#entry-right-side .childCareTimeMemo span {
  font-weight: 500;
  color: #535353;
  font-family: "Noto Sans JP", sans-serif;
}
#entry-right-side .childCareTimeMemoSecond {
  font-size: 13px;
  font-weight: 400;
  color: #323232;
  padding-top: 8px;
  line-height: 1.4;
  cursor: pointer;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8;
  position: relative;
}
#entry-right-side .childCareTimeMemoSecond::after {
  position: absolute;
  bottom: 0;
  right: 0;
  content: "...もっと見る";
  font-size: 13px;
  font-weight: 400;
  color: #65A09A;
  z-index: 1;
  background: #FFF;
  display: none;
}
#entry-right-side #showText {
  display: none;
}
#entry-right-side #showText:checked ~ .childCareTimeMemoSecond {
  display: block;
}
#entry-right-side #showText:checked ~ .childCareTimeMemoSecond::after {
  display: none;
}
#entry-right-side .overflowed::after {
  display: block;
}
#entry-right-side .teacher {
  background: #f5f3f3;
  border-radius: 10px;
  margin: 24px 24px 0px;
  padding: 24px 16px;
}
@media screen and (max-width: 768px) {
  #entry-right-side .teacher {
    margin: 24px 16px 0px;
  }
}
#entry-right-side .teacher img {
  width: 100px;
  height: 100px;
  border-radius: 8px;
}
#entry-right-side .teacherArea {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 16px;
}
#entry-right-side .teacherAreaDiv {
  width: 100%;
}
#entry-right-side .teacherWord {
  height: 50px;
  font-size: 13px;
  font-weight: 700;
  color: #323232;
  border-bottom: 1px solid #c5c0c0;
  display: flex;
  align-items: center;
}
#entry-right-side .teacherName {
  height: 50px;
  font-size: 13px;
  font-weight: 700;
  color: #323232;
  display: flex;
  align-items: center;
}
#entry-right-side .teacherMessage {
  font-size: 13px;
  font-weight: 500;
  line-height: 22px;
  color: #535353;
  padding-top: 16px;
}
#entry-right-side .wordOfMouth {
  padding: 24px 0px 32px;
  margin: 0 24px;
  border-bottom: 1px solid #c8c8c8;
}
@media screen and (max-width: 768px) {
  #entry-right-side .wordOfMouth {
    padding: 24px 0px 32px;
    margin: 0 16px;
  }
}
#entry-right-side .wordOfMouthEvaluation {
  padding: 24px 8px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 15px 27px;
}
@media screen and (max-width: 768px) {
  #entry-right-side .wordOfMouthEvaluation {
    flex-direction: column;
    padding: 24px 2px;
  }
}
#entry-right-side .wordOfMouthEvaluationFlex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 56px;
}
#entry-right-side .wordOfMouthEvaluationFlexSecond {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 13px;
}
#entry-right-side .wordOfMouthEvaluationTitle {
  font-size: 16px;
  font-weight: 500;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #entry-right-side .wordOfMouthEvaluationTitle {
    font-size: 14px;
  }
}
#entry-right-side .wordOfMouthEvaluationGraph {
  width: 135px;
  height: 4px;
  border-radius: 2px;
  background: linear-gradient(90deg, #fec72f 80%, #fec72f 0%, #e4e4e4 0%, #e4e4e4 20%);
}
#entry-right-side .wordOfMouthEvaluationValue {
  font-size: 16px;
  font-weight: 600;
  color: #323232;
}
#entry-right-side .wordOfMouthButton {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 242px;
  height: 60px;
  font-size: 15px;
  font-weight: 600;
  color: #65a09a;
  border-radius: 6px;
  border: 3px solid #65a09a;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-top: 32px;
}
@media screen and (max-width: 768px) {
  #entry-right-side .wordOfMouthButton {
    width: 197px;
    height: 48px;
  }
}
#entry-right-side .testimonials {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px 23px;
  padding-top: 8px;
}
@media screen and (max-width: 768px) {
  #entry-right-side .testimonials {
    flex-direction: column;
    gap: 23px;
  }
}
#entry-right-side .testimonialsCard {
  max-width: 347px;
  max-height: 227px;
  border-radius: 8px;
  flex-shrink: 0;
  width: 45%;
}
@media screen and (max-width: 768px) {
  #entry-right-side .testimonialsCard {
    width: 100%;
    max-width: initial;
    max-height: initial;
  }
}
#entry-right-side .testimonialsCardUser {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  object-fit: none;
  object-position: 75% 50%;
  margin-right: 8px;
}
@media screen and (max-width: 768px) {
  #entry-right-side .testimonialsCardUser {
    margin-right: 12px;
  }
}
#entry-right-side .testimonialsCardUserArea {
  display: flex;
}
#entry-right-side .testimonialsCardUserName {
  font-size: 15px;
  font-weight: 600;
  padding-bottom: 4px;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #entry-right-side .testimonialsCardUserName {
    font-size: 14px;
  }
}
#entry-right-side .testimonialsCardUserDate {
  font-size: 14px;
  font-weight: 500;
  color: #979797;
}
@media screen and (max-width: 768px) {
  #entry-right-side .testimonialsCardUserDate {
    font-size: 12px;
  }
}
#entry-right-side .testimonialsCardUserMessage {
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  color: #535353;
  padding-top: 13px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
@media screen and (max-width: 768px) {
  #entry-right-side .testimonialsCardUserMessage {
    padding-top: 12px;
  }
}
#entry-right-side .testimonialsCardButton {
  width: 154px;
  height: 45px;
  margin-top: 16px;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #65a09a;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 13px;
  font-weight: 700;
  color: #65a09a;
}
#entry-right-side .testimonialsCardFlex {
  display: flex;
  overflow-x: scroll;
  padding: 40px 0px 80px 0px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#entry-right-side .testimonialsCardFlex::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 768px) {
  #entry-right-side .testimonialsCardFlex {
    padding: 40px 16px 80px 16px;
  }
}
#entry-right-side .Access {
  padding: 24px 24px 0px;
}
#entry-right-side .AccessAdress {
  font-size: 13px;
  font-weight: 600;
  color: #323232;
  border-bottom: 1px solid #c8c8c8;
  padding: 24px 0px 8px;
}
#entry-right-side .AccessAdress span {
  font-size: 15px;
  color: #535353;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  #entry-right-side .AccessAdress span {
    display: block;
    padding-top: 8px;
  }
}
#entry-right-side .AccessStation {
  font-size: 13px;
  font-weight: 600;
  color: #323232;
  border-bottom: 1px solid #c8c8c8;
  padding: 16px 0px 8px;
  margin-bottom: 24px;
}
#entry-right-side .AccessStation span {
  font-size: 15px;
  color: #535353;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  #entry-right-side .AccessStation span {
    display: block;
    padding-top: 8px;
  }
}
#entry-right-side .AccessMap {
  margin-top: 24px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  #entry-right-side .AccessMap {
    padding: 0px 16px;
  }
}
#entry-right-side .entry {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 0px 16px 0px rgba(194, 198, 204, 0.6);
  padding: 51px 32px;
}
@media screen and (max-width: 768px) {
  #entry-right-side .entry {
    padding: 0px;
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  #entry-right-side .entryPc {
    display: none;
  }
}
#entry-right-side .entryPcFixed {
  position: fixed;
  z-index: 105;
  top: 86px;
}
#entry-right-side .entrySp {
  display: none;
  position: fixed;
  bottom: 0;
  z-index: 99;
  width: 100%;
}
@media screen and (max-width: 768px) {
  #entry-right-side .entrySp {
    display: block;
  }
}
#entry-right-side .entrySpHidden {
  display: none;
  padding-bottom: 20px;
}
#entry-right-side .entrySpActive {
  display: block;
}
#entry-right-side .entrySpArea {
  padding: 0px 16px;
}
#entry-right-side .entryTitle {
  font-size: 22px;
  font-weight: 700;
  color: #323232;
  border-bottom: 1px solid #c5c0c0;
  width: 100%;
  padding-bottom: 24px;
}
@media screen and (max-width: 768px) {
  #entry-right-side .entryTitle {
    font-size: 16px;
    padding: 24px 0px 8px;
    margin: 0 16px;
  }
}
#entry-right-side .entryMoney {
  font-size: 16px;
  font-weight: 600;
  color: #323232;
  padding-top: 24px;
}
@media screen and (max-width: 768px) {
  #entry-right-side .entryMoney {
    padding: 16px 16px 0px;
    font-size: 13px;
  }
}
#entry-right-side .entryMoneyMonth {
  font-size: 16px;
  font-weight: 600;
  color: #323232;
  padding-top: 16px;
}
@media screen and (max-width: 768px) {
  #entry-right-side .entryMoneyMonth {
    padding: 8px 16px 0px;
    font-size: 13px;
  }
}
#entry-right-side .entryMoneyEtc {
  font-size: 16px;
  font-weight: 5s00;
  color: #353535;
  padding-top: 16px;
}
@media screen and (max-width: 768px) {
  #entry-right-side .entryMoneyEtc {
    padding: 12px 16px 0px;
    font-size: 13px;
  }
}
#entry-right-side .entryButtonEntry {
  position: relative;
  width: 100%;
  height: 60px;
  color: #DE8A6D;
  background: #fff;
  border-radius: 8px;
  border: 2px solid #DE8A6D;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 17px;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
  margin-top: 48px;
}
@media screen and (max-width: 768px) {
  #entry-right-side .entryButtonEntry {
    width: 95%;
    margin: 16px auto;
  }
}
#entry-right-side .entryButtonEntryIcon {
  display: inline-block;
  vertical-align: middle;
  color: #DE8A6D;
  line-height: 1;
  position: relative;
  width: 10px;
  height: 10px;
  transform: translateX(-25%) rotate(45deg);
}
#entry-right-side .entryButtonEntryIcon::before, #entry-right-side .entryButtonEntryIcon::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 3px;
}
#entry-right-side .entryButtonEntryIcon::before {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}
#entry-right-side .entryButtonEntryIcon::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}
#entry-right-side .entryButtonReserve {
  position: relative;
  width: 100%;
  height: 60px;
  color: #fff;
  background: #DE8A6D;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 17px;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
  margin-top: 16px;
}
@media screen and (max-width: 768px) {
  #entry-right-side .entryButtonReserve {
    width: 95%;
    margin: 16px auto;
  }
}
#entry-right-side .entryButtonReserveIcon {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1;
  position: relative;
  width: 10px;
  height: 10px;
  transform: translateX(-25%) rotate(45deg);
}
#entry-right-side .entryButtonReserveIcon::before, #entry-right-side .entryButtonReserveIcon::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 3px;
}
#entry-right-side .entryButtonReserveIcon::before {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}
#entry-right-side .entryButtonReserveIcon::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}
#entry-right-side .entryButtonFavorite {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  width: 100%;
  height: 60px;
  border-radius: 60px;
  font-size: 14px;
  font-weight: 600;
  color: #ff8181;
  border: 2px solid #e7e2e2;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-top: 40px;
}
#entry-right-side .entryInfo {
  padding: 24px 0px 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 768px) {
  #entry-right-side .entryInfo {
    padding: 16px;
    height: 48px;
    background: #D6DFDE;
    box-shadow: inset 0px 1px 0px 0px rgb(202, 214, 212), inset 0px -1px 0px 0px rgb(202, 214, 212);
  }
}
#entry-right-side .entryInfoFlex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#entry-right-side .entryInfoFlexText {
  font-size: 15px;
  font-weight: 600;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #entry-right-side .entryInfoFlexText {
    font-size: 13px;
    color: #65A09A;
  }
}
#entry-right-side .entryInfoFlexTel {
  font-size: 15px;
  font-weight: 600;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #entry-right-side .entryInfoFlexTel {
    font-size: 17px;
    border-bottom: 1px solid #65A09A;
    color: #65A09A;
  }
}
#entry-right-side .entryFooter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #ece8e4;
  height: 60px;
}
#entry-right-side .entryFooterEntry {
  position: relative;
  width: 121px;
  height: 48px;
  color: #DE8A6D;
  background: #fff;
  border-radius: 6px;
  border: 2px solid #DE8A6D;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 600;
  font-family: "Roboto", sans-serif;
  padding-left: 24px;
}
#entry-right-side .entryFooterEntry:after {
  position: absolute;
  content: "";
  top: 18px;
  right: 16px;
  width: 7px;
  height: 7px;
  border-top: 2px solid #DE8A6D;
  border-right: 2px solid #DE8A6D;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#entry-right-side .entryFooterReserve {
  position: relative;
  width: 121px;
  height: 48px;
  color: #fff;
  background: #DE8A6D;
  border-radius: 6px;
  border: 2px solid #DE8A6D;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 600;
  font-family: "Roboto", sans-serif;
  padding-left: 24px;
}
#entry-right-side .entryFooterReserve:after {
  position: absolute;
  content: "";
  top: 18px;
  right: 16px;
  width: 7px;
  height: 7px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#entry-right-side .entryFooterFlex {
  display: flex;
  justify-content: center;
  gap: 16px;
}
#entry-right-side .entryFooter a[data-turbo-method] {
  width: 18%;
  height: 100%;
}
#entry-right-side .entryFooter a[data-turbo-method] #entry-right-side .entryFooterFavoriteArea {
  border-right: 1px solid #cbced6;
  box-sizing: border-box;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 13px 0 2%;
  background: url(/assets/favorite_icon2-38e3119a730ac93daddfe9ff13041cd1eb60291088f085cc627b45db8b046ffa.svg) no-repeat center center/40px 40px;
  width: 18%;
  cursor: pointer;
}
#entry-right-side .entryFooter a[data-turbo-method] #entry-right-side .entryFooterFavoriteAreaActive, #entry-right-side .entryFooter a[data-turbo-method] #entry-right-side .entryFooterFavoriteArea[data-faved="1"] {
  background: url(/assets/favorite_icon-70fef11735b264ad81088397835eb6f1466e2ccb123ffccd542563663953f939.svg) no-repeat center center/40px 40px;
}
#entry-right-side .entryOpen {
  position: absolute;
  top: -40px;
  right: 16px;
  z-index: 99;
  width: 48px;
  height: 48px;
  background: #fff;
  border-radius: 8px;
  border: 2px solid #DE8A6D;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.18);
  cursor: pointer;
}
#entry-right-side .entryOpenActive {
  background: #DE8A6D;
}
#entry-right-side .entryOpenIconTop {
  display: inline-block;
  vertical-align: middle;
  color: #DE8A6D;
  line-height: 1;
  position: relative;
  width: 10px;
  height: 10px;
  transform: translateX(-25%) rotate(-45deg);
  margin-left: 20px;
  margin-top: 10px;
}
#entry-right-side .entryOpenIconTop::before, #entry-right-side .entryOpenIconTop::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 3px;
}
#entry-right-side .entryOpenIconTop::before {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}
#entry-right-side .entryOpenIconTop::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}
#entry-right-side .entryOpenIconTopActive {
  display: none;
}
#entry-right-side .entryOpenIconUnder {
  display: inline-block;
  vertical-align: middle;
  color: #DE8A6D;
  line-height: 1;
  position: relative;
  width: 10px;
  height: 10px;
  transform: translateX(-25%) rotate(135deg);
  margin-left: 20px;
}
#entry-right-side .entryOpenIconUnder::before, #entry-right-side .entryOpenIconUnder::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 3px;
}
#entry-right-side .entryOpenIconUnder::before {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}
#entry-right-side .entryOpenIconUnder::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}
#entry-right-side .entryOpenIconUnderActive {
  margin-top: 14px;
  color: #FFF;
}
#entry-right-side .star {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 0px 16px 0px rgba(194, 198, 204, 0.6);
  padding: 40px 32px 24px;
  max-height: 589px;
  margin-top: 16px;
}
@media screen and (max-width: 768px) {
  #entry-right-side .star {
    padding-left: 16px;
    padding-right: 16px;
  }
}
#entry-right-side .starTitle {
  font-size: 22px;
  font-weight: 700;
  color: #323232;
  border-bottom: 1px solid #c5c0c0;
  width: 100%;
  padding-bottom: 24px;
}
@media screen and (max-width: 768px) {
  #entry-right-side .starTitle {
    padding: 32px 0px 8px;
    margin: 0 16px;
    font-size: 16px;
  }
}
#entry-right-side .starFlex {
  display: flex;
  align-items: center;
  padding-top: 24px;
}
@media screen and (max-width: 768px) {
  #entry-right-side .starFlex {
    padding: 16px 16px 24px;
  }
}
#entry-right-side .starFlex img {
  width: 24px;
  height: 24px;
}
#entry-right-side .starFlex p {
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
  font-family: "Roboto", sans-serif;
  padding-left: 8px;
}
@media screen and (max-width: 768px) {
  #entry-right-side .starFlex p {
    font-size: 14px;
  }
}
#entry-right-side .schoolInfo {
  padding: 16px 16px 0;
}
#entry-right-side .schoolInfo .table {
  border-left: 1px solid #CACACA;
  border-top: 1px solid #CACACA;
  width: 100%;
}
#entry-right-side .schoolInfo .th {
  background: #F6F2EE;
  font-size: 13px;
  font-weight: 500;
  padding: 16px;
  border-right: 1px solid #CACACA;
  border-bottom: 1px solid #CACACA;
  white-space: nowrap;
}
#entry-right-side .schoolInfo .td {
  background: #FFF;
  font-size: 14px;
  font-weight: 400;
  padding: 16px;
  border-right: 1px solid #CACACA;
  border-bottom: 1px solid #CACACA;
}
#entry-right-side .schoolInfo .border {
  width: 100%;
  height: 1px;
  background: #CACACA;
  margin-top: 16px;
  display: inline-block;
}
#entry-right-side .childCareFee {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid #c8c8c8;
}
#entry-right-side .childCareFeeTitle {
  font-size: 13px;
  font-weight: 700;
  color: #323232;
  line-height: normal;
  padding-bottom: 16px;
}
#entry-right-side .childCareFeeContent {
  color: #363636;
  font-size: 13px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.39px;
}

.entryRightSideWrap {
  margin-left: -20px;
  background: #FFF;
  border-top: 1px solid #CACACA;
  border-right: 1px solid #CACACA;
  border-bottom: 1px solid #CACACA;
  border-radius: 0 6px 6px 0;
}
@media screen and (max-width: 768px) {
  .entryRightSideWrap {
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .entryRightSideWrapSp {
    border: 1px solid #CACACA;
    margin: 16px;
    border-radius: 6px;
    margin-top: 78px;
  }
}

.right-content-on {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  z-index: 100;
}

.rightContentClose {
  position: absolute;
  right: 1.25rem;
  width: 38px;
  height: 38px;
  text-align: center;
  background: #FFF;
  border-radius: 50%;
  justify-content: center;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.rightContentClose:hover {
  opacity: 0.7;
  transition: 0.4s;
}

@media screen and (max-width: 768px) {
  .spHeader {
    background: #EF8D6C;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 62px;
    color: #FFF;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 100;
  }
}

#lineAddFriendModal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}
#lineAddFriendModal .lineAddFriendModalContent {
  display: grid;
  grid-template-columns: 1fr auto;
  padding: 24px;
  background-color: white;
  border-radius: 8px;
  row-gap: 16px;
  column-gap: 8px;
}
@media screen and (max-width: 768px) {
  #lineAddFriendModal .lineAddFriendModalContent {
    padding: 24px 16px;
  }
}
#lineAddFriendModal .lineAddFriendModalContent .lineAddFriendModalCloseButton {
  grid-column: 2/3;
  grid-row: 1/3;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  cursor: pointer;
}
#lineAddFriendModal .lineAddFriendModalContent .lineAddFriendModalTitle {
  font-weight: bold;
  font-size: 22px;
}
@media screen and (max-width: 768px) {
  #lineAddFriendModal .lineAddFriendModalContent .lineAddFriendModalTitle {
    font-size: 18px;
  }
}
#lineAddFriendModal .lineAddFriendModalContent .lineAddFriendModalMessage {
  font-weight: 400;
  color: #979797;
}
#lineAddFriendModal .lineAddFriendModalContent .lineAddFriendModalButtonContainer {
  grid-column: 1/3;
  display: flex;
  justify-content: flex-end;
  padding-top: 8px;
}
#lineAddFriendModal .lineAddFriendModalContent .lineAddFriendModalButtonContainer .lineAddFriendModalButton {
  background-color: #65A09A;
  color: white;
  border-radius: 30px;
  margin-right: 8px;
}

.chat__detail {
  flex: 0 0 auto;
  width: 28.75rem;
  margin-right: 1.25rem;
  margin-bottom: 0;
}
.chat__detail-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.25rem;
}
.chat__detail-ttl {
  margin-bottom: 0;
  margin-right: 1.25rem;
}
.chat__detail-table--wrapper {
  margin-bottom: 1.25rem;
}
.chat__detail-table th {
  width: 6.75rem;
}
.chat__detail-select {
  margin-bottom: 0;
  flex: 0 1 auto;
  width: 10rem;
  margin-left: auto;
}
.chat__detail-select select {
  width: 100%;
  appearance: none;
  padding: 0;
  outline: none;
  background: transparent;
  font-size: 1rem;
  border: 1px solid #d3d3d3;
  border-radius: 0.25rem;
  height: 1.875rem;
  display: flex;
  align-items: center;
  padding: 0 0.6875rem;
  cursor: pointer;
  background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjYiIHZpZXdCb3g9IjAgMCA4IDYiPgogIDxwYXRoIGlkPSLlpJrop5LlvaJfMTMiIGRhdGEtbmFtZT0i5aSa6KeS5b2iIDEzIiBkPSJNNCwwLDgsNkgwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOCA2KSByb3RhdGUoMTgwKSIgZmlsbD0iIzNiM2IzYiIvPgo8L3N2Zz4K") no-repeat center right 0.75rem/0.5rem auto;
}
.chat__detail-message--box {
  display: flex;
  align-items: center;
  margin-bottom: 1.25rem;
}
.chat__detail-message--label {
  font-size: 0.75rem;
  line-height: 1.4166666667;
  font-weight: 700;
  margin-right: 1.25rem;
  flex: 0 0 auto;
}
.chat__detail-message--btn {
  appearance: none;
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  background: transparent;
  font: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  flex: 0 0 auto;
  font-size: 0.75rem;
  font-weight: 700;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 1.875rem;
  background: #252525;
  color: #fff;
  cursor: pointer;
  transition: 0.4s ease;
  transition-property: opacity;
}
.chat__detail-message--btn:hover, .chat__detail-message--btn:active {
  opacity: 0.7;
}
.chat__detail-message--input {
  margin-left: auto;
  border: 1px solid #d3d3d3;
  border-radius: 0.25rem;
  overflow: hidden;
  display: flex;
}
.chat__detail-message--input input {
  appearance: none;
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  background: transparent;
  font: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  background-color: transparent;
}
.chat__detail-memo--label {
  font-size: 0.75rem;
  line-height: 1.4166666667;
  font-weight: 700;
  margin-bottom: 0.75rem;
}
.chat__detail-memo--textarea {
  margin-bottom: 1.25rem;
}
.chat__detail-memo--textarea textarea {
  font-size: 0.875rem;
  line-height: 1.4285714286rem;
  height: 9.0625rem;
  width: 100%;
  border: 1px solid #D3D3D3;
  border-radius: 0.25rem;
  resize: none;
  padding: 0.25rem 0.6875rem;
}
.chat__history {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  height: calc(100vh - 120px);
  box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.1);
  border-radius: 0.5rem 0 0 0.5rem;
  overflow: hidden;
  border: 1px solid #E4E0E0;
}
@media screen and (max-width: 768px) {
  .chat__history {
    height: calc(100vh - 62px);
    position: absolute;
    top: 62px;
    left: 0;
    border: none;
  }
}
.chat__history-head {
  background: #FFF;
  color: #323232;
  height: 62px;
  display: flex;
  align-items: center;
  padding: 0 1.25rem;
  border-bottom: 1px solid #E4E0E0;
}
@media screen and (max-width: 768px) {
  .chat__history-head {
    background: #ec9375;
    color: #fff;
    justify-content: space-between;
    border-radius: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    border: none;
  }
}
.chat__history-head--back {
  position: relative;
  width: 38px;
  height: 38px;
  box-shadow: 0 8px 15px #dcd6d0;
  text-align: center;
  border-radius: 8px;
  margin-right: 16px;
}
@media screen and (max-width: 768px) {
  .chat__history-head--back {
    background: #fff;
    box-shadow: initial;
    border-radius: 50%;
  }
}
.chat__history-head--back::after {
  content: "";
  width: 6px;
  height: 6px;
  border-bottom: 2px solid #3b3b3b;
  border-left: 2px solid #3b3b3b;
  position: absolute;
  left: 42.5%;
  top: 50%;
  transform: translate(0, -50%) rotate(45deg);
}
@media screen and (max-width: 768px) {
  .chat__history-head--back::after {
    border-bottom: 2px solid #ec9375;
    border-left: 2px solid #ec9375;
  }
}
.chat__history-head--ttl {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .chat__history-head--ttl {
    color: #fff;
  }
}
.chat__history-head--reload {
  color: #65A09A;
  font-size: 0.75rem;
  line-height: 1.4166666667;
  font-weight: 700;
  margin-left: auto;
  text-decoration: none;
  transition: 0.4s ease;
  transition-property: opacity;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  border: 1px solid #E4E0E0;
  box-sizing: border-box;
  border-radius: 8px;
  padding: 7px 12px;
  /*img {
    margin-left: 2px;
    //display: inline-block;
  }*/
}
.chat__history-head--reload ._icon {
  display: inline-block;
  padding-right: 1.5rem;
}
.chat__history-head--reload ._icon::before {
  content: "";
  width: 1rem;
  height: 1rem;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  background: url(/assets/reload-6dca892eadb40a0d2e798d4100ba23cb8fa1931fc158fd2a8dbb4e7f3245a133.svg) no-repeat center/1rem auto;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .chat__history-head--reload {
    position: relative;
    width: 38px;
    height: 38px;
    text-align: center;
    background: #fff;
    border-radius: 50%;
    justify-content: center;
    border: none;
    padding: initial;
  }
}
.chat__history-head--reload:visited, .chat__history-head--reload:hover, .chat__history-head--reload:active {
  color: #65a09a;
  opacity: 0.7;
}
.chat__history-body {
  flex: 1 1 auto;
  background: #F1F5F5;
  width: 100%;
  height: 23.75rem;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.chat__history-body::-webkit-scrollbar {
  display: none;
}
.chat__history-btn--box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 16px;
  background: #F1F5F5;
  margin-top: -3px;
  border: 1px solid #d3d3d3;
  border-top: none;
  border-radius: 0 0 0.25rem 0.25rem;
}
.chat__history-btn--box-controller {
  display: flex;
  justify-content: center;
}
.chat__history-btn--box .common-btn {
  min-width: initial;
  height: 36px;
  padding: 0 16px;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}
.chat__history-btn--box .common-btn:not(:last-child) {
  margin-right: 1rem;
}
.chat__history-btn--box .common-btn.attach-file-btn {
  width: 36px;
  background-color: #fff;
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.18);
  border-radius: 6px;
  cursor: pointer;
}
.chat__history-btn--box .common-btn.attach-file-btn img {
  display: block;
  margin: auto;
}
.chat__history-btn--box .send-btn {
  background-color: #65a09a;
}
.chat__history-btn--box .send-btn:hover {
  background-color: #80BEB8;
  transition: 0.3s;
  opacity: 1 !important;
}
.chat__history-btn--box .clear-btn {
  color: #65a09a;
  background-color: #ffffff;
  border: 1px solid #65a09a;
}
.chat__history-textarea {
  position: relative;
}
.chat__history-textarea textarea {
  margin-bottom: 0;
  appearance: none;
  outline: none;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  padding: 0.25rem 0.6875rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #fff;
  border-radius: 0.25rem 0.25rem 0 0;
  border: 1px solid #d3d3d3;
  resize: none;
  /*height: (145 / 16) + rem;*/
  width: 100%;
  color: #323232;
}
.chat__container {
  display: flex;
}

.chat-wrapper {
  margin: 1rem 1.25rem 1.25rem;
}
.chat-wrapper .chat-body {
  max-width: 60%;
  padding: 1rem;
  border-radius: 1.25rem;
  word-wrap: break-word;
  font-size: 0.75rem;
  line-height: 1.6666666667;
}
.chat-wrapper .profile {
  margin-bottom: 4px;
  font-size: 13px;
}
.chat-wrapper .name-time {
  margin-top: 0.5rem;
  color: #909090;
  font-size: 0.75rem;
  font-weight: 700;
  padding-left: 2.25rem;
}
.chat-wrapper.send-chat {
  display: flex;
  flex-direction: column;
}
.chat-wrapper.send-chat .chat-main {
  display: flex;
  flex-direction: column;
  align-items: end;
}
.chat-wrapper.send-chat .profile-image {
  margin-left: 4px;
}
.chat-wrapper.send-chat .chat-body {
  background-color: #65a09a;
  color: #fff;
  border-bottom-right-radius: 0;
  margin-left: auto;
}
.chat-wrapper.send-chat .name-time {
  text-align: right;
  padding-left: 0;
  padding-right: 2.25rem;
}
.chat-wrapper.send-chat .profile {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-right: 4px;
}
.chat-wrapper.send-chat .time {
  text-align: right;
}
.chat-wrapper.receive-chat {
  display: flex;
  flex-direction: column;
}
.chat-wrapper.receive-chat .chat-main {
  display: flex;
  flex-direction: column;
  align-items: start;
}
.chat-wrapper.receive-chat .chat-body {
  background-color: #ffffff;
  border-bottom-left-radius: 0;
  box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.06);
  border: 1px solid #65A09A;
  box-sizing: border-box;
}
.chat-wrapper.receive-chat .profile {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-right: 4px;
}
.chat-wrapper.receive-chat .profile-image {
  margin-right: 8px;
}
.chat-wrapper .profile-image {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border: 2px solid white;
}
.chat-wrapper .time, .chat-wrapper .status {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  margin-top: 8px;
  color: #ada7a2;
}

.new-chat {
  background-color: #FFF;
  padding: 16px;
  border-top: 1px solid #E4E0E0;
}
@media screen and (max-width: 768px) {
  .new-chat {
    border-radius: 0;
  }
}
.new-chat__list {
  display: flex;
  gap: 0.5625rem 3.5714285714%;
  overflow-x: scroll;
}
.new-chat__item {
  flex: 0 0 auto;
  width: 30.9523809524%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  border: 1px solid #DE8A6D;
  background: #fff;
  color: #DE8A6D;
  font-size: 0.75rem;
  font-weight: 500;
  min-height: 1.875rem;
  transition: 0.4s ease;
  transition-property: opacity;
}
.new-chat__item:hover, .new-chat__item:active {
  opacity: 0.7;
}
.new-chat__hr {
  background: #D3D3D3;
  height: 1px;
}

.detailOpen {
  display: none;
}
@media screen and (max-width: 768px) {
  .detailOpen {
    position: relative;
    width: 38px;
    height: 38px;
    text-align: center;
    background: #fff;
    border-radius: 50%;
    justify-content: center;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
}
.detailOpen:hover {
  opacity: 0.7;
  transition: 0.4s;
}

.headerWrap {
  display: flex;
  gap: 12px;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .headerWrap {
    margin-left: 0;
  }
}

.chat2__container {
  display: flex;
}
.chat2__container .chat__detail {
  height: calc(100vh - 189px);
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.chat2__container .chat__detail::-webkit-scrollbar {
  display: none;
}
.chat2__container .chat2__detail {
  flex: 0 0 auto;
  width: 28.75rem;
  margin-right: 1.25rem;
  margin-bottom: 0;
}
.chat2__container .chat2__detail-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.25rem;
}
.chat2__container .chat2__detail-ttl {
  margin-bottom: 0;
  margin-right: 1.25rem;
}
.chat2__container .chat2__detail-table--wrapper {
  margin-bottom: 1.25rem;
}
.chat2__container .chat2__detail-table th {
  width: 6.75rem;
}
.chat2__container .chat2__detail-select {
  margin-bottom: 0;
  flex: 0 1 auto;
  width: 10rem;
  margin-left: auto;
}
.chat2__container .chat2__detail-select select {
  width: 100%;
  appearance: none;
  padding: 0;
  outline: none;
  background: transparent;
  font-size: 1rem;
  border: 1px solid #d3d3d3;
  border-radius: 0.25rem;
  height: 1.875rem;
  display: flex;
  align-items: center;
  padding: 0 0.6875rem;
  cursor: pointer;
  background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjYiIHZpZXdCb3g9IjAgMCA4IDYiPgogIDxwYXRoIGlkPSLlpJrop5LlvaJfMTMiIGRhdGEtbmFtZT0i5aSa6KeS5b2iIDEzIiBkPSJNNCwwLDgsNkgwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOCA2KSByb3RhdGUoMTgwKSIgZmlsbD0iIzNiM2IzYiIvPgo8L3N2Zz4K") no-repeat center right 0.75rem/0.5rem auto;
}
.chat2__container .chat2__detail-message--box {
  display: flex;
  align-items: center;
  margin-bottom: 1.25rem;
}
.chat2__container .chat2__detail-message--label {
  font-size: 0.75rem;
  line-height: 1.4166666667;
  font-weight: 700;
  margin-right: 1.25rem;
  flex: 0 0 auto;
}
.chat2__container .chat2__detail-message--btn {
  appearance: none;
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  background: transparent;
  font: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  flex: 0 0 auto;
  font-size: 0.75rem;
  font-weight: 700;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 1.875rem;
  background: #252525;
  color: #fff;
  cursor: pointer;
  transition: 0.4s ease;
  transition-property: opacity;
}
.chat2__container .chat2__detail-message--btn:hover, .chat2__container .chat2__detail-message--btn:active {
  opacity: 0.7;
}
.chat2__container .chat2__detail-message--input {
  margin-left: auto;
  border: 1px solid #d3d3d3;
  border-radius: 0.25rem;
  overflow: hidden;
  display: flex;
}
.chat2__container .chat2__detail-message--input input {
  appearance: none;
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  background: transparent;
  font: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  background-color: transparent;
}
.chat2__container .chat2__detail-memo--label {
  font-size: 0.75rem;
  line-height: 1.4166666667;
  font-weight: 700;
  margin-bottom: 0.75rem;
}
.chat2__container .chat2__detail-memo--textarea {
  margin-bottom: 1.25rem;
}
.chat2__container .chat2__detail-memo--textarea textarea {
  font-size: 0.875rem;
  line-height: 1.4285714286rem;
  height: 9.0625rem;
  width: 100%;
  border: 1px solid #d3d3d3;
  border-radius: 0.25rem;
  resize: none;
  padding: 0.25rem 0.6875rem;
}
.chat2__container .chat2__history {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  height: calc(100vh - 189px);
  box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.1);
  border-radius: 0.5rem;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .chat2__container .chat2__history {
    height: calc(100vh - 62px);
    position: absolute;
    top: 62px;
    left: 0;
  }
}
.chat2__container .chat2__history-head {
  background: #DE8A6D;
  color: #fff;
  flex: 0 0 auto;
  height: 40px;
  display: flex;
  align-items: center;
  padding: 0 1.25rem;
}
@media screen and (max-width: 768px) {
  .chat2__container .chat2__history-head {
    background: #ec9375;
    justify-content: space-between;
    border-radius: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    border: none;
  }
}
.chat2__container .chat2__history-head--back {
  position: relative;
  width: 38px;
  height: 38px;
  box-shadow: 0 8px 15px #dcd6d0;
  text-align: center;
  border-radius: 8px;
  margin-right: 16px;
}
@media screen and (max-width: 768px) {
  .chat2__container .chat2__history-head--back {
    background: #fff;
    box-shadow: initial;
    border-radius: 50%;
  }
}
.chat2__container .chat2__history-head--back::after {
  content: "";
  width: 6px;
  height: 6px;
  border-bottom: 2px solid #3b3b3b;
  border-left: 2px solid #3b3b3b;
  position: absolute;
  left: 42.5%;
  top: 50%;
  transform: translate(0, -50%) rotate(45deg);
}
@media screen and (max-width: 768px) {
  .chat2__container .chat2__history-head--back::after {
    border-bottom: 2px solid #ec9375;
    border-left: 2px solid #ec9375;
  }
}
.chat2__container .chat2__history-head--ttl {
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .chat2__container .chat2__history-head--ttl {
    color: #fff;
  }
}
.chat2__container .chat2__history-head--reload {
  color: #fff;
  font-size: 0.75rem;
  line-height: 1.4166666667;
  font-weight: 700;
  margin-left: auto;
  text-decoration: none;
  transition: 0.4s ease;
  transition-property: opacity;
  position: relative;
}
.chat2__container .chat2__history-head--reload ._icon {
  display: inline-block;
  padding-right: 1.5rem;
}
.chat2__container .chat2__history-head--reload ._icon::before {
  content: "";
  width: 1rem;
  height: 1rem;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  background: url(/assets/reload-6dca892eadb40a0d2e798d4100ba23cb8fa1931fc158fd2a8dbb4e7f3245a133.svg) no-repeat center/1rem auto;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .chat2__container .chat2__history-head--reload {
    position: relative;
    width: 38px;
    height: 38px;
    text-align: center;
    background: #fff;
    border-radius: 50%;
    justify-content: center;
  }
}
.chat2__container .chat2__history-head--reload:visited, .chat2__container .chat2__history-head--reload:hover, .chat2__container .chat2__history-head--reload:active {
  opacity: 0.7;
}
.chat2__container .chat2__history-head--reload img {
  margin-left: 2px;
}
.chat2__container .chat2__history-body {
  flex: 1 1 auto;
  background: #ffffff;
  width: 100%;
  height: 23.75rem;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.chat2__container .chat2__history-body::-webkit-scrollbar {
  display: none;
}
.chat2__container .chat2__history-btn--box {
  display: flex;
  justify-content: center;
  align-items: center;
}
.chat2__container .chat2__history-btn--box-controller {
  display: flex;
  justify-content: center;
}
.chat2__container .chat2__history-btn--box .common-btn {
  min-width: initial;
  height: 36px;
  padding: 0 16px;
}
.chat2__container .chat2__history-btn--box .common-btn:not(:last-child) {
  margin-right: 1rem;
}
.chat2__container .chat2__history-btn--box .common-btn.attach-file-btn {
  width: 36px;
  background-color: #fff;
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.18);
  border-radius: 6px;
  cursor: pointer;
}
.chat2__container .chat2__history-btn--box .common-btn.attach-file-btn img {
  display: block;
  margin: auto;
}
.chat2__container .chat2__history-btn--box .send-btn {
  background-color: #65a09a;
}
.chat2__container .chat2__history-btn--box .clear-btn {
  color: #65a09a;
  background-color: #ffffff;
  border: 1px solid #65a09a;
}
.chat2__container .chat2__history-textarea {
  position: relative;
  margin-bottom: 0.75rem;
}
.chat2__container .chat2__history-textarea textarea {
  margin-bottom: 0;
  appearance: none;
  outline: none;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  padding: 0.25rem 0.6875rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #fff;
  border-radius: 0.25rem;
  border: 1px solid #d3d3d3;
  resize: none;
  height: 9.0625rem;
  width: 100%;
  color: #323232;
}
.chat2__container .chat2__history-textarea .preview-areas {
  display: flex;
  flex-wrap: wrap;
  border-left: 1px solid #cacaca;
  border-right: 1px solid #cacaca;
}
.chat2__container .chat2__history-textarea .preview-areas .preview-area {
  margin-right: 8px;
}
.chat2__container .chat2__history-textarea .preview-areas .preview-area._template {
  display: none !important;
}
.chat2__container .chat2__history-textarea .preview-areas .preview-area._image {
  display: flex;
  align-items: center;
  position: relative;
  border: 1px solid #e4e0e0;
  border-radius: 6px;
}
.chat2__container .chat2__history-textarea .preview-areas .preview-area._image .preview-image {
  height: 64px;
  width: 64px;
  object-fit: cover;
  border-radius: 6px;
  z-index: 10;
}
.chat2__container .chat2__history-textarea .preview-areas .preview-area._file {
  display: flex;
  align-items: center;
  position: relative;
  background: #ffffff;
  border: 1px solid #e4e0e0;
  border-radius: 6px;
  padding: 12px;
}
.chat2__container .chat2__history-textarea .preview-areas .preview-area._file .icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background-color: #e94839;
  color: #ffffff;
  font-size: 11px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 16px;
}
.chat2__container .chat2__history-textarea .preview-areas .preview-area._file .file-info {
  font-weight: 500;
}
.chat2__container .chat2__history-textarea .preview-areas .preview-area._file .file-info p {
  max-width: 133px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chat2__container .chat2__history-textarea .preview-areas .preview-area._file .file-info .filename {
  font-size: 13px;
  line-height: 19px;
  color: #323232;
}
.chat2__container .chat2__history-textarea .preview-areas .preview-area._file .file-info .extension {
  font-size: 11px;
  line-height: 16px;
  color: #787878;
}
.chat2__container .chat2__history-textarea .preview-areas .preview-area .delete-btn {
  width: 14px;
  height: 14px;
  position: absolute;
  right: -4px;
  top: -4px;
  z-index: 11;
  cursor: pointer;
}
.chat2__container .chat2__container {
  display: flex;
}
.chat2__container .chat-wrapper {
  margin: 1rem 1.25rem 1.25rem;
}
.chat2__container .chat-wrapper .chat-body {
  max-width: 60%;
  padding: 1rem;
  border-radius: 1.25rem;
  word-wrap: break-word;
  font-size: 0.75rem;
  line-height: 1.6666666667;
}
.chat2__container .chat-wrapper .profile {
  margin-bottom: 4px;
}
.chat2__container .chat-wrapper .name-time {
  margin-top: 0.5rem;
  color: #909090;
  font-size: 0.75rem;
  font-weight: 700;
  padding-left: 2.25rem;
}
.chat2__container .chat-wrapper.send-chat {
  display: flex;
  flex-direction: column;
}
.chat2__container .chat-wrapper.send-chat .chat-main {
  display: flex;
  align-items: flex-start;
  flex-direction: row;
}
.chat2__container .chat-wrapper.send-chat .profile-image {
  margin-left: 4px;
}
.chat2__container .chat-wrapper.send-chat .chat-body {
  background-color: #ec9375;
  color: #fff;
  border-bottom-right-radius: 0;
  margin-left: auto;
}
.chat2__container .chat-wrapper.send-chat .name-time {
  text-align: right;
  padding-left: 0;
  padding-right: 2.25rem;
}
.chat2__container .chat-wrapper.send-chat .profile {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-right: 4px;
}
.chat2__container .chat-wrapper.receive-chat {
  display: flex;
  flex-direction: column;
}
.chat2__container .chat-wrapper.receive-chat .chat-main {
  display: flex;
  align-items: start;
  flex-direction: row;
}
.chat2__container .chat-wrapper.receive-chat .chat-body {
  background-color: #ffffff;
  border-bottom-left-radius: 0;
  box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.06);
  border: none;
}
.chat2__container .chat-wrapper.receive-chat .profile {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-right: 4px;
}
.chat2__container .chat-wrapper.receive-chat .profile-image {
  margin-right: 8px;
}
.chat2__container .chat-wrapper .profile-image {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border: 2px solid white;
}
.chat2__container .chat-wrapper .time {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  margin-top: 8px;
  color: #ada7a2;
}
.chat2__container .new-chat {
  background-color: #f0f0f0;
  padding: 16px;
}
@media screen and (max-width: 768px) {
  .chat2__container .new-chat {
    border-radius: 0;
  }
}
.chat2__container .new-chat__list {
  display: flex;
  gap: 0.5625rem 3.5714285714%;
  overflow-x: scroll;
}
.chat2__container .new-chat__item {
  flex: 0 0 auto;
  width: 30.9523809524%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  border: 1px solid #DE8A6D;
  background: #fff;
  color: #DE8A6D;
  font-size: 0.75rem;
  font-weight: 500;
  min-height: 1.875rem;
  transition: 0.4s ease;
  transition-property: opacity;
}
.chat2__container .new-chat__item:hover, .chat2__container .new-chat__item:active {
  opacity: 0.7;
}
.chat2__container .new-chat__hr {
  background: #d3d3d3;
  height: 1px;
}
.chat2__container .detailOpen {
  position: relative;
  width: 38px;
  height: 38px;
  text-align: center;
  background: #fff;
  border-radius: 50%;
  justify-content: center;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.chat2__container .detailOpen:hover {
  opacity: 0.7;
  transition: 0.4s;
}
.chat2__container .headerWrap {
  display: flex;
  gap: 12px;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .chat2__container .headerWrap {
    margin-left: 0;
  }
}

.vendors-detail .vendors-detail__ages {
  margin-top: 1rem;
  display: flex;
  gap: 0.75rem 2rem;
}
.vendors-detail .vendors-detail__ages._edit {
  gap: 0.75rem 1.25rem;
}
.vendors-detail .vendors-detail__ages .item {
  font-size: 0.875rem;
}
.vendors-detail .vendors-detail__ages-check input[type=checkbox] {
  display: none;
}
.vendors-detail .vendors-detail__ages-check input[type=checkbox]:checked + label::before {
  background: #fff url(/assets/check-orange-a3dc430cf1f0d09606cad1cc0b2957d4a8c3a0390f24a804450924ec13f8a1c5.svg) no-repeat center/0.5rem;
}
.vendors-detail .vendors-detail__ages-check input[type=checkbox] + label {
  padding-left: 1.375rem;
  position: relative;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 400;
  display: inline-block;
  cursor: pointer;
}
.vendors-detail .vendors-detail__ages-check input[type=checkbox] + label::before {
  content: "";
  width: 0.875rem;
  height: 0.875rem;
  box-sizing: border-box;
  border: 1px solid #A5A5A5;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  border-radius: 2px;
}
.vendors-detail .vendors-detail__ages-txt {
  color: #3B3B3B;
  font-size: 0.75rem;
  font-weight: 500;
  margin-top: 0.75rem;
  line-height: 1.4166666667;
}
.vendors-detail .vendors-detail__ages-inquery .vendors-details__ages-inqueryTitle {
  margin-top: 30px;
  font-size: 14px;
  font-weight: bold;
}
.vendors-detail .vendors-detail__ages-inquery .vendors-details__ages-radioboxes {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.vendors-detail .vendors-detail__ages-inquery .vendors-details__ages-radioboxes .vendors-details__ages-radiobox {
  line-height: 1.5;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.vendors-detail .vendors-detail__ages-inquery .common-form__txt {
  margin-top: 12px;
}
.vendors-detail .vendors-detail__ages-inquery .vendors-detail__ages-txt {
  margin-top: 0.5rem;
}
.vendors-detail .vendors-detail__list-item {
  display: flex;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 500;
}
.vendors-detail .vendors-detail__list-item._center {
  align-items: center;
}
.vendors-detail .vendors-detail__list-item:nth-child(n+2) {
  margin-top: 1rem;
}
.vendors-detail .vendors-detail__list-item--ttl {
  flex: 0 0 auto;
  width: 10.375rem;
}
.vendors-detail .vendors-detail__list-item--body._regular {
  font-weight: 400;
}
.vendors-detail__pic-list {
  padding-bottom: 0.25rem;
}
.vendors-detail__pic-item:nth-child(n+2) {
  margin-top: 1.25rem;
}
.vendors-detail__pic-ttl {
  margin-bottom: 0.75rem;
}
.vendors-detail__pic-main {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 0;
  max-width: 11.625rem;
}
.vendors-detail__pic-main::before {
  content: "";
  display: block;
  padding-top: 66.6666666667%;
}
.vendors-detail__pic-main img {
  position: absolute;
  z-index: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.vendors-detail__pic-main.--feature img {
  object-fit: contain;
}
.vendors-detail__pic-sub {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 0.375rem;
}
.vendors-detail__pic-sub .item {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 0;
  flex: 0 0 auto;
  width: 5.625rem;
}
.vendors-detail__pic-sub .item::before {
  content: "";
  display: block;
  padding-top: 66.6666666667%;
}
.vendors-detail__pic-sub .item img {
  position: absolute;
  z-index: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.vendors-detail__pic-title {
  font-weight: bold;
}
.vendors-detail__pic-description {
  font-weight: normal;
}
.vendors-detail__time-item {
  display: flex;
  font-weight: 400;
}
.vendors-detail__time-item:nth-child(n+2) {
  margin-top: 0.75rem;
}
.vendors-detail__time-item--ttl {
  flex: 0 0 auto;
  width: 6rem;
}
.vendors-detail__principal, .vendors-detail__video {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 0;
  min-width: 200px;
}
.vendors-detail__principal::before, .vendors-detail__video::before {
  content: "";
  display: block;
  padding-top: 57.6470588235%;
}
.vendors-detail__principal img, .vendors-detail__principal video, .vendors-detail__principal iframe, .vendors-detail__video img, .vendors-detail__video video, .vendors-detail__video iframe {
  position: absolute;
  z-index: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.4s ease;
}

.vendors-edit {
  position: relative;
}
.vendors-edit .vendors-edit__form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.vendors-edit .vendors-edit__form .common-hr {
  margin: 0.25rem 0;
}
.vendors-edit .vendors-edit__price {
  display: flex;
  align-items: center;
}
.vendors-edit .vendors-edit__price ._price {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  padding-right: 1.5rem;
}
.vendors-edit .vendors-edit__price ._price input[type=text] {
  max-width: 3.8125rem;
  text-align: right;
  padding: 0 0.4375rem;
}
.vendors-edit .vendors-edit__price ._price ._txt {
  margin-left: 0.25rem;
}
.vendors-edit .vendors-edit__price ._cta {
  font-size: 0.875rem;
  font-weight: 500;
  flex: 0 0 auto;
  width: 12.5rem;
}
.vendors-edit .vendors-edit__pic-block:nth-child(n+2) {
  margin-top: 1.25rem;
}
.vendors-edit .vendors-edit__pic-block .vendors-edit__pic-block--ttl {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  margin-bottom: 0.75rem;
}
.vendors-edit .vendors-edit__pic-block .vendors-edit__pic-block--content {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 6px;
}
.vendors-edit .vendors-edit__pic-block .vendors-edit__pic-block--content .vendors-edit__pic-block--content-item .pic {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 0;
  background: #f0f0f0;
  margin-bottom: 0.5rem;
}
.vendors-edit .vendors-edit__pic-block .vendors-edit__pic-block--content .vendors-edit__pic-block--content-item .pic::before {
  content: "";
  display: block;
  padding-top: 66.6666666667%;
}
.vendors-edit .vendors-edit__pic-block .vendors-edit__pic-block--content .vendors-edit__pic-block--content-item .pic img, .vendors-edit .vendors-edit__pic-block .vendors-edit__pic-block--content .vendors-edit__pic-block--content-item .pic video, .vendors-edit .vendors-edit__pic-block .vendors-edit__pic-block--content .vendors-edit__pic-block--content-item .pic iframe {
  position: absolute;
  z-index: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.vendors-edit .vendors-edit__pic-block .vendors-edit__pic-block--content .vendors-edit__pic-block--content-item .input-btn-group {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 2px;
}
.vendors-edit .vendors-edit__pic-block .vendors-edit__pic-block--content .vendors-edit__pic-block--content-item .input-btn-group .input-btn {
  display: inline-block;
  width: 100%;
  padding: 4px;
  text-align: center;
  background: #F0F0F0;
  border: 1px solid #d3d3d3;
  border-radius: 4px;
  font-size: 0.625rem;
  white-space: nowrap;
  cursor: pointer;
  transition: 0.4s ease;
  transition-property: opacity;
}
.vendors-edit .vendors-edit__pic-block .vendors-edit__pic-block--content .vendors-edit__pic-block--content-item .input-btn-group .input-btn:hover, .vendors-edit .vendors-edit__pic-block .vendors-edit__pic-block--content .vendors-edit__pic-block--content-item .input-btn-group .input-btn:active {
  opacity: 0.7;
}
.vendors-edit .vendors-edit__pic-block .vendors-edit__pic-block--content .vendors-edit__pic-block--content-item .input-btn-group .input-btn input[type=file] {
  display: none;
}
.vendors-edit .vendors-edit__pic-block .vendors-edit__pic-block--content.--main .vendors-edit__pic-block--content-item {
  width: 11.625rem;
}
.vendors-edit .vendors-edit__pic-block .vendors-edit__pic-block--content.--library {
  max-width: 29.75rem;
}
.vendors-edit .vendors-edit__pic-block .vendors-edit__pic-block--content.--library .vendors-edit__pic-block--content-item {
  width: 5.625rem;
}
.vendors-edit .vendors-edit__pic-block .vendors-edit__pic-block--content.--library .vendors-edit__pic-block--content-item .input-btn-group {
  flex-direction: column;
}
.vendors-edit .vendors-edit__pic-block .vendors-edit__pic-block--content.--feature .vendors-edit__pic-block--content-item {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.vendors-edit .vendors-edit__pic-block .vendors-edit__pic-block--content.--feature .vendors-edit__pic-block--content-item .pic {
  width: 7.8125rem;
}
.vendors-edit .vendors-edit__pic-block .vendors-edit__pic-block--content.--feature .vendors-edit__pic-block--content-item .pic img {
  object-fit: contain;
}
.vendors-edit .vendors-edit__pic-block .vendors-edit__pic-block--content.--feature .vendors-edit__pic-block--content-item .input-btn-group {
  width: 5.75rem;
  flex-direction: column;
}
.vendors-edit .vendors-edit__pic-block .vendors-edit__pic-block--content.--feature .vendors-edit__pic-block--content-item .size-description-text {
  font-size: 0.75rem;
  color: #595959;
  white-space: nowrap;
}
.vendors-edit .vendors-edit__pic-block .vendors-edit__feature-title {
  margin-bottom: 5px;
}
.vendors-edit .vendors-edit__time-item {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  line-height: 1.4285714286;
}
.vendors-edit .vendors-edit__time-item:nth-child(n+2) {
  margin-top: 0.375rem;
}
.vendors-edit .vendors-edit__time-item .vendors-edit__time-item--label {
  flex: 0 0 auto;
  width: 4.75rem;
}
.vendors-edit .vendors-edit__time-item .vendors-edit__time-item--txt {
  flex: 0 0 auto;
  display: flex;
  letter-spacing: 0;
  padding: 0 0.6875rem 0 0.4375rem;
}
.vendors-edit .vendors-edit__time-item .vendors-edit__time-item--input input[type=time] {
  border: 1px solid #D3D3D3;
  border-radius: 0.25rem;
  height: 1.8125rem;
  width: 6.125rem;
  display: flex;
  align-items: center;
  padding: 0 0.3125rem;
  font-family: inherit;
}
.vendors-edit .vendors-edit__time-item .vendors-edit__time-item--input input[type=radio] {
  width: 16px;
}
.vendors-edit .vendors-edit__time-item .vendors-edit__time-item--input._openable {
  display: flex;
  max-width: unset;
  gap: 8px;
  padding-right: 20px;
}
.vendors-edit .vendors-edit__txt {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  color: #A5A5A5;
  font-weight: 500;
}

.vendors-edit-select-images .common-form .common-form__item {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.vendors-edit-select-images .common-form .common-form__head {
  width: 175px;
}
.vendors-edit-select-images .common-form .common-form__head._group label:before {
  background: #DE8A6D;
}
.vendors-edit-select-images .common-form .common-form__body {
  border-left: none;
}
.vendors-edit-select-images .common-form .common-form__freeword {
  margin-bottom: 0;
}
.vendors-edit-select-images .common-form .common-form__choice-item {
  width: 50%;
}
.vendors-edit-select-images .images-area .images {
  height: 450px;
  background: #F5F5F5;
  padding: 24px 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  overflow-y: scroll;
  margin-bottom: 12px;
}
.vendors-edit-select-images .images-area .images-item {
  position: relative;
  width: 190px;
  margin-bottom: 16px;
}
.vendors-edit-select-images .images-area .images-item img {
  display: block;
  width: 100%;
  height: 120px;
  background: #C9C9C9;
  margin-bottom: 12px;
  object-fit: contain;
  transition: all 0.3s;
}
.vendors-edit-select-images .images-area .images-item img:hover {
  opacity: 0.8;
  cursor: pointer;
}
.vendors-edit-select-images .images-area .images-item p {
  color: #3B3B3B;
  font-size: 0.75rem;
  text-align: center;
}
.vendors-edit-select-images .images-area .images-item.selected::after {
  content: "✔︎";
  color: #fff;
  position: absolute;
  top: 4px;
  right: 4px;
  display: inline-block;
  padding: 2px;
  background-color: #1FA39E;
}
.vendors-edit-select-images .images-area .images-item.selected img {
  border: 2px solid #1FA39E;
}

.vendors-importExport .vendors-importExportHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.vendors-importExport .vendors-importExportHeader h3 {
  margin: 0;
}
.vendors-importExport .vendors-importExportTitle {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: bold;
  margin-bottom: 0.75rem;
}
.vendors-importExport .retry-btn {
  background-color: transparent;
  border: none;
  color: #C40000;
  text-decoration: underline;
  padding-left: 0;
}
.vendors-importExport table {
  width: 100%;
  margin-bottom: 1.25rem;
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid #d3d3d3;
}
.vendors-importExport table th,
.vendors-importExport table td {
  border: 1px solid #d3d3d3;
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 500;
  vertical-align: top;
  white-space: nowrap;
}
.vendors-importExport table th {
  background: #252525;
  color: #FFFFFF;
}
.vendors-importExport table td {
  background: #fff;
}
.vendors-importExport table td.wrap {
  white-space: normal;
  word-wrap: break-word;
  max-width: 0;
}
.vendors-importExport table th:first-child,
.vendors-importExport table th:nth-child(2) {
  width: 160px;
}
.vendors-importExport table th:nth-child(3) {
  width: 100px;
}
.vendors-importExport table th:last-child {
  width: 240px;
}
.vendors-importExport table a {
  color: #1FA39E;
  text-decoration: underline;
}

.vendors-importExport-modal {
  z-index: 200000;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.vendors-importExport-modal .wrapper {
  width: 787px;
  padding: 41px 48px 20px;
  background-color: #fff;
  position: relative;
}
.vendors-importExport-modal .wrapper .close-btn {
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 20px;
  cursor: pointer;
}

#mail-content .mail-content__ttl {
  padding-bottom: 1.25rem;
  margin-bottom: 1.25rem;
  border-bottom: 4px solid #F5F5F5;
}
#mail-content .mail-content__container {
  padding: 2rem 1.25rem;
  border: 1px solid #D3D3D3;
}
#mail-content .mail-content__container-title {
  margin: 0 0 1.5rem;
  padding: 2px 12px;
  font-weight: bold;
  position: relative;
}
#mail-content .mail-content__container-title::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background-color: #DE8A6D;
}
#mail-content .mail-content__container-body {
  background: #fff;
  border-radius: 4px;
  min-height: 500px;
}
#mail-content .mail-content__container-body__textarea {
  resize: none;
  border: 1px solid #D3D3D3;
  border-radius: 4px;
  width: 100%;
  min-height: 250px;
  padding: 0.5rem;
  line-height: 1.5;
  margin-left: -0.5rem;
}

#vendor-news .news-detail {
  overflow-x: hidden;
  background: #F5F5F5;
  border-radius: 8px;
}
#vendor-news .news-detail .news-title {
  padding: 20px;
  line-height: 1;
  text-align: left;
  background: #DE8A6D;
  color: #F5F5F5;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 24px;
}
#vendor-news .news-detail .news-image {
  display: block;
  padding: 0 20px;
  margin: 0 auto;
  margin-bottom: 24px;
  max-width: 100%;
  max-height: 500px;
}
#vendor-news .news-detail .news-body {
  padding: 0 20px;
  margin: 0 auto;
  margin-bottom: 24px;
  line-height: 2;
}

#type .mainContents {
  margin: 0 auto;
  padding-top: 62px;
  position: relative;
  background: #F9F8F8;
}
#type .mainVisual {
  position: relative;
  max-height: 771px;
}
#type .mainVisualImage {
  width: 100%;
  object-fit: cover;
  height: 630px;
}
@media screen and (max-width: 768px) {
  #type .mainVisualImage {
    height: 479px;
    object-position: 65%;
  }
}
#type .mainVisualTextWrap {
  position: absolute;
  width: 489px;
  height: 212px;
  border-radius: 10px;
  top: 524px;
  right: 8%;
  background: #FFF;
  padding: 40px;
}
@media screen and (max-width: 768px) {
  #type .mainVisualTextWrap {
    left: 8%;
    top: 346px;
    width: initial;
    height: initial;
    padding: 32px;
  }
}
#type .mainVisualTextTitle {
  font-size: 15px;
  font-weight: 700;
  line-height: 2;
  color: #DE8A6D;
}
@media screen and (max-width: 768px) {
  #type .mainVisualTextTitle {
    font-size: 13px;
    line-height: 1;
  }
}
#type .mainVisualTextSubTitle {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.36;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #type .mainVisualTextSubTitle {
    font-size: 18px;
    line-height: 1.44;
    padding-top: 16px;
  }
}
#type .mainVisualTextComment {
  font-size: 15px;
  font-weight: 500;
  line-height: 2.88;
  color: #787878;
  padding-top: 8px;
}
@media screen and (max-width: 768px) {
  #type .mainVisualTextComment {
    font-size: 14px;
    line-height: 1;
  }
}
#type .breadList {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 8%;
  max-width: 1512px;
  margin: 0 auto;
}
#type .breadList ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#type .breadList ul li {
  font-size: 11px;
  font-weight: 600;
  color: #787878;
  position: relative;
  display: flex;
  align-items: center;
}
#type .breadList ul li:last-child {
  color: #323232;
}
#type .breadList ul li:last-child div {
  display: none;
}
#type .breadList p {
  font-size: 13px;
  font-weight: 500;
  color: #323232;
}
#type .breadListArrow {
  position: relative;
  width: 10px;
  height: 10px;
  margin: 0 12px;
  transform: translateX(-25%) rotate(45deg);
}
#type .breadListArrow::before, #type .breadListArrow::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 3px;
  color: #787878;
}
#type .breadListArrow::before {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}
#type .breadListArrow::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}
#type .articleWrap {
  padding: 100px 0 80px;
}
@media screen and (max-width: 768px) {
  #type .articleWrap {
    padding: 81px 0 80px;
  }
}
#type .difference {
  padding-top: 154px;
}
@media screen and (max-width: 768px) {
  #type .difference {
    padding-top: 0;
  }
}
#type .differenceWrap {
  text-align: center;
  padding: 0 8% 120px;
  background: #F9F8F8;
  position: relative;
  max-width: 1512px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #type .differenceWrap {
    padding: 0 20px 32px;
  }
}
#type .differenceTitle {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.33;
  color: #DE8A6D;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  #type .differenceTitle {
    font-size: 18px;
  }
}
#type .differenceTitleBack {
  position: absolute;
  top: -30px;
  left: 50%;
  font-size: 80px;
  font-weight: 700;
  color: #FFF;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  #type .differenceTitleBack {
    font-size: 50px;
    top: -10px;
  }
}
#type .differenceComment {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.6;
  color: #323232;
  padding-top: 54px;
}
@media screen and (max-width: 768px) {
  #type .differenceComment {
    font-size: 14px;
    line-height: 1.714;
    text-align: left;
    padding-top: 40px;
  }
}
#type .differenceImage {
  width: 100%;
  max-width: 980px;
}
@media screen and (max-width: 768px) {
  #type .differenceImage {
    margin-top: initial;
  }
}
#type .difference table {
  border-collapse: separate;
  border-left: 1px solid #C5C0C0;
  border-top: 1px solid #C5C0C0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-top: 40px;
  width: 100%;
}
#type .difference table th {
  padding: 24px 20px;
  background: #65A09A;
  color: #FFF;
  font-size: 13px;
  font-weight: 600;
  border-right: 1px solid #C5C0C0;
  border-bottom: 1px solid #C5C0C0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #type .difference table th {
    padding: 16px;
  }
}
@media screen and (max-width: 768px) {
  #type .difference table th:first-child {
    width: 27%;
  }
}
@media screen and (max-width: 768px) {
  #type .difference table th:last-child {
    width: 36%;
  }
}
#type .difference table td {
  text-align: center;
  padding: 16px 20px;
  background: #fff;
  color: #535353;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  border-right: 1px solid #C5C0C0;
  border-bottom: 1px solid #C5C0C0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  #type .difference table td {
    padding: 16px;
  }
}
#type .differenceDetail {
  background: #FFF;
  padding: 56px 16% 56px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #type .differenceDetail {
    padding: 40px 20px;
  }
}
#type .differenceDetailTitle {
  text-align: left;
  font-size: 15px;
  font-weight: 600;
  color: #323232;
  padding-bottom: 24px;
  max-width: 980px;
  margin: 0 auto;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  #type .differenceDetailTitle {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.57;
  }
}
#type .differenceDetailComment {
  text-align: left;
  font-size: 15px;
  font-weight: 400;
  color: #323232;
  line-height: 1.83;
  padding: 24px;
  background: #F9F8F8;
  border-radius: 10px;
  max-width: 980px;
  margin: 24px auto 0;
}
@media screen and (max-width: 768px) {
  #type .differenceDetailComment {
    font-size: 14px;
    line-height: 2.14;
  }
}
#type .merit {
  padding-top: 154px;
}
@media screen and (max-width: 768px) {
  #type .merit {
    padding-top: 109px;
  }
}
#type .meritWrap {
  text-align: center;
  padding: 0 8%;
  background: #F9F8F8;
  position: relative;
  max-width: 1512px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #type .meritWrap {
    padding: 0 20px;
  }
}
#type .meritTitle {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.33;
  color: #DE8A6D;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  #type .meritTitle {
    font-size: 18px;
  }
}
#type .meritTitleBack {
  position: absolute;
  top: -30px;
  left: 50%;
  font-size: 80px;
  font-weight: 700;
  color: #FFF;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  width: 100%;
}
@media screen and (max-width: 768px) {
  #type .meritTitleBack {
    font-size: 50px;
    top: -37px;
  }
}
#type .meritComment {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.83;
  color: #323232;
  padding-top: 54px;
}
@media screen and (max-width: 768px) {
  #type .meritComment {
    font-size: 14px;
    line-height: 1.714;
    text-align: left;
    padding-top: 52px;
  }
}
#type .meritImage {
  width: 100%;
  max-width: 980px;
}
@media screen and (max-width: 768px) {
  #type .meritImage {
    margin-top: initial;
  }
}
#type .meritImageWrap {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding-left: 38%;
  margin-top: 40px;
}
#type .meritImageWrapSecond {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 12px;
  font-size: 15px;
  font-weight: 700;
}
#type .meritImageWrapSecond img {
  width: 60px;
}
#type .meritTable {
  border-collapse: separate;
  border-left: 1px solid #C5C0C0;
  border-top: 1px solid #C5C0C0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-top: 16px;
  width: 100%;
}
#type .meritTable th {
  padding: 24px 20px;
  background: #65A09A;
  color: #FFF;
  font-size: 13px;
  font-weight: 600;
  border-right: 1px solid #C5C0C0;
  border-bottom: 1px solid #C5C0C0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 18%;
  vertical-align: middle;
}
#type .meritTable td {
  text-align: left;
  padding: 20px 24px;
  background: #fff;
  color: #323232;
  font-size: 13px;
  font-weight: 500;
  line-height: 2.06;
  border-right: 1px solid #C5C0C0;
  border-bottom: 1px solid #C5C0C0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#type .meritTable tr:first-child td:nth-child(2),
#type .meritTable tr:last-child td:nth-child(2),
#type .meritTable tr td:first-child {
  font-size: 13px;
  font-weight: 500;
  vertical-align: middle;
}
#type .meritTable tr:nth-child(4) {
  height: 8px;
}
#type .meritTable tr:nth-child(4) td {
  padding: 0;
}
#type .meritTable .width1 {
  width: 20%;
}
#type .meritTable .width2 {
  width: 31%;
}
#type .meritTableSp {
  border-collapse: separate;
  border-left: 1px solid #C5C0C0;
  border-top: 1px solid #C5C0C0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-top: 24px;
  width: 100%;
}
#type .meritTableSp th {
  padding: 16px;
  background: #65A09A;
  color: #FFF;
  font-size: 13px;
  font-weight: 600;
  border-right: 1px solid #C5C0C0;
  border-bottom: 1px solid #C5C0C0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 18%;
  vertical-align: middle;
}
#type .meritTableSp td {
  text-align: left;
  padding: 16px;
  background: #fff;
  color: #323232;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.538;
  border-right: 1px solid #C5C0C0;
  border-bottom: 1px solid #C5C0C0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#type .meritTableSp tr:first-child td:nth-child(2),
#type .meritTableSp tr:last-child td:nth-child(2),
#type .meritTableSp tr td:first-child {
  font-size: 13px;
  font-weight: 500;
  vertical-align: middle;
}
#type .meritTableSp .width1 {
  width: 10%;
  text-align: center;
}
#type .meritTableSp .width2 {
  width: 90%;
}
#type .meritTableSp .width2 img {
  width: 30px;
}
#type .meritTableSpIconWrap {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 16px;
}
#type .meritTableSp .VerticalText {
  writing-mode: vertical-rl;
  text-align: center;
}
#type .meritTableSp .tCenter {
  text-align: center;
}
#type .meritTableMargin {
  margin-top: 8px;
}
@media screen and (max-width: 768px) {
  #type .meritTableMargin {
    margin-top: 16px;
  }
}
#type .meritDetail {
  background: #FFF;
  padding: 56px 8% 56px;
  text-align: center;
}
#type .meritDetailTitle {
  text-align: left;
  font-size: 18px;
  font-weight: 700;
  color: #323232;
  padding-bottom: 24px;
}
#type .meritDetailComment {
  text-align: left;
  font-size: 18px;
  font-weight: 400;
  color: #323232;
  line-height: 1.83;
  margin-top: 24px;
  padding: 24px;
  background: #F9F8F8;
  border-radius: 10px;
}

#about .mainContents {
  margin: 0 auto;
  padding-top: 62px;
  position: relative;
  background: #F9F8F8;
}
#about .mainVisual {
  position: relative;
  max-height: 771px;
}
#about .mainVisualImage {
  width: 100%;
  object-fit: cover;
  height: 630px;
}
@media screen and (max-width: 768px) {
  #about .mainVisualImage {
    height: 479px;
    object-position: 30% 0%;
  }
}
#about .mainVisualTextWrap {
  position: absolute;
  width: 489px;
  height: 212px;
  border-radius: 10px;
  top: 524px;
  right: 8%;
  background: #FFF;
  padding: 40px;
}
@media screen and (max-width: 768px) {
  #about .mainVisualTextWrap {
    left: 8%;
    top: 346px;
    width: initial;
    height: initial;
    padding: 32px;
  }
}
#about .mainVisualTextTitle {
  font-size: 15px;
  font-weight: 700;
  line-height: 2;
  color: #DE8A6D;
}
@media screen and (max-width: 768px) {
  #about .mainVisualTextTitle {
    font-size: 13px;
    line-height: 1;
  }
}
#about .mainVisualTextSubTitle {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.36;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #about .mainVisualTextSubTitle {
    font-size: 18px;
    line-height: 1.44;
    padding-top: 16px;
  }
}
#about .mainVisualTextSubTitleFont {
  font-feature-settings: "palt";
}
#about .mainVisualTextComment {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
  color: #787878;
  padding-top: 8px;
}
@media screen and (max-width: 768px) {
  #about .mainVisualTextComment {
    font-size: 14px;
    line-height: 1;
  }
}
#about .breadList {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 8%;
  max-width: 1512px;
  margin: 0 auto;
}
#about .breadList ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#about .breadList ul li {
  font-size: 11px;
  font-weight: 600;
  color: #787878;
  position: relative;
  display: flex;
  align-items: center;
}
#about .breadList ul li:last-child {
  color: #323232;
}
#about .breadList ul li:last-child div {
  display: none;
}
#about .breadList p {
  font-size: 13px;
  font-weight: 500;
  color: #323232;
}
#about .breadListArrow {
  position: relative;
  width: 10px;
  height: 10px;
  margin: 0 12px;
  transform: translateX(-25%) rotate(45deg);
}
#about .breadListArrow::before, #about .breadListArrow::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 3px;
  color: #787878;
}
#about .breadListArrow::before {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}
#about .breadListArrow::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}
#about .articleWrap {
  padding: 100px 0 0;
}
@media screen and (max-width: 768px) {
  #about .articleWrap {
    padding: 86px 0 0;
  }
}
#about .about {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 56px;
  padding: 100px 8% 80px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #about .about {
    grid-template-columns: initial;
    padding: 0 20px 50px;
    gap: 24px;
  }
}
#about .aboutImage {
  border-radius: 5px;
  width: 100%;
  max-width: 495px;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  #about .aboutImage {
    max-width: initial;
    margin: 0;
  }
}
#about .aboutTextWrap {
  display: flex;
  flex-direction: column;
  max-width: 532px;
}
#about .aboutTextTitle {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.33;
  color: #DE8A6D;
}
@media screen and (max-width: 768px) {
  #about .aboutTextTitle {
    font-size: 18px;
  }
}
#about .aboutTextComment {
  font-size: 15px;
  font-weight: 500;
  line-height: 2;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #about .aboutTextComment {
    font-size: 14px;
  }
}
#about .aboutBorder {
  position: relative;
  width: 100%;
  height: 1px;
  margin: 16px 0px 16px;
  display: block;
}
#about .aboutBorder::before {
  content: "";
  background-image: linear-gradient(to right, #C5C0C0, #C5C0C0 9px, transparent 9px, transparent 16px);
  background-size: 16px 1px;
  background-repeat: repeat-x;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#about .service {
  padding: 100px 8% 80px;
  max-width: 1512px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #about .service {
    padding: 47px 20px 48px;
  }
}
#about .serviceWrap {
  text-align: center;
  padding-bottom: 12px;
  position: relative;
}
#about .serviceTitle {
  position: relative;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.33;
  color: #DE8A6D;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  #about .serviceTitle {
    font-size: 18px;
  }
}
#about .serviceTitleBack {
  position: absolute;
  top: -25px;
  left: 50%;
  font-size: 80px;
  font-weight: 700;
  color: #FFF;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  #about .serviceTitleBack {
    font-size: 50px;
    top: -16px;
  }
}
#about .serviceComment {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.83;
  color: #323232;
  padding-top: 54px;
}
@media screen and (max-width: 768px) {
  #about .serviceComment {
    font-size: 16px;
  }
}
#about .serviceItemWrap {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 35%;
  position: relative;
}
@media screen and (max-width: 768px) {
  #about .serviceItemWrap {
    width: 100%;
    padding-top: 20px;
  }
}
#about .serviceItemWrapTitle {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  color: #65A09A;
  padding-top: 40px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  #about .serviceItemWrapTitle {
    font-size: 18px;
    padding-top: 8px;
  }
}
#about .serviceItemWrapComment {
  font-size: 15px;
  font-weight: 500;
  line-height: 2;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #about .serviceItemWrapComment {
    font-size: 14px;
    padding-bottom: 32px;
  }
}
#about .serviceItemWrapNo {
  font-size: 30px;
  font-weight: 700;
  color: #65A09A;
  line-height: 0.9;
  text-align: center;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  #about .serviceItemWrapNo {
    font-size: 25px;
  }
}
#about .serviceItemWrapNo span {
  font-size: 20px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  #about .serviceItemWrapNo span {
    font-size: 15px;
  }
}
#about .serviceItemContainer {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  gap: 22px;
}
@media screen and (max-width: 768px) {
  #about .serviceItemContainer {
    padding-top: 24px;
    gap: 0;
  }
}
@media screen and (max-width: 768px) {
  #about .serviceItemContainerSp {
    flex-wrap: wrap-reverse !important;
  }
}
#about .serviceItemImage {
  width: 48%;
}
@media screen and (max-width: 768px) {
  #about .serviceItemImage {
    width: 100%;
  }
}
#about .achieve {
  padding: 100px 16% 80px;
  background: #FFF;
}
@media screen and (max-width: 768px) {
  #about .achieve {
    padding: 56px 20px 80px;
  }
}
#about .achieveWrap {
  text-align: center;
  padding-bottom: 40px;
}
#about .achieveTitle {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.33;
  color: #DE8A6D;
}
@media screen and (max-width: 768px) {
  #about .achieveTitle {
    font-size: 18px;
  }
}
#about .achieveComment {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.6;
  color: #323232;
  padding-top: 40px;
}
@media screen and (max-width: 768px) {
  #about .achieveComment {
    font-size: 14px;
    line-height: 2;
    padding-top: 32px;
    text-align: left;
  }
}
#about .questionnaire {
  display: flex;
  justify-content: center;
  gap: 32px;
}
@media screen and (max-width: 768px) {
  #about .questionnaire {
    flex-direction: column;
    align-items: center;
  }
}
#about .questionnaireWrap {
  background: #EDF6F6;
  width: 100%;
  max-width: 531px;
  min-height: 533px;
  padding: 56px 4.7%;
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  #about .questionnaireWrap {
    max-width: initial;
    min-height: 478px;
    padding: 40px 24px;
  }
}
#about .questionnaireWrapTitle {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  color: #65A09A;
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #about .questionnaireWrapTitle {
    font-size: 15px;
    line-height: 1.46;
  }
}
#about .questionnaireWrapComment {
  font-size: 15px;
  font-weight: 500;
  line-height: 2;
  color: #323232;
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #about .questionnaireWrapComment {
    font-size: 13px;
    line-height: 1.76;
    padding-bottom: 8px;
  }
}
#about .questionnaireChatWrap {
  display: flex;
  align-items: center;
  padding-top: 24px;
  gap: 24px;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  #about .questionnaireChatWrap {
    gap: 8px;
    padding-top: 16px;
  }
}
#about .questionnaireChatWrap img {
  max-width: 5.5vw;
}
@media screen and (max-width: 768px) {
  #about .questionnaireChatWrap img {
    max-width: initial;
    width: 50px;
  }
}
#about .questionnaireChatTextRight {
  background: #DE8A6D;
  border-radius: 15px 15px 0 15px;
  padding: 24px 16px;
  font-size: 15px;
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
  color: #FFF;
  line-height: 1.44;
}
@media screen and (max-width: 768px) {
  #about .questionnaireChatTextRight {
    font-size: 14px;
    padding: 16px;
  }
}
#about .questionnaireChatTextLeft {
  background: #FFF;
  border-radius: 15px 15px 15px 0;
  padding: 24px 16px;
  font-size: 15px;
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
  color: #484848;
  border: 1px solid #DE8A6D;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  line-height: 1.44;
}
@media screen and (max-width: 768px) {
  #about .questionnaireChatTextLeft {
    font-size: 14px;
    padding: 16px;
  }
}
#about .questionnaireTitle {
  font-size: 20px;
  font-weight: 700;
  color: #65A09A;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #about .questionnaireTitle {
    font-size: 15px;
  }
}
#about .questionnaireTitleWrap {
  margin: 109px 0 48px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  #about .questionnaireTitleWrap {
    margin: 109px 0 32px;
    align-items: center;
    gap: 20px;
    margin-left: -14px;
  }
}
#about .questionnaireTitleNumber {
  font-size: 56px;
  font-weight: 700;
  color: #65A09A;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #about .questionnaireTitleNumber {
    font-size: 40px;
  }
}
#about .questionnaireTitleNumber::before {
  position: absolute;
  bottom: 25px;
  left: -18px;
  content: "";
  width: 30px;
  height: 5px;
  background: #F9A627;
  transform: rotate(55deg);
  border-radius: 3px;
}
#about .questionnaireTitleText {
  font-size: 40px;
  font-weight: 700;
  color: #65A09A;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #about .questionnaireTitleText {
    font-size: 25px;
    margin-left: -8px;
  }
}
#about .questionnaireTitleText::after {
  position: absolute;
  bottom: 25px;
  right: -30px;
  content: "";
  width: 30px;
  height: 5px;
  background: #F9A627;
  transform: rotate(-55deg);
  border-radius: 3px;
}
#about .questionnaireTitleBigWrap {
  position: relative;
  margin-left: 32px;
  margin-top: -24px;
}
@media screen and (max-width: 768px) {
  #about .questionnaireTitleBigWrap {
    margin: 0;
    padding-bottom: 16px;
  }
}
#about .questionnaireBubble {
  position: absolute;
  top: -72px;
  left: -17px;
  width: 243px;
  background: #F9A627;
  border-radius: 50px;
  border: 2px solid #FFF;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 15px;
  font-weight: 800;
  font-family: "M PLUS Rounded 1c", sans-serif;
  color: #FFF;
  padding: 16px 30px;
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.15);
  white-space: nowrap;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #about .questionnaireBubble {
    top: -80px;
    left: 0px;
    font-size: 14px;
    width: 200px;
  }
}
#about .questionnaireBubble:after, #about .questionnaireBubble:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
#about .questionnaireBubble:after {
  border-color: rgba(249, 166, 39, 0);
  border-top-width: 15px;
  border-bottom-width: 22px;
  border-left-width: 4px;
  border-right-width: 4px;
  margin-left: -10px;
  border-top-color: #F9A627;
  top: 100%;
  left: 14%;
}
#about .questionnaireBubble:before {
  border-color: rgba(249, 166, 39, 0);
  border-top-width: 17px;
  border-bottom-width: 22px;
  border-left-width: 6px;
  border-right-width: 6px;
  margin-left: -10px;
  border-top-color: #FFF;
  top: 100%;
  left: 13%;
}
#about .questionnaireBubbleWrap {
  position: relative;
}
#about .swiper {
  max-width: initial;
}
#about .swiperContainer {
  max-width: initial;
}
@media screen and (max-width: 768px) {
  #about .swiperContainer {
    max-width: 327px;
  }
}
#about .swiper-pagination {
  position: initial;
  padding-top: 15px;
}
#about .swiper-pagination-bullet {
  border: none !important;
  background: #E2E7E6 !important;
}
#about .swiper-pagination-bullet-active {
  background: #65A09A !important;
}
#about .swiperAllWrap {
  max-width: 531px;
  margin: 0 auto;
}

#seminar {
  background: #F9F8F8;
}
#seminar .mainContents {
  margin: 0 auto;
  padding-top: 62px;
  position: relative;
  background: #F9F8F8;
}
#seminar .mainVisual {
  position: relative;
  max-height: 771px;
}
#seminar .mainVisualImage {
  width: 100%;
  object-fit: cover;
  height: 630px;
}
@media screen and (max-width: 768px) {
  #seminar .mainVisualImage {
    height: 479px;
    object-position: 0px 10%;
  }
}
#seminar .mainVisual .seminarFreeAttractImage {
  position: absolute;
  top: 16px;
  right: 24px;
  z-index: 1;
  width: 142px;
  height: 139px;
}
@media screen and (max-width: 768px) {
  #seminar .mainVisual .seminarFreeAttractImage {
    width: 92px;
    height: 92px;
    top: 8px;
    right: 8px;
  }
}
#seminar .mainVisualTextWrap {
  position: absolute;
  width: 442px;
  border-radius: 20px;
  top: 308px;
  right: 64px;
  background: #65A09A;
  border: 3px solid #FFF;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  #seminar .mainVisualTextWrap {
    left: 4%;
    right: 4%;
    top: 346px;
    width: initial;
    height: initial;
    padding: 32px;
  }
}
#seminar .mainVisualTextWrap .entryLink {
  padding: 14px;
  font-size: 14px;
}
#seminar .mainVisualTextWrapSecond {
  background: #FFF;
  margin: 40px;
  padding: 24px;
  border-radius: 8px;
  border: 1px solid #E4E0E0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  #seminar .mainVisualTextWrapSecond {
    margin: 0;
  }
}
#seminar .mainVisualTextTitle {
  font-size: 15px;
  font-weight: 700;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #seminar .mainVisualTextTitle {
    font-size: 13px;
    line-height: 1;
  }
}
#seminar .mainVisualTextSubTitle {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.219;
  color: #323232;
  padding: 8px 0 0 0;
}
@media screen and (max-width: 768px) {
  #seminar .mainVisualTextSubTitle {
    font-size: 13px;
    line-height: 1.44;
    padding-top: 16px;
  }
}
#seminar .articleWrap {
  padding: 0;
}
@media screen and (max-width: 768px) {
  #seminar .articleWrap {
    padding: 0;
  }
}
#seminar .about {
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 56px;
  padding: 124px 14% 80px;
  background: #F6F2EE;
}
@media screen and (max-width: 768px) {
  #seminar .about {
    grid-template-columns: initial;
    padding: 160px 20px 50px;
    gap: 24px;
  }
}
#seminar .aboutImage {
  border-radius: 5px;
  width: 100%;
}
#seminar .aboutTextWrap {
  display: grid;
  grid-template-columns: 40% 1fr;
  align-items: center;
  padding-top: 40px;
}
@media screen and (max-width: 768px) {
  #seminar .aboutTextWrap {
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
}
#seminar .aboutTextWrapRight {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
#seminar .aboutTextWrapRightTitle {
  padding: 24px 32px;
  font-size: 18px;
  font-weight: 600;
  color: #65A09A;
  border-radius: 18px;
  border: 1px solid #DADADA;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  text-align: center;
  background: #FFF;
  width: 100%;
  margin: 0 auto;
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  #seminar .aboutTextWrapRightTitle {
    width: 95%;
    margin: 0 auto;
    font-size: 15px;
  }
}
#seminar .aboutTextWrap ul {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
#seminar .aboutTextWrap li {
  padding: 21px 21px 21px 61px;
  font-size: 18px;
  font-weight: 600;
  color: #EAB669;
  border-radius: 30px 8px 8px 30px;
  background: #FFF;
  position: relative;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  #seminar .aboutTextWrap li {
    width: 95%;
    margin: 0 auto;
    font-size: 15px;
  }
}
#seminar .aboutTextWrap li span {
  width: 60px;
  height: 60px;
  font-size: 24px;
  font-weight: 700;
  border-radius: 50%;
  background: #EAB669;
  color: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: -3%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
#seminar .aboutTextWrap li:nth-child(2) {
  color: #65A09A;
}
#seminar .aboutTextWrap li:nth-child(2) span {
  background: #65A09A;
}
#seminar .aboutTextWrap li:nth-child(3) {
  color: #DE8A6D;
}
#seminar .aboutTextWrap li:nth-child(3) span {
  background: #DE8A6D;
}
#seminar .aboutTextTitle {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.33;
  color: #DE8A6D;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #seminar .aboutTextTitle {
    font-size: 18px;
  }
}
#seminar .aboutTextComment {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.83;
  color: #323232;
  text-align: center;
  padding-top: 32px;
}
@media screen and (max-width: 768px) {
  #seminar .aboutTextComment {
    font-size: 14px;
    line-height: 2;
    text-align: left;
    padding-top: 16px;
  }
}
#seminar .aboutBorder {
  position: relative;
  width: 100%;
  height: 1px;
  margin: 16px 0px 16px;
  display: block;
}
#seminar .aboutBorder::before {
  content: "";
  background-image: linear-gradient(to right, #C5C0C0, #C5C0C0 9px, transparent 9px, transparent 16px);
  background-size: 16px 1px;
  background-repeat: repeat-x;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#seminar .assignment {
  padding: 60px 4% 124px;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 768px) {
  #seminar .assignment {
    padding: 40px 20px 100px;
  }
}
#seminar .assignmentTextTitle {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.33;
  color: #DE8A6D;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #seminar .assignmentTextTitle {
    font-size: 18px;
  }
}
#seminar .assignmentTextComment {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.83;
  color: #323232;
  text-align: center;
  padding-top: 32px;
}
@media screen and (max-width: 768px) {
  #seminar .assignmentTextComment {
    font-size: 14px;
    line-height: 2;
    padding-top: 16px;
  }
}
#seminar .assignmentGrid {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 32px;
  padding-top: 40px;
}
@media screen and (max-width: 768px) {
  #seminar .assignmentGrid {
    gap: 41.5px;
    flex-direction: column;
    align-items: center;
    margin: auto;
  }
}
#seminar .assignmentRelative {
  position: relative;
}
@media screen and (max-width: 768px) {
  #seminar .assignmentRelative img {
    width: 272px;
    height: 272px;
  }
}
#seminar .assignmentTitle {
  font-size: 18px;
  font-weight: 600;
  padding-top: 24px;
  line-height: 1.2;
  height: 67px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  #seminar .assignmentTitle {
    padding-top: 16px;
    font-size: 16px;
  }
}
#seminar .assignmentSubTitle {
  font-size: 15px;
  font-weight: 500;
  padding-top: 16px;
  line-height: 1.6;
  max-width: 262px;
  margin: 0 auto;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #seminar .assignmentSubTitle {
    font-size: 13px;
  }
}
#seminar .assignmentArrowIcon {
  position: absolute;
  bottom: 45px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  z-index: 1;
}
#seminar .assignmentImage {
  width: 278px;
  height: 278px;
}
@media screen and (max-width: 768px) {
  #seminar .assignmentImage {
    width: initial;
    height: initial;
  }
}
#seminar .assignmentImageAdjustment {
  margin-top: -7px;
  height: 288px;
}
@media screen and (max-width: 768px) {
  #seminar .assignmentImageAdjustment {
    margin-top: 0;
    height: initial;
  }
}
#seminar .pointTop {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  margin-top: 40px;
  font-family: "Montserrat", sans-serif;
}
@media screen and (max-width: 768px) {
  #seminar .pointTop {
    margin-top: 40px;
    display: grid;
  }
}
#seminar .pointTopWrap {
  padding: 44px 4% 80px;
  background: #F6F2EE;
  position: relative;
  font-size: 18px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  #seminar .pointTopWrap {
    padding: 44px 20px 80px;
  }
}
#seminar .pointTopWrapTitle {
  padding: 24px 32px;
  color: #FFF;
  text-align: center;
  background: #DE8A6D;
  border-radius: 18px;
  position: absolute;
  top: -33px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  width: 428px;
  border: 4px solid #FFF;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  #seminar .pointTopWrapTitle {
    width: 320px;
  }
}
#seminar .pointTopWrapTitle::before {
  position: absolute;
  top: 21px;
  left: 93px;
  width: 4px;
  height: 23px;
  content: "";
  background: #FFF;
  transform: rotate(-40deg);
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  #seminar .pointTopWrapTitle::before {
    left: 43px;
  }
}
#seminar .pointTopWrapTitle::after {
  position: absolute;
  top: 21px;
  right: 93px;
  width: 4px;
  height: 23px;
  content: "";
  background: #FFF;
  transform: rotate(40deg);
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  #seminar .pointTopWrapTitle::after {
    right: 38px;
  }
}
#seminar .pointTopBox {
  border-radius: 10px;
  background: #FFF;
  position: relative;
  max-width: 350px;
  height: 268px;
  text-align: center;
  padding: 56px 32px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  #seminar .pointTopBox {
    width: 320px;
    padding: 32px 16px;
    height: initial;
  }
}
#seminar .pointTopTitle {
  font-size: 20px;
  font-weight: 700;
  color: #65A09A;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  #seminar .pointTopTitle {
    font-size: 18px;
  }
}
#seminar .pointTopComment {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #seminar .pointTopComment {
    font-size: 14px;
  }
}
#seminar .pointTopComment span {
  color: #FF0000;
}
#seminar .pointTopCommentPadding {
  padding: 0 12px;
}
#seminar .pointTopImage {
  margin-top: 32px;
  margin-bottom: -68px;
  border-radius: 15px;
  width: 100%;
}
#seminar .flow {
  padding: 100px 14% 80px;
  background: #F6F2EE;
}
@media screen and (max-width: 768px) {
  #seminar .flow {
    padding: 47px 20px 40px;
  }
}
#seminar .flowWrap {
  text-align: center;
  padding-bottom: 12px;
  position: relative;
}
#seminar .flowTitle {
  padding: 37.5px 0px;
  color: #FFF;
  text-align: center;
  background: #65A09A;
  border-radius: 18px;
  width: 428px;
  border: 4px solid #FFF;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin: 0 auto;
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  #seminar .flowTitle {
    width: 320px;
  }
}
#seminar .flowTitleBack {
  position: absolute;
  top: -30px;
  left: 50%;
  font-size: 80px;
  font-weight: 700;
  color: #FFF;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  #seminar .flowTitleBack {
    font-size: 50px;
    top: -16px;
  }
}
#seminar .flowTitleCaption {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.6;
  color: #323232;
  text-align: center;
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  #seminar .flowTitleCaption {
    text-align: left;
    margin-top: 40px;
    font-size: 14px;
    line-height: 1.714;
  }
}
#seminar .flowComment {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.83;
  color: #323232;
  padding-top: 54px;
}
@media screen and (max-width: 768px) {
  #seminar .flowComment {
    font-size: 16px;
  }
}
#seminar .flowItemWrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 48%;
  position: relative;
}
@media screen and (max-width: 768px) {
  #seminar .flowItemWrap {
    width: 100%;
  }
}
#seminar .flowItemWrapTitle {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  color: #65A09A;
  padding-top: 16px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  #seminar .flowItemWrapTitle {
    padding-top: 18px;
    padding-top: 8px;
  }
}
#seminar .flowItemWrapComment {
  font-size: 15px;
  font-weight: 500;
  line-height: 2;
  color: #323232;
  width: 100%;
  word-break: break-all;
}
@media screen and (max-width: 768px) {
  #seminar .flowItemWrapComment {
    font-size: 14px;
  }
}
#seminar .flowItemWrapComment a {
  text-decoration: underline;
}
#seminar .flowItemWrapNo {
  font-size: 30px;
  font-weight: 700;
  color: #65A09A;
  line-height: 0.9;
  text-align: center;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  #seminar .flowItemWrapNo {
    font-size: 25px;
  }
}
#seminar .flowItemWrapNo span {
  font-size: 20px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  #seminar .flowItemWrapNo span {
    font-size: 15px;
  }
}
#seminar .flowItemContainer {
  display: flex;
  justify-content: center;
  gap: 32px;
  background: #FFF;
  border-radius: 15px;
  min-height: 304px;
  max-width: 950px;
  margin: 80px auto 0;
  padding: 16px;
}
@media screen and (max-width: 768px) {
  #seminar .flowItemContainer {
    padding-top: 30px;
    margin: 32px auto 0;
    flex-wrap: wrap;
    gap: 0;
  }
}
@media screen and (max-width: 768px) {
  #seminar .flowItemContainerSp {
    flex-wrap: wrap-reverse !important;
  }
}
#seminar .flowItemImage {
  width: 40%;
  object-fit: contain;
}
@media screen and (max-width: 768px) {
  #seminar .flowItemImage {
    width: 75%;
  }
}
#seminar .flowItemImageMarginTop {
  margin-top: -20px;
}
@media screen and (max-width: 768px) {
  #seminar .flowItemImageMarginTop {
    wmargin-top: 0;
  }
}
#seminar .Border {
  position: relative;
  width: 100%;
  max-width: 531px;
  height: 1px;
  margin: 16px auto 16px;
  display: block;
}
#seminar .Border::before {
  content: "";
  background-image: linear-gradient(to right, #C5C0C0, #C5C0C0 9px, transparent 9px, transparent 16px);
  background-size: 16px 1px;
  background-repeat: repeat-x;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#seminar .price {
  margin-top: 80px;
  margin-bottom: 80px;
  padding: 0 14% 0;
  position: relative;
}
@media screen and (max-width: 768px) {
  #seminar .price {
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 0 20px 0;
  }
}
#seminar .priceWrap {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  gap: 19px;
  margin-top: 80px;
  font-family: "Montserrat", sans-serif;
}
@media screen and (max-width: 768px) {
  #seminar .priceWrap {
    margin-top: 32px;
  }
}
#seminar .priceHeadTitle {
  position: relative;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.33;
  color: #DE8A6D;
  z-index: 1;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #seminar .priceHeadTitle {
    font-size: 18px;
  }
}
#seminar .priceHeadTitleBack {
  position: absolute;
  top: -30px;
  left: 50%;
  font-size: 80px;
  font-weight: 700;
  color: #FFF;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  #seminar .priceHeadTitleBack {
    top: -16px;
    font-size: 50px;
  }
}
#seminar .priceHeadTitleCaption {
  font-size: 15px;
  font-weight: 500;
  color: #323232;
  text-align: center;
  margin-top: 24px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  #seminar .priceHeadTitleCaption {
    text-align: left;
    font-size: 14px;
    line-height: 1.714;
    margin-top: 40px;
    letter-spacing: -0.6px;
  }
}
#seminar .priceHeadTitleCaption span {
  color: #FF0000;
  font-size: 13px;
}
#seminar .priceBox {
  border-radius: 10px;
  background: #FFF;
  position: relative;
  height: 204px;
  text-align: center;
  padding: 56px 47px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  #seminar .priceBox {
    width: 92%;
    padding: 40px;
  }
}
#seminar .priceTitle {
  font-size: 20px;
  font-weight: 700;
  color: #65A09A;
}
#seminar .priceText {
  font-size: 23px;
  font-weight: 700;
  color: #65A09A;
}
#seminar .priceTax {
  font-size: 16px;
  font-weight: 700;
  color: #65A09A;
}
#seminar .priceComment {
  font-size: 15px;
  font-weight: 500;
  line-height: 2;
  color: #323232;
  padding-top: 16px;
}
@media screen and (max-width: 768px) {
  #seminar .priceComment {
    font-size: 15px;
  }
}
#seminar .priceImage {
  margin-top: 32px;
  margin-bottom: -68px;
  border-radius: 15px;
  width: 100%;
}
#seminar .faq {
  padding: 80px 14%;
  font-family: "DM Sans", sans-serif;
  background: #F9F8F8;
  position: relative;
}
@media screen and (max-width: 768px) {
  #seminar .faq {
    padding: 40px 20px;
  }
}
#seminar .faqHeadTitle {
  position: relative;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.33;
  color: #DE8A6D;
  z-index: 1;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #seminar .faqHeadTitle {
    font-size: 18px;
  }
}
#seminar .faqHeadTitleBack {
  position: absolute;
  top: 48px;
  left: 50%;
  font-size: 80px;
  font-weight: 700;
  color: #FFF;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  #seminar .faqHeadTitleBack {
    font-size: 50px;
    top: 25px;
  }
}
#seminar .faqHeadTitleCaption {
  font-size: 15px;
  font-weight: 500;
  color: #323232;
  text-align: center;
  margin-top: 54px;
}
@media screen and (max-width: 768px) {
  #seminar .faqHeadTitleCaption {
    margin-top: 40px;
    font-size: 14px;
    line-height: 1.714;
  }
}
#seminar .faqAccordionArea {
  list-style: none;
  margin: 0 auto;
}
#seminar .faqAccordionAreaLi {
  margin: 34px 0;
}
@media screen and (max-width: 768px) {
  #seminar .faqAccordionAreaLi {
    margin: 20px 0;
  }
}
#seminar .faqBigTitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  cursor: pointer;
  font-size: 18px;
  font-weight: 500;
  padding: 36px 32px;
  transition: all 0.5s ease;
  background: #FFF;
  border-radius: 18px;
  border: 1px solid #DADADA;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-shadow: 0px 3px 14px 0px rgba(116, 116, 116, 0.03), 0px -2px 4px 0px rgba(116, 116, 116, 0.02), 0px 12px 24px 0px rgba(116, 116, 116, 0.04);
}
@media screen and (max-width: 768px) {
  #seminar .faqBigTitle {
    font-size: 22px;
    padding: 22px 20px;
  }
}
#seminar .faqClose .faqIconWrap, #seminar .faqCloseInner .faqIconWrap {
  background: #65A09A;
  box-shadow: initial;
}
#seminar .faqClose .faqIcon, #seminar .faqCloseInner .faqIcon {
  top: 44%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(135deg);
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
  -ms-transform: translate(-50%, -50%) rotate(135deg);
}
#seminar .faqClose .faqIcon::before, #seminar .faqClose .faqIcon::after, #seminar .faqCloseInner .faqIcon::before, #seminar .faqCloseInner .faqIcon::after {
  background: #FFF;
}
#seminar .faqClose::before {
  transform: rotate(45deg);
}
#seminar .faqClose::after {
  transform: rotate(-45deg);
}
#seminar .faqBox {
  background: #E2E7E6;
  padding: 40px;
  border-radius: 20px;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  #seminar .faqBox {
    margin-top: 24px;
    padding: 3% 4%;
  }
}
#seminar .faqIcon {
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  left: 40%;
  transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
}
#seminar .faqIcon::before, #seminar .faqIcon::after {
  content: "";
  position: absolute;
  background: #323232;
  border-radius: 3px;
}
#seminar .faqIcon::before {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}
#seminar .faqIcon::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}
#seminar .faqIconWrap {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #FFF;
  position: relative;
  box-shadow: 0px 5px 16px 0px rgba(8, 15, 52, 0.06);
}
#seminar .faqAccordionAreaInner {
  list-style: none;
  margin: 0 auto;
}
#seminar .faqAccordionAreaLiInner {
  margin: 29px 0;
  background: #FFF;
  border-radius: 18px;
  box-shadow: 0px 5px 16px 0px rgba(8, 15, 52, 0.06);
}
@media screen and (max-width: 768px) {
  #seminar .faqAccordionAreaLiInner {
    margin: 20px 0;
  }
}
#seminar .faqAccordionAreaLiInnerOpen {
  border: 2px solid #65A09A;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-shadow: 0px 6px 16px 0px rgba(101, 160, 154, 0.19);
}
#seminar .faqAccordionAreaLiInnerOpen .faqBigTitleInner {
  font-weight: 600;
}
#seminar .faqBigTitleInner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  cursor: pointer;
  font-size: 18px;
  font-weight: 500;
  padding: 3%;
}
@media screen and (max-width: 768px) {
  #seminar .faqBigTitleInner {
    font-size: 15px;
    padding: 24px 32px;
    line-height: 1.6;
    gap: 16px;
  }
}
#seminar .faqBigTitleInnerFirst {
  width: 69%;
}
#seminar .faqCloseInner::before {
  transform: rotate(45deg);
}
#seminar .faqCloseInner::after {
  transform: rotate(-45deg);
}
#seminar .faqBoxInner {
  display: none; /*はじめは非表示*/
  background: #FFF;
  margin: -3% 0 0;
  padding: 6.5px 3% 3%;
  color: #6F6C90;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.66;
  border-radius: 18px;
  width: 93%;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  #seminar .faqBoxInner {
    font-size: 16px;
    padding: 0px 32px 40px;
    width: 100%;
  }
}
#seminar .faqBoxInnerAnswer {
  font-size: 15px;
  font-weight: 400;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #seminar .faqBoxInnerAnswer {
    font-size: 14px;
  }
}
#seminar .faqComment {
  font-size: 15px;
  padding-top: 24px;
  text-align: center;
}
#seminar .faqLink {
  color: #65A09A;
  text-decoration: underline;
}
#seminar .entry {
  background: #65A09A;
  padding: 56px 8%;
}
@media screen and (max-width: 768px) {
  #seminar .entry {
    padding: 40px 20px;
  }
}
#seminar .entryHeadTitle {
  font-size: 20px;
  font-weight: 700;
  color: #FFF;
  text-align: center;
  max-width: 457px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 768px) {
  #seminar .entryHeadTitle {
    font-size: 15px;
    line-height: 1.66;
    width: 255px;
  }
}
#seminar .entryHeadTitle::before {
  position: absolute;
  bottom: 0px;
  left: -33px;
  content: "";
  width: 30px;
  height: 5px;
  background: #FFF;
  transform: rotate(45deg);
  border-radius: 3px;
}
@media screen and (max-width: 768px) {
  #seminar .entryHeadTitle::before {
    bottom: 15px;
    left: 0px;
  }
}
#seminar .entryHeadTitle::after {
  position: absolute;
  bottom: 0px;
  right: -33px;
  content: "";
  width: 30px;
  height: 5px;
  background: #FFF;
  transform: rotate(-45deg);
  border-radius: 3px;
}
@media screen and (max-width: 768px) {
  #seminar .entryHeadTitle::after {
    bottom: 15px;
    right: 0px;
  }
}
#seminar .entryWrap {
  background: #FFF;
  border-radius: 8px;
  padding: 24px;
  max-width: 490px;
  margin: 24px auto 0;
}
#seminar .entryWrapTitle {
  font-size: 15px;
  font-weight: 700;
  color: #323232;
}
#seminar .entryWrapTitleCaption {
  font-size: 15px;
  font-weight: 400;
  color: #323232;
  padding-top: 8px;
}
#seminar .entryLink {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 24px;
  border-radius: 30px;
  background: #DE8A6D;
  font-size: 15px;
  font-weight: 700;
  color: #FFF;
  width: 100%;
  padding: 18px 42px;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  #seminar .entryLink {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  #seminar .entryLinkSp {
    position: fixed;
    bottom: 15px;
    right: 0;
    left: 0;
    max-width: 490px;
    margin: 0 auto;
    width: calc(100% - 88px);
  }
}
#seminar .entryLinkPc {
  display: block !important;
}
@media screen and (max-width: 768px) {
  #seminar .entryLinkPc {
    display: none !important;
  }
}
#seminar .entryLink::before {
  content: url(/assets/mail-983f1f44ef3462b7aaf5f8a4929c9d3b2ae603c57842ce66183d68666441a845.svg);
  padding-right: 6px;
}
#seminar .entryFollow {
  background: #65A09A;
  padding: 16px;
  position: fixed;
  bottom: 40px;
  left: 40px;
  z-index: 3;
  border-radius: 12px;
  display: none;
}
#seminar .entryFollow .entryWrap {
  margin: 0 auto;
  padding: 24px 24px 29px;
}
#seminar .entryFollow .entryWrapTitleCaption {
  font-size: 13px;
}
#seminar .entryFollow .entryLink {
  font-size: 14px;
  padding: 15px 42px;
}
#seminar .publish {
  height: 134px;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: space-around;
  color: #FFF;
  margin: 0 auto;
  padding: 0 4% 0;
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  #seminar .publish {
    font-size: 12px;
    flex-direction: column;
    justify-content: center;
    gap: 16px;
  }
}
#seminar .publishTitle {
  font-size: 20px;
  font-weight: 700;
  color: #FFF;
}
@media screen and (max-width: 768px) {
  #seminar .publishTitle {
    font-size: 18px;
  }
}
#seminar .publishLink {
  max-width: 258px;
  width: 100%;
  height: 54px;
  border-radius: 32px;
  background: #FFF;
  color: #65A09A;
  border: 2px solid #65A09A;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding-right: 16px;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  #seminar .publishLink {
    max-width: 200px;
  }
}
#seminar .publishLink::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 16%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 13px;
  height: 2px;
  background: #65A09A;
}
#seminar .publishLink::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 7px;
  height: 7px;
  border-top: 2px solid #65A09A;
  border-right: 2px solid #65A09A;
  top: 48%;
  right: 16%;
  transform: translateX(-25%) rotate(45deg) translateY(-50%);
  -webkit-transform: ranslateX(-25%) rotate(45deg) translateY(-50%);
  -ms-transform: ranslateX(-25%) rotate(45deg) translateY(-50%);
}
#seminar .ribbon {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  top: 0;
  left: 32px;
  margin: 0;
  padding-top: 32px;
  z-index: 2;
  width: 134px;
  height: 106px;
  color: #FFF;
  background: #F9A627;
  border-left: 3px solid #FFF;
  border-right: 3px solid #FFF;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  #seminar .ribbon {
    width: 104px;
    height: 82px;
    left: 15px;
  }
}
#seminar .ribbonTitle {
  font-size: 15px;
  font-weight: 600;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #seminar .ribbonTitle {
    font-size: 12px;
  }
}
#seminar .ribbonNumber {
  font-size: 20px;
  font-weight: 600;
  line-height: 40px;
}
@media screen and (max-width: 768px) {
  #seminar .ribbonNumber {
    font-size: 14px;
  }
}
#seminar .ribbonNumberArea {
  display: flex;
  align-items: baseline;
}
#seminar .ribbonNumberUnit {
  font-size: 12px;
  font-weight: 600;
  line-height: 40px;
}
#seminar .ribbon:before {
  content: "";
  position: absolute;
  left: -3px;
  top: 100%;
  height: 4px;
  width: 0;
  border-left: 67px solid #FFF;
  border-right: 67px solid #FFF;
  border-bottom: 22px solid transparent;
}
@media screen and (max-width: 768px) {
  #seminar .ribbon:before {
    left: -3px;
    border-left: 52px solid #FFF;
    border-right: 52px solid #FFF;
  }
}
#seminar .ribbon:after {
  content: "";
  position: absolute;
  left: 0px;
  top: 100%;
  height: 0;
  width: 0px;
  border-left: 64px solid #F9A627;
  border-right: 64px solid #F9A627;
  border-bottom: 22px solid transparent;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  #seminar .ribbon:after {
    border-left: 49px solid #F9A627;
    border-right: 49px solid #F9A627;
  }
}
#seminar .swiper {
  max-width: initial;
}
#seminar .swiper-slide {
  height: 424px;
}
#seminar .swiperContainer {
  max-width: initial;
}
@media screen and (max-width: 768px) {
  #seminar .swiperContainer {
    max-width: 327px;
  }
}
#seminar .swiper-pagination {
  position: initial;
  padding-top: 15px;
}
#seminar .swiper-pagination-bullet {
  border: none !important;
  background: #E2E7E6 !important;
}
#seminar .swiper-pagination-bullet-active {
  background: #65A09A !important;
}

#trial_application {
  background: #F9F8F8;
}
#trial_application .ts-wrapper {
  height: 53px;
}
#trial_application .mainContents {
  margin: 0 auto;
  background: #F9F8F8;
  padding: 98px 0px 0px;
}
@media screen and (max-width: 768px) {
  #trial_application .mainContents {
    padding: 86px 0px 0px;
  }
}
#trial_application .appForm {
  background: #FFF;
  border-radius: 10px;
  border: 1px solid #E4E0E0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 40px 40px 80px;
  margin: 0 14% 80px;
}
@media screen and (max-width: 768px) {
  #trial_application .appForm {
    margin: 0 4% 80px;
    padding: 32px 16px 24px;
  }
}
#trial_application .appFormTitle {
  width: 100%;
  font-size: 20px;
  font-weight: 600;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #trial_application .appFormTitle {
    font-size: 16px;
  }
}
#trial_application .appFormComment {
  width: 100%;
  font-size: 15px;
  font-weight: 400;
  color: #979797;
  font-family: "Poppins", sans-serif;
  padding-top: 9px;
}
@media screen and (max-width: 768px) {
  #trial_application .appFormComment {
    font-size: 12px;
  }
}
#trial_application .appFormCommentChild {
  font-size: 15px;
  font-weight: 400;
  color: #979797;
  font-family: "Poppins", sans-serif;
  padding-top: 9px;
}
@media screen and (max-width: 768px) {
  #trial_application .appFormCommentChild {
    font-size: 12px;
  }
}
#trial_application .appFormHeadTitle {
  width: 100%;
  font-size: 15px;
  font-weight: 600;
  color: #323232;
  font-family: "Poppins", sans-serif;
  padding-top: 24px;
}
@media screen and (max-width: 768px) {
  #trial_application .appFormHeadTitle {
    font-size: 14px;
    padding-bottom: 4px;
  }
}
#trial_application .appFormInputTitle {
  font-size: 14px;
  font-weight: 400;
  color: #323232;
  font-family: "Poppins", sans-serif;
}
@media screen and (max-width: 768px) {
  #trial_application .appFormInputTitle {
    font-size: 13px;
  }
}
#trial_application .appFormInputTitleArea {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding-top: 17px;
}
@media screen and (max-width: 768px) {
  #trial_application .appFormInputTitleArea {
    padding-top: 8px;
  }
}
#trial_application .appFormInputTitleAreaBetween {
  justify-content: space-between;
}
#trial_application .appFormRequired {
  font-size: 11px;
  font-weight: 500;
  color: #D96060;
  font-family: "Noto Sans JP", sans-serif;
  border-radius: 6px;
  border: 1px solid #D96060;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px 8px;
}
#trial_application .appFormInputArea {
  width: 100%;
  height: 53px;
  background: #FFF;
  border: 1px solid #DAD8D8;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 16px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  color: #323232;
  border-radius: 12px;
  padding-left: 16px;
  margin-top: 8px;
}
@media screen and (max-width: 768px) {
  #trial_application .appFormInputArea {
    font-size: 13px;
  }
}
#trial_application .appFormInputArea::placeholder {
  color: #959595;
  font-size: 14px;
}
#trial_application .appFormInputSelectArea label {
  position: relative;
  display: block;
  background: #fff;
}
#trial_application .appFormInputSelectArea label:before {
  position: absolute;
  content: "";
  top: 50%;
  right: 10px;
  width: 0px;
  height: 0px;
  margin: -2px 0 0 0;
  border: 5px solid transparent;
  border-top: 5px solid #BCC3CC;
  cursor: pointer;
  pointer-events: none;
}
#trial_application .appFormInputSelectArea #trial_apply_daycare_center_id {
  display: none;
}
#trial_application .appFormInputSelectArea select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  padding: 0px 15px;
  border: none;
  background: transparent;
  width: 100%;
  height: 51px;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #cbced6;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-top: 16px;
  font-size: 13px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #trial_application .appFormInputSelectArea select {
    margin-top: 8px;
  }
}
#trial_application .appFormInputSelectArea ::-ms-expand {
  display: none;
}
#trial_application .appFormMail {
  width: 100%;
  font-size: 18px;
  font-weight: 600;
  color: #323232;
  font-family: "Poppins", sans-serif;
}
@media screen and (max-width: 768px) {
  #trial_application .appFormMail {
    font-size: 16px;
  }
}
#trial_application .appFormMailAdd {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #65A09A;
  width: 233px;
  height: 56px;
  border-radius: 50px;
  color: #FFF;
  font-size: 14px;
  font-weight: 700;
  margin: 40px auto;
  cursor: pointer;
  transition: 0.4s;
}
#trial_application .appFormMailAddIcon {
  display: inline-block;
  position: relative;
  width: 18px;
  height: 18px;
  margin: 0 5px;
}
#trial_application .appFormMailAddIcon::before, #trial_application .appFormMailAddIcon::after {
  display: block;
  content: "";
  background-color: #FFF;
  border-radius: 10px;
  position: absolute;
  width: 17px;
  height: 3px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#trial_application .appFormMailAddIcon::before {
  width: 3px;
  height: 17px;
}
#trial_application .privacy {
  height: 134px;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 15px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  color: #FFF;
  margin: 0 auto;
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
}
@media screen and (max-width: 768px) {
  #trial_application .privacy {
    font-size: 12px;
  }
}
#trial_application .privacyJsActive {
  display: flex;
}
#trial_application .privacyJsActive {
  display: flex;
}
#trial_application .privacy a {
  text-decoration-line: underline;
}
#trial_application .privacy a.privacyButton {
  text-decoration-line: none;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
}
#trial_application .privacyButton {
  appearance: none;
  -webkit-appearance: none;
  max-width: 201px;
  width: 100%;
  height: 54px;
  border-radius: 32px;
  background: #D8D8D8;
  color: #FFF;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  #trial_application .privacyButton {
    font-size: 13px;
    max-width: 310px;
  }
}
#trial_application .privacyButtonJsActive {
  background: #65A09A;
  border: none;
  color: #FFF;
}
#trial_application .privacyButton:hover {
  opacity: 1;
  background: #80BEB8;
}
#trial_application .privacyButton:disabled:hover {
  opacity: 1;
  background: #D8D8D8;
  cursor: initial;
}
#trial_application .privacyButtonArea {
  max-width: 418px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding-top: 17px;
}
@media screen and (max-width: 768px) {
  #trial_application .privacyButtonArea {
    align-items: center;
    padding: 16px 16px 0;
  }
}
#trial_application .privacyButtonCancel {
  max-width: 201px;
  width: 100%;
  height: 54px;
  border-radius: 32px;
  background: #FFF;
  color: #65A09A;
  border: 2px solid #65A09A;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  transition: 0.4s;
  text-decoration-line: none !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  #trial_application .privacyButtonCancel {
    font-size: 13px;
    max-width: 310px;
  }
}
#trial_application .privacyButtonCancel:hover {
  opacity: 1;
  color: #80BEB8;
  border-color: #80BEB8;
}
#trial_application .privacyCheckArea {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
}
#trial_application .deleteButton {
  background: none;
  font-size: 14px;
  font-weight: 600;
  color: #65A09A;
  display: flex;
  align-items: center;
}
#trial_application .deleteButtonWrap {
  display: flex;
  align-items: center;
}
#trial_application .errorText {
  color: red;
  margin-top: 8px;
}
#trial_application input[type=checkbox] {
  position: relative;
  height: 18px;
  width: 18px;
  display: inline-block;
  border-radius: 5px;
  border: 2px solid #ccc;
  background: #fff;
  -webkit-appearance: none;
  appearance: none;
  flex-shrink: 0;
}
#trial_application input[type=checkbox]:checked {
  border: none;
  background: #65A09A;
}
#trial_application input[type=checkbox]:checked::before,
#trial_application input[type=checkbox]:checked::after {
  display: block;
  content: "";
  position: absolute;
  border-radius: 2px;
  transform: rotate(45deg);
  background: #fff;
}
#trial_application input[type=checkbox]:checked::before {
  bottom: 6px;
  left: 2px;
  width: 8px;
  height: 3px;
}
#trial_application input[type=checkbox]:checked::after {
  bottom: 4px;
  left: 10px;
  width: 3px;
  height: 11px;
}
#trial_application .deleteIcon {
  width: 24px;
  height: 24px;
  background: url(/assets/delete_green-0d017f0d8d88e383926cd612a61b2c4767fe6e62aa479fbef9983be3255a392b.svg) no-repeat center center;
}
#trial_application .footerTopButton {
  top: -10px;
}
#trial_application .notFoundLink {
  text-decoration: underline;
  color: #EAB669;
  font-size: 12px;
  margin-top: 8px;
  display: inline-block;
}

#trial_application_conform .mainContents {
  margin: 0 auto;
  background: #F9F8F8;
  padding: 98px 0px 28px;
}
@media screen and (max-width: 768px) {
  #trial_application_conform .mainContents {
    padding: 86px 0px 16px;
  }
}
#trial_application_conform .conformTable {
  font-family: "Noto Sans JP", sans-serif;
  width: 100%;
  border-bottom: 1px solid #E6E6E6;
  border-right: 1px solid #E6E6E6;
  margin-top: 16px;
}
#trial_application_conform .conformTableTh {
  background: #F6F2EE;
  color: #323232;
  font-size: 13px;
  font-weight: 500;
  text-align: left;
  border-top: 1px solid #E6E6E6;
  border-left: 1px solid #E6E6E6;
  width: 20%;
  padding: 12px 16px;
}
@media screen and (max-width: 768px) {
  #trial_application_conform .conformTableTh {
    display: inline-block;
    width: 100%;
  }
}
#trial_application_conform .conformTableTd {
  background: #FFF;
  color: #323232;
  font-size: 14px;
  font-weight: 500;
  border-top: 1px solid #E6E6E6;
  border-left: 1px solid #E6E6E6;
  width: 80%;
  padding: 8px 12px;
}
@media screen and (max-width: 768px) {
  #trial_application_conform .conformTableTd {
    display: inline-block;
    width: 100%;
  }
}
#trial_application_conform .conformTable .tdTextAreaHeight {
  height: 130px;
}
#trial_application_conform .appForm {
  background: #FFF;
  border-radius: 10px;
  border: 1px solid #E4E0E0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 40px;
  margin: 0 14% 0;
}
@media screen and (max-width: 768px) {
  #trial_application_conform .appForm {
    margin: 0 4% 0;
    padding: 32px 16px 24px;
  }
}
#trial_application_conform .appFormTitle {
  width: 100%;
  font-size: 32px;
  font-weight: 600;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #trial_application_conform .appFormTitle {
    font-size: 16px;
    padding-top: 0px;
  }
}
#trial_application_conform .appFormTitleChild {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #323232;
  padding-top: 40px;
}
@media screen and (max-width: 768px) {
  #trial_application_conform .appFormTitleChild {
    font-size: 14px;
    padding-top: 32px;
  }
}
#trial_application_conform .appFormComment {
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  color: #979797;
  font-family: "Poppins", sans-serif;
  padding-top: 9px;
}
@media screen and (max-width: 768px) {
  #trial_application_conform .appFormComment {
    font-size: 12px;
  }
}
#trial_application_conform .appFormCommentChild {
  font-size: 15px;
  font-weight: 400;
  color: #979797;
  font-family: "Poppins", sans-serif;
  padding-top: 9px;
}
@media screen and (max-width: 768px) {
  #trial_application_conform .appFormCommentChild {
    font-size: 12px;
  }
}
#trial_application_conform .appFormParent {
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  color: #323232;
  font-family: "Poppins", sans-serif;
  padding-top: 24px;
}
@media screen and (max-width: 768px) {
  #trial_application_conform .appFormParent {
    font-size: 14px;
    padding-bottom: 4px;
  }
}
#trial_application_conform .appFormInputRadioArea {
  display: flex;
  justify-content: center;
  margin-top: 8px;
  gap: 8px;
  color: #323232;
}
#trial_application_conform .appFormInputRadioAreaTitle {
  font-size: 14px;
  font-weight: 400;
  font-family: "Noto Sans JP", sans-serif;
  width: 100%;
  height: 57px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  margin: 0 auto;
  border: 1px solid #DAD8D8;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  #trial_application_conform .appFormInputRadioAreaTitle {
    font-size: 13px;
  }
}
#trial_application_conform .appFormInputRadioAreaSelect {
  accent-color: cadetblue;
  margin-right: 8px;
}
#trial_application_conform .appFormInputRadioArea label {
  width: 100%;
  cursor: pointer;
}
#trial_application_conform .appFormInputRadioAreaPadding {
  padding-top: 24px;
}
#trial_application_conform .appFormChild {
  width: 100%;
  font-size: 18px;
  font-weight: 600;
  color: #323232;
  font-family: "Poppins", sans-serif;
}
@media screen and (max-width: 768px) {
  #trial_application_conform .appFormChild {
    font-size: 16px;
  }
}
#trial_application_conform .appFormChildInfo {
  padding-top: 19px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 768px) {
  #trial_application_conform .appFormChildInfo {
    padding-top: 16px;
    padding-bottom: 8px;
  }
}
#trial_application_conform .appFormChildInfo label {
  display: flex;
  align-items: center;
  gap: 11px;
  cursor: pointer;
}
#trial_application_conform .appFormChildInfoDelete {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #65A09A;
  width: 70px;
  height: 36px;
  border-radius: 6px;
  color: #FFF;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
#trial_application_conform .appFormChildAdd {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #65A09A;
  max-width: 374px;
  height: 72px;
  border-radius: 50px;
  color: #FFF;
  font-size: 17px;
  font-weight: 700;
  margin: 24px auto 0px;
}
#trial_application_conform .appFormChildAddIcon {
  display: inline-block;
  position: relative;
  width: 18px;
  height: 18px;
  margin: 0 5px;
}
#trial_application_conform .appFormChildAddIcon::before, #trial_application_conform .appFormChildAddIcon::after {
  display: block;
  content: "";
  background-color: #FFF;
  border-radius: 10px;
  position: absolute;
  width: 17px;
  height: 3px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#trial_application_conform .appFormChildAddIcon::before {
  width: 3px;
  height: 17px;
}
#trial_application_conform .privacy {
  height: 102px;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 15px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  color: #FFF;
  margin: 0 auto;
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
}
@media screen and (max-width: 768px) {
  #trial_application_conform .privacy {
    font-size: 12px;
  }
}
#trial_application_conform .privacy a {
  text-decoration-line: underline;
}
#trial_application_conform .privacyButton {
  appearance: none;
  -webkit-appearance: none;
  min-width: 201px;
  width: 100%;
  height: 54px;
  border-radius: 32px;
  background: #65A09A;
  color: #FFF;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  #trial_application_conform .privacyButton {
    font-size: 13px;
    max-width: 310px;
    min-width: initial;
  }
}
#trial_application_conform .privacyButton:hover {
  opacity: 1;
  background: #80BEB8;
}
#trial_application_conform .privacyButtonWt {
  background: #FFF;
  border: 2px solid #65A09A;
  color: #65A09A;
}
#trial_application_conform .privacyButtonArea {
  max-width: 418px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 16px;
}
@media screen and (max-width: 768px) {
  #trial_application_conform .privacyButtonArea {
    align-items: center;
    padding: 16px 16px 0;
  }
}
#trial_application_conform .privacyButtonArea Form {
  width: 100%;
}
#trial_application_conform .privacyButtonCancel {
  appearance: none;
  -webkit-appearance: none;
  min-width: 201px;
  width: 100%;
  height: 54px;
  border-radius: 32px;
  background: #FFF;
  color: #65A09A;
  border: 2px solid #65A09A;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  #trial_application_conform .privacyButtonCancel {
    font-size: 13px;
    max-width: 310px;
    min-width: initial;
  }
}
#trial_application_conform .privacyButtonCancel:hover {
  opacity: 1;
  color: #80BEB8;
  border-color: #80BEB8;
}
#trial_application_conform .privacyCheckArea {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
}
#trial_application_conform .footerTopButton {
  top: -10px;
}

#trial_application_thanks {
  background: #F9F8F8;
}
#trial_application_thanks .mainContents {
  max-width: 1512px;
  margin: 0 auto;
  background: #F9F8F8;
  padding: 98px 0px 28px;
}
@media screen and (max-width: 768px) {
  #trial_application_thanks .mainContents {
    padding: 86px 0px 16px;
  }
}
#trial_application_thanks .thanks {
  padding: 80px 40px 80px;
  margin: 0 14% 80px;
  border-radius: 10px;
  background: #FFF;
  border: 1px solid #E4E0E0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  #trial_application_thanks .thanks {
    margin: 0 4% 40px;
    padding: 32px 16px 40px;
  }
}
#trial_application_thanks .thanksTextArea {
  text-align: center;
  margin: 0 auto;
  padding-bottom: 53px;
}
@media screen and (max-width: 768px) {
  #trial_application_thanks .thanksTextArea {
    max-width: 326px;
  }
}
#trial_application_thanks .thanksTextAreaTitle {
  font-size: 23px;
  font-weight: 600;
  color: #DE8A6D;
  position: relative;
}
@media screen and (max-width: 768px) {
  #trial_application_thanks .thanksTextAreaTitle {
    font-size: 18px;
  }
}
#trial_application_thanks .thanksTextAreaMessage {
  font-size: 15px;
  line-height: 1.6;
  font-weight: 400;
  color: #535353;
  font-family: "Poppins", sans-serif;
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  #trial_application_thanks .thanksTextAreaMessage {
    font-size: 13px;
  }
}
#trial_application_thanks .thanksImageArea {
  text-align: center;
}
#trial_application_thanks .thanksImageArea img {
  width: 100%;
  padding: 0 15%;
}
@media screen and (max-width: 768px) {
  #trial_application_thanks .thanksImageArea img {
    padding: 0 22px;
  }
}

#searchpoint {
  background: #F9F8F8;
}
#searchpoint .mainContents {
  margin: 0 auto;
  padding-top: 62px;
  position: relative;
  background: #F9F8F8;
}
#searchpoint .mainVisual {
  position: relative;
  max-height: 771px;
}
#searchpoint .mainVisualImage {
  width: 100%;
  object-fit: cover;
  height: 630px;
}
@media screen and (max-width: 768px) {
  #searchpoint .mainVisualImage {
    height: 479px;
    object-position: 71% 38%;
  }
}
#searchpoint .mainVisualTextWrap {
  position: absolute;
  width: 489px;
  height: 212px;
  border-radius: 10px;
  top: 524px;
  right: 8%;
  background: #FFF;
  padding: 40px;
}
@media screen and (max-width: 768px) {
  #searchpoint .mainVisualTextWrap {
    top: 346px;
    left: 8%;
    width: initial;
    height: initial;
    padding: 40px 16px 46px;
  }
}
#searchpoint .mainVisualTextTitle {
  font-size: 15px;
  font-weight: 700;
  line-height: 2;
  color: #DE8A6D;
}
@media screen and (max-width: 768px) {
  #searchpoint .mainVisualTextTitle {
    font-size: 13px;
    line-height: 1;
  }
}
#searchpoint .mainVisualTextSubTitle {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.36;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #searchpoint .mainVisualTextSubTitle {
    font-size: 18px;
    line-height: 1.44;
    padding-top: 16px;
  }
}
#searchpoint .mainVisualTextSubTitleFont {
  font-feature-settings: "palt";
}
#searchpoint .mainVisualTextComment {
  font-size: 18px;
  font-weight: 500;
  line-height: 2.88;
  color: #787878;
  padding-top: 8px;
}
@media screen and (max-width: 768px) {
  #searchpoint .mainVisualTextComment {
    font-size: 14px;
    line-height: 1;
  }
}
#searchpoint .breadList {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 8%;
  max-width: 1512px;
  margin: 0 auto;
}
#searchpoint .breadList ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#searchpoint .breadList ul li {
  font-size: 13px;
  font-weight: 600;
  color: #787878;
  position: relative;
  display: flex;
  align-items: center;
}
#searchpoint .breadList ul li:last-child {
  color: #323232;
}
#searchpoint .breadList ul li:last-child div {
  display: none;
}
#searchpoint .breadList p {
  font-size: 13px;
  font-weight: 500;
  color: #323232;
}
#searchpoint .breadListArrow {
  position: relative;
  width: 10px;
  height: 10px;
  margin: 0 12px;
  transform: translateX(-25%) rotate(45deg);
}
#searchpoint .breadListArrow::before, #searchpoint .breadListArrow::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 3px;
  color: #787878;
}
#searchpoint .breadListArrow::before {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}
#searchpoint .breadListArrow::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}
#searchpoint .articleWrap {
  padding: 100px 0 80px;
}
@media screen and (max-width: 768px) {
  #searchpoint .articleWrap {
    padding: 0 0 80px;
  }
}
#searchpoint .Border {
  position: relative;
  width: 100%;
  height: 1px;
  margin: 16px 0px 16px;
  display: block;
}
#searchpoint .Border::before {
  content: "";
  background-image: linear-gradient(to right, #C5C0C0, #C5C0C0 9px, transparent 9px, transparent 16px);
  background-size: 16px 1px;
  background-repeat: repeat-x;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#searchpoint .pointTop {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  gap: 32px;
  margin-top: 80px;
  font-family: "Montserrat", sans-serif;
}
@media screen and (max-width: 768px) {
  #searchpoint .pointTop {
    margin-top: 67px;
    gap: 16px;
  }
}
#searchpoint .pointTopBox {
  border-radius: 10px;
  background: #FFF;
  position: relative;
  max-width: 552px;
  height: 204px;
  text-align: center;
  padding: 56px 47px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  #searchpoint .pointTopBox {
    width: 92%;
    padding: 32px 16px;
    height: initial;
  }
}
#searchpoint .pointTopTitle {
  font-size: 20px;
  font-weight: 700;
  color: #65A09A;
}
@media screen and (max-width: 768px) {
  #searchpoint .pointTopTitle {
    font-size: 18px;
  }
}
#searchpoint .pointTopComment {
  font-size: 15px;
  font-weight: 500;
  line-height: 2;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #searchpoint .pointTopComment {
    font-size: 14px;
  }
}
#searchpoint .pointTopImage {
  margin-top: 32px;
  margin-bottom: -68px;
  border-radius: 15px;
  width: 100%;
}
#searchpoint .point {
  padding: 150px 8% 80px;
}
@media screen and (max-width: 768px) {
  #searchpoint .point {
    padding: 97px 20px 80px;
  }
}
#searchpoint .pointWrap {
  text-align: center;
  padding-bottom: 12px;
  position: relative;
}
#searchpoint .pointTitle {
  position: relative;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.33;
  color: #DE8A6D;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  #searchpoint .pointTitle {
    font-size: 18px;
  }
}
#searchpoint .pointTitleBack {
  position: absolute;
  top: -28px;
  left: 50%;
  font-size: 80px;
  font-weight: 700;
  color: #FFF;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  #searchpoint .pointTitleBack {
    font-size: 50px;
    top: -15px;
  }
}
#searchpoint .pointComment {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.83;
  color: #323232;
  padding-top: 54px;
}
@media screen and (max-width: 768px) {
  #searchpoint .pointComment {
    font-size: 16px;
  }
}
#searchpoint .pointItemWrap {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 59%;
  position: relative;
}
@media screen and (max-width: 768px) {
  #searchpoint .pointItemWrap {
    width: 100%;
  }
}
#searchpoint .pointItemWrapTitle {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  color: #65A09A;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media screen and (max-width: 768px) {
  #searchpoint .pointItemWrapTitle {
    padding-top: 20px;
    font-size: 18px;
    flex-direction: initial;
    align-items: center;
  }
}
#searchpoint .pointItemWrapComment {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.83;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #searchpoint .pointItemWrapComment {
    font-size: 13px;
    line-height: 2.07;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 11;
    position: relative;
  }
  #searchpoint .pointItemWrapComment::after {
    position: absolute;
    bottom: 0;
    right: 0;
    content: "　";
    background: #F9F8F8;
    width: 13px;
  }
}
#searchpoint .pointItemWrapCommentColor {
  color: #F9A627;
}
#searchpoint .pointItemWrapComment .green {
  color: #65A09A;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  #searchpoint .pointItemWrapComment .green {
    font-size: 14px;
    line-height: 2.14;
  }
}
#searchpoint .pointItemWrapComment .semibold {
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  #searchpoint .pointItemWrapComment .semibold {
    font-size: 14px;
    line-height: 2.14;
  }
}
#searchpoint .pointItemWrap .more {
  font-size: 13px;
  font-weight: 400;
  color: #EF8D6C;
  text-align: left;
  cursor: pointer;
  margin-right: auto;
  position: relative;
  --after-background-image: url(/assets/arrow_drop_down_orange-e2323fab36dfa1c127a82e68c6a7808e576b81f345f1a88f9988c791d53535d6.svg);
}
#searchpoint .pointItemWrap .more::after {
  content: "";
  position: absolute;
  top: -6px;
  right: -20px;
  background: var(--after-background-image) no-repeat center;
  width: 24px;
  height: 24px;
}
#searchpoint .pointItemWrapNo {
  font-size: 30px;
  font-weight: 700;
  color: #65A09A;
  line-height: 0.9;
  display: flex;
  flex-direction: column;
  text-align: center;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  #searchpoint .pointItemWrapNo {
    font-size: 25px;
    margin-right: initial;
  }
}
#searchpoint .pointItemWrapNo span {
  font-size: 20px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  #searchpoint .pointItemWrapNo span {
    font-size: 15px;
  }
}
#searchpoint .pointItemContainer {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  padding-top: 80px;
  gap: 3%;
  max-width: 1081px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #searchpoint .pointItemContainer {
    padding-top: 60px;
  }
}
#searchpoint .pointItemContainerRight {
  justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  #searchpoint .pointItemContainerSp {
    flex-wrap: wrap-reverse !important;
  }
}
#searchpoint .pointItemContainerTop {
  padding-top: 38px;
}
@media screen and (max-width: 768px) {
  #searchpoint .pointItemContainerTop {
    padding-top: 20px;
  }
}
#searchpoint .pointItemImage {
  width: 38%;
  padding-top: 85px;
}
@media screen and (max-width: 768px) {
  #searchpoint .pointItemImage {
    width: 100%;
    padding-top: 8px;
  }
}
#searchpoint .pointDetail {
  background: #FFF;
  border: 1px solid #DCDCDC;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 20px;
  padding: 56px 9%;
  margin-top: 65px;
  position: relative;
}
@media screen and (max-width: 768px) {
  #searchpoint .pointDetail {
    padding: 32px;
  }
}
#searchpoint .pointDetailRight {
  margin: 65px 0 0 auto;
}
#searchpoint .pointDetailTitle {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  color: #65A09A;
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #searchpoint .pointDetailTitle {
    font-size: 18px;
    white-space: nowrap;
  }
}
#searchpoint .pointDetailComment {
  font-size: 15px;
  font-weight: 500;
  line-height: 2;
  color: #323232;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #searchpoint .pointDetailComment {
    text-align: left;
    font-size: 14px;
    line-height: 1.85;
  }
}
#searchpoint .pointDetailBubble {
  position: absolute;
  top: -25px;
  left: 0px;
  background: #F9A627;
  border-radius: 50px;
  border: 2px solid #FFF;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 14px;
  font-weight: 800;
  font-family: "M PLUS Rounded 1c", sans-serif;
  color: #FFF;
  padding: 16px 30px;
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.15);
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  #searchpoint .pointDetailBubble {
    top: -35px;
    left: 0px;
    padding: 15px 24px;
  }
}
#searchpoint .pointDetailBubble:after, #searchpoint .pointDetailBubble:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
#searchpoint .pointDetailBubble:after {
  border-color: rgba(249, 166, 39, 0);
  border-top-width: 15px;
  border-bottom-width: 22px;
  border-left-width: 4px;
  border-right-width: 4px;
  margin-left: -10px;
  border-top-color: #F9A627;
  top: 97%;
  left: 14%;
}
#searchpoint .pointDetailBubble:before {
  border-color: rgba(249, 166, 39, 0);
  border-top-width: 17px;
  border-bottom-width: 22px;
  border-left-width: 6px;
  border-right-width: 6px;
  margin-left: -10px;
  border-top-color: #FFF;
  top: 100%;
  left: 13%;
}
#searchpoint .pointDetailBubbleWrap {
  position: relative;
}
#searchpoint .lastComment {
  padding: 56px 8%;
  font-size: 20px;
  font-weight: 700;
  line-height: 2;
  color: #FFF;
  position: relative;
  background: url(/assets/searchpoint_10-facd83f16e5fcff015167983a17c0cdb9f3dd5a2e0f5c10273d5626bb7365129.png) no-repeat center;
  height: 365px;
  max-width: 1081px;
  margin: 0 auto;
  background-size: 94%;
}
@media screen and (max-width: 768px) {
  #searchpoint .lastComment {
    font-size: 13px;
    line-height: 2;
    padding: 0;
    background: url(/assets/searchpoint_10_sp-f1bb1e2161216e6ff7f4dbc73894790a89b6c6ec1ede55899f5ebf2956c6263c.png) no-repeat center;
    width: 335px;
    height: 347px;
  }
}
#searchpoint .lastCommentText {
  position: absolute;
  top: 70px;
  left: 80px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  #searchpoint .lastCommentText {
    position: absolute;
    top: 41px;
    left: 17px;
    width: 183px;
  }
}
#searchpoint .lastCommentImg {
  width: 100%;
}
#searchpoint .lastCommentButtonItem {
  position: absolute;
  top: 204px;
  left: 70px;
  width: 100%;
  max-width: 256px;
  height: 60px;
  border-radius: 30px;
  background: #FFF;
  color: #EAB669;
  font-size: 14px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  #searchpoint .lastCommentButtonItem {
    font-size: 13px;
    width: 227px;
    height: 56px;
    top: 243px;
    left: 17px;
  }
}
#searchpoint .lastCommentButtonItem .padding {
  padding: 0 8px;
}
#searchpoint .lastCommentButtonItem a:hover {
  opacity: 1;
}
#searchpoint .lastCommentButtonItem:hover {
  opacity: 0.8;
}
#searchpoint .buttonItem {
  position: relative;
  width: 168px;
  height: 60px;
  border-radius: 30px;
  background: #65A09A;
  color: #FFF;
  font-size: 15px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  #searchpoint .buttonItem {
    height: 48px;
    font-size: 13px;
  }
}
#searchpoint .buttonItemIcon {
  display: inline-block;
  vertical-align: middle;
  color: #EAB669;
  line-height: 1;
  position: relative;
  width: 10px;
  height: 10px;
  transform: translateX(-25%) rotate(45deg);
}
#searchpoint .buttonItemIcon::before, #searchpoint .buttonItemIcon::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 3px;
}
#searchpoint .buttonItemIcon::before {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}
#searchpoint .buttonItemIcon::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}
#searchpoint .buttonItemIcon2 {
  display: inline-block;
  vertical-align: middle;
  color: #EAB669;
  line-height: 1;
  position: relative;
  width: 10px;
  height: 10px;
}
#searchpoint .buttonItemIcon2::before {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 3px;
}
#searchpoint .buttonItemIcon2::before {
  top: 4px;
  left: 10px;
  right: -12px;
  height: 2px;
}
#searchpoint .buttonItemMarginAuto {
  margin: 0 auto;
}

#faq {
  background: #F9F8F8;
}
#faq .mainContents {
  margin: 0 auto;
  padding-top: 62px;
  background: #F9F8F8;
  position: relative;
}
#faq .mainVisual {
  position: relative;
  max-height: 771px;
}
#faq .mainVisualImage {
  width: 100%;
  object-fit: cover;
  height: 630px;
}
@media screen and (max-width: 768px) {
  #faq .mainVisualImage {
    height: 479px;
    object-position: 65% 38%;
  }
}
#faq .mainVisualTextWrap {
  position: absolute;
  width: 489px;
  height: 212px;
  border-radius: 10px;
  top: 524px;
  right: 14%;
  background: #FFF;
  padding: 40px;
}
@media screen and (max-width: 768px) {
  #faq .mainVisualTextWrap {
    left: 4%;
    right: 4%;
    top: 346px;
    width: initial;
    height: initial;
    padding: 32px;
  }
}
#faq .mainVisualTextTitle {
  font-size: 15px;
  font-weight: 700;
  line-height: 2;
  color: #DE8A6D;
}
@media screen and (max-width: 768px) {
  #faq .mainVisualTextTitle {
    font-size: 13px;
    line-height: 1;
  }
}
#faq .mainVisualTextSubTitle {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.36;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #faq .mainVisualTextSubTitle {
    font-size: 18px;
    line-height: 1.44;
    padding-top: 16px;
  }
}
#faq .mainVisualTextComment {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
  color: #787878;
  padding-top: 8px;
}
@media screen and (max-width: 768px) {
  #faq .mainVisualTextComment {
    font-size: 14px;
    line-height: 1;
  }
}
#faq .breadList {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#faq .breadList ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#faq .breadList ul li {
  font-size: 11px;
  font-weight: 600;
  color: #787878;
  position: relative;
  display: flex;
  align-items: center;
}
#faq .breadList ul li:last-child {
  color: #323232;
}
#faq .breadList ul li:last-child div {
  display: none;
}
#faq .breadList p {
  font-size: 13px;
  font-weight: 500;
  color: #323232;
}
#faq .breadListArrow {
  position: relative;
  width: 10px;
  height: 10px;
  margin: 0 12px;
  transform: translateX(-25%) rotate(45deg);
}
#faq .breadListArrow::before, #faq .breadListArrow::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 3px;
  color: #787878;
}
#faq .breadListArrow::before {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}
#faq .breadListArrow::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}
#faq .articleWrap {
  padding: 100px 8% 80px;
  max-width: 1512px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #faq .articleWrap {
    padding: 67px 20px 80px;
  }
}
#faq .faq {
  padding: 80px 0;
  font-family: "DM Sans", sans-serif;
  background: #F9F8F8;
  position: relative;
}
@media screen and (max-width: 768px) {
  #faq .faq {
    padding: 40px 0;
  }
}
#faq .faqHeadTitle {
  position: relative;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.33;
  color: #DE8A6D;
  z-index: 1;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #faq .faqHeadTitle {
    font-size: 18px;
  }
}
#faq .faqHeadTitleBack {
  position: absolute;
  top: 48px;
  left: 50%;
  font-size: 80px;
  font-weight: 700;
  color: #FFF;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  #faq .faqHeadTitleBack {
    font-size: 50px;
    top: 25px;
  }
}
#faq .faqHeadTitleCaption {
  font-size: 15px;
  font-weight: 500;
  color: #323232;
  text-align: center;
  margin-top: 54px;
}
@media screen and (max-width: 768px) {
  #faq .faqHeadTitleCaption {
    margin-top: 40px;
    font-size: 14px;
    line-height: 1.714;
  }
}
#faq .faqAccordionArea {
  list-style: none;
  margin: 0 auto;
}
#faq .faqAccordionAreaLi {
  margin: 34px 0;
}
@media screen and (max-width: 768px) {
  #faq .faqAccordionAreaLi {
    margin: 20px 0;
  }
}
#faq .faqBigTitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  cursor: pointer;
  font-size: 18px;
  font-weight: 500;
  padding: 36px 32px;
  transition: all 0.5s ease;
  background: #FFF;
  border-radius: 18px;
  border: 1px solid #DADADA;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-shadow: 0px 3px 14px 0px rgba(116, 116, 116, 0.03), 0px -2px 4px 0px rgba(116, 116, 116, 0.02), 0px 12px 24px 0px rgba(116, 116, 116, 0.04);
}
@media screen and (max-width: 768px) {
  #faq .faqBigTitle {
    font-size: 22px;
    padding: 22px 20px;
  }
}
#faq .faqClose .faqIconWrap, #faq .faqCloseInner .faqIconWrap {
  background: #65A09A;
  box-shadow: initial;
}
#faq .faqClose .faqIcon, #faq .faqCloseInner .faqIcon {
  top: 44%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(135deg);
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
  -ms-transform: translate(-50%, -50%) rotate(135deg);
}
#faq .faqClose .faqIcon::before, #faq .faqClose .faqIcon::after, #faq .faqCloseInner .faqIcon::before, #faq .faqCloseInner .faqIcon::after {
  background: #FFF;
}
#faq .faqClose::before {
  transform: rotate(45deg);
}
#faq .faqClose::after {
  transform: rotate(-45deg);
}
#faq .faqBox {
  background: #E2E7E6;
  padding: 40px;
  border-radius: 20px;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  #faq .faqBox {
    margin-top: 24px;
    padding: 3% 4%;
  }
}
#faq .faqIcon {
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  left: 40%;
  transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
}
#faq .faqIcon::before, #faq .faqIcon::after {
  content: "";
  position: absolute;
  background: #323232;
  border-radius: 3px;
}
#faq .faqIcon::before {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}
#faq .faqIcon::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}
#faq .faqIconWrap {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #FFF;
  position: relative;
  box-shadow: 0px 5px 16px 0px rgba(8, 15, 52, 0.06);
}
#faq .faqAccordionAreaInner {
  list-style: none;
  margin: 0 auto;
}
#faq .faqAccordionAreaLiInner {
  margin: 29px 0;
  background: #FFF;
  border-radius: 18px;
  box-shadow: 0px 5px 16px 0px rgba(8, 15, 52, 0.06);
}
@media screen and (max-width: 768px) {
  #faq .faqAccordionAreaLiInner {
    margin: 20px 0;
  }
}
#faq .faqAccordionAreaLiInnerOpen {
  border: 2px solid #65A09A;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-shadow: 0px 6px 16px 0px rgba(101, 160, 154, 0.19);
}
#faq .faqAccordionAreaLiInnerOpen .faqBigTitleInner {
  font-weight: 600;
}
#faq .faqBigTitleInner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  cursor: pointer;
  font-size: 18px;
  font-weight: 500;
  padding: 3%;
}
@media screen and (max-width: 768px) {
  #faq .faqBigTitleInner {
    font-size: 15px;
    padding: 24px 32px;
    line-height: 1.6;
    gap: 16px;
  }
}
#faq .faqBigTitleInnerFirst {
  width: 69%;
}
#faq .faqCloseInner::before {
  transform: rotate(45deg);
}
#faq .faqCloseInner::after {
  transform: rotate(-45deg);
}
#faq .faqBoxInner {
  display: none; /*はじめは非表示*/
  background: #FFF;
  margin: -3% 0 0;
  padding: 6.5px 3% 3%;
  color: #6F6C90;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.66;
  border-radius: 18px;
  width: 93%;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  #faq .faqBoxInner {
    font-size: 16px;
    padding: 0px 32px 40px;
    width: 100%;
  }
}
#faq .faqBoxInnerAnswer {
  font-size: 15px;
  font-weight: 400;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #faq .faqBoxInnerAnswer {
    font-size: 14px;
  }
}
#faq .faqComment {
  font-size: 15px;
  padding-top: 24px;
  text-align: center;
}
#faq .faqLink {
  color: #65A09A;
  text-decoration: underline;
}

#temporary_custody {
  background: #F9F8F8;
}
#temporary_custody .mainContents {
  max-width: 1512px;
  margin: 0 auto;
  background: #F9F8F8;
  padding: 102px 0px 28px;
}
@media screen and (max-width: 768px) {
  #temporary_custody .mainContents {
    padding: 86px 0px 16px;
  }
}
#temporary_custody .breadList {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#temporary_custody .breadList ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#temporary_custody .breadList ul li {
  font-size: 11px;
  font-weight: 600;
  color: #787878;
  position: relative;
  display: flex;
  align-items: center;
}
#temporary_custody .breadList ul li .arrow {
  position: relative;
  width: 10px;
  height: 10px;
  margin: 0 12px;
  transform: translateX(-25%) rotate(45deg);
}
#temporary_custody .breadList ul li .arrow::before, #temporary_custody .breadList ul li .arrow::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 3px;
  color: #787878;
}
#temporary_custody .breadList ul li .arrow::before {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}
#temporary_custody .breadList ul li .arrow::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}
#temporary_custody .breadList ul li:last-child {
  color: #323232;
}
#temporary_custody .breadList ul li:last-child .arrow {
  display: none;
}
#temporary_custody .breadList p {
  font-size: 13px;
  font-weight: 500;
  color: #323232;
}
#temporary_custody .appForm {
  background: #FFF;
  border-radius: 10px;
  border: 1px solid #E4E0E0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 40px;
  margin: 0 14% 0;
}
@media screen and (max-width: 768px) {
  #temporary_custody .appForm {
    margin: 0 4% 0;
    padding: 32px 16px 24px;
  }
}
#temporary_custody .appFormTitle {
  width: 100%;
  font-size: 20px;
  font-weight: 600;
  color: #323232;
  padding-top: 36px;
}
@media screen and (max-width: 768px) {
  #temporary_custody .appFormTitle {
    font-size: 16px;
    padding-top: 0px;
  }
}
#temporary_custody .appFormTitleChild {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #323232;
  padding-top: 32px;
}
@media screen and (max-width: 768px) {
  #temporary_custody .appFormTitleChild {
    font-size: 14px;
    padding-top: 32px;
  }
}
#temporary_custody .appFormTitleTemporary {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #323232;
  padding-top: 16px;
}
@media screen and (max-width: 768px) {
  #temporary_custody .appFormTitleTemporary {
    font-size: 14px;
  }
}
#temporary_custody .appFormComment {
  width: 100%;
  font-size: 15px;
  font-weight: 400;
  color: #979797;
  font-family: "Poppins", sans-serif;
  padding-top: 9px;
  padding-bottom: 24px;
}
@media screen and (max-width: 768px) {
  #temporary_custody .appFormComment {
    font-size: 12px;
  }
}
#temporary_custody .appFormCommentChild {
  font-size: 15px;
  font-weight: 400;
  color: #979797;
  font-family: "Poppins", sans-serif;
  padding-top: 9px;
}
@media screen and (max-width: 768px) {
  #temporary_custody .appFormCommentChild {
    font-size: 12px;
  }
}
#temporary_custody .appFormParent {
  width: 100%;
  font-size: 15px;
  font-weight: 600;
  color: #323232;
  font-family: "Poppins", sans-serif;
  padding-top: 32px;
}
@media screen and (max-width: 768px) {
  #temporary_custody .appFormParent {
    font-size: 14px;
    padding-bottom: 4px;
  }
}
#temporary_custody .appFormInputTitle {
  font-size: 14px;
  font-weight: 400;
  color: #323232;
  font-family: "Poppins", sans-serif;
}
@media screen and (max-width: 768px) {
  #temporary_custody .appFormInputTitle {
    font-size: 13px;
  }
}
#temporary_custody .appFormInputTitleArea {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding-top: 17px;
}
@media screen and (max-width: 768px) {
  #temporary_custody .appFormInputTitleArea {
    padding-top: 8px;
  }
}
#temporary_custody .appFormRequired {
  font-size: 11px;
  font-weight: 500;
  color: #D96060;
  font-family: "Noto Sans JP", sans-serif;
  border-radius: 6px;
  border: 1px solid #D96060;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px 8px;
}
#temporary_custody .appFormInputArea {
  width: 100%;
  height: 53px;
  background: #FFF;
  border: 1px solid #DAD8D8;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 16px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  color: #323232;
  border-radius: 12px;
  padding-left: 16px;
  margin-top: 8px;
}
@media screen and (max-width: 768px) {
  #temporary_custody .appFormInputArea {
    font-size: 13px;
  }
}
#temporary_custody .appFormInputArea::placeholder {
  color: #959595;
  font-size: 14px;
}
#temporary_custody .appFormInputRadioArea {
  display: flex;
  justify-content: center;
  margin-top: 8px;
  gap: 8px;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #temporary_custody .appFormInputRadioArea {
    flex-direction: column;
  }
}
#temporary_custody .appFormInputRadioAreaTitle {
  font-size: 14px;
  font-weight: 400;
  font-family: "Noto Sans JP", sans-serif;
  width: 100%;
  height: 57px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  margin: 0 auto;
  border: 1px solid #DAD8D8;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  #temporary_custody .appFormInputRadioAreaTitle {
    font-size: 13px;
  }
}
#temporary_custody .appFormInputRadioAreaSelect {
  accent-color: cadetblue;
  margin-right: 8px;
}
#temporary_custody .appFormInputRadioArea label {
  width: 100%;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  #temporary_custody .appForm .notFlap {
    flex-direction: initial;
  }
}
#temporary_custody .appFormInputSelectArea label {
  position: relative;
  display: block;
  background: #fff;
}
#temporary_custody .appFormInputSelectArea label:before {
  position: absolute;
  content: "";
  top: 50%;
  right: 10px;
  width: 0px;
  height: 0px;
  margin: -2px 0 0 0;
  border: 5px solid transparent;
  border-top: 5px solid #BCC3CC;
  cursor: pointer;
  pointer-events: none;
}
#temporary_custody .appFormInputSelectArea select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  padding: 0px 15px;
  border: none;
  background: transparent;
  width: 100%;
  height: 51px;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #cbced6;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-top: 16px;
  font-size: 13px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #temporary_custody .appFormInputSelectArea select {
    margin-top: 8px;
  }
}
#temporary_custody .appFormInputSelectArea ::-ms-expand {
  display: none;
}
#temporary_custody .appFormTextArea {
  border-radius: 8px;
  border: 1px solid #cbced6;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-top: 16px;
  font-size: 14px;
  font-weight: 400;
  color: #323232;
  font-family: "Poppins", sans-serif;
  width: 100%;
  min-height: 156px;
  padding: 16px;
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  #temporary_custody .appFormTextArea {
    margin-top: 8px;
  }
}
#temporary_custody .appFormTextArea::placeholder {
  color: #959595;
  font-size: 14px;
}
#temporary_custody .appFormTimeFlex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
}
@media screen and (max-width: 768px) {
  #temporary_custody .appFormTimeFlex {
    flex-direction: column;
    margin-top: 8px;
  }
}
#temporary_custody .appFormTimeSearchBox {
  width: 100%;
  height: 51px;
  background: #FFF;
  border: 1px solid #CBCED6;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 16px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  color: #323232;
  border-radius: 8px;
  padding-left: 44px;
}
#temporary_custody .appFormTimeSearchBox::placeholder {
  font-size: 13px;
  color: #A6A6A6;
}
@media screen and (max-width: 768px) {
  #temporary_custody .appFormTimeSearchBox::placeholder {
    font-size: 11px;
  }
}
#temporary_custody .appFormTimeSearchBoxArea {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
#temporary_custody .appFormTimeSearchBoxArea:before {
  content: "";
  width: 24px;
  height: 24px;
  display: inline-block;
  position: absolute;
  top: 13px;
  left: 16px;
}
#temporary_custody .appFormTimeSearchBoxAreaPeriod {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
#temporary_custody .appFormTimeSearchBoxAreaPeriod:before {
  content: "";
  width: 24px;
  height: 24px;
  display: inline-block;
  position: absolute;
  top: 13px;
  left: 16px;
}
#temporary_custody .appFormTimeHyphen {
  padding: 0px 16px;
}
@media screen and (max-width: 768px) {
  #temporary_custody .appFormTimeHyphen {
    margin-top: 8px;
    writing-mode: vertical-rl;
  }
}
#temporary_custody .appFormChild {
  width: 100%;
  font-size: 18px;
  font-weight: 600;
  color: #323232;
  font-family: "Poppins", sans-serif;
}
@media screen and (max-width: 768px) {
  #temporary_custody .appFormChild {
    font-size: 16px;
  }
}
#temporary_custody .appFormChildInfo {
  padding-top: 19px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 768px) {
  #temporary_custody .appFormChildInfo {
    padding-top: 16px;
    padding-bottom: 8px;
  }
}
#temporary_custody .appFormChildInfo label {
  display: flex;
  align-items: center;
  gap: 11px;
  cursor: pointer;
}
#temporary_custody .appFormChildInfoDelete {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #65A09A;
  width: 70px;
  height: 36px;
  border-radius: 6px;
  color: #FFF;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: 0.4s;
}
#temporary_custody .appFormChildAdd {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #65A09A;
  width: 205px;
  height: 56px;
  border-radius: 50px;
  color: #FFF;
  font-size: 14px;
  font-weight: 700;
  margin: 24px auto 0px;
  cursor: pointer;
  transition: 0.4s;
}
#temporary_custody .appFormChildAdd:hover {
  opacity: 1;
  background: #80BEB8;
}
#temporary_custody .appFormChildAddIcon {
  display: inline-block;
  position: relative;
  width: 18px;
  height: 18px;
  margin-right: 10px;
}
#temporary_custody .appFormChildAddIcon::before, #temporary_custody .appFormChildAddIcon::after {
  display: block;
  content: "";
  background-color: #FFF;
  border-radius: 10px;
  position: absolute;
  width: 17px;
  height: 3px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#temporary_custody .appFormChildAddIcon::before {
  width: 3px;
  height: 17px;
}
#temporary_custody .appFormInputBirthday {
  position: relative;
  background: url(/assets/calendar-b96e6e53450db3427ebbf18816c7713c84afab5a8d77f97266d52c0f0d5729f9.svg) no-repeat 16px center;
  background-size: 20px 20px;
  width: 100%;
  height: 53px;
  border: 1px solid #DAD8D8;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 16px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  color: #323232;
  border-radius: 12px;
  padding-left: 48px;
  margin-top: 8px;
  text-align: left;
}
#temporary_custody .appFormInputBirthday::-webkit-calendar-picker-indicator {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
}
#temporary_custody .appFormInputBirthday::placeholder {
  font-size: 14px;
}
#temporary_custody .appFormInputBirthday::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
#temporary_custody .appFormInputBirthday::-webkit-clear-button {
  -webkit-appearance: none;
}
#temporary_custody .appFormInputTime {
  position: relative;
  background: url(/assets/time-2d1746d0dcd95b1aed20c2d348b14bc99ec95b2d2e46fe5b35b31b024fab793b.svg) no-repeat 16px center;
  background-size: 20px 20px;
  width: 100%;
  height: 53px;
  border: 1px solid #DAD8D8;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 16px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  color: #323232;
  border-radius: 12px;
  padding-left: 48px;
  margin-top: 8px;
}
#temporary_custody .appFormInputTime::-webkit-calendar-picker-indicator {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
}
#temporary_custody .appFormInputTime::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
#temporary_custody .appFormInputTime::-webkit-clear-button {
  -webkit-appearance: none;
}
#temporary_custody .appForm .errorMessages {
  margin-top: 1rem;
}
#temporary_custody .appForm .errorMessage {
  margin-top: 8px;
  color: #D96060;
}
#temporary_custody .favoriteList {
  padding: 60px 0px 0px;
}
@media screen and (max-width: 768px) {
  #temporary_custody .favoriteList {
    padding: 40px 0px 0px;
  }
}
#temporary_custody .favoriteListSpCheckArea {
  display: flex;
  align-items: center;
  padding: 16px 8px;
  gap: 8px;
  font-size: 12px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  color: #323232;
}
#temporary_custody .favoriteListTitle {
  width: 100%;
  font-size: 18px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #temporary_custody .favoriteListTitle {
    font-size: 14px;
  }
}
#temporary_custody .favoriteListComment {
  width: 100%;
  font-size: 15px;
  font-weight: 400;
  color: #979797;
  font-family: "Poppins", sans-serif;
  padding-top: 7px;
}
@media screen and (max-width: 768px) {
  #temporary_custody .favoriteListComment {
    font-size: 12px;
  }
}
#temporary_custody .favoriteListTable {
  width: 100%;
  margin-top: 22px;
}
#temporary_custody .favoriteListTableHeader {
  background: #F6F3F0;
  height: 43px;
  vertical-align: middle;
  text-align: left;
  font-size: 13px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #temporary_custody .favoriteListTableHeader {
    font-size: 12px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    padding-left: 8px;
  }
}
#temporary_custody .favoriteListTableHeaderFirst {
  border-radius: 6px 0 0 6px;
  text-align: center;
  padding: 0 5px;
}
@media screen and (max-width: 768px) {
  #temporary_custody .favoriteListTableHeaderFirst {
    padding: 0px;
  }
}
#temporary_custody .favoriteListTableHeaderEnd {
  border-radius: 0 6px 6px 0;
}
#temporary_custody .favoriteListTableTd {
  height: 50px;
  vertical-align: middle;
  padding-top: 24px;
}
@media screen and (max-width: 768px) {
  #temporary_custody .favoriteListTableTd {
    padding-left: 8px;
  }
}
#temporary_custody .favoriteListSchoolName {
  font-size: 14px;
  font-weight: 400;
  color: #323232;
  font-family: "Poppins", sans-serif;
}
@media screen and (max-width: 768px) {
  #temporary_custody .favoriteListSchoolName {
    font-size: 13px;
  }
}
#temporary_custody .favoriteListSchoolNameFlex {
  justify-content: space-around;
  display: flex;
  flex-direction: column;
  height: 50px;
}
@media screen and (max-width: 768px) {
  #temporary_custody .favoriteListSchoolNameFlex {
    justify-content: center;
    gap: 4px;
  }
}
#temporary_custody .favoriteListSchoolNameAdress {
  font-size: 13px;
  font-weight: 500;
  color: #787878;
  font-family: "Poppins", sans-serif;
}
@media screen and (max-width: 768px) {
  #temporary_custody .favoriteListSchoolNameAdress {
    font-size: 10px;
  }
}
#temporary_custody .favoriteListSchoolNameAreaFlex {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
@media screen and (max-width: 768px) {
  #temporary_custody .favoriteListSchoolNameAreaFlex {
    padding-left: 8px;
    height: 66px;
  }
}
#temporary_custody .favoriteListSchoolNameAreaFlex img {
  width: 50px;
  height: 50px;
  border-radius: 10px;
  object-fit: cover;
}
@media screen and (max-width: 768px) {
  #temporary_custody .favoriteListSchoolNameAreaFlex img {
    width: 33px;
    height: 33px;
    border-radius: 4px;
  }
}
#temporary_custody .favoriteListSchoolMoney {
  font-size: 14px;
  font-weight: 600;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #temporary_custody .favoriteListSchoolMoney {
    font-size: 13px;
  }
}
#temporary_custody .favoriteListSchoolMoneyFlex {
  justify-content: space-around;
  display: flex;
  flex-direction: column;
  height: 50px;
}
@media screen and (max-width: 768px) {
  #temporary_custody .favoriteListSchoolMoneyFlex {
    padding: 16px 0px 16px 8px;
    gap: 8px;
    height: 66px;
  }
}
#temporary_custody .favoriteListSchoolMoneyMonth {
  font-size: 14px;
  font-weight: 500;
  color: #787878;
  font-family: "Poppins", sans-serif;
}
@media screen and (max-width: 768px) {
  #temporary_custody .favoriteListSchoolMoneyMonth {
    font-size: 13px;
  }
}
#temporary_custody .favoriteListInputRadioArea {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
  color: #323232;
}
@media screen and (max-width: 768px) {
  #temporary_custody .favoriteListInputRadioArea {
    padding-top: 21px;
    gap: 32px;
    padding-bottom: 24px;
  }
}
#temporary_custody .favoriteListInputRadioAreaTitle {
  font-size: 14px;
  font-weight: 400;
  font-family: "Noto Sans JP", sans-serif;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
#temporary_custody .favoriteListInputRadioAreaSelect {
  accent-color: cadetblue;
  margin-right: 8px;
}
#temporary_custody .favoriteListHope {
  max-width: 374px;
  margin: 0 auto;
  padding-top: 56px;
}
@media screen and (max-width: 768px) {
  #temporary_custody .favoriteListHope {
    padding-top: 16px;
  }
}
#temporary_custody .favoriteListHopeComment {
  font-size: 14px;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  color: #787878;
}
@media screen and (max-width: 768px) {
  #temporary_custody .favoriteListHopeComment {
    padding-top: 4px;
  }
}
#temporary_custody .privacy {
  height: 134px;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 14px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  color: #FFF;
  margin: 0 auto;
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
}
@media screen and (max-width: 768px) {
  #temporary_custody .privacy {
    font-size: 12px;
    padding: 16px;
  }
}
#temporary_custody .privacyJsActive {
  display: flex;
}
#temporary_custody .privacy a {
  text-decoration-line: underline;
}
#temporary_custody .privacy a.privacyButton {
  text-decoration-line: none;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
}
#temporary_custody .privacyButton {
  max-width: 201px;
  width: 100%;
  height: 54px;
  border-radius: 32px;
  background: #D8D8D8;
  color: #FFF;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  #temporary_custody .privacyButton {
    font-size: 13px;
    max-width: 310px;
  }
}
#temporary_custody .privacyButtonJsActive {
  background: #65A09A;
  border: none;
  color: #FFF;
}
#temporary_custody .privacyButton:hover {
  opacity: 1;
  background: #80BEB8;
}
#temporary_custody .privacyButton:disabled:hover {
  opacity: 1;
  background: #D8D8D8;
  cursor: initial;
}
#temporary_custody .privacyButtonArea {
  max-width: 418px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding-top: 17px;
}
@media screen and (max-width: 768px) {
  #temporary_custody .privacyButtonArea {
    align-items: center;
  }
}
#temporary_custody .privacyButtonCancel {
  max-width: 201px;
  width: 100%;
  height: 54px;
  border-radius: 32px;
  background: #FFF;
  color: #65A09A;
  border: 2px solid #65A09A;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  transition: 0.4s;
  text-decoration-line: none !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  #temporary_custody .privacyButtonCancel {
    font-size: 13px;
    max-width: 310px;
  }
}
#temporary_custody .privacyButtonCancel:hover {
  opacity: 1;
  color: #80BEB8;
  border-color: #80BEB8;
}
#temporary_custody .privacyCheckArea {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
}
#temporary_custody input[type=checkbox] {
  position: relative;
  height: 18px;
  width: 18px;
  display: inline-block;
  border-radius: 5px;
  border: 2px solid #ccc;
  background: #fff;
  -webkit-appearance: none;
  appearance: none;
  flex-shrink: 0;
}
#temporary_custody input[type=checkbox]:checked {
  border: none;
  background: #65A09A;
}
#temporary_custody input[type=checkbox]:checked::before,
#temporary_custody input[type=checkbox]:checked::after {
  display: block;
  content: "";
  position: absolute;
  border-radius: 2px;
  transform: rotate(45deg);
  background: #fff;
}
#temporary_custody input[type=checkbox]:checked::before {
  bottom: 6px;
  left: 2px;
  width: 8px;
  height: 3px;
}
#temporary_custody input[type=checkbox]:checked::after {
  bottom: 4px;
  left: 10px;
  width: 3px;
  height: 11px;
}
#temporary_custody .hidden {
  visibility: hidden;
}
#temporary_custody .errorText {
  color: red;
  margin-top: 8px;
}

#contact {
  background: #f9f8f8;
}
#contact .ts-wrapper {
  height: 53px;
}
#contact .mainContents {
  margin: 0 auto;
  background: #F9F8F8;
  padding: 62px 0px 28px;
}
@media screen and (max-width: 768px) {
  #contact .mainContents {
    padding: 62px 0px 16px;
  }
}
#contact .mainVisual {
  position: relative;
  max-height: 771px;
}
#contact .mainVisualImage {
  width: 100%;
  object-fit: cover;
}
@media screen and (max-width: 768px) {
  #contact .mainVisualImage {
    height: 300px;
    object-fit: cover;
    object-position: 35% 38%;
  }
}
#contact .mainVisualTextWrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: 388px;
  height: 135px;
  border-radius: 4px;
  padding: 32px 80px;
  border: 2px solid #FFF;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
}
@media screen and (max-width: 768px) {
  #contact .mainVisualTextWrap {
    width: 60%;
    height: initial;
    padding: 25px 16px 25px;
  }
}
#contact .mainVisualText .errorMessage {
  color: #D96060;
}
#contact .mainVisualTextTitle {
  font-size: 20px;
  font-weight: 700;
  color: #FFF;
  text-align: center;
}
#contact .mainVisualTextSubTitle {
  font-size: 18px;
  font-weight: 700;
  color: #FFF;
  text-align: center;
}
#contact .mainVisualTextComment {
  font-size: 18px;
  font-weight: 500;
  line-height: 2.88;
  color: #787878;
  padding-top: 8px;
}
@media screen and (max-width: 768px) {
  #contact .mainVisualTextComment {
    font-size: 16px;
  }
}
#contact .appForm {
  background: #FFF;
  border-radius: 10px;
  border: 1px solid #E4E0E0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 40px;
  margin: 80px 14% 0;
}
@media screen and (max-width: 768px) {
  #contact .appForm {
    margin: 24px 4% 0;
    padding: 32px 16px 24px;
  }
}
#contact .appFormComment {
  width: 100%;
  font-size: 15px;
  font-weight: 500;
  line-height: 2.2;
  color: #323232;
  padding-top: 40px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #contact .appFormComment {
    font-size: 12px;
    padding: 0 0 24px;
    text-align: left;
  }
}
#contact .appFormInputTitle {
  font-size: 14px;
  font-weight: 400;
  color: #323232;
  font-family: "Poppins", sans-serif;
}
@media screen and (max-width: 768px) {
  #contact .appFormInputTitle {
    font-size: 13px;
  }
}
#contact .appFormInputTitleArea {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding-top: 17px;
}
@media screen and (max-width: 768px) {
  #contact .appFormInputTitleArea {
    padding-top: 8px;
  }
}
#contact .appFormRequired {
  font-size: 11px;
  font-weight: 500;
  color: #D96060;
  font-family: "Noto Sans JP", sans-serif;
  border-radius: 6px;
  border: 1px solid #D96060;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px 8px;
}
#contact .appFormInputArea {
  width: 100%;
  height: 53px;
  background: #FFF;
  border: 1px solid #DAD8D8;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 16px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  color: #323232;
  border-radius: 12px;
  padding-left: 16px;
  margin-top: 8px;
}
@media screen and (max-width: 768px) {
  #contact .appFormInputArea {
    font-size: 13px;
  }
}
#contact .appFormInputArea::placeholder {
  color: #959595;
  font-size: 14px;
}
#contact .appFormTextArea {
  border-radius: 8px;
  border: 1px solid #cbced6;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-top: 16px;
  font-size: 14px;
  font-weight: 400;
  color: #323232;
  font-family: "Roboto", sans-serif;
  width: 100%;
  min-height: 269px;
  padding: 16px;
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  #contact .appFormTextArea {
    margin-top: 8px;
  }
}
#contact .appFormTextArea::placeholder {
  color: #959595;
  font-size: 14px;
}
#contact .privacy {
  height: 134px;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 15px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  color: #FFF;
  margin: 0 auto;
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
}
@media screen and (max-width: 768px) {
  #contact .privacy {
    font-size: 12px;
    display: none;
  }
}
#contact .privacyJsActive {
  display: flex;
}
#contact .privacy a {
  text-decoration-line: underline;
}
#contact .privacyButton {
  appearance: none;
  -webkit-appearance: none;
  max-width: 201px;
  width: 100%;
  height: 54px;
  border-radius: 32px;
  background: #D8D8D8;
  color: #FFF;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  transition: 0.4s;
  text-decoration-line: none !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  #contact .privacyButton {
    font-size: 13px;
    max-width: 310px;
  }
}
#contact .privacyButtonJsActive {
  background: #65A09A;
  border: none;
  color: #FFF;
}
#contact .privacyButtonArea {
  max-width: 418px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding-top: 17px;
}
@media screen and (max-width: 768px) {
  #contact .privacyButtonArea {
    align-items: center;
    padding: 16px 16px 0;
  }
}
#contact .privacyButton:hover {
  background: #80BEB8;
  opacity: 1;
}
#contact .privacyButton:disabled:hover {
  background: #D8D8D8;
  opacity: 1;
  cursor: initial;
}
#contact .privacyButtonCancel {
  max-width: 201px;
  width: 100%;
  height: 54px;
  border-radius: 32px;
  background: #FFF;
  color: #65A09A;
  border: 2px solid #65A09A;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  transition: 0.4s;
  text-decoration-line: none !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  #contact .privacyButtonCancel {
    font-size: 13px;
    max-width: 310px;
  }
}
#contact .privacyButtonCancel:hover {
  color: #80BEB8;
  border-color: #80BEB8;
  opacity: 1;
}
#contact .privacyCheckArea {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
}
#contact input[type=checkbox] {
  position: relative;
  height: 18px;
  width: 18px;
  display: inline-block;
  border-radius: 5px;
  border: 2px solid #ccc;
  background: #fff;
  -webkit-appearance: none;
  appearance: none;
  flex-shrink: 0;
}
#contact input[type=checkbox]:checked {
  border: none;
  background: #65A09A;
}
#contact input[type=checkbox]:checked::before,
#contact input[type=checkbox]:checked::after {
  display: block;
  content: "";
  position: absolute;
  border-radius: 2px;
  transform: rotate(45deg);
  background: #fff;
}
#contact input[type=checkbox]:checked::before {
  bottom: 6px;
  left: 2px;
  width: 8px;
  height: 3px;
}
#contact input[type=checkbox]:checked::after {
  bottom: 4px;
  left: 10px;
  width: 3px;
  height: 11px;
}
#contact .errorText {
  color: red;
  margin-top: 8px;
}
#contact .errorMessage {
  color: red;
  margin-top: 8px;
}

#contact_conform {
  background: #f9f8f8;
}
#contact_conform .mainContents {
  margin: 0 auto;
  background: #F9F8F8;
  padding: 62px 0px 0px;
}
#contact_conform .mainVisual {
  position: relative;
  max-height: 771px;
}
#contact_conform .mainVisualImage {
  width: 100%;
  object-fit: cover;
}
@media screen and (max-width: 768px) {
  #contact_conform .mainVisualImage {
    height: 300px;
    object-fit: cover;
    object-position: 35% 38%;
  }
}
#contact_conform .mainVisualTextWrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: 388px;
  height: 135px;
  border-radius: 4px;
  padding: 32px 80px;
  border: 2px solid #FFF;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  #contact_conform .mainVisualTextWrap {
    width: 60%;
    height: initial;
    padding: 25px 16px 25px;
  }
}
#contact_conform .mainVisualTextTitle {
  font-size: 20px;
  font-weight: 700;
  color: #FFF;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #contact_conform .mainVisualTextTitle {
    font-size: 22px;
  }
}
#contact_conform .mainVisualTextSubTitle {
  font-size: 18px;
  font-weight: 700;
  color: #FFF;
  text-align: center;
  padding-top: 16px;
}
@media screen and (max-width: 768px) {
  #contact_conform .mainVisualTextSubTitle {
    font-size: 18px;
  }
}
#contact_conform .mainVisualTextComment {
  font-size: 18px;
  font-weight: 500;
  line-height: 2.88;
  color: #787878;
  padding-top: 8px;
}
@media screen and (max-width: 768px) {
  #contact_conform .mainVisualTextComment {
    font-size: 16px;
  }
}
#contact_conform .appForm {
  background: #FFF;
  border-radius: 10px;
  border: 1px solid #E4E0E0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 40px;
  margin: 80px 14% 80px;
}
@media screen and (max-width: 768px) {
  #contact_conform .appForm {
    margin: 24px 4% 0;
    padding: 32px 16px 24px;
  }
}
#contact_conform .appFormComment {
  width: 100%;
  font-size: 15px;
  font-weight: 500;
  line-height: 2.2;
  color: #323232;
  padding-top: 40px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #contact_conform .appFormComment {
    font-size: 12px;
    padding: 0 0 24px;
    text-align: left;
  }
}
#contact_conform .appFormInputTitle {
  font-size: 14px;
  font-weight: 400;
  color: #323232;
  font-family: "Poppins", sans-serif;
}
@media screen and (max-width: 768px) {
  #contact_conform .appFormInputTitle {
    font-size: 13px;
  }
}
#contact_conform .appFormInputTitleArea {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding-top: 17px;
}
@media screen and (max-width: 768px) {
  #contact_conform .appFormInputTitleArea {
    padding-top: 8px;
  }
}
#contact_conform .appFormRequired {
  font-size: 11px;
  font-weight: 500;
  color: #D96060;
  font-family: "Noto Sans JP", sans-serif;
  border-radius: 6px;
  border: 1px solid #D96060;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px 8px;
}
#contact_conform .appFormInputArea {
  width: 100%;
  height: 53px;
  background: #FFF;
  border: 1px solid #DAD8D8;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 16px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  color: #323232;
  border-radius: 12px;
  padding-left: 16px;
  margin-top: 8px;
}
@media screen and (max-width: 768px) {
  #contact_conform .appFormInputArea {
    font-size: 13px;
  }
}
#contact_conform .appFormInputArea::placeholder {
  color: #959595;
  font-size: 14px;
}
#contact_conform .appFormTextArea {
  border-radius: 8px;
  border: 1px solid #cbced6;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-top: 16px;
  font-size: 14px;
  font-weight: 400;
  color: #323232;
  font-family: "Poppins", sans-serif;
  width: 100%;
  min-height: 269px;
  padding: 16px;
}
@media screen and (max-width: 768px) {
  #contact_conform .appFormTextArea {
    margin-top: 8px;
  }
}
#contact_conform .appFormTextArea::placeholder {
  color: #959595;
  font-size: 14px;
}
#contact_conform .privacy {
  height: 102px;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 15px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  color: #FFF;
  margin: 0 auto;
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
}
@media screen and (max-width: 768px) {
  #contact_conform .privacy {
    font-size: 12px;
    padding: 0 16px;
  }
}
#contact_conform .privacy a {
  text-decoration-line: underline;
}
#contact_conform .privacyButton {
  appearance: none;
  -webkit-appearance: none;
  width: 201px;
  height: 54px;
  border-radius: 32px;
  background: #65A09A;
  color: #FFF;
  border: 2px solid #65A09A;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
}
@media screen and (max-width: 768px) {
  #contact_conform .privacyButton {
    font-size: 13px;
    width: 100%;
  }
}
#contact_conform .privacyButton:hover {
  opacity: 1;
  transition: 0.3s;
  background: #80BEB8;
  border-color: #80BEB8;
}
#contact_conform .privacyButtonWt {
  background: #FFF;
  border: 2px solid #65A09A;
  color: #65A09A;
}
#contact_conform .privacyButtonWt:hover {
  opacity: 1;
  transition: 0.3s;
  color: #80BEB8;
  border-color: #80BEB8;
  background: #FFF;
}
#contact_conform .privacyButtonArea {
  max-width: 418px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 16px;
}
@media screen and (max-width: 768px) {
  #contact_conform .privacyButtonArea {
    align-items: center;
  }
}
#contact_conform .privacyButtonArea form {
  width: 100%;
}
#contact_conform .privacyCheckArea {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
}
#contact_conform .conformTable {
  font-family: "Noto Sans JP", sans-serif;
  width: 100%;
  border-bottom: 1px solid #E6E6E6;
  border-right: 1px solid #E6E6E6;
  margin-top: 16px;
}
#contact_conform .conformTableTh {
  background: #F6F2EE;
  color: #323232;
  font-size: 13px;
  font-weight: 500;
  text-align: left;
  border-top: 1px solid #E6E6E6;
  border-left: 1px solid #E6E6E6;
  width: 20%;
  padding: 12px 16px;
}
@media screen and (max-width: 768px) {
  #contact_conform .conformTableTh {
    display: inline-block;
    width: 100%;
  }
}
#contact_conform .conformTableTd {
  background: #FFF;
  color: #323232;
  font-size: 14px;
  font-weight: 400;
  border-top: 1px solid #E6E6E6;
  border-left: 1px solid #E6E6E6;
  width: 80%;
  padding: 8px 12px;
}
@media screen and (max-width: 768px) {
  #contact_conform .conformTableTd {
    display: inline-block;
    width: 100%;
  }
}
#contact_conform .conformTable .tdTextAreaHeight {
  height: 130px;
}
#contact_conform input[type=checkbox] {
  position: relative;
  height: 18px;
  width: 18px;
  display: inline-block;
  border-radius: 5px;
  border: 2px solid #ccc;
  background: #fff;
  -webkit-appearance: none;
  appearance: none;
  flex-shrink: 0;
}
#contact_conform input[type=checkbox]:checked {
  border: none;
  background: #DE8A6D;
}
#contact_conform input[type=checkbox]:checked::before,
#contact_conform input[type=checkbox]:checked::after {
  display: block;
  content: "";
  position: absolute;
  border-radius: 2px;
  transform: rotate(45deg);
  background: #fff;
}
#contact_conform input[type=checkbox]:checked::before {
  bottom: 6px;
  left: 2px;
  width: 8px;
  height: 3px;
}
#contact_conform input[type=checkbox]:checked::after {
  bottom: 4px;
  left: 10px;
  width: 3px;
  height: 11px;
}

#contact_thanks {
  background: #F9F8F8;
}
#contact_thanks .mainContents {
  max-width: 1512px;
  margin: 0 auto;
  background: #F9F8F8;
  padding: 98px 0px 28px;
}
@media screen and (max-width: 768px) {
  #contact_thanks .mainContents {
    padding: 86px 0px 16px;
  }
}
#contact_thanks .thanks {
  padding: 80px 40px 80px;
  margin: 0 14% 80px;
  border-radius: 10px;
  background: #FFF;
  border: 1px solid #E4E0E0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  #contact_thanks .thanks {
    margin: 0 4% 40px;
    padding: 32px 16px 40px;
  }
}
#contact_thanks .thanksTextArea {
  text-align: center;
  margin: 0 auto;
  padding-bottom: 53px;
}
@media screen and (max-width: 768px) {
  #contact_thanks .thanksTextArea {
    max-width: 326px;
  }
}
#contact_thanks .thanksTextAreaTitle {
  font-size: 23px;
  font-weight: 600;
  color: #DE8A6D;
  position: relative;
}
@media screen and (max-width: 768px) {
  #contact_thanks .thanksTextAreaTitle {
    font-size: 18px;
  }
}
#contact_thanks .thanksTextAreaMessage {
  font-size: 15px;
  line-height: 1.6;
  font-weight: 400;
  color: #535353;
  font-family: "Poppins", sans-serif;
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  #contact_thanks .thanksTextAreaMessage {
    font-size: 13px;
  }
}
#contact_thanks .thanksImageArea {
  text-align: center;
}
#contact_thanks .thanksImageArea img {
  width: 100%;
  padding: 0 15%;
}
@media screen and (max-width: 768px) {
  #contact_thanks .thanksImageArea img {
    padding: 0 22px;
  }
}

.not_logged_in .card.swiper-slide {
  height: auto;
}

.c-account__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.c-account__btns {
  display: flex;
  gap: 1rem;
}
.c-account__btn-edit {
  width: 14.0625rem;
  flex: 0 0 auto;
}

.preview-areas {
  display: flex;
  flex-wrap: wrap;
  border-left: 1px solid #cacaca;
  border-right: 1px solid #cacaca;
}
.preview-areas .preview-area {
  margin: 5px 8px 5px 5px;
}
.preview-areas .preview-area._template {
  display: none !important;
}
.preview-areas .preview-area._image {
  display: flex;
  align-items: center;
  position: relative;
  border: 1px solid #e4e0e0;
  border-radius: 6px;
}
.preview-areas .preview-area._image .preview-image {
  height: 64px;
  width: 64px;
  object-fit: cover;
  border-radius: 6px;
  z-index: 10;
}
.preview-areas .preview-area._file {
  display: flex;
  align-items: center;
  position: relative;
  background: #ffffff;
  border: 1px solid #e4e0e0;
  border-radius: 6px;
  padding: 12px;
}
.preview-areas .preview-area._file .icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background-color: #e94839;
  color: #ffffff;
  font-size: 11px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 16px;
}
.preview-areas .preview-area._file .file-info {
  font-weight: 500;
}
.preview-areas .preview-area._file .file-info p {
  max-width: 133px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.preview-areas .preview-area._file .file-info .filename {
  font-size: 13px;
  line-height: 19px;
  color: #323232;
}
.preview-areas .preview-area._file .file-info .extension {
  font-size: 11px;
  line-height: 16px;
  color: #787878;
}
.preview-areas .preview-area .delete-btn {
  width: 14px;
  height: 14px;
  position: absolute;
  right: -4px;
  top: -4px;
  z-index: 11;
  cursor: pointer;
}

.c-chat__head {
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
}
.c-chat__status {
  display: flex;
  align-items: center;
  width: calc(100% - 18.375rem);
  gap: 0.375rem;
}
.c-chat__status-item {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex: 0 0 auto;
  width: calc(14.2857142857% - 0.3214285714rem);
  color: #fff;
  padding-left: 1.875rem;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  height: 4.0625rem;
  font-weight: 700;
  letter-spacing: 0;
  background: linear-gradient(to right, transparent 0, transparent 1.875rem, #A5A5A5 1.875rem);
  position: relative;
}
.c-chat__status-item::before, .c-chat__status-item::after {
  content: "";
  width: 1.9375rem;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
}
.c-chat__status-item::before {
  width: 1.9375rem;
  background: #A5A5A5;
  clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 96.7741935484% 50%, 0% 0%);
  left: 0;
}
.c-chat__status-item::after {
  background: #A5A5A5;
  clip-path: polygon(3.2258064516% 0, 100% 50%, 3.2258064516% 100%, 0% 100%, 0 50%, 0% 0%);
  right: -1.875rem;
}
.c-chat__status-item ._line {
  line-height: 0.8571428571;
}
.c-chat__status-item.is-active {
  background: linear-gradient(to right, transparent 0, transparent 1.875rem, #DE8A6D 1.875rem);
}
.c-chat__status-item.is-active::before {
  background: #DE8A6D;
}
.c-chat__status-item.is-active::after {
  background: #DE8A6D;
}
.c-chat__status-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #AD0000;
  height: 2.5rem;
  width: 14.375rem;
  flex: 0 0 auto;
  margin-left: auto;
  font-size: 0.875rem;
  font-weight: 700;
  border-radius: 0.25rem;
}
.c-chat__detail-ttl {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.45;
  margin-bottom: 1rem;
}
.c-chat__list {
  margin-bottom: 1.25rem;
}
.c-chat__list-item {
  display: flex;
  font-size: 0.75rem;
  line-height: 1.4166666667;
  font-weight: 500;
}
.c-chat__list-item:nth-child(n+2) {
  margin-top: 0.75rem;
}
.c-chat__list-item--ttl {
  font-weight: 700;
  flex: 0 0 auto;
  width: 10.625rem;
}
.c-chat__history-btn--reset, .c-chat__history-btn--send {
  flex: 0 0 auto;
  height: 2.25rem;
  font-size: 0.875rem;
  font-weight: 500;
}
.c-chat__history-btn--send {
  width: 8.75rem;
}
.c-chat__history-btn--reset {
  background: #717171;
  width: 6.25rem;
}
.c-chat__attachment {
  position: absolute;
  right: 0.5rem;
  bottom: 0.5rem;
  width: 1.3125rem;
  height: 1.5rem;
  cursor: pointer;
  background: url(/assets/attachment-824e84557c7199614f126085fba021ef0d9cafd99714702204c20d92d4fcdc65.svg) no-repeat center/1.3125rem auto;
}
.c-chat__attachment input {
  visibility: hidden;
}

.common-upload-image-form .input-btn-group {
  width: 186px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.common-upload-image-form .input-btn-group .input-btn {
  background: #F0F0F0;
  border: 1px solid #d3d3d3;
  border-radius: 4px;
  font-size: 0.625rem;
  white-space: nowrap;
  padding: 4px 12px;
  text-align: center;
  cursor: pointer;
  transition: 0.4s ease;
  transition-property: opacity;
  flex-grow: 1;
}
.common-upload-image-form .input-btn-group .input-btn:hover, .common-upload-image-form .input-btn-group .input-btn:active {
  opacity: 0.7;
}
.common-upload-image-form .input-btn-group .input-btn input[type=file] {
  display: none;
}
.common-upload-image-form .input-btn-group .input-btn:first-child {
  flex-grow: 2;
}
.common-upload-image-form .image-preview, .common-upload-image-form .video-preview {
  display: block;
  overflow: hidden;
  position: relative;
  width: 186px;
  z-index: 0;
  background: #f0f0f0;
  margin-bottom: 0.5rem;
}
.common-upload-image-form .image-preview::before, .common-upload-image-form .video-preview::before {
  content: "";
  display: block;
  padding-top: 66.6666666667%;
}
.common-upload-image-form .image-preview img, .common-upload-image-form .image-preview video, .common-upload-image-form .video-preview img, .common-upload-image-form .video-preview video {
  position: absolute;
  z-index: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.c-confirm__ttl {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.4285714286;
  margin-bottom: 1rem;
}
.c-confirm__list-item {
  display: flex;
}
.c-confirm__list-item:nth-child(n+2) {
  margin-top: 0.75rem;
}
.c-confirm__list-item--ttl {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  padding: 0.125rem 0;
  font-weight: 700;
  flex: 0 0 auto;
  width: 8.125rem;
}
.c-confirm__list-item--txt {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 500;
}
.c-confirm__bottom-txt {
  font-size: 0.75rem;
  line-height: 1.4166666667;
  text-align: center;
  font-weight: 400;
  margin-bottom: 1rem;
}
.c-confirm__bottom-btns {
  display: flex;
  justify-content: center;
  gap: 1.25rem;
}
.c-confirm__back {
  flex: 0 0 auto;
  width: 8.75rem;
}
.c-confirm__send {
  flex: 0 0 auto;
  width: 17.5rem;
}

.c-contact__ttl {
  font-size: 0.875rem;
  font-weight: 700;
  margin-bottom: 1.25rem;
  line-height: 1.4285714286;
}
.c-contact__item {
  display: flex;
  align-items: flex-start;
}
.c-contact__item:nth-child(n+2) {
  margin-top: 1.25rem;
}
.c-contact__item-ttl {
  flex: 0 0 auto;
  width: 8.125rem;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  padding-top: 0.4375rem;
}
.c-contact__item-body {
  flex: 1 1 auto;
}
.c-contact__item-body select,
.c-contact__item-body input[type=text],
.c-contact__item-body textarea {
  border: 1px solid #D3D3D3;
  border-radius: 0.25rem;
  min-height: 2.125rem;
  width: 100%;
  max-width: 28.125rem;
  font-size: 1rem;
  line-height: 1.5;
  padding: 0.25rem 0.6875rem;
  font-weight: 500;
  appearance: none;
}
.c-contact__item-body select {
  background: url(/assets/select-6f412de8ddad60e491022bb442358db8c7c4da5c6ba8b4edf977d9d917383204.svg) no-repeat right 0.625rem center/0.5rem auto;
}
.c-contact__item-body textarea {
  resize: none;
  min-height: 10rem;
}
.c-contact__bottom-txt {
  text-align: center;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4166666667;
  margin-bottom: 1rem;
}
.c-contact__bottom .common-form__btn-search {
  margin: 0 auto;
}

.csv-upload-area .upload-area {
  text-align: center;
  border: 1px solid #CBCBCB;
  border-radius: 4px;
  padding: 40px 0;
  background-color: white;
}
.csv-upload-area .upload-area.dragging {
  opacity: 0.7;
  background-color: #F5F5F5;
}
.csv-upload-area .upload-area .select-btn {
  width: 200px;
  height: 40px;
  border-radius: 4px;
  font-size: 14px;
  line-height: 40px;
  margin-top: 10px;
  margin-bottom: 10px;
  cursor: pointer;
  color: #fff;
  background-color: #525252;
}
.csv-upload-area .upload-area .text {
  color: #9D9D9D;
}
.csv-upload-area .upload-area .text.text--strong {
  font-weight: bold;
}
.csv-upload-area .upload-area .text.text--small {
  font-size: 14px;
}
.csv-upload-area .upload-area .upload {
  margin: 24px 0;
}
.csv-upload-area .upload-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
  width: 100%;
}
.csv-upload-area .upload-footer .upload-btn {
  width: 160px;
  height: 40px;
  color: #fff;
  font-size: 14px;
  border-radius: 4px;
}
.csv-upload-area .upload-footer .upload-btn:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}
.csv-upload-area .upload-footer .upload-btn--master {
  background-color: #1FA39E;
}
.csv-upload-area .upload-footer .upload-btn--group {
  background-color: #DE8A6D;
}

.c-dashboard__search {
  margin-top: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
  padding-bottom: 0.625rem;
}
.c-dashboard__search-btn {
  padding-left: 1.125rem;
  background: #1FA39E url(/assets/search-white-1a4cc088a225afab07791d08fa6bc3f90cc3ee8489d0b04336920e2db9794acd.svg) no-repeat left 2.5rem center/0.9375rem;
}
.c-dashboard__inputs {
  gap: 0.9375rem;
}
.c-dashboard__inputs .common-form__label input[type=radio] + ._label {
  font-size: 0.8125rem;
  width: 4.25rem;
  height: 2.125rem;
}
.c-dashboard__inputs .common-form__date .form-control {
  height: 2.125rem;
  font-size: 0.8125rem;
}
.c-dashboard__inputs .l-applicants__form-label--box {
  margin-bottom: 0;
  gap: 0.5rem;
  align-items: center;
}
.c-dashboard__btns {
  flex: 1 0 auto;
  justify-content: flex-end;
  margin-left: auto;
}
.c-dashboard__btns ._flex {
  display: flex;
}
.c-dashboard__btns .common-form__btn-search {
  width: 10rem;
  height: 1.875rem;
}
.c-dashboard__btns .common-form__btn-reset {
  width: 8.75rem;
  height: 1.875rem;
}

.l-applicants__list .indicator--absolute, .common-table__wrapper .indicator--absolute {
  position: absolute;
  left: 0;
  top: -2px;
}
.l-applicants__list .indicator--absolute.info, .common-table__wrapper .indicator--absolute.info {
  background-color: #FFD700;
  font-size: 9px;
}

.daycareCenterAnnualSchedules .no-events-message {
  text-align: center;
  color: #666;
  font-size: 14px;
  margin-bottom: 24px;
}
.daycareCenterAnnualSchedules .annual-schedule-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 8px;
}
.daycareCenterAnnualSchedules .annual-schedule-table tr {
  overflow: hidden;
}
.daycareCenterAnnualSchedules .annual-schedule-table tr.has-event {
  display: table-row;
  font-family: "Noto Sans JP", sans-serif;
}
.daycareCenterAnnualSchedules .annual-schedule-table tr.has-event td {
  padding: 0;
  border: none;
}
.daycareCenterAnnualSchedules .annual-schedule-table tr.has-event .row-wrapper {
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  display: flex;
}
.daycareCenterAnnualSchedules .annual-schedule-table tr.has-event .month {
  width: 80px;
  font-size: 14px;
  font-weight: 500;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  border-right: 1px solid #e6e6e6;
  display: flex;
  align-items: center;
  justify-content: center;
}
.daycareCenterAnnualSchedules .annual-schedule-table tr.has-event .event {
  padding: 12px 16px;
  font-size: 13px;
  flex: 1;
  line-height: normal;
}
.daycareCenterAnnualSchedules .annual-schedule-table tr.has-event .word-break {
  word-break: break-all;
}
.daycareCenterAnnualSchedules .annual-schedule-table tr.spring .month {
  background-color: #FFF5FB;
}
.daycareCenterAnnualSchedules .annual-schedule-table tr.summer .month {
  background-color: #F0F8F1;
}
.daycareCenterAnnualSchedules .annual-schedule-table tr.autumn .month {
  background-color: #FFF3DF;
}
.daycareCenterAnnualSchedules .annual-schedule-table tr.winter .month {
  background-color: #EEF8FF;
}
.daycareCenterAnnualSchedules .annual-schedule-table tr.other .month {
  background-color: #FAFAFA;
}

.c-availability-table {
  text-align: center;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .c-availability-table {
    width: 97%;
    margin: 16px auto;
  }
}
.c-availability-table th {
  width: 16.5%;
  border-top: 1px solid #E6E6E6;
  border-left: 1px solid #E6E6E6;
  font-size: 12px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  padding: 6px 1%;
}
.c-availability-table th:last-child {
  border-right: 1px solid #E6E6E6;
}
.c-availability-table td {
  width: 16.5%;
  border-top: 1px solid #E6E6E6;
  border-left: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
  padding: 4px 12px;
  white-space: nowrap;
  height: 25px;
}
.c-availability-table td:last-child {
  border-right: 1px solid #E6E6E6;
}
.c-availability-table-ok {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1.5px solid #FF0000;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin: auto;
}
.c-availability-table-ng--left {
  border-left: 1.5px solid #B6B6B6;
  width: 0px;
  height: 12px;
  display: inline-block;
  transform: rotate(-45deg);
  border-radius: 3px;
  margin-right: -5px;
}
.c-availability-table-ng--right {
  border-right: 1.5px solid #B6B6B6;
  width: 0px;
  height: 12px;
  display: inline-block;
  transform: rotate(45deg);
  border-radius: 3px;
}
.c-availability-table .tel {
  font-size: 12px;
  line-height: 16px;
  color: #535353;
}

.c-daycare-center__header {
  margin-top: 34px;
}
@media screen and (max-width: 768px) {
  .c-daycare-center__header {
    margin-top: 8px;
  }
}
.c-daycare-center__header .category {
  font-size: 11px;
  font-weight: 500;
  height: 25px;
  border-radius: 4px;
  background: #ffdfe1;
  color: #d8313b;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 8px;
}
.c-daycare-center__header .categoryArea {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.c-daycare-center__header .categoryDateSp {
  font-size: 13px;
  font-weight: 500;
  color: #323232;
}
.c-daycare-center__header .category.licensed {
  background: #FFE8F0 !important;
  color: #FF679E !important;
}
.c-daycare-center__header .category.certified {
  background: #DBEFDD !important;
  color: #5EA765 !important;
}
.c-daycare-center__header .category.company {
  background: #E9E9F6 !important;
  color: #6360FF !important;
}
.c-daycare-center__header .category.international_preschool {
  background: #FAECE0 !important;
  color: #E99A50 !important;
}
.c-daycare-center__header .category.unlicensed {
  background: #E8F0FA !important;
  color: #5BA6FF !important;
}
.c-daycare-center__header .category.certified_child_center {
  background: #F8F3DB !important;
  color: #EBCC26 !important;
}
.c-daycare-center__header .category.community_base {
  background: #F5E9FF !important;
  color: #BD84EA !important;
}
.c-daycare-center__header .category.kindergarten {
  background: #FFDFE1 !important;
  color: #EE3D48 !important;
}
.c-daycare-center__header .nurserySchoolName {
  font-size: 20px;
  font-weight: 600;
  color: #484848;
  padding-top: 8px;
}
@media screen and (max-width: 768px) {
  .c-daycare-center__header .nurserySchoolName {
    font-size: 18px;
  }
}
.c-daycare-center__header .nurserySchoolAddress {
  font-size: 15px;
  font-weight: 500;
  color: #979797;
  padding-top: 8px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .c-daycare-center__header .nurserySchoolAddress {
    font-size: 13px;
  }
}
.c-daycare-center__content {
  margin-top: 32px;
  display: grid;
  grid-template-columns: 62% 33%;
  gap: 5%;
}
@media screen and (max-width: 768px) {
  .c-daycare-center__content {
    grid-template-columns: 1fr;
    margin-top: 16px;
  }
}
.c-daycare-center__contentStatus {
  font-size: 18px;
  font-weight: 600;
  padding-top: 24px;
}
@media screen and (max-width: 768px) {
  .c-daycare-center__contentStatus {
    font-size: 13px;
    padding-top: 16px;
  }
}
.c-daycare-center__content .allowedAgeTable {
  margin-top: 8px;
  text-align: center;
  width: 99%;
  border-collapse: initial;
  border-radius: 5px;
  border-spacing: 0;
  border: 1px solid #dad8d8;
}
@media screen and (max-width: 768px) {
  .c-daycare-center__content .allowedAgeTable {
    margin-top: 24px;
  }
}
.c-daycare-center__content .allowedAgeTable tr {
  height: 45px;
}
@media screen and (max-width: 768px) {
  .c-daycare-center__content .allowedAgeTable tr {
    height: 39px;
  }
}
.c-daycare-center__content .allowedAgeTable th {
  background: #65a09a;
  color: #fff;
  width: 16.5%;
  border-left: 1px solid #dad8d8;
  font-size: 13px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  white-space: nowrap;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .c-daycare-center__content .allowedAgeTable th {
    font-size: 12px;
  }
}
.c-daycare-center__content .allowedAgeTable th:first-child {
  border-left: none;
  border-radius: 5px 0 0 0;
}
.c-daycare-center__content .allowedAgeTable th:last-child {
  border-radius: 0 5px 0 0;
}
.c-daycare-center__content .allowedAgeTable td {
  width: 16.5%;
  border-top: 1px solid #dad8d8;
  border-left: 1px solid #dad8d8;
  background: #fff;
  vertical-align: middle;
}
.c-daycare-center__content .allowedAgeTable td:first-child {
  border-left: none;
  border-radius: 0 0 0 5px;
}
.c-daycare-center__content .allowedAgeTable td:last-child {
  border-radius: 0 0 5px 0;
}
.c-daycare-center__content .allowedAgeTableOk {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 1.5px solid #ff0000;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin: 0 auto;
}
.c-daycare-center__content .allowedAgeTableNgLeft {
  border-left: 1.5px solid #b6b6b6;
  width: 0px;
  height: 15px;
  display: inline-block;
  transform: rotate(-45deg);
  border-radius: 3px;
  margin-right: -1px;
}
@media screen and (max-width: 768px) {
  .c-daycare-center__content .allowedAgeTableNgLeft {
    height: 12px;
    border-left: 1.5px solid #b6b6b6;
  }
}
.c-daycare-center__content .allowedAgeTableNgRight {
  border-left: 1.5px solid #b6b6b6;
  width: 0px;
  height: 15px;
  display: inline-block;
  transform: rotate(45deg);
  padding-left: 0px;
  border-radius: 1px;
}
@media screen and (max-width: 768px) {
  .c-daycare-center__content .allowedAgeTableNgRight {
    height: 12px;
    border-left: 1.5px solid #b6b6b6;
  }
}
.c-daycare-center__content .allowedAgeTable .tel {
  font-size: 12px;
  color: #535353;
}
.c-daycare-center__content .facilityFeatures {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  margin-top: 16px;
  gap: 3%;
}
@media screen and (max-width: 768px) {
  .c-daycare-center__content .facilityFeatures {
    font-size: 11px;
    margin-top: 12px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }
}
.c-daycare-center__content .facilityFeaturesBox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
  padding: 3%;
  text-align: center;
  gap: 8px;
  max-width: 154px;
  height: 110px;
  width: 25%;
  background: #e1e8e7;
  color: #1e5a54;
}
@media screen and (max-width: 768px) {
  .c-daycare-center__content .facilityFeaturesBox {
    padding: 5% 2%;
    max-width: initial;
    width: initial;
    height: 88px;
    gap: 8px;
  }
}
.c-daycare-center__content .facilityFeaturesBoxNg {
  background: #efefef;
  color: #b6b6b6;
}
.c-daycare-center__content .facilityFeaturesBox .imgBox {
  width: 40px;
  height: 40px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .c-daycare-center__content .facilityFeaturesBox .imgBox {
    width: 24px;
    height: 24px;
  }
}
.c-daycare-center__content .detailBoxes {
  background: #fff;
  padding-top: 24px;
  margin-top: 24px;
  border-radius: 8px;
  border: 1px solid #E4E0E0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .c-daycare-center__content .detailBoxes {
    margin-top: 16px;
    padding-top: 16px;
  }
}
.c-daycare-center__content .detailBoxes__title {
  font-size: 18px;
  font-weight: 700;
  color: #323232;
}
@media screen and (max-width: 768px) {
  .c-daycare-center__content .detailBoxes__title {
    font-size: 15px;
  }
}
.c-daycare-center__content .detailBoxes .policyBox {
  padding: 14px 0px 24px;
  margin: 0 24px;
  border-bottom: 1px solid #c5c0c0;
}
@media screen and (max-width: 768px) {
  .c-daycare-center__content .detailBoxes .policyBox {
    padding: 8px 0px 24px;
    margin: 0 16px;
    font-size: 11px;
  }
}
.c-daycare-center__content .detailBoxes .policyBox p {
  line-height: 1.46;
}
.c-daycare-center__content .detailBoxes .policyBoxText {
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  padding-top: 14px;
  color: #535353;
}
@media screen and (max-width: 768px) {
  .c-daycare-center__content .detailBoxes .policyBoxText {
    font-size: 13px;
    padding-top: 16px;
  }
}
.c-daycare-center__content .detailBoxes .featureBox {
  padding: 24px 0px;
  margin: 0 24px;
  border-bottom: 1px solid #c5c0c0;
}
@media screen and (max-width: 768px) {
  .c-daycare-center__content .detailBoxes .featureBox {
    padding: 16px 0px;
    margin: 0 16px;
  }
}
.c-daycare-center__content .detailBoxes .featureBoxFlex {
  margin-top: 24px;
  padding: 20px 16px;
  border-radius: 8px;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px;
  row-gap: 16px;
  background-color: #F9F9F9;
}
@media screen and (max-width: 768px) {
  .c-daycare-center__content .detailBoxes .featureBoxFlex {
    gap: 8px;
    padding: 16px;
  }
}
.c-daycare-center__content .detailBoxes .featureBoxFlexItem {
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 11px;
  font-weight: 600;
  color: #1e5a54;
  background: #FFF;
  border: 1px solid #1e5a54;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 4px;
  padding: 6px 8px;
}
@media screen and (max-width: 768px) {
  .c-daycare-center__content .detailBoxes .featureBoxFlexItem {
    font-size: 14px;
  }
}
.c-daycare-center__content .detailBoxes .featureBoxFlexItem .imgBox {
  width: 18px;
  height: 18px;
}
.c-daycare-center__content .detailBoxes .featureBoxFlexItemNg {
  background: white;
  color: #B9C8C8;
  border: none;
}
.c-daycare-center__content .detailBoxes .featureBoxFlexRow {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media screen and (max-width: 768px) {
  .c-daycare-center__content .detailBoxes .featureBoxFlexRow {
    gap: 18px;
  }
}
.c-daycare-center__content .detailBoxes .annualScheduleBox {
  padding: 24px 0px;
  margin: 0 24px;
  border-bottom: 1px solid #c5c0c0;
}
@media screen and (max-width: 768px) {
  .c-daycare-center__content .detailBoxes .annualScheduleBox {
    padding: 16px 0px;
    margin: 0 16px;
  }
}
.c-daycare-center__content .detailBoxes .annualScheduleBox .annualScheduleBoxContent {
  margin-top: 24px;
}
.c-daycare-center__content .detailBoxes .childCareFee {
  padding: 24px 0px;
  margin: 0 24px;
  border-bottom: 1px solid #c8c8c8;
}
.c-daycare-center__content .detailBoxes .childCareFeeTitle {
  font-size: 18px;
  font-weight: 700;
  color: #323232;
  line-height: normal;
  padding-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .c-daycare-center__content .detailBoxes .childCareFeeTitle {
    font-size: 15px;
  }
}
.c-daycare-center__content .detailBoxes .childCareFeeContent {
  color: #363636;
  font-size: 13px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.39px;
}
.c-daycare-center__content .detailBoxes .childCareTimeBox {
  padding: 24px 0px 80px;
  margin: 0 24px;
  border-bottom: 1px solid #c8c8c8;
}
@media screen and (max-width: 768px) {
  .c-daycare-center__content .detailBoxes .childCareTimeBox {
    padding: 24px 0px 40px;
    margin: 0 16px;
  }
}
.c-daycare-center__content .detailBoxes .childCareTimeBox table {
  font-size: 13px;
  font-weight: 600;
  margin-top: 24px;
  text-align: center;
  width: 100%;
  border-bottom: 1px solid #c8c8c8;
  border-right: 1px solid #c8c8c8;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .c-daycare-center__content .detailBoxes .childCareTimeBox table {
    font-size: 14px;
    margin-top: 13px;
  }
}
.c-daycare-center__content .detailBoxes .childCareTimeBox table tr {
  height: 45px;
}
.c-daycare-center__content .detailBoxes .childCareTimeBox table th,
.c-daycare-center__content .detailBoxes .childCareTimeBox table td {
  vertical-align: middle;
}
.c-daycare-center__content .detailBoxes .childCareTimeBox table th {
  background: #65a09a;
  color: #fff;
  width: 28%;
  border-left: 1px solid #c8c8c8;
  border-top: 1px solid #c8c8c8;
}
.c-daycare-center__content .detailBoxes .childCareTimeBox table th:first-child {
  width: 16%;
}
@media screen and (max-width: 768px) {
  .c-daycare-center__content .detailBoxes .childCareTimeBox table th:first-child {
    width: 25%;
  }
}
@media screen and (max-width: 768px) {
  .c-daycare-center__content .detailBoxes .childCareTimeBox table th:last-child {
    width: 75%;
  }
}
.c-daycare-center__content .detailBoxes .childCareTimeBox table td {
  color: #535353;
  font-weight: 500;
  background: #F1F5F5;
  border-left: 1px solid #c8c8c8;
  border-top: 1px solid #c8c8c8;
}
.c-daycare-center__content .detailBoxes .childCareTimeBox table td:first-child {
  color: #323232;
  font-weight: 600;
}
.c-daycare-center__content .detailBoxes .childCareTimeBox table .holidayTable th {
  width: 16%;
}
@media screen and (max-width: 768px) {
  .c-daycare-center__content .detailBoxes .childCareTimeBox table .holidayTable th {
    width: 25%;
  }
}
.c-daycare-center__content .detailBoxes .childCareTimeBox table .holidayTable td {
  width: 84%;
}
@media screen and (max-width: 768px) {
  .c-daycare-center__content .detailBoxes .childCareTimeBox table .holidayTable td {
    width: 75%;
  }
}
.c-daycare-center__content .detailBoxes .childCareTimeBox table.round {
  border-radius: 5px;
}
.c-daycare-center__content .detailBoxes .childCareTimeBox table.round th:first-child {
  border-top-left-radius: 5px;
}
.c-daycare-center__content .detailBoxes .childCareTimeBox table.round th:last-child {
  border-top-right-radius: 5px;
}
.c-daycare-center__content .detailBoxes .childCareTimeBox table.round tr:last-child td:first-child {
  border-bottom-left-radius: 5px;
}
.c-daycare-center__content .detailBoxes .childCareTimeBox table.round tr:last-child td:last-child {
  border-bottom-right-radius: 5px;
}
.c-daycare-center__content .detailBoxes .childCareTimeBox .holidayTable.round th {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.c-daycare-center__content .detailBoxes .childCareTimeBox .holidayTable.round td {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.c-daycare-center__content .detailBoxes .childCareTimeBoxMemo {
  font-size: 13px;
  font-weight: 600;
  color: #484848;
  width: 15%;
  line-height: 1.44;
}
@media screen and (max-width: 768px) {
  .c-daycare-center__content .detailBoxes .childCareTimeBoxMemo {
    width: 100%;
    line-height: 1.21;
  }
}
.c-daycare-center__content .detailBoxes .childCareTimeBoxMemoText {
  font-size: 14px;
  font-weight: 500;
  color: #535353;
  width: 85%;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.44;
}
@media screen and (max-width: 768px) {
  .c-daycare-center__content .detailBoxes .childCareTimeBoxMemoText {
    font-size: 13px;
    width: 100%;
    padding-top: 8px;
    line-height: 1.21;
  }
}
.c-daycare-center__content .detailBoxes .childCareTimeBoxMemoWrap {
  margin-top: 16px;
  display: flex;
  gap: 3px;
}
@media screen and (max-width: 768px) {
  .c-daycare-center__content .detailBoxes .childCareTimeBoxMemoWrap {
    flex-direction: column;
    gap: 0;
  }
}
.c-daycare-center__content .detailBoxes .childCareTimeBox .mt31 {
  margin-top: 31px;
}
.c-daycare-center__content .detailBoxes .teacherBoxWrap {
  padding-bottom: 24px;
  margin: 0 24px;
  border-bottom: 1px solid #c8c8c8;
}
.c-daycare-center__content .detailBoxes .teacherBoxWrap .teacherBox {
  background: #f5f3f3;
  border-radius: 10px;
  margin: 24px 0 0;
  padding: 24px 16px;
}
@media screen and (max-width: 768px) {
  .c-daycare-center__content .detailBoxes .teacherBoxWrap .teacherBox {
    margin: 24px 0 0;
  }
}
.c-daycare-center__content .detailBoxes .teacherBoxWrap .teacherBoxImg, .c-daycare-center__content .detailBoxes .teacherBoxWrap .teacherBoxImg img {
  width: 80px;
  height: 80px;
  border-radius: 8px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .c-daycare-center__content .detailBoxes .teacherBoxWrap .teacherBoxImg, .c-daycare-center__content .detailBoxes .teacherBoxWrap .teacherBoxImg img {
    width: 50px;
    height: 50px;
  }
}
.c-daycare-center__content .detailBoxes .teacherBoxWrap .teacherBoxImg.defaultImg {
  background-image: url(/assets/teacher-fc0bfe3742b6277a4a078c63ebaa40b1d53141020ebbc83f731de2d6313914f9.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.c-daycare-center__content .detailBoxes .teacherBoxWrap .teacherBoxArea {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 16px;
}
.c-daycare-center__content .detailBoxes .teacherBoxWrap .teacherBoxAreaDiv {
  width: 100%;
}
.c-daycare-center__content .detailBoxes .teacherBoxWrap .teacherBoxWord {
  height: 50px;
  font-size: 13px;
  font-weight: 700;
  color: #323232;
  border-bottom: 1px solid #c5c0c0;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .c-daycare-center__content .detailBoxes .teacherBoxWrap .teacherBoxWord {
    height: 25px;
    align-items: baseline;
  }
}
.c-daycare-center__content .detailBoxes .teacherBoxWrap .teacherBoxName {
  height: 50px;
  font-size: 13px;
  font-weight: 700;
  color: #323232;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .c-daycare-center__content .detailBoxes .teacherBoxWrap .teacherBoxName {
    font-size: 15px;
    height: 25px;
    align-items: end;
  }
}
.c-daycare-center__content .detailBoxes .teacherBoxWrap .teacherBoxMessage {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.46;
  color: #535353;
  padding-top: 16px;
}
@media screen and (max-width: 768px) {
  .c-daycare-center__content .detailBoxes .teacherBoxWrap .teacherBoxMessage {
    font-size: 13px;
  }
}
.c-daycare-center__content .detailBoxes .reviewsBox {
  padding: 24px 0;
  margin: 0 24px;
  border-bottom: 1px solid #c8c8c8;
}
.c-daycare-center__content .detailBoxes .reviewsBox .reviewsHeader {
  margin-bottom: 24px;
  display: flex;
  justify-content: space-between;
}
.c-daycare-center__content .detailBoxes .reviewsBox .reviewsHeader h2 {
  font-size: 18px;
  font-weight: 700;
  color: #323232;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .c-daycare-center__content .detailBoxes .reviewsBox .reviewsHeader h2 {
    font-size: 15px;
  }
}
.c-daycare-center__content .detailBoxes .reviewsBox .reviewsHeader span {
  font-size: 13px;
  font-weight: 500;
  color: #535353;
  line-height: 1.46;
}
@media screen and (max-width: 768px) {
  .c-daycare-center__content .detailBoxes .reviewsBox .reviewsHeader span {
    font-size: 10px;
  }
}
.c-daycare-center__content .detailBoxes .reviewsBox .reviewsHeader .reviewPostBtn {
  padding: 10px 32px;
  border: 2px solid #65a09a;
  font-size: 0.6875rem;
  border-radius: 30px;
  color: #65a09a;
}
.c-daycare-center__content .detailBoxes .reviewsBox .reviewsSearch {
  margin-bottom: 24px;
}
.c-daycare-center__content .detailBoxes .reviewsBox .reviewsSearch p {
  font-size: 13px;
  color: #535353;
  margin-bottom: 12px;
}
@media screen and (max-width: 768px) {
  .c-daycare-center__content .detailBoxes .reviewsBox .reviewsSearch p {
    font-size: 10px;
  }
}
.c-daycare-center__content .detailBoxes .reviewsBox .reviewsSearch .reviewsSearchType {
  display: flex;
  gap: 4px;
}
.c-daycare-center__content .detailBoxes .reviewsBox .reviewsSearch .reviewsSearchType a {
  font-size: 13px;
  display: block;
  padding: 12px 16px;
  border: 1px solid #eee;
  border-radius: 20px 20px 20px 20px;
  box-shadow: 0px 5px 10px -1px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 768px) {
  .c-daycare-center__content .detailBoxes .reviewsBox .reviewsSearch .reviewsSearchType a {
    font-size: 10px;
  }
}
.c-daycare-center__content .detailBoxes .reviewsBox .reviewsSearch .reviewsSearchType a.active {
  box-shadow: none;
  background: #65a09a;
  color: #fff;
}
.c-daycare-center__content .detailBoxes .reviewsBox .reviewCard {
  width: 100%;
  padding: 16px;
  border: 1px solid #E4E0E0;
  border-radius: 10px;
  margin-bottom: 24px;
}
.c-daycare-center__content .detailBoxes .reviewsBox .reviewCard .posted_at {
  font-size: 0.6875rem;
  color: #363636;
}
.c-daycare-center__content .detailBoxes .reviewsBox .reviewCard .reviewCardHeader {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 24px;
}
.c-daycare-center__content .detailBoxes .reviewsBox .reviewCard .reviewCardHeader .left {
  display: flex;
  align-items: center;
  gap: 8px;
}
.c-daycare-center__content .detailBoxes .reviewsBox .reviewCard .reviewCardHeader .left .avator {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  display: inline-flex;
}
.c-daycare-center__content .detailBoxes .reviewsBox .reviewCard .reviewCardHeader .left .avator img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .c-daycare-center__content .detailBoxes .reviewsBox .reviewCard .reviewCardHeader .left .avator {
    width: 30px;
    height: 30px;
  }
}
.c-daycare-center__content .detailBoxes .reviewsBox .reviewCard .reviewCardHeader .left .user {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 4px;
}
.c-daycare-center__content .detailBoxes .reviewsBox .reviewCard .reviewCardHeader .left .user .userReviewTypes {
  display: inline-flex;
  gap: 8px;
}
.c-daycare-center__content .detailBoxes .reviewsBox .reviewCard .reviewCardHeader .left .user .reviewTypeLable {
  padding: 8px 16px;
  background: #EF8D6C;
  color: #fff;
  border-radius: 3px;
  font-size: 0.6875rem;
  text-align: center;
  display: inline;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .c-daycare-center__content .detailBoxes .reviewsBox .reviewCard .reviewCardHeader .left .user .reviewTypeLable {
    padding: 4px 6px;
  }
}
.c-daycare-center__content .detailBoxes .reviewsBox .reviewCard .reviewCardHeader .left .user .posterName {
  font-size: 0.9375rem;
  font-weight: bold;
}
.c-daycare-center__content .detailBoxes .reviewsBox .reviewCard .reviewCardHeader .left .user .periodDate {
  font-size: 0.8125rem;
  color: #535353;
}
.c-daycare-center__content .detailBoxes .reviewsBox .reviewCard .reviewCardHeader .right {
  display: flex;
  align-items: start;
  justify-content: end;
}
.c-daycare-center__content .detailBoxes .reviewsBox .reviewCard .reviewCardBody {
  display: flex;
  flex-direction: column;
}
.c-daycare-center__content .detailBoxes .reviewsBox .reviewCard .reviewCardBody .pointsArea {
  display: flex;
  gap: 8px;
  flex-direction: column;
  margin-bottom: 24px;
}
.c-daycare-center__content .detailBoxes .reviewsBox .reviewCard .reviewCardBody .pointsArea .pointsTitle {
  display: flex;
  align-items: center;
  gap: 4px;
}
.c-daycare-center__content .detailBoxes .reviewsBox .reviewCard .reviewCardBody .pointsArea .pointsTitle p {
  font-size: 0.8125rem;
  line-height: 14px;
}
.c-daycare-center__content .detailBoxes .reviewsBox .reviewCard .reviewCardBody .pointsArea .pointsTitle p.good {
  color: #FD88B2;
}
.c-daycare-center__content .detailBoxes .reviewsBox .reviewCard .reviewCardBody .pointsArea .pointsTitle p.bad {
  color: #5BA6FF;
}
.c-daycare-center__content .detailBoxes .reviewsBox .reviewCard .reviewCardBody .pointsArea .pointsComment {
  font-size: 0.8125rem;
  color: #535353;
  line-height: 1.25rem;
  white-space: pre-wrap;
}
.c-daycare-center__content .detailBoxes .reviewsBox .reviewCard .commentArea {
  padding: 24px 16px;
  background: #F5F3F3;
  border-radius: 10px;
  margin-bottom: 12px;
}
.c-daycare-center__content .detailBoxes .reviewsBox .reviewCard .commentArea .commentTitle {
  padding: 0 0 8px;
  margin: 0 0 20px;
  border-bottom: 1px solid #C5C0C0;
  display: flex;
  justify-content: space-between;
}
.c-daycare-center__content .detailBoxes .reviewsBox .reviewCard .commentArea .commentTitle p {
  font-size: 0.8125rem;
  font-weight: bold;
  color: #323232;
}
.c-daycare-center__content .detailBoxes .reviewsBox .reviewCard .commentArea .commentBody .name {
  font-size: 0.8125rem;
  font-weight: bold;
  color: #323232;
  margin-bottom: 20px;
}
.c-daycare-center__content .detailBoxes .reviewsBox .reviewCard .commentArea .commentBody .comment {
  font-size: 0.8125rem;
  color: #535353;
  line-height: 1.25rem;
  white-space: pre-wrap;
}
.c-daycare-center__content .detailBoxes .reviewsBox .reviewCard .metaArea {
  display: flex;
  justify-content: end;
}
.c-daycare-center__content .detailBoxes .reviewsBox .reviewCard .metaArea span {
  font-size: 0.6875rem;
  color: #363636;
}
.c-daycare-center__content .detailBoxes .accessBox {
  padding: 24px 24px 0px;
}
.c-daycare-center__content .detailBoxes .accessBoxAdress {
  font-size: 13px;
  font-weight: 600;
  color: #323232;
  border-bottom: 1px solid #c8c8c8;
  padding: 24px 0px 8px;
}
.c-daycare-center__content .detailBoxes .accessBoxAdress span {
  font-size: 15px;
  color: #535353;
  font-weight: 500;
  line-height: 1.46;
}
@media screen and (max-width: 768px) {
  .c-daycare-center__content .detailBoxes .accessBoxAdress span {
    display: block;
    padding-top: 8px;
  }
}
.c-daycare-center__content .detailBoxes .accessBoxStation {
  font-size: 13px;
  font-weight: 600;
  color: #323232;
  border-bottom: 1px solid #c8c8c8;
  padding: 16px 0px 8px;
  margin-bottom: 24px;
}
.c-daycare-center__content .detailBoxes .accessBoxStation span {
  font-size: 15px;
  color: #535353;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .c-daycare-center__content .detailBoxes .accessBoxStation span {
    display: block;
    padding-top: 8px;
  }
}
.c-daycare-center__content .detailBoxes .accessBoxMap {
  margin-top: 24px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .c-daycare-center__content .detailBoxes .accessBoxMap {
    padding: 0px 16px;
  }
}
.c-daycare-center__content .img__tour.ok {
  background-image: url(/assets/school_icon-375e8cdf89811ccfa33c61c77f28d9d63c5057cff2af02e38262702e0b6ece46.svg);
}
.c-daycare-center__content .img__tour.ng {
  background-image: url(/assets/school_icon_gray-5b7ce18aac09c1e39617b247673996ac0f3575bd1ff298a76c4ffc54cb3302a9.svg);
}
.c-daycare-center__content .img__extend.ok {
  background-image: url(/assets/time_icon-84f6b37e64504d24f6b56b2c7ff817e427cd5b1ce263d3e114551db37e788c5f.svg);
}
.c-daycare-center__content .img__extend.ng {
  background-image: url(/assets/time_icon_gray-a2c91e98073dc1798c13804f77aa88d8672655a5502c2e4b5979e5717a4afe66.svg);
}
.c-daycare-center__content .img__temporary.ok {
  background-image: url(/assets/clock-5feb30643a0e8cfc27cf446286bc2e8b8f10c9b6304b63f5acdf3c98bb23c097.svg);
}
.c-daycare-center__content .img__temporary.ng {
  background-image: url(/assets/clock_gray-55012cf6832d8fc2fe7dca9860197c940dcc9bfb4b3b2126211cce601078f3c0.svg);
}
.c-daycare-center__content .img__trial.ok {
  background-image: url(/assets/child_care-128340a05d4f36fc1fb2be80890fe88ffc40f923ed5b5d0f1e7482f04bd2e694.svg);
}
.c-daycare-center__content .img__trial.ng {
  background-image: url(/assets/child_care_gray-34bf86267f276a5872a47878429056dcb9f1f5ce6b58590857bcf53ceda9316e.svg);
}
.c-daycare-center__content .img__sick.ok {
  background-image: url(/assets/bandaid-6f2ed6b1860ec486d8e92f1b845cf41770956a14e95504e07e9cdcecf22152cf.svg);
}
.c-daycare-center__content .img__sick.ng {
  background-image: url(/assets/bandaid_gray-860a312b9a0b66f09650a99fadda5c56506a8517471fa6396746aa94f319c2df.svg);
}
.c-daycare-center__content .img__handicap.ok {
  background-image: url(/assets/wheelchair_pickup-f7eefb8836b685813a20222b50de5a271faf495950f84a4ece3719711bc54118.svg);
}
.c-daycare-center__content .img__handicap.ng {
  background-image: url(/assets/wheelchair_pickup_gray-dadfa08ebcb07c5caaad8621aa6f533291b64c1d23fdeca869dbda330fbc19c7.svg);
}
.c-daycare-center__content .img__holiday.ok {
  background-image: url(/assets/holiday-5293b7e4346cf157d117c48f32089b58f0f35b6f5496e6c669763dfab5067957.svg);
}
.c-daycare-center__content .img__holiday.ng {
  background-image: url(/assets/holiday_gray-13c3c6bdd22de21645351dd191e098ffb5a644ce8d2334d79facdcde97fef2e6.svg);
}
.c-daycare-center__content .img__night.ok {
  background-image: url(/assets/bedtime-6e932d9988481fe4b66fc57086c5368b244884dee28cc86a2be1dcc68884ab6d.svg);
}
.c-daycare-center__content .img__night.ng {
  background-image: url(/assets/bedtime_gray-f35c027bd9d7776629121215e9b217fa161de3a536bb2fe2444307931aea7dcf.svg);
}
.c-daycare-center__content .img__yard.ok {
  background-image: url(/assets/playground-a108afd8f2c4169fb05f69d9b181e7613bfb6b9b9deae365e21b65ed8f074d21.svg);
}
.c-daycare-center__content .img__yard.ng {
  background-image: url(/assets/playground_gray-69f403e096ce5e3352979df235b8fbf5f64a3f59b2ae5b46a368c43a610a3b9d.svg);
}
.c-daycare-center__content .img__school_lunch.ok {
  background-image: url(/assets/restaurant-a8e418d8af1321b6efd8c6601d68cb848cf0ed92e2c5e1676285d86ac430ca70.svg);
}
.c-daycare-center__content .img__school_lunch.ng {
  background-image: url(/assets/restaurant_gray-b68dbbfb87061fd03460299d0f5fca3d6510b535664198f50f38003284ef3147.svg);
}
.c-daycare-center__content .img__allergy_support.ok {
  background-image: url(/assets/allergy-1e90fa4d2a25a27b1ba3cc93243a582b88442a20b79f40e508b10755c2be2ed4.svg);
}
.c-daycare-center__content .img__allergy_support.ng {
  background-image: url(/assets/allergy_gray-9b625e8d26b3922ed61313de6e828790493e8d0d142be0fcd02bcab17edfb2a8.svg);
}
.c-daycare-center__content .img__parking.ok {
  background-image: url(/assets/parking-f81a84f1b91e70f3eb2ff5fe3b306e5e4f2e8c4a2e856a145b3b8c90620e7d4e.svg);
}
.c-daycare-center__content .img__parking.ng {
  background-image: url(/assets/parking_gray-79c4b4dd023c3c9fc3cb071cc62ca0354cc5f4b451e50495bcd0488c23a3d39f.svg);
}
.c-daycare-center__content .img__school_bus.ok {
  background-image: url(/assets/directions_bus-4813a1369875805ce6cb2557b896ddda24d467c9fcbe28491c2da28368c6b45d.svg);
}
.c-daycare-center__content .img__school_bus.ng {
  background-image: url(/assets/directions_bus_gray-175e38b0f99fa8942a01429fa95a9a4798ef5c9d0442863f9c4ea713e510671a.svg);
}
.c-daycare-center__content .img__extracurricular_education.ok {
  background-image: url(/assets/menu_book-96ca40150525d60312b329073740396d8ef7aae1569c408e85a48e641f6939ba.svg);
}
.c-daycare-center__content .img__extracurricular_education.ng {
  background-image: url(/assets/menu_book_gray-a6d9db6c6285bc0a9e79f25d7f7e63c69fcd6295146342abb7f41977797848c2.svg);
}
.c-daycare-center__content .img__pool.ok {
  background-image: url(/assets/pool-4318acb8dc19daef0046b769cc666efdebc51edb3ed0262860a2d85b4c607b6a.svg);
}
.c-daycare-center__content .img__pool.ng {
  background-image: url(/assets/pool_gray-5a10df0313940ed14a3fd2e37670d745d825331caab9736289fe686a746cf348.svg);
}
.c-daycare-center__content .img__pre_interview.ok {
  background-image: url(/assets/mendan-7d658974e3c601584d8100b98a7907f4b10a418f78e54eeb8ac1d3ef933ee00c.svg);
}
.c-daycare-center__content .img__pre_interview.ng {
  background-image: url(/assets/mendan_gray-2370d3573890cbff39e523452fa83e1b8a8e7cd1f7a34213b3dca06a9f99e421.svg);
}
.c-daycare-center .mainImageSwiperPrev {
  left: -33px !important;
  background: #fff;
  box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.15) !important;
}
.c-daycare-center .mainImageSwiperPrev.spOnly {
  display: block !important;
}
@media screen and (max-width: 768px) {
  .c-daycare-center .mainImageSwiperPrev {
    display: block !important;
    transform: scale(0.8);
    left: -2px !important;
  }
}
.c-daycare-center .mainImageSwiperNext {
  right: -33px !important;
  background: #fff;
  box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.15) !important;
}
.c-daycare-center .mainImageSwiperNext.spOnly {
  display: block !important;
}
@media screen and (max-width: 768px) {
  .c-daycare-center .mainImageSwiperNext {
    display: block !important;
    right: -2px !important;
    transform: scale(0.8);
  }
}
.c-daycare-center .mainImageSwiperSlide {
  border-radius: 15px;
  max-height: 419px;
  object-fit: cover;
  aspect-ratio: 16/9;
}
.c-daycare-center .mainImageSwiperSlide img, .c-daycare-center .mainImageSwiperSlide video {
  border-radius: 15px;
}
.c-daycare-center .mainImageSwiperSlide video {
  width: 100%;
  height: 100%;
}

.c-daycare-center--screenMd .c-daycare-center__header {
  margin-top: 8px;
}
.c-daycare-center--screenMd .c-daycare-center__header .nurserySchoolName {
  font-size: 18px;
}
.c-daycare-center--screenMd .c-daycare-center__header .nurserySchoolAddress {
  font-size: 13px;
}
.c-daycare-center--screenMd .reportImage {
  object-fit: cover;
  max-height: 201px;
  padding: 0px 0px;
}
.c-daycare-center--screenMd .c-daycare-center__content {
  grid-template-columns: 1fr;
  margin-top: 16px;
}
.c-daycare-center--screenMd .c-daycare-center__contentStatus {
  font-size: 13px;
  padding-top: 16px;
}
.c-daycare-center--screenMd .c-daycare-center__content .allowedAgeTable {
  margin-top: 24px;
}
.c-daycare-center--screenMd .c-daycare-center__content .allowedAgeTable tr {
  height: 39px;
}
.c-daycare-center--screenMd .c-daycare-center__content .allowedAgeTable th {
  font-size: 12px;
}
.c-daycare-center--screenMd .c-daycare-center__content .allowedAgeTableNgLeft {
  height: 12px;
  border-left: 1.5px solid #b6b6b6;
}
.c-daycare-center--screenMd .c-daycare-center__content .allowedAgeTableNgRight {
  height: 12px;
  border-left: 1.5px solid #b6b6b6;
}
.c-daycare-center--screenMd .c-daycare-center__content .facilityFeatures {
  font-size: 11px;
  margin-top: 12px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.c-daycare-center--screenMd .c-daycare-center__content .facilityFeaturesBox {
  padding: 5% 2%;
  max-width: initial;
  width: initial;
  height: 88px;
  gap: 8px;
}
.c-daycare-center--screenMd .c-daycare-center__content .facilityFeaturesBox .imgBox {
  width: 24px;
  height: 24px;
}
.c-daycare-center--screenMd .c-daycare-center__content .detailBoxes {
  margin-top: 16px;
  padding-top: 16px;
}
.c-daycare-center--screenMd .c-daycare-center__content .detailBoxes__title {
  font-size: 15px;
}
.c-daycare-center--screenMd .c-daycare-center__content .detailBoxes .policyBox {
  padding: 8px 0px 24px;
  margin: 0 16px;
  font-size: 11px;
}
.c-daycare-center--screenMd .c-daycare-center__content .detailBoxes .policyBoxText {
  font-size: 13px;
  padding-top: 16px;
}
.c-daycare-center--screenMd .c-daycare-center__content .detailBoxes .featureBox {
  padding: 16px 0px;
  margin: 0 16px;
}
.c-daycare-center--screenMd .c-daycare-center__content .detailBoxes .featureBoxFlex {
  gap: 18px;
  padding: 24px 6px 0px;
}
.c-daycare-center--screenMd .c-daycare-center__content .detailBoxes .featureBoxFlexItem {
  font-size: 14px;
}
.c-daycare-center--screenMd .c-daycare-center__content .detailBoxes .featureBoxFlexRow {
  gap: 18px;
}
.c-daycare-center--screenMd .c-daycare-center__content .detailBoxes .childCareFee {
  padding: 24px 0px;
  margin: 0 24px;
  border-bottom: 1px solid #c8c8c8;
}
.c-daycare-center--screenMd .c-daycare-center__content .detailBoxes .childCareFeeTitle {
  font-size: 18px;
  font-weight: 700;
  color: #323232;
  line-height: normal;
  padding-bottom: 16px;
}
.c-daycare-center--screenMd .c-daycare-center__content .detailBoxes .childCareFeeContent {
  color: #363636;
  font-size: 13px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.39px;
}
.c-daycare-center--screenMd .c-daycare-center__content .detailBoxes .childCareTimeBox {
  padding: 24px 0px 40px;
  margin: 0 16px;
}
.c-daycare-center--screenMd .c-daycare-center__content .detailBoxes .childCareTimeBox .spAppearTable {
  display: table;
}
.c-daycare-center--screenMd .c-daycare-center__content .detailBoxes .childCareTimeBox table {
  font-size: 14px;
  margin-top: 13px;
}
.c-daycare-center--screenMd .c-daycare-center__content .detailBoxes .childCareTimeBox table th:first-child {
  width: 25%;
}
.c-daycare-center--screenMd .c-daycare-center__content .detailBoxes .childCareTimeBox table th:last-child {
  width: 75%;
}
.c-daycare-center--screenMd .c-daycare-center__content .detailBoxes .childCareTimeBox table .holidayTable th {
  width: 25%;
}
.c-daycare-center--screenMd .c-daycare-center__content .detailBoxes .childCareTimeBox table .holidayTable td {
  width: 75%;
}
.c-daycare-center--screenMd .c-daycare-center__content .detailBoxes .childCareTimeBoxMemo {
  width: 100%;
}
.c-daycare-center--screenMd .c-daycare-center__content .detailBoxes .childCareTimeBoxMemoText {
  font-size: 13px;
  width: 100%;
  padding-top: 8px;
}
.c-daycare-center--screenMd .c-daycare-center__content .detailBoxes .childCareTimeBoxMemoWrap {
  flex-direction: column;
  gap: 0;
}
.c-daycare-center--screenMd .c-daycare-center__content .detailBoxes .teacherBox {
  margin: 24px 16px 0px;
}
.c-daycare-center--screenMd .c-daycare-center__content .detailBoxes .teacherBox .teacherBoxImg, .c-daycare-center--screenMd .c-daycare-center__content .detailBoxes .teacherBox img {
  width: 50px;
  height: 50px;
}
.c-daycare-center--screenMd .c-daycare-center__content .detailBoxes .teacherBoxWord {
  height: 25px;
  align-items: baseline;
}
.c-daycare-center--screenMd .c-daycare-center__content .detailBoxes .teacherBoxName {
  font-size: 15px;
  height: 25px;
  align-items: end;
}
.c-daycare-center--screenMd .c-daycare-center__content .detailBoxes .teacherBoxMessage {
  font-size: 13px;
}
.c-daycare-center--screenMd .c-daycare-center__content .detailBoxes .accessBoxAdress span {
  display: block;
  padding-top: 8px;
}
.c-daycare-center--screenMd .c-daycare-center__content .detailBoxes .accessBoxStation span {
  display: block;
  padding-top: 8px;
}
.c-daycare-center--screenMd .c-daycare-center__content .detailBoxes .accessBoxMap {
  padding: 0px 16px;
}
.c-daycare-center--screenMd .mainImageSwiperPrev {
  left: -100px !important;
  width: 40px !important;
  height: 40px !important;
}
.c-daycare-center--screenMd .mainImageSwiperPrev.spOnly {
  display: block !important;
  transform: scale(0.8);
  left: -2px !important;
}
.c-daycare-center--screenMd .mainImageSwiperPrev:after, .c-daycare-center--screenMd .mainImageSwiperPrev:before {
  top: 15px;
  left: 15px;
}
.c-daycare-center--screenMd .mainImageSwiperPrev:before {
  top: 24px;
  left: 8px;
}
.c-daycare-center--screenMd .mainImageSwiperNext {
  right: 0px !important;
  width: 40px !important;
  height: 40px !important;
}
.c-daycare-center--screenMd .mainImageSwiperNext.spOnly {
  display: block !important;
  right: -2px !important;
  transform: scale(0.8);
}
.c-daycare-center--screenMd .mainImageSwiperNext:after, .c-daycare-center--screenMd .mainImageSwiperNext:before {
  top: 15px;
  left: 18px;
}
.c-daycare-center--screenMd .mainImageSwiperNext:before {
  top: 24px;
  left: 11px;
}

.swiper-mask {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
  background: red;
  display: none;
}

.featureImagesArea {
  margin-top: 16px;
}
@media screen and (max-width: 768px) {
  .featureImagesArea {
    margin-top: 22px;
  }
}
.featureImagesArea .featureImagesArea__items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px 12px;
}
@media screen and (max-width: 768px) {
  .featureImagesArea .featureImagesArea__items {
    gap: 8px;
  }
}
.featureImagesArea .featureImagesArea__items .featureImagesArea__item {
  width: calc((100% - 24px) / 3);
  min-width: 195px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media screen and (max-width: 768px) {
  .featureImagesArea .featureImagesArea__items .featureImagesArea__item {
    width: 100%;
  }
}
.featureImagesArea .featureImagesArea__items .featureImagesArea__item .featureImagesArea__image {
  width: 100%;
  padding-top: 63.3663366337%;
  position: relative;
  border-radius: 8px;
  border: 1px solid #e6e6e6;
}
.featureImagesArea .featureImagesArea__items .featureImagesArea__item .featureImagesArea__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 8px;
}
.featureImagesArea .featureImagesArea__items .featureImagesArea__item .featureImagesArea__itemTitle {
  width: 100%;
  font-size: 15px;
  color: #323232;
  text-align: center;
  word-break: break-all;
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
}
.featureImagesArea .featureImagesArea__moreBtn {
  margin: 20px auto 0;
  width: 152px;
  height: 40px;
  border-radius: 30px;
  background-color: white;
  border: 2px solid #65A09A;
  color: #65A09A;
  font-size: 11px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.featureImagesArea .featureImagesArea__moreBtn:hover {
  background-color: #65A09A;
  color: white;
}

.featureModal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 106;
  cursor: default;
}
.featureModal.hidden {
  display: none;
}
.featureModal .featureModalWrapper {
  background: #fff;
  padding: 24px;
  border-radius: 8px;
  width: 510px;
  height: auto;
  position: relative;
}
.featureModal .featureModalWrapper .featureModal__header .featureModal__title {
  text-align: left;
  font-size: 20px;
  font-weight: bold;
  font-family: "Inter", sans-serif;
  color: #323232;
}
.featureModal .featureModalWrapper .featureModal__header .featureModal__close {
  position: absolute;
  top: 24px;
  right: 24px;
  cursor: pointer;
}
.featureModal .featureModalWrapper .featureModal__body {
  margin-top: 16px;
  overflow-x: hidden;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: start;
}
.featureModal .featureModalWrapper .featureModal__body .featureSlide {
  min-width: 100%;
  height: auto;
  transition: transform 0.5s ease;
  text-align: center;
  overflow: hidden;
}
.featureModal .featureModalWrapper .featureModal__body .featureSlide .featureSlide__image {
  width: 462px;
  height: 304px;
  border-radius: 8px;
  overflow: hidden;
}
.featureModal .featureModalWrapper .featureModal__body .featureSlide .featureSlide__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 8px;
}
.featureModal .featureModalWrapper .featureModal__body .featureSlide .featureSlide__title {
  margin-top: 24px;
  font-size: 15px;
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif;
  color: #323232;
  text-align: left;
}
.featureModal .featureModalWrapper .featureModal__body .featureSlide .featureSlide__description {
  margin-top: 12px;
  font-size: 14px;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  color: #323232;
  text-align: left;
  line-height: normal;
}
.featureModal .featureModalWrapper .featureModal__footer {
  display: flex;
  justify-content: space-between;
  margin-top: 32px;
}
.featureModal .featureModalWrapper .featureModal__footer .prev, .featureModal .featureModalWrapper .featureModal__footer .next {
  cursor: pointer;
  height: 46px;
  width: 153px;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  background-color: #65A09A;
  border-radius: 32px;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}
.featureModal .featureModalWrapper .featureModal__footer .prev.disabled, .featureModal .featureModalWrapper .featureModal__footer .next.disabled {
  background-color: #D8D8D8;
  cursor: not-allowed;
}
@media screen and (max-width: 768px) {
  .featureModal .featureModalWrapper {
    width: 327px;
    padding: 24px 16px 56px 16px;
  }
  .featureModal .featureModalWrapper .featureModal__header .featureModal__title {
    font-size: 15px;
  }
  .featureModal .featureModalWrapper .featureModal__header .featureModal__close {
    top: 16px;
    right: 16px;
  }
  .featureModal .featureModalWrapper .featureModal__body .featureSlide__image {
    width: 295px !important;
    height: 193px !important;
    overflow-y: hidden;
  }
  .featureModal .featureModalWrapper .featureModal__body .swiper-pagination {
    bottom: 24px;
  }
  .featureModal .featureModalWrapper .featureModal__body .swiper-pagination .swiper-pagination-bullet {
    border: 1px solid #65A09A !important;
    opacity: 1 !important;
    background: white !important;
  }
  .featureModal .featureModalWrapper .featureModal__body .swiper-pagination .swiper-pagination-bullet-active {
    background: #65A09A !important;
  }
}

.c-done {
  min-height: 24.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-done__box {
  text-align: center;
}
.c-done__ttl {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 700;
  margin-bottom: 1rem;
}
.c-done__txt {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 400;
}

.c-info {
  display: inline-flex;
  align-items: center;
}
.c-info__icon {
  position: relative;
  width: 1em;
  height: 1em;
}
.c-info__body {
  cursor: pointer;
  position: relative;
  left: 0.25rem;
  display: flex;
  align-items: center;
}
.c-info__body:hover .c-info__body-card {
  opacity: 1;
  pointer-events: auto;
  z-index: 99;
  visibility: visible;
}
.c-info__body-card {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.1));
  position: absolute;
  top: -0.25rem;
  right: -1.5rem;
  transform: translate(100%, 0);
  transition: opacity 0.4s ease;
}
.c-info__body-card-txt {
  color: #3B3B3B;
  text-align: left;
  position: relative;
  background: #fff;
  width: 250px;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  border-radius: 0.25rem;
  border: 1px solid #dedede;
  font-size: 0.75rem;
  padding: 8px;
}
.c-info__body-card__right::before, .c-info__body-card__right::after {
  content: "";
  position: absolute;
  top: 0.5rem;
  left: -1px;
  transform: translate(-100%, 0);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 14px 4px 0;
  border-color: transparent #dedede transparent transparent;
}
.c-info__body-card__right::after {
  left: 2px;
  border-color: transparent #ffffff transparent transparent;
}
.c-info__body-card__bottom {
  top: calc(100% + 1.5rem);
  right: 8.125rem;
}
.c-info__body-card__bottom::before, .c-info__body-card__bottom::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 7.5rem;
  transform: translate(0, -100%) rotate(0deg);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 4px 14px 4px;
  border-color: transparent transparent #dedede transparent;
}
.c-info__body-card__bottom::after {
  left: 7.5rem;
  border-color: transparent transparent #ffffff transparent;
}

.c-invoice__heading-menu {
  display: flex;
  gap: 0.8125rem;
  margin-bottom: 1.25rem;
}
.c-invoice__item {
  font-size: 1rem;
  font-weight: 500;
  border-radius: 0.25rem;
  height: 2.5rem;
  width: 10.625rem;
}
.c-invoice__item-link {
  color: #A5A5A5;
  background: #F0F0F0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.c-invoice__item-link.is-active {
  color: #fff;
  background: #1FA39E;
  pointer-events: none;
}
.c-invoice__list-head {
  display: flex;
  align-items: center;
  margin-bottom: 1.25rem;
}
.c-invoice__list-head--date {
  color: #1FA39E;
  font-size: 1rem;
  font-weight: 500;
  display: inline-block;
  margin-left: 0.75rem;
}
.c-invoice__list-head--btn {
  color: #fff;
  background: #1FA39E;
  width: 14.375rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  margin-left: auto;
}
.c-invoice__heading-items {
  border: 1px solid #d3d3d3;
  border-radius: 0.5rem;
  padding: 1.25rem;
  margin-bottom: 1.75rem;
}
.c-invoice__heading-items__btn-box {
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-invoice__heading-items__btn-box .common-btn._next {
  margin-left: 0.625rem;
}
.c-invoice__heading-items__top {
  display: flex;
  flex-wrap: wrap;
}
.c-invoice__heading-items__hr {
  border: none;
  display: block;
  background: #d3d3d3;
  height: 1px;
  margin: 0.5rem 0;
  opacity: 1;
}
.c-invoice__heading-items__value {
  color: #3b3b3b;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 500;
  margin-bottom: 0;
}
.c-invoice__heading-items__link {
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-decoration: none;
  color: #3b3b3b;
  transition: 0.4s ease;
  transition-property: opacity;
  position: relative;
  padding-right: 0.875rem;
}
.c-invoice__heading-items__link::after {
  content: "";
  width: 0.375rem;
  height: 0.625rem;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3LjIwNCIgaGVpZ2h0PSIxMS40MDgiIHZpZXdCb3g9IjAgMCA3LjIwNCAxMS40MDgiPgogIDxwYXRoIGlkPSLjg5HjgrlfMzQ3IiBkYXRhLW5hbWU9IuODkeOCuSAzNDciIGQ9Ik0wLDYsNSwwbDUsNiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNi43MDQgMC43MDQpIHJvdGF0ZSg5MCkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzNiM2IzYiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMSIvPgo8L3N2Zz4K") no-repeat center/0.375rem auto;
}
.c-invoice__heading-items__link:hover, .c-invoice__heading-items__link:active {
  opacity: 0.7;
  color: #3b3b3b;
}
.c-invoice__heading-items__month {
  color: #1FA39E;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 500;
  margin-bottom: 0.25rem;
}
.c-invoice__heading-items__item {
  background: #EFF8ED;
  border-radius: 0.25rem;
  padding: 0.75rem;
  width: 31.3953488372%;
  position: relative;
}
.c-invoice__heading-items__item::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #d3d3d3;
  pointer-events: none;
  z-index: 1;
  border-radius: 0.25rem;
  box-sizing: border-box;
}
.c-invoice__heading-items__item.active::after {
  border: 0.25rem solid #1FA39E;
}
.c-invoice__heading-items__item:not(:nth-child(3n)) {
  margin-right: 2.9069767442%;
}
.c-invoice__heading-items__item:nth-child(n+4) {
  margin-top: 1rem;
}
.c-invoice__header {
  display: flex;
  align-items: center;
  margin-bottom: 1.25rem;
}
.c-invoice__header-btn {
  margin-left: auto;
  flex: 0 0 auto;
  width: 14.375rem;
  font-size: 0.875rem;
  padding-right: 1.25rem;
  position: relative;
  margin-left: auto;
}
.c-invoice__header-bottom {
  display: inline-flex;
  border: 1px solid #DE8A6D;
  border-radius: 0.25rem;
  background: #F8F2ED;
  height: 3.125rem;
  align-items: center;
  padding: 0.6875rem 1.1875rem;
  min-width: 8.5rem;
  margin-bottom: 1.25rem;
  color: #DE8A6D;
  font-size: 1rem;
  line-height: 1.625;
  font-weight: 500;
  gap: 1.125rem;
}
.c-invoice__header-bottom .title.border-right {
  padding-right: 1.25rem;
  border-right: 1px solid #D3D3D3;
}
.c-invoice__header-bottom .disabled-btn {
  background-color: rgb(239, 239, 239);
  color: #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 12.5rem;
  height: 2.5rem;
  border-radius: 0.25rem;
  font-size: 1rem;
  font-weight: 500;
  pointer-events: none;
}
.c-invoice__header-bottom span {
  margin: 0 auto;
}
.c-invoice__summary_table {
  width: 100%;
  border-collapse: collapse;
}
.c-invoice__summary_table td,
.c-invoice__summary_table th {
  white-space: nowrap;
  border: 1px solid #D3D3D3;
  font-size: 0.75rem;
  line-height: 1.0625rem;
  padding: 0.3125rem 0.6875rem 0.375rem;
}
.c-invoice__summary_table th {
  font-weight: bold;
  background-color: #1FA39E;
  color: #fff;
}
.c-invoice__summary_table td {
  background: #F0F0F0;
}
.c-invoice__summary_table td:first-child {
  font-weight: bold;
}
.c-invoice__summary_table input {
  border: 1px solid #cccccc;
  border-radius: 5px;
  padding: 5px 10px;
  width: 80%;
  margin-right: 5px;
  text-align: center;
}
.c-invoice__table-form__row-num {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  font-size: 14px;
}
.c-invoice__table-form__row-num select {
  width: 100px;
  height: 30px;
  line-height: 30px;
  margin-left: 20px;
  margin-right: 40px;
}
.c-invoice__table {
  width: auto;
  min-width: 100%;
}
.c-invoice__table-wrapper {
  width: 100%;
  overflow: auto;
}
.c-invoice__table th, .c-invoice__table td {
  white-space: nowrap;
  padding-left: 10px;
  padding-right: 10px;
}
.c-invoice__table .discount_input {
  border: 1px solid #D3D3D3;
  padding-left: 5px;
}
.c-invoice__table .individual-operation-buttons {
  display: flex;
}
.c-invoice__table .individual-operation-buttons .btn {
  font-size: 12px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 80px;
  margin: 0 4px;
}
.c-invoice__table .individual-operation-buttons .btn:hover {
  opacity: 0.8;
  color: #fff;
}
.c-invoice__table .individual-operation-buttons .btn:disabled {
  cursor: default;
  opacity: 0.6;
}
.c-invoice__table .individual-operation-buttons .btn:disabled:hover {
  opacity: 0.6;
}
.c-invoice__search._block {
  display: block;
}
.c-invoice__search_by_area {
  border: 1px solid #D3D3D3;
  border-radius: 8px;
  padding: 20px;
  margin: 20px 0;
}
.c-invoice__search .common-form__freeword {
  margin-top: 16px;
}
.c-invoice__search .common-form__freeword input {
  height: 30px;
}
.c-invoice__search .common-form__box .common-form__checkbox:not(:first-of-type) {
  margin-left: 1.25rem;
}
.c-invoice__search .common-form__select .form-control._sort-select {
  background-color: #fff;
}
.c-invoice__edit {
  display: flex;
  align-items: center;
  margin-bottom: 1.25rem;
}
.c-invoice__edit-result {
  background: #EFF8ED;
  border: 1px solid #1FA39E;
  box-sizing: border-box;
  border-radius: 0.25rem;
  padding: 0.75rem 1.25rem;
  display: flex;
  align-items: center;
}
.c-invoice__edit-result .title {
  font-size: 1rem;
  color: #1FA39E;
  font-weight: 500;
}
.c-invoice__edit-result .num {
  font-size: 1.125rem;
  display: block;
  line-height: 1.4444444444;
  padding-left: 1.25rem;
  margin-left: 1.25rem;
  border-left: 1px solid #D3D3D3;
  font-weight: 700;
}
.c-invoice__group {
  display: flex;
  align-items: center;
}
.c-invoice__group-item:not(:last-child) {
  margin-bottom: 1.5625rem;
  padding-bottom: 1.25rem;
  border-bottom: 4px solid #F5F5F5;
}
.c-invoice__group-status {
  display: flex;
  align-items: center;
  margin-bottom: 1.25rem;
}
.c-invoice__group-status .title {
  font-size: 1.125rem;
  font-weight: 700;
  margin-right: 1.75rem;
}
.c-invoice__group-status .status {
  border: 1px solid #DE8A6D;
  background: #F8F2ED;
  border-radius: 0.25rem;
  font-size: 1rem;
  font-weight: 500;
  height: 1.875rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 1.25rem;
  min-width: 8.5rem;
}
.c-invoice__group-status .not-submitted {
  color: white;
  background: #DE8A6D;
}
.c-invoice__group-status .submitted, .c-invoice__group-status .approved {
  color: #DE8A6D;
}
.c-invoice__group-status form {
  margin-left: auto;
}
.c-invoice__research-text {
  width: 14rem;
  display: flex;
  flex-wrap: wrap;
  padding-right: 1.25rem;
  border-right: 2px solid #F5F5F5;
  margin-right: 1.25rem;
  gap: 0.5625rem 1.25rem;
}
.c-invoice__research-text input[type=text] {
  appearance: none;
  outline: none;
  width: 100%;
  border: 1px solid #D3D3D3;
  border-radius: 0.25rem;
  height: 1.875rem;
}
.c-invoice__research-select {
  flex: 0 0 auto;
  height: 3.75rem;
  display: flex;
  gap: 1.25rem;
  align-items: center;
  padding-right: 1.25rem;
  border-right: 2px solid #F5F5F5;
  margin-right: 1.25rem;
}
.c-invoice__research-radio {
  white-space: nowrap;
}
.c-invoice__research-radio input[type=radio] {
  display: none;
}
.c-invoice__research-radio input[type=radio]:checked + ._txt::after {
  opacity: 1;
}
.c-invoice__research-radio ._txt {
  padding-left: 1.375rem;
  position: relative;
}
.c-invoice__research-radio ._txt::before, .c-invoice__research-radio ._txt::after {
  content: "";
  position: absolute;
  display: block;
  border-radius: 50%;
  top: 50%;
  transform: translate(0, -50%);
}
.c-invoice__research-radio ._txt::before {
  width: 0.875rem;
  height: 0.875rem;
  border: 1px solid #A5A5A5;
  left: 0;
}
.c-invoice__research-radio ._txt::after {
  width: 0.5rem;
  height: 0.5rem;
  background: #1FA39E;
  left: 0.25rem;
  opacity: 0;
}
.c-invoice__modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 300;
  background-color: rgba(1, 1, 1, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-invoice__modal .contents {
  position: relative;
  border-radius: 10px;
  background-color: white;
  width: 500px;
  height: 325px;
  padding: 39px 23px 21px 28px;
  font-size: 16px;
  line-height: 26px;
}
.c-invoice__modal .cancel-btn {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 14px;
  height: 14px;
  font-size: 14px;
  cursor: pointer;
}
.c-invoice__modal .btn-container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 19px;
  gap: 20px;
}
.c-invoice__modal .btn-container .btn {
  width: 104px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  padding: 0;
  color: white;
  border-radius: 4px;
}
.c-invoice__modal .btn-container .btn.no {
  background-color: #717171;
}
.c-invoice__modal .btn-container .btn.yes {
  background-color: #AD0000;
}

.noLoginModal {
  display: none;
  position: fixed;
  z-index: 200;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.3);
  color: #323232;
}
.noLoginModal.show {
  display: block;
}
.noLoginModalContent {
  min-width: 510px;
  background-color: #FFF;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 24px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25), 0 20px 25px 0 rgba(15, 23, 42, 0.1), 0 10px 10px -5px rgba(15, 23, 42, 0.04);
  animation-name: modalopen;
  animation-duration: 1s;
  border-radius: 8px;
}
@media screen and (max-width: 768px) {
  .noLoginModalContent {
    min-width: 90%;
  }
}
.noLoginModalHeader {
  display: flex;
  justify-content: space-between;
}
.noLoginModalHeaderTitle {
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 30px;
}
@media screen and (max-width: 768px) {
  .noLoginModalHeaderTitle {
    font-size: 18px;
    font-weight: 600;
  }
}
.noLoginModalClose {
  display: block;
  width: 24px;
  height: 24px;
  background: #FFF;
  position: relative;
}
@media screen and (max-width: 768px) {
  .noLoginModalClose {
    background: #FFF;
    width: 20px;
  }
}
.noLoginModalClose:before, .noLoginModalClose:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #000;
  transform: rotate(45deg);
  transform-origin: 0% 50%;
  position: absolute;
  top: calc(14% - 5px);
  left: 14%;
}
.noLoginModalClose:after {
  transform: rotate(-45deg);
  transform-origin: 100% 50%;
  left: auto;
  right: 14%;
}
.noLoginModalClose:hover {
  cursor: pointer;
}
.noLoginModalBody p {
  padding: 10px 0px;
  line-height: 24px;
  color: #666666;
  font-size: 16px;
}
.noLoginModalBodyAction {
  float: right;
  padding: 18px 40px;
  background-color: #65a09a;
  color: white;
  border-radius: 60px;
  margin-top: 10px;
  font-weight: 600;
  font-size: 16px;
}
.noLoginModalBodyAction:hover {
  color: white;
}

.c-status {
  display: flex;
  gap: 0.8125rem;
}
.c-status__box {
  margin-bottom: 1.25rem;
}
.c-status__item {
  flex: 0 0 auto;
  min-width: 6.9375rem;
}
.c-status__item-head {
  height: 2rem;
  background: #1FA39E;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem 0.25rem 0 0;
  padding: 0.75rem;
}
.c-status__item-body {
  background: #F0F0F0;
  border: 1px solid #1FA39E;
  font-size: 1.875rem;
  padding: 0.75rem;
  font-weight: 900;
  color: #1FA39E;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0 0 0.25rem 0.25rem;
  min-height: 3.625rem;
}

.c-tab {
  display: flex;
}
.c-tab__item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 13.125rem;
  border: 1px solid;
  color: #A5A5A5;
  font-weight: 700;
  font-size: 1.25rem;
  border-color: #D3D3D3;
  background: #F0F0F0;
  height: 3.125rem;
}
.c-tab__item._info {
  border-radius: 0.25rem 0 0 0.25rem;
  border-right: none;
}
.c-tab__item._detail {
  border-radius: 0 0.25rem 0.25rem 0;
  border-left: none;
}
.c-tab__item.is-active {
  background: #1FA39E;
  color: #fff;
  border-color: #1FA39E;
}

.c-trial__error {
  color: #FF0000;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.4444444444;
  display: inline-block;
  padding: 0.75rem;
  background: #FFEDED;
}

#error {
  background: #F9F8F8;
}
#error .mainContents {
  max-width: 1512px;
  margin: 0 auto;
  background: #F9F8F8;
  padding: 98px 0px 28px;
}
@media screen and (max-width: 768px) {
  #error .mainContents {
    padding: 86px 0px 16px;
  }
}
#error .error {
  padding: 100px 40px 100px;
  margin: 0 14% 80px;
  border-radius: 10px;
  background: #FFF;
  border: 1px solid #E4E0E0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: flex;
}
@media screen and (max-width: 768px) {
  #error .error {
    margin: 0 4% 40px;
    padding: 32px 16px 40px;
    flex-direction: column;
  }
}
#error .errorTextArea {
  text-align: center;
  margin: 0 auto;
  padding-bottom: 53px;
}
#error .errorTextAreaTitle {
  font-size: 23px;
  font-weight: 600;
  color: #DE8A6D;
  position: relative;
  text-align: left;
}
@media screen and (max-width: 768px) {
  #error .errorTextAreaTitle {
    font-size: 18px;
  }
}
#error .errorTextAreaMessage {
  font-size: 15px;
  line-height: 1.6;
  font-weight: 400;
  color: #535353;
  font-family: "Poppins", sans-serif;
  margin-top: 24px;
  text-align: left;
}
@media screen and (max-width: 768px) {
  #error .errorTextAreaMessage {
    font-size: 13px;
  }
}
#error .errorTextAreaTop {
  font-size: 15px;
  font-weight: 600;
  text-align: left;
  margin-top: 24px;
}
#error .errorImageArea {
  text-align: center;
}
#error .errorImageArea img {
  width: 100%;
  padding: 0 15%;
}
@media screen and (max-width: 768px) {
  #error .errorImageArea img {
    padding: 0 22px;
  }
}

#terms {
  background: #F9F8F8;
}
#terms .mainContents {
  max-width: 1512px;
  margin: 0 auto;
  background: #F9F8F8;
  padding: 24px 0px 28px;
}
@media screen and (max-width: 768px) {
  #terms .mainContents {
    padding: 86px 0px 16px;
  }
}
#terms .breadList {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 86px 14% 0;
  max-width: 1512px;
  margin: 0 auto;
}
#terms .breadListWrap {
  max-width: 1512px;
  margin: 0 auto;
}
#terms .breadList ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#terms .breadList ul li {
  font-size: 13px;
  font-weight: 600;
  color: #787878;
  position: relative;
  display: flex;
  align-items: center;
}
#terms .breadList ul li:last-child {
  color: #323232;
}
#terms .breadList ul li:last-child div {
  display: none;
}
#terms .breadList p {
  font-size: 13px;
  font-weight: 500;
  color: #323232;
}
#terms .breadListArrow {
  position: relative;
  width: 10px;
  height: 10px;
  margin: 0 12px;
  transform: translateX(-25%) rotate(45deg);
}
#terms .breadListArrow::before, #terms .breadListArrow::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 3px;
  color: #787878;
}
#terms .breadListArrow::before {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}
#terms .breadListArrow::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}
#terms .terms {
  padding: 80px 80px 80px;
  margin: 0 14% 80px;
  border-radius: 10px;
  background: #FFF;
  border: 1px solid #E4E0E0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  #terms .terms {
    margin: 0 4% 40px;
    padding: 32px 16px 40px;
  }
}
#terms .termsTextAreaTitle {
  font-size: 23px;
  font-weight: 600;
  color: #DE8A6D;
  position: relative;
  text-align: left;
}
@media screen and (max-width: 768px) {
  #terms .termsTextAreaTitle {
    font-size: 18px;
  }
}
#terms .termsTextAreaTitleWrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #C5C0C0;
  padding-bottom: 16px;
  flex-wrap: wrap;
  row-gap: 8px;
}
#terms .termsTextAreaDate {
  font-size: 15px;
  font-weight: 400;
  color: #B9B9B9;
  font-family: "Poppins", sans-serif;
}
#terms .termsTextAreaMessage {
  font-size: 15px;
  line-height: 1.6;
  font-weight: 400;
  color: #535353;
  font-family: "Poppins", sans-serif;
  margin-top: 40px;
  text-align: left;
}
@media screen and (max-width: 768px) {
  #terms .termsTextAreaMessage {
    font-size: 13px;
  }
}
#terms .termsTextAreaTop {
  font-size: 15px;
  font-weight: 600;
  text-align: left;
  margin-top: 24px;
}
#terms .termsImageArea {
  text-align: center;
}
#terms .termsImageArea img {
  width: 100%;
  padding: 0 15%;
}
@media screen and (max-width: 768px) {
  #terms .termsImageArea img {
    padding: 0 22px;
  }
}

#privacy {
  background: #F9F8F8;
}
#privacy .mainContents {
  max-width: 1512px;
  margin: 0 auto;
  background: #F9F8F8;
  padding: 24px 0px 28px;
}
@media screen and (max-width: 768px) {
  #privacy .mainContents {
    padding: 86px 0px 16px;
  }
}
#privacy .breadList {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 86px 14% 0;
  max-width: 1512px;
  margin: 0 auto;
}
#privacy .breadListWrap {
  max-width: 1512px;
  margin: 0 auto;
}
#privacy .breadList ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#privacy .breadList ul li {
  font-size: 13px;
  font-weight: 600;
  color: #787878;
  position: relative;
  display: flex;
  align-items: center;
}
#privacy .breadList ul li:last-child {
  color: #323232;
}
#privacy .breadList ul li:last-child div {
  display: none;
}
#privacy .breadList p {
  font-size: 13px;
  font-weight: 500;
  color: #323232;
}
#privacy .breadListArrow {
  position: relative;
  width: 10px;
  height: 10px;
  margin: 0 12px;
  transform: translateX(-25%) rotate(45deg);
}
#privacy .breadListArrow::before, #privacy .breadListArrow::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 3px;
  color: #787878;
}
#privacy .breadListArrow::before {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}
#privacy .breadListArrow::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}
#privacy .privacy {
  padding: 80px 80px 80px;
  margin: 0 14% 80px;
  border-radius: 10px;
  background: #FFF;
  border: 1px solid #E4E0E0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  #privacy .privacy {
    margin: 0 4% 40px;
    padding: 32px 16px 40px;
  }
}
#privacy .privacyTextAreaTitle {
  font-size: 23px;
  font-weight: 600;
  color: #DE8A6D;
  position: relative;
  text-align: left;
}
@media screen and (max-width: 768px) {
  #privacy .privacyTextAreaTitle {
    font-size: 18px;
  }
}
#privacy .privacyTextAreaTitleWrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #C5C0C0;
  padding-bottom: 16px;
  flex-wrap: wrap;
  row-gap: 8px;
}
#privacy .privacyTextAreaDate {
  font-size: 15px;
  font-weight: 400;
  color: #B9B9B9;
  font-family: "Poppins", sans-serif;
}
#privacy .privacyTextAreaMessage {
  font-size: 15px;
  line-height: 1.6;
  font-weight: 400;
  color: #535353;
  font-family: "Poppins", sans-serif;
  margin-top: 40px;
  text-align: left;
}
@media screen and (max-width: 768px) {
  #privacy .privacyTextAreaMessage {
    font-size: 13px;
  }
}
#privacy .privacyTextAreaTop {
  font-size: 15px;
  font-weight: 600;
  text-align: left;
  margin-top: 24px;
}
#privacy .privacyImageArea {
  text-align: center;
}
#privacy .privacyImageArea img {
  width: 100%;
  padding: 0 15%;
}
@media screen and (max-width: 768px) {
  #privacy .privacyImageArea img {
    padding: 0 22px;
  }
}

#cookiepolicy {
  background: #F9F8F8;
}
#cookiepolicy .mainContents {
  max-width: 1512px;
  margin: 0 auto;
  background: #F9F8F8;
  padding: 24px 0px 28px;
}
@media screen and (max-width: 768px) {
  #cookiepolicy .mainContents {
    padding: 86px 0px 16px;
  }
}
#cookiepolicy .breadList {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 86px 14% 0;
  max-width: 1512px;
  margin: 0 auto;
}
#cookiepolicy .breadListWrap {
  max-width: 1512px;
  margin: 0 auto;
}
#cookiepolicy .breadList ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#cookiepolicy .breadList ul li {
  font-size: 13px;
  font-weight: 600;
  color: #787878;
  position: relative;
  display: flex;
  align-items: center;
}
#cookiepolicy .breadList ul li:last-child {
  color: #323232;
}
#cookiepolicy .breadList ul li:last-child div {
  display: none;
}
#cookiepolicy .breadList p {
  font-size: 13px;
  font-weight: 500;
  color: #323232;
}
#cookiepolicy .breadListArrow {
  position: relative;
  width: 10px;
  height: 10px;
  margin: 0 12px;
  transform: translateX(-25%) rotate(45deg);
}
#cookiepolicy .breadListArrow::before, #cookiepolicy .breadListArrow::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 3px;
  color: #787878;
}
#cookiepolicy .breadListArrow::before {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}
#cookiepolicy .breadListArrow::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}
#cookiepolicy .cookiepolicy {
  padding: 80px 40px 80px;
  margin: 0 14% 80px;
  border-radius: 10px;
  background: #FFF;
  border: 1px solid #E4E0E0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  #cookiepolicy .cookiepolicy {
    margin: 0 4% 40px;
    padding: 32px 16px 40px;
  }
}
#cookiepolicy .cookiepolicyTextAreaTitle {
  font-size: 23px;
  font-weight: 600;
  color: #DE8A6D;
  position: relative;
  text-align: left;
}
@media screen and (max-width: 768px) {
  #cookiepolicy .cookiepolicyTextAreaTitle {
    font-size: 18px;
  }
}
#cookiepolicy .cookiepolicyTextAreaTitleWrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #C5C0C0;
  padding-bottom: 16px;
  flex-wrap: wrap;
  row-gap: 8px;
}
#cookiepolicy .cookiepolicyTextAreaDate {
  font-size: 15px;
  font-weight: 400;
  color: #B9B9B9;
  font-family: "Poppins", sans-serif;
}
#cookiepolicy .cookiepolicyTextAreaMessage {
  font-size: 15px;
  line-height: 1.6;
  font-weight: 400;
  color: #535353;
  font-family: "Poppins", sans-serif;
  margin-top: 40px;
  text-align: left;
}
@media screen and (max-width: 768px) {
  #cookiepolicy .cookiepolicyTextAreaMessage {
    font-size: 13px;
  }
}
#cookiepolicy .cookiepolicyTextAreaTop {
  font-size: 15px;
  font-weight: 600;
  text-align: left;
  margin-top: 24px;
}
#cookiepolicy .cookiepolicyImageArea {
  text-align: center;
}
#cookiepolicy .cookiepolicyImageArea img {
  width: 100%;
  padding: 0 15%;
}
@media screen and (max-width: 768px) {
  #cookiepolicy .cookiepolicyImageArea img {
    padding: 0 22px;
  }
}

.modalTel {
  display: none;
  position: fixed;
  z-index: 200;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.3);
  color: #323232;
}
.modalTelTitleWrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.modalTelTextWrap {
  background: #FFEEEF;
  padding: 16px 16px 24px;
  border-radius: 8px;
  margin-top: 16px;
}
.modalTelTextTitle {
  color: #EE3D48;
  font-family: Inter;
  font-size: 13px;
  font-weight: 800;
  line-height: 21px;
  letter-spacing: 0px;
  text-align: left;
}
.modalTelTextTitleWrap {
  display: flex;
  align-items: center;
  gap: 4px;
}
.modalTelTextTitleWrap img {
  width: 24px;
  height: 24px;
}
.modalTelText {
  font-family: Poppins;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
  color: #454545;
}
.modalTelText span {
  color: #EE3D48;
}
.modalTelButton {
  width: 75%;
  height: 41px;
  padding: 16px 32px 16px 32px;
  border-radius: 32px;
  margin-top: 16px;
  background: #65A09A;
  color: #FFF;
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: center;
  display: flex;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
}
.modalTelButton:hover {
  background: #80BEB8;
  color: #FFF;
}
.modalTelOpen {
  display: flex;
  justify-content: center;
  align-items: center;
}
.modalTelContent {
  max-width: 327px;
  background-color: #FFF;
  padding: 24px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25), 0 20px 25px 0 rgba(15, 23, 42, 0.1), 0 10px 10px -5px rgba(15, 23, 42, 0.04);
  animation-name: modaltelopen;
  animation-duration: 1s;
  border-radius: 8px;
}
.modalTelHeader {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .modalTelHeader {
    justify-content: center;
    align-items: center;
    background: #DE8A6D;
    height: 54px;
    position: fixed;
    width: 100%;
    z-index: 300;
  }
}
.modalTelHeaderTitle {
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 30px;
}
.modalTelHeaderCaption {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #787878;
}
.modalTelClose {
  display: block;
  width: 24px;
  height: 24px;
  background: #FFF;
  position: relative;
}
.modalTelClose:before, .modalTelClose:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #000;
  transform: rotate(45deg);
  transform-origin: 0% 50%;
  position: absolute;
  top: calc(14% - 5px);
  left: 14%;
}
.modalTelClose:after {
  transform: rotate(-45deg);
  transform-origin: 100% 50%;
  left: auto;
  right: 14%;
}
.modalTelClose:hover {
  cursor: pointer;
}

.telButton {
  outline: none !important;
}

@keyframes modaltelopen {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#daycare-center-images {
  position: relative;
}
#daycare-center-images .daycare-center-images-index .add-form__box {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}
#daycare-center-images .daycare-center-images-index .add-form__item {
  font-size: 0.875rem;
  line-height: 26px;
  color: #3B3B3B;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
}
#daycare-center-images .daycare-center-images-index .add-form__item a {
  display: flex;
  width: 200px;
  justify-content: center;
  align-items: center;
}
#daycare-center-images .daycare-center-images-index .common-form__item {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
#daycare-center-images .daycare-center-images-index .common-form__head {
  width: 175px;
}
#daycare-center-images .daycare-center-images-index .common-form__head._group label:before {
  background: #DE8A6D;
}
#daycare-center-images .daycare-center-images-index .common-form__body {
  border-left: none;
}
#daycare-center-images .daycare-center-images-index .common-form__freeword {
  margin-bottom: 0;
}
#daycare-center-images .daycare-center-images-index .common-form__choice-item {
  width: 50%;
}
#daycare-center-images .daycare-center-images-index .common-table th, #daycare-center-images .daycare-center-images-index .common-table td {
  vertical-align: middle;
  text-align: center;
  word-break: break-word;
  word-wrap: break-word;
  white-space: normal;
}
#daycare-center-images .daycare-center-images-index .common-table img {
  width: 100px;
  height: 60px;
  object-fit: contain;
}
#daycare-center-images .daycare-center-images-index .common-table .delete {
  border-radius: 4px;
  background: #C40000;
  color: #fff;
  padding: 2px 12px;
  font-size: 0.625rem;
}
#daycare-center-images .daycare-center-images-new {
  position: relative;
  padding: 24px;
  background-color: #fff;
}
#daycare-center-images .daycare-center-images-new .title {
  padding: 12px;
  text-align: center;
  color: #3B3B3B;
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 12px;
}
#daycare-center-images .daycare-center-images-new .form {
  margin-bottom: 24px;
}
#daycare-center-images .daycare-center-images-new .form h2 {
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 24px;
}
#daycare-center-images .daycare-center-images-new .form p {
  font-size: 0.875rem;
  color: #3B3B3B;
  margin-bottom: 24px;
}
#daycare-center-images .daycare-center-images-new .form .common-form__item {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
#daycare-center-images .daycare-center-images-new .form .common-form__head {
  width: 150px;
}
#daycare-center-images .daycare-center-images-new .form .common-form__body {
  border-left: none;
}
#daycare-center-images .daycare-center-images-new .form .drop-area {
  border: 1px solid #D3D3D3;
  padding: 24px;
  display: flex;
  gap: 24px;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: #F5F5F5;
  border-radius: 4px;
  opacity: 1;
  transition: all 0.3s;
}
#daycare-center-images .daycare-center-images-new .form .drop-area.drag-over {
  opacity: 0.7;
  box-shadow: 0 0 8px gray;
}
#daycare-center-images .daycare-center-images-new .form .drop-area label {
  padding: 12px 24px;
  background: #3B3B3B;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
}
#daycare-center-images .daycare-center-images-new .form .drop-area input[type=file] {
  display: none;
}
#daycare-center-images .daycare-center-images-new .form .drop-area h2 {
  font-size: 1rem;
  color: #717171;
  margin-bottom: 0;
}
#daycare-center-images .daycare-center-images-new .form .drop-area p {
  font-size: 0.75rem;
  color: #717171;
  margin-bottom: 0;
}
#daycare-center-images .daycare-center-images-new .images-area h2 {
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 24px;
}
#daycare-center-images .daycare-center-images-new .images-area .images {
  height: 450px;
  background: #F5F5F5;
  padding: 24px 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  overflow-y: scroll;
}
#daycare-center-images .daycare-center-images-new .images-area .images-item {
  position: relative;
  width: 190px;
  margin-bottom: 16px;
}
#daycare-center-images .daycare-center-images-new .images-area .images-item .delete {
  background: #C40000;
  border: 1px solid #fff;
  width: 20px;
  height: 20px;
  display: flex;
  cursor: pointer;
  color: #fff;
  position: absolute;
  top: 5px;
  right: 5px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
#daycare-center-images .daycare-center-images-new .images-area .images-item img {
  display: block;
  width: 100%;
  height: 120px;
  background: #C9C9C9;
  margin-bottom: 12px;
  object-fit: contain;
}
#daycare-center-images .daycare-center-images-new .images-area .images-item p {
  color: #3B3B3B;
  font-size: 0.75rem;
  text-align: center;
}
#daycare-center-images .errors {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-direction: column;
  padding: 8px;
}
#daycare-center-images .errors._left {
  align-items: flex-start;
}
#daycare-center-images .errors p {
  font-size: 1rem;
  color: #D96060;
  padding: 0;
  margin: 0;
}
#daycare-center-images .daycare-center-images-table {
  overflow-y: scroll;
}
#daycare-center-images .daycare-center-images-table table {
  width: 100%;
  min-width: 1080px;
  border-collapse: collapse;
  white-space: nowrap;
}

#news .mainContents {
  margin: 0 auto;
  padding: 134px 8%;
}
@media screen and (max-width: 768px) {
  #news .mainContents {
    padding: 88px 20px 16px;
  }
}
#news .breadList {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#news .breadList ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#news .breadList ul li {
  font-size: 11px;
  font-weight: 600;
  color: #787878;
  position: relative;
  display: flex;
  align-items: center;
}
#news .breadList ul li:last-child {
  color: #323232;
}
#news .breadList ul li:last-child div {
  display: none;
}
#news .breadList p {
  font-size: 13px;
  font-weight: 500;
  color: #323232;
}
#news .breadListArrow {
  position: relative;
  width: 10px;
  height: 10px;
  margin: 0 12px;
  transform: translateX(-25%) rotate(45deg);
}
#news .breadListArrow::before, #news .breadListArrow::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 3px;
  color: #787878;
}
#news .breadListArrow::before {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}
#news .breadListArrow::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}
#news .newsContainer {
  display: flex;
  justify-content: space-between;
  gap: 3%;
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  #news .newsContainer {
    flex-direction: column;
    gap: 16px;
    margin-top: initial;
  }
}
#news .newsCategoryWrap {
  background: #FFF;
  width: 24%;
}
@media screen and (max-width: 768px) {
  #news .newsCategoryWrap {
    width: 100%;
  }
}
#news .newsCategoryListWrap {
  display: flex;
  flex-direction: column;
  background: #FFF;
  border-radius: 10px;
  border: 1px solid #E4E0E0;
  box-sizing: border-box;
  padding: 24px 16px;
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  #news .newsCategoryListWrap {
    flex-direction: initial;
    flex-wrap: wrap;
    padding: 12px 8px;
  }
}
#news .newsCategoryList {
  font-size: 15px;
  font-weight: 500;
  padding: 16px;
  border-bottom: 1px solid #EAEAEA;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  #news .newsCategoryList {
    width: 100%;
    font-size: 11px;
  }
}
#news .newsCategoryListCurrent {
  color: #65A09A;
  font-weight: 600;
  background: #F1F5F5;
}
#news .newsWrap {
  width: 73%;
  background: #FFF;
  border-radius: 10px;
  border: 1px solid #E4E0E0;
  box-sizing: border-box;
  padding: 36px 40px 48px;
}
@media screen and (max-width: 768px) {
  #news .newsWrap {
    width: 100%;
  }
}
#news .newsWrap .pagination {
  margin-top: 24px;
}
#news .newsFlex {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #E4E0E0;
  padding: 12px 0px;
}
@media screen and (max-width: 768px) {
  #news .newsFlex {
    padding: 24px 0px 16px;
    flex-direction: column;
    gap: 8px;
    align-items: initial;
  }
}
#news .newsDate {
  font-size: 15px;
  font-weight: 400;
  color: #979797;
}
@media screen and (max-width: 768px) {
  #news .newsDate {
    font-size: 13px;
  }
}
#news .newsText {
  font-size: 15px;
  font-weight: 500;
  color: #323232;
  padding-left: 4px;
  overflow: hidden;
  line-height: 1.2;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
@media screen and (max-width: 768px) {
  #news .newsText {
    font-size: 14px;
    padding-left: 0;
  }
}
#news .newsButton {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 18px 42px;
  max-width: 220px;
  max-height: 60px;
  background: #65A09A;
  color: #FFF;
  border-radius: 30px;
  margin: 40px auto 0px;
}
#news .newsTitleWrap {
  display: flex;
  align-items: center;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  #news .newsTitleWrap {
    gap: 16px;
  }
}
#news .newsTitleCategory {
  padding: 6px 8px;
  border-radius: 4px;
  color: #65A09A;
  font-size: 11px;
  font-weight: 600;
  border: 1px solid #65A09A;
  box-sizing: border-box;
  background: #EDF6F6;
  white-space: nowrap;
}

#news_detail .mainContents {
  margin: 0 auto;
  padding: 134px 8%;
}
@media screen and (max-width: 768px) {
  #news_detail .mainContents {
    padding: 88px 20px 16px;
  }
}
#news_detail .breadList {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#news_detail .breadList ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#news_detail .breadList ul li {
  font-size: 11px;
  font-weight: 600;
  color: #787878;
  position: relative;
  display: flex;
  align-items: center;
}
#news_detail .breadList ul li:last-child {
  color: #323232;
}
#news_detail .breadList ul li:last-child div {
  display: none;
}
#news_detail .breadList p {
  font-size: 13px;
  font-weight: 500;
  color: #323232;
}
#news_detail .breadListArrow {
  position: relative;
  width: 10px;
  height: 10px;
  margin: 0 12px;
  transform: translateX(-25%) rotate(45deg);
}
#news_detail .breadListArrow::before, #news_detail .breadListArrow::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 3px;
  color: #787878;
}
#news_detail .breadListArrow::before {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}
#news_detail .breadListArrow::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}
#news_detail .newsContainer {
  display: flex;
  justify-content: space-between;
  gap: 3%;
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  #news_detail .newsContainer {
    flex-direction: column;
    gap: 16px;
    margin-top: initial;
  }
}
#news_detail .newsWrap {
  width: 100%;
  background: #FFF;
  border-radius: 10px;
  border: 1px solid #E4E0E0;
  box-sizing: border-box;
}
#news_detail .newsHeader {
  background: #65A09A;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 40px 40px 60px;
  border-radius: 10px 10px 0 0;
  position: relative;
}
@media screen and (max-width: 768px) {
  #news_detail .newsHeader {
    padding: 16px 16px 20px;
  }
}
#news_detail .newsHeaderBackText {
  position: absolute;
  top: 50%;
  right: 0%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  font-size: 95px;
  font-weight: 700;
  color: #6CAAA4;
}
@media screen and (max-width: 768px) {
  #news_detail .newsHeaderBackText {
    font-size: 65px;
  }
}
#news_detail .newsText {
  font-size: 20px;
  font-weight: 600;
  color: #FFF;
  line-height: 1.2;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  #news_detail .newsText {
    font-size: 14px;
  }
}
#news_detail .newsTitleWrap {
  display: flex;
  align-items: center;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  #news_detail .newsTitleWrap {
    gap: 16px;
  }
}
#news_detail .newsTitleCategory {
  padding: 6px 8px;
  border-radius: 4px;
  color: #65A09A;
  font-size: 11px;
  font-weight: 600;
  border: 1px solid #65A09A;
  box-sizing: border-box;
  background: #EDF6F6;
  white-space: nowrap;
  display: inline-block;
  width: max-content;
}
#news_detail .newsImageSlider {
  width: 100%;
  margin: 24px auto;
  overflow: hidden;
  max-width: 100%;
}
#news_detail .newsImageSlider .swiper-slide {
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
#news_detail .newsImageSlider .swiper-slide img {
  display: block;
  overflow: hidden;
  height: 500px;
  width: 100%;
  object-fit: cover;
  aspect-ratio: 16/9;
}
@media screen and (max-width: 768px) {
  #news_detail .newsImageSlider .swiper-slide img {
    height: 200px;
  }
}
#news_detail .newsBigTitle {
  background: #F6F6F6;
  color: #292929;
  font-size: 18px;
  font-weight: 700;
  padding: 16px;
  margin-top: 24px;
  margin-bottom: 16px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
#news_detail .newsContentWrap {
  padding: 40px 40px 80px;
}
@media screen and (max-width: 768px) {
  #news_detail .newsContentWrap {
    padding: 16px 16px 40px;
  }
}
#news_detail .newsContentText {
  font-size: 15px;
  font-weight: 500;
  color: #323232;
  line-height: 2;
}
#news_detail .swiper-button-prev {
  left: -70px !important;
  width: 56px !important;
  height: 56px !important;
  border-radius: 50%;
  box-shadow: 0px 8px 15px 0px rgb(220, 214, 208);
  background: #FFF;
}
@media screen and (max-width: 768px) {
  #news_detail .swiper-button-prev {
    display: none;
  }
}
#news_detail .swiper-button-prev:before {
  top: 30px;
  left: 18px;
  transform: translateX(25%) rotate(45deg);
}
@media screen and (max-width: 768px) {
  #news_detail .swiper-button-prev:before {
    display: none;
  }
}
#news_detail .swiper-button-next {
  right: -70px !important;
  width: 56px !important;
  height: 56px !important;
  border-radius: 50%;
  box-shadow: 0px 8px 15px 0px rgb(220, 214, 208);
  background: #FFF;
}
@media screen and (max-width: 768px) {
  #news_detail .swiper-button-next {
    display: none;
  }
}
#news_detail .swiper-button-next:before {
  top: 31px;
  left: 17px;
  transform: translateX(25%) rotate(135deg);
}
@media screen and (max-width: 768px) {
  #news_detail .swiper-button-next:before {
    display: none;
  }
}

#allowed_ip_addresses .ip_address_page_link {
  top: 184px;
  left: 340px;
  width: 210px;
  height: 50px;
  background: #F0F0F0;
  border-radius: 4px 0px 0px 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #A5A5A5;
  font-size: 1.25rem;
}
#allowed_ip_addresses .ip_address_page_link:last-child {
  border-radius: 0px 4px 4px 0px;
}
#allowed_ip_addresses .ip_address_page_link.active {
  background: #1FA39E;
  color: #FFFFFF;
}

#termsForDaycareCenters {
  background: #F9F8F8;
}
#termsForDaycareCenters .mainContents {
  max-width: 1512px;
  margin: 0 auto;
  background: #F9F8F8;
  padding: 24px 0px 28px;
}
@media screen and (max-width: 768px) {
  #termsForDaycareCenters .mainContents {
    padding: 86px 0px 16px;
  }
}
#termsForDaycareCenters .breadList {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 86px 14% 0;
  max-width: 1512px;
  margin: 0 auto;
}
#termsForDaycareCenters .breadListWrap {
  max-width: 1512px;
  margin: 0 auto;
}
#termsForDaycareCenters .breadList ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#termsForDaycareCenters .breadList ul li {
  font-size: 13px;
  font-weight: 600;
  color: #787878;
  position: relative;
  display: flex;
  align-items: center;
}
#termsForDaycareCenters .breadList ul li:last-child {
  color: #323232;
}
#termsForDaycareCenters .breadList ul li:last-child div {
  display: none;
}
#termsForDaycareCenters .breadList p {
  font-size: 13px;
  font-weight: 500;
  color: #323232;
}
#termsForDaycareCenters .breadListArrow {
  position: relative;
  width: 10px;
  height: 10px;
  margin: 0 12px;
  transform: translateX(-25%) rotate(45deg);
}
#termsForDaycareCenters .breadListArrow::before, #termsForDaycareCenters .breadListArrow::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 3px;
  color: #787878;
}
#termsForDaycareCenters .breadListArrow::before {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}
#termsForDaycareCenters .breadListArrow::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}
#termsForDaycareCenters .termsForDaycareCenters {
  padding: 80px 80px 80px;
  margin: 0 14% 80px;
  border-radius: 10px;
  background: #FFF;
  border: 1px solid #E4E0E0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  #termsForDaycareCenters .termsForDaycareCenters {
    margin: 0 4% 40px;
    padding: 32px 16px 40px;
  }
}
#termsForDaycareCenters .termsForDaycareCentersTextAreaTitle {
  font-size: 23px;
  font-weight: 600;
  color: #DE8A6D;
  position: relative;
  text-align: left;
}
@media screen and (max-width: 768px) {
  #termsForDaycareCenters .termsForDaycareCentersTextAreaTitle {
    font-size: 18px;
  }
}
#termsForDaycareCenters .termsForDaycareCentersTextAreaTitleWrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #C5C0C0;
  padding-bottom: 16px;
  flex-wrap: wrap;
  row-gap: 8px;
}
#termsForDaycareCenters .termsForDaycareCentersTextAreaDate {
  font-size: 15px;
  font-weight: 400;
  color: #B9B9B9;
  font-family: "Poppins", sans-serif;
}
#termsForDaycareCenters .termsForDaycareCentersTextAreaMessage {
  font-size: 15px;
  line-height: 1.6;
  font-weight: 400;
  color: #535353;
  font-family: "Poppins", sans-serif;
  margin-top: 40px;
  text-align: left;
}
@media screen and (max-width: 768px) {
  #termsForDaycareCenters .termsForDaycareCentersTextAreaMessage {
    font-size: 13px;
  }
}
#termsForDaycareCenters .termsForDaycareCentersTextAreaTop {
  font-size: 15px;
  font-weight: 600;
  text-align: left;
  margin-top: 24px;
}
#termsForDaycareCenters .termsForDaycareCentersImageArea {
  text-align: center;
}
#termsForDaycareCenters .termsForDaycareCentersImageArea img {
  width: 100%;
  padding: 0 15%;
}
@media screen and (max-width: 768px) {
  #termsForDaycareCenters .termsForDaycareCentersImageArea img {
    padding: 0 22px;
  }
}

#law {
  background: #F9F8F8;
}
#law .mainContents {
  max-width: 1512px;
  margin: 0 auto;
  background: #F9F8F8;
  padding: 24px 0px 28px;
}
@media screen and (max-width: 768px) {
  #law .mainContents {
    padding: 86px 0px 16px;
  }
}
#law .breadList {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 86px 14% 0;
  max-width: 1512px;
  margin: 0 auto;
}
#law .breadListWrap {
  max-width: 1512px;
  margin: 0 auto;
}
#law .breadList ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#law .breadList ul li {
  font-size: 13px;
  font-weight: 600;
  color: #787878;
  position: relative;
  display: flex;
  align-items: center;
}
#law .breadList ul li:last-child {
  color: #323232;
}
#law .breadList ul li:last-child div {
  display: none;
}
#law .breadList p {
  font-size: 13px;
  font-weight: 500;
  color: #323232;
}
#law .breadListArrow {
  position: relative;
  width: 10px;
  height: 10px;
  margin: 0 12px;
  transform: translateX(-25%) rotate(45deg);
}
#law .breadListArrow::before, #law .breadListArrow::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 3px;
  color: #787878;
}
#law .breadListArrow::before {
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
}
#law .breadListArrow::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}
#law .law {
  padding: 80px 80px 80px;
  margin: 0 14% 80px;
  border-radius: 10px;
  background: #FFF;
  border: 1px solid #E4E0E0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  #law .law {
    margin: 0 4% 40px;
    padding: 32px 16px 40px;
  }
}
#law .lawTextAreaTitle {
  font-size: 23px;
  font-weight: 600;
  color: #DE8A6D;
  position: relative;
  text-align: left;
}
@media screen and (max-width: 768px) {
  #law .lawTextAreaTitle {
    font-size: 18px;
  }
}
#law .lawTextAreaTitleWrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #C5C0C0;
  padding-bottom: 16px;
  flex-wrap: wrap;
  row-gap: 8px;
}
#law .lawTextAreaDate {
  font-size: 15px;
  font-weight: 400;
  color: #B9B9B9;
  font-family: "Poppins", sans-serif;
}
#law .lawTextAreaMessage {
  font-size: 15px;
  line-height: 1.6;
  font-weight: 400;
  color: #535353;
  font-family: "Poppins", sans-serif;
  margin-top: 40px;
  text-align: left;
}
@media screen and (max-width: 768px) {
  #law .lawTextAreaMessage {
    font-size: 13px;
  }
}
#law .lawTextAreaTop {
  font-size: 15px;
  font-weight: 600;
  text-align: left;
  margin-top: 24px;
}
#law .lawImageArea {
  text-align: center;
}
#law .lawImageArea img {
  width: 100%;
  padding: 0 15%;
}
@media screen and (max-width: 768px) {
  #law .lawImageArea img {
    padding: 0 22px;
  }
}

#reviews {
  position: relative;
}
#reviews .reviews-link {
  top: 184px;
  left: 340px;
  width: 210px;
  height: 50px;
  background: #F0F0F0;
  border-radius: 4px 0px 0px 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #A5A5A5;
  font-size: 1.25rem;
}
#reviews .reviews-link:last-child {
  border-radius: 0px 4px 4px 0px;
}
#reviews .reviews-link.active {
  background: #1FA39E;
  color: #FFFFFF;
}
#reviews .reviews-table tbody tr td {
  vertical-align: middle;
}
#reviews .reviews-table tbody tr td.top {
  vertical-align: top;
}
#reviews .review-chip {
  display: inline-block;
  padding: 4px 8px 4px 16px;
  background: #c40000;
  color: #fff;
  font-size: 0.875rem;
  border-radius: 4px;
  cursor: pointer;
  position: relative;
}
#reviews .review-chip::after {
  content: "x";
  color: #fff;
  font-size: 0.625rem;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-right: 1px solid #fff;
}
#reviews .review-status p {
  padding: 6px 0 2px;
}
#reviews .review-status span {
  color: red;
  font-size: 12px;
}

#mypageReview .mainContents {
  max-width: 989px;
  flex: auto;
  background: #FFF;
  border-radius: 6px;
  border: 1px solid #E4E0E0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 20px;
}
@media screen and (max-width: 768px) {
  #mypageReview .mainContents {
    padding: 0 16px 16px;
  }
}
#mypageReview .mainContents .reviewContainer .reviewHeader {
  margin-bottom: 24px;
}
#mypageReview .mainContents .reviewContainer .reviewHeader h1 {
  font-size: 0.9375rem;
  font-weight: bold;
  margin-bottom: 4px;
}
#mypageReview .mainContents .reviewContainer .reviewHeader p {
  font-size: 0.75rem;
  color: #979797;
}
#mypageReview .mainContents .reviewContainer .reviewForm {
  margin-bottom: 24px;
}
#mypageReview .mainContents .reviewContainer .reviewForm .disabled {
  appearance: none !important;
}
#mypageReview .mainContents .reviewContainer .reviewForm .required {
  color: #D96060;
  border: 1px solid #D96060;
  border-radius: 6px;
  font-size: 0.6875rem;
  padding: 4px 8px;
  margin-left: 4px;
}
#mypageReview .mainContents .reviewContainer .reviewForm .errorText {
  margin-top: 4px;
  color: #D96060;
  font-size: 0.75rem;
  display: flex;
  align-items: center;
}
#mypageReview .mainContents .reviewContainer .reviewForm .reviewFormCheckboxGroup {
  display: flex;
  gap: 8px;
}
#mypageReview .mainContents .reviewContainer .reviewForm .reviewFormCheckboxGroup .reviewFormCheckbox {
  border: 1px solid #D8D8D8;
  border-radius: 12px;
  padding: 12px 16px;
  text-align: center;
  width: 150px;
}
#mypageReview .mainContents .reviewContainer .reviewForm .reviewFormCheckboxGroup .reviewFormCheckbox label {
  font-size: 0.875rem;
  color: #323232;
  margin-bottom: 0 !important;
}
#mypageReview .mainContents .reviewContainer .reviewForm .reviewFormCheckboxGroup .reviewFormCheckbox input[type=checkbox] {
  appearance: none;
  border: 2px solid #fff;
  box-shadow: 0 0 0 1px #D8D8D8;
  width: 12px;
  height: 12px;
  background-color: #fff;
  transition: all ease-in 0.2s;
  position: relative;
}
#mypageReview .mainContents .reviewContainer .reviewForm .reviewFormCheckboxGroup .reviewFormCheckbox input[type=checkbox]:checked {
  box-shadow: 0 0 0 1px #65A09A;
}
#mypageReview .mainContents .reviewContainer .reviewForm .reviewFormCheckboxGroup .reviewFormCheckbox input[type=checkbox]:checked::before {
  position: absolute;
  left: 2px;
  transform: rotate(50deg);
  width: 4px;
  height: 8px;
  border-right: 2px solid #65A09A;
  border-bottom: 2px solid #65A09A;
  content: "";
}
@media screen and (max-width: 768px) {
  #mypageReview .mainContents .reviewContainer .reviewForm .reviewFormCheckboxGroup .reviewFormCheckbox {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  #mypageReview .mainContents .reviewContainer .reviewForm .reviewFormCheckboxGroup {
    flex-direction: column;
    justify-content: center;
  }
}
#mypageReview .mainContents .reviewContainer .reviewForm .reviewFormPeriodDate {
  width: 50%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
@media screen and (max-width: 768px) {
  #mypageReview .mainContents .reviewContainer .reviewForm .reviewFormPeriodDate {
    width: 100%;
    flex-direction: column;
  }
  #mypageReview .mainContents .reviewContainer .reviewForm .reviewFormPeriodDate div {
    width: 100% !important;
  }
}
#mypageReview .mainContents .reviewContainer .reviewForm .reviewFormPeriodDate div {
  flex-grow: 1;
}
#mypageReview .mainContents .reviewContainer .reviewForm label {
  font-size: 0.875rem;
  color: #323232;
  margin-bottom: 10px;
}
#mypageReview .mainContents .reviewContainer .reviewForm input[type=text], #mypageReview .mainContents .reviewContainer .reviewForm select {
  width: 50%;
}
@media screen and (max-width: 768px) {
  #mypageReview .mainContents .reviewContainer .reviewForm input[type=text], #mypageReview .mainContents .reviewContainer .reviewForm select {
    width: 100%;
  }
}
#mypageReview .mainContents .reviewContainer .reviewFormBtnGroup {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px;
  gap: 16px;
}
@media screen and (max-width: 768px) {
  #mypageReview .mainContents .reviewContainer .reviewFormBtnGroup {
    flex-direction: column;
  }
}
#mypageReview .mainContents .reviewContainer .reviewFormBtnGroup .reviewFormBtn {
  background: #65A09A;
  padding: 16px;
  width: 200px;
  border-radius: 32px;
  color: #FFF;
}
@media screen and (max-width: 768px) {
  #mypageReview .mainContents .reviewContainer .reviewFormBtnGroup .reviewFormBtn {
    width: 100%;
  }
}
#mypageReview .mainContents .reviewContainer .reviewFormBtnGroup .reviewFormBtn.Cancel {
  background: #fff;
  color: #65A09A;
  border: 1px solid #65A09A;
}

[data-child] {
  display: none;
}
[data-child].is-active {
  display: table-row;
}

.vendors__link {
  display: inline-block;
  padding-left: 0.75rem;
  position: relative;
}
.vendors__link._parent {
  position: relative;
}
.vendors__link._parent > a {
  text-decoration: none;
}
.vendors__link._parent::before {
  content: "";
  width: 100%;
  height: 1px;
  background: #009EFF;
  position: absolute;
  left: 0;
  bottom: 0.125rem;
}
.vendors__link._parent ._arrow {
  cursor: pointer;
  width: 0.5625rem;
  height: 0.625rem;
  background: #009EFF;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  transition: transform 0.4s ease;
  transition: 0.4s ease;
  transition-property: opacity;
}
.vendors__link._parent ._arrow:hover, .vendors__link._parent ._arrow:active {
  opacity: 0.7;
}
.vendors__link._parent ._arrow.is-active {
  transform: translate(0, -50%) rotate(90deg);
}
.vendors__ttl {
  margin-bottom: 0;
}
.vendors__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.25rem;
}
.vendors__radio-box {
  margin-bottom: 1.25rem;
}
.vendors__radio {
  margin-right: 1.25rem;
}
.vendors_search-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.vendors_search-header-right {
  display: flex;
}
.vendors_search-header-right a {
  min-width: 230px;
}
.vendors-show__ttl {
  margin-bottom: 1.25rem;
}
.vendors-show__btns {
  display: flex;
  align-items: center;
}
.vendors-show__btns .common-btn {
  margin-right: 1.25rem;
}
.vendors-show__table {
  margin-top: -0.5rem;
}
.vendors-show__table th,
.vendors-show__table td {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.4285714286;
  padding: 0.5rem 0;
  vertical-align: middle;
}
.vendors-show__table th {
  width: 12.5rem;
  text-align: left;
}
.vendors-show__list-item {
  display: flex;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 500;
}
.vendors-show__list-item:nth-child(n+2) {
  margin-top: 16px;
}
.vendors-show__list-item--ttl {
  flex: 0 0 auto;
  width: 11.8125rem;
}
.vendors-show__list-item--price {
  min-height: 1.875rem;
  display: flex;
  align-items: center;
}
.vendors-show__list-item--price ._num {
  display: inline-block;
  margin-right: 0.5rem;
}
.vendors-show__list-item--price ._price {
  flex: 0 0 auto;
  width: 5.9375rem;
}
.vendors-show__list-item--price ._cta {
  flex: 0 0 auto;
  width: 12.5rem;
}

.modalEntryStatusForm,
.modalAlertUserDetail {
  display: none;
}

.modalEntryStatusFormOpen,
.modalAlertUserDetailOpen {
  display: block;
}

.modalEntryStatusForm,
.modalAlertUserDetail {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 100;
  justify-content: center;
}
.modalEntryStatusFormWrapper,
.modalAlertUserDetailWrapper {
  width: 100%;
  max-width: 40rem;
  position: fixed;
  top: calc(50% + 1.875rem);
  left: calc(50% + 9.375rem);
  transform: translate(-50%, -50%);
}
.modalEntryStatusFormContent,
.modalAlertUserDetailContent {
  background: #fff;
  border-radius: 0.625rem;
  padding: 2rem;
  overflow: auto;
  max-height: calc(100vh - 6.25rem);
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.modalEntryStatusFormContent::-webkit-scrollbar,
.modalAlertUserDetailContent::-webkit-scrollbar {
  display: none;
}
.modalEntryStatusFormHeader,
.modalAlertUserDetailHeader {
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.45;
  font-weight: 700;
  padding-bottom: 0.75rem;
}
.modalEntryStatusFormBody,
.modalAlertUserDetailBody {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.modalEntryStatusFormBody .modalEntryStatusFormRadioButton,
.modalAlertUserDetailBody .modalEntryStatusFormRadioButton {
  display: flex;
  label-white-space: nowrap;
}
.modalEntryStatusFormBody .modalEntryStatusFormRadioButton input[type=radio],
.modalAlertUserDetailBody .modalEntryStatusFormRadioButton input[type=radio] {
  width: 14px;
  height: 14px;
  margin-right: 4px;
}
.modalEntryStatusFormBody .modalEntryStatusFormRadioButton input[type=radio]:checked,
.modalAlertUserDetailBody .modalEntryStatusFormRadioButton input[type=radio]:checked {
  background-color: none;
}
.modalEntryStatusFormCancelButtonWrapper,
.modalAlertUserDetailCancelButtonWrapper {
  position: absolute;
  right: 0;
  top: 0;
}
.modalEntryStatusFormItem,
.modalAlertUserDetailItem {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 500;
  display: flex;
}
.modalEntryStatusFormItem:nth-child(n+2),
.modalAlertUserDetailItem:nth-child(n+2) {
  margin-top: 1.25rem;
}
.modalEntryStatusFormItemHead,
.modalAlertUserDetailItemHead {
  flex: 0 0 auto;
  width: 12.3125rem;
}
.modalEntryStatusFormFooter,
.modalAlertUserDetailFooter {
  text-align: center;
  padding-top: 0.75rem;
}
.modalEntryStatusFormCloseText,
.modalAlertUserDetailCloseText {
  font-size: 0.875rem;
  color: #009EFF;
  text-decoration: underline !important;
  display: inline-flex;
  align-items: center;
}
.modalEntryStatusFormCloseText ._txt,
.modalAlertUserDetailCloseText ._txt {
  pointer-events: none;
}
.modalEntryStatusFormCloseText svg,
.modalAlertUserDetailCloseText svg {
  margin-right: 0.75rem;
  pointer-events: none;
}

.l-applicants__status {
  margin-bottom: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1.6875rem;
}
.l-applicants__status.flex-start {
  justify-content: start;
}
.l-applicants__status-item {
  border-radius: 0.25rem;
  flex: 0 0 auto;
  width: auto;
  min-width: 11.1111111111%;
}
.l-applicants__status-item ._num {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.875rem;
  color: #1FA39E;
  border: 1px solid #1FA39E;
  font-weight: 900;
  background: #f0f0f0;
  border-radius: 0 0 0.25rem 0.25rem;
  min-height: 3.625rem;
  padding: 0 0.375rem;
}
.l-applicants__status-item ._ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  font-weight: 500;
  color: #fff;
  background-color: #1FA39E;
  height: 2rem;
  border-radius: 0.25rem 0.25rem 0 0;
}
.l-applicants__status-item:nth-child(n+2) {
  margin-left: 1.4444444444%;
}
.l-applicants__status-item.page-view {
  min-width: 150px;
}
.l-applicants__status-btn--box {
  flex: 0 0 auto;
  width: 25.5555555556%;
  margin-left: auto;
}
.l-applicants__search {
  margin-bottom: 1.25rem;
}
.l-applicants__list-header {
  display: flex;
  justify-content: space-between;
}
.l-applicants__list-header .pagination-limit .active {
  text-decoration: underline;
}
.l-applicants__list-ttl {
  margin-bottom: 1.25rem;
}
.l-applicants__list-table th,
.l-applicants__list-table td {
  width: 14.2857142857%;
  padding: 0.375rem 0.75rem;
}
.l-applicants__search-top {
  display: flex;
  align-items: center;
}
.l-applicants__btn-conditions {
  background: #1FA39E;
  color: #fff;
  border-radius: 0.25rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.5rem;
  width: 100%;
  max-width: 20rem;
  border: none;
}
.l-applicants__form-label--box {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 0.75rem;
}
.l-applicants__form-label--box._item1 {
  margin-bottom: 0.75rem;
}
.l-applicants__form-label--box._item2 {
  margin-bottom: 0.75rem;
  font-size: 0.75rem;
  align-items: center;
}
.l-applicants__form-label--box._item2 .form-control {
  border: 1px solid #d3d3d3;
  border-radius: 0.25rem;
  height: 1.875rem;
  width: auto;
}
.l-applicants__form-label--box._item2 .form-control:first-child {
  margin-right: 0.5rem;
}
.l-applicants__form-label--box._item2 .form-control:last-child {
  margin-left: 0.5rem;
}
.l-applicants__form-label--box._item3 {
  margin-bottom: 0.5rem;
}
.l-applicants__item {
  margin-bottom: 1.25rem;
}
.l-applicants__form-select {
  margin-bottom: 0.75rem;
  max-width: 16.25rem;
}
.l-applicants__form-select._vendors {
  flex: 1 1 auto;
  max-width: 100%;
  margin-bottom: 0;
}
.l-applicants__form-select._vendors .form-control {
  width: 16.25rem;
}
.l-applicants__form-select .form-control {
  width: 100%;
  height: 11.75rem;
  border: 1px solid #d3d3d3;
  border-radius: 0;
}
.l-applicants__subttl {
  margin-bottom: 0.75rem;
}
.l-applicants__form-item {
  display: flex;
  align-items: flex-start;
}
.l-applicants__form-item:nth-child(n+2) {
  margin-top: 0.75rem;
}
.l-applicants__form-head {
  flex: 0 0 auto;
  width: 7rem;
}
.l-applicants__form-head._freeword {
  height: 1.875rem;
  display: flex;
  align-items: center;
}
.l-applicants__form-head label {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  display: block;
  padding-left: 1rem;
  position: relative;
}
.l-applicants__form-head label::before {
  content: "";
  width: 0.5rem;
  height: 0.625rem;
  background: #1FA39E;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}
.l-applicants__form-body {
  border-left: 3px solid #f5f5f5;
  padding-left: 0.75rem;
  flex: 1 1 auto;
}
.l-applicants__form-checkbox {
  margin-right: 1rem;
}
.l-applicants__form-checkbox input[type=checkbox] {
  display: none;
}
.l-applicants__form-checkbox input[type=checkbox]:checked + ._txt::before {
  background: #fff url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgMTAgOCI+CiAgPGcgaWQ9IuODgeOCp+ODg+OCr+ODnuODvOOCryIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjU2IDE5MC45MDIpIj4KICAgIDxwYXRoIGlkPSLjg5HjgrlfMzQ4IiBkYXRhLW5hbWU9IuODkeOCuSAzNDgiIGQ9Ik0zLjQsNy44NDMuMTQ2LDQuMzU2YS41NjQuNTY0LDAsMCwxLDAtLjc1OWwuNzA3LS43NTlhLjQ3Ni40NzYsMCwwLDEsLjcwNywwTDMuNzUsNS4xODgsOC40MzkuMTU3YS40NzYuNDc2LDAsMCwxLC43MDcsMGwuNzA3Ljc1OWEuNTY0LjU2NCwwLDAsMSwwLC43NTlMNC4xLDcuODQzYS40NzYuNDc2LDAsMCwxLS43MDcsMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNTYgLTE5MC45MDIpIiBmaWxsPSIjMWZhMzllIi8+CiAgPC9nPgo8L3N2Zz4K") no-repeat center/0.625rem;
}
.l-applicants__form-checkbox input[type=checkbox] + ._txt {
  padding-left: 1.375rem;
  position: relative;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 400;
  display: inline-block;
  cursor: pointer;
}
.l-applicants__form-checkbox input[type=checkbox] + ._txt::before {
  content: "";
  width: 0.875rem;
  height: 0.875rem;
  border: 1px solid #a5a5a5;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  border-radius: 2px;
}

.history-btn {
  background: #1FA39E;
  border-radius: 0.25rem;
  height: 1.25rem;
  width: 3.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 500;
  font-size: 0.625rem;
}

.trial-limit-exceed-dialog {
  z-index: 10;
  position: absolute;
  display: flex;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.trial-limit-exceed-dialog .dialog {
  width: 640px;
  border-radius: 10px;
  background-color: #ffffff;
}
.trial-limit-exceed-dialog .dialog--header, .trial-limit-exceed-dialog .dialog--footer {
  width: 100%;
}
.trial-limit-exceed-dialog .dialog--header {
  margin-bottom: 16px;
  position: relative;
}
.trial-limit-exceed-dialog .dialog--header .close-btn {
  cursor: pointer;
  position: absolute;
  right: 12px;
  top: 12px;
}
.trial-limit-exceed-dialog .dialog--footer {
  display: flex;
  justify-content: center;
  margin: 32px 0;
}
.trial-limit-exceed-dialog .dialog--footer button {
  width: 60%;
}
.trial-limit-exceed-dialog .dialog--body {
  line-height: 1.5;
  border-bottom: 4px solid #eee;
  border-top: 4px solid #eee;
  padding: 24px 0 32px;
  margin: 0 32px;
}
.trial-limit-exceed-dialog .dialog--body a {
  text-decoration: underline;
}

.text--center {
  text-align: center;
}