/* CSS Document */


/*----------- accordion-en 闍ｱ隱槫�蜿｣ -------------------------*/
.accordion_en {
	width: 120px;
	text-align: right;
	z-index: 10;
	}
	
.accordion_en li {
	margin-top: 5px;
	margin-right: 0;
}
.accordion_en > li > a {
	display: block;
	padding: 3px;
	
	border: 1px solid #BFE2D5;
	background-color: #EDF8F5;
	border-radius: 7px;
	cursor: pointer;
}

.accordion_en li > a:hover{
	background-color: #fff;
}

.accordion_en li > a:after, div.accordion_en > li > a.active:after{
	color: #54A7A0;
}
.accordion_en li > a:after{
  content: "笆ｼ";
}
.accordion_en > li > a.active:after{
  content: "笆ｲ";
}
.accordion_en > li > ol {
  display: none;
}
.accordion_en > li > ol > li{
	width: 90px;
	text-align: center;
	border: 1px solid #BFE2D5;
	background-color: #fff;
	border-radius: 7px;
}
.accordion_en > li > ol > li > a {
	display: block;
	padding: 5px;
}


/*----------- language -------------------------*/
.language {
	margin-right: -20px;
}
.language li {
	margin-top: 10px;
}
.language > li > a {
	cursor: pointer;
	padding: 4px 10px;
	
	border: 1px solid #BFE2D5;
	background-color: #EDF8F5;
	border-radius: 5px;
}

.language li > a:hover{
	background-color: #fff;
}

.language li > a:after, div.language > li > a.active:after{
	color: #54A7A0;
}
.language li > a:after{
  content: "笆ｼ";
}
.language > li > a.active:after{
  content: "笆ｲ";
}
.language > li > ol {
  display: none;
}
.language > li > ol > li{
	display: inline-block;
	text-align: center;
	border: 1px solid #BFE2D5;
	background-color: #EDF8F5;
	border-radius: 5px;
}
.language > li > ol > li > a {
	display: block;
	padding: 10px 15px;
}
@media screen and (max-width: 768px) {
.language {
	margin-right: 0;
}
.language li {
	margin-top: 10px;
}

}

/* corona譫� */
a.btn-red {
    background: #A41F24;
    text-align: center;
    padding: 2px 5px;
    border-radius: 5px;
}
a.btn-red span {
    color: #fff;
}



/* corona */
.top-hed {
	width: 100%;
}

.top-hed-in {
	margin: auto;
	width: 100%;
	background-color: #fff;
}
.top-hed-left {
	width: 100%;
}
.top-hed-bn {
	width: 100%;
	text-align: right;
}
.top-hed-bn ul li img {
	width: 80%;
}


.news-waku-red {
    padding: 10px;
    border: 5px solid #A41F24;
    border-radius: 5px;
}



/* print */
@media print, screen and (min-width: 960px) {

.top-hed {
	padding: 10px 0;
	background-color: #fff;
	background-image: radial-gradient(#ececec 30%, transparent 50%);
	background-size: 4px 4px;
}
.top-hed-in {
	display: flex;
	justify-content: center;
  	flex-wrap: wrap;
	align-items: stretch;

	padding-top: 7px;
	max-width: 1260px;
}
.top-hed-left {
	width: 88%
}
.top-hed-left img {
	margin: auto;
	width: 100%;
	max-width: 1100px;
}
.top-hed-bn {
	width: 11%;
	margin: 0 auto;
}
.top-hed-bn ul li img {
	width: 100%;
	max-width: 128px;
}

}


.top-slider {
	width: 100%;
}








/*----- 繝｡繝九Η繝ｼ3縲€阮�ｷ� -----*/

.top-menu {
    margin: auto;
	width: 100%;

	background: #EDF8F5;
    border-top: 1px solid #5AB9C1;
    border-bottom: 1px solid #5AB9C1;
}
.top-menu-in {
    margin: auto;
	width: 100%;
	max-width: 1260px;

	display: flex;
	justify-content: space-between;
  	flex-wrap: wrap;
	align-items: stretch;
}

.top-menu-in li  {
	width: 100%;
	margin: 0;
	padding: 12px 0 7px;
	letter-spacing: 0;
	text-align: center;
	background: #EDF8F5;
    border-bottom: 1px solid #5AB9C1;

    font-size: 1.4em;
}
.top-menu-in li {
	 border-right: none;
}
.top-menu-in li:last-child {
	 border-bottom: none;
}

.top-menu-in li a  {
	display: block;
}

.top-menu-in img {
	vertical-align: middle;
}


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

.top-menu-in li  {
	width: 33%;
}
.top-menu-in li  {
    font-size: 1.0em;
    border-right: 1px solid #5AB9C1;
    border-bottom: none;
}
.top-menu-in li:first-child  {
    border-left: 1px solid #5AB9C1;
}

}

