@charset "utf-8";

/******
フォント

M Plus Rounded 1c
font-family: "m-plus-rounded-1c", sans-serif;

*******/

body {
  color: #4d4d4d;
  background: #005083;
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 500;
  font-style: normal;

  overflow-wrap: break-word;
  overflow-x: hidden;
}

main {
}

body.fixed {
  height: 100%;
  overflow: hidden;
}

.img {
  width: 100%;
  height: auto;
}

.hover--opacity {
  transition: opacity 0.3s;
}
.hover--opacity:hover {
  opacity: 0.7;
}

.inner-1440 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}
.inner-1000 {
  width: 92%;
  max-width: 1000px;
  margin: 0 auto;
  background: #fff;
  border: 5px solid #80a7c1;
  border-radius: 50px;
  position: relative;
  z-index: 10;
}
.inner-868 {
  width: 92%;
  max-width: 868px;
  margin: 0 auto;
  position: relative;
}
.inner-745 {
  width: 92%;
  max-width: 745px;
  margin: 0 auto;
}

a.sptel {
  cursor: default;
  pointer-events: none;
}

.ilblk {
  display: inline-block;
}

.pc {
  display: block;
}

.sp {
  display: none;
}

@media screen and (max-width: 1440px) {
}

@media screen and (max-width: 1350px) {
}

@media screen and (max-width: 1280px) {
}

@media screen and (max-width: 980px) {
}

@media screen and (max-width: 750px) {
  .inner-1000 {
    border-radius: 32px;
  }
  a.sptel {
    cursor: pointer;
    pointer-events: auto;
  }
  .pc {
    display: none !important;
  }

  .sp {
    display: block !important;
  }
}

@media screen and (max-width: 750px) {
}

@media screen and (max-width: 500px) {
}

@media screen and (max-width: 480px) {
}

@media screen and (max-width: 375px) {
}