a,
abbr,
acronym,
address,
applet,
big,
blockquote,
body,
caption,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
iframe,
img,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
ul,
var {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline
}

body {
  line-height: 1;
  color: #000;
  background: #fff
}

ol,
ul {
  list-style: none
}

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

caption,
table,
td,
th {
  vertical-align: middle
}

caption,
td,
th {
  text-align: left;
  font-weight: 400
}

a img {
  border: none
}

article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  display: block
}

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1
}

[hidden],
audio:not([controls]) {
  display: none
}

body {
  font-size: 16px;
  font-family: NotoSansCJKjp, -apple-system, BlinkMacSystemFont, Helvetica Neue, \\30D2\30E9\30AE\30CE\89D2\30B4 Pro W3, Hiragino Kaku Gothic ProN, Arial, \\30E1\30A4\30EA\30AA, Meiryo, sans-serif;
  color: #333;
  width: 100%;
  min-width: 320px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  line-height: 1.5;
  letter-spacing: .1em;
  color: #253848;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1
}

@font-face {
  font-family: NotoSansCJKjp;
  src: url("../fonts/NotoSansCJKjp-Regular.eot");
  src: url("../fonts/NotoSansCJKjp-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSansCJKjp-Regular.woff2") format("woff2"), url("../fonts/NotoSansCJKjp-Regular.woff") format("woff"), url("../fonts/NotoSansCJKjp-Regular.ttf") format("truetype");
  font-weight: "normal";
  font-style: "normal"
}

@font-face {
  font-family: Montserrat;
  src: url("../fonts/Montserrat-ExtraBold.eot");
  src: url("../fonts/Montserrat-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-ExtraBold.woff2") format("woff2"), url("../fonts/Montserrat-ExtraBold.woff") format("woff"), url("../fonts/Montserrat-ExtraBold.ttf") format("truetype");
  font-weight: "normal";
  font-style: "normal"
}

@font-face {
  font-family: NotoSansCJKjp;
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.otf) format("opentype")
}

@font-face {
  font-family: NotoSansCJKjp;
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.otf) format("opentype")
}

@font-face {
  font-family: NotoSansCJKjp;
  font-style: normal;
  font-weight: 900;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.otf) format("opentype")
}

.layout-sp body {
  line-height: 1.8
}

.layout-pc #wrapper {
  min-width: 1000px
}

#wrapper a,
#wrapper a:active,
#wrapper a:focus,
#wrapper a:hover,
#wrapper a:link,
#wrapper a:visited {
  text-decoration: underline
}

#wrapper a:focus {
  outline: none
}

.ua-pc #wrapper a {
  -webkit-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out
}

.ua-pc #wrapper a img {
  -webkit-box-shadow: #000 0 0 0;
  box-shadow: 0 0 0 #000
}

.ua-pc #wrapper a:hover {
  opacity: .7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70)
}

.ua-not-pc.ua-pc #wrapper a:hover {
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
  filter: none
}

.layout-pc #wrapper .module-only-sp {
  display: none !important
}

.layout-sp #wrapper {
  overflow-x: hidden
}

.layout-sp #wrapper .module-only-pc {
  display: none !important
}

#wrapper a,
#wrapper button,
#wrapper input {
  font-family: NotoSansCJKjp, -apple-system, BlinkMacSystemFont, Helvetica Neue, \\30D2\30E9\30AE\30CE\89D2\30B4 Pro W3, Hiragino Kaku Gothic ProN, Arial, \\30E1\30A4\30EA\30AA, Meiryo, sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none
}

#wrapper a:focus,
#wrapper button:focus,
#wrapper input:focus {
  outline: none
}

#wrapper a {
  text-decoration: none !important
}

#wrapper button::-moz-focus-inner,
#wrapper input::-moz-focus-inner {
  border: none
}

#wrapper input {
  border: none;
  border-radius: 0
}

#wrapper input[type=submit],
#wrapper label {
  cursor: pointer
}

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

#wrapper {
  width: 100%;
  overflow: hidden
}

@media (max-width:320px) {
  .layout-sp body {
    font-size: 13px
  }
}

@media (min-width:320px) {
  .layout-sp body {
    font-size: 13px
  }
}

@media (min-width:351px) {
  .layout-sp body {
    font-size: 14px
  }
}

@media (min-width:381px) {
  .layout-sp body {
    font-size: 15px
  }
}

@media (min-width:412px) {
  .layout-sp body {
    font-size: 16px
  }
}

@media (min-width:443px) {
  .layout-sp body {
    font-size: 18px
  }
}

@media (min-width:474px) {
  .layout-sp body {
    font-size: 19px
  }
}

@media (min-width:504px) {
  .layout-sp body {
    font-size: 20px
  }
}

@media (min-width:535px) {
  .layout-sp body {
    font-size: 21px
  }
}

@media (min-width:566px) {
  .layout-sp body {
    font-size: 23px
  }
}

@media (min-width:596px) {
  .layout-sp body {
    font-size: 24px
  }
}

@media (min-width:627px) {
  .layout-sp body {
    font-size: 25px
  }
}

@media (min-width:658px) {
  .layout-sp body {
    font-size: 26px
  }
}

@media (min-width:689px) {
  .layout-sp body {
    font-size: 28px
  }
}

@media (min-width:719px) {
  .layout-sp body {
    font-size: 29px
  }
}

@media (min-width:750px) {
  .layout-sp body {
    font-size: 30px
  }
}

.layout-pc .app>.inner {
  padding: 70px 0
}

.layout-sp .app>.inner {
  padding: 13.333333333333334% 0 16.666666666666664%
}

.app .c-flow-title:before,
.app .c-h2:before,
.app .component-section-title:before,
.app .page-provision h2:before,
.page-provision .app h2:before {
  background: url("../img/index/common/app/icon_title_01.png") 50% no-repeat;
  -webkit-background-size: contain;
  background-size: contain
}

.app .outer {
  margin: 0 auto
}

.app .outer:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: ""
}

.layout-pc .app .outer {
  width: 576px;
  padding-left: 224px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.layout-sp .app .outer {
  width: 84%
}

.layout-pc .app .outer>.inner {
  position: relative
}

.layout-sp .app .outer>.inner {
  display: table
}

.layout-pc .app .phone-image {
  position: absolute;
  width: 172px;
  left: -225px
}

.layout-sp .app .phone-image {
  display: table-cell;
  width: 35.714285714285715%;
  margin-right: 9.523809523809522%
}

.layout-pc .app .description {
  padding-top: 35px
}

.layout-sp .app .description {
  display: table-cell;
  width: 64.28571428571429%;
  padding-left: 9.523809523809522%;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.app .title {
  letter-spacing: 0
}

.layout-pc .app .text {
  line-height: 1.8em
}

.app .download {
  margin-top: 6.349206349206349%
}

.app .download:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: ""
}

.app .download ul {
  zoom: 1
}

.app .download ul:after,
.app .download ul:before {
  content: "";
  display: table
}

.app .download ul:after {
  clear: both
}

.app .download li {
  float: left
}

.layout-pc .app .download li {
  width: 171px;
  margin-left: 10px
}

.layout-sp .app .download li {
  width: 48.41269841269842%;
  margin-left: 3.174603174603174%
}

.app .download li:first-child {
  margin-left: 0
}

.app .download a {
  display: block
}

.fade-enter-active,
.fade-leave-active {
  -webkit-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out
}

.fade-enter,
.fade-leave-active {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0)
}

.accr-enter,
.accr-enter-active,
.accr-leave-active {
  -webkit-transition: height .3s ease-in-out;
  transition: height .3s ease-in-out
}

.component-noscript {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 1000000000000;
  text-align: center
}

.component-noscript .inner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  width: 100%;
  padding: 0 2em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.component-noscript .inner .logo {
  margin: 0 auto 1em
}

.component-noscript .inner .logo img {
  width: 12em;
  height: auto
}

.component-font-montserrat {
  font-family: Montserrat, NotoSansCJKjp, -apple-system, BlinkMacSystemFont, Helvetica Neue, \\30D2\30E9\30AE\30CE\89D2\30B4 Pro W3, Hiragino Kaku Gothic ProN, Arial, \\30E1\30A4\30EA\30AA, Meiryo, sans-serif
}

.component-font-notosanscjkjp {
  font-family: NotoSansCJKjp, -apple-system, BlinkMacSystemFont, Helvetica Neue, \\30D2\30E9\30AE\30CE\89D2\30B4 Pro W3, Hiragino Kaku Gothic ProN, Arial, \\30E1\30A4\30EA\30AA, Meiryo, sans-serif
}

.layout-pc .component-section>.inner {
  padding: 70px 0
}

.c-flow-title,
.c-h2,
.component-section-title,
.page-provision h2 {
  position: relative;
  text-align: center;
  color: #253848;
  font-weight: 700
}

.layout-pc .c-flow-title,
.layout-pc .c-h2,
.layout-pc .component-section-title,
.layout-pc .page-provision h2,
.page-provision .layout-pc h2 {
  font-size: 188%;
  margin-bottom: 46px;
  line-height: 1.3
}

.layout-sp .c-flow-title,
.layout-sp .c-h2,
.layout-sp .component-section-title,
.layout-sp .page-provision h2,
.page-provision .layout-sp h2 {
  font-size: 134%;
  margin-bottom: 6.666666666666667%
}

.c-flow-title span,
.c-h2 span,
.component-section-title span,
.page-provision h2 span {
  display: block
}

.layout-pc .c-flow-title .text,
.layout-pc .c-h2 .text,
.layout-pc .component-section-title .text,
.layout-pc .page-provision h2 .text,
.page-provision .layout-pc h2 .text {
  margin-top: 25px
}

.layout-sp .c-flow-title .text,
.layout-sp .c-h2 .text,
.layout-sp .component-section-title .text,
.layout-sp .page-provision h2 .text,
.page-provision .layout-sp h2 .text {
  margin-top: 2.666666666666667%
}

.c-flow-title .icon,
.c-h2 .icon,
.component-section-title .icon,
.page-provision h2 .icon {
  margin: 0 auto
}

.layout-pc .c-flow-title .icon,
.layout-pc .c-h2 .icon,
.layout-pc .component-section-title .icon,
.layout-pc .page-provision h2 .icon,
.page-provision .layout-pc h2 .icon {
  width: 86px
}

.layout-sp .c-flow-title .icon,
.layout-sp .c-h2 .icon,
.layout-sp .component-section-title .icon,
.layout-sp .page-provision h2 .icon,
.page-provision .layout-sp h2 .icon {
  width: 23.733333333333334%
}

.c-flow-title .icon img,
.c-h2 .icon img,
.component-section-title .icon img,
.page-provision h2 .icon img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.layout-sp .component-breadcrumb {
  display: none
}

.component-breadcrumb ul {
  font-size: 75%
}

.component-breadcrumb ul:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: ""
}

.component-breadcrumb li {
  float: left;
  line-height: 2;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-all
}

.component-breadcrumb li:after {
  content: ">";
  display: inline-block;
  margin: 0 .5em
}

.component-breadcrumb li:last-child:after {
  display: none;
  content: ""
}

.component-breadcrumb a {
  border-bottom: 2px solid #adc4ca;
  color: #253848
}

.layout-pc .component-mainvisual {
  height: 170px
}

.layout-sp .component-mainvisual {
  padding-bottom: 21.333333333333336%
}

.component-bike-image {
  position: absolute;
  z-index: 10
}

.layout-pc .component-att-text {
  font-size: 75%
}

.layout-sp .component-att-text {
  font-size: 80%
}

.component-link-arrow a:after {
  content: "\F105";
  font-family: FontAwesome;
  font-size: 1.2em;
  font-weight: 700;
  display: inline-block;
  margin-left: .8em
}

.component-error {
  text-align: center
}

.layout-pc .component-sp-only,
.layout-sp .component-pc-only {
  display: none
}

.component-btn {
  margin: 0 auto;
  text-align: center
}

.component-btn,
.component-btn a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden
}

.component-btn a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  -webkit-transition: all .2s ease-in-out !important;
  transition: all .2s ease-in-out !important;
  word-wrap: break-word;
  overflow-wrap: break-word;
  border-radius: 10em
}

.layout-pc .component-btn a {
  font-size: 88%;
  padding: 12px
}

.layout-sp .component-btn a {
  padding: 3.921568627450981%;
  font-size: 87%
}

.component-btn a:before {
  font-family: FontAwesome;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 10
}

.layout-pc .component-btn a:before {
  right: 20px
}

.layout-sp .component-btn a:before {
  right: 8.823529411764707%
}

.ua-pc .component-btn a:hover {
  opacity: 1 !important;
  -ms-filter: none !important;
  -webkit-filter: none !important;
  filter: none !important
}

.component-btn.red a {
  background-color: #ca0029;
  border: 2px solid #ca0029
}

.ua-pc .component-btn.red a:hover {
  color: #ca0029;
  background-color: #fff
}

.component-btn.navy a {
  background-color: #143b5b;
  border: 2px solid #143b5b
}

.ua-pc .component-btn.navy a:hover {
  color: #143b5b;
  background-color: #fff
}

.component-btn.white-red a {
  background-color: #fff;
  color: #ca0029;
  border: 2px solid #ca0029
}

.ua-pc .component-btn.white-red a:hover {
  color: #fff;
  background-color: #ca0029
}

.component-btn.white-navy a {
  background-color: #fff;
  color: #143b5b;
  border: 2px solid #143b5b
}

.ua-pc .component-btn.white-navy a:hover {
  color: #fff;
  background-color: #143b5b
}

.layout-pc .component-btn.arrow-right a {
  padding: 12px 35px
}

.layout-sp .component-btn.arrow-right a {
  padding-left: 12.745098039215685%;
  padding-right: 12.745098039215685%
}

.component-btn.arrow-right a:before {
  content: "\F105";
  font-size: 1.2em;
  line-height: 0;
  font-weight: 700
}

.component-btn.search a:before {
  content: "\F002"
}

.layout-pc .component-btn-wrapper+.component-btn-wrapper {
  margin-top: 40px
}

.layout-sp .component-btn-wrapper+.component-btn-wrapper {
  margin-top: 5.797101449275362%
}

.layout-pc .component-btn-wrapper p {
  font-size: 75%;
  margin-bottom: 12px
}

.layout-sp .component-btn-wrapper p {
  margin-bottom: 2.898550724637681%;
  font-size: 80%
}

.layout-pc .mainvisual .link-area {
  margin-top: 26px
}

.layout-sp .mainvisual .link-area {
  margin-top: 5.333333333333334%;
  padding-bottom: 4%
}

.layout-pc .mainvisual .component-btn {
  display: inline-block;
  width: 220px;
  margin-left: 20px
}

.layout-sp .mainvisual .component-btn {
  width: 68%;
  margin-top: 4%
}

.layout-pc .mainvisual .component-btn:first-child {
  margin-left: 0
}

.layout-sp .mainvisual .component-btn:first-child {
  margin-top: 0
}

.layout-sp .news {
  margin-top: 0;
  padding-top: 0
}

.news>.inner {
  background-color: #f1f6f7
}

.layout-pc .news>.inner {
  padding: 60px 0 80px
}

.layout-sp .news>.inner {
  padding: 13.866666666666665% 0 13.333333333333334%
}

.news .article-area {
  margin: 0 auto
}

.news .article-area:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: ""
}

.layout-pc .news .article-area {
  width: 1000px
}

.layout-sp .news .article-area {
  width: 92%
}

.news .article-area ul:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: ""
}

.layout-pc .news .article-area ul {
  margin: -32px -32px 0 0
}

.layout-sp .news .article-area ul {
  margin-top: -2.898550724637681%
}

.news .article-area li {
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 8px
}

.layout-pc .news .article-area li {
  float: left;
  width: 312px;
  margin: 32px 32px 0 0
}

.layout-sp .news .article-area li {
  margin-top: 2.898550724637681%
}

.news .article-area li a {
  display: block;
  color: #253848
}

.layout-pc .news .article-area li a {
  padding: 35px 30px 40px
}

.layout-sp .news .article-area li a {
  padding: 5.797101449275362% 8.695652173913043% 6.086956521739131%
}

.news .article-area .date,
.news .article-area .title {
  word-wrap: break-word;
  overflow-wrap: break-word
}

.layout-pc .news .article-area .date {
  font-size: 75%;
  margin-bottom: 20px
}

.layout-sp .news .article-area .date {
  margin-bottom: .5em;
  font-size: 80%
}

.news .article-area .title {
  display: inline;
  border-bottom: 1px solid #253848
}

.layout-pc .news .article-area .title {
  line-height: 1.75
}

.layout-sp .news .article-area .title {
  line-height: 1.8
}

.layout-pc .news .component-btn {
  width: 220px;
  margin-top: 50px
}

.layout-sp .news .component-btn {
  width: 73.91304347826086%;
  margin-top: 7.246376811594203%
}

.layout-pc .component-list-01 {
  margin: 35px auto 0;
  width: 1000px
}

.component-list-01 ul.inner:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: ""
}

.layout-pc .component-list-01 ul.inner {
  margin: 0 -16px
}

.component-list-01 li {
  text-align: center
}

.component-list-01 li:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: ""
}

.layout-pc .component-list-01 li {
  float: left;
  width: 226px;
  margin: 0 16px
}

.layout-sp .component-list-01 li:nth-child(odd) .img-wrapper {
  width: 48%;
  float: left;
  margin-left: -2.777777777777778%
}

.layout-sp .component-list-01 li:nth-child(odd) .text-wrapper {
  text-align: left;
  margin-left: 4%
}

.layout-sp .component-list-01 li:nth-child(2n) .img-wrapper {
  width: 48%;
  float: right;
  margin-right: -2.777777777777778%
}

.layout-sp .component-list-01 li:nth-child(2n) .text-wrapper {
  text-align: left;
  margin-left: 8%
}

.layout-sp .component-list-01 .text-wrapper {
  width: 42%;
  float: left
}

.component-list-01 .number {
  margin: 0 auto
}

.layout-pc .component-list-01 .number {
  width: 80px
}

.layout-sp .component-list-01 .number {
  width: 46.66666666666667%
}

.layout-pc .component-list-01 .img {
  width: 170px;
  margin: 12px auto 0
}

.layout-sp .component-list-01 .img {
  margin-top: 7.5%
}

.component-list-01 .title {
  color: #ca0029;
  font-weight: 700
}

.layout-pc .component-list-01 .title {
  margin-top: 15px
}

.layout-sp .component-list-01 .title {
  padding-top: 57.142857142857146%
}

.layout-pc .component-list-01 .description {
  margin-top: 10px;
  font-size: 88%;
  line-height: 1.8em
}

.layout-sp .component-list-01 .description {
  margin-top: 4.761904761904761%;
  font-size: 87%;
  letter-spacing: .08em
}

.sns-area {
  line-height: 0
}

.layout-pc .sns-area {
  margin-top: 20px
}

.sns-area ul {
  text-align: center
}

.sns-area ul:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: ""
}

.sns-area ul li {
  display: inline-block;
  margin-left: 5px;
  font-size: 0;
  vertical-align: top
}

.sns-area ul li:first-child {
  margin-left: 0
}

.sns-area .hatena-bookmark-button-frame {
  width: 20px !important;
  height: 20px !important
}

.sns-area #facebook {
  width: 83px !important
}

.layout-pc .type-general .sns-area ul {
  text-align: left
}

.component-information {
  position: relative;
  top: 0;
  left: 0;
  min-height: 20em
}

.component-information .js-wrap {
  overflow: hidden
}

.component-information .js-wrap li {
  -webkit-transform: translateX(5em);
  -ms-transform: translateX(5em);
  transform: translateX(5em);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity .4s ease-in-out, -webkit-transform .4s ease-in-out;
  transition: opacity .4s ease-in-out, -webkit-transform .4s ease-in-out;
  transition: opacity .4s ease-in-out, transform .4s ease-in-out;
  transition: opacity .4s ease-in-out, transform .4s ease-in-out, -webkit-transform .4s ease-in-out
}

.component-information .js-wrap li.is-animation-start {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
  filter: none
}

.component-information .js-loading {
  display: none
}

.component-information.is-loading .js-loading {
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
  filter: none;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 99
}

.component-information.is-loading .js-loading span {
  display: block;
  position: absolute;
  top: 10em;
  left: 50%;
  content: "";
  width: 2em;
  height: 2em;
  margin-top: -1em;
  margin-left: -1em;
  border-radius: 50%;
  background: #ca0029;
  background: -webkit-linear-gradient(left, #ca0029 10%, hsla(0, 0%, 100%, 0) 42%);
  background: -webkit-gradient(linear, left top, right top, color-stop(10%, #ca0029), color-stop(42%, hsla(0, 0%, 100%, 0)));
  background: linear-gradient(90deg, #ca0029 10%, hsla(0, 0%, 100%, 0) 42%);
  -webkit-animation: load 1.4s infinite linear;
  animation: load 1.4s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0)
}

.component-information.is-loading .js-loading span:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 50%;
  height: 50%;
  background: #ca0029;
  border-radius: 100% 0 0 0
}

.component-information.is-loading .js-loading span:after {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: "";
  width: 75%;
  height: 75%;
  margin: auto;
  border-radius: 50%;
  background: #fff
}

@-webkit-keyframes up-down-bounce {
  0% {
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
  }

  50% {
    -webkit-transform: translate(-50%, 10px);
    -ms-transform: translate(-50%, 10px);
    transform: translate(-50%, 10px)
  }

  to {
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
  }
}

@keyframes up-down-bounce {
  0% {
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
  }

  50% {
    -webkit-transform: translate(-50%, 10px);
    -ms-transform: translate(-50%, 10px);
    transform: translate(-50%, 10px)
  }

  to {
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
  }
}

@-webkit-keyframes load {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(1turn);
    -ms-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@keyframes load {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(1turn);
    -ms-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

#footer {
  position: relative;
  background: #f1f6f7;
  z-index: 10
}

#footer:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: ""
}

#footer .pagetop {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 100;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

#footer .pagetop a {
  display: block;
  position: relative;
  background: #fff;
  border: 4px solid #f1f6f7;
  text-align: center;
  color: #253848;
  border-radius: 50%;
  font-weight: 700;
  letter-spacing: 0
}

.layout-pc #footer .pagetop a {
  width: 80px;
  height: 80px;
  font-size: 75%
}

.layout-sp #footer .pagetop a {
  width: 6em;
  padding-bottom: 6em;
  font-size: 84%;
  line-height: 1.2em
}

#footer .pagetop span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -30%);
  -ms-transform: translate(-50%, -30%);
  transform: translate(-50%, -30%);
  line-height: 1.25
}

#footer .pagetop span:before {
  content: "\F106";
  font-family: FontAwesome;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 1.6em
}

.layout-pc #footer .pagetop span:before {
  top: -20px
}

.layout-sp #footer .pagetop span:before {
  top: -1em
}

#footer>.inner {
  margin: 0 auto
}

#footer>.inner .contents {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1
}

.layout-pc #footer>.inner {
  width: 1000px;
  padding: 49px 0 59px
}

.layout-sp #footer>.inner {
  width: 92%;
  padding: 13.333333333333334% 0 0;
  text-align: center
}

#footer .link-area {
  zoom: 1
}

#footer .link-area:after,
#footer .link-area:before {
  content: "";
  display: table
}

#footer .link-area:after {
  clear: both
}

.layout-pc #footer .link-area {
  width: 404px
}

.layout-sp #footer .link-area {
  border-top: 1px solid #bdd0d4
}

#footer .link-area li .list-inner {
  display: inline;
  vertical-align: top
}

.layout-pc #footer .link-area li {
  float: left;
  margin-top: 17px;
  font-size: 75%
}

.layout-sp #footer .link-area li {
  width: 100%;
  font-size: 80%
}

#footer .link-area a {
  color: #253848
}

.layout-sp #footer .link-area a {
  display: block;
  padding: 4.057971014492753%;
  border-bottom: 1px solid #bdd0d4
}

.layout-pc #footer .link-area span {
  border-bottom: 2px solid #bec6cb
}

#footer .logo {
  line-height: 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  margin: 0 auto
}

#footer .logo a {
  display: block
}

#footer .logo img {
  width: 100%
}

.layout-pc #footer .logo {
  width: 307px
}

.layout-sp #footer .logo {
  width: 72.6086956521739%
}

#footer .copyright {
  margin: 0 auto;
  background: #fff;
  color: #253848
}

#footer .copyright .inner {
  margin: 0 auto
}

.layout-pc #footer .copyright {
  font-size: 75%;
  min-width: 1000px;
  padding: 37px 0 34px
}

.layout-pc #footer .copyright .inner {
  width: 1000px
}

.layout-pc #footer .copyright .text {
  margin-top: 10px
}

.layout-sp #footer .copyright {
  padding: 9.066666666666666% 0 0;
  text-align: center
}

.layout-sp #footer .copyright .inner {
  width: 92%;
  font-size: 67%
}

.layout-sp #footer .copyright .text {
  margin-top: 3.478260869565217%
}

.layout-sp #footer .sns-area {
  margin-top: 2.608695652173913%
}

#footer .component-bike-image {
  z-index: 0
}

#footer .component-bike-image span {
  display: block
}

.layout-sp #footer .component-bike-image {
  margin: 0 -14.347826086956522%;
  position: relative;
  top: 0;
  left: 0;
  padding-bottom: 67.10144927536233%;
  overflow: hidden
}

.layout-sp #footer .component-bike-image span {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0
}

.layout-pc #footer.type-general>.inner {
  position: relative;
  padding-bottom: 40px
}

.layout-sp #footer.type-general>.inner .contents {
  padding-bottom: 10.144927536231885%
}

.layout-pc #footer.type-general .link-area li {
  width: 202px
}

.layout-pc #footer.type-general .logo {
  margin-top: 50px;
  margin-left: 0;
  margin-right: 0
}

.layout-sp #footer.type-general .logo {
  margin: 7.971014492753622% auto 0
}

#footer.type-general .copyright {
  background: transparent
}

.layout-pc #footer.type-general .copyright {
  margin-top: 15px;
  padding: 0
}

.layout-sp #footer.type-general .copyright {
  padding-top: 3.478260869565217%;
  font-size: 67%
}

.layout-pc #footer.type-general .component-bike-image {
  bottom: 0;
  right: -256px;
  height: 462px;
  overflow: hidden
}

#footer.type-area {
  text-align: center
}

.layout-pc #footer.type-area>.inner {
  position: relative
}

.layout-sp #footer.type-area>.inner {
  position: static;
  padding: 13.333333333333334% 0 10.666666666666668%
}

.layout-pc #footer.type-area .link-area {
  width: 100%;
  letter-spacing: -1em;
  position: relative;
  z-index: 100
}

.layout-pc #footer.type-area .link-area li {
  width: auto;
  display: inline-block;
  float: none;
  letter-spacing: .1em
}

.layout-pc #footer.type-area .link-area li a {
  padding: 0 14px;
  border-left: 1px solid #253848;
  border-bottom: 0
}

#footer.type-area .link-area li:first-child a {
  border-left: 0
}

#footer.type-area .title {
  width: 100%
}

.layout-pc #footer.type-area .title {
  font-size: 188%;
  margin-top: 23px
}

.layout-sp #footer.type-area .title {
  margin-top: 10.144927536231885%
}

.layout-pc #footer.type-area .tel {
  font-size: 188%
}

.layout-sp #footer.type-area .tel {
  font-size: 167%;
  line-height: 1.2
}

#footer.type-area .tel a {
  color: #253848
}

.layout-pc #footer.type-area .sns-area {
  margin-top: 30px
}

.layout-pc #footer.type-area .component-bike-image {
  width: 498px;
  right: -246px;
  bottom: -118px
}

.layout-sp #footer.type-area .component-bike-image {
  width: 100%;
  margin: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  top: auto;
  height: 0;
  padding-bottom: 61.866666666666674%
}

.layout-sp #footer.type-area .component-bike-image span {
  margin: 0 -12.173913043478262%;
  width: auto
}

.layout-sp #footer.type-area .copyright {
  padding-bottom: 69.06666666666666%
}

#header {
  position: relative;
  top: 0;
  left: 0
}

.layout-pc #header {
  padding-top: 80px
}

.layout-sp #header {
  padding-top: 3.666666666666667em
}

#header .page-title {
  position: absolute;
  z-index: 10
}

.layout-pc #header .page-title {
  top: 10px;
  left: 20px
}

.layout-sp #header .page-title {
  top: .5em;
  left: .5em
}

#header .page-title .logo,
#header .page-title .text {
  display: inline-block;
  vertical-align: middle
}

#header .page-title .text {
  font-weight: 700
}

.layout-pc #header .page-title .text {
  font-size: 88%;
  margin-left: 10px
}

.layout-sp #header .page-title .text {
  font-size: 74%;
  margin-left: .454545454545455em
}

#header .page-title .logo {
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0)
}

#header .page-title .logo a {
  display: block
}

#header .page-title .logo img {
  width: 100%;
  height: auto
}

.layout-pc #header .page-title .logo {
  width: 60px
}

.layout-sp #header .page-title .logo {
  width: 2.666666666666667em
}

#header .btn-trigger {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1002
}

.layout-sp #header .btn-trigger {
  width: 3.666666666666667em
}

#header .btn-trigger a {
  display: block;
  position: relative;
  background-color: #ca0029
}

.layout-pc #header .btn-trigger a {
  width: 80px;
  height: 80px
}

.layout-sp #header .btn-trigger a {
  width: 100%;
  padding-bottom: 100%
}

.ua-pc #header .btn-trigger a:hover {
  opacity: 1 !important;
  -ms-filter: none !important;
  -webkit-filter: none !important;
  filter: none !important
}

#header .btn-trigger a span {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  background-color: #fff;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.layout-pc #header .btn-trigger a span {
  width: 22px;
  height: 2px
}

.layout-sp #header .btn-trigger a span {
  width: 40%;
  padding-bottom: 2px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

#header .btn-trigger a .inner {
  position: absolute;
  width: 100%;
  height: 100%
}

.layout-pc #header .btn-trigger a .inner {
  width: 22px;
  left: 29px
}

.layout-pc #header .btn-trigger a span:first-child {
  margin-top: -7px
}

.layout-sp #header .btn-trigger a span:first-child {
  margin-top: -11%
}

.layout-pc #header .btn-trigger a span:last-child {
  margin-top: 7px
}

.layout-sp #header .btn-trigger a span:last-child {
  margin-top: 11%
}

.layout-pc.ua-pc #header .btn-trigger:hover span:nth-child(2) {
  width: 15px;
  left: 0
}

.layout-pc.ua-pc #header .btn-trigger:hover span:nth-child(3) {
  width: 8px;
  left: 0
}

#header .btn-trigger.is-open span:first-child {
  margin-top: 0 !important;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  -ms-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg)
}

.layout-sp #header .btn-trigger.is-open span:first-child {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg)
}

#header .btn-trigger.is-open span:nth-child(2) {
  background-color: transparent
}

#header .btn-trigger.is-open span:last-child {
  margin-top: 0 !important;
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg)
}

.layout-sp #header .btn-trigger.is-open span:last-child {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg)
}

