@charset "UTF-8";

.felica_pocket blockquote,
.felica_pocket code,
.felica_pocket dd,
.felica_pocket div,
.felica_pocket dl,
.felica_pocket dt,
.felica_pocket fieldset,
.felica_pocket figcaption,
.felica_pocket figure,
.felica_pocket footer,
.felica_pocket form,
.felica_pocket h1,
.felica_pocket h2,
.felica_pocket h3,
.felica_pocket h4,
.felica_pocket h5,
.felica_pocket h6,
.felica_pocket header,
.felica_pocket input,
.felica_pocket legend,
.felica_pocket li,
.felica_pocket nav,
.felica_pocket ol,
.felica_pocket p,
.felica_pocket pre,
.felica_pocket section,
.felica_pocket td,
.felica_pocket textarea,
.felica_pocket th,
.felica_pocket time,
.felica_pocket ul {
  margin: 0;
  padding: 0
}

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

.felica_pocket fieldset,
.felica_pocket img {
  border: 0
}

.felica_pocket address,
.felica_pocket caption,
.felica_pocket cite,
.felica_pocket code,
.felica_pocket dfn,
.felica_pocket em,
.felica_pocket strong,
.felica_pocket th,
.felica_pocket var {
  font-style: normal;
  font-weight: 400
}

.felica_pocket ol,
.felica_pocket ul {
  list-style: none
}

.felica_pocket caption,
.felica_pocket th {
  text-align: left
}

.felica_pocket h1,
.felica_pocket h2,
.felica_pocket h3,
.felica_pocket h4,
.felica_pocket h5,
.felica_pocket h6 {
  font-weight: 400
}

.felica_pocket q:after,
.felica_pocket q:before {
  content: ''
}

.felica_pocket abbr,
.felica_pocket acronym {
  border: 0;
  font-variant: normal
}

.felica_pocket sup {
  vertical-align: text-top
}

.felica_pocket sub {
  vertical-align: text-bottom
}

.felica_pocket input,
.felica_pocket select,
.felica_pocket textarea {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  *font-size: 100%
}

.felica_pocket legend {
  color: #000
}

.felica_pocket #yui3-css-stamp.cssreset {
  display: none
}

.felica_pocket a,
.felica_pocket article,
.felica_pocket aside,
.felica_pocket blockquote,
.felica_pocket dd,
.felica_pocket div,
.felica_pocket dl,
.felica_pocket dt,
.felica_pocket em,
.felica_pocket figcaption,
.felica_pocket figure,
.felica_pocket h1,
.felica_pocket h2,
.felica_pocket h3,
.felica_pocket h4,
.felica_pocket h5,
.felica_pocket h6,
.felica_pocket li,
.felica_pocket ol,
.felica_pocket p,
.felica_pocket section,
.felica_pocket span,
.felica_pocket time,
.felica_pocket ul {
  box-sizing: border-box
}

.felica_pocket sup {
  vertical-align: super
}

.felica_pocket img {
  display: block
}

.felica_pocket input[type=text],
.felica_pocket input[type=submit] {
  -webkit-appearance: none;
  border-radius: 0
}

#tmpl_content {
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Helvetica, 'メイリオ', Meiryo, sans-serif
}

#tmpl_main {
  width: 100%
}

.felica_pocket {
  color: #4d4d4d;
  font-size: .875rem;
  line-height: 1.9
}

.felica_pocket .mt-0 {
  margin-top: 0
}

.felica_pocket .mb-0 {
  margin-bottom: 0
}

.felica_pocket .ml-0 {
  margin-left: 0
}

.felica_pocket .mr-0 {
  margin-right: 0
}

.felica_pocket .pt-0 {
  padding-top: 0
}

.felica_pocket .pb-0 {
  padding-bottom: 0
}

.felica_pocket .pl-0 {
  padding-left: 0
}

.felica_pocket .pr-0 {
  padding-right: 0
}

.felica_pocket .mt-5 {
  margin-top: 5px
}

.felica_pocket .mb-5 {
  margin-bottom: 5px
}

.felica_pocket .ml-5 {
  margin-left: 5px
}

.felica_pocket .mr-5 {
  margin-right: 5px
}

.felica_pocket .pt-5 {
  padding-top: 5px
}

.felica_pocket .pb-5 {
  padding-bottom: 5px
}

.felica_pocket .pl-5 {
  padding-left: 5px
}

.felica_pocket .pr-5 {
  padding-right: 5px
}

.felica_pocket .mt-10 {
  margin-top: 10px
}

.felica_pocket .mb-10 {
  margin-bottom: 10px
}

.felica_pocket .ml-10 {
  margin-left: 10px
}

.felica_pocket .mr-10 {
  margin-right: 10px
}

.felica_pocket .pt-10 {
  padding-top: 10px
}

.felica_pocket .pb-10 {
  padding-bottom: 10px
}

.felica_pocket .pl-10 {
  padding-left: 10px
}

.felica_pocket .pr-10 {
  padding-right: 10px
}

.felica_pocket .mt-15 {
  margin-top: 15px
}

.felica_pocket .mb-15 {
  margin-bottom: 15px
}

.felica_pocket .ml-15 {
  margin-left: 15px
}

.felica_pocket .mr-15 {
  margin-right: 15px
}

.felica_pocket .pt-15 {
  padding-top: 15px
}

.felica_pocket .pb-15 {
  padding-bottom: 15px
}

.felica_pocket .pl-15 {
  padding-left: 15px
}

.felica_pocket .pr-15 {
  padding-right: 15px
}

.felica_pocket .mt-20 {
  margin-top: 20px
}

.felica_pocket .mb-20 {
  margin-bottom: 20px
}

.felica_pocket .ml-20 {
  margin-left: 20px
}

.felica_pocket .mr-20 {
  margin-right: 20px
}

.felica_pocket .pt-20 {
  padding-top: 20px
}

.felica_pocket .pb-20 {
  padding-bottom: 20px
}

.felica_pocket .pl-20 {
  padding-left: 20px
}

.felica_pocket .pr-20 {
  padding-right: 20px
}

.felica_pocket .mt-25 {
  margin-top: 25px
}

.felica_pocket .mb-25 {
  margin-bottom: 25px
}

.felica_pocket .ml-25 {
  margin-left: 25px
}

.felica_pocket .mr-25 {
  margin-right: 25px
}

.felica_pocket .pt-25 {
  padding-top: 25px
}

