@charset "UTF-8";

/* 2021 中国向け旧海外LP
----------------------------------------------------------------------------- */
#cn-lp {
	font-family: 'Segoe UI',SegoeUI,'Microsoft YaHei',微软雅黑,"Helvetica Neue",Helvetica,Arial,sans-serif;
	color: #333;
}
#cn-lp h2 {
	font-size: 38px;
	border: none;
	color: #333;
}
#cn-lp h2 span { background: linear-gradient(transparent 60%, #F9F9BB 60%); }
#cn-lp h3, #cn-lp p, #cn-lp ul {
	margin: 0;
	padding: 0;
}
#cn-lp a {
	color: #2f72d5;
	text-decoration: underline;
}
#cn-lp a:hover {
	text-decoration: none;
	opacity: .8;
}
#cn-lp .br-sp { display: none; }
#cn-lp .br-pc { display: block; }
/*メインビジュアル*/
#cn-lp .main-visual { position: relative; }
#cn-lp .main-visual .mv-bg{
	width: 100%;
	height: 500px;
	background: url(/img/contents/lp/foreign/cn/mv_bg.png) no-repeat center center;
	background-size: cover;
}
#cn-lp .main-visual .mv-bg .titile {
	padding-top: 50px;
	text-align: center;
}
/* フォーム */
#cn-lp .form-wrap {
	background-color: #FFFFFF;
	text-align: center;
	padding-bottom: 40px;
	max-width: 700px;
	width: 100%;
	border-radius: 5px;
	box-shadow: #C8C8C8 0 0 5px;
}
#cn-lp .form-wrap.top-box {
	position: absolute;
	top: 65%;
	right: 50%;
	transform: translateX(50%);
	z-index: 1;
} 
#cn-lp .form-wrap .coupon {
	width: 100%;
	padding: 15px 0;
	background-color: #1C67AD;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
#cn-lp .form-wrap .coupon .ribbon {
	display: inline-block;
	height: 35px;
	line-height: 28px;
	padding: 5px 20px;
	color: #1C67AD;
	box-sizing: border-box;
	background: url("/img/contents/lp/foreign/cn/ribbon01.png") bottom center no-repeat;
	background-size: 120px;
}
#cn-lp .form-wrap .coupon .txt {
	display: inline-block;
	margin-left: 14px;
}
#cn-lp .form-wrap .form-title {
	font-size: 32px;
	font-weight: bold;
	margin: 32px 0 20px;
}
#cn-lp .form-wrap .entry-form-action {
	width: 90%;
	margin: 0 auto;
}
#cn-lp .mail-input {
	display: inline-block;
	vertical-align: middle;
	width: 56%;
}
#cn-lp .mail-input .mail-input-field {
	max-width: 425px;
	width: 100%;
	padding: 14px 15px;
	box-sizing: border-box;
	background-color: #F3F3F3;
	border: 1px solid #8F8F8F;
	border-radius: 5px;
	font-size: 20px;
	font-family: 'Segoe UI',SegoeUI,'Microsoft YaHei',微软雅黑,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
#cn-lp .red-button {
	display: inline-block;
	vertical-align: top;
}
#cn-lp .red-button input[type='button'] {
	font-family: 'Segoe UI',SegoeUI,'Microsoft YaHei',微软雅黑,"Helvetica Neue",Helvetica,Arial,sans-serif;
	background-color: #DC4D4D;
	color: #FFFFFF;
	vertical-align: middle;
	border-radius: 5px;
	border: none;
	cursor: pointer;
	font-size: 20px;
	font-weight: bold;
	padding: 15px 44px;
	width: 100%;
	max-width: 300px;
	margin-left: 7px;
	overflow: hidden;
	-webkit-appearance: none;
}
#cn-lp .red-button input[type='button']:hover { opacity: 0.8; }
#cn-lp .form-wrap .notice {
	width: 90%;
	max-width: 530px;
	margin: 10px auto 0;
	font-size: 14px;
	text-align: left;
	padding-left:1em;
	text-indent:-1em;
}
/*SDについて*/
#cn-lp .about {
	padding: 250px 0 100px 0;
	text-align: center;
	background-color: #F3F3F3;
}
#cn-lp .about .inner{
	max-width: 1020px;
	margin: 0 auto;
	padding-bottom: 50px;
	background: url("/img/contents/lp/foreign/cn/about_02.png") no-repeat;
	background-size: 580px;
	background-position: left 0% bottom 0%;
}
#cn-lp .about .title-area { margin-bottom: 40px; }
#cn-lp .about .title-area p {
	margin-top: 20px;
	font-size: 20px;
}
#cn-lp .about .content {
	display: flex;
    flex-direction: row-reverse;
}
#cn-lp .about ul {
	width: 60%;
	margin-left: 70px;
}
#cn-lp .about li {
	margin-bottom: 15px;
	text-align: left;
	display: flex;
}
#cn-lp .about li img {
	width: 70px;
	height: 70px;
	margin-right: 10px;
}
#cn-lp .about li p {
	width: 100%;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
}
#cn-lp .about li .blue {
	font-size: 32px;
	font-weight: bold;
	color: #1C67AD;
}
#cn-lp .about li .link {
	margin-top: 10px;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.5;
}
#cn-lp .about .img-area { width: 60%; }
#cn-lp .about .img-area img { display: none; }
/*商品紹介*/
#cn-lp .products {
	width: 90%;
	max-width: 985px;
	margin: 0 auto;
	padding-top: 100px;
}
#cn-lp .products .title-area { text-align: center; }
#cn-lp .products .brand-wrap { padding: 40px 0; }
#cn-lp .products .brand-wrap li {
	display: flex;
	border-bottom: 1px solid #8F8F8F;
	padding-bottom: 40px;
	margin-bottom: 40px;
}
#cn-lp .products .brand-wrap .genre:nth-child(2n) { text-align: right; }
#cn-lp .products .brand-wrap .genre:last-child {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
#cn-lp .products .brand-wrap .img-area { margin-right: 30px; }
#cn-lp .products .brand-wrap .genre:nth-child(2n) .img-area {
	order: 2;
	margin-left: 30px;
	margin-right: 0;
}
#cn-lp .products .brand-wrap .img-area img { width: 400px; }
#cn-lp .products .brand-wrap .genre:nth-child(2n) .txt-area { order: 1; }
#cn-lp .products .brand-wrap .txt-area .title {
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 10px;
}
#cn-lp .products .brand-wrap .txt-area .title.genre01 { color: #0E69AF; }
#cn-lp .products .brand-wrap .txt-area .title.genre02 { color: #8D5E02; }
#cn-lp .products .brand-wrap .txt-area .title.genre03 { color: #B92A2A; }
#cn-lp .products .brand-wrap .txt-area .title.genre04 { color: #399239; }
#cn-lp .products .brand-wrap .txt-area .txt { font-size: 16px; }
#cn-lp .products .brand-wrap .tag {
	display: flex;
	flex-wrap: wrap;
}
#cn-lp .products .brand-wrap .genre:nth-child(2n) .tag { justify-content: flex-end; }
#cn-lp .products .brand-wrap .tag p {
	border: solid 1px #8F8F8F;
	padding: 5px 12px 4px;
	font-size: 16px;
	border-radius: 8px;
	margin: 28px 15px 0 0;
}
#cn-lp .products .brand-wrap .tag p:last-child { margin: 28px 0 0; }
#cn-lp .products .brand-wrap .genre:nth-child(2n) .tag p { margin: 28px 0 0 15px; }
#cn-lp .products .tag p:hover { background: #F3F3F3; }
#cn-lp .products .tag a {
	color: #8F8F8F;
	text-decoration: none;
}
#cn-lp .products .tag a:hover { text-decoration: none; }
#cn-lp .products .tag a:before { content: '#'; }
/*ループ*/
#cn-lp .loop {
	display: flex;
	height: 230px;
	overflow: hidden;
	margin: 50px 0 0;
	width: 100%;
}
#cn-lp .loop img {
	width: auto;
	height: 100%;
}
#cn-lp .loop img:first-child { animation: loop 50s -25s linear infinite; }
#cn-lp .loop img:last-child { animation: loop2 50s linear infinite; }
@keyframes loop {
	0%	{ transform: translatex(100%); }
	to	{ transform: translatex(-100%); }
}
@keyframes loop2 {
	0%	{ transform: translatex(0); }
	to	{ transform: translatex(-200%); }
}
/*購入の流れ*/
#cn-lp .flow {
	padding: 100px 0;
	background-color: #F3F3F3;
}
#cn-lp .flow .inner {
	width: 90%;
	max-width: 980px;
	margin: 0 auto;
}
#cn-lp .flow .inner .title-area {
	text-align: center;
	margin-bottom: 40px;
}
#cn-lp .flow .inner ol {
	margin: 0;
	padding: 0;
}
#cn-lp .flow .inner ol li:not(:first-child):before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: #1C67AD transparent;
	border-width: 13px 13px 0;
	margin: 15px auto 15px;
}
#cn-lp .flow .inner dl {
	background-color: #ffffff;
	display: flex;
	padding: 10px 0;
	border-radius: 5px;
	box-shadow: #C8C8C8 0 0 5px;
}
#cn-lp .flow .inner dl dt {
	font-weight: bold;
	flex-basis: 361px;
	padding: 0 0 0 50px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 20px;
}
#cn-lp .flow .inner dl dt img { vertical-align: middle; }
#cn-lp .flow .inner dl dt img { width: 120px; }
#cn-lp .flow .inner dl dt p img {
	width: 32px;
	margin-right: 25px;
}
#cn-lp .flow .inner dl dd {
	border-left: 1px #888888 dashed;
	min-height: 110px;
	display: flex;
	align-items: center;
	line-height: 1.6;
	flex-basis: calc(100% - 381px);
	padding: 0 35px;
}
#cn-lp .flow .inner .long-ttl {
	margin-top: 10px;
	float: right;
}
/* FAQ */
#cn-lp .question .inner {
	width: 90%;
	max-width: 980px;
	margin: 100px auto;
}
#cn-lp .question .inner .title-area { text-align: center; }
#cn-lp .question .question-wrap { margin: 60px auto 0; }
#cn-lp .question .fixation-slide {
	padding: 20px 15px 10px;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}
