.article-body {
  background-color: #fff;
  max-width: 620px;
  width: 100%;
  margin: auto;

  font-size: 17px !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;




}

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 {
  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
}


body {
  background-color: #E3E3E3;
}






        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: 17px !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-1403.sb-custom-part-mccrwaz044g5dj8a8cp .balloon {
        width: 100%;
        /*周りの余白。上下｜左右*/
        margin: 1.5em 0;
        overflow: hidden;
        display: flex;
      }
      
      #sb-part-1403.sb-custom-part-mccrwaz044g5dj8a8cp .chatting {
        /*吹き出しの幅を変更する場合、下記autoを削除して20%から100%の値を指定してください*/
        width: auto;
      }
      
      #sb-part-1403.sb-custom-part-mccrwaz044g5dj8a8cp .faceicon {
        flex-basis: 55px;
        flex-shrink: 0;
      }
      
      #sb-part-1403.sb-custom-part-mccrwaz044g5dj8a8cp .faceicon img {
        width: 55px;
        max-width: 55px;
        height: 55px !important;
        object-fit: cover;
        /*画像周りの線。線の種類｜線の太さ｜線の色*/
        border: solid 3px #d7ebfe;
        border-radius: 50%;
        box-sizing: border-box;
      }
      
      #sb-part-1403.sb-custom-part-mccrwaz044g5dj8a8cp .name {
        /*アイコン名の文字サイズ*/
        font-size: 10px;
        /*アイコン名の文字の色*/
        color: #808080;
        text-align: center;
      }
      
      #sb-part-1403.sb-custom-part-mccrwaz044g5dj8a8cp .says {
        display: block;
        position: relative;
        margin: 0 0 0 20px;
        padding: 10px;
        border-radius: 10pt;
        /*ボーダーの色を調整できます、下の.says:afterのborder-rightと色を合わせてください*/
        border: 3px solid #d7ebfe;
        /*吹き出しの背景色*/
        background: #fff;
      }
      
      #sb-part-1403.sb-custom-part-mccrwaz044g5dj8a8cp .says:before {
        content: "";
        position: absolute;
        top: 24px;
        left: -20px;
        margin-top: -10px;
        border: 10px solid transparent;
        border-right: 10px solid #FFF;
        z-index: 2;
      }
      
      #sb-part-1403.sb-custom-part-mccrwaz044g5dj8a8cp .says:after {
        content: "";
        position: absolute;
        top: 24px;
        left: -28px;
        margin-top: -14px;
        border: 14px solid transparent;
        /*ボーダーの色を下記カラーコードで調整できます*/
        border-right: 14px solid #d7ebfe;
        z-index: 1;
      }
      
      #sb-part-1403.sb-custom-part-mccrwaz044g5dj8a8cp .says p {
        margin: 0;
        padding: 0;
        letter-spacing: -0.01em;
      }

      #sb-part-1403.sb-custom-part-mcd4af81kkdzk9ayaq .balloon {
        width: 100%;
        /*周りの余白。上下｜左右*/
        margin: 1.5em 0;
        overflow: hidden;
        display: flex;
      }
      
      #sb-part-1403.sb-custom-part-mcd4af81kkdzk9ayaq .chatting {
        /*吹き出しの幅を変更する場合、下記autoを削除して20%から100%の値を指定してください*/
        width: auto;
      }
      
      #sb-part-1403.sb-custom-part-mcd4af81kkdzk9ayaq .faceicon {
        flex-basis: 55px;
        flex-shrink: 0;
      }
      
      #sb-part-1403.sb-custom-part-mcd4af81kkdzk9ayaq .faceicon img {
        width: 55px;
        max-width: 55px;
        height: 55px !important;
        object-fit: cover;
        /*画像周りの線。線の種類｜線の太さ｜線の色*/
        border: solid 3px #d7ebfe;
        border-radius: 50%;
        box-sizing: border-box;
      }
      
      #sb-part-1403.sb-custom-part-mcd4af81kkdzk9ayaq .name {
        /*アイコン名の文字サイズ*/
        font-size: 10px;
        /*アイコン名の文字の色*/
        color: #808080;
        text-align: center;
      }
      
      #sb-part-1403.sb-custom-part-mcd4af81kkdzk9ayaq .says {
        display: block;
        position: relative;
        margin: 0 0 0 20px;
        padding: 10px;
        border-radius: 10pt;
        /*ボーダーの色を調整できます、下の.says:afterのborder-rightと色を合わせてください*/
        border: 3px solid #d7ebfe;
        /*吹き出しの背景色*/
        background: #fff;
      }
      
      #sb-part-1403.sb-custom-part-mcd4af81kkdzk9ayaq .says:before {
        content: "";
        position: absolute;
        top: 24px;
        left: -20px;
        margin-top: -10px;
        border: 10px solid transparent;
        border-right: 10px solid #FFF;
        z-index: 2;
      }
      
      #sb-part-1403.sb-custom-part-mcd4af81kkdzk9ayaq .says:after {
        content: "";
        position: absolute;
        top: 24px;
        left: -28px;
        margin-top: -14px;
        border: 14px solid transparent;
        /*ボーダーの色を下記カラーコードで調整できます*/
        border-right: 14px solid #d7ebfe;
        z-index: 1;
      }
      
      #sb-part-1403.sb-custom-part-mcd4af81kkdzk9ayaq .says p {
        margin: 0;
        padding: 0;
        letter-spacing: -0.01em;
      }

      #sb-part-1403.sb-custom-part-mcd49vifofcwzopl76 .balloon {
        width: 100%;
        /*周りの余白。上下｜左右*/
        margin: 1.5em 0;
        overflow: hidden;
        display: flex;
      }
      
      #sb-part-1403.sb-custom-part-mcd49vifofcwzopl76 .chatting {
        /*吹き出しの幅を変更する場合、下記autoを削除して20%から100%の値を指定してください*/
        width: auto;
      }
      
      #sb-part-1403.sb-custom-part-mcd49vifofcwzopl76 .faceicon {
        flex-basis: 55px;
        flex-shrink: 0;
      }
      
      #sb-part-1403.sb-custom-part-mcd49vifofcwzopl76 .faceicon img {
        width: 55px;
        max-width: 55px;
        height: 55px !important;
        object-fit: cover;
        /*画像周りの線。線の種類｜線の太さ｜線の色*/
        border: solid 3px #d7ebfe;
        border-radius: 50%;
        box-sizing: border-box;
      }
      
      #sb-part-1403.sb-custom-part-mcd49vifofcwzopl76 .name {
        /*アイコン名の文字サイズ*/
        font-size: 10px;
        /*アイコン名の文字の色*/
        color: #808080;
        text-align: center;
      }
      
      #sb-part-1403.sb-custom-part-mcd49vifofcwzopl76 .says {
        display: block;
        position: relative;
        margin: 0 0 0 20px;
        padding: 10px;
        border-radius: 10pt;
        /*ボーダーの色を調整できます、下の.says:afterのborder-rightと色を合わせてください*/
        border: 3px solid #d7ebfe;
        /*吹き出しの背景色*/
        background: #fff;
      }
      
      #sb-part-1403.sb-custom-part-mcd49vifofcwzopl76 .says:before {
        content: "";
        position: absolute;
        top: 24px;
        left: -20px;
        margin-top: -10px;
        border: 10px solid transparent;
        border-right: 10px solid #FFF;
        z-index: 2;
      }
      
      #sb-part-1403.sb-custom-part-mcd49vifofcwzopl76 .says:after {
        content: "";
        position: absolute;
        top: 24px;
        left: -28px;
        margin-top: -14px;
        border: 14px solid transparent;
        /*ボーダーの色を下記カラーコードで調整できます*/
        border-right: 14px solid #d7ebfe;
        z-index: 1;
      }
      
      #sb-part-1403.sb-custom-part-mcd49vifofcwzopl76 .says p {
        margin: 0;
        padding: 0;
        letter-spacing: -0.01em;
      }

      #sb-part-15208.sb-custom-part-mc8t5o18jlw47lt7b7 .listItem__area {
        width: 100%;
        height: auto;
        font-size: 16px;
        border-width: 1px 2px 2px 1px;
        border-style: solid;
        border-color: #C7243A;
        border-radius: 10px;
        background-color: #fff;
      }
      
      @media screen and (max-width: 600px) {
        #sb-part-15208.sb-custom-part-mc8t5o18jlw47lt7b7 .listItem__area {
          font-size: 12px;
        }
      }
      
      #sb-part-15208.sb-custom-part-mc8t5o18jlw47lt7b7 .listItem__headBox {
        width: 100%;
        height: auto;
        background-color: #C7243A;
        padding: 0.3em 0;
        border-radius: 8px 8px 0 0;
      }
      
      #sb-part-15208.sb-custom-part-mc8t5o18jlw47lt7b7 .listItem__headBox .head {
        font-size: 1.1em;
        color: #fff;
        font-weight: bold;
        text-align: center;
        margin: 0;
      }
      
      #sb-part-15208.sb-custom-part-mc8t5o18jlw47lt7b7 .listItem__area .items {
        padding: 0 1em;
        list-style: none;
      }
      
      #sb-part-15208.sb-custom-part-mc8t5o18jlw47lt7b7 .listItem__area .items li {
        font-weight: bold;
        font-size: 1.1em;
        padding-left: 1.5em;
        margin-top: 0.5em;
        position: relative;
      }
      
      #sb-part-15208.sb-custom-part-mc8t5o18jlw47lt7b7 .listItem__area .items li:before {
        content: '';
        width: 0.8em;
        height: 0.8em !important;
        display: block;
        border: 2px solid #C7243A;
        position: absolute;
        top: 0.2em;
        left: 0;
      }
      
      #sb-part-15208.sb-custom-part-mc8t5o18jlw47lt7b7 .listItem__area .items li:after {
        content: '';
        width: 0.8em;
        height: 0.3em !important;
        display: block;
        border-width: 0 0 2px 2px;
        border-style: solid;
        border-color: #C7243A;
        transform: translateY(-50%) rotate(-50deg);
        position: absolute;
        top: 0.3em;
        left: 0.2em;
      }

      #sb-part-7000.sb-custom-part-mcihbgy7i0l6w04p81i .btn-area {
        margin: 3em 0 1em;
        justify-content: center;
        display: flex;
        text-align: center;
      }
      
      #sb-part-7000.sb-custom-part-mcihbgy7i0l6w04p81i .btn {
        width: auto;
        box-shadow: inset px 2px 2px 2px rgba(255, 255, 255, 0.5),
          7px 7px 20px 0px rgba(0, 0, 0, 0.1),
          4px 4px 5px 0px rgba(0, 0, 0, 0.1);
        transition: all 0.3s ease;
        position: relative;
        cursor: pointer;
        text-align: center;
        text-decoration: none;
        border: none;
        overflow: hidden;
        box-sizing: border-box;
        animation: bound2Btn 2s ease infinite;
      }
      
      #sb-part-7000.sb-custom-part-mcihbgy7i0l6w04p81i a.btn:hover {
        opacity: 0.7;
        text-decoration: none;
      }
      
      #sb-part-7000.sb-custom-part-mcihbgy7i0l6w04p81i a.btn:before {
        position: absolute;
        content: '';
        display: inline-block;
        top: -180px;
        left: 0;
        width: 30px;
        height: 100%;
        background-color: #fff;
        animation: shiny-brite 3s ease-in-out infinite;
      }
      
      #sb-part-7000.sb-custom-part-mcihbgy7i0l6w04p81i a.btn:active {
        box-shadow: 4px 4px 6px 0 rgba(255, 255, 255, .3),
          -4px -4px 6px 0 rgba(116, 125, 136, .2),
          inset -4px -4px 6px 0 rgba(255, 255, 255, .2),
          inset 4px 4px 6px 0 rgba(0, 0, 0, .2);
      }
      
      #sb-part-7000.sb-custom-part-mcihbgy7i0l6w04p81i a.btn img {
        vertical-align: middle;
      }
      
      
      @keyframes bound2Btn {
        0% {
          transform: translateY(0);
        }
      
        15% {
          transform: translateY(-30px);
        }
      
        30% {
          transform: translateY(0);
        }
      
        45% {
          transform: translateY(-30px);
        }
      
        60% {
          transform: translateY(0);
        }
      
        100% {
          transform: translateY(0);
        }
      }
      
      @-webkit-keyframes shiny-brite {
        0% {
          -webkit-transform: scale(0) rotate(45deg);
          opacity: 0;
        }
      
        80% {
          -webkit-transform: scale(0) rotate(45deg);
          opacity: 0.5;
        }
      
        81% {
          -webkit-transform: scale(4) rotate(45deg);
          opacity: 1;
        }
      
        100% {
          -webkit-transform: scale(50) rotate(45deg);
          opacity: 0;
        }
      }

      #sb-part-5213.sb-custom-part-mdpbw5git7q1njj2ci

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