.layout-pc.ua-pc #header .btn-trigger.is-open:hover span:first-child,
.layout-pc.ua-pc #header .btn-trigger.is-open:hover span:nth-child(3) {
  width: 22px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

#header .nav {
  overflow: visible;
  width: 100%;
  height: auto
}

#header .nav .contents {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1001
}

.layout-sp #header .nav .contents {
  height: 100% !important
}

#header .nav .wrapper {
  height: 100%;
  overflow-y: auto
}

.layout-pc #header .nav .wrapper:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: ""
}

#header .nav .outer {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.layout-pc #header .nav .outer {
  width: 100%;
  height: 100%;
  max-width: 683px
}

.layout-pc #header .nav .outer:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: ""
}

.layout-sp #header .nav .outer {
  padding: 13.333333333333334% 4%
}

#header .nav .menu-area,
#header .nav .select-area {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.layout-pc #header .nav .menu-area,
.layout-pc #header .nav .select-area {
  overflow: auto;
  width: 50%;
  height: 100%
}

.layout-pc #header .nav .menu-area .outer,
.layout-pc #header .nav .select-area .outer {
  padding: 20px
}

#header .nav .menu-area .inner,
#header .nav .select-area .inner {
  text-align: center
}

#header .nav .menu-area {
  background-color: #fff
}

.layout-pc #header .nav .menu-area {
  float: left;
  font-size: 113%
}

.layout-sp #header .nav .menu-area {
  font-size: 87%
}

.layout-pc #header .nav .menu-area .outer {
  display: table;
  float: right
}

.layout-pc #header .nav .menu-area .inner {
  display: table-cell;
  vertical-align: middle
}

#header .nav .menu-area .title {
  color: #adc4ca
}

.layout-pc #header .nav .menu-area .title {
  margin-bottom: 35px
}

.layout-pc #header .nav .menu-area .anchor-list {
  position: relative;
  top: 0;
  left: 0;
  padding-bottom: 41px
}

.layout-pc #header .nav .menu-area .anchor-list:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  max-width: 236px;
  width: 100%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  padding-top: 1px
}

.layout-sp #header .nav .menu-area .anchor-list {
  margin-bottom: 14.202898550724637%;
  border-bottom: 2px solid #e4ebed
}

.layout-sp #header .nav .menu-area .anchor-list .list-inner {
  width: 85.5072463768116%;
  margin: 0 auto
}

.layout-sp #header .nav .menu-area .anchor-list li:last-child .list-inner {
  border-bottom: none
}

.layout-pc #header .nav .menu-area .another-page-list {
  padding-top: 40px
}

.layout-pc #header .nav .menu-area li {
  margin-top: 1.3em
}

.layout-pc #header .nav .menu-area li:first-child {
  margin-top: 0
}

.layout-sp #header .nav .menu-area li:first-child {
  border-top: 2px solid #e4ebed
}

#header .nav .menu-area li.is-current a {
  color: #adc4ca !important
}

#header .nav .menu-area a {
  color: #ca0029;
  display: block
}

.layout-sp #header .nav .menu-area .list-inner {
  width: 100%;
  height: 100%;
  border-bottom: 2px solid #e4ebed;
  padding: 3.768115942028986%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

#header .nav .select-area {
  background-color: #ca0029;
  color: #fff
}

.layout-pc #header .nav .select-area {
  float: right
}

.layout-pc #header .nav .select-area .outer {
  display: table;
  float: left
}

.layout-pc #header .nav .select-area .inner {
  display: table-cell;
  vertical-align: middle
}

#header .nav .select-area .title {
  letter-spacing: 0
}

.layout-pc #header .nav .select-area .title {
  margin-bottom: 40px
}

.layout-sp #header .nav .select-area .title {
  margin: 0 auto 7.536231884057972%
}

#header .nav .select-area .title .img {
  margin: 0 auto
}

.layout-pc #header .nav .select-area .title .img {
  width: 100%;
  max-width: 264px
}

.layout-sp #header .nav .select-area .title .img {
  width: 43.47826086956522%
}

#header .nav .select-area .title .img img {
  width: 100%
}

.layout-pc #header .nav .select-area .component-btn {
  max-width: 350px;
  width: 100%;
  border-radius: 25px
}

#header .nav .select-area .component-btn a {
  border: 2px solid #fff
}

.layout-pc #header .nav .select-area .component-btn a {
  padding: 11px 40px
}

.layout-sp #header .nav .select-area .component-btn a {
  padding: .5em 0;
  border-radius: 6.521739130434783%/50%
}

#header .nav .select-area .component-btn.select {
  border: 2px solid #fff
}

#header .nav .select-area .component-btn.select:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: ""
}

.layout-sp #header .nav .select-area .component-btn.select {
  width: 100%;
  border-radius: 6.521739130434783%/50%
}

#header .nav .select-area .component-btn.select:before {
  content: none
}

#header .nav .select-area .component-btn.select .en,
#header .nav .select-area .component-btn.select .jp {
  float: left;
  width: 50%;
  -webkit-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out
}

#header .nav .select-area .component-btn.select .en a,
#header .nav .select-area .component-btn.select .jp a {
  padding: 11px;
  border: 0
}

.layout-sp #header .nav .select-area .component-btn.select .en a,
.layout-sp #header .nav .select-area .component-btn.select .jp a {
  padding: 5.830903790087463%
}

#header .nav .select-area .component-btn.select .en a:before,
#header .nav .select-area .component-btn.select .jp a:before {
  content: none
}

.ua-pc #header .nav .select-area .component-btn.select .en:hover,
.ua-pc #header .nav .select-area .component-btn.select .jp:hover {
  background-color: #fff
}

#header .nav .select-area .component-btn.select .en:before,
#header .nav .select-area .component-btn.select .jp:before {
  content: none
}

#header .login {
  display: none;
  position: fixed;
  z-index: 100
}

.layout-pc #header .login {
  width: 210px;
  top: 20px;
  right: 90px;
  border-radius: 20px
}

.layout-sp #header .login {
  top: 0;
  left: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.layout-pc #header .login a {
  padding: 8px 30px
}

.layout-sp #header .login a {
  padding: 0 0 4.21455938697318em;
  border-radius: 0;
  border: 0
}

.layout-sp #header .login a:before {
  right: 35.33333333333333%
}

.layout-sp #header .login a span {
  position: absolute;
  left: 43.333333333333336%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 0 2.5em
}

.layout-sp #header .nav .select-area .component-btn a {
  padding: 2.898550724637681% 12.318840579710145%
}

.layout-sp #header.type-general .login {
  border-bottom: 2px solid #ca0029
}

.layout-pc #header.type-general .select-area .title {
  margin-bottom: 40px
}

.layout-sp #header.type-general .select-area .title {
  font-size: 80%
}

.ua-pc #header.type-general .select-area .component-btn .en:hover a,
.ua-pc #header.type-general .select-area .component-btn .jp:hover a {
  color: #ca0029
}

#header.type-general .select-area .component-btn .en.is-active,
#header.type-general .select-area .component-btn .jp.is-active {
  background-color: #fff
}

#header.type-general .select-area .component-btn .en.is-active span,
#header.type-general .select-area .component-btn .jp.is-active span {
  color: #ca0029
}

.layout-pc #header.type-general .menu-area .anchor-list:after {
  background: #ca0029
}

#header.type-area .page-title {
  z-index: 100
}

.layout-sp #header.type-area .login {
  border-bottom: 2px solid #143b5b
}

#header.type-area .btn-trigger a,
#header.type-area .select-area {
  background-color: #143b5b
}

#header.type-area .select-area .title {
  font-weight: 700
}

.layout-pc #header.type-area .select-area .title {
  font-size: 188%
}

.layout-sp #header.type-area .select-area .title {
  font-size: 200%
}

.ua-pc #header.type-area .select-area .component-btn .en:hover a,
.ua-pc #header.type-area .select-area .component-btn .jp:hover a {
  color: #143b5b
}

#header.type-area .select-area .component-btn .en.is-active,
#header.type-area .select-area .component-btn .jp.is-active {
  background-color: #fff
}

#header.type-area .menu-area a,
#header.type-area .select-area .component-btn .en.is-active span,
#header.type-area .select-area .component-btn .jp.is-active span {
  color: #143b5b
}

.layout-pc #header.type-area .menu-area .anchor-list:after {
  background: #143b5b
}

.ua-pc #header .btn-trigger a {
  -webkit-transform: translateZ(1px);
  -ms-transform: translateZ(1px);
  transform: translateZ(1px)
}

.layout-pc .search.component-section>.inner {
  padding: 0
}

.page-provision .search h2,
.search .c-flow-title,
.search .c-h2,
.search .component-section-title,
.search .page-provision h2 {
  color: #fff
}

.page-provision .search h2:before,
.search .c-flow-title:before,
.search .c-h2:before,
.search .component-section-title:before,
.search .page-provision h2:before {
  background: url("../img/index/common/search/icon_title_01.png") 50% no-repeat;
  -webkit-background-size: contain;
  background-size: contain
}

.layout-pc .search #map-app {
  min-height: 680px
}

.layout-pc .search .app-nav {
  width: 100%;
  min-height: 680px
}

.layout-pc .search .app-nav:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: ""
}

.layout-pc .search .search-map,
.layout-pc .search .search-port {
  width: 50%;
  float: left;
  min-height: 680px
}

.search .search-port {
  background-color: #ca0029;
  text-align: center;
  color: #fff
}

.search .search-port>.inner {
  position: relative;
  margin: 0 auto;
  z-index: 10
}

.layout-pc .search .search-port>.inner {
  padding: 78px 0 30px;
  width: 480px
}

.layout-sp .search .search-port>.inner {
  width: 84%;
  padding: 13.333333333333334% 0
}

.layout-pc .search .search-port .lead {
  line-height: 1.75
}

.search .search-port ul:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: ""
}

.layout-pc .search .search-port ul {
  margin: 10px -10px 0 0
}

.layout-sp .search .search-port ul {
  margin: 2.38095238095238% -3.174603174603174% 0 0
}

.search .search-port li {
  float: left
}

.layout-pc .search .search-port li {
  width: 153px;
  margin: 22px 10px 0 0
}

.layout-sp .search .search-port li {
  width: 46.92307692307692%;
  margin: 6.153846153846154% 3.076923076923077% 0 0
}

.layout-sp .search .search-port li:nth-child(odd) {
  clear: both
}

.search .search-port li a {
  border: 2px solid #fff
}

.layout-pc .search .search-port li a {
  padding: 7px
}

.layout-sp .search .search-port li a {
  padding: 6.557377049180329%;
  border-radius: 10em;
  font-size: 87%
}

.search .search-port li.is-active a {
  background-color: #fff;
  color: #ca0029
}

.layout-pc .search .search-port .is-long {
  width: 480px
}

.layout-pc .search .search-port .is-long .include {
  font-size: 79%
}

.layout-sp .search .search-port .is-long {
  width: 96.92307692307693%
}

.layout-sp .search .search-port .is-long .include {
  font-size: 77%
}

.layout-sp .search .search-port .is-long a {
  padding: 4.603174603174603% 15.873015873015873%;
  border-radius: 10em
}

.layout-sp .search .search-port .is-long .name {
  line-height: 1.384615384615385
}

.search .search-port .composite,
.search .search-port .include {
  display: block
}

.search .search-port .include {
  line-height: 1.5
}

.search .search-port .include:before {
  display: inline-block;
  content: "\FF08"
}

.search .search-port .include:after {
  display: inline-block;
  content: "\FF09"
}

.search .search-port .include span {
  display: inline-block
}

.search .search-port .include span:after {
  display: inline;
  content: "\FF65"
}

.search .search-port .include span:last-child:after {
  content: ""
}

.layout-sp .search .search-port .include {
  font-size: 93%;
  letter-spacing: 0
}

.layout-pc .search .search-port .all {
  width: 153px;
  margin: 50px auto 0
}

.layout-sp .search .search-port .all {
  width: 48.41269841269842%;
  margin: 11.11111111111111% auto 0
}

.search .search-port .all a {
  border: 2px solid #fff
}

.layout-pc .search .search-port .all a {
  padding: 7px
}

.layout-sp .search .search-port .all a {
  border-radius: 10em;
  padding: 6.557377049180329%;
  font-size: 87%
}

.search .search-map {
  position: relative
}

.layout-sp .search .search-map {
  display: none
}

.search .search-map .inner {
  position: absolute;
  width: 100%;
  height: 100%;
  width: 683px;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

.search .search-map ul {
  position: relative;
  width: 100%;
  height: 100%;
  background: url("../img/common/portmap/map_japan_01.png") 50% no-repeat;
  max-height: 680px
}

.search .search-map li.is-active a {
  border: 2px solid #ca0029;
  background-color: #ca0029;
  color: #fff
}

.ua-pc .search .search-map li.is-active a:hover {
  background-color: #ca0029
}

.search .search-map .pref-name a {
  position: absolute;
  width: auto;
  height: auto;
  padding: 2px 18px;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  z-index: 10
}

.search .search-map .main-area-parts {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.search .search-map .tokyo a {
  bottom: 189px;
  right: 168px
}

.search .search-map .yokohama a {
  bottom: 138px;
  right: 205px
}

.search .search-map .kensei a {
  bottom: 88px;
  right: 161px
}

.search .search-map .koshu a {
  bottom: 138px;
  right: 344px
}

.search .search-map .okunikko a {
  bottom: 239px;
  right: 154px
}

.search .search-map .sendai a {
  bottom: 289px;
  right: 154px
}

.search .search-map .tohoku a {
  bottom: 366px;
  right: 95px
}

.search .search-map .yotetsu a {
  bottom: 329px;
  left: 261px
}

.search .search-map .kobe a {
  bottom: 279px;
  left: 214px
}

.search .search-map .onomichi a {
  bottom: 279px;
  left: 101px
}

.search .search-map .hiroshima a {
  bottom: 229px;
  left: 101px
}

.search .search-map .okinawa a {
  bottom: 431px;
  left: 176px
}

.search .search-map .tokyo .main-area-parts {
  background: url("../img/common/portmap/map_tokyo_01_off.png") 0 0 no-repeat
}

.search .search-map .tokyo.is-active .main-area-parts {
  background: url("../img/common/portmap/map_tokyo_01_on.png") 0 0 no-repeat
}

.search .search-map .yokohama .main-area-parts {
  background: url("../img/common/portmap/map_yokohama_01_off.png") 0 0 no-repeat
}

.search .search-map .yokohama.is-active .main-area-parts {
  background: url("../img/common/portmap/map_yokohama_01_on.png") 0 0 no-repeat
}

.search .search-map .kensei .main-area-parts {
  background: url("../img/common/portmap/map_kensei_01_off.png") 0 0 no-repeat
}

.search .search-map .kensei.is-active .main-area-parts {
  background: url("../img/common/portmap/map_kensei_01_on.png") 0 0 no-repeat
}

.search .search-map .koshu .main-area-parts {
  background: url("../img/common/portmap/map_koshu_01_off.png") 0 0 no-repeat
}

.search .search-map .koshu.is-active .main-area-parts {
  background: url("../img/common/portmap/map_koshu_01_on.png") 0 0 no-repeat
}

.search .search-map .okunikko .main-area-parts {
  background: url("../img/common/portmap/map_okunikko_01_off.png") 0 0 no-repeat
}

.search .search-map .okunikko.is-active .main-area-parts {
  background: url("../img/common/portmap/map_okunikko_01_on.png") 0 0 no-repeat
}

.search .search-map .sendai .main-area-parts {
  background: url("../img/common/portmap/map_sendai_01_off.png") 0 0 no-repeat
}

.search .search-map .sendai.is-active .main-area-parts {
  background: url("../img/common/portmap/map_sendai_01_on.png") 0 0 no-repeat
}

.search .search-map .tohoku .main-area-parts {
  background: url("../img/common/portmap/map_tohoku_01_off.png") 0 0 no-repeat
}

.search .search-map .tohoku.is-active .main-area-parts {
  background: url("../img/common/portmap/map_tohoku_01_on.png") 0 0 no-repeat
}

.search .search-map .yotetsu .main-area-parts {
  background: url("../img/common/portmap/map_yotetsu_01_off.png") 0 0 no-repeat
}

.search .search-map .yotetsu.is-active .main-area-parts {
  background: url("../img/common/portmap/map_yotetsu_01_on.png") 0 0 no-repeat
}

.search .search-map .kobe .main-area-parts {
  background: url("../img/common/portmap/map_kobe_01_off.png") 0 0 no-repeat
}

.search .search-map .kobe.is-active .main-area-parts {
  background: url("../img/common/portmap/map_kobe_01_on.png") 0 0 no-repeat
}

.search .search-map .onomichi .main-area-parts {
  background: url("../img/common/portmap/map_onomichi_01_off.png") 0 0 no-repeat
}

.search .search-map .onomichi.is-active .main-area-parts {
  background: url("../img/common/portmap/map_onomichi_01_on.png") 0 0 no-repeat
}

.search .search-map .hiroshima .main-area-parts {
  background: url("../img/common/portmap/map_hiroshima_01_off.png") 0 0 no-repeat
}

.search .search-map .hiroshima.is-active .main-area-parts {
  background: url("../img/common/portmap/map_hiroshima_01_on.png") 0 0 no-repeat
}

.search .search-map .okinawa .main-area-parts {
  background: url("../img/common/portmap/map_okinawa_01_off.png") 0 0 no-repeat
}

.search .search-map .okinawa.is-active .main-area-parts {
  background: url("../img/common/portmap/map_okinawa_01_on.png") 0 0 no-repeat
}

.search .category .icon,
.search .filter .icon {
  position: relative
}

.search .category .icon img,
.search .filter .icon img {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1
}

.search .category .icon:after,
.search .filter .icon:after {
  content: "";
  position: absolute;
  bottom: -6.521739130434783%;
  left: 0;
  z-index: 0;
  width: 100%;
  padding-top: 20%;
  background: url("../img/common/portmap/pin_shadow_01.png") 50% no-repeat;
  -webkit-background-size: contain;
  background-size: contain
}

.layout-pc .search .app-map-search {
  margin: 0 20px 40px
}

.layout-sp .search .app-map-search {
  padding: 0 4% 5.333333333333334%
}

.page-provision .search .app-map-search h2,
.search .app-map-search .c-flow-title,
.search .app-map-search .c-h2,
.search .app-map-search .component-section-title,
.search .app-map-search .page-provision h2 {
  color: #253848
}

.page-provision .search .app-map-search h2:before,
.search .app-map-search .c-flow-title:before,
.search .app-map-search .c-h2:before,
.search .app-map-search .component-section-title:before,
.search .app-map-search .page-provision h2:before {
  background: url("../img/index/common/search/icon_title_02.png") 50% no-repeat;
  -webkit-background-size: contain;
  background-size: contain
}

.search .app-map-search .area-name {
  text-align: center
}

.search .app-map-search nav {
  background-color: #fff
}

.layout-pc .search .app-map-search nav {
  padding: 80px 0 40px;
  text-align: center
}

.layout-pc .search .app-map-search nav ul {
  display: table;
  width: 100%;
  max-width: 950px;
  margin: 0 auto;
  border: 2px solid #1c3c56;
  border-radius: 8px
}

.layout-sp .search .app-map-search nav ul {
  padding: 8% 0 4%
}

.layout-pc .search .app-map-search nav li {
  display: table-cell;
  vertical-align: middle;
  border-left: 2px solid #1c3c56
}

.layout-sp .search .app-map-search nav li {
  border-bottom: 2px solid #e4ebed;
  font-size: 87%
}

.search .app-map-search nav li:first-child {
  border-left: 0
}

.layout-sp .search .app-map-search nav li:first-child {
  border-top: 2px solid #e4ebed
}

.search .app-map-search nav li a {
  display: block;
  position: relative;
  color: #253848
}

.layout-pc .search .app-map-search nav li a {
  padding: 17px 20px;
  font-size: 88%;
  font-weight: 700
}

.layout-sp .search .app-map-search nav li a {
  padding: 3.043478260869565% 8.695652173913043% 3.043478260869565% 4.347826086956522%
}

.search .app-map-search nav li span {
  word-break: keep-all
}

.search .app-map-search nav li.is-active {
  position: relative
}

.search .app-map-search nav li.is-active a:hover {
  opacity: 1 !important;
  -ms-filter: none !important;
  -webkit-filter: none !important;
  filter: none !important;
  cursor: default
}

.layout-pc .search .app-map-search nav li.is-active {
  background-color: #1c3c56
}

.layout-pc .search .app-map-search nav li.is-active a {
  color: #fff
}

.layout-pc .search .app-map-search nav li.is-active a:after {
  content: "";
  width: 19px;
  height: 12px;
  background: url("../img/common/portmap/icon_active_01.png") 0 0 no-repeat;
  position: absolute;
  left: 50%;
  bottom: -14px;
  -webkit-transform: translateX(-9px);
  -ms-transform: translateX(-9px);
  transform: translateX(-9px)
}

.layout-sp .search .app-map-search nav li.is-active .radio-btn {
  color: #1c3c56
}

.layout-sp .search .app-map-search nav li.is-active .radio-btn:after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: "\F111";
  font-family: FontAwesome;
  width: 1.1em;
  line-height: 1.5;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: .4em;
  color: #fff
}

.search .app-map-search nav li .radio-btn {
  display: inline-block;
  position: relative;
  margin-right: 2.898550724637681%;
  width: 1em;
  font-size: 1.923076923076923em;
  color: #d6e1e4;
  line-height: 1;
  text-align: center;
  vertical-align: middle
}

.search .app-map-search nav li .radio-btn:before {
  display: block;
  content: "\F111";
  font-family: FontAwesome
}

.layout-pc .search .app-map-search nav li .radio-btn {
  display: none
}

.search .app-map-search nav .icon {
  position: absolute
}

.layout-pc .search .app-map-search nav .icon {
  top: -35px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

.layout-sp .search .app-map-search nav .icon {
  right: 1.587301587301587%;
  width: 4.347826086956522%
}

.layout-pc .search .app-map-search .map {
  height: 450px;
  width: 100%;
  margin: 0 auto
}

.layout-sp .search .app-map-search .map {
  padding-bottom: 98.55072463768116%
}

.search .app-map-search .btn {
  margin: 0 auto
}

.layout-pc .search .app-map-search .btn {
  width: 343px;
  margin-top: 40px;
  padding-bottom: 10px
}

.layout-sp .search .app-map-search .btn {
  width: 91.30434782608695%;
  margin-top: 7.246376811594203%
}

.layout-pc .search .app-map-search .btn li {
  margin: 20px 0 0
}

.layout-pc .search .app-map-search .btn li:first-child {
  margin-top: 0
}

.layout-sp .search .app-map-search .btn li {
  margin-top: 4.761904761904761%
}

.layout-sp .search .app-map-search .btn li:first-child {
  margin-top: 0
}

.layout-sp .search .app-map-search .btn li a {
  border-radius: 10em
}

.layout-pc .search .app-map-detail {
  min-width: 593px;
  padding-bottom: 80px;
  text-align: center
}

.layout-sp .search .app-map-detail {
  padding: 0 4% 9.333333333333334%
}

.layout-pc .search .app-map-detail .img,
.layout-pc .search .app-map-detail .outline {
  display: inline-block;
  max-width: 593px;
  text-align: left;
  vertical-align: top
}

.layout-pc .search .app-map-detail .img {
  padding-right: 30px
}

.layout-sp .search .app-map-detail .img {
  text-align: center
}

.layout-pc .search .app-map-detail dl {
  margin-top: 15px
}

.layout-sp .search .app-map-detail dl {
  margin-top: 2.173913043478261%
}

.search .app-map-detail dd,
.search .app-map-detail dt {
  word-wrap: break-word;
  overflow-wrap: break-word
}

.search .app-map-detail dt {
  font-weight: 700
}

.layout-pc .search .app-map-detail dt {
  font-size: 75%
}

.layout-sp .search .app-map-detail dt {
  font-size: 80%
}

.layout-sp .search .app-map-detail dd {
  line-height: 2
}

.layout-sp .search .app-map-detail .category {
  margin-top: 4.347826086956522%
}

.search .app-map-detail .icon {
  display: inline-block;
  vertical-align: middle
}

.layout-pc .search .app-map-detail .icon {
  width: 25px;
  margin-right: 5px
}

.layout-pc .search .app-map-detail .icon img {
  width: 100%;
  height: auto
}

.layout-sp .search .app-map-detail .icon {
  width: 4.927536231884059%;
  margin-right: 1.449275362318841%
}

.layout-pc .search .app-map-detail .btn {
  margin-top: 20px
}

.layout-sp .search .app-map-detail .btn {
  margin-top: 7.246376811594203%;
  padding: 0 4.347826086956522%;
  font-size: 87%
}

.search .app-map-detail .btn li {
  line-height: 0
}

.layout-pc .search .app-map-detail .btn li {
  margin: 20px 0 0;
  text-align: left
}

.layout-pc .search .app-map-detail .btn li a {
  width: auto;
  display: inline-block;
  line-height: 1.5
}

.layout-sp .search .app-map-detail .btn li {
  margin-top: 4.761904761904761%
}

.layout-sp .search .app-map-detail .btn li a {
  border-radius: 10em;
  line-height: 1.8
}

.search .app-map-detail .btn li:first-child {
  margin: 0
}

.slick-slider .slick-next,
.slick-slider .slick-prev {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 0;
  border: 0;
  cursor: pointer;
  background-color: transparent
}

.slick-slider .slick-next:before,
.slick-slider .slick-prev:before {
  font-family: FontAwesome
}

.layout-pc .slick-slider .slick-next:before,
.layout-pc .slick-slider .slick-prev:before {
  font-size: 35px
}

.slick-slider .slick-prev:before {
  content: "\F104"
}

.slick-slider .slick-next:before {
  content: "\F105"
}

.slick-slider .slick-dots {
  width: 100%;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center
}

.layout-pc .slick-slider .slick-dots {
  bottom: -26px
}

.slick-slider .slick-dots li {
  display: inline-block;
  cursor: pointer
}

.layout-pc .slick-slider .slick-dots li+li {
  margin-left: 5px
}

.layout-sp .slick-slider .slick-dots li+li {
  margin-left: 2%
}

.slick-slider .slick-dots li:before {
  content: "\25CF";
  color: #adc4ca
}

.layout-pc .slick-slider .slick-dots li:before {
  font-size: 12px
}

.layout-sp .slick-slider .slick-dots li:before {
  font-size: 74%
}

.slick-slider .slick-dots li.slick-active:before {
  color: #ca0029
}

.slick-slider .slick-dots button {
  display: none
}

@font-face {
  font-family: FontAwesome;
  src: url("../fonts/fontawesome-webfont.eot?v=4.7.0");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: 400;
  font-style: normal
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.fa-lg {
  font-size: 1.33333333em;
  line-height: .75em;
  vertical-align: -15%
}

.fa-2x {
  font-size: 2em
}

.fa-3x {
  font-size: 3em
}

.fa-4x {
  font-size: 4em
}

.fa-5x {
  font-size: 5em
}

.fa-fw {
  width: 1.28571429em;
  text-align: center
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none
}

.fa-ul>li {
  position: relative
}

.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: .14285714em;
  text-align: center
}

.fa-li.fa-lg {
  left: -1.85714286em
}

.fa-border {
  padding: .2em .25em .15em;
  border: .08em solid #eee;
  border-radius: .1em
}

.fa-pull-left {
  float: left
}

.fa-pull-right {
  float: right
}

.fa.fa-pull-left {
  margin-right: .3em
}

.fa.fa-pull-right {
  margin-left: .3em
}

.pull-right {
  float: right
}

.pull-left {
  float: left
}

.fa.pull-left {
  margin-right: .3em
}

.fa.pull-right {
  margin-left: .3em
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8)
}

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg)
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1)
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scaleY(-1);
  -ms-transform: scaleY(-1);
  transform: scaleY(-1)
}

:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270 {
  -webkit-filter: none;
  filter: none
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle
}

.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center
}

.fa-stack-1x {
  line-height: inherit
}

.fa-stack-2x {
  font-size: 2em
}

.fa-inverse {
  color: #fff
}

.fa-glass:before {
  content: "\F000"
}

.fa-music:before {
  content: "\F001"
}

.fa-search:before {
  content: "\F002"
}

.fa-envelope-o:before {
  content: "\F003"
}

.fa-heart:before {
  content: "\F004"
}

.fa-star:before {
  content: "\F005"
}

.fa-star-o:before {
  content: "\F006"
}

.fa-user:before {
  content: "\F007"
}

.fa-film:before {
  content: "\F008"
}

.fa-th-large:before {
  content: "\F009"
}

.fa-th:before {
  content: "\F00A"
}

.fa-th-list:before {
  content: "\F00B"
}

.fa-check:before {
  content: "\F00C"
}

.fa-close:before,
.fa-remove:before,
.fa-times:before {
  content: "\F00D"
}

.fa-search-plus:before {
  content: "\F00E"
}

.fa-search-minus:before {
  content: "\F010"
}

.fa-power-off:before {
  content: "\F011"
}

.fa-signal:before {
  content: "\F012"
}

.fa-cog:before,
.fa-gear:before {
  content: "\F013"
}

.fa-trash-o:before {
  content: "\F014"
}

.fa-home:before {
  content: "\F015"
}

.fa-file-o:before {
  content: "\F016"
}

.fa-clock-o:before {
  content: "\F017"
}

.fa-road:before {
  content: "\F018"
}

.fa-download:before {
  content: "\F019"
}

.fa-arrow-circle-o-down:before {
  content: "\F01A"
}

.fa-arrow-circle-o-up:before {
  content: "\F01B"
}

.fa-inbox:before {
  content: "\F01C"
}

.fa-play-circle-o:before {
  content: "\F01D"
}

.fa-repeat:before,
.fa-rotate-right:before {
  content: "\F01E"
}

.fa-refresh:before {
  content: "\F021"
}

.fa-list-alt:before {
  content: "\F022"
}

.fa-lock:before {
  content: "\F023"
}

.fa-flag:before {
  content: "\F024"
}

.fa-headphones:before {
  content: "\F025"
}

.fa-volume-off:before {
  content: "\F026"
}

.fa-volume-down:before {
  content: "\F027"
}

.fa-volume-up:before {
  content: "\F028"
}

.fa-qrcode:before {
  content: "\F029"
}

.fa-barcode:before {
  content: "\F02A"
}

.fa-tag:before {
  content: "\F02B"
}

.fa-tags:before {
  content: "\F02C"
}

.fa-book:before {
  content: "\F02D"
}

.fa-bookmark:before {
  content: "\F02E"
}

.fa-print:before {
  content: "\F02F"
}

.fa-camera:before {
  content: "\F030"
}

.fa-font:before {
  content: "\F031"
}

.fa-bold:before {
  content: "\F032"
}

.fa-italic:before {
  content: "\F033"
}

.fa-text-height:before {
  content: "\F034"
}

.fa-text-width:before {
  content: "\F035"
}

.fa-align-left:before {
  content: "\F036"
}

.fa-align-center:before {
  content: "\F037"
}

