@charset "utf-8";

@media (max-width: 1023px){}
@media (max-width: 768px){}
@media (max-width: 450px){}


/*header
------------------------------------------------------------- */
body#top header {
width: 100%;
/*height: 146px;*/
background: #FFF;
border-bottom: none;
position: relative;
}
@media (max-width: 1023px){
body#top header {
width: 100%;
height: 146px;
position: relative;
}
}
@media (max-width: 768px){
body#top header {
width: 100%;
height: auto;
position: relative;
}
}
@media (max-width: 450px){
body#top header {
width: 100%;
height: auto;
position: relative;
}
}

/* biz-nav
------------------------------------------------------------- */

/*モバイル限定*/
@media (min-width: 1024px){
div.sp-only{display: none!important;
}
}
@media (max-width: 1023px){
div.sp-only{display: none!important;
}
}
@media (max-width: 768px){
div.sp-only{display: none!important;
}
}
@media (max-width: 450px){
div.sp-only{display: block!important;
}
}

/*モバイル以外*/
@media (min-width: 1024px){
div.sp-other{display: block!important;
}
}
@media (max-width: 1023px){
div.sp-other{display: block!important;
}
}
@media (max-width: 768px){
div.sp-other{display: block!important;
}
}
@media (max-width: 450px){
div.sp-other{display: none!important;
}
}

/* header-slid
------------------------------------------------------------- */

body#top div.slid-ab {
width: 100%;
height: 290px;
margin: 0 auto;
text-align: center;
}

@media (max-width: 1023px){
body#top div.slid-ab {
width: 100%;
height: 100%;
margin: 0 auto;
text-align: center;
}
}
@media (max-width: 768px){
body#top div.slid-ab {
width: 100%;
height: auto;
margin: 0 auto;
text-align: center;
}
}
@media (max-width: 450px){
body#top div.slid-ab {
width: 100%;
height: auto;
margin: 0 auto;
text-align: center;
}
}

body#top div.slid-ab:after {
content: "";
clear: both;
display: block;
}

body#top .link-shosai span.link-pdf {
background-color: none;
}

body#top .top-header-box {
min-width: 1500px;
text-align: center;
margin: 0 auto;
position: relative;
}

body#top .top-box {
overflow: hidden;
}

body#top .top-box:before {
content: "";
display: block;
}

body#top .top-box p {
min-width: 1000px;
margin: 0 auto;
overflow: hidden;
position: relative;
height: 100%;
text-indent: -9999px;
background-repeat: no-repeat;
background-size: cover;
}

/*見出し画像設定*/

body#top .top-box p.head-img {
/*background-image: url();*/
width: 100%;
}

body#top div.annai:before {
content: "";
display: block;
padding-top: 12%; 
}
body#top div.annai {
margin: 10px 0 20px 0;
width: 100%;
height: auto;
position: relative;
}

body#top div.annai p {
/*margin: 0;
padding: 0 0 0 16px;;
max-width: 100%;
height: 100%;
line-height: 1;
text-indent: -9999px;
position: absolute;
left: 0;
top: 0;
background-repeat: no-repeat;
background-size: cover;
background-image: url(../../resources/img/top/omoushikomi_b3.png);*/
}

body#top div.annai-txt {
margin: 10px 10px 20px 14px;
padding: 10px;
border: 1px solid gray;
background-color: #FDDFDF;
}

body#top div.annai-txt p {
margin: 0;
padding: 0 0 0 16px;;
width: 100%;
height: 100%;
font-size: 120%;
font-weight: bold;
color: #000;
text-align: left;
}

body#top div.annai-txt p a:hover {
text-decoration: none;
color: darkred;
opacity: 0.7;
}

body#top div.annai-txt p a:link {
text-decoration: none;
color: #000;
}

body#top div.annai-txt p a:visited {
text-decoration: none;
color: darkred;
}



/*Div*/

body#top main {
/*		width:100%;
position: relative;*/
width:100%;
position: relative;
margin: 0;
padding: 0;
background-color: #F4F7F9;
}

div.bgc-boxG{
display: block;
padding: 0.5em 0 1.0em 0;
background-color: #EFEFEF;
}

/*@media (min-width: 1024px){
div.bgc-boxG{
display: block;
padding: 1.0em 0 3.5em 0;
background-color: #F5F5F5;
}
}*/
@media (max-width: 1023px){
div.bgc-boxG {
width: 96%;
display: block;
padding: 0 0 1.0em 0;
margin: 0 auto 2.0em;
background-color: #EFEFEF;
}
}
@media (max-width: 450px){
div.bgc-boxG {
width: 94%;
display: block;
padding: 0.5em 0 1.0em 0;
margin: 0 auto 2.0em;
background-color: #EFEFEF;
}
}

/* globalmenu-javascript
------------------------------------------------------------- */

body#top .glnv-js {
width: 100%;
background-color: #EBF0F5;
padding-bottom: 2%;
}

/* globalmenu-title
------------------------------------------------------------- */
body#top .glnv-title {
width: 100%;
height: 40px;
margin-left: 10px;
position: relative;
padding: 0;
margin: 0;
}
body#top .glnv-title p#glnv-news {
height: 40px;
margin-top: 20px;
margin-left: 10px;
text-indent: -9999px;
background-repeat: no-repeat;
}

/* top-News
------------------------------------------------------------- */

body#top #top-news {
width: 100%;
height: auto;
margin-bottom: 20px;
background-color: #fff;
/*float: left;*/
padding: 2% 0;
}
/*body#top #top-news:after {
content: "";
clear: both;
display: block;
}*/
body#top .news-box {
margin: 1% auto;
padding: 0;
background-color: white;
display: flex;
/*float: left;*/
}

/*body#top .news-box:after {
content: "";
clear: both;
display: block;
}*/

body#top .news-grid1 {
width: 60%;
height: auto;
padding: 0 0;
margin: 0 1% 1% 1%;
/*float: left;*/
}
body#top .news-grid2 {
width: 37%;
height: auto;
padding: 0 0;
margin: 0 1% 1% 0;
/*float: left;*/
}

body#top .news-panel {
margin: 0;
padding: 0;
/*border: 1px solid #c60012;*/
max-height: 680px;
}

body#top .news-panel-min {
margin: 0 1% 0 0;
padding: 0;
border: 1px solid #4d4d4d;
height: 350px;
}


/*News Title*/

body#top .news-title {
margin: 0;
padding: 10px 15px;
position: relative;
/*border-bottom: 2px solid #6E4C1F;*/
}

body#top .news-title h3 {
margin: 0;
padding: 0;
/*	height: 40px;*/
width: 100%;
border-bottom: 3px solid #244F7E;
line-height: 1.8em;
font-size: 130%;
font-weight:normal;
}
body#top .news-title h3 span {
margin: 0 0 0 1.0em;
padding: 0;
width: 100%;
display: inline;
font-size: 80%;
font-weight:normal;
color: #7294C9;
}

body#top .topics-title span.topics-more {
display: inline-block;
position: absolute;
right: 35px;
top: 35px;
letter-spacing: 0.05em;
}

body#top .news-title span.news-more {
display: inline-block;
position: absolute;
right: 1.4em;
top: 1.0em;
letter-spacing: 0.05em;
padding: 0;
color: #fff;
font-size: 85%;
/*font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;*/
}
body#top .news-title span.news-more a {
padding:0.3em 0.8em;
background-color: #244F7E;
}
body#top .news-title span.news-more a:link {
color: #fff;
}
body#top .news-title span.news-more a:visited {
color: #fff;
}
body#top .news-title span.news-more a:hover {
color: #fff;
background-color: cornflowerblue;
}
body#top .news-title span.news-more a:active {
color: #fff;
}


/*News list next*/

body#top .list-next {
margin: 0;
min-height: 50px;
padding: 5px 15px;
position: relative;
/*border-bottom: 2px solid #6E4C1F;*/
}

body#top .topix-list-next div.topics-more {
display: inline-block;
position: absolute;
right: 10px;
top: 12px;
letter-spacing: 0.05em;
}

body#top .news-list-next div.news-more {
display: inline-block;
position: absolute;
right: 10px;
top: 12px;
letter-spacing: 0.05em;
}

/*News Contents*/

body#top .news-grid1 .news-content {
margin: 0 10px 0 15px;
padding: 0.5em 0.5em 1.0em 0.5em;
height:  auto;
max-height: 680px;
overflow: hidden;
/*border-bottom: 2px solid #6E4C1F;*/
border-bottom: none;
}

body#top .news-grid1 .news-panel .news-content {
height: 100%;
}

body#top .news-grid1 .news-content dl {
margin: 0 0.5em 0.8em 0;
padding:0;
font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
border-bottom: 1px dashed #8C8C8C;
}
body#top .news-grid1 .news-content dl:nth-child(n+5){
border-bottom: 1px dashed #fff;
}

/*お知らせ　表示件数*/
body#top .news-grid1 .news-content dl:nth-child(n+6) {
display: none!important;
}

body#top .news-grid1 .news-content dl dt {
width: 100%;
margin: 0.1em 0 0.5em 0;
font-weight: normal;
font-size: 90%;
display: inline-block;	
}

body#top .news-grid1 .news-content dl dt span {
display: inline-block;
width: 16%;
margin: 0 0.6em 0.2em 0;
padding: 0.6em 0.3em 0.4em 0.3em;
font-size: 84%;
color: #fff;
vertical-align: middle;
text-align: center;
line-height: 1.0em;
border-radius: 3px;
}
body#top .news-grid1 .news-content dl dt span.info {
background-color: #8e2650;
}
body#top .news-grid1 .news-content dl dt span.event {
background-color: #0B025B;
}
body#top .news-grid1 .news-content dl dt span.new-pd {
background-color: #2A58C4;
/*background-color: #E75600;*/
/*background-color: #FF8635;*/
}
body#top .news-grid1 .news-content dl dt span.media {
background-color: #3357A2;
}
body#top .news-grid1 .news-content dl dt span.update {
background-color: #4D4D4D;
}
body#top .news-grid1 .news-content dl dt span.topic {
background-color: #EF8931;
}

body#top .news-grid1 .news-content dl dd {
width: 100%;
margin:  0 0.5em 0 0;
padding: 0 0.5em 0.5em 0;
font-size: 95%;
/*border-bottom: 1px dashed #4d4d4d;*/
line-height: 1.3em;
font-weight: normal;
display: inline-block;
}

body#top .news-grid1 .news-content dl dd span.subtitle {
display: block;
}
body#top .news-grid1 .news-content dl dd span.kai {
display: block;
}
body#top .news-grid1 .news-content dl dd span.req-end {
	display: block;
	color: #CD1515;
	font-size: 90%;
}

body#top .news-grid1 .news-content dl dd a{
padding: 0;
color: #272727;
}
body#top .news-grid1 .news-content dl dd a:link {
text-decoration: none;
color: #272727;
/*color: #296ECB;*/
}
body#top .news-grid1 .news-content dl dd a:hover {
text-decoration: underline;
color: #296ECB;
/*color:#4EADE9;*/
}

body#top .news-grid1 .news-content dl dd a:visited,
body#top .news-grid1 .news-content dl dd a:active {
text-decoration: none;
/*color:#391967;*/
/*color: #006699;*/
}

body#top .news-grid1 .news-more-footer {
display: none;
}


/*News Contents 展示会出展情報*/

body#top .news-grid2 .news-content {
margin: 0 10px 0 15px;
padding: 0.5em 0.5em 1.0em 0.5em;
height:  auto;
max-height: 600px;
overflow: hidden;
/*border-bottom: 2px solid #6E4C1F;*/
border-bottom: none;
}

body#top .news-grid2 .news-panel .news-content {
height: 100%;
}

body#top .news-grid2 .news-content dl {
margin: 0 0.5em 0 0;
padding:0;
font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
}

/* 展示会情報　表示件数 */
body#top .news-grid2 .news-content dl:nth-child(n+5) {
    display: none!important;
}

body#top .news-grid2 .news-content dl dt {
width: 100%;
margin: 0;
font-weight: normal;
font-size: 90%;
display: inline-block;	
}

body#top .news-grid2 .news-content dl dt span {
display: inline-block;
width: 18%;
margin: 0 0.6em 0.2em 0;
padding: 0.6em 0.3em 0.5em 0.3em;
font-size: 85%;
color: #fff;
vertical-align: middle;
text-align: center;
line-height: 1;
border-radius: 3px;
}

body#top .news-grid2 .news-content dl dd {
width: 100%;
margin:  0 0.5em 1.0em 0;
padding: 0 0.5em 0.5em 1.4em;
font-size: 95%;
border-bottom: 1px solid #BCBCBC;
line-height: 1.3em;
font-weight: normal;
display: inline-block;
}

/*body#top .news-grid2 .news-content dl dt span.exh-sch {
display: block;
}*/
body#top .news-grid2 .news-content dl dt.exh-sch::before {
content: "\f133";
font-family: 'Font Awesome 6 Free';
margin: 0 0.5em 0 0;
font-weight: 900;
color: #06054A;
}
body#top .news-grid2 .news-content dl dd span.exh-name {
display: block;
font-size: 105%;
font-weight: normal;
/*line-height: 1.6em;*/
/*color: #2A2A2A;*/
/*text-decoration: underline;*/
/*margin-bottom: 0.2em;*/
padding: 0;
margin-bottom: 0.2em;
/*border-bottom: 1px blue dotted;*/
/*background-color: aliceblue;*/
}
body#top .news-grid2 .news-content dl dd span.exh-site {
display: block;
font-size: 90%;
padding: 0.2em 0.5em;
margin-bottom: 0.4em;
}
body#top .news-grid2 .news-content dl dd span.exh-site a:link {
color: #296ECB;
}
body#top .news-grid2 .news-content dl dd span.exh-site::before {
content: "\f35d";
font-family: 'Font Awesome 6 Free';
margin: 0 0.5em 0 0;
font-weight: 900;
color: #4685CB;
}
body#top .news-grid2 .news-content dl dd span.exh-cont {
display: block;
font-size: 90%;
padding: 0;
margin-bottom: 0.4em;
}
body#top .news-grid2 .news-content dl dd span.exh-info {
font-size: 90%;
display: block;
padding: 0.5em;
margin-bottom: 0.4em;
}
body#top .news-grid2 .news-content dl dd span.exh-info a{
border: 1px solid deepskyblue;
padding: 0.2em 0.8em;
border-radius: 0.2em;
}
body#top .news-grid2 .news-content dl dd span.exh-info a::before {
content: "\f101";
font-family: 'Font Awesome 6 Free';
margin: 0 0.5em 0 0;
font-weight: 900;
color: deepskyblue;
/*color: #4685CB;*/
}
body#top .news-grid2 .news-content dl dd span.exh-info a:link {
color:#393939;
}
body#top .news-grid2 .news-content dl dd span.exh-info a:hover {
text-decoration: none;
color: deepskyblue;
}

body#top .news-grid2 .news-content dl dd a {
padding: 0;
}
body#top .news-grid2 .news-content dl dd a:link {
text-decoration: none;
color: #296ECB;
/*color: #272727;*/
/*color: #296ECB;*/
}
body#top .news-grid2 .news-content dl dd a:hover {
text-decoration: underline;
/*color: #296ECB;*/
color:#4EADE9;
}
/*body#top .news-grid2 .news-content dl dd a:hover::after {
content: "\f101";
font-family: 'Font Awesome 6 Free';
margin: 0 0 0 0.5em;
font-weight: 900;
color: deepskyblue;
}*/

body#top .news-grid2 .news-content dl dd a:visited,
body#top .news-grid2 .news-content dl dd a:active {
text-decoration: none;
/*color:#391967;*/
/*color: #006699;*/
}

body#top .news-grid2 .news-more-footer {
display: none;
}


@media (max-width: 1023px){}

@media (max-width: 768px){
body#top #top-news {
width: 100%;
height: auto;
margin-bottom: 20px;
background-color: #fff;
padding: 2% 0;
}
body#top .news-box {
margin: 1% auto;
padding: 0;
background-color: white;
display: flex;
flex-wrap: wrap;
}
body#top .news-grid1 {
width: 100%;
height: auto;
padding: 0 0;
margin: 0 1% 1% 1%;
}
body#top .news-grid2 {
width: 100%;
height: auto;
padding: 0 0;
margin: 0 1% 1% 1%;
}
body#top .news-panel {
margin: 0;
padding: 0;
max-height: 680px;
}
body#top .news-panel-min {
margin: 0 1% 0 0;
padding: 0;
border: 1px solid #4d4d4d;
height: 350px;
}

/*News Title*/
body#top .news-title {
margin: 0;
padding: 10px 15px;
position: relative;
}

body#top .news-title h3 {
margin: 0;
padding: 0;
width: 100%;
border-bottom: 3px solid #244F7E;
line-height: 1.8em;
font-size: 130%;
font-weight:normal;
}
body#top .news-title h3 span {
margin: 0 0 0 1.0em;
padding: 0;
width: 100%;
display: inline;
font-size: 80%;
font-weight:normal;
color: #7294C9;
}

body#top .topics-title span.topics-more {
display: inline-block;
position: absolute;
right: 35px;
top: 35px;
letter-spacing: 0.05em;
}

body#top .news-title span.news-more {
display: inline-block;
position: absolute;
right: 1.4em;
top: 1.0em;
letter-spacing: 0.05em;
padding: 0;
color: #244F7E;
font-size: 85%;
}
body#top .news-title span.news-more a {
padding:0.3em 1.2em;
background-color: #fff;
border: 1px solid #244F7E;
}
body#top .news-title span.news-more a:link {
color: #244F7E;
}
body#top .news-title span.news-more a:visited {
color: #244F7E;
}
body#top .news-title span.news-more a:hover {
color: #fff;
background-color: #7294C9;
border: 1px solid #7294C9;
/*border: 1px solid cornflowerblue;*/
}
body#top .news-title span.news-more a:active {
color: #244F7E;
}

/*News list next*/
body#top .list-next {
margin: 0;
min-height: 50px;
padding: 5px 15px;
position: relative;
}
body#top .topix-list-next div.topics-more {
display: inline-block;
position: absolute;
right: 10px;
top: 12px;
letter-spacing: 0.05em;
}
body#top .news-list-next div.news-more {
display: inline-block;
position: absolute;
right: 10px;
top: 12px;
letter-spacing: 0.05em;
}

/*News Contents*/
body#top .news-grid1 .news-content {
margin: 0 10px 0 15px;
padding: 0.5em 0.5em 1.0em 0.5em;
height:  auto;
max-height: 680px;
overflow: hidden;
border-bottom: none;
}
body#top .news-grid1 .news-panel .news-content {
height: 100%;
}
body#top .news-grid1 .news-content dl {
margin: 0 0.5em 0.8em 0;
padding:0;
font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
border-bottom: 1px dashed #8C8C8C;
}
body#top .news-grid1 .news-content dl:nth-child(n+5){
border-bottom: 1px dashed #fff;
}

/*お知らせ　表示件数*/
body#top .news-grid1 .news-content dl:nth-child(n+6) {
    display: none!important;
}

body#top .news-grid1 .news-content dl dt {
width: 100%;
margin: 0.2em 0 0.5em 0;
font-weight: normal;
font-size: 90%;
display: inline-block;	
}

