/* --------------------------------------------------------------------------------------
top.css
--------------------------------------------------------------------------------------- */
/* ------ Mainvisual ------ */
header {position: absolute!important;background: #fff!important;}
#main{padding-bottom: 100px;z-index: 5;position: relative;}
#contents{background-image: url("../img/pages/greeting/backImg.jpg");position: relative;background-position: center;background-size: cover;}
#contents::after{content: '';display: block;width: 100%;height: 100%;top: 0;bottom: 0;left: 0;right: 0;background: #333;background: rgba(225, 238, 218, .3);position: absolute;z-index: 1;}
#mainvisual{padding-bottom: 100px;}
#main h3{font-size: 48px;font-weight: bold;text-align: center;line-height: 1;}
#main .subttl{font-size: 18px;color: #004955;text-align: center;font-weight: 500;margin-bottom: 60px;}
#main .subttl + p{font-size: 16px;font-weight: 500;margin-bottom: 60px;text-align: left;line-height: 3em;}

#main .subSection .ttl{font-size: 27px;margin-bottom: 20px;}
#main .subSection .ttl + p{line-height: 2em;font-size: 15px;letter-spacing: .03em;font-weight: 500;}
#main .name{text-align: right;}
#main .name span{font-size: 24px;}

#main .txtBox{padding: 200px 100px 100px;}
#main .flotBox{padding: 100px 170px;background: rgba(255, 255, 255, .8);box-shadow: 0 1.9px 2.5px rgba(0, 0, 0, .06), 0 5px 6.1px rgba(0, 0, 0, .08), 0 10.1px 11.4px rgba(0, 0, 0, .09), 0 19.2px 19.8px rgba(0, 0, 0, .09), 0 38.4px 34.8px rgba(0, 0, 0, .1), 0 101px 74px rgba(0, 0, 0, .13);}

@media screen and (max-width: 1024px) and (orientation: portrait){
	#main .flotBox {padding: 100px 50px;}
}
@media only screen and (max-width: 991px) {
	#main .txtBox{padding: 120px 0 50px;}
}
@media only screen and (max-width: 768px) {
	#main .flotBox {padding: 100px 50px;}
}
@media only screen and (max-width: 767px) {
	#main h3{font-size: 34px;}
	h1{padding: 30px 10px 30px;}
	#main{padding-bottom: 50px;}
	#main .flotBox {padding: 50px;}
	#main .subttl, 
	#main .subttl + p{margin-bottom: 30px;}
	#main .subttl + p {line-height: 1.8em;letter-spacing: 0;font-size: 14px;}
	#main .txtBox{padding: 140px 0 50px;}
}
@media only screen and (max-width: 500px) {
	#main .flotBox {padding: 50px 30px;}
}