@charset "utf-8";
h2.mainTitle {
margin:0 0 15px;
font-weight: bold;
}
h2.mainTitle span {
padding: 0 0 0 5px;
font-weight: normal;
font-size: 90%;
color:#666;
}
@media screen and (max-width:960px){
h2.mainTitle {
margin:0 0 20px;
padding:10px 20px;
color:#FFF;
background-color: #000;
line-height: 180%;
}
h2.mainTitle span {
padding: 0;
color:#FFF;
}
}
/*===============================================
	■top
===============================================*/
/*	topImg -------------------------------------- */
div.topImg {
width: 100%;
text-align: center;
background:#E4E4E4 url(../service/index_images/bg_top.png)repeat-y;
}
p.serviceDesk {
margin:30px auto 50px;
}
@media screen and (max-width:760px){
p.serviceDesk {
margin:10px 5px 10px;
}
}
/*	serviceBox -------------------------------------- */

div.bgService {
padding:30px 0 0;
background-color: #f0f0f0;
}
div.serviceBox {
overflow:hidden;
margin:0 0 20px;
}
div.serviceBox h2 {
margin:0 0 30px;
padding:0 0 5px;
color:#002551;
font-size:20px;
border-bottom: 2px solid #324b72;
}
div.serviceBox p {
	float: left;
	width:46%;
	margin:0 2% 30px;
}
div.serviceBox p a {
display: block;
color:#324b72;
}

div.serviceBox p a:hover {
box-shadow:5px 5px 0px -2px;
position:relative;
top:-3px;
left:-3px;
}
div.serviceBox p.txt {
	float: none!important;
	width: auto;
	line-height: 160%;
}
@media screen and (max-width:760px){

div.bgService {
padding:10px 0 0;
}
div.serviceBox {
margin:0 20px 20px;
}
div.serviceBox h2 {
font-size:16px;
margin:0 0 15px;
}
div.serviceBox p {
	float:none;
	width:100%;
	margin:0 0 15px;
}
}
/*===============================================
	■contentsMenu
===============================================*/
/*	titleBox -------------------------------------- */
#contentsMenu div.titleBox {
margin:0 0 10px;
padding:0 0 30px;
background-color:#00829b;
}
#contentsMenu div.titleBox h2 {
padding:40px 20px 30px;
}
#contentsMenu div.titleBox .tel {
padding:10px 10px;
background-color: #f0f0f0;
}
@media screen and (max-width:960px){
#contentsMenu div.titleBox {
padding:0 0 10px;
}
#contentsMenu div.titleBox h2 {
padding:20px 30px;
text-align: center;
}
#contentsMenu div.titleBox .tel {
padding:20px 20px;
text-align: center;
}
}
/*	dl -------------------------------------- */
#contentsMenu dl {
background-color:#f0f0f0;
}
#contentsMenu dl dt a {
display: block;
margin:10px 0;
padding:20px 15px;
color:#FFF;
font-size:18px;
line-height: 140%;
background-color:#808080;
text-decoration: none;
}
#contentsMenu dl dt a.br {
padding:10px 15px !important;
}
#contentsMenu dl dt a:hover {
background-color:#00829b;
}
#contentsMenu dl dt a.ov {
background-color:#00829b;
}
#contentsMenu dl dd a {
display: block;
padding:7px 10px 7px 15px;
color:#333;
text-decoration: none;
background:url(../svg/triangle2.svg)5px center no-repeat;
background-size:5px 7px;
}
#contentsMenu dl dd a:hover,#contentsMenu dl dd.ov a {
font-weight: bold;
}
#contentsMenu dl dd.new a:after {
	content:"new";
	margin:0 0 0 3px;
	padding:0 3px;
	background-color:#D50003;
	color:#FFF;
	font-weight: bold;
	border-radius: 3px;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
}
@media screen and (max-width:960px){
#contentsMenu dl dd a {
display: block;
margin:0 0 0 10px;
padding:7px 10px 7px 15px;
}
}
/*===============================================
	■contentsMain
===============================================*/

