/* Scss Document */
/* variable */
/* @mixin */
* {
  margin: 0;
  padding: 0;
  font-family: "Hiragino Kaku Gothic Pro",Meiryo, Osaka, "MS PGothic", "sans-serif";
  font-size: -webkit-calc(93% + 0.1vw);
  font-weight: 500;
  color: #fff;
  text-align: center;
  text-decoration: none;
  line-height: 120%;
  list-style: none;
}
@-moz-document url-prefix() {
  * {
    font-size: calc(93% + 0.1vw);
  }
}
@supports (-ms-ime-align: auto) {
  * {
    font-size: 16px;
  }
}

.container {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
}

header {
  position: relative;
  width: 100%;
}

.art01 {
  width: 100%;
  margin: 3% 0;
  overflow: hidden;
}

.art02 {
  width: 100%;
  margin: 3% 0;
}

.art03 {
  width: 80%;
  margin: 2% auto;
}

.sec01, .art03, .sec02 {
  width: 100%;
  margin: 5% 0 3%;
  overflow: hidden;
}
@media only screen and (min-width: 250px) and (max-width: 767px) {
  .sec01, .art03, .sec02 {
    width: 100%;
    margin: 5% auto 3%;
  }
}

.sec02 img {
  width: 100%;
}

.global-nav {
  display: block;
  position: relative;
  width: 100%;
  background-color: #74909e;
  overflow: hidden;
}
.global-nav ul {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
}
.global-nav ul li {
  width: 12.5%;
  padding: 10px 0;
  float: left;
}
.global-nav ul li a:hover {
  color: #C7A54C;
}
.global-nav ul li a span {
  font-size: -webkit-calc(50% + 0.1vw);
}
@-moz-document url-prefix() {
  .global-nav ul li a span {
    font-size: calc(50% + 0.1vw);
  }
}
@supports (-ms-ime-align: auto) {
  .global-nav ul li a span {
    font-size: 0.65rem;
  }
}
@media only screen and (min-width: 250px) and (max-width: 767px) {
  .global-nav {
    display: none;
  }
}

.sm-im {
  display: none;
}

.h1-01 {
  width: 100%;
  padding: 1% 0;
  background-color: #74909e;
  font-size: -webkit-calc(93% + 0.1vw);
  color: #fff;
  text-align: center;
}
@-moz-document url-prefix() {
  .h1-01 {
    font-size: calc(93% + 0.1vw);
  }
}
@supports (-ms-ime-align: auto) {
  .h1-01 {
    font-size: 1.2rem;
  }
}
.h1-01 span {
  font-size: -webkit-calc(50% + 0.1vw);
}
@-moz-document url-prefix() {
  .h1-01 span {
    font-size: calc(50% + 0.1vw);
  }
}
@supports (-ms-ime-align: auto) {
  .h1-01 span {
    font-size: 1.2rem;
  }
}

.h2-01 {
  margin: 0 0 1%;
  font-size: -webkit-calc((60% + 0.1vw) * 2);
  color: #000;
}
@-moz-document url-prefix() {
  .h2-01 {
    font-size: calc((60% + 0.1vw) * 2);
  }
}
@supports (-ms-ime-align: auto) {
  .h2-01 {
    font-size: calc((60% + 1vw) * 2);
  }
}

.h2-02 {
  margin: 2%  0;
  font-size: -webkit-calc((60% + 0.1vw) * 2);
  color: #666;
}
@-moz-document url-prefix() {
  .h2-02 {
    font-size: calc((60% + 0.1vw) * 2);
  }
}
@supports (-ms-ime-align: auto) {
  .h2-02 {
    font-size: 1.5rem;
  }
}

.h3-01 {
  width: 100%;
  padding: 2%;
  background-color: #327dda;
  font-size: -webkit-calc(93% + 0.1vw);
  color: #fff;
}
@-moz-document url-prefix() {
  .h3-01 {
    font-size: calc(93% + 0.1vw);
  }
}
@supports (-ms-ime-align: auto) {
  .h3-01 {
    font-size: 1.3rem;
  }
}

