@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.service   {
background-color: #f7f7f7;
}

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

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


.index {
margin-bottom: 40px;
}
.index h1 {
font-size: 2rem;
line-height: 1.2;
position: relative;
display: inline-block;
margin-bottom: 15px;
}
@media screen and (min-width:980px),
print{
.index h1 {
font-size: 3.2rem;
}
}
.index h1:before {
content: '';
position: absolute;
bottom: -5px;
display: inline-block;
width: 100%;
height: 1px;
background-color: #65747c;
}
/*.index p	{
font-size: 1.3rem;
line-height: 1.5;
}*/

.copy h2	{
font-size: 2rem;
color: #65747c;
line-height: 1.5;
margin-bottom: 25px;
}
@media screen and (min-width:980px),
print{
.copy h2	{
font-size: 2.7rem;
}
}
.copy p	{
font-size: 1.6rem;
line-height: 2.2;
}

.setsubi_ph img	{
margin: 0 0 30px;
}
.setsubi_copy p	{
font-size: 1.6rem;
}
@media screen and (min-width:480px)	{
.setsubi_ph	{
width: 460px;
margin: 0 auto;
}
}
@media screen and (min-width:980px),
print{
.setsubi_ph	{
float: left;
width: 50%;
}
.setsubi_ph img	{
margin: 0 30px 30px 0;
}
}


.service_item ul	{
padding-left: 20px;
}
@media screen and (min-width:980px),
print{
.service_item ul	{
padding-left: 0;
}
.service_item	{
margin-right: -20px;
}
}


.service_item li	{
float: left;
margin-bottom: 30px;
}
.service_item li div.item_inner	{
text-align: center;
margin-right: 20px;
background-color: #ffffff;
box-shadow: 12px 12px 12px 0 rgba(102,102,102,0.1);
padding-bottom: 30px;
}
@media screen and (min-width:479px),
print{
.service_item li	{
width: 50%;
}
.service_item li div.item_inner	{
height: 320px;
padding-bottom: 0;
}
}
@media screen and (min-width:768px),
print{
.service_item li	{
width: 33%;
}
.service_item li div.item_inner	{
height: 300px;
}
}
@media screen and (min-width:980px),
print{
.service_item li:nth-child(2),
.service_item li:nth-child(5)	{
width: 34%;
}
}


.service_item.icon_only li	{
width: 50%;
}
@media screen and (min-width:480px),
print{
.service_item.icon_only li	{
width: 33%;
}
}
@media screen and (min-width:980px),
print{
.service_item.icon_only li	{
width: 16%;
}
.service_item.icon_only li:nth-child(2n)	{
width: 17%;
}
}
.service_item.icon_only li div.item_inner	{
height: 150px;
}


.service_item li div.item_inner p img	{
margin: 12px 0 18px;
}
.service_item li dt	{
font-size: 1.8rem;
color: #65747c;
font-weight: 700;
position: relative;
display: inline-block;
margin-bottom: 10px;
}
.service_item li dt:before {
content: '';
position: absolute;
top: -5px;
display: inline-block;
width: 55px;
height: 1px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #65747c;
}
.service_item li dd	{
padding: 0 25px;
text-align: left;
font-size: 1.5rem;
line-height: 1.5;
}
@media screen and (min-width:479px),
print{
.service_item li dd	{
line-height: 1.8;
}
}

/*hover*/
.service_item li div.item_inner	{
position: relative;
}
.service_item li div.item_inner div.hover_border	{
position: absolute;
left: 3px;
right: 3px;
bottom: 0;
content: " ";
margin: 0;
height: 25px;
background-image: url(../images/box_hoverA.png);
background-position: right bottom;
background-repeat: no-repeat;
}
.service_item li div.item_inner:hover div.hover_border	{
background-image: url(../images/box_hoverB.png);
}



.mb150	{
margin-bottom: 150px;
}






.service_item li div.item_inner02	{
text-align: center;
margin-right: 20px;
background-color: #ffffff;
box-shadow: 12px 12px 12px 0 rgba(102,102,102,0.1);
padding-bottom: 30px;
}
@media screen and (min-width:479px){

.service_item li div.item_inner02	{
height: 320px;
padding-bottom: 0;
}
}
@media screen and (min-width:768px){

.service_item li div.item_inner02	{
height: 300px;
}
}
@media screen and (min-width:980px),
print{

.service_item li div.item_inner02	{
height: 300px;
}
}


.service_item li div.item_inner02 p img	{
margin: 12px 0 18px;
}


/*hover*/
.service_item li div.item_inner02	{
position: relative;
}
.service_item li div.item_inner02 div.hover_border	{
position: absolute;
left: 3px;
right: 3px;
bottom: 0;
content: " ";
margin: 0;
height: 25px;
background-image: url(../images/box_hoverA.png);
background-position: right bottom;
background-repeat: no-repeat;
}
.service_item li div.item_inner02:hover div.hover_border	{
background-image: url(../images/box_hoverB.png);
}



.service_item li div.item_inner02	{
text-align: center;
margin-right: 20px;
background-color: #ffffff;
box-shadow: 12px 12px 12px 0 rgba(102,102,102,0.1);
padding-bottom: 30px;
}
@media screen and (min-width:479px),

.service_item li div.item_inner02	{
height: 320px;
padding-bottom: 0;
}
}
@media screen and (min-width:768px),

.service_item li div.item_inner02	{
height: 300px;
}
}



.service_item.icon_only li div.item_inner02	{
height: 150px;
}


.service_item li div.item_inner02 p img	{
margin: 12px 0 18px;
}


/*hover*/
.service_item li div.item_inner02	{
position: relative;
}
.service_item li div.item_inner02 div.hover_border	{
position: absolute;
left: 3px;
right: 3px;
bottom: 0;
content: " ";
margin: 0;
height: 25px;
background-image: url(../images/box_hoverA.png);
background-position: right bottom;
background-repeat: no-repeat;
}
.service_item li div.item_inner02:hover div.hover_border	{
background-image: url(../images/box_hoverB.png);
}