@charset "UTF-8";

/*! destyle.css v1.0.13 | MIT License | https://github.com/nicolas-cusan/destyle.css */
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

:after,
:before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent
}

body {
  margin: 0
}

main {
  display: block
}

address,
blockquote,
dl,
figure,
form,
iframe,
p,
pre,
table {
  margin: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin: 0
}

ol,
ul {
  margin: 0;
  padding: 0;
  list-style: none
}

dt {
  font-weight: bold
}

dd {
  margin-left: 0
}

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  border: 0;
  border-top: 1px solid;
  margin: 0;
  clear: both;
  color: inherit
}

pre {
  font-family: monospace, monospace;
  font-size: inherit
}

address {
  font-style: inherit
}

a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
  outline: none
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}

b,
strong {
  font-weight: bolder
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: inherit
}

small {
  font-size: 80%
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -0.25em
}

sup {
  top: -0.5em
}

img {
  border-style: none;
  vertical-align: bottom
}

embed,
iframe,
object {
  border: 0;
  vertical-align: bottom
}

button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  outline: 0;
  border-radius: 0;
  text-align: inherit
}

select::-ms-expand {
  display: none
}

[type=checkbox] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox
}

[type=radio] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
  appearance: radio
}

button,
input {
  overflow: visible
}

