@charset "utf-8";
/* CSS Document */
html, body {
	overflow-x: hidden;
}
#amazoncp { color: #231815; }
#amazoncp .inner {
	max-width: 980px;
	padding: 0 40px;
	margin: 0 auto;
}
#amazoncp .sec_box { margin-top: 90px; padding: 4em 6em 3em; background-color: #fcfbe2; border: 1px solid #000; border-radius: 10px; position: relative; }
#amazoncp .sec_ttl { max-width: 237px; margin: 0 auto; position: absolute; top: 0; left: 0; right: 0; transform: translateY(-50%); z-index: 5; }
#amazoncp .sec_ttl_shadow { width: 235px; height: 60px; margin: 0 auto; background: url(../img/ttl_shadow.png) no-repeat center / contain; mix-blend-mode: multiply; position: absolute; top: 0; left: 0; right: 0; transform: translate(2%, -42%); z-index: 1; }
#amazoncp .sec_btn { margin: 0 auto; }
#amazoncp .sec_btn.col_red { width: 600px; height: 120px; }
#amazoncp .sec_btn.col_green { width: 440px; height: 100px; }
#amazoncp .sec_btn a { width: 100%; height: 100%; font-size: 2.8rem; font-weight: bold; text-align: center; color: #fff; border-radius: 80px; display: flex; flex-direction: column; justify-content: center; position: relative; }
#amazoncp .sec_btn.col_red a { background-color: #d8100d; box-shadow: 0 8px 0 0 rgba(188, 9, 5, 1); }
#amazoncp .sec_btn.col_green a { background-color: #2f9b04; box-shadow: 0 8px 0 0 rgba(37, 122, 3, 1); }
#amazoncp .sec_btn a::after { content: ''; width: 30px; height: 31px; background: url(../img/icon_red.png) no-repeat center / contain; position: absolute; top: 50%; right: 1em; transform: translateY(-50%); }
#amazoncp .sec_btn.col_red a::after { background-image: url(../img/icon_red.png); }
#amazoncp .sec_btn.col_green a::after { background-image: url(../img/icon_green.png); }
#amazoncp .sec_btn a:hover { transform: translateY(8px); box-shadow: none; }
#amazoncp .sec_btn a span { font-size: 60%; padding-bottom: .3em; }
#amazoncp .sec_btn a.non { transform: translateY(8px); box-shadow: none; }
#amazoncp .sec_btn a.non::after { content: none; }
#amazoncp img { display: block; width: 100%; height: auto; }
#amazoncp .ff_helvetica { font-family: HelveticaNeue; }
#amazoncp h1,
#amazoncp h2,
#amazoncp h3,
#amazoncp h4,
#amazoncp h5,
#amazoncp h6 { font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "メイリオ", sans-serif; }

/* mainimg */
#mainimg { position: relative; padding-bottom: 13vw; }
#mainimg .logo { width: 41%; position: absolute; top: 3%; left: 50%; transform: translateX(-50%); z-index: 10; }
#mainimg .ttl { width: 50%; position: absolute; top: 36%; left: 50%; transform: translateX(-50%); z-index: 5; }
#mainimg .img { position: absolute; z-index: 1; }
#mainimg .img01_01 { width: 22.5%; top: 47%; left: 14.5%; z-index: 4; }
#mainimg .img01_02 { width: 18%; top: 21%; left: 16.5%; }
#mainimg .img01_03 { width: 14%; top: 0; left: 0; }
#mainimg .img02_01 { width: 16%; top: 46%; right: 44%; z-index: 4; }
#mainimg .img02_02 { width: 22%; top: 24%; right: 39%; }
#mainimg .img03_01 { width: 16%; top: 46%; right: 17%; z-index: 4; }
#mainimg .img03_02 { width: 19%; top: 18%; right: 15%; }
#mainimg .img03_03 { width: 13%; top: 0; right: 0; }
#mainimg .obi { padding: 3% 0 1.5%; background: url(../img/obi_bg.png) no-repeat center / cover; position: absolute; width: 100%; bottom: 0; left: 0; z-index: 3; }
#mainimg .obi .ttl { width: 50%; max-width: 777px; margin: 0 auto; }
#mainimg .obi .txt { margin: 0 auto; z-index: 4; }
#mainimg .obi .txt01 { width: 52%; max-width: 837px; }
#mainimg .obi .txt02 { width: 34%; max-width: 527px; margin-top: 1.5%; }
#mainimg .obi .img { width: 70%; max-width: 1029px; position: absolute; top: 18%; left: 14%; }