body#top .news-grid1 .news-content dl dt span {
display: inline-block;
width: 16%;
margin: 0 0.6em 0.2em 0;
padding: 0.6em 0.3em 0.4em 0.3em;
font-size: 84%;
color: #fff;
vertical-align: middle;
text-align: center;
line-height: 1.0em;
border-radius: 3px;
}
body#top .news-grid1 .news-content dl dt span.info {
background-color: #8e2650;
}
body#top .news-grid1 .news-content dl dt span.event {
background-color: #0B025B;
}
body#top .news-grid1 .news-content dl dt span.new-pd {
background-color: #2A58C4;
}
body#top .news-grid1 .news-content dl dt span.media {
background-color: #3357A2;
}
body#top .news-grid1 .news-content dl dt span.update {
background-color: #4D4D4D;
}
body#top .news-grid1 .news-content dl dt span.topic {
background-color: #EF8931;
}

body#top .news-grid1 .news-content dl dd {
width: 100%;
margin:  0 0.5em 0 0;
padding: 0 0.5em 0.5em 0;
font-size: 95%;
/*border-bottom: 1px dashed #4d4d4d;*/
line-height: 1.3em;
font-weight: normal;
display: inline-block;
}

body#top .news-grid1 .news-content dl dd span.subtitle {
display: block;
}
body#top .news-grid1 .news-content dl dd span.kai {
display: block;
}
body#top .news-grid1 .news-content dl dd span.req-end {
	display: block;
	color: #CD1515;
	font-size: 90%;
}

body#top .news-grid1 .news-content dl dd a{
padding: 0;
color: #272727;
}
body#top .news-grid1 .news-content dl dd a:link {
text-decoration: none;
color: #272727;
/*color: #296ECB;*/
}
body#top .news-grid1 .news-content dl dd a:hover {
text-decoration: underline;
color: #296ECB;
/*color:#4EADE9;*/
}

body#top .news-grid1 .news-content dl dd a:visited,
body#top .news-grid1 .news-content dl dd a:active {
text-decoration: none;
}

body#top .news-grid1 .news-more-footer {
display: none;
}

/*News Contents 展示会出展情報*/
body#top .news-grid2 .news-content {
margin: 0 10px 0 15px;
padding: 0.5em 0.5em 1.0em 0.5em;
height:  auto;
max-height: 600px;
overflow: hidden;
border-bottom: none;
}
body#top .news-grid2 .news-panel .news-content {
height: 100%;
}
body#top .news-grid2 .news-content dl {
margin: 0 0.5em 0 0;
padding:0;
font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
}

/* 展示会情報　表示件数 */
body#top .news-grid2 .news-content dl:nth-child(n+5) {
    display: none!important;
}

body#top .news-grid2 .news-content dl dt {
width: 100%;
margin: 0;
font-weight: normal;
font-size: 90%;
display: inline-block;	
}

body#top .news-grid2 .news-content dl dt span {
display: inline-block;
width: 18%;
margin: 0 0.6em 0.2em 0;
padding: 0.6em 0.3em 0.5em 0.3em;
font-size: 85%;
color: #fff;
vertical-align: middle;
text-align: center;
line-height: 1;
border-radius: 3px;
}

body#top .news-grid2 .news-content dl dd {
width: 100%;
margin:  0 0.5em 1.0em 0;
padding: 0 0.5em 0.5em 1.4em;
font-size: 95%;
border-bottom: 1px solid #BCBCBC;
line-height: 1.3em;
font-weight: normal;
display: inline-block;
}

body#top .news-grid2 .news-content dl dt.exh-sch::before {
content: "\f133";
font-family: 'Font Awesome 6 Free';
margin: 0 0.5em 0 0;
font-weight: 900;
color: #06054A;
}
body#top .news-grid2 .news-content dl dd span.exh-name {
display: block;
font-size: 105%;
font-weight: normal;
padding: 0;
margin-bottom: 0.2em;
}
body#top .news-grid2 .news-content dl dd span.exh-site {
display: block;
font-size: 90%;
padding: 0.2em 0.5em;
margin-bottom: 0.4em;
}
body#top .news-grid2 .news-content dl dd span.exh-site a:link {
color: #296ECB;
}
body#top .news-grid2 .news-content dl dd span.exh-site::before {
content: "\f35d";
font-family: 'Font Awesome 6 Free';
margin: 0 0.5em 0 0;
font-weight: 900;
color: #4685CB;
}
body#top .news-grid2 .news-content dl dd span.exh-cont {
display: block;
font-size: 90%;
padding: 0;
margin-bottom: 0.4em;
}
body#top .news-grid2 .news-content dl dd span.exh-info {
font-size: 90%;
display: block;
padding: 0.5em;
margin-bottom: 0.4em;
}
body#top .news-grid2 .news-content dl dd span.exh-info a{
border: 1px solid deepskyblue;
padding: 0.2em 0.8em;
border-radius: 0.2em;
}
body#top .news-grid2 .news-content dl dd span.exh-info a::before {
content: "\f101";
font-family: 'Font Awesome 6 Free';
margin: 0 0.5em 0 0;
font-weight: 900;
color: deepskyblue;
}
body#top .news-grid2 .news-content dl dd span.exh-info a:link {
color:#393939;
}
body#top .news-grid2 .news-content dl dd span.exh-info a:hover {
text-decoration: none;
color: deepskyblue;
}

body#top .news-grid2 .news-content dl dd a {
padding: 0;
}
body#top .news-grid2 .news-content dl dd a:link {
text-decoration: none;
color: #296ECB;
}
body#top .news-grid2 .news-content dl dd a:hover {
text-decoration: underline;
/*color: #296ECB;*/
color:#4EADE9;
}

body#top .news-grid2 .news-content dl dd a:visited,
body#top .news-grid2 .news-content dl dd a:active {
text-decoration: none;
}

body#top .news-grid2 .news-more-footer {
display: none;
}

}
@media (max-width: 450px){
body#top #top-news {
width: 100%;
height: auto;
margin-bottom: 20px;
background-color: #fff;
padding: 2% 0;
}
body#top .news-box {
margin: 1% auto;
padding: 0;
background-color: white;
display: flex;
flex-wrap: wrap;
}
body#top .news-grid1 {
width: 100%;
height: auto;
padding: 0 0;
margin: 0 1% 2.0em 1%;
}
body#top .news-grid2 {
width: 100%;
height: auto;
padding: 0 0;
margin: 0 1% 2.0em 1%;
}
body#top .news-panel {
margin: 0;
padding: 0;
max-height: 680px;
}
body#top .news-panel-min {
margin: 0 1% 0 0;
padding: 0;
border: 1px solid #4d4d4d;
height: 350px;
}

/*News Title*/
body#top .news-title {
margin: 0;
padding: 0.5em 1.0em;
position: relative;
}

body#top .news-title h3 {
margin: 0;
padding: 0;
width: 100%;
border-bottom: 3px solid #244F7E;
line-height: 1.8em;
font-size: 130%;
font-weight:bold;
text-align: center;
}
body#top .news-title h3 span {
margin: 0 0 0 1.0em;
padding: 0;
width: 100%;
display: inline;
font-size: 90%;
font-weight: bold;
color: #4B7CC8;
}

body#top .topics-title span.topics-more {
display: inline-block;
position: absolute;
right: 35px;
top: 35px;
letter-spacing: 0.05em;
}

body#top .news-title span.news-more {
display: none;
/*display: inline-block;
position: absolute;
right: 1.4em;
top: 1.0em;
letter-spacing: 0.05em;
padding: 0;
color: #fff;
font-size: 85%;*/
}
body#top .news-title span.news-more a {
padding:0.3em 0.8em;
background-color: #244F7E;
}
body#top .news-title span.news-more a:link {
color: #fff;
}
body#top .news-title span.news-more a:visited {
color: #fff;
}
body#top .news-title span.news-more a:hover {
color: #fff;
background-color: cornflowerblue;
}
body#top .news-title span.news-more a:active {
color: #fff;
}

/*News list next*/
body#top .list-next {
margin: 0;
min-height: 50px;
padding: 5px 15px;
position: relative;
}
body#top .topix-list-next div.topics-more {
display: inline-block;
position: absolute;
right: 10px;
top: 12px;
letter-spacing: 0.05em;
}
body#top .news-list-next div.news-more {
display: inline-block;
position: absolute;
right: 10px;
top: 12px;
letter-spacing: 0.05em;
}

/*News Contents*/
body#top .news-grid1 .news-content {
margin: 0 10px 0 15px;
padding: 0.5em 0.5em 1.0em 0.5em;
height:  auto;
max-height: 680px;
overflow: hidden;
border-bottom: none;
}
body#top .news-grid1 .news-panel .news-content {
height: 100%;
}
body#top .news-grid1 .news-content dl {
margin: 0 0.5em 0.5em 0;
padding:0;
font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
}

/*お知らせ　表示件数*/
body#top .news-grid1 .news-content dl:nth-child(n+5) {
    display: none!important;
}

body#top .news-grid1 .news-content dl dt {
width: 100%;
margin: 0.2em 0 0.5em 0;
font-weight: normal;
font-size: 90%;
display: inline-block;	
}

body#top .news-grid1 .news-content dl dt span {
display: inline-block;
width: 20%;
margin: 0 0.6em 0.2em 0;
padding: 0.6em 0.3em 0.4em 0.3em;
font-size: 84%;
color: #fff;
vertical-align: middle;
text-align: center;
line-height: 1.0em;
border-radius: 3px;
}
body#top .news-grid1 .news-content dl dt span.info {
background-color: #8e2650;
}
body#top .news-grid1 .news-content dl dt span.event {
background-color: #0B025B;
}
body#top .news-grid1 .news-content dl dt span.new-pd {
background-color: #2A58C4;
}
body#top .news-grid1 .news-content dl dt span.media {
background-color: #3357A2;
}
body#top .news-grid1 .news-content dl dt span.update {
background-color: #4D4D4D;
}
body#top .news-grid1 .news-content dl dt span.topic {
background-color: #EF8931;
}

body#top .news-grid1 .news-content dl dd {
width: 100%;
margin:  0 0.5em 0 0;
padding: 0 0.5em 0.5em 0;
font-size: 95%;
/*border-bottom: 1px dashed #4d4d4d;*/
line-height: 1.3em;
font-weight: normal;
display: inline-block;
}

body#top .news-grid1 .news-content dl dd span.subtitle {
display: block;
}
body#top .news-grid1 .news-content dl dd span.kai {
display: block;
}
body#top .news-grid1 .news-content dl dd span.req-end {
	display: block;
	color: #CD1515;
	font-size: 90%;
}

body#top .news-grid1 .news-content dl dd a{
padding: 0;
color: #272727;
}
body#top .news-grid1 .news-content dl dd a:link {
text-decoration: none;
color: #272727;
/*color: #296ECB;*/
}
body#top .news-grid1 .news-content dl dd a:hover {
text-decoration: underline;
color: #296ECB;
/*color:#4EADE9;*/
}

body#top .news-grid1 .news-content dl dd a:visited,
body#top .news-grid1 .news-content dl dd a:active {
text-decoration: none;
}

body#top .news-grid1 .news-more-footer {
display: none;
}

/*News Contents 展示会出展情報*/
body#top .news-grid2 .news-content {
margin: 0 10px 0 15px;
padding: 0.5em 0.5em 1.0em 0.5em;
height:  auto;
max-height: 600px;
overflow: hidden;
border-bottom: none;
}
body#top .news-grid2 .news-panel .news-content {
height: 100%;
}
body#top .news-grid2 .news-content dl {
margin: 0 0.5em 0 0;
padding:0;
font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
}

/* 展示会情報　表示件数 */
body#top .news-grid2 .news-content dl:nth-child(n+5) {
    display: none!important;
}

body#top .news-grid2 .news-content dl dt {
width: 100%;
margin: 0;
font-weight: normal;
font-size: 90%;
display: inline-block;	
}

body#top .news-grid2 .news-content dl dt span {
display: inline-block;
width: 18%;
margin: 0 0.6em 0.2em 0;
padding: 0.6em 0.3em 0.5em 0.3em;
font-size: 85%;
color: #fff;
vertical-align: middle;
text-align: center;
line-height: 1;
border-radius: 3px;
}

body#top .news-grid2 .news-content dl dd {
width: 100%;
margin:  0 0.5em 1.0em 0;
padding: 0 0.5em 0.5em 1.4em;
font-size: 95%;
border-bottom: 1px solid #BCBCBC;
line-height: 1.3em;
font-weight: normal;
display: inline-block;
}

body#top .news-grid2 .news-content dl dt.exh-sch::before {
content: "\f133";
font-family: 'Font Awesome 6 Free';
margin: 0 0.5em 0 0;
font-weight: 900;
color: #06054A;
}
body#top .news-grid2 .news-content dl dd span.exh-name {
display: block;
font-size: 105%;
font-weight: normal;
padding: 0;
margin-bottom: 0.2em;
}
body#top .news-grid2 .news-content dl dd span.exh-site {
display: block;
font-size: 90%;
padding: 0.2em 0.5em;
margin-bottom: 0.4em;
}
body#top .news-grid2 .news-content dl dd span.exh-site a:link {
color: #296ECB;
}
body#top .news-grid2 .news-content dl dd span.exh-site::before {
content: "\f35d";
font-family: 'Font Awesome 6 Free';
margin: 0 0.5em 0 0;
font-weight: 900;
color: #4685CB;
}
body#top .news-grid2 .news-content dl dd span.exh-cont {
display: block;
font-size: 90%;
padding: 0;
margin-bottom: 0.4em;
}
body#top .news-grid2 .news-content dl dd span.exh-info {
font-size: 90%;
display: block;
padding: 0.5em;
margin-bottom: 0.4em;
}
body#top .news-grid2 .news-content dl dd span.exh-info a{
border: 1px solid deepskyblue;
padding: 0.2em 0.8em;
border-radius: 0.2em;
}
body#top .news-grid2 .news-content dl dd span.exh-info a::before {
content: "\f101";
font-family: 'Font Awesome 6 Free';
margin: 0 0.5em 0 0;
font-weight: 900;
color: deepskyblue;
}
body#top .news-grid2 .news-content dl dd span.exh-info a:link {
color:#393939;
}
body#top .news-grid2 .news-content dl dd span.exh-info a:hover {
text-decoration: none;
color: deepskyblue;
}

body#top .news-grid2 .news-content dl dd a {
padding: 0;
}
body#top .news-grid2 .news-content dl dd a:link {
text-decoration: none;
color: #296ECB;
}
body#top .news-grid2 .news-content dl dd a:hover {
text-decoration: underline;
/*color: #296ECB;*/
color:#4EADE9;
}

body#top .news-grid2 .news-content dl dd a:visited,
body#top .news-grid2 .news-content dl dd a:active {
text-decoration: none;
}

body#top .news-grid2 .news-more-footer {
display: none;
}

}


/* 新着情報 
---------------------------------------------------------*/
body#top div.new-info {
padding: 0.5em;
background-color: #F4F7F9;
}
body#top div.new-info div.new-info-box {
display: flex;
height: auto;
justify-content: flex-start;
flex-wrap:nowrap;
align-items: stretch;
gap: 0 1.0em;
/*padding: 0;*/
padding: 0.8em 0.5em 0.8em 1.0em;
}
body#top div.new-info div.new-info-box div.news-fst {
width: 10%;
height: auto;
/*height: 130px;*/
text-align: center;
border-radius: 3px;
background-color:#D7DEE5;
padding:0;
display: flex;
flex-direction: column;
justify-content:flex-end;
align-items:center;
gap:0.2em 0;
}
body#top div.new-info div.new-info-box div.news-fst div.news-name {
width: 90%;
margin: 10% auto 2% auto;
}
body#top div.new-info div.new-info-box div.news-fst div.news-more {
width: 70%;
font-size: 80%;
margin: 2% auto 5% auto;
}
body#top div.new-info div.new-info-box div.news-fst div.news-more a {
border: 1px solid #EFEFEF;
/*border: 1px solid #626FAF;*/
display: block;
padding: 0.1em;
color: #314290;
border-radius: 5px;
/*background-color: #021A8A;*/
}
body#top div.new-info div.new-info-box div.news-fst div.news-more a:hover {
background-color: #626FAF;
color: #fff;
}

body#top div.new-info div.new-info-box div.news-content {
width: 85%;
margin: 0;
padding: 0;
height:  auto;
overflow: hidden;
border-bottom: none;
}
body#top div.new-info div.news-content dl {
margin: 0;
padding: 0.3em 0;
font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
border-bottom: 1px dotted #D3D3D3;
display: flex;
justify-content: flex-start;
align-items: center;
gap:0 10px;
}
body#top div.new-info div.news-content dl:last-child {
border-bottom: 1px dotted #F4F7F9;
}
/* 新着情報　表示件数 */
body#top div.new-info div.news-content dl:nth-child(n+5) {
display: none!important;
}
body#top div.new-info div.news-content dl dt {
width: 17%;
margin: 0;
font-weight: normal;
font-size: 85%;
display: inline;	
}
body#top div.new-info div.news-content dl dt span.date {
display:inline;
width: 60%;
margin: 0 0.4em 0 0;
padding: 0;
line-height: 1.4em;
/*font-size: 84%;*/
/*color: #fff;*/
vertical-align: middle;
text-align: center;
}
body#top div.new-info div.news-content dl dt span.info,
body#top div.new-info div.news-content dl dt span.event,
body#top div.new-info div.news-content dl dt span.new-pd,
body#top div.new-info div.news-content dl dt span.media,
body#top div.new-info div.news-content dl dt span.update,
body#top div.new-info div.news-content dl dt span.topic{
display:inline;
width: 40%;
margin: 0;
padding: 0.2em 1.0em;
font-size: 84%;
color: #fff;
vertical-align: middle;
text-align: center;
line-height: 1.0em;
border-radius: 3px;
}
body#top div.new-info div.news-content dl dt span.info {
background-color: #88566A;
/*background-color: #8e2650;*/
}
body#top div.new-info div.news-content dl dt span.event {
background-color: #43415A;
/*background-color: #0B025B;*/
}
body#top div.new-info div.news-content dl dt span.new-pd {
background-color: #2A58C4;
}
body#top div.new-info div.news-content dl dt span.media {
background-color: #3357A2;
}
body#top div.new-info div.news-content dl dt span.update {
background-color: #4D4D4D;
}
body#top div.new-info div.news-content dl dt span.topic {
background-color: #EF8931;
}

body#top div.new-info div.news-content dl dd {
width: 70%;
margin:  0;
padding: 0.2em 0;
font-size: 85%;
border-bottom: none;
line-height: 1.4em;
font-weight: normal;
display: inline;
/*font-feature-settings: "palt";*/
text-indent: -0.6em;
padding-left: 0.5em;
}
body#top div.new-info div.news-content dl dd span{}
body#top div.new-info div.news-content dl dd span.subtitle {
display: inline;
padding: 0;
}
body#top div.new-info div.news-content dl dd span.text1 {
display: inline;
padding: 0;
}
body#top div.new-info div.news-content dl dd span.text2 {
display: block;
padding: 0.1em 0 0 0.5em;
}
body#top div.new-info div.news-content dl dd span.req-end {
	display: block;
	color: #CD1515;
	font-size: 90%;
}
body#top div.new-info div.news-content dl dd a{
padding: 0;
color: #272727;
}
body#top div.new-info div.news-content dl dd a:link {
text-decoration: none;
color: #272727;
}
body#top div.new-info div.news-content dl dd a:hover {
text-decoration: underline;
color: #296ECB;
}
body#top div.new-info div.news-content dl dd a:visited,
body#top div.new-info div.news-content dl dd a:active {
text-decoration: none;
}

