.storybook-container {
    position: relative;
    max-width: 100%;
    margin: 0 auto 60px auto;
    border: 6px solid #D4A55A; /* 外枠のボーダー */
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    overflow: hidden;
  }

  .storybook-content {
    position: relative;
    background-color: rgba(255, 255, 255, 1.0);
    padding: 20px;
  }

  .storybook-text {
    position: relative;
    z-index: 1;
  }

  .storybook-text h2{
	  margin-top:0;
  }

  .frame-image-top {
	background-image: url('../webimg/bg_story-top.jpg'); */
    background-size: cover;
	width:100%;
	height:100px;
  }

  .frame-image-bottom {
	background-image: url('../webimg/bg_story-bottom.jpg'); */
    background-size: cover;
	width:100%;
	height:100px;
  }

  @media screen and (max-width: 768px) {
    /* 768px以下の画面幅の場合に適用されるスタイル */
    .storybook-container {
    border: 6px solid #D4A55A; /* 外枠のボーダー */
    }

    .storybook-content {
      padding: 5px;
    }

    .storybook-text h2 {
      font-size: 19px;
	  border:none;
	  margin-top:10px;
    }

    .storybook-text p {
      font-size: 14px;
    }

  .frame-image-top {
	background-image: url('../webimg/bg_story-top-sp.jpg');
    background-size: cover;
	width:100%;
	height:60px;
  }

  .frame-image-bottom {
	background-image: url('../webimg/bg_story-bottom-sp.jpg');
    background-size: cover;
	width:100%;
	height:60px;
  }
  }