@charset "shift_jis";

/* ==========================================================
 html5 elements
========================================================== */
article, aside, figure, figcaption, footer, header, nav, section
{ display: block;}
/* ==========================================================
 reseting
========================================================== */
body {
  line-height: 1.6;
  color: #000;
  font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  -webkit-text-size-adjust: 100%;
}

@media screen and (max-width: 768px) {
  body {
    min-width: 1px;
    font-size: 12px;
    font-size: 1.2rem;
  }
}
/*@media screen and (min-width: 0\0) {
  body {
    font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  body {
    font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  }
}*/

input, textarea, select, button {
  font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td, button, figure, figcaption
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%;}
input, textarea, select
{ /*-webkit-appearance: none;*/}
textarea
{ resize: none;}
button
{ border: none; overflow: visible; background: none; vertical-align: top;  font-size: 100%; color: inherit; cursor: pointer; -webkit-appearance: none;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ height: auto; vertical-align: top;}
address, caption, code, em, th
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6, strong, em
{ font-size: 100%; font-weight: normal;}
a, input
{/* outline: none; -webkit-tap-highlight-color:rgba(0,0,0,0);*/}
sup, sub
{ font-size: 63%;}
sup
{ vertical-align: top;}
sub
{ vertical-align: baseline;}
*
{ -webkit-box-sizing: border-box; box-sizing: border-box;}
/* ==========================================================
 base Link
========================================================== */
a {
  color: #2b589b;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/* ==========================================================
 clearfix
========================================================== */
.clearfix:before, .clearfix:after,
.contents:before, .contents:after
{
  content: "";
  display: table;
}
.clearfix:after,
.contents:after
{
  clear: both;
}
/* For IE 6/7
---------------------------------------------------------- */
.clearfix,
.contents
{
  *zoom: 1;
}
/* ==========================================================
 layout
========================================================== */
html {
	font-size: 10px;
	font-size: 62.5%;
}
/*IE11*/
_:-ms-fullscreen, :root {
	font-size: 10px;
}
html.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
body { text-align: center;}
/* ==========================================================
 wrapper
========================================================== */
.wrapper {
  width: 100%;
  min-width: 960px;
}
.header-fixed .wrapper {
  padding-top: 136px;
}

@media screen and (max-width: 768px) {
  .wrapper {
    min-width: inherit;
  }
  .header-fixed .wrapper {
    padding-top: 0 !important;
  }
}

@media print {
  .wrapper {
    min-width: 0;
    padding-top: 0;
  }
}

/* ==========================================================
 header
========================================================== */

#i_search_autocomplete {
  z-index: 300 !important;
}

.header-tab-btn {
  position: absolute;
  bottom: 0;
  left: 174px;
}
.header-tab-btn ul {
  display: flex;
  align-items: flex-end;
  text-align: center;
}
.header-tab-btn ul li {
  width: 200px;
  padding: 0;
  position: relative;
}
.header-tab-btn ul li + li {
  margin-left: 10px;
}
.header-tab-btn ul li:before {
  content: "";
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.header-tab-btn ul li a {
  display: block;
  padding: 0;
  border: 1px solid #2b589b;
  border-bottom: none;
  border-radius: 6px 6px 0 0;
  position: relative;
}
.header-tab-btn ul li a:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #fff transparent;
  position: absolute;
  bottom: -1px;
  left: 50%;
  margin-left: -10px;
  opacity: 0;
}
.header-tab-btn ul li a span {
  display: inline-block;
  height: 46px;
  line-height: 46px;
  position: relative;
  padding: 0 0 0 30px;
  font-size: 1.6rem;
  color: #2c599a;
  font-weight: 500;
  background-repeat: no-repeat;
  background-position: left center;
}
.header-tab-btn ul li a:hover {
  background: #2b589b;
}
.header-tab-btn ul li a:hover span {
  height: 64px;
  line-height: 64px;
  color: #fff;
}
@media screen and (min-width: 769px) {
  .header.fixed .header-tab-btn ul li a:hover span {
    height: 54px;
    line-height: 54px;
  }
}
.header-tab-btn ul li.header-tab-btn-new a span {
  background-image: url("/7card/usr/file/attachment/ico_header_card.png");
  background-size: 23px;
}
.header-tab-btn ul li.header-tab-btn-new a:hover span {
  background-image: url("/7card/usr/file/attachment/ico_header_card_w.png");
}
.header-tab-btn ul li.header-tab-btn-customer a span {
  background-image: url("/7card/usr/file/attachment/ico_header_customer.png");
  background-size: 20px;
}
.header-tab-btn ul li.header-tab-btn-customer a:hover span {
  background-image: url("/7card/usr/file/attachment/ico_header_customer_w.png");
}

@media screen and (min-width: 769px) {
  .header.fixed .header-utility {
    bottom: 4px;
  }
}



.nav-global-pc {
  display: none;
}
.nav-global-pc-inner {
  display: flex;
  overflow: hidden;
}

.nav-global-pc ul li a.is-show span:before,
.nav-global-pc ul li a.is-active span:before,
.nav-global-pc ul li a:hover span:before {
  opacity: 1;
}
.nav-global-hasbtn .nav-global-pc-inner {
  padding: 0;
  position: relative;
}
.nav-global-hasbtn .nav-global-btn {
	display: none;
  width: 158px;
  position: absolute;
  top: 15px;
  right: 0;
}
.nav-global-hasbtn .nav-global-btn a {
  display: block;
  height: 40px;
  line-height: 40px;
  background: #f5801c;
  border-radius: 6px;
  color: #fff;
  font-size: 1.7rem;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .nav-global-hasbtn .nav-global-btn a:hover {
    opacity: 0.7;
  }
}

.nav-global-customer ul li.nav-global-customer-01 a span {
  padding: 0 0 0 32px;
  background-image: url("/7card/usr/file/attachment/ico_nav_customer_01.png");
  background-size: 24px;
}
.nav-global-customer ul li.nav-global-customer-02 a span {
  padding: 0 0 0 29px;
  background-image: url("/7card/usr/file/attachment/ico_nav_customer_02.png");
  background-size: 19px;
}
.nav-global-customer ul li.nav-global-customer-03 a span {
  padding: 0 0 0 33px;
  background-image: url("/7card/usr/file/attachment/ico_nav_customer_03.png");
  background-size: 25px;
}
.nav-global-customer ul li.nav-global-customer-04 a span {
  padding: 0 0 0 27px;
  background-image: url("/7card/usr/file/attachment/ico_nav_customer_04.png");
  background-size: 19px;
}


.header-fixed .page-new .wrapper {
  padding-top: 207px;
}
.page-new .header-tab-btn ul li.header-tab-btn-new:before {
  display: block;
}
.page-new .header-tab-btn ul li.header-tab-btn-new a {
  background: #2b589b;
  pointer-events: none;
  cursor: default;
}
.page-new .header-tab-btn ul li.header-tab-btn-new a:before {
  opacity: 1;
}
.page-new .header-tab-btn ul li.header-tab-btn-new a span {
  height: 64px;
  line-height: 64px;
  color: #fff;
  background-image: url("/7card/usr/file/attachment/ico_header_card_w.png");
}
.page-new .header.fixed .header-tab-btn ul li.header-tab-btn-new a span {
  height: 54px;
  line-height: 54px;
}
.nav-global-new {
  display: block;
}

.header-fixed .page-customer .wrapper {
  padding-top: 207px;
}
.page-customer .header-tab-btn ul li.header-tab-btn-customer:before {
  display: block;
}
.page-customer .header-tab-btn ul li.header-tab-btn-customer a {
  background: #2b589b;
  pointer-events: none;
  cursor: default;
}
.page-customer .header-tab-btn ul li.header-tab-btn-customer a:before {
  opacity: 1;
}
.page-customer .header-tab-btn ul li.header-tab-btn-customer a span {
  height: 64px;
  line-height: 64px;
  color: #fff;
  background-image: url("/7card/usr/file/attachment/ico_header_customer_w.png");
}
.page-customer .header.fixed .header-tab-btn ul li.header-tab-btn-customer a span {
  height: 54px;
  line-height: 54px;
}
.page-customer .nav-global-customer {
  display: block;
}

/*.page-help .header-links li.header-links-help a,
.page-call .header-links li.header-links-call a {
  pointer-events: none;
  cursor: default;
}
.page-help .header-links li.header-links-help:before,
.page-call .header-links li.header-links-call:before {
  display: block;
}
.page-help .header-links li.header-links-help a {
  background: #2b589b;
}
.page-help .header-links li.header-links-help a span {
  background-image: url("/7card/usr/file/attachment/ico_header_help_w.png");
  color: #fff;
}
.page-call .header-links li.header-links-call a:before {
  opacity: 1;
}*/


/* Firefox */
@-moz-document url-prefix() {
  .header-tab li a { padding-bottom: 23px; }
  .header-tab.fixed li a {  padding-bottom: 20px; }
}
/* IE */
_:-ms-input-placeholder, :root .header-tab li a {
  padding-bottom: 21px;
}
_:-ms-input-placeholder, :root .header-tab.fixed li a {
  padding-bottom: 18px;
}
/* Edge */
@supports (-ms-ime-align:auto) {
    .header-tab li a { padding-bottom: 21px; }
    .header-tab.fixed li a {  padding-bottom: 18px; }
}







.nav-global-sp-head {
  padding: 0 75px 0 15px;
  position: relative;
  cursor: pointer;
  border-bottom: 1px solid #254e8e;
}
.nav-global-sp-head .txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 75px;
  position: relative;
  padding: 0 0 0 45px;
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 700;
  color: #254e8e;
}
.nav-global-sp-head .txt:before {
  content: "";
  display: block;
  width: 45px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center center;
}
.nav-global-sp-head .ico {
  display: block;
  width: 60px;
  position: absolute;
  top: 50%;
  right: 15px;
  text-align: center;
  transform: translateY(-50%);
  font-size: 0.9rem;
  line-height: 1;
  font-weight: 500;
  color: #2e569c;
}
.nav-global-sp-head .ico:after {
  content: "もっと見る";
}
.nav-global-sp-head .ico span {
  display: block;
  width: 30px;
  height: 30px;
  margin: 0 auto 5px;
  background: #254e8e;
  border-radius: 50%;
  position: relative;
}
.nav-global-sp-head .ico span:before,
.nav-global-sp-head .ico span:after {
  content: "";
  display: block;
  width: 14px;
  height: 2px;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -1px 0 0 -7px;
}
.nav-global-sp-head .ico span:after {
  transform: rotate(90deg);
}
.nav-global-sp-head.is-open .ico:after {
  content: "閉じる";
}
.nav-global-sp-head.is-open .ico span:after {
  opacity: 0;
}
.nav-global-sp-body {
  background: url("/7card/usr/file/attachment/bg_blue_04.png") repeat 0 0 / 2px;
}
.nav-global-child-sp {

}
.nav-global-sp-child-head {
  position: relative;
  cursor: pointer;
  border-bottom: 1px solid #254e8e;
}
.nav-global-sp-child-head:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-top: 1px solid #254e8e;
  border-right: 1px solid #254e8e;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 30px;
  margin-top: -5px;
}
.nav-global-sp-child-head a {
  display: block;
  padding: 0 75px 0 15px;
}
.nav-global-sp-child-head a.is-active:before {
  content: "";
  display: block;
  width: 3px;
  height: 100%;
  background: #254e8e;
  position: absolute;
  left: 0;
  top: 0;
}
.nav-global-sp-child-head .txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 60px;
  position: relative;
  padding: 0 0 0 45px;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 500;
  color: #000;
}
.nav-global-sp-child-head .txt:before {
  content: "";
  display: block;
  width: 45px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center center;
}
.nav-global-sp-child-head.ttl:after {
  width: 100%;
  height: 100%;
  border-top: none;
  border-right: none;
  transform: rotate(0deg);
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 0;
  z-index: 2;
}
.nav-global-sp-child-head.ttl:a {
  pointer-events: none;
}
.nav-global-sp-child-head.ttl .ico {
  display: block;
  width: 60px;
  position: absolute;
  top: 50%;
  right: 15px;
  text-align: center;
  transform: translateY(-50%);
  font-size: 0.9rem;
  line-height: 1;
  font-weight: 500;
  color: #2e569c;
  margin-top: -3px;
}
.nav-global-sp-child-head.ttl .ico:after {
  content: "もっと見る";
}
.nav-global-sp-child-head.ttl .ico span {
  display: block;
  width: 30px;
  height: 30px;
  margin: 0 auto;
  position: relative;
}
.nav-global-sp-child-head.ttl .ico span:before,
.nav-global-sp-child-head.ttl .ico span:after {
  content: "";
  display: block;
  width: 14px;
  height: 2px;
  background: #254e8e;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -1px 0 0 -7px;
}
.nav-global-sp-child-head.ttl .ico span:after {
  transform: rotate(90deg);
}
.nav-global-sp-child-head.ttl.is-open .ico:after {
  content: "閉じる";
}
.nav-global-sp-child-head.ttl.is-open .ico span:after {
  opacity: 0;
}

.nav-global-sp-child-body {
  display: none;
  background: url("/7card/usr/file/attachment/bg_blue_05.png") repeat 0 0 / 2px;
  border-bottom: 1px solid #254e8e;
  line-height: 1.3;
}
.nav-global-sp-child-body a {
  color: #254e8e;
}
.nav-global-sp-child-body > ul {
  padding: 0 15px;
}
.nav-global-sp-child-body > ul > li {
  border-bottom: 1px solid #ccd6e6;
}
.nav-global-sp-child-body > ul > li > a {
  display: block;
  position: relative;
  font-size: 1.3rem;
  font-weight: 500;
  padding: 15px 0 15px 45px;
}
.nav-global-sp-child-body > ul > li > a:before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  border-top: 1px solid #254e8e;
  border-right: 1px solid #254e8e;
  transform: rotate(45deg);
  position: absolute;
  top: 20px;
  left: 20px;
}
.nav-global-sp-child-body > ul > li > a.is-current:after {
  content: "";
  display: block;
  width: 3px;
  height: 100%;
  background: #254e8e;
  position: absolute;
  left: -15px;
  top: 0;
}
.nav-global-sp-child-body > ul > li > a.is-current span {
  display: inline-block;
  position: relative;
}
.nav-global-sp-child-body > ul > li > a.is-current span:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #254e8e;
  position: absolute;
  left: 0;
  bottom: -5px;
}
.nav-global-sp-child-body > ul > li > ul {
  padding: 0 0 15px 45px;
}
.nav-global-sp-child-body > ul > li > ul > li + li {
  margin-top: 10px;
}
.nav-global-sp-child-body > ul > li > ul > li a {
  font-size: 1.1rem;
}