.ul-01 {
  width: 100%;
  margin: 2% 0;
}
.ul-01 li {
  width: 100%;
  padding: 1%;
  font-size: -webkit-calc(93% + 0.1vw);
  color: #666;
  text-align: left;
}
@-moz-document url-prefix() {
  .ul-01 li {
    font-size: calc(93% + 0.1vw);
  }
}
@supports (-ms-ime-align: auto) {
  .ul-01 li {
    font-size: 1.1rem;
  }
}

.cnt-p-01 {
  width: 100%;
  margin: 2% 0;
  font-size: -webkit-calc(93% + 0.1vw);
  color: #666;
  text-align: left;
  line-height: 150%;
}
@-moz-document url-prefix() {
  .cnt-p-01 {
    font-size: calc(93% + 0.1vw);
  }
}
@supports (-ms-ime-align: auto) {
  .cnt-p-01 {
    font-size: 1.1rem;
  }
}

.map-address {
  width: 90%;
  margin: 0 auto 15%;
  padding: 5% 3% 1%;
  border-bottom: 1px solid #74909e;
  font-size: -webkit-calc(93% + 0.1vw);
  color: #74909e;
  text-align: left;
}
@-moz-document url-prefix() {
  .map-address {
    font-size: calc(93% + 0.1vw);
  }
}
@supports (-ms-ime-align: auto) {
  .map-address {
    font-size: 1.2rem;
  }
}
.map-address a {
  color: #74909e;
}

.map-access {
  width: 90%;
  margin: 0 auto 5%;
  padding: 5% 3% 1%;
  border-bottom: 1px solid #74909e;
  font-size: -webkit-calc(93% + 0.1vw);
  color: #74909e;
  text-align: left;
}
@-moz-document url-prefix() {
  .map-access {
    font-size: calc(93% + 0.1vw);
  }
}
@supports (-ms-ime-align: auto) {
  .map-access {
    font-size: calc(93% + 1vw);
  }
}

.map-access-p {
  widows: 90%;
  margin: 0 auto;
  padding: 0 5% 0 10%;
  font-size: -webkit-calc(93% + 0.1vw);
  color: #74909e;
  line-height: 180%;
  text-align: left;
}
@-moz-document url-prefix() {
  .map-access-p {
    font-size: calc(93% + 0.1vw);
  }
}
@supports (-ms-ime-align: auto) {
  .map-access-p {
    font-size: calc(93% + 1vw);
  }
}

.cnt-img-01, .art03 .cnt-img-01 {
  width: 60%;
  margin: 2% auto;
}

.third {
  width: 33%;
  margin: 0 0.15%;
  float: left;
}

.link01 {
  width: 100%;
  padding: 1% 1%;
  border: 2px solid #74909e;
  font-size: -webkit-calc(93% + 0.1vw);
  color: #74909e;
}
@-moz-document url-prefix() {
  .link01 {
    font-size: calc(93% + 0.1vw);
  }
}
@supports (-ms-ime-align: auto) {
  .link01 {
    font-size: 1.2rem;
  }
}

