/*===============================================
SP
===============================================*/
@media (max-width:761px) {
	/* ============================================================
 	section 01
	==============================================================*/
	#sec01 {
		width: 100%;
		padding: 60px 0 60px;
		overflow:hidden;
		background:#fafafa;
	}

	#sec01 time{
		display: inline-block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.3rem;
		letter-spacing: 0.1rem;
		font-feature-settings: 'palt';
		text-align:center;
		color:#fff;
		line-height:1;
		padding: 5px 24px 6px;
		border-radius:30px;
		background:#c9b27b;
	}


	#sec01 h1{
		font-family: 'Noto Serif JP', serif;
		font-weight:300;
		font-size: 3.2rem;
		letter-spacing: 0.2rem;
		font-feature-settings: 'palt';
		color: #000;
		line-height:1.4;
		padding: 4px 0 35px;
	}

	#product_swiper_wrap{
		width:100%;
		padding:0 0 60px;
		position:relative;
	}

	.swiper-wrapper{
		padding:0 0 0 6vw;
	}

	#product_swiper_wrap .swiper-slide img{
		width:auto;
		height:24vh;
	}

	.swiper-button-next_p,
	.swiper-button-prev_p{
		display:block;
		width: 80px;
		border-radius:30px;
		line-height:0;
		text-align:center;
		padding: 11px 0;
		background:#323232;
		position:absolute;
		bottom:0;
		cursor: pointer;
	}

	.swiper-button-next_p{
		left: calc(6vw + 90px);
	}
	.swiper-button-prev_p{
		left: 6vw;
	}

	.swiper-button-next_p img,
	.swiper-button-prev_p img{
		width: 8px;
	}

	 #progress_wrap{
		position: absolute;
		right: 6vw;
		bottom: 4px;
		height: 2px;
		z-index: 10;
		width: 66px;
	}

    .progressbar{
     position: relative;
     width: 100%;
     height: 2px;
     background: #ccc;
     overflow: hidden;
     
    }
    
    .progressbar span{
      display: inline-block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 2px;
      background: #463442;
      transform: scaleX(0);
      transform-origin: left center;
      transition-timing-function: linear;
     }

	/* ============================================================
 	section 02
	==============================================================*/
	#sec02 {
		width: 100%;
		padding: 80px 0 20px;
		overflow:hidden;
		background:#fafafa;
	}

	#sec02 .eng_txt{
		font-family: 'Noto Serif JP', serif;
		font-weight: 400;
		font-size: 6.0rem;
		letter-spacing: 0rem;
		font-feature-settings: 'palt';
		color: #f3f3f3;
		line-height: 1;
		position:absolute;
		left: 27px;
		top: -23px;
	}

	#sec02 h2{
		font-family: 'Noto Serif JP', serif;
		font-weight: 500;
		font-size: 2.8rem;
		letter-spacing: 0.7rem;
		color:#323232;
		font-feature-settings: 'palt';
		line-height:1.4;
		padding:0 0 10px;
		border-bottom:2px solid #323232;
	}

	#sec02 table{
		width:100%;
	}

	#sec02 th{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.4rem;
		letter-spacing: 0.1rem;
		text-align:left;
		color:#323232;
		font-feature-settings: 'palt';
		padding: 13px 10px;
		border-bottom:1px solid #c5c5c5;
		width: 26%;
	}

	#sec02 td{
		width:74%;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		color:#323232;
		font-size:1.4rem;
		letter-spacing: 0.1rem;
		text-align:left;
		font-feature-settings: 'palt';
		padding: 12px 10px;
		border-bottom:1px solid #c5c5c5;
	}

	/* ============================================================
 	section 03
	==============================================================*/
	#sec03 {
		width: 100%;
		padding: 60px 0 50px;
		overflow:hidden;
		background:#fafafa;
	}

	#sec03 .eng_txt{
		font-family: 'Noto Serif JP', serif;
		font-weight: 400;
		font-size:7.0rem;
		letter-spacing: 0.3rem;
		font-feature-settings: 'palt';
		color: #f3f3f3;
		line-height: 1;
		position:absolute;
		left: 44px;
		top: -17px;
	}

	#sec03 h2{
		font-family: 'Noto Serif JP', serif;
		font-weight: 500;
		font-size: 2.8rem;
		letter-spacing: 0.7rem;
		color:#323232;
		font-feature-settings: 'palt';
		line-height:1.4;
		padding:0 0 10px;
		margin:0 0 20px;
		border-bottom:2px solid #323232;
	}

	#sec03 p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size:1.6rem;
		letter-spacing: 0.1rem;
		text-align:left;
		color:#323232;
		font-feature-settings: 'palt';
		padding: 0 0 16px;
	}

	#sec03 li{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		font-size: 1.4rem;
		letter-spacing: 0.1rem;
		text-align:left;
		color:#323232;
		text-indent: -0.6em;
		font-feature-settings: 'palt';
		line-height: 1.6;
		padding: 0 0 15px 8px;
	}

	/* ============================================================
 	section 03
	==============================================================*/
	#sec_cv {
		width: 100%;
		padding: 0 0 120px;
		overflow:hidden;
		background:#fafafa;
	}

	#sec_cv .btn_list{
		width: 88vw;
		box-sizing: border-box;
		padding: 50px 0;
		margin:0 auto;
		display:flex;
		flex-wrap: wrap;
		gap: 11px 0;
		justify-content: center;
		border-top: 1px solid #dedede;
	}

	#sec_cv .btn_list a{
		display:block;
		width: 250px;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:300;
		font-size:1.8rem;
		letter-spacing:0.2rem;
		font-feature-settings: 'palt';
		text-align:center;
		color:#fff;
		line-height:1;
		padding: 16px 0 20px;
		border-radius:30px;
		background: linear-gradient( to right,  #db8500 0%,#ff9b00 50%, #ffbc54 100% );
		position:relative;
	}

	#sec_cv .btn_list li:first-child a{
		/* width: 200px; */
		background: #323232;
	}

	#sec_cv .btn_list a span{
		line-height: 0;
		display:block;
		width: 8px;
		position:absolute;
		right: 19px;
		top: 49%;
		transform:translate(0,-50%);
	}

	

}