/* print */
@media print, screen and (min-width: 960px) {

.top-menu-in li  {
    font-size: 1.2em;
}

}



#top-content {
  position: relative;
  width: 100%;
  margin: auto;
}


/*----- 繝｡繝九Η繝ｼ4 -----*/

ul.top-ic {
    width: 100%;
    max-width: 1260px;
    margin: auto;
	display: flex;
	justify-content: center;
  	flex-wrap: wrap;
	align-items: stretch;
}
ul.top-ic li {
	display: flex;
}
ul.top-ic li {
	width: 50%;
}

ul.top-ic li a {
	width: 100%;
	display: block;
	padding: 5px 5px;
	background: #FFF;
	box-shadow: 1px 1px 5px #A3CFC7; /*#B4D5F5*/
}


ul.top-ic figure {
	width: 100%;
	text-align: center;
}
ul.top-ic img {
	margint: auto;
	width: 110px;
	height: 110px;
}
ul.top-ic dl {
	width: 100%;
	text-align: left;
}
ul.top-ic dl dt {
	display: inline-block;
	width: 9%;
    vertical-align: top;
	font-size: .8em;
	color: #BCCED6;
}
ul.top-ic dl dd {
	display: inline-block;
	width: 90%;
    vertical-align: top;
	font-size: .8em;
	color: #595757;
}
  


@media screen and (min-width: 896px) {

ul.top-ic li {
	width: 25%;
}

ul.top-ic p{
	font-size: 1.1em;
}

}

/* print */
@media print, screen and (min-width: 1260px) {


ul.top-ic p{
	font-size: 1.2em;
	line-height: 1.1em;
}

}



/*- 繝｡繝九Η繝ｼ7 邱代い繧､繧ｳ繝ｳ -*/

ul.ic-other {
	width: 100%;
	max-width: 1260px;
    margin: 20px auto;

	display: flex;
	justify-content: center;
  	flex-wrap: wrap;
	align-items: stretch;
}

ul.ic-other li.wid1 {
	width: 25%;
}
ul.ic-other li.wid2 {
	width: 33%;
}

/* print */
@media print, screen and (min-width: 960px) {

ul.ic-other li.wid1 , ul.ic-other li.wid2 {
	width: 14.2%;
}

}




/*- fl-news topics 譖ｴ譁ｰ諠��ｱ縲€繝医ヴ繝�け繧ｹ -*/

.information{
	width: 100%;
} 
.information-in{
    margin: auto;
    width: 100%;
    max-width: 1260px;
	background-color: #fff;
	padding-bottom: 30px;
} 
.information-l{
    width: 100%;
} 
.information-r{
    width: 100%;
} 


.news , .topics , .oshirase {
    padding: 7px;
    background-image: radial-gradient(#ececec 30%, transparent 50%);
    border-bottom: 5px solid #ececec;
} 
.news-in , .topics-in {
	margin-right: 10px;
	height: 400px;
	overflow: auto;
	overflow-y: scroll;
    background: #fff;
} 
.news-in::-webkit-scrollbar , .topics-in::-webkit-scrollbar {
    width: 8px;
    background: #ececec;
}
.news-in::-webkit-scrollbar-thumb , .topics-in::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background: #5AB9C1;
}

.news-in h5 {
	margin-left: 10px;
} 
.news-in p span , .topics p span  {
	margin-left: 7px;
	font-size: 0.9em;
	color: #6389AB;
}

.news-in p , .topics-in p  {
	padding: 5px 0 7px 10px;
	margin-bottom: 10px;
	line-height: 1.2;
	border-bottom: 1px dashed #CCC
}
.news-in p span.red {
	color: #F00;
	font-size: 1.0em;
}

.oshirase-in {
	margin: 0 10px;
	padding: 10px;
    background: #fff;
} 



