@charset "utf-8";


/* 基本要素	---------------- */

.clfx {
	min-height: 1px;
}
* html .clfx {
	height: 1px;
	/*¥*//*/ /*MAC IE5.x対策*/
	height: auto;
	overflow: hidden;
	/**/
}
/* 基本レイアウト---------------- */

/* スライダー---------------- */
#slider-outer{
	max-width:1000px;
	width:100%;
	margin:0 auto 0;
}
.swiper-container {
width: 100%;
height: auto;
margin-bottom: 50px;
}
.swiper-slide {
background-position: center;
background-size: cover;
}
.swiper-slide img{
width: 100%;
height: auto;
}
/* ニュース----------------- */
#news {
	padding: 0px 0 0 0;
}
#news .tab-menu {
	padding:0px 0px 0px 0px;
	width:100%;
	margin: 0;
	display: flex;
	justify-content: flex-start;
	flex-wrap: nowrap;
}
#news .tab-menu li {
	margin-right:5px;
	list-style:none;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-basis:20%;
	flex-grow: 1;
	padding: 0;
}
#news .tab-menu li:last-child {
	margin-right:0px;
}
#news .tab-menu li > span {
	color:#000;
	background:#ccc;
	padding:10px 0;
	width:100%;
	display: block;
	text-align :center;
	border-radius:0;
	cursor: pointer;
}
#news .tab-menu li > span{

	font-size:1em;
}
#news .tab-menu li > span >span{

	font-size:0.75em;
}
#news .tab-menu li.cate-00 span.active,
#news .tab-menu li.cate-00 span:hover {
	background: #091F84;
	color:#fff;
}
#news .tab-menu li.cate-01 span.active,
#news .tab-menu li.cate-01 span:hover {
	background: #F69900;
	color:#fff;
}
#news .tab-menu li.cate-02 span.active,
#news .tab-menu li.cate-02 span:hover {
	background: #00A09E;
	color:#fff;
}
#news .tab-menu li.cate-03 span.active,
#news .tab-menu li.cate-03 span:hover {
	background: #BE0023;
	color:#fff;
}
#news .tab-menu li.cate-04 span.active,
#news .tab-menu li.cate-04 span:hover {
	background: #009BE6;
	color:#fff;
}
#news .tab-menu li.cate-05 span.active,
#news .tab-menu li.cate-05 span:hover {
	background: #7D4698;
	color:#fff;
}
#news .tab-menu li.cate-06 span.active,
#news .tab-menu li.cate-06 span:hover {
	background: #52AFA4;
	color:#fff;
}

#news .tab-menu2 li.cate-00 span.active,
#news .tab-menu2 li.cate-00 span:hover {
	background: #014099;
	color:#fff;
}
#news .tab-menu2 li.cate-01 span.active,
#news .tab-menu2 li.cate-01 span:hover {
	background: #A6D4A7;
	color:#fff;
}
#news .tab-menu2 li.cate-02 span.active,
#news .tab-menu2 li.cate-02 span:hover {
	background: #A0D3E0;
	color:#fff;
}
#news .tab-menu2 li.cate-03 span.active,
#news .tab-menu2 li.cate-03 span:hover {
	background: #F0A7B1;
	color:#fff;
}
#news .tab-menu2 li.cate-04 span.active,
#news .tab-menu2 li.cate-04 span:hover {
	background: #FFD25D;
	color:#fff;
}
#news .tab-contents{
	height: 598px;
	overflow-y:scroll;
	padding: 10px 0px 0px;
	margin-bottom:10px;
	font-size:1.2em;
}

#news h3.center-news{
	padding:15px 0 7px;
	font-weight: normal;
	font-size:1.6em;
	margin-left: 20px;
	border-bottom: 1px solid #595656;
	color:#291f88;
	margin-bottom:7px;
}
#news .tab-contents2{
	height: 640px;
	border: none;
}
#news .tab-contents dl{
	
}
#news .tab-contents dl a{
	display:block;
	color:#333;
	padding:10px 5px 0;
	border-bottom:1px solid #C9CACB;
}

