@charset "utf-8";

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

/* Common
------------------------------------------------------------- */
* {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html{
font-size: 62.5%;
scroll-behavior: smooth;
}
html, body {
position: relative;
font-family: "Roboto", "Noto Sans JP", sans-serif;
/*font-family: "ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック",MS PGothic,sans-serif;*/
line-height: 1.6em;
background-color:#fff;
color:#1A1A1A;
font-style: normal;
font-weight: normal;
overflow-wrap : normal;
/*word-wrap: break-word;*/
overflow-wrap: anywhere; /* 収まらない場合に折り返す */
word-break: normal; /* 単語の分割はデフォルトに依存 */
line-break: strict; /* 禁則処理を厳格に適用 */
letter-spacing: 0.06em;
text-align: justify;
}
body{
width: 100%;
min-width: 320px; /*最小幅サイズ設定*/
font-size: 1.4rem;
display: block;
}
main {
width:100%;
position: relative;
margin: 0;
padding: 0;
display: block;
/*font-size: 100%;*/
}

section {
display: block;
}

div {
display: block;
}

footer {
width: 100%;
padding: 0;
text-align: center;
display: block;
}

body::after,
main::after,
div::after,
section::after,
footer::after{
content:"";
display:block;
clear:both;
}


/*モバイル限定*/
@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;
}
}

/* DIV
------------------------------------------------------------- */
.wrapper {
width:1024px;
margin: 0 auto 50px;
padding: 0 12px;
}

.position-reset {
position: static;
}

.container {
width: 95%;
margin: 0;
padding: 0 0 0 0.6em;		
}

.width100 {
width:1024px;
position: relative;
margin: 0 auto;
padding: 0;
}

.index-box section.h4 {
width: 100%;
margin: 0;
padding: 0 0.8em;	
}
.contents-box section.h4 {
width: 100%;
margin: 0;
padding: 0;	
}

.section-inner {
padding-left: 0.2em;
}

hr {
	display: none;
}

hr.bluedash {
	display: block;
	border-top: none;
	border-bottom: 2px dotted #976B31;
	padding: 4px 10px 10px 15px;
	margin: 25px 0;
}
hr.graydash {
	display: block;
	border-top: none;
	border-bottom: 1px dotted #B5B5B5;
	padding: 0.2em 0;
	margin: 0;
}
.dsp-block {display: block;}
.dsp-inline {display: inline;}

div.height-50 {height: 50px!important;}
div.height-min300 {min-height: 300px!important;}
div.height-min500 {min-height: 500px!important;}


/*font
------------------------------------------------------------- */
.f-size2 {font-size: 2.0em!important;}
.f-size16 {font-size: 1.6em!important;}
.f-size14 {font-size: 1.4em!important;}
.f-size12 {font-size: 1.2em!important;}

.f-size90 {font-size: 90%!important;}
.f-size80 {font-size: 80%!important;}
.f-size70 {font-size: 70%!important;}
.f-size60 {font-size: 60%!important;}
.f-size50 {font-size: 50%!important;}

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

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

.f-fami-yu {font-family: "YuGothic", "游ゴシック", "Meiryo", "メイリオ", "MS PGothic", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif, sans-serif;}

.fw-B {
font-weight: bold!important;
}
.fw-N {
font-weight: normal!important;
}

.container {
font-family: "Roboto", "Noto Sans JP", sans-serif;
/*font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Arial, sans-serif;*/
}


/*Text
------------------------------------------------------------- */

.chotai-09 {
transform: scale( 0.9 , 1 );
}
.chotai-08 {
transform: scale( 0.8 , 1 );
}
.chotai-07 {
transform: scale( 0.7 , 1 );
}

.hiratai-20 {
transform: scale( 1 , 2.0 );
}
.hiratai-15 {
transform: scale( 1 , 1.5 );
}

.lineh-14 {
line-height: 1.4;
}
.lineh-15 {
line-height: 1.5;
}
.lineh-16 {
line-height: 1.6;
}
.lineh-17 {
line-height: 1.7;
}
.lineh-18 {
line-height: 1.8;
}
.lineh-19 {
line-height: 1.9;
}
.lineh-20 {
line-height: 2.0;
}

.text-L {text-align: left!important;}
.text-R {text-align: right!important;}
.text-C {text-align: center!important;}

span.wl {display: block;}
span.br {display: block;}

.letter-sp-0 {letter-spacing: 0;}


sup {
  font-size: 80%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.4em;
  margin-right: 4px;
}
sup.note {
color:#DF3133;
}

sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  bottom: -0.25em;
}

p span.border-box-Black {
width: auto;
padding: 0.1em 0.8em;
border: 2px solid #3A3A3A;
font-weight: normal;
font-size: 110%;
}
p span.border-box-Blue {
width: auto;
padding: 0.1em 0.8em;
border: 2px solid #4166BF;
font-weight: normal;
font-size: 110%;
letter-spacing: 2px;
}

.disp-b {
display: block!important;
}
.disp-in{
display: inline!important;
}
.disp-in a{
display: inline!important;
}
.disp-inb{
display: inline-block!important;
}

span.caption-bL {
display: block;
text-align: left;
font-size: 85%;
padding: 0;
margin: 0;
color: gray;
}
span.caption-inL {
display: inline;
text-align: left;
font-size: 85%;
padding: 0;
margin: 0;
color: gray;
}

/*テキストの表示制限*/
span.text-line3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
span.text-line4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

/*Image
------------------------------------------------------------- */

.resize{
padding: 0!important;
margin: 0!important;
height: 100%;
} 
.resize img {
width: 100%;
padding:0;
object-fit: cover;
}

p.resize-w {
padding: 0!important;
margin: 0!important;
width: 100%;
} 
p.resize-w img {
width: auto;
height: 100%;
object-fit: cover;
}


p.resize-h130 {
padding: 0!important;
margin: 0!important;
height: auto;
} 
p.resize-h130 img {
width: 100%;
height: 130px;
object-fit: cover;
}
p.resize-h140 {
padding: 0!important;
margin: 0!important;
height: auto;
} 
p.resize-h140 img {
width: 100%;
height: 140px;
object-fit: cover;
}
p.resize-h150 {
padding: 0!important;
margin: 0!important;
height: auto;
} 
p.resize-h150 img {
width: 100%;
height: 150px;
object-fit: cover;
}


img.border-g1{
border: solid 1px #C4C4C4;
}

.img-responsive{
  display: block;
  max-width: 100%;
  height: auto;
}
.img-hcover{
  display: block;
  max-width: 100%;
  height: auto;
}
span.img-capR {
display: block;
text-align: right;
font-size: 85%;
padding: 0 0.2em 0 0;
margin: 0;
color: gray;
}
span.img-capL {
display: block;
text-align: left;
font-size: 85%;
padding: 0 0 0 0.3em;
margin: 0;
color: gray;
}

/*Image Listbox
------------------------------------------------------------- */

div.img-listbox {
width: 100%;
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
gap: 1.5em 1.5%;
margin: 0;
padding: 0;
}

/*横並画像数４　22%*/
div.img-child4 {
width: 22%;
height: auto;
margin: 0 1.5% 15px 0;
padding: 0;
border: solid 1px #C4C4C4;
}
div.img-child4-nobo {
width: 22%;
height: auto;
margin: 0 1.5% 0 0;
padding: 0.5em 0;
border: none;
}
div.img-child4 img,
div.img-child4-nobo img{
width: 100%;
padding:0;
}
div.img-child4 p,
div.img-child4-nobo p{
display: block;
color: #2F2F2F;
font-size: 85%;
padding:0.2em 0 0.5em 0;
margin: 0;
}

div.img-child4 p span,
div.img-child4-nobo p span {
display: block;
line-height: 1.0em;
padding-bottom: 0.5em;
}

/*横並画像数３*/
div.img-child3 {
width: calc(100% / 3 - 1.5%);
/*width: 31%;*/
height: auto;
/*margin: 0 1.5% 15px 0;*/
margin:0;
padding: 0;
border: solid 1px #C4C4C4;
}

div.img-child3-nobo {
width: calc(100% / 3 - 1.5%);
/*width: 31%;*/
height: auto;
/*margin: 0 1.5% 0 0;*/
margin:0;
padding: 0;
/*padding: 0.5em 0;*/
border: none;
}
div.h-kotei-135 div.img-child3-nobo {

}
div.h-kotei-135 div.img-child3-nobo img {
height: 135px;
object-fit: cover;
}

div.img-child3 img,
div.img-child3-nobo img {
width: 100%;
padding:0;
/*object-fit: contain;*/
}

div.img-child3 p,
div.img-child3-nobo p{
display: block;
color: #2F2F2F;
font-size: 90%;
padding:0.2em 0.5em 0.5em 0.5em;
margin: 0;
}

div.img-child3 p span,
div.img-child3-nobo p span {
display: block;
line-height: 1.0em;
padding-bottom: 0.5em;
}

/*width auto------------------------------------------*/
div.img-listbox-wa {
width: 100%;
/*min-height: 100px;*/
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content:flex-start;
column-gap: 2%;
row-gap:15px;
margin: 1.0em 0;
padding: 0;
}
/*横並画像数４　width auto*/
div.img-listbox-wa div.img-child4 {
width: calc(94%/4);
height: auto;
margin: 0;
padding: 0;
border: solid 1px #C4C4C4;
}
div.img-listbox-wa div.img-child4:last-child {
margin: 0;
}
div.img-listbox-wa div.img-child4-nobo {
width: calc(94%/4);
/*width: 22%;*/
height: auto;
margin: 0;
padding: 0.5em 0;
border: none;
}
div.img-listbox-wa div.img-child4-nobo:last-child {
margin: 0;
}
div.img-listbox-wa div.img-child4 img,
div.img-listbox-wa div.img-child4-nobo img{
width: 100%;
padding:0;
}
div.img-listbox-wa div.img-child4 p,
div.img-listbox-wa div.img-child4-nobo p{
display: block;
color: #2F2F2F;
font-size: 85%;
padding:0.2em 0 0.5em 0;
margin: 0;
}

/*横並画像数３　width auto*/
/*ボーダーあり*/
div.img-listbox-wa div.img-child3 {
width: calc(96%/3);
height: auto;
margin: 0;
padding: 0;
border: solid 1px #C4C4C4;
}
div.img-listbox-wa div.img-child3:last-child {
margin: 0;
}
/*ボーダーなし*/
div.img-listbox-wa div.img-child3-nobo {
width: calc(96%/3);
height: auto;
margin: 0;
padding: 0.5em 0;
border: none;
}
div.img-listbox-wa div.img-child3-nobo:last-child {
margin: 0;
}
div.img-listbox-wa div.img-child3 img,
div.img-listbox-wa div.img-child3-nobo img{
width: 100%;
padding:0;
}
div.img-listbox-wa div.img-child3 p,
div.img-listbox-wa div.img-child3-nobo p{
display: block;
color: #2F2F2F;
font-size: 85%;
padding:0.2em 0 0.5em 0;
margin: 0;
}
/*横並画像数２　width auto*/
/*ボーダーあり*/
div.img-listbox-wa div.img-child2 {
width: calc(100% / 2 - 2%);
height: auto;
margin: 0;
padding: 0;
border: solid 1px #C4C4C4;
}
div.img-listbox-wa div.img-child2:last-child {
margin: 0;
}
/*ボーダーなし*/
div.img-listbox-wa div.img-child2-nobo {
width: calc(100% / 2 - 2%);
height: auto;
margin: 0;
padding: 0.5em 0;
border: none;
}
div.img-listbox-wa div.img-child2-nobo:last-child {
margin: 0;
}
div.img-listbox-wa div.img-child2 img,
div.img-listbox-wa div.img-child2-nobo img{
width: 100%;
padding:0;
}
div.img-listbox-wa div.img-child2 p,
div.img-listbox-wa div.img-child2-nobo p{
display: block;
color: #2F2F2F;
font-size: 85%;
padding:0.2em 0 0.5em 0;
margin: 0;
}

/*資料ダウンロード用*/
div.img-listbox-wadl {
width: 100%;
text-align: left;
display: flex;
flex-wrap: wrap;
justify-content:flex-start;
column-gap: 4%;
row-gap:15px;
margin: 1.0em 0;
padding: 0;
}
div.img-listbox-wadl div.img-child3-dl {
width: calc(92% / 3);
height: auto;
margin: 0;
padding: 0.5em 0;
border: none;
}
div.img-listbox-wadl div.img-child3-dl:last-child {
margin: 0;
}
div.img-listbox-wadl div.img-child3-dl img {
width: 95%;
padding:0;
margin: 0;
text-align: left;
}
div.img-listbox-wadl div.img-child3-dl p {
display: inline-block;
margin: 0;
padding: 0;
}
div.img-listbox-wadl div.img-child3-dl p.dl-name {
width: 93%;
font-size: 120%;
border-bottom: 1px solid #DCDCDC;
margin-bottom: 0.5em;
padding:0.2em 0 0.2em 0.3em;
}
div.img-listbox-wadl div.img-child3-dl p a {
line-height: 1.4em;
}
div.img-listbox-wadl div.img-child3-dl ul {
margin: 0;
padding: 0;
}
div.img-listbox-wadl div.img-child3-dl li {
list-style: none;
color: #2F2F2F;
text-align: left;
font-size: 95%;
padding: 0;
margin: 0.5em 0 0.5em 0.2em;
line-height: 1.6em;
}
div.img-listbox-wadl div.img-child3-dl li::before {
content: "・";
display: inline-block;
}


/*Link LVHA
------------------------------------------------------------- */

a:link {
	color: #3F58BD;
	text-decoration: none;
	padding: 0;
	/*padding: 0 3px;*/
}
a:visited {
	color: #66c;
	text-decoration: none;
}
a:hover {
	color: cornflowerblue;
	text-decoration: none;
}
a:active {
	color: cornflowerblue;
	text-decoration: none;
}

a.edu:link {
	color: #41B28F!important;
	text-decoration: none;
}
a.edu:visited {
	color: #41B28F!important;
	text-decoration: none;
}
a.edu:hover {
	color: darkseagreen!important;
	text-decoration: none;
}
a.edu:active {
	color: darkseagreen!important;
	text-decoration: none;
}

a.color-2:link {
color: #33568E;
text-decoration: none;
}
a.color-2:visited {
color: #33568E;
text-decoration: none;
}
a.color-2:hover {
color: cornflowerblue;
text-decoration: underline;
}
a.color-2:active {
color: #33568E;
text-decoration: none;
}

a.color-3:link {
color: #292929;
text-decoration: none;
}
a.color-3:visited {
color: #292929;
text-decoration: none;
}
a.color-3:hover {
color: cornflowerblue;
text-decoration: underline;
}
a.color-3:active {
color: #292929;
text-decoration: none;
}

a.color-4:link {
color: #292929;
text-decoration: none;
}
a.color-4:visited {
color: #292929;
text-decoration: none;
}
a.color-4:hover {
color: cornflowerblue;
text-decoration: none;
}
a.color-4:active {
color: #292929;
text-decoration: none;
}


/*a.anc {
display: block;
margin-top:-100px;
padding-top:100px;
content: "";
text-indent: -9999px;
}*/

a img {
	border: 0;
	opacity: 1;
}

a.opa:hover img,
a.opa:active img {
	border: 0;
	opacity: 0.8;
}



/*Site-Link1 >>*/
p.sitelink-b {}
p.sitelink-b a {
padding: 0;
}
p.sitelink-b a::before {
display: inline-block;
    content: "\f138";
    font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	color: royalblue;
	padding-right: 0.5em;
}

p.sitelink-a {}
p.sitelink-a a {
padding: 0;
}
p.sitelink-a a::after {
display: inline-block;
    content: "\f138";
    font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	color: royalblue;
	padding-left: 0.5em;
}

a.sitelink-aa {
padding: 0;
}
a.sitelink-aa::after {
display: inline-block;
    content: "\f138";
    font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	color: royalblue;
	padding-left: 0.2em;
	padding-right: 0.4em;
}

p.sitelink-anc {}
p.sitelink-anc a {
padding: 0;
}
p.sitelink-anc a::before {
display: inline-block;
    content: "\f13a";
    font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	color: royalblue;
	padding-right: 0.5em;
}

p.sitelink-b a.edu::before,
p.sitelink-a a.edu::after {
	color: #41B28F!important;
}

p.sitelink-book {}
p.sitelink-book a {
padding: 0;
}
p.sitelink-book a::before {
    content: "\f02d";
    font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	color: royalblue;
	padding-right: 0.5em;
	font-size: 120%;
}

p.sitelink-catalog {}
p.sitelink-catalog a {
padding: 0;
}
p.sitelink-catalog a::before {
display: inline-block;
    content: "\f518";
    font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	color: royalblue;
	padding-right: 0.5em;
	font-size: 120%;
}

p.sitelink-topics {}
p.sitelink-topics a {
padding: 0;
}
p.sitelink-topics a::before {
display: inline-block;
    content: "\f303";
    font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	color: royalblue;
	padding-right: 0.5em;
	font-size: 120%;
}

p.sitelink-topics2 {}
p.sitelink-topics2 a {
padding: 0;
}
p.sitelink-topics2 a::before {
display: inline-block;
    content: "\f27a";
    font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	color: royalblue;
	padding-right: 0.5em;
	font-size: 120%;
}

/*Out-Link*/
p.outlink-b {}
p.outlink-b a {
padding: 0;
line-height: 2.0em;
}
p.outlink-b a::before {
display: inline-block;
    content: "\f35d";
    font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	color: royalblue;
	padding-right: 0.5em;
}

p.outlink-a {}
p.outlink-a a {
padding: 0;
line-height: 2.0em;
}
p.outlink-a a::after {
display: inline-block;
    content: "\f35d";
    font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	color: royalblue;
	padding-left: 0.5em;
}

a.outlink-aa {
padding: 0;
line-height: 2.0em;
}
a.outlink-aa::after {
display: inline-block;
    content: "\f35d";
    font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	color: royalblue;
	padding-left: 0.4em;
	padding-right: 0.4em;
}

/*新しいタブリンク*/
p.newtab-a {}
p.newtab-a a {
padding: 0;
line-height: 2.0em;
}
p.newtab-a a::after {
display: inline-block;
content: "\f2d2";
font-family: 'Font Awesome 6 Free';
font-weight: 900;
color: royalblue;
padding-left: 0.5em;
}



/*PDF-Link*/
p.pdf-link-img {}
p.pdf-link-img a {
font-size: 100%;
height: 2.0em;
padding:0;
}
p.pdf-link-img a::before {
content: '';
display: inline-block;
vertical-align: middle;
width: 22px;
height: 22px;
background: url("../images/99_past_img/link-icon/PDF_24.png");
background-repeat: no-repeat;  /* 背景画像の繰り返しをしない */
background-size: contain;
margin-right: 0.4em;
}
p.pdf-link-img-as {}
p.pdf-link-img-as a::after{
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 17px;
  height: 17px;
  background-image: url("../images/99_past_img/link-icon/PDF_24.png");
  background-size: contain;
  margin-left: 0.4em;
}
p.pdf-link-img-bs {}
p.pdf-link-img-bs a::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 17px;
  height: 17px;
  background-image: url("../images/99_past_img/link-icon/PDF_24.png");
  background-size: contain;
  margin-right: 0.4em;
}
/*PDF-Link FontAwesome*/
p.pdf-link-b {}
p.pdf-link-b a{
margin: 0;
padding: 0;
font-size: 100%;
display: block;
}
p.pdf-link-b a::before {
display: inline-block;
content: "\f1c1";
font-family: 'Font Awesome 6 Free';
font-weight: 400;
color: #E3595B;
font-size: 120%;
text-decoration: none;
margin:0 0.4em 0 0.1em;
}

p.pdf-link-img a:link,
p.pdf-link-b a:link {
color: #33568E;
text-decoration: none;
}
p.pdf-link-img a:visited,
p.pdf-link-b a:visited {
color: #33568E;
text-decoration: none;
}
p.pdf-link-img a:hover {
color: cornflowerblue;
text-decoration: underline;
}
p.pdf-link-b a:hover {
color: cornflowerblue;
text-decoration: none;
}
p.pdf-link-img a:active,
p.pdf-link-b a:active {
color: #33568E;
text-decoration: none;
}


/*ボタンリンク*/

/*センタリングの場合*/
div.btn{
display: block;
margin: 1.0em 0;
text-align: center;
}
div.btn p{
margin: 0 auto;
}


p.link-btn {
font-size: 110%;
}
.btn-w1 {
width: 100%;
}
.btn-w2 {
width: 50%;
}
.btn-w3 {
width: 30%;
}
.btn-w4 {
width: 20%;
}
.btn-wauto {
width: auto;
}
.btn-w90pr {
width: 90%;
}
.btn-w80pr {
width: 80%;
}
.btn-w70pr {
width: 70%;
}

p.link-btn a {
color: #fff;
padding: 0.5em;
font-weight:normal;
letter-spacing: 0.1em;
text-decoration: none;
display: block;
min-height: 35px;
/*width: 100%;*/
border-radius: 5px 5px;
}
p.link-btn a.wauto {
display: inline-block!important;
width: auto!important;
padding-right: 2.0em!important;
}

.fcolor-co {
color: #33568E;
}
.fcolor-fa {
color: #4685CB;
}
.fcolor-edu {
color: #38A784;
/*color: #41B28F;*/
}
.fcolor-edu2 {
	color: #2A8468;
}
.fcolor-next {
color: #EEAC69;
}

main#category-co p.link-btn a {
background-color: #33568E;
}
main#category-fa p.link-btn a {
background-color: #4685CB;
}
main#category-edu p.link-btn a {
background-color: #41B28F;
}
main#category-next p.link-btn a {
background-color: #EEAC69;
}
main#index-co p.link-btn a {
background-color: #33568E;
}
main#index-fa p.link-btn a {
background-color: #4685CB;
}
main#index-edu p.link-btn a {
background-color: #41B28F;
}
main#index-next p.link-btn a {
background-color: #EEAC69;
}

p.link-btn a::before {
	content:"\f138";
    font-family: 'Font Awesome 6 Free';
	color: #fff;
	margin-right: 0.5em;
	font-size: 100%;
	vertical-align: middle;
	text-decoration: none;
	font-weight: 900;
}
p.link-btn a:link {
	color: #fff;
}
p.link-btn a:visited {
	color: #fff;
}
p.link-btn a:hover {
	color: #fff;
	opacity: 0.8;
	text-decoration: none;
}
p.link-btn a:active {
	color: #fff;
}

p.link-btn span.link-pdf {
background-color: none;
}

/*白抜きボタン　オングレー*/
p.link-btn-wh{}
p.link-btn-wh a {
color: #333;
padding: 0.5em;
font-weight:normal;
letter-spacing: 0.1em;
text-decoration: none;
display: block;
width: 100%;
border: 1px solid #ccc;
border-radius: 5px 5px;
background-color: #fff;
}

p.link-btn-wh a::before {
	content:"\f138";
    font-family: 'Font Awesome 6 Free';
	color: #ccc;
	margin-right: 0.5em;
	font-size: 100%;
	vertical-align: middle;
	text-decoration: none;
	font-weight: 900;
}
p.link-btn-wh a:link {
	color: #333;
}
p.link-btn-wh a:visited {
	color: #333;
}
p.link-btn-wh a:hover {
color: #333;
text-decoration: none;
background-color: #F4F4F4;
}

p.link-btn-wh a:active {
	color: #333;
}

p.link-btn-wh span.link-pdf {
background-color: none;
}

/*白抜きボタン オン青*/
p.link-btn-wh a.blue {
color: #333;
padding: 0.5em;
font-weight:normal;
letter-spacing: 0.1em;
text-decoration: none;
display: block;
width: 100%;
border: 1px solid steelblue;
border-radius: 5px 5px;
background-color: #fff;
}

