@charset "utf-8";
/* ------------------------------------------------------------------------------
top
------------------------------------------------------------------------------ */
.topContTit {
font-size: 123.1%;
font-weight: bold;
color: #363636;
background-color: #F2F2F2;
border-bottom: 1px solid #E2E2E2;
}
.topContTit img {
margin-right: 20px;
float: left;
}
.topContTit p {
float: left;
padding-top: 4px;
}
.topContlist li {
font-size: 123.1%;
font-weight: bold;
}
.topContlist li a {
display: block;
text-decoration: none;
color: #363636;
padding: 27px 24px;
}
.topContlist li a:hover {
opacity: 0.6;
}
.topContlist li img {
float: right;
margin-top: 9px;
}

/* SP */
@media screen and (max-width: 768px) {
.topCont {
width: 100%;
margin-bottom: 45px;
}
.topContTit {
padding: 20px 24px;
}
.topContlist li {
border-bottom: 1px solid #E2E2E2;
}
}

/* PC */
@media screen and (min-width: 769px) {
header { 
margin-bottom: 70px;
}
.topCont {
width: 700px;
margin: 0 auto 25px;
box-shadow: 1px 1px 7px #ececec;
}
.topContTit {
padding: 20px 45px;
border: 1px solid #E2E2E2;
}
.topContlist li {
border-right: 1px solid #E2E2E2;
border-left: 1px solid #E2E2E2;
border-bottom: 1px solid #E2E2E2;
}
}