@charset "UTF-8";

html, body {
  font-family: "Noto Sans JP", \30d2 \30e9 \30ae \30ce \89d2 \30b4 \20 \50 \72 \6f \20 \57 \33 , Hiragino Kaku Gothic Pro, Meiryo, Helvetica Neue, Arial sans-serif;}

/**********************
 * Reset
 ***********************/
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: inherit;
}

html {
  position: relative;
  box-sizing: border-box;
  background-color: #fff;
  font-size: 68% !important;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  overflow-y: scroll;
}

body {
  font-size: 1.6rem !important;
  line-height: 2 !important;
  letter-spacing: .08em;
  overflow: hidden;
}

article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section,
svg {
  display: block;
}

a,
button,
select,
input[type='radio'],
input[type='checkbox'] {
  color: inherit;
  font: inherit;
  cursor: pointer;
}

input[type='text'],
input[type='tel'],
input[type='password'],
textarea,
label {
  color: inherit;
  font: inherit;
  cursor: text;
}

button,
input[type='text'],
input[type='tel'],
input[type='password'] {
  background: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

ul,
ol {
  list-style: none;
}

table {
  border-collapse: collapse;
  table-layout: fixed;
}

th,
dt {
  font-weight: normal;
}

b {
  font-weight: bold;
}

i,
em,
strong {
  font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6,
small {
  font-weight: normal;
  font-size: 1em;
}

sup,
sub {
  font-size: .75em;
}

sup {
  vertical-align: top;
}

sub {
  vertical-align: bottom;
}

img {
  max-width: 100%;
  vertical-align: bottom;
}

@media only screen and (max-width: 768px) {
  body {
    font-size: 1.4rem !important;
  }
}

/**********************
 * header
 ***********************/
.tokiomarineam-logo {
  display: block;
  width: auto;
  height: 26px;
}
@media only screen and (max-width: 768px) {
  .header {
    transform: unset !important;
  }
  .tokiomarineam-logo {
    height: 21px;
  }
}

/**********************
 * footer
 ***********************/
.corporate-footer .footer-container .footer-items {
  font-size: 12px;
  line-height: 1 !important;
  letter-spacing: 0;
}
.corporate-footer .footer-container .footer-page-top {
  font-size: 14px;
}
.corporate-footer .footer-container .footer-page-top img {
  vertical-align: baseline;
}

/**********************
 * Frame
 ***********************/
#keyvisual {
  background-color: #f8f6ef;
}

#keyvisual .paragraph-01 {
  background: url(https://sbisec.akamaized.net/sbisec/images/static/2025/tmam_space_space_main.png) #000 center right no-repeat;
  background-size: cover;
  font-size: 2rem !important;
  line-height: 1.5;
  color: #fff;
  padding: 0 30px;
  width: 100%;
  min-height: 600px;
  text-shadow: 2px 2px 5px #132332;
}

#keyvisual .paragraph-01 > .inner {
  position: relative;
  margin: 0 auto;
  padding: 100px 0 30px;
  max-width: 1300px;
  width: 100%;
}
#keyvisual .paragraph-01 > .inner > .bnr-02 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: .5em;
}
#keyvisual .paragraph-01 > .inner > .bnr-02 img {
  filter: drop-shadow(0 0 10px #0a1927) drop-shadow(0 0 15px #0a1927) drop-shadow(0 0 15px #0a1927) drop-shadow(0 -5px 5px #0a1927);
  display: block;
  width: 200px;
}
#keyvisual .paragraph-01 > .inner > .bnr-02 .label-01 {
  filter: drop-shadow(0 0 10px #0a1927) drop-shadow(0 0 15px #0a1927) drop-shadow(0 5px 10px #0a1927) drop-shadow(0 -5px 5px #0a1927);
  border: 1px solid #fff;
  border-radius: calc(infinity * 1px);
  color: #fff;
  display: inline-block;
  font-size: 1.1rem !important;
  padding: 8px 10px;
}
#keyvisual .paragraph-01 > .inner > h1 {
  font-size: 6rem !important;
  font-weight: bold;
  margin: .3em 0;
  color: #fff;
  text-shadow: 5px 5px 5px #132332;
  line-height: 1.4;
}


#keyvisual .paragraph-01 .logo {
  position: absolute;
  top: 32px;
  left: 0;
}

#keyvisual .paragraph-01 > .inner > .bnr-01 {
  margin: 0 auto;
  padding: 90px 0 0;
}
#keyvisual .paragraph-01 > .inner > .bnr-01 img {
  width: 324px;
}

.innernote {
  font-size: 1.4rem !important;
  color : #000;
  text-shadow:
    0 0 1em #fff,
    0 0 0.2em #fff;
  font-weight: bold;
  margin-top: 3px;
  margin-left: 15px;
}
.sbinote {
  font-size: 1.2rem !important;
  color : #fff;
  text-shadow: 5px 5px 5px #132332;
  font-weight: bold;
}



@media only screen and (max-width: 768px) {
  #keyvisual .paragraph-01 {
    background-position: 90% center;
    display: table;
    font-size: 1.4rem !important;
    padding: 0 10px;
    height: auto;
    min-height: unset;
  }
  #keyvisual .paragraph-01 > .inner {
    display: table-cell;
    vertical-align: bottom;
    padding: 3em 0 1em;
  }
  #keyvisual .paragraph-01 > .inner > .bnr-02 img {
    filter: drop-shadow(0 -3px 10px #0a1927) drop-shadow(0 0 15px #0a1927) drop-shadow(0 0 15px #0a1927) drop-shadow(0 -5px 5px #0a1927);
    width: 160px;
  }
  #keyvisual .paragraph-01 > .inner > .bnr-02 .label-01 {
    font-size: 1rem !important;
    padding: 5px 10px;
  }
  #keyvisual .paragraph-01 > .inner > h1 {
    filter: drop-shadow(0 0 5px #132332);
    font-size: 2.9rem !important;
    line-height: 1.3;
    text-shadow: unset;
  }
  #keyvisual .paragraph-01 > .inner > h1 + p {
    filter: drop-shadow(0 0 5px #132332);
  }
  #keyvisual .paragraph-01 .logo {
    top: 20px;
    width: 60px;
  }
  .sbinote {
    font-size: 1rem !important;
    filter: drop-shadow(0 0 5px #132332);
    text-shadow: unset;
  }
}

@media only screen and (max-width: 850px) {
    #keyvisual .paragraph-01 > .inner > .bnr-01 {
      text-align: center;
      padding-top: 64px;
    }
  #keyvisual .paragraph-01 > .inner > .bnr-01 img {
    width: 50%;
    }
  .innernote {
    font-size: 1.2rem !important;
    text-shadow:
      0 0 1em #fff,
      0 0 0.2em #fff;
    margin-left: auto;
    margin-right: auto;
  }
}

#link-follow {
  position: fixed;
  bottom: 50%;
  right: 0;
  z-index: 99;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-align: center;
  transform: translateY(50%);
}

#link-follow > p > a {
  display: inline-block;
  position: relative;
  text-decoration: none;
  background-color: #219ebc;
  border: solid #219ebc 2px;
  box-shadow: -3px 3px 3px rgba(0, 0, 0, 0.3);
  color: #fff;
  padding: 1.5em 12px 2.5em;
  transition: background-color .6s, color .6s;
  will-change: background-color, color;
}

#link-follow > p > a:hover, #link-follow > p > a:focus, #link-follow > p > a:active {
  background-color: #fff;
  color: #219ebc;
}

#link-follow > p > a:hover::before, #link-follow > p > a:focus::before, #link-follow > p > a:active::before {
  border-color: #219ebc;
}

#link-follow > p > a::before {
  content: "";
  display: block;
  position: absolute;
  left: calc(50% - 3.5px);
  bottom: 1em;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  transition: border-color .6s;
  will-change: border-color;
}