#news .tab-contents dl a:after{
	content:"";
	clear:both;
	display:block;
}
#news .tab-contents dl dt{
	width: 14em;
	float: left;
	clear: both;
	margin-bottom: 5px;
	position:relative;
}
#news .tab-contents dl dd{
	float: left;
	
	width: calc(100% - 14em);
	margin-bottom: 5px;
}
#news .tab-contents dl dt time{
	float: left;
	margin-right:0.5em;
}
#news .tab-contents dl dt span{
	color:#fff;
	padding: 3px 5px;
	border-radius: 3px;
	color: #fff;
	float: left;
	width: 5em;
	text-align: center;
	margin-top: -3px;
	margin-bottom: 5px;
	margin-right:0.5em;
}
#news .tab-contents dl dt span.cate-01{
	background: #F69900;
}
#news .tab-contents dl dt span.cate-02{
	background: #00A09E;
}
#news .tab-contents dl dt span.cate-03{
	background: #BE0023;
}
#news .tab-contents dl dt span.cate-04{
	background: #009BE6;
}
#news .tab-contents dl dt span.cate-05{
	background: #7D4698;
}
#news .tab-contents dl dt span.cate-06{
	background: #52AFA4;
}
#news .tab-contents dl dt span.cate-04.small{
	font-size:0.75em;
}

#news .tab-contents2 dl dt{
	width: 12em;
	clear: both;
	display: flex;
	margin-bottom: 1em;
	position:relative;
}
#news .tab-contents2 dl dd{
	float: left;
	
	width: calc(100% - 13em);
	margin-bottom: 1em;
	margin-left: 1em;
}
#news .tab-contents2 dl dt span{
	display:inline-block;
	float: none;
	margin-left: 1em;
	margin-right: 0;
}

#news .tab-contents2 dl dt span.cate-01{
	background: #7EA7BC;
}
#news .tab-contents2 dl dt span.cate-02{
	background: #1CB5A2;
}
#news .tab-contents2 dl dt span.cate-03{
	background: #9D71B3;
}
#news .tab-contents2 dl dt span.cate-04{
	background: #C88475;
}
#news .tab-contents2 dl dt span.cate-05{
	background: #B7C558;
}
#news .tab-contents2 dl dt span.cate-06{
	background: #0185E7;
}


@media only screen and (max-width : 768px) {
	#news .tab-contents{
		height: 270px;
		margin-bottom:50px;
	}
	#news .tab-contents dl dt{
		width: auto;
		float: none;
		margin-bottom: 5px;
		position:relative;
	}
	#news .tab-contents dl dd{
		float: none;
		clear:both;
		width: auto;
		margin-bottom: 10px;
	}

}
@media only screen and (max-width : 640px) {
	#news .tab-menu li {
		flex-basis:auto;
	}
}
/* トピックス----------------- */
#topics{
	padding-top: 00px;
	padding-bottom: 60px;
}
#topics a{
	text-align :center;
	display:block;
	transition: 0.2s;
	margin-bottom:10px;
	background:#146EB8;
	color:#fff;
	font-size:1.18em;
}
#topics a img {
	margin: 0px;
	width:100%;
	height: auto;
}
#topics a .image {
	margin: 0px;
	width:100%;
	padding-top:66.25%;;
}
#topics a.no-title .image {
	margin: 0px;
	width:100%;
	padding-top:79.5%;;
}
#topics a .title {
	line-height:1.2;
	padding:8px;
}
#topics a.no-title .title {
	display:none;
}
#topics a .text-box {
	width: 100%;
	padding: 20px 20px 20px;
	line-height: 1.3;
	display:flex;
	flex-direction:column;
	gap:30px;
	
	height: 320px;
	align-items: center;
	justify-content: center;
}
#topics a .text-box .text-large {
	font-weight: 600;
	font-size: 3.5em;
}
#topics a .text-box .text-small {
	font-size: 2.5em;
	font-weight: 500;
}
#topics a .text-box.note {
	padding-bottom: 100px;
}
#topics a .text-box.note .text-large {
	font-weight: 600;
	font-size: 3em;
}
#topics a .text-box.note .text-small {
	font-size: 2.25em;
	font-weight: 500;
}
#topics .box-wrap {
	position:relative;
}
#topics .text-note {
	color: #fff;
	font-size: 1em;
	font-weight: 400;
	position:absolute;
	bottom: 0;
	left: 50%;
	transform:translateX(-50%);
	width: 95%;
	word-break:break-all;
}
#topics .text-note p{
	padding: 0;
}
#topics .text-note a{
	text-align:left;
}
#topics a:hover {
	box-shadow: 0 0 4px rgba(0,0,0,0.4);
	background:#B34A14;
	color:#fff;
}
#topics-w{
	padding-top: 00px;
	padding-bottom: 60px;
}
#topics-w a{
	text-align :center;
	display:block;
	transition: 0.2s;
	margin-bottom:10px;
	background:#146EB8;
	color:#fff;
	font-size:1.18em;
}
#topics-w a img {
	margin: 0px;
	width:100%;
	height: auto;
}
#topics-w a .image {
	margin: 0px;
	width:100%;
	padding-top:46.49%;;
}
#topics-w a .title {
	line-height:1.2;
	padding:8px;
}
#topics-w a:hover {
	box-shadow: 0 0 4px rgba(0,0,0,0.4);
	background:#B34A14;
	color:#fff;
}

