@media (min-width: 768px) and (max-width: 1148px) {
/* ----------------------------------------------------
  font-size
---------------------------------------------------- */
  h1 {
    font-size: 3rem;
  }

  span.mv-txt {
    font-size: 3rem;
  }

/* ----------------------------------------------------
  header
---------------------------------------------------- */
  header {
		height: 70px;
	}

	.header-inner {
		margin: 0 16px;
	}
  
	.Femme_creatives {
		width: 160px;
		height: auto;
	}

	.hamburger {
		display: block;
		z-index: 999;
	}

	ul.menu-list {
		flex-direction: column;
	}

	p.menu-txt {
		font-size: 1rem;
	}

	/* アクティブの時 */
	.header__nav {
		position: absolute;
		display: flex;
		right: 0;
		left: 0;
		top: 0;
		width: 100%;
		transform: translateX(100%);
		background-color: #fff;
		transition: ease .4s;
		height: 100vh;
		z-index: 998;
	}

	.header__nav.active {
		transform: translateX(0);
	}

	.nav-items {
		margin: 0 auto;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.nav-items__item a {
		color: #333333;
		text-decoration: none;
		letter-spacing: 3px;
	}

	.nav-items__item:not(:last-child) {
		text-align: center;
		padding-bottom: 48px;
	}
/* ----------------------------------------------------
  mv
---------------------------------------------------- */
  .main-visual-content-frame{
    width: 70%;
  }

  .award {
    width: 100%;
  }

  .award img {
    width: 140px;
  }

  .mv-consultation-button{
    padding: 1rem 6rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
/* ----------------------------------------------------
  sec01 お悩み
---------------------------------------------------- */
  .worries-list {
    width: 100%;
  }

  .worries-circle {
    width: 300px;
    height: 300px;
  }

/* ----------------------------------------------------
  sec02 私たちのご提案
---------------------------------------------------- */
  .about-us {
    margin-top: 15%;
  }

	.about-us-inner {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.about-us-card {
		flex-direction: column;
		position: static;
    width: 80%;
	}

	.phpto-card-list {
		width: 100%;
		margin-left: 0;
		margin-bottom: 5%;
	}

	.phpto-card-list-inner {
		width: 100%;
	}

	.photo-card1 img {
		width: 250px;
		height: 250px;
	}

	.photo-card2 img {
		width: 250px;
		height: 250px;
	}

	.message-card {
		width: 100%;
		margin-top: 0;
		padding: 0;
		position: static;
    top: auto;
    left: auto;
	}

	.message-card-frame {
		border: none;
	}

/* ----------------------------------------------------
  sec04 制作内容
---------------------------------------------------- */
  .production-content-img {
    height: auto;
  }
  .production_content05 img {
    margin-top: 10%;
  }

/* ----------------------------------------------------
  sac05 選ばれる理由
---------------------------------------------------- */
  ul.reason-list {
    flex-direction: column;
    width: 70%;
  }

  li.reason-content {
    gap: 20%;
  }

  .reason-icon-circle {
    min-width: 90px;
  }

/* ----------------------------------------------------
  sec06 制作の流れ
---------------------------------------------------- */
	.flow-list .flow-card:not(:last-child)::after {
		right: -30px;
	}

	.flow-card {
		height: 200px;
	}

	.flow-number {
		font-size: 2rem;
	}

	.flow-txt {
		font-size: 0.8rem;
		color: #fff;
		text-align: center;
	}

	.flow-card img {
		width: 60px;
	}

/* ----------------------------------------------------
  sec07 料金
---------------------------------------------------- */
	.price-frame {
		width: 90%;
	}

/* ----------------------------------------------------
  sec08 お客様の声
---------------------------------------------------- */
   .voice-card-wrapper {
    display: flex;
    justify-content: center;
   }

  .voice-card-list {
    width: 90%;
  }

	li.voice-card {
		height: 420px;
	}

  .voice-card-inner {
    width: 90%;
  }

  .voice-card img {
    width: 100%;
    height: auto;
  }
/* ----------------------------------------------------
  sec09 フルサポート体制で安心
---------------------------------------------------- */
	.support-frame-inner {
		flex-direction: column;
	}

	.support-ttl-txt-sp {
		display: block;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	h2.sec-ttl-support-sp {
		font-size: 1.33rem;
	}

	h2.sec-ttl-decoration-support-sp {
		font-size: 1.33rem;
	}

	.support-ttl-txt {
		display: none;
	}

	.circle-list {
		margin-left: 5%;
	}

/* ----------------------------------------------------
  sec10 おすすめ
---------------------------------------------------- */
  .recommend-frame-inner {
    flex-direction: column;
  }

  h2.sec-ttl-decoration-recommend {
    text-align: center;
  }

	.recommend-txt-section {
		align-items: center;
	}

  .sns-icon {
    margin-top: 10%;
  }

/* ----------------------------------------------------
  footer
---------------------------------------------------- */
	h1.cta-txt {
		font-size: 2.8rem;
	}

	p.white-txt {
		font-size: 1.33rem;
	}
}

/* ----------------------------------------------------
  中間サイズ
---------------------------------------------------- */
@media (min-width: 500px) and (max-width: 767px) {

	main {
		padding-top: 15%;
	}
	
	.main-visual-content {
		top: 20%;
	}

	.award {
		padding-top: 30%;
		padding-bottom: 3rem;
	}

	.award img{
		width: 170px;
	}

	.mv-consultation-button {
		padding: 1rem 10rem;
	}

	.content-up {
		width: 320px;
	}

	.content-down {
		width: 320px;
	}

	.wrap-down {
		margin-bottom: 35%;
	}

	.flow-list .flow-card:not(:last-child)::after {
		margin-top: 14%;
	}
}