@charset "UTF-8";
body {
	color: #333;
	font-family: "Yu Gothic", "\6E38\30B4\30B7\30C3\30AF", YuGothic, "\6E38\30B4\30B7\30C3\30AF\4F53", sans-serif;
	font-weight: 500;
}

h1, h1, h3, p {
	margin: 0;
}

button {
	border: none;
	color: #fff;
	font-size: 23px;
	margin: 20px 0 0 0;
	max-width: 495px;
	text-align: center;
	width: 100%;
}

/*============================================================*/
/* cchannel */
/*============================================================*/
.lemon-ugc-root :is(.lemon-justify-center) {
  width: fit-content;
  margin-inline: auto;
}

@media (min-width: 640px) {
  .lemon-ugc-root :is(.sm\:lemon-py-\[32px\]) {
    padding-top: 0px !important;
    padding-left: 0px !important;
  }
}
.lemon-ugc-root :is(.lemon-mb-\[24px\]) {
  margin-bottom: 0px !important;
}


img {
	max-width: 100%;
}

.small {
	font-size: 70%;
}

.afct .col-xs-4 {
	width: 33%;
}

.afct .col-xs-5 {
	width: 41%;
}

.afct .col-xs-6 {
	width: 49.5%;
}

.afct .col-xs-7 {
	width: 58%;
}

.afct .col-xs-10 {
	width: 83%;
}

@media screen and (min-width: 768px) {
	.afct .col-md-6 {
		width: 49.5%;
	}
}

@media (max-width: 992px) and (min-width: 768px) {
	.afct .col-md-6 {
		width: 49.5%;
	}
}

@media screen and (min-width: 768px) {
	.afct .col-md-5 {
		width: 41%;
	}
}

@media (max-width: 992px) and (min-width: 768px) {
	.afct .col-md-5 {
		width: 100%;
	}
}

@media screen and (min-width: 768px) {
	.afct .col-md-7 {
		width: 58%;
	}
}

@media (max-width: 992px) and (min-width: 768px) {
	.afct .col-md-7 {
		width: 100%;
	}
}

@media screen and (min-width: 768px) {
	.afct .col-sm-5 {
		width: 41%;
	}
}

@media screen and (min-width: 768px) {
	.afct .col-sm-6 {
		width: 49.5%;
	}
}

@media screen and (min-width: 768px) {
	.afct .col-sm-7 {
		width: 58%;
	}
}

@media (max-width: 992px) and (min-width: 768px) {
	.afct .col-sm-10 {
		width: 83%;
	}
}

@media (max-width: 992px) and (min-width: 768px) {
	.afct .col-sm-12 {
		width: 100%;
	}
}

@media screen and (min-width: 768px) {
	.afct .col-md-12 {
		width: 100%;
	}
}

@media (max-width: 992px) and (min-width: 768px) {
	.afct .col-md-12 {
		width: 100%;
	}
}

.afct .col-xs-offset-2 {
	margin-left: 16%;
}

.afct .col-xs-offset-1 {
	margin-left: 8%;
}

@media screen and (min-width: 768px) {
	.afct .col-sm-offset-0 {
		margin-left: 0;
	}
}

@media screen and (min-width: 768px) {
	.afct .col-md-offset-0 {
		margin-left: 0;
	}
}

@media (max-width: 992px) and (min-width: 768px) {
	.afct .col-md-offset-0 {
		margin-left: 0;
	}
}

@media (max-width: 992px) and (min-width: 768px) {
	.afct .col-sm-offset-1 {
		margin-left: 8%;
	}
}

.text-point {
	color: #bf874c;
}

.bg-white {
	background-color: #fff;
}

.container {
	max-width: 1000px;
}

@media (max-width: 992px) and (min-width: 768px) {
	.container {
		width: calc(89vw + 30px);
	}
}

@media screen and (max-width: 767px) {
	.container {
		width: calc(89vw + 30px);
	}
}

@media screen and (min-width: 768px) {
	.content {
		padding: 70px 0 30px;
	}
}

@media screen and (min-width: 768px) {
	.hero {
		background: url("../img/top_back.png") no-repeat top center/cover;
	}
}

@media screen and (max-width: 767px) {
	.hero {
		background: url("../img/top_back_sp.png") no-repeat top center/cover;
	}
}

.hero_inner {
	margin: 0 auto;
	position: relative;
}