button,
select {
  text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

[type=button][disabled],
[type=reset][disabled],
[type=submit][disabled],
button[disabled] {
  cursor: default
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText
}

option {
  padding: 0
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0
}

legend {
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}

progress {
  vertical-align: baseline
}

textarea {
  overflow: auto
}

[type=checkbox],
[type=radio] {
  padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

label[for] {
  cursor: pointer
}

details {
  display: block
}

summary {
  display: list-item
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

caption {
  text-align: left
}

td,
th {
  vertical-align: top;
  padding: 0
}

th {
  text-align: left;
  font-weight: bold
}

template {
  display: none
}

[hidden] {
  display: none
}

html {
  font-size: 62.5%
}

body {
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", YuGothic, "Yu Gothic", "游ゴシック", "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, sans-serif;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.8;
  color: #333333
}

img {
  width: 100%;
  height: auto
}

.scr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0
}

@media screen and (min-width:769px) {
  .show-sp {
    display: none
  }
}

@media screen and (max-width:768px) {
  .show-pc {
    display: none
  }
}

body {
  padding-top: 100px
}

@media screen and (max-width:768px) {
  body {
    padding-top: 58px
  }
}

.sec {
  margin: 80px 0 100px
}

@media screen and (max-width:768px) {
  .sec {
    margin: 9.9% 0 13%
  }
}

.wrap {
  padding: 0 100px;
  word-break: break-all;
  max-width: 1180px;
  margin-right: auto;
  margin-left: auto
}

@media screen and (max-width:768px) {
  .wrap {
    width: 89.6%;
    padding: 0
  }
}

.hdg-en {
  margin-bottom: 12px;
  font-family: "Oswald", "Arial", sans-serif;
  font-size: 6rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.08em;
  opacity: 0.2
}

.hdg-en.blue {
  color: #0176C9
}

.hdg-en.white {
  color: #FFF
}

@media screen and (max-width:768px) {
  .hdg-en {
    margin-bottom: 2.9%;
    font-size: 3.5rem;
    font-size: min(9.1vw, 3.5rem);
    letter-spacing: 0.05em
  }
}

.hdg-02 {
  margin-bottom: 40px;
  font-size: 3rem;
  font-weight: bold
}

.hdg-02.blue {
  color: #0176C9
}

.hdg-02.white {
  color: #FFF
}

@media screen and (max-width:768px) {
  .hdg-02 {
    margin-bottom: 4.4%;
    font-size: 2rem
  }
}

.ta--l {
  text-align: left
}

.ta--c {
  text-align: center
}

.ta--r {
  text-align: right
}

@media screen and (min-width:769px) {
  .pc-ta--l {
    text-align: left
  }

  .pc-ta--c {
    text-align: center
  }

  .pc-ta--r {
    text-align: right
  }
}

@media screen and (max-width:768px) {
  .sp-ta--l {
    text-align: left
  }

  .sp-ta--c {
    text-align: center
  }

  .sp-ta--r {
    text-align: right
  }
}

.kv {
  width: 100%;
  position: relative
}

.kv:after {
  content: "";
  display: block;
  width: calc(100% - 210px);
  background: url("../img/kv_pc.jpg") no-repeat left center #F0F4F5;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: -1
}

.kv__inr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  height: 480px;
  position: relative;
  max-width: 980px;
  width: 89.6%;
  margin-right: auto;
  margin-left: auto
}

.kv__hdg {
  margin-right: 70px;
  padding: 40px 0 43px 45px;
  font-size: 4rem;
  font-weight: bold;
  line-height: 1.7;
  position: relative
}

.kv__hdg:before {
  content: "";
  display: block;
  width: 49px;
  height: 45px;
  border-top: 10px solid #0176C9;
  border-left: 10px solid #0176C9;
  position: absolute;
  top: 0;
  left: 0
}

.kv__hdg:after {
  content: "";
  display: block;
  height: 49px;
  width: 45px;
  border-left: 10px solid #333333;
  border-bottom: 10px solid #333333;
  position: absolute;
  left: 0;
  bottom: 0
}

@media screen and (max-width:1024px) {
  .kv:after {
    background-position: 30% center
  }
}

@media screen and (max-width:768px) {
  .kv:after {
    width: 100%;
    background-image: url("../img/top/kv_sp.jpg");
    background-position: left center
  }

  .kv__inr {
    height: 91.1vw
  }

  .kv__hdg {
    height: auto;
    margin-right: 0;
    padding: 9.6vw 0 11.2vw 0;
    font-size: 6.5vw;
    text-align: center
  }

  .kv__hdg:before {
    width: 9.6vw;
    height: 8.9vw;
    border-top-width: 2.1vw;
    border-left-width: 2.1vw
  }

  .kv__hdg:after {
    width: 8.9vw;
    height: 9.6vw;
    border-left-width: 2.1vw;
    border-bottom-width: 2.1vw
  }
}

.service-sec {
  margin: 100px 0;
  padding: 50px 0 100px;
  position: relative
}

.service-sec:before {
  content: "";
  display: block;
  width: calc(100% - 210px);
  background: -webkit-gradient(linear, left top, right top, from(#0176C9), to(#4EC5D5));
  background: linear-gradient(90deg, #0176C9 0%, #4EC5D5 100%);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1
}

@media screen and (max-width:768px) {
  .service-sec {
    margin: 13% 0
  }

  .service-sec:before {
    width: 94.8%
  }
}

.service-wrap {
  margin-top: 60px;
  padding: 50px 0 74px;
  position: relative
}

.service-wrap:before {
  content: "";
  display: block;
  max-width: calc(866px + (50% - 490px));
  width: 74.4%;
  background: #FFF;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: -1
}

@media screen and (max-width:768px) {
  .service-wrap {
    margin-top: 7.8%;
    padding: 7.8% 0 10.4%
  }

  .service-wrap:before {
    max-width: inherit;
    width: 100%
  }
}

.service-cnt {
  padding: 0 100px;
  max-width: 1180px;
  margin-right: auto;
  margin-left: auto
}

.service-cnt__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  position: relative
}

.service-cnt__item:nth-child(n+2) {
  margin-top: 62px
}

.service-cnt__num {
  font-family: "Oswald", "Arial", sans-serif;
  font-size: 6rem;
  font-weight: 400;
  line-height: 1;
  color: #0176C9;
  opacity: 0.2;
  position: absolute;
  top: 0;
  left: -70px
}

.service-cnt__txtbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 40.8%;
  min-height: 260px;
  padding: 2.9% 8.2% 3.1% 0;
  margin-right: -8.2%;
  background: #FFF;
  word-break: break-all;
  z-index: 1
}

.service-cnt__hdg {
  margin-bottom: 20px;
  font-size: 2.6rem;
  line-height: 1.3;
  font-weight: bold;
  color: #0176C9
}

.service-cnt__img {
  width: 67.3%
}

@media screen and (max-width:768px) {
  .service-cnt {
    padding: 0 5.2%
  }

  .service-cnt__item {
    display: block
  }

  .service-cnt__item:nth-child(n+2) {
    margin-top: 7.3%
  }

  .service-cnt__num {
    font-size: 3.5rem;
    position: static
  }

  .service-cnt__txtbox {
    display: block;
    width: auto;
    min-height: inherit;
    padding: 0;
    margin: 2.9% 0 5.8%
  }

  .service-cnt__hdg {
    margin-bottom: 2.9%;
    font-size: 1.9rem
  }

  .service-cnt__txt {
    font-size: 1.4rem
  }

  .service-cnt__img {
    width: auto
  }
}

@media (-ms-high-contrast:none) {

  ::-ms-backdrop,
  .service-cnt__txtbox {
    height: 260px
  }
}

@media screen and (-ms-high-contrast:none) and (max-width:768px) {

  ::-ms-backdrop,
  .service-cnt__txtbox {
    height: auto
  }
}

.company-sec {
  margin: 100px 0;
  position: relative
}

.company-sec:before {
  content: "";
  display: block;
  width: calc(100% - 210px);
  height: 200px;
  background: #EBEBEB;
  position: absolute;
  top: 30px;
  left: 0;
  z-index: -1
}

@media screen and (max-width:768px) {
  .company-sec {
    margin: 13% 0
  }

  .company-sec:before {
    width: 94.8%;
    height: 26vw;
    max-height: 100px;
    top: 17px;
    top: min(4.4vw, 17px)
  }
}

.company-cnt {
  margin-top: 168px
}

.company-cnt__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.company-cnt__item:nth-child(n+2) {
  margin-top: 50px
}

.company-cnt__hdgbox {
  width: 160px
}

.company-cnt__hdg {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.3
}

.company-cnt__hdg-s {
  font-size: 1.4rem
}

.company-cnt__txtbox {
  width: calc(100% - 190px)
}

@media screen and (max-width:768px) {
  .company-cnt {
    margin-top: 20.3%
  }

  .company-cnt__item {
    display: block
  }

  .company-cnt__item:nth-child(n+2) {
    margin-top: 7.3%
  }

  .company-cnt__hdgbox {
    width: auto;
    margin-bottom: 2.9%
  }

  .company-cnt__hdg {
    display: inline-block;
    font-size: 1.7rem
  }

  .company-cnt__hdg-s {
    padding-left: 15px;
    font-size: 1.2rem
  }

  .company-cnt__txtbox {
    width: auto;
    font-size: 1.4rem
  }
}

.company-tbl {
  width: 100%
}

.company-tbl tr {
  border-bottom: 1px solid #CCC
}

.company-tbl tr:first-child {
  border-top: 1px solid #CCC
}

.company-tbl th {
  width: 124px;
  min-width: 124px;
  padding: 20px 0;
  font-weight: bold
}

.company-tbl td {
  padding: 20px 0 20px 20px
}

@media screen and (max-width:768px) {
  .company-tbl th {
    width: 82px;
    min-width: 82px;
    padding: 2.9% 0
  }

  .company-tbl td {
    padding: 2.9% 0 2.9% 2.9%
  }
}

.hdr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  color: #333333;
  background: #FFF
}

.hdr__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%
}

