@charset "UTF-8";
/* --------------------------------------------------------------
   共通
-------------------------------------------------------------- */
body {
  min-width: 1200px;
  color: #303030;
  font-size: 0.16rem;
  font-family: YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif;
  background-color: #fff;
}

@media screen and (max-width: 1024px) {
  body {
    min-width: 100%;
  }
}

@media screen and (max-width: 767px) {
  body {
    min-width: 320px;
  }
}

.wrapper {
  overflow: hidden;
  position: relative;
}

.container {
  width: 960px;
  margin: 0 auto;
}

@media screen and (max-width: 1024px) {
  .container {
    width: calc(100% - 0.3rem);
  }
}

a {
  color: #303030;
}

@media screen and (max-width: 767px) {
  img {
    width: 100%;
  }
}

.img_switch {
  visibility: hidden;
}

@media screen and (max-width: 767px) {
  .pconly {
    display: none !important;
  }
}

@media print, screen and (min-width: 768px) {
  .sponly {
    display: none;
  }
}

.object-fit_img01 {
  -o-object-fit: contain;
     object-fit: contain;
  font-family: "object-fit: contain;";
}

.object-fit_img02 {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: bottom;
     object-position: bottom;
  font-family: "object-fit: cover; object-position: bottom;";
}

/* header
--------------------------------------------------------------*/
.cmn_header .header_before {
  padding: 0.1rem 0.4rem;
  background: #123467;
}

.cmn_header .header_before .title {
  font-size: 0.12rem;
  color: #fff;
}

.cmn_header .header_pos_fixed {
  width: 100%;
  min-width: 1200px;
  height: 1.52rem;
  padding: 0.4rem 0.4rem 0.4rem 0.5rem;
  background: #fff;
  /* globalNav ---------- */
}

.cmn_header .header_pos_fixed .logo {
  width: 1.4rem;
}

.cmn_header .header_pos_fixed .logo a {
  display: block;
  width: 100%;
}

@media print, screen and (min-width: 768px) {
  .cmn_header .header_pos_fixed .logo a {
    -webkit-transition: .4s;
    transition: .4s;
  }
  .cmn_header .header_pos_fixed .logo a:hover {
    opacity: .7;
  }
}

@media print, screen and (min-width: 1025px) {
  .cmn_header .header_pos_fixed .hamburger {
    display: none;
  }
}

.cmn_header .header_pos_fixed .nav {
  position: relative;
}

.cmn_header .header_pos_fixed .nav .global .parent .ico {
  padding: 0 0.2rem 0 0.6rem;
  font-size: 0.18rem;
  font-weight: bold;
  background: #fff;
  position: relative;
}

.cmn_header .header_pos_fixed .nav .global .parent .ico::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 0.26rem;
  position: absolute;
  top: calc(50% - 0.13rem);
  left: 0.2rem;
}

.cmn_header .header_pos_fixed .nav .global .parent.about .ico::before {
  content: "\f09d";
  color: #123467;
}

.cmn_header .header_pos_fixed .nav .global .parent.customer .ico::before {
  content: "\f07a";
  color: #e94f37;
}

.cmn_header .header_pos_fixed .nav .global .parent.store .ico::before {
  content: "\f54e";
  color: #3f88c5;
}

.cmn_header .header_pos_fixed .nav .global .parent.card .ico::before {
  content: "\f500";
  color: #44bba4;
}

.cmn_header .header_pos_fixed .nav .global .parent .list {
  z-index: 100000;
}

.cmn_header .header_pos_fixed .nav .global .parent .list .child01 {
  background: #123467;
}

.cmn_header .header_pos_fixed .nav .global .parent .list .child02 {
  background: #294876;
}

.cmn_header .header_pos_fixed .nav .global .parent .list .child03 {
  background: #415d85;
}

.cmn_header .header_pos_fixed .nav .global .parent .list li .acc_tgl,
.cmn_header .header_pos_fixed .nav .global .parent .list li a {
  font-size: 0.14rem;
  color: #e7eaf0;
}

@media print, screen and (min-width: 1025px) {
  .cmn_header .header_pos_fixed .nav .global {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    height: 0.6rem;
  }
  .cmn_header .header_pos_fixed .nav .global .parent {
    height: 100%;
    cursor: pointer;
  }
  .cmn_header .header_pos_fixed .nav .global .parent .ico {
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }
  .cmn_header .header_pos_fixed .nav .global .parent .ico::before {
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }
  .cmn_header .header_pos_fixed .nav .global .parent .list {
    width: 9.6rem;
    height: 0;
    position: absolute;
    top: 0.6rem;
    right: 0;
    overflow: hidden;
    -webkit-transition: height 0.4s;
    transition: height 0.4s;
  }
  .cmn_header .header_pos_fixed .nav .global .parent .list .child {
    -webkit-transition: width 0.4s;
    transition: width 0.4s;
  }
  .cmn_header .header_pos_fixed .nav .global .parent .list .child02,
  .cmn_header .header_pos_fixed .nav .global .parent .list .child03 {
    position: absolute;
    top: 0;
    left: 3.2rem;
    width: 0;
    overflow: hidden;
  }
  .cmn_header .header_pos_fixed .nav .global .parent .list li {
    width: 3.2rem;
  }
  .cmn_header .header_pos_fixed .nav .global .parent .list .acc_tgl,
  .cmn_header .header_pos_fixed .nav .global .parent .list a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0.2rem 0.35rem 0.2rem 0.2rem;
    position: relative;
  }
  .cmn_header .header_pos_fixed .nav .global .parent .list .acc_tgl::after,
  .cmn_header .header_pos_fixed .nav .global .parent .list a::after {
    content: "\f105";
    color: #e7eaf0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 0.14rem;
    position: absolute;
    right: 0.2rem;
  }
  .cmn_header .header_pos_fixed .nav .global .parent .list .child01 > li > .acc_tgl,
  .cmn_header .header_pos_fixed .nav .global .parent .list .child01 > li > a {
    background: #123467;
  }
  .cmn_header .header_pos_fixed .nav .global .parent .list .child01 > li:hover > .acc_tgl,
  .cmn_header .header_pos_fixed .nav .global .parent .list .child01 > li > a:hover,
  .cmn_header .header_pos_fixed .nav .global .parent .list .child02 > li > .acc_tgl,
  .cmn_header .header_pos_fixed .nav .global .parent .list .child02 > li > a {
    background: #294876;
  }
  .cmn_header .header_pos_fixed .nav .global .parent .list .child02 > li:hover > .acc_tgl,
  .cmn_header .header_pos_fixed .nav .global .parent .list .child02 > li > a:hover,
  .cmn_header .header_pos_fixed .nav .global .parent .list .child03 > li > a {
    background: #415d85;
  }
  .cmn_header .header_pos_fixed .nav .global .parent .list .child03 > li > a:hover {
    background: #597194;
  }
  .cmn_header .header_pos_fixed .nav .global .parent .list .child01 > .acc:hover .child02 {
    width: 6.4rem;
  }
  .cmn_header .header_pos_fixed .nav .global .parent .list .child02 > .acc:hover .child03 {
    width: 3.2rem;
  }
  .cmn_header .header_pos_fixed .nav .global .parent:hover .ico {
    background: #123467;
  }
  .cmn_header .header_pos_fixed .nav .global .parent:hover .ico,
  .cmn_header .header_pos_fixed .nav .global .parent:hover .ico::before {
    color: #fff;
  }
}

@media screen and (max-width: 1024px) {
  .cmn_header {
    position: relative;
  }
  .cmn_header .header_before {
    height: 0.2rem;
    padding: 0.05rem 0 0.05rem 0.15rem;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  .cmn_header .header_before .title {
    font-size: 0.1rem;
  }
  .cmn_header .header_pos_fixed {
    min-width: 100%;
    height: 0.65rem;
    padding: 0;
    position: relative;
    /* globalNav ---------- */
  }
  .cmn_header .header_pos_fixed .logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 0.7rem;
    height: 100%;
    margin-left: 0.15rem;
  }
  .cmn_header .header_pos_fixed .hamburger {
    display: block;
    font-size: 0.38rem;
    color: #123467;
    position: absolute;
    top: calc(50% - 0.19rem);
    right: 0.15rem;
  }
  .cmn_header .header_pos_fixed .nav {
    width: 100%;
  }
  .cmn_header .header_pos_fixed .nav .global {
    display: none;
    width: 100vw;
    height: 100vh;
    background-color: #fff;
    border-top: 0.01rem solid #ccc;
    position: absolute;
    top: 0;
    left: 0;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    z-index: 100000;
  }
  .cmn_header .header_pos_fixed .nav .global .parent .ico {
    width: 100%;
    height: 0.5rem;
    padding: 0 0.3rem 0 0.4rem;
    border-bottom: 0.01rem solid #ccc;
  }
  .cmn_header .header_pos_fixed .nav .global .parent .ico::before {
    font-size: 0.18rem;
    top: calc(50% - 0.09rem);
    left: 0.15rem;
  }
  .cmn_header .header_pos_fixed .nav .global .parent .ico::after {
    content: "\f107";
    color: #123467;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 0.18rem;
    position: absolute;
    right: 0.15rem;
  }
  .cmn_header .header_pos_fixed .nav .global .parent .ico.active {
    border-bottom: none;
  }
  .cmn_header .header_pos_fixed .nav .global .parent .ico.active::after {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .cmn_header .header_pos_fixed .nav .global .parent .list,
  .cmn_header .header_pos_fixed .nav .global .parent .child02,
  .cmn_header .header_pos_fixed .nav .global .parent .child03 {
    display: none;
  }
  .cmn_header .header_pos_fixed .nav .global .parent .list {
    width: 100%;
  }
  .cmn_header .header_pos_fixed .nav .global .parent .list li {
    border-bottom: 0.01rem solid #fff;
  }
  .cmn_header .header_pos_fixed .nav .global .parent .list li .acc_tgl,
  .cmn_header .header_pos_fixed .nav .global .parent .list li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    height: 0.4rem;
    padding: 0 0.47rem 0 0.15rem;
    color: #fff;
    position: relative;
  }
  .cmn_header .header_pos_fixed .nav .global .parent .list li .acc_tgl::after,
  .cmn_header .header_pos_fixed .nav .global .parent .list li a::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 0.16rem;
    position: absolute;
    right: 0.15rem;
  }
  .cmn_header .header_pos_fixed .nav .global .parent .list li .acc_tgl::after {
    content: "\f107";
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }
  .cmn_header .header_pos_fixed .nav .global .parent .list li .acc_tgl.active::after {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .cmn_header .header_pos_fixed .nav .global .parent .list li a::after {
    content: "\f105";
  }
  .cmn_header .header_pos_fixed .nav .global .parent .list li .child02 li .acc_tgl,
  .cmn_header .header_pos_fixed .nav .global .parent .list li .child02 li a {
    padding: 0 0.47rem 0 0.3rem;
  }
  .cmn_header .header_pos_fixed .nav .global .parent .list li .child03 li .acc_tgl,
  .cmn_header .header_pos_fixed .nav .global .parent .list li .child03 li a {
    padding: 0 0.47rem 0 0.45rem;
  }
  .cmn_header .header_pos_fixed .nav .global .parent .list .child01 li:last-child {
    border-bottom: none;
  }
}

