@charset "utf-8";

/* --------------------------------------------------
  variable
 --------------------------------------------------- */
/* --------------------------------------------------
  transition
 --------------------------------------------------- */
/* --------------------------------------------------
  breakpoint
 --------------------------------------------------- */
/* --------------------------------------------------
  color
 --------------------------------------------------- */
/* --------------------------------------------------
  font-family
 --------------------------------------------------- */
/* --------------------------------------------------
  mixin
 --------------------------------------------------- */
/* --------------------------------------------------
  media query
 --------------------------------------------------- */
/* --------------------------------------------------
  clearfix
 --------------------------------------------------- */
/* --------------------------------------------------
  font-size
 --------------------------------------------------- */
/* --------------------------------------------------
  transition
 --------------------------------------------------- */
/* ---------------------------------------------------------
Initial Setting
----------------------------------------------------------*/
img {
  height: auto;
}

.sr-only {
  position: absolute;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  z-index: -10;
  width: 0;
  height: 0;
}

button.remove-border{
  border:none;
}

/* ---------------------------------------------------------
SP Initial Setting
----------------------------------------------------------*/
/* ---------------------------------------------------------
common
----------------------------------------------------------*/
.clearfix::before, .clearfix::after {
  content: '';
  display: table;
}

.clearfix::after {
  clear: both;
}

.pc {
  display: block !important;
}

.sp {
  display: none !important;
}

.pc-inline {
  display: inline-block !important;
}

.sp-inline {
  display: none !important;
}

.lightblue-bg {
  background: #f0f3f8;
}

#groupname {
  margin-top: 0;
}

.rcrumbs.amc {
  background-image: url(./../image/common/breadcrumb_bg.png);
  height: auto;
  margin-top: 60px;
  background-size: 200% 200%;
  background-position: center;
}

.rcrumbs.amc#groupname {
  margin-top: 0 !important;
  padding: 0 calc((100vw - 100%) / 2) !important;
}

.rcrumbs.amc ul {
  padding: 12px 0;
}

.rcrumbs.amc ul li {
  display: inline-block;
  margin-left: 20px;
}

.rcrumbs.amc ul li:first-child {
  margin-left: 0px;
}

.rcrumbs.amc ul li:first-child p {
  font-size: 2.0rem;
}

.rcrumbs.amc ul li:first-child h1 {
  font-size: 2.0rem;
}

.rcrumbs.amc ul li p {
  font-size: 1.6rem;
}

#wrap-container.less-paddingbottom {
  padding-bottom: 40px;
}

.bx-wrapper {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
}

.topslider {
  margin-top: 61px;
  width: 100%;
  height: auto;
}

.topslider .bg {
  width: 100%;
  vertical-align: top;
  transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
}

.topslider .bg.zoom {
  transition: all 30s ease;
  -moz-transition: all 30s ease;
  -ms-transition: all 30s ease;
  -webkit-transition: all 30s ease;
  -o-transition: all 30s ease;
  transform: scale(1.5);
  -moz-transform: scale(1.5);
  -webkit-transform: scale(1.5);
  -o-transform: scale(1.5);
  -ms-transform: scale(1.5);
  /* IE 9 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')";
  /* IE8 */
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand');
  /* IE6 and 7 */
}

.topslider .container,
.topslider .swiper-container {
  width: 100%;
}

.topslider img {
  width: 100%;
}

.topslider .mainkv-contentcontainer {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.topslider .mainkv-contentcontainer .mainkv-contentinnercontainer {
  height: 100%;
  display: table;
  width: 100%;
}

.topslider .mainkv-contentcontainer .mainkv-contentinnercontainer .mainkv-contentwrapper {
  display: table-cell;
  vertical-align: middle;
}

.topslider .mainkv-contentcontainer .mainkv-contentinnercontainer .mainkv-contentwrapper .mainkv-innercontentwrapper {
  margin: 0 auto;
  width: 1200px;
}

.topslider .mainkv-contentcontainer .mainkv-contentinnercontainer .mainkv-contentwrapper .mainkv-innercontentwrapper .topslider-info.infotemplate-01 {
  background: rgba(255, 255, 255, 0.8);
  height: 100%;
  position: absolute;
  right: 8%;
  top: 0;
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  transform: skewX(-25deg);
  width: 50%;
}

.topslider .mainkv-contentcontainer .mainkv-contentinnercontainer .mainkv-contentwrapper .mainkv-innercontentwrapper .topslider-info.infotemplate-01 .topslider-logo {
  margin: 0 auto;
  margin-right: 38%;
  margin-top: 15%;
  width: 20vw;
  -webkit-transform: skewX(25deg);
  -ms-transform: skewX(25deg);
  transform: skewX(25deg);
}

.topslider .mainkv-contentcontainer .mainkv-contentinnercontainer .mainkv-contentwrapper .mainkv-innercontentwrapper .topslider-info.infotemplate-01 .topslider-logo img {
  width: 100%;
}

.topslider .mainkv-contentcontainer .mainkv-contentinnercontainer .mainkv-contentwrapper .mainkv-innercontentwrapper .topslider-info.infotemplate-01 .topslider-caption {
  -webkit-transform: skewX(25deg);
  -ms-transform: skewX(25deg);
  transform: skewX(25deg);
}

.topslider .mainkv-contentcontainer .mainkv-contentinnercontainer .mainkv-contentwrapper .mainkv-innercontentwrapper .topslider-info.infotemplate-01 .topslider-caption p {
  color: #173980;
  font-family: serif;
  font-size: 2vw;
  line-height: 1.875;
  letter-spacing: 0.15em;
  margin-left: 12.5%;
  margin-top: 5px;
}

.topslider .mainkv-contentcontainer .mainkv-contentinnercontainer .mainkv-contentwrapper .mainkv-innercontentwrapper .topslider-info.infotemplate-01 .topslider-cards {
  font-size: 0;
  letter-spacing: 0;
  margin: 0 auto;
  margin-top: 23px;
  -webkit-transform: skewX(25deg);
  -ms-transform: skewX(25deg);
  transform: skewX(25deg);
  width: 70%;
}

.topslider .mainkv-contentcontainer .mainkv-contentinnercontainer .mainkv-contentwrapper .mainkv-innercontentwrapper .topslider-info.infotemplate-01 .topslider-cards .topslider-card {
  display: inline-block;
  margin-left: 15px;
  width: calc(20% - 15px);
}

.topslider .mainkv-contentcontainer .mainkv-contentinnercontainer .mainkv-contentwrapper .mainkv-innercontentwrapper .topslider-info.infotemplate-01 .topslider-cards .topslider-card:first-child {
  margin-left: 0;
}

.topslider .mainkv-contentcontainer .mainkv-contentinnercontainer .mainkv-contentwrapper .mainkv-innercontentwrapper .topslider-info.infotemplate-01 .topslider-cards .topslider-card img {
  width: 100%;
  -webkit-box-reflect: below -30px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(250, 250, 250, 0.8)));
}

.topslider .mainkv-contentcontainer .mainkv-contentinnercontainer .mainkv-contentwrapper .mainkv-innercontentwrapper .topslider-info.infotemplate-02 {
  background: rgba(255, 255, 255, 0.8);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 50%;
}

.topslider .mainkv-contentcontainer .mainkv-contentinnercontainer .mainkv-contentwrapper .mainkv-innercontentwrapper .topslider-info.infotemplate-02 .topslider-logo {
  margin: 0 auto;
  margin-top: 15%;
  width: 20vw;
}

.topslider .mainkv-contentcontainer .mainkv-contentinnercontainer .mainkv-contentwrapper .mainkv-innercontentwrapper .topslider-info.infotemplate-02 .topslider-logo img {
  width: 100%;
}

.topslider .mainkv-contentcontainer .mainkv-contentinnercontainer .mainkv-contentwrapper .mainkv-innercontentwrapper .topslider-info.infotemplate-02 .topslider-caption p {
  color: #173980;
  font-family: serif;
  font-size: 2.3vw;
  line-height: 1.875;
  letter-spacing: 0.15em;
  text-align: center;
}

.topslider .mainkv-contentcontainer .mainkv-contentinnercontainer .mainkv-contentwrapper .mainkv-innercontentwrapper .topslider-info.infotemplate-02 .topslider-cards {
  font-size: 0;
  letter-spacing: 0;
  margin: 0 auto;
  margin-top: 23px;
  width: 60%;
}

.topslider .mainkv-contentcontainer .mainkv-contentinnercontainer .mainkv-contentwrapper .mainkv-innercontentwrapper .topslider-info.infotemplate-02 .topslider-cards .topslider-card {
  display: inline-block;
  margin-left: 20px;
  width: calc(25% - 15px);
}

.topslider .mainkv-contentcontainer .mainkv-contentinnercontainer .mainkv-contentwrapper .mainkv-innercontentwrapper .topslider-info.infotemplate-02 .topslider-cards .topslider-card:first-child {
  margin-left: 0;
}

.topslider .mainkv-contentcontainer .mainkv-contentinnercontainer .mainkv-contentwrapper .mainkv-innercontentwrapper .topslider-info.infotemplate-02 .topslider-cards .topslider-card img {
  width: 100%;
  -webkit-box-reflect: below -30px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(250, 250, 250, 0.8)));
}

.maincontent {
  width: 100%;
}

.maincontent.with-margintop {
  margin-top: 57px;
}

.maincontent .container .inner-container {
  margin: 0 auto;
}

.picture__galleryItem_modal {
  display: none;
}

.jquery-modal {
  z-index: 9999;
}

.jquery-modal:before {
  height: 0;
}

/* ---------------------------------------------------------
below breakpoint
----------------------------------------------------------*/
@media (min-width: 768px) and (max-width: 1199px) {
  .rcrumbs.amc {
    margin-top: 6vw;
  }
  .topslider {
    margin-top: 6vw;
  }
}

/* ---------------------------------------------------------
common sp
----------------------------------------------------------*/
@media screen and (max-width: 768px) {
  .pc {
    display: none !important;
  }
  .sp {
    display: block !important;
    text-align: center;
  }
  .pc-inline {
    display: none !important;
  }
  .sp-inline {
    display: inline-block !important;
  }
  .jquery-modal {
    padding: 0;
  }
  .jquery-modal:before {
    height: 0;
  }
  .modal a.close-modal {
    top: 2%;
    right: 2%;
  }
  .mb {
    margin-bottom: 23.4%;
  }
  .rcrumbs.amc#groupname {
    margin-top: 50px;
  }
  .rcrumbs.amc ul li {
    display: block;
    margin-left: 0;
  }
  .rcrumbs.amc ul {
    padding: 6px 0 6px 12px;
  }
  .rcrumbs.amc ul li:first-child p {
    font-size: 1.8rem;
  }
  .rcrumbs.amc ul li p {
    font-size: 1.4rem;
  } /* rcrumbs */
  #wrap-container.less-paddingbottom {
    padding-bottom: 20px;
  }
  .topslider {
    margin-top: 46px;
  }
  .topslider .swiper-slide-active .mainkv-contentcontainer .mainkv-contentinnercontainer .mainkv-contentwrapper .mainkv-innercontentwrapper .topslider-info.infotemplate-01 .topslider-cards {
    display: block !important;
  }
  .topslider .swiper-slide-active .mainkv-contentcontainer .mainkv-contentinnercontainer .mainkv-contentwrapper .mainkv-innercontentwrapper .topslider-info.infotemplate-02 .topslider-cards {
    display: block !important;
  }
  .topslider .mainkv-contentcontainer .mainkv-contentinnercontainer.sp-slidetemplate-01:before {
    border-color: rgba(255, 255, 255, 0.8) transparent transparent transparent;
    border-style: solid;
    border-width: 40vw 24vw 0 0;
    content: '';
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
  }
  .topslider .mainkv-contentcontainer .mainkv-contentinnercontainer.sp-slidetemplate-01:after {
    border-color: transparent transparent rgba(255, 255, 255, 0.8) transparent;
    border-style: solid;
    border-width: 0 0 40vw 24vw;
    content: '';
    position: absolute;
    bottom: 22.6vw;
    right: 0;
    height: 0;
    width: 0;
  }
  .topslider .mainkv-contentcontainer .mainkv-contentinnercontainer .mainkv-contentwrapper .mainkv-innercontentwrapper {
    width: 100%;
  }
  .topslider .mainkv-contentcontainer .mainkv-contentinnercontainer .mainkv-contentwrapper .mainkv-innercontentwrapper .topslider-info.infotemplate-01 {
    background: none;
    right: 0;
    -webkit-transform: skewX(0deg);
    -ms-transform: skewX(0deg);
    transform: skewX(0deg);
    width: 100%;
  }
  .topslider .mainkv-contentcontainer .mainkv-contentinnercontainer .mainkv-contentwrapper .mainkv-innercontentwrapper .topslider-info.infotemplate-01 .topslider-logo {
    display: block;
    margin: 0 auto;
    margin-top: 27vw;
    text-align: center;
    -webkit-transform: skewX(0deg);
    -ms-transform: skewX(0deg);
    transform: skewX(0deg);
    width: 58%;
  }
  .topslider .mainkv-contentcontainer .mainkv-contentinnercontainer .mainkv-contentwrapper .mainkv-innercontentwrapper .topslider-info.infotemplate-01 .topslider-logo img {
    width: 100%;
  }
  .topslider .mainkv-contentcontainer .mainkv-contentinnercontainer .mainkv-contentwrapper .mainkv-innercontentwrapper .topslider-info.infotemplate-01 .topslider-caption {
    -webkit-transform: skewX(0deg);
    -ms-transform: skewX(0deg);
    transform: skewX(0deg);
  }
  .topslider .mainkv-contentcontainer .mainkv-contentinnercontainer .mainkv-contentwrapper .mainkv-innercontentwrapper .topslider-info.infotemplate-01 .topslider-caption p {
    font-size: 4.6vw;
  }
  .topslider .mainkv-contentcontainer .mainkv-contentinnercontainer .mainkv-contentwrapper .mainkv-innercontentwrapper .topslider-info.infotemplate-01 .topslider-cards {
    bottom: 20%;
    /* display: none; */
    margin-top: 0;
    margin-left: 15%;
    position: absolute;
    text-align: center;
    -webkit-transform: skewX(0deg);
    -ms-transform: skewX(0deg);
    transform: skewX(0deg);
    width: 70%;
  }
  .topslider .mainkv-contentcontainer .mainkv-contentinnercontainer .mainkv-contentwrapper .mainkv-innercontentwrapper .topslider-info.infotemplate-01 .topslider-cards .topslider-card img {
    -webkit-box-reflect: below -2vw -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(250, 250, 250, 0.8)));
  }
  .topslider .mainkv-contentcontainer .mainkv-contentinnercontainer .mainkv-contentwrapper .mainkv-innercontentwrapper .topslider-info.infotemplate-02 {
    bottom: 29.8vw;
    height: 30%;
    top: auto;
    width: 100%;
  }
  .topslider .mainkv-contentcontainer .mainkv-contentinnercontainer .mainkv-contentwrapper .mainkv-innercontentwrapper .topslider-info.infotemplate-02 .topslider-logo {
    margin: 0 auto;
    margin-top: 10vw;
    width: 75%;
  }
  .topslider .mainkv-contentcontainer .mainkv-contentinnercontainer .mainkv-contentwrapper .mainkv-innercontentwrapper .topslider-info.infotemplate-02 .topslider-logo img {
    width: 100%;
  }
  .topslider .mainkv-contentcontainer .mainkv-contentinnercontainer .mainkv-contentwrapper .mainkv-innercontentwrapper .topslider-info.infotemplate-02 .topslider-caption p {
    font-size: 4.6vw;
  }
  .topslider .mainkv-contentcontainer .mainkv-contentinnercontainer .mainkv-contentwrapper .mainkv-innercontentwrapper .topslider-info.infotemplate-02 .topslider-cards {
    display: none;
    margin-top: 7%;
    width: 60%;
  }
  .topslider .mainkv-contentcontainer .mainkv-contentinnercontainer .mainkv-contentwrapper .mainkv-innercontentwrapper .topslider-info.infotemplate-02 .topslider-cards .topslider-card img {
    width: 100%;
    -webkit-box-reflect: below -2vw -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(250, 250, 250, 0.8)));
  }
}