@media only screen and (max-width: 768px) {
  #link-follow {
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.8);
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
    transform: none;
    padding: 0 10px;
  }
  #link-follow > p {
    padding: .6em 0 .8em;
  }
  #link-follow > p > a {
    padding: .5em 12px .5em 36px;
  }
  #link-follow > p > a::before {
    left: 12px;
    bottom: calc(50% - 3.5px);
  }
}

/**********************
 * Layout
 ***********************/
.lyt-sec-00 {
  position: relative;
  background-color: black;
  padding: 0 30px;
  z-index: 0;   
    background: url(https://sbisec.akamaized.net/sbisec/images/static/2025/tmam_space_bk.png) #f2f2f2 center top/cover no-repeat;
    background-size: cover;
}

.lyt-sec-00::before{
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0,0,0,0.7);
}

.lyt-sec-00 .area-01 {
  position: relative;
  z-index: 1;
  text-align: center;
  margin: 0 auto;
  padding: 3.6em 0 .5em;
  max-width: 960px;
  width: 100%;
}

.lyt-sec-00 .area-01 p {
  color: #fff;
}

.lyt-sec-00 .area-01 .hdg-sec-01 {
  font-size: 3.5rem !important;
  font-weight: bold;
  line-height: 1.2;
  color: #8ecae6;
  text-align: center;
  margin-bottom: .7em;
}
.lyt-sec-00 .area-01 .hdg-sec-02 {
  font-size: 2.8rem !important;
  font-weight: bold;
  line-height: 1.2;
  color: #8ecae6;
  text-align: center;
  margin-bottom: .8em;
  margin-top: 1.5em;
}

.lyt-sec-00 .area-01 .hdg-sec-01b {
    display: flex;
    align-items: center;
    font-size: 3.2rem !important;
    font-weight: bold;
    color: #9d956c;
    text-align: center;
    margin-bottom: 1.0em;
   margin-top: 1.0em;
  line-height: 1.2;
}