/* header fixed */
.cmn_header.fixed {
  padding: 0.4rem 0 1.12rem;
}

.cmn_header.fixed .header_pos_fixed {
  height: 1.12rem;
  padding: 0.2rem 0.4rem 0.2rem 0.5rem;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100000;
}

@media screen and (max-width: 1024px) {
  .cmn_header.fixed {
    padding: 0 0 0.65rem;
  }
  .cmn_header.fixed .header_pos_fixed {
    height: 0.65rem;
    padding: 0;
  }
}

/* pageTop
--------------------------------------------------------------*/
.pagetop {
  position: fixed;
  bottom: 0.5rem;
  right: 0.1rem;
  width: 0.6rem;
  height: 0.6rem;
  line-height: 0.6rem;
  text-align: center;
  background: #123467;
  cursor: pointer;
  z-index: 99;
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.pagetop i {
  color: #fff;
  font-size: 0.18rem;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.pagetop.show {
  opacity: 1;
}

@media print, screen and (min-width: 768px) {
  .pagetop:hover {
    opacity: 0.7;
  }
}

@media screen and (max-width: 767px) {
  .pagetop {
    width: 0.45rem;
    height: 0.45rem;
    line-height: 0.45rem;
    bottom: 0.1rem;
  }
}

/* footer
--------------------------------------------------------------*/
.cmn_footer {
  position: relative;
  clear: both;
}

.cmn_footer .info {
  padding: 0.4rem 0;
  background: #e7eaf0;
}

.cmn_footer .info .logo {
  width: 1.4rem;
}

.cmn_footer .info .logo a {
  display: block;
}

@media print, screen and (min-width: 768px) {
  .cmn_footer .info .logo a {
    -webkit-transition: .4s;
    transition: .4s;
  }
  .cmn_footer .info .logo a:hover {
    opacity: .7;
  }
}

.cmn_footer .info .btn li {
  width: 2.4rem;
  height: 0.6rem;
  margin-left: 0.15rem;
}

.cmn_footer .info .btn li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  font-weight: bold;
  color: #fff;
  line-height: 1.3;
  text-align: center;
  background: #123467;
  position: relative;
}

@media print, screen and (min-width: 768px) {
  .cmn_footer .info .btn li a {
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }
  .cmn_footer .info .btn li a:hover {
    background: #674512;
  }
}

.cmn_footer .info .btn li a::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f105";
  position: absolute;
  right: 0.1rem;
}

.cmn_footer .link_card {
  padding: 0.22rem 0;
}

.cmn_footer .link_card li {
  margin: 0 0.1rem;
}

@media print, screen and (min-width: 768px) {
  .cmn_footer .link_card li a {
    -webkit-transition: .4s;
    transition: .4s;
  }
  .cmn_footer .link_card li a:hover {
    opacity: .7;
  }
}

.cmn_footer .navi {
  padding: 0.09rem 0;
  background: #123467;
}

.cmn_footer .navi li {
  margin-right: 0.3rem;
}

.cmn_footer .navi li:first-child {
  margin-left: -0.05rem;
}

.cmn_footer .navi li:not(:last-child) {
  position: relative;
}

.cmn_footer .navi li:not(:last-child)::after {
  content: "";
  width: 0.02rem;
  height: 0.12rem;
  background: #516a90;
  position: absolute;
  top: 0.05rem;
  right: -0.15rem;
}

.cmn_footer .navi li a {
  display: block;
  padding: 0.05rem;
  font-size: 0.12rem;
  color: #fff;
}

@media print, screen and (min-width: 768px) {
  .cmn_footer .navi li a {
    -webkit-transition: .4s;
    transition: .4s;
  }
  .cmn_footer .navi li a:hover {
    opacity: .7;
  }
}

.cmn_footer .copyright {
  position: absolute;
  right: calc((100% - 9.6rem) / 2);
  bottom: 0.13rem;
}

.cmn_footer .copyright small {
  font-size: 0.12rem;
  color: #fff;
}

@media screen and (max-width: 767px) {
  .cmn_footer {
    margin-top: 1rem;
  }
  .cmn_footer .info {
    padding: 0.3rem 0 0.2rem;
  }
  .cmn_footer .info .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .cmn_footer .info .logo {
    margin: 0 0 0.3rem;
  }
  .cmn_footer .info .btn {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .cmn_footer .info .btn li {
    margin-left: 0;
    margin-bottom: 0.1rem;
  }
  .cmn_footer .link_card li {
    margin: 0 0.04rem;
  }
  .cmn_footer .link_card li a img {
    width: auto;
    height: 0.18rem;
  }
  .cmn_footer .navi {
    padding: 0.09rem 0;
  }
  .cmn_footer .navi ul {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .cmn_footer .navi li {
    margin: 0 0.09rem;
  }
  .cmn_footer .navi li:first-child {
    margin: 0 0.09rem;
  }
  .cmn_footer .navi li:not(:last-child)::after {
    right: -0.1rem;
  }
  .cmn_footer .navi li a {
    padding: 0.05rem;
    font-size: 0.1rem;
  }
  .cmn_footer .copyright {
    padding: 0.1rem 0 0.08rem;
    text-align: center;
    position: static;
  }
  .cmn_footer .copyright small {
    font-size: 0.1rem;
    color: #303030;
  }
}

/* --------------------------------------------------------------
   下層_共通
-------------------------------------------------------------- */
/* BreadCrumb ---------- */
/* page title ---------- */
/* template ---------- */
/* SP時、横スクロール */
/* SP時のみタップしたら画像拡大 */
/* 中心 ----------- */
/* --------------------------------------------------------------
   Module_Element
-------------------------------------------------------------- */
/* Flex ---------- */
.mod_flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.mod_flex.align-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.mod_flex_center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mod_flex_center.align-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.mod_flex_between {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  /* 3列4列の場合の調整 */
  /* // 3列4列の場合の調整 */
}

.mod_flex_between.align-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.mod_flex_between.col3::after, .mod_flex_between.col4::before, .mod_flex_between.col4::after {
  content: "";
  display: block;
  height: 0;
}

.mod_flex_between.col4::before {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}

.mod_flex_around {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}

.mod_flex_around.align-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

/* COLOR */
.fonts_c_red {
  color: #d00;
  font-weight: bold;
}

/* BreadCrumb ---------- */
#breadcrumb ol {
  margin: 0 0 0.35rem;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

#breadcrumb ol li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}

#breadcrumb ol li:not(:last-child) {
  margin-right: 0.15rem;
}

#breadcrumb ol li > a,
#breadcrumb ol li > span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  font-size: 0.12rem;
  font-weight: 500;
}

#breadcrumb ol li > a {
  padding: 0.05rem 0.2rem 0.05rem 0;
  position: relative;
}

@media print, screen and (min-width: 768px) {
  #breadcrumb ol li > a {
    -webkit-transition: .4s;
    transition: .4s;
  }
  #breadcrumb ol li > a:hover {
    opacity: .7;
  }
}

#breadcrumb ol li > a::after {
  content: ">";
  position: absolute;
  top: calc(50% - 0.06rem);
  right: 0;
}

@media screen and (max-width: 767px) {
  #breadcrumb {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  #breadcrumb ol {
    margin: 0 0 0.08rem;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    white-space: nowrap;
  }
  #breadcrumb ol li:not(:last-child) {
    margin-right: 0.1rem;
  }
  #breadcrumb ol li > a,
  #breadcrumb ol li > span {
    font-size: 0.1rem;
  }
  #breadcrumb ol li > a::after {
    top: calc(50% - 0.05rem);
  }
}

/* POST 下層共通 ---------- */
.mod_post {
  padding: 0 0 1.45rem;
  counter-reset: number 0;
  /* ページタイトル */
}

.mod_post .pagetitle_deco {
  min-height: 2.2rem;
  padding: 0.6rem 0 0;
  margin: 0 0 0.7rem;
  position: relative;
}

.mod_post .pagetitle_deco::before, .mod_post .pagetitle_deco::after {
  content: "";
  position: absolute;
}

.mod_post .pagetitle_deco::before {
  width: calc((100% - 9.6rem) / 2 + 1.6rem);
  height: 2.2rem;
  border-radius: 0 0.3rem 0.3rem 0;
  background: #e7eaf0;
  top: 0;
  left: 0;
  z-index: -2;
}

.mod_post .pagetitle_deco::after {
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 0.1rem;
  background: #8899b3;
  top: 0.4rem;
  left: calc((100% - 9.6rem) / 2 - 0.2rem);
  z-index: -1;
}