@media only screen and (max-width : 1000px) {
	#topics a .text-box .text-large {
		font-size: 2.75em;
	}
	#topics a .text-box .text-small {
		font-size: 1.75em;
	}
}
@media only screen and (max-width : 768px) {
	#topics{
		padding-bottom: 30px;
	}
	#topics-w{
		padding-bottom: 0px;
	}
	#topics > div,
	#topics-w > div{
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
	}
	
	#topics .box-wrap{
		width:48.5%;
	}
	#topics a{
		width:100%;
	}
	#topics-w a{
		width:48.5%;
	}

}
@media only screen and (max-width : 660px) {
	#topics > div,
	#topics-w > div{
		flex-direction:column;
	}
	#topics a,
	#topics-w a{
		width:100%;
	}
}

@media only screen and (max-width : 420px) {
	#topics a .text-box .text-large {
		font-size: 2em;
	}
	#topics a .text-box .text-small {
		font-size: 1.7em;
	}
}
/* バナー----------------- */
#banner {
	background: #eee;
	padding: 25px 10px 10px 10px;
}
#banner div {
	text-align: center;
	margin-bottom: 15px;
}
#banner div a img {
	transition: 0.2s;
	margin: 3px;
}
#banner div a:hover img {
	box-shadow: 0 0 4px rgba(0,0,0,0.4);
}
/* フッター---------------- */
footer{
	display: block;
	background: #0071c5;
}
footer .sitemap{
	clear:both;
	padding-top: 20px;
	padding-bottom: 40px; 
}
footer .sitemap dl {
	background:rgba(0,0,0,0.1);
}
footer .sitemap dt {
	background:rgba(0,0,0,0.1);
	padding:10px 20px;
	margin:0;
	color:#fff;
	font-size:1.2em;
}
footer .sitemap dd {
	padding:0;
	margin:0;
}
footer .sitemap ul {
	margin:0;
	padding:0;
}
footer .sitemap ul li {
	display:inline;
	margin:0;
	padding:0;
}
footer .sitemap ul li a {
	display:block;
	color:#fff;
	padding:10px 5px 10px 5px;
}
footer .sitemap ul li a:before {
	content:"▶ ";
}
footer .sitemap ul li a:hover {
	background:#B34A14;
}
footer address {
	background:url("../images/footer/symbol.svg") left top no-repeat;
	background-size:34px 40px;
	margin:0;
	padding:10px 10px 40px 50px;
	color:#fff;
}
footer address {
    float:left;
    margin-left:20px;
    margin-top:15px;
    padding-bottom:20px;
}
@media only screen and (max-width : 640px) {
	footer address {
		background:url("../images/footer/symbol.svg") center top no-repeat;
        background-size:34px 40px;
		padding:60px 20px 20px 20px;
		text-align:center;
		display:block;
	}
    
    footer address {
        float:none;
        margin-left:0;
    }
}
#main-content h1.blue{
	padding: 0.25em 0;
	background-image: linear-gradient(#0b73bb, #085183);
	border-top: solid 1px #0b69a8;
	border-bottom: solid 1px #05426b;
	color: #fff;
	margin: 0 0 40px 0;
	text-align: center;
	font-size: 1.25em;
	font-weight: normal;
}