.felica_pocket .pb-25 {
  padding-bottom: 25px
}

.felica_pocket .pl-25 {
  padding-left: 25px
}

.felica_pocket .pr-25 {
  padding-right: 25px
}

.felica_pocket .mt-30 {
  margin-top: 30px
}

.felica_pocket .mb-30 {
  margin-bottom: 30px
}

.felica_pocket .ml-30 {
  margin-left: 30px
}

.felica_pocket .mr-30 {
  margin-right: 30px
}

.felica_pocket .pt-30 {
  padding-top: 30px
}

.felica_pocket .pb-30 {
  padding-bottom: 30px
}

.felica_pocket .pl-30 {
  padding-left: 30px
}

.felica_pocket .pr-30 {
  padding-right: 30px
}

.felica_pocket .mt-35 {
  margin-top: 35px
}

.felica_pocket .mb-35 {
  margin-bottom: 35px
}

.felica_pocket .ml-35 {
  margin-left: 35px
}

.felica_pocket .mr-35 {
  margin-right: 35px
}

.felica_pocket .pt-35 {
  padding-top: 35px
}

.felica_pocket .pb-35 {
  padding-bottom: 35px
}

.felica_pocket .pl-35 {
  padding-left: 35px
}

.felica_pocket .pr-35 {
  padding-right: 35px
}

.felica_pocket .mt-40 {
  margin-top: 40px
}

.felica_pocket .mb-40 {
  margin-bottom: 40px
}

.felica_pocket .ml-40 {
  margin-left: 40px
}

.felica_pocket .mr-40 {
  margin-right: 40px
}

.felica_pocket .pt-40 {
  padding-top: 40px
}

.felica_pocket .pb-40 {
  padding-bottom: 40px
}

.felica_pocket .pl-40 {
  padding-left: 40px
}

.felica_pocket .pr-40 {
  padding-right: 40px
}

.felica_pocket .mt-45 {
  margin-top: 45px
}

.felica_pocket .mb-45 {
  margin-bottom: 45px
}

.felica_pocket .ml-45 {
  margin-left: 45px
}

.felica_pocket .mr-45 {
  margin-right: 45px
}

.felica_pocket .pt-45 {
  padding-top: 45px
}

.felica_pocket .pb-45 {
  padding-bottom: 45px
}

.felica_pocket .pl-45 {
  padding-left: 45px
}

.felica_pocket .pr-45 {
  padding-right: 45px
}

.felica_pocket .mt-50 {
  margin-top: 50px
}

.felica_pocket .mb-50 {
  margin-bottom: 50px
}

.felica_pocket .ml-50 {
  margin-left: 50px
}

.felica_pocket .mr-50 {
  margin-right: 50px
}

.felica_pocket .pt-50 {
  padding-top: 50px
}

.felica_pocket .pb-50 {
  padding-bottom: 50px
}

.felica_pocket .pl-50 {
  padding-left: 50px
}

.felica_pocket .pr-50 {
  padding-right: 50px
}

.felica_pocket .mt-55 {
  margin-top: 55px
}

.felica_pocket .mb-55 {
  margin-bottom: 55px
}

.felica_pocket .ml-55 {
  margin-left: 55px
}

.felica_pocket .mr-55 {
  margin-right: 55px
}

.felica_pocket .pt-55 {
  padding-top: 55px
}

.felica_pocket .pb-55 {
  padding-bottom: 55px
}

.felica_pocket .pl-55 {
  padding-left: 55px
}

.felica_pocket .pr-55 {
  padding-right: 55px
}

.felica_pocket .mt-60 {
  margin-top: 60px
}

.felica_pocket .mb-60 {
  margin-bottom: 60px
}

.felica_pocket .ml-60 {
  margin-left: 60px
}

.felica_pocket .mr-60 {
  margin-right: 60px
}

.felica_pocket .pt-60 {
  padding-top: 60px
}

.felica_pocket .pb-60 {
  padding-bottom: 60px
}

.felica_pocket .pl-60 {
  padding-left: 60px
}

.felica_pocket .pr-60 {
  padding-right: 60px
}

.felica_pocket .mt-65 {
  margin-top: 65px
}

.felica_pocket .mb-65 {
  margin-bottom: 65px
}

.felica_pocket .ml-65 {
  margin-left: 65px
}

.felica_pocket .mr-65 {
  margin-right: 65px
}

.felica_pocket .pt-65 {
  padding-top: 65px
}

.felica_pocket .pb-65 {
  padding-bottom: 65px
}

.felica_pocket .pl-65 {
  padding-left: 65px
}

.felica_pocket .pr-65 {
  padding-right: 65px
}

.felica_pocket .mt-70 {
  margin-top: 70px
}

.felica_pocket .mb-70 {
  margin-bottom: 70px
}

.felica_pocket .ml-70 {
  margin-left: 70px
}

.felica_pocket .mr-70 {
  margin-right: 70px
}

.felica_pocket .pt-70 {
  padding-top: 70px
}

.felica_pocket .pb-70 {
  padding-bottom: 70px
}

.felica_pocket .pl-70 {
  padding-left: 70px
}

.felica_pocket .pr-70 {
  padding-right: 70px
}

.felica_pocket .mt-75 {
  margin-top: 75px
}

.felica_pocket .mb-75 {
  margin-bottom: 75px
}

.felica_pocket .ml-75 {
  margin-left: 75px
}

.felica_pocket .mr-75 {
  margin-right: 75px
}

.felica_pocket .pt-75 {
  padding-top: 75px
}

.felica_pocket .pb-75 {
  padding-bottom: 75px
}

.felica_pocket .pl-75 {
  padding-left: 75px
}

.felica_pocket .pr-75 {
  padding-right: 75px
}

.felica_pocket .mt-80 {
  margin-top: 80px
}

.felica_pocket .mb-80 {
  margin-bottom: 80px
}

.felica_pocket .ml-80 {
  margin-left: 80px
}

.felica_pocket .mr-80 {
  margin-right: 80px
}

.felica_pocket .pt-80 {
  padding-top: 80px
}

.felica_pocket .pb-80 {
  padding-bottom: 80px
}

.felica_pocket .pl-80 {
  padding-left: 80px
}

.felica_pocket .pr-80 {
  padding-right: 80px
}

.felica_pocket .mt-85 {
  margin-top: 85px
}

.felica_pocket .mb-85 {
  margin-bottom: 85px
}

.felica_pocket .ml-85 {
  margin-left: 85px
}

