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

@media print, screen and (min-width: 641px) {
#topImage {
width: 1200px;
height: 160px;
margin-left: auto;
margin-right: auto;
background-image: url(images/topImage.jpg);
background-repeat: no-repeat;
overflow: hidden;
}
#topImage h1 {
font-size: 32px;
margin-left: 30px;
color: #fff;
float: left;
}
.use {
margin-bottom: 50px;
}
.use h2 {
background-image: url(/casa-furosu/images/m05_on.png);
margin-bottom: 40px;
}
.use .box {
padding: 20px;
background-color: #fcf3d9;
}
.use li {
width: 48%;
}
.use li h3 {
font-size: 24px;
padding-bottom: 5px;
margin-bottom: 10px;
text-align: center!important;
}
.use li h3 span {
display: block;
font-size: 18px;
}
.use li h4 p {
margin-bottom: 10px;
}
.use li ul li dt {
color: #fff;
background-color: #fbc300;
margin-bottom: 10px;
}
.use li ul li dd .tel {
font-size: 28px;
}
.use li ul li dd .tel:before {
 content: url(images/icon_tel.png);
 margin: 10px;
 position: relative;
 top: 2px;
 }

 .use li ul li dd .mail {
 display: block;
 background-color: #000;
 color: #fff;
 font-size: 14px;
 border-radius: 4px;
 }
.use li ul li dd .mail:before {
 content: url(images/icon_mail.png);
 margin: 10px;
 position: relative;
 top: 2px;
 }
.use li ul li dd .mail:hover {
 background-color: #666;
 }
.use li .btn {
display: block;
 background-color: #fbc300;
 color: #fff;
 font-size: 16px;
 width: 60%;
 margin-left: auto;
 margin-right: auto;
 padding-top: 8px;
 padding-bottom: 8px;
 margin-top: 20px;
 margin-bottom: 10px;
 border-radius: 4px;
}
.use li .btn:before {
 content: url(images/icon_pdf.png);
 margin: 10px;
 position: relative;
 top: 6px;
 }
 .use li .btn:hover {
 background-color: #9ACC67;
 }
 .schedule {
 margin-bottom: 50px;
 }
 .schedule h2 {
background-image: url(images/icon_.schedule.png);
margin-bottom: 40px;
}

.schedule .box {
margin-bottom: 2rem;
}
.schedule ul {
margin-bottom: 4rem;
}
.schedule li {
width: 48%;
margin-bottom: 2rem;
} 
.schedule li img {
width: 50%;
}
.schedule li dl {
line-height: 2em;
margin-bottom: 5px;
overflow: hidden;
}
.schedule li dl.title {
background-color: #E6E6E6;
}
.schedule li dl.bgc {
background-color: #fcf3d9;
}
.schedule li dt {
color: #e2953d;
width: 20%;
text-align: right;
float: left;
}
.schedule li dd {
width: 75%;
text-align: left;
float: right;
}
 }
 
@media screen and (max-width: 640px) {

#topImage {
background-image: url(images/topImage.jpg);
background-repeat: no-repeat;
overflow: hidden;
}

.use {
margin-bottom: 50px;
}
.use h2 {
background-image: url(/casa-furosu/images/m05_on.png);
margin-bottom: 40px;
}
.use .box {
padding: 20px;
background-color: #fcf3d9;
}
.use li {
width: 100%;
}
.use li h3 {
font-size: 24px;
padding-bottom: 5px;
margin-bottom: 10px;
text-align: center!important;
}
.use li h4 p {
margin-bottom: 10px;
}
.use li ul li dt {
color: #fff;
background-color: #fbc300;
margin-bottom: 10px;
}
.use li ul li dd .tel {
font-size: 28px;
}
.use li ul li dd .tel:before {
 content: url(images/icon_tel.png);
 margin: 10px;
 position: relative;
 top: 2px;
 }

 .use li ul li dd .mail {
 display: block;
 background-color: #000;
 color: #fff;
 font-size: 14px;
 border-radius: 4px;
 }
.use li ul li dd .mail:before {
 content: url(images/icon_mail.png);
 margin: 10px;
 position: relative;
 top: 2px;
 }
.use li ul li dd .mail:hover {
 background-color: #666;
 }
.use li .btn {
display: block;
 background-color: #fbc300;
 color: #fff;
 font-size: 16px;
 width: 94%;
 margin-left: auto;
 margin-right: auto;
 padding-top: 8px;
 padding-bottom: 8px;
 margin-top: 20px;
 margin-bottom: 10px;
 border-radius: 4px;
}
.use li .btn:before {
 content: url(images/icon_pdf.png);
 margin: 10px;
 position: relative;
 top: 6px;
 }
 .use li .btn:hover {
 background-color: #9ACC67;
 }
 
 .schedule {
 margin-bottom: 50px;
 }
 .schedule h2 {
background-image: url(images/icon_.schedule.png);
margin-bottom: 40px;
}
.schedule ul {
flex-direction: column;
}
.schedule li {
width: 100%;
margin-bottom: 20px;
}
.schedule li.child_1 {
order: 1;
}
.schedule li.child_2 {
order: 3;
}
.schedule li.child_3 {
order: 2;
}
.schedule li.child_4 {
order: 4;
}
.schedule li dl {
line-height: 2em;
margin-bottom: 5px;
overflow: hidden;
}
.schedule li dl.title {
background-color: #E6E6E6;
}
.schedule li dl.bgc {
background-color: #fcf3d9;
}
.schedule li dt {
color: #e2953d;
width: 20%;
text-align: right;
float: left;
}
.schedule li dd {
width: 75%;
text-align: left;
float: right;
}
 }