@charset "UTF-8";
body {
  margin: 0;
  padding: 0;
  background: #FFF;
  font-size: 1em;
  line-height: 1.5;
  font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', "segoe ui", '游ゴシック  Medium', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  color: #000;
}

img {
  width: 100%;
  height: auto;
  border: none;
  vertical-align: bottom;
  pointer-events: none;
}

h1, h2, h3, h4, p, ul, li, dl, dt, dd, section, figure {
  margin: 0;
  padding: 0;
}

ul {
  list-style: none;
}

a {
  display: inline-block;
  text-decoration: underline;
  color: #00A0E9;
}

.view-pc {
  display: none;
}

.view-sp {
  display: block;
}

.header-box {
  background: url(/images/developer/header_bg.jpg) 50% 100% no-repeat, #006ce4;
  background-size: cover;
  width: 100%;
}

.header-text {
  padding: 0 5% 0 5%;
}

.header-text p {
  font-weight: bold;
  font-size: 2.5vw;
  line-height: 1.7;
  color: #FFF;
}

.header-text .orange {
  color: #ffb700;
}

.provide-head {
  background: #006ce4;
}

.provide-title {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 6% auto 5% auto;
  padding: 2% 2%;
  border: 2px solid #1d4275;
  width: 70%;
  text-align: center;
}

.provide-title p {
  font-weight: bold;
  font-size: 3.5vw;
  line-height: 1.4;
  color: #1d4275;
}

.provide-text {
  margin: 0 auto;
  padding: 0 0 5% 0;
  width: 89%;
}

.provide-text p {
  font-size: 2.6vw;
  line-height: 1.6;
}

.inquiry {
  padding: 0 0 10% 0;
}

.inquiry-text {
  margin: 0 auto;
  padding: 5% 0 4% 0;
  width: 88.8%;
  text-align: left;
}

.inquiry-text p {
  font-size: 2.8vw;
  line-height: 1.6;
}

.inquiry-tel {
  padding: 3% 0 7% 0;
}

.inquiry-tel-name {
  margin: 0 auto;
  width: calc(392 / 800 * 100vw);
}

.inquiry-tel-number {
  margin: 3% auto 2% auto;
  width: calc(566 / 800 * 100vw);
}

.inquiry-tel-notice {
  text-align: center;
}

.inquiry-tel-notice p {
  font-size: 2.8vw;
  line-height: 1.6;
}

.inquiry-link-btn {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  margin: 0 auto;
  padding: 3.5% 2% 3% 2%;
  background: url(/images/developer/button_arrow.png) 50% 50% no-repeat, #0f87d2;
  background-size: 100% auto;
  width: 70%;
  text-decoration: none;
  font-weight: bold;
  font-size: 3.7vw;
  line-height: 1.2;
  letter-spacing: 0.02em;
  color: #FFF;
  text-align: center;
  border-radius: 5em;
  overflow: hidden;
}

.inquiry-link-btn-white {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  margin: 0 auto;
  padding: 3.5% 2% 3% 2%;
  background: url(/images/developer/button_arrow_blue.png) 50% 50% no-repeat, #FFF;
  background-size: 100% auto;
  width: 70%;
  text-decoration: none;
  font-weight: bold;
  font-size: 2.6vw;
  line-height: 1.3;
  letter-spacing: 0.02em;
  color: #1d4275;
  text-align: center;
  border: 3px solid #1d4275;
  border-radius: 5em;
  overflow: hidden;
}

.inquiry-notice {
  margin: 0 auto;
  padding: 6% 0 10% 0;
  width: 88.8%;
}

.inquiry-notice p {
  font-size: 2.4vw;
  line-height: 1.4;
}

.inquiry-notice a {
  padding-left: 0;
  text-indent: 0;
}

.inquiry-notice .head {
  padding-bottom: 1%;
}

.inquiry-notice .indent {
  padding-left: 1em;
  text-indent: -1em;
}

.inquiry-notice .red {
  color: #E60012;
}

.footer {
  padding: 14% 0 20% 0;
  background: url(/images/developer/footer_bg.png) 50% 0 no-repeat, #1d4275;
  background-size: 100% auto;
  width: 100%;
}

.footer-copyright {
  margin: 0 auto;
  width: 90%;
  text-align: center;
}

.footer-copyright p {
  font-size: 2.4vw;
  line-height: 1.5;
  color: #FFF;
}

.fixed-pagetop {
  position: fixed;
  right: 1%;
  bottom: 7%;
  width: 18%;
  z-index: 50;
  -webkit-animation: fadein 2s;
  animation: fadein 2s;
}

.fixed-pagetop a {
  display: block;
}

.fixed-inquiry {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 100;
}

.fixed-inquiry-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #0f87d2;
  width: 100%;
}

@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@media all and (min-width: 800px) {
  .view-pc {
    display: block;
  }
  .view-sp {
    display: none;
  }
  .wrapper {
    position: relative;
    margin: 0 auto;
    width: 800px;
  }
  .header-text p {
    font-size: 20px;
    line-height: 1.7;
  }
  .provide-title {
    border: 3px solid #1d4275;
  }
  .provide-title p {
    font-size: 27px;
    line-height: 1.4;
  }
  .provide-text p {
    font-size: 20px;
    line-height: 1.6;
  }
  .inquiry-text p {
    font-size: 20px;
    line-height: 1.6;
  }
  .inquiry-tel-name {
    width: 392px;
  }
  .inquiry-tel-number {
    width: 566px;
  }
  .inquiry-tel-notice p {
    font-size: 20px;
    line-height: 1.6;
  }
  .inquiry-link-btn {
    font-size: 29px;
    line-height: 1.2;
  }
  .inquiry-link-btn-white {
    font-size: 20px;
    line-height: 1.2;
  }
  .inquiry-notice p {
    font-size: 18px;
    line-height: 1.4;
  }
  .footer {
    padding: 14% 0 18% 0;
  }
  .footer-copyright p {
    font-size: 18px;
    line-height: 1.5;
  }
  .fixed-pagetop {
    position: fixed;
    right: auto;
    left: 50%;
    bottom: 100px;
    width: 150px;
    -webkit-transform: translateX(240px);
    transform: translateX(240px);
  }
  .fixed-inquiry-inner {
    position: relative;
    margin: 0 auto;
    width: 800px;
  }
}