/*common style*/
html {
  position: relative;
  min-height: 100%;
}
body {
  /*margin-bottom:660px;*/
}
.box{
  padding-top: 70px;
}
.yu-mincho{
  font-family: "Yu Mincho", "YuMincho";
  font-weight: bold;
  font-size:1.2rem;
  color: #321900;
}
header,
a,
input[type="text"],
input[type="password"],
textarea,
select {
    outline: none;
}
.err-msg{
  font-size: 1rem;
  font-weight: normal;
  color: red;
}
.cursor-pointer{
  cursor: pointer;
}
/*header*/
.nav-pills{
  font-size: 1.2rem;
}
.nav-pills .nav-link.active{
  background-color: transparent;
  color: #321900;
  border-radius: 0px;
}
.navbar{
  display:block;
}
.navbar-light .navbar-toggler{
  border:none;
}
.live-btn:hover{
  border-radius: 0px;
  color: rgba(50, 25, 0, 0.6);
}
.navbar-collapse.collapse.show{
  height:  calc(100vh - 80px);
}
.heder-home{
  font-size: 1.5rem;
}

/*footer*/
.footer {
  padding-top: 10%;
  width: 100%;
  /*height: 100vh;*/
  height: calc(100vh + 10%);
  background-color: white;
  letter-spacing: 0.3rem;
}
footer .container{

}
footer .icon{
  width: 4rem
}
footer .name{
  font-size:1.6rem;
}
footer .address{
  font-size:1.2rem;
}
footer .tel-text{
  font-size:1.4rem;
}
footer .tel-number{
  font-size:2.2rem;
}
footer .copyright{
  letter-spacing: normal;
/*  position: absolute;
  bottom: 0;
  left: 0;*/
}
footer .copyright-font{
  margin-top: 80px;
  font-size:1.0rem;
}
footer .contact-btn{
  border: thin solid black;
  font-size:1.2rem;
  font-weight: bold;
  padding-left: 10%;
  padding-right: 10%;
  border-radius: 0px;
}

footer .contact-btn:hover{
  background-color: gainsboro;
  /*color: white;*/
}

@media (min-width: 1200px) {
  .container {
    /*max-width: 800px;*/
  }
}

textarea {
  resize: none;
}
p{
  margin-bottom: 0.4rem;
}
.button{
  outline: none;
}
.nav-item a{
  color: #321900;
}
.form-control{
  display:inline;
  max-width:500px;
}

.arrow01-close{
  background-image: url("../images/jorei_research/arrow_01_open.png");
  background-position: center center;
  height: 25px;
  background-repeat: no-repeat;
  background-size: 3rem;
  margin-top: 0.3rem;
}
.arrow01-open{
  background-image: url("../images/jorei_research/arrow_01_close.png");
  background-position: center center;
  height: 25px;
  background-repeat: no-repeat;
  background-size: 3rem;
  margin-top: 0.3rem;
}
.arrow02-close{
  background-image: url("../images/jorei_research/arrow_02_open.png");
  background-position: center center;
  height: 25px;
  background-repeat: no-repeat;
  background-size: 3rem;
  margin-top: 0.3rem;
}
.arrow02-open{
  background-image: url("../images/jorei_research/arrow_02_close.png");
  background-position: center center;
  height: 25px;
  background-repeat: no-repeat;
  background-size: 3rem;
  margin-top: 0.3rem;
}
.return-btn{
  position:fixed;
  left:20px;
  top:80px;
  transition:1s;
  opacity:0.85;
  z-index:500;
  width: 70px;
}
.return-btn:hover{
  opacity:1;
}

@media (max-width: 480px) {
  footer .container{
    padding-top: 25%;
  }
}