@charset "UTF-8";
html {
  scroll-behavior: smooth;
}
@media (min-width: 1201px) {
  .page-hanafuda {
    /* Utility */
    /* 共通パーツ */
    /* chotto-hanafuda */
    /* workshop */
  }
  .page-hanafuda .u-disp-inline {
    display: inline;
  }
  .page-hanafuda .hanafuda-section--lv1-header {
    height: 181px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
  }
  .page-hanafuda .hanafuda-section--lv1-heading::before {
    content: "";
    position: absolute;
    top: -1px;
    left: -360px;
    width: 50%;
    height: 360px;
    background: url(../images/hanafuda/bg_grid_about_01.webp) repeat-x right top;
    background-size: 360px 180px;
    clip-path: inset(0 1px 0 0);
  }
  .page-hanafuda .hanafuda-section--lv1-heading::after {
    content: "";
    position: absolute;
    top: -1px;
    right: -359px;
    width: 50%;
    height: 180px;
    background: url(../images/hanafuda/bg_grid_about_02.webp) repeat-x left top;
    background-size: 360px 180px;
  }
  .page-hanafuda .workshop .hanafuda-section--lv1-heading::before {
    height: 330px;
    top: -1px;
    left: -390px;
    background: url(../images/hanafuda/bg_grid_workshop_01.webp) repeat-x right top;
    background-size: 330px 210px;
  }
  .page-hanafuda .workshop .hanafuda-section--lv1-heading::after {
    height: 330px;
    top: -1px;
    right: -389px;
    background: url(../images/hanafuda/bg_grid_workshop_02.webp) repeat-x left top;
    background-size: 330px 210px;
  }
  .page-hanafuda .others .hanafuda-section--lv1-heading::before {
    height: 270px;
    top: -1px;
    left: -420px;
    background: url(../images/hanafuda/bg_grid_others_01.webp) repeat-x right top;
    background-size: 300px 270px;
  }
  .page-hanafuda .others .hanafuda-section--lv1-heading::after {
    height: 300px;
    top: -1px;
    right: -449px;
    background: url(../images/hanafuda/bg_grid_others_02.webp) repeat-x left top;
    background-size: 271px 300px;
  }
  .page-hanafuda .hanafuda-section--lv1-heading {
    width: 721px;
    height: 121px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #fff;
    border: 1px #f1f1f3 solid;
    margin-top: 0;
    margin-left: -2px;
    z-index: 1;
  }
  .page-hanafuda .hanafuda-section--lv1-heading__label {
    width: 559px;
    height: auto;
  }
  .page-hanafuda .hanafuda-section--lv1-heading-sub {
    font-size: 16px;
    color: #fff;
    letter-spacing: 0.1em;
  }
  .page-hanafuda .hanafuda-section--lv2-header {
    width: 100%;
    height: 79px;
    background-color: #6e987c;
    padding-left: 40px;
    padding-right: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
  }
  .page-hanafuda .hanafuda-section--lv2-header::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 96px;
    height: 79px;
    background: url(../images/hanafuda/bg_deco_title.webp) right top;
    background-size: 96px 79px;
  }
  .page-hanafuda .hanafuda-section--lv2-heading {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .page-hanafuda .hanafuda-section--lv2-heading__label {
    font-size: 28px;
    color: #fff;
    letter-spacing: 0.1em;
  }
  .page-hanafuda .hanafuda-section--lv2-heading-sub__label {
    font-size: 16px;
    color: #fff;
    letter-spacing: 0.1em;
  }
  .page-hanafuda .chotto-hanafuda__inner {
    padding: 82px 40px 0;
  }
  .page-hanafuda .chotto-hanafuda-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .page-hanafuda .chotto-hanafuda-heading {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 507px;
  }
  .page-hanafuda .chotto-hanafuda-heading::before {
    content: "";
    position: absolute;
    left: -301px;
    top: 7px;
    width: 131px;
    height: 191px;
    background: url(../images/hanafuda/img_leat_01.webp) no-repeat center center;
    background-size: contain;
    z-index: -1;
  }
  .page-hanafuda .chotto-hanafuda-heading::after {
    content: "";
    position: absolute;
    right: -305px;
    top: 9px;
    width: 128px;
    height: 190px;
    background: url(../images/hanafuda/img_right_01.webp) no-repeat center center;
    background-size: contain;
    z-index: -1;
  }
  .page-hanafuda .chotto-hanafuda-heading__label {
    position: relative;
    display: block;
    width: 100%;
  }
  .page-hanafuda .chotto-hanafuda-heading__label::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 100px;
    height: 4px;
    background-color: #6e987c;
    margin-bottom: -36px;
  }
  .page-hanafuda .chotto-hanafuda_container {
    padding-top: 86px;
  }
  .page-hanafuda .chotto-hanafuda-txt__label {
    text-align: center;
    line-height: 2;
    letter-spacing: 0.1em;
  }
  .page-hanafuda .workshop {
    margin-top: 95px;
  }
  .page-hanafuda .workshop .hanafuda-section--lv1-header {
    height: 211px;
  }
  .page-hanafuda .workshop .hanafuda-section--lv1-heading {
    width: 721px;
    height: 151px;
    margin-top: 0;
  }
  .page-hanafuda .workshop .hanafuda-section--lv1-heading__label {
    width: 318px;
  }
  .page-hanafuda .workshop_container {
    max-width: 1202px;
    margin-left: auto;
    margin-right: auto;
  }
  .page-hanafuda .workshop-lead__inner {
    padding: 42px 40px 0;
  }
  .page-hanafuda .workshop-lead-txt-label {
    text-align: center;
    line-height: 2;
    letter-spacing: 0.1em;
  }
  .page-hanafuda .workshop-lead-info {
    padding-top: 40px;
  }
  .page-hanafuda .workshop-lead-info-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .page-hanafuda .workshop-lead-info-item__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #f1f1f3;
    color: #76738a;
    font-weight: 600;
    width: 127px;
    height: 39px;
    letter-spacing: 0.06em;
    margin-right: 16px;
  }
  .page-hanafuda .workshop-lead-info-item__txt {
    font-size: 18px;
    letter-spacing: 0.08em;
  }
  .page-hanafuda .workshop-lead-info-item__note {
    letter-spacing: 0.06em;
    padding-left: 1em;
    text-indent: -1em;
    line-height: 2;
    font-size: 14px;
  }
  .page-hanafuda .workshop-lead-info-item__note:before {
    content: "※";
  }
  .page-hanafuda .workshop-rule {
    padding-top: 65px;
  }
  .page-hanafuda .workshop-rule.workshop-rule--flow {
    padding: 24px 58px 60px;
  }
  .page-hanafuda .workshop-rule.workshop-rule--flow2 {
    padding: 60px 0 0;
  }
  .page-hanafuda .workshop-rule__inner {
    padding: 32px 0 0;
  }
  .page-hanafuda .workshop-rule-comment {
    background-color: #f1f1f3;
    max-width: 950px;
    margin-left: auto;
    margin-right: auto;
  }
  .page-hanafuda .workshop-rule-comment + .workshop-rule-comment {
    margin-top: 64px;
  }
  .page-hanafuda .workshop-rule-comment__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .page-hanafuda .workshop-rule-result .workshop-rule-comment__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 32px 0 18px 60px;
  }
  .page-hanafuda .workshop-rule-comment-img {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 320px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .page-hanafuda .workshop-rule-comment-name {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 197px;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .page-hanafuda .workshop-rule-result .workshop-rule-comment-name {
    width: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .page-hanafuda .workshop-rule-comment-name-heading__label {
    font-size: 22px;
    color: #76738a;
    letter-spacing: 1.5454545455;
    font-weight: 700;
  }
  .page-hanafuda .workshop-rule-comment-desc {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    padding: 13px 50px 18px 0;
  }
  .page-hanafuda .workshop-rule-flow__desc-title {
    font-size: 18px;
    letter-spacing: 0.1em;
    padding: 13px 32px;
    background-color: #f1f1f3;
    color: #76738a;
    width: 100%;
    margin: 36px 0 25px;
  }
  .page-hanafuda .workshop-rule-flow-img + .workshop-rule-flow__desc-title {
    margin: 60px 0 25px;
  }
  .page-hanafuda .workshop-rule-comment-desc__inner {
    padding: 38px 72px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: 36px;
  }
  .page-hanafuda .workshop-rule-comment-desc-txt__label {
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0.075em;
  }
  .page-hanafuda .workshop-rule-comment-desc-txt .c_dotList {
    line-height: 1.5;
    letter-spacing: 0.1em;
  }
  .page-hanafuda .workshop-rule-comment-desc-txt .c_dotList > li + li {
    margin-top: 0;
  }
  .page-hanafuda .workshop-rule-comment-desc-txt .c_dotList > li::before {
    line-height: 1.2;
    letter-spacing: 0.1em;
    font-size: 16px;
  }
  .page-hanafuda .workshop-rule-comment-lead {
    margin-top: 4px;
    margin-bottom: -4px;
  }
  .page-hanafuda .workshop-rule-comment-lead + .workshop-rule-comment-name .workshop-rule-comment-name-heading__label {
    font-size: 28px;
  }
  .page-hanafuda .workshop-rule-comment-lead-txt__label {
    font-size: 17px;
  }
  .page-hanafuda .workshop-rule-comment-name-sub__label {
    font-size: 17px;
  }
  .page-hanafuda .workshop-rule-flow__inner {
    padding: 0 0 0;
  }
  .page-hanafuda .workshop-rule-flow__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .page-hanafuda .workshop-rule-flow__item + .workshop-rule-flow__item {
    margin-top: 60px;
  }
  .page-hanafuda .workshop-rule-flow-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    width: 342px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .page-hanafuda .workshop-rule-box .workshop-rule-flow-title {
    width: 284px;
  }
  .page-hanafuda .workshop-rule-flow-title__number {
    display: block;
    background-color: #76738a;
    color: #fff;
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .page-hanafuda .workshop-rule-flow-title--gray .workshop-rule-flow-title__number {
    background-color: #f0f0f0;
    color: #76738a;
  }
  .page-hanafuda .workshop-rule-flow-title__number svg {
    height: 18px;
  }
  .page-hanafuda .workshop-rule-flow-title__number img {
    height: 18px;
  }
  .page-hanafuda .workshop-rule-flow-title__number-icon path {
    fill: #76738a;
  }
  .page-hanafuda .workshop-rule-flow-title__label {
    font-size: 22px;
    letter-spacing: 0.08em;
    line-height: 1.2;
    padding-top: 4px;
  }
  .page-hanafuda .workshop-rule-flow-title__label.--pt-0 {
    padding-top: 0;
  }
  .page-hanafuda .workshop-rule-flow__txt {
    font-size: 16px;
    letter-spacing: 0.1em;
    line-height: 1.5;
  }
  .page-hanafuda .workshop-rule-flow__desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .page-hanafuda .workshop-rule-flow__desc .c_textSmall01 {
    margin-top: 0;
    line-height: 1.6;
  }
  .page-hanafuda .workshop-rule--flow .workshop-rule-flow__item:nth-child(2) .workshop-rule-flow-img__label {
    display: block;
    width: 505px;
    height: 663px;
    margin-top: 32px;
  }
  .page-hanafuda .workshop-rule--flow .workshop-rule-flow__item:nth-child(3) .workshop-rule-flow-img--01 {
    display: block;
    width: 506px;
    height: 664px;
    margin-top: 30px;
  }
  .page-hanafuda .workshop-rule--flow .workshop-rule-flow__item:nth-child(3) .workshop-rule-flow-img--02 {
    display: block;
    width: 575px;
    height: 664px;
    margin-top: 34px;
  }
  .page-hanafuda .workshop-rule--flow2 .workshop-rule-flow__item:nth-child(1) .workshop-rule-flow-img--01 {
    display: block;
    width: 660px;
    height: 664px;
    margin-top: 38px;
  }
  .page-hanafuda .workshop-rule--flow2 .workshop-rule-flow__item:nth-child(1) .workshop-rule-flow-img--02 {
    display: block;
    width: 575px;
    height: 664px;
    margin-top: 34px;
  }
  .page-hanafuda .workshop-rule-result__inner {
    padding: 54px 0 0;
  }
  .page-hanafuda .workshop-rule-point__inner {
    padding: 42px 0 0;
  }
  .page-hanafuda .workshop-rule-hand__inner {
    padding: 42px 40px 0;
  }
  .page-hanafuda .workshop-rule-list {
    list-style: none;
    padding-left: 0;
    margin-top: 23px;
    margin-left: 0;
    margin-bottom: 18px;
  }
  .page-hanafuda .workshop-rule-list__item {
    position: relative;
    padding-left: 2.1em;
    margin-bottom: -3px;
  }
  .page-hanafuda .workshop-rule-list__number {
    position: absolute;
    left: 0;
    top: 0;
  }
  .page-hanafuda .workshop-rule--result {
    padding-top: 100px;
  }
  .page-hanafuda .workshop-rule--point {
    padding-top: 100px;
  }
  .page-hanafuda .workshop-rule-point-img {
    width: 887px;
    height: 615px;
    margin: 0 auto;
  }
  .page-hanafuda .workshop-rule-point-scroll {
    display: none;
  }
  .page-hanafuda .workshop-rule--hand {
    padding-top: 100px;
  }
  .page-hanafuda .workshop-rule-hand-img {
    width: 392px;
    height: 428px;
    margin: 0 auto;
  }
  .page-hanafuda .workshop-rule-txt__list-item {
    position: relative;
    list-style: none;
    padding-left: 1em;
    margin-top: 4px;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 2;
  }
  .page-hanafuda .workshop-rule-txt__list-item:before {
    content: "※";
    position: absolute;
    left: 0;
    top: 0;
  }
  .page-hanafuda .workshop-rule-txt__list-item + .workshop-rule-txt__list-item {
    margin-top: 4px;
  }
  .page-hanafuda .workshop-rule-box {
    margin-top: 34px;
    border: 1px solid #76738a;
    background: #fff;
    overflow: hidden;
  }
  .page-hanafuda .workshop-rule-box-heading {
    position: relative;
    cursor: pointer;
  }
  .page-hanafuda .workshop-rule-box-heading:before, .page-hanafuda .workshop-rule-box-heading:after {
    pointer-events: none;
    content: "";
    position: absolute;
    background-color: #76738a;
    top: 50%;
    right: 32px;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }
  .page-hanafuda .workshop-rule-box-heading:before {
    width: 20px;
    width: 23px;
    height: 3px;
    margin-top: -1px;
    margin-right: 8px;
  }
  .page-hanafuda .workshop-rule-box-heading:after {
    width: 3px;
    height: 23px;
    margin-top: -10px;
    margin-right: 18px;
  }
  .page-hanafuda .workshop-rule-box-heading._show:after {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  .page-hanafuda .workshop-rule-box-heading__label {
    padding: 32px 58px 32px;
    display: block;
    font-size: 22px;
    line-height: 1.5454545455;
    letter-spacing: 0.1em;
    color: #76738a;
    font-weight: 600;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
}
@media (min-width: 1201px) and (hover: hover) {
  .page-hanafuda .workshop-rule-box-heading__label:hover {
    opacity: 0.7;
  }
}
@media (min-width: 1201px) {
  .page-hanafuda .workshop-rule-box-item {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
    overflow: hidden;
  }
}
@media (min-width: 1201px) {
  .page-hanafuda ._show + .workshop-rule-box-item {
    opacity: 1;
  }
}
@media (min-width: 1201px) {
  .page-hanafuda .others {
    margin-top: 100px;
  }
}
@media (min-width: 1201px) {
  .page-hanafuda .others .hanafuda-section--lv1-header {
    height: 101px;
  }
}
@media (min-width: 1201px) {
  .page-hanafuda .others .hanafuda-section--lv1-heading {
    background-color: inherit;
    border: none;
  }
}
@media (min-width: 1201px) {
  .page-hanafuda .others .hanafuda-section--lv1-heading__label {
    width: 414px;
    margin-top: 35px;
  }
}
@media (min-width: 1201px) {
  .page-hanafuda .others_container {
    padding: 0;
  }
}
@media (min-width: 1201px) {
  .page-hanafuda .others-txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 68px;
    padding-top: 16px;
  }
}
@media (min-width: 1201px) {
  .page-hanafuda .others-txt--02 {
    height: 89px;
    padding-top: 29px;
  }
}
@media (min-width: 1201px) {
  .page-hanafuda .others-txt__label {
    font-size: 16px;
    text-align: center;
    line-height: 2;
  }
}
@media (min-width: 1201px) {
  .page-hanafuda .others-list {
    max-width: 1201px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 30px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    left: -1px;
  }
}
@media (min-width: 1201px) {
  .page-hanafuda .others-list__item {
    position: relative;
    text-align: center;
    background-color: #f1f1f3;
    padding: 22px 20px 0;
    width: calc(50% - 16px);
    height: 180px;
  }
}
@media (min-width: 1201px) {
  .page-hanafuda .others-list-players {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 6px;
  }
}
@media (min-width: 1201px) {
  .page-hanafuda .others-list-players__label {
    width: 86px;
    height: 27px;
    background-color: #76738a;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.06em;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 12px;
  }
}
@media (min-width: 1201px) {
  .page-hanafuda .others-list-players__txt {
    letter-spacing: 0.08em;
  }
}
@media (min-width: 1201px) {
  .page-hanafuda .others-list-txt {
    width: 100%;
    margin-top: 14px;
    line-height: 1.5;
    letter-spacing: 0.1em;
    text-align: center;
  }
}
@media (min-width: 1201px) {
  .page-hanafuda .others-list-btn {
    padding-top: 71px;
    height: 92px;
    position: relative;
    left: -1px;
  }
}
@media (min-width: 1201px) {
  .page-hanafuda .others-list-btn__link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 auto;
    width: 479px;
    height: 60px;
    font-size: 16px;
    color: #fff;
    background-color: #6e987c;
    -webkit-transition: -webkit-filter 0.2s;
    transition: -webkit-filter 0.2s;
    transition: filter 0.2s;
    transition: filter 0.2s, -webkit-filter 0.2s;
  }
}
@media (min-width: 1201px) {
  .page-hanafuda .others-list__title {
    font-size: 22px;
    color: #76738a;
    font-weight: 600;
    letter-spacing: 0.1em;
  }
}
@media (min-width: 1201px) {
  .page-hanafuda .others-list__title-sub {
    font-size: 18.7px;
    letter-spacing: 0.085em;
    display: inline-block;
  }
}
@media (min-width: 1201px) {
  .page-hanafuda .grid_bgWrap {
    position: relative;
    width: 100%;
    height: auto;
  }
}
@media (min-width: 1201px) {
  .page-hanafuda .about-hanafuda .grid_bgWrap {
    height: 181px;
  }
}
@media (min-width: 1201px) {
  .page-hanafuda .grid_bgWrap._grid_bgWrapBorder {
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
  }
}
@media (min-width: 1201px) {
  .page-hanafuda .grid_bgWrap::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    z-index: -1;
    width: 50%;
    height: 100%;
    display: block;
    background: url("../images/common/grid_w.webp") repeat left top;
    background-size: 30px 30px;
  }
}
@media (min-width: 1201px) {
  .page-hanafuda .grid_bgWrap::after {
    content: "";
    position: absolute;
    top: 0;
    right: 50%;
    z-index: -1;
    width: 50%;
    height: 100%;
    display: block;
    background: url("../images/common/grid_w.webp") repeat right top;
    background-size: 30px 30px;
  }
}
@media (min-width: 1201px) {
  .page-hanafuda .info {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 98px auto 59px;
    width: 301px;
    height: 61px;
    font-size: 16px;
    color: #fff;
    background-color: #6e987c;
    -webkit-transition: -webkit-filter 0.2s;
    transition: -webkit-filter 0.2s;
    transition: filter 0.2s;
    transition: filter 0.2s, -webkit-filter 0.2s;
  }
}
@media (min-width: 1201px) {
  .page-hanafuda .info-link {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border: 1px solid #76738a;
    color: #76738a;
    text-align: center;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 1201px) {
  .page-hanafuda .info:hover .info-link {
    background-color: #f1f1f3;
  }
}
@media (min-width: 1201px) {
  .page-hanafuda .info-link-arrow {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 20px;
    height: 20px;
    background-color: #76738a;
    display: grid;
    place-content: center;
  }
}
@media (min-width: 1201px) {
  .page-hanafuda .info-link-arrow > img {
    width: 8px;
  }
}
@media (min-width: 1201px) {
  .page-hanafuda .info-link__label {
    font-size: 20px;
    letter-spacing: 0.06em;
  }
}
@media (min-width: 1201px) {
  .page-hanafuda .about-hanafuda {
    margin-top: 90px;
  }
}
@media (min-width: 1201px) {
  .page-hanafuda .about-hanafuda__content {
    padding: 41px 40px 0;
  }
}
@media (min-width: 1201px) {
  .page-hanafuda .about-hanafuda-txt__label {
    text-align: center;
    line-height: 2;
    letter-spacing: 0.1em;
  }
}
@media (min-width: 1201px) {
  .page-hanafuda .about-hanafuda-card {
    max-width: 1138px;
    margin: 45px auto 0;
    padding: 0 20px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 58px;
       -moz-column-gap: 58px;
            column-gap: 58px;
    row-gap: 14px;
  }
}
@media (min-width: 1201px) {
  .page-hanafuda .about-hanafuda-card .about-hanafuda-card-item {
    width: calc((100% - 174px) / 4);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 10px;
  }
}
@media (min-width: 1201px) {
  .page-hanafuda .about-hanafuda-card-item__txt-month {
    display: inline-block;
    margin-right: 26px;
  }
}
@media (min-width: 1201px) {
  .page-hanafuda .about-hanafuda-card .about-hanafuda-card-item__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
@media (min-width: 1201px) {
  .page-hanafuda .about-hanafuda-card .about-hanafuda-card-item__txt {
    font-size: 16px;
    text-align: center;
    letter-spacing: 0.08em;
    margin-top: 2px;
  }
}
@media (min-width: 1201px) {
  .page-hanafuda .about-hanafuda-card .about-hanafuda-card-item__txt-small {
    font-size: 12px;
    margin-left: 8px;
  }
}
@media (min-width: 1201px) {
  .page-hanafuda .about-hanafuda .c_textSmall01 {
    text-align: center;
    margin-top: 24px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  .page-hanafuda {
    /* Utility */
    /* 共通パーツ */
    /* chotto-hanafuda */
    /* workshop */
  }
  .page-hanafuda .u-disp-inline {
    display: inline-block;
  }
  .page-hanafuda .hanafuda-section--lv1-header {
    height: 181px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
  }
  .page-hanafuda .hanafuda-section--lv1-heading::before {
    content: "";
    position: absolute;
    top: -1px;
    left: -300px;
    width: 50%;
    height: 360px;
    background: url(../images/hanafuda/bg_grid_about_01.webp) repeat-x right top;
    background-size: 360px 180px;
    clip-path: inset(0 1px 0 0);
  }
  .page-hanafuda .hanafuda-section--lv1-heading::after {
    content: "";
    position: absolute;
    top: -1px;
    right: -329px;
    width: 50%;
    height: 180px;
    background: url(../images/hanafuda/bg_grid_about_02.webp) repeat-x left top;
    background-size: 360px 180px;
  }
  .page-hanafuda .workshop .hanafuda-section--lv1-heading::before {
    height: 330px;
    top: -1px;
    left: -239px;
    background: url(../images/hanafuda/bg_grid_workshop_01.webp) repeat-x right top;
    background-size: 330px 210px;
  }
  .page-hanafuda .workshop .hanafuda-section--lv1-heading::after {
    height: 330px;
    top: -1px;
    right: -239px;
    background: url(../images/hanafuda/bg_grid_workshop_02.webp) repeat-x left top;
    background-size: 330px 210px;
  }
  .page-hanafuda .others .hanafuda-section--lv1-heading::before {
    height: 270px;
    top: -1px;
    left: -330px;
    background: url(../images/hanafuda/bg_grid_others_01.webp) repeat-x right top;
    background-size: 300px 270px;
  }
  .page-hanafuda .others .hanafuda-section--lv1-heading::after {
    height: 300px;
    top: -1px;
    right: -359px;
    background: url(../images/hanafuda/bg_grid_others_02.webp) repeat-x left top;
    background-size: 271px 300px;
  }
  .page-hanafuda .hanafuda-section--lv1-heading {
    width: 661px;
    height: 121px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #fff;
    border: 1px #f1f1f3 solid;
    margin-top: 0;
    margin-left: -2px;
    z-index: 1;
  }
  .page-hanafuda .hanafuda-section--lv1-heading__label {
    width: 559px;
    height: auto;
  }
  .page-hanafuda .hanafuda-section--lv1-heading-sub {
    font-size: 16px;
    color: #fff;
    letter-spacing: 0.1em;
  }
  .page-hanafuda .hanafuda-section--lv2-header {
    width: 100%;
    height: 79px;
    background-color: #6e987c;
    padding-left: 40px;
    padding-right: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
  }
  .page-hanafuda .hanafuda-section--lv2-header::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 96px;
    height: 79px;
    background: url(../images/hanafuda/bg_deco_title.webp) right top;
    background-size: 96px 79px;
  }
  .page-hanafuda .hanafuda-section--lv2-heading {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .page-hanafuda .hanafuda-section--lv2-heading__label {
    font-size: 28px;
    color: #fff;
    letter-spacing: 0.1em;
  }
  .page-hanafuda .hanafuda-section--lv2-heading-sub__label {
    font-size: 16px;
    color: #fff;
    letter-spacing: 0.1em;
  }
  .page-hanafuda .chotto-hanafuda__inner {
    padding: 82px 40px 0;
  }
  .page-hanafuda .chotto-hanafuda-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .page-hanafuda .chotto-hanafuda-heading {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 507px;
  }
  .page-hanafuda .chotto-hanafuda-heading::before {
    content: "";
    position: absolute;
    left: -160px;
    top: 7px;
    width: 131px;
    height: 191px;
    background: url(../images/hanafuda/img_leat_01.webp) no-repeat center center;
    background-size: contain;
    z-index: -1;
  }
  .page-hanafuda .chotto-hanafuda-heading::after {
    content: "";
    position: absolute;
    right: -160px;
    top: 9px;
    width: 128px;
    height: 190px;
    background: url(../images/hanafuda/img_right_01.webp) no-repeat center center;
    background-size: contain;
    z-index: -1;
  }
  .page-hanafuda .chotto-hanafuda-heading__label {
    position: relative;
    display: block;
  }
  .page-hanafuda .chotto-hanafuda-heading__label::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 100px;
    height: 4px;
    background-color: #6e987c;
    margin-bottom: -36px;
  }
  .page-hanafuda .chotto-hanafuda_container {
    padding-top: 86px;
  }
  .page-hanafuda .chotto-hanafuda-txt__label {
    text-align: center;
    line-height: 2;
    letter-spacing: 0.1em;
  }
  .page-hanafuda .workshop {
    margin-top: 95px;
  }
  .page-hanafuda .workshop .hanafuda-section--lv1-header {
    height: 211px;
  }
  .page-hanafuda .workshop .hanafuda-section--lv1-heading {
    width: 481px;
    height: 151px;
    margin-top: 0;
  }
  .page-hanafuda .workshop .hanafuda-section--lv1-heading__label {
    width: 318px;
  }
  .page-hanafuda .workshop_container {
    margin-left: auto;
    margin-right: auto;
  }
  .page-hanafuda .workshop-lead__inner {
    padding: 42px 40px 0;
  }
  .page-hanafuda .workshop-lead-txt-label {
    text-align: center;
    line-height: 2;
    letter-spacing: 0.1em;
  }
  .page-hanafuda .workshop-lead-info {
    padding-top: 40px;
  }
  .page-hanafuda .workshop-lead-info-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .page-hanafuda .workshop-lead-info-item__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #f1f1f3;
    color: #76738a;
    font-weight: 600;
    width: 127px;
    height: 39px;
    letter-spacing: 0.06em;
    margin-right: 16px;
  }
  .page-hanafuda .workshop-lead-info-item__txt {
    font-size: 18px;
    letter-spacing: 0.08em;
  }
  .page-hanafuda .workshop-lead-info-item__note {
    letter-spacing: 0.06em;
    padding-left: 1em;
    line-height: 2;
    font-size: 14px;
  }
  .page-hanafuda .workshop-lead-info-item__note:before {
    content: "※";
  }
  .page-hanafuda .workshop-rule {
    padding-top: 65px;
  }
  .page-hanafuda .workshop-rule.workshop-rule--flow {
    padding: 24px 58px 60px;
  }
  .page-hanafuda .workshop-rule.workshop-rule--flow2 {
    padding: 60px 0 0;
  }
  .page-hanafuda .workshop-rule__inner {
    padding: 32px 40px 0;
  }
  .page-hanafuda .workshop-rule-comment {
    background-color: #f1f1f3;
    max-width: 950px;
    margin-left: auto;
    margin-right: auto;
  }
  .page-hanafuda .workshop-rule-comment + .workshop-rule-comment {
    margin-top: 64px;
  }
  .page-hanafuda .workshop-rule-comment__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .page-hanafuda .workshop-rule-result .workshop-rule-comment__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 32px 0 18px 60px;
  }
  .page-hanafuda .workshop-rule-comment-img {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 320px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .page-hanafuda .workshop-rule-comment-name {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 197px;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .page-hanafuda .workshop-rule-result .workshop-rule-comment-name {
    width: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .page-hanafuda .workshop-rule-comment-name-heading__label {
    font-size: 22px;
    color: #76738a;
    letter-spacing: 1.5454545455;
    font-weight: 700;
  }
  .page-hanafuda .workshop-rule-comment-desc {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    padding: 13px 50px 18px 0;
  }
  .page-hanafuda .workshop-rule-flow__desc-title {
    font-size: 18px;
    letter-spacing: 0.1em;
    padding: 13px 32px;
    background-color: #f1f1f3;
    color: #76738a;
    width: 100%;
    margin: 36px 0 25px;
  }
  .page-hanafuda .workshop-rule-flow-img + .workshop-rule-flow__desc-title {
    margin: 60px 0 25px;
  }
  .page-hanafuda .workshop-rule-comment-desc__inner {
    padding: 38px 72px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: 36px;
  }
  .page-hanafuda .workshop-rule-comment-desc-txt__label {
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0.075em;
  }
  .page-hanafuda .workshop-rule-comment-desc-txt .c_dotList {
    line-height: 1.5;
    letter-spacing: 0.1em;
  }
  .page-hanafuda .workshop-rule-comment-desc-txt .c_dotList > li + li {
    margin-top: 0;
  }
  .page-hanafuda .workshop-rule-comment-desc-txt .c_dotList > li::before {
    line-height: 1.2;
    letter-spacing: 0.1em;
    font-size: 16px;
  }
  .page-hanafuda .workshop-rule-comment-lead {
    margin-top: 4px;
    margin-bottom: -4px;
  }
  .page-hanafuda .workshop-rule-comment-lead + .workshop-rule-comment-name .workshop-rule-comment-name-heading__label {
    font-size: 28px;
  }
  .page-hanafuda .workshop-rule-comment-lead-txt__label {
    font-size: 17px;
  }
  .page-hanafuda .workshop-rule-comment-name-sub__label {
    font-size: 17px;
  }
  .page-hanafuda .workshop-rule-flow__inner {
    padding: 0 40px 0;
  }
  .page-hanafuda .workshop-rule--flow .workshop-rule-flow__inner {
    padding: 0 0 0;
  }
  .page-hanafuda .workshop-rule-flow__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .page-hanafuda .workshop-rule-flow__item + .workshop-rule-flow__item {
    margin-top: 60px;
  }
  .page-hanafuda .workshop-rule-flow-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    width: 342px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-bottom: 24px;
  }
  .page-hanafuda .workshop-rule-box .workshop-rule-flow-title {
    width: 100%;
  }
  .page-hanafuda .workshop-rule-flow-title__number {
    display: block;
    background-color: #76738a;
    color: #fff;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .page-hanafuda .workshop-rule-flow-title--gray .workshop-rule-flow-title__number {
    background-color: #f0f0f0;
    color: #76738a;
  }
  .page-hanafuda .workshop-rule-flow-title__number svg {
    height: 18px;
  }
  .page-hanafuda .workshop-rule-flow-title__number img {
    height: 18px;
  }
  .page-hanafuda .workshop-rule-flow-title__number-icon path {
    fill: #76738a;
  }
  .page-hanafuda .workshop-rule-flow-title__label {
    font-size: 22px;
    letter-spacing: 0.08em;
    line-height: 1.2;
    padding-top: 5px;
    padding-right: 10px;
  }
  .page-hanafuda .workshop-rule-flow-title__label.--pt-0 {
    padding-top: 0;
  }
  .page-hanafuda .workshop-rule-flow__txt {
    font-size: 16px;
    letter-spacing: 0.1em;
    line-height: 1.5;
  }
  .page-hanafuda .workshop-rule-flow__desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .page-hanafuda .workshop-rule-flow__desc .c_textSmall01 {
    margin-top: 0;
    line-height: 1.6;
  }
  .page-hanafuda .workshop-rule-flow__desc .c_textSmall01 > small {
    font-size: 80%;
  }
  .page-hanafuda .workshop-rule--flow .workshop-rule-flow__item:nth-child(2) .workshop-rule-flow-img__label {
    display: block;
    width: 100%;
    max-width: 505px;
    aspect-ratio: 505/663;
    gap: 20px;
    margin: 32px auto 0;
  }
  .page-hanafuda .workshop-rule--flow .workshop-rule-flow__item:nth-child(3) .workshop-rule-flow-img--01 {
    display: block;
    width: 100%;
    max-width: 506px;
    margin-top: 36px;
    aspect-ratio: 506/664;
    margin: 36px auto 0;
  }
  .page-hanafuda .workshop-rule--flow .workshop-rule-flow__item:nth-child(3) .workshop-rule-flow-img--02 {
    display: block;
    width: 100%;
    max-width: 575px;
    aspect-ratio: 575/664;
    margin: 34px auto 0;
  }
  .page-hanafuda .workshop-rule--flow2 .workshop-rule-flow__item:nth-child(1) .workshop-rule-flow-img--01 {
    display: block;
    max-width: 660px;
    width: 660px;
    aspect-ratio: 660/664;
    margin: 38px auto 0;
  }
  .page-hanafuda .workshop-rule--flow2 .workshop-rule-flow__item:nth-child(1) .workshop-rule-flow-img--02 {
    display: block;
    width: 575px;
    height: 664px;
    margin: 34px auto 0;
  }
  .page-hanafuda .workshop-rule-result__inner {
    padding: 54px 40px 0;
  }
  .page-hanafuda .workshop-rule-point__inner {
    padding: 42px 40px 0;
  }
  .page-hanafuda .workshop-rule-hand__inner {
    padding: 42px 40px 0;
  }
  .page-hanafuda .workshop-rule-list {
    list-style: none;
    padding-left: 0;
    margin-top: 23px;
    margin-left: 0;
    margin-bottom: 18px;
  }
  .page-hanafuda .workshop-rule-list__item {
    position: relative;
    padding-left: 2.1em;
    margin-bottom: -3px;
  }
  .page-hanafuda .workshop-rule-list__number {
    position: absolute;
    left: 0;
    top: 0;
  }
  .page-hanafuda .workshop-rule--result {
    padding-top: 100px;
  }
  .page-hanafuda .workshop-rule--point {
    padding-top: 93px;
  }
  .page-hanafuda .workshop-rule-point-img {
    max-width: 1198px;
    width: 100%;
    aspect-ratio: 1198/570;
    margin: 0 auto;
  }
  .page-hanafuda .workshop-rule-point-scroll {
    display: none;
  }
  .page-hanafuda .workshop-rule--hand {
    padding-top: 100px;
  }
  .page-hanafuda .workshop-rule-hand-img {
    max-width: 392px;
    width: 100%;
    aspect-ratio: 392/428;
    margin: 0 auto;
  }
  .page-hanafuda .workshop-rule-txt__list-item {
    position: relative;
    list-style: none;
    padding-left: 1em;
    margin-top: 4px;
    font-size: 14px;
    line-height: 2;
  }
  .page-hanafuda .workshop-rule-txt__list-item:before {
    content: "※";
    position: absolute;
    left: 0;
    top: 0;
  }
  .page-hanafuda .workshop-rule-txt__list-item + .workshop-rule-txt__list-item {
    margin-top: 4px;
  }
  .page-hanafuda .workshop-rule-box {
    margin-top: 34px;
    margin-left: 40px;
    margin-right: 40px;
    border: 1px solid #76738a;
    background: #fff;
    overflow: hidden;
  }
  .page-hanafuda .workshop-rule-box-heading {
    position: relative;
  }
  .page-hanafuda .workshop-rule-box-heading:before, .page-hanafuda .workshop-rule-box-heading:after {
    pointer-events: none;
    content: "";
    position: absolute;
    background-color: #76738a;
    top: 50%;
    right: 32px;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }
  .page-hanafuda .workshop-rule-box-heading:before {
    width: 20px;
    width: 23px;
    height: 3px;
    margin-top: -1px;
    margin-right: 8px;
  }
  .page-hanafuda .workshop-rule-box-heading:after {
    width: 3px;
    height: 23px;
    margin-top: -10px;
    margin-right: 18px;
  }
  .page-hanafuda .workshop-rule-box-heading._show:after {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  .page-hanafuda .workshop-rule-box-heading__label {
    padding: 32px 58px 32px;
    display: block;
    font-size: 22px;
    line-height: 1.5454545455;
    letter-spacing: 0.1em;
    color: #76738a;
    font-weight: 600;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .page-hanafuda .workshop-rule-box-item {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
    overflow: hidden;
  }
  .page-hanafuda ._show + .workshop-rule-box-item {
    opacity: 1;
  }
  .page-hanafuda .others {
    margin-top: 100px;
  }
  .page-hanafuda .others .hanafuda-section--lv1-header {
    height: 142px;
  }
  .page-hanafuda .others .hanafuda-section--lv1-heading {
    background-color: inherit;
    border: none;
  }
  .page-hanafuda .others .hanafuda-section--lv1-heading__label {
    width: 720px;
    margin-top: 7px;
  }
  .page-hanafuda .others_container {
    padding: 0 23px;
    max-width: 890px;
    margin: 0 auto;
  }
  .page-hanafuda .others-txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 68px;
    padding-top: 4px;
  }
  .page-hanafuda .others-txt--02 {
    height: 89px;
    padding-top: 29px;
  }
  .page-hanafuda .others-txt__label {
    font-size: 16px;
    text-align: center;
    line-height: 2;
  }
  .page-hanafuda .others-list {
    max-width: 1201px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 30px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    left: -1px;
  }
  .page-hanafuda .others-list__item {
    position: relative;
    text-align: center;
    background-color: #f1f1f3;
    padding: 22px 10px 0;
    width: calc(50% - 16px);
    height: 210px;
  }
  .page-hanafuda .others-list-players {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 6px;
  }
  .page-hanafuda .others-list-players__label {
    width: 86px;
    height: 27px;
    background-color: #76738a;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.06em;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 12px;
  }
  .page-hanafuda .others-list-players__txt {
    letter-spacing: 0.08em;
  }
  .page-hanafuda .others-list-txt {
    width: 100%;
    margin-top: 14px;
    line-height: 1.5;
    letter-spacing: 0.1em;
    text-align: center;
  }
  .page-hanafuda .others-list-btn {
    padding-top: 60px;
    height: 91px;
    position: relative;
  }
  .page-hanafuda .others-list-btn__link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 auto;
    width: 479px;
    height: 60px;
    font-size: 16px;
    color: #fff;
    background-color: #6e987c;
    -webkit-transition: -webkit-filter 0.2s;
    transition: -webkit-filter 0.2s;
    transition: filter 0.2s;
    transition: filter 0.2s, -webkit-filter 0.2s;
  }
  .page-hanafuda .others-list__title {
    font-size: 22px;
    color: #76738a;
    font-weight: 600;
    letter-spacing: 0.1em;
  }
  .page-hanafuda .others-list__title-sub {
    font-size: 18.7px;
    letter-spacing: 0.085em;
    display: inline-block;
  }
  .page-hanafuda .grid_bgWrap {
    position: relative;
    width: 100%;
    height: auto;
  }
  .page-hanafuda .about-hanafuda .grid_bgWrap {
    height: 181px;
  }
  .page-hanafuda .grid_bgWrap._grid_bgWrapBorder {
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
  }
  .page-hanafuda .grid_bgWrap::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    z-index: -1;
    width: 50%;
    height: 100%;
    display: block;
    background: url("../images/common/grid_w.webp") repeat left top;
    background-size: 30px 30px;
  }
  .page-hanafuda .grid_bgWrap::after {
    content: "";
    position: absolute;
    top: 0;
    right: 50%;
    z-index: -1;
    width: 50%;
    height: 100%;
    display: block;
    background: url("../images/common/grid_w.webp") repeat right top;
    background-size: 30px 30px;
  }
  .page-hanafuda .info {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 auto;
    width: 360px;
    height: 59px;
    font-size: 16px;
    color: #fff;
    background-color: #6e987c;
    -webkit-transition: -webkit-filter 0.2s;
    transition: -webkit-filter 0.2s;
    transition: filter 0.2s;
    transition: filter 0.2s, -webkit-filter 0.2s;
    margin-top: 89px;
    margin-bottom: 59px;
  }
  .page-hanafuda .info-link {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border: 1px solid #76738a;
    color: #76738a;
    text-align: center;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .page-hanafuda .info:hover .info-link {
    background-color: #f1f1f3;
  }
  .page-hanafuda .info-link-arrow {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 20px;
    height: 20px;
    background-color: #76738a;
    display: grid;
    place-content: center;
  }
  .page-hanafuda .info-link-arrow > img {
    width: 8px;
  }
  .page-hanafuda .info-link__label {
    font-size: 20px;
    letter-spacing: 0.06em;
  }
  .page-hanafuda .about-hanafuda {
    margin-top: 90px;
  }
  .page-hanafuda .about-hanafuda__content {
    padding: 41px 40px 0;
  }
  .page-hanafuda .about-hanafuda-txt__label {
    text-align: center;
    line-height: 2;
    letter-spacing: 0.1em;
  }
  .page-hanafuda .about-hanafuda-card {
    max-width: 1138px;
    margin: 45px auto 0;
    padding: 0 20px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 58px;
       -moz-column-gap: 58px;
            column-gap: 58px;
    row-gap: 14px;
  }
  .page-hanafuda .about-hanafuda-card .about-hanafuda-card-item {
    width: calc((100% - 174px) / 4);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 10px;
  }
  .page-hanafuda .about-hanafuda-card .about-hanafuda-card-item__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .page-hanafuda .about-hanafuda-card-item__txt-month {
    display: inline-block;
    margin-right: 26px;
  }
  .page-hanafuda .about-hanafuda-card .about-hanafuda-card-item__txt {
    font-size: 16px;
    text-align: center;
    letter-spacing: 0.08em;
    margin-top: 2px;
  }
  .page-hanafuda .about-hanafuda-card .about-hanafuda-card-item__txt-small {
    font-size: 12px;
    margin-left: 8px;
  }
  .page-hanafuda .about-hanafuda .c_textSmall01 {
    text-align: center;
    margin-top: 24px;
  }
}
@media (max-width: 879px) {
  .page-hanafuda {
    /* Utility */
    /* 共通パーツ */
    /* chotto-hanafuda */
    /* workshop */
  }
  .page-hanafuda :root {
    --scrollbar-width: 0px;
  }
  .page-hanafuda .u-disp-inline {
    display: inline-block;
  }
  .page-hanafuda .hanafuda-section--lv1-header {
    height: 23.2051282051vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
  }
  .page-hanafuda .hanafuda-section--lv1-header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    aspect-ratio: 780/354;
    background: url(../images/hanafuda/bg_grid_about_sp.webp) no-repeat left top;
    background-size: contain;
    z-index: -1;
  }
  .page-hanafuda .workshop .hanafuda-section--lv1-header::before {
    top: 0;
    left: 0;
    width: 100%;
    aspect-ratio: 780/354;
    background: url(../images/hanafuda/bg_grid_workshop_sp.webp) no-repeat left top;
    background-size: contain;
  }
  .page-hanafuda .others .hanafuda-section--lv1-heading::after {
    height: 138.4615384615vw;
    top: -0.1282051282vw;
    right: -38.3333333333vw;
    background: url(../images/hanafuda/bg_grid_others_02.webp) no-repeat left top;
    background-size: 34.6153846154vw 138.4615384615vw;
  }
  .page-hanafuda .hanafuda-section--lv1-heading {
    width: 78.7179487179%;
    aspect-ratio: 614/177;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 1.1538461538%;
    margin-left: -0.2564102564%;
    z-index: 1;
  }
  .page-hanafuda .hanafuda-section--lv1-heading__label {
    width: 51.9230769231vw;
    height: auto;
  }
  .page-hanafuda .hanafuda-section--lv1-heading-sub {
    font-size: 2.0512820513vw;
    color: #fff;
    letter-spacing: 0.1em;
  }
  .page-hanafuda .hanafuda-section--lv2-header {
    width: 100%;
    height: 15.3846153846vw;
    background-color: #6e987c;
    padding-left: 5.1282051282vw;
    padding-right: 2.8205128205vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
  }
  .page-hanafuda .hanafuda-section--lv2-header::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 18.4615384615vw;
    height: 15.3846153846vw;
    background: url(../images/hanafuda/bg_deco_title.webp) right top;
    background-size: contain;
    clip-path: inset(0 0 0 1px);
  }
  .page-hanafuda .hanafuda-section--lv2-heading {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .page-hanafuda .hanafuda-section--lv2-heading__label {
    font-size: 4.6153846154vw;
    color: #fff;
    letter-spacing: 0.1em;
  }
  .page-hanafuda .hanafuda-section--lv2-heading-sub__label {
    font-size: 2.0512820513vw;
    color: #fff;
    letter-spacing: 0.1em;
  }
  .page-hanafuda .chotto-hanafuda__inner {
    padding: 10.5128205128vw 0vw 0;
  }
  .page-hanafuda .chotto-hanafuda-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .page-hanafuda .chotto-hanafuda-heading {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 74.4871794872vw;
  }
  .page-hanafuda .chotto-hanafuda-heading::before {
    content: "";
    position: absolute;
    left: -9.1025641026vw;
    top: 14.7435897436vw;
    width: 11.0256410256vw;
    height: 16.1538461538vw;
    background: url(../images/hanafuda/img_leat_01.webp) no-repeat center center;
    background-size: contain;
    z-index: -1;
  }
  .page-hanafuda .chotto-hanafuda-heading::after {
    content: "";
    position: absolute;
    right: -9.1025641026vw;
    top: 14.7435897436vw;
    width: 10.7692307692vw;
    height: 16.0256410256vw;
    background: url(../images/hanafuda/img_right_01.webp) no-repeat center center;
    background-size: contain;
    z-index: -1;
  }
  .page-hanafuda .chotto-hanafuda-heading__label {
    position: relative;
    display: block;
    width: 100%;
  }
  .page-hanafuda .chotto-hanafuda-heading__label::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 15.3846153846vw;
    height: 1.0256410256vw;
    background-color: #6e987c;
    margin-bottom: -5.7692307692vw;
  }
  .page-hanafuda .chotto-hanafuda_container {
    padding-top: 13.7179487179vw;
  }
  .page-hanafuda .chotto-hanafuda-txt__label {
    font-size: 3.5897435897vw;
    text-align: center;
    line-height: 2;
    letter-spacing: 0.1em;
  }
  .page-hanafuda .workshop {
    margin-top: 15.3846153846vw;
  }
  .page-hanafuda .workshop .hanafuda-section--lv1-header {
    height: 45.1282051282vw;
  }
  .page-hanafuda .workshop .hanafuda-section--lv1-heading {
    width: 55.7692307692vw;
    aspect-ratio: 435/99;
    margin-top: 0;
  }
  .page-hanafuda .workshop .hanafuda-section--lv1-heading__label {
    width: 55.7692307692vw;
  }
  .page-hanafuda .workshop_container {
    margin-left: auto;
    margin-right: auto;
  }
  .page-hanafuda .workshop-lead__inner {
    padding: 8.3333333333vw 2.5641025641vw 0;
  }
  .page-hanafuda .workshop-lead-txt-label {
    font-size: 3.5897435897vw;
    text-align: center;
    line-height: 2;
    letter-spacing: 0.1em;
  }
  .page-hanafuda .workshop-lead-info {
    padding-top: 4.6153846154vw;
  }
  .page-hanafuda .workshop-lead-info-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .page-hanafuda .workshop-lead-info-item__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #f1f1f3;
    color: #76738a;
    font-weight: 600;
    width: 24.358974359vw;
    height: 6.4102564103vw;
    letter-spacing: 0.06em;
    margin-right: 4.1025641026vw;
    font-size: 3.3333333333vw;
  }
  .page-hanafuda .workshop-lead-info-item__txt {
    font-size: 4.1025641026vw;
    letter-spacing: 0.08em;
  }
  .page-hanafuda .workshop-lead-info-item__note {
    width: 100%;
    letter-spacing: 0.08em;
    padding-left: 1em;
    text-indent: -1em;
    line-height: 2;
    font-size: 3.3333333333vw;
    margin-top: 1.2820512821vw;
    display: block;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    text-align: center;
  }
  .page-hanafuda .workshop-lead-info-item__note:before {
    content: "※";
  }
  .page-hanafuda .workshop-rule {
    padding: 25.641025641vw 5.1282051282vw 0;
  }
  .page-hanafuda .workshop-rule--flow {
    padding: 4.6153846154vw 5.1282051282vw 10.2564102564vw 6.4102564103vw;
  }
  .page-hanafuda .workshop-rule--flow2 {
    padding: 10.2564102564vw 5.1282051282vw 0;
  }
  .page-hanafuda .workshop-rule__inner {
    padding: 5.8974358974vw 0 0;
  }
  .page-hanafuda .workshop-rule-comment {
    background-color: #f1f1f3;
    max-width: 121.7948717949vw;
    margin-left: auto;
    margin-right: auto;
  }
  .page-hanafuda .workshop-rule-comment + .workshop-rule-comment {
    margin-top: 8.2051282051vw;
  }
  .page-hanafuda .workshop-rule-comment__inner {
    padding: 4.6153846154vw 1.9230769231vw 0 6.4102564103vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .page-hanafuda .workshop-rule-comment-img {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 41.0256410256vw;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .page-hanafuda .workshop-rule-comment-desc {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    padding: 2.8205128205vw 4.358974359vw 4.358974359vw 0;
  }
  .page-hanafuda .workshop-rule-comment-desc__inner {
    padding: 4.8717948718vw 9.2307692308vw;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: 4.6153846154vw;
  }
  .page-hanafuda .workshop-rule-comment-name {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .page-hanafuda .workshop-rule-comment-name-heading__label {
    font-size: 4.1025641026vw;
    color: #76738a;
    letter-spacing: 0.1em;
    font-weight: 700;
  }
  .page-hanafuda .workshop-rule-comment-desc-txt__label {
    font-size: 3.3333333333vw;
    line-height: 1.4;
    letter-spacing: 0.1em;
  }
  .page-hanafuda .workshop-rule-comment-desc-txt .c_dotList {
    font-size: 3.3333333333vw;
    line-height: 1.8;
    letter-spacing: 0.1em;
    margin-top: 0;
  }
  .page-hanafuda .workshop-rule-comment-desc-txt .c_dotList > li + li {
    margin-top: 0;
  }
  .page-hanafuda .workshop-rule-comment-desc-txt .c_dotList > li::before {
    line-height: 1.2;
    letter-spacing: 0.1em;
    font-size: 2.0512820513vw;
  }
  .page-hanafuda .workshop-rule-comment-lead {
    margin-top: 0.5128205128vw;
    margin-bottom: -0.5128205128vw;
  }
  .page-hanafuda .workshop-rule-comment-lead + .workshop-rule-comment-name .workshop-rule-comment-name-heading__label {
    font-size: 3.5897435897vw;
  }
  .page-hanafuda .workshop-rule-comment-lead-txt__label {
    font-size: 2.1794871795vw;
  }
  .page-hanafuda .workshop-rule-comment-name-sub__label {
    font-size: 2.1794871795vw;
  }
  .page-hanafuda .workshop-rule-flow__inner {
    padding: 0 0 0;
  }
  .page-hanafuda .workshop-rule-flow__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .page-hanafuda .workshop-rule-flow__item + .workshop-rule-flow__item {
    margin-top: 10.2564102564vw;
  }
  .page-hanafuda .workshop-rule-flow-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 3.0769230769vw;
    width: 100%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .page-hanafuda .workshop-rule-flow-title__number {
    display: block;
    background-color: #76738a;
    color: #fff;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 6.4102564103vw;
    height: 6.4102564103vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .page-hanafuda .workshop-rule-flow-title--gray .workshop-rule-flow-title__number {
    background-color: #f0f0f0;
    color: #76738a;
  }
  .page-hanafuda .workshop-rule-flow-title__number img {
    height: 2.9487179487vw;
  }
  .page-hanafuda .workshop-rule-flow-title__number svg {
    height: 2.9487179487vw;
  }
  .page-hanafuda .workshop-rule-flow-title__number-icon path {
    fill: #76738a;
  }
  .page-hanafuda .workshop-rule-flow-title__label {
    font-size: 4.1025641026vw;
    letter-spacing: 0.1em;
    line-height: 1.2;
    padding-top: 0;
    font-weight: 700;
    color: #76738a;
    position: relative;
    top: 0.3846153846vw;
  }
  .page-hanafuda .workshop-rule-flow-title__label.--pt-0 {
    padding-top: 0;
  }
  .page-hanafuda .workshop-rule-flow__txt {
    font-size: 3.3333333333vw;
    letter-spacing: 0.1em;
    line-height: 1.8;
  }
  .page-hanafuda .workshop-rule-flow__desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 2.3076923077vw 0 0 8.9743589744vw;
  }
  .page-hanafuda .workshop-rule-flow__desc-title {
    font-size: 3.5897435897vw;
    letter-spacing: 0.1em;
    padding: 2.3076923077vw 4.1025641026vw;
    background-color: #f1f1f3;
    color: #76738a;
    width: 100%;
    margin: 6.4102564103vw 0 3.0769230769vw;
  }
  .page-hanafuda .workshop-rule-flow-img + .workshop-rule-flow__desc-title {
    margin: 10.7692307692vw 0 3.2051282051vw;
  }
  .page-hanafuda .workshop-rule-flow__desc .c_textSmall01 {
    line-height: 1.6;
    font-size: 2.8205128205vw;
    line-height: 1.6363636364;
    margin-top: 2.5641025641vw;
    letter-spacing: 0.1em;
  }
  .page-hanafuda .workshop-rule-flow__desc .c_textSmall01 small {
    text-indent: -1em;
    padding-left: 1em;
    letter-spacing: 0.1em;
  }
  .page-hanafuda .workshop-rule--flow .workshop-rule-flow__item:nth-child(2) .workshop-rule-flow-img__label {
    display: block;
    width: 100%;
    max-width: 67.5641025641vw;
    margin-top: 6.9230769231vw;
    margin-left: 2.4358974359vw;
    aspect-ratio: 505/663;
    gap: 2.5641025641vw;
  }
  .page-hanafuda .workshop-rule--flow .workshop-rule-flow__item:nth-child(3) .workshop-rule-flow-img--01 {
    display: block;
    width: 67.9487179487vw;
    margin-top: 7.1794871795vw;
    margin-left: 2.0512820513vw;
    aspect-ratio: 660/664;
  }
  .page-hanafuda .workshop-rule--flow .workshop-rule-flow__item:nth-child(3) .workshop-rule-flow-img--02 {
    display: block;
    width: 76.7948717949vw;
    margin-top: 6.4102564103vw;
    margin-left: -2.1794871795vw;
    aspect-ratio: 575/664;
  }
  .page-hanafuda .workshop-rule--flow2 .workshop-rule-flow__item:nth-child(1) .workshop-rule-flow-img--01 .workshop-rule-flow-img__label {
    display: block;
    width: 87.9487179487vw;
    margin-top: 6.9230769231vw;
    margin-left: -8.2051282051vw;
  }
  .page-hanafuda .workshop-rule--flow2 .workshop-rule-flow__item:nth-child(1) .workshop-rule-flow-img--02 .workshop-rule-flow-img__label {
    display: block;
    width: 76.9230769231vw;
    margin-top: 6.1538461538vw;
    margin-left: -2.0512820513vw;
  }
  .page-hanafuda .workshop-rule-result__inner {
    padding: 8.3333333333vw 5.1282051282vw 0;
  }
  .page-hanafuda .workshop-rule--result .workshop-rule-result__inner {
    padding: 8.3333333333vw 0 0;
  }
  .page-hanafuda .workshop-rule-hand__inner {
    padding: 8.2051282051vw 0 0;
  }
  .page-hanafuda .workshop-rule-result-txt__label {
    font-size: 3.3333333333vw;
    line-height: 1.8;
    letter-spacing: 0.1em;
  }
  .page-hanafuda .workshop-rule-list {
    list-style: none;
    padding-left: 0;
    margin-top: 2.9487179487vw;
    margin-left: 0.8974358974vw;
    margin-bottom: 1.7948717949vw;
  }
  .page-hanafuda .workshop-rule-list__item {
    font-size: 3.3333333333vw;
    line-height: 1.8;
    position: relative;
    padding-left: 1.05em;
    margin-bottom: 0;
    letter-spacing: 0.1em;
  }
  .page-hanafuda .workshop-rule-result-txt__lable {
    font-size: 3.3333333333vw;
    line-height: 1.8;
    letter-spacing: 0.1em;
  }
  .page-hanafuda .workshop-rule-list__number {
    position: absolute;
    left: 0;
    top: 0.5em;
    width: 2.9487179487vw;
    height: 2.9487179487vw;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .page-hanafuda .workshop-rule--result {
    padding-top: 11.9230769231vw;
  }
  .page-hanafuda .workshop-rule--point {
    padding-top: 13.3333333333vw;
  }
  .page-hanafuda .workshop-rule-point__inner {
    width: 94.8717948718vw;
    padding: 8.2051282051vw 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    position: relative;
  }
  .page-hanafuda .workshop-rule-point-img {
    max-width: 16.9871794872vw;
    width: 100%;
    aspect-ratio: 136/1008;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-right: 5px;
  }
  .page-hanafuda .workshop-rule-point-scroll {
    overflow-x: scroll;
    padding-right: 20px;
  }
  .page-hanafuda .workshop-rule-point-scroll__label {
    display: block;
    width: 178.9743589744vw;
    margin: 0;
    aspect-ratio: 2017/1008;
  }
  .page-hanafuda .workshop-rule--hand {
    padding-top: 12.8205128205vw;
  }
  .page-hanafuda .workshop-rule-hand-img {
    max-width: 83.3333333333vw;
    width: 100%;
    aspect-ratio: 652/713;
    margin: 0 auto;
  }
  .page-hanafuda .workshop-rule-txt__label {
    font-size: 3.3333333333vw;
    line-height: 1.8;
    letter-spacing: 0.1em;
  }
  .page-hanafuda .workshop-rule-txt__list-item {
    position: relative;
    list-style: none;
    padding-left: 1em;
    margin-top: 2.8205128205vw;
    font-size: 2.8205128205vw;
    line-height: 1.6363636364;
  }
  .page-hanafuda .workshop-rule-txt__list-item:before {
    content: "※";
    position: absolute;
    left: 0;
    top: 0;
  }
  .page-hanafuda .workshop-rule-txt__list-item + .workshop-rule-txt__list-item {
    margin-top: 0;
  }
  .page-hanafuda .workshop-rule-box {
    margin-top: 7.1794871795vw;
    margin-left: 5.1282051282vw;
    margin-right: 5.1282051282vw;
    border: 1px solid #76738a;
    background: #fff;
    overflow: hidden;
  }
  .page-hanafuda .workshop-rule-box-heading {
    position: relative;
  }
  .page-hanafuda .workshop-rule-box-heading:before, .page-hanafuda .workshop-rule-box-heading:after {
    pointer-events: none;
    content: "";
    position: absolute;
    background-color: #76738a;
    top: 50%;
    right: 4.1025641026vw;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }
  .page-hanafuda .workshop-rule-box-heading:before {
    width: 5.1282051282vw;
    height: 0.5128205128vw;
    margin-top: -0.1282051282vw;
    margin-right: 1.0256410256vw;
  }
  .page-hanafuda .workshop-rule-box-heading:after {
    width: 0.5128205128vw;
    height: 5.1282051282vw;
    margin-top: -2.3076923077vw;
    margin-right: 3.3333333333vw;
  }
  .page-hanafuda .workshop-rule-box-heading._show:after {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  .page-hanafuda .workshop-rule-box-heading__label {
    padding: 4.1025641026vw 7.4358974359vw 4.1025641026vw;
    display: block;
    font-size: 4.1025641026vw;
    line-height: 1.8;
    letter-spacing: 0.1em;
    color: #76738a;
    font-weight: 600;
  }
  .page-hanafuda .workshop-rule-box-item {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
    overflow: hidden;
  }
  .page-hanafuda ._show + .workshop-rule-box-item {
    opacity: 1;
  }
  .page-hanafuda .others {
    margin-top: 14.8717948718vw;
  }
  .page-hanafuda .others__inner {
    position: relative;
    padding-bottom: calc(12.1794871795vw - var(--scrollbar-width));
  }
  .page-hanafuda .others__inner::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: calc(12.4358974359vw - var(--scrollbar-width));
    background: url(../images/hanafuda/bg_grid_others_02_sp.webp) no-repeat left top;
    background-size: calc(100vw - var(--scrollbar-width)) 100%;
    z-index: -1;
  }
  .page-hanafuda .others .hanafuda-section--lv1-header {
    height: 23.2051282051vw;
  }
  .page-hanafuda .others .hanafuda-section--lv1-header::before {
    background: url(../images/hanafuda/bg_deco_others_01_sp.webp) no-repeat left top;
    background-size: 100% 100%;
    aspect-ratio: 780/230;
  }
  .page-hanafuda .others .hanafuda-section--lv1-heading {
    background-color: inherit;
    border: none;
    margin-top: 0;
    width: 79.8717948718vw;
  }
  .page-hanafuda .others .hanafuda-section--lv1-heading__label {
    width: 100%;
    position: relative;
    top: 0;
  }
  .page-hanafuda .others .hanafuda-section--lv1-heading__label img {
    vertical-align: middle;
  }
  .page-hanafuda .others_container {
    padding: 0;
  }
  .page-hanafuda .others-txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 29.2307692308vw;
    font-size: 3.5897435897vw;
    line-height: 2;
    letter-spacing: 0.1em;
  }
  .page-hanafuda .others-txt--01 {
    background: url(../images/hanafuda/bg_deco_others_01_sp.webp) no-repeat left top;
    background-size: 100% 100%;
  }
  .page-hanafuda .others-txt--02 {
    padding-top: calc(5.7692307692vw - var(--scrollbar-width));
    height: calc(28.2051282051vw - var(--scrollbar-width));
    background: url(../images/hanafuda/bg_deco_others_04_sp.webp) no-repeat left top;
    background-size: calc(100vw - var(--scrollbar-width)) 100%;
  }
  .page-hanafuda .others-item {
    padding: 0;
  }
  .page-hanafuda .others-txt__label {
    text-align: center;
    margin-top: 0;
    line-height: 2;
  }
  .page-hanafuda .others-list {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .page-hanafuda .others-list-btn {
    position: relative;
    background: url(../images/hanafuda/bg_deco_others_04_sp.webp) repeat-y left top;
    background-size: 100% calc(30.8974358974vw - var(--scrollbar-width));
    padding-top: calc(6.4vw - var(--scrollbar-width));
  }
  .page-hanafuda .others-list-btn__link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 auto;
    width: calc(91.1538461538vw - var(--scrollbar-width));
    height: 11.2820512821vw;
    font-size: 3.5897435897vw;
    letter-spacing: 0.06em;
    color: #fff;
    background-color: #6e987c;
    -webkit-transition: -webkit-filter 0.2s;
    transition: -webkit-filter 0.2s;
    transition: filter 0.2s;
    transition: filter 0.2s, -webkit-filter 0.2s;
  }
  .page-hanafuda .others-list-btn__label {
    font-size: 3.3333333333vw;
    letter-spacing: 0.06em;
    line-height: 2.1421428571;
  }
  .page-hanafuda .others-list-btn ._arrow_white::before {
    right: 3.8461538462vw;
  }
  .page-hanafuda .others-list__item {
    text-align: left;
    padding: 4.4871794872vw 2.5641025641vw 0;
    width: 100%;
    height: calc(45.1282051282vw - var(--scrollbar-width));
  }
  .page-hanafuda .others-list .others-list__item:first-child {
    position: relative;
    background: url(../images/hanafuda/bg_deco_others_02_sp.webp) no-repeat left top;
    background-size: cover;
  }
  .page-hanafuda .others-list .others-list__item:nth-child(2) {
    position: relative;
    background: url(../images/hanafuda/bg_deco_others_03_sp.webp) no-repeat left top;
    background-size: cover;
  }
  .page-hanafuda .others-list-players {
    margin-top: 2.1794871795vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .page-hanafuda .others-list-players__label {
    width: 17.9487179487vw;
    height: 5.2564102564vw;
    background-color: #76738a;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.06em;
    font-size: 2.5641025641vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 2.0512820513vw;
  }
  .page-hanafuda .others-list-players__txt {
    font-size: 3.3333333333vw;
    letter-spacing: 0.08em;
  }
  .page-hanafuda .others-list-txt {
    margin-top: 1.5384615385vw;
    padding-left: 10.2564102564vw;
    padding-right: 7.4358974359vw;
    font-size: 3.3333333333vw;
    letter-spacing: 0.1em;
    line-height: 1.8;
  }
  .page-hanafuda .others-list-txt__label .u-disp-inline {
    display: inline;
  }
  .page-hanafuda .others-list__image {
    margin: 0 0 0 10.2564102564vw;
  }
  .page-hanafuda .others-list__image img {
    vertical-align: top;
  }
  .page-hanafuda .others-list--01 .others-list__item:nth-child(1) .others-list__image {
    width: 48.8461538462vw;
    height: 3.7179487179vw;
  }
  .page-hanafuda .others-list--01 .others-list__item:nth-child(2) .others-list__image {
    width: 17.0512820513vw;
    height: 3.5897435897vw;
  }
  .page-hanafuda .others-list--02 .others-list__item:nth-child(1) .others-list__image {
    width: 15.1282051282vw;
    height: 2.8205128205vw;
  }
  .page-hanafuda .others-list--02 .others-list__item:nth-child(2) .others-list__image {
    width: 19.1025641026vw;
    height: 3.0769230769vw;
  }
  .page-hanafuda .others-list__title {
    font-size: 4.1025641026vw;
    color: #76738a;
    font-weight: 600;
    text-align: center;
  }
  .page-hanafuda .others-list__title-sub {
    font-size: 2.8717948718vw;
    letter-spacing: 0.07em;
    display: inline-block;
  }
  .page-hanafuda .grid_bgWrap {
    position: relative;
    width: 100%;
    height: auto;
  }
  .page-hanafuda .about-hanafuda .grid_bgWrap {
    height: 44.2307692308vw;
  }
  .page-hanafuda .info {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 auto -1px;
    height: calc(27.4358974359vw - var(--scrollbar-width));
    -webkit-transition: -webkit-filter 0.2s;
    transition: -webkit-filter 0.2s;
    transition: filter 0.2s;
    transition: filter 0.2s, -webkit-filter 0.2s;
    margin-bottom: 0;
    background: url(../images/hanafuda/bg_deco_others_04_sp.webp) no-repeat left top;
    background-size: calc(100vw - var(--scrollbar-width)) 100%;
    padding-top: calc(10.7692307692vw - var(--scrollbar-width));
  }
  .page-hanafuda .info-link {
    position: relative;
    display: inline-block;
    width: 67.9487179487vw;
    height: calc(11.5384615385vw - var(--scrollbar-width));
    background-color: #fff;
    border: 1px solid #76738a;
    color: #76738a;
    text-align: center;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .page-hanafuda .info:hover .info-link {
    background-color: #f1f1f3;
  }
  .page-hanafuda .info-link-arrow {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 5.641025641vw;
    height: 5.641025641vw;
    background-color: #76738a;
    display: grid;
    place-content: center;
  }
  .page-hanafuda .info-link-arrow > img {
    width: 2.3076923077vw;
  }
  .page-hanafuda .info-link__label {
    font-size: 3.5897435897vw;
    letter-spacing: 0.06em;
  }
  .page-hanafuda .about-hanafuda {
    margin-top: 11.5384615385vw;
  }
  .page-hanafuda .about-hanafuda__content {
    padding: 9.4871794872vw 5.1282051282vw 0;
  }
  .page-hanafuda .about-hanafuda-txt__label {
    font-size: 3.5897435897vw;
    text-align: center;
    line-height: 2;
    letter-spacing: 0.1em;
  }
  .page-hanafuda .about-hanafuda-card {
    width: 100%;
    margin-top: 8.2051282051vw;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 6.4102564103vw;
       -moz-column-gap: 6.4102564103vw;
            column-gap: 6.4102564103vw;
    row-gap: 3.5897435897vw;
    padding: 0 6.9230769231vw;
  }
  .page-hanafuda .about-hanafuda-card .about-hanafuda-card-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: calc((100% - 6.9230769231vw) / 2);
  }
  .page-hanafuda .about-hanafuda-card .about-hanafuda-card-item__image {
    aspect-ratio: 312/121;
    margin-bottom: 1.2820512821vw;
  }
  .page-hanafuda .about-hanafuda-card .about-hanafuda-card-item__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .page-hanafuda .about-hanafuda-card .about-hanafuda-card-item__txt {
    font-size: 3.5897435897vw;
    text-align: center;
    letter-spacing: 0.08em;
  }
  .page-hanafuda .about-hanafuda-card .about-hanafuda-card-item__txt-month {
    display: inline-block;
    margin-right: 1em;
  }
  .page-hanafuda .about-hanafuda-card .about-hanafuda-card-item__txt-small {
    font-size: 2.8205128205vw;
    margin-left: 1.0256410256vw;
  }
  .page-hanafuda .about-hanafuda .c_textSmall01 {
    margin-top: 4.358974359vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .page-hanafuda .about-hanafuda .c_textSmall01 small {
    text-align: center;
    text-indent: -1em;
    padding-left: 1em;
    letter-spacing: 0.1em;
    font-size: 2.8205128205vw;
    line-height: 1.6363636364;
    letter-spacing: 0.1em;
  }
}