.felica_pocket .mr-85 {
  margin-right: 85px
}

.felica_pocket .pt-85 {
  padding-top: 85px
}

.felica_pocket .pb-85 {
  padding-bottom: 85px
}

.felica_pocket .pl-85 {
  padding-left: 85px
}

.felica_pocket .pr-85 {
  padding-right: 85px
}

.felica_pocket .mt-90 {
  margin-top: 90px
}

.felica_pocket .mb-90 {
  margin-bottom: 90px
}

.felica_pocket .ml-90 {
  margin-left: 90px
}

.felica_pocket .mr-90 {
  margin-right: 90px
}

.felica_pocket .pt-90 {
  padding-top: 90px
}

.felica_pocket .pb-90 {
  padding-bottom: 90px
}

.felica_pocket .pl-90 {
  padding-left: 90px
}

.felica_pocket .pr-90 {
  padding-right: 90px
}

.felica_pocket .mt-95 {
  margin-top: 95px
}

.felica_pocket .mb-95 {
  margin-bottom: 95px
}

.felica_pocket .ml-95 {
  margin-left: 95px
}

.felica_pocket .mr-95 {
  margin-right: 95px
}

.felica_pocket .pt-95 {
  padding-top: 95px
}

.felica_pocket .pb-95 {
  padding-bottom: 95px
}

.felica_pocket .pl-95 {
  padding-left: 95px
}

.felica_pocket .pr-95 {
  padding-right: 95px
}

.felica_pocket .mt-100 {
  margin-top: 100px
}

.felica_pocket .mb-100 {
  margin-bottom: 100px
}

.felica_pocket .ml-100 {
  margin-left: 100px
}

.felica_pocket .mr-100 {
  margin-right: 100px
}

.felica_pocket .pt-100 {
  padding-top: 100px
}

.felica_pocket .pb-100 {
  padding-bottom: 100px
}

.felica_pocket .pl-100 {
  padding-left: 100px
}

.felica_pocket .pr-100 {
  padding-right: 100px
}

.felica_pocket a {
  display: inline-block;
  color: #0B66C1;
  text-decoration: none;
  -webkit-transition: .15s;
  transition: .15s
}

.felica_pocket a:hover {
  color: #0A5CAE;
  text-decoration: underline
}

.felica_pocket a.fade:hover {
  opacity: .7
}

.felica_pocket a.btn-a,
.felica_pocket a.btn-d {
  position: relative;
  padding: 16px 20px 17px 20px;
  background-color: #0A5CAE;
  border-radius: 2px;
  box-shadow: inset 0 -4px 0 rgba(0, 0, 0, .2);
  color: #fff;
  line-height: 1;
  text-decoration: none !important;
  -webkit-transition: background .15s;
  transition: background .15s;
  white-space: nowrap
}
@media screen and (max-width: 639px) {
  .felica_pocket a.btn-a,
  .felica_pocket a.btn-d {
    width: 100%;
    margin-bottom: 15px;
    text-align: center;
  }
}
.felica_pocket a.btn-a:hover,
.felica_pocket a.btn-d:hover {
  background-color: #489ef5
}

.felica_pocket a.btn-a:active,
.felica_pocket a.btn-d:active {
  background-color: #0A5CAE
}

.felica_pocket a.btn-a.bg-gray,
.felica_pocket a.btn-d.bg-gray {
  background-color: #999
}

.felica_pocket a.btn-a.bg-gray:hover,
.felica_pocket a.btn-d.bg-gray:hover {
  background-color: gray
}

.felica_pocket a.btn-a.n,
.felica_pocket a.btn-d.n {
  margin-left: 10px
}
@media screen and (max-width: 639px) {
  .felica_pocket a.btn-a.n,
  .felica_pocket a.btn-d.n {
    margin-left: 0px
  }
}
.felica_pocket a.btn-a .arr,
.felica_pocket a.btn-a .arr-b,
.felica_pocket a.btn-d .arr,
.felica_pocket a.btn-d .arr-b {
  position: relative;
  display: inline-block;
  padding-left: 20px
}

.felica_pocket a.btn-a .arr-b:before,
.felica_pocket a.btn-a .arr:before,
.felica_pocket a.btn-d .arr-b:before,
.felica_pocket a.btn-d .arr:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 13px;
  height: 12px;
  background: url(../images/common/ico_arrow_13.png) no-repeat 50% 50%
}

.felica_pocket a.btn-a .arr-b:before,
.felica_pocket a.btn-d .arr-b:before {
  background-image: url(../images/common/ico_arrow_16.png)
}

.felica_pocket a.btn-b {
  width: 445px;
  padding: 6px 20px;
  background-color: #0A5CAE;
  border-radius: 2px;
  box-shadow: inset 0 -4px 0 rgba(0, 0, 0, .2);
  color: #fff;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  -webkit-transition: background .15s;
  transition: background .15s
}

.felica_pocket a.btn-b.gray {
  background-color: #666
}

.felica_pocket a.btn-b.gray:hover {
  background-color: gray
}

.felica_pocket a.btn-b .ico {
  position: relative;
  display: inline-block;
  height: 58px;
  padding-top: 19px;
  padding-left: 72px
}

.felica_pocket a.btn-b .ico.no {
  padding-left: 0
}

.felica_pocket a.btn-b .ico:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 58px;
  height: 58px;
  background: no-repeat 50% 50%
}

.felica_pocket a.btn-b .ico.arr {
  padding-left: 20px
}

.felica_pocket a.btn-b .ico.arr:before {
  width: 13px;
  background: url(../images/common/ico_arrow_13.png) no-repeat 0 50%
}

.felica_pocket a.btn-b .ico.ico-a:before {
  background-image: url(../images/use_case/ico_a_01.png)
}

.felica_pocket a.btn-b .ico.ico-b:before {
  background-image: url(../images/use_case/ico_a_02.png)
}

.felica_pocket a.btn-b .ico.ico-c:before {
  background-image: url(../images/use_case/ico_a_03.png)
}

.felica_pocket a.btn-b .ico.ico-d:before {
  background-image: url(../images/use_case/ico_a_04.png)
}

.felica_pocket a.btn-b .ico.ico-e:before {
  background-image: url(../images/use_case/ico_a_05.png)
}

.felica_pocket a.btn-b:hover {
  text-decoration: none;
  background-color: #489ef5
}