p.link-btn-wh a.blue:hover {
color: #fff!important;
text-decoration: none;
background-color: steelblue;
/*background-color: #3D71B7;*/
}
p.link-btn-wh a.blue::before {
	content:"\f138";
    font-family: 'Font Awesome 6 Free';
	color: steelblue;
	margin-right: 0.5em;
	font-size: 100%;
	vertical-align: middle;
	text-decoration: none;
	font-weight: 900;
}
p.link-btn-wh a.blue:hover::before {
	content:"\f138";
    font-family: 'Font Awesome 6 Free';
	color: #fff;
	margin-right: 0.5em;
	font-size: 100%;
	vertical-align: middle;
	text-decoration: none;
	font-weight: 900;
}

/*白抜きボタン オン青co*/
p.link-btn-wh a.co-blue {
color: #333;
padding: 0.5em;
font-weight:normal;
letter-spacing: 0.1em;
text-decoration: none;
display: block;
width: 100%;
border: 1px solid #33568E;
border-radius: 5px 5px;
background-color: #fff;
}

p.link-btn-wh a.co-blue:hover {
color: #fff!important;
text-decoration: none;
background-color: #33568E;
/*background-color: #3D71B7;*/
}
p.link-btn-wh a.co-blue::before {
	content:"\f138";
    font-family: 'Font Awesome 6 Free';
	color: #33568E;
	margin-right: 0.5em;
	font-size: 100%;
	vertical-align: middle;
	text-decoration: none;
	font-weight: 900;
}
p.link-btn-wh a.co-blue:hover::before {
	content:"\f138";
    font-family: 'Font Awesome 6 Free';
	color: #fff;
	margin-right: 0.5em;
	font-size: 100%;
	vertical-align: middle;
	text-decoration: none;
	font-weight: 900;
}



/*白抜きボタン オンedu*/
p.link-btn-wh a.edu {
color: #333!important;
padding: 0.5em;
font-weight:normal;
letter-spacing: 0.1em;
text-decoration: none;
display: block;
width: 100%;
border: 1px solid #41B28F;
border-radius: 5px 5px;
background-color: #fff;
}

p.link-btn-wh a.edu:hover {
color: #fff!important;
text-decoration: none;
background-color: #41B28F;
/*background-color: #3D71B7;*/
}
p.link-btn-wh a.edu::before {
	content:"\f138";
    font-family: 'Font Awesome 6 Free';
	color: #41B28F;
	margin-right: 0.5em;
	font-size: 100%;
	vertical-align: middle;
	text-decoration: none;
	font-weight: 900;
}
p.link-btn-wh a.edu:hover::before {
	content:"\f138";
    font-family: 'Font Awesome 6 Free';
	color: #fff;
	margin-right: 0.5em;
	font-size: 100%;
	vertical-align: middle;
	text-decoration: none;
	font-weight: 900;
}


/*グレーボタン*/
p.link-btn-gry {}
p.link-btn-gry a {
color: #333;
padding: 0.5em;
font-weight:normal;
letter-spacing: 0.1em;
text-decoration: none;
display: block;
width: 100%;
border: 1px solid #ccc;
border-radius: 5px 5px;
background-color: #F4F4F4;
}

p.link-btn-gry a::before {
content: "\f138";
font-family: 'Font Awesome 6 Free';
color: #767676;
margin-right: 0.8em;
font-size: 100%;
vertical-align: middle;
text-decoration: none;
font-weight: 900;
}
p.link-btn-gry a:link {
	color: #333;
}
p.link-btn-gry a:visited {
	color: #333;
}
p.link-btn-gry a:hover {
color: #333;
text-decoration: none;
background-color: #fff;
}
p.link-btn-gry a:active {
	color: #333;
}

p.link-btn-gry span.link-pdf {
background-color: none;
}


/*ZIP-Link FontAwesome*/
p.link-zip-FAw{
margin: 1.0em 1.4em 2.8em 0 !important;
font-size: 110%;
font-weight: bold;
}
p.link-zip-FAw:before {
    content: "\f019";
    font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	color: mediumblue;
    font-size: 1.2em;
	text-decoration: none;
	margin-right: 0.4em;
}


/*shosai*/
.link-shosai {
height: 3.0em;
font-size: 110%;
width: 30%;
margin: 20px 10px 20px 0px!important;
display: block;
}
.link-shosai a {
/*background-color: #ED8E44;*/
color: #fff;
/*height: 3.0em;*/
border: 2px solid cornflowerblue;
background-color: cornflowerblue;
padding: 0.5em 1.2em 0.5em 1.0em;
font-weight:normal;
letter-spacing: 0.1em;
border-radius: 0.5em;
display: block;
}
.link-shosai a:before {
	content:"\f0a9";
    font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	color: #fff;
	margin-right: 10px;
	font-size: 140%;
	vertical-align: middle;
}
.link-shosai a:hover:before {
color: cornflowerblue;
}
.link-shosai a:link {
	color: #fff;
}
.link-shosai a:visited {
	color: #fff;
}
.link-shosai a:hover {
	color: cornflowerblue !important;
	/*opacity: 0.8;*/
	text-decoration: none;
    background-color: #fff;
}
.link-shosai a:active {
	color: #fff;
}
.link-shosai span.link-pdf {
background-color: none;
}

/*shosai-table*/
.link-shosai-tb {
height: 2.5em;
font-size: 100%;
width: 80%;
margin: 1.0em;
display: block;
}
.link-shosai-tb a {
/*background-color: #ED8E44;*/
color: #fff;
/*height: 3.0em;*/
border: 2px solid #1B1C6A;
background-color: #1B1C6A;
padding: 0.5em;
font-weight:normal;
letter-spacing: 0.1em;
border-radius: 0.5em;
display: block;
}
.link-shosai-tb a:before {
	content:"\f0a9";
    font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	color: #fff;
	margin-right: 0.5em;
	font-size: 120%;
	vertical-align: middle;
}
.link-shosai-tb a:hover:before {
color: #1B1C6A;
}
.link-shosai-tb a:link {
	color: #fff;
}
.link-shosai-tb a:visited {
	color: #fff;
}
.link-shosai-tb a:hover {
	color: #1B1C6A !important;
	/*opacity: 0.8;*/
	text-decoration: none;
    background-color: #fff;
}
.link-shosai-tb a:active {
	color: #fff;
}
.link-shosai-tb span.link-pdf {
background-color: none;
}

/*shosai-soft*/
.link-shosai-soft {
/*height: 2.0em;*/
font-size: 100%;
width: 100%;
margin: 0.5em 0 0 0!important;
display: block;
}
.link-shosai-soft a {
/*background-color: #ED8E44;*/
color: #1B1C6A;
/*height: 3.0em;*/
width:43%;
border: 1px solid cornflowerblue;
background-color: #fff;
padding: 0.4em 0 0.2em 0.5em;
font-weight:normal;
letter-spacing: 0.1em;
border-radius: 0.5em;
display: block;
}
.link-shosai-soft a:before {
	content:"\f0a9";
    font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	color: cornflowerblue;
	margin-right: 0.5em;
	font-size: 120%;
	/*vertical-align: text-top;*/
}
.link-shosai-soft a:hover:before {
color: #fff;
}
.link-shosai-soft a:link {
	color: #000000;
}
.link-shosai-soft a:visited {
	color: #000000;
}
.link-shosai-soft a:hover {
	color: #fff !important;
	/*opacity: 0.8;*/
	text-decoration: none;   
	/*background-color: #1B1C6A;*/
	background-color: cornflowerblue;
}
.link-shosai-soft a:active {
	color: #000000;
}

/*shosai-center*/
div.link-shosai-C {
margin: 1.0em 0 3.0em 0;
}
div.link-shosai-C p {
height: 3.0em;
font-size: 110%;
width: 45%;
margin: 0 auto;
padding: 0;
text-align: center;
}
.link-shosai-C p a {
color: #fff;
border: 2px solid #0D5BB8;
background-color: #0D5BB8;
padding: 0.5em 1.2em 0.5em 1.0em;
font-weight:normal;
letter-spacing: 0.1em;
border-radius: 0.5em;
display: block;
}
.link-shosai-C a:after {
content:"\f0a9";
font-family: 'Font Awesome 6 Free';
font-weight: 900;
color: #fff;
margin-left: 1.0em;
font-size: 140%;
vertical-align: middle;
}
.link-shosai-C a:hover:after {
color: #0D5BB8;
}
.link-shosai-C a:link {
	color: #fff;
}
.link-shosai-C a:visited {
	color: #fff;
}
.link-shosai-C a:hover {
	color: #0D5BB8 !important;
	text-decoration: none;
    background-color: #fff;
}
.link-shosai-C a:active {
	color: #fff;
}
.link-shosai-C span.link-pdf {
background-color: none;
}

/*shosai-center 2*/
div.link-shosai-C2 {
margin: 1.0em 0 3.0em 0;
}
div.link-shosai-C2 p {
height: 3.0em;
font-size: 110%;
width: 45%;
margin: 0 auto;
padding: 0;
text-align: center;
}
.link-shosai-C2 p a {
color: #0D5BB8;
border: 2px solid #0D5BB8;
background-color: #fff;
padding: 0.5em 1.2em 0.5em 1.0em;
font-weight:900;
letter-spacing: 0.1em;
border-radius: 0.5em;
display: block;
}
.link-shosai-C2 a:after {
content:"\f0a9";
font-family: 'Font Awesome 6 Free';
font-weight: 900;
color: #0D5BB8;
margin-left: 1.0em;
font-size: 140%;
vertical-align: middle;
}
.link-shosai-C2 a:hover:after {
color: #fff;
}
.link-shosai-C2 a:link {
	color: #0D5BB8;
}
.link-shosai-C2 a:visited {
	color: #0D5BB8;
}
.link-shosai-C2 a:hover {
	color: #fff !important;
	text-decoration: none;
    background-color: #0D5BB8;
}
.link-shosai-C2 a:active {
	color: #0D5BB8;
}
.link-shosai-C2 span.link-pdf {
background-color: none;
}


/*shosai-end*/
.link-shosai-end a {
background-color: #A2A2A2;
color: #fff;
padding: 10px 20px 10px 12px;
margin: 20px 10px 20px 0px;
font-weight:normal;
font-size: 100%;
}

.link-shosai-end a:link {
	color: #fff;
}
.link-shosai-end a:visited {
	color: #fff;
}
.link-shosai-end a:hover {
	color: #fff;
	text-decoration: none;
}
.link-shosai-end a:active {
	color: #fff;
}

/*outlink*/
.link-out {
height: 3.0em;
font-size: 100%;
width: 35%;
margin: 1.2em 0.6em 1.2em 0px!important;
}
.link-out a {
/*background-color: #ED8E44;*/
color: #fff;
/*height: 3.0em;*/
border: 2px solid cornflowerblue;
background-color: cornflowerblue;
padding: 0.5em 1.2em 0.5em 1.0em;
font-weight:normal;
letter-spacing: 0.1em;
border-radius: 0.5em;
display: block;
}
.link-out a:before {
	content:"\f35d";
    font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	color: #fff;
	margin-right: 0.4em;
	font-size: 130%;
	vertical-align: middle;
}
.link-out a:hover:before {
color: cornflowerblue;
}
.link-out a:link {
	color: #fff;
}
.link-out a:visited {
	color: #fff;
}
.link-out a:hover {
	color: cornflowerblue !important;
	/*opacity: 0.8;*/
	text-decoration: none;
    background-color: #fff;
}
.link-out a:active {
	color: #fff;
}

/*shosai-imp*/
.link-shosai-imp {
width: 50%;
height: auto;
font-size: 90%;
display: inline-block;
margin-bottom: 3%;
line-height: 2.5em;
}

.link-shosai-imp a {
background-color: #D9404B;
color: #fff;
width: 100%;
padding: 3% 3% 3% 4%;
margin: 1% 0 2% 0;
font-weight:normal;
font-size: 100%;
}
.link-shosai-imp a:before {
    /*content: "\f0da";*/
	/*content:"\f0a9";*/
	content:"\f061";
    font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	color: #fff;
	margin-right: 2%;
	font-size: 110%;
}
.link-shosai-imp a:link {
	color: #fff;
}
.link-shosai-imp a:visited {
	color: #fff;
}
.link-shosai-imp a:hover {
	color: #fff;
	opacity: 0.8;
	text-decoration: none;
}
.link-shosai-imp a:active {
	color: #fff;
}

.link-shosai-imp span.link-pdf {
background-color: none;
}

/*shosai-imp2*/
.link-shosai-imp2 {
width: 50%;
font-size: 90%;
display: inline-block;
margin-bottom: 3%;
line-height: 2.5em;
}

.link-shosai-imp2 a {

background-color: #E9DFD1;
color: #464C51;
width: 100%;
padding: 3% 5% 3% 4%;
margin: 1% 0 2% 0;
font-weight:normal;
font-size: 100%;
}
.link-shosai-imp2 a:before {
    /*content: "\f0da";*/
	/*content:"\f0a9";*/
	content:"\f061";
    font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	color: #464C51;
	margin-right: 2%;
	font-size: 110%;
}
.link-shosai-imp2 a:link {
	color: #000;
}
.link-shosai-imp2 a:visited {
	color: #464C51;
}
.link-shosai-imp2 a:hover {
	color: #000;
	/*opacity: 0.8;*/
	text-decoration: none;
	background-color: #F1EAE7;
}

.link-shosai-imp2 a:active {
	color: #464C51;
}

.link-shosai-imp2 span.link-pdf {
background-color: none;
}

/*refresh*/
.ref {
padding: 0 6px 0 13px;
font-size: 90%;
}

.ref:after {
    content: "\f021";
    font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	color: #666;
}



/*Button
------------------------------------------------------------- */

a.btn-more {
	margin: 0;
	padding: 6px 10px;
	line-height: 1;
	color: #fff;
	/*background-color: #4d4d4d;*/
	/*background-color: #A0806A;*/
	background-color: #589FD4;
	border: 0;
	font-size: 80%;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Arial, sans-serif;
}

a.btn-more:focus,
a.btn-more:hover,
a.btn-more:active {
	color: #fff;
	background-color: #666;
	text-decoration: none;
	border: 0;
}


/*iframe
--------------------------------------------------------------*/
.if-content {
position: relative;
height: 200px;

}
.if-content iframe {
position: absolute;
top: 0;
left: 0;
border: none;
overflow: visible;
text-indent: -9999px;
}
.if-content iframe.if-lg {
width: 100%;
height: 300px;

}


/*pagination
--------------------------------------------------------------*/

div.page-cont{
text-align: center;
margin: 2.0em auto;
padding: 0;
/*border-top: none;
border-bottom: 1px dotted gray;*/
}

.pagenav {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagenav > li {
  display: inline;
}
.pagenav > li > a,
.pagenav > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #337ab7;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  margin-left: -1px;
}
.pagenav > li:first-child > a,
.pagenav > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagenav > li:last-child > a,
.pagenav > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pagenav > li > a:hover,
.pagenav > li > span:hover,
.pagenav > li > a:focus,
.pagenav > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eeeeee;
  border-color: #dddddd;
}
.pagenav > .active > a,
.pagenav > .active > span,
.pagenav > .active > a:hover,
.pagenav > .active > span:hover,
.pagenav > .active > a:focus,
.pagenav > .active > span:focus {
  z-index: 3;
  color: #ffffff;
  background-color: #337ab7;
  border-color: #337ab7;
  cursor: default;
}
.pagenav > .disabled > span,
.pagenav > .disabled > span:hover,
.pagenav > .disabled > span:focus,
.pagenav > .disabled > a,
.pagenav > .disabled > a:hover,
.pagenav > .disabled > a:focus {
  color: #777777;
  background-color: #ffffff;
  border-color: #dddddd;
  cursor: not-allowed;
}


/*Table
------------------------------------------------------------- */

.table-basic {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	width: 100%;
}

.table-basic caption {
	margin: 0 0 5px 0;
	padding: 0;
	font-weight: normal;
	color: #2980a5;
}

.table-basic th,
.table-basic td {
	padding: 4px 10px;
	border: 1px solid #aeaeae;
}

.table-basic th {
	background-color: #e1e1e1;
	font-weight: normal;
	white-space: nowrap;
}



/*table-parts*/

p.table-note-r {
text-align: right;
padding: 0 0.5em 0 0!important;
margin: 0 0 0.5em 0!important;
}
p.table-note-l {
text-align: left;
padding: 0!important;
margin: 0 0 0.5em 0!important;
}

/*table-parts フルサイズ*/
.table-parts {
	margin: 0 0 1.0em 0;
	padding: 0;
	width: 98%;
}

.table-parts dl {
	border-bottom: #BFBFBF 1px solid;
	border-left: #BFBFBF 1px solid;
	border-right: #BFBFBF 1px solid;
	background-color: #EBEBEE;
}
.table-parts dt {
	float: left;
	width: 25%;
	padding: 0.5em 0 0.5em 1.0em;
	border-top: #BFBFBF 1px solid;
	font-weight: normal;
	color: #000;
}
.table-parts dl.w20pr dt {
	float: left;
	width: 20%;
	padding: 0.5em 0 0.5em 1.0em;
	border-top: #BFBFBF 1px solid;
	font-weight: normal;
	color: #000;
}
.table-parts dd {
/*	width: 60%;*/
	background-color: #fff;
	margin-left: 25%;
	padding: 0.5em 0.5em 0.5em 1.0em;
	border-top: #BFBFBF 1px solid;
	display: block;
}
.table-parts dl.w20pr dd {
	background-color: #fff;
	margin-left: 20%;
	padding: 0.5em 0.5em 0.5em 1.0em;
	border-top: #BFBFBF 1px solid;
	display: block;
}
.table-parts dd p {
margin: 0;
padding: 0;
}
dd p.mb {
margin: 0 0 0.5em 0!important;
padding: 0;
}
dd p.mtb {
margin: 1.5em 0 1.5em 0!important;
padding: 0;
}

dd p.bgc-blu {
	margin: 0 0.5em 0.5em 0!important;
	padding: 0.5em!important;
	background-color: #E1ECFF;
}

/*table-parts 展示会出展案内*/

.table-parts dl.exh {
	border-bottom: #BFBFBF 1px solid;
	border-left: #BFBFBF 1px solid;
	border-right: #BFBFBF 1px solid;
	background-color: #EBEBEE;
}
.table-parts dl.exh dt {
	float: left;
	width: 20%;
	padding: 0.8em 0 0.8em 1.0em;
	border-top: #BFBFBF 1px solid;
	font-weight: normal;
	color: #000;
}

.table-parts dl.exh dd {
	background-color: #fff;
	margin-left: 20%;
	padding: 0.8em 0.8em 0.8em 1.0em;
	border-top: #BFBFBF 1px solid;
	display: block;
}

.table-parts dl.exh dd p {
margin: 0;
padding: 0;
}



/*table-parts 沿革*/
.table-parts-history {
	margin: 0 0 1.0em 0;
	padding: 0;
	width: 95%;
}

.table-parts-history dl {
	border-bottom: #BFBFBF 1px solid;
	border-left: #BFBFBF 1px solid;
	border-right: #BFBFBF 1px solid;
	background-color: #EBEBEE;
}
.table-parts-history dt {
	float: left;
	width: 15%;
	padding: 0.5em 0 0.5em 1.0em;
	border-top: #BFBFBF 1px solid;
	font-weight: normal;
	color: #000;
}
.table-parts-history dd {
/*	width: 60%;*/
	background-color: #fff;
	margin-left: 15%;
	padding: 0.5em 0 0.5em 1.0em;
	border-top: #BFBFBF 1px solid;
	display: block;
}
.table-parts-history dd p {
margin: 0;
padding: 0;
}

/*table-parts　仕様80%*/
.table-parts-80 {
	margin: 0 0 1.0em 0;
	padding: 0;
	width: 80%;
}
.table-parts-80 dl {
	border-bottom: #BFBFBF 1px solid;
	border-left: #BFBFBF 1px solid;
	border-right: #BFBFBF 1px solid;
	background-color: #EBEBEE;
}
.table-parts-80 dl.dt-center dt {
text-align: center;
}
.table-parts-80 dt {
	float: left;
	width: 30%;
	padding: 0.5em 0 0.5em 1.0em;
	border-top: #BFBFBF 1px solid;
	font-weight: normal;
	color: #000;
}
.table-parts-80 dd {
/*	width: 60%;*/
	background-color: #fff;
	margin-left: 30%;
	padding: 0.5em 0 0.5em 1.0em;
	border-top: #BFBFBF 1px solid;
	display: block;
}
.table-parts-80 dd p {
margin: 0;
}

/*table-parts　仕様90%*/
.table-parts-90 {
	margin: 0 0 1.0em 0;
	padding: 0;
	width: 90%;
}
.table-parts-90 dl {
	border-bottom: #BFBFBF 1px solid;
	border-left: #BFBFBF 1px solid;
	border-right: #BFBFBF 1px solid;
	background-color: #EBEBEE;
}
.table-parts-90 dt {
	float: left;
	width: 40%;
	padding: 0.5em 0 0.5em 1.0em;
	border-top: #BFBFBF 1px solid;
	font-weight: normal;
	color: #000;
}
.table-parts-90 dd {
/*	width: 60%;*/
	background-color: #fff;
	margin-left: 40%;
	padding: 0.5em 0 0.5em 1.0em;
	border-top: #BFBFBF 1px solid;
	display: block;
}
.table-parts-90 dd p {
margin: 0;
}

/*table-parts　仕様90% ddワイド*/
.table-parts-90ddw {
	margin: 0 0 1.0em 0;
	padding: 0;
	width: 90%;
}
.table-parts-90ddw dl {
	border-bottom: #BFBFBF 1px solid;
	border-left: #BFBFBF 1px solid;
	border-right: #BFBFBF 1px solid;
	background-color: #EBEBEE;
}
.table-parts-90ddw dt {
	float: left;
	width: 27%;
	padding: 0.5em 0 0.5em 1.0em;
	border-top: #BFBFBF 1px solid;
	font-weight: normal;
	color: #000;
}
.table-parts-90ddw dd {
/*	width: 60%;*/
	background-color: #fff;
	margin-left: 27%;
	padding: 0.5em 0 0.5em 1.0em;
	border-top: #BFBFBF 1px solid;
	display: block;
}
.table-parts-90ddw dd p {
margin: 0;
}

/*table-parts　仕様100% ddワイド*/
.table-parts-100ddw {
	margin: 0;
	padding: 0;
	margin-right: 10px;
	width: 98%;
}
.table-parts-100ddw dl {
	border-bottom: #BFBFBF 1px solid;
	border-left: #BFBFBF 1px solid;
	border-right: #BFBFBF 1px solid;
	background-color: #EBEBEE;
}
.table-parts-100ddw dt {
	float: left;
	width: 27%;
	padding: 0.5em 0 0.5em 1.0em;
	border-top: #BFBFBF 1px solid;
	font-weight: normal;
	color: #000;
}
.table-parts-100ddw dd {
/*	width: 60%;*/
	background-color: #fff;
	margin-left: 27%;
	padding: 0.5em 0 0.5em 1.0em;
	border-top: #BFBFBF 1px solid;
	display: block;
}
.table-parts-100ddw dd p {
margin: 0;
}

