@charset "utf-8";

@media only screen and (max-width: 579px) {
  /* --------------------------------
SP Only Styles
-------------------------------- */

  /*	Common class
============================================== */

  .pc_only {
    display: none !important;
  }
  .sp_only {
    display: block !important;
  }
  img.sp_only {
    display: inline-block !important;
  }
  .pc_only_inline {
    display: none !important;
  }
  .sp_only_inline {
    display: inline !important;
  }
  .br_pc_only {
    display: inline !important;
  }
  .br_sp_only {
    display: block !important;
  }

  .sp-overflow-scroll {
    overflow: scroll;
  }

  /*	Common
============================================== */

  h2 {
    font-size: 20px;
  }
  h3 {
    font-size: 18px;
  }
  h4 {
    font-size: 16px;
  }
  p,
  ul {
    font-size: 15px;
    line-height: 1.4;
  }
  .title-1-2 {
    padding-top: 3.5em;
    margin-top: -2.5em;
  }
  .title-1-2 {
    font-size: 18px;
  }

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

  #header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background-color: #0058a2;
  }
  #header.fixed {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  }
  #header .site-inner {
    padding-top: 13px;
    padding-bottom: 8px;
  }
  #header .header-inner {
    width: 96%;
    padding-left: 2%;
    padding-right: 2%;
  }
  #header .header_logo {
    width: 65%;
  }
  #header .header_logo img {
    margin-top: 4px;
    margin-bottom: 4px;
    width: 100%;
  }
  #header .header_logo span {
    display: block;
    color: #fff;
    font-size: 11px;
    margin-bottom: 0px;
  }

  /*	#footer
============================================== */

  #footer-wrapper {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
  }
  #footer-wrapper.hide {
    display: none !important;
  }
  #footer .footer-content-1 {
    width: 91.66666667%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 8px;
    padding-right: 8px;
  }
  #footer .copyright {
    text-align: center;
  }
  #footer .logo {
    text-align: center;
  }

  /*	.float-content
============================================== */

  #pagetop {
    right: 10px;
  }
  #pagetop,
  .float-content .print-wrap {
    display: block;
    position: fixed;
    bottom: 10px;
    width: 66px;
    z-index: 101;
    height: 60px;
  }
  #pagetop a::after {
    background-image: url("https://sbisec.akamaized.net/sbisec/images/static/2025/assets_common_icon_page_top_001.png");
    background-size: 80%;
    background-position: 50% 10%;
  }

  /*	#contents
============================================== */

  #contents {
    padding-top: 63px;
  }

  /*	#main
============================================== */

  #nav-wrapper {
    padding-top: 10px;
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 91.66666667%;
  }
  #nav-box {
    top: 0 !important;
  }
  #nav-inner {
    overflow: hidden;
    height: inherit !important;
  }
  #main {
    display: block;
    position: relative;
    float: none;
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 19px;
  }
  #main.hide {
    display: none !important;
  }
  .pc-screen-1 .image {
    width: 100%;
  }
  .pc-screen-2 .image {
    width: 100%;
    text-align: center;
  }
  .pc-screen-2 .desc {
    width: 100%;
  }
  .smp-screen-1 .image {
    width: 100%;
    text-align: center;
  }
  .table-1 {
    min-width: 500px;
  }
  .carousel-slider .slick-slider {
    padding: 6% 10%;
  }
  .carousel-slider .slick-slide {
    padding: 0 8px 8px;
  }
  #child-nav-info .nav-info {
    padding-left: 0;
    padding-right: 0;
    font-size: 17px;
  }
  #child-nav-info .col1,
  .col2 {
    width: 100%;
    float: none;
  }
  #child-nav-info ul.navThird li {
    font-size: 15px;
  }
  #child-nav-info ul.navThird li::before {
    display: block;
    position: absolute;
    left: 5px;
    top: 8px;
    width: 20px;
    height: 20px;
    content: " ";
    background-image: url("https://sbisec.akamaized.net/sbisec/images/static/2025/assets_common_icon_arrow_right_003.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    z-index: 1;
  }
  video::-webkit-media-controls-play-button {
    display: none;
  }

  .page-move-link {
    margin-left: 0;
    padding-left: 0;
    padding: 1px;
    margin-top: 20px;
    text-align: left;
  }
  .page-move-link ul {
    background-color: #fff;
    padding: 0px;
  }
  .page-move-link li {
    list-style: none;
    margin-right: 2%;
    display: inline-block;
    width: 100%;
    margin-bottom: 12px;
  }
  .page-move-link li:last-child {
    margin-right: 0;
    margin-bottom: 0;
  }
  .page-move-link li a {
    background-color: #d7e9ff;
    border-radius: 4px;
    color: #044580;
    padding: 12px 2px;
    text-decoration: none;
    font-size: 16px;
    display: inline-block;
    width: 100%;
    text-align: center;
  }

  /*	HOME
============================================== */

  body#home #header.fixed {
    position: inherit;
  }
  body#home #main {
    display: block;
    position: relative;
    float: none;
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 19px;
  }
  body#home #main h2.title {
    float: none;
    margin-left: auto;
    margin-right: auto;
    padding-top: 124px;
    color: #0058a2;
  }
  body#home #child-nav-info {
    margin-bottom: 20px;
  }
  body#home #child-nav-info .col1,
  body#home #child-nav-info .col2,
  body#home #child-nav-info .col3,
  body#home #child-nav-info .col4 {
    display: block;
    position: relative;
    width: 96%;
    float: none;
    margin-right: 2%;
    margin-left: 2%;
  }
  body#home #child-nav-info .col3 {
    margin-right: 0%;
  }

  body#home #main p.desc {
    float: none;
    margin-left: auto;
    margin-right: auto;
    padding-top: 40px;
    padding-bottom: 124px;
    color: #0058a2;
    font-size: 20px;
    text-align: left;
  }
  body#home #child-nav-info ul.navThird li {
    font-size: 14px;
    padding-top: 0.2em;
    padding-left: 0.8em;
  }

  body#home #child-nav-info .col1.merge2,
  body#home #child-nav-info .col2.merge2,
  body#home #child-nav-info .col3.merge2 {
    width: 100%;
  }

  body#home #child-nav-info .col1.merge2 > ul,
  body#home #child-nav-info .col2.merge2 > ul,
  body#home #child-nav-info .col3.merge2 > ul {
    width: 100%;
    margin-right: 0;
    float: none;
  }

  body#home #child-nav-info .col1.merge3 > ul,
  body#home #child-nav-info .col2.merge3 > ul,
  body#home #child-nav-info .col3.merge3 > ul {
    width: 100%;
    margin-right: 0;
    float: none;
  }
}