@media screen and (min-width: 769px) {
    .is-sp {
        display: none
    }
}

.svg_pc {
    display: inline;
}

.svg_smp {
    display: none;
}

@media screen and (max-width: 768px) {
    .svg_pc {
        display: none;
    }

    .svg_smp {
        display: inline;
    }
}

.inView {
    opacity: 1;
    transform: translateY(50px);
    transition-property: transform, -webkit-transform, opacity;
    transition-duration: 1s;
    transition-delay: 0s;
    backface-visibility: hidden
}

.inView.delay500ms {
    transition-delay: .5s
}

@media screen and (max-width: 768px) {
    .inView.delay500ms {
        transition-delay: 0s
    }
}

.inView.delay1000ms {
    transition-delay: 1s
}

@media screen and (max-width: 768px) {
    .inView.delay1000ms {
        transition-delay: 0s
    }
}

.inView.delay1500ms {
    transition-delay: 1.5s
}

@media screen and (max-width: 768px) {
    .inView.delay1500ms {
        transition-delay: 0s
    }
}

.inView.delay2000ms {
    transition-delay: 2s
}

@media screen and (max-width: 768px) {
    .inView.delay2000ms {
        transition-delay: 0s
    }
}

.inView.delay2500ms {
    transition-delay: 2.5s
}

@media screen and (max-width: 768px) {
    .inView.delay2500ms {
        transition-delay: 0s
    }
}

.inView.delay3000ms {
    transition-delay: 3s
}

@media screen and (max-width: 768px) {
    .inView.delay3000ms {
        transition-delay: 0s
    }
}

.inView.delay3500ms {
    transition-delay: 3.5s
}

@media screen and (max-width: 768px) {
    .inView.delay3500ms {
        transition-delay: 0s
    }
}

.inView.delay4000ms {
    transition-delay: 4s
}

@media screen and (max-width: 768px) {
    .inView.delay4000ms {
        transition-delay: 0s
    }
}

.inView.delay4500ms {
    transition-delay: 4.5s
}

@media screen and (max-width: 768px) {
    .inView.delay4500ms {
        transition-delay: 0s
    }
}

.inView.delay5000ms {
    transition-delay: 5s
}

@media screen and (max-width: 768px) {
    .inView.delay5000ms {
        transition-delay: 0s
    }
}

.inView.inViewOn {
    opacity: 1;
    transform: translateY(0)
}

#kiwami .kiwami {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 16px;
    line-height: 1.8;
    -webkit-font-smoothing: antialiased
}

@media screen and (max-width: 768px) {
    #kiwami .kiwami {
        font-size: 14px
    }
}

#kiwami .kiwami *,
#kiwami .kiwami *:before,
#kiwami .kiwami *:after {
    box-sizing: border-box
}

#kiwami .kiwami img {
    max-width: 100%;
    width: auto
}

#kiwami .kiwami h1,
#kiwami .kiwami h2,
#kiwami .kiwami h3 {
    font-weight: normal
}

#kiwami .kiwami .kv {
    width: 100%
}

#kiwami .kiwami .kv img {
    width: 100%;
    display: block
}

#kiwami .kiwami .lead {
    padding: 100px 0;
    background: url(https://sanyo-i-p-s3.s3.ap-northeast-1.amazonaws.com/contents/oldsite/sc-100nencoat_kiwami/lead_bg.png) top 5vw right 10% no-repeat;
    background-size: 32%
}



#kiwami .kiwami .lead__txt {
    max-width: 940px;
    width: 90%;
    margin: 0 auto
}

@media screen and (max-width: 768px) {
    #kiwami .kiwami .lead {
        padding: 50px 0 60px;
        background: url(https://sanyo-i-p-s3.s3.ap-northeast-1.amazonaws.com/contents/oldsite/sc-100nencoat_kiwami/lead_bg_sp.png) top 5vw right no-repeat;
        background-size: clamp(225px, 80vw, 300px);
    }

    #kiwami .kiwami .lead__txt {
        width: 80%
    }
}

#kiwami .kiwami .lead__txt p {
    font-size: clamp(16px, 2vw, 22px);
    line-height: 2
}

@media screen and (max-width: 768px) {
    #kiwami .kiwami .lead__txt p {
        font-size: 16px
    }
}

