/* line 4, ../scss/style.scss */
pre {
  overflow: none;
}

@media screen and (max-width: 768px) {
  /* line 10, ../scss/style.scss */
  body .back {
    background: url(../img/taku_bg_old.jpg) 50% 50% no-repeat;
    background-size: auto 100%;
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -3;
    overflow: hidden;
  }
  /* line 22, ../scss/style.scss */
  body .front {
    background: url(../img/taku_bg_rogo.png) 50% 50% no-repeat;
    background-size: auto 100%;
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;
    display: none;
  }
  body .filter {
    background: url(../img/taku_bg_old_filter.jpg) 50% 50% no-repeat;
    background-size: auto 100%;
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -2;
    overflow: hidden;

    opacity: 0;
  }
}
@media screen and (min-width: 768px) {
  /* line 8, ../scss/style.scss */
  body {
    background: url(../img/taku_bg_old.jpg) 50% 50% no-repeat fixed;
    background-size: 100vw auto;
    z-index: -3;
  }
  /* line 39, ../scss/style.scss */
  body .back {
    display: none;
  }
  /* line 42, ../scss/style.scss */
  body .front {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: url(../img/taku_bg_rogo.png) 50% 50% no-repeat;
    background-size: 100vw auto;
    z-index: -1;
  }

  body .filter {
    background: url(../img/taku_bg_old_filter.jpg) 50% 50% no-repeat fixed;
    background-size: 100vw auto;
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: -2;
    opacity: 0;
  }
}

/* line 56, ../scss/style.scss */
.load {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 3000px;
  height: 3000px;
  margin: -1500px 0 0 -1500px;
  background: #373743;
  z-index: -2;
  -moz-border-radius: 1500px 1500px;
  -webkit-border-radius: 1500px;
  border-radius: 1500px 1500px;
}

/* line 68, ../scss/style.scss */
body .load {
  -moz-transition: border-radius 1s, width 1s, height 1s, margin 1s, top 1s;
  -o-transition: border-radius 1s, width 1s, height 1s, margin 1s, top 1s;
  -webkit-transition: border-radius 1s, width 1s, height 1s, margin 1s, top 1s;
  transition: border-radius 1s, width 1s, height 1s, margin 1s, top 1s;
}

@media screen and (min-width: 768px) {
  /* line 72, ../scss/style.scss */
  body #nav {
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
  }
}

@media screen and (min-width: 768px) {
  /* line 78, ../scss/style.scss */
  .ok body #nav {
    opacity: 1;
  }
}

/* line 84, ../scss/style.scss */
.ok body .load {
  -moz-border-radius: 1px 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px 1px;
  width: 0px;
  height: 0px;
  margin: 0px 0px 0px 0px;
}
@media screen and (min-width: 768px) {
  /* line 84, ../scss/style.scss */
  .ok body .load {
    top: 35%;
  }
}
@media screen and (max-width: 768px) {
  /* line 84, ../scss/style.scss */
  .ok body .load {
    top: 55%;
  }
}

/* line 99, ../scss/style.scss */
#main {
  width: 100vw;
}
@media screen and (max-width: 768px) {
  /* line 99, ../scss/style.scss */
  #main {
    height: 120vh;
  }
}
@media screen and (min-width: 768px) {
  /* line 99, ../scss/style.scss */
  #main {
    height: 100vh;
  }
}

/* line 111, ../scss/style.scss */
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 0px;
  margin-bottom: 0px;
}

