@charset "UTF-8";
/* =========================================================
   Ginza Rim スイート度診断 固定ページ専用CSS
   ※このCSSは診断ページのみで読み込む（テーマ共通では読み込まない）
   ※body への min-width / overflow-x 指定は本ページの表示保証用
   ========================================================= */

/* ---- slick.css（#ginzarimスコープ済） ---- */
/* Slider */
#ginzarim .slick-slider {
  position: relative;

  display: block;
  box-sizing: border-box;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

#ginzarim .slick-list {
  position: relative;

  display: block;
  overflow: hidden;

  margin: 0;
  padding: 0;
}

#ginzarim .slick-list:focus {
  outline: none;
}

#ginzarim .slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

#ginzarim .slick-slider .slick-track,
#ginzarim .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

#ginzarim .slick-track {
  position: relative;
  top: 0;
  left: 0;

  display: block;
  margin-left: auto;
  margin-right: auto;
}

#ginzarim .slick-track:before,
#ginzarim .slick-track:after {
  display: table;

  content: '';
}

#ginzarim .slick-track:after {
  clear: both;
}

#ginzarim .slick-loading .slick-track {
  visibility: hidden;
}

#ginzarim .slick-slide {
  display: none;
  float: left;

  height: 100%;
  min-height: 1px;
}

#ginzarim [dir='rtl'] .slick-slide {
  float: right;
}

#ginzarim .slick-slide img {
  display: block;
}

#ginzarim .slick-slide.slick-loading img {
  display: none;
}

#ginzarim .slick-slide.dragging img {
  pointer-events: none;
}

#ginzarim .slick-initialized .slick-slide {
  display: block;
}

#ginzarim .slick-loading .slick-slide {
  visibility: hidden;
}

#ginzarim .slick-vertical .slick-slide {
  display: block;

  height: auto;

  border: 1px solid transparent;
}

#ginzarim .slick-arrow.slick-hidden {
  display: none;
}

/* ---- layout.css ---- */

.smtEntryDetail {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#ginzarim * {
  font-family: "Noto Serif JP", serif;
}

#ginzarim button {
  padding-inline: 0;
  padding-block: 0;
}

#ginzarim .js-ginzarim-fade-up {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

#ginzarim .js-ginzarim-fade-up.is-fade-up-active {
  opacity: 1;
  transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
  #ginzarim .js-ginzarim-fade-up {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

