html {scroll-behavior: smooth;}




@keyframes steam01 {
  0% {
    bottom: -600px;
    filter: blur(16px);
    transform: rotateY(0deg);
    transform: scale(0.6, 1);
    opacity: 0
  }
  11% { opacity: 0.1 }
  33% {
    transform: rotateY(40deg);
    transform: scale(1, 1.4);
    opacity: 0.5
  }
  66% {
    transform: rotateY(10deg);
    transform: scaleY(1.8, 1);
    opacity: 0.4
  }
  100% {
    bottom: 0;
    filter: blur(20px);
    transform: rotateY(60deg);
    transform: scaleY(2, 1.8);
    opacity: 0
  }
}
@keyframes steam02 {
  0% {
    bottom: -400px;
    filter: blur(16px);
    transform: rotateY(0deg);
    transform: scale(0.6, 0.6);
    opacity: 0
  }
  11% { opacity: 0.1 }
  33% {
    transform: rotateY(40deg);
    transform: scale(0.8, 1);
    opacity: 0.4
  }
  66% {
    transform: rotateY(2deg);
    transform: scaleY(1, 1.2)
  }
  100% {
    bottom: 0;
    filter: blur(20px);
    transform: rotateY(50deg);
    transform: scaleY(1.2, 1.4);
    opacity: 0
  }
}



.steamWrap p {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}


.steamWrap {
  width: 100%;
  margin: 00px auto 0
}
.steamBox {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden
}
.steamBox > img {
  width: 100%;
  display: block
}
.steam01 {
  position: absolute;
  right: 0;
  animation: steam01 10s infinite linear;
  opacity: 0
}
.steam02 {
  position: absolute;
  left: 0;
  animation: steam02 14s infinite linear;
  opacity: 0
}
.steam03 {
  margin: auto;
  position: absolute;
  right: 0;
  left: 0;
  animation: steam02 12s infinite linear;
  animation-delay: 6s;
  opacity: 0
}
.steam01 img, .steam03 img {
  width: 500px;
  height: 700px
}
.steam02 img {
  width: 300px;
  height: 500px
}







/*------------------------------------
�w�b�_�[��
------------------------------------*/

header h1 {
  font-size: 1.5rem;
  width: 82px;
}
header h1 a {
  color: #000;
  text-decoration: none;
}




* {
  margin: 0;
  padding: 0;
}


.accordion-single  {
  border-bottom: 1px solid #efefef;
  margin-top: 10px;
}

.accordion-single-title {
  border-top: 1px solid #efefef;
  padding: 20px;
  cursor: pointer;
  position: relative;
  font-size: 15px;
  margin: 0;
}


.accordion-single-title::before {
    color: #75bbff;
    content: "Q.";
font-weight: bold;
margin:0 5px 0 0;
}



.accordion-single-title::after{
  content: "";
  position: absolute;
  right: 25px;
  top: 50%;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 8px;
  height: 8px;
  border-top: solid 2px #999;
  border-right: solid 2px #999;
  transform: translateY(-50%) rotate(135deg);
}





.accordion-single-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height .3s ease-in-out;
}


.accordion-single-content ::before {
    color: #ff8d8d;
    line-height: 1.2;
    content: "A.";
font-weight: bold;
margin:0 5px 0 0;
}


.accordion-single-content a:nth-child(1)::before {
    content: none;
}


.accordion-single-content a {
   text-decoration:underline; 
}

.accordion-single-content p {
  padding: 20px;
}

.accordion-single-item.is-open .accordion-single-content  {
  max-height: 100%;
}

.accordion-single-item.is-open .accordion-single-title::after  {
  transform: translateY(-50%) rotate(315deg);
}




.k-contact {
    padding: 2rem;
}


.formWrap {

    width: 100%;
    margin: 0 auto;
    line-height: 120%;
    padding: 1rem 0rem;
    /* font-size: 90%; */
}

table  {
margin-bottom:10px;}

table td {
width:100%;
padding:5px;}

textarea {
width:100%;
padding:5px;}



.k-notice { 
    margin:0 auto;
    text-align: center;
    font-size: 11px;
    padding: 1rem 0.5rem;
}



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

   .submit-btn {
      display: inline-block;
      background-color: #fff;
      color: #3c3c3c;
      font-family: Raleway, sans-serif;
      text-transform: uppercase;
      letter-spacing: 2px;
      font-size: 14px;
      line-height: 24px;
      padding: 8px 16px;
      border: none;
      cursor: pointer;
margin:5px;

   }




input[type="text"] {
width:100%;
  height: 36px;
  background: #eee;
  border: 1px solid #bebebe;
  font-size: 1em;
  text-indent: 0.7em;
}
input[type="text"]:focus {
  background: #edf4ff;
  border: 1px solid #4881d9;
}