.nav-global-new-sp .nav-global-sp-head .txt:before {
  background-image: url("/7card/usr/file/attachment/ico_header_card.png");
  background-size: 23px;
}
.nav-global-new-sp-01 .nav-global-sp-child-head .txt:before {
  background-image: url("/7card/usr/file/attachment/ico_nav_new_01.png");
  background-size: 18px;
}
.nav-global-new-sp-02 .nav-global-sp-child-head .txt:before {
  background-image: url("/7card/usr/file/attachment/ico_nav_new_02.png");
  background-size: 15px;
}
.nav-global-new-sp-03 .nav-global-sp-child-head .txt:before {
  background-image: url("/7card/usr/file/attachment/ico_nav_new_03.png");
  background-size: 16px;
}
.nav-global-new-sp-04 .nav-global-sp-child-head .txt:before {
  background-image: url("/7card/usr/file/attachment/ico_nav_new_04.png");
  background-size: 16px;
}
.nav-global-new-sp-05 .nav-global-sp-child-head .txt:before {
  background-image: url("/7card/usr/file/attachment/ico_nav_new_05.png");
  background-size: 19px;
}

.nav-global-customer-sp .nav-global-sp-head .txt:before {
  background-image: url("/7card/usr/file/attachment/ico_header_customer.png");
  background-size: 20px;
}
.nav-global-customer-sp .nav-global-sp-body {
  background: url("/7card/usr/file/attachment/bg_blue_05.png") repeat 0 0 / 2px;
  border-bottom: 1px solid #ccd6e6;
}
.nav-global-customer-sp .nav-global-sp-child {
  position: relative;
}
.nav-global-customer-sp .nav-global-sp-child + .nav-global-sp-child:before {
  content: "";
  display: block;
  width: calc(100% - 30px);
  height: 1px;
  background: #ccd6e6;
  position: absolute;
  left: 15px;
  top: 0;
}
.nav-global-customer-sp .nav-global-sp-child-head {
  border-bottom: none;
}

.nav-global-customer-sp-01 .nav-global-sp-child-head .txt:before {
  background-image: url("/7card/usr/file/attachment/ico_nav_customer_01.png");
  background-size: 20px;
}
.nav-global-customer-sp-02 .nav-global-sp-child-head .txt:before {
  background-image: url("/7card/usr/file/attachment/ico_nav_customer_02.png");
  background-size: 13px;
}
.nav-global-customer-sp-03 .nav-global-sp-child-head .txt:before {
  background-image: url("/7card/usr/file/attachment/ico_nav_customer_03.png");
  background-size: 20px;
}
.nav-global-customer-sp-04 .nav-global-sp-child-head .txt:before {
  background-image: url("/7card/usr/file/attachment/ico_nav_customer_04.png");
  background-size: 14px;
}


@media screen and (max-width: 374px) {
  .header-list-button-sp ul li.header-list-button-selection {
    width: calc(48% + 28px);
  }
  .header-list-button-sp ul li.header-list-button-help {
    width: calc(54% - 54px);
  }
  .nav-global-sp-child-head .txt {
    font-size: 1.5rem;
  }
}


/* ==========================================================
 サービスヘッダー非表示用（※非表示の場合はコメントアウトを外して下さい）
========================================================== */
/*.header-fixed .page-new .wrapper {
  padding-top: 157px;
}
.header-service {
  display: none;
}
.header-links-sp-service {
  display: none;
}*/

/* ==========================================================
 nav-breadcrumb
========================================================== */
.nav-breadcrumb {
  height: 23px;
  background: url(/7card/usr/file/attachment/bg_blue_01.jpg) repeat;
}
  .nav-breadcrumb-in {
    width: 960px;
    margin: 0 auto;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.1;
  }
    .nav-breadcrumb ul li {
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      align-items: center;
      float: left;
      height: 23px;
      padding: 0 25px 0 12px;
      background: url(/7card/usr/file/attachment/ico_breadcrumb_arrow.png) center right no-repeat;
      white-space: nowrap;
    }
    .nav-breadcrumb ul li:first-child { padding-left: 0; }
    .nav-breadcrumb ul li:last-child {
      padding-right: 0;
      background: none;
    }
      .nav-breadcrumb li a {
        color: #2b589b;
        text-decoration: none;
        display: inline-block;
        padding: 1px 0;
        position: relative;
      }
      .nav-breadcrumb li a:before {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        position: absolute;
        bottom: -1px;
        background: #2b589b;
        visibility: hidden;
      }
      .nav-breadcrumb li a:hover:before {
        text-decoration: underline;
        visibility: visible;
      }

@media screen and (max-width: 768px) {
  .nav-breadcrumb { display: none; }
}

/* ==========================================================
 contents
========================================================== */
.contents {
  width: 100%;
  margin: 0 auto;
  text-align: left;
}

.contents-main { margin-bottom: 180px; }
@media screen and (max-width: 768px) {
  .contents-main { margin-bottom: 110px; }
}

/* ==========================================================
 grid
========================================================== */
/* grid-cmn
---------------------------------------------------------- */
.grid-cmn {
}
  .grid-cmn > .col {
  }
/* ==========================================================
 area
========================================================== */
/* area-cmn
---------------------------------------------------------- */
.area-cmn {
}
/* ==========================================================
 section
========================================================== */
/* sec-cmn-01
---------------------------------------------------------- */
.sec-cmn-01 { padding: 75px 0 100px;}
  .sec-cmn-01.bg-blue {
    background: url("/7card/usr/file/attachment/bg_blue_01.jpg") 0 0 repeat;
    background-size: 4px;
  }
@media screen and (max-width: 768px) {
  .sec-cmn-01 { padding: 35px 0 50px;}
}

/* sec-cmn-02
---------------------------------------------------------- */
.sec-cmn-02 { margin-bottom: 90px; }
@media screen and (max-width: 768px) {
  .sec-cmn-02 { margin-bottom: 45px; }
}

/* sec-cmn-03
---------------------------------------------------------- */
.sec-cmn-03 { margin-bottom: 40px; }
@media screen and (max-width: 768px) {
  .sec-cmn-03 { margin-bottom: 30px; }
}

/* sec-page-ttl-01
---------------------------------------------------------- */
.sec-page-ttl-01 {
  margin-bottom: 60px;
  padding-top: 65px;
}
  .sec-page-ttl-01 .txt-subttl-01 { margin-bottom: 35px; }

@media screen and (max-width: 768px) {
  .sec-page-ttl-01 {
    margin-bottom: 40px;
    padding-top: 45px;
  }
}

/* section last margin */
section:last-of-type {
  margin-bottom: 0;
}
/* ==========================================================
 box
========================================================== */
/* box-cmn-border-01
---------------------------------------------------------- */
.box-cmn-border-01 {
  margin-bottom: 40px;
  padding: 35px 30px;
  border: 1px solid #2b589b;
  border-radius: 4px;
}
  .box-cmn-border-01:last-child { margin-bottom: 0; }
  .box-cmn-border-01.color-black { border-color: #000; }
  .box-cmn-border-01.bg-blue { background: url(/7card/usr/file/attachment/bg_blue_01.jpg) repeat; }

@media screen and (max-width: 768px) {
  .box-cmn-border-01 {
    margin-bottom: 30px;
    padding: 20px 15px;
  }
}

/* box-cmn-info-01
---------------------------------------------------------- */
.box-cmn-info-01 {}
  .box-cmn-info-01 .title {
    margin-bottom: 10px;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
  }
  .box-cmn-info-01 .list-info {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
  }
    .box-cmn-info-01 .list-info li {
      position: relative;
      padding-left: 14px;
    }
    .box-cmn-info-01 .list-info li:before {
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      content: "※";
    }

/* box-cmn-info-02
---------------------------------------------------------- */
.box-cmn-info-02 {
  border: 1px solid #2b589b;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 30px;
}
  .box-cmn-info-02:last-of-type {
    margin-bottom: 15px;
  }
  .box-cmn-info-02 .title {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    text-align: center;
    color: #fff;
    background-color: #2b589b;
    padding: 7px 10px;
  }
  .box-cmn-info-02 .detail { background-color: #e4edfb;}
@media screen and (max-width: 768px) {
.box-cmn-info-02 { margin-bottom: 15px;}
  .box-cmn-info-02 .title {
    font-size: 12px;
    font-size: 1.2rem;
    padding: 5px 10px;
  }
}

/* box-text-img-01
---------------------------------------------------------- */
.box-text-img-01 {
  margin-bottom: 40px;
  padding: 35px 30px;
  border: 1px solid #2b589b;
  border-radius: 4px;
}

  .box-text-img-01 .item-card {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
  }
    .box-text-img-01 .box-image {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 150px;
      flex: 0 0 150px;
      width: 150px;
    }
     .box-text-img-01.type-01 .box-image {
        -ms-flex: 0 0 205px;
        flex: 0 0 205px;
        width: 205px;
     }
      .box-text-img-01 .box-image img { max-width: 100%; }
    .box-text-img-01 .box-info {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -ms-flex-item-align: center;
      align-self: center;
      padding-left: 40px;
    }
      .box-text-img-01 .box-info .title {
        color: #2b589b;
        font-weight: 700;
        font-size: 18px;
        font-size: 1.8rem;
      }

@media screen and (max-width: 768px) {
  .box-text-img-01 {
    margin-bottom: 30px;
    padding: 15px;
  }
    .box-text-img-01 .box-image {
      -ms-flex: 0 0 75px;
      flex: 0 0 75px;
      width: 75px;
    }
      .box-text-img-01.type-01 .box-image {
        -ms-flex: 0 0 88px;
        flex: 0 0 88px;
        width: 88px;
      }
    .box-text-img-01 .box-info { padding-left: 13px; }
    .box-text-img-01 .box-info .title {
      font-size: 14px;
      font-size: 1.4rem;
    }
}

/* box-contact-01
---------------------------------------------------------- */
.box-contact-01 {}
  .box-contact-01 .ttl-main {
    margin-bottom: 10px;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    text-align: center;
  }
  .box-contact-01 .ttl-sub {
    margin-bottom: 15px;
    color: #ce2509;
    text-align: center;
  }
  .box-contact-01 .txt-voice-01 { margin-bottom: 5px; }
  .box-contact-01 .box-number-01,
  .box-contact-01 .box-number-02 {
    margin-bottom: 20px;
    padding: 25px;
    border-radius: 4px;
    border: solid 1px #2b589b;
    background: url(/7card/usr/file/attachment/bg_blue_01.jpg) repeat;
    text-align: center;
  }
    .box-contact-01 .txt-tel {
      display: inline-block;
      color: #000;
      font-size: 32px;
      font-size: 3.2rem;
      font-weight: 700;
      line-height: 1.1;
      text-decoration: none;
    }
    .box-contact-01 .txt-tel .color-red { color: #ce2509; }
    .box-contact-01 .txt-tel .line { text-decoration: underline; }
  .box-contact-01 .box-number-02 {
    margin-bottom: 25px;
    padding: 20px 0;
  }
    .box-contact-01 .box-number-02 .box-inner {
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
    }
      .box-contact-01 .box-number-02 .box-inner .item-number {
        width: 33.333%;
        padding-bottom: 7px;
        border-left: 1px solid #2b589b;
      }
      .box-contact-01 .box-number-02 .box-inner .item-number:first-child { border-left: none; }
      .box-contact-01 .box-number-02 .text {
        margin-bottom: 10px;
        color: #2b589b;
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: 700;
        line-height: 1.1;
      }

#anch-02-web .list-customer-help-01 {
    padding-top: 15px;
}
#anch-02-web .list-customer-help-01 li {
    position: relative;
    padding-left: 12px;
}
#anch-02-web .list-customer-help-01 li:before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 3px;
    height: 6px;
    margin-top: -3px;
    background: url(/resource201801/customer/img/ico_login_arrow_01.png) no-repeat;
        background-size: auto auto;
    background-size: 3px 6px;
    content: "";
}


.ol-list li {
	padding-left: 2em;
	text-indent: -2em;
	margin-bottom: 5px;
}
.ol-list li .em {
	font-weight: bold;
	color: #2b589b;
}

.box-number-01 .desk{
	font-size: 20px;
    vertical-align: text-bottom;
}