/*table-parts　枠無し*/
.table-parts-invisible {
	margin: 0 0 1.6em 1.6em;
	padding: 0;
	width: 90%;
}
.table-parts-invisible dl {
	border-bottom:1px dotted #C0C0C0; 
    margin: 0;
    padding: 0;
}
.table-parts-invisible dt {
	float: left;
	width: 18%;
	padding: 0.3em 0;
    margin: 0;
    display: block;
   /* border-right: 1px solid #BFBFBF;*/
	font-weight: normal;
	color: #000;
}
.table-parts-invisible dd {
width: auto;
	margin-left: 19%;
	padding: 0.3em 0;
	display: block;
    /*float: left*/
}
.table-parts-invisible dd.url p {
padding-left: 0;
margin-bottom: 0;
}



/*table-parts　３列*/
.table-parts-3col{}

.table-parts-3col table {
width: 60%;
	margin: 0 0 10px 0;
	padding: 0;
	border-bottom: #BFBFBF 1px solid;
	border-left: #BFBFBF 1px solid;
	border-right: #BFBFBF 1px solid;
	background-color: #EBEBEE;
	text-align: center;
}
.table-parts-3col tr {
text-align: center;
}
.table-parts-3col th {
	width: 15%;
	padding: 0.8em;
	border-top: #BFBFBF 1px solid;
	border-left: #BFBFBF 1px solid;
	font-weight: normal;
	color: #000;
	text-align: center;
}
.table-parts-3col td {
	width: 15%;
	padding: 0.8em;
	border-top: #BFBFBF 1px solid;
	border-left: #BFBFBF 1px solid;
	color: #000;
	background-color: #fff;
	font-weight: normal;
}

/*table-parts　4列*/
.table-parts-4col{}

.table-parts-4col table {
width: 80%;
	margin: 0 0 10px 0;
	padding: 0;
	border-bottom: #BFBFBF 1px solid;
	border-left: #BFBFBF 1px solid;
	border-right: #BFBFBF 1px solid;
	background-color: #EBEBEE;
	text-align: center;
}
.table-parts-4col tr {
text-align: center;
}
.table-parts-4col th {
/*	width: 20%;*/
	padding: 10px 2%;
	border-top: #BFBFBF 1px solid;
	border-left: #BFBFBF 1px solid;
	font-weight: normal;
	color: #000;
	text-align: center;
}
.table-parts-4col th.width-L{
width: 25%;
}
.table-parts-4col th.width-M{
width: 15%;
}
.table-parts-4col td {
/*	width: 15%;*/
	padding: 15px 2%;
	border-top: #BFBFBF 1px solid;
	border-left: #BFBFBF 1px solid;
	color: #000;
	background-color: #fff;
	font-weight: normal;
}
.table-parts-4col td.ta-left {
text-align: left;
}

/*table-parts　複数列*/
.table-parts-Mcol{}

.table-parts-mcol table {
width: auto;
	margin: 0 0 1.0em 0;
	padding: 0;
	border-bottom: #BFBFBF 1px solid;
	border-left: #BFBFBF 1px solid;
	border-right: #BFBFBF 1px solid;
	background-color: #EBEBEE;
	text-align: center;
}
.table-parts-mcol tr {
text-align: center;
}
.table-parts-mcol th {
/*	width: 20%;*/
	padding: 0.5em 1.0em;
	border-top: #BFBFBF 1px solid;
	border-left: #BFBFBF 1px solid;
	font-weight: normal;
	color: #000;
	text-align: center;
}
.table-parts-mcol th.width-l{
width: 25%;
}
.table-parts-mcol th.width-m{
width: 15%;
}
.table-parts-mcol td {
	padding: 0.5em 1.0em;
	border-top: #BFBFBF 1px solid;
	border-left: #BFBFBF 1px solid;
	color: #000;
	background-color: #fff;
	font-weight: normal;
}
.table-parts-mcol td.ta-left {
text-align: left;
}


/*table-parts　比較表*/
.table-parts-hikaku{
font-size: 90%;
padding: 1.5em 0;
}

.table-parts-hikaku table {
width:100%;
	margin: 0 0 1.0em 0;
	padding: 0;
	border-bottom: #BFBFBF 1px solid;
	border-left: #BFBFBF 1px solid;
	border-right: #BFBFBF 1px solid;
	background-color: #EBEBEE;
}
.table-parts-hikaku table.auto {
width:auto!important;
}
.table-parts-hikaku table.center td {
text-align: center !important;
}
.table-parts-hikaku td.center {
text-align: center!important;
}
.table-parts-hikaku tr {
text-align: center;
}
.table-parts-hikaku th {
	padding: 0.5em 1.0em;
	border-top: #BFBFBF 1px solid;
	border-left: #BFBFBF 1px solid;
	font-weight: normal;
	color: #000;
	text-align: center;
}
.table-parts-hikaku th.width-1{
width: 22%;
}
.table-parts-hikaku th.width-2{
width: 39%;
}
.table-parts-hikaku th.width-3{
width: 39%;
}
.table-parts-hikaku td {
	padding: 0.5em;
	border-top: #BFBFBF 1px solid;
	border-left: #BFBFBF 1px solid;
	color: #000;
	background-color: #fff;
	font-weight: normal;
    text-align: left;
}


/*table-parts　ダウンロード*/
.table-parts-dl {
font-size: 90%;
padding: 1.5em 0;
}

.table-parts-dl table {
width:100%;
	margin: 0 0 1.0em 0;
	padding: 0;
	border-bottom: #BFBFBF 1px solid;
	border-left: #BFBFBF 1px solid;
	border-right: #BFBFBF 1px solid;
	background-color: #EBEBEE;
    text-align: center;
}
.table-parts-dl table.auto {
width:auto!important;
}

.table-parts-dl tr.blue td {
background-color: #E2F1FF!important;
}
.table-parts-dl th {
	padding: 0.5em 1.0em;
	border-top: #BFBFBF 1px solid;
	border-left: #BFBFBF 1px solid;
	font-weight: normal;
	color: #000;
	text-align: center;
}
.table-parts-dl td {
	padding:1.0em 0.4em;
	border-top: #BFBFBF 1px solid;
	border-left: #BFBFBF 1px solid;
	color: #000;
	background-color: #fff;
	font-weight: normal;
}
.table-parts-dl td.left {
text-align: left!important;
}
.table-parts-dl td.img {
text-align: center;
width: 12%;
}
.table-parts-dl td.img2 {
text-align: center;
width: 65px;
padding: 0;
}
.table-parts-dl td.img img {
max-width: 80px;
}
.table-parts-dl td.img2 img {
max-width: 50px;
margin: 0;
}

/*table-parts　ダウンロードページ*/
.table-parts-dlp {
font-size: 90%;
padding: 1.5em 0;
}

.table-parts-dlp table {
width:100%;
	margin: 0 0 1.0em 0;
	padding: 0;
	border-bottom: #BFBFBF 1px solid;
	border-left: #BFBFBF 1px solid;
	border-right: #BFBFBF 1px solid;
	background-color: #EBEBEE;
    text-align: center;
}

.table-parts-dlp tr.blue td {
background-color: #E2F1FF!important;
}
.table-parts-dlp th {
	padding: 0.5em 1.0em;
	border-top: #BFBFBF 1px solid;
	border-left: #BFBFBF 1px solid;
	font-weight: normal;
	color: #000;
	text-align: center;
}
.table-parts-dlp th.dl-img {
padding: 0;
}
.table-parts-dlp th.dl-iframe {
width: 720px!important;
}
.table-parts-dlp td {
	padding:0.4em;
	border-top: #BFBFBF 1px solid;
	border-left: #BFBFBF 1px solid;
	color: #000;
	background-color: #fff;
	font-weight: normal;
}
.table-parts-dlp td.left {
text-align: left!important;
}
.table-parts-dlp td.img {
text-align: center;
width: 12%;
}
.table-parts-dlp td.img2 {
text-align: center;
padding: 0;
}
.table-parts-dlp td.img img {
max-width: 80px;
}
.table-parts-dlp td.img2 img {
margin: 0;
max-width: 50px;
}


/* dd内段組み */

dd.dan {
}
dd.dan p {
margin-left: 0;
padding-left: 0;
}
dd.dan p span {
margin-right: 0.5em;
}
dd.dan p span.dan1 {
width: 4.5em;
display: inline-block;
}
dd.dan p span.dan2 {
width: 3.6em;
display: inline-block;
}
dd.dan p span.dan3 {
width: 9.0em;
display: inline-block;
}
dd.dan p span.dan4 {
width: 8.0em;
display: inline-block;
}

/*table_parts_contact*/
.table-parts dl.contact-form dt {
	width: 32%;
}
.table-parts dl.contact-form dd {
	width: 68%;
	margin-left: 32%;
}
.table-parts dl.contact-form label {
font-weight: normal;
font-size: 90%;
}
.table-parts span.hissu {
color: red;
font-size: 80%;
}
.table-parts dl.contact-form input {
margin: 1% 0;
}
.table-parts dl.contact-form p.note {
color: #2B2B2B;
margin-top: 5px;
font-size: 98%;
width: 90%;
}
.table-parts dl.contact-form p.note-red {
color:red;
margin-top: 2%;
margin-left: 1%;
font-size: 90%;
width: 90%;
}


/*Colors
------------------------------------------------------------- */

/*Forward Color*/

.red {color: red;}
.color-red {color: #c60012;}
.color-bw {color: #6E4C1F;}
.color-bw2 {color: #E5902F;}
.color-blue {color: #2980a5;}
.color-blue2 {color: #248FFF;}
.color-blue3 {color: #001DCB;}
.color-gray {color: #666;}
.color-darkglay {color: #4d4d4d;}
.color-white {color: #fff;}
.color-black {color: #000;}
.color-violet {color: darkviolet;}
.color-violet2 {color: #BE00D8;}

/*Background Color*/

.bgcolor-red {
	background-color: #f7b8be;
}

.bgcolor-blue {
	background-color: #a4dff8;
}

.bgcolor-gray {
	background-color: #e1e1e1;
}

.bgcolor-darkgray {
	background-color: #ccc;
}

.bgc-sitemap {
background-color: #F8F7F3;
}

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

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

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

.brdr-a-1wh {
border: #fff 1px solid;
}


/* Size
------------------------------------------------------------- */

.pd-l10px {padding-left: 10px!important;}
.pd-l20px {padding-left: 20px!important;}
.pd-l05pr {padding-left: 5%!important;}
.pd-l10pr {padding-left: 10%!important;}
.pd-l1 {padding-left: 1.0em!important;}
.pd-l16 {padding-left: 1.6em!important;}
.pd-l2 {padding-left: 2.0em !important;}
.pd-l0 {padding-left: 0 !important;}
.pd-lr0 {padding-left: 0 !important;
padding-right: 0 !important;}
.pd-b0{padding-bottom: 0!important;}
.pd-b05{padding-bottom: 0.5em !important;}
.pd-b1{padding-bottom: 1.0em !important;}
.pd-b2{padding-bottom: 2.0em!important;}
.pd-t0{padding-top: 0!important;}
.pd-t05{padding-top: 0.5em !important;}
.pd-t1{padding-top: 1.0em !important;}
.pd-t2{padding-top: 2.0em!important;}
.pd-tb0{padding-top:0!important; padding-bottom: 0!important;}
.pd-tb05em{padding: 0.5em 0!important;}
.pd-tb1em{padding: 1.0em 0!important;}
.pd-tb2em{padding: 2.0em 0!important;}
.pd-tb3em{padding: 3.0em 0!important;}

.ma-10pr {margin: 10%!important;}
.ma-tb10pr {margin: 10% 0!important;}
.ma-tb10px {margin: 10px 0!important;}
.ma-lr10pr {margin: 0 10%!important;}
.ma-r10pr {margin: 0 10% 0 0!important;}
.ma-b10pr {margin-bottom: 10%!important;}
.ma-b10px {margin-bottom: 10px!important;}
.ma-b20px {margin-bottom: 20px!important;}

.ma-b0 {margin-bottom: 0!important;}
.ma-b02em{margin-bottom: 0.2em!important;}
.ma-b06em {margin-bottom: 0.6em!important;}
.ma-b1em {margin-bottom: 1.0em!important;}
.ma-b2em {margin-bottom: 2.0em!important;}
.ma-b3em {margin-bottom: 3.0em!important;}
.ma-b4em {margin-bottom: 4.0em!important;}
.ma-b5em {margin-bottom: 5.0em!important;}
.ma-b6em {margin-bottom: 6.0em!important;}

.ma-tb1em {margin: 1.0em 0!important;}
.ma-tb2em {margin: 2.0em 0!important;}
.ma-tb3em {margin: 3.0em 0!important;}
.ma-tb4em {margin: 4.0em 0!important;}
.ma-tb5em {margin: 5.0em 0!important;}
.ma-tb6em {margin: 6.0em 0!important;}

.ma-5pr {margin: 5%!important;}
.ma-5px {margin: 5px!important;}
.ma-tb5pr {margin: 5% 0;}
.ma-lr5pr {margin: 0 5%;}
.ma-r5pr {margin: 0 5% 0 0;}
.ma-b5pr {margin-bottom: 5%;}
.ma-b5px {margin-bottom: 5px;}

.ma-3pr {margin: 3%!important;}
.ma-3px {margin: 3px!important;}
.ma-tb3pr {margin: 3% 0!important;}
.ma-lr3pr {margin: 0 3%!important;}
.ma-l0 {margin: 0!important;}
.ma-b3pr {margin-bottom: 3%!important;}
.ma-b3px {margin-bottom: 3px!important;}


.h10pr {height: 10%;}
.h20pr {height: 20%;}
.h10px {height: 10px;}
.h20px {height: 20px;}
.h60px {height: 60px;}

.w22par {width: 22% !important;}
.w25par {width: 25% !important;}
.w30par {width: 30% !important;}
.w33par {width: 33% !important;}
.w35par {width: 35% !important;}
.w40par {width: 40% !important;}
.w50par {width: 50% !important;}
.w60par {width: 60% !important;}

/* Header 通常
------------------------------------------------------------- */
header {
position: relative;
width: 100%;
}
header#index {
border-bottom: 2px solid #fff;
}
body#under header {
border-bottom: none;
}

.header-in div.head-obi {
content: "";
text-indent: -9999px;
width: 100%;
height: 10px;
z-index: 1;
background-color: #244F7E!important;
}

header div.width100 {
display: block;
}
div.header-in {
width: 100%;
height: 148px;
margin: 0 auto;
z-index: 1;
background-color: #fff;
}
div.header-in::after {
	content:"";
	display:block;
	clear:both;
}

div.header-in div.hd-1 {
width:1000px;
margin: 0;
height: 30px;
padding: 0;
}
div.header-in div.intro {
width: 65%;
text-align: left;
}
div.header-in div.intro h1 {
margin: 0;
padding: 0;
font-size: 80%;
font-weight: normal;
color: #5C5C5C;
}

body#under div.header-in div.hd-1 {
/*width:1000px;
margin: 0;
height: 30px;
padding: 0;*/
}
body#under div.header-in div.intro {
/*width: 65%;
text-align: left;*/
}
body#under div.header-in div.intro h1 {
/*margin: 0;
padding: 0;
font-size: 80%;
font-weight: normal;
color: #5C5C5C;*/
}

/*head 2________________________*/
div.header-in div.hd-2 {
width:1000px;
height: 110px;
margin: 0 auto;
padding: 0;
}
body#under div.header-in div.hd-2 {
/*width:1000px;
height: 110px;
margin: 0 auto;
padding: 0;*/
}
div.header-in div.u-logo {
width: 40%;
z-index: 100;
}
body#under div.header-in div.u-logo {
/*width: 40%;
z-index: 100;*/
}
div.u-logo a:hover,
div.u-logo a:hover img,
.footer-logo a:hover,
.footer-logo a:hover img {
opacity: 1!important;
}
div.header-in div.contact {
width: 300px;
height: 70px;
z-index: 100;
background: none;
border: none;
padding: 0;
text-align: center;
color: #EBEBEB;
}
div.header-in div.contact a {
display: block;
padding: 0.2em 1.0em 0.5em 1.0em;
background-color: #244F7E;
border: 3px solid #244F7E;
border-radius: 0 0 8px 8px;
}
div.header-in div.contact a:link {
color: #EBEBEB;
}
div.header-in div.contact a:visited {
color: #EBEBEB;
}
div.header-in div.contact a:hover {
color: #EBEBEB;
background-color: cornflowerblue;
}
div.header-in div.contact a:active {
color: #EBEBEB;
}

div.header-in div.contact div.h-con_top {
border-bottom: 1px solid #EBEBEB;
font-size: 90%;
font-weight: normal;
margin-bottom: 0.5em;
}
div.header-in div.contact div.h-con_top p span {
font-size: 80%;
}

div.header-in div.contact div.h-con_btm {
font-weight: bold;
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
}

div.header-in div.contact div.h-con_btm span.con-tel {
width: 80%;
font-size: 140%;
border-right: 1px solid #EBEBEB;
text-align: left;
padding: 0.2em 0.6em 0 0.2em;
}
div.header-in div.contact div.h-con_btm span.con-tel::before {
content: "\f095";
padding: 0 0.3em 0 0;
font-weight: 900;
font-family: 'Font Awesome 6 Free';
font-size: 90%; 
display: inline;
vertical-align: middle;
}

div.header-in div.contact div.h-con_btm span.con-mail {
width: 15%;
font-size: 160%;
padding: 0.2em 0 0 0.6em;
color: #EBEBEB;
}

div.header-in div.contact div.h-con_btm span.con-mail::before {
content: "\f0e0";
padding: 0 0 0 0;
font-weight: 900;
font-family: 'Font Awesome 6 Free';
display: inline;
vertical-align: middle;
}

div.header-in div.contact::after {
content:"";
display:block;
clear:both;
}
div.header-in div.global-site {
width: auto;
z-index: 100;
}
div.header-in div.global-site::after {
content:"";
display:block;
clear:both;
}
div.header-in div.global-site nav {}


/* Header FIX固定
------------------------------------------------------------- */
.fix-header {
	background-color:#fff;
	top: -100px;/* 上に隠す高さ */
	left: 0;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	color: #fff;
	padding-top:0;
	position: fixed;
	opacity:0;/* 	最初読み込んだときは透過 */
	z-index: 10000;/*　他のアイテムに対して最上位のレイヤーになるように */
	}


.fix-header div.header-in {
width: 100%;
height: 85px;
margin: 0 auto;
position: relative;
background-color: #fff;
border-bottom: 1px solid #ccc;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
.fix-header .header-in div.head-obi {
content: "";
text-indent: -9999px;
width: 100%;
height: 10px;
position: absolute;
right: 0;
left: 0;
top:0;
z-index: 1;
background-color: #244F7E!important;
}

.fix-header div.header-in div.hd-1 {
width: 1000px;
margin: 0;
height: 30px;
padding: 0;
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 100;
}
body#under .fix-header div.header-in div.hd-1 {
/*margin: 0;
height: 30px;
padding: 0;
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 100;*/
}

.fix-header div.header-in div.intro {
width: 65%;
text-align: left;
position: absolute;
top:0;
left:0;
}
.fix-header div.header-in div.intro h1 {
margin: 0;
padding: 0;
font-size: 80%;
font-weight: normal;
color: #5C5C5C;
}

body#under .fix-header div.header-in div.intro {
/*width: 65%;
text-align: left;
position: absolute;
top:0;
left:0;*/
}
body#under .fix-header div.header-in div.intro h1 {
/*margin: 0;
padding: 0;
font-size: 80%;
font-weight: normal;
color: #5C5C5C;*/
}

/*FIX head 2________________________*/
.fix-header div.header-in div.hd-2 {
width:1000px;
height: 110px;
margin: 0 auto;
padding: 0;
position: absolute;
top:0;
left: 0;
z-index: 100;
}
body#under .fix-header div.header-in div.hd-2 {
/*width:1000px;
height: 110px;
margin: 0 auto;
padding: 0;
position: absolute;
top:0;
left: 0;
z-index: 100;*/
}
.fix-header div.header-in div.hd-2::after {
content: "";
clear: both;
display: block;
}
.fix-header div.header-in div.u-logo {
width: 35%;
position: absolute;
top:20px;
left: 0;
z-index: 100;
}
body#under .fix-header div.header-in div.u-logo {
/*width: 35%;
position: absolute;
top:20px;
left: 0;
z-index: 100;*/
}

.fix-header div.header-in div.contact {
width: 300px;
height: 70px;
position: absolute;
top:5px;
right: 5px;
z-index: 100;
background: none;
border: none;
padding: 0;
text-align: center;
color: #EBEBEB;
}

.fix-header div.header-in div.contact a {
display: block;
padding: 0.2em 1.0em 0.5em 1.0em;
background-color: #244F7E;
border: 3px solid #244F7E;
border-radius: 0 0 8px 8px;
}
.fix-header div.header-in div.contact a:link {
color: #EBEBEB;
}
.fix-header div.header-in div.contact a:visited {
color: #EBEBEB;
}
.fix-header div.header-in div.contact a:hover {
color: #EBEBEB;
background-color: cornflowerblue;
}
.fix-header div.header-in div.contact a:active {
color: #EBEBEB;
}

.fix-header div.header-in div.contact div.h-con_top {
border-bottom: 1px solid #EBEBEB;
font-size: 90%;
font-weight: normal;
margin-bottom: 0.5em;
}
.fix-header div.header-in div.contact div.h-con_top p span {
font-size: 80%;
}

.fix-header div.header-in div.contact div.h-con_btm {
font-weight: bold;
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
}

.fix-header div.header-in div.contact div.h-con_btm span.con-tel {
width: 80%;
font-size: 140%;
border-right: 1px solid #EBEBEB;
text-align: left;
padding: 0.2em 0.6em 0 0.2em;
}
.fix-header div.header-in div.contact div.h-con_btm span.con-tel::before {
content: "\f095";
padding: 0 0.3em 0 0;
font-weight: 900;
font-family: 'Font Awesome 6 Free';
font-size: 90%; 
display: inline;
vertical-align: middle;
}

.fix-header div.header-in div.contact div.h-con_btm span.con-mail {
width: 15%;
font-size: 160%;
padding: 0.2em 0 0 0.6em;
}

.fix-header div.header-in div.contact div.h-con_btm span.con-mail::before {
content: "\f0e0";
padding: 0 0.3em 0 0;
font-weight: 900;
font-family: 'Font Awesome 6 Free';
/*font-size: 100%; */
display: inline;
vertical-align: middle;
}

.fix-header div.header-in div.contact::after {
	content:"";
	display:block;
	clear:both;
}
.fix-header div.header-in div.global-site {
width: auto;
position: absolute;
top:85px;
right: 10px;
z-index: 100;
}
.fix-header div.header-in div.global-site::after {
	content:"";
	display:block;
	clear:both;
}
.fix-header div.header-in div.global-site nav {
}

/*head 3________________________*/
div.header-in div.hd-3 {
width:1000px;
margin: 5px auto 0;
padding: 0;
position: absolute;
top:105px;
left: 0;
z-index: 50;
}
div.header-in div.hd-3::after {
content: "";
clear: both;
display: block;
}
body#under div.header-in div.hd-3 {
/*width:1000px;
margin: 5px auto 0;
padding: 0;
position: absolute;
top:105px;
left: 0;
z-index: 50;*/
}
body#under div.header-in div.hd-3::after {
/*content: "";
clear: both;
display: block;*/
}

div.header-in div.g-search {
width: 40%;
float: right;
}
div.header-in div.g-search::after {
	content:"";
	display:block;
	clear:both;
}

/*company-nav*/
div.header-in div#co-nav {
width: auto;
min-width:280px;
height: 25px;
margin-top: 0.5em;
float: right;
}
body#under div.header-in div#co-nav {
/*width: auto;
min-width:280px;
height: 25px;
margin-top: 0.5em;
float: right;*/
}