.about {
  width: 100%;
  overflow: hidden;
  clear: both;
}
.about dt {
  display: inline-block;
  width: 30%;
  padding: 1% 0 1% 5%;
  border-right: 1px solid #74909e;
  border-bottom: 1px solid #74909e;
  float: left;
  font-size: -webkit-calc(93% + 0.1vw);
  color: #74909e;
  text-align: left;
}
@-moz-document url-prefix() {
  .about dt {
    font-size: calc(93% + 0.1vw);
  }
}
@supports (-ms-ime-align: auto) {
  .about dt {
    font-size: 1.2rem;
  }
}
@media only screen and (min-width: 250px) and (max-width: 767px) {
  .about dt {
    margin-bottom: 2%;
    border-right: 0;
    border-bottom: 0;
  }
}
.about dd {
  display: inline-block;
  width: 62.75%;
  padding: 1% 0 1% 2%;
  border-right: 1px solid #74909e;
  border-bottom: 1px solid #74909e;
  float: left;
  font-size: -webkit-calc(93% + 0.1vw);
  color: #74909e;
  text-align: left;
}
@-moz-document url-prefix() {
  .about dd {
    font-size: calc(93% + 0.1vw);
  }
}
@supports (-ms-ime-align: auto) {
  .about dd {
    font-size: 1.2rem;
  }
}
@media only screen and (min-width: 250px) and (max-width: 767px) {
  .about dd {
    margin-bottom: 2%;
    border-right: 0;
    border-bottom: 0;
  }
}

.clear {
  clear: both;
}

.float-left {
  float: left;
}

.row-eq-height {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}

.position01 {
  position: relative;
}
@media only screen and (min-width: 250px) and (max-width: 767px) {
  .position01 img {
    display: none;
  }
}

.position02 {
  position: relative;
  margin: 3% auto 0;
}
.position02 img {
  width: auto;
}

.absolute-box01 {
  position: absolute;
  top: 0;
  left: 0;
  width: 60%;
}
@media only screen and (min-width: 250px) and (max-width: 767px) {
  .absolute-box01 {
    position: relative;
    width: 100%;
  }
}
.absolute-box01 h2 {
  width: 80%;
  margin: 10% auto;
  padding-bottom: 3%;
  border-bottom: 1px solid #74909e;
  font-size: -webkit-calc((60% + 0.1vw) * 2);
  color: #74909e;
}
@-moz-document url-prefix() {
  .absolute-box01 h2 {
    font-size: calc((60% + 0.1vw) * 2);
  }
}
@supports (-ms-ime-align: auto) {
  .absolute-box01 h2 {
    font-size: 1.6rem;
  }
}
.absolute-box01 p {
  width: 90%;
  margin: 0 auto;
  font-size: -webkit-calc(93% + 0.1vw);
  color: #74909e;
  line-height: 250%;
  text-align: left;
}
@-moz-document url-prefix() {
  .absolute-box01 p {
    font-size: calc(93% + 0.1vw);
  }
}
@supports (-ms-ime-align: auto) {
  .absolute-box01 p {
    font-size: 1.1rem;
  }
}

.absolute-box02 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 80%;
}
.absolute-box02 p {
  width: 100%;
  margin: 0 auto;
  padding: 3% 0;
  font-size: -webkit-calc(93% + 0.1vw);
  color: fff;
  line-height: 120%;
  text-align: left;
}
@-moz-document url-prefix() {
  .absolute-box02 p {
    font-size: calc(93% + 0.1vw);
  }
}
@supports (-ms-ime-align: auto) {
  .absolute-box02 p {
    font-size: 1.1rem;
  }
}

.panel {
  display: inline-block;
  width: 100%;
  border-top: 1px solid #74909e;
  border-left: 1px solid #74909e;
}
@media only screen and (min-width: 250px) and (max-width: 767px) {
  .panel {
    padding-top: 5%;
    border-left: 0;
  }
}

.col-2 {
  width: 49%;
  margin: 3% 0.25%;
  float: left;
}
@media only screen and (min-width: 250px) and (max-width: 767px) {
  .col-2 {
    width: 100%;
  }
}

.hd-img {
  position: relative;
  display: block;
  width: 100%;
  height: 100vh;
  background-image: url(../img/hd-img01.jpg);
  background-repeat: no-repeat;
  background-position: center right;
  background-attachment: fixed;
  background-size: cover;
  background-color: #fff;
  animation: bg-img 15s linear infinite;
  -webkit-animation: bg-img 15s linear infinite;
}
@media only screen and (min-width: 250px) and (max-width: 767px) {
  .hd-img {
    display: none;
  }
}