.mod_post .pagetitle_deco .pagetitle {
  padding: 0 0 0.4rem;
  margin: 0 auto 0.2rem;
  font-size: 0.42rem;
  font-weight: bold;
  color: #123467;
  line-height: 1.3;
  position: relative;
}

.mod_post .pagetitle_deco .pagetitle::after {
  content: "";
  width: 0.6rem;
  height: 0.04rem;
  background: #123467;
  position: absolute;
  left: 0.6rem;
  bottom: 0;
}

.mod_post .pagetitle_deco .main_desc {
  padding-left: 0.6rem;
  font-size: 0.18rem;
  line-height: 1.7;
}

@media screen and (max-width: 767px) {
  .mod_post {
    padding: 0;
    /* ページタイトル */
  }
  .mod_post .pagetitle_deco {
    min-height: 1.1rem;
    padding: 0.18rem 0 0;
    margin: 0 0 0.25rem;
  }
  .mod_post .pagetitle_deco::before {
    width: 50%;
    height: 1.1rem;
    border-radius: 0 0.15rem 0.15rem 0;
  }
  .mod_post .pagetitle_deco::after {
    width: 0.2rem;
    height: 0.2rem;
    border-radius: 0.05rem;
    top: 0.15rem;
    left: 0.05rem;
  }
  .mod_post .pagetitle_deco .pagetitle {
    padding: 0 0.12rem 0.12rem 0;
    font-size: 0.24rem;
    line-height: 1.5;
  }
  .mod_post .pagetitle_deco .pagetitle::after {
    width: 0.3rem;
    height: 0.02rem;
    left: 0;
  }
  .mod_post .pagetitle_deco .main_desc {
    padding-left: 0;
    font-size: 0.16rem;
  }
}

.post_content {
  /* ul */
  /* ol */
  /* 目次 */
  /* h2 */
  /* h3 */
  /* h4 */
  /* h5 */
  /* h6 */
  /* p */
  /* 動画 */
  /* 画像 */
  /* 色々 */
}

.post_content > section + section {
  margin-top: 0.7rem;
  clear: both;
}

.post_content a {
  font-weight: bold;
  color: #123467;
  text-decoration: underline;
}

@media print, screen and (min-width: 768px) {
  .post_content a {
    -webkit-transition: .4s;
    transition: .4s;
  }
  .post_content a:hover {
    opacity: .7;
  }
}

.post_content ul {
  padding-left: 0.1rem;
}

.post_content ul > li {
  padding-left: 0.1rem;
  line-height: 1.5;
  position: relative;
}

.post_content ul > li::before {
  content: "\02022";
  color: #123467;
  font-weight: bold;
  position: absolute;
  left: 0;
}

.post_content ul > li + li {
  margin-top: 0.1rem;
}

.post_content ol:not(.mokuji_list) {
  counter-reset: number 0;
}

.post_content ol:not(.mokuji_list) > li {
  padding-left: 0.3rem;
  line-height: 1.5;
  position: relative;
}

.post_content ol:not(.mokuji_list) > li::before {
  counter-increment: number 1;
  content: counter(number, decimal) ".";
  width: 0.25rem;
  color: #123467;
  font-weight: bold;
  text-align: right;
  position: absolute;
  left: 0;
}

.post_content ol:not(.mokuji_list) > li + li {
  margin-top: 0.1rem;
}

.post_content ol:not(.mokuji_list) > .round_adjust {
  position: relative;
}

.post_content ol:not(.mokuji_list) > .round_adjust::before {
  content: none;
}

.post_content ol:not(.mokuji_list) > .round_adjust .round_num {
  position: absolute;
  top: 0;
  left: 0.05rem;
}

.post_content .mokuji {
  margin: 0 0 0.7rem;
  line-height: 1.7;
}

.post_content .mokuji a {
  font-weight: 500;
  text-decoration: none;
}

.post_content .mokuji dt {
  padding: 0.11rem 0;
  color: #fff;
  font-size: 0.18rem;
  font-weight: bold;
  text-align: center;
  background: #123467;
}

.post_content .mokuji dd {
  border: 0.01rem solid #ccc;
  background: #f3f4f7;
}

.post_content .mokuji dd ol {
  counter-reset: number 0;
  padding: 0.4rem 0.8rem 0.35rem;
}

.post_content .mokuji dd ol > li > a {
  display: block;
  padding-left: 0.3rem;
  color: #303030;
  font-size: 0.16rem;
  position: relative;
}

.post_content .mokuji dd ol > li > a::before {
  counter-increment: number 1;
  content: counter(number) ".";
  color: #123467;
  font-weight: bold;
  position: absolute;
  left: 0;
}

.post_content .mokuji dd ol > li {
  padding-left: 0;
}

.post_content .mokuji dd ol > li::before {
  content: none;
}

.post_content .mokuji dd ol li + li {
  margin-top: 0.08rem;
}

.post_content .mokuji dd ol ul {
  margin-top: 0.08rem;
  padding-left: 0.3rem;
}

.post_content .mokuji dd ol ul li {
  padding-left: 0.15rem;
  position: relative;
}

.post_content .mokuji dd ol ul li::before {
  width: auto;
  content: "\02022";
  color: #123467;
  position: absolute;
  left: 0;
}

.post_content .mokuji dd ol ul li a {
  color: #303030;
  font-weight: 500;
  border-bottom: none;
}

.post_content h2,
.post_content h3,
.post_content h4,
.post_content h5,
.post_content h6 {
  line-height: 1.3;
}

.post_content h2 {
  padding: 0.27rem;
  margin: 0.7rem 0 0.4rem;
  color: #123467;
  font-size: 0.32rem;
  font-weight: bold;
  border-top: 0.02rem solid #123467;
  border-bottom: 0.02rem solid #123467;
}

.post_content h2.num {
  padding: 0.27rem 0.27rem 0.27rem 0.95rem;
  position: relative;
}

.post_content h2.num::before {
  counter-increment: number 1;
  content: counter(number) ".";
  position: absolute;
  left: 0.27rem;
}

.post_content h3 {
  padding: 0.05rem 0.15rem;
  margin: 0.5rem 0 0.4rem;
  font-size: 0.28rem;
  font-weight: bold;
  border-left: 0.06rem solid #123467;
}

.post_content h4 {
  padding: 0.05rem 0.15rem;
  margin: 0.5rem 0 0.4rem;
  font-size: 0.24rem;
  font-weight: bold;
  border-left: 0.04rem solid #123467;
}

.post_content h5 {
  margin: 0.5rem 0 0.4rem;
  color: #123467;
  font-size: 0.2rem;
  font-weight: bold;
}

.post_content h6 {
  margin: 0.5rem 0 0.4rem;
  font-weight: bold;
}

.post_content p {
  line-height: 1.7;
}

.post_content iframe {
  width: 100%;
  height: 4.8rem;
}

.post_content figure {
  margin: 0.35rem 0 0;
  text-align: center;
}

.post_content p + p,
.post_content p + ul,
.post_content ul + p,
.post_content p + iframe,
.post_content iframe + p,
.post_content ul + iframe,
.post_content iframe + ul,
.post_content p + figure,
.post_content figure + p,
.post_content ul + figure,
.post_content figure + ul,
.post_content iframe + figure,
.post_content figure + iframe,
.post_content p + ol,
.post_content ol + p,
.post_content ul + ol,
.post_content ol + ul,
.post_content iframe + ol,
.post_content ol + iframe,
.post_content figure + ol,
.post_content ol + figure {
  margin-top: 0.3rem;
}

@media screen and (max-width: 767px) {
  .post_content {
    /* ul */
    /* 目次 */
    /* h2 */
    /* h3 */
    /* h4 */
    /* h5 */
    /* h6 */
    /* 動画 */
    /* 画像 */
    /* 色々 */
  }
  .post_content section + section {
    margin-top: 0.5rem;
  }
  .post_content ul {
    padding-left: 0.11rem;
  }
  .post_content .mokuji {
    margin: 0 0 0.4rem;
  }
  .post_content .mokuji dd {
    border-width: 0.005rem;
  }
  .post_content .mokuji dd ol {
    padding: 0.13rem 0.2rem 0.17rem;
  }
  .post_content .mokuji dd ol li + li {
    margin-top: 0.05rem;
  }
  .post_content .mokuji dd ol ul {
    margin-top: 0.05rem;
  }
  .post_content h2 {
    padding: 0.1rem 0.35rem 0.1rem 0.15rem;
    margin: 0.5rem 0 0.25rem;
    font-size: 0.2rem;
  }
  .post_content h2.num {
    padding: 0.1rem 0.35rem 0.1rem 0.54rem;
  }
  .post_content h2.num::before {
    left: 0.15rem;
  }
  .post_content h3 {
    padding: 0.01rem 0 0.01rem 0.1rem;
    margin: 0.3rem 0 0.25rem;
    font-size: 0.18rem;
    border-left-width: 0.04rem;
  }
  .post_content h4 {
    padding: 0.01rem 0 0.01rem 0.1rem;
    margin: 0.3rem 0 0.25rem;
    font-size: 0.17rem;
    border-left-width: 0.02rem;
  }
  .post_content h5 {
    margin: 0.3rem 0 0.25rem;
    font-size: 0.16rem;
  }
  .post_content h6 {
    margin: 0.3rem 0 0.25rem;
  }
  .post_content iframe {
    height: 1.95rem;
  }
  .post_content figure {
    margin: 0.25rem 0 0;
  }
  .post_content p + p,
  .post_content p + ul,
  .post_content ul + p,
  .post_content p + iframe,
  .post_content iframe + p,
  .post_content ul + iframe,
  .post_content iframe + ul,
  .post_content p + figure,
  .post_content figure + p,
  .post_content ul + figure,
  .post_content figure + ul,
  .post_content iframe + figure,
  .post_content figure + iframe,
  .post_content p + ol,
  .post_content ol + p,
  .post_content ul + ol,
  .post_content ol + ul,
  .post_content iframe + ol,
  .post_content ol + iframe,
  .post_content figure + ol,
  .post_content ol + figure {
    margin-top: 0.2rem;
  }
}

