@charset "utf-8";
/* CSS Document */

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

/* anchor-nav
------------------------------------------------------------- */

.second div.anc-wrap-box4 {

}

.serc-hp nav.anc-nav {
width: 100%;
margin: 1.6em 0 3.0em 0.3em;
padding: 0;
text-align: center;
vertical-align: middle;
position: relative;
display: block;
}
.serc-hp nav.anc-nav:after {
content:"";
display:block;
clear:both;
}

.serc-hp nav.anc-nav ul {
width: 100%;
padding: 0;
margin: 0 auto;
}

.serc-hp nav.anc-nav ul li {
width: 32%;
height: 50px;
display:inline;
padding:0;
margin: 0;
background-color: #004EA1;
list-style: none;
float: left;
border: 1px solid #6E6E6E;
}

.serc-hp nav.anc-nav ul li.current {
color: #fff !important; 
background-color: #004EA1;
}
.serc-hp nav.anc-nav ul li.novalue {
text-indent: -9999;
}

.serc-hp nav.anc-nav ul li a {
height: 50px;
display:block;
padding: 1.0em 0 0 0.5em;
text-decoration: none;
background-color: #fff;
color: #0E0E0E;
margin-right: 3px;
border-bottom: 1px solid #BBBBBB;
}
.serc-hp nav.anc-nav ul li.current a {
border-bottom: 1px solid #004EA1;
}
.serc-hp nav.anc-nav ul li a:after {
content:"\f0d7";
font-family: 'Font Awesome 6 Free';
font-weight: 900;
color: royalblue;
padding-left: 8px;
}
.serc-hp nav.anc-nav ul li a:link {
color: #0E0E0E;
}
.serc-hp nav.anc-nav ul li a:visited {}

.serc-hp nav.anc-nav ul li a:hover {
background-color:#2989D8;
color: #fff!important;
}
.serc-hp nav.anc-nav ul li a:hover:after {
content: "\f063";
font-family: 'Font Awesome 6 Free';
font-weight: 900;
color: #fff;
padding-left: 8px;
}
.serc-hp nav.anc-nav ul li a:active {}

.serc-hp nav.anc-nav ul li.insitelink a{
color: #0E0E0E;
}
.serc-hp nav.anc-nav ul li.insitelink a:after {
content: "\f0da";
font-family: 'Font Awesome 6 Free';
font-weight: 900;
color: royalblue;
padding-left: 8px;
}
.serc-hp nav.anc-nav ul li.insitelink a:hover:after {
color: #fff!important;
content: "\f061";
font-family: 'Font Awesome 6 Free';
font-weight: 900;
padding-left: 8px;
}

.serc-hp nav.anc-nav ul li.low-2 a {
padding: 5px 0 0 0;
}

.serc-hp nav.anc-nav ul li.current a:after {
content: "\f0d7";
font-family: 'Font Awesome 6 Free';
font-weight: 900;
color: #fff;
padding-left: 8px;
}
.serc-hp nav.anc-nav ul li.current a:link {
background-color:#004EA1;
color: #fff;
}
.serc-hp nav.anc-nav ul li.current a:visited {
background-color:#004EA1;
color: #fff !important;
}
.serc-hp nav.anc-nav ul li.current a:hover {
background-color:#004EA1;
color: #fff !important;
}
.serc-hp nav.anc-nav ul li.current a:active {
background-color:#004EA1;
color: #fff !important;
}


/* Products-maker
------------------------------------------------------------- */
.maker-box {
	margin: 0 10px 0 0;
	padding: 6px;
	width: 30%;
}

.makerlist {
margin: 2px;
font-size: 13px;
}

.makerlist img {
margin-bottom: 6px;
}

.makerlist a:hover img,
.makerlist a:active img {
	opacity: 0.8;
	border: 1px solid black;
}


.makerlist  a:link {
	color: #4A4A4A;
	text-decoration: none;
}

.makerlist  a:visited {
	color: #4A4A4A;
	text-decoration: none;
}

.makerlist  a:hover {
	color: orange;
	text-decoration: none;
}

.makerlist  a:active {
	color: orange;
	text-decoration: none;
}

p.makerlink{
padding: 0 0 0 3px;
margin: 0;
}

p.makerlink span {
padding: 0;
margin: 0;
display: inline;
}

p.makerlink:before {
    content: "\f054";
    font-family: 'Font Awesome 5 Free';
	color: orange;
	padding-right:5px;
}


/* Products-list_koza
------------------------------------------------------------- */
.prd-box {
	margin: 0 10px 10px 0;
	padding: 2%;
	height: auto;
	background-color:#F7F7F7;
	/*background-color: #F4F4F4;*/
	/*border: 2px solid #C0C0C0;*/
}
.prd-box .course-list {
margin: 2% 0 0 4px;
}

.prd-box .course-list img{
width: 16%;
margin: 2px
}

.prd-list {
margin: 2px;
font-size: 110%;
font-weight: bold;
/*color: #7FB3B6;*/
}


.prd-list a:link {
	color: #000;
	text-decoration: none;
}
.prd-list a:visited {
	color: #000;
	text-decoration: none;
}
.prd-list a:hover {
color: #E5902F;
	text-decoration: none;
}
.prd-list a:active {
	color: #E5902F;
	text-decoration: none;
}

p.prd-link {
margin: 0;

/*border-bottom: 1px solid gray;*/
}

p.prd-link span {
padding: 0 0 0 3px;
margin: 0;
font-size: 120%;
border-bottom: 1px dashed #E5902F;
}

p.prd-link span a:after {
content:"＞＞＞";
    /*content: "\f054\f054";*/
    /*font-family: 'Font Awesome 5 Free';*/
	font-size: 70%;
	color: #E5902F;
	padding-left: 5px;
	padding-bottom: 5px;
	font-weight: normal;
}

p.prd-link a:link {
color: #000;
}
p.prd-link a:hover {
opacity: 0.6;
}
p.prd-link a:active {
/*color: #E5902F;*/
color: #000;
}
p.prd-link a:visited {
/*color: #E5902F;*/
color: #000;
}