@media screen and (max-width: 768px) {
  .box-contact-01 .ttl-main {
    margin-bottom: 5px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .box-contact-01 .ttl-sub { margin-bottom: 10px; }
  .box-contact-01 .box-number-01,
  .box-contact-01 .box-number-02 {
    margin-bottom: 10px;
    padding: 18px 10px;
    background-size: 2px 2px;
  }
    .box-contact-01 .txt-tel {
      font-size: 19px;
      font-size: 1.9rem;
    }
  .box-contact-01 .box-number-02 {
    margin-bottom: 15px;
    padding: 18px 10px;
    text-align: center;
  }
    .box-contact-01 .box-number-02 .box-inner { display: inline-block; }
    .box-contact-01 .box-number-02 .box-inner .item-number {
      width: auto;
      margin-bottom: 12px;
      padding-bottom: 10px;
      border-left: none;
      border-bottom: 1px solid #2b589b;
    }
    .box-contact-01 .box-number-02 .box-inner .item-number:last-child {
      margin-bottom: 0;
      padding-bottom: 0;
      border: none;
    }
      .box-contact-01 .box-number-02 .text {
        margin-bottom: 5px;
        font-size: 14px;
        font-size: 1.4rem;
      }
	.box-number-01 .desk{
		font-size: 1em;
	}
}

@media print {
  .box-contact-01 .box-number-02 .box-inner .item-number {
	width: auto;
  }
}

/* box-step-01
---------------------------------------------------------- */
.box-step-01 {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: -10px;
}
  .box-step-01 .item-step {
    position: relative;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 120px;
    min-height: 56px;
    margin: 10px 0 0 40px;
    padding: 10px 15px;
    border-radius: 4px;
    background-color: #fff;
    border: solid 1px #2b589b;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
  }
    .box-step-01 .item-step:before {
      position: absolute;
      left: -41px;
      top: 50%;
      width: 40px;
      height: 23px;
      background: url(/7card/usr/file/attachment/ico_step_arrow_01_pc.png) no-repeat;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      content: "";
    }
    .box-step-01 .item-step:first-child { margin-left: 0; }
    .box-step-01 .item-step:first-child:before { display: none; }
  .box-step-01 .item-step.done {
    min-width: 90px;
    background-color: #2b589b;
    color: #fff;
  }

@media screen and (max-width: 768px) {
  .box-step-01 .item-step {
    min-width: 0;
    min-height: 45px;
    margin-left: 29px;
    padding: 10px;
    font-size: 11px;
    font-size: 1.1rem;
  }
    .box-step-01 .item-step:before {
      left: -30px;
      top: 50%;
      width: 29px;
      height: 13px;
      background: url(/7card/usr/file/attachment/ico_step_arrow_01_sp.png) no-repeat;
      background-size: 29px 13px;
    }
  .box-step-01 .item-step.done { min-width: 60px; }
}

/* box-step-02
---------------------------------------------------------- */
.box-step-02 { margin-bottom: 40px; }
.box-step-02:last-child { margin-bottom: 0; }
  .box-step-02 .item-step {
    overflow: hidden;
    margin-bottom: 20px;
    padding: 30px;
    border-radius: 4px;
    border: 1px solid #2b589b;
  }
  .box-step-02 .item-step:last-child { margin-bottom: 0; }
    .box-step-02 .box-title {
      overflow: hidden;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      margin-bottom: 20px;
    }
      .box-step-02 .box-title .box-step {
        overflow: hidden;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 140px;
        flex: 0 0 140px;
        width: 140px;
        padding: 0 5px 0 20px;
        border-radius: 4px;
        background: #2b589b;
        color: #fff;
        text-align: center;
      }
        .box-step-02 .box-title .box-step .text {
          float: left;
          padding-top: 35px;
          font-size: 15px;
          font-size: 1.5rem;
          line-height: 1.33;
        }
        .box-step-02 .box-title .box-step .num {
          float: right;
          font-size: 86px;
          font-size: 8.6rem;
          line-height: 1;
        }
@media screen and (min-width: 0\0) {
  .box-step-02 .box-title .box-step .num {
    padding-top: 5px;
    font-size: 82px;
    font-size: 8.2rem;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .box-step-02 .box-title .box-step .num {
    padding-top: 5px;
    font-size: 82px;
    font-size: 8.2rem;
  }
}
        .box-step-02 .box-title .ttl-step {
          overflow: hidden;
          -webkit-box-flex: 1;
          -ms-flex: 1;
          flex: 1;
          -ms-flex-item-align: center;
          align-self: center;
          padding-left: 30px;
          color: #2b589b;
          font-size: 27px;
          font-size: 2.7rem;
          font-weight: 700;
          line-height: 1.18;
        }
  .box-step-02 .box-img-pc {
    float: right;
    width: 350px;
    margin-left: 40px;
  }
    .box-step-02 .box-img-pc img { max-width: 100%; }
  .box-step-02 .box-info {
    overflow: hidden;
  }
    .box-step-02 .box-info .box-img-sp { display: none; }
    .box-step-02 .box-info .text {
      overflow: hidden;
      font-size: 14px;
      font-size: 1.4rem;
    }
.box-step-02 .box-info .text .title {
	font-weight: bold;
}
@media screen and (max-width: 768px) {
  .box-step-02 { margin-bottom: 20px; }
    .box-step-02 .item-step {
      margin-bottom: 15px;
      padding: 15px;
    }
    .box-step-02 .box-img-pc { display: none; }
    .box-step-02 .box-title { margin-bottom: 10px; }
      .box-step-02 .box-title .box-step {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 85px;
        flex: 0 0 85px;
        width: 85px;
        padding: 0 4px 0 10px;
      }
        .box-step-02 .box-title .box-step .text {
          padding-top: 16px;
          font-size: 9px;
          font-size: 0.9rem;
        }
        .box-step-02 .box-title .box-step .num {
          font-size: 52px;
          font-size: 5.2rem;
        }
        .box-step-02 .box-title .ttl-step {
          padding-left: 18px;
          font-size: 16px;
          font-size: 1.6rem;
        }
    .box-step-02 .box-info {}
      .box-step-02 .box-info .box-img-sp {
        display: block;
        float: right;
        width: 110px;
        margin-left: 18px;
      }
        .box-step-02 .box-info .box-img-sp img { max-width: 100%; }
      .box-step-02 .box-info .text {
        font-size: 12px;
        font-size: 1.2rem;
      }
}

/* box-step-03
---------------------------------------------------------- */
.box-step-03 {
  margin-bottom: 40px;
  border-radius: 4px;
  border: 1px solid #2b589b;
}
  .box-step-03 .item-step {
    display: -webkit-flex;
    display: flex;
    padding: 30px;
    border-bottom: 1px solid #d4daea;
  }
  .box-step-03 .item-step:last-child { border-bottom: none; }
    .box-step-03 .item-step .box-image {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 650px;
      flex: 0 0 650px;
      width: 650px;
      margin-left: 30px;
    }
      .box-step-03 .item-step .box-image img { max-width: 100%; }
    .box-step-03 .item-step > .box-info {
      position: relative;
      display: -webkit-flex;
      display: flex;
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -webkit-align-items: center;
      align-items: center;
      min-height: 142px;
      text-align: center;
    }
      .box-step-03 .item-step .box-info-in {
        position: relative;
        z-index: 1;
        width: 100%;
      }
      .box-step-03 .item-step > .box-info .num {
        position: absolute;
        top: 50%;
        left: 0;
        z-index: 0;
        width: 100%;
        color: #2b589b;
        opacity: 0.2;
        font-size: 190px;
        font-size: 19rem;
        line-height: 1;
        text-align: center;
        transform: translateY(-50%);
      }
      .box-step-03 .num-adjust .item-step > .box-info .num {
        top: -35%;
        transform: translateY(0%);
      }
      .box-step-03 .item-step > .box-info .ttl-step {
        margin-bottom: 5px;
        color: #2b589b;
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: 700;
      }

@media screen and (max-width: 768px) {
  .box-step-03 {
    margin: 0 -15px 20px;
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
    .box-step-03 .item-step {
      display: block;
      padding: 30px 15px;
    }
      .box-step-03 .item-step .box-image {
        width: 100%;
        margin-left: 0;
        text-align: center;
      }
      .box-step-03 .item-step > .box-info {
        min-height: 92px;
        margin-bottom: 18px;
      }
        .box-step-03 .item-step .box-info-in {
          width: 100%;
          font-size: 11px;
          font-size: 1.1rem;
        }
        .box-step-03 .item-step > .box-info .num {
          text-align: center;
          font-size: 120px;
          font-size: 12rem;
        }
        .box-step-03 .item-step > .box-info .ttl-step {
          margin-bottom: 0;
          font-size: 13px;
          font-size: 1.3rem;
        }
}
/* box-cmn-apply-01
---------------------------------------------------------- */
.box-cmn-apply-01 {
  margin-bottom: 25px;
  padding: 35px 0 40px;
}
  .box-cmn-apply-01 .title {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
  }
  .box-cmn-apply-01 .txt-01 {
    margin-bottom: 20px;
    text-align: center;
  }
  .box-cmn-apply-01 .list {
    display: -webkit-flex;
    display: flex;
  }
    .box-cmn-apply-01 .list .item {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      flex-direction: column;
      align-items: center;
      width: 50%;
      padding: 0 10px;
      border-left: 1px solid #d4daea;
    }
      .box-cmn-apply-01 .list .item:first-child { border-left: none;}
      .box-cmn-apply-01 .list .title { margin-bottom: 10px;}
      .box-cmn-apply-01 .image {
        width: 180px;
        margin: 0 auto 15px;
        overflow: hidden;
      }
        .box-cmn-apply-01 .image img {
          width: 100%;
        }
      .box-cmn-apply-01 .btn-cmn-02 {
        width: 240px;
        text-align: center;
      }
@media screen and (max-width: 768px) {
  .box-cmn-apply-01 {
    margin-bottom: 30px;
    padding: 20px 15px 30px;
  }
    .box-cmn-apply-01 .title {
      font-size: 14px;
      font-size: 1.4rem;
    }
    .box-cmn-apply-01 .txt-01 { margin-bottom: 15px;}
    .box-cmn-apply-01 .list {
      display: block;
    }
      .box-cmn-apply-01 .list .item {
        width: 100%;
        padding: 0;
        border-left: none;
      }
        .box-cmn-apply-01 .list .item:first-child {
          margin-bottom: 15px;
          padding-bottom: 25px;
          border-bottom: 1px solid #d4daea;
        }
        .box-cmn-apply-01 .list .title { margin-bottom: 5px;}
        .box-cmn-apply-01 .image { width: 129px;}
        .box-cmn-apply-01 .btn-cmn-02 { width: 56%;}
}
/* box-step-04
---------------------------------------------------------- */
.box-step-04 {
  margin-bottom: 40px;
  padding: 40px 30px;
  border: 1px solid #2b589b;
  border-radius: 4px;
  background: url(/7card/usr/file/attachment/bg_blue_01.jpg) repeat;
}
  .box-step-04 .box-step-in {
    position: relative;
    max-width: 780px;
    margin: 0 auto;
  }
  .box-step-04:last-child { margin-bottom: 0; }
  .box-step-04 .item-step-01 {
    position: relative;
    margin: 0 auto;
    padding: 16px 30px;
    background: #fff;
    border: 1px solid #2b589b;
    border-radius: 4px;
    text-align: center;
  }
  .box-step-04 .item-step-02 {
    position: relative;
    text-align: center;
  }
    .box-step-04 .item-step-02 .item-step-in {
      display: inline-block;
      min-width: 180px;
      padding: 5px 10px;
      background: #fff;
      border: 1px solid #2b589b;
      border-radius: 4px;
      font-weight: 700;
    }
    .box-step-04 .item-arrow-01 { margin-bottom: 60px; }
    .box-step-04 .item-arrow-02 { margin-bottom: 30px; }
    .box-step-04 .item-arrow-03 { margin-bottom: 10px; }
    .box-step-04 .item-arrow-04 { margin-bottom: 30px; }
      .box-step-04 .item-arrow-01:before,
      .box-step-04 .item-arrow-02:before,
      .box-step-04 .item-arrow-03:before,
      .box-step-04 .item-arrow-04:before {
        position: absolute;
        left: 50%;
        bottom: -50px;
        z-index: 0;
        width: 4px;
        height: 50px;
        background: #2b589b;
        content: "";
        transform: translateX(-50%);
      }
      .box-step-04 .item-arrow-01:after,
      .box-step-04 .item-arrow-04:after {
        position: absolute;
        left: 50%;
        bottom: -62px;
        z-index: 0;
        width: 24px;
        height: 12px;
        background: url(/7card/usr/file/attachment/ico_step_arrow_01.png) no-repeat;
        content: "";
        transform: translateX(-50%);
      }
      .box-step-04 .item-arrow-02:before {
        bottom: -31px;
        height: 31px;
      }
      .box-step-04 .item-arrow-03:before {
        bottom: -11px;
        height: 11px;
      }
      .box-step-04 .item-arrow-04:before {
        bottom: -28px;
        height: 28px;
      }
      .box-step-04 .item-arrow-04:after { bottom: -32px; }

    .box-step-04 .ttl-step {
      color: #2b589b;
      font-size: 18px;
      font-size: 1.8rem;
      font-weight: 700;
    }

@media screen and (max-width: 768px) {
  .box-step-04 {
    margin-bottom: 20px;
    padding: 20px 15px;
    border: 1px solid #2b589b;
    border-radius: 4px;
    background: url(/7card/usr/file/attachment/bg_blue_01.jpg) repeat;
  }
    .box-step-04 .box-step-in { max-width: none; }
    .box-step-04 .item-step-01 { padding: 10px; }
    .box-step-04 .item-step-02 {}
      .box-step-04 .item-step-02 .item-step-in {
        min-width: 135px;
        padding: 4px 10px;
      }
      .box-step-04 .item-arrow-01 { margin-bottom: 30px; }
      .box-step-04 .item-arrow-02 { margin-bottom: 20px; }
      .box-step-04 .item-arrow-03 { margin-bottom: 10px; }
      .box-step-04 .item-arrow-04 { margin-bottom: 20px; }
        .box-step-04 .item-arrow-01:before,
        .box-step-04 .item-arrow-02:before,
        .box-step-04 .item-arrow-03:before,
        .box-step-04 .item-arrow-04:before {
          bottom: -30px;
          width: 2px;
          height: 30px;
        }
        .box-step-04 .item-arrow-01:after,
        .box-step-04 .item-arrow-04:after {
          bottom: -32px;
          width: 12px;
          height: 6px;
          background-size: 12px 6px;
        }
        .box-step-04 .item-arrow-02:before {
          bottom: -21px;
          height: 21px;
        }
        .box-step-04 .item-arrow-03:before {
          bottom: -11px;
          height: 11px;
        }
        .box-step-04 .item-arrow-04:before {
          bottom: -18px;
          height: 18px;
        }
        .box-step-04 .item-arrow-04:after { bottom: -21px; }
      .box-step-04 .button-01 {
        display: block;
        padding-top: 5px;
      }
      .box-step-04 .ttl-step {
        font-size: 14px;
        font-size: 1.4rem;
      }
}

/* box-balloon-01
---------------------------------------------------------- */
.ttl-balloon-01 {
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: bold;
  color: #2b589b;
  text-align: center;
  line-height: 1.2;
  margin-bottom: 20px;
}
  .ttl-balloon-01 span.big {
    position: relative;
    font-size: 32px;
    font-size: 3.2rem;
    display: inline-block;
  }
    .ttl-balloon-01 span.big:before,
    .ttl-balloon-01 span.big:after {
      content: "";
      position: absolute;
      width: 49px;
      height: 85px;
    }
    .ttl-balloon-01 span.big:before {
      background: url(/7card/usr/file/attachment/bg_balloon_ttl_01_pc.png);
      top: 0;
      left: -45px;
    }
    .ttl-balloon-01 span.big:after {
      background: url(/7card/usr/file/attachment/bg_balloon_ttl_02_pc.png);
      top: 0;
      right: -51px;
    }
@media screen and (max-width: 768px) {
  .ttl-balloon-01 { line-height: 0.8;}
  .ttl-balloon-01 span.big {
    position: relative;
    font-size: 18px;
    font-size: 1.8rem;
	display: inline;
  }
    .ttl-balloon-01 span.big:before,
    .ttl-balloon-01 span.big:after {
      width: 25px;
      height: 68px;
      z-index: 0;
    }
    .ttl-balloon-01 span.big:before {
      background: url(/7card/usr/file/attachment/bg_balloon_ttl_01_sp.png);
      -webkit-background-size: 25px 68px;
      background-size: 25px 68px;
      top: 17px;
      left: -134px;
    }
    .ttl-balloon-01 span.big:after {
      background: url(/7card/usr/file/attachment/bg_balloon_ttl_02_sp.png);
      -webkit-background-size: 25px 68px;
      background-size: 25px 68px;
      top: 23px;
      right: -115px;
    }

}

.box-balloon-01-wrap {
  width: 986px;
  margin-left: -16px;
  margin-bottom: 80px;
  text-align: center;
}
  .box-balloon-01, .box-balloon-02 { position: relative;}
    .box-balloon-01:before,
    .box-balloon-01:after,
	.box-balloon-02:before,
    .box-balloon-02:after {
      content: "";
      position: absolute;
      z-index: 1;
    }
    .box-balloon-01:before {
      width: 209px;
      height: 267px;
      background: url(/7card/usr/file/attachment/img_balloon_01_pc.png) no-repeat;
      top: 30px;
      left: 0;
    }
    .box-balloon-01:after {
      width: 208px;
      height: 275px;
      background: url(/7card/usr/file/attachment/img_balloon_02_pc.png) no-repeat;
      top: 31px;
      right: 0;
    }
	.box-balloon-02:before {
      width: 160px;
      height: 240px;
      background: url(/7card/usr/file/attachment/img_balloon_01_pc.png) no-repeat;
      top: -10px;
      left: -20px;
	  background-size:100% auto;
    }
    .box-balloon-02:after {
      width: 160px;
      height: 248px;
      background: url(/7card/usr/file/attachment/img_balloon_02_pc.png) no-repeat;
      top: 20px;
      right: -30px;
	  background-size:100% auto;
    }
    .box-balloon-01-in {
      position: relative;
      background: url(/7card/usr/file/attachment/bg_balloon_dot.jpg) repeat;
      border-radius: 4px;
      overflow: hidden;
      margin-left: 16px;
      margin-right: 10px;
      padding: 56px 0;
    }
      .box-balloon-01-in:before,
      .box-balloon-01-in:after {
        content: "";
        position: absolute;
        height: 10px;
        width: 100%;
        left: 0;
      }
	  .box-balloon-02-in:before,
      .box-balloon-02-in:after {
        content: "";
        position: absolute;
        height: 10px;
        width: 100%;
        left: 0;
      }
      .box-balloon-01-in:before {
        background: url(/7card/usr/file/attachment/bg_line_balloon_top.jpg) repeat-x;
        top: 0;
      }
      .box-balloon-01-in:after {
        background: url(/7card/usr/file/attachment/bg_line_balloon_bottom.jpg) repeat-x;
        bottom: 0;
      }
      .box-balloon-01 .button-01-wrap {
        text-align: center;
        margin-bottom: 6px;
      }
      .box-balloon-01 .button-01 {
        width: 500px;
        text-align: center;
        padding: 17px 0 19px 0px;
      }
        .box-balloon-01 .button-01:before { left: 30px;}
        .box-balloon-01 .button-01 .tag {
          background-color: #fff;
          color: #2b589b;
          font-size: 18px;
          font-size: 1.8rem;
          font-weight: bold;
          border-radius: 15px;
          padding: 1px 8px;
          line-height: 1;
        }
      .box-balloon-01-wrap .button-02 {
        margin-top: 40px;
      }
          .box-balloon-01 .button-01 .tag small {
            font-size: 13px;
            font-size: 1.3rem;
            display: inline-block;
          }
        .box-balloon-01 .button-01 .text-01 small {
          font-size: 16px;
          font-size: 1.6rem;
          display: inline-block;
        }
        .box-balloon-01 .button-01 .text-02 {
          font-size: 27px;
          font-size: 2.7rem;
          display: block;
          line-height: 1.2;
        }
@media screen and (max-width: 768px) {
.box-balloon-01-wrap {
  width: 100%;
  margin-left: 0;
  margin-bottom: 60px;
}
  .box-balloon-01:before {
    width: 40px;
    height: 224px;
    background: url(/7card/usr/file/attachment/img_balloon_01_sp.png) no-repeat;
    -webkit-background-size: 40px 224px;
    background-size: 40px 224px;
    top: 20px;
    left: -6px;
  }
  .box-balloon-01:after {
    width: 53px;
    height: 235px;
    background: url(/7card/usr/file/attachment/img_balloon_02_sp.png) no-repeat;
    -webkit-background-size: 53px 235px;
    background-size: 53px 235px;
    top: 15px;
    right: -15px;
  }
  .box-balloon-01-in {
    -webkit-background-size: 8px 16px;
    background-size: 8px 16px;
    margin-left: 0;
    margin-right: 0;
    padding: 30px 0;
  }
    .box-balloon-01-in:before,
    .box-balloon-01-in:after {
      content: "";
      position: absolute;
      height: 5px;
      width: 100%;
      left: 0;
      -webkit-background-size: auto 5px;
      background-size: auto 5px;
    }
    .box-balloon-01 .button-01-wrap { margin-bottom: 4px;}
    .box-balloon-01 .button-01 {
      width: 270px;
      padding: 15px 0 15px 0px;
    }
      .box-balloon-01 .button-01:before { left: 15px;}
      .box-balloon-01 .button-01 .tag {
        font-size: 12px;
        font-size: 1.2rem;
      }
    .box-balloon-01-wrap .button-02 { margin-top: 30px;}
        .box-balloon-01 .button-01 .tag small {
          font-size: 10px;
          font-size: 1.0rem;
        }
      .box-balloon-01 .button-01 .text-01 small {
        font-size: 10px;
        font-size: 1.0rem;
      }
      .box-balloon-01 .button-01 .text-02 {
        font-size: 18px;
        font-size: 1.8rem;
      }
}

@media print {
  .box-balloon-01-wrap {
	width: 100%;
	max-width: 986px;
	overflow: hidden;
  }
}

/* box-contact-help
---------------------------------------------------------- */
.box-contact-help {
  height: auto;
  padding: 80px 0 200px;
  background: url("/resource201801/top/img/img_top_10_pc.jpg") top center no-repeat;
  background-size: 1500px auto;
}
  .box-contact-help .ttl-main {
    margin-bottom: 50px;
    color: #333;
    font-size: 36px;
    font-size: 3.6rem;
    text-align: center;
    text-shadow: 0px 0px 40px white,0px 0px 40px white,0px 0px 40px white,0px 0px 20px #fff,0px 0px 20px #fff;
  }

  .box-contact-help .list-link {
    display: -webkit-flex;
    display: flex;
    flex-direction: -webkit-column;
    flex-direction: column;
    align-items: -webkit-flex-end;
    align-items: flex-end;
    margin-right: 20px;
  }
    .box-contact-help .list-link .item { margin-bottom: 10px;}
      .box-contact-help .btn {
        display: block;
        width: 440px;
        padding: 18px 10px 18px 112px;
        background-color: #fff;
        background-position: 30px center;
        background-size: 48px 42px;
        background-repeat: no-repeat;
        border: 1px solid #2b589b;
        border-radius: 5px;
        color: #2b589b;
        font-size: 20px;
        font-weight: bold;
      }
        .box-contact-help .btn.ico-01 { background-image: url("/resource201801/top/img/ico_phon_01.png");}
        .box-contact-help .btn.ico-02 { background-image: url("/resource201801/top/img/ico_note_01.png");}
        .box-contact-help .btn.ico-03 { background-image: url("/resource201801/top/img/ico_note_02.png");}

@media screen and (max-width: 768px) {
  .box-contact-help {
    padding: 40px 0 100px;
    background: url("/resource201801/top/img/img_top_10_sp.jpg") top center no-repeat;
    background-size: cover;
  }
    .box-contact-help .ttl-main {
      margin-bottom: 95px;
      font-size: 21px;
      font-size: 2.1rem;
    }
    .box-contact-help .list-link {
      display: block;
      margin-right: 0;
    }
      .box-contact-help .btn {
        width: 76%;
        margin: 0 auto;
        padding: 10px 5px 10px 65px;
        background-position: 20px center;
        background-size: 24px 21px;
        font-size: 14px;
      }
}

/* ==========================================================
 container
========================================================== */
/* container-01
---------------------------------------------------------- */
.container-01 {
  width: 960px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .container-01 {
    width: 100%;
    padding: 0 15px;
  }
}

@media print {
  .container-01 {
	width: 100%;
	max-width: 960px;
	overflow: hidden;
  }
  .container-01 img {
	max-width: 100%;
  }
}

/* box-wrap-01
---------------------------------------------------------- */
@media screen and (max-width: 768px) {
  .box-wrap-01 { padding: 0 15px;}
}

/* box-modal-card-01
---------------------------------------------------------- */
.box-modal-card-01 {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  padding: 40px 0 20px 0;
}
  .box-modal-card-01 .item-box {
    width: 420px;
    padding: 0 15px;
  }
  .box-modal-card-01 .item-box:last-child { border-left: 1px solid #d4daea; }
    .box-modal-card-01 .image {
      margin-bottom: 10px;
      text-align: center;
    }
      .box-modal-card-01 .image img { max-width: 100%; }
    .box-modal-card-01 .txt-ttl {
      margin-bottom: 15px;
      font-weight: 700;
      font-size: 24px;
      font-size: 2.4rem;
    }
    .box-modal-card-01 .btn-card {
      width: 330px;
      margin: 0 auto;
      padding: 15px 30px 15px 35px;
      color: #fff;
      font-size: 24px;
      font-size: 2.4rem;
    }
      .box-modal-card-01 .btn-card span {
        display: block;
        /*margin-right: 4px;*/
		width: 100%;
        padding: 0 12px;
        background: #fff;
        border-radius: 18px;
        color: #2b589b;
		white-space: nowrap;
      }
      .box-modal-card-01 .btn-card small {
        font-size: 18px;
        font-size: 1.8rem;
      }
      .box-modal-card-01 .list-note-01 {
        width: 330px;
        margin: 0 auto;
        text-align:center;
      }

@media screen and (min-width: 769px) {
  .box-modal-card-01 .btn-card:hover span {
    color: #fff;
    background: #2b589b;
  }
}

@media screen and (max-width: 768px) {
  .box-modal-card-01 {
    display: block;
    padding: 10px 10px 0;
  }
    .box-modal-card-01 .item-box {
      width: auto;
      padding: 10px 7px;
    }
    .box-modal-card-01 .item-box:last-child {
      border-top: 1px solid #d4daea;
      border-left: none;
    }
      .box-modal-card-01 .image {
        width: 72px;
        margin: 0 auto 10px;
      }
      .box-modal-card-01 .txt-ttl {
        margin-bottom: 10px;
        font-size: 15.5px;
        font-size: 1.5.5rem;
      }
      .box-modal-card-01 .btn-card {
        width: 220px;
        padding: 10px 20px 10px 25px;
        font-size: 14px;
        font-size: 1.4rem;
		  margin-bottom: 5px;
      }
        .box-modal-card-01 .btn-card span {
          padding: 0 8px;
          /*margin-right: 2px;*/
        }
        .box-modal-card-01 .btn-card small {
          font-size: 10px;
          font-size: 1rem;
        }
      .box-modal-card-01 .list-note-01 {
        width: 220px;
		  text-align: left;
      }
}

/* ==========================================================
 module
========================================================== */
.mod-anchor-ttl {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  margin: -10px -4px 0;
}
  .mod-anchor-ttl li {
    display: inline-block;
    margin: 10px 4px 0;
  }
    .mod-anchor-ttl li a {
      position: relative;
      display: block;
      padding: 2px 18px 2px 28px;
      font-size: 14px;
      font-size: 1.4rem;
      border: 1px solid #2b589b;
      border-radius: 2px;
      text-decoration: none;
    }
    .mod-anchor-ttl li a:hover { background-color: #e4edfb; }
    .mod-anchor-ttl li a:before {
      position: absolute;
      top: 50%;
      left: 10px;
      width: 5px;
      height: 3px;
      margin-top: -1px;
      background: url(/7card/usr/file/attachment/ico_anchor_arrow_01.png) no-repeat;
      content: "";
    }
@media screen and (min-width: 769px) {
  .mod-anchor-ttl li a:before {
    -ms-transition: transform 0.3s ease;
    -webkit-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
  }
  .mod-anchor-ttl li a:hover:before {
    -webkit-transform: translateY(4px);
    -ms-transform: translateY(4px);
    transform: translateY(4px);
  }
}

@media screen and (max-width: 768px) {
  .mod-anchor-ttl {
    display: block;
    width: auto;
    margin: 0 -15px;
  }
    .mod-anchor-ttl li {
      display: block;
      margin: 0;
      border-bottom: 1px solid #2b589b;
      border-left: none;
      border-right: none;
    }
    .mod-anchor-ttl li:first-child { border-top: 1px solid #2b589b; }
      .mod-anchor-ttl li a {
        padding: 12px 15px 12px 35px;
        font-size: 12px;
        font-size: 1.2rem;
        border-radius: 0;
        border: none;
        background-color: transparent !important;
      }
      .mod-anchor-ttl li a:before {
        left: 15px;
        width: 11px;
        height: 6px;
        margin-top: -3px;
        background: url(/7card/usr/file/attachment/ico_anchor_arrow_01_sp.png) no-repeat;
        background-size: 11px 6px;
      }
}

/* mod-tab-content
---------------------------------------------------------- */
.mod-tab-content { margin-bottom: 40px; }
  .mod-tab-content:last-child { margin-bottom: 0; }
  .mod-tab-content .tab-nav-wrap { border-bottom: 1px solid #2b589b; }
    .mod-tab-content .tab-nav-in {
      width: 960px;
      margin: 0 auto;
    }
    .mod-tab-content .list-nav {
      position: relative;
      z-index: 1;
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      margin-bottom: -1px;
      overflow: hidden;
    }
      .mod-tab-content .list-nav li {
        overflow: hidden;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-height: 70px;
        border-top: 1px solid #2b589b;
        border-left: 1px solid #2b589b;
        border-bottom: 1px solid #2b589b;
      }
      .mod-tab-content .list-nav li:first-child {
        border-top-left-radius: 4px;
      }
      .mod-tab-content .list-nav li:last-child {
        border-top-right-radius: 4px;
        border-right: 1px solid #2b589b;
      }
        .mod-tab-content .list-nav a {
          overflow: hidden;
          display: -webkit-flex;
          display: -ms-flex;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;

          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          width: 100%;
          padding: 10px 15px;
          background: url(/7card/usr/file/attachment/bg_blue_01.jpg) repeat;
          font-size: 20px;
          font-size: 2rem;
          font-weight: 700;
          text-decoration: none;
          text-align: center;
        }
    /*.mod-tab-content .list-nav li.is-active { border-bottom: 1px solid #fff; }*/
      .mod-tab-content .list-nav li.is-active a {
        background: #fff;
        color: #2b589b;
      }

  .mod-tab-content .tab-nav-wrap.bottom {
    border-top: 1px solid #2b589b;
    border-bottom: none;
  }
    .mod-tab-content .tab-nav-wrap.bottom {
      border-top: 1px solid #2b589b;
      border-bottom: none;
    }
      .mod-tab-content .bottom .list-nav {
        margin-top: -1px;
        margin-bottom: 0;
      }
        .mod-tab-content .bottom .list-nav li:first-child {
          border-top-left-radius: 0;
          border-bottom-left-radius: 4px;
        }
        .mod-tab-content .bottom .list-nav li:last-child {
          border-top-right-radius: 0;
          border-bottom-right-radius: 4px;
        }
    .mod-tab-content .bottom .list-nav li.is-active {
      border-top: 1px solid #fff;
      border-bottom: 1px solid #2b589b;
    }

  .mod-tab-content .tab-content-wrap {
    width: 960px;
    margin: 0 auto;
    padding: 40px 0;
  }

@media screen and (min-width: 769px) {
  .mod-tab-content .list-nav a:hover {
    background: #2b589b;
    color: #fff;
  }
}

@media screen and (max-width: 768px) {
  .mod-tab-content { margin-bottom: 40px; }
    .mod-tab-content .tab-nav-in { width: 100%; }
      .mod-tab-content .list-nav li {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        min-height: 44px;
      }
        .mod-tab-content .list-nav a {
          width: 100%;
          padding: 10px 15px;
          background: #e4edfb;
          font-size: 13px;
          font-size: 1.3rem;
        }
    .mod-tab-content .tab-content-wrap {
      width: 100%;
      padding: 20px 15px;
    }
    .mod-tab-content .tab-nav-wrap { border-bottom: none; }
    .mod-tab-content .tab-nav-wrap.bottom { border-top: none; }
}

/* mod-tab-content-override-skin
---------------------------------------------------------- */
.mod-tab-content-override-skin .tab-nav-wrap {
  border-bottom: 1px solid #2b589b;
}
.mod-tab-content-override-skin .bottom.tab-nav-wrap {
  border-top: 1px solid #2b589b;
}
.mod-tab-content-override-skin .list-nav li {
  overflow: visible;
  position: relative;
  background: transparent;
  margin: 0 3.5px;
  border: 0;
  min-height: 0;
  line-height: 1.3;
}
.mod-tab-content-override-skin .list-nav li:first-child,
.mod-tab-content-override-skin .list-nav li:last-child {
  border: 0;
}
.mod-tab-content-override-skin .list-nav li:first-child {
  margin-left: 0;
}
.mod-tab-content-override-skin .list-nav li:last-child {
  margin-right: 0;
}
.mod-tab-content-override-skin .list-nav li a {
  background: transparent;
  min-height: 68px;
  margin-top: 12px;
  background: #fff;
  border: 1px solid #2b589b;
  border-radius: 4px 4px 0 0;
}
@media screen and (min-width: 769px) {
  .mod-tab-content-override-skin .list-nav li a {
    transition: .2s ease;
  }
}
.mod-tab-content-override-skin .list-nav li.is-active {
  position: relative;
  background: transparent;
}
.mod-tab-content-override-skin .list-nav li.is-active a {
  cursor: default;
  min-height: 80px;
  background: #2b589b;
  color: #fff;
  margin-top: 0;
}
.mod-tab-content-override-skin .list-nav li:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: -17px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 13px 14px 13px;
  border-color: transparent transparent #ffffff transparent;
  transform: translateX(-50%);
  transition: bottom .2s ease, top .2s ease;
}
.mod-tab-content-override-skin .bottom .list-nav li:after {
  bottom: inherit;
  top: -17px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 14px 13px 0 13px;
  border-color: #ffffff transparent transparent;
}
.mod-tab-content-override-skin .list-nav li.is-active:after {
  bottom: -1px;
}
.mod-tab-content-override-skin .bottom .list-nav li.is-active:after {
  top: -1px;
}
.mod-tab-content-override-skin .bottom {
  height: 80px;
}
.mod-tab-content-override-skin .bottom .list-nav li.is-active {
  border-top: 0;
  border-bottom: 0;
}
.mod-tab-content-override-skin .bottom .list-nav li a {
  margin-top: 0;
  margin-bottom: 12px;
  border-radius: 0 0 4px 4px;
}
.mod-tab-content-override-skin .bottom .list-nav li.is-active a {
  margin-bottom: 0;
}

@media screen and (min-width: 769px) {
  .mod-tab-content-override-skin .list-nav li:hover:after {
    bottom: -1px;
  }
  .mod-tab-content-override-skin .bottom .list-nav li:hover:after {
    top: -1px;
  }
  .mod-tab-content-override-skin .bottom .list-nav li:hover:after {
    bottom: 0;
  }
  .mod-tab-content-override-skin .list-nav li:hover a {
    min-height: 80px;
    background: #2b589b;
    color: #fff;
    margin-top: 0;
  }
  .mod-tab-content-override-skin .bottom .list-nav li:hover a {
    position: relative;
    margin-bottom: 0;
  }
  .mod-tab-content-override-skin .bottom .list-nav li.is-active:hover a {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 768px) {
  .mod-tab-content-override-skin .bottom {
    height: 45px;
  }
  .mod-tab-content-override-skin .tab-nav-wrap {
    padding-left: 15px;
    padding-right: 15px;
  }
  .mod-tab-content-override-skin .list-nav li {
    margin: 0 2.5px;
  }
  .mod-tab-content-override-skin .list-nav li a {
    min-height: 35px;
    margin-top: 10px;
    padding: 6px 15px;
  }
  .mod-tab-content-override-skin .list-nav li.is-active a {
    min-height: 42px;
  }
  .mod-tab-content-override-skin .list-nav li:after {
    border-width: 0 8px 9px 8px;
  }
  .mod-tab-content-override-skin .bottom .list-nav li:after {
    border-width: 9px 8px 0 8px;
  }
}

@media print {
  .mod-tab-content .tab-nav-in,
  .mod-tab-content .tab-content-wrap {
	width: 100%;
	max-width: 960px;
	overflow: hidden;
  }
}


/* mod-accordion
---------------------------------------------------------- */
.mod-accordion {
  position: relative;
  margin-bottom: 40px;
  border: 1px solid #2b589b;
  border-radius: 4px;
}
.mod-accordion.color-black { border-color: #000; }
.mod-accordion:last-child { margin-bottom: 0; }
  .mod-accordion .box-accord-ttl-01,
  .mod-accordion .box-accord-ttl-02 {
    position: relative;
    padding: 18px 60px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: padding 0.3s ease;
    -ms-transition: padding 0.3s ease;
    transition: padding 0.3s ease;
  }
  .mod-accordion .box-accord-ttl-02 { padding: 14px 60px; }
    .mod-accordion.is-open > .box-accord-ttl-01 { padding-top: 28px; }
    .mod-accordion.is-open > .box-accord-ttl-02 { padding-top: 32px; }
    .mod-accordion .btn-accord-ctr:after {
      position: absolute;
      z-index: 1;
      top: 50%;
      right: 30px;
      display: block;
      width: 24px;
      height: 24px;
      margin-top: -12px;
      background: url(/7card/usr/file/attachment/ico_accord_open_01.png) no-repeat;
      -webkit-transition: transform 0.6s ease;
      -ms-transition: transform 0.6s ease;
      transition: transform 0.6s ease;
      content: "";
    }
    .mod-accordion.is-open > .btn-accord-ctr:after {
      margin-top: -5px;
      background: url(/7card/usr/file/attachment/ico_accord_close_01.png) no-repeat;
    }
    .mod-accordion.color-black .btn-accord-ctr:after { background: url(/7card/usr/file/attachment/ico_accord_open_02.png) no-repeat; }
    .mod-accordion.color-black.is-open .btn-accord-ctr:after { background: url(/7card/usr/file/attachment/ico_accord_close_02.png) no-repeat; }

  .mod-accordion .box-accord-content { padding: 0 30px 35px; }

@media screen and (min-width: 769px) {
  .mod-accordion > .btn-accord-ctr:hover:after {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@media screen and (max-width: 768px) {
  .mod-accordion {
    margin: 0 -15px 20px;
    padding: 0 15px;
    border-left: none;
    border-right: none;
    border-radius: 0;
  }
    .mod-accordion .box-accord-ttl-01 { padding: 15px 20px; }
      .mod-accordion.is-open > .box-accord-ttl-01,
      .mod-accordion.is-open > .box-accord-ttl-02 { padding-top: 20px; }
      .mod-accordion .box-accord-ttl-02 {
        padding-left: 45px;
        padding-right: 45px;
      }
      .mod-accordion > .btn-accord-ctr:after {
        right: 0;
        width: 15px;
        height: 15px;
        margin-top: -7px;
        background: url(/7card/usr/file/attachment/ico_accord_open_01_sp.png) no-repeat;
        background-size: 15px 15px;
      }
      .mod-accordion.is-open > .btn-accord-ctr:after {
        margin-top: -3px;
        background: url(/7card/usr/file/attachment/ico_accord_close_01_sp.png) no-repeat;
        background-size: 15px 15px;
      }
      .mod-accordion.color-black > .btn-accord-ctr:after {
        background: url(/7card/usr/file/attachment/ico_accord_open_02_sp.png) no-repeat;
        background-size: 15px 15px;
      }
      .mod-accordion.color-black.is-open > .btn-accord-ctr:after {
        background: url(/7card/usr/file/attachment/ico_accord_close_02_sp.png) no-repeat;
        background-size: 15px 15px;
      }
    .mod-accordion > .box-accord-content { padding: 0 0 20px; }
}

/* mod-modal-01
---------------------------------------------------------- */
.mod-modal-01 {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 100;
  -webkit-backface-visibility: hidden;
}
  .mod-modal-01 .bg-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 0;
    width: 100%;
    background: rgba(0,0,0,0.4);
    -webkit-backface-visibility: hidden;
  }
  .mod-modal-01 .box-modal-content-wrap {
    overflow: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 100%;
    max-height: 100%;
    padding: 10px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
    .mod-modal-01 .box-modal-content {
      position: relative;
      display: inline-block;
      border: 1px solid #2b589b;
      border-radius: 4px;
      background: #fff;
    }
      .mod-modal-01 .box-modal-content .btn-close {
        display: block;
        position: absolute;
        top: -10px;
        right: -10px;
        z-index: 1;
        width: 20px;
        height: 20px;
        background: url(/7card/usr/file/attachment/btn_float_close_01_pc.png) no-repeat;
        cursor: pointer;
      }


/* mod-slider-step
---------------------------------------------------------- */

/* slider-box */
.mod-slider-step {
  margin-bottom: 40px;
  padding: 35px 30px;
  border: 1px solid #2b589b;
  border-radius: 4px;
}

@media screen and (max-width: 768px) {
  .mod-slider-step {
    margin-bottom: 30px;
    padding: 20px 15px;
  }
}


/* arrow */
  .mod-slider-step .slick-arrow{
    position: absolute;
    z-index: 1;
    top: 50%;
    margin-top: -25px;
    width: 48px;
    height: 50px;
    padding-top: 10px;
    border: 1px solid transparent;
    background: url(/7card/usr/file/attachment/bg_blue_02.jpg) repeat;
    color: #fff;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
    cursor: pointer;
  }
  .mod-slider-step .slick-prev {
    left: -31px;
    border-radius: 0 4px 4px 0;
  }
  .mod-slider-step .slick-next {
    right: -31px;
    border-radius: 4px 0 0 4px;
  }
  .mod-slider-step .slick-disabled{
    display: none!important;
  }
    .mod-slider-step .slick-arrow span {
      position: relative;
      display: inline-block;
      padding-top: 16px;
    }
      .mod-slider-step .slick-arrow span:before {
        position: absolute;
        top: 0;
        left: 50%;
        width: 6px;
        height: 11px;
        margin-left: -5px;
        content: "";
      }
      .mod-slider-step .slick-prev span:before {
        background: url(/7card/usr/file/attachment/ico_arrow_left_01.png) top center no-repeat;
      }
      .mod-slider-step .slick-next span:before {
        background: url(/7card/usr/file/attachment/ico_arrow_right_05.png) top center no-repeat;
      }

@media screen and (min-width: 769px) {
  .mod-slider-step .slick-arrow:hover {
    border-color: #2b589b;
    background: url(/7card/usr/file/attachment/bg_grey_01.png) repeat;
    color: #2b589b;
  }
    .mod-slider-step .slick-prev:hover span:before {
      background: url(/7card/usr/file/attachment/ico_arrow_left_02.png) top center no-repeat;
    }
    .mod-slider-step .slick-next:hover span:before {
      background: url(/7card/usr/file/attachment/ico_arrow_right_02.png) top center no-repeat;
    }
}

@media screen and (max-width: 768px) {
  .mod-slider-step .slick-arrow {
    top: 50%;
    margin-top: -15px;
    padding-top: 3px;
    width: 30px;
    height: 30px;
    font-size: 8px;
    font-size: 0.8rem;
  }
    .mod-slider-step .slick-prev {
      left: -15px;
    }
    .mod-slider-step .slick-next {
      right: -15px;
    }
    .mod-slider-step .slick-arrow span {
      padding-top: 14px;
    }
      .mod-slider-step .slick-prev span:before {
        background: url(/7card/usr/file/attachment/ico_arrow_left_03.png) top center no-repeat;
        background-size: 6px 11px;
      }
      .mod-slider-step .slick-next span:before {
        background: url(/7card/usr/file/attachment/ico_arrow_right_01.png) top center no-repeat;
        background-size: 6px 11px;
      }
}

/* mod-anchor-button
---------------------------------------------------------- */
.mod-anchor-button{
  display: flex;
  flex-wrap: wrap;
  margin: 60px -10px 45px;
}
.mod-anchor-button li{
  width: calc(50% - 20px);
  margin: 0 10px 15px;
}
.mod-anchor-button li a{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 40px 20px;
  color: #2b589b;
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
  background: #fff;
  border: 1px solid #2b589b;
  border-radius: 8px;
  text-align: center;
  line-height: 1.2;
}
.mod-anchor-button li a:hover{
  text-decoration: none;
  background: #e4edfb;
}
.mod-anchor-button li a::after{
  content: "";
  position: absolute;
  left: 50%;
  bottom: 8px;
  transform: translateX(-50%);
  display: block;
  width: 35px;
  height: 29px;
  background: url("/resource201801/customer/img/ico_arrow_01.png") no-repeat;
  background-size: cover;
  -webkit-transition: transform 0.3s ease;
    -ms-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
}
.mod-anchor-button li a:hover::after{
  transform: translate(-50% ,5px);
}
@media screen and (max-width: 768px) {
  .mod-anchor-button{
    margin: 30px -7.5px 15px;
  }
  .mod-anchor-button li{
    width: calc(25% - 15px );
    margin: 0 7.5px 15px;
  }
  .mod-anchor-button li a{
    padding: 15px 7.5px 35px;
    font-size: 10px;
    font-size: 1rem;
  }
  .mod-anchor-button li a::after{
    width: 24px;
    height: 20px;
  }
}

/* dots */
.mod-slider-step .box-dot{
  overflow: hidden;
  position: relative;
  text-align: center;
}
  .mod-slider-step .slick-dots{
    margin: 30px 0 0;
    text-align: center;
  }
    .mod-slider-step .slick-dots li{
      display: inline-block;
      margin: 0 5px 5px 5px;
    }
      .mod-slider-step .slick-dots li button{
        width:28px;
        height:28px;
        color: #2b589b;
        font-size: 14px;
        border: 1px solid #2b589b;
      }
      _:-ms-lang(x)::-ms-backdrop, .mod-slider-step .slick-dots li button {
        margin:0;
        padding: 0.6rem 0 0 0;
        line-height: 1;

      }
      .mod-slider-step .slick-dots li.slick-active button{
        color:#fff;
        background-color: #2b589b;
      }

@media screen and (max-width: 768px) {
  .mod-slider-step .slick-dots{
    margin: 20px 0 0;
  }
}


/* body */
.mod-slider-step .slider-item{
  position: relative;
}
  .mod-slider-step .slid-image{
    position: relative;
    text-align: center;
  }
    .mod-slider-step .fixratio .slid-image::before {
      content:"";
      display: block;
      width:100%;
      height:0;
      padding-top: 75%; /* アスペクト比 6:4 */
    }
    .mod-slider-step .fixratio .slid-image-inner {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
    }
  .mod-slider-step .slid-text{
    position: relative;
    border-radius: 4px;
    background-color:#e4edfb;
  }

@media screen and (min-width: 769px) {
  .mod-slider-step .slider-item:after {
    content:'';
    display:table;
    clear:both;
  }
    .mod-slider-step .slid-image{
      float: left;
      width: 480px;
    }
    .mod-slider-step .slid-text{
      float: right;
      /* margin: 30px 0 0 0; floatしない場合 */
      padding:20px;
      width: 380px;
      height: 100%;
    }
}

@media screen and (max-width: 768px) {
  .mod-slider-step .slid-image{

  }
  .mod-slider-step .slid-text{
    margin: 20px 0 0;
    padding:15px;
  }
}


/* ==========================================================
 title
========================================================== */
/* ttl-cmn-01
---------------------------------------------------------- */
.ttl-cmn-01 {
  margin-bottom: 45px;
  font-size: 44px;
  font-size: 4.4rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .ttl-cmn-01 {
    margin-bottom: 20px;
    font-size: 23px;
    font-size: 2.3rem;
  }
}

/* ttl-cmn-02
---------------------------------------------------------- */
.ttl-cmn-02 {
  margin-bottom: 25px;
  font-size: 28px;
  font-size: 2.8rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .ttl-cmn-02 {
    margin-bottom: 10px;
    font-size: 17px;
    font-size: 1.7rem;
  }
}

/* ttl-cmn-03
---------------------------------------------------------- */
.ttl-cmn-03 {
  margin-bottom: 25px;
  font-size: 36px;
  font-size: 3.6rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .ttl-cmn-03 {
    margin-bottom: 10px;
    font-size: 20px;
    font-size: 2rem;
  }
}

/* ttl-cmn-04
---------------------------------------------------------- */
.ttl-cmn-04 {
  color: #2b589b;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .ttl-cmn-04 {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

/* ttl-cmn-05
---------------------------------------------------------- */
.ttl-cmn-05 {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: left;
}
  .ttl-cmn-05.color-blue { color: #2b589b; }
@media screen and (max-width: 768px) {
  .ttl-cmn-05 {
    font-size: 13px;
    font-size: 1.3rem;
  }
}

/* ttl-cmn-06
---------------------------------------------------------- */
.ttl-cmn-06 {
  margin-bottom: 5px;
  color: #2b589b;
  font-size: 27px;
  font-size: 2.7rem;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .ttl-cmn-06 {
    margin-bottom: 10px;
    font-size: 19px;
    font-size: 1.9rem;
  }
}

/* ttl-cmn-07
---------------------------------------------------------- */
.ttl-cmn-07 {
  font-size: 20px;
  font-size: 2.0rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 8px;
}
  .ttl-cmn-07 span {
    position: relative;
    padding-left: 44px;
    display: inline-block;
  }
  .ttl-cmn-07 span:before {
    content: "";
    width: 30px;
    height: 26px;
    position: absolute;
    background: url(/7card/usr/file/attachment/ico_danger_01.png) no-repeat;
    -webkit-background-size: 30px 26px;
    background-size: 30px 26px;
    top: -2px;
    left: 6px;
  }
@media screen and (max-width: 768px) {
  .ttl-cmn-07 {
    font-size: 15px;
    font-size: 1.5rem;
  }
    .ttl-cmn-07 span { padding-left: 34px; }
    .ttl-cmn-07 span:before {
      content: "";
      width: 22px;
      height: 19px;
      -webkit-background-size: 22px 19px;
      background-size: 22px 19px;
      top: 50%;
      left: 6px;
      transform: translateY(-50%);
    }
}

/* ttl-cmn-08
---------------------------------------------------------- */
.ttl-cmn-08 {
  margin-bottom: 10px;
  color: #000;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .ttl-cmn-08 {
    font-size: 15px;
    font-size: 1.5rem;
  }
}


/* ttl-cmn-09
---------------------------------------------------------- */
.ttl-cmn-09 {
  position: relative;
  padding-left: 44px;
  font-size: 20px;
  font-size: 2.0rem;
  font-weight: bold;
  color: #ce2509;
  margin-bottom: 15px;
}
  .ttl-cmn-09:before {
    content: "";
    width: 30px;
    height: 26px;
    position: absolute;
    background: url(/7card/usr/file/attachment/ico_danger_03.png) no-repeat;
    -webkit-background-size: 30px 26px;
    background-size: 30px 26px;
    top: 2px;
    left: 6px;
  }
@media screen and (max-width: 768px) {
  .ttl-cmn-09 {
    padding-left: 34px;
    font-size: 15px;
    font-size: 1.5rem;
  }
    .ttl-cmn-09:before {
      content: "";
      width: 22px;
      height: 19px;
      -webkit-background-size: 22px 19px;
      background-size: 22px 19px;
      top: 50%;
      left: 6px;
      transform: translateY(-50%);
    }
}

/* ==========================================================
 text
========================================================== */
/* txt-cmn-01
---------------------------------------------------------- */
.txt-cmn-01 { margin-bottom: 55px; }
  .txt-cmn-01:last-child { margin-bottom: 0; }
@media screen and (max-width: 768px) {
  .txt-cmn-01 { margin-bottom: 20px; }
}

/* txt-subttl-01
---------------------------------------------------------- */
.txt-subttl-01 {
  margin-bottom: 55px;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
}
  .txt-subttl-01 .txt-small {
    display: block;
    font-size: 12px;
    font-size: 1.2rem;
  }

/* txt-vertical-01
---------------------------------------------------------- */
.txt-vertical-01 {
  -webkit-writing-mode: vertical-rl;
  -moz-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -ms-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  height: 213px;
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
@media screen and (max-width: 768px) {
  .txt-vertical-01 { height: 150px;}

}

/* txt-qa-01
---------------------------------------------------------- */
.txt-qa-01 {
  display: inline;
  padding-right: 30px;
}
/* txt-red-01
---------------------------------------------------------- */
.txt-red-01 { color: #ce2509;}
/* txt-blue-01
---------------------------------------------------------- */
.txt-blue-01 { color: #2b589b;}

/* txt-small-01
---------------------------------------------------------- */
.txt-small-01 {
  font-size: 12px;
  font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
  .txt-small-01 {
    font-size: 10px;
    font-size: 1rem;
  }
}

/* txt-icon-01
---------------------------------------------------------- */
.txt-icon-01 {
  background: url(/7card/usr/file/attachment/ttl_icon_01.png) no-repeat center left;
  -webkit-background-size: 105px 20px;
  background-size: 105px 20px;
  padding: 6px 0 6px 110px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .txt-icon-01 {
    background: url(/7card/usr/file/attachment/ttl_icon_01.png) no-repeat center left;
    -webkit-background-size: 75px 15px;
    background-size: 75px 15px;
    padding-left: 80px;
  }
}

/* ==========================================================
 list
========================================================== */
/* list-data-01
---------------------------------------------------------- */
.list-data-01 { overflow: hidden; }
  .list-data-01 dt {
    float: left;
    min-width: 100px;
    clear: left;
  }
  .list-data-01 dd {
    overflow: hidden;
  }

@media screen and (max-width: 768px) {
  .list-data-01 dt { min-width: 90px; }
}

/* list-note-01
---------------------------------------------------------- */
.list-note-01 {
  font-size: 12px;
  font-size: 1.2rem;
}
  .list-note-01 > li {
    position: relative;
    padding-left: 13px;
  }
  .list-note-01 > li:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "\203B";
  }

.list-note-01.in-block > li { display: inline-block; }


@media screen and (max-width: 768px) {
  .list-note-01 {
    font-size: 10px;
    font-size: 1rem;
  }
    .list-note-01 > li { padding-left: 11px; }
}

/* list-bullet-01
---------------------------------------------------------- */
.list-bullet-01 {}
  .list-bullet-01 > li {
    position: relative;
    margin-bottom: 5px;
    padding-left: 15px;
  }
  .list-bullet-01 > li:last-child { margin-bottom: 0; }
  .list-bullet-01 > li:before {
    position: absolute;
    top: 7px;
    left: 0;
    width: 8px;
    height: 8px;
    background-color: #2b589b;
    border-radius: 10px;
    content: "";
  }
  .list-bullet-01 > li.middle-pdf:before { top: 15px;}
@media screen and (max-width: 768px) {
.list-bullet-01 > li {
  padding-left: 10px;
  margin-bottom: 0;
}
.list-bullet-01 > li:before {
  width: 6px;
  height: 6px;
  }
.list-bullet-01 > li.middle-pdf:before { top: 8px;}
}

/* list-btn-link-01
---------------------------------------------------------- */
.list-btn-link-01 {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -20px 0 0 -20px;
}
  .list-btn-link-01 li {
    width: 50%;
    margin-top: 20px;
    padding-left: 20px;
  }
    .list-btn-link-01 .item-link {
      position: relative;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: left;
      justify-content: left;
      -webkit-align-items: center;
      align-items: center;
      height: 100%;
      min-height: 110px;
      padding: 5px 25px 5px 68px;
      border: 1px solid #2b589b;
      background-color: #fff;
      border-radius: 4px;
      text-decoration: none;
    }
    .list-btn-link-01 .item-link:hover { background-color: #e4edfb; }
      .list-btn-link-01 .item-link:before {
        position: absolute;
        top: 50%;
        left: 30px;
        width: 6px;
        height: 11px;
        margin-top: -5px;
        background: url(/7card/usr/file/attachment/ico_arrow_right_02.png) 0 0 no-repeat;
        content: "";
      }
      .list-btn-link-01 .item-link .text-main {
        color: #2b589b;
        font-weight: 700;
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 1.12;
      }
      .list-btn-link-01 .item-link .text-sub {
        margin-bottom: 4px;
        color: #000;
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.2;
        word-break: break-all;
      }
@media screen and (min-width: 769px) {
  .list-btn-link-01 .item-link:before {
    -webkit-transition: transform 0.3s ease;
    -ms-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
  }
  .list-btn-link-01 .item-link:hover:before {
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px);
  }
}
@media screen and (max-width: 768px) {
  .list-btn-link-01 {
    display: block;
    margin: 0;
  }
    .list-btn-link-01 li {
      width: 100%;
      margin: 0 0 10px;
      padding-left: 0;
    }
      .list-btn-link-01 .item-link {
        display: block;
        height: auto;
        min-height: 0;
        padding: 14px 15px 14px 35px;
        background-color: #fff !important;
      }
        .list-btn-link-01 .item-link:before {
          position: absolute;
          top: 50%;
          left: 14px;
          width: 5px;
          height: 10px;
          background: url(/7card/usr/file/attachment/ico_arrow_right_04.png) 0 0 no-repeat;
          background-size: 5px 10px;
        }
        .list-btn-link-01 .item-link .text-main {
          font-size: 15px;
          font-size: 1.5rem;
        }
        .list-btn-link-01 .item-link .text-sub {
          margin-bottom: 4px;
          font-size: 9px;
          font-size: 0.9rem;
        }

  .list-btn-link-01-adjust li .item-link {
    min-height: 63px;
    display: flex;
    align-items: center;
  }
  .list-btn-link-01-adjust li .box-txt {
  }
}

/* list-btn-link-02
---------------------------------------------------------- */
.list-btn-link-02 { margin-bottom: 40px; }
  .list-btn-link-02:last-child { margin-bottom: 0; }
  .list-btn-link-02 li {
    padding: 26px 0;
    border-bottom: 1px solid #d4daea;
  }
    .list-btn-link-02 li a {
      font-size: 14px;
      font-size: 1.4rem;
    }

@media screen and (max-width: 768px) {
  .list-btn-link-02 { margin: 0 -15px 20px; }
    .list-btn-link-02 li { padding: 13px 15px; }
      .list-btn-link-02 li a {
        position: relative;
        display: block;
        font-size: 12px;
        font-size: 1.2rem;
        padding-right: 10px;
      }

      .list-btn-link-02 li a:before {
        position: absolute;
        right: 0;
        top: 50%;
        content: "";
        width: 5px;
        height: 5px;
        border-top: 1px solid #2c589b;
        border-right: 1px solid #2c589b;
        transform: rotate(45deg) translateY(-50%);
      }
}

/* list-qa-01
---------------------------------------------------------- */
.list-qa-01 { overflow: hidden; }
  .list-qa-01 dt {
    float: left;
    color: #2b589b;
    font-size: 27px;
    font-size: 2.7rem;
    font-weight: 700;
    line-height: 1.1;
    clear: left;
  }
  .list-qa-01 dd {
    overflow: hidden;
    padding: 4px 0 0 20px;
  }
  .list-qa-01 dd .ttl-main {
    margin-bottom: 10px;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    text-align: center;
  }
@media screen and (max-width: 768px) {
  .list-qa-01 dt {
    font-size: 17px;
    font-size: 1.7rem;
  }
  .list-qa-01 dd { padding: 0 0 0 10px; }
  .list-qa-01 dd .ttl-main {
	font-size: 14px;
	font-size: 1.4rem;
  }
}

/* list-img
---------------------------------------------------------- */
.list-img {
	text-align:center;
}
.list-img-w60per {
	width:60%;
}
@media screen and (max-width: 768px) {
.list-img-w60per {
	width:100%;
}
}

/* ==========================================================
 table
========================================================== */
/* box-table-border-01
---------------------------------------------------------- */
.box-table-border-01 {
  overflow: hidden;
  margin-bottom: 40px;
  border: 1px solid #2b589b;
  border-radius: 4px;
}
.box-table-border-01:last-child { margin-bottom: 0; }

@media screen and (max-width: 768px) {
  .box-table-border-01 { margin-bottom: 20px; }
}

/* box-table-scroll-01
---------------------------------------------------------- */
.box-table-scroll-01 { margin-bottom: 40px; }
  .box-table-scroll-01 .box-overlay { display: none; }
@media screen and (max-width: 768px) {
  .box-table-scroll-01 {
    overflow: auto;
    position: relative;
    margin: 0 0 20px 0;
    -webkit-overflow-scrolling: touch;
  }
    .box-table-scroll-01 .box-overlay {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 10px;
      z-index: 1;
      width: 100%;
      background: url(/7card/usr/file/attachment/ico_scroll_01.png) rgba(0,0,0,0.3) center center no-repeat;
      background-size: 50px auto;
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px;
    }
    .box-table-scroll-01 .box-table-scroll-in {
      width: 960px;
      padding-bottom: 10px;
    }
      .box-table-scroll-01 .box-table-border-01 { margin-right: 15px; }
        .box-table-scroll-01 table th,
        .box-table-scroll-01 table td {
          display: table-cell;
          width: auto;
          padding: 12px 14px;
        }
}

/* table-cmn-01
---------------------------------------------------------- */
.table-cmn-01 {
  width: 100%;
  text-align: left;
  border-collapse: separate;
}
  .table-cmn-01 th {
    width: 230px;
    padding: 19px 20px 19px 28px;
    border-right: 1px solid #d4daea;
    border-bottom: 1px solid #d4daea;
    background-color: #e4edfb;
    font-weight: 700;
    vertical-align: top;
  }
  .table-cmn-01 td {
    padding: 20px 25px 20px 35px;
    border-right: 1px solid #d4daea;
    border-bottom: 1px solid #d4daea;
    vertical-align: top;
  }
  .table-cmn-01 tr > th:last-child,
  .table-cmn-01 tr > td:last-child { border-right: none; }
  .table-cmn-01 tr:last-child > th,
  .table-cmn-01 tr:last-child > td { border-bottom: none; }

@media screen and (max-width: 768px) {
  .table-cmn-01 th,
  .table-cmn-01 td {
    display: block;
    width: 100%;
    padding: 12px 14px;
  }
  .box-table-scroll-01.responsive { margin-right: 0;}
  .box-responsive-table .table-cmn-01 {
    width: 960px;
    table-layout: fixed;
  }
  .box-responsive-table.box-table-border-01 { margin-right: 0;
  }
}

/* table-cmn-01.col-02
---------------------------------------------------------- */
.table-cmn-01.col-02 th,
.table-cmn-01.col-02 td { width: 50%; }

@media screen and (max-width: 768px) {
  .table-cmn-01.col-02 th,
  .table-cmn-01.col-02 td {
    display: table-cell;
    padding: 12px 14px;
   }
}

/* table-cmn-01.full-width
---------------------------------------------------------- */
@media screen and (max-width: 768px) {
  .table-cmn-01.full-width { width: 100%; }
    .table-cmn-01.full-width th,
    .table-cmn-01.full-width td {
      display: table-cell;
      width: auto;
      padding: 12px 14px;
    }
}

/* table-cmn-vertical
---------------------------------------------------------- */
.table-cmn-vertical {

}

/* ==========================================================
 button
========================================================== */
/* btn-cmn-01
---------------------------------------------------------- */
.btn-cmn-01 {
  display: block;
  width: 100%;
  padding: 10px 0;
  background: #274f8b url(/7card/usr/file/attachment/ico_arrow_right_01.png) 20px center no-repeat;
  background-size: 6px 11px;
  border-radius: 5px;
  text-align: center;
  color: #fff;
  -ms-filter: 'alpha( opacity=100)';
  opacity: 1;
}
  .btn-cmn-01:hover {
    -ms-filter: 'alpha( opacity=70)';
    filter: alpha( opacity=70);
    opacity: 0.7;
  }
@media screen and (max-width: 768px) {
  .btn-cmn-01 {
    padding: 5px 0;
    background-position: 15px center;
    font-size: 13px;
    font-size: 1.3rem;
  }
}

/* btn-cmn-02
---------------------------------------------------------- */
.btn-cmn-02,
.btn-cmn-pdf-01 {
  position: relative;
  display: inline-block;
  padding: 8px 40px 8px 45px;
  background: url(/7card/usr/file/attachment/bg_blue_02.jpg) repeat;
  border-radius: 4px;
  border: 1px solid transparent;
  color: #fff;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 700;
  text-decoration: none !important;
}
.btn-cmn-02-adjust {
  padding: 8px 20px 8px 40px;
}
  .btn-cmn-02:before {
    position: absolute;
    top: 50%;
    left: 20px;
    width: 6px;
    height: 11px;
    margin-top: -5px;
    background: url(/7card/usr/file/attachment/ico_arrow_right_05.png) 0 0 no-repeat;
    -webkit-transition: transform 0.3s ease;
    -ms-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    content: "";
  }

  .btn-cmn-02 .ico-window-01-adjust::after {
      margin-left: 10px;
  }

.btn-cmn-02.color-darkblue {
  padding: 18px 50px 18px 55px;
  font-size: 20px;
  font-size: 2rem;
  background: url(/7card/usr/file/attachment/bg_blue_03.png) repeat;
}

.btn-cmn-02-db-window {
  position: relative;
  padding-right: 30px !important;
}
.btn-cmn-02-db-window .ico-window-01::after {
  position: absolute;
  top: 50% !important;
  right: 10px !important;
  transform: translateY(-50%);
}

@media screen and (min-width: 769px) {
  .btn-cmn-02:hover {
    border-color: #2b589b;
    background: url(/7card/usr/file/attachment/bg_grey_01.png) repeat;
    color: #2b589b;
  }
    .btn-cmn-02:hover:before {
      background: url(/7card/usr/file/attachment/ico_arrow_right_02.png) 0 0 no-repeat;
      background-size: 6px 11px;
      -webkit-transform: translateX(5px);
      -ms-transform: translateX(5px);
      transform: translateX(5px);
    }
    .btn-cmn-02:hover .ico-window-01:after {
      background: url(/7card/usr/file/attachment/ico_link_02.png) no-repeat;
      background-size: 10px 10px;
    }

  .btn-cmn-02.color-darkblue:hover {
    background: url(/7card/usr/file/attachment/bg_blue_01.jpg) repeat;
  }
}

@media screen and (max-width: 768px) {
  .btn-cmn-02 {
    padding-left: 34px;
    padding-right: 24px;
    font-size: 10px;
    font-size: 1rem;
  }
  .btn-cmn-02-adjust {
    padding-left: 30px;
    padding-right: 20px;
  }
    .btn-cmn-02.full-width-sp {
      width: 100%;
      text-align: center;
    }
    .btn-cmn-02:before {
      left: 10px;
      background: url(/7card/usr/file/attachment/ico_arrow_right_01.png) no-repeat;
      background-size: 6px 11px;
    }
    .btn-cmn-02 .ico-window-01:after { top: 1px; }

  .btn-cmn-02.color-darkblue {
    padding: 14px 25px 14px 30px;
    font-size: 12px;
    font-size: 1.2rem;
  }
}

.btn-cmn-02.ico-window:after {
  position: absolute;
  top: 50%;
  right: 20px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background: url(/7card/usr/file/attachment/ico_link_01.png) no-repeat;
  background-size: 10px 10px;
  content: "";
}

@media screen and (max-width: 768px) {
  .btn-cmn-02.ico-window:after { right: 10px; }
}

/* btn-cmn-03
---------------------------------------------------------- */
.btn-cmn-03 {
  position: relative;
  display: inline-block;
  padding: 8px 80px 8px 75px;
  border: 1px solid #2b589b;
  border-radius: 4px;
  background-color: #fff;
  font-size: 15px;
  font-size: 1.5rem;
  text-decoration: none !important;
}
.btn-cmn-03-adjust {
  padding: 8px 30px 8px 35px;
}
  .btn-cmn-03:before {
    position: absolute;
    top: 50%;
    left: 20px;
    width: 6px;
    height: 11px;
    margin-top: -5px;
    background: url(/7card/usr/file/attachment/ico_arrow_right_04.png) no-repeat;
    background-size: 6px 11px;
    -webkit-transition: transform 0.3s ease;
    -ms-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    content: "";
  }
@media screen and (min-width: 769px) {
  .btn-cmn-03:hover { background-color: #e4edfb; }
    .btn-cmn-03:hover:before {
      -webkit-transform: translateX(5px);
      -ms-transform: translateX(5px);
      transform: translateX(5px);
    }
}

@media screen and (max-width: 768px) {
  .btn-cmn-03 {
    padding: 6px 40px 6px 42px;
    font-size: 10px;
    font-size: 1rem;
  }
  .btn-cmn-03-adjust {
    padding: 6px 20px 6px 30px;
  }
}


/* btn-cmn-pdf-01
---------------------------------------------------------- */
.btn-cmn-pdf-01 {
  padding: 15px 20px 15px 70px;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
}
  .btn-cmn-pdf-01:before {
    position: absolute;
    top: 50%;
    left: 20px;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    background: url(/7card/usr/file/attachment/ico_pdf_01_pc.png) no-repeat;
    content: "";
  }
  .btn-cmn-pdf-01 .ico-pdf {
    position: relative;
    display: inline-block;
    padding-right: 33px;
    background: url(/7card/usr/file/attachment/ico_link_01.png) center right no-repeat;
    background-size: 10px 10px;
  }
    .btn-cmn-pdf-01 .ico-pdf small {
      display: block;
      color: #fff;
      font-weight: normal;
      font-size: 12px;
      font-size: 1.2rem;
    }

@media screen and (min-width: 769px) {
  .btn-cmn-pdf-01:hover {
    border-color: #2b589b;
    background: url(/7card/usr/file/attachment/bg_grey_01.png) repeat;
    color: #2b589b;
  }
    .btn-cmn-pdf-01:hover .ico-pdf {
      background: url(/7card/usr/file/attachment/ico_link_02.png) center right no-repeat;
      background-size: 10px 10px;
    }
    .btn-cmn-pdf-01:hover .ico-pdf small { color: #2b589b; }
}

@media screen and (max-width: 768px) {
  .btn-cmn-pdf-01 {
    margin-bottom: 10px;
    padding: 13px 10px 13px 44px;
    font-size: 14px;
    font-size: 1.4rem;
  }
    .btn-cmn-pdf-01:before {
      left: 10px;
      background-size: 15px auto;
    }
    .btn-cmn-pdf-01 .ico-pdf { padding-right: 26px; }
      .btn-cmn-pdf-01 .ico-pdf small {
        font-size: 10px;
        font-size: 1rem;
      }
}

/* ==========================================================
 link
========================================================== */
/* link-cmn-01
---------------------------------------------------------- */
@media screen and (max-width: 768px) {
  .link-zoom-01 {
    margin-bottom: 30px;
    text-align: right;
  }
    .link-zoom-01 span {
      display: inline-block;
      position: relative;
      padding-left: 15px;
    }
      .link-zoom-01 span:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        width: 12px;
        height: 12px;
        margin-top: -6px;
        background: url("/7card/usr/file/attachment/ico_zoom_01.png") 0 0 no-repeat;
        background-size: 12px;
      }
}

/* ==========================================================
 list-cmn-01
========================================================== */
.list-cmn-col-01 {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 -20px;
}
  .list-cmn-col-01 .col-01 {
    width: 50%;
    padding: 0 20px;
  }
@media screen and (max-width: 768px) {
  .list-cmn-col-01 {
    display: block;
    margin: 0;
  }
    .list-cmn-col-01 .col-01 {
      width: 100%;
      padding: 0;
    }
}

/* list-cmn-02
---------------------------------------------------------- */
.list-cmn-02 { counter-reset: li; }
  .list-cmn-02 > li {
    position: relative;
    display: table;
    line-height: 1.7;
  }
  .list-cmn-02 > li:last-child { margin-bottom: 0; }
    .list-cmn-02 > li:last-child { margin-bottom: 0;}
    .list-cmn-02 > li:before {
      display: table-cell;
      width: 38px;
      content: "（"counter(li)"）";
      counter-increment: li;
    }
@media screen and (max-width: 768px) {
.list-cmn-02 > li:before { width: 32px;}
}

/* list-arrow-01
---------------------------------------------------------- */
.list-arrow-01 {}
  .list-arrow-01 > li {
    position: relative;
    padding-left: 15px;
  }
    .list-arrow-01 > li:before {
      content: "→";
      position: absolute;
      top: 0;
      left: 0;
    }
@media screen and (max-width: 768px) {
.list-arrow-01 > li { padding-left: 13px;}
}

/* list-cmn-news-01
---------------------------------------------------------- */
.list-cmn-news-01 {}
  .list-cmn-news-01 li {
    padding: 28px 0;
    border-bottom: 1px solid #d4daea;
  }
    .list-cmn-news-01 .item-news {
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      width: 100%;
    }
      .list-cmn-news-01 .item-news .box-date {
        -ms-flex: 0 0 100px;
        flex: 0 0 100px;
        width: 100px;
        font-size: 13px;
        font-size: 1.3rem;
      }
      .list-cmn-news-01 .item-news .box-cate {
        -ms-flex: 0 0 140px;
        flex: 0 0 140px;
        width: 140px;
      }
        .list-cmn-news-01 .item-news .txt-tag {
          display: block;
          padding: 4px 0;
          color: #2b589b;
          background: #e4edfb;
          font-size: 12px;
          font-size: 1.2rem;
          line-height: 1.1;
          text-align: center;
        }
        .list-cmn-news-01 .item-news .box-info { padding-left: 26px; }

@media screen and (max-width: 768px) {
  .list-cmn-news-01 li { padding: 18px 0; }
    .list-cmn-news-01 .item-news {
      overflow: hidden;
      display: block;
    }
      .list-cmn-news-01 .item-news .box-date {
        float: left;
        width: auto;
        padding-right: 10px;
        font-size: 11px;
        font-size: 1.1rem;
      }
      .list-cmn-news-01 .item-news .box-cate {
        float: left;
        width: auto;
      }
        .list-cmn-news-01 .item-news .txt-tag {
          min-width: 105px;
          padding: 4px 0;
          font-size: 10px;
          font-size: 1rem;
        }
        .list-cmn-news-01 .item-news .box-info {
          padding: 8px 0 0;
          clear: both;
        }

}

/* ==========================================================
 icon-link
========================================================== */
/* icon-link-01
---------------------------------------------------------- */
.icon-link-01 {
  display: inline-block;
  width: 10px;
  margin-left: 10px;
  background: url("/7card/usr/file/attachment/ico_link_01.png") 0 center no-repeat;
  background-size: 10px;
  text-indent: -9999px;
}
  .icon-link-01.type-01 {
    background: url("/7card/usr/file/attachment/ico_link_02.png") 0 center no-repeat;
    background-size: 10px;
  }
  .icon-link-01 img { width: 10px;}

/* box-float-01
---------------------------------------------------------- */
.box-float-01 {
  display: none!important;
  position: fixed;
  bottom: 90px;
  left: 0;
  width: 100%;
  z-index: 4;
  -webkit-backface-visibility: hidden;
}
  .box-float-01 .inner {
    position: relative;
    width: 960px;
    margin: 0 auto;
  }
  .box-float-01 .btn-float-wrap {
    position: absolute;
    left: -170px;
    bottom: 0;
  }
    .box-float-01 .btn-close {
      position: absolute;
      top: -5px;
      right: -3px;
      z-index: 1;
      width: 20px;
      height: 20px;
      background: url(/7card/usr/file/attachment/btn_float_close_01_pc.png) no-repeat;
      cursor: pointer;
    }
    .box-float-01 .btn-float {
      display: block;
      background: #f5801c;
      border-radius: 4px;
      cursor: pointer;
    }
      .box-float-01 .btn-float .bnr-info { width: 374px;}
        .box-float-01 .btn-float .bnr-info img { width: 100%;}
      .box-float-01 .btn-float .txt-info {
        display: none;
        background: url(/7card/usr/file/attachment/ico_float_01.png) left center no-repeat;
        color: #fff;
        font-weight: 700;
        line-height: 1.1;
      }
    .box-float-01 .btn-float.is-close {
      display: -ms-flex;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: 100px;
      height: 100px;
      padding: 0;
      border-radius: 100px;
    }
      .box-float-01 .btn-float.is-close .txt-info {
        display: block;
        padding: 34px 10px 0;
        background-position: top center;
        background-size: 42px 28px;
        font-size: 11px;
        font-size: 1.1rem;
        text-align: center;
      }
      .box-float-01 .btn-float.is-close .bnr-info { display: none;}
  .box-float-01 .btn-float .only-small-sp { display: none; }

@media screen and (min-width: 769px) {
  .box-float-01 .btn-float:hover,
  .box-float-01 .btn-close:hover { opacity: 0.7; }
}
@media screen and (max-width: 1300px) {
  .box-float-01 { left: 0; }
    .box-float-01 .inner {
      position: static;
      width: auto;
    }
      .box-float-01 .btn-float-wrap { left: 15px; }
}
@media screen and (max-width: 768px) {
  .box-float-01 {
    bottom: 70px;
    width: auto;
  }
    .box-float-01 .inner {
      position: static;
      width: auto;
    }
    .box-float-01 .btn-float-wrap {
      position: relative;
      bottom: auto;
    }
      .box-float-01 .btn-close {
        top: -5px;
        right: -5px;
        width: 15px;
        height: 15px;
        background: url(/7card/usr/file/attachment/btn_float_close_01_sp.png) no-repeat;
        background-size: 15px 15px;
      }
      .box-float-01 .btn-float {
        display: block;
        /* padding: 15px 28px; */
      }
        .box-float-01 .btn-float .bnr-info { width: 270px;}
        .box-float-01 .btn-float .txt-info {
          /* padding: 3px 0 3px 45px; */
          background-size: 31px 20px;
          font-size: 14px;
          font-size: 1.4rem;
        }
      .box-float-01 .btn-float.is-close {
        width: 70px;
        height: 70px;
      }
        .box-float-01 .btn-float.is-close .txt-info {
          padding: 20px 5px 0;
          background: url(/7card/usr/file/attachment/ico_float_01_sp.png) top center no-repeat;
          background-size: 25px 16px;
          font-size: 8px;
          font-size: 0.8rem;
        }
   .box-float-01 .btn-float.is-close .only-small-sp { display: block; }
}

@media print {
  .box-float-01 .btn-float-wrap {
    display: none;
  }
}

/* ==========================================================
 icon
========================================================== */
/* ico-window-01
---------------------------------------------------------- */
.ico-window-01 {
  display: inline-block;
  word-break: break-word;
}
  .ico-window-01:after {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 5px;
    background: url(/7card/usr/file/attachment/ico_link_02.png) no-repeat;
    background-size: 10px 10px;
    content: "";
  }
  .ico-window-01.white:after {
    background: url(/7card/usr/file/attachment/ico_link_01.png) no-repeat;
    background-size: 10px 10px;
  }

/* ico-pdf-01
---------------------------------------------------------- */
.ico-pdf-01 { display: inline-block; }
  .ico-pdf-01:after {
    position: relative;
    top: 5px;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-left: 5px;
    background: url(/7card/usr/file/attachment/ico_pdf_01_pc.png) no-repeat;
    content: "";
  }
@media screen and (max-width: 768px) {
  .ico-pdf-01:after {
    top: 2px;
    width: 15px;
    height: 15px;
    background: url(/7card/usr/file/attachment/ico_pdf_01_sp.png) no-repeat;
    background-size: 15px 15px;
    content: "";
  }
}

/* ico-notice-01
---------------------------------------------------------- */
.ico-notice-01 {
  position: relative;
  display: inline-block;
  padding-left: 38px;
}
  .ico-notice-01:before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 30px;
    height: 26px;
    background: url(/7card/usr/file/attachment/ico_danger_02.png) no-repeat;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
  }

@media screen and (max-width: 768px) {
  .ico-notice-01 { padding-left: 30px; }
    .ico-notice-01:before {
      top: 11px;
      width: 22px;
      height: 19px;
      background: url(/7card/usr/file/attachment/ico_danger_02_sp.png) no-repeat;
      background-size: 22px 19px;
    }
}

/* ==========================================================
 figure
========================================================== */
/* fig-cmn
---------------------------------------------------------- */
.fig-cmn {
}
/* ==========================================================
 image
========================================================== */
/* img-cmn-adjust
---------------------------------------------------------- */
.img-cmn-adjust {
}
/* ==========================================================
 form
========================================================== */
/* base Form
---------------------------------------------------------- */





.attention {
	color: #ff0000;
	border: 3px solid #ff0000;
	padding: 6px 0px;
	text-align: center;
	margin: 0 auto 35px;
	font-size: 14px;
	font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
	.attention {
		font-size: 12px;
		font-size: 1.2rem;
		margin-bottom: 15px;
	}
}



/* ==========================================================
 is
========================================================== */
/* opacity hover
---------------------------------------------------------- */
.is-opacity
{
  -ms-filter: 'alpha( opacity=100)';
  opacity: 1;
}
.is-opacity:hover
{
  -ms-filter: 'alpha( opacity=70)';
  filter: alpha( opacity=70);
  opacity: 0.7;
  text-decoration: none;
}
/* css animation
---------------------------------------------------------- */
.is-animate
{
  -webkit-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* ==========================================================
 style
========================================================== */
.s-c-red    { color: #e10000;}
.s-fw-n     { font-weight: normal!important;}
.s-fw-b     { font-weight: bold;}
.s-ta-l     { text-align: left !important;}
.s-ta-c     { text-align: center !important;}
.s-ta-r     { text-align: right !important;}
.s-va-t     { vertical-align: top !important;}
.s-va-m     { vertical-align: middle !important;}
.s-va-b     { vertical-align: bottom !important;}
.s-ds-t     { display: table !important;}
.s-ds-tc    { display: table-cell !important;}
.s-ov-h     { overflow: hidden;}
.s-clear    { clear: both;}
.s-hide     { display: none;}
.s-txt-hide { text-indent: 100%; white-space: nowrap; overflow: hidden;}
.s-bg-n     { background: none !important;}
.s-bg-wh     { background: #fff !important;}
.s-b-r      { border-right: 1px solid #d4daea !important;}
.s-mt-00    { margin-top: 0 !important;}
.s-mb-00    { margin-bottom: 0 !important;}
.s-mb-05    { margin-bottom: 5px !important;}
.s-mb-10    { margin-bottom: 10px !important;}
.s-mb-15    { margin-bottom: 15px !important;}
.s-mb-20    { margin-bottom: 20px !important;}
.s-mb-25    { margin-bottom: 25px !important;}
.s-mb-30    { margin-bottom: 30px !important;}
.s-mb-35    { margin-bottom: 35px !important;}
.s-mb-40    { margin-bottom: 40px !important;}
.s-mb-50    { margin-bottom: 50px !important;}
.s-ml-00    { margin-left: 0 !important;}
.s-mr-00    { margin-right: 0 !important;}
.s-mr-15    { margin-right: 15px !important;}
.s-pl-10    { padding-left: 10px !important;}
.s-w-100    { width: 100% !important;}
.s-mw-100 {max-width: 100%!important;}
.s-nw       { display: inline-block;}
body:not([data-lp-name]) .lp-part_on{display: none;}
.s-mt-btn{margin-top: 20px !important;}

/* ==========================================================
 rwd switch
========================================================== */
/* pc
---------------------------------------------------------- */
.only-pc {}
.only-sp,
.no-pc { display: none !important;}
.no-sp {}
/* sp
---------------------------------------------------------- */
@media screen and (max-width: 768px) {
.only-pc,
.no-sp { display: none !important;}
.only-sp,
.no-pc  { display: block !important;}
img.only-sp,
img.no-pc { display: inline-block !important;}
.s-ta-l_sp{text-align: left!important;}
}

/* ==========================================================
 members-content
========================================================== */
.members-content {
  background: url(/7card/usr/file/attachment/bg_members_content.png);
  padding-bottom: 110px;
}
.members-content-sec {
  background: #fff;
  margin-bottom: 60px;
  padding: 50px;
  border-radius: 4px;
}
@media screen and (max-width: 768px) {
  .members-content {
    padding-bottom: 0;
  }
  .members-content-sec {
    margin-bottom: 30px;
    padding: 30px 20px;
  }
  .members-content-01 {
    padding-bottom: 50px;
  }
}

/* ==========================================================
member-ttl
========================================================== */
.member-ttl {
  background: #2d5799;
  font-size: 1.3rem;
  color: #fff;
  text-align: center;
  font-weight: bold;
  padding: 8px;
}
.member-ttl p {
  font-display: inline-block;
}
.member-ttl p:before {
  position: relative;
  vertical-align: top;
  content: "";
  display: inline-block;
  background: url(/7card/usr/file/attachment/ico_member.svg) 0 0 / 100% auto ;
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

/* ==========================================================
list-logo-01
========================================================== */
.list-logo-01{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 0 -10px -10px;
}
.list-logo-01 li{
  margin: 0 10px 10px;
}
.logo-seven2{
  width: 40px;
  height: 40px;
}
.logo-7andi{
  width: 45px;
  height: 41px;
}
.logo-dennys{
  width: 75px;
  height: 33px;
}
.logo-iy{
  width: 167px;
  height: 25px;
}
.logo-7net{
  width: 50px;
  height: 38px;
}
.logo-seibu{
  width: 60px;
  height: 38px;
}
.logo-ario{
  width: 60px;
  height: 21px;
}
.logo-yf{
  width: 197px;
  height: 25px;
}
.logo-yp{
  width: 147px;
  height: 25px;
}
.logo-ym{
  width: 115px;
  height: 25px;
}
/* ==========================================================
 * google-font-style
 *==========================================================*/
 .item-news .box-info a{
	font-family: Helvetica, sans-serif !important;
 }
 .google_font{
	font-family: Helvetica, sans-serif;
}

.passkey_title {
  color: #d450c1;
  font-size: 1.5rem;
}