/* ---------------------------------------------------------
header
----------------------------------------------------------*/
header {
  background: #fff;
  display: block;
  position: relative;
  top: 0px;
  width: 100%;
}

header .header-nav {
  background: #173980;
  margin: 0 auto;
  padding-right: 20px;
  padding-left: 20px;
}

header .header-nav nav {
  margin: 0 auto;
  max-width: 1200px;
}

header .header-nav nav ul {
  font-size: 0;
  letter-spacing: 0;
}

header .header-nav nav ul li {
  display: inline-block;
  vertical-align: middle;
  width: 20%;
}

header .header-nav nav ul li.active {
  background: #00146e;
}

header .header-nav nav ul li:hover {
  background: #00146e;
}

header .header-nav nav ul li:first-child:hover {
  background: inherit;
}

header .header-nav nav ul li .ana-logo {
  float: left;
  width: 135px;
}

header .header-nav nav ul li .ana-logo img {
  max-width: 100%;
}

header .header-nav nav ul li a {
  display: block;
  padding: 14px 0;
}

header .header-nav nav ul li a p {
  color: #fff;
  font-size: 1.6rem;
  line-height: 1.875;
  text-align: center;
}

.main-visual {
  position: relative;
  padding-bottom: 137px;
}
.main-visual h1 {
  position: absolute;
  bottom: 5%;
  left: 0;
  width: 100%;
  padding: 0 3%;
  text-align: center;
}
@media screen and (min-width: 767px) {

}

/*
  top-page kv slideshow
*/
.kv-swiper-wrapper {
  position: relative;
}

.kv-swiper-container {
  margin: 4.5% auto 0 auto;
  width: 100%;
  height: auto;
}

.kv-swiper-container .swiper-slide {
  /* height: 0;
  background-size: contain!important; */
}

@media screen and (max-width: 767px) {
  .kv-swiper-container {
    margin-top: 0;
  }
  .kv-swiper-container .swiper-slide {
    /* padding-top: 70%; add box height ⇒ 525 / 750 = 0.7 */
  }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .kv-swiper-container {
    margin-top: 0;
  }
  .kv-swiper-container .swiper-slide {
    /* padding-top: 41.67%; add box height ⇒ 500 / 1200 = 0.4166... */
  }
  .kv-swiper-container .swiper-slide img {
    width: 100%;
  }
}

@media screen and (min-width: 1200px) {
  .kv-swiper-container {
    margin-top: 0;
  }
  .kv-swiper-container .swiper-slide {
    /* padding-top: 31.25%; add box height ⇒ 500 / 1600 = 0.3125 */
  }
}

@media screen and (min-width: 1600px) {
  .kv-swiper-container {
    width: 1600px;
  }
}

/* pagination */
.kv-swiper-pagination {
  width: 54px;
  margin: 10px auto 0 auto;
}

.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin-right: 12px;
}

@media screen and (max-width: 767px) {
  .kv-swiper-pagination {
    width: 70px;
  }

  .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
  }
}

.swiper-pagination-bullet:last-child {
  margin-right: 0;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #173980;
}

/* next and prev button */
.kv-swiper-button {
  position: absolute;
  top: 35%;
  width: 22.5px;
  height: 45px;
  z-index: 99;
}

.kv-swiper-button-prev {
  left: 0;
}

.kv-swiper-button-next {
  right: 0;
}

@media screen and (min-width: 767px) {
  .kv-swiper-button {
    top: 40%;
    width: 27px;
    height: 54px;
  }
}

@media screen and (min-width: 1620px) {
  .kv-swiper-wrapper {
    position: relative;
    width: 1600px;
    margin: 0 auto;
  }
}

/* ---------------------------------------------------------
below breakpoint
----------------------------------------------------------*/
@media (min-width: 768px) and (max-width: 1199px) {
  header .header-nav nav ul li .ana-logo {
    width: 10vw;
  }
  header .header-nav nav ul li .ana-logo img {
    max-width: 100%;
    width: 100%;
  }
  header .header-nav nav ul li a p {
    font-size: 1.5vw;
  }
}

/* ---------------------------------------------------------
header sp
----------------------------------------------------------*/
@media screen and (max-width: 768px) {
  header .header-nav {
    background: #173980;
    margin: 0 auto;
    padding-right: 1.5%;
    padding-left: 1.5%;
    position: relative;
    height: 52px;
  }
  header .header-nav .ana-logo {
    margin: 0 auto;
    max-width: 140px;
    padding: 12px 0 8px;
    text-align: center;
    width: 35%;
  }
  header .header-nav.sp .ana-logo img {
    width: 80%;
  }
  header .header-nav .sp-navicon-container {
    background: #122760;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 50px;
  }
  header .header-nav .sp-navicon-container button {
    position: relative;
    width: 100%;
    height: 100%;
    border: none;
    background: none;
  }
  header .header-nav .sp-navicon-container .sp-navicon {
    background: #fff;
    height: 1px;
    margin: 0.45em auto;
    position: absolute;
    right: 15px;
    top: 35%;
    -webkit-transition: background 0.4s ease-in-out;
    -o-transition: background 0.4s ease-in-out;
    transition: background 0.4s ease-in-out;
    width: 2rem;
  }
  header .header-nav .sp-navicon-container .sp-navicon:before {
    top: -8px;
  }
  header .header-nav .sp-navicon-container .sp-navicon:after {
    top: 8px;
  }
  header .header-nav .sp-navicon-container .sp-navicon:after, header .header-nav .sp-navicon-container .sp-navicon:before {
    background: #fff;
    content: '';
    display: block;
    height: 1px;
    position: absolute;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    width: 2rem;
  }
  header .header-nav .sp-navicon-container .sp-navicon:hover {
    cursor: pointer;
  }
  header .header-nav .sp-navicon-container .sp-navicon img {
    width: 100%;
    height: auto;
  }
  header .header-nav .sp-navicon-container .sp-navicon.active {
    background: rgba(0, 0, 0, 0) !important;
    -webkit-transition: background 0.4s ease;
    -o-transition: background 0.4s ease;
    transition: background 0.4s ease;
  }
  header .header-nav .sp-navicon-container .sp-navicon.active:after, header .header-nav .sp-navicon-container .sp-navicon.active:before {
    top: 0 !important;
    zoom: 1;
  }
  header .header-nav .sp-navicon-container .sp-navicon.active:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  header .header-nav .sp-navicon-container .sp-navicon.active:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .navi-sp {
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    background: #122760;
    background-size: 100% auto;
    background-position: center center;
    display: none;
    left: 0;
    list-style: none;
    opacity: 0;
    position: fixed;
    top: 70px;
    -webkit-transition: 0.1s linear;
    -o-transition: 0.1s linear;
    transition: 0.1s linear;
    width: 100%;
    z-index: -1;
  }
  .navi-sp.active {
    display: block;
    z-index: 9999;
  }
  .navi-sp.reveal {
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    opacity: 1;
    top: 93px;
  }
  .navi-sp.navi-sp-hide {
    animation: nav-up ease-in-out .3s .1s both;
    top: -470px;
    -webkit-animation: nav-up ease-in-out .3s .1s both;
  }
  .navi-sp li {
    border-top: 1px solid #173980;
  }
  .navi-sp li:first-child {
    border-top: none;
  }
  .navi-sp li a {
    display: block;
    padding: 18px 0px;
    text-decoration: none;
  }
  .navi-sp li a:hover {
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    background-color: #00146e;
  }
  .navi-sp li a[aria-current="page"]{
    background-color: #00146e;
  }
  .navi-sp li a p {
    color: #fff;
    font-size: 1.5rem;
    font-family: ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,verdana,ＭＳ Ｐゴシック,Osaka,sans-serif;
    letter-spacing: 0.025em;
    line-height: 1.3;
    position: relative;
    text-align: center;
  }
  .navi-sp li a p:after {
    background: transparent url(./../image/common/arrow_right_white.png) no-repeat;
    background-size: 8px;
    content: "";
    display: block;
    height: 14px;
    position: absolute;
    right: 5%;
    top: 35%;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    width: 8px;
  }
  .navi-sp li .subicon-submenu {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
  }
  .navi-sp li .subicon-submenuclose {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
  }
  .navi-sp li .subicon.active {
    display: block;
  }
  .navi-sp li .subicon img {
    float: right;
    height: 10px;
    padding: 15px;
    margin-top: -10px;
    margin-right: 10px;
    width: 20px;
  }
  .navi-sp .top-subMenu {
    position: relative;
  }
}

/* ---------------------------------------------------------
common
----------------------------------------------------------*/
/* ---------------------------------------------------------
common sp
----------------------------------------------------------*/
/* ---------------------------------------------------------
top
----------------------------------------------------------*/
.maincontent {
  /*top*/
}

.maincontent.top {
  /*container*/
}

.maincontent.top .container {
  /*inner-container*/
}

.maincontent.top .container .inner-container {
  margin: 0 auto;
  /*top-intro*/
  /*top-cardcolumns*/
  /*top-panels*/
  /*top-faq*/
}

.maincontent.top .container .inner-container .top-intro h1 {
  color: #173980;
  font-size: 3.6rem;
  font-family: serif;
  line-height: 1.875;
  margin-top: 70px;
  text-align: center;
}

.maincontent.top .container .inner-container .top-intro p {
  font-size: 1.8rem;
  line-height: 1.94;
  text-align: center;
}

.maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-nav {
  margin-top: 80px;
}

.maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-nav ul {
  border-bottom: 1px solid #bbbdc1;
  border-collapse: collapse;
  font-size: 0;
  letter-spacing: 0;
}

.maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-nav ul li {
  background: #f0f3f8;
  border-radius: 8px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  display: inline-block;
  margin-left: 50px;
  width: calc(33.3% - 67px);
}

.maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-nav ul li:last-child {
  margin-right: 50px;
}

.maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-nav ul li.active {
  background: #fff;
  border: 1px solid #bbbdc1;
  border-bottom-color: #fff;
  position: relative;
}

.maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-nav ul li.active:after {
  content: '';
  background: #fff;
  bottom: -2px;
  height: 1px;
  position: absolute;
  width: 100%;
}

.maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-nav ul li a {
  display: block;
  padding: 23px 0;
}

.maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-nav ul li a p {
  color: #000;
  font-size: 1.8rem;
  line-height: 1.21;
  text-align: center;
}

.maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-container {
  /* -webkit-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear;
  display: none; */
  visibility: hidden;
  height: 0;
  font-size: 0;
  letter-spacing: 0;
  margin-top: 60px;
  /* opacity: 0; */
  padding: 0 40px;
  position: relative;
}

.maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-container.fadein {
  /* opacity: 1; */
}

.maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-container.active {
  /* display: block; */
  visibility: visible;
  height: auto;
}

.maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-container .cardcolumn {
  border-left: 1px solid #bbbdc1;
  display: inline-block;
  padding: 0 25px;
  vertical-align: top;
  width: 20%;
}

.maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-container .cardcolumn:first-child {
  border-left: none;
}

.maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-container .cardcolumn .cardcolumn-img {
  margin: 0 auto;
  width: 85%;
}

.maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-container .cardcolumn .cardcolumn-img img {
  width: 100%;
}

.maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-container .cardcolumn .cardcolumn-img a p {
  color: #173980;
  margin-top: 20px;
  font-size: 1.3rem;
  line-height: 1.89;
  text-align: center;
  text-decoration: underline;
}

.maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-container .cardcolumn .cardcolumn-info {
  margin-top: 40px;
  padding-bottom: 30px;
}

.maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-container .cardcolumn .cardcolumn-info .cardcolumn-infoitem .cardcolumn-label {
  background: #f0f3f8;
  padding: 6px 0;
}

.maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-container .cardcolumn .cardcolumn-info .cardcolumn-infoitem .cardcolumn-label h3 {
  color: #173980;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.375;
  text-align: center;
}

.maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-container .cardcolumn .cardcolumn-info .cardcolumn-infoitem .cardcolumn-detail {
  padding: 16px 0 20px;
}

.maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-container .cardcolumn .cardcolumn-info .cardcolumn-infoitem .cardcolumn-detail.first-detail {
  padding-bottom: 0;
}

.maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-container .cardcolumn .cardcolumn-info .cardcolumn-infoitem .cardcolumn-detail p,
.maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-container .cardcolumn .cardcolumn-info .cardcolumn-infoitem .cardcolumn-detail p > span{
  font-size: 2.4rem;
  line-height: 1.375;
  text-align: center;
}

.maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-container .cardcolumn .cardcolumn-info .cardcolumn-infoitem .cardcolumn-detail p .cardcolumn-sublabel {
  display: block;
}
.maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-container .cardcolumn .cardcolumn-info .cardcolumn-infoitem .cardcolumn-detail .mile {
  font-weight: bold;
}

.maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-container .cardcolumn .cardcolumn-info .cardcolumn-infoitem .cardcolumn-detail .mile span {
  font-weight: bold;
}

.maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-container .cardcolumn .cardcolumn-info .cardcolumn-infoitem .cardcolumn-detail .redtext {
  color: red;
}

.maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-container .cardcolumn .cardcolumn-info .cardcolumn-infoitem .cardcolumn-detail .cardcolumn-sublabel {
  font-size: 1.1rem;
  line-height: 1.22;
}

.maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-container .cardcolumn .cardcolumn-info .cardcolumn-infoitem .cardcolumn-detail .cardcolumn-note {
  font-size: 1.1rem;
  line-height: 1.81;
  margin-top: 5px;
  text-align: center;
}

.maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-container .cardcolumn .cardcolumn-info .cardcolumn-infoitem .cardcolumn-detail p span.cardcolumn-small {
  font-size: 60%;
  margin-left: 3px;
}

.maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-container .cardcolumn .cardcolumn-info .cardcolumn-infoitem .cardcolumn-detail p span.kome {
  position: relative;
  top: -8px;
}

.maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-container .cardcolumn .cardcolumn-info .cardcolumn-infoitem .cardcolumn-detail p span span.kome {
  position: relative;
  top: -4px;
}

.maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-container .swiper-button-next {
  background-image: url(./../image/common/carousel_right.png);
  background-size: 4vw 18vw;
  right: -4%;
  top: 4vw;
  height: 18vw;
  width: 4vw;
}

.maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-container .swiper-button-next.last {
  background-image: url(./../image/common/carousel_right_alt.png);
}

.maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-container .swiper-button-prev {
  background-image: url(./../image/common/carousel_left.png);
  background-size: 4vw 18vw;
  left: -4%;
  top: 4vw;
  height: 18vw;
  width: 4vw;
}

.maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-container .swiper-button-prev.last {
  background-image: url(./../image/common/carousel_right.png);
}

#creditcardset02 .cardcolumn-detail .cardcolumn-middle {
  font-size: 1.4rem;
}

.maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-bottom {
  margin-top: 40px;
  text-align: right;
}

.maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-bottom img.icon-blank {
  margin-top: -8px;
}

.cardcolumns-bottom {
  margin-top: 40px;
  text-align: right;
}

.maincontent.top .container .inner-container .top-cardcolumns #creditcardset01 .cardcolumns-bottom {
}
.maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-bottom .cardcolumns-bottomtextlink a {
  display: inline-block;
}
.maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-bottom .cardcolumns-bottomtextlink a p {
  color: #00146e;
  display: inline;
  font-size: 1.4rem;
  line-height: 1.78;
  text-align: right;
  vertical-align: middle;
  text-decoration: underline;
}
.maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-bottom .cardcolumns-bottomtextlink a img {
  vertical-align: middle;
  margin-left: 5px;
}

.maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-bottom .cardcolumns-bottombtnlink {
  margin: 0 auto;
  margin-top: 46px;
  width: 50%;
}

.cardcolumns-bottom .cardcolumns-bottombtnlink {
  margin: 0 auto;
  margin-top: 46px;
  width: 47%;
}

.maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-bottom .cardcolumns-bottombtnlink a {
  background: #00146e;
  border-radius: 6px;
  display: block;
  margin-bottom: 100px;
  padding: 12px 0;
}

.cardcolumns-bottom .cardcolumns-bottombtnlink a {
  background: #00146e;
  border-radius: 6px;
  display: block;
  margin-bottom: 100px;
  padding: 12px 0;
}

.maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-bottom .cardcolumns-bottombtnlink a p {
  color: #fff;
  font-size: 2.0rem;
  line-height: 1.75;
  position: relative;
  text-align: center;
}

.cardcolumns-bottom .cardcolumns-bottombtnlink a p {
  color: #fff;
  font-size: 2.0rem;
  line-height: 1.75;
  position: relative;
  text-align: center;
}

.maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-bottom .cardcolumns-bottombtnlink a p:after {
  background: transparent url(./../image/common/arrow_right_white.png) no-repeat;
  background-size: 8px;
  content: "";
  display: block;
  height: 14px;
  position: absolute;
  right: 3.5%;
  top: 28%;
  -webkit-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear;
  width: 8px;
}

.cardcolumns-bottom .cardcolumns-bottombtnlink a p:after {
  background: transparent url(./../image/common/arrow_right_white.png) no-repeat;
  background-size: 8px;
  content: "";
  display: block;
  height: 14px;
  position: absolute;
  right: 3.5%;
  top: 28%;
  -webkit-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear;
  width: 8px;
}

.maincontent.top .container .inner-container .top-panels {
  font-size: 0;
  letter-spacing: 0;
}

.maincontent.top .container .inner-container .top-panels .panel {
  display: inline-block;
  margin-left: 40px;
  vertical-align: top;
  width: calc(33.33% - 27px);
}
.maincontent.top .container .inner-container .top-panels .panel a:focus{
  text-decoration:underline
}

.maincontent.top .container .inner-container .top-panels .panel:first-child {
  margin: 0;
}

.maincontent.top .container .inner-container .top-panels .panel .panel-img img {
  width: 100%;
}

.maincontent.top .container .inner-container .top-panels .panel .panel-caption {
  margin-top: 12px;
}

.maincontent.top .container .inner-container .top-panels .panel .panel-caption p {
  font-size: 1.6rem;
  line-height: 1.75;
}

.maincontent.top .container .inner-container .top-panels .panel .panel-caption p.title {
  color: #333;
  font-size: 2.2rem;
  line-height: 1.88;
  margin-bottom: 7px;
}

.maincontent.top .container .inner-container .top-panels .panel .panel-caption p.title a {
  color: #333;
}
.maincontent.top .container .inner-container .top-panels .panel .panel-caption p.title a:last-child:before {
  content: "> ";
}

.maincontent.top .container .inner-container .top-panels .panel .panel-caption p.title span {
  font-size: 85%;
}

.maincontent.top .container .inner-container .top-faq {
  margin-top: 80px;
}

.maincontent.top .container .inner-container .top-faq .faq-top a {
  background: #00146e;
  padding: 10px 0 10px 40px;
}

.maincontent.top .container .inner-container .top-faq .faq-top a p {
  color: #fff;
  font-size: 2.0rem;
  line-height: 1.75;
  position: relative;
}

.maincontent.top .container .inner-container .top-faq .faq-top a:focus {
  color: #fff;
  text-decoration-color: #fff;
  text-decoration: underline;
}

.maincontent.top .container .inner-container .top-faq .faq-top h2 a {
  display: block;
  color: #fff;
  font-size: 2.0rem;
  line-height: 1.75;
  position: relative;
}

.maincontent.top .container .inner-container .top-faq .faq-top a p:after {
  background: transparent url(./../image/common/arrow_right_white.png) no-repeat;
  background-size: 8px;
  content: "";
  display: block;
  height: 14px;
  position: absolute;
  right: 2%;
  top: 35%;
  -webkit-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear;
  width: 8px;
}

.maincontent.top .container .inner-container .top-faq .faq-top a:after {
  background: transparent url(./../image/common/arrow_right_white.png) no-repeat;
  background-size: 8px;
  content: "";
  display: none;
  height: 14px;
  position: absolute;
  right: 2%;
  top: 35%;
  -webkit-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear;
  width: 8px;
}

.maincontent.top .container .inner-container .top-faq .faq-top a:focus {
  text-decoration: underline!important;
}

.maincontent.top .container .inner-container .top-faq .faq-list .faq-item .faq-question {
  border-bottom: 1px solid #bbbdc1;
}

.maincontent.top .container .inner-container .top-faq .faq-list .faq-item .faq-question p {
  color: #173980;
  font-size: 1.6rem;
}

.maincontent.top .container .inner-container .top-faq .faq-list .faq-item .faq-question p a {
  display: block;
  padding: 16px 0 16px 40px;
}

.maincontent.top .container .inner-container .top-faq .faq-list .faq-item .faq-question p a:before {
  content: "> ";
}

.maincontent.top .container .inner-container .top-faq .faq-list .faq-item .faq-question a:focus {
  text-decoration: underline;
}

.maincontent.top .container .inner-container .top-faq .faq-list .faq-item .faq-question p img {
  margin-left: 10px;
  margin-top: 5px;
  width: 12px;
}

.maincontent.top .container .inner-container .top-faq .faq-top a img {
  width: 12px;
  margin-left: 10px;
  vertical-align: middle;
}

.maincontent.top .container .inner-container .top-faq .faq-list .faq-item .faq-question p span {
  font-size: 90%;
}

.maincontent.top .container .inner-container .top-contactus {
  border: 1px solid #bbbdc1;
  margin-bottom: 70px;
  margin-top: 120px;
  padding: 30px 70px 40px;
}

.maincontent.top .container .inner-container .top-contactus .contactus-title h2 {
  font-size: 2.0rem;
  line-height: 1.875;
  text-align: center;
}

.maincontent.top .container .inner-container .top-contactus .contactus-panels {
  border-bottom: 1px solid #bbbdc1;
  font-size: 0;
  letter-spacing: 0;
  padding: 30px 0 40px 0;
}

.maincontent.top .container .inner-container .top-contactus .contactus-panels .contactus-panel {
  display: inline-block;
  margin-left: 40px;
  vertical-align: top;
  width: calc(50% - 20px);
}

.maincontent.top .container .inner-container .top-contactus .contactus-panels .contactus-panel:first-child {
  margin-left: 0;
}

.maincontent.top .container .inner-container .top-contactus .contactus-panels .contactus-panel .contactus-panelheader {
  background: #f0f3f8;
  padding: 6px 0;
}

.maincontent.top .container .inner-container .top-contactus .contactus-panels .contactus-panel .contactus-panelheader p {
  color: #173980;
  font-size: 1.6rem;
  line-height: 1.875;
  text-align: center;
}

.maincontent.top .container .inner-container .top-contactus .contactus-panels .contactus-panel .contactus-panelheader h3 {
  color: #173980;
  font-size: 1.6rem;
  line-height: 1.875;
  text-align: center;
}

.maincontent.top .container .inner-container .top-contactus .contactus-panels .contactus-panel .contactus-paneldescription {
  margin-top: 40px;
}

.maincontent.top .container .inner-container .top-contactus .contactus-panels .contactus-panel .contactus-paneldescription p {
  font-size: 1.4rem;
  line-height: 1.92;
  text-align: center;
}

.maincontent.top .container .inner-container .top-contactus .contactus-panels .contactus-panel .contactus-paneldescription p.contactus-maintext {
  color: #173980;
  font-size: 1.6rem;
  line-height: 1.875;
  margin-bottom: 10px;
  text-align: center;
}

.maincontent.top .container .inner-container .top-contactus .contactus-panels .contactus-panel .contactus-paneldescription h4.contactus-maintext {
  color: #173980;
  font-size: 1.6rem;
  line-height: 1.875;
  margin-bottom: 10px;
  text-align: center;
}

.maincontent.top .container .inner-container .top-contactus .contactus-panels .contactus-panel .contactus-panelbottom {
  font-size: 0;
  letter-spacing: 0;
  margin-top: 20px;
}

.maincontent.top .container .inner-container .top-contactus .contactus-panels .contactus-panel .contactus-panelbottom .contactus-panelbottomimg {
  display: inline-block;
  vertical-align: middle;
  width: 56%;
}

.maincontent.top .container .inner-container .top-contactus .contactus-panels .contactus-panel .contactus-panelbottom .contactus-panelbottomimg img {
  display: inline-block;
  vertical-align: middle;
  width: 70px;
}

.maincontent.top .container .inner-container .top-contactus .contactus-panels .contactus-panel .contactus-panelbottom .contactus-panelbottomimg p {
  display: inline-block;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.625;
  margin-left: 10px;
  text-align: center;
  vertical-align: middle;
}

.maincontent.top .container .inner-container .top-contactus .contactus-panels .contactus-panel .contactus-panelbottom .contactus-panelbottomnote {
  display: inline-block;
  vertical-align: middle;
  width: 40%;
}

.maincontent.top .container .inner-container .top-contactus .contactus-panels .contactus-panel .contactus-panelbottom .contactus-panelbottomnote p {
  font-size: 1.4rem;
  line-height: 1.78;
}

.maincontent.top .container .inner-container .top-contactus .contactus-panels .contactus-panel .contactus-panelbottom .contactus-panelbottomnote p span {
  color: #da0303;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.78;
}