#main-content h2.black{
	padding: 0;
	color: #000;
	margin: 0 0 5px 0;
	font-size: 1.25em;
	font-weight: bold;
}

#main-content h2.black span{
	font-size: 0.8em;
}

.voice-section{
	margin-bottom: 100px;
}
.graduates{
	border-top: 1px solid #4F86C5;
	background: #DEE1E9;
	padding: 20px 0 0;
}

.students{
	border-top: 1px solid #6AA37D;
	background: #E0E7DD;
	padding: 20px 0 0;
}
.activity{
	border-top: 1px solid #4F86C5;
	background: #DEE1E9;
	padding: 20px 0 0;
}
#cate-graduates{
	display: block;
}
#cate-students{
	display: none;
}
#cate-activity{
	display: none;
}
#main-content .voice-box{
	border-radius: 5px;
	background: #fff;
	transition: 0.2s;
	margin-bottom: 30px;
	min-height: 395px;
}
#main-content .voice-box img{
	border-radius: 5px 5px 0 0;
	width:100%;
	height: auto;
}
#main-content .voice-box p{
	margin: 5px 1em;
	padding: 0;
	color: #000;
	line-height: 1.4
}
#main-content .voice-box p.name{
	font-size: 1.2em;
}

#main-content .voice-box a{
	display: block;
	width: 100%;
	height: 100%;
}
#main-content .voice-box:hover {
	box-shadow: 0 0 4px rgba(0,0,0,0.4);
}

#main-content .voice-section .photo-box{
	margin-bottom: 20px;
}
#main-content .voice-section .photo-box img{
	border-radius: 5px;
	width:100%;
	height: auto;
}
#main-content .voice-section .text-box{
	display: flex;
	flex-direction: column;
	justify-content: center;
}
#main-content .voice-section .text-box h3{
	font-size: 1.55em;
	margin-bottom: 30px;
	font-weight: normal;
}
#main-content .voice-section .text-box p.name:first-line{
	font-size: 1.25em;
}
#main-content .voice-section .text-box p.name{
	line-height: 1.1em;
}

#main-content .voice-menu {
	padding:0px 0px 0px 0px;
	margin: 0;
	display: flex;
	justify-content: flex-start;
	flex-wrap: nowrap;
}
#main-content .voice-menu li {
	margin-right:1px;
	list-style:none;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	/*flex-grow: 1;*/
	padding: 0;
}
#main-content .voice-menu li > span {
	color:#000;
	background:#ccc;
	font-size:1.25em;
	padding:5px;
	width:100%;
	display: block;
	text-align :center;
	border-radius:4px 4px 0 0;
	cursor: pointer;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
#main-content .voice-menu li > span span{
	font-size: 0.8em;
}
#main-content .voice-menu li.cate-01 > span.active,
#main-content .voice-menu li.cate-01 > span:hover {
	border-top: 1px solid #4F86C5;
	border-left: 1px solid #4F86C5;
	border-right: 1px solid #4F86C5;
	background: #DEE1E9;
}
#main-content .voice-menu li.cate-02 > span.active,
#main-content .voice-menu li.cate-02 > span:hover {
	border-top: 1px solid #6AA37D;
	border-left: 1px solid #6AA37D;
	border-right: 1px solid #6AA37D;
	background: #E0E7DD;
}

#main-content .voice-menu li.cate-03 > span.active,
#main-content .voice-menu li.cate-03 > span:hover {
	border-top: 1px solid #4F86C5;
	border-left: 1px solid #4F86C5;
	border-right: 1px solid #4F86C5;
	background: #DEE1E9;
}
.lecture-section{
	margin-bottom: 100px;
}
.lecture-cate1{
	border-top: 1px solid #4F86C5;
	background: #DEE1E9;
	padding: 20px 0 0;
}

