@charset "utf-8";
@import url(cmn.css);
@import url(base.css);

/* ------------------------------------------------------------
contents
------------------------------------------------------------ */
#policy dl{
width: 100%;
max-width: 900px;
margin:0 auto 30px auto;
}
#policy dl dd{
text-align: left;
font-size: 2rem;
margin: 0 0 10px 40px;
}
#policy dl dt{
clear: both;
float: left;
width: 30px;
line-height: 30px;
text-align: center;
font-size: 2rem;
color: #fff;
background-color: #4158b7;
margin-bottom: 10px;
}

#activity{
overflow: hidden;
}
#activity .float-r{
width: 25%;
}
#activity .float-l{
width: 64%;
padding-top: 50px;
}
#activity table{
width: 100%;
border-top: 1px solid #333;
border-left: 1px solid #333;
border-collapse: separate;
margin-bottom: 20px;
}
#activity table th{
color: #fff;
background-color: #4158b7;
border-bottom: 1px solid #333;
border-right: 1px solid #333;
padding: 13px 0;
}
#activity table td{
width: 40%;
border-bottom: 1px solid #333;
border-right: 1px solid #333;
padding: 13px 0;
}

#certification{
overflow: hidden;
}
#certification .float-l{
width: 47%;
}
#certification .float-r{
width: 47%;
padding-top: 50px;
}
#certification table{
width: 100%;
border-top: 1px solid #333;
border-left: 1px solid #333;
border-collapse: separate;
margin-bottom: 20px;
}
#certification table th{
box-sizing: border-box;
text-align: center;
color: #fff;
background-color: #4158b7;
border-bottom: 1px solid #333;
border-right: 1px solid #333;
padding: 13px 0;
}
#certification table td{
width: 25%;
box-sizing: border-box;
text-align: center;
color: #4158b7;
border-bottom: 1px solid #333;
border-right: 1px solid #333;
padding: 13px 0;
}
#certification table th i{
display: block;
font-size: 2.5rem;
color: #ccc;
margin-bottom: 5px;
}
#certification table td i{
display: block;
font-size: 2.5rem;
color: #ccc;
margin-bottom: 5px;
}

/* ==========================================================================
pc
========================================================================== */
@media screen and (min-width: 1100px) {


}

/* ==========================================================================
tablet
========================================================================== */
@media screen and (max-width: 1099px) {


}

/* ==========================================================================
sp
========================================================================== */
@media screen and (max-width: 699px) {
#policy dl dd{
font-size: 1.5rem;
}
#policy dl dt{
font-size: 1.5rem;
}

#activity .float-r{
float: none;
width: 70%;
max-width: 250px;
margin: 0 auto;
}
#activity .float-l{
float: none;
width: 100%;
margin: 0 auto;
padding-top: 10px;
}
#certification .float-l{
float: none;
width: 100%;
max-width: 300px;
margin: 0 auto;
}
#certification .float-r{
float: none;
width: 100%;
margin: 0 auto;
padding-top: 10px;
}

}