@media screen and (min-width: 768px) {
	.hero_inner {
		max-width: 1000px;
		padding-bottom: 55px;
		width: 100%;
	}
}

@media screen and (max-width: 767px) {
	.hero_inner {
		margin: 0 auto;
		padding-bottom: 5vw;
		width: 89vw;
	}
}

@media screen and (min-width: 768px) {
	.hero_img1 {
		margin: 0 40px 50px 0;
		text-align: right;
	}
}

@media screen and (max-width: 767px) {
	.hero_img1 {
		margin: 0 -5vw 5vw auto;
		width: 64vw;
	}
}

@media screen and (min-width: 768px) {
	.hero_heading {
		margin-bottom: 50px;
		text-align: right;
	}
}

@media screen and (max-width: 767px) {
	.hero_heading {
		margin: 0 5vw 0 auto;
		width: 48vw;
	}
}

.hero_bottom {
	align-items: flex-end;
	display: flex;
	justify-content: space-between;
}

@media screen and (max-width: 767px) {
	.hero_bottom {
		margin-top: 42vw;
	}
}

@media screen and (max-width: 767px) {
	.hero_bottom_text {
		width: 57vw;
	}
}

@media screen and (min-width: 768px) {
	.hero_img2 {
		margin-bottom: -50px;
	}
}

@media screen and (max-width: 767px) {
	.hero_img2 {
		bottom: 3vw;
		position: absolute;
		right: 0;
		width: 47vw;
	}
}

.voice {
	background-color: #f1f1f1;
}

@media screen and (max-width: 767px) {
	.voice {
		padding: 11vw 0 9vw;
	}
}

@media screen and (min-width: 768px) {
	.voice_heading {
		width: 727px;
	}
}

@media screen and (max-width: 767px) {
	.voice_heading {
		margin: 0 auto 5vw;
		width: 88vw;
	}
}

@media screen and (max-width: 767px) {
	.voice_heading2 {
		margin: 0 auto;
		width: 67vw;
	}
}

@media screen and (min-width: 768px) {
	.voice_inner {
		margin-top: 3rem;
		padding: 50px 0;
	}
}

@media screen and (max-width: 767px) {
	.voice_inner {
		margin-top: 5vw;
		padding: 7vw 0;
	}
}

@media screen and (min-width: 768px) {
	.voice_text {
		font-size: 18px;
		padding: 0 0 0 25px;
	}
}

@media screen and (max-width: 767px) {
	.voice_text {
		font-size: 3vw;
		line-height: 1.7;
	}
}

.voice_text span {
	display: block;
}

@media screen and (min-width: 768px) {
	.voice_text span {
		margin-top: 10px;
	}
}

@media screen and (max-width: 767px) {
	.voice_text span {
		margin-top: 3vw;
	}
}

@media (max-width: 992px) and (min-width: 768px) {
	.voice_item + .voice_item {
		margin-top: 50px;
	}
}

@media screen and (max-width: 767px) {
	.voice_item + .voice_item {
		margin-top: 7vw;
	}
}

@media screen and (min-width: 768px) {
	.offer {
		padding: 80px 0;
	}
}

@media screen and (max-width: 767px) {
	.offer {
		padding: 5vw 0 9vw;
	}
}

@media screen and (min-width: 768px) {
	.offer_heading {
		width: 760px;
	}
}

@media (max-width: 992px) and (min-width: 768px) {
	.offer_heading {
		margin-bottom: 40px;
		width: 100%;
	}
}

@media screen and (max-width: 767px) {
	.offer_heading {
		margin-bottom: 5vw;
	}
}

@media (max-width: 992px) and (min-width: 768px) {
	.offer_img {
		margin-bottom: 50px;
		text-align: center;
	}
}

@media screen and (max-width: 767px) {
	.offer_img {
		margin-bottom: 7vw;
		text-align: center;
	}
}

@media screen and (min-width: 768px) {
	.offer_inner {
		margin-top: 70px;
	}
}

@media screen and (min-width: 768px) {
	.offer_price {
		padding: 0 0 0 24px;
		width: 42% !important;
	}
}

@media (max-width: 992px) and (min-width: 768px) {
	.offer_price {
		padding: 0;
		width: 100% !important;
	}
}

.offer_price_heading {
	font-weight: 400;
}

