/*========================================================================
//
// PC
//
//========================================================================*/


/*========================================================================
// common
//========================================================================*/
@media (min-width: 762px) {
	.st-GlobalHeader{
		background:#fff;
		z-index: 9999;
	}
	
	.local-PageTitle {
		background: #fff;
	}

	.st-Title {
	    margin: 30px 0 15px;
	  }

	.layout-Top_ContentsHeader{
		position: relative;
		z-index: 9;
	}

	.layout-Top_ContentsHeader:before{
		content: "";
		display: block;
		width: 100%;
		height: 33px;
		box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
		background: #fff;
		position: absolute;
		top: -10px;
		left:0;
		z-index:-1;
	}

	.iPadv .layout-Top_ContentsHeader:before{
		display: none;
	}

	#luxy{
		top:0;
	}

	.iPad #luxy{
		position:absolute;
		top:0;
	}
	
	#tha{
		width: 100%;
		position: relative;
	}

	
	
	#tha ul, #tha ol, #tha dl, #tha dd {
		padding: 0;
		margin: 0;
		list-style: none;
	}

	.ch{
		display:inline-block;
		transform: translate(0,100%);
	}

	.lazy_TxtUp_act .ch{
		transform: translate(0,0);
	}
	
	.sp_contents {
		display: none;
	}

	#animation_wrap{
		width: 100vw;
	}
	
}