p.prd-link:before {
    content: "\f0a9";
    font-family: 'Font Awesome 5 Free';
	font-size: 20px;
	color: #E5902F;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}

/*koza-list*/

.prd-list ul {
display: block;
float: left;
min-width: 80%;
/*min-width: 30%;*/
list-style: none;
font-size: 80%;
font-weight: bold;
line-height: 1.4;
margin: 8px 20px 0 0;
padding: 0 0 0 24px;
color: #412C10;
}

.prd-list li {
padding: 0.2em 0;
}

.prd-list li.boshu-end,
.prd-list li.boshu-end span,
.prd-list li.boshu-end a
{
color:#626262;
}


.prd-list li.prd-list-l,
.prd-list li.prd-list-l-end {
border-bottom: 1px dashed #8E8270;
padding-top: 0.5em;
margin-left: 0;
margin-bottom: 0.9em;
}


.prd-list li span{
font-weight: normal;
color: #252732;
/*font-size: 90%;*/
padding: 0.5em 0.5em 0.5em 0;
margin-bottom: 0.1em;
margin-top: 0.1em;
display: block;
font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Arial, sans-serif;
}
.prd-list li span.daydata {
	display:inline;
	padding: 0.02em 0.60em;
	font-size: 80%;
	margin: 0 2px 2px 10px;
	border: 1px solid #1F53CB;
	border-radius: .25em;
	letter-spacing: 0.1em;
}
.prd-list li span.object-sho {
	display:inline;
	padding: 0.02em .6em;
	font-size: 80%;
	margin: 0 2px 2px 6px;
	border: 1px solid #55DB6D;
	border-radius: .25em;
	letter-spacing: 0.1em;
}
.prd-list li span.object-chu {
	display:inline;
	padding: 0.02em .6em;
	font-size: 80%;
	margin: 0 2px 2px 6px;
	border: 1px solid #FFA246;
	border-radius: .25em;
	letter-spacing: 0.1em;
}
.prd-list li span.oyako:before {
	content:"親子";
	display:inline;
	padding: .14em 1.0em;
	font-size: 80%;
	/*background-color:#2B4497;*/
	background-color: #8E58A3;
	color: white;
	margin: 0 6px 0 2px;
	border: none;
	border-radius: .25em;
	letter-spacing: 0.1em;
}

.prd-list li span a:after {
	/*padding-left: 4px;*/
    content: " \f101\f101";
    font-family: 'Font Awesome 5 Free';
	/*color: deepskyblue;*/
	color: #E5902F;
}

.prd-list li.prd-list-l:before {
    content: "\f19d";
    font-family: 'Font Awesome 5 Free';
	color:#412C10;
	padding: 0;
}

.prd-list li.prd-list-l-end {
background-color: #D4D4D4;}

.prd-list li.prd-list-l-end:before {
    content: "受付終了";
	display:inline;
	padding: 0.3em 0.6em;
	font-size: 85%;
	font-weight: normal;
	background-color: #626262;
	color: white;
	margin: 0 6px 2px 0;
	border: none;
	border-radius: .25em;
	letter-spacing: 0.1em;
}

.prd-list li.prd-list-m:before {
    content: "\f10c";
    font-family: 'Font Awesome 5 Free';
	color: grey;
	padding: 0;
}
.prd-list li.prd-list-s:before {
    content: "・";
/*    font-family: 'Font Awesome 5 Free';*/
	color: grey;
	padding: 0;
}
.prd-list li.prd-list-koza:before {
    content: "\f19d";
    font-family: 'Font Awesome 5 Free';
	color: grey;
	padding: 0;
}


/* Title List
------------------------------------------------------------- */
ul.btn-title-list{
list-style: none;
margin: 5px 0 30px 0;
position: relative;
}

.btn-title-list li {
height: auto;
background-color: #EBEBEB;
border: 1px solid #A8A8A8;
margin: 10px 5px 10px 0;
border-radius: 8px;
font-size: 18px;
font-weight: bold;
color: #666666;
padding: 8px 6px 8px 12px;
}

.btn-title-list li a {
    display:block;
    width:100%;
}

.btn-title-list li a span {
}

.btn-title-list li a:after {
	content: "\f105";
	font-family: 'Font Awesome 5 Free';
	position: absolute;
	font-size: 24px;
	color: orange;
	right: 20px;
	padding: 0;
	line-height: 1;
}

.btn-title-list li.current {
height: auto;
background-color: #706F6F;
border: 1px solid #A8A8A8;
margin: 10px 5px 10px 0;
border-radius: 8px;
font-size: 18px;
font-weight: bold;
color: #fff;
padding: 8px 6px 8px 12px;
}
.btn-title-list li.current a{
color: #fff;
font-weight: normal;
}

.btn-title-list li.current a:after {
	content: "\f106";
	font-family: 'Font Awesome 5 Free';
	position: absolute;
	font-size: 24px;
	color: #fff;
	right: 20px;
	padding: 0;
	line-height: 1;
}

.btn-title-list li.other-list {
height: auto;
background-color: #E6EFFF;
border: 1px solid #A8A8A8;
margin: 10px 5px 10px 0;
border-radius: 8px;
font-size: 18px;
font-weight: bold;
color: #666666;
padding: 8px 6px 8px 12px;
}
.btn-title-list li.other-list a:after {
	content: "\f105";
	font-family: 'Font Awesome 5 Free';
	position: absolute;
	font-size: 24px;
	color: darkblue;
	right: 20px;
	padding: 0;
	line-height: 1;
}



.btn-title-list li:hover ,
.btn-title-list li:active {
	opacity: 0.8;
	border: 1px solid black;
}


.btn-title-list li a:link {
	color: #666666;
	text-decoration: none;
}

.btn-title-list li a:visited {
	color: #666666;
	text-decoration: none;
}

.btn-title-list li a:hover {
	color: #4B4B4B;
	text-decoration: none;
}

.btn-title-list li a:active {
	color: #666666;
	text-decoration: none;
}


.btn-title-list li.current a:link {
	color: #fff;
	text-decoration: none;
}

.btn-title-list li.current a:visited {
	color: #fff;
	text-decoration: none;
}

.btn-title-list li.current a:hover {
	color: #fff;
	text-decoration: none;
}

.btn-title-list li.current a:active {
	color: #fff;
	text-decoration: none;
}


/* News List
------------------------------------------------------------- */
.second .news-content {
	margin: 0 10px 0 15px;
	padding: 0 2px 0 0;
}

.second .news-panel .news-content {}

.second .news-content dl {
	margin: 0;
	padding: 0;
	/*border-top: 1px dashed #4d4d4d;*/
	border-top:none;
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
}

.second #shinchaku .news-content {}
.second #shinchaku .news-content dl:nth-child(n + 6) {
display: none;
}

.second .news-content dl dt {
display: flex;
justify-content:flex-start;
width: 100%;
margin: 0.2em 0 0.5em 0;
font-weight: normal;
/*color: #337DE1;*/
}

.second .news-content dl dt div {
text-align: center;
height: 20px;
}

/*ニュース：カテゴリ*/
.second .news-content dl dt div.ctg {
width: 86px;
margin: 0 0.7em 0 0;
padding: 0;
font-size: 90%;
font-weight: normal!important;
content: "　";
/*line-height: 1.0em;*/
/*border-radius: 3px;*/
}
.second .news-content dl dt div.ctg span::before {
width: 100%;
display:block;
font-size: 85%;
letter-spacing: 2px;
color: #fff;
padding: 0.1em 0 0 0;
margin: 0;
border-radius: 3px;
vertical-align: middle;
text-align: center;
}
.second .news-content dl dt div.ctg span.info::before {
background-color: #8e2650;
content: "お知らせ";
}
.second .news-content dl dt div.ctg span.event::before {
background-color: #2A2762;
/*background-color: #0B025B;*/
content: "展示会";
}
.second .news-content dl dt div.ctg span.new-pd::before {
background-color: #3357A2;
/*background-color: #E75600;*/
/*background-color: #FF8635;*/
content: "製品情報";
}
.second .news-content dl dt div.ctg span.media::before {
background-color: #3357A2;
content: "メディア";
}
.second .news-content dl dt div.ctg span.update::before {
background-color: #4D4D4D;
content: "更新情報";
}

/*ニュース：日付*/
.second .news-content dl dt div.date {
width: 100px;
margin: 0;
padding: 0;
text-align: left;
font-size: 100%;
color: mediumseagreen;
}

/*ニュース：マーク*/
.second .news-content dl dt div.mark {
width: 100px;
}


.second .news-content dl dd {
width: 100%;
margin:  0 0.5em 1.0em 0;
padding: 0 0.5em 0.5em 0;
font-size: 100%;
border-bottom: 1px dashed #C4C4C4;
/*border-bottom: 1px dashed #4d4d4d;*/
line-height: 1.5em;
font-weight: normal;
display:block;
}

.second .news-content dl dd span.subtitle {
display: block;
}
.second .news-content dl dd span.req-end {
	display: block;
	color: #CD1515!important;
	font-size: 90%;
}

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

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

.second .news-more-footer {
display: none;
}

/*展示会情報
-------------------------------------*/

/*展示会：日付*/
.second .news-content dl dt.exh-sch {
width: auto;
margin: 0 1.0em 0.5em 0;
padding: 0;
text-align: left;
font-size: 90%;
color: darkslateblue;
/*color: #06054A;*/
/*color: mediumseagreen;*/
}
.second .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: darkslateblue;
}

.second .news-content dl dt.exh-sch span {
font-size: 80%;
color: #1A1A1A;
}
.second .news-content dl dt.exh-sch span::after {
margin: 0 0 0 0.8em;
padding: 0 0.8em;
font-weight: normal;
border-radius: 0.6em;
}
.second .news-content dl dt.exh-sch span.end::after {
content: "終了";
border: 1px solid #E8E8E8;
background-color: #E8E8E8;
}
.second .news-content dl dt.exh-sch span.new::after {
content: "NEW";
border: 1px solid orange;
background-color: #FFEBC7;
}

.second .news-content dl dd span.exh-name {
display: block;
font-size: 110%;
font-weight: normal;
padding: 0;
margin-bottom: 0.2em;
}
/*.second .news-content dl dd span.exh-site {
display: block;
font-size: 90%;
padding: 0.2em 0.5em;
margin-bottom: 0.4em;
}*/
.second .news-content dl dd span.exh-name a {
font-size: 80%;
margin-left: 1.5em;
font-weight: normal;
}
.second .news-content dl dd span.exh-name a::after {
/*content: "\f35d";*/
content: "\f054\f054";
font-family: 'Font Awesome 6 Free';
/*margin: 0 0 0 0.5em;*/
padding-left: 0.5em;
font-weight: 900;
color: #4685CB;
}

.second .news-content dl dd span.exh-name a:link {
color: #296ECB;
text-decoration: none;
}
.second .news-content dl dd span.exh-name a:visited {
color: #296ECB;
text-decoration: none;
}
.second .news-content dl dd span.exh-name a:hover {
color: deepskyblue;
text-decoration: none;
}
.second .news-content dl dd span.exh-name a:active{
color: #296ECB;
text-decoration: none;
}

.second .news-content dl dd span.exh-cont {
display: block;
font-size: 90%;
padding: 0;
margin-bottom: 0.4em;
}
.second .news-content dl dd span.exh-info {
font-size: 90%;
display: block;
padding: 0.5em;
margin-bottom: 0.4em;
}
.second .news-content dl dd span.exh-info a{
border: 1px solid deepskyblue;
padding: 0.2em 0.8em;
border-radius: 0.2em;
}
.second .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;*/
}
.second .news-content dl dd span.exh-info a:link {
color:#393939;
}
.second .news-content dl dd span.exh-info a:hover {
text-decoration: none;
color: deepskyblue;
}