.felica_pocket a.btn-c {
  display: inline-block;
  width: 100%;
  padding: 10px 0;
  background-color: #0A5CAE;
  border-radius: 2px;
  color: #fff;
  line-height: 1.3;
  text-align: center;
  -webkit-transition: background .15s;
  transition: background .15s
}

.felica_pocket a.btn-c span {
  padding-left: 20px;
  background: url(../images/common/ico_arrow_11.png) no-repeat 0 50%
}

.felica_pocket a.btn-c:hover {
  text-decoration: none;
  background-color: #489ef5
}

.felica_pocket a.btn-d {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 72px;
  font-size: .9375rem;
  font-weight: 700;
  background: #0B66C1 url(../images/common/ico_footer_02_04.png) 50% 4px no-repeat
}

.felica_pocket a.btn-d.ico-a {
  background-image: url(../images/common/ico_footer_02_01.png)
}

.felica_pocket a.btn-d.ico-b {
  background-image: url(../images/common/ico_footer_02_02.png)
}

.felica_pocket a.btn-d.ico-c {
  background-image: url(../images/common/ico_footer_02_03.png)
}

.felica_pocket small {
  font-size: 85%
}

.felica_pocket sup {
  font-size: 60%
}

.felica_pocket .c-black {
  color: #4d4d4d
}

.felica_pocket .c-blue {
  color: #0A5CAE
}

.felica_pocket .c-red {
  color: #e52e2e
}

.felica_pocket .c-gray {
  color: gray
}

.felica_pocket .c-g-light {
  color: #999
}

.felica_pocket .c-dark {
  color: #333
}

.felica_pocket .bg-blue {
  background-color: #0A5CAE
}

.felica_pocket .bg-g-dark {
  background-color: #e6e6e6
}

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

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

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

.felica_pocket .lh-n {
  line-height: 1.6
}

.felica_pocket .lh-nn {
  line-height: 1.35
}

.felica_pocket img.d-ib {
  margin-left: 2px;
  margin-right: 2px;
  display: inline-block;
  vertical-align: middle
}

.felica_pocket .file-pdf {
  display: inline-block;
  width: 18px;
  height: 0;
  padding-top: 24px;
  overflow: hidden;
  line-height: 2;
  margin-left: 7px;
  margin-top: -5px;
  vertical-align: middle;
  background: url(../images/common/ico_file_01.png) no-repeat 0 0
}

.felica_pocket ul.cmn li+li {
  margin-top: 5px
}

.felica_pocket ul.disc {
  padding-left: 22px;
  text-indent: -.1em;
  line-height: 1.4
}

.felica_pocket ul.disc>li {
  list-style-type: disc
}

.felica_pocket ul.disc>li+li {
  margin-top: 10px
}

.felica_pocket ul.att>li {
  line-height: 1.4
}

.felica_pocket ul.att>li .mark {
  float: left
}

.felica_pocket ul.att>li .body {
  margin-left: 25px
}

.felica_pocket ul.att li+li {
  margin-top: 10px
}

.felica_pocket ul.ann {
  margin-top: 15px;
  font-size: .75rem;
  line-height: 1.41667
}

.felica_pocket ul.ann.mt-no {
  margin-top: .5em
}

.felica_pocket ul.ann.bdt {
  padding-top: 30px;
  border-top: 1px solid #b3b3b3
}

.felica_pocket ul.ann>li .mark {
  float: left
}

.felica_pocket ul.ann>li .colon {
  float: left
}

.felica_pocket ul.ann>li .colon:after {
  content: '：'
}

.felica_pocket ul.ann>li .body {
  margin-left: 1.5em
}

.felica_pocket ul.ann>li .body.a {
  margin-left: 2.5em
}

.felica_pocket ul.ann>li+li {
  margin-top: 5px
}

.felica_pocket ul.check>li {
  padding-left: 27px;
  background: url(../images/common/ico_check_01.png) no-repeat 0 5px;
  font-size: 1rem;
  line-height: 1.375
}

.felica_pocket ul.check>li+li {
  margin-top: 20px
}

.felica_pocket ol.dec {
  padding-left: 25px
}

.felica_pocket ol.dec>li {
  list-style-type: decimal
}

.felica_pocket ol.dec.sp_mg li+li {
  margin-top: 20px
}

.felica_pocket ol.dec.cmn li+li {
  margin-top: 5px
}

.felica_pocket ol.rom {
  padding-left: 25px
}

.felica_pocket ol.rom>li {
  list-style-type: lower-roman
}

.felica_pocket ol.rom li+li {
  margin-top: 10px
}

.felica_pocket dl.cols.pl-no dd {
  padding-left: 0
}

.felica_pocket dl.cols dt {
  float: left;
  clear: both
}

.felica_pocket dl.cols dt.colon:after {
  content: '：'
}

.felica_pocket dl.cols dd {
  padding-left: 100px
}

.felica_pocket dl.cols dd.pl-n {
  padding-left: 120px
}

.felica_pocket dl.cols.cmn {
  line-height: 1.4
}

.felica_pocket dl.cols.cmn dt~dd,
.felica_pocket dl.cols.cmn dt~dt {
  margin-top: 8px
}

.felica_pocket dl.cols.sep dd~dd,
.felica_pocket dl.cols.sep dt~dt {
  padding-top: 9px;
  border-top: 1px solid #d6d6d6
}

.felica_pocket figure.fl-r {
  margin-left: 35px;
  margin-bottom: 10px;
  float: right
}

.felica_pocket figure.fl-l {
  margin-right: 35px;
  margin-bottom: 10px;
  float: left
}

.felica_pocket figure.ta-c img {
  display: inline-block
}

.felica_pocket figure.fig {
  position: relative;
  width: 100%;
  text-align: center
}

.felica_pocket figure.fig img {
  display: inline-block
}

.felica_pocket figure.fig.a {
  background-color: #e6e6e6;
  border-radius: 5px;
  padding: 30px 0
}

.felica_pocket figure.fig figcaption {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: left
}

.felica_pocket figure.fig figcaption>* {
  position: absolute;
  display: block;
  width: auto
}

.felica_pocket table {
  width: 100%
}

.felica_pocket table.cmn td,
.felica_pocket table.cmn th {
  padding: 20px;
  line-height: 1.5
}

.felica_pocket table.cmn td.blue,
.felica_pocket table.cmn th.blue {
  background-color: #0A5CAE;
  color: #fff
}

.felica_pocket table.cmn th em {
  display: block;
  color: #0A5CAE;
  font-size: 1.125rem
}

