/* Scss Document */
.fullscreen {
  width: 100vw;
  height: 100vh;
  overflow-x: hidden; }

body {
  color: #C1A153;
  background: #EAE1C6; }
  @media screen and (max-width: 576px) {
    body h1 {
      font-size: calc(100vw/12); }
    body h5 {
      font-size: calc(100vw/20); } }

#nav_btn {
  position: fixed;
  top: 0;
  right: 0; }
  #nav_btn button {
    color: #691D0A;
    border: solid #691D0A 1px;
    margin: 0.5em;
    padding: 0.25em; }
    #nav_btn button .navbar-toggler-icon {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30'\a                 xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(137,16,10,1.00)'\a                 stroke-width='3' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }

.backtext, .backtext-left, nav .backtext-left2, .backtext-right, nav .backtext-right2 {
  position: fixed;
  writing-mode: vertical-lr;
  font-size: calc(100vh/6);
  font-weight: bold;
  color: #ECF0EA;
  text-transform: capitalize; }

.backtext-left, nav .backtext-left2 {
  top: 0.5em;
  left: -0.5em;
  z-index: -1; }

.backtext-right, nav .backtext-right2 {
  bottom: 0.5em;
  right: -0.5em;
  transform: rotate(180deg);
  z-index: -2; }

.btn-primary {
  color: #691D0A;
  font-weight: bold;
  background: #C1A153;
  border: #691D0A; }
  .btn-primary:hover {
    background: #ECF0EA;
    color: #691D0A; }
  .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active {
    color: #691D0A;
    background: #C1A153; }

.btn-secondary {
  color: #691D0A;
  font-weight: bold;
  background: #ECF0EA;
  border: #691D0A solid 1px; }
  .btn-secondary:hover {
    background: #691D0A;
    color: #ECF0EA; }
  .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active {
    color: #691D0A;
    background: #ECF0EA; }

/* Scss Document */
header {
  position: relative; }
  header .header_content {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(105, 29, 10, 0.75); }
  header a.sns {
    font-size: 2em;
    margin: 0.5em 0.25em 0;
    color: #C1A153; }
    header a.sns:hover {
      color: #ECF0EA; }

@media screen and (orientation: landscape) {
  header {
    background: url("../img/top_bunner.jpg") top right no-repeat;
    background-size: cover;} }
@media screen and (orientation: portrait) {
  header {
    background: url("../img/top_bunner_2.jpg") top center no-repeat;
    background-size: cover;} }
/* Scss Document */
nav {
  background: #EAE1C6;
  position: relative; }
  nav .row {
    height: 100vh; }
  nav ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    nav ul li {
      padding: 1em; }
      nav ul li a {
        color: #691D0A;
        font-size: 1.5em;
        font-weight: bold; }
        nav ul li a:hover {
          color: #A48302;
          text-decoration: none; }
  nav .backtext-left2 {
    position: absolute;
    z-index: auto; }
  nav .backtext-right2 {
    position: absolute;
    z-index: auto; }

/* Scss Document */
#confirm_contact {
  background: rgba(105, 29, 10, 0.75);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2000; }
  #confirm_contact .confirm-body {
    margin: auto;
    background: #ECF0EA;
    border-radius: 1em;
    max-width: 576px;
    max-height: 100vh;
    padding: 1em;
    overflow-y: auto; }

#profile img {
  border-radius: 1em; }

/* Scss Document */