.maincontent.top .container .inner-container .top-contactus .contactus-panels .contactus-panel .contactus-panelbottom .contactus-panelbottomnote p span.komejirushi {
  color: inherit;
  font-weight: normal;
}

.maincontent.top .container .inner-container .top-contactus .contactus-panels .contactus-panel .contactus-btnlist {
  margin-top: 40px;
}

.maincontent.top .container .inner-container .top-contactus .contactus-panels .contactus-panel .contactus-btnlist .contactus-btnitem {
  border: 1px solid #00146E;
  border-radius: 6px;
  margin: auto;
  margin-top: 10px;
  width: 85%;
}

.maincontent.top .container .inner-container .top-contactus .contactus-panels .contactus-panel .contactus-btnlist .contactus-btnitem a {
  display: block;
  padding: 10px 0;
  position: relative;
  width: 100%;
}

.maincontent.top .container .inner-container .top-contactus .contactus-panels .contactus-panel .contactus-btnlist .contactus-btnitem a:hover {
  text-decoration: underline;
  color: #333;
}

.maincontent.top .container .inner-container .top-contactus .contactus-panels .contactus-panel .contactus-btnlist .contactus-btnitem a p {
  color: #333;
  display: block;
  font-color: #333;
  font-size: 1.6rem;
  line-height: 1.875;
  margin: 0 auto;
  position: relative;
  text-align: center;
  padding: 0 38px;
}

.maincontent.top .container .inner-container .top-contactus .contactus-panels .contactus-panel .contactus-btnlist .contactus-btnitem a p img {
  margin-left: 10px;
  margin-top: 9px;
  width: 12px;
}

.maincontent.top .container .inner-container .top-contactus .contactus-panels .contactus-panel .contactus-btnlist .contactus-btnitem a:after {
  background: transparent url(./../image/common/arrow_right_black.png) no-repeat;
  background-size: 8px;
  content: "";
  display: none;
  height: 14px;
  position: absolute;
  right: 5%;
  top: 35%;
  -webkit-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear;
  width: 8px;
}

.maincontent.top .container .inner-container .top-contactus .contactus-bottom {
  margin-top: 40px;
}

.maincontent.top .container .inner-container .top-contactus .contactus-bottom p {
  font-size: 1.4rem;
  line-height: 1.875;
  text-align: center;
}

.maincontent.top .container .inner-container .top-contactus .contactus-bottom p a {
  color: #173980;
  text-decoration: underline;
}

.pagetop-link {
  text-align: right;
}

#creditcardset02, #creditcardset03 {
  margin-top: 0;
}



/*maincontent*/
/* ---------------------------------------------------------
below breakpoint
----------------------------------------------------------*/
@media (min-width: 768px) and (max-width: 1199px) {
  .maincontent {
    /*top*/
  }
  .maincontent.top {
    /*container*/
  }
  .maincontent.top .container {
    /*inner-container*/
  }
  .maincontent.top .container .inner-container {
    /*top-cardcolumns*/
    /*top-panels*/
  }
  .maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-container.reveal {
    opacity: 1;
  }
  .maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-container.active {
    display: block;
  }
  .maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-container .cardcolumn:first-child {
    border-left: none;
  }
  .maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-container .cardcolumn .cardcolumn-img a p {
    font-size: 0.8vw;
  }
  .maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-container .cardcolumn .cardcolumn-info .cardcolumn-infoitem .cardcolumn-label {
    background: #f0f3f8;
  }
  .maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-container .cardcolumn .cardcolumn-info .cardcolumn-infoitem .cardcolumn-label h3 {
    color: #173980;
    font-size: 1.0rem;
    line-height: 1.875;
    text-align: center;
  }
  .maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-container .cardcolumn .cardcolumn-info .cardcolumn-infoitem .cardcolumn-detail p {
    font-size: 1.4rem;
    line-height: 1.875;
    text-align: center;
  }
  .maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-container .cardcolumn .cardcolumn-info .cardcolumn-infoitem .cardcolumn-detail p.redtext {
    color: red;
  }
  .maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-container .cardcolumn .cardcolumn-info .cardcolumn-infoitem .cardcolumn-detail p.cardcolumn-sublabel {
    font-size: 0.9rem;
  }
  .maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-container .cardcolumn .cardcolumn-info .cardcolumn-infoitem .cardcolumn-detail p.cardcolumn-note {
    font-size: 0.9rem;
  }
  .maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-container .cardcolumn .cardcolumn-info .cardcolumn-infoitem .cardcolumn-detail p span {
    font-size: 60%;
  }
  .maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-container .cardcolumn .cardcolumn-info .cardcolumn-infoitem .cardcolumn-detail p strong {
    font-size: 167%;
  }
  .maincontent.top .container .inner-container .top-cardcolumns .contactus-paneldescription p {
    font-size: 1.1rem;
    line-height: 1.92;
    text-align: center;
  }
  .maincontent.top .container .inner-container .top-cardcolumns .contactus-paneldescription p.contactus-maintext {
    font-size: 1.3rem;
  }
  .maincontent.top .container .inner-container .top-cardcolumns .contactus-paneldescription h4.contactus-maintext {
    font-size: 1.3rem;
  }
  .maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-bottom {
    margin-top: 70px;
  }
  .cardcolumns-bottom {
    margin-top: 70px;
  }
  .maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-bottom .cardcolumns-bottomtextlink a p {
    color: #00146E;
    font-size: 1.4rem;
    line-height: 1.78;
    text-align: right;
    text-decoration: underline;
  }
  .cardcolumns-bottom .cardcolumns-bottomtextlink a p {
    color: #00146E;
    font-size: 1.4rem;
    line-height: 1.78;
    text-align: right;
    text-decoration: underline;
  }
  .maincontent.top .container .inner-container .top-panels .panel:first-child {
    margin: 0;
  }
  .maincontent.top .container .inner-container .top-panels .panel .panel-caption p {
    font-size: 1.3rem;
    line-height: 1.75;
  }
  .maincontent.top .container .inner-container .top-panels .panel .panel-caption p.title {
    font-size: 1.9vw;
  }
  .maincontent.top .container .inner-container .top-panels .panel .panel-caption p.title span {
    font-size: 1.2vw;
  }
  .maincontent.top .container .inner-container .top-panels .panel .panel-caption p.title .pc {
    display: none;
  }
  .maincontent.top .container .inner-container .top-contactus .contactus-panels .contactus-panel:first-child {
    margin-left: 0;
  }
  .maincontent.top .container .inner-container .top-contactus .contactus-panels .contactus-panel .contactus-paneldescription p {
    font-size: 1.0rem;
  }
  .maincontent.top .container .inner-container .top-contactus .contactus-panels .contactus-panel .contactus-paneldescription p.contactus-maintext {
    font-size: 1.4rem;
  }
  .maincontent.top .container .inner-container .top-contactus .contactus-panels .contactus-panel .contactus-paneldescription h4.contactus-maintext {
    font-size: 1.4rem;
  }
  .maincontent.top .container .inner-container .top-contactus .contactus-panels .contactus-panel .contactus-panelbottom .contactus-panelbottomimg {
    width: 60%;
  }
  .maincontent.top .container .inner-container .top-contactus .contactus-panels .contactus-panel .contactus-panelbottom .contactus-panelbottomimg img {
    display: inline-block;
    vertical-align: middle;
    width: 70px;
  }
  .maincontent.top .container .inner-container .top-contactus .contactus-panels .contactus-panel .contactus-panelbottom .contactus-panelbottomimg p {
    font-size: 1.5vw;
  }
  .maincontent.top .container .inner-container .top-contactus .contactus-panels .contactus-panel .contactus-panelbottom .contactus-panelbottomnote {
    width: 40%;
  }
  .maincontent.top .container .inner-container .top-contactus .contactus-panels .contactus-panel .contactus-panelbottom .contactus-panelbottomnote p {
    font-size: 1.1vw;
  }
  .maincontent.top .container .inner-container .top-contactus .contactus-panels .contactus-panel .contactus-panelbottom .contactus-panelbottomnote p span {
    font-size: 1.1vw;
  }
  .maincontent.top .container .inner-container .top-contactus .contactus-panels .contactus-panel .contactus-btnlist .contactus-btnitem a p {
    font-size: 1.1rem;
  }
  .maincontent.top .container .inner-container .top-contactus .contactus-panels .contactus-panel .contactus-btnlist .contactus-btnitem a p img {
    margin-top: 6px;
  }
  /*maincontent*/
}