/* about */
#about {
	margin-top: -5px;
	padding: 100px 0 120px;
	background-image: url(../img/about_bg.png), url(../img/pattern_green.jpg);
	background-position: top center, center;
	background-repeat: no-repeat, repeat;
	background-size: 1716px auto, 200px auto;
	background-attachment: fixed, scroll;
}
#about .ttl { max-width: 867px; margin: 0 auto; padding-top: 43px; position: relative; }
#about .ttl::before { content: ''; width: 53px; height: 43px; background: url(../img/about_ttl_deco.png) no-repeat center / contain; position: absolute; top: 0; left: 34%; }
#about .pkg_area { margin-top: 40px; padding-top: 10px; position: relative; }
#about .pkg_list { display: flex; justify-content: space-between; }
#about .pkg_list li { width: 22%; }
#about .pkg_list li.new { width: 24%; position: relative; }
#about .pkg_list li.new img { width: 88%; margin: 0 auto; }
#about .pkg_list li.new::before { content: ''; width: 35%; aspect-ratio: 1 / 1; background: url(../img/icon_new.png) no-repeat center / contain; position: absolute; top: -29%; left: 0; right: 0; margin: 0 auto; }
#about .pkg_list li.comingsoon { width: 22%; }
#about .pkg_list .att { margin-top: 1em; font-size: 1.4rem; font-weight: bold; color: #2f0c00; }
#about .pkg_list .att span { font-size: 80%; display: inline-block; }
#about .pkg_area .cap { max-width: 260px; position: absolute; top: 0; right: 0; transform: translateX(5%); }
#about .item_list li { font-size: 3rem; font-weight: bold; padding: .3em 0 .3em 1.5em; background: url(../img/about_icon.png) no-repeat left center / 26px; display: flex; align-items: center; position: relative; }
#about .item_list li::before { content: ''; width: 100%; height: 1px; background-image : linear-gradient(to right, #99d452 8px, transparent 8px); background-size: 10px 1px; background-repeat: repeat-x; position: absolute; bottom: 0; left: 0; }
#about .item_list li.comingsoon { color: #939392; }
#about .item_list li span { font-size: 50%; font-weight: normal; color: #000; margin-left: 2em; display: inline-block; }
#about .item_list li.att { flex-direction: column; align-items: baseline; background-position: left top .7em; }
#about .item_list li.att span { margin-left: 0; display: block; }
#about .item_list li.att span span { font-size: 80%; display: inline-block; }
#about .term_list li:not(:last-child) { margin-bottom: 1em; }
#about .term_list li:nth-child(1) img { max-width: 681px; }
#about .term_list li:nth-child(2) img { max-width: 706px; }
#about .notes_list { margin: 3em auto 0; font-size: 1.4rem; width: fit-content; }
#about .sec_box.item { padding: 4em 3em 3em; }
#about .txt_end { color: #fd0708; font-size: 3.6rem; font-weight: bold; text-align: center; }

/* step */
#step {
	margin-top: -5px;
	padding: 100px 0 120px;
	background-image: url(../img/step_bg.png), url(../img/pattern_yellow.jpg);
	background-position: bottom 15% center, center;
	background-repeat: no-repeat, repeat;
	background-size: 1447px auto, 200px auto;
	position: relative;
}
#step::before,
#step::after { content: ''; width: 100%; height: 20px; background: url(../img/step_bg_obi.png) no-repeat center top / 100%; position: absolute; left: 0; }
#step::before { background-position: center top; top: -10px; }
#step::after { background-position: center bottom; bottom: -10px; z-index: 5; }
#step .cp_box { padding-top: 4em; position: relative; }
#step .cp_box .img { max-width: 785px; margin: 0 auto; }
#step .cp_box .txt { margin-top: 2em; font-size: 2rem; font-weight: bold; text-align: center; line-height: 1.8; }
#step .cp_box .txt span { border-bottom: 1px solid #000; }
#step .cp_box .sec_btn { margin-top: 1.5em; }
#step .sec_box .sec_btn { margin-top: 3em; }
#step .step_txt_list li { padding: 1.5em .5em; position: relative; }
#step .step_txt_list li::before { content: ''; width: 100%; height: 1px; background-image : linear-gradient(to right, #99d452 8px, transparent 8px); background-size: 10px 1px; background-repeat: repeat-x; position: absolute; bottom: 0; left: 0; }
#step .step_txt_list li:nth-child(1) img { max-width: 250px; }
#step .step_txt_list li:nth-child(2) img { max-width: 614px; }
#step .step_txt_list li:nth-child(3) img { max-width: 588px; }
#step .step_txt_list li:nth-child(4) img { max-width: 436px; }
#step .step_txt_list li:nth-child(5) img { max-width: 635px; }
#step .step_img_list { margin-top: 3em; display: flex; justify-content: center; align-items: center; }
#step .step_img_list li:not(:first-child) { padding-left: 56px; position: relative; }
#step .step_img_list li:not(:first-child)::after { content: ''; width: 26px; height: 34px; background: url(../img/step_icon.png) no-repeat center / contain; position: absolute; top: 50%; left: 15px; transform: translateY(-50%); }
#step .step_img_list li:nth-child(1) img { max-width: 134px; }
#step .step_img_list li:nth-child(2) img { max-width: 180px; }
#step .step_img_list li:nth-child(3) img { max-width: 172px; }
#step .step_img_list li:nth-child(3) { padding-bottom: 1em; }
#step .notes_list { margin-top: 2em; font-size: 1.4rem; }