@-webkit-keyframes bg-img {
  0% {
    background-position: center right;
  }
  100% {
    background-position: center left;
  }
}
@keyframes bg-img {
  0% {
    background-position: center right;
  }
  100% {
    background-position: center left;
  }
}
.mb-hd-img {
  position: relative;
  display: none;
  width: 100%;
  height: 100vh;
  background-image: url(../img/mb-hd-img01.jpg);
  background-repeat: no-repeat;
  background-position: center right;
  background-attachment: fixed;
  background-size: cover;
  background-color: #fff;
}
@media only screen and (min-width: 250px) and (max-width: 767px) {
  .mb-hd-img {
    display: block;
  }
}

.filter {
  position: absolute;
  width: 100%;
  height: 100vh;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
  animation: bg-filter 15s infinite;
  -ms-animation: bg-filter 15s infinite;
  -webkit-animation: bg-filter 15s infinite;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}

@-webkit-keyframes bg-filter {
  0% {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
  }
  10% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
  }
  90% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
  }
  100% {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
  }
}
@keyframes bg-filter {
  0% {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
  }
  10% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
  }
  90% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
  }
  100% {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
  }
}
.hd-logo {
  position: absolute;
  top: 25%;
  left: 0;
  right: 0;
}
.hd-logo img {
  width: 7%;
}
@media only screen and (min-width: 250px) and (max-width: 767px) {
  .hd-logo img {
    width: 20%;
  }
}

.hd-contents {
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
}
.hd-contents p {
  margin: 2% 0;
  font-size: -webkit-calc(93% + 0.1vw);
  line-height: 150%;
}
@-moz-document url-prefix() {
  .hd-contents p {
    font-size: calc(93% + 0.1vw);
  }
}
@supports (-ms-ime-align: auto) {
  .hd-contents p {
    font-size: 1.3rem;
  }
}
@media only screen and (min-width: 250px) and (max-width: 767px) {
  .hd-contents p {
    font-size: -webkit-calc(50% + 0.1vw);
  }
  @-moz-document url-prefix() {
    .hd-contents p {
      font-size: calc(50% + 0.1vw);
    }
  }
  @supports (-ms-ime-align: auto) {
    .hd-contents p {
      font-size: 1.3rem;
    }
  }
}
.hd-contents h1 {
  font-size: -webkit-calc((130% + 0.1vw) * 1.5);
}
@-moz-document url-prefix() {
  .hd-contents h1 {
    font-size: calc((130% + 0.1vw) * 1.5);
  }
}
@supports (-ms-ime-align: auto) {
  .hd-contents h1 {
    font-size: 2.5rem;
  }
}
@media only screen and (min-width: 250px) and (max-width: 767px) {
  .hd-contents h1 {
    font-size: -webkit-calc((60% + 0.1vw) * 1.5);
  }
  @-moz-document url-prefix() {
    .hd-contents h1 {
      font-size: calc((60% + 0.1vw) * 1.5);
    }
  }
  @supports (-ms-ime-align: auto) {
    .hd-contents h1 {
      font-size: 2.5rem;
    }
  }
}

.scroll {
  position: absolute;
  top: 70%;
  left: 0;
  right: 0;
}
.scroll img {
  width: 10%;
}

.hd-img-sub {
  width: 100%;
}
.hd-img-sub img {
  width: 100%;
}

.main-link-square01, .main-link-square03 {
  position: relative;
  width: 33.333333%;
  float: left;
  overflow: hidden;
}
@media only screen and (min-width: 250px) and (max-width: 767px) {
  .main-link-square01, .main-link-square03 {
    width: 100%;
  }
}
.main-link-square01 img, .main-link-square03 img {
  width: 100%;
  -moz-transition: -moz-transform 0.5s linear;
  -webkit-transition: -webkit-transform 0.5s linear;
  -o-transition: -o-transform 0.5s linear;
  -ms-transition: -ms-transform 0.5s linear;
  transition: transform 0.5s linear;
}
.main-link-square01 img:hover, .main-link-square03 img:hover {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.main-link-square01 h2, .main-link-square03 h2 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: -webkit-calc(93% + 0.1vw);
}
@-moz-document url-prefix() {
  .main-link-square01 h2, .main-link-square03 h2 {
    font-size: calc(93% + 0.1vw);
  }
}
@supports (-ms-ime-align: auto) {
  .main-link-square01 h2, .main-link-square03 h2 {
    font-size: 1.1rem;
  }
}