/* input リセット */
input {
  outline: none;
  font-family: YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif;
}

input[type="number"] {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

/* リボdeお買い物 ---------- */
.simulation_area {
  margin: 0 0 0.5rem;
}

.simulation_area p {
  line-height: 1;
}

.simulation_area .stit {
  margin: 0 0 0.3rem;
  color: #123467;
  font-size: 0.32rem;
  font-weight: bold;
  text-align: center;
}

.simulation_area dl {
  border-top: 0.01rem solid #ccc;
}

.simulation_area dl dt {
  float: left;
  clear: both;
  width: 3.45rem;
  padding: 0.3rem 0 0 0.3rem;
  font-size: 0.18rem;
  font-weight: bold;
}

.simulation_area dl dd {
  min-height: 0.8rem;
  padding: 0.25rem 0.3rem 0.26rem 3.45rem;
  text-align: right;
  border-bottom: 0.01rem solid #ccc;
}

.simulation_area dl dd input {
  width: 4rem;
  min-height: 0.4rem;
  padding: 0.05rem 0.25rem;
  font-size: 0.16rem;
  text-align: right;
  background: #fff;
  border: 0.01rem solid #ccc;
}

.simulation_area dl dd.percent input {
  width: 2rem;
}

.simulation_area dl dd .result_num,
.simulation_area dl dd .txt {
  display: inline-block;
  font-weight: bold;
  vertical-align: middle;
}

.simulation_area dl dd .result_num {
  color: #674512;
  font-size: 0.28rem;
}

.simulation_area dl dd .txt {
  margin: 0 0 0 0.07rem;
  font-size: 0.18rem;
}

.simulation_area .first_item .tit {
  padding: 0.2rem;
  text-align: center;
  background: #123467;
  position: relative;
}

.simulation_area .first_item .tit::before {
  content: "";
  width: 0.97rem;
  height: 0.4rem;
  background: left center/100% no-repeat url(../img/simulation_tit_ico.png);
  position: absolute;
  top: calc(50% - 0.2rem);
  left: 2.1rem;
}

.simulation_area .first_item .tit .sub {
  display: block;
  color: #fff;
  font-size: 0.14rem;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}

.simulation_area .first_item .inner {
  padding: 0.4rem 0.8rem 0.5rem;
  background: #e7eaf0;
}

.simulation_area .first_item .inner .before_note,
.simulation_area .first_item .inner .txt_note,
.simulation_area .first_item .inner .after_note {
  font-size: 0.14rem;
}

.simulation_area .first_item .inner .before_note {
  margin: 0 0 0.3rem;
  text-align: center;
}

.simulation_area .first_item .inner .txt_note,
.simulation_area .first_item .inner .after_note {
  color: #303030;
  font-weight: 500;
}

.simulation_area .first_item .inner .after_note {
  padding: 0.1rem 0 0 0.3rem;
}

.simulation_area .first_item .inner .btn_area {
  margin: 0.4rem 0 0;
}

.simulation_area .first_item .inner .btn_area .reset,
.simulation_area .first_item .inner .btn_area .submit {
  width: 1.6rem;
  margin: 0 0.1rem;
  position: relative;
}

.simulation_area .first_item .inner .btn_area .reset::after,
.simulation_area .first_item .inner .btn_area .submit::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 0.18rem;
  color: #fff;
  position: absolute;
  top: calc(50% - 0.09rem);
  right: 0.3rem;
}

.simulation_area .first_item .inner .btn_area .reset::after {
  content: "\f057";
}

.simulation_area .first_item .inner .btn_area .submit::after {
  content: "\f1ec";
}

.simulation_area .first_item .inner .btn_area input {
  width: 100%;
  min-height: 0.6rem;
  padding-right: 0.25rem;
  color: #fff;
  font-size: 0.18rem;
  font-weight: bold;
  border: none;
  cursor: pointer;
}

@media print, screen and (min-width: 768px) {
  .simulation_area .first_item .inner .btn_area input {
    -webkit-transition: .4s;
    transition: .4s;
  }
  .simulation_area .first_item .inner .btn_area input:hover {
    opacity: .7;
  }
}

.simulation_area .first_item .inner .btn_area input[type="reset"] {
  background: #999;
}

.simulation_area .first_item .inner .btn_area input[type="submit"] {
  background: #123467;
}

.simulation_area .middle_txt {
  margin: 0.3rem 0 0.25rem;
  padding: 0.9rem 0 0;
  color: #123467;
  font-size: 0.38rem;
  font-weight: bold;
  text-align: center;
  background: center top/1.1rem 0.6rem no-repeat url(../img/arrow.png);
}

.simulation_area .result_item {
  padding: 0.5rem 0.8rem;
  background: #e7eaf0;
}

@media screen and (max-width: 767px) {
  .simulation_area {
    margin: 0 0 0.3rem;
  }
  .simulation_area .stit {
    margin: 0 0 0.18rem;
    font-size: 0.2rem;
  }
  .simulation_area dl dd {
    min-height: 100%;
  }
  .simulation_area dl dd input,
  .simulation_area dl dd.percent input {
    width: 2.6rem;
  }
  .simulation_area dl dd .result_num .small {
    font-size: 0.18rem;
  }
  .simulation_area dl dd .txt {
    margin: 0 0 0 0.06rem;
  }
  .simulation_area .first_item .tit {
    padding: 0.1rem 0 0.12rem;
  }
  .simulation_area .first_item .tit::before {
    width: 0.48rem;
    height: 0.2rem;
    top: calc(50% - 0.1rem);
    left: 0.1rem;
  }
  .simulation_area .first_item .tit .sub {
    margin: 0 0 0.05rem;
    font-size: 0.098rem;
  }
  .simulation_area .first_item .tit img {
    width: 2.1rem;
  }
  .simulation_area .first_item .inner {
    padding: 0.15rem 0.15rem 0.2rem;
  }
  .simulation_area .first_item .inner .before_note {
    margin: 0 0 0.12rem;
    font-size: 0.1rem;
    line-height: 1.5;
  }
  .simulation_area .first_item .inner .after_note {
    padding: 0.1rem 0 0 0.1rem;
    font-size: 0.1rem;
  }
  .simulation_area .first_item .inner .btn_area {
    margin: 0.24rem 0 0;
  }
  .simulation_area .first_item .inner .btn_area .reset,
  .simulation_area .first_item .inner .btn_area .submit {
    width: calc((100% - 0.12rem) / 2);
    margin: 0;
  }
  .simulation_area .first_item .inner .btn_area .reset {
    margin-right: 0.12rem;
  }
  .simulation_area .first_item .inner .btn_area input {
    min-height: 0.5rem;
    font-size: 0.16rem;
  }
  .simulation_area .first_item .inner .stit {
    font-size: 0.22rem;
  }
  .simulation_area .first_item .inner .calc_area dt {
    float: none;
    width: 100%;
    padding: 0.2rem 0.1rem 0.12rem;
  }
  .simulation_area .first_item .inner .calc_area dd {
    padding: 0 0.1rem 0.2rem;
  }
  .simulation_area .middle_txt {
    margin: 0.18rem 0 0.2rem;
    padding: 0.4rem 0 0;
    font-size: 0.28rem;
    background: center top/0.5rem 0.3rem no-repeat url(../img/arrow.png);
  }
  .simulation_area .result_item {
    padding: 0.18rem 0.15rem 0.2rem;
  }
  .simulation_area .result_item .result_area dt {
    width: 1.3rem;
    padding: 0.15rem 0 0 0.1rem;
  }
  .simulation_area .result_item .result_area dd {
    padding: 0.1rem 0.1rem 0.1rem 1.3rem;
  }
  .simulation_area .result_item .result_area dd .txt {
    margin: 0 0 0 0.05rem;
  }
}

/* サイトマップ ---------- */
.sitemap .site_tit {
  padding: 0 0 0.2rem;
  border-bottom: 0.02rem solid #123467;
}

.sitemap .site_tit a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 1.9rem;
  font-size: 0.2rem;
  font-weight: bold;
}

@media print, screen and (min-width: 768px) {
  .sitemap .site_tit a {
    -webkit-transition: .4s;
    transition: .4s;
  }
  .sitemap .site_tit a:hover {
    opacity: .7;
  }
}

.sitemap .site_tit a img {
  width: 0.6rem;
  margin-right: 0.1rem;
}

.sitemap .inner {
  padding: 0 0 0.55rem;
  margin: 0 0 0.35rem;
  border-bottom: 0.02rem solid #123467;
}

.sitemap .item {
  width: 4.6rem;
  margin: 0.45rem 0 0;
}

.sitemap .item .item_tit {
  padding: 0.05rem 0 0.04rem 0.4rem;
  margin: 0 0 0.3rem;
  font-size: 0.18rem;
  font-weight: bold;
  line-height: 1.17;
  position: relative;
}

.sitemap .item .item_tit::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 0.26rem;
  position: absolute;
  top: calc(50% - 0.13rem);
  left: 0;
}

.sitemap .link_list li {
  padding-left: 0.2rem;
  font-weight: bold;
  line-height: 1.4;
  position: relative;
}

.sitemap .link_list li::before {
  content: "\2517";
  position: absolute;
  top: 0;
  left: 0;
}

.sitemap .link_list li + li {
  margin-top: 0.1rem;
}

@media print, screen and (min-width: 768px) {
  .sitemap .link_list li a {
    -webkit-transition: .4s;
    transition: .4s;
  }
  .sitemap .link_list li a:hover {
    opacity: .7;
  }
}

.sitemap .link_list .child01 {
  margin-top: 0.1rem;
}

