@import url("https://use.typekit.net/bnf7jzd.css");
@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@300;400&display=swap');

@font-face {
	font-family: "classical-garamond-bt";
	src: url(../fonts/classical_garamond_bt.ttf) format("truetype"),
		url(../fonts/classical_garamond_bt.woff) format("woff");
}

/* ==========================================================================
    Typograpgy
   ========================================================================== */
@media only screen and (min-width: 768px) and (max-width: 1600px) {
	html {
		font-size: calc(10 * (100vw / 1600)) !important;
	}
}
@media (max-width: 767px) {
	.lp * {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
}
html {
	font-size: 62.5%;
}

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

img,
video,
svg {
	width: 100%;
	height: auto;
}

/* for pc*/

.sp {
	display: none;
}

.pc {
	display: block;
}

#Contents {
	/*max-width: 1600px;*/
	width: 100%;
	background-size: 100%;
    background-repeat: no-repeat;
    background-position: center -165px;
	height: auto;
	margin: 0 auto;
	background-image: url(./img/page_pc.png);
}

/*basic*/

	.main_container {
		margin: 0 auto;
		width: 100%;
		-ms-font-feature-settings: "normal";
		font-weight: 400;
		font-style: normal;
		font-size: 1.4rem;
		line-height: 2;
		letter-spacing: 0.12em;
		color: #343434;
		text-align: left;
		font-feature-settings: "palt";
	}

	/*ヘッド部分*/
	.heading {
		margin: auto;
		text-align: center;
		margin-bottom: 11.6rem;
	}

	.heading_img {
		width: 100rem;
		margin: auto;
		margin-bottom: 6.8rem;
	}

	.heading_ttl {
		font-size: 2.6rem;
		line-height: 2;
		letter-spacing: 0.12em;
		margin-bottom: 2.5rem;
	}

	/*コンテンツ部分*/
	.section{
		position: relative;
	}

	.content_list{
		width: 92rem;
		display: flex;
		margin: auto;
		margin-bottom: -3.3rem;
	}

	.content_img{
		width: 47.5rem;
	}

	.content_txt_area{
		width: 38rem;
		margin-top: 14rem;
	}

	.item_number{
		margin-bottom: 0.3rem;
		font-size: 1.8rem;
		line-height: 1.9444;
		letter-spacing: 0.05em;
	}

	.number{
		font-family: 'Crimson Pro', serif;
		font-size: 2.8rem;
		letter-spacing: 0.05em;
		font-weight: lighter;
	}

	.content_ttl{
		margin-bottom: 3rem;
		font-size: 2rem;
		line-height: 1.75;
		letter-spacing: 0.12em;
	}

	.content_txt{
		line-height: 1.98;
		letter-spacing: 0.08em;
	}

	.content_sub_list{
		width: 92rem;
		display: flex;
		margin: auto;
	}

	.content_item_list{
		width: 36rem;
		margin-top: 19.4rem;
		display: flex;
	}

	.content_item{
		width: 15.5rem;
	}

	.content_price{
		word-break: break-all;
		font-size: 1.2rem;
		margin-top: 1.1rem;
		text-align: center;
		color: #484848;
		letter-spacing: 0.08em;
	}

	.content_sub_img{
		width: 33rem;
	}

	.content_main_img{
		width: 64rem;
		margin: auto;
		margin-bottom: 4rem;
	}

	.item_txt{
		width: 63.5rem;
		margin: auto;
		margin-bottom: 5.6rem;
	}

	.gray_back{
		position: absolute;
		content:"";
		background-color: #f2f2f2;/*f2f2f2*/
		z-index: -1;
	}


	/*1段目*/
	.sec01 {
		position: relative;
		margin-bottom: 16.6rem;
	}

	.sec01 .content_txt_area{
		margin-left: 4.4rem;
	}

	.sec01 .content_sub_img{
		margin-left: 16rem;
	}

	.sec01 .content_item_list{
		margin-left: 6.5rem;
	}

	.sec01 .content_item.left{
		margin-left: 4.5rem;

	}

	.border_1{
		width: 90rem;
		border: 0.1rem solid #e6e6e5;
		margin: auto;
		margin-bottom: 11.8rem;
	}

	._1{
		width: 100%;
		height: 24.8rem;
		right: 36%;
		bottom: -4.5rem;
	}

	/*2段目*/

	.sec02 {
		margin: auto;
		margin-bottom: 16.9rem;
	}

	.sec02 .content_item_area{
		width: 18.6rem;
		margin: auto;
	}

	._2{
		width: 100%;
		height: 25.3rem;
		bottom: -4.5rem;
	}

	/*3段目*/
	.sec03{
		margin-bottom: 16.2rem;
	}

	.sec03 .content_txt_area{
		margin-top: 15rem;
		margin-left: 2rem;
	}

	.sec03 .content_img{
		width: 48rem;
		margin-left: 4rem;
	}

	.sec03 .content_list{
		margin-bottom: -4rem;
	}

	.sec03 .content_item_list{
		width: 39rem;
		margin-top: 20.9rem;
		margin-left: 15.5rem;
	}

	.sec03 .content_item{
		width: 20rem;
	}

	.sec03 .content_item.left{
		margin-left: 3.2rem;
	}

	._3{
		width: 100%;
		height: 22.5rem;
		left: 36%;
		bottom: -4.3rem;
	}

	/*4段目*/
	.sec04{
		margin-bottom: 16.2rem;
	}

	.sec04 .content_item_area{
		width: 19.5rem;
		margin: auto;
	}

	.sec04 .item_txt{
		margin-bottom: 2.2rem;
	}

	._4{
		width: 100%;
		height: 20.4rem;
		bottom: -4.3rem;
	}

	/*5段目*/

	.sec05{
		margin-bottom: 19.6rem;
	}

	.sec05 .content_txt_area{
		margin-top: 16.3rem;
		margin-left: 4.45rem;
	}

	.sec05 .content_list{
		margin-bottom: -3.6rem;
	}

	.sec05 .content_item_list{
		width: 15rem;
		display: block;
		margin-top: 16rem;
	}

	.sec05 .content_item{
		width: 17rem;
		margin-left: 15.5rem;
	}

	.sec05 .content_sub_img{
		margin-left: 44rem;
	}

	._5{
		width: 100%;
		height: 28.5rem;
		right: 36%;
		bottom: -4.5rem;
	}

	/*all_item*/
	.all_item_btn {
		width: 46rem;
		margin: 0 auto;
	}