.main-link-square02 {
  position: relative;
  width: 33.333333%;
  float: left;
  overflow: hidden;
}
@media only screen and (min-width: 250px) and (max-width: 767px) {
  .main-link-square02 {
    display: none;
  }
}
.main-link-square02 img {
  width: 100%;
}
.main-link-square02 h2 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: -webkit-calc(93% + 0.1vw);
}
@-moz-document url-prefix() {
  .main-link-square02 h2 {
    font-size: calc(93% + 0.1vw);
  }
}
@supports (-ms-ime-align: auto) {
  .main-link-square02 h2 {
    font-size: calc(93% + 1vw);
  }
}

.main-link-rectangle {
  position: relative;
  width: 50%;
  margin-top: -7px;
  float: left;
  overflow: hidden;
}
@media only screen and (min-width: 250px) and (max-width: 767px) {
  .main-link-rectangle {
    width: 100%;
  }
}
.main-link-rectangle img {
  width: 100%;
  -moz-transition: -moz-transform 0.5s linear;
  -webkit-transition: -webkit-transform 0.5s linear;
  -o-transition: -o-transform 0.5s linear;
  -ms-transition: -ms-transform 0.5s linear;
  transition: transform 0.5s linear;
}
.main-link-rectangle img:hover {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.main-link-rectangle h2 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: -webkit-calc(93% + 0.1vw);
}
@-moz-document url-prefix() {
  .main-link-rectangle h2 {
    font-size: calc(93% + 0.1vw);
  }
}
@supports (-ms-ime-align: auto) {
  .main-link-rectangle h2 {
    font-size: 1.1rem;
  }
}

.main-link-square03 {
  width: 100%;
}
.main-link-square03 img {
  width: 100%;
  -moz-transition: -moz-transform 0.5s linear;
  -webkit-transition: -webkit-transform 0.5s linear;
  -o-transition: -o-transform 0.5s linear;
  -ms-transition: -ms-transform 0.5s linear;
  transition: transform 0.5s linear;
}
.main-link-square03 img:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.main-link-square03 h4 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: -webkit-calc(93% + 0.1vw);
  color: #fff;
}
@-moz-document url-prefix() {
  .main-link-square03 h4 {
    font-size: calc(93% + 0.1vw);
  }
}
@supports (-ms-ime-align: auto) {
  .main-link-square03 h4 {
    font-size: 1.3rem;
  }
}

.iframe {
  width: 80%;
  height: 40vh;
  max-width: 1000px;
  margin: 0 auto 1%;
}
.iframe iframe {
  width: 100%;
}

.input-radio {
  font-size: -webkit-calc(93% + 0.1vw);
  color: #74909e;
  text-align: left;
}
@-moz-document url-prefix() {
  .input-radio {
    font-size: calc(93% + 0.1vw);
  }
}
@supports (-ms-ime-align: auto) {
  .input-radio {
    font-size: 1.1rem;
  }
}

.submit {
  width: 100%;
}
.submit .send {
  padding: 1% 2%;
  font-size: -webkit-calc(93% + 0.1vw);
  color: #74909e;
}
@-moz-document url-prefix() {
  .submit .send {
    font-size: calc(93% + 0.1vw);
  }
}
@supports (-ms-ime-align: auto) {
  .submit .send {
    font-size: 1rem;
  }
}
.submit .reset {
  padding: 1%;
  font-size: -webkit-calc(93% + 0.1vw);
  color: #74909e;
}
@-moz-document url-prefix() {
  .submit .reset {
    font-size: calc(93% + 0.1vw);
  }
}
@supports (-ms-ime-align: auto) {
  .submit .reset {
    font-size: 1rem;
  }
}