/* 新着情報一覧へ（停止） */
/*body#top div.new-info div.news-content dl.news-more2 {
margin: 0;
padding: 0.3em 0;
border-bottom: none;
display: flex;
justify-content: flex-start;
align-items: start!important;
gap:0 10px;
}
body#top div.new-info div.news-content dl.news-more2 dt {
width: 90%;
font-size: 90%;
padding: 0.2em 0 0 0;
margin: 0;
}
body#top div.new-info div.news-content dl.news-more2 dt a::before {
content: "\f138";
font-family: 'Font Awesome 6 Free';
font-weight: 900;
font-size: 100%;
padding-right: 0.5em;
margin-left: 0;
}

body#top div.new-info div.news-content dl.news-more2 dd {
width: 10%;
padding: 0;
margin: 0;
}*/


@media (max-width: 1023px){
body#top div.new-info {
padding: 0.5em;
background-color: #F4F7F9;
}
body#top div.new-info div.new-info-box {
display: flex;
flex-direction:column;
height: auto;
justify-content: flex-start;
flex-wrap:wrap;
align-items: stretch;
gap: 0 1.0em;
padding: 1.2em 0.5em 1.2em 0.5em;
}
body#top div.new-info div.new-info-box div.news-fst {
width: 100%;
height: 100%;
/*height: 35px;*/
text-align: left;
border-radius: 0;
border-bottom: 1px solid #D7DEE5;
background-color: #fff;
/*background-color:#F4F7F9;*/
margin: 0;
padding:0.5em 1.0em 0.5em 0;
display: flex;
flex-direction: row;
justify-content:space-between;
align-items:center;
gap:0;
}
body#top div.new-info div.new-info-box div.news-fst div{
display: flex;
justify-content: center;
align-items:center;
}
body#top div.new-info div.new-info-box div.news-fst div.news-name {
width: 80px;
height: 100%;
margin: 0 auto 0 0.4em;
}
body#top div.new-info div.new-info-box div.news-fst div.news-name p {
font-weight: bold;
font-size: 110%;
color: #4A4A4A;
}
body#top div.new-info div.new-info-box div.news-fst div.news-more {
width: 90px;
height: 30px;
margin: 0;
background-color: #fff;
/*color: #fff;*/
font-size: 100%;
vertical-align: middle;
}
body#top div.new-info div.new-info-box div.news-fst div.news-more a {
text-align: center;
width: 100%;
height: 100%;
padding: 0.4em 1.0em;
/*color: #fff;*/
letter-spacing: 2px;
background-color: #fff;
font-size: 90%;
border: 1px solid #626FAF;
border-radius: 0;
}

body#top div.new-info div.new-info-box div.news-fst div.news-more a:hover {
background-color: #626FAF;
/*background-color: #3C4FAF;*/
color: fff;
}

body#top div.new-info div.new-info-box div.news-content {
width: 100%;
margin: 0;
padding: 0.8em;
height:  auto;
overflow: hidden;
border-bottom: none;
background-color: #fff;
}
body#top div.new-info div.news-content dl {
margin: 0;
padding: 0.3em 0;
/*font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;*/
border-bottom: 1px dotted #D3D3D3;
display: flex;
justify-content: flex-start;
align-items: center;
gap:0 10px;
}
/* 新着情報　表示件数 */
body#top div.new-info div.news-content dl:nth-child(n+5) {
display: none!important;
}
body#top div.new-info div.news-content dl dt {
width: auto;
/*width: 20%;*/
min-width: 115px;
margin: 0;
font-weight: normal;
font-size: 85%;
/*display: inline;	*/
display: flex;
justify-content: flex-start;
align-items: center;
gap:0 5px;
}
body#top div.new-info div.news-content dl dt span.date {
display:inline;
width: 80px;
margin: 0;
padding: 0;
line-height: 1.4em;
/*font-size: 84%;*/
/*color: #fff;*/
vertical-align: middle;
text-align: center;
}
body#top div.new-info div.news-content dl dt span.info,
body#top div.new-info div.news-content dl dt span.event,
body#top div.new-info div.news-content dl dt span.new-pd,
body#top div.new-info div.news-content dl dt span.media,
body#top div.new-info div.news-content dl dt span.update,
body#top div.new-info div.news-content dl dt span.topic{
display:inline;
width: 80px;
margin: 0;
padding: 0.4em 1.0em;
font-size: 84%;
color: #fff;
vertical-align: middle;
text-align: center;
line-height: 1.0em;
border-radius: 3px;
}


body#top div.new-info div.news-content dl dt span.info {
background-color: #88566A;
/*background-color: #8e2650;*/
}
body#top div.new-info div.news-content dl dt span.event {
background-color: #43415A;
/*background-color: #0B025B;*/
}
body#top div.new-info div.news-content dl dt span.new-pd {
background-color: #2A58C4;
}
body#top div.new-info div.news-content dl dt span.media {
background-color: #3357A2;
}
body#top div.new-info div.news-content dl dt span.update {
background-color: #4D4D4D;
}
body#top div.new-info div.news-content dl dt span.topic {
background-color: #EF8931;
}

body#top div.new-info div.news-content dl dd {
width: 60%;
margin:  0;
padding: 0;
font-size: 85%;
border-bottom: none;
line-height: 1.4em;
font-weight: normal;
display: inline;
/*font-feature-settings: "palt";*/
text-indent: -0.6em;
padding-left: 0.5em;
}
body#top div.new-info div.news-content dl dd span{}
body#top div.new-info div.news-content dl dd span.subtitle {
display: inline;
padding: 0;
}
body#top div.new-info div.news-content dl dd span.text1 {
display: inline;
padding: 0;
}
body#top div.new-info div.news-content dl dd span.text2 {
display: block;
padding: 0.1em 0 0 0.5em;
}
body#top div.new-info div.news-content dl dd span.req-end {
	display: block;
	color: #CD1515;
	font-size: 90%;
}
body#top div.new-info div.news-content dl dd a{
padding: 0;
color: #272727;
}
body#top div.new-info div.news-content dl dd a:link {
text-decoration: none;
color: #272727;
}
body#top div.new-info div.news-content dl dd a:hover {
text-decoration: underline;
color: #296ECB;
}
body#top div.new-info div.news-content dl dd a:visited,
body#top div.new-info div.news-content dl dd a:active {
text-decoration: none;
}
}
@media (max-width: 768px){
body#top div.new-info {
padding: 0.5em;
background-color: #F4F7F9;
}
body#top div.new-info div.new-info-box {
display: flex;
flex-direction:column;
height: auto;
justify-content: flex-start;
flex-wrap:wrap;
align-items: stretch;
gap: 0 1.2em;
padding:0.8em 0;
}
body#top div.new-info div.new-info-box div.news-fst {
width: 100%;
height: 100%;
/*height: 30px;*/
text-align: left;
border-radius: 0;
background-color: #fff;
/*background-color:#D7DEE5;*/
margin: 0;
padding:0.5em 0.8em 0.5em 0;
display: flex;
flex-direction: row;
justify-content:space-between;
align-items:center;
gap:0;
}
body#top div.new-info div.new-info-box div.news-fst div{
display: flex;
justify-content: center;
align-items:center;
}
body#top div.new-info div.new-info-box div.news-fst div.news-name {
width: 80px;
height: 30px;
margin: 0 auto 0 0.4em;
}
body#top div.new-info div.new-info-box div.news-fst div.news-more {
width: 65px;
height: 30px;
margin: 0;
/*background-color: #626FAF;*/
color: #fff;
font-size: 100%;
vertical-align: middle;
}
body#top div.new-info div.new-info-box div.news-fst div.news-more a {
text-align: center;
width: 100%;
height: 100%;
padding: 0.4em 1.0em;
color: #626FAF;
letter-spacing: 2px;
background-color: #fff;
font-size: 85%;
}

body#top div.new-info div.new-info-box div.news-fst div.news-more a:hover {background-color: #626FAF;
/*background-color: #3C4FAF;*/
color: fff;
}

body#top div.new-info div.new-info-box div.news-content {
width: 100%;
margin: 0;
padding: 0.8em;
height:  auto;
overflow: hidden;
border-bottom: none;
background-color: #fff;
}
body#top div.new-info div.news-content dl {
margin: 0;
padding: 0.3em 0;
/*font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;*/
border-bottom: 1px dotted #D3D3D3;
display: flex;
flex-direction: column;
text-align: center;
gap:0 5px;
}
/* 新着情報　表示件数 */
body#top div.new-info div.news-content dl:nth-child(n+5) {
display: none!important;
}
body#top div.new-info div.news-content dl dt {
width: 100%;
/*max-width: 100px;*/
margin: 0;
font-weight: normal;
font-size: 85%;
/*display: inline;	*/
display: flex;
justify-content: flex-start;
align-items: center;
gap:0 5px;
}
body#top div.new-info div.news-content dl dt span.date {
/*display:block;*/
/*width: 58%;*/
margin: 0;
padding: 0;
line-height: 1.4em;
/*font-size: 84%;*/
/*color: #fff;*/
vertical-align: middle;
text-align: center;
}
body#top div.new-info div.news-content dl dt span.info,
body#top div.new-info div.news-content dl dt span.event,
body#top div.new-info div.news-content dl dt span.new-pd,
body#top div.new-info div.news-content dl dt span.media,
body#top div.new-info div.news-content dl dt span.update,
body#top div.new-info div.news-content dl dt span.topic{
/*display:block;*/
width: auto;
margin: 0;
padding: 0.4em 1.0em;
font-size: 84%;
color: #fff;
vertical-align: middle;
text-align: center;
line-height: 1.0em;
border-radius: 3px;
}


body#top div.new-info div.news-content dl dt span.info {
background-color: #88566A;
/*background-color: #8e2650;*/
}
body#top div.new-info div.news-content dl dt span.event {
background-color: #43415A;
/*background-color: #0B025B;*/
}
body#top div.new-info div.news-content dl dt span.new-pd {
background-color: #2A58C4;
}
body#top div.new-info div.news-content dl dt span.media {
background-color: #3357A2;
}
body#top div.new-info div.news-content dl dt span.update {
background-color: #4D4D4D;
}
body#top div.new-info div.news-content dl dt span.topic {
background-color: #EF8931;
}

body#top div.new-info div.news-content dl dd {
width: 100%;
margin:  0;
padding: 0.5em 0 0 0;
font-size: 85%;
border-bottom: none;
line-height: 1.4em;
font-weight: normal;
/*display: inline;*/
/*font-feature-settings: "palt";*/
text-indent: 0;
text-align: left;
}
body#top div.new-info div.news-content dl dd span{}
body#top div.new-info div.news-content dl dd span.subtitle {
display: inline;
padding: 0;
}
body#top div.new-info div.news-content dl dd span.text1 {
display: inline;
padding: 0;
}
body#top div.new-info div.news-content dl dd span.text2 {
display: block;
padding: 0.1em 0 0 0.5em;
}
body#top div.new-info div.news-content dl dd span.req-end {
	display: block;
	color: #CD1515;
	font-size: 90%;
}
body#top div.new-info div.news-content dl dd a{
padding: 0;
color: #272727;
}
body#top div.new-info div.news-content dl dd a:link {
text-decoration: none;
color: #272727;
}
body#top div.new-info div.news-content dl dd a:hover {
text-decoration: underline;
color: #296ECB;
}
body#top div.new-info div.news-content dl dd a:visited,
body#top div.new-info div.news-content dl dd a:active {
text-decoration: none;
}
}
@media (max-width: 450px){
body#top div.new-info {
padding: 0.8em 0.5em 1.5em 0.5em;
background-color: #F4F7F9;
}
body#top div.new-info div.new-info-box {
display: flex;
flex-direction:column;
height: auto;
justify-content: flex-start;
flex-wrap:wrap;
align-items: stretch;
gap: 0;
padding:0.8em 0;
margin: 0;
}
body#top div.new-info div.new-info-box div.news-fst {
width: 100%;
height: auto;
text-align: left;
border-radius: 0;
background-color: #fff;
/*background-color:#D7DEE5;*/
margin: 0;
padding:0.8em;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items:center;
gap:0;
}
body#top div.new-info div.new-info-box div.news-fst div{
display: flex;
justify-content:flex-start;
align-items:center;
}
body#top div.new-info div.new-info-box div.news-fst div.news-name {
width: 80px;
height: 100%;
margin: 0 auto 0 0;
vertical-align: middle;
}
body#top div.new-info div.new-info-box div.news-fst div.news-name p {
font-weight: bold;
font-size: 110%;
color: #373737;
}
body#top div.new-info div.new-info-box div.news-fst div.news-more {
width: 65px;
height: 100%;
margin: 0;
/*background-color: #626FAF;*/
color: #373737;
font-size: 100%;
vertical-align: middle;
}
body#top div.new-info div.new-info-box div.news-fst div.news-more a {
text-align: center;
width: 100%;
height: 25px;
padding: 0.2em 1.0em;
color: #373737;
letter-spacing: 2px;
background-color: #F4F7F9;
border: 1px solid #626FAF;
font-size: 80%;
}

body#top div.new-info div.new-info-box div.news-fst div.news-more a:hover {
background-color: #626FAF;
color: #fff;
}

body#top div.new-info div.new-info-box div.news-content {
width: 100%;
margin: 0;
padding: 0.3em 0.4em 1.0em 0.4em;
height:  auto;
overflow: hidden;
border-bottom: none;
}
body#top div.new-info div.news-content dl {
margin: 0;
padding: 0.5em;
border-bottom: 1px dotted #D3D3D3;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
gap:0 10px;
}

/* 新着情報　表示件数 */
body#top div.new-info div.news-content dl:nth-child(n+4) {
display: none!important;
}
body#top div.new-info div.news-content dl dt {
width: 100%;
/*max-width: 449px;*/
margin: 0 0 0.2em 0;
font-weight: normal;
font-size: 85%;
/*display: block;	*/
text-align: left;
}
body#top div.new-info div.news-content dl dt span.date {
display:inline-block;
/*width: 58%;*/
margin: 0;
padding: 0;
line-height: 1.4em;
/*font-size: 84%;*/
/*color: #fff;*/
vertical-align: middle;
text-align: center;
}
body#top div.new-info div.news-content dl dt span.info,
body#top div.new-info div.news-content dl dt span.event,
body#top div.new-info div.news-content dl dt span.new-pd,
body#top div.new-info div.news-content dl dt span.media,
body#top div.new-info div.news-content dl dt span.update,
body#top div.new-info div.news-content dl dt span.topic{
/*display:inline-block;*/
width: auto;
margin: 0;
padding: 0.4em 1.0em;
font-size: 84%;
color: #fff;
vertical-align: middle;
text-align: center;
line-height: 1.0em;
border-radius: 3px;
}


body#top div.new-info div.news-content dl dt span.info {
background-color: #88566A;
/*background-color: #8e2650;*/
}
body#top div.new-info div.news-content dl dt span.event {
background-color: #43415A;
/*background-color: #0B025B;*/
}
body#top div.new-info div.news-content dl dt span.new-pd {
background-color: #2A58C4;
}
body#top div.new-info div.news-content dl dt span.media {
background-color: #3357A2;
}
body#top div.new-info div.news-content dl dt span.update {
background-color: #4D4D4D;
}
body#top div.new-info div.news-content dl dt span.topic {
background-color: #EF8931;
}

body#top div.new-info div.news-content dl dd {
width: 100%;
margin:  0;
padding: 0;
font-size: 85%;
border-bottom: none;
line-height: 1.4em;
font-weight: normal;
display: inline;
/*font-feature-settings: "palt";*/
text-indent: 0;
padding-left: 0;
}
body#top div.new-info div.news-content dl dd span{}
body#top div.new-info div.news-content dl dd span.subtitle {
display: inline;
padding: 0;
}
body#top div.new-info div.news-content dl dd span.text1 {
display: inline;
padding: 0;
}
body#top div.new-info div.news-content dl dd span.text2 {
display: block;
padding: 0.1em 0 0 0.5em;
}
body#top div.new-info div.news-content dl dd span.req-end {
	display: block;
	color: #CD1515;
	font-size: 90%;
}
body#top div.new-info div.news-content dl dd a{
padding: 0;
color: #272727;
}
body#top div.new-info div.news-content dl dd a:link {
text-decoration: none;
color: #272727;
}
body#top div.new-info div.news-content dl dd a:hover {
text-decoration: underline;
color: #296ECB;
}
body#top div.new-info div.news-content dl dd a:visited,
body#top div.new-info div.news-content dl dd a:active {
text-decoration: none;
}
}


/* Border
------------------------------------------------------------- */
body#top img.brdr-a-1g {
border: #BBBBBB 1px solid;
}

body#top a:hover img.brdr-a-1g,
body#top a:active img.brdr-a-1g {
border: #BBBBBB 1px solid;
opacity: 0.8;
}

body#top .brdr-a-1bg {
border: #D9DEF0 1px solid;
}


/* Business
------------------------------------------------------------- */
body#top .business-menu {
width: 100%;
margin: 0;
padding: 1.0em 0 3.0em 0;
background-color: #fff;
}

body#top .business-box {
margin: 0 auto;
padding: 3.0em 0 1.0em 0;
width: 100%;
text-align: center;
}

body#top .business-box h3 {
font-size: 220%;
line-height: 1.2em;
letter-spacing: 0.2em;
font-weight: normal;
margin-bottom: 0.2em;
border-bottom: 1px dotted #A8A8A8;
padding: 0;
}
body#top .business-box h3 span {
font-size: 50%;
padding-left: 0.5em;
font-weight: normal;
display: inline-block;
letter-spacing: 0.1em;
}


body#top .business-box h4 {
font-size: 120%;
/*padding-bottom: 0.2em;*/
margin: 1.0em 0 1.5em 0;
font-weight: normal;
/*border-bottom: 1px dotted #A8A8A8;*/
}

body#top .business-box p.discliption {
padding: 1.0em 0 0 0!important;
}

/*横並び　親FLEX*/
body#top div.business-box div.business-content {
margin:0 auto;
padding: 0 0 0 20px;
text-align: center;
display: flex;
justify-content: space-around;
flex-wrap: nowrap;
gap:20px 1.5%;
}

/*縦並び　子FLEX*/
body#top div.business-content div.business-body {
width: calc(97% / 3);
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
justify-content: flex-start;
/*align-items: stretch;*/
box-sizing:border-box;
}
/*縦並び　孫上*/
body#top div.business-content div.business-body div.bu-top {
display: flex;
flex-direction: column;
justify-content: center;
/*align-items: stretch;*/
/*flex-grow: 1;*/
}
/*縦並び　孫下*/
body#top div.business-content div.business-body div.bu-btm {
/*flex-grow: 1;*/
}