/* Topics List
------------------------------------------------------------- */

.second div.topics-box {
width: 100%;
height: auto;
margin: 0 auto;
padding: 0;
text-align: center;
display: flex;
justify-content: flex-start;
align-items: stretch;
flex-wrap: wrap;
gap:25px 3%;
}
.second div.topics-box::after {
display: block;
content:"";
width: 320px;
}
@media (max-width: 768px){
.second div.topics-box {
justify-content:center;
gap:25px 15px;
margin: 0;
padding: 0 0;
}
}
@media (max-width: 450px){
.second div.topics-box {
justify-content:center!important;
gap:25px 0;
margin: 0.;
padding: 0 0;
}
}

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

@media (max-width: 1023px){}
@media (max-width: 768px){
.second div.topics-box div.topics-content {
width: calc(100% / 2 - 3%);
margin: 0!important;
}
}
@media (max-width: 450px){
.second div.topics-box div.topics-content {
width: 90%;
margin: 0 auto;
}
}
.second div.topics-box div.topics-content:hover {
border: solid 1px #6E98E1;
}

.second .topics-box > .topics-content:last-child {}

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

.second .topics-content div.topi-img-w {
width: 100%;
height: 170px;
margin: 0;
padding: 0;
border: none;
text-align: center;
overflow: hidden;
border-radius: 5px;
}
.second .topics-content div.topi-img-w img {
margin: 0 auto;
padding: 0;
width: 100%;
height: 100%;
max-height: 160px;
object-fit: cover;
/*transition:all 0.3s;*/
}

.second .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;
}
.second .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;
/*transition:all 0.3s;*/
}

.second .topics-content a:hover img,
.second .topics-content a:active img {
/*opacity: 0.8;*/
}

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

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

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

.second .topi-body p.t-text {
margin: 0;
padding: 0;
font-size: 90%;
line-height: 1.4em;
color: #454545;
/*overflow: hidden;*/
text-align: justify;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
}

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


/*.second .topics-content {
width: 28%;
margin-right: 35px;
margin-bottom: 1.0em;
float: left;
}
.second .topics-content div.topi-img {
height: 160px;
margin: 0;
padding: 10px;
background-color: #fff;
text-align: center;
border: solid 1px rgba(0,0,0,0.1);
}
.second .topics-content div.topi-img a:hover img,
.second .topics-content div.topi-img a:active img {
opacity: 0.8;
}
.second .topics-content div.topi-img img{
margin: 0 auto;
max-width: 164px;
}
.second .topics-content div.topi-body {
padding: 0;
margin: 0;
text-align: left;
}
.second .topi-body a {
background: none;
padding-left:0;
margin: 0;
cursor: pointer;
}
.second .topi-body a:link {
color: #4B4B4B;
text-decoration: none;
}
.second .topi-body a:visited {
color: #4B4B4B;
text-decoration: none;
}
.second .topi-body a:hover {
color: #4B4B4B;
text-decoration: underline;
}
.second .topi-body a:active {
color: #9F9F9F;
text-decoration: none;
}
.second .topi-body p.t-copy {
margin: 0.8em 0.2em 0.5em 0.2em;
padding: 0;
font-size: 95%;
font-weight: bold;
line-height: 1.4em;
text-align: center;
}
.second .topi-body p.t-date {
margin: 0;
padding: 0.5em 0;
font-size: 85%;
line-height: 1;
color: #3073C4;
}
.second .topi-body p.t-text {
margin: 0;
padding: 0;
font-size: 85%;
line-height: 1.5em;
color: #454545;
overflow: hidden;
height: 70px;
}
*/

/* Column List
------------------------------------------------------------- */

.second div.column-box {
width: 100%;
height: auto;
margin: 0 auto;
padding: 0;
text-align: center;
display: flex;
justify-content: flex-start;
align-items: stretch;
flex-wrap: wrap;
gap:25px 3%;
}
.second div.column-box::after {
display: block;
content:"";
width: 300px;
}
@media (max-width: 768px){
.second div.column-box {
justify-content:center;
gap:25px 15px;
margin: 0;
padding: 0;
}
}
@media (max-width: 450px){
.second div.column-box {
justify-content:center!important;
gap:25px 0;
margin: 0.;
padding: 0 0;
}
}

.second div.column-box div.column-content {
margin: 0;
padding: 0;
width: calc(100% / 3 - 3%);
min-width: 200px;
height: auto;
min-height: 320px;
border: solid 1px rgba(0,0,0,0.1);
border-radius: 5px;
background-color: #fff;
}
@media (max-width: 1023px){}
@media (max-width: 768px){
.second div.column-box div.column-content {
width: calc(100% / 2 - 3%);
min-width: 200px;
margin: 0!important;
}
}
@media (max-width: 450px){
.second div.column-box div.column-content {
width: 90%;
min-width: 200px;
margin: 0 auto;
}
}

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

/*.second .topics-box > .topics-content:last-child {}*/

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

.second .column-content div.column-img-w {
width: 100%;
height: 170px;
margin: 0;
padding: 0;
border: none;
text-align: center;
overflow: hidden;
border-radius: 5px;
}
.second .column-content div.column-img-w img {
margin: 0 auto;
padding: 0;
width: 100%;
height: 100%;
max-height: 160px;
object-fit: cover;
/*transition:all 0.3s;*/
}

.second .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;
}
.second .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;
/*transition:all 0.3s;*/
}

.second .column-content a:hover img,
.second .column-content a:active img {
/*opacity: 0.8;*/
}

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

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

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

.second .column-body p.c-text {
margin: 0;
padding: 0;
font-size: 90%;
line-height: 1.4em;
color: #454545;
/*overflow: hidden;*/
text-align: justify;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
}

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


/* Videos List
------------------------------------------------------------- */
.second div.videos-box {
width: 100%;
height: auto;
margin: 0 auto;
padding: 0;
text-align: center;
display: flex;
justify-content: flex-start;
align-items: stretch;
flex-wrap: wrap;
gap:25px 3%;
}

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

.second div.videos-box div.videos-content div.vid-img {
width: 100%;
height: 170px;
margin: 0;
padding: 10px;
text-align: center;
border-radius: 5px;
}
.second div.videos-box div.videos-content div.vid-img img {
margin: 0 auto;
max-width: 200px;
object-fit: cover;
}

.second div.videos-box div.videos-content div.vid-img-w {
width: 100%;
height: 145px;
margin: 0;
padding: 0;
border: none;
text-align: center;
overflow: hidden;
border-radius: 5px;
}
.second div.videos-box div.videos-content div.vid-img-w img {
margin: 0 auto;
padding: 0;
width: 100%;
height: 100%;
max-height: 140px;
object-fit: cover;
/*transition:all 0.3s;*/
}

.second div.videos-box div.videos-content div.vid-img-h {
width: auto;
height: auto;
min-height: 145px;
margin: 0;
padding: 0;
border: none;
text-align: center;
overflow: hidden;
border-radius: 5px;
position: relative;
}
.second div.videos-box div.videos-content div.vid-img-h img {
margin: auto 0;
padding: 0;
width: 100%;
height: 100%;
max-height: 140px;
object-fit: contain;
position: absolute;
left: 0;
top: 50;
/*transition:all 0.3s;*/
}

.second div.videos-box div.videos-content a:hover img,
.second div.videos-box div.videos-content a:active img {
opacity: 0.8;
}

.second div.videos-box div.videos-content div.vid-body {
padding:0.5em 1.0em;
margin: 0;
text-align: left;
border: none;
/*border-top: 3px solid #DFE9FF;*/
}

.second div.videos-box div.videos-content div.vid-body p.v-copy {
margin: 0;
padding: 0;
font-size: 100%;
font-weight: normal;
line-height: 1.4em;
text-align: center;
}
.second div.videos-box div.videos-content div.vid-body p.v-copy span.kai {
display: block;
}

.second div.videos-box div.videos-content div.vid-body p.v-date {
margin: 0;
padding: 0.5em 0;
font-size: 90%;
line-height: 1;
color: orange;
}

.second div.videos-box div.videos-content div.vid-body p.v-text {
margin: 0;
padding: 0;
font-size: 90%;
line-height: 1.4em;
color: #454545;
/*overflow: hidden;*/
text-align: justify;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
}

