@charset "UTF-8";
main {
	margin:0;
	padding:0;
	font:13px/1.6 "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", 'BIZ UDGothic','YuGothic','Yu Gothic UI', Meiryo, sans-serif;
	-webkit-text-size-adjust: 100%;
}

main div {margin: 0;padding: 0;}

main p {margin: 1em 0;padding: 0;}

main ul {margin: 1em 0 1em 30px;padding: 0;list-style: disc none outside;}

main ol {margin: 1em 0 1em 30px;padding: 0;list-style: decimal none outside;}

main li {margin: 0;padding: 0;}dl {margin: 1em 0;padding: 0;}

main *,
main *:before,
main *:after {
	box-sizing: content-box;
}

/*------------------------------------------ contents */

#order_chain h1,
#order_chain h2,
#order_chain h3,
#order_chain p {
	margin: 0 auto;
	line-height: 0;
}
#order_chain a {
	transition: all 0.3s;
}
#order_chain a:hover {
	opacity: 0.6;
}
#order_chain section#necklace,
#order_chain section#bracelet {
	background-color: #fff;
}
#order_chain .anchor_btn {
	list-style: none;
}
#order_chain .anchor_btn li {
	line-height: 0;
	background: #fff;
}





/* 736px以下用（SP用）の記述------------------------------------------- */
@media screen and (max-width: 736px) {

	#order_chain .bg {
		margin: 0 auto;
		background-image:url("../../../img/lp/order_chain_202502/bg.jpg");
		background-repeat: no-repeat;
		background-position: top;
		width: 100%;
		background-size: 100%;
		display: block;
	}
	#order_chain .wrap_chain {
		margin: 0 auto;
		padding: 0 7.2% 0;
	}
	#order_chain h1 {
		width: 66.98421%;
		padding-top: 21.8068%;
	}
	#order_chain .campaign {
		margin: 9.19% -1.86915% 0 ;
		padding: 3.7381% 0 7.4581% 0;
		text-align: center;
		box-shadow: 0px 5px 9px #dedede;
		background-color: #ffffff;
	}
	#order_chain .campaign .campaign_ttl{
		margin-bottom: 3.9039%;
		width: 91.891%;
	}
	#order_chain .campaign .campaign_txt{
		width: 77.3273%;
	}
	#order_chain .period {
		width: 84.37%;
		padding: 3.73% 0 4.5%;
	}
	#order_chain #lead {
		width: 68.5358%;
		padding: 9.9% 0 12.3%;
	}
	#order_chain .anchor_btn {
		display: flex;
		justify-content: space-between;
		margin: 0 auto;
	}
	#order_chain .anchor_btn li {
		width: 48.59813%;
		box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .1);
	}
	#order_chain section#necklace {
		margin: 8% 0 11.6279%;
		background-image:url("../../../img/lp/order_chain_202502/necklace_bg.png");
		background-position: right top;
		background-size: 100%;
		background-repeat: no-repeat;
		box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .1);
	}
	#order_chain section#necklace h2 {
		width: 44.23676%;
		padding: 5.218% 0 0 1.87%;
		margin: 0;
	}
	#order_chain section#necklace .necklace_lede {
		width: 91.12149%;
		margin: 7.47663% auto 8.09968% 4.67289%;
	}
	#order_chain section#necklace .tabular {
		width: 90.47619%;
		margin: 0 auto;
	}
	#order_chain section#necklace .necklace_order_area {
		background-image:url("../../../img/lp/order_chain_202502/necklace_bottom_bg.png");
		background-position: right top;
		background-repeat: no-repeat;
		background-size: 100%;
	}
	#order_chain section#necklace .necklace_order_area p:nth-of-type(1) {
		width: 84.112%;
		padding: 8.5669% 0 8.72274%;
	}
	#order_chain section#necklace .necklace_order_area p:nth-of-type(2) {
		width: 68.8372%;
		padding-bottom: 9.96884%;
	}
	#order_chain section#bracelet {
		background-image:url("../../../img/lp/order_chain_202502/bracelet_bg.png");
		background-position: right top;
		background-repeat: no-repeat;
		background-size: 100%;
		box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .1);
	}
	#order_chain section#bracelet h2 {
		width: 50.623%;
		padding: 4.45171% 0 0 2.9595%;
		margin: 0;
	}
	#order_chain section#bracelet .bracelet_lede {
		width: 89.8753%;
		margin: 5.919% auto 8.7227%;
	}
	#order_chain section#bracelet .tabular {
		width: 90.6542%;
		margin: 0 auto;
	}
	#order_chain section#bracelet .bracelet_order_area {
		background-image:url("../../../img/lp/order_chain_202502/bracelet_bottom_bg.png");
		background-position: right top;
		background-repeat: no-repeat;
		background-size: 100%;
	}
	#order_chain section#bracelet .bracelet_order_area p:nth-of-type(1) {
		width: 84.186%;
		padding: 6.2015% 0 8.7%;
	}
	#order_chain section#bracelet .bracelet_order_area p:nth-of-type(2) {
		width: 68.8372%;
		padding-bottom: 8.992248%;
	}
	section.pane_topic_path {
		width: 89.33%;
		margin: 13.3152% auto 0;
		padding: 0;
	}
	section.pane_topic_path .wrap {
		width: 100%;
		padding: 4.53% 0 5.81%;
		margin: 0;
	}
	section.pane_topic_path .block_topic_path_list {
		margin: 0;
		padding: 0;
	}
	section.pane_topic_path .block_topic_path_list li {
		margin: 0;
	}