.lecture-cate2{
	border-top: 1px solid #6AA37D;
	background: #E0E7DD;
	padding: 20px 0 0;
}
#main-content .lecture-box{
	border-radius: 5px;
	background: #fff;
	transition: 0.2s;
	margin-bottom: 30px;
	min-height: 395px;
}
#main-content .lecture-box img{
	border-radius: 5px 5px 0 0;
	width:100%;
	height: auto;
}
#main-content .lecture-box p{
	margin: 5px 1em;
	padding: 0;
	color: #000;
	line-height: 1.4;
	text-align :center;
	font-size: 1.55em;
}
#main-content .lecture-box p.name{
	font-size: 1.2em;
}

#main-content .lecture-box a{
	display: block;
	width: 100%;
	height: 100%;
}
#main-content .lecture-box:hover {
	box-shadow: 0 0 4px rgba(0,0,0,0.4);
}
#main-content .lecture-section .photo-box{
	margin-bottom: 20px;
}
#main-content .lecture-section .photo-box img{
	border-radius: 5px;
	width:100%;
	height: auto;
}
#main-content .lecture-section .text-box{
	display: flex;
	flex-direction: column;
	justify-content: center;
}
#main-content .lecture-section .text-box h3{
	font-size: 1.55em;
	margin-bottom: 30px;
	font-weight: normal;
}
#main-content .lecture-section .text-box p.name:first-line{
	font-size: 1.25em;
}
#main-content .lecture-section .text-box p.name{
	line-height: 1.1em;
}



#main-content .staff-menu {
	padding:0px 0px 0px 0px;
	margin: 0 0 35px;
	display: flex;
	justify-content: flex-start;
	flex-wrap: nowrap;
	list-style:none;
}
#main-content .staff-menu li {
	flex-grow:1;
	padding: 0;
	color:#000;
	background:#fff;
	font-size:0.9em;
	padding:5px;
	cursor: pointer;
	line-height: 1.15;
}
#main-content .staff-menu li.cate-01{

	border-left: 10px solid #0068B7;
}
#main-content .staff-menu li.cate-02{

	border-left: 10px solid #BE8915;
}
#main-content .staff-menu li.cate-03{

	border-left: 10px solid #78952E;
}
#main-content .staff-menu li.cate-04{

	border-left: 10px solid #A54A98;
}
#main-content .staff-menu li.cate-05{

	border-left: 10px solid #CD684B;
}
#main-content .staff-menu li.cate-06{

	border-left: 10px solid #438C5D;
}
#main-content .staff-menu li.cate-07{

	border-left: 10px solid #2E51D8;
}
#main-content .staff-menu li.active,
#main-content .staff-menu li:hover {
	color: #fff;
}
#main-content .staff-menu li.cate-01.active,
#main-content .staff-menu li.cate-01:hover {
	background: #4F86C5;
}
#main-content .staff-menu li.cate-02.active,
#main-content .staff-menu li.cate-02:hover {
	background: #D3A358;
}
#main-content .staff-menu li.cate-03.active,
#main-content .staff-menu li.cate-03:hover {
	background: #90AD66;
}
#main-content .staff-menu li.cate-04.active,
#main-content .staff-menu li.cate-04:hover {
	background: #BB8DBE;
}
#main-content .staff-menu li.cate-05.active,
#main-content .staff-menu li.cate-05:hover {
	background: #E29676
}
#main-content .staff-menu li.cate-06.active,
#main-content .staff-menu li.cate-06:hover {
	background: #80AA83;
}
#main-content .staff-menu li.cate-07.active,
#main-content .staff-menu li.cate-07:hover {
	background: #6480E7;
}
#main-content .staff-list{
	margin-bottom: 20px;
}
#main-content .staff-list h3{
	font-size: 1.25em;
	padding:0;
	margin-bottom: 15px;
}
#main-content .staff-list h3 span {
    font-size: 0.8em;
    margin-left: 1em;
}
#main-content .staff-list.cate-01 h3{
    border-bottom: 2px solid #4F86C5;
}
#main-content .staff-list.cate-02 h3{
    border-bottom: 2px solid #D3A358;
}
#main-content .staff-list.cate-03 h3{
    border-bottom: 2px solid #90AD66;
}
#main-content .staff-list.cate-04 h3{
    border-bottom: 2px solid #BB8DBE;
}
#main-content .staff-list.cate-05 h3{
    border-bottom: 2px solid #E29676;
}
#main-content .staff-list.cate-06 h3{
    border-bottom: 2px solid #80AA83;
}
#main-content .staff-list.cate-07 h3{
    border-bottom: 2px solid #6480E7;
}
#main-content .staff-list .staff-box{
	margin-bottom: 30px;
	text-align :center;
}
#main-content .staff-list .staff-box .text{
	padding:10px  0 10px 10px;
	text-align :left;
}
#main-content .staff-list.cate-01 .staff-box .text{
	border-left: 10px solid #4F86C5;
}
#main-content .staff-list.cate-02 .staff-box .text{
	border-left: 10px solid #D3A358;
}
#main-content .staff-list.cate-03 .staff-box .text{
	border-left: 10px solid #90AD66;
}
#main-content .staff-list.cate-04 .staff-box .text{
	border-left: 10px solid #BB8DBE;
}
#main-content .staff-list.cate-05 .staff-box .text{
	border-left: 10px solid #E29676;
}
#main-content .staff-list.cate-06 .staff-box .text{
	border-left: 10px solid #80AA83;
}
#main-content .staff-list.cate-07 .staff-box .text{
	border-left: 10px solid #6480E7;
}

