@charset "utf-8";

/* ------------------------------------------

満足の保証書

------------------------------------------ */

/* 全体
------------------------------------------ */
img {
	vertical-align: bottom;
}

ul {
	list-style-type: none;
}

#container {
	text-align: center;
}
#guarantee {
  margin: 0 auto;
  max-width: 740px;
  background: #fffdee;
  border-bottom: dotted 1px #aeaeae;
  padding-bottom: 60px;
}

.pc_only{
display: block;
}
.sp_only{
display: none;
}
.mt0{
margin-top: 0 !important;
}
.mt05{
margin-top: 0.5em !important;
}


/* ヘッダー
------------------------------------------ */
#header .logo {
left: 0;
padding: 25px 0 0 0;
position: static;
top: 0;
}

#header {
width: 100%;
max-width: 740px;
height: 85px;
}

#header .logo {
width: 120px;
float: left;
}

#header .ftRight {
margin: 25px 0 0 0;
}


/* 満足の保証書
------------------------------------------ */
#guarantee{
background: 
	url(/manzoku/merrymaids/images/ttl_bg01.png) left top no-repeat,
	url(/manzoku/merrymaids/images/ttl_bg02.png) right top no-repeat;
background-color: #fffdee;
}
#guaranteeTtl{
max-width: 504px;
margin: auto;
padding: 50px 0 0 0;
}
#guaranteeTtl h1{
font-size: 32px;
text-align: left;
font-weight: bold;
line-height: 1.6;
}
#guaranteeTtl p{
margin-top: 40px;
text-align: left;
line-height: 1.8;
}
#guaranteeDetails{
	box-sizing: border-box;
	width: 564px;
	margin: 25px auto 0 auto;
	padding: 50px 60px 50px 90px;
	background: #FFF;
}
#guaranteeDetails h2{
font-size: 25px;
font-weight: bold;
}
#guaranteeDetails p {
margin: 25px 0 0 0;
font-size: 15px;
line-height: 2;
text-align: left;
font-weight: bold;
}

#guaranteeExplain{
width: 565px;
margin: 85px auto 0 auto;
}
#guaranteeExplain h3{
border-radius: 2em;
padding: 0.25em 1em;
font-size: 14px;
color: #FFF;
font-weight: normal;
letter-spacing: 2px;
background: #9fa1a0;
}
#guaranteeExplain .column{
margin: 15px 0 0 0;
border: 1px solid #b9b7ab;
border-radius: 10px;
padding: 20px;
text-align: left;
}
#guaranteeExplain .column h4{
border-bottom: 1px solid #97948f;
padding-bottom: 0.5em;
font-size: 17px;
line-height: 1.6;
}
#guaranteeExplain .column ul,
#guaranteeExplain .column dl,
#guaranteeExplain .column p{
margin-top: 1em;
}
#guaranteeExplain .column dt{
font-weight: bold;
line-height: 1.6;
}
#guaranteeExplain .column dd + *{
margin-top: 1em;
}
#guaranteeExplain .column dd{
margin-top: 0.25em;
font-weight: bold;
line-height: 1.6;
}
#guaranteeExplain .column .list_disc li{
position: relative;
padding-left: 1.24em;
line-height: 1.6;
font-weight: normal;
}
#guaranteeExplain .column .list_disc > li:before{
content: "";
display: block;
position: absolute;
top: 0.16em;
left: 0;
width: 1em;
height: 1em;
border-radius: 1em;
background-color: #281e1a;
}
#guaranteeExplain .column .list_asterisk li{
position: relative;
padding-left: 1.24em;
line-height: 1.6;
font-weight: normal;
}
#guaranteeExplain .column .list_asterisk > li:before{
content: "※";
display: block;
position: absolute;
top: 0;
left: 0;
}
#guaranteeExplain .column .list_number{
counter-reset: li;
}
#guaranteeExplain .column .list_number > li{
counter-increment: li;
font-weight: normal;
list-style: none;
text-indent: -0.75em;
padding-left: 1.25em;
}
#guaranteeExplain .column .list_number > li:before{
content: counter(li)".";
}
#guaranteeExplain .column th{
vertical-align: top;
font-weight: normal;
}
#guaranteeExplain .column th + td,
#guaranteeExplain .column td + td{
padding-left: 0.5em;
font-weight: normal;
}
#guaranteeExplain .column .bd{
display: inline-block;
padding: 0.25em;
border: 1px solid #333;
white-space: nowrap;
}
#guarantee dl#guaranteeExplain {
  margin-bottom: 14px;
}
#guarantee dl#guaranteeExplain dt, #guarantee dl#guaranteeExplain dd {
  margin-bottom: 13px;
}
#guarantee p#guaranteePolicy {
  margin-bottom: 0;
}
#guaranteeContact{
margin: 1em 1em 0 1em;
text-align: center;
}
#guaranteeContact p{
display: inline-block;
font-weight: bold;
text-align: left;
}
#guaranteeContact span{
display: inline-block;
margin-right: 0.5em;
}


/* フッター
------------------------------------------ */
#footer {
	width: 100%;
	max-width: 740px;
  border: none;
  overflow: hidden;
  zoom: 1;
}
#footer p.copyright {
  float: left;
  margin: 0;
}
#footer p.popClose {
  float: right;
}





@media only screen and (max-width: 667px){

.pc_only{
display: none;
}
.sp_only{
display: block;
}

#container img{
display: block;
width: auto;
max-width: 100%;
}

#header{
width: auto;
height: 57px;
}
#header .logo{
margin-left: 10px;
padding-top: 20px;
}
#header .logo img{
width: 60px;
height: auto;
}
#header .ftRight{
margin: 22px 10px 0 0;
}
#header .ftRight img{
width: 52px;
height: auto;
}
#footer{
width: auto;
}

#guarantee{
width: auto;
padding-bottom: 1em;
background-position: -15px top, right -8px top;
background-size: 59px;
}
#guaranteeTtl{
width: auto;
margin: 0 40px;
padding-top: 30px;
}
#guaranteeTtl h1{
margin: 0 5px;
font-size: 20px;
}
#guaranteeTtl p{
margin-top: 1.5em;
line-height: 1.8;
}
#guaranteeDetails{
width: auto;
margin: 20px 20px 0 20px;
padding: 20px;
}
#guaranteeDetails h2{
font-size: 16px;
}
#guaranteeDetails p{
margin-top: 1.5em;
font-size: 13px;
line-height: 1.8;
}
#guaranteeExplain{
width: auto;
margin: 30px 20px 0 20px;
}
#guaranteeExplain h3{
font-size: 13px;
letter-spacing: 0;
}
#guaranteeExplain .column{
padding: 15px;
}
#guaranteeExplain .column h4{
font-size: 15px;
}
#guaranteeContact p{
font-size: 16px;
}
#guaranteeContact p span{
line-height: 1.6;
}

#footer{
padding: 0 0.5em 0.5em 0.5em;
}
#footer p{
padding-top: 0.5em;
font-size: 11px;
}

}