@charset "UTF-8";
/* ==================== 共通 ==================== */
html {
  font-size: 3.125vw;
}

body {
  background-color: #ffffff;
  color: #333333;
  text-align: left;
  position: relative;
  font-size: 1.2em;
  line-height: 2em;
}

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

h1, h2, h3 {
  color: #160e75;
}

a,
a:link,
a:visited {
  color: #ff8b41;
}

a:hover {
  color: #160e75;
  text-decoration: underline;
}

a.btn {
  display: grid;
  place-items: center;
  width: 100%;
  min-height: 2em;
  text-align: center;
  background-color: #160e75;
  color: #ffffff;
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 1em;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
a.btn:hover {
  opacity: 0.5;
}

/* ========== 共通メニュー用調整 ========== */
.pagetop-all {
  bottom: 7rem;
}

header img,
footer img {
  width: inherit;
  height: inherit;
}

/* ========== PC、SP切り替え ========== */
.sp {
  display: initial;
}

.pc {
  display: none;
}

/* ======================================== */
/*                    PC                    */
/* ======================================== */
@media screen and (min-width: 768px) {
  html {
    font-size: 8px;
  }
}
@media screen and (min-width: 768px) {
  main {
    background-color: #90b4ff;
  }
  .pagetop-all {
    bottom: 40px;
  }
  .sp {
    display: none !important;
  }
  .pc {
    display: initial;
  }
}
/* ======================================== */
/*            共通メニュー用調節            */
/* ======================================== */
.footer_details_inner a {
  color: #ffffff;
}