*{margin:0;padding:0;border:0;box-sizing:border-box;}
html,body{line-height:1;}
ol,ul{list-style:none;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;display:block;}

:root{
--color-black-1:#333;
--color-black-2:#4a4c4d;
--color-black-3:#636566;
--color-black-4:#7c7f80;
--color-black-5:#949799;
--color-black-6:#aeb1b3;
--color-black-7:#c6cacc;
--color-black-8:#dfe4e6;
--color-black-9:#ebf0f2;
--color-white:#fff;
--color-red:#ff6450;
--color-yellow:#ff8634;
--color-cta:#00b772;
--color-attention:#ff0046;
}

body *{
color:var(--color-black-1);
font-family:Inter,Noto Sans JP,sans-serif;
font-size:19px;
font-weight:700;
letter-spacing:.04em;
line-height:1.6;
}

.bg-black-9{background:#ebf0f2;}
.bg-black-1{background:#333;}
.color-white{color:#fff;}

.header{padding:20px;}
.header_logo{display:block;max-width:192px;}

.container{padding:48px 20px 80px;}
.container #hubspot-form-contact-page{
background:#fff;
margin:auto;
max-width:800px;
padding:60px 20px 64px;
}
.container iframe{
max-width:640px;
width:100%;
margin:auto;
display:block;
}

.tab{
display:flex;
margin:auto;
max-width:800px;
position:relative;
}
.tab:not(.tab.download) .tab_item:last-child {
    background-color: var(--color-black-7);
    background-image: none;
}

.tab.download .tab_item:first-child {
    background-color: var(--color-black-7);
    background-image: none;
}
.tab.download:before {
    background-image: linear-gradient(90deg, #00b772, #00b7b7);
}

.tab:before{
content:"";
position:absolute;
bottom:-4px;
width:100%;
height:4px;
background:linear-gradient(90deg,#ff6450,#ff8634);
}
.tab_item{
flex:1;
display:flex;
align-items:center;
justify-content:center;
height:64px;
border-radius:8px 8px 0 0;
background:linear-gradient(90deg,#ff6450,#ff8634);
color:#fff;
}
.tab_item:last-child{
background:linear-gradient(90deg,#00b772,#00b7b7);
}

.footer{
padding:40px 20px 28px;
text-align:center;
}
.footer_logo{
margin:auto;
max-width:204px;
}
.footer_links{
display:flex;
justify-content:center;
gap:24px;
margin-top:28px;
}
.footer_link{
font-size:13px;
text-decoration:underline;
}
.footer_copyright{
font-size:11px;
margin-top:20px;
opacity:.5;
}


@media screen and (max-width: 768px) {
    div .header_logo {
        max-width: 120px;
    }
    .container {
        padding: 28px 0 0;
    }
    .tab_item {
        font-size: 15px;
        height: 48px;
    }
    .footer {
        padding-bottom: 88px;
    }
    .footer_link {
        font-size: 11px;
    }
}
.sp\:block {
    display: none!important
}
.color-black-4 {
    color: var(--color-black-4);
}



.container_thanks {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: calc(100vh - 279px);
    padding: 80px 20px;
    text-align: center;
}
.color-red {
    color: var(--color-red);
}
.container_thanks .content .heading {
    font-size: 28px;
}
.container_thanks .content .lead {
    font-size: 17px;
    margin-top: 40px;
}
.container_thanks .content .return {
    display: inline-block;
    font-size: 17px;
    margin-top: 40px;
    text-decoration: underline;
    text-underline-offset: 2px;
}

@media screen and (max-width: 768px) {
    .container_thanks {
        min-height: calc(100vh - 270px);
    }
    .container_thanks .content .heading {
        font-size: 21px;
    }
    .sp\:block {
        display: block !important;
    }
    .container_thanks .content .lead {
        font-size: 15px;
    }
    .container_thanks .content .return {
        margin-top: 24px;
    }

}