/* import */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+JP:wght@100..900&display=swap');

/* common */
* {box-sizing:border-box;}
html, html a, * {-webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility;}
body {position:relative; min-width:1056px; margin:0; padding:0; padding-right:0 !important; background-color:transparent; color:#212121; -webkit-text-size-adjust:none; font-family:'Noto Sans JP', sans-serif; font-weight:400; font-size:18px; line-height:2; word-wrap:break-word;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {margin:0; line-height:1.5; font-weight:700; font-family:'Noto Sans JP', sans-serif;}
p {margin:0;}
p:not(:last-child) {margin-bottom:30px;}
ul, ol {margin:0;}
a {color:#212121; transition:all .2s ease-in-out;}
a:link, a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
img {vertical-align:middle;}

/* util */
.container {min-width:1056px; max-width:1056px; width:100%; margin:auto;}
.button {position:relative; display:inline-flex; justify-content:center; align-items:center; min-width:320px; height:70px; padding:0 30px; border-radius:50px; background-color:#fff; border:2px solid #000; font-weight:700; font-size:18px;}
.img-fluid {max-width:100%; height:auto;}
.text-primary {color:#14B3E0;}
.text-large {font-size:120%;}

/* header */
.header {position:fixed; min-width:1056px; width:100%; background-color:#fff; z-index:9999;}
.header-inner {display:flex; justify-content:space-between; align-items:center; height:74px; padding:0 15px;}
.header-nav-list {display:flex; align-items:center; column-gap:25px; list-style:none; margin-bottom:0; padding-left:0;}
.header-nav-list__item {line-height:1;}
.header-nav-list__item-link {display:flex; justify-content:center; align-items:center; color:#14B3E0; font-weight:700;}
.header-nav-list__item-link:hover {color:#14B3E0;}
.header-nav-list__item.register .header-nav-list__item-link {height:50px; padding:0 20px; background-color:#EF2762; border-radius:6px; color:#fff;}
.header-nav-list__item.register .header-nav-list__item-link:hover {background-color:#fff; color:#EF2762;}
.header-brand {width:172px; line-height:0;}

/* main */
.main {position:relative; padding-top:74px;}

/* mod */
.mod-section {position:relative; padding-top:100px; padding-bottom:100px;}
.mod-bg-light {background-color:#F2F2F4;}
.mod-bg-gradient {background:linear-gradient(90deg, #57BFD5 0%, #A5DDD5 100%);}
.mod-heading {position:relative; margin-bottom:70px; text-align:center; color:#14B3E0; font-weight:900; font-size:48px; line-height:1;}
.mod-bg-gradient .mod-heading {color:#fff;}
.mod-content {}
.mod-more {margin-top:50px; text-align:center;}
.mod-button-more {position:relative; display:inline-flex; justify-content:center; align-items:center; width:387px; height:72px; background-color:#14B3E0; border-radius:8px; color:#fff; font-weight:700; font-size:24px;}
.mod-button-more::before {content:''; width:8px; height:8px; margin-top:-5px; border-top:solid 2px #fff; border-right:solid 2px #fff; transform:rotate(45deg); position:absolute; top:50%; right:20px;}
.mod-cta {padding:30px 0 15px; background:linear-gradient(90deg, rgba(68, 199, 221, 1) 0%, rgba(61, 126, 204, 1) 100%);}
.mod-fixed-cta {display:none; position:fixed; bottom:0; left:0; width:100%; padding:15px 0; background:rgba(242, 242, 244, .95);}
.mod-fixed-cta.show {display:block;}
.mod-cta-list {display:flex; justify-content:center; column-gap:25px;}
.mod-cta-list__item {}
.mod-cta-list__item-link {position:relative; display:flex; justify-content:center; align-items:center; width:420px; height:74px; box-shadow:4px 4px 4px rgba(0, 0, 0, .25); border:4px solid #fff; border-radius:37px; color:#fff; font-weight:700; font-size:24px;}
.mod-cta-list__item-link:hover {transform:translateY(4px); box-shadow:none;}
.mod-cta-list__item-link::before {content:''; width:8px; height:8px; margin-top:-5px; border-top:solid 2px #fff; border-right:solid 2px #fff; transform:rotate(45deg); position:absolute; top:50%; right:20px;}
.mod-cta-list__item-link.line {background-color:#00B900;}
.mod-cta-list__item-link.register {background-color:#EF2762;}
.mod-cta-list__item-link-heading {position:absolute; top:-17px; left:50%; transform:translateX(-50%); display:flex; justify-content:center; align-items:center; width:274px; height:25px; text-align:center; background-color:#fff; border:1px solid transparent; border-radius:12.5px; color:#212121; font-weight:500; font-size:12px;}
.mod-cta-list__item-link.line .mod-cta-list__item-link-heading {border-color:#00B900;}
.mod-cta-list__item-link.register .mod-cta-list__item-link-heading {border-color:#EF2762;}

/* content */
.hero {overflow:hidden;}
#fundsFrame {display:block; width:100%; height:484px;  border:none;}
.funds .mod-more {margin-top:0;}
.features-list {display:flex; justify-content:center; column-gap:45px;}
.features-list__item {flex:1;}
.features-list__item-heading {margin-bottom:30px; text-align:center; color:#14B3E0; font-size:28px;}
.features-list__item-thumbnail {margin-bottom:30px;}
.features-list__item-subheading {margin-bottom:30px; text-align:center; font-size:20px;}
.features-list__item-text {font-size:16px;}
.features-list__item-text small {color:#212121; font-size:14px; opacity:.8;}
.risk-box {padding:50px; background-color:#fff; border-radius:20px;}
.risk-box-list {display:flex; justify-content:center; column-gap:45px;}
.risk-box-list__item {flex:1;}
.risk-box-list__item-heading {margin-bottom:30px; font-size:28px;}
.risk-box-list__item-heading span {color:#14B3E0;}
.risk-box-list__item-text {font-weight:700; font-size:16px;}
.risk-box-list__item-subheading {margin-bottom:30px; text-align:center; color:#14B3E0; font-size:24px;}
.company-list {display:flex; justify-content:center; column-gap:45px;}
.company-list__item {flex:1;}
.company-list__item-heading {margin-bottom:20px; color:#14B3E0; font-size:32px; line-height:1;}
.company-list__item-text {margin-bottom:20px; line-height:1.5;}
.company-list__item-subheading {font-size:32px; line-height:1;}
.comparison-box {margin-bottom:30px; padding:50px 50px 0; background-color:#fff; border-radius:20px;}
.comparison-table {width:100%; table-layout:fixed; border-collapse:collapse;}
.comparison-table thead th {border:2px solid #fff; border-bottom-width:20px;}
.comparison-table tbody td {}
.comparison-table tbody tr:not(:last-child) td {border-bottom:20px solid #fff;}
.comparison-table thead th:first-child {width:167px;}
.comparison-table th,
.comparison-table td {padding:20px 0; vertical-align:middle; text-align:center; font-weight:700; font-size:24px; line-height:1.15;}
.comparison-table th.fundi {background-color:#14B3E0; color:#fff;}
.comparison-table td.fundi {background-color:#E2F5FB; color:#14B3E0;}
.comparison-table th {background-color:#E6E6E6;}
.comparison-table td {background-color:#F4F4F4;}
.comparison-table td span {margin-right:5px; font-size:32px; font-family:'Montserrat', sans-serif;}
.comparison-table td small {font-size:20px;}
.pickup-list {}
.pickup-list {display:flex; justify-content:center; column-gap:45px;}
.pickup-list__item {position:relative; flex:1;}
.pickup-list__item-content {display:flex; align-items:center; height:170px; padding:30px 0; background-color:#fff; border-radius:10px;}
.pickup-list__item-heading {width:100%; text-align:center; font-weight:700; font-size:24px;line-height:1.2;}
.pickup-list__item-heading b {background:linear-gradient(transparent 50%, #FFEB00 50%); color:#1660C1; font-size:28px;}
.pickup-list__item-icon {position:absolute; left:50%; bottom:-100px; transform:translateX(-50%);}
.pickup-list__item:nth-child(1) .pickup-list__item-icon {width:97px;}
.pickup-list__item:nth-child(2) .pickup-list__item-icon {width:163px;}
.flow-list {display:flex; justify-content:center; column-gap:45px;}
.flow-list__item {flex:1;}
.flow-list__item-heading {margin-bottom:30px; text-align:center; color:#14B3E0; font-size:28px; font-family:'Montserrat', sans-serif;}
.flow-list__item-thumbnail {margin-bottom:30px;}
.flow-list__item-subheading {margin-bottom:30px; text-align:center; font-size:20px;}
.flow-list__item-text {font-size:16px;}
.line-banner {padding:30px 0; text-align:center; background:url(../images/line-bg.jpg) center center / cover no-repeat;}
.faq-list__item {padding:40px; background-color:#fff; border-radius:10px;}
.faq-list__item:not(:last-child) {margin-bottom:30px;}
.faq-list__item-q {position:relative; padding:0 50px; font-size:24px; cursor:pointer;}
.faq-list__item-q::before {content:'Q.'; color:#14B3E0; font-family:'Montserrat', sans-serif; position:absolute; top:7px; left:0; line-height:1;}
.faq-list__item-q::after {content:''; width:10px; height:10px; border-bottom:solid 2px #999; border-left:solid 2px #999; transform:rotate(-45deg); position:absolute; top:12px; right:0; transition:all .2s ease-in-out;}
.faq-list__item-a {display:none; padding:0 50px; margin-top:20px;}
.faq-list__item.show .faq-list__item-q::after {transform:rotate(135deg);}
.faq-list__item.show .faq-list__item-a {}

/* footer */
.footer {padding:70px 0 119px; background-color:#212121;}
.footer-about-logo {margin-bottom:30px;}
.footer-about-logo-link {margin-bottom:30px;}
.footer-about-logo-link img {width:206px;}
.footer-about-title {margin-bottom:30px; color:#fff; font-size:20px;}
.footer-about-text {margin-bottom:30px; color:#fff; font-size:16px;}
.footer-nav-list {display:flex; column-gap:30px; padding-left:0; list-style:none;}
.footer-nav-list__item {}
.footer-nav-list__item-link {color:#fff; font-size:14px; text-decoration:underline !important;}
.footer-nav-list__item-link:hover {text-decoration:none !important;}
.footer-copyright {margin-top:20px; color:rgba(255, 255, 255, .5); font-size:14px;}

.-pc {display:block;}
.-pc-inline {display:inline;}
.-sp {display:none;}
.-sp-inline {display:none;}

@media (max-width:767px) {
    /* common */
    body {min-width:inherit; font-size:16px; line-height:1.75;}
    p:not(:last-child) {margin-bottom:20px;}

    /* util */
    .container {min-width:inherit; max-width:inherit; padding-left:15px; padding-right:15px;}
    .button {}

    /* header */
    .header {min-width:inherit;}
    .header-inner {height:64px; padding:0 15px;}
    .header-nav-list {column-gap:10px;}
    .header-nav-list__item-link {font-size:14px;}
    .header-nav-list__item.register .header-nav-list__item-link {height:42px; padding:0 10px;}

    /* main */
    .main {padding-top:64px;}

    /* mod */
    .mod-section {padding-top:60px; padding-bottom:60px;}
    .mod-heading {margin-bottom:40px; font-size:32px; line-height:1.25;}
    .mod-fixed-cta {padding:10px 0;}
    .mod-fixed-cta .mod-cta-list {flex-direction:row; column-gap:10px;}
    .mod-fixed-cta .mod-cta-list__item {width:100%;}
    .mod-fixed-cta .mod-cta-list__item-link {height:42px; border-width:2px; border-radius:4px; font-size:18px;}
    .mod-fixed-cta .mod-cta-list__item-link::before {display:none;}
    .mod-cta-list {flex-direction:column; row-gap:25px;}
    .mod-cta-list__item-link {width:100%;}
    .mod-more {margin-top:40px;}
    .mod-button-more {width:100%; font-size:20px;}

    /* content */
    #fundsFrame {height:1554px; margin-bottom:-50px;}
    .funds .mod-heading {margin-bottom:0;}
    .features-list {flex-direction:column; row-gap:40px;}
    .features-list__item-thumbnail {margin-bottom:20px;}
    .features-list__item-heading {font-size:28px;}
    .features-list__item-subheading {margin-bottom:10px;}
    .risk-box {padding:15px;}
    .risk-box-list {flex-direction:column; row-gap:20px;}
    .risk-box-list__item-heading {margin-bottom:20px; font-size:18px;}
    .risk-box-list__item-subheading {margin-bottom:20px; font-size:18px;}
    .company-list {flex-direction:column; row-gap:30px;}
    .comparison {margin-top:70px; padding-bottom:100px;}
    .comparison-box {padding:15px 15px 0; overflow:auto;}
    .comparison-table th,
    .comparison-table td {font-size:16px;}
    .comparison-table thead th,
    .comparison-table thead th:first-child {width:100px;}
    .comparison-table thead th {border-bottom-width:10px;}
    .comparison-table tbody tr:not(:last-child) td {border-bottom-width:10px;}
    .comparison-table td span {font-size:24px;}
    .comparison-table td small {font-size:16px;}
    .pickup-list {flex-direction:column; row-gap:100px;}
    .pickup-list__item-content {height:auto; padding:40px 0;}
    .flow-list {flex-direction:column; row-gap:40px;}
    .flow-list__item-heading {font-size:28px;}
    .flow-list__item-thumbnail {margin-bottom:20px;}
    .flow-list__item-subheading {margin-bottom:10px;}
    .company-list__item-heading {font-size:24px;}
    .company-list__item-subheading {font-size:24px;}
    .line-banner {background-image:url(../images/line-bg-sp.jpg)}
    .faq-list__item {padding:15px;}
    .faq-list__item:not(:last-child) {margin-bottom:20px;}
    .faq-list__item-q {padding:0 30px; font-size:18px;}
    .faq-list__item-a {margin-top:15px; padding:0;}

    /* footer */
    .footer {padding:40px 0 82px;}
    .footer-about-logo {margin-bottom:20px;}
    .footer-about-logo-link {margin-bottom:20px;}
    .footer-about-logo-link img {width:145px;}
    .footer-about-title {margin-bottom:20px; font-size:14px;}
    .footer-about-text {margin-bottom:20px; font-size:12px;}
    .footer-nav-list {flex-wrap:wrap;}
    .footer-nav-list__item {}
    .footer-nav-list__item-link {color:#fff; font-size:14px; text-decoration:underline !important;}
    .footer-nav-list__item-link:hover {text-decoration:none !important;}
    .footer-copyright {margin-top:20px; color:rgba(255, 255, 255, .5); font-size:14px;}

    .-pc {display:none;}
    .-pc-inline {display:none;}
    .-sp {display:block;}
    .-sp-inline {display:inline;}
}