@charset "UTF-8";

/* --------------------------------------------------------------

	清光学園 第二早蕨幼稚園 [ごあいさつCSS]
	/common/css/con_greeting.css

-------------------------------------------------------------- */

/* ==================================================
	base
================================================== */

@media screen and (min-width: 741px) {
body#greeting #content_wrap {
	background: url(../../greeting/images/title_bg.png) center top no-repeat;
	padding-bottom: 2em;
}
}

@media screen and (max-width: 740px) {
body#greeting #content_wrap {
	background: none;
}
body#greeting #content_wrap h1 {
	margin-bottom: 0;
}
body#greeting table th,
body#greeting table td {
	padding-left: 1em;
	padding-right: 1em;
}
}


/* ==================================================
	box01
================================================== */

body#greeting .box01 p {
	margin-top: 1.5em;
	line-height: 2.15;
}

@media screen and (min-width: 741px) {
body#greeting .box01 {
	padding: 70px 70px 0;
}
body#greeting .box01 h2 {
	margin-bottom: 50px;
}
}

@media screen and (max-width: 740px) {
body#greeting .box01 {
	background-size: 100% auto;
	padding: 2em 1em 0;
}
}


/* ==================================================
	box02
================================================== */

@media screen and (min-width: 741px) {
body#greeting .box02 {
	background: url(../../greeting/images/content_body_bg.png) center bottom no-repeat;
	margin: -30px 0 0;
	padding: 120px 70px 410px;
}
body#greeting .box02 h2 {
	margin-bottom: 40px;
}
body#greeting .box02 table {
	width: 587px;
	margin-right: 50px;
}
body#greeting .box02 p img {
	margin-bottom: 25px;
}
}

@media screen and (max-width: 740px) {
body#greeting .box02 {
	background: url(../../greeting/images/content_body_bg_sp.png) center bottom no-repeat;
	background-size: 100% auto;
	margin-top: 0;
	padding: 4em 0 250px;
}
body#greeting .box02 h2 {
	margin-bottom: 1em;
}
body#greeting .box02 p {
	display: none;
}
}

body#greeting .box02 table {
	border-top: solid 1px #B3B3B3;
}
body#greeting .box02 table th,
body#greeting .box02 table td {
	padding-top: 0.65em;
	padding-bottom: 0.4em;
	line-height: 1.6;
}
body#greeting .box02 table th {
	text-align: right;
	white-space: nowrap;
}
body#greeting .box02 table tr th.nonline,
body#greeting .box02 table tr td.nonline {
	border-top: none !important;
	border-bottom: none !important;
}
body#greeting .box02 table tr th.dotline,
body#greeting .box02 table tr td.dotline {
	border-bottom: dotted 1px #B3B3B3 !important;
}