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


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

	.local-MainContainer{
		width: 100vw;
		max-width:100vw !important;
		padding:0 !important;
		margin:0 !important;
	}

	.global-Pagetop {
	    bottom:7.0rem !important;
	}

	.iPad .global-Pagetop {
	    bottom:3.5rem !important;
	}


	#luxy{
		top:0;
	}

	.iPad #luxy{
		position:absolute;
		top:0;
	}

	.iPadv #luxy{
		position:absolute;
		top:0;
	}
	
	#cuvis{
		width: 100%;
		position: relative;
	}
	
	#cuvis ul, #cuvis ol, #cuvis dl, #cuvis 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;
	}

	
}



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

	
	/* ============================================================
 	fv_wrap
	==============================================================*/
	#fv_wrap {
		width: 100vw;
		height: 750px;
		background:url("../img/fv_bg.jpg")no-repeat center 130px;
		background-size: 3000px auto;
		overflow: hidden;
		position: relative;
		margin: -34px 0 0;
	}

	#fv_wrap .ci_box{
		position:absolute;
		width: 570px;
		top: 261px;
		left: calc(50% - 544px);
	}

	.iPad #fv_wrap .ci_box{
		position:absolute;
		width: 540px;
		top: 261px;
		left: calc(50% - 504px);
	}

	.iPadv #fv_wrap .ci_box{
		position:absolute;
		width: 400px;
		top: 261px;
		left: calc(50% - 384px);
	}

	#fv_wrap h1{
		color: #696869;
		position:absolute;
		top: 509px;
		left: calc(50% - 545px);
		font-size: 27px;
		letter-spacing: 1px;
		font-weight: 500;
		line-height: 1.45;
		font-feature-settings: 'palt';
	}

	.iPad #fv_wrap h1{
		color: #696869;
		position:absolute;
		top: 509px;
		left: calc(50% - 505px);
		font-size: 27px;
		letter-spacing: 1px;
		font-weight: 500;
		line-height: 1.45;
		font-feature-settings: 'palt';
	}

	.iPadv #fv_wrap h1{
		color: #696869;
		position:absolute;
		top: 509px;
		left: calc(50% - 385px);
		font-size: 22px;
		letter-spacing: 1px;
		font-weight: 500;
		line-height: 1.45;
		font-feature-settings: 'palt';
	}
	
	#fv_wrap h1 span{
		display: block;
	}

	#fv_wrap .img_p1{
		width: 230px;
		position:absolute;
		top: 250px;
		left: calc(50% + 46px);
	}

	#fv_wrap .img_p2{
		width: 240px;
		position:absolute;
		top: 197px;
		left: calc(50% + 226px);
	}

	.iPadv #fv_wrap .img_p1{
		width: 230px;
		position:absolute;
		top: 250px;
		left: calc(50% + -20px);
	}

	.iPadv #fv_wrap .img_p2{
		width: 240px;
		position:absolute;
		top: 197px;
		left: calc(50% + 146px);
	}

	
	
	/* ============================================================
 	section 00
	==============================================================*/
	
	#sec00 {
		width: 100vw;
		padding: 150px 0 20px;
	}
	
	#sec00 .wrapper{
		display:flex;
		box-sizing: border-box;
		padding: 0 30px;
		width: 1100px;
		/* max-width: 1220px; */
		margin: 0 auto;
		justify-content:space-between;
	}

	.iPad #sec00 .wrapper{
		display:flex;
		box-sizing: border-box;
		padding: 0 50px 0 20px;
		width: 100vw;
		max-width: 1220px;
		margin: 0 auto;
		justify-content:space-between;
	}

	.iPadv #sec00 .wrapper{
		display:flex;
		box-sizing: border-box;
		padding: 0 50px 0 20px;
		width: 100vw;
		max-width: 1220px;
		margin: 0 auto;
		justify-content:space-between;
	}

	#sec00 .p_wrap{
		width: 520px;
		position:relative;
	}

	.iPad #sec00 .p_wrap{
		width: 490px;
		position:relative;
	}

	.iPadv #sec00 .p_wrap{
		width: 520px;
		position:relative;
	}

	#sec00 .p_wrap .img_box{
		width: 160px;
		margin: 30px 86px 0 auto;
	}

	.iPad #sec00 .p_wrap .img_box{
		width: 160px;
		margin: 0px 60px 0 auto;
	}

	.iPadv #sec00 .p_wrap .img_box{
		width: 160px;
		margin: 0px 60px 0 auto;
	}

	#sec00 .p_wrap li{
		box-sizing:border-box;
		font-size: 39px;
		letter-spacing: 0;
		font-weight: 600;
		line-height: 1.4;
		font-feature-settings: 'palt';
		padding: 24px 0 0 29px;
		color: #1e98ac;
		position:absolute;
		border-top: 1px solid #1e98ac;
		border-left: 1px solid #1e98ac;
	}

	#sec00 .p_wrap li:nth-child(1){
		top: 39px;
		left: -30px;
	}
	#sec00 .p_wrap li:nth-child(2){
		top: 190px;
		left: -30px;
	}
	#sec00 .p_wrap li:nth-child(3){
		top: 340px;
		left: -30px;
		font-size: 20px;
		line-height: 1.2;
	}

	.iPad #sec00 .p_wrap li:nth-child(1){
		top: 0;
		left: 0;
	}
	.iPad #sec00 .p_wrap li:nth-child(2){
		top: 144px;
		left: 0;
	}
	.iPad #sec00 .p_wrap li:nth-child(3){
		top: 292px;
		left: 0;
		font-size: 20px;
		line-height: 1.2;
	}

	.iPadv #sec00 .p_wrap li:nth-child(1){
		top: 0;
		left: 0;
	}
	.iPadv #sec00 .p_wrap li:nth-child(2){
		top: 144px;
		left: 0;
	}
	.iPadv #sec00 .p_wrap li:nth-child(3){
		top: 292px;
		left: 0;
		font-size: 20px;
		line-height: 1.2;
	}



	#sec00 .p_wrap li .s1{
		display:block;
		font-size: 16px;
		letter-spacing: 1px;
		font-weight: 600;
		line-height: 1.4;
	}

	#sec00 .p_wrap li sup{
		font-size: 11px;
		top: -.7em;
	}

	#sec00 .p_wrap li .nn_txt{
		display:block;
		font-size: 12px;
		letter-spacing: 1px;
		font-weight: 400;
		line-height: 1.4;
		padding:18px 0 0 1em;
		text-indent:-1em;
	}

	#sec00 .p_wrap li .s1 span{
		display:block;
		font-size: 13px;
		margin:0 0 10px;
	}

	#sec00 .p_wrap li .s2{
		display:inline-block;
		font-size: 14px;
		letter-spacing: 1px;
		font-weight: 600;
		line-height: 1.4;
		padding:0 0 0 2px;
		vertical-align: text-top;
		margin: 25px 0 0;
	}

	#sec00 .p_wrap li:nth-child(3) .s2{
		display:inline-block;
		font-size: 13px;
		letter-spacing: 1px;
		font-weight: 600;
		line-height: 1.4;
		padding: 0;
		vertical-align: text-top;
		margin: 7px 0 0;
	}

	#sec00 .p_wrap li .s3{
		display:block;
		font-size: 14px;
		letter-spacing: 1px;
		font-weight: 600;
		line-height: 1.4;
		padding:0 0 0 2px;
		vertical-align: text-top;
		margin: 0 0 0;
	}

	#sec00 .txt_wrap{
		width: 640px;
	}

	.iPad #sec00 .txt_wrap{
		width: 600px;
	}

	.iPadv #sec00 .txt_wrap{
		width: 340px;
	}
	
	#sec00 h2 {
		font-family: 'Roboto', sans-serif;
		border-bottom: 1px solid #000;
		font-size: 64px;
		letter-spacing: 0;
		font-weight: 600;
		line-height: 1.2;
		font-feature-settings: 'palt';
		padding: 0 0 22px;
		margin: 0 0 24px;
	}

	.iPad #sec00 h2 {
		line-height: 1.2;
		font-size: 60px;
	}
	.iPadv #sec00 h2 {
		font-size: 50px;
		line-height: 1.2;
	}
	
	#sec00 p.body_txt {
		font-size: 16px;
		letter-spacing: 1px;
		font-weight: 500;
		line-height: 2.0;
		font-feature-settings: 'palt';
		padding: 0 0 41px;
	}

	.iPad #sec00 p.body_txt {
		font-size: 15px;
		letter-spacing: 1px;
		font-weight: 500;
		line-height: 2.0;
		font-feature-settings: 'palt';
		padding: 0 0 41px;
	}

	.iPadv #sec00 p.body_txt {
		font-size: 15px;
		letter-spacing: 1px;
		font-weight: 500;
		line-height: 2.0;
		font-feature-settings: 'palt';
		padding: 0 0 41px;
	}

	#sec00 p.note_txt {
		font-size: 14px;
		letter-spacing: 1px;
		font-weight: 400;
		line-height: 2.0;
		font-feature-settings: 'palt';
		padding: 0 0 0 20px;
		margin:-14px 0 0;
	}

	.iPadv #sec00 p.note_txt {
		font-size: 12px;
		letter-spacing: 1px;
		font-weight: 400;
		line-height: 2.0;
		font-feature-settings: 'palt';
		padding: 0 0 0 20px;
		margin:-5px 0 0;
	}

	#sec00 .txt_wrap li{
		font-size: 17px;
		letter-spacing: 1px;
		font-weight: 600;
		line-height: 1.6;
		font-feature-settings: 'palt';
		padding:0 0 16px 20px;
		position:relative;
	}

	.iPad #sec00 .txt_wrap li{
		font-size: 16px;
		letter-spacing: 1px;
		font-weight: 600;
		line-height: 1.6;
		font-feature-settings: 'palt';
		padding:0 0 16px 20px;
		position:relative;
	}

	.iPadv #sec00 .txt_wrap li{
		font-size: 15px;
		letter-spacing: 1px;
		font-weight: 600;
		line-height: 1.4;
		font-feature-settings: 'palt';
		padding:0 0 10px 20px;
		position:relative;
	}


	#sec00 .txt_wrap li:before{
		content: "";
		display: block;
		width: 8px;
		height: 8px;
		border-radius:50%;
		background:#1e98ac;
		position: absolute;
		top: 8px;
		left:0;
	}
	
	
	
	/* ============================================================
 	section 01
	==============================================================*/
	
	#sec01 {
		width: 100vw;
		position: relative;
		padding: 0 0 50px;
		margin: -320px 0 0;
	}

	#sec01 .bg_h{
		width:1260px;
		position:absolute;
		top: 0;
		right:0;
		z-index: -1;
	}

	#sec01 .bg_f{
		width:1260px;
		position:absolute;
		bottom: -300px;
		left:0;
		transform:scaleX(-100%);
		z-index: -2;
	}

	#sec01 .wrapper{
		box-sizing: border-box;
		padding: 320px 10px 0;
		width: 100vw;
		max-width: 1220px;
		margin: 0 auto;
		position: relative;
	}
	
	#sec01 .eng_txt{
		display: block;
		font-family: 'Roboto', sans-serif;
		font-weight: 400;
		font-size: 119px;
		line-height: 1.4;
		letter-spacing: 2px;
		background: linear-gradient( to right,  #2fc0d3 25%, #0099ad 75% );
		-webkit-background-clip: text;
		color: transparent;
		position: absolute;
		left: 0;
		top: 226px;
		z-index: 2;
	}

	.iPadv #sec01 .eng_txt{
		display: block;
		font-family: 'Roboto', sans-serif;
		font-weight: 400;
		font-size:89px;
		line-height: 1.4;
		letter-spacing: 2px;
		background: linear-gradient( to right,  #2fc0d3 25%, #0099ad 75% );
		-webkit-background-clip: text;
		color: transparent;
		position: absolute;
		left: 20px;
		top: 268px;
		z-index: 2;
	}

	#sec01 .sys_wrap{
		width:1050px;
		margin: 0 auto 160px;
		position:relative;
	}

	.iPad #sec01 .sys_wrap{
		width:950px;
		margin: 0 auto 160px;
		position:relative;
	}

	.iPadv #sec01 .sys_wrap{
		width: 760px;
		margin: 0 auto 60px;
		position:relative;
	}

	#sec01 .sys_wrap .img_box{
		position:absolute;
		width: 430px;
	}

	.iPad #sec01 .sys_wrap .img_box{
		position:absolute;
		width: 400px;
	}

	.iPadv #sec01 .sys_wrap .img_box{
		position:absolute;
		width: 300px;
	}

	#sec01 .sys_wrap .txt_wrap{
		position:relative;
		width: 550px;
	}

	.iPadv #sec01 .sys_wrap .txt_wrap{
		position:relative;
		width: 450px;
	}

	#sec01 .c2 .txt_wrap,#sec01 .c4 .txt_wrap{
		margin:0 0 0 auto;
	}

	#sec01 .c1{
		padding:90px 0;
	}

	#sec01 .c2{
		padding: 70px 0;
	}

	#sec01 .c3{
		padding: 70px 0;
	}

	#sec01 .c4{
		padding:90px 0;
		margin: 0 auto 50px;
	}

	.iPad #sec01 .c4{
		padding:90px 0;
		margin: 0 auto 30px;
	}

	#sec01 .c1:before{
		content: "";
		display: block;
		width: 80vw;
		height: 100%;
		background: linear-gradient( to right,  #f4faff 25%, #e5fafb 75% );
		position: absolute;
		top: 50%;
		left: calc(50% - 20vw);
		transform:translate(-50%, -50%);
		z-index:0;
	}

	#sec01 .c2:before{
		content: "";
		display: block;
		width: 80vw;
		height: 100%;
		background: linear-gradient( to right,  #e1f4ff 25%, #f5faff 75% );
		position: absolute;
		top: 50%;
		left:calc(50% + 20vw);
		transform:translate(-50%, -50%);
		z-index:0;
	}

	#sec01 .c3:before{
		content: "";
		display: block;
		width: 80vw;
		height: 100%;
		background: linear-gradient( to right,  #f4faff 25%, #e9f2ff 75% );
		position: absolute;
		top: 50%;
		left: calc(50% - 20vw);
		transform:translate(-50%, -50%);
		z-index:0;
	}

	#sec01 .c4:before{
		content: "";
		display: block;
		width: 80vw;
		height: 100%;
		background: linear-gradient(to right, #d8f9fc 25%, #f3fdfe 75%);
		position: absolute;
		top: 50%;
		left:calc(50% + 20vw);
		transform:translate(-50%, -50%);
		z-index:0;
	}

	#sec01 .c1 .img_box{
		top: 50%;
		left:calc(50% + 120px);
		transform: translate(0, -50%);
		box-shadow: 0 2px 14px 0 rgb(35 141 138 / 40%);
	}

	#sec01 .c2 .img_box{
		top: 50%;
		right:calc(50% + 120px);
		transform: translate(0, -50%);
		box-shadow: 0 2px 14px 0 rgb(76 153 204 / 40%);
	}

	#sec01 .c3 .img_box{
		top: 50%;
		left:calc(50% + 120px);
		transform: translate(0, -50%);
		box-shadow: 0 2px 14px 0 rgb(79 119 191 / 40%);
	}

	#sec01 .c4 .img_box{
		top: 50%;
		right:calc(50% + 120px);
		transform: translate(0, -50%);
		box-shadow: 0 2px 14px 0 rgb(36 131 147 / 40%);
	}

	.iPadv #sec01 .c1 .img_box{
		top: 50%;
		left: calc(50% + 100px);
		transform: translate(0, -50%);
		box-shadow: 0 2px 14px 0 rgb(35 141 138 / 40%);
	}

	.iPadv #sec01 .c2 .img_box{
		top: 50%;
		right:calc(50% + 120px);
		transform: translate(0, -50%);
		box-shadow: 0 2px 14px 0 rgb(76 153 204 / 40%);
	}

	.iPadv #sec01 .c3 .img_box{
		top: 50%;
		left: calc(50% + 100px);
		transform: translate(0, -50%);
		box-shadow: 0 2px 14px 0 rgb(79 119 191 / 40%);
	}

	.iPadv #sec01 .c4 .img_box{
		top: 50%;
		right:calc(50% + 120px);
		transform: translate(0, -50%);
		box-shadow: 0 2px 14px 0 rgb(36 131 147 / 40%);
	}

	#sec01 h2 {
		display: inline-block;
		font-family: 'Roboto', sans-serif;
		font-weight: 400;
		font-size: 50px;
		line-height: 1.1;
		letter-spacing: -1px;
		background: linear-gradient( to right,  #0099ad 25%, #2fc0d3 100% );
		-webkit-background-clip: text;
		color: transparent;
		padding:0 0 20px
	}

	#sec01 h2 span.system_txt{
		display:block;
		font-size: 16px;
		font-weight: 400;
		line-height: 1;
		letter-spacing:1px;
		color:#fff;
		text-align:center;
		position:relative;
	}

	#sec01 h2 span.system_wrap{
		display:block;
		width:110px;
		padding:3px 0;
		color:#fff;
		margin:0 0 2px;
		position:relative;
	}

	#sec01 h2 span.system_wrap:before{
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		background:#0099ad;
		position: absolute;
		top:0;
		left:0;
		z-index:0;
	}

	#sec01 p {
		font-size: 16px;
		letter-spacing: 2px;
		font-weight: 400;
		line-height: 1.8;
		font-feature-settings: 'palt';
	}

	.iPadv #sec01 p .pc_contents{
		display:none;
	}

	#sec01 p.nn_txt {
		font-size: 12px;
		letter-spacing: 0;
		font-weight: 600;
		line-height: 1.8;
		color: #252525;
		font-feature-settings: 'palt';
		padding: 0 52px 100px 568px;
	}

	.iPad #sec01 p.nn_txt {
		font-size: 12px;
		letter-spacing: 0;
		font-weight: 600;
		line-height: 1.8;
		color: #252525;
		font-feature-settings: 'palt';
		padding: 0 0 100px 488px;
	}

	.iPadv #sec01 p.nn_txt {
		font-size: 12px;
		letter-spacing: 0;
		font-weight: 600;
		line-height: 1.8;
		color: #252525;
		font-feature-settings: 'palt';
		padding: 0 50px 100px;
	}

	#sec01 p.note_txt{
		font-size: 13px;
		padding:10px 0 0;
	}

	#sec01 .mode_wrap{
		position:relative;
		padding: 0 0 34px;
	}

	#sec01 .mode_wrap h3{
		font-size: 18px;
		letter-spacing: 1px;
		font-weight: 600;
		line-height: 1;
		text-align:center;
		font-feature-settings: 'palt';
		color:#0099ad;
		position:relative;
	}

	#sec01 .mode_wrap h3:before{
		content: "";
		display: block;
		width: 40px;
		height: 1px;
		background:#0099ad;
		position: absolute;
		top: 44%;
		left:calc(50% - 110px);
		transform:translate(-50%,0);
	}

	#sec01 .mode_wrap h3:after{
		content: "";
		display: block;
		width: 40px;
		height: 1px;
		background:#0099ad;
		position: absolute;
		top: 44%;
		left:calc(50% + 110px);
		transform:translate(-50%,0);
	}

	#sec01 .mode_wrap ul{
		display:flex;
		justify-content:space-between;
		padding: 24px 42px 0;
	}

	#sec01 .mode_wrap p{
		display:block;
		font-family: 'Roboto', sans-serif;
		font-weight: 400;
		font-size: 16px;
		text-align:center;
		line-height: 1.2;
		letter-spacing: 0px;
		color: #0099ad;
		position: relative;
	}

	.iPadv #sec01 .mode_wrap p{
		display:block;
		font-family: 'Roboto', sans-serif;
		font-weight: 400;
		font-size: 14px;
		text-align:center;
		line-height: 1.2;
		letter-spacing: 0px;
		color: #0099ad;
		position: relative;
	}

	.iPadv #sec01 .mode_wrap li:nth-child(1) p{
		padding:8px 0 0;
	}
	.iPadv #sec01 .mode_wrap li:nth-child(3) p{
		padding:8px 0 0;
	}

	#sec01 .mode_wrap li{
		display:block;
		width: 150px;
		position: relative;
	}

	.iPadv #sec01 .mode_wrap li{
		display:block;
		width: 100px;
		position: relative;
	}

	#sec01 .mode_wrap li:before{
		content: "";
		display: block;
		width: 180px;
		height: 60px;
		opacity: 0.8;
		background:#fff;
		border-radius:50%;
		position: absolute;
		top: 50%;
		left:50%;
		transform:translate(-50%,-50%);
		box-shadow: 0 0 10px 0 rgb(47 208 242 / 20%);
	}

	.iPadv #sec01 .mode_wrap li:before{
		content: "";
		display: block;
		width: 160px;
		height: 60px;
		opacity: 0.8;
		background:#fff;
		border-radius:50%;
		position: absolute;
		top: 50%;
		left:50%;
		transform:translate(-50%,-50%);
		box-shadow: 0 0 10px 0 rgb(47 208 242 / 20%);
	}


	/* ============================================================
 	sec_admi
	==============================================================*/
	#sec_admi {
		width: 100vw;
		padding: 60px 0;
		background: url("../img/fv_bg.jpg")no-repeat left center;
		background-size: 2800px auto;
	}

	#sec_admi .wrapper{
		width:800px;
		margin:0 auto;
		padding:40px 0;
		background: #ffffffad;
		box-shadow: 0 0 10px 0 rgb(133 185 211 / 20%);
	}

	.iPadv #sec_admi .wrapper{
		width:700px;
		margin:0 auto;
		padding:40px 0;
		background: #ffffffad;
		box-shadow: 0 0 10px 0 rgb(133 185 211 / 20%);
	}

	#sec_admi .wrapper h2{
		font-weight: 500;
		font-size: 18px;
		line-height: 1.6;
		letter-spacing:1px;
		text-align:center;
		padding:0 0 20px;
	}

	#sec_admi .wrapper a{
		display:block;
		width:360px;
		margin:0 auto;
		font-weight: 600;
		font-size: 18px;
		line-height: 1;
		text-align:center;
		color:#fff;
		padding: 20px 0;
		text-decoration:none;
		background:#0099ad;
		border-radius:30px;
		position:relative;
		text-indent: -5px;
		box-shadow: 0 0 10px 0 #46848780;
	}

	#sec_admi .wrapper a span{
		display:block;
		width: 20px;
		position:absolute;
		top: 18px;
		right: 70px;
		opacity: 0.75;
	}

	#sec_admi .wrapper a{
		transition: all 0.5s ease 0s;
	}

	#sec_admi .wrapper a:hover{
		background:#000;
		box-shadow: 0 0 0 0 #46848780;
	}
	

	

	/* ============================================================
 	section cv
	==============================================================*/
	
	#sec_cv {
		width: 100vw;
		padding: 80px 0;
		background:#1a8293 url("../img/bg_foot.png")no-repeat center;
		background-size:auto 100%;
	}

	.iPadv #sec_cv {
		width: 100vw;
		padding: 80px 0;
		background:#1a8293;
		background-size:auto 100%;
	}

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

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

	#sec_cv .wrapper h2{
		font-weight: 500;
		font-size: 32px;
		line-height: 1.4;
		letter-spacing:1px;
		text-align:center;
		padding:0 0 4px;
		color:#fff;
	}

	#sec_cv .wrapper p{
		font-weight: 500;
		font-size: 18px;
		line-height: 1.4;
		letter-spacing: 0;
		text-align:center;
		padding:0 0 24px;
		color:#fff;
	}

	#sec_cv .wrapper a{
		display:block;
		width:360px;
		margin:0 auto;
		font-weight: 600;
		font-size: 18px;
		line-height: 1;
		text-align:center;
		color:#0099ad;
		padding: 20px 0;
		text-decoration:none;
		background:#fff;
		border-radius:30px;
		text-indent: -10px;
		position:relative;
	}

	#sec_cv .wrapper a span{
		display:block;
		width: 20px;
		position:absolute;
		top: 18px;
		right: 57px;
		opacity: 0.75;
	}

	#sec_cv .wrapper a{
		transition: all 0.5s ease 0s;
	}

	#sec_cv .wrapper a:hover{
		background:#000;
		box-shadow: 0 0 0 0 #46848780;
	}
	
}


/*========================================================================
// 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;
	}



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