.fa-align-right:before {
  content: "\F038"
}

.fa-align-justify:before {
  content: "\F039"
}

.fa-list:before {
  content: "\F03A"
}

.fa-dedent:before,
.fa-outdent:before {
  content: "\F03B"
}

.fa-indent:before {
  content: "\F03C"
}

.fa-video-camera:before {
  content: "\F03D"
}

.fa-image:before,
.fa-photo:before,
.fa-picture-o:before {
  content: "\F03E"
}

.fa-pencil:before {
  content: "\F040"
}

.fa-map-marker:before {
  content: "\F041"
}

.fa-adjust:before {
  content: "\F042"
}

.fa-tint:before {
  content: "\F043"
}

.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\F044"
}

.fa-share-square-o:before {
  content: "\F045"
}

.fa-check-square-o:before {
  content: "\F046"
}

.fa-arrows:before {
  content: "\F047"
}

.fa-step-backward:before {
  content: "\F048"
}

.fa-fast-backward:before {
  content: "\F049"
}

.fa-backward:before {
  content: "\F04A"
}

.fa-play:before {
  content: "\F04B"
}

.fa-pause:before {
  content: "\F04C"
}

.fa-stop:before {
  content: "\F04D"
}

.fa-forward:before {
  content: "\F04E"
}

.fa-fast-forward:before {
  content: "\F050"
}

.fa-step-forward:before {
  content: "\F051"
}

.fa-eject:before {
  content: "\F052"
}

.fa-chevron-left:before {
  content: "\F053"
}

.fa-chevron-right:before {
  content: "\F054"
}

.fa-plus-circle:before {
  content: "\F055"
}

.fa-minus-circle:before {
  content: "\F056"
}

.fa-times-circle:before {
  content: "\F057"
}

.fa-check-circle:before {
  content: "\F058"
}

.fa-question-circle:before {
  content: "\F059"
}

.fa-info-circle:before {
  content: "\F05A"
}

.fa-crosshairs:before {
  content: "\F05B"
}

.fa-times-circle-o:before {
  content: "\F05C"
}

.fa-check-circle-o:before {
  content: "\F05D"
}

.fa-ban:before {
  content: "\F05E"
}

.fa-arrow-left:before {
  content: "\F060"
}

.fa-arrow-right:before {
  content: "\F061"
}

.fa-arrow-up:before {
  content: "\F062"
}

.fa-arrow-down:before {
  content: "\F063"
}

.fa-mail-forward:before,
.fa-share:before {
  content: "\F064"
}

.fa-expand:before {
  content: "\F065"
}

.fa-compress:before {
  content: "\F066"
}

.fa-plus:before {
  content: "\F067"
}

.fa-minus:before {
  content: "\F068"
}

.fa-asterisk:before {
  content: "\F069"
}

.fa-exclamation-circle:before {
  content: "\F06A"
}

.fa-gift:before {
  content: "\F06B"
}

.fa-leaf:before {
  content: "\F06C"
}

.fa-fire:before {
  content: "\F06D"
}

.fa-eye:before {
  content: "\F06E"
}

.fa-eye-slash:before {
  content: "\F070"
}

.fa-exclamation-triangle:before,
.fa-warning:before {
  content: "\F071"
}

.fa-plane:before {
  content: "\F072"
}

.fa-calendar:before {
  content: "\F073"
}

.fa-random:before {
  content: "\F074"
}

.fa-comment:before {
  content: "\F075"
}

.fa-magnet:before {
  content: "\F076"
}

.fa-chevron-up:before {
  content: "\F077"
}

.fa-chevron-down:before {
  content: "\F078"
}

.fa-retweet:before {
  content: "\F079"
}

.fa-shopping-cart:before {
  content: "\F07A"
}

.fa-folder:before {
  content: "\F07B"
}

.fa-folder-open:before {
  content: "\F07C"
}

.fa-arrows-v:before {
  content: "\F07D"
}

.fa-arrows-h:before {
  content: "\F07E"
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\F080"
}

.fa-twitter-square:before {
  content: "\F081"
}

.fa-facebook-square:before {
  content: "\F082"
}

.fa-camera-retro:before {
  content: "\F083"
}

.fa-key:before {
  content: "\F084"
}

.fa-cogs:before,
.fa-gears:before {
  content: "\F085"
}

.fa-comments:before {
  content: "\F086"
}

.fa-thumbs-o-up:before {
  content: "\F087"
}

.fa-thumbs-o-down:before {
  content: "\F088"
}

.fa-star-half:before {
  content: "\F089"
}

.fa-heart-o:before {
  content: "\F08A"
}

.fa-sign-out:before {
  content: "\F08B"
}

.fa-linkedin-square:before {
  content: "\F08C"
}

.fa-thumb-tack:before {
  content: "\F08D"
}

.fa-external-link:before {
  content: "\F08E"
}

.fa-sign-in:before {
  content: "\F090"
}

.fa-trophy:before {
  content: "\F091"
}

.fa-github-square:before {
  content: "\F092"
}

.fa-upload:before {
  content: "\F093"
}

.fa-lemon-o:before {
  content: "\F094"
}

.fa-phone:before {
  content: "\F095"
}

.fa-square-o:before {
  content: "\F096"
}

.fa-bookmark-o:before {
  content: "\F097"
}

.fa-phone-square:before {
  content: "\F098"
}

.fa-twitter:before {
  content: "\F099"
}

.fa-facebook-f:before,
.fa-facebook:before {
  content: "\F09A"
}

.fa-github:before {
  content: "\F09B"
}

.fa-unlock:before {
  content: "\F09C"
}

.fa-credit-card:before {
  content: "\F09D"
}

.fa-feed:before,
.fa-rss:before {
  content: "\F09E"
}

.fa-hdd-o:before {
  content: "\F0A0"
}

.fa-bullhorn:before {
  content: "\F0A1"
}

.fa-bell:before {
  content: "\F0F3"
}

.fa-certificate:before {
  content: "\F0A3"
}

.fa-hand-o-right:before {
  content: "\F0A4"
}

.fa-hand-o-left:before {
  content: "\F0A5"
}

.fa-hand-o-up:before {
  content: "\F0A6"
}

.fa-hand-o-down:before {
  content: "\F0A7"
}

.fa-arrow-circle-left:before {
  content: "\F0A8"
}

.fa-arrow-circle-right:before {
  content: "\F0A9"
}

.fa-arrow-circle-up:before {
  content: "\F0AA"
}

.fa-arrow-circle-down:before {
  content: "\F0AB"
}

.fa-globe:before {
  content: "\F0AC"
}

.fa-wrench:before {
  content: "\F0AD"
}

.fa-tasks:before {
  content: "\F0AE"
}

.fa-filter:before {
  content: "\F0B0"
}

.fa-briefcase:before {
  content: "\F0B1"
}

.fa-arrows-alt:before {
  content: "\F0B2"
}

.fa-group:before,
.fa-users:before {
  content: "\F0C0"
}

.fa-chain:before,
.fa-link:before {
  content: "\F0C1"
}

.fa-cloud:before {
  content: "\F0C2"
}

.fa-flask:before {
  content: "\F0C3"
}

.fa-cut:before,
.fa-scissors:before {
  content: "\F0C4"
}

.fa-copy:before,
.fa-files-o:before {
  content: "\F0C5"
}

.fa-paperclip:before {
  content: "\F0C6"
}

.fa-floppy-o:before,
.fa-save:before {
  content: "\F0C7"
}

.fa-square:before {
  content: "\F0C8"
}

.fa-bars:before,
.fa-navicon:before,
.fa-reorder:before {
  content: "\F0C9"
}

.fa-list-ul:before {
  content: "\F0CA"
}

.fa-list-ol:before {
  content: "\F0CB"
}

.fa-strikethrough:before {
  content: "\F0CC"
}

.fa-underline:before {
  content: "\F0CD"
}

.fa-table:before {
  content: "\F0CE"
}

.fa-magic:before {
  content: "\F0D0"
}

.fa-truck:before {
  content: "\F0D1"
}

.fa-pinterest:before {
  content: "\F0D2"
}

.fa-pinterest-square:before {
  content: "\F0D3"
}

.fa-google-plus-square:before {
  content: "\F0D4"
}

.fa-google-plus:before {
  content: "\F0D5"
}

.fa-money:before {
  content: "\F0D6"
}

.fa-caret-down:before {
  content: "\F0D7"
}

.fa-caret-up:before {
  content: "\F0D8"
}

.fa-caret-left:before {
  content: "\F0D9"
}

.fa-caret-right:before {
  content: "\F0DA"
}

.fa-columns:before {
  content: "\F0DB"
}

.fa-sort:before,
.fa-unsorted:before {
  content: "\F0DC"
}

.fa-sort-desc:before,
.fa-sort-down:before {
  content: "\F0DD"
}

.fa-sort-asc:before,
.fa-sort-up:before {
  content: "\F0DE"
}

.fa-envelope:before {
  content: "\F0E0"
}

.fa-linkedin:before {
  content: "\F0E1"
}

.fa-rotate-left:before,
.fa-undo:before {
  content: "\F0E2"
}

.fa-gavel:before,
.fa-legal:before {
  content: "\F0E3"
}

.fa-dashboard:before,
.fa-tachometer:before {
  content: "\F0E4"
}

.fa-comment-o:before {
  content: "\F0E5"
}

.fa-comments-o:before {
  content: "\F0E6"
}

.fa-bolt:before,
.fa-flash:before {
  content: "\F0E7"
}

.fa-sitemap:before {
  content: "\F0E8"
}

.fa-umbrella:before {
  content: "\F0E9"
}

.fa-clipboard:before,
.fa-paste:before {
  content: "\F0EA"
}

.fa-lightbulb-o:before {
  content: "\F0EB"
}

.fa-exchange:before {
  content: "\F0EC"
}

.fa-cloud-download:before {
  content: "\F0ED"
}

.fa-cloud-upload:before {
  content: "\F0EE"
}

.fa-user-md:before {
  content: "\F0F0"
}

.fa-stethoscope:before {
  content: "\F0F1"
}

.fa-suitcase:before {
  content: "\F0F2"
}

.fa-bell-o:before {
  content: "\F0A2"
}

.fa-coffee:before {
  content: "\F0F4"
}

.fa-cutlery:before {
  content: "\F0F5"
}

.fa-file-text-o:before {
  content: "\F0F6"
}

.fa-building-o:before {
  content: "\F0F7"
}

.fa-hospital-o:before {
  content: "\F0F8"
}

.fa-ambulance:before {
  content: "\F0F9"
}

.fa-medkit:before {
  content: "\F0FA"
}

.fa-fighter-jet:before {
  content: "\F0FB"
}

.fa-beer:before {
  content: "\F0FC"
}

.fa-h-square:before {
  content: "\F0FD"
}

.fa-plus-square:before {
  content: "\F0FE"
}

.fa-angle-double-left:before {
  content: "\F100"
}

.fa-angle-double-right:before {
  content: "\F101"
}

.fa-angle-double-up:before {
  content: "\F102"
}

.fa-angle-double-down:before {
  content: "\F103"
}

.fa-angle-left:before {
  content: "\F104"
}

.fa-angle-right:before {
  content: "\F105"
}

.fa-angle-up:before {
  content: "\F106"
}

.fa-angle-down:before {
  content: "\F107"
}

.fa-desktop:before {
  content: "\F108"
}

.fa-laptop:before {
  content: "\F109"
}

.fa-tablet:before {
  content: "\F10A"
}

.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\F10B"
}

.fa-circle-o:before {
  content: "\F10C"
}

.fa-quote-left:before {
  content: "\F10D"
}

.fa-quote-right:before {
  content: "\F10E"
}

.fa-spinner:before {
  content: "\F110"
}

.fa-circle:before {
  content: "\F111"
}

.fa-mail-reply:before,
.fa-reply:before {
  content: "\F112"
}

.fa-github-alt:before {
  content: "\F113"
}

.fa-folder-o:before {
  content: "\F114"
}

.fa-folder-open-o:before {
  content: "\F115"
}

.fa-smile-o:before {
  content: "\F118"
}

.fa-frown-o:before {
  content: "\F119"
}

.fa-meh-o:before {
  content: "\F11A"
}

.fa-gamepad:before {
  content: "\F11B"
}

.fa-keyboard-o:before {
  content: "\F11C"
}

.fa-flag-o:before {
  content: "\F11D"
}

.fa-flag-checkered:before {
  content: "\F11E"
}

.fa-terminal:before {
  content: "\F120"
}

.fa-code:before {
  content: "\F121"
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\F122"
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\F123"
}

.fa-location-arrow:before {
  content: "\F124"
}

.fa-crop:before {
  content: "\F125"
}

.fa-code-fork:before {
  content: "\F126"
}

.fa-chain-broken:before,
.fa-unlink:before {
  content: "\F127"
}

.fa-question:before {
  content: "\F128"
}

.fa-info:before {
  content: "\F129"
}

.fa-exclamation:before {
  content: "\F12A"
}

.fa-superscript:before {
  content: "\F12B"
}

.fa-subscript:before {
  content: "\F12C"
}

.fa-eraser:before {
  content: "\F12D"
}

.fa-puzzle-piece:before {
  content: "\F12E"
}

.fa-microphone:before {
  content: "\F130"
}

.fa-microphone-slash:before {
  content: "\F131"
}

.fa-shield:before {
  content: "\F132"
}

.fa-calendar-o:before {
  content: "\F133"
}

.fa-fire-extinguisher:before {
  content: "\F134"
}

.fa-rocket:before {
  content: "\F135"
}

.fa-maxcdn:before {
  content: "\F136"
}

.fa-chevron-circle-left:before {
  content: "\F137"
}

.fa-chevron-circle-right:before {
  content: "\F138"
}

.fa-chevron-circle-up:before {
  content: "\F139"
}

.fa-chevron-circle-down:before {
  content: "\F13A"
}

.fa-html5:before {
  content: "\F13B"
}

.fa-css3:before {
  content: "\F13C"
}

.fa-anchor:before {
  content: "\F13D"
}

.fa-unlock-alt:before {
  content: "\F13E"
}

.fa-bullseye:before {
  content: "\F140"
}

.fa-ellipsis-h:before {
  content: "\F141"
}

.fa-ellipsis-v:before {
  content: "\F142"
}

.fa-rss-square:before {
  content: "\F143"
}

.fa-play-circle:before {
  content: "\F144"
}

.fa-ticket:before {
  content: "\F145"
}

.fa-minus-square:before {
  content: "\F146"
}

.fa-minus-square-o:before {
  content: "\F147"
}

.fa-level-up:before {
  content: "\F148"
}

.fa-level-down:before {
  content: "\F149"
}

.fa-check-square:before {
  content: "\F14A"
}

.fa-pencil-square:before {
  content: "\F14B"
}

.fa-external-link-square:before {
  content: "\F14C"
}

.fa-share-square:before {
  content: "\F14D"
}

.fa-compass:before {
  content: "\F14E"
}

.fa-caret-square-o-down:before,
.fa-toggle-down:before {
  content: "\F150"
}

.fa-caret-square-o-up:before,
.fa-toggle-up:before {
  content: "\F151"
}

.fa-caret-square-o-right:before,
.fa-toggle-right:before {
  content: "\F152"
}

.fa-eur:before,
.fa-euro:before {
  content: "\F153"
}

.fa-gbp:before {
  content: "\F154"
}

.fa-dollar:before,
.fa-usd:before {
  content: "\F155"
}

.fa-inr:before,
.fa-rupee:before {
  content: "\F156"
}

.fa-cny:before,
.fa-jpy:before,
.fa-rmb:before,
.fa-yen:before {
  content: "\F157"
}

.fa-rouble:before,
.fa-rub:before,
.fa-ruble:before {
  content: "\F158"
}

.fa-krw:before,
.fa-won:before {
  content: "\F159"
}

.fa-bitcoin:before,
.fa-btc:before {
  content: "\F15A"
}

.fa-file:before {
  content: "\F15B"
}

.fa-file-text:before {
  content: "\F15C"
}

.fa-sort-alpha-asc:before {
  content: "\F15D"
}

.fa-sort-alpha-desc:before {
  content: "\F15E"
}

.fa-sort-amount-asc:before {
  content: "\F160"
}

.fa-sort-amount-desc:before {
  content: "\F161"
}

.fa-sort-numeric-asc:before {
  content: "\F162"
}

.fa-sort-numeric-desc:before {
  content: "\F163"
}

.fa-thumbs-up:before {
  content: "\F164"
}

.fa-thumbs-down:before {
  content: "\F165"
}

.fa-youtube-square:before {
  content: "\F166"
}

.fa-youtube:before {
  content: "\F167"
}

.fa-xing:before {
  content: "\F168"
}

.fa-xing-square:before {
  content: "\F169"
}

.fa-youtube-play:before {
  content: "\F16A"
}

.fa-dropbox:before {
  content: "\F16B"
}

.fa-stack-overflow:before {
  content: "\F16C"
}

.fa-instagram:before {
  content: "\F16D"
}

.fa-flickr:before {
  content: "\F16E"
}

.fa-adn:before {
  content: "\F170"
}

.fa-bitbucket:before {
  content: "\F171"
}

.fa-bitbucket-square:before {
  content: "\F172"
}

.fa-tumblr:before {
  content: "\F173"
}

.fa-tumblr-square:before {
  content: "\F174"
}

.fa-long-arrow-down:before {
  content: "\F175"
}

.fa-long-arrow-up:before {
  content: "\F176"
}

.fa-long-arrow-left:before {
  content: "\F177"
}

.fa-long-arrow-right:before {
  content: "\F178"
}

.fa-apple:before {
  content: "\F179"
}

.fa-windows:before {
  content: "\F17A"
}

.fa-android:before {
  content: "\F17B"
}

.fa-linux:before {
  content: "\F17C"
}

.fa-dribbble:before {
  content: "\F17D"
}

.fa-skype:before {
  content: "\F17E"
}

.fa-foursquare:before {
  content: "\F180"
}

.fa-trello:before {
  content: "\F181"
}

.fa-female:before {
  content: "\F182"
}

.fa-male:before {
  content: "\F183"
}

.fa-gittip:before,
.fa-gratipay:before {
  content: "\F184"
}

.fa-sun-o:before {
  content: "\F185"
}

.fa-moon-o:before {
  content: "\F186"
}

.fa-archive:before {
  content: "\F187"
}

.fa-bug:before {
  content: "\F188"
}

.fa-vk:before {
  content: "\F189"
}

.fa-weibo:before {
  content: "\F18A"
}

.fa-renren:before {
  content: "\F18B"
}

.fa-pagelines:before {
  content: "\F18C"
}

.fa-stack-exchange:before {
  content: "\F18D"
}

.fa-arrow-circle-o-right:before {
  content: "\F18E"
}

.fa-arrow-circle-o-left:before {
  content: "\F190"
}

.fa-caret-square-o-left:before,
.fa-toggle-left:before {
  content: "\F191"
}

.fa-dot-circle-o:before {
  content: "\F192"
}

.fa-wheelchair:before {
  content: "\F193"
}

.fa-vimeo-square:before {
  content: "\F194"
}

.fa-try:before,
.fa-turkish-lira:before {
  content: "\F195"
}

.fa-plus-square-o:before {
  content: "\F196"
}

.fa-space-shuttle:before {
  content: "\F197"
}

.fa-slack:before {
  content: "\F198"
}

.fa-envelope-square:before {
  content: "\F199"
}

.fa-wordpress:before {
  content: "\F19A"
}

.fa-openid:before {
  content: "\F19B"
}

.fa-bank:before,
.fa-institution:before,
.fa-university:before {
  content: "\F19C"
}

.fa-graduation-cap:before,
.fa-mortar-board:before {
  content: "\F19D"
}

.fa-yahoo:before {
  content: "\F19E"
}

.fa-google:before {
  content: "\F1A0"
}

.fa-reddit:before {
  content: "\F1A1"
}

.fa-reddit-square:before {
  content: "\F1A2"
}

.fa-stumbleupon-circle:before {
  content: "\F1A3"
}

.fa-stumbleupon:before {
  content: "\F1A4"
}

.fa-delicious:before {
  content: "\F1A5"
}

.fa-digg:before {
  content: "\F1A6"
}

.fa-pied-piper-pp:before {
  content: "\F1A7"
}

.fa-pied-piper-alt:before {
  content: "\F1A8"
}

.fa-drupal:before {
  content: "\F1A9"
}

.fa-joomla:before {
  content: "\F1AA"
}

.fa-language:before {
  content: "\F1AB"
}

.fa-fax:before {
  content: "\F1AC"
}

.fa-building:before {
  content: "\F1AD"
}

.fa-child:before {
  content: "\F1AE"
}

.fa-paw:before {
  content: "\F1B0"
}

.fa-spoon:before {
  content: "\F1B1"
}

.fa-cube:before {
  content: "\F1B2"
}

.fa-cubes:before {
  content: "\F1B3"
}

.fa-behance:before {
  content: "\F1B4"
}

.fa-behance-square:before {
  content: "\F1B5"
}

.fa-steam:before {
  content: "\F1B6"
}

.fa-steam-square:before {
  content: "\F1B7"
}

.fa-recycle:before {
  content: "\F1B8"
}

.fa-automobile:before,
.fa-car:before {
  content: "\F1B9"
}

.fa-cab:before,
.fa-taxi:before {
  content: "\F1BA"
}

.fa-tree:before {
  content: "\F1BB"
}

.fa-spotify:before {
  content: "\F1BC"
}

.fa-deviantart:before {
  content: "\F1BD"
}

.fa-soundcloud:before {
  content: "\F1BE"
}

.fa-database:before {
  content: "\F1C0"
}

.fa-file-pdf-o:before {
  content: "\F1C1"
}

.fa-file-word-o:before {
  content: "\F1C2"
}

.fa-file-excel-o:before {
  content: "\F1C3"
}

.fa-file-powerpoint-o:before {
  content: "\F1C4"
}

.fa-file-image-o:before,
.fa-file-photo-o:before,
.fa-file-picture-o:before {
  content: "\F1C5"
}

.fa-file-archive-o:before,
.fa-file-zip-o:before {
  content: "\F1C6"
}

.fa-file-audio-o:before,
.fa-file-sound-o:before {
  content: "\F1C7"
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\F1C8"
}

.fa-file-code-o:before {
  content: "\F1C9"
}

.fa-vine:before {
  content: "\F1CA"
}

.fa-codepen:before {
  content: "\F1CB"
}

.fa-jsfiddle:before {
  content: "\F1CC"
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-ring:before,
.fa-life-saver:before,
.fa-support:before {
  content: "\F1CD"
}

.fa-circle-o-notch:before {
  content: "\F1CE"
}

.fa-ra:before,
.fa-rebel:before,
.fa-resistance:before {
  content: "\F1D0"
}

.fa-empire:before,
.fa-ge:before {
  content: "\F1D1"
}

.fa-git-square:before {
  content: "\F1D2"
}

.fa-git:before {
  content: "\F1D3"
}

.fa-hacker-news:before,
.fa-y-combinator-square:before,
.fa-yc-square:before {
  content: "\F1D4"
}

.fa-tencent-weibo:before {
  content: "\F1D5"
}

.fa-qq:before {
  content: "\F1D6"
}

.fa-wechat:before,
.fa-weixin:before {
  content: "\F1D7"
}

.fa-paper-plane:before,
.fa-send:before {
  content: "\F1D8"
}

.fa-paper-plane-o:before,
.fa-send-o:before {
  content: "\F1D9"
}

.fa-history:before {
  content: "\F1DA"
}

.fa-circle-thin:before {
  content: "\F1DB"
}

.fa-header:before {
  content: "\F1DC"
}

.fa-paragraph:before {
  content: "\F1DD"
}

.fa-sliders:before {
  content: "\F1DE"
}

.fa-share-alt:before {
  content: "\F1E0"
}

.fa-share-alt-square:before {
  content: "\F1E1"
}

.fa-bomb:before {
  content: "\F1E2"
}

.fa-futbol-o:before,
.fa-soccer-ball-o:before {
  content: "\F1E3"
}

.fa-tty:before {
  content: "\F1E4"
}

.fa-binoculars:before {
  content: "\F1E5"
}

.fa-plug:before {
  content: "\F1E6"
}

.fa-slideshare:before {
  content: "\F1E7"
}

.fa-twitch:before {
  content: "\F1E8"
}

.fa-yelp:before {
  content: "\F1E9"
}

.fa-newspaper-o:before {
  content: "\F1EA"
}

.fa-wifi:before {
  content: "\F1EB"
}

.fa-calculator:before {
  content: "\F1EC"
}

.fa-paypal:before {
  content: "\F1ED"
}

.fa-google-wallet:before {
  content: "\F1EE"
}

.fa-cc-visa:before {
  content: "\F1F0"
}

.fa-cc-mastercard:before {
  content: "\F1F1"
}

.fa-cc-discover:before {
  content: "\F1F2"
}

.fa-cc-amex:before {
  content: "\F1F3"
}

.fa-cc-paypal:before {
  content: "\F1F4"
}

.fa-cc-stripe:before {
  content: "\F1F5"
}

.fa-bell-slash:before {
  content: "\F1F6"
}

.fa-bell-slash-o:before {
  content: "\F1F7"
}

.fa-trash:before {
  content: "\F1F8"
}

.fa-copyright:before {
  content: "\F1F9"
}

.fa-at:before {
  content: "\F1FA"
}

.fa-eyedropper:before {
  content: "\F1FB"
}

.fa-paint-brush:before {
  content: "\F1FC"
}

.fa-birthday-cake:before {
  content: "\F1FD"
}

.fa-area-chart:before {
  content: "\F1FE"
}

.fa-pie-chart:before {
  content: "\F200"
}

.fa-line-chart:before {
  content: "\F201"
}

.fa-lastfm:before {
  content: "\F202"
}

.fa-lastfm-square:before {
  content: "\F203"
}

.fa-toggle-off:before {
  content: "\F204"
}

.fa-toggle-on:before {
  content: "\F205"
}

.fa-bicycle:before {
  content: "\F206"
}

.fa-bus:before {
  content: "\F207"
}

.fa-ioxhost:before {
  content: "\F208"
}

.fa-angellist:before {
  content: "\F209"
}

.fa-cc:before {
  content: "\F20A"
}

.fa-ils:before,
.fa-shekel:before,
.fa-sheqel:before {
  content: "\F20B"
}

.fa-meanpath:before {
  content: "\F20C"
}

.fa-buysellads:before {
  content: "\F20D"
}

.fa-connectdevelop:before {
  content: "\F20E"
}

.fa-dashcube:before {
  content: "\F210"
}

.fa-forumbee:before {
  content: "\F211"
}

.fa-leanpub:before {
  content: "\F212"
}

.fa-sellsy:before {
  content: "\F213"
}

.fa-shirtsinbulk:before {
  content: "\F214"
}

.fa-simplybuilt:before {
  content: "\F215"
}

.fa-skyatlas:before {
  content: "\F216"
}

.fa-cart-plus:before {
  content: "\F217"
}

.fa-cart-arrow-down:before {
  content: "\F218"
}

.fa-diamond:before {
  content: "\F219"
}

.fa-ship:before {
  content: "\F21A"
}

.fa-user-secret:before {
  content: "\F21B"
}

.fa-motorcycle:before {
  content: "\F21C"
}

.fa-street-view:before {
  content: "\F21D"
}

.fa-heartbeat:before {
  content: "\F21E"
}

.fa-venus:before {
  content: "\F221"
}

.fa-mars:before {
  content: "\F222"
}

.fa-mercury:before {
  content: "\F223"
}

.fa-intersex:before,
.fa-transgender:before {
  content: "\F224"
}

.fa-transgender-alt:before {
  content: "\F225"
}

.fa-venus-double:before {
  content: "\F226"
}

.fa-mars-double:before {
  content: "\F227"
}

.fa-venus-mars:before {
  content: "\F228"
}

.fa-mars-stroke:before {
  content: "\F229"
}

.fa-mars-stroke-v:before {
  content: "\F22A"
}

.fa-mars-stroke-h:before {
  content: "\F22B"
}

.fa-neuter:before {
  content: "\F22C"
}

.fa-genderless:before {
  content: "\F22D"
}

.fa-facebook-official:before {
  content: "\F230"
}

.fa-pinterest-p:before {
  content: "\F231"
}

.fa-whatsapp:before {
  content: "\F232"
}

.fa-server:before {
  content: "\F233"
}

.fa-user-plus:before {
  content: "\F234"
}

.fa-user-times:before {
  content: "\F235"
}

.fa-bed:before,
.fa-hotel:before {
  content: "\F236"
}

.fa-viacoin:before {
  content: "\F237"
}

.fa-train:before {
  content: "\F238"
}

.fa-subway:before {
  content: "\F239"
}

.fa-medium:before {
  content: "\F23A"
}

.fa-y-combinator:before,
.fa-yc:before {
  content: "\F23B"
}

.fa-optin-monster:before {
  content: "\F23C"
}

.fa-opencart:before {
  content: "\F23D"
}

.fa-expeditedssl:before {
  content: "\F23E"
}

.fa-battery-4:before,
.fa-battery-full:before,
.fa-battery:before {
  content: "\F240"
}

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\F241"
}

.fa-battery-2:before,
.fa-battery-half:before {
  content: "\F242"
}

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\F243"
}

.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\F244"
}

.fa-mouse-pointer:before {
  content: "\F245"
}

.fa-i-cursor:before {
  content: "\F246"
}

.fa-object-group:before {
  content: "\F247"
}

.fa-object-ungroup:before {
  content: "\F248"
}

.fa-sticky-note:before {
  content: "\F249"
}

.fa-sticky-note-o:before {
  content: "\F24A"
}

.fa-cc-jcb:before {
  content: "\F24B"
}

.fa-cc-diners-club:before {
  content: "\F24C"
}

.fa-clone:before {
  content: "\F24D"
}

.fa-balance-scale:before {
  content: "\F24E"
}

.fa-hourglass-o:before {
  content: "\F250"
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\F251"
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\F252"
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\F253"
}

.fa-hourglass:before {
  content: "\F254"
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\F255"
}

.fa-hand-paper-o:before,
.fa-hand-stop-o:before {
  content: "\F256"
}

.fa-hand-scissors-o:before {
  content: "\F257"
}

.fa-hand-lizard-o:before {
  content: "\F258"
}

.fa-hand-spock-o:before {
  content: "\F259"
}

.fa-hand-pointer-o:before {
  content: "\F25A"
}

.fa-hand-peace-o:before {
  content: "\F25B"
}

.fa-trademark:before {
  content: "\F25C"
}

.fa-registered:before {
  content: "\F25D"
}

.fa-creative-commons:before {
  content: "\F25E"
}

.fa-gg:before {
  content: "\F260"
}

.fa-gg-circle:before {
  content: "\F261"
}

.fa-tripadvisor:before {
  content: "\F262"
}

.fa-odnoklassniki:before {
  content: "\F263"
}

.fa-odnoklassniki-square:before {
  content: "\F264"
}

.fa-get-pocket:before {
  content: "\F265"
}

.fa-wikipedia-w:before {
  content: "\F266"
}