div.header-in div#co-nav nav {
width:100%;
height: 20px;
clear:both;
float: right;
}
body#under div.header-in div#co-nav nav {
/*width:100%;
height: 20px;
clear:both;
float: right;*/
}
body#under div.header-in div#co-nav h1 {
/*width:100%;
height: 20px;
font-size: 80%;
font-weight: normal;
color: #5C5C5C;
clear:both;
float: right;
display: block;*/
}
/*xs限定*/
div.header-in div#co-nav nav.cnav-xs {
display: none;
}

div.header-in div#co-nav nav ul {
display:block;
width:100%;
height: 20px;
margin: 0 0 0 auto;
padding:0;
list-style: none;
text-align: right;
}
body#under div.header-in div#co-nav nav ul {
/*display:block;
width:100%;
height: 20px;
margin: 0 0 0 auto;
padding:0;
list-style: none;
text-align: right;*/
}
div.header-in div#co-nav nav li {
margin: 0 0 0 1.0em;
padding: 0;
width: auto;
float: left;
font-weight: normal;
font-size: 85%;
}

div.header-in div#co-nav nav li a {
display: block;
margin: 0;
padding: 0.2em 0;

}
div.header-in div#co-nav nav li.current a {
text-decoration: none;
color: #333333;
background-color:#fff;
}
div.header-in div#co-nav nav li a::before {
content: "\f0da";
padding: 0 0.5em 0 0;
margin: 0;
color: #4685CB;
font-weight: 900;
font-family: 'Font Awesome 6 Free';
font-size: 100%; 
}
div.header-in div#co-nav nav li a:link {
text-decoration: none;
color: #333333;
}
div.header-in div#co-nav nav li a:visited {
text-decoration: none;
color: #333333;
}
div.header-in div#co-nav nav li a:hover {
text-decoration: none;
color: #4685CB;
background-color: #fff;
}
div.header-in div#co-nav nav li a:active {
text-decoration: none;
color: #333333;
background-color:#fff;
}

/*事業紹介タブメニュー*/
div.header-in div#biz-nav {
width: 50%;
float: left;
/*display: block;*/
}

div.header-in div#biz-nav nav ul{
display: table;
margin: 0;
padding: 0;
width: 100%;
text-align: center;
}
div.header-in div#biz-nav nav ul li {
display: table-cell;
/*width: 30%;*/
margin-right: 0.5em;
float: left;
font-weight: normal;
font-size: 95%;
}

div.header-in div#biz-nav nav ul li:nth-child(1) {
width: 28%;
}
div.header-in div#biz-nav nav ul li:nth-child(2) {
width: 34%;
}
div.header-in div#biz-nav nav ul li:nth-child(3) {
width: 28%;
}

div.header-in div#biz-nav nav ul li::after {
	content:"";
	display:block;
	clear:both;
}
div.header-in div#biz-nav nav ul li a {
display: block;
width: 100%;
padding: 0.5em 0 0.2em 0;
text-decoration: none;
/*color: #555;*/
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
div.header-in div#biz-nav nav ul li a.current {
padding: 0.5em 0 0.2em 0.5em;
}

div.header-in div#biz-nav nav ul li a::after {
content: "\f0da";
padding: 0 0 0 0.8em;
margin: 0;
font-weight: 900;
font-family: 'Font Awesome 6 Free';
font-size: 100%; 
}
div.header-in div#biz-nav nav ul li a.current::after {
content: "";
}

div.header-in div#biz-nav nav ul li#biz-fa a:link {
/*background-color: #fff;*/
border: 2px solid #4685CB;
border-bottom:  none;
margin-bottom: 2px;
color: #585858;
/*color: #4685CB;*/
}
div.header-in div#biz-nav nav ul li#biz-fa a:visited {
background-color: #fff;
border: 2px solid #4685CB;
border-bottom:  none;
margin-bottom: 2px;
color: #585858;
}
div.header-in div#biz-nav nav ul li#biz-fa a:hover {
background-color: #4685CB!important;
border: 2px solid #4685CB;
border-bottom:  2px solid #4685CB!important;
margin-bottom: 0!important;
color: #fff;
}
div.header-in div#biz-nav nav ul li#biz-fa a:active {
background-color: #fff;
border: 2px solid #4685CB;
border-bottom:  none;
margin-bottom: 2px;
}
div.header-in div#biz-nav nav ul li#biz-fa a.current{
background-color: #4685CB;
border: 2px solid #4685CB;
margin-bottom: 0px;
color: #fff;
}

div.header-in div#biz-nav nav ul li#biz-edu a:link {
	background-color: #fff;
	border: 2px solid #129E75;
	border-bottom: none;
	margin-bottom: 0px;
	/*color: #41B28F;*/
	color: #585858;
}
div.header-in div#biz-nav nav ul li#biz-edu a:visited {
background-color: #fff;
border: 2px solid #129E75;
border-bottom:  none;
margin-bottom: 2px;
/*color: #41B28F;*/
color: #585858;
}
div.header-in div#biz-nav nav ul li#biz-edu a:hover {
background-color: #129E75!important;
border: 2px solid #129E75!important;
border-bottom:  2px solid #129E75!important;
margin-bottom: 0!important;
color: #fff!important;
}
div.header-in div#biz-nav nav ul li#biz-edu a:active {
background-color: #fff;
border: 2px solid #129E75;
border-bottom:  none;
margin-bottom: 2px;
/*color: #41B28F;*/
}
div.header-in div#biz-nav nav ul li#biz-edu a.current{
background-color: #02A676;
border: 2px solid #02A676;
margin-bottom: 0px;
color: #fff;
}

div.header-in div#biz-nav nav ul li#biz-next a:link {
background-color: #fff;
border: 2px solid #EFA65C;
border-bottom:  none;
margin-bottom: 2px;
/*color: #EFA65C;*/
color: #585858;
}
div.header-in div#biz-nav nav ul li#biz-next a:visited {
background-color: #fff;
border: 2px solid #EFA65C;
border-bottom:  none;
margin-bottom: 2px;
/*color: #EFA65C;*/
color: #585858;
}
div.header-in div#biz-nav nav ul li#biz-next a:hover {
background-color: #EFA65C!important;
border: 2px solid #EFA65C!important;
border-bottom:  2px solid #EFA65C!important;
margin-bottom: 0!important;
color: #fff!important;
}
div.header-in div#biz-nav nav ul li#biz-next a:active {
background-color: #fff;
border: 2px solid #EFA65C;
border-bottom:  none;
margin-bottom: 2px;
/*color: #EFA65C;*/
}
div.header-in div#biz-nav nav ul li#biz-next a.current{
background-color: #EFA65C;
border: 2px solid #EFA65C;
margin-bottom: 0px;
color: #fff;
}


/*xs限定*/
div.header-in div.global-site nav.gsnav-xs {
display: none;
}

div.header-in div.global-site nav ul {
width: 250px;
/*min-width:400px;*/
display: flex;
justify-content: center;
align-items: center;
margin: 0;
padding: 0;
list-style: none;
}
div.header-in div.global-site nav li {
margin: 0;
padding: 0;
width: auto;
min-width: 50px;
border-left: 1.6px solid #4685CB;
text-align: center;
float:left;
}
div.header-in div.global-site nav li.global-icon {
/*text-indent: -9999px;*/
border: none;
width: 30px;
text-align: right;
}
div.header-in div.global-site nav li.global-icon a::before {
content: "\f0ac";
padding: 0;
vertical-align: text-top;
/*color: #4685CB;*/
color:#244F7E;
font-weight: 900;
font-family: 'Font Awesome 6 Free';
font-size: 100%; 
display: inline;
}

div.header-in div.global-site nav li:after {
content:"";
display:block;
clear:both;
}
div.header-in div.global-site nav li.global-jp {
border-left: none;
/*width: 25%;*/
}

div.header-in div.global-site nav li.global-tr {
border-right: 1px solid #4685CB;
}

div.header-in div.global-site nav li a {
display: block;
margin: 0;
padding: 0;
font-weight: bold;
font-size: 120%;
}
div.header-in div.global-site nav li a.current {
text-decoration: none;
color: #BED6F1!important;
background-color:#fff;
}
div.header-in div.global-site nav li a:link {
text-decoration: none;
color:#244F7E;
/*color: #333333;*/
}
div.header-in div.global-site nav li a:visited {
text-decoration: none;
color:#244F7E;
}
div.header-in div.global-site nav li a:hover {
text-decoration: none;
color: #BED6F1;
background-color: #fff;
}
div.header-in div.global-site nav li a:active {
text-decoration: none;
color:#244F7E;
background-color:#fff;
}

div.header-in div.global-site nav li.global-soon{}
div.header-in div.global-site nav li.global-soon a {
font-size: 80%;
font-weight: normal;
color: gray;
padding-left: 1.0em;
}

.google-search {
	position: absolute;
	right: 10px;
	top: 10px;
}

.google-search i.fa {
	color: #c10012;
	font-size: 15px;
	vertical-align: text-bottom;
	margin-right: 3px;
}

.google-search input.google-textarea {
	height: 25px;
	padding: 4px 10px;
	border: 1px solid #d5d5d5;
	color: #555;
	border-radius: 0;
}

.google-search input.google-textarea:focus {
	border-color: #aaa;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), 0 0 3px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), 0 0 3px rgba(0, 0, 0, 0.2);
}

.google-search button.google-submit {
	margin: 0 0 0 4px;
	height: 25px;
	padding: 4px 10px;
	border: 1px solid #d5d5d5;
	background: rgb(238,238,238);
	background: -webkit-linear-gradient(rgb(238,238,238) 0%, rgb(204,204,204) 100%);
	background: -o-linear-gradient(rgb(238,238,238) 0%, rgb(204,204,204) 100%);
	background: linear-gradient(rgb(238,238,238) 0%, rgb(204,204,204) 100%);
/*for IE*/
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
}

/* global-Menu
------------------------------------------------------------- */

div.menu-box {
width: 100%;
	/*margin: 0 auto;*/
	height: auto;
	padding: 0;
	background-color: #103D78;
/*	  transition: .3s;*/
	  /*z-index: 1;*/
	 /* position: absolute;*/
	  /*top:110px;*/
	  float: left;
}

div.menu-box:after {
	content:"";
	display:block;
	clear:both;
}

nav#global-nav {
max-width: 100%;
padding: 0;
margin: 0 auto;
/*z-index: 300;*/
position: relative;
}

ul.glnv-list {
max-width: 100%;
/*max-width: 1200px;*/
  display: flex;
   justify-content: center;
  list-style: none;
padding: 0;
margin: 0;
position: relative;
}

ul.glnv-list li {
	margin: 0;
	padding:0;
	width: 19%;
	display: block;
	height: auto;
	list-style-type: none;
	float: left;
	background: none;
	background-size: contain;
	text-align:center;
/*	font-family: Meiryo, "Hiragino Kaku Gothic ProN", sans-serif;*/
	font-size: 110%;
	position: relative;
}

ul.glnv-list li:last-child {
	margin-right: 0;
}

ul.glnv-list a {
display: block;
	color: #FFFFFF;
	margin: 0;
	padding:1.2em 0 0.8em 0;
	width: 100%;
	/*height: auto;*/
	text-decoration: none;
	font-weight: normal;
	position: relative;
     border-bottom: 0.4em solid #103D78;
}
ul.glnv-list a.top {}

ul.glnv-list a:hover {
   border-bottom: 0.4em solid #7EC0FF;
	/*opacity: 0.6;*/
}


/* Google CSE
------------------------------------------------------------- */
#cse {
    width:40%;
	height: auto;
    margin:0;
	position: absolute;
	right: 6px;
	top: 6px;
}
#cse .gsc-search-box {
    margin:0 !important;
    padding:0 !important;
}
#cse .gsc-search-box td {
    margin:0 !important;
    padding:0 !important;
    vertical-align: top !important;
	border:none !important;
	background-color: #fff;
}
#cse table {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 !important;
	padding: 0 !important;
}
#cse .gsc-search-box input {
    margin:0 !important;
}
/* 検索BOX枠 */
#cse #gsc-iw-id1 {
    border: 1px solid #d5d5d5 !important;
    margin:0 3px 0 0 !important;
	padding:0 !important;
	overflow: hidden;
}
#cse #gsc-iw-id1:hover {
	border: 1px solid #c10012 !important;
	_border: 1px solid #f1f1f1 !important;
}
/* テキスト入力フォーム */
#cse .gsc-search-box input[type="text"] {
    border:none !important;
    height:25px !important;
	margin: 0;
	padding: 4px 10px;
	color: #555 !important;
	border-radius: 0;
	background-position:5px 5px !important;	/* 背景画像(Google)位置の調整 */
}
#cse .gsc-search-box input[type="text"]:focus {
    outline: 0;  /*safariの自動フォーカスを切る */
}
/* ボタンの色 */
#cse .gsc-search-button > input {
	height: 25px !important;
	width:37px !important;
	padding: 4px 8px;
	background-color: #c10012 !important;
	border: 1px solid #d2d2d2 !important;
}
#cse #gs_st50 {
    padding:2px 0 0 0;
}

/* Footer
------------------------------------------------------------- */

footer {
	width: 100%;
	padding: 0;
	text-align: center;
/*	background-color: #4d4d4d;
	border-top: 50px solid #E9DFD1;*/
	/*position: relative;*/
	/*float: left;*/
}

footer:after {
	content:"";
	display:block;
	clear:both;
}
/*footer .container {
	text-align: center;
}*/

/*footer サイトマップ*/

footer div.footer-sitemap {
width:100%;
padding: 0;
border-top: 20px solid #fff;
background-color: #F8F7F3;
height: 100%;
}
footer div.footer-sitemap-none {
width:100%;
padding: 0;
border-top: 2px solid #E4E4E4;
background-color: none;
height: 10px;
}
footer div.f-map-in {
width:1045px;
height: 100%;
margin: 0 auto;
padding: 5.0em 0;
display: flex;
flex-wrap: wrap;
justify-content:center;
align-items: stretch;
column-gap: 0.5em;
}
div.f-map-box {
width: 100%;
height: auto;
text-align: left;
padding: 0 2.4em 3.0em 2.4em;
border-left: 1px dotted #8E8E8E;
}
div.f-map-box:last-child {
border-right: 1px dotted #8E8E8E;
padding-right: 1.0em;
}

div.f-map-box h4 {
font-size: 105%;
font-weight: normal;
text-align: center;
border-bottom: 4px solid #B5CDF1;
/*padding-left: 0.5em;*/
margin-bottom: 0.5em;
letter-spacing: 2px;
}
div.f-map-box h4.nidan {
margin-top: 1.5em;
}

div.f-map-box h4 a:link {
color: #182F77;
text-decoration: none;
}
div.f-map-box h4 a:visited {
color: #565656;
text-decoration: none;
}
div.f-map-box h4 a:hover {
color: #74ABF7;
text-decoration: none;
}
div.f-map-box h4 a:active {
color: #565656;
text-decoration: none;
}
div.f-map-box div.ul-wrap {
float: none;
}
div.f-map-box div.ul-wrap-fl {
float: left;
}
div.f-map-box div.ul-wrap-fl:last-child{
margin-left: 1.0em;
}
div.f-map-box div.ul-wrap-fl::after {
content: "";
clear: both;
display: block;
}

div.f-map-box ul.f-map{
list-style: none;
list-style-position:outside;
margin: 0 0 0.8em 1.0em;
display: block;
}
div.f-map-box li {
letter-spacing: normal;
}
div.f-map-box li.dai {
font-size: 100%;
line-height: 1.8em;
margin-bottom: 0.3em;
}
div.f-map-box li.dai::before {
    content: "\f013";
    font-family: 'Font Awesome 6 Free';
	/*color: #ccc;*/
	color: #2D72AA;
	font-weight: 900;
	font-size: 100%;
	padding-right: 0.4em;
	margin-left: -1.0em;
}
div.f-map-box li.dai a {
text-decoration: none;
font-weight: bold;
}

div.f-map-box li.chu {
font-size: 90%;
line-height: 2.0em;
color: #565656;
}
div.f-map-box li.chu::before {
    content: "-";
/*    font-family: 'Font Awesome 6 Free';*/
	color: #ccc;
	font-weight: 900;
	font-size: 100%;
	padding-right: 0.5em;
	margin-left: -0.5em;
}
div.f-map-box li.dai a:link {
color: #565656;
text-decoration: none;
}
div.f-map-box li.chu a:link {
color: #565656;
text-decoration: none;
}

div.f-map-box li a:visited {
color: #565656;
text-decoration: none;
}
div.f-map-box li.dai a:hover {
color: #2D72AA;
text-decoration: underline;
}
div.f-map-box li.chu a:hover {
color: #74ABF7;
text-decoration: none;
}
div.f-map-box li a:active {
color: #565656;
text-decoration: none;
}
div.f-map-box ul.ft-sns{
list-style: none;
list-style-position:outside;
margin: 0.5em;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
gap:1.5em;
}
div.f-map-box li {
width: auto;
padding: 0.8em 0 0 0.5em;
}

footer div.footer-logo {
}
footer div.footer-logo div.width100 {
}
footer div.footer-logo .ft-l {
}
footer div.footer-logo .ft-r {
}

footer div.footer-cr {
width: 100%;
background-color: #244F7E;
height: 100%;
vertical-align: middle;
padding: 1.0em 0;
border:none;
}

footer h2 {
	margin: 0 auto;
	padding: 1.8em 0 0 0;
	height: 70px;
	color: #fff;
	vertical-align: middle;
	border-bottom: 1px solid #d5d5d5;
	font-size: 90%;
	line-height: 1;
text-align: center;
}

footer h2 a {
	display: block;
	height: 100%;
	width: 320px;
	margin: 0px auto;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100%;
}

footer p.copyright {
	margin: 0.5em auto;
	padding: 0;
	color: #ccc;
	text-align: center;
	font-size: 80%;
	letter-spacing: 0.05em;
}


/* Footer Navigation
------------------------------------------------------------- */

nav.footer-nav {
	width: 100%;
	margin: 0 auto;
	padding-bottom: 0.5em;
	border-bottom: 1px dotted #ccc;
	}
/*nav.footer-nav:after {
	content:"";
	display:block;
	clear:both;
}*/

.nav-backtop {
	display: none;
}

.footernav-btn {
	display: none;
}

.footernav-list {
	margin: 0 auto;
	width: auto;
/*	line-height: 1;*/
	text-align: center;
}

ul.nav-sitemenu {
	margin: 0;
	padding: 0;
	list-style-position: outside;
	list-style-type: none;
	display: flex;
	justify-content: center;
}

ul.nav-sitemenu li {
color: #fff;
	margin: 0 20px;
	padding: 0;
}

ul.nav-sitemenu li a:link,
ul.nav-sitemenu li a:visited {
	color: #fff;
}

ul.nav-sitemenu li a:hover,
ul.nav-sitemenu li a:active {
	text-decoration: underline;
	color: #C1F5FC;
}


/* Navigation
------------------------------------------------------------- */

nav.navbar-default {
	height: 40px;
	margin: 0 0 16px 0;
	padding: 0;
}

nav.navbar-default div.navbar-collapse {
	height: 40px;
	margin: 0;
	padding: 0;
	border: none;
}

nav.navbar-default div.navbar-collapse ul.nav {
	height: 40px;
	margin: 0;
	padding: 0;
	/*border-left: 1px solid #d5d5d5;*/
}

nav.navbar-default div.navbar-collapse ul.nav li {
	margin: 0;
	padding: 0;
	height: 40px;
	/*border-right: 1px solid #d5d5d5;*/
	font-size: 16px;
}

nav.navbar-default div.navbar-collapse ul.nav li a {
	margin: 0;
	padding: 14px 0 0 0;
	height: 40px;
	line-height: 1;
}

nav.navbar-default div.navbar-collapse ul.nav li a:link,
nav.navbar-default div.navbar-collapse ul.nav li a:visited {
	color: #333;
	background-color: #E3E3E3;
}

nav.navbar-default div.navbar-collapse ul.nav li a:active,
nav.navbar-default div.navbar-collapse ul.nav li a:hover,
nav.navbar-default div.navbar-collapse ul.nav li a:focus,
nav.navbar-default div.navbar-collapse ul.nav li.current a:active,
nav.navbar-default div.navbar-collapse ul.nav li.current a:hover,
nav.navbar-default div.navbar-collapse ul.nav li.current a:focus {
	color: #fff;
	font-weight: normal;
	background-color: #8E8270;
}

/* 現在表示中のカテゴリのliには.currentを指定 */
nav.navbar-default div.navbar-collapse ul.nav li.current a {
	color: #fff;
	background-color: #635C52;
	/*background-color: #1C4793;*/
}


/* Title
------------------------------------------------------------- */

.header-h1 {
	width: 100%;
	height: auto;
	margin: 0 auto;
	background-color: #f7f3e7;
}

.header-box {
	width: 100%;
	height: auto;
	margin: 0 auto;
	background-color: #fff;
	float: left;
/*	background-repeat: no-repeat;*/
}

.title-box {
/*	margin-top: 10px;*/
	width: 100%;
	height: 100%;
	position: relative;
}

.title-box:before {
	content: "";
	display: block;
	padding-top: 18.18%; /*縦横比固定*/
}

.title-box p {
	margin: 0;
	padding: 0 0 0 16px;;
	width: 100%;
	height: 100%;
	line-height: 1;
	text-indent: -9999px;
	position: absolute;
	left: 0;
	top: 0;
}

/*見出し画像設定*/

.title-box p.title-common {
	background-image: url(../../resources/img/banner-title/title_common_lg.png);
}

p.logo-common {
display: none;
}



/* Div
------------------------------------------------------------- */

div.main-column {
width: 752px;
display: inline-block;
margin: 0.6em 0 2.0em 0;
padding: 0;
/*overflow: hidden;
float: right;*/
}
/*div.main-column:after {
	content:"";
	display:block;
	clear:both;
}*/
div.main-index {
width: 100%;
display: inline-block;
margin: 1.6em 0 2.0em 0;
/*overflow: hidden;
float: left;*/
}
/*div.main-index:after {
	content:"";
	display:block;
	clear:both;
}*/

div.sidemenu {
width: 230px;
margin-top: 1.6em;
vertical-align: top;
/*float: left;*/
}
div.bgc-f5 {
background-color: #F5F5F5;
}
div.bgc-w {
background-color: #fff;
}

div.index-column {
width: 100%;
display: inline-block;
margin: 3.0em 0 2.0em 0;
padding: 0;
/*float: left;*/
}
/*div.index-column:after {
	content:"";
	display:block;
	clear:both;
}*/

/* BreadCrumb pankuzu
------------------------------------------------------------- */

div.pankuzu {
margin: 0;
padding: 0.7em 0;
width: 100%;
/*height: 60px;*/
background-color: #F8F7F3;
border-top: 1px solid #fff;
/*border-bottom: 1px solid #CFCFCF;*/
position: relative;
}
div.pankuzu:after {
	content:"";
	display:block;
	clear:both;
}
main.indexpage div.pankuzu {
background-color: #F8F7F3;
}

ul.pankuzu-list {
	/*max-width: 1200px;*/
	/*height: 2.0em;*/
	padding: 0 0 0 1.0em;
	margin: 0;
	list-style: none;
	/*background-color: #F8F7F3;*/
	border-radius: 0;
	text-align: left;
	font-size: 76%;
	display: flex;
	vertical-align: middle;
}

.pankuzu-list li {
	display: block;
	float: left;
	padding: 0;
	margin: 0 0.2em;
}

.pankuzu-list li.current {
	color: gray;
}

.pankuzu-list > li a,
.pankuzu-list > li a:link,
.pankuzu-list > li a:visited {
	color: dimgray;
	/*font-weight: bold;*/
	text-decoration: underline;
}

.pankuzu-list > li a:hover{
color: #667EC9;
text-decoration: underline;
}

