@charset "UTF-8";
/* CSS Document */
/*top*/
.co_key img {
  width: 100%;
}
.cp_contact {
  background-color: #e2a02d;
}
.cp_contact_lg p, .cp_contact_lg a {
  font-family: Noto Sans JP;
  font-size: 1rem;
  line-height: 40px;
  letter-spacing: 3px;
  color: #464646;
}
/*共通*/
.cp_contact_small img {
  width: 100%;
}
.cp_contact h1 {
  margin: 0 auto;
}
.cp_contact h1, .cp_contact img {
  width: 65%;
  text-align: center
}
.cp_button {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.cp_access {
  width: 90%;
  margin: 0 auto;
}
.cp_contact, .cp_contact_lg {
  padding-bottom: 1rem;
}
/*背景*/
.cp_contact {
  background-image: url("../img/bc_ore.png");
  background-repeat: repeat;
}
.cp_contact_small {
  background-color: #ffffff;
  margin-left: auto;
  margin-right: auto;
  border-radius: 2rem;
  margin-top: 1rem;
}
.cp_bn img {
  width: 100%;
}
/*-------mb-768以下------*/
@media(max-width:768px) {
  .cp_access {
    width: 90%;
    margin: 0 auto;
  }
  .cp_contact_small {
    width: 90%;
  }
  .cp_contact h1 img, .cp_contact img {
    width: 100%;
  }
  .cp_bn {
    padding: 1rem 0 1rem 0;
  }
}
/*-------PC-769以上------*/
@media(min-width:769px) {
  .cp_contact_lg p, .cp_contact_lg a {
    letter-spacing: 6px;
  }
  /*bc雲*/
  .cp_contact {
    background-image: url(../img/bc_cl02_right.png), url(../img/bc_cl02_left.png), url("../img/bc_ore.png");
    background-repeat: no-repeat, no-repeat, repeat;
    background-position: right bottom, left center;
  }
  .cp_access {
    width: 80%;
    margin: 0 auto;
  }
	.cp_contact {
    padding-bottom: 5rem;
  }
  /*白い部分*/
  .cp_contact_small {
    width: 80%;
  }
  .cp_access {
    margin-top: auto;
    margin-bottom: auto;
  }
  .cp_map {
    height: 250px;
  }
  .cp_contact_lg {
    padding-bottom: 2rem;
  }
  .cp_bn {
    padding: 2rem 0 2rem 0;
  }
  .cp_contact_small {
    margin-top: 2rem;
  }
}
/*-------PC大--1024-----*/
@media(min-width:1025px) {
  .cp_access {
    width: 70%;
    margin: 0 auto;
  }
  .cp_bn {
    padding-bottom: 3rem;
  }
	  
  .cp_contact_small {
    margin-top: 3rem;
  }
  /*幅*/
  .cp_contact_small {
    width: 60%;
  }
  /*-------keyー-------*/
  .co_key {
    height: 40vh;
  }
}