@media screen and (min-width: 769px) {
  body {
    min-width: 1280px !important;
  }

  #ginzarim {
    /*--------------------------------------
      初期化
      ---------------------------------------*/
    background-size: 480px auto;
    background-attachment: fixed;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-image: url("https://www.ginzarim.co.jp/img/sweetshindan/bg_video_img.jpg");
    background-size: cover;
    display: flex;
    justify-content: center;
    gap: 200px;
    /*--------------------------------------
      common
      ---------------------------------------*/
  }

  /* 固定ヘッダー(134px)対策: JSが #ginzarim の offset 先頭へスクロールするため、
     padding-top+負マージンで offset を打ち消し、冒頭がヘッダーに隠れないようにする。
     ※このCSSは旧キャッシュが2本目のlinkで後読みされても負けないよう #contents を付けて詳細度を上げている */
  #contents #ginzarim {
    padding-top: 134px;
    margin-top: -134px;
  }

  #ginzarim .ginzarim_pc_video {
    position: absolute;
    top: var(--ginzarim-pc-video-top, 0px);
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100vh;
    object-fit: cover;
    pointer-events: none;
    filter: drop-shadow(0px 0px #000);
  }

  #ginzarim * {
    color: #553E41;
  }

  #ginzarim img {
    border: none;
    vertical-align: top;
    max-width: 100%;
  }

  #ginzarim p {
    font-size: 13px;
    line-height: 1.58;
  }

  #ginzarim h2,
  #ginzarim h3,
  #ginzarim h4,
  #ginzarim h5 {
    background: none;
    padding: 0;
    margin: 0;
    border: none;
    line-height: normal;
    font-size: inherit;
  }

  #ginzarim p,
  #ginzarim ul {
    margin: 0;
    padding: 0;
  }

  #ginzarim ul {
    list-style: none outside none;
    padding-left: 0;
  }

  #ginzarim a {
    text-decoration: none;
    transition: opacity 0.3s;
  }

  #ginzarim a.ovr:hover img,
  #ginzarim a:hover img.ovr {
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
  }

  #ginzarim a:hover {
    opacity: 0.6;
  }

  #ginzarim .pc_title {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    padding-bottom: 0;
    flex-shrink: 0;
    overflow: hidden;
    position: sticky;
    top: 0;
  }

  #ginzarim .pc_title img {
    width: 450px;
  }

  #ginzarim #ginzarim_box {
    width: 400px;
    background-color: #fff;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
    overflow-x: hidden;
    margin: 0 auto;
    position: relative;
    z-index: 1;
  }

  #ginzarim #ginzarim_box .ginzarim_start_btn01 {
    padding-bottom: 4px;
  }

  #ginzarim #ginzarim_box #ginzarim_result {
    margin: 0 !important;
  }

  #ginzarim #ginzarim_box .ginzarim_result_common_contents {
    margin: 0 -15px;
  }

  #ginzarim .clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }

  #ginzarim .clearfix {
    clear: both;
    min-height: 1px;
  }

  #ginzarim * html .clearfix {
    height: 1px;
    /*\*/
    /*/
height: auto;
overflow: hidden;
/**/
  }

  #ginzarim .clear {
    clear: both;
  }

  #ginzarim .txt_center {
    text-align: center !important;
  }

  #ginzarim .txt_left {
    text-align: left !important;
  }

  #ginzarim .txt_right {
    text-align: right !important;
  }

  #ginzarim .fleft {
    display: block;
    float: left;
  }

  #ginzarim .fright {
    display: block;
    float: right;
  }

  #ginzarim .txt_red {
    color: #ff3333;
  }

  #ginzarim .mr0 {
    margin-right: 0 !important;
  }

  #ginzarim .mb0 {
    margin-bottom: 0 !important;
  }

  #ginzarim .pl0 {
    padding-left: 0 !important;
  }

  #ginzarim .pr0 {
    padding-right: 0 !important;
  }

  #ginzarim .pt0 {
    padding-top: 0 !important;
  }

  #ginzarim .pb0 {
    padding-bottom: 0 !important;
  }

  #ginzarim .ml5 {
    margin-left: 5px !important;
  }

  #ginzarim .mr5 {
    margin-right: 5px !important;
  }

  #ginzarim .mt5 {
    margin-top: 5px !important;
  }

  #ginzarim .mb5 {
    margin-bottom: 5px !important;
  }

  #ginzarim .pl5 {
    padding-left: 5px !important;
  }

  #ginzarim .pr5 {
    padding-right: 5px !important;
  }

  #ginzarim .pt5 {
    padding-top: 5px !important;
  }

  #ginzarim .pb5 {
    padding-bottom: 5px !important;
  }

  #ginzarim .pt8 {
    padding-top: 8px !important;
  }

  #ginzarim .ml10 {
    margin-left: 10px !important;
  }

  #ginzarim .mr10 {
    margin-right: 10px !important;
  }

  #ginzarim .mt10 {
    margin-top: 10px !important;
  }

  #ginzarim .mb10 {
    margin-bottom: 10px !important;
  }

  #ginzarim .pl10 {
    padding-left: 10px !important;
  }

  #ginzarim .pr10 {
    padding-right: 10px !important;
  }

  #ginzarim .pt10 {
    padding-top: 10px !important;
  }

  #ginzarim .pb10 {
    padding-bottom: 10px !important;
  }

  #ginzarim .ml15 {
    margin-left: 15px !important;
  }

  #ginzarim .mr15 {
    margin-right: 15px !important;
  }

  #ginzarim .mt15 {
    margin-top: 15px !important;
  }

  #ginzarim .mb15 {
    margin-bottom: 15px !important;
  }

  #ginzarim .pl15 {
    padding-left: 15px !important;
  }

  #ginzarim .pr15 {
    padding-right: 15px !important;
  }

  #ginzarim .pt15 {
    padding-top: 15px !important;
  }

  #ginzarim .pb15 {
    padding-bottom: 15px !important;
  }

  #ginzarim .ml20 {
    margin-left: 20px !important;
  }

  #ginzarim .mr20 {
    margin-right: 20px !important;
  }

  #ginzarim .mt20 {
    margin-top: 20px !important;
  }

  #ginzarim .mb20 {
    margin-bottom: 20px !important;
  }

  #ginzarim .pl20 {
    padding-left: 20px !important;
  }

  #ginzarim .pr20 {
    padding-right: 20px !important;
  }

  #ginzarim .pt20 {
    padding-top: 20px !important;
  }

  #ginzarim .pb20 {
    padding-bottom: 20px !important;
  }

  #ginzarim .ml25 {
    margin-left: 25px !important;
  }

  #ginzarim .mr25 {
    margin-right: 25px !important;
  }

  #ginzarim .mt25 {
    margin-top: 25px !important;
  }

  #ginzarim .mb25 {
    margin-bottom: 25px !important;
  }

  #ginzarim .pl25 {
    padding-left: 25px !important;
  }

  #ginzarim .pr25 {
    padding-right: 25px !important;
  }

  #ginzarim .pt25 {
    padding-top: 25px !important;
  }

  #ginzarim .pb25 {
    padding-bottom: 25px !important;
  }

  #ginzarim .ml30 {
    margin-left: 30px !important;
  }

  #ginzarim .mr30 {
    margin-right: 30px !important;
  }

  #ginzarim .mt30 {
    margin-top: 30px !important;
  }

  #ginzarim .mb30 {
    margin-bottom: 30px !important;
  }

  #ginzarim .pl30 {
    padding-left: 30px !important;
  }

  #ginzarim .pr30 {
    padding-right: 30px !important;
  }

  #ginzarim .pt30 {
    padding-top: 30px !important;
  }

  #ginzarim .pb30 {
    padding-bottom: 30px !important;
  }

  #ginzarim .ml35 {
    margin-left: 35px !important;
  }

  #ginzarim .mr35 {
    margin-right: 35px !important;
  }

  #ginzarim .mt35 {
    margin-top: 35px !important;
  }

  #ginzarim .mb35 {
    margin-bottom: 35px !important;
  }

  #ginzarim .pl35 {
    padding-left: 35px !important;
  }

  #ginzarim .pr35 {
    padding-right: 35px !important;
  }

  #ginzarim .pt35 {
    padding-top: 35px !important;
  }

  #ginzarim .pb35 {
    padding-bottom: 35px !important;
  }

  #ginzarim .ml40 {
    margin-left: 40px !important;
  }

  #ginzarim .mr40 {
    margin-right: 40px !important;
  }

  #ginzarim .mt40 {
    margin-top: 40px !important;
  }

  #ginzarim .mb40 {
    margin-bottom: 40px !important;
  }

  #ginzarim .pl40 {
    padding-left: 40px !important;
  }

  #ginzarim .pr40 {
    padding-right: 40px !important;
  }

  #ginzarim .pt40 {
    padding-top: 40px !important;
  }

  #ginzarim .pb40 {
    padding-bottom: 40px !important;
  }

  #ginzarim .ml45 {
    margin-left: 45px !important;
  }

  #ginzarim .mr45 {
    margin-right: 45px !important;
  }

  #ginzarim .mt45 {
    margin-top: 45px !important;
  }

  #ginzarim .mb45 {
    margin-bottom: 45px !important;
  }

  #ginzarim .pl45 {
    padding-left: 45px !important;
  }

  #ginzarim .pr45 {
    padding-right: 45px !important;
  }

  #ginzarim .pt45 {
    padding-top: 45px !important;
  }

  #ginzarim .pb45 {
    padding-bottom: 45px !important;
  }

  #ginzarim .ml50 {
    margin-left: 50px !important;
  }

  #ginzarim .mr50 {
    margin-right: 50px !important;
  }

  #ginzarim .mt50 {
    margin-top: 50px !important;
  }

  #ginzarim .mb50 {
    margin-bottom: 50px !important;
  }

  #ginzarim .pl50 {
    padding-left: 50px !important;
  }

  #ginzarim .pr50 {
    padding-right: 50px !important;
  }

  #ginzarim .pt50 {
    padding-top: 50px !important;
  }

  #ginzarim .pb50 {
    padding-bottom: 50px !important;
  }

  #ginzarim .mt75 {
    margin-top: 75px !important;
  }

  #ginzarim_box .ginzarim_question_contents_backBtn {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.1em;
    padding-left: 28px;
    position: relative;
  }

  #ginzarim_box .ginzarim_question_contents_backBtn::before {
    position: absolute;
    content: "";
    background-image: url("https://www.ginzarim.co.jp/img/sweetshindan/link_back_arrow_left.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 23px;
    height: 4px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }

  #ginzarim_box #ginzarim_start {
    min-height: 100vh;
    min-height: 100dvh;
    background-color: #FFF7F8;
    padding-top: 100px;
    position: relative;
    z-index: 1;
    background-image: url("https://www.ginzarim.co.jp/img/sweetshindan/main_bg.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
  }

  #ginzarim_box #ginzarim_start .ginzarim_start_description {
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.1em;
    text-align: center;
    font-weight: 700;
    margin: 15px 0 35px;
  }

  #ginzarim_box #ginzarim_start .ginzarim_start_btn01_wrp {
    text-align: center;
  }

  #ginzarim_box #ginzarim_start .ginzarim_start_btn01_wrp .ginzarim_start_btn01 {
    display: inline-block;
  }

  #ginzarim_box #ginzarim_start .ginzarim_start_btn01_wrp .ginzarim_start_btn01 img {
    max-width: 288px;
  }

  #ginzarim_box #ginzarim_question {
    min-height: 100vh;
    min-height: 100dvh;
    background-color: #FFF7F8;
    padding: 60px 15px;
    display: flex;
    justify-content: center;
    align-items: start;
    background-image: url("https://www.ginzarim.co.jp/img/sweetshindan/main_bg.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
  }

  #ginzarim_box #ginzarim_question .ginzarim_question_contents {
    width: 100%;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    padding: 30px 20px 40px;
  }

  #ginzarim_box #ginzarim_question .ginzarim_question_contents .ginzarim_question_contents_txt01 {
    font-size: 50px;
    font-weight: 400;
    color: #EEDE04;
    font-family: "Metal", serif;
    text-align: center;
    line-height: 1;
    margin-bottom: 10px;
    background: linear-gradient(82.63deg, #FFA5CF 13.97%, #E66999 87.78%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
  }

  #ginzarim_box #ginzarim_question .ginzarim_question_contents .ginzarim_question_contents_progress_wrp {
    display: flex;
    align-items: center;
  }

  #ginzarim_box #ginzarim_question .ginzarim_question_contents .ginzarim_question_contents_progress_wrp p {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    font-family: "Kaisei Decol", serif;
    color: #D9D9D9;
  }

  #ginzarim_box #ginzarim_question .ginzarim_question_contents .ginzarim_question_contents_progress_wrp .ginzarim_question_contents_progress {
    width: 100%;
    display: flex;
    margin: 0 5px;
    border-radius: 3px;
    overflow: hidden;
    background: linear-gradient(82.63deg, #FFA5CF 13.97%, #E66999 87.78%);
    height: 2px;
  }

  #ginzarim_box #ginzarim_question .ginzarim_question_contents .ginzarim_question_contents_progress_wrp .ginzarim_question_contents_progress span {
    flex: 1;
    background-color: #D9D9D9;
    height: 2px;
    border-radius: 3px;
  }

  #ginzarim_box #ginzarim_question .ginzarim_question_contents .ginzarim_question_contents_progress_wrp .ginzarim_question_contents_progress span.active {
    background-color: transparent;
  }

  #ginzarim_box #ginzarim_question .ginzarim_question_contents h2 {
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.1em;
    margin-top: 15px;
    margin-bottom: 25px;
  }

  #ginzarim_box #ginzarim_question .ginzarim_question_contents .ginzarim_question_contents_btn_wrp {
    display: flex;
    gap: 9px;
    flex-wrap: wrap;
  }

  #ginzarim_box #ginzarim_question .ginzarim_question_contents .ginzarim_question_contents_btn {
    min-height: 82px;
    letter-spacing: 0.1em;
    line-height: 1.4;
    text-align: center;
    background: linear-gradient(109.13deg, #FFA5A5 6.68%, #FFABAB 54%, #FFE1E1 60.55%, #FFB6B6 68.16%, #F16969 102.12%);
    box-shadow: inset -3px 1px 3px -11px rgba(0, 0, 0, 0.25);
    border-radius: 3px;
    display: flex;
    padding: 3px;
    width: calc(50% - 4.5px);
  }
}