/* products */
#products {
	padding: 120px 0 100px;
	background-image: url(../img/products_bg_top.png), url(../img/pattern_green.jpg);
	background-position: top -10% center, center;
	background-repeat: no-repeat, repeat;
	background-size: 1651px auto, 200px auto;
}
#products .ttl { max-width: 905px; margin: 0 auto; }
#products .products_area { margin-top: 3em; display: flex; justify-content: space-between; align-items: center; }
#products .products_area .img { width: 40%; max-width: 394px; position: relative; }
#products .products_area .img::before { content: ''; width: 31%; aspect-ratio: 159 / 172; background: url(../img/products_img_txt02.png) no-repeat center / contain; position: absolute; top: 3%; left: 8%; }
#products .products_area .pkg_list { width: 52%; display: flex; }
#products .products_area .pkg_list li { width: 50%; padding-right: 5%; }
#products .products_area .pkg_list .txt { margin-top: .5em; font-size: 1.6rem; font-weight: bold; text-align: center; }
#products .products_area .pkg_list .txt span { font-size: 80%; }
/* products_add_7th */
#products_add_7th {
	padding: 120px 0 100px;
	background-image: url(../img/products_7th_bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 1600px auto;
	position: relative;
}
#products_add_7th::before { content: ''; width: 100%; height: 20px; background: url(../img/products_bg_obi.png) no-repeat center bottom / 100%; position: absolute; left: 0; top: -15px; z-index: 5; }
#products_add_7th::after { content: ''; width: 100%; height: 20px; background: url(../img/products_bg_obi2.png) no-repeat center top / 100%; position: absolute; left: 0; bottom: -5px; z-index: 5; }
#products_add_7th .add_area { display: flex; justify-content: space-between; align-items: flex-end; flex-direction: row-reverse; }
#products_add_7th .add_area .img { width: 50%; max-width: 490px; position: relative; }
#products_add_7th .add_area .img::before { content: ''; width: 29%; aspect-ratio: 1 / 1; background: url(../img/products_img_txt02_7th.png) no-repeat center / contain; position: absolute; top: 0; left: 0; }
#products_add_7th .add_area .pkg_list { width: 50%; display: flex; }
#products_add_7th .add_area .pkg_list li { width: 100%; padding: 0 20%; position: relative; }
#products_add_7th .add_area .pkg_list li.new::before { content: ''; width: 16%; aspect-ratio: 1 / 1; background: url(../img/icon_new.png) no-repeat center / contain; position: absolute; top: 0; left: 0; }
#products_add_7th .add_area .pkg_list .txt { margin-top: .5em; font-size: 1.6rem; font-weight: bold; text-align: center; }
#products_add_7th .add_area .pkg_list .txt span { font-size: 80%; }
/* products_add_8th */
#products_add_8th {
	padding: 120px 0 100px;
	background-image: url(../img/products_bg_btm.png), url(../img/products_8th_bg.jpg);
	background-position: bottom -40% center, top -5% center;
	background-repeat: no-repeat;
	background-size: 1920px auto, 1600px auto;
}
#products_add_8th .add_area { display: flex; justify-content: space-between; align-items: flex-end; }
#products_add_8th .add_area .img { width: 50%; max-width: 429px; position: relative; }
#products_add_8th .add_area .img::before { content: ''; width: 25%; aspect-ratio: 102 / 142; background: url(../img/products_img_txt02_8th.png) no-repeat center / contain; position: absolute; top: 25%; left: 0; }
#products_add_8th .add_area .pkg_list { width: 50%; display: flex; }
#products_add_8th .add_area .pkg_list li { width: 100%; padding: 0 15% 0 25%; position: relative; }
#products_add_8th .add_area .pkg_list li.new::before { content: ''; width: 16%; aspect-ratio: 1 / 1; background: url(../img/icon_new.png) no-repeat center / contain; position: absolute; top: 0; left: 5%; }
#products_add_8th .add_area .pkg_list .txt { margin-top: .5em; font-size: 1.6rem; font-weight: bold; text-align: center; }
#products_add_8th .add_area .pkg_list .txt span { font-size: 80%; }
#products_add_8th .terms_box { margin-top: 12em; }
#products_add_8th .terms_box .sec_ttl { position: relative; transform: translateX(0); }
#products_add_8th .terms_box .sec_ttl_shadow { transform: translate(2%, 64%); }
#products_add_8th .terms_box .ttl_area { padding: 2em 0; background-color: #fcfbe2; border: 1px solid #000; border-top-left-radius: 10px; border-top-right-radius: 10px; position: relative; }
#products_add_8th .terms_area { padding-bottom: 1em; background-color: #fbfbf0; border: 1px solid #000; border-top: none; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
#products_add_8th .terms_area .terms_inner { padding: 2em 3.5em; width: 100%; height: 22em; overflow-y: scroll; }
#products_add_8th .terms_area .box { padding: 2.5em 0; }
#products_add_8th .terms_area .box:not(:last-child) { border-bottom: 1px dashed #000; }
#products_add_8th .terms_area .box_ttl { font-weight: bold; text-indent: -.5em; }
#products_add_8th .terms_area .txt:not(:last-child) { margin-bottom: 1em; }
#products_add_8th .terms_area .box_list { margin-bottom: 1em; }
#products_add_8th .terms_area .txt_bold { font-weight: bold; }
#products_add_8th .terms_area .notes { margin-top: 1em; }
#products_add_8th .terms_area a { text-decoration: underline; }
#products_add_8th .terms_area a:hover { text-decoration: none; }
#products_add_8th .sec_btn { margin-top: 3em; }
#products_add_8th .notes { margin-top: 2em; font-size: 1.6rem; font-weight: bold; text-align: center; }
#products_add_8th ol { list-style: none; }

