@charset "utf-8";
/* ----------------------------------------
head
------------------------------------------- */
#head {
box-shadow: 0 5px 5px rgba(0,0,0,0.1);
}
/* ----------------------------------------
profile
------------------------------------------- */
#profile ul{
overflow: hidden;
}
#profile ul li{
float: left;
width: 48%;
overflow: hidden;
margin-right: 4%;
margin-bottom: 50px;
}
#profile ul li:nth-child(2n){
margin-right: 0;
}

#profile ul li img{
float: left;
width: 16%;
}
#profile ul li .box{
float: right;
width: 81%;
}
#profile ul li .box h3{
font-size: 1.6rem;
line-height: 1.7;
background-color: #f2f2f2;
padding: 10px 15px;
}
#profile ul li .box h3 span{
color: #fff;
background-color: #006bb6;
border-radius: 20px;
padding: 3px 15px;
margin-right: 10px;
}
#profile ul li .box h4{
line-height: 1.7;
font-weight: normal;
border-bottom: 1px solid #e6e6e6;
padding: 10px 15px;
margin-bottom: 15px;
}
#profile ul li .box table{
line-height: 1.7;
font-weight: normal;
}
#profile ul li .box table th{
color: #006bb6;
text-align: left;
vertical-align: top;
white-space: nowrap;
padding: 0 15px;
}
#profile ul li .box table td{
text-align: left;
vertical-align: top;
padding: 0 15px;
}

/* =======================
  PC
======================== */
@media screen and (min-width: 1200px) {
}
/* =======================
  TABLET
======================== */
@media screen and (max-width:1199px) {
/* ----------------------------------------

------------------------------------------- */


}
/* =======================
  SP
======================== */
@media screen and (max-width: 699px) {
/* ----------------------------------------
profile
------------------------------------------- */
#profile ul li{
float: none;
width: 100%;
margin-right: 0;
margin-bottom: 30px;
}

#profile ul li .box h3{
padding: 10px 10px;
}

#profile ul li .box h4{
padding: 10px 10px;
margin-bottom: 15px;
}
#profile ul li .box table th{
padding: 0 10px;
}
#profile ul li .box table td{
padding: 0 10px;
}

}