/*========================================================================
// contents
//========================================================================*/
@media (min-width: 762px) {

	
	/* ============================================================
 	fv_wrap
	==============================================================*/
	#fv_wrap {
		width: 100vw;
		max-width: 1100px;
		margin:0 auto;
		height: calc(100vh + 200px);
		overflow: hidden;
		position: relative;
	}

	#fv_wrap h2{
		position:absolute;
		left:0;
		top: 46%;
		transform:translate(0,-50%);
		font-size: 48px;
		letter-spacing: 1px;
		font-weight: 600;
		line-height: 1.45;
		font-feature-settings: 'palt';
	}

	.iPad #fv_wrap h2{
		left:10%;
		top: 44%;
	}

	.iPadv #fv_wrap h2{
		left: 5%;
		top: 13%;
		line-height: 1.4;
	}
	
	#fv_wrap h2 span.pa{
		display: inline-block;
		overflow: hidden;
	}
	
	
	/* ============================================================
 	section 00
	==============================================================*/
	
	#sec00 {
		width: 100vw;
		max-width: 1100px;
		margin:0 auto;
		height: calc(100vh + 200px);
		overflow: hidden;
		position: relative;
	}
	
	#sec00 .t_wrap{
		position:absolute;
		left:0;
		top: 50%;
		transform:translate(0,-50%);
	}

	.iPad #sec00 .t_wrap{
		left:10% !important;
	}

	.iPadv #sec00 .t_wrap{
		left:5% !important;
	}
	
	#sec00 h2 {
		font-size: 42px;
		letter-spacing: 14px;
		font-weight: 600;
		line-height: 1.6;
		font-feature-settings: 'palt';
	}

	#sec00 h2 span{
		display:block;
	}
	
	#sec00 p {
		font-size: 18px;
		letter-spacing: 2px;
		font-weight: 500;
		line-height: 2.4;
		font-feature-settings: 'palt';
		padding: 0 0 28px;
	}
	
	#sec00 p span.pa{
		display:block;
		overflow: hidden;
	}
	#sec00 p span.ch{
		display:inline-block;
		transform: translate(0,90%);
	}
	#sec00 p.lazy_TxtUp_act span.ch{
		transform: translate(0,0);
	}

	#sec00 p .c1{
		font-style:normal;
		font-weight:600;
		background:#ffa6a6;
		padding:0 6px;
	}

	#sec00 p .c2{
		font-style:normal;
		font-weight:600;
		background:#f2ff4d;
		padding:0 6px;
	}

	#sec00 p .c3{
		font-style:normal;
		font-weight:600;
		background:#91eaff;
		padding:0 6px;
	}
	
	
	/* ============================================================
 	section 01
	==============================================================*/
	
	#sec01 {
		width: 100vw;
		height: calc(100vh + 200px);
		overflow: hidden;
		position: relative;
	}

	#sec01:before{
		content: "";
		display: none;
		width: 100vw;
		height:100%;
		background: url("../img/sec_bg.svg");
		background-size:cover;
		position: absolute;
		top: 50%;
		left: 50%;
		opacity: 0;
		transform:translate(-50%, -50%);
		z-index:-2;
		transition: all 1s cubic-bezier(0, 0, 0.32, 0.98) 1s;
	}
	
	#sec01.lazy_bg_act:before{
		opacity: 1;
	}

	
	
	#sec01 .t_wrap{
		position:absolute;
		left:50%;
		top: calc(50% - 217px);
		transform:translate(-50%,-50%);
	}

	#sec01 h2 {
		font-size: 35px;
		letter-spacing: 4px;
		font-weight: 400;
		line-height: 1.1;
		font-feature-settings: 'palt';
	}

	#sec01 h2 .s1{
		display:inline-block;
		font-family: "Barlow Condensed", sans-serif;
		font-size: 80px;
		letter-spacing: 4px;
		font-weight: 400;
	}

	#sec01 h2 .s2{
		display:block;
		font-size: 38px;
		letter-spacing: 4px;
		font-weight: 600;
	}

	#sec01 p {
		font-size: 16px;
		letter-spacing: 4px;
		font-weight: 400;
		line-height: 1.2;
		text-align:center;
		padding: 6px 0 0;
		font-feature-settings: 'palt';
	}

	#sec01 #tha_card_wrap{
		box-sizing:border-box;
		width:100%;
		height: 560px;
		max-width: 1000px;
		overflow: hidden;
		position:absolute;
		left:50%;
		top: calc(50% + 85px);
		transform:translate(-50%,-50%);
	}

	#sec01 .swiper-slide{
		transition: all 0.5s ease 0s;
	}

	#sec01 .swiper-slide-next{
		transform:translate(24px,70px) scale(1.25);
	}

	#sec01 .swiper-slide-prev{
		transform:translate(-24px,70px) scale(1.25);
	}

	#sec01 .swiper-slide-active{
		transform:translate(0,140px) scale(1.8);
	}

	#sec01 .swiper-slide a{
		display:block;
		padding:16px;
		margin:0 10px;
	}

	#sec01 .swiper-slide .img_box{
		line-height:0;
		position:relative;
		background:#fff;
		border-radius:12px;
		overflow:hidden;
		box-shadow: 0 0 16px 0 rgba(0,0,0,0.2);
	}

	#sec01 .swiper-slide .img_box span{
		display:block;
		position:absolute;
		left:0;
		top:0;
	}

	#sec01 .view_list{
		position:absolute;
		left:50%;
		top: calc(50% + 170px);
		transform:translate(-50%,-50%);
	}

	#sec01 .swiper-button-next_p{
		display:block;
		box-sizing:border-box;
		background:#000 url("../img/swiper-button-next.svg");
		border-radius: 30px;
		width: 50px;
		height: 50px;
		position:absolute;
		left:calc(50% + 130px);
		top: calc(50% + 170px);
		transform:translate(-50%,-50%);
		cursor:pointer;
		caret-color: transparent;
	}

	#sec01 .swiper-button-prev_p{
		display:block;
		box-sizing:border-box;
		background:#000 url("../img/swiper-button-prev.svg");
		border-radius: 30px;
		width: 50px;
		height: 50px;
		position:absolute;
		left:calc(50% - 130px);
		top: calc(50% + 170px);
		transform:translate(-50%,-50%);
		cursor:pointer;
		caret-color: transparent;
	}

	#sec01 .view_list a{
		display:block;
		font-family: "Barlow Condensed", sans-serif;
		font-size: 17px;
		letter-spacing: 4px;
		font-weight: 500;
		color:#fff;
		text-align:center;
		text-decoration: none;
		padding: 3px 0 6px;
		background:#000;
		border-radius: 30px;
		width: 160px;
	}
	
	#sec01 .view_list .clickOff a{
		pointer-events: none;
	}

	#sec01 .swiper-slide a{
		transition: all 0.4s cubic-bezier(0, 0, 0.11, 1.48) 0s;
	}

	#sec01 .swiper-slide a:hover{
		transform:scale(1.05);
	}

	#sec01 .view_list a{
		transition: all 0.4s cubic-bezier(0, 0, 0.11, 1.48) 0s;
	}

	#sec01 .view_list a:hover{
		background:#df0522;
		transform:scale(1.05);
	}

	#sec01 .swiper-button-next_p,#sec01 .swiper-button-prev_p{
		transition: all 0.4s cubic-bezier(0, 0, 0.11, 1.48) 0s;
	}

	#sec01 .swiper-button-prev_p:hover{
		background:#df0522 url("../img/swiper-button-prev.svg");
		transform:translate(-50%,-50%) scale(1.05);
	}

	#sec01 .swiper-button-next_p:hover{
		background:#df0522 url("../img/swiper-button-next.svg");
		transform:translate(-50%,-50%) scale(1.05);
	}

	/* ============================================================
 	sec_strong
	==============================================================*/
	
	#sec_strong_a,#sec_strong_b,#sec_strong_c {
		width: 100vw;
		height: calc(100vh + 200px);
		position:relative;
	}

	#sec_strong_a{
		/* background:url("../img/dd01.svg") no-repeat; */
		/* background-size:cover; */
	}
	#sec_strong_b{
		/* background:url("../img/dd02.svg") no-repeat; */
		/* background-size:cover; */
	}
	#sec_strong_c{
		/* background:url("../img/dd03.svg") no-repeat; */
		/* background-size:cover; */
	}
	
	#sec_strong_a .strong_con_wrap,#sec_strong_b .strong_con_wrap,#sec_strong_c .strong_con_wrap{
		position:absolute;
		top: 46%;
		left:50%;
		transform:translate(-50%,-50%);
	}

	.strong_con_wrap .img_logo{
		width: 300px;
		margin:0 auto;
		line-height:0;
		border-radius:50%;
		position:relative;
	}

	.strong_con_wrap .img_logo img{
		position:relative;
	}

	.strong_con_wrap .img_logo:before{
		content: "";
		display: block;
		width: 270px;
		height: 270px;
		background:#fff;
		border-radius:50%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform:translate(-50%, -50%);
	}

	#sec_strong_a .img_logo{
		background:#fce799;
	}

	#sec_strong_b .img_logo{
		background:#c2e5f7;
	}

	#sec_strong_c .img_logo{
		background:#bcedc9;
	}

	.strong_con_wrap p{
		font-size: 17px;
		letter-spacing: 2px;
		font-weight: 600;
		line-height: 1.7;
		text-align:center;
		white-space: nowrap;
		color:#fff;
		font-feature-settings: 'palt';
		padding: 10px 0 30px 10px;
	}

	.strong_con_wrap p span{
		display: inline-block;
		padding:0 16px;
		margin:5px 0;
	}

	#sec_strong_a .strong_con_wrap p span{
		background:#9e6c00;
	}

	#sec_strong_b .strong_con_wrap p span{
		background:#0069b3;
	}

	#sec_strong_c .strong_con_wrap p span{
		background:#008a1f;
	}

	.strong_con_wrap .btn_wrap a{
		display: block;
		width: 360px;
		box-sizing: border-box;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 20px;
		letter-spacing:1px;
		line-height: 1.2;
		text-align: center;
		padding: 8px 19px 14px 0;
		margin: 0 auto;
		color: #fff;
		text-decoration:none;
		background: #000 url("../img/icon_win.svg") no-repeat 87% center;
		background-size: 15px auto;
		border-radius: 40px;
	}

	.strong_con_wrap .btn_wrap a span{
		display:inline-block;
		font-size: 15px;
		vertical-align:text-top;
		margin: 7px 0 0 0;
	}

	.iPad .strong_con_wrap .btn_wrap a{
		padding: 7px 19px 13px 0;
	}

	.iPad .strong_con_wrap .btn_wrap a span{
		margin: 7px 0 0 0;
	}

	.iPadv .strong_con_wrap .btn_wrap a{
		padding: 7px 19px 13px 0;
	}

	.iPadv .strong_con_wrap .btn_wrap a span{
		margin: 7px 0 0 0;
	}

	.strong_con_wrap .btn_wrap a{
		transition: all 0.4s cubic-bezier(0, 0, 0.11, 1.48) 0s;
	}
	.strong_con_wrap .btn_wrap a:hover{
		background:#df0522 url("../img/icon_win.svg") no-repeat 87% center;
		background-size:15px auto;
	}
	

	/* ===== Fixed parts =====*/

	.strong_ttl_wrap{
		font-size: 48px;
		letter-spacing: 4px;
		font-weight: 600;
		line-height: 1.2;
		font-feature-settings: 'palt';
		position: absolute;
		top: 116px;
		left: calc(50% - 550px);
		z-index:100;
	}

	.iPad .strong_ttl_wrap{
		left:5%;
	}

	.iPadv .strong_ttl_wrap{
		left:5%;
		top: 0;
	}

	.strong_ttl_wrap span{
		display:block;
	}

	.strong_ttl_wrap span.pa{
		font-size: 22px;
		line-height: 1.4;
		letter-spacing: 6px;
		margin: 0px 0 4px 3px;
		overflow: hidden;
	}

	.strong_ttl_wrap span.pa_em1{
		padding:5px 0 0;
		overflow: hidden;
	}
	.strong_ttl_wrap span.pa_em2{
		padding:0 0 0;
		overflow: hidden;
	}

	.strong_ttl_sub_wrap{
		position: absolute;
		top: 330px;
		left: calc(50% - 558px);
		z-index:100;
	}

	.iPad .strong_ttl_sub_wrap{
		left:5%;
		z-index:100;
	}
	.iPadv .strong_ttl_sub_wrap{
		left:5%;
		top: 210px;
		z-index:100;
	}

	.strong_ttl_sub_wrap .strong_tha{
		display: block;
		font-size: 96px;
		line-height: 1;
		letter-spacing: 0px;
		font-weight: 500;
		overflow: hidden;
	}

	.iPadv .strong_ttl_sub_wrap .strong_tha{
		font-size: 100px;
	}

	.strong_ttl_sub_wrap .eng_txt{
		display:block;
		font-family: "Barlow Condensed", sans-serif;
		font-size: 30px;
		line-height: 1.4;
		letter-spacing: 2px;
		text-indent: 8px;
		font-weight: 500;
		margin: -9px 0 0 -4px;
		overflow: hidden;
	}

	#strong_area_a .strong_ttl_sub_wrap{
		color:#000;
		opacity:0.55;
	}

	#strong_area_b .strong_ttl_sub_wrap{
		color:#000;
		opacity:0.55;
	}

	#strong_area_c .strong_ttl_sub_wrap{
		color:#000;
		opacity:0.55;
	}

	.strong_img_ag1{
		width: 100px;
		position: absolute;
		top: calc(50% + 105px);
		left: calc(50% - 400px);
		z-index:100;
	}

	.strong_img_ag2{
		width: 150px;
		position: absolute;
		top: calc(50% - 197px);
		left: calc(50% + 330px);
		z-index: 9;
	}

	.iPadv .strong_img_ag1{
		width: 100px;
		position: absolute;
		top: calc(50% + 105px);
		left:10%;
		z-index:100;
	}

	.iPadv .strong_img_ag2{
		width: 150px;
		position: absolute;
		top: 10%;
		left:74%;
		z-index:100;
	}

	.strong_img_aquala1{
		width: 290px;
		position: absolute;
		top: calc(50% - 280px);
		left: calc(50% + 230px);
		z-index: 9;
	}
	.strong_img_aquala2{
		width: 110px;
		position: absolute;
		top: calc(50% - -120px);
		left: calc(50% - 467px);
		z-index:100;
	}

	.iPadv .strong_img_aquala1{
		width: 290px;
		position: absolute;
		top: 4%;
		left:60%;
		z-index:100;
	}
	.iPadv .strong_img_aquala2{
		width: 110px;
		position: absolute;
		top: calc(50% - -120px);
		left:10%;
		z-index:100;
	}

	.strong_img_t3_1{
		width: 110px;
		position: absolute;
		top: calc(50% + 102px);
		left: calc(50% - 384px);
		z-index:100;
	}

	.strong_img_t3_2{
		width: 170px;
		position: absolute;
		top: calc(50% - 120px);
		left: calc(50% + 340px);
		z-index: 9;
	}

	.iPadv .strong_img_t3_1{
		width: 110px;
		position: absolute;
		top: calc(50% + 102px);
		left:6%;
		z-index:100;
	}

	.iPadv .strong_img_t3_2{
		width: 170px;
		position: absolute;
		top:10%;
		left:66%;
		z-index:100;
	}

	.lazy_strong{
		opacity:0;
		transition: all 0.5s ease 0s;
	}

	.lazy_strong_act{
		opacity:1;
	}

	/* ============================================================
 	sec_strong_end
	==============================================================*/
	
	#sec_strong_end {
		width: 100vw;
		height: calc(100vh + 200px);
		position:relative;
	}


	#sec_strong_end h2{
		font-size: 38px;
		line-height: 1.6;
		letter-spacing: 6px;
		font-weight: 600;
		text-align:center;
		white-space: nowrap;
		position: absolute;
		top: 50%;
		left: calc(50% + 8px);
		transform:translate(-50%, -50%);
	}

	#sec_strong_end h2 span.pa{
		display:block;
		overflow: hidden;
	}
	#sec_strong_end h2 span.ch{
		display:inline-block;
		transform: translate(0,90%);
	}

	#sec_strong_end h2.lazy_TxtUp_act span.ch{
		transform: translate(0,0);
	}

	#sec_strong_end p{
		font-size: 44px;
		line-height: 1.1;
		letter-spacing: 0px;
		font-weight: 600;
		text-align:center;
		padding: 42px 0 0;
		border-radius:50%;
		background:#fff;
		width:170px;
		height:170px;
		box-sizing:border-box;
	}

	#sec_strong_end p span{
		display:block;
		font-size:16px;
	}

	#sec_strong_end li{
		width: 170px;
		height: 170px;
		position:absolute;
	}

	#sec_strong_end li:nth-child(1){
		top: calc(50% - 316px);
		left: calc(50% + 150px);
	}
	#sec_strong_end li:nth-child(2){
		top: calc(50% - 316px);
		right: calc(50% + 150px);
	}
	#sec_strong_end li:nth-child(3){
		top: 64%;
		left: calc(50% - 85px);
	}
	#sec_strong_end li:nth-child(4){
		top: 53%;
		right: calc(50% + 350px);
	}
	#sec_strong_end li:nth-child(5){
		top: 53%;
		left: calc(50% + 350px);
	}
	.iPadv #sec_strong_end li:nth-child(4){
		top: 54%;
		left:3%;
	}
	.iPadv #sec_strong_end li:nth-child(5){
		top: 54%;
		left:unset;
		right:3%;
	}

	#sec_strong_end li:nth-child(1) p {
		border:10px solid #f7b2c9;
		color: #d20015;
		animation: fade_loop 6s infinite ease-in-out 0s;
	}
	#sec_strong_end li:nth-child(2) p {
		border:10px solid #fce799;
		color: #c78800;
		animation: fade_loop 6s infinite ease-in-out 1s;
	}
	#sec_strong_end li:nth-child(3) p {
		border:10px solid #b6ebc5;
		color: #008a1f;
		animation: fade_loop 6s infinite ease-in-out 2s;
	}
	#sec_strong_end li:nth-child(4) p {
		border:10px solid #ffd7c0;
		color: #eb4700;
		animation: fade_loop 6s infinite ease-in-out 1.5s;
	}
	#sec_strong_end li:nth-child(5) p {
		border:10px solid #c2e5f7;
		color: #0081da;
		animation: fade_loop 6s infinite ease-in-out 1s;
	}

	/* ============================================================
 	section cv
	==============================================================*/
	
	#sec_cv {
		width: 100vw;
		height:710px;
		box-sizing:border-box;
		background:url("../img/sec_cv_bg.jpg");
		background-size:auto 100%;
		padding: 100px 0 0;
	}

	#sec_cv .wrapper{
		width: 700px;
		margin:0 auto;
	}

	#sec_cv h2{
		font-family: "M PLUS 1p", sans-serif;
		font-size:60px;
		letter-spacing: 2px;
		font-weight: 600;
		line-height: 1;
		color: #fff;
		font-feature-settings: 'palt';
		text-align: center;
		padding: 0 0 8px;
	}

	#sec_cv p.body_txt{
		font-size:14px;
		letter-spacing: 2px;
		font-weight: bold;
		line-height: 1.4;
		color: #fff;
		font-feature-settings: 'palt';
		text-align: center;
		padding: 0 0 30px;
	}

	#sec_cv p.body_txt span{
		font-family: "M PLUS 1p", sans-serif;
		font-weight: 500;
		font-size:24px;
	}

	#sec_cv p.sub_ttl{
		font-family: "M PLUS 1p", sans-serif;
		font-size: 23px;
		letter-spacing: 2px;
		font-weight: 600;
		line-height: 1.4;
		color: #fff;
		font-feature-settings: 'palt';
		text-align: center;
		padding: 0 0 13px;
		position:relative;
	}

	#sec_cv p.sub_ttl span{
		display:block;
		width: 81px;
		position:absolute;
		top: -32px;
		left: calc(50% - 11.5em);
		line-height: 0;
	}

	#sec_cv ul.sub_ttl_sh{
		display:flex;
		justify-content: center;
		gap: 0 20px;
	}

	#sec_cv ul.sub_ttl_sh li{
		width: 260px;
		font-weight:bold;
		font-size: 15px;
		letter-spacing: 1px;
		line-height: 1.4;
		color: #fff;
		text-align:center;
		padding: 42px 0 40px;
	}

	#sec_cv ul.sub_ttl_sh li span{
		font-family: "M PLUS 1p", sans-serif;
		font-weight: 600;
		font-size:22px;
	}

	#sec_cv ul.sub_ttl_sh li:first-child{
		background:url("../img/sec_cv_icon01.svg") no-repeat;
		background-size:100% auto;
	}
	#sec_cv ul.sub_ttl_sh li:last-child{
		background:url("../img/sec_cv_icon02.svg") no-repeat;
		background-size:100% auto;
	}

	#sec_cv .btn_box{
		background:#fff;
		border-radius:10px;
		padding: 20px 0 30px;
	}

	#sec_cv p.note_txt{
		font-size: 13px;
		letter-spacing: 0;
		line-height: 1.4;
		text-align:center;
		padding: 8px 0 31px;
	}

	#sec_cv ul.btn_list{
		display:flex;
		justify-content:center;
		gap: 0 30px;
	}

	#sec_cv ul.btn_list li{
		width: 290px;
	}

	#sec_cv ul.btn_list li h3{
		font-weight:bold;
		font-size: 18px;
		text-align:center;
		padding: 0 0 2px;
	}

	#sec_cv ul.btn_list li p.note_txt2{
		font-weight:bold;
		font-size:12px;
		text-align:center;
		padding: 10px 0 0;
	}

	#sec_cv ul.btn_list li a{
		display:block;
		background:#000 url("../img/icon_win.svg") no-repeat 90% center;
		background-size:14px auto;
		border:2px solid #000;
		border-radius: 30px;
		text-align:center;
		color:#fff;
		font-size:16px;
		font-weight: bold;
		text-decoration:none;
		text-indent:-4px;
		padding: 6px 0 6px;
	}

	#sec_cv ul.btn_list li:last-child a{
		display:block;
		background:#ffe5cf url("../img/icon_win_b.svg") no-repeat 90% center;
		background-size:14px auto;
		border:2px solid #ff9147;
		border-radius: 30px;
		text-align:center;
		color:#3d2a09;
		font-size:16px;
		font-weight: bold;
		text-decoration:none;
		padding: 6px 0 6px;
		text-indent: 8px;
	}

	#sec_cv ul.btn_list li a span{
		display:inline-block;
		font-family: "M PLUS 1p", sans-serif;
		font-weight: 500;
		font-size: 21px;
	}

	#sec_cv ul.btn_list li:first-child a span{
		margin:0 5px 0 0;
	}

	#sec_cv ul.btn_list li:last-child a span{
		margin:0 -5px 0 0;
	}

	#sec_cv ul.btn_list li a{
		transition: all 0.5s ease 0s;
	}

	#sec_cv ul.btn_list li a:hover{
		opacity: 0.3;
	}


	
	
	/* ============================================================
 	section product
	==============================================================*/
	
	#sec_product {
		width: 100vw;
		overflow: hidden;
		background: #474747;
		padding: 80px 0 30px;
		position: relative;
	}

	#sec_product:before{
		content: "";
		display: block;
		width: 100%;
		height:200px;
		background:#323232;
		position: absolute;
		top:0;
		left:0;
	}
	
	#sec_product .wrapper{
		width: 962px;
		margin: 0 auto;
		padding: 0 0 100px;
		position: relative;
		min-height: calc(100vh - 140px);
	}

	.iPad #sec_product .wrapper{
		width: 90vw;
		margin: 0 auto;
		position: relative;
		min-height: calc(100vh - 140px);
	}

	.iPadv #sec_product .wrapper{
		width: 90vw;
		margin: 0 auto;
		position: relative;
		min-height: calc(100vh - 140px);
	}
	
	#sec_product h2{
		font-size: 24px;
		letter-spacing: 2px;
		font-weight: 600;
		line-height: 1.4;
		color: #999999;
		font-feature-settings: 'palt';
		border-bottom:2px solid #999999;
		text-align: center;
		padding: 0 0 10px;
		margin: 0 0 22px;
	}
	
	#sec_product .sortControl ul{
		width: 900px;
		display: flex;
		flex-wrap: wrap;
		justify-content:space-between;
		margin: 0 auto 40px;
	}

	.iPadv #sec_product .sortControl ul{
		width: 90vw;
		display: flex;
		flex-wrap: wrap;
		justify-content:space-between;
		margin: 0 auto 40px;
	}

	#sec_product .sortControl li{
		width: 140px;
	}

	.iPadv #sec_product .sortControl li{
		width: 110px;
	}

	#sec_product .sortControl a {
		display:block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 16px;
		letter-spacing: 2px;
		line-height: 1;
		text-align:center;
		color: #fff;
		text-decoration:none;
		background:#323232;
		padding: 1px 0 7px;
		border-radius: 22px;
		border: 1px solid #323232;
		cursor: pointer;
		caret-color: transparent;
		transition: all 0.5s ease 0s;
	}
    #sec_product .sortControl a:before{
		content:"\025bc";
		font-size: 6px;
		display:inline-block;
		margin: 10px 6px 0 0;
		vertical-align: text-top;
	}

	.iPad #sec_product .sortControl a {
		padding: 7px 0 8px;
	}
	
    .iPad #sec_product .sortControl a:before{
		margin: 8px 6px 0 0;
	}

	.iPadv #sec_product .sortControl a {
		padding: 7px 0 8px;
	}
	
    .iPadv #sec_product .sortControl a:before{
		margin: 8px 6px 0 0;
	}

	#sec_product .sortControl li:nth-child(1) a.act {
		background:#d7d7d7;
		color:#323232;
		border: 1px solid #fff;
	}
	
	#sec_product .sortControl li:nth-child(2) a.act {
		background:#fa2d6e;
		border: 1px solid #fff;
		text-shadow: 1px 1px 0 #9e000f,-1px 1px 0 #9e000f,1px -1px 0 #9e000f,-1px -1px 0 #9e000f;
	}
	#sec_product .sortControl li:nth-child(3) a.act {
		background: #f7c200;
		border: 1px solid #fff;
		text-shadow: 1px 1px 0 #C78800,-1px 1px 0 #C78800,1px -1px 0 #C78800,-1px -1px 0 #C78800;
	}
	#sec_product .sortControl li:nth-child(4) a.act {
		background:#0bbe3e;
		border: 1px solid #fff;
		text-shadow: 1px 1px 0 #008A1F,-1px 1px 0 #008A1F,1px -1px 0 #008A1F,-1px -1px 0 #008A1F;
	}
	#sec_product .sortControl li:nth-child(5) a.act {
		background:#ff7b2e;
		border: 1px solid #fff;
		text-shadow: 1px 1px 0 #EB4700,-1px 1px 0 #EB4700,1px -1px 0 #EB4700,-1px -1px 0 #EB4700;
	}
	#sec_product .sortControl li:nth-child(6) a.act {
		background:#0091df;
		border: 1px solid #fff;
		text-shadow: 1px 1px 0 #0069B3,-1px 1px 0 #0069B3,1px -1px 0 #0069B3,-1px -1px 0 #0069B3;
	}

	#sec_product .sortControl a:hover{
		border: 1px solid #606060;
	}
	
	#sec_product .itemList{
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
		gap: 20px 0;
		padding: 38px 0 0;
	}

	#sec_product .itemList:after{
	  content:"";
	  display: block;
	  width:31%;
	}
	
	#sec_product .itemList:before{
	  content:"";
	  display: block;
	  width:24%;
	  order:1;
	}
	#sec_product .itemList:after{
	  content:"";
	  display: block;
	  width:24%;
	}

	#sec_product .itemList > li{
		width: 24%;
		background:#fff;
		border-radius:10px;
		overflow:hidden;
		padding: 0 0 16px;
	}

	#sec_product .itemList li a{
		display:block;
		text-decoration:none;
		position: relative;
	}

	#sec_product .itemList li a{
		display:block;
		text-decoration:none;
		position: relative;
	}
	
	#sec_product .itemList h3{
		font-size: 19px;
		letter-spacing: 1px;
		font-weight: 600;
		line-height: 1.4;
		color: #fff;
		position: absolute;
		box-sizing: border-box;
		width: 66px;
		height: 66px;
		overflow: hidden;
		padding: 11px 0 0 8px;
	}

	#sec_product .itemList h3 span{
		display:block;
		position:relative;
	}
	
	#sec_product .itemList h3:before{
		content: "";
		display: block;
		width: 130px;
		height: 130px;
		border-radius: 50%;
		position: absolute;
		top: -70px;
		left: -64px;
		z-index:0;
	}

	.iPadv #sec_product .itemList .img_box{
		padding:40px 0 0;
	}
	
	#sec_product .itemList h3.ttl_a:before{
		background:#fa2d6e;
	}

	#sec_product .itemList h3.ttl_b:before{
		background:#f7c200;
	}

	#sec_product .itemList h3.ttl_c:before{
		background:#0bbe3e;
	}

	#sec_product .itemList h3.ttl_d:before{
		background:#ff7b2e;
	}

	#sec_product .itemList h3.ttl_e:before{
		background:#0091df;
	}

	#sec_product .itemList h3.ttl_a span{
		text-shadow: 1px 1px 0 #9e000f,-1px 1px 0 #9e000f,1px -1px 0 #9e000f,-1px -1px 0 #9e000f;
	}

	#sec_product .itemList h3.ttl_b span{
		text-shadow: 1px 1px 0 #9E6C00,-1px 1px 0 #9E6C00,1px -1px 0 #9E6C00,-1px -1px 0 #9E6C00;
	}

	#sec_product .itemList h3.ttl_c span{
		text-shadow: 1px 1px 0 #008A1F,-1px 1px 0 #008A1F,1px -1px 0 #008A1F,-1px -1px 0 #008A1F;
	}

	#sec_product .itemList h3.ttl_d span{
		text-shadow: 1px 1px 0 #D64100,-1px 1px 0 #D64100,1px -1px 0 #D64100,-1px -1px 0 #D64100;
	}

	#sec_product .itemList h3.ttl_e span{
		text-shadow: 1px 1px 0 #0069B3,-1px 1px 0 #0069B3,1px -1px 0 #0069B3,-1px -1px 0 #0069B3;
	}
	
	#sec_product .itemList h4{
		font-size: 18px;
		letter-spacing: 0;
		color: #000;
		font-weight: 600;
		line-height: 1.2;
		padding: 0 15px 10px;
	}
	
	#sec_product .tag_list{
		display:flex;
		flex-wrap:wrap;
		padding: 0 15px;
		gap: 6px;
	}
	#sec_product .tag_list > li{
		font-size: 12px;
		letter-spacing: 0;
		line-height:1.4;
		font-weight: 500;
		padding: 4px 6px 2px;
		white-space:nowrap;
		text-align:center;
		color:#6b6b6b;
		background:#f0f0f0;
		border:1px solid #999999;
		pointer-events: none;
	}

	#sec_product .itemList li:hover{
		transition: all 0.5s ease 0s;
		opacity: 0.5;
	}

	#sec_product .note_txt{
		font-size: 13.5px;
		letter-spacing: 1px;
		color: #c5c5c5;
		font-weight: 500;
		line-height: 1.6;
		position: absolute;
		left: 0;
		bottom: 0;
	}
	
}