.menu-mb {
  width: 50%;
}

#contact {
  width: 80%;
  margin: 3% auto 0;
  color: #74909e;
}
@media only screen and (min-width: 250px) and (max-width: 767px) {
  #contact {
    width: 100%;
  }
}
#contact table {
  width: 100%;
}
#contact table th {
  width: 30%;
  padding: 2% 3%;
  color: #74909e;
  text-align: left;
}
#contact table th span {
  font-size: -webkit-calc(50% + 0.1vw);
}
@-moz-document url-prefix() {
  #contact table th span {
    font-size: calc(50% + 0.1vw);
  }
}
@supports (-ms-ime-align: auto) {
  #contact table th span {
    font-size: 0.7rem;
  }
}
#contact table td {
  width: 70%;
  padding: 2% 3%;
  color: #74909e;
  text-align: left;
}
#contact table td input {
  width: 60%;
  padding: 1% 3%;
  font-size: -webkit-calc(50% + 0.1vw);
  color: #74909e;
  text-align: left;
}
@-moz-document url-prefix() {
  #contact table td input {
    font-size: calc(50% + 0.1vw);
  }
}
@supports (-ms-ime-align: auto) {
  #contact table td input {
    font-size: 1rem;
  }
}
#contact table td select {
  padding: 1% 3%;
  font-size: -webkit-calc(50% + 0.1vw);
  color: #74909e;
}
@-moz-document url-prefix() {
  #contact table td select {
    font-size: calc(50% + 0.1vw);
  }
}
@supports (-ms-ime-align: auto) {
  #contact table td select {
    font-size: 1rem;
  }
}
#contact table td select option {
  color: #74909e;
}
#contact table td textarea {
  width: 60%;
  padding: 1% 3%;
  font-size: -webkit-calc(50% + 0.1vw);
  color: #74909e;
  text-align: left;
}
@-moz-document url-prefix() {
  #contact table td textarea {
    font-size: calc(50% + 0.1vw);
  }
}
@supports (-ms-ime-align: auto) {
  #contact table td textarea {
    font-size: 1rem;
  }
}
#contact table .hissu {
  font-size: -webkit-calc(50% + 0.1vw);
  text-align: center;
}
@-moz-document url-prefix() {
  #contact table .hissu {
    font-size: calc(50% + 0.1vw);
  }
}
@supports (-ms-ime-align: auto) {
  #contact table .hissu, #contact table .hissu span {
    font-size: 0.7rem;
  }
}
#contact table th.ninshou {
  padding: 0.5%;
  font-size: -webkit-calc(50% + 0.1vw);
  text-align: center;
}
@-moz-document url-prefix() {
  #contact table th.ninshou {
    font-size: calc(50% + 0.1vw);
  }
}
@supports (-ms-ime-align: auto) {
  #contact table th.ninshou {
    font-size: 0.7rem;
  }
}
#contact table td.ninshou {
  padding: 0.5%;
  text-align: center;
}
#contact table td.ninshou input {
  width: 20%;
}

.sm-im {
  display: none !important;
}

/***************************************************************
* works
***************************************************************/
.works-list {
  width: 100%;
  margin: 1% auto;
}
.works-list li {
  width: 23%;
  margin: 2% 1%;
  float: left;
}
.works-list li img {
  width: 100%;
}
.works-list li p {
  width: 100%;
  padding: 1% 0;
  font-size: -webkit-calc(93% + 0.1vw);
  color: #666;
  text-align: center;
}
@-moz-document url-prefix() {
  .works-list li p {
    font-size: calc(93% + 0.1vw);
  }
}
@supports (-ms-ime-align: auto) {
  .works-list li p {
    font-size: calc(93% + 1vw);
  }
}