body#top div.business-content div.business-body div.business-img {
width: 100%;
height: auto;
max-height: 180px;
}
body#top div.business-img img {
width: 100%;
/*width:auto;*/
height: 160px;
object-fit: cover;
}
body#top div.business-content div.business-body a {
background: none;
padding:0;
margin: 0;
}
body#top div.business-content div.business-body a:hover img,
body#top div.business-content div.business-body a:active img {
opacity: 0.8;
/*	transform: scale(1.1);
transition-duration: 0.3s;*/
overflow: hidden;
}
body#top div.business-content div.business-body a:link {
color: #4B4B4B;
text-decoration: none;
}
body#top div.business-content div.business-body a:visited {
/*color: purple;*/
color: #4B4B4B;
text-decoration: none;
}
body#top div.business-content div.business-body a:hover {
/*color: cornflowerblue;*/
text-decoration: none;
}
body#top div.business-content div.business-body a:active {
color: #9F9F9F;
text-decoration: none;
}

body#top div.business-content div.business-body div.bu-top div.business-text1 {
width: 100%;
flex-grow: 1;
box-sizing:border-box;
}
body#top div.business-content div.business-body div.bu-top div.business-text2 {
width: 100%;
}

body#top div.business-content div.business-body div.bu-btm div.business-text1 {
display: none;
}
body#top div.business-content div.business-body div.bu-btm div.business-text2 {
display: none;
}

body#top .business-body p.biz-text1{}
body#top p.biz-title1,
body#top p.biz-title2,
body#top p.biz-title3 {
font-family: "游ゴシック","YuGothic",'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ,  'PT Sans', 'Lucida Grande', sans-serif;
}

body#top div.business-content div.business-body div.business-link {
width: 100%;
height: auto;
max-height: 180px;
}

body#top div.business-content div.business-body div.business-link ul.list-arrow-dwn {}


/*>下*/
div.business-link ul.list-arrow-dwn {
list-style: none;
list-style-position:outside;
margin: 0 0 1.5em 2.5em;
text-align: left;
font-size: 94%;
}
div.business-link ul.list-arrow-dwn li {
padding-left: 0;
line-height: 1.7em;
margin:0;
}
div.business-link ul.list-arrow-dwn li span {
font-size: 90%;
padding-left: 1.0em;
}
div.business-link ul.list-arrow-dwn li::before {
content: "\f138";
font-family: 'Font Awesome 6 Free';
/*color: #A4A4A4;*/
font-weight: 900;
font-size: 100%;
padding-right: 0.5em;
margin-left: -1.6em;
}

div.business-link ul.list-arrow-dwn li.biz-link1::before {
color: #4685CB;
}
div.business-link ul.list-arrow-dwn li.biz-link2::before {
color: #41B28F;
}
div.business-link ul.list-arrow-dwn li.biz-link3::before {
color: #EFA65C;
}

div.business-link ul.list-arrow-dwn li a:link {
color: currentColor!important;
}
div.business-link ul.list-arrow-dwn li a:visited {
color: currentColor!important;
}
div.business-link ul.list-arrow-dwn li a:hover {
color: cornflowerblue!important;
text-decoration: underline;
}
div.business-link ul.list-arrow-dwn li a:active {
color: currentColor!important;
}


body#top .business-body p {
margin: 0;
padding:0.3em 0 0.1em 0;
font-size: 100%;
line-height: 1.6em;
text-align: center;
overflow: hidden;
}



/*生産自動化設備*/
body#top .business-body p.biz-title1 {
display: block;
margin: 0.5em 0 0.5em 0;
padding: 0.1em;
font-size: 130%;
font-weight: bold;
position: relative;
text-align: center;
letter-spacing: 0.1em;
border-top:2px solid #4685CB;
border-bottom:2px solid #4685CB;
}
body#top .business-body p.biz-title1 span {
/*float: right;*/
}
body#top .business-body p.biz-title1 span::after {
content:"\f105";
font-family: 'Font Awesome 6 Free';
margin: 0 0 0 0.5em;
font-weight: 900;
color: #4685CB;
}
body#top .business-body a:hover p.biz-title1 {
color: #4685CB;
}

/*メカトロニクス技術教育*/
body#top .business-body p.biz-title2 {
display: block;
margin: 0.5em 0 0.5em 0;
padding: 0.1em;
font-size: 130%;
font-weight: bold;
position: relative;
text-align: center;
letter-spacing: 0.1em;
border-top:2px solid #41B28F;
border-bottom:2px solid #41B28F;
}
body#top .business-body p.biz-title2 span {
/*float: right;*/
}
body#top .business-body p.biz-title2 span::after {
content:"\f105";
font-family: 'Font Awesome 6 Free';
margin: 0 0 0 0.5em;
font-weight: 900;
color: #41B28F;
}
body#top .business-body a:hover p.biz-title2 {
color: #41B28F;
}

/*次世代技術研究*/
body#top .business-body p.biz-title3 {
display: block;
margin: 0.5em 0 0.5em 0;
padding: 0.1em;
font-size: 130%;
font-weight: bold;
position: relative;
text-align: center;
letter-spacing: 0.1em;
border-top:2px solid #EFA65C;
border-bottom:2px solid #EFA65C;
}
body#top .business-body p.biz-title3 span {
/*float: right;*/
}
body#top .business-body p.biz-title3 span::after {
content:"\f105";
font-family: 'Font Awesome 6 Free';
margin: 0 0 0 0.5em;
font-weight: 900;
color: #EFA65C;
}
body#top .business-body a:hover p.biz-title3 {
color: #EFA65C;
}


@media (max-width: 1023px){
body#top .business-menu {
width: 100%;
margin-bottom: 0;
background-color: #fff;
}

body#top .business-box {
margin: 0 auto;
padding: 3.0em 0 1.0em 0;
width: 100%;
text-align: center;
}

body#top .business-box h3 {
font-size: 220%;
line-height: 1.2em;
letter-spacing: 0.2em;
font-weight: normal;
margin-bottom: 0.2em;
border-bottom: 1px dotted #A8A8A8;
padding: 0;
}
body#top .business-box h3 span {
font-size: 50%;
padding-left: 0.5em;
font-weight: normal;
letter-spacing: 0.1em;
}


body#top .business-box h4 {
font-size: 120%;
margin: 1.0em 0 1.5em 0;
font-weight: normal;
}

body#top .business-box p.discliption {
padding: 1.0em 0 0 0!important;
}

/*横並び　親FLEX*/
body#top div.business-box div.business-content {
margin:0 auto;
padding: 0 0 0 20px;
text-align: center;
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
align-items: flex-start;
gap: 0 2%;
}

/*縦並び　子FLEX*/
body#top div.business-content div.business-body {
width: calc(96% / 3);
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-content: stretch;
align-items: flex-start;
}
/*縦並び　孫上*/
body#top div.business-content div.business-body div.bu-top {
height: 270px;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
}
/*縦並び　孫下*/
body#top div.business-content div.business-body div.bu-btm {
height: 120px;
padding: 0;
margin: 0;
}

body#top div.business-content div.business-body div.business-img {
width: 100%;
height: auto;
max-height: 180px;
}
body#top div.business-img img {
width: 100%;
/*width:auto;*/
height: 160px;
object-fit: cover;
}
body#top div.business-content div.business-body a {
background: none;
padding:0;
margin: 0;
}
body#top div.business-content div.business-body a:hover img,
body#top div.business-content div.business-body a:active img {
opacity: 0.8;
/*	transform: scale(1.1);
transition-duration: 0.3s;*/
overflow: hidden;
}
body#top div.business-content div.business-body a:link {
color: #4B4B4B;
text-decoration: none;
}
body#top div.business-content div.business-body a:visited {
/*color: purple;*/
color: #4B4B4B;
text-decoration: none;
}
body#top div.business-content div.business-body a:hover {
/*color: cornflowerblue;*/
text-decoration: none;
}
body#top div.business-content div.business-body a:active {
color: #9F9F9F;
text-decoration: none;
}

body#top div.business-content div.business-body div.bu-top div.business-text1 {
width: 100%;
height: 50px;
/*flex-grow: 1;*/
}
body#top div.business-content div.business-body div.bu-top div.business-text2 {
width: 100%;
}
body#top .business-body p {
margin: 0;
padding:0.3em 0 0.1em 0;
font-size: 100%;
line-height: 1.6em;
text-align: center;
overflow: hidden;
}
body#top .business-body p.biz-text1,
body#top .business-body p.biz-text2,
body#top .business-body p.biz-text3{
font-size: 100%;
}
body#top .business-body p.biz-text1 span,
body#top .business-body p.biz-text2 span,
body#top .business-body p.biz-text3 span{
display: inline-block;
}
body#top .business-body p.biz-title1,
body#top .business-body p.biz-title2,
body#top .business-body p.biz-title3 {
font-family: "游ゴシック","YuGothic",'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ,  'PT Sans', 'Lucida Grande', sans-serif;
display: block;
margin: 0.5em 0 0.5em 0;
padding: 0.1em 0 0.1em 0.5em;
font-size: 110%;
font-weight: bold;
position: relative;
text-align: left;
letter-spacing: 0.1px;
}
body#top .business-body p.biz-title1 span,
body#top .business-body p.biz-title2 span,
body#top .business-body p.biz-title3 span{

}
body#top .business-body p.biz-title1 span::after,
body#top .business-body p.biz-title2 span::after,
body#top .business-body p.biz-title3 span::after{
content:"";
}
body#top .business-body p.biz-title1::before,
body#top .business-body p.biz-title2::before,
body#top .business-body p.biz-title3::before{
content:"\f105";
font-family: 'Font Awesome 6 Free';
margin: 0 0.5em 0 0.1em;
font-weight: 900;
}

body#top div.business-content div.business-body div.business-link {
width: 100%;
height: 100%;
/*max-height: 180px;*/
}

body#top div.business-content div.business-body div.business-link ul.list-arrow-dwn {}


/*>下*/
div.business-link ul.list-arrow-dwn {
list-style: none;
list-style-position:outside;
margin: 0 0 1.5em 1.8em;
text-align: left;
font-size: 90%;
}
div.business-link ul.list-arrow-dwn li {
padding-left: 0;
line-height: 1.6em;
margin:0;
}
div.business-link ul.list-arrow-dwn li span {
font-size: 90%;
padding-left: 1.0em;
}
div.business-link ul.list-arrow-dwn li::before {
content: "\f138";
font-family: 'Font Awesome 6 Free';
/*color: #A4A4A4;*/
font-weight: 900;
font-size: 100%;
padding-right: 0.5em;
margin-left: -1.6em;
}

div.business-link ul.list-arrow-dwn li.biz-link1::before {
color: #4685CB;
}
div.business-link ul.list-arrow-dwn li.biz-link2::before {
color: #41B28F;
}
div.business-link ul.list-arrow-dwn li.biz-link3::before {
color: #EFA65C;
}

div.business-link ul.list-arrow-dwn li a:link {
color: currentColor!important;
}
div.business-link ul.list-arrow-dwn li a:visited {
color: currentColor!important;
}
div.business-link ul.list-arrow-dwn li a:hover {
color: cornflowerblue!important;
text-decoration: underline;
}
div.business-link ul.list-arrow-dwn li a:active {
color: currentColor!important;
}


/*生産自動化設備*/
body#top .business-body p.biz-title1 {
border-top:2px solid #4685CB;
border-bottom:2px solid #4685CB;
}
body#top .business-body p.biz-title1::before {
color: #4685CB;
}
body#top .business-body a:hover p.biz-title1 {
color: #4685CB;
}

/*メカトロニクス技術教育*/
body#top .business-body p.biz-title2 {
border-top:2px solid #41B28F;
border-bottom:2px solid #41B28F;
}
body#top .business-body p.biz-title2::before {
color: #41B28F;
}
body#top .business-body a:hover p.biz-title2 {
color: #41B28F;
}

/*次世代技術研究*/
body#top .business-body p.biz-title3 {
border-top:2px solid #EFA65C;
border-bottom:2px solid #EFA65C;
}
body#top .business-body p.biz-title3::before {
color: #EFA65C;
}
body#top .business-body a:hover p.biz-title3 {
color: #EFA65C;
}
}

@media (max-width: 768px){
body#top .business-menu {
width: 100%;
max-width: 768px;
margin-bottom: 0;
background-color: #fff;
}
body#top .business-menu .bb-d1{
border-bottom: 1px dotted #A8A8A8;
}

body#top .business-box {
margin: 0 auto;
padding: 3.0em 0 1.0em 0;
width: 100%;
text-align: center;
}

body#top .business-box h3 {
font-size: 220%;
line-height: 1.2em;
letter-spacing: 0.2em;
font-weight: normal;
margin-bottom: 0.2em;
border-bottom: 1px dotted #A8A8A8;
padding: 0;
}
body#top .business-box h3 span {
font-size: 50%;
padding-left: 0;
font-weight: normal;
letter-spacing: 0.1em;
display: block;
}

body#top .business-box h4 {
font-size: 110%;
margin: 0;
padding: 0.5em 0.5em 1.5em 0.5em;
font-weight: normal;
}
body#top .business-box h4 span {
display: inline-block;
}

body#top .business-box p.discliption {
text-align: left;
padding: 1.0em!important;
}

/*縦並び　親FLEX*/
body#top div.business-box div.business-content {
margin:0 auto;
padding: 0 0.5em;
text-align: center;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
gap: 0 2%;
}

/*縦並び　子FLEX*/
body#top div.business-content div.business-body {
width: 100%;
padding: 0;
margin: 0;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-content: stretch;
align-items: flex-start;
gap: 30px 2%;
}
/*縦並び　孫上*/
body#top div.business-content div.business-body div.bu-top {
height: 210px;
width: 43%;
max-width: 300px;
padding: 0;
margin: 0;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: stretch;
}
/*縦並び　孫下*/
body#top div.business-content div.business-body div.bu-btm {
height: 100%;
width: 55%;
padding: 0;
margin: 0;
}

body#top div.business-content div.business-body div.business-img {
width: auto;
height: 100%;
margin-top: 10px;
/*max-width: 200px;*/
}
body#top div.business-img img {
width: 100%;
height: 180px;
object-fit: cover;
}
body#top div.business-content div.business-body a {
background: none;
padding:0;
margin: 0;
}
body#top div.business-content div.business-body a:hover img,
body#top div.business-content div.business-body a:active img {
opacity: 0.8;
/*	transform: scale(1.1);
transition-duration: 0.3s;*/
overflow: hidden;
}
body#top div.business-content div.business-body a:link {
color: #4B4B4B;
text-decoration: none;
}
body#top div.business-content div.business-body a:visited {
/*color: purple;*/
color: #4B4B4B;
text-decoration: none;
}
body#top div.business-content div.business-body a:hover {
/*color: cornflowerblue;*/
text-decoration: none;
}
body#top div.business-content div.business-body a:active {
color: #9F9F9F;
text-decoration: none;
}

/*PCタブ用*/
body#top div.business-content div.business-body div.bu-top div.business-text1 {
display: none;
}
body#top div.business-content div.business-body div.bu-top div.business-text2 {
display: none;
}

/*モバイル用*/
body#top div.business-content div.business-body div.bu-btm div.business-text1 {
display: block;
width: 100%;
height: 100%;
padding: 0 0 0.5em 0.5em;
margin: 0 0 0.5em 0;
border-bottom: 1px dotted #DDDDDD;
vertical-align: middle;
/*flex-grow: 1;*/
}
body#top div.business-content div.business-body div.bu-btm div.business-text2 {
display: block;
width: 100%;
padding: 0;
}


body#top .business-body p {
margin: 0;
padding:0.3em 0 0.1em 0;
font-size: 100%;
line-height: 1.4em;
text-align: left;
overflow: hidden;
}
body#top .business-body p.biz-text1,
body#top .business-body p.biz-text2,
body#top .business-body p.biz-text3{
font-size: 95%;
}
body#top .business-body p.biz-text1 span,
body#top .business-body p.biz-text2 span,
body#top .business-body p.biz-text3 span{
display: inline-block;
}
body#top .business-body p.biz-title1,
body#top .business-body p.biz-title2,
body#top .business-body p.biz-title3 {
font-family: "游ゴシック","YuGothic",'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ,  'PT Sans', 'Lucida Grande', sans-serif;
display: block;
margin: 0.5em 0 0.5em 0;
padding: 0.1em 0 0.1em 0.2em;
font-size: 135%;
font-weight: bold;
position: relative;
text-align: left;
letter-spacing: 0.5px;
}
body#top .business-body p.biz-title1 span,
body#top .business-body p.biz-title2 span,
body#top .business-body p.biz-title3 span{
display: inline-block;
}
body#top .business-body p.biz-title1 span::after,
body#top .business-body p.biz-title3 span::after{
display: none;
}
body#top .business-body p.biz-title1::before,
body#top .business-body p.biz-title2::before,
body#top .business-body p.biz-title3::before{
display: none;
}
body#top .business-body p.biz-title1::after,
body#top .business-body p.biz-title3::after{
content:"\f105";
font-family: 'Font Awesome 6 Free';
margin: 0 0 0 0.5em;
font-weight: 900;
}

body#top .business-body p.biz-title2 span.arw::after{
content:"\f105";
font-family: 'Font Awesome 6 Free';
margin: 0 0 0 0.5em;
font-weight: 900;
}

body#top div.business-content div.business-body div.business-link {
width: 100%;
height: 100%;
/*max-height: 180px;*/
}

body#top div.business-content div.business-body div.business-link ul.list-arrow-dwn {}


/*>下*/
div.business-link ul.list-arrow-dwn {
list-style: none;
list-style-position:outside;
margin: 0 0 1.5em 1.8em;
text-align: left;
font-size: 90%;
}
div.business-link ul.list-arrow-dwn li {
padding: 0.2em 0;
line-height: 1.8em;
margin:0 0 0.5em 0;
/*border-bottom: 1px dotted #D5D5D5;*/
}
div.business-link ul.list-arrow-dwn li span {
font-size: 90%;
padding-left: 1.0em;
}
div.business-link ul.list-arrow-dwn li::before {
content: "\f138";
font-family: 'Font Awesome 6 Free';
/*color: #A4A4A4;*/
font-weight: 900;
font-size: 100%;
padding: 0.2em 0.2em 0.2em 0;
margin-left: -1.3em;
}

div.business-link ul.list-arrow-dwn li.biz-link1::before {
color: #4685CB;
}
div.business-link ul.list-arrow-dwn li.biz-link2::before {
color: #41B28F;
}
div.business-link ul.list-arrow-dwn li.biz-link3::before {
color: #EFA65C;
}

div.business-link ul.list-arrow-dwn li a:link {
color: currentColor!important;
}
div.business-link ul.list-arrow-dwn li a:visited {
color: currentColor!important;
}
div.business-link ul.list-arrow-dwn li a:hover {
color: cornflowerblue!important;
text-decoration: underline;
}
div.business-link ul.list-arrow-dwn li a:active {
color: currentColor!important;
}


/*生産自動化設備*/
body#top .business-body p.biz-title1 {
border-top:none;
border-bottom:2px solid #4685CB;
}
body#top .business-body p.biz-title1::after {
color: #4685CB;
}
body#top .business-body a:hover p.biz-title1 {
color: #4685CB;
}

/*メカトロニクス技術教育*/
body#top .business-body p.biz-title2 {
border-top:none;
border-bottom:2px solid #41B28F;
}
body#top .business-body p.biz-title2::after {
color: #41B28F;
}
body#top .business-body a:hover p.biz-title2 {
color: #41B28F;
}