/* 736px以下用（SP用）の記述 end--------------------------------------- */
}


/* 737px以上用（PC用）の記述------------------------------------------- */
@media screen and (min-width: 737px) {

	#order_chain a {
		transition: all .3s;
	}
	#order_chain a:hover {
		opacity: .6;
	}
	.visible-pc {
		display: block !important;
	}
	
	#order_chain .bg {
		min-width: 1270px;
		margin: 0 auto;
		background-image: url("../../../img/lp/order_chain_202502/bg_pc.jpg");
		background-repeat: no-repeat;
		background-position: center top;
		padding-bottom: 0;
		display: block;
	}
	#order_chain h1 {
		margin: 0;
		padding-top: 129px;
		text-align: center;
	}
	#order_chain .campaign {
		width: 618px;
		margin: 35px auto 0 ;
		padding: 16px 0 28px 0;
		text-align: center;
		background-color: #ffffff;
		box-shadow: 0px 5px 16px #818181;
	}
	#order_chain .campaign .campaign_ttl{
		margin-bottom: 20px;
	}
	#order_chain #lead {
		text-align: center;
		padding: 69px 0 67px;
	}
	#order_chain .anchor_btn {
		display: flex;
		justify-content: space-between;
		width: 880px;
		margin: 0 auto;
	}
	#order_chain .anchor_btn li {
		margin: 0;
		width: 422px;
		box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .1);
	}
	#order_chain section#necklace {
		position: relative;
		width: 1200px;
		margin: 47px auto 60px;
		box-sizing: border-box;
		background-image: url("../../../img/lp/order_chain_202502/necklace_bg_pc.png");
		background-position: right top;
		background-repeat: no-repeat;
		box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .1);
	}
	#order_chain section#necklace h2 {
		position: absolute;
		top: 0;
		left: 55px;
		margin-top: 50px;
	}
	#order_chain section#necklace .necklace_lede {
		position: absolute;
		top: 0;
		left: 93px;
		margin-top: 153px;
	}
	#order_chain section#necklace .tabular {
		padding-top: 235px;
		text-align: center;
	}
	#order_chain section#necklace .necklace_order_area {
		padding: 50px 0 63px;
		background-image: url("../../../img/lp/order_chain_202502/necklace_bottom_bg_pc.png");
		background-position: right top;
		background-repeat: no-repeat;
	}
	#order_chain section#necklace .necklace_order_area p:nth-of-type(1) {
		margin-bottom: 35px;
	}
	#order_chain section#necklace .necklace_order_area p {
		text-align: center;
	}
	#order_chain section#bracelet {
		position: relative;
		width: 1200px;
		margin: 0px auto 50px;
		box-sizing: border-box;
		background-image: url("../../../img/lp/order_chain_202502/bracelet_bg_pc.png");
		background-position: right top;
		background-repeat: no-repeat;
		box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .1);
	}
	#order_chain section#bracelet h2 {
		position: absolute;
		top: 0;
		left: 49px;
		margin-top: 46px;
	}
	#order_chain section#bracelet .bracelet_lede {
		position: absolute;
		top: 0;
		left: 76px;
		margin-top: 142px;
	}
	#order_chain section#bracelet .tabular {
		padding-top: 260px;
		text-align: center;
	}
	#order_chain section#bracelet .bracelet_order_area {
		padding: 50px 0 58px;
		background-image: url("../../../img/lp/order_chain_202502/bracelet_bottom_bg_pc.png");
		background-position: right top;
		background-repeat: no-repeat;
	}
	#order_chain section#bracelet .bracelet_order_area p:nth-of-type(1) {
		margin-bottom: 35px;
	}
	#order_chain section#bracelet .bracelet_order_area p {
		text-align: center;
	}
	
	section.pane_topic_path .wrap {
		padding: 36px 0 40px;
	}
	section.pane_topic_path {
    	margin-bottom: 0;
	}
}