#amazoncp .attention h2 { margin: 0; padding: .5em 1em; font-size: 2rem; text-align: center; color: #fff; background-color: #d8100d; }
#amazoncp .attention .txt_area { padding: 2.5em 1em; text-align: center; background-color: #fef5e8; }
#amazoncp .attention p { font-size: 1.8rem; font-weight: bold; line-height: 2; }
#amazoncp .attention p:not(:last-child) { margin-bottom: 1.5em; }
#amazoncp .attention p strong { color: #d8100d; border-bottom: 1px solid #d8100d; }


@media screen and (min-width: 1601px) {
	#products_add_7th { background-size: 100% auto; }
	#products_add_8th { background-size: 1920px auto, 100% auto; }
}
@media screen and (min-width: 768px) and (max-width: 980px) {
	#about .item_list li { font-size: 3vw; }
	#about .notes_list { padding-left: 4.8vw; font-size: 1.4vw; }
}

@media screen and (max-width: 767px) {
	#amazoncp .inner { padding: 0 15px; }
	#amazoncp .sec_box { margin-top: 50px; padding: 2.5em 15px 2em; }
	#amazoncp .sec_ttl { max-width: 153.5px; }
	#amazoncp .sec_ttl_shadow { width: 152.5px; height: 39px; transform: translate(2%, -42%); }
	#amazoncp .sec_btn.col_red { width: 90%; height: 70px; }
	#amazoncp .sec_btn.col_green { width: 82%; height: 70px; }
	#amazoncp .sec_btn a { font-size: 1.8rem; }
	#amazoncp .sec_btn.col_red a { box-shadow: 0 4px 0 0 rgba(188, 9, 5, 1); /*border-radius: 30px; padding-right: 1em;*/ }
	#amazoncp .sec_btn.col_green a { box-shadow: 0 4px 0 0 rgba(37, 122, 3, 1); }
	#amazoncp .sec_btn a::after { width: 22.5px; height: 23px; right: .5em; }
	#amazoncp .sec_btn a:hover { transform: translateY(4px); }
	#amazoncp .sec_btn a.non { transform: translateY(4px); box-shadow: none; }
	
	/* mainimg */
	#mainimg { padding-bottom: 68vw; }
	#mainimg .logo { width: 88%; top: 3%; }
	#mainimg .ttl { width: 72%; top: 17%; }
	#mainimg .img01_01 { width: 45%; top: 24.5%; left: 1%; }
	#mainimg .img01_02 { width: 38%; top: 14%; left: 6%; }
	#mainimg .img01_03 { width: 29%; }
	#mainimg .img02_01 { width: 36%; top: 25%; right: 8%; }
	#mainimg .img02_02 { width: 45%; top: 14%; right: 2%; }
	#mainimg .img02_03 { width: 40%; top: 0; right: 0; }
	#mainimg .img03_01 { width: 38%; top: 50%; right: 38%; }
	#mainimg .img03_02 { width: 48%; top: 41%; right: 25%; }
	#mainimg .img03_03 { width: 100%; top: 52%; }
	#mainimg .obi { padding: 12vw 0 7vw; background-image: url(../img/obi_bg_sp.png); background-size: auto 100%; background-repeat: repeat-x; }
	#mainimg .obi .txt01 { width: 90%; max-width: 90%; }
	#mainimg .obi .txt02 { width: 62%; max-width: 90%; margin-top: 6%; }
	#mainimg .obi .img { width: 90%; max-width: 333.5px; top: 8%; left: 5%; }

	/* about */
	#about { padding: 40px 0 60px; }
	#about .ttl { max-width: 329.5px; padding-top: 17px; }
	#about .ttl::before { width: 20px; height: 16.5px; }
	#about .pkg_area { margin-top: 10px; padding-top: 0; }
	#about .pkg_list { justify-content: center; flex-wrap: wrap; }
	#about .pkg_list li { width: 44%; margin: 5% 2.5% 0; }
	#about .pkg_list li.new { width: 50%; margin: 25% 0 0; }
	#about .pkg_list li.comingsoon { width: 45%; margin: 25% .5% 0; }
	#about .pkg_list .att { font-size: 1.1rem; }
	#about .pkg_area .cap { max-width: 195px; top: 47%; right: 50%; transform: translateX(95%); }
	#about .item_list li { font-size: 1.8rem; line-height: 1.2; padding: .5em 0 .5em 1.5em; background-position: left top .65em; background-size: 17px auto; display: block; }
	#about .item_list li span { font-size: 70%; margin-left: 0; }
	#about .item_list li.att { background-position: left top .6em; }
	#about .item_list li.att span { margin-top: .5em; }
	#about .item_list li.att span span { font-size: 90%; }
	#about .term_list { padding-bottom: .5em; }
	#about .term_list li { margin-top: 1.5em; }
	#about .term_list li:not(:last-child) { margin-bottom: 0; }
	#about .term_list li:nth-child(1) img,
	#about .term_list li:nth-child(2) img { max-width: 100%; width: 100%; }
	#about .notes_list { margin-top: 2em; padding-left: 0; font-size: 1rem; }
	#about .sec_box.item { padding: 2.5em 15px 2em; }
	#about .txt_end { font-size: 3rem; line-height: 1.4; }

	/* step */
	#step {
		padding: 70px 0 120px;
		background-image: url(../img/step_bg_sp.png), url(../img/step_bg_sp02.png), url(../img/step_bg_sp03.png), url(../img/pattern_yellow.jpg);
		background-position: bottom 97% center, bottom left -15%, bottom right -15%, center;
		background-size: 100% auto, 160px auto, 192px auto, 200px auto;
		background-repeat: no-repeat, no-repeat, no-repeat, repeat;
	}
	#step::before,
	#step::after { background-size: 960px auto; }
	#step .cp_box { padding-top: 3em; }
	#step .cp_box .img { max-width: 785px; margin: 0 auto; }
	#step .cp_box .txt { margin-top: 3em; font-size: 1.4rem; }
	#step .sec_box { margin-top: 6em; }
	#step .sec_box .sec_btn { margin-top: 3em; }
	#step .step_txt_list li { padding: 1em .5em; }
	#step .step_txt_list li:nth-child(1) img { max-width: 182px; }
	#step .step_txt_list li:nth-child(2) img { max-width: 293.5px; }
	#step .step_txt_list li:nth-child(3) img { max-width: 316px; }
	#step .step_txt_list li:nth-child(4) img { max-width: 315.5px; }
	#step .step_txt_list li:nth-child(5) img { max-width: 255.5px; }
	#step .step_img_list { margin-top: 2em; align-items: flex-start; flex-wrap: wrap; }
	#step .step_img_list li { width: 50%; }
	#step .step_img_list li:not(:first-child) { padding-left: 4.5%; }
	#step .step_img_list li:not(:first-child)::after { width: 20.5px; height: 28px; top: 50%; left: -15px; transform: translateY(-50%); }
	#step .step_img_list li:nth-child(3)::after { top:8%; left: 50%; transform: translate(-50%, 0) rotate(90deg); }
	#step .step_img_list li:nth-child(1) img { max-width: 133.5px; }
	#step .step_img_list li:nth-child(2) img { max-width: 154.5px; }
	#step .step_img_list li:nth-child(3) img { max-width: 266px; margin: 0 auto; }
	#step .step_img_list li:nth-child(3) { width: 100%; padding: 20% 0 0; }
	#step .notes_list { margin-top: 2em; font-size: 1.2rem; }

	/* products */
	#products {
		padding: 120px 0 60px;
		background-image: url(../img/products_bg_top_sp.png), url(../img/pattern_green.jpg);
		background-position: top -2% center, center;
		background-size: 95% auto, 200px auto;
	}
	#products::after { background-size: 960px auto; }
	#products .ttl { max-width: 345.5px; }
	#products .products_area { margin-top: 2em; flex-wrap: wrap; }
	#products .products_area .img { width: 100%; max-width: 256px; margin: 0 auto 2em; }
	#products .products_area .pkg_list { width: 100%; display: flex; }
	#products .products_area .pkg_list li { width: 50%; padding: 0 2%; }
	#products .products_area .pkg_list .txt { margin-top: .5em; font-size: 1.3rem; }
	/* products_add_7th */
	#products_add_7th {
		padding: 60px 0 40px;
		background-image: url(../img/products_7th_bg_sp.jpg);
		background-position: top center;
		background-size: 100% auto;
	}
	#products_add_7th::before,
	#products_add_7th::after { background-size: 960px auto; }
	#products_add_7th .add_area { display: block; }
	#products_add_7th .add_area .img { width: 100%; max-width: 312px; margin: 0 auto; }
	#products_add_7th .add_area .pkg_list { width: 100%; display: block; margin-top: 3em; }
	#products_add_7th .add_area .pkg_list li { width: 95%; padding: 0; margin: 0 auto; }
	#products_add_7th .add_area .pkg_list li img { padding: 0 20%; }
	#products_add_7th .add_area .pkg_list .txt { margin-top: .5em; font-size: 1.3rem; }
	/* products_add_8th */
	#products_add_8th {
		padding: 60px 0 40px;
		background-image: url(../img/products_bg_btm_sp.png), url(../img/products_8th_bg_sp.jpg);
		background-position: bottom -11% center, top center;
		background-size: 100% auto;
	}
	#products_add_8th .add_area { display: block; }
	#products_add_8th .add_area .img { width: 100%; max-width: 312px; margin: 0 auto; }
	#products_add_8th .add_area .pkg_list { width: 100%; display: block; margin-top: 3em; }
	#products_add_8th .add_area .pkg_list li { width: 95%; padding: 0; margin: 0 auto; }
	#products_add_8th .add_area .pkg_list li img { padding: 0 19%; }
	#products_add_8th .add_area .pkg_list li.new::before { left: 0; }
	#products_add_8th .add_area .pkg_list .txt { margin-top: .5em; font-size: 1.3rem; }
	#products_add_8th .terms_box { margin-top: 6em; }
	#products_add_8th .terms_box .sec_ttl_shadow { transform: translate(2%, 58%); }
	#products_add_8th .terms_box .ttl_area { padding: 1em 0; }
	#products_add_8th .terms_area .terms_inner { padding: 1.5em 1em; height: 20em; }
	#products_add_8th .terms_area .box { padding: 2em 0; font-size: 1.2rem; }
	#products_add_8th .terms_area .box_ttl { font-weight: bold; text-indent: -0.5em; }
	#products_add_8th .notes { font-size: 1.2rem; }

	#amazoncp .attention h2 { font-size: 1.8rem; }
	#amazoncp .attention .txt_area { padding: 1.5em 1em; }
	#amazoncp .attention p { font-size: 1.4rem; }
	#amazoncp .attention p:not(:last-child) { margin-bottom: 1em; }
}



