@charset "utf-8";
html {
  font-size: 62.5%
}

body {
  font-size: 10px;
  font-size: 1rem;
  letter-spacing: -.001em
}

.page-contents p {
  font-size: 28.672px;
  font-size: 2.8672rem
}

ul.btn-list+p {
  font-size: 21.94285px;
  font-size: 2.194285rem
}

.page-contents-inner {
  margin: 0 auto;
  max-width: 750px
}

.page-contents-inner img {
  line-height: 0;
  height: auto;
  width: auto;
  vertical-align: bottom;
  margin: 0 auto;
  display: block
}

.page_items {
  margin-top: 10%
}

#bf3017.page_items {
  margin-top: 6%
}

.page_items h3 {
  /*margin: 0 4%*/
  margin: 4%;
}

.page_items ul {
  max-width: 100%;
  /*margin: 3% auto 0;*/
  margin: 3% auto;
  padding: 0;
  list-style: none;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flexbox;
  display: -webkit-flex;
  display: flex
}

.page_items ul+ul {
  margin: 0 auto!important
}

.page_items ul li {
  width: 50%;
  float: left;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 0;
  position: relative
}

.page_items ul li.one-item {
  float: none;
  margin: 0 auto
}

.page_items ul li+li {
  float: right
}

.page_items p.page-info {
  margin-top: 4%
}

.page_items p.page-info2 {
  margin-top: 2%
}

#hd1341.page_items p.page-info {
  margin-top: -9%!important
}

.page_items p.page-txt {
  margin: 1.5% 4% 0;
  line-height: 1.4;
  font-weight: bold
}

.page-contents {
  font-size: 28px;
  overflow: hidden
}

.page-contents * {
  font-size: 100%;
  line-height: .5;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top
}

.page-contents.sp {
  font-size: 12.04px;
  text-align: center
}

.page-contents .pc br.bsp {
  display: none!important
}

.page-contents .pc a img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.page-contents .pc .inner {
  width: 750px;
  margin-bottom: 0;
  text-align: center
}

.page-contents .pc .container-header {
  /*background:url(../images/bg_border.png) left bottom repeat-x;*/
  -webkit-background-size: auto 2px;
  background-size: auto 2px
}

.page-contents .pc .container-header h2 {
  text-align: center
}

.page-contents .pc .container-header .list-tab {
  width: 750px;
  padding-left: 30px
}

.page-contents .pc .container-header .list-tab li {
  height: 69px;
  background: url(../images/bg_border.png) left top repeat-x silver;
  -webkit-background-size: auto 2px;
  background-size: auto 2px
}

.page-contents .container p {
  font-size: 100%;
  line-height: 1.3571428571;
  margin: 0;
  padding: 0;
  text-align: left
}

.page-contents .container p+p {
  margin-top: 1.3571428571em
}

.page-contents .container li {
  line-height: 1.3571428571
}

.page-contents .container em {
  font-style: normal;
  display: block
}

.page-contents .container a, .page-contents .container span {
  display: inline-block
}

.page-contents .container a:hover, .page-contents .container span:hover {
  text-decoration: none!important
}

.page-contents .container figure {
  line-height: .5
}

.page-contents .container-header {
  /*background:url(../images/bg_border.png) left bottom repeat-x;*/
  -webkit-background-size: auto .0714285714em;
  background-size: auto .0714285714em
}

.page-contents .container-header h2 {
  font-size: 100%;
  margin-bottom: 1.5357142857em
}

.page-contents .container-header .list-attention {
  width: 96.6666666667%;
  margin-right: auto;
  margin-left: auto;
  padding-left: 1.5em;
  text-align: left
}

.page-contents .container-header .list-attention li {
  font-size: 89.2857142857%;
  line-height: 1.3772;
  text-indent: -1em;
  letter-spacing: -.04em
}

.list-attention li span {
  display: inline-block;
  text-indent: 0;
  line-height: 1.3772;
  width: 1em
}

.page-contents .container-header .list-attention li+li {
  margin-top: .4em
}

.page-contents .container-header .list-tab {
  overflow: hidden;
  width: 100%;
  margin-top: 1.1785714286em;
  margin-bottom: 0;
  padding-left: 4%
}

.page-contents .container-header .list-tab li {
  float: left;
  width: auto;
  height: 2.4642857143em;
  background: url(../images/bg_border.png) left top repeat-x silver;
  -webkit-background-size: auto .0714285714em;
  background-size: auto .0714285714em
}

.page-contents .container-header .list-tab li a, .page-contents .container-header .list-tab li img {
  height: 100%
}

.page-contents .container-header .list-tab li:first-child, .page-contents .container-header .list-tab li:last-child {
  background: 0 0
}

.page-contents .container-header .list-tab li a:hover img {
  opacity: 1
}

.page-contents .inner {
  margin-top: 2.9285714286em
}

.page-contents hr {
  width: 91.7333333333%;
  border: none;
  border-top: .1428571429em dashed #5f5f5f;
  margin: -1.8928571429em auto .7142857143em
}

.page-contents .container-link {
  margin-top: 1.3333333333%
}

.page-contents .container-link p {
  font-size: 120%;
  font-weight: 700;
  line-height: 1.3333333333;
  margin-bottom: 9.3333333333%;
  text-align: center;
  color: #e40011
}

.page-contents .container-link .list-btn li {
  width: 75.2%;
  margin-right: auto;
  margin-left: auto
}

.page-contents .container-link .list-btn li+li {
  margin-top: 8.4%
}

.page-contents .container-link .list-link {
  overflow: hidden;
  margin-top: 10.6666666667%
}

.page-contents .container-link .list-link li {
  float: left;
  width: 44.9333333333%;
  margin-right: 0;
  margin-left: 2.2666666667%
}

.page-contents .container-link .list-link li:first-child {
  margin-left: 4.1333333333%
}

.page-contents.Andorido .container-header .list-attention li {
  font-size: 82.1428571429%!important;
  letter-spacing: -.0869565217!important
}

.page-contents.iOS .container-header .list-attention li {
  font-size: 87.1428571429%!important;
  letter-spacing: -.0409836066!important
}