@charset "UTF-8";
/**
 * トップページ
 *
 */
/* 共通の指定を上書き
   ========================================================================== */
@media screen and (max-width: 767px) {
  #contents {
    padding-top: 3.47vw; } }

/* header
   ========================================================================== */
#head {
  background: url(img/head_item_pc.png) no-repeat center top/932px 210px, url(/navi/common/css/img/bg_dot.gif) repeat left top/32px 32px;
  height: 210px;
  padding-top: 43px;
  text-align: center; }
  #head .box-center {
    display: block; }

#head-02 {
  background: url(img/head_item_pc02.png) no-repeat center top/932px 210px, url(/navi/common/css/img/bg_dot.gif) repeat left top/32px 32px;
  height: 210px;
  padding-top: 43px;
  text-align: center; }
  #head-02 .box-center {
    display: block; }

.head-gocon-logo {
  margin-bottom: 10px;
  margin-right: 0; }

.head-logo {
  margin-bottom: 40px; }
  .head-logo img {
    height: auto;
    width: 183px; }

@media screen and (max-width: 767px) {
  #head {
    background: url(img/head_item_sp.png) no-repeat center top/cover, url(/navi/common/css/img/bg_dot.gif) repeat left top/32px 32px;
    height: 44vw;
    padding-top: 8vw;
    text-align: center; }
  .head-gocon-logo {
    margin-bottom: 2.67vw; }
    .head-gocon-logo img {
      height: auto;
      width: 49.33vw; }
  .head-logo {
    margin-bottom: 8vw; }
    .head-logo img {
      height: auto;
      width: 48.8vw; }
  .head-lead img {
    height: auto;
    width: 66.93vw; } }

/* ご参加スケジュール
   ========================================================================== */
.top-schedule {
  border: 1px solid #d1dbdc;
  border-radius: 6px;
  text-align: center;
  margin-bottom: 17px;
  padding-bottom: 15px; }

.top-schedule-ttl {
  background-color: #ffa044;
  border-radius: 6px 6px 0 0;
  color: #FFF;
  margin-bottom: 10px;
  padding-bottom: 9px;
  padding-top: 10px;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem; }

.top-schedule-time {
  color: #0bbf8e;
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 20px;
  font-size: 2rem; }

.top-schedule-shop {
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem; }

@media screen and (max-width: 767px) {
  .top-schedule {
    border-radius: 1.6vw; }
  .top-schedule-ttl {
    border-radius: 1.6vw 1.6vw 0 0; } }