#kiwami .kiwami .lead__txt p:not(:last-of-type) {
    margin-bottom: 30px
}

@media screen and (max-width: 768px) {
    #kiwami .kiwami .lead__txt p:not(:last-of-type) {
        margin-bottom: 20px
    }
}

#kiwami .kiwami .label {
    margin-bottom: 120px
}

@media screen and (max-width: 768px) {
    #kiwami .kiwami .label {
        margin-bottom: 40px
    }
}

#kiwami .kiwami .label__box {
    position: relative;
    display: table;
    margin: auto;
    max-width: 540px
}

@media screen and (max-width: 768px) {
    #kiwami .kiwami .label__box {
        width: 100%;
        max-width: none
    }
}

#kiwami .kiwami .label__box img {
    width: 100%
}

#kiwami .kiwami .label__ttl {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    padding: 20px;
    display: flex;
    align-items: center
}

#kiwami .kiwami .label__ttl:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.7);
    mix-blend-mode: multiply
}

#kiwami .kiwami .label__ttl img {
    position: relative;
    width: clamp(119.2px, 13.54545vw, 149px)
}

@media screen and (max-width: 768px) {
    #kiwami .kiwami .label__ttl img {
        width: clamp(88px, 29.33333vw, 110px)
    }
}

#kiwami .kiwami .label__ttl span {
    line-height: 1.5
}

#kiwami .kiwami .label__ttl span:nth-child(1) {
    align-self: flex-start
}

#kiwami .kiwami .label__ttl span:nth-child(2) {
    align-self: center;
    transform: translateY(-1.3em)
}

#kiwami .kiwami .label__ttl span:nth-child(2):before {
    height: calc(100% - 0.5em)
}

#kiwami .kiwami .label__ttl span:nth-child(3) {
    align-self: flex-end
}

#kiwami .kiwami .price-list {
    max-width: 80%;
    width: 306px;
    padding: 40px 0 0 30px;
    border-left: 1px solid #decda0;
    position: absolute
}

#kiwami .kiwami .price-list__ttl {
    font-size: 18px
}

#kiwami .kiwami .price-list__table {
    display: table;
    width: 100%;
    font-size: 14px
}

#kiwami .kiwami .price-list__table__row {
    display: table-row
}

#kiwami .kiwami .price-list__table__item {
    display: table-cell;
    font-weight: normal;
    padding-top: 8px
}

#kiwami .kiwami .price-list__table__link {
    display: block;
    width: 60px;
    margin-left: auto;
    text-decoration: none;
    border-bottom: 1px solid #decda0;
    font-family: "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
    text-align: center;
    font-size: 12px;
    line-height: 1.5
}

#kiwami .kiwami .product01 {
    margin-bottom: 220px
}

#kiwami .kiwami .product01__inner {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 50px;
}

@media screen and (min-width: 769px) {
    #kiwami .kiwami .product01__inner {
        width: 90%;
    }
}

@media screen and (max-width: 768px) {
    #kiwami .kiwami .product01__inner {
        flex-direction: column;
        width: 100%;
        row-gap: 180px;
    }
}

#kiwami .kiwami .product01__img {
    width: 50%;
    position: relative
}

@media screen and (max-width: 768px) {
    #kiwami .kiwami .product01__img {
        width: 100%;
    }
}

#kiwami .kiwami .product01__img .price-list {
    right: 0;
    bottom: 0;
    transform: translateY(calc(100% - 20px))
}

@media screen and (max-width: 768px) {
    #kiwami .kiwami .product01__img .price-list {
        right: 50%;
        transform: translate(50%, calc(100% - 20px))
    }
}

#kiwami .kiwami .product01__content {
    width: 90%;
    max-width: 1100px;
    margin: 0 auto 50px;
}

@media screen and (max-width: 768px) {
    #kiwami .kiwami .product01__content {
        width: 80%;
        margin-bottom: 50px
    }
}

#kiwami .kiwami .product01__ttl {
    padding: 30px 0 30px 30px;
    position: relative;
    border-left: 1px solid #decda0;
    margin-bottom: 40px
}

@media screen and (max-width: 768px) {
    #kiwami .kiwami .product01__ttl {
        padding: 0 0 0 30px
    }
}

#kiwami .kiwami .product01__ttl:before {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 100%;
    background: #decda0;
    top: 0;
    left: 0;
    transform: rotate(10deg)
}