/* ============================================================
 	Modal CSS
==============================================================*/
@media (min-width: 762px) {

	#modal_win ul, #modal_win ol, #modal_win dl, #modal_win dd {
		padding: 0;
		margin: 0;
		list-style: none;
	}
	
	#modal_win {
		position: fixed;
		top: 0;
		left: 0;
		background: rgba(255,255,255,0.6);
		-webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(10px);
		width: 100vw;
		height: 100vh;
		z-index: 10000;
		display: none;
		cursor: pointer;
	}

	#modal_win .m_n_wrap {
		position: relative;
		width: 100%;
		height: 100vh;
	}

	#modal_win .m_n_box_a,#modal_win .m_n_box_b,#modal_win .m_n_box_c,#modal_win .m_n_box_d,#modal_win .m_n_box_e {
		position: absolute;
		top: 50%;
		left: 50%;
		transform:translate(-50%, 0);
		opacity:0;
		box-sizing:border-box;
		width: 960px;
		height: 540px;
		border-radius: 16px;
		padding: 140px 16px 0 0;
		box-shadow: 0 0 30px 6px rgba(0,0,0,0.1);
		transition: all 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	.iPadv #modal_win .m_n_box_a,.iPadv #modal_win .m_n_box_b,.iPadv #modal_win .m_n_box_c,.iPadv #modal_win .m_n_box_d,.iPadv #modal_win .m_n_box_e {
		width: 620px;
		height: 760px;
		padding: 140px 16px 0 0;
	}

	#modal_win .m_n_box_a{ background:#fff url("../img/win_bg_a.svg");background-size: 100% auto;}
	#modal_win .m_n_box_b{ background:#fff url("../img/win_bg_b.svg");background-size: 100% auto;}
	#modal_win .m_n_box_c{background:#fff url("../img/win_bg_c.svg");background-size: 100% auto;}
	#modal_win .m_n_box_d{ background:#fff url("../img/win_bg_d.svg");background-size: 100% auto;}
	#modal_win .m_n_box_e{ background:#fff url("../img/win_bg_e.svg");background-size: 100% auto;}

	.iPadv #modal_win .m_n_box_a{ background:#fff url("../img/win_bg_a.svg") no-repeat;background-size: 160% auto;}
	.iPadv #modal_win .m_n_box_b{ background:#fff url("../img/win_bg_b.svg") no-repeat;background-size: 160% auto;}
	.iPadv #modal_win .m_n_box_c{background:#fff url("../img/win_bg_c.svg") no-repeat;background-size: 160% auto;}
	.iPadv #modal_win .m_n_box_d{ background:#fff url("../img/win_bg_d.svg") no-repeat;background-size: 160% auto;}
	.iPadv #modal_win .m_n_box_e{ background:#fff url("../img/win_bg_e.svg") no-repeat;background-size: 160% auto;}

	#modal_win .m_n_box {
		position: absolute;
		top: 50%;
		left: 50%;
		transform:translate(-50%, 0);
		opacity:0;
		box-sizing:border-box;
		background:#fff;
		width: 960px;
		height: 540px;
		border-radius: 16px;
		padding: 16px 16px 0 0;
		box-shadow: 0 0 30px 6px rgba(0,0,0,0.1);
		transition: all 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	.iPadv #modal_win .m_n_box{
		width: 620px;
		height: 800px;
	}

	#modal_win .m_n_box_act{
		opacity:1;
		top: 25%;
		transform:translate(-50%, -50%);
		cursor: default;
	}

	#modal_win h2.tha_ttl{
		font-size: 54px;
		letter-spacing: 1px;
		line-height:1;
		font-weight: 600;
		color:#fff;
		position:absolute;
		left: 42px;
		top: 30px;
	}

	#modal_win .m_n_box_a h2.tha_ttl{text-shadow: 1px 1px 0 #9e000f,-1px 1px 0 #9e000f,1px -1px 0 #9e000f,-1px -1px 0 #9e000f;}
	#modal_win .m_n_box_b h2.tha_ttl{text-shadow: 1px 1px 0 #C78800,-1px 1px 0 #C78800,1px -1px 0 #C78800,-1px -1px 0 #C78800;}
	#modal_win .m_n_box_c h2.tha_ttl{text-shadow: 1px 1px 0 #008A1F,-1px 1px 0 #008A1F,1px -1px 0 #008A1F,-1px -1px 0 #008A1F;}
	#modal_win .m_n_box_d h2.tha_ttl{text-shadow: 1px 1px 0 #EB4700,-1px 1px 0 #EB4700,1px -1px 0 #EB4700,-1px -1px 0 #EB4700;}
	#modal_win .m_n_box_e h2.tha_ttl{text-shadow: 1px 1px 0 #0069B3,-1px 1px 0 #0069B3,1px -1px 0 #0069B3,-1px -1px 0 #0069B3;}

	.iPadv #modal_win h2.tha_ttl{
		font-size: 54px;
		letter-spacing: 1px;
		line-height:1;
		font-weight: 600;
		color:#fff;
		position:absolute;
		left: 12px;
		top: -78px;
	}


	.iPadv #modal_win .m_n_box_a h2.tha_ttl{color: #9e000f;}
	.iPadv #modal_win .m_n_box_b h2.tha_ttl{ color:#C78800;}
	.iPadv #modal_win .m_n_box_c h2.tha_ttl{ color:#008A1F;}
	.iPadv #modal_win .m_n_box_d h2.tha_ttl{ color:#EB4700;}
	.iPadv #modal_win .m_n_box_e h2.tha_ttl{ color:#0069B3;}

	.iPadv #modal_win .m_n_box_a h2.tha_ttl{text-shadow:none;}
	.iPadv #modal_win .m_n_box_b h2.tha_ttl{text-shadow:none;}
	.iPadv #modal_win .m_n_box_c h2.tha_ttl{text-shadow:none;}
	.iPadv #modal_win .m_n_box_d h2.tha_ttl{text-shadow:none;}
	.iPadv #modal_win .m_n_box_e h2.tha_ttl{text-shadow:none;}

	#modal_win h2.tha_ttl span{
		display:block;
		font-family: "Barlow Condensed", sans-serif;
		font-size: 17px;
		letter-spacing: 3px;
		font-weight: 500;
		text-align:center;
	}
	
	#modal_win .w_product_info_wrap h2{
		display: inline-block;
		width: 70px;
		box-sizing: border-box;
		font-size: 18px;
		letter-spacing: 1px;
		line-height:1;
		font-weight: 600;
		color:#fff;
		border-radius: 20px;
		text-align: center;
		padding: 6px 0 4px;
		margin: 20px 0 0;
	}
	
	#modal_win .w_product_info_wrap h2.ttl_a{
		background:#fa2d6e;
		text-shadow: 1px 1px 0 #9e000f,-1px 1px 0 #9e000f,1px -1px 0 #9e000f,-1px -1px 0 #9e000f;
	}

	#modal_win .w_product_info_wrap h2.ttl_b{
		background:#f7c200;
		text-shadow: 1px 1px 0 #9E6C00,-1px 1px 0 #9E6C00,1px -1px 0 #9E6C00,-1px -1px 0 #9E6C00;
	}

	#modal_win .w_product_info_wrap h2.ttl_c{
		background:#0bbe3e;
		text-shadow: 1px 1px 0 #008A1F,-1px 1px 0 #008A1F,1px -1px 0 #008A1F,-1px -1px 0 #008A1F;
	}

	#modal_win .w_product_info_wrap h2.ttl_d{
		background:#ff7b2e;
		text-shadow: 1px 1px 0 #D64100,-1px 1px 0 #D64100,1px -1px 0 #D64100,-1px -1px 0 #D64100;
	}

	#modal_win .w_product_info_wrap h2.ttl_e{
		background:#0091df;
		text-shadow: 1px 1px 0 #0069B3,-1px 1px 0 #0069B3,1px -1px 0 #0069B3,-1px -1px 0 #0069B3;
	}

	#modal_win .btn_list_a,
	#modal_win .btn_list_b,
	#modal_win .btn_list_c,
	#modal_win .btn_list_d,
	#modal_win .btn_list_e{
		position:absolute;
		left: 340px;
		top: 30px;
		display:flex;
		flex-wrap:wrap;
		width: 580px;
		gap: 7px 0;
	}

	#modal_win .btn_list_a > li:first-child,
	#modal_win .btn_list_b li:first-child,
	#modal_win .btn_list_c li:first-child,
	#modal_win .btn_list_d li:first-child,
	#modal_win .btn_list_e li:first-child{
		position:absolute;
		left: -160px;
		top: 0;
		border-right:2px dotted #fff;
	}

	#modal_win .btn_list_a a,
	#modal_win .btn_list_b a,
	#modal_win .btn_list_c a,
	#modal_win .btn_list_d a,
	#modal_win .btn_list_e a{
		display:block;
		font-size: 14px;
		letter-spacing: 1px;
		font-weight: 600;
		color:#fff;
		text-align:center;
		text-decoration: none;
		padding: 2px 20px;
		background:#000;
		margin:0 4px;
		border-radius: 30px;
		border: 1px solid #000;
	}

	#modal_win .btn_list_a a:before,
	#modal_win .btn_list_b a:before,
	#modal_win .btn_list_c a:before,
	#modal_win .btn_list_d a:before,
	#modal_win .btn_list_e a:before{
		content:"\025bc";
		font-size: 7px;
		display:inline-block;
		margin: 4px 5px 0 0;
		vertical-align: text-top;
	}

	#modal_win .btn_list_a li:first-child a,
	#modal_win .btn_list_b li:first-child a,
	#modal_win .btn_list_c li:first-child a,
	#modal_win .btn_list_d li:first-child a,
	#modal_win .btn_list_e li:first-child a{
		width:130px;
		padding: 21px 20px;
		border-radius: 14px;
		margin:0 16px 0 0;
		box-sizing:border-box;
		border: 1px solid #000;
		caret-color: transparent;
	}

	.iPadv #modal_win .btn_list_a li:first-child a,
	.iPadv #modal_win .btn_list_b li:first-child a,
	.iPadv #modal_win .btn_list_c li:first-child a,
	.iPadv #modal_win .btn_list_d li:first-child a,
	.iPadv #modal_win .btn_list_e li:first-child a{
		width: 90px;
		padding: 19px 0;
		border-radius: 14px;
		margin:0 16px 0 0;
		box-sizing:border-box;
		border: 1px solid #000;
		caret-color: transparent;
	}

	.iPadv #modal_win .btn_list_a,
	.iPadv #modal_win .btn_list_b,
	.iPadv #modal_win .btn_list_c,
	.iPadv #modal_win .btn_list_d,
	.iPadv #modal_win .btn_list_e{
		position:absolute;
		left: 120px;
		top: 20px;
		display:flex;
		flex-wrap:wrap;
		width: 460px;
		gap: 5px 0;
	}

	.iPadv #modal_win .btn_list_a > li:first-child,
	.iPadv #modal_win .btn_list_b li:first-child,
	.iPadv #modal_win .btn_list_c li:first-child,
	.iPadv #modal_win .btn_list_d li:first-child,
	.iPadv #modal_win .btn_list_e li:first-child{
		position:absolute;
		left: -100px;
		top: 0;
		border-right:none;
	}

	#modal_win .btn_list_a a.act{
		background:#fff;
		color:#9e000f;
		border: 1px solid #9e000f !important;
		pointer-events: none;
	}

	#modal_win .btn_list_b a.act{
		background:#fff;
		color:#9e6c00;
		border: 1px solid #9e6c00 !important;
		pointer-events: none;
	}

	#modal_win .btn_list_c a.act{
		background:#fff;
		color:#008a1f;
		border: 1px solid #008a1f !important;
		pointer-events: none;
	}

	#modal_win .btn_list_d a.act{
		background:#fff;
		color:#d64100;
		border: 1px solid #d64100 !important;
		pointer-events: none;
	}

	#modal_win .btn_list_e a.act{
		background:#fff;
		color:#0069b3;
		border: 1px solid #0069b3 !important;
		pointer-events: none;

	}
	
	#modal_win a.xClose{
		display:block;
		border-radius:50%;
		overflow:hidden;
		background: #000 url("../img/win_close.svg");
		width: 50px;
		height:50px;
		position:absolute;
		top: 0;
		right: -58px;
	}

	#modal_win .w_con_wrap{
		box-sizing:border-box;
		width:100%;
		height: 380px;
		padding: 0 30px 0 40px;
		overflow-y: scroll;
		position: relative;
	}

	.iPadv #modal_win .w_con_wrap{
		box-sizing:border-box;
		width:100%;
		height: 604px;
		padding: 0 30px 0 40px;
		overflow-y: scroll;
		position: relative;
	}

	#modal_win .w_product_info_wrap{
		box-sizing:border-box;
		width:100%;
		height: 430px;
		padding: 0 30px 0 40px;
		overflow-y: scroll;
		position: relative;
	}

	.iPadv #modal_win .w_product_info_wrap{
		height: 690px;
	}

	#modal_win .w_con_wrap h3.base_ttl{
		font-size: 20px;
		letter-spacing: 1px;
		line-height:1.4;
		font-weight: 600;
		padding: 8px 0 10px;
	}

	#modal_win .m_n_box_a .w_con_wrap h3.base_ttl{
		color:#9e000f;
	}

	#modal_win .m_n_box_b .w_con_wrap h3.base_ttl{
		color:#9e6c00;
	}

	#modal_win .m_n_box_c .w_con_wrap h3.base_ttl{
		color:#008a1f;
	}

	#modal_win .m_n_box_d .w_con_wrap h3.base_ttl{
		color:#d64100;
	}

	#modal_win .m_n_box_e .w_con_wrap h3.base_ttl{
		color:#0069b3;
	}

	#modal_win .base_info{
		padding:0 0 30px;
	}

	#modal_win .base_info > li{
		font-size: 16px;
		letter-spacing: 1px;
		line-height:1.4;
		font-weight: 500;
		padding: 12px 0 10px 68px;
		position:relative;
	}

	#modal_win .base_info > li.s_line{
		padding: 22px 0 20px 68px;
	}
	#modal_win .base_info > li.w_line{
		padding: 6px 0 2px 68px;
		margin: 0px 0 12px;
	}
	#modal_win .base_info > li.w_line2{
		padding: 6px 0 2px 68px;
		margin: 9px 0 11px;
	}
	#modal_win .base_info > li.t_line{
		padding: 0 0 0 68px;
		margin: 8px 0 0;
	}


	#modal_win .base_info > li > span.num{
		display:block;
		box-sizing:border-box;
		width:54px;
		height:54px;
		border-radius:50%;
		font-family: "Barlow Condensed", sans-serif;
		font-size: 20px;
		letter-spacing: 1px;
		font-weight: 500;
		color:#fff;
		text-align:center;
		text-indent: 1px;
		padding: 8px 0;
		position:absolute;
		left:0;
		top:50%;
		transform:translate(0,-50%);
	}

	#modal_win .m_n_box_a .base_info > li > span.num{
		background:#fff;
		color:#9e000f;
		border:4px solid #e5004c;
	}
	#modal_win .m_n_box_b .base_info > li > span.num{
		background:#fff;
		color:#9e6c00;
		border:4px solid #f7c200;
	}
	#modal_win .m_n_box_c .base_info > li > span.num{
		background:#fff;
		color:#008a1f;
		border:4px solid #0bbe3e;
	}
	#modal_win .m_n_box_d .base_info > li > span.num{
		background:#fff;
		color:#d64100;
		border:4px solid #ff7b2e;
	}
	#modal_win .m_n_box_e .base_info > li > span.num{
		background:#fff;
		color:#0069b3;
		border:4px solid #0091df;
	}


	#modal_win .w_con_wrap h3.product_ttl{
		font-size: 42px;
		letter-spacing:0;
		line-height:1.4;
		font-weight: 600;
		padding: 14px 0 2px;
	}

	.iPadv #modal_win .w_con_wrap h3.product_ttl{
		font-size: 42px;
		letter-spacing:0;
		line-height:1.2;
		font-weight: 600;
		padding: 14px 0 14px;
	}


	#modal_win .w_product_info_wrap h3.product_ttl{
		font-size: 42px;
		letter-spacing:0;
		line-height:1.4;
		font-weight: 600;
		padding: 0 0 2px;
	}

	.iPadv #modal_win .w_product_info_wrap h3.product_ttl{
		font-size: 42px;
		letter-spacing:0;
		line-height:1.2;
		font-weight: 600;
		padding: 5px 0 12px;
	}

	#modal_win .tag_list{
		display:flex;
		margin: 0 0 14px;
	}

	.iPadv #modal_win .tag_list{
		display:flex;
		margin: 0 0 0;
	}
	
	#modal_win .tag_list > li{
		font-size: 13px;
		letter-spacing: 1px;
		line-height:1.4;
		font-weight: 500;
		padding: 4px 10px 2px;
		text-align:center;
		color: #6b6b6b;
		background:#f0f0f0;
		border-radius: 4px;
		border: 1px solid #999999;
		margin:0 6px 0 0;
	}

	#modal_win .product_link_btn a{
		display: block;
		width: 146px;
		box-sizing: border-box;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 14px;
		letter-spacing:1px;
		line-height: 1.2;
		text-align: center;
		padding: 6px 8px 6px 0;
		color: #fff;
		text-decoration:none;
		background:#000 url("../img/icon_win.svg") no-repeat 86% center;
		background-size:14px auto;
		border-radius:30px;
		position: relative;
	}

	#modal_win .product_link_btn a.no_link{
		display:none;
	}

	.iPadv #modal_win .product_link_btn{
		padding: 12px 0 0;
	}
	

	#modal_win .product_p{
		position:absolute;
		width: 260px;
		top: -20px;
		right: 30px;
	}

	.iPadv #modal_win .product_p{
		position:static;
		width: 260px;
		margin: 5px auto 0;
		top:unset;
		right:unset;
	}

	#modal_win .w_product_info_wrap .product_p{
		position:absolute;
		width: 280px;
		top: 0;
		right: 0;
	}

	.iPadv #modal_win .w_product_info_wrap .product_p{
		position:static;
		width: 260px;
		margin: 5px auto 0;
		top:unset;
		right:unset;
	}

	#modal_win .product_info{
		width:600px;
		position:relative;
		padding: 40px 0 40px;
	}

	.iPadv #modal_win .product_info{
		width: 100%;
		position:relative;
		padding: 20px 0 40px !important;
	}

	#modal_win .w_product_info_wrap .product_info{
		padding: 40px 0 16px;
	}

	#modal_win .product_info h4{
		font-weight: 600;
		font-size: 18px;
		letter-spacing:1px;
		line-height: 1.2;
		border-bottom:2px solid #000;
		padding:0 0 6px;
		margin:0 0 10px;
	}

	#modal_win .product_info .feature_txt{
		font-weight: 400;
		font-size: 16px;
		letter-spacing:1px;
		line-height: 1.4;
		padding: 14px 0 0 20px;
		position:relative;
	}

	#modal_win .product_info .feature_txt:before{
		content: "";
		display: block;
		width:10px;
		height:10px;
		border-radius:50%;
		position: absolute;
		top: 19px;
		left: 2px;
	}

	#modal_win .m_n_box_a .product_info .feature_txt:before,
	#modal_win .tha_a .product_info .feature_txt:before{
		background:#e5004c;
	}
	#modal_win .m_n_box_b .product_info .feature_txt:before,
	#modal_win .tha_b .product_info .feature_txt:before{
		background:#f2a900;
	}
	#modal_win .m_n_box_c .product_info .feature_txt:before,
	#modal_win .tha_c .product_info .feature_txt:before{
		background:#0bbe3e;
	}
	#modal_win .m_n_box_d .product_info .feature_txt:before,
	#modal_win .tha_d .product_info .feature_txt:before{
		background:#ff7b2e;
	}
	#modal_win .m_n_box_e .product_info .feature_txt:before,
	#modal_win .tha_e .product_info .feature_txt:before{
		background:#0091df;
	}

	#modal_win .product_info .feature_note_txt{
		font-weight: 400;
		font-size: 12px;
		letter-spacing:1px;
		line-height: 1.6;
		color:#323232;
		padding:40px 0 0 20px;
		position:relative;
	}
	

	#modal_win .note_wrap{
		padding:20px 24px;
		margin: 0 0 40px;
		border-radius:10px;
		background:#f5f5f5;
	}

	#modal_win .note_wrap h5{
		font-size: 12px;
		letter-spacing: 1px;
		line-height:1.4;
		font-weight: 500;
		padding: 0 0 4px;
		text-indent:-4px;
	}

	#modal_win .note_wrap .note_txt{
		font-size: 11px;
		letter-spacing: 1px;
		line-height:1.6;
		font-weight: 500;
		padding: 4px 0 0 1em;
		text-indent: -1em;
	}

	#modal_win .note_wrap .ww{
		padding: 4px 0 0 2em;
		text-indent: -2em;
	}

	#modal_win .cv_link_list{
		width: 960px;
		box-sizing: border-box;
		display: flex;
		justify-content: space-evenly;
		background:#323232;
		padding: 21px 296px 22px;
		border-radius: 0 0 16px 16px;
		position: absolute;
		left: 0;
		bottom: 0;
	}

	.iPadv #modal_win .cv_link_list{
		width: 620px;
		padding: 24px 130px 24px;
	}

	#modal_win .cv_link_list a{
		display: block;
		width: 200px;
		box-sizing: border-box;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 16px;
		letter-spacing:1px;
		text-indent: -2px;
		line-height: 1.2;
		text-align: center;
		padding: 10px 8px 10px 0;
		color: #000;
		text-decoration:none;
		background: #fff url("../img/icon_win_b.svg") no-repeat 76% center;
		background-size: 16px auto;
		border-radius:30px;
		position: relative;
	}

	#modal_win .cv_link_list a.no_link{
		pointer-events: none;
		opacity:0.4;
	}

	#modal_win .cv_link_list a{
		transition: all 0.4s cubic-bezier(0, 0, 0.11, 1.48) 0s;
	}
	#modal_win .cv_link_list a:hover{
		color: #fff;
		background:#df0522 url("../img/icon_win.svg") no-repeat 76% center;
		background-size: 16px auto;
	}
	
	#modal_win .product_link_btn a{
		transition: all 0.4s cubic-bezier(0, 0, 0.11, 1.48) 0s;
	}
	#modal_win .product_link_btn a:hover{
		background:#df0522 url("../img/icon_win.svg") no-repeat 86% center;
		background-size:14px auto;
	}
	
	#modal_win a.xClose{
		transition: all 0.4s cubic-bezier(0, 0, 0.11, 1.48) 0s;
	}

	#modal_win a.xClose:hover{
		background:#df0522 url("../img/win_close.svg");
		transform:scale(1.05);
	}

	#modal_win .btn_list_a a,
	#modal_win .btn_list_b a,
	#modal_win .btn_list_c a,
	#modal_win .btn_list_d a,
	#modal_win .btn_list_e a{
		transition: all 0.3s linear 0s;
	}

	#modal_win .btn_list_a a:hover{
		background:#fff;
		color:#9e000f;
		border: 1px solid #9e000f !important;
	}

	#modal_win .btn_list_b a:hover{
		background:#fff;
		color:#9e6c00;
		border: 1px solid #9e6c00 !important;
	}

	#modal_win .btn_list_c a:hover{
		background:#fff;
		color:#008a1f;
		border: 1px solid #008a1f !important;
	}

	#modal_win .btn_list_d a:hover{
		background:#fff;
		color:#d64100;
		border: 1px solid #d64100 !important;
	}

	#modal_win .btn_list_e a:hover{
		background:#fff;
		color:#0069b3;
		border: 1px solid #0069b3 !important;
	}
}