#cn-lp .question .fixation-slide:first-child { border-top: 1px solid #cccccc; }
#cn-lp .question .fixation-slide:hover { background: #f2f5fa; }
#cn-lp .question .fixation-slide .outer-wording {
	float: left;
	font-size: 18px;
}
#cn-lp .question .fixation-slide .outer-wording .Q {
	margin: -2px 7px 0 0;
	display: inline-block;
	vertical-align: top;
	font-weight: bold;
	color: #1C67AD;
	font-size: 20px;
}
#cn-lp .question .fixation-inner .fixation-inner-in .A {
	margin: 0px 7px 0 0;
	display: inline-block;
	vertical-align: top;
	font-weight: bold;
	color: #DC4D4D;
	font-size: 20px;
}
#cn-lp .question .fixation-slide .button-open,
#cn-lp .question .fixation-slide .button-close {
	background: #ccc;
	border-radius: 50%;
	color: #FFFFFF;
	float: right;
	width: 37px;
	height: 37px;
	text-align: center;
	line-height: 32px;
}
#cn-lp .question .fixation-slide .circle {
	font-size: 24px;
	font-weight: bold;
}
#cn-lp .question .fixation-slide .button-close { display: none; }
#cn-lp .question .fixation-inner { display: none; }
#cn-lp .question .fixation-inner .fixation-inner-in {
	font-size: 16px;
	line-height: 1.8em;
	padding: 20px 25px 20px 3.5em;
	text-indent: -0.9em;
}
/*フォーム　ページ下*/
#cn-lp .form-bg { background-color: #EEEEEE; }
#cn-lp .form-wrap-bottom {
	background-color: rgba(0,0,0,0);
	padding: 50px 0 0 0;
	margin: 0 auto;
	max-width: 980px;
	box-shadow: none;
}
#cn-lp .form-wrap-bottom .coupon {
	padding: 0;
	background-color: rgba(0,0,0,0);
	color: #1C67AD;
	font-size: 24px;
}
#cn-lp .form-wrap-bottom .coupon .ribbon {
	height: 42px;
	line-height: 32px;
	padding: 5px 30px;
	color: #fff;
	background: url("/img/contents/lp/foreign/cn/ribbon02.png") bottom center no-repeat;
	background-size: 150px;
}
#cn-lp .form-wrap-bottom .form-title {
	font-size: 52px;
	margin: 10px 0 20px;
	line-height: 1.2;
}
#cn-lp .form-wrap-bottom .mail-input { width: 50%; }
#cn-lp .form-wrap-bottom .mail-input .mail-input-field {
	max-width: 500px;
	background-color: #fff;
	font-size: 24px;
}
#cn-lp .button-bottom input[type='button'] { font-size: 24px; }
#cn-lp .form-wrap-bottom .notice { max-width: 630px; }
#cn-lp .form-bg .bottom-img .img-sp { display: none;}
#cn-lp .form-bg .bottom-img { text-align: center; }
#cn-lp .form-bg .bottom-img img {
	width: 100%;
	max-width: 1530px;
}
/*会社概要*/
#cn-lp .company-info {
	margin-top: -5px;
	margin-bottom: -79px;
	padding: 80px 0 40px 0;
	background-color: #697B93;
}
#cn-lp .company-info .inner {
	max-width: 980px;
	margin: 0 auto;
}
#cn-lp .company-info .inner .title-area h2 {
	text-align: center;
	font-size: 32px;
	color: #fff;
}
#cn-lp .company-info .content {
	margin-top: 30px;
	padding-bottom: 50px;
	display: flex;
	border-bottom: dotted 2px #fff;
	font-size: 14px;
}
#cn-lp .company-info .content .img-area {
	width: 48%;
	padding-right: 20px;
}
#cn-lp .company-info .content .img-area img { width: 100%; }
#cn-lp .company-info .content ul { color: #fff; }
#cn-lp .company-info .content ul li { display: flex; }
#cn-lp .company-info .content ul li .main {
	flex-shrink: 0;
	width: 75px;
}
#cn-lp .company-info .content ul li p {
	padding-left:1em;
	text-indent:-1em;
}
#cn-lp .company-info .content ul li .sub::before { content: '：'; }
#cn-lp .company-info .content ul p { padding: 3px 0;}
#cn-lp .company-info .content ul li a {
	color:#fff;
	text-decoration: none;
}
#cn-lp .company-info .sns-area {
	display: flex;
	justify-content: center;
	padding-top: 26px;
	align-items: center;
}
#cn-lp .company-info .sns-area div:not(:first-child) { margin-left: 20px; }
#cn-lp .company-info .sns-area .weibo .icon {
	margin: 0 auto 17px;
	width: 72px;
	height: auto;
}
#cn-lp .company-info .sns-area .wechat .icon,
#cn-lp .company-info .sns-area .red .icon {
	margin: 0 auto 10px;
	width: auto;
	height: 31px;
}
#cn-lp .company-info .sns-area .code {
	width: 78px;
	height: auto;
}
/* TAB・SP */
@media screen and (max-width: 940px) {
	#cn-lp {background-color: #fff;}
	#cn-lp h2 { font-size: 32px; }
	/*メインビジュアル*/
	#cn-lp .main-visual .mv-bg .titile {
		width: 80%;
		margin: 0 auto;
	}
	#cn-lp .main-visual .mv-bg .titile img {
		width: 100%;
		max-width: 650px;
	}
	/* フォーム */
	#cn-lp .form-wrap { width: 90%; }
	/* SDについて */
	#cn-lp .about { padding: 200px 0 60px 0; }
	#cn-lp .about .inner{
		width: 90%;
		background-image: none;
		padding-bottom: 0;
	}
	#cn-lp .about .content { display: block; }
	#cn-lp .about ul {
		width: 480px;
		margin-left: 0;
		margin: 0 auto;
	}
	#cn-lp .about .img-area {
		width: 100%;
		height: auto;
		padding-top: 10px;
	}
	#cn-lp .about .img-area img {
		display: block;
		width: 100%;
	}
	/* 商品紹介 */
	#cn-lp .products { padding-top: 80px; }
	#cn-lp .products .brand-wrap li {
		display: block;
		margin: 0 auto 40px;
	}
	#cn-lp .products .brand-wrap .genre:nth-child(2n) { text-align: left; }
	#cn-lp .products .brand-wrap .img-area {
		margin-right: 0;
		text-align: center;
	}
	#cn-lp .products .brand-wrap .genre:nth-child(2n) .img-area { margin-left: 0; }
	#cn-lp .products .brand-wrap .txt-area .title { padding: 20px 0 10px; }
	#cn-lp .products .brand-wrap .genre:nth-child(2n) .tag { justify-content: flex-start; }
	#cn-lp .products .brand-wrap .genre:nth-child(2n) .tag p { margin: 28px 15px 0 0; }
	/*購入の流れ*/
	#cn-lp .flow .inner dl dt img { width: 100px; }
	/* FAQ */
	#cn-lp .question .inner { margin: 80px auto; }
	#cn-lp .question .question-wrap { margin: 40px auto 0; }
	/*フォーム　ページ下*/
	#cn-lp .form-wrap-bottom { width: 90%; }
	#cn-lp .form-wrap-bottom .form-title {
		font-size: 48px;
		line-height: 1.2;
	}
	#cn-lp .form-wrap-bottom .mail-input { width: 63%; }
	#cn-lp .form-wrap-bottom .notice { width: 90%; }
	/*会社概要*/
	#cn-lp .company-info { padding: 50px 0 40px 0; }
	#cn-lp .company-info .inner { width: 90%; }
	#cn-lp .company-info .inner .title-area h2 { font-size: 28px; }
	#cn-lp .company-info .content { display: block; }
	#cn-lp .company-info .content .img-area {
		width: 100%;
		padding-right: 0px;
		padding-bottom: 20px;
		text-align: center;
	}
	#cn-lp .company-info .content .img-area img { width: 480px; }
	#cn-lp .company-info .content .txt-area {
		width: 490px;
		margin: 0 auto;
	}
}
/* SP */
@media screen and (max-width: 670px) {
	#cn-lp h2 { font-size: 27px; }
	#cn-lp .br-sp { display: block; }
	#cn-lp .br-pc { display: none; }
	/*メインビジュアル*/
	#cn-lp .main-visual .mv-bg{
		height: 360px;
		background: url(/img/contents/lp/foreign/cn/mv_bg_sp.png) no-repeat bottom center;
		background-size: 120%;
	}
	#cn-lp .main-visual .mv-bg .titile {
		width: 80%;
		max-width: 470px;
		padding: 40px 30px 20px 20px;
		background: rgb(255,255,255,0.7);
	}
	/* フォーム */
	#cn-lp .form-wrap {
		padding-bottom: 20px;
		width: 90%;
	}
	#cn-lp .form-wrap.top-box { top: 58%; } 
	#cn-lp .form-wrap .coupon { font-size: 16px; }
	#cn-lp .form-wrap .coupon .ribbon {
		height: 30px;
		line-height: 20px;
		background-size: 100px;
	}
	#cn-lp .form-wrap .coupon .txt { margin-top: 10px; }
	#cn-lp .form-wrap .form-title {
		font-size: 24px;
		margin: 20px 0 15px;
	}
	#cn-lp .form-wrap .entry-form-action { width: 90%; }
	#cn-lp .mail-input {
		margin-right: 0;
		width: 100%;
	}
	#cn-lp .mail-input .mail-input-field {
		width: 100%;
		padding: 14px 15px;
		font-size: 16px;
	}
	#cn-lp .red-button { width: 100%; }
	#cn-lp .red-button input[type='button'] {
		font-size: 16px;
		margin: 10px 0 0 0;
		padding: 0;
		height: 40px;
		width: 100%;
		max-width: 425px;
	}
	#cn-lp .form-wrap .notice {
		width: 100%;
		max-width: 425px;
		padding-left: 0px;
		font-size: 12px;
	}
	/*SDについて*/
	#cn-lp .about { padding: 230px 0 60px 0; }
	#cn-lp .about .title-area { margin-bottom: 20px; }
	#cn-lp .about .title-area p {
		margin-top: 15px;
		font-size: 16px;
	}
	#cn-lp .about ul {
		width: 305px;
		margin: 0 auto;
	}
	#cn-lp .about li img {
		width: 40px;
		height: 40px;
		margin-right: 10px;
	}
	#cn-lp .about li p {
		font-size: 16px;
		line-height: 1.2;
	}
	#cn-lp .about li .blue { font-size: 27px; }
	#cn-lp .about li .link { font-size: 14px; }
	/*商品紹介*/
	#cn-lp .products { padding-top: 60px; }
	#cn-lp .products .brand-wrap {
		padding: 20px 3% 50px;
		margin: 20px auto 0;
	}
	#cn-lp .products .brand-wrap .img-area img {
		width: 100%;
		max-width: 450px;
	}
	#cn-lp .products .brand-wrap .tag p {
		padding: 3px 10px;
		font-size: 14px;
		margin: 11px 11px 0 0;
	}
	#cn-lp .products .brand-wrap .tag p:last-child { margin: 11px 0 0; }
	#cn-lp .products .brand-wrap .genre:nth-child(2n) .tag p { margin: 11px 11px 0 0; }
	/*ループ*/
	#cn-lp .loop {
		height: 180px;
		margin: 0;
	}
	/*購入の流れ*/
	#cn-lp .flow { padding: 60px 0; }
	#cn-lp .flow .inner .title-area { margin-bottom: 30px; }
	#cn-lp .flow .inner dl {
		display: block;
		position: relative;
		padding: 30px 0;
	}
	#cn-lp .flow .inner dl dt {
		display: block;
		padding: 0;
		text-align: center;
	}
	#cn-lp .flow .inner dl dt p img {
		position: absolute;
		left: 20px;
		top: 0px;
		width: 26px;
		height: auto;
	}
	#cn-lp .flow .inner dl dt img { margin: 10px 0; }
	#cn-lp .flow .inner dl dd {
		margin: 0 auto;
		padding: 0;
		width: 80%;
		max-width: 330px;
		min-height: 30px;
		font-size: 15px;
		line-height: 1.4;
		border: 0;
	}
	#cn-lp .flow .inner ol li:not(:first-child):before {
		border-width: 9px 9px 0;
		margin: 12px auto 10px;
	}
	#cn-lp .flow .inner .long-ttl {
		width: 100%;
		margin: 0;
	}
	#cn-lp .flow .inner dl .short { margin: 0 auto; }
	/* FAQ */
	#cn-lp .question { margin: 60px auto; }
	#cn-lp .question .question-wrap {
		margin: 40px 0;
		width: 100%;
	}
	#cn-lp .question .fixation-slide { padding: 20px 5px 17px; }
	#cn-lp .question .fixation-slide .outer-wording {
		font-size: 16px;
		float: left;
		width: 85%;
	}
	#cn-lp .question .fixation-slide .outer-wording .Q,
	#cn-lp .question .fixation-inner .fixation-inner-in .A { display: none; }
	#cn-lp .question .fixation-inner .fixation-inner-in {
		font-size: 15px;
		padding: 15px;
		text-indent: 0;
	}
	/*フォーム　ページ下*/
	#cn-lp .form-wrap-bottom .coupon { font-size: 18px; }
	#cn-lp .form-wrap-bottom .coupon .ribbon {
		height: 38px;
		line-height: 30px;
		padding: 5px 30px;
		background-size: 130px;
	}
	#cn-lp .form-wrap-bottom .form-title {
		font-size: 27px;
		margin: 0 0 10px;
	}
	#cn-lp .form-wrap-bottom .mail-input { width: 100%; }
	#cn-lp .form-wrap-bottom .mail-input .mail-input-field { font-size: 16px; }
	#cn-lp .button-bottom input[type='button'] {
		max-width: 500px;
		font-size: 16px;
	}
	#cn-lp .form-wrap-bottom .notice {
		width: 100%;
		max-width: 500px;
	}
	#cn-lp .form-bg .bottom-img .img-pc { display: none;}
	#cn-lp .form-bg .bottom-img .img-sp { display: block;}
	/*会社概要*/
	#cn-lp .company-info {
		margin-top: 0;
		margin-bottom: -79px;
	}
	#cn-lp .company-info .inner .title-area h2 { font-size: 26px; }
	#cn-lp .company-info .content { margin-top: 20px;}
	#cn-lp .company-info .content .img-area img { width: 100%; }
	#cn-lp .company-info .content .txt-area {
		width: 96%;
		max-width: 335px;
		margin: 0 auto;
	}
	#cn-lp .company-info .content .address { width: 80%; }
}
/* 登録ボタン固定 */
#cn-lp .mail-entry-fix-button {
	position: fixed;
	background-color: rgba(255,255,255,0.9);
	left: 0;
	z-index: 1000;
	padding: 18px 0 11px;
	width: 100%;
	border-top: #CCCCCC 1px solid;
	box-sizing: border-box;
}
#cn-lp .mail-entry-fix-button .button-table {
	margin: 0 auto;
	text-align: center;
	font-weight: 600;
	font-size: 0;
}
#cn-lp .mail-entry-fix-button .button-table .copyright {
	display: inline-block;
	text-align: right;
	padding: 0 30px;
	vertical-align: middle;
}
#cn-lp .mail-entry-fix-button .button-table .copyright p { font-size: 19px; }
#cn-lp .mail-entry-fix-button .button-table .copyright p span {
	font-size: 17px;
	font-weight: normal;
}
#cn-lp .mail-entry-fix-button .link-button {
	display: inline-block;
	width: 180px;
	vertical-align: middle;
}
#cn-lp .mail-entry-fix-button .anchor-red-button {
	background-color: #DC4D4D;
	border: solid 1px #8B2624;
	display: block;
	float: none;
	font-size: 20px;
	width: 100%;
	max-width: 180px;
	border-radius: 5px;
	padding: 12px 0;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	font-weight: 600;
	box-sizing: border-box;
}
#cn-lp .mail-entry-fix-button .anchor-red-button a {
	text-decoration: none;
	color: #FFFFFF;
}
@media screen and (max-width: 940px) {
	#cn-lp .mail-entry-fix-button { padding: 9px 4%; }
	#cn-lp .mail-entry-fix-button .button-table .copyright {
		display: block;
		text-align: center;
		padding: 0;
	}
	#cn-lp .mail-entry-fix-button .button-table .copyright p { font-size: 15px; }
	#cn-lp .mail-entry-fix-button .link-button {
		display: block;
		width: 100%;
		max-width: 400px;
		margin: 0 auto;
	}
	#cn-lp .mail-entry-fix-button .anchor-red-button {
		font-size: 19px;
		width: 100%;
		max-width: 400px;
		padding: 6px 0;
		margin-top: 8px;
	}
}
#cn-lp .form-wrap .error-area-wrap {
	line-height: 1;
	display: none;
}
#cn-lp .form-wrap .error-area-wrap.show {
	display: block;
	text-align: left;
	animation : show 0.8s linear 1 ;
	-webkit-animation : show 0.8s linear 1 ; /* Safari and Chrome */
}
#cn-lp .form-wrap .error-area {
	color: #dc4d4d;
	position: relative;
	display: inline-block;
	padding: 5px 15px;
	margin-top: 10px;
	width: auto;
	min-width: 115px;
	line-height: 32px;
	text-align: center;
	background: #FFFFFF;
	border: 2px solid #dc4d4d;
	z-index: 0;
	font-weight: 600;
}
#cn-lp .form-wrap .error-area:before {
	content: "";
	position: absolute;
	top: -8px;
	left: 50%;
	margin-left: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0px 9px 11px 8px;
	border-color: transparent transparent #FFFFFF transparent;
	z-index: 0;
}
#cn-lp .form-wrap .error-area:after {
	content: "";
	position: absolute;
	top: -11px;
	left: 50%;
	margin-left: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 9px 11px 9px;
	border-color: transparent transparent #DC4D4D transparent;
	z-index: -1;
}
#cn-lp .form-wrap .red-button input[type='button'].disabled,
#cn-lp .form-wrap .red-button input[type='button'][disabled] {
	pointer-events: none;
	cursor: not-allowed;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: .65;
	border: none;
}
/* TAB/SP */
@media screen and (max-width: 940px) {
	#cn-lp .form-wrap .error-area-wrap.show {
		text-align: center;
	}
	#cn-lp .form-wrap .error-area {
		display: block;
		line-height: 1.6;
	}
}