.second div.videos-box div.videos-content a {
display: block;
padding-left:0;
margin: 0;
cursor: pointer;
}
.second div.videos-box div.videos-content a:link p.v-copy {
color: #4B4B4B!important;
text-decoration: none!important;
}
.second div.videos-box div.videos-content a:visited p.v-copy {
color: #4B4B4B!important;
text-decoration: none!important;
}
.second div.videos-box div.videos-content a:hover p.v-copy {
color:#5676DB!important;
text-decoration: none!important;
}
.second div.videos-box div.videos-content a:active p.v-copy {
color: #4B4B4B!important;
text-decoration: none!important;
}

/* Videos List INDEXpage
------------------------------------------------------------- */
.indexpage div.videos-box {
width: 90%;
height: auto;
margin: 0 auto;
padding: 0;
text-align: center;
display: flex;
justify-content: flex-start;
align-items: stretch;
flex-wrap: wrap;
gap:25px 4%;
}

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

@media (max-width: 1023px){}
@media (max-width: 768px){
.indexpage div.videos-box div.videos-content {
margin: 0;
padding: 0;
width: calc(100% / 2 - 4%);
height: auto;
min-height: 200px;
border: solid 1px rgba(0,0,0,0.1);
border-radius: 5px;
background-color: #fff;
}
}
@media (max-width: 450px){
.indexpage div.videos-box div.videos-content {
margin: 0;
padding: 0;
width: 100%;
height: auto;
min-height: 200px;
border: solid 1px rgba(0,0,0,0.1);
border-radius: 5px;
background-color: #fff;
}
}



.indexpage div.videos-box div.videos-content div.vid-img {
width: 100%;
height: 170px;
margin: 0;
padding: 10px;
text-align: center;
border-radius: 5px;
}
.indexpage div.videos-box div.videos-content div.vid-img img {
margin: 0 auto;
max-width: 200px;
object-fit: cover;
}

.indexpage div.videos-box div.videos-content div.vid-img-w {
width: 100%;
height: 155px;
margin: 0;
padding: 0;
border: none;
text-align: center;
overflow: hidden;
border-radius: 5px;
}
.indexpage div.videos-box div.videos-content div.vid-img-w img {
margin: 0 auto;
padding: 0;
width: 100%;
height: 100%;
max-height: 150px;
object-fit: cover;
/*transition:all 0.3s;*/
}

.indexpage div.videos-box div.videos-content div.vid-img-h {
width: auto;
height: auto;
min-height: 145px;
margin: 0;
padding: 0;
border: none;
text-align: center;
overflow: hidden;
border-radius: 5px;
position: relative;
}
.indexpage div.videos-box div.videos-content div.vid-img-h img {
margin: auto 0;
padding: 0;
width: 100%;
height: 100%;
max-height: 140px;
object-fit: contain;
position: absolute;
left: 0;
top: 50;
/*transition:all 0.3s;*/
}

.indexpage div.videos-box div.videos-content a:hover img,
.indexpage div.videos-box div.videos-content a:active img {
opacity: 0.8;
}

.indexpage div.videos-box div.videos-content div.vid-body {
padding:0.5em 1.0em;
margin: 0;
text-align: left;
border: none;
/*border-top: 3px solid #DFE9FF;*/
}

.indexpage div.videos-box div.videos-content div.vid-body p.v-copy {
margin: 0;
padding: 0;
font-size: 100%;
font-weight: normal;
line-height: 1.4em;
text-align: center;
}
.indexpage div.videos-box div.videos-content div.vid-body p.v-copy span.kai {
display: block;
}

.indexpage div.videos-box div.videos-content div.vid-body p.v-date {
margin: 0;
padding: 0.5em 0;
font-size: 90%;
line-height: 1;
color: orange;
}

.indexpage div.videos-box div.videos-content div.vid-body p.v-text {
margin: 0;
padding: 0;
font-size: 90%;
line-height: 1.4em;
color: #454545;
/*overflow: hidden;*/
text-align: justify;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
}

.indexpage div.videos-box div.videos-content a {
display: block;
padding-left:0;
margin: 0;
cursor: pointer;
}
.indexpage div.videos-box div.videos-content a:link p.v-copy {
color: #4B4B4B!important;
text-decoration: none!important;
}
.indexpage div.videos-box div.videos-content a:visited p.v-copy {
color: #4B4B4B!important;
text-decoration: none!important;
}
.indexpage div.videos-box div.videos-content a:hover p.v-copy {
color:#5676DB!important;
text-decoration: none!important;
}
.indexpage div.videos-box div.videos-content a:active p.v-copy {
color: #4B4B4B!important;
text-decoration: none!important;
}



/* Business
------------------------------------------------------------- */
.second .solution-menu {
width: 100%;
border-bottom: 10px solid #28599A;
margin-bottom: 0;
}
.second .solution-box {
	margin: 0 auto;
	padding: 4.0em 1.0em 4.0em 1.0em;
	/*background-color: #fff;*/
	text-align: center;
	position: relative;
	width: 100%;
	/*border: 8px solid #d5d5d5;*/
	/*border-right: 1px solid #d5d5d5;*/
}
.second .solution-box:after {
	content: "";
	clear: both;
	display: block;
}
.second .solution-content {
	margin: 1%;
	padding: 0;
	width: 22.5%;
	float: left;
	/*border: solid 1px rgba(0,0,0,0.1);*/
/*	-moz-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1);
-o-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1);
-ms-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1);*/
box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
/*-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);*/
background-color: #fff;
}
.second .solution-content:after {
	content: "";
	clear: both;
	display: block;
}
.second .solution-body {
	padding: 0;
}
.second .solution-body .solution-img {
overflow: hidden;
width:96%;
margin:2%; 
/*height:180px;*/
}
.second .solution-body .solution-img a {
	background: none;
	padding-left:0;
	margin: 0;
}
.second .solution-body .solution-img a img{
border:none;

}
.second .solution-body .solution-img a:hover img,
.second .solution-body .solution-img a:active img {
	opacity: 0.8;
	transform: scale(1.1);
	transition-duration: 0.3s;
    overflow: hidden;
}
.second .solution-body p a:link {
	color: #4B4B4B;
	text-decoration: none;
}
.second .solution-body p a:visited {
	/*color: purple;*/
	color: #4B4B4B;
	text-decoration: none;
}
.second .solution-body p a:hover {
	color: #4B4B4B;
	text-decoration: underline;
}
.second .solution-body p a:active {
	color: #9F9F9F;
	text-decoration: none;
}


.second .solution-body p.solution-text {
	margin: 0;
	padding: 1.5em 1.0em;
	font-size: 85%;
	line-height: 1.6em;
	text-align: left;
	/*height: 50px;*/
	overflow: hidden;
	color: #676767;
}

.second .solution-body p.solution-title {
width: auto;
display: block;
	margin: 0;
	padding: 0.8em;
	font-size: 110%;
	/*font-weight: bold;*/
	position: relative;
	text-align: left;
	letter-spacing: 0.1em;
    border-top:1px solid #C0C0C0;
}

.second .solution-body p.solution-title::after {
    content: "\f0a9";
    font-family: 'Font Awesome 6 Free';
	/*color: indianred;*/
    /*color: deepskyblue;*/
    color: #005eb8;
	font-weight: 900;
	font-size: 100%;
	padding-right: 0.4em;
    position: absolute;
	right: 0;
}

.second .solution-body p.solution-title a:link {
color: #616161;
text-decoration: none;
}
.second .solution-body p.solution-title a:visited {
color: #616161;
text-decoration: none;
}
.second .solution-body p.solution-title a:hover {
color: dodgerblue;
text-decoration: none;
}
.second .solution-body p.solution-title a:active { 
text-decoration: none;
}

/*Topics Contents
------------------------------------------------------------- */


/*Content-chumoku*/

.cnt-box {
margin-top: 5%;
padding-bottom: 30px;
border-bottom: 1px dotted #C5C5C5;
}
.cnt-box:last-child {
margin-bottom:50px;
border-bottom:none;
}
.cnt-box .cnt-img {
padding-left: 0;
}
.cnt-box .cnt-text {
padding-left: 15px;
}
.cnt-box .cnt-text p{
font-size: 100%;
line-height: 1.4em;
}
.cnt-box .cnt-text p span{
display: block;
margin: 5px 0;
}
.cnt-box .cnt-text p span.next:before {
	margin-right: 4px;
	content: "[";
}
.cnt-box .cnt-text p span.next:after {
	margin-left: 4px;
	content: "]";
}

.cnt-box .cnt-text p.cnt-data {
font-size: 90%;
color: gray;
}
.cnt-box .cnt-text p.cnt-data:before {
	margin-right: 4px;
	/*content: "\f02d";*/
	content: "\f040";	
	font-size: 16px;
	color: firebrick;
	font-family: 'Font Awesome 5 Free';
}

.cnt-box .cnt-text p.cnt-data2 {
font-size: 90%;
line-height: 1.2em;
margin: 0.3em 0.5em 0.3em 0.2em;
}
.cnt-box .cnt-text p.cnt-data2:before {
	margin-right: 6px;
	/*content: "\f02d";*/
	content: "\f040";	
	font-size: 90%;
	color:yellowgreen;
	font-family: 'Font Awesome 5 Free';
}

