.c-bk { color: #000 !important; }

.bc-bk { background-color: #000 !important; }

.border-bk { border-color: #000 !important; }

.btn { display: block; width: 240px; border-radius: 20px; transition: 0.5s; }
.btn.btn-bk { color: #FCF8F5; background: #000; border: solid 1px #000; }
.btn.btn-bk:hover { color: #000; background: #FCF8F5; }
.btn.btn-bk-sk { color: #000; background: #FCF8F5; border: solid 1px #000; }
.btn.btn-bk-sk.hover:hover { color: #FCF8F5; background: #000; }

.c-wh { color: #FCF8F5 !important; }

.bc-wh { background-color: #FCF8F5 !important; }

.border-wh { border-color: #FCF8F5 !important; }

.btn { display: block; width: 240px; border-radius: 20px; transition: 0.5s; }
.btn.btn-wh { color: #FCF8F5; background: #FCF8F5; border: solid 1px #FCF8F5; }
.btn.btn-wh:hover { color: #FCF8F5; background: #FCF8F5; }
.btn.btn-wh-sk { color: #FCF8F5; background: #FCF8F5; border: solid 1px #FCF8F5; }
.btn.btn-wh-sk.hover:hover { color: #FCF8F5; background: #FCF8F5; }

.c-gr { color: #3CACAE !important; }

.bc-gr { background-color: #3CACAE !important; }

.border-gr { border-color: #3CACAE !important; }

.btn { display: block; width: 240px; border-radius: 20px; transition: 0.5s; }
.btn.btn-gr { color: #FCF8F5; background: #3CACAE; border: solid 1px #3CACAE; }
.btn.btn-gr:hover { color: #3CACAE; background: #FCF8F5; }
.btn.btn-gr-sk { color: #3CACAE; background: #FCF8F5; border: solid 1px #3CACAE; }
.btn.btn-gr-sk.hover:hover { color: #FCF8F5; background: #3CACAE; }

.c-lgr { color: #DCE7E6 !important; }

.bc-lgr { background-color: #DCE7E6 !important; }

.border-lgr { border-color: #DCE7E6 !important; }

.btn { display: block; width: 240px; border-radius: 20px; transition: 0.5s; }
.btn.btn-lgr { color: #FCF8F5; background: #DCE7E6; border: solid 1px #DCE7E6; }
.btn.btn-lgr:hover { color: #DCE7E6; background: #FCF8F5; }
.btn.btn-lgr-sk { color: #DCE7E6; background: #FCF8F5; border: solid 1px #DCE7E6; }
.btn.btn-lgr-sk.hover:hover { color: #FCF8F5; background: #DCE7E6; }

.c-dgr { color: #07C655 !important; }

.bc-dgr { background-color: #07C655 !important; }

.border-dgr { border-color: #07C655 !important; }

.btn { display: block; width: 240px; border-radius: 20px; transition: 0.5s; }
.btn.btn-dgr { color: #FCF8F5; background: #07C655; border: solid 1px #07C655; }
.btn.btn-dgr:hover { color: #07C655; background: #FCF8F5; }
.btn.btn-dgr-sk { color: #07C655; background: #FCF8F5; border: solid 1px #07C655; }
.btn.btn-dgr-sk.hover:hover { color: #FCF8F5; background: #07C655; }

.c-pk { color: #F78DA7 !important; }

.bc-pk { background-color: #F78DA7 !important; }

.border-pk { border-color: #F78DA7 !important; }

.btn { display: block; width: 240px; border-radius: 20px; transition: 0.5s; }
.btn.btn-pk { color: #FCF8F5; background: #F78DA7; border: solid 1px #F78DA7; }
.btn.btn-pk:hover { color: #F78DA7; background: #FCF8F5; }
.btn.btn-pk-sk { color: #F78DA7; background: #FCF8F5; border: solid 1px #F78DA7; }
.btn.btn-pk-sk.hover:hover { color: #FCF8F5; background: #F78DA7; }

.c-dpk { color: #8E3055 !important; }

.bc-dpk { background-color: #8E3055 !important; }

.border-dpk { border-color: #8E3055 !important; }

.btn { display: block; width: 240px; border-radius: 20px; transition: 0.5s; }
.btn.btn-dpk { color: #FCF8F5; background: #8E3055; border: solid 1px #8E3055; }
.btn.btn-dpk:hover { color: #8E3055; background: #FCF8F5; }
.btn.btn-dpk-sk { color: #8E3055; background: #FCF8F5; border: solid 1px #8E3055; }
.btn.btn-dpk-sk.hover:hover { color: #FCF8F5; background: #8E3055; }

.c-lpk { color: #FCE0DF !important; }

.bc-lpk { background-color: #FCE0DF !important; }

.border-lpk { border-color: #FCE0DF !important; }

.btn { display: block; width: 240px; border-radius: 20px; transition: 0.5s; }
.btn.btn-lpk { color: #FCF8F5; background: #FCE0DF; border: solid 1px #FCE0DF; }
.btn.btn-lpk:hover { color: #FCE0DF; background: #FCF8F5; }
.btn.btn-lpk-sk { color: #FCE0DF; background: #FCF8F5; border: solid 1px #FCE0DF; }
.btn.btn-lpk-sk.hover:hover { color: #FCF8F5; background: #FCE0DF; }

.c-rd { color: #F9885F !important; }

.bc-rd { background-color: #F9885F !important; }

.border-rd { border-color: #F9885F !important; }

.btn { display: block; width: 240px; border-radius: 20px; transition: 0.5s; }
.btn.btn-rd { color: #FCF8F5; background: #F9885F; border: solid 1px #F9885F; }
.btn.btn-rd:hover { color: #F9885F; background: #FCF8F5; }
.btn.btn-rd-sk { color: #F9885F; background: #FCF8F5; border: solid 1px #F9885F; }
.btn.btn-rd-sk.hover:hover { color: #FCF8F5; background: #F9885F; }

.c-bg { color: #F6F2E7 !important; }

.bc-bg { background-color: #F6F2E7 !important; }

.border-bg { border-color: #F6F2E7 !important; }

.btn { display: block; width: 240px; border-radius: 20px; transition: 0.5s; }
.btn.btn-bg { color: #FCF8F5; background: #F6F2E7; border: solid 1px #F6F2E7; }
.btn.btn-bg:hover { color: #F6F2E7; background: #FCF8F5; }
.btn.btn-bg-sk { color: #F6F2E7; background: #FCF8F5; border: solid 1px #F6F2E7; }
.btn.btn-bg-sk.hover:hover { color: #FCF8F5; background: #F6F2E7; }

* { font-family: "Noto Serif JP", serif; font-optical-sizing: auto; font-style: normal; }

.cover-gr { background: rgba(60, 172, 174, 0.8); }

h3 span { font-family: "Nixie One", system-ui; font-weight: 400; font-style: normal; }

.nav-item { border-bottom: solid 1px #3CACAE; padding-left: 1rem; transition: .5s; }
.nav-item:hover { background: #3CACAE; transition: .5s; }
.nav-item:hover a { color: #FCF8F5; transition: .5s; }

.offcanvas { background: rgba(255, 255, 255, 0.9) !important; }
@media screen and (max-width: 576px) { .offcanvas { width: 75% !important; } }

.news-list li { border-bottom: solid 1px #3CACAE; }
.news-list li a { padding: 1rem; transition: .5s; }
.news-list li a:hover { background: #FCF8F5; transition: .5s; }

.subv { background: url("../img/concept1.jpg") center/cover no-repeat; height: 60vh; }

.studio-h4 { border-left: solid 5px #3CACAE; padding-left: 1rem; }

#hero { background: url("../img/main.jpg") center/cover no-repeat; }

#price { background: url("../img/concept1.jpg") center/cover no-repeat; }