@media screen and (min-width: 768px) {
  /* line 122, ../scss/style.scss */
  .carousel {
    width: 50%;
    margin: 20px auto;
  }

  /* line 126, ../scss/style.scss */
  .carousel-inner {
    margin: 0 auto;
    height: 350px;
  }
  /* line 129, ../scss/style.scss */
  .carousel-inner .item {
    margin: auto 0;
  }
}
@media screen and (max-width: 768px) {
  /* line 136, ../scss/style.scss */
  .carousel {
    width: 90%;
    margin: 20px 10px;
  }

  /* line 140, ../scss/style.scss */
  .carousel-inner {
    margin: 0 auto;
    height: 200px;
  }
  /* line 143, ../scss/style.scss */
  .carousel-inner .item {
    margin: auto 0;
  }
}
/* line 149, ../scss/style.scss */
#about,
#shokai,
#map {
  -moz-box-shadow: 0px 3px 1px 1px rgba(0, 0, 0, 0.7);
  -webkit-box-shadow: 0px 3px 1px 1px rgba(0, 0, 0, 0.7);
  box-shadow: 0px 3px 1px 1px rgba(0, 0, 0, 0.7);
  color: white;
  background: #373743;
  padding: 16px 0;
  width: 300px;
  margin: 0 auto;
}
#about {
  width: 75%;
}
/* line 158, ../scss/style.scss */
#about h1,
#shokai h1,
#map h1 {
  font-size: 40px;
  text-align: center;
  text-shadow: 2px 2px 0px black;
  text-shadow: 2px 2px 0px 0px black;
}

/* line 167, ../scss/style.scss */
#about_contents,
#LayRie,
#Xequal,
#Croissance,
#deep,
#okuno,
#toji,
#coloris,
#Bi,
#katati,
#NoFF,
#JONDCO,
#map_contents {
  background: #373743;
  -moz-box-shadow: 3px 3px 1px 1px rgba(0, 0, 0, 0.7);
  -webkit-box-shadow: 3px 3px 1px 1px rgba(0, 0, 0, 0.7);
  box-shadow: 3px 3px 1px 1px rgba(0, 0, 0, 0.7);
}
@media screen and (min-width: 768px) {
  /* line 167, ../scss/style.scss */
  #about_contents,
  #LayRie,
  #Xequal,
  #Croissance,
  #deep,
  #okuno,
  #toji,
  #coloris,
  #Bi,
  #katati,
  #NoFF,
  #JONDCO,
  #map_contents {
    padding: 16px 0;
    margin: 112px 0;
    width: 75%;
    margin-left: 12.5%;
  }
  #about h1,
  #shokai h1,
  #map h1 {
    margin: 1em auto;
  }
  #about_contents{
    margin-top: 0px;
  }
}
@media screen and (max-width: 768px) {
  #about,
  #shokai,
  #map {
    width: 100%;
    margin: 0 auto;
  }
  /* line 167, ../scss/style.scss */
  #about_contents,
  #LayRie,
  #Xequal,
  #Croissance,
  #deep,
  #okuno,
  #toji,
  #coloris,
  #Bi,
  #katati,
  #NoFF,
  #JONDCO,
  #map_contents {
    padding: 16px 0;
    margin: 80px 0;
    width: 100vw;
  }
}
/* line 194, ../scss/style.scss */
#about_contents p,
#LayRie p,
#Xequal p,
#Croissance p,
#deep p,
#okuno p,
#toji p,
#coloris p,
#Bi p,
#katati p,
#NoFF p,
#JONDCO p,
#map_contents p {
  color: white;
}
@media screen and (min-width: 768px) {
  /* line 194, ../scss/style.scss */
  #about_contents p,
  #LayRie p,
  #Xequal p,
  #Croissance p,
  #deep p,
  #okuno p,
  #toji p,
  #coloris p,
  #Bi p,
  #katati p,
  #NoFF p,
  #JONDCO p,
  #map_contents p {
    font-size: 16px;
    line-height: 32px;
  }
}
@media screen and (max-width: 768px) {
  /* line 194, ../scss/style.scss */
  #about_contents p,
  #LayRie p,
  #Xequal p,
  #Croissance p,
  #deep p,
  #okuno p,
  #toji p,
  #coloris p,
  #Bi p,
  #katati p,
  #NoFF p,
  #JONDCO p,
  #map_contents p {
    line-height: 2em;
  }
}
/* line 207, ../scss/style.scss */
#about_contents h2,
#LayRie h2,
#Xequal h2,
#Croissance h2,
#deep h2,
#okuno h2,
#toji h2,
#coloris h2,
#Bi h2,
#katati h2,
#NoFF h2,
#JONDCO h2,
#map_contents h2 {
  text-align: center;
  margin: 48px auto 16px auto;
  border-bottom: solid 1px white;
  text-shadow: 2px 2px 0px black;
  text-shadow: 2px 2px 0px 0px black;
  color: white;
}
@media screen and (min-width: 768px) {
  /* line 207, ../scss/style.scss */
  #about_contents h2,
  #LayRie h2,
  #Xequal h2,
  #Croissance h2,
  #deep h2,
  #okuno h2,
  #toji h2,
  #coloris h2,
  #Bi h2,
  #katati h2,
  #NoFF h2,
  #JONDCO h2,
  #map_contents h2 {
    font-size: 32px;
  }
}
@media screen and (max-width: 768px) {
  /* line 207, ../scss/style.scss */
  #about_contents h2,
  #LayRie h2,
  #Xequal h2,
  #Croissance h2,
  #deep h2,
  #okuno h2,
  #toji h2,
  #coloris h2,
  #Bi h2,
  #katati h2,
  #NoFF h2,
  #JONDCO h2,
  #map_contents h2 {
    font-size: 24px;
  }
}
/* line 220, ../scss/style.scss */
#about_contents .date,
#about_contents .place,
#LayRie .date,
#LayRie .place,
#Xequal .date,
#Xequal .place,
#Croissance .date,
#Croissance .place,
#deep .date,
#deep .place,
#okuno .date,
#okuno .place,
#toji .date,
#toji .place,
#coloris .date,
#coloris .place,
#Bi .date,
#Bi .place,
#katati .date,
#katati .place,
#NoFF .date,
#NoFF .place,
#JONDCO .date,
#JONDCO .place,
#map_contents .date,
#map_contents .place {
  margin: 0 auto;
  padding: 16px;
  text-align: center;
}
/* line 225, ../scss/style.scss */
#about_contents .date p,
#about_contents .place p,
#LayRie .date p,
#LayRie .place p,
#Xequal .date p,
#Xequal .place p,
#Croissance .date p,
#Croissance .place p,
#deep .date p,
#deep .place p,
#okuno .date p,
#okuno .place p,
#toji .date p,
#toji .place p,
#coloris .date p,
#coloris .place p,
#Bi .date p,
#Bi .place p,
#katati .date p,
#katati .place p,
#NoFF .date p,
#NoFF .place p,
#JONDCO .date p,
#JONDCO .place p,
#map_contents .date p,
#map_contents .place p {
  line-height: 48px;
  font-size: 16px;
}

