@charset "utf-8";
/* CSS Document */

/* garage110.com
-----------------------------------------------------*/
#cornerTitle {
	margin-top: 40px;
}

#catch {
	display: block;
	margin-bottom: 25px;
}
@media screen and (max-width: 600px) {
    #cornerTitle {
        margin-top: 10px;
    }

    #catch img {
        width: 100%;
    }
}

.block {
    margin-bottom: 35px;
}
.block h2 {
    padding: 29px 0 28px 117px;
    background: url("image/kanri_icn.png") left center no-repeat;
    font-size: 40px;
    color: #0068c0;
}
.block ul,
.block dl,
.block p {
    margin-left: 125px;
}
@media screen and (max-width: 600px) {
    .block h2 {
        margin-bottom: 10px;
        padding: 20px 0 19px 70px;
        background-size: 59px auto;
        font-size: 20px;
    }
    .block ul,
    .block dl,
    .block p {
        margin-left: 0;
    }
}

.block li {
    list-style: none;
    padding-left: 1em;
    text-indent: -1em;
}
.block li::before,
#area dt::before {
    content: "●";
}

#contents p.memo {
    line-height: 1.4;
}

#point li {
    font-size: 20px;
}
@media screen and (max-width: 600px) {
    #point li {
        font-size: 18px;
    }
}

#conditions dl {
    max-width: 620px;
    margin-bottom: 5px;
}
#conditions dt,
#conditions dd {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 5px;
}
#conditions dt {
    width: 100px;
    margin-right: 10px;
    padding: 8px 0;
    background: #198499;
    border-radius: 10px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 22px;
}
#conditions dd {
    padding-bottom: 0;
    font-size: 20px;
}
#conditions dd span {
    border-bottom: 1px solid #ff8f00;
}
@media screen and (max-width: 600px) {
    #conditions dt,
    #conditions dd {
        font-size: 16px;
    }
    #conditions dt {
        width: 80px;
    }
    #conditions dd {
        width: calc(100% - 100px);
    }
    #conditions dd span {
        line-height: 1.6;
    }
}

#area strong,
.block p#map {
    margin-left: 117px;
    margin-bottom: 10px;
}

#area strong {
    display: block;
    padding: 8px;
    background: #d7eafa;
    color: #0068c0;
    font-size: 22px;
}
@media screen and (max-width: 600px) {
    #area strong,
    .block p#map {
        margin-left: 0;
    }
    #area strong {
        font-size: 18px;
    }
    .block p#map img {
        max-width: 100%;
        height: auto;
    }
}

#area dl {
    margin-bottom: 10px;
}
#area dt,
#area dd {
    line-height: 1.4;
}
#area dt#saitama::before { color: #d5527b; }
#area dt#chiba::before { color: #ad5698; }
#area dt#tokyo::before { color: #dba058; }
#area dt#kanagawa::before { color: #4cac8e; }
#area dd {
    margin-top: -1.4em;
    margin-left: 8em;
    margin-bottom: 5px;
}

#contents #inquiry {
	margin: 0 100px;
	padding-bottom: 20px;
	text-align: center;
	background: #d3e7fa;
}
#contents #inquiry h2 {
	margin-bottom: 5px;
	text-align: left;
	background: url(image/kodate_inquiry.gif) repeat-x;
}
#contents #inquiry strong,
#contents #inquiry p {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
}
#contents #inquiry p {
	margin-left: 20px;
}
#contents #inquiry p img {
	margin: 3px 0;
}
@media screen and (max-width: 600px) {
    #contents #inquiry img {
        max-width: 100%;
    }
    #contents #inquiry strong,
    #contents #inquiry p {
        margin: 5px auto;
    }
    #contents #inquiry p {
        margin-left: 0;
    }
}