@charset "UTF-8";
body, p, h2 {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; }

a {
  text-decoration: none; }

header {
  margin: 0vw 3vw; }

main {
  background-color: antiquewhite; }

.header-top {
  display: flex; }

.logo {
  margin-top: -1vw; }
  .logo img {
    width: 20vw; }

.header-text {
  margin: 3vw -5vw 0vw 0vw;
  font-size: 1.4vw; }

.time {
  margin-bottom: 1vw; }

.icon-top {
  margin: 1vw 0vw 0vw 23vw; }

.tel1 {
  display: flex;
  margin-left: 6vw; }
  .tel1 img {
    width: 4vw;
    height: 4vw;
    padding-top: 2vw; }
  .tel1 p {
    font-size: 2vw;
    padding: 3vw 2vw 0vw 1vw; }

.access1 {
  display: flex;
  margin-top: 2vw; }
  .access1 img:hover {
    filter: drop-shadow(0.2vw 0.2vw 0.3vw rgba(0, 0, 0, 0.6));
    transition: all 0.5s; }
  .access1 img {
    width: 4vw;
    height: 4vw; }
  .access1 p {
    font-size: 1.5vw;
    padding-left: 1vw; }

.nav ul {
  text-align: center;
  font-size: 1.5vw; }
  .nav ul li {
    display: inline-block;
    padding: 0vw 4vw 1vw 4.65vw; }
  .nav ul a {
    color: black; }

#top {
  position: relative; }
  #top img {
    width: 100%; }
  #top h1 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 3vw;
    background-color: white;
    text-align: center;
    padding: 3vw 9vw; }
  #top .line {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: solid 0.2vw #fff;
    padding: 8vw 22vw; }
  #top .titledeco {
    position: absolute;
    top: 17vw;
    left: 35vw;
    padding: 4vw 0.7vw;
    background-color: #e6c76e; }

#service {
  margin-bottom: 15vw; }
  #service .panel {
    display: flex;
    justify-content: space-evenly;
    line-height: 2vw;
    margin-top: 5vw; }
    #service .panel .img1 {
      width: 43%;
      text-align: center;
      padding-top: 3vw;
      background-color: white;
      border-radius: 2vw;
      position: relative; }
      #service .panel .img1 img {
        width: 37vw;
        border-radius: 2vw; }
      #service .panel .img1 h2 {
        margin: 2vw 0vw;
        font-size: 3vw;
        font-weight: 500; }
      #service .panel .img1 p {
        font-size: 1.3vw;
        margin-bottom: 2vw;
        background-color: antiquewhite;
        padding: 1vw;
        border-radius: 1vw;
        line-height: 2.5vw;
        width: 35vw;
        margin-left: auto;
        margin-right: auto;
        text-align: left; }
      #service .panel .img1 h3 {
        font-size: 1.3vw;
        margin-bottom: 2vw;
        margin-left: 4vw; }
      #service .panel .img1 .menu-text {
        margin-bottom: 4vw;
        text-align: left;
        width: 35vw;
        margin-left: auto;
        margin-right: auto; }
      #service .panel .img1 .text2 {
        margin-bottom: 2vw; }
      #service .panel .img1 .example {
        background-color: #FF8800;
        position: absolute;
        top: 32.5vw;
        left: 2.5vw;
        color: white;
        height: 2vw;
        width: 2vw;
        border-radius: 50%;
        line-height: 2.2vw;
        text-align: center; }
      #service .panel .img1 .akiya {
        margin-right: 11vw;
        margin-left: auto; }
      #service .panel .img1 .example2 {
        background-color: #FF8800;
        position: absolute;
        top: 52.7vw;
        left: 2.5vw;
        color: white;
        height: 2vw;
        width: 2vw;
        border-radius: 50%;
        line-height: 2.2vw;
        text-align: center; }
      #service .panel .img1 .example3 {
        background-color: #FF8800;
        position: absolute;
        top: 65.7vw;
        left: 2.5vw;
        color: white;
        height: 2vw;
        width: 2vw;
        border-radius: 50%;
        line-height: 2.2vw;
        text-align: center; }
      #service .panel .img1 .deco {
        margin-right: 14vw; }
      #service .panel .img1 .deco2 {
        margin-right: 17vw; }
      #service .panel .img1 .bottom {
        margin-bottom: 2vw; }
  #service .ihin-text {
    margin-top: 4vw; }

.shirumono {
  height: 24.5vw;
  object-fit: cover; }

.etc {
  height: 10vw;
  object-fit: cover; }

#contact {
  margin-bottom: 15vw; }
  #contact .btn1 {
    display: flex;
    justify-content: space-evenly; }
    #contact .btn1 .tel {
      display: flex;
      background-color: white;
      width: 40%;
      border-radius: 2vw;
      padding: 1.5vw;
      height: 8vw;
      justify-content: space-evenly; }
      #contact .btn1 .tel img {
        width: 8vw; }
    #contact .btn1 .number {
      text-align: center; }
      #contact .btn1 .number h2 {
        font-size: 2vw;
        margin-bottom: 0.5vw; }
      #contact .btn1 .number p {
        font-size: 4vw; }
  #contact .contact-form {
    font-size: 3vw;
    line-height: 8vw;
    color: black; }

.shoumeisho {
  display: flex;
  margin-left: 2vw; }
  .shoumeisho .ihin img {
    width: 15vw; }
  .shoumeisho .ihin-blue img {
    width: 11.5vw;
    margin-top: 1vw; }
  .shoumeisho .nekonote img {
    width: 7vw; }
  .shoumeisho .nekonote-text P {
    font-size: 1vw;
    text-align: center;
    line-height: 2vw; }

footer {
  position: relative; }
  footer img {
    width: 100%; }
  footer p {
    color: #FF8800;
    padding: 2vw; }
  footer .footer-item {
    position: absolute;
    top: 1vw;
    left: 18vw; }
    footer .footer-item p {
      font-size: 2vw;
      padding: 1vw; }
  footer .footer-adress {
    display: flex;
    margin-bottom: 1vw;
    margin-left: -1vw; }
    footer .footer-adress img {
      width: 4vw;
      margin-top: 1vw; }
    footer .footer-adress img:hover {
      filter: drop-shadow(0.2vw 0.2vw 0.3vw rgba(0, 0, 0, 0.6));
      transition: all 0.5s; }
  footer .footer-tel {
    display: flex; }
    footer .footer-tel img {
      width: 4vw;
      height: 4vw;
      margin-top: 1vw; }
    footer .footer-tel p {
      font-size: 2.5vw;
      margin-top: 1.4vw; }

.tel-adress-wrap {
  display: flex;
  margin-top: 2vw; }