.sitemap .link_list .child01 li {
  font-size: 0.14rem;
}

.sitemap .link_list .child01 li::before {
  content: "\2516";
}

.sitemap .link_list .child02 {
  margin-top: 0.1rem;
}

.sitemap .link_list .child02 li {
  font-weight: 500;
}

.sitemap .sitemap_about {
  float: left;
}

.sitemap .sitemap_about .item_tit::before {
  content: "\f09d";
  color: #123467;
}

.sitemap .sitemap_about li::before {
  color: #123467;
}

.sitemap .sitemap_about .child01 li::before {
  color: rgba(18, 52, 103, 0.5);
}

.sitemap .sitemap_customer {
  float: right;
}

.sitemap .sitemap_customer .item_tit::before {
  content: "\f07a";
  color: #e94f37;
}

.sitemap .sitemap_customer li::before {
  color: #e94f37;
}

.sitemap .sitemap_customer .child01 li::before {
  color: rgba(233, 79, 55, 0.5);
}

.sitemap .sitemap_store {
  float: left;
}

.sitemap .sitemap_store .item_tit::before {
  content: "\f54e";
  color: #3f88c5;
}

.sitemap .sitemap_store li::before {
  color: #3f88c5;
}

.sitemap .sitemap_store .child01 li::before {
  color: rgba(63, 136, 197, 0.5);
}

.sitemap .sitemap_card {
  float: left;
}

.sitemap .sitemap_card .item_tit::before {
  content: "\f500";
  color: #44bba4;
}

.sitemap .sitemap_card li::before {
  color: #44bba4;
}

.sitemap .sitemap_card .child01 li::before {
  color: rgba(68, 187, 164, 0.5);
}

.sitemap .other_link li {
  font-weight: bold;
  line-height: 1.4;
}

.sitemap .other_link li + li {
  margin-top: 0.1rem;
}

.sitemap .other_link li::before {
  content: "\02022";
  margin-right: 0.03rem;
}

@media print, screen and (min-width: 768px) {
  .sitemap .other_link li a {
    -webkit-transition: .4s;
    transition: .4s;
  }
  .sitemap .other_link li a:hover {
    opacity: .7;
  }
}

@media screen and (max-width: 767px) {
  .sitemap .site_tit a {
    font-size: 0.18rem;
  }
  .sitemap .inner {
    padding: 0 0 0.35rem;
    margin: 0 0 0.35rem;
  }
  .sitemap .item {
    width: 100%;
    margin: 0.3rem 0 0;
  }
  .sitemap .link_list .child01 li::before {
    content: "\2514";
  }
  .sitemap .sitemap_about {
    float: none;
  }
  .sitemap .sitemap_customer {
    float: none;
  }
  .sitemap .sitemap_store {
    float: none;
  }
  .sitemap .sitemap_card {
    float: none;
  }
  .sitemap .other_link li {
    padding-left: 0.15rem;
    position: relative;
  }
  .sitemap .other_link li + li {
    margin-top: 0.1rem;
  }
  .sitemap .other_link li::before {
    margin-right: 0;
    position: absolute;
    left: 0.05rem;
  }
}

/* 新着情報詳細 ---------- */
.mod_post_info {
  margin-bottom: 0.6rem;
}

.mod_post_info .cat,
.mod_post_info .date {
  display: inline-block;
}

.mod_post_info .cat {
  width: 1.1rem;
  height: 0.22rem;
  padding: 0.04rem 0 0;
  margin-right: 0.1rem;
  color: #fff;
  font-size: 0.16rem;
  font-weight: bold;
  text-align: center;
}

.mod_post_info .cat.info {
  background: #123467;
}

.mod_post_info .cat.topics {
  background: #674512;
}

.mod_post_info .date {
  width: 2rem;
  padding: 0.04rem 0 0;
  font-size: 0.18rem;
  color: #999;
}

@media screen and (max-width: 767px) {
  .mod_post_info {
    margin-bottom: 0.25rem;
  }
  .mod_post_info .cat {
    width: auto;
    height: auto;
    padding: 0.03rem 0.05rem;
    margin-right: 0.05rem;
  }
  .mod_post_info .date {
    width: auto;
    padding: 0;
    font-size: 0.16rem;
  }
}

/* リボ払いの種類 ---------- */
.mod_revotype {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .mod_revotype img {
    width: 100%;
    height: auto;
  }
}

.mod_revotype .mt1 {
  margin-top: 0.1rem;
}

.mod_revotype .mt2 {
  margin-top: 0.2rem;
}

.mod_revotype_inner {
  max-width: 650px;
  margin: 0 auto;
  text-align: center;
}

.mod_revotype_inner .longdotbar {
  margin-top: 20px;
  font-size: 14px;
  text-align: left;
  line-height: 1.3;
}

/* PDFリンク */
.pdf_btn {
  text-align: right;
  margin: -20px 0 20px;
}

.pdf_btn a {
  text-decoration: none;
}

.pdf_btn .fa-file-pdf {
  padding: 0 5px;
}

/* TOP
--------------------------------------------------------------*/
/* MV ----------- */
.top_mv {
  height: calc(100vh - 1.84rem);
  min-height: 6.85rem;
  margin: 0 auto 2.4rem;
  position: relative;
  /* slick */
}

.top_mv::after {
  content: "";
  width: 70vw;
  height: 100%;
  border-radius: 0.3rem 0 0 0.3rem;
  background: #d0d6e1;
  position: absolute;
  right: 0;
  bottom: -1.2rem;
}

.top_mv .catch {
  position: absolute;
  top: 2.95rem;
  right: 10.42vw;
  z-index: 10000;
}

.top_mv .catch span {
  display: block;
  font-weight: bold;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}

.top_mv .catch .item {
  font-size: 0.6rem;
  color: #123467;
  letter-spacing: 0.16em;
}

.top_mv .catch .item + .item {
  margin: 0.3rem 0 0;
}

.top_mv .catch .item .small {
  margin: 0 0 0.15rem;
  font-size: 0.2rem;
  color: #303030;
  letter-spacing: 0;
}

.top_mv .slider,
.top_mv .slick-list,
.top_mv .slick-track {
  height: 100% !important;
  position: relative;
}

.top_mv .slick-list {
  width: 100%;
}

.top_mv .slick-track {
  width: 100% !important;
}

.top_mv .slider li,
.top_mv .slider li img {
  height: 100%;
}

.top_mv .slider li {
  width: 70% !important;
  border-radius: 0 0.3rem 0.3rem 0;
  position: absolute !important;
  left: 0 !important;
  overflow: hidden;
}

.top_mv .slider li img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  font-family: "object-fit: cover;";
}

@media screen and (max-width: 1024px) {
  .top_mv {
    height: 4rem;
    min-height: 100%;
    margin: 1.2rem auto0 0;
  }
  .top_mv::after {
    bottom: -0.6rem;
  }
  .top_mv .catch {
    top: 1rem;
    right: 0.3rem;
  }
  .top_mv .catch .item {
    font-size: 0.4rem;
  }
  .top_mv .catch .item .small {
    font-size: 0.18rem;
  }
}

@media screen and (max-width: 767px) {
  .top_mv {
    height: 1.68rem;
    margin: 0.75rem auto 0;
    /* slick */
  }
  .top_mv::after {
    width: 3rem;
    border-radius: 0.1rem 0 0 0.1rem;
    bottom: -0.3rem;
  }
  .top_mv .catch {
    top: 0.54rem;
    right: 0.15rem;
  }
  .top_mv .catch .item {
    font-size: 0.22rem;
  }
  .top_mv .catch .item + .item {
    margin: 0.1rem 0 0;
  }
  .top_mv .catch .item .small {
    margin: 0 0 0.05rem;
    font-size: 0.1rem;
  }
  .top_mv .slider li {
    width: 3rem !important;
    border-radius: 0 0.1rem 0.1rem 0;
  }
}

/* News ----------- */
.top_news {
  margin: 1.3rem 0 0;
  padding: 1.4rem 0 0.3rem;
  position: relative;
}

.top_news::before {
  content: "";
  width: calc((100% - 9.6rem) / 2 + 2rem);
  height: 6.5rem;
  border-radius: 0 0.3rem 0.3rem 0;
  background: #123467;
  position: absolute;
  top: 0;
  left: 0;
}

.top_news .pic {
  width: 4.8rem;
  height: 6.5rem;
  position: absolute;
  top: 0.8rem;
  left: calc((100% - 9.6rem) / 2 - 2.2rem);
}

.top_news .pic img {
  border-radius: 0 0.2rem 0.2rem 0;
}

.top_news .txt {
  padding-left: 3.2rem;
}

.top_news .txt .tit {
  margin: 0 0 0.6rem;
  font-size: 0.32rem;
  font-weight: bold;
}

.top_news .txt .scroll {
  height: 4.7rem;
  padding: 0.1rem 0.4rem 0.1rem 0;
  overflow-y: scroll;
}

.top_news .txt .scroll::-webkit-scrollbar {
  width: 0.1rem;
}

.top_news .txt .scroll::-webkit-scrollbar-track {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 0.06rem rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 0 0.06rem rgba(0, 0, 0, 0.1);
}

.top_news .txt .scroll::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 50, 0.5);
  border-radius: 0.1rem;
  -webkit-box-shadow: 0 0 0 0.01rem rgba(255, 255, 255, 0.3);
          box-shadow: 0 0 0 0.01rem rgba(255, 255, 255, 0.3);
}

.top_news .txt .scroll .list li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 0.18rem 0;
  font-size: 0.14rem;
  border-bottom: 0.01rem solid #ccc;
}

@media print, screen and (min-width: 768px) {
  .top_news .txt .scroll .list li a {
    -webkit-transition: .4s;
    transition: .4s;
  }
  .top_news .txt .scroll .list li a:hover {
    opacity: .7;
  }
}

.top_news .txt .scroll .list li:first-child a {
  border-top: 0.01rem solid #ccc;
}

