@charset "UTF-8";
@import url("./module.css");
/*
 * felica-j / common.css
 * created --- 2016/03/31
 * updated --- 2016/04/19
 * updated --- 2017/02/15
 * updated --- 2017/03/14
 * updated --- 2019/10/23
 * updated --- 2019/11/04
 * updated --- 2021/02/16
 * updated --- 2021/10/15
 * updated --- 2022/02/28
 * updated --- 2022/06/21
 * updated --- 2023/08/10
 * updated --- 2024/07/12
 * updated --- 2024/11/05
 * updated --- 2024/11/13
 * updated --- 2025/01/10
 * updated --- 2025/03/06
 * updated --- 2025/03/19
 * updated --- 2025/11/18
 */
/* ==========================================================================
   base
   ========================================================================== */
body {
  margin: 0;
  padding: 0;
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: #000;
  background-color: #fff;
}


article,aside,footer,header,
hgroup,main,nav,section {
  display: block;
}

@media (max-width: 768px) {
  body {
	font-size: 16px;
  }
}


#tmpl_main {
  width: 100%;
}

a {
  text-decoration: none;
  outline: none;
  color: #145189;
  word-break: break-all;
  transition: all .3s ease-in;
}
a:hover {
  color: #145189;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

a.txtlink {
  text-decoration: none;
  outline: none;
  color: #5887f5;
}
a.txtlink:hover {
  color: #3b4b73;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

img {
  border: 0;
}
@media (max-width: 639px) {
  img.mq{
      max-width:100%;
      height:auto;
  }
}
small {
  font-size: 12px;
}

@media (max-width: 639px) {
  .pc {
    display: none;
  }
}

.sp {
  display: none;
}
@media (max-width: 639px) {
  .sp {
    display: block;
  }
}

.box {
  /*width: 100%;
  min-width: 950px;
  max-width: 950px;*/
  margin: 0 auto;
  text-align: left;
  clear: both;
}
@media (max-width: 639px) {
  .box {
    width: auto;
    min-width: 1px;
  }
}

.box100 {
  width: 100%;
  margin: 0 auto;
  text-align: left;
  clear: both;
}
@media (max-width: 639px) {
  .box100 {
    width: auto;
    min-width: 1px;
  }
}


article {
  margin: 0 auto;
  max-width: 1190px;
  width: 94.0594059%;
}

@media (max-width: 639px) {
  article {
    width: 90.625%;
  }
}
article .block {
  overflow: hidden;
  margin-bottom: 40px;
}
a.btn {
  display: block;
  background-color: #4772D7;
  color: #fff;
  text-align: center;
  position: relative;
  padding: 12px 0px;
}

a.btn2 {
  display: block;
  background-color: #4772d7;
  color: #fff;
  text-align: center;
  position: relative;
  padding: 12px 0px;
}

a.btn i {
  position: absolute;
  right: 1em;
  top: 50%;
  font-size: 10px;
  line-height: 1;
  margin-top: -5px;
}
@media (max-width: 768px) {
  a.btn{
    font-size:14px;
  }
}
a.btnSmall{
  display: block;
  background-color: #006bb3;
  color: #fff;
  text-align: left;
  position: relative;
  padding: 2px 10px;
}
a.btnSmall:after {
  position: absolute;
  content: "\e825";
  font-size: 12px;
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  line-height: 12px;
  color: #ffffff;
  right: 1em;
  top: 50%;
  font-size: 10px;
  line-height: 1;
  margin-top: -5px;
}
a.btnBottomIcon {
  display: block;
  background-color: #4772d7;
  color: #fff;
  text-align: center;
  position: relative;
  padding: 12px 16px 24px 16px;
}
a.btnBottomIcon:before {
  position: absolute;
  bottom:12px;
  left:50%;
  margin-left:-5px;
  font-size:10px;
}
/* a.btnBottomIcon i {
  display: block;
} */
@media (max-width: 639px) {
  a.btnBottomIcon {
    font-size: 80%;
    /*padding: 6px 3px 12px 3px;*/
  }
}

a.btnInline {
  display: inline-block;
  background-color: #4772d7;
  color: #fff;
  text-align: left;
  position: relative;
  padding: 8px 2em 8px 1em;
}
a.btnInline i {
  position: absolute;
  right: 1em;
  top: 50%;
  font-size: 10px;
  line-height: 1;
  margin-top: -5px;
}

a.btnInlineMini {
  display: inline-block;
  background-color: #4772d7;
  color: #fff;
  text-align: center;
  position: relative;
  padding: 4px;
  font-size: 12px;
  padding: 4px 2.5em 4px 1em;
}
a.btnInlineMini i {
  position: absolute;
  right: 1em;
  top: 50%;
  font-size: 10px;
  line-height: 1;
  margin-top: -5px;
}

a.btnDownload {
  padding: 10px 0;
  font-size:14px;
  line-height:14px;
}
a.btnDownload:after {
  position: absolute;
  content: "\e825";
  font-size: 12px;
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  line-height: 12px;
  color: #ffffff;
  right: 1em;
  top: 50%;
  font-size: 10px;
  line-height: 1;
  margin-top: -5px;
}

.icon_mark--before{ padding-left: 3em !important;}
.icon_mark--before:before{
    position: absolute;
    font-size: 12px;
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    line-height: 12px;
    color: #ffffff;
    left: 1em;
    top: 50%;
    font-size: 14px;
    line-height: 1;
    margin-top: -5px;
    width: auto !important;
}
.icon_mark--after{ padding-right: 3em !important;}
.icon_mark--after:after{
    position: absolute;
    font-size: 12px;
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    line-height: 12px;
    color: #ffffff;
    right: 1em;
    top: 50%;
    font-size: 14px;
    line-height: 1;
    margin-top: -5px;
    width: auto !important;
}

.bgBlue {
  background-color: #4772d7 !important;
}
.bgBlue2{
  background-color: #ebf4f7 !important;
}
.bgLightBlue {
  background-color: #dee9f3 !important;
}
.bgLightBlue2 {
  background-color: #f2f8fb !important;
}
.bgGray {
  background-color: #d6dce0 !important;
  color: #000 !important;
}
.bgGray2 {
  background-color: #e3e3e3 !important;
  color: #000 !important;
}
.bgNavy {
  background-color: #145189 !important;
  color: #fff !important;
}
.bgDisable {
  background-color: #757575 !important;
}
.bgSubmit {
  background-color: #145189 !important;
}
.bgDarkGray {
  background-color: #7b7b7b !important;
}
.bgOrange {
  background-color: #d24615 !important;
}

.bgPurple {
  background-color: #604c9a !important;
}
.boxGray {
  background-color: #f1f5f9 !important;
  padding: 20px;
}
.boxWhite {
  background-color: #ffffff !important;
  padding: 20px;
}
.borderTopGray {
  border-top: solid 1px #c5c7ce;
  padding-top: 20px;
  margin-top: 20px;
}

.colNavy {
  color: #0c5896 !important;
}
.colDarkNavy {
  color: #145189 !important;
}
.colGray {
  color: #5d5d5d !important;
}

.colBrown {
  color: #6a5b4b !important;
}

.colRed {
  color: #c00101 !important;
}
.colBlack {
  color: #000000 !important;
}


/* ==========================================================================
   width
   ========================================================================== */
/*#styleguide
width
```
  <div class="c5-marTop--10 bgGray c5-w100p">c5-w100p</div>
  <div class="c5-marTop--10 bgGray c5-w90p">c5-w90p</div>
  <div class="c5-marTop--10 bgGray c5-w80p">c5-w80p</div>
  <div class="c5-marTop--10 bgGray c5-w70p">c5-w70p</div>
  <div class="c5-marTop--10 bgGray c5-w60p">c5-w60p</div>
  <div class="c5-marTop--10 bgGray c5-w50p">c5-w50p</div>
  <div class="c5-marTop--10 bgGray c5-w40p">c5-w40p</div>
  <div class="c5-marTop--10 bgGray c5-w30p">c5-w30p</div>
  <div class="c5-marTop--10 bgGray c5-w20p">c5-w20p</div>
  <div class="c5-marTop--10 bgGray c5-w10p">c5-w10p</div>
```
*/

.c5-w100p {
  width: 100% !important;
}

.c5-w90p {
  width: 90% !important;
}

.c5-w80p {
  width: 80% !important;
}

.c5-w70p {
  width: 70% !important;
}

.c5-w60p {
  width: 60% !important;
}

.c5-w50p {
  width: 50% !important;
}

.c5-w40p {
  width: 40% !important;
}

.c5-w30p {
  width: 30% !important;
}

.c5-w20p {
  width: 20% !important;
}

.c5-w10p {
  width: 10% !important;
}

/* ==========================================================================
   layout / fontsize / etc
   ========================================================================== */
/*#styleguide
layout

```
  <div class="c5-marTop--10 bgGray center">center</div>
  <div class="c5-marTop--10 bgGray right">right</div>
  <div class="c5-marTop--10 bgGray left">left</div>
  <div class="c5-marTop--10 bgGray marginAuto">marginAuto</div>
  <div class="c5-marTop--10 bgGray bdrNone">bdrNone</div>
  <div class="c5-marTop--10 bgGray bgNone">bgNone</div>
  <div class="c5-marTop--10 bgGray top">top</div>
  <div class="c5-marTop--10 bgGray middle">middle</div>
  <div class="c5-marTop--10 bgGray bottom">bottom</div>
  <div class="c5-marTop--10 bgGray bold">bold</div>
  <div class="c5-marTop--10 bgGray floR">floR</div>
  <div class="c5-marTop--10 bgGray floL">floL</div>
  <div class="c5-marTop--10 bgGray floNone">floNone</div>
  <div class="c5-marTop--10 bgGray block">block</div>
  <div class="c5-marTop--10 bgGray inline">inline</div>
  <div class="c5-marTop--10 bgGray listnone">listnone</div>
```
*/
.center {
  text-align: center !important;
}

.right {
  text-align: right !important;
}

.left {
  text-align: left !important;
}
.marginAuto {
  margin-left:auto;
  margin-right:auto;
}
.bdrNone {
  border: none !important;
}

.bgNone {
  background: none !important;
}
.lineheight0 {
  line-height: 0;
}
.lineheight1 {
  line-height: 1;
}
.top {
  vertical-align: top !important;
}

.middle {
  vertical-align: middle !important;
}

.bottom {
  vertical-align: bottom !important;
}

.bold {
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  font-weight: bold;
}
.normal {
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  font-weight: normal !important;
}
.light {
  font-weight: normal !important;
}
.nowrap{
  white-space: nowrap !important;
}
span.ls{
    letter-spacing:-0.5em;
}

/*#styleguide*/

.fnt10px {
  font-size: 10px !important;
}

.fnt11px {
  font-size: 11px !important;
}

.fnt11px_r {
  font-size: 11px !important;
  color: #EB0000;
}

.fnt12px {
  font-size: 12px !important;
}

.fnt12px_r {
  font-size: 12px
!important;
  color: #EB0000;
}

.fnt14px {
  font-size: 14px !important;
}

.fnt16px {
  font-size: 16px !important;
}

.fnt18px {
  font-size: 18px !important;
}

.fnt20px {
  font-size: 20px !important;
}
.fnt22px {
  font-size: 22px !important;
}
.fnt24px {
  font-size: 24px !important;
}
.fnt28px {
  font-size: 28px !important;
}
.fnt30px {
  font-size: 30px !important;
}
.fnt32px {
  font-size: 32px !important;
}
.fnt36px {
  font-size: 36px !important;
}

.fnt42px {
  font-size: 42px !important;
}

.fnt48px {
  font-size: 48px !important;
}

.fnt60px {
  font-size: 60px !important;
}

.fnt80 {
  font-size: 80% !important;
}

.fnt85 {
  font-size: 85% !important;
}

.fnt90 {
  font-size: 90% !important;
}

.fnt95 {
  font-size: 95% !important;
}

.fnt100 {
  font-size: 100% !important;
}

.fnt110 {
  font-size: 110% !important;
}

.fnt120 {
  font-size: 120% !important;
}

.fnt130 {
  font-size: 130% !important;
}

.fnt140 {
  font-size: 140% !important;
}

.fnt150 {
  font-size: 150% !important;
}

.fnt160 {
  font-size: 160% !important;
}

.fnt170 {
  font-size: 170% !important;
}

.fnt180 {
  font-size: 180% !important;
}

.fnt190 {
  font-size: 190% !important;
}

.fnt200 {
  font-size: 200% !important;
}
.fntSmall1 {
  font-size: 0.75rem !important;
  line-height: 1.4;
  margin: 0;
  color: #747481;
}
.fntSmall2 {
  font-size: 0.625rem !important;
  line-height: 1.4;
  margin: 0;
  color: #5d5d5d;
}
.fntSmall3 {
  font-size: 11px !important;
  line-height: 18px;
  margin: 0;
  color: #2d2d2d !important;
}


.floR {
  float: right !important;
}

.floL {
  float: left !important;
}

.floNone {
  float: none !important;
}

.block {
  display: block !important;
}

.inline {
  display: inline !important;
}

.listnone {
  list-style: none;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, figure {
  margin: 0;
  padding: 0;
}

/* ==========================================================================
   c5-mar/c5-pad
   ========================================================================== */

.c5-marTop--0 {
  margin-top: 0px !important;
}
.c5-marTop--5 {
  margin-top: 5px !important;
}
.c5-marTop--10 {
  margin-top: 10px !important;
}
.c5-marTop--15 {
  margin-top: 15px !important;
}
.c5-marTop--20 {
  margin-top: 20px !important;
}
.c5-marTop--25 {
  margin-top: 25px !important;
}
.c5-marTop--30 {
  margin-top: 30px !important;
}
.c5-marTop--35 {
  margin-top: 35px !important;
}
.c5-marTop--40 {
  margin-top: 40px !important;
}
.c5-marTop--45 {
  margin-top: 45px !important;
}
.c5-marTop--50 {
  margin-top: 50px !important;
}
.c5-marTop--55 {
  margin-top: 55px !important;
}
.c5-marTop--60 {
  margin-top: 60px !important;
}
.c5-marTop--65 {
  margin-top: 65px !important;
}
.c5-marTop--70 {
  margin-top: 70px !important;
}
.c5-marTop--75 {
  margin-top: 75px !important;
}
.c5-marTop--80 {
  margin-top: 80px !important;
}
.c5-marTop--85 {
  margin-top: 85px !important;
}
.c5-marTop--90 {
  margin-top: 90px !important;
}
.c5-marTop--95 {
  margin-top: 95px !important;
}
.c5-marTop--100 {
  margin-top: 100px !important;
}

.c5-marBtm--0 {
  margin-bottom: 0px !important;
}

.c5-marBtm--5 {
  margin-bottom: 5px !important;
}

.c5-marBtm--10 {
  margin-bottom: 10px !important;
}
.c5-marBtm--15 {
  margin-bottom: 15px !important;
}
.c5-marBtm--20 {
  margin-bottom: 20px !important;
}
.c5-marBtm--25 {
  margin-bottom: 25px !important;
}
.c5-marBtm--30 {
  margin-bottom: 30px !important;
}
.c5-marBtm--35 {
  margin-bottom: 35px !important;
}
.c5-marBtm--40 {
  margin-bottom: 40px !important;
}
.c5-marBtm--45 {
  margin-bottom: 45px !important;
}
.c5-marBtm--50 {
  margin-bottom: 50px !important;
}
.c5-marBtm--55 {
  margin-bottom: 55px !important;
}
.c5-marBtm--60 {
  margin-bottom: 60px !important;
}
.c5-marBtm--65 {
  margin-bottom: 65px !important;
}
.c5-marBtm--70 {
  margin-bottom: 70px !important;
}
.c5-marBtm--75 {
  margin-bottom: 75px !important;
}
.c5-marBtm--80 {
  margin-bottom: 80px !important;
}
.c5-marBtm--85 {
  margin-bottom: 85px !important;
}
.c5-marBtm--90 {
  margin-bottom: 90px !important;
}
.c5-marBtm--95 {
  margin-bottom: 95px !important;
}
.c5-marBtm--100 {
  margin-bottom: 100px !important;
}

.c5-padTop--0 {
  padding-top: 0px !important;
}

.c5-padTop--5 {
  padding-top: 5px !important;
}

.c5-padTop--10 {
  padding-top: 10px !important;
}

.c5-padTop--15 {
  padding-top: 15px !important;
}

.c5-padTop--20 {
  padding-top: 20px !important;
}

.c5-padTop--30 {
  padding-top: 30px !important;
}

.c5-padTop--40 {
  padding-top: 40px !important;
}

.c5-padTop--50 {
  padding-top: 50px !important;
}

.c5-padTop--60 {
  padding-top: 60px !important;
}

.c5-padTop--70 {
  padding-top: 70px !important;
}

.c5-padTop--80 {
  padding-top: 80px !important;
}

.c5-padTop--90 {
  padding-top: 90px !important;
}

.c5-padTop--100 {
  padding-top: 100px !important;
}

.c5-padBtm--0 {
  padding-bottom: 0px !important;
}

.c5-padBtm--5 {
  padding-bottom: 5px !important;
}

.c5-padBtm--10 {
  padding-bottom: 10px !important;
}

.c5-padBtm--20 {
  padding-bottom: 20px !important;
}

.c5-padBtm--30 {
  padding-bottom: 30px !important;
}

.c5-padBtm--40 {
  padding-bottom: 40px !important;
}

.c5-padBtm--50 {
  padding-bottom: 50px !important;
}

.c5-padBtm--60 {
  padding-bottom: 60px !important;
}

.c5-padBtm--65 {
  padding-bottom: 65px !important;
}

.c5-padBtm--70 {
  padding-bottom: 70px !important;
}

.c5-padBtm--80 {
  padding-bottom: 80px !important;
}

.c5-padBtm--90 {
  padding-bottom: 90px !important;
}

.c5-padBtm--100 {
  padding-bottom: 100px !important;
}

.c5-marTopMq--10 {
  margin-top: 10px !important;
}
.c5-marTopMq--15 {
  margin-top: 15px !important;
}
.c5-marTopMq--20 {
  margin-top: 20px !important;
}
.c5-marTopMq--25 {
  margin-top: 25px !important;
}
.c5-marTopMq--30 {
  margin-top: 30px !important;
}
.c5-marTopMq--35 {
  margin-top: 35px !important;
}
.c5-marTopMq--40 {
  margin-top: 40px !important;
}
.c5-marTopMq--45 {
  margin-top: 45px !important;
}
.c5-marTopMq--50 {
  margin-top: 50px !important;
}
.c5-marTopMq--60 {
  margin-top: 60px !important;
}
.c5-marTopMq--70 {
  margin-top: 70px !important;
}
.c5-marTopMq--75 {
  margin-top: 75px !important;
}
.c5-marTopMq--80 {
  margin-top: 80px !important;
}
@media screen and (max-width: 639px) {
  .c5-marTopMq--10 {
    margin-top: 5px !important;
  }
  .c5-marTopMq--15 {
    margin-top: 7.5px !important;
  }
  .c5-marTopMq--20 {
    margin-top: 10px !important;
  }
  .c5-marTopMq--25 {
    margin-top: 12.5px !important;
  }
  .c5-marTopMq--30 {
    margin-top: 15px !important;
  }
  .c5-marTopMq--35 {
    margin-top: 17.5px !important;
  }
  .c5-marTopMq--40 {
    margin-top: 20px !important;
  }
  .c5-marTopMq--45 {
    margin-top: 22.5px !important;
  }
  .c5-marTopMq--50 {
    margin-top: 25px !important;
  }
  .c5-marTopMq--60 {
    margin-top: 30px !important;
  }
  .c5-marTopMq--70 {
    margin-top: 35px !important;
  }
  .c5-marTopMq--75 {
    margin-top: 37.5px !important;
  }
  .c5-marTopMq--80 {
    margin-top: 40px !important;
  }
}


/* ==========================================================================
   .c5-marTopFAQ
   ========================================================================== */
.c5-marTopFAQ--1em {
  margin-top: 1em !important;
}

.c5-marTopFAQ--2em {
  margin-top: 2em !important;
}

.c5-marTopFAQ--3em {
  margin-top: 3em !important;
}

.c5-marBtmFAQ--1em {
  margin-bottom: 1em !important;
}

.c5-marBtmFAQ--2em {
  margin-bottom: 2em !important;
}

.c5-marBtmFAQ--3em {
  margin-bottom: 3em !important;
}

.FAQ_Strong--H1 {
	font-weight:700;
}

.FAQ_Indent--H2 {
	padding-left:2em;
}
@media screen and (max-width: 639px) {
  .FAQ_Indent--H2 {
	padding-left:0;
  }
}

.FAQ_Indent--H3 {
	padding-left:5em;
}
@media screen and (max-width: 639px) {
  .FAQ_Indent--H3 {
	padding-left:0;
  }
}

.FAQ_Indent--H4 {
	padding-left:8em;
}
@media screen and (max-width: 639px) {
  .FAQ_Indent--H4 {
	padding-left:0;
  }
}

.FAQ_Indent--H5 {
	padding-left:12em;
}
@media screen and (max-width: 639px) {
  .FAQ_Indent--H5 {
	padding-left:0;
  }
}

.FAQ_Link--Dcrt {
    text-decoration: underline;
}

.FAQ_PDF--Icon {
	width: 22px;
	margin-left: 16px;
    display: inline-block;
    vertical-align: middle;
}

/* ==========================================================================
   .c5-SimpleBox
   ========================================================================== */

.c5-SimpleBox {
  margin: 30px 0;
  display: table-cell;
  height: inherit;
  overflow: hidden;
  vertical-align:top;
}
.c5-SimpleBox p {
  font-size: 14px;
}

.c5-SimpleBox:first-child {
  border-right: 20px #ffffff solid;
}

.c5-SimpleBox:last-child {
  border-left: 20px #ffffff solid;
}

@media screen and (max-width: 639px) {
  .c5-SimpleBox {
    display: block;
    width: auto;
    margin-bottom: 0px;
  }

  .c5-SimpleBox:first-child {
    border-right: none;
  }

  .c5-SimpleBox:last-child {
    border-left: none;
  }
}
.c5-SimpleBox {
  border-color: #5d5d5d;
}

@media screen and (max-width: 639px) {
  .c5-SimpleBox {
    /*border: 2px solid #5787f5;
    margin: 30px 0;*/
    width: 100%;
  }
}

.c5-row {
  display: table;
  width: 100%;
  table-layout: fixed;
  box-sizing: border-box;
  margin: 30px 0;
}

@media screen and (max-width: 639px) {
  .c5-row {
    margin: 0px 0;
  }
}
.c5-row__col90per {
  width: 90%;
  padding-right: 20px;
  display: table-cell;
  vertical-align:top;
}
.c5-row__col80per {
  width: 80%;
  padding-right: 20px;
  display: table-cell;
  vertical-align:top;
}
.c5-row__col70per {
  width: 70%;
  padding-right: 20px;
  display: table-cell;
  vertical-align:top;
}
.c5-row__col60per {
  width: 60%;
  padding-right: 20px;
  display: table-cell;
  vertical-align:top;
}

@media screen and (max-width: 639px) {
  .c5-row__col90per {
    display: block;
    width: auto;
    margin-bottom: 20px;
    padding-right:0;
  }
  .c5-row__col80per {
    display: block;
    width: auto;
    margin-bottom: 20px;
    padding-right:0;
  }
  .c5-row__col70per {
    display: block;
    width: auto;
    margin-bottom: 20px;
    padding-right:0;
  }
  .c5-row__col60per {
    display: block;
    width: auto;
    margin-bottom: 20px;
    padding-right:0;
  }
}
.c5-row__col40per {
  width: 40%;
  min-width: 250px;
  display: table-cell;
}
.c5-row__col30per {
  width: 30%;
  min-width: 250px;
  display: table-cell;
}
.c5-row__col20per {
  width: 20%;
  min-width: 150px;
  display: table-cell;
}
.c5-row__col20per_2 {
  width: 20%;
  min-width: 190px;
  display: table-cell;
  vertical-align: middle;
}
.c5-row__col10per {
  width: 10%;
  min-width: 50px;
  display: table-cell;
}

@media screen and (max-width: 639px) {
  .c5-row__col40per {
    display: block;
    width: auto;
    margin-bottom: 20px;
  }
  .c5-row__col30per {
    display: block;
    width: auto;
    margin-bottom: 20px;
  }
  .c5-row__col20per {
    display: block;
    width: auto;
    margin-bottom: 20px;
  }
  .c5-row__col10per {
    display: block;
    width: auto;
    margin-bottom: 20px;
  }
}

.c5-row2 {
  display: table;
  width: 100%;
  table-layout: fixed;
  box-sizing: border-box;
}

@media screen and (max-width: 639px) {
  .c5-row2 {
    margin: 0px 0;
  }
}
.c5-row2__col90per {
  width: 90%;
  padding-right: 20px;
  display: table-cell;
  vertical-align:top;
}
.c5-row2__col80per {
  width: 80%;
  padding-right: 20px;
  display: table-cell;
}
.c5-row2__col70per {
  width: 70%;
  padding-right: 20px;
  display: table-cell;
  vertical-align:top;
}
.c5-row2__col60per {
  width: 60%;
  padding-right: 20px;
  display: table-cell;
  vertical-align:top;
}

@media screen and (max-width: 639px) {
  .c5-row2__col90per {
    display: block;
    width: auto;
    margin-bottom: 20px;
    padding-right:0;
  }
  .c5-row2__col80per {
    display: block;
    width: auto;
    margin-bottom: 20px;
    padding-right:0;
  }
  .c5-row2__col70per {
    display: block;
    width: auto;
    margin-bottom: 20px;
    padding-right:0;
  }
  .c5-row2__col60per {
    display: block;
    width: auto;
    margin-bottom: 20px;
    padding-right:0;
  }
}
.c5-row2__col40per {
  width: 40%;
  min-width: 250px;
  display: table-cell;
}
.c5-row2__col30per {
  width: 30%;
  min-width: 250px;
  display: table-cell;
}
.c5-row2__col20per {
  width: 20%;
  min-width: 150px;
  display: table-cell;
}
.c5-row2__col20per_2 {
  width: 20%;
  min-width: 190px;
  display: table-cell;
  vertical-align: middle;
}
.c5-row2__col10per {
  width: 10%;
  min-width: 50px;
  display: table-cell;
}

@media screen and (max-width: 639px) {
  .c5-row2__col40per {
    display: block;
    width: auto;
    margin-bottom: 20px;
  }
  .c5-row2__col30per {
    display: block;
    width: auto;
    margin-bottom: 20px;
  }
  .c5-row2__col20per {
    display: block;
    width: auto;
    margin-bottom: 20px;
	font-size:90%;
	text-indent:0.8em;
  }
  .c5-row2__col10per {
    display: block;
    width: auto;
    margin-bottom: 20px;
  }
}

.c5-mscTable {
  margin: 20px 0 20px;
}
.c5-mscTable table {
  width: 100%;
  font-size: 13px;
  border-spacing: 0;
  border-collapse: collapse;
}
@media screen and (max-width: 639px) {
  .c5-mscTable table {
    font-size: 10px;
  }
}
.c5-mscTable thead th {
  background: #72757e;
  color: #fff;
  text-align: center;
  padding:13px 0;
}
.c5-mscTable thead th:first-child {
  border-right: solid 5px #fff;
}
.c5-mscTable tbody, .c5-mscTable tfoot {
  border-spacing: 0;
  border-collapse: collapse;
}
.c5-mscTable tbody th, .c5-mscTable tfoot th {
  text-align: left;
  border-right: solid 5px #fff;
  padding: 30px;
  white-space: nowrap;
}
@media screen and (max-width: 639px) {
  .c5-mscTable thead th:first-child {
    border-right: solid 2px #fff;
  }
  .c5-mscTable tbody th, .c5-mscTable tfoot th {
    padding: 5px;
    white-space: normal;
    border-right: solid 2px #fff;
  }
}
.c5-mscTable tbody td, .c5-mscTable tfoot td {
  padding: 30px;
}
@media screen and (max-width: 639px) {
  .c5-mscTable tbody td, .c5-mscTable tfoot td {
    padding: 5px;
  }
}
.c5-mscTable tbody tr:nth-child(odd) th,
.c5-mscTable tbody tr:nth-child(odd) td, .c5-mscTable tfoot tr:nth-child(odd) th,
.c5-mscTable tfoot tr:nth-child(odd) td {
  background-color: #ffffff;
}
.c5-mscTable tbody tr:nth-child(even) th,
.c5-mscTable tbody tr:nth-child(even) td, .c5-mscTable tfoot tr:nth-child(even) th,
.c5-mscTable tfoot tr:nth-child(even) td {
  background-color: #f1f5f9;
}
.c5-mscTable tbody tr.subTitle th, .c5-mscTable tbody tr.subTitle td, .c5-mscTable tfoot tr.subTitle th, .c5-mscTable tfoot tr.subTitle td {
  padding: 5px 30px;
}
@media screen and (max-width: 639px) {
  .c5-mscTable tbody tr.subTitle th, .c5-mscTable tbody tr.subTitle td, .c5-mscTable tfoot tr.subTitle th, .c5-mscTable tfoot tr.subTitle td {
    padding: 1px 5px;
  }
}
.c5-mscTable tbody tr.bgGray th, .c5-mscTable tbody tr.bgGray td, .c5-mscTable tfoot tr.bgGray th, .c5-mscTable tfoot tr.bgGray td {
  background-color: #72757e;
  height: 7px;
  padding: 0;
}
@media screen and (max-width: 639px) {
  .c5-mscTable tbody tr.bgGray th, .c5-mscTable tbody tr.bgGray td, .c5-mscTable tfoot tr.bgGray th, .c5-mscTable tfoot tr.bgGray td {
    height: 2px;
  }
}
/* ==========================================================================
   MQで表組みをバラす場合
   ========================================================================== */
@media screen and (max-width: 639px) {

  .c5-mscTableMq table{
    display: block;
    table-layout: fixed;
  }
  .c5-mscTableMq table colgroup col{
    width:100% !important;
  }
  .c5-mscTableMq tbody tr:nth-child(even) th, .c5-mscTableMq tbody tr:nth-child(even) td, .c5-mscTableMq tfoot tr:nth-child(even) th, .c5-mscTableMq tfoot tr:nth-child(even) td{
    background-color: #ffffff;
  }

  .c5-mscTableMq tbody tr:nth-child(odd) th{
    background-color: #f1f5f9;
    display: block;
  }
  .c5-mscTableMq tbody tr:nth-child(even) th{
    background-color: #f1f5f9;
    display: block;
  }
  .c5-mscTableMq tbody tr:nth-child(odd) td{
    background-color: #ffffff;
    display: block;
  }
  .c5-mscTableMq tbody tr:nth-child(even) td{
    background-color: #ffffff;
    display: block;
  }
  
}
/* ==========================================================================
   .c5-mscTable2
   ========================================================================== */

.c5-mscTable2 {
  margin: 20px 0 20px;
}
.c5-mscTable2 table {
  width: 100%;
  font-size: 13px;
  border-spacing: 0;
  border-collapse: collapse;
}
@media screen and (max-width: 639px) {
  .c5-mscTable2 table {
    font-size: 10px;
  }
}
.c5-mscTable2 thead th {
  background: #145189;
  color: #fff;
  text-align: left;
  padding: 18px;
  border-left: solid 5px #fff;
}
@media screen and (max-width: 639px) {
    .c5-mscTable2 thead th {
      padding: 5px;
      border-left: solid 2px #fff;
    }
}
.c5-mscTable2 thead th:first-child {
  border-left: none;
}
.c5-mscTable2 tbody, .c5-mscTable2 tfoot {
  border-spacing: 0;
  border-collapse: collapse;
}
.c5-mscTable2 tbody th, .c5-mscTable2 tfoot th {
  text-align: left;
/*   border-right: solid 10px #fff; */
  padding: 18px;
  white-space: nowrap;
  background-color:#d7d9db;
  border-top: solid 5px #fff;
}
.c5-mscTable2 tbody td, .c5-mscTable2 tfoot td {
  border-top: solid 5px #fff;
  border-left: solid 5px #fff;
}


@media screen and (max-width: 639px) {
  .c5-mscTable2 tbody th, .c5-mscTable2 tfoot th {
    padding: 5px;
    white-space: normal;
    border-top: solid 2px #fff;
  }
}
.c5-mscTable2 tbody td, .c5-mscTable2 tfoot td {
  padding: 20px;
  background-color:#f0f0f0;
}
@media screen and (max-width: 639px) {
  .c5-mscTable2 tbody td, .c5-mscTable2 tfoot td {
    padding: 5px;
    border-top: solid 2px #fff;
    border-left: solid 2px #fff;
  }
}
 .c5-mscTable2 tbody tr.subTitle th, .c5-mscTable2 tbody tr.subTitle td, .c5-mscTable2 tfoot tr.subTitle th, .c5-mscTable2 tfoot tr.subTitle td {
  padding: 5px 30px;
}
@media screen and (max-width: 639px) {
  .c5-mscTable2 tbody tr.subTitle th, .c5-mscTable2 tbody tr.subTitle td, .c5-mscTable2 tfoot tr.subTitle th, .c5-mscTable2 tfoot tr.subTitle td {
    padding: 1px 5px;
  }
}
.c5-mscTable2 tbody tr.bgGray th, .c5-mscTable2 tbody tr.bgGray td, .c5-mscTable2 tfoot tr.bgGray th, .c5-mscTable2 tfoot tr.bgGray td {
  background-color: #72757e;
  height: 10px;
  padding: 0;
}
@media screen and (max-width: 639px) {
  .c5-mscTable2 tbody tr.bgGray th, .c5-mscTable2 tbody tr.bgGray td, .c5-mscTable2 tfoot tr.bgGray th, .c5-mscTable2 tfoot tr.bgGray td {
    height: 2px;
  }
}
.c5-mscTable--borderBtm{
    border-bottom: solid 1px #bebebe;
}
.c5-mscTable--borderBtm th{
    padding: 1px !important;
}

/* ==========================================================================
   .c5-mscTable3
   ========================================================================== */
.c5-mscTable3 {
  margin: 10px 0 10px;
}
.c5-mscTable3 table {
  width: 100%;
  font-size: 13px;
  line-height:16px;
  border-spacing: 0;
  border-collapse: collapse;
}
@media screen and (max-width: 639px) {
  .c5-mscTable3 table {
    font-size: 10px;
  }
}
.c5-mscTable3 .ept {
  font-size: 0;
}
.c5-mscTable3 thead th {
  background: #72757E;
  color: #fff;
  text-align: center;
  padding:11px 18px;
  font-weight: bold;
}
.c5-mscTable3 thead th,.c5-mscTable3 tbody th,.c5-mscTable3 tfoot th {
  border-right: solid 5px #fff;
}
.c5-mscTable3 thead th:last-child,.c5-mscTable3 tbody th:last-child {
  border-right: none;
}
.c5-mscTable3 tbody td ,.c5-mscTable3 tfoot td {
  border-right: solid 5px #fff;
}
.c5-mscTable3 tfoot td {
  border-top: solid 8px #fff;
}
.c5-mscTable3 tbody td:last-child,.c5-mscTable3 tfoot td:last-child {
  border-right: none;
}
.c5-mscTable3 tbody th{
    font-weight: initial;
  padding:16px 18px;
}
.c5-mscTable3 tbody td {
  padding:16px 18px;
}
@media screen and (max-width: 639px) {
  .c5-mscTable3 tbody td {
    padding: 5px;
  }
}
.c5-mscTable3 tbody tr:nth-child(odd) th,
.c5-mscTable3 tbody tr:nth-child(odd) td, .c5-mscTable3 tfoot tr:nth-child(odd) th,
.c5-mscTable3 tfoot tr:nth-child(odd) td {
  background-color: #ffffff;
}
.c5-mscTable3 tbody tr:nth-child(even) th,
.c5-mscTable3 tbody tr:nth-child(even) td, .c5-mscTable3 tfoot tr:nth-child(even) th,
.c5-mscTable3 tfoot tr:nth-child(even) td {
  background-color: #f1f5f9;
}
.c5-mscTable3 tbody tr.subTitle th, .c5-mscTable3 tbody tr.subTitle td, .c5-mscTable3 tfoot tr.subTitle th, .c5-mscTable3 tfoot tr.subTitle td {
  padding: 5px 30px;
}
@media screen and (max-width: 639px) {
  .c5-mscTable3 tbody tr.subTitle th, .c5-mscTable3 tbody tr.subTitle td, .c5-mscTable3 tfoot tr.subTitle th, .c5-mscTable3 tfoot tr.subTitle td {
    padding: 1px 5px;
  }
}
.c5-mscTable3 tbody tr.bgGray th, .c5-mscTable3 tbody tr.bgGray td, .c5-mscTable3 tfoot tr.bgGray th, .c5-mscTable3 tfoot tr.bgGray td {
  background-color: #c0c0c0;
  height: 4px;
  padding: 0;
}
.c5-mscTable3 tfoot tr.bgGray td:last-child{
    border-left: solid 5px #fff;
}
@media screen and (max-width: 639px) {
  .c5-mscTable3 tbody tr.bgGray th, .c5-mscTable3 tbody tr.bgGray td, .c5-mscTable3 tfoot tr.bgGray th, .c5-mscTable3 tfoot tr.bgGray td {
    height: 2px;
  }
}

@media screen and (max-width: 639px) {
    .c5-mscTable3SP {
      margin: 10px 0 10px;
    }
    .c5-mscTable3SP table {
      width: 100%;
      border-spacing: 0;
      border-collapse: collapse;
      font-size: 11px;
    }
    .c5-mscTable3SP thead th {
      background: #72757e;
      color: #fff;
      text-align: center;
      padding:11px 18px;
	  font-weight: bold;
      font-size:11px;
    }
    .c5-mscTable3SP tbody th{
        font-weight: initial;
        padding: 15px;
    }
    .c5-mscTable3SP tbody td {
      padding: 15px 0px;
      background-color: #f1f5f9;
      border-right: solid 5px #fff;
      border-bottom: solid 5px #fff;
    }
    .c5-mscTable3SP tbody tr:nth-child(odd) th,
    .c5-mscTable3SP tbody tr:nth-child(odd) td, .c5-mscTable3SP tfoot tr:nth-child(odd) th,
    .c5-mscTable3SP tfoot tr:nth-child(odd) td {
      /*background-color: #ffffff;*/
    }
    .c5-mscTable3SP tbody tr:nth-child(even) th,
    .c5-mscTable3SP tbody tr:nth-child(even) td, .c5-mscTable3SP tfoot tr:nth-child(even) th,
    .c5-mscTable3SP tfoot tr:nth-child(even) td {
      /*background-color: #f1f5f9;*/
    }
    .c5-mscTable3SP tbody tr.subTitle th, .c5-mscTable3SP tbody tr.subTitle td, .c5-mscTable3SP tfoot tr.subTitle th, .c5-mscTable3SP tfoot tr.subTitle td {
      padding: 1px 5px;
    }
    .c5-mscTable3SP tbody tr.bgGray th, .c5-mscTable3SP tbody tr.bgGray td, .c5-mscTable3SP tfoot tr.bgGray th, .c5-mscTable3SP tfoot tr.bgGray td {
      background-color: #72757e;
      height: 1px;
      padding: 0;
    }
    .c5-mscTable3SP tfoot tr.bgGray td:last-child{
        border-left: solid 5px #fff;
    }
    .c5-mscTable3SP tbody td img{
      max-width:100%;
      height:auto;
    }
}
/* ==========================================================================
   .c5-TabBox
   ========================================================================== */
.c5-TabBox {
  margin: 30px 0;
  display: table-cell;
  height: inherit;
  overflow: hidden;
  border-left: 1px #ffffff solid;
  vertical-align:middle;
}

.c5-TabBox:first-child {
  border-left: none;
}
.c5-TabBox a{
  display: block;
  height:100%;
}

/* .c5-TabBox:last-child {
  border-left: 1px #ffffff solid;
} */

@media screen and (max-width: 639px) {
  .c5-TabBox {
    width: 100%;
  }
  .c5-TabBoxMq {
    width: 100%;
    margin:5px 0;
    display: block !important;
  }
  .c5-TabBox a{
    padding:10px 12px;
    font-size:9px !important;

  }
  .c5-TabBox a.line1{
	  line-height:2em;
  }
  .c5-TabBox a.line2{
	  line-height:1em;
  }
}
/* ==========================================================================
   .c5-TabBox2
   ========================================================================== */
.c5-TabBox2_top{
  border-bottom:solid 1px #bfbfbf;
}
.c5-TabBox2_bottom{
  border-top:solid 1px #bfbfbf;
}
.c5-TabBox2 {
  margin: 30px 0;
  display: table-cell;
  height: inherit;
  overflow: hidden;
  border-left: 11px #ffffff solid;
  vertical-align:middle;
}

.c5-TabBox2:first-child {
  border-left: none;
}
.c5-TabBox2 a{
  display: block;
  height:100%;
  color:#5d5d5d;
  padding:30px 35px;
  vertical-align: middle;
}
.c5-TabBox2 a.current{
  background-color:#5d5d5d;
  color:#fff;
}
.c5-TabBox2 a.line2{
  line-height:1;
}
.c5-TabBox2_top .c5-TabBox2 a{
  border-bottom:solid 10px #fff;
}
.c5-TabBox2_bottom .c5-TabBox2 a{
  border-top:solid 10px #fff;
}
.c5-TabBox2_top .c5-TabBox2 a.current{
  border-bottom:solid 10px #5d5d5d;
}
.c5-TabBox2_bottom .c5-TabBox2 a.current{
  border-top:solid 10px #5d5d5d;
}
/* .c5-TabBox2:last-child {
  border-left: 1px #ffffff solid;
} */

@media screen and (max-width: 639px) {
  .c5-TabBox2 {
    width: 100%;
  }
  .c5-TabBox2Mq {
    width: 100%;
    margin:5px 0;
    display: block !important;
  }
  .c5-TabBox2 a{
    padding:5px 6px;
    font-size:11px;
  }

}
/* ==========================================================================
   .c5-ButtonBox
   ========================================================================== */
/*#styleguide
c5-ButtonBox
```
                                <div class="c5-row btnArea">
                                    <div class="c5-ButtonBox">
                                        <a href="index.html" class="btn bgDisable">同意しない</a>                                    </div>
                                    <div class="c5-ButtonBox">
                                        <a href="#" class="btn bgSubmit">同意する</a>
                                    </div>
                                </div>
```
*/

.c5-ButtonBox {
  margin: 30px 0;
  display: table-cell;
  height: inherit;
  overflow: hidden;
}

.c5-ButtonBox:first-child {
  border-right: 8px transparent solid;
}

.c5-ButtonBox:last-child {
  border-left: 8px transparent solid;
}

@media screen and (max-width: 639px) {
  .c5-ButtonBox {
    width: 100%;
  }
}


/* ==========================================================================
   felica
   ========================================================================== */
main {
  width: 100%;
  min-width: 950px;
}
.mod-inner {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1190px;
  width: 94.0594059%;
}
header .mod-inner {
  width: 100%;
}

@media (max-width: 639px) {
  main {
    min-width: 320px;
  }
  .mod-inner {
    width: 90.625%;
  }
  header .mod-inner {
    width: auto;
  }
}

/* header */
header .global-head {
  font-size: 0;
}
header .global-head:after {
  clear: both;
  display: block;
  content: "";
}
header .global-head h1 {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  margin: 20px 0 0 0;
  /*margin: 20px 0 0 25px;*/
  padding-bottom: 20px;
  width: 97px;
/*   background-image: url(../img/header_logo.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  line-height: 0; */
/*   text-indent: -9999em; */
  vertical-align: bottom;
  line-height: 0;
}
header .global-head h1 a {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 0;
}
header .global-head h1 img {
  max-width: 97px;
  width: 100%;
  height: auto;
  background-color:#fff;
}

header .global-head strong {
  display: inline-block;
  vertical-align: bottom;
  margin: 0 0 0 20px;
  font-size: 12px;
  line-height: 1.0;
  color: #000;
}
header .global-head strong a {
  color: #000;
}
header .spmenu {
  display: none;
}
header aside {
  float: right;
  margin: 28px 20px 13px 0;
}
header aside div {
  position: relative;
  display: inline-block;
  font-size: 14px;
  font-weight:500;
  line-height: 16px;
}
header aside .toppage {
  display: none;
}
header aside .business {
  padding: 0 5px 0 4px;
}
header aside .business:after {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  display: block;
  width: 1px;
  height: 16px;
  background: #000;
}
header aside .consumer {
  padding: 0 4px;
}
header aside .english {
  margin-left: 20px;
}
header aside a {
  position: relative;
  display: block;
}
header aside .business a,
header aside .consumer a {
  padding: 0 15px;
  background-color: #fff;
  -webkit-transition: background-color 0.25s;
  -moz-transition: background-color 0.25s;
  transition: background-color 0.25s;
}
header aside .business a:hover,
header aside .consumer a:hover,
header aside.business .business a,
header aside.consumer .consumer a {
  opacity: 1.0;
  color: #000;
  background-color: #e2e8ea;
}

@media (max-width: 639px) {
  header .global-head h1 {
    margin: 20px 0 15px 6.25%;
    
  }
  header .global-head strong {
    margin: 0 0 15px 4.6875%;
  }
  header .spmenu {
    position: relative;
    display: block;
    float: right;
    margin: 15px 6.25% 0 0;
    padding-bottom: 29px;
    width: 40px;
    background: #efefef;
    border-radius: 3px;
  }
  header .spmenu:after {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -7px 0 0 -7px;
    content: "\e842";
    font-size: 14px;
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    line-height: 14px;
    color: #616161;
  }
  header .spmenu.spmenu--open:after {
    content: "\e845";
  }
  header aside {
    float: none;
    display: none;
    margin: 0;
  }
  header aside div {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 15px;
    line-height: 1.0;
    border: none;
    border-top: 1px solid #c0c0c0;
  }
  header aside .business:after {
    display: none;
  }
  header aside a {
    padding: 15px 6.25% !important;
  }
  header aside a:after {
    position: absolute;
    top: 50%;
    right: 0;
    margin: -5px 6.25% 0 0;
    content: "\e826";
    font-family: "fontello";
    font-size: 10px;
    line-height: 10px;
    font-style: normal;
    font-weight: normal;
  }
}
@media (max-width: 480px) {
  header .global-head h1 {
    padding-bottom: 18px;
    width: 89px;
  }
  header .global-head strong {
    font-size: 11px;
  }
}

header .category-head {
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
}
header .ti_business {
  background-image: url(../img/title_business.jpg);
  background-color: #0c1f27;
}
header .ti_consumer {
  background-image: url(../img/title_consumertop_renew.jpg);
}
header .category-head h2 {
  padding-left: 25px;
  font-size: 18px;
  line-height: 60px;
}
header .ti_business h2,
header .ti_consumer h2 {
  color: #fff;
}
header .ti_business h2 a,
header .ti_consumer h2 a {
  color: #fff;
}

@media (max-width: 639px) {
  header .category-head {
    padding-bottom: 15%;
    background-size: cover;
  }
  header .ti_business {
    background-image: url(../img/title_business_sp.jpg);
  }
  header .ti_consumer {
    background-image: url(../img/title_consumertop_new_sp.jpg);
  }
  header .category-head h2 {
    position: absolute;
    top: 50%;
    margin-top: -9px;
    padding-left: 6.25%;
    width: 100%;
    line-height: 18px;
  }
}

header .mainnav ul {
  margin: 17px 0 15px;
  padding: 0;
  list-style: none;
  font-size: 0;
  text-align: center;
}
header .mainnav li {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  /*margin: 0 0 0 48px;*/
  margin: 0 0 0 43px;
  font-size: 15px;
  font-weight: normal !important;
  line-height: 1.3;
}
header .mainnav li:first-child {
  margin: 0;
}
header .mainnav a {
  display: block;
  color:#000;
  border-bottom: 3px solid transparent;
  -webkit-transition: border-color 0.25s;
  -moz-transition: border-color 0.25s;
  transition: border-color 0.25s;
  padding-right: 5px;
}
header .mainnav a.current,
header .mainnav a:hover {
  opacity: 1.0;
  color: #000;
  border-color: #000;
}
header .mainnav a:before {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0;
  padding: 3px 0 6px;
  font-size: 34px;
  color: #5c5c5c !important;
}
header .mainnav span {
  display: inline-block;
  vertical-align: middle;
}
header .mainnav span br {
  display: none;
}

@media (max-width: 639px) {
  header .mainnav ul {
    margin: 0;
    text-align: left;
  }
  header .mainnav li {
    margin: 0 !important;
    width: 50%;
    font-size: 14px;
    border-bottom: 1px solid #9e9e9e;
  }
  header .mainnav li:nth-child(even) {
    border-left: 1px solid #9e9e9e;
  }
  header .mainnav a {
    padding: 0 9.375%;
    /*border: none;*/
    margin-bottom: -1px;
  }
  header .mainnav a:before {
    padding: 10px 0;
    font-size: 30px;
  }
}
@media (max-width: 480px) {
  header .mainnav li {
    font-size: 13px;
  }
  header .mainnav span br {
    display: block;
  }
}
@media (max-width: 320px) {
  header .mainnav a {
    font-size: 11px;
  }
  header .mainnav a:before {
    font-size: 26px;
  }
}


/* article */
article {
  margin-top: 40px;
}
article section {
  display: block;
  overflow: hidden;
  position: relative;
  clear: both;
}

article .c5_header_c1 {
  text-align: center;
}
article .c5_header_c1 h1 {
  font-size: 27px;
  line-height: 56px;
}
article .c5_header_c1 h1 .icon_mark {
  font-size: 52px;
  display: block;
}
@media (max-width: 639px) {
  article .c5_header_c1 h1 {
    font-size: 16px;
    line-height: 32px;
  }
}
article .c5_header_c1 p {
  margin-top: 10px;
  font-size: 16px;
}
@media (max-width: 639px) {
  article .c5_header_c1 p {
    font-size: 14px;
  }
}
/*
#styleguide
*/
article .c5_header_c2 {
  text-align: center;
}
article .c5_header_c2 h2 {
  font-size: 22px;
  line-height: 26px;
  color:#145189;
  font-weight:normal;
}
@media (max-width: 639px) {
  article .c5_header_c2 h2 {
    font-size: 16px;
    line-height: 32px;
  }
}
article .c5_header_h2 {
  margin: 20px 0;
  border-bottom: solid 2px #bfbfbf;
  font-size: 16px;
  /*line-height:16px;*/
  line-height: 1.2;
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  font-weight: bold;
  position: relative;
  padding-bottom:14px;
}
@media (max-width: 639px) {
  article .c5_header_h2 {
	font-size: 14px;
	margin-bottom: 30px;
  }
}
article .c5_header_h2 h2 {
  display: inline-block;
}
article .c5_header_h2 h2 img{
  display: inline-block;
  vertical-align:middle;
}
@media (max-width: 639px) {
  article .c5_header_h2 h2 {
    display: block;
  }
}
article .c5_header_h2 a {
  font-size: 11px;
  position: absolute;
  display: inline-block;
  right: 0;
}
article .c5_header_h2 a.txtLink {
  font-size: 16px;
  position: static;
  display: inline-block;
  color:#145189;
}
@media (max-width: 639px) {
  article .c5_header_h2 a {
    margin-top: 5px;
  }
}article .c5_header_h3 {
  margin: 20px 0;
  border-bottom: solid 2px #bfbfbf;
  font-size: 16px;
  /*line-height:16px;*/
  line-height: 1.2;
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  font-weight: bold;
  position: relative;
  padding-bottom:14px;
}
@media (max-width: 639px) {
  article .c5_header_h3 {
	font-size: 14px;
	margin-bottom: 30px;
  }
}
article .c5_header_h3 h3 {
  display: inline-block;
}
article .c5_header_h3 h3 img{
  display: inline-block;
  vertical-align:middle;
}
@media (max-width: 639px) {
  article .c5_header_h3 h3 {
    display: block;
  }
}
article .c5_header_h3 a {
  font-size: 11px;
  position: absolute;
  display: inline-block;
  right: 0;
}
article .c5_header_h3 a.txtLink {
  font-size: 16px;
  position: static;
  display: inline-block;
  color:#145189;
}
@media (max-width: 639px) {
  article .c5_header_h3 a {
    margin-top: 5px;
  }
}
article .c5_header_h1 {
  margin: 20px 0;
  border-bottom: solid 2px #bfbfbf;
  font-size: 16px;
  /*line-height:16px;*/
  line-height: 1.2;
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  font-weight: bold;
  position: relative;
  padding-bottom:14px;
}
@media (max-width: 639px) {
  article .c5_header_h1 {
	font-size: 14px;
	margin-bottom: 30px;
  }
}
article .c5_header_h1 h1 {
  display: inline-block;
}
article .c5_header_h1 h1 img{
  display: inline-block;
  vertical-align:middle;
}
@media (max-width: 639px) {
  article .c5_header_h1 h1 {
    display: block;
  }
}
article .c5_header_h1 a {
  font-size: 11px;
  position: absolute;
  display: inline-block;
  right: 0;
}
article .c5_header_h1 a.txtLink {
  font-size: 16px;
  position: static;
  display: inline-block;
  color:#145189;
}
@media (max-width: 639px) {
  article .c5_header_h1 a {
    margin-top: 5px;
  }
}

/* ==========================================================================
 * updated --- 2021/08/19
   ========================================================================== */

/* common
---------------------------------------------------------------*/
article .head_1st{
  line-height: 56px;
  margin:65px 0;
  font-size: 24px;
  text-align: center;
}
@media (max-width: 639px) {
  article .head_1st{
    line-height: 32px;
    margin:35px 0;
    font-size: 20px;
    }
  }
article .head_2nd{
  line-height: 1.2;
  margin-bottom:30px;
  padding-bottom:14px;
  text-align: center;
  font-size: 20px;
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  border-bottom: solid 2px #bfbfbf;
  position: relative;
}
  @media (max-width: 639px) {
    article .head_2nd{
    font-size: 18px;
    margin-bottom: 30px;
    }
  }
article .head_3rd{
  margin-bottom:10px;
  font-size: 19px;
}
@media (max-width: 639px) {
  article .head_3rd{
  font-size: 15px;
  }
}








/* low title */
article .c5_header_c1 h2 {
	line-height: 56px;
	margin:65px 0;
	font-size: 24px;
	text-align:center;
}

@media (max-width: 639px) {
article .c5_header_c1 h2 {
	line-height: 32px;
	margin:35px 0;
	font-size: 20px;
  }
}


/* breadcrumb_list */
.breadcrumbs{
	width: 1190px;
	margin: 0 auto;
	padding:0 0 20px;
	box-sizing: border-box;
}
@media (max-width: 639px) {
.breadcrumbs{
	width: 90.625%;
	padding:0px 10px 5px 5px;
}
}
.breadcrumb_list{
	flex-wrap: wrap;
	display:flex;
}
@media (max-width: 639px) {
.breadcrumb_list{
	padding-bottom:10px;
	box-sizing:border-box;
	overflow-x:scroll;
	overflow-scrolling: touch;
	flex-wrap: nowrap;
	white-space: nowrap;
}
.breadcrumb_list::scrollbar{
	width: 0px;
	height:5px;
}
.breadcrumb_list::scrollbar-track{
	background: #2a354a;
	border: none;
	border-radius: 10px;
	box-shadow: inset 0 0 0px #2a354a; 
}
.breadcrumb_list::scrollbar-thumb{
	background: #445779;
	border-radius: 10px;
	box-shadow: none;
}
}
.breadcrumb_list li{
	line-height:1.5;
	color:#656565;
	font-size:12px;
	list-style:none;
	position:relative;
}
.breadcrumb_list li:after{
	content:">";
	margin:0 4px;
}
.breadcrumb_list li:last-child:after{
	content:none;
}
.breadcrumb_list li a{
	/* [disabled]color:#656565; */
}
.breadcrumb_list li a:hover{
	color:#145189;
}


/* consumer navi
---------------------------------------------------------------*/
.cons_nav{
	border-bottom:5px #604c9a solid;
}
.cons_nav .cons_nav_list{
	width:1190px;
	margin:0 auto;
	align-items:center;
	display:flex;
}
@media screen and (max-width: 639px) {
.cons_nav .cons_nav_list{
	width:auto;
	flex-wrap: wrap;
	border-top:1px #604c9a solid;
}
}
.cons_nav .cons_nav_list li{
	width:195px;
	font-size:15px;
	text-align:center;
	border-right:1px #604c9a solid;
	list-style:none;
}
@media screen and (max-width: 639px) {
.cons_nav .cons_nav_list li{
	width:50%;
	box-sizing:border-box;
}
}
.cons_nav .cons_nav_list li:first-child{
	border-left:1px #604c9a solid;
}
@media screen and (max-width: 639px) {
.cons_nav .cons_nav_list li:first-child{
	border-left:none;
	border-bottom:1px #604c9a solid;
}
.cons_nav .cons_nav_list li:nth-child(2){
	border-bottom:1px #604c9a solid;
}
.cons_nav .cons_nav_list li:nth-child(even){
	border-right:none;
}
}
@media screen and (max-width: 320px) {
.cons_nav .cons_nav_list li{
	font-size:12px;
}
}
.cons_nav .cons_nav_list li.on{
	color:#fff;
	background:#604c9a;
}
.cons_nav .cons_nav_list li.on a{
	color:#fff;
}
.cons_nav .cons_nav_list li a{
	padding:8px 0;
	color:#000;
	transition: all .3s ease-in;
	display:block;
}
.cons_nav .cons_nav_list li a:hover{
	color:#fff;
	background:#604c9a;
	opacity:1;
}

/* business navi
---------------------------------------------------------------*/
.biz_nav{
	border-bottom:5px #006eb8 solid;
}
.biz_nav .biz_nav_list{
	width:1190px;
	margin:0 auto;
	align-items:center;
	display:flex;
}
@media screen and (max-width: 639px) {
.biz_nav .biz_nav_list{
	width:auto;
	flex-wrap: wrap;
	border-top:1px #006eb8 solid;
}
}
.biz_nav .biz_nav_list li{
	width:100%;
	font-size:15px;
	text-align:center;
	border-right:1px #006eb8 solid;
	list-style:none;
}
@media screen and (max-width: 639px) {
.biz_nav .biz_nav_list li{
	width:50%;
	box-sizing:border-box;
}
}
.biz_nav .biz_nav_list li:first-child{
	border-left:1px #006eb8 solid;
}
@media screen and (max-width: 639px) {
.biz_nav .biz_nav_list li{
	border-bottom:1px #006eb8 solid;
}
.biz_nav .biz_nav_list li:first-child{
	border-left:none;
}
.biz_nav .biz_nav_list li:nth-child(even){
	border-right:none;
}
.biz_nav .biz_nav_list li:nth-child(5){
	border-bottom:none;
}
.biz_nav .biz_nav_list li:last-child{
	border-bottom:none;
}
}
@media screen and (max-width: 320px) {
.biz_nav .biz_nav_list li{
	font-size:12px;
}
}
.biz_nav .biz_nav_list li.on{
	color:#fff;
	background:#006eb8;
}
.biz_nav .biz_nav_list li.on a{
	color:#fff;
	background:#006eb8;
}
.biz_nav .biz_nav_list li a{
	padding:8px 0;
	color:#000;
	transition: all .3s ease-in;
	display:block;
}
.biz_nav .biz_nav_list li a:hover{
	color:#fff;
	background:#006eb8;
	opacity:1;
}

/* footer
---------------------------------------------------------------*/
.tmpl_footer{
	margin-top:100px;
	padding:45px 0 25px;
	background:#f3f3f3;
}
@media (max-width: 639px) {
.tmpl_footer{
	margin-top:50px;
	padding:15px 0 15px;
}
}
.tmpl_footer_inner{
	width: 1190px;
	margin: 0 auto;
	display:flex;
}
@media (max-width: 639px) {
.tmpl_footer_inner{
	width: 90.625%;
	display:block;
}
}
.tmpl_footer_inner a{
	color:#000;
	transition: all .3s ease-in;
}
.tmpl_footer_inner a:hover{
	opacity: 0.5;
}
.tmpl_footer_inner li{
	width: 100%;
	padding:0 28px;
	border-right:1px #bfbfbf solid;
	box-sizing:border-box;
	list-style:none;
}
@media (max-width: 639px) {
.tmpl_footer_inner li{
	padding:20px 0px 15px;
	border-right:none;
	border-bottom:1px #bfbfbf solid;
}
}
.tmpl_footer_inner li:first-child{
	padding-left:0;
}
.tmpl_footer_inner li:last-child{
	padding-right:0;
}
.tmpl_footer_inner li:last-child{
	border-right:none;
}
@media (max-width: 639px) {
.tmpl_footer_inner li:last-child{
	border-bottom:none;
	text-align:center;
}
}
.tmpl_footer_ttl{
	margin-bottom:20px;
	font-size:17px;
}
.pickup_link a{
	line-height:1.3;
	margin-bottom:13px;
	padding:10px 14px;
	font-size:15px;
	font-weight:bold;
	border:1px #bfbfbf solid;
	display:block;
}
.tmpl_footer_list{
	margin-bottom:15px;
}
.tmpl_footer_list dt{
	margin-bottom:10px;
	font-size:14px;
	font-weight:bold;
}
.tmpl_footer_list dd{
	margin:0 0 10px 15px;
	padding:0 0 0 10px;
	font-size:14px;
	background:url(../../common/img/ico_footer_arw.png) no-repeat left center;
}
.tmpl_footer_txt{
	margin-bottom:15px;
	font-size:14px;
	font-weight:bold;
}
.tmpl_footer_jump{
	margin-bottom:15px;
	text-align:center;
	display:inline-block;
	position:relative;
}
.tmpl_footer_jump:after{
	width:16px;
	height:13px;
	content:"";
	background:url(../../common/img/ico_jump.png) no-repeat left center;
	position:absolute;
	top:5px;
	right:5px;
}


/* ==========================================================================
 * updated --- 2021/08/19 -end
   ========================================================================== */

/* footer */
.mod-foot {
  min-width: 1190px;
  background: #f3f3f3;
  border-top: 1px solid #ebebeb;
}
.mod-foot .mod-inner {
  padding: 20px 0;
}
.mod-foot .mod-inner:after {
  clear: both;
  display: block;
  content: '';
}
.mod-foot ul {
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0;
}
.mod-foot li {
  display: inline-block;
  box-sizing: border-box;
  padding: 0 18px;
  border-left: 1px solid #000;
}
.mod-foot li:first-child {
  padding-left: 0;
  border-left: none;
}
.mod-foot li:last-child {
  padding-right: 0;
}
.mod-foot li a {
  display: inline-block;
  font-size: 12px;
  line-height: 12px;
}
.mod-foot small {
  float: right;
  display: block;
  font-size: 12px;
  line-height: 12px;
}

@media (max-width: 640px) {
  .mod-foot {
    min-width: 320px;
    text-align: center;
  }
  .mod-foot ul {
    float: none;
  }
  .mod-foot li {
    margin-top: 20px;
    padding: 0 10px !important;
    width: 33%;
  }
  .mod-foot li:nth-child(-n+3) {
    margin-top: 0;
  }
  .mod-foot li:nth-child(3n+1) {
    border-left: none;
  }
  .mod-foot small {
    float: none;
    text-align: center;
    margin: 30px auto 0;
  }
}
@media (max-width: 480px) {
  .mod-foot li {
    width: 50%;
  }
  .mod-foot li:nth-child(-n+3) {
    margin-top: 20px;
  }
  .mod-foot li:nth-child(-n+2) {
    margin-top: 0;
  }
  .mod-foot li:nth-child(3n+1) {
    border-left: 1px solid #000;
  }
  .mod-foot li:nth-child(2n+1) {
    border-left: none;
  }
  .mod-foot small {
    font-size: 11px;
  }
}





/* ==========================================================================
   .c5-infoImage
   ========================================================================== */

/*#styleguide
c5-infoImage
```
                            <div class="c5-row">
                                <div class="c5-infoImage">
                                    <ul>
                                        <li class="c5-infoImage__item4">
                                            <a href="#"><img src="../../felica-j/common/img/img_solution.jpg" srcset="../../felica-j/common/img/img_solution.jpg 1x,../../felica-j/common/img/img_solution@2x.jpg 2x" alt=""><p>ソリューション提供事業者一覧</p>
                                            </a>
                                        </li>
                                        <li class="c5-infoImage__item4">
                                            <a href="#"><img src="../../felica-j/common/img/img_faq.jpg" srcset="../../felica-j/common/img/img_faq.jpg 1x,../../felica-j/common/img/img_faq@2x.jpg 2x" alt="">
                                                <p>よくあるご質問</p>
                                            </a>
                                        </li>
                                        <li class="c5-infoImage__item4">
                                            <a href="#"><img src="../../felica-j/common/img/img_contact01.jpg" srcset="../../felica-j/common/img/img_contact01.jpg 1x,../../felica-j/common/img/img_contact01@2x.jpg 2x" alt="">
                                                <p>製品のご購入・お問い合わせ</p>
                                            </a>
                                        </li>
                                    </ul>
                                     /.c5-infoImage 
                                </div>
                            </div>
```
*/

.c5-infoImage {
  /*margin: 0px -12px 0px -11px;*/
  margin-top: 27px;
}
.c5-infoImage:first-child {
  margin-top: 0;
}
.c5-infoImage:before {
  content: '';
  margin-top: -15px;
}
.c5-infoImage ul {
  font-size: 0;
  list-style: none;
  padding: 0;
  margin: 0;
}
.c5-infoImage li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align:top;
  /*padding: 0 11px 0 11px;*/
  /*margin: 0 0 10px;*/
  position: relative;
}
.c5-infoImage li {
  margin-left: 2.1848739% !important;
  width: 23.3613445% !important;
}
.c5-infoImage li:first-child {
  margin-left: 0 !important;
}

.c5-infoImage li.c5-infoImage__item1 {
  width: 100%;
}
.c5-infoImage li.c5-infoImage__item2 {
  width: 49.999%;
}
.c5-infoImage li.c5-infoImage__item3 {
  width: 33.333%;
}
.c5-infoImage li.c5-infoImage__item4 {
  width: 24.999%;
}
.c5-infoImage a {
  display: block;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
}
.c5-infoImage a p {
  margin-top: 15px;
  text-align: center;
  font-size: 14px;
  color:#565656;
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  font-weight: bold;
  line-height: 1.2;
}
.c5-infoImage a:hover {
  opacity: 0.7;
}
.c5-infoImage img {
  display: block;
  width: 100%;
  height: auto;
}
.c5-infoImage__alt {
  display: none;
}

@media screen and (max-width: 639px) {
  .c5-infoImage {
    margin-top: 0;
  }
  .c5-infoImage li {
    margin-top: 4%;
    margin-left: 4% !important;
    width: 48% !important;
  }
  .c5-infoImage:first-child li:nth-child(1),
  .c5-infoImage:first-child li:nth-child(2) {
    margin-top: 2%;
  }
  .c5-infoImage li:nth-child(2n+1) {
    margin-left: 0 !important;
  }

  .c5-infoImage li.c5-infoImage__item1 {
    width: 100%; }
  .c5-infoImage li.c5-infoImage__item2 {
    width: 100%; }
  .c5-infoImage li.c5-infoImage__item3 {
    width: 49.999%; }
  .c5-infoImage li.c5-infoImage__item4 {
    width: 49.999%; }

  .c5-infoImage__default {
    display: none; }

  .c5-infoImage__alt {
    display: block;
  }
  .c5-infoImage a p {
    margin-top:10px;
    padding: 0 10px;
    font-size:12px;
  }
  .c5-infoImage img {
    width:100%;
  }
}


/* ==========================================================================
   .c5-bnrImage
========================================================================== */
/*#styleguide
c5-bnrImage
```
                            <div class="c5-row">
                                <div class="c5-bnrImage">
                                    <ul>
                                        <li class="c5-bnrImage__item4">
                                            <a href="#"><img src="../../felica-j/common/img/banner/felica_tech.jpg" alt="FeliCa互換性技術情報サイト"></a>
                                        </li>
                                        <li class="c5-bnrImage__item4">
                                            <a href="#"><img src="../../felica-j/common/img/banner/orig_app.jpg" alt="NFC/FeliCa対応オリジナルアプリ制作"></a>
                                        </li>
                                        <li class="c5-bnrImage__item4">
                                            <a href="#"><img src="../../felica-j/common/img/banner/pasori_utility.jpg" alt="iPhoneで電子マネーの残高・利用履歴が分かる「パソリユーティリティ」"></a>
                                        </li>
                                        <li class="c5-bnrImage__item4"></li>
                                    </ul>
                                     /.c5-bnrImage 
                                </div>

                            </div>
```
*/

.c5-bnrImage {
  /*margin: 0px -19px 0px -18px;*/
  margin-bottom: 0 !important;
}
.c5-bnrImage:before {
  content: '';
  margin-top: -15px;
}
.c5-bnrImage ul {
  font-size: 0;
  font-family: 'zeroWidth';
  list-style: none;
  padding: 0;
  margin: 29px 0 0;
}
.c5-bnrImage:first-child ul {
  margin-top: 0;
}
.c5-bnrImage li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  /*padding: 0 18px 0 18px;*/
  /*margin: 0 0 10px;*/
  position: relative;
}
.c5-bnrImage li.c5-bnrImage__item1 {
  width: 100%;
}
.c5-bnrImage li.c5-bnrImage__item2 {
  width: 49.999%;
}
.c5-bnrImage li.c5-bnrImage__item3 {
  width: 33.333%;
}
.c5-bnrImage li.c5-bnrImage__item4 {
  /*width: 24.999%;*/
  margin-top: 29px;
  margin-left: 3.8655462%;
  width: 22.1008403%;
}
.c5-bnrImage li.c5-bnrImage__item4:nth-child(-n+4) {
  margin-top: 0;
}
.c5-bnrImage li.c5-bnrImage__item4:nth-child(4n+1) {
  margin-left: 0;
}
.c5-bnrImage li.c5-bnrImage__item5 {
  width: 19.999%;
}
.c5-bnrImage li.c5-bnrImage__item6 {
  width: 16.666%;
}

.c5-bnrImage a {
  display: block;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
}
.c5-bnrImage a:hover {
  opacity: 0.7;
}
.c5-bnrImage img {
  display: block;
  width: 100%;
  height: auto;
}
.c5-bnrImage__alt {
  display: none;
}

@media screen and (max-width: 639px) {
  .c5-bnrImage ul {
    margin: 0;
  }
  .c5-bnrImage li.c5-bnrImage__item1 {
    width: 100%;
  }
  .c5-bnrImage li.c5-bnrImage__item2 {
    width: 100%;
  }
  .c5-bnrImage li.c5-bnrImage__item3 {
    width: 49.999%;
  }
  .c5-bnrImage li.c5-bnrImage__item4 {
    /*width: 49.999%;*/
    margin: 4% 0 0 4% !important;
    width: 48%;
  }
  .c5-bnrImage li.c5-bnrImage__item4:nth-child(2n+1) {
    margin-left: 0 !important;
  }
  .c5-bnrImage li.c5-bnrImage__item5 {
    width: 33.333%;
  }
  .c5-bnrImage li.c5-bnrImage__item6 {
    width: 33.333%;
  }
  .c5-bnrImage__default {
    display: none;
  }
  .c5-bnrImage__alt {
    display: block;
  }
}

/* ==========================================================================
   .c5-subLink
   ========================================================================== */
/*#styleguide
c5-subLink
```
                            <div class="c5-row">
                            <div class="c5-subLink">
                                <ul>
                                    <li class="c5-subLink__item4">
                                        <a href="#" class=""><span>マンション・ホテルセキュリティー</span></a>
                                    </li>
                                    <li class="c5-subLink__item4">
                                        <a href="#" class=""><span>病院向けソリューション</span></a>
                                    </li>
                                    <li class="c5-subLink__item4">
                                        <a href="#" class=""><span>電子チケット/電子会員証</span></a>
                                    </li>
                                    <li class="c5-subLink__item4">
                                        <a href="#" class=""><span>その他のソリューション</span></a>
                                    </li>
                                </ul>
                                 /.c5-subLink 
                            </div>

                            </div>
```
*/

.c5-subLink {
  margin: 0px -6px 0px -6px; }
  .c5-subLink:before {
    content: '';
    margin-top: -15px; }
  .c5-subLink ul {
    font-size: 0;
    font-family: 'zeroWidth';
    list-style: none;
    padding: 0;
    margin: 0; }
  .c5-subLink li {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: inline-block;
    vertical-align:top;
    padding: 0 6px 0 6px;
    margin: 0 0 10px;
    position: relative; }
    .c5-subLink li.c5-subLink__item1 {
      width: 100%; }
    .c5-subLink li.c5-subLink__item2 {
      width: 49.999%; }
    .c5-subLink li.c5-subLink__item3 {
      width: 33.333%; }
    .c5-subLink li.c5-subLink__item4 {
      width: 24.999%; }
    .c5-subLink li.c5-subLink__item5 {
      width: 19.999%; }
    .c5-subLink li.c5-subLink__item6 {
      width: 16.666%; }
  .c5-subLink a {
    padding:0 20px;
    font-size: 14px;
    line-height:19px;
    color:#fff;
    background-color:#5f6b7e;
    display: block; }
  .c5-subLink a.current {
    background-color:#d5d8dc;}


.c5-subLink a:after{
    position: absolute;
    top: 50%;
    right: 0;
    margin: -5px 6.25% 0 0;
    content: "\e825";
    font-family: "fontello";
    font-size: 7px;
    line-height: 7px;
    font-style: normal;
    font-weight: normal;
    color:#fff;
}
  .c5-subLink a span{
    padding:20px 0px;
    display:table-cell;
    vertical-align:middle;
    height:100%;
}

@media screen and (max-width: 639px) {

  .c5-subLink li.c5-subLink__item1 {
    width: 100%; }
  .c5-subLink li.c5-subLink__item2 {
    width: 100%; }
  .c5-subLink li.c5-subLink__item3 {
    width: 49.999%; }
  .c5-subLink li.c5-subLink__item4 {
    width: 49.999%; }
  .c5-subLink li.c5-subLink__item5 {
    width: 33.333%; }
  .c5-subLink li.c5-subLink__item6 {
    width: 33.333%; }

  .c5-subLink a {
    padding:0 10px;
    font-size: 12px;
    line-height:17px;
    color:#fff;
    background-color:#5f6b7e;
    display: block; }
  .c5-subLink a.current {
    background-color:#d5d8dc;}


}



/* ==========================================================================
   .c5-archiveImage
   ========================================================================== */
/*#styleguide
c5-archiveImage
```
                            <div class="c5-row">
                                <div class="c5-archiveImage archiveNav">
                                    <ul>
                                        <li class="c5-archiveImage__item6"><a href="#Year2016">2016</a></li>
                                        <li class="c5-archiveImage__item6"><a href="#Year2015">2015</a></li>
                                        <li class="c5-archiveImage__item6"><a href="#Year2014">2014</a></li>
                                        <li class="c5-archiveImage__item6"><a href="#Year2013">2013</a></li>
                                        <li class="c5-archiveImage__item6"><a href="#Year2012">2012</a></li>
                                        <li class="c5-archiveImage__item6"><a href="#Year2011">2011</a></li>
                                    </ul>
                                     /.c5-bnrImage 
                                </div>
                            </div>
```
*/

.c5-archiveImage {
  margin: 0px -3px 0px -2px; }
  .c5-archiveImage:before {
    content: '';
    margin-top: -15px; }
  .c5-archiveImage ul {
    font-size: 0;
    font-family: 'zeroWidth';
    list-style: none;
    padding: 0;
    margin: 0; }
  .c5-archiveImage li {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: inline-block;
    padding: 0 2px 0 2px;
    margin: 0 0 10px;
    position: relative; }
    .c5-archiveImage li.c5-archiveImage__item1 {
      width: 100%; }
    .c5-archiveImage li.c5-archiveImage__item2 {
      width: 49.999%; }
    .c5-archiveImage li.c5-archiveImage__item3 {
      width: 33.333%; }
    .c5-archiveImage li.c5-archiveImage__item4 {
      width: 24.999%; }
    .c5-archiveImage li.c5-archiveImage__item5 {
      width: 19.999%; }
    .c5-archiveImage li.c5-archiveImage__item6 {
      width: 16.666%; }
  .c5-archiveImage a {
    background-color: #d6dce0;
    font-size:14px;
    text-align: center;
    line-height: 45px;
    display: block; }
    .c5-archiveImage a img {
      -webkit-transition: opacity .2s;
              transition: opacity .2s; }
    .c5-archiveImage a:hover img {
      -webkit-transition: opacity 0;
              transition: opacity 0;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
      opacity: 0.7; }
  .c5-archiveImage img {
    display: block;
    width: 100%;
    height: auto; }

.c5-archiveImage__alt {
  display: none; }

@media screen and (max-width: 639px) {
  .c5-archiveImage li{
    margin: 0 0 4px;
  }

  .c5-archiveImage li.c5-archiveImage__item1 {
    width: 100%; }
  .c5-archiveImage li.c5-archiveImage__item2 {
    width: 100%; }
  .c5-archiveImage li.c5-archiveImage__item3 {
    width: 49.999%; }
  .c5-archiveImage li.c5-archiveImage__item4 {
    width: 49.999%; }
  .c5-archiveImage li.c5-archiveImage__item5 {
    width: 33.333%; }
  .c5-archiveImage li.c5-archiveImage__item6 {
    width: 33.333%; }

  .c5-archiveImage__default {
    display: none; }

  .c5-archiveImage__alt {
    display: block; } }





/* .pagetop
--------------------------------------------------------------------------------*/
.pagetop {
  margin: 0 auto;
  width: 100%;
  height: 1px;
}
.pagetop .floater {
  position: static;
  margin: 0 auto;
  width: 100%;
  min-width: 950px;
  height: 0;
  zoom: 1;
}
.pagetop .floater.fixed {
  position: fixed;
  bottom: 0;
  z-index: 1000;
  height: 0;
}
.pagetop .floater div {
  position: relative;
  margin: 0 auto;
  width: 910px;
}
.pagetop .floater a {
  position: relative;
  top: -74px;
  right: 40px;
  display: block;
  margin: 0 0 0 auto;
  width: 40px;
  height: 32px;
  background-color: #212530;
  background-color: rgba(33,37,48,0.4);
  border-radius: .125em;
  text-align: center;
  transition: background-color 0.2s ease-out;
  -o-transition: background-color 0.2s ease-out;
  -ms-transition: background-color 0.2s ease-out;
  -moz-transition: background-color 0.2s ease-out;
  -webkit-transition: background-color 0.2s ease-out;
  overflow: hidden;
}
.touch .pagetop .floater a {
  transition: none;
  -o-transition: none;
  -ms-transition: none;
  -moz-transition: none;
  -webkit-transition: none;
}
.pagetop .floater a:hover {
  background-color: #2f353d;
  background-color: rgba(33,37,48,0.8);
}
.touch .pagetop .floater a:hover {
  background-color: rgba(33,37,48,0.4);
}
.pagetop .floater a span {
  display: inline-block;
  position: relative;
  margin-top: 0.7em;
  width: 16px;
  height: 6px;
}
.pagetop .floater a img {
  position: absolute;
  top: 11px;
  left: 12px;
  width: 16px;
  height: 6px;
}
.pagetop .target {
  position: fixed;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 0px;
  zoom: 1;
}

@media(max-width:640px) {
  .pagetop {
    margin-top: 22px;
    padding-bottom: 15px;
    min-width: 320px;
  }
  .pagetop .floater {
    width: 100%;
    min-width: 320px;
  }
  .pagetop .floater.fixed {
    position: fixed;
    left: 0;
    bottom: 15px;
  }
  .pagetop .floater a {
    margin: 0 6.3% 0 auto;
    top: -32px;
    right: 0;
    transition: none;
  }
  .pagetop .floater a:hover {
    background-color: rgba(33,37,48,0.4);
  }
  .pagetop .target {
    bottom: 15px;
  }
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../img/colorbox/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
    /*#cboxTopLeft{width:21px; height:21px; background:url(../img/colorbox/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../img/colorbox/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../img/colorbox/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../img/colorbox/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../img/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../img/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../img/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../img/colorbox/border.png) 0 -29px repeat-x;}*/
    /*#cboxContent{background:#fff; overflow:hidden;}*/
    #cboxContent{background:transparent; overflow:hidden;}
        .cboxIframe{background:#000;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        /*#cboxLoadedContent{margin-bottom:28px;}*/
        #cboxLoadedContent{margin:20px 0; background:#000;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        /*#cboxLoadingOverlay{background:url(../img/colorbox/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../img/colorbox/loading.gif) no-repeat center center;}*/

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../img/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../img/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; top:0; right:0; background:url(../img/colorbox/controls.png) no-repeat -32px -6px; width:12px; height:12px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-32px -31px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-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
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.mod-heading-h1 {
  padding: 25px 0 25px;
  text-align: center;
}
.mod-heading-h1 h1 {
  padding: 0 0 10px;
  font-size: 125%;
  line-height: 1.2;
  border-bottom: 2px solid #bfbfbf;
}
@media screen and (max-width: 639px) {
.mod-heading-h1 img {
  width: 100%;
  height: auto;
}
}
.mod-heading-h3 {
  padding: 25px 0 25px;
  text-align: center;
}
.mod-heading-h3 h3 {
  padding: 0 0 10px;
  font-size: 125%;
  line-height: 1.2;
  border-bottom: 2px solid #bfbfbf;
}
@media screen and (max-width: 639px) {
.mod-heading-h3 img {
  width: 100%;
  height: auto;
}
}