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

	.only__pc {
		display: none;
	}
	html{
		font-size: 12px;
	}
	body {
	}
	.common__heading {
		margin: 0 0 2rem;
		font-size: 1.5rem;
		letter-spacing: 0;
	}
	.common__heading small {
		font-size: 1.2rem;
	}
	.common__midheading {
		font-size: 1.4rem;
		letter-spacing: 0;
	}
	.common__midheading.margin {
		margin-top: 2rem;
	}
	.common__midheading small {
		font-size: 1rem;
	}
	.common__minheading {
		font-size: 1rem;
		letter-spacing: 0;
	}
	.common__insert {
		height: 30vh;
	}

	.title {
		display: flex;
		align-items: center;
		background: url(img/bg_title.jpg) bottom no-repeat;
		background-size: 100% auto;
		height: auto;
	}
	.title__inner {
		width: 100%;
		margin: 5vw 4vw;
	}
	.title__heading small {
		font-size: 1.6rem;
	}
	.title__heading h1 {
		font-size: 3.2rem;
	}
	.title__comment {
		background: rgba(255,255,255,0.8);
		margin: 2rem 50% 0 0;
		padding: 1rem;
		font-size: 1rem;
	}

.introduce::before {
	content: "";
	width: 14vw;
	background: url(img/obj_page01.png) no-repeat;
	background-size: 100% auto;
	position: absolute;
	top: -215px;
	bottom: 0;
	left: 0;
	z-index: -1;
}
	.introduce__inner {
		display: block;
		padding: 2rem 7vw;
	}
	.introduce__col {
		width: 100%;
	}
	.introduce__image {
		width: 100%;
		margin: 1rem 0 0;
	}
	.introduce__wrap {
		display: block;
	}
	.introduce__check {
		width: 100%;
		padding: 2rem 4vw;
	}
	.introduce__reason {
		width: 100%;
		padding: 2rem 4vw;
	}
	.introduce__reason ul li {
		padding: 50px 0 0;
	}

	.selfcheck {
		padding: 3rem 4vw;
	}
	.selfcheck::before {
		top: 1.5rem;
		left: 2vw;
	}
	.selfcheck::after {
		top: -5rem;
	}
	.selfcheck__title div {
		width: 66%;
	}
	.selfcheck__image {
		width: 34%;
	}
	.selfcheck__question {
		display: block;
		margin: 2rem auto 0;
	}
	.selfcheck__question::before {
		content: none;
	}
	.selfcheck__question__col {
		width: 100%;
	}
	.selfcheck__question__col + .selfcheck__question__col {
		margin-top: 2rem;
		padding-top: 2rem;
		border-top: var(--brown) solid 1px;
	}
	.selfcheck__question__list {
		background-size: 40px auto;
		margin: 0 0 1rem;
		padding: 0 0 calc(1rem + 55px);
	}
	.selfcheck__question__image {
		width: 50%;
		margin: 0 auto 2rem;
	}
	.selfcheck__answer {
		margin: 3rem auto 0;
		position: relative;
	}
	.selfcheck__answer::after {
		width: 14vw;
		right: -4vw;
		bottom: -3rem;
	}
	.selfcheck__answer__inner {
		display: block;
		margin: 2rem auto 0;
	}
	.selfcheck__answer__inner::before {
		content: none;
	}
	.selfcheck__answer__col {
		width: 100%;
	}
	.selfcheck__answer__col + .selfcheck__answer__col {
		margin-top: 2rem;
		padding-top: 2rem;
		border-top: var(--brown) solid 1px;
	}

.page__wrap {
	background: linear-gradient(135deg, #f0e9e2, #fff);
	position: relative;
}
.page__wrap::after {
	content: "";
	width: 14vw;
	background: url(img/obj_page04.png) no-repeat;
	background-size: 100% auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
}
	.prevention {
		padding: 3rem 4vw;
	}
	.prevention::before {
		top: 1.5rem;
		right: 2vw;
		bottom: 1.5rem;
		left: 2vw;
	}
	.prevention::after {
		content: none;
	}
	.prevention__inner {
		display: block;
	}
	.prevention__col {
		width: 100%;
	}
	.prevention__col + .prevention__col {
		margin-top: 2rem;
	}


	.cycle {
		padding: 3rem 0;
		position: relative;
	}
	.cycle__heading {
		width: 28vw;
		height: 28vw;
		padding: 5vw 0;
		top: 17%;
		left: 36%;
		font-size: 1.4rem;
		line-height: 6vw;
	}
	.cycle__inner {
		width: 92vw;
		position: relative;
	}
	.cycle__list {
		display: flex;
		flex-wrap: wrap;
	}
	.cycle__list li {
		position: initial;
	}
	.cycle__list li:nth-of-type(2n) {
		margin-left: auto;
	}
	.cycle__list li:nth-of-type(n+3) {
		margin-top: 2rem;
	}
	.cycle__list  li::before {
		position: initial;
		color: #000;
	}
	.cycle__list li:nth-of-type(1) {
		width: 48%;
		padding: 0;
		color: #000;
	}
	.cycle__list li:nth-of-type(2) {
		width: 48%;
		padding: 0;
	}
	.cycle__list li:nth-of-type(3) {
		width: 48%;
		padding: 0;
	}
	.cycle__list li:nth-of-type(4) {
		width: 48%;
	}
	.cycle__list li:nth-of-type(5) {
		width: 100%;
	}
	.cycle__list li br {
		display: none;
	}

	.btn__toitems {
		padding: 3rem 0;
	}
	.btn__toitems a {
		width: 92vw;
		font-size: 1.2rem;
	}
	.items__inner {
		background-size: 25% auto;
		padding: 3rem 4vw;
	}
	.items__data {
		width: 100%;
		margin: 0 0 2rem;
	}
	.items__data dt {
		padding: 5px 10px;
	}
	.items__data dd {
		padding: 5px 10px;
		font-size: 1rem;
		font-weight: normal;
	}
	.items__data dd strong {
		width: 90px;
		height: 90px;
		line-height: 20px;
	}
	.items {
		background-size: 100vw auto;
	}
	.itemList + .common__midheading {
		margin-top: 3rem;
	}
	.items__title .common__midheading strong {
		font-size: 1.8rem;
	}

	.items .items__title + p {
		margin-top: 1rem;
	}
	.itemList > li {
		max-width: 90vw;
	}
	.itemList > li:nth-of-type(n+2) {
		margin-top: 3rem;
	}
	.itemList li .itemList__inner{
		display: block;
	}
	.itemList li .itemList__itemImg {
		width: 220px;
		margin: 0 auto 1rem;
	}
	.itemList__col {
		width: 100%;
	}
	.itemList__title {
		font-size: 1.2rem;
	}
	.itemList__category li {
		padding: 0.25rem 0.5rem;
		font-size: 0.8rem;
	}
	.itemList__category li + li {
		margin-left: 0.25rem;
	}
	.itemList__heading {
		font-size: 1.4rem;
	}
	.itemList__comment {
		margin-bottom: 0.5rem;
	}
	.itemList__size {
		margin-bottom: 0.5rem;
	}
	.itemList__submit {
		max-width: 220px;
		margin: 2rem auto 0;
	}
	.itemList__submit a {
		padding: 1rem 0;
	}

}