@media screen and (min-width: 768px) {
	.offer_price_heading {
		font-size: 18px;
	}
}

@media screen and (max-width: 767px) {
	.offer_price_heading {
		font-size: 4vw;
		margin: 0 0 3vw 0;
	}
}

@media screen and (min-width: 768px) {
	.offer_price_inner {
		margin-top: 25px;
	}
}

@media (max-width: 992px) and (min-width: 768px) {
	.offer_price_inner {
		text-align: center;
	}
}

@media screen and (max-width: 767px) {
	.offer_price_inner {
		margin-top: 3vw;
	}
}

@media screen and (min-width: 768px) {
	.offer_text {
		font-size: 14px;
	}
}

@media screen and (max-width: 767px) {
	.offer_text {
		font-size: 3vw;
		margin-bottom: 1vw;
	}
}

@media (max-width: 992px) and (min-width: 768px) {
	.offer_text p + p {
		margin-top: 20px;
	}
}

@media screen and (max-width: 767px) {
	.offer_text p + p {
		margin-top: 3vw;
	}
}

.offer_text span {
	display: block;
	font-weight: bold;
}

@media screen and (min-width: 768px) {
	.offer_text span {
		font-size: 16px;
		margin-top: 2rem;
	}
}

@media screen and (max-width: 767px) {
	.offer_text span {
		font-size: 3.2vw;
	}
}

@media screen and (min-width: 768px) {
	.offer_content {
		padding: 0 20px 0 15px;
	}
}

@media (max-width: 992px) and (min-width: 768px) {
	.offer_content {
		margin: 50px auto 0;
		padding: 0;
		width: 550px;
	}
}

@media screen and (max-width: 767px) {
	.offer_content {
		margin: 7vw auto 0;
		width: 73vw;
	}
}

.offer_cart {
	cursor: pointer;
	padding: 0 !important;
}

@media screen and (min-width: 768px) {
	.offer_cart {
		margin-top: 30px;
	}
}

@media (max-width: 992px) and (min-width: 768px) {
	.offer_cart {
		margin: 40px auto 0;
		padding: 0;
		width: 550px;
	}
}

@media screen and (max-width: 767px) {
	.offer_cart {
		display: block !important;
		margin: 5vw auto 0;
		width: 73vw;
	}
}

.oily {
	background: url("../img/oily_back.png") no-repeat, #f7ead8;
}

@media screen and (min-width: 768px) {
	.oily {
		background-position: calc(50% - 240px) bottom;
		background-size: 500px;
	}
}

@media screen and (max-width: 767px) {
	.oily {
		background-position: calc(50% - 29vw) bottom;
		background-size: 67vw;
		padding: 13vw 0 9vw;
	}
}

@media screen and (max-width: 767px) {
	.oily .container {
		padding: 0;
	}
}

@media screen and (min-width: 768px) {
	.oily_heading {
		width: 630px;
	}
}

@media screen and (max-width: 767px) {
	.oily_heading {
		width: 70vw;
	}
}

@media screen and (min-width: 768px) {
	.oily_inner {
		margin: 0 60px 0 auto;
		width: 415px;
	}
}

@media screen and (max-width: 767px) {
	.oily_inner {
		margin: 0 0 0 auto;
		width: 50vw;
	}
}

.skin {
	background-color: #f1f1f1;
}

@media screen and (min-width: 768px) {
	.skin {
		padding-bottom: 100px;
	}
}

@media screen and (max-width: 767px) {
	.skin {
		padding: 11vw 0 13vw;
	}
}

@media screen and (min-width: 768px) {
	.skin_heading {
		margin-bottom: 40px;
		width: 490px;
	}
}

@media screen and (max-width: 767px) {
	.skin_heading {
		margin-bottom: 6vw;
		width: 65vw;
	}
}

.skin_inner {
	align-items: center;
	display: flex;
}

@media screen and (min-width: 768px) {
	.skin_inner {
		padding: 80px 0 50px;
	}
}

@media (max-width: 992px) and (min-width: 768px) {
	.skin_inner {
		flex-flow: wrap;
	}
}

@media screen and (max-width: 767px) {
	.skin_inner {
		flex-flow: wrap;
		padding: 11vw 0;
	}
}

.skin_item {
	margin: 0 auto;
	text-align: center;
}

@media screen and (min-width: 768px) {
	.skin_item_heading {
		width: 300px;
	}
}