/* animation */
.js-fade { opacity: 0; transition-duration: .8s; transition-property: opacity; }
.js-fade.show { opacity: 1; }
@keyframes scaleIn {
  0% { transform: translateX(-50%) scale(0); }
  60% { transform: translateX(-50%) scale(1.3); }
  90% { transform: translateX(-50%) scale(1.4); }
  100% { transform: translateX(-50%) scale(1); }
}

#amazoncp .sec_box.js-fade { opacity: 0; transform: translateY(50px); transition-duration: .8s; transition-property: transform, opacity; }
#amazoncp .sec_box.js-fade.show { opacity: 1; transform: translateY(0); }

#mainimg .img_area { opacity: 0; transition-duration: .8s; transition-property: opacity; }
#mainimg .img_area.show { opacity: 1; }
#mainimg .logo { opacity: 0; transform: translate(-50%, -50px); transition-duration: .8s; transition-property: transform, opacity; }
#mainimg .logo.show { opacity: 1; transform: translate(-50%, 0); }
#mainimg .ttl { opacity: 0; transform: translateX(-50%) scale(1.8); transition-duration: 1.2s; transition-property: transform, opacity; }
#mainimg .ttl.show { opacity: 1; transform: translateX(-50%) scale(1); }
#mainimg .txt { opacity: 0; transform: translateX(50%); transition-duration: 1.2s; transition-property: transform, opacity; }
#mainimg .txt.show { opacity: 1; transform: translateX(0); }
#mainimg .txt.txt02 { transition-delay: .6s; }
#mainimg .img { opacity: 0; transition-duration: .8s; transition-property: transform, opacity; }
#mainimg .img01_01,
#mainimg .img01_03 { transform: translateX(-50%); }
#mainimg .img02_01,
#mainimg .img03_01,
#mainimg .img03_03 { transform: translateX(50%); }
#mainimg .img01_02,
#mainimg .img02_02,
#mainimg .img03_02 { transform: translateY(50%); }
#mainimg .img.show { opacity: 1; transform: translate(0, 0); }
/* #mainimg .ttl { transform: scale(0); }
#mainimg .ttl.show { animation: scaleIn .8s ease-in forwards; } */