.hdr__logo-link {
  display: block;
  padding: 37px 0 37px 30px;
  line-height: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out
}

.hdr__logo-link:hover {
  opacity: 0.7
}

.hdr__tgl {
  display: none
}

.hdr__menu {
  margin-left: auto
}

.hdr__nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.hdr__nav-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100px;
  padding: 10px 30px;
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.3;
  word-break: break-all;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out
}

.hdr__nav-link:hover {
  color: #0176C9
}

.hdr__tel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 210px;
  min-width: 210px;
  margin-left: 40px;
  background: -webkit-gradient(linear, left top, right top, from(#0176C9), to(#4EC5D5));
  background: linear-gradient(90deg, #0176C9 0%, #4EC5D5 100%);
  text-align: center;
  color: #FFF
}

.hdr__tel-txt {
  display: block;
  margin-bottom: 6px;
  font-size: 1.5rem;
  line-height: 1
}

.hdr__tel-num {
  font-family: "Oswald", "Arial", sans-serif;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1
}

.hdr__tel-num img {
  width: 24px;
  padding-right: 5px;
  vertical-align: baseline
}

@media screen and (min-width:769px) {
  .hdr {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999
  }

  .hdr__nav-link-inr:after {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    margin: 5px auto -11px;
    border-radius: 6px;
    background: #0176C9;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out
  }

  .hdr__nav-link:hover .hdr__nav-link-inr:after {
    opacity: 1
  }
}

@media screen and (max-width:1024px) {
  .hdr__logo-link {
    padding: 37px 0 37px 2vw
  }

  .hdr__logo-link img {
    width: 24.7vw
  }

  .hdr__nav-link {
    padding: 10px 2vw
  }

  .hdr__tel {
    margin-left: 2.9vw
  }
}

@media screen and (max-width:768px) {
  .hdr {
    display: block
  }

  .hdr__bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    background: #FFF;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999
  }

  .hdr__logo img {
    width: 211px;
    height: 22px
  }

  .hdr__logo-link {
    padding: 18px 0 18px 20px;
    -webkit-transition: padding 0.3s ease-in-out;
    transition: padding 0.3s ease-in-out
  }

  .hdr__tgl {
    display: block
  }

  .hdr__menu {
    width: 100vw;
    padding: 60px 0 0;
    background: #FFF;
    opacity: 0;
    position: fixed;
    left: 0;
    right: 0;
    top: -100vh;
    z-index: 9998;
    -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out
  }

  .hdr.is-show .hdr__menu {
    opacity: 1;
    -webkit-transform: translateY(100vh);
    transform: translateY(100vh)
  }

  .hdr__nav-list {
    display: block;
    padding: 0
  }

  .hdr__nav-item {
    border-top: 1px solid #707070
  }

  .hdr__nav-link {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 54px;
    padding: 10px 5.2%;
    line-height: 1
  }

  .hdr__tel {
    -webkit-box-orient: inherit;
    -webkit-box-direction: inherit;
    -ms-flex-direction: inherit;
    flex-direction: inherit;
    width: 100%;
    height: 54px;
    min-width: inherit;
    margin: 0;
    padding: 10px 2.6%
  }

  .hdr__tel-txt {
    margin: 0;
    font-size: min(3.9vw, 1.5rem)
  }

  .hdr__tel-num {
    padding-left: min(5.8%, 20px);
    font-size: min(6.5vw, 2.2rem)
  }

  .hdr__tel-num img {
    width: 7.6vw;
    max-width: 24px
  }
}

.nav-tgl {
  width: 58px;
  height: 58px;
  -webkit-transition: opacity cubic-bezier(0.07, 0.06, 0.08, 1.04) 0.4s;
  transition: opacity cubic-bezier(0.07, 0.06, 0.08, 1.04) 0.4s
}

.nav-tgl__icon {
  display: block;
  width: 20px;
  height: 1px;
  margin: auto;
  background: #333333;
  position: relative;
  -webkit-transition: background ease-in-out 0.3s;
  transition: background ease-in-out 0.3s
}

.nav-tgl__icon:after,
.nav-tgl__icon:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: block;
  width: 100%;
  height: 1px;
  background: #333333;
  -webkit-transition: -webkit-transform ease-in-out 0.3s;
  transition: -webkit-transform ease-in-out 0.3s;
  transition: transform ease-in-out 0.3s;
  transition: transform ease-in-out 0.3s, -webkit-transform ease-in-out 0.3s
}