@media screen and (max-width: 768px) {
    #kiwami .kiwami .product01__ttl {
        margin-bottom: 40px
    }
}

#kiwami .kiwami .product01__ttl img {
    height: clamp(63.2px, 7.18182vw, 79px)
}

@media screen and (max-width: 768px) {
    #kiwami .kiwami .product01__ttl img {
        height: clamp(116px, 38.66667vw, 145px)
    }
}

#kiwami .kiwami .cotton01 {
    position: relative;
    margin-bottom: 160px
}

#kiwami .kiwami .cotton01:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: calc(100% - 140px);
    background: url(https://sanyo-i-p-s3.s3.ap-northeast-1.amazonaws.com/contents/oldsite/sc-100nencoat_kiwami/cotton01_bg.jpg) 0 0/cover no-repeat
}


#kiwami .kiwami .cotton01__inner {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding-bottom: 145px
}

@media screen and (min-width: 769px) {
    #kiwami .kiwami .cotton01__inner {
        width: 90%
    }
}

@media screen and (max-width: 768px) {
    #kiwami .kiwami .cotton01__inner {
        padding-bottom: 28vw
    }
}

#kiwami .kiwami .cotton01__ttl {
    position: absolute
}

@media screen and (max-width: 768px) {
    #kiwami .kiwami .cotton01__ttl {
        left: 10%
    }
}

#kiwami .kiwami .cotton01__ttl img {
    width: clamp(73.6px, 8.36364vw, 92px)
}

@media screen and (max-width: 768px) {
    #kiwami .kiwami .cotton01__ttl img {
        width: clamp(58.4px, 19.46667vw, 73px)
    }
}

#kiwami .kiwami .cotton01__img.img01 {
    position: absolute;
    left: 13%;
    top: 50px;
    width: 24.18182%
}

@media screen and (max-width: 768px) {
    #kiwami .kiwami .cotton01__img.img01 {
        width: 46.66667%;
        left: 40%;
        top: 0
    }
}

#kiwami .kiwami .cotton01__img.img02 {
    display: block;
    margin-left: auto;
    width: 58%;
    padding-top: 200px
}

@media screen and (max-width: 768px) {
    #kiwami .kiwami .cotton01__img.img02 {
        width: 100%;
        padding-top: 82vw;
        transition-delay: 1s
    }
}

#kiwami .kiwami .cotton01__img.img03 {
    position: absolute;
    width: 41.54545%;
    left: 29.2%;
    bottom: -45px
}

@media screen and (max-width: 768px) {
    #kiwami .kiwami .cotton01__img.img03 {
        width: 76.53333%;
        left: 14.4%;
        bottom: -10vw
    }
}

#kiwami .kiwami .cotton02__inner {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 40px
}

@media screen and (min-width: 769px) {
    #kiwami .kiwami .cotton02__inner {
        width: 90%
    }
}

@media screen and (max-width: 768px) {
    #kiwami .kiwami .cotton02__inner {
        display: block;
        width: 80%
    }
}

#kiwami .kiwami .cotton02__ttl {
    padding: 30px 0 30px 30px;
    position: relative;
    border-left: 1px solid #decda0;
    width: 49.36364%
}

@media screen and (max-width: 768px) {
    #kiwami .kiwami .cotton02__ttl {
        padding: 0 0 0 30px
    }
}

#kiwami .kiwami .cotton02__ttl:before {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 100%;
    background: #decda0;
    top: 0;
    left: 0;
    transform: rotate(10deg)
}

@media screen and (max-width: 768px) {
    #kiwami .kiwami .cotton02__ttl {
        width: 100%;
        margin-bottom: 40px
    }
}

#kiwami .kiwami .cotton02__ttl img {
    height: clamp(104px, 11.81818vw, 130px)
}

@media screen and (max-width: 768px) {
    #kiwami .kiwami .cotton02__ttl img {
        height: clamp(86.4px, 28.8vw, 108px)
    }
}

#kiwami .kiwami .cotton02__txt {
    width: 46.90909%
}

@media screen and (max-width: 768px) {
    #kiwami .kiwami .cotton02__txt {
        width: 100%;
        margin-bottom: 20px
    }
}

#kiwami .kiwami .cotton02__txt p:not(:last-child) {
    margin-bottom: 1.8em
}

