html {
        font-family: sans-serif;
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%
    }

    body {
        margin: 0;
        word-wrap: break-word
    }

    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    main,
    menu,
    nav,
    section,
    summary {
        display: block
    }

    audio,
    canvas,
    progress,
    video {
        display: inline-block;
        vertical-align: baseline
    }

    audio:not([controls]) {
        display: none;
        height: 0
    }

    [hidden],
    template {
        display: none
    }

    a {
        background-color: transparent
    }

    a:active,
    a:hover {
        outline: 0
    }

    abbr[title] {
        border-bottom: 1px dotted
    }

    b,
    strong {
        font-weight: 700
    }

    dfn {
        font-style: italic
    }

    h1 {
        font-size: 2em;
        margin: .67em 0
    }

    mark {
        background: #ff0;
        color: #000
    }

    small {
        font-size: 80%
    }

    sub,
    sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline
    }

    sup {
        top: -.5em
    }

    sub {
        bottom: -.25em
    }

    img {
        border: 0
    }

    svg:not(:root) {
        overflow: hidden
    }

    figure {
        margin: 0
    }

    hr {
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        height: 0
    }

    pre {
        overflow: auto
    }

    code,
    kbd,
    pre,
    samp {
        font-family: monospace, monospace;
        font-size: 1em
    }

    button,
    input,
    optgroup,
    select,
    textarea {
        color: inherit;
        font: inherit;
        margin: 0
    }

    button {
        overflow: visible
    }

    button,
    select {
        text-transform: none
    }

    button,
    html input[type="button"],
    /* 1 */


    body {
        font-size: 17px;
        background-color: #F4F4F4;
        user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-drag: none;
        -khtml-user-drag: none
    }

    @media screen and (min-width: 920px) {
        body {
            width: 620px;
            margin: 0 auto
        }
    }

    body .article-header-wrapper img {
        max-width: 100%
    }

    body .article-body {
        position: relative;
        font-size: 17px;
        line-height: 1.8;
        padding: 15px 20px;
        background-color: #ffffff
    }

    body .article-body span,
    body .article-body p,
    body .article-body div,
    body .article-body h1,
    body .article-body h2,
    body .article-body h3,
    body .article-body h4,
    body .article-body h5,
    body .article-body h6 {
        max-width: 100%
    }

    body .article-body .sb-font-bold {
        font-weight: bold
    }

    body .article-body .sb-color-black {
        color: #000
    }

    body .article-body .sb-color-red {
        color: #ff0000
    }

    body .article-body .sb-color-blue {
        color: #0000ff
    }

    body .article-body .sb-align-left {
        display: block;
        text-align: left
    }

    body .article-body .sb-align-center {
        display: block;
        text-align: center
    }

    body .article-body .sb-align-right {
        display: block;
        text-align: right
    }

    body .article-body .sb-bg-gray {
        background: linear-gradient(to right, #eee 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
        background: -webkit-linear-gradient(left, #eee 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
        transition: background-position 1s ease-out;
        -webkit-transition: background-position 1s ease-out;
        background-position: bottom 0 right 100%
    }

    body .article-body .sb-bg-white {
        background: linear-gradient(to right, #fff 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
        background: -webkit-linear-gradient(left, #fff 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
        transition: background-position 1s ease-out;
        -webkit-transition: background-position 1s ease-out;
        background-position: bottom 0 right 100%
    }

    body .article-body .sb-bg-black {
        background: linear-gradient(to right, #000 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
        background: -webkit-linear-gradient(left, #000 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
        transition: background-position 1s ease-out;
        -webkit-transition: background-position 1s ease-out;
        background-position: bottom 0 right 100%
    }

    body .article-body .sb-bg-red {
        background: linear-gradient(to right, red 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
        background: -webkit-linear-gradient(left, red 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
        transition: background-position 1s ease-out;
        -webkit-transition: background-position 1s ease-out;
        background-position: bottom 0 right 100%
    }

    body .article-body .sb-bg-green {
        background: linear-gradient(to right, lime 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
        background: -webkit-linear-gradient(left, lime 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
        transition: background-position 1s ease-out;
        -webkit-transition: background-position 1s ease-out;
        background-position: bottom 0 right 100%
    }

    body .article-body .sb-bg-yellow {
        background: linear-gradient(to right, #ffee57 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
        background: -webkit-linear-gradient(left, #ffee57 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
        transition: background-position 1s ease-out;
        -webkit-transition: background-position 1s ease-out;
        background-position: bottom 0 right 100%
    }

    body .article-body .sb-bg-blue {
        background: linear-gradient(to right, blue 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
        background: -webkit-linear-gradient(left, blue 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
        transition: background-position 1s ease-out;
        -webkit-transition: background-position 1s ease-out;
        background-position: bottom 0 right 100%
    }

    body .article-body .sb-fs-10 {
        font-size: 10px
    }

    body .article-body .sb-fs-13 {
        font-size: 13px
    }

    body .article-body .sb-fs-15 {
        font-size: 15px
    }

    body .article-body .sb-fs-17 {
        font-size: 17px
    }

    body .article-body .sb-fs-19 {
        font-size: 19px
    }

    body .article-body .sb-fs-21 {
        font-size: 21px
    }

    body .article-body .sb-fs-23 {
        font-size: 23px
    }

    body .article-body .sb-fs-25 {
        font-size: 25px
    }

    body .article-body .sb-fs-27 {
        font-size: 27px
    }

    body .article-body .sb-fs-29 {
        font-size: 29px
    }

    body .article-body h2 {
        font-size: 27px;
        margin: 0
    }

    body .article-body p {
        margin: 0
    }

    body .article-body a {
        text-decoration: underline;
        color: #4682b4
    }

    body .article-body iframe {
        display: block;
        max-width: 100%;
        margin-top: 20px !important;
        margin-bottom: 20px !important
    }

    body .article-body video {
        display: block;
        max-width: 100%;
        margin-top: 20px !important;
        margin-bottom: 20px !important
    }

    body .article-body video:not(.lazyload) {
        height: auto !important
    }

    body .article-body img:not(.lazyload) {
        height: auto !important
    }

    body .article-body img {
        display: block;
        max-width: 100%;
        margin-top: 20px !important;
        margin-bottom: 20px !important
    }

    body .article-body img.sb-fl {
        float: left;
        margin-right: 10px
    }

    body .article-body img.sb-fc {
        display: block;
        float: none;
        margin: 0 auto
    }

    body .article-body img.sb-fr {
        float: right;
        margin-left: 10px
    }

    body .article-body img.sb-img-move-side {
        animation: sb_img_move_side 1s ease-in-out infinite alternate !important
    }

    @keyframes sb_img_move_side {
        0% {
            transform: translateX(-5px)
        }

        100% {
            transform: translateX(5px)
        }
    }

    body .article-body .sb-bg-gum-marker,
    body .article-body .sb-bg-gum-marker-animated {
        background: linear-gradient(to right, #ffee57 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
        background: -webkit-linear-gradient(left, #ffee57 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
        transition: background-position 1s ease-out;
        -webkit-transition: background-position 1s ease-out
    }

    body .article-body .sb-bg-gum-marker.animated,
    body .article-body .sb-bg-gum-marker-animated.animated {
        background-position: bottom 0 right 100% !important
    }

    body .article-body .sb-bg-gum-marker.sb-bg-gray,
    body .article-body .sb-bg-gum-marker-animated.sb-bg-gray {
        background: linear-gradient(to right, #eee 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
        background: -webkit-linear-gradient(left, #eee 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
        transition: background-position 1s ease-out;
        -webkit-transition: background-position 1s ease-out
    }

    body .article-body .sb-bg-gum-marker.sb-bg-gray.animated,
    body .article-body .sb-bg-gum-marker-animated.sb-bg-gray.animated {
        background-position: bottom 0 right 100%
    }

    body .article-body .sb-bg-gum-marker.sb-bg-white,
    body .article-body .sb-bg-gum-marker-animated.sb-bg-white {
        background: linear-gradient(to right, #fff 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
        background: -webkit-linear-gradient(left, #fff 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
        transition: background-position 1s ease-out;
        -webkit-transition: background-position 1s ease-out
    }

    body .article-body .sb-bg-gum-marker.sb-bg-white.animated,
    body .article-body .sb-bg-gum-marker-animated.sb-bg-white.animated {
        background-position: bottom 0 right 100%
    }

    body .article-body .sb-bg-gum-marker.sb-bg-black,
    body .article-body .sb-bg-gum-marker-animated.sb-bg-black {
        background: linear-gradient(to right, #000 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
        background: -webkit-linear-gradient(left, #000 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
        transition: background-position 1s ease-out;
        -webkit-transition: background-position 1s ease-out
    }

    body .article-body .sb-bg-gum-marker.sb-bg-black.animated,
    body .article-body .sb-bg-gum-marker-animated.sb-bg-black.animated {
        background-position: bottom 0 right 100%
    }

    body .article-body .sb-bg-gum-marker.sb-bg-red,
    body .article-body .sb-bg-gum-marker-animated.sb-bg-red {
        background: linear-gradient(to right, red 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
        background: -webkit-linear-gradient(left, red 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
        transition: background-position 1s ease-out;
        -webkit-transition: background-position 1s ease-out
    }

    body .article-body .sb-bg-gum-marker.sb-bg-red.animated,
    body .article-body .sb-bg-gum-marker-animated.sb-bg-red.animated {
        background-position: bottom 0 right 100%
    }

    body .article-body .sb-bg-gum-marker.sb-bg-green,
    body .article-body .sb-bg-gum-marker-animated.sb-bg-green {
        background: linear-gradient(to right, lime 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
        background: -webkit-linear-gradient(left, lime 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
        transition: background-position 1s ease-out;
        -webkit-transition: background-position 1s ease-out
    }

    body .article-body .sb-bg-gum-marker.sb-bg-green.animated,
    body .article-body .sb-bg-gum-marker-animated.sb-bg-green.animated {
        background-position: bottom 0 right 100%
    }

    body .article-body .sb-bg-gum-marker.sb-bg-yellow,
    body .article-body .sb-bg-gum-marker-animated.sb-bg-yellow {
        background: linear-gradient(to right, #ffee57 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
        background: -webkit-linear-gradient(left, #ffee57 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
        transition: background-position 1s ease-out;
        -webkit-transition: background-position 1s ease-out
    }

    body .article-body .sb-bg-gum-marker.sb-bg-yellow.animated,
    body .article-body .sb-bg-gum-marker-animated.sb-bg-yellow.animated {
        background-position: bottom 0 right 100%
    }

    body .article-body .sb-bg-gum-marker.sb-bg-blue,
    body .article-body .sb-bg-gum-marker-animated.sb-bg-blue {
        background: linear-gradient(to right, blue 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
        background: -webkit-linear-gradient(left, blue 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
        transition: background-position 1s ease-out;
        -webkit-transition: background-position 1s ease-out
    }

    body .article-body .sb-bg-gum-marker.sb-bg-blue.animated,
    body .article-body .sb-bg-gum-marker-animated.sb-bg-blue.animated {
        background-position: bottom 0 right 100%
    }

    body .article-body .article-body-comment {
        display: table;
        margin-bottom: 1.5em;
        padding-bottom: 1em;
        width: 100% !important;
        max-width: 100% !important
    }

    body .article-body .article-body-comment .comment-image,
    body .article-body .article-body-comment .comment-content {
        display: table-cell;
        vertical-align: top
    }

    body .article-body .article-body-comment .comment-image {
        padding-right: 1em
    }

    body .article-body .article-body-comment .comment-image>img {
        display: block;
        height: auto;
        max-width: none;
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    body .article-body .article-body-comment .comment-content {
        width: 100%
    }

    body .article-body .article-body-comment .comment-content .comment-title {
        font-size: 1em;
        margin: 0 0 0.5em 0;
        font-weight: bold
    }

    body .article-body .article-body-comment .comment-content p {
        line-height: 1.5em;
        margin-bottom: 0.5em
    }

    body .article-body .article-body-comment .comment-content p.comment-detail {
        color: rgba(51, 51, 51, 0.5);
        font-size: 0.9em;
        font-style: italic
    }

    body .article-body .sb-custom img {
        display: block !important
    }

    body .article-body .sb-form iframe {
        height: 0;
        margin: 0 auto !important
    }



    .preview-message-47b58f80-c40d-4e6c-8901-d2600a872264 {
        position: fixed;
        top: 0;
        left: 0;
        color: #fff;
        background-color: red;
        width: 100%;
        height: 60px;
        line-height: 60px;
        text-align: center;
        font-size: 16px;
        font-weight: bold;
        z-index: 2147483647
    }

    .preview-message-47b58f80-c40d-4e6c-8901-d2600a872264 .close {
        font-size: 12px;
        border: 1px solid #fff;
        border-radius: 4px;
        padding: 4px;
        margin-left: 10px
    }

    body {
        user-select: inherit !important
    }



    body {}




    .article-body {

        font-size: 20px !important;


        font-family: Hiragino Sans, Arial, sans-serif !important;


        color: #000000 !important;


        line-height: 1.8 !important;



        padding-top: 15px !important;


        padding-bottom: 15px !important;


        padding-left: 20px !important;


        padding-right: 20px !important;




    }

    body .article-body iframe {}

    body .article-body img {
        display: unset !important;

        margin-top: 0px !important;


        margin-bottom: 0px !important;

    }

    body .article-body video {
        display: unset !important;
    }

    body .article-body .sb-custom {

        font-size: 20px !important;


        font-family: Hiragino Sans, Arial, sans-serif !important;


        color: #000000 !important;


        line-height: 1.8 !important;

    }

    body .article-body .sb-custom img {

        margin-top: 0px !important;


        margin-bottom: 0px !important;

    }


    #sb-part-5454.sb-custom-part-lxsuwv6j5pcbvotk60e .annotation_right {
        line-height: 1.2;
        font-size: 0.5em;
        text-align: right;
    }



    #sb-part-573.sb-custom-part-mdhaj0tksd2hvaxzu6 .small {
        /*文字サイズ*/
        font-size: .8em;
        /*水平方向文字の位置。右寄せはright、真ん中はcenter、左寄せはleft*/
        text-align: right;
        /*行間調整*/
        line-height: 1.5;
        /*下側の余白*/
        margin-bottom: 1em;
        position: relative;
        top: 0px;

    }


    #sb-part-4686.sb-custom-part-mdfemg1ktquvhxwceu

    /* widget全体の設定 */
    .balloon__area {
        /* 横幅 */
        width: 100%;
        /* 高さ */
        height: auto;
        /* 位置( left | center | right ) */
        text-align: left;
        position: relative;
        text-align: center;
        border: 1px
    }

    #sb-part-4686.sb-custom-part-mdfemg1ktquvhxwceu

    /* 吹き出しの設定 */
    .under__balloon {
        display: inline-block;
        /* 外側の余白 */
        margin: 0;
        /* 内側の余白 */
        padding: 6px 8px;
        /* 最小幅 */
        min-width: 50px;
        /* 最大幅 */
        max-width: 100%;
        /* 吹き出しの色 */
        background: #FFFFCC;
        /* 吹き出しの角丸 */
        border-radius: 10px;
    }

    #sb-part-4686.sb-custom-part-mdfemg1ktquvhxwceu

    /* 吹き出しの三角 */
    .under__balloon:before {
        content: "";
        position: absolute;
        /* 表示位置（上基準） */
        top: calc(100% - 1px);
        /* 表示位置（左基準） */
        left: 50%;
        /* 外側の左余白 */
        margin-left: -8px;
        /* 三角形の横幅 */
        border: 10px solid transparent;
        /* 三角形の高さ、三角形の色 */
        border-top: 10px solid #FFFFCC;
    }

    #sb-part-4686.sb-custom-part-mdfemg1ktquvhxwceu

    /* 吹き出し内テキスト */
    .under__balloon p {
        /* 外側の余白 */
        margin: 0;
        /* 内側の余白 */
        padding: 0;
        /* 文字の大きさ */
        font-size: 20px;
        /* 文字の色 */
        color: #fff;
        /* 文字の位置 */
        text-align: center;
        /* 文字の太さ */
        font-weight: bold;
    }

    #sb-part-4686.sb-custom-part-mdfemg1ktquvhxwceu

    /* アニメーション */
    .is-slide {
        /*アニメーションの設定｜アニメーション名｜1回のサイクルに要する時間｜実行回数 */
        animation: slide 1.5s infinite;
    }

    /* アニメーションの詳細 */
    @keyframes slide {

        /* スタート時 */
        0% {
            /* X方向、Y方向 */
            transform: translate(0, 0);
        }

        50% {
            transform: translate(0, 10px);
        }

        /* 終了時 */
        100% {
            transform: translate(0, 0);
        }
    }


    #sb-part-5454.sb-custom-part-lxsuwv6j5pcbvotk60e .annotation_right {
        line-height: 1.2;
        font-size: 0.5em;
        text-align: right;
    }


    #sb-part-5211.sb-custom-part-mem6r9rrmemv26nh4gg

    /*スライダー部分の設定*/
    .swiper {
        display: flex;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        overflow: hidden;
        list-style: none;
        width: 100%;
        max-width: 800px;
        margin: 0 auto 20px;
    }

    #sb-part-5211.sb-custom-part-mem6r9rrmemv26nh4gg .swiper-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        display: flex;
        transform: translate3d(0, 0, 0);
        transition-property: transform;
        box-sizing: content-box;
    }

    #sb-part-5211.sb-custom-part-mem6r9rrmemv26nh4gg .swiper-slide {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #sb-part-5211.sb-custom-part-mem6r9rrmemv26nh4gg .swiper-slide img {
        vertical-align: bottom;
    }

    #sb-part-5211.sb-custom-part-mem6r9rrmemv26nh4gg

    /*スライダー内の画像の設定*/
    .swiper-slide img {
        width: 100%;
    }

    #sb-part-5211.sb-custom-part-mem6r9rrmemv26nh4gg .swiper-slide img.lazyload:not(.loaded) {
        width: auto;
        max-width: 100%;
    }

    #sb-part-5211.sb-custom-part-mem6r9rrmemv26nh4gg

    /*矢印の設定*/
    .swiper-button-next,
    #sb-part-5211.sb-custom-part-mem6r9rrmemv26nh4gg .swiper-button-prev {
        position: absolute;
        top: 50%;
        cursor: pointer;
    }

    #sb-part-5211.sb-custom-part-mem6r9rrmemv26nh4gg

    /*右側の矢印の設定*/
    .swiper-button-next {
        right: 10px;
        left: auto;
        outline: none;
    }

    #sb-part-5211.sb-custom-part-mem6r9rrmemv26nh4gg

    /*左側の矢印の設定*/
    .swiper-button-prev {
        left: 10px;
        right: auto;
        outline: none;
    }

    #sb-part-5211.sb-custom-part-mem6r9rrmemv26nh4gg

    /*矢印の棒（下）の設定*/
    .swiper-button-next::before,
    #sb-part-5211.sb-custom-part-mem6r9rrmemv26nh4gg .swiper-button-prev::before {
        content: " ";
        width: 50px;
        height: 50px;
        position: absolute;
        z-index: 10;
    }

    #sb-part-5211.sb-custom-part-mem6r9rrmemv26nh4gg

    /*右側の矢印の棒（下）設定*/
    .swiper-button-next::before {
        border-right: solid 8px #ccc;
        transform: translateY(-50%) rotate(45deg);
        right: 0;
    }

    #sb-part-5211.sb-custom-part-mem6r9rrmemv26nh4gg

    /*左側の矢印の棒（下）設定*/
    .swiper-button-prev::before {
        border-left: solid 8px #ccc;
        transform: translateY(-50%) rotate(-45deg);
        left: 0;
    }

    #sb-part-5211.sb-custom-part-mem6r9rrmemv26nh4gg

    /*矢印の棒（上）の設定*/
    .swiper-button-next::after,
    #sb-part-5211.sb-custom-part-mem6r9rrmemv26nh4gg .swiper-button-prev::after {
        content: " ";
        width: 50px;
        height: 50px;
        position: absolute;
        top: 5px;
        z-index: 10;
    }

    #sb-part-5211.sb-custom-part-mem6r9rrmemv26nh4gg

    /*右側の矢印の棒（上）設定*/
    .swiper-button-next::after {
        border-right: solid 8px #ccc;
        transform: translateY(-54%) rotate(-45deg);
        right: 0;
    }

    #sb-part-5211.sb-custom-part-mem6r9rrmemv26nh4gg

    /*左側の矢印の棒（上）設定*/
    .swiper-button-prev::after {
        border-left: solid 8px #ccc;
        transform: translateY(-54%) rotate(45deg);
        left: 0;
    }

    #sb-part-5211.sb-custom-part-mem6r9rrmemv26nh4gg .swiper-button-next,
    #sb-part-5211.sb-custom-part-mem6r9rrmemv26nh4gg .swiper-button-prev {
        color: transparent !important;
    }


    #sb-part-1812.sb-custom-part-mempfbbzpl8hzgavhl .balloon {
        width: 100%;
        margin: 1.5em 0;
        overflow: visible;
        display: flex;
        flex-direction: row;
    }

    #sb-part-1812.sb-custom-part-mempfbbzpl8hzgavhl .faceicon {
        flex-basis: 55px;
        flex-shrink: 0;
        align-self: flex-end;
    }

    #sb-part-1812.sb-custom-part-mempfbbzpl8hzgavhl .faceicon img {
        width: 100px;
        max-width: 100px;
        height: 100px !important;
        object-fit: cover;
        /*アイコン周りの線。線の種類｜線の太さ｜線の色*/
        border: solid 0 #FF9900;
        border-radius: 50%;
        box-sizing: border-box;
    }

    #sb-part-1812.sb-custom-part-mempfbbzpl8hzgavhl .outline-think {
        width: auto;
    }

    #sb-part-1812.sb-custom-part-mempfbbzpl8hzgavhl .think {
        display: inline-block;
        position: relative;
        margin: 0;
        padding: 12px;
        /*一番大きい吹き出しの背景色*/
        background-color: #CCE0F5;
        border-radius: 20px;
        margin-left: 50px;
    }

    #sb-part-1812.sb-custom-part-mempfbbzpl8hzgavhl .think::before {
        content: '';
        position: absolute;
        display: block;
        border-radius: 50%;
        /*中くらいの真ん中にある吹き出しの背景色*/
        background-color: #CCE0F5;
        left: -29px;
        top: 25%;
        width: 22px;
        height: 22px;
    }

    #sb-part-1812.sb-custom-part-mempfbbzpl8hzgavhl .think::after {
        content: '';
        position: absolute;
        display: block;
        border-radius: 50%;
        /*一番小さい吹き出しの背景色*/
        background-color: #CCE0F5;
        left: -45px;
        top: 50%;
        width: 12px;
        height: 12px;
    }

    #sb-part-1812.sb-custom-part-mempfbbzpl8hzgavhl .think p {
        margin: 0;
        padding: 0;
        letter-spacing: -0.01em;
    }


    #sb-part-2568.sb-custom-part-mclubmm8n41h7zv5ww .downArrow {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    #sb-part-2568.sb-custom-part-mclubmm8n41h7zv5ww .downArrow>span {
        /* 矢印の大きさの設定 */
        width: 60px;
        height: 30px;
        padding: 0 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    #sb-part-2568.sb-custom-part-mclubmm8n41h7zv5ww .downArrow>span::before {
        content: "";
        display: block;
        margin: 0 auto;
        width: 50%;
        height: 40%;
        /* 矢印の色の設定 */
        background: #002966;
    }

    #sb-part-2568.sb-custom-part-mclubmm8n41h7zv5ww .downArrow>span::after {
        content: "";
        display: block;
        width: 100%;
        height: 60%;
        /* 矢印の色の設定 */
        background: -webkit-gradient(linear, left bottom, right top, color-stop(49%, transparent), color-stop(50%, #002966)) top left/50% 100% no-repeat, -webkit-gradient(linear, right bottom, left top, color-stop(49%, transparent), color-stop(50%, #002966)) top right/50% 100% no-repeat;
        background: linear-gradient(to top right, transparent 49%, #002966 50%) top left/50% 100% no-repeat, linear-gradient(to top left, transparent 49%, #002966 50%) top right/50% 100% no-repeat;
    }

    #sb-part-2568.sb-custom-part-mclubmm8n41h7zv5ww

    /*動きの速さを変更する場合は、複数あるanimation-durationの1.5s(=1.5秒)の時間を変更
動きの回数を変更する場合は、複数あるanimation-iteration-countのinfinite（=無限, #sb-part-2568.sb-custom-part-mclubmm8n41h7zv5ww              3=3回など）を変更*/
    .movebtn {
        -webkit-animation-name: btnAnime02;
        -webkit-animation-duration: 1.5s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-timing-function: ease;
        -moz-animation-name: btnAnime02;
        -moz-animation-duration: 1.5s;
        -moz-animation-iteration-count: infinite;
        -moz-animation-timing-function: ease;
        align-items: flex-start;
        justify-content: center;
    }

    @-webkit-keyframes btnAnime02 {

        /*初期位置*/
        0% {
            /*1番目の値はX方向, 2番目の値はY方向*/
            -webkit-transform: translate(0, 0);
        }

        /*animation-durationで設定した値の半分の時間（50%）の時の位置*/
        50% {
            -webkit-transform: translate(0, -8px);
        }

        /*animation-durationで設定した値になった（100%）時の位置*/
        100% {
            -webkit-transform: translate(0, 0);
        }
    }

    /*上記の「@-webkit-keyframes btnAnime02」と同様の値にしてください*/
    @-moz-keyframes btnAnime02 {
        0% {
            -moz-transform: translate(0, 0);
        }

        50% {
            -moz-transform: translate(0, -8px);
        }

        100% {
            -moz-transform: translate(0, 0);
        }
    }


    #sb-part-5454.sb-custom-part-lz85sea7hns7clesx3 .annotation_right {
        line-height: 1.2;
        font-size: 0.5em;
        text-align: right;
    }


    #sb-part-8163.sb-custom-part-mdfu8ahdufzmnbfougp .widget--fukidashi {
        font-size: min(10px, 1.613vw);
        /* 10px / 620px = 1.613% */
    }

    #sb-part-8163.sb-custom-part-mdfu8ahdufzmnbfougp .fukidashi {
        background-color: #659AD2;
        max-width: 60em;
        margin: auto;
        padding: 0.5em 0;
        position: relative;
    }

    #sb-part-8163.sb-custom-part-mdfu8ahdufzmnbfougp .fukidashi:before {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -2.0em;
        border: 2.0em solid transparent;
        border-top: 2.0em solid #659AD2;
    }

    #sb-part-8163.sb-custom-part-mdfu8ahdufzmnbfougp .fukidashi_text {
        color: #fff;
        font-size: 3.2em;
        text-align: center;
        font-weight: bold;
        font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, san-serif;
    }

    #sb-part-8163.sb-custom-part-mdfu8ahdufzmnbfougp * {
        margin: 0;
        padding: 0;
    }


    #sb-part-5454.sb-custom-part-lxsuwv6j5pcbvotk60e .annotation_right {
        line-height: 1.2;
        font-size: 0.5em;
        text-align: right;
    }


    #sb-part-6260.sb-custom-part-md7a8lz4pdfqpivmxbm .preload {
        display: none;
    }

    #sb-part-6260.sb-custom-part-md7a8lz4pdfqpivmxbm .FV_img {
        margin: -10px -10px !important;
        max-width: calc(100% + 30px) !important;
    }


    #sb-part-5454.sb-custom-part-mckbugj0j46kms9r96p .annotation_right {
        line-height: 1.2;
        font-size: 0.6em;
        text-align: left;
    }


    #sb-part-2547.sb-custom-part-md4gbtrc4x7dyq2z5tl .box img,
    #sb-part-2547.sb-custom-part-md4gbtrc4x7dyq2z5tl .box video,
    #sb-part-2547.sb-custom-part-md4gbtrc4x7dyq2z5tl .box iframe {
        /*ボーダーの太さ*/
        border-width: 7px;
        /*ボーダーの種類*/
        border-style: solid;
        /*枠の色はカラーコードで指定してください*/
        border-color: #ffd700;
        box-sizing: border-box;
    }


    #sb-part-1812.sb-custom-part-mempjcaeasc7zylacb .balloon {
        width: 100%;
        margin: 1.5em 0;
        overflow: visible;
        display: flex;
        flex-direction: row;
    }

    #sb-part-1812.sb-custom-part-mempjcaeasc7zylacb .faceicon {
        flex-basis: 55px;
        flex-shrink: 0;
        align-self: flex-end;
    }

    #sb-part-1812.sb-custom-part-mempjcaeasc7zylacb .faceicon img {
        width: 100px;
        max-width: 100px;
        height: 100px !important;
        object-fit: cover;
        /*アイコン周りの線。線の種類｜線の太さ｜線の色*/
        border: solid 0 #FF9900;
        border-radius: 50%;
        box-sizing: border-box;
    }

    #sb-part-1812.sb-custom-part-mempjcaeasc7zylacb .outline-think {
        width: auto;
    }

    #sb-part-1812.sb-custom-part-mempjcaeasc7zylacb .think {
        display: inline-block;
        position: relative;
        margin: 0;
        padding: 12px;
        /*一番大きい吹き出しの背景色*/
        background-color: #CCE0F5;
        border-radius: 20px;
        margin-left: 50px;
    }

    #sb-part-1812.sb-custom-part-mempjcaeasc7zylacb .think::before {
        content: '';
        position: absolute;
        display: block;
        border-radius: 50%;
        /*中くらいの真ん中にある吹き出しの背景色*/
        background-color: #CCE0F5;
        left: -29px;
        top: 25%;
        width: 22px;
        height: 22px;
    }

    #sb-part-1812.sb-custom-part-mempjcaeasc7zylacb .think::after {
        content: '';
        position: absolute;
        display: block;
        border-radius: 50%;
        /*一番小さい吹き出しの背景色*/
        background-color: #CCE0F5;
        left: -45px;
        top: 50%;
        width: 12px;
        height: 12px;
    }

    #sb-part-1812.sb-custom-part-mempjcaeasc7zylacb .think p {
        margin: 0;
        padding: 0;
        letter-spacing: -0.01em;
    }


    #sb-part-5454.sb-custom-part-m9rwi7d4nreoy1jc9x .annotation_right {
        line-height: 1.2;
        font-size: 0.6em;
        text-align: left;
    }


    #sb-part-5454.sb-custom-part-lxsuw1cj2ogyz5regg9 .annotation_right {
        line-height: 1.2;
        font-size: 0.5em;
        text-align: right;
    }


    #sb-part-13119.sb-custom-part-mdha2v52y7wcoh3ylh8 .arrow_down {
        display: block;
    }


    #sb-part-8163.sb-custom-part-mcxa9fk0k6501gsv9sn .widget--fukidashi {
        font-size: min(10px, 1.613vw);
        /* 10px / 620px = 1.613% */
    }

    #sb-part-8163.sb-custom-part-mcxa9fk0k6501gsv9sn .fukidashi {
        background-color: #659AD2;
        max-width: 60em;
        margin: auto;
        padding: 0.5em 0;
        position: relative;
    }

    #sb-part-8163.sb-custom-part-mcxa9fk0k6501gsv9sn .fukidashi:before {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -2.0em;
        border: 2.0em solid transparent;
        border-top: 2.0em solid #659AD2;
    }

    #sb-part-8163.sb-custom-part-mcxa9fk0k6501gsv9sn .fukidashi_text {
        color: #fff;
        font-size: 3.2em;
        text-align: center;
        font-weight: bold;
        font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, san-serif;
    }

    #sb-part-8163.sb-custom-part-mcxa9fk0k6501gsv9sn * {
        margin: 0;
        padding: 0;
    }


    #sb-part-5454.sb-custom-part-m3wsn20x4640adu2eqq .annotation_right {
        line-height: 1.2;
        font-size: 0.6em;
        text-align: right;
    }


    #sb-part-5454.sb-custom-part-m3wsn802xbpz9qp7g .annotation_right {
        line-height: 1.2;
        font-size: 0.6em;
        text-align: left;
    }


    #sb-part-5454.sb-custom-part-lnmlklg9opfxsv5s46a .annotation_right {
        line-height: 1.2;
        font-size: 0.5em;
        text-align: right;
    }


    #sb-part-5454.sb-custom-part-lxsuw1cj2ogyz5regg9 .annotation_right {
        line-height: 1.2;
        font-size: 0.5em;
        text-align: right;
    }


    #sb-part-2568.sb-custom-part-ln9w1c2je6nxzy2bthi .downArrow {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    #sb-part-2568.sb-custom-part-ln9w1c2je6nxzy2bthi .downArrow>span {
        /* 矢印の大きさの設定 */
        width: 100px;
        height: 65px;
        padding: 0 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    #sb-part-2568.sb-custom-part-ln9w1c2je6nxzy2bthi .downArrow>span::before {
        content: "";
        display: block;
        margin: 0 auto;
        width: 50%;
        height: 40%;
        /* 矢印の色の設定 */
        background: #043782;
    }

    #sb-part-2568.sb-custom-part-ln9w1c2je6nxzy2bthi .downArrow>span::after {
        content: "";
        display: block;
        width: 100%;
        height: 60%;
        /* 矢印の色の設定 */
        background: -webkit-gradient(linear, left bottom, right top, color-stop(49%, transparent), color-stop(50%, #043782)) top left/50% 100% no-repeat, -webkit-gradient(linear, right bottom, left top, color-stop(49%, transparent), color-stop(50%, #043782)) top right/50% 100% no-repeat;
        background: linear-gradient(to top right, transparent 49%, #043782 50%) top left/50% 100% no-repeat, linear-gradient(to top left, transparent 49%, #043782 50%) top right/50% 100% no-repeat;
    }

    #sb-part-2568.sb-custom-part-ln9w1c2je6nxzy2bthi

    /*動きの速さを変更する場合は、複数あるanimation-durationの1.5s(=1.5秒)の時間を変更
動きの回数を変更する場合は、複数あるanimation-iteration-countのinfinite（=無限, #sb-part-2568.sb-custom-part-ln9w1c2je6nxzy2bthi              3=3回など）を変更*/
    .movebtn {
        -webkit-animation-name: btnAnime02;
        -webkit-animation-duration: 1.5s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-timing-function: ease;
        -moz-animation-name: btnAnime02;
        -moz-animation-duration: 1.5s;
        -moz-animation-iteration-count: infinite;
        -moz-animation-timing-function: ease;
        align-items: flex-start;
        justify-content: center;
    }

    @-webkit-keyframes btnAnime02 {

        /*初期位置*/
        0% {
            /*1番目の値はX方向, 2番目の値はY方向*/
            -webkit-transform: translate(0, 0);
        }

        /*animation-durationで設定した値の半分の時間（50%）の時の位置*/
        50% {
            -webkit-transform: translate(0, -8px);
        }

        /*animation-durationで設定した値になった（100%）時の位置*/
        100% {
            -webkit-transform: translate(0, 0);
        }
    }

    /*上記の「@-webkit-keyframes btnAnime02」と同様の値にしてください*/
    @-moz-keyframes btnAnime02 {
        0% {
            -moz-transform: translate(0, 0);
        }

        50% {
            -moz-transform: translate(0, -8px);
        }

        100% {
            -moz-transform: translate(0, 0);
        }
    }


    #sb-part-4996.sb-custom-part-ln9wajmy8x507dxwqyw

    /*全体的な指定*/
    .blackwood_box {
        position: relative;
        /*色*/
        color: #613d29;
        /*外側の余白。上下｜左右*/
        margin: 30px 0;
    }

    #sb-part-4996.sb-custom-part-ln9wajmy8x507dxwqyw .blackwood_box .selecter {
        display: none;
    }

    #sb-part-4996.sb-custom-part-ln9wajmy8x507dxwqyw

    /*アンケートボックス*/
    .blackwood_box .selecter+.choice-check {
        /*アンケート枠の線。線の種類｜線の太さ｜線の色*/
        border: solid 3px #613d29;
        display: block;
        /*アンケート枠の内側余白。上下｜左右*/
        padding: 10px 15px;
        /*アンケート内の文字の太さ*/
        font-weight: bold;
        /*アンケートの角丸*/
        border-radius: 28px;
        /*アンケートボックス外側の下余白*/
        margin-bottom: 10px;
    }

    #sb-part-4996.sb-custom-part-ln9wajmy8x507dxwqyw

    /*チェックをした時*/
    .blackwood_box .selecter:checked+.choice-check {
        /*背景色*/
        background: #f96680;
        /*アンケート枠の線の色*/
        border-color: #fff;
        /*文字色*/
        color: #fff;
        /*アンケートボックスの影。水平の距離｜垂直の距離｜ぼかし具合｜色の指定*/
        box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
        transition: 200ms;
    }

    /* 画面サイズPCの時のみhover時に反応する様にする。
  ※SP時に以下の設定があると挙動がおかしくなります。 */
    @media screen and (min-width:601px) {
        #sb-part-4996.sb-custom-part-ln9wajmy8x507dxwqyw .blackwood_box .selecter+.choice-check:hover {
            /*背景色*/
            background: #f96680;
            /*アンケート枠の線の色*/
            border-color: #fff;
            /*文字色*/
            color: #fff;
            /*アンケートボックスの影。水平の距離｜垂直の距離｜ぼかし具合｜色の指定*/
            box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
            transition: 200ms;
        }
    }


    #sb-part-4556.sb-custom-part-mdzekg12h1nubka26lr

    /*全体的な指定*/
    .blackwood_box {
        position: relative;
        /*色*/
        color: #613d29;
        /*外側の余白。上下｜左右*/
        margin: 30px 0;
    }

    #sb-part-4556.sb-custom-part-mdzekg12h1nubka26lr .blackwood_box .selecter {
        display: none;
    }

    #sb-part-4556.sb-custom-part-mdzekg12h1nubka26lr

    /*アンケートボックス*/
    .blackwood_box .selecter+.choice-check {
        /*アンケート枠の線。線の種類｜線の太さ｜線の色*/
        border: solid 3px #613d29;
        display: block;
        /*アンケート枠の内側余白。上下｜左右*/
        padding: 10px 15px;
        /*アンケート内の文字の太さ*/
        font-weight: bold;
        /*アンケートの角丸*/
        border-radius: 28px;
        /*アンケートボックス外側の下余白*/
        margin-bottom: 10px;
    }

    #sb-part-4556.sb-custom-part-mdzekg12h1nubka26lr

    /*チェックをした時*/
    .blackwood_box .selecter:checked+.choice-check {
        /*背景色*/
        background: #f96680;
        /*アンケート枠の線の色*/
        border-color: #fff;
        /*文字色*/
        color: #fff;
        /*アンケートボックスの影。水平の距離｜垂直の距離｜ぼかし具合｜色の指定*/
        box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
        transition: 200ms;
    }

    /* 画面サイズPCの時のみhover時に反応する様にする。
※SP時に以下の設定があると挙動がおかしくなります。 */
    @media screen and (min-width:601px) {
        #sb-part-4556.sb-custom-part-mdzekg12h1nubka26lr .blackwood_box .selecter+.choice-check:hover {
            /*背景色*/
            background: #f96680;
            /*アンケート枠の線の色*/
            border-color: #fff;
            /*文字色*/
            color: #fff;
            /*アンケートボックスの影。水平の距離｜垂直の距離｜ぼかし具合｜色の指定*/
            box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
            transition: 200ms;
        }
    }


    #sb-part-4556.sb-custom-part-mf3wfob8fg1o9tpifgr

    /*全体的な指定*/
    .blackwood_box {
        position: relative;
        /*色*/
        color: #613d29;
        /*外側の余白。上下｜左右*/
        margin: 30px 0;
    }

    #sb-part-4556.sb-custom-part-mf3wfob8fg1o9tpifgr .blackwood_box .selecter {
        display: none;
    }

    #sb-part-4556.sb-custom-part-mf3wfob8fg1o9tpifgr

    /*アンケートボックス*/
    .blackwood_box .selecter+.choice-check {
        /*アンケート枠の線。線の種類｜線の太さ｜線の色*/
        border: solid 3px #613d29;
        display: block;
        /*アンケート枠の内側余白。上下｜左右*/
        padding: 10px 15px;
        /*アンケート内の文字の太さ*/
        font-weight: bold;
        /*アンケートの角丸*/
        border-radius: 28px;
        /*アンケートボックス外側の下余白*/
        margin-bottom: 10px;
    }

    #sb-part-4556.sb-custom-part-mf3wfob8fg1o9tpifgr

    /*チェックをした時*/
    .blackwood_box .selecter:checked+.choice-check {
        /*背景色*/
        background: #f96680;
        /*アンケート枠の線の色*/
        border-color: #fff;
        /*文字色*/
        color: #fff;
        /*アンケートボックスの影。水平の距離｜垂直の距離｜ぼかし具合｜色の指定*/
        box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
        transition: 200ms;
    }

    /* 画面サイズPCの時のみhover時に反応する様にする。
※SP時に以下の設定があると挙動がおかしくなります。 */
    @media screen and (min-width:601px) {
        #sb-part-4556.sb-custom-part-mf3wfob8fg1o9tpifgr .blackwood_box .selecter+.choice-check:hover {
            /*背景色*/
            background: #f96680;
            /*アンケート枠の線の色*/
            border-color: #fff;
            /*文字色*/
            color: #fff;
            /*アンケートボックスの影。水平の距離｜垂直の距離｜ぼかし具合｜色の指定*/
            box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
            transition: 200ms;
        }
    }


    #sb-part-5454.sb-custom-part-mf3wkj4g9jitfbo2jbl .annotation_right {
        line-height: 1.2;
        font-size: 0.5em;
        text-align: right;
    }


    #sb-part-4134.sb-custom-part-mclwiihkjpia2l8y3w .effect__area {
        width: 100%;
        margin: 0 auto;
    }

    #sb-part-4134.sb-custom-part-mclwiihkjpia2l8y3w .effect__area img {
        width: 100%;
        height: auto;
    }

    #sb-part-4134.sb-custom-part-mclwiihkjpia2l8y3w .fadeIn {
        animation-name: fadeInAnime;
        animation-duration: 1.5s;
        animation-fill-mode: forwards;
        opacity: 0;
    }

    @keyframes fadeInAnime {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    #sb-part-4134.sb-custom-part-mclwiihkjpia2l8y3w .fadeUp {
        animation-name: fadeUpAnime;
        animation-duration: 1.5s;
        animation-fill-mode: forwards;
        opacity: 0;
    }

    @keyframes fadeUpAnime {
        from {
            opacity: 0;
            transform: translateY(100px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    #sb-part-4134.sb-custom-part-mclwiihkjpia2l8y3w .fadeDown {
        animation-name: fadeDownAnime;
        animation-duration: 1.5s;
        animation-fill-mode: forwards;
        opacity: 0;
    }

    @keyframes fadeDownAnime {
        from {
            opacity: 0;
            transform: translateY(-100px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    #sb-part-4134.sb-custom-part-mclwiihkjpia2l8y3w .fadeLeft {
        animation-name: fadeLeftAnime;
        animation-duration: 1.5s;
        animation-fill-mode: forwards;
        opacity: 0;
    }

    @keyframes fadeLeftAnime {
        from {
            opacity: 0;
            transform: translateX(-100px);
        }

        to {
            opacity: 1;
            transform: translateX(0);
        }
    }

    #sb-part-4134.sb-custom-part-mclwiihkjpia2l8y3w .fadeRight {
        animation-name: fadeRightAnime;
        animation-duration: 1.5s;
        animation-fill-mode: forwards;
        opacity: 0;
    }

    @keyframes fadeRightAnime {
        from {
            opacity: 0;
            transform: translateX(100px);
        }

        to {
            opacity: 1;
            transform: translateX(0);
        }
    }

    #sb-part-4134.sb-custom-part-mclwiihkjpia2l8y3w .fadeInTrigger,
    #sb-part-4134.sb-custom-part-mclwiihkjpia2l8y3w .fadeUpTrigger,
    #sb-part-4134.sb-custom-part-mclwiihkjpia2l8y3w .fadeDownTrigger,
    #sb-part-4134.sb-custom-part-mclwiihkjpia2l8y3w .fadeLeftTrigger,
    #sb-part-4134.sb-custom-part-mclwiihkjpia2l8y3w .fadeRightTrigger {
        opacity: 0;
    }

    #sb-part-4134.sb-custom-part-mclwiihkjpia2l8y3w .rotateX {
        animation-name: rotateXAnime;
        animation-duration: 1.5s;
        animation-fill-mode: forwards;
    }

    @keyframes rotateXAnime {
        from {
            transform: rotateX(-180deg);
            opacity: 0;
        }

        to {
            transform: rotateX(0);
            opacity: 1;
        }
    }

    #sb-part-4134.sb-custom-part-mclwiihkjpia2l8y3w .rotateY {
        animation-name: rotateYAnime;
        animation-duration: 1.5s;
        animation-fill-mode: forwards;
    }

    @keyframes rotateYAnime {
        from {
            transform: rotateY(-180deg);
            opacity: 0;
        }

        to {
            transform: rotateY(0);
            opacity: 1;
        }
    }

    #sb-part-4134.sb-custom-part-mclwiihkjpia2l8y3w .rotateLeftZ {
        animation-name: rotateLeftZAnime;
        animation-duration: 1.5s;
        animation-fill-mode: forwards;
    }

    @keyframes rotateLeftZAnime {
        from {
            transform: rotateZ(0);
            opacity: 0;
        }

        to {
            transform: rotateZ(-360deg);
            opacity: 1;
        }
    }

    #sb-part-4134.sb-custom-part-mclwiihkjpia2l8y3w .rotateRightZ {
        animation-name: rotateRightZAnime;
        animation-duration: 1.5s;
        animation-fill-mode: forwards;
    }

    @keyframes rotateRightZAnime {
        from {
            transform: rotateZ(0);
            opacity: 0;
        }

        to {
            transform: rotateZ(360deg);
            opacity: 1;
        }
    }

    #sb-part-4134.sb-custom-part-mclwiihkjpia2l8y3w .rotateXTrigger,
    #sb-part-4134.sb-custom-part-mclwiihkjpia2l8y3w .rotateYTrigger,
    #sb-part-4134.sb-custom-part-mclwiihkjpia2l8y3w .rotateLeftZTrigger,
    #sb-part-4134.sb-custom-part-mclwiihkjpia2l8y3w .rotateRightZTrigger {
        opacity: 0;
    }

    #sb-part-4134.sb-custom-part-mclwiihkjpia2l8y3w .zoomIn {
        animation-name: zoomInAnime;
        animation-duration: 1s;
        animation-fill-mode: forwards;
    }

    @keyframes zoomInAnime {
        from {
            transform: scale(0.6);
            opacity: 0;
        }

        to {
            transform: scale(1);
            opacity: 1;
        }
    }

    #sb-part-4134.sb-custom-part-mclwiihkjpia2l8y3w .zoomOut {
        animation-name: zoomOutAnime;
        animation-duration: 1s;
        animation-fill-mode: forwards;
    }

    @keyframes zoomOutAnime {
        from {
            transform: scale(1.2);
            opacity: 0;
        }

        to {
            transform: scale(1);
            opacity: 1;
        }
    }

    #sb-part-4134.sb-custom-part-mclwiihkjpia2l8y3w .zoomInTrigger,
    #sb-part-4134.sb-custom-part-mclwiihkjpia2l8y3w .zoomOutTrigger {
        opacity: 0;
    }

    #sb-part-4134.sb-custom-part-mclwiihkjpia2l8y3w .blur {
        animation-name: blurAnime;
        animation-duration: 1.5s;
        animation-fill-mode: forwards;
    }

    @keyframes blurAnime {
        from {
            filter: blur(10px);
            transform: scale(1.02);
            opacity: 0;
        }

        to {
            filter: blur(0);
            transform: scale(1);
            opacity: 1;
        }
    }

    #sb-part-4134.sb-custom-part-mclwiihkjpia2l8y3w .blurTrigger {
        opacity: 0;
    }


    #sb-part-5454.sb-custom-part-ln9uweo6z5c82rvyduj .annotation_right {
        line-height: 1.2;
        font-size: 0.5em;
        text-align: right;
    }



    #sb-part-7775.sb-custom-part-lna0xyqustcarqdyqvl .ctabutton img {
        animation: Shake 3s infinite;

    }

    @keyframes Shake {
        0% {
            transform: skew(0deg, 0deg);
        }

        30% {
            transform: skew(0deg, 0deg);
        }

        45% {
            transform: skew(10deg, 0deg) translate(-17px, 0px);
        }

        55% {
            transform: skew(-10deg, 0deg) translate(17px, 0px);
        }

        60% {
            transform: skew(5deg, 0deg) translate(-8px, 0px);
        }

        65% {
            transform: skew(-5deg, 0deg) translate(8px, 0px);
        }

        70% {
            transform: skew(5deg, 0deg) translate(-8px, 0px);
        }

        75% {
            transform: skew(-5deg, 0deg) translate(8px, 0px);
        }

        80% {
            transform: skew(3deg, 0deg) translate(-5px, 0px);
        }

        85% {
            transform: skew(-3deg, 0deg) translate(5px, 0px);
        }

        90% {
            transform: skew(2deg, 0deg) translate(-3px, 0px);
        }

        95% {
            transform: skew(-1deg, 0deg) translate(1px, 0px);
        }

        100% {
            transform: skew(0deg, 0deg);
        }
    }


    @import 'https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;700&subset=japanese&display=swap';

    ul {
        list-style: none
    }