.fa-safari:before {
  content: "\F267"
}

.fa-chrome:before {
  content: "\F268"
}

.fa-firefox:before {
  content: "\F269"
}

.fa-opera:before {
  content: "\F26A"
}

.fa-internet-explorer:before {
  content: "\F26B"
}

.fa-television:before,
.fa-tv:before {
  content: "\F26C"
}

.fa-contao:before {
  content: "\F26D"
}

.fa-500px:before {
  content: "\F26E"
}

.fa-amazon:before {
  content: "\F270"
}

.fa-calendar-plus-o:before {
  content: "\F271"
}

.fa-calendar-minus-o:before {
  content: "\F272"
}

.fa-calendar-times-o:before {
  content: "\F273"
}

.fa-calendar-check-o:before {
  content: "\F274"
}

.fa-industry:before {
  content: "\F275"
}

.fa-map-pin:before {
  content: "\F276"
}

.fa-map-signs:before {
  content: "\F277"
}

.fa-map-o:before {
  content: "\F278"
}

.fa-map:before {
  content: "\F279"
}

.fa-commenting:before {
  content: "\F27A"
}

.fa-commenting-o:before {
  content: "\F27B"
}

.fa-houzz:before {
  content: "\F27C"
}

.fa-vimeo:before {
  content: "\F27D"
}

.fa-black-tie:before {
  content: "\F27E"
}

.fa-fonticons:before {
  content: "\F280"
}

.fa-reddit-alien:before {
  content: "\F281"
}

.fa-edge:before {
  content: "\F282"
}

.fa-credit-card-alt:before {
  content: "\F283"
}

.fa-codiepie:before {
  content: "\F284"
}

.fa-modx:before {
  content: "\F285"
}

.fa-fort-awesome:before {
  content: "\F286"
}

.fa-usb:before {
  content: "\F287"
}

.fa-product-hunt:before {
  content: "\F288"
}

.fa-mixcloud:before {
  content: "\F289"
}

.fa-scribd:before {
  content: "\F28A"
}

.fa-pause-circle:before {
  content: "\F28B"
}

.fa-pause-circle-o:before {
  content: "\F28C"
}

.fa-stop-circle:before {
  content: "\F28D"
}

.fa-stop-circle-o:before {
  content: "\F28E"
}

.fa-shopping-bag:before {
  content: "\F290"
}

.fa-shopping-basket:before {
  content: "\F291"
}

.fa-hashtag:before {
  content: "\F292"
}

.fa-bluetooth:before {
  content: "\F293"
}

.fa-bluetooth-b:before {
  content: "\F294"
}

.fa-percent:before {
  content: "\F295"
}

.fa-gitlab:before {
  content: "\F296"
}

.fa-wpbeginner:before {
  content: "\F297"
}

.fa-wpforms:before {
  content: "\F298"
}

.fa-envira:before {
  content: "\F299"
}

.fa-universal-access:before {
  content: "\F29A"
}

.fa-wheelchair-alt:before {
  content: "\F29B"
}

.fa-question-circle-o:before {
  content: "\F29C"
}

.fa-blind:before {
  content: "\F29D"
}

.fa-audio-description:before {
  content: "\F29E"
}

.fa-volume-control-phone:before {
  content: "\F2A0"
}

.fa-braille:before {
  content: "\F2A1"
}

.fa-assistive-listening-systems:before {
  content: "\F2A2"
}

.fa-american-sign-language-interpreting:before,
.fa-asl-interpreting:before {
  content: "\F2A3"
}

.fa-deaf:before,
.fa-deafness:before,
.fa-hard-of-hearing:before {
  content: "\F2A4"
}

.fa-glide:before {
  content: "\F2A5"
}

.fa-glide-g:before {
  content: "\F2A6"
}

.fa-sign-language:before,
.fa-signing:before {
  content: "\F2A7"
}

.fa-low-vision:before {
  content: "\F2A8"
}

.fa-viadeo:before {
  content: "\F2A9"
}

.fa-viadeo-square:before {
  content: "\F2AA"
}

.fa-snapchat:before {
  content: "\F2AB"
}

.fa-snapchat-ghost:before {
  content: "\F2AC"
}

.fa-snapchat-square:before {
  content: "\F2AD"
}

.fa-pied-piper:before {
  content: "\F2AE"
}

.fa-first-order:before {
  content: "\F2B0"
}

.fa-yoast:before {
  content: "\F2B1"
}

.fa-themeisle:before {
  content: "\F2B2"
}

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\F2B3"
}

.fa-fa:before,
.fa-font-awesome:before {
  content: "\F2B4"
}

.fa-handshake-o:before {
  content: "\F2B5"
}

.fa-envelope-open:before {
  content: "\F2B6"
}

.fa-envelope-open-o:before {
  content: "\F2B7"
}

.fa-linode:before {
  content: "\F2B8"
}

.fa-address-book:before {
  content: "\F2B9"
}

.fa-address-book-o:before {
  content: "\F2BA"
}

.fa-address-card:before,
.fa-vcard:before {
  content: "\F2BB"
}

.fa-address-card-o:before,
.fa-vcard-o:before {
  content: "\F2BC"
}

.fa-user-circle:before {
  content: "\F2BD"
}

.fa-user-circle-o:before {
  content: "\F2BE"
}

.fa-user-o:before {
  content: "\F2C0"
}

.fa-id-badge:before {
  content: "\F2C1"
}

.fa-drivers-license:before,
.fa-id-card:before {
  content: "\F2C2"
}

.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\F2C3"
}

.fa-quora:before {
  content: "\F2C4"
}

.fa-free-code-camp:before {
  content: "\F2C5"
}

.fa-telegram:before {
  content: "\F2C6"
}

.fa-thermometer-4:before,
.fa-thermometer-full:before,
.fa-thermometer:before {
  content: "\F2C7"
}

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\F2C8"
}

.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\F2C9"
}

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\F2CA"
}

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\F2CB"
}

.fa-shower:before {
  content: "\F2CC"
}

.fa-bath:before,
.fa-bathtub:before,
.fa-s15:before {
  content: "\F2CD"
}

.fa-podcast:before {
  content: "\F2CE"
}

.fa-window-maximize:before {
  content: "\F2D0"
}

.fa-window-minimize:before {
  content: "\F2D1"
}

.fa-window-restore:before {
  content: "\F2D2"
}

.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\F2D3"
}

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\F2D4"
}

.fa-bandcamp:before {
  content: "\F2D5"
}

.fa-grav:before {
  content: "\F2D6"
}

.fa-etsy:before {
  content: "\F2D7"
}

.fa-imdb:before {
  content: "\F2D8"
}

.fa-ravelry:before {
  content: "\F2D9"
}

.fa-eercast:before {
  content: "\F2DA"
}

.fa-microchip:before {
  content: "\F2DB"
}

.fa-snowflake-o:before {
  content: "\F2DC"
}

.fa-superpowers:before {
  content: "\F2DD"
}

.fa-wpexplorer:before {
  content: "\F2DE"
}

.fa-meetup:before {
  content: "\F2E0"
}

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

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    transform: rotate(359deg)
  }
}

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    transform: rotate(359deg)
  }
}

.slick-slider {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}

.slick-list,
.slick-slider {
  position: relative;
  display: block
}

.slick-list {
  overflow: hidden;
  margin: 0;
  padding: 0
}

.slick-list:focus {
  outline: none
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0)
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto
}

.slick-track:after {
  clear: both
}

.slick-track:after,
.slick-track:before {
  display: table;
  content: ""
}

.slick-loading .slick-slide,
.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px
}

.slick-slide img {
  display: block
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide.dragging img {
  pointer-events: none
}

[dir=rtl] .slick-slide {
  float: right
}

.slick-initialized .slick-slide {
  display: block
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}

.slick-arrow.slick-hidden {
  display: none
}

.page-link {
  width: 100%
}

.page-link .mainvisual {
  background: url("../img/link/img_mainvisual_01.png") 50% no-repeat;
  -webkit-background-size: cover;
  background-size: cover
}

.layout-pc .page-link .content {
  width: 1000px;
  margin: 20px auto 120px
}

.layout-sp .page-link .content {
  width: 92%;
  margin: 0 auto 23.466666666666665%
}

.page-link .content>.inner {
  text-align: center
}

.page-link .content a {
  color: #253848
}

.page-link .content h1 {
  font-weight: 700
}

.layout-pc .page-link .content h1 {
  margin-top: 30px;
  font-size: 188%
}

.layout-sp .page-link .content h1 {
  margin-top: 5.797101449275362%;
  font-size: 134%
}

.layout-pc .page-link .content .component-section {
  margin-top: 88px
}

.layout-sp .page-link .content .component-section {
  margin-top: 6.521739130434783%
}

.layout-pc .page-link .content .component-section:first-child {
  margin-top: 70px
}

.layout-sp .page-link .content .component-section .long .bnr {
  padding-bottom: 4.466666666666667em
}

.page-link .content .component-section .long a {
  display: block
}

.layout-pc .page-link .content .component-section .long {
  margin-bottom: 42px
}

.layout-sp .page-link .content .component-section .long {
  margin-bottom: 7.971014492753622%
}

.page-link .content .component-section ul:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: ""
}

.layout-pc .page-link .content .component-section ul {
  margin: -36px -16px 0
}

.layout-sp .page-link .content .component-section ul {
  margin: -6.521739130434783% -2.173913043478261% 0
}

.page-link .content .component-section li {
  float: left
}

.layout-pc .page-link .content .component-section li {
  width: 226px;
  margin: 36px 16px 0
}

.layout-pc .page-link .content .component-section li:nth-child(4n+1) {
  clear: both
}

.layout-sp .page-link .content .component-section li {
  width: 45.83333333333333%;
  margin: 5% 2.083333333333333% 0
}

.layout-sp .page-link .content .component-section li:nth-child(odd) {
  clear: both
}

.page-link .content .component-section li a {
  display: block
}

.page-link .bnr {
  border: 2px solid #e4ebed;
  border-radius: 11px
}

.layout-pc .page-link .bnr {
  height: 96px;
  margin-bottom: 10px
}

.layout-sp .page-link .bnr {
  padding-bottom: 3.533333333333333em;
  position: relative
}

.page-link .bnr img {
  width: auto;
  height: 100%
}

.layout-sp .page-link .bnr img {
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

.page-link .area-name {
  border-bottom: 1px solid #253848
}

.layout-sp .page-link .area-name {
  line-height: 1.8
}

.page-login_link .content .service-area {
  background-color: #f1f6f7
}

.layout-pc .page-login_link .content .service-area {
  padding: 35px 30px 40px
}

.layout-sp .page-login_link .content .service-area {
  padding: 4.347826086956522% 4.347826086956522% 5.072463768115942%
}

.layout-pc .page-login_link .content .component-section:first-child {
  margin-top: 40px
}

.layout-pc .page-login_link .content .component-section:first-child ul {
  margin: -35px -6px 0
}

.layout-pc .page-login_link .content .component-section:first-child li {
  width: 225px;
  margin: 35px 6px 0
}

.layout-sp .page-login_link .content .component-section:first-child li {
  width: 45.662100456621005%
}

.page-login_link .content .component-section .bnr {
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.layout-pc .page-login_link .content .component-section .bnr {
  height: 100px;
  padding: 4px 0
}

.page-login_link .content .component-section h2 {
  font-weight: 700
}

.layout-pc .page-login_link .content .component-section h2 {
  margin-bottom: 5px
}

.layout-pc .page-login_link .content .component-section .lead {
  font-size: 88%;
  margin-bottom: 35px
}

.layout-sp .page-login_link .content .component-section .lead {
  font-size: 87%;
  margin-bottom: 4.761904761904761%
}

.layout-pc .page-login_link .content .system {
  margin-top: 40px
}

.page-index {
  width: 100%
}

.page-index #header {
  padding-top: 0 !important
}

.page-index .mainvisual {
  position: relative;
  display: table;
  width: 100%
}

.layout-pc .page-index .mainvisual,
.page-index .mainvisual {
  background: url("../img/index/pc/mainvisual/bg_01.jpg") 50% no-repeat;
  -webkit-background-size: cover;
  background-size: cover
}

.layout-sp .page-index .mainvisual {
  background: url("../img/index/sp/mainvisual/bg_01.jpg") 50% no-repeat;
  -webkit-background-size: cover;
  background-size: cover
}

.page-index .mainvisual>.inner {
  color: #fff;
  text-align: center;
  display: table-cell;
  vertical-align: middle
}

.page-index .mainvisual h1 {
  font-weight: 700;
  line-height: 1
}

.layout-pc .page-index .mainvisual h1 {
  font-size: 725%
}

.layout-sp .page-index .mainvisual h1 {
  font-size: 467%
}

.page-index .mainvisual .lead {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0
}

.layout-pc .page-index .mainvisual .lead {
  font-size: 138%
}

.layout-sp .page-index .mainvisual .lead {
  margin-top: 2%;
  font-size: 160%
}

.page-index .mainvisual .component-btn.white-red a {
  border: none
}

.layout-pc .page-index .mainvisual .component-btn.white-red a {
  padding: 14px 40px
}

.layout-sp .page-index .mainvisual .component-btn.white-red a {
  padding: 4.313725490196078% 15.686274509803923%
}

.page-index .scroll-btn {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
  padding: 15px
}

.page-index .scroll-btn a {
  display: block;
  position: relative;
  padding: 15px;
  color: #fff;
  font-size: 88%;
  font-weight: 700
}

.page-index .scroll-btn a:before {
  content: "\F107";
  font-family: FontAwesome;
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-animation: up-down-bounce 1.3s ease-in-out infinite;
  animation: up-down-bounce 1.3s ease-in-out infinite;
  font-size: 1.2em
}

.layout-sp .page-index .scroll-btn {
  display: none
}

.page-index .slider {
  width: 100%;
  background-color: #fff
}

.layout-pc .page-index .slider {
  padding: 10px 0
}

.page-index .slider .inner {
  position: relative;
  margin: 0 auto
}

.layout-pc .page-index .slider .inner {
  width: 912px
}

.layout-sp .page-index .slider .inner {
  width: 100%
}

.layout-pc .page-index .slider .slick-list {
  margin-left: -6px
}

.layout-pc .page-index .slider .slick-slide {
  margin-left: 6px;
  -webkit-transform: translateX(-1px);
  -ms-transform: translateX(-1px);
  transform: translateX(-1px)
}

.layout-sp .page-index .slider .slick-slide {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.layout-sp .page-index .slider .slick-slide img {
  width: 100%
}

.page-index .slider .slick-slide img button {
  display: none
}

.page-index .slider .slick-slide a {
  display: block
}

.page-index .slider .slick-arrow {
  -webkit-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out
}

.page-index .slider .slick-arrow img {
  -webkit-box-shadow: #000 0 0 0;
  box-shadow: 0 0 0 #000
}

.page-index .slider .slick-arrow:hover {
  opacity: .7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70)
}

.ua-not-pc.page-index .slider .slick-arrow:hover {
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
  filter: none
}

.page-index .slider .slick-arrow {
  padding: 0;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal
}

.page-index .slider .slick-prev {
  left: -32px
}

.page-index .slider .slick-next {
  right: -32px
}

.layout-pc .page-index .news {
  margin-top: 34px
}

.layout-pc .page-index .news>.inner {
  padding: 70px 0 80px
}

.layout-sp .page-index .news>.inner {
  padding: 18.93333333333333% 0 13.333333333333334%
}

.layout-pc .page-index .about>.inner {
  padding: 70px 0
}

.layout-sp .page-index .about>.inner {
  padding: 13.333333333333334% 0
}

.page-index .about .c-flow-title:before,
.page-index .about .c-h2:before,
.page-index .about .component-section-title:before,
.page-index .about .page-provision h2:before,
.page-provision .page-index .about h2:before {
  background: url("../img/index/common/about/icon_title_01.png") 50% no-repeat;
  -webkit-background-size: contain;
  background-size: contain
}

.layout-pc .page-index .about .loop-image li {
  margin: 0 16px;
  width: 630px !important
}

.layout-sp .page-index .about .loop-image li {
  width: 21em !important;
  padding: 0 .5em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.page-index .about .bx-wrapper {
  margin-bottom: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0
}

.layout-pc .page-index .about .component-bike-image {
  width: 494px;
  bottom: 23px;
  left: 50%;
  margin-left: -833px
}

.layout-sp .page-index .about .component-bike-image {
  width: 59.06666666666666%;
  top: -12.916666666666668%;
  left: -13.333333333333334%
}

.page-index .about .bg {
  position: absolute;
  background: url("../img/index/common/about/bg_01.png") 100% no-repeat
}

.layout-pc .page-index .about .bg {
  width: 368px;
  height: 103px;
  top: 77px;
  right: 50%;
  margin-right: -713px
}

.layout-sp .page-index .about .bg {
  width: 11.233333333333333em;
  padding-bottom: 2.866666666666667em;
  top: 3.937007874015748%;
  right: .933333333333333%;
  -webkit-background-size: contain;
  background-size: contain
}

.page-index .about .lead {
  position: relative;
  text-align: center
}

.layout-pc .page-index .about .lead {
  padding: 45px 50px 25px;
  line-height: 2.2;
  max-width: 1366px;
  min-width: 1000px;
  position: relative;
  margin: 0 auto
}

.layout-sp .page-index .about .lead {
  padding: 26.666666666666668% 8% 13.333333333333334%;
  -webkit-background-size: 44.13333333333334%;
  background-size: 44.13333333333334%;
  background-position: right 5.333333333333334%;
  line-height: 2.2
}

.layout-pc .page-index .about .component-btn {
  width: 220px;
  margin-top: 45px
}

.layout-sp .page-index .about .component-btn {
  width: 68%;
  margin-top: 10.666666666666668%
}

.layout-pc .page-index .photo {
  width: 100%;
  height: 250px
}

.layout-pc .page-index .photo.no-01 {
  background: url("../img/index/pc/photo_01.jpg") 50% no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  background-attachment: fixed
}

.layout-pc.ua-ios .page-index .photo.no-01 {
  background-attachment: scroll
}

.layout-pc .page-index .photo.no-02 {
  background: url("../img/index/pc/photo_02.jpg") 50% no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  background-attachment: fixed
}

.layout-pc.ua-ios .page-index .photo.no-02 {
  background-attachment: scroll
}

.layout-sp .page-index .photo {
  display: none
}

.layout-pc .page-index .photo .component-bike-image {
  width: 377px;
  left: -310px;
  bottom: -25px
}

.layout-sp .page-index .photo .component-bike-image {
  display: none
}

.layout-pc .page-index .download {
  margin-top: 25px
}

.layout-sp .page-index .download {
  margin-top: 6.349206349206349%
}

.layout-sp .page-index .search.component-section {
  margin-top: -3.666666666666667em;
  padding-top: 3.666666666666667em
}

.layout-pc .page-index .search .app-map {
  border-top: 10px solid #e4ebed;
  border-bottom: 10px solid #e4ebed
}

.layout-sp .page-index .search .app-map {
  border-bottom: 10px solid #e4ebed;
  margin-top: -3.666666666666667em;
  padding-top: 3.666666666666667em
}

.layout-sp .page-index .search .app-map-search {
  border-top: 10px solid #e4ebed
}

.layout-pc .page-index .app .outer {
  min-height: 363px
}

.page-index .app .merit:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: ""
}

.layout-pc .page-index .app .merit {
  margin-top: 20px
}

.layout-sp .page-index .app .merit {
  margin: 4.761904761904761% -.634920634920635% 0
}

.page-index .app .merit li {
  position: relative;
  float: left;
  text-align: center;
  border-radius: 50%;
  color: #ca0029;
  font-weight: 700
}

.layout-pc .page-index .app .merit li {
  width: 82px;
  height: 82px;
  line-height: 1.125em;
  margin-left: 8px
}

.layout-sp .page-index .app .merit li {
  width: 22.539682539682538%;
  padding-bottom: 22.539682539682538%;
  margin-left: 3.174603174603174%
}

.page-index .app .merit li:first-child {
  margin-left: 0
}

.page-index .app .merit li:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  border: 2px solid #ca0029;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.page-index .app .merit li p {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  letter-spacing: 0
}

.layout-sp .page-index .app .merit li p {
  font-size: 94%;
  line-height: 1.066666666666667
}

.layout-pc .page-index .app .component-bike-image {
  width: 331px;
  bottom: -262px;
  left: -500px
}

.layout-sp .page-index .app .component-bike-image {
  display: none
}

.page-area-index {
  width: 100%
}

.layout-sp .page-area-index #header .page-title .text {
  display: none
}

.layout-pc .page-area-index .mainvisual .slider-outer {
  position: absolute;
  top: 80px;
  left: 0;
  width: 100%;
  z-index: 100;
  min-width: 1000px
}

.layout-pc .page-area-index .mainvisual .slider-outer a {
  display: block;
  -webkit-transform: translateZ(1px);
  -ms-transform: translateZ(1px);
  transform: translateZ(1px)
}

.page-area-index .mainvisual .slider-inner {
  position: relative
}

.layout-pc .page-area-index .mainvisual .slider-inner:after {
  width: 502px;
  height: 343px;
  margin-left: -914px;
  bottom: -220px
}

.layout-pc .page-area-index .mainvisual .slider-inner:after,
.layout-sp .page-area-index .mainvisual .slider-inner:after {
  content: "";
  position: absolute;
  left: 50%;
  background: url("../img/index/common/img_bike_01.png") 0 0 no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  z-index: 10
}

.layout-sp .page-area-index .mainvisual .slider-inner:after {
  display: block;
  width: 77.86666666666666%;
  padding-bottom: 53.46666666666666%;
  margin-top: -136.66666666666666%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

.layout-sp .page-area-index.lang-en .mainvisual .slider-inner:after {
  margin-top: -146.66666666666666%
}

.layout-pc .page-area-index .mainvisual .slider {
  overflow: hidden
}

.layout-pc .page-area-index .mainvisual .slick-list {
  padding-bottom: 30px !important
}

.page-area-index .mainvisual .title-area {
  position: relative;
  text-align: center
}

.layout-pc .page-area-index .mainvisual .title-area {
  position: relative;
  margin-top: 362px
}

.layout-sp .page-area-index .mainvisual .title-area {
  margin-top: 34.13333333333333%
}

.page-area-index .mainvisual .title-area .outer {
  background-color: #f1f6f7
}

.layout-pc .page-area-index .mainvisual .title-area .outer {
  padding: 20px
}

.layout-sp .page-area-index .mainvisual .title-area .outer {
  padding: 12% 0 5.333333333333334%
}

.layout-pc .page-area-index .mainvisual .title-area .inner {
  display: inline-block;
  -webkit-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  transform: translateY(-50px)
}

.page-area-index .mainvisual .title-area h1 {
  font-weight: 700;
  letter-spacing: 0
}

.layout-pc .page-area-index .mainvisual .title-area h1 {
  font-size: 288%;
  line-height: 1.195652173913043
}

.layout-sp .page-area-index .mainvisual .title-area h1 {
  font-size: 200%;
  line-height: 1.166666666666667
}

.layout-pc .page-area-index .mainvisual .title-area .link-area {
  margin-top: 22px
}

.layout-sp .page-area-index .mainvisual .title-area .link-area {
  padding-bottom: 0
}

.layout-pc .page-area-index .mainvisual .title-area .search a {
  padding: 12px 40px
}

.layout-sp .page-area-index .mainvisual .title-area .search a {
  padding: 3.921568627450981% 15.686274509803923%
}

.page-area-index .mainvisual .slick-next,
.page-area-index .mainvisual .slick-prev {
  padding: 0;
  z-index: 1000;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  -webkit-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
  margin-top: -30px;
  line-height: 1
}

.page-area-index .mainvisual .slick-next img,
.page-area-index .mainvisual .slick-prev img {
  -webkit-box-shadow: #000 0 0 0;
  box-shadow: 0 0 0 #000
}

.page-area-index .mainvisual .slick-next:hover,
.page-area-index .mainvisual .slick-prev:hover {
  opacity: .7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70)
}

.ua-not-pc.page-area-index .mainvisual .slick-next:hover,
.ua-not-pc.page-area-index .mainvisual .slick-prev:hover {
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
  filter: none
}

.page-area-index .mainvisual .slick-next:before,
.page-area-index .mainvisual .slick-prev:before {
  font-size: 90px;
  -webkit-transform: translateZ(1px);
  -ms-transform: translateZ(1px);
  transform: translateZ(1px)
}

.page-area-index .mainvisual .slick-prev {
  left: 50%;
  -webkit-transform: translate3d(-425px, -50%, 1px);
  -ms-transform: translate3d(-425px, -50%, 1px);
  transform: translate3d(-425px, -50%, 1px)
}

.page-area-index .mainvisual .slick-next {
  right: 50%;
  -webkit-transform: translate3d(425px, -50%, 1px);
  -ms-transform: translate3d(425px, -50%, 1px);
  transform: translate3d(425px, -50%, 1px)
}

.layout-pc .page-area-index .mainvisual .slick-slide {
  opacity: .2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
  -webkit-transition: opacity .5s ease-in;
  transition: opacity .5s ease-in
}

.layout-pc .page-area-index .mainvisual .slick-slide img {
  border-radius: 8px;
  overflow: hidden
}

.layout-pc .page-area-index .mainvisual .slick-slide.slick-active {
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
  filter: none
}

.layout-pc .page-area-index .mainvisual .slick-dots {
  top: 270px;
  bottom: auto
}

.layout-pc .page-area-index .mainvisual .slick-dots li:before {
  display: inline-block;
  line-height: 1.5
}

.layout-pc .page-area-index .mainvisual .img {
  margin: 0 16px
}

.layout-sp .page-area-index .mainvisual .link-area {
  margin-top: 2.666666666666667%
}

.page-area-index .mainvisual .component-bike-image {
  position: absolute
}

.layout-pc .page-area-index .mainvisual .component-bike-image {
  width: 577px;
  left: -681px;
  bottom: 23px
}

.layout-sp .page-area-index .mainvisual .component-bike-image {
  width: 88%;
  top: -79.33333333333334%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

.layout-sp .page-area-index .about {
  margin-top: 13.333333333333334%
}

.layout-pc .page-area-index .about .point {
  width: 774px;
  margin: 0 auto
}

.layout-sp .page-area-index .about .point ul {
  margin: 0;
  border-top: 2px solid #e4ebed
}

.layout-sp .page-area-index .about li {
  margin: 0;
  display: table;
  width: 100%;
  border-bottom: 2px solid #e4ebed
}

.layout-sp .page-area-index .about .number {
  display: none
}

.layout-sp .page-area-index .about .img-wrapper {
  width: 25.066666666666666% !important;
  float: none !important;
  display: table-cell
}

.layout-sp .page-area-index .about .text-wrapper {
  width: 74.93333333333332%;
  display: table-cell;
  float: none !important;
  vertical-align: middle;
  padding: 0 1.333333333333333em
}

.layout-pc .page-area-index .about .description {
  margin-top: 15px
}

.layout-sp .page-area-index .about .description {
  margin-top: 0
}

.layout-pc .page-area-index .about .img {
  border-radius: 50%;
  overflow: hidden
}

.layout-sp .page-area-index .about .img {
  margin-top: 0
}

.page-area-index .about .more a {
  color: #ca0029
}

.layout-pc .page-area-index .about .more a {
  font-size: 75%
}

.page-area-index .about .more a:after {
  margin-left: .4em
}

.layout-pc .page-area-index .component-section.search {
  padding-top: 70px
}

.layout-sp .page-area-index .component-section.search {
  margin-top: -3.666666666666667em;
  padding-top: 3.666666666666667em
}

.layout-sp .page-area-index .component-section.search .app-map {
  margin-top: 0
}

.layout-sp .page-area-index .component-section.search .app-map-search {
  padding-top: 13.333333333333334%
}

.layout-pc .page-area-index .component-section.search .c-flow-title,
.layout-pc .page-area-index .component-section.search .c-h2,
.layout-pc .page-area-index .component-section.search .component-section-title,
.layout-pc .page-area-index .component-section.search .page-provision h2,
.layout-sp .page-area-index .component-section.search .c-flow-title,
.layout-sp .page-area-index .component-section.search .c-h2,
.layout-sp .page-area-index .component-section.search .component-section-title,
.layout-sp .page-area-index .component-section.search .page-provision h2,
.page-provision .layout-pc .page-area-index .component-section.search h2,
.page-provision .layout-sp .page-area-index .component-section.search h2 {
  margin-bottom: 0
}

.page-area-index .app {
  background-color: #f1f6f7
}

.layout-pc .page-area-index .app {
  overflow: hidden;
  min-height: 300px
}

.layout-pc .page-area-index .app .outer {
  width: 550px;
  padding: 35px 0 0 193px
}

.layout-sp .page-area-index .app .outer {
  padding: 9.333333333333334% 0 8%
}

.layout-sp .page-area-index .app .inner:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: ""
}

.layout-pc .page-area-index .app .phone-image {
  width: 157px;
  left: -200px
}

.layout-sp .page-area-index .app .phone-image {
  margin-right: 8.73015873015873%
}

.layout-pc .page-area-index .app .description {
  width: 400px;
  padding-top: 17px
}

.page-area-index .app .title {
  color: #ca0029;
  font-weight: 700
}

.layout-pc .page-area-index .app .title {
  font-size: 125%;
  margin-bottom: 10px
}

.layout-sp .page-area-index .app .title {
  margin-bottom: 4.411764705882353%;
  letter-spacing: 0
}

.layout-pc .page-area-index .app .download {
  margin: 20px 0 25px
}

.layout-sp .page-area-index .app .download {
  margin-top: 6.349206349206349%
}

.page-area-index .community>.inner {
  margin: 0 auto
}

.layout-pc .page-area-index .community>.inner {
  width: 1000px;
  padding: 70px 0 65px
}

.layout-sp .page-area-index .community>.inner {
  width: 92%;
  padding: 9.333333333333334% 0
}

.layout-pc .page-area-index .community .component-btn {
  width: 363px
}

.layout-sp .page-area-index .community .component-btn a {
  border-radius: 6.521739130434783%/50%;
  padding: 2.898550724637681% 11.594202898550725%
}

.layout-pc .page-area-index .community ul {
  margin-top: 30px
}

.layout-sp .page-area-index .community ul {
  margin-top: 7.246376811594203%
}

.layout-pc .page-area-index .community ul .inner {
  padding: 13px 0 35px
}

.layout-sp .page-area-index .community ul .inner {
  padding: 2.608695652173913% 0 7.246376811594203%;
  line-height: 1.8
}

.page-area-index .community ul .title {
  text-align: center;
  font-weight: 700
}

.layout-pc .page-area-index .community ul .title {
  background: url("../img/common/bg_line_01.png") 50% repeat-x
}

.layout-sp .page-area-index .community ul .title {
  border-top: 2px solid #1c3c56;
  border-bottom: 2px solid #1c3c56;
  padding: 2.463768115942029% 0
}

.page-area-index .community ul .title span {
  display: inline-block;
  background-color: #fff
}

.layout-pc .page-area-index .community ul .title span {
  padding: 0 10px
}

