#mainimage {
background-image: url("../image/mainimage_sp.jpg");
background-size: cover;
background-position: right top;
display: block;
width: 100%;
text-align: left;
position: relative;
padding: 20px 0 50px 0;
}
#mainimage h1 {
display: none;
}
#mainimage p:before {
content: '';
display: block;
width: 220px;
height: 89px;
background-image: url("../image/main_copy_sp.png");
background-size: contain;
vertical-align: middle;
position: relative;
margin: 0 0 5% -3%;
}
#mainimage p {
text-align: left;
font-size: 15px;
line-height: 1.4em;
color: #b28439;
margin: 0 0 0 5%;
padding: 0 30% 0 0;
}

#image {
display: block;
width: 100%;
background-image: url("../image/image_sp.png");
background-size: contain;
vertical-align: middle;
position: relative;
z-index: 100;
margin: -30px auto 0 auto;
}
#image ul {
display: none;
}
#image p {
color: #595959;
font-size: 14px;
line-height: 1.5em;
text-align: center;
padding: 200px 0 0 0;
}

#information {
text-align: left;
margin: 40px auto 0 auto;
width: 94%;
}
#information p {
font-size: 15px;
line-height: 1.3em;
}
#information dl {
margin: 30px auto 0 auto;
width: 90%;
}
#information dd {
position: relative;
}
#information dd h3 {
font-size: 20px;
line-height: 1.2em;
background-color: #9b4c6c;
border-radius: 100vh;
text-align: center;
width: 70px;
height: 70px;
color: #FFF;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: -10px;
left: -10px;
}
#information dd img {
line-height: 0;
width: 70%;
height: auto;
display: block;
margin: 0px auto 0 auto;
}
#information dd h4 {
background-color: #87304f;
color: #FFF;
text-align: center;
font-size: 18px;
line-height: 1.2em;
font-weight: bold;
width: 70%;
padding: 0.5em 0 0.5em 0;
margin: 0px auto 0 auto;
}
#information dd p {
font-size: 14px;
line-height: 1.2em;
padding: 0.5em 0 2em 0;
}
#information .box {
background-color: #fffeeb;
border: solid 3px #d3d197;
box-sizing: border-box;
margin: 0px 0 0 0;
padding: 1em;
}
#information .box h4 {
color: #d37db2;
font-size: 17px;
line-height: 1.2em;
font-weight: bold;
}
#information .box p {
font-size: 14px;
line-height: 1.2em;
padding-top: 0.5em;
}


#system {
width: 100%;
margin: 40px auto 0 auto;
padding: 0px 0 30px 0;
}
#system dl {
width: 100%;
margin: 0px auto 0 auto;
}
#system dt {
background-color: #FFF;
border-radius: 6px;
padding: 20px;
box-sizing: border-box;
text-align: left;
}
#system dt table {
color: #595959;
font-size: 16px;
line-height: 1.2em;
}
#system dt th {
border-top: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
background-color: #f4f4f4;
font-weight: normal;
padding: 0.5em 0.7em 0.4em 0.7em;
}
#system dt td {
padding: 0.7em;
}
#system dt p {
color: #595959;
font-size: 18px;
line-height: 1.3em;
margin-top: 10px;
}
#system dd {
display: block;
width: 100%;
height: 100px;
background-image: url("../image/image8.jpg");
background-size: cover;
background-position: center center;
vertical-align: middle;
position: relative;
z-index: 100;
margin: 0px auto 0 auto;
}
#system dd img {
display: none;
}

#area {
width: 94%;
margin: 40px auto 30px auto;
padding: 0px 0 0px 0;
}
#area dl {
margin: 0px auto 0 auto;
}
#area dd {
}
#area dd:first-child {
order: 1;
text-align: left;
background-image: url("../image/map.png");
background-size: 50%;
background-position: right top;
padding: 0 0 2em 0;
}
#area dd p {
font-size: 18px;
line-height: 1.3em;
}
#area dd:last-child {
display: block;
width: 100%;
height: 100px;
background-image: url("../image/image9.jpg");
background-size: cover;
background-position: center center;
vertical-align: middle;
position: relative;
z-index: 100;
margin: 0px auto 0 auto;
}
#area dd:last-child img {
display: none;
}

#profile {
width: 94%;
margin: 40px auto 30px auto;
padding: 0px 0 0px 0;
}
#profile dl {
width: 100%;
margin: 0px auto 0 auto;
}
#profile dt {
background-color: #FFF;
border-radius: 6px;
padding: 20px;
box-sizing: border-box;
text-align: left;
}
#profile dt table {
color: #595959;
font-size: 16px;
line-height: 1.3em;
}
#profile dt th {
display: block;
border-top: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
background-color: #f4f4f4;
font-weight: normal;
padding: 0.4em 0.7em 0.3em 0.7em;
}
#profile dt td {
display: block;
padding: 0.5em 0.7em 1em 0.7em;
}
#profile dt p {
color: #595959;
font-size: 14px;
line-height: 1.3em;
margin-top: 10px;
}
#profile dd {
}
#profile dd img {
display: none;
}
#profile .bt {}
#profile .bt a {
color: #FFF;
font-size: 18px;
line-height: 1.2em;
font-weight: bold;
text-align: center;
display: block;
background-color: #d37db2;
background: linear-gradient(to bottom,#d37db2 0%,#d1519e 100%);
text-decoration: none;
border-radius: 6px;
padding: 1em 0 0.9em 0;
position: relative;
margin: 20px auto 20px auto;
width: 80%;
box-sizing: border-box;
}
#profile .bt a:hover{
background: #ef953c;
}

#profile .map {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
margin: 0px 0 0 0;
}
#profile .map iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}


#rule {
width: 94%;
margin: 40px auto 30px auto;
padding: 0px 0 0px 0;
font-size: 14px;
line-height: 1.3em;
}
#rule .box {
background-color: #f9f9f9;
margin: 20px auto 0 auto;
text-align: left;
box-sizing: border-box;
padding: 1em;
}
#rule .box ul {
padding-left: 1em;
}
#rule .box ul li {
list-style:disc;
margin-bottom: 0.2em;
}
#rule .box p {
padding-top: 1em;
}


#contact {
width: 94%;
margin: 40px auto 30px auto;
padding: 0px 0 0px 0;
}
#contact p {
font-size: 14px;
line-height: 1.2em;
}
#contact ul.tel {
border: 1px solid #ef6ca8;
margin: 10px auto 0 auto;
box-sizing: border-box;
padding: 10px 0 10px 0;
text-align: center;
}
#contact ul.tel li {
color: #914c6b;
font-size: 16px;
line-height: 1.2em;
}
#contact ul.tel li:nth-child(2) {
font-size: 30px;
font-family: "source-sans-pro", sans-serif;
font-weight: 600;
font-style: normal;
}
#contact ul.tel a {
text-decoration: none;
color: #000;
}
#contact ul.tel a:before{
content: '';
display: inline-block;
width: 16px;
height: 25px;
background-image: url("../image/icon_tel.png");
background-size: contain;
vertical-align: middle;
margin-right: 10px;
position: relative;
top: 0px;
}
#contact ul.tel li b {
font-size: 14px;
line-height: 1.2em;
font-weight: normal;
}