#main-content .staff-list .staff-box{
	text-align :center;
	display: table;
}
#main-content .staff-list .staff-box .photo-box{
	padding-top: 100%;
	width :100%;
	margin:0 auto 10px;
	vertical-align: middle;
	text-align :center;
	overflow: hidden;
}
#main-content .staff-list .staff-box .photo-box img{
	height: auto;
	
    max-width: 100%;
}
#main-content .staff-list .staff-box p{
	padding-bottom:0;
	line-height: 1.4;
}
#main-content .staff-list .staff-box .namae{
	font-size: 1.25em;
}
#main-content .staff-list .staff-box .name{
	font-size: 1em;
	margin-bottom:1em;
}
#main-content .staff-list .staff-box .shozoku{
	font-size: 1em;
	margin-bottom:0.25em;
}
#main-content .staff-list .staff-box .bunya{
	font-size: 1em;
}

#main-content .staff-list .staff-box .area{
	font-size: 0.75em;
	margin-bottom:1em;
}

#main-content .staff-list .staff-box a{
	display: block;
	width: 100%;
	height: 100%;
}
#main-content .staff-list .staff-box:hover {
	box-shadow: 0 0 4px rgba(0,0,0,0.4);
}

#main-content .staff-section .photo-box img{
	width:100%;
	height: auto;
	margin-bottom: 10px;
}
#main-content .staff-section .text-box{
}
#main-content .staff-section .text-box h2 span{
	margin-left:1em;
}
#main-content .staff-section .text-box h3{
	font-size: 1.25em;
	margin-bottom: 15px;
	padding:0;
	font-weight: bold;
}
#main-content .staff-section .text-box h4{
	font-size: 1.1em;
	font-weight: bold;
	color: #000;
}
#main-content .staff-section h3 span {
    font-size: 0.8em;
    margin-left: 1em;
}
#main-content .staff-section .text-box section{
	margin-bottom: 40px;
}

#main-content .staff-section .text-box section section{
	margin-bottom: 20px;
}
#main-content .staff-section .text-box p{
	font-size: 1em;
	line-height: 1.1;
	padding-bottom: 5px;
}
#main-content .staff-section .photo-box p{
	font-size: 1em;
	line-height: 1.1;
	padding-bottom: 5px;
}
#main-content .staff-section p.small{
	font-size: 0.85em;
}
#main-content .staff-section p.big{
	font-size: 1.2em;
}

#main-content .staff-section.cate-01 h3{
    border-bottom: 2px solid #4F86C5;
}
#main-content .staff-section.cate-02 h3{
    border-bottom: 2px solid #D3A358;
}
#main-content .staff-section.cate-03 h3{
    border-bottom: 2px solid #90AD66;
}
#main-content .staff-section.cate-04 h3{
    border-bottom: 2px solid #BB8DBE;
}
#main-content .staff-section.cate-05 h3{
    border-bottom: 2px solid #E29676;
}
#main-content .staff-section.cate-06 h3{
    border-bottom: 2px solid #80AA83;
}


