@charset "UTF-8";
.paylink {
  position: absolute;
  top: -130px;
  left: 40px;
}
/***** footer部分 *****/
footer {
  background-color: rgba(255, 255, 255, 0);
  height: 30vh;
  width: 100%;
} /*下地*/
.fotter-container {
  height: 100%;
  width: 100%;
  padding-top: 0 0 0 0;
  box-sizing: border-box;
} /*中骨格*/
.fotter-container::before, .container::after {
  display: none;
}

#footer-haikei {
  border-radius: 8px;
  margin-top: 0px;
  margin-bottom: 0px; /*要らないかも*/
  height: 30vh;
  box-sizing: border-box;
} /*背景*/
#footer_tab_wrap {
  width: 100%;
  height: 100%;
  margin: auto;
  flex-wrap: wrap;
  display: flex;
  flex-grow: 1;
}

/***** footerタブ中身部分 *****/
.footer_tab_class {
  width: 33.3333333333%;
  height: 10%;
  border-top-right-radius: 0px;
  margin-left: 0rem;
  line-height: 0px; /*background:linear-gradientはstyle*/
  font-size: 1.2rem;
  border: 1px solid #333;
  display: block;
  order: -1; /*shadowはstyle*/
}
.footer_tab_class p {
  text-align: center;
  height: 101%;
  line-height: 101%;
}

input[name=footer_tab_name] {
  display: none;
}

input:checked + .footer_tab_class {
  color: white;
  background: linear-gradient(#0155AB, #5E9BC6);
}

.footer_content_class {
  display: none;
  width: 100%;
  height: 50%;
  flex-grow: 2;
}

input:checked + .footer_tab_class + .footer_content_class {
  display: block;
}

/***** footer1ページ目の中身 *****/
#footer-page-1 {
  height: 90%;
  flex-grow: 2;
}
#footer-page-1 .footer-page-1-top {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  flex-direction: row;
  width: 100%;
  height: 45%;
}
#footer-page-1 .footer-page-1-top a {
  flex-grow: 1;
  height: 100%;
  position: relative;
}
#footer-page-1 .footer-page-1-top a:active {
  color: none;
}
#footer-page-1 .footer-page-1-bottom {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  flex-direction: row;
  width: 100%;
  height: 45%;
}
#footer-page-1 .footer-page-1-bottom a {
  flex-grow: 1;
  height: 100%;
  position: relative;
}
#footer-page-1 .footer-page-1-bottom a:active {
  color: none;
}

.menu-1-warp, .menu-2-warp, .menu-3-warp, .menu-4-warp, .menu-5-warp,
.menu-6-warp, .menu-7-warp, .menu-8-warp, .menu-9-warp, .menu-10-warp,
.menu-11-warp, .menu-12-warp, .menu-13-warp, .menu-14-warp, .menu-15-warp {
  width: 100%;
  height: 100%;
  position: relative;
}

#standard-icon-1 {
  height: 100%;
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  align-items: flex-start;
  justify-content: center;
}
#standard-icon-1 .icon {
  height: 50%;
  display: block;
  margin: auto auto;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
#standard-icon-1 p {
  position: absolute;
  font-size: 2rem;
  margin: 0px auto 0px auto;
}

#standard-icon-2 {
  height: 100%;
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  align-items: flex-start;
  justify-content: center;
}
#standard-icon-2 .icon {
  height: 50%;
  display: block;
  margin: auto auto;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
#standard-icon-2 p {
  position: absolute;
  font-size: 2rem;
  margin: 0px auto 0px auto;
}

#standard-icon-3 {
  height: 100%;
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  align-items: flex-start;
  justify-content: center;
}
#standard-icon-3 .icon {
  height: 50%;
  display: block;
  margin: auto auto;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
#standard-icon-3 p {
  position: absolute;
  font-size: 2rem;
  margin: 0px auto 0px auto;
}

#standard-icon-4 {
  height: 100%;
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  align-items: flex-start;
  justify-content: center;
}
#standard-icon-4 .icon {
  height: 50%;
  display: block;
  margin: auto auto;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
#standard-icon-4 p {
  position: absolute;
  font-size: 2rem;
  margin: 0px auto 0px auto;
}

#standard-icon-5 {
  height: 100%;
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  align-items: flex-start;
  justify-content: center;
}
#standard-icon-5 .icon {
  height: 50%;
  display: block;
  margin: auto auto;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