.cnt-box .cnt-text p span.a-kubun:before {
	content:"A区分";
	display:inline;
	padding: .2em 1.0em;
	font-size: 85%;
	background-color:#94CC6D;
	color: white;
	margin: 0 6px 0 2px;
	border: none;
	border-radius: .25em;
	letter-spacing: 0.1em;
}
.cnt-box .cnt-text p span.b-kubun:before {
	content:"B区分";
	display:inline;
	padding: .2em 1.0em;
	font-size: 85%;
	background-color: #E4913F;
	color: white;
	margin: 0 6px 0 2px;
	border: none;
	border-radius: .25em;
	letter-spacing: 0.1em;
}

.cnt-box .cnt-text h5 {
margin: 0;
padding: 4px 0 10px 0;
}

.cnt-box .cnt-text h5 a.h5-link {
	background: none;
	padding-left: 0;
	margin: 0;
}

.cnt-box .cnt-text h5 a.h5-link:link {
	color: #006699;
	text-decoration: none;
}

.cnt-box .cnt-text h5 a.h5-link:visited {
	color: #006699;
	text-decoration: none;
}

.cnt-box .cnt-text h5 a.h5-link:hover {
	color: #50C9F4;
	text-decoration: none;
}

.cnt-box .cnt-text h5 a.h5-link:active {
	color: #50C9F4;
	text-decoration: none;
}

.gyokan {
margin-bottom: 40px;
}


/*----------------------
Customer-interview*/

.cnt-data2 {
width: 90%;
font-size: 90%;
margin: 12px 0 10px 10px;
padding: 0;
/*border-bottom: 1px solid #BFBDBD;*/
}
.cnt-text2 {
padding-top: 20px;}

p.cnt-data2:before {
	margin-right: 4px;
	content: "\f02d";
	font-size: 16px;
	color: firebrick;
	font-family: 'Font Awesome 5 Free';
}

.interview {}

.interview p {
font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Arial, sans-serif;
line-height: 1.8;
}

.interview p.ques {
font-weight: bold;
font-size: 100%;
line-height: 1.4;
margin-bottom: 20px;
}

.interview p.ans {
margin-bottom: 20px;
/*color: midnightblue;*/
}


/*--------------------
Content-news*/

.content-news {
width: 100%;
min-height: 300px;
}
.content-news ul{
list-style: none;
padding: 4px 0 0 5px;
width: 100%;
}

.content-news ul li{
width: 100%;
	margin:4px auto;
	padding: 5px 0;
	text-align: left;
	list-style-position:outside;
	/*clear:both;*/
	overflow:hidden;
	line-height:1.5;
	font-weight:normal;
	color:#3B3838;
	float:left;
}
.content-news ul li span.data{
	display:inline;
	padding-right: 8px;
	font-size: 75%;
}

.content-news ul li span.content{
	display:inline;
	font-size:85%;
}

/*トピックス終了*/
.content-news ul li span.end:before {
content:"終了しました";
	display:inline;
	padding: 3px 6px;
	font-size: 65%;
	background-color: gray;
	color: white;
	margin: 0 0 0 8px;
}

 /*トピックス過去リスト*/
.content-news ul li:before{
	content:"\f054";
	/*color:#a6103b;*/
	color: royalblue;
	font-size:100%;
	font-family: 'Font Awesome 5 Free';
	float:left;
	width:auto;
	font-weight:normal;
	display:block;
	margin-right: 4px;
}

/*ニュースルーム
________________________*/

#newsroom {}

#newsroom h3 {
margin-bottom: 0.5em;
font-size: 140%;
}
#newsroom h3 span.h3-title {
font-size: 80%;
}

#newsroom h4 {
font-size: 140%;
margin: 1.0em 0 0 0;
padding:0.8em 0.5em;
border-bottom: none;
font-family: "YuGothic", "游ゴシック", "Meiryo", "メイリオ", "MS PGothic", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif, sans-serif;
}
#newsroom h4.mt3 {
margin: 3.0em 0 0 0;
padding:0.8em 0.5em;
border-top: 1px solid gray;
}
#newsroom h4.mtb3 {
margin: 3.0em 0 1.5em 0;
padding:0.8em 0.5em;
border-top: 1px solid gray;
}

#newsroom p.data {
text-align: right;
font-size: 90%;
color: #789CBB;
padding: 0 0.5em;
margin: 0.5em 0 2.0em 0;
/*margin-bottom: 0;*/
}
#newsroom p.message {
font-size: 110%;
/*margin-bottom: 0;*/
}

#newsroom p.msg-Blue {
font-size: 130%;
color: #376AB7;
font-weight: bold;
/*margin-bottom: 0;*/
}
#newsroom p.msg-Red {
font-size: 130%;
color:#CD5F5F;
font-weight: bold;
/*margin-bottom: 0;*/
}
#newsroom p.msg-DG {
font-size: 130%;
color:#2F2F2F;
font-weight: bold;
font-family: "YuGothic", "游ゴシック", "Meiryo", "メイリオ", "MS PGothic", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif, sans-serif;
}

/*採用情報関連ニュース　Recruit-news*/

.recruit-news ul{
list-style: none;
padding: 4px 0 0 10px;
}

.recruit-news ul li{
		margin:4px auto;
		text-align: left;
		list-style-position:outside;
		clear:both;
		overflow:hidden;
		line-height:1.5;
	font-weight:normal;
	font-size:95%;
	color:#3B3838;
	float:left;
}
.recruit-news ul li span.data{
	display:inline;
	padding-right: 8px;
	font-size: 85%;
}
.recruit-news ul li span.content{
	display:inline;
}
.recruit-news ul li span.end {
	display:inline;
	padding: 6px 10px;
	font-size: 85%;
	background-color: gray;
	color: white;
	margin: 0 0 0 10px;
}

.recruit-news ul li:before{
	content:"\f054";
	/*color:#a6103b;*/
	color: royalblue;
	font-size:100%;
	font-family: 'Font Awesome 5 Free';
	float:left;
	width:auto;
	font-weight:normal;
	display:block;
	margin-right: 4px;
}


/* 採用情報　社員インタビュー
------------------------------------------------------------- */
.re-interview-box {
	margin: 10px 10px 10px 0;
	padding: 6px;
	width: 30%;
	display: block;
}

.re-interview-list {
margin: 2px;
font-size: 80%;
position: relative;
}

.re-interview-box img.soon  {
/*opacity: 0.9;*/
}