/***************************************************************
* bukken
***************************************************************/
.list-a:hover .sales-list {
  opacity: 0.7;
}
.list-a h2:hover {
  color: red;
}

.sales-list {
  width: 100%;
  margin: 3% auto;
  clear: both;
  overflow: hidden;
}
.sales-list h2 {
  font-size: -webkit-calc(93% + 0.1vw);
  color: #00a5ca;
  text-align: left;
}
@-moz-document url-prefix() {
  .sales-list h2 {
    font-size: calc(93% + 0.1vw);
  }
}
@supports (-ms-ime-align: auto) {
  .sales-list h2 {
    font-size: calc(93% + 1vw);
  }
}
.sales-list .list-table {
  width: 99.9%;
  border: 1px solid #dddddd;
  overflow: hidden;
}
.sales-list .list-table .left-table {
  width: 30%;
  float: left;
}
.sales-list .list-table .left-table th {
  width: 100%;
}
.sales-list .list-table .left-table th img {
  width: 100%;
  vertical-align: middle;
}
.sales-list .list-table .right-table {
  width: 70%;
  float: left;
}
.sales-list .list-table .right-table th {
  width: 30%;
  padding: 10px 0;
  background-color: #dddddd;
  color: #666;
}
.sales-list .list-table .right-table td {
  width: 70%;
  padding: 10px 0 10px 15px;
  background-color: #eeeeee;
  color: #666;
  text-align: left;
}
@media only screen and (min-width: 250px) and (max-width: 767px) {
  .sales-list .list-table .right-table td {
    padding: 10px 5px;
  }
}
.sales-list .list-table .right-table td.col2-td {
  color: red;
}

/***************************************************************
* details
***************************************************************/
.sales-detail {
  width: 100%;
  margin: 3% auto;
  clear: both;
  overflow: hidden;
}
.sales-detail h3 {
  width: 100%;
  margin: 2% auto 0.5%;
  font-size: -webkit-calc(93% + 0.1vw);
  color: #666;
  text-align: left;
}
@-moz-document url-prefix() {
  .sales-detail h3 {
    font-size: calc(93% + 0.1vw);
  }
}
@supports (-ms-ime-align: auto) {
  .sales-detail h3 {
    font-size: calc(93% + 1vw);
  }
}
.sales-detail .detail-wrapp {
  width: 99.9%;
  margin: 2% auto;
  border: 1px solid #dddddd;
  overflow: hidden;
}
.sales-detail .detail-wrapp img {
  width: 50%;
  margin: 1% auto;
}
.sales-detail .detail-wrapp .information {
  width: 100%;
}
.sales-detail .detail-wrapp .information th {
  width: 20%;
  padding: 10px 0;
  background-color: #dddddd;
  color: #666;
}
.sales-detail .detail-wrapp .information td {
  padding: 10px 0 10px 15px;
  background-color: #eeeeee;
  color: #666;
  text-align: left;
}
@media only screen and (min-width: 250px) and (max-width: 767px) {
  .sales-detail .detail-wrapp .information td {
    padding: 10px 5px;
  }
}
.sales-detail .detail-wrapp .information td.col2-td {
  color: red;
}
.sales-detail .detail-wrapp .details {
  width: 100%;
}
.sales-detail .detail-wrapp .details th {
  width: 20%;
  padding: 10px 0;
  background-color: #dddddd;
  color: #666;
}
.sales-detail .detail-wrapp .details td {
  padding: 10px 0 10px 15px;
  background-color: #eeeeee;
  color: #666;
  text-align: left;
}
@media only screen and (min-width: 250px) and (max-width: 767px) {
  .sales-detail .detail-wrapp .details td {
    padding: 10px 5px;
  }
}
.sales-detail .detail-ul {
  width: 100%;
  overflow: hidden;
}
.sales-detail .detail-ul li {
  width: 18%;
  margin: 2% 1%;
  float: left;
}
.sales-detail .detail-ul li img {
  width: 100%;
}
.sales-detail .detail-ul li p {
  width: 100%;
  padding: 10px 0;
  font-size: -webkit-calc(93% + 0.1vw);
  color: #666;
}
@-moz-document url-prefix() {
  .sales-detail .detail-ul li p {
    font-size: calc(93% + 0.1vw);
  }
}
@supports (-ms-ime-align: auto) {
  .sales-detail .detail-ul li p {
    font-size: calc(93% + 1vw);
  }
}
.sales-detail .detail-map {
  width: 100%;
  height: 50vh;
  margin: 3% auto;
}
@media only screen and (min-width: 250px) and (max-width: 767px) {
  .sales-detail .detail-map {
    height: 30vh;
  }
}