#about .ttl.js-fade { transform: translateX(20%) rotate(30deg); transition-property: transform, opacity; transform-origin: center bottom; }
#about .ttl.js-fade.show { transform: translateX(0) rotate(0); }
#about .ttl.js-fade::before { opacity: 0; transform: translateY(-50%); transition-duration: .4s; transition-property: transform, opacity; }
#about .ttl.js-fade.show::before { opacity: 1; transform: translateY(0); transition-delay: .8s; }
#about .pkg_area.js-fade { opacity: 1; }
#about .pkg_area.js-fade .pkg_list li { opacity: 0; transform: translateX(50%); transition-duration: .8s; transition-property: transform, opacity; }
#about .pkg_area.js-fade.show .pkg_list li { opacity: 1; transform: translateX(0); }
#about .pkg_area.js-fade.show .pkg_list li:nth-child(1) { transition-delay: .2s; }
#about .pkg_area.js-fade.show .pkg_list li:nth-child(2) { transition-delay: .4s; }
#about .pkg_area.js-fade.show .pkg_list li:nth-child(3) { transition-delay: .6s; }
#about .pkg_area.js-fade.show .pkg_list li:nth-child(4) { transition-delay: .8s; }
#about .pkg_area.js-fade li.new::before { opacity: 0; transform: translateY(-50%); transition-duration: .8s; transition-property: transform, opacity; }
#about .pkg_area.js-fade.show li.new::before { opacity: 1; transform: translateY(0); transition-delay: 1.2s; }
#about .pkg_area.js-fade .cap { opacity: 0; transform: translate(10%, -50%); transition-duration: .8s; transition-property: transform, opacity; }
#about .pkg_area.js-fade.show .cap { opacity: 1; transform: translate(10%, 0); transition-delay: 1.6s; }
#about .js-fade .term_list li { position: relative; overflow: hidden; }
#about .js-fade .term_list li::after { content: ''; width: 100%; height: 100%; background-color: #fcfbe2; position: absolute; top: 0; left: 0; transition-duration: .8s; transition-property: transform; }
#about .js-fade.show .term_list li::after { transform: translateX(100%); }
#about .js-fade.show .term_list li:nth-child(1)::after { transition-delay: .4s; }
#about .js-fade.show .term_list li:nth-child(2)::after { transition-delay: .8s; }