.top_news .txt .scroll .list li .cat {
  width: 0.8rem;
  height: 0.2rem;
  padding: 0.04rem 0 0;
  margin-right: 0.1rem;
  color: #fff;
  font-size: 0.12rem;
  font-weight: bold;
  text-align: center;
}

.top_news .txt .scroll .list li .cat.info {
  background: #123467;
}

.top_news .txt .scroll .list li .cat.topics {
  background: #674512;
}

.top_news .txt .scroll .list li time {
  width: 0.85rem;
  padding: 0.04rem 0 0;
  color: #999;
}

.top_news .txt .scroll .list li .li_tit {
  width: calc(100% - 1.75rem);
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  .top_news {
    margin: 0.38rem 0 0;
    padding: 0.2rem 0 0.3rem;
  }
  .top_news::before {
    width: 0.6rem;
    height: 7.1rem;
    border-radius: 0 0.1rem 0.1rem 0;
    top: 0;
    left: 0;
    z-index: -1;
  }
  .top_news .pic {
    width: 3.45rem;
    height: 2.4rem;
    margin: 0.2rem auto 0;
    text-align: center;
    position: static;
  }
  .top_news .pic img {
    border-radius: 0 0.1rem 0.1rem 0;
  }
  .top_news .txt {
    width: calc(100% - 0.3rem);
    padding-left: 0;
    position: relative;
  }
  .top_news .txt .tit {
    padding-left: 0.63rem;
    margin: 0 0 0.2rem;
    font-size: 0.24rem;
  }
  .top_news .txt .scroll {
    height: 3.57rem;
    padding: 0.2rem 0.2rem 0;
    background: #fff;
  }
  .top_news .txt .scroll .list li a {
    padding: 0.15rem 0;
  }
  .top_news .txt .scroll .list li .cat {
    width: 0.7rem;
    height: 0.18rem;
    padding: 0.03rem 0 0;
  }
  .top_news .txt .scroll .list li time {
    width: calc(100% - 0.8rem);
    padding: 0.03rem 0 0;
  }
  .top_news .txt .scroll .list li .li_tit {
    width: 100%;
    margin: 0.07rem 0 0;
    font-size: 0.134rem;
  }
}

/* Business ----------- */
.top_business {
  margin: 1.3rem 0 1.4rem;
  padding: 0.6rem 0;
  position: relative;
}

