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

@media (min-width: 762px) {

	

	/* ============================================================
 	gallery_all_wrap
	==============================================================*/
	#gallery_all_wrap{
		background:#000000c9;
		padding: 80px 0 0;
		min-height:100vh;
	}

	#gallery_all_wrap .tab_btn_list{
		width:1100px;
		margin: 0 auto 100px;
		padding:6px;
		border:1px solid #ffffff75;
		border-radius:4px;
		display:flex;
		justify-content:space-between;
	}

	#gallery_all_wrap .tab_btn_list li{
		width:49.5%;
		position:relative;
	}

	#gallery_all_wrap .tab_btn_list a{
		display:block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 2.0rem;
		letter-spacing: 0rem;
		line-height: 1;
		color: #fff;
		text-align: center;
		border-radius:4px;
		font-feature-settings: 'palt';
		padding: 10px 0 12px;
		position: relative;
	}

	#gallery_all_wrap .tab_btn_list li.act a{
		color: #000;
		background:#ffffff;
		pointer-events: none;
	}

	#gallery_all_wrap .tab_btn_list li a:after{
		content: "";
		display: block;
		width: 0;
		height:0;
		background:#ffffff;
		position: absolute;
		bottom:-8px;
		left: 50%;
		transform:translate(-50%,0) rotate(-45deg);
		transition: all 0.4s cubic-bezier(0.08, 0.64, 0.25, 1) 0s;
	}

	#gallery_all_wrap .tab_btn_list li.act a:after{
		content: "";
		display: block;
		width: 16px;
		height:16px;
		background:#ffffff;
		position: absolute;
		bottom:-8px;
		left: 50%;
		transform:translate(-50%,0) rotate(-45deg);
	}

	#gallery_all_wrap .tab_btn_list a {
		transition: all 0.4s cubic-bezier(0.08, 0.64, 0.25, 1) 0s;
	}

	#gallery_all_wrap .tab_btn_list a:hover{
		background:#7a7a7a;
	}



	
	
	/* ============================================================
 	cm 2026
	==============================================================*/

	#sec_cm_gallery2026{
		width: 100%;
		padding: 0 0 120px;
	}

	#sec_cm_gallery2026 ul{
		display:flex;
		flex-wrap:wrap;
		justify-content:space-evenly;
		gap: 90px 40px;
		margin: 0 60px;
	}

	#sec_cm_gallery2026 ul li{
		width: 440px;
	}

	#sec_cm_gallery2026 .eng_txt{
		font-family: 'Roboto', sans-serif;
		font-weight: 300;
		font-size: 2.2rem;
		line-height:1;
		text-align: center;
		letter-spacing: 0.2rem;
		color: #fefefe45;
		white-space: nowrap;
		padding: 0 0 5px;
	}

	#sec_cm_gallery2026 h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 4.6rem;
		letter-spacing: 0.1rem;
		line-height: 1;
		color: #fff;
		text-align: center;
		font-feature-settings: 'palt';
		padding: 0 0 70px;
		position: relative;
	}

	#sec_cm_gallery2026 p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		font-size: 1.7rem;
		letter-spacing: 0.1rem;
		line-height: 1.6;
		color: #fff;
		text-align: left;
		font-feature-settings: 'palt';
		padding: 10px 0 0;
	}

	#sec_cm_gallery2026 p span{
		font-weight: 600;
		display: inline-block;
		margin:0 8px 0 0;
	}

	#sec_cm_gallery2026 .img_box{
		line-height:0;
		border-radius: 10px;
		overflow:hidden;
		position: relative;
	}

	#sec_cm_gallery2026 ul a .play_wrap{
		position:absolute;
		left:50%;
		top: calc(50%);
		transform:translate(-50%,-50%);
	}

	#sec_cm_gallery2026 ul a .img_play{
		line-height:0;
		width: 50px;
		height: 50px;
		background:#fff;
		border-radius:50%;
		opacity:0.6;
		/* border: 2px solid #000000; */
	}
	

	#sec_cm_gallery2026 ul a .img_play {
		transition: all 0.4s cubic-bezier(0.08, 0.64, 0.25, 1) 0s;
	}
	
	#sec_cm_gallery2026 ul a:hover .img_play {
		transform: scale(1);
		opacity:1;
	}


	#sec_cm_gallery2026 img{
		transition: all 0.5s ease 0s;
	}

	#sec_cm_gallery2026 a:hover img{
		transform: scale(1.1);
	}


	/* ============================================================
 	graphic2026
	==============================================================*/
	
	#sec_graphic_gallery2026{
		width: 100%;
		padding: 80px 0 120px;
	}

	#sec_graphic_gallery2026 ul{
		display:flex;
		flex-wrap:wrap;
		justify-content:space-evenly;
		gap: 90px 10px;
	}

	#sec_graphic_gallery2026 ul li{
		width: 43%;
	}

	#sec_graphic_gallery2026 ul li:last-child{
		width: 80%;
	}

	#sec_graphic_gallery2026 .eng_txt{
		font-family: 'Roboto', sans-serif;
		font-weight: 300;
		font-size: 2.2rem;
		line-height:1;
		text-align: center;
		letter-spacing: 0.2rem;
		color: #fefefe45;
		white-space: nowrap;
		padding: 50px 0 5px;
		border-top:2px solid #ffffff66;
	}

	#sec_graphic_gallery2026 h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 3.6rem;
		letter-spacing: 0.1rem;
		line-height: 1;
		color: #fff;
		text-align: center;
		font-feature-settings: 'palt';
		padding: 0 0 100px;
		position: relative;
	}

	#sec_graphic_gallery2026 h2:after{
		content: "";
		display: block;
		width: 34px;
		height:1px;
		background:#fff;
		position: absolute;
		top: 50%;
		left: 50%;
		transform:translate(-50%, -50%) rotate(-45deg);
	}

	#sec_graphic_gallery2026 h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 200;
		font-size: 5.6rem;
		letter-spacing: 0.1rem;
		line-height: 1;
		color: #fff;
		text-align: center;
		font-feature-settings: 'palt';
		padding: 28px 0 50px;
	}

	#sec_graphic_gallery2026 p.body_txt{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		font-size: 1.7rem;
		letter-spacing: 0.2rem;
		line-height: 2.0;
		color: #fff;
		text-align: center;
		font-feature-settings: 'palt';
		padding: 0 0 130px;
		position: relative;
	}

	#sec_graphic_gallery2026 ul p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		font-size: 1.7rem;
		letter-spacing: 0.1rem;
		line-height: 1.6;
		color: #fff;
		text-align: left;
		font-feature-settings: 'palt';
		padding: 10px 0 0;
	}

	#sec_graphic_gallery2026 ul p span{
		font-weight: 600;
		display:block;
		margin:0 8px 0 0;
	}

	#sec_graphic_gallery2026 .img_box{
		line-height:0;
		border-radius: 10px;
		overflow:hidden;
		position: relative;
	}

	#sec_graphic_gallery2026 ul a .play_wrap{
		position:absolute;
		left:50%;
		top: calc(50%);
		transform:translate(-50%,-50%);
	}

	#sec_graphic_gallery2026 ul a .img_play{
		line-height:0;
		width: 50px;
		height: 50px;
		background:#fff;
		border-radius:50%;
		opacity:0.6;
		/* border: 2px solid #000000; */
	}
	

	#sec_graphic_gallery2026 ul a .img_play {
		transition: all 0.4s cubic-bezier(0.08, 0.64, 0.25, 1) 0s;
	}
	
	#sec_graphic_gallery2026 ul a:hover .img_play {
		transform: scale(1);
		opacity:1;
	}


	#sec_graphic_gallery2026 img{
		transition: all 0.5s ease 0s;
	}

	#sec_graphic_gallery2026 a:hover img{
		transform: scale(1.1);
	}


	/* ============================================================
 	cm 2025
	==============================================================*/
	
	#sec_cm_gallery2025{
		width: 100%;
		padding: 0 0 120px;
	}

	#sec_cm_gallery2025 ul{
		display:flex;
		flex-wrap:wrap;
		justify-content:space-evenly;
		gap: 90px 40px;
	}

	#sec_cm_gallery2025 ul li{
		width: 340px;
	}

	#sec_cm_gallery2025 .eng_txt{
		font-family: 'Roboto', sans-serif;
		font-weight: 300;
		font-size: 2.2rem;
		line-height:1;
		text-align: center;
		letter-spacing: 0.2rem;
		color: #fefefe45;
		white-space: nowrap;
		padding: 0 0 5px;
	}

	#sec_cm_gallery2025 h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 4.6rem;
		letter-spacing: 0.1rem;
		line-height: 1;
		color: #fff;
		text-align: center;
		font-feature-settings: 'palt';
		padding: 0 0 70px;
		position: relative;
	}

	#sec_cm_gallery2025 p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		font-size: 1.7rem;
		letter-spacing: 0.1rem;
		line-height: 1.6;
		color: #fff;
		text-align: left;
		font-feature-settings: 'palt';
		padding: 10px 0 0;
	}

	#sec_cm_gallery2025 p span{
		font-weight: 600;
		display: inline-block;
		margin:0 8px 0 0;
	}

	#sec_cm_gallery2025 .img_box{
		line-height:0;
		border-radius: 10px;
		overflow:hidden;
		position: relative;
	}

	#sec_cm_gallery2025 ul a .play_wrap{
		position:absolute;
		left:50%;
		top: calc(50%);
		transform:translate(-50%,-50%);
	}

	#sec_cm_gallery2025 ul a .img_play{
		line-height:0;
		width: 50px;
		height: 50px;
		background:#fff;
		border-radius:50%;
		opacity:0.6;
		/* border: 2px solid #000000; */
	}
	

	#sec_cm_gallery2025 ul a .img_play {
		transition: all 0.4s cubic-bezier(0.08, 0.64, 0.25, 1) 0s;
	}
	
	#sec_cm_gallery2025 ul a:hover .img_play {
		transform: scale(1);
		opacity:1;
	}


	#sec_cm_gallery2025 img{
		transition: all 0.5s ease 0s;
	}

	#sec_cm_gallery2025 a:hover img{
		transform: scale(1.1);
	}


	/* ============================================================
 	graphic2025
	==============================================================*/
	
	#sec_graphic_gallery2025{
		width: 100%;
		padding: 80px 0 120px;
	}

	#sec_graphic_gallery2025 ul{
		display:flex;
		flex-wrap:wrap;
		justify-content:space-evenly;
		gap: 90px 10px;
	}

	#sec_graphic_gallery2025 ul li{
		width: 43%;
	}

	#sec_graphic_gallery2025 ul li:last-child{
		width: 90%;
	}

	#sec_graphic_gallery2025 .eng_txt{
		font-family: 'Roboto', sans-serif;
		font-weight: 300;
		font-size: 2.2rem;
		line-height:1;
		text-align: center;
		letter-spacing: 0.2rem;
		color: #fefefe45;
		white-space: nowrap;
		padding: 50px 0 5px;
		border-top:2px solid #ffffff66;
	}

	#sec_graphic_gallery2025 h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 3.6rem;
		letter-spacing: 0.1rem;
		line-height: 1;
		color: #fff;
		text-align: center;
		font-feature-settings: 'palt';
		padding: 0 0 100px;
		position: relative;
	}

	#sec_graphic_gallery2025 h2:after{
		content: "";
		display: block;
		width: 34px;
		height:1px;
		background:#fff;
		position: absolute;
		top: 50%;
		left: 50%;
		transform:translate(-50%, -50%) rotate(-45deg);
	}

	#sec_graphic_gallery2025 h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 200;
		font-size: 5.6rem;
		letter-spacing: 0.1rem;
		line-height: 1;
		color: #fff;
		text-align: center;
		font-feature-settings: 'palt';
		padding: 28px 0 50px;
	}

	#sec_graphic_gallery2025 p.body_txt{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		font-size: 1.7rem;
		letter-spacing: 0.2rem;
		line-height: 2.0;
		color: #fff;
		text-align: center;
		font-feature-settings: 'palt';
		padding: 0 0 130px;
		position: relative;
	}

	#sec_graphic_gallery2025 ul p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		font-size: 1.7rem;
		letter-spacing: 0.1rem;
		line-height: 1.6;
		color: #fff;
		text-align: left;
		font-feature-settings: 'palt';
		padding: 10px 0 0;
	}

	#sec_graphic_gallery2025 ul p span{
		font-weight: 600;
		display:block;
		margin:0 8px 0 0;
	}

	#sec_graphic_gallery2025 .img_box{
		line-height:0;
		border-radius: 10px;
		overflow:hidden;
		position: relative;
	}

	#sec_graphic_gallery2025 ul a .play_wrap{
		position:absolute;
		left:50%;
		top: calc(50%);
		transform:translate(-50%,-50%);
	}

	#sec_graphic_gallery2025 ul a .img_play{
		line-height:0;
		width: 50px;
		height: 50px;
		background:#fff;
		border-radius:50%;
		opacity:0.6;
		/* border: 2px solid #000000; */
	}
	

	#sec_graphic_gallery2025 ul a .img_play {
		transition: all 0.4s cubic-bezier(0.08, 0.64, 0.25, 1) 0s;
	}
	
	#sec_graphic_gallery2025 ul a:hover .img_play {
		transform: scale(1);
		opacity:1;
	}


	#sec_graphic_gallery2025 img{
		transition: all 0.5s ease 0s;
	}

	#sec_graphic_gallery2025 a:hover img{
		transform: scale(1.1);
	}
	
	/* ============================================================
 	Modal CSS
	==============================================================*/
	
	#modal_win {
		position: fixed;
		top: 0;
		left: 0;
		background: rgba(0,0,0);
		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 {
		position: absolute;
		top: 50%;
		left: 50%;
		transform:translate(-50%, -50%);
		opacity:0;
		width:70vw;
		transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	#modal_win iframe{
		width:calc(70vw);
		height:calc(70vw*315/560);
		max-height:680px;
	}


	#modal_win .m_n_box_act{
		opacity:1;
		transform:translate(-50%, -50%);
	}
    
    #modal_win .youtube_wrap{
		line-height:0;
	}
	
	#modal_win p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:500;
		font-size: 1.4rem;
		color:#7d7d7d;
		padding:3px 0 0;
	}

	#modal_win .m_n_box_gra p{
		width:calc(90vh*3000/4248);
		margin:0 auto;
	}

	#modal_win .img_box{
		line-height:0;
		width: calc(90vh*3000/4248);
		height: calc(90vh);
		margin:0 auto;
	}

	#modal_win .img_box img{
		width:auto;
		height:100%;
	}
	
	#modal_win ul > li{
		position:fixed;
		top: 20px;
		right: 20px;
	}
	#modal_win a.xClose{
		display:block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:400;
		font-size: 1.6rem;
		text-align:center;
		color:#fff;
		position: relative;
	}

	#modal_win a.xClose span{
		display:block;
		width:50px;
		line-height:0;
		border-radius:50%;
		border:2px solid #fff;
	}

	#modal_win a.xClose span{
		transition: all 0.4s cubic-bezier(0.12, 0.74, 0.36, 1);
	}

	#modal_win a.xClose:hover span{
		transform: scale(1.1);
	}
	
}