/*========================================================================
// animation
//========================================================================*/

	
	/* =========================================================================
 	inview txtUp anime
	===========================================================================*/
	
	.sUP1{transition:transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0ms;}
	.sUP2{transition:transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 30ms;}
	.sUP3{transition:transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 60ms;}
	.sUP4{transition:transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 90ms;}
	.sUP5{transition:transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 120ms;}
	.sUP6{transition:transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 150ms;}
	.sUP7{transition:transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 180ms;}
	.sUP8{transition:transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 210ms;}
	.sUP9{transition:transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 240ms;}
	.sUP10{transition:transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 270ms;}
	.sUP11{transition:transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 300ms;}
	.sUP12{transition:transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 330ms;}
	.sUP13{transition:transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 360ms;}
	.sUP14{transition:transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 390ms;}
	.sUP15{transition:transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 420ms;}
	.sUP16{transition:transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 450ms;}
	.sUP17{transition:transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 480ms;}
	.sUP18{transition:transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 510ms;}
	.sUP19{transition:transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 540ms;}
	.sUP20{transition:transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 570ms;}
	
	/* =========================================================================
 	inview anime
	===========================================================================*/
	
	.lazy_fadein {
		opacity: 0;
	}
	.lazy_fadein_act {
		opacity: 1;
		transition: all 0.5s cubic-bezier(0, 0, 0, 0);
	}
	.lazy_fadeinLeft {
		opacity: 0;
		transform: translate(-50px, 0);
	}
	.lazy_fadeinRight {
		opacity: 0;
		transform: translate(50px, 0);
	}
	.lazy_fadeinLeft_active, .lazy_fadeinRight_active {
		transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
		transform: translate(0, 0);
		opacity: 1;
	}
	.lazy_fadeinUp, .lazy_fadeinUpA, .lazy_fadeinUpB, .lazy_fadeinUpC, .lazy_fadeinUpD {
		opacity: 0;
		transform: translate(0, 10px);
	}
	.lazy_fadeinUp_active {
		transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
		transform: translate(0, 0);
		opacity: 1;
	}
	.lazy_fadeinDownA, .lazy_fadeinDownB, .lazy_fadeinDownC, .lazy_fadeinDownD {
		opacity: 0;
		transform: translate(0, -10px);
	}
	.lazy_fadeinDown_active {
		transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
		transform: translate(0, 0);
		opacity: 1;
	}

	.lazy_fadeinScaleA, .lazy_fadeinScaleB, .lazy_fadeinScaleC, .lazy_fadeinScaleD {
		opacity: 0;
		transform: scale(1.2);
	}
	.lazy_fadeinScale_active {
		transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
		transform: scale(1);
		opacity: 1;
	}



