@charset "UTF-8";

#content {
	width: 100%;
}

#title {
	height: 80px;
}


/****************************************************************************************************
staff
****************************************************************************************************/

.profile, .profile_r {
	width: 48%;
	height: 105px;
	margin: 0 2% 30px 0;
	padding: 0 0 30px 0;
	border-bottom: 1px solid #cad1e5;
	float: left;
}
.profile_r {
	width: 48%;
	margin: 0 0 30px 2%;
}
.profile strong, .profile_r strong {
	font-size: 1.2em;
	font-weight: normal;
}
.profile span, .profile_r span {
	font-size: 13px;
	line-height: 13px;
}
.profile p, .profile_r p {
	margin: 20px 0 10px 0;
	font-size: 14px;
}


/****************************************************************************************************
seminar
****************************************************************************************************/
#seminar h3 {
	color: #16325b;
}
#seminar h3 span {
	font-size: 1.6em;
}
#seminar table {
	width: 100%;
	margin: 30px 0 20px 0;
	border-top: 1px solid #ccc;
}
#seminar th {
	/**/
    font-size: 13px;
	/**/
	width: 15%;
	padding: 20px 10px;
	background: #eee;
	text-align: left;
	letter-spacing: 2px;
	border-bottom: 1px solid #ccc;
/*	vertical-align: top;
*/	vertical-align:middle;
}
#seminar td {
	/**/
    font-size: 13px;
	/**/
	padding: 20px 10px;
	border-bottom: 1px solid #ccc;
/*	vertical-align: top;
*/	vertical-align:middle;
}
#seminar .charge {
	margin: 0 0 80px 75%;
	
	font-size: 13px;
}
#seminar table.small {
	width: 100%;
	margin: 10px 0 30px 0;
/*	margin: 10px 0 50px 0;
*/	border: 1px solid #ccc;
	border-bottom: none;
	border-right: none;
}
#seminar .small th {
	padding: 5px;
	background: #eee;
	text-align: center;
	letter-spacing: 2px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
/*	vertical-align: top;
*/	vertical-align:middle;
}
#seminar .small td {
	padding: 5px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
/*	vertical-align: top;
*/	vertical-align:middle;
}
#seminar .small input {
	width: 40%;
	margin: 5px auto;
	padding: 5px;
	border-radius: 1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px; 
	background: #e48400;
	font-size: 14px;
	text-align: center;
	color: #fff;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
	display: block;
	border: 0;
}
#seminar .small input:hover  {
	background: #f0c278;
}

#seminar .essay{
	text-align:right;
	display: block;
	margin-bottom: 10px;
}
#seminar .textr{
	text-align: right;
}
#seminar .btn a{
	background-color:#16325b;
	color:#fff;
	width:200px;
	text-align:center;
	padding:7px 30px;
	margin-bottom: 10px;
	font-size: 14px;
}
#seminar .ttl:after{
	content:"";
	display:block;
	clear:both;
}
#seminar .ttl .btn a{
	display:block;
	background-color:#16325b;
	color:#fff;
	width:200px;
	text-align:center;
	padding:20px 30px;
}
#seminar .ttl .btn{
	display:block;
	float:right;
}
#seminar h2{
	margin-bottom:80px;
}
#seminar .bookimg{
	float:left;
	width:300px;
}
#seminar .bookcontents{
	float:left;
	width:640px;
}
#seminar .btnArea:after{
	content:"";
	display:block;
	clear:both;
}
#seminar .btnArea{
	margin:40px auto 40px auto;
	padding:0 50px;
}
#seminar .btn1{
	width:360px !important;
	float:right;
	margin:0 40px;
}
#seminar .btn1 a{
	display:block;
	background-color:#16325b;
	color:#fff;
	text-align:center;
	padding:18px 30px;
}

#seminar .btn2{
	width:360px !important;
	float:left;
	margin:0 40px;
}
#seminar .btn2 a{
	display:block;
	background-color:#16325b;
	color:#fff;
	text-align:center;
	padding:18px 30px;
}
.btnArea .btn3{
	width:360px !important;
	float:right;
	margin:0 40px;
}
.btnArea .btn3 a{
	display:block;
	background-color:#1A75B1;
	color:#fff;
	text-align:center;
	padding:18px 30px;
	font-size: 1.1em;
	font-weight: 600;
}
#seminar p.deta{
	text-align: right;
	font-size: 0.9em;
}
#seminar strong{
	font-size: 1.1em;
}