/* ---------------------------------------------------------
top sp
----------------------------------------------------------*/
@media screen and (max-width: 768px) {
  .maincontent {
    /*top*/
  }
  .maincontent.top {
    /*container*/
  }
  .maincontent.top .container {
    /*inner-container*/
  }
  .maincontent.top .container .inner-container {
    margin: 0 auto;
    /*top-intro*/
    /*top-cardcolumns*/
    /*top-panels*/
    /*top-faq*/
  }
  .kv-sp {
    margin-top: 48px;
  }
  .maincontent.top .container .inner-container .top-intro h1 {
    font-size: 2.0rem;
    line-height: 1.62;
    margin: 0 auto;
    margin-top: 20px;
    padding-bottom: 25px;
    width: 86.5%;
  }
  .maincontent.top .container .inner-container .top-intro p {
    font-size: 1.2rem;
    line-height: 1.83;
  }
  .maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-nav {
    margin-top: 40px;
  }
  .maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-nav ul li {
    margin-left: 7px;
    width: calc(33.3% - 8px);
  }
  .maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-nav ul li:first-child {
    margin-left: 5px;
  }
  .maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-nav ul li:last-child {
    margin-right: 5px;
  }
  .maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-nav ul li a {
    padding: 7px 0;
  }
  .maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-nav ul li a p {
    font-size: 1.2rem;
    line-height: 1.66;
    text-align: center;
  }
  .maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-container {
    margin-top: 30px;
    padding: 0 12px;
  }
  .maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-container .cardcolumn {
    border-left: none;
    display: block;
    padding: 0 3%;
    padding-bottom: 20px;
    vertical-align: top;
    width: auto;
  }
  .maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-container .cardcolumn.swiper-slide-next {
    border-left: 1px #bbbdc1 solid;
  }
  .maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-container .cardcolumn:first-child {
    border-left: none;
  }
  .maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-container .cardcolumn .cardcolumn-img {
    height: 100px;
    margin: 0 auto;
    width: 85%;
  }
  .maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-container .cardcolumn .cardcolumn-img img {
    width: 100%;
  }
  .maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-container .cardcolumn .cardcolumn-img a p {
    margin-top: 10px;
    font-size: 1.3rem;
    line-height: 1.8;
  }
  .maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-container .cardcolumn .cardcolumn-info {
    margin-top: 12vw;
  }
  .maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-container .cardcolumn .cardcolumn-info .cardcolumn-infoitem .cardcolumn-label {
    padding: 7px 0;
  }
  .maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-container .cardcolumn .cardcolumn-info .cardcolumn-infoitem .cardcolumn-label h3 {
    font-size: 1.1rem;
    line-height: 1.72;
  }
  .maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-container .cardcolumn .cardcolumn-info .cardcolumn-infoitem .cardcolumn-detail {
    padding: 13px 0 17px;
  }
  .maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-container .cardcolumn .cardcolumn-info .cardcolumn-infoitem .cardcolumn-detail p {
    font-size: 1.8rem;
    line-height: 1.36;
    text-align: center;
  }
  .maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-container .cardcolumn .cardcolumn-info .cardcolumn-infoitem .cardcolumn-detail p.redtext {
    color: red;
  }
  .maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-container .cardcolumn .cardcolumn-info .cardcolumn-infoitem .cardcolumn-detail p.cardcolumn-sublabel {
    font-size: 0.95rem;
    line-height: 1.32;
  }
  .maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-container .cardcolumn .cardcolumn-info .cardcolumn-infoitem .cardcolumn-detail p.cardcolumn-note {
    font-size: 1.1rem;
    line-height: 1.81;
    margin-top: 5px;
    text-align: center;
  }
  .maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-container .cardcolumn .cardcolumn-info .cardcolumn-infoitem .cardcolumn-detail p span {
    font-size: 60%;
  }
  .maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-container .cardcolumn .cardcolumn-info .cardcolumn-infoitem .cardcolumn-detail p strong {
    font-size: 167%;
  }
  .maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-bottom {
    margin-top: 10px;
  }
  .cardcolumns-bottom {
    margin-top: 10px;
  }
  .maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-bottom .cardcolumns-bottomtextlink a p {
    font-size: 1.2rem;
    line-height: 1.70;
    text-align: center;
  }
  .cardcolumns-bottom .cardcolumns-bottomtextlink a p {
    font-size: 1.2rem;
    line-height: 1.70;
    text-align: center;
  }
  .maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-bottom .cardcolumns-bottombtnlink {
    margin-top: 28px;
    width: 100%;
  }
  .cardcolumns-bottom .cardcolumns-bottombtnlink {
    margin-top: 28px;
    width: 100%;
  }
  .maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-bottom .cardcolumns-bottombtnlink a {
    margin-bottom: 40px;
    padding: 16px 0;
  }
  .cardcolumns-bottom .cardcolumns-bottombtnlink a {
    margin-bottom: 40px;
    padding: 16px 0;
  }
  .maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-bottom .cardcolumns-bottombtnlink a p {
    font-size: 1.6rem;
    line-height: 1.875;
  }
  .cardcolumns-bottom .cardcolumns-bottombtnlink a p {
    font-size: 1.6rem;
    line-height: 1.875;
  }
  .maincontent.top .container .inner-container .top-cardcolumns .cardcolumns-bottom .cardcolumns-bottombtnlink a p:after {
    top: 28%;
  }
  .cardcolumns-bottom .cardcolumns-bottombtnlink a p:after {
    top: 28%;
  }
  .maincontent.top .container .inner-container .top-panels {
    font-size: 0;
    letter-spacing: 0;
    padding: 40px 0 10px;
  }
  .maincontent.top .container .inner-container .top-panels .panel {
    border-bottom: 1px solid #bbbdc1;
    font-size: 0;
    display: block;
    letter-spacing: 0;
    margin-left: 0;
    padding: 15px 0;
    width: 100%;
  }
  .maincontent.top .container .inner-container .top-panels .panel:last-child {
    border-bottom: none;
  }
  .maincontent.top .container .inner-container .top-panels .panel .panel-img {
    display: inline-block;
    vertical-align: top;
    width: 30%;
  }
  .maincontent.top .container .inner-container .top-panels .panel .panel-caption {
    display: inline-block;
    margin-left: 5%;
    margin-top: 0;
    vertical-align: top;
    width: 60%;
  }
  .maincontent.top .container .inner-container .top-panels .panel .panel-caption p {
    font-size: 1.0rem;
    line-height: 1.8;
  }
  .maincontent.top .container .inner-container .top-panels .panel .panel-caption p.title {
    font-size: 1.35rem;
    line-height: 1.87;
  }
  .maincontent.top .container .inner-container .top-faq {
    margin-top: 60px;
  }
  .maincontent.top .container .inner-container .top-faq .faq-top {
    padding: 10px 0;
  }
  .maincontent.top .container .inner-container .top-faq .faq-top a p {
    font-size: 1.6rem;
    line-height: 1.875;
    text-align: center;
  }
  .maincontent.top .container .inner-container .top-faq .faq-top a {
    font-size: 1.6rem;
    line-height: 1.875;
    text-align: center;
  }
  .maincontent.top .container .inner-container .top-faq .faq-list .faq-item .faq-question {
    border-bottom: 1px solid #bbbdc1;
  }
  .maincontent.top .container .inner-container .top-faq .faq-list .faq-item .faq-question p {
    font-size: 1.2rem;
  }
  .maincontent.top .container .inner-container .top-faq .faq-list .faq-item .faq-question p a {
    display: block;
    padding: 12px 0 10px 20px;
  }
  .maincontent.top .container .inner-container .top-contactus {
    margin-top: 60px;
    padding: 22px 7px 15px;
  }
  .maincontent.top .container .inner-container .top-contactus .contactus-title h2 {
    font-size: 1.6rem;
    line-height: 1.875;
  }
  .maincontent.top .container .inner-container .top-contactus .contactus-panels {
    border-bottom: 1px solid #bbbdc1;
    font-size: 0;
    letter-spacing: 0;
    padding: 15px 0;
  }
  .maincontent.top .container .inner-container .top-contactus .contactus-panels .contactus-panel {
    display: block;
    margin-left: 0;
    width: 100%;
  }
  .maincontent.top .container .inner-container .top-contactus .contactus-panels .contactus-panel:first-child {
    margin-left: 0;
  }
  .maincontent.top .container .inner-container .top-contactus .contactus-panels .contactus-panel .contactus-panelheader {
    padding: 5px 0;
  }
  .maincontent.top .container .inner-container .top-contactus .contactus-panels .contactus-panel .contactus-panelheader p {
    font-size: 1.2rem;
  }
  .maincontent.top .container .inner-container .top-contactus .contactus-panels .contactus-panel .contactus-panelheader h3 {
    font-size: 1.2rem;
  }
  .maincontent.top .container .inner-container .top-contactus .contactus-panels .contactus-panel .contactus-paneldescription {
    margin-top: 17px;
  }
  .maincontent.top .container .inner-container .top-contactus .contactus-panels .contactus-panel .contactus-paneldescription p {
    font-size: 1.0rem;
    line-height: 1.70;
  }
  .maincontent.top .container .inner-container .top-contactus .contactus-panels .contactus-panel .contactus-paneldescription p.contactus-maintext {
    font-size: 1.2rem;
    line-height: 1.875;
  }
  .maincontent.top .container .inner-container .top-contactus .contactus-panels .contactus-panel .contactus-paneldescription h4.contactus-maintext {
    font-size: 1.2rem;
    line-height: 1.875;
  }
  .maincontent.top .container .inner-container .top-contactus .contactus-panels .contactus-panel .contactus-panelbottom {
    font-size: 0;
    letter-spacing: 0;
    margin-top: 5px;
  }
  .maincontent.top .container .inner-container .top-contactus .contactus-panels .contactus-panel .contactus-panelbottom .contactus-panelbottomimg {
    display: block;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    width: 93%;
  }
  .maincontent.top .container .inner-container .top-contactus .contactus-panels .contactus-panel .contactus-panelbottom .contactus-panelbottomimg img {
    vertical-align: middle;
    width: 40px;
  }
  .maincontent.top .container .inner-container .top-contactus .contactus-panels .contactus-panel .contactus-panelbottom .contactus-panelbottomimg p {
    font-size: 2.6rem;
  }
  .maincontent.top .container .inner-container .top-contactus .contactus-panels .contactus-panel .contactus-panelbottom .contactus-panelbottomnote {
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
    vertical-align: middle;
    width: 100%;
    text-align: center;
  }
  .maincontent.top .container .inner-container .top-contactus .contactus-panels .contactus-panel .contactus-panelbottom .contactus-panelbottomnote p {
    font-size: 1.0rem;
    line-height: 1.70;
  }
  .maincontent.top .container .inner-container .top-contactus .contactus-panels .contactus-panel .contactus-panelbottom .contactus-panelbottomnote p span {
    color: #da0303;
    font-size: 1.0rem;
    line-height: 1.70;
  }
  .maincontent.top .container .inner-container .top-contactus .contactus-panels .contactus-panel .contactus-btnlist {
    margin-top: 10px;
  }
  .maincontent.top .container .inner-container .top-contactus .contactus-panels .contactus-panel .contactus-btnlist .contactus-btnitem {
    border: 1px solid #000;
    margin-top: 5px;
    width: 100%;
  }
  .maincontent.top .container .inner-container .top-contactus .contactus-panels .contactus-panel .contactus-btnlist .contactus-btnitem a {
    display: block;
    padding: 13px 0;
    position: relative;
    width: 100%;
  }
  .maincontent.top .container .inner-container .top-contactus .contactus-panels .contactus-panel .contactus-btnlist .contactus-btnitem a p {
    font-size: 1.4rem;
  }
  .maincontent.top .container .inner-container .top-contactus .contactus-bottom {
    margin-top: 15px;
  }
  .maincontent.top .container .inner-container .top-contactus .contactus-bottom p {
    font-size: 1.0rem;
    line-height: 1.90;
  }
  #wrap-container {
    padding-bottom: 60px;
  }

  /*maincontent*/
}

/* ---------------------------------------------------------
child
----------------------------------------------------------*/
.maincontent.child .container .inner-container {
  margin: 0 auto;
  margin-top: 25px;
}

.maincontent.child .container .inner-container .card-cardlist {
  margin-top: 50px;
}

.maincontent.child .container .inner-container .card-cardlist .cardlist-container {
  position: relative;
  font-size: 0;
  letter-spacing: 0;
}

.maincontent.child .container .inner-container .card-cardlist .cardlist-container .cardlist-cards {
  display: inline-block;
  font-size: 0;
  letter-spacing: 0;
  width: 80%;
  margin-left: 20%;
}

.maincontent.child .container .inner-container .card-cardlist .cardlist-container .cardlist-cards .cardlist-card:first-child {
  position: absolute;
  top: 24.5%;
  left: 0;
  width: 20%;
  display: inline-block;
  font-size: 0;
  letter-spacing: 0;
}

.maincontent.child .container .inner-container .card-cardlist .cardlist-container .cardlist-cards .cardlist-card:first-child a {
  margin: 0 auto;
  padding: 10px;
  width: 50%;
}

.maincontent.child .container .inner-container .card-cardlist .cardlist-container .cardlist-cards .cardlist-card:first-child a:hover,
.maincontent.child .container .inner-container .card-cardlist .cardlist-container .cardlist-cards .cardlist-card:first-child:active a {
  background: #f0f3f8;
}

@media (min-width:769px){
  .maincontent.child .container .inner-container .card-cardlist .cardlist-container .cardlist-cards .cardlist-card:first-child a img {
    display: block;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 80%;
  }
}

.maincontent.child .container .inner-container .card-cardlist .cardlist-container .cardlist-cards .cardlist-card:first-child a p {
  font-size: 1.2rem;
  line-height: 1.75;
  margin-top: 5px;
  text-align: center;
  text-decoration: underline;
}
.maincontent.child .container .inner-container .card-cardlist .cardlist-container .cardlist-cards .cardlist-card:first-child a p:focus {
  outline:2px solid #b2b2b2;
}

.maincontent.child .container .inner-container .card-cardlist .cardlist-container .cardlist-cards .cardlist-card {
  display: inline-block;
  width: 25%;
}

.maincontent.child .container .inner-container .card-cardlist .cardlist-container .cardlist-cards .cardlist-card.active a{
  background: #f0f3f8;
}

.maincontent.child .container .inner-container .card-cardlist .cardlist-container .cardlist-cards .cardlist-card a {
  display: block;
  padding: 12px 8px;
}

.maincontent.child .container .inner-container .card-cardlist .cardlist-container .cardlist-cards .cardlist-card a:hover {
  background: #f0f3f8;
}

.maincontent.child .container .inner-container .card-cardlist .cardlist-container .cardlist-cards .cardlist-card:nth-child(n+6) {
  margin-top: 20px;
}

.maincontent.child .container .inner-container .card-cardlist .cardlist-container .cardlist-cards .cardlist-card a img {
  display: inline-block;
  margin: 0 auto;
  padding: 0 10px;
  vertical-align: middle;
  width: 38%;
}

.maincontent.child .container .inner-container .card-cardlist .cardlist-container .cardlist-cards .cardlist-card a p {
  font-size: 1.2rem;
  display: inline-block;
  line-height: 1.5;
  margin-left: 2%;
  text-decoration: underline;
  vertical-align: middle;
  width: 57%;
}
.maincontent.child .container .inner-container .card-cardlist .cardlist-container .cardlist-cards .cardlist-card a span.text-under-card {
  font-size: 1.2rem;
  display: inline-block;
  line-height: 1.5;
  margin-left: 2%;
  text-decoration: underline;
  vertical-align: middle;
  width: 57%;
}
.maincontent.child .container .inner-container .card-cardlist .cardlist-container .cardlist-cards .cardlist-card a span.text-under-card--all {
  font-size: 1.2rem;
  line-height: 1.75;
  margin-top: 5px;
  text-align: center;
  text-decoration: underline;
  display: block;
}
.maincontent.child .container .inner-container .card-cardlist .cardlist-container .cardlist-cards .cardlist-card:first-child a p {
  display: block;
  width: auto;
  margin-left: 0;
}
.maincontent.child .container .inner-container .card-cardlist .cardlist-container .cardlist-cards .cardlist-card a p:focus {
  outline:2px solid #b2b2b2;
}
.maincontent.child .container .inner-container .card-cardlist .cardlist-container .cardlist-cards .cardlist-card a span.text-under-card:focus {
  outline:2px solid #b2b2b2;
}

.maincontent.child .container .inner-container .card-cardcompare {
  margin-top: 66px;
}

.maincontent.child .container .inner-container .card-cardcompare .card-topnote {
  margin-bottom: 30px;
}

.maincontent.child .container .inner-container .card-cardcompare .card-topnote p {
  font-size: 1.6rem;
  line-height: 1.875;
}
.maincontent.child .container .inner-container .card-cardcompare .card-topnote p a {
  text-decoration: underline;
}
.maincontent.child .container .inner-container .card-cardcompare .card-topnote h2 {
  font-size: 1.6rem;
  line-height: 1.875;
}

.maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem {
  font-size: 0;
  letter-spacing: 0;
  margin-bottom: 40px;
  opacity: 0;
  padding-bottom: 20px;
  position: relative;
  width: 90%;
  -webkit-transition: all .8s linear;
  -o-transition: all .8s linear;
  transition: all .8s linear;
}

.maincontent.child .container .inner-container .card-cardcompare .cardcategorylist {
  display: none;
  opacity: 0;
  -webkit-transition: all .8s linear;
  -o-transition: all .8s linear;
  transition: all .8s linear;
}

.maincontent.child .container .inner-container .card-cardcompare .cardcategorylist.fadein {
  opacity: 1;
}

.maincontent.child .container .inner-container .card-cardcompare .cardcategorylist.active {
  display: block;
  border-bottom: 1px solid #bbbdc1;
}

.maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem.active  {
  border-bottom: 1px solid #bbbdc1;
}

.maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem:not(.active) .card-cardcompareloading {
  display: block;
}

.maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem:not(.active) .card-cardcompareitemname {
  display: none;
}

.maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem:not(.active) .card-imgsection {
  display: none;
}

.maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem:not(.active) .card-detailsection {
  display: none;
}

.maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem.on-screen {
  opacity: 1;
}

.maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem:last-child {
  border-bottom: none;
}

.maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-cardcompareloading {
  display: none;
}

.maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-cardcompareloading.active{

}

.maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-cardcompareloading img{
  text-align: center;
  margin: 0 auto;
  display: block;
}

.maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-cardcompareitemname {
  font-size: 2.0rem;
  line-height: 1.875;
}

.maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-imgsection {
  display: inline-block;
  width: 20%;
  position: relative;
  top: 10px;
  vertical-align: top;
}

.maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-imgsection .card-checkbox {
  font-size: 0;
  letter-spacing: 0;
  margin-top: 13px;
}

.maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-imgsection .card-checkbox .checkbox-container {
  cursor: pointer;
  display: inline-block;
  font-size: 2.2rem;
  margin-bottom: 10px;
  position: relative;
  padding-left: 0;
  vertical-align: middle;
  width: 16%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Hide the browser's default checkbox */
  /* Create a custom checkbox */
  /* On mouse-over, add a grey background color */
  /* When the checkbox is checked, add a blue background */
  /* Show the checkmark when checked */
}

.maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-imgsection .card-checkbox .checkbox-container input {
  cursor: pointer;
  opacity: 0;
  position: absolute;
}
.maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-imgsection .card-checkbox .checkbox-container input:focus ~ .checkmark {
  outline: 2px solid #333;
}
.maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-imgsection .card-checkbox .checkbox-container .checkmark {
  background-color: #fff;
  border: 1px solid #333;
  border-radius: 5px;
  height: 25px;
  left: 0;
  position: absolute;
  top: 0;
  width: 25px;
  /* Create the checkmark/indicator (hidden when not checked) */
  /* Style the checkmark/indicator */
}

.maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-imgsection .card-checkbox .checkbox-container .checkmark:after {
  content: "";
  display: none;
  position: absolute;
}

.maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-imgsection .card-checkbox .checkbox-container .checkmark:after {
  border: solid white;
  border-width: 0 3px 3px 0;
  height: 10px;
  left: 7px;
  top: 3px;
  transform: rotate(45deg);
  width: 5px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}
/*.maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-imgsection .card-checkbox .checkbox-container .checkmark:focus {
  outline:2px solid #b2b2b2;
}*/

.maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-imgsection .card-checkbox .checkbox-container:hover input ~ .checkmark {
  background-color: #2196f3;
}

.maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-imgsection .card-checkbox .checkbox-container input:checked ~ .checkmark {
  background-color: #2196f3;
}

.maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-imgsection .card-checkbox .checkbox-container input:checked ~ .checkmark:after {
  display: block;
}

.maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-imgsection .card-checkbox .checkmark + span {
  display: block;
  font-size: 1.4rem;
  vertical-align: middle;
  width: 195px;
  padding-left: 32px;
  padding-top: 1px;
}

.maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-imgsection .card-confirm {
  margin-top: 16px;
  margin-bottom: 50px;
}

.maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-imgsection .card-confirm a {
  background: #c33c00;
  border-radius: 6px;
  display: block;
  padding: 10px 0;
  position: relative;
  width: 100%;
}

.maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-imgsection .card-confirm a p {
  color: #fff;
  display: block;
  font-size: 1.6rem;
  line-height: 1.875;
  margin: 0 auto;
  position: relative;
  text-align: center;
}

.maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-imgsection .card-confirm a p img {
  margin-left: 10px;
  margin-top: 9px;
  width: 12px;
}

.maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-imgsection .card-confirm a:after {
  background: transparent url(./../image/common/arrow_right_white.png) no-repeat;
  background-size: 8px;
  content: "";
  display: block;
  height: 14px;
  position: absolute;
  right: 5%;
  top: 35%;
  -webkit-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear;
  width: 8px;
}

.maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-detailsection {
  display: inline-block;
  margin-left: 5%;
  vertical-align: top;
  width: calc(75% - 40px);
}

.maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-detailsection .table {
  border-collapse: collapse;
  color: #000;
  font-size: 1.6rem;
  line-height: 1.2;
  margin: 10px auto 25px;
  text-align: left;
  width: 100%;
  position: relative;
  /* top: -22px; */
}

.maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-detailsection .table.rtm15 {
  /* top: -15px; */
}

.maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-detailsection .table caption {
	margin-top: 4px;
	font-size: 1.6rem;
}

.maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-detailsection .table .tr {
  font-size: 0;
  display: block;
  letter-spacing: 0;
}

.maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-detailsection .table .tr:first-child {
  margin-top: 0;
}

.maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-detailsection .table .tr .th {
  background: #f0f3f8;
  display: inline-block;
  margin-bottom: 10px;
  position: relative;
  vertical-align: middle;
  width: 18%;
}
.maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-detailsection .table .tr .th p {
  color: #00146e;
  font-size: 1.2rem;
  font-weight: bold;
  height: auto !important;
  margin: auto;
  left: 0;
  top: 0;
  text-align: center;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

.maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-detailsection .table .tr .th p.line2 {
  padding-top: 5px;
}

.maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-detailsection .table .tr .td {
  display: inline-block;
  margin-left: 5%;
  vertical-align: middle;
  width: 76%;
  margin-bottom: 10px;
}

.maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-detailsection .table .tr .insiderow {
  display: block;
  font-size: 0;
  letter-spacing: 0;
  margin-top: 4px;
}

.maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-detailsection .table .tr .insiderow .insiderowcol {
  display: inline-block;
  margin-right: 30px;
}

.maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-detailsection .table .tr .insiderow .insiderowcol.block {
  display: block;
}

.maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-detailsection .table .tr p {
  font-size: 1.6rem;
}

.maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-detailsection .table .tr p span {
  font-size: 100%;
}

@media screen and (min-width: 768px) {
  .maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-detailsection .table .tr .komejirushi {
    font-size: 1.2rem;
  }
}

.maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-detailsection .table .tr p span.big {
  font-size: 130% !important;
}

.maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem span.red,
.maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem label.red {
  font-size: 100%;
}

.maincontent.child .container .inner-container .card-bottombtnlink {
  margin: 0 auto;
  margin-bottom: 100px;
  margin-top: 46px;
  width: 50%;
}

.maincontent.child .container .inner-container .card-bottombtnlink a {
  background: rgba(51, 51, 51, 0.8);
  border-radius: 6px;
  display: block;
  padding: 12px 0;
}

.maincontent.child .container .inner-container .card-bottombtnlink a p {
  color: #fff;
  font-size: 2.0rem;
  line-height: 1.75;
  position: relative;
  text-align: center;
}

.maincontent.child .container .inner-container .card-bottombtnlink a p:after {
  background: transparent url(./../image/common/arrow_left_white.png) no-repeat;
  background-size: 8px;
  content: "";
  display: block;
  height: 14px;
  position: absolute;
  left: 5%;
  top: 28%;
  -webkit-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear;
  width: 8px;
}

.maincontent.child .container .inner-container .card-comparefixed {
  background: rgba(51, 51, 51, 0.8);
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  position: absolute;
  right: 0;
  top: 430px;
  width: 186px;
}

.maincontent.child .container .inner-container .card-comparefixed .cardcompare-title {
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 25px;
  text-align: center;
  width: 65%;
}

.maincontent.child .container .inner-container .card-comparefixed .cardcompare-title h1 {
  color: #fff;
  font-size: 1.8rem;
  line-height: 1.875;
}

.maincontent.child .container .inner-container .card-comparefixed .cardcompare-items {
  display: inline;
}

.maincontent.child .container .inner-container .card-comparefixed .cardcompare-item {
  margin: 0 auto;
  margin-top: 15px;
  position: relative;
  width: 65.5%;
}

@media all and (-ms-high-contrast:none){
  .maincontent.child .container .inner-container .card-comparefixed .cardcompare-item { width: 66%; } /* IE10 */
}

.maincontent.child .container .inner-container .card-comparefixed .cardcompare-item img {
  width: 100%;
}

.maincontent.child .container .inner-container .card-comparefixed .cardcompare-item .cardcompare-itemclosebtn {
  cursor: pointer;
  display: block;
  position: absolute;
  top: -18%;
  right: -15%;
}

.maincontent.child .container .inner-container .card-comparefixed .cardcompare-item .cardcompare-itemclosebtn.disabled{
  display: none;
}

.maincontent.child .container .inner-container .card-comparefixed .cardcompare-item .cardcompare-itemclosebtn img {
  width: 25px;
}

.maincontent.child .container .inner-container .card-comparefixed .cardcompare-addsign {
  margin: 0 auto;
  margin-top: 15px;
  width: 100%;
}

.maincontent.child .container .inner-container .card-comparefixed .cardcompare-addsign img {
  display: block;
  margin: 0 auto;
  width: 20px;
}

.maincontent.child .container .inner-container .card-comparefixed .cardcompare-modalbtnlink {
  margin: 32px auto;
  width: 70%;
}

.maincontent.child .container .inner-container .card-comparefixed .cardcompare-modalbtnlink a {
  background: #fff;
  border-radius: 6px;
  display: block;
  padding: 6px 0;
  cursor: default;
  text-decoration: none;
}

.maincontent.child .container .inner-container .card-comparefixed .cardcompare-modalbtnlink a:hover {
  text-decoration: underline;
  color: #00146e;
}

.maincontent.child .container .inner-container .card-comparefixed .cardcompare-modalbtnlink a.fix-textlink {
  cursor: pointer;
}

.maincontent.child .container .inner-container .card-comparefixed .cardcompare-modalbtnlink a p {
  color: #00146e;
  font-size: 1.4rem;
  line-height: 1.75;
  position: relative;
  text-align: center;
  top: 2px;
}

.maincontent.child .container .inner-container .card-comparefixed .cardcompare-modalbtnlink a p img {
  margin-left: 2%;
  margin-top: 6px;
  width: 9%;
}

.maincontent.child .container .inner-container .card-comparefixed .cardcompare-modalbtnlink a p:after {
  background: transparent url(./../image/common/arrow_right_blue.png) no-repeat;
  background-size: 8px;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  right: 2%;
  top: 18%;
  -webkit-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear;
  width: 10%;
}

.querymodal {
  display: none;
  margin: 0 auto;
  margin-top: 30px;
  max-width: 80%;
}

.querymodal .querymodal-title {
  margin: 0 auto;
  margin-top: 25px;
  margin-bottom: 35px;
  width: 65%;
}

.querymodal .querymodal-title h1 {
  color: #000;
  font-size: 2vw;
  line-height: 1.875;
  text-align: center;
}

.querymodal .querymodal-item {
  border-right: 1px solid #ccc;
  display: inline-block;
  font-size: 0;
  letter-spacing: 0;
  margin-bottom: 40px;
  padding: 0 3%;
  padding-bottom: 20px;
  vertical-align: top;
  width: 32%;
}

.querymodal .querymodal-item:nth-child(4) {
  border-right: none;
}

.querymodal .querymodal-item .querymodal-imgsection {
  display: block;
  /* height: 20vw; */
  margin-bottom: 50px;
  width: 100%;
}

.querymodal .querymodal-item .querymodal-imgsection .querymodal-img {
  display: block;
  margin: 0 auto;
  position: relative;
  text-align: center;
  width: 200px;
}

.querymodal .querymodal-item .querymodal-imgsection .querymodal-img img {
  width: 100%;
}

.querymodal .querymodal-item .querymodal-imgsection .querymodal-img .querymodal-itemclosebtn {
  cursor: pointer;
  position: absolute;
  top: -9%;
  right: -15%;
}

.querymodal .querymodal-item .querymodal-imgsection .querymodal-img .querymodal-itemclosebtn img {
  width: 27px;
}

.querymodal .querymodal-item .querymodal-imgsection .querymodal-img .querymodal-itemclosebtn.disabled img {
  display: none;
}

.querymodal .querymodal-item .querymodal-imgsection .querymodal-cardcompareitemname p {
  font-size: 1.6rem;
  line-height: 1.875;
  margin-top: 20px;
  text-align: center;
}

.querymodal .querymodal-item .querymodal-imgsection .querymodal-confirm {
  margin-top: 20px;
  padding-bottom: 20px;
}

.querymodal .querymodal-item .querymodal-imgsection .querymodal-confirm.blue a {
  background: #173980;
}

.querymodal .querymodal-item .querymodal-imgsection .querymodal-confirm a {
  display: block;
  background: #c33c00;
  border-radius: 6px;
  margin: 0 auto;
  padding: 10px 0;
  position: relative;
  width: 90%;
}

.querymodal .querymodal-item .querymodal-imgsection .querymodal-confirm a p {
  color: #fff;
  display: block;
  font-size: 1.6rem;
  line-height: 1.875;
  margin: 0 auto;
  position: relative;
  background: url(/common-layout/images/icon_blank_WHT.png) no-repeat;
  background-position: 100%;
  background-size: 12px;
  width: 190px;
  text-align: center;
  left: -3%;
}

.querymodal .querymodal-item .querymodal-imgsection .querymodal-confirm.blue a p {
  background: none;
}

.querymodal .querymodal-item .querymodal-imgsection .querymodal-confirm a p img {
  margin-left: 10px;
  margin-top: 9px;
  width: 12px;
}

.querymodal .querymodal-item .querymodal-imgsection .querymodal-confirm.blue a p img {
  display: none;
}

.querymodal .querymodal-item .querymodal-imgsection .querymodal-confirm a:after {
  background: transparent url(./../image/common/arrow_right_white.png) no-repeat;
  background-size: 8px;
  content: "";
  display: block;
  height: 14px;
  position: absolute;
  right: 5%;
  top: 35%;
  -webkit-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear;
  width: 8px;
}

.querymodal .querymodal-item .querymodal-detailsection {
  display: block;
  margin-left: auto;
  width: 100%;
}

.querymodal .querymodal-item .querymodal-detailsection .querymodal-confirm {
  margin-top: 20px;
}

.querymodal .querymodal-item .querymodal-detailsection .querymodal-confirm.mt153 {
  margin-top: 153px;
}

.querymodal .querymodal-item .querymodal-detailsection .querymodal-confirm.blue a {
  background: #173980;
}

.querymodal .querymodal-item .querymodal-detailsection .querymodal-confirm a {
  display: block;
  background: #c33c00;
  border-radius: 6px;
  margin: 0 auto;
  padding: 10px 0;
  position: relative;
  width: 90%;
}

.querymodal .querymodal-item .querymodal-detailsection .querymodal-confirm a p {
  color: #fff;
  display: block;
  font-size: 1.6rem;
  line-height: 1.875;
  margin: 0 auto;
  position: relative;
  text-align: center;
}

.querymodal .querymodal-item .querymodal-detailsection .querymodal-confirm a p img {
  margin-left: 10px;
  margin-top: 9px;
  width: 12px;
}

.querymodal .querymodal-item .querymodal-detailsection .querymodal-confirm a:after {
  background: transparent url(./../image/common/arrow_right_white.png) no-repeat;
  background-size: 8px;
  content: "";
  display: block;
  height: 14px;
  position: absolute;
  right: 5%;
  top: 35%;
  -webkit-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear;
  width: 8px;
}

.querymodal .querymodal-item .querymodal-detailsection .table {
  border-collapse: collapse;
  color: #000;
  font-size: 1.6rem;
  line-height: 1.2;
  margin: 25px auto;
  text-align: left;
  width: 100%;
}

.querymodal .querymodal-item .querymodal-detailsection .table .tr {
  font-size: 0;
  display: block;
  letter-spacing: 0;
  margin-top: 20px;
}

.querymodal .querymodal-item .querymodal-detailsection .table .tr.mt45 {
  margin-top: 45px;
}

.querymodal .querymodal-item .querymodal-detailsection .table .tr:first-child {
  margin-top: 0;
}

.querymodal .querymodal-item .querymodal-detailsection .table .tr .th {
  background: #f0f3f8;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  display: block;
  height: auto !important;
  padding: 0;
  width: 100%;
  margin-top: 20px;
}

.querymodal .querymodal-item .querymodal-detailsection .table .tr .th p {
  bottom: auto;
  color: #00146e;
  font-size: 1.2rem;
  height: auto !important;
  left: auto;
  margin: auto;
  padding: 10px 0;
  position: relative;
  right: auto;
  top: auto;
  text-align: center;
  width: 100%;
}

.querymodal .querymodal-item .querymodal-detailsection .table .tr .td {
  display: block;
  font-size: 0;
  letter-spacing: 0;
  margin-left: auto;
  text-align: center;
  width: 100%;
}

.querymodal .querymodal-item .querymodal-detailsection .table .tr .td > table {
  width: 100%;
}

.querymodal .querymodal-item .querymodal-detailsection .table .tr .insiderow.rowblock {
  display: block;
  margin: 0 auto;
}

.querymodal .querymodal-item .querymodal-detailsection .table .tr .insiderow {
  display: inline-block;
  margin-top: 10px;
  vertical-align: top;
  width: 50%;
}

.querymodal .querymodal-item .querymodal-detailsection .table .tr .insiderow.outrow {
  width: 100%;
  text-align: center;
}

.querymodal .querymodal-item .querymodal-detailsection .table .tr .insiderow.insiderow100 {
  width: 100%;
}

.querymodal .querymodal-item .querymodal-detailsection .table .tr .insiderow.breakrow {
  width: 100%;
}

.querymodal .querymodal-item .querymodal-detailsection .table .tr .insiderow.breakrow + .insiderow {
  width: 100%;
}

.querymodal .querymodal-item .querymodal-detailsection .table .tr .insiderow.nobreak-sp {
  display: block;
  width: 100%;
}

.querymodal .querymodal-item .querymodal-detailsection .table .tr .insiderow .insiderowcol {
  display: block;
  margin: 0 auto;
  width: 100%;
}

.querymodal .querymodal-item .querymodal-detailsection .table .tr .insiderow .insiderowcol p {
  line-height: 1.1;
}

.querymodal .querymodal-item .querymodal-detailsection .table .tr p {
  display: block;
  font-size: 1.4rem;
  line-height: 1.475;
  margin-top: 10px;
  text-align: center;
}

.querymodal .querymodal-item .querymodal-detailsection .table .tr .insiderowcol:first-child p {
  margin-top: 18px;
}

.querymodal .querymodal-item .querymodal-detailsection .table .tr p.fs14 span {
  font-size: 1.4rem;
}

.querymodal .querymodal-item .querymodal-detailsection .table .tr p.pc-only {
  display: none;
}

.querymodal .querymodal-item .querymodal-detailsection .table .tr p span {
  font-size: 100%;
  line-height: 1.3;
}

.querymodal .querymodal-item .querymodal-detailsection .table .tr p span.big {
  font-size: 140% !important;
}

.querymodal .querymodal-item .querymodal-detailsection .table .tr p span.red {
  display: block;
  color: red;
  font-size: 100%;
}

.querymodal .querymodal-bottombtnlink {
  margin: 40px auto;
  width: 50%;
}

.querymodal .querymodal-bottombtnlink a {
  background: rgba(51, 51, 51, 0.8);
  border-radius: 3px;
  display: block;
  padding: 12px 0;
}

.querymodal .querymodal-bottombtnlink a p {
  color: #fff;
  font-size: 2.0rem;
  line-height: 1.75;
  position: relative;
  text-align: center;
}

.querymodal .querymodal-bottombtnlink a p:after {
  background: transparent url(./../image/common/arrow_left_white.png) no-repeat;
  background-size: 8px;
  content: "";
  display: block;
  height: 14px;
  position: absolute;
  left: 5%;
  top: 28%;
  -webkit-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear;
  width: 8px;
}

.fix-textlink:hover {
  text-decoration: underline;
  color: #fff;
}

.modal a.close-modal {
  background: url(./../image/common/btn_close.png) no-repeat;
  background-size: 29px 29px;
  display: block;
  height: 29px;
  right: 25px;
  top: 30px;
  width: 29px;
}

.modal a.close-modal:hover {
  border-bottom: 1px solid #333;
}

#wrap-container {
  padding-bottom: 20px;
}

