@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700;&family=Roboto:wght@300;400;700;&display=swap");
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block
}

audio, canvas, video {
  display: inline-block
}

audio:not([controls]) {
  display: none;
  height: 0
}

[hidden], template {
  display: none
}

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

a {
  background: transparent
}

a:focus {
  outline: thin dotted
}

a:active, a:hover {
  outline: 0
}

h1 {
  font-size: 2em;
  margin: 0.67em 0
}

abbr[title] {
  border-bottom: 1px dotted
}

b, strong, .strong {
  font-weight: bold
}

dfn, em, .em {
  font-style: italic
}

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0
}

p {
  -webkit-hyphens: auto;
  -epub-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto
}

pre {
  margin: 0
}

code, kbd, pre, samp {
  font-family: monospace, serif;
  font-size: 1em
}

pre {
  white-space: pre-wrap
}

q {
  quotes: "\201C" "\201D" "\2018" "\2019"
}

q:before, q:after {
  content: '';
  content: none
}

small, .small {
  font-size: 75%
}

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

sup {
  top: -0.5em
}

sub {
  bottom: -0.25em
}

dl, menu, ol, ul {
  margin: 1em 0
}

dd {
  margin: 0
}

menu {
  padding: 0 0 0 40px
}

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

nav ul, nav ol {
  list-style: none;
  list-style-image: none
}

img {
  border: 0
}

svg:not(:root) {
  overflow: hidden
}

figure {
  margin: 0
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em
}

legend {
  border: 0;
  padding: 0
}

button, input, select, textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0
}

button, input {
  line-height: normal
}

button, select {
  text-transform: none
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer
}

button[disabled], html input[disabled] {
  cursor: default
}

input[type="checkbox"], input[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0
}

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0
}

textarea {
  overflow: auto;
  vertical-align: top
}

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

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.image-replacement, .ir {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden
}

.clearfix, .cf {
  zoom: 1
}

.clearfix:before, .clearfix:after, .cf:before, .cf:after {
  content: "";
  display: table
}

.clearfix:after, .cf:after {
  clear: both
}

span.amp {
  font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif !important;
  font-style: italic
}

p {
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  -webkit-hyphenate-before: 2;
  -webkit-hyphenate-after: 3;
  hyphenate-lines: 3;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1
}

.last-col {
  float: right;
  padding-right: 0 !important
}

@media (max-width: 767px) {
  .m-all {
    float: left;
    padding-right: 0.75em;
    width: 100%;
    padding-right: 0
  }
  .m-1of2 {
    float: left;
    padding-right: 0.75em;
    width: 50%
  }
  .m-1of3 {
    float: left;
    padding-right: 0.75em;
    width: 33.33%
  }
  .m-2of3 {
    float: left;
    padding-right: 0.75em;
    width: 66.66%
  }
  .m-1of4 {
    float: left;
    padding-right: 0.75em;
    width: 25%
  }
  .m-3of4 {
    float: left;
    padding-right: 0.75em;
    width: 75%
  }
}

@media (min-width: 768px) and (max-width: 1029px) {
  .t-all {
    float: left;
    padding-right: 0.75em;
    width: 100%;
    padding-right: 0
  }
  .t-1of2 {
    float: left;
    padding-right: 0.75em;
    width: 50%
  }
  .t-1of3 {
    float: left;
    padding-right: 0.75em;
    width: 33.33%
  }
  .t-2of3 {
    float: left;
    padding-right: 0.75em;
    width: 66.66%
  }
  .t-1of4 {
    float: left;
    padding-right: 0.75em;
    width: 25%
  }
  .t-3of4 {
    float: left;
    padding-right: 0.75em;
    width: 75%
  }
  .t-1of5 {
    float: left;
    padding-right: 0.75em;
    width: 20%
  }
  .t-2of5 {
    float: left;
    padding-right: 0.75em;
    width: 40%
  }
  .t-3of5 {
    float: left;
    padding-right: 0.75em;
    width: 60%
  }
  .t-4of5 {
    float: left;
    padding-right: 0.75em;
    width: 80%
  }
}