#seminar .blue{
	color: #16325b;
	font-size: 1.0em;
	font-weight: 600;
	padding: 3px 7px 2px 7px;
}
/*#seminar .blue{
	background: #16325b;
	color: #fff;
	font-size: 1.0em;
	font-weight: 600;
	padding: 3px 7px 2px 7px;
}*/

#seminar .lblue{
	background: #1A75B1;
	color: #fff;
	font-size: 1.0em;
	font-weight: 600;
	padding: 3px 7px 2px 7px;
}
#seminar li .blue,#seminar li .lblue{
	display: inline-block;
	float: right;
}
#seminar ul.list{
	width: 86%;
	margin: 10px auto;
}
#seminar .list li:after{
	content: "";
	display: block;
	clear: both;
}
#seminar .list li{
	background-color: #EDEDED;
	padding: 5px 5px 5px 15px;
	margin-bottom: 5px;
}

#seminar .seminar_special {
	background-color: #eee;
	padding: 30px;
	margin-bottom: 40px;
}

#seminar .seminar_special dt {
	border-left: 3px solid #1A75B1;
	padding-left: 16px;
	font-weight: bold;
	font-size: 1.3em;
	margin-bottom: 20px;
	line-height: 1.7;
}
#seminar .seminar_special dd {
	margin: 0;
	font-size: 13px;
	display: flex;
	justify-content: space-between;
}

#seminar .seminar_special dd .photo img {
	height: 140px;
	width: auto;
}
.outlook h3{
	border-bottom: 1px solid #16325b;
	margin: 25px auto 20px auto; 
}
.outlook .title{
	background: #16325b;
	color: #fff !important;
	font-size: 1.2em;
	font-weight: 600;
	text-align: center;
	padding: 5px 0;
}
/****************************************************************************************************
DCP
****************************************************************************************************/
#dcp table {
	width: 100%;
	margin: 30px 0 20px 0;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
#dcp th {
	padding: 5px 10px;
	background: #e6f0f6;

	letter-spacing: 2px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
/*	text-align: left;*/
/*	vertical-align: top;*/
	vertical-align: middle;
	text-align:center;
}
#dcp td {
	padding: 5px 10px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	vertical-align: top;
}

#dcp .provision{
	text-align:right;
}

#dcp .btn a{
	background-color:#16325b;
	color:#fff;
	width:200px;
	text-align:center;
	padding:7px 30px;
}

/****************************************************************************************************
staff
****************************************************************************************************/
.sort span {
	width: 200px;
	display: block;
	float: left;
}

/****************************************************************************************************
magazine
****************************************************************************************************/
#mailmag .mm_content {
	padding: 0 5%;
}
#mailmag h3 {
	color: #16325b;
}
.mm_title {
	width: 50%;
	margin: 0 auto 60px auto;
	padding: 10px;
	background: #e6eaf5;
	/*border: 2px solid #cad1e5;*/
	text-align: center;
}
#mailmag .archivesList li{
	float: left;
	width: 22%;
	margin: 3% 3% 0 0 ;
}
#mailmag .archivesList a{
	display: block;
background-color: #16325b;
color: #fff;
text-align: center;
padding: 18px 30px;
}
#list2019,#list2018,#list2017,#list2016{
margin-top:-60px;
padding-top:60px;
}
/****************************************************************************************************
topics
****************************************************************************************************/
#content #topics {
	margin: 0 0 50px 0;
	line-height: 1.5em;
}
#content #topics dl {
	margin: 80px 0;
}
#content #topics dt {
/*	height: 70px;
*/	height: 130px;
	border-bottom: 1px dotted #ccc;
	float: left;
	clear: both;
}
#content #topics dt span {
	width: 60px;
	padding: 3px 10px;
	font-size: 0.9em;
	color: #fff;
	text-align: center;
	display: block;
}
#content #topics dt.mm span {
	background: #ea8d13;
}
#content #topics dt.dcp span {
	background: #49a0aa;
}
#content #topics dt.lec span {
	background: #9c83c2;
}
#content #topics dt.hp span {
	background: #999;
}
#content #topics dt.iryo span {
	background: #16325b;
}
#content #topics dd {
	width: 870px;
