.courseTitle .titleText {
    display: none;
}

section.exp {
    margin: 40px auto 60px;
}
 
.graph_img {
 width: 70%; 
 margin: 0 auto;
 }
 
.circle {
 background-repeat: no-repeat;
 background-size: 100%;
 width:  200px;   
 height: 200px;      
 border: 6px solid #caa320; 
 border-radius: 50%; 
 background-position: center center; 
 display: inline-block;  
 box-shadow: 2px 2px 2px 3px  rgba(0,0,0,0.4);
 position: absolute;
 margin-top: -10px;
 background-color: #fff;
 }

.box_position {
	margin-top: 50px;
}
 
.name_back {
	background: linear-gradient(#f6de9e,#cba226); 
 font-size: 2.2em; 
 font-weight: bold;
 padding: 2px 0px 2px 12%; 
 border: solid 5px #caa320; 
 border-bottom: none;
 border-radius: 9px 9px 0px 0px;
 color: #fff;
 text-shadow: 3px 3px 3px #927936;
 margin-left: 100px;
}
 
.keishou {
 font-size: 0.9em;
 padding-left: 3px;
}
 
.comment_area {
 font-size: 1.2em;
 margin-left: 100px;
 padding: 8px 3% 10px 12%; 
 border: solid 5px #caa320;
 border-top: none;
 border-radius: 0px 0px 9px 9px;
 min-height: 130px;
}
 
.comment_under {
 font-size: 1.5em; 
 font-weight: bold; 
 line-height: 1.3;
 margin: 5px 0px;
}

.blue {
 color: #0074c7; 
}
 
.red {
 color: #dc3489; 
}
 
.name_team_position {
 display: flex;
 justify-content: flex-start;
}
 
.mark {
 margin: 50px 20px;
 font-size: 0.6em;
 padding: 4px 12px 2px;
 border-radius: 50px;
 text-shadow: none;
} 
 
.school {
 background: #fff;
 color: #0078c5;
 vertical-align: middle;
}
 
.team_s {
 background: #901613;
 vertical-align: middle;
}
 

 


 @media screen and (max-width: 680px) {

.courseTitle .titleText {
    display: inline;
}

.graph_img {
 width: 100%; 
 }
 
.circle {
 width:  100px;   
 height: 100px;      
 border: 5px solid #caa320; 
 }
  
.area {
 margin-top: -35px;
 }

.name_back {
 font-size: 1.8em; 
 padding: 2px 0px 0px 0%; 
 margin-left: 0px;
}
 
.comment_area {
 font-size: 1.2em;
 margin-left: 0px;
 padding: 10px 5%; 
}
 
.comment_under {
 font-size: 1.2em; 
 margin: 5px 0px;
 line-height: 1.4;
}

.name_team_position {
 display: block;
}

.name_team_position.pnt_nm {
 min-height: 90px;
}
 
.mark {
 margin: 0px;
 padding: 2px 6px 2px;
} 

.name_option {
 font-size: 1.2em;
 text-align: center; 
 //margin-bottom: 20px;
 margin-left: 25%;
 }
  
.mark_option {
 text-align: right; 
 margin: 0px 10px 0px 0px;
 }
  
.team_s {
 margin: 0px 2px 0px 4px;
}
}