#sb-part-5213.sb-custom-part-mdpbw5git7q1njj2ci .swiper-wrapper {
  position: relative;
  /*横幅*/
  width: 100%;
  /*高さ*/
  height: 100%;
  display: flex;
  transform: translate3d(0, 0, 0);
  transition-property: transform;
  box-sizing: content-box;
}

#sb-part-5213.sb-custom-part-mdpbw5git7q1njj2ci .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 100%;
  height: auto;
  position: relative;
  transition-property: transform;
}

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

#sb-part-5213.sb-custom-part-mdpbw5git7q1njj2ci

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

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

#sb-part-5213.sb-custom-part-mdpbw5git7q1njj2ci

/*矢印の設定*/
.swiper-button-next,
#sb-part-5213.sb-custom-part-mdpbw5git7q1njj2ci .swiper-button-prev {
  position: absolute;
  /*縦方向の位置（上起点）*/
  top: 50%;
  cursor: pointer;
}

#sb-part-5213.sb-custom-part-mdpbw5git7q1njj2ci

/*右側の矢印の設定*/
.swiper-button-next {
  /*横方向の位置（右起点）*/
  right: 10px;
  left: auto;
  /*選択時のアウトラインの設定（非表示）*/
  outline: none;
}

#sb-part-5213.sb-custom-part-mdpbw5git7q1njj2ci

