@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Carme|Muli");
html { font-size: 62.5%; }

body { font-family: "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 1.6rem; line-height: 1.6; color: #333; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; word-wrap: break-word; }

@media (min-width: 769px) { body { font-size: 16px; } }

a { -webkit-transition-delay: 0; transition-delay: 0; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-property: all; transition-property: all; -webkit-transition-timing-function: ease; transition-timing-function: ease; color: #e4007f; }

a:hover { opacity: .5; }

.l-wrapper, .l-wrapper--pct100, .l-wrapper--pct90 { margin: auto; overflow: hidden; position: relative; }

.l-wrapper::after, .l-wrapper--pct100::after, .l-wrapper--pct90::after { content: ""; display: block; clear: both; }

.l-wrapper { max-width: 90%; width: 1000px; }

.l-wrapper--pct100 { width: 100%; }

.l-wrapper--pct90 { width: 90%; }

.l-headerSummary { line-height: 1.4; position: absolute; top: 35px; right: 0; text-align: right; }

@media (max-width: 992px) { .l-headerSummary { top: 20px; left: 230px; } }

@media (max-width: 768px) { .l-headerSummary { margin-top: 125px; position: static; text-align: left; } }

.js__header .l-headerSummary { display: none; }

.l-headerSummary__lead { font-weight: 700; color: #bba32d; font-size: 26px; margin-bottom: 5px; }

@media (max-width: 992px) { .l-headerSummary__lead { font-size: 20px; } }

@media (max-width: 576px) { .l-headerSummary__lead { font-size: 1.8rem; } }

@media (max-width: 992px) { body.home #header.js__header .logo1, body.page-id-46 #header.js__header .logo1 { width: auto; } }

@media (max-width: 992px) { body.home #main.l-main.home { padding-top: 220px !important; } }

@media (max-width: 576px) { body.home #main.l-main.home { padding-top: 220px !important; } }

@media (max-width: 480px) { body.home #main.l-main.home { padding-top: 270px !important; } }

@media (max-width: 768px) { body.home .logo1 img.large { display: inline; height: 100px; width: auto; } }

#header nav { position: absolute; top: 40px; right: 0; }

@media (max-width: 992px) { #header nav { background: #fff; display: none; top: 50px !important; right: -20px; width: calc(100% + 40px); } }

#header nav .gnav { display: -webkit-box; display: -ms-flexbox; display: flex; }

@media (max-width: 992px) { #header nav .gnav { border-top: 1px solid #ddd; display: block; } }

#header nav .gnav a { color: #333; display: block; font-size: 14px; font-weight: 700; line-height: 1; margin-left: 30px; text-align: center; }

@media (max-width: 992px) { #header nav .gnav a { border-bottom: 1px solid #ddd; font-size: 15px; margin: 0; padding: 15px; } }

#header.home nav { top: 150px; }

#header .hnav ul { display: -webkit-box; display: -ms-flexbox; display: flex; }

#header .hnav ul li { width: 50%; }

#header .hnav ul li a { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: url(../img/ico_arrow_right_white.png) no-repeat right 20px center #ff87ca; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 1.3; padding: 10px; /* 10px 26px 10px 10px */ opacity: 1 !important; }

@media screen and (max-width: 768px) { #header .hnav ul li a { background-position: right 10px center; font-size: 12px !important; } }

@media screen and (max-width: 750px) { #header .hnav ul li a { background-position: right 10px center; font-size: 1.2rem; } }

#header .hnav ul li a:hover { background-color: #bba32d !important; }

#header .hnav ul li:first-of-type a { background: url(../img/ico_arrow_left_white.png) no-repeat 20px center #e4007f; }

@media screen and (max-width: 768px) { #header .hnav ul li:first-of-type a { background-position: 10px center; } }

@media screen and (max-width: 750px) { #header .hnav ul li:first-of-type a { background-position: 10px center; } }

.l-footer-menu { padding: 30px 0 15px; }

@media screen and (max-width: 768px) { .l-footer-menu { padding: 45px 0; } }

@media screen and (max-width: 768px) { .l-footer-menu__list { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } }

.l-footer-menu__item { margin-bottom: 15px; }

@media screen and (max-width: 768px) { .l-footer-menu__item { margin: 0 90px 0 0; } }

.l-footer-menu__link { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #fff; font-weight: 700; }

.l-footer-menu__icon { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: center; flex-direction: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; border: 1px solid #fff; border-radius: 100%; height: 30px; margin-right: 10px; text-align: center; width: 30px; }

@media screen and (max-width: 768px) { .l-footer-menu__icon { height: 50px; width: 50px; } }

.l-footer-menu__icon img { width: 14px; }

@media screen and (max-width: 768px) { .l-footer-menu__icon img { width: 20px; } }

.l-footer-sitemap { color: #fff; }

@media screen and (max-width: 768px) { .l-footer-sitemap { padding: 45px 0 15px; } }

.l-footer-sitemap__list { display: none; }

@media screen and (max-width: 768px) { .l-footer-sitemap__list { display: block; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-left: -30px; }
  .l-footer-sitemap__list > li { margin-left: 30px; width: calc((100% - 180.1px) / 4 - 30.1px); }
  .l-footer-sitemap__list > li:last-of-type { width: 150px; } }

.l-footer-sitemap__item { margin-bottom: 30px; }

.l-footer-sitemap__title { font-weight: 700; margin-bottom: 0; }

.l-footer-sitemap__title i { color: #f7c9dd; font-size: 0.8em; margin-right: 5px; vertical-align: 1px; }

.l-footer-sitemap__description { font-size: 14px; }

.l-footer-sitemap__link { opacity: 1; color: #fff; }

.l-footer-sitemap__link:hover { color: #f7c9dd; }

.l-footer-sitenav { display: none; }

@media screen and (max-width: 768px) { .l-footer-sitenav { display: block; padding-bottom: 60px; }
  .l-footer-sitenav .sitenav { border-top: 1px solid; padding-top: 15px; padding-bottom: 30px; } }

.l-footer-bottom { background: #ebebeb; padding: 30px 0; }

@media screen and (max-width: 768px) { .l-footer-bottom { padding: 40px 0 120px; } }

.l-footer-bottom a { color: #000; }

@media screen and (max-width: 768px) { .l-footer-bottom .l-grid--left { float: left; }
  .l-footer-bottom .l-grid--right { float: right; } }

.l-footer-bottom .l-logo { margin: 0 auto 15px; width: 180px; }

@media screen and (max-width: 768px) { .l-footer-bottom .l-logo { width: 240px; margin: 0 0 15px; } }

.l-footer-bottom .l-address { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-direction: column; flex-direction: column; line-height: 1.2; }

@media screen and (max-width: 768px) { .l-footer-bottom .l-address { display: block; } }

.l-footer-bottom .l-address-tel__icon { vertical-align: 1px; }

.l-footer-bottom .l-address-tel__link { font-size: 2rem; font-weight: 700; margin-left: 5px; }

@media (min-width: 577px) { .l-footer-bottom .l-address-tel__link { font-size: 2.2rem; } }

@media (min-width: 769px) { .l-footer-bottom .l-address-tel__link { font-size: 26px; } }

@media screen and (max-width: 768px) { .l-footer-bottom .l-address-tel { display: inline-block; margin-right: 15px; } }

.l-footer-bottom .l-address-address { display: block; font-size: 1.2rem; margin-top: 5px; }

@media screen and (max-width: 768px) { .l-footer-bottom .l-address-address { font-size: inherit; margin: 0; } }

.l-footer-bottom .l-sns__list { margin-top: 15px; }

@media screen and (max-width: 768px) { .l-footer-bottom .l-sns__list { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 0; } }

.l-footer-bottom .l-link { font-size: 1.4rem; line-height: 1.2; margin: 15px 0 7px; }

@media screen and (max-width: 768px) { .l-footer-bottom .l-link { margin-top: 35px; } }

.l-footer-bottom .l-link__list { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media screen and (max-width: 768px) { .l-footer-bottom .l-link__list { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } }

.l-footer-bottom .l-link__item { border-left: 1px solid; margin-left: 10px; padding-left: 10px; }

.l-footer-bottom .l-link__item:first-of-type { border: 0; margin: 0; padding: 0; }

.l-footer-bottom .l-copyright { font-size: 1.2rem; text-align: center; }

@media (min-width: 577px) { .l-footer-bottom .l-copyright { font-size: 1.2rem; } }

@media (min-width: 769px) { .l-footer-bottom .l-copyright { font-size: 12px; } }

@media screen and (max-width: 768px) { .l-footer-bottom .l-copyright { text-align: right; } }

#footer { background: linear-gradient(-3deg, #303030 0%, #303030 68.8%, #fff 69%, #fff 100%); }

body:not(.home):not(.page-id-46) #footer { background: linear-gradient(-3deg, #303030 0%, #303030 68.8%, #fff 69%, #fff 100%); }

#contact { color: #fff; margin: auto; opacity: 0; padding: 60px 0; position: relative; -webkit-transform: translate(0, 40px); transform: translate(0, 40px); -webkit-transition: all .8s ease-in-out; transition: all .8s ease-in-out; width: 90%; z-index: 10; }

#contact:before { background: #e4007f; content: ""; display: block; height: 100%; position: absolute; top: 0; left: 0; -webkit-transform: skewY(-3deg); transform: skewY(-3deg); width: 100%; }

#contact.inView { opacity: 1; -webkit-transform: translate(0); transform: translate(0); }

#contact .container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; }

@media screen and (max-width: 768px) { #contact .container { display: block; } }

@media screen and (min-width: 769px) { #contact .container .mod-note { font-size: 16px; } }

#contact h2 { color: #fff; font-size: 30px; line-height: 1.2; margin-bottom: 30px; text-align: center; }

@media (max-width: 992px) { #contact h2 { font-size: 24px; } }

#contact h2 span { display: block; font-family: 'Carme', sans-serif; font-size: 16px; margin-top: 5px; }

@media (max-width: 992px) { #contact h2 span { font-size: 14px; } }

@media (max-width: 992px) { #contact .mod-note { font-size: 12px; } }

#contact .ctr-btn p.tel > * { border: 1px solid #fff; border-radius: 0; color: #fff; display: block; line-height: 1.2; max-width: 100%; padding: 20px; text-align: center; width: 460px; }

@media screen and (max-width: 1024px) { #contact .ctr-btn p.tel > * { width: 400px; } }

@media screen and (max-width: 768px) { #contact .ctr-btn p.tel > * { padding: 15px; width: 100%; } }

#contact .ctr-btn p.tel > * span.number { background: url(../img/ico_tel_white.png) no-repeat 0 center; font-family: 'Carme', sans-serif; font-size: 36px; padding-left: 30px; }

@media screen and (max-width: 768px) { #contact .ctr-btn p.tel > * span.number { font-size: 28px; } }

#contact .ctr-btn p.tel > span { display: block; }

@media screen and (max-width: 768px) { #contact .ctr-btn p.tel > span { display: none; } }

#contact .ctr-btn p.tel > a { display: none; }

@media screen and (max-width: 768px) { #contact .ctr-btn p.tel > a { display: block; } }

#contact .ctr-btn .facilities > a { border: 1px solid #fff; color: #fff; display: block; font-family: 'Carme', sans-serif; font-size: 36px; max-width: 100%; padding: 20px; text-align: center; width: 460px; }

@media screen and (max-width: 768px) { #contact .ctr-btn .facilities > a { font-size: 30px; } }

#contact .ctr-btn a:hover { background: #fff; border-color: #fff; color: #e4007f; opacity: 1; }

#copyright { color: #777; font-size: 14px; padding: 30px 0 60px; text-align: center; }

@media screen and (max-width: 768px) { #copyright { font-size: 12px; } }

#copyright ul { display: inline-block; font-size: 0; line-height: 1; }

@media screen and (max-width: 768px) { #copyright ul { margin-top: 5px; } }

#copyright ul li { border-left: 1px solid #777; display: inline-block; font-size: 14px; padding: 0 10px; }

@media screen and (max-width: 768px) { #copyright ul li { font-size: 12px; } }

#copyright ul li:first-of-type { border: 0; margin-left: 10px; }

@media screen and (max-width: 768px) { #copyright ul li:first-of-type { margin: 0; } }

#copyright a { color: #777; }

#copyright a:hover { color: #fff; }

/* ページトップ */
#pagetop { display: none; position: fixed; bottom: 20px; right: 20px; z-index: 9999; }

@media screen and (max-width: 768px) { #pagetop { bottom: 5px; right: 5px; width: 40px; } }

.c-btn, .c-btn__border--white { -webkit-transition-delay: 0; transition-delay: 0; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-property: all; transition-property: all; -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 5px; border-style: solid; border-width: 1px; cursor: pointer; margin: auto; padding: 10px 15px; position: relative; }

.c-btn:hover, .c-btn__border--white:hover { opacity: 1; }

.c-btn__border--white { border-color: #fff; color: #fff; }

.c-btn__border--white:hover { background-color: #fff; color: #e4007f; }

.c-btn__color--base { background-color: #333; border-color: #333; }

.c-btn__color--base:hover { color: #333; }

.c-btn__color--base:hover:before { color: #333; }

.c-btn__color--pink { background-color: #f7c9dd; border-color: #f7c9dd; }

.c-btn__color--pink:hover { color: #f7c9dd; }

.c-btn__color--pink:hover:before { color: #f7c9dd; }

.c-btn__color--darkpink { background-color: #e4007f; border-color: #e4007f; }

.c-btn__color--darkpink:hover { color: #e4007f; }

.c-btn__color--darkpink:hover:before { color: #e4007f; }

.c-btn__color--lightpink { background-color: #fef3fa; border-color: #fef3fa; }

.c-btn__color--lightpink:hover { color: #fef3fa; }

.c-btn__color--lightpink:hover:before { color: #fef3fa; }

.c-btn__color--gold { background-color: #bba32d; border-color: #bba32d; }

.c-btn__color--gold:hover { color: #bba32d; }

.c-btn__color--gold:hover:before { color: #bba32d; }

.c-btn__color--yellow { background-color: #f8dd45; border-color: #f8dd45; }

.c-btn__color--yellow:hover { color: #f8dd45; }

.c-btn__color--yellow:hover:before { color: #f8dd45; }

.c-btn__color--black { background-color: #000; border-color: #000; }

.c-btn__color--black:hover { color: #000; }

.c-btn__color--black:hover:before { color: #000; }

.c-btn__color--white { background-color: #fff; border-color: #fff; }

.c-btn__color--white:hover { color: #fff; }

.c-btn__color--white:hover:before { color: #fff; }

.c-btn__color--gray { background-color: #ddd; border-color: #ddd; }

.c-btn__color--gray:hover { color: #ddd; }

.c-btn__color--gray:hover:before { color: #ddd; }

.c-btn__color--darkgray { background-color: #777; border-color: #777; }

.c-btn__color--darkgray:hover { color: #777; }

.c-btn__color--darkgray:hover:before { color: #777; }

.c-btn__color--lightgray { background-color: #f3f3f3; border-color: #f3f3f3; }

.c-btn__color--lightgray:hover { color: #f3f3f3; }

.c-btn__color--lightgray:hover:before { color: #f3f3f3; }

.c-btn__color--key { background-color: #e4007f; border-color: #e4007f; }

.c-btn__color--key:hover { color: #e4007f; }

.c-btn__color--key:hover:before { color: #e4007f; }

.c-btn__color--link { background-color: #e4007f; border-color: #e4007f; }

.c-btn__color--link:hover { color: #e4007f; }

.c-btn__color--link:hover:before { color: #e4007f; }

.c-btn__chevron--right:before { font-family: "Font Awesome 5 Free"; font-size: 0.8em; font-weight: 900; vertical-align: 0.1em; }

.c-btn__chevron--right:before { content: "\f054"; }

.c-btn--triangle--yellow { position: relative; background-color: #f8dd45; border: 0; color: #000; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.c-btn--triangle--yellow:after { border-style: solid; content: ""; display: block; height: 0; position: absolute; width: 0; border-color: transparent transparent transparent #fff; border-width: 0.4em 0 0.4em 0.6em; }

.c-btn--triangle--yellow:before { border: 1px solid #000; border-radius: 100%; content: ""; display: block; height: 1.4em; position: absolute; right: 1em; width: 1.4em; }

.c-btn--triangle--yellow:after { border-left-color: #000; position: absolute; right: 1.4em; }

.c-btn--triangle--yellow:hover { background-color: #fff; }

.c-catchcopy, .c-catchcopy--primary, .c-catchcopy--secondary { font-weight: 700; margin: 40px 0 20px; }

.c-catchcopy--primary { font-size: 2rem; line-height: 1.8; }

@media (min-width: 577px) { .c-catchcopy--primary { font-size: 2.2rem; } }

@media (min-width: 769px) { .c-catchcopy--primary { font-size: 26px; } }

.c-catchcopy--secondary { font-size: 1.8rem; line-height: 1.8; }

@media (min-width: 577px) { .c-catchcopy--secondary { font-size: 1.8rem; } }

@media (min-width: 769px) { .c-catchcopy--secondary { font-size: 20px; } }

.c-cc--xl, .c-cc--lg, .c-cc--md, .c-cc--sm { font-weight: 700; }

@media (min-width: 993px) { .c-cc--xl, .c-cc--lg, .c-cc--md, .c-cc--sm { text-align: center; } }

.c-cc--xl { font-family: "游明朝", "Yu Mincho", "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", "Meiryo", serif; line-height: 1.2; font-size: 54px; }

@media (max-width: 992px) { .c-cc--xl { font-size: 3rem; } }

.c-box__pd--20 { padding: 20px; }

.c-flex { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.c-flex__dir--rr { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.c-flex__dir--cr { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }

.c-flex__jc--center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.c-flex__gap--10 { margin-left: -10px; }

.c-flex__gap--10 > * { margin-left: 10px; }

.c-flex__gap--20 { margin-left: -20px; }

.c-flex__gap--20 > * { margin-left: 20px; }

.c-flex__gap--30 { margin-left: -30px; }

.c-flex__gap--30 > * { margin-left: 30px; }

.c-flex__gap--40 { margin-left: -40px; }

.c-flex__gap--40 > * { margin-left: 40px; }

.c-flex__col--1 { width: 100%; }

.c-flex__col--2 { width: 100%; }

@media (min-width: 993px) { .c-flex__col--2 { width: calc(100% / 2); } }

.c-flex__gap--10 .c-flex__col--2 { width: calc(100% - 10px); }

@media (min-width: 993px) { .c-flex__gap--10 .c-flex__col--2 { width: calc(100% / 2 - 10px); } }

.c-flex__col--3 { width: calc(100% / 1); }

@media (min-width: 993px) { .c-flex__col--3 { width: calc(100% / 3); } }

.c-flex__gap--10 .c-flex__col--3 { width: calc(100% / 1 - 10px); }

@media (min-width: 993px) { .c-flex__gap--10 .c-flex__col--3 { width: calc(100% / 3 - 10px); } }

.c-flex__col--4 { width: calc(100% / 2); }

@media (min-width: 993px) { .c-flex__col--4 { width: calc(100% / 4); } }

.c-flex__gap--10 .c-flex__col--4 { width: calc(100% / 2 - 10px); }

@media (min-width: 993px) { .c-flex__gap--10 .c-flex__col--4 { width: calc(100% / 4 - 10px); } }

.c-flex__col--1 { width: 100%; }

.c-flex__col--2 { width: 100%; }

@media (min-width: 993px) { .c-flex__col--2 { width: calc(100% / 2); } }

.c-flex__gap--20 .c-flex__col--2 { width: calc(100% - 20px); }

@media (min-width: 993px) { .c-flex__gap--20 .c-flex__col--2 { width: calc(100% / 2 - 20px); } }

.c-flex__col--3 { width: calc(100% / 1); }

@media (min-width: 993px) { .c-flex__col--3 { width: calc(100% / 3); } }

.c-flex__gap--20 .c-flex__col--3 { width: calc(100% / 1 - 20px); }

@media (min-width: 993px) { .c-flex__gap--20 .c-flex__col--3 { width: calc(100% / 3 - 20px); } }

.c-flex__col--4 { width: calc(100% / 2); }

@media (min-width: 993px) { .c-flex__col--4 { width: calc(100% / 4); } }

.c-flex__gap--20 .c-flex__col--4 { width: calc(100% / 2 - 20px); }

@media (min-width: 993px) { .c-flex__gap--20 .c-flex__col--4 { width: calc(100% / 4 - 20px); } }

.c-flex__col--1 { width: 100%; }

.c-flex__col--2 { width: 100%; }

@media (min-width: 993px) { .c-flex__col--2 { width: calc(100% / 2); } }

.c-flex__gap--30 .c-flex__col--2 { width: calc(100% - 30px); }

@media (min-width: 993px) { .c-flex__gap--30 .c-flex__col--2 { width: calc(100% / 2 - 30px); } }

.c-flex__col--3 { width: calc(100% / 1); }

@media (min-width: 993px) { .c-flex__col--3 { width: calc(100% / 3); } }

.c-flex__gap--30 .c-flex__col--3 { width: calc(100% / 1 - 30px); }

@media (min-width: 993px) { .c-flex__gap--30 .c-flex__col--3 { width: calc(100% / 3 - 30px); } }

.c-flex__col--4 { width: calc(100% / 2); }

@media (min-width: 993px) { .c-flex__col--4 { width: calc(100% / 4); } }

.c-flex__gap--30 .c-flex__col--4 { width: calc(100% / 2 - 30px); }

@media (min-width: 993px) { .c-flex__gap--30 .c-flex__col--4 { width: calc(100% / 4 - 30px); } }

.c-flex__col--1 { width: 100%; }

.c-flex__col--2 { width: 100%; }

@media (min-width: 993px) { .c-flex__col--2 { width: calc(100% / 2); } }

.c-flex__gap--40 .c-flex__col--2 { width: calc(100% - 40px); }

@media (min-width: 993px) { .c-flex__gap--40 .c-flex__col--2 { width: calc(100% / 2 - 40px); } }

.c-flex__col--3 { width: calc(100% / 1); }

@media (min-width: 993px) { .c-flex__col--3 { width: calc(100% / 3); } }

.c-flex__gap--40 .c-flex__col--3 { width: calc(100% / 1 - 40px); }

@media (min-width: 993px) { .c-flex__gap--40 .c-flex__col--3 { width: calc(100% / 3 - 40px); } }

.c-flex__col--4 { width: calc(100% / 2); }

@media (min-width: 993px) { .c-flex__col--4 { width: calc(100% / 4); } }

.c-flex__gap--40 .c-flex__col--4 { width: calc(100% / 2 - 40px); }

@media (min-width: 993px) { .c-flex__gap--40 .c-flex__col--4 { width: calc(100% / 4 - 40px); } }

.c-grid--1__mg--0 > * { margin: 0 0 0px; width: 100%; }

.c-grid--1__mg--10 > * { margin: 0 0 10px; width: 100%; }

.c-grid--1__mg--20 > * { margin: 0 0 20px; width: 100%; }

.c-grid--1__mg--30 > * { margin: 0 0 30px; width: 100%; }

.c-grid--1__mg--40 > * { margin: 0 0 40px; width: 100%; }

.c-grid--2__mg--0 { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-left: -0px; }

.c-grid--2__mg--0 > * { margin: 0 0 0px 0px; width: calc(100% / 1 - 0.01px); }

@media (min-width: 769px) { .c-grid--2__mg--0 > * { width: calc(100% / 2 - 0.01px); } }

.c-grid--2__mg--10 { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-left: -10px; }

.c-grid--2__mg--10 > * { margin: 0 0 10px 10px; width: calc(100% / 1 - 10.01px); }

@media (min-width: 769px) { .c-grid--2__mg--10 > * { width: calc(100% / 2 - 10.01px); } }

.c-grid--2__mg--20, .p-news__list { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-left: -20px; }

.c-grid--2__mg--20 > *, .p-news__list > * { margin: 0 0 20px 20px; width: calc(100% / 1 - 20.01px); }

@media (min-width: 769px) { .c-grid--2__mg--20 > *, .p-news__list > * { width: calc(100% / 2 - 20.01px); } }

.c-grid--2__mg--30 { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-left: -30px; }

.c-grid--2__mg--30 > * { margin: 0 0 30px 30px; width: calc(100% / 1 - 30.01px); }

@media (min-width: 769px) { .c-grid--2__mg--30 > * { width: calc(100% / 2 - 30.01px); } }

.c-grid--2__mg--40 { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-left: -40px; }

.c-grid--2__mg--40 > * { margin: 0 0 40px 40px; width: calc(100% / 1 - 40.01px); }

@media (min-width: 769px) { .c-grid--2__mg--40 > * { width: calc(100% / 2 - 40.01px); } }

.c-grid--3__mg--0 { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-left: -0px; }

.c-grid--3__mg--0 > * { margin: 0 0 0px 0px; width: calc(100% / 1 - 0.01px); }

@media (min-width: 769px) { .c-grid--3__mg--0 > * { width: calc(100% / 3 - 0.01px); } }

.c-grid--3__mg--10 { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-left: -10px; }

.c-grid--3__mg--10 > * { margin: 0 0 10px 10px; width: calc(100% / 1 - 10.01px); }

@media (min-width: 769px) { .c-grid--3__mg--10 > * { width: calc(100% / 3 - 10.01px); } }

.c-grid--3__mg--20 { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-left: -20px; }

.c-grid--3__mg--20 > * { margin: 0 0 20px 20px; width: calc(100% / 1 - 20.01px); }

@media (min-width: 769px) { .c-grid--3__mg--20 > * { width: calc(100% / 3 - 20.01px); } }

.c-grid--3__mg--30 { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-left: -30px; }

.c-grid--3__mg--30 > * { margin: 0 0 30px 30px; width: calc(100% / 1 - 30.01px); }

@media (min-width: 769px) { .c-grid--3__mg--30 > * { width: calc(100% / 3 - 30.01px); } }

.c-grid--3__mg--40 { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-left: -40px; }

.c-grid--3__mg--40 > * { margin: 0 0 40px 40px; width: calc(100% / 1 - 40.01px); }

@media (min-width: 769px) { .c-grid--3__mg--40 > * { width: calc(100% / 3 - 40.01px); } }

.c-grid--4__mg--0 { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-left: -0px; }

.c-grid--4__mg--0 > * { margin: 0 0 0px 0px; width: calc(100% / 2 - 0.01px); }

@media (min-width: 769px) { .c-grid--4__mg--0 > * { width: calc(100% / 4 - 0.01px); } }

.c-grid--4__mg--10 { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-left: -10px; }

.c-grid--4__mg--10 > * { margin: 0 0 10px 10px; width: calc(100% / 2 - 10.01px); }

@media (min-width: 769px) { .c-grid--4__mg--10 > * { width: calc(100% / 4 - 10.01px); } }

.c-grid--4__mg--20 { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-left: -20px; }

.c-grid--4__mg--20 > * { margin: 0 0 20px 20px; width: calc(100% / 2 - 20.01px); }

@media (min-width: 769px) { .c-grid--4__mg--20 > * { width: calc(100% / 4 - 20.01px); } }

.c-grid--4__mg--30 { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-left: -30px; }

.c-grid--4__mg--30 > * { margin: 0 0 30px 30px; width: calc(100% / 2 - 30.01px); }

@media (min-width: 769px) { .c-grid--4__mg--30 > * { width: calc(100% / 4 - 30.01px); } }

.c-grid--4__mg--40 { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-left: -40px; }

.c-grid--4__mg--40 > * { margin: 0 0 40px 40px; width: calc(100% / 2 - 40.01px); }

@media (min-width: 769px) { .c-grid--4__mg--40 > * { width: calc(100% / 4 - 40.01px); } }

.c-grid--5__mg--0 { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-left: -0px; }

.c-grid--5__mg--0 > * { margin: 0 0 0px 0px; width: calc(100% / 2 - 0.01px); }

@media (min-width: 577px) { .c-grid--5__mg--0 > * { width: calc(100% / 3 - 0.01px); } }

@media (min-width: 769px) { .c-grid--5__mg--0 > * { width: calc(100% / 5 - 0.01px); } }

.c-grid--5__mg--10 { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-left: -10px; }

.c-grid--5__mg--10 > * { margin: 0 0 10px 10px; width: calc(100% / 2 - 10.01px); }

@media (min-width: 577px) { .c-grid--5__mg--10 > * { width: calc(100% / 3 - 10.01px); } }

@media (min-width: 769px) { .c-grid--5__mg--10 > * { width: calc(100% / 5 - 10.01px); } }

.c-grid--5__mg--20 { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-left: -20px; }

.c-grid--5__mg--20 > * { margin: 0 0 20px 20px; width: calc(100% / 2 - 20.01px); }

@media (min-width: 577px) { .c-grid--5__mg--20 > * { width: calc(100% / 3 - 20.01px); } }

@media (min-width: 769px) { .c-grid--5__mg--20 > * { width: calc(100% / 5 - 20.01px); } }

.c-grid--5__mg--30 { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-left: -30px; }

.c-grid--5__mg--30 > * { margin: 0 0 30px 30px; width: calc(100% / 2 - 30.01px); }

@media (min-width: 577px) { .c-grid--5__mg--30 > * { width: calc(100% / 3 - 30.01px); } }

@media (min-width: 769px) { .c-grid--5__mg--30 > * { width: calc(100% / 5 - 30.01px); } }

.c-grid--5__mg--40 { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-left: -40px; }

.c-grid--5__mg--40 > * { margin: 0 0 40px 40px; width: calc(100% / 2 - 40.01px); }

@media (min-width: 577px) { .c-grid--5__mg--40 > * { width: calc(100% / 3 - 40.01px); } }

@media (min-width: 769px) { .c-grid--5__mg--40 > * { width: calc(100% / 5 - 40.01px); } }

.c-note { font-size: 1.4rem; line-height: 1.4; }

@media (min-width: 577px) { .c-note { font-size: 1.4rem; } }

@media (min-width: 769px) { .c-note { font-size: 14px; } }

.c-note li { margin-top: 5px; padding-left: 1em; text-indent: -1em; }

.c-link--block { color: inherit; display: block; height: 100%; position: relative; }

.c-link--more { font-size: 1.2rem; }

@media (min-width: 577px) { .c-link--more { font-size: 1.2rem; } }

@media (min-width: 769px) { .c-link--more { font-size: 12px; } }

.c-link--more:before { font-family: "Font Awesome 5 Free"; font-size: 0.8em; font-weight: 900; vertical-align: 0.1em; }

.c-link--more:before { content: "\f054"; }

.c-link--more:before { margin-right: 5px; }

.c-list--disc li { padding-left: 1em; text-indent: -1em; }

.c-list--disc li:before { content: "?"; font-size: 0.6em; margin-right: 0.5em; vertical-align: 0.3em; }

.c-list--note li { padding-left: 1em; text-indent: -1em; }

.c-list--note li:before { content: "?"; font-size: 0.6em; margin-right: 0.5em; vertical-align: 0.3em; }

.c-tmb--primary { background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; }

.c-tmb--primary::before { content: ""; display: block; padding-top: 100%; }

.c-tmb--secondary { background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; }

.c-tmb--secondary::before { content: ""; display: block; padding-top: 41.26%; }

.c-video--youtube { padding-top: 56.25%; position: relative; }

.c-video--youtube iframe { height: 100%; position: absolute; top: 0; right: 0; width: 100%; }

.c-hover-effect__container, .c-hover__effect__container { overflow: hidden; }

.c-hover-effect--scale, .c-hover__effect--scale { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-property: all; transition-property: all; -webkit-transition-timing-function: ease; transition-timing-function: ease; }

a:hover .c-hover-effect--scale, a:hover .c-hover__effect--scale { transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -webkit-transform: scale(1.1); }

.c-hover__opacity--00 { opacity: 0; }

.c-hover__opacity--05 { opacity: .5; }

.c-hover__opacity--10 { opacity: 1; }

.p-home-effect, .p-home-howto, .bsp.secBeauty .p-beauty-howto { padding: 60px 0; position: relative; }

@media screen and (max-width: 768px) { .p-home-effect, .p-home-howto, .bsp.secBeauty .p-beauty-howto { padding: 30px 0; } }

.p-home-effect:before, .p-home-howto:before, .bsp.secBeauty .p-beauty-howto:before { content: ""; display: block; height: 100%; position: absolute; top: 0; left: 0; -webkit-transform: skewY(-3deg); transform: skewY(-3deg); width: 100%; }

.c-box__pd--20 { padding: 20px; }

.p-home-effect { padding: 160px 0 90px; }

.p-home-effect:before { background-color: #e4007f; }

@media screen and (max-width: 768px) { .p-home-effect { padding: 30px 0 50px; } }

.p-home-effect__headline { color: #f8dd45; text-align: center; }

.p-home-effect__container { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 1; }

.p-home-effect__image { margin-left: 50px; position: relative; width: 400px; z-index: 1; }

@media screen and (max-width: 768px) { .p-home-effect__image { margin: 0; width: 90%; } }

.p-home-effect__text { color: #fff; position: relative; z-index: 1; }

.p-home-effect__button { position: absolute; left: 0; bottom: 10px; }

@media screen and (max-width: 768px) { .p-home-effect__button { position: static; margin-top: 15px; } }

.p-home-effect__button a { min-width: 200px; }

@media screen and (max-width: 768px) { .p-home-effect__button a { width: 100%; } }

.p-home-effect__svg { line-height: 1; position: absolute; left: 0; bottom: 0; vertical-align: middle; width: 100%; }

.p-home-howto, .bsp.secBeauty .p-beauty-howto { margin-top: -30px; padding: 0 0 90px; }

.p-home-howto:before, .bsp.secBeauty .p-beauty-howto:before { background-color: #e4007f; }

@media screen and (max-width: 768px) { .p-home-howto, .bsp.secBeauty .p-beauty-howto { padding: 30px 0 50px; } }

.p-home-howto__headline, .bsp.secBeauty .p-beauty-howto__headline { color: #fff; margin-bottom: 20px; text-align: center; }

.p-home-howto__container, .bsp.secBeauty .p-beauty-howto__container { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.p-home-howto__text, .bsp.secBeauty .p-beauty-howto__text { width: calc(100% - 300px); }

@media screen and (max-width: 1200px) { .p-home-howto__text, .bsp.secBeauty .p-beauty-howto__text { width: 100%; } }

.p-home-howto__image, .bsp.secBeauty .p-beauty-howto__image { width: 250px; }

@media screen and (max-width: 1200px) { .p-home-howto__image, .bsp.secBeauty .p-beauty-howto__image { display: none; } }

.p-home-howto__item, .bsp.secBeauty .p-beauty-howto__item { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.p-home-howto__item dt, .bsp.secBeauty .p-beauty-howto__item dt { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #fff; color: #333; font-weight: 700; padding: 10px 15px; width: 300px; }

.p-home-howto__item dt:after, .bsp.secBeauty .p-beauty-howto__item dt:after { background: -webkit-gradient(linear, right top, left bottom, color-stop(50%, transparent), color-stop(50%, #fff)) top left/100% 50.1% no-repeat, -webkit-gradient(linear, right bottom, left top, color-stop(50%, transparent), color-stop(50%, #fff)) bottom left/100% 50.1% no-repeat; background: linear-gradient(to bottom left, transparent 50%, #fff 50%) top left/100% 50.1% no-repeat, linear-gradient(to top left, transparent 50%, #fff 50%) bottom left/100% 50.1% no-repeat; content: ""; height: calc(100% + 20px); margin: -10px -35px -10px 0; width: 20px; }

@media screen and (max-width: 768px) { .p-home-howto__item dt, .bsp.secBeauty .p-beauty-howto__item dt { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 30px; text-align: center; width: 100%; }
  .p-home-howto__item dt:after, .bsp.secBeauty .p-beauty-howto__item dt:after { background: -webkit-gradient(linear, right top, left bottom, color-stop(50%, #fff), color-stop(50%, transparent)) top left/50.1% 100% no-repeat, -webkit-gradient(linear, left top, right bottom, color-stop(50%, #fff), color-stop(50%, transparent)) top right/50.1% 100% no-repeat; background: linear-gradient(to bottom left, #fff 50%, transparent 50%) top left/50.1% 100% no-repeat, linear-gradient(to bottom right, #fff 50%, transparent 50%) top right/50.1% 100% no-repeat; height: 20px; margin: 0 -15px -40px -15px; width: calc(100% + 30px); } }

.p-home-howto__item dd, .bsp.secBeauty .p-beauty-howto__item dd { color: #fff; width: calc(100% - 350px); }

@media screen and (max-width: 768px) { .p-home-howto__item dd, .bsp.secBeauty .p-beauty-howto__item dd { width: 100% !important; } }

.p-home-howto__item dd .c-note, .bsp.secBeauty .p-beauty-howto__item dd .c-note { margin-top: -10px; }

.p-home-howto__title, .bsp.secBeauty .p-beauty-howto__title { font-size: 2rem; position: relative; background-color: #f7c9dd; color: #e4007f; font-weight: 700; margin: 40px 0 60px; padding: 15px; }

@media (min-width: 577px) { .p-home-howto__title, .bsp.secBeauty .p-beauty-howto__title { font-size: 2.2rem; } }

@media (min-width: 769px) { .p-home-howto__title, .bsp.secBeauty .p-beauty-howto__title { font-size: 26px; } }

.p-home-howto__title:after, .bsp.secBeauty .p-beauty-howto__title:after { border-style: solid; content: ""; display: block; height: 0; position: absolute; width: 0; border-color: #f7c9dd transparent transparent transparent; border-width: 20px 35px 0 35px; }

.p-home-howto__title:after, .bsp.secBeauty .p-beauty-howto__title:after { bottom: -40px; left: calc(50% - 35px); }

.p-home-howto-point, .bsp.secBeauty .p-beauty-howto-point { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border: 1px solid #fff; color: #fff; padding: 30px 30px 15px; }

.p-home-howto-point__image, .bsp.secBeauty .p-beauty-howto-point__image { width: 40%; }

.p-home-howto-point__text, .bsp.secBeauty .p-beauty-howto-point__text { width: 58%; }

@media screen and (max-width: 768px) { .p-home-howto-point > *, .bsp.secBeauty .p-beauty-howto-point > * { width: 100% !important; } }

.p-home-howto-frame, .bsp.secBeauty .p-beauty-howto-frame { border: 1px solid #fff; }

.p-home-howto-frame li:last-of-type, .bsp.secBeauty .p-beauty-howto-frame li:last-of-type { margin-bottom: 0; }

.p-home-howto-frame .p-home-howto__item > dd, .bsp.secBeauty .p-beauty-howto-frame .p-home-howto__item > dd { padding: 20px 20px 5px 0; }

@media (max-width: 992px) { .p-home-howto-frame .p-home-howto__item > dd, .bsp.secBeauty .p-beauty-howto-frame .p-home-howto__item > dd { padding: 0 20px 5px; } }

.p-home-howto-price, .bsp.secBeauty .p-beauty-howto-price { background-color: #fff; border: 5px solid #f7c9dd; padding: 0 30px 15px; }

.p-home-howto-price__title, .bsp.secBeauty .p-beauty-howto-price__title { background: #f7c9dd; color: #e4007f; font-weight: 700; margin: 0 -30px 30px; padding: 20px; text-align: center; }

.p-home-howto-price__detail, .bsp.secBeauty .p-beauty-howto-price__detail { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-top: 30px; }

.p-home-howto-price__detail dt, .bsp.secBeauty .p-beauty-howto-price__detail dt { background: #e4007f; color: #fff; margin: 0 15px 15px 0; padding: 5px 10px; text-align: center; width: 150px; }

@media screen and (max-width: 768px) { .p-home-howto-price__detail dt, .bsp.secBeauty .p-beauty-howto-price__detail dt { margin: 0 0 5px; width: 100%; } }

.p-home-howto-price__detail dd, .bsp.secBeauty .p-beauty-howto-price__detail dd { margin-bottom: 15px; padding: 5px 0; width: calc(100% - 165px); }

@media screen and (max-width: 768px) { .p-home-howto-price__detail dd, .bsp.secBeauty .p-beauty-howto-price__detail dd { width: 100%; } }

.p-home-howto-price .mod-marker-yellow, .bsp.secBeauty .p-beauty-howto-price .mod-marker-yellow { background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #fff), color-stop(50%, #ffffaa), to(#ffffaa)); background: linear-gradient(to bottom, #fff 0%, #fff 50%, #ffffaa 50%, #ffffaa 100%); display: inline; }

.p-content-2 { background: #fff; margin: auto; padding: 90px 0 60px; position: relative; z-index: 5; }

@media screen and (max-width: 768px) { .p-content-2 { padding: 60px 0 30px; } }

.p-content-2__item { opacity: 0; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-transition-delay: 0; transition-delay: 0; -webkit-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-property: all; transition-property: all; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; margin: 5px 0; -webkit-transform: translate(50px, 0); transform: translate(50px, 0); width: 100%; }

@media screen and (max-width: 768px) { .p-content-2__item { margin-bottom: 30px; } }

.p-content-2__item:nth-child(odd) { -webkit-transform: translate(-50px, 0); transform: translate(-50px, 0); }

.p-content-2__item:nth-child(even) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.p-content-2__item.inView { opacity: 1; -webkit-transform: translate(0); transform: translate(0); }

.p-content-2__item > * { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; width: 48%; }

@media screen and (max-width: 768px) { .p-content-2__item > * { width: 100%; } }

.p-content-2__image { position: relative; }

.p-content-2__image:after { border-color: transparent transparent #fff transparent; border-style: solid; border-width: 0 0 4.6vw 100vw; content: ""; display: block; height: 0; position: absolute; bottom: 0; right: 0; width: 0; z-index: 1; }

.p-content-2__image img { max-width: none; width: 100%; }

.p-facilities { padding: 75px 0 0; position: relative; }

@media screen and (max-width: 768px) { .p-facilities { padding: 50px 0 30px; } }

.p-facilities:before { background: #fff; content: ""; display: block; height: 100%; position: absolute; top: 0; left: 0; -webkit-transform: skewY(-3deg); transform: skewY(-3deg); width: 100%; }

.p-facilities .container { background: #f3f3f3; margin-bottom: 60px; padding: 50px 50px 35px; position: relative; }

@media screen and (max-width: 768px) { .p-facilities .container { margin-bottom: 30px; padding: 60px 30px 15px; } }

.p-facilities .wrap-h3 { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 80px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: -30px; left: -50px; width: 250px; }

@media screen and (max-width: 768px) { .p-facilities .wrap-h3 { height: 60px; top: -20px; left: -30px; width: 200px; } }

@media screen and (max-width: 750px) { .p-facilities .wrap-h3 { height: 50px; top: -10px; left: -10px; width: 180px; } }

.p-facilities .wrap-h3:before { background: #e4007f; background-size: cover; content: ""; display: block; height: 100%; position: absolute; top: 0; left: 0; -webkit-transform: skewY(-3deg); transform: skewY(-3deg); width: 100%; }

.p-facilities h3 { color: #fff; margin: 0; position: relative; }

.p-facilities h4 { color: #e4007f; font-size: 24px; margin: 15px 0; text-align: center; }

.p-facilities h4:first-of-type { margin-top: -30px; }

@media screen and (max-width: 768px) { .p-facilities h4 { font-size: 2rem; margin: 10px 0; }
  .p-facilities h4:first-of-type { margin-top: -15px; } }

.p-facilities .mod-list { margin-left: -15px; }

.p-facilities .mod-list li { background: #fff; margin: 0 0 15px 15px; width: calc(100% / 3 - 15px); }

@media screen and (max-width: 768px) { .p-facilities .mod-list li { width: calc(100% / 2 - 15px); } }

@media screen and (max-width: 750px) { .p-facilities .mod-list li { width: calc(100% / 1 - 15px); } }

.p-facilities dl { padding: 20px; }

.p-facilities dl dt { border-bottom: 3px solid #e4007f; color: #e4007f; font-size: 16px; font-weight: 700; margin-bottom: 10px; padding-bottom: 5px; }

.p-facilities dl dd { font-size: 14px; }

.p-facilities span.mod-window { color: #e4007f; display: block; margin-top: 15px; text-align: right; }

.p-facilitiesInfo__list { border-top: 1px solid rgba(0, 0, 0, 0.2); border-bottom: 1px solid rgba(0, 0, 0, 0.2); margin-bottom: 20px; padding: 30px 0 10px; }

@media (min-width: 993px) { .p-facilitiesInfo__item { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } }

.p-facilitiesInfo__title { color: #e4007f; }

@media (min-width: 993px) { .p-facilitiesInfo__title { width: 100px; } }

@media (min-width: 993px) { .p-facilitiesInfo__text { width: calc(100% - 120px); } }

.p-facilitiesInfo__h5 { font-weight: 700; margin-bottom: 5px; }

.bsp.secBeauty .p-beauty-howto { padding: 50px 0 30px; }

.bsp.secBeauty .p-beauty-howto:before { display: none; }

@media screen and (max-width: 768px) { .bsp.secBeauty .p-beauty-howto { padding: 20px 0 0; } }

.bsp.secBeauty .p-beauty-howto__headline { color: #e4007f; }

.bsp.secBeauty .p-beauty-howto__text { width: 100%; }

.bsp.secBeauty .p-beauty-howto__item dt { background-color: #f7c9dd; }

.bsp.secBeauty .p-beauty-howto__item dt:after { background: -webkit-gradient(linear, right top, left bottom, color-stop(50%, transparent), color-stop(50%, #f7c9dd)) top left/100% 50.1% no-repeat, -webkit-gradient(linear, right bottom, left top, color-stop(50%, transparent), color-stop(50%, #f7c9dd)) bottom left/100% 50.1% no-repeat; background: linear-gradient(to bottom left, transparent 50%, #f7c9dd 50%) top left/100% 50.1% no-repeat, linear-gradient(to top left, transparent 50%, #f7c9dd 50%) bottom left/100% 50.1% no-repeat; }

@media screen and (max-width: 768px) { .bsp.secBeauty .p-beauty-howto__item dt:after { background: -webkit-gradient(linear, right top, left bottom, color-stop(50%, #f7c9dd), color-stop(50%, transparent)) top left/50.1% 100% no-repeat, -webkit-gradient(linear, left top, right bottom, color-stop(50%, #f7c9dd), color-stop(50%, transparent)) top right/50.1% 100% no-repeat; background: linear-gradient(to bottom left, #f7c9dd 50%, transparent 50%) top left/50.1% 100% no-repeat, linear-gradient(to bottom right, #f7c9dd 50%, transparent 50%) top right/50.1% 100% no-repeat; } }

.bsp.secBeauty .p-beauty-howto__item dd { color: #333; }

.bsp.secBeauty .p-beauty-howto__title { position: relative; background-color: #fef3fa; color: #e4007f; font-family: "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; text-align: center; }

.bsp.secBeauty .p-beauty-howto__title:after { border-style: solid; content: ""; display: block; height: 0; position: absolute; width: 0; border-color: #fef3fa transparent transparent transparent; border-width: 20px 35px 0 35px; }

.bsp.secBeauty .p-beauty-howto-point { border-color: #ddd; color: #333; }

.p-beauty-about { margin-bottom: 30px; }

.p-beauty-tv { background-color: rgba(0, 0, 0, 0.025); margin: 30px 0; padding: 30px 30px 15px; }

.p-beauty-scene { margin-top: 60px; }

.p-beautyTips__list { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: url(../img/ico_arrow_right_pink.svg) no-repeat no-repeat center 30%; background-size: 60px; }

@media (max-width: 992px) { .p-beautyTips__list { background: none; } }

.p-beautyTips__item { width: calc(50% - 60px); }

@media (max-width: 992px) { .p-beautyTips__item { width: 100%; }
  .p-beautyTips__item:first-of-type { background: url(../img/ico_arrow_bottom_pink.svg) no-repeat no-repeat center bottom; background-size: 60px 20px; margin-bottom: 20px; padding-bottom: 20px; } }

.p-price__container { background-color: #fff; border: 5px solid #f7c9dd; padding: 0 45px 15px; }

@media (max-width: 992px) { .p-price__container { padding: 0 25px 15px; } }

.p-price__title { font-weight: 700; background-color: #f7c9dd; color: #e4007f; margin: 0 -45px 30px !important; padding: 20px; text-align: center !important; }

@media (max-width: 992px) { .p-price__title { margin: 0 -25px 15px !important; } }

.p-price-course { border-top: 1px solid #ddd; margin-bottom: 15px; padding-top: 15px; }

.p-price-course__list { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-top: 10px; }

.p-price-course__list > * { border-bottom: 1px solid #ddd; padding: 10px 20px; }

.p-price-course__list > *:first-of-type { border-top: 1px solid #ddd; }

@media (max-width: 992px) { .p-price-course__list > * { padding: 10px 0; text-align: left !important; width: 100% !important; } }

.p-price-course__title { padding-left: 2em; text-indent: -2em; width: 70%; }

.p-price-course__title span { color: #e4007f; margin-right: 1em; }

.p-price-course__description { text-align: right; width: 30%; }

.p-price-course__description > strong { margin-left: 1em; }

.p-price-coupon { margin: auto; max-width: 640px; }

.mod-marker-yellow { background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #fff), color-stop(50%, #ffffaa), to(#ffffaa)); background: linear-gradient(to bottom, #fff 0%, #fff 50%, #ffffaa 50%, #ffffaa 100%); display: inline; }

.p-tv__image { background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; }

.p-tv__image::before { content: ""; display: block; padding-top: 56.25%; }

.p-tv__text { margin-top: 15px; text-align: center; }

.u-cl--base { color: #333 !important; }

.u-bg--base { background-color: #333; }

.u-bc--base { border-color: #333 !important; }

.u-li--base:before { color: #333 !important; }

.u-hover-bg--base:hover { background-color: #333 !important; }

.u-cl--pink { color: #f7c9dd !important; }

.u-bg--pink { background-color: #f7c9dd; }

.u-bc--pink { border-color: #f7c9dd !important; }

.u-li--pink:before { color: #f7c9dd !important; }

.u-hover-bg--pink:hover { background-color: #f7c9dd !important; }

.u-cl--darkpink { color: #e4007f !important; }

.u-bg--darkpink { background-color: #e4007f; }

.u-bc--darkpink { border-color: #e4007f !important; }

.u-li--darkpink:before { color: #e4007f !important; }

.u-hover-bg--darkpink:hover { background-color: #e4007f !important; }

.u-cl--lightpink { color: #fef3fa !important; }

.u-bg--lightpink { background-color: #fef3fa; }

.u-bc--lightpink { border-color: #fef3fa !important; }

.u-li--lightpink:before { color: #fef3fa !important; }

.u-hover-bg--lightpink:hover { background-color: #fef3fa !important; }

.u-cl--gold { color: #bba32d !important; }

.u-bg--gold { background-color: #bba32d; }

.u-bc--gold { border-color: #bba32d !important; }

.u-li--gold:before { color: #bba32d !important; }

.u-hover-bg--gold:hover { background-color: #bba32d !important; }

.u-cl--yellow { color: #f8dd45 !important; }

.u-bg--yellow { background-color: #f8dd45; }

.u-bc--yellow { border-color: #f8dd45 !important; }

.u-li--yellow:before { color: #f8dd45 !important; }

.u-hover-bg--yellow:hover { background-color: #f8dd45 !important; }

.u-cl--black { color: #000 !important; }

.u-bg--black { background-color: #000; }

.u-bc--black { border-color: #000 !important; }

.u-li--black:before { color: #000 !important; }

.u-hover-bg--black:hover { background-color: #000 !important; }

.u-cl--white { color: #fff !important; }

.u-bg--white { background-color: #fff; }

.u-bc--white { border-color: #fff !important; }

.u-li--white:before { color: #fff !important; }

.u-hover-bg--white:hover { background-color: #fff !important; }

.u-cl--gray { color: #ddd !important; }

.u-bg--gray { background-color: #ddd; }

.u-bc--gray { border-color: #ddd !important; }

.u-li--gray:before { color: #ddd !important; }

.u-hover-bg--gray:hover { background-color: #ddd !important; }

.u-cl--darkgray { color: #777 !important; }

.u-bg--darkgray { background-color: #777; }

.u-bc--darkgray { border-color: #777 !important; }

.u-li--darkgray:before { color: #777 !important; }

.u-hover-bg--darkgray:hover { background-color: #777 !important; }

.u-cl--lightgray { color: #f3f3f3 !important; }

.u-bg--lightgray { background-color: #f3f3f3; }

.u-bc--lightgray { border-color: #f3f3f3 !important; }

.u-li--lightgray:before { color: #f3f3f3 !important; }

.u-hover-bg--lightgray:hover { background-color: #f3f3f3 !important; }

.u-cl--key { color: #e4007f !important; }

.u-bg--key { background-color: #e4007f; }

.u-bc--key { border-color: #e4007f !important; }

.u-li--key:before { color: #e4007f !important; }

.u-hover-bg--key:hover { background-color: #e4007f !important; }

.u-cl--link { color: #e4007f !important; }

.u-bg--link { background-color: #e4007f; }

.u-bc--link { border-color: #e4007f !important; }

.u-li--link:before { color: #e4007f !important; }

.u-hover-bg--link:hover { background-color: #e4007f !important; }

.u-ff--gothic { font-family: "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

.u-ff--mincho { font-family: "游明朝", "Yu Mincho", "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", "Meiryo", serif; }

.u-fs--base { font-size: 1.6rem; }

@media (min-width: 769px) { .u-fs--base { font-size: 16px; } }

.u-fs--xl { font-size: 2.4rem; }

@media (min-width: 577px) { .u-fs--xl { font-size: 2.8rem; } }

@media (min-width: 769px) { .u-fs--xl { font-size: 32px; } }

.u-fs--lg { font-size: 2rem; }

@media (min-width: 577px) { .u-fs--lg { font-size: 2.2rem; } }

@media (min-width: 769px) { .u-fs--lg { font-size: 26px; } }

.u-fs--md { font-size: 1.8rem; }

@media (min-width: 577px) { .u-fs--md { font-size: 1.8rem; } }

@media (min-width: 769px) { .u-fs--md { font-size: 20px; } }

.u-fs--sm { font-size: 1.4rem; }

@media (min-width: 577px) { .u-fs--sm { font-size: 1.4rem; } }

@media (min-width: 769px) { .u-fs--sm { font-size: 14px; } }

.u-fs--xs { font-size: 1.2rem; }

@media (min-width: 577px) { .u-fs--xs { font-size: 1.2rem; } }

@media (min-width: 769px) { .u-fs--xs { font-size: 12px; } }

.u-fw--400 { font-weight: 400; }

.u-fw--700 { font-weight: 700; }

.u-fw--900 { font-weight: 900; }

.u-lh--base { line-height: 1.6; }

.u-lh--xl { line-height: 2; }

.u-lh--lg { line-height: 1.8; }

.u-lh--md { line-height: 1.4; }

.u-lh--sm { line-height: 1.2; }

.u-lh--xs { line-height: 1; }

.u-items--start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.u-items--end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.u-items--center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.u-items--baseline { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; }

.u-items--stretch { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }

.u-justify--start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.u-justify--end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.u-justify--center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.u-justify--between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.u-justify--around { -ms-flex-pack: distribute; justify-content: space-around; }

.u-justify--evenly { -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; }

.u-al--center { text-align: center; }

.u-al--center__sp--left { text-align: center; }

@media screen and (max-width: 768px) { .u-al--center__sp--left { text-align: left; } }

.u-al--left { text-align: left; }

.u-al--right { text-align: right; }

.u-al--right__sp--left { text-align: right; }

@media screen and (max-width: 768px) { .u-al--right__sp--left { text-align: left; } }

.u-mt--0 { margin-top: 0px !important; }

.u-mb--0 { margin-bottom: 0px !important; }

.u-ml--0 { margin-left: 0px !important; }

.u-mr--0 { margin-right: 0px !important; }

.u-pt--0 { padding-top: 0px !important; }

.u-pb--0 { padding-bottom: 0px !important; }

.u-pl--0 { padding-left: 0px !important; }

.u-pr--0 { padding-right: 0px !important; }

.u-mt--5 { margin-top: 5px !important; }

.u-mb--5 { margin-bottom: 5px !important; }

.u-ml--5 { margin-left: 5px !important; }

.u-mr--5 { margin-right: 5px !important; }

.u-pt--5 { padding-top: 5px !important; }

.u-pb--5 { padding-bottom: 5px !important; }

.u-pl--5 { padding-left: 5px !important; }

.u-pr--5 { padding-right: 5px !important; }

.u-mt--10 { margin-top: 10px !important; }

.u-mb--10 { margin-bottom: 10px !important; }

.u-ml--10 { margin-left: 10px !important; }

.u-mr--10 { margin-right: 10px !important; }

.u-pt--10 { padding-top: 10px !important; }

.u-pb--10 { padding-bottom: 10px !important; }

.u-pl--10 { padding-left: 10px !important; }

.u-pr--10 { padding-right: 10px !important; }

.u-mt--15 { margin-top: 15px !important; }

.u-mb--15 { margin-bottom: 15px !important; }

.u-ml--15 { margin-left: 15px !important; }

.u-mr--15 { margin-right: 15px !important; }

.u-pt--15 { padding-top: 15px !important; }

.u-pb--15 { padding-bottom: 15px !important; }

.u-pl--15 { padding-left: 15px !important; }

.u-pr--15 { padding-right: 15px !important; }

.u-mt--20 { margin-top: 20px !important; }

.u-mb--20 { margin-bottom: 20px !important; }

.u-ml--20 { margin-left: 20px !important; }

.u-mr--20 { margin-right: 20px !important; }

.u-pt--20 { padding-top: 20px !important; }

.u-pb--20 { padding-bottom: 20px !important; }

.u-pl--20 { padding-left: 20px !important; }

.u-pr--20 { padding-right: 20px !important; }

.u-mt--25 { margin-top: 25px !important; }

.u-mb--25 { margin-bottom: 25px !important; }

.u-ml--25 { margin-left: 25px !important; }

.u-mr--25 { margin-right: 25px !important; }

.u-pt--25 { padding-top: 25px !important; }

.u-pb--25 { padding-bottom: 25px !important; }

.u-pl--25 { padding-left: 25px !important; }

.u-pr--25 { padding-right: 25px !important; }

.u-mt--30 { margin-top: 30px !important; }

.u-mb--30 { margin-bottom: 30px !important; }

.u-ml--30 { margin-left: 30px !important; }

.u-mr--30 { margin-right: 30px !important; }

.u-pt--30 { padding-top: 30px !important; }

.u-pb--30 { padding-bottom: 30px !important; }

.u-pl--30 { padding-left: 30px !important; }

.u-pr--30 { padding-right: 30px !important; }

.u-mt--35 { margin-top: 35px !important; }

.u-mb--35 { margin-bottom: 35px !important; }

.u-ml--35 { margin-left: 35px !important; }

.u-mr--35 { margin-right: 35px !important; }

.u-pt--35 { padding-top: 35px !important; }

.u-pb--35 { padding-bottom: 35px !important; }

.u-pl--35 { padding-left: 35px !important; }

.u-pr--35 { padding-right: 35px !important; }

.u-mt--40 { margin-top: 40px !important; }

.u-mb--40 { margin-bottom: 40px !important; }

.u-ml--40 { margin-left: 40px !important; }

.u-mr--40 { margin-right: 40px !important; }

.u-pt--40 { padding-top: 40px !important; }

.u-pb--40 { padding-bottom: 40px !important; }

.u-pl--40 { padding-left: 40px !important; }

.u-pr--40 { padding-right: 40px !important; }

.u-mt--45 { margin-top: 45px !important; }

.u-mb--45 { margin-bottom: 45px !important; }

.u-ml--45 { margin-left: 45px !important; }

.u-mr--45 { margin-right: 45px !important; }

.u-pt--45 { padding-top: 45px !important; }

.u-pb--45 { padding-bottom: 45px !important; }

.u-pl--45 { padding-left: 45px !important; }

.u-pr--45 { padding-right: 45px !important; }

.u-mt--50 { margin-top: 50px !important; }

.u-mb--50 { margin-bottom: 50px !important; }

.u-ml--50 { margin-left: 50px !important; }

.u-mr--50 { margin-right: 50px !important; }

.u-pt--50 { padding-top: 50px !important; }

.u-pb--50 { padding-bottom: 50px !important; }

.u-pl--50 { padding-left: 50px !important; }

.u-pr--50 { padding-right: 50px !important; }

.u-mt--55 { margin-top: 55px !important; }

.u-mb--55 { margin-bottom: 55px !important; }

.u-ml--55 { margin-left: 55px !important; }

.u-mr--55 { margin-right: 55px !important; }

.u-pt--55 { padding-top: 55px !important; }

.u-pb--55 { padding-bottom: 55px !important; }

.u-pl--55 { padding-left: 55px !important; }

.u-pr--55 { padding-right: 55px !important; }

.u-mt--60, .p-404 { margin-top: 60px !important; }

.u-mb--60, .p-404 { margin-bottom: 60px !important; }

.u-ml--60 { margin-left: 60px !important; }

.u-mr--60 { margin-right: 60px !important; }

.u-pt--60 { padding-top: 60px !important; }

.u-pb--60 { padding-bottom: 60px !important; }

.u-pl--60 { padding-left: 60px !important; }

.u-pr--60 { padding-right: 60px !important; }

.u-mt--65 { margin-top: 65px !important; }

.u-mb--65 { margin-bottom: 65px !important; }

.u-ml--65 { margin-left: 65px !important; }

.u-mr--65 { margin-right: 65px !important; }

.u-pt--65 { padding-top: 65px !important; }

.u-pb--65 { padding-bottom: 65px !important; }

.u-pl--65 { padding-left: 65px !important; }

.u-pr--65 { padding-right: 65px !important; }

.u-mt--70 { margin-top: 70px !important; }

.u-mb--70 { margin-bottom: 70px !important; }

.u-ml--70 { margin-left: 70px !important; }

.u-mr--70 { margin-right: 70px !important; }

.u-pt--70 { padding-top: 70px !important; }

.u-pb--70 { padding-bottom: 70px !important; }

.u-pl--70 { padding-left: 70px !important; }

.u-pr--70 { padding-right: 70px !important; }

.u-mt--75 { margin-top: 75px !important; }

.u-mb--75 { margin-bottom: 75px !important; }

.u-ml--75 { margin-left: 75px !important; }

.u-mr--75 { margin-right: 75px !important; }

.u-pt--75 { padding-top: 75px !important; }

.u-pb--75 { padding-bottom: 75px !important; }

.u-pl--75 { padding-left: 75px !important; }

.u-pr--75 { padding-right: 75px !important; }

.u-mt--80 { margin-top: 80px !important; }

.u-mb--80 { margin-bottom: 80px !important; }

.u-ml--80 { margin-left: 80px !important; }

.u-mr--80 { margin-right: 80px !important; }

.u-pt--80 { padding-top: 80px !important; }

.u-pb--80 { padding-bottom: 80px !important; }

.u-pl--80 { padding-left: 80px !important; }

.u-pr--80 { padding-right: 80px !important; }

.u-mt--85 { margin-top: 85px !important; }

.u-mb--85 { margin-bottom: 85px !important; }

.u-ml--85 { margin-left: 85px !important; }

.u-mr--85 { margin-right: 85px !important; }

.u-pt--85 { padding-top: 85px !important; }

.u-pb--85 { padding-bottom: 85px !important; }

.u-pl--85 { padding-left: 85px !important; }

.u-pr--85 { padding-right: 85px !important; }

.u-mt--90 { margin-top: 90px !important; }

.u-mb--90 { margin-bottom: 90px !important; }

.u-ml--90 { margin-left: 90px !important; }

.u-mr--90 { margin-right: 90px !important; }

.u-pt--90 { padding-top: 90px !important; }

.u-pb--90 { padding-bottom: 90px !important; }

.u-pl--90 { padding-left: 90px !important; }

.u-pr--90 { padding-right: 90px !important; }

.u-mt--95 { margin-top: 95px !important; }

.u-mb--95 { margin-bottom: 95px !important; }

.u-ml--95 { margin-left: 95px !important; }

.u-mr--95 { margin-right: 95px !important; }

.u-pt--95 { padding-top: 95px !important; }

.u-pb--95 { padding-bottom: 95px !important; }

.u-pl--95 { padding-left: 95px !important; }

.u-pr--95 { padding-right: 95px !important; }

.u-mt--100 { margin-top: 100px !important; }

.u-mb--100 { margin-bottom: 100px !important; }

.u-ml--100 { margin-left: 100px !important; }

.u-mr--100 { margin-right: 100px !important; }

.u-pt--100 { padding-top: 100px !important; }

.u-pb--100 { padding-bottom: 100px !important; }

.u-pl--100 { padding-left: 100px !important; }

.u-pr--100 { padding-right: 100px !important; }

.u-b__solid--0 { border-style: solid; border-width: 0px; }

.u-bt__solid--0 { border-style: solid; border-top-width: 0px; }

.u-bb__solid--0 { border-style: solid; border-bottom-width: 0px; }

.u-bl__solid--0 { border-style: solid; border-left-width: 0px; }

.u-br__solid--0 { border-style: solid; border-right-width: 0px; }

.u-b__solid--1 { border-style: solid; border-width: 1px; }

.u-bt__solid--1 { border-style: solid; border-top-width: 1px; }

.u-bb__solid--1 { border-style: solid; border-bottom-width: 1px; }

.u-bl__solid--1 { border-style: solid; border-left-width: 1px; }

.u-br__solid--1 { border-style: solid; border-right-width: 1px; }

.u-b__solid--2 { border-style: solid; border-width: 2px; }

.u-bt__solid--2 { border-style: solid; border-top-width: 2px; }

.u-bb__solid--2 { border-style: solid; border-bottom-width: 2px; }

.u-bl__solid--2 { border-style: solid; border-left-width: 2px; }

.u-br__solid--2 { border-style: solid; border-right-width: 2px; }

.u-b__solid--3 { border-style: solid; border-width: 3px; }

.u-bt__solid--3 { border-style: solid; border-top-width: 3px; }

.u-bb__solid--3 { border-style: solid; border-bottom-width: 3px; }

.u-bl__solid--3 { border-style: solid; border-left-width: 3px; }

.u-br__solid--3 { border-style: solid; border-right-width: 3px; }

.u-b__solid--4 { border-style: solid; border-width: 4px; }

.u-bt__solid--4 { border-style: solid; border-top-width: 4px; }

.u-bb__solid--4 { border-style: solid; border-bottom-width: 4px; }

.u-bl__solid--4 { border-style: solid; border-left-width: 4px; }

.u-br__solid--4 { border-style: solid; border-right-width: 4px; }

.u-b__solid--5 { border-style: solid; border-width: 5px; }

.u-bt__solid--5 { border-style: solid; border-top-width: 5px; }

.u-bb__solid--5 { border-style: solid; border-bottom-width: 5px; }

.u-bl__solid--5 { border-style: solid; border-left-width: 5px; }

.u-br__solid--5 { border-style: solid; border-right-width: 5px; }

.u-clearfix::after, .clearfix::after { content: ""; display: block; clear: both; }
/*# sourceMappingURL=style.css.map */