@charset "UTF-8";

@media screen and (min-width:751px) {
	
	header .innerbox nav .box.greeting::after{
		transform: scaleX(1);
	}
	
	.contbox{
		padding:150px 0 100px 0;
		overflow: hidden;
	}
	
	.contbox.bg{
		background:#ebf6f8;
	}
	
	.contbox .innerbox{
		width:90%;
		max-width: 1166px;
		margin:0 auto;
		display: flex;
		align-items: flex-start;
	}
	
	.contbox .innerbox .tlcont{
		width:calc(50% - 50px - 50px);
		position: relative;
	}
	
	.contbox .innerbox .tlcont span{
		line-height: 1.5em;
		border-left:1px solid #1e6edc;
		font-size: 3rem;
		letter-spacing: 0.14em;
		padding:0 0 0 20px;
		position: relative;
		z-index: 2;
		display: block;
	}
	
	.contbox .innerbox .tlcont num{
		position: absolute;
		height:90px;
		top:-40px;
		left:-20px;
	}
	
	.contbox .innerbox .tlcont num img{
		height:100%;
		width:auto;
	}
	
	.contbox .innerbox .txcont{
		width:calc(50% + 100px);
	}
	
	.contbox .innerbox .txcont .thumbnail{
		margin:0 0 90px 0;
		position: relative;
		cursor: pointer;
	}
	
	.contbox .innerbox .txcont .thumbnail::before{
		content: "";
		width:100%;
		height:100%;
		background: url("/images/greeting/play_btn.png") no-repeat; 
		background-size: 100px;
		background-position: center center;
		position: absolute;
		top:0;
		left:0;
		z-index: 3;
		transition: all 0.2s;
	}
	
	.contbox .innerbox .txcont .thumbnail:hover::before{
		opacity: 0.7;
	}
	
	.contbox .innerbox .txcont .thumbnail::after{
		content: "";
		width:100%;
		height:100%;
		background: linear-gradient(292deg, rgba(94,222,249,1) 11%, rgba(19,118,239,1) 100%); 
		position: absolute;
		top:35px;
		left:35px;
	}
	
	.contbox .innerbox .txcont .thumbnail img{
		width:100%;
		position: relative;
		z-index: 2;
	}
	
	.contbox .innerbox .txcont p{
		font-size: 1.5rem;
		line-height: 2.2em;
		letter-spacing: 0.1em;
	}
	
	.modal-video{
		background-color:rgba(38,53,60,0.95) !important;
	}
	
	.modal-video-close-btn{
		background:url("/images/greeting/close.svg") no-repeat !important;
		background-size: contain !important;
		background-position: center !important;
   		bottom: -50px !important;
    	right: calc(50% - 25px) !important;
    	top: auto !important;
  	}
	
	.modal-video-close-btn::after,
	.modal-video-close-btn::before{
		display: none !important;
  	}
}

@media screen and (max-width:750px) {
	header .innerbox nav .box.greeting a{
		color:#1e6edc !important;
	}
	
	.contbox{
		padding:80px 0 50px 0;
		overflow: hidden;
	}
	
	.contbox.bg{
		background:#ebf6f8;
	}

	.contbox .innerbox{
		width:90%;
		max-width: 1166px;
		margin:0 auto;
		display: flex;
		align-items: flex-start;
		flex-direction: column;
	}
	
	.contbox .innerbox .tlcont{
		width:100%;
		position: relative;
	}
	
	.contbox .innerbox .tlcont span{
		line-height: 1.5em;
		border-left:1px solid #1e6edc;
		font-size: 2.6rem;
		letter-spacing: 0.14em;
		padding:0 0 0 15px;
		margin:0 0 30px 0;
		position: relative;
		z-index: 2;
		display: block;
	}
	
	.contbox .innerbox .tlcont num{
		position: absolute;
		height:45px;
		top:-15px;
		left:-10px;
	}
	
	.contbox .innerbox .tlcont num img{
		height:100%;
		width:auto;
	}
	
	.contbox .innerbox .txcont{
		width:100%;
	}
	
	.contbox .innerbox .txcont .thumbnail{
		margin:0 0 45px 0;
		position: relative;
		cursor: pointer;
	}
	
	.contbox .innerbox .txcont .thumbnail::before{
		content: "";
		width:100%;
		height:100%;
		background: url("/images/greeting/play_btn.png") no-repeat; 
		background-size: 80px;
		background-position: center center;
		position: absolute;
		top:0;
		left:0;
		z-index: 3;
		transition: all 0.2s;
	}
	
	.contbox .innerbox .txcont .thumbnail:hover::before{
		opacity: 0.7;
	}
	
	.contbox .innerbox .txcont .thumbnail::after{
		content: "";
		width:100%;
		height:100%;
		background: linear-gradient(292deg, rgba(94,222,249,1) 11%, rgba(19,118,239,1) 100%); 
		position: absolute;
		top:10px;
		left:10px;
	}
	
	.contbox .innerbox .txcont .thumbnail img{
		width:100%;
		position: relative;
		z-index: 2;
	}
	
	.contbox .innerbox .txcont p{
		font-size: 1.5rem;
		line-height: 2.2em;
		letter-spacing: 0.1em;
	}
	
	.modal-video{
		background-color:rgba(38,53,60,0.95) !important;
	}
	
	.modal-video-close-btn{
		background:url("/images/greeting/close.svg") no-repeat !important;
		background-size: contain !important;
		background-position: center !important;
   		bottom: -50px !important;
    	right: calc(50% - 25px) !important;
    	top: auto !important;
  	}
	
	.modal-video-close-btn::after,
	.modal-video-close-btn::before{
		display: none !important;
  	}
}