.lyt-sec-00 .area-01 .hdg-sec-01b::before, .lyt-sec-00 .area-01 .hdg-sec-01b::after {
    content: "";
    display: block;
    background: #9d956c;
    background: linear-gradient(to right, #9d956c, #9d956c 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 2px);
    background-size: 2px 1px;
    height: 1px;
    flex-grow: 1;
}
.lyt-sec-00 .area-01 ul {
   text-align: left;
}

@media only screen and (max-width: 768px){
.lyt-sec-00 {
    padding: 0 10px;
}
.lyt-sec-00 .area-01 {
    padding: 2.4em 0 2.5em;
    text-align: left;
}
.lyt-sec-00 .area-01 .hdg-sec-01 {
   font-size: 2.8rem !important;
}
.lyt-sec-00 .area-01 .hdg-sec-01b {
    font-size: 1.8rem !important;
    font-weight: 1.5;
    margin-bottom: 1.2em;
}
.lyt-sec-00 .area-01 .hdg-sec-02 {
  font-size: 2.0rem !important;
}
}

.lyt-sec-01 {
  position: relative;
  padding: 0 60px; 
  background-color: #F6F9FA;
}

.lyt-sec-01 .area-01 {
  position: relative;
  z-index: 1;
  text-align: center;
  margin: 0 auto;
  padding: 2.8em 0 2.2em;
  max-width: 960px;
  width: 100%;
}

.lyt-sec-01 .area-01 > :last-child {
  margin-bottom: 0 !important;
}


.lyt-sec-01 .area-01 ul {
  text-align: left;
}

.lyt-sec-01 .area-02 .lyt-img-01 {
  text-align: center;
  margin-bottom: 20px;
}

.lyt-sec-01 .area-01 .hdg-sec-01 {
  font-size: 3.5rem !important;
  font-weight: bold;
  line-height: 1.2;
  color: #8ecae6;
  text-align: center;
  margin-bottom: .4em;
  text-shadow: 2px 2px 5px #219ebc;
}

img {
    vertical-align: top;
    font-size: 0;
    line-height: 0;
    -webkit-backface-visibility: hidden;
    image-rendering: -webkit-optimize-contrast;
}

.lyt-sec-01 .area-01 p {
    color: #fff;
}

.lyt-sec-01 .area-02 .hdg-sec-02 {
    display: flex;
    align-items: center;
    font-size: 2.3rem !important;
    font-weight: bold;
    color: #2F5579;
    text-align: center;
    margin-bottom: .7em;
    margin-top: 1.0em;
}



.lyt-sec-01 .area-02 .hdg-sec-02::before, .lyt-sec-01 .area-02 .hdg-sec-02::after {
    content: "";
    display: block;
    background: #2F5579;
    background: linear-gradient(to right, #2F5579, #2F5579 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 2px);
    background-size: 2px 1px;
    height: 1px;
    flex-grow: 1;
}

.lyt-sec-01 .area-02 {
  position: relative;
  z-index: 0;
  margin: 0 auto;
  padding: .5em 0 3.5em;
  max-width: 960px;
  width: 100%;
}

.lyt-sec-01 .area-01::before {
    content: "";
    background-color: #132332;
    display: block;
    position: absolute;
    top: 0;
    left: calc(50% - 50vw);
    bottom: 0;
    width: 100vw;
    z-index: -1;
}

.lyt-sec-01 .area-02 > :last-child {
  margin-bottom: 0 !important;
}

.lyt-sec-01 .area-02 .hdg-sec-01 {
  display: flex;
  align-items: center;
  font-size: 3.2rem !important;
  font-weight: bold;
  color: #9d956c;
  text-align: center;
  margin-bottom: .5em;
}

.lyt-sec-01 .area-02 .hdg-sec-01::before, .lyt-sec-01 .area-02 .hdg-sec-01::after {
  content: "";
  display: block;
  background: #9d956c;
  background: linear-gradient(to right, #9d956c, #9d956c 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 2px);
  background-size: 2px 1px;
  height: 1px;
  flex-grow: 1;
}

.lyt-sec-01 .area-02 .hdg-sec-01 > span {
  display: inline-block;
  padding: 0 12px;
}



@media only screen and (max-width: 768px) {
  .lyt-sec-01 {
    padding: 0 10px;
  }
  .lyt-sec-01 .area-01 {
    padding: 2.4em 0 2.5em;
    text-align: left;
  }
  .lyt-sec-01 .area-01 .hdg-sec-01 {
    font-size: 2.8rem !important;
    line-height: 1.4;
  }

 .lyt-sec-01 .area-01 .lyt-img-01 {
  max-width: 100%;
  } 
  .lyt-sec-01 .area-02 {
    padding: 1.8em 0 2.8em;
  }
  .lyt-sec-01 .area-02 .hdg-sec-01 {
    font-size: 1.8rem !important;
    font-weight: 1.5;
    margin-bottom: 1.2em;
  }
  .lyt-sec-01 .area-02 .hdg-sec-02 {
    font-size: 2.2rem !important;
    line-height: 1.4;
  }
}

.lyt-sec-02 {
  position: relative;
  background-color: #D4E2E7;
  padding: 0 30px;
  z-index: 0;
}

.lyt-sec-02 .area-01 {
  position: relative;
  margin: 0 auto;
  padding: 3.6em 0 0;
  max-width: 960px;
  width: 100%;
}



.lyt-sec-02 .area-01 > :last-child {
  margin-bottom: 0 !important;
}

.lyt-sec-02 .area-01 .hdg-sec-01 {
  font-size: 3.8rem !important;
  font-weight: bold;
  text-align: center;
  margin-bottom: .5em;
  color: #003566;
  line-height: 1.4;
}



.lyt-sec-02 .area-02 {
  position: relative;
  margin: 0 auto;
  padding: 2.5em 0 2.0em;
  max-width: 960px;
  width: 100%;
}

.lyt-sec-02 .area-01 p{
  margin-bottom: 15px;
}

.lyt-sec-02 .area-02 > :last-child {
  margin-bottom: 0 !important;
}

.lyt-sec-02 .area-02 .hdg-sec-01 {
  font-size: 2.5rem !important;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 20px;
  color: #219ebc;
}

.lyt-sec-02 .area-02 .hdg-sec-01 > span {
  display: inline-block;
  background-color: #219ebc;
  padding: 0 22px;
  font-size: 2.0rem !important;
  color: #fff;
}

.lyt-sec-02 .area-02 .lyt-img-01 {
  text-align: center;
  margin-bottom: 10px;
}

.lyt-sec-02 .area-03 {
  position: relative;
  margin: 0 auto;
  padding: 1.8em 0;
  max-width: 960px;
  width: 100%;
}

.lyt-sec-02 .area-02 .hdg-sec-02 {
    display: flex;
    align-items: center;
    font-weight: bold;
    color: #2F5579;
    text-align: center;
    margin-bottom: .5em;
    margin-top: 1.0em;
    font-size: 2.0rem !important;
    width: 80%;
    margin: 0 auto;
}

.lyt-sec-02 .area-03 h4{
    font-size: 2.5rem !important;
    font-weight: bold;
    color: #115463;
}

.lyt-sec-02 .area-02 .hdg-sec-02::before, .lyt-sec-02 .area-02 .hdg-sec-02::after {
    content: "";
    display: block;
    background: #2F5579;
    background: linear-gradient(to right, #2F5579, #2F5579 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 2px);
    background-size: 2px 1px;
    height: 1px;
    flex-grow: 1;
}


.lyt-sec-02 .area-02 h4 {
    font-size: 2.5rem !important;
    font-weight: bold;
    color: #115463;
}

.lyt-sec-02 .area-02 .lyt-txt-01 {
  width: 80%;
  margin: 0 auto;
}

.group-list {
	list-style:none;
	padding:0px;
	margin-left:20px;
	line-height:1.5em; 
}

.group-list li {
        background-image: url(https://sbisec.akamaized.net/sbisec/images/static/2025/tmam_space_rocket_icon.png) ;
	background-repeat:no-repeat;
        padding-left: 2em;
        background-position: 0 5px;
       margin-bottom: 17px;
}

@media only screen and (max-width: 768px) {
.group-list {
	margin-left: 0;
}
.lyt-sec-02 .area-02 .lyt-txt-01 {
  width: 90%;
}
} 

.lyt-sec-02 .area-03::before {
  content: "";
  display: block;
  background-color: #F1F6F7;
  position: absolute;
  top: 0;
  left: calc(50% - 50vw);
  bottom: 0;
  width: 100vw;
  z-index: -1;
}

.lyt-sec-02 .area-03 > :last-child {
  margin-bottom: 0 !important;
}

.lyt-sec-02 .area-03 .hdg-sec-01 {
    font-size: 2.5rem !important;
    font-weight: bold;
    line-height: 1.5;
    color: #219ebc;
    text-align: center;
    margin-bottom: 20px;
}

.lyt-sec-02 .area-03 .hdg-sec-01 > span {
  display: inline-block;
  background-color: #219ebc;
  padding: 0 22px;
  font-size: 2.0rem !important;
  color: #fff;
　margin-bottom: 10px;
}

.lyt-sec-02 .area-03 .hdg-sec-02 {
    display: flex;
    align-items: center;
    font-weight: bold;
    color: #2F5579;
    text-align: center;
    margin-bottom: .5em;
    margin-top: 20px;
    font-size: 1.8rem !important;
    width: 80%;
    margin: 0 auto;
}
.lyt-sec-02 .area-03 .hdg-sec-02::before, .lyt-sec-02 .area-03 .hdg-sec-02:after {
    content: "";
    display: block;
    background: #2F5579;
    background: linear-gradient(to right, #2F5579, #2F5579 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 2px);
    background-size: 2px 1px;
    height: 1px;
    flex-grow: 1;
}

.lyt-sec-02 .area-03 .lyt-img-01 {
    width: 80%;
    margin: 0 auto;
 }



@media only screen and (max-width: 768px) {
  .lyt-sec-02 {
    padding: 0 10px;
  }
  .lyt-sec-02 .area-01 {
    padding: 1.8em 0;
  }
  .lyt-sec-02 .area-01 .hdg-sec-01 {
    font-size: 2.6rem !important;
  }
  .lyt-sec-02 .area-02 {
    padding: 2.0em 0; 
  }
  .lyt-sec-02 .area-02 .hdg-sec-01 {
    font-size: 2.0rem !important;
    line-height: 1.4;
  }
  .lyt-sec-02 .area-02 p {
    width: 100%;
  }
  .lyt-sec-02 .area-02 .hdg-sec-01 > span {
    padding: 0 16px;
  }
  .lyt-sec-02 .area-03 {
    padding: 2.8em 0 .5em;
  }
  .lyt-sec-02 .area-03 .hdg-sec-01 {
    font-size: 2.0rem !important;
    line-height: 1.7;
    font-size: 2.0rem !important;
    margin-bottom: 2px;
  }
  .lyt-sec-02 .area-03 .hdg-sec-01 > span {
    padding: 0 16px;
  }
  .lyt-sec-02 .area-03 .hdg-sec-02 {
    text-align: center;
    margin-bottom: .6em;
    width: 100%;
    font-size: 1.8rem !important;
    line-height: 1.7;   
    margin-top: .8em; 
  }
  .lyt-sec-02 .area-03 h4 {
    font-size: 2.2rem !important;
  }
  .lyt-sec-02 .area-03 .lyt-img-01 {
    width: 100%;
    text-align: center;
   }
   .lyt-sec-02 .area-02 h4 {
    font-size: 2.2rem !important;
}
  .lyt-sec-02 .area-02 .hdg-sec-02 {
    width: 100%;
    font-size: 1.8rem !important;
}
   .group-list-02 {
   margin-top: 12px;
}
}

.lyt-sec-02 .area-04 {
  z-index: 2;
}

.lyt-sec-02b {
    background-color: #04527D;
    position: relative;
    padding: 10px 30px;
}

.lyt-sec-02b::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 40px 130px 0 130px;
    border-color: #F1F6F7 transparent transparent transparent;
}

.lyt-sec-02b .area-01 {
    position: relative;
    margin: 0 auto;
    padding: 3.6em 0 0;
    max-width: 960px;
    width: 100%;
}
.lyt-sec-02b .area-01 .hdg-sec-01{
    font-size: 2.0rem !important;
    font-weight: bold;
    line-height: 1.2;
    color: #8ecae6;
    text-align: center;
    margin-bottom: 20px;
}
.lyt-sec-02b .area-01 .lyt-img-01{
   margin-bottom: 25px;
}

.lyt-sec-02b .area-01 .list-note-01 {
   color: #fff;
}

@media only screen and (max-width: 768px) {
  .lyt-sec-02b .area-01 {
    padding: 3.8em 0 1.0em;
  }
  .lyt-sec-02b .area-01 .hdg-sec-01 {
   padding: 0 10px;
}
   .lyt-sec-02b .area-01 .lyt-img-01 {
   text-align: cener; 
}
  .lyt-sec-02b .area-01 ul {
   padding: 0 10px;
}
    .lyt-sec-02b {
   padding: 0;
}
}

.lyt-sec-03 {
  position: relative;
  padding: 0 30px;
  z-index: 0;
}

.lyt-sec-03 .area-01 {
  position: relative;
  margin: 0 auto;
  padding: 2.5em 0 4.5em;
  max-width: 960px;
  width: 100%;
}

.lyt-sec-03 .area-01 h3 {
   text-align: center;
   font-weight: bold;
}

.lyt-sec-03 .area-01 > :last-child {
  margin-bottom: 0 !important;
}

.lyt-sec-03 .area-01 .hdg-sec-01 {
  font-size: 4.2rem !important;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 1em;
}

.lyt-sec-03 .area-01 .hdg-sec-02 {
  position: relative;
  font-size: 1.8rem !important;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: .9em;
  padding-left: 16px;
}

.lyt-sec-03 .area-01 .hdg-sec-02::before {
  content: "";
  display: block;
  position: absolute;
  top: .3em;
  left: 0;
  bottom: .3em;
  background-color: #d6b683;
  width: 4px;
}
.lyt-sec-03 .area-01 .hdg-sec-02 button {
  outline: none;
}
.lyt-sec-03 .area-01 .hdg-sec-02 .icon-01 {
  display: inline-block;
  position: relative;
  top: -.1em;
  vertical-align: middle;
  border: solid 1px #000;
  text-indent: -99em;
  margin-left: 15px;
  padding: 0;
  width: 17px;
  height: 17px;
  overflow: hidden;
}

.lyt-sec-03 .area-01 .hdg-sec-02 .icon-01::before, .lyt-sec-03 .area-01 .hdg-sec-02 .icon-01::after {
  content: "";
  display: block;
  width: 9px;
  height: 1px;
  background-color: #000;
  position: absolute;
  top: 7px;
  left: 3px;
}

.lyt-sec-03 .area-01 .hdg-sec-02 .icon-01::after {
  transform: rotate(90deg);
  transition: transform .2s;
}

.lyt-sec-03 .area-01 .js-tgl-root-01.is-open .hdg-sec-02 .icon-01::after {
  transform: rotate(0);
}

.lyt-sec-03 .area-01 .js-tgl-root-01 .js-tgl-content > p {
  font-size: 1.4rem !important;
  margin-bottom: 3em;
}

@media only screen and (max-width: 768px) {
  .lyt-sec-03 {
    padding: 0 10px;
  }
  .lyt-sec-03 .area-01 {
    padding: 2.5em 0;
  }
  .lyt-sec-03 .area-01 .hdg-sec-01 {
    font-size: 2.6rem !important;
    margin-bottom: 1.3em;
  }
  .lyt-sec-03 .area-01 .hdg-sec-02 {
    font-size: 1.6rem !important;
    margin-bottom: 1.3em;
  }
  .lyt-sec-03 .area-01 .hdg-sec-02.js-tgl-hook {
    padding-right: 24px;
  }
  .lyt-sec-03 .area-01 .hdg-sec-02.js-tgl-hook > button {
    text-align: left;
  }
  .lyt-sec-03 .area-01 .hdg-sec-02.js-tgl-hook .icon-01 {
    position: absolute;
    top: calc(50% - 8.5px);
    right: 0;
    margin-right: 0;
  }
}


.lyt-sec-03a {
  position: relative;
  padding: 0 30px;
  z-index: 0;
}

.lyt-sec-03a .area-01 {
  position: relative;
  margin: 0 auto;
  padding: 3.0em 0 0;
  max-width: 960px;
  width: 100%;
}

.lyt-sec-03a .area-01 p {
 margin-bottom: 20px;
}

.lyt-sec-03a .area-01 .hdg-sec-01{
   font-weight: bold;
   font-size:3.3rem !important;
   text-align: center;
   color: #003566;
   margin-bottom: 15px;
}

.lyt-sec-03a .area-01 .lyt-img-01 {
   text-align: center;
}
.lyt-sec-03a .area-01 .hdg-sec-02 {
    display: flex;
    align-items: center;
    font-size: 2.0rem !important;
    font-weight: bold;
    color: #2F5579;
    text-align: center;
    margin-bottom: .5em;
    width: 80%;
    margin: 0 auto;
}

.lyt-sec-03a .area-01 .hdg-sec-02::before, .lyt-sec-03a .area-01 .hdg-sec-02::after {
    content: "";
    display: block;
    background: #2F5579;
    background: linear-gradient(to right, #2F5579, #2F5579 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 2px);
    background-size: 2px 1px;
    height: 1px;
    flex-grow: 1;
}
.lyt-sec-03a .area-01 .fund-cv-ttl {
  font-weight: bold;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .lyt-sec-03a {
    padding: 0 10px;
  }
  .lyt-sec-03a .area-01 {
    padding: 2.5em 0 0;
  }
  .lyt-sec-03a .area-01 .hdg-sec-01 {
   font-size: 2.7rem !important;
}
}

.lyt-sec-movie,
.lyt-sec-hansha {
    position: relative;
    padding: 0 60px;
    background-color: #F6F9FA;
}

.lyt-sec-hansha .area-01 {
    position: relative;
    z-index: 0;
    margin: 0 auto;
    padding: 2.8em 0 3.5em;
    max-width: 960px;
    width: 100%;
}

.lyt-sec-movie .area-01 span,
.lyt-sec-hansha .area-01 span {
  line-height: 1.3;
}

.lyt-sec-hansha .area-01 .hdg-sec-01 {
    font-size: 3.2rem !important;
    font-weight: bold;
    text-align: center;
    margin-bottom: .7em;
}
@media only screen and (max-width: 768px) {
.lyt-sec-movie,
.lyt-sec-hansha {
  padding: 0 10px;
}
.lyt-sec-movie .area-01,
.lyt-sec-hansha .area-01{
  padding: 2.8em 0 1.5em; 
}
.lyt-sec-hansha .area-01 .hdg-sec-01{
  font-size: 2.5rem !important;
}
}

@media only screen and (max-width: 768px) {
  .lyt-img-01 {
    margin-bottom: 1.5em;
  }
}

.lyt-img-02 {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 1fr auto 1fr;
  grid-template-rows: 1fr auto 1fr;
  margin-bottom: 2em;
}

.lyt-img-02.img-right {
  -ms-grid-columns: 90px 350px 1fr;
  grid-template-columns: 90px 350px 1fr;
}

.lyt-img-02.img-right .img {
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-column: 2 / 4;
}

.lyt-img-02.img-right .content {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1 / 3;
}

.lyt-img-02.img-left {
  -ms-grid-columns: 1fr 350px 90px;
  grid-template-columns: 1fr 350px 90px;
}

.lyt-img-02.img-left .img {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1 / 3;
}

.lyt-img-02.img-left .content {
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-column: 2 / 4;
}

.lyt-img-02 + .lyt-img-02 {
  margin-top: 5em;
}

.lyt-img-02 .img {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  grid-row: 1 / 4;
}

.lyt-img-02 .content {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2 / 3;
  background-color: #fff;
  border-top: solid 3px #cca567;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
  padding: 3.1em 40px;
}

.lyt-sec-02 .area-03 .lyt-img-02 .content {
  border-top: solid 3px #9d956c;
}

.lyt-sec-02 .area-03 .lyt-img-02 .content > .hdg-01 {
  color: #9d956c;
}

.lyt-sec-02 .area-03 .lyt-img-02 .content > .hdg-01 > span::before {
  background-color: #9d956c;
}

.lyt-sec-02 .area-03 .lyt-img-02 .content > .hdg-01 > strong > span {
  background-color: #9d956c;
}



.lyt-img-02 .content > .hdg-01 {
  font-size: 2rem !important;
  font-weight: bold;
  line-height: 1.5;
  color: #cca567;
  margin-bottom: 1.3em;
}

.lyt-img-02 .content > .hdg-01 > span {
  display: block;
  position: relative;
  margin-bottom: 1em;
  padding-bottom: .9em;
}

.lyt-img-02 .content > .hdg-01 > span::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #cca567;
  width: 30px;
  height: 1px;
}

.lyt-img-02 .content > .hdg-01 > strong {
  display: block;
  font-size: 2.6rem !important;
  line-height: 1.75;
}

.lyt-img-02 .content > .hdg-01 > strong > span {
  display: inline-block;
  background-color: #cca567;
  padding: 0 10px;
  color: #fff;
}

@media only screen and (max-width: 768px) {
  .lyt-img-02 {
    display: block;
    margin-bottom: 1.7em;
  }
  .lyt-img-02 + .lyt-img-02 {
    margin-top: 0;
  }
  .lyt-img-02 .content {
    padding: 2.45em 20px;
  }
  .lyt-img-02 .content .hdg-01 {
    text-align: center;
    margin-bottom: .5em;
  }
  .lyt-img-02 .content .hdg-01 > span {
    padding-bottom: .3em;
  }
  .lyt-img-02 .content .hdg-01 > span::before {
    left: calc(50% - 15px);
  }
  .lyt-img-02 .content .hdg-01 > strong {
    font-size: 2rem !important;
  }
}

.lyt-box-01 {
  background-color: #fff;
  border-top: solid 3px #003566;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
  margin-bottom: 2.8em;
}

.lyt-box-01 > .hdg-box-01 {
  background-color: #cca567;
  font-size: 2.8rem !important;
  font-weight: bold;
  line-height: 1.5;
  color: #fff;
  text-align: center;
  margin-top: -3px;
  padding: 0 30px;
}

.lyt-box-01 > .hdg-box-01 > span {
  display: inline-block;
  padding: .25em 0;
}

.lyt-box-01 > .hdg-box-02 {
  font-size: 2rem !important;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
}

.lyt-box-01 > .hdg-box-02 > span {
  display: inline-block;
  position: relative;
  color: #cca567;
  padding: 3em 0 1em;
}

.lyt-box-01 > .hdg-box-02 > span::before {
  content: "";
  display: block;
  position: absolute;
  left: calc(50% - 15px);
  bottom: 0;
  background-color: #cca567;
  width: 30px;
  height: 1px;
}

.lyt-box-01 > .content {
  padding: 2.5em 30px 1.95em;
}

.lyt-box-01 > .content > :last-child {
  margin-bottom: 0 !important;
}

.lyt-box-01 > .content > p {
  font-size: 1.8rem !important;
  margin-bottom: .7em;
}

.lyt-box-01 > .content > .lead-01 {
  font-size: 2.8rem !important;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
}

.lyt-box-01 > .content > .hdg-01 {
  display: flex;
  align-items: center;
  font-size: 3.2rem !important;
  font-weight: bold;
  color: #9d956c;
  text-align: center;
  margin-bottom: .4em;
}

.lyt-box-01 > .content > .hdg-01::before, .lyt-box-01 > .content > .hdg-01::after {
  content: "";
  display: block;
  background: #9d956c;
  background: linear-gradient(to right, #9d956c, #9d956c 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 2px);
  background-size: 2px 1px;
  height: 1px;
  flex-grow: 1;
}

.lyt-box-01 > .content > .hdg-01 > span {
  display: inline-block;
  padding: 0 12px;
}

@media only screen and (max-width: 768px) {
  .lyt-box-01 > .hdg-box-01 {
    font-size: 2.4rem !important;
  }
  .lyt-box-01 > .hdg-box-02 > span {
    padding: 1.6em 0 .4em;
  }
  .lyt-box-01 > .content {
    padding: 1.2em 20px 2.1em;
  }
  .lyt-box-01 > .content > p {
    font-size: 1.4rem !important;
    margin-bottom: 1.7em;
  }
  .lyt-box-01 > .content .lead-01 {
    font-size: 2rem !important;
  }
  .lyt-box-01 > .content .hdg-01 {
    font-size: 1.8rem !important;
  }
}

.lyt-box-02 {
  background-color: #f8f6ef;
}

.lyt-box-02 > .hdg-box-01 {
  font-size: 2.2rem !important;
  font-weight: bold;
  line-height: 1.5;
  color: #cca567;
  text-align: center;
  padding: 0 40px;
}

.lyt-box-02 > .hdg-box-01 > span {
  display: inline-block;
  padding: 1em 0 0;
}

.lyt-box-02 > .content {
  padding: .3em 40px 2em;
}

.lyt-box-02 > .content > :last-child {
  margin-bottom: 0 !important;
}

.lyt-box-02 > .content > .list-01 {
  display: flex;
  font-size: 1.4rem !important;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 2em;
}

.lyt-box-02 > .content > .list-01 > li {
  width: 33.333%;
  padding: 2em 25px 0;
  border-left: solid #ede9dc 1px;
}

.lyt-box-02 > .content > .list-01 > li:last-child {
  border-right: solid #ede9dc 1px;
}

.lyt-box-02 > .content > .list-01 > li .img {
  display: block;
  margin-bottom: 1.85em;
}

.lyt-box-02 > .content > .list-01 > li .ttl {
  display: block;
  font-size: 1.8rem !important;
  font-weight: bold;
  margin-bottom: .7em;
}

.lyt-box-02 > .content > .list-01 > li .txt {
  display: block;
}

@media only screen and (max-width: 768px) {
  .lyt-box-02 > .hdg-box-01 {
    font-size: 1.8rem !important;
    padding: 0 20px;
  }
  .lyt-box-02 > .content {
    padding: 1em 20px;
  }
  .lyt-box-02 > .content > .list-01 {
    display: block;
  }
  .lyt-box-02 > .content > .list-01 > li {
    width: auto;
    border-left: 0;
    border-bottom: solid #ede9dc 1px;
    margin-bottom: 1.25em;
    padding: 0 0 1.25em;
  }
  .lyt-box-02 > .content > .list-01 > li:last-child {
    border-right: 0;
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .lyt-box-02 > .content > .list-01 > li .img {
    margin-bottom: .55em;
  }
  .lyt-box-02 > .content > .list-01 > li .ttl {
    margin-bottom: 0;
  }
}

.lyt-box-03 {
  border: solid 1px #ccc;
  margin-bottom: 3em;
}

.lyt-box-03.js-tgl-root-01.is-open > .hdg-box-01 .icon-01::after {
  transform: rotate(0);
}

.lyt-box-03 > .hdg-box-01 {
  font-size: 1.8rem !important;
  font-weight: bold;
  line-height: 1.5;
  padding: 0 30px;
}

[data-script-enable="true"] .lyt-box-03 > .hdg-box-01 {
  padding: 0;
}

[data-script-enable="true"] .lyt-box-03 > .hdg-box-01.js-tgl-hook > button {
  text-align: left;
  outline: none;
  padding: 0 30px;
  width: 100%;
}

[data-script-enable="true"] .lyt-box-03 > .hdg-box-01.js-tgl-hook > button > span {
  display: inline-block;
  padding: 1.5em 0;
}

.lyt-box-03 > .hdg-box-01 > span {
  display: inline-block;
  padding: 1.5em 0;
}

.lyt-box-03 > .hdg-box-01 .icon-01 {
  display: inline-block;
  position: relative;
  top: -.1em;
  vertical-align: middle;
  border: solid 1px #000;
  text-indent: -99em;
  margin-left: 15px;
  padding: 0 !important;
  width: 17px;
  height: 17px;
  overflow: hidden;
}

.lyt-box-03 > .hdg-box-01 .icon-01::before, .lyt-box-03 > .hdg-box-01 .icon-01::after {
  content: "";
  display: block;
  width: 9px;
  height: 1px;
  background-color: #000;
  position: absolute;
  top: 7px;
  left: 3px;
}

.lyt-box-03 > .hdg-box-01 .icon-01::after {
  transform: rotate(90deg);
  transition: transform .2s;
}

.lyt-box-03 > .content {
  padding: 0 30px 1.5em;
}

@media only screen and (max-width: 768px) {
  .lyt-box-03 {
    margin-bottom: 1.8em;
  }
  .lyt-box-03 > .hdg-box-01 {
    font-size: 1.6rem !important;
    padding: 0 20px;
  }
  [data-script-enable="true"] .lyt-box-03 > .hdg-box-01.js-tgl-hook {
    position: relative;
  }
  [data-script-enable="true"] .lyt-box-03 > .hdg-box-01.js-tgl-hook > button {
    padding-right: 46px;
  }
  [data-script-enable="true"] .lyt-box-03 > .hdg-box-01.js-tgl-hook .icon-01 {
    position: absolute;
    top: calc(50% - 8.5px);
    right: 20px;
    margin-right: 0;
  }
  .lyt-box-03 > .hdg-box-01 > span {
    padding: 1em 0;
  }
  .lyt-box-03 > .content {
    padding: 0 20px 1em;
  }
}

/**********************
 * Link
 ***********************/
.link-btn-01 > a {
  display: inline-table;
  background-color: #000;
  font-size: 1.8rem !important;
  font-weight: bold;
  color: #fff;
  text-align: center;
  text-decoration: none;
  min-width: 440px;
  padding: 0 10px;
}

.link-btn-01 > a:hover, .link-btn-01 > a:focus, .link-btn-01 > a:active {
  text-decoration: underline;
}

.link-btn-01 > a > span {
  display: table-cell;
  vertical-align: middle;
  padding: .9em 0;
}

.link-btn-01 > a > span > span {
  padding-left: 20px;
  position: relative;
}

.link-btn-01 > a > span > span::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border: solid #9d956c;
  border-width: 2px 2px 0 0;
  transform: rotate(45deg);
  position: absolute;
  top: calc(50% - 5.5px);
  left: -2px;
}

@media only screen and (max-width: 768px) {
  .link-btn-01 > a {
    font-size: 1.6rem !important;
    line-height: 1.5;
  }
  .link-btn-01 > a > span {
    padding: 1em 0;
  }
}

@media only screen and (max-width: 460px) {
  .link-btn-01 > a {
    min-width: 0;
    width: 100%;
  }
}

.icon-pdf-01 {
  vertical-align: middle;
}

.icon-blank-01 {
  vertical-align: middle;
}




/**********************
 * List
 ***********************/
.list-bullet-01 {
  font-size: 1.4rem !important;
}

.list-bullet-01 > li {
  position: relative;
  margin-bottom: .7em;
  padding-left: 1em;
  text-indent: -1em;
}
.list-bullet-01 > li > * {
  text-indent: 0;
}
.list-bullet-01 > li:last-child {
  margin-bottom: 0;
}

.list-bullet-01 > li::before {
  content: "・";
  display: inline-block;
  text-indent: 0;
}

.list-note-01 {
  font-size: 1.2rem !important;
  line-height: 1.5;
  margin-bottom: 3em;
}

.list-note-01 > li {
  display: flex;
  gap: 5px;
  margin-bottom: .5em;
}

.list-note-01 > li:last-child {
  margin-bottom: 0;
}

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

.list-note-01 > li > .txt {
  flex: 1;
}

@media only screen and (max-width: 768px) {
  .list-note-01 {
    font-size: 1rem !important;
  }
}

.list-check-01 {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2.1em;
}

.list-check-01 > li {
  display: inline-flex;
  justify-content: space-between;
  position: relative;
  flex-grow: 1;
  padding-left: 28px;
}

.list-check-01 > li::before {
  content: "";
  display: block;
  position: absolute;
  top: .5em;
  left: 0;
  width: 18px;
  height: 15px;
  background: url(https://sbisec.akamaized.net/sbisec/images/static/2025/tmam_space_index_icon_04.png) center no-repeat;
  background-size: 18px 15px;
}

.list-check-01 > li > .more {
  display: inline-block;
  margin-left: auto;
}

@media only screen and (max-width: 768px) {
  .list-check-01 {
    display: block;
    line-height: 1.28;
  }
  .list-check-01 > li {
    display: list-item;
    margin-bottom: .8em;
  }
  .list-check-01 > li:last-child {
    margin-bottom: 0;
  }
  .list-check-01 > li::before {
    top: 0;
  }
  .list-check-01 > li > .more {
    display: block;
    text-align: right;
    margin-top: .5em;
  }
}

.list-link-01 {
  display: flex;
  flex-wrap: wrap;
  font-size: 1.8rem !important;
  line-height: 1.5;
  margin: 0 -15px 2em;
}

.list-link-01.natural > li::before, .list-link-01.natural > li::after {
  content: none !important;
}

.list-link-01 > li {
  position: relative;
  padding: 0 15px;
  width: 50%;
}

.list-link-01 > li:only-child {
  width: 100%;
}

.list-link-01 > li:nth-last-child(-n+2)::after {
  content: "";
  display: block;
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: 0;
  background: #ccc;
  background: linear-gradient(to right, #ccc, #ccc 1px, #f9f9f9 1px, #f9f9f9 2px);
  background-size: 2px 1px;
  height: 1px;
}

.list-link-01 > li::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 15px;
  right: 15px;
  background: #ccc;
  background: linear-gradient(to right, #ccc, #ccc 1px, #f9f9f9 1px, #f9f9f9 2px);
  background-size: 2px 1px;
  height: 1px;
}

.list-link-01 > li > span,
.list-link-01 > li > a {
  display: inline-block;
  padding: 1em 0 .7em;
}

.list-link-01 > li > a:hover > span, .list-link-01 > li > a:focus > span, .list-link-01 > li > a:active > span {
  text-decoration: underline;
}

.list-link-01 > li > a > span {
  display: inline-block;
  position: relative;
  padding-left: 25px;
}

.list-link-01 > li > a > span::before {
  content: "";
  display: block;
  position: absolute;
  top: .5em;
  left: 5px;
  border: solid #003566;
  border-width: 2px 2px 0 0;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
}

@media only screen and (max-width: 768px) {
  .list-link-01 {
    font-size: 1.6rem !important;
    margin: 0 -5px 2em;
  }
  .list-link-01 > li {
    padding: 0 5px;
  }
  .list-link-01 > li:nth-last-child(-n+2)::after {
    left: 5px;
    right: 5px;
  }
  .list-link-01 > li::before {
    left: 5px;
    right: 5px;
  }
}

/**********************
 * Javascript
 ***********************/
[data-script-enable="true"] .js-tgl-root-01.is-open .js-tgl-content {
  display: block;
}

[data-script-enable="true"] .js-tgl-root-01 .js-tgl-content {
  display: none;
}

/**********************
 * Transition
 ***********************/
[data-script-enable="true"] .transition-fade-01 {
  transform: translateY(-20px);
  opacity: 0;
  transition: transform 1.2s, opacity 1.2s;
}

[data-script-enable="true"] .transition-fade-01.is-view {
  transform: translateY(0);
  opacity: 1;
}


[data-script-enable="true"] .transition-fade-02 {
  opacity: 0;
  transition: opacity 1.2s;
}

[data-script-enable="true"] .transition-fade-02.is-view {
  opacity: 1;
}

[data-script-enable="true"] .transition-fade-03 {
  opacity: 0;
  transition: opacity 1.8s;
}

[data-script-enable="true"] .transition-fade-03.is-view {
  opacity: 1;
}

[data-script-enable="true"] .transition-unq-01 {
  position: relative;
}

[data-script-enable="true"] .transition-unq-01.is-view::before {
  left: 100%;
}

[data-script-enable="true"] .transition-unq-01::before {
  content: "";
  position: absolute;
  top: 0;
  left: -300px;
  bottom: 0;
  right: 0;
  background: #f8f6ef;
  background: linear-gradient(to right, rgba(248, 246, 239, 0), #f8f6ef 300px, #f8f6ef 100%);
  transition: left 1.8s;
  will-change: left;
}

[data-script-enable="true"] .transition-unq-02 {
  position: relative;
}

[data-script-enable="true"] .transition-unq-02.is-view::before {
  bottom: 100%;
}

[data-script-enable="true"] .transition-unq-02.is-view::after {
  top: 100%;
}

[data-script-enable="true"] .transition-unq-02::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 25%;
  right: 0;
  background: #04527D;
  background: linear-gradient(to bottom, #04527D, #04527D 90%, rgba(255, 255, 255, 0) 100%);
  transition: bottom 1.2s;
  will-change: bottom;
}

[data-script-enable="true"] .transition-unq-02::after {
  content: "";
  position: absolute;
  top: 60%;
  left: 0;
  bottom: 0;
  right: 0;
  background: #04527D;
  background: linear-gradient(to top, #04527D, #04527D 83%, rgba(255, 255, 255, 0) 100%);
  transition: top 1.2s;
  will-change: top;
}

[data-script-enable="true"] .transition-unq-03.is-view > * {
  opacity: 1;
}

[data-script-enable="true"] .transition-unq-03.is-view > *:nth-child(1), [data-script-enable="true"] .transition-unq-03.is-view > *:nth-child(2) {
  transform: translateX(0);
}

[data-script-enable="true"] .transition-unq-03 > * {
  opacity: 0;
  transition: opacity .6s, transform .6s;
}

[data-script-enable="true"] .transition-unq-03 > *:nth-child(1) {
  transform: translateX(-20px);
}

[data-script-enable="true"] .transition-unq-03 > *:nth-child(2) {
  transform: translateX(20px);
}

[data-script-enable="true"] .transition-unq-04.is-view > * {
  opacity: 1;
}

[data-script-enable="true"] .transition-unq-04.is-view > *:nth-child(1), [data-script-enable="true"] .transition-unq-04.is-view > *:nth-child(2) {
  transform: translateX(0);
}

[data-script-enable="true"] .transition-unq-04 > * {
  opacity: 0;
  transition: opacity .6s, transform .6s;
}

[data-script-enable="true"] .transition-unq-04 > *:nth-child(1) {
  transform: translateX(-20px);
}

[data-script-enable="true"] .transition-unq-04 > *:nth-child(2) {
  transform: translateX(20px);
}

[data-script-enable="true"] .transition-unq-05.is-view > * {
  opacity: 1;
}

[data-script-enable="true"] .transition-unq-05 > * {
  opacity: 0;
  transition: opacity .6s;
}

[data-script-enable="true"] .transition-unq-05 > *:nth-child(1) {
  transition-delay: 0s;
}

[data-script-enable="true"] .transition-unq-05 > *:nth-child(2) {
  transition-delay: 0.6s;
}

[data-script-enable="true"] .transition-unq-05 > *:nth-child(3) {
  transition-delay: 1.2s;
}

[data-script-enable="true"] .transition-unq-05 > *:nth-child(4) {
  transition-delay: 1.8s;
}

[data-script-enable="true"] .transition-unq-05 > *:nth-child(5) {
  transition-delay: 2.4s;
}

[data-script-enable="true"] .transition-unq-05 > *:nth-child(6) {
  transition-delay: 3s;
}

[data-script-enable="true"] .transition-unq-05 > *:nth-child(7) {
  transition-delay: 3.6s;
}

[data-script-enable="true"] .transition-unq-05 > *:nth-child(8) {
  transition-delay: 4.2s;
}

[data-script-enable="true"] .transition-unq-05 > *:nth-child(9) {
  transition-delay: 4.8s;
}

/**********************
 * Adjust
 ***********************/
.ta-c {
  text-align: center !important;
}

.ta-r {
  text-align: right !important;
}


.font-s {
  font-size: .8em !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 1em !important;
}

.mb-2 {
  margin-bottom: 2em !important;
}

.mb-3 {
  margin-bottom: 3em !important;
}

.mb-4 {
  margin-bottom: 4em !important;
}

.mb-5 {
  margin-bottom: 5em !important;
}

/**********************
 * graph_btn
 ***********************/
.graph_btn {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 50px 1fr 50px 1fr 50px;
  grid-template-columns: 50px 1fr 50px 1fr 50px;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  margin-top: 1em;
  margin-bottom: 2em;
}

.graph_btn .btn1 {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2 / 3;
  background-color: #219ebc;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
  border-bottom: solid 3px #003566;
  border-radius: 10px;/*角の丸み*/
}

.graph_btn .btn1 h2 {
  text-align: center;
  margin: 0;
  padding: 10px 10px;
  font-weight: bold;
  font-size: 2rem !important;
}

.graph_btn .btn1 a {
  text-decoration: none;
  color: #fff;
}

.graph_btn .btn1 > a > h2 > span {
  padding: .5em 0;
}

.graph_btn .btn1 > a > h2 > span > span {
  padding-left: 20px;
  position: relative;
}

.graph_btn .btn1 > a > h2 > span > span::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border: solid #fff;
  border-width: 2px 2px 0 0;
  transform: rotate(45deg);
  position: absolute;
  top: calc(50% - 5.5px);
  left: -2px;
}

.graph_btn .btn1:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  border-bottom: none;
}

.graph_btn .btn1 a:hover {
  text-decoration: underline;
}

.graph_btn .btn2 {
  color: #fff;
  -ms-grid-column: 4;
  -ms-grid-column-span: 1;
  grid-column: 4 / 5;
  background-color: #219ebc;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
  border-bottom: solid 3px #003566;
  border-radius: 10px;/*角の丸み*/
}

.graph_btn .btn2 h2 {
  text-align: center;
  margin: 0;
  padding: 10px 10px;
  font-weight: bold;
  font-size: 2rem !important;
}

.graph_btn .btn2 a {
  text-decoration: none;
  color: #fff;
}

.graph_btn .btn2 > a > h2 > span {
  padding: .5em 0;
}

.graph_btn .btn2 > a > h2 > span > span {
  padding-left: 20px;
  position: relative;
}

.graph_btn .btn2 > a > h2 > span > span::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border: solid #fff;
  border-width: 2px 2px 0 0;
  transform: rotate(45deg);
  position: absolute;
  top: calc(50% - 5.5px);
  left: -2px;
}

.graph_btn .btn2:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  border-bottom: none;
}

.graph_btn .btn2 a:hover {
  text-decoration: underline;
}

.graph_btn .btn3 {
  color: #fff;
  -ms-grid-column: 4;
  -ms-grid-column-span: 1;
  grid-column: 2 / 3;
  background-color: #8ecae6;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
  border-bottom: solid 3px #003566;
  border-radius: 10px;/*角の丸み*/
}
.graph_btn .btn3:last-child {
  grid-column: 4 / 5;
}

.graph_btn .btn3 h2 {
  text-align: center;
  margin: 0;
  padding: 10px 10px;
  font-weight: bold;
  font-size: 2rem !important;
}

.graph_btn .btn3 a {
  text-decoration: none;
  color: var(--ui-common-main-text-default);
}

.graph_btn .btn3 > a > h2 > span {
  padding: .5em 0;
}

.graph_btn .btn3 > a > h2 > span > span {
  padding-left: 20px;
  position: relative;
}

.graph_btn .btn3 > a > h2 > span > span::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border: solid var(--ui-common-main-text-default);
  border-width: 2px 2px 0 0;
  transform: rotate(45deg);
  position: absolute;
  top: calc(50% - 5.5px);
  left: -2px;
}

.graph_btn .btn3:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  border-bottom: none;
}

.graph_btn .btn3 a:hover {
  text-decoration: underline;
}

@media only screen and (max-width: 768px) {
.graph_btn {
  display: block;
}

.graph_btn .btn1 {
  margin: 10px 20px 20px 20px; 
}

.graph_btn .btn1 h2 {
  padding: 10px 10px;
  font-size: 1.5rem !important;
}

.graph_btn .btn2 {
  margin: 0 20px 10px 20px;
}

.graph_btn .btn2 h2 {
  padding: 10px 10px;
  font-size: 1.5rem !important;
}

.graph_btn .btn3 {
  margin: 0 20px 10px 20px;
}

.graph_btn .btn3 h2 {
  padding: 10px 10px;
  font-size: 1.5rem !important;
}
}


/**********************
 * グループ2
 ***********************/
.point-one {
    display: flex;


}
.point-one-img img {
    width: 350px;

}
.point-detail {
    display: flex;


} 


.point-detail_in {
    position: relative;
    margin-left: 10px;
   width: 600px;
}


.point-text {
    color: #33312E;
    line-height: 1.8;
}

.point-two {
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
    margin-top: 10px;
}
.point-img img {
    margin-left: 20px;
}

@media screen and (max-width: 1000px){
.point-one-img img, .point-img img {
    margin: 0;
    text-align: center;
    width: 350px;
}

.point-text {
    font-size: 15px;
    line-height: 1.8;
    width: 100%;
}

.point-detail_in ::before {
    width: 4px;
    left: -25px;
    height: 80%;
}

.point-one, .point-two {
    flex-direction: column;
    align-items: center;
    margin-top: 0;
}
.point-wrap {
    margin: 0 auto;
    padding-bottom: 30px;
    width: 100%;
}
.point-detail_in {
    margin-top: 8px; 
    width: 100%;
}
.lyt-sec-02 .area-03 .lyt-img-01 {
   width: 100%;
   text-align: center;
}
}


/**********************
 * box
 ***********************/
.s_box {
  background-color: #fff;
  border-top: solid 3px #006400;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  margin: auto;
  width: 75%;
}
  @media screen and (max-width: 767px) {
    .s_box {
        width: 100%; } }

.s_box_title {
  background-color: #009dda;
  font-size: 120%;
  line-height: 1.5;
  color: #ffffff;
  text-align: center;
  margin-top: -3px;
  padding: 3px;

}

.s_box_text {
  padding: 15px 15px 0 15px;
}

.s_box_text_center {
  text-align: center;
  padding: 15px 15px 0 15px;
}

/**********************
 * box2
 ***********************/
.fundpoint_column3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 25px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media screen and (max-width: 767px) {
    .fundpoint_column3 {
      display: block; } }
  .fundpoint_column3 .cl_inner {
    width: calc((100% - 40px)/3);
    margin-right: 19.9px; }
    .fundpoint_column3 .cl_inner:nth-child(3n) {
      margin-right: 0; }
    @media screen and (max-width: 767px) {
      .fundpoint_column3 .cl_inner {
        width: 100%; } }
    .fundpoint_column3 .cl_inner .theme1 {
      text-align: center;
      font-weight:bold;
      font-size: 18px !important;
      padding: 3px 0;
      margin-bottom: 0px;
      color: #fff;
 }
      @media screen and (max-width: 767px) {
        .fundpoint_column3 .cl_inner .theme1 {
          font-size: 1.6rem !important; } }

.fundpoint_column3 .cl_inner .theme2 {
      text-align: center;
      font-weight:bold;
      font-size: 18px !important;
      padding: 3px 0;
      margin-bottom: 0px;
      color: #fff;
 }
      @media screen and (max-width: 767px) {
        .fundpoint_column3 .theme2 {
          font-size: 1.6rem !important; } }

 .fundpoint_column3 .cl_inner .theme3 {
      text-align: center;
      font-weight:bold;
      font-size: 18px !important;
      padding: 3px 0;
      margin-bottom: 0px;
      color: #fff;
 }
      @media screen and (max-width: 767px) {
        .fundpoint_column3 .cl_inner .theme3 {
          font-size: 1.6rem !important; } }

.s_box2 {
  background-color: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  margin: auto;

}

/**********************
 * box3
 ***********************/
.s_img_box {
  text-align: center;
  padding: 0px 15px 15px 15px;
}

/**********************
 * 活用事例
 ***********************/

.case {
    margin: 50px 5% 30px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;

}

.case li {
    display: inline-block;
    position: relative;
    width: 30%;
    max-width: 380px;
    margin: 0 0.5% 20px;
    padding: 5px;
    background-repeat: no-repeat;
    background-position: top 18px center;
    background-size: 35px 35px;
    box-sizing: border-box;
    border-radius: 50%;
    text-align: center;
    box-shadow: 0px 0px 8px 1px #219ebc; 
}


.case li:before {
    top: -2px;
    left: 0px;
}
.case li:after {
    bottom: -2px;
    right: 0px;
}
.case_title {
    font-size: 24px !important;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: .10em;
    margin: 75px 0 10px;
}

.case_first {
    background-image: url(https://sbisec.akamaized.net/sbisec/images/static/2025/tmam_space_fisheries.png);
    background-color: #000;
}

.case_second {
    background-image: url(https://sbisec.akamaized.net/sbisec/images/static/2025/tmam_space_parking.png);
    background-color: #000;
}
.case_third {
    background-image: url(https://sbisec.akamaized.net/sbisec/images/static/2025/tmam_space_disaster.png);
    background-color: #000;
}
strong {
    color: #219ebc;
    font-weight: 600;
}
.case_text {
    letter-spacing: .08em;
    line-height: 1.8;
    margin-bottom: 50px;
}
.lyt-sec-movie .area-01 {
    position: relative;
    z-index: 0;
    margin: 0 auto;
    padding: 2.4em 0 1.8em;
    max-width: 960px;
    width: 100%;
}
.lyt-sec-movie .area-01 .hdg-sec-01 {
    font-size: 2.4rem !important;
    font-weight: bold;
    text-align: center;
    margin-bottom: .7em;
    line-height: 1.3;
}
.movie-wrap {
  max-width: 640px;
  margin: 0 auto;
}
.movie-wrap .movie {
  aspect-ratio: 16 / 9;
  width: 100%;
  position: relative;
}
.movie-wrap .movie iframe {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 768px) {
.lyt-sec-movie .area-01 .hdg-sec-01{
  font-size: 2rem !important;
}
}
.disclaimer-box {
  margin-top: 4em;
}
.disclaimer-box .disclaimer-ttl-01 {
  font-size: 1.8rem !important;
  font-weight: bold;
  margin: 0 0 .6em;
}
.disclaimer-box .disclaimer-ttl-01:not(:first-child) {
  margin-top: 2.5em;
}
.disclaimer-box .disclaimer-ttl-02 {
  font-size: 1.6rem !important;
  margin-top: 1em;
  text-decoration: underline;
}
.disclaimer-box .disclaimer-info {
  margin-top: 2.5em;
}
.disclaimer-box p + p {
  margin-top: 1em;
}
.disclaimer-box .list-bullet-01 {
  line-height: 1.5 !important;
}
.disclaimer-box .list-bullet-01 > li {
  margin-bottom: 0;
}
.cost-box,
.risk-box {
  font-size: 1.4rem !important;
  margin-bottom: 3em;
}
.cost-box .hdg-sec-03,
.risk-box .hdg-sec-03 {
  font-size: 1.6rem !important;
  font-weight: bold;
  margin-top: 1em;
}
.cost-box .em-txt,
.risk-box .em-txt {
  color: #e96110;
  text-decoration: underline;
}
.risk-box .color-txt {
  color: #e96110;
}
.cost-box .list-bullet-01,
.risk-box .list-bullet-01 {
  line-height: 1.5 !important;
  margin-bottom: 1em;
}
.cost-box .list-bullet-01 > li,
.risk-box .list-bullet-01 > li {
  margin-bottom: 0;
}


@media screen and (max-width: 768px){
.case {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
}
.case li:first-child {
    width: 55%;
    text-align: center;
    margin: 0 auto;
}
.case li {
    width: 49%;
}
.case_title {
  font-size: 18px !important;
  margin: 60px 0 10px;
}
}
/**********************
 * SP改行
 ***********************/
@media screen and (min-width: 769px){
.br-sp {display: none; }
}