.maincontent.child .container .inner-container .card-comparefixed .cardcompare-modalbtnlink a[href='#close-modal'] {
  opacity: 0.5;
}

/* ---------------------------------------------------------
list sp
----------------------------------------------------------*/
@media screen and (max-width: 768px) {
  .maincontent.child .container .inner-container .card-cardlist {
    margin-top: 25px;
  }
}



/* ---------------------------------------------------------
below breakpoint
----------------------------------------------------------*/
@media (min-width: 768px) and (max-width: 1199px) {
  .maincontent.child .container .inner-container .card-cardlist .cardlist-container .cardlist-allcard .cardlist-card a p {
    font-size: 1.3vw;
  }
  .maincontent.child .container .inner-container .card-cardlist .cardlist-container .cardlist-cards .cardlist-card a p {
    font-size: 1vw;
  }
  .maincontent.child .container .inner-container .card-cardlist .cardlist-container .cardlist-cards .cardlist-card a span.text-under-card{
    font-size: 1vw;
  }
  .maincontent.child .container .inner-container .card-cardlist .cardlist-container .cardlist-cards .cardlist-card a span.text-under-card--all {
    font-size: 1.3vw;
  }
  .maincontent.child .container .inner-container .card-cardcompare .card-topnote p {
    font-size: 1.4rem;
  }
  .maincontent.child .container .inner-container .card-cardcompare .card-topnote h2 {
    font-size: 1.4rem;
  }
  .maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-imgsection .card-checkbox p {
    margin-left: 5px;
    font-size: 1.7vw;
  }
  .maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-imgsection .card-confirm a p {
    font-size: 1.5vw;
  }
  .maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-imgsection .card-confirm a p img {
    margin-left: 5px;
    margin-top: 5%;
    width: 1vw;
  }
  .maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-detailsection .table .tr:first-child {
    margin-top: 0;
  }
	
  .maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-detailsection .table caption,
  .maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-detailsection .table .tr p {
    font-size: 1.4vw;
  }
  .maincontent.child .container .inner-container .card-bottombtnlink {
    margin: 0 auto;
    margin-top: 46px;
    width: 50%;
  }
  .maincontent.child .container .inner-container .card-bottombtnlink a {
    background: #333;
    border-radius: 6px;
    display: block;
    padding: 12px 0;
  }
  .maincontent.child .container .inner-container .card-bottombtnlink a p {
    color: #fff;
    font-size: 2.0rem;
    line-height: 1.75;
    position: relative;
    text-align: center;
  }
  .maincontent.child .container .inner-container .card-bottombtnlink a p:after {
    background: transparent url(./../image/common/arrow_left_white.png) no-repeat;
    background-size: 8px;
    content: "";
    display: block;
    height: 14px;
    position: absolute;
    left: 5%;
    top: 28%;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    width: 8px;
  }

  .maincontent.child .container .inner-container .card-comparefixed {
    width: 120px;
  }

  .maincontent.child .container .inner-container .card-comparefixed .cardcompare-title p {
    font-size: 1.4rem;
  }

  .maincontent.child .container .inner-container .card-comparefixed .cardcompare-item .cardcompare-itemclosebtn img {
    width: 13px;
  }

  .maincontent.child .container .inner-container .card-comparefixed .cardcompare-modalbtnlink {
    margin: 32px auto;
    width: 70%;
  }

  .maincontent.child .container .inner-container .card-comparefixed .cardcompare-modalbtnlink a p {
    font-size: 1.2rem;
  }

  .maincontent.child .container .inner-container .card-comparefixed .cardcompare-modalbtnlink a p:after {
    width: 11%;
    background-size: 5px;
  }
  .querymodal .querymodal-title h1 {
    color: #000;
    font-size: 1.3vw;
    line-height: 1.875;
    text-align: center;
  }
  .querymodal .querymodal-item .querymodal-imgsection .querymodal-img {
    display: block;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 100%;
  }
  .querymodal .querymodal-item .querymodal-imgsection .querymodal-img img {
    width: 100%;
  }
  .querymodal .querymodal-item .querymodal-imgsection .querymodal-img .querymodal-itemclosebtn img {
    width: 2.2vw;
  }
  .querymodal .querymodal-item .querymodal-imgsection .querymodal-cardcompareitemname p {
    font-size: 1.2vw;
  }
  .querymodal .querymodal-item .querymodal-imgsection .querymodal-confirm a p {
    font-size: 1.3vw;
    background-size: 7px;
    background-position: 98%;
    width: 90%;
  }
  .querymodal .querymodal-item .querymodal-imgsection .querymodal-confirm a p img {
    margin-left: 4px;
    margin-top: 6px;
    width: 1vw;
  }
  .querymodal .querymodal-item .querymodal-imgsection .querymodal-confirm a:after {
    background: transparent url(./../image/common/arrow_right_white.png) no-repeat;
    background-size: 0.5vw;
    content: "";
    display: block;
    height: 2vh;
    position: absolute;
    right: 0.5vw;
    top: 1.8vw;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    width: 0.5vw;
  }
  .querymodal .querymodal-item .querymodal-detailsection .querymodal-confirm a p {
    font-size: 1.3vw;
    background-size: 7px;
    background-position: 98%;
    width: 80%;
  }
  .querymodal .querymodal-item .querymodal-detailsection .querymodal-confirm a p img {
    margin-left: 4px;
    margin-top: 6px;
    width: 1vw;
  }
  .querymodal .querymodal-item .querymodal-detailsection .querymodal-confirm a:after {
    background: transparent url(./../image/common/arrow_right_white.png) no-repeat;
    background-size: 0.5vw;
    content: "";
    display: block;
    height: 2vh;
    position: absolute;
    right: 0.5vw;
    top: 1.8vw;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    width: 0.5vw;
  }
  .querymodal .querymodal-item .querymodal-detailsection .table .tr:first-child {
    margin-top: 0;
  }
  .querymodal .querymodal-item .querymodal-detailsection .table .tr .th p {
    font-size: 1.2rem;
  }
  .querymodal .querymodal-item .querymodal-detailsection .table .tr p {
    font-size: 1.3vw;
  }
  .querymodal .querymodal-bottombtnlink {
    margin: 46px auto 20px;
    width: 50%;
  }
  .querymodal .querymodal-bottombtnlink a {
    background: rgba(51, 51, 51, 0.8);
    border-radius: 6px;
    display: block;
    padding: 12px 0;
  }
  .querymodal .querymodal-bottombtnlink a p {
    color: #fff;
    font-size: 2.0rem;
    line-height: 1.75;
    position: relative;
    text-align: center;
  }
  .querymodal .querymodal-bottombtnlink a p:after {
    background: transparent url(./../image/common/arrow_left_white.png) no-repeat;
    background-size: 8px;
    content: "";
    display: block;
    height: 14px;
    position: absolute;
    left: 5%;
    top: 28%;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    width: 8px;
  }
}