/*次世代技術研究*/
body#top .business-body p.biz-title3 {
border-top:2px none;
border-bottom:2px solid #EFA65C;
}
body#top .business-body p.biz-title3::after {
color: #EFA65C;
}
body#top .business-body a:hover p.biz-title3 {
color: #EFA65C;
}
}
@media (max-width: 450px){

body#top .business-menu {
width: 100%;
max-width: 768px;
margin-bottom: 0;
background-color: #fff;
}

body#top .business-menu .bb-d1{
border-bottom: 1px dotted #A8A8A8;
}

body#top .business-box {
margin: 0 auto;
padding: 3.0em 0 1.0em 0;
width: 100%;
text-align: center;
}

body#top .business-box h3 {
font-size: 220%;
line-height: 1.2em;
letter-spacing: 0.2em;
font-weight: normal;
margin-bottom: 0.2em;
border-bottom: 1px dotted #A8A8A8;
padding: 0;
}
body#top .business-box h3 span {
font-size: 50%;
padding-left: 0;
font-weight: normal;
letter-spacing: 0.1em;
display: block;
}

body#top .business-box h4 {
font-size: 110%;
margin: 0;
padding: 0.5em 0.5em 1.5em 0.5em;
font-weight: normal;
}
body#top .business-box h4 span {
display: inline-block;
}

body#top .business-box p.discliption {
text-align: left;
padding: 1.0em!important;
}

/*縦並び　親FLEX*/
body#top div.business-box div.business-content {
margin:0 auto;
padding: 0 0.5em;
text-align: center;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
gap: 0;
}

/*縦並び　子FLEX*/
body#top div.business-content div.business-body {
width: 100%;
padding: 0;
margin: 0 0 20px 0;
display: flex;
flex-direction: column;
text-align: center;
align-items: center;
gap: 0;
}
/*縦並び　孫上*/
body#top div.business-content div.business-body div.bu-top {
width: 100%;
height: 100%;
/*min-width: 300px;*/
/*height: 250px;*/
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
justify-content:center;
align-items: center;
}

body#top div.business-content div.business-body div.business-img {
width: 100%;
height: auto;
max-height: 200px;
}
body#top div.business-img img {
display: block;
width: auto;
height: 185px;
object-fit: cover;
}

body#top div.business-content div.business-body a {
background: none;
padding:0;
margin: 0;
}
body#top div.business-content div.business-body a:hover img,
body#top div.business-content div.business-body a:active img {
opacity: 0.8;
/*	transform: scale(1.1);
transition-duration: 0.3s;*/
/*overflow: hidden;*/
}
body#top div.business-content div.business-body a:link {
color: #4B4B4B;
text-decoration: none;
}
body#top div.business-content div.business-body a:visited {
/*color: purple;*/
color: #4B4B4B;
text-decoration: none;
}
body#top div.business-content div.business-body a:hover {
/*color: cornflowerblue;*/
text-decoration: none;
}
body#top div.business-content div.business-body a:active {
color: #9F9F9F;
text-decoration: none;
}

/*縦並び　孫下*/
body#top div.business-content div.business-body div.bu-btm {
height: 100%;
width: 100%;
padding: 0 10px;
margin: 0;
display: flex;
flex-direction: column;
align-items: center;
gap:0;
}
/*PCタブ用*/
body#top div.business-content div.business-body div.bu-top div.business-text1 {
display: none;
}
body#top div.business-content div.business-body div.bu-top div.business-text2 {
display: none;
}

/*モバイル用*/
body#top div.business-content div.business-body div.bu-btm div.business-text1 {
display: block;
width: 100%;
height: 100%;
padding: 0 1.0em 0.5em 0.5em;
margin: 0 0 0.5em 0;
border-bottom: 1px dotted #DDDDDD;
vertical-align: middle;
font-size: 110%;
/*flex-grow: 1;*/
}
body#top div.business-content div.business-body div.bu-btm div.business-text2 {
display: block;
width: 100%;
padding: 0;
margin: 0.5em 0 0 0;
}

body#top .business-body {
widows: 90%;
}
body#top .business-body p {
margin: 0;
padding:0.3em 0 0.1em 0;
font-size: 100%;
line-height: 1.4em;
text-align: left;
overflow: hidden;
}
body#top .business-body p.biz-text1,
body#top .business-body p.biz-text2,
body#top .business-body p.biz-text3{
font-size: 95%;
}
body#top .business-body p.biz-text1 span,
body#top .business-body p.biz-text2 span,
body#top .business-body p.biz-text3 span{
display: inline-block;
}
body#top .business-body p.biz-title1,
body#top .business-body p.biz-title2,
body#top .business-body p.biz-title3 {
font-family: "游ゴシック","YuGothic",'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ,  'PT Sans', 'Lucida Grande', sans-serif;
display: block;
margin: 0.5em 0 0.5em 0;
padding: 0.1em 0 0.1em 0.2em;
font-size: 135%;
font-weight: bold;
position: relative;
text-align: left;
letter-spacing: 0.5px;
}
body#top .business-body p.biz-title1 span,
body#top .business-body p.biz-title2 span,
body#top .business-body p.biz-title3 span{
display: inline-block;
}
body#top .business-body p.biz-title1 span::after,
body#top .business-body p.biz-title3 span::after{
display: none;
}
body#top .business-body p.biz-title1::before,
body#top .business-body p.biz-title2::before,
body#top .business-body p.biz-title3::before{
display: none;
}
body#top .business-body p.biz-title1::after,
body#top .business-body p.biz-title3::after{
content:"\f105";
font-family: 'Font Awesome 6 Free';
margin: 0 0 0 0.5em;
font-weight: 900;
}

body#top .business-body p.biz-title2 span.arw::after{
content:"\f105";
font-family: 'Font Awesome 6 Free';
margin: 0 0 0 0.5em;
font-weight: 900;
}

body#top div.business-content div.business-body div.business-link {
width: 100%;
height: 100%;
/*max-height: 180px;*/
}

body#top div.business-content div.business-body div.business-link ul.list-arrow-dwn {}


/*>下*/
div.business-link ul.list-arrow-dwn {
list-style: none;
list-style-position:outside;
margin: 0 0 1.5em 1.8em;
text-align: left;
font-size: 90%;
}
div.business-link ul.list-arrow-dwn li {
padding-left: 0;
line-height: 1.5em;
margin:0.5em 0 0.8em 0;
}
div.business-link ul.list-arrow-dwn li span {
font-size: 90%;
padding-left: 1.0em;
}
div.business-link ul.list-arrow-dwn li::before {
content: "\f138";
font-family: 'Font Awesome 6 Free';
/*color: #A4A4A4;*/
font-weight: 900;
font-size: 100%;
padding-right: 0.2em;
margin-left: -1.3em;
}

div.business-link ul.list-arrow-dwn li.biz-link1::before {
color: #4685CB;
}
div.business-link ul.list-arrow-dwn li.biz-link2::before {
color: #41B28F;
}
div.business-link ul.list-arrow-dwn li.biz-link3::before {
color: #EFA65C;
}

div.business-link ul.list-arrow-dwn li a:link {
color: currentColor!important;
}
div.business-link ul.list-arrow-dwn li a:visited {
color: currentColor!important;
}
div.business-link ul.list-arrow-dwn li a:hover {
color: cornflowerblue!important;
text-decoration: underline;
}
div.business-link ul.list-arrow-dwn li a:active {
color: currentColor!important;
}


/*生産自動化設備*/
body#top .business-body p.biz-title1 {
border-top:none;
border-bottom:2px solid #4685CB;
}
body#top .business-body p.biz-title1::after {
color: #4685CB;
}
body#top .business-body a:hover p.biz-title1 {
color: #4685CB;
}

/*メカトロニクス技術教育*/
body#top .business-body p.biz-title2 {
border-top:none;
border-bottom:2px solid #41B28F;
}
body#top .business-body p.biz-title2::after {
color: #41B28F;
}
body#top .business-body a:hover p.biz-title2 {
color: #41B28F;
}

/*次世代技術研究*/
body#top .business-body p.biz-title3 {
border-top:2px none;
border-bottom:2px solid #EFA65C;
}
body#top .business-body p.biz-title3::after {
color: #EFA65C;
}
body#top .business-body a:hover p.biz-title3 {
color: #EFA65C;
}

}


/* proposal
------------------------------------------------------------- */
body#top #top-proposal {
width: 100%;
height: auto;
margin-bottom: 1.0em;
background-color: #fff;
padding: 2.0em 0;
}
body#top #top-proposal h3 {
border-bottom: 3px solid #244F7E;
line-height: 2.5em;
text-align: center;
font-size: 140%;
font-weight: normal;
}

/*proposal Title*/
body#top .proposal-title {
margin: 0;
padding: 10px 15px;
position: relative;
}
body#top .proposal-title span.proposal-more {
display: inline-block;
position: absolute;
right: 35px;
top: 30px;
letter-spacing: 0.05em;
}

/*proposal-flexbox*/
body#top div.proposal-box {
width: 100%;
/*width: 994px;*/
height: auto;
margin: 0 auto;
padding: 2.5% 0 0 0;
text-align: center;
display: flex;
justify-content: flex-start;
gap:1.0em 1.0%;
}
body#top div.proposal-box div.proposal-content {
margin: 0;
padding: 0.5em;
width: calc(100% / 4 - 1.0%);
height: auto;
min-height: 288px;
border: 1px solid #fff;
position: relative;
}
body#top div.proposal-box div.proposal-content div.img {
margin: 0;
padding: 0;
border: none;
background-color: #fff;
text-align: center;
overflow: hidden;
}
body#top div.proposal-box div.proposal-content div.img a {
}

body#top div.proposal-box div.proposal-content div.img img {
margin: 0!important;
padding: 0!important;
width: 100%;
height: auto;
object-fit: cover;
transition:all 0.3s;
}

body#top div.proposal-box div.proposal-content a:hover img {
transform:scale(1.03);
}

body#top div.proposal-box div.proposal-content div.proposal-body {
padding: 0.5em;
margin: 0;
text-align: left;
}

body#top div.proposal-box div.proposal-content a {
display: block;
width: 100%;
height: 100%;
padding:0.5em;
margin: 0;
border: 1px solid #fff;
border-radius: 4px;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}

body#top div.proposal-box div.proposal-content p.copy {
margin: 0.5em 0;
padding: 0;
font-size: 105%;
font-weight: bold;
line-height: 1.4em;
text-align: left;
}

body#top div.proposal-box div.proposal-content p.copy:link {
color: #4B4B4B;
text-decoration: none;
}
body#top div.proposal-box div.proposal-content p.copy:visited {
color: #4B4B4B;
text-decoration: none;
}
body#top div.proposal-box div.proposal-content p.copy:hover {
color:#5676DB;
text-decoration: none;
}
body#top div.proposal-box div.proposal-content p.copy:active {
color: #4B4B4B;
text-decoration: none;
}

body#top div.proposal-box div.proposal-content p.date {
margin: 0;
padding: 0.5em 0;
font-size: 90%;
line-height: 1;
color: #FF8789;
text-align: left;
}

body#top div.proposal-box div.proposal-content p.text {
margin: 0;
padding: 0;
font-size: 90%;
line-height: 1.5em;
color: #454545;
text-align: justify;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
}


@media (max-width: 1023px){
body#top #top-proposal {
width: 100%;
height: auto;
margin-bottom: 2.0em;
background-color: #fff;
padding: 2% 0;
}
body#top #top-proposal h3 {
border-bottom: 3px solid #244F7E;
line-height: 2.5em;
text-align: center;
font-size: 140%;
font-weight: normal;
}

/*proposal Title*/
body#top .proposal-title {
margin: 0;
padding: 10px 15px;
position: relative;
}
body#top .proposal-title span.proposal-more {
display: inline-block;
position: absolute;
right: 35px;
top: 30px;
letter-spacing: 0.05em;
}

/*proposal-flexbox*/
body#top div.proposal-box {
width: 100%;
/*width: 994px;*/
height: auto;
margin: 0 auto;
padding: 2.5% 0 0 0;
text-align: center;
display: flex;
justify-content: flex-start;
gap:1.0em 1.0%;
}
body#top div.proposal-box div.proposal-content {
margin: 0;
padding: 0.5em;
width: calc(100% / 4 - 1.0%);
height: auto;
min-height: 288px;
border: 1px solid #fff;
position: relative;
}
body#top div.proposal-box div.proposal-content div.img {
margin: 0;
padding: 0;
border: none;
background-color: #fff;
text-align: center;
overflow: hidden;
}
body#top div.proposal-box div.proposal-content div.img a {
}

body#top div.proposal-box div.proposal-content div.img img {
margin: 0!important;
padding: 0!important;
width: 100%;
height: auto;
object-fit: cover;
transition:all 0.3s;
}

body#top div.proposal-box div.proposal-content a:hover img {
transform:scale(1.03);
}

body#top div.proposal-box div.proposal-content div.proposal-body {
padding: 0.5em;
margin: 0;
text-align: left;
}

body#top div.proposal-box div.proposal-content a {
display: block;
width: 100%;
height: 100%;
padding:0.5em;
margin: 0;
border: 1px solid #fff;
border-radius: 4px;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}

body#top div.proposal-box div.proposal-content p.copy {
margin: 0.5em 0;
padding: 0;
font-size: 105%;
font-weight: bold;
line-height: 1.4em;
text-align: left;
}
body#top div.proposal-box div.proposal-content a:link p.copy {
color: #4B4B4B!important;
text-decoration: none!important;
}
body#top div.proposal-box div.proposal-content a:visited p.copy {
color: #4B4B4B!important;
text-decoration: none!important;
}
body#top div.proposal-box div.proposal-content a:hover p.copy {
color:#5676DB!important;
text-decoration: none!important;
}
body#top div.proposal-box div.proposal-content a:active p.copy {
color: #4B4B4B!important;
text-decoration: none!important;
}

body#top div.proposal-box div.proposal-content p.date {
margin: 0;
padding: 0.5em 0;
font-size: 90%;
line-height: 1;
color: #FF8789;
text-align: left;
}

body#top div.proposal-box div.proposal-content p.text {
margin: 0;
padding: 0;
font-size: 90%;
line-height: 1.5em;
color: #454545;
text-align: justify;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
}
}
@media (max-width: 768px){
body#top #top-proposal {
width: 100%;
height: auto;
margin-bottom: 2.0em;
background-color: #fff;
padding: 2% 0;
border-bottom: 1px dotted #A8A8A8;
}
body#top #top-proposal h3 {
width: 70%!important;
margin: 1.0em auto;
border-bottom: 3px solid #244F7E;
line-height: 2.0em;
text-align: center;
font-size: 120%;
font-weight: normal;
}

/*proposal Title*/
body#top .proposal-title {
margin: 0;
padding: 10px 15px;
position: relative;
}
body#top .proposal-title span.proposal-more {
display: inline-block;
position: absolute;
right: 35px;
top: 30px;
letter-spacing: 0.05em;
}

/*proposal-flexbox*/
body#top div.proposal-box {
width: 100%;
height: auto;
margin: 0 auto;
padding: 2.5% 0 0 0;
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
gap:1.0em 1.0%;
}
body#top div.proposal-box div.proposal-content {
margin: 0;
padding: 0.5em;
width: calc(100% / 2 - 1.0%);
height: auto;
min-height: 320px;
border: 1px solid #fff;
position: relative;
}
body#top div.proposal-box div.proposal-content div.img {
margin: 0;
padding: 0;
border: none;
background-color: #fff;
text-align: center;
overflow: hidden;
}
body#top div.proposal-box div.proposal-content div.img a {
}

body#top div.proposal-box div.proposal-content div.img img {
margin: 0!important;
padding: 0!important;
width: 100%;
height: auto;
object-fit: cover;
transition:all 0.3s;
}

body#top div.proposal-box div.proposal-content a:hover img {
transform:scale(1.03);
}

body#top div.proposal-box div.proposal-content div.proposal-body {
padding: 0.5em;
margin: 0;
text-align: left;
}

body#top div.proposal-box div.proposal-content a {
display: block;
width: 100%;
height: 100%;
padding:0.5em;
margin: 0;
border: 1px solid #fff;
border-radius: 4px;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}

body#top div.proposal-box div.proposal-content p.copy {
margin: 0.5em 0;
padding: 0;
font-size: 105%;
font-weight: bold;
line-height: 1.4em;
text-align: left;
}
body#top div.proposal-box div.proposal-content a:link p.copy {
color: #4B4B4B!important;
text-decoration: none!important;
}
body#top div.proposal-box div.proposal-content a:visited p.copy {
color: #4B4B4B!important;
text-decoration: none!important;
}
body#top div.proposal-box div.proposal-content a:hover p.copy {
color:#5676DB!important;
text-decoration: none!important;
}
body#top div.proposal-box div.proposal-content a:active p.copy {
color: #4B4B4B!important;
text-decoration: none!important;
}

body#top div.proposal-box div.proposal-content p.date {
margin: 0;
padding: 0.5em 0;
font-size: 90%;
line-height: 1;
color: #FF8789;
text-align: left;
}

body#top div.proposal-box div.proposal-content p.text {
margin: 0;
padding: 0;
font-size: 90%;
line-height: 1.5em;
color: #454545;
text-align: justify;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
}
}
@media (max-width: 450px){
body#top div.proposal-box {
width: 100%;
height: auto;
margin: 0 auto;
padding: 2.5% 0 0 0;
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
flex-direction: column;
gap:20px 0;
}
body#top div.proposal-box div.proposal-content {
margin: 0 auto;
padding: 0.5em;
width: 95%;
height: 100%;
min-height: 350px;
border: 1px solid #fff;
position: relative;
}
}




/* results
------------------------------------------------------------- */
body#top #top-results {
width: 100%;
height: auto;
margin-bottom: 0;
background-color: #fff;
padding: 2.0em 0 3.0em 0;
border-bottom: 1px solid #828282;
}
body#top #top-results h3 {
width: 100%;
margin: 1.0em auto;
border-bottom: 3px solid #244F7E;
line-height: 2.0em;
text-align: center;
font-size: 140%;
font-weight: normal;
}
body#top #top-results h3 span {
font-size: 80%;
margin-left: 1.0em;
color: #838383;
}

body#top .results-title {
margin: 0;
padding: 10px 15px;
position: relative;
}

body#top .results-title span.results-more {
display: inline-block;
position: absolute;
right: 35px;
top: 30px;
letter-spacing: 0.05em;
}

/*results-flexbox*/
body#top div.results-box {
width: 100%;
/*width: 994px;*/
height: auto;
margin: 0 auto;
padding: 2.0em 0;
text-align: center;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
gap:1.0em 1%;
}

body#top div.results-box div.results-content {
margin: 0;
padding: 0.2em;
width: calc(97% / 4);
height: auto;
min-height: 180px;
border: 2px solid #fff;
border-radius: 6px;
position: relative;
background-color: #fff;
}
body#top div.results-box div.results-content:hover {
border: 2px solid #fff;
border-radius: 6px;
}

/* Flex */
body#top div.results-box div.results-content a {
display: flex;
flex-direction: column;
}

/* NoFlex */
/*body#top div.results-box div.results-content a {
display: block;
width: 100%;
height: 100%;
padding:0.5em;
margin: 0;
border: 1px solid #fff;
border-radius: 4px;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}*/