@media screen and (max-width: 767px) {
	.skin_item_heading {
		width: 40vw;
	}
}

@media screen and (max-width: 767px) {
	.skin_item + .skin_item {
		margin-top: 3vw;
	}
}

@media screen and (min-width: 768px) {
	.skin_item + .skin_item .skin_item_heading {
		width: 375px;
	}
}

.skin_text {
	border: 1px solid #cccccc;
	margin: 0 auto;
}

@media screen and (min-width: 768px) {
	.skin_text {
		font-size: 20px;
		padding: 2rem 0;
		width: 354px;
	}
}

@media screen and (max-width: 767px) {
	.skin_text {
		font-size: 3vw;
		line-height: 1.7;
		padding: 4vw 0;
		width: 64vw;
	}
}

.balance {
	background: url("../img/balance_back.png") no-repeat left calc(50% + 20px) top, rgba(220, 220, 220, 0.9);
}

@media screen and (min-width: 768px) {
	.balance {
		padding: 100px 0 80px;
	}
}

@media screen and (max-width: 767px) {
	.balance {
		padding: 13vw 0 11vw;
	}
}

@media screen and (min-width: 768px) {
	.balance_inner {
		width: 570px;
	}
}

@media screen and (max-width: 767px) {
	.balance_inner {
		width: 76vw;
	}
}

@media screen and (min-width: 768px) {
	.conscience {
		background: url("../img/conscience_back.png") no-repeat left calc(50% + 120px) bottom 240px/1100px, #e0f1f8;
		padding: 90px 0 0;
	}
}

@media screen and (max-width: 767px) {
	.conscience {
		background: url("../img/conscience_back_sp.png") no-repeat bottom 42vw center/100%, #e0f1f8;
		padding: 13vw 0 0;
	}
}

@media screen and (min-width: 768px) {
	.conscience_heading {
		width: 550px;
	}
}

@media screen and (max-width: 767px) {
	.conscience_heading {
		width: 73vw;
	}
}

@media screen and (min-width: 768px) {
	.conscience_text {
		margin-top: 4rem;
		width: 410px;
	}
}

@media screen and (max-width: 767px) {
	.conscience_text {
		margin-top: 5vw;
		width: 55vw;
	}
}

@media screen and (min-width: 768px) {
	.conscience_inner {
		margin-top: 80px;
		width: 436px;
	}
}

@media screen and (max-width: 767px) {
	.conscience_inner {
		margin: 11vw 0 16vw;
		width: 58vw;
	}
}

.conscience_app {
	background-color: #1f396c;
	position: relative;
}

@media screen and (min-width: 768px) {
	.conscience_app {
		margin-top: 65px;
		padding: 50px 0 35px;
	}
}

@media (max-width: 992px) and (min-width: 768px) {
	.conscience_app {
		padding: 50px 15px 35px;
	}
}

@media screen and (max-width: 767px) {
	.conscience_app {
		padding: 8vw 0 4vw;
	}
}

@media screen and (max-width: 767px) {
	.conscience_app img {
		margin: 0 auto;
		width: 60vw;
	}
}

.conscience_app:after {
	background: url("../img/conscience_05.png") no-repeat left top/cover;
	content: "";
	display: block;
	position: absolute;
	right: 50%;
	transform: translateX(50%);
}

@media screen and (min-width: 768px) {
	.conscience_app:after {
		bottom: -45px;
		height: 55px;
		width: 65px;
	}
}

@media screen and (max-width: 767px) {
	.conscience_app:after {
		bottom: -6vw;
		height: 7vw;
		width: 9vw;
	}
}

@media screen and (min-width: 768px) {
	.program {
		background: url("../img/program_back.png") no-repeat left 50% bottom, #f1f5f6;
		padding: 150px 0 140px;
	}
}

@media screen and (max-width: 767px) {
	.program {
		background: url("../img/program_back_sp.png") no-repeat top center/cover, #f1f5f6;
		padding: 17vw 0 9vw;
	}
}

.program_inner {
	position: relative;
}

@media screen and (min-width: 768px) {
	.program_inner {
		left: -170px;
		width: 570px;
	}
}

@media (max-width: 992px) and (min-width: 768px) {
	.program_inner {
		left: 0;
		margin: 0 auto 0 20px;
	}
}

