

/* ================================SP=========================== */

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

ul.anchor_{
padding:0;
margin:0;
}

ul.anchor_ li{
padding:0 0 15px 15px ;
margin:0;
float:none;
font-size:14px;
font-weight:500;
}

ul.anchor_:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

.arrow_anc {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  color: #3d72c0;
  text-decoration: none;
}
.arrow_anc:before {
  content: '';
  width: 25px;
  height: 25px;
  background: #3d72c0;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: -15px;
  margin-top: -12px;
}
.arrow_anc:after {
  content: '';
  width: 4px;
  height: 4px;
  border: 0;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  position: absolute;
  top: 50%;
  left: -6px;
  margin-top: -3px;
  transform: rotate(135deg);
}

.arrow_anc:hover {
	opacity: 1;
	-webkit-transition: .4s ease-in-out;
	transition: .4s ease-in-out;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

p.sem_tit{
font-size:14px;
font-weight:800;
padding:0 0 10px 0;
margin:0 0 0 -8px;
}

.left_img{
    float:none;
padding:20px 20px 0 0 ;
text-align:center;
}
.left_img img{
    width:250px;
    border:7px solid #ececec;
margin-bottom:10px;
}
.left_img span{
font-size:18px;
font-weight:600;
}

dl.member {
	position:relative;
	margin: 0 0 10px 0;
	padding: 0 0 8px 0;
border-bottom:1px dotted #999;
width:100%;
}

dl.member dt {
	display:block;
	position:absolute; top:0px; left:0px;
	padding:0 ;
	margin:0;
}

dl.member dd {
    display:block;
    padding:0 0 0 200px;
    margin:0;
}

}/* sp */

/* ================================PC=========================== */
@media only screen and (min-width: 769px) {
ul.anchor_{
padding:0;
margin:0;
}

ul.anchor_ li{
padding:0 50px 0 15px ;
margin:0;
float:left;
font-size:16px;
font-weight:500;
}

ul.anchor_:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

.arrow_anc {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  color: #3d72c0;
  text-decoration: none;
}
.arrow_anc:before {
  content: '';
  width: 25px;
  height: 25px;
  background: #3d72c0;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: -15px;
  margin-top: -12px;
}
.arrow_anc:after {
  content: '';
  width: 4px;
  height: 4px;
  border: 0;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  position: absolute;
  top: 50%;
  left: -6px;
  margin-top: -3px;
  transform: rotate(135deg);
}

.arrow_anc:hover {
	opacity: 1;
	-webkit-transition: .4s ease-in-out;
	transition: .4s ease-in-out;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

p.sem_tit{
font-size:16px;
font-weight:800;
padding:0 0 10px 0;
margin:0 0 0 -8px;
}

.left_img{
    float:left;
padding:0 20px 0 0 ;
text-align:center;
}
.left_img img{
    width:220px;
    border:7px solid #ececec;
margin-bottom:10px;
}
.left_img span{
font-size:18px;
font-weight:600;
}

dl.member {
	position:relative;
	margin: 0 0 10px 280px;
	padding: 0 0 8px 0;
border-bottom:1px dotted #999;
width:650px;
}

dl.member dt {
	display:block;
	position:absolute; top:0px; left:0px;
	padding:0 ;
	margin:0;
}

dl.member dd {
    display:block;
    padding:0 0 0 200px;
    margin:0;
}

p.ph_c{
padding:0;
margin:20px auto 0 auto;
text-align:center;
}

p.ph_c02{
padding:0;
margin:20px auto 40px auto;
text-align:center;
}

p.ph_c img,
p.ph_c02 img{
padding:0;
margin:0;
width:600px;
    border:7px solid #ececec;
}


}/* pc */