/* line 232, ../scss/style.scss */
table {
  color: white;
  margin: 0 auto;
  width: 70%;
}
@media screen and (max-width: 768px) {
  /* line 232, ../scss/style.scss */
  table {
    line-height: 16px;
  }
}
/* line 241, ../scss/style.scss */
table tbody tr {
  padding: 16px 0;
}
/* line 244, ../scss/style.scss */
table tbody td {
  padding: 16px 0;
}

/* line 250, ../scss/style.scss */
.gmap {
  height: 300px;
}
/* line 252, ../scss/style.scss */
.gmap iframe {
  width: 100%;
  height: 300px;
}

/* line 258, ../scss/style.scss */
.taku-wrapper {
  position: relative;
  top: 0;
  vertical-align: middle;
}
@media screen and (min-width: 768px) {
  /* line 258, ../scss/style.scss */
  .taku-wrapper {
    width: 80%;
    margin: 48px 10%;
  }
}
@media screen and (max-width: 768px) {
  /* line 258, ../scss/style.scss */
  .taku-wrapper {
    width: 95%;
    margin: auto;
  }
}
/* line 270, ../scss/style.scss */
.taku-wrapper .about-table {
  margin: 0 auto;
  width: 90%;
}
@media screen and (min-width: 768px) {
  /* line 270, ../scss/style.scss */
  .taku-wrapper .about-table {
    display: table;
  }
}
/* line 276, ../scss/style.scss */
.taku-wrapper .about-table .cell-logo {
  margin: 0 auto;
  text-align: center;
}
@media screen and (min-width: 768px) {
  /* line 276, ../scss/style.scss */
  .taku-wrapper .about-table .cell-logo {
    display: table-cell;
    width: 25%;
  }
}
@media screen and (min-width: 768px) {
  /* line 283, ../scss/style.scss */
  .taku-wrapper .about-table .cell-logo .logo {
    text-align: right;
    height: 50%;
  }
}
@media screen and (max-width: 768px) {
  /* line 283, ../scss/style.scss */
  .taku-wrapper .about-table .cell-logo .logo {
    width: 150px;
    height: 150px;
  }
}
@media screen and (min-width: 768px) {
  /* line 296, ../scss/style.scss */
  .taku-wrapper .about-table .cell-p {
    display: table-cell;
    vertical-align: middle;
    width: 75%;
    padding: 16px 32px;
  }
}