.aligncenter {
    display: block;
    margin: 0 auto;
}
.alignright { float: right;}

img.alignright{margin-left:5px;}

.alignleft { float: left;}

img.alignlft{margin-right:5px;}


.wp-block-column {
    flex: auto !important;
    margin-bottom: 1em;
    flex-basis: auto !important;
    min-width: auto !important;
    overflow-wrap: break-word;
}
.wp-block-image img {
    max-width: initial !important;
    
}

/*動態研追加分*/
#center-top-images{
	width:100%;
	display: flex;
	justify-content: flex-between;
	flex-wrap: wrap;
    overflow: hidden;
}

#center-top-images .title{
	width:40%;
}
#center-top-images .image{
	width:60%;

}
#center-top-images .title img{
	width:100%;
}
#center-top-images .wp-block-image{
	margin:0;

}

#center-top-images .image img{
	width:100%;
}
@media only screen and (max-width : 768px) {

#center-top-images .title{
	width:100%;
}
#center-top-images .image{
	width:100%;

}

}

#center-top-border{
    margin-top: -5px;
    border-top: 20px solid #0071c5;
    position: relative;
    z-index: 2;
}
#center-top-area{
	width:100%;
	display: flex;
	justify-content: flex-between;
	flex-wrap: wrap;
}

#center-top-area #news{
	width:calc(100% - 330px);
	margin:0 auto;
}
#center-top-area #banners{
	width:320px;
	padding-top:calc(22px + 1.6em);
	margin:0 auto;
	text-align:center;
}

#center-top-area #banners figure{
	margin-left:auto;
	margin-right:auto;
}
#center-top-area #banners a img:hover{
	opacity:0.6;
}
#center-top-area #banners{
	marigin-bottom:25px;
}
@media only screen and (max-width : 768px) {

#center-top-area #news{
	width:100%;
	margin:0 auto 20px;
}

#center-top-area #banners{
	width:100%;
	padding-top:20px;
	margin:0 auto;
	justify-content:space-between;
	display: flex;
	flex-wrap: wrap;
}
}

.center-report{
	display: flex;
	justify-content:space-between;
	flex-wrap: wrap;
}

.center-report .thumb{
	width:270px;
	height:180px;
	text-align:center;
	overflow:hidden;
	margin-bottom: 40px;
}
.center-report .thumb img{
	max-width:100%;
	height:auto;
	border-radius:5px;
}


.center-report .text{
	width:calc(100% - 290px);
	min-height:180px;
	margin-bottom: 20px;

}

.center-lay2{
	display: flex;
	justify-content:space-between;
	flex-wrap: wrap;
}

.center-lay2 .thumb{
	width:270px;
	height:180px;
	text-align:center;
	overflow:hidden;
	margin-bottom: 40px;
}
.center-lay2 .thumb img{
	max-width:100%;
	height:auto;
	border-radius:5px;
}


.center-lay2 .text{
	width:calc(100% - 290px);
	min-height:180px;
	margin-bottom: 20px;

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

.center-report .thumb{
	width:270px;
	height:180px;
}

.center-report .text{
}
.center-lay2 .thumb{
	width:270px;
	height:180px;
}

.center-lay2 .text{
}
}

.side-banner{
	padding:20px;
}

.side-banner img{
	max-width:100% !important;
	height:auto;
}

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

.side-banner{
	width:100%;
	margin:0 auto 20px;
}

.side-banner{
	width:100%;
	padding-top:20px;
	margin:0 auto;
	justify-content:space-between;
	display: flex;
	flex-wrap: wrap;
}
}

dl.kiyou{
}
dl.kiyou:after{
content:".";
display: block;
clear:both;
height: 1px;
line-height: 1px;
margin-top: -1px;
visibility:hidden;
}
dl.kiyou dd{
	margin-left:10%;
	width:15%;
	float:left;
	margin-bottom:1em;
}
dl.kiyou dt{
	width:20%;
	float:left;
	margin-bottom:1em;
}
dl.kiyou dd:nth-child(-n+12){
	margin-bottom:3em;
}
dl.kiyou dt:nth-child(-n+12){
	margin-bottom:3em;
}