@media (min-width: 1030px) {
  .d-all {
    float: left;
    padding-right: 0.75em;
    width: 100%;
    padding-right: 0
  }
  .d-1of2 {
    float: left;
    padding-right: 0.75em;
    width: 50%
  }
  .d-1of3 {
    float: left;
    padding-right: 0.75em;
    width: 33.33%
  }
  .d-2of3 {
    float: left;
    padding-right: 0.75em;
    width: 66.66%
  }
  .d-1of4 {
    float: left;
    padding-right: 0.75em;
    width: 25%
  }
  .d-3of4 {
    float: left;
    padding-right: 0.75em;
    width: 75%
  }
  .d-1of5 {
    float: left;
    padding-right: 0.75em;
    width: 20%
  }
  .d-2of5 {
    float: left;
    padding-right: 0.75em;
    width: 40%
  }
  .d-3of5 {
    float: left;
    padding-right: 0.75em;
    width: 60%
  }
  .d-4of5 {
    float: left;
    padding-right: 0.75em;
    width: 80%
  }
  .d-1of6 {
    float: left;
    padding-right: 0.75em;
    width: 16.6666666667%
  }
  .d-1of7 {
    float: left;
    padding-right: 0.75em;
    width: 14.2857142857%
  }
  .d-2of7 {
    float: left;
    padding-right: 0.75em;
    width: 28.5714286%
  }
  .d-3of7 {
    float: left;
    padding-right: 0.75em;
    width: 42.8571429%
  }
  .d-4of7 {
    float: left;
    padding-right: 0.75em;
    width: 57.1428572%
  }
  .d-5of7 {
    float: left;
    padding-right: 0.75em;
    width: 71.4285715%
  }
  .d-6of7 {
    float: left;
    padding-right: 0.75em;
    width: 85.7142857%
  }
  .d-1of8 {
    float: left;
    padding-right: 0.75em;
    width: 12.5%
  }
  .d-1of9 {
    float: left;
    padding-right: 0.75em;
    width: 11.1111111111%
  }
  .d-1of10 {
    float: left;
    padding-right: 0.75em;
    width: 10%
  }
  .d-1of11 {
    float: left;
    padding-right: 0.75em;
    width: 9.09090909091%
  }
  .d-1of12 {
    float: left;
    padding-right: 0.75em;
    width: 8.33%
  }
}

.btn, .btn:visited, .big_btn {
  display: inline-block;
  position: relative;
  z-index: 1;
  line-height: 1;
  font-weight: 700;
  cursor: pointer;
  padding: .5rem 1.5rem;
  -webkit-transition: .1s ease-in-out;
  -o-transition: .1s ease-in-out;
  transition: .1s ease-in-out;
  border-radius: 5px;
  text-align: center
}

.btn:hover, .big_btn:hover, .btn:focus, .big_btn:focus {
  text-decoration: none;
  outline: none
}

.btn:active, .big_btn:active {
  top: 1px
}

.btn i, .btn:visited i, .big_btn i {
  margin-left: .5rem
}

.btn, .btn:visited {
  background: #fff;
  color: #f25b1d
}

.btn:hover, .btn:focus, .btn:visited:hover, .btn:visited:focus {
  color: #fff;
  background: #f25b1d
}

.big_btn {
  font-size: 2rem;
  line-height: 2.94rem;
  padding: .5rem 2.5rem
}

.round_btn {
  border-radius: 1000px
}

body {
  font-family: "Roboto", "Noto Sans JP", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5rem;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: rgba(0, 0, 0, 0.87)
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom
}

header, main, footer {
  text-align: center
}

header .inner, main .inner, footer .inner {
  text-align: left
}

section {
  overflow: hidden
}

section.orange_bg {
  background: #f25b1d;
  color: rgba(255, 255, 255, 0.87)
}

section.white_bg {
  background: #fff
}

section.gray_bg {
  background: #FAFCFD
}

section.blue_bg {
  background: #012f4c;
  color: rgba(255, 255, 255, 0.87)
}

.inner {
  padding: 5rem 0;
  margin-right: auto;
  margin-left: auto;
  max-width: 100%
}

.inner+*:first-child {
  margin-top: 0
}