#standard-icon-5 p {
  position: absolute;
  font-size: 2rem;
  margin: 0px auto 0px auto;
}

/*** footer1ページ目の中身 end ***/
/***** footer2ページ目の中身 *****/
#footer-page-2 {
  height: 100%;
  flex-grow: 2;
}
#footer-page-2 .footer-page-2-top {
  width: 100%;
  height: 50%;
  box-sizing: border-box;
  display: flex;
  flex-grow: 2;
  justify-content: space-around;
  flex-wrap: wrap;
}
#footer-page-2 .footer-page-2-top a {
  flex-grow: 1;
  height: 100%;
}
#footer-page-2 .footer-page-2-top a #advance-icon-1 {
  height: 100%;
}
#footer-page-2 .footer-page-2-top a #advance-icon-1 .img {
  padding-top: 10px;
  padding-bottom: 10px;
}
#footer-page-2 .footer-page-2-top a #advance-icon-2 {
  height: 100%;
}
#footer-page-2 .footer-page-2-top a #advance-icon-2 .img {
  padding-top: 10px;
  padding-bottom: 10px;
}
#footer-page-2 .footer-page-2-top a #advance-icon-3 {
  height: 100%;
}
#footer-page-2 .footer-page-2-top a #advance-icon-3 .img {
  padding-top: 10px;
  padding-bottom: 10px;
}
#footer-page-2 .footer-page-2-bottom {
  width: 100%;
  height: 50%;
  box-sizing: border-box;
  display: flex;
  flex-grow: 2;
  justify-content: space-around;
  flex-wrap: wrap;
}
#footer-page-2 .footer-page-2-bottom a {
  flex-grow: 1;
  height: 100%;
}
#footer-page-2 .footer-page-2-bottom a #advance-icon-4 {
  flex-grow: 1;
  height: 100%;
}
#footer-page-2 .footer-page-2-bottom a #advance-icon-4 .img {
  padding-top: 10px;
  padding-bottom: 10px;
}
#footer-page-2 .footer-page-2-bottom a #advance-icon-5 {
  flex-grow: 1;
  height: 100%;
}
#footer-page-2 .footer-page-2-bottom a #advance-icon-5 .img {
  padding-top: 10px;
  padding-bottom: 10px;
}

/**** footer2ページ目の中身 end ****/
/***** footer3ページ目の中身 *****/
#footer-page-3 {
  height: 100%;
  flex-grow: 2;
}
#footer-page-3 .footer-page-3-top {
  width: 100%;
  height: 50%;
  box-sizing: border-box;
  display: flex;
  flex-grow: 2;
  justify-content: space-around;
  flex-wrap: wrap;
}
#footer-page-3 .footer-page-3-top a {
  flex-grow: 1;
  height: 100%;
}
#footer-page-3 .footer-page-3-top a #platinum-icon-1 {
  height: 100%;
}
#footer-page-3 .footer-page-3-top a #platinum-icon-1 .img {
  padding-top: 10px;
  padding-bottom: 10px;
}
#footer-page-3 .footer-page-3-top a #platinum-icon-2 {
  height: 100%;
}
#footer-page-3 .footer-page-3-top a #platinum-icon-2 .img {
  padding-top: 10px;
  padding-bottom: 10px;
}
#footer-page-3 .footer-page-3-top a #platinum-icon-3 {
  height: 100%;
}
#footer-page-3 .footer-page-3-top a #platinum-icon-3 .img {
  padding-top: 10px;
  padding-bottom: 10px;
}
#footer-page-3 .footer-page-3-bottom {
  width: 100%;
  height: 50%;
  box-sizing: border-box;
  display: flex;
  flex-grow: 2;
  justify-content: space-around;
  flex-wrap: wrap;
}
#footer-page-3 .footer-page-3-bottom a {
  flex-grow: 1;
  height: 100%;
}
#footer-page-3 .footer-page-3-bottom a #platinum-icon-4 {
  flex-grow: 1;
  height: 100%;
}
#footer-page-3 .footer-page-3-bottom a #platinum-icon-4 .img {
  padding-top: 10px;
  padding-bottom: 10px;
}
#footer-page-3 .footer-page-3-bottom a #platinum-icon-5 {
  flex-grow: 1;
  height: 100%;
}
#footer-page-3 .footer-page-3-bottom a #platinum-icon-5 .img {
  padding-top: 10px;
  padding-bottom: 10px;
}

/**** footer3ページ目の中身 end ****/
/*# sourceMappingURL=footer.css.map */