@charset "UTF-8";

@font-face  {
	font-family: GenShinGothicBold;
	src: url("../fonts/GenShinGothic-Bold.woff") format("woff");
}

@font-face  {
	font-family: GenShinGothicMedium;
	src: url("../fonts/GenShinGothic-Medium.woff") format("woff");
}

@font-face  {
	font-family: HannariMinchoRegular;
	src: url("../fonts/HannariMincho-Regular.woff") format("woff");
}

@font-face  {
	font-family: NotoSansJP;
	src: url("../fonts/NotoSansJP-Medium.woff") format("woff");
}

@font-face  {
	font-family: PhilosopherItalic;
	src: url("../fonts/Philosopher-Italic.woff") format("woff");
}

@font-face  {
	font-family: PhilosopherRegular;
	src: url("../fonts/Philosopher-Regular.woff") format("woff");
}


/*全体*/

html {
	width:100%;
}

body {
	width: 100%;
	color: #212529;
}

img {
	width: 100%;
	vertical-align: bottom;
}

a {
	color: #212529;
	text-decoration: none;
}

a:hover {
	opacity: 0.7;
}


h1, h2, h3, h4, h5, h6 {
	font-weight: 400;
}

.sp {
	display: none;
}

.container_box {
	width: 1025px;
	margin: 0 auto;
	text-align: center;
}


/*ヘッダー*/

#header {
	width: 100%;
	height: 66.6178623719vw;
	background-image: url("../images/header_bg.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	padding: 4.75841874085vw 1.46412884334vw 6.44216691069vw 51.6vw;
	box-sizing: border-box;
}

.header_box {
	width: 47.5841874085vw;
}

#header_subtitle {
	color: #587b94;
	font-family: HannariMinchoRegular;
	font-size: 5.12445095168vw;
	letter-spacing: 0.12em;
	margin-bottom: 2.41581259151vw;
	line-height: 5.85651537335vw;
}

#header_title {
	color: #494b4d;
	font-family: NotoSansJP;
	font-size: 2.04978038067vw;
	font-weight: normal;
	letter-spacing: 0.08em;
	margin-bottom: 2.51vw;
	line-height: 2vw;
}

.header_img {
	margin-left: 7.45vw;
	margin-bottom: 2.56222547584vw;
}

.header_img img {
	height: 26.8667642753vw;
	width: 28.5505124451vw;
}

.header_text01 {
	font-family: PhilosopherRegular,NotoSansJP;
	font-size: 2.48901903367vw;
	letter-spacing: 0.025em;
	display: inline-block;
	margin-bottom: 1.457vw;
	line-height: 1;
}