.inner+*:last-child {
  margin-bottom: 0
}

.main_wid {
  width: calc(1040px + 1.5rem * 2);
  padding-right: 1.5rem;
  padding-left: 1.5rem
}

.br-sp {
  display: none
}

a, a:visited {
  color: #000;
  text-decoration: none
}

a:hover, a:focus, a:visited:hover, a:visited:focus {
  color: rgba(0, 0, 0, 0.54);
  -webkit-transition: .1s ease-in-out;
  -o-transition: .1s ease-in-out;
  transition: .1s ease-in-out
}

a:link, a:visited:link {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3)
}

a.disabled, a:visited.disabled {
  pointer-events: none
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  text-rendering: optimizelegibility;
  font-weight: 500;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  word-break: break-all
}

h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
  text-decoration: none
}

.section_title {
  text-align: center;
  font-size: 2rem;
  line-height: 2.94rem;
  font-weight: 700;
  margin: 0 auto 3.5rem
}

.section_title span {
  display: block;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1;
  color: rgba(3, 103, 166, 0.87);
  margin: 0 auto .5rem
}

.section_title:after {
  content: "";
  display: block;
  width: 10%;
  height: 0.25rem;
  background: #0367a6;
  margin: 1.5rem auto 0
}

.small_title {
  font-size: 1.33333rem;
  line-height: 2rem;
  font-weight: 700
}

.small_txt {
  font-size: .8rem;
  line-height: 1.19rem;
  color: rgba(0, 0, 0, 0.54)
}

p.center {
  text-align: center
}

p.right{
	text-align: right
}

.strike {
  position: relative
}

.strike:after {
  content: "";
  width: 80%;
  height: 0.25rem;
  background: #f25757;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

header {
  background: #0367a6;
  position: relative
}

header .inner {
  width: calc(1040px + 1.5rem * 2);
  padding: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

header a, header a:visited {
  color: #fff
}

header a:hover, header a:focus, header a:visited:hover, header a:visited:focus {
  color: rgba(255, 255, 255, 0.54)
}

header h1 {
  margin: 0;
  font-size: 2rem;
  line-height: 2.94rem;
  line-height: 1;
  font-weight: 300
}

header h1 span {
  font-weight: 700
}

header .navbarBtn {
  display: none
}

ul.nav {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

ul.nav li {
  margin: 0 2.5rem 0 0
}

ul.nav li:last-child {
  margin: 0
}

footer {
  background: #011f33;
  color: rgba(255, 255, 255, 0.54)
}

footer .inner {
  width: calc(1040px + 1.5rem * 2);
  padding: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

footer a, footer a:visited {
  color: #fff
}

footer a:hover, footer a:focus, footer a:visited:hover, footer a:visited:focus {
  color: rgba(255, 255, 255, 0.54)
}

footer .copy {
  margin: 0;
  font-size: .8rem;
  line-height: 1.19rem
}

#fv {
  background: url("../img/sebastian-herrmann-O2o1hzDA7iE-unsplash.jpg") no-repeat center center;
  background-size: cover;
  color: #fff
}

#fv .inner {
  position: relative;
  z-index: 1
}

#fv .txt>p:first-child {
  display: inline-block;
  font-weight: 700;
  margin: 0;
  margin: 0 0;
  position: relative
}

#fv .txt>p:first-child:after {
  position: absolute;
  bottom: -.25rem;
  left: 0;
  width: 100%;
  height: 0.25rem;
  content: "";
  background: #fff
}

#fv .txt h1 {
  margin: 1.5rem 0;
  font-size: 2.66667rem;
  line-height: 3.94rem;
  font-weight: 700
}

#fv .txt .point {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#fv .txt .point li {
  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;
  margin: 0 1rem 0 0;
  background: #fff;
  text-align: center;
  color: rgba(3, 103, 166, 0.87);
  position: relative;
  width: 150px;
  height: 150px;
  border-radius: 100%
}

#fv .txt .point li strong {
  color: rgba(242, 87, 87, 0.87)
}

#fv .txt .point li:before {
  content: "";
  display: block;
  padding-top: 100%
}

#fv .txt .point li .point_inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  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
}