#step .cp_box.js-fade { opacity: 0; transform: translateY(50px); transition-duration: .8s; transition-property: transform, opacity; }
#step .cp_box.js-fade.show { opacity: 1; transform: translateY(0); }
#step .cp_box .js-fade { opacity: 0; transform: translateY(50px); transition-duration: .8s; transition-property: transform, opacity; }
#step .cp_box .js-fade.show { opacity: 1; transform: translateY(0); }
#step .cp_box .img.js-fade { opacity: 0; transform: scale(.6); }
#step .cp_box .img.js-fade.show { opacity: 1; transform: scale(1); transition-delay: .4s; }
#step .step_img_list.js-fade { opacity: 1; }
#step .step_img_list.js-fade li { opacity: 0; transform: translateX(50%); transition-duration: .8s; transition-property: transform, opacity; }
#step .step_img_list.js-fade.show li { opacity: 1; transform: translateX(0); }
#step .step_img_list.js-fade.show li:nth-child(1) { transition-delay: .2s; }
#step .step_img_list.js-fade.show li:nth-child(2) { transition-delay: .4s; }
#step .step_img_list.js-fade.show li:nth-child(3) { transition-delay: .6s; }
#step .sec_btn.js-fade { opacity: 0; transform: translateY(50px); transition-duration: .8s; transition-property: transform, opacity; }
#step .sec_btn.js-fade.show { opacity: 1; transform: translateY(0); }

