@charset "utf-8";

/*---page_appointment---*/

/*PC用*/
@media screen and (min-width:814px) {

#maincolumn h3 {
	margin-bottom:0;
}
#maincolumn .section {
	width:774px;
}
#maincolumn .block {
	font-size:14px;
	line-height:180%;
}
#maincolumn .pagetop {
	padding:0 0 20px;
	text-align:right;
	clear:both;
}
#maincolumn #appo01 {
	margin-bottom:60px;
	padding:23px 10px 0;
}
#maincolumn #appo01 .txt {
	margin-bottom:35px;
}
#maincolumn #appo01 .box {
	background:#FFFFFF;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin:0 auto 23px;
	padding:35px 66px 23px 66px;
	width:480px;
	border:2px solid #1D8955;
}
#maincolumn #appo01 .box li {
	background:url(../images/appointment/ico.gif) no-repeat left 10px;
	margin-bottom:10px;
	padding:0 0 0 12px;
	font-size:15px;
}
#maincolumn #appo02 {
	margin-bottom:35px;
	padding:45px 90px 0 70px;
	text-align:center;
}
#maincolumn #appo02 .box {
	background:url(../images/appointment/img02_4.gif) no-repeat right top;
	padding:25px 0 0 32px;
	text-align:left;
}
#maincolumn #appo02 .box li {
	background:url(../images/appointment/ico2.gif) no-repeat left 10px;
	margin-bottom:13px;
	padding:0 0 0 12px;
}
#maincolumn #appo02 .box li.mb30 {
	margin-bottom:30px;
}
#maincolumn #appo03 {
	margin-bottom:40px;
	padding:55px 0 0 0;
	text-align:center;
}
#maincolumn #appo04 {
	padding:36px 0 0 0;
}
#maincolumn #appo04 .box {
	padding:30px 35px 0 42px;
	width:692px;
	border:2px solid #1D8955;
	border-bottom:0;
}
#maincolumn #appo04 .txt {
	margin-bottom:20px;
}
#maincolumn #appo04 .box_in {
	background:#FFFFFF;
	padding:25px 30px 15px;
	width:630px;
	border:1px solid #1D8955;
}
#maincolumn #appo04 .box_in li {
	background:url(../images/appointment/ico3.gif) no-repeat left 10px;
	margin-bottom:10px;
	padding:0 0 0 12px;
}
#maincolumn #appo04 .box_in li span {
	font-weight:bold;
}
#maincolumn #appo04 .appo_footer {
	height:57px;
}

}

/*SP用*/
@media screen and (max-width:813px){

#maincolumn h3 {
	margin-bottom:0;
	overflow: hidden;
}
#maincolumn h3 img {
	width: 150vw;
	max-width: inherit;
}
#maincolumn .section {
}
#maincolumn .block {
	font-size:14px;
	line-height:180%;
}
#maincolumn .pagetop {
	display: none;
}
#maincolumn #appo01 {
	margin-bottom:40px;
	padding:25px 0 0;
}
#maincolumn #appo01 .txt {
	margin-bottom:20px;
}
#maincolumn #appo01 .box {
	background:#FFFFFF;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin:0 auto 23px;
	padding:25px;
	border:2px solid #1D8955;
}
#maincolumn #appo01 .box li {
	background:url(../images/appointment/ico.gif) no-repeat left 10px;
	margin-bottom:10px;
	padding:0 0 0 12px;
	font-size:15px;
}
#maincolumn #appo01 .box li:last-child {
	margin-bottom: 0;
}
#maincolumn #appo01 .time img {
	margin-bottom: 10px;
}
#maincolumn #appo01 .time li {
	text-indent: -1em;
	margin-left: 1em;
	line-height: 1.6;
}
#maincolumn #appo02 {
	margin-bottom:35px;
	padding:25px 0 0 0;
	text-align:center;
}
#maincolumn #appo02 .mb35 {
	margin-bottom: 20px;
}
#maincolumn #appo02 .mb50 {
	margin-bottom: 30px;
}
#maincolumn #appo02 .box {
	padding:25px 0 0 0;
	text-align:left;
}
#maincolumn #appo02 .box li {
	background:url(../images/appointment/ico2.gif) no-repeat left 10px;
	margin-bottom:10px;
	padding:0 0 0 12px;
}
#maincolumn #appo02 .box li.mb30 {
	margin-bottom:10px;
}
#maincolumn #appo03 {
	margin-bottom:40px;
	padding:25px 0 0 0;
	text-align:center;
}
#maincolumn #appo04 {
	padding:36px 0 0 0;
}
#maincolumn #appo04 .box {
	padding:25px;
	border:2px solid #1D8955;
}
#maincolumn #appo04 .txt {
	margin-bottom:20px;
}
#maincolumn #appo04 .box_in {
	background:#FFFFFF;
	padding:15px 20px 5px;
	border:1px solid #1D8955;
}
#maincolumn #appo04 .box_in li {
	background:url(../images/appointment/ico3.gif) no-repeat left 10px;
	margin-bottom:10px;
	padding:0 0 0 12px;
}
#maincolumn #appo04 .box_in li span {
	font-weight:bold;
}
#maincolumn #appo04 .appo_footer {
	display: none;
}

}