/* ============================================================
 	FV BG MOVIE
==============================================================*/
@media (min-width: 762px) {
	#animation_container {
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index:-5;
	}

	.iPad #animation_container {
		position: fixed;
		top: 0;
		left: 50%;
		transform: translate(-50%, 0) scale(1.2);
		z-index:-5;
	}

	.iPadv #animation_container {
		position: fixed;
		top: 0;
		left: 50%;
		transform: translate(-50%, 0) scale(1);
		z-index:-5;
	}
}	


/*========================================================================
// Hamburger menu
//========================================================================*/
@media (min-width: 762px) {
	/* Menu ----------------------------- */
	#hum_nav ul, #hum_nav ol, #hum_nav dl, #hum_nav dd {
		padding: 0;
		margin: 0;
		list-style: none;
	}
	
	#drawer-icon {
		position: absolute;
		cursor: pointer;
		display: inline-block;
		height: 50px;
		width: 50px;
		top: 160px;
		left: calc(50% + 558px);
		transform: translate(-50%, -50%);
		z-index: 10;
		border-radius:50%;
		background: #000;
	}
	
	.iPad #drawer-icon {
		left: unset;
		right:10px;
		transform: translate(0, -50%);
	}
	
	.iPadv #drawer-icon {
		left: unset;
		top: 140px;
		right:10px;
		transform: translate(0, -50%);
	}
	
	#drawer-icon span {
		background: #fff;
		border-radius: 4px;
		display: block;
		height: 2px;
		position: absolute;
		top: calc(50% - 6px);
		left: 50%;
		transform: translate(-50%, -50%);
		transition: all 0.3s ease-in-out;
		width: 24px;
	}
	#drawer-icon span::before {
		background: #fff;
		border-radius: 2px;
		content: "";
		display: block;
		height: 100%;
		position: absolute;
		top:10px;
		left: 0;
		transform: translate(-50%, -50%);
		transform: rotate(0);
		transition: all 0.3s ease-in-out;
		width: 24px;
	}
	#drawer-icon span::before {
		margin-top:0;
	}
	#drawer-icon.fix {
		position: fixed;
		top: 38px;
		left: calc(50% + 558px);
	}

	.iPad #drawer-icon.fix {
		left: unset;
		right:10px;
		transform: translate(0, -50%);
	}
	.iPadv #drawer-icon.fix {
		left: unset;
		right:10px;
		top: 40px;
		transform: translate(0, -50%);
	}

	#drawer-icon:hover{
		transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
		background:#df0522;
	}

	/* CLOSE ----------------------------- */
	#drawer-close-icon {
		position: absolute;
		cursor: pointer;
		display: inline-block;
		width: 60px;
		top: 4px;
		right: 0;
		z-index: 9999;
		box-sizing: border-box;
		height: 62px;
	}
	#drawer-close-icon:after {
		content: "CLOSE";
		font-family: 'Barlow', sans-serif;
		font-weight: 500;
		font-size:12px;
		letter-spacing:1px;
		line-height: 100%;
		color: #fff;
		margin: 37px 0 0 0;
		text-align: center;
		display: block;
	}
	#drawer-close-icon span {
		display: block;
		height: 100%;
		position: absolute;
		top: 34%;
		left: 51%;
		transform: translate(-50%, -50%);
		width: 100%;
	}
	#drawer-close-icon span::before, #drawer-close-icon span::after {
		content: "";
		background: #fff;
		display: block;
		height: 2px;
		width: 20px;
		position: absolute;
		top: 50%;
		left: 32%;
		transform: translate(-50%, -50%);
	}
	#drawer-close-icon span::before {
		transform: rotate(-45deg);
	}
	#drawer-close-icon span::after {
		transform: rotate(45deg);
	}
	/* menu area ----------------------------- */
	#drawer-content {
		position: fixed;
		top: 0;
		right: 0;
		z-index: 10001;
		width: 320px;
		max-width: 90%;
		height: 100%;
		-webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(10px);
		background: rgb(0 0 0 / 80%);
		transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
		transform: translateX(100%);
	}
	#drawer-content.act {
		overflow-y: auto;
		overflow-x: hidden;
		transform: translateX(0);
		box-shadow: 6px 0 25px rgba(0, 0, 0, 0.16);
	}
	#drawer-content-inner {
		width: 100%;
		height: 100%;
		overflow-y: auto;
		overflow-x: hidden;
	}
	#drawer-close {
		display: none;
		cursor: pointer;
		position: fixed;
		z-index: 10000;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		transition: all 0.3s ease-in-out 0s;
	}
	#drawer-close.act {
		display: block;
	}
	
	/* ac BTN */
	.menu_ac_wrap{
		padding: 68px 0 0 !important;
	}
	.menu_ac_wrap li a {
		font-weight: 600;
		font-size:15px;
		display: block;
		letter-spacing: 1px;
		padding: 16px 22px 18px 44px;
		text-decoration: none;
		position: relative;
		color: #fff;
		font-feature-settings: 'palt';
	}

	.menu_ac_wrap li a:before{
		content: "\025bc";
		display: block;
		font-size:10px;
		position: absolute;
		top: 50%;
		left:22px;
		transform:translate(0, -50%);
	}

	.menu_ac_wrap li a span{
		display:block;
		font-weight:500;
		font-size:13px;
	}

	.menu_ac_wrap li a {
		transition: all 0.3s ease-in-out 0s;
	}

	.menu_ac_wrap li a:hover {
		opacity:0.5;
	}

	
	.scroll-prevent {
		position: fixed;
		z-index: -1;
		width: 100%;
		height: 100%;
		top: 0;
		right: 0;
	}
}
/*========================================================================
// info_cv_btn
//========================================================================*/
@media (min-width: 762px) {
	.info_cv_btn {
		position: absolute;
		top: 160px;
		left: calc(50% + 450px);
		transform: translate(-50%, -50%);
		z-index: 10;
	}
	.info_cv_btn_act {
		position: fixed;
		top: 38px;
	}

	.iPad .info_cv_btn {
		left: unset;
		right: 70px;
		transform: translate(0, -50%);
	}

	.iPadv .info_cv_btn {
		left: unset;
		top: 140px;
		right: 70px;
		transform: translate(0, -50%);
	}

	.iPadv .info_cv_btn_act {
		position: fixed;
		top: 40px;
	}
	
	.info_cv_btn a {
		display: block;
		width: 146px;
		box-sizing: border-box;
		font-weight: 600;
		font-size:16px;
		letter-spacing:1px;
		line-height: 1.2;
		text-align: center;
		padding: 8px 8px 8px 0;
		color: #fff;
		text-decoration:none;
		background:#000 url("../img/icon_win.svg") no-repeat 86% center;
		background-size:14px auto;
		border-radius:30px;
		position: relative;
	}
	
	.info_cv_btn a span {
		display:block;
		font-weight: 400;
		font-size:12px;
	}

	.info_cv_btn a{
		
	}

	.info_cv_btn a:hover{
		transition: all 0.5s ease 0s;
		background:#df0522 url("../img/icon_win.svg") no-repeat 86% center;
		background-size:14px auto;
	}
}

/* ============================================================
keyframe
==============================================================*/
	
@keyframes fade_loop {
  			0% {
    			transform: scale(1);
  			}
  			50% {
    			transform: scale(1.2);
  			}
			100% {
    			transform: scale(1);
  			}
		}