/* print */
@media print, screen and (min-width: 960px) {

.information {
	padding: 10px 0;
	background-color: #fff;
	background-size: 4px 4px;
}

.information-in {
	display: flex;
	justify-content: space-between;
  	flex-wrap: wrap;
	align-items: stretch;
}

.information-l{
    width: 49%;
} 
.information-r{
    width: 49%;
} 

}


/* top-link */
ul.top-link {
	margin: auto;
	width: 96%;
	max-width: 1100px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: stretch;
}

ul.top-link li {
    margin: auto 0.5%;
	width: 49%;
}


@media print, screen and  (min-width: 768px) {

ul.top-link {
	width: 80%;
}

}

@media print, screen and  (min-width: 960px) {

ul.top-link  {
	width: 100%;
}
ul.top-link li {
	width: 32%;
}

}


/* top-boshu */
ul.top-boshu {
	max-width: 1100px;
    margin: 20px auto;

	display: flex;
	justify-content: center;
  	flex-wrap: wrap;
	align-items: stretch;

}

ul.top-boshu {
	width: 70%;
}

ul.top-boshu li {
	width: 48%;
	max-width: 180px;
    margin: auto 2px;
}

@media print, screen and  (min-width: 768px) {

ul.top-boshu {
	width: 60%;
}

}

@media print, screen and  (min-width: 960px) {

ul.top-boshu {
	width: 80%;
}
ul.top-boshu li {
	width: 100%;
}

}


/* top-center */

ul.top-center {
	margin: auto;
	width: 90%;
	max-width: 1100px;
}

ul.top-center li {
	display: flex;
	justify-content: space-between;
  	flex-wrap: wrap;
	align-items: stretch;

	margin-bottom: 20px;

}

ul.top-center li div {
	margin: 0 .5%;
	width: 49%;
}
ul.top-center li div.boder {
	margin: 0 2px;
	padding: 5px;
	border: 1px solid #CCC;
	border-radius: 7px;
}


@media print, screen and  (min-width: 768px) {

ul.top-center {
	width: 60%;
}

}

@media print, screen and  (min-width: 960px) {

ul.top-center {
	display: flex;
	justify-content: space-between;
  	flex-wrap: wrap;
	align-items: start;

	width: 100%;
}
ul.top-center li {
	width: 49%;
}

}