@media screen and (min-width: 769px) and (min-width: 751px) {
  #ginzarim_box #ginzarim_question .ginzarim_question_contents .ginzarim_question_contents_btn {
    width: calc(50% - 10.5px);
  }
}

@media screen and (min-width: 769px) {
  #ginzarim_box #ginzarim_question .ginzarim_question_contents .ginzarim_question_contents_btn span {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(109.13deg, #EBA2A2 6.68%, #FBCACA 54%, #FFC9C9 60.55%, #FFC2C2 68.16%, #F3A2A2 102.12%);
    text-shadow: 0px 0px 8px rgba(255, 255, 255, 0.9), 0px 0px 3px rgba(255, 255, 255, 0.9), 0px 0px 3px rgba(255, 255, 255, 0.9);
    color: #E66A99;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.4;
    -webkit-text-stroke: 2px #fff;
    text-stroke: 2px #fff;
    paint-order: stroke;
    letter-spacing: 0.1em;
  }

  #ginzarim_box #ginzarim_question .ginzarim_question_contents .ginzarim_question_contents_backBtn_wrp {
    text-align: center;
    margin-top: 20px;
  }

  #ginzarim_box #ginzarim_question .ginzarim_question_contents .ginzarim_question_contents_backBtn_wrp .ginzarim_question_contents_backBtn {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.1em;
    padding-left: 28px;
    position: relative;
  }

  #ginzarim_box #ginzarim_question .ginzarim_question_contents .ginzarim_question_contents_backBtn_wrp .ginzarim_question_contents_backBtn::before {
    position: absolute;
    content: "";
    background-image: url("https://www.ginzarim.co.jp/img/sweetshindan/link_back_arrow_left.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 23px;
    height: 4px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }

  #ginzarim_box #ginzarim_result {
    padding: 15px 15px 0;
    background-color: #fff;
    margin: 0 -15px;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_htxt01 {
    text-align: center;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_htxt01 img {
    max-width: 188px;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_txt01 {
    font-size: 24px;
    font-weight: 700;
    font-family: "Zen Old Mincho", serif;
    text-align: center;
    margin: 10px 0 10px 0;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_txt01 strong {
    font-weight: 900;
    color: #D25289;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_txt01 span {
    font-family: "Noto Sans JP", sans-serif;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_percent {
    padding: 0 30px;
    text-align: center;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_percent img {
    width: 70%;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_type {
    background-color: #FFF5F6;
    border-radius: 6px;
    padding: 15px 0 15px;
    margin: 15px 0 0 0;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_type .ginzarim_result_main_contents_type_txtbox01 {
    text-align: center;
    padding-bottom: 8px;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_type .ginzarim_result_main_contents_type_txtbox01 h3 {
    font-family: "Zen Old Mincho", serif;
    font-weight: 900;
    font-size: 24px;
    letter-spacing: -0.04em;
    color: #B05A6E;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_type .ginzarim_result_main_contents_type_txtbox01 p {
    font-size: 24px;
    font-weight: 700;
    font-family: "Corinthia", cursive;
    letter-spacing: 0;
    color: #B05A6E;
    margin-top: -4px;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_type .ginzarim_result_main_contents_type_txtbox02 {
    border-top: 1px dashed #FFCBE3;
    padding: 14px 20px 20px;
    position: relative;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_type .ginzarim_result_main_contents_type_txtbox02::before {
    position: absolute;
    content: "";
    background-image: url("https://www.ginzarim.co.jp/img/sweetshindan/aco_btn.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 10px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_type .ginzarim_result_main_contents_type_txtbox02 h4 {
    text-align: center;
    font-size: 17px;
    text-align: center;
    font-weight: 900;
    margin-bottom: 8px;
    font-family: "Zen Old Mincho", serif;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_type .ginzarim_result_main_contents_type_txtbox02 p {
    font-size: 14px;
    line-height: 1.6;
    display: none;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_type .ginzarim_result_main_contents_type_txtbox02.ginzarim_result_main_contents_type_txtbox02_active::before {
    transform: translateX(-50%) rotate(180deg);
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_recommend {
    margin: 0 -15px;
    margin-top: 30px;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_recommend h2 {
    padding: 0 15px;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_recommend .ginzarim_result_main_contents_recommend_slide {
    margin-top: 24px;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_recommend .ginzarim_result_main_contents_recommend_slide .ginzarim_result_main_contents_recommend_slide_item {
    padding-top: 40px;
    padding-bottom: 20px;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_recommend .ginzarim_result_main_contents_recommend_slide .ginzarim_result_main_contents_recommend_slide_item .ginzarim_result_main_contents_recommend_slide_item_inner {
    padding: 25px 15px 15px;
    background-color: #fff;
    border-radius: 10px;
    margin: 0 7px;
    filter: drop-shadow(4px 4px 10px rgba(0, 0, 0, 0.1));
    position: relative;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_recommend .ginzarim_result_main_contents_recommend_slide .ginzarim_result_main_contents_recommend_slide_item .ginzarim_result_main_contents_recommend_slide_item_inner:after {
    position: absolute;
    content: "";
    background-image: url("https://www.ginzarim.co.jp/img/sweetshindan/recommended_deco.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 32px;
    height: 20px;
    left: 50%;
    transform: translateX(-50%);
    top: -15px;
    z-index: 3;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_recommend .ginzarim_result_main_contents_recommend_slide .ginzarim_result_main_contents_recommend_slide_item .ginzarim_result_main_contents_recommend_slide_item_inner:before {
    position: absolute;
    content: "";
    width: 66px;
    height: 66px;
    background-color: #fff;
    left: 50%;
    top: -33px;
    transform: translateX(-50%);
    border-radius: 50%;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_recommend .ginzarim_result_main_contents_recommend_slide .ginzarim_result_main_contents_recommend_slide_item a div {
    padding: 0 15px;
    position: relative;
    z-index: 3;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_recommend .ginzarim_result_main_contents_recommend_slide .ginzarim_result_main_contents_recommend_slide_item a p {
    text-align: center;
    font-size: 18px;
    font-weight: 900;
    line-height: 1.3;
    font-family: "Zen Old Mincho", serif;
    color: #B05A6E;
    margin-top: 10px;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_recommend .ginzarim_result_main_contents_recommend_slide .ginzarim_result_main_contents_recommend_slide_item .ginzarim_result_main_contents_recommend_slide_description {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    font-weight: 700;
    color: #553E41;
    margin-top: 13px;
    font-family: "Noto Sans JP", sans-serif;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_recommend .ginzarim_result_main_contents_recommend_slide .slick-dots {
    display: flex;
    justify-content: center;
    gap: 12px;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_recommend .ginzarim_result_main_contents_recommend_slide .slick-dots li.slick-active button {
    background-color: #B05A6E;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_recommend .ginzarim_result_main_contents_recommend_slide .slick-dots li button {
    overflow: hidden;
    border: 1px solid #B05A6E;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    display: inline-block;
    text-indent: -9999px;
    background-color: #fff;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_arrangement {
    margin-top: 40px;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_arrangement .ginzarim_result_main_contents_arrangement_scroll {
    text-align: center;
    padding-bottom: 37px;
    position: relative;
    margin: 20px 0;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_arrangement .ginzarim_result_main_contents_arrangement_scroll.ginzarim_result_main_contents_arrangement_scroll02 {
    margin-top: 40px;
  }

  @keyframes scroll {
    0% {
      top: 20px;
      opacity: 0;
    }

    10% {
      opacity: 1;
    }

    65% {
      opacity: 1;
    }

    100% {
      top: 48px;
      opacity: 0;
    }
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_arrangement .ginzarim_result_main_contents_arrangement_scroll::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 20px;
    width: 1px;
    height: 35px;
    background-color: #D9D9D9;
    border-radius: 3px;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_arrangement .ginzarim_result_main_contents_arrangement_scroll:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 20px;
    width: 1px;
    height: 9px;
    background-color: #B05A6E;
    border-radius: 3px;
    animation: 2s scroll infinite;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_arrangement .ginzarim_result_main_contents_arrangement_scroll p {
    font-size: 12px;
    color: #B05A6E;
    font-weight: 900;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_arrangement h2 {
    margin-bottom: 20px;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_arrangement .ginzarim_result_main_contents_arrangement_card .ginzarim_result_main_contents_arrangement_card_inner {
    display: grid;
    transform-style: preserve-3d;
    justify-content: center;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_arrangement .ginzarim_result_main_contents_arrangement_card .ginzarim_result_main_contents_arrangement_card_inner>div {
    display: grid;
    grid-area: 1/1;
    place-items: center;
    backface-visibility: hidden;
    perspective: 800px;
    transform-style: preserve-3d;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_arrangement .ginzarim_result_main_contents_arrangement_card .ginzarim_result_main_contents_arrangement_card_on {
    width: 294px;
    height: 532px;
    background-image: url("https://www.ginzarim.co.jp/img/sweetshindan/arrangement_card_on.png");
    background-size: contain;
    background-repeat: no-repeat;
    padding: 10px 40px 20px;
    z-index: 0;
    rotate: y 180deg;
    box-sizing: border-box;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_arrangement .ginzarim_result_main_contents_arrangement_card .ginzarim_result_main_contents_arrangement_card_on .ginzarim_result_main_contents_arrangement_card_on_box {
    margin-bottom: -15px;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_arrangement .ginzarim_result_main_contents_arrangement_card .ginzarim_result_main_contents_arrangement_card_on .ginzarim_result_main_contents_arrangement_card_on_box:last-child {
    margin-bottom: 0;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_arrangement .ginzarim_result_main_contents_arrangement_card .ginzarim_result_main_contents_arrangement_card_on .ginzarim_result_main_contents_arrangement_card_on_box .ginzarim_result_main_contents_arrangement_card_on_box_txt01 {
    width: 137px;
    margin: 0 auto;
    pointer-events: none;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_arrangement .ginzarim_result_main_contents_arrangement_card .ginzarim_result_main_contents_arrangement_card_on .ginzarim_result_main_contents_arrangement_card_on_box .ginzarim_result_main_contents_arrangement_card_on_box_img {
    text-align: center;
    margin-top: 3px;
    display: block;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_arrangement .ginzarim_result_main_contents_arrangement_card .ginzarim_result_main_contents_arrangement_card_on .ginzarim_result_main_contents_arrangement_card_on_box .ginzarim_result_main_contents_arrangement_card_on_box_img img {
    width: 110px;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_arrangement .ginzarim_result_main_contents_arrangement_card .ginzarim_result_main_contents_arrangement_card_on .ginzarim_result_main_contents_arrangement_card_on_box .ginzarim_result_main_contents_arrangement_card_on_box_txt02 {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 11px;
    line-height: 1.3;
    color: #553E41;
    font-weight: 700;
    margin-top: 14px;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_arrangement .ginzarim_result_main_contents_arrangement_card .ginzarim_result_main_contents_arrangement_card_off {
    width: 294px;
    height: 532px;
    background-image: url("https://www.ginzarim.co.jp/img/sweetshindan/arrangement_card_off.png");
    background-size: contain;
    background-repeat: no-repeat;
    filter: drop-shadow(4px 4px 10px rgba(0, 0, 0, 0.25));
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_common_contents {
    background-color: #F6DCDF;
    padding: 40px 15px;
    margin-top: 40px;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_common_contents h2 {
    text-align: center;
    margin-bottom: 20px;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_common_contents h2 span {
    color: #B05A6E;
    font-weight: 900;
    font-size: 16px;
    letter-spacing: 0;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_common_contents h2 strong {
    font-weight: 900;
    font-size: 28px;
    color: #553E41;
    display: block;
    margin-top: 5px;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_common_contents .ginzarim_result_common_contents_txtbox {
    padding: 23px 0 28px;
    background-image: url("https://www.ginzarim.co.jp/img/sweetshindan/common_logo.png");
    background-size: 243px auto;
    background-repeat: no-repeat;
    background-position: center top 20px;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_common_contents .ginzarim_result_common_contents_txtbox h3 {
    font-weight: 700;
    font-size: 16px;
    line-height: 1.5;
    color: #553E41;
    font-weight: 700;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_common_contents .ginzarim_result_common_contents_txtbox p {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.7;
    margin-top: 6px;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_common_contents .ginzarim_result_common_contents_btn {
    margin-bottom: 9px;
    display: inline-block;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_common_contents .ginzarim_result_common_contents_btn:last-child {
    margin-bottom: 0;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_common_contents_backBtn_wrp {
    text-align: center;
    padding: 30px 0;
  }

  #ginzarim_box #ginzarim_result .ginzarim_question_contents_backBtn {
    display: inline-block;
  }

  #ginzarim img {
    vertical-align: bottom;
  }

  #ginzarim .display_sp {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  #ginzarim img {
    image-rendering: auto;
    vertical-align: bottom;
  }

  body {
    overflow-x: hidden;
    min-width: 100% !important;
  }

  #ginzarim {
    /* sp.cssの #container { display: table } により幅がコンテンツ依存で発散するのを防ぐ */
    width: 100vw;
    overflow-x: hidden;
    min-height: 100vh;
    min-height: 100dvh;
    margin: 0 auto;
    padding: 0px;
    /*--------------------------------------
    ボトム
    ---------------------------------------*/
    /*--------------------------------------
    common
    ---------------------------------------*/
  }

  /* SPの固定バー(.header_top 57px)対策: JSが #ginzarim の offset 先頭へスクロールするため、
     padding-top+負マージンで offset を打ち消し、結果画面の冒頭がバーに隠れないようにする。
     ※旧キャッシュCSSが後読みされても負けないよう #contents を付けて詳細度を上げている(PC側と同様) */
  #contents #ginzarim {
    padding-top: 57px;
    margin-top: -57px;
  }

  #ginzarim * {
    box-sizing: border-box;
    color: #553E41;
  }

  #ginzarim img {
    border: none;
    vertical-align: top;
    max-width: 100%;
    /* sp.cssの img { display: block } で親の text-align: center が効かなくなるため中央寄せを復元 */
    margin-left: auto;
    margin-right: auto;
  }

  #ginzarim ul {
    padding: 0;
    margin: 0;
  }

  #ginzarim h1,
  #ginzarim h2,
  #ginzarim h3,
  #ginzarim h4,
  #ginzarim h5,
  #ginzarim p {
    background: none;
    padding: 0;
    margin: 0;
    border: none;
    line-height: normal;
    font-size: inherit;
    font-weight: normal;
  }

  #ginzarim a.ovr:hover img,
  #ginzarim a:hover img.ovr {
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
  }

  #ginzarim p {
    font-size: 13px;
    line-height: 1.58;
    color: #553E41;
  }

  #ginzarim a {
    color: #553E41;
    text-decoration: none;
    outline: 0;
  }

  #ginzarim .pc {
    display: none;
  }

  #ginzarim .clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }

  #ginzarim .clearfix {
    clear: both;
    min-height: 1px;
  }

  #ginzarim * html .clearfix {
    height: 1px;
    /*\*/
    /*/
height: auto;
overflow: hidden;
/**/
  }

  #ginzarim .clear {
    clear: both;
  }

  #ginzarim .txt_center {
    text-align: center !important;
  }

  #ginzarim .txt_left {
    text-align: left !important;
  }

  #ginzarim .txt_right {
    text-align: right !important;
  }

  #ginzarim .fleft {
    display: block;
    float: left;
  }

  #ginzarim .fright {
    display: block;
    float: right;
  }

  #ginzarim .txt_red {
    color: #ff3333;
  }

  #ginzarim .mr0 {
    margin-right: 0 !important;
  }

  #ginzarim .mb0 {
    margin-bottom: 0 !important;
  }

  #ginzarim .pl0 {
    padding-left: 0 !important;
  }

  #ginzarim .pr0 {
    padding-right: 0 !important;
  }

  #ginzarim .pt0 {
    padding-top: 0 !important;
  }

  #ginzarim .pb0 {
    padding-bottom: 0 !important;
  }

  #ginzarim .ml5 {
    margin-left: 5px !important;
  }

  #ginzarim .mr5 {
    margin-right: 5px !important;
  }

  #ginzarim .mt5 {
    margin-top: 5px !important;
  }

  #ginzarim .mb5 {
    margin-bottom: 5px !important;
  }

  #ginzarim .pl5 {
    padding-left: 5px !important;
  }

  #ginzarim .pr5 {
    padding-right: 5px !important;
  }

  #ginzarim .pt5 {
    padding-top: 5px !important;
  }

  #ginzarim .pb5 {
    padding-bottom: 5px !important;
  }

  #ginzarim .pt8 {
    padding-top: 8px !important;
  }

  #ginzarim .ml10 {
    margin-left: 10px !important;
  }

  #ginzarim .mr10 {
    margin-right: 10px !important;
  }

  #ginzarim .mt10 {
    margin-top: 10px !important;
  }

  #ginzarim .mb10 {
    margin-bottom: 10px !important;
  }

  #ginzarim .pl10 {
    padding-left: 10px !important;
  }

  #ginzarim .pr10 {
    padding-right: 10px !important;
  }

  #ginzarim .pt10 {
    padding-top: 10px !important;
  }

  #ginzarim .pb10 {
    padding-bottom: 10px !important;
  }

  #ginzarim .ml15 {
    margin-left: 15px !important;
  }

  #ginzarim .mr15 {
    margin-right: 15px !important;
  }

  #ginzarim .mt15 {
    margin-top: 15px !important;
  }

  #ginzarim .mb15 {
    margin-bottom: 15px !important;
  }

  #ginzarim .pl15 {
    padding-left: 15px !important;
  }

  #ginzarim .pr15 {
    padding-right: 15px !important;
  }

  #ginzarim .pt15 {
    padding-top: 15px !important;
  }

  #ginzarim .pb15 {
    padding-bottom: 15px !important;
  }

  #ginzarim .ml20 {
    margin-left: 20px !important;
  }

  #ginzarim .mr20 {
    margin-right: 20px !important;
  }

  #ginzarim .mt20 {
    margin-top: 20px !important;
  }

  #ginzarim .mb20 {
    margin-bottom: 20px !important;
  }

  #ginzarim .pl20 {
    padding-left: 20px !important;
  }

  #ginzarim .pr20 {
    padding-right: 20px !important;
  }

  #ginzarim .pt20 {
    padding-top: 20px !important;
  }

  #ginzarim .pb20 {
    padding-bottom: 20px !important;
  }

  #ginzarim .ml25 {
    margin-left: 25px !important;
  }

  #ginzarim .mr25 {
    margin-right: 25px !important;
  }

  #ginzarim .mt25 {
    margin-top: 25px !important;
  }

  #ginzarim .mb25 {
    margin-bottom: 25px !important;
  }

  #ginzarim .pl25 {
    padding-left: 25px !important;
  }

  #ginzarim .pr25 {
    padding-right: 25px !important;
  }

  #ginzarim .pt25 {
    padding-top: 25px !important;
  }

  #ginzarim .pb25 {
    padding-bottom: 25px !important;
  }

  #ginzarim .ml30 {
    margin-left: 30px !important;
  }

  #ginzarim .mr30 {
    margin-right: 30px !important;
  }

  #ginzarim .mt30 {
    margin-top: 30px !important;
  }

  #ginzarim .mb30 {
    margin-bottom: 30px !important;
  }

  #ginzarim .pl30 {
    padding-left: 30px !important;
  }

  #ginzarim .pr30 {
    padding-right: 30px !important;
  }

  #ginzarim .pt30 {
    padding-top: 30px !important;
  }

  #ginzarim .pb30 {
    padding-bottom: 30px !important;
  }

  #ginzarim .ml35 {
    margin-left: 35px !important;
  }

  #ginzarim .mr35 {
    margin-right: 35px !important;
  }

  #ginzarim .mt35 {
    margin-top: 35px !important;
  }

  #ginzarim .mb35 {
    margin-bottom: 35px !important;
  }

  #ginzarim .pl35 {
    padding-left: 35px !important;
  }

  #ginzarim .pr35 {
    padding-right: 35px !important;
  }

  #ginzarim .pt35 {
    padding-top: 35px !important;
  }

  #ginzarim .pb35 {
    padding-bottom: 35px !important;
  }

  #ginzarim .ml40 {
    margin-left: 40px !important;
  }

  #ginzarim .mr40 {
    margin-right: 40px !important;
  }

  #ginzarim .mt40 {
    margin-top: 40px !important;
  }

  #ginzarim .mb40 {
    margin-bottom: 40px !important;
  }

  #ginzarim .pl40 {
    padding-left: 40px !important;
  }

  #ginzarim .pr40 {
    padding-right: 40px !important;
  }

  #ginzarim .pt40 {
    padding-top: 40px !important;
  }

  #ginzarim .pb40 {
    padding-bottom: 40px !important;
  }

  #ginzarim .ml45 {
    margin-left: 45px !important;
  }

  #ginzarim .mr45 {
    margin-right: 45px !important;
  }

  #ginzarim .mt45 {
    margin-top: 45px !important;
  }

  #ginzarim .mb45 {
    margin-bottom: 45px !important;
  }

  #ginzarim .pl45 {
    padding-left: 45px !important;
  }

  #ginzarim .pr45 {
    padding-right: 45px !important;
  }

  #ginzarim .pt45 {
    padding-top: 45px !important;
  }

  #ginzarim .pb45 {
    padding-bottom: 45px !important;
  }

  #ginzarim .ml50 {
    margin-left: 50px !important;
  }

  #ginzarim .mr50 {
    margin-right: 50px !important;
  }

  #ginzarim .mt50 {
    margin-top: 50px !important;
  }

  #ginzarim .mb50 {
    margin-bottom: 50px !important;
  }

  #ginzarim .pl50 {
    padding-left: 50px !important;
  }

  #ginzarim .pr50 {
    padding-right: 50px !important;
  }

  #ginzarim .pt50 {
    padding-top: 50px !important;
  }

  #ginzarim .pb50 {
    padding-bottom: 50px !important;
  }

  #ginzarim .mt75 {
    margin-top: 75px !important;
  }

  #ginzarim_box .ginzarim_question_contents_backBtn {
    font-size: min(12px, calc(12 / 375 * 100vw));
    font-weight: 500;
    letter-spacing: 0.1em;
    padding-left: min(28px, calc(28 / 375 * 100vw));
    position: relative;
  }

  #ginzarim_box .ginzarim_question_contents_backBtn::before {
    position: absolute;
    content: "";
    background-image: url("https://www.ginzarim.co.jp/img/sweetshindan/link_back_arrow_left.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: min(23px, calc(23 / 375 * 100vw));
    height: min(4px, calc(4 / 375 * 100vw));
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }

  #ginzarim_box #ginzarim_start {
    min-height: 100vh;
    min-height: 100dvh;
    background-color: #FFF7F8;
    padding-top: min(100px, calc(100 / 375 * 100vw));
    position: relative;
    z-index: 1;
    background-image: url("https://www.ginzarim.co.jp/img/sweetshindan/main_bg.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
  }

  #ginzarim_box #ginzarim_start .ginzarim_start_description {
    font-size: min(15px, calc(15 / 375 * 100vw));
    line-height: 2;
    letter-spacing: 0.1em;
    text-align: center;
    font-weight: 700;
    margin: min(15px, calc(15 / 375 * 100vw)) 0 min(35px, calc(35 / 375 * 100vw));
  }

  #ginzarim_box #ginzarim_start .ginzarim_start_btn01_wrp {
    text-align: center;
  }

  #ginzarim_box #ginzarim_start .ginzarim_start_btn01_wrp .ginzarim_start_btn01 {
    display: inline-block;
  }

  #ginzarim_box #ginzarim_start .ginzarim_start_btn01_wrp .ginzarim_start_btn01 img {
    max-width: min(288px, calc(288 / 375 * 100vw));
  }

  #ginzarim_box #ginzarim_question {
    min-height: 100vh;
    min-height: 100dvh;
    background-color: #FFF7F8;
    padding: min(60px, calc(60 / 375 * 100vw)) min(15px, calc(15 / 375 * 100vw));
    display: flex;
    justify-content: center;
    align-items: start;
    background-image: url("https://www.ginzarim.co.jp/img/sweetshindan/main_bg.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
  }

  #ginzarim_box #ginzarim_question .ginzarim_question_contents {
    width: 100%;
    background-color: #fff;
    border-radius: min(10px, calc(10 / 375 * 100vw));
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    padding: min(30px, calc(30 / 375 * 100vw)) min(20px, calc(20 / 375 * 100vw)) min(40px, calc(40 / 375 * 100vw));
  }

  #ginzarim_box #ginzarim_question .ginzarim_question_contents .ginzarim_question_contents_txt01 {
    font-size: min(50px, calc(50 / 375 * 100vw));
    font-weight: 400;
    color: #EEDE04;
    font-family: "Metal", serif;
    text-align: center;
    line-height: 1;
    margin-bottom: min(10px, calc(10 / 375 * 100vw));
    background: linear-gradient(82.63deg, #FFA5CF 13.97%, #E66999 87.78%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
  }

  #ginzarim_box #ginzarim_question .ginzarim_question_contents .ginzarim_question_contents_progress_wrp {
    display: flex;
    align-items: center;
  }

  #ginzarim_box #ginzarim_question .ginzarim_question_contents .ginzarim_question_contents_progress_wrp p {
    font-size: min(12px, calc(12 / 375 * 100vw));
    font-weight: 400;
    letter-spacing: 0;
    font-family: "Kaisei Decol", serif;
    color: #D9D9D9;
  }

  #ginzarim_box #ginzarim_question .ginzarim_question_contents .ginzarim_question_contents_progress_wrp .ginzarim_question_contents_progress {
    width: 100%;
    display: flex;
    margin: 0 min(5px, calc(5 / 375 * 100vw));
    border-radius: 3px;
    overflow: hidden;
    background: linear-gradient(82.63deg, #FFA5CF 13.97%, #E66999 87.78%);
    height: min(2px, calc(2 / 375 * 100vw));
  }

  #ginzarim_box #ginzarim_question .ginzarim_question_contents .ginzarim_question_contents_progress_wrp .ginzarim_question_contents_progress span {
    flex: 1;
    background-color: #D9D9D9;
    height: min(2px, calc(2 / 375 * 100vw));
    border-radius: 3px;
  }

  #ginzarim_box #ginzarim_question .ginzarim_question_contents .ginzarim_question_contents_progress_wrp .ginzarim_question_contents_progress span.active {
    background-color: transparent;
  }

  #ginzarim_box #ginzarim_question .ginzarim_question_contents h2 {
    text-align: center;
    font-size: min(20px, calc(20 / 375 * 100vw));
    font-weight: 500;
    letter-spacing: 0.1em;
    margin-top: min(15px, calc(15 / 375 * 100vw));
    margin-bottom: min(25px, calc(25 / 375 * 100vw));
  }

  #ginzarim_box #ginzarim_question .ginzarim_question_contents .ginzarim_question_contents_btn_wrp {
    display: flex;
    gap: min(9px, calc(9 / 375 * 100vw));
    flex-wrap: wrap;
  }

  #ginzarim_box #ginzarim_question .ginzarim_question_contents .ginzarim_question_contents_btn {
    min-height: min(82px, calc(82 / 375 * 100vw));
    letter-spacing: 0.1em;
    line-height: 1.4;
    text-align: center;
    background: linear-gradient(109.13deg, #FFA5A5 6.68%, #FFABAB 54%, #FFE1E1 60.55%, #FFB6B6 68.16%, #F16969 102.12%);
    box-shadow: inset -3px 1px 3px -11px rgba(0, 0, 0, 0.25);
    border-radius: 3px;
    display: flex;
    padding: 3px;
    width: calc(50% - min(4.5px, calc(4.5 / 375 * 100vw)));
  }
}

