@charset "utf-8";


.topics{
	width:960px;
	margin:0 auto;
	}

.topics p{
	text-align:justify;
	}	
.topics h3{
	background: url(../img/i_arrow.gif) no-repeat top left;
	padding-bottom:10px;
	padding-left:30px;
	margin-bottom:10px;
	font-size:15px;
	font-weight:600;
	color:#0986af;
	border-bottom:1px dotted #c0c0c0;
	}

.topics-box1{
    margin: 20px 0;
}
.topics-box2{
    margin: 20px 0;
    padding: 10px 0 30px;
}
.topics-box3{
    border: 2px solid #015487;
    margin: 20px 0;
    padding: 10px 0 30px;
}
.topics-box4{
    border: 2px solid #015487;
    margin: 20px 0;
    padding: 20px 0 20px;
}


table.about-activity{
	width:500px;
	}
table.about-activity th{
	background:#f6f6f6;
	width:100px;
	padding:10px 0 10px 20px;
	font-size:14px;
	text-align:left;
	border:1px solid #c0c0c0;
	}

table.about-activity td{
	padding:10px;
	font-size:14px;
	border:1px solid #c0c0c0;
	}

#activity-main{
	width:425px;
	float:right;
	}
#activity-main h3{
	background: url(../img/i_arrow.gif) no-repeat top left;
	padding-bottom:10px;
	padding-left:30px;
	margin-bottom:10px;
	font-size:15px;
	font-weight:600;
	color:#0986af;
	border-bottom:1px dotted #c0c0c0;
	}
#activity-main p{
	font-size:15px;
	line-height:1.8;
	}

.activity p.name{
	font-size:15px;
	font-weight:600;
	color:#0986af;
	}
.activity p.sub-txt{
	font-size:13px;
	margin:5px 0;
	font-style:italic;
	}
.activity .activity-txt{
	line-height:1.6;
	}

.activity .activity-txt span{
	font-weight:600;
	font-size:100%;
	line-height:2.0;
	}


.graph-txt{
	width:550px;
	float:left;
	}
.graph-thumb{
	width:350px;
	float:right;
	}



	
/*
----------------------------
追加２０２４
----------------------------
*/

.about-activity{
    position: relative;
    width: 960px;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin: 0 auto;
    gap: 0 30px;
    padding: 20px 0;
    justify-content: space-between;
    box-sizing: border-box;
}
.about-activity .activity-image{
    width: calc(45% - 20px);
	margin-bottom: 20px;
}
.about-activity .activity-text{
    width: calc(55% - 20px);
	margin-bottom: 20px;
}

.about-activity .activity-image img{
    display: block;
    width: 100%;
    max-width: 600px;
}

.activity-point{
    margin-top: 30px;
}

.activity-first-txt{
    margin-top: 50px;
    font-size: 1.2rem;
}
.about-activity .activity-text h3{
    display: block;
    width: 100%;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-size: 1.5rem;
    color: #052b4c;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #f0f0f0;
  }
  .about-activity .activity-text h3 span{
    font-size: 1.7rem;
    color: #0070d3;
    margin-right: 0.5em;
    font-style: italic;
  }
  .about-activity .activity-text h3 em{
    font-size: 1.0rem;
  }

  .about-activity .activity-text h3.ah-1{

  }
  .about-activity .activity-text h3.ah-2{
    padding-left: 0.5em;
  }
  .about-activity .activity-text h3.ah-3{
    padding-left: 0.5em;
  }
  .about-activity .activity-text h3.ah-4{
    
  }

  .activity-case{
    margin: 20px 0;
    padding: 20px;
    border: 2px solid #0070d3;
    border-radius: 3px;
    background: linear-gradient(to top, #fff, #f6fbfe);
  }
  .activity-case p{
  }
  .activity-case h4{
    font-family: "Jost", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-size: 1.4rem;
    color: #0070d3;
    font-style: italic;
  }
  .activity-case h4 span{
    font-size: 1.8rem;
  }

  .activity-case .case-inner{
    padding: 20px;
  }
  .activity-case .case-inner p{
    line-height: 1.6;
  }