#kiwami .kiwami .cotton02__txt p:last-child {
    margin-bottom: 0
}

#kiwami .kiwami .cotton02__img {
    display: flex;
    margin-bottom: 120px
}

@media screen and (max-width: 768px) {
    #kiwami .kiwami .cotton02__img {
        width: 80%;
        margin: 0 auto 40px;
        flex-wrap: wrap
    }
}

#kiwami .kiwami .cotton02__img li {
    width: 100%
}

#kiwami .kiwami .cotton02__img img {
    width: 100%
}

#kiwami .kiwami .cotton02__item {
    max-width: calc(50% + 550px);
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    margin-bottom: 110px
}

@media screen and (max-width: 768px) {
    #kiwami .kiwami .cotton02__item {
        display: block;
        margin-bottom: 30px
    }
}

#kiwami .kiwami .cotton02__item__main {
    width: 56.69291%
}

@media screen and (max-width: 768px) {
    #kiwami .kiwami .cotton02__item__main {
        width: 90%;
        margin-left: auto
    }
}

#kiwami .kiwami .cotton02__item__main img {
    width: 100%
}

#kiwami .kiwami .cotton02__item__sub {
    width: 36.22047%
}

@media screen and (max-width: 768px) {
    #kiwami .kiwami .cotton02__item__sub {
        width: 100%
    }
}

#kiwami .kiwami .cotton02__item__sub img {
    width: 100%;
    margin-bottom: 60px
}

@media screen and (max-width: 768px) {
    #kiwami .kiwami .cotton02__item__sub img {
        margin-bottom: 30px
    }
}

@media screen and (max-width: 768px) {
    #kiwami .kiwami .cotton02__item__sub p {
        width: 80%;
        margin: 0 auto 30px
    }
}

#kiwami .kiwami .detail01__inner {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 120px;
    display: grid;
    grid-template-columns: 38% 1fr auto;
    grid-template-rows: auto 1fr;
    gap: 0px 0px;
    grid-auto-flow: row;
    grid-template-areas: "ttl img copy" "txt img copy"
}

@media screen and (min-width: 769px) {
    #kiwami .kiwami .detail01__inner {
        width: 90%
    }
}

@media screen and (max-width: 768px) {
    #kiwami .kiwami .detail01__inner {
        margin-bottom: 60px;
        grid-template-columns: 64% 1fr;
        grid-template-rows: auto auto auto;
        grid-template-areas: "ttl ttl" "img copy" "txt txt"
    }
}

#kiwami .kiwami .detail01__ttl {
    grid-area: ttl;
    padding: 30px 0 30px 30px;
    position: relative;
    border-left: 1px solid #decda0;
    margin-bottom: 40px
}

@media screen and (max-width: 768px) {
    #kiwami .kiwami .detail01__ttl {
        padding: 0 0 0 30px
    }
}

#kiwami .kiwami .detail01__ttl:before {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 100%;
    background: #decda0;
    top: 0;
    left: 0;
    transform: rotate(10deg)
}

@media screen and (max-width: 768px) {
    #kiwami .kiwami .detail01__ttl {
        width: 80%;
        margin: 0 auto 40px
    }
}

#kiwami .kiwami .detail01__ttl img {
    height: clamp(64px, 7.27273vw, 80px)
}

@media screen and (max-width: 768px) {
    #kiwami .kiwami .detail01__ttl img {
        height: clamp(120.8px, 40.26667vw, 151px)
    }
}

#kiwami .kiwami .detail01__img {
    grid-area: img;
    margin: 0 45px 0 55px
}

@media screen and (max-width: 768px) {
    #kiwami .kiwami .detail01__img {
        margin: 0 0 30px
    }
}

#kiwami .kiwami .detail01__txt {
    grid-area: txt
}

@media screen and (max-width: 768px) {
    #kiwami .kiwami .detail01__txt {
        width: 80%;
        margin: auto
    }
}

#kiwami .kiwami .detail01__txt p:not(:last-child) {
    margin-bottom: 1.8em
}

#kiwami .kiwami .detail01__txt p:last-child {
    margin-bottom: 0
}

#kiwami .kiwami .detail01__copy {
    grid-area: copy;
    font-size: 26px;
    position: relative;
    writing-mode: vertical-rl;
    text-orientation: upright;
    padding-right: 30px
}