body#top div.results-box div.results-content div.img {
margin: 0;
padding: 0;
height: 130px;
border: none;
background-color: #fff;
text-align: center;
overflow: hidden;
}

body#top div.results-box div.results-content div.img img {
margin: 0!important;
padding: 0!important;
width: 100%;
height: auto;
object-fit: cover;
/*transition:all 0.5s;*/
}

body#top div.results-box div.results-content a:hover img {
transform:scale(1.03);
transition:0.4s;
/*opacity: 0.8;*/
}

body#top div.results-box div.results-content div.results-body {
padding: 0.5em;
margin: 0;
text-align: left;
}

body#top div.results-box div.results-content p.copy {
margin: 0.2em 0;
padding: 0;
font-size: 90%;
font-weight: normal;
line-height: 1.4em;
text-align: left;
}
body#top div.results-box div.results-content p.copy::before {
margin-right: 3px;
content: "\f138";
font-family: 'Font Awesome 6 Free';
font-weight: 900;
display: inline-block;
}

body#top div.results-box div.results-content p.date {
margin: 0;
padding: 0.5em 0;
font-size: 90%;
line-height: 1;
color: #FF8789;
text-align: left;
}

body#top div.results-box div.results-content p.text {
margin: 0;
padding: 0;
font-size: 90%;
line-height: 1.5em;
color: #454545;
overflow: hidden;
}

body#top div#top-results div.btn {
width: 30%;
margin: 0 auto;
}

@media (max-width: 1023px){
body#top #top-results {
width: 100%;
height: auto;
margin-bottom: 3.0em;
background-color: #fff;
padding: 2% 0;
}
body#top #top-results h3 {
border-bottom: 3px solid #244F7E;
line-height: 2.5em;
text-align: center;
font-size: 140%;
font-weight: normal;
}
body#top #top-results h3 span {
font-size: 80%;
margin-left: 1.0em;
color: #838383;
}

body#top .results-title {
margin: 0;
padding: 10px 15px;
position: relative;
}

body#top .results-title span.results-more {
display: inline-block;
position: absolute;
right: 35px;
top: 30px;
letter-spacing: 0.05em;
}

/*results-flexbox*/
body#top div.results-box {
width: 100%;
height: auto;
margin: 0;
padding: 2.0em;
text-align: center;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
gap:1.0em 2%;
}

body#top div.results-box div.results-content {
margin: 0;
padding: 0.2em;
width: calc(96% / 3);
/*max-width: 200px;*/
height: auto;
min-height: 180px;
border: 2px solid #fff;
border-radius: 6px;
background-color: #fff;
}
body#top div.results-box div.results-content:hover {
/*border: 2px solid #B1C6ED;*/
border: 2px solid #fff;
border-radius: 6px;
}

/* Flex */
body#top div.results-box div.results-content a {
display: flex;
flex-direction: column;
}

/* NoFlex */
/*body#top div.results-box div.results-content a {
display: block;
width: 100%;
height: 100%;
padding:0.5em;
margin: 0;
border: 1px solid #fff;
border-radius: 4px;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}*/

body#top div.results-box div.results-content div.img {
margin: 0;
padding: 0;
height: 165px;
border: none;
background-color: #fff;
text-align: center;
overflow: hidden;
}

body#top div.results-box div.results-content div.img img {
margin: 0;
padding: 0;
width: 100%;
height: 165px;
object-fit: cover;
/*transition:all 0.5s;*/
}

body#top div.results-box div.results-content a:hover img {
scale:1.03;
transition:0.4s;
/*opacity: 0.9;*/
}

body#top div.results-box div.results-content div.results-body {
padding: 0.5em;
margin: 0;
text-align: left;
}

body#top div.results-box div.results-content p.copy {
margin: 0;
padding: 0;
font-size: 90%;
font-weight: normal;
line-height: 1.4em;
text-align: left;
}
body#top div.results-box div.results-content p.copy::before {
margin-right: 3px;
content: "\f138";
font-family: 'Font Awesome 6 Free';
font-weight: 900;
display: inline-block;
}

body#top div.results-box div.results-content p.date {
margin: 0;
padding: 0.5em 0;
font-size: 90%;
line-height: 1;
color: #FF8789;
text-align: left;
}

body#top div.results-box div.results-content p.text {
margin: 0;
padding: 0;
font-size: 90%;
line-height: 1.5em;
color: #454545;
overflow: hidden;
}

body#top div#top-results div.btn {
width: 40%;
margin: 0 auto;
}

}
@media (max-width: 768px){
body#top #top-results {
width: 100%;
height: auto;
margin-bottom: 3.0em;
background-color: #fff;
padding: 2% 0;
}
body#top #top-results h3 {
width: 70%!important;
margin: 1.0em auto;
border-bottom: 3px solid #244F7E;
line-height: 2.0em;
text-align: center;
font-size: 120%;
font-weight: normal;
}

body#top #top-results h3 span {
font-size: 70%;
margin-left: 0;
color: #838383;
display: block;
}

body#top .results-title {
margin: 0;
padding: 10px 15px;
position: relative;
}

body#top .results-title span.results-more {
display: inline-block;
position: absolute;
right: 35px;
top: 30px;
letter-spacing: 0.05em;
}

/*results-flexbox*/
body#top div.results-box {
width: 100%;
height: auto;
margin: 0;
padding: 2.0em 1%;
text-align: center;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
gap:1.0em 2%;
}

body#top div.results-box div.results-content {
margin: 0;
padding: 0.2em;
width: calc(98% / 2);
/*max-width: 200px;*/
height: auto;
min-height: 180px;
border: 2px solid #fff;
border-radius: 6px;
background-color: #fff;
}
body#top div.results-box div.results-content:hover {
/*border: 2px solid #B1C6ED;*/
border: 2px solid #fff;
border-radius: 6px;
}

/* Flex */
body#top div.results-box div.results-content a {
display: flex;
flex-direction: column;
}

/* NoFlex */
/*body#top div.results-box div.results-content a {
display: block;
width: 100%;
height: 100%;
padding:0.5em;
margin: 0;
border: 1px solid #fff;
border-radius: 4px;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}*/

body#top div.results-box div.results-content div.img {
margin: 0;
padding: 0;
height: 165px;
border: none;
background-color: #fff;
text-align: center;
overflow: hidden;
}

body#top div.results-box div.results-content div.img img {
margin: 0;
padding: 0;
width: 100%;
height: 165px;
object-fit: cover;
/*transition:all 0.5s;*/
}

body#top div.results-box div.results-content a:hover img {
scale:1.03;
transition:0.4s;
/*opacity: 0.9;*/
}

body#top div.results-box div.results-content div.results-body {
padding: 0.5em 0;
margin: 0;
text-align: left;
}

body#top div.results-box div.results-content p.copy {
margin: 0;
padding: 0;
font-size: 95%;
font-weight: normal;
line-height: 1.4em;
text-align: left;
}
body#top div.results-box div.results-content p.copy::before {
margin-right: 3px;
content: "\f138";
font-family: 'Font Awesome 6 Free';
font-weight: 900;
display: inline-block;
}

body#top div.results-box div.results-content p.date {
margin: 0;
padding: 0.5em 0;
font-size: 90%;
line-height: 1;
color: #FF8789;
text-align: left;
}

body#top div.results-box div.results-content p.text {
margin: 0;
padding: 0;
font-size: 90%;
line-height: 1.5em;
color: #454545;
overflow: hidden;
}

body#top div#top-results div.btn {
width: 60%;
margin: 0 auto;
}

}
@media (max-width: 450px){}



/* Topics
------------------------------------------------------------- */
body#top #top-topics {
width: 100%;
height: auto;
margin: 0;
background-color: #fff;
padding: 2% 0;
}

body#top #top-topics2 {
width: 100%;
height: auto;
margin: 0;
background-color: #fff;
/*background-color: #F5F5F5;*/
padding: 2.0em 0 0 0;
}

body#top #top-topics2 h3 {
text-align: center;
border: 1px solid #9E9E9E;
background-color: #fff;
/*border-bottom: 1px solid #244F7E;*/
line-height: 1.8em;
font-size: 130%;
font-weight:normal;
padding: 0.2em 0;
margin-bottom: 1.0em;
border-radius: 0;
}
body#top #top-topics2 h3 span {
font-size: 75%;
margin-left: 1.0em;
color: #7294C9;
}
body#top #top-topics2 .btn {
width: 40%;
margin: 1.0em auto;
}

/*Topics Title*/
body#top .topics-title {
margin: 0;
padding: 10px 15px;
position: relative;
}

body#top .topics-title span.topics-more {
display: inline-block;
position: absolute;
right: 35px;
top: 30px;
letter-spacing: 0.05em;
}

/*Topics box*/
body#top div.topics-box {
width: 100%;
height: auto;
margin: 0 auto;
padding: 2.0em;
text-align: center;
display: flex;
justify-content: space-between!important;
align-items: stretch;
flex-wrap: nowrap;
gap:0;
background-color: none;
}

body#top div.topics-box div.topics-content {
margin: 0;
padding: 0;
width: calc(94% / 4);
height: auto;
min-height: 320px;
border: solid 1px rgba(0,0,0,0.1);
border-radius: 5px;
background-color: #fff;
}
body#top div.topics-box div.topics-content:hover {
border: solid 1px #6E98E1;
}

/*body#top div.topics-box div.topics-content:nth-child(n+1) {
  display: block;
  margin-right: 2%;
}
body#top div.topics-box div.topics-content:nth-child(n+2) {
  display: block;
  margin-right: 2%;
}
body#top div.topics-box div.topics-content:nth-child(n+3) {
  display: block;
  margin-right: 2%;
}*/
body#top div.topics-box div.topics-content:nth-child(-n+4) {
  display: block;
  margin-right: 0;
}
body#top div.topics-box div.topics-content:nth-child(n+5) {
  display: none;
}
/*body#top div.topics-box div.topics-content:nth-child(n+6) {
  display: none;
}
body#top div.topics-box div.topics-content:nth-child(n+7) {
  display: none;
}*/

body#top .topics-content div.topi-img {
width: 100%;
height: 170px;
margin: 0;
padding: 10px;
text-align: center;
border-radius: 5px;
}
body#top .topics-content div.topi-img img {
margin: 0 auto;
max-width: 200px;
object-fit: cover;
}

body#top .topics-content div.topi-img-w {
width: 100%;
height: 170px;
margin: 0;
padding: 0;
border: none;
text-align: center;
overflow: hidden;
border-radius: 5px;
}
body#top .topics-content div.topi-img-w img {
margin: 0 auto;
padding: 0;
width: 100%;
height: 100%;
max-height: 160px;
object-fit: cover;
}

body#top .topics-content div.topi-img-h {
width: auto;
height: auto;
min-height: 170px;
margin: 0;
padding: 0;
border: none;
text-align: center;
overflow: hidden;
border-radius: 5px;
position: relative;
}
body#top .topics-content div.topi-img-h img {
margin: auto 0;
padding: 0;
width: 100%;
height: 100%;
max-height: 170px;
object-fit: contain;
position: absolute;
left: 0;
top: 50;
}

body#top .topics-content div.topi-body {
padding:0.5em 1.0em 1.0em;
margin: 0;
text-align: left;
border: none;
}

body#top .topi-body p.t-copy {
margin: 2px 0;
padding: 0;
font-size: 110%;
font-weight: bold;
line-height: 1.4em;
text-align: center;
}

body#top .topi-body p.t-date {
margin: 0;
padding: 0.5em 0;
font-size: 90%;
line-height: 1;
color: orange;
}

body#top .topi-body p.t-text {
margin: 0;
padding: 0;
font-size: 85%;
line-height: 1.4em;
color: #454545;
overflow: hidden;
text-align: justify;
}
body#top .topi-body p.t-text2 {
margin: 0 0 0.5em 0;
padding: 0.2em 0;
font-size: 105%;
line-height: 1.3em;
color: #454545;
overflow: hidden;
text-align: center;
/*border-top: 1px dotted #A6A6A6;*/
border-bottom: 1px dotted #A6A6A6;
}

body#top .topi-body p span.kai {
display: block;
}

body#top .topics-content a {
display: block;
padding-left:0;
margin: 0;
cursor: pointer;
}
body#top .topics-content a:link p.t-copy {
color: #4B4B4B!important;
text-decoration: none!important;
}
body#top .topics-content a:visited p.t-copy {
color: #4B4B4B!important;
text-decoration: none!important;
}
body#top .topics-content a:hover p.t-copy {
color:#5676DB!important;
text-decoration: none!important;
}
body#top .topics-content a:active p.t-copy {
color: #4B4B4B!important;
text-decoration: none!important;
}


@media (max-width: 1023px){
body#top #top-topics {
width: 100%;
height: auto;
margin: 0;
background-color: #fff;
padding: 2% 0;
}

body#top #top-topics2 {
width: 100%;
height: auto;
margin: 0;
background-color: #fff;
/*background-color: #F5F5F5;*/
padding: 2.0em 0 0 0;
}

body#top #top-topics2 h3 {
width: 96%;
text-align: center;
border: 1px solid #9E9E9E;
background-color: #fff;
/*border-bottom: 1px solid #244F7E;*/
line-height: 1.8em;
font-size: 130%;
font-weight:normal;
padding: 0.2em 0;
margin:0 auto 1.0em;
border-radius: 0;
/*text-align: center;
border-bottom: 3px solid #5087C4;
line-height: 1.8em;
font-size: 130%;
font-weight:normal;*/
}
body#top #top-topics2 h3 span {
font-size: 75%;
margin-left: 1.0em;
color: #5087C4;
/*color: #7294C9;*/
}

body#top #top-topics2 .btn {
width: 40%;
margin: 0 auto 1.5em;
}

/*Topics Title*/
body#top .topics-title {
margin: 0;
padding: 10px 15px;
position: relative;
}

body#top .topics-title span.topics-more {
display: inline-block;
position: absolute;
right: 35px;
top: 30px;
letter-spacing: 0.05em;
}

/*Topics box*/
body#top div.topics-box {
width: 100%;
height: 100%;
margin: 0 auto;
padding: 2.0em;
text-align: center;
display: flex;
justify-content:flex-start;
align-items: stretch;
flex-wrap: wrap;
gap:15px 2%;
}

body#top div.topics-box div.topics-content {
margin: 0;
padding: 0;
width: calc(96% / 3);
/*max-width: 250px;*/
height: auto;
min-height: 320px;
border: solid 1px rgba(0,0,0,0.1);
border-radius: 5px;
background-color: #fff;
}
body#top div.topics-box div.topics-content:hover {
border: solid 1px #6E98E1;
}

/*body#top div.topics-box div.topics-content:nth-child(n+1) {
  display: inline-block;
  margin-right: 0;
}
body#top div.topics-box div.topics-content:nth-child(n+2) {
  display: inline-block;
  margin-right: 0;
}
body#top div.topics-box div.topics-content:nth-child(n+3) {
  display: inline-block;
  margin-right: 0;
}
body#top div.topics-box div.topics-content:nth-child(n+4) {
  display: inline-block;
  margin-right: 0;
}
body#top div.topics-box div.topics-content:nth-child(n+5) {
 display: inline-block;
 margin-right: 0;
}*/
body#top div.topics-box div.topics-content:nth-child(-n+6) {
  display: block;
  margin-right: 0;
}
body#top div.topics-box div.topics-content:nth-child(n+7) {
  display: none!important;
  margin-right: 0;
}

body#top .topics-content div.topi-img {
width: 100%;
height: 170px;
margin: 0;
padding: 10px;
text-align: center;
border-radius: 5px;
}
body#top .topics-content div.topi-img img {
margin: 0 auto;
max-width: 200px;
object-fit: cover;
}

body#top .topics-content div.topi-img-w {
width: 100%;
height: 170px;
margin: 0;
padding: 0;
border: none;
text-align: center;
overflow: hidden;
border-radius: 5px;
}
body#top .topics-content div.topi-img-w img {
margin: 0 auto;
padding: 0;
width: 100%;
height: 100%;
max-height: 160px;
object-fit: cover;
}

body#top .topics-content div.topi-img-h {
width: auto;
height: auto;
min-height: 170px;
margin: 0;
padding: 0;
border: none;
text-align: center;
overflow: hidden;
border-radius: 5px;
position: relative;
}
body#top .topics-content div.topi-img-h img {
margin: auto 0;
padding: 0;
width: 100%;
height: 100%;
max-height: 170px;
object-fit: contain;
position: absolute;
left: 0;
top: 50;
}

body#top .topics-content div.topi-body {
padding:0.5em 1.0em 1.0em;
margin: 0;
text-align: left;
border: none;
}

body#top .topi-body p.t-copy {
margin: 2px 0;
padding: 0;
font-size: 110%;
font-weight: bold;
line-height: 1.4em;
text-align: center;
}

body#top .topi-body p.t-date {
margin: 0;
padding: 0.5em 0;
font-size: 90%;
line-height: 1;
color: orange;
}

body#top .topi-body p.t-text {
margin: 0;
padding: 0;
font-size: 85%;
line-height: 1.4em;
color: #454545;
overflow: hidden;
text-align: justify;
}
body#top .topi-body p.t-text2 {
margin: 0 0 0.5em 0;
padding: 0.2em 0;
font-size: 105%;
line-height: 1.3em;
color: #454545;
overflow: hidden;
text-align: center;
/*border-top: 1px dotted #A6A6A6;*/
border-bottom: 1px dotted #A6A6A6;
}

body#top .topi-body p span.kai {
display: block;
}

body#top .topics-content a {
display: block;
padding-left:0;
margin: 0;
cursor: pointer;
}
body#top .topics-content a:link p.t-copy {
color: #4B4B4B!important;
text-decoration: none!important;
}
body#top .topics-content a:visited p.t-copy {
color: #4B4B4B!important;
text-decoration: none!important;
}
body#top .topics-content a:hover p.t-copy {
color:#5676DB!important;
text-decoration: none!important;
}
body#top .topics-content a:active p.t-copy {
color: #4B4B4B!important;
text-decoration: none!important;
}
}

@media (max-width: 768px){
body#top #top-topics {
width: 100%;
height: auto;
margin: 0;
background-color: #fff;
padding: 2% 0;
}
body#top #top-topics2 {
width: 100%;
height: auto;
margin: 0;
background-color: #fff;
/*background-color: #F5F5F5;*/
padding: 2.0em 0 0 0;
}
body#top #top-topics2 h3 {
width: 96%;
text-align: center;
border: 1px solid #9E9E9E;
background-color: #fff;
/*border-bottom: 1px solid #244F7E;*/
line-height: 1.8em;
font-size: 130%;
font-weight:normal;
padding: 0.2em 0;
margin:0 auto 1.0em;
border-radius: 0;
/*width:70%;
margin: 0 auto.5em;
text-align: center;
border-bottom: 2px solid #5087C4;
line-height: 1.8em;
font-size: 120%;
font-weight:normal;*/
}
body#top #top-topics2 h3 span {
font-size: 75%;
margin-left: 1.0em;
color: #5087C4;
}

body#top #top-topics2 .btn {
width: 60%;
margin: 0 auto 1.5em;
}

