@charset "UTF-8";
/*--------------------------
交付金について
--------------------------*/

/*ヒーローヘッダー*/
#headline {
	background-image: url(../img/photo/about.jpg);
}
#headline section p {
	background-image: url(../img/illust/about.png);
}

/*見出し*/
h3 span {
	font-size: 1rem;
	position: absolute;
	right: 0.5rem;
	bottom: 0.5rem;
}
@media (max-width: 543px) {
h3 {
	padding: 1rem 0.5rem 2rem;
}
h3 span {
	left: 0.5rem;
	right: inherit;
}
}

/*リスト*/
ul.photo  {
	margin:0.6rem -1rem 0 -2rem;
	padding:0;
	overflow:hidden;
}
ul.photo li{
	float:left;
	width:33.33%;
	padding:0 1rem 1rem;
	position:relative;
}
ul.photo li span{
	background: rgba(255,255,255,0.80);
	position:absolute;
	display:block;
	width:100%;
	top:0;
	left:0;
	text-align:center;
	padding:0.6rem 1rem;
	font-weight:bold;
	
}
@media (max-width: 767px) {
ul.photo li{
	width:100%;
}
}
.column {
	text-align:center;
	padding:1rem;
	margin:1rem 0 0;
	border:2px dashed;
}

/*単価表*/
#price table{
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;
}
#price table caption{
	display:none;
}
#price table th,#price table td {
	padding:0.6rem 0;
}
#price table thead td {
	font-weight:bold;
	text-align:center;
	width:22%;
	line-height:1.2;
}
#price table tbody th {
	text-align:left;
	border-top:1px solid;
}
#price table tbody td{
	border-top:1px solid;
	text-align:center;
}
#price ul {
	margin:0;
	padding:0;
}
#price ul li{
	padding:1rem 0 0 2.65rem;
	text-indent: -2.65rem;
}

@media (max-width: 767px) {
#price table thead td {
	width:auto;
}
}

/*手順*/
#flow dl{
	margin:1.5rem 0 2rem;
}

#flow dl dt{
	font-size: 1.25rem;
	padding: 0.6rem 0.5rem;
	background-color: #ccded6;
	margin: 1rem 0 0;
	font-weight:bold;
	line-height:1;
}

#flow dl dd{
	background-color:#eee;
	margin:0;
	padding:0.6rem 0.6rem 0.6rem 2rem;
}