#products .ttl.js-fade { transform: translateX(20%) rotate(15deg); transition-property: transform, opacity; transform-origin: center bottom; }
#products .ttl.js-fade.show { transform: translateX(0) rotate(0); }
#products .products_area.js-fade { opacity: 1; }
#products .products_area.js-fade .img { opacity: 0; transform: translateX(-50%); transition-duration: .8s; transition-property: transform, opacity; }
#products .products_area.js-fade .img::before { opacity: 0; transform: translateX(50%); transition-duration: .8s; transition-property: transform, opacity; }
#products .products_area.js-fade .pkg_list li { opacity: 0; transform: translateX(50%); transition-duration: .8s; transition-property: transform, opacity; }
#products .products_area.js-fade.show .img { opacity: 1; transform: translateX(0); }
#products .products_area.js-fade.show .img::before { opacity: 1; transform: translateX(0); transition-delay: 1.2s; }
#products .products_area.js-fade.show .pkg_list li { opacity: 1; transform: translateX(0); }
#products .products_area.js-fade.show .pkg_list li:nth-child(1) { transition-delay: .6s; }
#products .products_area.js-fade.show .pkg_list li:nth-child(2) { transition-delay: .8s; }
#products_add_7th .add_area.js-fade { opacity: 1; }
#products_add_7th .add_area.js-fade .img { opacity: 0; transform: translateX(50%); transition-duration: .8s; transition-property: transform, opacity; }
#products_add_7th .add_area.js-fade .img::before { opacity: 0; transform: translateX(50%); transition-duration: .8s; transition-property: transform, opacity; }
#products_add_7th .add_area.js-fade .pkg_list li { opacity: 0; transform: translateX(-50%); transition-duration: .8s; transition-property: transform, opacity; }
#products_add_7th .add_area.js-fade.show .img { opacity: 1; transform: translateX(0); transition-delay: .4s; }
#products_add_7th .add_area.js-fade.show .img::before { opacity: 1; transform: translateX(0); transition-delay: 1s; }
#products_add_7th .add_area.js-fade.show .pkg_list li { opacity: 1; transform: translateX(0); }
#products_add_8th .add_area.js-fade { opacity: 1; }
#products_add_8th .add_area.js-fade .img { opacity: 0; transform: translateX(-50%); transition-duration: .8s; transition-property: transform, opacity; }
#products_add_8th .add_area.js-fade .img::before { opacity: 0; transform: translateX(50%); transition-duration: .8s; transition-property: transform, opacity; }
#products_add_8th .add_area.js-fade .pkg_list li { opacity: 0; transform: translateX(50%); transition-duration: .8s; transition-property: transform, opacity; }
#products_add_8th .add_area.js-fade.show .img { opacity: 1; transform: translateX(0); transition-delay: .4s; }
#products_add_8th .add_area.js-fade.show .img::before { opacity: 1; transform: translateX(0); transition-delay: 1s; }
#products_add_8th .add_area.js-fade.show .pkg_list li { opacity: 1; transform: translateX(0); }
#products_add_8th .terms_box.js-fade { opacity: 0; transform: translateY(50px); transition-duration: .8s; transition-property: transform, opacity; }
#products_add_8th .terms_box.js-fade.show { opacity: 1; transform: translateY(0); }

@media screen and (max-width: 767px) {
	#mainimg .img02_03 { transform: translateX(50%); }
	#mainimg .img03_03 { transform: translateY(50%); }
	#about .pkg_area.js-fade .cap { transform: translate(100%, -105%); }
	#about .pkg_area.js-fade.show .cap { transform: translate(100%, -55%); }
	#products_add_7th .add_area.js-fade.show .img { transition-delay: 0s; }
	#products_add_7th .add_area.js-fade.show .pkg_list li { transition-delay: .4s; }
	#products_add_8th .add_area.js-fade.show .img { transition-delay: 0s; }
	#products_add_8th .add_area.js-fade.show .pkg_list li { transition-delay: .4s; }
}