/* 2022 香港向け旧海外LP
----------------------------------------------------------------------------- */
#zh-lp * { box-sizing: border-box; }
#zh-lp {
	font-family: "Microsoft JhengHei", "微軟正黑體", "Helvetica Neue", Arial, sans-serif;
	color: #333333;
}
#zh-lp h2 {
	font-size: 38px;
	border: none;
	color: #333333;
}
#zh-lp p, #zh-lp ul, #zh-lp ol, #zh-lp h3 {
	margin: 0;
	padding: 0;
}
#zh-lp a {
	color: #2f72d5;
	text-decoration: none;
}
#zh-lp a:hover { opacity: 0.8; }
#zh-lp img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	border: 0;
}
#zh-lp .inner {
	max-width: 1220px;
	margin: 0 auto;
}
#zh-lp .title-area {
	text-align: center;
	margin-bottom: 40px;
}
#zh-lp .title-area .marker { background: linear-gradient(transparent 50%, #FFEAA5 50%); }
#zh-lp .italic {
	font-style: italic;
	font-weight: normal;
	font-family: "Times New Roman",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}
/* メインビジュアル */
#zh-lp .main-visual {
	padding: 13px 0 47px;
	background: linear-gradient(to right, #E8F6FF 0%, #E8F6FF 39%, #FFFBEE 39%, #FFFBEE 100%);
}
#zh-lp .main-visual::before {
	width: 0;
	height: 0;
	content: '';
	border: solid 103px transparent;
	border-top-color: #FFFFFF;
	border-left-width: 202px;
	border-right-width: 202px;
	opacity: 0.7;
	position: absolute;
	top: 0;
	right: 50%;
	transform: translateX(50%);
	z-index: 1;
}
#zh-lp .main-visual .logo {
	text-align: center;
	margin-bottom: 37px;
	position: relative;
	z-index: 1;
}
#zh-lp .main-visual .logo img { width: 160px; }
#zh-lp .main-visual .inner { position: relative; }
#zh-lp .main-visual .left-block {
	margin-right: 47px;
	position: absolute;
	top: 0;
	left: -2%;
	overflow: hidden;
}
#zh-lp .main-visual .title {
	text-align: right;
	margin: 0 0 66px;
	position: relative;
	top: 6px;
	z-index: 1;
}
/* フォーム */
#zh-lp .form-area { width: calc(100% - 9px); }
#zh-lp .form-wrap {
	text-align: center;
	width: 100%;
	margin: 52px 0 10px -9px;
	background-color: #FFFFFF;
	border: solid 1px #707070;
	border-radius: 10px;
	box-shadow: 9px 9px 0 0 #034988;
}
#zh-lp .form-wrap .coupon {
	width: 100%;
	padding: 35px 0 9px;
	background-color: #E8F6FF;
	color: #0560B2;
	font-size: 26px;
	font-weight: 600;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	position: relative;
}
#zh-lp .form-wrap .coupon .circle-txt {
	margin-left: -10px;
	position: absolute;
	top: -58px;
	left: 50%;
	transform: translateX(50%);
}
#zh-lp .form-wrap .coupon .circle-txt span {
	height: 380px;
	color: #D51B23;
	font-size: 22px;
	position: absolute;
	transform-origin: bottom center;
}
#zh-lp .form-wrap .coupon .circle-txt span:nth-child(1) { transform: rotate(-14deg); }
#zh-lp .form-wrap .coupon .circle-txt span:nth-child(2) { transform: rotate(-10deg); }
#zh-lp .form-wrap .coupon .circle-txt span:nth-child(3) { transform: rotate(-6deg); }
#zh-lp .form-wrap .coupon .circle-txt span:nth-child(4) { transform: rotate(-2deg); }
#zh-lp .form-wrap .coupon .circle-txt span:nth-child(5) { transform: rotate(2deg); }
#zh-lp .form-wrap .coupon .circle-txt span:nth-child(6) { transform: rotate(6deg); }
#zh-lp .form-wrap .coupon .circle-txt span:nth-child(7) { transform: rotate(10deg); }
#zh-lp .form-wrap .coupon .circle-txt span:nth-child(8) { transform: rotate(14deg); }
#zh-lp .form-wrap .coupon .circle-txt::before,
#zh-lp .form-wrap .coupon .circle-txt::after {
	display:inline-block;
	color: #3B3B3B;
	content: '・';
	position: absolute;
	top: 15px;
}
#zh-lp .form-wrap .coupon .circle-txt::before { right: 90px; }
#zh-lp .form-wrap .coupon .circle-txt::after { left: 110px; }
#zh-lp .form-wrap .coupon .circle {
	display: inline-block;
	padding: 8px 0;
	width: 209px;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #8F8F8F;
	border-radius: 50%;
	position: absolute;
	top: -25px;
	right: 50%;
	transform: translateX(50%);
}
#zh-lp .form-wrap .entry-form-action { margin: 0 auto; }
#zh-lp .form-wrap .entry-input-box {
	padding: 29px 36px 28px;
	font-size: 0;
}
#zh-lp .form-wrap .mail-input {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	z-index: 1;
}
#zh-lp .form-wrap .mail-input .mail-input-field {
	max-width: 350px;
	width: 100%;
	padding: 9px 19px;
	margin-bottom: 14px;
	background-color: #F3F3F3;
	border: 1px solid #8F8F8F;
	border-radius: 5px;
	font-size: 20px;
	font-family: "Microsoft JhengHei", "微軟正黑體", "Helvetica Neue", Arial, sans-serif;
}
#zh-lp .form-wrap .red-button {
	display: inline-block;
	vertical-align: top;
}
#zh-lp .form-wrap .red-button input[type='button'] {
	max-width: 140px;
	width: 100%;
	padding: 9px 30px;
	margin-left: 10px;
	vertical-align: middle;
	color: #FFFFFF;
	background-color: #DC4D4D;
	border-radius: 5px;
	border: 1px solid #333333;
	cursor: pointer;
	overflow: hidden;
	-webkit-appearance: none;
	font-size: 20px;
	font-weight: 600;
	font-family: "Microsoft JhengHei", "微軟正黑體", "Helvetica Neue", Arial, sans-serif;
}
#zh-lp .form-wrap .red-button input[type='button']:hover { opacity: 0.8; }
#zh-lp .form-wrap .notice {
	font-size: 13px;
	text-align: left;
	padding-left: 1em;
	text-indent: -1em;
}
/* フォーム エラーメッセージ設定 */
#zh-lp .form-wrap .error-area-wrap {
	line-height: 1;
	display: none;
}
@keyframes show {
	from { opacity: 0; }
	to { opacity: 1; }
}
@-webkit-keyframes myfirst { /* Safari and Chrome */
	from { opacity: 0; }
	to { opacity: 1; }
}
#zh-lp .form-wrap .error-area-wrap.show {
	display: block;
	text-align: right;
	animation : show 0.8s linear 1 ;
	-webkit-animation : show 0.8s linear 1 ; /* Safari and Chrome */
}
#zh-lp .form-wrap .error-area {
	color: #dc4d4d;
	margin-bottom: 9px;
	width: auto;
	min-width: 115px;
	line-height: 1;
	z-index: 0;
	font-weight: 600;
	font-size: 16px;
}
#zh-lp .form-wrap .red-button input[type='button'].disabled,
#zh-lp .form-wrap .red-button input[type='button'][disabled] {
	pointer-events: none;
	cursor: not-allowed;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: .65;
}
/* フォーム ページ上 */
#zh-lp .form-area.top-box {
	float: right;
	position: relative;
	max-width: 580px;
	margin-right: 38px;
}
/* フォーム ページ下 */
#zh-lp .form-bg {
	height: 480px;
	position: relative;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-image: url("/img/contents/lp/foreign/zh/img_pc_bottom_02.png"), linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 27%, #FFF7DE 27%, #FFF7DE 100%);
}
#zh-lp .form-area.btm-box {
	max-width: 739px;
	margin: 0 auto 33px;
}
#zh-lp .form-area.btm-box .entry-input-box { padding: 24px 34px 22px; }
#zh-lp .form-bg .btm-txt {
	font-size: 23px;
	position: absolute;
	bottom: 210px;
	right: 50%;
	transform: translate(50%, 50%);
	z-index: 1;
	width: 100%;
}
#zh-lp .form-bg .btm-txt span { font-weight: 600; }
/* SDについて */
#zh-lp .about {
	padding: 44px 0 38px;
	text-align: center;
	background-color: #F6F6F6;
}
#zh-lp .about .right-block {
	float: right;
	position: relative;
	width: 580px;
	margin-right: 38px;
}
#zh-lp .about .title-area .title {
	font-size: 37px;
	margin: 15px 0 11px;
	line-height: 1.2;
}
#zh-lp .about .title-area .txt { font-size: 17px; }
#zh-lp .about .title-area .sub {
	display: flex;
	align-items: center;
	font-size: 15px; 
	font-family: "Times New Roman",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	letter-spacing: 0.2em;
	color: #787878;
}
#zh-lp .about .title-area .sub::before,
#zh-lp .about .title-area .sub::after {
	border-top: 1px solid;
	content: '';
	flex-grow: 1;
}
#zh-lp .about .title-area .sub::before { margin-right: 1rem; }
#zh-lp .about .title-area .sub::after { margin-left: 1rem; }
#zh-lp .about .img-area { margin: 37px 0 48px; }
#zh-lp .about ul {
	display: flex;
	flex-wrap: wrap;
	margin-left: 30px;
}
#zh-lp .about li p::before {
	position: absolute;
	left: 2%;
	top: -6%;
	background-color: #005997;
	height: 80px;
	width: 80px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	line-height: 1;
}
#zh-lp .about li {
	margin-bottom: 28px;
	text-align: left;
	display: flex;
	width: 50%;
	align-items: center;
}
#zh-lp .about li:nth-child(n+3){ margin-bottom: 0; }
#zh-lp .about li::before {
	width: 75px;
	height: 75px;
	margin-right: 9px;
	content: '';
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}
#zh-lp .about li:nth-child(1)::before { background-image: url("/img/contents/lp/foreign/zh/img_icon_01_00.png"); }
#zh-lp .about li:nth-child(2)::before { background-image: url("/img/contents/lp/foreign/zh/img_icon_02_00.png"); }
#zh-lp .about li:nth-child(3)::before { background-image: url("/img/contents/lp/foreign/zh/img_icon_03_00.png"); }
#zh-lp .about li:nth-child(4)::before { background-image: url("/img/contents/lp/foreign/zh/img_icon_04_00.png"); }
#zh-lp .about li p {
	font-size: 20px;
	font-weight: 600;
	line-height: 1.4;
	color: #656565;
}
#zh-lp .about li p span { color: #005997; }
/* 商品紹介 */
#zh-lp .products {
	padding-top: 70px;
	background-color: #FFFBEE;
	background-image: url("/img/contents/lp/foreign/zh/bg_products_01_00.png"), url("/img/contents/lp/foreign/zh/bg_products_02_00.png");
	background-position: top 7px right -50px, bottom -8px left -118px;
	background-repeat: no-repeat;
	background-size: auto;
	position: relative;
}
#zh-lp .products .brand-wrap {
	margin: 0 auto;
	max-width: 763px;
}
#zh-lp .products ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#zh-lp .products li {
	margin-bottom: 55px;
	max-width: 345px;
	width: calc(100% - 8px);
	position: relative;
}
#zh-lp .products li:nth-child(2n+2) { top: 110px; }
#zh-lp .products li:nth-child(4) { margin-bottom: 180px; }
#zh-lp .products li img {
	margin: 0 0 15px 0;
	border: solid 1px #787878;
	box-shadow: 8px 8px 0 -1px #FFFFFF, 8px 8px 0 0 #787878;
}
#zh-lp .products li h3 {
	font-size: 20px;
	text-align: center;
}
#zh-lp .products li .genre01 { color: #E16A7C; }
#zh-lp .products li .genre02 { color: #DCA01D; }
#zh-lp .products li .genre03 { color: #333333; }
#zh-lp .products li .genre04 { color: #4E85B1; }
#zh-lp .products li .txt {
	margin-top: 5px;
	font-size: 15px;
	line-height: 1.5;
}
#zh-lp .products li .tag {
	display: flex;
	flex-wrap: wrap;
}
#zh-lp .products li .tag a:hover { background: #F3F3F3; }
#zh-lp .products li .tag a {
	color: #656565;
	margin: 8px 8px 0 0;
	padding: 7px 10px;
	font-size: 14px;
	border: solid 1px #8F8F8F;
	border-radius: 10px;
	background-color: #FFFFFF;
}
#zh-lp .products li .tag a::before { content: '#'; }
/* 購入の流れ */
#zh-lp .flow {
	padding: 53px 0 71px;
	background-color: #F3F3F3;
}
#zh-lp .flow .inner { max-width: 995px; }
#zh-lp .flow .title-area .title {
	width: 310px;
	display: inline-block;
}
#zh-lp .flow li:not(:first-child)::before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: #787878 transparent;
	border-width: 15px 15px 0;
	margin: 18px auto 12px;
}
#zh-lp .flow li { width: calc(100% - 6px); }
#zh-lp .flow .wrap {
	display: flex;
	padding: 9px 64px 9px 60px;
	margin-left: -6px;
	background-color: #FFFFFF;
	border-radius: 10px;
	border: solid 1px #787878;
	box-shadow: 6px 6px 0 -1px #D8D8D8, 6px 6px 0 0 #787878;
}
#zh-lp .flow .wrap .heading {
	padding-right: 46px;
	flex-basis: 377px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	
}
#zh-lp .flow .wrap .heading::before {
	vertical-align: middle;
	font-style: italic;
	font-weight: normal;
	font-family: "Times New Roman",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	color: #1C67AD;
	font-size: 75px;
}
#zh-lp .flow li:nth-child(1) .heading::before { content: '1';}
#zh-lp .flow li:nth-child(2) .heading::before { content: '2'; }
#zh-lp .flow li:nth-child(3) .heading::before { content: '3'; }
#zh-lp .flow li:nth-child(4) .heading::before { content: '4'; }
#zh-lp .flow li:nth-child(5) .heading::before { content: '5'; }
#zh-lp .flow li:nth-child(6) .heading::before { content: '6'; }
#zh-lp .flow .wrap .heading img {
	vertical-align: middle;
	width: 120px;
}
#zh-lp .flow .wrap .heading p {
	display: inline-block;
	font-size: 20px;
	font-weight: 600;
	vertical-align: middle;
}
#zh-lp .flow .wrap > .txt {
	padding-left: 33px;
	min-height: 112px;
	display: flex;
	align-items: center;
	line-height: 1.6;
	flex-basis: calc(100% - 377px);
	border-left: 1px #8F8F8F dashed;
}
/* ループ */
#zh-lp .loop {
	display: flex;
	overflow: hidden;
}
#zh-lp .loop img { max-width: none; }
#zh-lp .loop img:first-child { animation: loop 50s -25s linear infinite; }
#zh-lp .loop img:last-child { animation: loop2 50s linear infinite; }
@keyframes loop {
	0%	{ transform: translatex(100%); }
	to	{ transform: translatex(-100%); }
}
@keyframes loop2 {
	0%	{ transform: translatex(0); }
	to	{ transform: translatex(-200%); }
}
/* FAQ */
#zh-lp .question { padding: 59px 0 95px; }
#zh-lp .question .inner { max-width: 980px; }
#zh-lp .question .title-area { margin-bottom: 60px; }
#zh-lp .question .title {
	width: 222px;
	display: inline-block;
}
#zh-lp .question ul { margin: 0 auto; }
#zh-lp .question .fixation-slide {
	padding: 10px 20px 7px 18px;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}