.felica_pocket table.cmn th img {
  display: inline-block
}

.felica_pocket table.cmn td+td,
.felica_pocket table.cmn th+td,
.felica_pocket table.cmn th+th {
  border-left: 1px solid #d6d6d6
}

.felica_pocket table.cmn.frame {
  background-color: #f7f7f7
}

.felica_pocket table.cmn.frame td,
.felica_pocket table.cmn.frame th {
  padding: 15px;
  border: 1px solid #d6d6d6
}

.felica_pocket table.cmn.frame tbody tr:nth-child(odd) {
  background-color: #ededed
}

.felica_pocket table.cmn.frame tbody th {
  font-size: .875rem
}

.felica_pocket table.cmn thead tr th {
  text-align: center
}

.felica_pocket table.cmn thead tr th.ta-l {
  text-align: left
}

.felica_pocket table.cmn tbody tr:nth-child(odd) {
  background-color: #F2F2F2
}

.felica_pocket table.cmn tbody th {
  font-size: 1rem
}

.felica_pocket table.cmn tbody td {
  position: relative
}

.felica_pocket table.cmn tbody td .ttl {
  color: #333;
  font-size: 1rem
}

.felica_pocket table.cmn tbody .ico {
  position: absolute;
  bottom: 15px;
  right: 15px
}

.felica_pocket .fl-l {
  float: left
}

.felica_pocket .fl-r {
  float: right
}

.felica_pocket .btns-a {
  padding: 20px 0
}
@media screen and (max-width: 639px) {
  .felica_pocket .btns-a {
    padding: 20px 0 10px;
  }
}
.felica_pocket .btns-a .inner {
  width: 950px;
  margin: 0 auto;
  text-align: center
}
@media screen and (max-width: 639px) {
	.felica_pocket .btns-a .inner {
		width: auto;
		margin: 0 15px;
    text-align: left;
	}
}
.felica_pocket .btns-a .inner .nav {
  margin-top: 8px;
  margin-bottom: 8px
}

.felica_pocket .btns-b {
  padding: 28px 0 23px 0;
  background-color: #0A5CAE;
  text-align: center
}

.felica_pocket .btns-b a {
  display: inline-block;
  padding-right: 38px;
  background: url(../images/common/ico_arrow_03.png) no-repeat right 50%;
  color: #fff;
  font-size: 1.125rem;
  line-height: 1;
  text-decoration: none !important
}

.felica_pocket .btns-b a span {
  padding-left: 30px;
  background: url(../images/common/ico_a_01.png) no-repeat 0 50%
}

.felica_pocket .btns-b a:hover {
  color: #fff;
  text-decoration: underline !important
}

.felica_pocket .btns-c {
  padding: 25px 0 30px 0
}

.felica_pocket .btns-c ul.inner {
  zoom: 1
}

.felica_pocket .btns-c ul.inner:after {
  display: block;
  clear: both;
  content: ""
}

.felica_pocket .btns-c ul.inner li {
  float: left;
  text-align: center
}

.felica_pocket .btns-c ul.inner li .ttl {
  margin-bottom: 15px;
  color: #333;
  font-size: 1.125rem;
  line-height: 1.3
}

.felica_pocket .btns-c ul.inner li+li {
  margin-left: 10px
}

.felica_pocket .cols {
  zoom: 1
}

.felica_pocket .cols:after {
  display: block;
  clear: both;
  content: ""
}

.felica_pocket .cols.three .col {
  width: 298px;
  float: left;
  border: 1px solid #d6d6d6;
  background-color: #fff
}
@media screen and (max-width: 639px) {
  .felica_pocket .cols.three .col {
    width: auto;
    margin-bottom: 20px;
    float: none;
  }
  .felica_pocket .cols.three .col > p{
    background: #7C91A6;
  }
  .felica_pocket .cols.three .col > p img{
    margin: auto;
  }
}
.felica_pocket .cols.three .col .inner {
  padding: 19px
}

.felica_pocket .cols.three .col .ttl {
  margin-bottom: 8px;
  color: #333;
  font-size: 1.0625rem;
  font-weight: 700;
  line-height: 1.41176
}

.felica_pocket .cols.three .col .txt {
  line-height: 1.42857
}

.felica_pocket .cols.three .col .link {
  margin-top: 8px
}

.felica_pocket .cols.three .col+.col {
  margin-left: 25px
}
@media screen and (max-width: 639px) {
  .felica_pocket .cols.three .col+.col {
    margin-left: 0px
  }
}
.felica_pocket .cols-download {
  zoom: 1
}

.felica_pocket .cols-download:after {
  display: block;
  clear: both;
  content: ""
}

.felica_pocket .cols-download .box-white {
  width: 435px;
  margin-top: 30px;
  float: left
}

.felica_pocket .cols-download .box-white .ttl {
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #d6d6d6
}

.felica_pocket .cols-download .box-white .ttl .sub {
  margin-top: 8px;
  margin-left: 18px;
  font-size: .8125rem
}

.felica_pocket .cols-download .box-white:nth-child(even) {
  margin-left: 30px
}

.felica_pocket .a-arr {
  padding-left: 18px;
  background: url(../images/common/ico_arrow_02.png) no-repeat 0 3px;
  line-height: 1.3
}

.felica_pocket .a-arr.gray {
  background-image: url(../images/common/ico_arrow_12.png)
}

.felica_pocket .a-arr.fz-s {
  background-position: 0 1px;
  font-size: .8125rem
}

.felica_pocket .a-arr.fz-m {
  background-position: 0 3px;
  font-size: .9375rem
}

.felica_pocket .a-arr.fz-l {
  background-position: 0 4px;
  font-size: 1rem
}

.felica_pocket .a-arr.fz-ll {
  background-position: 0 7px;
  font-size: 1.25rem
}

.felica_pocket .a-arr.bg-white {
  padding: 6px 7px 4px 25px;
  background-color: #fff;
  background-position: 7px 7px;
  border-radius: 2px
}

.felica_pocket .a-arr .brckt {
  position: relative;
  display: inline-block;
  margin-left: 5px;
  padding-left: 8px;
  padding-right: 8px
}

.felica_pocket .a-arr .brckt:after,
.felica_pocket .a-arr .brckt:before {
  content: '';
  position: absolute;
  display: block;
  top: 2px;
  width: 3px;
  height: 14px;
  background: url(../images/common/ico_bracket_01_01.png) no-repeat 0 0
}