.re-interview-list span.coming-page {
	background-color:indianred;
	color: white;
	/*border: 1px solid gray;*/
	font-size: 95%;
	padding: 3px 5px;
	margin: 0;
	/*width: 100%;*/
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.re-interview-list span.current-page {
	background-color:#454444;
	color: #fff;
	font-size: 90%;
	padding: 6px;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.re-interview-list span.current-page a:link {
color: white;
}
.re-interview-list span.current-page a:visited {
color: white;
}
.re-interview-list span.current-page a:hover {
color: white;
text-decoration: underline;
}


.re-interview-list img {
margin-bottom: 6px;
transition: 0.2s;
}

.re-interview-list a:hover img,
.re-interview-list a:active img {
	opacity: 0.8;
	border: 1px solid black;
}
 
 
.re-interview-list a:link {
	color: #4A4A4A;
	text-decoration: none;
}

.re-interview-list  a:visited {
	color: #4A4A4A;
	text-decoration: none;
}

.re-interview-list a:hover {
	color: orange;
	text-decoration: none;
}

.re-interview-list  a:active {
	color: orange;
	text-decoration: none;
}

p.re-interview-link{
padding: 0 0 0 3px;
margin: 0;
}

p.re-interview-link span.role-1 {
padding: 0 0 0 14px;
margin: 0;
display: block;
}

p.re-interview-link span.name-2 {
padding: 0 0 0 14px;
margin: 0;
display:block;
}

p.re-interview-link:before {
    content: "\f054";
    font-family: 'Font Awesome 5 Free';
	color: orange;
	padding-right:5px;
}


/* お問い合わせフォーム
------------------------------------------------------------- */

/*table_parts_contact*/

.table-parts dl.contact-form {
margin-left: 0.5em;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
  align-items: stretch;
}
.table-parts dl.contact-form dt {
width: 30%;
margin: 0;
}

.table-parts dl.contact-form dd {
	width: 70%;
	margin: 0;
/*	margin-left: 32%;*/
}
.table-parts dl.contact-form label {
font-weight: normal;
font-size: 90%;
}

.table-parts dl.contact-form dd.flex-col {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
flex-direction:column;
}
.table-parts dl.contact-form dd.flex-col label {
width: 100%;
}



.table-parts dl.contact-form span.hissu {
color: #fff;
background: #BF0F12;
padding: 0.1em 0.5em;
font-size: 80%;
display: block;
width: 20%;
text-align: center;
border-radius: 4px;
}

.table-parts dl.contact-form input {
padding: 0.5em;
}

.table-parts dl.contact-form textarea {
padding: 0.5em;
}

.table-parts dl.contact-form p.note {
color:#7C7979;
margin-top: 5px;
font-size: 80%;
width: 90%;
}

/*同意チェックボックス*/
.table-parts dl.contact-form label.deco-check {
font-size: 110%;
margin: 0;
}
.table-parts dl.contact-form input[type=checkbox] {
  transform: scale(1.5);
  margin: 0 6px 0 0;
}

div.errMsg {
	display: none;
	border: solid 2px #EC383B;
	padding: 6px;
	margin: 6px 8px;
	font-size: 1.1em;
	text-align: left;
	color: #D41518;
}
div.errMsg > ul {
	margin:4px 0 4px 12px;
	color: #DB1114;
}


form .btn {
margin: 2.5em 0;
}

div.btn input.flow-btn {
color: #fff;
padding: 0.5em 1.0em;
margin: 0 4rem;
font-size: 120%;
font-weight:normal;
letter-spacing: 0.1em;
text-decoration: none;
display: inline-block;
border: 2px solid #33568E;
border-radius: 5px 5px;
background-color: #33568E;
}
div.btn input.flow-btn:hover {
background-color: #417CC1;
border: 2px solid #417CC1;
}

div.btn input.flow-btn[type=button] {
color: #fff;
padding: 0.5em 1.0em;
margin: 0 4rem;
font-size: 120%;
font-weight: normal;
letter-spacing: 0.1em;
text-decoration: none;
display: inline-block;
border: 2px solid #454545;
border-radius: 5px 5px;
background-color: #454545;
}
div.btn input.flow-btn[type=button]:hover {
background-color: #747474;
border: 2px solid #747474;
}

form input.contact-sm1 {
  display       : inline-block;
  border-radius : 8px 8px;          /* 角丸       */
  font-size     : 100%;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 1.0em 0.5em 1.0em 2.0em;   /* 余白       */
  background    : #33568E;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  border        : 2px solid #33568E;    /* 枠の指定 */
}
form input.contact-sm1:hover {
  color         : #000066;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}



/*  製品表
------------------------------------------------------------- */

div.device {
width: 100%;
padding: 0 0 0 8px;
margin: 0 0 10px 0;
}
div.device p {
margin: 0;
}
div.device:after {
	content: "";
	clear: both;
	display: block;
}
div.p-item {
width: 25%;
position: relative;
margin: 15px -1px 10px 0;
float: left;
}
div.p-item-sep {
width: 24%;
position: relative;
margin: 15px 0 10px 1%;
float: left;
}
div.p-item-samp {
width: 18%;
position: relative;
margin: 15px 1% 10px 0;
float: left;
}
div.p-item-table {
width: 100%;
position: relative;
margin: 0;
float: left;
}
div.p-item-table > div.p-item2 {
border: none;
}

div.p-item-supp {
width: 25%;
position: relative;
margin: 1.0em 0 1.0em 0;
float: left;
}
div.p-item-supp > div.p-item2 {
border: 1px solid #BFBFBF;
}
div.p-item-supp > div.p-item2 > div.prd-cu {
height: 30px;
}
div.p-item-supp > div.p-item2 > div.prd-cu span {
padding: 0.5em 0;
display: block;
}


/*p-itemの中身*/
div.p-item2 {
	display:block;
	width: 100%;
	padding: 3px;
	border: solid 1px #ddd;
	border-radius: 0;
	margin: 0;
	/*background-color: #fff;*/
	float: left;
	clear: both;
	vertical-align: middle;
}

/*項目*/
.mihon-hls {
background-color: #FFE9E9;
border: none!important;
}
.mihon-cu {
background-color:#FFF3CC;
border: none!important;
}
.mihon-other {
background-color:#F5F5F5;
border: none!important;
}
/* ---------- */


.item-widthL{
width: 100%;
}
.item-widthM{
width: 50%;
}
.item-widthS{
width: 20%;
}
.min-w200 {
min-width: 170px;
max-width: 200px;
}

/* シリーズ名 HLS */
div.p-item2 > div.prd-hls {
font-size: 85%;
font-weight:normal;
text-align: center;
width: 100%;
height: 30px;
border-bottom: none;
padding: 8px 0;
background-color: #FCD1D1;
position: relative;
letter-spacing: 1px;
}
div.p-item2 > div.prd-hls-2 {
font-size: 85%;
font-weight:normal;
text-align: center;
width: 100%;
height: 30px;
border-bottom: none;
padding: 2px 0;
background-color: #FCD1D1;
position: relative;
letter-spacing: 1px;
}

/* シリーズ名 CUnet */
div.p-item2 > div.prd-cu {
font-size: 85%;
font-weight:normal;
text-align: center;
width: 100%;
height: 40px;
border-bottom: none;
background-color: #FFD8B5;
position: relative;
letter-spacing: 1px;
}
div.p-item2 > div.prd-cu span {
padding: 11px 0;
display: block;
}
div.p-item2 > div.prd-cu2 {
font-size: 85%;
font-weight:normal;
text-align: center;
width: 100%;
height: 40px;
border-bottom: none;
/*padding: 3px 0;*/
background-color: #FFD8B5;
position: relative;
letter-spacing: 1px;
}
div.p-item2 > div.prd-cu2 span {
padding: 3px 0;
display: block;
}
div.p-item2 > div.prd-cuh {
font-size: 85%;
font-weight:normal;
text-align: center;
width: 100%;
height: 30px;
border-bottom: none;
padding: 8px 0;
background-color: #FFD8B5;
position: relative;
letter-spacing: 1px;
}
div.p-item2 > div.prd-cud {
font-size: 85%;
font-weight:normal;
text-align: center;
width: 100%;
height: 30px;
border-bottom: none;
padding: 8px 0;
background-color: #FFD8B5;
position: relative;
letter-spacing: 1px;
}

/* シリーズ名 その他 */
div.p-item2 > div.prd-other {
font-size: 85%;
font-weight:normal;
text-align: center;
width: 100%;
height: 30px;
border-bottom: none;
padding: 8px 0;
background-color:#C5C5C5;
position: relative;
letter-spacing: 1px;
}
div.p-item2 > div.prd-esp {
font-size: 85%;
font-weight:normal;
text-align: center;
width: 100%;
height: 30px;
border-bottom: none;
padding: 8px 0;
background-color: #96DFB3;
position: relative;
letter-spacing: 1px;
}

/* 型格名称 */
div.p-item2 > div.prd-name {
font-size: 100%;
font-weight: bold;
text-align: center;
width: 100%;
height: 100%;
border-bottom: none;
margin: 0;
vertical-align:middle;
display: block;
}
div.p-item2 > div.prd-name p {
width: 100%;
display: block;
padding:0;
text-align: center;
/*margin: 5% auto;*/
}
.p-item-samp div.prd-name p {
padding: 0.6em 0!important;
}

div.p-item2 > div.prd-name p a{
display: block;
padding: 0.5em 0;
margin: 0;
}
div.p-item2 > div.prd-name p a:after{
    content: "\f101";
    font-family: 'Font Awesome 5 Free';
	color: orange;
	padding-left:0.5em;
    font-weight: 900;
}
div.p-item2 > div.prd-name p.none a:after{
    content: " ";
    cursor: none;
}

div.p-item2 > div.prd-name p a:link {
text-decoration: none;
color: royalblue;
}
div.p-item2 > div.prd-name p a:hover {
text-decoration: none;
color: orange;
}

div.p-item2 > div.prd-name p.soon a{
display: block;
padding: 0.5em 0;
margin: 0;
}
div.p-item2 > div.prd-name p.soon a:after{
    content: "\f28b";
    font-family: 'Font Awesome 5 Free';
	color: #151515;
	padding-left:0.5em;
    font-weight: 400;
}
div.p-item2 > div.prd-name p.soon a:link {
text-decoration: none;
color: #151515;
}
div.p-item2 > div.prd-name p.soon a:visited {
text-decoration: none;
color: #151515;
}
div.p-item2 > div.prd-name p.soon a:hover {
text-decoration: none;
color: #151515;
}
div.p-item2 > div.prd-name p.soon a:active {
text-decoration: none;
color: #151515;
}



/*型格画像*/
/*ＩＣ*/
div.p-item2 > div.prd-img {
text-align: center;
width: 100%;
height: 90px;
border-bottom: solid 1px #ddd;
padding: 2% 0;
position: relative;
}
div.p-item2 > div.prd-img img {
text-align: center;
margin: 0 auto;
}
/*ＩＣ生産中止*/
div.p-item2 > div.prd-img-icdis {
text-align: center;
width: 100%;
height: 90px;
border-bottom: none;
padding: 2% 0;
position: relative;
}
div.p-item2 > div.prd-img-icdis img {
text-align: center;
margin: 0 auto;
}

/*ボード*/
div.p-item2 > div.prd-img-bo {
text-align: center;
width: 100%;
height: 100px;
border-bottom: solid 1px #ddd;
padding: 2% 0;
position: relative;
}
div.p-item2 > div.prd-img-bo img {
text-align: center;
margin: 0 auto;
}

div.p-item2 > div.prd-img-end {
text-align: center;
width: 100%;
height: 100px;
border-bottom: none;
padding: 2% 0;
position: relative;
}
div.p-item2 > div.prd-img-end img {
text-align: center;
margin: 0 auto;
}
div.p-item2 > div.prd-img-ends {
text-align: center;
width: 100%;
height: 98px;
border-bottom: none;
padding: 2% 0 0 0;
position: relative;
}
div.p-item2 > div.prd-img-ends img {
text-align: center;
margin: 0 auto;
}

/*ボード生産中止*/
div.p-item2 > div.prd-img-bodis {
text-align: center;
width: 100%;
height: 100px;
border-bottom:none;
padding: 2% 0;
position: relative;
}
div.p-item2 > div.prd-img-bodis img {
text-align: center;
margin: 0 auto;
}

div.prd-desc {
/*display: table-cell;*/
/*display:inline;*/
width: 100%;
border-bottom: solid 1px #ddd;
padding: 2px 0;
height: 68px;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
font-size: 85%;
}
/*div.prd-desc:last-child {
width: 100%;
border-bottom: none;
padding: 2px 0 0 0;
height: 68px;
text-align: center;
font-size: 85%;
}*/
div.prd-desc p {
line-height: 1.2em;
letter-spacing: 1px;
display: block;
align-items: center;
margin: 0;
/*vertical-align: middle;*/
}
div.prd-desc p.va-middle {
line-height: 1.2em;
letter-spacing: 1px;
vertical-align: middle;
display: block;
}
div.prd-desc p.line-1 {
padding: 4% 2% 0 2%;
}
div.prd-desc p.line-2 {
padding: 3% 2% 0 2%;
}
div.prd-desc p.line-3 {
padding: 2.5% 2% 0 2%;
}
div.prd-desc p.line-4 {
padding: 2% 2% 0 2%;
}
div.prd-desc p.ta-left {
text-align: left;
}

div.prd-desc p span {
display: block;
margin: 0 0 0.2em 0;
padding: 0;
text-align: left;
}

/*div.prd-desc p.merit {
padding: 2% 0 0 0;
margin-left: 1.2em;
}*/

/*div.prd-desc p.merit span {
display: block;
margin: 0 0 0.2em 0;
padding: 0;
text-align: left;
}*/

/*div.prd-desc p.merit span:before {
    content: "●";
	color: gray;
	padding-right:0.2em;
    font-weight: 900;
    font-size: 90%;
    margin-left: -1.3em;
}*/

/*特長一般タイプラスト*/
div.prd-desc-last {
display: flex;
text-align: center;
align-items: center;
justify-content: center;
font-size: 85%;
width: 100%;
border-bottom: none;
padding: 2px 0 0 0;
height: 80px;
}
div.prd-desc-last p.line-1 {
padding: 4% 2% 0 2%;
}
div.prd-desc-last p.line-2 {
padding: 3% 2% 0 2%;
}
div.prd-desc-last p.line-3 {
padding: 2.5% 2% 0 2%;
}
div.prd-desc-last p.line-4 {
padding: 2% 2% 0 2%;
}

/*特長リストタイプ*/
div.prd-desc-li {
width: 100%;
border-bottom: solid 1px #ddd;
padding: 2px 0;
height: 78px;
text-align: center;
font-size: 85%;
}
div.prd-desc-li:last-child {
width: 100%;
border-bottom: none;
padding: 2px 0;
height: 110px;
text-align: center;
font-size: 85%;
}

div.prd-desc-li p {
line-height: 1.4em;
letter-spacing: 1px;
display: block;
}
div.prd-desc-li p.line-1 {
padding: 15.5%  2% 0 2%;
}
div.prd-desc-li p.line-2 {
padding: 12%  2% 0 2%;
}
div.prd-desc-li p.line-3 {
padding: 6% 2% 0 2%;
}
div.prd-desc-li p.line-4 {
padding: 2% 2% 0 2%;
}

div.prd-desc-li p.ta-left {
text-align: left;
}
div.prd-desc-li p span {
display: block;
margin-bottom:0.2em;
text-align: left;
}
div.prd-desc-li p.merit {
padding: 2% 0 0 0;
margin-left: 1.2em;
}
div.prd-desc-li p.merit span {
display: block;
margin: 0 0 0.2em 0;
padding: 0;
text-align: left;
}
div.prd-desc-li p.merit span:before {
    content: "●";
   /* font-family: 'Font Awesome 5 Free';*/
	color: gray;
	padding-right:0.2em;
    font-weight: 900;
    font-size: 90%;
    margin-left: -1.3em;
}


/* 製品個別ページ　iframe
------------------------------------------------------------- */


.contents-box div.iframe-box {
  position: relative;
  width: 100%;
  overflow:hidden; 
  -webkit-overflow-scrolling:touch;
  /*border-top:1px dashed gray; */
  margin: 0;
  padding: 0;
  height: 170px;
}
.contents-box div.iframe-box iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    /*height:100%;*/
    border:none;
    display:block;
	height: 170px;
	
	/*padding: 2.0em;*/
	/*text-indent: -9999px;*/
}

/*div.aitem-doc1{
  height: 52px;
}
.aitem-doc1 iframe{
  height: 52px;
}

div.aitem-doc2{
  height: 100px;
}
.aitem-doc2 iframe{
  height: 100px;
}

div.aitem-doc3{
  height: 140px;
}
.aitem-doc3 iframe{
  height: 140px;
}

div.aitem-doc4{
  height: 180px;
}
.aitem-doc4 iframe{
  height: 170px;
}

div.aitem-sw1{
  height: 220px;
}
.aitem-sw1 iframe{
  height: 210px;
}

div.aitem-sw2{
  height: 220px;
}
.aitem-sw2 iframe{
  height: 210px;
}

div.aitem-sw3{
  height: 220px;
}
.aitem-sw3 iframe{
  height: 210px;
}

div.aitem-sw4{
  height: 220px;
}
.aitem-sw4 iframe{
  height: 210px;
}

div.aitem-sw5{
  height: 220px;
}
.aitem-sw5 iframe{
  height: 210px;
}*/

.contents-box div.aitem-1{
  height: 57px;
}
.aitem-1 iframe {
height: 52px;
}

.contents-box div.aitem-2{
  height: 105px;
}
.aitem-2 iframe {
height: 95px;
}

.contents-box div.aitem-3{
  height: 155px;
}
.aitem-3 iframe {
height: 140px;
}

.contents-box div.aitem-4{
  height: 210px;
}
.aitem-4 iframe {
height: 195px;
}

.contents-box div.aitem-5{
  height: 250px;
}
.aitem-5 iframe {
height: 235px;
}

.contents-box div.aitem-6{
  height: 290px;
}
.aitem-6 iframe {
height: 275px;
}

.contents-box div.aitem-7{
  height: 750px;
}
.aitem-7 iframe {
height: 500px;
}

.contents-box div.aitem-nfs{
  height: 160px;
}
.aitem-nfs iframe {
height: 160px;
}

.contents-box div.aitem-nfs2{
  height: 200px;
}
.aitem-nfs2 iframe {
height: 200px;
}


/* 製品個別ページ　iframe リンク元
------------------------------------------------------------- */

/*products iframe-dl*/
div.iframe-dl {
margin: 0;
padding: 0.5em 0;
width: 100%;
background-color: #fff;
position: relative;
}

.table-parts-download {
	margin: 0;
	padding: 0;
	margin-right: 10px;
	width: 85%;
	height: 100%;
}

.table-parts-download dl {
width: 95%;
background-color: #fff;
height: 3.0em;
margin-bottom: 0.3em;
font-size: 85%;
float: left;
position: relative;
}

.table-parts-download dl.he-5 {
height: 5.0em;
}

.table-parts-download dt {
	float: left;
	width: 38%;
	  padding: 0.5em 0.5em 0.5em 0;
	border-top: none;
	border-bottom: #B0B0B0 1px dotted;
	border-left: none;
	border-right: none;
	font-weight: normal;
	color: #000;
display: inline;
margin-top: 0.4em;
margin-right: 0.1em;
}
.table-parts-download dt.bo0 {
border: none;
}
.nfs dt {
	width: 44%;
}
.bundle dt {
	width: 44%;
}
.table-parts-download dt span {
color:#00C51C;
margin-left: 0.4em;
}
.table-parts-download dt:before {
	content: "\f0a9";
	font-family: 'Font Awesome 5 Free';
	padding: 0;
	margin:0 0.6em 0 0;
	font-size: 100%;
	font-weight: 900;
	/*color: #FF6063;*/
	letter-spacing: 0;
	color: deepskyblue;
	}

.table-parts-download dd {
	width: 16%;
	display: inline-block;
	float: left;
	margin-right: 1%;
	margin-top: 0.6em;
	background-color: #F7F7F7;
    font-size: 90%;
}
.table-parts-download dd p {
padding-left: 0.06em;
}
/*.table-parts-download dd:last-child p {
padding-left: 0.1em;
}*/

.table-parts-download dd.jp-dl {
/*border: #28599A 1px solid;*/
/*border: #0073D1 1px solid;*/
/*border: #C4C4C4 1px solid;*/
border: none;
}
.table-parts-download dd.en-dl {
/*border: #1781DC 1px solid;*/
/*border: #B1E5FF 1px solid;*/
border: none;
}
.table-parts-download dd.com-dl {
/*border: #00ACC1 1px solid;*/
/*border: #B1E5FF 1px solid;*/
border: none;
}

.table-parts-download dd.jp-dl p.link-download {
  position: relative;
  border-left: solid 3.7em #28599A;
}
.table-parts-download dd.en-dl p.link-download {
  position: relative;
  border-left: solid 3.7em #1781DC;
}
.table-parts-download dd.com-dl p.link-download {
  position: relative;
  border-left: solid 3.7em #00ACC1;
}

.table-parts-download dd.jp-dl p.link-download:before {
  content: "日本語";
  position: absolute;
  padding: 0 0 0 0.1em;
  color: white;
  font-size: 90%;
  font-weight: normal;
  left: -3.7em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.table-parts-download dd.en-dl p.link-download:before {
  content: "英 語";
  position: absolute;
  padding: 0 0 0 0.4em;
  color: white;
  font-size: 90%;
  font-weight: normal;
  left: -3.7em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.table-parts-download dd.com-dl p.link-download:before {
  content: "日/英";
  position: absolute;
  padding: 0 0 0 0.4em;
  color: white;
  font-size: 90%;
  font-weight: normal;
  left: -3.7em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.table-parts-download p.pdf a:before {
	content: "\f1c1";
	font-family: 'Font Awesome 5 Free';
	padding: 0 6px 0 2px;
	font-size: 120%;
	font-weight: 900;
	/*color: #FF6063;*/
	letter-spacing: 0;
	}

	.table-parts-download p.wait a:after {
	content: "\f28b";
	font-family: 'Font Awesome 5 Free';
	padding: 0 0 0 6px;
	font-size: 120%;
	font-weight: 400;
	color: #fff;
	letter-spacing: 0;
	}
	
.table-parts-download p.zip a:before {
	content: "\f019";
	font-family: 'Font Awesome 5 Free';
	padding: 0 6px 0 0;
	font-size: 120%;
	font-weight: 900;
	/*color: #D4272A;*/
	letter-spacing: 0;
	}
	
.table-parts-download p.page a:before {
	content: "\f101";
	font-family: 'Font Awesome 5 Free';
	padding: 0 4px 0 0;
	font-size: 120%;
	font-weight: 900;
	/*color: #D4272A;*/
	letter-spacing: 0;
	}

.table-parts-download dd p.link-download a {
display: block;
padding: 0.4em 0.5em;
/*height: 2.5em;*/
}

p.link-download a:link {
	/*color: #000;*/
    color: #06F;
}
p.link-download a:visited {
	/*color: #000;*/
}
p.link-download a:hover {
	color: #000;
	background:#B1E5FF;
	text-decoration: none;
}
p.link-download a:active {
	/*color: #000;*/
}
p.link-download span.link-pdf {
background-color: none;
}
.table-parts-download dd p {
margin: 0;
}



/*ダウンロードページ　トグル*/
div.dl-list{
width: 100%;
}
.dl-list div.openToggle {
	border-left: none;
	border-bottom: 1px dashed  #B9B9B9;
	cursor: pointer;
	padding:0;
	font-weight: normal;
	line-height:2.0em;
	margin:1.2em 0 0.2em 0 !important;
	font-size: 100%;
	text-decoration: none;
}
.dl-list div.openToggle p{
text-indent: -1.7em;
}

.dl-list div.openToggle:before{
    content: "\f067";
    font-family: 'Font Awesome 5 Free';
	color: deepskyblue;
	padding-right:0.5em;
    font-weight: 900;
    font-size: 150%;
}
.dl-list div.openToggle.openIfram:before{
    content: "\f00d";
    font-family: 'Font Awesome 5 Free';
	color: coral;
	padding-right:0.7em;
    font-weight: 900;
    font-size: 150%;
}

.dl-list div.iframArea {
display: none;
}

/*.dl-list div.iframArea table td a:after {
    content: "\f101";
    font-family: 'Font Awesome 5 Free';
	color: coral;
	padding-left:0.4em;
    font-weight: 900;
    font-size: 110%;
}*/

.dl-list div.openToggle:hover {
text-decoration: none;
color: dodgerblue;
}

/* iframe 参照元ページ
------------------------------------------------------------- */
.iframe-wrap {
width:100%;
/*position: relative;*/
margin: 0;
padding: 0;
/*padding: 1.0em 0.5em;*/
}
.iframe-wrap::after {
content: "";
clear: both;
display: block;
}
.iframe-wrap p {
line-height: 2.4em;
}

/* iframe topics　参照元ページ
------------------------------------------------------------- */
.iframe-wrap div {
margin: 0!important;
padding: 0!important;
}
.iframe-wrap .contents-box {
width: auto;
}
.iframe-wrap .contents-box div.topi-left {
width: 28%;
margin-right: 1.0em!important;
}
.iframe-wrap .contents-box div.topi-right {
width: 65%;
margin-right: 1.0em!important;
}

.iframe-wrap .contents-box p.topics {
line-height: 1.5em;
}

.iframe-wrap p.topics span.date {
color: #2162D3;
display: block;
}
.iframe-wrap p.topics span.topi-text {

}
.iframe-wrap p.topics span.topi-link {

}



/* iframe 参照先ページ
------------------------------------------------------------- */
iframe.download-1 {
width: 100%;
height: 80px;
}
iframe.download-2 {
width: 100%;
height: 120px;
}
iframe.download-3 {
width: 100%;
height: 150px;
}

.contents-box div.iframe-box2 {
  position: relative;
  width: 100%;
  overflow:hidden; 
  -webkit-overflow-scrolling:touch;
  border:3px solid #DFDFDF; 
  margin: 0 0 0.8em 0;
  padding: 0.5em;
  height: 145px;
}
.contents-box div.iframe-box2 iframe.topics {
    position:absolute;
    top:0;
    left:0;
    width:100%;
	height: auto;
    border:none;
    display:block;
	min-height: 140px;
	padding: 0.5em;
}
/*.contents-box div.iframe-box2 iframe.topics {
border: none;
margin: 0;
padding: 0.5em;
width: 100%;
height: 170px;
overflow: hidden!important;
}*/




/* FAQ
------------------------------------------------------------- */
div.faq-list{
width: 100%;
}
.faq-list div.openBtn {
	border-left: none;
	border-bottom: 1px dashed  #B9B9B9;
	cursor: pointer;
	padding:0;
	font-weight: normal;
	line-height:2.0em;
	margin:1.2em 0 0.2em 0 !important;
	font-size: 100%;
	text-decoration: none;
}
.faq-list div.openBtn p{
text-indent: -1.7em;
}
/*.faq-list div.openBtn span.open-a {
color: #fff;
background-color: deepskyblue;
text-decoration: none;
padding:0.1em 0.4em;
margin-right: 0.6em;
font-size: 90%;
}*/


.faq-list div.openBtn span.open-a:before{
    content: "\f067";
    font-family: 'Font Awesome 5 Free';
	color: deepskyblue;
	padding-right:0.5em;
    font-weight: 900;
    font-size: 150%;
}


.faq-list div.textArea {
display: none;
/*	border-left: none;
	padding:1.0em 0;
	font-weight: normal;
	margin:0.2em 0 1.6em 0 !important;
	color:#222;
	font-size: 100%;*/
	/*background-color: aliceblue;*/
}

/*.faq-list p.textArea:before {
content: "回答：";
display:block;
color: royalblue;
}*/

 
div.openBtn:hover {
/*opacity: 0.7;*/
text-decoration: none;
color: dodgerblue;
}

 
/* 表示ボタン ー 逆三角アイコン */
.faColor {
color: #9FD6D2;
}
.faq-list h5 {
background-color: aliceblue;
}