.detail-link {
  display: block;
  width: 10%;
  margin: 3% auto;
  padding: 15px;
  border: 1px solid #dddddd;
  color: #666;
}
.detail-link:hover {
  color: blue;
}

footer {
  width: 100%;
  height: 300px;
  background-image: url(../img/ft-img.png);
  background-size: 100% 100%;
  clear: both;
}
footer p {
  padding: 1% 0 1%;
}
@media only screen and (min-width: 250px) and (max-width: 767px) {
  footer p {
    font-size: -webkit-calc(50% + 0.1vw);
  }
  @-moz-document url-prefix() {
    footer p {
      font-size: calc(50% + 0.1vw);
    }
  }
  @supports (-ms-ime-align: auto) {
    footer p {
      font-size: calc(50% + 1vw);
    }
  }
}
footer .information {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 2%;
}
@media only screen and (min-width: 250px) and (max-width: 767px) {
  footer .information {
    padding-top: 15%;
  }
}
footer .information .site-map {
  width: 100%;
  margin: 2% auto;
  overflow: hidden;
}
footer .information .site-map ul {
  width: 100%;
  overflow: hidden;
}
footer .information .site-map ul li {
  width: 12.5%;
  font-size: -webkit-calc(70% + 0.1vw);
  float: left;
}
@-moz-document url-prefix() {
  footer .information .site-map ul li {
    font-size: calc(70% + 0.1vw);
  }
}
@supports (-ms-ime-align: auto) {
  footer .information .site-map ul li {
    font-size: calc(70% + 1vw);
  }
}
@media only screen and (min-width: 250px) and (max-width: 767px) {
  footer .information .site-map ul li {
    width: 33%;
    margin: 2% auto;
  }
}
footer .information .company {
  clear: both;
  width: 100%;
  margin-top: 1%;
  overflow: hidden;
}
footer .information .company h2 {
  width: 50%;
  font-size: -webkit-calc((60% + 0.1vw) * 2);
  float: left;
}
@-moz-document url-prefix() {
  footer .information .company h2 {
    font-size: calc((60% + 0.1vw) * 2);
  }
}
@supports (-ms-ime-align: auto) {
  footer .information .company h2 {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 250px) and (max-width: 767px) {
  footer .information .company h2 {
    width: 100%;
    margin: 2% auto;
  }
}
footer .information .company p {
  width: 50%;
  padding: 0;
  float: left;
}
@media only screen and (min-width: 250px) and (max-width: 767px) {
  footer .information .company p {
    width: 100%;
    font-size: -webkit-calc(93% + 0.1vw);
  }
  @-moz-document url-prefix() {
    footer .information .company p {
      font-size: calc(93% + 0.1vw);
    }
  }
  @supports (-ms-ime-align: auto) {
    footer .information .company p {
      font-size: 1rem;
    }
  }
}


.evessa p{
color: #000;
margin-bottom: 0.5%;
}
.evessa hr{
margin-bottom: 0.5%;
}

.evessa a:link { color: #0000EE; }
.evessa a:visited { color: #551A8B; }


.evessa {
display: none;
}