#first_index .first_time { background-color: #e7f7f5; border: 4px solid #4bbab3; border-radius: 2em; position: relative; }
#first_index .first_time .num { color: #099; padding-left: 0.2em; padding-right: 0.2em; }
#first_index .first_time .sttl { position: absolute; left: 0; width: 100%; text-align: center; text-shadow: 4px  4px 2px #FFF, -4px  4px 2px #FFF, 4px -4px 2px #FFF, -4px -4px 2px #FFF, 4px  0px 2px #FFF, 0px  4px 2px #FFF, -4px  0px 2px #FFF, 0px -4px 2px #FFF; }
#first_index .first_time .item { padding: 1em; background-color: #FFF; border-radius: 0.5em; box-shadow: 0 0 6px #999; }
#first_index .first_time .item .i_name { text-align: center; position: relative; left: -0.6em; }
#first_index .first_time .item .option { text-align: center; line-height: 1em; }
#first_index .first_time .item .img { margin-top: 1em; }
#first_index .first_time .item .img img { width: 100%; }
#first_index .first_time .item .txt { margin-top: 1em; }
#first_index .first_time .monthly { width: 100%; background-color: #f6f9e1; border: 2px solid #cd5; border-radius: 1em; padding: 2.5em 1em 2em; margin-bottom: 2em; position: relative; }
#first_index .note { font-weight: bold; text-align: center; }
#first_index .note .txt { color: #4bbab3; padding-left: 0.5em; padding-bottom: 0.15em; display: inline-block; background: linear-gradient(#FFF 0%, #FFF 40%, #FCC 41%, #FCC 100%); text-shadow: 2px  2px 1px #FFF, -2px  2px 1px #FFF, 2px -2px 1px #FFF, -2px -2px 1px #FFF, 2px  0px 1px #FFF, 0px  2px 1px #FFF, -2px  0px 1px #FFF, 0px -2px 1px #FFF; }

@media screen and (max-width: 767px) { #first_index .first_time { padding: 3.5em 2em 2em; margin-top: 32px; }
  #first_index .first_time .sttl { font-size: 14px; font-weight: bold; line-height: 18px; top: -1.25em; }
  #first_index .first_time .item + .item { margin-top: 1.5em; }
  #first_index .first_time .item .i_name { font-size: 1.2em; font-weight: bold; }
  #first_index .first_time .item .i_name .num { font-size: 1.1em; }
  #first_index .first_time .item .option { font-size: 0.85em; }
  #first_index .first_time .item .option.none { display: none; }
  #first_index .first_time .monthly .sttl { top: -1.25em; }
  #first_index .first_time .monthly .item { width: 90%; margin-left: auto; margin-right: auto; }
  #first_index .note { font-size: 4.5vw; margin-top: 1em; } }
@media screen and (min-width: 768px), print { #first_index .first_time { display: flex; justify-content: space-around; flex-wrap: wrap; padding: 2.5em 2em 2em; margin-top: 42px; }
  #first_index .first_time .sttl { font-size: 18px; font-weight: bold; top: -0.75em; }
  #first_index .first_time .item { width: 30%; }
  #first_index .first_time .item .i_name { font-size: 1.1em; font-weight: bold; }
  #first_index .first_time .item .i_name .num { font-size: 1.2em; }
  #first_index .first_time .item .option { font-size: 0.85em; }
  #first_index .first_time .item .img { position: relative; }
  #first_index .first_time .item .img::before { content: ""; display: block; padding-top: 100%; }
  #first_index .first_time .item .img img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
  #first_index .first_time .item .img #img_item01 { top: 18.15%; }
  #first_index .first_time .item .img #img_item04 { top: 16.67%; }
  #first_index .first_time .monthly { display: flex; flex-wrap: wrap; justify-content: space-around; }
  #first_index .first_time .monthly .sttl { top: -0.5em; }
  #first_index .first_time .monthly .item { width: 40%; }
  #first_index .note { font-size: 2em; margin-top: 1.5em; } }