@charset "UTF-8";
/* _setting CSS */
/* min-width:751px | 751px ~
------------------------------------------------------------------------- */
@media all and (min-width: 751px) {
  #breadcrumbs_wrap {
    margin-bottom: 0;
  }

  #breadcrumbs {
    margin-bottom: 0;
  }

  #aside {
    top: 0;
  }

  #contents {
    margin-top: 0;
  }
  #contents .sec_arch {
    position: relative;
  }
  #contents .sec_arch::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    translate: -50% 0;
    background-color: #ccc;
    width: 100vw;
    height: 100%;
    z-index: -1;
  }
  #contents .sec_title {
    text-align: center;
    font-size: 3.2rem;
    font-weight: bold;
    margin-bottom: 60px;
  }
  #contents .sec_subtext {
    font-size: 1.8rem;
    text-align: center;
    line-height: 2.5;
    color: #4c4c4c;
  }
  #contents .btn {
    text-align: center;
    height: 50px;
  }
  #contents .btn a {
    position: relative;
    display: inline-block;
    min-width: 200px;
    font-size: 1.6rem;
    height: 100%;
    color: #fff;
    padding: 12px 35px;
    background-color: #00a89a;
    border-radius: 25px;
    font-weight: bold;
  }
  #contents .btn a:hover {
    opacity: .8;
  }
  #contents .btn a:after {
    content: '';
    display: block;
    position: absolute;
    top: 21px;
    right: 20px;
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
  }
  #contents .btn_square a {
    display: flex;
    align-items: center;
    justify-content: left;
    background-color: #fff;
    width: 440px;
    height: 100px;
    border: 2px solid #00a89a;
    border-radius: 10px;
    text-decoration: none;
    padding: 20px 40px;
    font-size: 2.2rem;
    font-weight: bold;
    box-shadow: 0px 5px 0px 0px #00a89a;
    transition: 0.2s ease;
  }
  #contents .btn_square a img {
    margin-right: 30px;
  }
  #contents .btn_square a:hover {
    box-shadow: none;
    -webkit-transform: translateY(3px);
            transform: translateY(3px);
  }
  #contents .link_arrow a {
    position: relative;
  }
  #contents .link_arrow a::before, #contents .link_arrow a::after {
    content: '';
    display: block;
    position: absolute;
  }
  #contents .link_arrow a::before {
    bottom: 0;
    right: 0;
    width: 30px;
    height: 30px;
    background-color: #00a89a;
    border-radius: 0 0 5px 0;
  }
  #contents .link_arrow a::after {
    bottom: 11px;
    right: 12px;
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
  }
  #contents #startInvestmentTrust {
    padding: 100px 0 100px 0;
  }
  #contents #startInvestmentTrust::before {
    background-color: #def4f2;
  }
  #contents #startInvestmentTrust::after {
    background-color: #def4f2;
  }
  #contents #startInvestmentTrust .sec_title {
    color: #00a89a;
    margin-bottom: 100px;
  }
  #contents #startInvestmentTrust .sec1_box {
    background-color: #fff;
    border-radius: 10px;
    padding: 60px;
    margin-bottom: 80px;
    box-shadow: 0px 0px 10px -5px #777777;
  }
  #contents #startInvestmentTrust .sec1_box_cont {
    width: 69.4%;
  }
  #contents #startInvestmentTrust .sec1_cta h3 {
    margin-bottom: 50px;
    text-align: center;
    font-size: 3.2rem;
    font-weight: bold;
    color: #00a89a;
  }
  #contents #startInvestmentTrust .sec1_cta .btn_wrap {
    display: flex;
    justify-content: center;
    gap: 30px;
    flex-wrap: wrap;
  }
  #contents #learnMoreAbout {
    padding: 90px 0 75px 0;
  }
  #contents #learnMoreAbout::before {
    background-color: #f7f5e3;
  }
  #contents #learnMoreAbout::after {
    background-color: #f7f5e3;
  }
  #contents #learnMoreAbout .sec_title {
    color: #c3b433;
  }
  #contents #learnMoreAbout .activity_list {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
  #contents #learnMoreAbout .activity_list li {
    width: 350px;
    height: 350px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 50px;
  }
  #contents #learnMoreAbout .activity_list li .activity_img {
    width: auto;
    height: 90px;
    margin-bottom: 10px;
  }
  #contents #learnMoreAbout .activity_list li .activity_name {
    font-size: 2.4rem;
    color: #c3b433;
    margin-bottom: 20px;
    font-weight: bold;
  }
  #contents #learnMoreAbout .activity_list li .activity_text {
    font-size: 1.5rem;
    margin-bottom: 30px;
  }
  #contents #learnMoreAbout .activity_list li:nth-of-type(1) {
    border-right: 2px dotted #c3b433;
  }
  #contents #learnMoreAbout .activity_list li:nth-of-type(1) img {
    width: 115px;
    height: 88px;
  }
  #contents #learnMoreAbout .activity_list li:nth-of-type(2) {
    border-right: 2px dotted #c3b433;
  }
  #contents #learnMoreAbout .activity_list li:nth-of-type(2) img {
    width: 123px;
    height: 77px;
  }
  #contents #learnMoreAbout .activity_list li:nth-of-type(3) img {
    width: 123px;
    height: 88px;
  }
  #contents #learnMoreAbout .activity_list .btn {
    margin-top: auto;
  }
  #contents #learnMoreAbout .activity_list .btn a {
    background-color: #c3b433;
    color: #fff;
  }
  #contents #learnMoreAbout .activity_list .btn a::after {
    border-color: #fff;
  }
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #main {
    width: 90%;
  }

  #learnMoreAbout .activity_list li {
    border-right: none !important;
  }
}
/* ////.min-width:751px | 751px ~
------------------------------------------------------------------------- */
/* max-width:750px | ~ 750px
------------------------------------------------------------------------- */
@media screen and (max-width: 750px) {
  #main {
    margin-bottom: 0 !important;
  }

  #breadcrumbs {
    margin-bottom: 0;
  }

  #contents {
    margin-top: 0;
  }
  #contents .sec_arch {
    position: relative;
  }
  #contents .sec_arch::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    translate: -50% 0;
    background-color: #ccc;
    width: 100vw;
    height: 100%;
    z-index: -1;
  }
  #contents .sec_title {
    text-align: center;
    font-size: 6.93333vw;
    font-weight: bold;
    margin-bottom: 4vw;
  }
  #contents .sec_subtext {
    font-size: 4.26667vw;
    text-align: center;
    line-height: 2.3;
    color: #4c4c4c;
  }
  #contents .btn {
    text-align: center;
    height: 10.66667vw;
  }
  #contents .btn a {
    position: relative;
    display: inline-block;
    min-width: 48vw;
    font-size: 3.73333vw;
    height: 100%;
    color: #fff;
    padding: 2.66667vw 9.33333vw;
    background-color: #00a89a;
    border-radius: 6.66667vw;
    font-weight: bold;
  }
  #contents .btn a:hover {
    opacity: .8;
  }
  #contents .btn a:after {
    content: '';
    display: block;
    position: absolute;
    top: 4.26667vw;
    right: 5.33333vw;
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
  }
  #contents .btn_square a {
    display: flex;
    align-items: center;
    justify-content: left;
    background-color: #fff;
    width: 85.6vw;
    height: 21.46667vw;
    border: 2px solid #00a89a;
    border-radius: 2.66667vw;
    text-decoration: none;
    padding: 2.66667vw 8vw;
    font-size: 4.53333vw;
    font-weight: bold;
    box-shadow: 0px 0.8vw 0px 0px #00a89a;
    transition: 0.2s ease;
  }
  #contents .btn_square a img {
    margin-right: 4vw;
    width: 13.33333vw;
  }
  #contents .btn_square a:hover {
    box-shadow: none;
    -webkit-transform: translateY(0.8vw);
            transform: translateY(0.8vw);
  }
  #contents .link_arrow a {
    position: relative;
  }
  #contents .link_arrow a::before, #contents .link_arrow a::after {
    content: '';
    display: block;
    position: absolute;
  }
  #contents .link_arrow a::before {
    bottom: 0;
    right: 0;
    width: 6.66667vw;
    height: 6.66667vw;
    background-color: #00a89a;
    border-radius: 0 0 5px 0;
  }
  #contents .link_arrow a::after {
    bottom: 2.4vw;
    right: 2.4vw;
    content: '';
    display: block;
    width: 2.13333vw;
    height: 2.13333vw;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
  }
  #contents #startInvestmentTrust {
    padding: 16vw 0 16vw 0;
  }
  #contents #startInvestmentTrust::before {
    background-color: #def4f2;
  }
  #contents #startInvestmentTrust::after {
    background-color: #def4f2;
  }
  #contents #startInvestmentTrust .sec_title {
    color: #00a89a;
    margin-bottom: 8vw;
  }
  #contents #startInvestmentTrust .sec1_box {
    background-color: #fff;
    border-radius: 10px;
    padding: 8vw 5.33333vw;
    box-shadow: 0px 0px 10px -5px #777777;
    width: 92vw;
    margin: 0 auto 16vw;
  }
  #contents #startInvestmentTrust .sec1_box_cont {
    width: 100%;
  }
  #contents #startInvestmentTrust .sec1_cta h3 {
    margin-bottom: 6.66667vw;
    text-align: center;
    font-size: 6.93333vw;
    font-weight: bold;
    color: #00a89a;
  }
  #contents #startInvestmentTrust .sec1_cta .btn_wrap {
    display: flex;
    justify-content: center;
    gap: 5.33333vw;
    flex-wrap: wrap;
  }
  #contents #learnMoreAbout {
    padding: 16vw 0 16vw 0;
  }
  #contents #learnMoreAbout::before {
    background-color: #f7f5e3;
  }
  #contents #learnMoreAbout::after {
    background-color: #f7f5e3;
  }
  #contents #learnMoreAbout .sec_title {
    color: #c3b433;
  }
  #contents #learnMoreAbout .activity_list {
    margin-top: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 auto;
    width: 100%;
    max-width: 92vw;
  }
  #contents #learnMoreAbout .activity_list li {
    width: 100%;
    position: relative;
    padding: 8vw 0 8vw 32vw;
  }
  #contents #learnMoreAbout .activity_list li .activity_img {
    position: absolute;
    width: auto;
    height: 90px;
    left: 0;
  }
  #contents #learnMoreAbout .activity_list li .activity_name {
    font-size: 5.06667vw;
    color: #c3b433;
    margin-bottom: 2.66667vw;
    font-weight: bold;
  }
  #contents #learnMoreAbout .activity_list li .activity_text {
    font-size: 3.73333vw;
    margin-bottom: 5.33333vw;
  }
  #contents #learnMoreAbout .activity_list li:nth-of-type(1) {
    border-bottom: 2px dotted #c3b433;
  }
  #contents #learnMoreAbout .activity_list li:nth-of-type(1) .activity_img {
    top: 21.33333vw;
  }
  #contents #learnMoreAbout .activity_list li:nth-of-type(1) img {
    width: 25.33333vw;
    height: 19.33333vw;
  }
  #contents #learnMoreAbout .activity_list li:nth-of-type(2) {
    border-bottom: 2px dotted #c3b433;
  }
  #contents #learnMoreAbout .activity_list li:nth-of-type(2) .activity_img {
    top: 18.66667vw;
    left: 1.33333vw;
  }
  #contents #learnMoreAbout .activity_list li:nth-of-type(2) img {
    width: 25.46667vw;
    height: 15.86667vw;
  }
  #contents #learnMoreAbout .activity_list li:nth-of-type(3) .activity_img {
    top: 18.66667vw;
    left: 4vw;
  }
  #contents #learnMoreAbout .activity_list li:nth-of-type(3) img {
    width: 20.53333vw;
    height: 14.66667vw;
  }
  #contents #learnMoreAbout .activity_list .btn {
    text-align: left;
    height: 11.2vw;
  }
  #contents #learnMoreAbout .activity_list .btn a {
    background-color: #c3b433;
    color: #fff;
    text-align: center;
    padding-top: 2.4vw;
    padding-bottom: 2.4vw;
  }
  #contents #learnMoreAbout .activity_list .btn a::after {
    border-color: #fff;
  }
}
@media all and (min-width: 751px) {
  #aboutBasicKv.aboutBasicKv {
    position: relative;
    padding: 105px 0 105px 0;
  }
  #aboutBasicKv.aboutBasicKv .aboutBasicKv_p01 {
    position: absolute;
    top: 60px;
    left: 0;
    translate: 0 0;
  }
  #aboutBasicKv.aboutBasicKv .aboutBasicKv_p02 {
    position: absolute;
    top: 40px;
    right: 0;
    translate: 0% 0;
  }
  #aboutBasicKv.aboutBasicKv .aboutBasicKv_p03 {
    position: absolute;
    top: 105px;
    right: 0;
    translate: 50% 0;
  }
  #aboutBasicKv.aboutBasicKv::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 100vw;
    height: 100%;
    translate: -50% 0;
    background-color: #0082a8;
  }
  #aboutBasicKv .abkTtl {
    position: relative;
    text-align: center;
    font-size: 4.0rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.06em;
    color: #FFFFFF;
  }
  #aboutBasicKv .aboutBasicKvDeco01 {
    width: 100px;
  }
  #aboutBasicKv .aboutBasicKvDeco01 img {
    display: block;
    width: 100%;
  }
  #aboutBasicKv .aboutBasicKvDeco02 {
    width: 165px;
  }
  #aboutBasicKv .aboutBasicKvDeco02 img {
    display: block;
    width: 100%;
  }
  #aboutBasicKv .aboutBasicKvDeco03 {
    width: 116px;
  }
  #aboutBasicKv .aboutBasicKvDeco03 img {
    display: block;
    width: 100%;
  }

  #description.description {
    position: relative;
    padding: 100px 50px 80px 50px;
  }
  #description.description .description_p01 {
    position: absolute;
    top: 50%;
    right: 0;
    translate: 0 -50%;
  }
  #description .descriptionTxt {
    width: calc(100% - 145px);
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.2;
    letter-spacing: 0em;
  }
  #description .descriptionDeco01 {
    width: 149px;
  }
  #description .descriptionDeco01 img {
    display: block;
    width: 100%;
  }

  .separateCol {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 800px;
        grid-template-columns: 1fr 800px;
    /* 左カラム固定幅、右カラム可変幅 */
    gap: 57px;
    margin: 0 0 160px 0;
    position: relative;
  }
  .separateCol .fixedIndexCol .fixedIndexCol_sticky {
    width: 243px;
    will-change: transform;
  }
  .separateCol .mainContentsCol .mainContentsCol_secSpace {
    padding: 100px 0 140px 0;
    margin: -100px 0 0 0;
  }
  .separateCol .mainContentsCol .mainContentsCol_secSpaceNb {
    padding: 100px 0 0 0;
    margin: -100px 0 0 0;
  }

  #fixedIndex .fixedIndexWrap {
    background-color: #f3f3f3;
    border-radius: 10px;
  }
  #fixedIndex .fixedIndexList {
    padding: 18px;
  }
  #fixedIndex .fixedIndexListItem {
    position: relative;
    border-bottom: 2px dotted #0082a8;
  }
  #fixedIndex .fixedIndexListItem:last-child {
    border-bottom: none;
  }
  #fixedIndex .fixedIndexListItem a {
    display: block;
    padding: 16px 0 16px 0;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.46;
    letter-spacing: 0.07em;
    color: #0082a8;
    text-decoration: none;
  }
  #fixedIndex .fixedIndexListItem::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #0082a8;
    border-right: 2px solid #0082a8;
    translate: 0 -50%;
    rotate: 45deg;
  }

  #mainContentsCol .mainContentSecTtl {
    position: relative;
    margin: 0 0 45px 0;
  }
  #mainContentsCol .mainContentSecTtl .mainContentSecTtl_bgc {
    z-index: 1;
    position: relative;
    display: inline-block;
    padding: 0 20px 0 0;
    font-size: 3.6rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0em;
    color: #0082a8;
    background-color: #ffffff;
  }
  #mainContentsCol .mainContentSecTtl::after {
    content: '';
    z-index: 0;
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    height: 2px;
    width: 100%;
    background-color: #0082a8;
  }
  #mainContentsCol .mainContentSecSubTtl {
    margin: 0 0 25px 0;
    padding: 17px 12px 17px 12px;
    background-color: #eff4f5;
    border-radius: 10px;
  }
  #mainContentsCol .mainContentSecSubTtl .mainContentSecSubTtl_inner {
    display: block;
    padding: 0 0 0 15px;
    border-left: 5px solid #0082a8;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1.36;
    letter-spacing: 0em;
    color: #0082a8;
  }
  #mainContentsCol .mainContentSecTxt {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0em;
  }
  #mainContentsCol .mainContentSecTxt .mainContentSecTxt_txtBlue {
    font-weight: 700;
    color: #0082a8;
  }
  #mainContentsCol .mainContentSecTxt a {
    color: #0082a8;
    text-underline-offset: 5px;
  }
  #mainContentsCol .whatFundImage01 {
    margin: 50px 0 0 0;
    width: 100%;
    border-radius: 10px;
    box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.03);
  }
  #mainContentsCol .whatFundImage01 img {
    display: block;
    width: 100%;
  }
  #mainContentsCol .advantagesDisadvantagesList {
    display: flex;
    align-items: stretch;
    justify-content: stretch;
    gap: 20px;
  }
  #mainContentsCol .advantagesDisadvantagesItem {
    flex: 1;
    padding: 35px 30px 35px 30px;
    border-radius: 10px;
  }
  #mainContentsCol .advantagesDisadvantagesItem.adItem_advantages {
    background-color: #dcf4fb;
  }
  #mainContentsCol .advantagesDisadvantagesItem.adItem_isadvantages {
    background-color: #f3f3f3;
  }
  #mainContentsCol .adTtl {
    margin: 0 0 38px 0;
    text-align: center;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0em;
  }
  #mainContentsCol .adTtl.adTtl_advantages {
    color: #0082a8;
  }
  #mainContentsCol .adTtl.adTtl_isadvantages {
    color: #4c4c4c;
  }
  #mainContentsCol .adList {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 2.2;
    letter-spacing: 0em;
  }
  #mainContentsCol .advantagesDisadvantagesNote {
    padding: 0 0 0 35px;
    text-indent: -1rem;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: 0em;
  }
  #mainContentsCol .adMore {
    text-align: right;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: 0em;
  }
  #mainContentsCol .advantagesDisadvantagesPopup {
    margin: 60px auto 23px auto;
    width: 360px;
  }
  #mainContentsCol .advantagesDisadvantagesPopup img {
    display: block;
    width: 100%;
  }
  #mainContentsCol .safetyPopup {
    margin: 60px auto 23px auto;
    width: 620px;
  }
  #mainContentsCol .safetyPopup img {
    display: block;
    width: 100%;
  }
  #mainContentsCol .recommendedPopup {
    margin: 60px auto 23px auto;
    width: 617px;
  }
  #mainContentsCol .recommendedPopup img {
    display: block;
    width: 100%;
  }
  #mainContentsCol .safetyImage01 {
    margin: 50px 0 40px 0;
    width: 100%;
    border-radius: 10px;
    box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.03);
  }
  #mainContentsCol .safetyImage01 img {
    display: block;
    width: 100%;
  }
  #mainContentsCol .recommendedImage01 {
    margin: 50px 0 40px 0;
    width: 100%;
    border-radius: 10px;
    box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.03);
  }
  #mainContentsCol .recommendedImage01 img {
    display: block;
    width: 100%;
  }
  #mainContentsCol .recommended .recommended_mgb01 {
    margin-bottom: 25px;
  }
  #mainContentsCol .recommended .recommended_mgb02 {
    margin-bottom: 25px;
  }
  #mainContentsCol .recommended .recommended_mgb03 {
    margin-bottom: 140px;
  }
  #mainContentsCol .recommended .recommended_mgb04 {
    margin-bottom: 60px;
  }
  #mainContentsCol .movieOpenButtonWrap {
    position: relative;
    margin: 0 auto;
    width: 640px;
    box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.03);
    cursor: pointer;
    transition: all 0.3s ease;
  }
  #mainContentsCol .movieOpenButtonWrap::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 100px;
    height: 70px;
    background-image: url(/images/about/youtube_mark.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    translate: -50% -50%;
  }
  #mainContentsCol .movieOpenButtonWrap img {
    display: block;
    width: 100%;
  }
  #mainContentsCol .movieOpenButtonWrap:hover {
    opacity: 0.8;
  }
  #mainContentsCol .safetyKindsList {
    display: flex;
    flex-flow: column;
    gap: 20px;
  }
  #mainContentsCol .saftyKindsItem {
    position: relative;
    padding: 30px;
    background-color: #f3f3f3;
    border-radius: 10px;
  }
  #mainContentsCol .saftyKindsItem .saftyKindsItem_p1 {
    position: absolute;
    top: 30px;
    left: 30px;
  }
  #mainContentsCol .saftyKindsItem .saftyKindsItem_mgb {
    margin-bottom: 15px;
  }
  #mainContentsCol .saftyKindsIcon {
    width: 90px;
  }
  #mainContentsCol .saftyKindsIcon img {
    display: block;
    width: 100%;
  }
  #mainContentsCol .saftyKindsTtl {
    margin: 0 0 15px 120px;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0em;
  }
  #mainContentsCol .saftyKindsTxt {
    margin-left: 120px;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.87;
    letter-spacing: 0em;
  }
  #mainContentsCol .saftyKindsImage {
    padding: 0 0 0 120px;
    width: 100%;
  }
  #mainContentsCol .saftyKindsImage img {
    display: block;
    width: 100%;
  }
  #mainContentsCol .roundedRectangleBtn {
    position: relative;
    margin: 0 auto;
    width: 330px;
    transition: all 0.3s ease;
  }
  #mainContentsCol .roundedRectangleBtn a {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #0082a8;
    width: 100%;
    height: 60px;
    border-radius: 60px;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
    color: #ffffff;
    text-decoration: none;
  }
  #mainContentsCol .roundedRectangleBtn::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 36px;
    display: block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    translate: 0 -50%;
    rotate: 45deg;
  }
  #mainContentsCol .roundedRectangleBtn:hover {
    opacity: 0.8;
  }
  #mainContentsCol .recommendedLinkNote {
    margin: 0 0 25px 0;
    text-align: center;
    font-size: 1.8rem;
    line-height: 1;
    letter-spacing: 0em;
  }
  #mainContentsCol .recommendedLinkBtns {
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 20px;
  }
  #mainContentsCol .recommendedLinkBtn {
    overflow: hidden;
    position: relative;
    width: 320px;
    height: 80px;
    border-radius: 10px;
    background-color: #e1edf0;
  }
  #mainContentsCol .recommendedLinkBtn a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #4c4c4c;
    text-decoration: none;
    -webkit-transform: all 0.3s ease;
            transform: all 0.3s ease;
  }
  #mainContentsCol .recommendedLinkBtn a:hover {
    opacity: 0.8;
  }
  #mainContentsCol .recommendedLinkBtn::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    width: 30px;
    height: 30px;
    background-color: #0082a8;
  }
  #mainContentsCol .recommendedLinkBtn::after {
    content: '';
    position: absolute;
    bottom: 10px;
    right: 12px;
    display: block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    rotate: 45deg;
  }

  #modal_movie {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    display: none;
  }
  #modal_movie .overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
  }
  #modal_movie .btn {
    background-color: transparent;
    width: 45px;
    height: 45px;
    margin: 0;
    display: block;
    position: absolute;
    top: calc(50% - 280px);
    left: calc(50% + 355px);
    border-radius: 4px;
    cursor: pointer;
  }
  #modal_movie .btn:hover {
    opacity: .8;
  }
  #modal_movie .btn:before {
    content: '';
    width: 100%;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 0;
    background-color: #fff;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  #modal_movie .btn:after {
    content: '';
    width: 100%;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 0;
    background-color: #fff;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  #modal_movie .movie_wrap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 800px;
    height: 450px;
  }
  #modal_movie .movie_wrap iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #aboutBasicKv.aboutBasicKv .aboutBasicKv_p01 {
    translate: -50% 0;
  }
  #aboutBasicKv.aboutBasicKv .aboutBasicKv_p02 {
    translate: 50% 0;
  }
  #aboutBasicKv.aboutBasicKv .aboutBasicKv_p03 {
    translate: 100% 0;
  }

  #description.description {
    position: relative;
    padding: 100px 0 80px 0;
    display: flex;
    gap: 0 10%;
  }
  #description .descriptionTxt {
    margin-bottom: 30px;
    width: 70%;
  }
  #description .descriptionDeco01 {
    width: 20%;
  }
  #description .descriptionDeco01 img {
    display: block;
    width: 100%;
  }

  .separateCol {
    display: block;
  }
  .separateCol .fixedIndexCol {
    margin: 0 0 120px 0;
  }
  .separateCol .fixedIndexCol .fixedIndexCol_sticky {
    position: relative;
    width: 100%;
  }

  #fixedIndex .fixedIndexWrap {
    background-color: transparent;
    border-radius: 0;
  }
  #fixedIndex .fixedIndexList {
    display: flex;
    flex-flow: column;
    gap: 20px;
    margin: 0 auto;
    width: 100%;
    padding: 0;
  }
  #fixedIndex .fixedIndexListItem {
    position: relative;
    background-color: #f3f3f3;
    border-radius: 20px;
    border-bottom: none;
  }
  #fixedIndex .fixedIndexListItem:last-child {
    border-bottom: none;
  }
  #fixedIndex .fixedIndexListItem a {
    display: block;
    padding: 20px 0 20px 0;
    text-align: center;
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.07em;
    color: #0082a8;
    text-decoration: none;
  }
  #fixedIndex .fixedIndexListItem::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 30px;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #0082a8;
    border-right: 2px solid #0082a8;
    translate: 0 -50%;
    rotate: 45deg;
  }
}
@media screen and (max-width: 750px) {
  #aboutBasicKv.aboutBasicKv {
    position: relative;
    padding: 13.33333vw 0 13.33333vw 0;
  }
  #aboutBasicKv.aboutBasicKv .aboutBasicKv_p01 {
    position: absolute;
    top: 26.66667vw;
    left: 5.33333vw;
  }
  #aboutBasicKv.aboutBasicKv .aboutBasicKv_p02 {
    position: absolute;
    top: 4.26667vw;
    right: 12vw;
  }
  #aboutBasicKv.aboutBasicKv .aboutBasicKv_p03 {
    position: absolute;
    top: 16.66667vw;
    right: 2.66667vw;
  }
  #aboutBasicKv.aboutBasicKv::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 100vw;
    height: 100%;
    translate: -50% 0;
    background-color: #0082a8;
  }
  #aboutBasicKv .abkTtl {
    position: relative;
    text-align: center;
    font-size: 7.46667vw;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.06em;
    color: #FFFFFF;
  }
  #aboutBasicKv .aboutBasicKvDeco01 {
    width: 10.66667vw;
  }
  #aboutBasicKv .aboutBasicKvDeco01 img {
    display: block;
    width: 100%;
  }
  #aboutBasicKv .aboutBasicKvDeco02 {
    width: 20.66667vw;
  }
  #aboutBasicKv .aboutBasicKvDeco02 img {
    display: block;
    width: 100%;
  }
  #aboutBasicKv .aboutBasicKvDeco03 {
    width: 14.66667vw;
  }
  #aboutBasicKv .aboutBasicKvDeco03 img {
    display: block;
    width: 100%;
  }

  #description.description {
    position: relative;
    padding: 16vw 0 10.66667vw 0;
    margin: 0 auto;
    width: 92vw;
  }
  #description.description .description_p01 {
    margin-top: 5.33333vw;
  }
  #description .descriptionTxt {
    width: 100%;
    font-size: 3.73333vw;
    font-weight: 700;
    line-height: 1.78;
    letter-spacing: 0em;
  }
  #description .descriptionDeco01 {
    margin: 0 auto;
    width: 35.73333vw;
  }
  #description .descriptionDeco01 img {
    display: block;
    width: 100%;
  }

  .separateCol {
    display: block;
    margin: 0 0 16vw 0;
  }
  .separateCol .fixedIndexCol {
    margin: 0 0 16vw 0;
  }
  .separateCol .fixedIndexCol .fixedIndexCol_sticky {
    position: relative;
  }
  .separateCol .mainContentsCol .mainContentsCol_secSpace {
    padding: 13.33333vw 0 16vw 0;
    margin: -13.33333vw 0 0 0;
  }
  .separateCol .mainContentsCol .mainContentsCol_secSpaceNb {
    padding: 13.33333vw 0 0 0;
    margin: -13.33333vw 0 0 0;
  }

  #fixedIndex .fixedIndexList {
    display: flex;
    flex-flow: column;
    gap: 2.66667vw;
    margin: 0 auto;
    width: 92vw;
  }
  #fixedIndex .fixedIndexListItem {
    position: relative;
    background-color: #f3f3f3;
    border-radius: 2.66667vw;
  }
  #fixedIndex .fixedIndexListItem:last-child {
    border-bottom: none;
  }
  #fixedIndex .fixedIndexListItem a {
    display: block;
    padding: 5.33333vw 0 5.33333vw 0;
    text-align: center;
    font-size: 4.26667vw;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.07em;
    color: #0082a8;
    text-decoration: none;
  }
  #fixedIndex .fixedIndexListItem::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 4vw;
    width: 1.33333vw;
    height: 1.33333vw;
    border-bottom: 0.26667vw solid #0082a8;
    border-right: 0.26667vw solid #0082a8;
    translate: 0 -50%;
    rotate: 45deg;
  }

  #mainContentsCol {
    margin: 0 auto;
    width: 92vw;
  }
  #mainContentsCol .mainContentSecTtl {
    position: relative;
    margin: 0 auto 8vw auto;
    width: 84vw;
  }
  #mainContentsCol .mainContentSecTtl .mainContentSecTtl_bgc {
    z-index: 1;
    position: relative;
    display: block;
    font-size: 6.13333vw;
    font-weight: 700;
    line-height: 1.73;
    letter-spacing: 0em;
    color: #0082a8;
  }
  #mainContentsCol .mainContentSecTtl::after {
    content: '';
    z-index: 0;
    position: absolute;
    bottom: -1.33333vw;
    left: 0;
    display: block;
    height: 0.53333vw;
    width: 100%;
    background-color: #0082a8;
  }
  #mainContentsCol .mainContentSecSubTtl {
    margin: 0 auto 4.8vw auto;
    padding: 2vw 2.66667vw 2vw 2.66667vw;
    width: 84vw;
    background-color: #eff4f5;
    border-radius: 1.33333vw;
  }
  #mainContentsCol .mainContentSecSubTtl .mainContentSecSubTtl_inner {
    display: block;
    padding: 0 0 0 2vw;
    border-left: 0.66667vw solid #0082a8;
    font-size: 4.26667vw;
    font-weight: 700;
    line-height: 1.36;
    letter-spacing: 0em;
    color: #0082a8;
  }
  #mainContentsCol .mainContentSecTxt {
    margin: 0 auto;
    width: 84vw;
    font-size: 3.73333vw;
    font-weight: 400;
    line-height: 1.78;
    letter-spacing: 0em;
  }
  #mainContentsCol .mainContentSecTxt .mainContentSecTxt_txtBlue {
    font-weight: 700;
    color: #0082a8;
  }
  #mainContentsCol .mainContentSecTxt a {
    color: #0082a8;
    text-underline-offset: 0.66667vw;
  }
  #mainContentsCol .whatFundImage01 {
    margin: 8vw 0 0 0;
    width: 100%;
    border-radius: 1.33333vw;
    box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.03);
  }
  #mainContentsCol .whatFundImage01 img {
    display: block;
    width: 100%;
  }
  #mainContentsCol .advantagesDisadvantagesList {
    display: flex;
    flex-flow: column;
    align-items: stretch;
    justify-content: stretch;
    gap: 5.33333vw;
  }
  #mainContentsCol .advantagesDisadvantagesItem {
    flex: 1;
    padding: 8vw 5.33333vw 8vw 5.33333vw;
    border-radius: 1.33333vw;
  }
  #mainContentsCol .advantagesDisadvantagesItem.adItem_advantages {
    background-color: #dcf4fb;
  }
  #mainContentsCol .advantagesDisadvantagesItem.adItem_isadvantages {
    background-color: #f3f3f3;
  }
  #mainContentsCol .adTtl {
    margin: 0 0 7.73333vw 0;
    text-align: center;
    font-size: 5.6vw;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0em;
  }
  #mainContentsCol .adTtl.adTtl_advantages {
    color: #0082a8;
  }
  #mainContentsCol .adTtl.adTtl_isadvantages {
    color: #4c4c4c;
  }
  #mainContentsCol .adList {
    font-size: 3.73333vw;
    font-weight: 400;
    line-height: 2.2;
    letter-spacing: 0em;
  }
  #mainContentsCol .advantagesDisadvantagesNote {
    padding: 0 0 0 35px;
    text-indent: -1rem;
    font-size: 2.93333vw;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: 0em;
  }
  #mainContentsCol .adMore {
    margin: 2.66667vw 0 0 0;
    text-align: right;
    font-size: 3.73333vw;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: 0em;
  }
  #mainContentsCol .advantagesDisadvantagesPopup {
    margin: 8vw auto 3.86667vw auto;
    width: 80vw;
  }
  #mainContentsCol .advantagesDisadvantagesPopup img {
    display: block;
    width: 100%;
  }
  #mainContentsCol .safetyPopup {
    margin: 8vw auto 3.86667vw auto;
    width: 80vw;
  }
  #mainContentsCol .safetyPopup img {
    display: block;
    width: 100%;
  }
  #mainContentsCol .recommendedPopup {
    margin: 8vw auto 3.86667vw auto;
    width: 80vw;
  }
  #mainContentsCol .recommendedPopup img {
    display: block;
    width: 100%;
  }
  #mainContentsCol .safetyImage01 {
    margin: 8vw 0 8vw 0;
    width: 100%;
    border-radius: 1.33333vw;
    box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.03);
  }
  #mainContentsCol .safetyImage01 img {
    display: block;
    width: 100%;
  }
  #mainContentsCol .recommendedImage01 {
    margin: 8vw 0 8vw 0;
    width: 100%;
    border-radius: 1.33333vw;
    box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.03);
  }
  #mainContentsCol .recommendedImage01 img {
    display: block;
    width: 100%;
  }
  #mainContentsCol .recommended .recommended_mgb01 {
    margin-bottom: 9.33333vw;
  }
  #mainContentsCol .recommended .recommended_mgb02 {
    margin-bottom: 9.33333vw;
  }
  #mainContentsCol .recommended .recommended_mgb03 {
    margin-bottom: 16vw;
  }
  #mainContentsCol .recommended .recommended_mgb04 {
    margin-bottom: 16vw;
  }
  #mainContentsCol .movieOpenButtonWrap {
    position: relative;
    margin: 0 auto;
    width: 100%;
    box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.03);
    cursor: pointer;
  }
  #mainContentsCol .movieOpenButtonWrap::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 13.33333vw;
    height: 9.33333vw;
    background-image: url(/images/about/youtube_mark.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    translate: -50% -50%;
  }
  #mainContentsCol .movieOpenButtonWrap img {
    display: block;
    width: 100%;
  }
  #mainContentsCol .safetyKindsList {
    display: flex;
    flex-flow: column;
    gap: 5.33333vw;
  }
  #mainContentsCol .saftyKindsItem {
    position: relative;
    padding: 9.33333vw 5.33333vw 5.33333vw 5.33333vw;
    background-color: #f3f3f3;
    border-radius: 1.33333vw;
  }
  #mainContentsCol .saftyKindsItem .saftyKindsItem_p1 {
    position: absolute;
    top: 5.33333vw;
    left: 5.33333vw;
  }
  #mainContentsCol .saftyKindsItem .saftyKindsItem_mgb {
    margin-bottom: 3.33333vw;
  }
  #mainContentsCol .saftyKindsIcon {
    width: 13.33333vw;
  }
  #mainContentsCol .saftyKindsIcon img {
    display: block;
    width: 100%;
  }
  #mainContentsCol .saftyKindsTtl {
    margin: 0 0 7.33333vw 16vw;
    font-size: 5.6vw;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0em;
  }
  #mainContentsCol .saftyKindsTxt {
    font-size: 3.73333vw;
    font-weight: 400;
    line-height: 1.87;
    letter-spacing: 0em;
  }
  #mainContentsCol .saftyKindsImage {
    width: 100%;
  }
  #mainContentsCol .saftyKindsImage img {
    display: block;
    width: 100%;
  }
  #mainContentsCol .roundedRectangleBtn {
    position: relative;
    margin: 0 auto;
    width: 56vw;
    transition: all 0.3s ease;
  }
  #mainContentsCol .roundedRectangleBtn a {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #0082a8;
    width: 100%;
    height: 10.66667vw;
    border-radius: 10.66667vw;
    font-size: 3.73333vw;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
    color: #ffffff;
    text-decoration: none;
  }
  #mainContentsCol .roundedRectangleBtn::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 4.26667vw;
    display: block;
    width: 1.06667vw;
    height: 1.06667vw;
    border-top: 0.26667vw solid #ffffff;
    border-right: 0.26667vw solid #ffffff;
    translate: 0 -50%;
    rotate: 45deg;
  }
  #mainContentsCol .roundedRectangleBtn:hover {
    opacity: 0.8;
  }
  #mainContentsCol .recommendedLinkNote {
    margin: 0 0 3.33333vw 0;
    text-align: center;
    font-size: 3.73333vw;
    line-height: 1.6;
    letter-spacing: 0em;
  }
  #mainContentsCol .recommendedLinkBtns {
    display: flex;
    flex-flow: column;
    align-items: stretch;
    justify-content: center;
    gap: 2.66667vw;
    margin: 0 auto;
    width: 84vw;
  }
  #mainContentsCol .recommendedLinkBtn {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 14.66667vw;
    border-radius: 2.66667vw;
    background-color: #e1edf0;
  }
  #mainContentsCol .recommendedLinkBtn a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #4c4c4c;
    text-decoration: none;
    -webkit-transform: all 0.3s ease;
            transform: all 0.3s ease;
  }
  #mainContentsCol .recommendedLinkBtn a:hover {
    opacity: 0.8;
  }
  #mainContentsCol .recommendedLinkBtn::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    width: 6vw;
    height: 6vw;
    background-color: #0082a8;
  }
  #mainContentsCol .recommendedLinkBtn::after {
    content: '';
    position: absolute;
    bottom: 2.13333vw;
    right: 2.66667vw;
    display: block;
    width: 2.13333vw;
    height: 2.13333vw;
    border-top: 0.26667vw solid #ffffff;
    border-right: 0.26667vw solid #ffffff;
    rotate: 45deg;
  }

  #modal_movie {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    display: none;
  }
  #modal_movie .overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
  }
  #modal_movie .btn {
    background-color: transparent;
    width: 45px;
    height: 45px;
    margin: 0;
    display: block;
    position: absolute;
    top: 23%;
    right: 0;
    border-radius: 4px;
    cursor: pointer;
  }
  #modal_movie .btn:hover {
    opacity: .8;
  }
  #modal_movie .btn:before {
    content: '';
    width: 100%;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 0;
    background-color: #fff;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  #modal_movie .btn:after {
    content: '';
    width: 100%;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 0;
    background-color: #fff;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  #modal_movie .movie_wrap {
    position: fixed;
    top: 30%;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 0;
    padding: 56.25% 0 0 0;
    position: relative;
  }
  #modal_movie .movie_wrap iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
}