.layout-pc .page-area-index .community ul .organizer,
.layout-pc .page-area-index .community ul .term {
  display: inline-block
}

.layout-pc .page-area-index .community ul .organizer {
  margin-left: 2em
}

.layout-sp .page-area-index .community ul .organizer {
  margin-top: .333333333333333em
}

.layout-pc .page-area-index .community ul .link {
  margin-top: 10px
}

.layout-sp .page-area-index .community ul .link {
  margin-top: .333333333333333em
}

.page-area-index .community ul .link a {
  position: relative;
  color: #1c3c56
}

.layout-pc .page-area-index .community ul .link a {
  font-size: 88%
}

.layout-sp .page-area-index .community ul .link a {
  font-size: 87%
}

.page-area-index .community ul .link a span {
  border-bottom: 1px solid #253848
}

.layout-pc .page-area-index .community ul .link a:after {
  right: -1.571428571428571em
}

.layout-sp .page-area-index .community ul .link a:after {
  right: -1.730769230769231em
}

.page-area-index .community .topic {
  background-color: #f1f6f7
}

.layout-pc .page-area-index .community .topic {
  margin-top: 15px;
  padding: 12px 30px
}

.layout-sp .page-area-index .community .topic {
  text-align: center;
  padding: 5.797101449275362%;
  font-size: 87%
}

.page-area-index .community .topic dl:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: ""
}

.layout-pc .page-area-index .community .topic dd,
.layout-pc .page-area-index .community .topic dt {
  float: left
}

.layout-pc .page-area-index .community .topic dd {
  margin-left: 40px
}

.layout-sp .page-area-index .community .topic dd {
  margin-top: .384615384615385em
}

.page-area-index .community .topic .component-link-arrow a {
  color: #1c3c56
}

.page-area-index .community .topic .component-link-arrow a span {
  border-bottom: 1px solid #1c3c56
}

.page-area-index .community .topic .component-link-arrow a:after {
  right: -1.5em
}

.page-area-index .link-area>.inner {
  margin: 0 auto
}

.layout-pc .page-area-index .link-area>.inner {
  width: 1000px;
  padding: 0 0 100px
}

.layout-sp .page-area-index .link-area>.inner {
  width: 84%;
  padding-bottom: 23.333333333333336%
}

.page-area-index .link-area .bnr a {
  display: block
}

.page-area-index .link-area ul {
  text-align: center
}

.layout-pc .page-area-index .link-area ul {
  letter-spacing: -1em
}

.layout-sp .page-area-index .link-area ul {
  margin: -4.444444444444445% 0 0 -3.174603174603174%
}

.layout-sp .page-area-index .link-area ul:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: ""
}

.layout-pc .page-area-index .link-area ul li {
  width: 226px;
  display: inline-block;
  margin-left: 32px;
  letter-spacing: normal
}

.layout-sp .page-area-index .link-area ul li {
  width: 46.92307692307692%;
  margin: 4.307692307692307% 0 0 3.076923076923077%;
  float: left
}

.layout-pc .page-area-index .link-area ul li:first-child {
  margin-left: 0
}

.layout-pc .page-area-index .link-area .sponser {
  margin-top: 30px
}

.layout-pc .page-area-index .link-area .sponser ul {
  margin-top: 16px
}

.layout-pc .page-area-index .link-area .sponser li {
  width: 200px
}

.layout-sp .page-area-index .link-area .sponser {
  margin-top: 7.142857142857143%
}

.layout-sp .page-area-index .link-area .sponser .title {
  margin-bottom: 3.174603174603174%
}

.page-area-index .link-area .title {
  text-align: center
}

.page-area-index .link-area .widget {
  text-align: center;
  letter-spacing: -1em
}

.layout-pc .page-area-index .link-area .widget {
  margin-top: 50px
}

.layout-sp .page-area-index .link-area .widget {
  margin-top: 12.698412698412698%
}