/*Topics Title*/
body#top .topics-title {
margin: 0;
padding: 10px 15px;
position: relative;
}
body#top .topics-title span.topics-more {
display: inline-block;
position: absolute;
right: 35px;
top: 30px;
letter-spacing: 0.05em;
}
/*Topics box*/
body#top div.topics-box {
width: 100%;
height: auto;
margin: 0 auto 1.5em;
padding: 1.5em;
text-align: center;
display: flex;
justify-content: center!important;
align-items: stretch;
flex-wrap: wrap;
gap:0;
background-color: #F5F5F5;
/*width: 100%;
height: 100%;
margin: 0 auto;
padding: 1.0em;
text-align: center;
display: flex;
justify-content:center;
align-items: stretch;
flex-wrap: wrap;
gap:15px 2%;*/
}
body#top div.topics-box div.topics-content {
margin: 1.0em;
padding: 0;
width: auto;
max-width: 300px;
min-width: 200px;
height: auto;
min-height: 320px;
border: solid 1px rgba(0,0,0,0.1);
border-radius: 5px;
background-color: #fff;
/*margin: 0;
padding: 0;
width: 48%;
height: auto;
min-height: 320px;
border: solid 1px rgba(0,0,0,0.1);
border-radius: 5px;
background-color: #fff;*/
}
body#top div.topics-box div.topics-content-empty{
height: 0;
padding: 0;
border: none;
}
body#top div.topics-box div.topics-content:hover {
border: solid 1px #6E98E1;
}
/*body#top div.topics-box div.topics-content:nth-child(n+1) {
  display: inline-block;
}
body#top div.topics-box div.topics-content:nth-child(n+2) {
  display: inline-block;
}
body#top div.topics-box div.topics-content:nth-child(n+3) {
  display: inline-block;
}
body#top div.topics-box div.topics-content:nth-child(n+4) {
  display: inline-block;
}
body#top div.topics-box div.topics-content:nth-child(n+5) {
 display: inline-block;
}*/
body#top div.topics-box div.topics-content:nth-child(-n+6) {
  display: block;
}
body#top div.topics-box div.topics-content:nth-child(n+7) {
  display: none;
}

body#top .topics-content div.topi-img {
width: 100%;
height: 170px;
margin: 0;
padding: 10px;
text-align: center;
border-radius: 5px;
}
body#top .topics-content div.topi-img img {
margin: 0 auto;
max-width: 200px;
object-fit: cover;
}
body#top .topics-content div.topi-img-w {
width: 100%;
height: 170px;
margin: 0;
padding: 0;
border: none;
text-align: center;
overflow: hidden;
border-radius: 5px;
}
body#top .topics-content div.topi-img-w img {
margin: 0 auto;
padding: 0;
width: 100%;
height: 100%;
max-height: 160px;
object-fit: cover;
}
body#top .topics-content div.topi-img-h {
width: auto;
height: auto;
min-height: 170px;
margin: 0;
padding: 0;
border: none;
text-align: center;
overflow: hidden;
border-radius: 5px;
position: relative;
}
body#top .topics-content div.topi-img-h img {
margin: auto 0;
padding: 0;
width: 100%;
height: 100%;
max-height: 170px;
object-fit: contain;
position: absolute;
left: 0;
top: 50;
}
body#top .topics-content div.topi-body {
padding:0.5em 1.0em 1.0em;
margin: 0;
text-align: left;
border: none;
}
body#top .topi-body p.t-copy {
margin: 2px 0;
padding: 0;
font-size: 110%;
font-weight: bold;
line-height: 1.4em;
text-align: center;
}
body#top .topi-body p.t-date {
margin: 0;
padding: 0.5em 0;
font-size: 90%;
line-height: 1;
color: orange;
}
body#top .topi-body p.t-text {
margin: 0;
padding: 0;
font-size: 85%;
line-height: 1.4em;
color: #454545;
overflow: hidden;
text-align: justify;
}
body#top .topi-body p.t-text2 {
margin: 0 0 0.5em 0;
padding: 0.2em 0;
font-size: 100%;
line-height: 1.3em;
color: #454545;
overflow: hidden;
text-align: center;
/*border-top: 1px dotted #A6A6A6;*/
border-bottom: 1px dotted #A6A6A6;
}
body#top .topi-body p span.kai {
display: block;
}
body#top .topics-content a {
display: block;
padding-left:0;
margin: 0;
cursor: pointer;
}
body#top .topics-content a:link p.t-copy {
color: #4B4B4B!important;
text-decoration: none!important;
}
body#top .topics-content a:visited p.t-copy {
color: #4B4B4B!important;
text-decoration: none!important;
}
body#top .topics-content a:hover p.t-copy {
color:#5676DB!important;
text-decoration: none!important;
}
body#top .topics-content a:active p.t-copy {
color: #4B4B4B!important;
text-decoration: none!important;
}
}

@media (max-width: 450px){
body#top #top-topics {
width: 100%;
height: auto;
margin: 0;
background-color: #fff;
padding: 2% 0;
}
body#top #top-topics2 {
width: 100%;
height: auto;
margin: 0;
background-color: #fff;
/*background-color: #E0E0E0;*/
padding: 2.0em 0 0 0;
}
body#top #top-topics2 h3 {
width: 94%;
text-align: center;
border: 1px solid #9E9E9E;
background-color: #fff;
/*border-bottom: 1px solid #244F7E;*/
line-height: 1.8em;
font-size: 130%;
font-weight:normal;
padding: 0.2em 0;
margin:0 auto 1.0em;
border-radius: 0;
/*text-align: center;
border-bottom: 2px solid #244F7E;
line-height: 1.8em;
font-size: 140%;
font-weight:normal;
padding-left: 0.5em;*/
}
body#top #top-topics2 h3 span {
font-size: 90%;
margin-left: 1.0em;
color: #4B7CC8;
}

body#top #top-topics2 .btn {
width: 80%;
margin: 0.5em auto 1.5em;
}

/*Topics Title*/
body#top .topics-title {
margin: 0;
padding: 10px 15px;
position: relative;
}
body#top .topics-title span.topics-more {
display: inline-block;
position: absolute;
right: 35px;
top: 30px;
letter-spacing: 0.05em;
}
/*Topics box*/
body#top div.topics-box {
width: 100%;
height: 100%;
margin: 0;
padding: 1.4em;
text-align: center;
display: flex;
justify-content:center;
align-items: stretch;
flex-direction: row;
flex-wrap: wrap;
gap:20px 0;
background-color: none;
/*background-color: #E0E0E0;*/
}
body#top div.topics-box div.topics-content {
margin: 0 1.0em;
padding: 0;
width: 100%;
/*min-width: 250px;*/
height: auto;
min-height: 320px;
border: solid 1px rgba(0,0,0,0.1);
border-radius: 5px;
background-color: #fff;
}
body#top div.topics-box div.topics-content:hover {
border: solid 1px #6E98E1;
}
/*body#top div.topics-box div.topics-content:nth-child(n+1) {
  display: inline-block;
  margin: 0;
}
body#top div.topics-box div.topics-content:nth-child(n+2) {
  display: inline-block;
  margin: 0;
}
body#top div.topics-box div.topics-content:nth-child(n+3) {
  display: inline-block;
  margin: 0;
}
body#top div.topics-box div.topics-content:nth-child(n+4) {
  display: inline-block;
  margin: 0;
}
body#top div.topics-box div.topics-content:nth-child(n+5) {
 display: inline-block;
 margin: 0;
}*/
body#top div.topics-box div.topics-content:nth-child(-n+6) {
  display: block;
}
body#top div.topics-box div.topics-content:nth-child(n+7) {
  display: none;
}
body#top .topics-content div.topi-img {
width: 100%;
height: 170px;
margin: 0;
padding: 10px;
text-align: center;
border-radius: 5px;
}
body#top .topics-content div.topi-img img {
margin: 0 auto;
max-width: 200px;
object-fit: cover;
}
body#top .topics-content div.topi-img-w {
width: 100%;
height: 170px;
margin: 0;
padding: 0;
border: none;
text-align: center;
overflow: hidden;
border-radius: 5px;
}
body#top .topics-content div.topi-img-w img {
margin: 0 auto;
padding: 0;
width: 100%;
height: 100%;
max-height: 160px;
object-fit: cover;
}
body#top .topics-content div.topi-img-h {
width: auto;
height: auto;
min-height: 170px;
margin: 0;
padding: 0;
border: none;
text-align: center;
overflow: hidden;
border-radius: 5px;
position: relative;
}
body#top .topics-content div.topi-img-h img {
margin: auto 0;
padding: 0;
width: 100%;
height: 100%;
max-height: 170px;
object-fit: contain;
position: absolute;
left: 0;
top: 50;
}
body#top .topics-content div.topi-body {
padding:0.5em 1.0em 1.0em;
margin: 0;
text-align: left;
border: none;
}
body#top .topi-body p.t-copy {
margin: 2px 0;
padding: 0;
font-size: 110%;
font-weight: bold;
line-height: 1.4em;
text-align: left;
}
body#top .topi-body p.t-date {
margin: 0;
padding: 0.5em 0;
font-size: 90%;
line-height: 1;
color: orange;
}
body#top .topi-body p.t-text {
margin: 0;
padding: 0;
font-size: 85%;
line-height: 1.4em;
color: #454545;
overflow: hidden;
text-align: justify;
}
body#top .topi-body p.t-text2 {
margin: 0 0 0.5em 0;
padding: 0.2em 0;
font-size: 100%;
line-height: 1.3em;
color: #454545;
overflow: hidden;
text-align: left;
/*border-top: 1px dotted #A6A6A6;*/
border-bottom: 1px dotted #A6A6A6;
}
body#top .topi-body p span.kai {
display: block;
}
body#top .topics-content a {
display: block;
padding-left:0;
margin: 0;
cursor: pointer;
}
body#top .topics-content a:link p.t-copy {
color: #4B4B4B!important;
text-decoration: none!important;
}
body#top .topics-content a:visited p.t-copy {
color: #4B4B4B!important;
text-decoration: none!important;
}
body#top .topics-content a:hover p.t-copy {
color:#5676DB!important;
text-decoration: none!important;
}
body#top .topics-content a:active p.t-copy {
color: #4B4B4B!important;
text-decoration: none!important;
}

}


/* Column
------------------------------------------------------------- */
body#top #top-column {
width: 100%;
height: auto;
margin: 0;
background-color: #fff;
/*background-color: #F5F5F5;*/
padding: 2.0em 0 0 0;
}

body#top #top-column h3 {
text-align: center;
border: 1px solid #9E9E9E;
background-color: #fff;
/*border-bottom: 1px solid #244F7E;*/
line-height: 1.8em;
font-size: 130%;
font-weight:normal;
padding: 0.2em 0;
margin-bottom: 1.0em;
border-radius: 0;
/*text-align: center;
border-bottom: 3px solid #244F7E;
line-height: 1.8em;
font-size: 130%;
font-weight:normal;*/
}
body#top #top-column h3 span {
font-size: 75%;
margin-left: 1.0em;
color: #7294C9;
}

/*Topics Title*/
body#top .column-title {
margin: 0;
padding: 10px 15px;
position: relative;
}

body#top .column-title span.column-more {
display: inline-block;
position: absolute;
right: 35px;
top: 30px;
letter-spacing: 0.05em;
}


/*Topics box*/
body#top div.column-box {
width: 100%;
height: auto;
margin: 0 auto;
padding: 1.5em;
text-align: center;
display: flex;
justify-content: space-around;
align-items: stretch;
flex-direction: row;
flex-wrap: nowrap;
gap:0;
background-color: #F5F5F5;
}
/*body#top div.topics-box div.column-content-empty{
content: "";
height: 0!important;
width: 0!important;
padding: 0;
margin: 0;
border: none;
}*/

body#top div.column-box div.column-content {
margin: 0;
padding: 0;
width: calc(94% / 4);
height: auto;
min-height: 320px;
border: solid 1px rgba(0,0,0,0.1);
border-radius: 5px;
background-color: #fff;
}

/*body#top div.column-box div.column-content::after {
content: "";
display: block;
}*/

body#top div.column-box div.column-content:hover {
border: solid 1px #6E98E1;
}

/*body#top div.column-box div.column-content:nth-child(n+1) {
  display: inline-block;
  margin-right: 2%;
}
body#top div.column-box div.column-content:nth-child(n+2) {
  display: inline-block;
  margin-right: 2%;
}
body#top div.column-box div.column-content:nth-child(n+3) {
  display: inline-block;
  margin-right: 2%;
}*/
body#top div.column-box div.column-content:nth-child(-n+4) {
  display: block;
  margin-right: 0;
}
body#top div.column-box div.column-content:nth-child(n+5) {
  display: none;
  margin-right: 0;
}

body#top #top-column .btn {
width: 40%;
margin: 1.5em auto;
}

body#top .column-content div.column-img {
width: 100%;
height: 170px;
margin: 0;
padding: 10px;
text-align: center;
border-radius: 5px;
}
body#top .column-content div.column-img img {
margin: 0 auto;
max-width: 200px;
object-fit: cover;
}

body#top .column-content div.column-img-w {
width: 100%;
height: 170px;
margin: 0;
padding: 0;
border: none;
text-align: center;
overflow: hidden;
border-radius: 5px;
}
body#top .column-content div.column-img-w img {
margin: 0 auto;
padding: 0;
width: 100%;
height: 100%;
max-height: 160px;
object-fit: cover;
}

body#top .column-content div.column-img-h {
width: auto;
height: auto;
min-height: 170px;
margin: 0;
padding: 0;
border: none;
text-align: center;
overflow: hidden;
border-radius: 5px;
position: relative;
}
body#top .column-content div.column-img-h img {
margin: auto 0;
padding: 0;
width: 100%;
height: 100%;
max-height: 170px;
object-fit: contain;
position: absolute;
left: 0;
top: 50;
}

body#top .column-content div.column-body {
padding:0.5em 1.0em 1.0em;
margin: 0;
text-align: left;
border: none;
/*border-top: 5px solid #DFE9FF;*/
}

body#top .column-body p.c-copy {
margin: 2px 0;
padding: 0;
font-size: 110%;
font-weight: bold;
line-height: 1.4em;
text-align: center;
}

body#top .column-body p.c-date {
margin: 0;
padding: 0.5em 0;
font-size: 90%;
line-height: 1;
color: orange;
}

body#top .column-body p.c-text {
margin: 0;
padding: 0;
font-size: 85%;
line-height: 1.4em;
color: #454545;
overflow: hidden;
text-align: justify;
}
body#top .column-body p.c-text2 {
margin: 0 0 0.5em 0;
padding: 0.2em 0;
font-size: 105%;
line-height: 1.3em;
color: #454545;
overflow: hidden;
text-align: center;
border-bottom: 1px dotted #A6A6A6;
}

body#top .column-body p span.kai {
display: block;
}

body#top .column-content a {
display: block;
padding-left:0;
margin: 0;
cursor: pointer;
}
body#top .column-content a:link p.c-copy {
color: #4B4B4B!important;
text-decoration: none!important;
}
body#top .column-content a:visited p.c-copy {
color: #4B4B4B!important;
text-decoration: none!important;
}
body#top .column-content a:hover p.c-copy {
color:#5676DB!important;
text-decoration: none!important;
}
body#top .column-content a:active p.c-copy {
color: #4B4B4B!important;
text-decoration: none!important;
}

@media (max-width: 1023px){
body#top #top-column {
width: 100%;
height: auto;
margin: 0;
background-color: #fff;
/*background-color: #F5F5F5;*/
padding: 2.0em 0 0 0;
}

body#top #top-column h3 {
width: 96%;
text-align: center;
border: 1px solid #9E9E9E;
background-color: #fff;
/*border-bottom: 1px solid #244F7E;*/
line-height: 1.8em;
font-size: 130%;
font-weight:normal;
padding: 0.2em 0;
margin:0 auto 1.0em;
border-radius: 0;
/*text-align: center;
border-bottom: 3px solid #244F7E;
line-height: 1.8em;
font-size: 130%;
font-weight:normal;*/
}
body#top #top-column h3 span {
font-size: 75%;
margin-left: 1.0em;
color: #7294C9;
}

/*Topics Title*/
body#top .column-title {
margin: 0;
padding: 10px 15px;
position: relative;
}

body#top .column-title span.column-more {
display: inline-block;
position: absolute;
right: 35px;
top: 30px;
letter-spacing: 0.05em;
}


/*Topics box*/
body#top div.column-box {
width: 100%;
height: auto;
margin: 0 auto;
padding: 2.0em;
text-align: center;
display: flex;
justify-content:center;
align-items: stretch;
flex-wrap: nowrap;
gap:10px 2%;
background-color: #F5F5F5;
}

body#top div.column-box div.column-content {
margin: 0;
padding: 0;
width: calc(100% / 3);
height: auto;
min-height: 320px;
border: solid 1px rgba(0,0,0,0.1);
border-radius: 5px;
background-color: #fff;
}
body#top div.column-box div.column-content:hover {
border: solid 1px #6E98E1;
}

/*body#top div.column-box div.column-content:nth-child(n+1) {
  display: inline-block;
  margin-right: 2%;
}
body#top div.column-box div.column-content:nth-child(n+2) {
  display: inline-block;
  margin-right: 2%;
}*/
body#top div.column-box div.column-content:nth-child(-n+3) {
  display: inline-block;
}
body#top div.column-box div.column-content:nth-child(n+4) {
  display: none;
  margin-right: 0;
}
/*body#top div.column-box div.column-content:nth-child(n+5) {
  display: none;
  margin-right: 0;
}*/

body#top div.column-box div.btn{
width: 40%;
margin: 0 auto;
}

body#top .column-content div.column-img {
width: 100%;
height: 170px;
margin: 0;
padding: 10px;
text-align: center;
border-radius: 5px;
}
body#top .column-content div.column-img img {
margin: 0 auto;
max-width: 200px;
object-fit: cover;
}

body#top .column-content div.column-img-w {
width: 100%;
height: 170px;
margin: 0;
padding: 0;
border: none;
text-align: center;
overflow: hidden;
border-radius: 5px;
}
body#top .column-content div.column-img-w img {
margin: 0 auto;
padding: 0;
width: 100%;
height: 100%;
max-height: 160px;
object-fit: cover;
}

body#top .column-content div.column-img-h {
width: auto;
height: auto;
min-height: 170px;
margin: 0;
padding: 0;
border: none;
text-align: center;
overflow: hidden;
border-radius: 5px;
position: relative;
}
body#top .column-content div.column-img-h img {
margin: auto 0;
padding: 0;
width: 100%;
height: 100%;
max-height: 170px;
object-fit: contain;
position: absolute;
left: 0;
top: 50;
}

body#top .column-content div.column-body {
padding:0.5em 1.0em 1.0em;
margin: 0;
text-align: left;
border: none;
/*border-top: 5px solid #DFE9FF;*/
}

body#top .column-body p.c-copy {
margin: 2px 0;
padding: 0;
font-size: 110%;
font-weight: bold;
line-height: 1.4em;
text-align: center;
}

body#top .column-body p.c-date {
margin: 0;
padding: 0.5em 0;
font-size: 90%;
line-height: 1;
color: orange;
}

body#top .column-body p.c-text {
margin: 0;
padding: 0;
font-size: 85%;
line-height: 1.4em;
color: #454545;
overflow: hidden;
text-align: justify;
}
body#top .column-body p.c-text2 {
margin: 0 0 0.5em 0;
padding: 0.2em 0;
font-size: 105%;
line-height: 1.3em;
color: #454545;
overflow: hidden;
text-align: center;
border-bottom: 1px dotted #A6A6A6;
}