.felica_pocket .a-arr .brckt:before {
  left: 0
}

.felica_pocket .a-arr .brckt:after {
  right: 0;
  background-image: url(../images/common/ico_bracket_01_02.png)
}

.felica_pocket .a-arr-b {
  padding-left: 12px;
  line-height: 1.3;
  background: url(../images/common/ico_arrow_15.png) no-repeat 0 4px
}

.felica_pocket .a-arr-b.fz-s {
  background-position: 0 2px;
  font-size: .8125rem
}

.felica_pocket .block {
  position: relative;
  width: 100%
}
@media screen and (max-width: 639px) {
	.felica_pocket .block {
		width: auto;
	  }
}
.felica_pocket .block a {
  text-decoration: underline
}

.felica_pocket .block a:hover {
  text-decoration: none
}

.felica_pocket .block.bdt {
  border-top: 1px solid #b3b3b3
}

.felica_pocket .block.ttl-head-sub {
  border-bottom: 1px solid #e6e6e6
}

.felica_pocket .block.ttl-head-sub.bdb-no {
  border-bottom: none
}

.felica_pocket .block.ttl-head-sub .h3 {
  margin-bottom: 5px;
  color: #0A5CAE;
  font-size: 1.625rem
}

.felica_pocket .block.ttl-head-sub p {
  font-size: 1rem;
  line-height: 1.875
}

.felica_pocket .block.ttl-head-sub p+p {
  margin-top: 10px
}

.felica_pocket .block.bg-blue {
  color: #fff;
  background-color: #0A5CAE
}

.felica_pocket .block.bg-gray {
  background-color: #F2F2F2
}

.felica_pocket .block.bg-graydark {
  background-color: #e6e6e6
}

.felica_pocket .block .p-cmn {
  zoom: 1
}

.felica_pocket .block .p-cmn:after {
  display: block;
  clear: both;
  content: ""
}

.felica_pocket .block .p-cmn p+p {
  margin-top: 10px
}

.felica_pocket .block .mt {
  margin-top: 30px
}

.felica_pocket .block .mt-n {
  margin-top: 20px
}

.felica_pocket .block .mt-w {
  margin-top: 40px
}

.felica_pocket .block .mb {
  margin-bottom: 30px
}

.felica_pocket .block .mb-n {
  margin-bottom: 20px
}

.felica_pocket .block .mb-w {
  margin-bottom: 40px
}

.felica_pocket .wrap {
  position: relative;
  width: 950px;
  margin: 0 auto
}
@media screen and (max-width: 639px) {
	.felica_pocket .wrap {
		width: auto;
		margin: 0 10px;
	}
}
.felica_pocket .wrap.w-n {
  width: 900px
}

.felica_pocket .wrap.w-nn {
  width: 780px
}

.felica_pocket .wrap.w-nnn {
  width: 390px
}

.felica_pocket .wrap.pd-v-a {
  padding-top: 45px;
  padding-bottom: 60px
}
@media screen and (max-width: 639px) {
  .felica_pocket .wrap.pd-v-a {
    padding-bottom: 30px
  }
}
.felica_pocket .wrap.pd-v-b {
  padding-top: 60px;
  padding-bottom: 60px
}
@media screen and (max-width: 639px) {
  .felica_pocket .wrap.pd-v-b {
    padding-top: 30px;
    padding-bottom: 30px
  }
}
.felica_pocket .wrap.pd-v-c {
  padding-top: 25px;
  padding-bottom: 25px
}

.felica_pocket .wrap.pd-v-d {
  padding-top: 40px;
  padding-bottom: 40px
}

.felica_pocket .wrap.pd-v-e {
  padding-top: 10px;
  padding-bottom: 10px
}

.felica_pocket .wrap.pd-v-ttl {
  width: 940px;
  padding-top: 80px;
  padding-bottom: 90px;
  background-repeat: no-repeat;
  background-position: right 50%
}

.felica_pocket .wrap.pd-v-ttl.ml {
  padding-top: 61px;
  padding-bottom: 71px
}

.felica_pocket .wrap.pd-v-ttl.inquiry {
  background-image: url(../images/inquiry/bg_ttl_01.png)
}

.felica_pocket .wrap.pd-v-ttl.case {
  background-image: url(../images/use_case/bg_ttl_01.png)
}

.felica_pocket .wrap.pd-v-ttl.features {
  background-image: url(../images/features/bg_ttl_01.png)
}

.felica_pocket .wrap.pd-v-ttl.flow {
  background-image: url(../images/flow/bg_ttl_01.png)
}

.felica_pocket .wrap.pd-v-ttl.tech {
  background-image: url(../images/technical/bg_ttl_01.png)
}

.felica_pocket .wrap.pd-v-ttl.faq {
  background-image: url(../images/faq/bg_ttl_01.png)
}

.felica_pocket .wrap.pd-v-ttl.sitemap {
  background-image: url(../images/sitemap/bg_ttl_01.png)
}

.felica_pocket .wrap.pd-h-a {
  width: 900px
}
@media screen and (max-width: 639px) {
	.felica_pocket .wrap.pd-h-a {
		width: auto;
	}
}
.felica_pocket .alert {
  padding-left: 44px;
  padding-top: 40px;
  padding-bottom: 40px;
  background: url(../images/common/ico_alert_01.png) 0 36px no-repeat
}

.felica_pocket .box-gray {
  padding: 28px;
  background: #F2F2F2;
  border: 1px solid #d6d6d6
}

.felica_pocket .box-gray.pd-w {
  padding: 39px
}

.felica_pocket .box-gray .ttl {
  margin-bottom: 10px;
  color: #333;
  font-size: 1.25rem;
  line-height: 1.2
}

.felica_pocket .box-gray .btns {
  margin-top: 15px
}

.felica_pocket .box-white {
  padding: 20px;
  background-color: #fff;
  border: 1px solid #b3b3b3
}

.felica_pocket .box-white .ttl {
  margin-bottom: 18px;
  color: #0A5CAE;
  font-size: 1.125rem;
  line-height: 1.22222
}

.felica_pocket .box-white.pd-w {
  padding: 59px
}

.felica_pocket .box-white.pd-check {
  padding: 40px 30px
}

.felica_pocket .box-white.sppl {
  margin: 40px auto 0 auto;
  width: 780px;
  padding: 39px
}

.felica_pocket .box-white.sppl.mt-n {
  margin-top: 20px
}

