@charset "UTF-8";
/* CSS Document */
/*PC*/
@media print, screen and (min-width: 769px) {
#track_record {
position: relative;
margin: 0 auto 120px;
overflow: hidden;
}
#track_record .section_wrap {
margin: 0 auto;
position: relative;
}

#track_record .box {
width: 80%;
position: relative;
margin: 0 auto 100px;
}

#track_record .box:last-child {
margin-bottom: 0;
}

#track_record .box .d_ttl {
position: relative;
font-size: 2.6rem;
font-weight: 800;
line-height: 1.6;
margin: 0 0 30px;
padding: 0 0 0 10px;
}

#track_record .box .d_txt {
font-size: 1.2rem;
margin: 0 0 40px;
}

#track_record .box .icon{
position: absolute;
top: 0px;
right: -10%;
width: 40%;
z-index: -1;
opacity: .05;
}

#track_record .list{
margin: 0;
}

#track_record .list li{
margin-bottom: 140px;
}

#track_record .list li:last-child{
margin-bottom: 0;
}

#track_record .block{
width: 1280px;
background:url("../images/com/bg_red.jpg") 0 0 repeat;
padding: 35px;
box-sizing: border-box;
margin: 0 auto 60px;
border-radius: 1rem;
}

#track_record .block:last-child{
margin-bottom: 0;
}

#track_record .block h3{
font-size: 1.2rem;
line-height: 1;
margin: 0 0 20px;
position: relative;
padding-left: 15px;
color: #FFF;
box-sizing: border-box;
}


#track_record .block h3::before{
content: "";
display: block;
width: 8px;
height: 8px;
position: absolute;
top:6px;
left: 0;
border-radius:50%;
background-color: #FFF;
}

#track_record .block ul{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

#track_record .block ul li{
width: 24%;
}

#track_record .block ul li img{
border-radius: .6rem;
border:2px solid #FFF;
}





}
/*sp*/
@media only screen and (max-width: 768px) {
#track_record {
position: relative;
margin: 0 auto 120px;
overflow: hidden;
}
#track_record .section_wrap {
margin: 0 auto;
position: relative;
}

#track_record .box {
width: 80%;
position: relative;
margin: 0 auto 100px;
}

#track_record .box:last-child {
margin-bottom: 0;
}

#track_record .box .d_ttl {
position: relative;
font-size: 2.6rem;
font-weight: 800;
line-height: 1.6;
margin: 0 0 30px;
padding: 0 0 0 10px;
}

#track_record .box .d_txt {
font-size: 1.2rem;
margin: 0 0 40px;
}

#track_record .box .icon{
position: absolute;
top: 0px;
right: -10%;
width: 40%;
z-index: -1;
opacity: .05;
}

#track_record .list{
margin: 0;
}

#track_record .list li{
margin-bottom: 140px;
}

#track_record .list li:last-child{
margin-bottom: 0;
}

#track_record .block{
width: 90%;
background:url("../images/com/bg_red.jpg") 0 0 repeat;
padding: 15px;
box-sizing: border-box;
margin: 0 auto 30px;
border-radius: .6rem;
}

#track_record .block:last-child{
margin-bottom: 0;
}

#track_record .block h3{
font-size: 1rem;
line-height: 1;
margin: 0 0 20px;
position: relative;
padding-left: 15px;
color: #FFF;
box-sizing: border-box;
}


#track_record .block h3::before{
content: "";
display: block;
width: 8px;
height: 8px;
position: absolute;
top:6px;
left: 0;
border-radius:50%;
background-color: #FFF;
}

#track_record .block ul{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

#track_record .block ul li{
width: 48%;
margin-bottom: 4%;
}

#track_record .block ul li img{
border-radius: .6rem;
border:1px solid #FFF;
}


}