@charset "UTF-8";

/*
==================================================

   サイトマップ

==================================================
*/



/*
==================================================
  レイアウト
==================================================
*/

#main {
width: 100%;
margin: 0;
}
#content {
margin: 0;
padding: 1px 0;
background-color: #ffffff;
box-shadow: 0 0 3px 0 #c0c0c0;
}



/* ----- ★767 ----- */
@media screen and (max-width: 767px) {

#content {
padding: 1px 0 30px;
}

}
/* ----- /767 ----- */



/*
==================================================
  コンテンツ
==================================================
*/

#content section {
border: 1px #c0c0c0 solid;
}
#content section h2 {
margin: 0 0 20px;
font-size: 110%;
line-height: 140%;
}
#content section p {
margin: 0;
line-height: 180%;
}

#content > section {
margin: 50px 40px;
padding: 40px 50px;
}

#content section dl {
margin: 0 0 30px;
}
#content section dl dt {
margin: 0 0 10px;
}
#content section dl dd {
margin: 0;
}

#content section div.qr img {
float: left;
margin: 0 30px 0 0;
}

#content div.plate {
display: table;
table-layout: fixed;
border-collapse: separate;
border-spacing: 40px 0;
empty-cells: hide;
width: 100%;
margin: 0 0 50px;
}
#content div.plate section,
#content div.plate div.emp {
display: table-cell;
width: 33.3%;
padding: 30px 10px;
vertical-align: top;
}
#content div.plate section h2 {
padding: 0 5px 15px;
border-bottom: 1px #aaaaaa dotted;
}

#content section ul {
margin: 0 3px;
padding: 0;
list-style-type: none;
}
#content section ul li {
padding: 0 0 10px 20px;
background: url(../../image/marks/list.gif) no-repeat left top;
line-height: 140%;
}
#content section ul li:last-child {
padding: 0 0 0 20px;
}



/* ----- ★767 ----- */
@media screen and (max-width: 767px) {

#content > section {
margin: 40px 5px;
padding: 20px 10px;
}

#content section dl {
margin: 0;
}

#content section div.qr {
display: none;
}

#content div.plate {
display: block;
width: auto;
margin: 0 5px 40px;
}
#content div.plate section {
display: block;
width: auto;
margin: 0 0 40px;
padding: 20px 5px;
}
#content div.plate div.emp {
display: none;
}

#content section ul {
margin: 0 2px;
}
#content section ul li {
padding: 0 0 15px 20px;
}

}
/* ----- /767 ----- */