/* ====== TABLET ===== */

/* ====== SP ===== */
@media only screen and (max-width: 750px) {
	.bredlist.lp {
		line-height: 5.33333vw;
		font-size: 2.66667vw;
		margin: 3.33333vw auto;
		width: 92.592%;
		text-align: left;
		padding: 0;
	}

	#Contents {
		max-width: calc(767 * (100vw / 750));
		background-position: center calc(202* (100vw/750));
		background-image: url(./img/page_sp.png);
	}

	/*basic*/

	.sp {
		display: block;
	}

	.pc {
		display: none;
	}
	/*basic*/

	.main_container {
		font-size: calc(24 * (100vw / 750));
		line-height: 2;
	}

/*ヘッド部分*/
	.heading {
		margin: auto;
		text-align: center;
		margin-bottom: calc(149 * (100vw / 750));
	}

	.heading_img {
		width: 100%;
		margin-bottom: calc(68 * (100vw / 750));
	}

	.heading_ttl {
		margin-bottom: calc(36 * (100vw / 750));
		font-size: calc(40 * (100vw / 750));
		line-height: 1.75;
		letter-spacing: 0.01em;
		font-weight: normal;
	}

	.heading_txt{
		letter-spacing: 0.08em;
		line-height: 2.1;
	}

	/*コンテンツ部分*/
	.section{
		position: relative;
	}

	.content_list{
		width: 100%;
		display: flex;
		flex-direction: column;
		margin: auto;
		margin-bottom: calc(75 * (100vw / 750));
	}

	.content_img{
		width: calc(675 * (100vw / 750));
		order: 1;
		margin-bottom: calc(35 * (100vw / 750));
	}

	.content_txt_area{
		width: calc(601 * (100vw / 750));
		margin: auto;
		margin-top: calc(57 * (100vw / 750));
		order: 2;
	}

	.item_number{
		margin-bottom: calc(1 * (100vw / 750));
		font-size: calc(30 * (100vw / 750));
		line-height: 2.1;
		letter-spacing: 0.08em;
	}

	.number{
		font-size: calc(42 * (100vw / 750));
		font-family: toppan-bunkyu-mincho-pr6n, "Noto Serif JP", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif", serif;
		font-weight: 300;
		letter-spacing: 0.1em;
	}

	.content_ttl{
		margin-bottom: calc(45 * (100vw / 750));
		font-size: calc(36 * (100vw / 750));
		line-height: 1.75;
		letter-spacing: 0.03em;
	}

	.content_txt{
		line-height: 2.1;
		letter-spacing: 0.05em;
	}

	.content_sub_list{
		width: 100%;
		display: flex;
		flex-direction: column;
		margin: auto;
	}

	.content_item_list{
		width: calc(500 * (100vw / 750));
		margin-top: calc(68 * (100vw / 750));
		display: flex;
		order: 1;
	}

	.content_item{
		width: calc(225 * (100vw / 750));
	}

	.content_price{
		font-size: calc(22 * (100vw / 750));
		margin-top: calc(26 * (100vw / 750));
		text-align: center;
		color: #484848;
		letter-spacing: 0.1em;
	}

	.content_sub_img{
		width: calc(525 * (100vw / 750));
		order:2;
	}

	.content_main_img{
		width: calc(700 * (100vw / 750));
		margin: auto;
		margin-bottom: calc(39 * (100vw / 750));
	}

	.item_txt{
		width: calc(600 * (100vw / 750));
		margin: auto;
		margin-bottom: calc(69 * (100vw / 750));
	}

	.gray_back{
		position: absolute;
		content:"";
		background-color: #f2f2f2;/*f2f2f2*/
		z-index: -1;
	}


	/*1段目*/
	.sec01 {
		position: relative;
		margin-bottom: calc(122 * (100vw / 750));
	}

	.sec01 .content_txt_area{
		margin-left: 0;
		margin: auto;
	}

	.sec01 .content_sub_img{
		margin-left: auto;
	}

	.sec01 .content_item_list{
		margin: auto;
		margin-left: calc(125 * (100vw / 750));
		margin-bottom: calc(77 * (100vw / 750));
	}

	.sec01 .content_item.left{
		margin-left: calc(52 * (100vw / 750));

	}

	.border_1{
		width: calc(700 * (100vw / 750));
		border: calc(1 * (100vw / 750)) solid #b3b3b3;
		margin: auto;
		margin-bottom: calc(120 * (100vw / 750));
	}

	._1{
		width: 100%;
		height: calc(625 * (100vw / 750));
		right: 0%;
		bottom: calc(498 * (100vw / 750));
	}

	/*2段目*/

	.sec02 {
		margin: auto;
		margin-bottom: calc(183 * (100vw / 750));
	}

	.sec02 .content_item_area{
		width: calc(280 * (100vw / 750));
		margin: auto;
	}

	._2{
		width: 100%;
		height: calc(442 * (100vw / 750));
		bottom: calc(-66 * (100vw / 750));
	}

	/*3段目*/
	.sec03{
		margin-bottom: calc(126 * (100vw / 750));
	}

	.sec03 .content_txt_area{
		margin-left: 0;
		margin: auto;
		margin-top: calc(55 * (100vw / 750));
	}

	.sec03 .content_img{
		width: calc(680 * (100vw / 750));
		margin-left: auto;
		margin-bottom: calc(-18 * (100vw / 750));
	}

	.sec03 .content_list{
		margin-bottom: calc(77 * (100vw / 750));
	}

	.sec03 .content_item_list{
		width: calc(560 * (100vw / 750));
		margin-top: 0;
		margin-left: calc(96 * (100vw / 750));
		margin-bottom: calc(63 * (100vw / 750));
	}

	.sec03 .content_item{
		width: calc(249 * (100vw / 750));
	}

	.sec03 .content_item.left{
		margin-left: calc(63 * (100vw / 750));
	}

	._3{
		width: 100%;
		height: calc(546 * (100vw / 750));
		left: 0%;
		bottom: calc(535 * (100vw / 750));
	}

	/*4段目*/
	.sec04{
		margin-bottom: calc(188 * (100vw / 750));
	}

	.sec04 .content_item_area{
		width: calc(293 * (100vw / 750));
		margin-left:0;
		margin: auto;
	}

	.sec04 .item_txt{
		margin-bottom: calc(30 * (100vw / 750));
	}

	.sec04 .content_price{
		margin-top: calc(16 * (100vw / 750));
	}

	._4{
		width: 100%;
		height: calc(360 * (100vw / 750));
		bottom: calc(-67 * (100vw / 750));
	}

	/*5段目*/

	.sec05{
		margin-bottom: calc(212 * (100vw / 750));
	}

	.sec05 .content_txt_area{
		margin-top: calc(55 * (100vw / 750));
		margin-left: 0;
		margin: auto;
	}

	.sec05 .content_list{
		margin-bottom: calc(78 * (100vw / 750));
	}

	.sec05 .content_item_list{
		width: calc(242 * (100vw / 750));
		display: block;
		margin-top: 0;
		margin-bottom: calc(64 * (100vw / 750));
	}

	.sec05 .content_item{
		width: calc(242 * (100vw / 750));
		margin-left: calc(254 * (100vw / 750));
	}

	.sec05 .content_sub_img{
		margin-left: auto;
	}

	._5{
		width: 100%;
		height: calc(625 * (100vw / 750));
		right: 0%;
		bottom: calc(491 * (100vw / 750));
	}

	  /*all_item*/
	  .all_item_btn{
	    width: calc(570* (100vw / 750));
	    margin:0 auto;
	  }

	}

	/* fade */
	.fade {
		transition-property: opacity, transform;
		transition-duration: 1.5s;
		opacity: 0;
		transform: translateY(1.5rem);
	}

	.fade.onView {
		opacity: 1;
		transform: translateY(0);
	}