.twt-header{font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;color:#333;line-height:1;font-weight:400}.twt-header *{box-sizing:border-box}.twt-header p{padding:0;margin:0}.twt-header img{display:block;width:100%;height:auto;max-width:100%}.twt-header a{color:inherit;text-decoration:none}.twt-header a:focus-visible{outline:3px solid #206dad;outline-offset:4px}
@media(min-width:769px){.twt-header {
  background: #fff;
  padding: 10px 0;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
  position: relative;
}
@media screen and (max-width: 1310px) {
  .twt-header {
    padding: 0.7633587786vw 0;
    box-shadow: 0 0.3816793893vw 1.5267175573vw rgba(0, 0, 0, 0.2);
  }
}
.twt-header .inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 1310px) {
  .twt-header .inner {
    width: 91.6030534351vw;
  }
}
.twt-header .inner .logo_area {
  display: flex;
  align-items: center;
}
.twt-header .inner .logo_area .logo {
  width: 280px;
}
@media screen and (max-width: 1310px) {
  .twt-header .inner .logo_area .logo {
    width: 21.3740458015vw;
  }
}
.twt-header .inner .logo_area .logo_text {
  font-size: 14px;
  margin-left: 38px;
}
@media screen and (max-width: 1310px) {
  .twt-header .inner .logo_area .logo_text {
    font-size: 1.0687022901vw;
    margin-left: 2.9007633588vw;
  }
}
.twt-header .inner .btn_area {
  display: flex;
  align-items: center;
}
.twt-header .inner .btn_area .head_btn {
  width: 140px;
}
@media screen and (max-width: 1310px) {
  .twt-header .inner .btn_area .head_btn {
    width: 10.6870229008vw;
  }
}
.twt-header .inner .btn_area .head_btn.web {
  margin: 0 15px 0 8px;
}
@media screen and (max-width: 1310px) {
  .twt-header .inner .btn_area .head_btn.web {
    margin: 0 1.1450381679vw 0 0.6106870229vw;
  }
}
.twt-header .inner .btn_area .tel_area {
  text-align: center;
}
.twt-header .inner .btn_area .tel_area .tel_text span {
  font-size: 16px;
  padding: 0 10px;
  position: relative;
}
@media screen and (max-width: 1310px) {
  .twt-header .inner .btn_area .tel_area .tel_text span {
    font-size: 1.2213740458vw;
    padding: 0 0.7633587786vw;
  }
}
.twt-header .inner .btn_area .tel_area .tel_text span::before, .twt-header .inner .btn_area .tel_area .tel_text span::after {
  content: "";
  display: block;
  width: 1px;
  height: 16px;
  background: #333;
  position: absolute;
  top: 5px;
}
@media screen and (max-width: 1310px) {
  .twt-header .inner .btn_area .tel_area .tel_text span::before, .twt-header .inner .btn_area .tel_area .tel_text span::after {
    height: 1.2213740458vw;
    top: 0.3816793893vw;
  }
}
.twt-header .inner .btn_area .tel_area .tel_text span::before {
  transform: rotate(-35deg);
  left: 0;
}
.twt-header .inner .btn_area .tel_area .tel_text span::after {
  transform: rotate(35deg);
  right: 0;
}
.twt-header .inner .btn_area .tel_area .tel_num {
  color: #231815;
  font-size: 34px;
  font-weight: 700;
  margin: 0 0 5px;
}
@media screen and (max-width: 1310px) {
  .twt-header .inner .btn_area .tel_area .tel_num {
    font-size: 2.5954198473vw;
    margin: 0 0 0.3816793893vw;
  }
}
.twt-header .inner .btn_area .tel_area .tel_time {
  font-size: 14px;
}
@media screen and (max-width: 1310px) {
  .twt-header .inner .btn_area .tel_area .tel_time {
    font-size: 1.0687022901vw;
  }
}
}
@media(max-width:768px){.twt-header {
  background: #fff;
  padding: 2.4vw 0 1.6vw;
  box-shadow: 0 0.6666666667vw 2.6666666667vw rgba(0, 0, 0, 0.2);
  position: relative;
}
.twt-header .inner .logo_area {
  display: flex;
  justify-content: center;
  flex-direction: column-reverse;
}
.twt-header .inner .logo_area .logo {
  width: 51.4666666667vw;
  margin: 0 auto;
}
.twt-header .inner .logo_area .logo_text {
  font-size: 2.6666666667vw;
  text-align: center;
  margin-bottom: 0.8vw;
}
.twt-header .btn_area{display:none}}