@charset "utf-8";

/* ======================

 [brake-point]
 min-width:768px
 max-width:767px

====================== */

#wrapMainTtl {
	background-image: url(/sp/nano/img/message/bg_ttl.png);
}


/* °¤ÞÙ°üÀ¨ */
#wrapMainTopGreeting {}

#wrapMainTopGreeting .innerContainer{
	padding: 50px 0;
}

#wrapMainTopGreeting .innerContainer .message{
	width: 540px;
    height: 100%;
	padding-top: 40px;
	color: #fff;
}


#wrapMainTopGreeting .innerContainer .message h2 .t{
	display: inline-block;
	background-color: #1a2944;
	padding: 5px 60px;
	text-align: center;
	font-size: 2.2rem;
	color: #fff;
	letter-spacing: 0.1em;
	font-weight: 500;
}

#wrapMainTopGreeting .innerContainer .message h2 .b{
	display: none;
}


#wrapMainTopGreeting .innerContainer .message .mesInner{
	background-color: #006699;
	margin-top: -30px;
	margin-left: 20px;
	padding: 50px 30px 30px 30px;
	font-size: 1.4rem;
	line-height: 2em;
}

#wrapMainTopGreeting .innerContainer .message .mesInner .name{
	margin: 20px 0 0 0;
	font-size: 2.2rem;
	text-align: right;
	font-weight: 500;
}

#wrapMainTopGreeting .innerContainer .message .mesInner .name span{
	font-size: 1.4rem;
}

#wrapMainTopGreeting .innerContainer .profile {
	width: 410px;
	background-color: #666666;
	margin-top: 507px;
	padding: 30px;
	color: #fff;
	font-size: 1.2rem;
	line-height: 1.8em;
}

#wrapMainTopGreeting .innerContainer .profile dt {
	font-weight: bold;
	font-size: 1.4rem;
}

#wrapMainTopGreeting .innerContainer .profile dd {
	padding-top: 10px;
}



#wrapMainTopGreeting .innerContainer #greeting01{
	width: 100%;
	background-image: url(/sp/nano/img/message/img_greeting_photo001.png);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 524px auto;
	padding-bottom: 50px;
}

#wrapMainTopGreeting .innerContainer #greeting01 .message{
	float: right;
}

#wrapMainTopGreeting .innerContainer #greeting01 .profile{
	float: left;
}

#wrapMainTopGreeting .innerContainer #greeting02{
	width: 100%;
	background-image: url(/sp/nano/img/message/img_greeting_photo002.png);
	background-position: right top;
	background-repeat: no-repeat;
	background-size: 524px auto;
	padding-bottom: 50px;
}

#wrapMainTopGreeting .innerContainer #greeting02 .message{
	width: 510px;
	float: left;
}
#wrapMainTopGreeting .innerContainer #greeting02 .message h2{
	margin: 0 -80px 0 0;
	text-align: right;
}
#wrapMainTopGreeting .innerContainer #greeting02 .profile{
	float: right;
}


#wrapMainTopGreeting .innerContainer #greeting02 .btnl{
	padding-left: 20px;
	padding-top:20px;
	clear: both;
	width: 100%;
}



#wrapMainTopGreeting .innerContainer #greeting03{
	width: 100%;
	background-image: url(/sp/nano/img/message/img_greeting_photo003.png);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 524px auto;
}


#wrapMainTopGreeting .innerContainer #greeting03 .message{
	float: right;
}
#wrapMainTopGreeting .innerContainer #greeting03 .profile{
	float: left;
}