.felica_pocket .box-white.sppl.mt-nn {
  margin-top: 0
}

.felica_pocket .box-white.sppl .pack .txt {
  margin-top: 5px;
  padding-left: 18px
}

.felica_pocket .box-white.irr {
  width: 100%
}

.felica_pocket .box-wrap {
  margin-top: 40px;
  border-top: 1px solid #b3b3b3
}

.felica_pocket .fw-n {
  font-weight: 400
}

.felica_pocket .fw-b {
  font-weight: 700
}

.felica_pocket .fz-10 {
  font-size: .625rem
}

.felica_pocket .fz-12 {
  font-size: .75rem
}

.felica_pocket .fz-13 {
  font-size: .8125rem;
  line-height: 1.69231
}

.felica_pocket .fz-14 {
  font-size: .875rem
}

.felica_pocket .fz-16 {
  font-size: 1rem
}

.felica_pocket .fz-18 {
  font-size: 1.125rem
}

.felica_pocket .fz-h2 {
  color: #fff;
  font-size: 2rem;
  line-height: 1.2
}

.felica_pocket .h3-cmn {
  margin-bottom: 40px;
  color: #0A5CAE;
  font-size: 1.875rem;
  line-height: 1.13333
}

.felica_pocket .h3-cmn span {
  display: block;
  margin-bottom: 15px;
  font-size: .625rem;
  font-weight: 700;
  line-height: 1
}

.felica_pocket .h3-cmn.gray {
  color: #4d4d4d
}

.felica_pocket .h4-cmn {
  margin-top: 40px;
  margin-bottom: 25px;
  color: #333;
  font-size: 1.375rem;
  line-height: 1.27273
}

.felica_pocket .h4-cmn.sep {
  padding-top: 40px;
  border-top: 1px solid #d6d6d6
}

.felica_pocket .h4-cmn.mt-no {
  margin-top: 0
}

.felica_pocket .h5-cmn {
  margin-top: 30px;
  margin-bottom: 15px;
  color: #333;
  font-size: 1.125rem;
  line-height: 1.33333
}

.felica_pocket .related {
  padding-top: 25px;
  padding-bottom: 55px;
  background-color: #F2F2F2
}

.felica_pocket .related .ttl {
  margin-bottom: 15px;
  font-size: 1.25rem
}

.felica_pocket .related ul {
  display: inline-block;
  margin: 0 25px;
  zoom: 1
}

.felica_pocket .related ul:after {
  display: block;
  clear: both;
  content: ""
}

.felica_pocket .related ul.cols-4 li {
  width: 207px
}

.felica_pocket .related ul.cols-3 li {
  width: 284px
}

.felica_pocket .related ul.cols-2 li {
  width: 438px
}

.felica_pocket .related ul li {
  line-height: 1.28571;
  float: left
}

.felica_pocket .related ul li a {
  display: block;
  height: 125px;
  padding-top: 92px;
  text-decoration: underline;
  border: 1px solid #d6d6d6;
  background: url(../images/common/ico_footer_01_00.png) no-repeat center 16px;
  background-color: #fff;
  -webkit-transition: all .15s;
  transition: all .15s
}

.felica_pocket .related ul li a.ml {
  padding-top: 84px
}

.felica_pocket .related ul li a.ico-a-a {
  background-image: url(../images/common/ico_footer_01_01.png)
}

.felica_pocket .related ul li a.ico-a-b {
  background-image: url(../images/common/ico_footer_01_02.png)
}

.felica_pocket .related ul li a.ico-a-c {
  background-image: url(../images/common/ico_footer_01_03.png)
}

.felica_pocket .related ul li a.ico-b {
  background-image: url(../images/common/ico_footer_02_00.png)
}

.felica_pocket .related ul li a.ico-b-a {
  background-image: url(../images/common/ico_footer_02_01.png)
}

.felica_pocket .related ul li a.ico-b-b {
  background-image: url(../images/common/ico_footer_02_02.png)
}

.felica_pocket .related ul li a.ico-b-c {
  background-image: url(../images/common/ico_footer_02_03.png)
}

.felica_pocket .related ul li a.ico-b-d {
  background-image: url(../images/common/ico_footer_02_04.png)
}

.felica_pocket .related ul li a.ico-c {
  background-image: url(../images/common/ico_footer_03_00.png)
}

.felica_pocket .related ul li a.ico-c-a {
  background-image: url(../images/common/ico_footer_03_01.png)
}

.felica_pocket .related ul li a.ico-c-b {
  background-image: url(../images/common/ico_footer_03_02.png)
}

.felica_pocket .related ul li a.ico-c-c {
  background-image: url(../images/common/ico_footer_03_03.png)
}

.felica_pocket .related ul li a.ico-d {
  background-image: url(../images/common/ico_footer_04_00.png)
}

.felica_pocket .related ul li a.ico-d-a {
  background-image: url(../images/common/ico_footer_04_01.png)
}

.felica_pocket .related ul li a.ico-d-b {
  background-image: url(../images/common/ico_footer_04_02.png)
}

.felica_pocket .related ul li a.ico-d-c {
  background-image: url(../images/common/ico_footer_04_03.png)
}

.felica_pocket .related ul li a.ico-d-d {
  background-image: url(../images/common/ico_footer_04_04.png)
}

.felica_pocket .related ul li a.ico-e {
  background-image: url(../images/common/ico_footer_05_00.png)
}

.felica_pocket .related ul li a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #0A5CAE;
  border-color: #0A5CAE
}

.felica_pocket .related ul li+li {
  margin-left: 24px
}

.felica_pocket .partner-offer {
  padding-top: 45px;
  padding-bottom: 55px
}

.felica_pocket .partner-offer .box-gray {
  padding: 40px
}

.felica_pocket .partner-offer .box-gray .fl-l {
  margin-top: -5px
}

.felica_pocket .partner-offer .box-gray .ttl {
  color: #0A5CAE
}

.felica_pocket .ttl-band {
  padding: 15px 0 13px;
  background-color: #666;
}

.felica_pocket .ttl-band .inn {
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.3
}

.felica_pocket .h3 {
  color: #0A5CAE;
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1.2
}
@media screen and (max-width: 639px) {
  .felica_pocket .h3 {
    font-size: 1.575rem;
  }
  .felica_pocket .h3 br{
    display: none;
  }
}
.felica_pocket .h3 .en {
  display: block;
  margin-bottom: 12px;
  color: #666;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1
}