@media screen and (max-width: 768px) {
    #kiwami .kiwami .detail01__copy {
        font-size: 18px
    }
}

#kiwami .kiwami .detail01__copy span {
    display: table;
    line-height: 1.8;
    position: relative
}

#kiwami .kiwami .detail01__copy span:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background: #decda0
}

#kiwami .kiwami .detail01__copy img {
    width: clamp(72.8px, 8.27273vw, 91px)
}

#kiwami .kiwami .detail02 {
    background: #212534;
    margin-bottom: 110px;
    padding: 130px 60px;
    position: relative
}

@media screen and (max-width: 768px) {
    #kiwami .kiwami .detail02 {
        margin-bottom: 60px;
        padding: 55px 35px 70px
    }
}

#kiwami .kiwami .detail02:before {
    content: "";
    display: block;
    position: absolute;
    width: calc(100% - 60px);
    height: calc(100% - 60px);
    top: 30px;
    left: 30px;
    border: 1px solid #ebe0c5
}

@media screen and (max-width: 768px) {
    #kiwami .kiwami .detail02:before {
        width: calc(100% - 20px);
        height: calc(100% - 40px);
        top: 20px;
        left: 10px
    }
}

#kiwami .kiwami .detail02:after {
    content: "";
    display: block;
    position: absolute;
    width: calc(100% - 60px);
    height: calc(100% - 60px - 14px);
    top: 37px;
    left: 30px;
    border-top: 1px solid #ebe0c5;
    border-bottom: 1px solid #ebe0c5
}

@media screen and (max-width: 768px) {
    #kiwami .kiwami .detail02:after {
        width: calc(100% - 20px);
        height: calc(100% - 40px - 8px);
        top: 24px;
        left: 10px
    }
}

#kiwami .kiwami .detail02__inner {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1
}

@media screen and (min-width: 769px) {
    #kiwami .kiwami .detail02__inner {
        width: 90%
    }
}

#kiwami .kiwami .detail02__item {
    display: flex;
    justify-content: space-between
}

@media screen and (max-width: 768px) {
    #kiwami .kiwami .detail02__item {
        display: block
    }
}

#kiwami .kiwami .detail02__item:not(:last-child) {
    margin-bottom: 80px
}

@media screen and (max-width: 768px) {
    #kiwami .kiwami .detail02__item:not(:last-child) {
        margin-bottom: 50px
    }
}

#kiwami .kiwami .detail02__item--reverse {
    flex-direction: row-reverse
}

#kiwami .kiwami .detail02__item--01 .detail02__item__ttl img {
    height: clamp(21.6px, 2.45455vw, 27px)
}

@media screen and (max-width: 768px) {
    #kiwami .kiwami .detail02__item--01 .detail02__item__ttl img {
        height: clamp(38.4px, 12.8vw, 48px)
    }
}

#kiwami .kiwami .detail02__item--02 .detail02__item__ttl img {
    height: clamp(57.6px, 6.54545vw, 72px)
}

@media screen and (max-width: 768px) {
    #kiwami .kiwami .detail02__item--02 .detail02__item__ttl img {
        height: clamp(66.4px, 22.13333vw, 83px)
    }
}

#kiwami .kiwami .detail02__item__img {
    width: 48.18182%
}

@media screen and (max-width: 768px) {
    #kiwami .kiwami .detail02__item__img {
        width: 100%;
        margin-bottom: 20px
    }
}

#kiwami .kiwami .detail02__item__content {
    width: 48.18182%;
    color: #decda0
}

@media screen and (max-width: 768px) {
    #kiwami .kiwami .detail02__item__content {
        width: 100%
    }
}

#kiwami .kiwami .detail02__item__ttl {
    margin-bottom: 20px;
    padding-bottom: 20px;
    position: relative
}

@media screen and (max-width: 768px) {
    #kiwami .kiwami .detail02__item__ttl {
        font-size: 20px;
        padding-bottom: 15px;
        text-align: center
    }
}

#kiwami .kiwami .detail02__item__ttl:before {
    content: "";
    display: block;
    position: absolute;
    width: 34px;
    height: 1px;
    background: #decda0;
    left: 0;
    bottom: 0
}

@media screen and (max-width: 768px) {
    #kiwami .kiwami .detail02__item__ttl:before {
        width: 27px;
        left: 50%;
        transform: translateX(-50%)
    }
}