/* line 307, ../scss/style.scss */
#footer {
  width: 100vw;
  background: #373743;
  display: block;
}
/* line 312, ../scss/style.scss */
#footer .sns-share {
  margin: 32px 0;
}
/* line 314, ../scss/style.scss */
#footer .sns-share ul {
  display: table;
  margin: 0 auto;
}
/* line 317, ../scss/style.scss */
#footer .sns-share ul li {
  display: table-cell;
  padding: 32px;
  display: inline-block;
}
/* line 321, ../scss/style.scss */
#footer .sns-share ul li img {
  height: 150px;
}
@media screen and (max-width: 768px) {
  /* line 321, ../scss/style.scss */
  #footer .sns-share ul li img {
    height: 100px;
  }
}
/* line 331, ../scss/style.scss */
#footer .link {
  margin: 32px auto;
}
@media screen and (min-width: 768px) {
  /* line 331, ../scss/style.scss */
  #footer .link {
    width: 20%;
  }
}
@media screen and (max-width: 768px) {
  /* line 331, ../scss/style.scss */
  #footer .link {
    width: 70%;
  }
}
/* line 341, ../scss/style.scss */
#footer .link img {
  width: 100%;
}
/* line 345, ../scss/style.scss */
#footer .copyright {
  display: block;
  width: 100vw;
  color: white;
  padding: 16px 0;
  text-align: center;
}

@media screen and (max-width: 768px) {
  /* line 354, ../scss/style.scss */
  #map_contents {
    padding: 32px 0;
    margin: 80px 0;
    width: 100vw;
  }
}
@media screen and (max-width: 768px) {
  /* line 362, ../scss/style.scss */
  #map_contents .taku-wrapper img {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  /* line 362, ../scss/style.scss */
  #map_contents .taku-wrapper img {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  /* line 373, ../scss/style.scss */
  .nav-wrapper {
    z-index: 200;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    opacity: 0;
    width: 100vw;
    height: 100vh;
    background: #373743;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
  }

  /* line 385, ../scss/style.scss */
  .nav-wrapper.active {
    display: block;
    opacity: 1;
  }
}

/* line 392, ../scss/style.scss */
#nav {
  list-style: none;
  position: fixed;
  right: 32px;
  z-index: 200;
  margin-top: 48px;
}
@media screen and (min-width: 768px) {
  /* line 392, ../scss/style.scss */
  #nav {
    opacity: 0;
  }
}
@media screen and (max-width: 768px) {
  /* line 392, ../scss/style.scss */
  #nav {
    font-size: 22.4px;
    display: none;
    opacity: 0;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
  }
  /* line 408, ../scss/style.scss */
  #nav.active {
    display: block;
    opacity: 1;
  }
}
/* line 413, ../scss/style.scss */
#nav a {
  text-decoration: none;
}
/* line 415, ../scss/style.scss */
#nav a p {
  color: white;
}