/*左側の矢印の設定*/
.swiper-button-prev {
  /*横方向の位置（左起点）*/
  left: 10px;
  right: auto;
  /*選択時のアウトラインの設定（非表示）*/
  outline: none;
}

#sb-part-5213.sb-custom-part-mdpbw5git7q1njj2ci

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

#sb-part-5213.sb-custom-part-mdpbw5git7q1njj2ci

/*右側の矢印の棒（下）設定*/
.swiper-button-next::before {
  /*左から線種、太さ、色*/
  border-right: solid 8px #ccc;
  /*傾き（角度）*/
  transform: translateY(-50%) rotate(45deg);
  right: 0;
}

#sb-part-5213.sb-custom-part-mdpbw5git7q1njj2ci

/*左側の矢印の棒（下）設定*/
.swiper-button-prev::before {
  /*左から線種、太さ、色*/
  border-left: solid 8px #ccc;
  /*傾き（角度）*/
  transform: translateY(-50%) rotate(-45deg);
  left: 0;
}

#sb-part-5213.sb-custom-part-mdpbw5git7q1njj2ci

/*矢印の棒（上）の設定*/
.swiper-button-next::after,
#sb-part-5213.sb-custom-part-mdpbw5git7q1njj2ci .swiper-button-prev::after {
  content: " ";
  /*棒の横幅*/
  width: 50px;
  /*棒の高さ*/
  height: 50px;
  position: absolute;
  /*縦方向の位置（上起点）*/
  top: 5px;
  z-index: 10;
}