.pankuzu-list li.pklink::before {
	content: "／";
	padding: 0 0.4em 0 0.2em;
	color: #ccc;
	font-weight: 900;
	font-family: 'Font Awesome 6 Free';
	font-size: 12px;
}
.pankuzu-list li.current:before {
	/*content: "\f105";*/
	content: "／";
	padding: 0 0.4em 0 0.2em;
	color: #ccc;
	font-weight: 900;
	font-family: 'Font Awesome 6 Free';
	font-size: 12px;
}

.pankuzu-list > li.active {
	color: #000;
}

.pankuzu-list > li.fa-home::before {
	content: "\f015";
	font-family: 'Font Awesome 6 Free';
	padding: 0 6px 0 0;
	font-size: 14px;
	font-weight: 900;
	/*color: #2699FB;*/
	/*color: #244F7E;*/
	color: #ccc;
}




/* page-title
------------------------------------------------------------- */

div.page-title {
background-color: #fff;
padding: 2.0em 0 0.5em 0;
text-align: center;
}

div.page-title:after {
	content:"";
	display:block;
	clear:both;
}

div.page-title h2 {
color: #515151;
	margin: 0;
	padding: 0 0 0 0.5em;
	font-size: 120%;
	line-height: 1.3;
}
div.page-title h2 span.block {
    display: block;
    font-size: 90%;
    color: palevioletred;
    font-weight: 900;
    margin-left: 0;
    line-height: 1.6em;
    letter-spacing: normal;
}
div.page-title h2 span.sub-copy1{
font-size: 0.7em;
color: #5F5F5F;
font-weight: normal;
margin-left: 0.6em;
letter-spacing: normal;
}
div.page-title h2 span.sub-copy-B{
font-size: 0.7em;
font-weight: normal;
color: steelblue;
margin-left: 0.6em;
letter-spacing: 0.06em;;
}
div.page-title h2 span.sub-copy-B2 {
display: block;
font-size: 20px;
color: gray;
font-weight: normal;
margin-left: 0;
margin-bottom: 10px;
vertical-align: middle;
line-height: 1.2em;
letter-spacing: normal;
}

/* index-title
------------------------------------------------------------- */
div.index-title {
padding: 0;
/*height: 100%;*/
}

/*div.index-title:after {
	content:"";
	display:block;
	clear:both;
}*/
main#index-co div.index-title {
background-color: #244F7E;
}
main#index-fa div.index-title {
background-color: #D3E4F7;
}
main#index-edu div.index-title {
background-color: #C1E5DB;
}
main#index-next div.index-title {
background-color: #FCE0C3;
}

div.index-title div.index-title-flex {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: stretch;
gap:0;
}

div.index-image {
width:39%;
height: 230px;
background-repeat: no-repeat;
}
/*main#index-co div.index-image {
background-image: url("../images/99_p-type/index-image_co.png");
}
main#index-fa div.index-image {
background-image: url("../images/99_p-type/index-image_fa.png");
}
main#index-edu div.index-image {
background-image: url("../images/99_p-type/index-image_edu.png");
}
main#index-next div.index-image {
background-image: url("../images/99_p-type/index-image_next.png");
}*/

div.index-name {
width:61%;
height: 230px;
}
main#index-co div.index-name {
background-color: #4685CB;
}
main#index-fa div.index-name {
background-color: #4685CB;
}
main#index-edu div.index-name {
background-color: #41B28F;
}
main#index-next div.index-name {
background-color: #EFA65C;
}

div.index-name h2 {
display: block;
color: #fff;
text-align: center;
margin: 1.6em auto;
padding: 0;
font-size: 200%;
font-weight: normal;
line-height: 1.3;
}
div.index-name h2 span.sub-copy1{
font-size: 0.7em;
display: block;
color: #fff;
font-weight: normal;
margin-left: 0.6em;
letter-spacing: normal;
}
div.index-name p {
font-size: 1.2em;
color: #fff;
background-color: #515151;
padding: 1.0em 0.5em;
margin: 0 0 0.5em 0;
text-align: center;
}

/*global-nav
------------------------------------------------------------- */

nav.gnav {
width:100%;
text-align:center;
min-height: 50px;
/*border-bottom: 2px solid #ccc;*/
/*border-top: 10px solid #F8F7F3;*/
/*border-top: 30px solid #244F7E;*/
}
nav.gnav p{
color: #fff;
padding: 1.5em 1.0em 0.2em 1.0em;
font-size: 180%;
font-weight: bold;
text-align: left;
}
main#category-co nav.gnav {
background-color: #D7E1F0;
/*background-color: #244F7E;*/
}
main#category-fa nav.gnav {
background-color: #D3E4F7;
}
main#category-edu nav.gnav {
background-color: #C1E5DB;
}
main#category-next nav.gnav {
background-color: #FCE0C3;
}

main#index-co nav.gnav {
background-color: #fff;
}
main#index-fa nav.gnav {
background-color: #fff;
}
main#index-edu nav.gnav {
background-color: #fff;
}
main#index-next nav.gnav {
background-color: #fff;
}


/*global-nav xs限定*/
nav.gnav-xs {
display: none;
}

div.nav-in {
  position: relative;
  background-color: none;
}
div.nav-in:after {
  content: "";
  clear: both;
  display: block;
}

nav.gnav ul {
width: 100%;
display: table;
margin: 0 auto;
padding: 1.0em 0 0 0;
list-style: none;
clear: both;
}
nav.gnav ul:after {
content:"";
display:block;
clear:both;
}
nav.gnav li {
display: table-cell;
margin: 0;
padding: 0;
width: 19.8%;
float: left;
}

main#category-next nav.gnav li {
width: 25%;
}

nav.gnav li.current::after {
    content: "▼";
   /* font-family: 'Font Awesome 6 Free';*/
    color: #fff;
	font-weight: 900;
	font-size: 100%;
	margin: 0;
	padding: 0;
}


nav.gnav li a {
display: block;
margin: 0;
padding: 0.5em 0;
font-weight: normal;
font-size: 120%;
border-left: 1px solid #fff;
}
nav.gnav li a:last-child {
border-right: 1px solid #fff;
}
nav.gnav li.current a {
text-decoration: none;
color: #333333;
background-color:#fff;
}
nav.gnav li a:link {
text-decoration: none;
color: #333333;
}
nav.gnav li a:visited {
text-decoration: none;
color: #333333;
}
nav.gnav li a:hover {
text-decoration: none;
color: #333333;
/*border-bottom: 3px solid #fff;*/
background-color: #fff;
}
nav.gnav li a:active {
text-decoration: none;
color: #333333;
background-color:#fff;
}


/*global-nav　INDEXページ用
------------------------------------------------------------- */

main.indexpage nav.gnav-index {
width:100%;
text-align:center;
min-height: 40px;
border-bottom: 1px solid #CCCCCC;
}
main#category-co nav.gnav-index {
background-color: #244F7E;
}
main#category-fa nav.gnav-index {
background-color: #D3E4F7;
}
main#category-edu nav.gnav-index {
background-color: #C1E5DB;
}
main#category-next nav.gnav-index {
background-color: #FCE0C3;
}

main#index-co nav.gnav-index {
/*background-color: #244F7E;*/
background-color: #fff;
}
main#index-fa nav.gnav-index {
/*background-color: #D3E4F7;*/
background-color: #fff;
}
main#index-edu nav.gnav-index {
/*background-color: #C1E5DB;*/
background-color: #fff;
}
main#index-next nav.gnav-index {
/*background-color: #FCE0C3;*/
background-color: #fff;
}

/*global-nav xs限定*/
main.indexpage nav.gnav-xs {
display: none;
}

nav.gnav-index div.nav-in {
  position: relative;
  background-color: none;
}
nav.gnav-index div.nav-in:after {
  content: "";
  clear: both;
  display: block;
}

main.indexpage nav.gnav-index ul {
width: 100%;
display: flex;
flex-flow: row;
justify-content: center;
margin: 0 auto;
padding: 1.0em 0 0 0;
list-style: none;
/*border-bottom: 1px solid #CCCCCC;*/
clear: both;
}
main.indexpage nav.gnav-index ul:after {
content:"";
display:block;
clear:both;
}
main.indexpage nav.gnav-index li {
display: inline-block;
text-align: center;
margin: 0 0 1.0em 0;
padding: 0 1.5em;
/*width: auto;*/
border-left: 2px solid;
}

main#index-fa nav.gnav-index li:first-child {
border: none;
}
main#index-edu nav.gnav-index li:first-child {
border: none;
}
main#index-next nav.gnav-index li:first-child {
border: none;
}

main#index-fa nav.gnav-index li {
border-color: #4685CB;
}
main#index-edu nav.gnav-index li {
border-color: #46C19B;
}
main#index-next nav.gnav-index li {
border-color: #EFA65C;
}

main.indexpage nav.gnav-index li.current::after {
    content: "";
    color: #fff;
	font-weight: 900;
	font-size: 100%;
	margin: 0;
	padding: 0;
}


main.indexpage nav.gnav-index li a {
display: block;
margin: 0;
padding: 0.5em 0;
font-weight: normal;
font-size: 120%;
}

main.indexpage nav.gnav-index li.current a {
text-decoration: none;
color: #333333;
background-color:#fff;
}
main.indexpage nav.gnav-index li a:link {
text-decoration: none;
color: #333333;
}
main.indexpage nav.gnav-index li a:visited {
text-decoration: none;
color: #333333;
}
main.indexpage nav.gnav-index li a:hover {
text-decoration: none;
color: #262626;
opacity: 0.5;
/*border-bottom: 3px solid #fff;*/
background-color: #fff;
}
main.indexpage nav.gnav-index li a:active {
text-decoration: none;
color: #333333;
background-color:#fff;
}

/*ページタイトル　サブ*/
div.page-title-sub {
background-color: #fff;
padding: 1.5em 0 0.5em 0;
margin-bottom: 1.5em;
}

div.page-title-sub:after {
	content:"";
	display:block;
	clear:both;
}

div.page-title-sub h3 {
color: #496DAB;
font-size: 180%;
  position: relative;
  padding: 0.5em 0 0 3%;
  margin-bottom: 0.4em;
  border-bottom: 2px solid #496DAB;
}

div.page-title-sub h3 span{
font-size: 70%;
}


/* sidemenu-title
------------------------------------------------------------- */
div.page-title .h2-box {
width: 100%;
display: inline-block;
padding: 3.6em 0 0.4em 1.4em;
margin: 10px 0 0 0;
}
div.page-title .sidemenu-title {
width: 220px;
display: inline-block;
float: left;
margin: 0 0 0 20px;
padding: 70px 0 0 0;
}
div.page-title .sidemenu-title p {
background-color: #243E5A;
color: #fff;
}


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

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

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

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

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

nav.anc-nav ul li a {
/*width: 19.5%;*/
height: 50px;
/*height:100%;*/
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;
}
nav.anc-nav ul li.current a {
border-bottom: 1px solid #004EA1;
}
nav.anc-nav ul li a:after {
    /*content: "\f063";*/
    content:"\f0d7";
   /* content: "\f35d";*/
    font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	color: royalblue;
	padding-left: 8px;
}
nav.anc-nav ul li a:link {
color: #0E0E0E;
}
nav.anc-nav ul li a:visited {}

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

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

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

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


div.no-nav {
width: 890px;
height: 75px;
margin: 0 0 20px 0;
padding: 0;
text-align: left;
vertical-align: middle;
position: relative;
display: block;
color: #fff;
background-color: #8E929E;
}
div.no-nav:after {
	content:"";
	display:block;
	clear:both;
}
div.no-nav p{
font-size: 190%;
font-weight: normal;
padding: 20px 0 10px 26px;
vertical-align: bottom;
letter-spacing: 0.1em;
}

div.no-nav2 {
width: 890px;
height: 30px;
margin: 0 0 1.0em 0;
padding: 0;
text-align: left;
vertical-align: middle;
position: relative;
display: block;
color: #fff;
background-color: none;
}
div.no-nav2:after {
	content:"";
	display:block;
	clear:both;
}

div.no-nav2 p{
font-size: 190%;
font-weight: normal;
padding: 20px 0 10px 26px;
vertical-align: bottom;
letter-spacing: 0.1em;
}

div.no-nav3 {
width: 890px;
height: 75px;
margin: 0 0 20px 0;
padding: 0;
text-align: left;
vertical-align: middle;
position: relative;
display: block;
color: #fff;
background-color: #8E929E;
}
div.no-nav3:after {
	content:"";
	display:block;
	clear:both;
}
div.no-nav3 p{
font-size: 100%;
font-weight: normal;
padding: 1.6em 0 0.6em 1.6em;
vertical-align: bottom;
letter-spacing: 0.1em;
}

/*INDEX アンカー
-------------------------------------------------------------*/
div.anc {
display: block;
height: 10px;
padding-top: 90px;
margin-top:-90px; 
}

/* INDEXページ
------------------------------------------------------------- */

/*h3ごとに囲む*/
.index-box {
margin: 0 0 3.0em 0;
padding: 0 0 2.0em 0;
background-color: #fff;
}

#index-next .index-box {
margin: 0;
}

.index-box div.container {
width: 100%;
margin: 0;
padding: 0;
}

.index-box h3 {
clear: both;
font-size: 220%;
font-weight: normal;
/*width: 100%;*/
padding: 1.0em 0 0.5em 0;
margin: 0.9em 0 1.5em 0;
display: block;
text-align: center;
background-color: #F1F1F1;
}
.index-box .index-top{}
.index-box .index-top h3 {
clear: both;
font-size: 220%;
font-weight: normal;
/*width: 100%;*/
padding: 1.0em 0 0.8em 0;
margin: 0 0 0 0;
display: block;
text-align: center;
background-color: #fff;
}

main#index-co .index-box h3 {
/*background-color: #DDDDDD;*/
}
main#index-fa .index-box h3 {
/*background-color: #F1F1F1;*/
}
main#index-edu .index-box h3 {
/*background-color: #46C19B;*/
}
main#index-next .index-box h3 {
/*background-color: #EFA65C;*/
margin:1.0em 0 0 0;
padding-top: 0;
}


.index-box h3.mb0 {
  margin-bottom: 0;
}
.index-box h3 span{
font-size: 70%;
}
.index-box h3 span.disp-b{
font-size: 70%;
display: block;
line-height: 1.5em;
padding-top: 0.5em;
}
.index-box h3::after {

}

.index-box div.h3-bb {
/*width: 100%;*/
height: 5px;
margin: 0 auto 2.5em;
padding: 0;	
/*float: left;*/
border-left: 8.0em solid;
border-right: 8.0em solid;
}
main#index-co .index-box div.h3-bb {
background-color: #4685CB;
border-color:#94CEFF;
}
main#index-fa .index-box div.h3-bb {
background-color: #4685CB;
border-color:#94CEFF;
}
main#index-edu .index-box div.h3-bb {
background-color: #41B28F;
border-color: #ACE5D3;
}
main#index-next .index-box div.h3-bb {
background-color: #EFA65C;
border-color: #FEE1C4;
}


.index-box div.h3-bb::after {
	content:"";
	display:block;
	clear:both;
}

/*INDEX リストボックス　４連 画像無し*/

.index-box div.listbox-wrap {
	margin: 1.0em 0 0.5em 0;
	padding: 0 1.0em;
	display: block;
}
.index-box div.listbox-wrap::after {
	content:"";
	display:block;
	clear:both;
}
.index-box div.listbox-wrap div.listbox {
position: relative;
	margin: 0 0.25%;
	padding: 0.5em;
	width: 24.5%;
	float: left;
	display: block;
}
/*.index-box div.listbox-wrap div.listbox:last-child {
	margin: 0 0 0 0.25%;
}
.index-box div.listbox-wrap div.listbox:first-child {
	margin: 0 0.25% 0 0;
}*/
.index-box div.listbox-wrap div.listbox::after {
	content:"";
	display:block;
	clear:both;
}

.index-box div.listbox-wrap div.listbox a {
padding: 0.5em 0.3em;
margin: 0;
display: block;
width: 100%;
height: 100%;
min-height: 170px;
/*height: 210px;*/
border: 2px solid #E3E3E3;
}

.index-box div.listbox-wrap div.listbox a.large {
padding: 0.5em 0.3em;
margin: 0;
display: block;
width: 100%;
/*height: 400px;*/
height: 350px;
border: 2px solid #E3E3E3;
}
.index-box div.listbox-wrap div.listbox a.middle {
padding: 0.5em 0.3em;
margin: 0;
display: block;
width: 100%;
height: 300px!important;
border: 2px solid #E3E3E3;
}

.index-box div.listbox-wrap div.listbox a:hover {
}
main#index-co .index-box div.listbox-wrap div.listbox a:hover {
border-color:cornflowerblue;
}
main#index-fa .index-box div.listbox-wrap div.listbox a:hover {
border-color:cornflowerblue;
}
main#index-edu .index-box div.listbox-wrap div.listbox a:hover {
border-color: #41B28F;
}
main#index-next .index-box div.listbox-wrap div.listbox a:hover {
border-color: #EFA65C;
}

.index-box div.listbox-wrap div.listbox h4 {
/*height: 50px;*/
background-color: #fff;
margin-bottom: 1.0em;
padding: 0.2em 0.5em;
font-weight: normal;
font-size: 95%;
display: block;
}
.index-box div.listbox-wrap div.listbox h4 span {
font-size: 110%;
/*letter-spacing: normal;*/
}
.index-box div.listbox-wrap div.listbox div.listbox-img {
/*height: 132px;*/
display: block;
padding: 0;
margin: 0.5em;
width: 90%;
border: 1px solid #E4E4E4;
/*float: left;*/
}
.index-box div.listbox-wrap div.listbox div.listbox-img img {
/*width: 100%;
margin: 0 auto;
text-align: center;*/
}
.index-box div.listbox-wrap div.listbox div.listbox-text {
display: block;
width: 100%;
height: auto;
/*height: 115px;*/
/*float: left;*/
}
.index-box div.listbox-wrap div.listbox div.listbox-text p {
font-size: 90%;
	margin: 0;
	padding: 0 0.5em;
	line-height: 1.5em;
	color: #2A2A2A!important;
}
.index-box div.listbox-wrap div.listbox div.listbox-next {
display: block;
width: 100%;
height: 25px;
text-align: right;
/*float: left;*/
}
.index-box div.listbox-wrap div.listbox div.listbox-next span::after {
	content: "\f138";
	/*color:cornflowerblue;*/
	font-family: 'Font Awesome 6 Free';
	padding: 0 0.3em 0 0.5em;
	font-size: 100%;
	font-weight: 900;
	/*float: right;*/
}
main#index-co .index-box div.listbox-wrap div.listbox div.listbox-next span {
color:cornflowerblue;
}
main#index-fa .index-box div.listbox-wrap div.listbox div.listbox-next span {
color:cornflowerblue;
}
main#index-edu .index-box div.listbox-wrap div.listbox div.listbox-next span {
color: #41B28F;
}
main#index-next .index-box div.listbox-wrap div.listbox div.listbox-next span {
color: #EFA65C;
}

/*INDEX リストボックス　４連 画像あり*/

div.listbox-wrap_4 {
display:flex;
flex-wrap: wrap;
justify-content:flex-start;
align-items: stretch;
margin: 0 auto;
padding: 0.5em 0;
gap:20px 1.5%;
}

div.listbox-wrap_4 div.listbox {
margin: 0;
padding: 0.5em;
display: flex;
flex-direction: column;
width:calc(95.5%/4);
position: relative;
/*max-width: 22%;*/
/*height: 100%;*/
}
/*div.listbox-wrap_4 div.listbox:last-child {
	margin: 0;
}*/


div.listbox-wrap_4 div.listbox a {
padding: 0.5em;
margin: 0!important;
display: block;
width: 100%;
height: 100%;
/*height: 210px;*/
border: 2px solid #E3E3E3;
position: absolute;
top: 0;
left: 0;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}


/*#index-fa div.listbox-wrap_4 div.listbox a:hover {
border-color: #41B28F;
}*/
div.listbox-wrap_4 div.listbox a.soon:hover{
border-color: #E3E3E3!important;
}

main#category-co div.listbox-wrap_4 div.listbox a:hover,
main#category-co div.listbox-wrap_3 div.listbox a:hover,
main#index-co div.listbox-wrap_4 div.listbox a:hover,
main#index-co div.listbox-wrap_3 div.listbox a:hover{
border-color: #33568E;
}
main#category-fa div.listbox-wrap_4 div.listbox a:hover,
main#category-fa div.listbox-wrap_3 div.listbox a:hover,
main#index-fa div.listbox-wrap_4 div.listbox a:hover,
main#index-fa div.listbox-wrap_3 div.listbox a:hover{
border-color: #4685CB;
}

main#category-edu div.listbox-wrap_4 div.listbox a:hover,
main#category-edu div.listbox-wrap_3 div.listbox a:hover,
main#index-edu div.listbox-wrap_4 div.listbox a:hover,
main#index-edu div.listbox-wrap_3 div.listbox a:hover{
border-color: #41B28F;
}
main#category-next div.listbox-wrap_4 div.listbox a:hover,
main#category-next div.listbox-wrap_3 div.listbox a:hover,
main#index-next div.listbox-wrap_4 div.listbox a:hover,
main#index-next div.listbox-wrap_3 div.listbox a:hover{
border-color: #EEAC69;
}

div.listbox-wrap_4 div.listbox h4 {
width: 98%;
background-color: #fff;
margin-bottom: 1.0em;
padding: 0.5em;
font-weight: normal;
font-size: 100%;
/*display: block;*/
}
div.listbox-wrap_4 div.listbox h4 span {
font-size: 110%;
}
div.listbox-wrap_4 div.listbox div.listbox-img {
/*height: 163px;*/
text-align: center;
padding: 0;
margin: 0 2%;
width: 96%;
overflow: hidden;
}
div.listbox-wrap_4 div.listbox div.listbox-img p.resize {
height: 100%;
margin: 0;
padding: 0;
}
div.listbox-wrap_4 div.listbox div.listbox-img p.resize-h130 {
height: auto;
margin: 0;
padding: 0;
}
div.listbox-wrap_4 div.listbox div.listbox-img p.resize-h130 img {
width: 100%;
height: 130px;
object-fit: cover;
}

div.listbox-wrap_4 div.listbox div.listbox-img img {
width: 100%;
object-fit: cover;
}
div.listbox-wrap_4 div.listbox div.listbox-text {
/*display: block;*/
padding:0.5em;
margin: 0;
width: 100%;
/*height: auto;*/
/*height: 100px;*/
/*float: left;*/
}
div.listbox-wrap_4 div.listbox div.listbox-text p {
font-size: 90%;
margin: 0;
padding: 0;
line-height: 1.5em;
text-align: justify;
color: #2A2A2A!important;
}
div.listbox-wrap_4 div.listbox div.listbox-next {
display: block;
width: 100%;
height: 25px;
margin-right: 1.0em;
margin-top: auto;
text-align: right;
}
div.listbox-wrap_4 div.listbox div.listbox-soon {
display: block;
width: 100%;
height: 20px;
margin-right: 0;
padding: 0 0.5em 0 0;
margin-top: auto;
text-align: right;
color: #3F3F3F;
font-size: 90%;
}

