@charset "utf-8";
/*追従バナー*/
/* CSS */
.side-follow-banner {
  /* 配置の指定 */
  position: fixed;       /* 画面に対して固定 */
  top: 200px;            /* 画面の上から300pxの位置 */
  right: 0;              /* 画面の右端にぴったりくっつける */
  z-index: 9999;         /* 最前面に表示 */

  /* 背景と文字の中央配置 */
  background-color:#1BAD5E; /* 黒ベースで90%の不透明度（10%透ける） */
  display: flex;
  align-items: center;   /* 縦方向の中央配置 */
  justify-content: center; /* 横方向の中央配置 */
  
  /* 見た目の装飾 */
  color: #ffffff;        /* 文字の色（白） */
  text-decoration: none; /* リンクの下線を消す */
  box-shadow: -4px 4px 15px rgba(0, 0, 0, 0.2); /* 左と下に少し影をつける */
  transition: opacity 0.3s ease;
}


.side-follow-banner02 {
  /* 配置の指定 */
  position: fixed;       /* 画面に対して固定 */
  top: 350px;            /* 画面の上から350pxの位置 */
  right: 0;              /* 画面の右端にぴったりくっつける */
  z-index: 9999;         /* 最前面に表示 */

  /* 背景と文字の中央配置 */
  background-color:#1BAD5E; /* 黒ベースで90%の不透明度（10%透ける） */
  display: flex;
  align-items: center;   /* 縦方向の中央配置 */
  justify-content: center; /* 横方向の中央配置 */
  
  /* 見た目の装飾 */
  color: #ffffff;        /* 文字の色（白） */
  text-decoration: none; /* リンクの下線を消す */
  box-shadow: -4px 4px 15px rgba(0, 0, 0, 0.2); /* 左と下に少し影をつける */
  transition: opacity 0.3s ease;
}

/* マウスホバー時の演出（お好みで調整してください） */
.side-follow-banner:hover {
  opacity: 0.8;          /* マウスを乗せたら少しさらに透けさせる */
}
.side-follow-banner02:hover {
  opacity: 0.8;          /* マウスを乗せたら少しさらに透けさせる */
}

.pc {
	display:block;
	height: 0px;
}
.sp {
	display: none;
	height: 0px;
}
.sp_original{
	display: none;
}
  @media screen and (max-width: 767px) {
.pc {
	display: none;
}
.sp {
	display: block;
}
.sp_original{
	margin-bottom: 20px;
	display: block;
}
	  
.side-follow-banner {
  /* 配置の指定 */
  position: fixed;       /* 画面に対して固定 */
  top: 100px;            /* 画面の上から300pxの位置 */
  right: 0;              /* 画面の右端にぴったりくっつける */
  z-index: 9999;         /* 最前面に表示 */
}

.side-follow-banner02 {
  /* 配置の指定 */
  position: fixed;       /* 画面に対して固定 */
  top: 260px;            /* 画面の上から350pxの位置 */
  right: 0;              /* 画面の右端にぴったりくっつける */
  z-index: 9999;         /* 最前面に表示 */
}
}

.progress-content {
  margin-top: 40px;
	width: 80%;
	margin: 80px auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;}
  @media screen and (max-width: 767px) {
    .progress-content {
      flex-direction: column-reverse;
      flex-wrap: wrap;
      margin-top: 20px;
      padding-bottom: 20px;
      border-bottom: 1px solid #829782;
      margin-bottom: 60px; } }
  .progress-content .progress-left, .progress-content .progress-right {
    width: 50%; }
    @media screen and (max-width: 767px) {
      .progress-content .progress-left, .progress-content .progress-right {
		  margin-top: 20px;
        width: 100%; } }

@media screen and (max-width: 767px) {
  .subpage .progress-content {
    margin-bottom: 20px; } }