#sb-part-5213.sb-custom-part-mdpbw5git7q1njj2ci

/*右側の矢印の棒（上）設定*/
.swiper-button-next::after {
  /*左から線種、太さ、色*/
  border-right: solid 8px #ccc;
  /*傾き（角度）*/
  transform: translateY(-54%) rotate(-45deg);
  right: 0;
}

#sb-part-5213.sb-custom-part-mdpbw5git7q1njj2ci

/*左側の矢印の棒（上）設定*/
.swiper-button-prev::after {
  /*左から線種、太さ、色*/
  border-left: solid 8px #ccc;
  /*傾き（角度）*/
  transform: translateY(-54%) rotate(45deg);
  left: 0;
}

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

#sb-part-7000.sb-custom-part-mcihc4u5hbrxs3tkkjj .btn-area {
  margin: 3em 0 1em;
  justify-content: center;
  display: flex;
  text-align: center;
}

#sb-part-7000.sb-custom-part-mcihc4u5hbrxs3tkkjj .btn {
  width: auto;
  box-shadow: inset px 2px 2px 2px rgba(255, 255, 255, 0.5),
    7px 7px 20px 0px rgba(0, 0, 0, 0.1),
    4px 4px 5px 0px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  position: relative;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  border: none;
  overflow: hidden;
  box-sizing: border-box;
  animation: bound2Btn 2s ease infinite;
}

#sb-part-7000.sb-custom-part-mcihc4u5hbrxs3tkkjj a.btn:hover {
  opacity: 0.7;
  text-decoration: none;
}

#sb-part-7000.sb-custom-part-mcihc4u5hbrxs3tkkjj a.btn:before {
  position: absolute;
  content: '';
  display: inline-block;
  top: -180px;
  left: 0;
  width: 30px;
  height: 100%;
  background-color: #fff;
  animation: shiny-brite 3s ease-in-out infinite;
}

#sb-part-7000.sb-custom-part-mcihc4u5hbrxs3tkkjj a.btn:active {
  box-shadow: 4px 4px 6px 0 rgba(255, 255, 255, .3),
    -4px -4px 6px 0 rgba(116, 125, 136, .2),
    inset -4px -4px 6px 0 rgba(255, 255, 255, .2),
    inset 4px 4px 6px 0 rgba(0, 0, 0, .2);
}