div.listbox-wrap_4 div.listbox div.listbox-next span {
width: 100%;
/*color: #41B28F;*/
}
main#category-co div.listbox-wrap_4 div.listbox div.listbox-next span,
main#category-co div.listbox-wrap_3 div.listbox div.listbox-next span,
main#index-co div.listbox-wrap_4 div.listbox div.listbox-next span,
main#index-co div.listbox-wrap_3 div.listbox div.listbox-next span{
color: #33568E;
}
main#category-fa div.listbox-wrap_4 div.listbox div.listbox-next span,
main#category-fa div.listbox-wrap_3 div.listbox div.listbox-next span,
main#index-fa div.listbox-wrap_4 div.listbox div.listbox-next span,
main#index-fa div.listbox-wrap_3 div.listbox div.listbox-next span{
color: #4685CB;
}
main#category-edu div.listbox-wrap_4 div.listbox div.listbox-next span,
main#category-edu div.listbox-wrap_3 div.listbox div.listbox-next span,
main#index-edu div.listbox-wrap_4 div.listbox div.listbox-next span,
main#index-edu div.listbox-wrap_3 div.listbox div.listbox-next span{
color: #41B28F;
}
main#category-next div.listbox-wrap_4 div.listbox div.listbox-next span,
main#category-next div.listbox-wrap_3 div.listbox div.listbox-next span,
main#index-next div.listbox-wrap_4 div.listbox div.listbox-next span,
main#index-next div.listbox-wrap_3 div.listbox div.listbox-next span{
color: #EEAC69;
}

div.listbox-wrap_4 div.listbox div.listbox-next span::after {
content: "\f138";
font-family: 'Font Awesome 6 Free';
padding: 0 0.3em 0 0.5em;
font-size: 100%;
font-weight: 900;
}


/*INDEX リストボックス　３連 画像あり*/

div.listbox-wrap_3 {
display:flex;
flex-wrap: wrap;
justify-content:space-between;
align-items: stretch;
margin: 0 auto;
padding: 0;
gap:20px 2%;
}

div.listbox-wrap_3 div.listbox {
margin: 0;
padding: 0.5em;
display: flex;
flex-direction: column;
width:calc(96%/3);
/*width:auto;*/
/*max-width: 31%;*/
/*height: 100%;*/
position: relative;
}
/*div.listbox-wrap_3 div.listbox:last-child {
	margin: 0;
}*/

div.listbox-wrap_3 div.listbox a {
padding: 0.5em;
margin: 0;
display: block;
width: 100%;
height: 100%;
/*height: 210px;*/
border: 2px solid #E3E3E3;
position: absolute;
top: 0;
left: 0;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}

div.listbox-wrap_3 div.listbox a:hover {
border-color: #41B28F;
}

div.listbox-wrap_3 div.listbox h4 {
width: 98%;
background-color: #fff;
margin-bottom: 1.0em;
padding: 0.5em;
font-weight: bold;
font-size: 100%;
display: block;
}
div.listbox-wrap_3 div.listbox h4 span {
font-size: 110%;
}
div.listbox-wrap_3 div.listbox div.listbox-img {
height: 163px;
text-align: center;
padding: 0;
margin: 0 2%;
width: 96%;
overflow: hidden;
}
div.listbox-wrap_3 div.listbox div.listbox-img p.resize {
height: 100%;
}
div.listbox-wrap_3 div.listbox div.listbox-img img {
width: 100%;
object-fit: cover;
}
div.listbox-wrap_3 div.listbox div.listbox-text {
display: block;
padding:0.8em 0.5em;
margin: 0;
width: 100%;
/*height: auto;*/
/*height: 100px;*/
/*float: left;*/
}
div.listbox-wrap_3 div.listbox div.listbox-text p {
font-size: 90%;
margin: 0;
padding: 0;
line-height: 1.5em;
text-align: justify;
color: #2A2A2A!important;
}
div.listbox-wrap_3 div.listbox div.listbox-next {
display: block;
width: 100%;
height: 25px;
margin-right: 1.0em;
margin-top: auto;
text-align: right;
}
div.listbox-wrap_3 div.listbox div.listbox-next span::after {
	content: "\f138";
	font-family: 'Font Awesome 6 Free';
	padding: 0 0.3em 0 0.5em;
	font-size: 100%;
	font-weight: 900;
}

div.listbox-wrap_3 div.listbox div.listbox-next span {
color: #41B28F;
}


/*INDEX リストボックス　１つ*/
.index-box div.listbox-wrap_1 {
display:flex;
justify-content: flex-start;
margin: 0 auto;
padding: 0;
}
.index-box div.listbox-wrap_1 div.listbox {
display: flex;
flex-direction: column;
width: 100%;
margin: 0.8em 0;
padding: 0;
/*max-height: 200px;*/
}
.index-box div.listbox-wrap_1 div.listbox::after {
	content:"";
	display:block;
	clear:both;
}

.index-box div.listbox-wrap_1 div.listbox div.colm-2left {
margin: 0;
padding: 0;
float: left;
width: 40%;
}
.index-box div.listbox-wrap_1 div.listbox div.colm-2right {
margin: 1.0em 1.5%;
padding: 0;
float: right;
width: 56%;
}

.index-box div.listbox-wrap_1 div.listbox a {
padding: 1.0em;
margin: 0;
display: block;
width: 100%;
height: 100%;
min-height: 200px;
border: 2px solid #E3E3E3;
}

.index-box div.listbox-wrap_1 div.listbox a:hover {
}
main#index-co .index-box div.listbox-wrap_1 div.listbox a:hover {
border-color:cornflowerblue;
}
main#index-fa .index-box div.listbox-wrap_1 div.listbox a:hover {
border-color:cornflowerblue;
}
main#index-edu .index-box div.listbox-wrap_1 div.listbox a:hover {
border-color: #41B28F;
}
main#index-next .index-box div.listbox-wrap_1 div.listbox a:hover {
border-color: #EFA65C;
}

.index-box div.listbox-wrap_1 div.listbox h4 {
background-color: #fff;
margin-bottom: 1.0em;
padding: 0.2em 0;
font-weight: normal;
font-size: 105%;
display: block;
width: 100%;
}
.index-box div.listbox-wrap_1 div.listbox div.listbox-img {
display: block;
width: 100%;
height: auto;
float: left;
}
/*.index-box div.listbox-wrap_1 div.listbox div.listbox-img p.resize {
}*/
.index-box div.listbox-wrap_1 div.listbox div.listbox-img img {
width: 100%;
max-height: 170px;
object-fit: cover;
}
.index-box div.listbox-wrap_1 div.listbox div.listbox-text {
display: block;
width: 100%;
height: auto;
float: left;
}
.index-box div.listbox-wrap_1 div.listbox div.listbox-text p {
font-size: 90%;
	margin: 0;
	padding: 0 0.5em;
	line-height: 1.5em;
	color: #2A2A2A!important;
}
.index-box div.listbox-wrap_1 div.listbox div.listbox-next {
display: block;
width: 100%;
height: 25px;
text-align: right;
float: left;
}
.index-box div.listbox-wrap_1 div.listbox div.listbox-next span::after {
	content: "\f138";
	/*color:cornflowerblue;*/
	font-family: 'Font Awesome 6 Free';
	padding: 0 0.3em 0 0.5em;
	font-size: 100%;
	font-weight: 900;
	float: right;
}
main#index-co .index-box div.listbox-wrap_1 div.listbox div.listbox-next span {
color:cornflowerblue;
}
main#index-fa .index-box div.listbox-wrap_1 div.listbox div.listbox-next span {
color:cornflowerblue;
}
main#index-edu .index-box div.listbox-wrap_1 div.listbox div.listbox-next span {
color: #41B28F;
}
main#index-next .index-box div.listbox-wrap_1 div.listbox div.listbox-next span {
color: #EFA65C;
}


.index-box h4 {
clear: both;
width: 90%;
margin: 0 0 1.5em 0;
font-size: 115%;
line-height: 1.6em;
font-weight:normal;
padding: 0.5em 0 1.0em 0.5em;
color: #3F3F3F;
background-color: #EDEDED;
border-bottom: 2px solid;
display: block;
}

.index-box h4.w100 {
width: 100%;
padding: 0.5em 0 0.5em 0.5em;
}

.index-box h4.c2r {
clear: both;
margin: 0 0 1.5em 1.0em;
font-size: 120%;
line-height: 1.6em;
font-weight:normal;
padding: 0.5em 0 0.3em 0.2em;
color: #3F3F3F;
background-color: #fff;
border-bottom: 2px solid;
display: block;
}

main#index-co .index-box h4 {
border-bottom-color:  #848D9B;
text-align: center;
padding: 0.5em 0;
}
main#index-fa .index-box h4 {
border-bottom-color: #7db4e6;
}
main#index-edu .index-box h4 {
border-bottom-color: #41B28F;
}
main#index-next .index-box h4 {
border-bottom-color: #EFA65C;
}

div.index-box h4 span {
display: block;
letter-spacing: 0.1em;
}
main#index-co div.index-box h4 span dd {
color: #203A8E;
}
main#index-fa div.index-box h4 span {
color: #2286FF;
}
main#index-edu div.index-box h4 span {
color: #41B28F;
/*color: #27D06F;*/
}
main#index-next div.index-box h4 span {
color: #EFA65C;
}


    
.index-box h5 {
clear: both;
	margin: 1.5em 0 1.5em 0.6em;
	padding: 0 0 0.2em 0.4em;
	font-size: 140%;
	line-height: 1.2;
	font-weight: 900;
	/*color: #496DAB;*/
	display: block;
	border-bottom: 1px solid #ccc;
}

main#index-co .index-box h5 {
color: #2B2B2B;
}
main#index-fa .index-box h5 {
color: #496DAB;
}
main#index-edu .index-box h5 {
/*color: #359778;*/
color:#00513E;
}
main#index-next .index-box h5 {
color: #EE8E2E;
}

.index-box h5.dark {
	margin: 0.5em 0 1.0em 1.2em;
	padding: 0 0 4px 0;
	font-size: 130%;
	line-height: 1.2;
	font-weight: bold;
	color: #292929;
	border-bottom: 1px dashed gray;
}
.index-box h5.dark-s {
	margin: 0.5em 0 1.0em 1.2em;
	padding: 0 0 4px 0;
	font-size: 120%;
	line-height: 1.6em;
	font-weight: bold;
	color: #3B3B3B;
	border-bottom: 1px dashed gray;
}

.index-box h5.catch {
	margin: 0 0 1.0em 1.0em;
	padding: 0 0 0.2em 0.2em;
	font-size: 130%;
	line-height: 1.2em;
	font-weight: bold;
	color: #131313;
	border-bottom: 2px solid #004E8E;
}
.index-box h5.catch2 {
	margin: 2.0em 0 1.0em 0;
	padding: 0.2em 0 0.4em 0.8em;
	font-size: 135%;
	line-height: 1.2em;
	font-weight: bold;
	color: #131313;
	border-left: 4px solid #CBCBCB;
    border-bottom: 4px solid #CBCBCB;
    }


.index-box h6 {
clear: both;
	margin: 0;
	padding: 0 0 0.5em 0.6em;
	font-size: 116%;
	font-weight: bold;
	line-height: 1.2;
	color: #4d4d4d;
	display: block;
}

.index-box h6:before {
	content: "\f192";
	font-family: 'Font Awesome 6 Free';
	padding: 0 0.2em 0 0;
	font-size: 80%;
	font-weight: 900;
	color: #3597FF;
	/*color: #51C17D;*/
}
main#index-co .index-box h6:before {
color: #666666;
}
main#index-fa .index-box h6:before {
color: #496DAB;
}
main#index-edu .index-box h6:before {
color: #359778;
}
main#index-next .index-box h6:before {
color: #EE8E2E;
}

.index-box p {
line-height: 1.6em;
padding: 0 0.8em 0 1.8em;
margin: 0 0 1.2em 0;
display: block;
}
.index-box p.h3-level {
line-height: 1.6em;
padding: 0 0.8em 0 0.8em;
margin: 0 0 1.2em 0;
display: block;
}

/* p-tag arrow */
.index-box p.link-arrow:before {
	content: "\f138";
	font-family: 'Font Awesome 6 Free';
	padding: 0 0.3em 0 0;
	font-size: 100%;
	font-weight: 900;
	color:cornflowerblue;
}
.index-box p.link-arrowD:before {
	content: "\f13a";
	font-family: 'Font Awesome 6 Free';
	padding: 0 0.3em 0 0;
	font-size: 100%;
	font-weight: 900;
	color:cornflowerblue;
}
.index-box p.link-square:before {
	content: "\f45c";
	font-family: 'Font Awesome 6 Free';
	padding: 0 0.3em 0 0;
	font-size: 100%;
	font-weight: 900;
	color:#A6A6A6;
}
.contents-box p.link-square2:before {
	content: "\f0c8";
	font-family: 'Font Awesome 6 Free';
	padding: 0 0.3em 0 0;
	font-size: 100%;
	font-weight: 400;
	color:#A6A6A6;
}
.index-box p.link-circle:before {
	content: "\f111";
	font-family: 'Font Awesome 6 Free';
	padding: 0 0.3em 0 0;
	font-size: 100%;
	font-weight: 900;
	color:#A6A6A6;
}

.index-box p.komidashi,
.contents-box p.komidashi{
margin: 1.0em 0;
}
.index-box p.komidashi:before,
.contents-box p.komidashi:before {
	content: "\f14a";
	font-family: 'Font Awesome 6 Free';
	padding: 0 0.4em 0 0;
	font-size: 110%;
	font-weight: 900;
	color:deepskyblue;
}

.index-box p.tsuyome,
.contents-box p.tsuyome {
margin: 1.0em 0 0.5em 0;
font-size: 115%;
font-weight: bold;
/*color: currentColor;*/
}
.index-box p.tsuyome-ul,
.contents-box p.tsuyome-ul {
width: auto;
margin: 1.0em 0;
font-size: 115%;
font-weight: bold;
border-bottom: 1px solid #B0B0B0;
/*color: currentColor;*/
}

/* DIV カラム　*/
.index-box div.colm-1 {
	margin: 0 0 1.5em 0;
	padding: 0;
	width: 100%;
	display: block;
}

.index-box div.colm-wrap {
	margin: 0 0 1.5em 0;
	padding: 0;
	width: 100%;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

/*colm-2*/
.index-box div.colm-wrap div.colm-2 {
	margin: 0 0 1.0em 0;
	padding: 0;
	display: block;
}
.index-box div.colm-wrap div.div-r {
margin-left:1.8em;
}

div.box-border {
border: 2px solid #E3E3E3;
margin: 0 0.5%;
}

div.box-border-btm {
border-bottom: 1px solid #E3E3E3;
margin: 0;
}
div.box-border-top {
border-top: 1px solid #E3E3E3;
margin: 0;
}

.index-box div.colm-wrap div.colm-3 {
	margin: 0 2% 0 0;
	padding: 0;
	display: block;
}
.index-box div.colm-wrap div.colm-3:last-child {
margin: 0 0 0 0;
}

.index-box div.colm-wrap div.colm-index1col {
	margin: 0 2% 0 0;
	padding: 0;
	width: 33%;
	float: left;
	display: block;
}

.index-box div.colm-wrap div.colm-index2col {
	margin: 0.5em;
	width: 31%;
	float: left;
	display: block;
	background-color: #fff;
	border: 2px solid #DBDBDB;
	/*background-color: #F0F8FF;*/
/*height: 60px;*/
}


.index-box div.colm-wrap-flex {
	margin: 0;
	padding: 0 0 0 1%;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 20px 3%;
}
.index-box div.colm-wrap-flex div.colm-index1col {
	margin: 0;
	padding: 0;
	width: 90%;
}

.index-box div.colm-wrap-flex div.colm-index2col {
	margin: 0;
	width: calc(90% / 2 - 3%);
	background-color: #fff;
	border: 2px solid #DBDBDB;
	/*background-color: #F0F8FF;*/
/*height: 60px;*/
}




/*INDEXページコピー*/
.index-box div.colm-1 div.copy-parts1 {
	margin: 0 0 1.0em 0;
	padding: 0 0 0.2em 0;
	width: 100%;
	border-bottom: 5px solid #E9E9E9;
	text-align: center;
	font-size: 130%;
	font-weight: bold;
}

.index-box div.colm-wrap div.colm-2 div.copy-parts2 {
	margin: 0 0 1.0em 1.0em;
	padding: 0;
	width: 95%;
}

.index-box h4.topcopy {
text-align: center;
width: 100%;
font-size: 140%;
font-weight: bold;
color: #515151;
border: none;
background-color: #fff;
margin-bottom: 0;
}

.index-box div.colm-wrap div.colm-2 div.copy-parts2 dl {
	border-bottom: none;
	border-right: none;
	background-color: none;
	padding: 0;
	margin-bottom: 1.5em;
}
main#category-co div.copy-parts2 dl {
border-left: #33568E 8px solid;
}
main#category-fa div.copy-parts2 dl {
border-left: #4685CB 8px solid;
}
main#category-edu div.copy-parts2 dl {
border-left: #41B28F 8px solid;
}
main#category-next div.copy-parts2 dl {
border-left: #EEAC69 8px solid;
}
main#index-co div.copy-parts2 dl {
border-left: #33568E 8px solid;
}
main#index-fa div.copy-parts2 dl {
border-left: #4685CB 8px solid;
}
main#index-edu div.copy-parts2 dl {
border-left: #41B28F 8px solid;
}
main#index-next div.copy-parts2 dl {
border-left: #EEAC69 8px solid;
}

.index-box div.colm-wrap div.colm-2 div.copy-parts2 dt {
	/*float: left;*/
	width: 98%;
	padding: 0 0 0 1.0em;
	margin: 0;
	border-top: none;
	font-size: 130%;
	font-weight: normal;
	color: #000;
	display: block;
}
.index-box div.colm-wrap div.colm-2 div.copy-parts2 dd {
/*	width: 60%;*/
	background-color: #fff;
	width: 98%;
	padding: 0 0 0 1.2em;
	margin: 0;
	border-top: none;
	font-size: 100%;
	display: block;
}
main#category-co div.copy-parts2 dd {
color: #203A8E;
}
main#category-fa div.copy-parts2 dd {
color: #074AB0;
/*color: #2286FF;*/
}
main#category-edu div.copy-parts2 dd {
color: #2AB164;
}
main#category-next div.copy-parts2 dd {
color: #EFA65C;
}
main#index-co div.copy-parts2 dd {
color: #203A8E;
}
main#index-fa div.copy-parts2 dd {
color: #074AB0;
/*color: #2286FF;*/
}
main#index-edu div.copy-parts2 dd {
	color: #2AB164;
/*color: #27D06F;*/
}
main#index-next div.copy-parts2 dd {
color: #EFA65C;
}

.index-box div.colm-wrap div.colm-2 div.copy-parts2 p {
margin: 0;
padding: 0;
line-height: 1.8em;
}
.index-box div.colm-wrap div.colm-2 div.copy-parts2 p.index-copy{
margin: 2.0em 0 0 0;
padding: 0;
line-height: 1.8em;
}



div.sub {
padding-bottom: 1.5em!important;
}

div.colm-index2col h5 {
font-size: 90%;
border: none;
font-weight: normal;
margin: 0;
padding: 0;
}
div.colm-index2col h5 a {
display: block;
padding:1.5em 0.5em 1.5em 1.0em;
margin: 0;
color: #000000;
}
div.sub div.colm-index2col h5 a {
display: block;
padding:1.0em 0.5em 1.0em 1.0em;
margin: 0;
color: #000000;
}
div.colm-index2col h5 a.soon {
background-color: #EDEDED;
}
div.colm-index2col h5 a:hover {
background-color: #EDEDED;
}

div.colm-index2col h5 a::before {
	content: "\f0a9";
	font-family: 'Font Awesome 6 Free';
	padding: 0 0.5em 0 0;
	font-size: 110%;
	font-weight: 900;
	color: #4B4B4B;
	/*color: #1553A7;*/
}


div.contents-box div.h5-box {
padding-left: 1.4em;
}

/*画像一覧*/
div.colm-wrap div.colm-flex {
	margin: 2%;
	padding: 0;
	width: 20%;
	height: 200px;
	display: block;
	float: left;
}
div.colm-wrap div.colm-flex p {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 85%;
}


/*書籍一覧*/
div#book div.colm-wrap {
margin: 0;
}
div#book div.colm-wrap div.colm-1 {
width: 48%;
margin-right: 50%;
margin-top: 0.5em;
margin-bottom: 0.5em;
}
div#book div.colm-wrap div.colm-2 {
width: 48%;
margin: 0.5em 0;
}

div.colm-wrap div.colm-1 div.book-img-left,
div.colm-wrap div.colm-2 div.book-img-left {
width: 32%;
padding-left: 0.5em;
vertical-align: top;
float: left;
}

div.colm-wrap div.colm-1 div.book-img-left img,
div.colm-wrap div.colm-2 div.book-img-left img {
border: 1px solid #ccc;
}

div.colm-wrap div.colm-1 div.book-text-right,
div.colm-wrap div.colm-2 div.book-text-right{
width: 60%;
padding-left: 1.0em;
vertical-align: top;
float: left;
}
div.colm-wrap div.colm-1 div.book-text-right h6,
div.colm-wrap div.colm-2 div.book-text-right h6 {
color: #525252;
font-size: 90%;
font-weight: normal;
margin-bottom: 0.5em;
}


/*2カラム 等分*/
.index-box div.w50 {
width: 48%!important;
}

/*3カラム*/
.index-box div.w33 {
width: 32%!important;
}

/*20-80*/
.index-box div.w20 {
width: 18%!important;
}
.index-box div.w80 {
width: 78%!important;
}

/*25-75*/
.index-box div.w25 {
width: 23%;
}
.index-box div.w75 {
width: 73%;
}

/*30-70*/
.index-box div.w30 {
width: 28%!important;
}
.index-box div.w70 {
width: 68%!important;
}

/*40-60*/
.index-box div.w40 {
width: 38%!important;
}
.index-box div.w60 {
width: 58%!important;
}

.index-box div.h20 {
height: 20px!important;
}
.index-box div.h30 {
height: 30px!important;
}
.index-box div.h40 {
height: 40px!important;
}

.index-box p.p-logo {
text-align: right;
padding: 0;
}

.index-box div.mb0 {
margin-bottom: 0;
}
.index-box div.mb2 {
margin-bottom: 2.0em;
}
.index-box div.mb3 {
margin-bottom: 3.0em;
}
.index-box div.mb4 {
margin-bottom: 4.0em;
}


/* Contents Header and Container
------------------------------------------------------------- */
/*h3ごとに囲む*/
.contents-box {
/*clear: both;*/
/*width: 100%;*/
margin: 0 0 30px 0;
padding: 0;
/*background-color: #F8F7F3;*/
background-color: #fff;
/*float: left;*/
/*	border-radius: 1em;*/
}
.bgc-none {
background: none!important;
}
.contents-box div.container {
width: 100%;
margin: 0;
padding-left: 0.4em;
/*float: left;*/
}

.contents-box h3 {
clear: both;
font-size: 200%;
font-weight: normal;
/*width: 100%;*/
padding: 1.5em 0 0.3em 0.2em;
margin-bottom: 1.0em;
display: block;
line-height: 1.2em;
}
main#category-co .contents-box h3 {
border-bottom: 3px solid  #415593;
/*border-bottom: 3px solid #364559;*/
}
main#category-fa .contents-box h3 {
/*border-bottom: 5px solid #94CEFF;*/
border-bottom: 3px solid #6A84A6;
}
main#category-edu .contents-box h3 {
border-bottom: 3px solid #5D8C7F;
}
main#category-next .contents-box h3 {
border-bottom: 3px solid #EFA65C;
}

.contents-box h3 span {
font-size: 70%;
}

.contents-box h3 span.h3-title {
font-size: 60%;
font-weight: normal;
/*text-decoration: underline;*/
/*width: 100%;*/
padding: 0;
margin-bottom: 0.5em;
display: block;
color: grey;
line-height: 1.2em;
}

.contents-box h3 span.block {
font-size: 80%;
display: block;
}

