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

@media (min-width: 762px) {
	
	/* =========================================================================
 	h_ttl_wrap
	===========================================================================*/
	
	.h_ttl_wrap{
		width:100%;
		background:#f2f2f2;
		height:170px;
		position:relative;
	}

	.h_ttl_wrap .h_ttl_top_box{
		display:flex;
		gap: 0 14px;
		position:absolute;
		left: 75px;
		bottom: 20px;
	}

	.h_ttl_wrap > .l2a{
		bottom: 15px;
	}

	.h_ttl_wrap .h_ttl_top_box h1{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		font-size: 1.8rem;
		color: #333333;
		letter-spacing:0.1rem;
		font-feature-settings: 'palt';
		border:1px solid #333333;
		line-height:1;
		padding: 7px 10px 9px;
	}

	.h_ttl_wrap .h_ttl_top_box h1 span{
		display:inline-block;
		font-weight: 600;
	}

	.h_ttl_wrap .h_ttl_top_box h1 span.mbb{
		display:block;
		font-weight: 600;
		font-size: 1.4rem;
		letter-spacing:0;
		padding:0 0 2px;
	}

	.h_ttl_wrap .h_ttl_top_box p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 1.3rem;
		color: #333333;
		padding: 6px 0 0;
	}

	.h_ttl_wrap .h_ttl_top_box p.mt{
		padding: 16px 0 0;
	}

	.h_ttl_wrap .h_ttl_sec_box{
		position:absolute;
		left: 75px;
		bottom: 4px;
	}

	.h_ttl_wrap .h_ttl_sec_box h1{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		font-size: 2.2rem;
		color: #333333;
		letter-spacing:0.1rem;
		font-feature-settings: 'palt';
		line-height: 1.4;
		padding: 8px 10px 9px;
	}

	.h_ttl_wrap .h_ttl_sec_box h1 span.ms{
		display:inline-block;
		font-weight: 400;
		font-size: 1.2rem;
		padding: 0 10px 0;
		border:1px solid #333333;
	}

	.h_ttl_wrap .h_ttl_sec_box h1 span.sh_txt{
		display:inline-block;
		font-weight: 400;
		font-size: 1.6rem;
		padding:0 6px 0 0;
	}

	.h_ttl_wrap .h_ttl_sec_box h1 span.sh_txt2{
		display:inline-block;
		font-weight: 400;
		font-size: 1.6rem;
		padding:0 0 0 6px;
	}

	.h_ttl_wrap .h_ttl_sec_box h1 span.mm{
		display:inline-block;
		padding: 0 1px 0 0;
		font-weight: 600;
	}

	.h_ttl_wrap .h_ttl_sec_box h1 span.ss{
		display:inline-block;
		font-size: 1.6rem;
		padding: 0 0 0 2px;
	}

	.h_ttl_wrap ul{
		display:flex;
		position:absolute;
		right: 16px;
		bottom: 21px;
	}

	.h_ttl_wrap ul li{
		position: relative;
		border-right: 1px solid #a9a9a9;
	}

	.h_ttl_wrap ul li:last-child{
		border-right:none;
	}

	.h_ttl_wrap ul li a{
		display: block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.5rem;
		color: #333333;
		letter-spacing:0.1rem;
		font-feature-settings: 'palt';
		line-height:1;
		padding: 10px 18px 11px;
	}

	.h_ttl_wrap ul li.l2a a{
		line-height:1.4;
		padding: 0px 18px 0px;
	}

	.h_ttl_wrap ul li.l2b a{
		line-height:1.4;
		padding: 0px 18px 0px;
	}


	.h_ttl_wrap ul li a span.ms{
		display:block;
		font-size: 1.2rem;
		padding:2px 4px 3px;
		border: 1px solid #a9a9a9;
	}

	.h_ttl_wrap ul li a span.ms2{
		display:inline-block;
		font-size: 1.2rem;
		line-height: 1.2;
		padding:2px 4px 3px;
		border: 1px solid #a9a9a9;
	}

	.h_ttl_wrap ul li a span.sh_txt{
		display:block;
		font-size: 1.2rem;
	}
	.h_ttl_wrap ul li a span.sh_txt2{
		display:inline-block;
		font-size: 1.2rem;
	}

	.h_ttl_wrap ul li a span.pdf_txt{
		display:block;
		font-size: 1.0rem;
		color:#fff;
		text-align:center;
		border-radius:10px;
		width: 40px;
		background:#383838;
		margin: 2px 0 0px;
	}

	.h_ttl_wrap ul li a span.icon_win{
		display:block;
		width: 18px;
		margin: -5px 0 -1px;
	}

	.h_ttl_wrap ul li a span.mm{
		display:block;
		font-size: 1.2rem;
		padding:3px 0 0;
	}

	.h_ttl_wrap ul li a span.mm2{
		display:inline-block;
		font-size: 1.2rem;
		vertical-align: text-top;
		margin: 0 0 0 3px;
	}

	.h_ttl_wrap ul li:first-child a{
		padding: 0px 18px 1px;
	}

	.h_ttl_wrap ul li:last-child a{
		border-right:none;
	}

	.h_ttl_wrap ul > li.act a{
		font-weight: 600;
	}


	.h_ttl_wrap ul > li a:before,
	.h_ttl_wrap ul > li a:after{
		content: "";
		display: block;
		width: 0;
		height: 3px;
		background: #333333;
		position: absolute;
		bottom: -12px;
		left: 50%;
		opacity:0;
		transform:translate(-50%, -50%);
		transition: all 0.4s cubic-bezier(0.03, 0.36, 0.18, 1) 0s;
	}

	.h_ttl_wrap ul > li.act a:before,
	.h_ttl_wrap ul > li.act a:after{
		width:calc(100% - 36px);
		opacity:1;
	}

	.h_ttl_wrap ul > li a:hover:before,
	.h_ttl_wrap ul > li a:hover:after{
		width:calc(100% - 36px);
		opacity:1;
	}


	/* =========================================================================
 	sec_gakubu_data
	===========================================================================*/

	#sec_gakubu_data{
		width:100%;
		background:#fff;
		padding:100px 0 0;
		position:relative;
	}

	#sec_gakubu_data:before{
		content: "";
		display: block;
		width:1100px;
		height: 350px;
		background: url("/global/img/slash_bg.gif");
		background-size:20px auto;
		border-radius:20px;
		position: absolute;
		bottom:0;
		left: 50%;
		transform:translate(-50%,0);
	}

	#sec_gakubu_data .wrapper{
		position:relative;
		padding: 0 0 139px;
	}

	#sec_gakubu_data .wrapper:before{
		content: "";
		display: block;
		width:1100px;
		height: 400px;
		background: linear-gradient( to top,  #ffffff 25%, #ffffff00 75% );
		position: absolute;
		bottom:0;
		left:0;
	}

	#sec_gakubu_data h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 3.0rem;
		color: #333333;
		font-feature-settings: 'palt';
		margin: 0 0 30px;
		letter-spacing:0.2rem;
		text-align:center;
		position:relative;
	}

	#sec_gakubu_data h2 span.sb{
		display:inline-block;
		font-weight: 600;
	}

	#sec_gakubu_data h2 span.ss{
		display:inline-block;
		font-size: 2.2rem;
		padding:0 0 0 2px;
	}

	#sec_gakubu_data .img_ttl_wrap{
		width: 880px;
		border-radius: 30px;
		margin:0 auto;
		border:1px solid #ccc;
		background: #fff;
		position:relative;
	}

	#sec_gakubu_data .img_ttl_wrap .img_box{
		width: 100%;
		line-height: 0;
		
	}

	#sec_gakubu_data .img_ttl_wrap ul.btn_more{
		width: 210px;
		display: block;
		position:absolute;
		bottom: -15px;
		left: 50%;
		transform: translate(-50%,0);
	}

	#sec_gakubu_data .img_ttl_wrap ul.btn_more a{
		font-family: 'Barlow', sans-serif;
		font-size: 1.6rem;
		font-weight: 600;
		letter-spacing: 0.02em;
		font-feature-settings: 'palt';
		color:#fff;
		background:#000;
		text-align:center;
		display:block;
		border-radius:30px;
		padding: 15px 0 16px;
	}

	#sec_gakubu_data .img_ttl_wrap ul.btn_more a{
		transition: all 0.5s ease 0s;
	}

	#sec_gakubu_data .img_ttl_wrap ul.btn_more a:hover{
		transform: scale(1.1);
	}

	#sec_gakubu_data ul{
		width: 900px;
		margin: 40px auto 0;
		display:flex;
		justify-content:space-between;
	}

	#sec_gakubu_data ul li{
		position:relative;
	}

	#sec_gakubu_data ul li:after{
		content: "";
		display: block;
		width:1px;
		height:50px;
		background:#ccc;
		position: absolute;
		top: 50%;
		right:0;
		transform:translate(0, -50%);
	}

	#sec_gakubu_data ul li:last-child:after{
		display: none;
	}

	#sec_gakubu_data ul a{
		display:block;
		line-height:0;
		padding:0 20px;
	}

	#sec_gakubu_data ul a{
		transition: all 0.6s cubic-bezier(0.03, 0.36, 0.18, 1) 0s;
	}

	#sec_gakubu_data ul a:hover{
		transform:scale(1.1);
	}

	/* =========================================================================
 	bnr_official
	===========================================================================*/

	.bnr_official{
		width:100%;
		background:#e3e6e6;
		border-bottom: 1px solid #c7d1d1;
		border-top: 1px solid #c7d1d1;
		padding:50px 0;
		position:relative;
	}

	.bnr_official p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 2.0rem;
		line-height:1;
		color:#000;
		font-feature-settings: 'palt';
		letter-spacing:0.1rem;
		background:#e3e6e6;
		border-top: 1px solid #c7d1d1;
		text-align:center;
		width:100%;
		padding: 40px 0 12px;
		position: absolute;
		top: -37px;
		left: 50%;
		transform:translate(-50%, 0);
	}

	.bnr_official a{
		width:960px;
		margin:0 auto;
		display:block;
		background:#272727;
		border-radius:50px;
	}

	.bnr_official a ul{
		display:flex;
		justify-content:space-evenly;
		padding: 22px 100px;
	}

	.bnr_official a ul li{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.6rem;
		line-height:1.2;
		color: #fff;
		padding: 7px 0;
		font-feature-settings: 'palt';
		letter-spacing:0.1rem;
		position:relative;
	}

	.bnr_official a ul li:last-child{
		display:flex;
		border-left:1px solid #9a9a9a;
		padding: 0 0 0 41px;
	}

	.bnr_official a ul li:last-child span:first-child{
		display:inline-block;
		border: 1px solid #adadad;
		border-radius:4px;
		font-size:1.3rem;
		padding: 9px 16px;
		margin:0 10px 0 0;
	}

	.bnr_official a ul li:last-child span span{
		font-size: 1.3rem;
		font-weight: 300;
	}

	.bnr_official a ul li .win_icon{
		display:inline-block;
		width:16px;
		opacity: 0.6;
		vertical-align: text-top;
		margin: -3px 7px 0 0;
	}

	.bnr_official a{
		transition: all 0.6s cubic-bezier(0.03, 0.36, 0.18, 1) 0s;
	}

	.bnr_official a:hover{
		background:#2727276b;
	}


	/* =========================================================================
 	sec_adomi_contact
	===========================================================================*/

	#sec_adomi_contact{
		width:100%;
		padding: 80px 0 90px;
		background:#333333;
	}

	#sec_adomi_contact h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 2.0rem;
		line-height:1;
		color: #fff;
		text-align:center;
		font-feature-settings: 'palt';
		letter-spacing:0.1rem;
		padding:0 0 30px;
	}

	#sec_adomi_contact h2 span{
		display:block;
		font-family: 'Roboto', sans-serif;
		font-weight: 200;
		font-size: 7.8rem;
		padding:0 0 2px;
	}

	#sec_adomi_contact p.body_txt{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.5rem;
		line-height: 1.6;
		color: #fff;
		text-align:center;
		font-feature-settings: 'palt';
		letter-spacing:0.1rem;
		padding:0 0 30px;
	}

	#sec_adomi_contact .info_wrap{
		border-top:1px solid #727272;
		margin:0 auto;
		width: 490px;
		padding:20px 0 0;
		
	}

	#sec_adomi_contact .info_wrap h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 1.8rem;
		line-height: 1.6;
		color: #fff;
		font-feature-settings: 'palt';
		letter-spacing:0.1rem;
		text-align: center;
		padding: 0 0 4px;
	}

	#sec_adomi_contact .info_wrap p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.5rem;
		line-height: 1.6;
		color: #fff;
		font-feature-settings: 'palt';
		letter-spacing:0.1rem;
		text-align: center;
	}

	#sec_adomi_contact .info_wrap p a{
		color: #fff;
	}

	#sec_adomi_contact ul.btn_form{
		width: 470px;
		margin: 0 auto;
	}

	#sec_adomi_contact ul.btn_form a{
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 1.8rem;
		font-weight: 400;
		letter-spacing: 0.1rem;
		font-feature-settings: 'palt';
		color:#fff;
		background: #a28acb;
		text-align:center;
		display:block;
		border-radius: 60px;
		padding: 16px 0 19px;
	}

	#sec_adomi_contact ul.btn_form a span{
		display:inline-block;
		width:24px;
		vertical-align:text-top;
		margin: -6px 7px 0 0;
	}

	#sec_adomi_contact ul.btn_form a{
		transition: all 0.5s ease 0s;
	}

	#sec_adomi_contact ul.btn_form a:hover{
		background:#a358d4;
	}


	
	
	/* =========================================================================
 	common scroll
	===========================================================================*/
	
	.scroll_v{
			z-index: 9;
			width: 50px;
			position: absolute;
			bottom: -53px;
			left: 24px;
			transform:translate(-50%, -50%);
	}

	.scroll_v a {
			display:block;
			font-family: 'Roboto', sans-serif;
			font-weight: 300;
			font-size: 1.4rem;
			color: #fff;
			letter-spacing: 2px;
			writing-mode: vertical-lr;
	}

	.scroll_v a span{
			display: block;
			width: 1px;
			background: rgba(255,255,255,0.3);
			padding: 54px 0;
			margin: 0 0 0 30px;
			text-align: center;
			position: relative;
	}
		
	.scroll_v a span:before {
  			position: absolute;
  			top: 5px;
  			right: 0;
  			content:"";
  			width: 1px;
  			height: 30px;
  			/* border-radius: 50%; */
  			background-color: #ffffff;
  			animation: sdb 3s infinite;
  	}
	
	
	/* =========================================================================
 	special_cv_btn
	===========================================================================*/
	
	.special_cv_btn{
		position:absolute;
		right: 81px;
		bottom: 60px;
		z-index: 100;
		opacity:1;
		transition: all 0.8s cubic-bezier(0.12, 0.29, 0.12, 1.01) 0s;
	}

	.act .special_cv_btn{
		opacity:0;
		z-index: 1;
	}

	.special_cv_btn a{
		display:block;
		width: 230px;
		line-height:0;
	}

	.special_cv_btn a{
		transition: all 0.4s cubic-bezier(0, 0, 0.51, 1.33) 0s;
	}
	
	.special_cv_btn a:hover{
		transform: scale(1.1);
	}

	a.blue_link{
		color:#3535a7;
		border-bottom:1px solid #3535a7;
		transition: all 0.4s cubic-bezier(0.08, 0.64, 0.25, 1) 0s;
	}

	a.blue_link:hover{
		color:#ff0000;
		border-bottom:1px solid #ff0000;
	}
	
	
	
	/* ============================================================
 	sec_other
	==============================================================*/
	
	#sec_other{
		width: 100%;
		background: #EFEFEF;
		padding: 70px 0 100px;
	}
	
	
	#sec_other h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 3.0rem;
		color: #000000;
		text-align: center;
		font-feature-settings: 'palt';
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 0 40px 0;
	}

	#sec_other h2 span.sub{
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 1.6rem;
		color: #ffffff;
		text-align: center;
		background: #000000;
		display: block;
		padding: 2px 40px 4px 32px;
		position: relative;
		margin: 4px 16px 0 0;
		font-weight: 500;
		letter-spacing: 0.1rem;
	}

	#sec_other h2 span.sub::after{
		content: '';
		position: absolute;
		top: 50%;
		right: 12px;
		transform: translate(0, -50%);
		display: block;
		border: 5px solid transparent;
		border-left: 8px solid #ffffff;
	}
	
	#sec_other h2 span.bold{
		font-weight: 600;
		padding: 0 4px;
		display: block;
	}


	#sec_other .swiper-wrapper{
		justify-content: center;
		align-items: center;
		gap: 12px;
	}
	

	#sec_other .swiper-slide{
		width: 256px;
	}

	#sec_other .swiper-slide a{
		display: block;
		position: relative;
	}

	#sec_other .swiper-slide h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 1.8rem;
		color: #ffffff;
		background: #000000;
		font-feature-settings: 'palt';
		letter-spacing:0.1rem;
		font-weight:600;
		padding: 8px 24px;
		display: inline-block;
		border-radius: 50px;
		position: absolute;
		top: 68px;
		left: 50%;
		transform: translate(-50%, 0);
		white-space: nowrap;
		line-height: 1.2;
		z-index: 1;
	}

	#sec_other .swiper-slide h3 span{
		font-weight:400;
	}

	#sec_other .swiper-slide a > span{
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		z-index: 2;
	}

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

	#sec_other .swiper-slide .img_box > img {
		transition: all 0.5s ease 0s;
	}
	
	#sec_other .swiper-slide a:hover .img_box > img {
		transform: scale(1.1);
	}

	#sec_other .swiper-slide .img_box {
		transition: all 0.5s ease 0s;
	}
	
	#sec_other .swiper-slide a:hover .img_box {
		transform: scale(1.025);
	}

	/* ============================================================
 	sec_special
	==============================================================*/
	
	#sec_special{
		width: 100%;
		padding: 80px 0 120px;
		background:#fff
	}
	
	#sec_special .wrapper{
	text-align: center;
	}
	
	#sec_special h2{
		font-family: 'Barlow', sans-serif;
		font-weight: 500;
		font-size: 2.8rem;
		color: #000000;
		margin: 0 auto 40px;
		display: inline-block;
		position: relative;
		padding: 0 8px 3px 8px;
		letter-spacing: 0.03em;
	}

	#sec_special h2 span{
		font-weight:800;
	}

	#sec_special h2::before{
		content: '';
		display: block;
		width: 100%;
		height: 3px;
		background: #000000;
		position: absolute;
		bottom: 0;
		left: 0;
	}

	#sec_special h2::after{
		content: '';
		display: block;
		width: 100%;
		height: 1px;
		background: #000000;
		position: absolute;
		bottom: -4px;
		left: 0;
	}

	#sec_special ul{
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 20px;
	}

	#sec_special ul li{
		width: 340px;
	}

	#sec_special ul li a{
		display: block;
		position: relative;
		height: 100%;
		border-radius: 10px;
		overflow: hidden;
	}

	#sec_special ul li a.no_link{
		pointer-events: none;
		background:#ccc;
		position:relative;
	}

	#sec_special ul li a.no_link span{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 2.0rem;
		padding:0 10px;
		background:#000;
		color:#fff;
		position:absolute;
		top: 50%;
		left: 50%;
		transform:translate(-50%, -50%);
		z-index:2;
	}

	#sec_special .img_box_01 {
		line-height: 0;
	}

	#sec_special ul li a.no_link .img_box_01{
		opacity:0.5;
	}

	#sec_special .img_box_02 {
		position: absolute;
		line-height: 0;
		top: 0;
		left: 0;
		width: 100%;
	}

	#sec_special ul li a img {
		transition: all 0.5s ease 0s;
	}
	
	#sec_special ul li a:hover img {
		transform: scale(1.1);
	}

	#sec_special ul li a:hover {
		transition: all 0.5s ease 0s;
	}
	
	#sec_special ul li a:hover {
		transform: scale(1.025);
	}
	
}