#fv .txt .point li:last-child {
  margin: 0
}

#fv .txt .point li p {
  margin: 0;
  font-weight: 700
}

#fv .txt .point li:first-child p {
  font-size: 2rem;
  line-height: 2.94rem
}

#fv .txt .limited {
  margin: 2rem 0 0;
  display: inline-block;
  text-align: center;
  font-size: 1.33333rem;
  line-height: 2rem;
  color: rgba(3, 103, 166, 0.87);
  font-weight: 700;
  background: #fff;
  line-height: 1;
  padding: .5rem 2.5rem;
  border-radius: 5px;
  position: relative
}

#fv .txt .limited strong {
  color: rgba(242, 87, 87, 0.87)
}

#fv .txt .limited:before {
  content: "";
  position: absolute;
  top: -2.5rem;
  left: 3.75rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 0;
  height: 0;
  border: 1rem solid transparent;
  border-bottom: 1.5rem solid #fff
}

#fv .pic {
  max-width: 50%;
  position: absolute;
  right: 1.5rem;
  bottom: 0%;
  z-index: -1
}

#fv .pic img {
  display: block
}

.offer .inner {
  text-align: center
}

.offer .inner p {
  font-size: 2rem;
  line-height: 2.94rem;
  font-weight: 700;
  margin: 0
}

.offer .inner .btn {
  margin: 2rem auto 0;
  font-size: 2rem;
  line-height: 2.94rem;
  border-radius: 1000px;
  padding: 1.5rem 3rem;
  -webkit-box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.12)
}

.offer .inner .btn:hover, .offer .inner .btn:focus {
  background: #f2f2f2;
  color: #f25b1d;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.12)
}

#service h2, #service p {
  text-align: center
}

#terms h2, #termsp {
  text-align: left
}

#service .box {
  padding-bottom: 0
}

#service .box h3 {
  color: rgba(3, 103, 166, 0.87);
  margin: 0 0 2.5rem;
  font-size: 1.33333rem;
  line-height: 2rem;
  font-weight: 700
}

#service .box ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 0
}

#service .box ul li {
  width: 22.75%;
  margin: 0 3% 2.5rem 0;
  color: rgba(0, 0, 0, 0.54)
}

#service .box ul li:nth-child(4n) {
  margin: 0 0 2.5rem
}

#service .box ul li i {
  margin-right: .5rem;
  vertical-align: middle;
  font-size: 2rem;
  line-height: 2.94rem;
  color: rgba(3, 103, 166, 0.87)
}

#service .dl_box {
  padding-bottom: 1rem
}

#service .dl_box ul li {
  margin: 0 3% 1.5rem 0;
  color: rgba(0, 0, 0, 0.54)
}

#service .dl_box ul li:nth-child(4n) {
  margin: 0 0 1.5rem
}

.big_txt strong, .mid_txt strong {
  color: rgba(3, 103, 166, 0.87)
}

.big_txt {
  font-size: 2rem;
  line-height: 2.94rem;
  margin-top: 3.5rem
}

.mid_txt {
  font-size: 1.33333rem;
  line-height: 2rem
}

.gray_box {
  background: rgba(3, 103, 166, 0.05)
}

.box {
  border-radius: 5px;
  padding: 2.5rem
}

#price .inner {
  text-align: center
}

#price .biggest_txt {
  margin-bottom: 0;
  font-size: 2rem;
  line-height: 2.94rem;
  font-weight: 700
}

#price .biggest_txt .blue {
  color: rgba(3, 103, 166, 0.87)
}

#price .biggest_txt .strike:after {
  width: 100%
}

#price .biggest_txt strong {
  font-size: 2.66667rem;
  line-height: 3.94rem
}

#price .red_bg {
  display: inline-block;
  margin: 1.5rem auto 0;
  font-size: 2rem;
  line-height: 2.94rem;
  padding: .5rem 2.5rem;
  background: #f25757;
  font-weight: 700;
  color: #fff;
  position: relative
}

#price .red_bg strong {
  color: #f2f06f
}