.contents-box h3::after {
/*  position: absolute;
  bottom: -5px;
  left: 0;
  z-index: 2;
  content: '';
  width: 10%;
  height: 5px;
  background-color: #3498db;*/
}
.contents-box h3.kazari {
clear: both;
font-size: 130%;
font-weight: normal;
/*width: 100%;*/
padding: 1.0em 0 0.2em 0.2em;
margin: 0.5em 0;
display: block;
}

.contents-box h3.mb0 {
  margin-bottom: 0;
}
.contents-box h3.mb05 {
  margin-bottom: 0.5em;
}


.contents-box h4 {
clear: both;
margin: 1.5em 0 1.5em 0;
font-size: 130%;
line-height: 1.6em;
font-weight:bold;
padding: 0.5em 0 0.2em 0.5em;
color: #3F3F3F;
/*background-color: #EDEDED;*/
/*background-color: #F3F3F3;*/
background-color: #F7F7F7;
border-bottom: 2px solid;
display: block;
/*border-left: solid 5px #7db4e6;*/
}

main#category-co .contents-box h4 {
border-bottom-color:  #848D9B;
}
main#category-fa .contents-box h4 {
border-bottom-color: #7db4e6;
}
main#category-edu .contents-box h4 {
border-bottom-color: #41B28F;
}
main#category-next .contents-box h4 {
border-bottom-color: #EFA65C;
}

.contents-box h4 span {
display: block;
font-size: 90%;
font-weight: bold;
font-family: sans-serif;
padding: 0;
margin: 0;
line-height: 1.5em;
/*letter-spacing: 0.1em;*/
}
.contents-box h4 span.series {
display: inline;
font-size: 85%;
font-weight: normal;
color: #272727!important;
padding-left: 1.0em;
}

main#category-co .contents-box h4 span {
color:  #848D9B;
}
main#category-fa .contents-box h4 span {
color: #7db4e6;
}
main#category-edu .contents-box h4 span {
color: #38A784;
}
main#category-edu .contents-box h4 span span.v-module {
content: "";
display: inline;
font-size: 70%;
font-weight: normal;
color: #fff;
vertical-align: middle;
}
main#category-edu .contents-box h4 span span.v-module::after {
content: "Ｖモジュール系";
padding: 0.2em 0.5em 0.1em 0.5em;
margin:0 0 0 0.6em;
border-radius: 0.5em;
background-color: #38A784;
}
main#category-next .contents-box h4 span {
color: #D4791D;
/*color: #EFA65C;*/
}
   
 .contents-box h4.news {
 margin-top:0;
 }   

.contents-box h5 {
clear: both;
	margin: 1.5em 0 1.5em 0;
	padding: 0.3em 0.5em 0.3em 0.8em;
	font-size: 120%;
	line-height: 1.4em;
	font-weight: bold;
	/*color: #496DAB;*/
	/*color: #0D0D0D;*/
	display: block;
	border-top: none;
	border-bottom: 1px dotted #ccc;
	border-right: none;
	border-left: 4px solid;
}

.contents-box h5 span.chuki {
font-weight: normal;
color: #222222;
font-size: 80%;
padding-left: 0.5em;
}
.contents-box h5 span.prd {
font-weight: bold;
color: #69C59C;
font-size: 85%;
padding-left: 1.0em;
}

main#category-co .contents-box h5 {
color: #3F3F3F;
/*color: #2B2B2B;*/
border-left-color:#415593;
/*border-left-color:#2B2B2B;*/
}
main#category-fa .contents-box h5 {
color: #496DAB;
border-left-color:#496DAB;
}
main#category-edu .contents-box h5 {
	/*color: #5D8C7F;*/
	border-left-color: #5D8C7F;
	color: #013226;
	/*color: #359778;*/
}
main#category-next .contents-box h5 {
color: #2B1600;
/*color: #E18629;*/
border-left-color: #EFA65C;
}

.contents-box h5.mm {
background-color: #F4F6F5;
/*background-color: #F1F9F6;*/
/*background-color:#EFFFF0;*/
}
.contents-box h5.dark {
	margin: 0.5em 0 1.0em 0;
	padding: 0 0 4px 0.8em;
	font-size: 130%;
	line-height: 1.2;
	font-weight: bold;
	color: #292929;
	border-bottom: 1px dashed gray;
}
.contents-box h5.dark-s {
	margin: 0.5em 0 1.0em 0;
	padding: 0 0 4px 0.8em;
	font-size: 120%;
	line-height: 1.6em;
	font-weight: bold;
	color: #3B3B3B;
	border-bottom: 1px dashed gray;
}

.contents-box h5.catch {
	margin: 0 0 1.0em 0;
	padding: 0 0 0.2em 0.8em;
	font-size: 130%;
	line-height: 1.2em;
	font-weight: bold;
	color: #131313;
	border-bottom: 2px solid #004E8E;
}
.contents-box h5.catch2 {
	margin: 2.0em 0 1.0em 0;
	padding: 0.2em 0 0.4em 0.8em;
	font-size: 135%;
	line-height: 1.2em;
	font-weight: bold;
	color: #131313;
	border-left: 4px solid #CBCBCB;
    border-bottom: 4px solid #CBCBCB;
    }


.contents-box h6 {
clear: both;
	margin: 0.6em 0;
	padding: 0;
	font-size: 110%;
	font-weight: bold;
	line-height: 1.2;
	color: #4d4d4d;
	display: block;
	/*border-left: 1px solid #6298E1;*/
   /* border-bottom: 1px solid #6298E1;*/
}

.contents-box h6:before {
	content: "\f192";
	font-family: 'Font Awesome 6 Free';
	padding: 0 0.3em 0 0;
	font-size: 85%;
	font-weight: 900;
	color: #3597FF;
	/*color: #51C17D;*/
}
.contents-box h6.sanko {
clear: both;
	margin: 0;
	padding: 0 0 0.2em 0;
	font-size: 110%;
	font-weight: normal;
	line-height: 1.2;
	color: #4d4d4d;
	display: block;
	/*border-left: 1px solid #6298E1;*/
    border-bottom: 1px dotted steelblue;
}
.contents-box h6.sanko:before {
	content: "\f56b";
	font-family: 'Font Awesome 6 Free';
	padding: 0 0.3em 0 0;
	font-size: 140%;
	font-weight: 900;
	color: steelblue!important;
	/*color: #51C17D;*/
}

main#category-co .contents-box h6:before {
color: #666666;
}
main#category-fa .contents-box h6:before {
color: #496DAB;
}
main#category-edu .contents-box h6:before {
color: #359778;
}
main#category-next .contents-box h6:before {
color: #EE8E2E;
}

main#category-co .contents-box h6.bgc {
color: #666666;
}
main#category-fa .contents-box h6.bgc {
color: #496DAB;
}
main#category-edu .contents-box h6.bgc {
color: #359778;
}
main#category-next .contents-box h6.bgc {
color: #EE8E2E;
}

.contents-box p {
line-height: 1.6em;
padding: 0 0.8em 0 0;
margin: 0 0 1.2em 0;
display: block;
}
.contents-box div.section-inner {
padding: 0 0.8em 0 0.8em;
}
.contents-box div.h5-inner {
padding: 0 0.8em 0 1.2em;
margin-bottom: 3.0em;
}
.contents-box div.h6-inner {
padding: 0 0.8em 0 0.5em;
}

/* p-tag arrow */
.contents-box p.link-arrow:before {
	content: "\f138";
	font-family: 'Font Awesome 6 Free';
	padding: 0 0.3em 0 0;
	font-size: 100%;
	font-weight: 900;
	color:cornflowerblue;
}
.contents-box p.link-arrowD:before {
	content: "\f13a";
	font-family: 'Font Awesome 6 Free';
	padding: 0 0.3em 0 0;
	font-size: 100%;
	font-weight: 900;
	color:cornflowerblue;
}
.contents-box p.link-square:before {
	content: "\f45c";
	font-family: 'Font Awesome 6 Free';
	padding: 0 0.3em 0 0;
	font-size: 100%;
	font-weight: 900;
	color:#A6A6A6;
}
.contents-box p.link-square2:before {
	content: "\f0c8";
	font-family: 'Font Awesome 6 Free';
	padding: 0 0.3em 0 0;
	font-size: 100%;
	font-weight: 400;
	color:#A6A6A6;
}
.contents-box p.link-circle:before {
	content: "\f111";
	font-family: 'Font Awesome 6 Free';
	padding: 0 0.3em 0 0;
	font-size: 100%;
	font-weight: 900;
	color:#A6A6A6;
}

.contents-box p.komidashi{
margin: 1.0em 0;
}
.contents-box p.komidashi:before {
	content: "\f14a";
	font-family: 'Font Awesome 6 Free';
	padding: 0 0.4em 0 0;
	font-size: 110%;
	font-weight: 900;
	color:steelblue;
}

.contents-box p.sanko {
margin: 1.0em 0;
}
.contents-box p.sanko:before {
	content: "\f56b";
	font-family: 'Font Awesome 6 Free';
	padding: 0 0.4em 0 0;
	font-size: 160%;
	font-weight: 900;
	color:steelblue;
}

.contents-box p.catch3 {
margin: 0.5em 0 0 0;
padding: 0.4em 0;
font-size: 130%;
font-weight: bold;
color: #1D1D1D;
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}

.contents-box p.list-mark {
margin: 0 0 1.0em 0;
font-size: 120%;
font-weight: bold;
}
.contents-box p.list-mark:before {
	content: "\f03a";
	font-family: 'Font Awesome 6 Free';
	padding: 0 0.4em 0 0;
	/*font-size: 120%;*/
	font-weight: 900;
	color:#3A3939;
}



/*メーカーロゴ*/
.contents-box p.maker-logo {
width:25%;
padding: 0 0 0.4em 1.5em;
margin: 0;
}

/*外部リンク*/
.contents-box p.link-url {
/*font-size: 1.4em;*/
margin-bottom: 1.0em;
padding-left: 1.6em;
}
.contents-box p.link-url:after {
	content: "\f35d";
	font-family: 'Font Awesome 6 Free';
	padding: 0 0.4em;
	font-size: 100%;
	font-weight: 900;
	color:cornflowerblue;
}
.contents-box a.link-url {
margin: 0;
padding: 0;
}
.contents-box a.link-url:after {
	content: "\f35d";
	font-family: 'Font Awesome 6 Free';
	padding: 0 0.4em;
	font-size: 100%;
	font-weight: 900;
	color:cornflowerblue;
}


.contents-box .mab-0{
margin-bottom: 0!important;
}
.contents-box .pdl-08{
padding-left: 0.8em!important;
}
.contents-box .pdl-0{
padding-left: 0!important;
}

/* p-padding */
.contents-box p.h3-lev{
padding-left: 0;
}
.contents-box p.h4-lev{
padding-left: 0.8em;
}
.contents-box p.h5-lev{
padding-left: 1.6em;
}

.contents-box p.line-he1{
line-height: 1.9em;
padding-bottom: 1.8em;
}
.contents-box p.line-he12,
.index-box p.line-he12{
line-height: 1.2em;
padding-bottom: 1.2em;
}
.contents-box p.line-he2{
line-height: 2.2em;
padding-bottom: 2.0em;
}

.contents-box p.notice {
border:#FF9A9B solid 2px;
padding: 0.6em;
margin:2.0em 0.8em 1.0em 0.6em;
}
.contents-box div.notice2 {
border:#FF9A9B solid 2px;
padding: 0.6em;
margin:2.0em 0.8em 3.5em 1.6em;
}
.contents-box div.notice2 > p {
padding: 0.6em;
margin: 0;
}

/*.contents-box .color-co {
	color:darkorange;
}
.contents-box .color-edu {
	color:#F74A4C;
}
.contents-box .color-fa {
	color:#F74A4C;
}
.contents-box .color-next {
	color:#F74A4C;
}*/

.contents-box .width-L{
width: 80%;
}
.contents-box .width-M{
width: 40%;
}
.contents-box .width-S{
width: 20%;
}

/* [全角] */
.contents-box p span.ka1 {
display: inline;
}
.contents-box p span.ka1:before {
    content: "［";  
}
.contents-box p span.ka1:after {
    content: "］";
}

/* 【全角】 */
.contents-box p span.ka2 {
display: inline;
}
.contents-box p span.ka2:before {
    content: "【";  
}
.contents-box p span.ka2:after {
    content: "】";
}

/* （全角） */
.contents-box p span.ka3 {
display: inline;
}
.contents-box p span.ka3:before {
    content: "（";  
}
.contents-box p span.ka3:after {
    content: "）";
}

/* （半角） */
.contents-box p span.ka4 {
display: inline;
}
.contents-box p span.ka4:before {
    content: "(";  
}
.contents-box p span.ka4:after {
    content: ")";
}


/* DIV カラム
-------------------------------------------　*/
.contents-box div.colm-1 {
	margin: 0 0 1.5em 0;
	padding: 0;
	width: 100%;
	display: block;
/*	float: left;*/
}
/*.contents-box div.colm-1::after {
	content:"";
	display:block;
	clear:both;
}*/
/*.contents-box div.colm-1::before {
	content:"";
	display:block;
	clear:both;
}*/

.contents-box div.colm-1 div.border-box{
border: 3px solid #FFADAE;
margin: 0.5em 1.5em 0.5em 0;
padding: 0.8em 1.0em 0.5em 0.8em;
background-color: #FFFAF4;
}

/* DIVカラム 2カラム以上*/
.contents-box div.colm-wrap {
	margin: 0 0 1.5em 0;
	padding: 0;
	width: 100%;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	/*display: block;*/
/*	float: left;*/
}
/*.contents-box div.colm-wrap::after {
	content:"";
	display:block;
	clear:both;
}*/

/*colm-2*/
.contents-box div.colm-wrap div.colm-2 {
	margin: 0 0 1.0em 0;
	padding: 0;
	/*float: left;*/
	/*width: 50%;*/
	display: block;
}
.contents-box div.colm-wrap div.div-r {
/*float: right;*/
/*padding-left: 2.0em;*/
margin-left:1.8em;
}
/*.contents-box div.colm-wrap div.div-r ::after {
	content:"";
	display:block;
	clear:both;
}*/

.contents-box div.colm-wrap div.div-r p {
padding: 0;
}

/*フレームボーダー*/

.contents-box div.colm-1 div.p-border_green,
.contents-box div.colm-1 div.p-border_red,
.contents-box div.colm-1 div.p-border_gray{
width: 98%;
padding: 0.7em;
border: 2px solid;
}
.contents-box div.colm-1 div.p-border_green {
border-color: #85BC7D;
}
.contents-box div.colm-1 div.p-border_red {
border-color: #D95A5C;
}
.contents-box div.colm-1 div.p-border_gray {
border-color: gray;
}
.contents-box div.colm-1 div.p-border_green p,
.contents-box div.colm-1 div.p-border_red p,
.contents-box div.colm-1 div.p-border_gray p{
margin: 0;
padding: 0;
}

/*INDEXページコピー*/
.contents-box div.colm-wrap div.colm-2 div.copy-parts {
	margin: 0 0 1.0em 1.0em;
	padding: 0;
	width: 95%;
}

.contents-box div.colm-wrap div.colm-2 div.copy-parts h3 {
font-size: 150%;
font-weight: bold;
color: #515151;
}

.contents-box div.colm-wrap div.colm-2 div.copy-parts dl {
	border-bottom: none;
	border-right: none;
	background-color: none;
	padding: 0;
	margin-bottom: 1.5em;
}
main#category-co div.copy-parts dl {
border-left: #33568E 8px solid;
}
main#category-fa div.copy-parts dl {
border-left: #4685CB 8px solid;
}
main#category-edu div.copy-parts dl {
border-left: #41B28F 8px solid;
}
main#category-next div.copy-parts dl {
border-left: #EEAC69 8px solid;
}
main#index-co div.copy-parts dl {
border-left: #33568E 8px solid;
}
main#index-fa div.copy-parts dl {
border-left: #4685CB 8px solid;
}
main#index-edu div.copy-parts dl {
border-left: #41B28F 8px solid;
}
main#index-next div.copy-parts dl {
border-left: #EEAC69 8px solid;
}

.contents-box div.colm-wrap div.colm-2 div.copy-parts dt {
	/*float: left;*/
	width: 98%;
	padding: 0 0 0 1.0em;
	margin: 0;
	border-top: none;
	font-size: 130%;
	font-weight: normal;
	color: #000;
	display: block;
}
.contents-box div.colm-wrap div.colm-2 div.copy-parts dd {
/*	width: 60%;*/
	background-color: #fff;
	width: 98%;
	padding: 0 0 0 1.2em;
	margin: 0;
	border-top: none;
	font-size: 100%;
	display: block;
}
main#category-co div.copy-parts dd {
color: #203A8E;
}
main#category-fa div.copy-parts dd {
color: #074AB0;
/*color: #2286FF;*/
}
main#category-edu div.copy-parts dd {
color: #2AB164;
}
main#category-next div.copy-parts dd {
color: #EFA65C;
}
main#index-co div.copy-parts dd {
color: #203A8E;
}
main#index-fa div.copy-parts dd {
color: #074AB0;
/*color: #2286FF;*/
}
main#index-edu div.copy-parts dd {
	color: #2AB164;
/*color: #27D06F;*/
}
main#index-next div.copy-parts dd {
color: #EFA65C;
}

.contents-box div.colm-wrap div.colm-2 div.copy-parts p {
margin: 0;
padding: 0;
line-height: 1.8em;
}
.contents-box div.colm-wrap div.colm-2 div.copy-parts p.index-copy{
margin: 2.0em 0 0 0;
padding: 0;
line-height: 1.8em;
}



.contents-box div.colm-wrap div.colm-2 p.book-img {
margin: 0 auto;
text-align: center;
}

.contents-box div.p-img-L {
width: 24%;
float: left;
padding-right: 0;
margin: 2.0em 0 0 0;
}
.contents-box div.p-img-L p {
text-align: center!important;
padding: 0 0 0 1.2em;
}
.contents-box div.p-img-L p img {
margin: 0 auto;
}
.contents-box div.p-img-R {
width: 71%;
float: right;
padding-left: 0;
padding-right: 1.0em;
margin: 2.0em 0.6em 0 0;
}

.contents-box div.colm-3 {
	margin: 0;
	padding: 0;
	/*width: 33%;*/
	float: left;
}
div.column-3:after {
	content:"";
	display:block;
	clear:both;
}

/*2カラム 等分*/
.contents-box div.w50 {
width: 48%;
}

/*3カラム*/
.contents-box div.w33 {
width: 32%;
}

/*auto*/
.contents-box div.wauto {
width: auto;
}
.contents-box div.w90 {
width: 88%;
}

/*10-90*/
.contents-box div.w10 {
width: 8%;
}
.contents-box div.w90 {
width: 88%;
}

/*15-85*/
.contents-box div.w15 {
width: 13%;
}
.contents-box div.w85 {
width: 83%;
}

/*20-80*/
.contents-box div.w20 {
width: 18%;
}
.contents-box div.w80 {
width: 78%;
}

/*25-75*/
.contents-box div.w25 {
width: 23%;
}
.contents-box div.w75 {
width: 73%;
}

/*30-70*/
.contents-box div.w30 {
width: 28%;
}
.contents-box div.w70 {
width: 68%;
}

/*35-65*/
.contents-box div.w35 {
width: 33%;
}
.contents-box div.w65 {
width: 63%;
}

/*40-60*/
.contents-box div.w40 {
width: 39%;
}
.contents-box div.w60 {
width: 59%;
}
.index-box div.w40 {
width: 38%;
}
.index-box div.w60 {
width: 58%;
}

/*45-55*/
.contents-box div.w45 {
width: 43%;
}
.contents-box div.w55 {
width: 53%;
}
.index-box div.w45 {
width: 43%;
}
.index-box div.w55 {
width: 53%;
}

.contents-box div.h20 {
height: 20px!important;
}
.contents-box div.h30 {
height: 30px!important;
}
.contents-box div.h40 {
height: 40px!important;
}

.contents-box p.p-logo {
text-align: right;
padding: 0;
}

.contents-box div.mb0 {
margin-bottom: 0;
}
.contents-box div.mb05 {
margin-bottom: 0.5em;
}
.contents-box div.mb1 {
margin-bottom: 1.0em;
}
.contents-box div.mb2 {
margin-bottom: 2.0em;
}
.contents-box div.mb3 {
margin-bottom: 3.0em;
}
.contents-box div.mb4 {
margin-bottom: 4.0em;
}
.contents-box div.mbt3 {
margin-bottom: 3.0em;
margin-top: 3.0em;
}


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

.contents-box ul {
margin: 0;
padding: 0 0 0 1.0em;
}

.contents-box ul.list-none {
margin: 0;
padding: 0;
list-style: none;
}

/*歯車*/
.contents-box ul.list-h,
.index-box ul.list-h{
list-style: none;
list-style-position:outside;
margin: 0 0 1.6em 0;
}
.contents-box ul.list-h li,
.index-box ul.list-h li{
padding-left: 0;
margin:0.5em 0 0.5em 0.5em;
line-height: 1.6em;
}

.contents-box ul.list-h li::before {
    content: "\f013";
    font-family: 'Font Awesome 6 Free';
	color: #ccc;
	font-weight: 900;
	font-size: 100%;
	padding-right: 0.5em;
	margin-left: -1.6em;
}

.index-box ul.list-h li::before {
    content: "\f013";
    font-family: 'Font Awesome 6 Free';
	color: #ccc;
	font-weight: 900;
	font-size: 100%;
	padding-right: 0.5em;
	margin-left: 0.5em;
}

/*●*/
.contents-box ul.list-c {
list-style: none;
list-style-position:outside;
margin: 0 0 1.0em 0;
}
.contents-box ul.list-c li {
padding-left: 0;
margin:0.5em 0 0.5em 0.5em;
line-height: 1.4em;
}
.contents-box ul.list-c li::before {
    content: "\f111";
    font-family: 'Font Awesome 6 Free';
	color: #C4C4C4;
	font-weight: 900;
	font-size: 80%;
	padding-right: 0.8em;
	margin-left: -1.8em;
}

.index-box ul.list-c {
list-style: none;
list-style-position:outside;
margin: 0 0 1.0em 0;
}
.index-box ul.list-c li {
padding-left: 0;
margin:0.5em 0 0.5em 0.5em;
line-height: 1.4em;
}
.index-box ul.list-c li::before {
    content: "\f111";
    font-family: 'Font Awesome 6 Free';
	color: #C4C4C4;
	font-weight: 900;
	font-size: 80%;
	padding-right: 0.8em;
	margin-left: -1.8em;
}

.contents-box ul.list-c2 {
list-style: none;
list-style-position:outside;
margin: 0 0 1.0em 0;
}
.contents-box ul.list-c2 li {
padding-left: 0;
margin:0 0 0 0.5em;
line-height: 1.5em;
}
.contents-box ul.list-c2 li::before {
    content: "\f111";
    font-family: 'Font Awesome 6 Free';
	color: #C4C4C4;
	font-weight: 900;
	font-size: 80%;
	padding-right: 0.8em;
	margin-left: -1.8em;
}

/*・中点リスト*/
.contents-box ul.list-dot {
list-style: none;
list-style-position:outside;
margin: 0 0 1.6em 0;
}
.contents-box ul.list-dot li {
padding-left: 0;
margin:0.5em 0 0.5em 0.5em;
line-height: 1.4em;
}

.contents-box ul.list-dot li::before {
    content: "・";
/*    font-family: 'Font Awesome 6 Free';*/
	color: #787878;
	/*font-weight: 900;*/
	font-size: 100%;
	padding-right: 0.5em;
	margin-left: -1.6em;
}