@media screen and (min-width: 768px) {
	.program_text {
		margin-top: 80px;
	}
}

@media screen and (max-width: 767px) {
	.program_text {
		margin-top: 93vw;
		text-align: center;
	}
}

.point {
	background-color: #f1f1f1;
}

@media screen and (min-width: 768px) {
	.point {
		padding: 100px 0 80px;
	}
}

@media screen and (max-width: 767px) {
	.point {
		padding: 13vw 0;
	}
}

@media screen and (min-width: 768px) {
	.point_heading {
		margin-bottom: 60px;
		width: 470px;
	}
}

@media screen and (max-width: 767px) {
	.point_heading {
		margin-bottom: 8vw;
		width: 62vw;
	}
}

@media screen and (min-width: 768px) {
	.point_img {
		margin-bottom: 70px;
	}
}

@media screen and (max-width: 767px) {
	.point_img {
		margin-bottom: 9vw;
	}
}

@media screen and (min-width: 768px) {
	.point_inner {
		max-width: 870px;
		padding: 40px;
	}
}

@media screen and (max-width: 767px) {
	.point_inner {
		padding: 3vw 3vw;
	}
}

@media screen and (min-width: 768px) {
	.point_inner-1 {
		background: url("../img/point_back_01.png") no-repeat right bottom/550px, #fff;
		padding-bottom: 120px;
	}
}

@media screen and (max-width: 767px) {
	.point_inner-1 {
		background: url("../img/point_back_01.png") no-repeat right bottom 8vw/73vw, #fff;
	}
}

@media screen and (min-width: 768px) {
	.point_inner-2 {
		background: url("../img/point_back_02.png") no-repeat left bottom/650px, #fff;
		padding-bottom: 190px;
	}
}

@media screen and (max-width: 767px) {
	.point_inner-2 {
		background: url("../img/point_back_02.png") no-repeat left bottom/77vw, #fff;
	}
}

@media screen and (min-width: 768px) {
	.point_inner-3 {
		background: url("../img/point_back_03.png") no-repeat center bottom, #fff;
		padding-bottom: 80px;
	}
}

@media screen and (max-width: 767px) {
	.point_inner-3 {
		background: url("../img/point_back_03_sp.png") no-repeat right bottom/89vw, #fff;
	}
}

@media screen and (min-width: 768px) {
	.point_inner + .point_inner {
		margin-top: 60px;
	}
}

@media screen and (max-width: 767px) {
	.point_inner + .point_inner {
		margin-top: 5vw;
	}
}

@media screen and (min-width: 768px) {
	.point_inner_heading {
		margin-bottom: 50px;
	}
}

@media screen and (max-width: 767px) {
	.point_inner_heading {
		margin-bottom: 8vw;
	}
}

.point_inner_text {
	line-height: 1.7;
}

@media screen and (min-width: 768px) {
	.point_inner_text {
		font-size: 22px;
		margin-bottom: 50px;
	}
}

@media screen and (max-width: 767px) {
	.point_inner_text {
		font-size: 4vw;
		margin-bottom: 5vw;
	}
}

@media screen and (min-width: 768px) {
	.point_inner_wrapper {
		margin: 0 auto;
		width: 620px;
	}
}

@media screen and (min-width: 768px) {
	.point_content1 {
		margin: 0 auto 50px;
		width: 660px;
	}
}

@media screen and (max-width: 767px) {
	.point_content1 {
		margin: 0 0 7vw;
	}
}

.point_content1 > * {
	padding: 0;
}

@media screen and (min-width: 768px) {
	.point_content1_img {
		margin-right: 50px;
	}
}

@media screen and (max-width: 767px) {
	.point_content1_img {
		margin-right: 5vw;
	}
}

.point_content1_text {
	line-height: 1.7;
}