#sb-part-7000.sb-custom-part-mcihc4u5hbrxs3tkkjj a.btn img {
  vertical-align: middle;
}


@keyframes bound2Btn {
  0% {
    transform: translateY(0);
  }

  15% {
    transform: translateY(-30px);
  }

  30% {
    transform: translateY(0);
  }

  45% {
    transform: translateY(-30px);
  }

  60% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(0);
  }
}

@-webkit-keyframes shiny-brite {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0;
  }

  80% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }

  81% {
    -webkit-transform: scale(4) rotate(45deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}

#sb-part-4686.sb-custom-part-mcihe39inkm2iwg7rz

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

#sb-part-4686.sb-custom-part-mcihe39inkm2iwg7rz

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

#sb-part-4686.sb-custom-part-mcihe39inkm2iwg7rz

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

#sb-part-4686.sb-custom-part-mcihe39inkm2iwg7rz

/* 吹き出し内テキスト */
.under__balloon p {
  /* 外側の余白 */
  margin: 0;
  /* 内側の余白 */
  padding: 0;
  /* 文字の大きさ */
  font-size: 50px;
  /* 文字の色 */
  color: #fff;
  /* 文字の位置 */
  text-align: center;
  /* 文字の太さ */
  font-weight: bold;
  /* フォント（webフォント） */
  font-family: "M PLUS Rounded 1c";
}

#sb-part-4686.sb-custom-part-mcihe39inkm2iwg7rz

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

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

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

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

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

#sb-part-7000.sb-custom-part-mcihcctwxxfx83ny0ue .btn-area {
  margin: 3em 0 1em;
  justify-content: center;
  display: flex;
  text-align: center;
}

#sb-part-7000.sb-custom-part-mcihcctwxxfx83ny0ue .btn {
  width: auto;
  box-shadow: inset px 2px 2px 2px rgba(255, 255, 255, 0.5),
    7px 7px 20px 0px rgba(0, 0, 0, 0.1),
    4px 4px 5px 0px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  position: relative;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  border: none;
  overflow: hidden;
  box-sizing: border-box;
  animation: bound2Btn 2s ease infinite;
}

#sb-part-7000.sb-custom-part-mcihcctwxxfx83ny0ue a.btn:hover {
  opacity: 0.7;
  text-decoration: none;
}

#sb-part-7000.sb-custom-part-mcihcctwxxfx83ny0ue a.btn:before {
  position: absolute;
  content: '';
  display: inline-block;
  top: -180px;
  left: 0;
  width: 30px;
  height: 100%;
  background-color: #fff;
  animation: shiny-brite 3s ease-in-out infinite;
}

#sb-part-7000.sb-custom-part-mcihcctwxxfx83ny0ue a.btn:active {
  box-shadow: 4px 4px 6px 0 rgba(255, 255, 255, .3),
    -4px -4px 6px 0 rgba(116, 125, 136, .2),
    inset -4px -4px 6px 0 rgba(255, 255, 255, .2),
    inset 4px 4px 6px 0 rgba(0, 0, 0, .2);
}

#sb-part-7000.sb-custom-part-mcihcctwxxfx83ny0ue a.btn img {
  vertical-align: middle;
}


@keyframes bound2Btn {
  0% {
    transform: translateY(0);
  }

  15% {
    transform: translateY(-30px);
  }

  30% {
    transform: translateY(0);
  }

  45% {
    transform: translateY(-30px);
  }

  60% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(0);
  }
}

@-webkit-keyframes shiny-brite {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0;
  }

  80% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }

  81% {
    -webkit-transform: scale(4) rotate(45deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}</style></span></div></div>
<div><br></div>
<style>#sb-part-3428.sb-custom-part-mca9vxl9dkc9oyid64j .outer {
  margin: 0 0 1.5em;
  box-sizing: border-box;
}

#sb-part-3428.sb-custom-part-mca9vxl9dkc9oyid64j .box {
  /*背景色*/
  background-color: skyblue;
  ;
  /*文字の色*/
  color: #ffffff;
  /*枠の角を丸くする*/
  border-radius: 3px;
  /*枠の内側の余白*/
  padding: 1em;
  /*内側線の太さ*/
  border-width: 1px;
  /*線の種類*/
  border-style: solid;
  box-sizing: border-box;
}

#sb-part-3428.sb-custom-part-mca9vxl9dkc9oyid64j p {
  /*文字の太さ。太字はbold、標準の太さはnormal*/
  font-weight: bold;
  margin: 0;
  text-align: center;
  font-size: 16px;
}

#sb-part-3428.sb-custom-part-mca9vxl9dkc9oyid64j p a {
  color: #ffffff;
}