#price .red_bg:before {
  content: "";
  position: absolute;
  top: -2.5rem;
  left: 0;
  left: 35%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 0;
  height: 0;
  border: 1rem solid transparent;
  border-bottom: 1.5rem solid #f25757
}

#price .mid_txt {
  font-weight: 700;
  margin: 2.5rem auto 0
}

.flow_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.flow_list li {
  width: calc(90% / 3);
  text-align: center;
  background: rgba(3, 103, 166, 0.05);
  position: relative;
  z-index: 1;
  border-radius: 100%
}

.flow_list li p {
  margin: 0
}

.flow_list li .num {
  color: rgba(3, 103, 166, 0.87);
  font-weight: 700;
  margin: 0 auto 1.5rem
}

.flow_list li i {
  margin: 1.5rem auto;
  color: #0367a6;
  font-size: 4rem;
  line-height: 5.88rem
}

.flow_list li:before {
  content: "";
  display: block;
  padding-top: 100%
}

.flow_list li .flow_list_inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  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
}

.flow_list li.arw {
  width: 5%;
  background: none
}

.flow_list li.arw:before {
  display: none
}

.flow_list li.arw i {
  font-size: 2rem;
  line-height: 2.94rem;
  color: rgba(3, 103, 166, 0.34)
}

#faq a, #faq a:visited {
  color: rgba(3, 103, 166, 0.87);
  text-decoration: underline
}

#faq a:hover, #faq a:focus, #faq a:visited:hover, #faq a:visited:focus {
  color: rgba(242, 87, 87, 0.87)
}

.faq_list dt, .faq_list dd {
  background: #fff;
  padding: 2.5rem
}

.faq_list dt {
  border-radius: 5px 5px 0px 0px;
  font-size: 1.33333rem;
  line-height: 2rem;
  font-weight: 700;
  position: relative;
  padding-bottom: 0
}

.faq_list dt:after {
  margin-top: 1.5rem;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: rgba(0, 0, 0, 0.12)
}

.faq_list dt span {
  color: rgba(3, 103, 166, 0.87);
  font-size: 2rem;
  line-height: 2.94rem
}

.faq_list dd {
  padding-top: 1.5rem;
  border-radius: 0px 0px 5px 5px;
  margin: 0 auto 1.5rem;
  color: rgba(0, 0, 0, 0.54)
}

.com_list {
  margin: 0
}

.com_list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  padding: 0 0 1rem;
  margin: 0 0 1rem
}

.com_list li p {
  margin: 0 1rem 0 0;
  font-weight: 700
}

.com_list li p:last-child {
  margin: 0;
  color: rgba(255, 255, 255, 0.54);
  font-weight: 400
}

.com_list li:last-child {
  border: none;
  padding: 0;
  margin: 0
}

.com_list a, .com_list a:visited {
  color: #fff
}

.com_list a:hover, .com_list a:focus, .com_list a:visited:hover, .com_list a:visited:focus {
  color: rgba(255, 255, 255, 0.54)
}
.termsLi{
  	margin: 0.5rem auto
}

@media only screen and (max-width: 1030px) {
  .flow_list li .num {
    margin: 0 auto 1rem
  }
  .flow_list li i {
    margin: 1rem auto
  }
  .flow_list li .mid_txt {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 700
  }
}

