/* ---------------------------------------------------------------------------------------------------------------------------- */

main h1 {
  padding: 50px 20px 0px;
  margin: 0 auto;
  font-size: 2.2rem;
  line-height: 1.5;
  font-weight: 700;
}

.concept-main {
	margin-bottom: 60px;
}
.concept-main img {
	margin: 0 auto;
    display: block;
}

.sp_only {
    display: block;
}
.pc_only {
    display: none;
}
.sp_br {
    display: inline;
}
.pc_br {
    display: none;
}

picture {
  display: block;
}



.concept-box {
	margin-bottom: 30px;
}
.concept-box__title {
	font-size: 2.6rem;
	line-height: 1.5;
	color: #E94609;
	font-weight: bold;
	margin-bottom: 30px;
	text-align: center;
}
.concept-box__subtitle {
	font-size: 2rem;
	line-height: 1.4;
	color: #E94609;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: center;
}
.concept-box__text {
	font-size: 1.6rem;
	line-height: 2;
	font-weight: bold;
	text-align: center;
}
.concept-box__text + .concept-box__text {
	margin-top: 15px;
}
.concept-box__img {
	margin-top: 40px;
}
.concept-box__img img {
	width: 100%;
	max-width: 100%;
}
.concept-box__img--sub {
	max-width: 290px;
	width: 78%;
	margin: 40px auto 0;
}
@media (min-width: 897px) {
main h1{
  display: block;
  width: 100%;
  max-width: 1200px;
  padding: 50px 0 0px;
  margin: 0 auto;
  font-size: 3rem;
}

	.concept-main {
		margin-bottom: 100px;
		display: flex;
		justify-content: center;
		overflow: hidden;
	}
	.concept-main h2 {
		min-width: 2055px;
	}

    .sp_only {
        display: none;
    }
    .pc_only {
        display: block;
    }
    .sp_br {
        display: none;
    }
    .pc_br {
        display: inline;
    }

	.concept-box__title {
		font-size: 3.8rem;
		margin-bottom: 50px;
	}
	.concept-box__subtitle {
		font-size: 2.6rem;
	}
	.concept-box__text {
		font-size: 1.8rem;
	}
	.concept-box__text + .concept-box__text {
		margin-top: 25px;
	}
	.concept-box__img {
		display: none;
	}

	.concept-content {
		position: relative;
		height: 3568px;
		margin-bottom: 100px;
	}
	.concept-content::before {
		position: absolute;
		content: '';
		background-image: url(../../../img/supplement/concept/bg.png);
		background-size: contain;
		background-position: center center;
		top: calc(50% + 85px);
		left: 50%;
		transform: translate(-50%, -50%);
		width: 2274px;
		height: 100%;
	}
	.webp .concept-content::before {
		background-image: url(../../../img/supplement/concept/bg.webp);
	}
	.concept-content__inner {
		max-width: 871px;
		margin: 0 auto;
	}
	.concept-content__inner--01 {
		max-width: 1046px;
		margin: 0 auto;
	}
	.concept-box {
		margin-bottom: 0;
	}
	.concept-box--01 {
		height: 729px;
	}
	.concept-box--01 .concept-box__inner {
		width: 44%;
		margin-left: auto;
	}
	.concept-box--02 {
		height: 775px;
	}
	.concept-box--03 {
		height: 778px;
	}
	.concept-box--04 {
		height: 744px;
	}
	.concept-box--05 {
		height: 627px;
	}
	.concept-content__inner {
		position: relative;
	}
	.concept-box--01 .concept-box__title,
	.concept-box--01 .concept-box__subtitle,
	.concept-box--01 .concept-box__text,
	.concept-box--02 .concept-box__title,
	.concept-box--02 .concept-box__subtitle,
	.concept-box--02 .concept-box__text,
	.concept-box--04 .concept-box__title,
	.concept-box--04 .concept-box__subtitle,
	.concept-box--04 .concept-box__text {
		text-align: left;
	}
	.concept-box__flex {
		display: flex;
		justify-content: space-between;
	}

}

.topbtn {
  max-width: 400px;
  margin: 0 auto 100px;
  padding-top: 50px;
}