body {
    width:750px;
    margin:0 auto;
    font-family: "Noto Sans JP", sans-serif;
    position:relative;
    border:thin solid #ccc;
}
.fig-min {
    font-family: "Noto Serif JP", serif;
}
.fig-hina {
    font-family: "Hina Mincho", serif;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0.1em;
}
span.fig-red {
    color: #a40001;
}
.row {
    width:570px;
    margin:0 auto;
}
.tate {
    writing-mode: vertical-rl;
}
header .header-logo a {
    position:absolute;
    top:50px;
    left:50%;
    transform: translateX(-50%);
}
.kv-area {
    width:100%;
    height:900px;
    padding-top:140px;
    background-image: url(https://21021653.fs1.hubspotusercontent-na1.net/hubfs/21021653/assets/images/lp2409/kv.jpg);
    background-size: cover;
    text-align: center;
}
.kv-area h2 {
    margin-bottom:.8em;
    font-size:30px;
}
.kv-area h2::before, .kv-area h2::after {
    width:24px;
    height: 24px;
    margin:0 .2em;
    content:'';
    display: inline-block;
    background-image: url(https://21021653.fs1.hubspotusercontent-na1.net/hubfs/21021653/assets/images/lp2409/icon_takedabishi_red.svg);
    background-size: contain;
    background-repeat: no-repeat;
}
.kv-area h1 {
    font-size:74px;
    letter-spacing: 0.06em;
    font-weight:bold;
    text-shadow: 0 0 8px #fff;
}
.kv-area h1 span {
    font-size:85%;
}
.product {
    padding-top:104px;
    text-align: center;
}
.product h2 {
    margin-bottom:72px;
    text-align: center;
    font-size:42px;
    font-weight: 400;
}
.product-inner {
    padding:72px 0;
    border-top:thin solid #bfbfbf;
}
.product-inner h3 {
    margin-bottom:64px;
    font-size: 42px;
}
.product-inner figure {
    margin-bottom:24px;
    position:relative;
}
.product-inner figure figcaption.prod-tag {
    position:absolute;
    right:0;
    top:0;
}
.product-inner figure figcaption.prod-tag ul {
    width:30px;
    margin-left:8px;
    padding:0;
    height:460px;
    list-style: none;
    display:inline-block;
}
.product-inner figure figcaption.prod-tag ul li {
    margin-bottom:8px;
    padding:.8em .1em;
    writing-mode: vertical-rl;
    font-size: 20px;
    letter-spacing: 0;
    color: #a40001;
    border:thin solid #a40001;
    border-radius: 16px;
}
h4.prod-name {
    margin-bottom:.8em;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: .1em;
}
p.prod-copy {
    margin-bottom: .8em;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.8;
}
p.speck {
    margin-bottom: 0.8em;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.6;
}
.prod-feature {
    padding-top:64px;
}
.prod-feature p {
    margin-bottom:.4em;
    margin-left:.6em;
    font-size: 18px;
}
.prod-feature h4 {
    font-size:42px;
}
.prod-feature figure {
    margin-left:-31px;
    margin-right:-31px;
    margin-top:64px;
}
a.btn-a {
    width:350px;
    height: 54px;
    margin:0 auto;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    background-color: #a40001;
    position: relative;
}
a.btn-a::after {
    width:8px;
    height: 16px;
    content: '';
    background-image: url(https://21021653.fs1.hubspotusercontent-na1.net/hubfs/21021653/assets/images/lp2409/chevron_right_wht.svg);
    position: absolute;
    right:20px;
    top:50%;
    transform: translateY(-50%);
}
a.btn-a:hover {
    background-color: #aaa;
}
.dwonloadBtn {
    padding-top:32px;
}

.about {
    padding:140px;
    height:420px;
    display: flex;
    justify-content: center;
    background-color: #ebebcd;
    box-sizing: content-box;
    position:relative
}
.about p {
    font-size: 22px;
    line-height: 2.2;
    order:1;
    letter-spacing: .08em;
    position: relative;
    z-index:10;
}
.about h2 {
    margin-left:20px;
    font-size: 42px;
    order:2;
    position: relative;
    z-index:10;
}
.about::before {
    width: 100%;
    height:100%;
    content: '';
    background-image: url(https://21021653.fs1.hubspotusercontent-na1.net/hubfs/21021653/assets/images/lp2409/bg_nami.png);
    position:absolute;
    left:0;
    bottom:0;
    background-repeat: no-repeat;
    background-position: bottom ;
}
.about::after {
    width:1px;
    height:72px;
    content:'';
    border-left:thin solid #0d0d0d;
    position:absolute;
    left:50%;
    bottom:-36px;
}
.process {
    padding:72px 0;
}
.process h2 {
    font-size: 42px;
    margin:64px 0;
    text-align: center;
}
.process-cont {
    margin:0;
    padding:0;
    list-style: none;;
}
.process-cont li {
    width: 650px;
    margin:0 auto 120px auto;
    filter: drop-shadow(4px 4px 8px rgba(0,0,0,.4));
    background-color: #f5f5ee;
    position:relative;
}
.process-cont li:last-child {
    margin-bottom:0;
}
.process-cont li::after {
    width:78px;
    height:28px;
    content:'';
    background-image: url(https://21021653.fs1.hubspotusercontent-na1.net/hubfs/21021653/assets/images/lp2409/chevron_down_red.svg);
    background-size: cover;
    position:absolute;
    left:50%;
    bottom:-60px;
    transform: translate(-50%, 50%);
}
.process-cont li:last-child::after {
    content:none;
}
.process-cont li .wrapp {
    padding:64px 0;
    text-align: center;
    color: #fff;
    background-color: #ab1415;
    position:relative;
}
.process-cont li .wrapp::before {
    width:100%;
    height:100%;
    content:'';
    background-image: url(https://21021653.fs1.hubspotusercontent-na1.net/hubfs/21021653/assets/images/lp2409/bg_nami_red.png);
    background-repeat: no-repeat;
    background-position:left 190px;
    position:absolute;
    left:0;
    bottom:0;
    opacity:.2;
}
.process-cont li:first-child .wrapp::before {
    background-position:bottom;
}
.process-cont li .wrapp  > * {
    position:relative;
    z-index:4;
}
.process-cont li h3 {
    margin-bottom:1.5em;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
}
.process-cont li h3 .numb {
    margin-top:-.1em;
    font-size: 90px;
    font-weight: 400;
    line-height: 1.2;
    color: #fff;
    opacity: 0.25;
}
.process-cont li h3 .tit-process {
    margin-left: -.4em;;
    font-size: 36px;
    color: #fff;
}
.process-cont li .leadblock h5 {
    margin-bottom:.4em;
    font-size: 24px;
}
.process-cont li .leadblock p.lead {
    font-size: 20px;
    line-height: 1.6;
}
.process-cont li figure img {
    margin:32px auto;    
}
.process-cont li h4 {
    margin-bottom:.6em;
    font-size:24px;
    font-weight:500;
}
.process-cont li h4::before, 
.process-cont li h4::after {
    width:24px;
    height: 24px;
    margin:0 8px;
    content:'';
    display:inline-block;
    background-image: url(https://21021653.fs1.hubspotusercontent-na1.net/hubfs/21021653/assets/images/lp2409/icon_takedabishi.svg);
    background-size: cover;
    vertical-align: -.15em;
}
.process-cont li p.process-copy {
    font-size: 20px;
    line-height: 1.8;
}
.process-cont li .process-inner {
    padding:64px 40px;
}
.process-cont li .process-inner .inner-cont {
    padding:48px 0;
    display:flex;
    gap:30px;
    align-items: flex-start;
    border-bottom:thin solid #ccc;
}
.process-cont li .process-inner .inner-cont:last-child {
    padding-bottom:0;
    border:none;
}
.process-cont li .process-inner .inner-cont:first-child {
    padding-top:0;
}
.process-cont li .process-inner .inner-cont .col {
    flex-basis: 270px;
}
.process-cont li .process-inner .inner-cont .col h5 {
    margin-bottom:.4em;
    margin-top:-.2em;
    font-size:24px;
    font-weight:700;
}
.process-cont li .process-inner .inner-cont .col h5::before {
    margin-right:.2em;
    content:'●';
    color:#ab1415;
}
.process-cont li .process-inner .inner-cont .col p {
    font-size:20px;
    font-weight:400;
    line-height: 1.7;
}
.process-cont li .process-inner .inner-cont .col figure img {
    margin:0;
}
.contact {
    padding:48px 0;
    text-align: center;
    background-image: url(https://21021653.fs1.hubspotusercontent-na1.net/hubfs/21021653/assets/images/lp2409/bg_nami_gold.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position:bottom;
}
.contact h2 {
    margin-bottom:.2em;
    font-size:42px;
}
.contact p {
    font-size:20px;
}
.product-line {
    padding:72px 0;
    display: flex;
    flex-wrap: wrap;
    gap:28px;
    justify-content: center;
}
.contact .soudan {
    margin-bottom:88px;
    padding:72px 0;
    display:flex;
    justify-content: center;
}
.contact .soudan p.lead {
    text-align: left;
    font-size: 26px;
    line-height: 2.2;
}
.btn-area-bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap:24px;
}
a.btn-b {
    width:640px;
    height: 72px;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-decoration: none;
    font-size: 24px;
    font-weight:400;
    letter-spacing: .1em;
    background-color: #ab1415;
    display:flex;
    position:relative;
}
a.btn-b::after {
    width:40px;
    height:10px;
    content:'';
    background-image: url(https://21021653.fs1.hubspotusercontent-na1.net/hubfs/21021653/assets/images/lp2409/arrow_right_wht.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position:absolute;
    right:20px;
    top:50%;
    transform: translateY(-50%);
}
a.btn-b:hover {
    background-color: #ccc;
}

footer {
    padding:16px;
    text-align: center;
    color: #fff;
    background-color: #959557;
    font-size: 14px;
    font-weight: 300;
}
@media screen and (max-width: 1000px) {
    .kv-area h1 {
        font-weight:400;
        text-shadow: none;
    }
}