#contentsMain h3 {
margin:0 0 25px;
padding: 13px 25px 13px 50px;
color:#333333;
font-weight: bold;
font-size:17pt;
border-top:3px solid #324b72;
border-bottom:1px solid #324b72;
}
#contentsMain h3.new:after {
	content:"new";
	margin:0 0 0 5px;
	padding:0 3px;
	background-color:#D50003;
	color:#FFF;
	font-weight: bold;
	border-radius: 3px;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
}
.facility #contentsMain h3 {
background: url(../service/facility_images/ic_top.png)left center no-repeat;
}
.kayakaya #contentsMain h3 {
background: url(../service/kayakaya_images/ic_top.png)left center no-repeat;
}
.terrace #contentsMain h3 {
background: url(../service/terrace_images/ic_top.png)left center no-repeat;
}
.golf #contentsMain h3 {
background: url(../service/golf_images/ic_top.png)left center no-repeat;
}
.hotel #contentsMain h3 {
background: url(../service/hotel_images/ic_top.png)left center no-repeat;
}
.living #contentsMain h3 {
background: url(../service/living_images/ic_top.png)left center no-repeat;
}
.insurance #contentsMain h3 {
background: url(../service/insurance_images/ic_top.png)left center no-repeat;
}
.taxi #contentsMain h3 {
background: url(../service/taxi_images/ic_top.png)left center no-repeat;
}
.house #contentsMain h3.house {
background: url(../service/house_images/ic_top01.png)left center no-repeat;
}
.house #contentsMain h3.moving {
background: url(../service/house_images/ic_top02.png)left center no-repeat;
}
.house #contentsMain h3.funeral {
background: url(../service/house_images/ic_top03.png)left center no-repeat;
}
.house #contentsMain h3.imperfection {
background: url(../service/house_images/ic_top04.png)left center no-repeat;
}
.house #contentsMain h3.cleaning {
background: url(../service/house_images/ic_top05.png)left center no-repeat;
}
.house #contentsMain h3.carrental {
background: url(../service/house_images/ic_top06.png)left center no-repeat;
}
.house #contentsMain h3.child {
background: url(../service/house_images/ic_top07.png)left center no-repeat;
}
.rushed #contentsMain h3 {
background: url(../service/rushed_images/ic_top.png)left center no-repeat;
}


/*	topBox -------------------------------------- */
#contentsMain div.topBox {
margin:0 0 40px;
background-color: #f0f0f0;
padding:20px;
overflow: hidden;
}
#contentsMain div.topBox p.img {
float:left;
max-width:48%;
}
#contentsMain div.topBox div {
float:right;
max-width:48%;
}
#contentsMain div.topBox h4{
margin:0 0 10px;
padding:0 0 5px;
color:#00829b;
font-size: 18px;
border-bottom: 1px dotted #666;
}
#contentsMain div.topBox p.txt {
margin:0 0 30px;
line-height: 160%;
}
#contentsMain div.topBox .btn {
text-align: right;
}
#contentsMain div.topBox .btn a {
display:inline-block;
width:200px;
padding:13px 0 13px 0;
text-decoration: none;
background:#324b72 url(../svg/window.svg) 95% center no-repeat;
background-size: 17px 17px;
font-size: 15px;
color: #fff;
text-align: center;
}
#contentsMain div.topBox .btn a:hover {
background-color: #22334c;
}

@media screen and (max-width:760px){
#contentsMain div.topBox p.img {
float:none;
max-width:100%;
margin:0 0 10px;
}
#contentsMain div.topBox div {
float:none;
max-width:100%;
}
#contentsMain div.topBox p.txt {
margin:0 0 30px;
line-height: 160%;
}

#contentsMain div.topBox .btn {
text-align: center;
}


}
/*	facilityBox -------------------------------------- */
.facilityBox {
overflow: hidden;
margin:0 0 10px;
}

.facilityBox dl dt {
margin:0 0 10px;
font-weight: bold;
}
.facilityBox dl dd {
line-height: 160%;
}

.insurance .facilityBox2 dl dt {
padding:5px 10px;
color:#324b72;
font-size: 110%;
border:2px solid #324b72;
}
.facilityBox .others {
clear: both;
margin:0 50px 40px;
padding:10px 20px;
border:1px solid #000;
line-height: 160%;
font-size: 90%;
}

@media screen and (min-width:761px){
.facilityBox dl {
float: left;
width:30%;
margin:0 5% 30px 0;
}
.facilityBox dl:nth-child(3n) {
margin:0 0 30px 0;
}
}
@media screen and (max-width:760px){
.facilityBox dl {
float: left;
width:46%;
margin:0 2% 30px;
}

.facilityBox .others {
clear: both;
margin:0 10px 30px;
padding:5px 10px;
}
}
/*	benefitsBox -------------------------------------- */
.benefitsBox {
margin:0 0 40px;
padding:0 0 20px;
border: 1px solid #ca3d1f;
/*background-color:#f0f0f0;*/
/*background:#f0f0f0 url(../index_images/bg_benefits.png)right bottom no-repeat;
background-size: contain;*/
}
.benefitsBox h4 {
margin:0 0 15px;
padding:7px 10px;
background-color: #ca3d1f;
}
.benefitsBox p {
	margin:0 30px;
}
div#benefitsBn {
    position: fixed;
    left: 20px;
    bottom: 20px;
    width: 280px;
    z-index: 999;
}
@media screen and (max-width:760px){

.benefitsBox p {
	margin:0 10px;
}
div#benefitsBn {
display: none !important;
}
}
/*	shopBox -------------------------------------- */
.shopBox {
margin:0 0 30px;
}