.felica_pocket .h3.h3-b {
  margin-bottom: 25px
}

.felica_pocket .h3-c {
  margin-top:60px;
  margin-bottom: 60px;
}

/* about
----------------------------------*/
.about{
  background: #0B66C1;
}
.about .inner{
  width: 950px;
  margin: 0 auto;
  padding: 30px 0;
  display: grid;
  grid-template: repeat(1, 1fr) / repeat(2, 1fr);
  gap: 30px;
  align-items: center;
}
@media screen and (max-width: 639px) {
  .about .inner{
    width: auto;
    margin: 0 15px;
    grid-template: repeat(1, 1fr) / repeat(1, 1fr);
  }
}
.about .inner .about_content{
  color: #fff;
}
.about .inner .about_content > h2{
  margin-bottom: 40px;
  font-size: 2.375rem;
  line-height: 1.21053;
  font-weight: 700;
  text-indent: -.5em;
  margin-left: .5em;
}
@media screen and (max-width: 639px) {
  .about .inner .about_content > h2{
    margin-bottom: 20px;
  }
}
.about .inner .about_content > p{
  font-size: .8125rem;
}
.about .inner .about_content > p:first-of-type{
  margin-bottom: 10px;
}
@media screen and (max-width: 639px) {
  .about .inner .about_content > p br{
    display: none;
  }
}
.about .inner .about_img img{
  max-width: 100%;
  margin: auto;
}

/* about end
----------------------------------*/
#about {
  zoom: 1
}

#about:after {
  /* display: block;
  clear: both;
  content: "" */
}

#about .l {
  width: 445px;
  padding: 75px 0 90px
}
@media screen and (max-width: 639px) {
	#about .l {
		width: auto;
	  }
}
#about .l h2 {
  margin-bottom: 40px;
  font-size: 2.375rem;
  line-height: 1.21053;
  font-weight: 700;
  text-indent: -.5em;
  margin-left: .5em
}

#about .l p {
  font-size: .8125rem
}

#about .l p+p {
  margin-top: 10px
}

#about .r {
  position: absolute;
  right: 0;
  top: 50%;
  width: 475px;
  height: 400px;
  margin-top: -200px;
  background: url(../images/home/img_a_01.png) no-repeat 0 0
}
@media screen and (max-width: 639px) {
	#about .r {
    width: 100%;
		position: static;
		top: 0%;
		height: auto;
		margin-top: 0px;
	}
}
#about .r ul li {
  position: absolute;
  font-size: .6875rem;
  line-height: 1.45455
}

#about .r ul li.n1 {
  left: 30px;
  top: 29px;
  text-align: right
}

#about .r ul li.n2 {
  left: 375px;
  top: 50px
}

#about .r ul li.n3 {
  left: 380px;
  top: 232px
}

#about .r ul li.n4 {
  left: 313px;
  top: 352px
}

#about .r ul li.n5 {
  left: 147px;
  top: 382px
}

#about .r ul li.n6 {
  left: 9px;
  top: 318px;
  text-align: center
}

#about .r ul li.n7 {
  left: -10px;
  top: 177px;
  text-align: center
}

#feature .h3 {
  margin-bottom: 45px;
  text-align: center
}

#cards .pd-v-b {
  background: url(../images/home/img_c_01.png) no-repeat 575px 50%
}
@media screen and (max-width: 639px) {
  #cards .pd-v-b {
    background: none;
  }
}
#cards .txt {
  width: 505px
}
@media screen and (max-width: 639px) {
	#cards .txt {
		width: auto;
	  }
}
#cards .txt span {
	margin-right:30px;
}
#cards .cards_img_sp{
  display: none;
}
@media screen and (max-width: 639px) {
  #cards .cards_img_sp{
    margin: 15px auto;
    text-align: center;
    display: block;
  }
  #cards .cards_img_sp img{
    max-width: 60%;
    margin: auto;
  }
}
#problem .wrap {
  padding-left: 450px;
  background: url(../images/home/img_d_01.png) no-repeat 0 50%
}
#cards2 .pd-v-b {
  background: url(../images/home/img_c_01.png) no-repeat 575px 50%
}
@media screen and (max-width: 639px) {
  #cards2 .pd-v-b {
    background: none;
  }
}
#cards2 .txt {
  width: 505px
}
@media screen and (max-width: 639px) {
	#cards2 .txt {
		width: auto;
	  }
}
#cards2 .txt span {
	margin-right:30px;
}
#cards2 .cards_img_sp{
  display: none;
}
@media screen and (max-width: 639px) {
  #cards2 .cards_img_sp{
    margin: 15px auto;
    text-align: center;
    display: block;
  }
  #cards2 .cards_img_sp img{
    max-width: 60%;
    margin: auto;
  }
}
#problem .wrap {
  padding-left: 450px;
  background: url(../images/home/img_d_01.png) no-repeat 0 50%
}
@media (max-width:949px) {
  #problem .wrap {
    background: 0 0
  }
}
@media screen and (max-width: 639px) {
	#problem .wrap {
		padding-left: 0px;
    background: none;
	}
}
#problem .disc,
#problem .txt {
  width: 475px
}
@media screen and (max-width: 639px) {
  #problem .disc,
  #problem .txt {
    width: auto;
  }
}
#problem .problem_img_sp{
  display: none;
}
@media screen and (max-width: 639px) {
  #problem .problem_img_sp{
    margin: 15px auto 25px;
    text-align: center;
    display: block;
  }
  #problem .problem_img_sp img{
    max-width: 60%;
    margin: auto;
  }
}

#tech .wrap {
  background: url(../images/home/img_e_01.png) no-repeat 525px 50%
}
@media screen and (max-width: 639px) {
  #tech .wrap {
    background: none;
  }
}
#tech .txt {
  width: 475px
}
@media screen and (max-width: 639px) {
	#tech .txt {
		width: auto;
	  }
}
#tech .tech_img_sp{
  display: none;
}
@media screen and (max-width: 639px) {
  #tech .tech_img_sp{
    margin: 15px auto 25px;
    text-align: center;
    display: block;
  }
  #tech .tech_img_sp img{
    max-width: 60%;
    margin: auto;
  }
}

/*# sourceMappingURL=__maps/home.css.map */
.notice {
  border: #DB0000 solid 3px;
  color: #DB0000;
  text-align: center;
}

.notice p {
  margin-top: 0.6em;
}