.page-area-index .link-area .widget .item {
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.layout-pc .page-area-index .link-area .widget .item {
  width: 484px;
  max-height: 500px;
  overflow: hidden;
  margin-left: 32px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.layout-sp .page-area-index .link-area .widget .item {
  width: 100%;
  max-width: 484px;
  margin-top: 6.349206349206349%
}

.page-area-index .link-area .widget .item:first-child {
  margin: 0
}

.page-area-index .link-area .widget .twitter {
  border: 1px solid #e9ebee
}

.page-area-index .link-area .fb_iframe_widget,
.page-area-index .link-area .fb_iframe_widget[style],
.page-area-index .link-area .fb_iframe_widget iframe[style],
.page-area-index .link-area .fb_iframe_widget span,
.page-area-index .link-area .fbcomments,
.page-area-index .link-area .fbcomments iframe[style],
.page-area-index .link-area .uiScaledImageContainer ._2zfr {
  width: 100% !important
}

.page-information .component-breadcrumb {
  letter-spacing: 0
}

.page-information .component-breadcrumb a {
  color: #253848
}

.page-information .mainvisual {
  background: url("../img/information/img_mainvisual_01.png") 50% no-repeat;
  -webkit-background-size: cover;
  background-size: cover
}

.layout-pc .page-information .content {
  width: 100%;
  max-width: 1000px;
  margin: 20px auto 110px
}

.layout-sp .page-information .content {
  margin-bottom: 19.333333333333336%
}

.layout-pc .page-information .date {
  font-size: 75%
}

.layout-sp .page-information .date {
  font-size: 80%
}

.page-information-index .content .inner h1 {
  text-align: center;
  font-weight: 700
}

.layout-pc .page-information-index .content .inner h1 {
  margin: 35px 0 55px;
  font-size: 188%
}

.layout-sp .page-information-index .content .inner h1 {
  margin: 5.333333333333334% 0;
  font-size: 134%
}

.layout-sp .page-information-index .content .inner ul {
  padding: 0 4%
}

.page-information-index .content .inner ul li {
  position: relative;
  border-bottom: 1px solid #adc4ca
}

.page-information-index .content .inner ul li:first-child {
  border-top: 1px solid #adc4ca
}

.page-information-index .content .inner ul a {
  display: block;
  color: #253848
}

.layout-pc .page-information-index .content .inner ul a {
  padding: 15px 0
}

.layout-sp .page-information-index .content .inner ul a {
  padding: 1.449275362318841% 14.492753623188406% 2.898550724637681% 4.347826086956522%
}

.page-information-index .content .inner ul a:after {
  content: "\F105";
  font-family: FontAwesome;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: -1;
  font-size: 1.3em
}

.layout-pc .page-information-index .content .inner ul a:after {
  right: 30px
}

.layout-sp .page-information-index .content .inner ul a:after {
  right: 3.623188405797102%
}

.page-information-index .content .inner ul .date,
.page-information-index .content .inner ul .title {
  display: inline-block;
  vertical-align: middle
}

.layout-pc .page-information-index .content .inner ul .date {
  padding: 0 30px
}

.layout-pc .page-information-index .content .inner ul .title {
  width: 750px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.layout-sp .page-information-index .content .inner ul .title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden
}

.layout-pc .page-information-index .more {
  width: 210px;
  margin-top: 50px
}

.layout-sp .page-information-index .more {
  width: 68%;
  margin-top: 6.666666666666667%
}

.page-information-index .component-error {
  text-align: center
}

.layout-pc .page-information-detail-index article {
  margin: 40px 0 50px
}

.layout-sp .page-information-detail-index article {
  margin: 7.333333333333333% 4% 9.333333333333334%
}

.page-information-detail-index article .description,
.page-information-detail-index article .title {
  word-wrap: break-word;
  overflow-wrap: break-word
}

.page-information-detail-index article .title {
  font-weight: 700;
  border-bottom: 1px solid #adc4ca
}

.layout-pc .page-information-detail-index article .title {
  font-size: 188%;
  margin-top: 10px;
  padding-bottom: 20px
}

.layout-sp .page-information-detail-index article .title {
  margin-top: 1.449275362318841%;
  font-size: 134%;
  line-height: 1.5;
  padding-bottom: 5.797101449275362%
}

.page-information-detail-index article .description {
  zoom: 1;
  text-align: left
}

.page-information-detail-index article .description:after,
.page-information-detail-index article .description:before {
  content: "";
  display: table
}

.page-information-detail-index article .description:after {
  clear: both
}

.layout-pc .page-information-detail-index article .description {
  margin-top: 18px;
  line-height: 2.1875
}

.layout-sp .page-information-detail-index article .description {
  margin-top: 5.797101449275362%
}

.page-information-detail-index article .description a {
  color: #253848;
  border-bottom: 1px solid #253848
}

.layout-pc .page-information-detail-index article .description .block {
  margin-top: 18px
}

.layout-pc .page-information-detail-index article .description .block:first-child {
  margin-top: 0
}

.layout-sp .page-information-detail-index article .description .block {
  margin-top: 5.797101449275362%
}

.layout-sp .page-information-detail-index article .description .block:first-child {
  margin-top: 0
}

.page-information-detail-index article .description .img {
  zoom: 1;
  line-height: 0
}

.page-information-detail-index article .description .img:after,
.page-information-detail-index article .description .img:before {
  content: "";
  display: table
}

.page-information-detail-index article .description .img:after {
  clear: both
}

.page-information-detail-index article .description .img img {
  max-width: 100%;
  width: auto
}

.layout-pc .page-information-detail-index article .description .img {
  margin-top: 18px
}

.layout-sp .page-information-detail-index article .description .img {
  margin-top: 5.797101449275362%
}

.layout-pc .page-information-detail-index .content .component-btn {
  width: 220px
}

.layout-sp .page-information-detail-index .content .component-btn {
  width: 68%
}

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

h3,
h4,
h5,
h6 {
  margin-bottom: 10px
}

strong {
  color: #ca0029
}

dl dt,
strong {
  font-weight: 700
}

dl dt {
  margin-bottom: 5px
}

dl dd {
  margin-bottom: 10px
}

hr {
  border: none;
  border-bottom: 1px solid #143b5b
}

body {
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  transition: all 1s ease
}

body,
body * {
  opacity: 0
}

body.ready,
body.ready * {
  opacity: 1
}

.display-1 {
  font-size: 6rem
}

.display-1,
.display-2 {
  font-weight: 300;
  line-height: 1.2
}

.display-2 {
  font-size: 5.5rem
}

.display-3 {
  font-size: 4.5rem
}

.display-3,
.display-4 {
  font-weight: 300;
  line-height: 1.2
}

.display-4 {
  font-size: 3.5rem
}

.font-size-1,
.page-price .p-detail strong {
  font-size: 1.88rem
}

.font-size-2 {
  font-size: 1.7rem
}

.font-size-3 {
  font-size: 1.5rem
}

.c-flow-title ul li span,
.font-size-4 {
  font-size: 1.25rem
}

.c-flow-title small,
.font-size-5 {
  font-size: 1rem
}

.font-size-6 {
  font-size: .8rem
}

@media screen and (max-width:768px) {
  .font-size-sp-1 {
    font-size: 1.88rem
  }

  .font-size-sp-2 {
    font-size: 1.7rem
  }

  .font-size-sp-3 {
    font-size: 1.5rem
  }

  .font-size-sp-4 {
    font-size: 1.25rem
  }

  .display-sp-vw-4 {
    line-height: 1.2;
    font-weight: 300;
    font-size: 14vw
  }

  .font-size-sp-vw-2 {
    font-size: 7vw
  }
}

.caution,
.red {
  color: #ca0029
}

.bold {
  font-weight: 600
}

.bg-light-blue {
  background-color: #f1f6ff
}

.c-glitter-use .p-img {
  width: 45%;
  margin-bottom: 1rem
}

.c-glitter-use .p-img img {
  width: 100%
}

.c-glitter-use .p-text {
  width: 53%
}

@media screen and (max-width:768px) {
  .c-glitter-use .p-img {
    width: 100%
  }

  .c-glitter-use .p-text {
    width: 92vw
  }
}

.balloon {
  background-color: #143b5b;
  border: 1px solid #143b5b;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  position: relative
}

.balloon i {
  display: inline-block;
  margin-right: 5px
}

.balloon:after,
.balloon:before {
  top: 100%;
  left: 10%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none
}

.balloon:after {
  border-color: transparent;
  border-top-color: #143b5b;
  border-width: 8px;
  margin-left: -8px
}

.balloon:before {
  border-color: transparent;
  border-top-color: #143b5b;
  border-width: 9px;
  margin-left: -9px
}

.gray-box {
  background-color: #b9b5b5;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  font-size: 92%
}

.txtIndent p {
  text-indent: -.6rem;
  padding-left: 1rem;
  margin-bottom: 15px
}

.flex {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start
}

.flex-center {
  -webkit-align-items: flex-start;
  align-items: flex-start
}

.flex-center,
.flex-center-center {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: center;
  justify-content: center
}

.flex-center-center {
  -webkit-align-items: center;
  align-items: center
}

.flex-wrap-center {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: flex-start;
  align-items: flex-start
}

.flex-center-stretch {
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap
}

.flex-center-stretch,
.flex-wrap-center-stretch {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: stretch;
  align-items: stretch
}

.flex-wrap-center-stretch {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}

.flex-start {
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap
}

.flex-start,
.flex-wrap-start {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start
}

.flex-wrap-start {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}

.flex-space-between {
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap
}

.flex-space-between,
.flex-wrap-space-between,
.p-qa-categories {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start
}

.flex-wrap-space-between,
.p-qa-categories {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}

.flex-space-between-stretch {
  -webkit-align-items: stretch;
  align-items: stretch
}

.c-flow-title ul,
.flex-space-between-center,
.flex-space-between-stretch {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between
}

.c-flow-title ul,
.flex-space-between-center {
  -webkit-align-items: center;
  align-items: center
}

.flex-space-between-end {
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: flex-end;
  align-items: flex-end
}

.flex-space-between-end,
.flex-wrap-space-between-stretch {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between
}

.flex-wrap-space-between-stretch {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: stretch;
  align-items: stretch
}

.flex-strat-stretch {
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap
}

.flex-strat-stretch,
.flex-wrap-strat-stretch {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: stretch;
  align-items: stretch
}

.flex-wrap-strat-stretch {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}

.flex-wrap-space-around-stretch {
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-align-items: stretch;
  align-items: stretch
}

.flex-wrap-column,
.flex-wrap-space-around-stretch {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}

.flex-wrap-column {
  -webkit-flex-direction: column;
  flex-direction: column
}

.flex-buttons {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center
}

.flex-buttons .button:not(:first-of-type) {
  margin-left: 20px
}

.flex-space-between.c-col2 .c-col {
  width: 48%
}

.flex-space-between.c-col3 .c-col {
  width: 31%
}

.c-col2.p-qa-categories .c-col,
.flex-wrap-space-between.c-col2 .c-col {
  width: 48%
}

.c-col3.p-qa-categories .c-col,
.flex-wrap-space-between.c-col3 .c-col {
  width: 31%
}

@media screen and (min-width:400px) {
  .flex-space-between-sm {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap
  }

  .flex-space-between-sm,
  .flex-wrap-space-between-sm {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start
  }

  .flex-wrap-space-between-sm {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .flex-space-between-sm.c-col2 .c-col {
    width: 48%
  }

  .flex-space-between-sm.c-col3 .c-col {
    width: 31%
  }

  .flex-wrap-space-between-sm.c-col2 .c-col {
    width: 48%
  }

  .flex-wrap-space-between-sm.c-col3 .c-col {
    width: 31%
  }
}

@media screen and (min-width:769px) {
  .flex-space-between-md {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap
  }

  .flex-space-between-md,
  .flex-wrap-space-between-md {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start
  }

  .flex-wrap-space-between-md {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .flex-space-between-md.c-col2 .c-col {
    width: 48%
  }

  .flex-space-between-md.c-col3 .c-col {
    width: 31%
  }

  .flex-wrap-space-between-md.c-col2 .c-col {
    width: 48%
  }

  .flex-wrap-space-between-md.c-col3 .c-col {
    width: 31%
  }
}

@media screen and (min-width:1000px) {
  .flex-space-between-lg {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap
  }

  .flex-space-between-lg,
  .flex-wrap-space-between-lg {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start
  }

  .flex-wrap-space-between-lg {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .flex-space-between-lg.c-col2 .c-col {
    width: 48%
  }

  .flex-space-between-lg.c-col3 .c-col {
    width: 31%
  }

  .flex-wrap-space-between-lg.c-col2 .c-col {
    width: 48%
  }

  .flex-wrap-space-between-lg.c-col3 .c-col {
    width: 31%
  }
}

@media screen and (min-width:1200px) {
  .flex-space-between-xl {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap
  }

  .flex-space-between-xl,
  .flex-wrap-space-between-xl {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start
  }

  .flex-wrap-space-between-xl {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .flex-space-between-xl.c-col2 .c-col {
    width: 48%
  }

  .flex-space-between-xl.c-col3 .c-col {
    width: 31%
  }

  .flex-wrap-space-between-xl.c-col2 .c-col {
    width: 48%
  }

  .flex-wrap-space-between-xl.c-col3 .c-col {
    width: 31%
  }
}

@media screen and (max-width:399px) {
  .flex-space-between-sm-down {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start
  }

  .flex-wrap-strat-stretch-sm-down {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch
  }

  .flex-space-between-sm .c-col,
  .flex-wrap-space-between-sm .c-col {
    width: 100%;
    margin-bottom: 20px
  }
}

@media screen and (max-width:768px) {
  .flex-space-between-md-down {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start
  }

  .flex-wrap-strat-stretch-md-down {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch
  }

  .flex-space-between-md .c-col,
  .flex-wrap-space-between-md .c-col {
    width: 100%;
    margin-bottom: 20px
  }
}

@media screen and (max-width:999px) {
  .flex-space-between-lg-down {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start
  }

  .flex-wrap-strat-stretch-lg-down {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch
  }

  .flex-space-between-lg .c-col,
  .flex-wrap-space-between-lg .c-col {
    width: 100%;
    margin-bottom: 20px
  }
}

@media screen and (max-width:1199px) {
  .flex-space-between-xl-down {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start
  }

  .flex-wrap-strat-stretch-xl-down {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch
  }

  .flex-space-between-xl .c-col,
  .flex-wrap-space-between-xl .c-col {
    width: 100%;
    margin-bottom: 20px
  }
}

.c-disc {
  list-style: disc
}

.c-decimal,
.c-disc {
  padding-left: 1.2rem
}

.c-decimal {
  list-style: decimal
}

.c-link-list li:before {
  font-family: FontAwesome;
  font-weight: 400;
  content: "\F13A"
}

.c-link-list li a {
  text-decoration: underline !important
}

.span-list li {
  padding-left: 2.2em;
  text-indent: -.8em;
  list-style-position: inside;
  margin-bottom: 1rem
}

.span-list li span {
  display: inline-block;
  margin-right: .5rem
}

.span-list li strong span {
  display: inline
}

.span-list.big2 li {
  padding-left: 1.8em;
  text-indent: -1.5em
}

.span-list.big2 li span {
  margin-right: .5rem
}

.p-qa dd,
.p-qa dt {
  padding: 0
}

.p-qa>dt {
  position: relative;
  font-weight: 400;
  cursor: pointer;
  padding: 1rem 2rem 1rem 1rem;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
  -webkit-transition: all .5s;
  transition: all .5s
}

.p-qa>dt:hover {
  opacity: .5
}

.p-qa>dt.active {
  background-color: #ca0029;
  color: #fff
}

.p-qa>dt.active strong {
  color: inherit
}

.p-qa>dt.active:hover {
  opacity: 1
}

.p-qa>dt.active:after,
.p-qa>dt:after {
  font-family: FontAwesome;
  font-weight: 400;
  color: #ca0029;
  content: "\F067";
  position: absolute;
  top: 50%;
  margin-top: -.65rem;
  right: 1rem
}

.p-qa>dd {
  max-height: 0;
  min-height: 0;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
  -webkit-transition: all .5s;
  transition: all .5s;
  overflow-y: hidden;
  padding: 0 1rem
}

.p-qa>dd.active {
  padding: 1rem;
  max-height: none;
  min-height: 56px
}

.component-btn.blue a {
  background-color: #2d84cc;
  border: 2px solid #2d84cc
}

.component-btn.blue a:hover {
  color: #2d84cc;
  background-color: #fff
}

.component-btn.light-blue a {
  background-color: #007feb;
  border-radius: 5px;
  font-size: 16px
}

.component-btn.light-blue a:hover {
  color: #007feb;
  background-color: #fff
}

.c-button-border-plus {
  display: block;
  background-color: #fff;
  color: #253848;
  border: 1px solid #707070;
  text-align: center;
  position: relative;
  padding: 1rem 0;
  font-weight: 400
}

.c-button-border-plus:after {
  font-family: FontAwesome;
  font-weight: 400;
  content: "\F067";
  position: absolute;
  top: 50%;
  margin-top: -.7rem;
  right: 1rem;
  color: #253848
}

.banners a img {
  border: 1px solid #b9b5b5
}

.app_banner li {
  width: 47%
}

@media screen and (min-width:769px) {
  .app_banner {
    width: 408px;
    margin: 0 auto
  }
}

.c-h1 {
  margin: 35px 0 55px;
  font-size: 1.88rem;
  text-align: center;
  font-weight: 700
}

.c-h3,
.page-provision h3 {
  font-size: 1.5rem
}

.c-h4,
.page-corporate_member .p-features .c-col .p-text h4 {
  font-size: 1.25rem
}

@media screen and (max-width:768px) {
  .c-h1 {
    text-align: center;
    font-weight: 700;
    margin: .5rem auto;
    font-size: 1.34rem
  }

  .c-h3,
  .page-provision .p-text h3 {
    font-size: 1.2rem
  }

  .c-h4,
  .page-corporate_member .p-features .c-col .p-text h4 {
    font-size: 1rem
  }
}

.c-headline-navy-plus {
  background-color: #143b5b;
  color: #fff;
  text-align: center;
  position: relative;
  padding: 1rem 0;
  font-weight: 400
}

.c-headline-navy-plus:after {
  font-family: FontAwesome;
  font-weight: 400;
  position: absolute;
  top: 50%;
  margin-top: -1.25rem;
  right: 1rem
}

.c-flow-title {
  text-align: center;
  font-weight: 400;
  color: #143b5b
}

.c-flow-title small {
  display: inherit;
  color: inherit
}

.c-flow-title hr {
  border: 1px solid #143b5b;
  margin: 3px 0
}

.c-flow-title .flow {
  position: relative;
  width: 50%;
  margin: 10px auto
}

@media screen and (max-width:768px) {
  .c-flow-title .flow {
    width: 90%
  }
}

.c-flow-title .line {
  border: 1px solid #dedddd;
  position: absolute;
  top: 50%;
  left: 10%;
  width: 80%;
  margin-top: -3px;
  z-index: 1
}

.c-flow-title ul li {
  width: 20%
}

.c-flow-title ul li span {
  display: inline-block;
  text-align: center;
  color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: #dedddd;
  position: relative;
  z-index: 2
}

.c-flow-title ul li.current span {
  width: 50px;
  height: 50px;
  line-height: 50px;
  background-color: #143b5b
}

table {
  width: 100%
}

table td,
table th {
  padding: 10px
}

table.gray {
  border: 1px solid #a7a7a7;
  border-collapse: collapse
}

table.gray td,
table.gray th {
  border: 1px solid #a7a7a7
}

table.gray th {
  background-color: #efefef
}

table.gray th.dark {
  background-color: #b9b5b5
}

table.border-gray {
  border: 1px solid #a7a7a7;
  border-collapse: collapse
}

table.border-gray td,
table.border-gray th {
  border: 1px solid #a7a7a7
}

table.th-bold th {
  font-weight: 700;
  text-align: center
}

@media screen and (max-width:768px) {

  table.responsive-col2 td,
  table.responsive-col2 th {
    display: block;
    width: 100%
  }

  table.responsive-col2 th {
    text-align: center
  }
}

@media screen and (max-width:768px) {
  img {
    width: 100%;
    max-width: 100%
  }
}

.text-left {
  text-align: left
}

.text-center {
  text-align: center
}

.text-right {
  text-align: right
}

.width_2 {
  width: 2% !important
}

@media screen and (max-width:399px) {
  .width_2_sm_down {
    width: 2% !important
  }
}

@media screen and (min-width:400px) {
  .width_2_sm_up {
    width: 2% !important
  }
}

@media screen and (max-width:768px) {
  .width_2_md_down {
    width: 2% !important
  }
}

@media screen and (min-width:769px) {
  .width_2_md_up {
    width: 2% !important
  }
}

@media screen and (max-width:999px) {
  .width_2_lg_down {
    width: 2% !important
  }
}

@media screen and (min-width:1000px) {
  .width_2_lg_up {
    width: 2% !important
  }
}

@media screen and (max-width:1199px) {
  .width_2_xl_down {
    width: 2% !important
  }
}

@media screen and (min-width:1200px) {
  .width_2_xl_up {
    width: 2% !important
  }
}

.width_4 {
  width: 4% !important
}

@media screen and (max-width:399px) {
  .width_4_sm_down {
    width: 4% !important
  }
}

@media screen and (min-width:400px) {
  .width_4_sm_up {
    width: 4% !important
  }
}

@media screen and (max-width:768px) {
  .width_4_md_down {
    width: 4% !important
  }
}

@media screen and (min-width:769px) {
  .width_4_md_up {
    width: 4% !important
  }
}

@media screen and (max-width:999px) {
  .width_4_lg_down {
    width: 4% !important
  }
}

@media screen and (min-width:1000px) {
  .width_4_lg_up {
    width: 4% !important
  }
}

@media screen and (max-width:1199px) {
  .width_4_xl_down {
    width: 4% !important
  }
}

@media screen and (min-width:1200px) {
  .width_4_xl_up {
    width: 4% !important
  }
}

.width_6 {
  width: 6% !important
}

@media screen and (max-width:399px) {
  .width_6_sm_down {
    width: 6% !important
  }
}

@media screen and (min-width:400px) {
  .width_6_sm_up {
    width: 6% !important
  }
}

@media screen and (max-width:768px) {
  .width_6_md_down {
    width: 6% !important
  }
}

@media screen and (min-width:769px) {
  .width_6_md_up {
    width: 6% !important
  }
}

@media screen and (max-width:999px) {
  .width_6_lg_down {
    width: 6% !important
  }
}

@media screen and (min-width:1000px) {
  .width_6_lg_up {
    width: 6% !important
  }
}

@media screen and (max-width:1199px) {
  .width_6_xl_down {
    width: 6% !important
  }
}

@media screen and (min-width:1200px) {
  .width_6_xl_up {
    width: 6% !important
  }
}

.width_8 {
  width: 8% !important
}

@media screen and (max-width:399px) {
  .width_8_sm_down {
    width: 8% !important
  }
}

@media screen and (min-width:400px) {
  .width_8_sm_up {
    width: 8% !important
  }
}

@media screen and (max-width:768px) {
  .width_8_md_down {
    width: 8% !important
  }
}

@media screen and (min-width:769px) {
  .width_8_md_up {
    width: 8% !important
  }
}

@media screen and (max-width:999px) {
  .width_8_lg_down {
    width: 8% !important
  }
}

@media screen and (min-width:1000px) {
  .width_8_lg_up {
    width: 8% !important
  }
}

@media screen and (max-width:1199px) {
  .width_8_xl_down {
    width: 8% !important
  }
}

@media screen and (min-width:1200px) {
  .width_8_xl_up {
    width: 8% !important
  }
}

.width_10 {
  width: 10% !important
}

@media screen and (max-width:399px) {
  .width_10_sm_down {
    width: 10% !important
  }
}

@media screen and (min-width:400px) {
  .width_10_sm_up {
    width: 10% !important
  }
}

@media screen and (max-width:768px) {
  .width_10_md_down {
    width: 10% !important
  }
}

@media screen and (min-width:769px) {
  .width_10_md_up {
    width: 10% !important
  }
}

@media screen and (max-width:999px) {
  .width_10_lg_down {
    width: 10% !important
  }
}

@media screen and (min-width:1000px) {
  .width_10_lg_up {
    width: 10% !important
  }
}

@media screen and (max-width:1199px) {
  .width_10_xl_down {
    width: 10% !important
  }
}

@media screen and (min-width:1200px) {
  .width_10_xl_up {
    width: 10% !important
  }
}

.width_12 {
  width: 12% !important
}

@media screen and (max-width:399px) {
  .width_12_sm_down {
    width: 12% !important
  }
}

@media screen and (min-width:400px) {
  .width_12_sm_up {
    width: 12% !important
  }
}

@media screen and (max-width:768px) {
  .width_12_md_down {
    width: 12% !important
  }
}

@media screen and (min-width:769px) {
  .width_12_md_up {
    width: 12% !important
  }
}

@media screen and (max-width:999px) {
  .width_12_lg_down {
    width: 12% !important
  }
}

@media screen and (min-width:1000px) {
  .width_12_lg_up {
    width: 12% !important
  }
}

@media screen and (max-width:1199px) {
  .width_12_xl_down {
    width: 12% !important
  }
}

@media screen and (min-width:1200px) {
  .width_12_xl_up {
    width: 12% !important
  }
}

.width_14 {
  width: 14% !important
}

@media screen and (max-width:399px) {
  .width_14_sm_down {
    width: 14% !important
  }
}

@media screen and (min-width:400px) {
  .width_14_sm_up {
    width: 14% !important
  }
}

@media screen and (max-width:768px) {
  .width_14_md_down {
    width: 14% !important
  }
}

@media screen and (min-width:769px) {
  .width_14_md_up {
    width: 14% !important
  }
}

@media screen and (max-width:999px) {
  .width_14_lg_down {
    width: 14% !important
  }
}

@media screen and (min-width:1000px) {
  .width_14_lg_up {
    width: 14% !important
  }
}

@media screen and (max-width:1199px) {
  .width_14_xl_down {
    width: 14% !important
  }
}

@media screen and (min-width:1200px) {
  .width_14_xl_up {
    width: 14% !important
  }
}

.width_16 {
  width: 16% !important
}

@media screen and (max-width:399px) {
  .width_16_sm_down {
    width: 16% !important
  }
}

@media screen and (min-width:400px) {
  .width_16_sm_up {
    width: 16% !important
  }
}

@media screen and (max-width:768px) {
  .width_16_md_down {
    width: 16% !important
  }
}

@media screen and (min-width:769px) {
  .width_16_md_up {
    width: 16% !important
  }
}

@media screen and (max-width:999px) {
  .width_16_lg_down {
    width: 16% !important
  }
}

@media screen and (min-width:1000px) {
  .width_16_lg_up {
    width: 16% !important
  }
}

@media screen and (max-width:1199px) {
  .width_16_xl_down {
    width: 16% !important
  }
}

@media screen and (min-width:1200px) {
  .width_16_xl_up {
    width: 16% !important
  }
}

.width_18 {
  width: 18% !important
}

@media screen and (max-width:399px) {
  .width_18_sm_down {
    width: 18% !important
  }
}

@media screen and (min-width:400px) {
  .width_18_sm_up {
    width: 18% !important
  }
}

@media screen and (max-width:768px) {
  .width_18_md_down {
    width: 18% !important
  }
}

@media screen and (min-width:769px) {
  .width_18_md_up {
    width: 18% !important
  }
}

@media screen and (max-width:999px) {
  .width_18_lg_down {
    width: 18% !important
  }
}

@media screen and (min-width:1000px) {
  .width_18_lg_up {
    width: 18% !important
  }
}

@media screen and (max-width:1199px) {
  .width_18_xl_down {
    width: 18% !important
  }
}

@media screen and (min-width:1200px) {
  .width_18_xl_up {
    width: 18% !important
  }
}

.width_20 {
  width: 20% !important
}

@media screen and (max-width:399px) {
  .width_20_sm_down {
    width: 20% !important
  }
}

@media screen and (min-width:400px) {
  .width_20_sm_up {
    width: 20% !important
  }
}

@media screen and (max-width:768px) {
  .width_20_md_down {
    width: 20% !important
  }
}

@media screen and (min-width:769px) {
  .width_20_md_up {
    width: 20% !important
  }
}

@media screen and (max-width:999px) {
  .width_20_lg_down {
    width: 20% !important
  }
}

@media screen and (min-width:1000px) {
  .width_20_lg_up {
    width: 20% !important
  }
}

@media screen and (max-width:1199px) {
  .width_20_xl_down {
    width: 20% !important
  }
}

@media screen and (min-width:1200px) {
  .width_20_xl_up {
    width: 20% !important
  }
}

.width_22 {
  width: 22% !important
}

@media screen and (max-width:399px) {
  .width_22_sm_down {
    width: 22% !important
  }
}

@media screen and (min-width:400px) {
  .width_22_sm_up {
    width: 22% !important
  }
}

@media screen and (max-width:768px) {
  .width_22_md_down {
    width: 22% !important
  }
}

@media screen and (min-width:769px) {
  .width_22_md_up {
    width: 22% !important
  }
}

@media screen and (max-width:999px) {
  .width_22_lg_down {
    width: 22% !important
  }
}

@media screen and (min-width:1000px) {
  .width_22_lg_up {
    width: 22% !important
  }
}

@media screen and (max-width:1199px) {
  .width_22_xl_down {
    width: 22% !important
  }
}

@media screen and (min-width:1200px) {
  .width_22_xl_up {
    width: 22% !important
  }
}

.width_24 {
  width: 24% !important
}

@media screen and (max-width:399px) {
  .width_24_sm_down {
    width: 24% !important
  }
}

@media screen and (min-width:400px) {
  .width_24_sm_up {
    width: 24% !important
  }
}

@media screen and (max-width:768px) {
  .width_24_md_down {
    width: 24% !important
  }
}

@media screen and (min-width:769px) {
  .width_24_md_up {
    width: 24% !important
  }
}

@media screen and (max-width:999px) {
  .width_24_lg_down {
    width: 24% !important
  }
}

@media screen and (min-width:1000px) {
  .width_24_lg_up {
    width: 24% !important
  }
}

@media screen and (max-width:1199px) {
  .width_24_xl_down {
    width: 24% !important
  }
}

@media screen and (min-width:1200px) {
  .width_24_xl_up {
    width: 24% !important
  }
}

.width_26 {
  width: 26% !important
}

@media screen and (max-width:399px) {
  .width_26_sm_down {
    width: 26% !important
  }
}

@media screen and (min-width:400px) {
  .width_26_sm_up {
    width: 26% !important
  }
}

@media screen and (max-width:768px) {
  .width_26_md_down {
    width: 26% !important
  }
}

@media screen and (min-width:769px) {
  .width_26_md_up {
    width: 26% !important
  }
}

@media screen and (max-width:999px) {
  .width_26_lg_down {
    width: 26% !important
  }
}

@media screen and (min-width:1000px) {
  .width_26_lg_up {
    width: 26% !important
  }
}

@media screen and (max-width:1199px) {
  .width_26_xl_down {
    width: 26% !important
  }
}

@media screen and (min-width:1200px) {
  .width_26_xl_up {
    width: 26% !important
  }
}

.width_28 {
  width: 28% !important
}

@media screen and (max-width:399px) {
  .width_28_sm_down {
    width: 28% !important
  }
}

@media screen and (min-width:400px) {
  .width_28_sm_up {
    width: 28% !important
  }
}

@media screen and (max-width:768px) {
  .width_28_md_down {
    width: 28% !important
  }
}

@media screen and (min-width:769px) {
  .width_28_md_up {
    width: 28% !important
  }
}

@media screen and (max-width:999px) {
  .width_28_lg_down {
    width: 28% !important
  }
}

@media screen and (min-width:1000px) {
  .width_28_lg_up {
    width: 28% !important
  }
}

@media screen and (max-width:1199px) {
  .width_28_xl_down {
    width: 28% !important
  }
}

@media screen and (min-width:1200px) {
  .width_28_xl_up {
    width: 28% !important
  }
}

.width_30 {
  width: 30% !important
}

@media screen and (max-width:399px) {
  .width_30_sm_down {
    width: 30% !important
  }
}

@media screen and (min-width:400px) {
  .width_30_sm_up {
    width: 30% !important
  }
}

@media screen and (max-width:768px) {
  .width_30_md_down {
    width: 30% !important
  }
}

@media screen and (min-width:769px) {
  .width_30_md_up {
    width: 30% !important
  }
}

@media screen and (max-width:999px) {
  .width_30_lg_down {
    width: 30% !important
  }
}

@media screen and (min-width:1000px) {
  .width_30_lg_up {
    width: 30% !important
  }
}

@media screen and (max-width:1199px) {
  .width_30_xl_down {
    width: 30% !important
  }
}

@media screen and (min-width:1200px) {
  .width_30_xl_up {
    width: 30% !important
  }
}

.width_32 {
  width: 32% !important
}

@media screen and (max-width:399px) {
  .width_32_sm_down {
    width: 32% !important
  }
}

@media screen and (min-width:400px) {
  .width_32_sm_up {
    width: 32% !important
  }
}

@media screen and (max-width:768px) {
  .width_32_md_down {
    width: 32% !important
  }
}

@media screen and (min-width:769px) {
  .width_32_md_up {
    width: 32% !important
  }
}

@media screen and (max-width:999px) {
  .width_32_lg_down {
    width: 32% !important
  }
}

@media screen and (min-width:1000px) {
  .width_32_lg_up {
    width: 32% !important
  }
}

@media screen and (max-width:1199px) {
  .width_32_xl_down {
    width: 32% !important
  }
}

@media screen and (min-width:1200px) {
  .width_32_xl_up {
    width: 32% !important
  }
}

.width_34 {
  width: 34% !important
}

@media screen and (max-width:399px) {
  .width_34_sm_down {
    width: 34% !important
  }
}

@media screen and (min-width:400px) {
  .width_34_sm_up {
    width: 34% !important
  }
}

@media screen and (max-width:768px) {
  .width_34_md_down {
    width: 34% !important
  }
}

@media screen and (min-width:769px) {
  .width_34_md_up {
    width: 34% !important
  }
}

@media screen and (max-width:999px) {
  .width_34_lg_down {
    width: 34% !important
  }
}

@media screen and (min-width:1000px) {
  .width_34_lg_up {
    width: 34% !important
  }
}

@media screen and (max-width:1199px) {
  .width_34_xl_down {
    width: 34% !important
  }
}

@media screen and (min-width:1200px) {
  .width_34_xl_up {
    width: 34% !important
  }
}

.width_36 {
  width: 36% !important
}

@media screen and (max-width:399px) {
  .width_36_sm_down {
    width: 36% !important
  }
}

@media screen and (min-width:400px) {
  .width_36_sm_up {
    width: 36% !important
  }
}

@media screen and (max-width:768px) {
  .width_36_md_down {
    width: 36% !important
  }
}

@media screen and (min-width:769px) {
  .width_36_md_up {
    width: 36% !important
  }
}

@media screen and (max-width:999px) {
  .width_36_lg_down {
    width: 36% !important
  }
}

@media screen and (min-width:1000px) {
  .width_36_lg_up {
    width: 36% !important
  }
}

@media screen and (max-width:1199px) {
  .width_36_xl_down {
    width: 36% !important
  }
}

@media screen and (min-width:1200px) {
  .width_36_xl_up {
    width: 36% !important
  }
}

.width_38 {
  width: 38% !important
}

@media screen and (max-width:399px) {
  .width_38_sm_down {
    width: 38% !important
  }
}

@media screen and (min-width:400px) {
  .width_38_sm_up {
    width: 38% !important
  }
}

@media screen and (max-width:768px) {
  .width_38_md_down {
    width: 38% !important
  }
}

@media screen and (min-width:769px) {
  .width_38_md_up {
    width: 38% !important
  }
}

@media screen and (max-width:999px) {
  .width_38_lg_down {
    width: 38% !important
  }
}

@media screen and (min-width:1000px) {
  .width_38_lg_up {
    width: 38% !important
  }
}

@media screen and (max-width:1199px) {
  .width_38_xl_down {
    width: 38% !important
  }
}

@media screen and (min-width:1200px) {
  .width_38_xl_up {
    width: 38% !important
  }
}

.width_40 {
  width: 40% !important
}

@media screen and (max-width:399px) {
  .width_40_sm_down {
    width: 40% !important
  }
}

@media screen and (min-width:400px) {
  .width_40_sm_up {
    width: 40% !important
  }
}

@media screen and (max-width:768px) {
  .width_40_md_down {
    width: 40% !important
  }
}

@media screen and (min-width:769px) {
  .width_40_md_up {
    width: 40% !important
  }
}

@media screen and (max-width:999px) {
  .width_40_lg_down {
    width: 40% !important
  }
}

@media screen and (min-width:1000px) {
  .width_40_lg_up {
    width: 40% !important
  }
}

@media screen and (max-width:1199px) {
  .width_40_xl_down {
    width: 40% !important
  }
}

@media screen and (min-width:1200px) {
  .width_40_xl_up {
    width: 40% !important
  }
}

.width_42 {
  width: 42% !important
}

@media screen and (max-width:399px) {
  .width_42_sm_down {
    width: 42% !important
  }
}

@media screen and (min-width:400px) {
  .width_42_sm_up {
    width: 42% !important
  }
}

@media screen and (max-width:768px) {
  .width_42_md_down {
    width: 42% !important
  }
}

@media screen and (min-width:769px) {
  .width_42_md_up {
    width: 42% !important
  }
}

@media screen and (max-width:999px) {
  .width_42_lg_down {
    width: 42% !important
  }
}

@media screen and (min-width:1000px) {
  .width_42_lg_up {
    width: 42% !important
  }
}

@media screen and (max-width:1199px) {
  .width_42_xl_down {
    width: 42% !important
  }
}

@media screen and (min-width:1200px) {
  .width_42_xl_up {
    width: 42% !important
  }
}

.width_44 {
  width: 44% !important
}

@media screen and (max-width:399px) {
  .width_44_sm_down {
    width: 44% !important
  }
}

@media screen and (min-width:400px) {
  .width_44_sm_up {
    width: 44% !important
  }
}

@media screen and (max-width:768px) {
  .width_44_md_down {
    width: 44% !important
  }
}

@media screen and (min-width:769px) {
  .width_44_md_up {
    width: 44% !important
  }
}

@media screen and (max-width:999px) {
  .width_44_lg_down {
    width: 44% !important
  }
}

@media screen and (min-width:1000px) {
  .width_44_lg_up {
    width: 44% !important
  }
}

@media screen and (max-width:1199px) {
  .width_44_xl_down {
    width: 44% !important
  }
}

@media screen and (min-width:1200px) {
  .width_44_xl_up {
    width: 44% !important
  }
}

.width_46 {
  width: 46% !important
}

@media screen and (max-width:399px) {
  .width_46_sm_down {
    width: 46% !important
  }
}

@media screen and (min-width:400px) {
  .width_46_sm_up {
    width: 46% !important
  }
}

@media screen and (max-width:768px) {
  .width_46_md_down {
    width: 46% !important
  }
}

@media screen and (min-width:769px) {
  .width_46_md_up {
    width: 46% !important
  }
}

@media screen and (max-width:999px) {
  .width_46_lg_down {
    width: 46% !important
  }
}

@media screen and (min-width:1000px) {
  .width_46_lg_up {
    width: 46% !important
  }
}

@media screen and (max-width:1199px) {
  .width_46_xl_down {
    width: 46% !important
  }
}

@media screen and (min-width:1200px) {
  .width_46_xl_up {
    width: 46% !important
  }
}

.width_48 {
  width: 48% !important
}

@media screen and (max-width:399px) {
  .width_48_sm_down {
    width: 48% !important
  }
}

@media screen and (min-width:400px) {
  .width_48_sm_up {
    width: 48% !important
  }
}

@media screen and (max-width:768px) {
  .width_48_md_down {
    width: 48% !important
  }
}

@media screen and (min-width:769px) {
  .width_48_md_up {
    width: 48% !important
  }
}

@media screen and (max-width:999px) {
  .width_48_lg_down {
    width: 48% !important
  }
}

@media screen and (min-width:1000px) {
  .width_48_lg_up {
    width: 48% !important
  }
}

@media screen and (max-width:1199px) {
  .width_48_xl_down {
    width: 48% !important
  }
}

@media screen and (min-width:1200px) {
  .width_48_xl_up {
    width: 48% !important
  }
}

.width_50 {
  width: 50% !important
}

@media screen and (max-width:399px) {
  .width_50_sm_down {
    width: 50% !important
  }
}

@media screen and (min-width:400px) {
  .width_50_sm_up {
    width: 50% !important
  }
}

@media screen and (max-width:768px) {
  .width_50_md_down {
    width: 50% !important
  }
}

@media screen and (min-width:769px) {
  .width_50_md_up {
    width: 50% !important
  }
}

@media screen and (max-width:999px) {
  .width_50_lg_down {
    width: 50% !important
  }
}

@media screen and (min-width:1000px) {
  .width_50_lg_up {
    width: 50% !important
  }
}

@media screen and (max-width:1199px) {
  .width_50_xl_down {
    width: 50% !important
  }
}

@media screen and (min-width:1200px) {
  .width_50_xl_up {
    width: 50% !important
  }
}

.width_52 {
  width: 52% !important
}

@media screen and (max-width:399px) {
  .width_52_sm_down {
    width: 52% !important
  }
}

@media screen and (min-width:400px) {
  .width_52_sm_up {
    width: 52% !important
  }
}

@media screen and (max-width:768px) {
  .width_52_md_down {
    width: 52% !important
  }
}

@media screen and (min-width:769px) {
  .width_52_md_up {
    width: 52% !important
  }
}

@media screen and (max-width:999px) {
  .width_52_lg_down {
    width: 52% !important
  }
}

@media screen and (min-width:1000px) {
  .width_52_lg_up {
    width: 52% !important
  }
}

@media screen and (max-width:1199px) {
  .width_52_xl_down {
    width: 52% !important
  }
}

@media screen and (min-width:1200px) {
  .width_52_xl_up {
    width: 52% !important
  }
}

.width_54 {
  width: 54% !important
}

@media screen and (max-width:399px) {
  .width_54_sm_down {
    width: 54% !important
  }
}

@media screen and (min-width:400px) {
  .width_54_sm_up {
    width: 54% !important
  }
}

@media screen and (max-width:768px) {
  .width_54_md_down {
    width: 54% !important
  }
}

@media screen and (min-width:769px) {
  .width_54_md_up {
    width: 54% !important
  }
}

@media screen and (max-width:999px) {
  .width_54_lg_down {
    width: 54% !important
  }
}

@media screen and (min-width:1000px) {
  .width_54_lg_up {
    width: 54% !important
  }
}

@media screen and (max-width:1199px) {
  .width_54_xl_down {
    width: 54% !important
  }
}

@media screen and (min-width:1200px) {
  .width_54_xl_up {
    width: 54% !important
  }
}

.width_56 {
  width: 56% !important
}

@media screen and (max-width:399px) {
  .width_56_sm_down {
    width: 56% !important
  }
}

@media screen and (min-width:400px) {
  .width_56_sm_up {
    width: 56% !important
  }
}

@media screen and (max-width:768px) {
  .width_56_md_down {
    width: 56% !important
  }
}

@media screen and (min-width:769px) {
  .width_56_md_up {
    width: 56% !important
  }
}

@media screen and (max-width:999px) {
  .width_56_lg_down {
    width: 56% !important
  }
}

@media screen and (min-width:1000px) {
  .width_56_lg_up {
    width: 56% !important
  }
}

@media screen and (max-width:1199px) {
  .width_56_xl_down {
    width: 56% !important
  }
}

@media screen and (min-width:1200px) {
  .width_56_xl_up {
    width: 56% !important
  }
}

.width_58 {
  width: 58% !important
}

@media screen and (max-width:399px) {
  .width_58_sm_down {
    width: 58% !important
  }
}

@media screen and (min-width:400px) {
  .width_58_sm_up {
    width: 58% !important
  }
}

@media screen and (max-width:768px) {
  .width_58_md_down {
    width: 58% !important
  }
}

@media screen and (min-width:769px) {
  .width_58_md_up {
    width: 58% !important
  }
}

@media screen and (max-width:999px) {
  .width_58_lg_down {
    width: 58% !important
  }
}

@media screen and (min-width:1000px) {
  .width_58_lg_up {
    width: 58% !important
  }
}

@media screen and (max-width:1199px) {
  .width_58_xl_down {
    width: 58% !important
  }
}

@media screen and (min-width:1200px) {
  .width_58_xl_up {
    width: 58% !important
  }
}

.width_60 {
  width: 60% !important
}

@media screen and (max-width:399px) {
  .width_60_sm_down {
    width: 60% !important
  }
}

@media screen and (min-width:400px) {
  .width_60_sm_up {
    width: 60% !important
  }
}

@media screen and (max-width:768px) {
  .width_60_md_down {
    width: 60% !important
  }
}

@media screen and (min-width:769px) {
  .width_60_md_up {
    width: 60% !important
  }
}

@media screen and (max-width:999px) {
  .width_60_lg_down {
    width: 60% !important
  }
}

@media screen and (min-width:1000px) {
  .width_60_lg_up {
    width: 60% !important
  }
}

@media screen and (max-width:1199px) {
  .width_60_xl_down {
    width: 60% !important
  }
}

@media screen and (min-width:1200px) {
  .width_60_xl_up {
    width: 60% !important
  }
}

.width_62 {
  width: 62% !important
}

@media screen and (max-width:399px) {
  .width_62_sm_down {
    width: 62% !important
  }
}

@media screen and (min-width:400px) {
  .width_62_sm_up {
    width: 62% !important
  }
}

@media screen and (max-width:768px) {
  .width_62_md_down {
    width: 62% !important
  }
}

@media screen and (min-width:769px) {
  .width_62_md_up {
    width: 62% !important
  }
}

@media screen and (max-width:999px) {
  .width_62_lg_down {
    width: 62% !important
  }
}

@media screen and (min-width:1000px) {
  .width_62_lg_up {
    width: 62% !important
  }
}

@media screen and (max-width:1199px) {
  .width_62_xl_down {
    width: 62% !important
  }
}

@media screen and (min-width:1200px) {
  .width_62_xl_up {
    width: 62% !important
  }
}

.width_64 {
  width: 64% !important
}

@media screen and (max-width:399px) {
  .width_64_sm_down {
    width: 64% !important
  }
}

@media screen and (min-width:400px) {
  .width_64_sm_up {
    width: 64% !important
  }
}

@media screen and (max-width:768px) {
  .width_64_md_down {
    width: 64% !important
  }
}

@media screen and (min-width:769px) {
  .width_64_md_up {
    width: 64% !important
  }
}

@media screen and (max-width:999px) {
  .width_64_lg_down {
    width: 64% !important
  }
}

@media screen and (min-width:1000px) {
  .width_64_lg_up {
    width: 64% !important
  }
}

@media screen and (max-width:1199px) {
  .width_64_xl_down {
    width: 64% !important
  }
}

@media screen and (min-width:1200px) {
  .width_64_xl_up {
    width: 64% !important
  }
}

.width_66 {
  width: 66% !important
}

@media screen and (max-width:399px) {
  .width_66_sm_down {
    width: 66% !important
  }
}

@media screen and (min-width:400px) {
  .width_66_sm_up {
    width: 66% !important
  }
}

@media screen and (max-width:768px) {
  .width_66_md_down {
    width: 66% !important
  }
}

@media screen and (min-width:769px) {
  .width_66_md_up {
    width: 66% !important
  }
}

@media screen and (max-width:999px) {
  .width_66_lg_down {
    width: 66% !important
  }
}

@media screen and (min-width:1000px) {
  .width_66_lg_up {
    width: 66% !important
  }
}

@media screen and (max-width:1199px) {
  .width_66_xl_down {
    width: 66% !important
  }
}

@media screen and (min-width:1200px) {
  .width_66_xl_up {
    width: 66% !important
  }
}

.width_68 {
  width: 68% !important
}

@media screen and (max-width:399px) {
  .width_68_sm_down {
    width: 68% !important
  }
}

@media screen and (min-width:400px) {
  .width_68_sm_up {
    width: 68% !important
  }
}

@media screen and (max-width:768px) {
  .width_68_md_down {
    width: 68% !important
  }
}

@media screen and (min-width:769px) {
  .width_68_md_up {
    width: 68% !important
  }
}

@media screen and (max-width:999px) {
  .width_68_lg_down {
    width: 68% !important
  }
}

@media screen and (min-width:1000px) {
  .width_68_lg_up {
    width: 68% !important
  }
}

@media screen and (max-width:1199px) {
  .width_68_xl_down {
    width: 68% !important
  }
}

@media screen and (min-width:1200px) {
  .width_68_xl_up {
    width: 68% !important
  }
}

.width_70 {
  width: 70% !important
}

@media screen and (max-width:399px) {
  .width_70_sm_down {
    width: 70% !important
  }
}

@media screen and (min-width:400px) {
  .width_70_sm_up {
    width: 70% !important
  }
}

@media screen and (max-width:768px) {
  .width_70_md_down {
    width: 70% !important
  }
}

@media screen and (min-width:769px) {
  .width_70_md_up {
    width: 70% !important
  }
}

@media screen and (max-width:999px) {
  .width_70_lg_down {
    width: 70% !important
  }
}

@media screen and (min-width:1000px) {
  .width_70_lg_up {
    width: 70% !important
  }
}

@media screen and (max-width:1199px) {
  .width_70_xl_down {
    width: 70% !important
  }
}

@media screen and (min-width:1200px) {
  .width_70_xl_up {
    width: 70% !important
  }
}

.width_72 {
  width: 72% !important
}

@media screen and (max-width:399px) {
  .width_72_sm_down {
    width: 72% !important
  }
}

@media screen and (min-width:400px) {
  .width_72_sm_up {
    width: 72% !important
  }
}

@media screen and (max-width:768px) {
  .width_72_md_down {
    width: 72% !important
  }
}

@media screen and (min-width:769px) {
  .width_72_md_up {
    width: 72% !important
  }
}

@media screen and (max-width:999px) {
  .width_72_lg_down {
    width: 72% !important
  }
}

@media screen and (min-width:1000px) {
  .width_72_lg_up {
    width: 72% !important
  }
}

@media screen and (max-width:1199px) {
  .width_72_xl_down {
    width: 72% !important
  }
}

@media screen and (min-width:1200px) {
  .width_72_xl_up {
    width: 72% !important
  }
}

.width_74 {
  width: 74% !important
}

@media screen and (max-width:399px) {
  .width_74_sm_down {
    width: 74% !important
  }
}

@media screen and (min-width:400px) {
  .width_74_sm_up {
    width: 74% !important
  }
}

@media screen and (max-width:768px) {
  .width_74_md_down {
    width: 74% !important
  }
}

@media screen and (min-width:769px) {
  .width_74_md_up {
    width: 74% !important
  }
}

@media screen and (max-width:999px) {
  .width_74_lg_down {
    width: 74% !important
  }
}

@media screen and (min-width:1000px) {
  .width_74_lg_up {
    width: 74% !important
  }
}

@media screen and (max-width:1199px) {
  .width_74_xl_down {
    width: 74% !important
  }
}

@media screen and (min-width:1200px) {
  .width_74_xl_up {
    width: 74% !important
  }
}

.width_76 {
  width: 76% !important
}

@media screen and (max-width:399px) {
  .width_76_sm_down {
    width: 76% !important
  }
}

@media screen and (min-width:400px) {
  .width_76_sm_up {
    width: 76% !important
  }
}

@media screen and (max-width:768px) {
  .width_76_md_down {
    width: 76% !important
  }
}

@media screen and (min-width:769px) {
  .width_76_md_up {
    width: 76% !important
  }
}

@media screen and (max-width:999px) {
  .width_76_lg_down {
    width: 76% !important
  }
}

@media screen and (min-width:1000px) {
  .width_76_lg_up {
    width: 76% !important
  }
}

@media screen and (max-width:1199px) {
  .width_76_xl_down {
    width: 76% !important
  }
}

@media screen and (min-width:1200px) {
  .width_76_xl_up {
    width: 76% !important
  }
}

.width_78 {
  width: 78% !important
}

@media screen and (max-width:399px) {
  .width_78_sm_down {
    width: 78% !important
  }
}

@media screen and (min-width:400px) {
  .width_78_sm_up {
    width: 78% !important
  }
}

@media screen and (max-width:768px) {
  .width_78_md_down {
    width: 78% !important
  }
}

@media screen and (min-width:769px) {
  .width_78_md_up {
    width: 78% !important
  }
}

@media screen and (max-width:999px) {
  .width_78_lg_down {
    width: 78% !important
  }
}

@media screen and (min-width:1000px) {
  .width_78_lg_up {
    width: 78% !important
  }
}

@media screen and (max-width:1199px) {
  .width_78_xl_down {
    width: 78% !important
  }
}

@media screen and (min-width:1200px) {
  .width_78_xl_up {
    width: 78% !important
  }
}

.width_80 {
  width: 80% !important
}

@media screen and (max-width:399px) {
  .width_80_sm_down {
    width: 80% !important
  }
}

@media screen and (min-width:400px) {
  .width_80_sm_up {
    width: 80% !important
  }
}

@media screen and (max-width:768px) {
  .width_80_md_down {
    width: 80% !important
  }
}

@media screen and (min-width:769px) {
  .width_80_md_up {
    width: 80% !important
  }
}

@media screen and (max-width:999px) {
  .width_80_lg_down {
    width: 80% !important
  }
}

@media screen and (min-width:1000px) {
  .width_80_lg_up {
    width: 80% !important
  }
}

@media screen and (max-width:1199px) {
  .width_80_xl_down {
    width: 80% !important
  }
}

@media screen and (min-width:1200px) {
  .width_80_xl_up {
    width: 80% !important
  }
}

.width_82 {
  width: 82% !important
}

@media screen and (max-width:399px) {
  .width_82_sm_down {
    width: 82% !important
  }
}

@media screen and (min-width:400px) {
  .width_82_sm_up {
    width: 82% !important
  }
}

@media screen and (max-width:768px) {
  .width_82_md_down {
    width: 82% !important
  }
}

@media screen and (min-width:769px) {
  .width_82_md_up {
    width: 82% !important
  }
}

@media screen and (max-width:999px) {
  .width_82_lg_down {
    width: 82% !important
  }
}

@media screen and (min-width:1000px) {
  .width_82_lg_up {
    width: 82% !important
  }
}

@media screen and (max-width:1199px) {
  .width_82_xl_down {
    width: 82% !important
  }
}

@media screen and (min-width:1200px) {
  .width_82_xl_up {
    width: 82% !important
  }
}

.width_84 {
  width: 84% !important
}

@media screen and (max-width:399px) {
  .width_84_sm_down {
    width: 84% !important
  }
}

@media screen and (min-width:400px) {
  .width_84_sm_up {
    width: 84% !important
  }
}

@media screen and (max-width:768px) {
  .width_84_md_down {
    width: 84% !important
  }
}

@media screen and (min-width:769px) {
  .width_84_md_up {
    width: 84% !important
  }
}

@media screen and (max-width:999px) {
  .width_84_lg_down {
    width: 84% !important
  }
}

@media screen and (min-width:1000px) {
  .width_84_lg_up {
    width: 84% !important
  }
}

@media screen and (max-width:1199px) {
  .width_84_xl_down {
    width: 84% !important
  }
}

@media screen and (min-width:1200px) {
  .width_84_xl_up {
    width: 84% !important
  }
}

.width_86 {
  width: 86% !important
}

@media screen and (max-width:399px) {
  .width_86_sm_down {
    width: 86% !important
  }
}

@media screen and (min-width:400px) {
  .width_86_sm_up {
    width: 86% !important
  }
}

@media screen and (max-width:768px) {
  .width_86_md_down {
    width: 86% !important
  }
}

@media screen and (min-width:769px) {
  .width_86_md_up {
    width: 86% !important
  }
}

@media screen and (max-width:999px) {
  .width_86_lg_down {
    width: 86% !important
  }
}

@media screen and (min-width:1000px) {
  .width_86_lg_up {
    width: 86% !important
  }
}

@media screen and (max-width:1199px) {
  .width_86_xl_down {
    width: 86% !important
  }
}

@media screen and (min-width:1200px) {
  .width_86_xl_up {
    width: 86% !important
  }
}

.width_88 {
  width: 88% !important
}

@media screen and (max-width:399px) {
  .width_88_sm_down {
    width: 88% !important
  }
}

@media screen and (min-width:400px) {
  .width_88_sm_up {
    width: 88% !important
  }
}

@media screen and (max-width:768px) {
  .width_88_md_down {
    width: 88% !important
  }
}

@media screen and (min-width:769px) {
  .width_88_md_up {
    width: 88% !important
  }
}

@media screen and (max-width:999px) {
  .width_88_lg_down {
    width: 88% !important
  }
}

@media screen and (min-width:1000px) {
  .width_88_lg_up {
    width: 88% !important
  }
}

@media screen and (max-width:1199px) {
  .width_88_xl_down {
    width: 88% !important
  }
}

@media screen and (min-width:1200px) {
  .width_88_xl_up {
    width: 88% !important
  }
}

.width_90 {
  width: 90% !important
}

@media screen and (max-width:399px) {
  .width_90_sm_down {
    width: 90% !important
  }
}

@media screen and (min-width:400px) {
  .width_90_sm_up {
    width: 90% !important
  }
}

@media screen and (max-width:768px) {
  .width_90_md_down {
    width: 90% !important
  }
}

@media screen and (min-width:769px) {
  .width_90_md_up {
    width: 90% !important
  }
}

@media screen and (max-width:999px) {
  .width_90_lg_down {
    width: 90% !important
  }
}

@media screen and (min-width:1000px) {
  .width_90_lg_up {
    width: 90% !important
  }
}

@media screen and (max-width:1199px) {
  .width_90_xl_down {
    width: 90% !important
  }
}

@media screen and (min-width:1200px) {
  .width_90_xl_up {
    width: 90% !important
  }
}

.width_92 {
  width: 92% !important
}

@media screen and (max-width:399px) {
  .width_92_sm_down {
    width: 92% !important
  }
}

@media screen and (min-width:400px) {
  .width_92_sm_up {
    width: 92% !important
  }
}

@media screen and (max-width:768px) {
  .width_92_md_down {
    width: 92% !important
  }
}

@media screen and (min-width:769px) {
  .width_92_md_up {
    width: 92% !important
  }
}

@media screen and (max-width:999px) {
  .width_92_lg_down {
    width: 92% !important
  }
}

@media screen and (min-width:1000px) {
  .width_92_lg_up {
    width: 92% !important
  }
}

@media screen and (max-width:1199px) {
  .width_92_xl_down {
    width: 92% !important
  }
}

@media screen and (min-width:1200px) {
  .width_92_xl_up {
    width: 92% !important
  }
}

.width_94 {
  width: 94% !important
}

@media screen and (max-width:399px) {
  .width_94_sm_down {
    width: 94% !important
  }
}

@media screen and (min-width:400px) {
  .width_94_sm_up {
    width: 94% !important
  }
}

@media screen and (max-width:768px) {
  .width_94_md_down {
    width: 94% !important
  }
}

@media screen and (min-width:769px) {
  .width_94_md_up {
    width: 94% !important
  }
}

@media screen and (max-width:999px) {
  .width_94_lg_down {
    width: 94% !important
  }
}

@media screen and (min-width:1000px) {
  .width_94_lg_up {
    width: 94% !important
  }
}

@media screen and (max-width:1199px) {
  .width_94_xl_down {
    width: 94% !important
  }
}

@media screen and (min-width:1200px) {
  .width_94_xl_up {
    width: 94% !important
  }
}

.width_96 {
  width: 96% !important
}

@media screen and (max-width:399px) {
  .width_96_sm_down {
    width: 96% !important
  }
}

@media screen and (min-width:400px) {
  .width_96_sm_up {
    width: 96% !important
  }
}

@media screen and (max-width:768px) {
  .width_96_md_down {
    width: 96% !important
  }
}

@media screen and (min-width:769px) {
  .width_96_md_up {
    width: 96% !important
  }
}

@media screen and (max-width:999px) {
  .width_96_lg_down {
    width: 96% !important
  }
}

@media screen and (min-width:1000px) {
  .width_96_lg_up {
    width: 96% !important
  }
}

@media screen and (max-width:1199px) {
  .width_96_xl_down {
    width: 96% !important
  }
}

@media screen and (min-width:1200px) {
  .width_96_xl_up {
    width: 96% !important
  }
}

.width_98 {
  width: 98% !important
}

@media screen and (max-width:399px) {
  .width_98_sm_down {
    width: 98% !important
  }
}

@media screen and (min-width:400px) {
  .width_98_sm_up {
    width: 98% !important
  }
}

@media screen and (max-width:768px) {
  .width_98_md_down {
    width: 98% !important
  }
}

@media screen and (min-width:769px) {
  .width_98_md_up {
    width: 98% !important
  }
}

@media screen and (max-width:999px) {
  .width_98_lg_down {
    width: 98% !important
  }
}

@media screen and (min-width:1000px) {
  .width_98_lg_up {
    width: 98% !important
  }
}

@media screen and (max-width:1199px) {
  .width_98_xl_down {
    width: 98% !important
  }
}

@media screen and (min-width:1200px) {
  .width_98_xl_up {
    width: 98% !important
  }
}

.height_100 {
  height: 100px !important
}

.height_120 {
  height: 120px !important
}

@media screen and (max-width:768px) {
  .width-92vw-down {
    width: 92vw;
    margin-left: auto !important;
    margin-right: auto !important
  }
}

.m-0 {
  margin: 0 !important
}

.mt-0 {
  margin-top: 0 !important
}

.mb-0 {
  margin-bottom: 0 !important
}

.ml-0 {
  margin-left: 0 !important
}

.mr-0 {
  margin-right: 0 !important
}

.p-0 {
  padding: 0 !important
}

.pt-0 {
  padding-top: 0 !important
}

.pb-0 {
  padding-bottom: 0 !important
}

.pl-0 {
  padding-left: 0 !important
}

.pr-0 {
  padding-right: 0 !important
}

.ptb-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important
}

@media screen and (max-width:768px) {
  .mb-0-md {
    margin-bottom: 0 !important
  }
}

.m-5 {
  margin: 5px !important
}

.mt-5 {
  margin-top: 5px !important
}

.mb-5 {
  margin-bottom: 5px !important
}

.ml-5 {
  margin-left: 5px !important
}

.mr-5 {
  margin-right: 5px !important
}

.p-5 {
  padding: 5px !important
}

.pt-5 {
  padding-top: 5px !important
}

.pb-5 {
  padding-bottom: 5px !important
}

.pl-5 {
  padding-left: 5px !important
}

.pr-5 {
  padding-right: 5px !important
}

.ptb-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important
}

@media screen and (max-width:768px) {
  .mb-5-md {
    margin-bottom: 5px !important
  }
}

.m-10 {
  margin: 10px !important
}

.c-link-list,
.mt-10 {
  margin-top: 10px !important
}

.c-decimal,
.c-disc,
.c-link-list,
.mb-10 {
  margin-bottom: 10px !important
}

.ml-10 {
  margin-left: 10px !important
}

.mr-10 {
  margin-right: 10px !important
}

.p-10 {
  padding: 10px !important
}

.pt-10 {
  padding-top: 10px !important
}

.pb-10 {
  padding-bottom: 10px !important
}

.pl-10 {
  padding-left: 10px !important
}

.pr-10 {
  padding-right: 10px !important
}

.ptb-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important
}

@media screen and (max-width:768px) {
  .mb-10-md {
    margin-bottom: 10px !important
  }
}

.m-15 {
  margin: 15px !important
}

.mt-15 {
  margin-top: 15px !important
}

.mb-15 {
  margin-bottom: 15px !important
}

.ml-15 {
  margin-left: 15px !important
}

.mr-15 {
  margin-right: 15px !important
}

.p-15 {
  padding: 15px !important
}

.pt-15 {
  padding-top: 15px !important
}

.pb-15 {
  padding-bottom: 15px !important
}

.pl-15 {
  padding-left: 15px !important
}

.pr-15 {
  padding-right: 15px !important
}

.ptb-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important
}

@media screen and (max-width:768px) {
  .mb-15-md {
    margin-bottom: 15px !important
  }
}

.m-20 {
  margin: 20px !important
}

.mt-20 {
  margin-top: 20px !important
}

.c-h3,
.mb-20,
.page-provision h3 {
  margin-bottom: 20px !important
}

.ml-20 {
  margin-left: 20px !important
}

.mr-20 {
  margin-right: 20px !important
}

.p-20 {
  padding: 20px !important
}

.pt-20 {
  padding-top: 20px !important
}

.pb-20 {
  padding-bottom: 20px !important
}

.pl-20 {
  padding-left: 20px !important
}

.pr-20 {
  padding-right: 20px !important
}

.ptb-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important
}

@media screen and (max-width:768px) {
  .mb-20-md {
    margin-bottom: 20px !important
  }
}

.m-30 {
  margin: 30px !important
}

.mt-30 {
  margin-top: 30px !important
}

.mb-30 {
  margin-bottom: 30px !important
}

.ml-30 {
  margin-left: 30px !important
}

.mr-30 {
  margin-right: 30px !important
}

.p-30 {
  padding: 30px !important
}

.pt-30 {
  padding-top: 30px !important
}

.pb-30 {
  padding-bottom: 30px !important
}

.pl-30 {
  padding-left: 30px !important
}

.pr-30 {
  padding-right: 30px !important
}

.ptb-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important
}

