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

@media (min-width: 762px) {
	#movie{
		margin: -130px 0 0;
		padding: 130px 0 0;
	}
	.yt_box{
		width: 100%;
		max-width: 880px;
		margin: 0 auto 180px;
		padding: 0;
		box-sizing: border-box;
	}
	
	.yt_box .inner {
		padding-top: 56.25%;
		position: relative;
		height: 0;
		overflow: hidden;
	}
	
	.yt_box .inner iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

    
	/* ============================================================
 	main vi 
	==============================================================*/
	#main_ttl_wrap .txt_wrap h1{
		
			display:block;
			font-weight: 500;
			font-size: 2.2rem;
			font-family: 'Noto Serif JP', sans-serif;
			color: #fff;
			background:none;
			text-align: center;
			letter-spacing: 0.2rem;
			padding:0;
			margin: 24px 0 -12px;
			font-weight: bold;
	}
    
	figure{
		padding: 0;
		margin: 0;
	}
	#main_ttl_wrap .txt_wrap{
		position: absolute;
		top: 180px;
		left:calc(50% - 163px)
	}
	#main_ttl_wrap .txt_wrap span{
		font-family: 'Alata', sans-serif;
		font-weight: 500;
		font-size: 7.8rem;
		color: #fff;
		text-align: center;
		letter-spacing: 0.4rem;
		font-style: oblique;
		padding: 15px 0 0;
	}
	
	#main_ttl_wrap .txt_wrap span:after{
		content:"";
		display:block;
		position:absolute;
		bottom: -14px;
		left: 50%;
		transform: translate(-50%, -50%);
		background-color:#fff;
		width: 92px;
		height: 7px;
	}

	#main_ttl_wrap span{
		display: block;
		font-family: 'Alata', sans-serif;
		font-weight:200;
		font-size: 2.4rem;
		color: #fff;
		margin: 0 0 6px;
		text-align: center;
	}
	#sec_lede{
		position: relative;
		padding: 0 0 50px;
	}
	#sec_lede h2{
		display:block;
		font-weight: 500;
		font-size: 2.4rem;
		color: #000;
		background:none;
		letter-spacing: 0.2rem;
		padding:0;
		margin: 40px 0 20px;
		text-align: center;
		font-weight: bold;
	}
	
	#sec_lede p{
		font-weight: 500;
		font-size: 1.7rem;
		text-align: center;
		color: #000;
		letter-spacing: 0.1rem;
		line-height: 220%;
	}
	#sec_lede figure{
		position: absolute;
    width: 689px;
    bottom: -60px;
    left: calc(50% - 1040px);
    z-index: 0;
	}

	.cmn{
		position: relative;
		padding: 0 0 200px;
	}
    .cmn .box{
		width: 530px;
	}
	.cmn .box h2{
		display:block;
		font-weight: 600;
		font-size: 2.8rem;
		color: #000;
		background:none;
		letter-spacing: 0.1rem;
		padding:0;
		margin: 40px 0 20px;
		font-weight: bold;
		line-height: 140%;
		position: relative;
		padding: 0 0 0 130px;
	}
	.cmn .box h2 span{
		display: inline-block;
		background: linear-gradient(180deg, #6DD3B6 0%, #1CBFFC 100%);
		background: -webkit-linear-gradient(-90deg, #6DD3B6 0%, #1CBFFC 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	  }
	.cmn .box p{
		font-weight: 500;
		font-size: 1.6rem;
		color: #000;
		letter-spacing: 0.1rem;
		line-height: 180%;
	}
	.cmn .box .btn{
		display: inline-block;
		font-size: 1.6rem;
		font-weight: bold;
		color: #FC8418;
		border: 2px solid #FC8418;
		padding: 12px 55px;
		margin: 20px 0 0;
		position: relative;
		transition: all 0.3s;
	}
	.cmn .box .btn:after{
		content:"";
		display: block;
		width: 8px;
		height: 8px;
		border-top:2px solid #FC8418;
		border-right:2px solid #FC8418;
		transform: rotate(45deg);
		position: absolute;
		right: 20px;
		top:calc(50% - 5px);
		transition: all 0.3s;
	}
	.cmn .box .btn:hover{
		background: #FC8418;
		color: #fff;
	}
	.cmn .box .btn:hover:after{
		border-top:2px solid #fff;
		border-right:2px solid #fff;
		right: 15px;
	}
	#sec_01 h2:before{
		content:"";
		display: block;
		width: 123px;
		height: 114px;
		background: url(../img/num_01.png) no-repeat 0 0 / 100%;
		position: absolute;
		left:-30px;
		bottom:0;
	}
	#sec_01 figure {
		width: 750px;
		position: absolute;
		left: 520px;
		top: -180px;
		z-index:-1;
	}
	#sec_02 h2:before{
		content:"";
		display: block;
		width: 168px;
		height: 114px;
		background: url(../img/num_02.png) no-repeat 0 0 / 100%;
		position: absolute;
		left:-80px;
		bottom:0;
	}
	#sec_02{
		padding: 0 0 350px
	}
	#sec_02 .box{
		margin: 0 0 0 450px;
	}
	#sec_02 figure {
		width: 725px;
		position: absolute;
		left: -300px;
		top: -100px;
		z-index: -1;
	}
	#sec_03 h2:before{
		content:"";
		display: block;
		width: 167px;
		height: 114px;
		background: url(../img/num_03.png) no-repeat 0 0 / 100%;
		position: absolute;
		left:-80px;
		bottom:0;
	}
	#sec_03 figure {
		width: 738px;
		position: absolute;
		left: 520px;
		top: -130px;
		z-index:-1;
	}
	#sec_04 .box{
		margin: 0 0 0 300px;
	}
	#sec_04 figure {
		width: 505px;
		position: absolute;
		left: 30px;
		top: -160px;
		z-index: -1;
	}
	#sec_04.cmn .box h2{
		display:block;
		font-weight: 600;
		font-size: 2.8rem;
		color: #000;
		background:none;
		letter-spacing: 0.1rem;
		padding:0;
		margin: 40px 0 20px;
		font-weight: bold;
		line-height: 140%;
		position: relative;
	}
    
    #sec_04{
		padding: 0 0 100px;
	}

	.sp_only{
		display: none;
	}
 
    /* ========　e_btn_list ==========*/
	#sec_05 ul.a_btn_list {
		width: 750px;
		margin: 75px auto 0;
	}
	#sec_05 ul.a_btn_list a{
		font-family: 'Noto Serif JP', sans-serif;
         font-weight: 400;
         font-size: 2.8rem;
         color: #ffffff;
		 background: linear-gradient(90deg, #6DD3B6 0%, #17BEFF 50%, #BACAF7 100%);
		background: -webkit-linear-gradient(-0deg, #6DD3B6 0%, #17BEFF 50%, #BACAF7 100%);
		 display: block;
		 padding: 20px 0;
		 text-align: center;
		 transition: all 0.3s;
	}
	#sec_05 ul.a_btn_list a:after{
		content:"";
		display: block;
		width: 12px;
		height: 12px;
		border-top:2px solid #fff;
		border-right:2px solid #fff;
		transform: rotate(45deg);
		position: absolute;
		right: 20px;
		top:calc(50% - 5px);
		transition: all 0.3s;
	}
	#sec_05 ul.a_btn_list a:hover{
		opacity: 0.5;
	}
	#sec_05 ul.a_btn_list a:hover:after{
		right: 15px;
	}
	#sec_05 ul.e_btn_list {
    width: 750px;
    margin: 35px auto 90px;
    }
    
     #sec_05 ul.e_btn_list li{
     }
     
     #sec_05 ul.e_btn_list a{
         display: block;
         position: relative;
         transition: all 0.5s ease 0s;
     }
     
     #sec_05 ul.e_btn_list a p{
         transition: all 0.5s ease 0s;     	
     }
     
     #sec_05 ul.e_btn_list a .img_box{
         width: 100%;
         line-height: 0;
     }     
     
     #sec_05 ul.e_btn_list a .img_box img{
         width: 100%;
         line-height: 0;
         transition: all 0.5s ease 0s;
     }
     
     #sec_05 ul.e_btn_list a .icon_box{
     	position: absolute;
     	top: 40px;
     	right: 35px;
     }
     
     #sec_05 ul.e_btn_list a .icon_box img{
     	width: 30px;
     }

	#sec_05 .e_btn_list li a:hover .img_box img{
		opacity:0.5;
	}

	#sec_05 .btn_list li a:hover p{
        right: -15px;
	}

    #sec_05 ul.e_btn_list a h3{
         font-family: 'Noto Serif JP', sans-serif;
         font-weight: 400;
         font-size: 2.8rem;
         color: #ffffff;
         position: absolute;
         top: 20px;
         left: 50%;
         transform: translate(-50%, 0);
         transition: all 0.5s ease 0s;
    }
    
    #sec_05 ul.e_btn_list a p{
         font-family: 'Noto Sans JP', sans-serif;
         font-weight: 400;
         font-size: 1.6rem;
         line-height: 140%;
         position: absolute;
         bottom: 11px;
         left: 50%;
         transform: translate(-50%, 0);
         color: #fff;
         padding: 14px 97px;
     }    	
    
    

   
	

}