/* 隕句�縺� */
.mi-3co-1 {
    padding: 0.5rem 0;
    margin-bottom: 0.5rem;
    background: linear-gradient(90deg, #ffa500 0% 33%, #e8e833 33% 66%, #81c682 66%);
    background-repeat: no-repeat;
    background-size: 5rem 0.4rem;
    background-position: bottom;
	color: #0937A6;
}

.mi-3co-2 {
    padding: 0.5rem 0;
    margin-bottom: 0.5rem;
    background: linear-gradient(90deg, #FF6EB4 0% 33%, #FFB5C5 33% 66%, #FF6A6A 66%);
    background-repeat: no-repeat;
    background-size: 5rem 0.4rem;
    background-position: bottom;
	color: #0937A6;
}

.mi-3co-3 {
    padding: 0.5rem 0;
    margin-bottom: 0.5rem;
    background: linear-gradient(90deg, #30e1e1 0% 33%, #afeeee 33% 66%, #64bcec 66%);
    background-repeat: no-repeat;
    background-size: 5rem 0.4rem;
    background-position: bottom;
	color: #0937A6;
}





/*- footer -*/

  .footer-top {
	display: flex;
	justify-content: center;
  	flex-wrap: wrap;
	align-items: top;
    margin: auto;
    width: 100%;
    max-width: 1600px;
  }

  .footer-top div {
	width: 98%;
	margin: 1rem auto;
  }

  .footer-top .uketsuke dt {
	font-size: 1.1rem;
	color: #4574A3;
	text-shadow: 1px 1px 1px #E6FFFF;/*- 髱� -*/
  }

  .footer-top .uketsuke dd {
	margin-bottom: 8px;
  }
  .footer-top .uketsuke dd span {
	font-weight: bold;
  }

/* print */
@media print, screen and (min-width: 768px) {

  .footer-top div.uketsuke ,
  .footer-top div.toi ,
  .footer-top div.address {
	width: 33%;
  }

}



  .sitemap {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	margin: auto;
	width: 100%;
	border-bottom: 1px solid #CCC;
  }
  .sitemap h3 {
    width: 100%;
	padding-left: 20px;
	font-size: 1.0em;
  }
  .sitemap h3 a {
	margin-right: 10px;
 }
  .sitemap h3 a:before {
	content: "\f104";
	font-family: "FontAwesome";
	margin-right: 5px;
  }
  .sitemap p {
	color: #5AA5A3;
  }
  .sitemap-in1 , .sitemap-in2 , .sitemap-in3  {
	display: flex;
	justify-content: center;
  	flex-wrap: wrap;
	align-items: top;
    margin: auto;
    width: 100%;


	margin-top: 10px;
	margin-left: 10px;
	vertical-align: top;
  }
  .sitemap-inin1 , .sitemap-inin2 , .sitemap-inin3  {
	vertical-align: top;
	border-top: 3px solid rgba(163,194,194,.5);
	margin-left: 10px;
	padding: 5px 7px;
  }
  .sitemap-inin1 ul li , .sitemap-inin2 ul li , .sitemap-inin3 ul li {
	margin-left: 10px;
	padding: 5px 0;
	font-size: .9em;
  }
  .sitemap-inin1 a:before , .sitemap-inin2 a:before , .sitemap-inin3 a:before {
	content: "\f100";
	font-family: "FontAwesome";
	font-size: .8em;
	margin-right: 5px;
  }



  .sitemap-in1 {
	width: 98%;
  }
	  .sitemap-inin1 {
		width: 98%;
	  }
  .sitemap-in2 {
	width: 98%;
  }
	  .sitemap-inin2 {
		width: 98%;
	  }
  .sitemap-in3 {
	width: 98%;
  }
 	 .sitemap-inin3 {
		width: 98%;
	  }

@media screen and (min-width: 600px) {

  .sitemap-in1 {
	width: 98%;
  }
	  .sitemap-inin1 {
		width: 48%;
	  }
  .sitemap-in2 {
	width: 98%;
  }
	  .sitemap-inin2 {
		width: 30%;
	  }
  .sitemap-in3 {
	width: 48%;
  }
 	 .sitemap-inin3 {
		width: 98%;
	  }

}

@media screen and (min-width: 960px)  {

  .sitemap-in1 {
	width: 98%;
  }
  .sitemap-in2 {
	width: 98%;
  }
  .sitemap-in3 {
	width: 48%;
  }
  .sitemap-inin1 {
	width: 47%;
  }
  .sitemap-inin2 {
	width: 30%;
  }
  .sitemap-inin3 {
	width: 98%;
  }

}

/* print */
@media print, screen and (min-width: 1024px) {


  .sitemap-in1 {
	width: 49%;
  }
  .sitemap-in2 {
	width: 49%;
  }
  .sitemap-in3 {
	width: 24%;
  }
  .sitemap-inin1 {
	width: 47%;
  }
  .sitemap-inin2 {
	width: 30%;
  }
  .sitemap-inin3 {
	width: 98%;
  }

}

/* 莉･荳�12/21�� */
ul.flex-2-top {
    margin: auto;
	display: flex;
	justify-content: space-between;
  	flex-wrap: wrap;
	align-items: center;
}
ul.flex-2-top li {
	margin: auto;
	width: 80%;
	text-align: center;
}
ul.flex-2-top li.right {
	text-align: right;
}
ul.flex-2-top li.left {
	text-align: left;
}


@media print, screen and  (min-width: 960px) {

ul.flex-2-top li {
	width: 50%;
}

}


ul.flex-2-oshirase ,
ul.flex-2-onegai {
	margin: auto;
	padding: 5px;
	width: 100%;
    max-width: 1260px;
	display: flex;
	justify-content: space-between;
  	flex-wrap: wrap;
	align-items: stretch;
	border-bottom: 1px dotted #DADADA;
}
ul.flex-2-oshirase li ,
ul.flex-2-onegai li {
	margin: auto;
}
ul.flex-2-oshirase li.left ,
ul.flex-2-onegai li.left {
	padding: 7px;
	width: 20%;
	border-radius: 30px;
	color: #fff;
	text-align: center;
}
ul.flex-2-oshirase li.right ,
ul.flex-2-onegai li.right {
	padding-left: 7px;
	width: 80%;
	text-align: left;
}

ul.flex-2-oshirase li.left {
	background-color: #96B8AD;
}
ul.flex-2-onegai li.left {
  background-color: #f0bc68;
}



@media print, screen and  (min-width: 960px) {


}

.top-bg-blue {
	width: 100%;
	padding: 20px 0;
	background-color: #F8F9FA;
}