/* =========================================================================
 inview anime
 ===========================================================================*/
	.lazy_fadein{
		opacity:0;
	}
	.lazy_fadein_act{
		opacity:1;
		transition: all 0.5s cubic-bezier(0, 0, 0, 0);
	}
    
    .lazy_fadeinCvBtn{
		transform: translate(59px,0); 
	}
    
    .lazy_fadeinCvBtn_active{
		transform: translate(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_fadeinUpCenter{
		opacity:0;
		transform:translate(-50%, 10%);
	}
	
	.lazy_fadeinUpCenter_active{
		transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
		transform:translate(-50%, 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;
	}


/* ============================================================
keyframe UP_txt
==============================================================*/
/*.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) 18ms;}
.sUP3{transition:transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 36ms;}
.sUP4{transition:transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 54ms;}
.sUP5{transition:transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 72ms;}
.sUP6{transition:transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 90ms;}
.sUP7{transition:transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 108ms;}
.sUP8{transition:transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 126ms;}
.sUP9{transition:transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 144ms;}
.sUP10{transition:transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 162ms;}
.sUP11{transition:transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 180ms;}
.sUP12{transition:transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 196ms;}
.sUP13{transition:transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 216ms;}
.sUP14{transition:transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 234ms;}
.sUP15{transition:transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 256ms;}
.sUP16{transition:transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 270ms;}
.sUP17{transition:transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 288ms;}
.sUP18{transition:transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 306ms;}
.sUP19{transition:transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 324ms;}
.sUP20{transition:transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 342ms;}*/

.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;}

.ssUP1{transition:transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0ms;}
.ssUP2{transition:transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 50ms;}
.ssUP3{transition:transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 100ms;}
.ssUP4{transition:transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 150ms;}
.ssUP5{transition:transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 200ms;}
.ssUP6{transition:transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 250ms;}
.ssUP7{transition:transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 300ms;}
.ssUP8{transition:transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 350ms;}
.ssUP9{transition:transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 400ms;}
.ssUP10{transition:transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 450ms;}
.ssUP11{transition:transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 500ms;}
.ssUP12{transition:transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 550ms;}
.ssUP13{transition:transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 600ms;}
.ssUP14{transition:transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 650ms;}
.ssUP15{transition:transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 700ms;}
.ssUP16{transition:transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 750ms;}
.ssUP17{transition:transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 800ms;}
.ssUP18{transition:transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 850ms;}
.ssUP19{transition:transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 900ms;}
.ssUP20{transition:transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 950ms;}


/* ============================================================
loading
==============================================================*/

@media (min-width: 762px) {
    #loading {
		width:100vw;
		height:100vh;
		background:#fff;
		position:fixed;
		z-index:10000;
		transition: all 0.6s cubic-bezier(0.22, 0.61, 0.36, 1) 0ms;
		overflow:hidden;
	}
	#loading .bg{
		width:100vw;
		height:100vh;
		background:radial-gradient(at 0 0, #0066ff, transparent 100%),
	    radial-gradient(at 70% 30%, #00DFA2, transparent 100%),
	    radial-gradient(at 50% 100%, #F6FA70, transparent 100%);
		position: absolute;
		top: 50%;
		left: 50%;
		transform:translate(-50%, -50%);
	}
	#loading.loading_out{
		height:0;
	}

	#loading .load_wrap{
		position:absolute;
		top: 49%;
		left:50%;
		transform:translate(-50%,-50%);
	}
	#loading .load_ring{
		width:50px;
		line-height:0;
	}

	#loading .load_mUP_txt{
		/* display: block; */
		font-family: 'Barlow', sans-serif;
		font-weight:600;
		color: #fff;
		font-size: 5.8rem;
		letter-spacing: -0.4rem;
		line-height: 1;
		overflow:hidden;
		height: 1em;
		margin: 0 0 13px;
		/* text-align:center; */
	}

	#loading .load_mUP_txt span{
		display:inline-block;
		letter-spacing:-0.25rem;
		transform: translateY(100%);
	}

	#loading .act_txt span{
		transform: translateY(0);
	}

	#loading .load_mUP_txt span.sUP8{
		padding: 0 0 0 16px;
	}
	
	#loading .load_mUP_txt span.sUP11{
		padding: 0 0 0 16px;
	}

	#loading p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:300;
		color: #fff;
		font-size: 4.0rem;
		white-space: nowrap;
		letter-spacing: -0.1rem;
	}

	#loading p span{
		letter-spacing: -2.2rem;
	}

}




	
/* ============================================================
keyframe
==============================================================*/
	
@keyframes sdb {
  			0% {
    			transform: translate(0, -10px);
    			opacity: 0;
  			}
  			50% {
    			opacity: 1;
  			}
  			80% {
    			transform: translate(0, 100px);
    			opacity: 0;
  			}
  			100% {
    			opacity: 0;
  			}
		}

/* ============================================================
keyframe
==============================================================*/
	
@keyframes fade_loop {
  			0% {
    			transform: scale(1);
				filter: brightness(1) invert(1);
  			}
  			30% {
    			transform: scale(1.1);
				filter: brightness(1) invert(1);
  			}
  			70% {
    			transform: scale(1.1);
				filter: brightness(1) invert(1);
  			}
			100% {
    			transform: scale(1);
				filter: brightness(1) invert(1);
  			}
		}

@keyframes cv_loop {
  			0% {
    			transform: scale(1);
  			}
  			30% {
    			transform: scale(1.1);
  			}
  			70% {
    			transform: scale(1.1);
  			}
			100% {
    			transform: scale(1);
  			}
		}