body#top .column-body p span.kai {
display: block;
}

body#top .column-content a {
display: block;
padding-left:0;
margin: 0;
cursor: pointer;
}
body#top .column-content a:link p.c-copy {
color: #4B4B4B!important;
text-decoration: none!important;
}
body#top .column-content a:visited p.c-copy {
color: #4B4B4B!important;
text-decoration: none!important;
}
body#top .column-content a:hover p.c-copy {
color:#5676DB!important;
text-decoration: none!important;
}
body#top .column-content a:active p.c-copy {
color: #4B4B4B!important;
text-decoration: none!important;
}
}
@media (max-width: 768px){
body#top #top-column {
width: 100%;
height: auto;
margin: 0;
background-color: #fff;
padding: 2.0em 0 0 0;
}

body#top #top-column h3 {
width: 96%;
text-align: center;
border: 1px solid #9E9E9E;
background-color: #fff;
/*border-bottom: 1px solid #244F7E;*/
line-height: 1.8em;
font-size: 130%;
font-weight:normal;
padding: 0.2em 0;
margin:0 auto 1.0em;
border-radius: 0;
/*width:70%;
margin: 0 auto 1.5em;
text-align: center;
border-bottom: 3px solid #244F7E;
line-height: 1.8em;
font-size: 120%;
font-weight:normal;*/
}
body#top #top-column h3 span {
font-size: 75%;
margin-left: 1.0em;
color: #7294C9;
}

body#top #top-column .btn {
width: 60%;
margin: 1.5em auto;
}
/*Topics Title*/
body#top .column-title {
margin: 0;
padding: 10px 15px;
position: relative;
}

body#top .column-title span.column-more {
display: inline-block;
position: absolute;
right: 35px;
top: 30px;
letter-spacing: 0.05em;
}


/*Topics box*/
body#top div.column-box {
width: 100%;
height: auto;
margin: 0 auto 1.5em;
padding: 1.5em;
text-align: center;
display: flex;
justify-content: center!important;
align-items: stretch;
flex-wrap: wrap;
gap:0;
background-color: #F5F5F5;
/*width: 100%;
height: auto;
margin: 0 auto;
padding: 1.0em auto;
text-align: center;
display: flex;
flex-direction: row;
justify-content: center;
align-items: stretch;
flex-wrap: wrap;
gap:0;
background-color: #F5F5F5;*/
}

body#top div.column-box div.column-content {
margin: 1.0em;
padding: 0;
width: auto;
max-width: 300px;
min-width: 200px;
height: auto;
min-height: 320px;
border: solid 1px rgba(0,0,0,0.1);
border-radius: 5px;
background-color: #fff;
/*margin: 0 0.5em!important;
padding: 0;
width: 45%;
min-width: 300px;
max-width: 200px;
height: auto;
min-height: 320px;
border: solid 1px rgba(0,0,0,0.1);
border-radius: 5px;
background-color: #fff;*/
}
/*body#top div.topics-box div.column-content-empty{
height: 0;
padding: 0;
border: none;
}*/
body#top div.column-box div.column-content:hover {
border: solid 1px #6E98E1;
}

/*body#top div.column-box div.column-content:nth-child(n+1) {
  display: inline-block;
  margin: 0;
}
body#top div.column-box div.column-content:nth-child(n+2) {
  display: inline-block;
  margin: 0;
}
body#top div.column-box div.column-content:nth-child(n+3) {
  display: inline-block;
  margin: 0;
}*/
body#top div.column-box div.column-content:nth-child(-n+4) {
  display: block;
}
body#top div.column-box div.column-content:nth-child(n+5) {
  display: none;
}

body#top div.column-box div.btn{
width: 70%;
margin: 0 auto;
}

body#top .column-content div.column-img {
width: 100%;
height: 170px;
margin: 0;
padding: 10px;
text-align: center;
border-radius: 5px;
}
body#top .column-content div.column-img img {
margin: 0 auto;
max-width: 200px;
object-fit: cover;
}

body#top .column-content div.column-img-w {
width: 100%;
height: 170px;
margin: 0;
padding: 0;
border: none;
text-align: center;
overflow: hidden;
border-radius: 5px;
}
body#top .column-content div.column-img-w img {
margin: 0 auto;
padding: 0;
width: 100%;
height: 100%;
max-height: 160px;
object-fit: cover;
}

body#top .column-content div.column-img-h {
width: auto;
height: auto;
min-height: 170px;
margin: 0;
padding: 0;
border: none;
text-align: center;
overflow: hidden;
border-radius: 5px;
position: relative;
}
body#top .column-content div.column-img-h img {
margin: auto 0;
padding: 0;
width: 100%;
height: 100%;
max-height: 170px;
object-fit: contain;
position: absolute;
left: 0;
top: 50;
}

body#top .column-content div.column-body {
padding:0.5em 1.0em 1.0em;
margin: 0;
text-align: left;
border: none;
/*border-top: 5px solid #DFE9FF;*/
}

body#top .column-body p.c-copy {
margin: 2px 0;
padding: 0;
font-size: 110%;
font-weight: bold;
line-height: 1.4em;
text-align: center;
}

body#top .column-body p.c-date {
margin: 0;
padding: 0.5em 0;
font-size: 90%;
line-height: 1;
color: orange;
}

body#top .column-body p.c-text {
margin: 0;
padding: 0;
font-size: 85%;
line-height: 1.4em;
color: #454545;
overflow: hidden;
text-align: justify;
}
body#top .column-body p.c-text2 {
margin: 0 0 0.5em 0;
padding: 0.2em 0;
font-size: 105%;
line-height: 1.3em;
color: #454545;
overflow: hidden;
text-align: center;
border-bottom: 1px dotted #A6A6A6;
}

body#top .column-body p span.kai {
display: block;
}

body#top .column-content a {
display: block;
padding-left:0;
margin: 0;
cursor: pointer;
}
body#top .column-content a:link p.c-copy {
color: #4B4B4B!important;
text-decoration: none!important;
}
body#top .column-content a:visited p.c-copy {
color: #4B4B4B!important;
text-decoration: none!important;
}
body#top .column-content a:hover p.c-copy {
color:#5676DB!important;
text-decoration: none!important;
}
body#top .column-content a:active p.c-copy {
color: #4B4B4B!important;
text-decoration: none!important;
}
}
@media (max-width: 450px){
body#top #top-column {
width: 100%;
height: auto;
margin: 0;
background-color: #fff;
padding: 2.0em 0 0 0;
}

body#top #top-column h3 {
width: 94%;
text-align: center;
border: 1px solid #9E9E9E;
background-color: #fff;
/*border-bottom: 1px solid #244F7E;*/
line-height: 1.8em;
font-size: 130%;
font-weight:normal;
padding: 0.2em 0;
margin:0 auto 1.0em;
border-radius: 0;
/*text-align: center;
border-bottom: 3px solid #244F7E;
line-height: 1.8em;
font-size: 140%;
font-weight:bold;
padding-left: 0.5em;*/
}
body#top #top-column h3 span {
font-size: 90%;
margin-left: 1.0em;
color: #4B7CC8;
}

body#top #top-column div.btn{
width: 90%;
margin: 0.5em auto 1.5em;
}

/*Topics Title*/
body#top .column-title {
margin: 0;
padding: 10px 15px;
position: relative;
}

body#top .column-title span.column-more {
display: inline-block;
position: absolute;
right: 35px;
top: 30px;
letter-spacing: 0.05em;
}


/*Topics box*/
body#top div.column-box {
width: 100%;
height: auto;
margin: 0;
padding: 1.4em;
text-align: center;
display: flex;
justify-content: center;
align-items: stretch;
flex-direction: row;
flex-wrap: wrap;
gap:15px 0;
background-color: #F5F5F5;
}

body#top div.column-box div.column-content {
margin: 0 auto;
padding: 0;
width: 100%;
/*min-width: 250px;*/
height: auto;
min-height: 320px;
border: solid 1px rgba(0,0,0,0.1);
border-radius: 5px;
background-color: #fff;
}
body#top div.column-box div.column-content:hover {
border: solid 1px #6E98E1;
}

/*body#top div.column-box div.column-content:nth-child(n+1) {
  display: inline-block;
  margin: 0;
}
body#top div.column-box div.column-content:nth-child(n+2) {
  display: inline-block;
  margin: 0;
}
body#top div.column-box div.column-content:nth-child(n+3) {
  display: inline-block;
  margin: 0;
}*/
body#top div.column-box div.column-content:nth-child(-n+4) {
  display: block;
  margin: 0;
}
body#top div.column-box div.column-content:nth-child(n+5) {
  display: none;
  margin: 0;
}

body#top .column-content div.column-img {
width: 100%;
height: 170px;
margin: 0;
padding: 10px;
text-align: center;
border-radius: 5px;
}
body#top .column-content div.column-img img {
margin: 0 auto;
max-width: 200px;
object-fit: cover;
}

body#top .column-content div.column-img-w {
width: 100%;
height: 170px;
margin: 0;
padding: 0;
border: none;
text-align: center;
overflow: hidden;
border-radius: 5px;
}
body#top .column-content div.column-img-w img {
margin: 0 auto;
padding: 0;
width: 100%;
height: 100%;
max-height: 160px;
object-fit: cover;
}

body#top .column-content div.column-img-h {
width: auto;
height: auto;
min-height: 170px;
margin: 0;
padding: 0;
border: none;
text-align: center;
overflow: hidden;
border-radius: 5px;
position: relative;
}
body#top .column-content div.column-img-h img {
margin: auto 0;
padding: 0;
width: 100%;
height: 100%;
max-height: 170px;
object-fit: contain;
position: absolute;
left: 0;
top: 50;
}

body#top .column-content div.column-body {
padding:0.5em 1.0em 1.0em;
margin: 0;
text-align: left;
border: none;
/*border-top: 5px solid #DFE9FF;*/
}

body#top .column-body p.c-copy {
margin: 2px 0;
padding: 0;
font-size: 110%;
font-weight: bold;
line-height: 1.4em;
text-align: center;
}

body#top .column-body p.c-date {
margin: 0;
padding: 0.5em 0;
font-size: 90%;
line-height: 1;
color: orange;
}

body#top .column-body p.c-text {
margin: 0;
padding: 0;
font-size: 85%;
line-height: 1.4em;
color: #454545;
overflow: hidden;
text-align: justify;
}
body#top .column-body p.c-text2 {
margin: 0 0 0.5em 0;
padding: 0.2em 0;
font-size: 105%;
line-height: 1.3em;
color: #454545;
overflow: hidden;
text-align: center;
border-bottom: 1px dotted #A6A6A6;
}

body#top .column-body p span.kai {
display: block;
}

body#top .column-content a {
display: block;
padding-left:0;
margin: 0;
cursor: pointer;
}
body#top .column-content a:link p.c-copy {
color: #4B4B4B!important;
text-decoration: none!important;
}
body#top .column-content a:visited p.c-copy {
color: #4B4B4B!important;
text-decoration: none!important;
}
body#top .column-content a:hover p.c-copy {
color:#5676DB!important;
text-decoration: none!important;
}
body#top .column-content a:active p.c-copy {
color: #4B4B4B!important;
text-decoration: none!important;
}
}



/* SiteMap in Footer
------------------------------------------------------------- */
body#top .sitemap-top {
margin: 20px auto;
display: inline-block;
text-align: left;
}

body#top .sitemap-top dl {
margin: 0;
padding: 5px 5px 0 25px;
}

body#top .sitemap-top dl dt {
padding: 8px 0 0 0;
font-weight: normal;
font-size: 14px;
}

body#top .sitemap-top dl dt:before {
margin-right: 3px;
content: "\f138";
font-family: 'Font Awesome 6 Free';
color: #fff;
}

body#top .sitemap-top dl dd {
font-size: 14px;
padding: 2px 0 0 15px;
}

body#top .sitemap-top dl dt a,
body#top .sitemap-top dl dd a {
color: #fff;
}

@media (max-width: 1023px){}
@media (max-width: 768px){}
@media (max-width: 450px){}



/* for MiddleSize
--------------------------------------------------------------------------------------------- */
/*@media screen and (max-width : 768px ){
body#top .top-box p.head-img {
background-image: url("../../resources/img/slider/wkdk19-02_md.png");
}
body#top nav.navbar-top {
margin-bottom: 15px;
}
body#top nav.navbar-top div.navbar-collapse ul.nav li a {
margin: 0 8px;
}
body#top div.submenu-box {
margin: 0 0 15px 0;
padding: 0 10px 20px;
}
body#top div.catch-box p {
color: #fff;
line-height: 1.4;
text-align: center;
font-size: 12px;
}
}*/


/* for SmallSize
--------------------------------------------------------------------------------------------- */
/*@media screen and (max-width : 1000px ){
body#top nav.navbar-top {
margin-bottom: 0;
}
body#top .top-box:before {
content: "";
display: block;
padding-top: 39.8%; 
}
body#top .top-box p.head-img {
background-image: url("../../resources/img/slider/wkdk19-02_md.png");
}
body#top div.annai:before {
content: "";
display: block;
padding-top: 26%; 
}
body#top div.annai p {
background-image: url(../../resources/img/top/omoushikomi_sm_b3.png);
padding-top: 20%;
}
body#top div.annai-txt p {
margin: 0;
padding: 0 0 0 6px;;
font-size: 100%;
font-weight: bold;
text-align: left;
}
body#top div.submenu-box {
margin: 0 0 10px 0;
padding: 0 10px 10px;
}
body#top ul.submenu-list {
margin: 0 0 0 0;
padding: 0;
}
body#top ul.submenu-list li {
margin: 0 1% 1% 0;
position: relative;
width: 49.5%;
max-height: 75px;
display: inline;
background: none;
}
body#top ul.submenu-list li:nth-child(even) {
margin-right: 0;
}
body#top ul.submenu-list li:before {
content: "";
display: block;
padding-top: 40.74%;
}
body#top ul.submenu-list li a {
margin: 0;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-position: top left;
background-size: contain;
background-repeat: no-repeat;
font-size: 90%;
}
body#top ul.submenu-list li a:hover {
background-size: contain;
font-size:90%;
}
body#top ul.submenu-list li span {
position:relative;
display: block;
color:#262626;
height: 30px;
font-weight:normal;
font-size: 75%;
margin-top: 1.5%;
}
body#top .news-grid {
width: 100%;
margin: 0 0 10px 0;
}
body#top .news-title {
margin: 0;
padding: 10px;
border-bottom: 2px solid #6E4C1F;
}
body#top .news-panel-min .news-title {
margin: 0;
padding: 15px 10px 5px 10px;
}
body#top .news-title h2 {
height: 40px;
width: 100%;
font-size: 120%;
}
body#top .news-title span.news-more {
right: 10px;
top: 18px;
}
body#top .news-panel {
margin: 0;
padding: 0;
border: none;
}
body#top .news-panel-min {
border-top: 1px solid #4d4d4d;
border-right: 0;
border-left: 0;
border-bottom: 0;
height: auto;
}
body#top .news-panel-min .news-title span.news-more {
display: none;
}
body#top .news-panel-min .news-btn {
margin: 0;
cursor: pointer;
}
body#top .news-panel-min .news-btn:after {
content: "\f107";
font-family: 'Font Awesome 6 Free';
font-size: 38px;
color: #666;
position: absolute;
top: 12px;
right: 25px;
}
body#top .news-panel-min .active:after {
content: "\f106";
font-family: 'Font Awesome 6 Free';
font-size: 38px;
color: #666;
position: absolute;
top: 12px;
right: 25px;
}
body#top .news-open {
display: none;
}
body#top .news-content {
margin: 0 6px 15px 6px;
padding: 0;
height: 250px;
overflow:auto;
}
body#top .news-more-footer {
margin: 15px auto 0 auto;
width: 100%;
display: block;
text-align: center;
}
body#top .news-more-footer .btn-more {
display: block;
width: 100%;
height: 100%;
padding: 10px;
line-height: 1;
letter-spacing: 0.05em;
}
body#top .news-more-footer .btn-more:after {
content: "\f105";
font-family: 'Font Awesome 6 Free';
font-size: 18px;
margin-left: 5px;
}
body#top .news-more-footer a.btn-more:hover,
body#top .news-more-footer a.btn-more:active {
text-decoration: none;
}
}
*/

/* for ExtraSmallSize
--------------------------------------------------------------------------------------------- */
/*@media screen and (max-width : 450px ){
body#top div.annai-txt p {
margin: 0;
padding: 0 0 0 4px;;
font-size: 100%;
font-weight: bold;
text-align: left;
}
body#top header div#shusai {
height: auto;
float: left;
width: 70%;
padding: 1% 0 0 1%;
font-size: 70%;
}

body#top header div#login {
height: auto;
float: right;
width: 28%;
margin: 1%;
font-size: 80%;
}

body#top nav.navbar-default div.navbar-collapse ul.nav li {
font-size: 14px;
}
body#top div.submenu-box {
margin: 0 0 10px 0;
padding: 0 10px 10px;
}

body#top ul.submenu-list {
margin: 0 0 0 0;
padding: 0;
}

body#top ul.submenu-list li {
margin: 0 1% 5% 0;
position: relative;
width: 100%;
max-height: 65px;
display: inline;
box-shadow: none;
border-bottom: dashed 1px #E5902F;
}

body#top ul.submenu-list li a {
margin: 0;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-position: top left;
background-size: 80%;
background-repeat: no-repeat;
}

body#top ul.submenu-list li a:hover {
}

body#top ul.submenu-list li span {
position:relative;
font-size: 70%;
height: 30px;
}

body#top .top-box:before {
content: "";
display: block;
padding-top: 69.8%; 
}
body#top .top-box p.head-img {
background-image: url(../../resources/img/slider/wkdk19-02_xs.png);
}
body#top div.annai:before {
content: "";
display: block;
padding-top: 34%; 
}
body#top div.annai p {
background-image: url(../../resources/img/top/omoushikomi_xs_b3.png);
}
body#top div.catch-box {
padding: 10px 3px 1px 3px;
}
body#top div.catch-box p {
color: #fff;
line-height: 1.4;
text-align: center;
font-size: 12px;
}
body#top .topics-content {
margin: 10px 2px 6px 2px;
padding: 10px;
width: 100%;
}
body#top .topics-title {
padding: 6px 0 2px 0;
margin-bottom: 10px;
}
body#top .topics-title h2 {
height: 40px;
font-size: 20px;
background-size: auto 40px;
padding: 10px 0 0 30px;
}
body#top .topics-body h3 {
font-size: 14px;
margin-bottom: 3px;
}
body#top .topics-body .topics-text {
display: none;
}
body#top .topics-body .topics-label {
margin-bottom: 2px;
}
body#top .topics-body .topics-date {
margin-bottom: 2px;
}
body#top .news-title h2 {
margin: 0;
padding: 10px 0 0 0;
height: 30px;
width: 100%;
font-size: 110%;
}
body#top .top-banner .banner-box ul.banner-list li {
width: 90%;
height: auto;
}
body#top .top-banner .banner-box ul.banner-list li a img {
width: 100%;
height: auto;
}
}*/