.top_business::before {
  content: "";
  width: calc((100% - 9.6rem) / 2 + 8.6rem);
  height: 6.5rem;
  border-radius: 0 0.3rem 0.3rem 0;
  background: #e7eaf0;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}

.top_business .pic {
  width: 9rem;
  height: 5.06rem;
  position: absolute;
  top: 0;
  right: calc((100% - 9.6rem) / 2 - 4.8rem);
}

.top_business .pic img {
  border-radius: 0.2rem 0 0 0.2rem;
}

.top_business .tit {
  padding: 0 0 0.55rem;
  margin: 0 0 0.53rem -0.05rem;
  font-size: 0.48rem;
  font-weight: bold;
  letter-spacing: 0.08em;
  position: relative;
}

.top_business .tit::after {
  content: "";
  width: 0.6rem;
  height: 0.01rem;
  background: #123467;
  position: absolute;
  bottom: 0;
  left: 0.08rem;
}

.top_business .tit .sub {
  display: block;
  margin: 0 0 0.13rem 0.08rem;
  color: #123467;
  font-size: 0.18rem;
  letter-spacing: 0;
}

.top_business .txt {
  width: 4.8rem;
}

.top_business .txt .desc {
  line-height: 2;
}

.top_business .txt .list {
  margin: 0.25rem 0 0;
  padding: 0.3rem 0.4rem;
  background: #d0d6e1;
  counter-reset: section;
}

.top_business .txt .list li {
  padding-left: 2.5em;
  text-indent: -2.5em;
  font-weight: bold;
  line-height: 1.5;
}

.top_business .txt .list li::before {
  counter-increment: section;
  content: counter(section) ".";
  margin-right: 0.47em;
  font-size: 0.32rem;
  font-style: italic;
  font-family: "游明朝", YuMincho, "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  color: #123467;
  position: relative;
  bottom: -0.03rem;
}

.top_business .txt .list li + li {
  margin-top: -0.04rem;
}

@media screen and (max-width: 767px) {
  .top_business {
    margin: 0.38rem 0 0.1rem;
    padding: 0;
  }
  .top_business::before {
    width: 3.6rem;
    height: calc(100% - 1.77rem);
    border-radius: 0 0.1rem 0.1rem 0;
    bottom: auto;
    top: 0.32rem;
  }
  .top_business .container {
    width: calc(100% - 0.3rem);
  }
  .top_business .pic {
    width: 3.6rem;
    height: 2.025rem;
    margin-left: 0.15rem;
    position: static;
  }
  .top_business .pic img {
    border-radius: 0.1rem 0 0 0.1rem;
  }
  .top_business .tit {
    padding: 0 0 0.2rem;
    margin: 0 0 0.27rem -0.05rem;
    font-size: 0.28rem;
  }
  .top_business .tit::after {
    width: 0.3rem;
    left: 0.05rem;
  }
  .top_business .tit .sub {
    margin: 0 0 0.07rem 0.05rem;
    font-size: 0.12rem;
  }
  .top_business .txt {
    width: 3.3rem;
  }
  .top_business .txt .desc {
    line-height: 1.75;
  }
  .top_business .txt .list {
    margin: 0.32rem 0 0.3rem;
    padding: 0.28rem 0.2rem 0.16rem;
  }
  .top_business .txt .list li {
    padding-left: 1.5em;
    text-indent: -1.5em;
    line-height: 1.5;
  }
  .top_business .txt .list li::before {
    margin-right: 0.55em;
    font-size: 0.18rem;
    bottom: 0;
  }
  .top_business .txt .list li + li {
    margin-top: 0.2rem;
  }
}

/* --------------------------------------------------------------
   下層
-------------------------------------------------------------- */
/* 共通装飾 */
.fb {
  font-weight: bold;
}

.table_wrap {
  width: 100%;
}

.table_wrap .mod_table01 {
  table-layout: fixed;
}

.table_wrap .mod_table01 th,
.table_wrap .mod_table01 td {
  line-height: 1.5;
  vertical-align: middle;
}

.table_wrap .mod_table01 thead th {
  padding: 0.13rem;
  text-align: center;
  font-weight: bold;
  color: #fff;
  background: #123467;
}

.table_wrap .mod_table01 thead th:nth-of-type(2) {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}

.table_wrap .mod_table01 thead th:last-of-type {
  border-right: 1px solid #123467;
}

.table_wrap .mod_table01 tbody td,
.table_wrap .mod_table01 tbody th {
  padding: 0.13rem;
  border: 1px solid #ccc;
}

.table_wrap .mod_table01 tbody th:first-of-type {
  font-weight: bold;
  color: #333;
  background: #f3f4f7;
}

@media screen and (max-width: 767px) {
  .table_wrap {
    overflow-x: scroll;
  }
  .table_wrap .mod_table01 {
    display: block;
    -webkit-overflow-scrolling: touch;
  }
}

/* 協会の紹介 ----------- */
.mod_history_list {
  width: 8rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.mod_history_list dt {
  width: 20%;
  padding: 0.1rem;
  margin: 0 0 0.1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  font-weight: bold;
  border-bottom: 1px solid #000;
}

.mod_history_list dd {
  width: 80%;
  padding: 0.1rem;
  margin: 0 0 0.1rem;
  line-height: 1.7;
  border-bottom: 1px solid #000;
}

@media screen and (max-width: 767px) {
  .mod_history_list {
    width: auto;
  }
  .mod_history_list dt {
    width: 40%;
    padding: 0.05rem 0 0.11rem 0.1rem;
    font-size: 0.15rem;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .mod_history_list dd {
    padding: 0.05rem 0 0.11rem 0.1rem;
    width: 60%;
    font-size: 0.14rem;
  }
  .mod_history_list .ibid {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

/* //協会の紹介 ----------- */
/* お客様からのご相談について */
.post_content .link_card {
  margin-bottom: 0.4rem;
}

.post_content .link_card li:before {
  content: none;
}

.post_content .link_card li:first-of-type {
  padding-top: 0.1rem;
}

.post_content .consult_info {
  width: 4.5rem;
  padding: 0.15rem;
  border: 1px solid #123467;
  background: -webkit-repeating-linear-gradient(135deg, #eceef3, #eceef3 0.05rem, #fff 0, #fff 0.2rem);
  background: repeating-linear-gradient(-45deg, #eceef3, #eceef3 0.05rem, #fff 0, #fff 0.2rem);
}

.post_content .consult_info span {
  font-weight: bold;
}

.post_content .consult_link_lists {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

@media screen and (max-width: 767px) {
  .post_content .consult_info {
    width: auto;
  }
}

/* //お客様からのご相談について */
/* 公表計数 */
.results_notes {
  text-align: right;
}

.results_notes02 {
  margin-bottom: 1.3rem;
}

.results_table {
  width: 100%;
}

.results_table td,
.results_table th {
  border: solid 1px #123467;
  padding: 0.2rem;
}

.results_table td {
  line-height: 1.5;
}

.results_table tr:first-of-type {
  background: #e7eaf0;
}

.results_table tr:first-of-type td {
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .results_notes02 {
    margin-bottom: 0.6rem;
  }
  .results_table {
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  .results_table td,
  .results_table th {
    text-align: center;
  }
}

/* //公表計数 */
/* クレジットカードの基礎知識 */
.basic_img01 {
  padding-top: 0.4rem;
  float: right;
}

.basic_img02 {
  margin: 0.1rem 0 0.2rem;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .basic_img01 {
    padding-top: 0;
    float: none;
  }
}

/* //クレジットカードの基礎知識 */
/* ICカードについて */
.ic_img01 {
  margin-right: 0.5rem;
  float: left;
}

.ic_img02 {
  margin-left: 0.3rem;
  float: right;
}

.ic_img03 {
  margin-top: 0.2rem;
  text-align: center;
}

.ic_desc01 {
  padding: 0.3rem 0 0.8rem;
}

@media screen and (max-width: 767px) {
  .ic_img01 {
    margin-right: 0;
    margin-bottom: 0.1rem;
    float: none;
  }
  .ic_img02 {
    margin-left: 0;
  }
  .ic_desc01 {
    padding: 0;
  }
}

/* //ICカードについて */
/* 割賦販売法の改正について */
.mod_elements_tit01 {
  margin-bottom: 0.2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  border: 1px solid #123467;
}

.mod_elements_tit01 dt {
  padding: 0.2rem;
  position: relative;
  font-weight: bold;
  color: #fff;
  background: #123467;
}

.mod_elements_tit01 dt:before {
  content: "";
  width: 0.17rem;
  height: 0.17rem;
  position: absolute;
  right: -0.07rem;
  top: 0.195rem;
  border-radius: 1rem;
  background: #123467;
}

.mod_elements_tit01 dd {
  padding: 0.2rem;
}

.mod_elements_tit01 dd span {
  color: #e94f37;
}

@media screen and (max-width: 767px) {
  .mod_elements_tit01 dt {
    padding: 0.13rem;
    width: 100%;
  }
  .mod_elements_tit01 dt:before {
    content: none;
  }
  .mod_elements_tit01 dd {
    padding: 0.15rem;
    line-height: 1.7;
  }
}

.mod_elements_txt01 {
  padding: 0.2rem;
  text-align: center;
  background: #e7eaf0;
  border: 1px solid #123467;
}

.mod_elements_txt02 {
  width: 5rem;
  padding: 0.2rem;
  text-align: left;
  background: #e7eaf0;
  border: 1px solid #123467;
}

@media screen and (max-width: 767px) {
  .mod_elements_txt02 {
    width: auto;
  }
}

.post_content .mod_elements_lists01 p {
  padding-left: 0.3rem;
  margin: 0.3rem 0 0.1rem;
  font-weight: bold;
}

.post_content .mod_elements_lists01 ol {
  margin-top: 0;
}

.post_content {
  margin-bottom: 0.4rem;
}

.post_content .amendment_link_lists li:before {
  content: none;
}

.post_content .amendment_link_lists li:first-of-type {
  padding-top: 0.1rem;
}

.post_content .amendment_link_lists li a img {
  width: 1.79rem;
}

.post_content .amendment_link_lists {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.post_content .amendment_link_lists li {
  padding-left: 0;
}

.post_content .amendment_link_lists li:first-of-type {
  margin-right: 0.4rem;
}

@media screen and (max-width: 767px) {
  .post_content .amendment_link_lists {
    padding-left: 0;
  }
  .post_content .amendment_link_lists li {
    padding-left: 0;
    width: 1.6rem;
  }
}

/* //割賦販売法の改正について */
/* クレジットカードの利用ルール */
/* //クレジットカードの利用ルール */
/* ご本人様確認にご協力お願い致します */
.identification_lists {
  margin-top: 0.3rem;
}

.identification_lists dt {
  font-weight: bold;
  margin-bottom: 0.1rem;
}

.identification_lists dd {
  margin-bottom: 0.3rem;
  line-height: 1.5;
}

/* //ご本人様確認にご協力お願い致します */
/* カード盗難・紛失にご注意 */
.loss_img01 {
  text-align: center;
}

/* //カード盗難・紛失にご注意 */
/* 暗証番号ご確認にお願い */
.pin_note_lists {
  margin-bottom: 0.4rem;
}

/* //暗証番号ご確認にお願い */
/* 海外渡航時のご注意 */
.overseas_img {
  margin: 0.4rem 0 0.2rem;
  text-align: center;
}

.overseas_link {
  line-height: 1.7;
}

/* //海外渡航時のご注意 */
/* 貴重品ＢＯＸ設置施設（ゴルフ場、温浴施設等）におけるスキミングに関するご注意事項 */
/* //ゴ貴重品ＢＯＸ設置施設（ゴルフ場、温浴施設等）におけるスキミングに関するご注意事項 */
/* 本人認証サービス（3Dセキュア）への登録のお願い */
/* //本人認証サービス（3Dセキュア）への登録のお願い */
/* フィッシング詐欺にご注意ください */
.web_img {
  margin-top: 0.2rem;
  text-align: center;
}

.web_youtube {
  width: 100%;
}

/* //フィッシング詐欺にご注意ください */
/* インターネットでのカードご利用の際のご注意 */
/* //インターネットでのカードご利用の際のご注意 */
/* 『クレジットカードのショッピング枠を現金化』へのご注意 */
.web_txt01 {
  font-weight: bold;
  color: #d00;
}

.web_video01 {
  margin-bottom: 0.2rem;
  text-align: center;
}

.web_video01 video {
  width: 100%;
  height: 4.8rem;
}

@media screen and (max-width: 767px) {
  .web_video01 video {
    height: auto;
  }
}

/* //『クレジットカードのショッピング枠を現金化』へのご注意 */
/* パスワードの使いまわしによるクレジットカードの不正使用被害にご注意 */
.post_content .idpass_lists01,
.post_content .idpass_lists02 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}

.post_content .idpass_lists01 li,
.post_content .idpass_lists02 li {
  margin-top: 0;
}

.post_content .idpass_lists01 li:before,
.post_content .idpass_lists02 li:before {
  content: none;
}

.post_content .idpass_lists01 {
  margin-bottom: 0.3rem;
}

.post_content .idpass_img01 {
  text-align: center;
}

.post_content .idpass_img02 {
  margin-left: 0.1rem;
  float: right;
}

.post_content .idpass_img03 {
  margin-top: -0.3rem;
  float: right;
}

.post_content .idpass_lists03 {
  margin-top: 0.4rem;
}

.post_content .ipa_link_txt {
  padding: 0.1rem;
  width: 6rem;
  margin: 0.4rem auto;
  border: 1px solid #123467;
}

@media screen and (max-width: 767px) {
  .post_content .idpass_img02 {
    margin-left: 0;
    margin-bottom: 0.2rem;
    float: none;
  }
  .post_content .idpass_img03 {
    margin-top: 0;
    margin-bottom: 0.2rem;
    float: none;
  }
  .post_content .ipa_link_txt {
    width: auto;
  }
}

/* //パスワードの使いまわしによるクレジットカードの不正使用被害にご注意 */
/* 正しい使い方・トラブル防止・ご利用上の注意 */
/* //正しい使い方・トラブル防止・ご利用上の注意 */
/* 個人情報について */
/* //個人情報について */
/* クレジットカード情報の保護（流出防止）について  */
.post_content .attention_lists {
  padding: 0.35rem;
  border: 1px solid #123467;
}

@media screen and (max-width: 767px) {
  .post_content .attention_lists {
    padding: 0.15rem;
  }
}

/* //クレジットカード情報の保護（流出防止）について  */
/* クレジットカードお取り扱いにあたってのご注意  */
.attention_anc03 {
  display: inline-block;
}

.attention_l {
  width: 4rem;
  float: left;
}

.attention_r {
  width: 4.7rem;
  float: right;
}

.attention_after_txt {
  padding-top: 0.4rem;
  clear: both;
}

.attention_after_txt p:first-of-type {
  padding: 0.1rem;
  border-radius: 0.05rem;
  background: #ffcc99;
}

.attention_after_txt p:nth-of-type(2) {
  width: 4.7rem;
  padding: 0.1rem;
  border: 1px solid #123467;
}

.attention_after_txt .mod_elements_txt01 {
  text-align: left;
}

.post_content .attention_lists02 {
  margin: 0.5rem 0 2.4rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.post_content .attention_lists02 li {
  width: 1.8rem;
  margin-top: 0;
}

.post_content .attention_lists02 li:before {
  content: none;
}

@media screen and (max-width: 767px) {
  .attention_l {
    width: auto;
    float: none;
  }
  .attention_r {
    width: auto;
    float: none;
  }
  .attention_after_txt p:nth-of-type(2) {
    width: auto;
  }
  .attention_after_txt p .adjust {
    padding-left: 4.5em;
  }
  .post_content .attention_lists02 {
    margin: 0.3rem 0 0.4rem;
  }
  .post_content .attention_lists02 li {
    width: 1.6rem;
  }
}

/* //クレジットカードお取り扱いにあたってのご注意  */
/* ＩＣクレジットカードの正しいお取扱いについて */
.ichandling_img01 {
  margin-top: 0.2rem;
  text-align: center;
  clear: both;
}

.ichandling_img02 {
  margin-bottom: 0.4rem;
  float: left;
}

.ichandling_img03 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 0.15rem;
}

.cb {
  clear: both;
}

.ichandling_btn01 {
  position: relative;
  width: 4.28rem;
  height: 0.94rem;
  display: block;
  overflow: hidden;
  cursor: pointer;
}

.ichandling_btn01 img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  display: block;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.ichandling_btn02 {
  position: relative;
  margin: 0 auto;
  width: 5.93rem;
  height: 0.57rem;
  display: block;
  overflow: hidden;
  cursor: pointer;
}

.ichandling_btn02 img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  display: block;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.ichandling_btn01:hover img:nth-of-type(2) {
  opacity: 0;
}

.ichandling_btn02:hover img:nth-of-type(2) {
  opacity: 0;
}

@media screen and (max-width: 767px) {
  .ichandling_img02 {
    margin-bottom: 0.2rem;
    float: none;
  }
  .ichandling_img03 {
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    margin-bottom: 0;
  }
  .ichandling_img03 .ichandling_txt01 {
    width: 1rem;
  }
  .ichandling_btn02 {
    width: auto;
    height: 0.57rem;
  }
}

/* //ＩＣクレジットカードの正しいお取扱いについて */
/* 他人のクレジットカードを使用した航空券（ｅチケット）*/
/* 他人のクレジットカードを使用した航空券（ｅチケット）*/
/* クレジットカードのEC加盟店向けに情報漏えい対策に関する簡易診断ツールを作成 */
.leak_txt {
  color: #e94f37;
}

.leak_lists {
  padding: 0.3rem;
  border: 1px solid #123467;
}

/* //クレジットカードのEC加盟店向けに情報漏えい対策に関する簡易診断ツールを作成 */
/* クレジットカード・セキュリティガイドラインについて */
/* //クレジットカード・セキュリティガイドラインについて */
/* お取り扱い希望されるカード会社連絡先について */
/* お取り扱い希望されるカード会社連絡先について */
/* 観光立国実現に向けた取り組み */
.pdf_lists dt {
  margin-bottom: 0.1rem;
}

.pdf_lists dd {
  margin-bottom: 0.3rem;
  line-height: 1.7;
}

.post_content .sheets_img_lists {
  padding-bottom: 0.4rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  float: right;
}

.post_content .sheets_img_lists li {
  margin-top: 0;
}

.post_content .sheets_img_lists li:before {
  content: none;
}

.post_content .multilingual_pdf_lists {
  margin-top: 0.4rem;
}

@media screen and (max-width: 767px) {
  .post_content .sheets_img_lists {
    padding-bottom: 0.2rem;
    float: none;
  }
  .post_content .sheets_img_lists li {
    width: 1.6rem;
  }
  .post_content .multilingual_pdf_lists {
    margin-top: 0;
  }
}

/* //観光立国実現に向けた取り組み */
/* 共同利用システムについて */
.cat_info {
  padding: 0.2rem;
  border: 1px solid #123467;
}

.cat_img {
  margin-top: 0.2rem;
  text-align: center;
}

/* //共同利用システムについて */
/* 会員会社一覧 */
.member_table {
  width: 9.6rem;
}

.member_table thead th:first-of-type {
  width: 3.2rem;
}

.member_table thead th:last-of-type {
  text-align: center;
  width: 2.5rem;
}

.member_table tbody td,
.member_table tbody th {
  vertical-align: middle;
}

.member_table tbody td:last-of-type {
  text-align: center;
}

/* 会員会社一覧 */
/* CAT共同利用システムの運営 */
.catmanagement_img {
  margin-top: 0.7rem;
}

.cat_table {
  width: 100%;
  margin-top: 0.2rem;
}

.cat_table td,
.cat_table th {
  padding: 0.13rem;
  border: 1px solid #123467;
}

.cat_table th {
  text-align: center;
  font-weight: bold;
  background: #e7eaf0;
}

.catmanagement_img02 {
  margin-top: 0.5rem;
  text-align: center;
}

.catmanagement_img02 img:not(:last-of-type) {
  margin-bottom: 0.2rem;
}

@media screen and (max-width: 767px) {
  .catmanagement_img {
    margin-top: 0.4rem;
  }
  .catmanagement_img02 {
    margin-top: 0.2rem;
  }
}

/* //CAT共同利用システムの運営 */
/* 協会の概要 */
.post_content .privacy_note {
  margin: 0.8rem 0 0.5rem;
  text-align: right;
}

@media screen and (max-width: 767px) {
  .post_content .privacy_note {
    margin: 0.4rem 0 0.2rem;
    text-align: right;
  }
}

/* //協会の概要 */
.research_form {
  max-width: 6.4rem;
  margin: 0 auto 0.4rem;
  background: #f3f4f7;
  text-align: center;
  padding: 0.3rem;
}

.research_form .label,
.research_form .input {
  display: inline-block;
  vertical-align: middle;
}

.research_form input[type="search"] {
  width: 2rem;
  height: 0.4rem;
  border: 1px solid #ccc;
  background: #fff;
  padding: 0 0.1rem;
  font-size: 0.16rem;
}

.research_form input[type="submit"] {
  background: #123467;
  width: 0.6rem;
  height: 0.4rem;
  color: #fff;
  border: none;
  font-size: 0.16rem;
}

.research_result_label {
  margin-bottom: 0.2rem;
  font-weight: bold;
}

.research_result_label .word {
  color: #123467;
  margin-right: 0.5em;
  font-size: 120%;
}

.research_noresult {
  text-align: center;
  font-size: 0.2rem;
}

.research_table {
  width: 9.6rem;
}

.research_table th:first-of-type {
  width: 1.6rem;
}

.research_table a {
  font-weight: 500;
}

.research_table tbody th {
  text-align: center;
}

.research_table tbody td ul li {
  padding-left: 1em;
  text-indent: -1em;
}

.research_table tbody td ul li::before {
  content: "●";
  position: static;
}

.tablesorter th {
  position: relative;
  cursor: pointer;
  text-align: left;
}

.tablesorter th::before,
.tablesorter th::after {
  content: "";
  position: absolute;
  z-index: 2;
  right: 7px;
  width: 0;
  height: 0;
  border: 4px dashed;
  border-color: #fff transparent;
  pointer-events: none;
}

.tablesorter th::before {
  border-bottom-style: solid;
  border-top: none;
  top: 30%;
}

.tablesorter th::after {
  border-top-style: solid;
  border-bottom: none;
  bottom: 30%;
}

.tablesorter th.tablesorter-headerAsc:after {
  border: none;
}

.tablesorter th.tablesorter-headerAsc:before {
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.tablesorter th.tablesorter-headerDesc:before {
  border: none;
}

.tablesorter th.tablesorter-headerDesc:after {
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.tablesorter th.sorter-false:before,
.tablesorter th.sorter-false:after {
  border: none;
}

@media print {
  body {
    zoom: 80%;
    -webkit-print-color-adjust: exact;
    top: 0 !important;
    left: 0 !important;
    width: 200mm !important;
    height: 290mm !important;
  }
  .pagetop {
    display: none;
  }
  .cmn_header.fixed .header_pos_fixed {
    position: static !important;
  }
  .cmn_header .list {
    display: none;
  }
  .cmn_header .hamburger {
    display: none;
  }
  .top_mv {
    height: 685px;
    min-height: 0;
  }
  .top_news {
    margin: 1rem 0 0;
  }
  .top_news .pic {
    height: 570px;
    left: calc((100% - 9.6rem) / 2 - 1.6rem);
  }
  .top_news .pic img {
    height: 100%;
  }
}

/* IE対策 */
@media print and (-ms-high-contrast: none) {
  @page {
    size: A4;
    margin: 12.7mm 9.7mm;
  }
  body {
    zoom: 1.8;
    width: 1200px;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
  }
  .top_mv::after {
    z-index: -1;
  }
  .top_news .pic {
    top: 10px;
    left: calc((100% - 9.6rem) / 2 - 1.4rem);
    height: 500px;
  }
}

/* 追加_20211012 ----------- */
/* TOPページ　キャンペーンページリンク ----------- */
@media print, screen and (min-width: 768px) {
  .top_balance_link a {
    -webkit-transition: .4s;
    transition: .4s;
  }
  .top_balance_link a:hover {
    opacity: .7;
  }
}

.top_balance_link img {
  width: 100%;
}

/* balance　-　キャンペーン ----------- */
.balance_page .mod_post .pagetitle_deco .pagetitle {
  line-height: 1.3;
}

.balance_cot {
  color: #101010;
}

.balance_cot .inner .img {
  width: 4.8rem;
}

.balance_cot .inner .txt {
  width: 4.6rem;
}

.balance_cot .inner .txt .tit {
  margin: 0 0 0.2rem;
  padding: 0.2rem 0 0.17rem;
  color: #123467;
  font-size: 0.22rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
  border-top: 0.02rem solid #123467;
  border-bottom: 0.02rem solid #123467;
}

.balance_cot .inner .txt .list_num li {
  padding-left: 0;
}

.balance_cot .inner .txt .list_num li::before {
  content: none;
}

.balance_cot .inner .txt .list_num li + li {
  margin-top: 0.15rem;
}

.balance_cot .inner .txt .list_num .stit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 0.5rem;
  padding: 0 0.1rem 0 0.5rem;
  color: #fff;
  font-size: 0.18rem;
  font-weight: bold;
  background: #123467;
  position: relative;
}

.balance_cot .inner .txt .list_num .stit::before {
  counter-increment: number 1;
  content: counter(number, decimal) " .";
  position: absolute;
  top: 0.1rem;
  left: 0.17rem;
}

.balance_cot .inner .txt .list_num .desc {
  margin: 0;
  padding: 0.13rem 0.2rem 0.1rem;
  line-height: 2;
  background: #e7eaf0;
}

.balance_cot .text {
  margin: 0.6rem 0 0.55rem;
  padding: 0.3rem 0 0.25rem;
  text-align: center;
  border: 1px solid #123467;
}

.balance_cot .text .strong {
  margin: 0 0 0.13rem;
  font-size: 0.2rem;
  font-weight: bold;
  color: #123467;
  line-height: 1;
}

.balance_cot .text .desc {
  margin: 0;
}

.balance_cot .text .desc .mark {
  color: #123467;
  font-weight: bold;
  line-height: 2;
}

.balance_cot .logo {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .balance_cot .inner .img {
    width: 100%;
  }
  .balance_cot .inner .txt {
    width: 100%;
  }
  .balance_cot .inner .txt .list_num .stit {
    padding: 0 0.1rem 0 0.4rem;
  }
  .balance_cot .inner .txt .list_num .stit::before {
    left: 0.12rem;
  }
  .balance_cot .inner .txt .list_num .desc {
    padding: 0.13rem 0.12rem 0.1rem;
  }
  .balance_cot .text {
    margin: 0.4rem 0;
    padding: 0.3rem 0.12rem 0.25rem;
  }
}
/*# sourceMappingURL=style.css.map */