/*● 特大*/
.contents-box ul.list-c-catch {
list-style: none;
list-style-position:outside;
margin: 0 0 1.6em 2.0em;
padding-left: 0;
}
.contents-box ul.list-c-catch li {
padding-left: 0;
margin:0.5em 0 0.5em 0;
line-height: 1.4em;
font-size: 130%;
}
.contents-box ul.list-c-catch li::before {
    content: "\f111";
    font-family: 'Font Awesome 6 Free';
	color: #787878;
	font-weight: 900;
	font-size: 100%;
	padding-right: 0.5em;
	margin-left: -1.6em;
}

/*dot-maru*/
ul.list-dom {
list-style: none;
list-style-position:outside;
margin: 0 0 1.6em 0;
}
.list-dom li {
margin:0.5em 0 0.5em 0.5em;
line-height: 1.4em;
}

.list-dom li:before {
    content: "\f192";
    font-family: 'Font Awesome 6 Free';
	color: midnightblue;
	padding-right: 0.6em;
	margin-left: -1.6em;
}

/*ㇾ　注意事項*/
.contents-box ul.list-cn {
list-style: none;
list-style-position:outside;
margin: 0 0 1.6em 0;
}
.contents-box ul.list-cn li {
padding-left: 0;
margin:0.5em 0 0.5em 0.5em;
line-height: 1.4em;
}

.contents-box ul.list-cn li::before {
    content: "\f058";
    font-family: 'Font Awesome 6 Free';
	/*color: indianred;*/
    color: red;
	font-weight: 400;
	font-size: 100%;
	padding-right: 0.6em;
	margin-left: -1.6em;
}

/*>*/
.contents-box ul.list-arrow {
list-style: none;
list-style-position:outside;
margin: 0 0 1.5em 0;
}
.contents-box ul.list-arrow li {
padding-left: 0;
/*margin-left: 1.0em;*/
line-height: 1.7em;
margin:0.5em 0 0.5em 0.5em;
}
.contents-box ul.list-arrow li span {
font-size: 90%;
padding-left: 1.0em;
}
.contents-box ul.list-arrow li::before {
    content: "\f054";
    font-family: 'Font Awesome 6 Free';
	color: darkorange;
	font-weight: 900;
	font-size: 100%;
	padding-right: 0.5em;
	margin-left: -1.2em;
}

/*>下*/
.contents-box ul.list-arrow-dwn {
list-style: none;
list-style-position:outside;
margin: 0 0 1.5em 0;
}
.contents-box ul.list-arrow-dwn li {
padding-left: 0;
/*margin-left: 1.0em;*/
line-height: 1.7em;
margin:0.5em 0 0.5em 0.5em;
}
.contents-box ul.list-arrow-dwn li span {
font-size: 90%;
padding-left: 1.0em;
}
.contents-box ul.list-arrow-dwn li::before {
content: "\f13a";
    /*content: "\f078";*/
    font-family: 'Font Awesome 6 Free';
	color: #A4A4A4;
	/*color: cornflowerblue;*/
	font-weight: 900;
	font-size: 100%;
	padding-right: 0.5em;
	margin-left: -1.6em;
}
/*>下 小*/
.contents-box ul.list-arrow-dwn-s {
list-style: none;
list-style-position:outside;
margin: 0 0 1.5em 0.6em;
}
.contents-box ul.list-arrow-dwn-s li {
padding-left: 0;
/*margin-left: 1.0em;*/
line-height: 1.6em;
margin:0.5em 0 0.5em 0.5em;
}
.contents-box ul.list-arrow-dwn-s li span {
font-size: 90%;
padding-left: 1.0em;
}
.contents-box ul.list-arrow-dwn-s li::before {
content: "\f078";
    /*content: "\f078";*/
    font-family: 'Font Awesome 6 Free';
	color: #A4A4A4;
	/*color: cornflowerblue;*/
	font-weight: 900;
	font-size: 100%;
	padding-right: 0.5em;
	margin-left: -1.6em;
}


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

/*アンカーリスト*/
.contents-box ul.list-anchor {
list-style: none;
list-style-position:outside;
margin: 0 0 1.5em 0;
}
.contents-box ul.list-anchor li {
padding-left: 0;
line-height: 1.8em;
margin:0.5em 0 0.5em 0.5em;
font-size: 110%;
}
.contents-box ul.list-anchor li::before {
    content: "\f13a";
    font-family: 'Font Awesome 6 Free';
	/*color: royalblue;*/
	font-weight: 900;
	font-size: 110%;
	padding-right: 0.5em;
	margin-left: -1.2em;
}
.contents-box ul.list-anchor li.no-link::before {
    content: "\f056";
    font-family: 'Font Awesome 6 Free';
	color: lightgray;
	font-weight: 900;
	font-size: 110%;
	padding-right: 0.5em;
	margin-left: -1.2em;
}

main#category-co .contents-box ul.list-anchor li::before {
color: #244F7E;
/*color: #415593;*/
}
main#category-fa .contents-box ul.list-anchor li::before {
color: #4685CB;
/*color: #6A84A6;*/
}
main#category-edu .contents-box ul.list-anchor li::before {
color: #3B8C6E;
/*color: #5D8C7F;*/
}
main#category-next .contents-box ul.list-anchor li::before {
color: #EFA65C;
/*color: #EFA65C;*/
}


/*アンカーリスト 入れ子*/
.contents-box ul.list-anchor-s {
list-style: none;
list-style-position:outside;
margin: 0 0 1.5em 0;
}
.contents-box ul.list-anchor-s li {
padding-left: 0;
line-height: 1.5em;
margin:0.5em 0 0.5em 1.2em;
font-size: 100%;
}
.contents-box ul.list-anchor-s li::before {
content: "\f078";
    font-family: 'Font Awesome 6 Free';
	color: royalblue;
	font-weight: 900;
	font-size: 110%;
	padding-right: 0.5em;
	margin-left: -1.2em;
}
.contents-box ul.list-anchor-s li.no-link::before {
    content: "\f056";
    font-family: 'Font Awesome 6 Free';
	color: lightgray;
	font-weight: 900;
	font-size: 110%;
	padding-right: 0.5em;
	margin-left: -1.2em;
}

main#category-co .contents-box ul.list-anchor-s li::before {
color: #244F7E;
/*color: #415593;*/
}
main#category-fa .contents-box ul.list-anchor-s li::before {
color: #4685CB;
/*color: #6A84A6;*/
}
main#category-edu .contents-box ul.list-anchor-s li::before {
color: #3B8C6E;
/*color: #5D8C7F;*/
}
main#category-next .contents-box ul.list-anchor-s li::before {
color: #EFA65C;
/*color: #EFA65C;*/
}

.contents-box ul.list-anchor-s p.anc-s {
width: 60%;
margin: 1.0em 0 0 0;
padding: 0;
border-bottom: dotted 1px gray;
}
.contents-box ul.list-anchor-s li.anc-ss {
padding-top: 0.2em;
margin-top: 0;
}

/*＊注記*/
.contents-box ul.list-Note {
list-style: none;
list-style-position:outside;
margin-left: 14px;
}
.contents-box ul.list-Note li {
padding-left: 10px;
}

.contents-box ul.list-Note li::before {
    content: "＊";
/*    font-family: 'Font Awesome 6 Free';*/
	color: #787878;
	/*font-weight: 900;*/
	font-size: 100%;
	padding-right: 0.6em;
	margin-left: -1.6em;
}

/*＊注記テーブル用*/
.contents-box ul.list-Note-table {
list-style: none;
list-style-position:outside;
margin-left: 0.5em;
}
.contents-box ul.list-Note-table li {
padding-left: 5px;
}
.contents-box ul.list-Note-table li::before {
    content: "＊";
/*    font-family: 'Font Awesome 6 Free';*/
	color: #787878;
	/*font-weight: 900;*/
	font-size: 100%;
	padding-right: 0.6em;
	margin-left: -1.6em;
}

/*＊数字付き注記 */
.contents-box ul.list-Note-p {
list-style: none;
list-style-position:outside;
margin: 2.5em 0;
padding: 0;
}
.contents-box ul.list-Note-p li {
padding-left: 1.6em;
margin-left: 2.6em;
font-size: 90%;
line-height: 1.6em;
color: #3D3D3D;
}
.contents-box ul.list-Note-p li::before {
color: #DF3133;
padding-right: 0.8em;
margin-left: -2.6em;
}
/*＊１ */
.contents-box ul.list-Note-p li.note-1::before {
content: "＊1";
}
/*＊2 */
.contents-box ul.list-Note-p li.note-2::before {
content: "＊2";
}

/*＊3 */
.contents-box ul.list-Note-p li.note-3::before {
content: "＊3";
}


/*arrow*/
.list-d {
list-style: none;
padding: 4px 10px;
}
.list-d li {
}

.list-d li:before {
    content: "\f0a9";
    font-family: 'Font Awesome 5 Free';
	color: midnightblue;
}

/*arrow-down*/
.list-ad {
list-style: none;
padding: 4px 10px;
}
.list-ad li {
}

.list-ad li:before {
    content: "\f01a";
    font-family: 'Font Awesome 6 Free';
	color: midnightblue;
}



/*数字*/
.contents-box ol.list-deci {
padding: 0;
margin: 0 0 1.0em 1.5em;
/*margin-left: 3.5em;*/
}
.contents-box ol.list-deci li {
list-style: decimal;
list-style-position: outside;
padding: 0 0 0.5em 0;
line-height: 1.6em;
}

/*カッコつき数字*/
.contents-box ol.list-kak {
padding: 0;
margin: 0 0 0 1.5em;
/*margin-left: 3.5em;*/
}
.contents-box ol.list-kak li {
  list-style-type:none;
  /*list-style-position:inside;*/
  counter-increment: cnt;
list-style-position: outside;
padding: 0.2em;
}
.contents-box ol.list-kak li:before{
  display: marker;
  content: "(" counter(cnt) ") ";
  margin-left: -2.0em;
}

/*文字つき数字*/
.contents-box ol.list-dosa {
padding: 0;
margin-left: 6.5em;
}
.contents-box ol.list-dosa li {
  list-style-type:none;
  /*list-style-position:inside;*/
  counter-increment: cnt;
list-style-position: outside;
padding: 0.2em;
}
.contents-box ol.list-dosa li:before{
  display: marker;
  content: "・動作"counter(cnt)"：";
  margin-left: -4.9em;
}

/* Aside
------------------------------------------------------------- */

.aside-box {
	margin: 10px 0 30px 0;
	padding: 30px 16px 0 0;
}


/* INDEX Category Menu A
------------------------------------------------------------- */
.category-box {
margin: 1%;
padding: 0;
width: 22.5%;
float: left;
position: relative;
}

.category-box2 {
	margin: 0 2.0em 0 0;
	padding: 0.6em;
}
.categorymenu {
padding: 0;
margin: 0;
display: block;
}

.categorymenu a {
/*background-color: #E1F0FF;*/
background-color: #fff;
  display: block;
padding: 0;
  text-decoration: none;
  /*background: #f7f7f7;*/
 border-bottom: solid 2px #005eb8;
/*  border-top: solid 1px #67BFFF;*/
 /*border-top: solid 1px #005eb8;*/
 /* color: #ff7c5c;*//*文字色*/
  font-weight: bold;
/*  -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 2px 2px  rgba(0,0,0,0.2);
-o-box-shadow: 0px 2px 2px  rgba(0,0,0,0.2);
-ms-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);*/
/*  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);*/
}
.categorymenu a:link {
color: #616161;
}
.categorymenu a:visited {
color: #616161;
}
.categorymenu a:hover {
color: dodgerblue;
  transform: translateY(0.1em);
  opacity: 1.0!important;
}
.categorymenu a:hover img {
  opacity:1.0!important;
}
.categorymenu a:active { 
}

.categorymenu .cate-img {
background-color: #fff;
height: 80px;
display: block;
margin: 0;
padding: 0.6em 0.6em 0.1em 0;
text-align: right;
}
.categorymenu .cate-img img {
max-height: 100%;
}
.categorymenu .cate-img img.maxw70 {
max-width: 70%;
}
.categorymenu .cate-copy{
display: block;
margin: 0.4em 0.1em 0 0;
text-align: left;
}
.categorymenu .cate-copy p {
/*color: #616161;*/
width: auto;
display: block;
padding: 1.6em 0 0.6em 0.6em;
margin: 0;
font-size: 120%;
font-weight:normal;
letter-spacing: 0.06em;
border-top: 1px dashed #B9B9B9;
position: relative;
/*background-color: #005eb8;*/
}

.categorymenu .cate-copy p span {
font-size:70%;
display: inline;
margin-left: 1.0em;
}

.categorymenu .cate-copy p::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;
}


.cate-list {
display: block;
text-align: left;
font-size: 95%;
margin: 0.5em 0 1em 0;
line-height: 1.2;
/*color: gray;*/
}
.cate-list ul {
margin: 0.8em 0 0 0;
padding: 0;
}
.cate-list li {
list-style: none;
margin: 0;
padding:0 0 0 0.6em;
line-height: 1.4em;
}

.cate-list li::before {
    content: "◆";
    /*font-family: 'Font Awesome 6 Free';*/
    color: #103D78;
	font-weight: 400;
	font-size: 100%;
	padding-right: 0.4em;
}
.cate-list a {
}
.cate-list a:link {
	color: #4A4A4A;
	text-decoration: none;
}
.cate-list a:visited {
	color: #4A4A4A;
	text-decoration: none;
}
.cate-list a:hover {
	color: orange;
	text-decoration: none;
}
.cate-list a:active{}



/* Aside Category Menu
------------------------------------------------------------- */

div.innermenu-box {
width: 90%;
margin: 1.0em auto;
/*display: block;*/
}

.innermenu-box:after {
	content: "";
	clear: both;
	display: block;
}

.innermenu-btn {
	display: none;
}

 .accordion {
    width: 100%;
    margin: 0 0 20px;
    background: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    list-style: none;
 }

.accordion div.category {
cursor: pointer;
display: block;
/*padding: 1.6em 1.0em;*/
/*color: #496DAB;*/
font-size: 115%;
font-weight: normal;
text-align: center;
letter-spacing: 0.1em;
background-color: #fff;
border-bottom: none;
position: relative;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.accordion div.category a{
display: block;
padding: 1.0em 0;
color: #fff;
}
main#category-co .accordion div.category {
/*background-color:#364559;*/
background-color: #244F7E;
}
main#category-fa .accordion div.category {
/*background-color: #6A84A6;*/
background-color: #4685CB;
}
main#category-edu .accordion div.category {
/*background-color: #5D8C7F;*/
/*background-color: #215E6B;*/
background-color: #3B8C6E;
/*background-color: #41B28F;*/
}
main#category-next .accordion div.category {
/*background-color: #D98B48;*/
background-color: #EFA65C;
}

/*.accordion div.category a::after {
    content: "\f0c9";
    font-family: 'Font Awesome 6 Free';
    color: #496DAB;
	font-weight: 900;
	font-size: 100%;
    position: absolute;
	right: 1.0em;
}*/

.accordion div.link {
    cursor: pointer;
    display: block;
    padding: 1.0em 0.2em;
	margin: 0.6em 0 0 0;
    color: #4D4D4D;
    font-size: 95%;
	letter-spacing: normal;
    font-weight: normal;
    /*border: 2px solid #88C2FF;*/
	/*border: 1px solid #ccc;*/
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
	background-color: #fff;
}

.accordion li {
padding: 0;
margin: 0;
}

/*メニューリスト非表示*/
/*main*/
ul.accordion span.none_m {
display: none;
}
/*sub*/
ul.accordion ul.submenu span.none_s {
display: none;
}
/*--------------------*/

ul.accordion div.link {
padding: 0;
}
.accordion li:last-child .link {
/*    border-bottom: 0;*/
}

.accordion li.open div.link {
    color: #4D4D4D; 
	border: none;
    /*border: 1px solid #ccc;*/
	/*border: 1px solid #1F457F;*/
}
.accordion div.link a {
display: block;
background-color: #DBDBDB;
padding: 0.8em 0.8em;
/*padding: 1.2em 0.8em;*/
color: #2F2F2F;
/*border: 1px solid #E1E1E1;*/
}

main#category-co .accordion div.link a {
border: 1px solid #E1E1E1;
}
main#category-fa .accordion div.link a {
border: 1px solid #E1E1E1;
}
main#category-edu .accordion div.link a {
border: 1px solid #E1E1E1;
}
main#category-next .accordion div.link a {
border: 1px solid #E1E1E1;
}


main#category-co .accordion div.link a:hover {
background-color: #CADFED;
border-color:#A9D5FF!important;
}
main#category-fa .accordion div.link a:hover {
background-color: #C0DBFF;
/*background-color: #A2DAFF;*/
/*background: #88C2FF;*/
}
main#category-edu .accordion div.link a:hover {
background-color: #D7F4E5;
}
main#category-next .accordion div.link a:hover {
background-color: #FFF0E4;
}



main#category-co .accordion li.current div.link {

}
main#category-fa .accordion li.current div.link {

}
main#category-edu .accordion li.current div.link {

}
main#category-next .accordion li.current div.link {

}

.accordion li.current div.link i {
    color: #fff;
}
main#category-co .accordion li.current div.link a {
    background-color: #CADFED;
	border: 1px solid #A9D5FF;
}
main#category-fa .accordion li.current div.link a {
background-color: #C0DBFF;
border: 1px solid #88C2FF;	
    /*background-color: #88C2FF;*/
	/*background-color: #A2DAFF;*/
}
main#category-edu .accordion li.current div.link a {
    background-color: #C1E5DB;
	border: 1px solid #46C19B;	
}
main#category-next .accordion li.current div.link a {
    background-color: #FCE0C3;
	border: 1px solid #EFA65C;	
}

/*.accordion li.open ul.submenu li.sub-on {
    color: #4D4D4D!important;
    background-color: #EAF7FF;
}*/


.accordion li i {
    position: absolute;
    top: 35%;
	right: 8px;
    /*left: 10px;*/
    font-size: 90%;
	color: #fff;
    /*color: #1FA3DB;*/
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.accordion li.default i {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.accordion li i.fa-chevron-down {
    right: 8px;
    left: auto;
    font-size: 16px;
}
.accordion li i.fa-chevron-right {
    right: 8px;
    left: auto;
    font-size: 16px;
}
.accordion li i.fa-plus {
    right: 8px;
    left: auto;
    font-size: 16px;
}
.accordion li i.fa-minus {
    right: 8px;
    left: auto;
    font-size: 16px;
}

.accordion li.open i {
    /*color: #fff;*/
}
.accordion li.open i.fa-chevron-down {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

/*.accordion li i.fa-chevron-right::after {
    content: "\f105";
    font-family: 'Font Awesome 6 Free';
	font-weight: 900;
    font-size: 16px;
}*/
.accordion li.open i.fa-chevron-down::after {
    content: "\f107";
    font-family: 'Font Awesome 6 Free';
	font-weight: 900;
    font-size: 16px;
}

.accordion li i.plus::after {
    content: "\f067";
    font-family: 'Font Awesome 6 Free';
	font-weight: 900;
    font-size: 16px;
}
.accordion li.open i.plus::after {
    content: "\f068";
    font-family: 'Font Awesome 6 Free';
	font-weight: 900;
    font-size: 16px;
}

.accordion li.default .submenu {display: block;}

 .submenu {
    display: none;
    list-style: none;
 }
 .submenu li {
 /*padding-left: 1.2em;*/
 font-size: 85%;
border-bottom: 1px dashed #E9F0F7!important;
/*border-bottom: 1px dashed #C4C4C4;*/
 }
  .submenu li:last-child {
 /*border-bottom: 2px solid #88C2FF;*/
 border-bottom: 1px dashed #fff;
  /*border-bottom: 1px solid #ccc;*/
 }
/* .accordion li.open ul.submenu li.sub-on {
    color: #4D4D4D!important;
    background-color: #CCECFF;
}*/

 .submenu a {
  display: block;
  text-decoration: none;
  padding:0.5em 0.5em;
  /*padding:0.8em 0.5em;*/
  color: #4D4D4D;
/*    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;*/
}

.submenu a:link {
    background: #fff;
 }
.submenu a:visited {}
  
.submenu a:hover {}
main#category-co .submenu a:hover {
background-color: #E9F0F7;
}
main#category-fa .submenu a:hover {
background-color: #EAF7FF;
}
main#category-edu .submenu a:hover {
background-color: #D7F4E5;
}
main#category-next .submenu a:hover {
background-color: #FFF0E4;
}
  .submenu a:active {}
  
.submenu a::before {
    content: "\f101";
    font-family: 'Font Awesome 6 Free';
    color: #005eb8;
	font-weight: 900;
	font-size: 100%;
	padding-right: 0.5em;
}
.submenu li.sub-on a {
color: #1E1E1E;
}

main#category-co li.sub-on a {
    background-color: #E9F0F7;
}
main#category-fa li.sub-on a {
    background-color: #EAF7FF;
}
main#category-edu li.sub-on a {
    background-color: #D7F4E5;
}
main#category-next li.sub-on a {
    background-color: #FFF0E4;
}

.submenu li.sub-on a::before {
    content: "\f101";
    font-family: 'Font Awesome 6 Free';
	/*color: indianred;*/
    /*color: deepskyblue;*/
    color: #4D4D4D;
	font-weight: 900;
	font-size: 100%;
	padding-right: 0.5em;
/*    position: absolute;
	right: 3.0em;*/
}

 /* end-test */
 
/* Banner
------------------------------------------------------------- */

div.top-banner {
width: 100%;
height: auto;
background-color: #fff;
padding: 2% 0;
}

div.top-banner div.banner-box {
margin: 0 auto;
padding: 1.0em;
text-align: center;
}

div.top-banner h3 {
border-bottom: 3px solid #244F7E;
line-height: 1.8em;
text-align: center;
}

div.top-banner div.banner-box ul.banner-list {
margin: 0;
text-align: center;
padding: 1.0em;
display:flex;
justify-content: space-around;
flex-wrap: wrap;
list-style-type: none;
gap: 1.0em;
}

div.top-banner div.banner-box ul.banner-list li {
content: "";
margin: 0;
padding: 0;
width:calc(30% - 1.0em);
/*min-width: 28%;
height: 100%;
min-height: 160px;*/
position: relative;
}

div.top-banner div.banner-box ul.banner-list li a {
display: block;
width: 100%;
height: 100%;
padding:0.5em;
margin: 0;
border: none;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
div.top-banner div.banner-box ul.banner-list li span {
font-size: 90%;
padding: 0;
text-align: center;
display: block;
}
div.top-banner div.banner-box ul.banner-list li img {
margin: 0;
width: 100%;
overflow: hidden;
}
div.top-banner div.banner-box ul.banner-list li img:hover {
border:0;
opacity: 0.75;
}

div.top-banner div.banner-box ul.banner-list li a:link {
color: #4B4B4B;
text-decoration: none;
}
div.top-banner div.banner-box ul.banner-list li.soon a:link {
color: #979797!important;
text-decoration: none;
}

div.top-banner div.banner-box ul.banner-list li a:visited {
color: #4B4B4B;
text-decoration: none;
}
div.top-banner div.banner-box ul.banner-list li.soon a:visited {
color: #979797!important;
text-decoration: none;
}

div.top-banner div.banner-box ul.banner-list li a:hover {
color: dodgerblue;
text-decoration:none;
}
div.top-banner div.banner-box ul.banner-list li.soon a:hover {
color: #979797!important;
text-decoration:none;
}

div.top-banner div.banner-box ul.banner-list li a:active {
color: dodgerblue;
text-decoration: none;
}
div.top-banner div.banner-box ul.banner-list li.soon a:active {
color: #979797!important;
text-decoration: none;
}