@charset "utf-8";
@media screen and (max-width: 980px){

	.only__pc {
		display: none;
	}
	html{
		font-size: 14px;
	}
	body {
		line-height: 1.6;
	}
	.snowFalling  {
		background-size: 200% auto;
	}

	/* COMMON */
	body {
		padding: 0 0 35vw;
	}
	.common__heading {
		margin: 0 0 3rem;
		font-size: 2rem;
		line-height: 1.5;
	}
	.common__heading small {
		font-size: 1.1rem;
	}
	.common__midheading {
		margin: 0 0 2rem;
		font-size: 1.4rem;
		letter-spacing: 0.1rem;
		line-height: 1.5;
	}
	.common__minheading {
		margin: 0 0 1rem;
		font-size: 1.2rem;
	}

	.title {
		display: block;
		background: url(img/bg_title.jpg) no-repeat right 40% top;
		background-size: cover;
		height: auto;
	}
	.title__inner {
		width: 75%;
		margin: 0 4vw;
		padding: 4rem 0;
	}
	.title__heading {
		line-height: 1.2;
	}
	.title__heading small {
		margin: 0 0 1rem;
		font-size: 1.2rem;
	}
	.title__heading h1 {
		font-size: 1.6rem;
	}
	.title__heading h1 span {
		padding: 0.5rem;
	}
	.title__heading h1 span:nth-of-type(2) {
		margin: 0.5rem 0 0;
	}
	.title__comment {
		margin: 1.5rem 0 0 0;
		padding: 1.5rem;
		font-size: 1.2rem;
	}

	.introduce .snowFalling  {
		padding: 0 4vw calc(4rem + 11vw);
	}
	.introduce__faq {
		display: block;
		margin: 3rem auto 0;
	}
	.introduce__faq dt {
		width: 100%;
		font-size: 1.4rem;
	}
	.introduce__faq dd {
		width: 100%;
		padding: 1rem 0 0;
		border-left: none;
	}
.introduce__image {
	margin: 3rem 0 0;
}
	.introduce__image__title {
		padding: 1rem 0;
	}
	.introduce__image__heading {
		font-size: 1.4rem;
	}
	.introduce__image figure {
		padding: 2rem;
	}
	.introduce__sum {
		margin: 4rem auto 0;
		padding: 2rem;
	}
	.introduce__sum p {
		font-size: 1.1rem;
	}
	.introduce__check {
		margin: 4rem 0 0;
	}
	.introduce__check li {
		align-items: flex-start;
		height: auto;
	}
	.introduce__check li + li {
		margin-top: 1.5rem;
	}
	.introduce__check__list__heading {
		display: flex;
        flex-direction: column;
        justify-content: center;
		width: 6rem;
		height: 6rem;
		font-size: 1.4rem;
		line-height: 1;
	}
	.introduce__check__list__heading::before {
		margin: 0 0 1rem;
		font-size: 0.9rem;
	}
	.introduce__check__list__heading::after {
		width: 6rem;
		height: 6rem;
		box-shadow: var(--blue) 0 0 10rem 0;
	}
	.introduce__check li p {
		width: calc(100% - 6rem);
		padding: 0 0 0 1rem;
	}

	.metabolism .snowFalling  {
		padding: calc(4rem - 11vw) 4vw calc(4rem + 11vw);
	}
	.metabolism__faq {
		display: block;
		margin: 0 auto 3rem;
	}
	.metabolism__faq dt {
		width: 100%;
		font-size: 1.4rem;
		line-height: 1.5;
	}
	.metabolism__faq dd {
		width: 100%;
		padding: 1rem 0 0;
		border-left: none;
	}
	.metabolism__image {
		margin: 3rem auto 4rem;
	}
	.metabolism__image figure {
		padding: 2rem;
	}
	.metabolism__wrap {
		display: block;
	}
	.metabolism__wrap > * {
		width: 100%;
	}
	.metabolism__wrap figure {
		margin: 1.5rem 0 0;
	}
	.metabolism__items {
		flex-wrap: wrap;
		margin: 3rem 0 0;
	}
	.metabolism__items > li {
		width: 49%;
	}
	.metabolism__items > li:nth-of-type(n+3) {
		margin-top: 1.5rem;
	}
.metabolism__items__label {
	margin: 0 0 1rem;
}
	.metabolism__items__label span {
		margin: 0 0.2rem 0 0;
		font-size: 1.6rem;
	}
	.metabolism__items__heading {
		padding: 0.5rem;
	}
	.metabolism__items ul li {
		padding: 0 0 0 1.5rem;
		font-size: 0.9rem;
	}
	.metabolism__items ul li::before {
		width: 1.5rem;
		margin: 0 0 0 -1.5rem;
	}

	.routine {
		padding: calc(4rem - 11vw) 4vw calc(4rem + 11vw);
	}
	.routine__list li + li {
		margin-top: 3rem;
	}
	.routine__list__time {
		font-size: 1.6rem;
		line-height: 1;
	}
	.routine__list__inner {
		padding: 2.5rem 1rem 1rem;
	}
	.routine__sun {
		width: 90px;
		top: 8rem;
	}
	.routine__moon {
		width: 80px;
		bottom: calc(11vw);
	}

	.result .snowFalling  {
		padding: calc(4rem - 11vw) 0 4rem;
	}
	.result__image ul li {
		display: none;
	}
	.result__list {
		background: url(img/bg_result.png) no-repeat left -5% top;
		background-size: auto 100%;
		padding: 0rem 0;
	}
	.result__list li {
		margin: 0 25vw 0 4vw;
		padding: 1rem;
	}
	.result__list li + li {
		margin-top: 1.5rem;
	}
	.result__check {
		padding: 4rem 0 0;
	}
	.result__check__wrap {
		display: block;
		margin: 0 4vw;
	}
	.result__check__cols {
		width: 100%;
	}
	.result__check__cols + .result__check__cols {
		margin-top: 3rem;
	}
	.result__check__image {
		height: 60vw;
		margin: 0 0 0.75rem;
		-webkit-mask-image: none;
		mask-image: none;
		border-radius: 1rem;
		overflow: hidden;
	}
	.result__check__cols .common__minheading {
		padding: 0;
	}
	.result__check__list {
		margin: 0;
	}
	.result__check__list li + li {
		margin-top: 0.75rem;
	}
	.result__check__sum {
		margin: 4rem 4vw 0;
		padding: 2rem;
		font-size: 1.2rem;
	}

	.btn__toitems a {
		width: 90vw;
		padding: 2rem 0;
		font-size: 1.1rem;
	}
	.btn__toitems a::after {
		right: 1rem;
	}

	.items {
		padding: 4rem 0 0;
	}
	.items .snowFalling  {
		padding: 0 5vw 4rem;
	}
	.items__data {
		padding: 0.5rem;
		top: initial;
		bottom: 0;
	}
	.items__data dt {
		padding: 0 0.5rem 0 0;
		font-size: 0.8rem;
	}
	.items__data dd:not(.items__data__label) {
		margin: 0 0.5rem;
		font-size: 0.8rem;
	}
	.items__data__label {
		padding: 0.2rem 0.3rem;
		line-height: 1.2;
	}
	.items__heading {
		margin: 0 0 3rem;
		padding: 1rem;
		font-size: 1.6rem;
	}
	.itemList + .items__heading {
		margin-top: 4rem;
	}
.itemList {
	margin: 3rem auto 0;
}
.itemList > li {
	margin: 0 auto;
}
.itemList > li:nth-of-type(n+2) {
	margin-top: 3rem;
	padding-top: 3rem;
	border-top: var(--blue) solid 1px;
}
	.itemList__inner{
		display: block;
	}
	.itemList__itemImg {
		width: 80vw;
		height: 88vw;
		margin: 0 auto;
	}
	.itemList__col {
		width: 100%;
		padding: 2rem;
	}
	.itemList__title {
		font-size: 1.4rem;
	}
	.itemList__price {
		font-size: 1.1rem;
	}
	.itemList__price strong {
		font-size: 1.6rem;
	}
	.itemList__submit {
		max-width: 320px;
		margin: 3rem 0 0;
	}
	.itemList__submit a {
		font-size: 1.2rem;
	}
}