@media screen and (min-width: 768px) {
	.point_content1_text {
		font-size: 22px;
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 767px) {
	.point_content1_text {
		font-size: 4vw;
		margin-bottom: 3vw;
	}
}

.point_content1_text span {
	color: #bf874c;
}

@media screen and (min-width: 768px) {
	.point_content1_comment {
		font-size: 16px;
	}
}

@media screen and (max-width: 767px) {
	.point_content1_comment {
		font-size: 3vw;
	}
}

.point_content2 {
	position: relative;
}

@media screen and (min-width: 768px) {
	.point_content2 {
		margin: 0 auto 30px;
		width: 630px;
	}
}

@media screen and (max-width: 767px) {
	.point_content2 {
		margin-bottom: 6vw;
	}
}

@media screen and (min-width: 768px) {
	.point_content2_img {
		margin-bottom: 15px;
	}
}

@media screen and (min-width: 768px) {
	.point_content2_text {
		font-size: 18px;
	}
}

@media screen and (max-width: 767px) {
	.point_content2_text {
		font-size: 2.5vw;
	}
}

.point_content2_arrow {
	display: block;
	position: absolute;
	right: 50%;
	top: 50%;
	transform: translate(50%, -100%);
}

@media screen and (min-width: 768px) {
	.point_content2_arrow {
		width: 20px;
	}
}

@media screen and (max-width: 767px) {
	.point_content2_arrow {
		width: 3vw;
	}
}

@media screen and (min-width: 768px) {
	.point_content2_heading {
		margin: 0 auto 60px;
		width: 500px;
	}
}

@media screen and (max-width: 767px) {
	.point_content2_heading {
		margin: 0 auto 8vw;
		width: 66vw;
	}
}

@media screen and (min-width: 768px) {
	.point_content2_wrapper {
		margin: 0 auto;
		width: 630px;
	}
}

@media screen and (min-width: 768px) {
	.point_content2_wrapper:last-child {
		margin-top: 150px;
	}
}

@media screen and (max-width: 767px) {
	.point_content2_wrapper:last-child {
		margin: 23vw 0 24vw 3vw;
		width: 37vw;
	}
}

@media screen and (max-width: 767px) {
	.point_content2_item {
		padding: 0;
	}
}

@media screen and (max-width: 767px) {
	.point_content2_item:first-child {
		margin-left: 1%;
	}
}

@media screen and (min-width: 768px) {
	.point_content3 {
		margin: 150px 170px 0 auto;
		width: 250px;
	}
}

@media screen and (max-width: 767px) {
	.point_content3 {
		margin: 24vw 8vw 19vw auto;
		width: 33vw;
	}
}

@media screen and (min-width: 768px) {
	.point_content4 {
		margin: 160px 0 0 70px;
		width: 346px;
	}
}

@media screen and (max-width: 767px) {
	.point_content4 {
		margin: 17vw 0 11vw 7vw;
		width: 46vw;
	}
}

.howto {
	background: #f1f1f1;
}

@media screen and (min-width: 768px) {
	.howto {
		padding: 55px 0;
	}
}

@media screen and (max-width: 767px) {
	.howto {
		padding: 7vw 0 9vw;
	}
}

@media screen and (min-width: 768px) {
	.howto_inner {
		margin: 0 auto;
		padding: 80px 0;
		max-width: 870px;
	}
}

@media screen and (max-width: 767px) {
	.howto_inner {
		padding: 6vw 0 16vw;
	}
}

@media screen and (min-width: 768px) {
	.howto_heading, .howto_heading3, .howto_heading4 {
		margin: 0 auto 80px;
		width: 520px;
	}
}

@media screen and (max-width: 767px) {
	.howto_heading, .howto_heading3, .howto_heading4 {
		margin: 0 auto 9vw;
		width: 69vw;
	}
}

@media screen and (min-width: 768px) {
	.howto_heading2 {
		margin: 0 auto 40px;
		width: 494px;
	}
}

@media screen and (max-width: 767px) {
	.howto_heading2 {
		margin: 0 auto 5vw;
		width: 66vw;
	}
}

@media screen and (min-width: 768px) {
	.howto_heading3 {
		margin-bottom: 30px;
		width: 377px;
	}
}

@media screen and (max-width: 767px) {
	.howto_heading3 {
		margin-bottom: 4vw;
		width: 50vw;
	}
}

@media screen and (min-width: 768px) {
	.howto_heading4 {
		margin-bottom: 55px;
		width: 391px;
	}
}

@media screen and (max-width: 767px) {
	.howto_heading4 {
		margin-bottom: 7vw;
		width: 52vw;
	}
}

.howto_text {
	font-weight: 100;
}

@media screen and (min-width: 768px) {
	.howto_text {
		font-size: 30px;
	}
}

@media screen and (max-width: 767px) {
	.howto_text {
		font-size: 4vw;
	}
}

@media screen and (min-width: 768px) {
	.howto_img1 {
		margin: 40px auto 100px;
		width: 625px;
	}
}

@media screen and (max-width: 767px) {
	.howto_img1 {
		margin: 5vw auto 13vw;
		width: 83vw;
	}
}

@media screen and (min-width: 768px) {
	.howto_img2 {
		margin: 25px auto 35px;
		width: 481px;
	}
}

@media screen and (max-width: 767px) {
	.howto_img2 {
		margin: 3vw auto 5vw;
		width: 64vw;
	}
}

.howto_content {
	margin: 0 auto;
}

@media screen and (min-width: 768px) {
	.howto_content {
		width: 625px;
	}
}

@media screen and (max-width: 767px) {
	.howto_content {
		width: 83vw;
	}
}

@media screen and (min-width: 768px) {
	.cotton {
		padding: 40px 0 70px;
	}
}

@media screen and (max-width: 767px) {
	.cotton {
		padding: 5vw 15px;
	}
}

.cotton_inner {
	border: 1px solid #ccc;
}

@media screen and (min-width: 768px) {
	.cotton_inner {
		margin: 0 auto;
		padding: 80px 0 40px;
		max-width: 870px;
	}
}

@media screen and (max-width: 767px) {
	.cotton_inner {
		padding: 9vw 0 6vw;
	}
}

@media screen and (min-width: 768px) {
	.cotton_text {
		margin: 0 auto 40px;
		width: 344px;
	}
}

@media screen and (max-width: 767px) {
	.cotton_text {
		margin: 0 auto 4vw;
		width: 46vw;
	}
}

@media screen and (min-width: 768px) {
	.cotton_heading {
		margin: 0 auto 40px;
		width: 506px;
	}
}

@media screen and (max-width: 767px) {
	.cotton_heading {
		margin: 0 auto 5vw;
		width: 67vw;
	}
}

.cotton_img {
	margin: 0 auto;
}

@media screen and (min-width: 768px) {
	.cotton_img {
		width: 600px;
	}
}

@media screen and (max-width: 767px) {
	.cotton_img {
		width: 80vw;
	}
}

.try {
	background: url("../img/try_back.png") no-repeat top 60% center/cover;
}

@media screen and (min-width: 768px) {
	.try {
		height: 850px;
	}
}

@media screen and (max-width: 767px) {
	.try {
		height: 111vw;
	}
}

.try_heading {
	margin: 0 auto;
}

@media screen and (min-width: 768px) {
	.try_heading {
		padding-top: 117px;
		width: 604px;
	}
}

@media screen and (max-width: 767px) {
	.try_heading {
		padding-top: 16vw;
		width: 81vw;
	}
}

.brand {
	background: #f1f1f1;
}

@media screen and (min-width: 768px) {
	.brand {
		padding: 40px 0 70px;
	}
}

@media screen and (max-width: 767px) {
	.brand {
		padding: 5vw 0 8vw;
	}
}

.brand_heading {
	background: #db9432;
	text-align: center;
}

@media screen and (min-width: 768px) {
	.brand_heading {
		margin-bottom: 30px;
		padding: 20px 0;
	}
}

@media screen and (max-width: 767px) {
	.brand_heading {
		margin-bottom: 4vw;
		padding: 3vw 0;
	}
}

@media screen and (min-width: 768px) {
	.brand_heading img {
		width: 438px;
	}
}

@media screen and (max-width: 767px) {
	.brand_heading img {
		margin: 0 auto;
		width: 58vw;
	}
}

.brand_text {
	text-align: center;
}

@media screen and (min-width: 768px) {
	.brand_text {
		font-size: 32px;
		margin-bottom: 30px;
	}
}

@media screen and (max-width: 767px) {
	.brand_text {
		font-size: 4vw;
		margin-bottom: 4vw;
	}
}

.brand_inner {
	background: #eae4e4;
}

@media screen and (min-width: 768px) {
	.brand_inner {
		padding: 70px 68px 75px;
	}
}

@media screen and (max-width: 767px) {
	.brand_inner {
		padding: 9vw 3vw 13vw;
	}
}

.brand_inner_heading {
	text-align: center;
}

@media screen and (min-width: 768px) {
	.brand_inner_heading {
		font-size: 48px;
		margin-bottom: 30px;
	}
}

@media screen and (max-width: 767px) {
	.brand_inner_heading {
		font-size: 6vw;
		margin-bottom: 4vw;
	}
}

.brand_inner_text {
	text-align: center;
}

@media screen and (min-width: 768px) {
	.brand_inner_text {
		font-size: 32px;
		margin-bottom: 40px;
	}
}

@media screen and (max-width: 767px) {
	.brand_inner_text {
		font-size: 4vw;
		margin-bottom: 5vw;
	}
}

.brand_content_heading {
	font-weight: 700;
	line-height: 1.7;
}

@media screen and (min-width: 768px) {
	.brand_content_heading {
		font-size: 28px;
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 767px) {
	.brand_content_heading {
		font-size: 4vw;
		margin-bottom: 1vw;
	}
}

@media screen and (min-width: 768px) {
	.brand_content_text {
		font-size: 22px;
	}
}

@media (max-width: 992px) and (min-width: 768px) {
	.brand_content_text {
		margin-bottom: 30px;
	}
}

@media screen and (max-width: 767px) {
	.brand_content_text {
		font-size: 4vw;
		margin-bottom: 4vw;
	}
}

@media screen and (min-width: 768px) {
	.brand_content + .brand_content {
		margin-top: 40px;
	}
}

@media screen and (max-width: 767px) {
	.brand_content + .brand_content {
		margin-top: 9vw;
	}
}

#selectItemBox {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	margin: 50px auto 30px;
	table-layout: fixed;
	width: 1000px;
}

@media (max-width: 992px) and (min-width: 768px) {
	#selectItemBox {
		width: 100%;
	}
}