#kiwami .kiwami .detail03 {
    margin-bottom: 110px
}

@media screen and (max-width: 768px) {
    #kiwami .kiwami .detail03 {
        margin-bottom: 40px
    }
}

#kiwami .kiwami .detail03__inner {
    max-width: calc(50% + 550px);
    margin-left: auto;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse
}

@media screen and (max-width: 768px) {
    #kiwami .kiwami .detail03__inner {
        display: block
    }
}

#kiwami .kiwami .detail03__img {
    width: 50%
}

@media screen and (max-width: 768px) {
    #kiwami .kiwami .detail03__img {
        width: 100%;
        margin-bottom: 40px
    }
}

#kiwami .kiwami .detail03__content {
    width: 43.63636%
}

@media screen and (max-width: 768px) {
    #kiwami .kiwami .detail03__content {
        width: 80%;
        margin: 0 auto
    }
}

#kiwami .kiwami .detail03__ttl {
    padding: 30px 0 30px 30px;
    position: relative;
    border-left: 1px solid #decda0;
    margin-bottom: 40px
}

@media screen and (max-width: 768px) {
    #kiwami .kiwami .detail03__ttl {
        padding: 0 0 0 30px
    }
}

#kiwami .kiwami .detail03__ttl:before {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 100%;
    background: #decda0;
    top: 0;
    left: 0;
    transform: rotate(10deg)
}

#kiwami .kiwami .detail03__ttl img {
    height: clamp(62.4px, 7.09091vw, 78px)
}

@media screen and (max-width: 768px) {
    #kiwami .kiwami .detail03__ttl img {
        height: clamp(86.4px, 28.8vw, 108px)
    }
}

#kiwami .kiwami .detail03__txt p:not(:last-child) {
    margin-bottom: 1.8em
}

#kiwami .kiwami .detail03__txt p:last-child {
    margin-bottom: 0
}

#kiwami .kiwami .product02 {
    margin-bottom: 220px;
    display: flex;
    flex-direction: column;
    row-gap: 180px;
}

@media screen and (max-width: 768px) {
    #kiwami .kiwami .product02 {
        row-gap: 160px;
        margin-bottom: 170px
    }
}

#kiwami .kiwami .product02__inner {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-width: 769px) {
    #kiwami .kiwami .product02__inner {
        width: 90%
    }
}

#kiwami .kiwami .product02__img {
    position: relative
}

#kiwami .kiwami .product02__img img {
    width: 100%
}

#kiwami .kiwami .product02__img .price-list {
    left: 50%;
    bottom: 0;
    transform: translate(-50%, calc(100% - 20px))
}

#kiwami .kiwami .link {
    margin-bottom: 120px;
    text-decoration: none;
}

#kiwami .kiwami .link__list {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    gap: 60px
}

@media screen and (min-width: 769px) {
    #kiwami .kiwami .link__list {
        width: 90%
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    #kiwami .kiwami .link__list {
        gap: 30px
    }
}

@media screen and (max-width: 768px) {
    #kiwami .kiwami .link__list {
        width: calc(100% - 50px);
        display: block
    }
}

#kiwami .kiwami .link__item {
    width: 100%
}

@media screen and (max-width: 768px) {
    #kiwami .kiwami .link__item:not(:last-child) {
        margin-bottom: 60px
    }
}

#kiwami .kiwami .link__item__img {
    margin-bottom: 30px;
    position: relative
}

#kiwami .kiwami .link__item__img img {
    width: 100%
}

#kiwami .kiwami .link__item__img:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    border: 10px solid #fff;
    opacity: 0.5
}

#kiwami .kiwami .link__item__ttl {
    text-align: center;
    font-size: 20px;
    min-height: calc(40px * 1.2);
    border-left: 1px solid #decda0;
    border-right: 1px solid #decda0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px
}

@media screen and (max-width: 768px) {
    #kiwami .kiwami .link__item__ttl {
        min-height: 28px
    }
}

#kiwami .kiwami .link__item__txt {
    font-size: 14px
}

#kiwami .kiwami .link__item__link {
    text-align: center;
    font-size: 12px;
    margin-top: 25px
}

#kiwami .kiwami .link__item__link a {
    text-decoration: underline
}

#kiwami .kiwami .link__item__link a:hover {
    text-decoration: none
}