/*	height: 70px;
*/	height: 130px;
	margin: 0 0 15px 0;
	padding: 0 0 0 20px;
	border-bottom: 1px dotted #ccc;
	float: left;
}
#content #topics span.data {
	margin: 0 0 3px 0;
	font-size: 0.9em;
	color: #666;
	display: block;
}
#content #topics span.new {
	font-size: 0.9em;
	color: #C00;
}
#content #topics strong {
	display: block;
}
#content #topics .archivesList li{
	float: left;
	width: 22%;
	margin: 3% 3% 0 0 ;
}
#content #topics .archivesList a{
	display: block;
background-color: #16325b;
color: #fff;
text-align: center;
padding: 18px 30px;
}
#year2019,#year2018,#year2017,#year2016{
/*margin-top:-80px;
padding-top:80px;*/
}

#content .archives dl:after{
	content: "";
	display: block;
	clear: both;
}

#topics .textr{
	text-align: right;
}
#container #topics .year {
margin: 25px 0 25px 0;
font-size: 1.2em;
border-bottom: 1px solid #000;
display:block; 
padding-top: 30px;
}
/****************************************************************************************************
class
****************************************************************************************************/


hr {
	clear:both;
	margin-bottom: 80px;
	border: none;
	border-bottom: 1px solid #cad1e5;
}
.bg {
	padding: 10px 15px;
	background: #16325b;
	color: #fff;
}
.bgbnr {
}
.bgbnr a{
	color: #fff;
	display: inline-block;
	padding: 10px 15px;
	background: #16325b;
	width: 40%;
	text-align: center;
	border-radius: 1px;
}
.size14 {
	font-size: 1.4em;
}
.blue {
	color: #16325b;
}

a.more {
	width: 20%;
	margin: 5px 0 0 25px;
	padding: 5px 0;
	border-radius: 1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px; 
	background: #e48400;
	text-align: center;
	color: #fff;
    display: block;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
	
}
a:hover.more  {
	background: #f0c278;
}

/* add__20241128 */
.event__add-detail{
	margin-bottom: 50px;
}

.event__add-detail-ttl{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
	font-weight: bold;
}

.event__add-detail-ttl-tag{
	background-color: #16325b;
	font-size: 13px!important;
	color: #fff;
	padding: 1px 12px 0px;
	display: block;
	width: fit-content;
}

.event__add-detail-ttl-txt{
	font-size: 16px!important;
	color: #000!important;
}

.event__add-detail-bl{
	border: 1px solid #cccccc;
}

.event__add-detail-bl-ttl{
	background-color: #eee;
	font-size: 13px!important;
	width: fit-content;
	padding: 10px 20px 10px 10px;
	display: flex;
	align-items: center;
	margin-bottom: 0;
}

.event__add-detail-bl-ttl.p1{
	width: 60px;
}

.event__add-detail-bl01{
	display: flex;
	border-bottom: 1px solid #cccccc;	
}

.event__add-detail-bl-txt{
	font-size: 13px!important;
	padding: 10px 30px 10px 10px;
	display: flex;
	align-items: center;
	margin-bottom: 0;
}

.p3-1.event__add-detail-bl-txt{
	width: 330px;
	padding: 10px;
}

.event__add-detail-bl02{
	display: flex;
	border-bottom: 1px solid #cccccc;	
}

.event__add-detail-bl-box{
	width: calc(100% - 60px);
}

.event__add-detail-bl02 .event__add-detail-bl-box{
	display: flex;
}

.event__add-detail-bl-item01{
	display: flex;
	width: 306px;
	gap: 6px;
	padding: 10px;
}

.event__add-detail-bl-item01 img{
	width: calc(50% - 3px);
	height: auto;
}

.event__add-detail-bl02 .event__add-detail-bl-txt{
	width: calc(100% - 306px);
}