.nav-tgl__icon:before {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px)
}

.nav-tgl__icon:after {
  -webkit-transform: translateY(8px);
  transform: translateY(8px)
}

.nav-tgl.is-show .nav-tgl__icon {
  background: transparent
}

.nav-tgl.is-show .nav-tgl__icon:before {
  -webkit-transform: rotate(-135deg) scale(1, 1);
  transform: rotate(-135deg) scale(1, 1)
}

.nav-tgl.is-show .nav-tgl__icon:after {
  -webkit-transform: rotate(135deg) scale(1, 1);
  transform: rotate(135deg) scale(1, 1)
}

.pgtp {
  width: 60px;
  position: fixed;
  right: 30px;
  bottom: 30px;
  opacity: 0;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transition: opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out
}

.pgtp.is-scroll {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.pgtp.is-stop {
  opacity: 1;
  position: absolute;
  bottom: inherit;
  top: -100px
}

.pgtp__link {
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.56);
  position: relative
}

.pgtp__link:before {
  content: "";
  display: block;
  width: 11px;
  height: 11px;
  margin: auto;
  border-top: 2px solid #FFF;
  border-left: 2px solid #FFF;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  bottom: -6px;
  left: 0;
  right: 0
}

.pgtp__txt {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0
}

@media screen and (max-width:768px) {
  .pgtp {
    width: 40px;
    right: 5.2%;
    bottom: 20px
  }

  .pgtp.is-stop {
    top: -70px
  }

  .pgtp__link {
    width: 40px;
    height: 40px
  }
}

.ftr {
  margin: 120px 0 0;
  position: relative
}

.ftr__inr {
  padding: 32px 0 30px;
  background: #FFF;
  border-top: 2px solid #4EC5D5
}

.ftr__copy {
  display: block;
  text-align: center;
  font-size: 1.2rem;
  font-weight: bold
}

@media screen and (max-width:768px) {
  .ftr {
    margin: 15.6vw 0 0
  }

  .ftr__inr {
    padding: 16px 0 54px;
    background: #FFF;
    border-top: 2px solid #4EC5D5
  }

  .ftr__copy {
    font-size: 1.1rem
  }
}