@media screen and (max-width:768px) {
  .mb-30-md {
    margin-bottom: 30px !important
  }
}

.m-40 {
  margin: 40px !important
}

.mt-40 {
  margin-top: 40px !important
}

.mb-40,
section.l-section .l-block {
  margin-bottom: 40px !important
}

.ml-40 {
  margin-left: 40px !important
}

.mr-40 {
  margin-right: 40px !important
}

.p-40 {
  padding: 40px !important
}

.pt-40 {
  padding-top: 40px !important
}

.pb-40 {
  padding-bottom: 40px !important
}

.pl-40 {
  padding-left: 40px !important
}

.pr-40 {
  padding-right: 40px !important
}

.ptb-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important
}

@media screen and (max-width:768px) {
  .mb-40-md {
    margin-bottom: 40px !important
  }
}

.m-70 {
  margin: 70px !important
}

.mt-70 {
  margin-top: 70px !important
}

.main-inner,
.mb-70 {
  margin-bottom: 70px !important
}

.ml-70 {
  margin-left: 70px !important
}

.mr-70 {
  margin-right: 70px !important
}

.p-70 {
  padding: 70px !important
}

.pt-70 {
  padding-top: 70px !important
}

.pb-70 {
  padding-bottom: 70px !important
}

.pl-70 {
  padding-left: 70px !important
}

.pr-70 {
  padding-right: 70px !important
}

.ptb-70 {
  padding-top: 70px !important;
  padding-bottom: 70px !important
}

@media screen and (max-width:768px) {
  .mb-70-md {
    margin-bottom: 70px !important
  }
}

.m-80 {
  margin: 80px !important
}

.mt-80 {
  margin-top: 80px !important
}

.mb-80 {
  margin-bottom: 80px !important
}

.ml-80 {
  margin-left: 80px !important
}

.mr-80 {
  margin-right: 80px !important
}

.p-80 {
  padding: 80px !important
}

.pt-80 {
  padding-top: 80px !important
}

.pb-80 {
  padding-bottom: 80px !important
}

.pl-80 {
  padding-left: 80px !important
}

.pr-80 {
  padding-right: 80px !important
}

.ptb-80 {
  padding-top: 80px !important;
  padding-bottom: 80px !important
}

@media screen and (max-width:768px) {
  .mb-80-md {
    margin-bottom: 80px !important
  }
}

.l-mb {
  margin-bottom: 40px !important
}

@media screen and (max-width:768px) {
  .l-mb {
    margin-bottom: 20px !important
  }
}

.m-auto {
  margin-left: auto !important;
  margin-right: auto !important
}

.d-inline-block {
  display: inline-block
}

.display-block {
  display: block
}

@media screen and (min-width:769px) {
  .pc {
    display: block
  }

  .sp {
    display: none
  }

  .block-pc,
  .br-pc {
    display: block
  }

  .br-sp {
    display: none
  }
}

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

  .block-sp,
  .sp {
    display: block
  }

  .br-pc {
    display: none
  }

  .br-sp {
    display: block
  }
}

.l-site-width,
.l-site-width-lg,
.page-about .main-visual .p-text {
  width: 800px;
  margin: 0 auto
}

@media screen and (max-width:768px) {

  .l-site-width,
  .l-site-width-lg,
  .page-about .main-visual .p-text {
    width: 92vw;
    margin: 0 auto
  }
}

.l-site-width-up {
  width: 800px;
  margin: 0 auto
}

@media screen and (max-width:768px) {
  .l-site-width-up {
    width: 100vw;
    margin: 0 auto
  }
}

@media screen and (max-width:768px) {
  .l-site-width-down {
    width: 92vw;
    margin: 0 auto
  }
}

.l-site-width-lg {
  width: 1000px
}

@media screen and (max-width:768px) {
  .l-site-width-lg {
    width: 92vw
  }
}

.l-site-width-2 {
  width: 800px;
  margin: 0 auto
}

@media screen and (max-width:768px) {
  .l-site-width-2 {
    width: 88vw;
    margin: 0 auto
  }
}

section.l-section {
  padding: 40px 0
}

section.l-section:first-of-type {
  padding-top: 0
}

@media screen and (max-width:768px) {
  section.l-section {
    padding: 30px 0
  }
}

@media screen and (max-width:768px) {
  .l-inner-md {
    width: 80vw;
    margin: 0 auto
  }
}

#header .login {
  z-index: 1000
}

.layout-pc #header.type-area .page-title {
  top: 10px
}

.layout-pc #header.type-area .page-title .logo {
  width: 400px
}

.layout-sp #header.type-area .page-title {
  top: 1.0em
}

.layout-sp #header.type-area .page-title .logo {
  width: 45vw
}

.layout-pc .oita #header.type-area .page-title,
.layout-sp .oita #header.type-area .page-title {
  top: 0
}

@media screen and (min-width:769px) {
  a[href^="tel:"] {
    pointer-events: none;
    cursor: default;
    color: inherit
  }
}

.main-content {
  display: none;
  opacity: 0;
  transition: opacity 1s ease 0s
}

.main-content.show {
  opacity: 1
}

.page #wrapper .component-mainvisual {
  background: url(../img/information/img_mainvisual_01.png) 50% no-repeat;
  -webkit-background-size: cover;
  background-size: cover
}

.page #wrapper .black_link {
  color: #253848;
  text-decoration: underline !important
}

@media screen and (min-width:769px) {
  .page #wrapper .p-plan .p-col {
    width: 30%;
    margin-bottom: 40px
  }
}

@media screen and (max-width:768px) {
  .page #wrapper .p-plan .p-col {
    width: 48%;
    margin-bottom: 20px
  }
}

.page #wrapper .p-plan .p-col h2 {
  color: #fff;
  font-weight: 400;
  margin: 0;
  padding: 20px 0
}

@media screen and (min-width:769px) {
  .page #wrapper .p-plan .p-col h2 {
    font-size: 1.4rem
  }
}

.page #wrapper .p-plan .p-col h2 span {
  color: #fff;
  font-size: 1.4rem;
  font-weight: 400
}

@media screen and (max-width:768px) {
  .page #wrapper .p-plan .p-col h2 span {
    font-size: 1rem
  }
}

.page #wrapper .p-plan .p-col strong {
  color: #253848
}

.page #wrapper .p-plan .p-col .price {
  font-size: 1.88rem;
  font-weight: 700;
  text-align: center
}

.page #wrapper .p-plan .p-col .price span {
  font-size: 1.4rem;
  font-weight: 400
}

.page #wrapper .p-plan .p-col .p-table,
.page #wrapper .p-plan .p-col p {
  width: 95%;
  margin: 20px auto
}

@media screen and (max-width:768px) {

  .page #wrapper .p-plan .p-col .p-table td,
  .page #wrapper .p-plan .p-col .p-table th,
  .page #wrapper .p-plan .p-col p td,
  .page #wrapper .p-plan .p-col p th {
    font-size: .6rem
  }

  .page #wrapper .p-plan .p-col .p-table td strong,
  .page #wrapper .p-plan .p-col p td strong {
    font-size: .9rem
  }
}

.page #wrapper .p-plan .p-col .p-description small {
  display: block;
  font-size: .9rem;
  width: 95%;
  margin: 20px 10px 5px 10px;
  /* 上、右、下、左の順 */
  text-align: center;
  /* テキストを中央揃えにする */
  padding-left: 10px;
  /* 左のパディング */
  padding-right: auto;
  /* 右のパディング */
}

.page #wrapper .p-plan .p-col .p-payment,
.page #wrapper .p-plan .p-col .p-price_text {
  font-size: .85rem;
  text-align: center
}

@media screen and (max-width:768px) {

  .page #wrapper .p-plan .p-col .p-payment,
  .page #wrapper .p-plan .p-col .p-price_text {
    font-size: .85rem
  }
}

.page #wrapper .p-plan .p-col .p-price_text strong {
  font-size: 1.1rem
}

@media screen and (min-width:769px) {
  .page #wrapper .p-registerd_card ul {
    text-align: center
  }
}

.page #wrapper .regist-require ul {
  margin: 0 auto;
  width: 562px
}

@media screen and (max-width:768px) {
  .page #wrapper .regist-require ul {
    width: 92vw
  }
}

.page #wrapper .regist-require li:not(:last-child) {
  margin-right: 10px
}

.page #wrapper .regist-square .container {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap
}

.page #wrapper .regist-square .container .column {
  width: 30%
}

@media screen and (max-width:768px) {
  .page #wrapper .regist-square .container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
  }

  .page #wrapper .regist-square .container .column {
    width: 46%;
    margin-right: 10px
  }

  .page #wrapper .regist-square .container .column p {
    height: 110px;
    padding-top: 15px
  }
}

.page #wrapper .regist-round .container {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap
}

.page #wrapper .regist-round .container .column {
  width: 30%
}

@media screen and (max-width:768px) {
  .page #wrapper .regist-round .container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
  }

  .page #wrapper .regist-round .container .column {
    width: 46%;
    margin-right: 10px
  }

  .page #wrapper .regist-round .container .column p {
    height: 110px;
    padding-top: 15px
  }
}

.page #wrapper .use-square_app .container {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap
}

.page #wrapper .use-square_app .container .column {
  width: 23%
}

.page #wrapper .use-square_app .container .column p {
  height: 100px
}

@media screen and (max-width:768px) {
  .page #wrapper .use-square_app .container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
  }

  .page #wrapper .use-square_app .container .column {
    width: 46%;
    margin-right: 10px
  }

  .page #wrapper .use-square_app .container .column p {
    height: 160px;
    padding-top: 15px
  }
}

.page #wrapper .use-round_app .container {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap
}

.page #wrapper .use-round_app .container .column {
  width: 23%
}

.page #wrapper .use-round_app .container .column p {
  height: 100px
}

@media screen and (max-width:768px) {
  .page #wrapper .use-round_app .container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
  }

  .page #wrapper .use-round_app .container .column {
    width: 46%;
    margin-right: 10px
  }

  .page #wrapper .use-round_app .container .column p {
    height: 160px;
    padding-top: 15px
  }
}

.page #wrapper .use-square_web .container {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap
}

.page #wrapper .use-square_web .container .column {
  width: 23%
}

.page #wrapper .use-square_web .container .column p {
  height: 100px
}

@media screen and (max-width:768px) {
  .page #wrapper .use-square_web .container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
  }

  .page #wrapper .use-square_web .container .column {
    width: 46%;
    margin-right: 10px
  }

  .page #wrapper .use-square_web .container .column p {
    height: 160px;
    padding-top: 15px
  }
}

.page #wrapper .use-round_web .container {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap
}

.page #wrapper .use-round_web .container .column {
  width: 23%
}

.page #wrapper .use-round_web .container .column p {
  height: 100px
}

@media screen and (max-width:768px) {
  .page #wrapper .use-round_web .container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
  }

  .page #wrapper .use-round_web .container .column {
    width: 46%;
    margin-right: 10px
  }

  .page #wrapper .use-round_web .container .column p {
    height: 160px;
    padding-top: 15px
  }
}

.menu-area .another-page-list li.corporate_member,
.select-area .select-lang,
.tokyo .menu-area .another-page-list li.corporate_member {
  display: block
}

.layout-pc #header .page-title {
  top: 0;
  left: 0;
  height: 80px;
  margin: 9px 0 0 20px
}

.layout-pc #header .page-title .logo {
  width: 50%
}

.layout-sp #header .page-title {
  top: 0;
  left: 0;
  height: 51px;
  margin: 7px 0 0 2%
}

.layout-sp #header .page-title .logo {
  width: 70%
}

.layout-sp #header .nav .select-area .title .img {
  width: 80%
}

.layout-pc #footer .link-area span {
  font-size: 1rem
}

.layout-pc #footer.type-general .link-area span {
  font-size: 100%
}

.layout-sp #footer .link-area span {
  font-size: .875rem
}

.layout-sp #footer .pagetop a {
  width: 4.5rem;
  padding-bottom: 4rem
}

.layout-sp #footer .sns-area li a img {
  height: 20px;
  width: auto
}

.page-area-index .component-section.about .point .description {
  color: #253848
}

.page-area-index .component-section.about .point .component-link-arrow span {
  color: #ca0029
}

.page-area-index .component-section.about .point .component-link-arrow span:after {
  content: "\F105";
  font-family: FontAwesome;
  font-size: 1.2em;
  font-weight: 700;
  display: inline-block;
  margin-left: .4em
}

.page-area-index .banners ul li {
  margin: 0 0 20px;
  width: 22%
}

@media screen and (max-width:768px) {
  .page-area-index .banners ul li {
    width: 48%
  }
}

.page-area-index .sponser {
  text-align: center
}

.page-area-index .sponser li {
  margin: 0 0 20px;
  width: 22%
}

@media screen and (max-width:768px) {
  .page-area-index .sponser li {
    width: 48%
  }
}

.page-area-index .sponser li img {
  width: 100%
}

.page-area-index .sponser .supporting li {
  width: 20%;
  margin: 0 auto
}

@media screen and (max-width:768px) {

  .page-area-index .sponser .port li,
  .page-area-index .sponser .supporting li {
    width: 100%
  }
}

.page-area-index .sponser .port.p-col2 {
  width: 65%;
  margin: 0 auto
}

.page-area-index .sponser .port.p-col2 li {
  width: 45%
}

.page-area-index .sponser .port.p-col2 li img {
  max-height: 60px;
  width: auto
}

.page-area-index .search .category .icon:after,
.page-area-index .search .filter .icon:after {
  background: none
}

.app-map .app-map-search .filter span.icon,
.app-map .app-map-search .gmnoprint {
  width: 38px !important;
  height: 50px !important
}

@media screen and (max-width:768px) {

  .app-map .app-map-search .filter span.icon,
  .app-map .app-map-search .gmnoprint {
    width: 22.8px !important;
    height: 30px !important
  }
}

.layout-pc .page-index .search #map-app,
.layout-pc .page-index .search .app-nav,
.layout-pc .page-index .search .search-port {
  min-height: auto
}

.layout-pc .page-index .search .search-port {
  width: 100%;
  padding-top: 78px
}

.layout-pc .page-index .search .search-port>.inner {
  width: 100%;
  padding: 0
}

.layout-pc .page-index .search .search-port .c-flow-title,
.layout-pc .page-index .search .search-port .c-h2,
.layout-pc .page-index .search .search-port .component-att-text,
.layout-pc .page-index .search .search-port .component-section-title,
.layout-pc .page-index .search .search-port .lead,
.layout-pc .page-index .search .search-port .page-provision h2,
.page-provision .layout-pc .page-index .search .search-port h2 {
  width: 90%;
  margin: 0 auto
}

.layout-pc .page-index .search .search-port .show-all {
  margin-top: 30px;
  background-color: #fff;
  padding-bottom: 30px
}

.layout-pc .page-index .search .search-port .show-all h3 {
  padding-top: 30px;
  color: #ca0029;
  font-size: 1.7rem
}

.layout-pc .page-index .search .search-port .show-all ul {
  width: 90%;
  margin: 0 auto
}

.layout-pc .page-index .search .search-port li a {
  border: 2px solid #ca0029;
  color: #ca0029
}

.layout-pc .page-index .search .search-port li a:hover {
  background-color: #ca0029;
  color: #fff
}

.layout-sp .page-index .search .search-port {
  width: 100%
}

.layout-sp .page-index .search .search-port>.inner {
  width: 100%;
  padding: 1rem 0 0
}

.layout-sp .page-index .search .search-port .show-all {
  margin-top: 30px;
  background-color: #fff;
  padding-bottom: 30px
}

.layout-sp .page-index .search .search-port .show-all h3 {
  padding-top: 30px;
  color: #ca0029;
  font-size: 1.2rem
}

.layout-sp .page-index .search .search-port .show-all ul {
  width: 90%;
  margin: 0 auto
}

.layout-sp .page-index .search .search-port li a {
  border: 2px solid #ca0029;
  color: #ca0029
}

.layout-sp .page-index .search .search-port li a:hover {
  background-color: #ca0029;
  color: #fff
}

.page-index .search .search-map {
  display: none
}

.page-index .slider .bnr {
  border: 1px solid #ccc
}

.page-area-index .app-map-search iframe {
  width: 100%;
  height: 450px;
  margin-top: 2rem
}

.page-registration .p-flow strong span {
  color: #253848;
  display: inline-block;
  width: 20px;
  font-size: 1.2rem;
  text-align: center
}

@media screen and (max-width:768px) {
  .page-registration .tab {
    width: 98vw
  }
}

@media screen and (min-width:769px) {
  .page-registration .tab {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: stretch;
    align-items: stretch
  }
}

.page-registration .tab li {
  background-color: #fff;
  border: 1px solid #ce3733;
  width: 100%;
  border-radius: 5px;
  margin-bottom: 10px
}

@media screen and (min-width:769px) {
  .page-registration .tab li {
    margin-right: 20px
  }
}

.page-registration .tab li.active {
  background-color: #ce3733
}

.page-registration .tab li.active a {
  color: #fff
}

.page-registration .tab li a {
  display: block;
  text-align: center;
  font-size: .9rem;
  color: #ce3733;
  padding: 20px 45px;
  background: none;
  border: none;
  width: 497px;
  height: 73px;
  line-height: 1.2;
  cursor: pointer
}

@media screen and (max-width:768px) {
  .page-registration .tab li a {
    font-size: 4vw
  }
}

.page-registration h2 {
  color: #253848;
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 20px
}

@media screen and (min-width:769px) {
  .page-registration h2 {
    margin-bottom: 30px
  }
}

.page-registration .step-box {
  background-color: #253848;
  margin-right: 10px;
  padding: 5px 10px;
  color: #fff;
  font-weight: 700
}

.page-registration .bike-icon_right {
  width: 250px;
  margin-left: 10px;
  margin-bottom: 20px
}

@media screen and (min-width:769px) {
  .page-registration .bike-icon_right {
    width: 560px;
    margin-left: 50px
  }
}

@media screen and (min-width:769px) {
  .page-registration .step-flex {
    display: flex;
    flex-wrap: wrap
  }
}

.page-registration .step-column {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start
}

.page-registration .step-column .step-image {
  width: 38%
}

@media screen and (min-width:769px) {
  .page-registration .step-column .step-image {
    width: 100%
  }
}

.page-registration .step-column .step-text_app {
  width: 60%
}

@media screen and (min-width:769px) {
  .page-registration .step-column .step-text_app {
    Width: 90%
  }
}