#zh-lp .question .fixation-slide:first-child { border-top: 1px solid #cccccc; }
#zh-lp .question .fixation-slide:hover { background: #F3F3F3; }
#zh-lp .question .fixation-slide .outer-wording {
	float: left;
	font-size: 18px;
}
#zh-lp .question .fixation-outer { line-height: 2; }
#zh-lp .question .fixation-slide .button-open,
#zh-lp .question .fixation-slide .button-close {
	background: #FFFFFF;
	border-radius: 50%;
	color: #787878;
	float: right;
	width: 37px;
	height: 37px;
	text-align: center;
	line-height: 32px;
	border: solid 1px #656565;
}
#zh-lp .question .fixation-slide .circle { font-size: 24px; }
#zh-lp .question .fixation-slide .button-close { display: none; }
#zh-lp .question .fixation-inner { display: none; }
#zh-lp .question .fixation-inner .fixation-inner-in {
	text-indent: -1.8em;
	padding-left: 0.8em;
	margin: 14px 70px;
}
#zh-lp .question .wrap li:nth-child(4) .fixation-inner-in,
#zh-lp .question .wrap li:nth-child(14) .fixation-inner-in { text-indent: -2em; }
#zh-lp .question .fixation-inner .fixation-inner-in a { text-decoration: underline; }
#zh-lp .question .fixation-outer .outer-wording::before,
#zh-lp .question .fixation-inner .fixation-inner-in::before {
	margin-right: 15px;
	font-weight: 600;
	font-size: 18px;
}
#zh-lp .question .fixation-inner-in { line-height: 1.6; }
#zh-lp .question .fixation-outer .outer-wording::before {
	content: "Q";
	color: #1C67AD;
}
#zh-lp .question .fixation-inner .fixation-inner-in::before {
	content: "A";
	color: #DC4D4D;
}
/*会社概要*/
#zh-lp .company-info {
	margin-bottom: -50px;
	padding: 45px 0 30px;
	background-color: #8C9BAE;
}
#zh-lp .company-info .inner { max-width: 925px; }
#zh-lp .company-info .title-area h2 {
	width: 224px;
	display: inline-block;
	font-size: 32px;
	color: #FFFFFF;
	background: linear-gradient(transparent 50%, #697B93 50%);
}
#zh-lp .company-info .content {
	margin-bottom: 34px;
	display: flex;
}
#zh-lp .company-info .content .txt-area h3 {
	margin: 16px 0 13px;
	font-size: 30px;
	font-weight: 600;
	color: #333333;
}
#zh-lp .company-info .content .txt-area p,
#zh-lp .company-info .content .txt-area a {
	font-size: 13px;
	color: #FFFFFF;
	line-height: 1.8;
}
#zh-lp .company-info .content .txt-area a { text-decoration: underline; }
#zh-lp .company-info .content .img-area { padding-right: 25px; }
#zh-lp .company-info .content .img-area img {
	width: 380px;
	height: 212px;
	object-fit: cover;
	border-radius: 20px;
	border: solid 1px #333333;
}
#zh-lp .company-info .sns-area {
	display: flex;
	justify-content: center;
	padding-top: 26px;
	align-items: center;
	border-top: dotted 2px #FFFFFF;
}
#zh-lp .company-info .sns-area a:nth-child(2) { margin: 0 17px; }
#zh-lp .company-info .sns-area img {
	width: 46px;
	height: 46px;
	border: solid 1px #707070;
	border-radius: 10px;
	box-shadow: 4px 4px 0 -1px #FFFFFF, 4px 4px 0 0 #707070;
}
/* TAB/SP */
@media screen and (max-width: 940px) {
	#zh-lp {
		background: #fff;
		margin-top: -108px;
	}
	#zh-lp h2 { font-size: 32px; }
	#zh-lp .inner { width: 90%; }
	/*メインビジュアル*/
	#zh-lp .main-visual {
		padding: 108px 0 20px;
		background: linear-gradient(to bottom, #E8F6FF 0%, #E8F6FF 32%, #FFFBEE 32%, #FFFBEE 100%);
	}
	#zh-lp .main-visual::before {
		border-left-width: 230px;
		border-right-width: 230px;
		top: 108px;
	}
	#zh-lp .main-visual .logo {
		margin-bottom: 0;
		position: absolute;
		top: 125px;
		right: 50%;
		transform: translateX(50%);
	}
	#zh-lp .main-visual .left-block {
		margin-right: 0;
		position: static;
		text-align: center;
	}
	#zh-lp .main-visual .left-block img {
		max-width: 560px;
		width: 100%;
	}
	#zh-lp .main-visual .title {
		text-align: center;
		margin: 22px 0 85px;
		position: static;
	}
	/* フォーム ページ上 */
	#zh-lp .form-area.top-box {
		margin: 0 auto;
		float: none;
		position: static;
	}
	/* フォーム ページ下 */
	#zh-lp .form-bg {
		height: auto;
		position: static;
		padding: 121px 0 111px;
		background-color: #FFF7DE;
		background-size: 69px, 50px, 71px, 71px, 46px, 67px, 56px, 73px;
		background-position: left 10% top 35px, left 35% top 42px, right 35% top 35px, right 8% top 42px, left 10% bottom 30px, left 35% bottom 26px, right 35% bottom 28px, right 8% bottom 22px;
		background-image: url("/img/contents/lp/foreign/zh/img_sp_bottom_01_00.png"),url("/img/contents/lp/foreign/zh/img_sp_bottom_02_00.png"),url("/img/contents/lp/foreign/zh/img_sp_bottom_03_00.png"),url("/img/contents/lp/foreign/zh/img_sp_bottom_04_00.png"),url("/img/contents/lp/foreign/zh/img_sp_bottom_05_00.png"),url("/img/contents/lp/foreign/zh/img_sp_bottom_06_00.png"),url("/img/contents/lp/foreign/zh/img_sp_bottom_07_00.png"),url("/img/contents/lp/foreign/zh/img_sp_bottom_08_00.png");
	}
	#zh-lp .form-area.btm-box { margin: 0 auto; }
	#zh-lp .form-bg .btm-txt {
		padding-top: 20px;
		position: static;
		bottom: 0;
		right: 0;
		transform: none;
	}
	/* SDについて */
	#zh-lp .about { padding: 30px 0 33px; }
	#zh-lp .about .right-block {
		float: none;
		position: static;
		max-width: 580px;
		margin: 0 auto;
	}
	#zh-lp .about .img-area { margin: 22px 0; }
	#zh-lp .about ul {
		margin: 0 auto;
		max-width: 530px;
	}
	#zh-lp .about li:nth-child(2n-1) { width: 55%; }
	#zh-lp .about li:nth-child(2n) { width: 45%; }
	/* 商品紹介 */
	#zh-lp .products {
		padding: 41px 0 46px;
		background-image: none;
		position: static;
	}
	#zh-lp .products ul {
		display: block;
		margin: 0 auto;
	}
	#zh-lp .products li {
		margin: 0 auto 37px;
		max-width: 630px;
		position: static;
		text-align: center;
	}
	#zh-lp .products li:nth-child(2n+2) { top: 0; }
	#zh-lp .products li:nth-child(4) { margin-bottom: 0; }
	#zh-lp .products li .txt { text-align: left; }
	/*購入の流れ*/
	#zh-lp .flow { padding: 46px 0 48px; }
	#zh-lp .flow .title-area .title { width: 300px; }
	#zh-lp .flow .wrap { padding: 9px 4%; }
	#zh-lp .flow .wrap .heading {
		padding-right: 18px;
		flex-basis: 330px;
	}
	#zh-lp .flow .wrap .heading::before { font-size: 50px; }
	#zh-lp .flow .wrap > .txt {
		padding-left: 20px;
		flex-basis: calc(100% - 330px);
	}
	/* FAQ */
	#zh-lp .question { padding: 29px 0 41px; }
	#zh-lp .question .title-area { margin-bottom: 50px; }
	/*会社概要*/
	#zh-lp .company-info { padding: 32px 0 20px; }
	#zh-lp .company-info .title-area { margin-bottom: 18px; }
	#zh-lp .company-info .content {
		margin: 0 auto 26px;
		display: block;
		text-align: center;
		width: 70%;
	}
	#zh-lp .company-info .content .txt-area h3 { font-size: 25px; }
	#zh-lp .company-info .content .txt-area { text-align: left; }
	#zh-lp .company-info .content .img-area { padding-right: 0; }
	#zh-lp .company-info .sns-area { padding-top: 18px; }
}
/* SP */
@media screen and (max-width: 670px) {
	#zh-lp .inner { width: 95%; }
	#zh-lp .title-area { margin-bottom: 44px; }
	/*メインビジュアル*/
	#zh-lp .main-visual::before {
		border-left-width: 200px;
		border-right-width: 200px;
		top: 80px;
	}
	#zh-lp .main-visual .logo { top: 115px; }
	#zh-lp .main-visual .logo img { width: 120px; }
	/* フォーム */
	#zh-lp .form-wrap .coupon {
		font-size: 23px;
		padding: 35px 1% 13px;
	}
	#zh-lp .form-wrap .coupon .circle-txt { top: -53px; }
	#zh-lp .form-wrap .coupon .circle-txt span { font-size: 19px; }
	#zh-lp .form-wrap .coupon .circle {
		padding: 7px 0 8px;
		width: 187px;
	}
	#zh-lp .form-wrap .coupon .txt { font-size: 18px; }
	#zh-lp .form-wrap .entry-input-box,
	#zh-lp .form-area.btm-box .entry-input-box {
		padding: 11px 23px 18px;
	}
	#zh-lp .form-wrap .mail-input { display: block; }
	#zh-lp .form-wrap .mail-input .mail-input-field {
		padding: 8px 13px 10px;
		margin-bottom: 9px;
	}
	#zh-lp .form-wrap .red-button {
		display: block;
		margin-bottom: 19px;
	}
	#zh-lp .form-wrap .red-button input[type='button'] {
		max-width: 350px;
		padding: 4px 30px;
		margin-left: 0;
	}
	/* フォーム エラーメッセージ設定 */
	#zh-lp .form-wrap .error-area-wrap.show { text-align: center; }
	#zh-lp .form-wrap .error-area { display: block; }
	/* フォーム ページ上 */
	#zh-lp .form-area.top-box { margin: 0; }
	#zh-lp .form-wrap { margin: 52px 0 10px 0; }
	/* フォーム ページ下 */
	#zh-lp .form-bg {
		padding: 121px 0 92px;
		background-position: left 8% top 35px, left 35% top 42px, right 38% top 35px, right 8% top 42px, left 10% bottom 30px, left 35% bottom 26px, right 35% bottom 28px, right 8% bottom 22px;
	}
	#zh-lp .form-area.btm-box { margin: 0; }
	#zh-lp .form-bg .btm-txt {
		padding-bottom: 20px;
		font-size: 20px;
	}
	/* SDについて */
	#zh-lp .about .inner { width: 100%; }
	#zh-lp .about .right-block { 
		margin: 0 auto;
		width: 100%;
	}
	#zh-lp .about .title-area { margin-bottom: 22px; }
	#zh-lp .about .title-area .title { font-size: 30px; }
	#zh-lp .about .title-area .txt { font-size: 15px; }
	#zh-lp .about .img-area { margin: 0 4% 22px; }
	#zh-lp .about ul {
		display: block;
		max-width: 270px;
	}
	#zh-lp .about li {
		width: 100%;
		margin: 0 0 15px;
	}
	#zh-lp .about li:nth-child(2n-1) { width: 100%; }
	#zh-lp .about li:nth-child(2n) { width: 100%; }
	#zh-lp .about li:nth-child(3){ margin-bottom: 28px; }
	#zh-lp .about li:nth-child(4){ margin-bottom: 0; }
	/* 商品紹介 */
	#zh-lp .products li { margin: 0 0 37px; }
	#zh-lp .products li h3, #zh-lp .products li .txt, #zh-lp .products li .tag {
		padding-left: 8px;
	}
	/*購入の流れ*/
	#zh-lp .flow .inner { width: 100%; }
	#zh-lp .flow li {
		width: 84%;
		margin: 0 auto;
	}
	#zh-lp .flow .wrap {
		display: block;
		padding: 21px 6% 11px;
	}
	#zh-lp .flow .wrap .heading {
		padding-right: 0;
		display: block;
		text-align: center;
		position: relative;
	}
	#zh-lp .flow .wrap .heading::before {
		position: absolute;
		left: 0;
		top: -16px;
	}
	#zh-lp .flow .wrap .heading p {
		font-size: 20px;
		font-weight: 600;
		margin-bottom: 10px;
	}
	#zh-lp .flow .wrap .heading img {
		width: 100px;
		display: block;
		margin: 0 auto;
	}
	#zh-lp .flow .wrap > .txt {
		padding-left: 0;
		margin-top: 10px;
		min-height: auto;
		display: block;
		font-size: 15px;
		border-left: none;
	}
	/* ループ */
	#zh-lp .loop { height: 146px; }
	#zh-lp .loop img { height: 146px; }
	/* FAQ */
	#zh-lp .question .inner { width: 88%; }
	#zh-lp .question .title-area { margin-bottom: 30px; }
	#zh-lp .question .fixation-slide { padding: 10px 10px 11px; }
	#zh-lp .question .fixation-slide:first-child { border-top: none; }
	#zh-lp .question .wrap li:nth-child(13) { border-bottom: none; }
	#zh-lp .question .fixation-outer .outer-wording::before,
	#zh-lp .question .fixation-inner .fixation-inner-in::before {
		display: none;
	}
	#zh-lp .question .fixation-outer { line-height: 1.6; }
	#zh-lp .question .fixation-slide .circle { font-size: 15px; }
	#zh-lp .question .fixation-slide .button-open,
	#zh-lp .question .fixation-slide .button-close {
		width: 29px;
		height: 29px;
		line-height: 24px;
	}
	#zh-lp .question .fixation-inner .fixation-inner-in,
	#zh-lp .question .wrap li:nth-child(4) .fixation-inner-in,
	#zh-lp .question .wrap li:nth-child(14) .fixation-inner-in {
		text-indent: 0;
		padding-left: 0;
		font-size: 15px;
	}
	#zh-lp .question .fixation-inner .fixation-inner-in {
		line-height: 1.5;
		margin: 7px 10px;
	}
	/*会社概要*/
	#zh-lp .company-info .inner { width: 86%; }
	#zh-lp .company-info .content { width: 100%; }
	#zh-lp .company-info .content .img-area img {
		width: 330px;
		height: 184px;
	}
}
/* 登録ボタン固定 */
#zh-lp .mail-entry-fix-button {
	position: fixed;
	background-color: rgba(255,255,255,0.9);
	left: 0;
	z-index: 1000;
	padding: 8px 0;
	width: 100%;
	border-top: #CCCCCC 1px solid;
}
#zh-lp .mail-entry-fix-button .button-table {
	margin: 0 auto;
	text-align: center;
	font-weight: 600;
	font-size: 0;
}
#zh-lp .mail-entry-fix-button .button-table .copyright {
	display: inline-block;
	text-align: right;
	padding-right: 16px;
	vertical-align: middle;
	font-size: 20px;
}
#zh-lp .mail-entry-fix-button .link-button {
	display: inline-block;
	width: 180px;
	vertical-align: middle;
}
#zh-lp .mail-entry-fix-button .anchor-red-button {
	background-color: #DC4D4D;
	border: solid 1px #000000;
	display: block;
	float: none;
	font-size: 22px;
	width: 100%;
	max-width: 180px;
	border-radius: 19px;
	padding: 4px 0;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	font-weight: 600;
}
#zh-lp .mail-entry-fix-button .anchor-red-button a {
	text-decoration: none;
	color: #FFFFFF;
}
@media screen and (max-width: 671px) {
	#zh-lp .mail-entry-fix-button { padding: 6px 4% 5px; }
	#zh-lp .mail-entry-fix-button .button-table .copyright {
		font-size: 17px;
		text-align: center;
		margin-bottom: 5px;
	}
	#zh-lp .mail-entry-fix-button .link-button {
		width: 100%;
		max-width: 140px;
	}
	#zh-lp .mail-entry-fix-button .anchor-red-button {
		font-size: 16px;
		max-width: 140px;
	}
}