.header_text01  {
		background: linear-gradient(transparent 0% , #f5ef6b 80%);
		padding-bottom: 0.21vw;

}

.header_text02 {
	font-family: HannariMinchoRegular;
	font-size: 3.29428989751vw;
	letter-spacing: 0.06em;
	display: inline-block;
	padding-bottom: 1.2vw;
	line-height: 1;
	background: linear-gradient(transparent 0% , #f5ef6b 80%);

}

.header_text02 span {
	padding-bottom: 0.85vw;
}


/*コンテンツ*/


.c01_box {
	padding: 80px 52px;
	box-sizing: border-box;
}

.c01_title {
	display: flex;
	margin-bottom: 18px;
}

.c01_title img {
	width: 391px;
}


.c01_title_text {
	font-family: HannariMinchoRegular;
	font-size: 95px;
	line-height: 0.93;
	width: fit-content;
	white-space: nowrap;
	margin-left: 3px;
}

.c01_subtitle {
	font-family: NotoSansJP;
	font-size: 34px;
	margin-bottom: 29px;
	line-height: 1;
	letter-spacing: 0.01em;
}

.c01_insta_list {
	width: 900px;
	display: flex;
}

.c01_insta_list li {
	list-style: none;
	height: 547px;
	width: 170px;
	border: solid 1px;
	box-sizing: border-box;
	margin-left: 12px;
}

.c01_insta_items {
	margin: 20px 9px;
}

.c01_insta_pic {
	width: 168px;
}

.c01_insta_title {
	display: flex;
	margin-bottom: 3px;
}

.c01_insta_title p {
	margin-left: 9px;
	font-family: NotoSansJP;
	font-size: 16px;
}

.c01_insta_title img {
	width: 30px;
}

.c01_insta_text {
	margin-bottom: 13px;
	font-family: NotoSansJP;
	font-size: 16px;
	text-align: left;
	line-height: 1.38;
}

.c01_insta_date {
	font-family: NotoSansJP;
	font-size: 16px;
	text-align: right;
}


/*初回限定キャンペーン*/

.c02_box {
	padding: 80px 15px 73px;
}

.c02_repeat {
	background-color: #f3f6f8;
}


.c02_left {
	width: 360px;
}

.c02_right {
	width: 610px;
}

.c02_inbox {
	width: 1024px;
	display: flex;
}

.c02_title {
	height: 92px;
	width: 898px;
	background-image: url(../images/cv_ribbon_bg.png);
	margin: 0 auto 80px;
}


.c02_title_text {
	color: #fff;
	font-family: HannariMinchoRegular;
	font-size: 58px;
	line-height: 1;
}


/*初回限定キャンペーン　左*/

.c02_left img {
	margin-bottom: 45px;
}

.c02_left p {
	font-family: NotoSansJP;
	font-size: 28px;
	letter-spacing: 0.07em;
	line-height: 0.9;
	width: fit-content;
	margin-left: 12px;
}

.animate__animated {
	opacity: 0;
}

/*初回限定キャンペーン　右*/

.c02_right {
	margin-left: 20px;
}

.c02_r_text01 {
	font-family: HannariMincho;
	font-size: 50px;
	text-align: left;
	line-height: 0.8;
	margin-bottom: 22px;
}

.c02_r_text02 {
	font-family: NotoSansJP;
	font-size:28px;
	text-align: left;
	line-height: 1.3;
	padding-bottom:  29px;
	margin-bottom: 40px;
	border-bottom: solid 1px #a9a9a9;
	letter-spacing: 0.07em;
}

.c02_price_box {
	margin-bottom: 48px;
	display: flex;
	align-items: flex-end;

}

.c02_price_inbox {
	display: flex;
	align-items: flex-end;
}

.c02_price_text01 {
	font-family: Philosopher,NotoSansJP;
	font-size: 28px;
	text-decoration: line-through;
	letter-spacing: 0.07em;
	line-height: 1;
	margin-bottom: 10px;
}

.c02_price_text02 {
	font-family: NotoSansJP;
	font-size: 30px;
	letter-spacing: 0.067em;
	line-height: 1;
	width: fit-content;
}

.c02_price_text03-1 {
	color: #ff0000;
	font-family: Philosopher;
	font-size: 94px;
	margin-left: 6px;
	line-height: 0.72;
	letter-spacing: 0.01em;
}

.c02_price_text03-2 {
	color: #ff0000;
	font-family: NotoSansJP;
	font-size: 28px;
}

.c02_price_text03-3 {
	font-family: NotoSansJP;
	font-size: 28px;
	letter-spacing: 0.09em;
}

.c02_try {
	width: 610px;
	height: 96px;
	background: linear-gradient(180deg,#c8ddf1,#8ba3b9);
	border-radius: 10px;
	margin-bottom: 18px;

}

.c02_try p {
	color: #fff;
	font-family: HannariMinchoRegular;
	font-size: 52px;
	line-height: 1.7;
	letter-spacing: 0.08em;
}

.c02_try a {
	color: #fff;
	width: 610px;
	height: 96px;
	display: block;
}

.c02_r_text03 {
	color: #bc0000;
	font-family: NotoSansJP;
	font-size: 42px;
	text-align: left;
	letter-spacing: 0.07em;
	margin-bottom: 12px;
	line-height: 1;
}


.c02_r_text03 span {
		background: linear-gradient(transparent 85% , #f5e270 85%);
		padding-bottom: 3px;
}

.c02_r_text04 {
	font-family: NotoSansJP;
	font-size: 30px;
	text-align: left;
	letter-spacing: 0.07em;
}


/*満足してますか*/

.c03 {
	background-color: #f0f0f0;
	background-image: url("../images/empathy_bg.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.c03_box {
	padding: 70px 19px 80px;
}

.c03_title {
	color: #587b94;
	font-family: HannariMinchoRegular;
	font-size: 63px;
	line-height: 1;
	margin-bottom: 135.2px;
}

.c03_title span {
		background: linear-gradient(transparent 80% , #f5e270 80%);
		padding-bottom: 18px;
}

.c03_ul img {
	width: 28px;
	margin-right: 30px;
}

.c03_ul li {
	list-style: none;
	font-family: NotoSansJP;
	font-size: 28px;
	text-align: left;
	margin-bottom: 58.3px;
	line-height: 1;
	letter-spacing: 0.07em;
}


#c03_ul_last {
	margin-bottom: 0px;
}


/*原因*/

.c04 {
		background: linear-gradient(180deg,#f3f6f8,#8ba3b9);

}

.c04_box {
	position: relative;
	padding: 75px 0 137px;
}

.c04_title {
	color: #587b94;
	font-family: HannariMinchoRegular;
	font-size: 49.5px;
	margin: 0 0 87px 16px;
	line-height: 1;
	width: fit-content;
}

.c04_title span {
		background: linear-gradient(transparent 80% , #f5e270 80%);
		padding-bottom: 10px;
}

.c04_inbox {
	display: flex;
	justify-content: space-between;
}


.c04_inbox_text {
	width: 536px;
	margin-left: 20px;
}
.c04_inbox_text p {
	font-family: NotoSansJP;
	font-size: 28px;
	text-align: left;
	margin-bottom: 37.59px;
}

.c04_inbox_img {
	margin: 8px 12px 0 0;
}

.c04_inbox_img img {
	width: 432px;
}

.c04_triangle {
	width: 326px;
	height: 115px;
	background-image: url("../images/exhibit_arrow.png");
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	top: 99.9%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.c04_triangle p {
	color: #fff;
	font-family: HannariMinchoRegular;
	font-size: 57px;
	line-height: 1;
	letter-spacing: -0.01em;
}

/*年齢に合わせた基礎化粧品が必要*/

.c05 {
	background: linear-gradient(180deg,#ffffff,#f2f1ee);

}

.c05_box {
	padding: 130px 16px 100px;
}

.c05_title {
	color: #587b94;
	font-family: HannariMinchoRegular;
	font-size: 51px;
	line-height: 1;
	letter-spacing: -0.03em;
	margin-bottom: 97px;
	text-align: left;
}

.c05_title span {
		background: linear-gradient(transparent 80% , #f5e270 80%);
		padding-bottom: 13px;
}

.c05_inbox {
	display: flex;
}


.c05_inbox_text {
	width: 536px;
	padding-top: 13px;
}
.c05_inbox_text p {
	font-family: NotoSansJP;
	font-size: 28px;
	text-align: left;
	margin-bottom: 36px;
	
}

.c05_inbox_img img {
	width: 432px;
	margin-right: 25px;

}

/*初回限定キャンペーン２回目*/

.c02_02_box {
	padding: 60px 15px 73px;
}

/*こだわりポイント*/

.c06 {
	background: linear-gradient(180deg,#ffffff,#fefefe);
}

.c06_box {
	padding: 68px 10px 16px;
}

.c06_title {
	color: #587b94;
	font-family: HannariMinchoRegular;
	font-size: 63px;
	line-height: 1.22;
	margin-bottom: 82px;
}

.c06_inbox {
	display: flex;
	justify-content: center;
	margin-bottom: 66.6px;
}

.c06_inbox_last {
	padding-top: 3px;
}


.c06_inbox_text {
	width: 550px;
	text-align: left;
}

.c06_inbox_text_title {
	font-family: HannariMinchoRegular;
	font-size: 48px;
	letter-spacing: 0.062em;
	line-height: 0.74;
	padding-bottom: 44px;
	border-bottom: solid 1px #212529;
	margin-bottom: 12px;
}

.c06_inbox_text_title span {
		background: linear-gradient(transparent 80% , #f5e270 80%);
		padding-bottom: 12px;
}

.c06_inbox_text_title02 {
	letter-spacing: 0.025em;
	padding-bottom: 42px;
	margin-bottom: 11px;
}

.c06_inbox_text_title03 {
	letter-spacing: 0.035em;
	padding-bottom: 43px;
	margin-bottom: 11px;
}

.c06_inbox_text_title04 {
	letter-spacing: 0.03em;
	padding-bottom: 43px;
	margin-bottom: 10px;
}


.c06_inbox_text_p {
	font-family: NotoSansJP;
	font-size: 28px;
	line-height: 1.48;
	letter-spacing: 0.005em;
}

.c06_inbox_text_p03 {
	padding-left: 4px;
}

.c06_inbox_text_p04 {
	letter-spacing: 0;
}

.c06_inbox_img {
	width: 434px;
}

.c06_inbox_img_p {
	font-family: NotoSansJP;
	font-size: 24px;
}

.c06_inbox_text_l {
	margin-right: 20px;
}

.c06_inbox_text_r {
	margin-left: 20px;
}


/*使い方*/
.c07 {
	background: linear-gradient(180deg,#ffffff,#f3f6f8);
}


.c07_box {
	padding: 73px 0 50px;
}


.c07_title {
	color: #587b94;
	font-family: HannariMinchoRegular;
	font-size: 63px;
	line-height: 1;
	margin-bottom: 98px;
}

.c07_inbox {
	display: flex;
	padding-bottom: 38px;
	border-bottom: solid 1px;
	margin: 0 0 40px 17px;
}

.c07_inbox02-03 {
	padding-bottom: 41px;
	margin-bottom: 39px;
}

.c07_inbox04 {
	padding-bottom: 41px;
	margin-bottom: 40px;
}

.c07_inbox05 {
	padding-bottom: 41px;
}

.c07_inbox_img img {
	width: 509px;
}

.c07_inbox_text {
	text-align: left;
	margin-left: 15px;
}

.c07_inbox_text_title {
	font-family: Philosopher;
	font-style: italic;
	font-size: 50px;
	letter-spacing: 0.01em;
	line-height: 0.7;
	text-decoration: underline;
	margin-bottom: 35px;
}

.c07_inbox_text_p {
	font-family: NotoSansJP;
	font-size: 28px;
	line-height: 1.5;
}


/*お客様からよくあるご質問*/

.c08 {
	background-color: #f1f0ed;
}

.c08_box {
	padding: 64px 10px 55px;
}

.c08_title {
	color: #587b94;
	font-family: HannariMinchoRegular;
	font-size: 63px;
	line-height: 1;
	margin-bottom: 80px;
}

.c08_inbox {
	text-align: left;
	margin-left: 8px;
}

.c08_question_mark {
	color: #587b94;
	font-family: Philosopher;
	font-size: 54px;
	margin-right: 40px;
}

.c08_question {
	font-family: NotoSansJP;
	font-size: 27px;
	line-height: 1;
	margin-bottom: 18px;
}

.c08_answer_mark {
	color: #9d3e3e;
	font-family: Philosopher;
	font-size: 54px;
	margin-right: 40px;
}

.c08_answer {
	font-family: NotoSansJP;
	font-size: 27px;
	padding-bottom: 27px;
	border-bottom: solid 1px;
	text-indent: -3.2em;
	padding-left: 3.2em;
	margin-bottom: 23px;
}

.c08_answer02 {
	padding-bottom: 24px;
}

.c08_answer03 {
	line-height: 1.2;
	padding-bottom: 34px;
}

.c08_answer04 {
	line-height: 1.15;
	padding-bottom: 31px;
}

.c08_answer05 {
	line-height: 1.2;
	padding-bottom: 33px;
}


/*お客様情報のご入力*/

.c09_box {
	padding: 82px 20px 80px;
}

.c09_title {
	font-family: GenShinGothicBold;
	font-size: 40px;
	line-height: 1.74;
	letter-spacing: 0.24em;
	background-color: #f1efed;
	border-radius: 10px;
	margin-bottom: 58px;
}


.c09_form_box {
	border: solid 1px #808080;
	border-radius: 10px;
	padding: 60px 45px 29px;
	margin-bottom: 60px;
}

.c09_form_items {
	display: flex;
	align-items: center;
	margin-bottom: 30px;
}

.c09_form_items02 {
	margin-bottom: 60px;
}

.c09_form_items06 {
	margin-bottom: 60px;
}

.c09_form_items08 {
	margin-bottom: 59px;
}

.c09_form_title {
	display: flex;
}


.c09_form_label {
	width: 166px;
	font-family: GenShinGothicMedium;
	font-size: 24px;
	text-align: left;
	line-height: 2;
}


.c09_form_label08 {
	letter-spacing: -0.02em;
}

.c09_form_mark {
	width: 62px;
	height: 46px;
	color: #fff;
	font-family: GenShinGothicMedium;
	font-size: 24px;
	background-color: #ff0000;
	border-radius: 4px;
	line-height: 1.9;
	margin-left: 20px;
}

.c09_form_parts {
	width: 341px;
	height: 61px;
	font-family: GenShinGothicMedium;
	font-size: 28px;
	border: solid 1px #d3d3d3;
	border-radius: 4px;
	margin-left: 30px;
	padding: 0 10px;
	box-sizing: border-box;
}

.c09_form_parts04 {
	padding: 0 6px;
}


.c09_form_select {
	position: relative;
}

select {
  -moz-appearance: menulist;
  -webkit-appearance: menulist;
  appearance: menulist;
}

.c09_form_parts02 {
	width: 618px;
}

.c09_form_mark02 {
	background-color: #808080;
}

.c09_radio_box {
	text-align: left;
}

input[type="radio"] {
	width: 27px;
	height: 27px;
	position: relative;
	top: 4px;
	margin-right: 25px;
}

.c09_radio_list {
	font-family: GenShinGothicMedium;
	font-size: 28px;
	line-height: 0.7;
	margin: 0 0 60px 45px;
}


.c09_radio_list02 {
	letter-spacing: -0.04em;
}

.c09_radio_list_last {
	margin-bottom:63px;
	letter-spacing: -0.02em
}


.c09_submit {
	width: 525px;
	height: 114px;
	color: #fff;
	font-family: GenShinGothicMedium;
	font-size: 56px;
	letter-spacing: 0.11em;
	line-height: 2;
	background: linear-gradient(180deg,#c8ddf1,#8ba3b9);
	border-radius: 10px;
	margin: 0 auto;
}

#submit_button {
	width: 100%;
	letter-spacing: 0.03em;
	padding-top: 2px;
}

#form_error {
	color: red;
	font-size: 25px;
	font-family: GenShinGothicMedium;
}


#footer {
	font-family: NotoSansJP;
	font-size: 20px;
	background-color: #f3f6f8;
	padding: 20px 0 ;
}

#footer p {
	width: fit-content;
	margin-left: 55px;
}



/* メディアクエリ（モバイルの場合の指定） */
@media screen and (max-width: 1024px) {
	
	.container_box {
		width: 100%;
	}
	
	#header {
		height: 149.333333333vw;
		background-image: url("../images/header_bg_sp.jpg");
		padding: 4.6vw 5.33333333333vw 0 5.33333333333vw;
		box-sizing: border-box;
	}
	
	.header_box {
		width: 100%;
	}
	
	#header_subtitle {
		font-size: 8.53333333333vw;
		line-height: 1.25;
		letter-spacing: 0;
	}
	
	#header_title {
		color: #fff;
		font-size: 4.26666666667vw;
		letter-spacing: 0.08em;
		line-height: 0.8;
	}
	
	.sp {
		display: block;
	}
	
	.header_items {
		margin-top: 72.3vw;
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
		align-items: flex-end;
	}
	
	.header_text_box {
		display: block;
	}
	
	.header_text01 {
		display: block;
		color: #fff;
		font-size: 4.26666666667vw;
		background: none;
	}
	
	.header_text01 span {
		background: linear-gradient(transparent 80% , #f5e270 80%);
		padding: 0;
	}
	

	.header_text02 {
		color: #fff;
		font-size: 6.4vw;
		letter-spacing: -0.01em;
		line-height: 1.28;
		background: none;
	}
	
	.header_text02 span {
		background: linear-gradient(transparent 85% , #f5e270 85%);
		padding-bottom: 0.4vw;
	}
	
	
	.header_img {
		margin: 0 0 0.125vw 0;
	}
	
	.header_img img {
		width: 39.7333333333vw;
		height: auto;
	}
	
	/*インスタグラムでも大人気*/
	
	.c01_box {
		padding: 8vw 5.33333333333vw;
		box-sizing: border-box;
	}
	
	.c01_title {
		width: 100%;
		margin-bottom: 4.8vw;
		justify-content: center;
	}
	
	.c01_title img {
		width: 31.7333333333vw;
		height: 8.8vw;
		margin-left: 3.19vw;
	}
	
	.c01_title_text {
		font-size: 8vw;
		margin: 0.3vw 0 0 1.2vw;
	}
	
	.c01_subtitle {
		font-size: 3.73333333333vw;
		margin-bottom: 5.33333333333vw;
		line-height: 1;
		letter-spacing: 0.01em;
	}
	
	.c01_insta_list {
		width: 90vw;
		overflow-x: auto;
	}
	
	.c01_insta_list li {
		width: 29vw;
		height: 95.7333333333vw;
		flex-shrink: 0;
		margin: 0 1vw 0 0;
	}
	
	.c01_insta_list img {
		width: 100%;
	}
	
	.c01_insta_title {
		margin-bottom: 2vw;
	}
	
	.c01_insta_title img {
		width: 5.33333333333vw;
	}
	
	.c01_insta_title p {
		font-size: 3.2vw;
		margin-left: 1.7vw;
	}
	
	.c01_insta_items {
		margin: 2.66666666667vw 1.4vw;
	}
	
	.c01_insta_text {
		font-size: 3.2vw;
		line-height: 1.25;
		margin-bottom: 4vw;
	}
	
	.c01_insta_date {
		font-size: 3.2vw;
	}
	
	
	/*初回キャンペーン実施中*/
	
	.c02_box {
		padding: 8vw 5.2vw 7.6vw;
	}
	
	.c02_title {
		width: 89.3333333333vw;
		height: 13.8666666667vw;
		background-image: url("../images/cv_ribbon_bg_sp.png");
		background-size: cover;
		position: relative;
		margin: 0 0 4.26666666667vw 0;
	}
	
	.c02_title_text {
		width: 100%;
		height: 100%;
		font-size: 5.6vw;
		line-height: 1.8;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
	
	.c02_inbox {
		width: 100%;
	}
	
	.c02_left {
		width: 37.0666666667vw;
		margin-top: 10.7vw;
	}
	
	.c02_left img {
		width: 35.5vw;
		margin-bottom: 2.5vw;
	}
	
	.c02_left p {
		font-size: 3.2vw;
		letter-spacing: 0.06em;
		margin: 0;
		line-height: 1;
	}
	
	.c02_right {
		width: 50.9333333333vw;
		margin-left: 1.3vw;
	}
	
	.c02_r_text01 {
		font-size: 4.43vw;
		margin-bottom: 1.1vw;
	}
	
	.c02_r_text02 {
		font-size: 3.2vw;
		padding-bottom: 1.5vw;
		margin-bottom: 1.5vw;
	}
	
	.c02_price_box {
		display: block;
		text-align: left;
		margin-bottom: 4.3vw;
	}
	

	.c02_price_text01 {
		font-size: 3.73333333333vw;
		margin-bottom: 1vw
	}
	
	.c02_price_text02 {
		font-size: 4.26666666667vw;
		margin-bottom: 2.7vw;
	}
	
	.c02_price_text03-1 {
		font-size: 14.6666666667vw;
		margin-left: 2.6vw;
		letter-spacing: 0.025em;
	}
	
	.c02_price_text03-2 {
		font-size: 6.66666666667vw;
		line-height: 1;
	}
	
	.c02_price_text03-3 {
		font-size: 0.1vw;
		letter-spacing: 0.05em;
	}
	
	.c02_try {
		width: 50.9333333333vw;
		height: 8vw;
		border-radius: 2.66666666667vw;
		margin-bottom: 2.5vw;
	}
	
	.c02_try p {
		width: 100%;
		height: 100%;
		font-size: 4.8vw;
		letter-spacing: 0.2em;
		line-height: 1.5;
	}
	
	.c02_try a {
		width: 100%;
		height: 100%;
	}
	
	.c02_r_text03 {
		font-size: 4.26666666667vw;
		margin-bottom: 1.5vw;
	}
	
	.c02_r_text03 span {
		padding-bottom: 0vw;
	}
	
	.c02_r_text04 {
		font-size: 3.2vw;
		letter-spacing: 0.06em;
	}
	
	
	/*満足*/
	.c03_box {
		padding: 7vw 5.33333333333vw 8.25vw;
	}
	
	.c03_title {
		font-size: 4.8vw;
		margin-bottom: 9.4vw;
	}
	
	.c03_title span {
		background: linear-gradient(transparent 85% , #f5e270 85%);
		padding-bottom: 1.5vw;
	}
	
	.c03_ul {
		margin-left: 0.2vw;
	}
	
	.c03_ul li {
		font-size: 3.73333333333vw;
		margin-bottom: 5.24vw;
	}
	
	.c03_ul img {
		width: 3.73333333333vw;
		margin-right: 2.13333333333vw;
	}
	
	#c03_ul_sp {
		margin-bottom: 8.1vw;
	}
	
	/*原因*/
	.c04_box {
		padding: 7.1vw 5.33333333333vw 11vw;
	}
	
	.c04_title {
		font-size: 4.8vw;
		letter-spacing: 0.03em;
		margin: 0 0 6.4vw 0;
	}
	
	.c04_title span {
		background: linear-gradient(transparent 85% , #f5e270 85%);
		padding-bottom: 0.75vw;
	}
	
	.c04_inbox {
		flex-direction: column-reverse;
	}
	
	.c04_inbox_img {
		margin: 0 0 4.5vw 0;
	}
	
	.c04_inbox_img img {
		width: 89.3333333333vw;
	}
	
	.c04_inbox_text {
		width: 100%;
		margin: 0;
	}
	
	.c04_inbox_text p {
		font-size: 3.73333333333vw;
		letter-spacing: -0.01em;
		margin-bottom: 4.7vw;
		line-height: 1.2;
	}
	
	.c04_triangle {
		width: 37.3333333333vw;
		height: 13.2vw;
		top: 99%;
	}
	
	
	.c04_triangle p {
		font-size: 4.8vw;
		line-height: 1.8;
	}
	
	
	
	/*年齢に合わせた基礎化粧品が必要*/
	
	.c05_box {
		padding: 7.4vw 5.33333333333vw 5.1vw;
	}
	
	.c05_title {
		font-size: 4.8vw;
		margin-bottom: 6.66666666667vw;
		text-align: center;
		line-height: 1;
		letter-spacing: 0.03em;
	}
	

	.c05_title span {
		background: linear-gradient(transparent 85% , #f5e270 85%);
		padding-bottom: 0.9vw;
	}
	
	.c05_inbox {
		display: block;
	}
	
	.c05_inbox_img {
		margin-bottom: 4.5vw;
	}
	
	.c05_inbox_img img {
		width: 100%;
		margin: 0;
	}
	
	.c05_inbox_text {
		width: 100%;
		padding:0;
	}
	
	.c05_inbox_text p {
		font-size: 3.73333333333vw;
		line-height: 1.2;
		letter-spacing: -0.009em;
		margin-bottom: 5vw;
	}
	
	
	/*こだわりポイント*/
	
	.c06_box {
		padding: 7vw 5.33333333333vw 7.2vw;
	}
	
	.c06_inbox_block {
		display: block;
	}
	
	.c06_inbox_reverse {
		flex-direction: column-reverse;
	}

	
	.c06_title {
		font-size: 4.8vw;
		margin-bottom: 10vw;
		line-height: 1.27;
	}
	
	.c06_inbox {
		margin-bottom: 10vw;
	}
	
	.c06_inbox_text {
		width: 100%;
	}
	
	.c06_inbox_text_l,.c06_inbox_text_r {
		margin: 0 0 2.7vw 0;
	}
	
	.c06_inbox_text_title {
		font-size: 4.8vw;
		padding-bottom: 7.5vw;
		letter-spacing: 0.04em;
		margin-bottom: 2vw;
	}
	
	.c06_inbox_text_title span {
		padding-bottom: 1.3vw;
	}
	
	.c06_inbox_text_title02 {
		padding-bottom: 7vw;
	}
	
	.c06_inbox_text_title02 span {
		padding-bottom: 1vw;
	}
	
	.c06_inbox_text02 {
		margin-bottom: 2.8vw;
	}
	
	.c06_inbox_text03-04 {
		margin-bottom: 3vw;
	}
	
	
	.c06_inbox_text_p {
		font-size: 3.73333333333vw;
		line-height: 1.27;
	}
	
	.c06_inbox_text_p03 {
		padding: 0;
	}
	
	
	.c06_inbox_img {
		width: 100%;
	}
	
	.c06_inbox_img_p {
		font-size: 3.73333333333vw;
		margin-top: 1.6vw;
		letter-spacing: 0.02em;
	}
	
	.c06_inbox_img_p_sp {
		letter-spacing: 0;
	}
	
	.sp_none {
		display: none;
	}
	
	#c06_inbox_last {
		margin-bottom: 0;
	}
	
	
	/*03初回限定キャンペーン*/
	
	.c02_box03 {
		padding-bottom: 7.4vw;
	}
	
	/*使い方*/
	
	.c07_box {
		padding: 7.5vw 5.33333333333vw 8vw;
	}
	
	.c07_inbox {
		display: block;
		position: relative;
		width: 100%;
		padding-bottom: 4.6vw;
		margin: 0 0 9.8vw 0;
	}
	
	.c07_inbox02 {
		padding-bottom: 5.6vw;
	}
	
	.c07_inbox03 {
		padding-bottom: 4.1vw;
	}
	
	.c07_inbox04 {
		padding-bottom: 4.4vw;
	}
	
	.c07_inbox05 {
		padding-bottom: 4.8vw;
	}
	
	
	.c07_title {
		font-size: 4.8vw;
		margin-bottom: 9.8vw;
	}
	
	.c07_inbox_text {
		margin: 1.4vw 0 0 0 ;
		line-height: 2;
	}
	
	.c07_inbox_text02 {
		margin: 1.6vw 0 0 0;
	}
	
	.c07_inbox_text_title {
		font-size: 4.26666666667vw;
		position: absolute;
		top: 2%;
		left: 0;
		margin: 0;
	}
	
	.c07_inbox_text_p {
		font-size: 3.73333333333vw;
		line-height: 1.4;
	}
	
	.c07_inbox_text_p04 {
		letter-spacing: -0.003em;
	}
	
	.c07_inbox_img {
		padding-top: 10vw;
	}
	
	.c07_inbox_img img {
		width: 100%;
	}
	
	.c07_inbox_img02 {
		padding-top: 9.7vw;
	}
	
	.c07_inbox_img03 {
		padding-top: 9.8vw;
	}
	
	.c07_inbox_img04{
		padding-top: 9.5vw;
	}
	
	
.c07_inbox_img05 {
	padding-top: 9.7vw;
}
	
	#c07_inbox_last {
		margin-bottom: 0;
	}
	
	
	/*お客様からよくあるご質問*/
	
	.c08_box {
		padding: 7.5vw 5.33333333333vw 3.5vw;
	}
	
	.c08_inbox {
		margin: 0;
	}
	
	.c08_title {
		font-size: 4.8vw;
		margin-bottom: 10vw;
	}
	
	.c08_question_mark {
		font-size: 4.8vw;
		margin-right: 2.66666666667vw;
	}
	
	.c08_question {
		font-size: 3.73333333333vw;
		margin-bottom: 1.6vw;
		padding-left: 1.9em;
		text-indent: -1.9em;
	}
	
	.c08_question04 {
		line-height: 1.12;
	}
	
	.c08_answer_mark {
		font-size: 4.8vw;
		margin-right: 2.66666666667vw;
	}
	
	.c08_answer {
		font-size: 3.73333333333vw;
		text-indent: -1.9em;
		padding-left: 1.9em;
		padding-bottom: 5vw;
		margin-bottom: 4.5vw;
	}
	
	.c08_answer03 {
		line-height: normal;
		padding-bottom: 5.3vw;
		margin-bottom: 4.3vw
	}
	
	.c08_answer04 {
		line-height: normal;
		padding-bottom: 5.2vw;
		margin-bottom: 4.3vw;
	}
	
	.c08_answer05 {
		line-height: normal;
		padding-bottom: 4.7vw;
	}
	
	.c08_answer06 {
		padding-bottom: 5.2vw;
	}
	
	
/*お客様情報のご入力*/
	
	.c09_box {
		padding: 8vw 5.33333333333vw 10.5vw;
	}
	
	.c09_title {
		width: 89.3333333333vw;
		font-size: 4.8vw;
		margin-bottom: 10.6666666667vw;
		border-radius: 2.66666666667vw;
		line-height: 1.66;
	}
	
	.c09_title02 {
		margin-bottom: 9.5vw;
	}


	.c09_form_box {
		padding: 7vw 2.66666666667vw 6vw;
		border-radius: 2.66666666667vw;
		margin-bottom: 10.6666666667vw;
	}
	
	.c09_form_items {
		display: block;
		margin-bottom: 2vw;
	}
	
	.c09_form_items_sp {
		margin-bottom: 7.4vw;
	}
	
	.c09_form_label {
		font-size: 3.2vw;
		width: auto;
	}
	
	.c09_form_mark {
		width: 8vw;
		height: 4.8vw;
		font-size: 3.2vw;
		line-height: 1.5;
		margin: 0.8vw 0 0 2vw;
		border-radius: 1.06666666667vw;
	}
	
	.c09_form_mark08 {
		margin: 1vw 0 0 2.5vw;
	}
	
	.c09_form_imput {
		margin-top: 0.1vw;
	}
	
	.c09_form_parts {
		width: 83.7333333333vw;
		height: 6.4vw;
		font-size: 3.2vw;
		border-radius: 1.06666666667vw;
		padding: 0 2.1vw;
		margin: 0;
		box-sizing: border-box;
	}
	
	.c09_form_parts04 {
		padding: 1vw;
	}
	
	.c09_radio_box {
		margin-bottom: 6.3vw;
	}
	
	.c09_radio_list {
		font-size: 3.2vw;
		margin: 0 0 5.33333333333vw 2.66666666667vw;
	}
	
	input[type="radio"]{
		width: 4vw;
		height: 4vw;
		top: 1.06666666667vw;
		margin-right: 2.66666666667vw;
	}
	
	.c09_submit {
		width: 40vw;
		height: 8vw;
		font-size: 4.26666666667vw;
		border-radius: 2.66666666667vw;
		line-height: 1.8;
	}
	
	
	#submit_button {
		letter-spacing: 0.14em;
	}
	
	
	
	/*フッター*/
	#footer {
		font-size: 2.66666666667vw;
		padding: 4.5vw 12.67vw;
		line-height: 1.8;
	}
	
	#footer p {
		margin: 0;
	}
	
	
	}