@media only screen and (max-width: 768px) {
  header .navbarBtn {
    display: block;
    width: 1.5rem;
    position: absolute;
    top: 1.75rem;
    right: 1.5rem;
    z-index: 10
  }
  header .navbarBtn .menuTrigger {
    width: 1.5rem;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff
  }
  header .navbarBtn .menuTrigger .bdr {
    display: block;
    width: 100%;
    height: 2px;
    background: #fff;
    margin: .5rem 0
  }
  header nav {
    z-index: 10;
    height: 100%;
    width: 40%;
    position: fixed;
    top: 0;
    right: 0;
    left: auto;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: .1s ease-in-out;
    -o-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
    background: #03578d;
    padding: 2.5rem
  }
  header nav ul.nav {
    margin: 2.5rem 0 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
  }
  header nav ul.nav li {
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    margin: 0
  }
  header nav ul.nav li a {
    display: block;
    padding: 1rem 0
  }
  header nav ul.nav li .btn {
    width: 100%
  }
  header nav ul.nav li:last-child {
    margin-top: 2rem
  }
  header nav.open {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
  }
  #fv .txt {
    text-align: center
  }
  #fv .txt h1 {
    font-size: 2rem;
    line-height: 2.94rem;
    margin: 1.5rem auto 2.5rem
  }
  #fv .txt .point {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
  #fv .txt .limited:before {
    left: 2.35rem
  }
  #fv .pic {
    position: static;
    margin: 2.5rem auto 0
  }
  #service .box ul li {
    width: calc(94% / 3);
    margin: 0 3% 2.5rem 0
  }
  #service .box ul li:nth-child(3n) {
    margin: 0 0 2.5rem 0
  }
  #service .box ul li:nth-child(4n) {
    margin: 0 3% 2.5rem 0
  }
  .flow_list li .num {
    margin: 0 auto
  }
  .flow_list li i {
    font-size: 2.66667rem;
    line-height: 3.94rem;
    margin: .5rem auto
  }
  .flow_list li.arw i {
    font-size: 1rem;
    line-height: 1.5rem
  }
}

@media only screen and (max-width: 481px) {
  .br-sp {
    display: block
  }
  .inner {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem
  }
  header nav {
    width: 80%
  }
  footer .inner a, footer .inner a:visited {
    font-size: .8rem;
    line-height: 1.19rem
  }
  #fv .inner {
    padding-bottom: 0
  }
  #fv .txt .point li {
    height: auto;
    width: 100%;
    margin: 0 .5rem 0 0
  }
  #fv .txt .point li p {
    font-size: .8rem;
    line-height: 1.19rem
  }
  #fv .txt .point li:first-child p {
    font-size: 1.33333rem;
    line-height: 2rem
  }
  #fv .txt .limited {
    width: 100%;
    line-height: 1.25
  }
  #fv .pic {
    position: static;
    margin: 2.5rem auto 0;
    max-width: 100%
  }
  .offer .inner {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
  }
  .offer .inner p {
    font-size: 1.33333rem;
    line-height: 2rem
  }
  .offer .inner .btn {
    width: 100%;
    font-size: 1.33333rem;
    line-height: 2rem;
    letter-spacing: -.2rem;
    padding-left: .5rem;
    padding-right: .5rem
  }
  .big_txt {
    font-size: 1.33333rem;
    line-height: 2rem
  }
  .mid_txt {
    font-size: 1rem;
    line-height: 1.5rem
  }
  #service .box {
    padding-bottom: 1.5rem
  }
  #service .box ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
  #service .box ul li {
    width: 100%;
    margin: 0 0 1rem 0
  }
  #service .box ul li:nth-child(4n), #service .box ul li:nth-child(3n) {
    margin: 0 0 1rem
  }
  #service .box ul li i {
    font-size: 1rem;
    line-height: 1.5rem
  }
  #price .red_bg {
    font-size: 1.33333rem;
    line-height: 2rem
  }
  .flow_list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .flow_list li {
    width: 70%
  }
  .flow_list li.arw i {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
  }
  .faq_list dt {
    font-size: 1rem;
    line-height: 1.5rem
  }
  .faq_list dt span {
    font-size: 1.33333rem;
    line-height: 2rem
  }
  .com_list li p {
    width: 40%
  }
  .com_list li p:last-child {
    width: 60%
  }
}

@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    -webkit-filter: none !important;
    filter: none !important;
    -ms-filter: none !important
  }
  a, a:visited {
    color: #444 !important;
    text-decoration: underline
  }
  a:after, a:visited:after {
    content: " (" attr(href) ")"
  }
  a abbr[title]:after, a:visited abbr[title]:after {
    content: " (" attr(title) ")"
  }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: ""
  }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid
  }
  thead {
    display: table-header-group
  }
  tr, img {
    page-break-inside: avoid
  }
  img {
    max-width: 100% !important
  }
  @page {
    margin: 0.5cm
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3
  }
  h2, h3 {
    page-break-after: avoid
  }
  .sidebar, .page-navigation, .wp-prev-next, .respond-form, nav {
    display: none
  }
}