/* 20230915追加分 */
.tokusyu_tag {
	position: relative;
	width: 99px;
}
#zh-lp .products li .tokusyu_tag a {
	width:100%;
	color: #fff;
    margin: 8px 8px 0 0;
    padding: 7px 10px;
    border: solid 1px #8F8F8F;
    border-radius: 10px;
    background-color: #E16A7C;
	display:block;
	text-align: left;
}
#zh-lp .products li .tokusyu_tag a:before {
	transform: rotate(225deg);
    content: "";
    display: block;
    position: absolute;
    top: 40%;
    right: 14px;
    width: 0.5em;
    height: 0.5em;
}
#zh-lp .products li .tokusyu_tag a::before {
	content: '';
	width: 7px;
	height: 7px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
}
#zh-lp .products li .tokusyu_tag a:hover {
    background: #AA293C;
}
@media screen and (max-width: 671px) {
	.tokusyu_tag {
		width: 107px;
	}
	#zh-lp .products li .tokusyu_tag a {
		width:100%;
		color: #fff;
		margin: 8px 8px 0 0;
		padding: 7px 10px;
		border: solid 1px #8F8F8F;
		border-radius: 10px;
		background-color: #E16A7C;
		display:block;
		text-align: left;
	}
	.tokusyu_tag {
		position: relative;
		padding-left: 8px;
	}
}