/* line 421, ../scss/style.scss */
#nav li {
  margin: 8px 0;
  height: 19.2px;
}
/* line 425, ../scss/style.scss */
#nav li #b1,
#nav li #n1,
#nav li #b2,
#nav li #n2,
#nav li #b3,
#nav li #n3,
#nav li #b15,
#nav li #n15,
#nav li #b16,
#nav li #n16 {
  position: absolute;
  right: 0;
}
/* line 438, ../scss/style.scss */
#nav li #b4,
#nav li #n4,
#nav li #b5,
#nav li #n5,
#nav li #b6,
#nav li #n6,
#nav li #b7,
#nav li #n7,
#nav li #b8,
#nav li #n8,
#nav li #b9,
#nav li #n9,
#nav li #b10,
#nav li #n10,
#nav li #b11,
#nav li #n11,
#nav li #b12,
#nav li #n12,
#nav li #b13,
#nav li #n13,
#nav li #b14,
#nav li #n14 {
  position: absolute;
  right: 16px;
}

/* line 465, ../scss/style.scss */
#nav li a {
  opacity: 0.5;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}

/* line 472, ../scss/style.scss */
#nav li a:hover {
  opacity: 1;
}

/* line 476, ../scss/style.scss */
#nav li a:active {
  opacity: 1;
}

/* line 480, ../scss/style.scss */
#nom {
  font-weight: 100;
  opacity: 1;
  right: 16px;
  position: absolute;
}
/* line 485, ../scss/style.scss */
#nom #b8,
#nom #b9 {
  white-space: nowrap;
}
/* line 489, ../scss/style.scss */
#nom li .active {
  color: white;
}

/* line 494, ../scss/style.scss */
#nom li a {
  color: rgba(255, 255, 255, 0.5);
  font-weight: nomal;
  opacity: 1;
  text-align: right;
  vertical-align: center;
  float: right;
}
/* line 496, ../scss/style.scss */
#nom li a:hover {
  color: black;
}
/* line 499, ../scss/style.scss */
#nom li a:active {
  color: black;
}

@media screen and (max-width: 768px) {
  /* line 509, ../scss/style.scss */
  .menu-trigger,
  .menu-trigger span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
  }

  /* line 516, ../scss/style.scss */
  .menu-trigger {
    z-index: 201;
    position: fixed;
    top: 16px;
    right: 16px;
    width: 48px;
    height: 48px;
  }

  /* line 525, ../scss/style.scss */
  .menu-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #fff;
    border-radius: 4px;
  }

  /* line 534, ../scss/style.scss */
  .menu-trigger span:nth-of-type(1) {
    top: 0;
  }

  /* line 538, ../scss/style.scss */
  .menu-trigger span:nth-of-type(2) {
    top: 16px;
  }

  /* line 542, ../scss/style.scss */
  .menu-trigger span:nth-of-type(3) {
    top: 32px;
  }

  /* line 545, ../scss/style.scss */
  .menu-trigger.active span:nth-of-type(1) {
    -webkit-transform: translateY(16px) rotate(-45deg);
    transform: translateY(16px) rotate(-45deg);
  }

  /* line 549, ../scss/style.scss */
  .menu-trigger.active span:nth-of-type(2) {
    opacity: 0;
  }

  /* line 552, ../scss/style.scss */
  .menu-trigger.active span:nth-of-type(3) {
    -webkit-transform: translateY(-16px) rotate(45deg);
    transform: translateY(-16px) rotate(45deg);
  }
}
@media screen and (min-width: 768px) {
  /* line 559, ../scss/style.scss */
  .menu-trigger {
    display: none;
  }
  #nom li a {
    color: rgba(0, 0, 0, 0.5);
    font-weight: bold;
    opacity: 1;
    text-align: right;
    vertical-align: center;
    float: right;
  }
  #nav a p {
    color: black;
  }
}