@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
/* アニメーション記述用 */
@keyframes headerFixed {
  0% {
    transform: translateY(-90px); }
  100% {
    transform: translateY(0px); } }
@keyframes SlideIn {
  0% {
    opacity: 0;
    transform: translateY(-90px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
@keyframes loop {
  0% {
    transform: translateX(100%); }
  to {
    transform: translateX(-100%); } }
@keyframes loop2 {
  0% {
    transform: translateX(0); }
  to {
    transform: translateX(-200%); } }
.titleimg__img-wp {
  background: url("/img/access/titlleimg.jpg") center/cover no-repeat; }

.beaco__wp {
  max-width: 860px;
  box-sizing: border-box;
  padding: 24px;
  background: #FFFFFF; }
  .beaco__wp .txt__wp .txt__wp-ttl {
    font-size: 1.4rem;
    padding-bottom: 8px;
    border-bottom: 1px solid #77BCC8;
    margin-bottom: 8px; }
  .beaco__wp .txt__wp .txt__wp-address {
    font-size: 1.3rem; }
    @media (min-width: 769px) {
      .beaco__wp .txt__wp .txt__wp-address {
        font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.5115089514 ); } }
    @media (min-width: 1160px) {
      .beaco__wp .txt__wp .txt__wp-address {
        font-size: 1.5rem; } }
  .beaco__wp .txt__wp .txt__wp-btn {
    margin-top: 16px; }
    .beaco__wp .txt__wp .txt__wp-btn a {
      display: block;
      position: relative;
      box-sizing: border-box;
      max-width: 160px;
      max-height: 40px;
      height: 40px;
      font-size: 1.5rem;
      font-style: normal;
      text-align: center;
      line-height: 1.5rem;
      padding: 10px 0;
      border: 1px solid #77BCC8;
      color: #77BCC8;
      background: #FFF; }
      @media (min-width: 769px) {
        .beaco__wp .txt__wp .txt__wp-btn a {
          font-size: calc( 1.5rem + ( 1vw - 7.69px ) * 0 ); } }
      @media (min-width: 1280px) {
        .beaco__wp .txt__wp .txt__wp-btn a {
          font-size: 1.5rem; } }
      .beaco__wp .txt__wp .txt__wp-btn a:hover {
        background: #77BCC8;
        color: #FFF; }
      .beaco__wp .txt__wp .txt__wp-btn a i {
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translateY(-50%); }
  .beaco__wp .img__wp {
    margin-top: 24px; }

.gmap .ttl__wp {
  margin: 0% 0% 4.89% 0%;
  text-align: center; }
  .gmap .ttl__wp p {
    font-size: 2rem;
    color: #77BCC8; }
    @media (min-width: 769px) {
      .gmap .ttl__wp p {
        font-size: calc( 2rem + ( 1vw - 7.69px ) * 1.2787723785 ); } }
    @media (min-width: 1160px) {
      .gmap .ttl__wp p {
        font-size: 2.5rem; } }
  .gmap .ttl__wp h3 {
    font-size: 1.2rem; }
    @media (min-width: 769px) {
      .gmap .ttl__wp h3 {
        font-size: calc( 1.2rem + ( 1vw - 7.69px ) * 0.5115089514 ); } }
    @media (min-width: 1160px) {
      .gmap .ttl__wp h3 {
        font-size: 1.4rem; } }
.gmap .map__wp {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  /* 縦横比の指定 */
  overflow: hidden; }
  .gmap .map__wp iframe, .gmap .map__wp object, .gmap .map__wp embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
.gmap .txt__wp {
  margin-left: 24px;
  margin-top: 30px; }
  .gmap .txt__wp .txt__wp-main {
    position: relative;
    padding-left: 16px;
    font-size: 1.4rem;
    color: #77BCC8; }
    @media (min-width: 769px) {
      .gmap .txt__wp .txt__wp-main {
        font-size: calc( 1.4rem + ( 1vw - 7.69px ) * 0.5115089514 ); } }
    @media (min-width: 1160px) {
      .gmap .txt__wp .txt__wp-main {
        font-size: 1.6rem; } }
    .gmap .txt__wp .txt__wp-main::before {
      position: absolute;
      content: "";
      display: block;
      width: 12px;
      height: 12px;
      left: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      background: #77BCC8; }
  .gmap .txt__wp .txt__wp-sub {
    font-size: 1.3rem; }
    @media (min-width: 769px) {
      .gmap .txt__wp .txt__wp-sub {
        font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.5115089514 ); } }
    @media (min-width: 1160px) {
      .gmap .txt__wp .txt__wp-sub {
        font-size: 1.5rem; } }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) {
  .beaco .m-inner {
    padding-bottom: 41px; }
  .beaco__wp {
    position: relative;
    padding: 50px 70px 60px; }
    .beaco__wp .txt__wp {
      width: 44.8%; }
      .beaco__wp .txt__wp .txt__wp-ttl {
        font-size: 1.6rem; }
    .beaco__wp .img__wp {
      position: absolute;
      width: 49.186%;
      bottom: -41px;
      right: 0;
      margin-top: 0; } }
/*------------------------------
		961px以上
------------------------------*/
@media screen and (min-width: 961px) {
  .beaco {
    margin-bottom: 11%; }
    .beaco__wp {
      max-height: 292px; }
      .beaco__wp .img__wp {
        right: calc((-960px + 1.69%) + 100%); }

  .gmap .txt__wp {
    margin-left: 70px;
    margin-top: 30px; } }
/*------------------------------
		1181px以上
------------------------------*/
@media screen and (min-width: 1181px) {
  .beaco__wp .img__wp {
    right: calc(-980px + 100%); } }

/*# sourceMappingURL=style.css.map */