@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900&subset=japanese");
@import url("https://fonts.googleapis.com/css?family=Noto+Serif+JP");
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
/* line 37, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--xs {
  font-size: 0.7142857143rem !important;
}

/* line 40, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--sm {
  font-size: 0.8571428571rem !important;
}

/* line 43, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--default {
  font-size: 1rem !important;
}

/* line 46, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--md {
  font-size: 1.1428571429rem !important;
}

/* line 49, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--lg {
  font-size: 1.2857142857rem !important;
}

/* line 52, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--xl {
  font-size: 1.5714285714rem !important;
}

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
/* line 6, app/assets/stylesheets/mypage/import/_reset.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
/* line 27, app/assets/stylesheets/mypage/import/_reset.scss */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

/* line 31, app/assets/stylesheets/mypage/import/_reset.scss */
body {
  line-height: 1;
}

/* line 34, app/assets/stylesheets/mypage/import/_reset.scss */
ol, ul {
  list-style: none;
}

/* line 37, app/assets/stylesheets/mypage/import/_reset.scss */
blockquote, q {
  quotes: none;
}

/* line 40, app/assets/stylesheets/mypage/import/_reset.scss */
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* line 45, app/assets/stylesheets/mypage/import/_reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 37, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--xs {
  font-size: 0.7142857143rem !important;
}

/* line 40, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--sm {
  font-size: 0.8571428571rem !important;
}

/* line 43, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--default {
  font-size: 1rem !important;
}

/* line 46, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--md {
  font-size: 1.1428571429rem !important;
}

/* line 49, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--lg {
  font-size: 1.2857142857rem !important;
}

/* line 52, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--xl {
  font-size: 1.5714285714rem !important;
}

/* line 3, app/assets/stylesheets/mypage/import/_base.sass */
html {
  font-size: 14px;
}

/* line 5, app/assets/stylesheets/mypage/import/_base.sass */
body {
  color: #3e4549;
  font-size: 1rem;
  line-height: 1.85;
  background-color: #fff;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 400;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-print-color-adjust: exact;
}

/* line 15, app/assets/stylesheets/mypage/import/_base.sass */
a {
  display: inline-block;
  color: #00afdd;
  -webkit-transition-property: background-color,opacity,color,border-color,-webkit-box-shadow;
  transition-property: background-color,opacity,color,border-color,-webkit-box-shadow;
  transition-property: background-color,opacity,color,border-color,box-shadow;
  transition-property: background-color,opacity,color,border-color,box-shadow,-webkit-box-shadow;
  -webkit-transition-duration: .6s;
          transition-duration: .6s;
  text-decoration: none;
}

/* line 21, app/assets/stylesheets/mypage/import/_base.sass */
a:hover {
  color: #0087aa;
  text-decoration: underline;
}

/* line 24, app/assets/stylesheets/mypage/import/_base.sass */
a img {
  border: none;
}

/* line 26, app/assets/stylesheets/mypage/import/_base.sass */
a img:hover, a img:active {
  opacity: .8;
}

/* line 29, app/assets/stylesheets/mypage/import/_base.sass */
img {
  max-width: 100%;
  height: auto;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  vertical-align: bottom;
}

/* line 35, app/assets/stylesheets/mypage/import/_base.sass */
iframe {
  border: none;
}

/* line 37, app/assets/stylesheets/mypage/import/_base.sass */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  line-height: 1.5;
}

/* line 45, app/assets/stylesheets/mypage/import/_base.sass */
h1 {
  font-size: 2.7142857143rem;
}

@media (max-width: 767px) {
  /* line 45, app/assets/stylesheets/mypage/import/_base.sass */
  h1 {
    font-size: 2.1428571429rem;
  }
}

/* line 49, app/assets/stylesheets/mypage/import/_base.sass */
h2 {
  font-size: 2.1428571429rem;
}

@media (max-width: 767px) {
  /* line 49, app/assets/stylesheets/mypage/import/_base.sass */
  h2 {
    font-size: 1.5714285714rem;
  }
}

/* line 53, app/assets/stylesheets/mypage/import/_base.sass */
h3 {
  font-size: 1.5714285714rem;
}

@media (max-width: 767px) {
  /* line 53, app/assets/stylesheets/mypage/import/_base.sass */
  h3 {
    font-size: 1.2857142857rem;
  }
}

/* line 57, app/assets/stylesheets/mypage/import/_base.sass */
h4 {
  font-size: 1.2857142857rem;
}

@media (max-width: 767px) {
  /* line 57, app/assets/stylesheets/mypage/import/_base.sass */
  h4 {
    font-size: 1.1428571429rem;
  }
}

/* line 61, app/assets/stylesheets/mypage/import/_base.sass */
a {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

/* line 64, app/assets/stylesheets/mypage/import/_base.sass */
figure {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: bottom;
}

/* line 69, app/assets/stylesheets/mypage/import/_base.sass */
*:focus {
  outline: none;
}

/* line 71, app/assets/stylesheets/mypage/import/_base.sass */
a,
area,
button,
[role="button"],
input:not([type="range"]),
label,
select,
summary,
textarea {
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}

/* line 81, app/assets/stylesheets/mypage/import/_base.sass */
label {
  display: inline-block;
}

/* line 83, app/assets/stylesheets/mypage/import/_base.sass */
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

/* line 92, app/assets/stylesheets/mypage/import/_base.sass */
button,
input {
  overflow: visible;
}

/* line 95, app/assets/stylesheets/mypage/import/_base.sass */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: none;
}

/* line 100, app/assets/stylesheets/mypage/import/_base.sass */
[type="submit"] {
  -webkit-transition-property: background-color,opacity,color,border-color,-webkit-box-shadow;
  transition-property: background-color,opacity,color,border-color,-webkit-box-shadow;
  transition-property: background-color,opacity,color,border-color,box-shadow;
  transition-property: background-color,opacity,color,border-color,box-shadow,-webkit-box-shadow;
  -webkit-transition-duration: 0.6s;
          transition-duration: 0.6s;
}

/* line 103, app/assets/stylesheets/mypage/import/_base.sass */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

/* line 109, app/assets/stylesheets/mypage/import/_base.sass */
input[type="radio"],
input[type="checkbox"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

/* line 113, app/assets/stylesheets/mypage/import/_base.sass */
textarea {
  overflow: auto;
  resize: vertical;
}

/*!
 * Bootstrap Grid v4.2.1 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/* line 7, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

/* line 12, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

/* line 18, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  max-width: 1010px;
}

/* line 27, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

/* line 35, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.row {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

/* line 44, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

/* line 49, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

/* line 55, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

/* line 67, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  -webkit-box-flex: 1;
          flex-grow: 1;
  max-width: 100%;
}

/* line 75, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.col-auto {
  -ms-flex: 0 0 auto;
  -webkit-box-flex: 0;
          flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

/* line 82, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.col-1 {
  -ms-flex: 0 0 8.333333%;
  -webkit-box-flex: 0;
          flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

/* line 88, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.col-2 {
  -ms-flex: 0 0 16.666667%;
  -webkit-box-flex: 0;
          flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

/* line 94, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.col-3 {
  -ms-flex: 0 0 25%;
  -webkit-box-flex: 0;
          flex: 0 0 25%;
  max-width: 25%;
}

/* line 100, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.col-4 {
  -ms-flex: 0 0 33.333333%;
  -webkit-box-flex: 0;
          flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

/* line 106, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.col-5 {
  -ms-flex: 0 0 41.666667%;
  -webkit-box-flex: 0;
          flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

/* line 112, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.col-6 {
  -ms-flex: 0 0 50%;
  -webkit-box-flex: 0;
          flex: 0 0 50%;
  max-width: 50%;
}

/* line 118, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.col-7 {
  -ms-flex: 0 0 58.333333%;
  -webkit-box-flex: 0;
          flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

/* line 124, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.col-8 {
  -ms-flex: 0 0 66.666667%;
  -webkit-box-flex: 0;
          flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

/* line 130, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.col-9 {
  -ms-flex: 0 0 75%;
  -webkit-box-flex: 0;
          flex: 0 0 75%;
  max-width: 75%;
}

/* line 136, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.col-10 {
  -ms-flex: 0 0 83.333333%;
  -webkit-box-flex: 0;
          flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

/* line 142, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.col-11 {
  -ms-flex: 0 0 91.666667%;
  -webkit-box-flex: 0;
          flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

/* line 148, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.col-12 {
  -ms-flex: 0 0 100%;
  -webkit-box-flex: 0;
          flex: 0 0 100%;
  max-width: 100%;
}

/* line 154, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.order-first {
  -ms-flex-order: -1;
  -webkit-box-ordinal-group: 0;
          order: -1;
}

/* line 159, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.order-last {
  -ms-flex-order: 13;
  -webkit-box-ordinal-group: 14;
          order: 13;
}

/* line 164, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.order-0 {
  -ms-flex-order: 0;
  -webkit-box-ordinal-group: 1;
          order: 0;
}

/* line 169, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.order-1 {
  -ms-flex-order: 1;
  -webkit-box-ordinal-group: 2;
          order: 1;
}

/* line 174, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.order-2 {
  -ms-flex-order: 2;
  -webkit-box-ordinal-group: 3;
          order: 2;
}

/* line 179, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.order-3 {
  -ms-flex-order: 3;
  -webkit-box-ordinal-group: 4;
          order: 3;
}

/* line 184, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.order-4 {
  -ms-flex-order: 4;
  -webkit-box-ordinal-group: 5;
          order: 4;
}

/* line 189, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.order-5 {
  -ms-flex-order: 5;
  -webkit-box-ordinal-group: 6;
          order: 5;
}

/* line 194, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.order-6 {
  -ms-flex-order: 6;
  -webkit-box-ordinal-group: 7;
          order: 6;
}

/* line 199, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.order-7 {
  -ms-flex-order: 7;
  -webkit-box-ordinal-group: 8;
          order: 7;
}

/* line 204, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.order-8 {
  -ms-flex-order: 8;
  -webkit-box-ordinal-group: 9;
          order: 8;
}

/* line 209, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.order-9 {
  -ms-flex-order: 9;
  -webkit-box-ordinal-group: 10;
          order: 9;
}

/* line 214, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.order-10 {
  -ms-flex-order: 10;
  -webkit-box-ordinal-group: 11;
          order: 10;
}

/* line 219, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.order-11 {
  -ms-flex-order: 11;
  -webkit-box-ordinal-group: 12;
          order: 11;
}

/* line 224, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.order-12 {
  -ms-flex-order: 12;
  -webkit-box-ordinal-group: 13;
          order: 12;
}

/* line 229, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.offset-1 {
  margin-left: 8.333333%;
}

/* line 233, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.offset-2 {
  margin-left: 16.666667%;
}

/* line 237, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.offset-3 {
  margin-left: 25%;
}

/* line 241, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.offset-4 {
  margin-left: 33.333333%;
}

/* line 245, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.offset-5 {
  margin-left: 41.666667%;
}

/* line 249, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.offset-6 {
  margin-left: 50%;
}

/* line 253, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.offset-7 {
  margin-left: 58.333333%;
}

/* line 257, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.offset-8 {
  margin-left: 66.666667%;
}

/* line 261, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.offset-9 {
  margin-left: 75%;
}

/* line 265, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.offset-10 {
  margin-left: 83.333333%;
}

/* line 269, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.offset-11 {
  margin-left: 91.666667%;
}

@media (min-width: 576px) {
  /* line 274, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  /* line 281, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .col-sm-auto {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  /* line 287, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  /* line 292, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  /* line 297, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .col-sm-3 {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
            flex: 0 0 25%;
    max-width: 25%;
  }
  /* line 302, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  /* line 307, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  /* line 312, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .col-sm-6 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%;
  }
  /* line 317, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  /* line 322, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  /* line 327, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .col-sm-9 {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
            flex: 0 0 75%;
    max-width: 75%;
  }
  /* line 332, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  /* line 337, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  /* line 342, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .col-sm-12 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
  }
  /* line 347, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .order-sm-first {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
            order: -1;
  }
  /* line 351, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .order-sm-last {
    -ms-flex-order: 13;
    -webkit-box-ordinal-group: 14;
            order: 13;
  }
  /* line 355, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .order-sm-0 {
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
            order: 0;
  }
  /* line 359, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .order-sm-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
            order: 1;
  }
  /* line 363, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .order-sm-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
            order: 2;
  }
  /* line 367, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .order-sm-3 {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
            order: 3;
  }
  /* line 371, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .order-sm-4 {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
            order: 4;
  }
  /* line 375, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .order-sm-5 {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 6;
            order: 5;
  }
  /* line 379, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .order-sm-6 {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 7;
            order: 6;
  }
  /* line 383, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .order-sm-7 {
    -ms-flex-order: 7;
    -webkit-box-ordinal-group: 8;
            order: 7;
  }
  /* line 387, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .order-sm-8 {
    -ms-flex-order: 8;
    -webkit-box-ordinal-group: 9;
            order: 8;
  }
  /* line 391, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .order-sm-9 {
    -ms-flex-order: 9;
    -webkit-box-ordinal-group: 10;
            order: 9;
  }
  /* line 395, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .order-sm-10 {
    -ms-flex-order: 10;
    -webkit-box-ordinal-group: 11;
            order: 10;
  }
  /* line 399, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .order-sm-11 {
    -ms-flex-order: 11;
    -webkit-box-ordinal-group: 12;
            order: 11;
  }
  /* line 403, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .order-sm-12 {
    -ms-flex-order: 12;
    -webkit-box-ordinal-group: 13;
            order: 12;
  }
  /* line 407, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .offset-sm-0 {
    margin-left: 0;
  }
  /* line 410, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .offset-sm-1 {
    margin-left: 8.333333%;
  }
  /* line 413, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  /* line 416, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .offset-sm-3 {
    margin-left: 25%;
  }
  /* line 419, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  /* line 422, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  /* line 425, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .offset-sm-6 {
    margin-left: 50%;
  }
  /* line 428, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  /* line 431, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  /* line 434, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .offset-sm-9 {
    margin-left: 75%;
  }
  /* line 437, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  /* line 440, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 768px) {
  /* line 446, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  /* line 453, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .col-md-auto {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  /* line 459, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  /* line 464, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  /* line 469, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .col-md-3 {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
            flex: 0 0 25%;
    max-width: 25%;
  }
  /* line 474, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  /* line 479, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  /* line 484, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .col-md-6 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%;
  }
  /* line 489, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  /* line 494, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  /* line 499, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .col-md-9 {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
            flex: 0 0 75%;
    max-width: 75%;
  }
  /* line 504, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  /* line 509, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  /* line 514, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .col-md-12 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
  }
  /* line 519, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .order-md-first {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
            order: -1;
  }
  /* line 523, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .order-md-last {
    -ms-flex-order: 13;
    -webkit-box-ordinal-group: 14;
            order: 13;
  }
  /* line 527, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .order-md-0 {
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
            order: 0;
  }
  /* line 531, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .order-md-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
            order: 1;
  }
  /* line 535, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .order-md-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
            order: 2;
  }
  /* line 539, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .order-md-3 {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
            order: 3;
  }
  /* line 543, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .order-md-4 {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
            order: 4;
  }
  /* line 547, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .order-md-5 {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 6;
            order: 5;
  }
  /* line 551, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .order-md-6 {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 7;
            order: 6;
  }
  /* line 555, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .order-md-7 {
    -ms-flex-order: 7;
    -webkit-box-ordinal-group: 8;
            order: 7;
  }
  /* line 559, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .order-md-8 {
    -ms-flex-order: 8;
    -webkit-box-ordinal-group: 9;
            order: 8;
  }
  /* line 563, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .order-md-9 {
    -ms-flex-order: 9;
    -webkit-box-ordinal-group: 10;
            order: 9;
  }
  /* line 567, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .order-md-10 {
    -ms-flex-order: 10;
    -webkit-box-ordinal-group: 11;
            order: 10;
  }
  /* line 571, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .order-md-11 {
    -ms-flex-order: 11;
    -webkit-box-ordinal-group: 12;
            order: 11;
  }
  /* line 575, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .order-md-12 {
    -ms-flex-order: 12;
    -webkit-box-ordinal-group: 13;
            order: 12;
  }
  /* line 579, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .offset-md-0 {
    margin-left: 0;
  }
  /* line 582, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  /* line 585, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  /* line 588, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .offset-md-3 {
    margin-left: 25%;
  }
  /* line 591, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  /* line 594, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  /* line 597, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .offset-md-6 {
    margin-left: 50%;
  }
  /* line 600, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  /* line 603, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  /* line 606, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .offset-md-9 {
    margin-left: 75%;
  }
  /* line 609, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  /* line 612, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 992px) {
  /* line 618, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  /* line 625, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .col-lg-auto {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  /* line 631, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  /* line 636, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  /* line 641, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .col-lg-3 {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
            flex: 0 0 25%;
    max-width: 25%;
  }
  /* line 646, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  /* line 651, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  /* line 656, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .col-lg-6 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%;
  }
  /* line 661, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  /* line 666, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  /* line 671, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .col-lg-9 {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
            flex: 0 0 75%;
    max-width: 75%;
  }
  /* line 676, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  /* line 681, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  /* line 686, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .col-lg-12 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
  }
  /* line 691, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .order-lg-first {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
            order: -1;
  }
  /* line 695, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .order-lg-last {
    -ms-flex-order: 13;
    -webkit-box-ordinal-group: 14;
            order: 13;
  }
  /* line 699, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .order-lg-0 {
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
            order: 0;
  }
  /* line 703, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .order-lg-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
            order: 1;
  }
  /* line 707, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .order-lg-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
            order: 2;
  }
  /* line 711, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .order-lg-3 {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
            order: 3;
  }
  /* line 715, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .order-lg-4 {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
            order: 4;
  }
  /* line 719, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .order-lg-5 {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 6;
            order: 5;
  }
  /* line 723, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .order-lg-6 {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 7;
            order: 6;
  }
  /* line 727, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .order-lg-7 {
    -ms-flex-order: 7;
    -webkit-box-ordinal-group: 8;
            order: 7;
  }
  /* line 731, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .order-lg-8 {
    -ms-flex-order: 8;
    -webkit-box-ordinal-group: 9;
            order: 8;
  }
  /* line 735, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .order-lg-9 {
    -ms-flex-order: 9;
    -webkit-box-ordinal-group: 10;
            order: 9;
  }
  /* line 739, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .order-lg-10 {
    -ms-flex-order: 10;
    -webkit-box-ordinal-group: 11;
            order: 10;
  }
  /* line 743, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .order-lg-11 {
    -ms-flex-order: 11;
    -webkit-box-ordinal-group: 12;
            order: 11;
  }
  /* line 747, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .order-lg-12 {
    -ms-flex-order: 12;
    -webkit-box-ordinal-group: 13;
            order: 12;
  }
  /* line 751, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .offset-lg-0 {
    margin-left: 0;
  }
  /* line 754, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  /* line 757, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  /* line 760, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .offset-lg-3 {
    margin-left: 25%;
  }
  /* line 763, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  /* line 766, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  /* line 769, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .offset-lg-6 {
    margin-left: 50%;
  }
  /* line 772, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  /* line 775, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  /* line 778, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .offset-lg-9 {
    margin-left: 75%;
  }
  /* line 781, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  /* line 784, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 1200px) {
  /* line 790, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  /* line 797, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .col-xl-auto {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  /* line 803, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  /* line 808, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  /* line 813, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .col-xl-3 {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
            flex: 0 0 25%;
    max-width: 25%;
  }
  /* line 818, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  /* line 823, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  /* line 828, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .col-xl-6 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%;
  }
  /* line 833, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  /* line 838, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  /* line 843, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .col-xl-9 {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
            flex: 0 0 75%;
    max-width: 75%;
  }
  /* line 848, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  /* line 853, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  /* line 858, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .col-xl-12 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
  }
  /* line 863, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .order-xl-first {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
            order: -1;
  }
  /* line 867, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .order-xl-last {
    -ms-flex-order: 13;
    -webkit-box-ordinal-group: 14;
            order: 13;
  }
  /* line 871, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .order-xl-0 {
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
            order: 0;
  }
  /* line 875, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .order-xl-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
            order: 1;
  }
  /* line 879, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .order-xl-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
            order: 2;
  }
  /* line 883, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .order-xl-3 {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
            order: 3;
  }
  /* line 887, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .order-xl-4 {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
            order: 4;
  }
  /* line 891, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .order-xl-5 {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 6;
            order: 5;
  }
  /* line 895, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .order-xl-6 {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 7;
            order: 6;
  }
  /* line 899, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .order-xl-7 {
    -ms-flex-order: 7;
    -webkit-box-ordinal-group: 8;
            order: 7;
  }
  /* line 903, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .order-xl-8 {
    -ms-flex-order: 8;
    -webkit-box-ordinal-group: 9;
            order: 8;
  }
  /* line 907, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .order-xl-9 {
    -ms-flex-order: 9;
    -webkit-box-ordinal-group: 10;
            order: 9;
  }
  /* line 911, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .order-xl-10 {
    -ms-flex-order: 10;
    -webkit-box-ordinal-group: 11;
            order: 10;
  }
  /* line 915, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .order-xl-11 {
    -ms-flex-order: 11;
    -webkit-box-ordinal-group: 12;
            order: 11;
  }
  /* line 919, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .order-xl-12 {
    -ms-flex-order: 12;
    -webkit-box-ordinal-group: 13;
            order: 12;
  }
  /* line 923, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .offset-xl-0 {
    margin-left: 0;
  }
  /* line 926, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .offset-xl-1 {
    margin-left: 8.333333%;
  }
  /* line 929, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  /* line 932, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .offset-xl-3 {
    margin-left: 25%;
  }
  /* line 935, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  /* line 938, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  /* line 941, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .offset-xl-6 {
    margin-left: 50%;
  }
  /* line 944, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  /* line 947, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  /* line 950, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .offset-xl-9 {
    margin-left: 75%;
  }
  /* line 953, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  /* line 956, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}

/* line 961, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.d-none {
  display: none !important;
}

/* line 965, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.d-inline {
  display: inline !important;
}

/* line 969, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.d-inline-block {
  display: inline-block !important;
}

/* line 973, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.d-block {
  display: block !important;
}

/* line 977, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.d-table {
  display: table !important;
}

/* line 981, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.d-table-row {
  display: table-row !important;
}

/* line 985, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.d-table-cell {
  display: table-cell !important;
}

/* line 989, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.d-flex {
  display: -ms-flexbox !important;
  display: -webkit-box !important;
  display: flex !important;
}

/* line 994, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: -webkit-inline-box !important;
  display: inline-flex !important;
}

@media (min-width: 576px) {
  /* line 1000, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .d-sm-none {
    display: none !important;
  }
  /* line 1003, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .d-sm-inline {
    display: inline !important;
  }
  /* line 1006, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .d-sm-inline-block {
    display: inline-block !important;
  }
  /* line 1009, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .d-sm-block {
    display: block !important;
  }
  /* line 1012, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .d-sm-table {
    display: table !important;
  }
  /* line 1015, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .d-sm-table-row {
    display: table-row !important;
  }
  /* line 1018, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .d-sm-table-cell {
    display: table-cell !important;
  }
  /* line 1021, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .d-sm-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important;
  }
  /* line 1025, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .d-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: inline-flex !important;
  }
}

@media (min-width: 768px) {
  /* line 1032, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .d-md-none {
    display: none !important;
  }
  /* line 1035, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .d-md-inline {
    display: inline !important;
  }
  /* line 1038, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .d-md-inline-block {
    display: inline-block !important;
  }
  /* line 1041, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .d-md-block {
    display: block !important;
  }
  /* line 1044, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .d-md-table {
    display: table !important;
  }
  /* line 1047, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .d-md-table-row {
    display: table-row !important;
  }
  /* line 1050, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .d-md-table-cell {
    display: table-cell !important;
  }
  /* line 1053, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .d-md-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important;
  }
  /* line 1057, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .d-md-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: inline-flex !important;
  }
}

@media (min-width: 992px) {
  /* line 1064, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .d-lg-none {
    display: none !important;
  }
  /* line 1067, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .d-lg-inline {
    display: inline !important;
  }
  /* line 1070, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .d-lg-inline-block {
    display: inline-block !important;
  }
  /* line 1073, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .d-lg-block {
    display: block !important;
  }
  /* line 1076, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .d-lg-table {
    display: table !important;
  }
  /* line 1079, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .d-lg-table-row {
    display: table-row !important;
  }
  /* line 1082, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .d-lg-table-cell {
    display: table-cell !important;
  }
  /* line 1085, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .d-lg-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important;
  }
  /* line 1089, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .d-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: inline-flex !important;
  }
}

@media (min-width: 1200px) {
  /* line 1096, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .d-xl-none {
    display: none !important;
  }
  /* line 1099, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .d-xl-inline {
    display: inline !important;
  }
  /* line 1102, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .d-xl-inline-block {
    display: inline-block !important;
  }
  /* line 1105, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .d-xl-block {
    display: block !important;
  }
  /* line 1108, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .d-xl-table {
    display: table !important;
  }
  /* line 1111, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .d-xl-table-row {
    display: table-row !important;
  }
  /* line 1114, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .d-xl-table-cell {
    display: table-cell !important;
  }
  /* line 1117, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .d-xl-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important;
  }
  /* line 1121, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .d-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: inline-flex !important;
  }
}

@media print {
  /* line 1128, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .d-print-none {
    display: none !important;
  }
  /* line 1131, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .d-print-inline {
    display: inline !important;
  }
  /* line 1134, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .d-print-inline-block {
    display: inline-block !important;
  }
  /* line 1137, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .d-print-block {
    display: block !important;
  }
  /* line 1140, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .d-print-table {
    display: table !important;
  }
  /* line 1143, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .d-print-table-row {
    display: table-row !important;
  }
  /* line 1146, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .d-print-table-cell {
    display: table-cell !important;
  }
  /* line 1149, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .d-print-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important;
  }
  /* line 1153, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .d-print-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: inline-flex !important;
  }
}

/* line 1159, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.flex-row {
  -ms-flex-direction: row !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
          flex-direction: row !important;
}

/* line 1164, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.flex-column {
  -ms-flex-direction: column !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
          flex-direction: column !important;
}

/* line 1169, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
          flex-direction: row-reverse !important;
}

/* line 1174, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
          flex-direction: column-reverse !important;
}

/* line 1179, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

/* line 1184, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

/* line 1189, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

/* line 1194, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.flex-fill {
  -ms-flex: 1 1 auto !important;
  -webkit-box-flex: 1 !important;
          flex: 1 1 auto !important;
}

/* line 1199, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.flex-grow-0 {
  -ms-flex-positive: 0 !important;
  -webkit-box-flex: 0 !important;
          flex-grow: 0 !important;
}

/* line 1204, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.flex-grow-1 {
  -ms-flex-positive: 1 !important;
  -webkit-box-flex: 1 !important;
          flex-grow: 1 !important;
}

/* line 1209, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}

/* line 1214, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
}

/* line 1219, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.justify-content-start {
  -ms-flex-pack: start !important;
  -webkit-box-pack: start !important;
          justify-content: flex-start !important;
}

/* line 1224, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.justify-content-end {
  -ms-flex-pack: end !important;
  -webkit-box-pack: end !important;
          justify-content: flex-end !important;
}

/* line 1229, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.justify-content-center {
  -ms-flex-pack: center !important;
  -webkit-box-pack: center !important;
          justify-content: center !important;
}

/* line 1234, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.justify-content-between {
  -ms-flex-pack: justify !important;
  -webkit-box-pack: justify !important;
          justify-content: space-between !important;
}

/* line 1239, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

/* line 1244, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.align-items-start {
  -ms-flex-align: start !important;
  -webkit-box-align: start !important;
          align-items: flex-start !important;
}

/* line 1249, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.align-items-end {
  -ms-flex-align: end !important;
  -webkit-box-align: end !important;
          align-items: flex-end !important;
}

/* line 1254, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.align-items-center {
  -ms-flex-align: center !important;
  -webkit-box-align: center !important;
          align-items: center !important;
}

/* line 1259, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.align-items-baseline {
  -ms-flex-align: baseline !important;
  -webkit-box-align: baseline !important;
          align-items: baseline !important;
}

/* line 1264, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.align-items-stretch {
  -ms-flex-align: stretch !important;
  -webkit-box-align: stretch !important;
          align-items: stretch !important;
}

/* line 1269, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}

/* line 1274, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}

/* line 1279, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

/* line 1284, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

/* line 1289, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

/* line 1294, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}

/* line 1299, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}

/* line 1304, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}

/* line 1309, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

/* line 1314, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}

/* line 1319, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}

/* line 1324, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}

@media (min-width: 576px) {
  /* line 1330, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .flex-sm-row {
    -ms-flex-direction: row !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
            flex-direction: row !important;
  }
  /* line 1334, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .flex-sm-column {
    -ms-flex-direction: column !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
            flex-direction: column !important;
  }
  /* line 1338, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .flex-sm-row-reverse {
    -ms-flex-direction: row-reverse !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
            flex-direction: row-reverse !important;
  }
  /* line 1342, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .flex-sm-column-reverse {
    -ms-flex-direction: column-reverse !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
            flex-direction: column-reverse !important;
  }
  /* line 1346, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  /* line 1350, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  /* line 1354, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  /* line 1358, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .flex-sm-fill {
    -ms-flex: 1 1 auto !important;
    -webkit-box-flex: 1 !important;
            flex: 1 1 auto !important;
  }
  /* line 1362, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .flex-sm-grow-0 {
    -ms-flex-positive: 0 !important;
    -webkit-box-flex: 0 !important;
            flex-grow: 0 !important;
  }
  /* line 1366, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .flex-sm-grow-1 {
    -ms-flex-positive: 1 !important;
    -webkit-box-flex: 1 !important;
            flex-grow: 1 !important;
  }
  /* line 1370, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  /* line 1374, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  /* line 1378, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .justify-content-sm-start {
    -ms-flex-pack: start !important;
    -webkit-box-pack: start !important;
            justify-content: flex-start !important;
  }
  /* line 1382, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .justify-content-sm-end {
    -ms-flex-pack: end !important;
    -webkit-box-pack: end !important;
            justify-content: flex-end !important;
  }
  /* line 1386, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .justify-content-sm-center {
    -ms-flex-pack: center !important;
    -webkit-box-pack: center !important;
            justify-content: center !important;
  }
  /* line 1390, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .justify-content-sm-between {
    -ms-flex-pack: justify !important;
    -webkit-box-pack: justify !important;
            justify-content: space-between !important;
  }
  /* line 1394, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  /* line 1398, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-items-sm-start {
    -ms-flex-align: start !important;
    -webkit-box-align: start !important;
            align-items: flex-start !important;
  }
  /* line 1402, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-items-sm-end {
    -ms-flex-align: end !important;
    -webkit-box-align: end !important;
            align-items: flex-end !important;
  }
  /* line 1406, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-items-sm-center {
    -ms-flex-align: center !important;
    -webkit-box-align: center !important;
            align-items: center !important;
  }
  /* line 1410, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-items-sm-baseline {
    -ms-flex-align: baseline !important;
    -webkit-box-align: baseline !important;
            align-items: baseline !important;
  }
  /* line 1414, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-items-sm-stretch {
    -ms-flex-align: stretch !important;
    -webkit-box-align: stretch !important;
            align-items: stretch !important;
  }
  /* line 1418, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  /* line 1422, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  /* line 1426, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  /* line 1430, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  /* line 1434, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  /* line 1438, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  /* line 1442, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  /* line 1446, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  /* line 1450, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  /* line 1454, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  /* line 1458, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  /* line 1462, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 768px) {
  /* line 1469, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .flex-md-row {
    -ms-flex-direction: row !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
            flex-direction: row !important;
  }
  /* line 1473, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .flex-md-column {
    -ms-flex-direction: column !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
            flex-direction: column !important;
  }
  /* line 1477, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .flex-md-row-reverse {
    -ms-flex-direction: row-reverse !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
            flex-direction: row-reverse !important;
  }
  /* line 1481, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .flex-md-column-reverse {
    -ms-flex-direction: column-reverse !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
            flex-direction: column-reverse !important;
  }
  /* line 1485, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  /* line 1489, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  /* line 1493, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  /* line 1497, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .flex-md-fill {
    -ms-flex: 1 1 auto !important;
    -webkit-box-flex: 1 !important;
            flex: 1 1 auto !important;
  }
  /* line 1501, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .flex-md-grow-0 {
    -ms-flex-positive: 0 !important;
    -webkit-box-flex: 0 !important;
            flex-grow: 0 !important;
  }
  /* line 1505, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .flex-md-grow-1 {
    -ms-flex-positive: 1 !important;
    -webkit-box-flex: 1 !important;
            flex-grow: 1 !important;
  }
  /* line 1509, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  /* line 1513, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  /* line 1517, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .justify-content-md-start {
    -ms-flex-pack: start !important;
    -webkit-box-pack: start !important;
            justify-content: flex-start !important;
  }
  /* line 1521, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .justify-content-md-end {
    -ms-flex-pack: end !important;
    -webkit-box-pack: end !important;
            justify-content: flex-end !important;
  }
  /* line 1525, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .justify-content-md-center {
    -ms-flex-pack: center !important;
    -webkit-box-pack: center !important;
            justify-content: center !important;
  }
  /* line 1529, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .justify-content-md-between {
    -ms-flex-pack: justify !important;
    -webkit-box-pack: justify !important;
            justify-content: space-between !important;
  }
  /* line 1533, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  /* line 1537, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-items-md-start {
    -ms-flex-align: start !important;
    -webkit-box-align: start !important;
            align-items: flex-start !important;
  }
  /* line 1541, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-items-md-end {
    -ms-flex-align: end !important;
    -webkit-box-align: end !important;
            align-items: flex-end !important;
  }
  /* line 1545, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-items-md-center {
    -ms-flex-align: center !important;
    -webkit-box-align: center !important;
            align-items: center !important;
  }
  /* line 1549, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-items-md-baseline {
    -ms-flex-align: baseline !important;
    -webkit-box-align: baseline !important;
            align-items: baseline !important;
  }
  /* line 1553, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-items-md-stretch {
    -ms-flex-align: stretch !important;
    -webkit-box-align: stretch !important;
            align-items: stretch !important;
  }
  /* line 1557, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  /* line 1561, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  /* line 1565, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  /* line 1569, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  /* line 1573, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  /* line 1577, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  /* line 1581, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  /* line 1585, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  /* line 1589, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  /* line 1593, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  /* line 1597, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  /* line 1601, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 992px) {
  /* line 1608, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .flex-lg-row {
    -ms-flex-direction: row !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
            flex-direction: row !important;
  }
  /* line 1612, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .flex-lg-column {
    -ms-flex-direction: column !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
            flex-direction: column !important;
  }
  /* line 1616, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .flex-lg-row-reverse {
    -ms-flex-direction: row-reverse !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
            flex-direction: row-reverse !important;
  }
  /* line 1620, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .flex-lg-column-reverse {
    -ms-flex-direction: column-reverse !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
            flex-direction: column-reverse !important;
  }
  /* line 1624, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  /* line 1628, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  /* line 1632, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  /* line 1636, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .flex-lg-fill {
    -ms-flex: 1 1 auto !important;
    -webkit-box-flex: 1 !important;
            flex: 1 1 auto !important;
  }
  /* line 1640, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .flex-lg-grow-0 {
    -ms-flex-positive: 0 !important;
    -webkit-box-flex: 0 !important;
            flex-grow: 0 !important;
  }
  /* line 1644, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .flex-lg-grow-1 {
    -ms-flex-positive: 1 !important;
    -webkit-box-flex: 1 !important;
            flex-grow: 1 !important;
  }
  /* line 1648, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  /* line 1652, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  /* line 1656, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .justify-content-lg-start {
    -ms-flex-pack: start !important;
    -webkit-box-pack: start !important;
            justify-content: flex-start !important;
  }
  /* line 1660, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .justify-content-lg-end {
    -ms-flex-pack: end !important;
    -webkit-box-pack: end !important;
            justify-content: flex-end !important;
  }
  /* line 1664, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .justify-content-lg-center {
    -ms-flex-pack: center !important;
    -webkit-box-pack: center !important;
            justify-content: center !important;
  }
  /* line 1668, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .justify-content-lg-between {
    -ms-flex-pack: justify !important;
    -webkit-box-pack: justify !important;
            justify-content: space-between !important;
  }
  /* line 1672, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  /* line 1676, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-items-lg-start {
    -ms-flex-align: start !important;
    -webkit-box-align: start !important;
            align-items: flex-start !important;
  }
  /* line 1680, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-items-lg-end {
    -ms-flex-align: end !important;
    -webkit-box-align: end !important;
            align-items: flex-end !important;
  }
  /* line 1684, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-items-lg-center {
    -ms-flex-align: center !important;
    -webkit-box-align: center !important;
            align-items: center !important;
  }
  /* line 1688, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-items-lg-baseline {
    -ms-flex-align: baseline !important;
    -webkit-box-align: baseline !important;
            align-items: baseline !important;
  }
  /* line 1692, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-items-lg-stretch {
    -ms-flex-align: stretch !important;
    -webkit-box-align: stretch !important;
            align-items: stretch !important;
  }
  /* line 1696, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  /* line 1700, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  /* line 1704, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  /* line 1708, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  /* line 1712, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  /* line 1716, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  /* line 1720, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  /* line 1724, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  /* line 1728, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  /* line 1732, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  /* line 1736, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  /* line 1740, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 1200px) {
  /* line 1747, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .flex-xl-row {
    -ms-flex-direction: row !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
            flex-direction: row !important;
  }
  /* line 1751, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .flex-xl-column {
    -ms-flex-direction: column !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
            flex-direction: column !important;
  }
  /* line 1755, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .flex-xl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
            flex-direction: row-reverse !important;
  }
  /* line 1759, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .flex-xl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
            flex-direction: column-reverse !important;
  }
  /* line 1763, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  /* line 1767, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  /* line 1771, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  /* line 1775, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .flex-xl-fill {
    -ms-flex: 1 1 auto !important;
    -webkit-box-flex: 1 !important;
            flex: 1 1 auto !important;
  }
  /* line 1779, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .flex-xl-grow-0 {
    -ms-flex-positive: 0 !important;
    -webkit-box-flex: 0 !important;
            flex-grow: 0 !important;
  }
  /* line 1783, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .flex-xl-grow-1 {
    -ms-flex-positive: 1 !important;
    -webkit-box-flex: 1 !important;
            flex-grow: 1 !important;
  }
  /* line 1787, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  /* line 1791, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  /* line 1795, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .justify-content-xl-start {
    -ms-flex-pack: start !important;
    -webkit-box-pack: start !important;
            justify-content: flex-start !important;
  }
  /* line 1799, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .justify-content-xl-end {
    -ms-flex-pack: end !important;
    -webkit-box-pack: end !important;
            justify-content: flex-end !important;
  }
  /* line 1803, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .justify-content-xl-center {
    -ms-flex-pack: center !important;
    -webkit-box-pack: center !important;
            justify-content: center !important;
  }
  /* line 1807, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .justify-content-xl-between {
    -ms-flex-pack: justify !important;
    -webkit-box-pack: justify !important;
            justify-content: space-between !important;
  }
  /* line 1811, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  /* line 1815, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-items-xl-start {
    -ms-flex-align: start !important;
    -webkit-box-align: start !important;
            align-items: flex-start !important;
  }
  /* line 1819, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-items-xl-end {
    -ms-flex-align: end !important;
    -webkit-box-align: end !important;
            align-items: flex-end !important;
  }
  /* line 1823, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-items-xl-center {
    -ms-flex-align: center !important;
    -webkit-box-align: center !important;
            align-items: center !important;
  }
  /* line 1827, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-items-xl-baseline {
    -ms-flex-align: baseline !important;
    -webkit-box-align: baseline !important;
            align-items: baseline !important;
  }
  /* line 1831, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-items-xl-stretch {
    -ms-flex-align: stretch !important;
    -webkit-box-align: stretch !important;
            align-items: stretch !important;
  }
  /* line 1835, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  /* line 1839, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  /* line 1843, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  /* line 1847, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  /* line 1851, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  /* line 1855, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  /* line 1859, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  /* line 1863, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  /* line 1867, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  /* line 1871, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  /* line 1875, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  /* line 1879, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

/* line 1885, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.m-0 {
  margin: 0 !important;
}

/* line 1889, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.mt-0,
.my-0 {
  margin-top: 0 !important;
}

/* line 1894, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

/* line 1899, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

/* line 1904, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

/* line 1909, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.m-1 {
  margin: 1rem !important;
}

/* line 1913, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.mt-1,
.my-1 {
  margin-top: 1rem !important;
}

/* line 1918, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.mr-1,
.mx-1 {
  margin-right: 1rem !important;
}

/* line 1923, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.mb-1,
.my-1 {
  margin-bottom: 1rem !important;
}

/* line 1928, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.ml-1,
.mx-1 {
  margin-left: 1rem !important;
}

/* line 1933, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.m-2 {
  margin: 2rem  !important;
}

/* line 1937, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.mt-2,
.my-2 {
  margin-top: 2rem  !important;
}

/* line 1942, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.mr-2,
.mx-2 {
  margin-right: 2rem  !important;
}

/* line 1947, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.mb-2,
.my-2 {
  margin-bottom: 2rem  !important;
}

/* line 1952, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.ml-2,
.mx-2 {
  margin-left: 2rem  !important;
}

/* line 1957, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.m-3 {
  margin: 4rem !important;
}

/* line 1961, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.mt-3,
.my-3 {
  margin-top: 4rem !important;
}

/* line 1966, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.mr-3,
.mx-3 {
  margin-right: 4rem !important;
}

/* line 1971, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.mb-3,
.my-3 {
  margin-bottom: 4rem !important;
}

/* line 1976, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.ml-3,
.mx-3 {
  margin-left: 4rem !important;
}

/* line 1981, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.m-4 {
  margin: 5rem !important;
}

/* line 1985, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.mt-4,
.my-4 {
  margin-top: 5rem !important;
}

/* line 1990, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.mr-4,
.mx-4 {
  margin-right: 5rem !important;
}

/* line 1995, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.mb-4,
.my-4 {
  margin-bottom: 5rem !important;
}

/* line 2000, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.ml-4,
.mx-4 {
  margin-left: 5rem !important;
}

/* line 2005, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.m-5 {
  margin: 7rem !important;
}

/* line 2009, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.mt-5,
.my-5 {
  margin-top: 7rem !important;
}

/* line 2014, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.mr-5,
.mx-5 {
  margin-right: 7rem !important;
}

/* line 2019, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.mb-5,
.my-5 {
  margin-bottom: 7rem !important;
}

/* line 2024, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.ml-5,
.mx-5 {
  margin-left: 7rem !important;
}

/* line 2029, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.p-0 {
  padding: 0 !important;
}

/* line 2033, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.pt-0,
.py-0 {
  padding-top: 0 !important;
}

/* line 2038, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.pr-0,
.px-0 {
  padding-right: 0 !important;
}

/* line 2043, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

/* line 2048, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.pl-0,
.px-0 {
  padding-left: 0 !important;
}

/* line 2053, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.p-1 {
  padding: 1rem !important;
}

/* line 2057, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.pt-1,
.py-1 {
  padding-top: 1rem !important;
}

/* line 2062, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.pr-1,
.px-1 {
  padding-right: 1rem !important;
}

/* line 2067, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.pb-1,
.py-1 {
  padding-bottom: 1rem !important;
}

/* line 2072, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.pl-1,
.px-1 {
  padding-left: 1rem !important;
}

/* line 2077, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.p-2 {
  padding: 2rem  !important;
}

/* line 2081, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.pt-2,
.py-2 {
  padding-top: 2rem  !important;
}

/* line 2086, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.pr-2,
.px-2 {
  padding-right: 2rem  !important;
}

/* line 2091, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.pb-2,
.py-2 {
  padding-bottom: 2rem  !important;
}

/* line 2096, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.pl-2,
.px-2 {
  padding-left: 2rem  !important;
}

/* line 2101, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.p-3 {
  padding: 4rem !important;
}

/* line 2105, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.pt-3,
.py-3 {
  padding-top: 4rem !important;
}

/* line 2110, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.pr-3,
.px-3 {
  padding-right: 4rem !important;
}

/* line 2115, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.pb-3,
.py-3 {
  padding-bottom: 4rem !important;
}

/* line 2120, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.pl-3,
.px-3 {
  padding-left: 4rem !important;
}

/* line 2125, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.p-4 {
  padding: 5rem !important;
}

/* line 2129, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.pt-4,
.py-4 {
  padding-top: 5rem !important;
}

/* line 2134, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.pr-4,
.px-4 {
  padding-right: 5rem !important;
}

/* line 2139, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.pb-4,
.py-4 {
  padding-bottom: 5rem !important;
}

/* line 2144, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.pl-4,
.px-4 {
  padding-left: 5rem !important;
}

/* line 2149, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.p-5 {
  padding: 7rem !important;
}

/* line 2153, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.pt-5,
.py-5 {
  padding-top: 7rem !important;
}

/* line 2158, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.pr-5,
.px-5 {
  padding-right: 7rem !important;
}

/* line 2163, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.pb-5,
.py-5 {
  padding-bottom: 7rem !important;
}

/* line 2168, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.pl-5,
.px-5 {
  padding-left: 7rem !important;
}

/* line 2173, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.m-n1 {
  margin: -1rem !important;
}

/* line 2177, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.mt-n1,
.my-n1 {
  margin-top: -1rem !important;
}

/* line 2182, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.mr-n1,
.mx-n1 {
  margin-right: -1rem !important;
}

/* line 2187, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.mb-n1,
.my-n1 {
  margin-bottom: -1rem !important;
}

/* line 2192, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.ml-n1,
.mx-n1 {
  margin-left: -1rem !important;
}

/* line 2197, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.m-n2 {
  margin: -2rem  !important;
}

/* line 2201, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.mt-n2,
.my-n2 {
  margin-top: -2rem  !important;
}

/* line 2206, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.mr-n2,
.mx-n2 {
  margin-right: -2rem  !important;
}

/* line 2211, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.mb-n2,
.my-n2 {
  margin-bottom: -2rem  !important;
}

/* line 2216, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.ml-n2,
.mx-n2 {
  margin-left: -2rem  !important;
}

/* line 2221, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.m-n3 {
  margin: -4rem !important;
}

/* line 2225, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.mt-n3,
.my-n3 {
  margin-top: -4rem !important;
}

/* line 2230, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.mr-n3,
.mx-n3 {
  margin-right: -4rem !important;
}

/* line 2235, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.mb-n3,
.my-n3 {
  margin-bottom: -4rem !important;
}

/* line 2240, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.ml-n3,
.mx-n3 {
  margin-left: -4rem !important;
}

/* line 2245, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.m-n4 {
  margin: -5rem !important;
}

/* line 2249, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.mt-n4,
.my-n4 {
  margin-top: -5rem !important;
}

/* line 2254, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.mr-n4,
.mx-n4 {
  margin-right: -5rem !important;
}

/* line 2259, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.mb-n4,
.my-n4 {
  margin-bottom: -5rem !important;
}

/* line 2264, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.ml-n4,
.mx-n4 {
  margin-left: -5rem !important;
}

/* line 2269, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.m-n5 {
  margin: -7rem !important;
}

/* line 2273, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.mt-n5,
.my-n5 {
  margin-top: -7rem !important;
}

/* line 2278, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.mr-n5,
.mx-n5 {
  margin-right: -7rem !important;
}

/* line 2283, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.mb-n5,
.my-n5 {
  margin-bottom: -7rem !important;
}

/* line 2288, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.ml-n5,
.mx-n5 {
  margin-left: -7rem !important;
}

/* line 2293, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.m-auto {
  margin: auto !important;
}

/* line 2297, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.mt-auto,
.my-auto {
  margin-top: auto !important;
}

/* line 2302, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

/* line 2307, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

/* line 2312, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  /* line 2318, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .m-sm-0 {
    margin: 0 !important;
  }
  /* line 2321, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mt-sm-0,
.my-sm-0 {
    margin-top: 0 !important;
  }
  /* line 2325, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mr-sm-0,
.mx-sm-0 {
    margin-right: 0 !important;
  }
  /* line 2329, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mb-sm-0,
.my-sm-0 {
    margin-bottom: 0 !important;
  }
  /* line 2333, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .ml-sm-0,
.mx-sm-0 {
    margin-left: 0 !important;
  }
  /* line 2337, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .m-sm-1 {
    margin: 1rem !important;
  }
  /* line 2340, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mt-sm-1,
.my-sm-1 {
    margin-top: 1rem !important;
  }
  /* line 2344, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mr-sm-1,
.mx-sm-1 {
    margin-right: 1rem !important;
  }
  /* line 2348, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mb-sm-1,
.my-sm-1 {
    margin-bottom: 1rem !important;
  }
  /* line 2352, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .ml-sm-1,
.mx-sm-1 {
    margin-left: 1rem !important;
  }
  /* line 2356, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .m-sm-2 {
    margin: 2rem  !important;
  }
  /* line 2359, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mt-sm-2,
.my-sm-2 {
    margin-top: 2rem  !important;
  }
  /* line 2363, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mr-sm-2,
.mx-sm-2 {
    margin-right: 2rem  !important;
  }
  /* line 2367, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mb-sm-2,
.my-sm-2 {
    margin-bottom: 2rem  !important;
  }
  /* line 2371, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .ml-sm-2,
.mx-sm-2 {
    margin-left: 2rem  !important;
  }
  /* line 2375, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .m-sm-3 {
    margin: 4rem !important;
  }
  /* line 2378, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mt-sm-3,
.my-sm-3 {
    margin-top: 4rem !important;
  }
  /* line 2382, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mr-sm-3,
.mx-sm-3 {
    margin-right: 4rem !important;
  }
  /* line 2386, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mb-sm-3,
.my-sm-3 {
    margin-bottom: 4rem !important;
  }
  /* line 2390, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .ml-sm-3,
.mx-sm-3 {
    margin-left: 4rem !important;
  }
  /* line 2394, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .m-sm-4 {
    margin: 5rem !important;
  }
  /* line 2397, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mt-sm-4,
.my-sm-4 {
    margin-top: 5rem !important;
  }
  /* line 2401, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mr-sm-4,
.mx-sm-4 {
    margin-right: 5rem !important;
  }
  /* line 2405, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mb-sm-4,
.my-sm-4 {
    margin-bottom: 5rem !important;
  }
  /* line 2409, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .ml-sm-4,
.mx-sm-4 {
    margin-left: 5rem !important;
  }
  /* line 2413, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .m-sm-5 {
    margin: 7rem !important;
  }
  /* line 2416, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mt-sm-5,
.my-sm-5 {
    margin-top: 7rem !important;
  }
  /* line 2420, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mr-sm-5,
.mx-sm-5 {
    margin-right: 7rem !important;
  }
  /* line 2424, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mb-sm-5,
.my-sm-5 {
    margin-bottom: 7rem !important;
  }
  /* line 2428, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .ml-sm-5,
.mx-sm-5 {
    margin-left: 7rem !important;
  }
  /* line 2432, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .p-sm-0 {
    padding: 0 !important;
  }
  /* line 2435, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pt-sm-0,
.py-sm-0 {
    padding-top: 0 !important;
  }
  /* line 2439, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pr-sm-0,
.px-sm-0 {
    padding-right: 0 !important;
  }
  /* line 2443, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pb-sm-0,
.py-sm-0 {
    padding-bottom: 0 !important;
  }
  /* line 2447, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pl-sm-0,
.px-sm-0 {
    padding-left: 0 !important;
  }
  /* line 2451, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .p-sm-1 {
    padding: 1rem !important;
  }
  /* line 2454, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pt-sm-1,
.py-sm-1 {
    padding-top: 1rem !important;
  }
  /* line 2458, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pr-sm-1,
.px-sm-1 {
    padding-right: 1rem !important;
  }
  /* line 2462, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pb-sm-1,
.py-sm-1 {
    padding-bottom: 1rem !important;
  }
  /* line 2466, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pl-sm-1,
.px-sm-1 {
    padding-left: 1rem !important;
  }
  /* line 2470, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .p-sm-2 {
    padding: 2rem  !important;
  }
  /* line 2473, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pt-sm-2,
.py-sm-2 {
    padding-top: 2rem  !important;
  }
  /* line 2477, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pr-sm-2,
.px-sm-2 {
    padding-right: 2rem  !important;
  }
  /* line 2481, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pb-sm-2,
.py-sm-2 {
    padding-bottom: 2rem  !important;
  }
  /* line 2485, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pl-sm-2,
.px-sm-2 {
    padding-left: 2rem  !important;
  }
  /* line 2489, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .p-sm-3 {
    padding: 4rem !important;
  }
  /* line 2492, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pt-sm-3,
.py-sm-3 {
    padding-top: 4rem !important;
  }
  /* line 2496, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pr-sm-3,
.px-sm-3 {
    padding-right: 4rem !important;
  }
  /* line 2500, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pb-sm-3,
.py-sm-3 {
    padding-bottom: 4rem !important;
  }
  /* line 2504, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pl-sm-3,
.px-sm-3 {
    padding-left: 4rem !important;
  }
  /* line 2508, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .p-sm-4 {
    padding: 5rem !important;
  }
  /* line 2511, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pt-sm-4,
.py-sm-4 {
    padding-top: 5rem !important;
  }
  /* line 2515, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pr-sm-4,
.px-sm-4 {
    padding-right: 5rem !important;
  }
  /* line 2519, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pb-sm-4,
.py-sm-4 {
    padding-bottom: 5rem !important;
  }
  /* line 2523, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pl-sm-4,
.px-sm-4 {
    padding-left: 5rem !important;
  }
  /* line 2527, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .p-sm-5 {
    padding: 7rem !important;
  }
  /* line 2530, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pt-sm-5,
.py-sm-5 {
    padding-top: 7rem !important;
  }
  /* line 2534, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pr-sm-5,
.px-sm-5 {
    padding-right: 7rem !important;
  }
  /* line 2538, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pb-sm-5,
.py-sm-5 {
    padding-bottom: 7rem !important;
  }
  /* line 2542, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pl-sm-5,
.px-sm-5 {
    padding-left: 7rem !important;
  }
  /* line 2546, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .m-sm-n1 {
    margin: -1rem !important;
  }
  /* line 2549, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mt-sm-n1,
.my-sm-n1 {
    margin-top: -1rem !important;
  }
  /* line 2553, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mr-sm-n1,
.mx-sm-n1 {
    margin-right: -1rem !important;
  }
  /* line 2557, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mb-sm-n1,
.my-sm-n1 {
    margin-bottom: -1rem !important;
  }
  /* line 2561, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .ml-sm-n1,
.mx-sm-n1 {
    margin-left: -1rem !important;
  }
  /* line 2565, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .m-sm-n2 {
    margin: -2rem  !important;
  }
  /* line 2568, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mt-sm-n2,
.my-sm-n2 {
    margin-top: -2rem  !important;
  }
  /* line 2572, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mr-sm-n2,
.mx-sm-n2 {
    margin-right: -2rem  !important;
  }
  /* line 2576, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mb-sm-n2,
.my-sm-n2 {
    margin-bottom: -2rem  !important;
  }
  /* line 2580, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .ml-sm-n2,
.mx-sm-n2 {
    margin-left: -2rem  !important;
  }
  /* line 2584, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .m-sm-n3 {
    margin: -4rem !important;
  }
  /* line 2587, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mt-sm-n3,
.my-sm-n3 {
    margin-top: -4rem !important;
  }
  /* line 2591, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mr-sm-n3,
.mx-sm-n3 {
    margin-right: -4rem !important;
  }
  /* line 2595, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mb-sm-n3,
.my-sm-n3 {
    margin-bottom: -4rem !important;
  }
  /* line 2599, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .ml-sm-n3,
.mx-sm-n3 {
    margin-left: -4rem !important;
  }
  /* line 2603, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .m-sm-n4 {
    margin: -5rem !important;
  }
  /* line 2606, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mt-sm-n4,
.my-sm-n4 {
    margin-top: -5rem !important;
  }
  /* line 2610, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mr-sm-n4,
.mx-sm-n4 {
    margin-right: -5rem !important;
  }
  /* line 2614, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mb-sm-n4,
.my-sm-n4 {
    margin-bottom: -5rem !important;
  }
  /* line 2618, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .ml-sm-n4,
.mx-sm-n4 {
    margin-left: -5rem !important;
  }
  /* line 2622, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .m-sm-n5 {
    margin: -7rem !important;
  }
  /* line 2625, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mt-sm-n5,
.my-sm-n5 {
    margin-top: -7rem !important;
  }
  /* line 2629, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mr-sm-n5,
.mx-sm-n5 {
    margin-right: -7rem !important;
  }
  /* line 2633, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mb-sm-n5,
.my-sm-n5 {
    margin-bottom: -7rem !important;
  }
  /* line 2637, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .ml-sm-n5,
.mx-sm-n5 {
    margin-left: -7rem !important;
  }
  /* line 2641, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .m-sm-auto {
    margin: auto !important;
  }
  /* line 2644, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mt-sm-auto,
.my-sm-auto {
    margin-top: auto !important;
  }
  /* line 2648, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mr-sm-auto,
.mx-sm-auto {
    margin-right: auto !important;
  }
  /* line 2652, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mb-sm-auto,
.my-sm-auto {
    margin-bottom: auto !important;
  }
  /* line 2656, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .ml-sm-auto,
.mx-sm-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 768px) {
  /* line 2663, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .m-md-0 {
    margin: 0 !important;
  }
  /* line 2666, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mt-md-0,
.my-md-0 {
    margin-top: 0 !important;
  }
  /* line 2670, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mr-md-0,
.mx-md-0 {
    margin-right: 0 !important;
  }
  /* line 2674, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mb-md-0,
.my-md-0 {
    margin-bottom: 0 !important;
  }
  /* line 2678, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .ml-md-0,
.mx-md-0 {
    margin-left: 0 !important;
  }
  /* line 2682, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .m-md-1 {
    margin: 1rem !important;
  }
  /* line 2685, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mt-md-1,
.my-md-1 {
    margin-top: 1rem !important;
  }
  /* line 2689, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mr-md-1,
.mx-md-1 {
    margin-right: 1rem !important;
  }
  /* line 2693, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mb-md-1,
.my-md-1 {
    margin-bottom: 1rem !important;
  }
  /* line 2697, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .ml-md-1,
.mx-md-1 {
    margin-left: 1rem !important;
  }
  /* line 2701, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .m-md-2 {
    margin: 2rem  !important;
  }
  /* line 2704, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mt-md-2,
.my-md-2 {
    margin-top: 2rem  !important;
  }
  /* line 2708, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mr-md-2,
.mx-md-2 {
    margin-right: 2rem  !important;
  }
  /* line 2712, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mb-md-2,
.my-md-2 {
    margin-bottom: 2rem  !important;
  }
  /* line 2716, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .ml-md-2,
.mx-md-2 {
    margin-left: 2rem  !important;
  }
  /* line 2720, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .m-md-3 {
    margin: 4rem !important;
  }
  /* line 2723, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mt-md-3,
.my-md-3 {
    margin-top: 4rem !important;
  }
  /* line 2727, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mr-md-3,
.mx-md-3 {
    margin-right: 4rem !important;
  }
  /* line 2731, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mb-md-3,
.my-md-3 {
    margin-bottom: 4rem !important;
  }
  /* line 2735, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .ml-md-3,
.mx-md-3 {
    margin-left: 4rem !important;
  }
  /* line 2739, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .m-md-4 {
    margin: 5rem !important;
  }
  /* line 2742, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mt-md-4,
.my-md-4 {
    margin-top: 5rem !important;
  }
  /* line 2746, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mr-md-4,
.mx-md-4 {
    margin-right: 5rem !important;
  }
  /* line 2750, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mb-md-4,
.my-md-4 {
    margin-bottom: 5rem !important;
  }
  /* line 2754, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .ml-md-4,
.mx-md-4 {
    margin-left: 5rem !important;
  }
  /* line 2758, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .m-md-5 {
    margin: 7rem !important;
  }
  /* line 2761, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mt-md-5,
.my-md-5 {
    margin-top: 7rem !important;
  }
  /* line 2765, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mr-md-5,
.mx-md-5 {
    margin-right: 7rem !important;
  }
  /* line 2769, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mb-md-5,
.my-md-5 {
    margin-bottom: 7rem !important;
  }
  /* line 2773, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .ml-md-5,
.mx-md-5 {
    margin-left: 7rem !important;
  }
  /* line 2777, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .p-md-0 {
    padding: 0 !important;
  }
  /* line 2780, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pt-md-0,
.py-md-0 {
    padding-top: 0 !important;
  }
  /* line 2784, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pr-md-0,
.px-md-0 {
    padding-right: 0 !important;
  }
  /* line 2788, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pb-md-0,
.py-md-0 {
    padding-bottom: 0 !important;
  }
  /* line 2792, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pl-md-0,
.px-md-0 {
    padding-left: 0 !important;
  }
  /* line 2796, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .p-md-1 {
    padding: 1rem !important;
  }
  /* line 2799, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pt-md-1,
.py-md-1 {
    padding-top: 1rem !important;
  }
  /* line 2803, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pr-md-1,
.px-md-1 {
    padding-right: 1rem !important;
  }
  /* line 2807, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pb-md-1,
.py-md-1 {
    padding-bottom: 1rem !important;
  }
  /* line 2811, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pl-md-1,
.px-md-1 {
    padding-left: 1rem !important;
  }
  /* line 2815, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .p-md-2 {
    padding: 2rem  !important;
  }
  /* line 2818, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pt-md-2,
.py-md-2 {
    padding-top: 2rem  !important;
  }
  /* line 2822, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pr-md-2,
.px-md-2 {
    padding-right: 2rem  !important;
  }
  /* line 2826, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pb-md-2,
.py-md-2 {
    padding-bottom: 2rem  !important;
  }
  /* line 2830, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pl-md-2,
.px-md-2 {
    padding-left: 2rem  !important;
  }
  /* line 2834, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .p-md-3 {
    padding: 4rem !important;
  }
  /* line 2837, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pt-md-3,
.py-md-3 {
    padding-top: 4rem !important;
  }
  /* line 2841, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pr-md-3,
.px-md-3 {
    padding-right: 4rem !important;
  }
  /* line 2845, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pb-md-3,
.py-md-3 {
    padding-bottom: 4rem !important;
  }
  /* line 2849, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pl-md-3,
.px-md-3 {
    padding-left: 4rem !important;
  }
  /* line 2853, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .p-md-4 {
    padding: 5rem !important;
  }
  /* line 2856, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pt-md-4,
.py-md-4 {
    padding-top: 5rem !important;
  }
  /* line 2860, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pr-md-4,
.px-md-4 {
    padding-right: 5rem !important;
  }
  /* line 2864, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pb-md-4,
.py-md-4 {
    padding-bottom: 5rem !important;
  }
  /* line 2868, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pl-md-4,
.px-md-4 {
    padding-left: 5rem !important;
  }
  /* line 2872, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .p-md-5 {
    padding: 7rem !important;
  }
  /* line 2875, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pt-md-5,
.py-md-5 {
    padding-top: 7rem !important;
  }
  /* line 2879, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pr-md-5,
.px-md-5 {
    padding-right: 7rem !important;
  }
  /* line 2883, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pb-md-5,
.py-md-5 {
    padding-bottom: 7rem !important;
  }
  /* line 2887, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pl-md-5,
.px-md-5 {
    padding-left: 7rem !important;
  }
  /* line 2891, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .m-md-n1 {
    margin: -1rem !important;
  }
  /* line 2894, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mt-md-n1,
.my-md-n1 {
    margin-top: -1rem !important;
  }
  /* line 2898, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mr-md-n1,
.mx-md-n1 {
    margin-right: -1rem !important;
  }
  /* line 2902, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mb-md-n1,
.my-md-n1 {
    margin-bottom: -1rem !important;
  }
  /* line 2906, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .ml-md-n1,
.mx-md-n1 {
    margin-left: -1rem !important;
  }
  /* line 2910, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .m-md-n2 {
    margin: -2rem  !important;
  }
  /* line 2913, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mt-md-n2,
.my-md-n2 {
    margin-top: -2rem  !important;
  }
  /* line 2917, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mr-md-n2,
.mx-md-n2 {
    margin-right: -2rem  !important;
  }
  /* line 2921, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mb-md-n2,
.my-md-n2 {
    margin-bottom: -2rem  !important;
  }
  /* line 2925, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .ml-md-n2,
.mx-md-n2 {
    margin-left: -2rem  !important;
  }
  /* line 2929, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .m-md-n3 {
    margin: -4rem !important;
  }
  /* line 2932, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mt-md-n3,
.my-md-n3 {
    margin-top: -4rem !important;
  }
  /* line 2936, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mr-md-n3,
.mx-md-n3 {
    margin-right: -4rem !important;
  }
  /* line 2940, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mb-md-n3,
.my-md-n3 {
    margin-bottom: -4rem !important;
  }
  /* line 2944, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .ml-md-n3,
.mx-md-n3 {
    margin-left: -4rem !important;
  }
  /* line 2948, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .m-md-n4 {
    margin: -5rem !important;
  }
  /* line 2951, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mt-md-n4,
.my-md-n4 {
    margin-top: -5rem !important;
  }
  /* line 2955, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mr-md-n4,
.mx-md-n4 {
    margin-right: -5rem !important;
  }
  /* line 2959, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mb-md-n4,
.my-md-n4 {
    margin-bottom: -5rem !important;
  }
  /* line 2963, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .ml-md-n4,
.mx-md-n4 {
    margin-left: -5rem !important;
  }
  /* line 2967, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .m-md-n5 {
    margin: -7rem !important;
  }
  /* line 2970, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mt-md-n5,
.my-md-n5 {
    margin-top: -7rem !important;
  }
  /* line 2974, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mr-md-n5,
.mx-md-n5 {
    margin-right: -7rem !important;
  }
  /* line 2978, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mb-md-n5,
.my-md-n5 {
    margin-bottom: -7rem !important;
  }
  /* line 2982, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .ml-md-n5,
.mx-md-n5 {
    margin-left: -7rem !important;
  }
  /* line 2986, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .m-md-auto {
    margin: auto !important;
  }
  /* line 2989, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mt-md-auto,
.my-md-auto {
    margin-top: auto !important;
  }
  /* line 2993, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mr-md-auto,
.mx-md-auto {
    margin-right: auto !important;
  }
  /* line 2997, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mb-md-auto,
.my-md-auto {
    margin-bottom: auto !important;
  }
  /* line 3001, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .ml-md-auto,
.mx-md-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 992px) {
  /* line 3008, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .m-lg-0 {
    margin: 0 !important;
  }
  /* line 3011, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mt-lg-0,
.my-lg-0 {
    margin-top: 0 !important;
  }
  /* line 3015, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mr-lg-0,
.mx-lg-0 {
    margin-right: 0 !important;
  }
  /* line 3019, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mb-lg-0,
.my-lg-0 {
    margin-bottom: 0 !important;
  }
  /* line 3023, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .ml-lg-0,
.mx-lg-0 {
    margin-left: 0 !important;
  }
  /* line 3027, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .m-lg-1 {
    margin: 1rem !important;
  }
  /* line 3030, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mt-lg-1,
.my-lg-1 {
    margin-top: 1rem !important;
  }
  /* line 3034, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mr-lg-1,
.mx-lg-1 {
    margin-right: 1rem !important;
  }
  /* line 3038, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mb-lg-1,
.my-lg-1 {
    margin-bottom: 1rem !important;
  }
  /* line 3042, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .ml-lg-1,
.mx-lg-1 {
    margin-left: 1rem !important;
  }
  /* line 3046, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .m-lg-2 {
    margin: 2rem  !important;
  }
  /* line 3049, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mt-lg-2,
.my-lg-2 {
    margin-top: 2rem  !important;
  }
  /* line 3053, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mr-lg-2,
.mx-lg-2 {
    margin-right: 2rem  !important;
  }
  /* line 3057, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mb-lg-2,
.my-lg-2 {
    margin-bottom: 2rem  !important;
  }
  /* line 3061, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .ml-lg-2,
.mx-lg-2 {
    margin-left: 2rem  !important;
  }
  /* line 3065, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .m-lg-3 {
    margin: 4rem !important;
  }
  /* line 3068, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mt-lg-3,
.my-lg-3 {
    margin-top: 4rem !important;
  }
  /* line 3072, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mr-lg-3,
.mx-lg-3 {
    margin-right: 4rem !important;
  }
  /* line 3076, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mb-lg-3,
.my-lg-3 {
    margin-bottom: 4rem !important;
  }
  /* line 3080, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .ml-lg-3,
.mx-lg-3 {
    margin-left: 4rem !important;
  }
  /* line 3084, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .m-lg-4 {
    margin: 5rem !important;
  }
  /* line 3087, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mt-lg-4,
.my-lg-4 {
    margin-top: 5rem !important;
  }
  /* line 3091, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mr-lg-4,
.mx-lg-4 {
    margin-right: 5rem !important;
  }
  /* line 3095, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mb-lg-4,
.my-lg-4 {
    margin-bottom: 5rem !important;
  }
  /* line 3099, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .ml-lg-4,
.mx-lg-4 {
    margin-left: 5rem !important;
  }
  /* line 3103, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .m-lg-5 {
    margin: 7rem !important;
  }
  /* line 3106, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mt-lg-5,
.my-lg-5 {
    margin-top: 7rem !important;
  }
  /* line 3110, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mr-lg-5,
.mx-lg-5 {
    margin-right: 7rem !important;
  }
  /* line 3114, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mb-lg-5,
.my-lg-5 {
    margin-bottom: 7rem !important;
  }
  /* line 3118, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .ml-lg-5,
.mx-lg-5 {
    margin-left: 7rem !important;
  }
  /* line 3122, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .p-lg-0 {
    padding: 0 !important;
  }
  /* line 3125, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pt-lg-0,
.py-lg-0 {
    padding-top: 0 !important;
  }
  /* line 3129, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pr-lg-0,
.px-lg-0 {
    padding-right: 0 !important;
  }
  /* line 3133, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pb-lg-0,
.py-lg-0 {
    padding-bottom: 0 !important;
  }
  /* line 3137, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pl-lg-0,
.px-lg-0 {
    padding-left: 0 !important;
  }
  /* line 3141, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .p-lg-1 {
    padding: 1rem !important;
  }
  /* line 3144, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pt-lg-1,
.py-lg-1 {
    padding-top: 1rem !important;
  }
  /* line 3148, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pr-lg-1,
.px-lg-1 {
    padding-right: 1rem !important;
  }
  /* line 3152, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pb-lg-1,
.py-lg-1 {
    padding-bottom: 1rem !important;
  }
  /* line 3156, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pl-lg-1,
.px-lg-1 {
    padding-left: 1rem !important;
  }
  /* line 3160, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .p-lg-2 {
    padding: 2rem  !important;
  }
  /* line 3163, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pt-lg-2,
.py-lg-2 {
    padding-top: 2rem  !important;
  }
  /* line 3167, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pr-lg-2,
.px-lg-2 {
    padding-right: 2rem  !important;
  }
  /* line 3171, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pb-lg-2,
.py-lg-2 {
    padding-bottom: 2rem  !important;
  }
  /* line 3175, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pl-lg-2,
.px-lg-2 {
    padding-left: 2rem  !important;
  }
  /* line 3179, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .p-lg-3 {
    padding: 4rem !important;
  }
  /* line 3182, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pt-lg-3,
.py-lg-3 {
    padding-top: 4rem !important;
  }
  /* line 3186, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pr-lg-3,
.px-lg-3 {
    padding-right: 4rem !important;
  }
  /* line 3190, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pb-lg-3,
.py-lg-3 {
    padding-bottom: 4rem !important;
  }
  /* line 3194, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pl-lg-3,
.px-lg-3 {
    padding-left: 4rem !important;
  }
  /* line 3198, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .p-lg-4 {
    padding: 5rem !important;
  }
  /* line 3201, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pt-lg-4,
.py-lg-4 {
    padding-top: 5rem !important;
  }
  /* line 3205, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pr-lg-4,
.px-lg-4 {
    padding-right: 5rem !important;
  }
  /* line 3209, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pb-lg-4,
.py-lg-4 {
    padding-bottom: 5rem !important;
  }
  /* line 3213, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pl-lg-4,
.px-lg-4 {
    padding-left: 5rem !important;
  }
  /* line 3217, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .p-lg-5 {
    padding: 7rem !important;
  }
  /* line 3220, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pt-lg-5,
.py-lg-5 {
    padding-top: 7rem !important;
  }
  /* line 3224, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pr-lg-5,
.px-lg-5 {
    padding-right: 7rem !important;
  }
  /* line 3228, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pb-lg-5,
.py-lg-5 {
    padding-bottom: 7rem !important;
  }
  /* line 3232, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pl-lg-5,
.px-lg-5 {
    padding-left: 7rem !important;
  }
  /* line 3236, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .m-lg-n1 {
    margin: -1rem !important;
  }
  /* line 3239, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mt-lg-n1,
.my-lg-n1 {
    margin-top: -1rem !important;
  }
  /* line 3243, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mr-lg-n1,
.mx-lg-n1 {
    margin-right: -1rem !important;
  }
  /* line 3247, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mb-lg-n1,
.my-lg-n1 {
    margin-bottom: -1rem !important;
  }
  /* line 3251, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .ml-lg-n1,
.mx-lg-n1 {
    margin-left: -1rem !important;
  }
  /* line 3255, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .m-lg-n2 {
    margin: -2rem  !important;
  }
  /* line 3258, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mt-lg-n2,
.my-lg-n2 {
    margin-top: -2rem  !important;
  }
  /* line 3262, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mr-lg-n2,
.mx-lg-n2 {
    margin-right: -2rem  !important;
  }
  /* line 3266, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mb-lg-n2,
.my-lg-n2 {
    margin-bottom: -2rem  !important;
  }
  /* line 3270, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .ml-lg-n2,
.mx-lg-n2 {
    margin-left: -2rem  !important;
  }
  /* line 3274, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .m-lg-n3 {
    margin: -4rem !important;
  }
  /* line 3277, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mt-lg-n3,
.my-lg-n3 {
    margin-top: -4rem !important;
  }
  /* line 3281, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mr-lg-n3,
.mx-lg-n3 {
    margin-right: -4rem !important;
  }
  /* line 3285, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mb-lg-n3,
.my-lg-n3 {
    margin-bottom: -4rem !important;
  }
  /* line 3289, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .ml-lg-n3,
.mx-lg-n3 {
    margin-left: -4rem !important;
  }
  /* line 3293, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .m-lg-n4 {
    margin: -5rem !important;
  }
  /* line 3296, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mt-lg-n4,
.my-lg-n4 {
    margin-top: -5rem !important;
  }
  /* line 3300, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mr-lg-n4,
.mx-lg-n4 {
    margin-right: -5rem !important;
  }
  /* line 3304, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mb-lg-n4,
.my-lg-n4 {
    margin-bottom: -5rem !important;
  }
  /* line 3308, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .ml-lg-n4,
.mx-lg-n4 {
    margin-left: -5rem !important;
  }
  /* line 3312, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .m-lg-n5 {
    margin: -7rem !important;
  }
  /* line 3315, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mt-lg-n5,
.my-lg-n5 {
    margin-top: -7rem !important;
  }
  /* line 3319, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mr-lg-n5,
.mx-lg-n5 {
    margin-right: -7rem !important;
  }
  /* line 3323, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mb-lg-n5,
.my-lg-n5 {
    margin-bottom: -7rem !important;
  }
  /* line 3327, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .ml-lg-n5,
.mx-lg-n5 {
    margin-left: -7rem !important;
  }
  /* line 3331, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .m-lg-auto {
    margin: auto !important;
  }
  /* line 3334, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mt-lg-auto,
.my-lg-auto {
    margin-top: auto !important;
  }
  /* line 3338, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mr-lg-auto,
.mx-lg-auto {
    margin-right: auto !important;
  }
  /* line 3342, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mb-lg-auto,
.my-lg-auto {
    margin-bottom: auto !important;
  }
  /* line 3346, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .ml-lg-auto,
.mx-lg-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 1200px) {
  /* line 3353, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .m-xl-0 {
    margin: 0 !important;
  }
  /* line 3356, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mt-xl-0,
.my-xl-0 {
    margin-top: 0 !important;
  }
  /* line 3360, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mr-xl-0,
.mx-xl-0 {
    margin-right: 0 !important;
  }
  /* line 3364, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mb-xl-0,
.my-xl-0 {
    margin-bottom: 0 !important;
  }
  /* line 3368, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .ml-xl-0,
.mx-xl-0 {
    margin-left: 0 !important;
  }
  /* line 3372, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .m-xl-1 {
    margin: 1rem !important;
  }
  /* line 3375, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mt-xl-1,
.my-xl-1 {
    margin-top: 1rem !important;
  }
  /* line 3379, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mr-xl-1,
.mx-xl-1 {
    margin-right: 1rem !important;
  }
  /* line 3383, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mb-xl-1,
.my-xl-1 {
    margin-bottom: 1rem !important;
  }
  /* line 3387, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .ml-xl-1,
.mx-xl-1 {
    margin-left: 1rem !important;
  }
  /* line 3391, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .m-xl-2 {
    margin: 2rem  !important;
  }
  /* line 3394, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mt-xl-2,
.my-xl-2 {
    margin-top: 2rem  !important;
  }
  /* line 3398, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mr-xl-2,
.mx-xl-2 {
    margin-right: 2rem  !important;
  }
  /* line 3402, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mb-xl-2,
.my-xl-2 {
    margin-bottom: 2rem  !important;
  }
  /* line 3406, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .ml-xl-2,
.mx-xl-2 {
    margin-left: 2rem  !important;
  }
  /* line 3410, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .m-xl-3 {
    margin: 4rem !important;
  }
  /* line 3413, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mt-xl-3,
.my-xl-3 {
    margin-top: 4rem !important;
  }
  /* line 3417, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mr-xl-3,
.mx-xl-3 {
    margin-right: 4rem !important;
  }
  /* line 3421, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mb-xl-3,
.my-xl-3 {
    margin-bottom: 4rem !important;
  }
  /* line 3425, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .ml-xl-3,
.mx-xl-3 {
    margin-left: 4rem !important;
  }
  /* line 3429, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .m-xl-4 {
    margin: 5rem !important;
  }
  /* line 3432, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mt-xl-4,
.my-xl-4 {
    margin-top: 5rem !important;
  }
  /* line 3436, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mr-xl-4,
.mx-xl-4 {
    margin-right: 5rem !important;
  }
  /* line 3440, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mb-xl-4,
.my-xl-4 {
    margin-bottom: 5rem !important;
  }
  /* line 3444, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .ml-xl-4,
.mx-xl-4 {
    margin-left: 5rem !important;
  }
  /* line 3448, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .m-xl-5 {
    margin: 7rem !important;
  }
  /* line 3451, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mt-xl-5,
.my-xl-5 {
    margin-top: 7rem !important;
  }
  /* line 3455, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mr-xl-5,
.mx-xl-5 {
    margin-right: 7rem !important;
  }
  /* line 3459, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mb-xl-5,
.my-xl-5 {
    margin-bottom: 7rem !important;
  }
  /* line 3463, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .ml-xl-5,
.mx-xl-5 {
    margin-left: 7rem !important;
  }
  /* line 3467, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .p-xl-0 {
    padding: 0 !important;
  }
  /* line 3470, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pt-xl-0,
.py-xl-0 {
    padding-top: 0 !important;
  }
  /* line 3474, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pr-xl-0,
.px-xl-0 {
    padding-right: 0 !important;
  }
  /* line 3478, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pb-xl-0,
.py-xl-0 {
    padding-bottom: 0 !important;
  }
  /* line 3482, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pl-xl-0,
.px-xl-0 {
    padding-left: 0 !important;
  }
  /* line 3486, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .p-xl-1 {
    padding: 1rem !important;
  }
  /* line 3489, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pt-xl-1,
.py-xl-1 {
    padding-top: 1rem !important;
  }
  /* line 3493, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pr-xl-1,
.px-xl-1 {
    padding-right: 1rem !important;
  }
  /* line 3497, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pb-xl-1,
.py-xl-1 {
    padding-bottom: 1rem !important;
  }
  /* line 3501, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pl-xl-1,
.px-xl-1 {
    padding-left: 1rem !important;
  }
  /* line 3505, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .p-xl-2 {
    padding: 2rem  !important;
  }
  /* line 3508, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pt-xl-2,
.py-xl-2 {
    padding-top: 2rem  !important;
  }
  /* line 3512, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pr-xl-2,
.px-xl-2 {
    padding-right: 2rem  !important;
  }
  /* line 3516, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pb-xl-2,
.py-xl-2 {
    padding-bottom: 2rem  !important;
  }
  /* line 3520, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pl-xl-2,
.px-xl-2 {
    padding-left: 2rem  !important;
  }
  /* line 3524, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .p-xl-3 {
    padding: 4rem !important;
  }
  /* line 3527, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pt-xl-3,
.py-xl-3 {
    padding-top: 4rem !important;
  }
  /* line 3531, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pr-xl-3,
.px-xl-3 {
    padding-right: 4rem !important;
  }
  /* line 3535, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pb-xl-3,
.py-xl-3 {
    padding-bottom: 4rem !important;
  }
  /* line 3539, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pl-xl-3,
.px-xl-3 {
    padding-left: 4rem !important;
  }
  /* line 3543, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .p-xl-4 {
    padding: 5rem !important;
  }
  /* line 3546, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pt-xl-4,
.py-xl-4 {
    padding-top: 5rem !important;
  }
  /* line 3550, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pr-xl-4,
.px-xl-4 {
    padding-right: 5rem !important;
  }
  /* line 3554, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pb-xl-4,
.py-xl-4 {
    padding-bottom: 5rem !important;
  }
  /* line 3558, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pl-xl-4,
.px-xl-4 {
    padding-left: 5rem !important;
  }
  /* line 3562, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .p-xl-5 {
    padding: 7rem !important;
  }
  /* line 3565, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pt-xl-5,
.py-xl-5 {
    padding-top: 7rem !important;
  }
  /* line 3569, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pr-xl-5,
.px-xl-5 {
    padding-right: 7rem !important;
  }
  /* line 3573, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pb-xl-5,
.py-xl-5 {
    padding-bottom: 7rem !important;
  }
  /* line 3577, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .pl-xl-5,
.px-xl-5 {
    padding-left: 7rem !important;
  }
  /* line 3581, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .m-xl-n1 {
    margin: -1rem !important;
  }
  /* line 3584, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mt-xl-n1,
.my-xl-n1 {
    margin-top: -1rem !important;
  }
  /* line 3588, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mr-xl-n1,
.mx-xl-n1 {
    margin-right: -1rem !important;
  }
  /* line 3592, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mb-xl-n1,
.my-xl-n1 {
    margin-bottom: -1rem !important;
  }
  /* line 3596, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .ml-xl-n1,
.mx-xl-n1 {
    margin-left: -1rem !important;
  }
  /* line 3600, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .m-xl-n2 {
    margin: -2rem  !important;
  }
  /* line 3603, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mt-xl-n2,
.my-xl-n2 {
    margin-top: -2rem  !important;
  }
  /* line 3607, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mr-xl-n2,
.mx-xl-n2 {
    margin-right: -2rem  !important;
  }
  /* line 3611, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mb-xl-n2,
.my-xl-n2 {
    margin-bottom: -2rem  !important;
  }
  /* line 3615, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .ml-xl-n2,
.mx-xl-n2 {
    margin-left: -2rem  !important;
  }
  /* line 3619, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .m-xl-n3 {
    margin: -4rem !important;
  }
  /* line 3622, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mt-xl-n3,
.my-xl-n3 {
    margin-top: -4rem !important;
  }
  /* line 3626, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mr-xl-n3,
.mx-xl-n3 {
    margin-right: -4rem !important;
  }
  /* line 3630, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mb-xl-n3,
.my-xl-n3 {
    margin-bottom: -4rem !important;
  }
  /* line 3634, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .ml-xl-n3,
.mx-xl-n3 {
    margin-left: -4rem !important;
  }
  /* line 3638, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .m-xl-n4 {
    margin: -5rem !important;
  }
  /* line 3641, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mt-xl-n4,
.my-xl-n4 {
    margin-top: -5rem !important;
  }
  /* line 3645, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mr-xl-n4,
.mx-xl-n4 {
    margin-right: -5rem !important;
  }
  /* line 3649, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mb-xl-n4,
.my-xl-n4 {
    margin-bottom: -5rem !important;
  }
  /* line 3653, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .ml-xl-n4,
.mx-xl-n4 {
    margin-left: -5rem !important;
  }
  /* line 3657, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .m-xl-n5 {
    margin: -7rem !important;
  }
  /* line 3660, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mt-xl-n5,
.my-xl-n5 {
    margin-top: -7rem !important;
  }
  /* line 3664, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mr-xl-n5,
.mx-xl-n5 {
    margin-right: -7rem !important;
  }
  /* line 3668, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mb-xl-n5,
.my-xl-n5 {
    margin-bottom: -7rem !important;
  }
  /* line 3672, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .ml-xl-n5,
.mx-xl-n5 {
    margin-left: -7rem !important;
  }
  /* line 3676, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .m-xl-auto {
    margin: auto !important;
  }
  /* line 3679, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mt-xl-auto,
.my-xl-auto {
    margin-top: auto !important;
  }
  /* line 3683, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mr-xl-auto,
.mx-xl-auto {
    margin-right: auto !important;
  }
  /* line 3687, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .mb-xl-auto,
.my-xl-auto {
    margin-bottom: auto !important;
  }
  /* line 3691, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .ml-xl-auto,
.mx-xl-auto {
    margin-left: auto !important;
  }
}

/* line 3697, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.text-justify {
  text-align: justify !important;
}

/* line 3701, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.text-wrap {
  white-space: normal !important;
}

/* line 3705, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.text-nowrap {
  white-space: nowrap !important;
}

/* line 3709, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 3715, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.text-left {
  text-align: left !important;
}

/* line 3719, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.text-right {
  text-align: right !important;
}

/* line 3723, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.text-center {
  text-align: center !important;
}

@media (min-width: 576px) {
  /* line 3728, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .text-sm-left {
    text-align: left !important;
  }
  /* line 3731, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .text-sm-right {
    text-align: right !important;
  }
  /* line 3734, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .text-sm-center {
    text-align: center !important;
  }
}

@media (min-width: 768px) {
  /* line 3740, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .text-md-left {
    text-align: left !important;
  }
  /* line 3743, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .text-md-right {
    text-align: right !important;
  }
  /* line 3746, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .text-md-center {
    text-align: center !important;
  }
}

@media (min-width: 992px) {
  /* line 3752, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .text-lg-left {
    text-align: left !important;
  }
  /* line 3755, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .text-lg-right {
    text-align: right !important;
  }
  /* line 3758, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .text-lg-center {
    text-align: center !important;
  }
}

@media (min-width: 1200px) {
  /* line 3764, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .text-xl-left {
    text-align: left !important;
  }
  /* line 3767, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .text-xl-right {
    text-align: right !important;
  }
  /* line 3770, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
  .text-xl-center {
    text-align: center !important;
  }
}

/* line 3775, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.text-lowercase {
  text-transform: lowercase !important;
}

/* line 3779, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.text-uppercase {
  text-transform: uppercase !important;
}

/* line 3783, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.text-capitalize {
  text-transform: capitalize !important;
}

/* line 3787, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.font-weight-light {
  font-weight: 300 !important;
}

/* line 3791, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.font-weight-lighter {
  font-weight: lighter !important;
}

/* line 3795, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.font-weight-normal {
  font-weight: 400 !important;
}

/* line 3799, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.font-weight-bold {
  font-weight: 700 !important;
}

/* line 3803, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.font-weight-bolder {
  font-weight: bolder !important;
}

/* line 3807, app/assets/stylesheets/mypage/import/_bootstrap-grid.scss */
.font-italic {
  font-style: italic !important;
}

/*!
	Modaal - accessible modals - v0.4.4
	by Humaan, for all humans.
	http://humaan.com
 */
/* line 45, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-noscroll {
  overflow: hidden;
}

/* line 48, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-accessible-hide {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

/* line 52, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1001;
  opacity: 0;
}

/* line 61, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-wrapper {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow: auto;
  opacity: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 74, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-wrapper * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
}

/* line 80, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-wrapper .modaal-close {
  border: none;
  background: #00afdd;
  padding: 0;
  -webkit-appearance: none;
}

/* line 87, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-wrapper.modaal-start_none {
  display: none;
  opacity: 1;
}

/* line 91, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-wrapper.modaal-start_fade {
  opacity: 0;
}

/* line 95, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-wrapper *[tabindex="0"] {
  outline: none !important;
}

/* line 100, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-wrapper.modaal-fullscreen {
  overflow: hidden;
}

/* line 104, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-outer-wrapper {
  display: table;
  position: relative;
  width: 100%;
  height: 100%;
}

/* line 109, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-fullscreen .modaal-outer-wrapper {
  display: block;
}

/* line 113, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-inner-wrapper {
  display: table-cell;
  width: 100%;
  height: 100%;
  position: relative;
  vertical-align: middle;
  text-align: center;
  padding: 80px 25px;
}

/* line 123, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-fullscreen .modaal-inner-wrapper {
  padding: 0;
  display: block;
  vertical-align: top;
}

/* line 129, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-container {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: auto;
  text-align: left;
  color: #000;
  max-width: 1000px;
  border-radius: 0px;
  background: #fff;
  -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  cursor: auto;
}

/* line 143, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-container.is_loading {
  height: 100px;
  width: 100px;
  overflow: hidden;
}

/* line 149, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-fullscreen .modaal-container {
  max-width: none;
  height: 100%;
  overflow: auto;
}

/* line 156, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-close {
  position: fixed;
  right: 20px;
  top: 20px;
  color: #fff;
  cursor: pointer;
  opacity: 1;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0);
  border-radius: 100%;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

/* line 168, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-close:focus, .modaal-close:hover {
  outline: none;
  background: #fff;
}

/* line 172, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-close:focus:before, .modaal-close:focus:after, .modaal-close:hover:before, .modaal-close:hover:after {
  background: #b93d0c;
}

/* line 175, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-close span {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

/* line 178, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-close:before, .modaal-close:after {
  display: block;
  content: " ";
  position: absolute;
  top: 14px;
  left: 23px;
  width: 4px;
  height: 22px;
  border-radius: 4px;
  background: #fff;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}

/* line 191, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-close:before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/* line 194, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-close:after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

/* line 197, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-fullscreen .modaal-close {
  background: #afb7bc;
  right: 10px;
  top: 10px;
}

/* line 204, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-content-container {
  padding: 30px;
}

/* line 212, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-confirm-wrap {
  padding: 30px 0 0;
  text-align: center;
  font-size: 0;
}

/* line 217, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-confirm-btn {
  font-size: 14px;
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  background: transparent;
}

/* line 227, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-confirm-btn.modaal-ok {
  padding: 10px 15px;
  color: #fff;
  background: #555;
  border-radius: 3px;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}

/* line 233, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-confirm-btn.modaal-ok:hover {
  background: #2f2f2f;
}

/* line 237, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-confirm-btn.modaal-cancel {
  text-decoration: underline;
}

/* line 239, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-confirm-btn.modaal-cancel:hover {
  text-decoration: none;
  color: #2f2f2f;
}

@keyframes instaReveal {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes instaReveal {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* line 273, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-instagram .modaal-container {
  width: auto;
  background: transparent;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

/* line 278, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-instagram .modaal-content-container {
  padding: 0;
  background: transparent;
}

/* line 282, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-instagram .modaal-content-container > blockquote {
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
}

/* line 287, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-instagram iframe {
  opacity: 0;
  margin: -6px !important;
  border-radius: 0 !important;
  width: 1000px !important;
  max-width: 800px !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  -webkit-animation: instaReveal 1s linear forwards;
          animation: instaReveal 1s linear forwards;
}

/* line 304, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-image .modaal-inner-wrapper {
  padding-left: 140px;
  padding-right: 140px;
}

/* line 308, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-image .modaal-container {
  width: auto;
  max-width: 100%;
}

/* line 314, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-gallery-wrap {
  position: relative;
  color: #fff;
}

/* line 318, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-gallery-item {
  display: none;
}

/* line 320, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-gallery-item img {
  display: block;
}

/* line 324, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-gallery-item.is_active {
  display: block;
}

/* line 328, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-gallery-label {
  position: absolute;
  left: 0;
  width: 100%;
  margin: 20px 0 0;
  font-size: 18px;
  text-align: center;
  color: #fff;
}

/* line 336, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-gallery-label:focus {
  outline: none;
}

/* line 340, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-gallery-control {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 1;
  cursor: pointer;
  color: #fff;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

/* line 353, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-gallery-control.is_hidden {
  opacity: 0;
  cursor: default;
}

/* line 357, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-gallery-control:focus, .modaal-gallery-control:hover {
  outline: none;
  background: #fff;
}

/* line 361, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-gallery-control:focus:before, .modaal-gallery-control:focus:after, .modaal-gallery-control:hover:before, .modaal-gallery-control:hover:after {
  background: #afb7bc;
}

/* line 366, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-gallery-control span {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

/* line 370, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-gallery-control:before, .modaal-gallery-control:after {
  display: block;
  content: " ";
  position: absolute;
  top: 16px;
  left: 25px;
  width: 4px;
  height: 18px;
  border-radius: 4px;
  background: #fff;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}

/* line 383, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-gallery-control:before {
  margin: -5px 0 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/* line 387, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-gallery-control:after {
  margin: 5px 0 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

/* line 393, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-gallery-next-inner {
  left: 100%;
  margin-left: 40px;
}

/* line 397, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-gallery-next-outer {
  right: 45px;
}

/* line 402, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-gallery-prev:before, .modaal-gallery-prev:after {
  left: 22px;
}

/* line 404, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-gallery-prev:before {
  margin: 5px 0 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/* line 408, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-gallery-prev:after {
  margin: -5px 0 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

/* line 413, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-gallery-prev-inner {
  right: 100%;
  margin-right: 40px;
}

/* line 417, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-gallery-prev-outer {
  left: 45px;
}

/* line 425, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-video-wrap {
  margin: auto 50px;
  position: relative;
}

/* line 430, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  background: #000;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}

/* line 441, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-video-container iframe,
.modaal-video-container object,
.modaal-video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 454, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-iframe .modaal-content {
  width: 100%;
  height: 100%;
}

/* line 458, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-iframe-elem {
  width: 100%;
  height: 100%;
  display: block;
}

@media only screen and (min-width: 1400px) {
  /* line 468, app/assets/stylesheets/mypage/import/_modaal.scss */
  .modaal-video-container {
    padding-bottom: 0;
    height: 731px;
  }
}

@media only screen and (max-width: 1140px) {
  /* line 476, app/assets/stylesheets/mypage/import/_modaal.scss */
  .modaal-image .modaal-inner-wrapper {
    padding-left: 25px;
    padding-right: 25px;
  }
  /* line 481, app/assets/stylesheets/mypage/import/_modaal.scss */
  .modaal-gallery-control {
    top: auto;
    bottom: 20px;
    -webkit-transform: none;
            transform: none;
    background: rgba(0, 0, 0, 0.7);
  }
  /* line 486, app/assets/stylesheets/mypage/import/_modaal.scss */
  .modaal-gallery-control:before, .modaal-gallery-control:after {
    background: #fff;
  }
  /* line 491, app/assets/stylesheets/mypage/import/_modaal.scss */
  .modaal-gallery-next {
    left: auto;
    right: 20px;
  }
  /* line 495, app/assets/stylesheets/mypage/import/_modaal.scss */
  .modaal-gallery-prev {
    left: 20px;
    right: auto;
  }
}

@media screen and (max-width: 900px) {
  /* line 502, app/assets/stylesheets/mypage/import/_modaal.scss */
  .modaal-instagram iframe {
    width: 500px !important;
  }
}

@media screen and (max-height: 1100px) {
  /* line 507, app/assets/stylesheets/mypage/import/_modaal.scss */
  .modaal-instagram iframe {
    width: 700px !important;
  }
}

@media screen and (max-height: 1000px) {
  /* line 512, app/assets/stylesheets/mypage/import/_modaal.scss */
  .modaal-inner-wrapper {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  /* line 516, app/assets/stylesheets/mypage/import/_modaal.scss */
  .modaal-instagram iframe {
    width: 600px !important;
  }
}

@media screen and (max-height: 900px) {
  /* line 521, app/assets/stylesheets/mypage/import/_modaal.scss */
  .modaal-instagram iframe {
    width: 500px !important;
  }
  /* line 524, app/assets/stylesheets/mypage/import/_modaal.scss */
  .modaal-video-container {
    max-width: 900px;
    max-height: 510px;
  }
}

@media only screen and (max-width: 600px) {
  /* line 531, app/assets/stylesheets/mypage/import/_modaal.scss */
  .modaal-instagram iframe {
    width: 280px !important;
  }
  /* line 534, app/assets/stylesheets/mypage/import/_modaal.scss */
  .modaal-content-container {
    padding: 15px;
  }
}

@media only screen and (max-height: 820px) {
  /* line 539, app/assets/stylesheets/mypage/import/_modaal.scss */
  .modaal-gallery-label {
    display: none;
  }
}

/* line 548, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-loading-spinner {
  background: none;
  position: absolute;
  width: 200px;
  height: 200px;
  top: 50%;
  left: 50%;
  margin: -100px 0 0 -100px;
  -webkit-transform: scale(0.25);
          transform: scale(0.25);
}

@-webkit-keyframes modaal-loading-spinner {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    opacity: .1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes modaal-loading-spinner {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    opacity: .1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/* line 558, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-loading-spinner > div {
  width: 24px;
  height: 24px;
  margin-left: 4px;
  margin-top: 4px;
  position: absolute;
}

/* line 558, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-loading-spinner > div > div {
  width: 100%;
  height: 100%;
  border-radius: 15px;
  background: #fff;
}

/* line 558, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-loading-spinner > div:nth-of-type(1) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

/* line 558, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-loading-spinner > div:nth-of-type(2) > div, .modaal-loading-spinner > div:nth-of-type(3) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
}

/* line 558, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-loading-spinner > div:nth-of-type(1) {
  -webkit-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
}

/* line 558, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-loading-spinner > div:nth-of-type(2) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
          animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .12s;
  animation-delay: .12s;
}

/* line 558, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-loading-spinner > div:nth-of-type(2) {
  -webkit-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
}

/* line 558, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-loading-spinner > div:nth-of-type(3) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
          animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .25s;
  animation-delay: .25s;
}

/* line 558, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-loading-spinner > div:nth-of-type(4) > div, .modaal-loading-spinner > div:nth-of-type(5) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
}

/* line 558, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-loading-spinner > div:nth-of-type(3) {
  -webkit-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
}

/* line 558, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-loading-spinner > div:nth-of-type(4) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
          animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .37s;
  animation-delay: .37s;
}

/* line 558, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-loading-spinner > div:nth-of-type(4) {
  -webkit-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
}

/* line 558, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-loading-spinner > div:nth-of-type(5) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
          animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
}

/* line 558, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-loading-spinner > div:nth-of-type(6) > div, .modaal-loading-spinner > div:nth-of-type(7) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
}

/* line 558, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-loading-spinner > div:nth-of-type(5) {
  -webkit-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
}

/* line 558, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-loading-spinner > div:nth-of-type(6) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
          animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .62s;
  animation-delay: .62s;
}

/* line 558, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-loading-spinner > div:nth-of-type(6) {
  -webkit-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
}

/* line 558, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-loading-spinner > div:nth-of-type(7) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
          animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .75s;
  animation-delay: .75s;
}

/* line 558, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-loading-spinner > div:nth-of-type(7) {
  -webkit-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
}

/* line 558, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-loading-spinner > div:nth-of-type(8) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .87s;
  animation-delay: .87s;
}

/* line 558, app/assets/stylesheets/mypage/import/_modaal.scss */
.modaal-loading-spinner > div:nth-of-type(8) {
  -webkit-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
}

/* line 37, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--xs {
  font-size: 0.7142857143rem !important;
}

/* line 40, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--sm {
  font-size: 0.8571428571rem !important;
}

/* line 43, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--default {
  font-size: 1rem !important;
}

/* line 46, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--md {
  font-size: 1.1428571429rem !important;
}

/* line 49, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--lg {
  font-size: 1.2857142857rem !important;
}

/* line 52, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--xl {
  font-size: 1.5714285714rem !important;
}

/* line 3, app/assets/stylesheets/mypage/import/_footer.sass */
#footer {
  background: #3e4549;
  padding: 3rem 0;
  color: #ffffff;
}

@media (max-width: 767px) {
  /* line 3, app/assets/stylesheets/mypage/import/_footer.sass */
  #footer {
    padding: 2.5rem 0 0;
  }
}

/* line 9, app/assets/stylesheets/mypage/import/_footer.sass */
#footer a {
  color: #ffffff;
}

/* line 11, app/assets/stylesheets/mypage/import/_footer.sass */
#footer li {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 15, app/assets/stylesheets/mypage/import/_footer.sass */
#footer [class*="col-"] {
  margin-bottom: 2rem;
}

@media (max-width: 767px) {
  /* line 18, app/assets/stylesheets/mypage/import/_footer.sass */
  #footer .footer-container {
    padding: 0;
  }
}

/* line 21, app/assets/stylesheets/mypage/import/_footer.sass */
#footer .footer-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 1.2;
}

@media (max-width: 991px) {
  /* line 21, app/assets/stylesheets/mypage/import/_footer.sass */
  #footer .footer-bottom {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media (max-width: 767px) {
  /* line 21, app/assets/stylesheets/mypage/import/_footer.sass */
  #footer .footer-bottom {
    border: 0;
    padding-top: 0;
    text-align: center;
  }
}

/* line 31, app/assets/stylesheets/mypage/import/_footer.sass */
#footer .footer-bottom-logo {
  padding-right: 2rem;
}

@media (max-width: 991px) {
  /* line 31, app/assets/stylesheets/mypage/import/_footer.sass */
  #footer .footer-bottom-logo {
    margin-bottom: 1rem;
    width: 100%;
  }
}

@media (max-width: 767px) {
  /* line 31, app/assets/stylesheets/mypage/import/_footer.sass */
  #footer .footer-bottom-logo {
    padding: 0;
  }
}

/* line 38, app/assets/stylesheets/mypage/import/_footer.sass */
#footer .footer-bottom-nav-wrap {
  padding-top: .5rem;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
}

@media (max-width: 991px) {
  /* line 38, app/assets/stylesheets/mypage/import/_footer.sass */
  #footer .footer-bottom-nav-wrap {
    margin-bottom: 1rem;
    width: 100%;
  }
}

@media (max-width: 767px) {
  /* line 38, app/assets/stylesheets/mypage/import/_footer.sass */
  #footer .footer-bottom-nav-wrap {
    padding-bottom: 1rem;
  }
}

/* line 47, app/assets/stylesheets/mypage/import/_footer.sass */
#footer .footer-bottom-nav-item {
  display: inline-block;
  font-size: 0.8571428571rem;
}

/* line 50, app/assets/stylesheets/mypage/import/_footer.sass */
#footer .footer-bottom-nav-item > a {
  margin-right: 1rem;
}

@media (max-width: 767px) {
  /* line 50, app/assets/stylesheets/mypage/import/_footer.sass */
  #footer .footer-bottom-nav-item > a {
    margin: .3rem;
  }
}

/* line 54, app/assets/stylesheets/mypage/import/_footer.sass */
#footer .footer-bottom-copyright {
  text-align: right;
  padding-top: .5rem;
  font-size: 0.7142857143rem;
}

/* line 58, app/assets/stylesheets/mypage/import/_footer.sass */
#footer .footer-bottom-copyright span {
  display: inline-block;
  white-space: nowrap;
}

@media (max-width: 991px) {
  /* line 54, app/assets/stylesheets/mypage/import/_footer.sass */
  #footer .footer-bottom-copyright {
    text-align: left;
    margin-bottom: 1rem;
    width: 100%;
  }
}

@media (max-width: 767px) {
  /* line 54, app/assets/stylesheets/mypage/import/_footer.sass */
  #footer .footer-bottom-copyright {
    text-align: center;
    background-color: #000000;
    padding: 1rem .3rem;
    margin: 0;
  }
}

/* line 37, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--xs {
  font-size: 0.7142857143rem !important;
}

/* line 40, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--sm {
  font-size: 0.8571428571rem !important;
}

/* line 43, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--default {
  font-size: 1rem !important;
}

/* line 46, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--md {
  font-size: 1.1428571429rem !important;
}

/* line 49, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--lg {
  font-size: 1.2857142857rem !important;
}

/* line 52, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--xl {
  font-size: 1.5714285714rem !important;
}

/* line 3, app/assets/stylesheets/mypage/import/_breadcrumbs.sass */
.breadcrumbs {
  background-color: #f5f9fc;
  padding: .5rem;
}

@media (max-width: 991px) {
  /* line 3, app/assets/stylesheets/mypage/import/_breadcrumbs.sass */
  .breadcrumbs {
    display: none;
  }
}

/* line 8, app/assets/stylesheets/mypage/import/_breadcrumbs.sass */
.breadcrumbs-inner {
  max-width: 1130px;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

/* line 14, app/assets/stylesheets/mypage/import/_breadcrumbs.sass */
.breadcrumbs ul, .breadcrumbs li {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 18, app/assets/stylesheets/mypage/import/_breadcrumbs.sass */
.breadcrumbs ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/* line 20, app/assets/stylesheets/mypage/import/_breadcrumbs.sass */
.breadcrumbs ul li {
  padding-right: 8px;
  margin-right: 8px;
  position: relative;
  font-size: 0.8571428571rem;
}

/* line 25, app/assets/stylesheets/mypage/import/_breadcrumbs.sass */
.breadcrumbs ul li::after {
  content: "";
  display: inline-block;
  width: 3px;
  height: 6px;
  background: url(/assets/renewal_designs/icon-arrow-right-brand-color-e639a6dba17a586d64051cfb4aa92b7f18d3fa8693765fa83167828575ace2ca.svg) left top/cover;
  position: absolute;
  right: -2px;
  top: 50%;
  margin-top: -3px;
}

/* line 36, app/assets/stylesheets/mypage/import/_breadcrumbs.sass */
.breadcrumbs ul li:last-child::after {
  display: none;
}

/* line 38, app/assets/stylesheets/mypage/import/_breadcrumbs.sass */
.breadcrumbs ul a {
  color: #00afdd;
}

/* line 40, app/assets/stylesheets/mypage/import/_breadcrumbs.sass */
.breadcrumbs ul a:hover {
  text-decoration: none;
  color: #00afdd;
}

/* line 37, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--xs {
  font-size: 0.7142857143rem !important;
}

/* line 40, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--sm {
  font-size: 0.8571428571rem !important;
}

/* line 43, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--default {
  font-size: 1rem !important;
}

/* line 46, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--md {
  font-size: 1.1428571429rem !important;
}

/* line 49, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--lg {
  font-size: 1.2857142857rem !important;
}

/* line 52, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--xl {
  font-size: 1.5714285714rem !important;
}

/* line 3, app/assets/stylesheets/mypage/import/_table.sass */
.table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  background-color: #ffffff;
}

/* line 8, app/assets/stylesheets/mypage/import/_table.sass */
.table th {
  font-weight: 700;
}

@media (max-width: 767px) {
  /* line 8, app/assets/stylesheets/mypage/import/_table.sass */
  .table th {
    font-size: 0.8571428571rem;
  }
}

/* line 12, app/assets/stylesheets/mypage/import/_table.sass */
.table th, .table td {
  border: 1px solid #d1d1d1;
  padding: 1rem;
  line-height: 1.4;
  vertical-align: middle;
}

@media (max-width: 767px) {
  /* line 12, app/assets/stylesheets/mypage/import/_table.sass */
  .table th, .table td {
    padding: 1rem .5rem;
  }
}

/* line 19, app/assets/stylesheets/mypage/import/_table.sass */
.table th ul, .table td ul {
  padding-left: 1.4rem;
  margin: 0;
}

/* line 22, app/assets/stylesheets/mypage/import/_table.sass */
.table caption {
  padding: .5rem;
  margin-bottom: 1rem;
}

/* line 25, app/assets/stylesheets/mypage/import/_table.sass */
.table-border-none {
  border-collapse: separate;
  border-spacing: 2px;
  border: 1px solid #d1d1d1;
}

/* line 29, app/assets/stylesheets/mypage/import/_table.sass */
.table-border-none th {
  text-align: right;
}

@media (max-width: 767px) {
  /* line 29, app/assets/stylesheets/mypage/import/_table.sass */
  .table-border-none th {
    text-align: left;
  }
}

/* line 33, app/assets/stylesheets/mypage/import/_table.sass */
.table-border-none th, .table-border-none td {
  border: 0;
}

/* line 37, app/assets/stylesheets/mypage/import/_table.sass */
.table-bg-even tr:nth-child(even) {
  background-color: #f3f3f3;
}

/* line 41, app/assets/stylesheets/mypage/import/_table.sass */
.table-bg-odd tr:nth-child(odd) {
  background-color: #f3f3f3;
}

/* line 43, app/assets/stylesheets/mypage/import/_table.sass */
.table-vertical-top {
  vertical-align: top;
}

/* line 45, app/assets/stylesheets/mypage/import/_table.sass */
.table-vertical-top th, .table-vertical-top td {
  vertical-align: top;
}

/* line 48, app/assets/stylesheets/mypage/import/_table.sass */
.table-th-nowrap th {
  width: 10%;
  white-space: nowrap;
}

/* line 52, app/assets/stylesheets/mypage/import/_table.sass */
.table-th-bgcolor th {
  background-color: #f3f3f3;
}

/* line 55, app/assets/stylesheets/mypage/import/_table.sass */
.table-th-width-medium th {
  width: 30%;
}

@media (max-width: 767px) {
  /* line 59, app/assets/stylesheets/mypage/import/_table.sass */
  .table-for-mobile th {
    text-align: left;
  }
  /* line 61, app/assets/stylesheets/mypage/import/_table.sass */
  .table-for-mobile th, .table-for-mobile td {
    display: block;
    width: 100%;
    padding: 1rem;
  }
}

/* line 65, app/assets/stylesheets/mypage/import/_table.sass */
.table_scroll-wrap {
  overflow: auto;
}

/* line 67, app/assets/stylesheets/mypage/import/_table.sass */
.table_scroll {
  position: relative;
  margin: 0 auto;
}

@media (max-width: 767px) {
  /* line 67, app/assets/stylesheets/mypage/import/_table.sass */
  .table_scroll {
    width: 700px;
  }
}

/* line 37, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--xs {
  font-size: 0.7142857143rem !important;
}

/* line 40, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--sm {
  font-size: 0.8571428571rem !important;
}

/* line 43, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--default {
  font-size: 1rem !important;
}

/* line 46, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--md {
  font-size: 1.1428571429rem !important;
}

/* line 49, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--lg {
  font-size: 1.2857142857rem !important;
}

/* line 52, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--xl {
  font-size: 1.5714285714rem !important;
}

/* line 4, app/assets/stylesheets/mypage/import/_title.sass */
.title-section {
  margin-top: 0;
  margin-bottom: 3.5rem;
  font-size: 2.1428571429rem;
}

@media (max-width: 767px) {
  /* line 4, app/assets/stylesheets/mypage/import/_title.sass */
  .title-section {
    margin-bottom: 1.75rem;
    margin-top: 1rem;
    font-size: 1.5rem;
  }
}

/* line 12, app/assets/stylesheets/mypage/import/_title.sass */
.title-sub {
  color: #1992eb;
  font-size: 1.5714285714rem;
}

@media (max-width: 767px) {
  /* line 12, app/assets/stylesheets/mypage/import/_title.sass */
  .title-sub {
    font-size: 1.2142857143rem;
  }
}

/* line 37, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--xs {
  font-size: 0.7142857143rem !important;
}

/* line 40, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--sm {
  font-size: 0.8571428571rem !important;
}

/* line 43, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--default {
  font-size: 1rem !important;
}

/* line 46, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--md {
  font-size: 1.1428571429rem !important;
}

/* line 49, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--lg {
  font-size: 1.2857142857rem !important;
}

/* line 52, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--xl {
  font-size: 1.5714285714rem !important;
}

/* line 3, app/assets/stylesheets/mypage/import/_button.sass */
.btn {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 0;
  border-radius: 500px;
  line-height: 1.3;
  padding: 1em 1.875em;
  margin: .5rem;
  font-weight: 700;
  -webkit-box-shadow: 0 3px 5px rgba(68, 68, 68, 0.3);
          box-shadow: 0 3px 5px rgba(68, 68, 68, 0.3);
}

/* line 20, app/assets/stylesheets/mypage/import/_button.sass */
.btn:hover {
  text-decoration: none;
}

/* line 22, app/assets/stylesheets/mypage/import/_button.sass */
.btn-primary {
  color: #fff;
  background-color: #00afdd;
}

/* line 25, app/assets/stylesheets/mypage/import/_button.sass */
.btn-primary:hover {
  color: #fff;
  background-color: #0087aa;
}

/* line 28, app/assets/stylesheets/mypage/import/_button.sass */
.btn-default {
  color: #fff;
  background-color: #3e4549;
}

/* line 31, app/assets/stylesheets/mypage/import/_button.sass */
.btn-default:hover {
  color: #fff;
  background-color: #272b2d;
}

/* line 34, app/assets/stylesheets/mypage/import/_button.sass */
.btn-accent {
  color: #fff;
  background-color: #ff7682;
}

/* line 37, app/assets/stylesheets/mypage/import/_button.sass */
.btn-accent:hover {
  color: #fff;
  background-color: #ff4353;
}

/* line 40, app/assets/stylesheets/mypage/import/_button.sass */
.btn-max-width {
  width: 100%;
  max-width: 320px;
  margin-left: 0;
  margin-right: 0;
}

/* line 45, app/assets/stylesheets/mypage/import/_button.sass */
.btn-cta {
  color: #fff;
  background-color: #ff7682;
  font-weight: 700;
  white-space: nowrap;
  padding: 1em 1.3em;
  margin: 0;
  font-size: 1.4285714286rem;
}

@media (max-width: 991px) {
  /* line 45, app/assets/stylesheets/mypage/import/_button.sass */
  .btn-cta {
    font-size: 1.2857142857rem;
  }
}

/* line 55, app/assets/stylesheets/mypage/import/_button.sass */
.btn-cta span {
  display: block;
  letter-spacing: .2em;
  font-weight: normal;
  font-size: 1rem;
}

/* line 60, app/assets/stylesheets/mypage/import/_button.sass */
.btn-cta:hover {
  color: #fff;
  background-color: #ff4353;
}

/* line 63, app/assets/stylesheets/mypage/import/_button.sass */
.text-btn {
  color: #888888;
  text-decoration: underline;
  font-size: 0.8571428571rem;
}

/* line 67, app/assets/stylesheets/mypage/import/_button.sass */
.text-btn:hover {
  color: #888888;
  text-decoration: none;
}

/* line 70, app/assets/stylesheets/mypage/import/_button.sass */
.text-btn::before {
  content: "";
  display: inline-block;
  margin-right: 5px;
  width: 5px;
  height: 10px;
  background: url(/assets/mypage/common/icon/icon_triangle_right-7d3cd83673df3ad77e32fcc17baf4efe8df145aabb4f0156d0a6782cdedbe4e1.svg) left top/cover;
}

/* line 78, app/assets/stylesheets/mypage/import/_button.sass */
.text-btn-plus::before {
  content: "＋";
  width: auto;
  height: auto;
  background: none;
}

/* line 37, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--xs {
  font-size: 0.7142857143rem !important;
}

/* line 40, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--sm {
  font-size: 0.8571428571rem !important;
}

/* line 43, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--default {
  font-size: 1rem !important;
}

/* line 46, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--md {
  font-size: 1.1428571429rem !important;
}

/* line 49, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--lg {
  font-size: 1.2857142857rem !important;
}

/* line 52, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--xl {
  font-size: 1.5714285714rem !important;
}

/* line 4, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-wrapper sup {
  top: -0.5em;
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 12, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-mainVisual {
  text-align: center;
  background-color: #00afdd;
}

/* line 15, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-mainVisual picture {
  display: inline-block;
  background-color: #ffffff;
}

/* line 20, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-campaign {
  text-align: center;
  margin: 3rem 0;
}

@media (max-width: 575px) {
  /* line 20, app/assets/stylesheets/mypage/import/_model-change.sass */
  .modelChange-campaign {
    margin: 0;
  }
}

/* line 29, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-tokuten-inner > [class*="col-"] {
  margin-bottom: 2rem;
}

/* line 31, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-tokuten-unit {
  position: relative;
  background: #ffffff;
  padding: 2rem 1.5rem;
  height: 100%;
  -webkit-box-shadow: 0 2px 6px rgba(0, 41, 81, 0.3);
          box-shadow: 0 2px 6px rgba(0, 41, 81, 0.3);
}

/* line 38, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-tokuten-row {
  margin: 0 -6px;
}

/* line 40, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-tokuten-row > [class*="col-"] {
  padding: 0 6px;
}

/* line 42, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-tokuten-title {
  color: #ff7682;
  margin-bottom: 1rem;
  font-size: 1.7142857143rem;
}

/* line 46, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-tokuten-figure {
  width: 100%;
  max-width: 160px;
  margin: 0 auto;
}

/* line 50, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-tokuten-step-wrap {
  position: absolute;
  top: -10px;
  left: -10px;
  z-index: 1;
}

@media (max-width: 767px) {
  /* line 50, app/assets/stylesheets/mypage/import/_model-change.sass */
  .modelChange-tokuten-step-wrap {
    width: 50px;
    height: 50px;
  }
}

/* line 58, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-tokuten-step {
  text-align: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #1992eb;
  color: #ffffff;
  font-weight: 700;
  line-height: 1.1;
  display: table-cell;
  vertical-align: middle;
  font-size: 0.7142857143rem;
}

@media (max-width: 767px) {
  /* line 58, app/assets/stylesheets/mypage/import/_model-change.sass */
  .modelChange-tokuten-step {
    width: 50px;
    height: 50px;
  }
}

/* line 73, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-tokuten-step span {
  display: block;
  font-family: "Roboto", sans-serif;
  font-size: 1.8571428571rem;
}

@media (min-width: 768px) {
  /* line 77, app/assets/stylesheets/mypage/import/_model-change.sass */
  .modelChange-tokuten .btn {
    font-size: 1.2857142857rem;
  }
}

/* line 83, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-device-name {
  font-family: "Roboto", sans-serif;
  letter-spacing: .1em;
  line-height: 1.1;
  margin-bottom: 1rem;
  font-size: 2.1428571429rem;
}

@media (max-width: 991px) {
  /* line 83, app/assets/stylesheets/mypage/import/_model-change.sass */
  .modelChange-device-name {
    font-size: 1.8571428571rem;
  }
}

@media (max-width: 767px) {
  /* line 83, app/assets/stylesheets/mypage/import/_model-change.sass */
  .modelChange-device-name {
    text-align: center;
  }
}

/* line 93, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-device-name span {
  display: block;
  font-size: 3.5714285714rem;
}

@media (max-width: 991px) {
  /* line 93, app/assets/stylesheets/mypage/import/_model-change.sass */
  .modelChange-device-name span {
    font-size: 2.8571428571rem;
  }
}

@media (max-width: 767px) {
  /* line 93, app/assets/stylesheets/mypage/import/_model-change.sass */
  .modelChange-device-name span {
    display: inline-block;
    margin: 0 .2rem;
    font-size: 1.8571428571rem;
  }
}

/* line 102, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-device-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -2%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (max-width: 991px) {
  /* line 102, app/assets/stylesheets/mypage/import/_model-change.sass */
  .modelChange-device-meta {
    font-size: 0.8571428571rem;
  }
}

/* line 108, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-device-meta > [class*="modelChange-device-meta"] {
  width: 46%;
  margin: 0 2%;
  padding: 1rem 0;
  border-bottom: 1px solid #d1d1d1;
}

/* line 113, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-device-meta-area {
  width: 96% !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* line 118, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-device-meta-weight::before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  background: url(/assets/renewal_designs/icon-scale-eb34b67676a26ca4d0332f1c32d235a9c270fed9d3625863c70ed0eca7ab6755.svg) left top/cover;
  float: left;
  margin-right: 1rem;
}

/* line 126, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-device-order {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -6px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* line 131, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-device-order > p {
  margin: 0 6px;
}

/* line 133, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-device-order-free {
  background-color: #f5f9fc;
  color: #00afdd;
  font-weight: bold;
  white-space: nowrap;
  line-height: 45px;
  padding: 0 2rem;
  border-radius: 3px;
  width: 100%;
  max-width: 200px;
  text-align: center;
  font-size: 1.1428571429rem;
}

@media (max-width: 991px) {
  /* line 133, app/assets/stylesheets/mypage/import/_model-change.sass */
  .modelChange-device-order-free {
    padding: 0 1rem;
    font-size: 1rem;
  }
}

/* line 148, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-device-order-free span {
  font-size: 1.7142857143rem;
}

@media (max-width: 991px) {
  /* line 148, app/assets/stylesheets/mypage/import/_model-change.sass */
  .modelChange-device-order-free span {
    font-size: 1.4285714286rem;
  }
}

/* line 154, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-device-card {
  position: relative;
  background: #ffffff;
  padding: 3rem 1.28rem 5rem;
  border-radius: 3px;
  text-align: center;
  -webkit-box-shadow: 0 2px 6px rgba(0, 41, 81, 0.3);
          box-shadow: 0 2px 6px rgba(0, 41, 81, 0.3);
}

/* line 161, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-device-card-column {
  margin-top: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -12px;
  margin-left: -12px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 767px) {
  /* line 161, app/assets/stylesheets/mypage/import/_model-change.sass */
  .modelChange-device-card-column {
    display: block;
    margin: 0;
  }
}

/* line 171, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-device-card-column .modelChange-device-card {
  margin: 0 12px 24px;
  width: calc(100%/3 - 24px);
}

@media (max-width: 767px) {
  /* line 171, app/assets/stylesheets/mypage/import/_model-change.sass */
  .modelChange-device-card-column .modelChange-device-card {
    width: 100%;
    max-width: 310px;
    margin: 0 auto;
    margin-bottom: 30px;
  }
}

/* line 179, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-device-card-feature {
  font-weight: 700;
  margin-bottom: 3rem;
}

/* line 182, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-device-card-colors {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: .5rem;
}

/* line 187, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-device-card-free {
  margin: 0;
  position: absolute;
  bottom: 28px;
  left: 14px;
  right: 10px;
  text-align: center;
  color: #00afdd;
  background-color: #f5f9fc;
  border-radius: 3px;
  font-weight: 700;
  height: 44px;
  line-height: 44px;
  white-space: nowrap;
  font-size: 1.2857142857rem;
}

/* line 202, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-device-card-free span {
  display: inline-block;
  margin: 0 .2rem;
  font-size: 1.7142857143rem;
}

/* line 206, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-device-card-name {
  font-weight: 700;
  font-family: "Roboto", sans-serif;
  letter-spacing: .1em;
  line-height: 1.2;
  word-break: break-all;
  margin: 1rem 0 0 0;
  font-size: 1.0714285714rem;
}

@media (max-width: 767px) {
  /* line 206, app/assets/stylesheets/mypage/import/_model-change.sass */
  .modelChange-device-card-name {
    font-size: 1.5rem;
  }
}

/* line 216, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-device-card-name span {
  display: block;
  font-size: 2.5rem;
}

@media (max-width: 767px) {
  /* line 216, app/assets/stylesheets/mypage/import/_model-change.sass */
  .modelChange-device-card-name span {
    display: inline-block;
    margin: 0 .3rem;
    font-size: 1.5rem;
  }
}

/* line 223, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-device-card-name a {
  color: #3e4549;
}

/* line 225, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-device-card-name a:hover {
  text-decoration: none;
}

/* line 227, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-device-card-label {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100px;
  height: 100px;
}

/* line 234, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-device-card-label span {
  font-size: 0.8571428571rem;
  position: absolute;
  top: 28px;
  right: -38px;
  display: inline-block;
  padding: 5px 0;
  width: 200px;
  background: #f29249;
  color: #fff;
  text-align: center;
  font-weight: bold;
  line-height: 1;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/* line 248, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-device-card__ribbon {
  position: absolute;
  top: 20px;
  right: -27px;
  display: inline-block;
  padding: 7px 0;
  width: 100%;
  width: 160px;
  background-color: #f3e521;
  -webkit-box-shadow: 0 2px 6px rgba(0, 41, 81, 0.3);
          box-shadow: 0 2px 6px rgba(0, 41, 81, 0.3);
  color: #002b8e;
  font-weight: 600;
  font-size: 14px;
  line-height: 14px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/* line 263, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-device-card__ribbon::before {
  position: absolute;
  bottom: -4px;
  left: 14px;
  border-top: 4px solid #ADA317;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
}

/* line 271, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-device-card__ribbon::after {
  position: absolute;
  right: 18px;
  bottom: -4px;
  border-top: 4px solid #ADA317;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
}

/* line 279, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-device-card__ribbon-wrap {
  position: absolute;
  top: -6px;
  left: -6px;
  overflow: hidden;
  width: 89px;
  height: 91px;
}

/* line 286, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-device-color {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin: .1rem;
  border: 1px solid transparent;
}

/* line 293, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-device-color-white {
  border-color: #d1d1d1;
}

/* line 295, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-device-thumb {
  position: relative;
}

/* line 297, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-device-thumb img {
  display: inline-block !important;
}

/* line 299, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-device-thumb-speed-wrap {
  position: absolute;
  top: -25px;
  right: 0;
}

/* line 303, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-device-thumb-speed {
  width: 55px;
  height: 55px;
  color: #00afdd;
  background-color: #ffffff;
  border: 1px dotted #00afdd;
  border-radius: 50%;
  text-align: center;
  font-weight: 700;
  line-height: 1.2;
  display: table-cell;
  vertical-align: middle;
  font-size: 1.1428571429rem;
}

/* line 316, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-device-thumb-speed span {
  display: block;
  font-size: 0.8571428571rem;
}

/* line 322, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-flow-row {
  margin: 0 -12px;
}

@media (max-width: 767px) {
  /* line 322, app/assets/stylesheets/mypage/import/_model-change.sass */
  .modelChange-flow-row {
    padding-top: 1rem;
  }
}

/* line 326, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-flow-row [class*="col-"] {
  text-align: center;
  padding: 0 12px;
  position: relative;
}

@media (max-width: 767px) {
  /* line 330, app/assets/stylesheets/mypage/import/_model-change.sass */
  .modelChange-flow-step-arrow {
    margin-bottom: 60px;
  }
}

/* line 333, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-flow-step-arrow::after {
  content: "";
  display: block;
  width: 9px;
  height: 16px;
  background: url(/assets/mypage/common/icon/icon_right_blue-b75add0148ca0f63d0fde33ef87fc4ed7d04e04f01fc5e7a83cb8c50f91a8637.svg) left top/cover;
  position: absolute;
  top: 76px;
  right: -6px;
}

@media (max-width: 767px) {
  /* line 333, app/assets/stylesheets/mypage/import/_model-change.sass */
  .modelChange-flow-step-arrow::after {
    top: auto;
    right: auto;
    left: 50%;
    bottom: -15px;
    margin-left: -4px;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}

/* line 349, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-flow-figure {
  position: relative;
  margin-bottom: 2rem;
}

@media (max-width: 767px) {
  /* line 349, app/assets/stylesheets/mypage/import/_model-change.sass */
  .modelChange-flow-figure {
    margin-bottom: 1.5rem;
  }
}

/* line 354, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-flow-step-wrap {
  position: absolute;
  top: -30px;
  left: 20px;
}

@media (max-width: 767px) {
  /* line 354, app/assets/stylesheets/mypage/import/_model-change.sass */
  .modelChange-flow-step-wrap {
    top: -25px;
    left: 50%;
    margin-left: -25px;
    width: 50px;
    height: 50px;
  }
}

/* line 364, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-flow-step {
  text-align: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #00afdd;
  color: #ffffff;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  line-height: 1.1;
  display: table-cell;
  vertical-align: middle;
  font-size: 0.7142857143rem;
}

@media (max-width: 767px) {
  /* line 364, app/assets/stylesheets/mypage/import/_model-change.sass */
  .modelChange-flow-step {
    width: 50px;
    height: 50px;
  }
}

/* line 380, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-flow-step span {
  display: block;
  font-size: 1.8571428571rem;
}

/* line 387, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-plan-table.table {
  border: 2px solid #d1d1d1;
}

/* line 389, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-plan-table.table th {
  width: 20%;
  min-width: 10px;
}

/* line 392, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-plan-table.table caption {
  margin: 0;
  border: 2px solid #d1d1d1;
  border-bottom: 0;
  background-color: #f9f9f9;
  padding: 1.5rem;
  margin: 0;
  text-align: center;
  font-weight: 700;
  line-height: 1.3;
  font-size: 1.5714285714rem;
}

@media (max-width: 767px) {
  /* line 392, app/assets/stylesheets/mypage/import/_model-change.sass */
  .modelChange-plan-table.table caption {
    padding: 1rem .2rem;
    font-size: 1.1428571429rem;
  }
}

@media (max-width: 575px) {
  /* line 392, app/assets/stylesheets/mypage/import/_model-change.sass */
  .modelChange-plan-table.table caption {
    font-size: 1rem;
  }
}

@media (max-width: 767px) {
  /* line 410, app/assets/stylesheets/mypage/import/_model-change.sass */
  .modelChange-plan-table-old th {
    display: none;
  }
}

/* line 412, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-plan-notice {
  border: 1px solid #d1d1d1;
  margin: 0 auto 1rem auto;
  padding: .3rem;
  width: 100%;
  max-width: 300px;
  border-radius: 3px;
  font-weight: 700;
}

@media (max-width: 767px) {
  /* line 412, app/assets/stylesheets/mypage/import/_model-change.sass */
  .modelChange-plan-notice {
    font-size: 0.8571428571rem;
  }
}

/* line 422, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-plan-device {
  vertical-align: middle;
  text-align: center;
  font-weight: 700;
  height: 200px;
}

@media (max-width: 767px) {
  /* line 422, app/assets/stylesheets/mypage/import/_model-change.sass */
  .modelChange-plan-device {
    font-size: 0.8571428571rem;
  }
}

@media (max-width: 575px) {
  /* line 422, app/assets/stylesheets/mypage/import/_model-change.sass */
  .modelChange-plan-device {
    height: 160px;
  }
}

/* line 431, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-plan-img {
  display: block;
  text-align: center;
}

@media (max-width: 767px) {
  /* line 435, app/assets/stylesheets/mypage/import/_model-change.sass */
  .modelChange-plan-img img {
    width: 300px;
  }
}

/* line 437, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-plan-plus {
  font-weight: 700;
  line-height: 1;
  margin: 1rem;
  color: #1992eb;
}

/* line 442, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-plan-plus span {
  display: block;
  font-weight: 700;
  font-size: 3.4285714286rem;
}

/* line 447, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-plan-table-new.table {
  border: 2px solid #1992eb;
}

/* line 449, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-plan-table-new.table td {
  background-color: #f5f9fc;
}

/* line 451, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-plan-table-new.table caption {
  color: #ffffff;
  border-color: #1992eb;
  background-color: #1992eb;
}

/* line 455, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-plan-table-new .modelChange-plan-notice {
  color: #ffffff;
  border-color: #1992eb;
  background-color: #1992eb;
}

/* line 462, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-faq-list {
  padding: 0;
}

/* line 464, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-faq-list-item {
  margin: 0 0 2rem 0;
  padding: 0;
  border-radius: 3px;
  overflow: hidden;
  word-break: break-all;
}

@media (max-width: 767px) {
  /* line 464, app/assets/stylesheets/mypage/import/_model-change.sass */
  .modelChange-faq-list-item {
    margin: 0 0 .5rem 0;
    line-height: 1.5;
  }
}

/* line 473, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-faq-q {
  background-color: #f5f9fc;
  margin: 0;
  padding: 1rem 1rem 1rem 2rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.1428571429rem;
}

@media (max-width: 767px) {
  /* line 473, app/assets/stylesheets/mypage/import/_model-change.sass */
  .modelChange-faq-q {
    padding-left: 1.5rem;
    font-size: 1rem;
  }
}

/* line 485, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-faq-q:hover {
  cursor: pointer;
}

/* line 487, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-faq-q::before {
  content: "Q";
  display: inline-block;
  color: #00afdd;
  font-weight: 700;
  margin-right: 2rem;
  font-size: 2rem;
}

@media (max-width: 767px) {
  /* line 487, app/assets/stylesheets/mypage/import/_model-change.sass */
  .modelChange-faq-q::before {
    margin-right: 1.5rem;
  }
}

/* line 496, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-faq-q::after {
  content: "＋";
  display: inline-block;
  color: #888888;
  margin-left: auto;
  padding-left: 1rem;
  font-size: 1.7142857143rem;
}

/* line 503, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-faq-q.is-toggle-opened {
  background-color: #00afdd;
  color: #ffffff;
}

/* line 506, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-faq-q.is-toggle-opened::before, .modelChange-faq-q.is-toggle-opened::after {
  color: #ffffff;
}

/* line 508, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-faq-q.is-toggle-opened::after {
  content: "ー";
}

/* line 510, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-faq-a {
  background-color: #f5f9fc;
  padding: 2rem 3rem 2rem 5rem;
  margin: 0;
}

@media (max-width: 767px) {
  /* line 510, app/assets/stylesheets/mypage/import/_model-change.sass */
  .modelChange-faq-a {
    padding: 1.5rem;
    font-size: 0.9285714286rem;
  }
}

/* line 517, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-faq-a dd {
  padding: .5rem 0;
  margin-left: 0;
}

/* line 520, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-faq-a ol {
  padding-left: 1rem;
  list-style: decimal;
  line-height: 1.85;
}

/* line 526, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-cta {
  color: #ffffff;
  padding: 2rem 0;
  background-color: #00afdd;
}

/* line 530, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-cta-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

@media (max-width: 767px) {
  /* line 530, app/assets/stylesheets/mypage/import/_model-change.sass */
  .modelChange-cta-inner {
    display: block;
  }
}

@media (max-width: 767px) {
  /* line 537, app/assets/stylesheets/mypage/import/_model-change.sass */
  .modelChange-cta-inner picture img {
    width: 240px;
    margin-bottom: 1rem;
  }
}

/* line 541, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-cta-title {
  font-weight: 700;
  line-height: 1;
  margin-bottom: .5rem;
  padding: 0 2rem;
  position: relative;
  display: inline-block;
  white-space: nowrap;
  font-size: 1.2857142857rem;
}

/* line 550, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-cta-title::before, .modelChange-cta-title::after {
  position: absolute;
  bottom: 0;
  display: inline-block;
}

/* line 554, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-cta-title::before {
  content: "＼";
  left: 0;
}

/* line 557, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-cta-title::after {
  content: "／";
  right: 0;
}

@media (max-width: 767px) {
  /* line 541, app/assets/stylesheets/mypage/import/_model-change.sass */
  .modelChange-cta-title {
    padding: 0 1.2rem;
    font-size: 1rem;
  }
}

/* line 563, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-cta-btn-wrap {
  margin: 0 1rem;
}

/* line 565, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-cta .btn {
  font-size: 1.2857142857rem;
}

@media (max-width: 991px) {
  /* line 565, app/assets/stylesheets/mypage/import/_model-change.sass */
  .modelChange-cta .btn {
    font-size: 1.1428571429rem;
  }
}

/* line 569, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-cta-notice {
  margin-top: .5rem;
  line-height: 1.2;
  font-size: 0.8571428571rem;
}

/* line 573, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-cta-lastChild {
  margin-bottom: -2.5rem;
}

/* line 578, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-price-unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* line 582, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-price-unit-head {
  font-weight: 700;
  font-size: 1.1428571429rem;
  padding-right: 20px;
  position: relative;
}

/* line 587, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-price-unit-head::after {
  content: "";
  display: inline-block;
  width: 5px;
  height: 10px;
  background: url(/assets/mypage/common/icon/icon_triangle_right-7d3cd83673df3ad77e32fcc17baf4efe8df145aabb4f0156d0a6782cdedbe4e1.svg) left top/cover;
  position: absolute;
  top: 50%;
  right: 8px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

/* line 597, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-price-amount {
  font-weight: 700;
  line-height: 1;
  margin: 0;
}

/* line 601, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-price-amount em {
  font-style: normal;
  font-family: "Roboto", sans-serif;
  font-size: 2.5rem;
}

@media (max-width: 575px) {
  /* line 601, app/assets/stylesheets/mypage/import/_model-change.sass */
  .modelChange-price-amount em {
    font-size: 2rem;
  }
}

/* line 607, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-price-amount em::before {
  content: "月額";
  display: inline-block;
  line-height: 1;
  margin-right: 6px;
  width: 1em;
  font-size: 1rem;
}

@media (max-width: 575px) {
  /* line 607, app/assets/stylesheets/mypage/import/_model-change.sass */
  .modelChange-price-amount em::before {
    font-size: 0.8571428571rem;
  }
}

/* line 616, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-price-amount span {
  position: relative;
  display: inline-block;
  padding-left: 6px;
  font-size: 1.5714285714rem;
}

/* line 621, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-price-amount span::before {
  position: absolute;
  top: -10px;
  left: 3px;
  white-space: nowrap;
  content: "(税込)";
  display: inline-block;
  line-height: 1;
  font-size: 0.7142857143rem;
}

/* line 632, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-price-amount-monthly-none em::before {
  display: none;
}

/* line 636, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-price-amount-tax-none span::before {
  display: none;
}

/* line 640, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-banner {
  border: 2px solid #00afdd;
  background-color: #ffffff;
  padding: 1rem 1rem 1.3rem 1rem;
  text-align: center;
  display: block;
}

/* line 646, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-banner img {
  margin-bottom: .8rem;
}

/* line 648, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-banner .btn {
  width: 100%;
  margin: 0;
  max-width: 350px;
}

@media (max-width: 767px) {
  /* line 653, app/assets/stylesheets/mypage/import/_model-change.sass */
  .modelChange-banner img {
    width: 268px;
  }
}

/* line 658, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-joken-title-section {
  font-size: 1.2857142857rem;
  color: #1992eb;
}

@media (min-width: 768px) {
  /* line 658, app/assets/stylesheets/mypage/import/_model-change.sass */
  .modelChange-joken-title-section {
    font-size: 1.9285714286rem;
  }
}

/* line 664, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-joken-inner > [class*="col-"] {
  margin-bottom: 2rem;
}

@media (min-width: 768px) {
  /* line 664, app/assets/stylesheets/mypage/import/_model-change.sass */
  .modelChange-joken-inner > [class*="col-"] {
    margin-bottom: 0;
  }
}

/* line 668, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-joken-unit {
  background: #ffffff;
  padding: 2rem 1.5rem;
  height: 100%;
  -webkit-box-shadow: 0 2px 6px rgba(0, 41, 81, 0.3);
          box-shadow: 0 2px 6px rgba(0, 41, 81, 0.3);
}

/* line 673, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-joken-title {
  color: #ff7682;
  margin-top: 1rem;
}

/* line 676, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-joken-img-figure {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

/* line 681, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-cta--v2 {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #b6e8f5;
  text-align: center;
}

/* line 688, app/assets/stylesheets/mypage/import/_model-change.sass */
.modelChange-campaign-warp {
  background-color: #00AFDD;
  text-align: center;
}

/* line 693, app/assets/stylesheets/mypage/import/_model-change.sass */
.banner-gigamax {
  text-align: center;
  display: inline;
}

/* line 696, app/assets/stylesheets/mypage/import/_model-change.sass */
.banner-gigamax:hover {
  cursor: pointer;
}

/* line 699, app/assets/stylesheets/mypage/import/_model-change.sass */
.modaal-content-container {
  padding: 0;
}

/* line 703, app/assets/stylesheets/mypage/import/_model-change.sass */
.p-popup-gigamax {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100vh;
}

/* line 711, app/assets/stylesheets/mypage/import/_model-change.sass */
.p-popup-gigamax-wrap {
  overflow: auto;
  overflow: -moz-scrollbars-none;
  width: 100%;
  height: 100%;
}

/* line 716, app/assets/stylesheets/mypage/import/_model-change.sass */
.p-popup-gigamax-wrap::-webkit-scrollbar {
  display: none;
}

/* line 718, app/assets/stylesheets/mypage/import/_model-change.sass */
.p-popup-gigamax__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
}

/* line 725, app/assets/stylesheets/mypage/import/_model-change.sass */
.p-popup-gigamax__body {
  position: relative;
  font-size: 14px;
}

@media (min-width: 576px) {
  /* line 725, app/assets/stylesheets/mypage/import/_model-change.sass */
  .p-popup-gigamax__body {
    font-size: 25px;
  }
}

/* line 733, app/assets/stylesheets/mypage/import/_model-change.sass */
.p-popup-gigamax__body-cont {
  margin: 0 auto;
  max-width: 1000px;
  border: 3px solid #0098fe;
  background-color: #ffffff;
}

/* line 738, app/assets/stylesheets/mypage/import/_model-change.sass */
.p-popup-gigamax__body-cont img {
  width: 100%;
}

/* line 740, app/assets/stylesheets/mypage/import/_model-change.sass */
.p-popup-gigamax__body-section {
  padding: 0 20px;
}

@media (min-width: 576px) {
  /* line 740, app/assets/stylesheets/mypage/import/_model-change.sass */
  .p-popup-gigamax__body-section {
    padding: 0 40px;
  }
}

/* line 744, app/assets/stylesheets/mypage/import/_model-change.sass */
.p-popup-gigamax__body-section p {
  margin-top: 10px;
}

@media (min-width: 576px) {
  /* line 744, app/assets/stylesheets/mypage/import/_model-change.sass */
  .p-popup-gigamax__body-section p {
    margin-top: 30px;
  }
}

/* line 748, app/assets/stylesheets/mypage/import/_model-change.sass */
.p-popup-gigamax__body-title {
  margin-top: 20px;
  padding-left: 10px;
  border-left: 5px solid #0098fe;
  font-size: 20px;
  line-height: 1.3;
}

@media (min-width: 576px) {
  /* line 748, app/assets/stylesheets/mypage/import/_model-change.sass */
  .p-popup-gigamax__body-title {
    margin-top: 30px;
    border-left: 10px solid #0098fe;
    font-size: 36px;
  }
}

/* line 758, app/assets/stylesheets/mypage/import/_model-change.sass */
.p-popup-gigamax__body-text-sm {
  font-size: 75%;
}

/* line 762, app/assets/stylesheets/mypage/import/_model-change.sass */
.p-popup-gigamax-button {
  padding: 20px 0;
  text-align: center;
}

@media (min-width: 576px) {
  /* line 762, app/assets/stylesheets/mypage/import/_model-change.sass */
  .p-popup-gigamax-button {
    padding: 30px 0;
  }
}

/* line 769, app/assets/stylesheets/mypage/import/_model-change.sass */
.p-popup-gigamax-close {
  margin: 0 auto;
  max-width: 960px;
  text-align: right;
  font-size: 20px;
  line-height: 1;
}

@media (min-width: 576px) {
  /* line 769, app/assets/stylesheets/mypage/import/_model-change.sass */
  .p-popup-gigamax-close {
    font-size: 30px;
  }
}

/* line 777, app/assets/stylesheets/mypage/import/_model-change.sass */
.p-popup-gigamax-close a {
  text-decoration: none;
}

/* line 37, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--xs {
  font-size: 0.7142857143rem !important;
}

/* line 40, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--sm {
  font-size: 0.8571428571rem !important;
}

/* line 43, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--default {
  font-size: 1rem !important;
}

/* line 46, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--md {
  font-size: 1.1428571429rem !important;
}

/* line 49, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--lg {
  font-size: 1.2857142857rem !important;
}

/* line 52, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--xl {
  font-size: 1.5714285714rem !important;
}

/* Slider */
/* Icons */
/* Arrows */
/* line 63, app/assets/stylesheets/mypage/import/../../renewal_designs/object/component/_slick-theme.scss */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}

/* line 81, app/assets/stylesheets/mypage/import/../../renewal_designs/object/component/_slick-theme.scss */
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}

/* line 85, app/assets/stylesheets/mypage/import/../../renewal_designs/object/component/_slick-theme.scss */
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

/* line 89, app/assets/stylesheets/mypage/import/../../renewal_designs/object/component/_slick-theme.scss */
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

/* line 92, app/assets/stylesheets/mypage/import/../../renewal_designs/object/component/_slick-theme.scss */
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 103, app/assets/stylesheets/mypage/import/../../renewal_designs/object/component/_slick-theme.scss */
.slick-prev {
  left: -25px;
}

/* line 105, app/assets/stylesheets/mypage/import/../../renewal_designs/object/component/_slick-theme.scss */
[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px;
}

/* line 109, app/assets/stylesheets/mypage/import/../../renewal_designs/object/component/_slick-theme.scss */
.slick-prev:before {
  content: "";
}

/* line 111, app/assets/stylesheets/mypage/import/../../renewal_designs/object/component/_slick-theme.scss */
[dir="rtl"] .slick-prev:before {
  content: "";
}

/* line 117, app/assets/stylesheets/mypage/import/../../renewal_designs/object/component/_slick-theme.scss */
.slick-next {
  right: -25px;
}

/* line 119, app/assets/stylesheets/mypage/import/../../renewal_designs/object/component/_slick-theme.scss */
[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}

/* line 123, app/assets/stylesheets/mypage/import/../../renewal_designs/object/component/_slick-theme.scss */
.slick-next:before {
  content: "";
}

/* line 125, app/assets/stylesheets/mypage/import/../../renewal_designs/object/component/_slick-theme.scss */
[dir="rtl"] .slick-next:before {
  content: "";
}

/* Dots */
/* line 133, app/assets/stylesheets/mypage/import/../../renewal_designs/object/component/_slick-theme.scss */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

/* line 137, app/assets/stylesheets/mypage/import/../../renewal_designs/object/component/_slick-theme.scss */
.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}

/* line 146, app/assets/stylesheets/mypage/import/../../renewal_designs/object/component/_slick-theme.scss */
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

/* line 154, app/assets/stylesheets/mypage/import/../../renewal_designs/object/component/_slick-theme.scss */
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}

/* line 166, app/assets/stylesheets/mypage/import/../../renewal_designs/object/component/_slick-theme.scss */
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}

/* line 168, app/assets/stylesheets/mypage/import/../../renewal_designs/object/component/_slick-theme.scss */
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}

/* line 172, app/assets/stylesheets/mypage/import/../../renewal_designs/object/component/_slick-theme.scss */
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 189, app/assets/stylesheets/mypage/import/../../renewal_designs/object/component/_slick-theme.scss */
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

/* Slider */
/* line 3, app/assets/stylesheets/mypage/import/../../renewal_designs/object/component/_slick.scss */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

/* line 17, app/assets/stylesheets/mypage/import/../../renewal_designs/object/component/_slick.scss */
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

/* line 24, app/assets/stylesheets/mypage/import/../../renewal_designs/object/component/_slick.scss */
.slick-list:focus {
  outline: none;
}

/* line 28, app/assets/stylesheets/mypage/import/../../renewal_designs/object/component/_slick.scss */
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

/* line 33, app/assets/stylesheets/mypage/import/../../renewal_designs/object/component/_slick.scss */
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* line 42, app/assets/stylesheets/mypage/import/../../renewal_designs/object/component/_slick.scss */
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* line 50, app/assets/stylesheets/mypage/import/../../renewal_designs/object/component/_slick.scss */
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

/* line 56, app/assets/stylesheets/mypage/import/../../renewal_designs/object/component/_slick.scss */
.slick-track:after {
  clear: both;
}

/* line 60, app/assets/stylesheets/mypage/import/../../renewal_designs/object/component/_slick.scss */
.slick-loading .slick-track {
  visibility: hidden;
}

/* line 64, app/assets/stylesheets/mypage/import/../../renewal_designs/object/component/_slick.scss */
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

/* line 68, app/assets/stylesheets/mypage/import/../../renewal_designs/object/component/_slick.scss */
[dir="rtl"] .slick-slide {
  float: right;
}

/* line 71, app/assets/stylesheets/mypage/import/../../renewal_designs/object/component/_slick.scss */
.slick-slide img {
  display: block;
}

/* line 74, app/assets/stylesheets/mypage/import/../../renewal_designs/object/component/_slick.scss */
.slick-slide.slick-loading img {
  display: none;
}

/* line 80, app/assets/stylesheets/mypage/import/../../renewal_designs/object/component/_slick.scss */
.slick-slide.dragging img {
  pointer-events: none;
}

/* line 84, app/assets/stylesheets/mypage/import/../../renewal_designs/object/component/_slick.scss */
.slick-initialized .slick-slide {
  display: block;
}

/* line 88, app/assets/stylesheets/mypage/import/../../renewal_designs/object/component/_slick.scss */
.slick-loading .slick-slide {
  visibility: hidden;
}

/* line 92, app/assets/stylesheets/mypage/import/../../renewal_designs/object/component/_slick.scss */
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

/* line 98, app/assets/stylesheets/mypage/import/../../renewal_designs/object/component/_slick.scss */
.slick-arrow.slick-hidden {
  display: none;
}

@font-face {
  font-family: 'iconfont';
  src: url(/assets/iconfont-6fc9e099885e55a21d6175fd98945ec65d697461506b3ebfcfd27df410512ac1.eot?m6q175);
  src: url(/assets/iconfont-6fc9e099885e55a21d6175fd98945ec65d697461506b3ebfcfd27df410512ac1.eot?m6q175#iefix) format("embedded-opentype"), url(/assets/iconfont-8f1278dd3310efef649a9aa3b67080f54e688de079a64b1e0b4ef8f55fc9903a.ttf?m6q175) format("truetype"), url(/assets/iconfont-fdc8a286f41fc60be9969900e9496475cc18f1a702aaf07db386bcf3a15512c0.woff?m6q175) format("woff"), url(/assets/iconfont-4653212e8e2441a78a422a2658cfdcac565d593cc5335a48e0c4fab33cc116be.svg?m6q175#iconfont) format("svg");
  font-weight: normal;
  font-style: normal;
}

/* line 15, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
body {
  color: #2a3b4c;
  font-family: 'Noto Sans JP', sans-serif;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}

@media (min-width: 992px) {
  /* line 22, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-header .gnav {
    display: none !important;
  }
}

@media (max-width: 991px) {
  /* line 25, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-header-btn {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 50px;
    z-index: 10000;
  }
}

/* line 33, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-hero {
  margin: 0 auto;
  max-width: 1000px;
  text-align: center;
}

@media (min-width: 600px) {
  /* line 33, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-hero {
    padding: 15px 0 20px;
  }
}

@media (min-width: 576px) {
  /* line 40, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-hero-wrap {
    background: #4cdcd8;
  }
}

/* line 46, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-section-bg {
  background: #EDFBFF;
}

/* line 49, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-lead {
  background: #dadada;
  padding: 25px 10px;
  text-align: center;
}

@media (max-width: 767px) {
  /* line 49, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-lead {
    padding: 15px 10px;
  }
}

/* line 57, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-application {
  text-align: center;
}

/* line 59, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-application-text {
  margin: auto;
  padding: 0 2rem;
  position: relative;
  display: inline-block;
  font-size: 2rem;
  font-weight: bold;
}

@media (max-width: 767px) {
  /* line 59, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-application-text {
    font-size: 1.2857142857rem;
  }
}

/* line 68, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-application-text::before {
  content: "＼";
  position: absolute;
  bottom: 0;
  display: inline-block;
  left: 0;
}

/* line 74, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-application-text::after {
  content: "／";
  position: absolute;
  bottom: 0;
  display: inline-block;
  right: 0;
}

/* line 80, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-application-text2 {
  margin: auto;
  font-size: 2.0714285714rem;
  font-weight: bold;
}

@media (max-width: 767px) {
  /* line 80, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-application-text2 {
    font-size: 1.5714285714rem;
  }
}

/* line 87, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-application-text3 {
  font-size: 1.3571428571rem;
  font-weight: bold;
}

@media (max-width: 767px) {
  /* line 87, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-application-text3 {
    font-size: 1.1428571429rem;
  }
}

/* line 92, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-application-text4 {
  font-size: 1rem;
  width: 800px;
  max-width: 100%;
  margin: auto;
  text-align: left;
}

@media (max-width: 767px) {
  /* line 92, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-application-text4 {
    font-size: 0.7142857143rem;
  }
}

/* line 100, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-application .btn {
  max-width: 600px;
  font-size: 2.2857142857rem;
  padding: 0;
  height: 96px;
  line-height: 96px;
  position: relative;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-shadow: 0 0 0 10px #fff000;
          box-shadow: 0 0 0 10px #fff000;
  margin-top: 10px;
}

/* line 110, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-application .btn::after {
  content: "";
  width: 17px;
  height: 17px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  position: absolute;
  right: 50px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}

@media (max-width: 767px) {
  /* line 100, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-application .btn {
    max-width: 300px;
    height: 55px;
    line-height: 55px;
    -webkit-box-shadow: 0 0 0 5px #fff000;
            box-shadow: 0 0 0 5px #fff000;
    font-size: 1.1428571429rem;
  }
  /* line 126, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-application .btn::after {
    width: 13px;
    height: 13px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    right: 30px;
  }
}

/* line 134, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-top {
  text-align: center;
  padding: 30px 0;
}

@media (max-width: 767px) {
  /* line 134, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-top {
    padding: 20px 15px;
  }
}

/* line 140, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-top-title {
  color: #ff7682;
  font-size: 4.1428571429rem;
}

@media (max-width: 767px) {
  /* line 140, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-top-title {
    font-size: 2.4285714286rem;
  }
}

/* line 149, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-info {
  text-align: center;
  padding: 30px 15px 60px;
}

@media (max-width: 767px) {
  /* line 149, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-info {
    padding: 20px 15px 40px;
  }
}

/* line 154, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-info-frame {
  border: 1px solid #000;
  padding: 30px 45px;
  width: 980px;
  max-width: 100%;
  margin: auto;
}

@media (max-width: 767px) {
  /* line 154, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-info-frame {
    padding: 20px 15px;
  }
}

/* line 162, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-info-title {
  font-family: 'Noto Serif JP', serif;
  margin-bottom: 20px;
  font-size: 2.0714285714rem;
}

@media (max-width: 767px) {
  /* line 162, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-info-title {
    font-size: 1rem;
  }
}

/* line 169, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-info-title > span {
  border-bottom: solid 1px #1992eb;
}

/* line 171, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-info-text {
  font-family: 'Noto Serif JP', serif;
  font-size: 1.4285714286rem;
  text-align: left;
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  /* line 171, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-info-text {
    font-size: 0.7142857143rem;
  }
}

/* line 178, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-info-note {
  font-size: 1.2142857143rem;
  text-align: left;
  margin-top: 20px;
}

@media (max-width: 767px) {
  /* line 178, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-info-note {
    font-size: 1.1428571429rem;
  }
}

/* line 184, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-info-note > a {
  text-decoration: underline;
}

/* line 192, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-point {
  padding: 35px 0;
}

@media (max-width: 767px) {
  /* line 192, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-point {
    padding: 20px 0;
  }
}

/* line 196, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-point-title {
  color: #1992eb;
  font-size: 3.5714285714rem;
  margin-bottom: 8rem;
}

@media (max-width: 767px) {
  /* line 196, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-point-title {
    font-size: 1.7142857143rem;
    margin-bottom: 4rem;
  }
}

/* line 203, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-point-item {
  position: relative;
  background: #fff;
  -webkit-box-shadow: 0 6px 6px 0 rgba(37, 79, 0, 0.1);
          box-shadow: 0 6px 6px 0 rgba(37, 79, 0, 0.1);
  padding: 6rem 9rem 3rem;
  text-align: center;
}

/* line 209, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-point-item::before {
  content: "";
  content: "";
  background: url(/assets/mypage/pages/model-change-5g/isoyama_img02@2x-ae41f3cb823ee959cd4bcdcf20a8f510e0f6bc77c78beb6dd14c9b5545a073cf.png) no-repeat top 50% left 50%;
  width: 180px;
  height: 194px;
  background-size: contain;
  position: absolute;
  top: 20px;
  right: 20px;
}

@media (max-width: 767px) {
  /* line 209, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-point-item::before {
    width: 90px;
    height: 97px;
    top: 10px;
    right: 10px;
  }
}

/* line 224, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-point-item-narrow {
  padding: 6rem 4rem 3rem;
}

/* line 226, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-point-item:not(:last-child) {
  margin-bottom: 7rem;
}

@media (max-width: 767px) {
  /* line 226, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-point-item:not(:last-child) {
    margin-bottom: 3rem;
  }
}

@media (max-width: 767px) {
  /* line 203, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-point-item {
    padding: 3rem 1.5rem 2rem;
  }
}

/* line 232, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-point-point {
  text-align: center;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  background-color: #1992eb;
  color: #ffffff;
  font-weight: 700;
  line-height: 1.1;
  display: grid;
  place-items: center;
  vertical-align: middle;
  font-size: 1.2857142857rem;
  position: absolute;
  top: -55px;
  left: 0;
  right: 0;
  margin: auto;
}

@media (max-width: 767px) {
  /* line 232, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-point-point {
    width: 50px;
    height: 50px;
    top: -25px;
    font-size: 0.7142857143rem;
  }
}

/* line 255, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-point-point span {
  display: block;
  font-family: "Roboto", sans-serif;
  font-size: 3.7857142857rem;
}

@media (max-width: 767px) {
  /* line 255, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-point-point span {
    font-size: 1.5714285714rem;
  }
}

/* line 261, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-point-h3 {
  font-size: 2rem;
  text-align: center;
  padding-bottom: 100px;
  margin-bottom: 20px;
  position: relative;
}

@media (max-width: 767px) {
  /* line 261, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-point-h3 {
    font-size: 0.8571428571rem;
    margin-bottom: 10px;
    padding-bottom: 40px;
  }
}

/* line 271, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-point-h3::after {
  content: "";
  background: url(/assets/mypage/pages/model-change-5g/icon-arrow-d676b30f929f97909d1add64871723dd9f1e72f104eff33226894631bb7ab7b8.svg);
  width: 209px;
  height: 63px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
}

@media (max-width: 767px) {
  /* line 271, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-point-h3::after {
    width: 87px;
    height: 26px;
  }
}

/* line 284, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-point-h3--noarrow {
  padding-bottom: 20px;
}

/* line 286, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-point-h3--noarrow::after {
  content: none;
}

/* line 288, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-point-h4 {
  font-size: 39px;
  margin-bottom: 50px;
}

/* line 291, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-point-h4 img {
  vertical-align: baseline;
}

@media (max-width: 768px) {
  /* line 288, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-point-h4 {
    font-size: 17px;
    margin-bottom: 30px;
  }
  /* line 296, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-point-h4 img {
    width: 135px;
  }
}

/* line 298, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-point-accent {
  color: #ff7682;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 3rem;
  line-height: 1.5;
}

@media (max-width: 767px) {
  /* line 298, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-point-accent {
    font-size: 0.8571428571rem;
    margin-bottom: 1rem;
  }
}

/* line 308, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-point-accent2 {
  font-size: 2.8571428571rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 2rem;
}

@media (max-width: 767px) {
  /* line 308, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-point-accent2 {
    font-size: 1.1428571429rem;
    margin-bottom: 1rem;
  }
}

/* line 316, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-point-accent2 span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ffff00));
  background: -webkit-linear-gradient(transparent 60%, #ffff00 60%);
  background: linear-gradient(transparent 60%, #ffff00 60%);
  color: #ff7682;
  font-size: 3.7142857143rem;
}

@media (max-width: 767px) {
  /* line 316, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-point-accent2 span {
    font-size: 1.5714285714rem;
  }
}

/* line 322, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-point-accent3 {
  color: #1992eb;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  margin-bottom: 1rem;
}

@media (max-width: 767px) {
  /* line 322, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-point-accent3 {
    font-size: 0.8571428571rem;
  }
}

/* line 331, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-point-text {
  font-size: 2.5714285714rem;
  font-weight: bold;
  margin-bottom: 1rem;
}

@media (max-width: 767px) {
  /* line 331, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-point-text {
    font-size: 1.0714285714rem;
  }
}

/* line 337, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-point-text1 {
  font-size: 1.9285714286rem;
  -moz-text-align-last: left;
       text-align-last: left;
  font-weight: bold;
  margin-bottom: 1rem;
}

@media (max-width: 767px) {
  /* line 337, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-point-text1 {
    font-size: 1.0714285714rem;
  }
}

/* line 344, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-point-notice {
  font-size: 1.1428571429rem;
  text-align: left;
}

@media (max-width: 767px) {
  /* line 344, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-point-notice {
    font-size: 0.7142857143rem;
  }
}

/* line 349, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-point-figure {
  margin: 0 auto 1.5rem;
  text-align: center;
}

/* line 352, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-point-frame {
  border-radius: 23px;
  background: #f2f6f9;
  padding: 45px 20px 15px;
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

/* line 359, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-point-frame-img {
  margin-bottom: 30px;
  width: 30%;
}

/* line 362, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-point-frame-content {
  width: 67%;
}

/* line 364, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-point-frame-h3 {
  font-size: 38px;
  margin-bottom: 10px;
}

@media (max-width: 768px) {
  /* line 352, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-point-frame {
    border-radius: 23px;
    padding: 20px 10px 5px;
    margin-bottom: 10px;
  }
  /* line 371, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-point-frame-h3 {
    font-size: 16px;
    margin-bottom: 5px;
  }
  /* line 374, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-point-frame-img {
    margin-bottom: 20px;
    text-align: center;
  }
  /* line 377, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-point-frame-img img {
    width: 120px;
    margin: auto;
  }
}

/* line 380, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-point-note {
  font-size: 17px;
  text-align: left;
}

/* line 383, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-point-note > span {
  font-size: 20px;
}

@media (max-width: 768px) {
  /* line 380, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-point-note {
    font-size: 10px;
  }
  /* line 387, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-point-note > span {
    font-size: 12px;
  }
}

/* line 389, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-point-table {
  font-size: 22px;
  width: 100%;
  margin-bottom: 30px;
  line-height: 1.5;
}

/* line 394, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-point-table th {
  font-weight: bold;
}

/* line 396, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-point-table th,
.modelChange5g-point-table td {
  padding: 20px 0px;
  vertical-align: middle;
}

/* line 400, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-point-table-th-blank {
  width: 38%;
}

/* line 402, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-point-table-th-2plus {
  background: #c6c6c6;
  font-size: 22px;
  width: 31%;
  border-top: 2px solid #c6c6c6;
}

/* line 407, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-point-table-th-5g {
  background: #1992eb;
  color: #fff;
  font-size: 22px;
  width: 31%;
  border-top: 2px solid #c6c6c6;
}

/* line 414, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-point-table tbody th {
  background: #fff;
  font-size: 25px;
  padding: 30px 20px;
}

/* line 418, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-point-table tbody tr {
  border-top: 2px solid #c6c6c6;
  border-bottom: 2px solid #c6c6c6;
}

/* line 421, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-point-table-td-5g {
  position: relative;
}

/* line 423, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-point-table-td-5g::before {
  content: "";
  background: url(/assets/5g_lp/svg/arrows-right-98122b2b561f35b8c7b5df01deb0254f8a25974ae75d063c7415f2e87bb46115.svg) no-repeat top 50% left 50%/contain;
  width: 29px;
  height: 23px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

/* line 432, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-point-table-underline {
  font-size: 25px;
  position: relative;
  font-weight: bold;
}

/* line 436, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-point-table-underline::after {
  content: "";
  width: 100%;
  height: 2px;
  background: #1992eb;
  position: absolute;
  bottom: 0;
  left: 0;
}

/* line 444, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-point-table-large {
  font-size: 25px;
  font-weight: bold;
}

/* line 447, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-point-table-small {
  font-size: 17px;
}

/* line 449, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-point-table-note {
  font-size: 12px;
}

@media (max-width: 768px) {
  /* line 389, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-point-table {
    font-size: 10px;
    margin-bottom: 20px;
  }
  /* line 454, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-point-table th,
.modelChange5g-point-table td {
    padding: 5px 0px;
  }
  /* line 457, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-point-table-th-blank {
    width: 36%;
  }
  /* line 459, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-point-table-th-2plus {
    font-size: 10px;
    width: 32%;
  }
  /* line 462, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-point-table-th-5g {
    font-size: 10px;
    width: 32%;
  }
  /* line 466, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-point-table tbody th {
    background: #fff;
    font-size: 10px;
    padding: 15px 0px;
  }
  /* line 470, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-point-table-td-5g {
    position: relative;
  }
  /* line 472, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-point-table-td-5g::before {
    width: 12px;
    height: 10px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  /* line 479, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-point-table-underline {
    font-size: 14px;
  }
  /* line 481, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-point-table-underline::after {
    height: 2px;
  }
  /* line 483, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-point-table-large {
    font-size: 12px;
  }
  /* line 485, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-point-table-small {
    font-size: 10px;
  }
  /* line 487, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-point-table-note {
    font-size: 10px;
  }
}

/* line 489, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-point-table2 {
  width: 100%;
  margin-bottom: 20px;
}

/* line 492, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-point-table2 th, .modelChange5g-point-table2 td {
  border: 1px solid #bbbbbb;
  padding: 20px 30px;
  font-size: 20px;
  vertical-align: middle;
  text-align: left;
}

/* line 498, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-point-table2 th {
  background: #f5f5f5;
}

/* line 501, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-point-table2 td > span {
  color: #ff7680;
  font-size: 30px;
  font-weight: bold;
}

@media (max-width: 768px) {
  /* line 489, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-point-table2 {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: left top;
            transform-origin: left top;
    margin-bottom: -15px;
    white-space: nowrap;
  }
  /* line 510, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-point-table2 th, .modelChange5g-point-table2 td {
    padding: 5px 5px;
    font-size: 10px;
  }
  /* line 514, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-point-table2 td > span {
    font-size: 14px;
  }
}

/* line 516, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-point-modal-img {
  text-align: center;
}

/* line 524, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-movie {
  padding: 30px 0 40px;
}

@media (max-width: 767px) {
  /* line 524, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-movie {
    padding: 0px 15px 30px;
  }
}

/* line 528, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-movie-container {
  max-width: 835px;
  margin: auto;
}

/* line 531, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-movie-title {
  color: #1992eb;
  font-size: 3.5714285714rem;
  margin-bottom: 25px;
  text-align: center;
}

@media (max-width: 767px) {
  /* line 531, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-movie-title {
    font-size: 1.5rem;
    margin-bottom: 15px;
    text-align: left;
    padding-left: 65px;
  }
}

/* line 541, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-movie-youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

/* line 545, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-movie-youtube::before {
  content: "";
  background: url(/assets/mypage/pages/model-change-5g/isoyama_img01@2x-ae56e30c325503bb5ad0951fdcbf20cfeafa8180b05a40ba3fe7ce6ff2f42330.png) no-repeat top 50% left 50%;
  width: 148px;
  height: 149px;
  background-size: contain;
  position: absolute;
  bottom: 100%;
  left: -15px;
}

@media (max-width: 767px) {
  /* line 545, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-movie-youtube::before {
    width: 73px;
    height: 75px;
    left: -10px;
  }
}

/* line 558, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-movie-youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/* line 566, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-5gfaq {
  padding: 30px 0 40px;
}

@media (max-width: 767px) {
  /* line 566, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-5gfaq {
    padding: 0px 15px 0px;
  }
}

/* line 570, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-5gfaq-title {
  color: #1992eb;
  font-size: 3.5714285714rem;
  margin-bottom: 25px;
}

@media (max-width: 767px) {
  /* line 570, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-5gfaq-title {
    font-size: 1.7142857143rem;
    margin-bottom: 15px;
  }
}

/* line 577, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-5gfaq .faq5g-grad {
  max-width: 835px;
  margin: auto;
}

/* line 582, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-voice {
  width: 820px;
  max-width: 100%;
  margin: 0 auto 50px;
}

/* line 586, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-voice-sec {
  padding: 30px 0 90px;
}

@media (max-width: 767px) {
  /* line 586, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-voice-sec {
    padding: 20px 0 0;
  }
}

/* line 590, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-voice-h3 {
  color: #1992eb;
  font-size: 3.5714285714rem;
  margin-bottom: 50px;
}

@media (max-width: 767px) {
  /* line 590, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-voice-h3 {
    font-size: 1.7142857143rem;
    margin-bottom: 15px;
  }
}

/* line 597, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-voice-item {
  border-radius: 23px;
  padding: 30px;
  max-width: 100%;
  margin: 0 auto 30px;
  background: #fff;
  margin: 0 15px 50px;
  line-height: 1.5;
}

/* line 605, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-voice-headline {
  font-size: 31px;
  font-weight: bold;
  padding-left: 30px;
  position: relative;
  margin-bottom: 10px;
}

/* line 611, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-voice-headline::before {
  content: "";
  width: 25px;
  height: 25px;
  background: #1992eb;
  position: absolute;
  left: 0;
  top: 13px;
}

/* line 619, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-voice-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.3;
  margin-bottom: 20px;
}

/* line 624, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-voice-img {
  margin-right: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* line 627, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-voice-title {
  font-size: 31px;
  font-weight: bold;
  margin-bottom: 10px;
}

/* line 631, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-voice-title > span {
  font-weight: normal;
  font-size: 27px;
}

/* line 634, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-voice-star {
  font-weight: bold;
  font-size: 25px;
  margin-bottom: 10px;
}

/* line 638, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-voice-star img {
  margin-left: 10px;
  vertical-align: initial;
}

/* line 641, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-voice-text {
  font-size: 37px;
  font-weight: 500;
  margin-bottom: 15px;
}

/* line 645, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-voice-text2 {
  font-size: 35px;
}

/* line 647, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-voice-note {
  font-size: 17px;
}

/* line 649, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-voice .slick-prev,
.modelChange5g-voice .slick-next {
  top: 40%;
  width: 74px;
  height: 74px;
  border-radius: 50%;
  border: 1px solid #2a3b4c;
  background: #fff;
  z-index: 1;
}

/* line 658, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-voice .slick-prev:before,
.modelChange5g-voice .slick-next:before {
  content: "";
  width: 35px;
  height: 35px;
  border-right: 2px solid #2a3b4c;
  border-top: 2px solid #2a3b4c;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
}

/* line 669, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-voice .slick-prev:hover, .modelChange5g-voice .slick-prev:focus,
.modelChange5g-voice .slick-next:hover,
.modelChange5g-voice .slick-next:focus {
  background: #fff;
  opacity: 1;
}

/* line 672, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-voice .slick-prev {
  left: calc(50vw - 382px);
}

/* line 674, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-voice .slick-prev:before {
  -webkit-transform: translateY(-50%) rotate(-135deg);
          transform: translateY(-50%) rotate(-135deg);
  left: 15px;
}

/* line 677, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-voice .slick-next {
  right: calc(50vw - 382px);
}

/* line 679, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-voice .slick-next:before {
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  right: 15px;
}

@media (max-width: 767px) {
  /* line 683, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-voice-item {
    border-radius: 10px;
    padding: 15px;
    margin: 0px 20px 20px;
  }
  /* line 687, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-voice-headline {
    font-size: 13px;
    padding-left: 15px;
    margin-bottom: 10px;
  }
  /* line 691, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-voice-headline::before {
    width: 10px;
    height: 10px;
    top: 5px;
  }
  /* line 695, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-voice-head {
    margin-bottom: 10px;
  }
  /* line 697, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-voice-img {
    margin-right: 10px;
    width: 85px;
  }
  /* line 700, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-voice-right {
    margin-right: 20px;
  }
  /* line 702, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-voice-title {
    font-size: 13px;
  }
  /* line 704, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-voice-title > span {
    font-size: 14px;
  }
  /* line 706, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-voice-star {
    font-size: 11px;
    margin-bottom: 10px;
  }
  /* line 710, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-voice-text {
    font-size: 15px;
    margin-bottom: 10px;
  }
  /* line 713, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-voice-text2 {
    font-size: 14px;
  }
  /* line 715, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-voice-note {
    font-size: 10px;
    padding-left: 20px;
  }
  /* line 719, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-voice .slick-prev,
.modelChange5g-voice .slick-next {
    top: 40%;
    width: 32px;
    height: 32px;
  }
  /* line 725, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-voice .slick-prev:before,
.modelChange5g-voice .slick-next:before {
    content: "";
    width: 15px;
    height: 15px;
    border-right: 2px solid #2a3b4c;
    border-top: 2px solid #2a3b4c;
  }
  /* line 732, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-voice .slick-prev {
    left: calc(50vw - 155px);
  }
  /* line 735, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-voice .slick-prev:before {
    left: 5px;
  }
  /* line 738, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-voice .slick-next {
    right: calc(50vw - 155px);
  }
  /* line 741, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-voice .slick-next:before {
    right: 5px;
  }
}

/* line 746, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-benefits-title {
  font-size: 3.5714285714rem;
}

@media (max-width: 767px) {
  /* line 746, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-benefits-title {
    font-size: 1.5rem;
    margin-bottom: 2rem;
  }
}

/* line 751, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-benefits-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* line 755, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-benefits-item {
  margin: 0 1%;
  width: 32%;
  border: 2px solid #1992eb;
  padding: 2rem 1rem;
  text-align: center;
  border-radius: 11px;
}

@media (max-width: 767px) {
  /* line 755, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-benefits-item {
    padding: .5rem .25rem;
  }
}

/* line 764, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-benefits-figure {
  height: 120px;
  display: grid;
  place-items: center;
}

@media (max-width: 767px) {
  /* line 764, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-benefits-figure {
    height: 60px;
  }
}

/* line 770, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-benefits-caption {
  line-height: 1.4;
  font-weight: 500;
  font-size: 2.2142857143rem;
}

/* line 774, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-benefits-caption span {
  font-size: 1.7857142857rem;
}

@media (max-width: 767px) {
  /* line 770, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-benefits-caption {
    font-size: 0.7857142857rem;
  }
  /* line 778, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-benefits-caption span {
    font-size: 0.7142857143rem;
  }
}

/* line 780, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-benefits-fee {
  display: inline-block;
  margin: auto;
  font-size: 2.5rem;
  font-weight: 900;
  line-height: 1;
}

@media (max-width: 767px) {
  /* line 780, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-benefits-fee {
    font-size: 1rem;
  }
}

/* line 788, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-benefits-fee0 {
  margin: auto;
  font-size: 4.4285714286rem;
  font-weight: 900;
  line-height: 1;
}

@media (max-width: 767px) {
  /* line 788, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-benefits-fee0 {
    font-size: 1.5rem;
  }
}

/* line 795, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-benefits-underbar {
  line-height: 1;
  display: inline-block;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(85%, transparent), color-stop(85%, #ffff00));
  background: -webkit-linear-gradient(transparent 85%, #ffff00 85%);
  background: linear-gradient(transparent 85%, #ffff00 85%);
}

/* line 800, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-benefits-accent {
  color: #ff7682;
}

/* line 802, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-benefits-accent span {
  font-size: 7rem;
}

@media (max-width: 767px) {
  /* line 802, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-benefits-accent span {
    font-size: 2.4285714286rem;
  }
}

/* line 806, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-benefits-accent2 {
  display: inline;
  color: #ff7682;
  font-weight: 900;
  font-size: 2.5rem;
}

@media (max-width: 767px) {
  /* line 806, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-benefits-accent2 {
    font-size: 0.8571428571rem;
  }
}

/* line 813, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-benefits-accent2-large {
  font-size: 3.6428571429rem;
}

@media (max-width: 767px) {
  /* line 813, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-benefits-accent2-large {
    font-size: 1.2142857143rem;
  }
}

/* line 817, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-benefits-tax {
  font-size: 1.7857142857rem;
}

@media (max-width: 767px) {
  /* line 817, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-benefits-tax {
    font-size: 0.7142857143rem;
  }
}

/* line 821, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-benefits-asterisk {
  font-size: 1.7142857143rem;
}

@media (max-width: 767px) {
  /* line 821, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-benefits-asterisk {
    font-size: 0.7142857143rem;
  }
}

/* line 825, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-benefits-notion {
  font-size: 1.1428571429rem;
  margin-top: 2rem;
  text-align: left;
}

@media (max-width: 767px) {
  /* line 825, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-benefits-notion {
    font-size: 0.8571428571rem;
  }
}

/* line 834, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device-title {
  font-size: 3.5714285714rem;
  margin-bottom: 60px;
}

@media (max-width: 767px) {
  /* line 834, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device-title {
    font-size: 1.5rem;
  }
}

/* line 839, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device-title > span {
  position: relative;
}

/* line 841, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device-title > span::before {
  content: "";
  background: url(/assets/mypage/pages/model-change-5g/isoyama_img03@2x-10b5df1f94af69ed95892a29476372358ecb0dbbca0dfdf8e33ad9f7d9077a7f.png) no-repeat top 50% left 50%;
  width: 204px;
  height: 200px;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: calc(100% + 20px);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media (max-width: 767px) {
  /* line 841, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device-title > span::before {
    width: 102px;
    height: 100px;
  }
}

/* line 854, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device-h3 {
  font-size: 3.9285714286rem;
  font-weight: bold;
}

@media (max-width: 767px) {
  /* line 854, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device-h3 {
    font-size: 1.5714285714rem;
  }
}

/* line 859, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device-description {
  font-size: 1.4285714286rem;
  font-weight: 500;
  max-width: 565px;
  margin: auto;
  margin-bottom: 2rem;
}

@media (max-width: 767px) {
  /* line 859, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device-description {
    font-size: 1rem;
  }
}

/* line 867, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device-spec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 565px;
  margin: auto;
}

/* line 872, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device-spec li {
  width: 32%;
  border-bottom: 1px solid #CBD3DE;
  font-weight: 500;
  font-size: 1.1428571429rem;
  margin-bottom: 3rem;
}

@media (max-width: 767px) {
  /* line 872, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device-spec li {
    font-size: 0.8571428571rem;
    margin-bottom: 2rem;
  }
}

/* line 881, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device-figure {
  text-align: center;
  margin-bottom: 3rem;
}

@media (max-width: 767px) {
  /* line 881, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device-figure {
    margin-bottom: 1rem;
  }
  /* line 886, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device-figure img {
    width: 180px;
  }
}

/* line 888, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device-btn {
  background: #78d9ff;
  color: #fff;
  width: 600px;
  font-size: 2rem;
  margin-bottom: 4rem;
  position: relative;
}

/* line 895, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device-btn::after {
  position: absolute;
  top: 50%;
  right: 5%;
  display: block;
  width: 1em;
  height: 1em;
  background: url(/assets/mypage/pages/model-change-5g/arrow-bottom-white-bbe5319c23f418dbe06178611e0e314f82737ca1d65107b45fdd05e09f74c95f.svg) no-repeat top 50% left 50%;
  background-size: contain;
  content: "";
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

/* line 906, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device-btn:hover {
  color: #fff;
  background-color: #1992eb;
}

@media (max-width: 767px) {
  /* line 888, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device-btn {
    max-width: 95%;
    font-size: 1.1428571429rem;
    margin-bottom: 1rem;
  }
}

/* line 914, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2 {
  text-align: center;
  padding: 70px 15px 0px;
  background: #edfbff;
}

@media (max-width: 767px) {
  /* line 914, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device2 {
    padding: 35px 15px 0;
  }
}

/* line 920, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-h2 {
  font-size: 50px;
  margin-bottom: 50px;
}

@media (max-width: 768px) {
  /* line 920, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device2-h2 {
    font-size: 25px;
    margin-bottom: 20px;
  }
}

/* line 926, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-h3 {
  width: 650px;
  max-width: 100%;
  margin: 0 auto;
  font-size: 39px;
  color: #fff;
  background: #1992eb;
  margin-bottom: 30px;
  padding: 19px;
  border-radius: 13px;
  line-height: 1;
}

@media (max-width: 767px) {
  /* line 926, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device2-h3 {
    font-size: 17px;
    margin-bottom: 20px;
    padding: 10px;
    border-radius: 9px;
  }
}

/* line 942, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-head {
  width: 750px;
  max-width: 100%;
  margin: 0 auto 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

/* line 948, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-head-item {
  width: 45%;
}

/* line 950, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-head-h3 {
  font-size: 31px;
  color: #fff;
  background: #1992eb;
  margin-bottom: 20px;
  padding: 13px;
  border-radius: 21px;
  line-height: 1;
}

/* line 958, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-head-text {
  font-size: 27px;
  text-align: center;
  font-weight: 500;
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  /* line 942, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device2-head {
    margin: 0 auto 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  /* line 967, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device2-head-item {
    width: 45%;
  }
  /* line 969, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device2-head-h3 {
    font-size: 13px;
    margin-bottom: 20px;
    padding: 10px;
    border-radius: 9px;
  }
  /* line 974, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device2-head-text {
    font-size: 12px;
    margin-bottom: 10px;
  }
}

/* line 977, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-bnr {
  margin: 50px auto 80px;
  width: 800px;
  max-width: 100%;
}

@media (max-width: 767px) {
  /* line 977, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device2-bnr {
    margin: 30px auto 50px;
  }
}

/* line 986, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-wrap .slick-prev,
.modelChange5g-device2-wrap .slick-next {
  top: 30%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 61px;
  height: 61px;
  border-radius: 50%;
  border: 1px solid #2a3b4c;
  background: #fff;
}

/* line 995, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-wrap .slick-prev:before,
.modelChange5g-device2-wrap .slick-next:before {
  content: "";
  width: 30px;
  height: 30px;
  border-right: 2px solid #2a3b4c;
  border-top: 2px solid #2a3b4c;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
}

/* line 1006, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-wrap .slick-prev:hover, .modelChange5g-device2-wrap .slick-prev:focus,
.modelChange5g-device2-wrap .slick-next:hover,
.modelChange5g-device2-wrap .slick-next:focus {
  background: #fff;
  opacity: 1;
}

/* line 1009, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-wrap .slick-prev {
  left: calc(50vw - 450px);
  z-index: 1;
}

/* line 1012, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-wrap .slick-prev:before {
  -webkit-transform: translateY(-50%) rotate(-135deg);
          transform: translateY(-50%) rotate(-135deg);
  left: 15px;
}

/* line 1015, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-wrap .slick-next {
  right: calc(50vw - 450px);
}

/* line 1017, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-wrap .slick-next:before {
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  right: 15px;
}

/* line 1020, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-wrap > .slick-dots {
  bottom: -75px;
}

/* line 1022, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-wrap > .slick-dots > li:first-child:last-child {
  display: none;
}

/* line 1026, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-wrap > .slick-dots li.slick-active button {
  background: #1992eb;
}

/* line 1028, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-wrap > .slick-dots li button {
  border-radius: 50%;
  width: 15px;
  height: 15px;
  background: #fff;
  border: 2px #acacac solid;
}

@media (max-width: 768px) {
  /* line 1035, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device2-wrap.slick-dotted.slick-slider {
    margin-bottom: 60px;
  }
  /* line 1037, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device2-wrap .slick-prev,
.modelChange5g-device2-wrap .slick-next {
    width: 26px;
    height: 26px;
  }
  /* line 1041, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device2-wrap .slick-prev:before,
.modelChange5g-device2-wrap .slick-next:before {
    content: "";
    width: 12px;
    height: 12px;
    border-right: 1px solid #2a3b4c;
    border-top: 1px solid #2a3b4c;
  }
  /* line 1047, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device2-wrap .slick-prev {
    left: calc(50vw - 195px);
  }
  /* line 1049, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device2-wrap .slick-prev:before {
    left: 5px;
  }
  /* line 1051, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device2-wrap .slick-next {
    right: calc(50vw - 195px);
  }
  /* line 1053, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device2-wrap .slick-next:before {
    right: 5px;
  }
  /* line 1055, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device2-wrap > .slick-dots {
    bottom: -40px;
  }
  /* line 1058, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device2-wrap > .slick-dots li button {
    width: 10px;
    height: 10px;
    border: 2px #acacac solid;
  }
}

/* line 1062, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-unit {
  width: 650px;
  max-width: 100%;
  margin: auto;
  background: #fff;
  border-radius: 23px;
  padding: 35px 35px;
  position: relative;
}

@media (max-width: 768px) {
  /* line 1062, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device2-unit {
    border-radius: 10px;
    padding: 20px 20px;
  }
}

/* line 1073, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-lead {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 30px;
}

@media (max-width: 768px) {
  /* line 1073, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device2-lead {
    font-size: 13px;
    margin-bottom: 0px;
  }
}

/* line 1081, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-slider-wrap {
  position: relative;
  margin-bottom: 45px;
}

/* line 1084, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-slider-circle {
  position: absolute;
  left: 20px;
  top: 40px;
}

/* line 1088, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-slider-circle-new {
  width: 95px;
  height: 95px;
  line-height: 95px;
  margin-bottom: 10px;
  border-radius: 50%;
  background: #1992eb;
  color: #fff;
  font-size: 31px;
  font-weight: bold;
}

/* line 1098, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-slider-circle-popular {
  width: 95px;
  height: 95px;
  line-height: 40px;
  margin-bottom: 10px;
  border-radius: 50%;
  border: 4px solid #1992eb;
  color: #1992eb;
  font-size: 35px;
  font-weight: bold;
  display: grid;
  place-items: center;
}

/* line 1110, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-slider-circle-recommend {
  width: 95px;
  height: 95px;
  line-height: 95px;
  margin-bottom: 10px;
  border-radius: 50%;
  background: #FF7B82;
  color: #fff;
  font-size: 21px;
  font-weight: bold;
}

/* line 1120, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-slider img {
  margin: auto;
  max-width: 450px;
}

/* line 1123, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-slider .slick-dots li {
  width: 64px;
  height: 12px;
}

/* line 1126, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-slider .slick-dots li button {
  width: 64px;
  height: 12px;
}

/* line 1129, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-slider .slick-dots li button::before {
  width: 64px;
  height: 12px;
  background: #000;
}

@media (max-width: 768px) {
  /* line 1134, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device2-slider-wrap {
    margin-bottom: 35px;
  }
  /* line 1136, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device2-slider-circle {
    top: 20px;
    left: 20px;
  }
  /* line 1139, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device2-slider-circle-new {
    width: 41px;
    height: 41px;
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 41px;
  }
  /* line 1145, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device2-slider-circle-popular {
    width: 41px;
    height: 41px;
    border: 2px solid #1992eb;
    font-size: 10px;
    line-height: 20px;
  }
  /* line 1151, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device2-slider-circle-recommend {
    width: 41px;
    height: 41px;
    font-size: 10px;
    line-height: 41px;
  }
  /* line 1156, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device2-slider-circle img {
    width: 52px;
    height: 52px;
  }
  /* line 1159, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device2-slider img {
    max-width: 200px;
    max-height: 200px;
  }
  /* line 1162, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device2-slider .slick-dots li {
    width: 28px;
    height: 5px;
  }
  /* line 1165, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device2-slider .slick-dots li button {
    width: 28px;
    height: 5px;
  }
  /* line 1168, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device2-slider .slick-dots li button::before {
    width: 28px;
    height: 5px;
  }
}

/* line 1171, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/* line 1173, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-price dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* line 1177, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-price dl:not(:last-child) {
  margin-right: 30px;
}

/* line 1179, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-price dt {
  font-size: 22px;
  border: 1px solid #2a3b4c;
  padding: 5px 10px;
}

/* line 1183, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-price dd {
  font-size: 33px;
  margin-left: 10px;
  font-weight: bold;
}

/* line 1187, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-price dd > sup {
  font-size: 10px;
}

/* line 1189, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-price-note {
  font-size: 19px;
  margin-bottom: 20px;
  text-align: left;
}

@media (max-width: 767px) {
  /* line 1195, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device2-price dl:not(:last-child) {
    margin-right: 10px;
  }
  /* line 1197, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device2-price dt {
    font-size: 10px;
    padding: 5px 5px;
  }
  /* line 1200, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device2-price dd {
    font-size: 14px;
    margin-left: 5px;
  }
  /* line 1203, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device2-price-note {
    font-size: 10px;
    margin-bottom: 15px;
  }
}

/* line 1206, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-h4 {
  font-size: 38px;
  margin-bottom: 20px;
}

/* line 1209, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-h4 img {
  max-width: 80%;
  margin: auto;
}

@media (max-width: 768px) {
  /* line 1206, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device2-h4 {
    font-size: 16px;
    margin-bottom: 5px;
  }
}

/* line 1215, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-h5 {
  font-size: 32px;
  margin-bottom: 20px;
  color: #1992eb;
  background: #ffff00;
  padding: 3px;
  border-radius: 9px;
}

@media (max-width: 768px) {
  /* line 1215, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device2-h5 {
    font-size: 13px;
    margin-bottom: 10px;
  }
}

/* line 1225, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-present {
  background: #ffff00;
  font-size: 32px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 10px;
}

/* line 1231, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-present > span {
  font-size: 56px;
  color: #ff0000;
}

@media (max-width: 768px) {
  /* line 1225, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device2-present {
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 10px;
  }
  /* line 1238, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device2-present > span {
    font-size: 25px;
    color: #ff0000;
  }
}

/* line 1241, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 20px;
}

/* line 1245, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-detail-item {
  width: 25%;
  padding: 0 10px;
  line-height: 1.5;
}

/* line 1249, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-detail-item:nth-of-type(n+2) {
  border-left: 1px solid #2a3b4c;
}

/* line 1251, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-detail-head {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}

/* line 1255, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-detail-content {
  display: grid;
  place-items: center;
  height: 120px;
}

/* line 1259, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-detail-line {
  margin-bottom: 10px;
  background: #2a3b4c;
  color: #fff;
  font-size: 16px;
  width: 100%;
  padding: 3px 0;
}

/* line 1266, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-detail-line-gray {
  background: #8d969f;
}

/* line 1268, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-detail-speed {
  font-size: 27px;
  font-weight: bold;
}

/* line 1271, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-detail-speed > span {
  font-size: 16px;
  position: relative;
  padding-top: 40px;
  display: block;
}

/* line 1276, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-detail-speed > span::before {
  content: "";
  background: url(/assets/5g_lp/svg/wifi-ac794834ef7268ef4ee183241ef35a35bc842752aa4410bf9e86b93edc049d90.svg) no-repeat top 50% left 50%/contain;
  width: 34px;
  height: 24px;
  position: absolute;
  left: 0;
  right: 0;
  top: 5px;
  margin: auto;
}

/* line 1286, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-detail-connect {
  font-size: 29px;
  font-weight: bold;
  position: relative;
  background: url(/assets/5g_lp/svg/pc-70f8172042522a3efb95cad13029051061a418c0cc123016b7e6930afed2dbc0.svg) no-repeat top 50% left 50%/contain;
  width: 104px;
  height: 61px;
  padding-top: 5px;
}

/* line 1294, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-detail-connect > span {
  font-size: 11px;
}

/* line 1296, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-detail-connect-head {
  font-size: 11px;
  display: block;
  margin: 5px 0 -15px;
}

/* line 1300, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-detail-connect-bottom {
  font-size: 17px;
}

/* line 1302, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-detail-connect-bottom > em {
  font-size: 21px;
  font-style: initial;
}

/* line 1305, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-detail-weight {
  font-size: 27px;
  font-weight: bold;
  position: relative;
  padding-bottom: 50px;
}

/* line 1310, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-detail-weight::before {
  content: "";
  background: url(/assets/5g_lp/svg/weight-e4d9390564b466a3752872e16d200abf81639210509b9e2c11cefc738852a7a4.svg) no-repeat top 50% left 50%/contain;
  width: 47px;
  height: 48px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
  margin: auto;
}

@media (max-width: 767px) {
  /* line 1241, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device2-detail {
    margin-bottom: 30px;
  }
  /* line 1322, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device2-detail-item {
    padding: 0 5px;
  }
  /* line 1324, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device2-detail-head {
    font-size: 11px;
    margin-bottom: 10px;
  }
  /* line 1327, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device2-detail-content {
    height: 60px;
  }
  /* line 1329, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device2-detail-line {
    margin-bottom: 5px;
    font-size: 10px;
  }
  /* line 1332, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device2-detail-speed {
    font-size: 16px;
  }
  /* line 1334, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device2-detail-speed > span {
    font-size: 10px;
    padding-top: 25px;
  }
  /* line 1337, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device2-detail-speed > span::before {
    width: 20px;
    height: 14px;
    top: 5px;
  }
  /* line 1341, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device2-detail-connect {
    font-size: 16px;
    width: 81px;
    height: 48px;
    padding-top: 5px;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    -webkit-transform-origin: left top;
            transform-origin: left top;
  }
  /* line 1348, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device2-detail-connect > span {
    font-size: 10px;
  }
  /* line 1350, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device2-detail-connect-head {
    font-size: 10px;
    margin: 0px 0 -5px;
  }
  /* line 1353, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device2-detail-connect-bottom {
    font-size: 10px;
  }
  /* line 1355, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device2-detail-connect-bottom > em {
    font-size: 15px;
  }
  /* line 1357, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device2-detail-weight {
    font-size: 16px;
    font-weight: bold;
    position: relative;
    padding-bottom: 30px;
  }
  /* line 1362, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device2-detail-weight::before {
    width: 27px;
    height: 28px;
  }
}

/* line 1365, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-text {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 30px;
}

/* line 1369, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-text > span {
  font-size: 15px;
}

@media (max-width: 767px) {
  /* line 1365, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device2-text {
    font-size: 12px;
    margin-bottom: 15px;
  }
  /* line 1374, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device2-text > span {
    font-size: 10px;
  }
}

/* line 1376, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-note {
  font-size: 21px;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  /* line 1376, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device2-note {
    font-size: 10px;
  }
}

/* line 1381, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-note2 {
  font-size: 20px;
  width: 800px;
  max-width: 100%;
  margin: auto;
  text-align: left;
  margin-bottom: 100px;
}

@media (max-width: 768px) {
  /* line 1381, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device2-note2 {
    font-size: 10px;
    margin-bottom: 40px;
  }
}

/* line 1391, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-note3 {
  width: 950px;
  text-align: left;
  max-width: 100%;
  margin: auto;
  font-size: 16px;
}

@media (max-width: 768px) {
  /* line 1391, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device2-note3 {
    font-size: 8px;
  }
}

/* line 1400, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-btn {
  text-align: center;
}

/* line 1402, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-btn img {
  margin: auto;
}

/* line 1404, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-btn2 {
  text-align: center;
  margin-bottom: 30px;
}

/* line 1407, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-btn2 > a {
  display: block;
  width: 610px;
  max-width: 100%;
  margin: auto;
  height: 111px;
  line-height: 109px;
  border: 1px solid #2a3b4c;
  font-size: 32px;
  font-weight: 500;
  text-decoration: none;
  color: #2a3b4c;
  background: #fff;
  border-radius: 56px;
  position: relative;
}

/* line 1422, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device2-btn2 > a::after {
  content: "";
  background: url(/assets/5g_lp/svg/link-af09e79eaa5c3f50f28b5fa6ad86203779fe626e7dca29f5ea2bdfb89a9bb66b.svg) no-repeat top 50% left 50%/contain;
  width: 40px;
  height: 27px;
  border: none;
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media (max-width: 767px) {
  /* line 1404, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device2-btn2 {
    margin-bottom: 20px;
  }
  /* line 1434, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device2-btn2 > a {
    width: 300px;
    height: 48px;
    line-height: 46px;
    font-size: 14px;
    border-radius: 24px;
  }
  /* line 1440, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device2-btn2 > a::after {
    width: 21px;
    height: 14px;
    right: 20px;
  }
}

/* line 1446, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.cradle-x11-table {
  width: 100%;
  max-width: 660px;
  margin: 0 auto 20px;
  border: 1px solid #333;
}

/* line 1451, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.cradle-x11-table td, .cradle-x11-table th {
  border: 1px solid #333;
  padding: 20px;
}

/* line 1454, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.cradle-x11-table thead th {
  background: #00afdd;
  color: #fff;
  font-size: 24px;
}

/* line 1458, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.cradle-x11-table img {
  margin: auto;
  display: block;
  max-width: 100%;
}

/* line 1463, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.cradle-x11-table tbody th {
  font-size: 20px;
}

/* line 1465, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.cradle-x11-table tbody td {
  font-size: 17px;
}

/* line 1467, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.cradle-x11-table-large {
  font-size: 19px;
  margin-bottom: 10px;
}

/* line 1470, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.cradle-x11-note {
  width: 100%;
  max-width: 660px;
  margin: auto;
  font-size: 12px;
  color: #888;
}

@media screen and (max-width: 599px) {
  /* line 1478, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .cradle-x11-table td, .cradle-x11-table th {
    padding: 10px;
  }
  /* line 1480, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .cradle-x11-table thead th {
    font-size: 16px;
  }
  /* line 1482, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .cradle-x11-table img {
    margin: auto;
    display: block;
    max-width: 100%;
  }
  /* line 1487, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .cradle-x11-table tbody th {
    font-size: 15px;
  }
  /* line 1489, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .cradle-x11-table tbody td {
    font-size: 12px;
  }
  /* line 1491, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .cradle-x11-table-large {
    font-size: 14px;
    margin-bottom: 5px;
  }
  /* line 1494, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .cradle-x11-note {
    font-size: 10px;
  }
}

/* line 1498, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-device-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 50px;
}

/* line 1502, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-device-detail-item {
  width: 25%;
  border-left: 1px solid #2a3b4c;
  padding: 0 30px;
  line-height: 1.5;
  text-align: center;
}

/* line 1508, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-device-detail-item:last-child {
  border-right: 1px solid #2a3b4c;
}

/* line 1510, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-device-detail-head {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 10px;
}

/* line 1514, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-device-detail-content {
  display: grid;
  place-items: center;
  height: 120px;
}

/* line 1518, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-device-detail-line {
  margin-bottom: 10px;
  background: #2a3b4c;
  color: #fff;
  font-size: 22px;
  width: 100%;
}

/* line 1524, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-device-detail-line-gray {
  background: #8d969f;
}

/* line 1526, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-device-detail-speed {
  font-size: 37px;
  font-weight: bold;
}

/* line 1529, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-device-detail-speed > span {
  font-size: 23px;
  position: relative;
  padding-top: 40px;
  display: block;
}

/* line 1534, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-device-detail-speed > span::before {
  content: "";
  background: url(/assets/5g_lp/svg/wifi-ac794834ef7268ef4ee183241ef35a35bc842752aa4410bf9e86b93edc049d90.svg) no-repeat top 50% left 50%/contain;
  width: 46px;
  height: 33px;
  position: absolute;
  left: 0;
  right: 0;
  top: 5px;
  margin: auto;
}

/* line 1544, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-device-detail-connect {
  font-size: 38px;
  font-weight: bold;
  position: relative;
  background: url(/assets/5g_lp/svg/pc-70f8172042522a3efb95cad13029051061a418c0cc123016b7e6930afed2dbc0.svg) no-repeat top 50% left 50%/contain;
  width: 142px;
  height: 85px;
  padding-top: 10px;
}

/* line 1552, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-device-detail-connect > span {
  font-size: 14px;
}

/* line 1554, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-device-detail-connect-head {
  font-size: 14px;
  display: block;
  margin: 5px 0 -20px;
}

/* line 1558, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-device-detail-connect-bottom {
  font-size: 23px;
}

/* line 1560, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-device-detail-connect-bottom > em {
  font-size: 29px;
  font-style: initial;
}

/* line 1563, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-device-detail-weight {
  font-size: 38px;
  font-weight: bold;
  position: relative;
  padding-bottom: 70px;
}

/* line 1568, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-device-detail-weight::before {
  content: "";
  background: url(/assets/5g_lp/svg/weight-e4d9390564b466a3752872e16d200abf81639210509b9e2c11cefc738852a7a4.svg) no-repeat top 50% left 50%/contain;
  width: 65px;
  height: 66px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
  margin: auto;
}

@media (max-width: 768px) {
  /* line 1498, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-device-detail {
    margin-bottom: 30px;
  }
  /* line 1580, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-device-detail-item {
    padding: 0 5px;
  }
  /* line 1582, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-device-detail-head {
    font-size: 11px;
    margin-bottom: 10px;
  }
  /* line 1585, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-device-detail-content {
    height: 60px;
  }
  /* line 1587, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-device-detail-line {
    margin-bottom: 5px;
    font-size: 10px;
  }
  /* line 1590, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-device-detail-speed {
    font-size: 16px;
  }
  /* line 1592, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-device-detail-speed > span {
    font-size: 10px;
    padding-top: 25px;
  }
  /* line 1595, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-device-detail-speed > span::before {
    width: 20px;
    height: 14px;
    top: 5px;
  }
  /* line 1599, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-device-detail-connect {
    font-size: 16px;
    width: 81px;
    height: 48px;
    padding-top: 5px;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    -webkit-transform-origin: left top;
            transform-origin: left top;
  }
  /* line 1606, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-device-detail-connect > span {
    font-size: 10px;
  }
  /* line 1608, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-device-detail-connect-head {
    font-size: 10px;
    margin: 0px 0 -5px;
  }
  /* line 1611, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-device-detail-connect-bottom {
    font-size: 10px;
  }
  /* line 1613, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-device-detail-connect-bottom > em {
    font-size: 15px;
  }
  /* line 1615, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-device-detail-weight {
    font-size: 16px;
    font-weight: bold;
    position: relative;
    padding-bottom: 30px;
  }
  /* line 1620, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-device-detail-weight::before {
    width: 27px;
    height: 28px;
  }
}

/* line 1623, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-device-text {
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 50px;
}

@media (max-width: 767px) {
  /* line 1623, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-device-text {
    font-size: 12px;
    margin-bottom: 25px;
  }
}

/* line 1632, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.c-table {
  max-width: 720px;
  width: 100%;
  margin: auto;
  border-collapse: collapse;
  border-spacing: 0;
  background-color: #ffffff;
  font-size: 1.4285714286rem;
  margin-bottom: 4rem;
}

@media (max-width: 767px) {
  /* line 1632, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .c-table {
    font-size: 1rem;
  }
}

/* line 1643, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.c-table.option-accordion2, .c-table.option-accordion3 {
  display: none;
}

/* line 1645, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.c-table th, .c-table td {
  border: 1px solid #d1d1d1;
  padding: 1rem;
  line-height: 1.4;
  word-wrap: break-word;
}

@media (max-width: 767px) {
  /* line 1645, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .c-table th, .c-table td {
    padding: .5rem;
  }
}

/* line 1652, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.c-table th ul, .c-table td ul {
  padding-left: 1.4rem;
  margin: 0;
  list-style: initial;
}

/* line 1656, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.c-table caption {
  padding: .5rem;
  margin-bottom: 1rem;
}

/* line 1661, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.c-table--bg-even tr:nth-child(even) {
  background-color: #f9f9f9;
}

/* line 1665, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.c-table--bg-odd tr:nth-child(odd) {
  background-color: #f9f9f9;
}

/* line 1667, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.c-table--vertical-top {
  vertical-align: top;
}

/* line 1669, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.c-table--vertical-top th, .c-table--vertical-top td {
  vertical-align: top;
}

/* line 1672, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.c-table--th-nowrap th {
  width: 10%;
  white-space: nowrap;
}

/* line 1676, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.c-table--th-bgcolor th {
  background-color: #f9f9f9;
}

@media (max-width: 767px) {
  /* line 1680, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .c-table--for-mobile th, .c-table--for-mobile td {
    display: block;
    width: 100%;
    padding: 1rem 0;
  }
}

/* line 1684, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.c-table__scroll-wrap {
  overflow: auto;
}

/* line 1686, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.c-table__scroll {
  position: relative;
  margin: 0 auto;
}

/* line 1690, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device {
  padding: 0 0 5rem;
}

@media (max-width: 767px) {
  /* line 1690, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device {
    padding: 0 0 1.5rem;
  }
}

/* line 1694, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device .p-device-lead {
  text-align: center;
  font-size: 35px;
  font-weight: bold;
}

@media (max-width: 767px) {
  /* line 1694, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device .p-device-lead {
    font-size: 15px;
    margin-bottom: 10px;
  }
}

/* line 1702, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device .p-device-slider-wrap {
  position: relative;
}

/* line 1704, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device .p-device-slider-circle {
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
}

/* line 1709, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device .p-device-slider-circle-new {
  width: 131px;
  height: 131px;
  margin-bottom: 10px;
  border-radius: 50%;
  background: #1992eb;
  color: #fff;
  font-size: 42px;
  font-weight: bold;
  line-height: 131px;
}

/* line 1719, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device .p-device-slider-circle-popular {
  width: 131px;
  height: 131px;
  margin-bottom: 10px;
  border-radius: 50%;
  border: 4px solid #1992eb;
  color: #1992eb;
  font-size: 35px;
  font-weight: bold;
  line-height: 40px;
  display: grid;
  place-items: center;
}

/* line 1731, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device .p-device-slider-circle-recommend {
  width: 131px;
  height: 131px;
  margin-bottom: 10px;
  border-radius: 50%;
  background: #FF7B82;
  color: #fff;
  font-size: 27px;
  font-weight: bold;
  line-height: 131px;
}

@media (max-width: 767px) {
  /* line 1704, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device .p-device-slider-circle {
    top: 20px;
  }
  /* line 1743, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device .p-device-slider-circle-new {
    width: 56px;
    height: 56px;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 56px;
  }
  /* line 1749, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device .p-device-slider-circle-popular {
    width: 56px;
    height: 56px;
    border: 2px solid #1992eb;
    font-size: 15px;
    line-height: 20px;
  }
  /* line 1755, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device .p-device-slider-circle-recommend {
    width: 56px;
    height: 56px;
    font-size: 12px;
    line-height: 56px;
  }
  /* line 1760, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device .p-device-slider-circle img {
    width: 52px;
    height: 52px;
  }
}

/* line 1763, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device .p-device-slider figure {
  text-align: center;
}

/* line 1765, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device .p-device-slider figure img {
  display: inline-block;
  max-width: 80%;
}

@media (max-width: 767px) {
  /* line 1765, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device .p-device-slider figure img {
    max-width: 200px;
    max-height: 200px;
  }
}

/* line 1772, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device .p-device-slider__nav figure {
  width: 120px;
  height: 110px;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 5px;
  opacity: .5;
}

@media (max-width: 767px) {
  /* line 1772, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device .p-device-slider__nav figure {
    width: 45px;
    height: 45px;
  }
}

/* line 1783, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device .p-device-slider__nav figure.slick-current {
  border-color: #00afdd;
  border-bottom: 5px solid #1992eb;
  opacity: 1;
}

/* line 1787, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device .p-device-slider__nav-wrap {
  max-width: 650px;
  margin-bottom: 4rem;
}

@media (max-width: 767px) {
  /* line 1787, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device .p-device-slider__nav-wrap {
    width: 210px;
    margin-bottom: 2rem;
  }
}

/* line 1793, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device .p-device-slider__colors {
  margin: 0;
  padding: 0 0 0 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/* line 1797, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device .p-device-slider__colors li {
  margin: .2rem;
  padding: 0;
  list-style: none;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid transparent;
  position: relative;
}

/* line 1806, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device .p-device-slider__colors li .c-device-color {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -12px 0 0 -12px;
}

/* line 1812, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device .p-device-slider__colors li.is-gallery-active {
  border-color: #00afdd;
}

/* line 1814, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device .p-device-slider__control {
  margin-top: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* line 1819, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device .p-device-slider__arrow {
  color: transparent;
  width: 46px;
  height: 46px;
  z-index: 2;
  position: absolute;
  top: calc(100% + 30px);
  margin-top: -15px;
  text-align: center;
}

@media (max-width: 767px) {
  /* line 1819, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device .p-device-slider__arrow {
    width: 30px;
    height: 30px;
    top: calc(100% + 15px);
  }
}

/* line 1832, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device .p-device-slider__arrow::before {
  content: "";
  display: inline-block;
  width: 46px;
  height: 46px;
  margin-top: 7px;
  background: url(/assets/mypage/pages/model-change-5g/icon-slider-right-3d683ec3dd8851a614d35011ff50ed063e96e96aee318508b5494e1e9c5d8ee2.svg);
  background-size: contain;
}

@media (max-width: 767px) {
  /* line 1832, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-device .p-device-slider__arrow::before {
    width: 30px;
    height: 30px;
  }
}

/* line 1844, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device .p-device-slider__arrow--prev {
  left: 0px;
}

/* line 1846, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device .p-device-slider__arrow--prev::before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

/* line 1848, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device .p-device-slider__arrow--next {
  right: 0px;
}

/* Slider */
/* line 1854, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device .slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}

/* line 1860, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device .slick-slider.p-device-slider {
  width: 750px;
  max-width: 100%;
  margin: auto;
}

/* line 1865, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device .slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

/* line 1872, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device .slick-list:focus {
  outline: none;
}

/* line 1875, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device .slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

/* line 1879, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device .slick-slider .slick-track,
.modelChange5g-device .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  place-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

/* line 1890, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device .slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* line 1898, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device .slick-track:before, .modelChange5g-device .slick-track:after {
  content: "";
  display: table;
}

/* line 1903, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device .slick-track:after {
  clear: both;
}

/* line 1906, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.slick-loading .modelChange5g-device .slick-track {
  visibility: hidden;
}

/* line 1909, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device .slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
}

/* line 1914, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
[dir="rtl"] .modelChange5g-device .slick-slide {
  float: right;
}

/* line 1917, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device .slick-slide img {
  display: block;
}

/* line 1920, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device .slick-slide.slick-loading img {
  display: none;
}

/* line 1925, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device .slick-slide.dragging img {
  pointer-events: none;
}

/* line 1928, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.slick-initialized .modelChange5g-device .slick-slide {
  display: block;
}

/* line 1931, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.slick-loading .modelChange5g-device .slick-slide {
  visibility: hidden;
}

/* line 1934, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.slick-vertical .modelChange5g-device .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

/* line 1939, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device .slick-arrow.slick-hidden {
  display: none;
}

/* line 1942, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device .p-device-slider__control {
  margin-top: 0;
}

/* line 1944, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-device .p-device-slider__control .slick-track {
  margin-top: 0;
  -webkit-transform: translate3d(-5px, 0px, 0px) !important;
          transform: translate3d(-5px, 0px, 0px) !important;
}

/* line 1950, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-measure {
  padding: 5rem 0 0 !important;
}

@media (max-width: 767px) {
  /* line 1950, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-measure {
    padding: 1.5rem 0 0 !important;
  }
}

/* line 1954, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-measure-title {
  font-size: 3.5714285714rem;
  color: #1992eb;
}

@media (max-width: 767px) {
  /* line 1954, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-measure-title {
    font-size: 1.5rem;
    margin-bottom: 2rem;
  }
}

/* line 1960, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-measure-title2 {
  font-size: 2.1428571429rem;
  margin-bottom: 1rem;
}

@media (max-width: 767px) {
  /* line 1960, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-measure-title2 {
    font-size: 1.2857142857rem;
  }
}

/* line 1965, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-measure-table {
  max-width: 815px;
  width: 100%;
  margin: auto;
  border-collapse: collapse;
  border-spacing: 0;
  background-color: #ffffff;
  font-size: 1.8571428571rem;
  margin-bottom: 2rem;
  text-align: center;
  font-weight: 500;
}

@media (max-width: 767px) {
  /* line 1965, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-measure-table {
    font-size: 0.7857142857rem;
    margin-bottom: 1rem;
  }
}

/* line 1979, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-measure-table th, .modelChange5g-measure-table td {
  border: 1px solid #d1d1d1;
  padding: 1rem;
  line-height: 1.4;
  word-wrap: break-word;
  vertical-align: middle;
}

@media (max-width: 767px) {
  /* line 1979, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-measure-table th, .modelChange5g-measure-table td {
    padding: .5rem;
  }
}

/* line 1988, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-measure-table tbody th {
  background-color: #f9f9f9;
}

/* line 1991, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-measure-table-galaxy td {
  color: #1992eb;
  font-weight: bold;
}

/* line 1994, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-measure-notion {
  font-size: 1.1428571429rem;
  max-width: 815px;
  width: 100%;
  margin: 0 auto 3rem;
}

@media (max-width: 767px) {
  /* line 1994, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-measure-notion {
    font-size: 0.7142857143rem;
    margin-bottom: 1rem;
  }
}

/* line 2002, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-measure-result {
  margin: auto;
  padding: 0 3rem;
  position: relative;
  display: inline-block;
  color: #1992eb;
  font-size: 2.7142857143rem;
  font-weight: bold;
}

/* line 2003, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-measure-result-wrap {
  text-align: center;
  margin-bottom: 1rem;
}

@media (max-width: 767px) {
  /* line 2002, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-measure-result {
    font-size: 1.1428571429rem;
    padding: 0 2rem;
  }
}

/* line 2016, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-measure-result::before {
  content: "＼";
  position: absolute;
  bottom: 0;
  display: inline-block;
  left: 0;
  color: #1992eb;
}

/* line 2023, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-measure-result::after {
  content: "／";
  position: absolute;
  bottom: 0;
  display: inline-block;
  right: 0;
  color: #1992eb;
}

/* line 2030, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-measure-accent {
  color: #ff7682;
  font-size: 2.7142857143rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 5rem;
}

@media (max-width: 767px) {
  /* line 2030, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-measure-accent {
    font-size: 1.1428571429rem;
    margin-bottom: 1.5rem;
  }
}

/* line 2039, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-measure-arrow {
  background: url(/assets/mypage/pages/model-change-5g/icon-arrow-d676b30f929f97909d1add64871723dd9f1e72f104eff33226894631bb7ab7b8.svg);
  width: 209px;
  height: 63px;
  margin: auto;
  margin-bottom: 1rem;
}

@media (max-width: 767px) {
  /* line 2039, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-measure-arrow {
    width: 87px;
    height: 26px;
  }
}

/* line 2048, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-measure .option-accordion4 {
  display: none;
}

/* line 2052, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-speed {
  background: #fff;
}

/* line 2054, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-speed-title {
  font-size: 2.5714285714rem;
  margin-bottom: 2rem;
}

@media (max-width: 767px) {
  /* line 2054, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-speed-title {
    font-size: 1.5rem;
    margin-bottom: 2rem;
  }
}

/* line 2060, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-speed-title span {
  position: relative;
  padding-left: 5rem;
}

@media (max-width: 767px) {
  /* line 2060, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-speed-title span {
    padding-left: 3rem;
  }
}

/* line 2066, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-speed-title span::before {
  content: "";
  background: url(/assets/mypage/pages/model-change-5g/icon-question-a4ed106f3fd94d759c4431b5dc4dac05174ab972694d75355c05bc5e3132ca9c.svg);
  width: 45px;
  height: 45px;
  position: absolute;
  left: 0;
  margin: auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media (max-width: 767px) {
  /* line 2066, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-speed-title span::before {
    width: 30px;
    height: 30px;
  }
}

/* line 2081, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-speed-title-2 span::before {
  background: url(/assets/mypage/pages/model-change-5g/icon-arrow-down-fb6834ca75d4bf79227c05c7212397f82766bdd6a59498fe4801e3868cf374f8.svg);
}

/* line 2083, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-speed-figure {
  text-align: center;
  margin-bottom: 1rem;
}

/* line 2086, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-speed-text {
  font-size: 1.8571428571rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 4rem;
}

@media (max-width: 767px) {
  /* line 2086, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-speed-text {
    font-size: 1.1428571429rem;
  }
}

/* line 2093, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-speed-text span {
  font-size: 2.0714285714rem;
}

@media (max-width: 767px) {
  /* line 2093, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-speed-text span {
    font-size: 1.2857142857rem;
  }
}

/* line 2097, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-speed-notion {
  font-size: 1.1428571429rem;
  max-width: 815px;
  width: 100%;
  margin: auto;
}

@media (max-width: 767px) {
  /* line 2097, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-speed-notion {
    font-size: 1rem;
  }
}

/* line 2107, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-performance-title {
  font-size: 3.5714285714rem;
  color: #1992eb;
  padding-left: 2rem;
}

@media (max-width: 767px) {
  /* line 2107, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-performance-title {
    font-size: 1.5rem;
    margin-bottom: 2rem;
  }
}

/* line 2115, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-performance-figure {
  text-align: center;
  margin-bottom: 3rem;
}

@media (max-width: 767px) {
  /* line 2115, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-performance-figure {
    margin-bottom: 1rem;
  }
}

/* line 2120, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-performance-notion {
  font-size: 1rem;
  max-width: 820px;
  margin: 0 auto 3rem;
}

@media (max-width: 767px) {
  /* line 2120, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-performance-notion {
    font-size: 0.7142857143rem;
  }
}

/* line 2129, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-step-title {
  font-size: 3.5714285714rem;
}

@media (max-width: 767px) {
  /* line 2129, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-step-title {
    font-size: 1.5rem;
    margin-bottom: 2rem;
  }
}

/* line 2134, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-step-title > span {
  position: relative;
}

/* line 2136, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-step-title > span::after {
  content: "";
  background: url(/assets/mypage/pages/model-change-5g/isoyama_img02@2x-ae41f3cb823ee959cd4bcdcf20a8f510e0f6bc77c78beb6dd14c9b5545a073cf.png) no-repeat top 50% left 50%;
  width: 180px;
  height: 194px;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: calc(100% + 20px);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media (max-width: 767px) {
  /* line 2136, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-step-title > span::after {
    width: 80px;
    height: 87px;
    left: calc(100% + 10px);
  }
}

/* line 2151, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-step-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}

@media (max-width: 767px) {
  /* line 2151, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-step-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

/* line 2157, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-step-item:not(:last-child) {
  padding-bottom: 5rem;
  margin-bottom: 3rem;
}

@media (max-width: 767px) {
  /* line 2157, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-step-item:not(:last-child) {
    padding-bottom: 3rem;
    margin-bottom: 2rem;
  }
}

/* line 2163, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-step-item:not(:last-child)::after {
  content: "";
  background: url(/assets/mypage/pages/model-change-5g/icon-step-arrow-77d919bb594b48c65d9158b5acde00c085f7cbb4518b717416c4f74d1e9ae73b.svg);
  width: 30px;
  height: 17px;
  background-size: contain;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

@media (max-width: 767px) {
  /* line 2163, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-step-item:not(:last-child)::after {
    width: 18px;
    height: 10px;
  }
}

/* line 2177, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-step-img {
  width: 50%;
}

@media (max-width: 767px) {
  /* line 2177, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-step-img {
    width: 100%;
    margin-bottom: 1rem;
  }
}

/* line 2182, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-step-content {
  width: 48%;
  padding-top: 25px;
}

@media (max-width: 767px) {
  /* line 2182, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-step-content {
    width: 100%;
    padding-top: 0;
  }
}

/* line 2188, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-step-content .btn {
  max-width: 450px;
  font-size: 1.5rem;
  height: 65px;
  line-height: 65px;
  -webkit-box-shadow: 0 0 0 5px #fff000;
          box-shadow: 0 0 0 5px #fff000;
}

@media (max-width: 767px) {
  /* line 2188, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-step-content .btn {
    font-size: 1.1428571429rem;
  }
}

/* line 2196, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-step-h3 {
  font-size: 2.1428571429rem;
}

@media (max-width: 767px) {
  /* line 2196, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-step-h3 {
    text-align: center;
    font-size: 1.4285714286rem;
  }
}

/* line 2201, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-step-text {
  font-size: 1.5rem;
  margin-bottom: 1rem;
  font-weight: 500;
}

@media (max-width: 767px) {
  /* line 2201, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-step-text {
    text-align: center;
    font-size: 1.1428571429rem;
  }
}

/* line 2209, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-step-blue {
  color: #1992eb;
  font-size: 2rem;
  font-weight: bold;
}

@media (max-width: 767px) {
  /* line 2209, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-step-blue {
    text-align: center;
    font-size: 1.2857142857rem;
  }
}

/* line 2216, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-step-notion {
  font-size: 1.0714285714rem;
}

@media (max-width: 767px) {
  /* line 2216, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-step-notion {
    font-size: 0.7142857143rem;
  }
}

/* line 2222, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan {
  padding: 80px 0;
}

@media (max-width: 767px) {
  /* line 2222, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan {
    padding: 10px 0;
  }
}

/* line 2226, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-title {
  font-size: 3.5714285714rem;
  color: #1992eb;
}

@media (max-width: 767px) {
  /* line 2226, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-title {
    font-size: 1.5rem;
    margin-bottom: 2rem;
  }
}

/* line 2232, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-h3 {
  font-size: 2.7142857143rem;
  text-align: center;
  margin-bottom: 1rem;
}

@media (max-width: 767px) {
  /* line 2232, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-h3 {
    font-size: 1.2857142857rem;
  }
}

/* line 2238, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-text1 {
  font-size: 2.7142857143rem;
  margin: auto;
  padding: 0 3rem;
  position: relative;
  display: inline-block;
  font-size: 2.7142857143rem;
  font-weight: bold;
}

/* line 2240, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-text1-wrap {
  text-align: center;
  margin-bottom: 1rem;
}

@media (max-width: 767px) {
  /* line 2240, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-text1-wrap {
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  /* line 2238, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-text1 {
    font-size: 1.1428571429rem;
    padding: 0 2rem;
  }
}

/* line 2254, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-text1::before {
  content: "＼";
  position: absolute;
  bottom: 0;
  display: inline-block;
  left: 0;
}

/* line 2260, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-text1::after {
  content: "／";
  position: absolute;
  bottom: 0;
  display: inline-block;
  right: 0;
}

/* line 2266, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-text2 {
  font-size: 2.3571428571rem;
  color: #ff7682;
  text-align: center;
  font-weight: bold;
}

@media (max-width: 767px) {
  /* line 2266, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-text2 {
    font-size: 1.5rem;
  }
}

/* line 2273, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-text3 {
  font-size: 4.3571428571rem;
  color: #ff7682;
  text-align: center;
  font-weight: 800;
  line-height: 1;
  margin-bottom: 1rem;
}

/* line 2280, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-text3 span {
  font-size: 6.9285714286rem;
}

/* line 2282, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-text3 span.modelChange5g-plan-tax {
  font-size: 2.2142857143rem;
  margin-left: -25px;
}

@media (max-width: 767px) {
  /* line 2273, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-text3 {
    font-size: 2.9285714286rem;
    margin-bottom: 2rem;
  }
  /* line 2289, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-text3 span {
    font-size: 4.2857142857rem;
  }
  /* line 2291, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-text3 span.modelChange5g-plan-tax {
    font-size: 1.5rem;
    margin-left: -20px;
  }
}

/* line 2294, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-text4 {
  font-size: 1.9285714286rem;
}

@media (max-width: 767px) {
  /* line 2294, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-text4 {
    font-size: 1rem;
  }
}

/* line 2298, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-text5 {
  font-size: 2.2857142857rem;
  text-align: center;
  margin-bottom: 1rem;
  font-weight: 500;
}

@media (max-width: 767px) {
  /* line 2298, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-text5 {
    font-size: 1.1428571429rem;
  }
}

/* line 2305, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-text6 {
  font-size: 1.2857142857rem;
  margin-bottom: 2rem;
}

@media (max-width: 767px) {
  /* line 2305, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-text6 {
    font-size: 0.8571428571rem;
  }
}

/* line 2310, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-text7 {
  font-size: 1.1428571429rem;
}

@media (max-width: 767px) {
  /* line 2310, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-text7 {
    font-size: 0.7142857143rem;
    margin-bottom: 2rem;
  }
}

/* line 2315, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-figure {
  text-align: center;
  margin-bottom: 3rem;
}

@media (max-width: 767px) {
  /* line 2315, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-figure {
    margin-bottom: 2rem;
  }
}

/* line 2320, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-notion {
  max-width: 700px;
  width: 100%;
  margin: 4rem auto 2rem;
  font-size: 1.1428571429rem;
  margin-bottom: 4rem;
  line-height: 1.6;
}

@media (max-width: 767px) {
  /* line 2320, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-notion {
    font-size: 1rem;
  }
}

/* line 2329, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-lead {
  max-width: 1000px;
  margin: auto;
  margin-bottom: 100px;
}

@media (max-width: 768px) {
  /* line 2329, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-lead {
    margin-bottom: 50px;
  }
}

/* line 2335, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-lead-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 40px;
}

/* line 2339, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-lead-head-item {
  width: 54.5%;
  padding: 30px 0;
  background: #1992eb;
  color: #fff;
  text-align: center;
  font-size: 44px;
  font-weight: bold;
  position: relative;
}

/* line 2348, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-lead-head-item > span {
  font-size: 26px;
  position: relative;
  display: block;
}

/* line 2352, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-lead-head-item > span::after {
  content: "";
  width: 375px;
  max-width: 90%;
  height: 2px;
  background: #fff;
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  margin: auto;
}

/* line 2363, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-lead-head-item::after {
  content: "";
  width: 40px;
  height: 40px;
  background: #1992eb;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -19px;
  margin: auto;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  z-index: -1;
}

/* line 2375, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-lead-head-item-2year {
  background: #00afdd;
}

/* line 2377, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-lead-head-item-2year::after {
  background: #00afdd;
}

@media (max-width: 768px) {
  /* line 2335, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-lead-head {
    margin-bottom: 30px;
    padding: 0 10px;
  }
  /* line 2382, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-lead-head-item {
    width: 48.5%;
    padding: 10px 0;
    font-size: 16px;
  }
  /* line 2386, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-lead-head-item > span {
    font-size: 10px;
  }
  /* line 2388, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-lead-head-item > span::after {
    height: 1px;
    bottom: -3px;
    left: 0;
    right: 0;
  }
  /* line 2393, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-lead-head-item::after {
    content: "";
    width: 25px;
    height: 25px;
    bottom: -12px;
  }
  /* line 2398, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-lead-head-item-inactive {
    background: #adadad;
  }
  /* line 2400, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-lead-head-item-inactive::after {
    content: none;
  }
}

/* line 2402, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-lead-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* line 2405, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-lead-content .slick-prev,
.modelChange5g-plan-lead-content .slick-next {
  top: 27%;
  width: 50px;
  height: 50px;
}

/* line 2410, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-lead-content .slick-prev:before,
.modelChange5g-plan-lead-content .slick-next:before {
  content: "";
  width: 30px;
  height: 30px;
  border-right: 2px solid #2a3b4c;
  border-top: 2px solid #2a3b4c;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
}

/* line 2421, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-lead-content .slick-prev {
  left: 20px;
}

/* line 2423, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-lead-content .slick-prev:before {
  -webkit-transform: translateY(-50%) rotate(-135deg);
          transform: translateY(-50%) rotate(-135deg);
  left: 5px;
}

/* line 2426, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-lead-content .slick-next {
  right: 20px;
}

/* line 2428, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-lead-content .slick-next:before {
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  right: 5px;
}

/* line 2431, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-lead-content .slick-disabled {
  display: none !important;
}

@media (max-width: 768px) {
  /* line 2434, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-lead-content .slick-prev,
.modelChange5g-plan-lead-content .slick-next {
    top: 54%;
    width: 33px;
    height: 33px;
    border-radius: 50%;
    border: 1px solid #2a3b4c;
    background: #fff;
  }
  /* line 2442, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-lead-content .slick-prev:before,
.modelChange5g-plan-lead-content .slick-next:before {
    width: 15px;
    height: 15px;
  }
  /* line 2445, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-lead-content .slick-prev {
    left: 27px;
  }
  /* line 2447, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-lead-content .slick-next {
    right: 27px;
  }
  /* line 2449, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-lead-content .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  /* line 2451, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-lead-content .slick-slide {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    height: auto !important;
  }
}

/* line 2454, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-lead-item {
  width: 54.5%;
  border-radius: 10px;
  border: 1px solid #1992eb;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

/* line 2461, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-lead-item-2year {
  border: 1px solid #00afdd;
}

/* line 2463, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-lead-item-head {
  background: #1992eb;
  color: #fff;
  text-align: center;
  font-size: 23px;
  font-weight: bold;
  padding: 10px 0 0;
  border-radius: 10px 10px 0 0;
  position: relative;
}

/* line 2465, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-lead-item-head-2year {
  background: #00afdd;
}

/* line 2474, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-lead-item-head > span {
  font-size: 34px;
}

/* line 2476, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-lead-item-head-recommend {
  position: absolute;
  right: left;
  top: -9px;
  -webkit-transform: translateX(-45%);
          transform: translateX(-45%);
}

/* line 2481, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-lead-item-head-recommend img {
  width: 95px;
  height: 95px;
}

@media (max-width: 768px) {
  /* line 2476, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-lead-item-head-recommend {
    top: -5px;
  }
  /* line 2486, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-lead-item-head-recommend img {
    width: 57px;
    height: 57px;
  }
}

/* line 2489, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-lead-item-text1 {
  font-size: 24px;
  margin: 15px 0;
  font-weight: bold;
  color: #1992eb;
}

/* line 2494, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-lead-item-text1-2 {
  color: #00afdd;
}

/* line 2496, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-lead-item-bottom {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

/* line 2500, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-lead-item-bottom-text1 {
  display: inline-block;
  font-size: 25px;
  font-weight: bold;
  position: relative;
  color: #1992eb;
}

/* line 2506, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-lead-item-bottom-text2 {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  position: relative;
  margin-bottom: 5px;
}

/* line 2512, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-lead-item-price {
  position: relative;
  padding: 20px 20px;
  text-align: center;
  back-ground: #fff;
}

/* line 2517, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-lead-item-price-head {
  font-size: 29px;
  line-height: 1.2;
  position: relative;
  font-weight: bold;
  display: inline-block;
  color: #ff5865;
}

/* line 2524, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-lead-item-price-head-k {
  font-size: 29px;
  font-weight: bold;
}

/* line 2527, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-lead-item-price-head--kakaku {
  line-height: 1;
}

/* line 2530, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-lead-item-price-head--kakaku em::before {
  content: none !important;
}

/* line 2532, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-lead-item-price-bottom {
  font-size: 21px;
}

/* line 2534, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-lead-item-price em {
  font-size: 57px;
  font-style: normal;
}

/* line 2537, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-lead-item-price em::before {
  content: "月額";
  color: #000;
  display: inline-block;
  line-height: 1;
  margin-right: 6px;
  width: 1em;
  font-size: 23px;
}

/* line 2545, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-lead-item-price::after {
  content: "";
  width: 30px;
  height: 30px;
  background: #EDFBFF;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -15px;
  margin: auto;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

/* line 2556, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-lead-item-price2 {
  position: relative;
  margin-bottom: 10px;
}

/* line 2559, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-lead-item-price2-head {
  font-size: 33px;
  line-height: 1.2;
  font-weight: bold;
  display: inline-block;
}

/* line 2564, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-lead-item-price2-bottom {
  font-size: 25px;
}

/* line 2566, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-lead-item-price2 em {
  font-size: 65px;
  font-style: normal;
}

/* line 2569, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-lead-item-bottom2 {
  background: #1992eb;
  color: #fff;
  text-align: center;
  padding: 50px 30px 20px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

/* line 2575, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-lead-item-bottom2-2 {
  background: #00afdd;
}

/* line 2577, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-lead-item-bottom2-text1 {
  font-size: 25px;
  text-align: center;
  font-weight: bold;
}

/* line 2581, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-lead-item-bottom2-text2 {
  font-size: 18px;
  text-align: left;
}

@media (max-width: 768px) {
  /* line 2454, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-lead-item {
    width: 275px;
    margin: 5px 8px 0;
  }
  /* line 2587, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-lead-item-head {
    font-size: 13px;
    padding: 10px 0 0;
    border-radius: 10px 10px 0 0;
  }
  /* line 2591, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-lead-item-head > span {
    font-size: 20px;
  }
  /* line 2594, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-lead-item-bottom-text1 {
    font-size: 15px;
  }
  /* line 2596, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-lead-item-bottom-text1::before {
    width: 14px;
    height: 11px;
    top: 5px;
  }
  /* line 2600, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-lead-item-bottom-text2 {
    font-size: 13px;
    margin-bottom: 5px;
  }
  /* line 2603, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-lead-item-bottom-text2::before {
    width: 13px;
    height: 10px;
    top: 5px;
  }
  /* line 2607, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-lead-item-price {
    margin-bottom: 10px;
  }
  /* line 2609, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-lead-item-price-head {
    font-size: 20px;
  }
  /* line 2611, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-lead-item-price-head-k {
    font-size: 20px;
  }
  /* line 2613, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-lead-item-price-bottom {
    font-size: 15px;
  }
  /* line 2615, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-lead-item-price em {
    font-size: 40px;
  }
  /* line 2617, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-lead-item-price em::before {
    margin-right: 4px;
    font-size: 16px;
  }
  /* line 2620, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-lead-item-price-1 {
    padding-bottom: 10px;
  }
  /* line 2622, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-lead-item-price-1::before {
    font-size: 11px;
    left: 5px;
    top: 8px;
  }
  /* line 2626, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-lead-item-price-1::after {
    bottom: -20px;
  }
  /* line 2628, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-lead-item-price-img {
    padding: 0 10px;
    position: relative;
    z-index: 1;
  }
  /* line 2632, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-lead-item-text1 {
    font-size: 14px;
  }
  /* line 2634, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-lead-item-bottom2 {
    padding: 40px 15px 15px;
  }
  /* line 2636, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-lead-item-bottom2-text1 {
    font-size: 15px;
  }
  /* line 2638, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-lead-item-bottom2-text2 {
    font-size: 11px;
  }
  /* line 2640, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-lead-item-price2 {
    margin-bottom: 10px;
  }
  /* line 2642, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-lead-item-price2-head {
    font-size: 19px;
  }
  /* line 2644, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-lead-item-price2-bottom {
    font-size: 15px;
  }
  /* line 2646, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-lead-item-price2 em {
    font-size: 38px;
  }
}

/* line 2648, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-lead-price {
  margin-bottom: 100px;
}

/* line 2650, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-lead-price-head {
  font-size: 68px;
  line-height: 1.2;
  position: relative;
  font-weight: bold;
  display: inline-block;
}

/* line 2656, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-lead-price-head::after {
  content: "";
  width: 100%;
  height: 4px;
  background: #2a3b4c;
  position: absolute;
  left: 0;
  bottom: 0;
}

/* line 2664, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-lead-price-bottom {
  font-size: 51px;
}

/* line 2666, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-lead-price em {
  color: #ff7680;
  font-size: 135px;
  font-style: normal;
}

/* line 2670, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-lead-price em::before {
  content: "月額";
  color: #000;
  display: inline-block;
  line-height: 1;
  margin-right: 6px;
  width: 1em;
  font-size: 56px;
}

/* line 2678, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-lead-price2 {
  color: #fff;
  position: relative;
  background: #1992eb;
  border-radius: 26px;
  max-width: 730px;
  margin: 0 auto 50px;
  padding: 35px 0 15px;
}

/* line 2686, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-lead-price2-circle {
  width: 121px;
  height: 121px;
  background: #fff;
  color: #1992eb;
  border: 2px solid #1992eb;
  font-size: 33px;
  line-height: 121px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: -90px;
  border-radius: 50%;
  font-weight: bold;
}

/* line 2701, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-lead-price2-head {
  font-size: 52px;
  line-height: 1.2;
  position: relative;
  font-weight: bold;
  display: inline-block;
}

/* line 2707, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-lead-price2-head > span {
  font-weight: normal;
  font-size: 46px;
  position: relative;
}

/* line 2711, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-lead-price2-bottom {
  font-size: 39px;
}

/* line 2713, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-lead-price2 em {
  color: #fff;
  font-size: 103px;
  font-style: normal;
}

/* line 2717, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-lead-price2 em::before {
  content: "月額";
  color: #fff;
  display: inline-block;
  line-height: 1;
  margin-right: 6px;
  width: 1em;
  font-size: 42px;
}

@media (max-width: 768px) {
  /* line 2678, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-lead-price2 {
    border-radius: 13px;
    margin: 0 auto 30px;
    padding: 20px 0 10px;
    max-width: 90%;
  }
  /* line 2730, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-lead-price2-circle {
    width: 52px;
    height: 52px;
    border: 1px solid #1992eb;
    font-size: 14px;
    line-height: 52px;
    top: -40px;
  }
  /* line 2737, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-lead-price2-head {
    font-size: 22px;
  }
  /* line 2739, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-lead-price2-head > span {
    font-size: 19px;
  }
  /* line 2741, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-lead-price2-bottom {
    font-size: 17px;
  }
  /* line 2743, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-lead-price2 em {
    font-size: 44px;
  }
  /* line 2745, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-lead-price2 em::before {
    margin-right: 6px;
    font-size: 18px;
  }
}

/* line 2749, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-others-table {
  width: 100%;
  margin: auto;
  border-top: solid 2px #c6c6c6;
  border-bottom: solid 2px #c6c6c6;
  line-height: 1.5;
}

/* line 2750, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-others-table-wrap {
  background: #fff;
  border-radius: 28px;
  margin-bottom: 20px;
  padding: 55px 45px;
}

/* line 2760, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-others-table thead {
  text-align: center;
}

/* line 2762, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-others-table thead td {
  color: #fff;
  background: #1992eb;
  font-weight: bold;
  font-size: 40px;
  text-align: center !important;
}

/* line 2768, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-others-table thead td:last-child {
  background: #00afdd;
}

/* line 2770, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-others-table tr {
  font-size: 33px;
  padding: 5px 0;
  border-top: solid 2px #c6c6c6;
  border-bottom: solid 2px #c6c6c6;
  text-align: center;
}

/* line 2776, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-others-table th,
.modelChange5g-plan-others-table td {
  padding: 15px 30px;
}

/* line 2779, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-others-table th {
  vertical-align: middle;
  text-align: center;
  background: #eee;
  font-size: 29px;
}

/* line 2784, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-others-table td {
  vertical-align: middle;
  font-size: 30px;
  line-height: 1.3;
}

/* line 2788, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-others-table td sup {
  font-size: 16px;
}

/* line 2790, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-others-table td img {
  margin-top: -10px;
}

/* line 2792, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-others-table td dl {
  margin: 0 0 20px;
}

/* line 2794, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-others-table td dd {
  margin: 0;
  font-weight: bold;
}

/* line 2797, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-others-table-0 {
  position: relative;
  font-size: 40px;
  font-weight: bold;
}

/* line 2801, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-others-table-0::after {
  content: "";
  width: 100%;
  height: 2px;
  background: #1992eb;
  position: absolute;
  left: 0;
  bottom: 0;
}

/* line 2809, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-others-table-em {
  position: relative;
  font-size: 33px;
  font-weight: bold;
  color: #ff7680;
}

/* line 2814, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-others-table-em > sup {
  color: #2a3b4c;
}

/* line 2816, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-others-table-em::after {
  content: "";
  width: 100%;
  height: 2px;
  background: #1992eb;
  position: absolute;
  left: 0;
  bottom: 0;
}

/* line 2824, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-others-table-small {
  font-size: 21px;
}

@media (max-width: 768px) {
  /* line 2828, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-others-table-wrap {
    padding: 20px;
    border-radius: 23px;
    margin-bottom: 10px;
  }
  /* line 2833, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-others-table thead td {
    font-size: 15px;
  }
  /* line 2835, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-others-table thead td:last-child {
    background: #00afdd;
  }
  /* line 2837, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-others-table tr {
    font-size: 10px;
    padding: 5px 0;
  }
  /* line 2840, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-others-table th,
.modelChange5g-plan-others-table td {
    padding: 10px 10px;
  }
  /* line 2843, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-others-table th {
    font-size: 11px;
  }
  /* line 2845, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-others-table td {
    font-size: 12px;
  }
  /* line 2847, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-others-table td img {
    margin-top: -10px;
  }
  /* line 2849, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-others-table td dl {
    margin: 0 0 10px;
  }
  /* line 2851, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-others-table-0 {
    font-size: 15px;
  }
  /* line 2853, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-others-table-0::after {
    height: 2px;
  }
  /* line 2855, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-others-table-em {
    font-size: 15px;
  }
  /* line 2857, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-others-table-em::after {
    height: 2px;
  }
  /* line 2859, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-others-table-small {
    font-size: 10px;
  }
}

/* line 2861, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-pay {
  text-align: center;
}

/* line 2863, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-pay-h4 {
  font-size: 40px;
  margin-bottom: 30px;
  color: #1992eb;
}

/* line 2867, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-pay-img {
  margin-bottom: 5px;
}

/* line 2869, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-pay-frame {
  border-radius: 23px;
  background: #eef9ff;
  padding: 45px 130px;
  margin-bottom: 30px;
}

/* line 2874, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-pay-frame-h3 {
  font-size: 39px;
  margin-bottom: 30px;
}

/* line 2877, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-pay-text {
  font-size: 24px;
  text-align: left;
}

/* line 2880, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-pay-text2 {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 30px;
  line-height: 1.5;
}

/* line 2885, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-pay-text2 > span {
  color: #ff5865;
  font-size: 43px;
}

/* line 2889, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-pay-btn .bl-5g-btn {
  width: 100%;
  font-size: 32px;
}

@media (max-width: 768px) {
  /* line 2861, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-pay {
    padding: 50px 15px 0;
  }
  /* line 2894, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-pay-frame {
    border-radius: 23px;
    padding: 20px 20px 5px;
    margin-bottom: 20px;
  }
  /* line 2898, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-pay-h4 {
    font-size: 17px;
    margin-bottom: 20px;
  }
  /* line 2901, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-pay-text {
    font-size: 15px;
    margin-bottom: 15px;
  }
  /* line 2904, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-pay-text2 {
    font-size: 14px;
    margin-bottom: 20px;
  }
  /* line 2907, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-pay-text2 > span {
    font-size: 17px;
  }
  /* line 2910, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-pay-btn .bl-5g-btn {
    width: 100%;
    font-size: 14px;
  }
}

/* line 2914, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-return-text1 {
  font-size: 34px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 50px;
}

/* line 2919, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-return-img {
  text-align: center;
}

/* line 2921, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-return-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 50px 0;
}

/* line 2925, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-return-wrap-item {
  width: 30%;
  position: relative;
}

/* line 2930, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-return-wrap-item:not(:last-child) .bl-5g-plan-return-wrap-img::after {
  content: "";
  background: url(/assets/5g_lp/svg/arrow_return-882d26d0ec11de640cf934390415a63d93d1785820d746289e195b926a65ac7e.svg) no-repeat top 50% left 50%/contain;
  width: 53px;
  height: 76px;
  position: absolute;
  left: calc(100% + 10px);
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

/* line 2939, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-return-wrap-num {
  text-align: center;
}

/* line 2941, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-return-wrap-title {
  font-size: 30px;
  text-align: center;
  margin-bottom: 10px;
  font-weight: 500;
}

/* line 2946, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-return-wrap-img {
  position: relative;
  text-align: center;
}

/* line 2949, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-return-wrap-text {
  font-size: 28px;
  text-align: center;
  font-weight: 500;
}

/* line 2953, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-return-h3 {
  color: #1992eb;
  font-size: 35px;
  font-weight: bold;
  border-bottom: 1px solid #c6c6c6;
}

/* line 2958, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-return-text2 {
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 50px;
}

/* line 2962, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-return-h3-2 {
  color: #1992eb;
  font-size: 37px;
  font-weight: bold;
  text-align: center;
}

/* line 2967, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-return-wrap2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 30px;
}

/* line 2972, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-return-wrap2-item {
  width: 48%;
  margin-bottom: 50px;
}

/* line 2976, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-return-wrap2-item:nth-of-type(5) .bl-5g-plan-return-wrap2-img {
  padding-top: 40px;
}

/* line 2978, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-return-wrap2-img {
  text-align: center;
}

/* line 2980, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-return-wrap2-text1 {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}

/* line 2984, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-plan-return-wrap2-text2 {
  font-size: 25px;
  font-weight: 500;
}

@media (max-width: 768px) {
  /* line 2988, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-return-text1 {
    font-size: 17px;
    margin-bottom: 20px;
  }
  /* line 2991, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-return-wrap {
    margin: 30px 0;
  }
  /* line 2993, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-return-wrap-item {
    width: 30%;
    position: relative;
  }
  /* line 2998, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-return-wrap-item:not(:last-child) .bl-5g-plan-return-wrap-img::after {
    width: 21px;
    height: 30px;
    left: calc(100% + 5px);
  }
  /* line 3003, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-return-wrap-num img {
    width: 30px;
  }
  /* line 3005, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-return-wrap-title {
    font-size: 13px;
  }
  /* line 3008, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-return-wrap-img img {
    height: 40px;
  }
  /* line 3010, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-return-wrap-text {
    font-size: 11px;
  }
  /* line 3012, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-return-h3 {
    font-size: 14px;
  }
  /* line 3014, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-return-text2 {
    font-size: 11px;
    margin-bottom: 30px;
    margin-top: 10px !important;
  }
  /* line 3018, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-return-h3-2 {
    font-size: 14px;
  }
  /* line 3020, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-return-wrap2 {
    margin-bottom: 30px;
  }
  /* line 3022, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-return-wrap2-item {
    margin-bottom: 30px;
  }
  /* line 3025, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-return-wrap2-item:nth-of-type(5) .bl-5g-plan-return-wrap2-img {
    padding-top: 15px;
  }
  /* line 3029, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-return-wrap2-item:nth-of-type(6) .bl-5g-plan-return-wrap2-img img {
    height: 145px;
  }
  /* line 3032, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-return-wrap2-img img {
    height: 130px;
  }
  /* line 3034, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-return-wrap2-text1 {
    font-size: 11px;
    margin-top: 10px !important;
  }
  /* line 3037, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-plan-return-wrap2-text2 {
    font-size: 10px;
    margin-top: 10px !important;
  }
}

/* line 3043, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-bnr {
  padding: 80px 15px 60px;
  text-align: center;
}

/* line 3046, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-bnr img {
  margin: auto;
}

@media (max-width: 767px) {
  /* line 3043, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-bnr {
    padding: 30px 15px;
  }
}

/* line 3051, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-bnr2 {
  background: #EDFBFF;
  padding: 40px 15px 60px;
  text-align: center;
}

/* line 3055, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-bnr2--white {
  padding-top: 80px;
  background: #fff;
}

/* line 3058, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-bnr2 img {
  width: 1000px;
  max-width: 100%;
  margin: auto;
}

@media (max-width: 767px) {
  /* line 3051, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-bnr2 {
    padding: 30px 15px;
  }
}

/* line 3066, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-option {
  padding: 80px 0;
}

@media (max-width: 767px) {
  /* line 3066, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-option {
    padding: 30px 0;
  }
}

/* line 3070, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-option-title {
  font-size: 3.5714285714rem;
  text-align: center;
  margin-bottom: 2rem;
}

@media (max-width: 767px) {
  /* line 3070, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-option-title {
    font-size: 1.5rem;
    margin-bottom: 1rem;
  }
}

/* line 3077, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-option-text {
  font-size: 2.5714285714rem;
  text-align: center;
  font-weight: bold;
  margin-bottom: 1rem;
}

@media (max-width: 767px) {
  /* line 3077, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-option-text {
    font-size: 1.0714285714rem;
    margin-bottom: 2rem;
  }
}

/* line 3085, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-option-head {
  font-size: 39px;
  color: #fff;
  border-radius: 14px;
  background: #ff5865;
  padding: 9px 10px;
  text-align: center;
  margin-bottom: 50px;
  font-weight: bold;
}

@media (max-width: 768px) {
  /* line 3085, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-option-head {
    font-size: 17px;
    border-radius: 6px;
    padding: 5px 5px;
    margin-bottom: 20px;
  }
}

/* line 3099, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-option-img {
  margin-bottom: 50px;
}

@media (max-width: 768px) {
  /* line 3099, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-option-img {
    font-size: 20px;
    margin-bottom: 20px;
  }
}

/* line 3104, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-option-btn {
  text-align: center;
}

/* line 3107, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-option2 {
  margin: auto;
  text-align: center;
  padding: 120px 0 0;
  background: #c5ecff;
  width: 100%;
}

@media (max-width: 768px) {
  /* line 3107, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-option2 {
    padding: 50px 0px 0;
  }
}

/* line 3115, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-option2-title {
  font-size: 3.5714285714rem;
  text-align: center;
  margin-bottom: 2rem;
}

@media (max-width: 767px) {
  /* line 3115, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-option2-title {
    font-size: 1.5rem;
    margin-bottom: 1rem;
  }
}

/* line 3122, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-option2-h3 {
  font-size: 36px;
  margin-bottom: 50px;
}

@media (max-width: 768px) {
  /* line 3122, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-option2-h3 {
    font-size: 15px;
    margin-bottom: 20px;
  }
}

/* line 3128, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-option2-h4 {
  font-size: 48px;
  color: #fff;
  background: #1992eb;
  border-radius: 14px;
  margin: auto;
  margin-bottom: 30px;
  padding: 5px 0;
  width: 630px;
}

@media (max-width: 768px) {
  /* line 3128, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-option2-h4 {
    font-size: 17px;
    border-radius: 6px;
    margin-bottom: 15px;
    padding: 5px 0;
    width: 275px;
  }
}

/* line 3144, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-option2-unit:not(:last-child) {
  padding-bottom: 100px;
}

@media (max-width: 768px) {
  /* line 3144, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-option2-unit:not(:last-child) {
    padding-bottom: 40px;
  }
}

/* line 3148, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-option2-unit2 {
  padding-bottom: 80px;
}

@media (max-width: 768px) {
  /* line 3148, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-option2-unit2 {
    padding-bottom: 35px;
  }
}

/* line 3156, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-option2-container {
  max-width: 980px;
  margin: auto;
}

@media (max-width: 768px) {
  /* line 3156, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-option2-container {
    padding: 0 15px;
  }
}

/* line 3161, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-option2-note {
  text-align: left;
  max-width: 800px;
  margin: auto;
  margin-bottom: 50px;
  font-size: 27px;
}

@media (max-width: 768px) {
  /* line 3161, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-option2-note {
    font-size: 12px;
    margin-bottom: 20px;
  }
}

/* line 3170, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-option2-under {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #ffff00));
  background: -webkit-linear-gradient(transparent 50%, #ffff00 50%);
  background: linear-gradient(transparent 50%, #ffff00 50%);
}

/* line 3173, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-option2-item {
  background: #fff;
  padding: 20px 20px 40px;
  width: 630px;
  margin: auto;
  border-radius: 23px;
  color: inherit;
  display: block;
  text-decoration: none;
  position: relative;
  line-height: 1.5;
}

@media (max-width: 768px) {
  /* line 3173, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-option2-item {
    padding: 10px 5px;
    width: 275px;
    margin: auto;
    border-radius: 10px;
  }
}

/* line 3189, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-option2-item:hover {
  color: inherit;
  text-decoration: none;
}

/* line 3192, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-option2-item::after {
  content: "";
  background: url(/assets/5g_lp/svg/link-af09e79eaa5c3f50f28b5fa6ad86203779fe626e7dca29f5ea2bdfb89a9bb66b.svg) no-repeat top 50% left 50%/contain;
  width: 29px;
  height: 20px;
  position: absolute;
  right: 30px;
  bottom: 20px;
}

@media (max-width: 768px) {
  /* line 3192, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-option2-item::after {
    width: 13px;
    height: 9px;
    right: 10px;
    bottom: 10px;
  }
}

/* line 3205, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-option2-lead {
  font-size: 29px;
  margin-bottom: 20px;
  font-weight: bold;
  color: #1992eb;
}

@media (max-width: 768px) {
  /* line 3205, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-option2-lead {
    font-size: 13px;
    margin-bottom: 5px;
  }
}

/* line 3213, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-option2-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

/* line 3216, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-option2-logo {
  width: 17%;
  margin: auto;
  text-align: center;
  margin: 10px auto 0;
}

/* line 3221, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-option2-logo img {
  margin: auto;
}

@media (max-width: 768px) {
  /* line 3216, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-option2-logo {
    max-width: 100px;
  }
}

/* line 3225, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-option2-right {
  width: 70%;
}

/* line 3227, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-option2-name {
  font-size: 31px;
  font-weight: bold;
  margin-bottom: 0px;
  text-align: left;
  height: 3em;
}

@media (max-width: 768px) {
  /* line 3227, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-option2-name {
    font-size: 14px;
    margin-bottom: 3px;
  }
}

/* line 3236, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-option2-price {
  font-weight: bold;
  font-size: 32px;
  line-height: 1.2;
  text-align: left;
  color: #ff5865;
}

/* line 3242, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-option2-price em {
  font-size: 64px;
  font-style: normal;
}

/* line 3245, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-option2-price em::before {
  content: "月額";
  display: inline-block;
  line-height: 1;
  margin-right: 6px;
  vertical-align: middle;
  font-size: 26px;
}

/* line 3252, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-option2-price2 {
  font-size: 24px;
  text-align: left;
  padding-left: 75px;
}

@media (max-width: 768px) {
  /* line 3236, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-option2-price {
    font-size: 14px;
  }
  /* line 3259, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-option2-price em {
    font-size: 27px;
  }
  /* line 3261, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-option2-price em::before {
    margin-right: 6px;
    font-size: 14px;
  }
  /* line 3264, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-option2-price2 {
    font-size: 11px;
    padding-left: 40px;
  }
}

/* line 3267, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-option2-table {
  max-width: 800px;
  margin: 0 auto;
  background: #fff;
}

/* line 3271, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-option2-table th,
.modelChange5g-option2-table td {
  padding: 20px;
  border: 2px solid #c6c6c6;
}

/* line 3275, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-option2-table th {
  width: 35%;
  vertical-align: top;
}

/* line 3278, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-option2-table ul {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 20px;
  list-style-type: disc;
}

/* line 3283, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-option2-table ul + p {
  margin-top: 15px;
  font-size: 14px;
}

@media (max-width: 768px) {
  /* line 3287, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-option2-table th,
.modelChange5g-option2-table td {
    padding: 10px;
  }
  /* line 3290, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-option2-table th {
    width: 35%;
  }
  /* line 3293, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-option2-table ul {
    margin-left: 20px;
  }
  /* line 3295, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-option2-table ul + p {
    font-size: 12px;
  }
}

/* line 3299, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-option2-slider .slick-prev,
.modelChange5g-option2-slider .slick-next {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 74px;
  height: 74px;
  border-radius: 50%;
  border: 1px solid #2a3b4c;
  background: #fff;
}

/* line 3308, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-option2-slider .slick-prev:before,
.modelChange5g-option2-slider .slick-next:before {
  content: "";
  width: 35px;
  height: 35px;
  border-right: 2px solid #2a3b4c;
  border-top: 2px solid #2a3b4c;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
}

/* line 3319, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-option2-slider .slick-prev:hover, .modelChange5g-option2-slider .slick-prev:focus,
.modelChange5g-option2-slider .slick-next:hover,
.modelChange5g-option2-slider .slick-next:focus {
  background: #fff;
  opacity: 1;
}

/* line 3322, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-option2-slider .slick-prev {
  left: calc(50vw - 382px);
}

/* line 3324, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-option2-slider .slick-prev:before {
  -webkit-transform: translateY(-50%) rotate(-135deg);
          transform: translateY(-50%) rotate(-135deg);
  left: 15px;
}

/* line 3327, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-option2-slider .slick-next {
  right: calc(50vw - 382px);
}

/* line 3329, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-option2-slider .slick-next:before {
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  right: 15px;
}

@media (max-width: 768px) {
  /* line 3334, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-option2-slider .slick-prev,
.modelChange5g-option2-slider .slick-next {
    width: 32px;
    height: 32px;
  }
  /* line 3338, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-option2-slider .slick-prev:before,
.modelChange5g-option2-slider .slick-next:before {
    content: "";
    width: 15px;
    height: 15px;
    border-right: 2px solid #2a3b4c;
    border-top: 2px solid #2a3b4c;
  }
  /* line 3344, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-option2-slider .slick-prev {
    left: calc(50vw - 162px);
  }
  /* line 3346, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-option2-slider .slick-prev:before {
    left: 5px;
  }
  /* line 3348, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-option2-slider .slick-next {
    right: calc(50vw - 162px);
  }
  /* line 3350, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-option2-slider .slick-next:before {
    right: 5px;
  }
}

/* line 3353, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-btn {
  width: 600px;
  height: 90px;
  line-height: 90px;
  border-radius: 45px;
  border: 1px solid #2a3b4c;
  display: inline-block;
  font-size: 26px;
  position: relative;
  text-decoration: none;
  color: #2a3b4c;
}

/* line 3364, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-btn:hover {
  color: #2a3b4c;
}

/* line 3366, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-btn::after {
  content: "";
  width: 18px;
  height: 18px;
  border-right: 2px solid #2a3b4c;
  border-bottom: 2px solid #2a3b4c;
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-70%) rotate(45deg);
          transform: translateY(-70%) rotate(45deg);
}

@media (max-width: 768px) {
  /* line 3353, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-btn {
    width: 280px;
    height: 45px;
    line-height: 45px;
    border-radius: 45px;
    font-size: 14px;
  }
  /* line 3382, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-btn::after {
    width: 10px;
    height: 10px;
    border-right: 1px solid #2a3b4c;
    border-bottom: 1px solid #2a3b4c;
    right: 20px;
  }
}

/* line 3389, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-btn2::after {
  content: "";
  width: 40px;
  height: 27px;
  border: none;
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(/assets/5g_lp/svg/link-af09e79eaa5c3f50f28b5fa6ad86203779fe626e7dca29f5ea2bdfb89a9bb66b.svg) no-repeat top 50% left 50%/contain;
}

@media (max-width: 768px) {
  /* line 3389, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-btn2::after {
    width: 30px;
    height: 18px;
    right: 20px;
  }
}

/* line 3404, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-btn3::after {
  content: "";
  width: 30px;
  height: 30px;
  border: none;
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(/assets/5g_lp/svg/link2-b85542fe9c55e889eafca774bb6c86ff24ce8674f58be49d97ea150d9bdd4d31.svg) no-repeat top 50% left 50%/contain;
}

@media (max-width: 768px) {
  /* line 3404, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-btn3::after {
    width: 15px;
    height: 15px;
    right: 15px;
  }
}

/* line 3420, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-area {
  max-width: 980px;
  width: 100%;
  margin: auto;
  padding: 70px 0;
}

@media (max-width: 768px) {
  /* line 3420, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-area {
    padding: 50px 10px;
  }
}

/* line 3428, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-area-title {
  font-size: 50px;
}

@media (max-width: 767px) {
  /* line 3428, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-area-title {
    font-size: 21px;
  }
}

/* line 3432, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-area-title > span {
  position: relative;
}

/* line 3434, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-area-title > span::after {
  content: "";
  background: url(/assets/mypage/pages/model-change-5g/isoyama_img01@2x-ae56e30c325503bb5ad0951fdcbf20cfeafa8180b05a40ba3fe7ce6ff2f42330.png) no-repeat top 50% left 50%;
  width: 182px;
  height: 184px;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: calc( 100% + 20px);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media (max-width: 767px) {
  /* line 3434, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-area-title > span::after {
    width: 91px;
    height: 92px;
    left: calc( 100% + 10px);
  }
}

/* line 3451, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-area-h2 {
  font-size: 50px;
  margin-bottom: 50px;
  padding-top: 120px;
  position: relative;
}

/* line 3457, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-area-h2::before {
  content: "";
  background: url(/assets/5g_lp/svg/area-c59ab7977dd6ea37a48c7b2431a830e632b18c26cc9a87a629328fbedd145eb1.svg) no-repeat top 50% left 50%/contain;
  width: 103px;
  height: 103px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
}

@media (max-width: 768px) {
  /* line 3451, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-area-h2 {
    font-size: 25px;
    margin-bottom: 30px;
    padding-top: 55px;
  }
  /* line 3473, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-area-h2::before {
    width: 44px;
    height: 44px;
  }
}

/* line 3477, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-area-lead {
  font-size: 35px;
  font-weight: bold;
  margin-bottom: 30px;
}

@media (max-width: 768px) {
  /* line 3477, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-area-lead {
    font-size: 15px;
    margin-bottom: 20px;
  }
}

/* line 3486, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-area-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0px;
}

@media (max-width: 768px) {
  /* line 3486, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-area-wrap {
    margin-bottom: 30px;
  }
}

/* line 3493, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-area-wrap2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0px;
}

/* line 3498, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-area-square {
  width: 31px;
  height: 31px;
  margin: 5px 14px 5px 0;
  display: inline-block;
  vertical-align: middle;
}

/* line 3504, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-area-square--red {
  background: #fd8b8f;
}

/* line 3506, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-area-square--orange {
  background: #FEC76D;
}

/* line 3508, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-area-square--yellow {
  background: #FFEF81;
}

/* line 3510, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-area-square--purple {
  background: #ae68f6;
}

@media (max-width: 768px) {
  /* line 3498, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-area-square {
    width: 20px;
    height: 20px;
    margin: 4px 7px 4px 0;
  }
}

/* line 3516, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-area-text1 {
  font-size: 28px;
  text-align: left;
  font-weight: bold;
  width: 90%;
  margin: 0 auto 30px;
}

@media (max-width: 768px) {
  /* line 3516, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-area-text1 {
    font-size: 14px;
    margin: 0 auto 15px;
  }
}

/* line 3525, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-area-text2 {
  font-size: 23px;
  text-align: left;
  width: 90%;
  margin: 0 auto 30px;
  line-height: 1.8;
}

@media (max-width: 768px) {
  /* line 3525, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-area-text2 {
    font-size: 12px;
    margin: 0 auto 15px;
  }
}

/* line 3534, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-area-item {
  width: 45%;
}

/* line 3536, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-area-img {
  margin-bottom: 20px;
}

/* line 3538, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-area-img2 {
  position: relative;
}

/* line 3540, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-area-img2::before {
  content: "";
  background: url(/assets/5g_lp/svg/arrows-right-98122b2b561f35b8c7b5df01deb0254f8a25974ae75d063c7415f2e87bb46115.svg) no-repeat top 50% left 50%/contain;
  width: 29px;
  height: 23px;
  position: absolute;
  left: -60px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media (max-width: 768px) {
  /* line 3536, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-area-img {
    margin-bottom: 10px;
  }
  /* line 3552, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-area-img2::before {
    width: 20px;
    height: 15px;
    left: -27px;
  }
}

/* line 3556, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-area-num {
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 23px;
  border-radius: 50%;
  background: #9199a2;
  color: #fff;
  margin: 0 auto 10px;
}

@media (max-width: 768px) {
  /* line 3556, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-area-num {
    width: 15px;
    height: 15px;
    line-height: 15px;
    font-size: 10px;
    margin: 0 auto 10px;
  }
}

/* line 3574, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-area-text {
  font-size: 23px;
  text-align: left;
}

@media (max-width: 768px) {
  /* line 3574, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-area-text {
    font-size: 12px;
  }
}

/* line 3581, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-area-title2 {
  margin-top: 0;
  margin-bottom: 3.5rem;
  font-size: 38px;
}

@media (max-width: 768px) {
  /* line 3581, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-area-title2 {
    font-size: 18px;
  }
}

/* line 3588, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-area-btn {
  margin-bottom: 50px;
}

@media (max-width: 768px) {
  /* line 3588, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-area-btn {
    margin-bottom: 30px;
  }
}

/* line 3594, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.section-area .iframe-block {
  margin-right: auto;
  margin-left: auto;
  width: 800px;
  max-width: 100%;
}

/* line 3600, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.section-area iframe {
  border: 0;
  width: 720px;
  max-width: 100%;
  height: 700px;
}

@media (max-width: 768px) {
  /* line 3600, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .section-area iframe {
    height: 500px;
  }
}

/* line 3608, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.section-area .cf-block {
  margin-top: 20px;
  font-size: 10px;
  font-size: 1rem;
}

/* line 3613, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.section-area .button-block {
  text-align: center;
}

/* line 3616, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.section-area .button-block a.button-area {
  display: inline-block;
  padding-top: 15px;
  padding-right: 20px;
  padding-bottom: 15px;
  padding-left: 20px;
  background-color: #043786;
  -webkit-box-shadow: 0 4px 0 #032354;
          box-shadow: 0 4px 0 #032354;
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  font-size: 22px;
  font-size: 2.2rem;
}

/* line 3630, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.section-area .button-block a.button-area:active {
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
}

/* line 3634, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.section-area .button-block a.button-area:after {
  margin-left: 5px;
  content: "\e905";
  vertical-align: middle;
  font-family: "iconfont";
}

/* line 3640, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.section-area .button-block p {
  margin-top: 20px;
  color: #043786;
}

/* line 3644, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.section-area .button-block p span:before {
  margin-right: 5px;
  content: "\e908";
  font-family: "iconfont";
}

@media (min-width: 600px) {
  /* line 3650, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .section-area .iframe-block {
    display: block;
  }
  /* line 3653, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .section-area .button-block {
    display: none;
  }
  /* line 3656, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .section-area .cf-block {
    margin-right: auto;
    margin-left: auto;
    width: 960px;
    font-size: 1.6rem;
  }
}

/* line 3664, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-faq-title {
  font-size: 3.5714285714rem;
  color: #1992eb;
}

@media (max-width: 767px) {
  /* line 3664, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-faq-title {
    font-size: 1.5rem;
    margin-bottom: 2rem;
  }
}

/* line 3673, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-notice p {
  font-size: 1.1428571429rem;
  margin-bottom: 2rem;
}

@media (max-width: 767px) {
  /* line 3673, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-notice p {
    font-size: 0.8571428571rem;
  }
}

/* line 3682, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
section.section-option {
  padding-top: 40px;
}

@media (max-width: 767px) {
  /* line 3682, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  section.section-option {
    padding-top: 60px;
  }
}

/* line 3686, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
section.section-option .button {
  display: inline-block;
  padding-top: 5px;
  padding-right: 20px;
  padding-bottom: 5px;
  padding-left: 20px;
  border: 1px solid #ff7682;
  border-radius: 100px;
  background-color: #fff;
  font-weight: bold;
  color: #ff7682;
}

/* line 3698, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
section.section-option .button::before {
  content: "＋";
  display: inline-block;
  padding-right: .6rem;
}

@media (min-width: 768px) {
  /* line 3686, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  section.section-option .button {
    padding-top: 10px;
    padding-right: 30px;
    padding-bottom: 10px;
    padding-left: 30px;
    font-size: 1.4285714286rem;
  }
}

/* line 3709, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
section.section-option .button:hover {
  cursor: pointer;
  text-decoration: none;
}

/* line 3712, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
section.section-option .option-wrap {
  margin-right: 10px;
  margin-left: 10px;
  border: 3px solid #1992eb;
}

@media (min-width: 768px) {
  /* line 3712, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  section.section-option .option-wrap {
    width: 960px;
    margin-right: auto;
    margin-left: auto;
  }
}

/* line 3719, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
section.section-option .option-wrap.margin-top {
  margin-top: 30px;
}

@media (min-width: 768px) {
  /* line 3719, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  section.section-option .option-wrap.margin-top {
    margin-top: 60px;
  }
}

/* line 3723, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
section.section-option .option-wrap + .text {
  margin: 30px 15px 0;
  font-size: 0.7142857143rem;
}

@media (min-width: 768px) {
  /* line 3723, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  section.section-option .option-wrap + .text {
    width: 970px;
    margin-right: auto;
    margin-left: auto;
    font-size: 1.1428571429rem;
  }
}

/* line 3729, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
section.section-option .option-description-block {
  text-align: center;
}

/* line 3731, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
section.section-option .option-description-block .option-title-block {
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #1992eb;
  color: #fff;
  font-weight: bold;
  font-size: 1.4285714286rem;
}

@media (min-width: 768px) {
  /* line 3731, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  section.section-option .option-description-block .option-title-block {
    font-size: 2.5rem;
  }
}

/* line 3741, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
section.section-option .option-description-block .option-title-block img {
  margin-right: 5px;
  vertical-align: middle;
}

/* line 3744, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
section.section-option .option-description-block .option-content-block {
  padding-top: 20px;
  padding-right: 10px;
  padding-bottom: 20px;
  padding-left: 10px;
}

@media (min-width: 768px) {
  /* line 3744, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  section.section-option .option-description-block .option-content-block {
    padding-right: 20px;
    padding-left: 20px;
  }
}

/* line 3754, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
section.section-option .option-description-block .option-content-block p {
  margin-top: 5px;
  font-size: 0.7142857143rem;
}

@media (min-width: 768px) {
  /* line 3754, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  section.section-option .option-description-block .option-content-block p {
    margin-top: 20px;
    text-align: left;
    font-size: 1.1428571429rem;
  }
}

/* line 3761, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
section.section-option .option-description-block .option-button-block {
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 3px solid #1992eb;
  background-color: #d6efff;
}

/* line 3767, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
section.section-option .option-accordion-block {
  background-color: #d6efff;
  display: none;
}

@media (min-width: 768px) {
  /* line 3767, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  section.section-option .option-accordion-block {
    padding-top: 20px;
  }
}

/* line 3772, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
section.section-option .option-accordion-block .option-accordion-content {
  margin-right: 20px;
  margin-left: 20px;
  background-color: #fff;
}

@media (min-width: 768px) {
  /* line 3772, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  section.section-option .option-accordion-block .option-accordion-content {
    width: 800px;
    margin-right: auto;
    margin-left: auto;
  }
}

/* line 3779, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
section.section-option .option-accordion-block .option-accordion-content table {
  text-align: left;
}

/* line 3781, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
section.section-option .option-accordion-block .option-accordion-content table th, section.section-option .option-accordion-block .option-accordion-content table td {
  padding: 10px;
}

@media (min-width: 768px) {
  /* line 3781, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  section.section-option .option-accordion-block .option-accordion-content table th, section.section-option .option-accordion-block .option-accordion-content table td {
    padding: 20px;
  }
}

/* line 3785, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
section.section-option .option-accordion-block .option-accordion-content table th {
  width: 35%;
  border-bottom: 2px solid #d6efff;
  vertical-align: top;
}

/* line 3789, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
section.section-option .option-accordion-block .option-accordion-content table td {
  border-bottom: 2px solid #d6efff;
  border-left: 2px solid #d6efff;
}

/* line 3793, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
section.section-option .option-accordion-block .option-accordion-content ul {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 20px;
  list-style-type: disc;
}

/* line 3799, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
section.section-option .option-accordion-block p.option-text {
  margin-top: 20px;
  padding: 0 20px;
  font-size: 0.7142857143rem;
}

@media (min-width: 768px) {
  /* line 3799, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  section.section-option .option-accordion-block p.option-text {
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    width: 800px;
    font-size: 1.1428571429rem;
  }
}

/* line 3810, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
section.section-option .option-accordion-block .option-button-block {
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
}

@media (min-width: 768px) {
  /* line 3810, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  section.section-option .option-accordion-block .option-button-block {
    padding-top: 40px;
  }
}

/* line 3817, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
section.section-option .button-option {
  border-color: transparent;
  background-color: #ff7682;
  -webkit-box-shadow: 0 3px 5px rgba(68, 68, 68, 0.3);
          box-shadow: 0 3px 5px rgba(68, 68, 68, 0.3);
  color: #ffffff;
  text-decoration: none;
}

/* line 3823, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
section.section-option .button-option span {
  display: block;
  text-align: center;
  font-size: 75%;
}

/* line 3827, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
section.section-option .button-option:hover {
  opacity: 0.8;
}

/* line 3833, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.option-sprt .option-title-block img {
  width: 100px;
}

@media (min-width: 576px) {
  /* line 3833, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .option-sprt .option-title-block img {
    width: auto;
  }
}

/* line 3837, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.option-sprt-ttl {
  position: relative;
  text-align: center;
  font-weight: 600;
  -webkit-font-feature-settings: "palt" 1;
          font-feature-settings: "palt" 1;
}

/* line 3842, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.option-sprt-ttl-row1 {
  font-size: 20px;
}

@media (min-width: 576px) {
  /* line 3842, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .option-sprt-ttl-row1 {
    font-size: 30px;
  }
}

/* line 3846, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.option-sprt-ttl-row2 {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, transparent), color-stop(80%, #fcee21));
  background: -webkit-linear-gradient(transparent 80%, #fcee21 80%);
  background: linear-gradient(transparent 80%, #fcee21 80%);
  color: #197CE6;
  font-size: 34px;
}

@media (min-width: 576px) {
  /* line 3846, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .option-sprt-ttl-row2 {
    font-size: 61px;
  }
}

/* line 3852, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.option-sprt-ttl-row3 {
  font-size: 23px;
}

@media (min-width: 576px) {
  /* line 3852, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .option-sprt-ttl-row3 {
    font-size: 33px;
  }
}

/* line 3856, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.option-sprt-ttl .batch {
  position: absolute;
  top: 30px;
  right: calc(50% - 120px);
  display: inline-block;
  width: 50px;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
}

@media (min-width: 576px) {
  /* line 3856, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .option-sprt-ttl .batch {
    top: 30px;
    right: calc(50% - 230px);
    width: auto;
  }
}

/* line 3867, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.option-sprt-cf {
  text-align: center;
  margin-top: 30px;
}

/* line 3870, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.option-sprt-list {
  font-size: 13px;
}

@media (min-width: 576px) {
  /* line 3870, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .option-sprt-list {
    font-size: 16px;
  }
}

@media (min-width: 576px) {
  /* line 3874, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .option-sprt-list br {
    display: none;
  }
}

/* line 3877, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.option-sprt-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

@media (min-width: 576px) {
  /* line 3877, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .option-sprt-card {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

/* line 3883, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.option-sprt-card-item {
  margin-top: 30px;
  -ms-flex-preferred-size: calc(33.33% - 10px);
      flex-basis: calc(33.33% - 10px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

/* line 3888, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.option-sprt-card-item .icon {
  position: relative;
  top: 2px;
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url(/assets/icon_support@2x-ae3bb89f4fbec17b83b1a1cce16426ae2e6dec8e43186614693f551821648006.png) no-repeat top 0 right 0;
  background-size: contain;
}

@media (min-width: 576px) {
  /* line 3888, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .option-sprt-card-item .icon {
    width: 20px;
    height: 20px;
  }
}

/* line 3899, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.option-sprt-card-bg {
  margin-top: 10px;
  padding: 10px;
  border-radius: 14px;
  background-color: #fcee21;
  color: #003399;
  font-weight: 600;
  height: 100%;
  font-size: 7.5px;
}

@media (min-width: 576px) {
  /* line 3899, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .option-sprt-card-bg {
    font-size: 20px;
  }
}

/* line 3910, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.option-sprt-card-bg > div {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  position: relative;
  top: 50%;
}

/* line 3914, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.option-sprt-card picture {
  display: inline-block;
  width: 100%;
  border-radius: 14px;
  background-color: #197CE6;
  padding: 10px;
}

/* line 3920, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.option-acordion-sprt {
  padding: 0 20px;
  max-width: 800px;
  margin: 0 auto 30px auto;
}

@media (min-width: 768px) {
  /* line 3920, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .option-acordion-sprt {
    padding: 0;
    margin-bottom: 60px;
  }
}

/* line 3927, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.option-acordion-sprt p {
  margin-top: 20px;
}

/* line 3929, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.option-acordion-sprt h3 {
  margin-top: 20px;
  position: relative;
  padding-left: 35px;
  font-size: 22px;
}

/* line 3934, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.option-acordion-sprt h3::before {
  content: "";
  background: url(/assets/5g_lp/svg/icon_exclamation-148c52a5153e6c4464137c46f866a42adc126d9a295d16fb8bde6312856ebb90.svg) no-repeat top 50% right 50%/contain;
  width: 28px;
  height: 28px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

/* line 3946, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.section-opt2 {
  padding-top: 40px;
  overflow-x: hidden;
}

@media (min-width: 576px) {
  /* line 3946, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .section-opt2 {
    padding-top: 80px;
  }
}

/* line 3951, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.slick {
  position: relative;
}

/* line 3953, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.slick-margin {
  display: inline-block;
  margin: 0 10px;
}

/* line 3956, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.slick-dot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 1rem 0;
}

/* line 3960, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.slick-dot button {
  position: relative;
  margin: 0 5px;
  outline: none;
  border: none;
  background: none;
  text-indent: -9999px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

/* line 3968, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.slick-dot button:before {
  position: absolute;
  top: 0;
  left: 0;
  color: #d8d8d8;
  content: "●";
  text-indent: 0;
  font-size: 20px;
  font-family: arial;
}

/* line 3977, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.slick-dot .slick-active button:before {
  color: #0099ff;
}

/* line 3980, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.section-opt2 .slick-arrow {
  position: absolute;
  top: 50%;
  z-index: 10;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

/* line 3985, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.section-opt2 .slick-arrow:hover {
  opacity: .7;
}

/* line 3995, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.section-opt2 .slick-arrow--left {
  right: 10px;
  background: url(/assets/option-slider-left-f8a22263e7d2a96dfe75f41924aad8511812becf312bf35f971364529fcf1c58.svg) no-repeat top 50% right 50%;
}

@media (min-width: 768px) {
  /* line 3995, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .section-opt2 .slick-arrow--left {
    right: 7vw;
  }
}

/* line 4000, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.section-opt2 .slick-arrow--right {
  left: 10px;
  background: url(/assets/option-slider-right-1726130c20d1271a6898bb7ee9c5a7328a699e968de1bc81568198b6ba83ff0c.svg) no-repeat top 50% right 50%;
}

@media (min-width: 768px) {
  /* line 4000, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .section-opt2 .slick-arrow--right {
    left: 7vw;
  }
}

/* line 4008, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.opt2-info-head {
  padding: 5px;
  background-color: #1992eb;
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  font-size: 18px;
}

@media (min-width: 576px) {
  /* line 4008, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .opt2-info-head {
    font-size: 35px;
  }
}

/* line 4017, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.opt2-info-hero {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 100%;
  border-bottom: 6px solid #1992eb;
}

/* line 4023, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.opt2-info-hero img {
  vertical-align: bottom;
}

/* line 4025, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.opt2-info-wrap {
  border: 6px solid #1992eb;
}

/* line 4027, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.opt2-info-body {
  padding: 20px;
  background-color: #d6efff;
}

@media (min-width: 576px) {
  /* line 4027, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .opt2-info-body {
    padding: 40px;
  }
}

/* line 4032, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.opt2-info-body-txt {
  margin-top: 20px;
  font-size: 14px;
  color: #484848;
}

/* line 4036, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.opt2-info-table {
  background-color: #ffffff;
  font-size: 13px;
}

@media (min-width: 576px) {
  /* line 4036, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .opt2-info-table {
    font-size: 14px;
  }
}

/* line 4041, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.opt2-info-table th, .opt2-info-table td {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  border-collapse: collapse;
  display: block;
  width: 100%;
}

@media (min-width: 576px) {
  /* line 4041, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .opt2-info-table th, .opt2-info-table td {
    display: table-cell;
    width: auto;
    border: 3px solid #d6efff;
  }
}

/* line 4051, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.opt2-info-table th.text-bold, .opt2-info-table td.text-bold {
  font-weight: 600;
}

@media (min-width: 576px) {
  /* line 4051, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .opt2-info-table th.text-bold, .opt2-info-table td.text-bold {
    font-weight: normal;
  }
}

/* line 4055, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.opt2-info-table th {
  text-align: left;
  background-color: #1992eb;
  color: #ffffff;
}

@media (min-width: 576px) {
  /* line 4055, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .opt2-info-table th {
    background-color: transparent;
    color: #333333;
    width: 14em;
  }
}

/* line 4064, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.opt2-info-spotList li {
  display: inline-block;
  margin-bottom: 10px;
  width: 5em;
  text-align: center;
}

@media (min-width: 576px) {
  /* line 4064, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .opt2-info-spotList li {
    width: 150px;
  }
}

/* line 4071, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.opt2-info-spotList img {
  display: block;
  margin: 0 auto;
  width: 50px;
}

@media (min-width: 576px) {
  /* line 4071, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .opt2-info-spotList img {
    width: auto;
  }
}

/* line 4077, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modaal-close {
  background-color: #0099ff !important;
}

/* line 4079, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modaal-close:focus, .modaal-close:hover {
  background-color: #fff !important;
}

/* line 4084, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.sec-faq5g.section-faq {
  border-bottom: 0;
}

/* line 4086, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.sec-faq5g .number span {
  display: block;
  width: 30px;
  height: 30px;
  background: url(/assets/mypage/pages/model-change-5g/baloon-blue-d5ce47520bba163e962b10f899fd4a952ab28e38650238d071de5a4edb89b779.svg) no-repeat top 50% left 50%;
  background-size: contain;
  color: #ffffff;
  text-align: center;
  font-size: 12px;
  line-height: 27px;
}

@media (min-width: 576px) {
  /* line 4086, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .sec-faq5g .number span {
    width: 45px;
    height: 45px;
    font-size: 20px;
    line-height: 40px;
  }
}

/* line 4101, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.faq5g-grad {
  position: relative;
  margin-bottom: 4rem;
}

/* line 4104, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.grad-btn {
  position: absolute;
  bottom: 0;
  z-index: 2;
  display: inline-block;
  padding: .4em 0;
  width: 100%;
  border: 2px solid #00008b;
  border-radius: 50px;
  background-color: #ffffff;
  color: #00008b;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
}

@media (min-width: 576px) {
  /* line 4104, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .grad-btn {
    width: 760px;
    margin: 0 auto;
    font-size: 32px;
    padding: 10px 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

/* line 4125, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.grad-btn::after {
  position: absolute;
  top: 50%;
  right: 20px;
  display: block;
  width: 1em;
  height: 1em;
  background: url(/assets/mypage/pages/model-change-5g/arrow-bottom-98615dd997411eb4d5c7981ad4f12a92c55c1173ddde7e3a552177c32a498fa0.svg) no-repeat top 50% left 50%;
  background-size: contain;
  content: "";
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

/* line 4136, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.grad-btn::before {
  content: "続きを読む";
}

/* line 4138, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.faq5g-grad-inner {
  position: relative;
  overflow: hidden;
  padding-bottom: 4em;
  height: 46vh;
  /*隠した状態の高さ */
}

@media (min-width: 576px) {
  /* line 4138, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .faq5g-grad-inner {
    padding-bottom: 7em;
  }
}

/* line 4146, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.faq5g-grad-inner::before {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 80px;
  /*グラデーションで隠す高さ */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(242, 242, 242, 0.8)), color-stop(50%, rgba(242, 242, 242, 0.8)), to(#f2f2f2));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(242, 242, 242, 0.8) 50%, rgba(242, 242, 242, 0.8) 50%, #f2f2f2 100%);
  background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(242, 242, 242, 0.8) 50%, rgba(242, 242, 242, 0.8) 50%, #f2f2f2 100%);
  content: "";
}

/* line 4156, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.grad-trigger {
  display: none;
  /*チェックボックスは常に非表示 */
}

/* line 4160, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.grad-trigger:checked ~ .grad-btn::before {
  content: "閉じる";
  /*チェックされていたら、文言を変更する */
}

/* line 4164, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.grad-trigger:checked ~ .grad-btn::after {
  -webkit-transform: scale(1, -1) translateY(50%);
          transform: scale(1, -1) translateY(50%);
}

/* line 4166, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.grad-trigger:checked ~ .faq5g-grad-inner {
  height: auto;
  /*チェックされていたら、高さを戻す */
}

/* line 4170, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.grad-trigger:checked ~ .faq5g-grad-inner::before {
  display: none;
  /*チェックされていたら、grad-itemのbeforeを非表示にする */
}

/* line 4176, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.accordion-top a.close,
.accordion-top a.open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
}

/* line 4181, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.accordion-top-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px;
  width: 100%;
  border: 1px solid #e6e6e6;
  background-color: #fff;
}

@media (min-width: 768px) {
  /* line 4181, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .accordion-top-inner {
    padding: 10px 20px;
  }
}

/* line 4191, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.accordion-top-inner .accordion-top-item.number {
  -ms-flex-preferred-size: 35px;
      flex-basis: 35px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

@media (min-width: 576px) {
  /* line 4191, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .accordion-top-inner .accordion-top-item.number {
    -ms-flex-preferred-size: 65px;
        flex-basis: 65px;
  }
}

/* line 4196, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.accordion-top-inner .accordion-top-item.text {
  color: #3e4549;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  margin-right: 5px;
  margin-left: 5px;
}

@media (min-width: 768px) {
  /* line 4196, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .accordion-top-inner .accordion-top-item.text {
    font-size: 1.8571428571rem;
    margin-right: 5px;
    margin-left: 0;
  }
}

/* line 4207, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.accordion-top-inner .accordion-top-item.icon {
  font-size: 1.4285714286rem;
}

@media (min-width: 768px) {
  /* line 4207, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .accordion-top-inner .accordion-top-item.icon {
    font-size: 2.1428571429rem;
  }
}

/* line 4213, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.accordion-bottom-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  border: 1px solid	#e6e6e6;
  background-color: #E9E9E9;
}

@media (min-width: 768px) {
  /* line 4213, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .accordion-bottom-inner {
    padding: 20px;
  }
}

/* line 4220, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.accordion-bottom-inner .number {
  -ms-flex-preferred-size: 35px;
      flex-basis: 35px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

@media (min-width: 576px) {
  /* line 4220, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .accordion-bottom-inner .number {
    -ms-flex-preferred-size: 65px;
        flex-basis: 65px;
  }
}

/* line 4225, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.accordion-bottom-inner .text {
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  margin-left: 5px;
}

@media (min-width: 768px) {
  /* line 4225, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .accordion-bottom-inner .text {
    margin-left: 0;
    font-size: 1.4285714286rem;
  }
}

/* line 4231, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.accordion-bottom-inner p.closebtn {
  margin-top: 20px;
  text-align: right;
}

/* line 4238, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.icon-open:before {
  content: "\e904";
  font-family: 'iconfont';
  color: #0099ff;
  font-size: 3rem;
}

@media (max-width: 767px) {
  /* line 4238, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .icon-open:before {
    font-size: 1.4285714286rem;
  }
}

/* line 4246, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.mb0 {
  margin-bottom: 0 !important;
}

/* line 4250, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-plan-sp {
  max-width: 800px;
  margin: auto;
  padding-top: 20px;
  padding-bottom: 50px;
}

/* line 4255, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-plan-sp-bnr {
  margin-bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

/* line 4259, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-plan-sp-item {
  width: 49%;
}

/* line 4262, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-plan-sp-modal .opt2-info-body {
  background: #fff;
}

/* line 4264, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-plan-sp-modal-headline {
  position: relative;
  font-size: 36px;
  margin-bottom: 20px;
  padding-left: 20px;
  font-weight: bold;
}

/* line 4270, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-plan-sp-modal-headline::before {
  content: "";
  width: 10px;
  height: 100%;
  background: #0098fe;
  position: absolute;
  top: 0;
  left: 0;
}

/* line 4278, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-plan-sp-modal-text {
  font-size: 25px;
  margin-bottom: 50px;
}

/* line 4281, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-plan-sp-modal-text > span {
  font-size: 18px;
  display: inline-block;
}

/* line 4284, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-plan-sp-modal-table {
  width: 100%;
}

/* line 4286, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-plan-sp-modal-table-title {
  font-size: 25px;
  margin-bottom: 10px;
}

/* line 4289, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-plan-sp-modal-table th, .bl-5g-plan-sp-modal-table td {
  border: 1px solid #d1d1d1;
  padding: 10px;
  font-size: 15px;
}

/* line 4293, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-plan-sp-modal-table th span, .bl-5g-plan-sp-modal-table td span {
  font-size: 11px;
}

/* line 4295, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-plan-sp-modal-table th {
  background: #f3f3f4;
}

/* line 4298, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-plan-sp-modal-table th p:not(:last-child) {
  margin-bottom: 1em;
}

/* line 4300, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-plan-sp-modal-table td {
  text-align: center;
  vertical-align: middle;
}

/* line 4303, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-plan-sp-modal-note {
  font-size: 18px;
  margin-bottom: 30px;
}

/* line 4306, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-plan-sp-modal-btn {
  width: 600px;
  height: 96px;
  line-height: 96px;
  border-radius: 45px;
  display: inline-block;
  font-size: 30px;
  position: relative;
  text-decoration: none;
  color: #fff;
  background: #fb5d6f;
  -webkit-box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.3);
  -webkit-transition: .3s;
  transition: .3s;
}

/* line 4307, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-plan-sp-modal-btn-wrap {
  text-align: center;
  margin-bottom: 30px;
}

/* line 4322, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-plan-sp-modal-btn:hover {
  opacity: .8;
  color: #fff;
}

@media (max-width: 768px) {
  /* line 4250, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-plan-sp {
    padding-top: 0px;
    padding-bottom: 10px;
  }
  /* line 4328, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-plan-sp-bnr {
    margin-bottom: 30px;
    padding: 0 10px;
  }
  /* line 4332, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-plan-sp-modal .opt2-info-body {
    padding: 10px;
  }
  /* line 4334, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-plan-sp-modal-headline {
    font-size: 20px;
    margin-bottom: 15px;
    padding-left: 15px;
  }
  /* line 4338, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-plan-sp-modal-headline::before {
    width: 7px;
  }
  /* line 4340, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-plan-sp-modal-text {
    font-size: 14px;
    margin-bottom: 30px;
  }
  /* line 4343, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-plan-sp-modal-text > span {
    font-size: 12px;
  }
  /* line 4346, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-plan-sp-modal-table-title {
    font-size: 16px;
    margin-bottom: 10px;
  }
  /* line 4349, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-plan-sp-modal-table th, .bl-5g-plan-sp-modal-table td {
    padding: 3px;
    font-size: 10px;
  }
  /* line 4352, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-plan-sp-modal-table th span, .bl-5g-plan-sp-modal-table td span {
    font-size: 10px;
  }
  /* line 4354, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-plan-sp-modal-table th {
    background: #f3f3f4;
  }
  /* line 4357, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-plan-sp-modal-table th p:not(:last-child) {
    margin-bottom: 1em;
  }
  /* line 4359, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-plan-sp-modal-table td {
    text-align: center;
    vertical-align: middle;
  }
  /* line 4362, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-plan-sp-modal-note {
    font-size: 12px;
    margin-bottom: 20px;
  }
  /* line 4365, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-plan-sp-modal-btn {
    max-width: 600px;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 13px;
    -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.3);
            box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.3);
  }
}

/* line 4372, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-plan-note {
  font-size: 17px;
  text-align: left;
}

@media (max-width: 768px) {
  /* line 4372, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-plan-note {
    font-size: 10px;
    padding: 0 10px;
  }
}

@media (min-width: 768px) {
  /* line 4378, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .sp {
    display: none;
  }
}

/* line 4382, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modaal-content-container {
  padding: 30px !important;
}

/* line 4386, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-option-table {
  max-width: 800px;
  margin: 0 auto;
  background: #fff;
}

/* line 4390, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-option-table th,
.bl-5g-option-table td {
  padding: 20px;
  border: 2px solid #c6c6c6;
}

/* line 4394, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-option-table th {
  width: 35%;
  vertical-align: top;
}

/* line 4397, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-option-table ul {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 20px;
  list-style-type: disc;
}

/* line 4402, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-option-table ul + p {
  margin-top: 15px;
  font-size: 14px;
}

@media (max-width: 768px) {
  /* line 4406, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-option-table th,
.bl-5g-option-table td {
    padding: 10px;
  }
  /* line 4409, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-option-table th {
    width: 35%;
  }
  /* line 4412, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-option-table ul {
    margin-left: 20px;
  }
  /* line 4414, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-option-table ul + p {
    font-size: 12px;
  }
}

/* line 4417, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-confirm {
  padding: 80px 0;
  border-top: 1px solid #00afdd;
}

/* line 4420, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-confirm-frame {
  width: 450px;
  max-width: 90%;
  margin: 0 auto 10px;
  border: 1px solid #d3dce7;
  padding: 40px;
  text-align: center;
}

/* line 4427, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-confirm-title {
  font-size: 24px;
  margin-bottom: 30px;
}

/* line 4430, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-confirm-copy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 10px;
}

/* line 4435, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-confirm-recommend {
  color: #fff;
  background: #ff7b82;
  font-size: 13px;
  font-weight: bold;
  padding: 5px 7px;
  border-radius: 4px;
  margin-right: 15px;
  line-height: 1;
}

/* line 4444, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-confirm-blue {
  font-size: 21px;
  font-weight: bold;
  color: #1992eb;
}

/* line 4448, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-confirm-text {
  font-size: 15px;
  margin-bottom: 20px;
}

/* line 4451, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-confirm-btn {
  display: block;
  width: 100%;
  line-height: 53px;
  height: 55px;
  color: #fff;
  background: #fd7680;
  border: 1px solid #fd7680;
  border-radius: 28px;
  margin-bottom: 50px;
  font-size: 18px;
  font-weight: 500;
  position: relative;
}

/* line 4464, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-confirm-btn:hover {
  text-decoration: none;
  color: #fff;
}

/* line 4467, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-confirm-btn::before {
  content: "";
  width: 12px;
  height: 12px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}

/* line 4477, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-confirm-btn-2 {
  background: #fff;
  color: #fd7680;
  margin-bottom: 0;
}

/* line 4481, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-confirm-btn-2:hover {
  color: #fd7680;
}

/* line 4483, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-confirm-btn-2::before {
  border-color: #fd7680;
}

/* line 4485, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.modelChange5g-confirm-note {
  width: 450px;
  max-width: 100%;
  margin: auto;
  font-size: 12px;
}

@media (max-width: 768px) {
  /* line 4491, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-confirm-frame {
    padding: 20px;
  }
  /* line 4493, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-confirm-title {
    font-size: 20px;
    margin-bottom: 20px;
  }
  /* line 4497, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-confirm-recommend {
    font-size: 12px;
    padding: 5px 7px;
    margin-right: 10px;
  }
  /* line 4501, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-confirm-blue {
    font-size: 20px;
  }
  /* line 4503, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-confirm-text {
    font-size: 12px;
    margin-bottom: 15px;
  }
  /* line 4506, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-confirm-btn {
    line-height: 42px;
    height: 44px;
    border-radius: 28px;
    margin-bottom: 30px;
    font-size: 14px;
  }
  /* line 4513, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-confirm-btn::before {
    width: 10px;
    height: 10px;
    right: 20px;
  }
  /* line 4517, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-confirm-btn-2 {
    margin-bottom: 0;
  }
  /* line 4519, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-confirm-btn-2::before {
    border-color: #fd7680;
  }
  /* line 4521, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .modelChange5g-confirm-note {
    padding: 0 20px;
  }
}

/* line 4524, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-option {
  margin: auto;
  text-align: center;
  padding: 120px 0 0;
  line-height: 1.5;
}

@media (max-width: 768px) {
  /* line 4524, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-option {
    padding: 50px 0px 0;
  }
}

/* line 4533, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-option-h2 {
  font-size: 50px;
  margin-bottom: 50px;
  padding-top: 120px;
  position: relative;
}

/* line 4539, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-option-h2::before {
  content: "";
  background: url(/assets/5g_lp/svg/security-d503c61a6c9463fc38583105d9fde54064f5964e8fb67b7dc884c4a4e47eebb5.svg) no-repeat top 50% left 50%/contain;
  width: 99px;
  height: 107px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
}

@media (max-width: 768px) {
  /* line 4533, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-option-h2 {
    font-size: 25px;
    margin-bottom: 30px;
    padding-top: 55px;
  }
  /* line 4555, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-option-h2::before {
    width: 37px;
    height: 45px;
  }
}

/* line 4559, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-option-h3 {
  font-size: 40px;
  color: #1992eb;
  margin-bottom: 50px;
}

@media (max-width: 768px) {
  /* line 4559, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-option-h3 {
    font-size: 18px;
    margin-bottom: 20px;
  }
}

/* line 4568, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-option-h4 {
  width: 630px;
  max-width: 100%;
  font-size: 48px;
  color: #fff;
  background: #1992eb;
  border-radius: 14px;
  margin: 0 auto 30px;
  padding: 5px 0;
}

@media (max-width: 768px) {
  /* line 4568, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-option-h4 {
    font-size: 17px;
    border-radius: 6px;
    margin-bottom: 15px;
    padding: 5px 0;
    width: 275px;
  }
}

/* line 4585, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-option-unit:not(:last-child) {
  padding-bottom: 100px;
}

@media (max-width: 768px) {
  /* line 4585, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-option-unit:not(:last-child) {
    padding-bottom: 40px;
  }
}

/* line 4591, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-option-bg {
  background: #c5ecff;
  padding: 120px 0 50px;
}

@media (max-width: 768px) {
  /* line 4591, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-option-bg {
    padding: 40px 0 30px;
  }
}

/* line 4598, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-option-unit2 {
  padding-bottom: 80px;
}

@media (max-width: 768px) {
  /* line 4598, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-option-unit2 {
    padding-bottom: 35px;
  }
}

/* line 4604, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-option-container {
  max-width: 800px;
  margin: auto;
}

@media (max-width: 768px) {
  /* line 4604, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-option-container {
    padding: 0 15px;
  }
}

/* line 4611, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-option-head {
  font-size: 39px;
  color: #fff;
  border-radius: 14px;
  background: #ff5865;
  padding: 9px 10px;
  text-align: center;
  margin-bottom: 50px;
  font-weight: bold;
}

@media (max-width: 768px) {
  /* line 4611, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-option-head {
    font-size: 17px;
    border-radius: 6px;
    padding: 5px 5px;
    margin-bottom: 20px;
  }
}

/* line 4627, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-option-img {
  margin-bottom: 30px;
}

@media (max-width: 768px) {
  /* line 4627, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-option-img {
    font-size: 20px;
    margin-bottom: 20px;
  }
}

/* line 4634, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-option-list {
  text-align: left;
  width: 465px;
  margin: 0 auto 30px;
  max-width: 100%;
}

/* line 4640, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-option-list li {
  position: relative;
  padding-left: 70px;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 40px;
}

/* line 4647, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-option-list li::before {
  content: "";
  background: url(/assets/5g_lp/svg/check-33cf8dcde46ff9f3bef5bc8ae0115927cd697f6c923761a5fdaef71abe5cddd8.svg) no-repeat top 50% left 50%/contain;
  width: 62px;
  height: 53px;
  position: absolute;
  left: 0;
  top: 0;
}

@media (max-width: 768px) {
  /* line 4634, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-option-list {
    margin: 0 auto 20px;
    max-width: 200px;
  }
  /* line 4660, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-option-list li {
    font-size: 16px;
    padding-left: 35px;
    margin-bottom: 10px;
  }
  /* line 4665, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-option-list li::before {
    width: 26px;
    height: 22px;
  }
}

/* line 4669, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-option-text1 {
  font-size: 30px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 50px;
}

@media (max-width: 768px) {
  /* line 4669, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-option-text1 {
    font-size: 18px;
    margin-bottom: 20px;
  }
}

/* line 4679, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-option-note {
  text-align: left;
  max-width: 800px;
  margin: auto;
  margin-bottom: 50px;
  font-size: 27px;
}

@media (max-width: 768px) {
  /* line 4679, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-option-note {
    font-size: 12px;
    margin-bottom: 20px;
  }
}

/* line 4690, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-option-note2 {
  text-align: left;
  max-width: 800px;
  margin: auto;
  font-size: 24px;
}

@media (max-width: 768px) {
  /* line 4690, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-option-note2 {
    font-size: 12px;
    margin-bottom: 20px;
  }
}

/* line 4700, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-option-under {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #ffff00));
  background: -webkit-linear-gradient(transparent 50%, #ffff00 50%);
  background: linear-gradient(transparent 50%, #ffff00 50%);
}

/* line 4705, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-option-item {
  background: #fff;
  padding: 20px;
  width: 630px;
  margin: auto;
  border-radius: 23px;
  color: inherit;
  display: block;
  text-decoration: none;
  position: relative;
}

@media (max-width: 768px) {
  /* line 4705, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-option-item {
    padding: 10px 5px;
    width: 275px;
    margin: auto;
    border-radius: 10px;
  }
}

/* line 4722, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-option-item:hover {
  color: inherit;
  text-decoration: none;
}

/* line 4726, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-option-item::after {
  content: "";
  background: url(/assets/5g_lp/svg/link-af09e79eaa5c3f50f28b5fa6ad86203779fe626e7dca29f5ea2bdfb89a9bb66b.svg) no-repeat top 50% left 50%/contain;
  width: 29px;
  height: 20px;
  position: absolute;
  right: 30px;
  bottom: 20px;
}

@media (max-width: 768px) {
  /* line 4726, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-option-item::after {
    width: 13px;
    height: 9px;
    right: 10px;
    bottom: 10px;
  }
}

/* line 4741, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-option-lead {
  font-size: 29px;
  margin-bottom: 20px;
  margin-top: 0;
  font-weight: bold;
  color: #1992eb;
}

@media (max-width: 768px) {
  /* line 4741, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-option-lead {
    font-size: 13px;
    margin-bottom: 5px;
  }
}

/* line 4752, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-option-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

/* line 4756, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-option-logo {
  width: 17%;
  margin: auto;
  text-align: center;
  margin: 10px auto 0;
}

/* line 4762, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-option-logo img {
  margin: auto;
}

@media (max-width: 768px) {
  /* line 4756, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-option-logo {
    max-width: 100px;
  }
}

/* line 4768, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-option-right {
  width: 70%;
  text-align: left;
}

/* line 4772, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-option-name {
  font-size: 31px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 10px;
  text-align: left;
  height: 3em;
}

@media (max-width: 768px) {
  /* line 4772, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-option-name {
    font-size: 13px;
    margin-bottom: 3px;
  }
}

/* line 4784, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-option-price {
  font-weight: bold;
  font-size: 32px;
  line-height: 1.2;
  text-align: left;
  color: #ff5865;
  display: inline-block;
  position: relative;
  margin: 0;
}

/* line 4795, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-option-price--del::after {
  content: "";
  width: 100%;
  height: 2px;
  background: #000;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: rotate(-10deg);
          transform: rotate(-10deg);
}

/* line 4806, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-option-price em {
  font-size: 64px;
  font-style: normal;
}

/* line 4810, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-option-price em::before {
  content: "月額";
  display: inline-block;
  line-height: 1;
  margin-right: 6px;
  vertical-align: middle;
  font-size: 26px;
}

/* line 4818, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-option-price2 {
  font-size: 24px;
  text-align: left;
  padding-left: 75px;
  margin: 0;
}

/* line 4824, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-option-price3 {
  display: inline-block;
  font-size: 32px;
  text-align: left;
  padding-left: 55px;
  position: relative;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, transparent), color-stop(80%, #fff100));
  background: -webkit-linear-gradient(transparent 80%, #fff100 80%);
  background: linear-gradient(transparent 80%, #fff100 80%);
  line-height: 1.2;
  position: relative;
  font-weight: bold;
  margin-bottom: 20px;
  margin-top: 0;
}

/* line 4837, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-option-price3::before {
  content: "";
  background: url(/assets/5g_lp/svg/allow_option-f488253e31e6913ff0b6b588981604a87bce01b6d2c9c9b33ce27384f60107dc.svg) no-repeat top 50% left 50%/contain;
  width: 42px;
  height: 44px;
  position: absolute;
  left: 0;
  bottom: 7px;
}

/* line 4846, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-option-price3 em {
  font-size: 88px;
  font-style: normal;
  color: #ff5865;
}

/* line 4851, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-option-price3 em > span {
  font-size: 45px;
}

/* line 4854, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-option-price-note {
  font-size: 22px;
  text-align: center;
}

@media (max-width: 768px) {
  /* line 4784, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-option-price {
    font-size: 13px;
  }
  /* line 4861, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-option-price em {
    font-size: 25px;
  }
  /* line 4864, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-option-price em::before {
    margin-right: 6px;
    font-size: 13px;
  }
  /* line 4868, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-option-price2 {
    font-size: 11px;
    padding-left: 40px;
  }
  /* line 4872, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-option-price3 {
    font-size: 14px;
    padding-left: 25px;
    line-height: 1.2;
    margin-bottom: 20px;
  }
  /* line 4878, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-option-price3::before {
    width: 18px;
    height: 19px;
    bottom: 4px;
  }
  /* line 4883, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-option-price3 em {
    font-size: 38px;
  }
  /* line 4886, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-option-price3 em > span {
    font-size: 20px;
  }
  /* line 4889, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-option-price-note {
    font-size: 10px;
  }
}

/* line 4892, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-option-table {
  max-width: 800px;
  margin: 0 auto;
  background: #fff;
}

/* line 4897, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-option-table th,
.bl-5g-option-table td {
  padding: 20px;
  border: 2px solid #c6c6c6;
}

/* line 4902, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-option-table th {
  width: 35%;
  vertical-align: top;
}

/* line 4906, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-option-table ul {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 20px;
  list-style-type: disc;
}

/* line 4912, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-option-table ul + p {
  margin-top: 15px;
  font-size: 14px;
}

@media (max-width: 768px) {
  /* line 4917, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-option-table th,
.bl-5g-option-table td {
    padding: 10px;
  }
  /* line 4921, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-option-table th {
    width: 35%;
  }
  /* line 4926, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-option-table ul {
    margin-left: 20px;
  }
  /* line 4929, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-option-table ul + p {
    font-size: 12px;
  }
}

/* line 4933, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-option-slider-item {
  margin: 0 15px 0px;
}

/* line 4936, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-option-slider .slick-prev,
.bl-5g-option-slider .slick-next {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 74px;
  height: 74px;
  border-radius: 50%;
  border: 1px solid #2a3b4c;
  background: #fff;
}

/* line 4946, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-option-slider .slick-prev:before,
.bl-5g-option-slider .slick-next:before {
  content: "";
  width: 35px;
  height: 35px;
  border-right: 2px solid #2a3b4c;
  border-top: 2px solid #2a3b4c;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
}

/* line 4958, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-option-slider .slick-prev:hover, .bl-5g-option-slider .slick-prev:focus,
.bl-5g-option-slider .slick-next:hover,
.bl-5g-option-slider .slick-next:focus {
  background: #fff;
  opacity: 1;
}

/* line 4962, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-option-slider .slick-prev {
  left: calc(50vw - 420px);
  z-index: 1;
}

/* line 4966, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-option-slider .slick-prev:before {
  -webkit-transform: translateY(-50%) rotate(-135deg);
          transform: translateY(-50%) rotate(-135deg);
  left: 15px;
}

/* line 4970, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-option-slider .slick-next {
  right: calc(50vw - 420px);
}

/* line 4974, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-option-slider .slick-next:before {
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  right: 15px;
}

@media (max-width: 768px) {
  /* line 4979, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-option-slider-item {
    margin: 0 7px 0px;
  }
  /* line 4982, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-option-slider .slick-prev,
.bl-5g-option-slider .slick-next {
    width: 32px;
    height: 32px;
  }
  /* line 4987, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-option-slider .slick-prev:before,
.bl-5g-option-slider .slick-next:before {
    content: "";
    width: 15px;
    height: 15px;
    border-right: 2px solid #2a3b4c;
    border-top: 2px solid #2a3b4c;
  }
  /* line 4994, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-option-slider .slick-prev {
    left: calc(50vw - 180px);
  }
  /* line 4997, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-option-slider .slick-prev:before {
    left: 5px;
  }
  /* line 5000, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-option-slider .slick-next {
    right: calc(50vw - 180px);
  }
  /* line 5003, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-option-slider .slick-next:before {
    right: 5px;
  }
}

/* line 5008, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-about-table2 {
  width: 800px;
  max-width: 100%;
  margin: auto;
  margin-bottom: 50px;
}

/* line 5013, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-about-table2-title {
  font-size: 33px;
  font-weight: bold;
  margin-bottom: 20px;
  padding-right: 35px;
}

/* line 5018, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-about-table2-title img {
  margin-bottom: 50px;
}

/* line 5023, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-about-table2 td, .bl-5g-about-table2 th {
  padding: 15px 25px;
  border-top: 2px solid #C6C6C6;
  border-bottom: 2px solid #C6C6C6;
  vertical-align: middle;
}

/* line 5029, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-about-table2 thead th {
  font-size: 24px;
  font-weight: bold;
}

/* line 5032, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-about-table2 thead th:nth-of-type(1) {
  background: #ECECEC;
}

/* line 5034, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-about-table2 thead th:nth-of-type(2) {
  font-size: 25px;
  font-weight: bold;
  background: #FF5865;
  color: #fff;
  border-top: 2px solid #FF5865;
  border-bottom: 2px solid #FF5865;
  border-left: 7px solid #FF5865;
  border-right: 7px solid #FF5865;
}

/* line 5044, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-about-table2 tbody th {
  font-size: 22px;
  background: #ECECEC;
}

/* line 5048, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-about-table2 tbody td:nth-of-type(1) {
  font-size: 22px;
  font-weight: bold;
  border-top: 2px solid #FF5865;
  border-bottom: 2px solid #FF5865;
  border-left: 7px solid #FF5865;
  border-right: 7px solid #FF5865;
}

/* line 5055, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-about-table2 tbody td:nth-of-type(2) {
  font-size: 17px;
  font-weight: 500;
  text-align: left;
}

/* line 5062, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-about-table2 tbody tr:last-child td:nth-of-type(1) {
  border-bottom: 7px solid #FF5865;
}

/* line 5064, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-about-table2-large {
  font-size: 32px;
}

/* line 5066, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
.bl-5g-about-table2-red {
  color: #ff5865;
}

@media (max-width: 767px) {
  /* line 5008, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-about-table2 {
    width: auto;
  }
  /* line 5070, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-about-table2-title {
    font-size: 15px;
    margin-bottom: 15px;
  }
  /* line 5073, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-about-table2-title img {
    margin-bottom: 25px;
    width: 170px;
  }
  /* line 5076, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-about-table2 td, .bl-5g-about-table2 th {
    padding: 8px 5px;
    border-top: 1px solid #C6C6C6;
    border-bottom: 1px solid #C6C6C6;
  }
  /* line 5081, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-about-table2 thead th {
    font-size: 12px;
  }
  /* line 5083, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-about-table2 thead th:nth-of-type(2) {
    font-size: 12px;
    border-top: 1px solid #FF5865;
    border-bottom: 1px solid #FF5865;
    border-left: 3px solid #FF5865;
    border-right: 3px solid #FF5865;
  }
  /* line 5090, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-about-table2 tbody th {
    font-size: 11px;
  }
  /* line 5093, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-about-table2 tbody td:nth-of-type(1) {
    font-size: 10px;
    border-top: 1px solid #FF5865;
    border-bottom: 1px solid #FF5865;
    border-left: 3px solid #FF5865;
    border-right: 3px solid #FF5865;
  }
  /* line 5099, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-about-table2 tbody td:nth-of-type(2) {
    font-size: 10px;
  }
  /* line 5104, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-about-table2 tbody tr:last-child td:nth-of-type(1) {
    border-bottom: 3px solid #FF5865;
  }
  /* line 5106, app/assets/stylesheets/mypage/import/_model-change-5g.sass */
  .bl-5g-about-table2-large {
    font-size: 15px;
  }
}

/* line 37, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--xs {
  font-size: 0.7142857143rem !important;
}

/* line 40, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--sm {
  font-size: 0.8571428571rem !important;
}

/* line 43, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--default {
  font-size: 1rem !important;
}

/* line 46, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--md {
  font-size: 1.1428571429rem !important;
}

/* line 49, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--lg {
  font-size: 1.2857142857rem !important;
}

/* line 52, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--xl {
  font-size: 1.5714285714rem !important;
}

/* line 3, app/assets/stylesheets/mypage/import/_faq.sass */
.p-faq {
  margin-bottom: 5rem;
}

@media (max-width: 767px) {
  /* line 3, app/assets/stylesheets/mypage/import/_faq.sass */
  .p-faq {
    margin-bottom: 2.5rem;
  }
}

/* line 7, app/assets/stylesheets/mypage/import/_faq.sass */
.p-faq__title-icon {
  display: inline-block;
  margin-right: .5rem;
}

/* line 10, app/assets/stylesheets/mypage/import/_faq.sass */
.p-faq__title-icon img {
  width: 30px;
  vertical-align: middle;
}

/* line 13, app/assets/stylesheets/mypage/import/_faq.sass */
.p-faq__title {
  margin-bottom: 2rem;
  font-size: 1.5714285714rem;
}

/* line 16, app/assets/stylesheets/mypage/import/_faq.sass */
.p-faq__list {
  padding: 0;
}

/* line 18, app/assets/stylesheets/mypage/import/_faq.sass */
.p-faq__list-item {
  margin: 0 0 2rem 0;
  padding: 0;
  border-radius: 3px;
  overflow: hidden;
  word-break: break-all;
}

@media (max-width: 767px) {
  /* line 18, app/assets/stylesheets/mypage/import/_faq.sass */
  .p-faq__list-item {
    margin: 0 0 .5rem 0;
    line-height: 1.5;
  }
}

/* line 27, app/assets/stylesheets/mypage/import/_faq.sass */
.p-faq__q {
  background-color: #f5f9fc;
  margin: 0;
  padding: 1rem 1rem 1rem 2rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.1428571429rem;
}

@media (max-width: 767px) {
  /* line 27, app/assets/stylesheets/mypage/import/_faq.sass */
  .p-faq__q {
    padding-left: 1.5rem;
    font-size: 1rem;
  }
}

/* line 39, app/assets/stylesheets/mypage/import/_faq.sass */
.p-faq__q:hover {
  cursor: pointer;
}

/* line 41, app/assets/stylesheets/mypage/import/_faq.sass */
.p-faq__q::before {
  content: "Q";
  display: inline-block;
  color: #00afdd;
  font-weight: 700;
  margin-right: 2rem;
  font-size: 2rem;
}

@media (max-width: 767px) {
  /* line 41, app/assets/stylesheets/mypage/import/_faq.sass */
  .p-faq__q::before {
    margin-right: 1.5rem;
  }
}

/* line 50, app/assets/stylesheets/mypage/import/_faq.sass */
.p-faq__q::after {
  content: "＋";
  display: inline-block;
  color: #888888;
  margin-left: auto;
  padding-left: 1rem;
  font-size: 1.7142857143rem;
}

/* line 57, app/assets/stylesheets/mypage/import/_faq.sass */
.p-faq__q.is-toggle-opened {
  background-color: #00afdd;
  color: #ffffff;
}

/* line 60, app/assets/stylesheets/mypage/import/_faq.sass */
.p-faq__q.is-toggle-opened::before, .p-faq__q.is-toggle-opened::after {
  color: #ffffff;
}

/* line 62, app/assets/stylesheets/mypage/import/_faq.sass */
.p-faq__q.is-toggle-opened::after {
  content: "ー";
}

/* line 64, app/assets/stylesheets/mypage/import/_faq.sass */
.p-faq__a {
  background-color: #f5f9fc;
  padding: 2rem 3rem 2rem 5rem;
  margin: 0;
}

@media (max-width: 767px) {
  /* line 64, app/assets/stylesheets/mypage/import/_faq.sass */
  .p-faq__a {
    padding: 1.5rem;
    font-size: 0.9285714286rem;
  }
}

/* line 71, app/assets/stylesheets/mypage/import/_faq.sass */
.p-faq__a dl {
  margin: 1em 0;
}

/* line 73, app/assets/stylesheets/mypage/import/_faq.sass */
.p-faq__a dd {
  padding: .5rem 0;
  margin-left: 0;
}

/* line 76, app/assets/stylesheets/mypage/import/_faq.sass */
.p-faq__a ol {
  padding-left: 1rem;
  margin-left: .5rem;
  list-style-type: decimal;
}

/* line 80, app/assets/stylesheets/mypage/import/_faq.sass */
.p-faq__a ol ul {
  list-style-type: circle;
  padding-left: 1rem;
  margin-left: 0.5rem;
}

/* line 84, app/assets/stylesheets/mypage/import/_faq.sass */
.p-faq__a ol, .p-faq__a ul {
  line-height: 1.85;
}

/* line 86, app/assets/stylesheets/mypage/import/_faq.sass */
.p-faq__btn {
  margin: 50px 0 0;
  text-align: center;
}

/* line 89, app/assets/stylesheets/mypage/import/_faq.sass */
.p-faq__btn a {
  display: inline-block;
  width: 347px;
  max-width: 85%;
  height: 47px;
  line-height: 45px;
  border: 1px solid #169EE9;
  color: #169EE9;
  font-size: 16px;
  font-weight: bold;
  border-radius: 24px;
  -webkit-box-shadow: 0px 3px 8px 0px rgba(86, 86, 86, 0.45);
          box-shadow: 0px 3px 8px 0px rgba(86, 86, 86, 0.45);
  -webkit-transition: .3s;
  transition: .3s;
}

@media (max-width: 767px) {
  /* line 89, app/assets/stylesheets/mypage/import/_faq.sass */
  .p-faq__btn a {
    font-size: 14px;
    height: 40px;
    line-height: 38px;
  }
}

/* line 107, app/assets/stylesheets/mypage/import/_faq.sass */
.p-faq__btn a:hover {
  text-decoration: none;
  opacity: .7;
}

/* 変数定義 */
/* SNSブランドカラー */
/*doc

【SNSボタン部品】
・p-social-button…SNSエリアラッパー
・p-social-button-list…ボタンリスト

*/
/*==========================================
 p-social-button
==========================================*/
/* line 14, app/assets/stylesheets/mypage/../uq_lib/object/project/p-social-button.css.scss */
.p-social-button {
  margin: 30px 0 45px;
  padding: 30px 30px;
  background-color: #f6f9fb;
}

/* line 19, app/assets/stylesheets/mypage/../uq_lib/object/project/p-social-button.css.scss */
.p-social-button-subtext {
  margin-top: 1em;
  text-align: center;
  font-weight: 500;
  line-height: 1.6;
  font-size: 24px;
}

@media screen and (max-width: 979px) {
  /* line 29, app/assets/stylesheets/mypage/../uq_lib/object/project/p-social-button.css.scss */
  .p-social-button {
    margin: 30px 0;
    padding: 25px 15px;
  }
  /* line 32, app/assets/stylesheets/mypage/../uq_lib/object/project/p-social-button.css.scss */
  .p-social-button-subtext {
    font-size: 13px;
  }
}

/* line 38, app/assets/stylesheets/mypage/../uq_lib/object/project/p-social-button.css.scss */
.p-social-button-text {
  text-align: center;
  font-size: 29px;
}

@media screen and (max-width: 599px) {
  /* line 44, app/assets/stylesheets/mypage/../uq_lib/object/project/p-social-button.css.scss */
  .p-social-button-text {
    font-size: 16px;
  }
}

/* line 49, app/assets/stylesheets/mypage/../uq_lib/object/project/p-social-button.css.scss */
.p-social-button-text::before, .p-social-button-text::after {
  content: '';
  display: inline-block;
  width: 1px;
  height: 35px;
  background-color: #333;
  vertical-align: text-bottom;
}

@media screen and (max-width: 599px) {
  /* line 49, app/assets/stylesheets/mypage/../uq_lib/object/project/p-social-button.css.scss */
  .p-social-button-text::before, .p-social-button-text::after {
    height: 20px;
  }
}

/* line 61, app/assets/stylesheets/mypage/../uq_lib/object/project/p-social-button.css.scss */
.p-social-button-text::before {
  margin-right: 1em;
  -webkit-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
}

/* line 68, app/assets/stylesheets/mypage/../uq_lib/object/project/p-social-button.css.scss */
.p-social-button-text::after {
  margin-left: 1em;
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

/* line 75, app/assets/stylesheets/mypage/../uq_lib/object/project/p-social-button.css.scss */
.p-social-button-list {
  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;
  margin-top: 25px;
}

/* line 86, app/assets/stylesheets/mypage/../uq_lib/object/project/p-social-button.css.scss */
.p-social-button-list-subtxt {
  display: block;
  margin-bottom: 5px;
  font-size: 81.25%;
}

@media screen and (max-width: 599px) {
  /* line 94, app/assets/stylesheets/mypage/../uq_lib/object/project/p-social-button.css.scss */
  .p-social-button-list {
    margin-top: 10px;
  }
}

/* line 99, app/assets/stylesheets/mypage/../uq_lib/object/project/p-social-button.css.scss */
.p-social-button-list a {
  width: calc(100%/3 - 10px);
  padding: 20px 0;
  border: none;
  border-radius: 50px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  -webkit-box-shadow: 0px 3px 3px 0px rgba(106, 106, 106, 0.4);
  box-shadow: 0px 3px 3px 0px rgba(106, 106, 106, 0.4);
  position: relative;
  text-decoration: none;
  line-height: 1;
}

/* line 115, app/assets/stylesheets/mypage/../uq_lib/object/project/p-social-button.css.scss */
.p-social-button-list__item {
  width: calc(100%/3 - 10px);
}

/* line 119, app/assets/stylesheets/mypage/../uq_lib/object/project/p-social-button.css.scss */
.p-social-button-list__text {
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 5px;
}

/* line 126, app/assets/stylesheets/mypage/../uq_lib/object/project/p-social-button.css.scss */
.p-social-button-list2 a {
  width: 100%;
  height: 72px;
  padding: 0px 0;
  font-size: 10px;
  line-height: 1.5;
  display: grid;
  place-items: center;
}

@media screen and (max-width: 979px) {
  /* line 137, app/assets/stylesheets/mypage/../uq_lib/object/project/p-social-button.css.scss */
  .p-social-button-list a {
    padding: 15px 0;
  }
}

@media screen and (max-width: 599px) {
  /* line 143, app/assets/stylesheets/mypage/../uq_lib/object/project/p-social-button.css.scss */
  .p-social-button-list a {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 450px;
    margin: 10px auto;
    padding: 18px 0;
    display: inline-block;
  }
  /* line 151, app/assets/stylesheets/mypage/../uq_lib/object/project/p-social-button.css.scss */
  .p-social-button-list__item {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 450px;
    margin: 5px 0;
  }
  /* line 157, app/assets/stylesheets/mypage/../uq_lib/object/project/p-social-button.css.scss */
  .p-social-button-list__text {
    font-size: 13px;
  }
  /* line 160, app/assets/stylesheets/mypage/../uq_lib/object/project/p-social-button.css.scss */
  .p-social-button-list2 a {
    padding: 0;
    font-size: 10px;
    height: 72px;
    display: grid;
  }
}

/* line 168, app/assets/stylesheets/mypage/../uq_lib/object/project/p-social-button.css.scss */
.p-social-button-list a:hover {
  cursor: pointer;
}

/* line 172, app/assets/stylesheets/mypage/../uq_lib/object/project/p-social-button.css.scss */
.p-social-button-list a::before {
  display: inline-block;
  position: absolute;
  left: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #ffffff;
}

/* line 181, app/assets/stylesheets/mypage/../uq_lib/object/project/p-social-button.css.scss */
.p-social-button-list2 a::before {
  left: 15px;
  font-size: 15px;
}

/* line 186, app/assets/stylesheets/mypage/../uq_lib/object/project/p-social-button.css.scss */
.p-social-button-list__twitter {
  background-color: #231815;
}

/* line 190, app/assets/stylesheets/mypage/../uq_lib/object/project/p-social-button.css.scss */
.p-social-button-list__twitter::before {
  font-family: "Font Awesome 5 Brands";
  content: '\e61b';
  font-weight: 900;
  width: 20px;
  height: 21px;
}

/* line 198, app/assets/stylesheets/mypage/../uq_lib/object/project/p-social-button.css.scss */
.p-social-button-list__facebook {
  background-color: #2a569c;
}

/* line 202, app/assets/stylesheets/mypage/../uq_lib/object/project/p-social-button.css.scss */
.p-social-button-list__facebook::before {
  font-family: "Font Awesome 5 Brands";
  content: '\f39e';
  font-weight: 900;
}

/* line 208, app/assets/stylesheets/mypage/../uq_lib/object/project/p-social-button.css.scss */
.p-social-button-list__line {
  background-color: #00b900;
}

/* line 212, app/assets/stylesheets/mypage/../uq_lib/object/project/p-social-button.css.scss */
.p-social-button-list__line::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(/assets/uq/common/icon_twitter-7037dcc094102b72652128acd27d2730126fef781e648f8d3bfe105813769e40.png) no-repeat;
  background-size: 100%;
  vertical-align: middle;
}

/* line 37, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--xs {
  font-size: 0.7142857143rem !important;
}

/* line 40, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--sm {
  font-size: 0.8571428571rem !important;
}

/* line 43, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--default {
  font-size: 1rem !important;
}

/* line 46, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--md {
  font-size: 1.1428571429rem !important;
}

/* line 49, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--lg {
  font-size: 1.2857142857rem !important;
}

/* line 52, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--xl {
  font-size: 1.5714285714rem !important;
}

/* line 4, app/assets/stylesheets/mypage/import/_campaign-block.sass */
.campaignBlock-banner {
  position: relative;
  display: inline-block;
}

/* line 7, app/assets/stylesheets/mypage/import/_campaign-block.sass */
.campaignBlock-badge {
  position: absolute;
  top: -12px;
  left: -16px;
}

@media (max-width: 991px) {
  /* line 7, app/assets/stylesheets/mypage/import/_campaign-block.sass */
  .campaignBlock-badge {
    width: 65px;
    left: -10px;
  }
}

/* line 14, app/assets/stylesheets/mypage/import/_campaign-block.sass */
.campaignBlock-unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #3e4549;
  cursor: pointer;
  height: 100%;
}

@media (max-width: 575px) {
  /* line 14, app/assets/stylesheets/mypage/import/_campaign-block.sass */
  .campaignBlock-unit {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

/* line 22, app/assets/stylesheets/mypage/import/_campaign-block.sass */
.campaignBlock-img {
  margin-right: 1rem;
  border: 1px solid #d1d1d1;
}

@media (max-width: 575px) {
  /* line 22, app/assets/stylesheets/mypage/import/_campaign-block.sass */
  .campaignBlock-img {
    width: 60px;
  }
}

/* line 27, app/assets/stylesheets/mypage/import/_campaign-block.sass */
.campaignBlock-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

/* line 29, app/assets/stylesheets/mypage/import/_campaign-block.sass */
.campaignBlock-title {
  margin-bottom: .5rem;
  text-decoration: underline;
}

/* line 34, app/assets/stylesheets/mypage/import/_campaign-block.sass */
a.campaignBlock-unit[target="_blank"] .campaignBlock-title::after {
  content: "";
  display: inline-block;
  background: url(/assets/mypage/common/icon/icon_blank-759c593cd3c2c403ab7abc00c15617b2f867972220dc34de62e13203c734e761.svg) left top/cover;
  width: 16px;
  height: 16px;
  margin-left: 5px;
}

@media (max-width: 767px) {
  /* line 44, app/assets/stylesheets/mypage/import/_campaign-block.sass */
  .campaignBlock-row > div .campaignBlock-unit {
    border-bottom: 1px solid #d1d1d1;
    padding: .5rem 0 1rem 0;
  }
  /* line 48, app/assets/stylesheets/mypage/import/_campaign-block.sass */
  .campaignBlock-row > div:last-child .campaignBlock-unit {
    border-bottom: 0;
  }
}

/* line 37, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--xs {
  font-size: 0.7142857143rem !important;
}

/* line 40, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--sm {
  font-size: 0.8571428571rem !important;
}

/* line 43, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--default {
  font-size: 1rem !important;
}

/* line 46, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--md {
  font-size: 1.1428571429rem !important;
}

/* line 49, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--lg {
  font-size: 1.2857142857rem !important;
}

/* line 52, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--xl {
  font-size: 1.5714285714rem !important;
}

/* line 3, app/assets/stylesheets/mypage/import/_unext.sass */
.unext {
  display: none;
}

/* line 5, app/assets/stylesheets/mypage/import/_unext.sass */
.unext-wrap {
  border: 2px solid #043786;
  margin-top: 30px;
}

/* line 8, app/assets/stylesheets/mypage/import/_unext.sass */
.unext-wrap img {
  vertical-align: bottom;
}

/* line 10, app/assets/stylesheets/mypage/import/_unext.sass */
.unext-ribbon {
  text-align: center;
  margin: -30px 0 10px 0;
}

@media (max-width: 575px) {
  /* line 10, app/assets/stylesheets/mypage/import/_unext.sass */
  .unext-ribbon {
    margin: -15px 0 0 0;
  }
  /* line 14, app/assets/stylesheets/mypage/import/_unext.sass */
  .unext-ribbon img {
    width: 180px;
  }
}

/* line 17, app/assets/stylesheets/mypage/import/_unext.sass */
.unext-genre {
  background-color: #043786;
  text-align: center;
  padding-top: 0;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

/* line 25, app/assets/stylesheets/mypage/import/_unext.sass */
.unext-genre-title {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #d4d4d4;
}

/* line 29, app/assets/stylesheets/mypage/import/_unext.sass */
.unext-genre-title img {
  margin-top: -10px;
}

/* line 31, app/assets/stylesheets/mypage/import/_unext.sass */
.unext-text {
  text-align: left;
  padding: 20px 0;
  line-height: 1.8;
}

/* line 35, app/assets/stylesheets/mypage/import/_unext.sass */
.unext-text p {
  margin: 20px;
}

/* line 37, app/assets/stylesheets/mypage/import/_unext.sass */
.unext-text span {
  font-weight: bold;
  text-decoration: underline;
}

/* line 40, app/assets/stylesheets/mypage/import/_unext.sass */
.unext-note {
  color: #4d4d4d;
}

/* line 45, app/assets/stylesheets/mypage/import/_unext.sass */
.p-unext {
  position: relative;
}

/* line 47, app/assets/stylesheets/mypage/import/_unext.sass */
.p-unext__wrap {
  border: 4px solid #043786;
  margin-top: 3rem;
  border-radius: 10px;
  overflow: hidden;
}

@media (max-width: 575px) {
  /* line 47, app/assets/stylesheets/mypage/import/_unext.sass */
  .p-unext__wrap {
    margin-top: 2rem;
  }
}

/* line 54, app/assets/stylesheets/mypage/import/_unext.sass */
.p-unext__wrap img {
  vertical-align: bottom;
}

/* line 56, app/assets/stylesheets/mypage/import/_unext.sass */
.p-unext__ribbon {
  position: absolute;
  top: -22px;
  left: 50%;
  margin-left: -157px;
}

@media (max-width: 575px) {
  /* line 56, app/assets/stylesheets/mypage/import/_unext.sass */
  .p-unext__ribbon {
    top: -12px;
    margin-left: -110px;
  }
  /* line 64, app/assets/stylesheets/mypage/import/_unext.sass */
  .p-unext__ribbon img {
    width: 220px;
  }
}

/* line 66, app/assets/stylesheets/mypage/import/_unext.sass */
.p-unext__img {
  display: block;
  text-align: center;
  margin-top: 70px;
}

@media (max-width: 767px) {
  /* line 66, app/assets/stylesheets/mypage/import/_unext.sass */
  .p-unext__img {
    margin-top: 50px;
  }
}

@media (max-width: 575px) {
  /* line 66, app/assets/stylesheets/mypage/import/_unext.sass */
  .p-unext__img {
    margin-top: 40px;
  }
}

/* line 74, app/assets/stylesheets/mypage/import/_unext.sass */
.p-unext__genre {
  background-color: #043786;
  text-align: center;
  padding: 2rem 1rem .5rem 1rem;
  color: #ffffff;
  position: relative;
}

/* line 80, app/assets/stylesheets/mypage/import/_unext.sass */
.p-unext__genre-title {
  position: absolute;
  top: -15px;
  left: 50%;
  margin-left: -143px;
}

/* line 85, app/assets/stylesheets/mypage/import/_unext.sass */
.p-unext__text {
  text-align: left;
  padding: 1rem;
  border-top: 4px solid #043786;
}

/* line 90, app/assets/stylesheets/mypage/import/_unext.sass */
.p-unext__table th {
  width: 20%;
}

/* line 92, app/assets/stylesheets/mypage/import/_unext.sass */
.p-unext__table td {
  width: 40%;
}

@media (max-width: 767px) {
  /* line 89, app/assets/stylesheets/mypage/import/_unext.sass */
  .p-unext__table {
    border: 0;
    border-left: 1px solid #d1d1d1;
    border-top: 1px solid #d1d1d1;
  }
  /* line 98, app/assets/stylesheets/mypage/import/_unext.sass */
  .p-unext__table tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
  }
  /* line 102, app/assets/stylesheets/mypage/import/_unext.sass */
  .p-unext__table th, .p-unext__table td {
    display: block;
    border: 0;
    border-right: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
  }
  /* line 107, app/assets/stylesheets/mypage/import/_unext.sass */
  .p-unext__table th {
    width: 100%;
  }
  /* line 109, app/assets/stylesheets/mypage/import/_unext.sass */
  .p-unext__table td {
    width: 50%;
  }
}

/* line 37, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--xs {
  font-size: 0.7142857143rem !important;
}

/* line 40, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--sm {
  font-size: 0.8571428571rem !important;
}

/* line 43, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--default {
  font-size: 1rem !important;
}

/* line 46, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--md {
  font-size: 1.1428571429rem !important;
}

/* line 49, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--lg {
  font-size: 1.2857142857rem !important;
}

/* line 52, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--xl {
  font-size: 1.5714285714rem !important;
}

/* line 4, app/assets/stylesheets/mypage/import/_plan-option.sass */
.p-plan-option__bnr {
  text-align: center;
  background-color: #ffffff;
  border-radius: 10px;
  border: 4px solid transparent;
  margin-bottom: 1.5rem;
  position: relative;
  overflow: hidden;
}

/* line 12, app/assets/stylesheets/mypage/import/_plan-option.sass */
.p-plan-option__bnr--anshin-support {
  border-color: #00afdd;
}

/* line 14, app/assets/stylesheets/mypage/import/_plan-option.sass */
.p-plan-option__title {
  margin: 1rem 0 .5rem 0;
  font-size: 1.4285714286rem;
}

@media (max-width: 575px) {
  /* line 14, app/assets/stylesheets/mypage/import/_plan-option.sass */
  .p-plan-option__title {
    font-size: 1.1428571429rem;
  }
}

/* line 19, app/assets/stylesheets/mypage/import/_plan-option.sass */
.p-plan-option__badge {
  position: absolute;
  top: -40px;
  right: 20px;
}

@media (max-width: 767px) {
  /* line 19, app/assets/stylesheets/mypage/import/_plan-option.sass */
  .p-plan-option__badge {
    right: auto;
    left: 50%;
    margin-left: -109px;
  }
}

/* line 28, app/assets/stylesheets/mypage/import/_plan-option.sass */
.p-plan-option__table th {
  width: 20%;
}

@media (max-width: 767px) {
  /* line 28, app/assets/stylesheets/mypage/import/_plan-option.sass */
  .p-plan-option__table th {
    width: 30%;
  }
}

/* line 32, app/assets/stylesheets/mypage/import/_plan-option.sass */
.p-plan-option__overview-wrap {
  background-color: #f5f9fc;
  border-top: 4px solid #00afdd;
  padding: 1rem 2rem;
}

@media (max-width: 767px) {
  /* line 32, app/assets/stylesheets/mypage/import/_plan-option.sass */
  .p-plan-option__overview-wrap {
    padding: 1rem;
  }
}

/* line 38, app/assets/stylesheets/mypage/import/_plan-option.sass */
.p-plan-option__overview-wrap--unext {
  border-top-color: #043786;
}

/* line 40, app/assets/stylesheets/mypage/import/_plan-option.sass */
.p-plan-option__overview {
  display: none;
}

/* line 42, app/assets/stylesheets/mypage/import/_plan-option.sass */
.p-plan-option__overview-btn {
  font-weight: 700;
  border-radius: 500px;
  line-height: 1.3;
  padding: 1em 1.875em;
  margin: .5rem;
  border: 2px solid #00afdd;
  background-color: #ffffff;
  display: inline-block;
  -webkit-transition: .3s all;
  transition: .3s all;
}

/* line 52, app/assets/stylesheets/mypage/import/_plan-option.sass */
.p-plan-option__overview-btn:hover {
  cursor: pointer;
  color: #00afdd;
}

/* line 55, app/assets/stylesheets/mypage/import/_plan-option.sass */
.p-plan-option__overview-btn::before {
  content: "＋";
  display: inline-block;
  padding-right: .6rem;
}

/* line 60, app/assets/stylesheets/mypage/import/_plan-option.sass */
.p-plan-option__overview-btn.is-toggle-opened::before {
  content: "ー";
}

/* line 62, app/assets/stylesheets/mypage/import/_plan-option.sass */
.p-plan-option__info {
  background-color: #ffffff;
  border-radius: 3px;
  border: 1px solid #d4dce7;
  padding: 3rem;
}

@media (max-width: 991px) {
  /* line 62, app/assets/stylesheets/mypage/import/_plan-option.sass */
  .p-plan-option__info {
    padding: 2rem;
  }
}

@media (max-width: 767px) {
  /* line 62, app/assets/stylesheets/mypage/import/_plan-option.sass */
  .p-plan-option__info {
    padding: 1.5rem;
  }
}

/* line 71, app/assets/stylesheets/mypage/import/_plan-option.sass */
.p-plan-option__info-title {
  margin-top: 0;
  line-height: 1.3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
}

/* line 77, app/assets/stylesheets/mypage/import/_plan-option.sass */
.p-plan-option__info-title-badge {
  display: block;
  border-radius: 50%;
  background-color: #ff7682;
  color: #ffffff;
  margin-right: 1rem;
  text-align: center;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 1.1428571429rem;
}

/* line 88, app/assets/stylesheets/mypage/import/_plan-option.sass */
.p-plan-option__info-title-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

/* line 90, app/assets/stylesheets/mypage/import/_plan-option.sass */
.p-plan-option__info-list {
  padding: 0;
  margin: 2rem 0 1rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 575px) {
  /* line 90, app/assets/stylesheets/mypage/import/_plan-option.sass */
  .p-plan-option__info-list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

/* line 96, app/assets/stylesheets/mypage/import/_plan-option.sass */
.p-plan-option__info-list-item {
  list-style: none;
  margin: 0 .5rem 0 0;
  padding: .5rem;
  width: 33.33333%;
  max-width: 136px;
  color: #1992eb;
  border: 2px solid #1992eb;
  background-color: #f7f7f7;
  border-radius: 3px;
  text-align: center;
  line-height: 1.3;
  font-weight: 700;
}

@media (max-width: 767px) {
  /* line 96, app/assets/stylesheets/mypage/import/_plan-option.sass */
  .p-plan-option__info-list-item {
    font-size: 0.8571428571rem;
  }
}

@media (max-width: 575px) {
  /* line 96, app/assets/stylesheets/mypage/import/_plan-option.sass */
  .p-plan-option__info-list-item {
    margin: 0 2% 2% 0;
    width: 31%;
  }
}

/* line 37, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--xs {
  font-size: 0.7142857143rem !important;
}

/* line 40, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--sm {
  font-size: 0.8571428571rem !important;
}

/* line 43, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--default {
  font-size: 1rem !important;
}

/* line 46, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--md {
  font-size: 1.1428571429rem !important;
}

/* line 49, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--lg {
  font-size: 1.2857142857rem !important;
}

/* line 52, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--xl {
  font-size: 1.5714285714rem !important;
}

/* line 3, app/assets/stylesheets/mypage/import/_cancel-form.sass */
.cancel-form {
  padding: 30px;
  background-color: #ffffff;
  border: solid 4px #00afdd;
}

@media (max-width: 767px) {
  /* line 3, app/assets/stylesheets/mypage/import/_cancel-form.sass */
  .cancel-form {
    padding: 15px;
  }
}

/* line 9, app/assets/stylesheets/mypage/import/_cancel-form.sass */
.cancel-form__item {
  padding: 25px 20px;
  border-top: 1px solid #333;
  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;
}

/* line 15, app/assets/stylesheets/mypage/import/_cancel-form.sass */
.cancel-form__item:last-child {
  border-bottom: 1px solid #333;
}

@media (max-width: 767px) {
  /* line 9, app/assets/stylesheets/mypage/import/_cancel-form.sass */
  .cancel-form__item {
    padding: 15px 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

/* line 20, app/assets/stylesheets/mypage/import/_cancel-form.sass */
.cancel-form__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 767px) {
  /* line 20, app/assets/stylesheets/mypage/import/_cancel-form.sass */
  .cancel-form__wrap {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

/* line 27, app/assets/stylesheets/mypage/import/_cancel-form.sass */
.cancel-form__text {
  font-size: 17px;
  font-weight: bold;
}

@media (max-width: 767px) {
  /* line 27, app/assets/stylesheets/mypage/import/_cancel-form.sass */
  .cancel-form__text {
    font-size: 12px;
  }
}

/* line 33, app/assets/stylesheets/mypage/import/_cancel-form.sass */
.cancel-form__input[type='checkbox']:checked + .cancel-form__label::before {
  background: #fff url(/assets/mypage/common/icon/icon_check-1d99046e7deef9b551104e2b42dfc319b2e51042550486f9008f61458e1f3df4.svg) no-repeat top 50% left 50%;
}

/* line 36, app/assets/stylesheets/mypage/import/_cancel-form.sass */
.cancel-form__label {
  font-size: 18px;
  font-weight: bold;
  padding-left: 1.1em;
  position: relative;
}

@media (max-width: 767px) {
  /* line 36, app/assets/stylesheets/mypage/import/_cancel-form.sass */
  .cancel-form__label {
    width: 81px;
    margin-left: 20px;
    font-size: 12px;
  }
}

/* line 45, app/assets/stylesheets/mypage/import/_cancel-form.sass */
.cancel-form__label::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  margin-right: 5px;
  width: 1em;
  height: 1em;
  border: 1px solid #cccccc;
  border-radius: 4px;
  background-color: #ffffff;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

/* line 60, app/assets/stylesheets/mypage/import/_cancel-form.sass */
.cancel-form__link {
  width: 110px;
  font-size: 16px;
  text-decoration: underline;
  text-align: right;
  color: #808080;
}

@media (max-width: 767px) {
  /* line 60, app/assets/stylesheets/mypage/import/_cancel-form.sass */
  .cancel-form__link {
    width: 100%;
    font-size: 12px;
  }
}

/* line 70, app/assets/stylesheets/mypage/import/_cancel-form.sass */
.cancel-form__q {
  font-size: 1rem;
  position: relative;
  padding: 1rem 3rem 1rem 1rem;
  background-color: #00afdd;
  color: #ffffff;
  font-weight: 600;
  font-family: "Roboto", sans-serif;
}

@media (min-width: 768px) {
  /* line 70, app/assets/stylesheets/mypage/import/_cancel-form.sass */
  .cancel-form__q {
    font-size: 1.1428571429rem;
  }
}

@media (min-width: 992px) {
  /* line 70, app/assets/stylesheets/mypage/import/_cancel-form.sass */
  .cancel-form__q {
    padding: 1rem 3rem 1rem 2rem;
  }
}

/* line 82, app/assets/stylesheets/mypage/import/_cancel-form.sass */
.cancel-form__q.is-toggle-opened {
  border: 2px solid #ffffff;
  background-color: #f3f3f3;
  color: #3e4549;
}

/* line 86, app/assets/stylesheets/mypage/import/_cancel-form.sass */
.cancel-form__q:after {
  font-size: 1.7142857143rem;
  position: absolute;
  top: 28%;
  right: 1rem;
  color: #ffffff;
  content: "＋";
}

/* line 93, app/assets/stylesheets/mypage/import/_cancel-form.sass */
.cancel-form__q.is-toggle-opened::after {
  color: #888888;
  content: "ー";
}

/* line 96, app/assets/stylesheets/mypage/import/_cancel-form.sass */
.cancel-form__a {
  font-size: 1rem;
  padding: 1rem;
  background-color: #ffffff;
}

@media (min-width: 768px) {
  /* line 96, app/assets/stylesheets/mypage/import/_cancel-form.sass */
  .cancel-form__a {
    font-size: 1.1428571429rem;
  }
}

@media (min-width: 992px) {
  /* line 96, app/assets/stylesheets/mypage/import/_cancel-form.sass */
  .cancel-form__a {
    padding: 2rem;
  }
}

/* line 104, app/assets/stylesheets/mypage/import/_cancel-form.sass */
.cancel-form__a form input[type="radio"] + label::before {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

/* line 107, app/assets/stylesheets/mypage/import/_cancel-form.sass */
.bl_radio {
  margin-bottom: 2rem;
}

/* line 109, app/assets/stylesheets/mypage/import/_cancel-form.sass */
.bl_radio:last-child {
  margin-bottom: 0;
}

@media (min-width: 992px) {
  /* line 107, app/assets/stylesheets/mypage/import/_cancel-form.sass */
  .bl_radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

/* line 114, app/assets/stylesheets/mypage/import/_cancel-form.sass */
.bl_radio label {
  line-height: 1.3;
}

/* line 119, app/assets/stylesheets/mypage/import/_cancel-form.sass */
.radio__item-radio {
  -ms-flex-preferred-size: 45%;
      flex-basis: 45%;
}

/* line 121, app/assets/stylesheets/mypage/import/_cancel-form.sass */
.radio__item-select {
  position: relative;
  -ms-flex-preferred-size: 55%;
      flex-basis: 55%;
}

/* line 124, app/assets/stylesheets/mypage/import/_cancel-form.sass */
.radio__item-select:after {
  position: absolute;
  right: 20px;
  bottom: calc(50% - 5px);
  width: 10px;
  height: 10px;
  border-bottom: 2px solid #333333;
  border-left: 2px solid #333333;
  content: "";
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  pointer-events: none;
}

/* line 135, app/assets/stylesheets/mypage/import/_cancel-form.sass */
.radio__item-select select {
  position: relative;
  margin-top: 5px;
  padding: .3em 3em .3em 1em;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

/* line 145, app/assets/stylesheets/mypage/import/_cancel-form.sass */
.reason-txt {
  margin-bottom: 2em;
  padding: 20px;
  background-color: #ffffff;
}

/* line 153, app/assets/stylesheets/mypage/import/_cancel-form.sass */
.checkbox {
  margin-bottom: 2rem;
}

/* line 155, app/assets/stylesheets/mypage/import/_cancel-form.sass */
.checkbox label {
  position: relative;
  display: block;
}

/* line 158, app/assets/stylesheets/mypage/import/_cancel-form.sass */
.checkbox input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

/* line 163, app/assets/stylesheets/mypage/import/_cancel-form.sass */
.checkbox input[type="checkbox"] + .checkbox-label::before {
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  margin-right: 5px;
  width: 1em;
  height: 1em;
  border: 1px solid #cccccc;
  border-radius: 4px;
  background-color: #ffffff;
  content: "";
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

/* line 176, app/assets/stylesheets/mypage/import/_cancel-form.sass */
.checkbox input[type="checkbox"]:checked + .checkbox-label::before {
  background: #fff url(/assets/mypage/common/icon/icon_check-1d99046e7deef9b551104e2b42dfc319b2e51042550486f9008f61458e1f3df4.svg) no-repeat top 50% left 50%;
  background-size: 80%;
}

/* line 179, app/assets/stylesheets/mypage/import/_cancel-form.sass */
.checkbox .checkbox-label {
  display: inline-block;
  padding-left: 1.1em;
  font-size: 1.1428571429rem;
  font-weight: 600;
}

/* line 186, app/assets/stylesheets/mypage/import/_cancel-form.sass */
.cancel_procedure-select {
  width: 100%;
}

@media (max-width: 768px) {
  /* line 189, app/assets/stylesheets/mypage/import/_cancel-form.sass */
  .cancel_procedure-select select {
    font-size: 12px;
  }
}

/* line 193, app/assets/stylesheets/mypage/import/_cancel-form.sass */
.cancel_procedure-section-checkbox {
  font-size: 19px;
  font-weight: bold;
}

@media (max-width: 768px) {
  /* line 193, app/assets/stylesheets/mypage/import/_cancel-form.sass */
  .cancel_procedure-section-checkbox {
    font-size: 14px;
  }
}

/* line 37, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--xs {
  font-size: 0.7142857143rem !important;
}

/* line 40, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--sm {
  font-size: 0.8571428571rem !important;
}

/* line 43, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--default {
  font-size: 1rem !important;
}

/* line 46, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--md {
  font-size: 1.1428571429rem !important;
}

/* line 49, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--lg {
  font-size: 1.2857142857rem !important;
}

/* line 52, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--xl {
  font-size: 1.5714285714rem !important;
}

/* line 3, app/assets/stylesheets/mypage/import/_cancel-popup.sass */
.p-popup {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.85);
}

/* line 11, app/assets/stylesheets/mypage/import/_cancel-popup.sass */
.p-popup-wrap {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  height: 100%;
}

/* line 15, app/assets/stylesheets/mypage/import/_cancel-popup.sass */
.p-popup-body {
  position: relative;
  padding: 78px 0 30px;
  text-align: center;
}

@media (min-width: 768px) {
  /* line 15, app/assets/stylesheets/mypage/import/_cancel-popup.sass */
  .p-popup-body {
    padding: 40px 0;
  }
}

/* line 22, app/assets/stylesheets/mypage/import/_cancel-popup.sass */
.p-popup__image img {
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
          box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
}

/* line 24, app/assets/stylesheets/mypage/import/_cancel-popup.sass */
.p-popup__text {
  position: absolute;
  bottom: 60px;
  left: 50%;
  width: 300px;
  cursor: inherit;
  -webkit-transform: translateX(-150px);
          transform: translateX(-150px);
}

/* line 31, app/assets/stylesheets/mypage/import/_cancel-popup.sass */
.p-popup__text span {
  font-size: 14px;
}

/* line 33, app/assets/stylesheets/mypage/import/_cancel-popup.sass */
.p-popup__text-item:nth-child(1) {
  margin-bottom: 10px;
}

/* line 35, app/assets/stylesheets/mypage/import/_cancel-popup.sass */
.p-popup__close {
  text-align: center;
  font-weight: bold;
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}

@media (min-width: 576px) {
  /* line 35, app/assets/stylesheets/mypage/import/_cancel-popup.sass */
  .p-popup__close {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
}

/* line 41, app/assets/stylesheets/mypage/import/_cancel-popup.sass */
.p-popup__close-btn {
  color: #3e4549;
  cursor: pointer;
}

/* line 44, app/assets/stylesheets/mypage/import/_cancel-popup.sass */
.p-popup__close-btn:hover {
  color: #757A7D;
}

/* line 47, app/assets/stylesheets/mypage/import/_cancel-popup.sass */
.p-popup-cancel {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.85);
}

/* line 56, app/assets/stylesheets/mypage/import/_cancel-popup.sass */
.p-popup-cancel-wrap {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  height: 100%;
}

/* line 60, app/assets/stylesheets/mypage/import/_cancel-popup.sass */
.p-popup-cancel-body {
  background: #fff;
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 900px;
  max-width: 90%;
  position: relative;
  padding: 50px 50px;
  margin: auto;
  border: solid 4px #00afdd;
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
          box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
}

@media (max-width: 767px) {
  /* line 60, app/assets/stylesheets/mypage/import/_cancel-popup.sass */
  .p-popup-cancel-body {
    padding: 30px 30px;
  }
}

/* line 76, app/assets/stylesheets/mypage/import/_cancel-popup.sass */
.p-popup-cancel-body--scroll {
  top: 80px;
  -webkit-transform: initial;
          transform: initial;
}

@media (max-width: 767px) {
  /* line 76, app/assets/stylesheets/mypage/import/_cancel-popup.sass */
  .p-popup-cancel-body--scroll {
    top: 100px;
  }
}

/* line 81, app/assets/stylesheets/mypage/import/_cancel-popup.sass */
.p-popup-cancel__image {
  text-align: center;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  /* line 81, app/assets/stylesheets/mypage/import/_cancel-popup.sass */
  .p-popup-cancel__image {
    margin-bottom: 20px;
  }
}

@media (max-width: 767px) {
  /* line 86, app/assets/stylesheets/mypage/import/_cancel-popup.sass */
  .p-popup-cancel__image img {
    width: 80px;
  }
}

/* line 90, app/assets/stylesheets/mypage/import/_cancel-popup.sass */
.p-popup-cancel__text1 {
  text-align: center;
  font-weight: bold;
  color: #fb5d6d;
  font-size: 25px;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  /* line 90, app/assets/stylesheets/mypage/import/_cancel-popup.sass */
  .p-popup-cancel__text1 {
    font-size: 16px;
    margin-bottom: 10px;
  }
}

/* line 99, app/assets/stylesheets/mypage/import/_cancel-popup.sass */
.p-popup-cancel__text2 {
  font-weight: 500;
  font-size: 23px;
}

/* line 102, app/assets/stylesheets/mypage/import/_cancel-popup.sass */
.p-popup-cancel__text2:nth-of-type(n+1) {
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  /* line 99, app/assets/stylesheets/mypage/import/_cancel-popup.sass */
  .p-popup-cancel__text2 {
    font-size: 14px;
  }
  /* line 106, app/assets/stylesheets/mypage/import/_cancel-popup.sass */
  .p-popup-cancel__text2:nth-of-type(n+1) {
    margin-bottom: 10px;
  }
}

/* line 108, app/assets/stylesheets/mypage/import/_cancel-popup.sass */
.p-popup-cancel__text3 {
  text-align: center;
  font-weight: bold;
  color: #fb5d6d;
  font-size: 20px;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  /* line 108, app/assets/stylesheets/mypage/import/_cancel-popup.sass */
  .p-popup-cancel__text3 {
    font-size: 14px;
    margin-bottom: 5px;
  }
}

/* line 117, app/assets/stylesheets/mypage/import/_cancel-popup.sass */
.p-popup-cancel__text4 {
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 20px;
  word-break: break-all;
}

@media (max-width: 767px) {
  /* line 117, app/assets/stylesheets/mypage/import/_cancel-popup.sass */
  .p-popup-cancel__text4 {
    font-size: 10px;
    margin-bottom: 5px;
  }
}

/* line 125, app/assets/stylesheets/mypage/import/_cancel-popup.sass */
.p-popup-cancel__close {
  position: absolute;
  right: 0;
  top: -70px;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
}

@media (max-width: 767px) {
  /* line 125, app/assets/stylesheets/mypage/import/_cancel-popup.sass */
  .p-popup-cancel__close {
    width: 35px;
    top: -45px;
  }
}

/* line 37, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--xs {
  font-size: 0.7142857143rem !important;
}

/* line 40, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--sm {
  font-size: 0.8571428571rem !important;
}

/* line 43, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--default {
  font-size: 1rem !important;
}

/* line 46, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--md {
  font-size: 1.1428571429rem !important;
}

/* line 49, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--lg {
  font-size: 1.2857142857rem !important;
}

/* line 52, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--xl {
  font-size: 1.5714285714rem !important;
}

/* line 3, app/assets/stylesheets/mypage/import/_news.sass */
.p-news {
  padding: 1rem 3rem;
  text-align: center;
  background-color: #ffccd1;
}

@media (max-width: 767px) {
  /* line 3, app/assets/stylesheets/mypage/import/_news.sass */
  .p-news {
    padding: 1rem;
  }
}

/* line 9, app/assets/stylesheets/mypage/import/_news.sass */
.p-news__title {
  color: #a5000e;
  font-weight: bold;
}

/* line 12, app/assets/stylesheets/mypage/import/_news.sass */
.p-news p {
  font-size: 0.8571428571rem;
}

/* line 17, app/assets/stylesheets/mypage/import/_news.sass */
.p-news.p-news-top p {
  margin: 0;
  font-size: inherit;
}

/* line 37, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--xs {
  font-size: 0.7142857143rem !important;
}

/* line 40, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--sm {
  font-size: 0.8571428571rem !important;
}

/* line 43, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--default {
  font-size: 1rem !important;
}

/* line 46, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--md {
  font-size: 1.1428571429rem !important;
}

/* line 49, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--lg {
  font-size: 1.2857142857rem !important;
}

/* line 52, app/assets/stylesheets/mypage/import/_variables.scss */
.u-fontsize--xl {
  font-size: 1.5714285714rem !important;
}

/* line 5, app/assets/stylesheets/mypage/import/_gigamax-popup.sass */
.banner-gigamax:hover {
  cursor: pointer;
}

/* line 8, app/assets/stylesheets/mypage/import/_gigamax-popup.sass */
.modaal-content-container {
  padding: 0;
}

/* line 12, app/assets/stylesheets/mypage/import/_gigamax-popup.sass */
.popup-gigamax {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100vh;
}

/* line 20, app/assets/stylesheets/mypage/import/_gigamax-popup.sass */
.popup-gigamax-wrap {
  overflow: auto;
  overflow: -moz-scrollbars-none;
  width: 100%;
  height: 100%;
}

/* line 25, app/assets/stylesheets/mypage/import/_gigamax-popup.sass */
.popup-gigamax-wrap::-webkit-scrollbar {
  display: none;
}

/* line 27, app/assets/stylesheets/mypage/import/_gigamax-popup.sass */
.popup-gigamax__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
}

/* line 34, app/assets/stylesheets/mypage/import/_gigamax-popup.sass */
.popup-gigamax__body {
  position: relative;
  font-size: 14px;
}

@media (min-width: 576px) {
  /* line 34, app/assets/stylesheets/mypage/import/_gigamax-popup.sass */
  .popup-gigamax__body {
    font-size: 25px;
  }
}

/* line 42, app/assets/stylesheets/mypage/import/_gigamax-popup.sass */
.popup-gigamax__body-cont {
  margin: 0 auto;
  max-width: 1000px;
  border: 3px solid #0098fe;
  background-color: #ffffff;
}

/* line 47, app/assets/stylesheets/mypage/import/_gigamax-popup.sass */
.popup-gigamax__body-cont img {
  width: 100%;
}

/* line 49, app/assets/stylesheets/mypage/import/_gigamax-popup.sass */
.popup-gigamax__body-section {
  padding: 0 20px;
}

@media (min-width: 576px) {
  /* line 49, app/assets/stylesheets/mypage/import/_gigamax-popup.sass */
  .popup-gigamax__body-section {
    padding: 0 40px;
  }
}

/* line 53, app/assets/stylesheets/mypage/import/_gigamax-popup.sass */
.popup-gigamax__body-section p {
  margin-top: 10px;
}

@media (min-width: 576px) {
  /* line 53, app/assets/stylesheets/mypage/import/_gigamax-popup.sass */
  .popup-gigamax__body-section p {
    margin-top: 30px;
  }
}

/* line 57, app/assets/stylesheets/mypage/import/_gigamax-popup.sass */
.popup-gigamax__body-title {
  margin-top: 20px;
  padding-left: 10px;
  border-left: 5px solid #0098fe;
  font-size: 20px;
  line-height: 1.3;
}

@media (min-width: 576px) {
  /* line 57, app/assets/stylesheets/mypage/import/_gigamax-popup.sass */
  .popup-gigamax__body-title {
    margin-top: 30px;
    border-left: 10px solid #0098fe;
    font-size: 36px;
  }
}

/* line 67, app/assets/stylesheets/mypage/import/_gigamax-popup.sass */
.popup-gigamax__body-text-sm {
  font-size: 75%;
}

/* line 71, app/assets/stylesheets/mypage/import/_gigamax-popup.sass */
.popup-gigamax-button {
  padding: 20px 0;
  text-align: center;
}

@media (min-width: 576px) {
  /* line 71, app/assets/stylesheets/mypage/import/_gigamax-popup.sass */
  .popup-gigamax-button {
    padding: 30px 0;
  }
}

/* line 78, app/assets/stylesheets/mypage/import/_gigamax-popup.sass */
.popup-gigamax-close {
  margin: 0 auto;
  max-width: 960px;
  text-align: right;
  font-size: 20px;
  line-height: 1;
}

@media (min-width: 576px) {
  /* line 78, app/assets/stylesheets/mypage/import/_gigamax-popup.sass */
  .popup-gigamax-close {
    font-size: 30px;
  }
}

/* line 86, app/assets/stylesheets/mypage/import/_gigamax-popup.sass */
.popup-gigamax-close a {
  text-decoration: none;
}

/* line 1, app/assets/stylesheets/mypage/import/_termination-certification.css.scss */
.termination-certification-body-wrap {
  padding: 40px;
}

/* line 4, app/assets/stylesheets/mypage/import/_termination-certification.css.scss */
.termination-certification-body-wrap .print-notice {
  margin: 40px 0;
  font-size: 14px;
}

/* line 9, app/assets/stylesheets/mypage/import/_termination-certification.css.scss */
.termination-certification-body-wrap .termination-certification-body {
  border: 1px solid #666;
  padding: 20px;
  width: 800px;
  margin: 0 auto;
  margin-bottom: 40px;
}

/* line 16, app/assets/stylesheets/mypage/import/_termination-certification.css.scss */
.termination-certification-body-wrap .termination-certification-body h4 {
  text-align: center;
  font-size: 30px;
}

/* line 21, app/assets/stylesheets/mypage/import/_termination-certification.css.scss */
.termination-certification-body-wrap .termination-certification-body .logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

/* line 25, app/assets/stylesheets/mypage/import/_termination-certification.css.scss */
.termination-certification-body-wrap .termination-certification-body .logo img {
  width: 100px;
}

/* line 30, app/assets/stylesheets/mypage/import/_termination-certification.css.scss */
.termination-certification-body-wrap .termination-certification-body-username {
  font-size: 20px;
  font-weight: bold;
  margin: 10px 0;
}

/* line 36, app/assets/stylesheets/mypage/import/_termination-certification.css.scss */
.termination-certification-body-wrap .termination-certification-body table {
  width: 100%;
}

/* line 40, app/assets/stylesheets/mypage/import/_termination-certification.css.scss */
.termination-certification-body-wrap .termination-certification-body table tr:nth-child(even) td:last-child {
  background-color: #ECECEC;
}

/* line 45, app/assets/stylesheets/mypage/import/_termination-certification.css.scss */
.termination-certification-body-wrap .termination-certification-body table td {
  border: 1px solid #666;
  padding: 10px;
  font-size: 16px;
}

/* line 50, app/assets/stylesheets/mypage/import/_termination-certification.css.scss */
.termination-certification-body-wrap .termination-certification-body table td:first-child {
  background-color: #D1D1D1;
  font-size: 18px;
  font-weight: bold;
}

/* line 58, app/assets/stylesheets/mypage/import/_termination-certification.css.scss */
.termination-certification-body-wrap .termination-certification-body-notice {
  font-size: 18px;
  font-weight: bold;
  margin: 10px 0;
}

/* line 64, app/assets/stylesheets/mypage/import/_termination-certification.css.scss */
.termination-certification-body-wrap .termination-certification-body-company-info {
  width: 200px;
  margin-left: auto;
}

/* line 68, app/assets/stylesheets/mypage/import/_termination-certification.css.scss */
.termination-certification-body-wrap .termination-certification-body-company-info-name {
  font-size: 14px;
  font-weight: bold;
}

/* line 72, app/assets/stylesheets/mypage/import/_termination-certification.css.scss */
.termination-certification-body-wrap .termination-certification-body-company-info-address {
  font-size: 12px;
}

@media print {
  /* line 80, app/assets/stylesheets/mypage/import/_termination-certification.css.scss */
  header, footer, .print-notice, .btn {
    display: none;
  }
  /* line 85, app/assets/stylesheets/mypage/import/_termination-certification.css.scss */
  .termination-certification-body-wrap .termination-certification-body {
    border: none;
  }
  /* line 87, app/assets/stylesheets/mypage/import/_termination-certification.css.scss */
  .termination-certification-body-wrap .termination-certification-body-company-info {
    position: fixed;
    bottom: 20px;
    right: 20px;
  }
}

/* line 2, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
.kaiyaku_support-mv {
  padding: 30px 20px;
  background: #14a5ef;
}

/* line 5, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
.kaiyaku_support-mv-wrap {
  width: 930px;
  max-width: 100%;
  margin: auto;
}

@media (max-width: 767px) {
  /* line 2, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
  .kaiyaku_support-mv {
    padding: 48px 0px 20px;
  }
}

/* line 15, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
.kaiyaku_support-lead {
  width: 970px;
  max-width: 100%;
  margin: auto;
  padding: 60px 20px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

/* line 22, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
.kaiyaku_support-lead-item {
  width: 31%;
  border: 5px solid #14a5ef;
  border-radius: 14px;
  padding: 25px 10px 10px;
  text-align: center;
  font-weight: bold;
  font-size: 31px;
  position: relative;
  line-height: 1.4;
}

/* line 32, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
.kaiyaku_support-lead-item > span {
  font-size: 82px;
  color: #14a5ef;
  font-weight: bold;
  line-height: 1.1;
  letter-spacing: 0.12em;
}

/* line 39, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
.kaiyaku_support-lead-item::before {
  content: "";
  background: url(/assets/mypage/pages/kaiyaku_support/icon_check@2x-374f1d19416721b3f6e7ef657c0febb6bf35db8269145fd5736ad12752247faf.png) no-repeat center/contain;
  width: 45px;
  height: 45px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media (max-width: 767px) {
  /* line 15, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
  .kaiyaku_support-lead {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  /* line 54, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
  .kaiyaku_support-lead-item {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 250px;
    border: 4px solid #14a5ef;
    border-radius: 11px;
    padding: 20px 10px 10px;
    font-size: 25px;
    line-height: 1.4;
    margin: 0 auto 50px;
  }
  /* line 63, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
  .kaiyaku_support-lead-item > span {
    font-size: 66px;
    line-height: 1.1;
  }
  /* line 67, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
  .kaiyaku_support-lead-item::before {
    width: 37px;
    height: 37px;
  }
}

/* line 74, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
.kaiyaku_support-trouble {
  width: 970px;
  max-width: 100%;
  margin: auto;
  padding: 30px 20px 30px;
  text-align: center;
}

/* line 80, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
.kaiyaku_support-trouble-text1 {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 30px;
}

/* line 85, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
.kaiyaku_support-trouble-img {
  margin-bottom: 30px;
}

/* line 88, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
.kaiyaku_support-trouble-text2 {
  font-size: 22px;
  font-weight: bold;
}

/* line 92, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
.kaiyaku_support-trouble-text3 {
  font-size: 32px;
  font-weight: bold;
  display: inline-block;
}

/* line 96, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
.kaiyaku_support-trouble-text3 > span {
  color: #fd7680;
}

/* line 99, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
.kaiyaku_support-trouble-text3::before {
  content: "＼";
  color: #fd7680;
}

/* line 103, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
.kaiyaku_support-trouble-text3::after {
  content: "／";
  color: #fd7680;
}

/* line 108, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
.kaiyaku_support-trouble-text4 {
  font-size: 40px;
  font-weight: bold;
}

/* line 111, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
.kaiyaku_support-trouble-text4 > span {
  border-bottom: 6px solid #fcee00;
}

/* line 113, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
.kaiyaku_support-trouble-text4 > span > span {
  color: #fd7680;
}

@media (max-width: 767px) {
  /* line 74, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
  .kaiyaku_support-trouble {
    padding: 10px 20px 30px;
  }
  /* line 121, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
  .kaiyaku_support-trouble-text1 {
    font-size: 19px;
    margin-bottom: 30px;
  }
  /* line 125, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
  .kaiyaku_support-trouble-img {
    margin-bottom: 30px;
  }
  /* line 128, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
  .kaiyaku_support-trouble-text2 {
    font-size: 13px;
  }
  /* line 131, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
  .kaiyaku_support-trouble-text3 {
    font-size: 18px;
  }
  /* line 134, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
  .kaiyaku_support-trouble-text4 {
    font-size: 26px;
  }
  /* line 136, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
  .kaiyaku_support-trouble-text4 > span {
    border-bottom: 4px solid #fcee00;
  }
}

/* line 142, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
.kaiyaku_support-recommend {
  width: 970px;
  max-width: 100%;
  margin: auto;
  padding: 50px 20px 30px;
}

/* line 147, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
.kaiyaku_support-recommend-headline {
  font-size: 30px;
  text-align: center;
  margin-bottom: 20px;
}

/* line 152, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
.kaiyaku_support-recommend-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

/* line 156, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
.kaiyaku_support-recommend-item {
  width: 32%;
}

@media (max-width: 767px) {
  /* line 142, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
  .kaiyaku_support-recommend {
    padding: 30px 20px 10px;
  }
  /* line 161, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
  .kaiyaku_support-recommend-headline {
    font-size: 19px;
    margin-bottom: 20px;
  }
  /* line 165, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
  .kaiyaku_support-recommend-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  /* line 168, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
  .kaiyaku_support-recommend-item {
    width: 90%;
    margin: auto;
    margin-bottom: 5px;
    text-align: center;
  }
  /* line 173, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
  .kaiyaku_support-recommend-item img {
    margin: auto;
  }
}

/* line 179, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
.kaiyaku_support-flow {
  width: 970px;
  max-width: 100%;
  margin: auto;
  padding: 50px 20px 50px;
  text-align: center;
}

/* line 185, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
.kaiyaku_support-flow-headline {
  font-size: 30px;
  text-align: center;
  margin-bottom: 20px;
}

/* line 190, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
.kaiyaku_support-flow-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 90px;
  position: relative;
}

/* line 195, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
.kaiyaku_support-flow-wrap::after {
  content: "";
  background: url(/assets/mypage/pages/kaiyaku_support/icon_arrow@2x-4a23d822331385ef36f1de12c5aa3d8a828ad14cdb72c617bfcc4662b51505dd.png) no-repeat center/contain;
  width: 126px;
  height: 51px;
  position: absolute;
  bottom: 10px;
  right: 0;
  left: 0;
  margin: auto;
}

/* line 207, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
.kaiyaku_support-flow-item {
  width: 30%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}

/* line 214, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
.kaiyaku_support-flow-item:not(:last-child)::after {
  content: "";
  background: url(/assets/mypage/pages/kaiyaku_support/icon_arrow2@2x-010c887ce174eaf637e4460ca9f64dcf71974dc02e366c50923601204d6244f0.png) no-repeat center/contain;
  width: 25px;
  height: 28px;
  position: absolute;
  top: 50%;
  right: -38px;
  margin: auto;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

/* line 227, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
.kaiyaku_support-flow-head {
  background: #49acd9;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  padding: 3px 10px;
}

/* line 234, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
.kaiyaku_support-flow-content {
  background: #f5f9fc;
  padding: 15px 15px 10px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

/* line 239, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
.kaiyaku_support-flow-icon {
  text-align: center;
  margin-bottom: 5px;
}

/* line 243, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
.kaiyaku_support-flow-title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 5px;
  line-height: 1.3;
  color: #14a5ef;
}

/* line 250, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
.kaiyaku_support-flow-text {
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 15px;
}

/* line 256, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
.kaiyaku_support-flow-btn a {
  color: #fff;
  background: #fd7680;
  width: 100%;
  height: 33px;
  line-height: 33px;
  border-radius: 16px;
  font-size: 12px;
  font-weight: bold;
  -webkit-box-shadow: 0px 2.66px 2.66px rgba(52, 52, 52, 0.3);
          box-shadow: 0px 2.66px 2.66px rgba(52, 52, 52, 0.3);
  display: inline-block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

/* line 268, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
.kaiyaku_support-flow-btn a:hover {
  text-decoration: none;
  opacity: 0.7;
}

/* line 274, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
.kaiyaku_support-flow-done {
  display: inline-block;
  font-size: 40px;
  font-weight: bold;
  color: #fd7680;
  border-bottom: 6px solid #fcee00;
}

@media (max-width: 767px) {
  /* line 179, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
  .kaiyaku_support-flow {
    padding: 20px 20px 40px;
  }
  /* line 284, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
  .kaiyaku_support-flow-headline {
    font-size: 19px;
    margin-bottom: 20px;
  }
  /* line 288, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
  .kaiyaku_support-flow-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-bottom: 70px;
  }
  /* line 291, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
  .kaiyaku_support-flow-wrap::after {
    width: 87px;
    height: 35px;
    bottom: 10px;
  }
  /* line 297, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
  .kaiyaku_support-flow-item {
    width: 240px;
    margin: auto;
  }
  /* line 300, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
  .kaiyaku_support-flow-item:not(:last-child) {
    margin-bottom: 50px;
  }
  /* line 302, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
  .kaiyaku_support-flow-item:not(:last-child)::after {
    width: 20px;
    height: 23px;
    top: auto;
    bottom: -35px;
    right: 0;
    left: 0;
    margin: auto;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  /* line 314, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
  .kaiyaku_support-flow-head {
    font-size: 19px;
    padding: 3px 10px;
  }
  /* line 318, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
  .kaiyaku_support-flow-content {
    padding: 15px 15px 10px;
  }
  /* line 321, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
  .kaiyaku_support-flow-icon {
    margin-bottom: 5px;
  }
  /* line 323, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
  .kaiyaku_support-flow-icon img {
    width: 73px;
  }
  /* line 327, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
  .kaiyaku_support-flow-title {
    font-size: 19px;
    margin-bottom: 5px;
  }
  /* line 331, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
  .kaiyaku_support-flow-text {
    font-size: 10px;
    margin-bottom: 10px;
  }
  /* line 336, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
  .kaiyaku_support-flow-btn a {
    height: 26px;
    line-height: 26px;
    border-radius: 16px;
    font-size: 10px;
  }
  /* line 343, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
  .kaiyaku_support-flow-done {
    font-size: 28px;
    border-bottom: 4px solid #fcee00;
  }
}

/* line 350, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
.kaiyaku_support-cta {
  background: #14a5ef;
  padding: 35px 10px;
  text-align: center;
}

/* line 355, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
.kaiyaku_support-cta-btn a {
  color: #fff;
  background: #fd7680;
  width: 347px;
  height: 49px;
  line-height: 49px;
  border-radius: 40px;
  font-size: 18px;
  font-weight: bold;
  -webkit-box-shadow: 0px 2.66px 2.66px rgba(52, 52, 52, 0.3);
          box-shadow: 0px 2.66px 2.66px rgba(52, 52, 52, 0.3);
  display: inline-block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

/* line 367, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
.kaiyaku_support-cta-btn a:hover {
  text-decoration: none;
  opacity: 0.7;
}

@media (max-width: 767px) {
  /* line 350, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
  .kaiyaku_support-cta {
    padding: 30px 10px;
  }
  /* line 376, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
  .kaiyaku_support-cta-btn a {
    width: 280px;
    height: 39px;
    line-height: 39px;
    font-size: 14px;
  }
}

/* line 386, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
.kaiyaku_support-faq {
  width: 970px;
  max-width: 100%;
  margin: auto;
  padding: 50px 20px 30px;
}

/* line 391, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
.kaiyaku_support-faq-headline {
  font-size: 30px;
  text-align: center;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  /* line 391, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
  .kaiyaku_support-faq-headline {
    font-size: 19px;
    margin-bottom: 20px;
  }
}

/* line 400, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
.kaiyaku_support-faq-wrap {
  margin-bottom: 60px;
}

@media (max-width: 767px) {
  /* line 400, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
  .kaiyaku_support-faq-wrap {
    margin-bottom: 40px;
  }
}

/* line 406, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
.kaiyaku_support-faq-item {
  text-align: left;
  border-top: 2px solid #c6c6c6;
}

/* line 409, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
.kaiyaku_support-faq-item:last-child {
  border-bottom: 2px solid #c6c6c6;
}

/* line 413, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
.kaiyaku_support-faq-question {
  padding: 20px 80px 20px 0;
  font-size: 23px;
  font-weight: bold;
  position: relative;
  cursor: pointer;
}

/* line 419, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
.kaiyaku_support-faq-question::after {
  content: "";
  width: 20px;
  height: 20px;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

@media (max-width: 767px) {
  /* line 413, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
  .kaiyaku_support-faq-question {
    padding: 10px 50px 10px 0;
    font-size: 14px;
  }
  /* line 439, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
  .kaiyaku_support-faq-question::after {
    width: 13px;
    height: 13px;
    right: 20px;
  }
}

/* line 446, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
.kaiyaku_support-faq-answer {
  padding: 30px;
  background: #f2f6f9;
  font-size: 20px;
  display: none;
}

@media (max-width: 767px) {
  /* line 446, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
  .kaiyaku_support-faq-answer {
    padding: 15px;
    font-size: 12px;
  }
}

/* line 456, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
.kaiyaku_support-faq-answer-text + p {
  margin-top: 30px;
}

/* line 461, app/assets/stylesheets/mypage/import/_kaiyaku_support.scss */
.kaiyaku_support-faq-note {
  font-size: 12px;
}

@media (min-width: 768px) {
  /* line 2, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
  .sp {
    display: none;
  }
}

@media (max-width: 768px) {
  /* line 7, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
  .pc {
    display: none;
  }
}

/* line 11, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.kaiyaku_procedure-about {
  width: 1020px;
  max-width: 100%;
  margin: auto;
  padding: 60px 20px 0;
}

/* line 16, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.kaiyaku_procedure-about-headline1 {
  font-size: 30px;
  margin-bottom: 30px;
  text-align: center;
}

/* line 21, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.kaiyaku_procedure-about-lead {
  font-size: 24px;
  margin-bottom: 30px;
  text-align: center;
}

/* line 26, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.kaiyaku_procedure-about-headline2 {
  font-size: 30px;
  margin-bottom: 50px;
  text-align: center;
}

/* line 30, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.kaiyaku_procedure-about-headline2 > span {
  display: inline-block;
  font-weight: bold;
  padding-left: 60px;
  position: relative;
}

/* line 35, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.kaiyaku_procedure-about-headline2 > span::before {
  content: "";
  background: url(/assets/mypage/pages/kaiyaku_procedure/icon/exchange-3047923d2ef70dfc38c7abcf8035b19be99cd8856fb06972961a40163782e788.svg) no-repeat center/contain;
  width: 51px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

/* line 47, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.kaiyaku_procedure-about-tab {
  border-bottom: 1px solid #333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 60px;
}

/* line 52, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.kaiyaku_procedure-about-tab-unit {
  margin: 0 15px;
  background: #b3b3b3;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  border-radius: 10px 10px 0px 0px;
  width: 260px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  border: 0;
  position: relative;
  cursor: pointer;
}

/* line 66, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.kaiyaku_procedure-about-tab-unit.is-active {
  background: #fff;
  color: #333;
  border: 1px solid #333;
  border-bottom: 0;
  cursor: initial;
}

/* line 72, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.kaiyaku_procedure-about-tab-unit.is-active::after {
  content: "";
  width: 100%;
  height: 1px;
  background: #fff;
  position: absolute;
  bottom: -1px;
  left: 0;
}

/* line 86, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.kaiyaku_procedure-about-item {
  display: none;
}

/* line 88, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.kaiyaku_procedure-about-item.is-active {
  display: block;
}

/* line 95, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.kaiyaku_procedure-about-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 30px;
  background: #fff4f5;
  border-radius: 0px 0px 8px 8px;
  padding: 40px 30px;
}

/* line 103, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.kaiyaku_procedure-about-img {
  width: 35%;
}

/* line 106, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.kaiyaku_procedure-about-img-note {
  font-size: 12px;
  margin-top: 5px;
}

/* line 110, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.kaiyaku_procedure-about-body {
  width: 62%;
}

/* line 113, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.kaiyaku_procedure-about-attention {
  color: #fd7680;
  font-size: 23px;
  font-weight: bold;
  margin-bottom: 5px;
  padding-left: 30px;
  position: relative;
}

/* line 120, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.kaiyaku_procedure-about-attention::before {
  content: "";
  background: url(/assets/mypage/pages/kaiyaku_support/icon_attention@2x-25de02ce4017696102e04db4df1371e21e454628d4b8cc6dce0cfa92bb8fc193.png) no-repeat center/contain;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

/* line 131, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.kaiyaku_procedure-about-text1 {
  font-size: 19px;
  font-weight: bold;
  margin-bottom: 5px;
}

/* line 136, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.kaiyaku_procedure-about-text2 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
}

/* line 140, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.kaiyaku_procedure-about-text2 > span {
  font-size: 16px;
  color: #fd7680;
  font-weight: bold;
}

/* line 146, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.kaiyaku_procedure-about-text3 {
  font-size: 13px;
  margin-bottom: 20px;
}

/* line 150, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.kaiyaku_procedure-about-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

/* line 153, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.kaiyaku_procedure-about-btn a {
  text-align: center;
  color: #fd7680;
  background: #fff;
  border: 1px solid #fd7680;
  width: 320px;
  height: 50px;
  line-height: 48px;
  border-radius: 32px;
  font-size: 14px;
  font-weight: bold;
  -webkit-box-shadow: 0px 2.66px 2.66px rgba(52, 52, 52, 0.3);
          box-shadow: 0px 2.66px 2.66px rgba(52, 52, 52, 0.3);
  display: inline-block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

/* line 167, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.kaiyaku_procedure-about-btn a:nth-of-type(2) {
  border-color: #333;
  color: #333;
}

/* line 170, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.kaiyaku_procedure-about-btn a:nth-of-type(2) > span {
  padding-left: 28px;
  position: relative;
}

/* line 173, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.kaiyaku_procedure-about-btn a:nth-of-type(2) > span::before {
  content: "";
  background: url(/assets/mypage/pages/kaiyaku_support/icon_youtube@2x-ed6fc8a5309e187c6fa3ad848f7a27e51e04b30d0fd2a8b48bb6dac0fa74edfc.png) no-repeat center/contain;
  width: 22px;
  height: 14px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

/* line 185, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.kaiyaku_procedure-about-btn a:hover {
  text-decoration: none;
  opacity: 0.7;
}

@media (max-width: 767px) {
  /* line 11, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
  .kaiyaku_procedure-about {
    padding: 40px 20px 0;
  }
  /* line 193, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
  .kaiyaku_procedure-about-headline1 {
    font-size: 19px;
    margin-bottom: 40px;
  }
  /* line 197, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
  .kaiyaku_procedure-about-lead {
    font-size: 17px;
    margin-bottom: 30px;
  }
  /* line 201, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
  .kaiyaku_procedure-about-headline2 {
    font-size: 18px;
    margin-bottom: 30px;
  }
  /* line 204, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
  .kaiyaku_procedure-about-headline2 > span {
    padding-left: 50px;
  }
  /* line 206, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
  .kaiyaku_procedure-about-headline2 > span::before {
    width: 43px;
    height: 28px;
  }
  /* line 212, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
  .kaiyaku_procedure-about-tab {
    border-bottom: 1px solid #333;
    margin-bottom: 30px;
  }
  /* line 215, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
  .kaiyaku_procedure-about-tab-unit {
    margin: 0 10px;
    font-size: 10px;
    font-weight: bold;
    border-radius: 10px 10px 0px 0px;
    width: 150px;
    height: 30px;
    line-height: 30px;
  }
  /* line 224, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
  .kaiyaku_procedure-about-tab-unit.is-active::after {
    height: 3px;
    bottom: -2px;
  }
  /* line 237, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
  .kaiyaku_procedure-about-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 30px;
    border-radius: 0px 0px 6px 6px;
    padding: 25px 15px;
  }
  /* line 243, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
  .kaiyaku_procedure-about-img {
    width: 100%;
    margin-bottom: 20px;
  }
  /* line 247, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
  .kaiyaku_procedure-about-body {
    width: 100%;
  }
  /* line 250, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
  .kaiyaku_procedure-about-attention {
    font-size: 23px;
    margin-bottom: 5px;
    padding-left: 30px;
    position: relative;
  }
  /* line 259, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
  .kaiyaku_procedure-about-text1 {
    font-size: 17px;
    margin-bottom: 5px;
  }
  /* line 263, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
  .kaiyaku_procedure-about-text2 {
    font-size: 14px;
    margin-bottom: 20px;
  }
  /* line 267, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
  .kaiyaku_procedure-about-text3 {
    font-size: 13px;
    margin-bottom: 20px;
  }
  /* line 271, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
  .kaiyaku_procedure-about-btn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  /* line 273, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
  .kaiyaku_procedure-about-btn a {
    width: 100%;
    margin-bottom: 20px;
  }
  /* line 276, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
  .kaiyaku_procedure-about-btn a:nth-of-type(2) {
    margin-bottom: 0;
  }
  /* line 278, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
  .kaiyaku_procedure-about-btn a:nth-of-type(2) > span {
    padding-left: 28px;
    position: relative;
  }
}

/* line 290, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.kaiyaku_procedure-flow {
  width: 1020px;
  max-width: 100%;
  margin: auto;
  padding: 60px 20px 0;
}

/* line 295, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.kaiyaku_procedure-flow-headline {
  font-size: 30px;
  margin-bottom: 50px;
  text-align: center;
}

/* line 299, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.kaiyaku_procedure-flow-headline > span {
  display: inline-block;
  font-weight: bold;
  padding-left: 55px;
  position: relative;
}

/* line 304, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.kaiyaku_procedure-flow-headline > span::before {
  content: "";
  background: url(/assets/mypage/pages/kaiyaku_procedure/icon/cancel-fef8895a67ae36fc31fd8fbe99daa1b1fced586b90077d250000cc52d38cdbc2.svg) no-repeat center/contain;
  width: 45px;
  height: 43px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

/* line 316, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.kaiyaku_procedure-flow-unit {
  display: none;
}

/* line 318, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.kaiyaku_procedure-flow-unit.is-active {
  display: block;
}

/* line 322, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.kaiyaku_procedure-flow-item {
  margin-bottom: 50px;
}

/* line 325, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.kaiyaku_procedure-flow-title {
  font-size: 24px;
  font-weight: bold;
  padding-bottom: 10px;
  border-bottom: 2px solid #d3dce7;
  margin-bottom: 25px;
}

/* line 332, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.kaiyaku_procedure-flow-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

/* line 336, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.kaiyaku_procedure-flow-img {
  width: 38%;
}

/* line 339, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.kaiyaku_procedure-flow-content {
  width: 60%;
}

/* line 342, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.kaiyaku_procedure-flow-text1 {
  font-size: 14px;
  margin-bottom: 10px;
}

/* line 346, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.kaiyaku_procedure-flow-text2 {
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: bold;
}

/* line 351, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.kaiyaku_procedure-flow-text3 {
  font-size: 15px;
  font-weight: 500;
}

/* line 355, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.kaiyaku_procedure-flow-text4 {
  font-size: 14px;
}

/* line 358, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.kaiyaku_procedure-flow-note {
  font-size: 12px;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  /* line 290, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
  .kaiyaku_procedure-flow {
    padding: 40px 20px 0;
  }
  /* line 364, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
  .kaiyaku_procedure-flow-headline {
    font-size: 18px;
    margin-bottom: 40px;
  }
  /* line 367, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
  .kaiyaku_procedure-flow-headline > span {
    padding-left: 40px;
  }
  /* line 369, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
  .kaiyaku_procedure-flow-headline > span::before {
    width: 35px;
    height: 33px;
  }
  /* line 375, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
  .kaiyaku_procedure-flow-item {
    margin-bottom: 50px;
  }
  /* line 378, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
  .kaiyaku_procedure-flow-title {
    font-size: 17px;
    padding-bottom: 10px;
    margin-bottom: 25px;
  }
  /* line 383, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
  .kaiyaku_procedure-flow-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  /* line 386, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
  .kaiyaku_procedure-flow-img {
    width: 100%;
    margin-bottom: 15px;
  }
  /* line 390, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
  .kaiyaku_procedure-flow-content {
    width: 100%;
  }
  /* line 393, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
  .kaiyaku_procedure-flow-text1 {
    font-size: 12px;
    margin-bottom: 10px;
  }
  /* line 397, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
  .kaiyaku_procedure-flow-text2 {
    font-size: 15px;
    margin-bottom: 10px;
  }
  /* line 401, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
  .kaiyaku_procedure-flow-text3 {
    font-size: 14px;
  }
  /* line 404, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
  .kaiyaku_procedure-flow-text4 {
    font-size: 13px;
  }
  /* line 407, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
  .kaiyaku_procedure-flow-note {
    font-size: 12px;
    margin-bottom: 20px;
  }
}

/* line 414, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.option-acordion-sprt {
  padding: 0 0px;
  max-width: 800px;
  margin: 0 auto 30px auto;
}

@media (max-width: 767px) {
  /* line 414, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
  .option-acordion-sprt {
    padding: 0;
    margin-bottom: 60px;
  }
}

/* line 424, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.option-acordion-sprt p {
  margin-top: 20px;
}

/* line 430, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.bl-5g-plan-return-text1 {
  font-size: 34px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 50px;
}

/* line 436, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.bl-5g-plan-return-img {
  text-align: center;
}

/* line 439, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.bl-5g-plan-return-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 50px 0;
}

/* line 443, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.bl-5g-plan-return-wrap-item {
  width: 30%;
  position: relative;
}

/* line 448, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.bl-5g-plan-return-wrap-item:not(:last-child) .bl-5g-plan-return-wrap-img::after {
  content: "";
  background: url(/assets/5g_lp/svg/arrow_return-882d26d0ec11de640cf934390415a63d93d1785820d746289e195b926a65ac7e.svg) no-repeat top 50% left 50%/contain;
  width: 53px;
  height: 76px;
  position: absolute;
  left: calc(100% + 10px);
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

/* line 461, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.bl-5g-plan-return-wrap-num {
  text-align: center;
}

/* line 464, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.bl-5g-plan-return-wrap-title {
  font-size: 30px;
  text-align: center;
  margin-bottom: 10px;
  font-weight: 500;
}

/* line 470, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.bl-5g-plan-return-wrap-img {
  position: relative;
  text-align: center;
}

/* line 476, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.bl-5g-plan-return-wrap-text {
  font-size: 28px;
  text-align: center;
  font-weight: 500;
}

/* line 482, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.bl-5g-plan-return-h3 {
  color: #1992eb;
  font-size: 35px;
  font-weight: bold;
  border-bottom: 1px solid #c6c6c6;
}

/* line 488, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.bl-5g-plan-return-text2 {
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 50px;
}

/* line 493, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.bl-5g-plan-return-h3-2 {
  color: #1992eb;
  font-size: 37px;
  font-weight: bold;
  text-align: center;
}

/* line 499, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.bl-5g-plan-return-wrap2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 30px;
}

/* line 504, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.bl-5g-plan-return-wrap2-item {
  width: 48%;
  margin-bottom: 50px;
}

/* line 508, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.bl-5g-plan-return-wrap2-item:nth-of-type(5) .bl-5g-plan-return-wrap2-img {
  padding-top: 40px;
}

/* line 513, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.bl-5g-plan-return-wrap2-img {
  text-align: center;
}

/* line 516, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.bl-5g-plan-return-wrap2-text1 {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}

/* line 521, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
.bl-5g-plan-return-wrap2-text2 {
  font-size: 25px;
  font-weight: 500;
}

@media (max-width: 768px) {
  /* line 527, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
  .bl-5g-plan-return-text1 {
    font-size: 17px;
    margin-bottom: 20px;
  }
  /* line 531, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
  .bl-5g-plan-return-wrap {
    margin: 30px 0;
  }
  /* line 533, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
  .bl-5g-plan-return-wrap-item {
    width: 30%;
    position: relative;
  }
  /* line 538, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
  .bl-5g-plan-return-wrap-item:not(:last-child) .bl-5g-plan-return-wrap-img::after {
    width: 21px;
    height: 30px;
    left: calc(100% + 5px);
  }
  /* line 547, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
  .bl-5g-plan-return-wrap-num img {
    width: 30px;
  }
  /* line 551, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
  .bl-5g-plan-return-wrap-title {
    font-size: 13px;
  }
  /* line 555, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
  .bl-5g-plan-return-wrap-img img {
    height: 40px;
  }
  /* line 559, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
  .bl-5g-plan-return-wrap-text {
    font-size: 11px;
  }
  /* line 563, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
  .bl-5g-plan-return-h3 {
    font-size: 14px;
  }
  /* line 566, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
  .bl-5g-plan-return-text2 {
    font-size: 11px;
    margin-bottom: 30px;
    margin-top: 10px !important;
  }
  /* line 571, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
  .bl-5g-plan-return-h3-2 {
    font-size: 14px;
  }
  /* line 574, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
  .bl-5g-plan-return-wrap2 {
    margin-bottom: 30px;
  }
  /* line 576, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
  .bl-5g-plan-return-wrap2-item {
    margin-bottom: 30px;
  }
  /* line 579, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
  .bl-5g-plan-return-wrap2-item:nth-of-type(5) .bl-5g-plan-return-wrap2-img {
    padding-top: 15px;
  }
  /* line 585, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
  .bl-5g-plan-return-wrap2-item:nth-of-type(6) .bl-5g-plan-return-wrap2-img img {
    height: 145px;
  }
  /* line 592, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
  .bl-5g-plan-return-wrap2-img img {
    height: 130px;
  }
  /* line 596, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
  .bl-5g-plan-return-wrap2-text1 {
    font-size: 11px;
    margin-top: 10px !important;
  }
  /* line 600, app/assets/stylesheets/mypage/import/_kaiyaku_procedure.scss */
  .bl-5g-plan-return-wrap2-text2 {
    font-size: 10px;
    margin-top: 10px !important;
  }
}

/* line 1, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec1 {
  padding: 50px 0px;
}

/* line 3, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec1__headline {
  text-align: center;
  margin-bottom: 30px;
}

/* line 7, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec1__head {
  text-align: center;
  margin-bottom: 50px;
}

/* line 11, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec1__text {
  display: inline;
  position: relative;
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 30px;
}

/* line 17, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec1__text::after {
  content: "";
  height: 6px;
  width: 100%;
  background: #FCEE00;
  position: absolute;
  left: 0;
  bottom: -10px;
}

/* line 26, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec1__text > span {
  color: #fd7680;
}

/* line 29, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec1__text-wrap {
  text-align: center;
}

/* line 33, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec1__img {
  text-align: center;
  margin-bottom: 50px;
}

@media (max-width: 767px) {
  /* line 1, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-sec1 {
    padding: 30px 0px;
  }
  /* line 39, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-sec1__headline {
    margin-bottom: 30px;
    font-size: 19px;
  }
  /* line 43, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-sec1__head {
    margin-bottom: 40px;
  }
  /* line 46, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-sec1__text {
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 30px;
  }
  /* line 50, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-sec1__text::after {
    height: 6px;
    width: 100%;
    left: 0;
    bottom: -10px;
  }
  /* line 57, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-sec1__img {
    text-align: center;
    margin-bottom: 30px;
  }
}

/* line 64, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec2 {
  padding: 90px 0 50px;
}

/* line 66, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec2__container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  max-width: 850px;
}

/* line 74, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec2__headline {
  text-align: center;
  font-size: 30px;
  margin-bottom: 20px;
}

/* line 79, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec2__headline2 {
  width: 720px;
  max-width: 100%;
  margin: 0 auto 30px;
  font-size: 28px;
  font-weight: bold;
  color: #fd7680;
  text-align: center;
  position: relative;
  padding: 0 40px;
}

/* line 89, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec2__headline2 > span {
  font-size: 16px;
}

/* line 92, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec2__headline2::before, .p-exchange-sec2__headline2::after {
  content: "";
  width: 2px;
  height: 100%;
  background: #fd7680;
  position: absolute;
  top: 50%;
}

/* line 100, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec2__headline2::before {
  left: 0;
  -webkit-transform: translateY(-50%) rotate(-20deg);
          transform: translateY(-50%) rotate(-20deg);
}

/* line 104, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec2__headline2::after {
  right: 0;
  -webkit-transform: translateY(-50%) rotate(20deg);
          transform: translateY(-50%) rotate(20deg);
}

/* line 110, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec2__wrap:first-child {
  margin-bottom: 50px;
}

/* line 114, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec2__item {
  width: 100%;
  position: relative;
}

/* line 117, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec2__item:first-child {
  margin-bottom: 100px;
}

/* line 119, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec2__item:first-child::after {
  content: "";
  background: url(/assets/mypage/pages/exchange/exchange_arrow2@2x-8acaaf5fcdf5e9a19194a29887201baa098104245eedfdb6f12f51534489eb0a.png) no-repeat center/contain;
  width: 118px;
  height: 59px;
  position: absolute;
  bottom: -80px;
  left: 0;
  right: 0;
  margin: auto;
}

/* line 132, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec2__head {
  color: #fff;
  font-size: 30px;
  font-weight: 500;
  text-align: center;
  padding: 10px 10px;
}

/* line 138, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec2__head--1 {
  background: #999999;
}

/* line 141, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec2__head--2 {
  background: #14A5EF;
}

/* line 145, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec2__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/* line 149, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec2__content {
  text-align: center;
}

/* line 151, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec2__content--1 {
  background: #F2F2F2;
  padding: 20px 20px 20px;
}

/* line 156, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec2__content--2 {
  background: #F5F9FC;
  padding: 30px 20px 20px;
}

/* line 161, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec2__price {
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 15px;
}

/* line 166, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec2__price > span {
  display: inline-block;
  padding-left: 15px;
  color: #fd7680;
}

/* line 170, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec2__price > span > em {
  font-size: 50px;
  font-weight: 900;
}

/* line 176, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec2__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 360px;
  margin: auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

/* line 182, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec2__list li {
  font-size: 30px;
  font-weight: bold;
}

/* line 187, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec2__device {
  width: 50%;
}

/* line 189, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec2__device:not(:last-child) {
  margin-bottom: 30px;
}

/* line 193, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec2__name {
  font-size: 19px;
  font-weight: 500;
}

/* line 196, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec2__name > span {
  font-size: 30px;
  display: block;
  font-weight: bold;
}

/* line 202, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec2__note {
  margin-top: 20px;
  font-size: 12px;
}

@media (max-width: 767px) {
  /* line 64, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-sec2 {
    padding: 50px 0 30px;
  }
  /* line 210, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-sec2__headline {
    font-size: 19px;
    margin-bottom: 15px;
  }
  /* line 214, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-sec2__headline2 {
    margin: 0 auto 20px;
    font-size: 17px;
    padding: 0 30px;
  }
  /* line 218, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-sec2__headline2 > span {
    font-size: 12px;
  }
  /* line 223, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-sec2__headline2::before {
    left: 5px;
    -webkit-transform: translateY(-50%) rotate(-20deg);
            transform: translateY(-50%) rotate(-20deg);
  }
  /* line 227, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-sec2__headline2::after {
    right: 5px;
    -webkit-transform: translateY(-50%) rotate(20deg);
            transform: translateY(-50%) rotate(20deg);
  }
  /* line 235, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-sec2__item:first-child {
    margin-bottom: 67px;
  }
  /* line 237, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-sec2__item:first-child::after {
    width: 76px;
    height: 38px;
    bottom: -50px;
  }
  /* line 244, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-sec2__head {
    font-size: 15px;
    padding: 8px 10px;
  }
  /* line 248, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-sec2__content {
    text-align: center;
    padding: 20px 20px 20px;
  }
  /* line 251, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-sec2__content--2 {
    padding: 0px 20px 0px;
  }
  /* line 255, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-sec2__price {
    font-size: 22px;
    margin-bottom: 10px;
  }
  /* line 258, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-sec2__price > span {
    padding-left: 10px;
  }
  /* line 260, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-sec2__price > span > em {
    font-size: 35px;
  }
  /* line 265, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-sec2__list {
    width: 210px;
  }
  /* line 267, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-sec2__list li {
    font-size: 19px;
  }
  /* line 272, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-sec2__device img {
    max-height: 80px;
    max-width: 125px;
  }
  /* line 276, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-sec2__device:not(:last-child) {
    margin-bottom: 30px;
  }
  /* line 280, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-sec2__name {
    font-size: 10px;
  }
  /* line 282, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-sec2__name > span {
    font-size: 14px;
  }
}

/* line 291, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec3 {
  background: #F2F2F2;
  padding: 50px 15px;
}

/* line 294, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec3__container {
  width: 810px;
  max-width: 100%;
  margin: auto;
}

/* line 299, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec3__headline {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
}

/* line 305, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec3__text {
  font-weight: 500;
  font-size: 13px;
}

/* line 308, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec3__text > span {
  font-size: 17px;
}

/* line 311, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec3__text:not(:last-child) {
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  /* line 291, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-sec3 {
    padding: 30px 15px;
  }
  /* line 319, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-sec3__headline {
    font-size: 19px;
    margin-bottom: 20px;
  }
  /* line 326, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-sec3__text:not(:last-child) {
    margin-bottom: 20px;
  }
}

/* line 333, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec4 {
  padding: 50px 15px;
}

/* line 335, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec4__container {
  width: 810px;
  max-width: 100%;
  margin: auto;
}

/* line 340, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec4__headline {
  font-size: 30px;
  margin-bottom: 30px;
  text-align: center;
}

/* line 345, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec4__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

/* line 349, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec4__item {
  width: 19%;
  border: 2px solid #14A5EF;
  border-radius: 8px;
  padding: 40px 10px 10px;
  position: relative;
}

/* line 356, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec4__item:not(:last-child)::after {
  content: "";
  background: url(/assets/mypage/pages/exchange/exchange_arrow@2x-07a7244c83ef1f83b5ea3bdbf0491a287d7dcf403c3b1c788fe141deaa8f803a.png) no-repeat center/contain;
  width: 29px;
  height: 56px;
  position: absolute;
  top: 50%;
  right: -58px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

/* line 369, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec4__num {
  font-size: 22px;
  font-weight: bold;
  color: #fff;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #14A5EF;
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
  margin: auto;
  border: 3px solid #fff;
  display: grid;
  place-items: center;
  line-height: 1;
}

/* line 387, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec4__img {
  text-align: center;
  margin-bottom: 10px;
  min-height: 90px;
  display: grid;
  place-items: center;
}

/* line 394, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec4__text {
  font-size: 17px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 1.4;
}

/* line 401, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec4__note {
  font-size: 10px;
  text-align: center;
  line-height: 1.4;
}

/* line 406, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec4__note2 {
  font-size: 10px;
  line-height: 1.4;
}

@media (max-width: 767px) {
  /* line 333, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-sec4 {
    padding: 40px 15px;
  }
  /* line 414, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-sec4__headline {
    font-size: 19px;
    margin-bottom: 50px;
  }
  /* line 418, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-sec4__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  /* line 421, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-sec4__item {
    width: 100%;
    border-radius: 8px;
    padding: 30px 10px 10px;
    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;
  }
  /* line 428, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-sec4__item:not(:last-child) {
    margin-bottom: 80px;
  }
  /* line 430, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-sec4__item:not(:last-child)::after {
    top: 100%;
    right: 0;
    left: 0;
    margin: auto;
    -webkit-transform: translateY(10px) rotate(90deg);
            transform: translateY(10px) rotate(90deg);
  }
  /* line 439, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-sec4__num {
    font-size: 20px;
    width: 42px;
    height: 42px;
    top: -20px;
  }
  /* line 445, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-sec4__img {
    width: 49%;
    margin-bottom: 10px;
    min-height: 90px;
    display: grid;
    place-items: center;
  }
  /* line 452, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-sec4__content {
    width: 50%;
  }
  /* line 455, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-sec4__text {
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 1.4;
  }
  /* line 460, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-sec4__note {
    font-size: 10px;
    text-align: center;
    line-height: 1.4;
  }
  /* line 465, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-sec4__note2 {
    width: 100%;
  }
}

/* line 471, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec5 {
  background: #CEEFFF;
  padding: 40px 20px;
}

/* line 474, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec5__container {
  width: 500px;
  max-width: 100%;
  margin: auto;
}

/* line 479, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec5__head {
  background: #fff;
  border-radius: 11px;
  border: 3px solid #14A5EF;
  padding: 30px 15px;
  position: relative;
  margin-bottom: 40px;
  text-align: center;
  font-size: 33px;
}

/* line 488, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec5__head > span {
  color: #14A5EF;
}

/* line 491, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec5__head::after {
  content: "";
  background: #fff;
  border-bottom: 3px solid #14A5EF;
  border-right: 3px solid #14A5EF;
  width: 19px;
  height: 19px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -2px;
  -webkit-transform: translateY(50%) rotate(45deg);
          transform: translateY(50%) rotate(45deg);
}

/* line 506, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec5__headline {
  text-align: center;
  font-size: 31px;
  font-weight: bold;
  margin-bottom: 20px;
}

/* line 511, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec5__headline > span {
  position: relative;
}

/* line 513, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec5__headline > span::after {
  content: "";
  width: 100%;
  height: 4px;
  background: #FCEE00;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -5px;
}

/* line 525, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec5__frame {
  background: #fff;
  border-radius: 11px;
  padding: 50px 20px 20px;
  margin-bottom: 30px;
  position: relative;
}

/* line 532, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec5__point {
  background: #FCEE00;
  border-radius: 6px;
  color: #14A5EF;
  font-size: 17px;
  font-weight: bold;
  padding: 0px 10px;
  position: absolute;
  top: 10px;
  left: 10px;
}

/* line 543, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec5__img {
  text-align: center;
  margin-bottom: 20px;
}

/* line 547, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec5__text {
  font-size: 32px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 5px;
  line-height: 1.5;
}

/* line 553, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec5__text > span {
  font-size: 34px;
  font-weight: bold;
  color: #2E3192;
}

/* line 559, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec5__note {
  font-size: 16px;
  line-height: 1.5;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}

@media (max-width: 767px) {
  /* line 471, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-sec5 {
    padding: 30px 15px;
  }
  /* line 569, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-sec5__head {
    border-radius: 8px;
    border-width: 2px;
    padding: 20px 15px;
    margin-bottom: 25px;
    font-size: 23px;
  }
  /* line 575, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-sec5__head::after {
    border-width: 2px;
    width: 14px;
    height: 14px;
    bottom: -2px;
  }
  /* line 582, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-sec5__headline {
    font-size: 22px;
    margin-bottom: 20px;
  }
  /* line 586, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-sec5__headline > span::after {
    height: 3px;
    bottom: -5px;
  }
  /* line 592, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-sec5__frame {
    border-radius: 8px;
    padding: 40px 15px 20px;
    margin-bottom: 20px;
  }
  /* line 597, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-sec5__point {
    border-radius: 5px;
    font-size: 12px;
    padding: 0px 7px;
    top: 7px;
    left: 7px;
  }
  /* line 604, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-sec5__img {
    margin-bottom: 15px;
  }
  /* line 606, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-sec5__img--1 img {
    width: 216px;
  }
  /* line 609, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-sec5__img--2 img {
    width: 165px;
  }
  /* line 613, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-sec5__text {
    font-size: 23px;
    margin-bottom: 5px;
  }
  /* line 616, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-sec5__text > span {
    font-size: 24px;
  }
  /* line 620, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-sec5__note {
    font-size: 11px;
  }
}

/* line 626, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec6 {
  padding: 100px 20px;
}

/* line 628, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec6__text {
  text-align: center;
  font-weight: bold;
  font-size: 30px;
  margin-bottom: 25px;
}

/* line 633, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec6__text > span {
  position: relative;
  display: inline-block;
  padding: 0 35px;
}

/* line 637, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec6__text > span::before, .p-exchange-sec6__text > span::after {
  content: "";
  width: 35px;
  height: 1px;
  background: #333;
  position: absolute;
  top: 50%;
}

/* line 646, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec6__text > span:before {
  left: 0;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}

/* line 650, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec6__text > span:after {
  right: 0;
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
}

/* line 656, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec6__bnr {
  text-align: center;
}

/* line 658, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-sec6__bnr img {
  width: 600px;
  max-width: 100%;
}

@media (max-width: 767px) {
  /* line 626, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-sec6 {
    padding: 30px 15px;
  }
  /* line 665, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-sec6__text {
    font-size: 19px;
    margin-bottom: 15px;
  }
  /* line 668, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-sec6__text > span {
    padding: 0 38px;
  }
  /* line 670, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-sec6__text > span::before, .p-exchange-sec6__text > span::after {
    content: "";
    width: 54px;
    top: 50%;
  }
  /* line 676, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-sec6__text > span:before {
    left: 0;
    -webkit-transform: translateY(-50%) rotate(68deg);
            transform: translateY(-50%) rotate(68deg);
  }
  /* line 680, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-sec6__text > span:after {
    right: 0;
    -webkit-transform: translateY(-50%) rotate(-68deg);
            transform: translateY(-50%) rotate(-68deg);
  }
  /* line 686, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-sec6__bnr {
    text-align: center;
  }
}

/* line 695, app/assets/stylesheets/mypage/import/_exchange.scss */
.bl-5g-about-faq-wrap {
  width: 660px;
  max-width: 100%;
  margin: auto;
  line-height: 1.5;
}

/* line 701, app/assets/stylesheets/mypage/import/_exchange.scss */
.bl-5g-about-faq-head {
  font-size: 35px;
  color: #1992eb;
  text-align: center;
  position: relative;
  margin-bottom: 30px;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* line 710, app/assets/stylesheets/mypage/import/_exchange.scss */
.bl-5g-about-faq-head::before {
  content: "";
  background: url(/assets/5g_lp/svg/icon-faq-217cb6e456e01eb841c734e1868ca82eddd6f5f04d97aa60502bc0a10d5e065d.svg) no-repeat top 50% left 50%/contain;
  width: 110px;
  height: 94px;
  margin-right: 30px;
}

@media (max-width: 768px) {
  /* line 701, app/assets/stylesheets/mypage/import/_exchange.scss */
  .bl-5g-about-faq-head {
    font-size: 15px;
    margin-bottom: 15px;
  }
  /* line 720, app/assets/stylesheets/mypage/import/_exchange.scss */
  .bl-5g-about-faq-head::before {
    width: 47px;
    height: 40px;
    margin-right: 20px;
  }
}

/* line 729, app/assets/stylesheets/mypage/import/_exchange.scss */
.faq5g-grad {
  text-align: left;
}

@media (max-width: 767px) {
  /* line 729, app/assets/stylesheets/mypage/import/_exchange.scss */
  .faq5g-grad {
    margin-bottom: 2rem;
  }
}

/* line 734, app/assets/stylesheets/mypage/import/_exchange.scss */
.faq5g-grad .number span {
  display: block;
  background: url(/assets/5g_lp/svg/baloon-blue2-c130388fd14e8fd7b332d80afde45bcf4da2ed4f26e5e168a9526a7992e5d9d8.svg) no-repeat top 50% left 50%;
  background-size: contain;
  color: #ffffff;
  text-align: center;
  width: 45px;
  height: 45px;
  font-size: 20px;
  line-height: 40px;
}

@media (max-width: 767px) {
  /* line 734, app/assets/stylesheets/mypage/import/_exchange.scss */
  .faq5g-grad .number span {
    width: 30px;
    height: 30px;
    font-size: 12px;
    line-height: 27px;
  }
}

/* line 751, app/assets/stylesheets/mypage/import/_exchange.scss */
.faq5g-grad .grad-trigger {
  display: none;
}

/* line 755, app/assets/stylesheets/mypage/import/_exchange.scss */
.faq5g-grad .accordion-top-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  border: 1px solid #e6e6e6;
  background-color: #fff;
  padding: 20px 20px;
}

@media (max-width: 767px) {
  /* line 755, app/assets/stylesheets/mypage/import/_exchange.scss */
  .faq5g-grad .accordion-top-inner {
    padding: 10px;
  }
}

/* line 767, app/assets/stylesheets/mypage/import/_exchange.scss */
.faq5g-grad .accordion-top-item.number {
  -ms-flex-preferred-size: 65px;
      flex-basis: 65px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

@media (max-width: 767px) {
  /* line 767, app/assets/stylesheets/mypage/import/_exchange.scss */
  .faq5g-grad .accordion-top-item.number {
    -ms-flex-preferred-size: 30px;
        flex-basis: 30px;
  }
}

/* line 774, app/assets/stylesheets/mypage/import/_exchange.scss */
.faq5g-grad .accordion-top-item.text {
  color: #3e4549;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  font-size: 24px;
  margin: 0 5px 0 0;
}

@media (max-width: 767px) {
  /* line 774, app/assets/stylesheets/mypage/import/_exchange.scss */
  .faq5g-grad .accordion-top-item.text {
    margin: 0 5px;
    font-size: 10px;
  }
}

/* line 784, app/assets/stylesheets/mypage/import/_exchange.scss */
.faq5g-grad .accordion-top-item.icon {
  font-size: 5rem;
}

@media (max-width: 768px) {
  /* line 784, app/assets/stylesheets/mypage/import/_exchange.scss */
  .faq5g-grad .accordion-top-item.icon {
    font-size: 2rem;
  }
}

/* line 789, app/assets/stylesheets/mypage/import/_exchange.scss */
.faq5g-grad .accordion-top-item.icon > span {
  display: grid;
}

/* line 793, app/assets/stylesheets/mypage/import/_exchange.scss */
.faq5g-grad .accordion-top-item .icon-open:before {
  font-size: 3rem;
}

@media (max-width: 768px) {
  /* line 793, app/assets/stylesheets/mypage/import/_exchange.scss */
  .faq5g-grad .accordion-top-item .icon-open:before {
    font-size: 20px;
  }
}

/* line 801, app/assets/stylesheets/mypage/import/_exchange.scss */
.faq5g-grad .accordion-bottom-inner .number {
  -ms-flex-preferred-size: 65px;
      flex-basis: 65px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* line 804, app/assets/stylesheets/mypage/import/_exchange.scss */
.faq5g-grad .accordion-bottom-inner .number img {
  width: 45px;
}

@media (max-width: 767px) {
  /* line 801, app/assets/stylesheets/mypage/import/_exchange.scss */
  .faq5g-grad .accordion-bottom-inner .number {
    -ms-flex-preferred-size: 30px;
        flex-basis: 30px;
  }
}

/* line 811, app/assets/stylesheets/mypage/import/_exchange.scss */
.faq5g-grad .accordion-bottom-inner .text {
  font-size: 24px;
}

/* line 813, app/assets/stylesheets/mypage/import/_exchange.scss */
.faq5g-grad .accordion-bottom-inner .text span {
  color: #ff0000;
  font-weight: bold;
}

/* line 817, app/assets/stylesheets/mypage/import/_exchange.scss */
.faq5g-grad .accordion-bottom-inner .text > small {
  font-size: 19px;
}

@media (max-width: 768px) {
  /* line 811, app/assets/stylesheets/mypage/import/_exchange.scss */
  .faq5g-grad .accordion-bottom-inner .text {
    font-size: 10px;
  }
  /* line 822, app/assets/stylesheets/mypage/import/_exchange.scss */
  .faq5g-grad .accordion-bottom-inner .text > small {
    font-size: 10px;
  }
}

/* line 831, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-cta {
  background: #14A5EF;
  padding: 50px 20px;
  text-align: center;
}

/* line 835, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-cta__btn {
  display: inline-block;
  max-width: 100%;
  width: 350px;
  height: 95px;
  text-align: center;
  color: #fff;
  font-size: 26px;
  font-weight: bold;
  text-decoration: none;
  background: #FD7680;
  border-radius: 48px;
  -webkit-box-shadow: 0 2px 0px #7d7d7d;
          box-shadow: 0 2px 0px #7d7d7d;
}

/* line 848, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-cta__btn > span {
  font-size: 17px;
}

/* line 851, app/assets/stylesheets/mypage/import/_exchange.scss */
.p-exchange-cta__btn:hover {
  color: #fff;
  text-decoration: none;
  opacity: .7;
}

@media (max-width: 767px) {
  /* line 831, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-cta {
    padding: 30px 20px;
  }
  /* line 859, app/assets/stylesheets/mypage/import/_exchange.scss */
  .p-exchange-cta__btn {
    height: 66px;
    line-height: 66px;
    font-size: 26px;
    border-radius: 48px;
  }
}

/* line 1, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-mv {
  text-align: center;
  background: -webkit-gradient(linear, right top, left top, color-stop(0.03%, #008ae7), color-stop(21.77%, #0898eb), color-stop(62.63%, #1dbcf5), color-stop(99.87%, #34e3ff));
  background: -webkit-linear-gradient(right, #008ae7 0.03%, #0898eb 21.77%, #1dbcf5 62.63%, #34e3ff 99.87%);
  background: linear-gradient(-90deg, #008ae7 0.03%, #0898eb 21.77%, #1dbcf5 62.63%, #34e3ff 99.87%);
}

/* line 11, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-mv__wrap {
  margin: 0 auto;
  max-width: 960px;
  padding: 0px 0 0px;
}

@media (max-width: 991px) {
  /* line 1, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-mv {
    margin-top: 49px;
    padding-top: 20px;
  }
}

/* line 22, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-cta1 {
  background: #1992EB;
  text-align: center;
  padding: 20px 15px;
}

/* line 26, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-cta1__text {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}

@media (max-width: 768px) {
  /* line 33, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-cta1__text {
    font-size: 15px;
    margin-bottom: 10px;
  }
  /* line 38, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-cta1__img img {
    max-width: 300px;
  }
}

/* line 45, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-cta2 {
  background: #1992EB;
  padding: 0px 15px;
}

/* line 48, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-cta2__wrap {
  position: relative;
  width: 800px;
  max-width: 100%;
  margin: auto;
  padding: 20px 0;
}

/* line 55, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-cta2__text1 {
  font-size: 35px;
  margin-bottom: 10px;
  font-weight: bold;
  color: #fff;
  line-height: 1.3;
}

/* line 61, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-cta2__text1 > small {
  font-size: 35px;
}

/* line 64, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-cta2__text1 > span {
  color: #ffff00;
}

/* line 68, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-cta2__text2 {
  text-align: center;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 10px;
}

/* line 75, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-cta2__btn {
  text-align: center;
}

/* line 77, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-cta2__btn img {
  width: 285px;
}

/* line 81, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-cta2__img {
  position: absolute;
  right: 0;
  bottom: 0;
}

@media (max-width: 768px) {
  /* line 45, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-cta2 {
    padding: 0px 0px 0 15px;
  }
  /* line 88, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-cta2__wrap {
    padding: 10px 0;
  }
  /* line 91, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-cta2__text1 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  /* line 94, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-cta2__text1 > small {
    font-size: 16px;
  }
  /* line 98, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-cta2__text2 {
    text-align: left;
    font-size: 10px;
    margin-bottom: 10px;
  }
  /* line 103, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-cta2__btn {
    text-align: left;
  }
  /* line 105, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-cta2__btn img {
    width: 180px;
  }
  /* line 109, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-cta2__img {
    width: 150px;
  }
}

/* line 115, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-cta3 {
  background: #1992EB;
  padding: 20px 15px;
  text-align: center;
}

/* line 122, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-cta3__text1 {
  font-size: 30px;
  margin-bottom: 20px;
  font-weight: bold;
  color: #fff;
  line-height: 1.3;
}

/* line 128, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-cta3__text1 > span {
  color: #ffff00;
}

/* line 132, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-cta3__text2 {
  text-align: center;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}

/* line 139, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-cta3__btn {
  text-align: center;
}

/* line 141, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-cta3__btn img {
  width: 380px;
}

@media (max-width: 768px) {
  /* line 115, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-cta3 {
    padding: 0px 0px 0 15px;
  }
  /* line 147, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-cta3__wrap {
    padding: 10px 0;
  }
  /* line 150, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-cta3__text1 {
    font-size: 18px;
    margin-bottom: 10px;
  }
  /* line 153, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-cta3__text1 > small {
    font-size: 16px;
  }
  /* line 157, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-cta3__text2 {
    font-size: 13px;
    margin-bottom: 10px;
  }
  /* line 162, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-cta3__btn img {
    width: 240px;
  }
}

/* line 169, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-lead {
  padding: 80px 20px 50px;
}

/* line 173, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-lead__headline {
  font-size: 43px;
  font-weight: bold;
  margin-bottom: 50px;
  text-align: center;
}

/* line 179, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-lead__youtube-wrap {
  width: 730px;
  max-width: 100%;
  margin: auto;
}

/* line 184, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-lead__youtube {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin-bottom: 70px;
}

/* line 190, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-lead__youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 198, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-lead__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

/* line 201, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-lead__wrap:not(:last-child) {
  margin-bottom: 50px;
}

/* line 207, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-lead__img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* line 210, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-lead__headline2 {
  font-size: 32px;
  font-weight: bold;
  color: #0080FF;
  margin-bottom: 10px;
}

/* line 215, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-lead__headline2 > span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(75%, transparent), color-stop(75%, #ff0));
  background: -webkit-linear-gradient(transparent 75%, #ff0 75%);
  background: linear-gradient(transparent 75%, #ff0 75%);
}

/* line 219, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-lead__text {
  font-size: 25px;
  font-weight: 500;
  line-height: 1.6;
}

/* line 224, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-lead__img2 {
  text-align: center;
}

@media (max-width: 768px) {
  /* line 169, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-lead {
    padding: 30px 15px 30px;
  }
  /* line 231, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-lead__headline {
    font-size: 20px;
    margin-bottom: 30px;
  }
  /* line 235, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-lead__youtube {
    margin-bottom: 30px;
  }
  /* line 239, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-lead__wrap:not(:last-child) {
    margin-bottom: 30px;
  }
  /* line 246, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-lead__img--1 {
    width: 135px;
  }
  /* line 249, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-lead__img--2 {
    width: 108px;
  }
  /* line 252, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-lead__img--3 {
    width: 117px;
  }
  /* line 256, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-lead__headline2 {
    font-size: 15px;
    margin-bottom: 10px;
  }
  /* line 260, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-lead__text {
    font-size: 12px;
  }
}

/* line 266, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-support {
  padding: 70px 20px 60px;
  background: #CEEFFF;
}

/* line 269, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-support__container {
  width: 720px;
  max-width: 100%;
  margin: auto;
}

/* line 274, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-support__h2 {
  font-size: 43px;
  font-weight: bold;
  margin-bottom: 50px;
  text-align: center;
}

/* line 280, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-support__wrap {
  background: #fff;
  border-radius: 25px;
  padding: 30px 40px;
  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;
  line-height: 1.6;
}

/* line 288, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-support__wrap:not(:last-child) {
  margin-bottom: 25px;
}

/* line 292, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-support__content {
  width: 65%;
}

/* line 297, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-support__point {
  font-size: 17px;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* line 303, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-support__point > span:first-child {
  background: #0080FF;
  color: #fff;
  padding: 1px 14px;
  letter-spacing: .1em;
}

/* line 309, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-support__point > span:last-child {
  font-size: 34px;
  color: #0080FF;
  background: #fff;
  border-radius: 50%;
  border: 2px solid #0080FF;
  width: 48px;
  height: 48px;
  line-height: 44px;
  text-align: center;
  margin-left: -10px;
}

/* line 323, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-support__headline {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 10px;
}

/* line 328, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-support__text {
  font-size: 21px;
  font-weight: 500;
}

/* line 332, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-support__link {
  color: #000;
  text-decoration: underline;
  display: inline-block;
  margin-top: 20px;
  font-size: 19px;
  position: relative;
  padding-right: 40px;
}

/* line 340, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-support__link::after {
  content: "";
  background: url(/assets/hikari_norikae/icon_link-f08c42de25894d3e625eab1a766929c1bb1f4cdf638ddfcf34418902e3c00394.svg) no-repeat top 50% left 50%/contain;
  width: 31px;
  height: 21px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

/* line 352, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-support-modal__headline {
  font-size: 38px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}

/* line 358, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-support-modal__text1 {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}

/* line 364, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-support-modal__img {
  text-align: center;
  margin-bottom: 30px;
}

/* line 368, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-support-modal__text2 {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}

@media (max-width: 768px) {
  /* line 266, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-support {
    padding: 30px 20px;
  }
  /* line 378, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-support__h2 {
    font-size: 20px;
    margin-bottom: 30px;
  }
  /* line 382, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-support__wrap {
    border-radius: 12px;
    padding: 10px 20px;
  }
  /* line 385, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-support__wrap:not(:last-child) {
    margin-bottom: 15px;
  }
  /* line 389, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-support__content {
    width: 67%;
  }
  /* line 392, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-support__img {
    width: 28%;
  }
  /* line 395, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-support__point {
    font-size: 8px;
  }
  /* line 398, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-support__point > span:first-child {
    padding: 1px 14px 1px 5px;
  }
  /* line 401, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-support__point > span:last-child {
    font-size: 16px;
    border: 1px solid #0080FF;
    width: 22px;
    height: 22px;
    line-height: 18px;
    margin-left: -10px;
  }
  /* line 411, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-support__headline {
    font-size: 15px;
    margin-bottom: 5px;
  }
  /* line 415, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-support__text {
    font-size: 10px;
  }
  /* line 418, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-support__link {
    margin-top: 5px;
    font-size: 9px;
    padding-right: 20px;
  }
  /* line 422, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-support__link::after {
    width: 15px;
    height: 10px;
  }
  /* line 428, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-support-modal__headline {
    font-size: 19px;
    margin-bottom: 20px;
  }
  /* line 432, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-support-modal__text1 {
    margin-bottom: 10px;
    font-size: 9px;
  }
  /* line 436, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-support-modal__img {
    margin-bottom: 20px;
  }
  /* line 439, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-support-modal__text2 {
    font-size: 15px;
    margin-bottom: 10px;
  }
}

/* line 448, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-flow {
  padding: 80px 20px 70px;
  line-height: 1.6;
}

/* line 451, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-flow__container {
  width: 720px;
  max-width: 100%;
  margin: auto;
}

/* line 456, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-flow__h2 {
  font-size: 43px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 70px;
}

/* line 462, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-flow-step {
  margin-bottom: 130px;
}

/* line 464, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-flow-step__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

/* line 467, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-flow-step__item:not(:last-child) {
  padding-bottom: 100px;
  position: relative;
}

/* line 470, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-flow-step__item:not(:last-child)::after {
  content: "";
  background: url(/assets/hikari_norikae/arrow@2x-e94d956d3b27eebd1c34d8764a07e86112520ecd4a8edaf6f3168f74be697d3b.png) no-repeat top 50% left 50%/contain;
  width: 159px;
  height: 48px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 20px;
}

/* line 483, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-flow-step__head {
  width: 130px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 20px;
}

/* line 488, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-flow-step__step {
  width: 130px;
  height: 123px;
  background: url(/assets/hikari_norikae/step@2x-727c30646e767e164ae5f663841af16149bd21e7e38479e18de3689bc7dcc48f.png) no-repeat top 50% left 50%/contain;
  font-size: 25px;
  line-height: 1.2;
  text-align: center;
  color: #0080FF;
  font-weight: bold;
  padding-top: 18px;
  margin-bottom: 10px;
}

/* line 499, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-flow-step__step > span {
  font-size: 38px;
}

/* line 503, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-flow-step__text1 {
  font-size: 17px;
  text-align: center;
  font-weight: 500;
}

/* line 511, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-flow-step__headline {
  color: #0080FF;
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 20px;
}

/* line 517, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-flow-step__text2 {
  font-size: 23px;
  font-weight: 500;
}

/* line 521, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-flow-step__btn {
  display: inline-block;
  margin-top: 20px;
}

/* line 526, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-flow-frame {
  position: relative;
  background: #CAEEFF;
  padding: 80px 40px 45px;
}

/* line 530, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-flow-frame__head {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: auto;
  font-size: 42px;
  color: #0080FF;
  font-weight: bold;
  background: #fff;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 10px 30px;
  border: 4px solid #0080FF;
}

/* line 544, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-flow-frame__head > span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(75%, transparent), color-stop(75%, #ff0));
  background: -webkit-linear-gradient(transparent 75%, #ff0 75%);
  background: linear-gradient(transparent 75%, #ff0 75%);
}

/* line 548, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-flow-frame__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

/* line 555, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-flow-frame__headline {
  font-size: 35px;
  font-weight: bold;
  color: #0080FF;
  margin-bottom: 30px;
}

/* line 561, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-flow-frame__text {
  font-size: 23px;
  font-weight: 500;
}

/* line 565, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-flow-frame__img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 20px;
}

@media (max-width: 768px) {
  /* line 448, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-flow {
    padding: 40px 20px 30px;
  }
  /* line 574, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-flow__h2 {
    font-size: 20px;
    margin-bottom: 20px;
  }
  /* line 578, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-flow-step {
    margin-bottom: 80px;
  }
  /* line 581, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-flow-step__item:not(:last-child) {
    padding-bottom: 50px;
  }
  /* line 583, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-flow-step__item:not(:last-child)::after {
    width: 75px;
    height: 23px;
    bottom: 12px;
  }
  /* line 590, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-flow-step__head {
    width: 61px;
    margin-right: 20px;
  }
  /* line 594, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-flow-step__step {
    width: 61px;
    height: 58px;
    font-size: 12px;
    padding-top: 10px;
    margin-bottom: 5px;
  }
  /* line 600, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-flow-step__step > span {
    font-size: 18px;
  }
  /* line 604, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-flow-step__text1 {
    font-size: 8px;
  }
  /* line 610, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-flow-step__headline {
    font-size: 15px;
    margin-bottom: 10px;
  }
  /* line 614, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-flow-step__text2 {
    font-size: 11px;
  }
  /* line 617, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-flow-step__btn {
    margin-top: 10px;
    width: 128px;
  }
  /* line 622, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-flow-frame {
    padding: 40px 20px 20px;
  }
  /* line 624, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-flow-frame__head {
    font-size: 20px;
    padding: 10px 20px;
    border: 2px solid #0080FF;
  }
  /* line 636, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-flow-frame__headline {
    font-size: 16px;
    margin-bottom: 10px;
  }
  /* line 640, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-flow-frame__text {
    font-size: 11px;
  }
  /* line 643, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-flow-frame__img {
    width: 91px;
    margin-left: 20px;
  }
}

/* line 651, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-line {
  background: #CEEFFF;
  padding: 70px 20px 50px;
  line-height: 1.6;
}

/* line 655, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-line__h2 {
  text-align: center;
  font-size: 43px;
  font-weight: bold;
  margin-bottom: 40px;
}

/* line 661, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-line__wrap {
  width: 720px;
  max-width: 100%;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/* line 669, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-line__item {
  width: 48.5%;
  margin-bottom: 15px;
  border-radius: 25px;
  border: 4px solid #0080FF;
  padding: 35px 32px;
  background: #fff;
}

/* line 677, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-line__logo {
  margin-bottom: 30px;
  text-align: center;
}

/* line 682, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-line__list ul {
  margin: 0;
}

/* line 685, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-line__list li {
  font-size: 25px;
  line-height: 1.68;
  padding-left: 25px;
  position: relative;
}

/* line 690, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-line__list li::before {
  content: "";
  width: 20px;
  height: 20px;
  background: #0080FF;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 13px;
}

@media (max-width: 768px) {
  /* line 651, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-line {
    padding: 35px 20px 15px;
  }
  /* line 704, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-line__h2 {
    font-size: 20px;
    margin-bottom: 20px;
  }
  /* line 710, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-line__item {
    margin-bottom: 20px;
    border-radius: 12px;
    border: 2px solid #0080FF;
    padding: 20px 15px;
  }
  /* line 716, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-line__logo {
    margin-bottom: 15px;
  }
  /* line 723, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-line__list li {
    font-size: 12px;
    padding-left: 15px;
  }
  /* line 726, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-line__list li::before {
    content: "";
    width: 10px;
    height: 10px;
    top: 6px;
  }
}

/* line 737, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-faq {
  padding: 70px 20px;
  line-height: 1.6;
}

/* line 740, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-faq__container {
  width: 800px;
  max-width: 100%;
  margin: auto;
}

/* line 745, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.p-hikari-norikae-faq__h2 {
  font-size: 43px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 50px;
}

@media (max-width: 768px) {
  /* line 737, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-faq {
    padding: 30px 20px;
  }
  /* line 755, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .p-hikari-norikae-faq__h2 {
    font-size: 20px;
    margin-bottom: 30px;
  }
}

/* line 762, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.bl-5g-faq {
  max-width: 800px;
  margin: auto;
  text-align: center;
  padding: 70px 0;
}

@media (max-width: 768px) {
  /* line 762, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .bl-5g-faq {
    padding: 50px 10px;
  }
}

/* line 770, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.bl-5g-faq-h2 {
  font-size: 50px;
  margin-bottom: 50px;
  padding-top: 120px;
  position: relative;
}

/* line 775, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.bl-5g-faq-h2::before {
  content: "";
  background: url(/assets/5g_lp/svg/faq-9d09075bd019760974e63d3777cb5ac410bd71cc6bf3d7773d2c57f2eaef6a6d.svg) no-repeat top 50% left 50%/contain;
  width: 107px;
  height: 104px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
}

@media (max-width: 768px) {
  /* line 770, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .bl-5g-faq-h2 {
    font-size: 25px;
    margin-bottom: 30px;
    padding-top: 55px;
  }
  /* line 790, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .bl-5g-faq-h2::before {
    width: 37px;
    height: 45px;
  }
}

/* line 795, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.bl-5g-faq-h2-2 {
  font-size: 50px;
  margin-bottom: 50px;
}

@media (max-width: 768px) {
  /* line 795, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .bl-5g-faq-h2-2 {
    font-size: 25px;
    margin-bottom: 30px;
  }
}

/* line 804, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.bl-5g-faq-h3 {
  font-size: 33px;
  margin-bottom: 50px;
}

/* line 807, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.bl-5g-faq-h3 > span {
  padding-left: 45px;
  padding-bottom: 10px;
  position: relative;
}

/* line 811, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.bl-5g-faq-h3 > span::before {
  content: "";
  background: url(/assets/5g_lp/svg/arrows-right-98122b2b561f35b8c7b5df01deb0254f8a25974ae75d063c7415f2e87bb46115.svg) no-repeat top 50% left 50%/contain;
  width: 29px;
  height: 23px;
  position: absolute;
  left: 0;
  top: 13px;
}

@media (max-width: 768px) {
  /* line 804, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .bl-5g-faq-h3 {
    font-size: 18px;
    margin-bottom: 20px;
  }
  /* line 824, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .bl-5g-faq-h3 > span {
    padding-left: 20px;
    padding-bottom: 10px;
    position: relative;
  }
  /* line 828, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .bl-5g-faq-h3 > span::before {
    width: 12px;
    height: 10px;
    left: 0;
    top: 8px;
  }
}

/* line 838, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.bl-5g-faq-wrap:not(:last-child) {
  margin-bottom: 100px;
}

@media (max-width: 768px) {
  /* line 838, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .bl-5g-faq-wrap:not(:last-child) {
    margin-bottom: 70px;
  }
}

/* line 845, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.bl-5g-faq-item {
  text-align: left;
  border-top: 2px solid #c6c6c6;
}

/* line 848, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.bl-5g-faq-item:last-child {
  border-bottom: 2px solid #c6c6c6;
}

/* line 852, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.bl-5g-faq-question {
  padding: 20px 80px 20px 0;
  font-size: 31px;
  font-weight: bold;
  position: relative;
  cursor: pointer;
}

/* line 858, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.bl-5g-faq-question::after {
  content: "";
  width: 25px;
  height: 25px;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

@media (max-width: 768px) {
  /* line 852, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .bl-5g-faq-question {
    padding: 10px 50px 10px 0;
    font-size: 14px;
  }
  /* line 878, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .bl-5g-faq-question::after {
    width: 13px;
    height: 13px;
    right: 20px;
  }
}

/* line 885, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.bl-5g-faq-answer {
  padding: 30px;
  background: #f2f6f9;
  font-size: 23px;
  display: none;
}

@media (max-width: 768px) {
  /* line 885, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .bl-5g-faq-answer {
    padding: 15px;
    font-size: 12px;
  }
}

/* line 895, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.bl-5g-faq-answer-text + p {
  margin-top: 30px;
}

/* line 899, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.bl-5g-faq-answer-text2 {
  font-size: 28px;
  margin-bottom: 20px;
  text-align: center;
  font-weight: bold;
}

/* line 905, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.bl-5g-faq-answer-btn {
  text-align: center;
}

/* line 907, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.bl-5g-faq-answer-btn .bl-5g-btn {
  width: 100%;
}

/* line 912, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.bl-5g-faq-line {
  margin-bottom: 50px;
}

/* line 914, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.bl-5g-faq-line-text {
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  margin: 0 auto 20px;
}

/* line 920, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.bl-5g-faq-line-btn {
  display: block;
  background: #00B900;
  font-weight: bold;
  font-size: 20px;
  color: #fff;
  width: 300px;
  margin: auto;
  padding: 20px;
  border-radius: 10px;
  text-align: center;
  text-decoration: none;
}

/* line 932, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.bl-5g-faq-line-btn:hover {
  color: #fff;
  text-decoration: none;
}

@media (max-width: 768px) {
  /* line 912, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .bl-5g-faq-line {
    margin-bottom: 40px;
  }
  /* line 939, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .bl-5g-faq-line-text {
    font-size: 15px;
    margin: 0 auto 10px;
  }
  /* line 943, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .bl-5g-faq-line-btn {
    font-size: 16px;
    padding: 15px;
  }
}

/* line 949, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.bl-5g-faq-btn {
  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;
}

/* line 953, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
.bl-5g-faq-btn-item {
  width: 48%;
}

@media (max-width: 768px) {
  /* line 949, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .bl-5g-faq-btn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  /* line 958, app/assets/stylesheets/mypage/import/_hikari-norikae.scss */
  .bl-5g-faq-btn-item {
    width: 90%;
    margin-bottom: 20px;
  }
}

/* line 1, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis-header {
  background: -webkit-gradient(linear, right top, left top, color-stop(0.03%, #008ae7), color-stop(21.77%, #0898eb), color-stop(62.63%, #1dbcf5), color-stop(99.87%, #34e3ff));
  background: -webkit-linear-gradient(right, #008ae7 0.03%, #0898eb 21.77%, #1dbcf5 62.63%, #34e3ff 99.87%);
  background: linear-gradient(-90deg, #008ae7 0.03%, #0898eb 21.77%, #1dbcf5 62.63%, #34e3ff 99.87%);
  height: 220px;
  display: grid;
  place-items: center;
}

@media (max-width: 991px) {
  /* line 1, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
  .p-hikari-analysis-header {
    margin-top: 49px;
  }
}

@media (max-width: 768px) {
  /* line 1, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
  .p-hikari-analysis-header {
    height: 136px;
  }
  /* line 17, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
  .p-hikari-analysis-header img {
    max-width: 95%;
  }
}

/* line 24, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis__container {
  padding: 40px 20px 60px;
  line-height: 1.4;
}

/* line 28, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis__container2 {
  width: 770px;
  max-width: 100%;
  margin: auto;
  padding: 40px 20px 60px;
  line-height: 1.4;
}

/* line 35, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis__headline {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 40px;
  text-align: center;
}

/* line 40, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis__headline > span {
  font-size: 27px;
  display: block;
  color: #0080ff;
  margin-bottom: 20px;
}

/* line 47, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis__headline2 {
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 15px;
}

/* line 52, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis__headline3 {
  font-size: 43px;
  font-weight: bold;
  margin-bottom: 50px;
  text-align: center;
}

/* line 58, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis__headline4 {
  font-size: 33px;
  font-weight: bold;
  margin-bottom: 15px;
}

/* line 63, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis__text {
  font-size: 27px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
}

/* line 71, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis-radio {
  width: 450px;
  max-width: 100%;
  margin: 0 auto 50px;
}

/* line 75, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis-radio input[type="radio"] {
  position: relative;
  width: 22px;
  height: 22px;
  margin-right: 5px;
  border: 1px solid #000;
  border-radius: 50%;
  vertical-align: -2px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* line 86, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis-radio input[type="radio"]:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 13px;
  height: 13px;
  border-radius: 50%;
  border: 1px solid #000;
}

/* line 97, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis-radio input[type="radio"]:checked:before {
  background: #000;
}

/* line 100, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis-radio input[type="radio"]:focus {
  outline: none;
}

/* line 103, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis-radio input[type="radio"] + label {
  padding: 0;
  font-size: 25px;
  font-weight: 500;
}

/* line 107, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis-radio input[type="radio"] + label::before, .p-hikari-analysis-radio input[type="radio"] + label::after {
  content: none !important;
}

/* line 114, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis-type {
  width: 510px;
  max-width: 100%;
  margin: 0 auto 70px;
}

/* line 118, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis-type__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

/* line 122, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis-type__item {
  width: 48.5%;
}

/* line 124, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis-type__item input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: none;
}

/* line 130, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis-type__item input[type="radio"]:checked + label {
  border-color: #0080ff;
  color: #0080ff;
}

/* line 133, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis-type__item input[type="radio"]:checked + label img {
  -webkit-filter: invert(44%) sepia(100%) saturate(4007%) hue-rotate(194deg) brightness(98%) contrast(111%);
          filter: invert(44%) sepia(100%) saturate(4007%) hue-rotate(194deg) brightness(98%) contrast(111%);
}

/* line 138, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis-type__item input[type="radio"] + label {
  border-radius: 18px;
  border: 3px solid #b3b3b3;
  padding: 45px 20px 30px;
  display: block;
  cursor: pointer;
}

/* line 144, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis-type__item input[type="radio"] + label::before, .p-hikari-analysis-type__item input[type="radio"] + label::after {
  content: none !important;
}

/* line 150, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis-type__img {
  text-align: center;
  margin-bottom: 20px;
}

/* line 153, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis-type__img img {
  -webkit-transition: none;
  transition: none;
}

/* line 157, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis-type__img--single img {
  width: 105px;
  height: 99px;
}

/* line 163, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis-type__img--apartment img {
  width: 117px;
  height: 97px;
}

/* line 169, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis-type__text {
  text-align: center;
  font-size: 25px;
  font-weight: 500;
}

/* line 175, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis-postcode {
  width: 510px;
  max-width: 100%;
  margin: 0 auto 70px;
}

/* line 179, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis-postcode input {
  width: 100%;
  padding: 13px;
  border-radius: 3px;
  border: 3px solid #b3b3b3;
  font-size: 25px;
}

/* line 187, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis-postcode, .p-hikari-analysis-email, .p-hikari-analysis-contract-num {
  width: 510px;
  max-width: 100%;
  margin: 0 auto 70px;
}

/* line 193, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis-postcode input, .p-hikari-analysis-email input, .p-hikari-analysis-contract-num input {
  width: 100%;
  padding: 15px 13px;
  border-radius: 3px;
  border: 3px solid #b3b3b3;
  font-size: 25px;
}

/* line 201, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis-check {
  width: 510px;
  max-width: 100%;
  margin: 0 auto 70px;
}

/* line 205, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis-check__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* line 208, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis-check__item:not(:last-child) {
  margin-bottom: 15px;
}

/* line 212, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis-check input[type="checkbox"] {
  margin: 0 13px 0 0;
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
}

/* line 217, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis-check input[type="checkbox"] + label {
  margin: 0;
  font-size: 25px;
  font-weight: 500;
}

/* line 221, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis-check input[type="checkbox"] + label::before, .p-hikari-analysis-check input[type="checkbox"] + label::after {
  content: none;
}

/* line 227, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis__btn {
  display: block;
  width: 450px;
  max-width: 100%;
  margin: auto;
  padding: 20px 0;
  border: none;
  border-radius: 41px;
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background: #ff5865;
  -webkit-box-shadow: 0px 9px 0px 0px #949494;
          box-shadow: 0px 9px 0px 0px #949494;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  position: relative;
  cursor: pointer;
}

/* line 244, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis__btn::after {
  content: "";
  width: 12px;
  height: 12px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}

/* line 255, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis__btn:hover, .p-hikari-analysis__btn:focus {
  opacity: 0.7;
  color: #fff;
  background: #ff5865;
  text-decoration: none;
}

/* line 263, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis__num {
  font-size: 25px;
  font-weight: 500;
  text-align: center;
  margin-top: 40px;
}

/* line 269, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis__result {
  width: 380px;
  max-width: 100%;
  margin: auto;
  margin-bottom: 100px;
}

/* line 275, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis__result2 {
  font-size: 31px;
  font-weight: bold;
  text-align: center;
  padding: 23px 20px;
  background: #CEEFFF;
}

/* line 282, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis__name {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 20px;
}

/* line 287, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis__logo {
  text-align: right;
}

/* line 289, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis__logo img {
  margin-left: auto;
}

/* line 293, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis__list {
  margin-bottom: 30px;
}

/* line 295, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis__list--small {
  width: 510px;
  max-width: 100%;
  margin: 0 auto 50px;
}

/* line 300, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis__list ul {
  margin: 0;
}

/* line 303, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis__list li {
  font-size: 25px;
  font-weight: 500;
  line-height: 1.68;
  padding-left: 25px;
  position: relative;
}

/* line 309, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis__list li::before {
  content: "";
  width: 20px;
  height: 20px;
  background: #0080ff;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 12px;
}

/* line 321, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/* line 326, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis__table2 {
  width: calc(50% - 8px);
  margin-bottom: 20px;
}

/* line 329, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis__table2 table {
  width: 100%;
  height: 100%;
}

/* line 332, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis__table2 table th,
.p-hikari-analysis__table2 table td {
  border: 1px solid #666666;
  font-weight: 500;
  text-align: center;
  vertical-align: middle;
}

/* line 339, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis__table2 table th {
  background: #CEEFFF;
  font-size: 25px;
  font-weight: 500;
  padding: 10px;
  height: 58px;
  vertical-align: middle;
}

/* line 347, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis__table2 table td {
  padding: 20px 20px;
  font-size: 26px;
  line-height: 1;
}

/* line 351, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis__table2 table td span {
  font-size: 32px;
  color: #FF0000;
  font-weight: bold;
}

/* line 356, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis__table2 table td small {
  font-size: 15px;
}

/* line 362, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis__note3 {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 50px;
}

/* line 366, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis__note3 a {
  text-decoration: none;
  color: inherit;
}

/* line 372, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis__table table {
  margin-bottom: 15px;
  width: 100%;
  font-size: 19px;
}

/* line 376, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis__table table th,
.p-hikari-analysis__table table td {
  border: 1px solid #666666;
  padding: 5px;
  font-weight: 500;
  text-align: center;
  width: calc(100% / 3);
  vertical-align: middle;
}

/* line 385, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis__table table th {
  background: #f2f2f2;
  font-size: 25px;
}

/* line 392, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis__table--large {
  font-size: 28px;
}

/* line 395, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis__table--red {
  color: #ff0000;
}

/* line 399, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis__note {
  font-size: 15px;
  margin-bottom: 50px;
}

/* line 403, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis__note2 {
  font-size: 15px;
  margin-top: 5px;
  font-weight: 500;
}

/* line 408, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis__note3 {
  font-size: 14px;
  font-weight: 500;
  width: 510px;
  max-width: 100%;
  margin: 0 auto 50px;
}

/* line 416, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis-modal__headline {
  background: #0080ff;
  color: #fff;
  margin: -30px -30px 40px;
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  padding: 30px 20px;
}

/* line 425, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis-modal__text1 {
  font-size: 35px;
  font-weight: bold;
  line-height: 2;
  text-align: center;
  margin-bottom: 40px;
}

/* line 432, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis-modal-check {
  width: 590px;
  max-width: 100%;
  margin: 0 auto 60px;
}

/* line 436, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis-modal-check__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* line 439, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis-modal-check__item:not(:last-child) {
  margin-bottom: 15px;
}

/* line 443, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis-modal-check input[type="checkbox"] {
  margin: 0 15px 0 0;
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
}

/* line 448, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis-modal-check input[type="checkbox"] + label {
  margin: 0;
  font-size: 33px;
  font-weight: 500;
}

/* line 452, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis-modal-check input[type="checkbox"] + label::before, .p-hikari-analysis-modal-check input[type="checkbox"] + label::after {
  content: none;
}

/* line 458, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis-modal-contract-num {
  width: 590px;
  max-width: 100%;
  margin: 0 auto 70px;
}

/* line 462, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis-modal-contract-num input[type="text"] {
  width: 100%;
  padding: 15px 13px;
  border-radius: 3px;
  border: 3px solid #b3b3b3;
  font-size: 33px;
}

/* line 470, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis-modal__btn {
  display: block;
  width: 450px;
  max-width: 100%;
  margin: auto;
  padding: 20px 0;
  border: none;
  border-radius: 41px;
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background: #ff5865;
  -webkit-box-shadow: 0px 9px 0px 0px #949494;
          box-shadow: 0px 9px 0px 0px #949494;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  position: relative;
  cursor: pointer;
}

/* line 487, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis-modal__btn::after {
  content: "";
  width: 12px;
  height: 12px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}

/* line 498, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis-modal__btn:hover, .p-hikari-analysis-modal__btn:focus {
  opacity: 0.7;
  color: #fff;
  background: #ff5865;
  text-decoration: none;
}

@media (max-width: 768px) {
  /* line 508, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
  .p-hikari-analysis__container {
    padding: 35px 35px 50px;
  }
  /* line 511, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
  .p-hikari-analysis__headline {
    font-size: 19px;
    margin-bottom: 25px;
    text-align: left;
  }
  /* line 515, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
  .p-hikari-analysis__headline > span {
    text-align: center;
    font-size: 18px;
    margin-bottom: 10px;
  }
  /* line 521, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
  .p-hikari-analysis__headline2 {
    font-size: 17px;
    margin-bottom: 10px;
  }
  /* line 525, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
  .p-hikari-analysis__headline3 {
    font-size: 20px;
    margin-bottom: 30px;
  }
  /* line 529, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
  .p-hikari-analysis__headline4 {
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 15px;
  }
  /* line 534, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
  .p-hikari-analysis__text {
    font-size: 18px;
    margin-bottom: 30px;
  }
  /* line 538, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
  .p-hikari-analysis-radio {
    margin: 0 auto 60px;
  }
  /* line 540, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
  .p-hikari-analysis-radio input[type="radio"] {
    width: 16px;
    height: 16px;
    vertical-align: -2px;
  }
  /* line 544, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
  .p-hikari-analysis-radio input[type="radio"]:before {
    width: 10px;
    height: 10px;
  }
  /* line 548, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
  .p-hikari-analysis-radio input[type="radio"] + label {
    font-size: 17px;
  }
  /* line 553, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
  .p-hikari-analysis-type {
    margin: 0 auto 50px;
  }
  /* line 555, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
  .p-hikari-analysis-type__item {
    width: 48.5%;
  }
  /* line 558, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
  .p-hikari-analysis-type__item input[type="radio"] + label {
    border-radius: 12px;
    border: 2px solid #b3b3b3;
    padding: 30px 20px 15px;
  }
  /* line 565, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
  .p-hikari-analysis-type__img {
    margin-bottom: 10px;
  }
  /* line 568, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
  .p-hikari-analysis-type__img--single img {
    width: 70px;
    height: 66px;
  }
  /* line 574, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
  .p-hikari-analysis-type__img--apartment img {
    width: 78px;
    height: 65px;
  }
  /* line 580, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
  .p-hikari-analysis-type__text {
    font-size: 17px;
  }
  /* line 584, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
  .p-hikari-analysis-postcode, .p-hikari-analysis-email, .p-hikari-analysis-contract-num {
    margin: 0 auto 50px;
  }
  /* line 588, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
  .p-hikari-analysis-postcode input, .p-hikari-analysis-email input, .p-hikari-analysis-contract-num input {
    padding: 8px 10px;
    border-radius: 2px;
    border: 2px solid #b3b3b3;
    font-size: 17px;
  }
  /* line 595, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
  .p-hikari-analysis-check {
    margin: 0 auto 40px;
    font-size: 16px;
  }
  /* line 599, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
  .p-hikari-analysis-check__item:not(:last-child) {
    margin-bottom: 15px;
  }
  /* line 603, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
  .p-hikari-analysis-check input[type="checkbox"] {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    margin: 0 3px 0 0;
  }
  /* line 606, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
  .p-hikari-analysis-check input[type="checkbox"] + label {
    font-size: 16px;
  }
  /* line 611, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
  .p-hikari-analysis__btn {
    width: 300px;
    padding: 16px 0;
    border-radius: 27px;
    font-size: 18px;
    -webkit-box-shadow: 0px 5px 0px 0px #949494;
            box-shadow: 0px 5px 0px 0px #949494;
  }
  /* line 617, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
  .p-hikari-analysis__btn::after {
    width: 7px;
    height: 7px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    right: 20px;
  }
  /* line 625, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
  .p-hikari-analysis__num {
    font-size: 17px;
    margin-top: 25px;
  }
  /* line 629, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
  .p-hikari-analysis__result {
    width: 250px;
    margin-bottom: 25px;
  }
  /* line 633, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
  .p-hikari-analysis__result2 {
    font-size: 20px;
    padding: 15px 20px;
    line-height: 1.4;
  }
  /* line 638, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
  .p-hikari-analysis__name {
    font-size: 19px;
    margin-bottom: 20px;
  }
  /* line 643, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
  .p-hikari-analysis__logo img {
    width: 226px;
  }
  /* line 647, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
  .p-hikari-analysis__list {
    margin-bottom: 20px;
  }
  /* line 651, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
  .p-hikari-analysis__list li {
    font-size: 17px;
    padding-left: 20px;
  }
  /* line 654, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
  .p-hikari-analysis__list li::before {
    width: 15px;
    height: 15px;
    top: 7px;
  }
  /* line 663, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
  .p-hikari-analysis__table2 {
    width: 100%;
    margin-bottom: 10px;
  }
  /* line 667, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
  .p-hikari-analysis__table2 table th {
    font-size: 24px;
    padding: 10px;
    height: 55px;
  }
  /* line 672, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
  .p-hikari-analysis__table2 table td {
    padding: 20px 20px;
    font-size: 24px;
  }
  /* line 675, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
  .p-hikari-analysis__table2 table td span {
    font-size: 30px;
  }
  /* line 678, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
  .p-hikari-analysis__table2 table td small {
    font-size: 14px;
  }
  /* line 684, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
  .p-hikari-analysis__note3 {
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 50px;
  }
  /* line 690, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
  .p-hikari-analysis__table table {
    margin-bottom: 10px;
    font-size: 13px;
  }
  /* line 693, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
  .p-hikari-analysis__table table th,
.p-hikari-analysis__table table td {
    padding: 5px;
    width: 50%;
  }
  /* line 698, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
  .p-hikari-analysis__table table th {
    font-size: 17px;
  }
  /* line 704, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
  .p-hikari-analysis__table--large {
    font-size: 19px;
  }
  /* line 708, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
  .p-hikari-analysis__note {
    font-size: 10px;
    margin-bottom: 30px;
  }
  /* line 712, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
  .p-hikari-analysis__note2 {
    font-size: 13px;
  }
  /* line 716, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
  .p-hikari-analysis-modal__headline {
    background: #0080ff;
    color: #fff;
    margin: -30px -30px 20px;
    font-size: 20px;
    padding: 20px 20px;
  }
  /* line 723, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
  .p-hikari-analysis-modal__text1 {
    font-size: 18px;
    margin-bottom: 30px;
  }
  /* line 727, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
  .p-hikari-analysis-modal-check {
    width: 275px;
    margin: 0 auto 30px;
    font-size: 17px;
  }
  /* line 732, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
  .p-hikari-analysis-modal-check__item:not(:last-child) {
    margin-bottom: 10px;
  }
  /* line 736, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
  .p-hikari-analysis-modal-check input[type="checkbox"] {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    margin: 0 5px 0 0;
  }
  /* line 739, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
  .p-hikari-analysis-modal-check input[type="checkbox"] + label {
    font-size: 17px;
  }
  /* line 744, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
  .p-hikari-analysis-modal-contract-num {
    width: 275px;
    margin: 0 auto 30px;
  }
  /* line 747, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
  .p-hikari-analysis-modal-contract-num input[type="text"] {
    padding: 8px 10px;
    border-radius: 2px;
    border: 2px solid #b3b3b3;
    font-size: 17px;
  }
  /* line 754, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
  .p-hikari-analysis-modal__btn {
    width: 275px;
    padding: 16px 0;
    border-radius: 27px;
    font-size: 18px;
    -webkit-box-shadow: 0px 5px 0px 0px #949494;
            box-shadow: 0px 5px 0px 0px #949494;
  }
  /* line 760, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
  .p-hikari-analysis-modal__btn::after {
    width: 7px;
    height: 7px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    right: 20px;
  }
}

/* line 772, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis__form .error-msg {
  color: #ff6868;
}

/* line 778, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis-header2 {
  background: #ceefff;
  padding: 40px 20px;
}

/* line 781, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis-header2__container {
  width: 480px;
  max-width: 100%;
  margin: auto;
}

/* line 786, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis-header2__text1 {
  text-align: center;
  font-weight: bold;
  font-size: 30px;
  line-height: 1.8;
  margin: 0px;
}

/* line 793, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
.p-hikari-analysis-header2__text2 {
  font-size: 25px;
  font-weight: 500;
  line-height: 1.8;
}

@media (max-width: 768px) {
  /* line 778, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
  .p-hikari-analysis-header2 {
    padding: 20px 20px;
  }
  /* line 802, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
  .p-hikari-analysis-header2__text1 {
    font-size: 20px;
  }
  /* line 805, app/assets/stylesheets/mypage/import/_hikari-analysis.scss */
  .p-hikari-analysis-header2__text2 {
    font-size: 17px;
  }
}

/* line 1, app/assets/stylesheets/mypage/import/_contract.scss */
.p-contract-support {
  padding: 30px 0 50px;
  width: 650px;
  max-width: 100%;
  margin: auto;
}

/* line 6, app/assets/stylesheets/mypage/import/_contract.scss */
.p-contract-support__headline1 {
  text-align: center;
  background: #1992EB;
  color: #fff;
  font-size: 30px;
  padding: 12px 20px;
  margin-bottom: 30px;
}

/* line 13, app/assets/stylesheets/mypage/import/_contract.scss */
.p-contract-support__headline1 > span {
  color: #FFFF3B;
}

/* line 17, app/assets/stylesheets/mypage/import/_contract.scss */
.p-contract-support__container {
  padding-bottom: 50px;
}

/* line 20, app/assets/stylesheets/mypage/import/_contract.scss */
.p-contract-support__lead {
  text-align: center;
  font-weight: bold;
  font-size: 30px;
}

/* line 24, app/assets/stylesheets/mypage/import/_contract.scss */
.p-contract-support__lead > span {
  color: #0B6EF5;
}

/* line 28, app/assets/stylesheets/mypage/import/_contract.scss */
.p-contract-support__lead-img {
  margin-bottom: 30px;
}

/* line 31, app/assets/stylesheets/mypage/import/_contract.scss */
.p-contract-support__headline2 {
  text-align: center;
  padding-top: 35px;
  position: relative;
}

/* line 35, app/assets/stylesheets/mypage/import/_contract.scss */
.p-contract-support__headline2-num {
  display: block;
  color: #1992EB;
  background: #fff;
  border-radius: 50%;
  font-weight: 500;
  font-size: 41px;
  width: 56px;
  height: 56px;
  border: 2px solid #1992EB;
  line-height: 52px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
}

/* line 52, app/assets/stylesheets/mypage/import/_contract.scss */
.p-contract-support__headline2 h4 {
  background: #1992EB;
  color: #fff;
  font-size: 36px;
  padding: 12px 20px;
  margin-bottom: 30px;
}

/* line 58, app/assets/stylesheets/mypage/import/_contract.scss */
.p-contract-support__headline2 h4 > span {
  font-size: 27px;
  font-weight: 500;
}

/* line 64, app/assets/stylesheets/mypage/import/_contract.scss */
.p-contract-support__headline2--red .p-contract-support__headline2-num {
  color: #FF7178;
  border-color: #FF7178;
}

/* line 68, app/assets/stylesheets/mypage/import/_contract.scss */
.p-contract-support__headline2--red h4 {
  background: #FF7178;
}

/* line 73, app/assets/stylesheets/mypage/import/_contract.scss */
.p-contract-support__list {
  width: 500px;
  max-width: 100%;
  margin: 0 auto 30px;
}

/* line 77, app/assets/stylesheets/mypage/import/_contract.scss */
.p-contract-support__list li {
  padding-left: 50px;
  margin-bottom: 20px;
  position: relative;
  font-size: 26px;
  font-weight: 500;
}

/* line 83, app/assets/stylesheets/mypage/import/_contract.scss */
.p-contract-support__list li > span {
  font-weight: bold;
  color: #F95D6D;
}

/* line 87, app/assets/stylesheets/mypage/import/_contract.scss */
.p-contract-support__list li::before {
  content: "";
  background: url(/assets/mypage/common/icon/icon_check2-b91685fb39e8e544ec109deb36b5efdaba120ac84b47b03a0f93d7051367a99b.svg) no-repeat center/contain;
  width: 40px;
  height: 40px;
  position: absolute;
  left: 0;
  top: 0;
}

/* line 98, app/assets/stylesheets/mypage/import/_contract.scss */
.p-contract-support__text1 {
  text-align: center;
  font-size: 23px;
  margin-bottom: 15px;
  font-weight: bold;
}

/* line 104, app/assets/stylesheets/mypage/import/_contract.scss */
.p-contract-support__text2 {
  text-align: center;
  font-weight: bold;
  color: #1992EB;
  font-size: 32px;
  margin-bottom: 30px;
}

/* line 111, app/assets/stylesheets/mypage/import/_contract.scss */
.p-contract-support__text3 {
  font-weight: bold;
  text-align: center;
  font-size: 30px;
  margin-bottom: 10px;
}

/* line 117, app/assets/stylesheets/mypage/import/_contract.scss */
.p-contract-support__text4 {
  font-weight: bold;
  text-align: center;
  color: #F95D6D;
  font-size: 30px;
  margin-bottom: 10px;
}

/* line 124, app/assets/stylesheets/mypage/import/_contract.scss */
.p-contract-support__bnr {
  margin-bottom: 30px;
}

/* line 127, app/assets/stylesheets/mypage/import/_contract.scss */
.p-contract-support__btn {
  text-align: center;
}

/* line 129, app/assets/stylesheets/mypage/import/_contract.scss */
.p-contract-support__btn > p {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 5px;
}

/* line 134, app/assets/stylesheets/mypage/import/_contract.scss */
.p-contract-support__btn > a {
  display: block;
  width: 400px;
  max-width: 100%;
  margin: auto;
  height: 77px;
  line-height: 77px;
  border-radius: 39px;
  background: #1992EB;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  position: relative;
  -webkit-box-shadow: 0 8px 0 #949494;
          box-shadow: 0 8px 0 #949494;
  -webkit-transition: .3s;
  transition: .3s;
}

/* line 149, app/assets/stylesheets/mypage/import/_contract.scss */
.p-contract-support__btn > a::after {
  content: "";
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  width: 10px;
  height: 10px;
  position: absolute;
  right: 25px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}

/* line 160, app/assets/stylesheets/mypage/import/_contract.scss */
.p-contract-support__btn > a:hover {
  text-decoration: none;
  opacity: .6;
}

/* line 166, app/assets/stylesheets/mypage/import/_contract.scss */
.p-contract-support__btn--red > a {
  background: #FF7178;
}

/* line 172, app/assets/stylesheets/mypage/import/_contract.scss */
.p-contract-support__btn1 .btn, .p-contract-support__btn2 .btn {
  width: 380px;
  position: relative;
  padding: .7em 1.875em;
}

/* line 176, app/assets/stylesheets/mypage/import/_contract.scss */
.p-contract-support__btn1 .btn::after, .p-contract-support__btn2 .btn::after {
  content: "";
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  width: 14px;
  height: 14px;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}

/* line 190, app/assets/stylesheets/mypage/import/_contract.scss */
.p-contract-support__btn1 .btn {
  font-size: 21px;
}

/* line 195, app/assets/stylesheets/mypage/import/_contract.scss */
.p-contract-support__btn2 .btn {
  font-size: 25px;
  border-radius: 39px;
}

/* line 198, app/assets/stylesheets/mypage/import/_contract.scss */
.p-contract-support__btn2 .btn > span {
  font-size: 16px;
}

@media (max-width: 767px) {
  /* line 1, app/assets/stylesheets/mypage/import/_contract.scss */
  .p-contract-support {
    padding: 0px 0 10px;
  }
  /* line 205, app/assets/stylesheets/mypage/import/_contract.scss */
  .p-contract-support__headline1 {
    font-size: 24px;
    padding: 3px 20px;
    margin-bottom: 10px;
  }
  /* line 210, app/assets/stylesheets/mypage/import/_contract.scss */
  .p-contract-support__container {
    padding-bottom: 50px;
  }
  /* line 213, app/assets/stylesheets/mypage/import/_contract.scss */
  .p-contract-support__lead {
    font-size: 18px;
  }
  /* line 216, app/assets/stylesheets/mypage/import/_contract.scss */
  .p-contract-support__headline2 {
    padding-top: 20px;
  }
  /* line 218, app/assets/stylesheets/mypage/import/_contract.scss */
  .p-contract-support__headline2-num {
    font-size: 24px;
    width: 33px;
    height: 33px;
    border-width: 1px;
    line-height: 31px;
  }
  /* line 225, app/assets/stylesheets/mypage/import/_contract.scss */
  .p-contract-support__headline2 h4 {
    font-size: 22px;
    padding: 9px 20px;
    margin-bottom: 20px;
  }
  /* line 229, app/assets/stylesheets/mypage/import/_contract.scss */
  .p-contract-support__headline2 h4 > span {
    font-size: 16px;
  }
  /* line 234, app/assets/stylesheets/mypage/import/_contract.scss */
  .p-contract-support__list {
    margin-bottom: 20px;
  }
  /* line 236, app/assets/stylesheets/mypage/import/_contract.scss */
  .p-contract-support__list li {
    padding-left: 30px;
    margin-bottom: 15px;
    font-size: 16px;
  }
  /* line 240, app/assets/stylesheets/mypage/import/_contract.scss */
  .p-contract-support__list li::before {
    width: 24px;
    height: 24px;
  }
  /* line 246, app/assets/stylesheets/mypage/import/_contract.scss */
  .p-contract-support__text1 {
    font-size: 14px;
    margin-bottom: 10px;
  }
  /* line 250, app/assets/stylesheets/mypage/import/_contract.scss */
  .p-contract-support__text2 {
    font-size: 19px;
    margin-bottom: 10px;
  }
  /* line 254, app/assets/stylesheets/mypage/import/_contract.scss */
  .p-contract-support__text3 {
    font-size: 18px;
    margin-bottom: 10px;
  }
  /* line 258, app/assets/stylesheets/mypage/import/_contract.scss */
  .p-contract-support__text4 {
    font-size: 18px;
    margin-bottom: 10px;
  }
  /* line 262, app/assets/stylesheets/mypage/import/_contract.scss */
  .p-contract-support__bnr {
    margin-bottom: 20px;
  }
  /* line 266, app/assets/stylesheets/mypage/import/_contract.scss */
  .p-contract-support__btn > p {
    font-size: 14px;
  }
  /* line 269, app/assets/stylesheets/mypage/import/_contract.scss */
  .p-contract-support__btn > a {
    width: 295px;
    height: 59px;
    line-height: 59px;
    border-radius: 26px;
    font-size: 18px;
    -webkit-box-shadow: 0 5px 0 #949494;
            box-shadow: 0 5px 0 #949494;
  }
  /* line 276, app/assets/stylesheets/mypage/import/_contract.scss */
  .p-contract-support__btn > a::after {
    border-width: 1px;
    width: 7px;
    height: 7px;
    right: 15px;
  }
  /* line 285, app/assets/stylesheets/mypage/import/_contract.scss */
  .p-contract-support__btn1 .btn, .p-contract-support__btn2 .btn {
    width: 290px;
    padding: .7em 1.875em;
  }
  /* line 288, app/assets/stylesheets/mypage/import/_contract.scss */
  .p-contract-support__btn1 .btn::after, .p-contract-support__btn2 .btn::after {
    border-width: 1px;
    width: 10px;
    height: 10px;
    right: 20px;
  }
  /* line 297, app/assets/stylesheets/mypage/import/_contract.scss */
  .p-contract-support__btn1 .btn {
    font-size: 16px;
  }
  /* line 302, app/assets/stylesheets/mypage/import/_contract.scss */
  .p-contract-support__btn2 .btn {
    font-size: 19px;
    border-radius: 29px;
  }
  /* line 305, app/assets/stylesheets/mypage/import/_contract.scss */
  .p-contract-support__btn2 .btn > span {
    font-size: 12px;
  }
}

/* line 2, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie__title-icon {
  display: inline-block;
  margin-right: .5rem;
}

/* line 5, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie__title-icon img {
  width: 30px;
  vertical-align: middle;
}

/* line 8, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie__title {
  margin-bottom: 1rem;
  font-size: 1.5714285714rem;
}

@media (max-width: 767px) {
  /* line 8, app/assets/stylesheets/mypage/import/_movie.sass */
  .p-movie__title {
    font-size: 1.2857142857rem;
  }
}

/* line 13, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie__frame1 {
  border: 1px solid #cbcbcb;
  border-radius: 12px;
  padding: 50px 40px;
  -webkit-box-shadow: 8px 8px 6px rgba(0, 0, 0, 0.35);
          box-shadow: 8px 8px 6px rgba(0, 0, 0, 0.35);
  margin-bottom: 80px;
}

@media (max-width: 767px) {
  /* line 13, app/assets/stylesheets/mypage/import/_movie.sass */
  .p-movie__frame1 {
    padding: 20px 15px;
    margin-bottom: 60px;
  }
}

/* line 22, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie__frame2 {
  background: #F7FAFD;
  position: relative;
  padding: 20px 20px;
  height: 100%;
  text-decoration: none;
  color: inherit;
  width: 95%;
  margin-bottom: 20px;
}

/* line 31, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie__frame2::before, .p-movie__frame2::after {
  content: "";
  position: absolute;
  background: #BDDCEA;
}

/* line 35, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie__frame2::before {
  top: 5px;
  right: -10px;
  height: 100%;
  width: 10px;
  -webkit-transform: skewY(45deg);
          transform: skewY(45deg);
}

/* line 41, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie__frame2::after {
  bottom: -10px;
  right: -5px;
  width: 100%;
  height: 10px;
  -webkit-transform: skewX(45deg);
          transform: skewX(45deg);
}

/* line 47, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie__frame2:hover {
  color: inherit;
  text-decoration: none;
}

@media (max-width: 767px) {
  /* line 22, app/assets/stylesheets/mypage/import/_movie.sass */
  .p-movie__frame2 {
    padding: 10px 20px;
    margin-bottom: 40px;
  }
}

/* line 53, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie__frame3 {
  position: relative;
  padding: 20px 20px;
  text-decoration: none;
  color: inherit;
  width: 95%;
  margin-bottom: 20px;
  border: 1px solid #CBCBCB;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

/* line 62, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie__frame3::before, .p-movie__frame3::after {
  content: "";
  position: absolute;
  background: #CBCBCB;
}

/* line 66, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie__frame3::before {
  top: 5px;
  right: -10px;
  height: 100%;
  width: 10px;
  -webkit-transform: skewY(45deg);
          transform: skewY(45deg);
}

/* line 72, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie__frame3::after {
  bottom: -10px;
  right: -5px;
  width: 100%;
  height: 10px;
  -webkit-transform: skewX(45deg);
          transform: skewX(45deg);
}

/* line 78, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie__frame3:hover {
  color: inherit;
  text-decoration: none;
}

@media (max-width: 767px) {
  /* line 53, app/assets/stylesheets/mypage/import/_movie.sass */
  .p-movie__frame3 {
    padding: 10px 20px;
    margin-bottom: 15px;
  }
}

/* line 84, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie__frame4 {
  background: #f5f9fc;
  padding: 30px 30px 40px;
  text-align: center;
  margin-top: 50px;
  margin-bottom: 30px;
}

/* line 90, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie__frame4-title {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 0;
}

/* line 95, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie__frame4-text {
  font-size: 14px;
  margin-bottom: 20px;
}

/* line 98, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie__frame4-btn {
  text-align: center;
}

/* line 100, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie__frame4-btn a {
  display: inline-block;
  max-width: 100%;
  width: 290px;
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
  background: #ff7681;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  -webkit-box-shadow: 0px 2.66px 2.66px rgba(52, 52, 52, 0.3);
          box-shadow: 0px 2.66px 2.66px rgba(52, 52, 52, 0.3);
  text-decoration: none;
}

@media (max-width: 767px) {
  /* line 84, app/assets/stylesheets/mypage/import/_movie.sass */
  .p-movie__frame4 {
    padding: 20px 20px 30px;
    margin-top: 30px;
  }
  /* line 116, app/assets/stylesheets/mypage/import/_movie.sass */
  .p-movie__frame4-title {
    font-size: 25px;
    margin-bottom: 10px;
  }
}

/* line 122, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie__device {
  height: 142px;
  display: grid;
  place-items: center;
}

@media (max-width: 767px) {
  /* line 122, app/assets/stylesheets/mypage/import/_movie.sass */
  .p-movie__device {
    height: 120px;
  }
  /* line 128, app/assets/stylesheets/mypage/import/_movie.sass */
  .p-movie__device img {
    max-height: 100px;
  }
}

/* line 130, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie__name2 {
  font-size: 1.2142857143rem;
  text-align: center;
  font-weight: bold;
  margin: 0;
}

/* line 135, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie__name2 > span {
  font-size: 0.9285714286rem;
}

@media (max-width: 767px) {
  /* line 130, app/assets/stylesheets/mypage/import/_movie.sass */
  .p-movie__name2 {
    font-size: 0.8571428571rem;
  }
  /* line 139, app/assets/stylesheets/mypage/import/_movie.sass */
  .p-movie__name2 > span {
    font-size: 0.7142857143rem;
  }
}

/* line 142, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie__row > [class*="col-"] {
  margin-bottom: 2.14rem;
}

@media (max-width: 767px) {
  /* line 142, app/assets/stylesheets/mypage/import/_movie.sass */
  .p-movie__row > [class*="col-"] {
    margin-bottom: 1rem;
  }
}

/* line 146, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie__row .col-sm-6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

/* line 150, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie__row2 > [class*="col-"] {
  margin-bottom: 3.14rem;
}

@media (max-width: 767px) {
  /* line 150, app/assets/stylesheets/mypage/import/_movie.sass */
  .p-movie__row2 > [class*="col-"] {
    margin-bottom: 3rem;
  }
}

/* line 154, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie__unit {
  height: 100%;
}

/* line 156, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie__name {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 1rem;
  margin-top: 0;
  text-align: center;
}

@media (max-width: 767px) {
  /* line 156, app/assets/stylesheets/mypage/import/_movie.sass */
  .p-movie__name {
    font-size: 1.1428571429rem;
  }
}

/* line 164, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie__caption {
  margin-bottom: 0;
  text-align: center;
}

/* line 167, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie-head {
  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;
  margin-bottom: 10px;
}

/* line 172, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie-head__good {
  font-size: 21px;
  position: relative;
  padding-left: 40px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* line 177, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie-head__good::before {
  content: "";
  background: url(/assets/renewal_designs/icon_good@2x-7e4d567c14371cd6ac16298c9e3a2ce6c5120b07aff9e6dce141811580e03373.png) no-repeat center/contain;
  width: 32px;
  height: 33px;
  position: absolute;
  left: 0;
  top: 0;
}

@media (max-width: 767px) {
  /* line 167, app/assets/stylesheets/mypage/import/_movie.sass */
  .p-movie-head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 20px;
    -webkit-box-align: initial;
        -ms-flex-align: initial;
            align-items: initial;
  }
  /* line 189, app/assets/stylesheets/mypage/import/_movie.sass */
  .p-movie-head__good {
    font-size: 16px;
    padding-left: 30px;
  }
  /* line 192, app/assets/stylesheets/mypage/import/_movie.sass */
  .p-movie-head__good::before {
    width: 22px;
    height: 23px;
  }
}

/* line 195, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie__headline {
  font-size: 1.7857142857rem;
  padding: 0 0 0 15px;
  border-left: 27px solid #BDDCEA;
  border-bottom: 2px solid #BDDCEA;
  line-height: 2;
  margin: 30px 0;
}

@media (max-width: 767px) {
  /* line 195, app/assets/stylesheets/mypage/import/_movie.sass */
  .p-movie__headline {
    font-size: 1.2857142857rem;
    padding: 0 0 0 10px;
    border-left: 19px solid #BDDCEA;
    margin: 25px 0;
  }
}

/* line 207, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie__headline2 {
  width: 478px;
  background: url(/assets/renewal_designs/movie_headline_bg@2x-a071ce1ab6cb3c7f5b94403f4489839c2d82cb1a28bb9683d0fde41da8fd8d17.png) no-repeat left/contain;
  font-size: 1.9285714286rem;
  color: #fff;
  padding: 15px 0px 20px 20px;
}

@media (max-width: 767px) {
  /* line 207, app/assets/stylesheets/mypage/import/_movie.sass */
  .p-movie__headline2 {
    font-size: 1.4285714286rem;
    padding: 10px 0px 15px 15px;
  }
}

/* line 216, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie__headline3 {
  background: #1992EB;
  font-size: 1.9285714286rem;
  color: #fff;
  padding: 10px 10px;
}

@media (max-width: 767px) {
  /* line 216, app/assets/stylesheets/mypage/import/_movie.sass */
  .p-movie__headline3 {
    font-size: 1.4285714286rem;
    padding: 10px 0px 15px 15px;
  }
}

/* line 224, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie__headline4 {
  font-size: 1.7857142857rem;
  border-bottom: 2px solid #1992EB;
  padding-bottom: 5px;
}

@media (max-width: 767px) {
  /* line 224, app/assets/stylesheets/mypage/import/_movie.sass */
  .p-movie__headline4 {
    font-size: 1.2857142857rem;
  }
}

/* line 230, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie__headline5 {
  font-size: 1.6428571429rem;
  margin-bottom: 20px;
}

/* line 233, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie__headline5 > span {
  color: #1992eb;
}

@media (max-width: 767px) {
  /* line 230, app/assets/stylesheets/mypage/import/_movie.sass */
  .p-movie__headline5 {
    font-size: 1.1428571429rem;
    margin-bottom: 20px;
  }
}

/* line 238, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie__btn {
  color: #1992eb;
  width: 220px;
  height: 40px;
  line-height: 36px;
  border: 2px solid #1992eb;
  display: inline-block;
  border-radius: 8px;
  text-align: center;
  font-size: 1.0714285714rem;
  margin-left: 20px;
  -webkit-transition: .3s;
  transition: .3s;
}

/* line 250, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie__btn:hover {
  text-decoration: none;
  opacity: .7;
}

@media (max-width: 767px) {
  /* line 238, app/assets/stylesheets/mypage/import/_movie.sass */
  .p-movie__btn {
    width: 200px;
    height: 35px;
    line-height: 31px;
    margin-top: 10px;
    font-size: 0.9285714286rem;
    margin-left: 0px;
  }
}

/* line 260, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie__btn2 {
  margin-bottom: 90px;
}

/* line 262, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie__btn2 a {
  color: #1992eb;
  width: 411px;
  height: 70px;
  line-height: 62px;
  border: 4px solid #1992eb;
  display: inline-block;
  border-radius: 16px;
  text-align: center;
  font-size: 1.6428571429rem;
  font-weight: bold;
  -webkit-transition: .3s;
  transition: .3s;
}

/* line 274, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie__btn2 a:hover {
  text-decoration: none;
  opacity: .7;
}

@media (max-width: 767px) {
  /* line 260, app/assets/stylesheets/mypage/import/_movie.sass */
  .p-movie__btn2 {
    margin-bottom: 40px;
  }
  /* line 279, app/assets/stylesheets/mypage/import/_movie.sass */
  .p-movie__btn2 a {
    width: 300px;
    height: 55px;
    line-height: 51px;
    font-size: 1.1428571429rem;
    margin-left: 0px;
    border-width: 2px;
  }
}

/* line 286, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 20px;
}

/* line 290, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie-nav__item {
  text-decoration: none;
  width: 23%;
  border: 4px solid #1992EB;
  border-radius: 16px;
  padding: 15px 0px;
  text-align: center;
  font-size: 23px;
  font-weight: bold;
  color: #1992EB;
  line-height: 1.47;
  -webkit-transition: .3s;
  transition: .3s;
}

/* line 302, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie-nav__item:hover {
  opacity: .7;
  text-decoration: none;
}

@media (max-width: 767px) {
  /* line 286, app/assets/stylesheets/mypage/import/_movie.sass */
  .p-movie-nav {
    margin-bottom: 0px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  /* line 308, app/assets/stylesheets/mypage/import/_movie.sass */
  .p-movie-nav__item {
    width: 49%;
    margin-bottom: 10px;
    border: 2px solid #1992EB;
    border-radius: 10px;
    padding: 10px 0px;
    font-size: 13px;
  }
}

/* line 315, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie__lead {
  font-size: 1.4285714286rem;
}

@media (max-width: 767px) {
  /* line 315, app/assets/stylesheets/mypage/import/_movie.sass */
  .p-movie__lead {
    font-size: 1rem;
  }
}

/* line 319, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie__headling {
  margin-top: 0;
  margin-bottom: 3.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 2.1428571429rem;
}

@media (max-width: 767px) {
  /* line 319, app/assets/stylesheets/mypage/import/_movie.sass */
  .p-movie__headling {
    margin-bottom: 1.75rem;
    margin-top: 1rem;
    font-size: 1.5rem;
  }
}

/* line 330, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie__headling-badge {
  margin-right: 1rem;
}

/* line 332, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie__headling-badge img {
  width: 120px;
}

@media (max-width: 767px) {
  /* line 335, app/assets/stylesheets/mypage/import/_movie.sass */
  .p-movie__headling-badge img {
    width: 85px;
  }
}

/* line 337, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie__headling-sup {
  font-weight: 400;
  line-height: 1.5;
  display: block;
  font-size: 1.1428571429rem;
}

@media (max-width: 767px) {
  /* line 337, app/assets/stylesheets/mypage/import/_movie.sass */
  .p-movie__headling-sup {
    font-size: 1rem;
  }
}

@media (max-width: 575px) {
  /* line 337, app/assets/stylesheets/mypage/import/_movie.sass */
  .p-movie__headling-sup {
    font-size: 0.8571428571rem;
  }
}

/* line 346, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie__link {
  font-size: 1.6428571429rem;
  margin: 0 0 10px;
  padding-left: 50px;
}

/* line 350, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie__link > a {
  text-decoration: underline;
}

/* line 352, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie__prepare {
  font-size: 50px;
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: 0;
}

@media (max-width: 767px) {
  /* line 352, app/assets/stylesheets/mypage/import/_movie.sass */
  .p-movie__prepare {
    font-size: 35px;
  }
}

/* line 363, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie__sec {
  position: relative;
  padding-bottom: 50px;
}

@media (max-width: 767px) {
  /* line 363, app/assets/stylesheets/mypage/import/_movie.sass */
  .p-movie__sec {
    padding-bottom: 30px;
  }
}

/* line 368, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie__text1 {
  color: #1992eb;
  font-size: 23px;
  font-weight: bold;
}

@media (max-width: 767px) {
  /* line 368, app/assets/stylesheets/mypage/import/_movie.sass */
  .p-movie__text1 {
    font-size: 15px;
  }
}

/* line 374, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie__box {
  display: block;
  text-align: center;
  font-size: 17px;
  color: #fff;
  background: #FF7681;
  border-radius: 8px;
  width: 202px;
  position: fixed;
  right: 50px;
  bottom: 50px;
  line-height: 1.5;
  font-weight: bold;
  padding: 10px 10px;
  -webkit-transition: .3s;
  transition: .3s;
  z-index: 10000;
}

/* line 390, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie__box:hover {
  text-decoration: none;
  opacity: .7;
  background: #FF7681;
  color: #fff;
}

@media (max-width: 767px) {
  /* line 374, app/assets/stylesheets/mypage/import/_movie.sass */
  .p-movie__box {
    font-size: 14px;
    border-radius: 5px;
    width: 150px;
    padding: 10px 10px;
    right: 15px;
    bottom: 15px;
  }
}

/* line 403, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie__text2 {
  font-size: 18px;
  margin: 10px 0;
}

@media (max-width: 767px) {
  /* line 403, app/assets/stylesheets/mypage/import/_movie.sass */
  .p-movie__text2 {
    font-size: 13px;
  }
}

/* line 408, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 40px;
}

/* line 412, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie-wrap__item {
  width: 24%;
}

/* line 414, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie-wrap__item:not(:nth-of-type(4n)) {
  margin-right: 1.3%;
}

@media (max-width: 767px) {
  /* line 408, app/assets/stylesheets/mypage/import/_movie.sass */
  .p-movie-wrap {
    margin-bottom: 30px;
    display: block;
  }
  /* line 419, app/assets/stylesheets/mypage/import/_movie.sass */
  .p-movie-wrap .slick-prev,
.p-movie-wrap .slick-next {
    top: 50%;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #2a3b4c;
    background: #fff;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 1;
  }
  /* line 429, app/assets/stylesheets/mypage/import/_movie.sass */
  .p-movie-wrap .slick-prev.slick-disabled,
.p-movie-wrap .slick-next.slick-disabled {
    visibility: hidden;
  }
  /* line 431, app/assets/stylesheets/mypage/import/_movie.sass */
  .p-movie-wrap .slick-prev:before,
.p-movie-wrap .slick-next:before {
    content: "";
    width: 13px;
    height: 13px;
    border-right: 1px solid #2a3b4c;
    border-top: 1px solid #2a3b4c;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
  }
  /* line 442, app/assets/stylesheets/mypage/import/_movie.sass */
  .p-movie-wrap .slick-prev:hover, .p-movie-wrap .slick-prev:focus,
.p-movie-wrap .slick-next:hover,
.p-movie-wrap .slick-next:focus {
    background: #fff;
    opacity: 1;
  }
  /* line 445, app/assets/stylesheets/mypage/import/_movie.sass */
  .p-movie-wrap .slick-prev {
    left: 0;
  }
  /* line 447, app/assets/stylesheets/mypage/import/_movie.sass */
  .p-movie-wrap .slick-prev:before {
    -webkit-transform: translateY(-50%) rotate(-135deg);
            transform: translateY(-50%) rotate(-135deg);
    left: 6px;
  }
  /* line 450, app/assets/stylesheets/mypage/import/_movie.sass */
  .p-movie-wrap .slick-next {
    right: 0;
  }
  /* line 452, app/assets/stylesheets/mypage/import/_movie.sass */
  .p-movie-wrap .slick-next:before {
    -webkit-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
    right: 6px;
  }
  /* line 455, app/assets/stylesheets/mypage/import/_movie.sass */
  .p-movie-wrap__item {
    width: 49%;
    margin: 0 20px;
  }
  /* line 459, app/assets/stylesheets/mypage/import/_movie.sass */
  .p-movie-wrap__item img {
    margin: auto;
  }
  /* line 461, app/assets/stylesheets/mypage/import/_movie.sass */
  .p-movie-wrap__item:not(:nth-of-type(4n)) {
    margin: 0 20px;
  }
}

/* line 465, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie__text3 {
  font-size: 21px;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}

@media (max-width: 767px) {
  /* line 465, app/assets/stylesheets/mypage/import/_movie.sass */
  .p-movie__text3 {
    font-size: 15px;
  }
}

/* line 470, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie-questionnaire {
  background: #F5F9FC;
  padding: 30px 20px;
  text-align: center;
  margin-bottom: 80px;
}

/* line 475, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie-questionnaire__text1 {
  font-size: 21px;
  margin: 0 0 0px;
}

/* line 478, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie-questionnaire__text2 {
  font-size: 30px;
  font-weight: bold;
  margin: 0 0 20px;
}

/* line 482, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie-questionnaire__btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* line 485, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie-questionnaire__btn1 {
  display: block;
  width: 361px;
  border-radius: 16px;
  margin-right: 50px;
  background: #1992EB;
  border: 4px solid #1992EB;
  height: 62px;
  line-height: 54px;
  color: #fff;
  font-weight: bold;
  font-size: 23px;
  text-align: center;
  cursor: pointer;
  -webkit-transition: .3s;
  transition: .3s;
}

/* line 500, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie-questionnaire__btn1:hover {
  opacity: .7;
}

/* line 502, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie-questionnaire__btn1 input {
  display: none;
}

/* line 504, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie-questionnaire__btn2 {
  display: block;
  width: 361px;
  border-radius: 16px;
  background: #fff;
  border: 4px solid #1992EB;
  color: #1992EB;
  height: 62px;
  line-height: 54px;
  font-weight: bold;
  font-size: 23px;
  text-align: center;
  cursor: pointer;
  -webkit-transition: .3s;
  transition: .3s;
}

/* line 518, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie-questionnaire__btn2:hover {
  opacity: .7;
}

/* line 520, app/assets/stylesheets/mypage/import/_movie.sass */
.p-movie-questionnaire__btn2 input {
  display: none;
}

@media (max-width: 767px) {
  /* line 470, app/assets/stylesheets/mypage/import/_movie.sass */
  .p-movie-questionnaire {
    padding: 20px 20px;
    margin-bottom: 40px;
  }
  /* line 525, app/assets/stylesheets/mypage/import/_movie.sass */
  .p-movie-questionnaire__text1 {
    font-size: 14px;
  }
  /* line 527, app/assets/stylesheets/mypage/import/_movie.sass */
  .p-movie-questionnaire__text2 {
    font-size: 20px;
    margin: 0 0 10px;
  }
  /* line 531, app/assets/stylesheets/mypage/import/_movie.sass */
  .p-movie-questionnaire__btn1 {
    width: 150px;
    border-radius: 10px;
    margin-right: 30px;
    border-width: 2px;
    height: 50px;
    line-height: 46px;
    font-size: 18px;
  }
  /* line 539, app/assets/stylesheets/mypage/import/_movie.sass */
  .p-movie-questionnaire__btn2 {
    width: 150px;
    border-radius: 10px;
    border-width: 2px;
    height: 50px;
    line-height: 46px;
    font-size: 18px;
  }
}

/* base
-------------------------------*/
/* line 39, app/assets/stylesheets/mypage/styles.scss */
html {
  position: relative;
}

/* line 43, app/assets/stylesheets/mypage/styles.scss */
body {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
}

/* utility
-------------------------------*/
/* line 53, app/assets/stylesheets/mypage/styles.scss */
.hr {
  border: 1px solid #cdd5e0;
}

/* line 57, app/assets/stylesheets/mypage/styles.scss */
.text-light-color {
  color: #888888;
}

/* line 61, app/assets/stylesheets/mypage/styles.scss */
.text-brand-color {
  color: #00afdd;
}

/* line 65, app/assets/stylesheets/mypage/styles.scss */
.text-brand-color-deep {
  color: #1992eb;
}

/* line 69, app/assets/stylesheets/mypage/styles.scss */
.text-accent-color {
  color: #ff7682;
}

/* for sentence
-------------------------------*/
/* line 76, app/assets/stylesheets/mypage/styles.scss */
.text-align-center {
  text-align: center;
}

/* line 80, app/assets/stylesheets/mypage/styles.scss */
.text-align-right {
  text-align: right;
}

/* line 84, app/assets/stylesheets/mypage/styles.scss */
.strong {
  -webkit-text-emphasis: filled dot #00A8D6;
  text-emphasis: filled dot #00A8D6;
}

/* line 89, app/assets/stylesheets/mypage/styles.scss */
.br::before {
  content: "\A";
  white-space: pre;
}

/* line 94, app/assets/stylesheets/mypage/styles.scss */
.replace {
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}

/* line 100, app/assets/stylesheets/mypage/styles.scss */
.title-section + p {
  margin-top: -1rem;
}

/* line 102, app/assets/stylesheets/mypage/styles.scss */
.title-section + p .text-alert {
  color: #ff1d25;
}

/* fonts
-------------------------------*/
/* font-size */
/* line 112, app/assets/stylesheets/mypage/styles.scss */
.fs-10 {
  font-size: 10px;
}

/* line 116, app/assets/stylesheets/mypage/styles.scss */
.fs-11 {
  font-size: 11px;
}

/* line 120, app/assets/stylesheets/mypage/styles.scss */
.fs-12 {
  font-size: 12px;
}

/* line 124, app/assets/stylesheets/mypage/styles.scss */
.fs-13 {
  font-size: 13px;
}

/* line 128, app/assets/stylesheets/mypage/styles.scss */
.fs-14 {
  font-size: 14px;
}

/* line 132, app/assets/stylesheets/mypage/styles.scss */
.fs-15 {
  font-size: 15px;
}

/* line 136, app/assets/stylesheets/mypage/styles.scss */
.fs-16 {
  font-size: 16px;
}

/* line 140, app/assets/stylesheets/mypage/styles.scss */
.fs-17 {
  font-size: 17px;
}

/* line 144, app/assets/stylesheets/mypage/styles.scss */
.fs-18 {
  font-size: 18px;
}

/* line 148, app/assets/stylesheets/mypage/styles.scss */
.fs-19 {
  font-size: 19px;
}

/* line 152, app/assets/stylesheets/mypage/styles.scss */
.fs-20 {
  font-size: 20px;
}

/* line 156, app/assets/stylesheets/mypage/styles.scss */
.fs-21 {
  font-size: 21px;
}

/* line 160, app/assets/stylesheets/mypage/styles.scss */
.fs-22 {
  font-size: 22px;
}

/* line 164, app/assets/stylesheets/mypage/styles.scss */
.fs-23 {
  font-size: 23px;
}

/* line 168, app/assets/stylesheets/mypage/styles.scss */
.fs-24 {
  font-size: 24px;
}

/* line 172, app/assets/stylesheets/mypage/styles.scss */
.fs-25 {
  font-size: 25px;
}

/* line 176, app/assets/stylesheets/mypage/styles.scss */
.fs-26 {
  font-size: 26px;
}

/* line 180, app/assets/stylesheets/mypage/styles.scss */
.fs-27 {
  font-size: 27px;
}

/* line 184, app/assets/stylesheets/mypage/styles.scss */
.fs-28 {
  font-size: 28px;
}

/* line 188, app/assets/stylesheets/mypage/styles.scss */
.fs-29 {
  font-size: 29px;
}

/* line 192, app/assets/stylesheets/mypage/styles.scss */
.fs-30 {
  font-size: 30px;
}

/* line 196, app/assets/stylesheets/mypage/styles.scss */
.fs-31 {
  font-size: 31px;
}

/* line 200, app/assets/stylesheets/mypage/styles.scss */
.fs-32 {
  font-size: 32px;
}

/* line 204, app/assets/stylesheets/mypage/styles.scss */
.fs-33 {
  font-size: 33px;
}

/* line 208, app/assets/stylesheets/mypage/styles.scss */
.fs-34 {
  font-size: 34px;
}

/* line 212, app/assets/stylesheets/mypage/styles.scss */
.fs-35 {
  font-size: 35px;
}

/* line 216, app/assets/stylesheets/mypage/styles.scss */
.fs-36 {
  font-size: 36px;
}

/* line 220, app/assets/stylesheets/mypage/styles.scss */
.fs-37 {
  font-size: 37px;
}

/* line 224, app/assets/stylesheets/mypage/styles.scss */
.fs-38 {
  font-size: 38px;
}

/* line 228, app/assets/stylesheets/mypage/styles.scss */
.fs-39 {
  font-size: 39px;
}

/* line 232, app/assets/stylesheets/mypage/styles.scss */
.fs-40 {
  font-size: 40px;
}

/* line 236, app/assets/stylesheets/mypage/styles.scss */
.fs-41 {
  font-size: 41px;
}

/* line 240, app/assets/stylesheets/mypage/styles.scss */
.fs-42 {
  font-size: 42px;
}

/* line 244, app/assets/stylesheets/mypage/styles.scss */
.fs-43 {
  font-size: 43px;
}

/* line 248, app/assets/stylesheets/mypage/styles.scss */
.fs-44 {
  font-size: 44px;
}

/* line 252, app/assets/stylesheets/mypage/styles.scss */
.fs-45 {
  font-size: 45px;
}

/* line 256, app/assets/stylesheets/mypage/styles.scss */
.fs-46 {
  font-size: 46px;
}

/* line 260, app/assets/stylesheets/mypage/styles.scss */
.fs-47 {
  font-size: 47px;
}

/* line 264, app/assets/stylesheets/mypage/styles.scss */
.fs-48 {
  font-size: 48px;
}

/* line 268, app/assets/stylesheets/mypage/styles.scss */
.fs-49 {
  font-size: 49px;
}

/* line 272, app/assets/stylesheets/mypage/styles.scss */
.fs-50 {
  font-size: 50px;
}

/* font-weight */
/* line 278, app/assets/stylesheets/mypage/styles.scss */
.fw-normal {
  font-weight: normal;
}

/* line 282, app/assets/stylesheets/mypage/styles.scss */
.fw-bold {
  font-weight: bold;
}

/* font-style */
/* line 288, app/assets/stylesheets/mypage/styles.scss */
.fs-italic {
  font-style: italic;
}

/* color
-------------------------------*/
/* line 295, app/assets/stylesheets/mypage/styles.scss */
.black {
  color: #000;
}

/* line 299, app/assets/stylesheets/mypage/styles.scss */
.grey {
  color: #3E4549;
}

/* line 303, app/assets/stylesheets/mypage/styles.scss */
.palegrey {
  color: #F5F5F5;
}

/* line 307, app/assets/stylesheets/mypage/styles.scss */
.white {
  color: #fff;
}

/* line 311, app/assets/stylesheets/mypage/styles.scss */
.red {
  color: #c71f1f;
}

/* line 315, app/assets/stylesheets/mypage/styles.scss */
.primary {
  color: #00A8D6;
}

/* line 319, app/assets/stylesheets/mypage/styles.scss */
.secondary {
  color: #3E4549;
}

/* line 323, app/assets/stylesheets/mypage/styles.scss */
.accent01 {
  color: #FF7682;
}

/* show only  SP/PC
-------------------------------*/
/* line 330, app/assets/stylesheets/mypage/styles.scss */
.nodisplay {
  display: none !important;
}

/* rythm
-------------------------------*/
/* margin */
/* line 339, app/assets/stylesheets/mypage/styles.scss */
.mt-10 {
  margin-top: 10px;
}

/* line 343, app/assets/stylesheets/mypage/styles.scss */
.mt-15 {
  margin-top: 15px;
}

/* line 347, app/assets/stylesheets/mypage/styles.scss */
.mt-20 {
  margin-top: 20px;
}

/* line 351, app/assets/stylesheets/mypage/styles.scss */
.mt-25 {
  margin-top: 25px;
}

/* line 355, app/assets/stylesheets/mypage/styles.scss */
.mt-30 {
  margin-top: 30px;
}

/* line 359, app/assets/stylesheets/mypage/styles.scss */
.mt-35 {
  margin-top: 35px;
}

/* line 363, app/assets/stylesheets/mypage/styles.scss */
.mt-40 {
  margin-top: 40px;
}

/* line 367, app/assets/stylesheets/mypage/styles.scss */
.mt-45 {
  margin-top: 45px;
}

/* line 371, app/assets/stylesheets/mypage/styles.scss */
.mt-50 {
  margin-top: 50px;
}

/* line 375, app/assets/stylesheets/mypage/styles.scss */
.mt-55 {
  margin-top: 55px;
}

/* line 379, app/assets/stylesheets/mypage/styles.scss */
.mt-60 {
  margin-top: 60px;
}

/* line 383, app/assets/stylesheets/mypage/styles.scss */
.mt-65 {
  margin-top: 65px;
}

/* line 387, app/assets/stylesheets/mypage/styles.scss */
.mt-70 {
  margin-top: 70px;
}

/* line 391, app/assets/stylesheets/mypage/styles.scss */
.mt-75 {
  margin-top: 75px;
}

/* line 395, app/assets/stylesheets/mypage/styles.scss */
.mt-80 {
  margin-top: 80px;
}

/* line 399, app/assets/stylesheets/mypage/styles.scss */
.mt-85 {
  margin-top: 85px;
}

/* line 403, app/assets/stylesheets/mypage/styles.scss */
.mt-90 {
  margin-top: 90px;
}

/* line 407, app/assets/stylesheets/mypage/styles.scss */
.mt-95 {
  margin-top: 95px;
}

/* line 411, app/assets/stylesheets/mypage/styles.scss */
.mt-100 {
  margin-top: 100px;
}

/* line 415, app/assets/stylesheets/mypage/styles.scss */
.mb-10 {
  margin-bottom: 10px;
}

/* line 419, app/assets/stylesheets/mypage/styles.scss */
.mb-15 {
  margin-bottom: 15px;
}

/* line 423, app/assets/stylesheets/mypage/styles.scss */
.mb-20 {
  margin-bottom: 20px;
}

/* line 427, app/assets/stylesheets/mypage/styles.scss */
.mb-25 {
  margin-bottom: 25px;
}

/* line 431, app/assets/stylesheets/mypage/styles.scss */
.mb-30 {
  margin-bottom: 30px;
}

/* line 435, app/assets/stylesheets/mypage/styles.scss */
.mb-35 {
  margin-bottom: 35px;
}

/* line 439, app/assets/stylesheets/mypage/styles.scss */
.mb-40 {
  margin-bottom: 40px;
}

/* line 443, app/assets/stylesheets/mypage/styles.scss */
.mb-45 {
  margin-bottom: 45px;
}

/* line 447, app/assets/stylesheets/mypage/styles.scss */
.mb-50 {
  margin-bottom: 50px;
}

/* line 451, app/assets/stylesheets/mypage/styles.scss */
.mb-55 {
  margin-bottom: 55px;
}

/* line 455, app/assets/stylesheets/mypage/styles.scss */
.mb-60 {
  margin-bottom: 60px;
}

/* line 459, app/assets/stylesheets/mypage/styles.scss */
.mb-65 {
  margin-bottom: 65px;
}

/* line 463, app/assets/stylesheets/mypage/styles.scss */
.mb-70 {
  margin-bottom: 70px;
}

/* line 467, app/assets/stylesheets/mypage/styles.scss */
.mb-75 {
  margin-bottom: 75px;
}

/* line 471, app/assets/stylesheets/mypage/styles.scss */
.mb-80 {
  margin-bottom: 80px;
}

/* line 475, app/assets/stylesheets/mypage/styles.scss */
.mb-85 {
  margin-bottom: 85px;
}

/* line 479, app/assets/stylesheets/mypage/styles.scss */
.mb-90 {
  margin-bottom: 90px;
}

/* line 483, app/assets/stylesheets/mypage/styles.scss */
.mb-95 {
  margin-bottom: 95px;
}

/* line 487, app/assets/stylesheets/mypage/styles.scss */
.mb-100 {
  margin-bottom: 100px;
}

/* padding */
/* line 493, app/assets/stylesheets/mypage/styles.scss */
.pt-10 {
  padding-top: 10px;
}

/* line 497, app/assets/stylesheets/mypage/styles.scss */
.pt-15 {
  padding-top: 15px;
}

/* line 501, app/assets/stylesheets/mypage/styles.scss */
.pt-20 {
  padding-top: 20px;
}

/* line 505, app/assets/stylesheets/mypage/styles.scss */
.pt-25 {
  padding-top: 25px;
}

/* line 509, app/assets/stylesheets/mypage/styles.scss */
.pt-30 {
  padding-top: 30px;
}

/* line 513, app/assets/stylesheets/mypage/styles.scss */
.pt-35 {
  padding-top: 35px;
}

/* line 517, app/assets/stylesheets/mypage/styles.scss */
.pt-40 {
  padding-top: 40px;
}

/* line 521, app/assets/stylesheets/mypage/styles.scss */
.pt-45 {
  padding-top: 45px;
}

/* line 525, app/assets/stylesheets/mypage/styles.scss */
.pt-50 {
  padding-top: 50px;
}

/* line 529, app/assets/stylesheets/mypage/styles.scss */
.pt-55 {
  padding-top: 55px;
}

/* line 533, app/assets/stylesheets/mypage/styles.scss */
.pt-60 {
  padding-top: 60px;
}

/* line 537, app/assets/stylesheets/mypage/styles.scss */
.pt-65 {
  padding-top: 65px;
}

/* line 541, app/assets/stylesheets/mypage/styles.scss */
.pt-70 {
  padding-top: 70px;
}

/* line 545, app/assets/stylesheets/mypage/styles.scss */
.pt-75 {
  padding-top: 75px;
}

/* line 549, app/assets/stylesheets/mypage/styles.scss */
.pt-80 {
  padding-top: 80px;
}

/* line 553, app/assets/stylesheets/mypage/styles.scss */
.pt-85 {
  padding-top: 85px;
}

/* line 557, app/assets/stylesheets/mypage/styles.scss */
.pt-90 {
  padding-top: 90px;
}

/* line 561, app/assets/stylesheets/mypage/styles.scss */
.pt-95 {
  padding-top: 95px;
}

/* line 565, app/assets/stylesheets/mypage/styles.scss */
.pt-100 {
  padding-top: 100px;
}

/* line 569, app/assets/stylesheets/mypage/styles.scss */
.pb-10 {
  padding-bottom: 10px;
}

/* line 573, app/assets/stylesheets/mypage/styles.scss */
.pb-15 {
  padding-bottom: 15px;
}

/* line 577, app/assets/stylesheets/mypage/styles.scss */
.pb-20 {
  padding-bottom: 20px;
}

/* line 581, app/assets/stylesheets/mypage/styles.scss */
.pb-25 {
  padding-bottom: 25px;
}

/* line 585, app/assets/stylesheets/mypage/styles.scss */
.pb-30 {
  padding-bottom: 30px;
}

/* line 589, app/assets/stylesheets/mypage/styles.scss */
.pb-35 {
  padding-bottom: 35px;
}

/* line 593, app/assets/stylesheets/mypage/styles.scss */
.pb-40 {
  padding-bottom: 40px;
}

/* line 597, app/assets/stylesheets/mypage/styles.scss */
.pb-45 {
  padding-bottom: 45px;
}

/* line 601, app/assets/stylesheets/mypage/styles.scss */
.pb-50 {
  padding-bottom: 50px;
}

/* line 605, app/assets/stylesheets/mypage/styles.scss */
.pb-55 {
  padding-bottom: 55px;
}

/* line 609, app/assets/stylesheets/mypage/styles.scss */
.pb-60 {
  padding-bottom: 60px;
}

/* line 613, app/assets/stylesheets/mypage/styles.scss */
.pb-65 {
  padding-bottom: 65px;
}

/* line 617, app/assets/stylesheets/mypage/styles.scss */
.pb-70 {
  padding-bottom: 70px;
}

/* line 621, app/assets/stylesheets/mypage/styles.scss */
.pb-75 {
  padding-bottom: 75px;
}

/* line 625, app/assets/stylesheets/mypage/styles.scss */
.pb-80 {
  padding-bottom: 80px;
}

/* line 629, app/assets/stylesheets/mypage/styles.scss */
.pb-85 {
  padding-bottom: 85px;
}

/* line 633, app/assets/stylesheets/mypage/styles.scss */
.pb-90 {
  padding-bottom: 90px;
}

/* line 637, app/assets/stylesheets/mypage/styles.scss */
.pb-95 {
  padding-bottom: 95px;
}

/* line 641, app/assets/stylesheets/mypage/styles.scss */
.pb-100 {
  padding-bottom: 100px;
}

/* background-color
-------------------------------*/
/* line 648, app/assets/stylesheets/mypage/styles.scss */
.bg-brand-color {
  background-color: #00afdd;
}

/* line 652, app/assets/stylesheets/mypage/styles.scss */
.bg-light-color {
  background-color: #f5f9fc;
}

/* header
-------------------------------*/
/* line 659, app/assets/stylesheets/mypage/styles.scss */
.header-container {
  width: 100%;
}

/* line 663, app/assets/stylesheets/mypage/styles.scss */
.header-logo {
  font-size: 0;
  line-height: 1;
}

/* line 668, app/assets/stylesheets/mypage/styles.scss */
.header-logo a {
  color: #3e4549;
}

/* line 672, app/assets/stylesheets/mypage/styles.scss */
.header-logo a:hover {
  text-decoration: none;
}

/* line 676, app/assets/stylesheets/mypage/styles.scss */
.header-logo-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* line 681, app/assets/stylesheets/mypage/styles.scss */
.header-logo-text {
  display: block;
  margin: 0 0 0 .5rem;
  font-size: 0.7142857143rem;
  line-height: 1.2;
}

/* line 688, app/assets/stylesheets/mypage/styles.scss */
.header-logo-image {
  display: block;
  width: 100px;
}

/* line 693, app/assets/stylesheets/mypage/styles.scss */
.header-toggle {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 10000;
  line-height: 1;
  font-size: 0;
}

/* line 702, app/assets/stylesheets/mypage/styles.scss */
.header-toggle-menu {
  display: inline-block;
  -webkit-transition-duration: .5s;
          transition-duration: .5s;
  position: relative;
  width: 30px;
  height: 18px;
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: none;
}

/* line 714, app/assets/stylesheets/mypage/styles.scss */
.header-toggle-menu:focus {
  outline: none;
}

/* line 718, app/assets/stylesheets/mypage/styles.scss */
.header-toggle-menu span {
  position: absolute;
  left: 0;
  display: inline-block;
  -webkit-transition-duration: .5s;
          transition-duration: .5s;
  width: 100%;
  height: 2px;
  background-color: #00A8D6;
}

/* line 728, app/assets/stylesheets/mypage/styles.scss */
.header-toggle-menu span:nth-of-type(1) {
  top: 0;
}

/* line 732, app/assets/stylesheets/mypage/styles.scss */
.header-toggle-menu span:nth-of-type(2) {
  top: 8px;
}

/* line 736, app/assets/stylesheets/mypage/styles.scss */
.header-toggle-menu span:nth-of-type(3) {
  bottom: 0;
}

/* line 740, app/assets/stylesheets/mypage/styles.scss */
.header-toggle-menu.js-active span:nth-of-type(1) {
  -webkit-transform: translateY(8px) rotate(-45deg);
          transform: translateY(8px) rotate(-45deg);
}

/* line 744, app/assets/stylesheets/mypage/styles.scss */
.header-toggle-menu.js-active span:nth-of-type(2) {
  opacity: 0;
}

/* line 748, app/assets/stylesheets/mypage/styles.scss */
.header-toggle-menu.js-active span:nth-of-type(3) {
  -webkit-transform: translateY(-8px) rotate(45deg);
          transform: translateY(-8px) rotate(45deg);
}

/* gnav
-------------------------------*/
/* line 755, app/assets/stylesheets/mypage/styles.scss */
.gnav-sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 10px 0;
}

/* line 761, app/assets/stylesheets/mypage/styles.scss */
.gnav-sub-item {
  line-height: 1;
  font-size: 0.7142857143rem;
}

/* line 766, app/assets/stylesheets/mypage/styles.scss */
.gnav-sub-link {
  color: #888888;
}

/* line 770, app/assets/stylesheets/mypage/styles.scss */
.gnav-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  font-size: 1.0714285714rem;
}

/* line 776, app/assets/stylesheets/mypage/styles.scss */
.gnav-link:hover,
.gnav-sub-link:hover {
  text-decoration: none;
}

/* line 781, app/assets/stylesheets/mypage/styles.scss */
.gnav-link.js-hasChild::before,
.gnav-link.js-hasChild::after {
  content: '';
  position: absolute;
  right: calc(30vmin / 375 * 100);
  top: 50%;
  display: block;
  width: 10px;
  height: 1px;
  margin-right: -2px;
  margin-top: -2px;
  background-color: #fff;
}

/* line 795, app/assets/stylesheets/mypage/styles.scss */
.gnav-link.js-hasChild::after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition-duration: .4s;
          transition-duration: .4s;
}

/* line 802, app/assets/stylesheets/mypage/styles.scss */
.gnav-link.js-hasChild.js-active::after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* local nav
-------------------------------*/
/* line 811, app/assets/stylesheets/mypage/styles.scss */
.localnav {
  padding: 0 0 30px;
}

/* line 815, app/assets/stylesheets/mypage/styles.scss */
.localnav-inner {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

/* line 822, app/assets/stylesheets/mypage/styles.scss */
.localnav-item {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
}

/* line 829, app/assets/stylesheets/mypage/styles.scss */
.localnav-item:not(:first-child)::before {
  content: '';
  display: block;
  width: 8px;
  height: 15px;
  margin-right: calc(7vmin / 375 * 100);
  background-image: url(/assets/mypage/common/icon/icon_right_grey-0053e03ef03a0527d1a3c10568f8802f0189a6c1b3961dc6883aed706486dbe3.svg);
  background-size: contain;
}

/* line 839, app/assets/stylesheets/mypage/styles.scss */
.localnav-active,
.localnav-inactive {
  display: block;
  padding: 10px 0;
  text-align: center;
}

/* line 846, app/assets/stylesheets/mypage/styles.scss */
.localnav-active {
  color: #fff;
  background-color: #00A8D6;
}

/* line 851, app/assets/stylesheets/mypage/styles.scss */
.localnav-active:hover {
  text-decoration: none;
}

/* line 855, app/assets/stylesheets/mypage/styles.scss */
.localnav-inactive {
  color: #3E4549;
  background-color: #f2f2f2;
}

/* line 860, app/assets/stylesheets/mypage/styles.scss */
.localnav-num {
  display: inline-block;
  margin-right: 5px;
}

/* menu
-------------------------------*/
/* line 868, app/assets/stylesheets/mypage/styles.scss */
.menu {
  margin-top: 2.5rem;
}

/* line 872, app/assets/stylesheets/mypage/styles.scss */
.menu-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

/* line 877, app/assets/stylesheets/mypage/styles.scss */
.menu-linkHolder {
  overflow: hidden;
  width: 100%;
  position: relative;
  background-color: #ffffff;
  border-radius: 15px;
  -webkit-box-shadow: 0 2px 6px rgba(0, 41, 81, 0.3);
          box-shadow: 0 2px 6px rgba(0, 41, 81, 0.3);
}

/* line 884, app/assets/stylesheets/mypage/styles.scss */
.menu-linkHolder::before {
  content: "";
  display: block;
  padding-top: 100%;
  position: relative;
}

/* line 892, app/assets/stylesheets/mypage/styles.scss */
.menu-link {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: block;
  padding: 60% 10px 0 10px;
  font-weight: bold;
  background-color: #ffffff;
  text-align: center;
  line-height: 1.1;
}

/* line 906, app/assets/stylesheets/mypage/styles.scss */
.menu-row {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 -6px;
}

/* line 909, app/assets/stylesheets/mypage/styles.scss */
.menu-row [class*="col-"] {
  padding: 0 6px;
  margin-bottom: 15px;
}

/* line 915, app/assets/stylesheets/mypage/styles.scss */
.menu-link:hover {
  text-decoration: none;
}

/* line 919, app/assets/stylesheets/mypage/styles.scss */
.menu-link::before {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -20px 0 0 0px;
  display: inline-block;
  width: 40px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

/* line 929, app/assets/stylesheets/mypage/styles.scss */
.menu-link-personal-info::before {
  content: url(/assets/mypage/common/icon/icon_personal_info_solid-d1d6c749f327d73b23b283a5165ec6f9ee09534369ac6431c6c829848f0b2a40.svg);
}

/* line 933, app/assets/stylesheets/mypage/styles.scss */
.menu-link-credit-card::before {
  content: url(/assets/mypage/common/icon/icon_credit_card-970352b91afa9753e84c48666ecd8bc9854e809f02ed6f85acc37c7c140c91b9.svg);
}

/* line 937, app/assets/stylesheets/mypage/styles.scss */
.menu-link-password::before {
  content: url(/assets/mypage/common/icon/icon_password-0f8b7a589ba99db7e01dd5639f2fca4af30d971bbcc95c0e1f444ad7120b0c4c.svg);
}

/* line 941, app/assets/stylesheets/mypage/styles.scss */
.menu-link-recommend::before {
  content: url(/assets/mypage/common/icon/icon_recommend-65b6bffc5a815bfe1dbef7852583de123b82e859f49cacb13cb33d0d96805bc9.svg);
}

/* line 945, app/assets/stylesheets/mypage/styles.scss */
.menu-link-plan::before {
  content: url(/assets/mypage/common/icon/icon_plan_solid-6b86c2dfd938f9fed4fd2b13c3007bbd06747adf3b320bb91a3072406f55b74e.svg);
}

/* line 949, app/assets/stylesheets/mypage/styles.scss */
.menu-link-option::before {
  content: url(/assets/mypage/common/icon/icon_option_solid-0fa285d531bd05b059b78ad95e005625c5c0524dc6e862205e1a60ddee9ee376.svg);
}

/* line 953, app/assets/stylesheets/mypage/styles.scss */
.menu-link-faq::before {
  content: url(/assets/mypage/common/icon/icon_question-b2383725a9a62f1dc7741c586db19e45aa4f1afbdd78c53b8281dfa0ace8952f.svg);
}

/* line 957, app/assets/stylesheets/mypage/styles.scss */
.menu-link-campaign::before {
  content: url(/assets/mypage/common/icon/icon_campaign-9a9f3d3ed096fe6655f2390ba206c4f442fa93d8ca45e1fd03e354952e5daad8.svg);
}

/* line 961, app/assets/stylesheets/mypage/styles.scss */
.menu-link-bill::before {
  content: url(/assets/mypage/common/icon/icon_bill-b945db6445cd2fe3705d7ca1106dc10dc01e94eed9c650cc4e9a6ca2ac93e3dc.svg);
  width: 35px;
}

/* line 966, app/assets/stylesheets/mypage/styles.scss */
.menu-link-movie2::before {
  content: url(/assets/mypage/common/icon/icon_movie2-705468721e53284ec1ad60359c2fa9130360f0992ba15a0896f5386bdd705359.svg);
  width: 50px;
}

/* layout
-------------------------------*/
/* line 975, app/assets/stylesheets/mypage/styles.scss */
.section {
  padding: 1.5rem 0;
}

/* column
-------------------------------*/
/* line 982, app/assets/stylesheets/mypage/styles.scss */
.column {
  padding: 75px 0 70px;
}

/* line 986, app/assets/stylesheets/mypage/styles.scss */
.column-title {
  margin-bottom: 30px;
  text-align: center;
  font-weight: bold;
}

/* line 992, app/assets/stylesheets/mypage/styles.scss */
.column-boxarea {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

/* line 1001, app/assets/stylesheets/mypage/styles.scss */
.column-box {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: column-reverse;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
          flex-direction: column-reverse;
  -ms-flex-pack: end;
  -webkit-box-pack: end;
          justify-content: flex-end;
}

/* line 1010, app/assets/stylesheets/mypage/styles.scss */
.column-box-title {
  line-height: 1.625;
  font-size: 1.6rem;
}

/* line 1015, app/assets/stylesheets/mypage/styles.scss */
.column-box-title a {
  color: #3E4549;
}

/* line 1019, app/assets/stylesheets/mypage/styles.scss */
.column-box-content {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  margin-bottom: 15px;
}

/* line 1029, app/assets/stylesheets/mypage/styles.scss */
.column-box-cat {
  min-width: 64px;
  padding: 5px 12px;
  text-align: center;
  line-height: 1.2;
  font-size: 1rem;
}

/* line 1037, app/assets/stylesheets/mypage/styles.scss */
.column-box-cat-01 {
  color: #00A8D6;
  border: solid 1px #00A8D6;
}

/* line 1042, app/assets/stylesheets/mypage/styles.scss */
.column-box-cat-02 {
  color: #8CC63F;
  border: solid 1px #8CC63F;
}

/* line 1047, app/assets/stylesheets/mypage/styles.scss */
.column-box-cat-03 {
  color: #FF7682;
  border: solid 1px #FF7682;
}

/* line 1052, app/assets/stylesheets/mypage/styles.scss */
.column-box-date {
  line-height: 1.16667;
  font-size: 1.2rem;
  color: #888888;
}

/* line 1058, app/assets/stylesheets/mypage/styles.scss */
.column-box-imgHolder {
  margin-bottom: 15px;
}

/* line 1062, app/assets/stylesheets/mypage/styles.scss */
.column-btnHolder {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
}

/* line 1069, app/assets/stylesheets/mypage/styles.scss */
.column-btn {
  width: 240px;
  height: 50px;
  padding: 18px 0;
  text-align: center;
  line-height: 1;
  font-size: 1.4rem;
  color: #fff;
  background-color: #3E4549;
  border-radius: 25px;
  -webkit-box-shadow: 2px 2px 10px #6d7980;
          box-shadow: 2px 2px 10px #6d7980;
}

/* footer
-------------------------------*/
/* line 1085, app/assets/stylesheets/mypage/styles.scss */
.footer {
  position: relative;
  color: #fff;
  background-color: #3E4549;
}

/* line 1091, app/assets/stylesheets/mypage/styles.scss */
.footer-inner {
  position: relative;
  padding-top: 75px;
  padding-bottom: 60px;
}

/* line 1097, app/assets/stylesheets/mypage/styles.scss */
.footer-nav {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
  border-bottom: solid 1px #687377;
}

/* line 1107, app/assets/stylesheets/mypage/styles.scss */
.footer-nav-box-title {
  margin-bottom: 4px;
  line-height: 1.71429;
  font-size: 1.4rem;
}

/* line 1113, app/assets/stylesheets/mypage/styles.scss */
.footer-nav-box-item {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: start;
  -webkit-box-align: start;
          align-items: flex-start;
  line-height: 1.75;
  font-size: 1.2rem;
  color: #687377;
}

/* line 1123, app/assets/stylesheets/mypage/styles.scss */
.footer-nav-box-item::before {
  content: url(/assets/mypage/common/icon/icon_triangle_right-7d3cd83673df3ad77e32fcc17baf4efe8df145aabb4f0156d0a6782cdedbe4e1.svg);
  display: inline-block;
  width: 3px;
  margin-top: -3px;
}

/* line 1130, app/assets/stylesheets/mypage/styles.scss */
.footer-nav-box-link {
  display: inline-block;
  width: 100px;
  margin-left: 6px;
  color: #687377;
}

/* line 1137, app/assets/stylesheets/mypage/styles.scss */
.footer-logoarea {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
  padding-top: 20px;
}

/* line 1147, app/assets/stylesheets/mypage/styles.scss */
.footer-logo img {
  width: 123px;
}

/* line 1151, app/assets/stylesheets/mypage/styles.scss */
.footer-subnav-list {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}

/* line 1158, app/assets/stylesheets/mypage/styles.scss */
.footer-subnav-link {
  line-height: 1.75;
  color: #fff;
}

/* line 1163, app/assets/stylesheets/mypage/styles.scss */
.footer-copyright {
  line-height: 1.7;
  font-size: 0.7142857143rem;
}

/* pagetop
-------------------------------*/
/* line 1171, app/assets/stylesheets/mypage/styles.scss */
#pagetop {
  position: absolute;
  right: 0;
  top: -30px;
}

/* line 1177, app/assets/stylesheets/mypage/styles.scss */
#pagetop img {
  width: 60px;
}

/* line 1181, app/assets/stylesheets/mypage/styles.scss */
#pagetop:hover img {
  opacity: 1;
}

/* overlay
-------------------------------*/
/* line 1188, app/assets/stylesheets/mypage/styles.scss */
#js-overlay {
  z-index: 999;
  -webkit-transition-duration: .4s;
          transition-duration: .4s;
}

/* line 1193, app/assets/stylesheets/mypage/styles.scss */
#js-overlay.js-active {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(128, 128, 128, 0.5);
}

/* list
-------------------------------*/
/* line 1205, app/assets/stylesheets/mypage/styles.scss */
ul,
ol {
  line-height: 1.5;
}

/* line 1210, app/assets/stylesheets/mypage/styles.scss */
.list-notice li {
  margin-left: 1em;
  margin-bottom: .5rem;
  line-height: 1.8;
  font-size: 0.8571428571rem;
}

/* line 1217, app/assets/stylesheets/mypage/styles.scss */
.list-notice li::before {
  content: '※';
  display: inline-block;
  text-indent: -1.2em;
}

/* line 1223, app/assets/stylesheets/mypage/styles.scss */
.list-style-disc {
  margin-left: 1.5rem;
}

/* line 1225, app/assets/stylesheets/mypage/styles.scss */
.list-style-disc li {
  list-style: disc;
}

/* form
-------------------------------*/
/* line 1233, app/assets/stylesheets/mypage/styles.scss */
form input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* line 1239, app/assets/stylesheets/mypage/styles.scss */
textarea,
select,
form input[type="text"],
form input[type="number"],
form input[type="tel"],
form input[type="email"],
form input[type="password"] {
  display: inline-block;
  width: 100%;
  border: solid 1px #d1d1d1;
  padding: 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #ffffff;
  border-radius: 5px;
  font-size: 1.1428571429rem;
}

/* line 1256, app/assets/stylesheets/mypage/styles.scss */
form input[type='checkbox'] + label,
form input[type='radio'] + label,
.p-popup__text-item input[type='checkbox'] + label {
  position: relative;
  display: inline-block;
  cursor: pointer;
  padding: 0 0 0 36px;
  margin: 0;
  font-size: 1.1428571429rem;
  font-weight: 700;
}

/* line 1268, app/assets/stylesheets/mypage/styles.scss */
form input[type='checkbox'] + label::before,
form input[type='radio'] + label::before,
.p-popup__text-item input[type='checkbox'] + label::before {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: #fff;
  border: solid 1px #D0D8E3;
}

/* line 1282, app/assets/stylesheets/mypage/styles.scss */
form input[type='checkbox'],
.p-popup__text-item input[type='checkbox'] {
  z-index: 10;
  position: absolute;
  width: 24px;
  height: 24px;
  margin: 5px 0 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* line 1294, app/assets/stylesheets/mypage/styles.scss */
form input[type='checkbox']::before,
.p-popup__text-item input[type='checkbox']::before {
  margin: 5px 0 0;
}

/* line 1299, app/assets/stylesheets/mypage/styles.scss */
form input[type='checkbox']:focus,
.p-popup__text-item input[type='checkbox']:focus {
  outline: none;
}

/* line 1304, app/assets/stylesheets/mypage/styles.scss */
form input[type='checkbox'] + label::before,
.p-popup__text-item input[type='checkbox'] + label::before {
  margin: 3px 0 0;
}

/* line 1309, app/assets/stylesheets/mypage/styles.scss */
form input[type='checkbox']:checked + label::before,
.p-popup__text-item input[type='checkbox']:checked + label::before {
  margin: 3px 0 0;
  background-color: #00A8D6;
  border: solid 1px #00A8D6;
  border-radius: 3px;
}

/* line 1317, app/assets/stylesheets/mypage/styles.scss */
form input[type='checkbox']:checked + label::after,
.p-popup__text-item input[type='checkbox']:checked + label::after {
  position: absolute;
  left: 4px;
  top: 6px;
  content: "";
  display: inline-block;
  width: 16px;
  height: 6px;
  margin: 5px 0 0;
  border-left: solid 2px #fff;
  border-bottom: solid 2px #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* line 1334, app/assets/stylesheets/mypage/styles.scss */
form input[type='radio'] {
  z-index: 10;
  position: absolute;
  width: 24px;
  height: 24px;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* line 1345, app/assets/stylesheets/mypage/styles.scss */
form input[type='radio']:focus {
  outline: none;
}

/* line 1349, app/assets/stylesheets/mypage/styles.scss */
form input[type='radio'] + label {
  position: relative;
  display: inline-block;
  cursor: pointer;
  margin: 0;
  padding: 0 0 0 36px;
}

/* line 1357, app/assets/stylesheets/mypage/styles.scss */
form input[type='radio'] + label::before {
  content: '';
  border-radius: 100%;
}

/* line 1362, app/assets/stylesheets/mypage/styles.scss */
form input[type='radio']:checked + label::after {
  position: absolute;
  left: 8px;
  top: 8px;
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #006f8d;
  border-radius: 100%;
}

/* line 1374, app/assets/stylesheets/mypage/styles.scss */
form button:focus {
  outline: none;
}

/* line 1378, app/assets/stylesheets/mypage/styles.scss */
form button:hover {
  cursor: pointer;
}

/* line 1382, app/assets/stylesheets/mypage/styles.scss */
.form-table p:not(:last-child) {
  margin-bottom: 20px;
}

/* line 1386, app/assets/stylesheets/mypage/styles.scss */
.form-table input[type='submit'] {
  border: none;
}

/* line 1390, app/assets/stylesheets/mypage/styles.scss */
.form-table input[type='submit']::after {
  content: '';
}

/* line 1394, app/assets/stylesheets/mypage/styles.scss */
.form-table input[type='submit']:hover {
  cursor: pointer;
}

/* line 1398, app/assets/stylesheets/mypage/styles.scss */
.form-table input[type='submit']:disabled {
  cursor: initial;
}

/* line 1402, app/assets/stylesheets/mypage/styles.scss */
.form-table input[type='reset'] {
  border: none;
}

/* line 1406, app/assets/stylesheets/mypage/styles.scss */
.form-table input[type='reset']:hover {
  cursor: pointer;
}

/* line 1410, app/assets/stylesheets/mypage/styles.scss */
.form-table button {
  border: none;
}

/* line 1414, app/assets/stylesheets/mypage/styles.scss */
.form-table button.btn-right::after {
  top: 15px;
}

/* line 1418, app/assets/stylesheets/mypage/styles.scss */
.form-login input[type='text'],
.form-login input[type='password'],
.form-register input[type='text'],
.form-register input[type='password'] {
  display: block;
  padding: 10px;
  width: 100%;
  border: solid 1px #D0D8E3;
  background-color: #F9F9F9;
}

/* line 1429, app/assets/stylesheets/mypage/styles.scss */
.form-login button[type='submit'],
.form-register button[type='submit'] {
  font-weight: bold;
  color: #fff;
  border: none;
}

/* line 1436, app/assets/stylesheets/mypage/styles.scss */
.form-login button[type='submit']:hover,
.form-register button[type='submit']:hover {
  cursor: pointer;
}

/* line 1441, app/assets/stylesheets/mypage/styles.scss */
.form-login button[type='submit']:disabled,
.form-register button[type='submit']:disabled {
  cursor: default !important;
}

/* line 1446, app/assets/stylesheets/mypage/styles.scss */
.form-login button.btn-secondary[type='submit']:hover,
.form-register button.btn-secondary[type='submit']:hover {
  opacity: 1;
}

/* line 1451, app/assets/stylesheets/mypage/styles.scss */
.form-input-md {
  width: 70%;
}

@media (max-width: 767px) {
  /* line 1451, app/assets/stylesheets/mypage/styles.scss */
  .form-input-md {
    width: 100%;
  }
}

/* line 1458, app/assets/stylesheets/mypage/styles.scss */
.form-input-sm {
  width: 74%;
}

@media (max-width: 767px) {
  /* line 1458, app/assets/stylesheets/mypage/styles.scss */
  .form-input-sm {
    width: 100%;
  }
}

/* line 1465, app/assets/stylesheets/mypage/styles.scss */
input[disabled], button[disabled] {
  background-color: #cccccc;
  opacity: .8;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* line 1469, app/assets/stylesheets/mypage/styles.scss */
input[disabled]:hover, button[disabled]:hover {
  cursor: default;
  background-color: #cccccc;
}

/* box
-------------------------------*/
/* line 1478, app/assets/stylesheets/mypage/styles.scss */
.box {
  padding: 15px 20px;
}

/* line 1482, app/assets/stylesheets/mypage/styles.scss */
.box-grey {
  background-color: #F5F5F5;
}

/* ページ共通
-------------------------------*/
/* line 1489, app/assets/stylesheets/mypage/styles.scss */
div.error-msg-block {
  margin-bottom: 20px;
  padding: 20px;
  border-radius: 8px;
  background-color: #fff;
  background-color: #fae0e0;
  color: #c71f1f;
}

/* line 1496, app/assets/stylesheets/mypage/styles.scss */
div.error-msg-block ul {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 1em;
  list-style-type: disc;
}

/* line 1506, app/assets/stylesheets/mypage/styles.scss */
div.msg-block {
  margin-bottom: 20px;
  padding: 20px;
  border-radius: 8px;
  background-color: #fff;
  background-color: #cdf6d6;
  color: #56a30a;
}

/* line 1513, app/assets/stylesheets/mypage/styles.scss */
div.msg-block ul {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 1em;
  list-style-type: disc;
}

/* attention
-------------------------------*/
/* line 1526, app/assets/stylesheets/mypage/styles.scss */
.attention {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  color: #FF1D25;
  border: solid 1px #FF1D25;
}

/* line 1535, app/assets/stylesheets/mypage/styles.scss */
.attention a {
  color: inherit;
}

/* line 1539, app/assets/stylesheets/mypage/styles.scss */
.attention img {
  width: 13px;
  margin-right: 10px;
}

/* top
-------------------------------*/
/* line 1547, app/assets/stylesheets/mypage/styles.scss */
.top-section01-table {
  margin-bottom: .3rem;
}

/* line 1549, app/assets/stylesheets/mypage/styles.scss */
.top-section01-table td {
  text-align: center;
}

/* line 1552, app/assets/stylesheets/mypage/styles.scss */
.top-section01-table th {
  padding: .4rem;
}

/* line 1555, app/assets/stylesheets/mypage/styles.scss */
.top-section01-table td, .top-section01-table th {
  vertical-align: middle;
  line-height: 1.2;
}

/* line 1558, app/assets/stylesheets/mypage/styles.scss */
.top-section01-table td span, .top-section01-table th span {
  display: inline-block;
  vertical-align: middle;
}

/* line 1565, app/assets/stylesheets/mypage/styles.scss */
.top-section01-table tr.contract-hidden {
  display: none;
}

/* line 1569, app/assets/stylesheets/mypage/styles.scss */
.top-section01-table-icon-down::after {
  content: url(/assets/mypage/common/icon/icon_down_blue-0822e2f70c0e0a59c35fd698c65477bbcb32507ad6bbe82d88f65ee7d55fa9c8.svg);
  display: inline-block;
  width: 10px;
}

/* line 1575, app/assets/stylesheets/mypage/styles.scss */
.top-section01-table-icon-right::after {
  content: url(/assets/mypage/common/icon/icon_right_blue-b75add0148ca0f63d0fde33ef87fc4ed7d04e04f01fc5e7a83cb8c50f91a8637.svg);
  display: inline-block;
  width: 7px;
}

/* line 1581, app/assets/stylesheets/mypage/styles.scss */
.top-section01-table-link {
  display: block;
  color: #3e4549;
}

/* line 1584, app/assets/stylesheets/mypage/styles.scss */
.top-section01-table-link:hover {
  text-decoration: none;
  color: #3e4549;
}

/* line 1587, app/assets/stylesheets/mypage/styles.scss */
.top-section01-table-link:hover .top-section01-table-btn {
  -webkit-transition: .6s all;
  transition: .6s all;
  background-color: #0087aa;
}

/* line 1594, app/assets/stylesheets/mypage/styles.scss */
.top-section01-table-btn {
  background-color: #00afdd;
  color: #ffffff;
  font-weight: 700;
  display: inline-block;
  white-space: nowrap;
  min-width: 100px;
  height: 28px;
  line-height: 28px;
  border-radius: 14px;
  text-align: center;
  margin-left: .3rem;
  font-size: 0.8571428571rem;
  -webkit-box-shadow: 0 2px 6px rgba(0, 41, 81, 0.3);
          box-shadow: 0 2px 6px rgba(0, 41, 81, 0.3);
}

/* line 1608, app/assets/stylesheets/mypage/styles.scss */
.top-section01-table-btn:hover {
  text-decoration: none;
  cursor: pointer;
}

/* line 1612, app/assets/stylesheets/mypage/styles.scss */
.top-section01-table-btn i {
  display: inline-block;
  margin-left: .2rem;
}

/* line 1618, app/assets/stylesheets/mypage/styles.scss */
.top-section01-table-btn-change-id {
  background-color: transparent;
  color: #ff7682;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* line 1623, app/assets/stylesheets/mypage/styles.scss */
.top-section01-table-btn-change-id .top-section01-table-icon-down::after {
  content: url(/assets/mypage/common/icon/icon_down_pink-cff58accef50d45ce9b2e2f50328c9771aa543fba42f87650885fe60b262005f.svg);
}

/* line 1628, app/assets/stylesheets/mypage/styles.scss */
.top-section01-text {
  font-weight: 700;
  font-family: "Roboto", sans-serif;
  word-break: break-all;
  font-size: 2.1428571429rem;
}

/* line 1636, app/assets/stylesheets/mypage/styles.scss */
.mypage_contract_list th {
  display: none;
}

/* line 1639, app/assets/stylesheets/mypage/styles.scss */
.mypage_contract_list .top-section01-text {
  font-size: 1.5714285714rem;
}

/* line 1644, app/assets/stylesheets/mypage/styles.scss */
.top-section01-btn-row {
  margin: 0 -6px;
}

/* line 1646, app/assets/stylesheets/mypage/styles.scss */
.top-section01-btn-row [class*="col-"] {
  padding: 0 6px;
}

/* line 1651, app/assets/stylesheets/mypage/styles.scss */
.top-section01-btn {
  width: 100%;
  height: 112px;
  padding-top: 22px;
  line-height: 1.2;
  display: block;
  font-weight: 700;
  background-color: #00afdd;
  border-radius: 15px;
  text-align: center;
  color: #ffffff;
  -webkit-box-shadow: 0 2px 6px rgba(0, 41, 81, 0.3);
          box-shadow: 0 2px 6px rgba(0, 41, 81, 0.3);
}

/* line 1663, app/assets/stylesheets/mypage/styles.scss */
.top-section01-btn img {
  width: 40px;
  display: block;
  margin: 0 auto .5rem auto;
}

/* line 1668, app/assets/stylesheets/mypage/styles.scss */
.top-section01-btn:hover {
  text-decoration: none;
  color: #ffffff;
  background-color: #0087aa;
}

/* line 1675, app/assets/stylesheets/mypage/styles.scss */
.top-section02-table {
  width: 100%;
  margin-bottom: 0;
}

/* line 1680, app/assets/stylesheets/mypage/styles.scss */
.top-section02-table th {
  vertical-align: top;
}

/* line 1682, app/assets/stylesheets/mypage/styles.scss */
.top-section02-table th span {
  position: relative;
  display: inline-block;
}

/* line 1688, app/assets/stylesheets/mypage/styles.scss */
.top-section02-table tr:first-child th span::before {
  content: url(/assets/mypage/common/icon/icon_device-a79e1c1edd55832b9f7abf9f73505419b4748e06903d69f4f072768e2b489ea9.svg);
}

/* line 1692, app/assets/stylesheets/mypage/styles.scss */
.top-section02-table tr:nth-child(2) th span::before {
  content: url(/assets/mypage/common/icon/icon_plan-2d9b5acef23e85fd7bc0d4399e0f5530fabce94457603e2606b5f0bf676cd9db.svg);
}

/* line 1696, app/assets/stylesheets/mypage/styles.scss */
.top-section02-table tr:nth-child(3) th span::before {
  content: url(/assets/mypage/common/icon/icon_option-cf3bd23285f06d07acfc83eb51296d17d4ea40c2ba386168022b824b5dad88cc.svg);
}

/* line 1700, app/assets/stylesheets/mypage/styles.scss */
.top-section02-table tr th {
  text-align: left;
  font-weight: 700;
  padding-left: 40px;
}

/* line 1706, app/assets/stylesheets/mypage/styles.scss */
.top-section02-table tr th span::before {
  display: inline-block;
  position: absolute;
  top: -3px;
  left: -40px;
  width: 30px;
}

/* line 1714, app/assets/stylesheets/mypage/styles.scss */
.top-section02-table tr td {
  font-weight: 700;
}

/* line 1718, app/assets/stylesheets/mypage/styles.scss */
.top-section02-device {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* line 1723, app/assets/stylesheets/mypage/styles.scss */
.top-section02-device-img {
  background-color: #ffffff;
  padding: 1rem;
  margin-right: 1rem;
  text-align: center;
}

/* line 1730, app/assets/stylesheets/mypage/styles.scss */
.top-section02-device-name {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

/* section-header
-------------------------------*/
/* line 1737, app/assets/stylesheets/mypage/styles.scss */
.section-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1rem;
}

/* line 1743, app/assets/stylesheets/mypage/styles.scss */
.section-header-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.2;
  padding-right: .5rem;
  font-size: 1.4285714286rem;
}

/* line 1751, app/assets/stylesheets/mypage/styles.scss */
.section-header-btn {
  margin-left: auto;
}

/* line 1753, app/assets/stylesheets/mypage/styles.scss */
.section-header-btn .btn {
  margin: 0;
  white-space: nowrap;
}

/* line 1759, app/assets/stylesheets/mypage/styles.scss */
.section-header-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

/* line 1764, app/assets/stylesheets/mypage/styles.scss */
.section-header-icon img {
  width: 28px;
  display: inline-block;
  margin-right: .5rem;
}

/* contracts
-------------------------------*/
/* line 1774, app/assets/stylesheets/mypage/styles.scss */
.contracts-notice {
  font-weight: 700;
  line-height: 1.3;
  font-size: 1.1428571429rem;
}

/* line 1778, app/assets/stylesheets/mypage/styles.scss */
.contracts-notice span {
  color: #ff7682;
  font-size: 1.4285714286rem;
}

/* line 1784, app/assets/stylesheets/mypage/styles.scss */
.contracts-modelChange-banner {
  max-width: 600px;
  margin: 0 auto;
}

/* plans
-------------------------------*/
/* line 1792, app/assets/stylesheets/mypage/styles.scss */
.plan-box {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 1.7rem;
  border: 2px solid #00afdd;
  background-color: #ffffff;
  position: relative;
}

/* line 1801, app/assets/stylesheets/mypage/styles.scss */
.plan-box--cancel {
  border: 4px solid #FB5D6D;
}

/* line 1806, app/assets/stylesheets/mypage/styles.scss */
.plan-box-inner {
  margin-left: auto;
}

/* line 1810, app/assets/stylesheets/mypage/styles.scss */
.plan-box-under-contract {
  margin-bottom: 2rem;
}

/* line 1812, app/assets/stylesheets/mypage/styles.scss */
.plan-box-under-contract::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-top: 14px solid #00afdd;
  position: absolute;
  left: 50%;
  bottom: -14px;
  margin-left: -14px;
}

/* line 1826, app/assets/stylesheets/mypage/styles.scss */
.plan-box-change {
  background-color: #00afdd;
  color: #ffffff;
}

/* line 1829, app/assets/stylesheets/mypage/styles.scss */
.plan-box-change .plan-unit-price {
  color: #ffffff;
}

/* line 1834, app/assets/stylesheets/mypage/styles.scss */
.plan-box-title {
  font-size: 1.2857142857rem;
}

/* line 1838, app/assets/stylesheets/mypage/styles.scss */
.plan-unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 700;
}

/* line 1844, app/assets/stylesheets/mypage/styles.scss */
.plan-unit-name {
  margin-right: 1rem;
}

/* line 1848, app/assets/stylesheets/mypage/styles.scss */
.plan-unit-price {
  color: #ff7682;
  white-space: nowrap;
  line-height: 1;
}

/* line 1852, app/assets/stylesheets/mypage/styles.scss */
.plan-unit-price span {
  font-family: "Roboto", sans-serif;
  font-size: 2.8571428571rem;
}

/* options
-------------------------------*/
/* line 1862, app/assets/stylesheets/mypage/styles.scss */
.plan-option-bnr {
  text-align: center;
  background-color: #ffffff;
  border-radius: 10px;
  border: 4px solid transparent;
  padding: 2rem;
  margin-bottom: 1.5rem;
}

@media (max-width: 767px) {
  /* line 1862, app/assets/stylesheets/mypage/styles.scss */
  .plan-option-bnr {
    padding: 1rem;
  }
}

/* line 1875, app/assets/stylesheets/mypage/styles.scss */
.options-section-title {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  margin-bottom: 20px;
  font-size: 18px;
}

/* line 1884, app/assets/stylesheets/mypage/styles.scss */
.options-section-title::before {
  content: url(/assets/mypage/common/icon/icon_option_solid-0fa285d531bd05b059b78ad95e005625c5c0524dc6e862205e1a60ddee9ee376.svg);
  display: inline-block;
  width: 26px;
  margin-right: 10px;
}

/* line 1891, app/assets/stylesheets/mypage/styles.scss */
.options-section01 {
  padding-bottom: 50px;
}

/* line 1895, app/assets/stylesheets/mypage/styles.scss */
.options-section01-box {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  border: solid 3px #00A8D6;
  border-radius: 8px;
}

/* line 1904, app/assets/stylesheets/mypage/styles.scss */
.options-section02 {
  padding: 50px 0;
  border-top: solid 1px #CDD5E0;
}

/* line 1909, app/assets/stylesheets/mypage/styles.scss */
.options-section02-box01 {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
}

/* line 1918, app/assets/stylesheets/mypage/styles.scss */
.options-section02-box02 {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  padding: 30px 30px;
  border: solid 3px #0071B5;
  border-radius: 8px;
}

/* line 1930, app/assets/stylesheets/mypage/styles.scss */
.options-section02-link {
  color: #1992EB;
  text-decoration: underline;
  line-height: 1.45455;
  font-size: 1.1rem;
}

/* line 1937, app/assets/stylesheets/mypage/styles.scss */
.options-section02-link::before {
  content: '＞';
  display: inline-block;
  margin-right: .5em;
}

/* line 1943, app/assets/stylesheets/mypage/styles.scss */
.options-section02-link:hover {
  color: #48a8ef;
}

/* line 1947, app/assets/stylesheets/mypage/styles.scss */
.options-modal {
  position: fixed;
  z-index: 10000;
  display: none;
  width: 90vw;
  background-color: #fff;
  border: solid 3px #00A8D6;
  border-radius: 7px;
}

/* line 1957, app/assets/stylesheets/mypage/styles.scss */
.options-modal-heading {
  padding: 10px;
  text-align: center;
  line-height: 1.44444;
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
  background-color: #00A8D6;
}

/* line 1967, app/assets/stylesheets/mypage/styles.scss */
.options-modal-textarea {
  padding: 20px;
}

/* line 1971, app/assets/stylesheets/mypage/styles.scss */
.options-modal-btnHolder {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
}

/* line 1980, app/assets/stylesheets/mypage/styles.scss */
.options-table {
  width: 100%;
}

/* line 1984, app/assets/stylesheets/mypage/styles.scss */
.options-table-bordered {
  border: solid 2px #00A8D6;
}

/* line 1988, app/assets/stylesheets/mypage/styles.scss */
.options-table th {
  text-align: left;
  line-height: 1.2;
  font-size: 1rem;
  font-weight: bold;
  background-color: #F5F5F5;
  border: solid 1px #CDD5E0;
}

/* line 1997, app/assets/stylesheets/mypage/styles.scss */
.options-table td {
  padding: 30px 35px;
  line-height: 1.71429;
  font-size: 1.4rem;
  border: solid 1px #CDD5E0;
}

/* line 2004, app/assets/stylesheets/mypage/styles.scss */
.options-table-box dt {
  line-height: 1;
  font-size: 2rem;
}

/* line 2009, app/assets/stylesheets/mypage/styles.scss */
.options-table-box-heading-centered {
  text-align: center;
}

/* line 2013, app/assets/stylesheets/mypage/styles.scss */
.options-table-box-heading-bordered {
  padding-bottom: 10px;
  border-bottom: solid 1px #CDD5E0;
}

/* line 2018, app/assets/stylesheets/mypage/styles.scss */
.options-table-box dd {
  text-align: center;
  padding-top: 10px;
  line-height: 1.5;
  font-size: 2rem;
  font-weight: bold;
  color: #FF7682;
}

/* line 2027, app/assets/stylesheets/mypage/styles.scss */
.options-table-box-big {
  line-height: 1;
  font-size: 3rem;
}

/* line 2032, app/assets/stylesheets/mypage/styles.scss */
.options-arrow {
  display: block;
  width: 0;
  height: 0;
  margin: 15px auto;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #00A8D6 transparent transparent transparent;
}

/* line 2042, app/assets/stylesheets/mypage/styles.scss */
.bl-opt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 20px;
  border-bottom: 1px solid #cacaca;
}

@media (min-width: 768px) {
  /* line 2042, app/assets/stylesheets/mypage/styles.scss */
  .bl-opt {
    padding-bottom: 20px;
  }
}

/* line 2054, app/assets/stylesheets/mypage/styles.scss */
.bl-opt:last-child {
  margin-bottom: 0;
}

/* line 2058, app/assets/stylesheets/mypage/styles.scss */
.bl-opt-name {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  font-weight: 600;
}

@media (min-width: 768px) {
  /* line 2058, app/assets/stylesheets/mypage/styles.scss */
  .bl-opt-name {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}

/* line 2067, app/assets/stylesheets/mypage/styles.scss */
.bl-opt-state, .bl-opt-btnUnit {
  padding: 10px;
}

/* line 2071, app/assets/stylesheets/mypage/styles.scss */
.bl-opt-state {
  font-weight: 600;
}

/* line 2075, app/assets/stylesheets/mypage/styles.scss */
.bl-opt-btnUnit {
  text-align: right;
}

@media (min-width: 768px) {
  /* line 2075, app/assets/stylesheets/mypage/styles.scss */
  .bl-opt-btnUnit {
    -ms-flex-preferred-size: 19%;
        flex-basis: 19%;
    text-align: center;
  }
}

@media (min-width: 992px) {
  /* line 2075, app/assets/stylesheets/mypage/styles.scss */
  .bl-opt-btnUnit {
    -ms-flex-preferred-size: 15%;
        flex-basis: 15%;
  }
}

/* line 2087, app/assets/stylesheets/mypage/styles.scss */
.bl-opt-btnUnit .btn {
  font-size: 0.8571428571rem;
  margin: 0;
  padding: .8rem 1rem;
}

@media (min-width: 768px) {
  /* line 2087, app/assets/stylesheets/mypage/styles.scss */
  .bl-opt-btnUnit .btn {
    font-size: 1rem;
    padding: 1em 1.875em;
  }
}

/* line 2100, app/assets/stylesheets/mypage/styles.scss */
.btn-optName {
  position: relative;
  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;
  padding: 10px 60px 10px 20px;
  min-height: 70px;
  width: 100%;
  background-color: #ffffff;
  color: #3e4549;
  text-decoration: none;
}

/* line 2112, app/assets/stylesheets/mypage/styles.scss */
.btn-optName .detail-text {
  font-weight: lighter;
}

/* line 2116, app/assets/stylesheets/mypage/styles.scss */
.btn-optName:hover {
  background-color: #ffd5e1;
  color: #3e4549;
  text-decoration: none;
}

/* line 2122, app/assets/stylesheets/mypage/styles.scss */
.btn-optName:after {
  position: absolute;
  top: 50%;
  right: 20px;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50px;
  background: #00afdd url(/assets/mypage/common/icon/icon_right_white-a6c6c723610461dac3ec4db5bcf3f98c15ce9716ef219d620ea24afbc34b4659.svg) no-repeat top 50% left 50%;
  background-size: .5rem;
  content: "";
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

/* line 2139, app/assets/stylesheets/mypage/styles.scss */
.opt2-info-head {
  padding: 5px;
  background-color: #003399;
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  font-size: 18px;
}

@media (min-width: 768px) {
  /* line 2139, app/assets/stylesheets/mypage/styles.scss */
  .opt2-info-head {
    font-size: 35px;
  }
}

/* line 2152, app/assets/stylesheets/mypage/styles.scss */
.opt2-info-hero {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 100%;
  border-bottom: 6px solid #003399;
}

/* line 2159, app/assets/stylesheets/mypage/styles.scss */
.opt2-info-hero img {
  vertical-align: bottom;
}

/* line 2164, app/assets/stylesheets/mypage/styles.scss */
.opt2-info-wrap {
  border: 6px solid #003399;
}

/* line 2168, app/assets/stylesheets/mypage/styles.scss */
.opt2-info-body {
  padding: 20px 10px;
  background-color: #d6efff;
}

@media (min-width: 768px) {
  /* line 2168, app/assets/stylesheets/mypage/styles.scss */
  .opt2-info-body {
    padding: 40px;
  }
}

/* line 2176, app/assets/stylesheets/mypage/styles.scss */
.opt2-info-body-txt {
  margin-top: 20px;
  font-size: 14px;
  color: #484848;
}

/* line 2182, app/assets/stylesheets/mypage/styles.scss */
.opt2-info-body-txt2 {
  margin-top: 20px;
  font-size: 8px;
  color: #484848;
}

@media (min-width: 768px) {
  /* line 2182, app/assets/stylesheets/mypage/styles.scss */
  .opt2-info-body-txt2 {
    font-size: 14px;
  }
}

/* line 2192, app/assets/stylesheets/mypage/styles.scss */
.opt2-info-body-frame + .opt2-info-body-frame {
  margin-top: 70px;
}

/* line 2195, app/assets/stylesheets/mypage/styles.scss */
.opt2-info-body-frame-head {
  font-size: 30px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background: #003399;
  padding: 3px 10px;
  margin-top: 20px;
}

/* line 2204, app/assets/stylesheets/mypage/styles.scss */
.opt2-info-body-frame-body {
  background: #fff;
  padding: 20px 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

/* line 2210, app/assets/stylesheets/mypage/styles.scss */
.opt2-info-body-frame-content {
  width: 85%;
}

/* line 2213, app/assets/stylesheets/mypage/styles.scss */
.opt2-info-body-frame-text {
  font-size: 19px;
  margin-bottom: 5px;
}

/* line 2217, app/assets/stylesheets/mypage/styles.scss */
.opt2-info-body-frame-img {
  width: 13%;
}

/* line 2220, app/assets/stylesheets/mypage/styles.scss */
.opt2-info-body-frame-note {
  font-size: 16px;
}

/* line 2223, app/assets/stylesheets/mypage/styles.scss */
.opt2-info-body-frame-content2 {
  background: #fff;
  padding: 20px 40px;
  text-align: left;
}

/* line 2228, app/assets/stylesheets/mypage/styles.scss */
.opt2-info-body-frame-headline {
  font-size: 21px;
}

/* line 2230, app/assets/stylesheets/mypage/styles.scss */
.opt2-info-body-frame-headline:not(:first-child) {
  margin-top: 30px;
}

@media (max-width: 767px) {
  /* line 2236, app/assets/stylesheets/mypage/styles.scss */
  .opt2-info-body-frame-head {
    font-size: 18px;
    padding: 3px 10px;
    margin-top: 20px;
  }
  /* line 2241, app/assets/stylesheets/mypage/styles.scss */
  .opt2-info-body-frame-body {
    padding: 20px 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  /* line 2245, app/assets/stylesheets/mypage/styles.scss */
  .opt2-info-body-frame-content {
    width: 100%;
  }
  /* line 2248, app/assets/stylesheets/mypage/styles.scss */
  .opt2-info-body-frame-text {
    font-size: 15px;
    margin-bottom: 5px;
  }
  /* line 2252, app/assets/stylesheets/mypage/styles.scss */
  .opt2-info-body-frame-img {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
  }
  /* line 2257, app/assets/stylesheets/mypage/styles.scss */
  .opt2-info-body-frame-note {
    font-size: 10px;
  }
  /* line 2260, app/assets/stylesheets/mypage/styles.scss */
  .opt2-info-body-frame-content2 {
    padding: 20px 20px;
    text-align: left;
  }
  /* line 2264, app/assets/stylesheets/mypage/styles.scss */
  .opt2-info-body-frame-headline {
    font-size: 15px;
  }
  /* line 2266, app/assets/stylesheets/mypage/styles.scss */
  .opt2-info-body-frame-headline:not(:first-child) {
    margin-top: 20px;
  }
}

/* line 2275, app/assets/stylesheets/mypage/styles.scss */
.opt2-info-table {
  background-color: #ffffff;
  font-size: 13px;
  width: 100%;
}

@media (min-width: 768px) {
  /* line 2275, app/assets/stylesheets/mypage/styles.scss */
  .opt2-info-table {
    font-size: 14px;
  }
}

/* line 2284, app/assets/stylesheets/mypage/styles.scss */
.opt2-info-table th, .opt2-info-table td {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  border-collapse: collapse;
  display: block;
  width: 100%;
}

@media (min-width: 768px) {
  /* line 2284, app/assets/stylesheets/mypage/styles.scss */
  .opt2-info-table th, .opt2-info-table td {
    display: table-cell;
    width: auto;
    border: 3px solid #d6efff;
  }
}

/* line 2297, app/assets/stylesheets/mypage/styles.scss */
.opt2-info-table th.text-bold, .opt2-info-table td.text-bold {
  font-weight: 600;
}

@media (min-width: 768px) {
  /* line 2297, app/assets/stylesheets/mypage/styles.scss */
  .opt2-info-table th.text-bold, .opt2-info-table td.text-bold {
    font-weight: normal;
  }
}

/* line 2304, app/assets/stylesheets/mypage/styles.scss */
.opt2-info-table th .text-red, .opt2-info-table td .text-red {
  color: #ff1d25;
}

/* line 2309, app/assets/stylesheets/mypage/styles.scss */
.opt2-info-table th {
  text-align: left;
  background-color: #003399;
  color: #ffffff;
}

@media (min-width: 768px) {
  /* line 2309, app/assets/stylesheets/mypage/styles.scss */
  .opt2-info-table th {
    background-color: transparent;
    color: #333333;
    width: 14em;
  }
}

/* line 2322, app/assets/stylesheets/mypage/styles.scss */
.opt2-info-table--2 thead th, .opt2-info-table--2 thead td {
  background: #F4F4F4;
}

/* line 2326, app/assets/stylesheets/mypage/styles.scss */
.opt2-info-table--2 th, .opt2-info-table--2 td {
  padding: 5px;
  display: table-cell;
  font-size: 5px;
  color: inherit;
  background: #fff;
  width: auto;
}

@media (min-width: 768px) {
  /* line 2326, app/assets/stylesheets/mypage/styles.scss */
  .opt2-info-table--2 th, .opt2-info-table--2 td {
    font-size: 14px;
  }
}

/* line 2341, app/assets/stylesheets/mypage/styles.scss */
.opt2-info-spotList li {
  display: inline-block;
  margin-bottom: 10px;
  width: 5em;
  text-align: center;
}

@media (min-width: 768px) {
  /* line 2341, app/assets/stylesheets/mypage/styles.scss */
  .opt2-info-spotList li {
    width: 150px;
  }
}

/* line 2352, app/assets/stylesheets/mypage/styles.scss */
.opt2-info-spotList img {
  display: block;
  margin: 0 auto;
  width: 50px;
}

@media (min-width: 768px) {
  /* line 2352, app/assets/stylesheets/mypage/styles.scss */
  .opt2-info-spotList img {
    width: auto;
  }
}

/* line 2364, app/assets/stylesheets/mypage/styles.scss */
.opt2-info-btnUnit {
  padding: 20px 0;
  background-color: #d6efff;
  text-align: center;
}

/* line 2369, app/assets/stylesheets/mypage/styles.scss */
.opt2-info-btnUnit .btn-default {
  padding: .8rem 1rem;
  font-size: 0.8571428571rem;
}

@media (min-width: 768px) {
  /* line 2369, app/assets/stylesheets/mypage/styles.scss */
  .opt2-info-btnUnit .btn-default {
    padding: 1em 1.875em;
    font-size: 1rem;
  }
}

/* line 2379, app/assets/stylesheets/mypage/styles.scss */
.opt2-info-btnUnit .opt2-info-btn {
  font-size: 0.8571428571rem;
  position: relative;
  display: inline-block;
  padding: .8rem 2.5rem .8rem 1rem;
  border: 2px solid #00afdd;
  border-radius: 50px;
  background-color: #ffffff;
  color: #00afdd;
  line-height: 1;
  cursor: pointer;
}

@media (min-width: 768px) {
  /* line 2379, app/assets/stylesheets/mypage/styles.scss */
  .opt2-info-btnUnit .opt2-info-btn {
    padding: 1em 3.375em 1em 1.875em;
    font-size: 1rem;
  }
}

/* line 2396, app/assets/stylesheets/mypage/styles.scss */
.opt2-info-btnUnit .opt2-info-btn.active:before {
  -webkit-transform: rotate(180deg) translateY(50%);
          transform: rotate(180deg) translateY(50%);
}

/* line 2400, app/assets/stylesheets/mypage/styles.scss */
.opt2-info-btnUnit .opt2-info-btn:before {
  position: absolute;
  top: 50%;
  right: 1rem;
  width: 1em;
  height: 1em;
  background: url(/assets/mypage/common/icon/icon_down_blue-0822e2f70c0e0a59c35fd698c65477bbcb32507ad6bbe82d88f65ee7d55fa9c8.svg) no-repeat top 50% left 50%;
  background-size: contain;
  content: "";
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media (min-width: 768px) {
  /* line 2400, app/assets/stylesheets/mypage/styles.scss */
  .opt2-info-btnUnit .opt2-info-btn:before {
    right: 1.875em;
  }
}

/* cancellation
-------------------------------*/
/* line 2424, app/assets/stylesheets/mypage/styles.scss */
.cancellation-section {
  padding-bottom: 50px;
}

/* line 2428, app/assets/stylesheets/mypage/styles.scss */
.cancellation-section-title {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  margin-bottom: 20px;
  font-size: 18px;
}

/* line 2437, app/assets/stylesheets/mypage/styles.scss */
.cancellation-section-title::before {
  content: url(/assets/mypage/common/icon/icon_option_solid-0fa285d531bd05b059b78ad95e005625c5c0524dc6e862205e1a60ddee9ee376.svg);
  display: inline-block;
  width: 26px;
  margin-right: 10px;
}

/* line 2444, app/assets/stylesheets/mypage/styles.scss */
.cancellation-table {
  width: 100%;
}

/* line 2448, app/assets/stylesheets/mypage/styles.scss */
.cancellation-table-bordered {
  border: solid 2px #00A8D6;
}

/* line 2452, app/assets/stylesheets/mypage/styles.scss */
.cancellation-table th {
  text-align: left;
  line-height: 1.2;
  font-size: 1rem;
  font-weight: bold;
  background-color: #F5F5F5;
  border: solid 1px #CDD5E0;
}

/* line 2461, app/assets/stylesheets/mypage/styles.scss */
.cancellation-table td {
  padding: 30px 35px;
  line-height: 1.71429;
  font-size: 1.4rem;
  border: solid 1px #CDD5E0;
}

/* line 2468, app/assets/stylesheets/mypage/styles.scss */
.cancellation-table-box dt {
  line-height: 1;
  font-size: 2rem;
}

/* line 2473, app/assets/stylesheets/mypage/styles.scss */
.cancellation-table-box-heading-centered {
  text-align: center;
}

/* line 2477, app/assets/stylesheets/mypage/styles.scss */
.cancellation-table-box-heading-bordered {
  padding-bottom: 10px;
  border-bottom: solid 1px #CDD5E0;
}

/* line 2482, app/assets/stylesheets/mypage/styles.scss */
.cancellation-table-box dd {
  text-align: center;
  padding-top: 10px;
  line-height: 1.5;
  font-size: 2rem;
  font-weight: bold;
  color: #FF7682;
}

/* line 2491, app/assets/stylesheets/mypage/styles.scss */
.cancellation-table-box-big {
  line-height: 1;
  font-size: 3rem;
}

/* line 2496, app/assets/stylesheets/mypage/styles.scss */
.cancellation-arrow {
  display: block;
  width: 0;
  height: 0;
  margin: 15px auto;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #00A8D6 transparent transparent transparent;
}

/* payment
-------------------------------*/
/* line 2509, app/assets/stylesheets/mypage/styles.scss */
.payment-localnav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 3rem;
}

/* line 2516, app/assets/stylesheets/mypage/styles.scss */
.payment-localnav-icon-dropdown::before {
  content: url(/assets/mypage/common/icon/icon_triangle_down-2b09888a4b0801e81af2e71bfe8d00493c460ef4d1b722b3878092ceadeed5af.svg);
  display: block;
  width: 10px;
}

/* line 2522, app/assets/stylesheets/mypage/styles.scss */
.payment-localnav-item-current {
  position: relative;
  width: 100%;
  max-width: 150px;
}

/* line 2528, app/assets/stylesheets/mypage/styles.scss */
.payment-localnav-item-current::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 8px;
  display: block;
  width: 16px;
  height: 8px;
  margin-top: -2px;
  background: url(/assets/mypage/common/icon/icon_triangle_down-2b09888a4b0801e81af2e71bfe8d00493c460ef4d1b722b3878092ceadeed5af.svg) no-repeat left top/contain;
}

/* line 2540, app/assets/stylesheets/mypage/styles.scss */
.payment-localnav-link-current {
  border: 3px solid #00afdd;
  padding: .8rem 0 .8rem .5rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

/* line 2544, app/assets/stylesheets/mypage/styles.scss */
.payment-localnav-link-current::-ms-expand {
  display: none;
}

/* line 2549, app/assets/stylesheets/mypage/styles.scss */
.payment-total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-weight: 700;
  line-height: 1;
  padding-bottom: .5rem;
  margin-bottom: 2rem;
  border-bottom: 2px solid #00afdd;
}

/* line 2560, app/assets/stylesheets/mypage/styles.scss */
.payment-total-title {
  white-space: nowrap;
  font-size: 1.5714285714rem;
}

/* line 2565, app/assets/stylesheets/mypage/styles.scss */
.payment-total-price {
  white-space: nowrap;
  color: #ff7682;
  margin-left: auto;
}

/* line 2569, app/assets/stylesheets/mypage/styles.scss */
.payment-total-price span {
  font-family: "Roboto", sans-serif;
  font-size: 2.8571428571rem;
}

/* line 2575, app/assets/stylesheets/mypage/styles.scss */
.payment-unit {
  border-bottom: 1px solid #d1d1d1;
  padding-bottom: .3rem;
  margin-bottom: .3rem;
}

/* line 2582, app/assets/stylesheets/mypage/styles.scss */
.payment-table td .payment-unit:last-child {
  border-bottom: 0;
}

/* line 2587, app/assets/stylesheets/mypage/styles.scss */
.payment-unit-num {
  text-align: right;
  font-weight: 700;
}

/* line 2590, app/assets/stylesheets/mypage/styles.scss */
.payment-unit-num span {
  font-family: "Roboto", sans-serif;
  font-size: 1.7142857143rem;
}

/* login
-------------------------------*/
/* line 2599, app/assets/stylesheets/mypage/styles.scss */
.login-section-box p {
  position: relative;
}

/* line 2603, app/assets/stylesheets/mypage/styles.scss */
.login-section-box-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: .5rem;
  line-height: 1;
}

/* line 2610, app/assets/stylesheets/mypage/styles.scss */
.login-section-box-title::before {
  display: block;
  margin-right: .5rem;
  width: 30px;
}

/* line 2616, app/assets/stylesheets/mypage/styles.scss */
.login-section-box-title-mail::before {
  content: url(/assets/mypage/common/icon/icon_mail-2a556d39283540a1b3210de627d4368c0cf6d2253abb3217c305e30afd182b9d.svg);
  width: 26px;
}

/* line 2621, app/assets/stylesheets/mypage/styles.scss */
.login-section-box-title-password::before {
  content: url(/assets/mypage/common/icon/icon_password-0f8b7a589ba99db7e01dd5639f2fca4af30d971bbcc95c0e1f444ad7120b0c4c.svg);
}

/* line 2625, app/assets/stylesheets/mypage/styles.scss */
.login-section-box-title-register::before {
  content: url(/assets/mypage/common/icon/icon_register-77c8074c6b834b31bbc778d5d00f59fe1dc50089e2d84acd8caaf525db2d50bd.svg);
}

/* line 2629, app/assets/stylesheets/mypage/styles.scss */
.login-section-box-text {
  margin-top: 30px;
  font-size: 19px;
}

/* line 2634, app/assets/stylesheets/mypage/styles.scss */
.login-section-box-btnHolder {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  width: 100%;
  padding-bottom: 30px;
}

/* line 2643, app/assets/stylesheets/mypage/styles.scss */
.login-section-question {
  line-height: 1;
  font-size: 0.8571428571rem;
}

/* line 2648, app/assets/stylesheets/mypage/styles.scss */
.login-section-question::before {
  content: url(/assets/mypage/common/icon/icon_question_outline-bc1f2d8bc0516922c96d6f727250d2b9f6c3b52f0392c4698f037caed03bdea8.svg);
  display: inline-block;
  width: 7px;
  margin-right: .2rem;
}

/* line 2655, app/assets/stylesheets/mypage/styles.scss */
.login-section-question a {
  text-decoration: underline;
}

/* line 2659, app/assets/stylesheets/mypage/styles.scss */
.login-initial-registration {
  border: 1px solid #d1d1d1;
  border-radius: 3px;
  padding: 2rem;
}

/* line 2665, app/assets/stylesheets/mypage/styles.scss */
.login-initial-registration-btnHolder {
  text-align: center;
}

/* line 2669, app/assets/stylesheets/mypage/styles.scss */
.login-initial-registration-title {
  margin-bottom: .5rem;
}

/* register
-------------------------------*/
/* line 2676, app/assets/stylesheets/mypage/styles.scss */
.register-section-box p {
  position: relative;
}

/* line 2680, app/assets/stylesheets/mypage/styles.scss */
.register-section-box-title {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  margin-bottom: 10px;
  padding-left: 10px;
  height: 48px;
}

/* line 2690, app/assets/stylesheets/mypage/styles.scss */
.register-section-box-title::before {
  display: block;
  margin-right: 18px;
}

/* line 2695, app/assets/stylesheets/mypage/styles.scss */
.register-section-box-title-mail::before {
  content: url(/assets/mypage/common/icon/icon_mail-2a556d39283540a1b3210de627d4368c0cf6d2253abb3217c305e30afd182b9d.svg);
  width: 39px;
}

/* line 2700, app/assets/stylesheets/mypage/styles.scss */
.register-section-box-title-password::before {
  content: url(/assets/mypage/common/icon/icon_password-0f8b7a589ba99db7e01dd5639f2fca4af30d971bbcc95c0e1f444ad7120b0c4c.svg);
  width: 36px;
}

/* line 2705, app/assets/stylesheets/mypage/styles.scss */
.register-section-box-title-register::before {
  content: url(/assets/mypage/common/icon/icon_register-77c8074c6b834b31bbc778d5d00f59fe1dc50089e2d84acd8caaf525db2d50bd.svg);
  width: 33px;
}

/* line 2710, app/assets/stylesheets/mypage/styles.scss */
.register-section-box-input {
  margin-bottom: 50px;
}

/* line 2714, app/assets/stylesheets/mypage/styles.scss */
.register-section-box-text {
  margin-top: 30px;
  font-size: 19px;
}

/* line 2719, app/assets/stylesheets/mypage/styles.scss */
.register-section-box-btnHolder {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  width: 100%;
  padding-bottom: 30px;
}

@media screen and (min-width: 576px) {
  /* line 2730, app/assets/stylesheets/mypage/styles.scss */
  .payment-unit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  /* line 2735, app/assets/stylesheets/mypage/styles.scss */
  .payment-unit-num {
    margin-left: auto;
  }
}

@media screen and (min-width: 768px) {
  /* line 2743, app/assets/stylesheets/mypage/styles.scss */
  .narrow {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
  }
  /* line 2749, app/assets/stylesheets/mypage/styles.scss */
  .br-pc::before {
    content: "\A";
    white-space: pre;
  }
  /* line 2754, app/assets/stylesheets/mypage/styles.scss */
  .fs-pc-10 {
    font-size: 10px;
  }
  /* line 2758, app/assets/stylesheets/mypage/styles.scss */
  .fs-pc-11 {
    font-size: 11px;
  }
  /* line 2762, app/assets/stylesheets/mypage/styles.scss */
  .fs-pc-12 {
    font-size: 12px;
  }
  /* line 2766, app/assets/stylesheets/mypage/styles.scss */
  .fs-pc-13 {
    font-size: 13px;
  }
  /* line 2770, app/assets/stylesheets/mypage/styles.scss */
  .fs-pc-14 {
    font-size: 14px;
  }
  /* line 2774, app/assets/stylesheets/mypage/styles.scss */
  .fs-pc-15 {
    font-size: 15px;
  }
  /* line 2778, app/assets/stylesheets/mypage/styles.scss */
  .fs-pc-16 {
    font-size: 16px;
  }
  /* line 2782, app/assets/stylesheets/mypage/styles.scss */
  .fs-pc-17 {
    font-size: 17px;
  }
  /* line 2786, app/assets/stylesheets/mypage/styles.scss */
  .fs-pc-18 {
    font-size: 18px;
  }
  /* line 2790, app/assets/stylesheets/mypage/styles.scss */
  .fs-pc-19 {
    font-size: 19px;
  }
  /* line 2794, app/assets/stylesheets/mypage/styles.scss */
  .fs-pc-20 {
    font-size: 20px;
  }
  /* line 2798, app/assets/stylesheets/mypage/styles.scss */
  .fs-pc-21 {
    font-size: 21px;
  }
  /* line 2802, app/assets/stylesheets/mypage/styles.scss */
  .fs-pc-22 {
    font-size: 22px;
  }
  /* line 2806, app/assets/stylesheets/mypage/styles.scss */
  .fs-pc-23 {
    font-size: 23px;
  }
  /* line 2810, app/assets/stylesheets/mypage/styles.scss */
  .fs-pc-24 {
    font-size: 24px;
  }
  /* line 2814, app/assets/stylesheets/mypage/styles.scss */
  .fs-pc-25 {
    font-size: 25px;
  }
  /* line 2818, app/assets/stylesheets/mypage/styles.scss */
  .fs-pc-26 {
    font-size: 26px;
  }
  /* line 2822, app/assets/stylesheets/mypage/styles.scss */
  .fs-pc-27 {
    font-size: 27px;
  }
  /* line 2826, app/assets/stylesheets/mypage/styles.scss */
  .fs-pc-28 {
    font-size: 28px;
  }
  /* line 2830, app/assets/stylesheets/mypage/styles.scss */
  .fs-pc-29 {
    font-size: 29px;
  }
  /* line 2834, app/assets/stylesheets/mypage/styles.scss */
  .fs-pc-30 {
    font-size: 30px;
  }
  /* line 2838, app/assets/stylesheets/mypage/styles.scss */
  .fs-pc-31 {
    font-size: 31px;
  }
  /* line 2842, app/assets/stylesheets/mypage/styles.scss */
  .fs-pc-32 {
    font-size: 32px;
  }
  /* line 2846, app/assets/stylesheets/mypage/styles.scss */
  .fs-pc-33 {
    font-size: 33px;
  }
  /* line 2850, app/assets/stylesheets/mypage/styles.scss */
  .fs-pc-34 {
    font-size: 34px;
  }
  /* line 2854, app/assets/stylesheets/mypage/styles.scss */
  .fs-pc-35 {
    font-size: 35px;
  }
  /* line 2858, app/assets/stylesheets/mypage/styles.scss */
  .fs-pc-36 {
    font-size: 36px;
  }
  /* line 2862, app/assets/stylesheets/mypage/styles.scss */
  .fs-pc-37 {
    font-size: 37px;
  }
  /* line 2866, app/assets/stylesheets/mypage/styles.scss */
  .fs-pc-38 {
    font-size: 38px;
  }
  /* line 2870, app/assets/stylesheets/mypage/styles.scss */
  .fs-pc-39 {
    font-size: 39px;
  }
  /* line 2874, app/assets/stylesheets/mypage/styles.scss */
  .fs-pc-40 {
    font-size: 40px;
  }
  /* line 2878, app/assets/stylesheets/mypage/styles.scss */
  .fs-pc-41 {
    font-size: 41px;
  }
  /* line 2882, app/assets/stylesheets/mypage/styles.scss */
  .fs-pc-42 {
    font-size: 42px;
  }
  /* line 2886, app/assets/stylesheets/mypage/styles.scss */
  .fs-pc-43 {
    font-size: 43px;
  }
  /* line 2890, app/assets/stylesheets/mypage/styles.scss */
  .fs-pc-44 {
    font-size: 44px;
  }
  /* line 2894, app/assets/stylesheets/mypage/styles.scss */
  .fs-pc-45 {
    font-size: 45px;
  }
  /* line 2898, app/assets/stylesheets/mypage/styles.scss */
  .fs-pc-46 {
    font-size: 46px;
  }
  /* line 2902, app/assets/stylesheets/mypage/styles.scss */
  .fs-pc-47 {
    font-size: 47px;
  }
  /* line 2906, app/assets/stylesheets/mypage/styles.scss */
  .fs-pc-48 {
    font-size: 48px;
  }
  /* line 2910, app/assets/stylesheets/mypage/styles.scss */
  .fs-pc-49 {
    font-size: 49px;
  }
  /* line 2914, app/assets/stylesheets/mypage/styles.scss */
  .fs-pc-50 {
    font-size: 50px;
  }
  /* line 2918, app/assets/stylesheets/mypage/styles.scss */
  .spOnly {
    display: none !important;
  }
  /* line 2922, app/assets/stylesheets/mypage/styles.scss */
  .mt-pc-10 {
    margin-top: 10px;
  }
  /* line 2926, app/assets/stylesheets/mypage/styles.scss */
  .mt-pc-15 {
    margin-top: 15px;
  }
  /* line 2930, app/assets/stylesheets/mypage/styles.scss */
  .mt-pc-20 {
    margin-top: 20px;
  }
  /* line 2934, app/assets/stylesheets/mypage/styles.scss */
  .mt-pc-25 {
    margin-top: 25px;
  }
  /* line 2938, app/assets/stylesheets/mypage/styles.scss */
  .mt-pc-30 {
    margin-top: 30px;
  }
  /* line 2942, app/assets/stylesheets/mypage/styles.scss */
  .mt-pc-35 {
    margin-top: 35px;
  }
  /* line 2946, app/assets/stylesheets/mypage/styles.scss */
  .mt-pc-40 {
    margin-top: 40px;
  }
  /* line 2950, app/assets/stylesheets/mypage/styles.scss */
  .mt-pc-45 {
    margin-top: 45px;
  }
  /* line 2954, app/assets/stylesheets/mypage/styles.scss */
  .mt-pc-50 {
    margin-top: 50px;
  }
  /* line 2958, app/assets/stylesheets/mypage/styles.scss */
  .mt-pc-55 {
    margin-top: 55px;
  }
  /* line 2962, app/assets/stylesheets/mypage/styles.scss */
  .mt-pc-60 {
    margin-top: 60px;
  }
  /* line 2966, app/assets/stylesheets/mypage/styles.scss */
  .mt-pc-65 {
    margin-top: 65px;
  }
  /* line 2970, app/assets/stylesheets/mypage/styles.scss */
  .mt-pc-70 {
    margin-top: 70px;
  }
  /* line 2974, app/assets/stylesheets/mypage/styles.scss */
  .mt-pc-75 {
    margin-top: 75px;
  }
  /* line 2978, app/assets/stylesheets/mypage/styles.scss */
  .mt-pc-80 {
    margin-top: 80px;
  }
  /* line 2982, app/assets/stylesheets/mypage/styles.scss */
  .mt-pc-85 {
    margin-top: 85px;
  }
  /* line 2986, app/assets/stylesheets/mypage/styles.scss */
  .mt-pc-90 {
    margin-top: 90px;
  }
  /* line 2990, app/assets/stylesheets/mypage/styles.scss */
  .mt-pc-95 {
    margin-top: 95px;
  }
  /* line 2994, app/assets/stylesheets/mypage/styles.scss */
  .mt-pc-100 {
    margin-top: 100px;
  }
  /* line 2998, app/assets/stylesheets/mypage/styles.scss */
  .gnav-link:hover::after {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  /* line 3002, app/assets/stylesheets/mypage/styles.scss */
  .localnav {
    padding: 0 0 65px;
  }
  /* line 3006, app/assets/stylesheets/mypage/styles.scss */
  .localnav-item:not(:first-child)::before {
    margin-right: 16px;
  }
  /* line 3010, app/assets/stylesheets/mypage/styles.scss */
  .localnav-active,
.localnav-inactive {
    padding: 40px 112px;
    font-size: 20px;
  }
  /* line 3016, app/assets/stylesheets/mypage/styles.scss */
  .localnav-num {
    margin-right: 20px;
  }
  /* line 3020, app/assets/stylesheets/mypage/styles.scss */
  .application {
    padding: 30px 0 25px;
  }
  /* line 3024, app/assets/stylesheets/mypage/styles.scss */
  .application-inner {
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
  }
  /* line 3029, app/assets/stylesheets/mypage/styles.scss */
  .application-btn {
    width: 320px;
  }
  /* line 3033, app/assets/stylesheets/mypage/styles.scss */
  .column-title {
    margin-bottom: 60px;
    line-height: 1;
    font-size: 3rem;
  }
  /* line 3039, app/assets/stylesheets/mypage/styles.scss */
  .column-boxarea {
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
  }
  /* line 3044, app/assets/stylesheets/mypage/styles.scss */
  .column-boxarea {
    padding: 0 0 50px;
  }
  /* line 3048, app/assets/stylesheets/mypage/styles.scss */
  .column-box {
    width: 316px;
  }
  /* line 3052, app/assets/stylesheets/mypage/styles.scss */
  .section {
    padding: 5rem 0;
  }
  /* line 3056, app/assets/stylesheets/mypage/styles.scss */
  .footer-nav {
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
  }
  /* line 3061, app/assets/stylesheets/mypage/styles.scss */
  .footer-nav {
    padding-bottom: 70px;
  }
  /* line 3065, app/assets/stylesheets/mypage/styles.scss */
  .footer-nav-box-title {
    margin-bottom: 25px;
  }
  /* line 3069, app/assets/stylesheets/mypage/styles.scss */
  .footer-logoarea {
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
  }
  /* line 3074, app/assets/stylesheets/mypage/styles.scss */
  .footer-subnav-list {
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
  }
  /* line 3079, app/assets/stylesheets/mypage/styles.scss */
  .footer-subnav-item:not(:first-child) {
    margin-left: 25px;
  }
  /* line 3083, app/assets/stylesheets/mypage/styles.scss */
  #pagetop {
    right: 60px;
  }
  /* line 3087, app/assets/stylesheets/mypage/styles.scss */
  .btnArea {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  /* line 3094, app/assets/stylesheets/mypage/styles.scss */
  .btnHolder {
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
  }
  /* line 3099, app/assets/stylesheets/mypage/styles.scss */
  .btnHolder .btn:not(:first-child) {
    margin-left: 50px;
  }
  /* line 3103, app/assets/stylesheets/mypage/styles.scss */
  form input[type='text'],
form input[type='password'],
form input[type='tel'],
form input[type='mail'] {
    padding: 18px 20px;
  }
  /* line 3110, app/assets/stylesheets/mypage/styles.scss */
  form input[type='radio'] {
    margin: 3px 0 0;
  }
  /* line 3114, app/assets/stylesheets/mypage/styles.scss */
  .form-login input[type='text'],
.form-login input[type='password'],
.form-register input[type='text'],
.form-register input[type='password'] {
    padding: 18px 20px;
  }
  /* line 3121, app/assets/stylesheets/mypage/styles.scss */
  .attention {
    margin-bottom: 65px;
    padding: 10px 20px;
    border: solid 2px #FF1D25;
  }
  /* line 3127, app/assets/stylesheets/mypage/styles.scss */
  .attention img {
    width: 25px;
    margin-right: 18px;
  }
  /* line 3133, app/assets/stylesheets/mypage/styles.scss */
  .top-section01-table th {
    width: calc(60vw / 375 * 100);
  }
  /* line 3138, app/assets/stylesheets/mypage/styles.scss */
  .top-section01-btn {
    height: 132px;
    padding-top: 32px;
  }
  /* line 3143, app/assets/stylesheets/mypage/styles.scss */
  .mypage_contract_list th {
    display: table-cell;
  }
  /* line 3147, app/assets/stylesheets/mypage/styles.scss */
  .top-section02-table tr:not(:last-child) th,
.top-section02-table tr:not(:last-child) td {
    border-bottom: #CDD5E0 solid 1px;
  }
  /* line 3152, app/assets/stylesheets/mypage/styles.scss */
  .top-section02-table tr th,
.top-section02-table tr td {
    padding: 2rem;
    padding-left: 40px;
  }
  /* line 3158, app/assets/stylesheets/mypage/styles.scss */
  .top-section02-table tr th {
    width: 245px;
  }
  /* line 3162, app/assets/stylesheets/mypage/styles.scss */
  .plans-section {
    padding-bottom: 115px;
  }
  /* line 3166, app/assets/stylesheets/mypage/styles.scss */
  .plans-section-title {
    margin-bottom: 40px;
    font-size: 26px;
  }
  /* line 3171, app/assets/stylesheets/mypage/styles.scss */
  .plans-section-title::before {
    width: 38px;
    margin-right: 20px;
  }
  /* line 3176, app/assets/stylesheets/mypage/styles.scss */
  .plans-table-bordered {
    border: solid 7px #00A8D6;
  }
  /* line 3180, app/assets/stylesheets/mypage/styles.scss */
  .plans-table th {
    width: 277px;
    padding: 30px 0 30px 35px;
    line-height: 1.18182;
    font-size: 2.2rem;
  }
  /* line 3187, app/assets/stylesheets/mypage/styles.scss */
  .plans-table td {
    line-height: 1.625;
    font-size: 1.6rem;
  }
  /* line 3192, app/assets/stylesheets/mypage/styles.scss */
  .plans-table-box dt {
    line-height: 1;
    font-size: 3rem;
  }
  /* line 3197, app/assets/stylesheets/mypage/styles.scss */
  .plans-table-box-heading-bordered {
    padding-bottom: 20px;
  }
  /* line 3201, app/assets/stylesheets/mypage/styles.scss */
  .plans-table-box dd {
    padding-top: 20px;
    line-height: 1.66667;
    font-size: 5.4rem;
  }
  /* line 3207, app/assets/stylesheets/mypage/styles.scss */
  .plans-table-box-big {
    line-height: 1;
    font-size: 9rem;
  }
  /* line 3212, app/assets/stylesheets/mypage/styles.scss */
  .plans-arrow {
    margin: 30px auto;
    border-width: 40px 40px 0 40px;
  }
  /* line 3217, app/assets/stylesheets/mypage/styles.scss */
  .options-section-title {
    margin-bottom: 40px;
    font-size: 26px;
  }
  /* line 3222, app/assets/stylesheets/mypage/styles.scss */
  .options-section-title::before {
    width: 41px;
    margin-right: 20px;
  }
  /* line 3227, app/assets/stylesheets/mypage/styles.scss */
  .options-section01 {
    padding-bottom: 75px;
  }
  /* line 3231, app/assets/stylesheets/mypage/styles.scss */
  .options-section01-box {
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
  }
  /* line 3236, app/assets/stylesheets/mypage/styles.scss */
  .options-section01-box {
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
    padding: 20px 60px;
  }
  /* line 3244, app/assets/stylesheets/mypage/styles.scss */
  .options-section02 {
    padding: 100px 0;
  }
  /* line 3248, app/assets/stylesheets/mypage/styles.scss */
  .options-section02-box01 {
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
  }
  /* line 3253, app/assets/stylesheets/mypage/styles.scss */
  .options-section02-box01 {
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
            justify-content: space-between;
    padding: 50px 65px;
    border: solid 7px #00A8D6;
  }
  /* line 3260, app/assets/stylesheets/mypage/styles.scss */
  .options-section02-box02 {
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
  }
  /* line 3265, app/assets/stylesheets/mypage/styles.scss */
  .options-section02-box02 {
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
            justify-content: space-between;
    padding: 30px 30px;
  }
  /* line 3271, app/assets/stylesheets/mypage/styles.scss */
  .options-section02-link {
    line-height: 1.41176;
    font-size: 1.7rem;
  }
  /* line 3276, app/assets/stylesheets/mypage/styles.scss */
  .options-modal {
    width: 770px;
  }
  /* line 3280, app/assets/stylesheets/mypage/styles.scss */
  .options-modal-heading {
    line-height: 1.23077;
    font-size: 2.6rem;
  }
  /* line 3285, app/assets/stylesheets/mypage/styles.scss */
  .options-modal-textarea {
    padding: 20px 50px 50px;
  }
  /* line 3289, app/assets/stylesheets/mypage/styles.scss */
  .options-table-bordered {
    border: solid 7px #00A8D6;
  }
  /* line 3293, app/assets/stylesheets/mypage/styles.scss */
  .options-table th {
    width: 277px;
    padding: 30px 0 30px 35px;
    line-height: 1.18182;
    font-size: 2.2rem;
  }
  /* line 3300, app/assets/stylesheets/mypage/styles.scss */
  .options-table td {
    line-height: 1.625;
    font-size: 1.6rem;
  }
  /* line 3305, app/assets/stylesheets/mypage/styles.scss */
  .options-table-box dt {
    line-height: 1;
    font-size: 3rem;
  }
  /* line 3310, app/assets/stylesheets/mypage/styles.scss */
  .options-table-box-heading-bordered {
    padding-bottom: 20px;
  }
  /* line 3314, app/assets/stylesheets/mypage/styles.scss */
  .options-table-box dd {
    padding-top: 20px;
    line-height: 1.66667;
    font-size: 5.4rem;
  }
  /* line 3320, app/assets/stylesheets/mypage/styles.scss */
  .options-table-box-big {
    line-height: 1;
    font-size: 9rem;
  }
  /* line 3325, app/assets/stylesheets/mypage/styles.scss */
  .options-arrow {
    margin: 30px auto;
    border-width: 40px 40px 0 40px;
  }
  /* line 3330, app/assets/stylesheets/mypage/styles.scss */
  .cancellation-section {
    padding-bottom: 75px;
  }
  /* line 3334, app/assets/stylesheets/mypage/styles.scss */
  .cancellation-section-title {
    margin-bottom: 40px;
    font-size: 26px;
  }
  /* line 3339, app/assets/stylesheets/mypage/styles.scss */
  .cancellation-section-title::before {
    width: 41px;
    margin-right: 20px;
  }
  /* line 3344, app/assets/stylesheets/mypage/styles.scss */
  .cancellation-table-bordered {
    border: solid 7px #00A8D6;
  }
  /* line 3348, app/assets/stylesheets/mypage/styles.scss */
  .cancellation-table th {
    width: 277px;
    padding: 30px 0 30px 35px;
    line-height: 1.18182;
    font-size: 2.2rem;
  }
  /* line 3355, app/assets/stylesheets/mypage/styles.scss */
  .cancellation-table td {
    line-height: 1.625;
    font-size: 1.6rem;
  }
  /* line 3360, app/assets/stylesheets/mypage/styles.scss */
  .cancellation-table-box dt {
    line-height: 1;
    font-size: 3rem;
  }
  /* line 3365, app/assets/stylesheets/mypage/styles.scss */
  .cancellation-table-box-heading-bordered {
    padding-bottom: 20px;
  }
  /* line 3369, app/assets/stylesheets/mypage/styles.scss */
  .cancellation-table-box dd {
    padding-top: 20px;
    line-height: 1.66667;
    font-size: 5.4rem;
  }
  /* line 3375, app/assets/stylesheets/mypage/styles.scss */
  .cancellation-table-box-big {
    line-height: 1;
    font-size: 9rem;
  }
  /* line 3380, app/assets/stylesheets/mypage/styles.scss */
  .cancellation-arrow {
    margin: 30px auto;
    border-width: 40px 40px 0 40px;
  }
  /* line 3385, app/assets/stylesheets/mypage/styles.scss */
  .payment-localnav-item-current {
    max-width: 200px;
    margin: 0 1rem;
  }
  /* line 3390, app/assets/stylesheets/mypage/styles.scss */
  .payment-localnav-link-current {
    padding-left: 1rem;
  }
  /* line 3394, app/assets/stylesheets/mypage/styles.scss */
  .login-section-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  /* line 3399, app/assets/stylesheets/mypage/styles.scss */
  .login-section-box-input {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  /* line 3402, app/assets/stylesheets/mypage/styles.scss */
  .login-section-box-input .light-txt::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.2);
  }
  .login-section-box-input .light-txt::-moz-placeholder {
    color: rgba(0, 0, 0, 0.2);
  }
  .login-section-box-input .light-txt:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.2);
  }
  .login-section-box-input .light-txt::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.2);
  }
  .login-section-box-input .light-txt::placeholder {
    color: rgba(0, 0, 0, 0.2);
  }
  /* line 3407, app/assets/stylesheets/mypage/styles.scss */
  .login-section-box-title {
    -ms-flex-preferred-size: 190px;
        flex-basis: 190px;
    padding-top: 1.3rem;
  }
  /* line 3412, app/assets/stylesheets/mypage/styles.scss */
  .login-initial-registration-btnHolder {
    text-align: right;
  }
  /* line 3416, app/assets/stylesheets/mypage/styles.scss */
  .register-section-box-title {
    font-size: 23px;
  }
}

@media (min-width: 992px) {
  /* line 3424, app/assets/stylesheets/mypage/styles.scss */
  .header-toggle {
    display: none;
  }
  /* line 3428, app/assets/stylesheets/mypage/styles.scss */
  .header-container {
    max-width: 1130px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    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;
    height: 100px;
  }
  /* line 3440, app/assets/stylesheets/mypage/styles.scss */
  .header-logo-image {
    width: 162px;
    margin-top: .4rem;
  }
  /* line 3445, app/assets/stylesheets/mypage/styles.scss */
  .gnav-sub-item:not(:first-child) {
    margin-left: 1.8rem;
  }
  /* line 3449, app/assets/stylesheets/mypage/styles.scss */
  .gnav-inner {
    padding: 10px 0;
    margin-left: auto;
    font-weight: 700;
  }
  /* line 3455, app/assets/stylesheets/mypage/styles.scss */
  .gnav-link {
    color: #333333;
    position: relative;
    display: inline-block;
    text-decoration: none;
    margin: 0 0.8rem;
  }
  /* line 3463, app/assets/stylesheets/mypage/styles.scss */
  .gnav-inner .gnav-item:last-child .gnav-link {
    margin-right: 0;
  }
  /* line 3467, app/assets/stylesheets/mypage/styles.scss */
  .gnav-link::after {
    position: absolute;
    left: 0;
    content: '';
    width: 100%;
    height: 0.3rem;
    background: #00A8D6;
    bottom: -0.9rem;
    -webkit-transform: scale(0, 1);
            transform: scale(0, 1);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    -webkit-transform-origin: center top;
            transform-origin: center top;
  }
}

@media (min-width: 1200px) {
  /* line 3484, app/assets/stylesheets/mypage/styles.scss */
  .gnav-link {
    margin: 0 1.45rem;
  }
  /* line 3488, app/assets/stylesheets/mypage/styles.scss */
  .gnav-inner .gnav-item:last-child .gnav-link {
    margin-right: 0;
  }
}

@media screen and (max-width: 991px) {
  /* line 3496, app/assets/stylesheets/mypage/styles.scss */
  .wrapper {
    margin-top: 48px;
  }
  /* line 3500, app/assets/stylesheets/mypage/styles.scss */
  .header {
    position: fixed;
    z-index: 1000;
    width: 100%;
    height: 48px;
    background-color: #fff;
    border-top: 2px solid #00afdd;
    -webkit-box-shadow: 0 2px 6px rgba(0, 41, 81, 0.3);
            box-shadow: 0 2px 6px rgba(0, 41, 81, 0.3);
  }
  /* line 3510, app/assets/stylesheets/mypage/styles.scss */
  .header-logo-image {
    width: 97px;
  }
  /* line 3514, app/assets/stylesheets/mypage/styles.scss */
  .header-container {
    padding: 8px 10px 0 10px;
  }
  /* line 3516, app/assets/stylesheets/mypage/styles.scss */
  .header-container--hikari_introduction {
    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;
  }
  /* line 3521, app/assets/stylesheets/mypage/styles.scss */
  .header-container--hikari_introduction .header-cta img {
    height: 37px;
  }
  /* line 3528, app/assets/stylesheets/mypage/styles.scss */
  .header-logo-text {
    white-space: nowrap;
  }
  /* line 3532, app/assets/stylesheets/mypage/styles.scss */
  .gnav-sub {
    display: none;
  }
  /* line 3536, app/assets/stylesheets/mypage/styles.scss */
  .gnav-inner {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
            justify-content: space-between;
    position: absolute;
    left: 0;
    top: 46px;
    width: 100%;
    background-color: #00A8D6;
  }
  /* line 3550, app/assets/stylesheets/mypage/styles.scss */
  .gnav-item:not(:last-of-type) {
    border-bottom: solid 1px #fff;
  }
  /* line 3554, app/assets/stylesheets/mypage/styles.scss */
  .gnav-link {
    position: relative;
    display: block;
    padding-left: calc(30vmin / 375 * 100);
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
  }
  /* line 3563, app/assets/stylesheets/mypage/styles.scss */
  .gnav-link::after {
    content: url(/assets/mypage/common/icon/icon_right_white-a6c6c723610461dac3ec4db5bcf3f98c15ce9716ef219d620ea24afbc34b4659.svg);
    position: absolute;
    right: calc(30vmin / 375 * 100);
    top: 50%;
    display: block;
    width: 5px;
    height: 10px;
    margin-top: -10px;
  }
  /* line 3574, app/assets/stylesheets/mypage/styles.scss */
  .gnav-link:hover,
.gnav-sub-link:hover {
    color: #ffffff;
  }
  /* line 3579, app/assets/stylesheets/mypage/styles.scss */
  .gnav-child {
    display: none;
  }
  /* line 3583, app/assets/stylesheets/mypage/styles.scss */
  .gnav-child-item:not(:last-of-type) {
    border-top: solid 1px #fff;
  }
  /* line 3587, app/assets/stylesheets/mypage/styles.scss */
  .gnav-child-link {
    padding-left: calc( calc(30vmin / 375 * 100) + 1em);
    background-color: #0094bd;
  }
}

@media screen and (max-width: 767px) {
  /* line 3596, app/assets/stylesheets/mypage/styles.scss */
  .br-sp::before {
    content: "\A";
    white-space: pre;
  }
  /* line 3601, app/assets/stylesheets/mypage/styles.scss */
  .fs-sp-10 {
    font-size: 10px;
  }
  /* line 3605, app/assets/stylesheets/mypage/styles.scss */
  .fs-sp-11 {
    font-size: 11px;
  }
  /* line 3609, app/assets/stylesheets/mypage/styles.scss */
  .fs-sp-12 {
    font-size: 12px;
  }
  /* line 3613, app/assets/stylesheets/mypage/styles.scss */
  .fs-sp-13 {
    font-size: 13px;
  }
  /* line 3617, app/assets/stylesheets/mypage/styles.scss */
  .fs-sp-14 {
    font-size: 14px;
  }
  /* line 3621, app/assets/stylesheets/mypage/styles.scss */
  .fs-sp-15 {
    font-size: 15px;
  }
  /* line 3625, app/assets/stylesheets/mypage/styles.scss */
  .fs-sp-16 {
    font-size: 16px;
  }
  /* line 3629, app/assets/stylesheets/mypage/styles.scss */
  .fs-sp-17 {
    font-size: 17px;
  }
  /* line 3633, app/assets/stylesheets/mypage/styles.scss */
  .fs-sp-18 {
    font-size: 18px;
  }
  /* line 3637, app/assets/stylesheets/mypage/styles.scss */
  .fs-sp-19 {
    font-size: 19px;
  }
  /* line 3641, app/assets/stylesheets/mypage/styles.scss */
  .fs-sp-20 {
    font-size: 20px;
  }
  /* line 3645, app/assets/stylesheets/mypage/styles.scss */
  .fs-sp-21 {
    font-size: 21px;
  }
  /* line 3649, app/assets/stylesheets/mypage/styles.scss */
  .fs-sp-22 {
    font-size: 22px;
  }
  /* line 3653, app/assets/stylesheets/mypage/styles.scss */
  .fs-sp-23 {
    font-size: 23px;
  }
  /* line 3657, app/assets/stylesheets/mypage/styles.scss */
  .fs-sp-24 {
    font-size: 24px;
  }
  /* line 3661, app/assets/stylesheets/mypage/styles.scss */
  .fs-sp-25 {
    font-size: 25px;
  }
  /* line 3665, app/assets/stylesheets/mypage/styles.scss */
  .fs-sp-26 {
    font-size: 26px;
  }
  /* line 3669, app/assets/stylesheets/mypage/styles.scss */
  .fs-sp-27 {
    font-size: 27px;
  }
  /* line 3673, app/assets/stylesheets/mypage/styles.scss */
  .fs-sp-28 {
    font-size: 28px;
  }
  /* line 3677, app/assets/stylesheets/mypage/styles.scss */
  .fs-sp-29 {
    font-size: 29px;
  }
  /* line 3681, app/assets/stylesheets/mypage/styles.scss */
  .fs-sp-30 {
    font-size: 30px;
  }
  /* line 3685, app/assets/stylesheets/mypage/styles.scss */
  .fs-sp-31 {
    font-size: 31px;
  }
  /* line 3689, app/assets/stylesheets/mypage/styles.scss */
  .fs-sp-32 {
    font-size: 32px;
  }
  /* line 3693, app/assets/stylesheets/mypage/styles.scss */
  .fs-sp-33 {
    font-size: 33px;
  }
  /* line 3697, app/assets/stylesheets/mypage/styles.scss */
  .fs-sp-34 {
    font-size: 34px;
  }
  /* line 3701, app/assets/stylesheets/mypage/styles.scss */
  .fs-sp-35 {
    font-size: 35px;
  }
  /* line 3705, app/assets/stylesheets/mypage/styles.scss */
  .fs-sp-36 {
    font-size: 36px;
  }
  /* line 3709, app/assets/stylesheets/mypage/styles.scss */
  .fs-sp-37 {
    font-size: 37px;
  }
  /* line 3713, app/assets/stylesheets/mypage/styles.scss */
  .fs-sp-38 {
    font-size: 38px;
  }
  /* line 3717, app/assets/stylesheets/mypage/styles.scss */
  .fs-sp-39 {
    font-size: 39px;
  }
  /* line 3721, app/assets/stylesheets/mypage/styles.scss */
  .fs-sp-40 {
    font-size: 40px;
  }
  /* line 3725, app/assets/stylesheets/mypage/styles.scss */
  .fs-sp-41 {
    font-size: 41px;
  }
  /* line 3729, app/assets/stylesheets/mypage/styles.scss */
  .fs-sp-42 {
    font-size: 42px;
  }
  /* line 3733, app/assets/stylesheets/mypage/styles.scss */
  .fs-sp-43 {
    font-size: 43px;
  }
  /* line 3737, app/assets/stylesheets/mypage/styles.scss */
  .fs-sp-44 {
    font-size: 44px;
  }
  /* line 3741, app/assets/stylesheets/mypage/styles.scss */
  .fs-sp-45 {
    font-size: 45px;
  }
  /* line 3745, app/assets/stylesheets/mypage/styles.scss */
  .fs-sp-46 {
    font-size: 46px;
  }
  /* line 3749, app/assets/stylesheets/mypage/styles.scss */
  .fs-sp-47 {
    font-size: 47px;
  }
  /* line 3753, app/assets/stylesheets/mypage/styles.scss */
  .fs-sp-48 {
    font-size: 48px;
  }
  /* line 3757, app/assets/stylesheets/mypage/styles.scss */
  .fs-sp-49 {
    font-size: 49px;
  }
  /* line 3761, app/assets/stylesheets/mypage/styles.scss */
  .fs-sp-50 {
    font-size: 50px;
  }
  /* line 3765, app/assets/stylesheets/mypage/styles.scss */
  .pcOnly {
    display: none !important;
  }
  /* line 3769, app/assets/stylesheets/mypage/styles.scss */
  .mt-sp-10 {
    margin-top: 10px;
  }
  /* line 3773, app/assets/stylesheets/mypage/styles.scss */
  .mt-sp-15 {
    margin-top: 15px;
  }
  /* line 3777, app/assets/stylesheets/mypage/styles.scss */
  .mt-sp-20 {
    margin-top: 20px;
  }
  /* line 3781, app/assets/stylesheets/mypage/styles.scss */
  .mt-sp-25 {
    margin-top: 25px;
  }
  /* line 3785, app/assets/stylesheets/mypage/styles.scss */
  .mt-sp-30 {
    margin-top: 30px;
  }
  /* line 3789, app/assets/stylesheets/mypage/styles.scss */
  .mt-sp-35 {
    margin-top: 35px;
  }
  /* line 3793, app/assets/stylesheets/mypage/styles.scss */
  .mt-sp-40 {
    margin-top: 40px;
  }
  /* line 3797, app/assets/stylesheets/mypage/styles.scss */
  .mt-sp-45 {
    margin-top: 45px;
  }
  /* line 3801, app/assets/stylesheets/mypage/styles.scss */
  .mt-sp-50 {
    margin-top: 50px;
  }
  /* line 3805, app/assets/stylesheets/mypage/styles.scss */
  .mt-sp-55 {
    margin-top: 55px;
  }
  /* line 3809, app/assets/stylesheets/mypage/styles.scss */
  .mt-sp-60 {
    margin-top: 60px;
  }
  /* line 3813, app/assets/stylesheets/mypage/styles.scss */
  .mt-sp-65 {
    margin-top: 65px;
  }
  /* line 3817, app/assets/stylesheets/mypage/styles.scss */
  .mt-sp-70 {
    margin-top: 70px;
  }
  /* line 3821, app/assets/stylesheets/mypage/styles.scss */
  .mt-sp-75 {
    margin-top: 75px;
  }
  /* line 3825, app/assets/stylesheets/mypage/styles.scss */
  .mt-sp-80 {
    margin-top: 80px;
  }
  /* line 3829, app/assets/stylesheets/mypage/styles.scss */
  .mt-sp-85 {
    margin-top: 85px;
  }
  /* line 3833, app/assets/stylesheets/mypage/styles.scss */
  .mt-sp-90 {
    margin-top: 90px;
  }
  /* line 3837, app/assets/stylesheets/mypage/styles.scss */
  .mt-sp-95 {
    margin-top: 95px;
  }
  /* line 3841, app/assets/stylesheets/mypage/styles.scss */
  .mt-sp-100 {
    margin-top: 100px;
  }
  /* line 3846, app/assets/stylesheets/mypage/styles.scss */
  .gnav-link:hover,
.gnav-sub-link:hover {
    color: #ffffff;
  }
  /* line 3851, app/assets/stylesheets/mypage/styles.scss */
  .localnav-active,
.localnav-inactive {
    width: calc(90vmin / 375 * 100);
  }
  /* line 3856, app/assets/stylesheets/mypage/styles.scss */
  .application-list {
    margin: 20px 0;
  }
  /* line 3860, app/assets/stylesheets/mypage/styles.scss */
  .column-box {
    margin-bottom: 50px;
  }
  /* line 3864, app/assets/stylesheets/mypage/styles.scss */
  .footer-nav-box {
    margin-bottom: 30px;
  }
  /* line 3868, app/assets/stylesheets/mypage/styles.scss */
  .btn-wide {
    height: auto;
    font-size: calc(12vmin / 375 * 100);
  }
  /* line 3873, app/assets/stylesheets/mypage/styles.scss */
  .btn-wide::after {
    top: 16px;
    width: 6px;
  }
  /* line 3878, app/assets/stylesheets/mypage/styles.scss */
  button.btn-right.btn-wide {
    line-height: 1;
  }
  /* line 3882, app/assets/stylesheets/mypage/styles.scss */
  button.btn-right.btn-wide::after {
    top: 15px;
  }
  /* line 3886, app/assets/stylesheets/mypage/styles.scss */
  .btnHolder .btn:not(:first-child) {
    margin-top: 20px;
  }
  /* line 3890, app/assets/stylesheets/mypage/styles.scss */
  .attention {
    margin-bottom: 18px;
    padding: 5px 10px;
    font-size: 10px;
  }
  /* line 3896, app/assets/stylesheets/mypage/styles.scss */
  .top-section02-table tr:not(:last-child) td {
    border-bottom: #CDD5E0 solid 1px;
  }
  /* line 3900, app/assets/stylesheets/mypage/styles.scss */
  .top-section02-table tr th,
.top-section02-table tr td {
    display: block;
  }
  /* line 3905, app/assets/stylesheets/mypage/styles.scss */
  .top-section02-table tr th {
    padding-top: 17px;
  }
  /* line 3909, app/assets/stylesheets/mypage/styles.scss */
  .top-section02-table tr td {
    padding: .6rem 0;
  }
  /* line 3913, app/assets/stylesheets/mypage/styles.scss */
  .plans-table th,
.plans-table td {
    padding: 20px 10px 20px;
  }
  /* line 3918, app/assets/stylesheets/mypage/styles.scss */
  .plans-table th {
    width: 30%;
    text-align: center;
  }
  /* line 3923, app/assets/stylesheets/mypage/styles.scss */
  .options-section01-box {
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
    padding: 10px 20px;
  }
  /* line 3931, app/assets/stylesheets/mypage/styles.scss */
  .options-section02-box01 {
    padding: 15px 20px;
    border: solid 5px #00A8D6;
  }
  /* line 3936, app/assets/stylesheets/mypage/styles.scss */
  .options-section02-box02 {
    padding: 15px 20px;
  }
  /* line 3940, app/assets/stylesheets/mypage/styles.scss */
  .options-modal-btnHolder p {
    width: 100%;
  }
  /* line 3944, app/assets/stylesheets/mypage/styles.scss */
  .options-table th,
.options-table td {
    padding: 20px 10px 20px;
  }
  /* line 3949, app/assets/stylesheets/mypage/styles.scss */
  .options-table th {
    width: 30%;
    text-align: center;
  }
  /* line 3954, app/assets/stylesheets/mypage/styles.scss */
  .cancellation-table th,
.cancellation-table td {
    padding: 20px 10px 20px;
  }
  /* line 3959, app/assets/stylesheets/mypage/styles.scss */
  .cancellation-table th {
    width: 30%;
    text-align: center;
  }
  /* line 3964, app/assets/stylesheets/mypage/styles.scss */
  td.payment-unit-num {
    border-top: 1px solid #d1d1d1;
  }
}

@media screen and (max-width: 575px) {
  /* line 3972, app/assets/stylesheets/mypage/styles.scss */
  .no-gutter-for-mobile {
    margin-left: -15px;
    margin-right: -15px;
  }
  /* line 3977, app/assets/stylesheets/mypage/styles.scss */
  .top-section02-device {
    display: block;
  }
  /* line 3981, app/assets/stylesheets/mypage/styles.scss */
  .top-section02-device-img {
    margin-bottom: .6rem;
    margin-right: 0;
  }
  /* line 3986, app/assets/stylesheets/mypage/styles.scss */
  .section-header-title {
    font-size: 1.1428571429rem;
  }
  /* line 3991, app/assets/stylesheets/mypage/styles.scss */
  .section-header-btn .btn {
    padding: .8rem 1rem;
    font-size: 0.8571428571rem;
  }
  /* line 3997, app/assets/stylesheets/mypage/styles.scss */
  .payment-localnav .btn {
    font-size: 0.8571428571rem;
  }
  /* line 4001, app/assets/stylesheets/mypage/styles.scss */
  .payment-total-title {
    font-size: 1rem;
  }
  /* line 4006, app/assets/stylesheets/mypage/styles.scss */
  .payment-total-price span {
    font-size: 2.2857142857rem;
  }
  /* line 4012, app/assets/stylesheets/mypage/styles.scss */
  .payment-unit-num span {
    font-size: 1.7142857143rem;
  }
  /* line 4017, app/assets/stylesheets/mypage/styles.scss */
  .payment-unit {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  /* line 4023, app/assets/stylesheets/mypage/styles.scss */
  .payment-unit-title {
    border-bottom: 1px solid #d1d1d1;
    padding-bottom: .3rem;
    margin-bottom: .3rem;
    font-size: 0.8571428571rem;
  }
  /* line 4032, app/assets/stylesheets/mypage/styles.scss */
  .payment-table td .payment-unit:last-child .payment-unit-num {
    margin-bottom: 0;
  }
  /* line 4038, app/assets/stylesheets/mypage/styles.scss */
  .payment-unit-num {
    margin-bottom: .5rem;
  }
  /* line 4040, app/assets/stylesheets/mypage/styles.scss */
  .payment-unit-num span {
    font-size: 1.2857142857rem;
  }
  /* line 4045, app/assets/stylesheets/mypage/styles.scss */
  .plan-box {
    padding: .8rem;
    display: block;
  }
  /* line 4050, app/assets/stylesheets/mypage/styles.scss */
  .plan-box-title {
    border-bottom: 1px solid #d1d1d1;
    padding-bottom: .3rem;
    margin-bottom: .8rem;
    font-size: 1.1428571429rem;
  }
  /* line 4058, app/assets/stylesheets/mypage/styles.scss */
  .plan-box-change .plan-box-title {
    border-bottom-color: #ffffff;
  }
  /* line 4063, app/assets/stylesheets/mypage/styles.scss */
  .plan-unit {
    display: block;
    text-align: center;
  }
  /* line 4068, app/assets/stylesheets/mypage/styles.scss */
  .plan-unit-name {
    margin-right: 0;
  }
  /* line 4073, app/assets/stylesheets/mypage/styles.scss */
  .plan-unit-price span {
    font-size: 2.2857142857rem;
  }
}

@media screen and (max-width: 375px) {
  /* line 4082, app/assets/stylesheets/mypage/styles.scss */
  .menu-link {
    font-size: 0.8571428571rem;
  }
  /* line 4086, app/assets/stylesheets/mypage/styles.scss */
  .menu-link::before {
    width: 30px;
  }
  /* line 4089, app/assets/stylesheets/mypage/styles.scss */
  .menu-link-bill::before {
    width: 25px;
  }
  /* line 4092, app/assets/stylesheets/mypage/styles.scss */
  .menu-link-movie2::before {
    width: 35px;
  }
}

/* 解約ページ アラート
-------------------------------*/
/* line 4100, app/assets/stylesheets/mypage/styles.scss */
.bg-blight-color {
  background-color: #FFF5F6;
}

/* line 4104, app/assets/stylesheets/mypage/styles.scss */
.cancel_procedure-alert {
  border: 2px solid #c71f1f;
  border-radius: 10px;
  background-color: #ffffff;
  padding: 10px;
}

/* line 4110, app/assets/stylesheets/mypage/styles.scss */
.cancel_procedure-alert br {
  display: none;
}

@media (min-width: 768px) {
  /* line 4110, app/assets/stylesheets/mypage/styles.scss */
  .cancel_procedure-alert br {
    display: inline;
  }
}

@media (min-width: 600px) {
  /* line 4104, app/assets/stylesheets/mypage/styles.scss */
  .cancel_procedure-alert {
    border-radius: 50px;
  }
}

/* line 4123, app/assets/stylesheets/mypage/styles.scss */
.cancel_procedure-section {
  position: relative;
  margin-bottom: 30px;
}

/* line 4127, app/assets/stylesheets/mypage/styles.scss */
.cancel_procedure-section:last-child {
  margin-bottom: 0;
}

/* line 4132, app/assets/stylesheets/mypage/styles.scss */
.cancel_procedure-ttl {
  font-size: 1.2857142857rem;
  margin-bottom: 2rem;
  padding-left: 45px;
  background: url(/assets/mypage/common/icon/icon_light-1056216d6e1dd1586ee950bc002255c6c2ab476a6b5ee3200d3c7fe94a161f3c.svg) no-repeat top 50% left 0;
  background-size: 35px;
  font-weight: 600;
  line-height: 1.4;
}

@media (min-width: 768px) {
  /* line 4132, app/assets/stylesheets/mypage/styles.scss */
  .cancel_procedure-ttl {
    padding: 10px 10px 10px 45px;
    margin-bottom: 1rem;
  }
}

/* 解約ページ バナー
-------------------------------*/
/* line 4164, app/assets/stylesheets/mypage/styles.scss */
.cancel_procedure-banner {
  max-width: 835px;
  margin: 0 auto;
}

/* line 4169, app/assets/stylesheets/mypage/styles.scss */
.cancel-checkbox__wrap {
  padding: 15px;
  background: rgba(0, 175, 221, 0.1);
}

/* line 4175, app/assets/stylesheets/mypage/styles.scss */
.cancel_procedure-h3 {
  font-size: 32px;
  text-align: center;
  margin-bottom: 20px;
}

/* line 4179, app/assets/stylesheets/mypage/styles.scss */
.cancel_procedure-h3 > span {
  position: relative;
  padding: 0 28px;
}

/* line 4182, app/assets/stylesheets/mypage/styles.scss */
.cancel_procedure-h3 > span::before {
  content: "";
  width: 2px;
  height: 50px;
  background: #000;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  position: absolute;
  left: 0;
  top: 0;
}

/* line 4192, app/assets/stylesheets/mypage/styles.scss */
.cancel_procedure-h3 > span::after {
  content: "";
  width: 2px;
  height: 50px;
  background: #000;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  right: 0;
  top: 0;
}

@media (max-width: 767px) {
  /* line 4175, app/assets/stylesheets/mypage/styles.scss */
  .cancel_procedure-h3 {
    font-size: 19px;
    margin-bottom: 20px;
  }
  /* line 4206, app/assets/stylesheets/mypage/styles.scss */
  .cancel_procedure-h3 > span {
    padding: 0 16px;
  }
  /* line 4208, app/assets/stylesheets/mypage/styles.scss */
  .cancel_procedure-h3 > span::before {
    width: 2px;
    height: 30px;
  }
  /* line 4212, app/assets/stylesheets/mypage/styles.scss */
  .cancel_procedure-h3 > span::after {
    width: 2px;
    height: 30px;
  }
}

/* line 4219, app/assets/stylesheets/mypage/styles.scss */
.cancel_procedure-lead {
  text-align: center;
  font-size: 20px;
  margin-bottom: 50px;
}

/* line 4223, app/assets/stylesheets/mypage/styles.scss */
.cancel_procedure-lead a {
  text-decoration: underline;
}

@media (max-width: 767px) {
  /* line 4219, app/assets/stylesheets/mypage/styles.scss */
  .cancel_procedure-lead {
    font-size: 17px;
  }
}

/* line 4230, app/assets/stylesheets/mypage/styles.scss */
.cancel_procedure-notion {
  font-size: 17px;
}

@media (max-width: 767px) {
  /* line 4230, app/assets/stylesheets/mypage/styles.scss */
  .cancel_procedure-notion {
    font-size: 13px;
  }
}

/* line 4237, app/assets/stylesheets/mypage/styles.scss */
.cancel_procedure-check-container {
  border: 4px solid #00afdd;
  background: #fff;
  margin-bottom: 40px;
}

/* line 4241, app/assets/stylesheets/mypage/styles.scss */
.cancel_procedure-check-container--narrow {
  width: 440px;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

/* line 4248, app/assets/stylesheets/mypage/styles.scss */
.cancel_procedure-check-title {
  background: #00afdd;
  text-align: center;
  font-size: 25px;
  color: #fff;
  font-weight: bold;
  padding: 9px 0 13px;
  line-height: 1;
}

/* line 4257, app/assets/stylesheets/mypage/styles.scss */
.cancel_procedure-check-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/* line 4260, app/assets/stylesheets/mypage/styles.scss */
.cancel_procedure-check-col {
  width: 50%;
}

/* line 4263, app/assets/stylesheets/mypage/styles.scss */
.cancel_procedure-check-wrap {
  padding: 35px 20px 0px 120px;
  margin-bottom: 30px;
}

/* line 4267, app/assets/stylesheets/mypage/styles.scss */
.cancel_procedure-check-wrap2 {
  padding: 0px 20px 35px 50px;
}

/* line 4270, app/assets/stylesheets/mypage/styles.scss */
.cancel_procedure-check-headline {
  font-size: 18px;
  font-weight: bold;
  color: #00afdd;
  padding-bottom: 3px;
  margin-bottom: 10px;
  position: relative;
}

/* line 4277, app/assets/stylesheets/mypage/styles.scss */
.cancel_procedure-check-headline > span {
  border-bottom: 2px solid #00afdd;
}

/* line 4281, app/assets/stylesheets/mypage/styles.scss */
.cancel_procedure-check-headline--option::before {
  content: "";
  background: url(/assets/mypage/common/icon/icon_gear-967d5f5cf9c6a0faea031ea3de1e7c3dc453b18fac91a121807b5773decb10d3.svg) no-repeat top 50% left 0;
  width: 50px;
  height: 50px;
  position: absolute;
  left: -70px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

/* line 4293, app/assets/stylesheets/mypage/styles.scss */
.cancel_procedure-check-headline--5g::before {
  content: "";
  background: url(/assets/mypage/common/icon/icon_5g-68fa987cbf907b9a8f6c9f8007145026cfd51150076255b22e7855daf970a942.svg) no-repeat top 50% left 0;
  width: 50px;
  height: 45px;
  position: absolute;
  left: -70px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

/* line 4305, app/assets/stylesheets/mypage/styles.scss */
.cancel_procedure-check-headline--person::before {
  content: "";
  background: url(/assets/mypage/common/icon/icon_person-323fec3528f9b1021fc8902eb5f35c8ee6e632a5bca35b45942bf4f8142a74a7.svg) no-repeat top 50% left 0;
  width: 50px;
  height: 50px;
  position: absolute;
  left: -70px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

/* line 4317, app/assets/stylesheets/mypage/styles.scss */
.cancel_procedure-check-text {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
}

/* line 4322, app/assets/stylesheets/mypage/styles.scss */
.cancel_procedure-check-note {
  font-size: 10px;
  margin-bottom: 5px;
}

/* line 4326, app/assets/stylesheets/mypage/styles.scss */
.cancel_procedure-check-movie {
  max-width: 420px;
}

/* line 4328, app/assets/stylesheets/mypage/styles.scss */
.cancel_procedure-check-movie-wrap {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

/* line 4333, app/assets/stylesheets/mypage/styles.scss */
.cancel_procedure-check-movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 4343, app/assets/stylesheets/mypage/styles.scss */
.cancel_procedure-check-img {
  margin-bottom: 54px;
}

/* line 4346, app/assets/stylesheets/mypage/styles.scss */
.cancel_procedure-check-btn {
  margin-top: 30px;
}

/* line 4348, app/assets/stylesheets/mypage/styles.scss */
.cancel_procedure-check-btn a {
  text-align: center;
  display: block;
  width: 300px;
  max-width: 100%;
  height: 51px;
  line-height: 51px;
  font-size: 21px;
  font-weight: 500;
  text-decoration: none;
  color: #fff;
  background: #FB5D6D;
  border-radius: 26px;
  -webkit-box-shadow: 0px 2.66px 2.66px rgba(52, 52, 52, 0.3);
          box-shadow: 0px 2.66px 2.66px rgba(52, 52, 52, 0.3);
}

/* line 4364, app/assets/stylesheets/mypage/styles.scss */
.cancel_procedure-check-left, .cancel_procedure-check-right {
  width: 45%;
}

/* line 4367, app/assets/stylesheets/mypage/styles.scss */
.cancel_procedure-check-left {
  border: 4px solid #00afdd;
  background: #EBEBEB;
  display: grid;
  place-content: center;
  padding: 15px;
}

/* line 4375, app/assets/stylesheets/mypage/styles.scss */
.cancel_procedure-check-loading {
  width: 90px;
  height: 90px;
  margin: 10px auto 10px;
  display: block;
}

/* line 4381, app/assets/stylesheets/mypage/styles.scss */
.cancel_procedure-check-home {
  width: 126px;
  height: 88px;
  margin: 10px auto 30px;
  display: block;
}

/* line 4387, app/assets/stylesheets/mypage/styles.scss */
.cancel_procedure-check-list {
  text-align: center;
}

/* line 4389, app/assets/stylesheets/mypage/styles.scss */
.cancel_procedure-check-list > p {
  font-weight: bold;
  font-size: 21px;
  display: inline-block;
  text-align: left;
  line-height: 1.5;
}

@media (max-width: 767px) {
  /* line 4398, app/assets/stylesheets/mypage/styles.scss */
  .cancel_procedure-check-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  /* line 4401, app/assets/stylesheets/mypage/styles.scss */
  .cancel_procedure-check-col {
    width: 100%;
  }
  /* line 4404, app/assets/stylesheets/mypage/styles.scss */
  .cancel_procedure-check-wrap {
    padding: 20px 30px 0px 60px;
  }
  /* line 4407, app/assets/stylesheets/mypage/styles.scss */
  .cancel_procedure-check-wrap2 {
    padding: 0px 30px 25px 30px;
  }
  /* line 4411, app/assets/stylesheets/mypage/styles.scss */
  .cancel_procedure-check-headline {
    font-size: 18px;
  }
  /* line 4414, app/assets/stylesheets/mypage/styles.scss */
  .cancel_procedure-check-headline--option::before {
    width: 40px;
    height: 40px;
    left: -50px;
  }
  /* line 4421, app/assets/stylesheets/mypage/styles.scss */
  .cancel_procedure-check-headline--5g::before {
    width: 40px;
    height: 36px;
    left: -50px;
  }
  /* line 4428, app/assets/stylesheets/mypage/styles.scss */
  .cancel_procedure-check-headline--person::before {
    width: 42px;
    height: 42px;
    left: -50px;
  }
  /* line 4435, app/assets/stylesheets/mypage/styles.scss */
  .cancel_procedure-check-text {
    font-size: 15px;
  }
  /* line 4437, app/assets/stylesheets/mypage/styles.scss */
  .cancel_procedure-check-text .pc {
    display: none;
  }
  /* line 4441, app/assets/stylesheets/mypage/styles.scss */
  .cancel_procedure-check-note {
    font-size: 10px;
  }
  /* line 4448, app/assets/stylesheets/mypage/styles.scss */
  .cancel_procedure-check-img {
    margin-bottom: 0px;
  }
  /* line 4451, app/assets/stylesheets/mypage/styles.scss */
  .cancel_procedure-check-btn {
    margin-top: 30px;
  }
  /* line 4453, app/assets/stylesheets/mypage/styles.scss */
  .cancel_procedure-check-btn a {
    text-align: center;
    display: block;
    width: 300px;
    height: 42px;
    line-height: 42px;
    font-size: 17px;
  }
  /* line 4464, app/assets/stylesheets/mypage/styles.scss */
  .cancel_procedure-check-left, .cancel_procedure-check-right {
    width: 100%;
  }
  /* line 4467, app/assets/stylesheets/mypage/styles.scss */
  .cancel_procedure-check-left {
    margin-bottom: 50px;
    position: relative;
  }
  /* line 4470, app/assets/stylesheets/mypage/styles.scss */
  .cancel_procedure-check-left::after {
    content: "";
    background: url(/assets/mypage/common/icon/arrow_right-7c74df6011cd021196f731258056bea1e111372011fd7a86e35abff9c31975a3.svg) no-repeat top 50% left 0;
    width: 30px;
    height: 60px;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  /* line 4484, app/assets/stylesheets/mypage/styles.scss */
  .cancel_procedure-check-title {
    font-size: 21px;
    padding: 7px 0 11px;
  }
  /* line 4488, app/assets/stylesheets/mypage/styles.scss */
  .cancel_procedure-check-loading {
    width: 65px;
    height: 65px;
    margin: 10px auto 10px;
    display: block;
  }
  /* line 4494, app/assets/stylesheets/mypage/styles.scss */
  .cancel_procedure-check-home {
    width: 80px;
    height: 58px;
    margin: 10px auto 30px;
    display: block;
  }
  /* line 4501, app/assets/stylesheets/mypage/styles.scss */
  .cancel_procedure-check-list > p {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 20px;
  }
}

/* line 4511, app/assets/stylesheets/mypage/styles.scss */
.cancel_procedure-section {
  background: #fff;
  border: 4px solid #00afdd;
}

/* line 4514, app/assets/stylesheets/mypage/styles.scss */
.cancel_procedure-section-wrap {
  padding: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* line 4520, app/assets/stylesheets/mypage/styles.scss */
.cancel_procedure-section-wrap > img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 20px;
  width: 145px;
  height: 131px;
}

/* line 4527, app/assets/stylesheets/mypage/styles.scss */
.cancel_procedure-section-content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

/* line 4530, app/assets/stylesheets/mypage/styles.scss */
.cancel_procedure-section-underline {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #BFE8FF));
  background: -webkit-linear-gradient(transparent 50%, #BFE8FF 50%);
  background: linear-gradient(transparent 50%, #BFE8FF 50%);
  font-weight: bold;
}

/* line 4534, app/assets/stylesheets/mypage/styles.scss */
.cancel_procedure-section-note {
  font-size: 13px;
}

/* line 4537, app/assets/stylesheets/mypage/styles.scss */
.cancel_procedure-section .checkbox {
  margin: 0;
}

/* line 4539, app/assets/stylesheets/mypage/styles.scss */
.cancel_procedure-section .checkbox .checkbox-label {
  font-size: 25px;
}

/* line 4541, app/assets/stylesheets/mypage/styles.scss */
.cancel_procedure-section .checkbox .checkbox-label::before {
  top: 12px !important;
  -webkit-transform: none !important;
          transform: none !important;
}

/* line 4547, app/assets/stylesheets/mypage/styles.scss */
.cancel_procedure-section .btn-accent {
  width: 330px;
  font-size: 18px;
  height: 50px;
  line-height: 50px;
  padding: 0;
}

/* line 4553, app/assets/stylesheets/mypage/styles.scss */
.cancel_procedure-section .btn-accent::after {
  content: "";
  width: 7px;
  height: 7px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}

@media (max-width: 767px) {
  /* line 4566, app/assets/stylesheets/mypage/styles.scss */
  .cancel_procedure-section-wrap {
    padding: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  /* line 4569, app/assets/stylesheets/mypage/styles.scss */
  .cancel_procedure-section-wrap > img {
    margin: 10px auto;
    display: block;
    width: 145px;
    height: 131px;
  }
  /* line 4578, app/assets/stylesheets/mypage/styles.scss */
  .cancel_procedure-section-underline {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #BFE8FF));
    background: -webkit-linear-gradient(transparent 50%, #BFE8FF 50%);
    background: linear-gradient(transparent 50%, #BFE8FF 50%);
    font-weight: bold;
  }
  /* line 4582, app/assets/stylesheets/mypage/styles.scss */
  .cancel_procedure-section .checkbox {
    margin: 0;
  }
  /* line 4584, app/assets/stylesheets/mypage/styles.scss */
  .cancel_procedure-section .checkbox .checkbox-label {
    font-weight: normal;
    font-size: 14px;
  }
  /* line 4587, app/assets/stylesheets/mypage/styles.scss */
  .cancel_procedure-section .checkbox .checkbox-label::before {
    top: 7px !important;
    -webkit-transform: none !important;
            transform: none !important;
  }
  /* line 4593, app/assets/stylesheets/mypage/styles.scss */
  .cancel_procedure-section .btn-accent {
    width: 270px;
    font-size: 15px;
    height: 40px;
    line-height: 40px;
  }
}

/* line 4601, app/assets/stylesheets/mypage/styles.scss */
.cancel_procedure-ttl {
  background: #00afdd;
  text-align: center;
  font-size: 25px;
  color: #fff;
  font-weight: bold;
  margin-bottom: 0;
  padding: 0 0 4px;
}

@media (max-width: 767px) {
  /* line 4601, app/assets/stylesheets/mypage/styles.scss */
  .cancel_procedure-ttl {
    font-size: 18px;
    padding: 3px 15px 7px;
  }
}

/* line 4617, app/assets/stylesheets/mypage/styles.scss */
.cancel_procedure-guide-h3 {
  font-size: 30px;
  margin-bottom: 50px;
}

/* line 4621, app/assets/stylesheets/mypage/styles.scss */
.cancel_procedure-guide-h4 {
  font-size: 23px;
  margin-bottom: 15px;
}

/* line 4624, app/assets/stylesheets/mypage/styles.scss */
.cancel_procedure-guide-h4 span {
  color: #ff1d25;
}

/* line 4627, app/assets/stylesheets/mypage/styles.scss */
.cancel_procedure-guide-h4 small {
  font-size: 17px;
}

/* line 4631, app/assets/stylesheets/mypage/styles.scss */
.cancel_procedure-guide-text {
  font-size: 17px;
  margin-bottom: 30px;
}

/* line 4634, app/assets/stylesheets/mypage/styles.scss */
.cancel_procedure-guide-text a {
  text-decoration: underline;
}

/* line 4638, app/assets/stylesheets/mypage/styles.scss */
.cancel_procedure-guide-alert {
  color: #ff1d25;
  background: #ffe6ed;
  text-align: center;
  font-size: 17px;
  font-weight: bold;
  padding: 10px;
}

/* line 4646, app/assets/stylesheets/mypage/styles.scss */
.cancel_procedure-guide .btn-accent {
  width: 600px;
  max-width: 100%;
  font-size: 25px;
  border-radius: 38px;
}

/* line 4651, app/assets/stylesheets/mypage/styles.scss */
.cancel_procedure-guide .btn-accent > span {
  font-size: 21px;
}

/* line 4655, app/assets/stylesheets/mypage/styles.scss */
.cancel_procedure-guide .btn-default {
  width: 600px;
  max-width: 100%;
  font-size: 25px;
  border-radius: 38px;
}

@media (max-width: 767px) {
  /* line 4662, app/assets/stylesheets/mypage/styles.scss */
  .cancel_procedure-guide-h3 {
    font-size: 19px;
    margin-bottom: 30px;
  }
  /* line 4666, app/assets/stylesheets/mypage/styles.scss */
  .cancel_procedure-guide-h4 {
    font-size: 18px;
    margin-bottom: 10px;
  }
  /* line 4670, app/assets/stylesheets/mypage/styles.scss */
  .cancel_procedure-guide-h4 small {
    font-size: 18px;
  }
  /* line 4674, app/assets/stylesheets/mypage/styles.scss */
  .cancel_procedure-guide-text {
    font-size: 11px;
    margin-bottom: 30px;
  }
  /* line 4678, app/assets/stylesheets/mypage/styles.scss */
  .cancel_procedure-guide-alert {
    font-size: 14px;
  }
  /* line 4681, app/assets/stylesheets/mypage/styles.scss */
  .cancel_procedure-guide .btn-accent {
    font-size: 20px;
  }
  /* line 4683, app/assets/stylesheets/mypage/styles.scss */
  .cancel_procedure-guide .btn-accent > span {
    font-size: 16px;
  }
  /* line 4687, app/assets/stylesheets/mypage/styles.scss */
  .cancel_procedure-guide .btn-default {
    font-size: 20px;
  }
}

/* 解約ページ下部 注意
-------------------------------*/
/* line 4695, app/assets/stylesheets/mypage/styles.scss */
.cancel_caution {
  padding-top: 50px;
  max-width: 100%;
  margin: auto;
}

/* line 4699, app/assets/stylesheets/mypage/styles.scss */
.cancel_caution-headline {
  font-size: 17px;
  text-align: center;
  margin-bottom: 30px;
}

/* line 4704, app/assets/stylesheets/mypage/styles.scss */
.cancel_caution-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/* line 4709, app/assets/stylesheets/mypage/styles.scss */
.cancel_caution-item {
  width: 49%;
  background: #fff;
  border: 2px solid #00afdd;
  padding: 20px 30px;
  margin-bottom: 20px;
}

/* line 4716, app/assets/stylesheets/mypage/styles.scss */
.cancel_caution-text1 {
  font-size: 15px;
  margin-bottom: 5px !important;
  font-weight: bold;
  line-height: 1.4;
}

/* line 4722, app/assets/stylesheets/mypage/styles.scss */
.cancel_caution-text2 {
  font-size: 19px;
  font-weight: bold;
  margin-bottom: 5px !important;
  line-height: 1.4;
}

/* line 4727, app/assets/stylesheets/mypage/styles.scss */
.cancel_caution-text2 > span {
  color: #fb5d6d;
}

/* line 4731, app/assets/stylesheets/mypage/styles.scss */
.cancel_caution-text3 {
  font-size: 16px;
  line-height: 1.4;
}

@media (max-width: 767px) {
  /* line 4695, app/assets/stylesheets/mypage/styles.scss */
  .cancel_caution {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  /* line 4738, app/assets/stylesheets/mypage/styles.scss */
  .cancel_caution-headline {
    margin-bottom: 30px;
  }
  /* line 4741, app/assets/stylesheets/mypage/styles.scss */
  .cancel_caution-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  /* line 4744, app/assets/stylesheets/mypage/styles.scss */
  .cancel_caution-item {
    width: 100%;
    padding: 20px 25px;
  }
  /* line 4747, app/assets/stylesheets/mypage/styles.scss */
  .cancel_caution-item:not(:last-child) {
    margin-bottom: 30px;
  }
  /* line 4751, app/assets/stylesheets/mypage/styles.scss */
  .cancel_caution-text1 {
    font-size: 12px;
    margin-bottom: 5px !important;
  }
  /* line 4755, app/assets/stylesheets/mypage/styles.scss */
  .cancel_caution-text2 {
    font-size: 15px;
    margin-bottom: 5px !important;
  }
  /* line 4759, app/assets/stylesheets/mypage/styles.scss */
  .cancel_caution-text3 {
    font-size: 13px;
  }
}

/* news
-------------------------------*/
/* line 4768, app/assets/stylesheets/mypage/styles.scss */
.section-news {
  margin: 2rem auto 0;
  padding: 20px;
  border: solid 1px #c6001c;
  font-weight: bold;
}

@media (max-width: 767px) {
  /* line 4768, app/assets/stylesheets/mypage/styles.scss */
  .section-news {
    font-size: 0.8571428571rem;
    padding: 10px;
  }
}

/* お客様情報 キャプション
-------------------------------*/
/* line 4781, app/assets/stylesheets/mypage/styles.scss */
.customer-table-caption {
  margin-bottom: 0.8rem;
  padding-left: 10px;
  position: relative;
  line-height: 1;
  font-size: 1.1428571429rem;
  font-weight: bold;
}

/* line 4788, app/assets/stylesheets/mypage/styles.scss */
.customer-table-caption::before {
  content: "";
  height: 100%;
  width: 3px;
  background: #3e4549;
  position: absolute;
  top: 0;
  left: 0;
}

@media (max-width: 767px) {
  /* line 4781, app/assets/stylesheets/mypage/styles.scss */
  .customer-table-caption {
    font-size: 1rem;
  }
}

/* エリアマップ
-------------------------------*/
/* line 4805, app/assets/stylesheets/mypage/styles.scss */
.iframe-block {
  margin-right: auto;
  margin-left: auto;
  width: 800px;
  max-width: 100%;
  text-align: center;
}

/* line 4812, app/assets/stylesheets/mypage/styles.scss */
.iframe-block iframe {
  border: 0;
  width: 720px;
  max-width: 100%;
  height: 700px;
}

@media (max-width: 768px) {
  /* line 4812, app/assets/stylesheets/mypage/styles.scss */
  .iframe-block iframe {
    height: 500px;
  }
}

/* ログインページ
-------------------------------*/
/* line 4826, app/assets/stylesheets/mypage/styles.scss */
.login-headline {
  padding-left: 15px;
  position: relative;
  line-height: 1;
  font-size: 28px;
  margin-bottom: 50px;
}

/* line 4832, app/assets/stylesheets/mypage/styles.scss */
.login-headline::before {
  content: "";
  background: #00417b;
  height: 100%;
  width: 8px;
  border-radius: 4px;
  position: absolute;
  left: 0;
  top: 0;
}

@media (max-width: 768px) {
  /* line 4826, app/assets/stylesheets/mypage/styles.scss */
  .login-headline {
    font-size: 18px;
    margin-bottom: 30px;
  }
  /* line 4845, app/assets/stylesheets/mypage/styles.scss */
  .login-headline::before {
    width: 5px;
    border-radius: 3px;
  }
}

/* line 4852, app/assets/stylesheets/mypage/styles.scss */
.login-frame {
  background: #F5F9FC;
  padding: 25px 50px;
  width: 760px;
  max-width: 100%;
  margin: 0 auto 35px;
}

/* line 4858, app/assets/stylesheets/mypage/styles.scss */
.login-frame-title {
  margin-bottom: 30px;
}

/* line 4861, app/assets/stylesheets/mypage/styles.scss */
.login-frame-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

/* line 4865, app/assets/stylesheets/mypage/styles.scss */
.login-frame-link {
  display: block;
  background: #fff;
  padding: 30px 10px 30px 90px;
  -webkit-box-shadow: 0 0px 6px rgba(0, 41, 81, 0.3);
          box-shadow: 0 0px 6px rgba(0, 41, 81, 0.3);
  width: 44%;
  font-size: 16px;
  font-weight: bold;
  border-radius: 14px;
  position: relative;
}

/* line 4875, app/assets/stylesheets/mypage/styles.scss */
.login-frame-link:hover {
  text-decoration: none;
}

/* line 4878, app/assets/stylesheets/mypage/styles.scss */
.login-frame-link::before {
  content: "";
  position: absolute;
  left: 50px;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-size: contain;
  width: 44px;
  height: 44px;
  background-repeat: no-repeat;
}

/* line 4890, app/assets/stylesheets/mypage/styles.scss */
.login-frame-link--info::before {
  background-image: url(/assets/mypage/common/icon/icon_info-32126b2241245cbd4611a323dd06c11c226edaeeb0d4dceb5572317daca7ae20.svg);
}

/* line 4895, app/assets/stylesheets/mypage/styles.scss */
.login-frame-link--credit::before {
  background-image: url(/assets/mypage/common/icon/icon_credit_card-970352b91afa9753e84c48666ecd8bc9854e809f02ed6f85acc37c7c140c91b9.svg);
}

/* line 4900, app/assets/stylesheets/mypage/styles.scss */
.login-frame-link--confirm::before {
  background-image: url(/assets/mypage/common/icon/icon_confirm-bb971150513b63c4f9396fab06e82e12854042a10227cb31f0476e3a173ac3c4.svg);
}

/* line 4905, app/assets/stylesheets/mypage/styles.scss */
.login-frame-link--payment::before {
  background-image: url(/assets/mypage/common/icon/icon_payment-1ed03ba17f03424d5a9339a14b3e82e1fc17bfe532936cc87e67813ffee54bc9.svg);
}

/* line 4910, app/assets/stylesheets/mypage/styles.scss */
.login-frame-link--contract::before {
  background-image: url(/assets/mypage/common/icon/icon_contract-6f824af7a781be3e1d3e210416d70245b5b2df8a64478b17ff14ceb2f7ab5aee.svg);
}

/* line 4915, app/assets/stylesheets/mypage/styles.scss */
.login-frame-link--option::before {
  background-image: url(/assets/mypage/common/icon/icon_option2-f57654d7d79487fd51e36b345ef0041dfca9ec816c2673e36a8720199421df25.svg);
  width: 28px;
  height: 45px;
}

/* line 4922, app/assets/stylesheets/mypage/styles.scss */
.login-frame-link--guide::before {
  background-image: url(/assets/mypage/common/icon/icon_guide-c688eb1ae35e37824242018d56764182acf43ec4a71566628b7d50c17757be8a.svg);
}

/* line 4927, app/assets/stylesheets/mypage/styles.scss */
.login-frame-link--data::before {
  background-image: url(/assets/mypage/common/icon/icon_data-ba901e61703f4c51e92724c56c7dfdcd2ab8cd2608ea06364562daced40bcbef.svg);
}

/* line 4932, app/assets/stylesheets/mypage/styles.scss */
.login-frame-link--construction::before {
  background-image: url(/assets/mypage/common/icon/icon_construction-76478554ea14b562a51b6ff7ddf2aed7f4e795e0399fd74d36f04822896be3c3.svg);
  width: 43px;
  height: 43px;
}

/* line 4939, app/assets/stylesheets/mypage/styles.scss */
.login-frame-link--maintenance::before {
  background-image: url(/assets/mypage/common/icon/icon_maintenance-24b2998b51e7629a94ea4d9e7d1d9b71da125d0ffab7d43d0b0ca213b578ed73.svg);
  width: 45px;
  height: 40px;
}

@media (max-width: 768px) {
  /* line 4852, app/assets/stylesheets/mypage/styles.scss */
  .login-frame {
    padding: 15px 30px;
    margin: 0 auto 25px;
  }
  /* line 4949, app/assets/stylesheets/mypage/styles.scss */
  .login-frame-title {
    margin-bottom: 15px;
  }
  /* line 4952, app/assets/stylesheets/mypage/styles.scss */
  .login-frame-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  /* line 4955, app/assets/stylesheets/mypage/styles.scss */
  .login-frame-link {
    width: 100%;
    font-size: 14px;
    margin-bottom: 15px;
    padding: 25px 10px 25px 90px;
  }
}

/* マイページ
-------------------------------*/
/* line 4966, app/assets/stylesheets/mypage/styles.scss */
.mypage-note {
  width: 450px;
  max-width: 100%;
  margin: auto;
  font-size: 13px;
}

@media (max-width: 768px) {
  /* line 4966, app/assets/stylesheets/mypage/styles.scss */
  .mypage-note {
    font-size: 12px;
  }
}

/* line 4976, app/assets/stylesheets/mypage/styles.scss */
.mypage-headline {
  font-size: 30px;
}

/* line 4978, app/assets/stylesheets/mypage/styles.scss */
.mypage-headline > span {
  color: #fd7680;
}

@media (max-width: 768px) {
  /* line 4976, app/assets/stylesheets/mypage/styles.scss */
  .mypage-headline {
    font-size: 17px;
  }
}

/* line 4986, app/assets/stylesheets/mypage/styles.scss */
.mypage-youtube {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

/* line 4991, app/assets/stylesheets/mypage/styles.scss */
.mypage-youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 5001, app/assets/stylesheets/mypage/styles.scss */
.mypage-news-headline {
  font-size: 24px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 2px solid #d3dce7;
}

/* line 5007, app/assets/stylesheets/mypage/styles.scss */
.mypage-news-text1 {
  font-size: 17px;
  margin-bottom: 10px;
  font-weight: 500;
}

/* line 5013, app/assets/stylesheets/mypage/styles.scss */
.mypage-news-note {
  font-size: 12px;
}

/* line 5016, app/assets/stylesheets/mypage/styles.scss */
.mypage-news-gigazou {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}

/* line 5020, app/assets/stylesheets/mypage/styles.scss */
.mypage-news-gigazou-img {
  margin-right: 30px;
}