@charset "utf-8";

@media screen and (min-width:980px),
print{
	header.page_title	{
	margin-top: 100px;
	}
}


header.page_title .page_title_bg	{
content: " ";
width: 100%;
height: 180px;
background-image: url("../images/page_title_bg.jpg");
background-position: center center;
background-size: cover;
}
header.page_title p	{
width: 100%;
height: 180px;
/*line-height: 180px;*/
text-align: center;
color: #ffffff;
font-size: 1.6rem;
}
header.page_title p span	{
font-size: 2.8rem;
}
@media screen and (min-width:980px),
print{
header.page_title .page_title_bg	{
height: 280px;
}
header.page_title p	{
height: 280px;
/*line-height: 280px;*/
}
}




.wrap   {
width: 100%;
margin: 0;
padding: 50px 0;
}
.wrap section	{
margin: 0 10px;
}
@media screen and (min-width:980px),
print{
	.wrap section   {
	width: 980px;
	margin: 0 auto;
	}
}


.wrap h1 {
font-size: 3.2rem;
line-height: 1.2;
}
.index {
margin-bottom: 40px;
color: #65747c;
}
.index h1 {
position: relative;
display: inline-block;
margin-bottom: 15px;
}
.index h1:before {
content: '';
position: absolute;
bottom: -5px;
display: inline-block;
width: 100%;
height: 1px;
background-color: #65747c;
}
.wrap .index p	{
font-size: 1.3rem;
line-height: 1.5;
}


.wrap.pan   {
padding: 10px 0;
}
.pan li	{
float: left;
font-size: 1.2rem;
}
.pan li,
.pan li a	{
margin-right: 10px;
}


.office_list	{
width: 100%;
background: #efecec;
}
.office_list li	{
font-size: 1.2rem;
}
.office_list li li	{
text-indent: -1em;
padding-left: 1em;
}
.office_list li:nth-child(2n)	{
background: #faf9f9;
}
.office_list li li:nth-child(2n)	{
background: transparent;
}
.office_list li dl	{
line-height: 1.5;
padding: 15px;
}
.office_list li dl dt	{
font-weight: 700;
}


.office_list li dl dd.touroku span	{
display: none;
}
@media screen and (min-width:540px)	{
.office_list li dl dd.touroku span	{
display: inline-block;
}
.office_list li dl dd.touroku br	{
display: none;
}
}


@media screen and (min-width:768px)	{
.office_list li dl	{
display: table;
width: 100%;
padding: 0;
}
.office_list li dl dt,
.office_list li dl dd	{
display: table-cell;
}
.office_list li dl dt	{
width: 220px;
font-weight: 700;
padding: 25px 30px;
vertical-align: top;
}
.office_list.branch_list li dl dt	{
width: 140px;
vertical-align: middle;
}
.office_list.history_list li dl dt	{
width: 160px;
font-weight: 400;
text-align: right;
}
.office_list li dl dd	{
padding: 25px 35px;
border-left: solid 1px #ffffff;
}
.office_list.branch_list li dl dd.tel	{
width: 220px;
white-space: nowrap;
}
}

@media screen and (min-width:980px),
print{
.office_list li	{
font-size: 1.6rem;
}
}

.copy	{
font-size: 1.6rem;
}