@charset "utf-8";
/* CSS Document */


/*----------------------------------------
	#topSec
----------------------------------------*/
#topSec {
	background-image: url(../images/top-back.jpg);
}

@media print,screen and (min-width: 769px){
}
@media screen and (max-width:768px){
	
}

/*----------------------------------------
	#greeting
----------------------------------------*/
#greeting .g-box {
	background: -webkit-linear-gradient(left, #f6f7f9 0%,#d5d5d5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #f6f7f9 0%,#d5d5d5 100%); 
}
#greeting .g-box .spc01 .name p {
	line-height: 1.5
}
#greeting .g-box .spc01 .name .small {
	font-size: 0.8em;
	margin: 0 0 0 10px;
}

@media print,screen and (min-width: 769px){
	#greeting .g-box {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		padding: 30px 0 0 50px;
	}
	#greeting .g-box .spc01 {
		width: 600px;
		padding-right: 50px;
	}
	#greeting .g-box .spc02 {
		width: 400px;
	}
	#greeting .g-box .spc01 h4 {
		font-size: 38px;
		line-height: 1.5;
		margin: 0 0 30px 0;
	}
	#greeting .g-box .spc01 .name {
		text-align: right;
		margin: 50px 0 0 0;
		font-size: 16px;
	}

}
@media screen and (max-width:768px){
	#greeting .g-box {
		padding: 30px 15px 0 15px;
	}
	#greeting h4 {
		font-size: 20px;
		line-height: 1.5;
		margin: 0 0 20px 0;
	}
	#greeting .g-box .spc01 .name {
		margin: 20px 0;
	}
	#greeting .g-box .spc01 .name p {
		/* font-size: 12px; */
	}
	#greeting .g-box .spc01 .name p.large {
		/* font-size: initial; */
	}
	#greeting .g-box .spc02 figure {
		width: 80%;
		margin: 0 auto;
		position: relative;
		left: 15px;
	}
}