/* 1399px以下用（PC用）の記述------------------------------------------- */
@media screen and (min-width: 738px) and (max-width: 1399px){

#order_chain a {
	transition: all .3s;
}
#order_chain a:hover {
	opacity: .6;
}
#order_chain .bg {
	min-width: 1200px;
	margin: 0 auto;
	background-image: url("../../../img/lp/order_chain_202502/bg_pc_1400.jpg");
	background-size: 100%;
}
#order_chain h1 {
	margin: 0 auto;
	width: 37%;
	padding-top: 9.2857%; 
}
#order_chain .campaign {
	width: 44.2857%;
	margin: 2.34% auto 0 ;
	padding: 1.31% 0 2% 0;
	text-align: center;
	background-color: #ffffff;
}
#order_chain .campaign .campaign_ttl{
	margin-bottom: 3.2362%;
	width: 93.2038%;
}
#order_chain .campaign .campaign_txt{
	width: 74.55%;
}
#order_chain .period {
	width: 34.28%;
	padding: 2.07% 0 1.78%;
}
#order_chain #lead {
	width: 25.6429%;
	padding: 4.92857% 0 4.7857%;
}
#order_chain .anchor_btn {
	margin: 0 auto;
	width: 62.85%;
}
#order_chain .anchor_btn {
	display: flex;
	justify-content: space-between;
}
#order_chain .anchor_btn li {
	width: 47.95%;
}
#order_chain > p {
	margin: 5.35% 0 7.14%;
	text-align: center;
}
#order_chain section#necklace {
	width: 85.71%;
	margin: 3.35714% auto 4.2857%;
	background-size: 100%;
}
#order_chain section#necklace h2 {
	width: 20.0833%;
	left: 4.5%;
	margin-top: 4.1666%;
}
#order_chain section#necklace .necklace_lede {
	position: absolute;
	width: 40.8333%;
	left: 7.9166%;
	margin-top: 12.75%;
}
#order_chain section#necklace .tabular {
	width: 86.7%;
	padding-top: 19.55%;
	margin: 0 auto;
}
#order_chain section#necklace .necklace_order_area {
	padding: 4.1666% 0 5.25%;
	background-size: 100%;
}
#order_chain section#necklace .necklace_order_area p:nth-of-type(1) {
	width: 39.66%;
	margin-bottom: 2.91%;
}
#order_chain section#necklace .necklace_order_area p:nth-of-type(2) {
	width: 28.33%;
}
#order_chain section#bracelet {
	width: 85.71%;
	margin: 3.5000% auto 0;
	background-size: 100%;
}
#order_chain section#bracelet h2 {
	width: 23.66%;
	left: 4.08%;
	margin-top: 3.85%;
}
#order_chain section#bracelet .bracelet_lede {
	width: 56.083333%;
	left: 6.333%;
	margin-top: 11.7%;
}
#order_chain section#bracelet .tabular {
	width: 86.7%;
	padding-top: 21.7%;
	margin: 0 auto;
}
#order_chain section#bracelet .bracelet_order_area {
	padding: 4.16% 0 4.8333%;
	background-size: 100%;
}
#order_chain section#bracelet .bracelet_order_area p:nth-of-type(1) {
	width: 39.75%;
	margin-bottom: 2.91%;
}
#order_chain section#bracelet .bracelet_order_area p:nth-of-type(2) {
	width: 28.33%;
}
section.pane_topic_path {
	width: 85.71%;
	margin: 3.5714%	auto 0;
	padding: 0;
}
section.pane_topic_path .wrap {
	width: 100%;
	padding: 3.33% 0 4%;
}
section.pane_topic_path .block_topic_path_list {
	margin: 0;
}
section.pane_topic_path .wrap {
	width: 100%;
	padding: 3% 0 3.4%;
}


/*  1399px以下用（PC用）の記述 end--------------------------------------- */
}


/* 1399px以下用（PC用）のフォント可変値　記述------------------------------------------- */
@media screen and (min-width:1200px) and ( max-width:1399px) {



/* 1399px以下用（PC用）の記述 end--------------------------------------- */
}


/* 1199px以下用（PC用）のフォント最小値　記述------------------------------------------- */
@media screen and (min-width:738px) and ( max-width:1199px) {



/* 1199px以下用（PC用）の記述 end--------------------------------------- */
}