.shopBox dl {
width:100%;
margin:0 0 10px;
}
.shopBox dl dt {
width:100%;
overflow: hidden;
color:#FFF;
font-size:16px;
vertical-align:middle;
background-color:#324b72;
}
.shopBox dl dt em {
float:left;
display:inline-block;
padding:15px 20px 0;
font-size: 17px;
}
.shopBox dl dt span {
float: right;
}
.shopBox dl dt span a {
padding:15px 40px 15px 20px;
display:inline-block;
text-decoration: none;
background:#00829b url(../svg/window.svg) 92% center no-repeat;
background-size: 17px 17px;
font-size: 15px;
color: #fff;
text-align: center;
}
.shopBox dl dd {
padding:15px 40px;
background-color:#f0f0f0;
}
.shopBox p {
font-size:90%;
}
@media screen and (max-width:760px){
.shopBox dl dt em {
float:none;
display:block;
padding:10px 15px 5px;
}

.shopBox dl dt span a {
padding:10px 40px 10px 20px;
}
.shopBox dl dd {
padding:15px 20px;
}
}
/*	cardBox -------------------------------------- */
.cardBox {
overflow: hidden;
margin:0 0 20px;
padding:10px 0;
border-top:1px solid #000;
border-bottom:1px solid #000;
}
.cardBox p {
float: left;
width:19%;
}
.cardBox ul{
float: right;
width:80%;
}
.cardBox ul li{
margin:0 0 0 10px;
font-size:85%;
line-height: 140%;
list-style-type:square;
}



/*	houseBox -------------------------------------- */

#contentsMain .serviceNote {
	margin:0 0 30px;
	padding:20px 20px;
	background-color: #ffefef;
	border:1px solid #DA0003;
	line-height: 1.6em;
}

#contentsMain div.houseBox {
margin:0 0 40px;
overflow: hidden;
}
#contentsMain div.houseBox p.img {
float:left;
overflow: auto;
max-width:48%;
}
#contentsMain div.houseBox div {
float:right;
max-width:48%;
}
#contentsMain div.houseBox p.txt {
margin:0 0 40px;
line-height: 160%;
}
#contentsMain div.houseBox p.txt .point {
	color:#124D87;
	font-weight: bold;
}
#contentsMain div.houseBox .com {
	display: block;
	margin:5px 0;
	padding:5px;
	text-align: center;
	color:#593409;
	background-color: #ffedd7;
}
#contentsMain div.houseBox p.fac {
max-width:100%;
}
@media screen and (max-width:760px){
#contentsMain div.houseBox div {
float:none;
max-width:none;
}
#contentsMain div.houseBox p.img {
margin:0 20px 20px;
}
#contentsMain div.houseBox p.txt {
margin:0 0 40px;
}
#contentsMain div.houseBox .com {
	}
#contentsMain div.houseBox p.fac {
max-width:100%;
margin:0 20px;
}
}

/*	troubleBox -------------------------------------- */
#contentsMain div.troubleBox {
margin:0 0 30px;
}
#contentsMain div.troubleBox h4 {
margin: 0 0 7px;
color:#00829b;
font-size: 18px;
font-weight: bold;
}
#contentsMain div.troubleBox h4 img {
margin:0 5px 0 0;
vertical-align: middle;
}
#contentsMain div.troubleBox table {
width:100%;
border-top:1px solid #666;
border-left:1px solid #666;
}
#contentsMain div.troubleBox table th {
padding:7px 15px;
text-align: center;
background-color: #F0F0F0;
border-bottom:1px solid #666;
border-right:1px solid #666;
}

#contentsMain div.troubleBox table tr.ti th {
color:#00829b;
background-color: #e1fbff;
}

#contentsMain div.troubleBox table th:first-child {
width:100px;
}
#contentsMain div.troubleBox table td {
padding:7px 15px;
border-bottom:1px solid #666;
border-right:1px solid #666;
}
@media screen and (max-width:760px){
#contentsMain div.troubleBox table th:first-child {
width:70px;
}
}
/*	eventBox -------------------------------------- */
.eventBox {
margin:0 0 40px;
}