/* ---------------------------------------------------------
common sp
----------------------------------------------------------*/
@media screen and (max-width: 768px) {
  .maincontent.child .container .inner-container .card-cardlist .cardlist-container .cardlist-cards {
    width: auto;
    margin-left: 0;
    text-align: center;
  }
  .maincontent.child .container .inner-container .card-cardlist .cardlist-container .cardlist-cards .cardlist-card {
    display: inline-block;
    padding: 5px 10px;
    vertical-align: top;
    width: 33.3%;
  }
  .maincontent.child .container .inner-container .card-cardlist .cardlist-container .cardlist-cards .cardlist-card a {
    padding: 0;
  }
  .maincontent.child .container .inner-container .card-cardlist .cardlist-container .cardlist-cards .cardlist-card:first-child {
    position: static;
    width: 33.3%;
  }
  /*.maincontent.child .container .inner-container .card-cardlist .cardlist-container .cardlist-card:last-child {
    margin-left: 25%;
    width: 50%;
  }*/
  .maincontent.child .container .inner-container .card-cardlist .cardlist-container .cardlist-cards .cardlist-card:first-child a {
    width: auto;
    padding: 0;
  }
  .maincontent.child .container .inner-container .card-cardlist .cardlist-container .cardlist-cards .cardlist-card:last-child .othercards {
    display: inline-block!important;
    text-decoration: underline;
  }
  .maincontent.child .container .inner-container .card-cardlist .cardlist-container .cardlist-cards .cardlist-card:nth-child(n+5) {
    margin-top: 0;
  }
  .maincontent.child .container .inner-container .card-cardlist .cardlist-container .cardlist-cards .cardlist-card a:hover,
  .maincontent.child .container .inner-container .card-cardlist .cardlist-container .cardlist-cards .cardlist-card:first-child a:hover,
  .maincontent.child .container .inner-container .card-cardlist .cardlist-container .cardlist-cards .cardlist-card.active a,
  .maincontent.child .container .inner-container .card-cardlist .cardlist-container .cardlist-cards .cardlist-card:active a {
    background: none;
  }
  .maincontent.child .container .inner-container .card-cardlist .cardlist-container .cardlist-cards .cardlist-card a img {
    display: block;
    margin: 0 auto;
    padding: 0 10px;
    vertical-align: middle;
    width: 75%;
  }
  .maincontent.child .container .inner-container .card-cardlist .cardlist-container .cardlist-cards .cardlist-card a p,
  .maincontent.child .container .inner-container .card-cardlist .cardlist-container .cardlist-cards .cardlist-card:first-child a p{
    display: block;
    width: auto;
    font-size: 1.0rem;
    line-height: 1.75;
    margin-top: 5px;
    text-align: center;
    text-decoration: underline;
    vertical-align: middle;
  }
  .maincontent.child .container .inner-container .card-cardlist .cardlist-container .cardlist-cards .cardlist-card a span.text-under-card{
    display: block;
    width: auto;
    font-size: 1.0rem;
    line-height: 1.75;
    margin-top: 5px;
    text-align: center;
    text-decoration: underline;
    vertical-align: middle;
  }
  .maincontent.child .container .inner-container .card-cardlist .cardlist-container .cardlist-cards .cardlist-card a span.text-under-card--all{
    font-size: 1.0rem;
    line-height: 1.75;
    margin-top: 5px;
    text-align: center;
    text-decoration: underline;
    vertical-align: middle;
  }
  .maincontent.child .container .inner-container .card-cardcompare {
    margin-top: 30px;
  }
  .maincontent.child .container .inner-container .card-cardcompare .card-topnote {
    margin-bottom: 40px;
  }
  .maincontent.child .container .inner-container .card-cardcompare .card-topnote p {
    font-size: 1.2rem;
  }
  .maincontent.child .container .inner-container .card-cardcompare .card-topnote h2 {
    font-size: 1.2rem;
  }
  .maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem {
    border-bottom: 1px solid #bbbdc1;
    font-size: 0;
    letter-spacing: 0;
    margin-bottom: 40px;
    padding-bottom: 20px;
  }
  .maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem:last-child {
    border-bottom: none;
  }
  .maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-cardcompareitemname {
    font-size: 1.8rem;
    line-height: 1.875;
    margin-bottom: 25px;
    text-align: center;
  }
  .maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-imgsection {
    display: block;
    width: 100%;
  }
  .maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-imgsection .card-img {
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 200px;
  }
  .maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-imgsection .card-checkbox {
    display: block;
    font-size: 0;
    letter-spacing: 0;
    margin: 0 auto;
    margin-top: 16px;
    width: 200px;
  }
  .maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-imgsection .card-checkbox .checkbox-container {
    margin-bottom: 20px;
  }
  .maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-imgsection .card-confirm {
    margin-top: 0;
  }
  .maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-imgsection .card-confirm a {
    display: block;
    margin: 0 auto;
    width: 90%;
  }
  .maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-detailsection {
    display: block;
    margin-left: auto;
    width: 100%;
  }
  .maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-detailsection .table .tr:first-child {
    margin-top: 0;
  }
  .maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-detailsection .table .tr .th {
    display: block;
    height: auto !important;
    margin-bottom: 0;
    padding: 0;
    width: 100%;
  }
  .maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-detailsection .table .tr .th p {
    bottom: auto;
    font-size: 1.2rem;
    height: auto !important;
    left: auto;
    margin: auto;
    padding: 4px 0;
    position: relative;
    right: auto;
    top: auto;
    text-align: center;
    width: 100%;
    transform: none;
  }
  .maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-detailsection .table .tr .td {
    display: block;
    font-size: 0;
    letter-spacing: 0;
    margin-left: auto;
    text-align: center;
    width: 100%;
  }
  .maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-detailsection .table .tr .td > table {
    width: 100%;
  }
  .maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-detailsection .table .tr .insiderow {
    display: inline-block;
    margin-top: 10px;
    vertical-align: top;
    width: 50%;
  }
  .maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-detailsection .table .tr .insiderow.outrow {
    width: 100%;
    text-align: center;
  }
  .maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-detailsection .table .tr .insiderow.insiderow100 {
    width: 100%;
  }
  .maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-detailsection .table .tr .insiderow.breakrow {
    width: 100%;
  }
  .maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-detailsection .table .tr .insiderow.breakrow + .breakrow {
    width: 100%;
  }
  .maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-detailsection .table .tr .insiderow.rowblock {
    display: block;
    margin: 0 auto;
  }
  .maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-detailsection .table .tr .insiderow.nobreak-sp {
    display: block;
    width: 100%;
  }
  .maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-detailsection .table .tr .insiderow .insiderowcol {
    display: block;
    margin: 0 auto;
    width: 100%;
  }
  .maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-detailsection .table table caption,
  .maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-detailsection .table .tr .insiderow .insiderowcol p {
    line-height: 1.1;
  }
  .maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-detailsection .table caption,
  .maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-detailsection .table .tr p {
    display: block;
    font-size: 1.4rem;
    line-height: 1.475;
    margin-top: 10px;
    text-align: center;
  }
  .maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-detailsection .table caption,
  .maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-detailsection .table .tr .insiderow .insiderowcol:first-child p {
    margin-top: 18px;
  }
  .maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-detailsection .table .tr p.pc-only {
    display: none;
  }
  .maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-detailsection .table .tr p span {
    font-size: 100%;
  }
  .maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-detailsection .table .tr p span.big {
    font-size: 160% !important;
  }
  .maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem .card-detailsection .table .tr p span.red {
    display: block;
    color: red;
    font-size: 100%;
  }
  .maincontent.child .container .inner-container .card-bottombtnlink {
    margin: 0 auto;
    margin-bottom: 40px;
    width: 100%;
  }
  .maincontent.child .container .inner-container .card-comparefixed {
    background: rgba(51, 51, 51, 0.8);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    bottom: 0;
    font-size: 0;
    left: 0;
    letter-spacing: 0;
    position: fixed;
    right: auto;
    top: auto;
    width: 100%;
    padding: 15px 10%;
    z-index: 9;
  }
  .maincontent.child .container .inner-container .card-comparefixed .cardcompare-title {
    display: none;
  }
  .maincontent.child .container .inner-container .card-comparefixed .cardcompare-item {
    display: inline-block;
    margin: 0 auto;
    position: relative;
    vertical-align: middle;
    width: 30%;
  }
  .maincontent.child .container .inner-container .card-comparefixed .cardcompare-item#sidecompare-02 {
    margin-left: 6%;
  }
  .maincontent.child .container .inner-container .card-comparefixed .cardcompare-item .cardcompare-itemclosebtn img {
    width: 5.5vw;
  }
  .maincontent.child .container .inner-container .card-comparefixed .cardcompare-addsign {
    display: inline-block;
    margin: 0 auto;
    vertical-align: middle;
    width: 6%;
  }
  .maincontent.child .container .inner-container .card-comparefixed .cardcompare-addsign img {
    display: block;
    margin: 0 auto;
    width: 12px;
  }
  .maincontent.child .container .inner-container .card-comparefixed .cardcompare-modalbtnlink {
    display: inline-block;
    margin: 0 auto;
    margin-left: 5%;
    vertical-align: middle;
    width: 29%;
  }
  .maincontent.child .container .inner-container .card-comparefixed .cardcompare-modalbtnlink a {
    background: #fff;
    border-radius: 6px;
    display: block;
    padding: 12px 0;
    cursor: pointer;
  }
  .maincontent.child .container .inner-container .card-comparefixed .cardcompare-modalbtnlink a p {
    color: #00146e;
    font-size: 2.7vw;
    line-height: 1.75;
    position: relative;
    text-align: center;
  }
  .maincontent.child .container .inner-container .card-comparefixed .cardcompare-modalbtnlink a p img {
    margin-left: 0.4vw;
    margin-top: 1vw;
    width: 2.5vw;
  }
  .maincontent.child .container .inner-container .card-comparefixed .cardcompare-modalbtnlink a p:after {
    background: transparent url(./../image/common/arrow_right_blue.png) no-repeat;
    background-size: 1vw;
    content: "";
    display: block;
    height: 2.9vw;
    position: absolute;
    right: 10%;
    top: 30%;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    width: 0.9vw;
  }
  .querymodal {
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
    width: 96%;
    height: auto;
    max-width: 100vw;
  }
  .querymodal .querymodal-title {
    margin: 0 auto;
    margin-top: 25px;
    margin-bottom: 35px;
    width: 65%;
  }
  .querymodal .querymodal-title h1 {
    color: #000;
    font-size: 2.2rem;
    line-height: 1.875;
    text-align: center;
  }
  .querymodal .querymodal-item {
    padding: 0 3%;
    width: 49%;
  }
  .querymodal .querymodal-item.only-pc {
    display: none;
  }
  .querymodal .querymodal-item:nth-child(3) {
    border-right: none;
  }
  .querymodal .querymodal-item .querymodal-imgsection .querymodal-img {
    padding-top: 20px;
    width: 100%;
  }
  .querymodal .querymodal-item .querymodal-imgsection .querymodal-img img {
    width: 75%;
  }
  .querymodal .querymodal-item .querymodal-imgsection .querymodal-img .querymodal-itemclosebtn {
    position: absolute;
    top: 0;
    right: -2%;
  }
  .querymodal .querymodal-item .querymodal-imgsection .querymodal-img .querymodal-itemclosebtn img {
    width: 20px;
  }
  .querymodal .querymodal-item .querymodal-imgsection .querymodal-cardcompareitemname p {
    font-size: 1.3rem;
    /* height: 70px; */
    line-height: 1.875;
  }
  .querymodal .querymodal-item .querymodal-imgsection .querymodal-confirm {
    margin-top: 10px;
  }
  .querymodal .querymodal-item .querymodal-imgsection .querymodal-confirm a {
    width: 90%;
  }
  .querymodal .querymodal-item .querymodal-imgsection .querymodal-confirm a p {
    background-size: 8px;
    font-size: 0.9rem;
    width: 95%;
  }
  .querymodal .querymodal-item .querymodal-imgsection .querymodal-confirm a p img {
    margin-left: 2px;
    margin-top: 4px;
    width: 8px;
  }
  .querymodal .querymodal-item .querymodal-imgsection .querymodal-confirm a:after {
    background: transparent url(./../image/common/arrow_right_white.png) no-repeat;
    background-size: 6px;
    content: "";
    display: block;
    height: 12px;
    position: absolute;
    right: 5px;
    top: 35%;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    width: 8px;
  }
  .querymodal .querymodal-item .querymodal-detailsection .querymodal-confirm {
    margin-top: 10px;
  }
  .querymodal .querymodal-item .querymodal-detailsection .querymodal-confirm a {
    width: 90%;
  }
  .querymodal .querymodal-item .querymodal-detailsection .querymodal-confirm a p {
    font-size: 0.9rem;
    width: 70%;
  }
  .querymodal .querymodal-item .querymodal-detailsection .querymodal-confirm a p img {
    margin-left: 2px;
    margin-top: 4px;
    width: 8px;
  }
  .querymodal .querymodal-item .querymodal-detailsection .querymodal-confirm a:after {
    background: transparent url(./../image/common/arrow_right_white.png) no-repeat;
    background-size: 6px;
    content: "";
    display: block;
    height: 12px;
    position: absolute;
    right: 5px;
    top: 35%;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    width: 8px;
  }
  .querymodal .querymodal-item .querymodal-detailsection .table .tr:first-child {
    margin-top: 0;
  }
  .querymodal .querymodal-item .querymodal-detailsection .table .tr p {
    font-size: 1.0rem;
  }
  .querymodal .querymodal-bottombtnlink {
    margin: 0 auto 60vw;
    width: 89%;
  }
  .querymodal .querymodal-bottombtnlink a p {
    font-size: 1.6rem;
  }
  .maincontent.child .container .inner-container .card-cardcompare .card-cardcompareitem {
    width: 100%;
  }

  .querymodal .querymodal-item .querymodal-detailsection .table .tr .insiderow.block {
    display: block;
    width: 100%;
  }

  .querymodal .querymodal-item .querymodal-imgsection{

  }

  .querymodal .querymodal-item .querymodal-imgsection .querymodal-cardcompareitemname p {
    margin-top: 8px;
  }

  .querymodal .querymodal-item .querymodal-detailsection .table .tr p.fs14 span {
    font-size: 1.2rem;
  }

  .querymodal .querymodal-item .querymodal-detailsection .table .tr.mt130 {
    margin-top: 130px;
  }

  .querymodal .querymodal-item .querymodal-detailsection .querymodal-confirm.mt153 {
    margin-top: 176px;
  }

  .modal {
    border-radius: 0;
    top: -8px;
  }

  .modal a.close-modal {
    right: 14px;
    top: 14px;
  }

  .querymodal .querymodal-item .querymodal-imgsection {
    margin-bottom: 30px;
  }
}

/* fix modal-card-images */
.querymodal .querymodal-item .querymodal-imgsection.fixtop {
  background-color: #fff;
  /* height: 235px; */
  position: fixed;
  padding-top: 22px;
  top: 0;
  width: 19.1%;
  z-index: 99;
}

.querymodal .querymodal-item .querymodal-imgsection.fixtop + .querymodal-detailsection {
  padding-top: 200px; /* 動的に取得するよう書き直す */
}

@media screen and (min-width: 768px) {
  .querymodal .querymodal-item .querymodal-imgsection.fixtop + .querymodal-detailsection {
    padding-top: 296px; /* 動的に取得するよう書き直す */
  }

  .querymodal .querymodal-item .querymodal-imgsection.fixtop {
    /* height: 268px; */
  }
}