@media screen and (max-width: 768px) and (min-width: 751px) {
  #ginzarim_box #ginzarim_question .ginzarim_question_contents .ginzarim_question_contents_btn {
    width: calc(50% - min(10.5px, calc(10.5 / 375 * 100vw)));
  }
}

@media screen and (max-width: 768px) {
  #ginzarim_box #ginzarim_question .ginzarim_question_contents .ginzarim_question_contents_btn span {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(109.13deg, #EBA2A2 6.68%, #FBCACA 54%, #FFC9C9 60.55%, #FFC2C2 68.16%, #F3A2A2 102.12%);
    text-shadow: 0px 0px 8px rgba(255, 255, 255, 0.9), 0px 0px 3px rgba(255, 255, 255, 0.9), 0px 0px 3px rgba(255, 255, 255, 0.9);
    color: #E66A99;
    font-weight: 700;
    font-size: min(16px, calc(16 / 375 * 100vw));
    line-height: 1.4;
    -webkit-text-stroke: 2px #fff;
    text-stroke: 2px #fff;
    paint-order: stroke;
    letter-spacing: 0.1em;
  }

  #ginzarim_box #ginzarim_question .ginzarim_question_contents .ginzarim_question_contents_backBtn_wrp {
    text-align: center;
    margin-top: min(20px, calc(20 / 375 * 100vw));
  }

  #ginzarim_box #ginzarim_question .ginzarim_question_contents .ginzarim_question_contents_backBtn_wrp .ginzarim_question_contents_backBtn {
    font-size: min(12px, calc(12 / 375 * 100vw));
    font-weight: 500;
    letter-spacing: 0.1em;
    padding-left: min(28px, calc(28 / 375 * 100vw));
    position: relative;
  }

  #ginzarim_box #ginzarim_question .ginzarim_question_contents .ginzarim_question_contents_backBtn_wrp .ginzarim_question_contents_backBtn::before {
    position: absolute;
    content: "";
    background-image: url("https://www.ginzarim.co.jp/img/sweetshindan/link_back_arrow_left.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: min(23px, calc(23 / 375 * 100vw));
    height: min(4px, calc(4 / 375 * 100vw));
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }

  #ginzarim_box #ginzarim_result {
    padding: min(15px, calc(15 / 375 * 100vw)) min(15px, calc(15 / 375 * 100vw)) 0;
    background-color: #fff;
    margin: 0 min(-15px, calc(-15 / 375 * 100vw));
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_htxt01 {
    text-align: center;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_htxt01 img {
    max-width: min(188px, calc(188 / 375 * 100vw));
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_txt01 {
    font-size: min(24px, calc(24 / 375 * 100vw));
    font-weight: 700;
    font-family: "Zen Old Mincho", serif;
    text-align: center;
    margin: min(10px, calc(10 / 375 * 100vw)) 0 min(10px, calc(10 / 375 * 100vw)) 0;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_txt01 strong {
    font-weight: 900;
    color: #D25289;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_txt01 span {
    font-family: "Noto Sans JP", sans-serif;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_percent {
    padding: 0 min(30px, calc(30 / 375 * 100vw));
    text-align: center;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_percent img {
    width: 70%;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_type {
    background-color: #FFF5F6;
    border-radius: 6px;
    padding: min(15px, calc(15 / 375 * 100vw)) 0 min(15px, calc(15 / 375 * 100vw));
    margin: min(15px, calc(15 / 375 * 100vw)) 0 0 0;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_type .ginzarim_result_main_contents_type_txtbox01 {
    text-align: center;
    padding-bottom: min(8px, calc(8 / 375 * 100vw));
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_type .ginzarim_result_main_contents_type_txtbox01 h3 {
    font-family: "Zen Old Mincho", serif;
    font-weight: 900;
    font-size: min(24px, calc(24 / 375 * 100vw));
    letter-spacing: -0.04em;
    color: #B05A6E;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_type .ginzarim_result_main_contents_type_txtbox01 p {
    font-size: min(24px, calc(24 / 375 * 100vw));
    font-weight: 700;
    font-family: "Corinthia", cursive;
    letter-spacing: 0;
    color: #B05A6E;
    margin-top: min(-4px, calc(-4 / 375 * 100vw));
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_type .ginzarim_result_main_contents_type_txtbox02 {
    border-top: 1px dashed #FFCBE3;
    padding: min(14px, calc(14 / 375 * 100vw)) min(20px, calc(20 / 375 * 100vw)) min(20px, calc(20 / 375 * 100vw));
    position: relative;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_type .ginzarim_result_main_contents_type_txtbox02::before {
    position: absolute;
    content: "";
    background-image: url("https://www.ginzarim.co.jp/img/sweetshindan/aco_btn.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: min(20px, calc(20 / 375 * 100vw));
    height: min(10px, calc(10 / 375 * 100vw));
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_type .ginzarim_result_main_contents_type_txtbox02 h4 {
    text-align: center;
    font-size: min(17px, calc(17 / 375 * 100vw));
    text-align: center;
    font-weight: 900;
    margin-bottom: min(8px, calc(8 / 375 * 100vw));
    font-family: "Zen Old Mincho", serif;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_type .ginzarim_result_main_contents_type_txtbox02 p {
    font-size: min(14px, calc(14 / 375 * 100vw));
    line-height: 1.6;
    display: none;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_type .ginzarim_result_main_contents_type_txtbox02.ginzarim_result_main_contents_type_txtbox02_active::before {
    transform: translateX(-50%) rotate(180deg);
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_recommend {
    margin: 0 min(-15px, calc(-15 / 375 * 100vw));
    margin-top: min(30px, calc(30 / 375 * 100vw));
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_recommend h2 {
    padding: 0 min(15px, calc(15 / 375 * 100vw));
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_recommend .ginzarim_result_main_contents_recommend_slide {
    margin-top: min(24px, calc(24 / 375 * 100vw));
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_recommend .ginzarim_result_main_contents_recommend_slide .ginzarim_result_main_contents_recommend_slide_item {
    padding-top: min(40px, calc(40 / 375 * 100vw));
    padding-bottom: min(20px, calc(20 / 375 * 100vw));
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_recommend .ginzarim_result_main_contents_recommend_slide .ginzarim_result_main_contents_recommend_slide_item .ginzarim_result_main_contents_recommend_slide_item_inner {
    padding: min(25px, calc(25 / 375 * 100vw)) min(15px, calc(15 / 375 * 100vw)) min(15px, calc(15 / 375 * 100vw));
    background-color: #fff;
    border-radius: min(10px, calc(10 / 375 * 100vw));
    margin: 0 min(7px, calc(7 / 375 * 100vw));
    filter: drop-shadow(4px 4px 10px rgba(0, 0, 0, 0.1));
    position: relative;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_recommend .ginzarim_result_main_contents_recommend_slide .ginzarim_result_main_contents_recommend_slide_item .ginzarim_result_main_contents_recommend_slide_item_inner:after {
    position: absolute;
    content: "";
    background-image: url("https://www.ginzarim.co.jp/img/sweetshindan/recommended_deco.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: min(32px, calc(32 / 375 * 100vw));
    height: min(20px, calc(20 / 375 * 100vw));
    left: 50%;
    transform: translateX(-50%);
    top: min(-15px, calc(-15 / 375 * 100vw));
    z-index: 3;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_recommend .ginzarim_result_main_contents_recommend_slide .ginzarim_result_main_contents_recommend_slide_item .ginzarim_result_main_contents_recommend_slide_item_inner:before {
    position: absolute;
    content: "";
    width: min(66px, calc(66 / 375 * 100vw));
    height: min(66px, calc(66 / 375 * 100vw));
    background-color: #fff;
    left: 50%;
    top: min(-33px, calc(-33 / 375 * 100vw));
    transform: translateX(-50%);
    border-radius: 50%;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_recommend .ginzarim_result_main_contents_recommend_slide .ginzarim_result_main_contents_recommend_slide_item a div {
    padding: 0 min(15px, calc(15 / 375 * 100vw));
    position: relative;
    z-index: 3;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_recommend .ginzarim_result_main_contents_recommend_slide .ginzarim_result_main_contents_recommend_slide_item a p {
    text-align: center;
    font-size: min(18px, calc(18 / 375 * 100vw));
    font-weight: 900;
    line-height: 1.3;
    font-family: "Zen Old Mincho", serif;
    color: #B05A6E;
    margin-top: min(10px, calc(10 / 375 * 100vw));
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_recommend .ginzarim_result_main_contents_recommend_slide .ginzarim_result_main_contents_recommend_slide_item .ginzarim_result_main_contents_recommend_slide_description {
    font-size: min(12px, calc(12 / 375 * 100vw));
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    font-weight: 700;
    color: #553E41;
    margin-top: min(13px, calc(13 / 375 * 100vw));
    font-family: "Noto Sans JP", sans-serif;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_recommend .ginzarim_result_main_contents_recommend_slide .slick-dots {
    display: flex;
    justify-content: center;
    gap: min(12px, calc(12 / 375 * 100vw));
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_recommend .ginzarim_result_main_contents_recommend_slide .slick-dots li.slick-active button {
    background-color: #B05A6E;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_recommend .ginzarim_result_main_contents_recommend_slide .slick-dots li button {
    overflow: hidden;
    border: 1px solid #B05A6E;
    border-radius: 50%;
    width: min(10px, calc(10 / 375 * 100vw));
    height: min(10px, calc(10 / 375 * 100vw));
    display: inline-block;
    text-indent: -9999px;
    background-color: #fff;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_arrangement {
    margin-top: min(40px, calc(40 / 375 * 100vw));
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_arrangement .ginzarim_result_main_contents_arrangement_scroll {
    text-align: center;
    padding-bottom: min(37px, calc(37 / 375 * 100vw));
    position: relative;
    margin: min(20px, calc(20 / 375 * 100vw)) 0;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_arrangement .ginzarim_result_main_contents_arrangement_scroll.ginzarim_result_main_contents_arrangement_scroll02 {
    margin-top: min(40px, calc(40 / 375 * 100vw));
  }

  @keyframes scroll {
    0% {
      top: min(20px, calc(20 / 375 * 100vw));
      opacity: 0;
    }

    10% {
      opacity: 1;
    }

    65% {
      opacity: 1;
    }

    100% {
      top: min(48px, calc(48 / 375 * 100vw));
      opacity: 0;
    }
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_arrangement .ginzarim_result_main_contents_arrangement_scroll::before {
    content: "";
    position: absolute;
    left: 50%;
    top: min(20px, calc(20 / 375 * 100vw));
    width: 1px;
    height: min(35px, calc(35 / 375 * 100vw));
    background-color: #D9D9D9;
    border-radius: 3px;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_arrangement .ginzarim_result_main_contents_arrangement_scroll:after {
    content: "";
    position: absolute;
    left: 50%;
    top: min(20px, calc(20 / 375 * 100vw));
    width: 1px;
    height: min(9px, calc(9 / 375 * 100vw));
    background-color: #B05A6E;
    border-radius: 3px;
    animation: 2s scroll infinite;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_arrangement .ginzarim_result_main_contents_arrangement_scroll p {
    font-size: min(12px, calc(12 / 375 * 100vw));
    color: #B05A6E;
    font-weight: 900;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_arrangement h2 {
    margin-bottom: min(20px, calc(20 / 375 * 100vw));
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_arrangement .ginzarim_result_main_contents_arrangement_card .ginzarim_result_main_contents_arrangement_card_inner {
    display: grid;
    transform-style: preserve-3d;
    justify-content: center;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_arrangement .ginzarim_result_main_contents_arrangement_card .ginzarim_result_main_contents_arrangement_card_inner>div {
    display: grid;
    grid-area: 1/1;
    place-items: center;
    backface-visibility: hidden;
    perspective: 800px;
    transform-style: preserve-3d;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_arrangement .ginzarim_result_main_contents_arrangement_card .ginzarim_result_main_contents_arrangement_card_on {
    width: min(294px, calc(294 / 375 * 100vw));
    height: min(532px, calc(532 / 375 * 100vw));
    background-image: url("https://www.ginzarim.co.jp/img/sweetshindan/arrangement_card_on.png");
    background-size: contain;
    background-repeat: no-repeat;
    padding: min(10px, calc(10 / 375 * 100vw)) min(40px, calc(40 / 375 * 100vw)) min(20px, calc(20 / 375 * 100vw));
    z-index: 0;
    rotate: y 180deg;
    box-sizing: border-box;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_arrangement .ginzarim_result_main_contents_arrangement_card .ginzarim_result_main_contents_arrangement_card_on .ginzarim_result_main_contents_arrangement_card_on_box {
    margin-bottom: min(-15px, calc(-15 / 375 * 100vw));
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_arrangement .ginzarim_result_main_contents_arrangement_card .ginzarim_result_main_contents_arrangement_card_on .ginzarim_result_main_contents_arrangement_card_on_box:last-child {
    margin-bottom: 0;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_arrangement .ginzarim_result_main_contents_arrangement_card .ginzarim_result_main_contents_arrangement_card_on .ginzarim_result_main_contents_arrangement_card_on_box .ginzarim_result_main_contents_arrangement_card_on_box_txt01 {
    width: min(137px, calc(137 / 375 * 100vw));
    margin: 0 auto;
    pointer-events: none;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_arrangement .ginzarim_result_main_contents_arrangement_card .ginzarim_result_main_contents_arrangement_card_on .ginzarim_result_main_contents_arrangement_card_on_box .ginzarim_result_main_contents_arrangement_card_on_box_img {
    text-align: center;
    margin-top: min(3px, calc(3 / 375 * 100vw));
    display: block;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_arrangement .ginzarim_result_main_contents_arrangement_card .ginzarim_result_main_contents_arrangement_card_on .ginzarim_result_main_contents_arrangement_card_on_box .ginzarim_result_main_contents_arrangement_card_on_box_img img {
    width: min(110px, calc(110 / 375 * 100vw));
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_arrangement .ginzarim_result_main_contents_arrangement_card .ginzarim_result_main_contents_arrangement_card_on .ginzarim_result_main_contents_arrangement_card_on_box .ginzarim_result_main_contents_arrangement_card_on_box_txt02 {
    font-family: "Noto Sans JP", sans-serif;
    font-size: min(11px, calc(11 / 375 * 100vw));
    line-height: 1.3;
    color: #553E41;
    font-weight: 700;
    margin-top: min(14px, calc(14 / 375 * 100vw));
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_main_contents .ginzarim_result_main_contents_arrangement .ginzarim_result_main_contents_arrangement_card .ginzarim_result_main_contents_arrangement_card_off {
    width: min(294px, calc(294 / 375 * 100vw));
    height: min(532px, calc(532 / 375 * 100vw));
    background-image: url("https://www.ginzarim.co.jp/img/sweetshindan/arrangement_card_off.png");
    background-size: contain;
    background-repeat: no-repeat;
    filter: drop-shadow(4px 4px 10px rgba(0, 0, 0, 0.25));
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_common_contents {
    background-color: #F6DCDF;
    padding: min(40px, calc(40 / 375 * 100vw)) min(15px, calc(15 / 375 * 100vw));
    margin-top: min(40px, calc(40 / 375 * 100vw));
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_common_contents h2 {
    text-align: center;
    margin-bottom: min(20px, calc(20 / 375 * 100vw));
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_common_contents h2 span {
    color: #B05A6E;
    font-weight: 900;
    font-size: min(16px, calc(16 / 375 * 100vw));
    letter-spacing: 0;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_common_contents h2 strong {
    font-weight: 900;
    font-size: min(28px, calc(28 / 375 * 100vw));
    color: #553E41;
    display: block;
    margin-top: min(5px, calc(5 / 375 * 100vw));
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_common_contents .ginzarim_result_common_contents_txtbox {
    padding: min(23px, calc(23 / 375 * 100vw)) 0 min(28px, calc(28 / 375 * 100vw));
    background-image: url("https://www.ginzarim.co.jp/img/sweetshindan/common_logo.png");
    background-size: min(243px, calc(243 / 375 * 100vw)) auto;
    background-repeat: no-repeat;
    background-position: center top min(20px, calc(20 / 375 * 100vw));
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_common_contents .ginzarim_result_common_contents_txtbox h3 {
    font-weight: 700;
    font-size: min(16px, calc(16 / 375 * 100vw));
    line-height: 1.5;
    color: #553E41;
    font-weight: 700;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_common_contents .ginzarim_result_common_contents_txtbox p {
    font-size: min(13px, calc(13 / 375 * 100vw));
    font-weight: 400;
    line-height: 1.7;
    margin-top: min(6px, calc(6 / 375 * 100vw));
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_common_contents .ginzarim_result_common_contents_btn {
    margin-bottom: min(9px, calc(9 / 375 * 100vw));
    display: inline-block;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_common_contents .ginzarim_result_common_contents_btn:last-child {
    margin-bottom: 0;
  }

  #ginzarim_box #ginzarim_result .ginzarim_result_common_contents_backBtn_wrp {
    text-align: center;
    padding: min(30px, calc(30 / 375 * 100vw)) 0;
  }

  #ginzarim_box #ginzarim_result .ginzarim_question_contents_backBtn {
    display: inline-block;
  }

  #ginzarim .display_pc {
    display: none;
  }

  #ginzarim .display_sp {
    display: block;
  }
}