@media screen and (max-width: 767px) {
	#selectItemBox {
		width: 100%;
	}
}

#selectItemBox dt, #selectItemBox dd {
	font-size: 1.2rem;
	padding: 10px;
	text-align: center;
}

#selectItemBox dt {
	background: #F3F3F3;
	border-bottom: 1px solid #CCCCCC;
	font-weight: bold;
	text-align: center;
}

@media all and (-ms-high-contrast: none) {
	.main_content .btn-link {
		padding-top: 5px;
	}
}

@media screen and (max-width: 767px) and (-ms-high-contrast: none) {
	.main_content .btn-link {
		padding-top: 1vw;
	}
}

/*============================================================*/
/*    インスタグラム */
/*============================================================*/
#instagram h2 {
    font-family: futura-pt, sans-serif,-apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 26px;
    color: #333;
    margin-bottom: 30px;
    line-height: 1.0;
    text-align: left;
}
section#instagram {
    background: #fff;
    padding: 50px 0;
    margin: 0;
    line-height: 2.0;
}
.instagram-note{
    font-size: 1.5rem;
    text-align: right;
		padding-right: 16px;
}
#instagram .lemon-ugc-root :is(.sm\:lemon-hidden) {
  padding-bottom: 1em;
}
#instagram .lemon-ugc-root :is(.sm\:lemon-block) {
  padding-bottom: 1em;
}
@media (min-width: 640px) {
    .lemon-ugc-root :is(.sm\:lemon-py-\[32px\]){
        padding-bottom: 0px !important;
    }
}
@media screen and (max-width: 767px) {
	#instagram h2 {
        padding-left: 8px;
    }
    section#instagram {
        padding: 30px 0;
    }
}



/* ---------------------------------------
カート注釈
-----------------------------------------*/
.offer_note {
    margin-top: 7px;
    font-size: 13px;
    line-height: 1.8;
}


/* ---------------------------------------
トライアルキット
-----------------------------------------*/
.trial {
	padding-bottom: 80px;
}

.trial-box {
    border: #e4686e 1px solid;
    padding: 50px 50px 50px 40px;
}

.offer_heading_trial {
    margin: 20px auto 10px;
	font-family: "游明朝体", "Yu Mincho", YuMincho, serif;
    font-size: 25px;
    color: #e4686e;
    line-height: 1.6;
	text-align: center;
}

.offer_inner_trial {
	margin-top: 40px;
}

.offer_price_heading_trial {
    border: #333 1px solid;
    display: inline-block;
    padding: 5px;
}

@media screen and (max-width: 767px) {
	.trial-box {
		padding: 5vw 5vw 5vw 4vw;
	}

	.offer_heading_trial {
		font-size: 4.5vw;
	}

	.offer_inner_trial {
		margin-top: 10px;
	}
}