@charset "UTF-8";

/* =================================================================
size
=================================================================*/
/*  コンテンツ
-------------------------------------------------------------*/
size-block__wrap {
    padding: 0 0 12rem
}

.size-block+.size-block {
    margin: 12rem 0 0
}

@media screen and (max-width: 767px) {
    .size-block+.size-block {
        margin: 6rem 0 0
    }
}

.size-block__wrap {
    margin: 6rem 0 0
}

.size-block__title {
    font-size: 3.2rem;
    font-weight: 300;
    margin: 0 0 1.5rem
}

@media screen and (max-width: 767px) {
    .size-block__title {
        font-size: 2.2rem
    }
}

.size-block__sub-title {
    font-size: 2.2rem;
    font-weight: 600;
    margin: 6rem 0 1.5rem;
    line-height: 1
}

@media screen and (max-width: 767px) {
    .size-block__sub-title {
        font-size: 2rem;
        margin: 4rem 0 2rem;
        line-height: 1.65
    }
}

.size-block__body {
    font-size: 2rem;
    line-height: 1.8
}

@media screen and (max-width: 767px) {
    .size-block__body {
        font-size: 1.4rem
    }
}

.size-block__body a {
    color: #000;
    text-decoration: underline
}

.size-block__image-container {
    display: flex;
    margin: 2rem 0 0
}

@media screen and (max-width: 767px) {
    .size-block__image-container {
        flex-wrap: wrap
    }
}

.size-block .measure {
    display: block;
    width: 30rem;
    height: 40rem
}

@media screen and (max-width: 767px) {
    .size-block .measure {
        width: 50%;
        height: 20rem
    }
}

.size-block .ring-image {
    display: block;
    width: 50rem;
    height: 30rem;
    margin: 2rem 0 0
}

@media screen and (max-width: 767px) {
    .size-block .ring-image {
        width: 100%;
        height: 20rem
    }
}

.size-block .table-of-size {
    display: block;
    width: 88rem;
    height: auto;
    margin: 4rem 0 0
}

@media screen and (max-width: 767px) {
    .size-block .table-of-size {
        width: 100%;
        height: auto
    }
}

.size-block .note {
    margin: 0;
    list-style: none;
    padding: 3rem 0 0
}

@media screen and (max-width: 767px) {
    .size-block .note {
        padding: 2rem 0 0
    }
}

.size-block .note li {
    position: relative;
    font-size: 1.8rem;
    padding: 0 0 0 2.5rem
}

@media screen and (max-width: 767px) {
    .size-block .note li {
        font-size: 1.4rem;
        padding: 0 0 0 2rem
    }
}

.size-block .note li a {
    color: #000;
    text-decoration: underline
}

.size-block .note li+li {
    margin: 1.2rem 0 0
}

.size-block .note li:before {
    content: "※";
    position: absolute;
    top: 0;
    left: 0
}

.size-block__wrap {
    padding: 0 0 12rem
}

.size-block+.size-block {
    margin: 12rem 0 0
}

@media screen and (max-width: 767px) {
    .size-block+.size-block {
        margin: 6rem 0 0
    }
}

.size-block__wrap {
    margin: 6rem 0 0
}

.size-block__title {
    font-size: 3.2rem;
    font-weight: 300;
    margin: 0 0 1.5rem
}

@media screen and (max-width: 767px) {
    .size-block__title {
        font-size: 2.2rem
    }
}

.size-block__sub-title {
    font-size: 2.2rem;
    font-weight: 600;
    margin: 6rem 0 1.5rem;
    line-height: 1
}

@media screen and (max-width: 767px) {
    .size-block__sub-title {
        font-size: 2rem;
        margin: 4rem 0 2rem;
        line-height: 1.65
    }
}

.size-block__body {
    font-size: 2rem;
    line-height: 1.8
}

@media screen and (max-width: 767px) {
    .size-block__body {
        font-size: 1.4rem
    }
}

.size-block__body a {
    color: #000;
    text-decoration: underline
}

.size-block__image-container {
    display: flex;
    margin: 2rem 0 0
}

@media screen and (max-width: 767px) {
    .size-block__image-container {
        flex-wrap: wrap
    }
}

.size-block .measure {
    display: block;
    width: 30rem;
    height: 40rem
}

@media screen and (max-width: 767px) {
    .size-block .measure {
        width: 50%;
        height: 20rem
    }
}

.size-block .ring-image {
    display: block;
    width: 50rem;
    height: 30rem;
    margin: 2rem 0 0
}

@media screen and (max-width: 767px) {
    .size-block .ring-image {
        width: 100%;
        height: 20rem
    }
}

.size-block .table-of-size {
    display: block;
    width: 88rem;
    height: auto;
    margin: 4rem 0 0
}

@media screen and (max-width: 767px) {
    .size-block .table-of-size {
        width: 100%;
        height: auto
    }
}

.size-block .note {
    margin: 0;
    list-style: none;
    padding: 3rem 0 0
}

@media screen and (max-width: 767px) {
    .size-block .note {
        padding: 2rem 0 0
    }
}

.size-block .note li {
    position: relative;
    font-size: 1.8rem;
    padding: 0 0 0 2.5rem
}

@media screen and (max-width: 767px) {
    .size-block .note li {
        font-size: 1.4rem;
        padding: 0 0 0 2rem
    }
}

.size-block .note li a {
    color: #000;
    text-decoration: underline
}

.size-block .note li+li {
    margin: 1.2rem 0 0
}

.size-block .note li:before {
    content: "※";
    position: absolute;
    top: 0;
    left: 0
}