@media screen and (min-width:769px) {
  .page-registration .step-column {
    width: 50%;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .page-registration .step-column .step-image {
    margin-right: 0;
    order: 2
  }

  .page-registration .step-column .step-text_app {
    order: 1
  }
}

@media screen and (min-width:769px) {
  .page-registration .step-column .step-text_web {
    margin-right: 40px
  }
}

.page-registration .point-box {
  background-color: #e8eaec;
  border: 1px solid #253848;
  margin-right: 10px;
  padding: 5px 10px
}

@media screen and (min-width:769px) {
  .page-registration .point-column {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start
  }

  .page-registration .point-column .point-image {
    order: 1
  }
}

@media screen and (min-width:769px) and (min-width:769px) {
  .page-registration .point-column .point-image {
    margin-right: 50px
  }
}

@media screen and (min-width:769px) {
  .page-registration .point-column .point-text {
    width: 640px;
    order: 2
  }
}

.page-registration .strong {
  font-weight: 700
}

.page-registration .bold {
  font-size: 18px;
  font-weight: 700
}

.page-registration .js-page_registration-tab_contents {
  display: none
}

.page-registration .js-page_registration-tab_contents.active {
  display: block
}


.page-price .p-plan .p-col strong {
  font-weight: 900
}

@media screen and (min-width:769px) {

  .page-price .p-plan .p-col:first-of-type,
  .page-price .p-plan .p-col:nth-of-type(2),
  .page-price .p-plan .p-col:nth-of-type(4) {
    margin-right: 20px
  }
}

@media screen and (max-width:768px) {

  .page-price .p-plan .p-col:first-of-type,
  .page-price .p-plan .p-col:nth-of-type(4) {
    margin-right: 2%
  }

  .page-price .p-plan .p-col:nth-of-type(3) {
    margin-left: 0;
    margin-right: 40%
  }
}

.page-price .p-plan .plan1 {
  border: 1px solid #0099ff
}

.page-price .p-plan .plan1 h2 {
  background-color: #0099ff
}

.page-price .p-plan .plan1 hr {
  border-bottom: 1px solid #0099ff;
  width: 95%
}

.page-price .p-plan .plan2 {
  border: 1px solid #3399cc
}

.page-price .p-plan .plan2 h2 {
  background-color: #3399cc
}

.page-price .p-plan .plan2 hr {
  border-bottom: 1px solid #3399cc;
  width: 95%
}

.page-price .p-plan .plan3 {
  border: 1px solid #006699
}

.page-price .p-plan .plan3 h2 {
  background-color: #006699
}

.page-price .p-plan .plan3 hr {
  border-bottom: 1px solid #006699;
  width: 95%
}

.page-price .p-plan .plan4 {
  border: 1px solid #0066cc
}

.page-price .p-plan .plan4 h2 {
  background-color: #0066cc
}

.page-price .p-plan .plan4 hr {
  border-bottom: 1px solid #0066cc;
  width: 95%
}

.page-price .p-plan .plan5 {
  border: 1px solid #003399
}

.page-price .p-plan .plan5 h2 {
  background-color: #003399
}

.page-price .p-plan .plan5 hr {
  border-bottom: 1px solid #003399;
  width: 95%
}

.page-price .p-plan .plan6 {
  border: 1px solid #003366
}

.page-price .p-plan .plan6 h2 {
  background-color: #003366
}

.page-price .p-plan .plan6 hr {
  border-bottom: 1px solid #003366;
  width: 95%
}

@media screen and (min-width:769px) {
  .page-price .p-plan h2 {
    font-size: 2rem !important
  }

  .page-price .p-plan h2 span {
    font-size: 1.2rem !important
  }
}

.page-price .p-detail {
  width: 95%;
  padding: 20px 0;
  margin: 0 auto
}

@media screen and (max-width:768px) {
  .page-price .p-detail strong {
    font-size: 1.7rem
  }
}

.page-price .p-detail span {
  display: inline-block;
  width: 4.5rem
}

.page-price .p-description {
  margin-bottom: 20px
}

.page-price .p-description div,
.page-price .p-description p {
  width: 95%;
  padding: 20px 0;
  margin: 0 auto
}

.page-price .p-description span,
.page-price .p-description strong {
  display: block;
  width: 80%;
  margin: 0 auto
}

.page-price .plan1 .p-description,
.page-price .plan2 .p-description,
.page-price .plan3 .p-description,
.page-price .plan4 .p-description,
.page-price .plan5 .p-description,
.page-price .plan6 .p-description {
  height: 90px
}

@media screen and (min-width:769px) {

  .page-price .plan1 .p-description,
  .page-price .plan2 .p-description,
  .page-price .plan3 .p-description,
  .page-price .plan4 .p-description,
  .page-price .plan5 .p-description,
  .page-price .plan6 .p-description {
    width: 80% !important
  }
}

@media screen and (max-width:768px) {

  .page-price .plan1 .p-description,
  .page-price .plan2 .p-description,
  .page-price .plan3 .p-description,
  .page-price .plan4 .p-description,
  .page-price .plan5 .p-description,
  .page-price .plan6 .p-description {
    height: 13vh
  }

  .page-price .plan1 .p-detail .extension,
  .page-price .plan2 .p-detail .extension,
  .page-price .plan3 .p-detail .extension,
  .page-price .plan4 .p-detail .extension,
  .page-price .plan5 .p-detail .extension,
  .page-price .plan6 .p-detail .extension {
    height: 10vh
  }
}

@media screen and (max-width:399px) {

  .page-price .plan1 .p-description,
  .page-price .plan2 .p-description,
  .page-price .plan3 .p-description,
  .page-price .plan4 .p-description,
  .page-price .plan5 .p-description,
  .page-price .plan6 .p-description {
    height: 22vh
  }

  .page-price .plan1 .p-detail .extension,
  .page-price .plan2 .p-detail .extension,
  .page-price .plan3 .p-detail .extension,
  .page-price .plan4 .p-detail .extension,
  .page-price .plan5 .p-detail .extension,
  .page-price .plan6 .p-detail .extension {
    height: 12.5vh
  }

  .page-price .plan1 .p-description small,
  .page-price .plan2 .p-description small,
  .page-price .plan3 .p-description small,
  .page-price .plan4 .p-description small,
  .page-price .plan5 .p-description small,
  .page-price .plan6 .p-description small {
    height: 70px
  }
}


.page-price .plan1 .p-description small,
.page-price .plan2 .p-description small,
.page-price .plan3 .p-description small,
.page-price .plan4 .p-description small,
.page-price .plan5 .p-description small,
.page-price .plan6 .p-description small {
  height: 70px
}

@media screen and (max-width:768px) {

  .page-price .plan4 .p-description,
  .page-price .plan5 .p-description,
  .page-price .plan6 .p-description {
    height: 230px
  }

  .page-price .plan1 .p-description small,
  .page-price .plan2 .p-description small,
  .page-price .plan3 .p-description small,
  .page-price .plan4 .p-description small,
  .page-price .plan5 .p-description small,
  .page-price .plan6 .p-description small {
    height: 100px
  }
}

@media screen and (max-width:399px) {

  .page-price .plan4 h2,
  .page-price .plan5 h2,
  .page-price .plan6 h2 {
    font-size: .8rem
  }

  .page-price .plan4 h2 span,
  .page-price .plan5 h2 span,
  .page-price .plan6 h2 span {
    font-size: inherit !important
  }

  .page-price .plan4 .p-description,
  .page-price .plan5 .p-description,
  .page-price .plan6 .p-description {
    height: 280px
  }

  .page-price .plan1 .p-description small,
  .page-price .plan2 .p-description small,
  .page-price .plan3 .p-description small,
  .page-price .plan4 .p-description small,
  .page-price .plan5 .p-description small,
  .page-price .plan6 .p-description small {
    height: 150px
  }
}

.lang-en.page-price .plan1 h2,
.lang-en.page-price .plan2 h2,
.lang-en.page-price .plan3 h2,
.lang-en.page-price .plan5 h2,
.lang-en.page-price .plan4 h2,
.lang-en.page-price .plan6 h2 {
  height: 170px
}

.lang-en.page-price .plan1 .p-detail,
.lang-en.page-price .plan2 .p-detail,
.lang-en.page-price .plan3 .p-detail,
.lang-en.page-price .plan4 .p-detail,
.lang-en.page-price .plan5 .p-detail,
.lang-en.page-price .plan6 .p-detail {
  height: 364px
}

.lang-en.page-price .plan1 .p-description,
.lang-en.page-price .plan2 .p-description,
.lang-en.page-price .plan3 .p-description,
.lang-en.page-price .plan4 .p-description,
.lang-en.page-price .plan5 .p-description,
.lang-en.page-price .plan6 .p-description {
  height: 160px
}

@media screen and (max-width:768px) {

  .lang-en.page-price .plan1 .p-description,
  .lang-en.page-price .plan2 .p-description,
  .lang-en.page-price .plan3 .p-description,
  .lang-en.page-price .plan4 .p-description,
  .lang-en.page-price .plan5 .p-description,
  .lang-en.page-price .plan6 .p-description {
    height: 14vh
  }
}

@media screen and (max-width:399px) {

  .lang-en.page-price .plan1 .p-description,
  .lang-en.page-price .plan2 .p-description,
  .lang-en.page-price .plan3 .p-description,
  .lang-en.page-price .plan4 .p-description,
  .lang-en.page-price .plan5 .p-description,
  .lang-en.page-price .plan6 .p-description {
    height: 40vh
  }
}

.lang-en.page-price .plan1 h2,
.lang-en.page-price .plan2 h2,
.lang-en.page-price .plan3 h2,
.lang-en.page-price .plan4 h2,
.lang-en.page-price .plan5 h2,
.lang-en.page-price .plan6 h2 {
  height: 130px
}

.lang-en.page-price .plan1 .p-description,
.lang-en.page-price .plan2 .p-description,
.lang-en.page-price .plan3 .p-description,
.lang-en.page-price .plan4 .p-description,
.lang-en.page-price .plan5 .p-description,
.lang-en.page-price .plan6 .p-description {
  height: auto
}

.lang-en.page-price .plan1 .p-description small,
.lang-en.page-price .plan2 .p-description small,
.lang-en.page-price .plan3 .p-description small,
.lang-en.page-price .plan4 .p-description small,
.lang-en.page-price .plan5 .p-description small,
.lang-en.page-price .plan6 .p-description small {
  height: 100px
}

.lang-en.page-price .plan1 .p-description span,
.lang-en.page-price .plan2 .p-description span,
.lang-en.page-price .plan3 .p-description span,
.lang-en.page-price .plan4 .p-description span,
.lang-en.page-price .plan5 .p-description span,
.lang-en.page-price .plan6 .p-description span {
  height: 110px
}

@media screen and (max-width:768px) {

  .lang-en.page-price .plan1 .p-description small,
  .lang-en.page-price .plan2 .p-description small,
  .lang-en.page-price .plan3 .p-description small,
  .lang-en.page-price .plan4 .p-description small,
  .lang-en.page-price .plan5 .p-description small,
  .lang-en.page-price .plan6 .p-description small {
    height: 24vh
  }

  .lang-en.page-price .plan1 .p-description span,
  .lang-en.page-price .plan2 .p-description span,
  .lang-en.page-price .plan3 .p-description span,
  .lang-en.page-price .plan4 .p-description span,
  .lang-en.page-price .plan5 .p-description span,
  .lang-en.page-price .plan6 .p-description span {
    height: 20vh
  }
}

@media screen and (max-width:399px) {

  .lang-en.page-price .plan1 .p-price_text,
  .lang-en.page-price .plan2 .p-price_text,
  .lang-en.page-price .plan3 .p-price_text,
  .lang-en.page-price .plan4 .p-price_text,
  .lang-en.page-price .plan5 .p-price_text,
  .lang-en.page-price .plan6 .p-price_text {
    height: 18vh
  }

  .lang-en.page-price .plan1 .p-description small,
  .lang-en.page-price .plan2 .p-description small,
  .lang-en.page-price .plan3 .p-description small,
  .lang-en.page-price .plan4 .p-description small,
  .lang-en.page-price .plan5 .p-description small,
  .lang-en.page-price .plan6 .p-description small {
    height: 50vh
  }

  .lang-en.page-price .plan1 .p-description span,
  .lang-en.page-price .plan2 .p-description span,
  .lang-en.page-price .plan3 .p-description span,
  .lang-en.page-price .plan4 .p-description span,
  .lang-en.page-price .plan5 .p-description span,
  .lang-en.page-price .plan6 .p-description span {
    height: 36vh
  }
}

.page-corporate_member .p-features .c-col {
  width: 25%
}

.page-corporate_member .p-features .c-col .p-text h4 {
  text-align: center;
  margin-bottom: 20px
}

@media screen and (max-width:768px) {
  .page-corporate_member .p-features .c-col {
    width: 100%
  }

  .page-corporate_member .p-features .c-col .p-img {
    width: 45%
  }

  .page-corporate_member .p-features .c-col .p-text {
    width: 50%
  }

  .page-corporate_member .p-features .c-col .p-text h4 {
    text-align: left;
    margin-bottom: 0
  }
}

@media screen and (min-width:769px) {
  .page-corporate_member .p-plan .p-col:first-of-type {
    margin-right: 20px
  }
}

@media screen and (max-width:768px) {
  .page-corporate_member .p-plan .p-col:first-of-type {
    margin-right: 2%
  }
}

.page-corporate_member .p-plan .plan1 {
  border: 1px solid #7b8bdb
}

.page-corporate_member .p-plan .plan1 h2 {
  background-color: #7b8bdb
}

.page-corporate_member .p-plan .plan1 hr {
  border-top: 1px solid #7b8bdb;
  width: 95%
}

.page-corporate_member .p-plan .plan2 {
  border: 1px solid #414a7a
}

.page-corporate_member .p-plan .plan2 h2 {
  background-color: #414a7a
}

.page-corporate_member .p-plan .plan2 hr {
  border-top: 1px solid #414a7a;
  width: 95%
}

.page-corporate_member .p-table td,
.page-corporate_member .p-table th {
  text-align: center
}

.page-corporate_member .p-performances h4 {
  font-weight: 700
}

.page-corporate_member .p-performances .flex-space-between-md .p-img,
.page-manners .five_rules.flex-space-between-md .p-img {
  -webkit-order: 10;
  order: 10
}

@media screen and (max-width:768px) {
  .page-use .tab {
    width: 98vw
  }
}

@media screen and (min-width:769px) {
  .page-use .tab {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: stretch;
    align-items: stretch
  }
}

.page-use .tab li {
  background-color: #fff;
  border: 1px solid #ce3733;
  width: 100%;
  border-radius: 5px;
  margin-bottom: 10px
}

@media screen and (min-width:769px) {
  .page-use .tab li {
    margin-right: 20px
  }
}

.page-use .tab li.active {
  background-color: #ce3733
}

.page-use .tab li.active a {
  color: #fff
}

.page-use .tab li a {
  display: block;
  text-align: center;
  font-size: .9rem;
  color: #ce3733;
  padding: 20px 45px;
  background: none;
  border: none;
  width: 497px;
  height: 73px;
  line-height: 1.2;
  cursor: pointer
}

@media screen and (max-width:768px) {
  .page-use .tab li a {
    font-size: 4vw
  }
}

.page-use h2 {
  color: #253848;
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 20px
}

@media screen and (min-width:769px) {
  .page-use h2 {
    margin-bottom: 30px
  }
}

.page-use .step-box {
  background-color: #253848;
  margin-right: 10px;
  padding: 5px 10px;
  color: #fff;
  font-weight: 700
}

.page-use .bike-icon_right {
  width: 250px;
  margin-left: 10px;
  margin-bottom: 40px
}

@media screen and (min-width:769px) {
  .page-use .bike-icon_right {
    width: 560px;
    margin-left: 50px
  }
}

@media screen and (min-width:769px) {
  .page-use .step-flex {
    display: flex;
    flex-wrap: wrap
  }
}

.page-use .step-column {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start
}

@media screen and (min-width:769px) {
  .page-use .step-column {
    width: 50%
  }
}

@media screen and (min-width:769px) {
  .page-use .step-column .step-text {
    margin-right: 40px
  }
}

.page-use .point-box {
  background-color: #e8eaec;
  border: 1px solid #253848;
  margin-right: 10px;
  padding: 5px 10px
}

@media screen and (min-width:769px) {
  .page-use .point-column {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start
  }

  .page-use .point-column .point-image {
    order: 1
  }
}

@media screen and (min-width:769px) and (min-width:769px) {
  .page-use .point-column .point-image {
    margin-right: 50px
  }
}

@media screen and (min-width:769px) {
  .page-use .point-column .point-text {
    width: 640px;
    order: 2
  }
}

.page-use .aqua-blue {
  background-color: #00dbed;
  text-align: center;
  padding: 10px
}

@media screen and (min-width:769px) {
  .page-use .aqua-blue {
    padding: 20px
  }
}

.page-use .strong {
  color: #ca0029
}

.page-use .bold {
  font-size: 18px;
  font-weight: 700
}

.page-use .js-page_use-tab_contents {
  display: none
}

.page-use .js-page_use-tab_contents.active {
  display: block
}

.page-use .acc {
  background-color: #e8eaec;
  display: inline-block;
  padding: 0.5rem 1rem;
  cursor: pointer;
}

.page-use .acc .icon {
  width: 30px;
  height: 30px;
  display: none;
}

.accordion {
  margin: 2em 0;
}

.accordion_summary {
  display: flex;
  align-items: center;
  background: #e8eaec;
  font-weight: bold;
  font-size: 16px;
  list-style: none;
  /* 矢印を消す */
  cursor: pointer;
  padding: 10px 38px 10px 10px;
  position: relative;
}

.accordion_summary .image {
  width: 75px;
  margin-right: 1rem;
}

.accordion_summary::-webkit-details-marker {
  display: none;
}

.accordion_summary::after {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  background-image: url('/assets/img/common/page/use/common/plus.svg');
  background-size: 30px;
  display: block;
  width: 30px;
  height: 30px;
  content: '';
}

.accordion[open] .accordion_summary::after {
  background-image: url('/assets/img/common/page/use/common/minus.svg');
}

.accordion_detail {
  padding: 4px 10px;
  margin: 10px 0;
}

.accordion_text {
  margin: 0;
}

@media screen and (max-width:768px) {
  .accordion_summary .image {
    margin-right: 2rem;
    max-width: 60px;
  }
}

.page-about .c-h1 .p-img {
  display: block;
  width: 160px;
  margin: 0 auto 10px
}

@media screen and (max-width:768px) {
  .page-about .c-h1 .p-img {
    width: 89px
  }
}

.page-about .main-visual .p-text {
  text-align: center
}

@media screen and (min-width:769px) {
  .page-about .main-visual {
    position: relative;
    margin-bottom: 20px
  }

  .page-about .main-visual .p-text {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%
  }
}

@media screen and (max-width:768px) {
  .page-about .main-visual .p-text {
    padding-top: 10px
  }
}

.page-about .point .c-col .p-img {
  margin-bottom: 1rem
}

@media screen and (min-width:769px) {
  .page-about .point .c-col {
    width: 20%;
    height: 400px
  }
}

@media screen and (max-width:768px) {
  .page-about .point .c-col .p-img {
    width: 45%
  }

  .page-about .point .c-col .p-text {
    width: 55%;
    padding: 2rem 1rem
  }

  .page-about .point .c-col .p-body,
  .page-about .point .c-col h4 {
    text-align: left
  }

  .page-about .point .c-col:nth-of-type(2n) .p-img {
    -webkit-order: 2;
    order: 2;
    margin-right: -1rem
  }

  .page-about .point .c-col:nth-of-type(odd) .p-img {
    margin-left: -1rem
  }
}

.page-provision section {
  margin-bottom: 20px
}

.page-provision h2 {
  text-align: left;
  margin-bottom: 20px !important
}

.page-provision p {
  margin-bottom: 10px
}

.page-provision ol {
  list-style: decimal;
  padding-left: 1.5rem
}

.page-provision dd,
.page-provision ol li {
  margin-bottom: 10px
}

.page-provision dd ul {
  margin: 10px
}

.page-provision dd ul li {
  margin-bottom: 5px
}

.page-information-detail-index .component-breadcrumb .top {
  display: none
}

.p-img a {
  height: 55px
}

.p-img a img {
  height: 100%;
  width: auto
}

.p-qa-categories li {
  width: 30%;
  margin-bottom: 1rem
}

.p-qa-categories li a {
  display: block;
  border: 1px solid #ca0029;
  color: #ca0029;
  font-size: 14px;
  text-align: center;
  padding: 1rem 0;
  -webkit-transition: all .5s ease-in-out !important;
  transition: all .5s ease-in-out !important
}

.p-qa-categories li a:hover {
  color: #fff;
  background-color: #ca0029;
  opacity: 1 !important
}

@media screen and (max-width:768px) {
  .p-qa-categories {
    width: 92%;
    margin: 0 auto
  }

  .p-qa-categories li {
    width: 48%
  }
}

.page-login_link h3 {
  font-weight: 700
}

.page-link .content .service-area {
  background-color: #f1f6f7
}

.layout-pc .page-link .content .service-area {
  margin-top: 0 !important
}

.layout-pc .page-link .content .service-area,
.layout-pc .page-link .content .service-area2,
.layout-pc .page-link .content .service-area3 {
  padding: 35px 30px 40px
}

.layout-pc .page-link .content .component-section li {
  margin: 36px 8px 0
}

.layout-sp .page-link .content .service-area,
.layout-sp .page-link .content .service-area2,
.layout-sp .page-link .content .service-area3 {
  padding: 4.347826086956522% 4.347826086956522% 5.072463768115942%
}

.page-ic-registration .p-flow strong span {
  color: #253848;
  display: inline-block;
  width: 20px;
  font-size: 1.2rem;
  text-align: center
}

@media screen and (max-width:768px) {
  .page-ic-registration .tab {
    width: 98vw
  }
}

@media screen and (min-width:769px) {
  .page-ic-registration .tab {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: stretch;
    align-items: stretch
  }
}

.page-ic-registration .tab li {
  background-color: #fff;
  border: 1px solid #ce3733;
  width: 100%;
  border-radius: 5px;
  margin-bottom: 10px
}

@media screen and (min-width:769px) {
  .page-ic-registration .tab li {
    margin-right: 20px
  }
}

.page-ic-registration .tab li.active {
  background-color: #ce3733
}

.page-ic-registration .tab li.active a {
  color: #fff
}

.page-ic-registration .tab li a {
  display: block;
  text-align: center;
  font-size: .9rem;
  color: #ce3733;
  padding: 20px 45px;
  background: none;
  border: none;
  width: 497px;
  height: 73px;
  line-height: 1.2;
  cursor: pointer
}

@media screen and (max-width:768px) {
  .page-ic-registration .tab li a {
    font-size: 4vw
  }
}

.page-ic-registration h2 {
  color: #253848;
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 20px
}

@media screen and (min-width:769px) {
  .page-ic-registration h2 {
    margin-bottom: 30px
  }
}

.page-ic-registration .step-box_app {
  color: #707070;
  background-color: #e8eaec;
  margin-right: 10px;
  padding: 5px 10px
}

.page-ic-registration .step-box_web {
  background-color: #253848;
  margin-right: 10px;
  padding: 5px 10px;
  color: #fff;
  font-weight: 700
}

.page-ic-registration .bike-icon_right {
  width: 250px;
  margin-left: 10px;
  margin-bottom: 20px
}

@media screen and (min-width:769px) {
  .page-ic-registration .bike-icon_right {
    width: 560px;
    margin-left: 50px
  }
}

.page-ic-registration .point-box {
  background-color: #e8eaec;
  border: 1px solid #253848;
  margin-right: 10px;
  padding: 5px 10px
}

@media screen and (min-width:769px) {
  .page-ic-registration .point-column {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start
  }

  .page-ic-registration .point-column .point-image {
    order: 1
  }
}

@media screen and (min-width:769px) and (min-width:769px) {
  .page-ic-registration .point-column .point-image {
    margin-right: 50px
  }
}

@media screen and (min-width:769px) {
  .page-ic-registration .point-column .point-text {
    width: 640px;
    order: 2
  }
}

.page-ic-registration .aqua-blue {
  background-color: #00dbed;
  text-align: center;
  padding: 10px
}

@media screen and (min-width:769px) {
  .page-ic-registration .aqua-blue {
    padding: 20px
  }
}

.page-ic-registration .bold {
  font-size: 18px;
  font-weight: 700
}

.page-ic-registration .js-page_ic-registration-tab_contents {
  display: none
}

.page-ic-registration .js-page_ic-registration-tab_contents.active {
  display: block
}



.page-1day .description-box {
  background-color: #f1f6f7;
  width: 100%;
}

.page-1day .description-box .inner {
  margin: 0rem auto;
  padding: 3rem 0
}

.page-1day .font-big {
  font-size: 1.20rem;
}

.page-1day .pass-howto {
  max-width: 1280px;
}

@media screen and (min-width: 769px) {
  .page-1day .font-big {
    font-size: 1.70rem;
  }

  .page-1day .pass-howto .font-size-4 {
    font-size: 20px;
  }

  .page-1day .area {
    background-color: #f1f6f7;
    padding: 1rem
  }
}

.page-1day .gray {
  color: #707070
}

@media screen and (max-width: 768px) {
  .page-1day .img1 {
    max-width: 328px;
    margin: 0 auto;
  }

  .page-1day .img2 {
    max-width: 277px;
    margin: 0 auto;
  }
}

.layout-sp .app-section .outer {
  width: 92vw
}

@media screen and (min-width:769px) {
  .app-section {
    padding-top: 2rem;
  }

  .layout-pc .app-section .outer {
    width: 550px !important;
    padding: 0 !important;
  }

  .layout-pc .app-section .description {
    padding: 0;
  }
}

/*# cotact_us追加*/

@media screen and (max-width:768px) {
  .page-contact_us .tab {
    width: 98vw
  }
}

@media screen and (min-width:769px) {
  .page-contact_us .tab {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: stretch;
    align-items: stretch
  }
}

.page-contact_us .tab li {
  background-color: #fff;
  border: 1px solid #ce3733;
  width: 100%;
  border-radius: 5px;
  margin-bottom: 10px
}

@media screen and (min-width:769px) {
  .page-contact_us .tab li {
    margin-right: 20px
  }
}

.page-contact_us .tab li.active {
  background-color: #ce3733
}

.page-contact_us .tab li.active a {
  color: #fff
}

.page-contact_us .tab li a {
  display: block;
  text-align: center;
  font-size: .9rem;
  color: #ce3733;
  padding: 20px 45px;
  background: none;
  border: none;
  width: 497px;
  height: 73px;
  line-height: 1.2;
  cursor: pointer
}

@media screen and (max-width:768px) {
  .page-contact_us .tab li a {
    font-size: 4vw
  }
}

.page-contact_us h2 {
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 20px
}

@media screen and (min-width:769px) {
  .page-contact_us h2 {
    margin-bottom: 30px
  }
}

.page-contact_us .step-box {
  background-color: #253848;
  margin-right: 10px;
  padding: 5px 10px;
  color: #fff;
  font-weight: 700
}

.page-contact_us .bike-icon_right {
  width: 250px;
  margin-left: 10px;
  margin-bottom: 40px
}

@media screen and (min-width:769px) {
  .page-contact_us .bike-icon_right {
    width: 560px;
    margin-left: 50px
  }
}

@media screen and (min-width:769px) {
  .page-contact_us .step-flex {
    display: flex;
    flex-wrap: wrap
  }
}

.page-contact_us .step-column {
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start
}

@media screen and (min-width:769px) {
  .page-contact_us .step-column {
    width: 50%
  }
}

@media screen and (min-width:769px) {
  .page-contact_us .step-column .step-text {
    margin-right: 40px
  }
}

.page-contact_us .point-box {
  background-color: #e8eaec;
  border: 1px solid #253848;
  margin-right: 10px;
  padding: 5px 10px
}

@media screen and (min-width:769px) {
  .page-contact_us .point-column {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start
  }

  .page-contact_us .point-column .point-image {
    order: 1
  }
}

@media screen and (min-width:769px) and (min-width:769px) {
  .page-contact_us .point-column .point-image {
    margin-right: 50px
  }
}

@media screen and (min-width:769px) {
  .page-contact_us .point-column .point-text {
    width: 640px;
    order: 2
  }
}

.page-contact_us .aqua-blue {
  background-color: #00dbed;
  text-align: center;
  padding: 10px
}

@media screen and (min-width:769px) {
  .page-contact_us .aqua-blue {
    padding: 20px
  }
}

.page-contact_us .strong {
  color: #ca0029
}

.page-contact_us .bold {
  font-size: 18px;
  font-weight: 700
}

.page-contact_us .js-page_use-tab_contents {
  display: none
}

.page-contact_us .js-page_use-tab_contents.active {
  display: block
}

/*# introduction 追加*/

@media screen and (max-width:768px) {
  .page-introduction .tab {
    width: 98vw
  }
}

@media screen and (min-width:769px) {
  .page-introduction .tab {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: stretch;
    align-items: stretch
  }
}

.page-introduction .tab li {
  background-color: #fff;
  border: 1px solid #ce3733;
  width: 100%;
  border-radius: 5px;
  margin-bottom: 10px
}

@media screen and (min-width:769px) {
  .page-introduction .tab li {
    margin-right: 20px
  }
}

.page-introduction .tab li.active {
  background-color: #ce3733
}

.page-introduction .tab li.active a {
  color: #fff
}

.page-introduction .tab li a {
  display: block;
  text-align: center;
  font-size: .9rem;
  color: #ce3733;
  padding: 20px 45px;
  background: none;
  border: none;
  width: 497px;
  height: 73px;
  line-height: 1.2;
  cursor: pointer
}

@media screen and (max-width:768px) {
  .page-introduction .tab li a {
    font-size: 4vw
  }
}

.page-introduction h2 {
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 20px
}

@media screen and (min-width:769px) {
  .page-introduction h2 {
    margin-bottom: 30px
  }
}

.page-introduction .step-box {
  background-color: #253848;
  margin-right: 10px;
  padding: 5px 10px;
  color: #fff;
  font-weight: 700
}

.page-introduction .bike-icon_right {
  width: 250px;
  margin-left: 10px;
  margin-bottom: 40px
}

@media screen and (min-width:769px) {
  .page-introduction .bike-icon_right {
    width: 560px;
    margin-left: 50px
  }
}

@media screen and (min-width:769px) {
  .page-introduction .step-flex {
    display: flex;
    flex-wrap: wrap
  }
}

.page-introduction .step-column {
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start
}

@media screen and (min-width:769px) {
  .page-introduction .step-column {
    width: 50%
  }
}

@media screen and (min-width:769px) {
  .page-introduction .step-column .step-text {
    margin-right: 40px
  }
}

.page-introduction .point-box {
  background-color: #e8eaec;
  border: 1px solid #253848;
  margin-right: 10px;
  padding: 5px 10px
}

@media screen and (min-width:769px) {
  .page-introduction .point-column {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start
  }

  .page-introduction .point-column .point-image {
    order: 1
  }
}

@media screen and (min-width:769px) and (min-width:769px) {
  .page-introduction .point-column .point-image {
    margin-right: 50px
  }
}

@media screen and (min-width:769px) {
  .page-introduction .point-column .point-text {
    width: 640px;
    order: 2
  }
}

.page-introduction .aqua-blue {
  background-color: #00dbed;
  text-align: center;
  padding: 10px
}

@media screen and (min-width:769px) {
  .page-introduction .aqua-blue {
    padding: 20px
  }
}

.page-introduction .strong {
  color: #ca0029
}

.page-introduction .bold {
  font-size: 18px;
  font-weight: 700
}

.page-introduction .js-page_use-tab_contents {
  display: none
}

.page-introduction .js-page_use-tab_contents.active {
  display: block
}

/* youtube */
.youtube {
  width: 95%;
  /* 横幅変更 */
  padding: 0;
  box-sizing: border-box;
}

.youtube .inner {
  padding-top: 56.25%;
  position: relative;
  height: 0;
  overflow: hidden;
}

.youtube .inner iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;

}

.p-ico-box{
  gap:50px;
  margin-bottom: 100px;
}
.p-icon-port_more50 {
  padding: 0 0 30px 60px !important;
  background: url(/assets/img/common/page/use/common/port_more50.svg) no-repeat 0 0;
  background-size: 30px auto
}
.p-icon-port_more25 {
  padding: 0 0 30px 60px !important;
  background: url(/assets/img/common/page/use/common/port_more25.svg) no-repeat 0 0;
  background-size: 30px auto
}
.p-icon-port_less25 {
  padding: 0 0 30px 60px !important;
  background: url(/assets/img/common/page/use/common/port_less25.png) no-repeat 0 0;
  background-size: 30px auto
}
.p-icon-port_os {
  padding: 30px 0 30px 60px !important;
  background: url(/assets/img/common/page/use/common/os.svg) no-repeat 0 30px;
  background-size: 30px auto;
}
.p-icon-port_impossible_rent {
  padding: 0 0 0 60px !important;
  background: url(/assets/img/common/page/use/common/impossible_rent.png) no-repeat 0 0;
  background-size: 30px auto
}
.p-icon-port_close {
  padding: 0 0 30px 60px !important;
  background: url(/assets/img/common/page/use/common/close.svg) no-repeat 0 0;
  background-size: 30px auto
}
.p-icon-port_recharge {
  padding: 0 0 30px 60px !important;
  background: url(/assets/img/common/page/use/common/recharge.svg) no-repeat 0 0;
  background-size: 30px auto
}
.p-icon-port_base {
  padding: 0 0 0 60px !important;
  background: url(/assets/img/common/page/use/common/base.svg) no-repeat 0 0;
  background-size: 30px auto
}

/* 返却可能 */
.p-icon-port_possible {
  padding: 0 0 30px 60px !important;
  background: url(/assets/img/common/page/use/common/possible.svg) no-repeat 0 0;
  background-size: 30px auto
}
.p-icon-port_possible_50 {
  padding: 0 0 30px 60px !important;
  background: url(/assets/img/common/page/use/common/possible_more50.svg) no-repeat 0 0;
  background-size: 30px auto
}
.p-icon-port_possible_more25 {
  padding: 0 0 0 60px !important;
  background: url(/assets/img/common/page/use/common/possible_more25.png) no-repeat 0 0;
  background-size: 30px auto
}
.p-icon-port_possible_less25 {
  padding: 0 0 30px 60px !important;
  background: url(/assets/img/common/page/use/common/possible_less25.png) no-repeat 0 0;
  background-size: 30px auto
}
.p-icon-port_impossible_return {
  padding: 0 0 0 60px !important;
  background: url(/assets/img/common/page/use/common/impossible_return.png) no-repeat 0 0;
  background-size: 30px auto
}

/* ポートのピンの下のアイコン */
.p-icon-port_time {
  padding: 0 0 0 60px !important;
  background: url(/assets/img/common/page/use/common/port_time.svg) no-repeat 0 0;
  background-size: 30px auto
}
.p-icon-port_return {
  padding: 0 0 0 60px !important;
  background: url(/assets/img/common/page/use/common/port_return.svg) no-repeat 0 0;
 background-size: 30px auto;
}

/* バッテリー */
.p-icon-battery-all{
  padding: 0 0 0 60px !important;
  background: url(/assets/img/common/page/use/common/battery.png) no-repeat 0 0;
  background-size: 30px auto

}

.p-icon-battery{
width: 100%;
background-image: url(../images/battery_high.svg?2c41e0a241613a9e049d601b6af81506),
url(../images/battery_middle.svg?635e16e6395d4fae78fe95ddadb3c6ce),
url(../images/battery_low.svg?e1d3c23988c8441d8f3cbb32e6b03e6a),
url(/images/battery_empty.svg?9890eb39eec44f91a7ffbb762193b61b);
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
background-size: 30px auto;
background-position: top 0 left, top 15px left, top 30px left, top 45px left;
padding: 0 0 20px 60px !important
}


/* ホームについて */
.about_home{
flex-wrap:wrap;
gap:50px;
}
.about_home .p-mb{
width: calc(100% - 25px);

}

.about_home .p-home-description{
width: calc(100% - 25px);
}

.about_home .p-home-description dd{
margin-bottom: 50px;
}