@charset "utf-8";
/*グローバルメニュー*/
body {
    margin: 0px;
    background-color: #ccc;
    color: rgba(30,30,30,1.00);
    font-size: 9.9pt;
    font-weight: 400;
    font-family: "Mplus 1p", "sans-serif", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: normal;
}
img, object, embed, video {
	max-width: 100%;
	height: auto;
}
a {
	text-decoration: underline;
	color: #333;
}
a:hover {
    text-decoration: underline;
    color: rgba(0,83,172,1.00);
}
a:visited {
    color: #431700;
}
.noDisplay {
	display: none;
}
.container {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	border-bottom-width: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	background: #fff;
}
/*ヘッダ*/
header {
	height: 120px;
	margin-top: 0px;
}
.bana_header   {
	display: none;
} 

/*ナビ*/
#menu   {
	clear: both;
}
nav{
    font-size: 11pt;
    color: #333333;
    font-weight: bold;	
}
nav ul li   {
	height: 60px;
	width: 100%;
	display: block;
	vertical-align: baseline;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	text-decoration: none;
}
nav li a {
	text-decoration: none;
}
.nav_fontsm {
    color: #727171;
    font-size: 9pt;
    font-weight: bold;
    line-height: 11pt;
}
/*.li_nav_00 a {
	text-align: left;
	width: auto;
	margin-right: 2px;
    display: block;
	padding-top: 2px;
    height: 47px;
	background-color: #fff;
}*/
/*.li_nav_00 a:hover {
    border-bottom: 6px solid #fff;
    display: block;
	background: #003399;
    width: 100%;
    height: 47px;
}*/
.li_nav_01 a {
    border-bottom: 7px solid #0B80ED;
    display: block;
    width: 100%;
    height: 50px;
}
.li_nav_01 a:hover {
    background-color: #0B80ED;
    border-bottom: 7px solid #FFFFFF;
    display: block;
    width: 100%;
    height: 50px;
    color: #FFFFFF;
    text-decoration: none;
}
.li_nav_02 a {
    border-bottom: 7px solid #61B00F;
    display: block;
    width: 100%;
    height: 50px;
}
.li_nav_02 a:hover {
    background-color: #61B00F;
    border-bottom: 7px solid #FFFFFF;
    display: block;
    width: 100%;
    height: 50px;
    color: #FFFFFF;
    text-decoration: none;
}
.li_nav_03 a {
    border-bottom: 7px solid #FFC600;
    display: block;
    width: 100%;
    height: 50px;
}
.li_nav_03 a:hover {
    background-color: #FFC600;
    border-bottom: 7px solid #FFFFFF;
    display: block;
    width: 100%;
    height: 50px;
    color: #FFFFFF;
    text-decoration: none;
}.li_nav_04 a {
    border-bottom: 7px solid #FF9600;
    display: block;
    width: 100%;
    height: 50px;
}
.li_nav_04 a:hover {
    background-color: #FF9600;
    border-bottom: 7px solid #FFFFFF;
    display: block;
    width: 100%;
    height: 50px;
    color: #FFFFFF;
    text-decoration: none;
}
.li_nav_05 a {
    border-bottom: 7px solid #D90000;
    display: block;
    width: 100%;
    height: 50px;
}
.li_nav_05 a:hover {
    background-color: #D90000;
    border-bottom: 7px solid #FFFFFF;
    display: block;
    width: 100%;
    height: 50px;
    color: #FFFFFF;
    text-decoration: none;
}
/*キービジュアル*/
/*.keyvisual {
	text-align: center;
}
.keyvisual img {
	width: 100%;
}*/
/*slick setting*/
.slick-prev:before,.slick-next:before {
	color: #fff;
    margin: 0px;
	width: 20px;
	height: 20px;
    border: solid 1px #666;
	background: #666;
    border-radius: 5px;
	font-weight: bold;
	display:inline-block;
}
.slider{
    margin: 0px auto;
    width: 90%;
}
.slider img{
    height: auto;
    width: 100%;
}
/*テンプレートコンテンツ用*/
.temp_article {
	float: none;
	align-content: center;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	width: 95%;
	height: auto;
	font-size: 13pt!important;
}
/*パンくずリスト*/
.breadcrumbs {
	margin-left: auto;
	width: 95%;
	font-size: 0.9em;
	padding: 8px;
	margin-top: 15px;
	margin-bottom: 10px;
	margin-right: auto;
	height: 30px;
}
/*お知らせ*/
.oshirase {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}
.oshirase_box {
    width: 100%;
    height: 55px;
    display: block;
    list-style-image: none;
    list-style-type: none;
    border-bottom: 1px solid #CCCCCC;
}
.h3_osirase {
	border-bottom: 1px solid #666666;
}
.ymd {
	padding-top: 2px;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
	margin-right: 10px;
	margin-bottom: 3px;
	width: 90px;
	height: 15px;
    border: solid 1px #666;
	background-color: #666;
    border-radius: 15px;
	color: #fff;
	text-align: center;
	vertical-align: top;
	font-weight: bold;
	display:inline-block;
}
.sub01 {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 3px;
    padding-right: 3px;
    margin-right: 10px;
	margin-bottom: 3px;
    width: 90px;
    height: 15px;
    border: 1px solid #ED4900;
    background: #ED4900;
    color: #fff;
    font-weight: bold;
    text-align: center;
    vertical-align: text-top;
    display: inline-block;
}
.oshirase_cont {
	width: 60%;
	height: 35px;
	float: right;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.oshirase_sub {
	float: left;
	width: 35%;
	height: 35px;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.backnumber {
	text-align: right;
	margin: 15px 5px;
	padding-right: 5px;
}
/*フッタ*/
footer {
    clear: both;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    background-color: #003399;
    padding-top: 5px;
    padding-bottom: 15px;
    color: #fff;
    height: auto;
    width: 100%;
    text-align: left;
    background-repeat: repeat;
}
.ftrmenu {
	width: 320px;
	background-color: #003399;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding-top: 10px;
	text-align: left;
    display: block;
}
.ftrmenu ul {
    margin: 15px auto 0px auto;
	padding-top: 15px;
    text-align: left;
}
.ftrmenu li {
    display: inline-block;
    background-color: #003399;
    padding-right: 10px;
    padding-left: 10px;
    height: auto;
    margin-right: 5px;
    margin-left: 5px;
    box-sizing: border-box;
    font-size: 1em;
    text-align: left;
    color: #FFF;
    text-decoration: none;
	}
.ftrmenu li a{
    color: #fff;
    text-decoration: none;
	}
.ftrmenu li a:hover{
    color: #333;
    text-decoration: none;
    background-color: #58DEF9
	} 
.ftrmenu li a:visited{
    color: #fff;
    text-decoration: none;
	} 
.copyright {
	float: left;
	/*width: 460px;*/
	height: auto;
	padding: 10px;
	background-color: #003399;
}
/*右カラム*/
.right_article {
	text-align: center;
}
#bnnr ul {
    width: auto;
	height: auto;
	margin-left: 0px;
}
#bnnr li {
	list-style: none;
}

/*ページトップ*/
.pagetop {
	margin-bottom: 10px;
	clear: both;
	margin-left: 15px;	
}
/*タイトル*/
.temp_h1{
	color: #000;
	display: block;
	width: 100%;
	height: auto;
	padding-bottom: 25px;
	padding-top: 15px;
	margin-bottom: 10px;
	border-bottom: solid 5px #003399;
    font-weight: bold;
    font-size: 25pt;
}
h2 {
    color: #019CE7;
    font-weight: bold;
    font-size: 16pt;
	padding-bottom: 15px;
	padding-top: 15px;
}
h3{
	color: #333;
	display: block;
	width: 100%;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	font-size: 14pt;
	font-style: normal;
	font-weight: 700;
}
h4{
    color: #005E7B;
    font-weight: 700;
    font-size: 10pt;
}
/*左カラム*/
 .left_article {
    margin: 0px auto;
}
.left_article h3 {
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 5px;
    padding-top: 5px;
}
.cont h3 {
    background-color: #FFF;
	margin-left: 5px;
}
.title_noml{
	display: none;
}
.chikai {
	padding-bottom: 300px;
	margin-right: 10px;
	margin-left: 15px;
    background-image: url(../images/photo1.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    text-align: left;
}
.chikai_list {
    color: #333333;
    font-size: 12pt;
    line-height: 2em;
    font-weight: bold;
    list-style-type: decimal;
    /*list-style-position: inside;*/
    margin-left: 2rem;
}
.newsbox {
    border-bottom: 1px dotted #ccc;
	height: 35px;
	width: 450px;
	padding-bottom: 3px;
	padding-top: 2px;
	margin: 2px;
	vertical-align: baseline;
}
.sns_w {
	text-align: right;
	padding-right: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
}
.sns_sma{
	padding-bottom: 10px;
}
/*タブレット*/
@media only screen and (max-width: 1023px ) {
.left_article section .news {
	margin-right: 10px;
}
.cont {
	padding-top: 10px;
}
}
/*デスクトップ用*/
@media only screen and (min-width: 1024px) {
.container {
	width: 1024px !important;
	height: auto;
}
.bana_header {
	float: right;
	width: 250px;
	padding-top: 40px;
	padding-bottom:5px;
	padding-right: 5px;
	height: auto;
	display: block!important;
	clear:right;
	text-align: right;
}
.right_article   {
	float: right;
	width: 320px;
	text-align: left;
	margin-left: 5px;
	padding-right: 5px;
}
.left_article   {
    float: left;
    width: 680px;
	padding-left: 10px;
}
.primary_header   {
	width: 100%;
	height: auto;
	clear:none;
}
nav ul li {
	width: 190px;
	height: 50px;
	display: block !important;
	vertical-align: middle;
	margin-top: 0px;
	text-decoration: none;
	color: rgba(45,45,45,1.00);
	background-color: transparent;
	border-collapse: collapse;
	border: none;
	padding-bottom: 5px;
	margin-left: 2px;
	font-weight: bold;
}
.li_nav_00 {
	text-align: left;
	width: 50px;
	margin-right: 2px;
	border-bottom: 7px solid #003399;
	padding-bottom: 0px;
    display: block;
/*}
.keyvisual img {
	margin:0 auto;*/
}
.title   {
	width: 500px;
	height:120px;
	float: left;
	margin: 0px 0px 0px 5px;
}
.keyvisual {
	margin-top: 35px;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	}
.cont {
    width: auto;
    height: auto;
    padding-right: 15px;
	padding-left: 5px;
	padding-bottom: 120px;
    float: right;
	text-align: center;
	font-size: 0.8em;
	}
footer {
    height: 150px;
}
.ftrmenu {
	float: right;
	width: 380px;
	background-color: #003399;
	text-align: left;
    display: flex;
    flex-wrap: wrap;
}
.ftrmenu li {
    display: inline;
    background-color: #003399;
    padding-right: 10px;
    padding-left: 10px;
    height: auto;
    margin-right: 5px;
    margin-left: 5px;
    box-sizing: border-box;
    font-size: 1em;
    text-align: left;
    color: #FFF;
    text-decoration: none;
}
.sns_sma{
	display: none;
}
}
/*----------------------------------------------------
	text
----------------------------------------------------*/

p {
    margin-bottom: 1rem !important;
}
/*テキスト強調*/
.textBold {
	font-weight:bold;
	}
/*大きい文字*/
.textLarge {
	font-size:1.2em;
	}
/*小さい文字*/
.textSmall {
	font-size:.85em;
	}
.textSmall_s{
	font-size:.7em;
}
/*左寄せ*/
.textLeft {
	text-align:left;
	}
/*右寄せ*/
.textRight {
	text-align:right;
	}
/*中心付け*/
.textCenter {
	text-align:center;
	}
/*テキスト赤*/
.textRed {
	color:red;
	}
.letterSpace1em {
	 letter-spacing:1em;
	 }
/*キャプション*/
.caption {
	font-size: 0.7em;
}
/*ロールオーバー*/
.rollover { /* for javascript */
}
/*----------------------------------------------------
	position
----------------------------------------------------*/
.alignCenter {
	text-align:center;
	margin:0 auto;
	}
.valignCenter {
	vertical-align:middle;
	}
.valignTop {
	vertical-align: top;
}
.floatLeft {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	}
.floatRight {
	float:Right;
	margin-left:10px;
	margin-bottom:10px;
	}
.clearLeft {
	clear:left;
	}
.clearRight {
	clear:right;
	}
.clearBoth {
	clear:both;
	}
.overflowH {
	overflow:hidden;
}	
/*----------------------------------------------------
	margin, padding
----------------------------------------------------*/
.mr25px {
	margin-right: 25px;
}
.mr20px {
	margin-right: 20px;
}.mr15px {
	margin-right: 15px;
}
.mr10px {
	margin-right: 10px;
}
.mr5px{
	margin-right: 5px;
}
.ml0px {
	margin-left: 0px;
}
.ml25px {
	margin-left: 25px;
}
.ml20px {
	margin-left:20px;
	}
.ml15px {
	margin-left:15px;
	}
.ml10px {
	margin-left:10px;
}
.ml5px{
	margin-left: 5px;
}
.mb0 {
	margin-bottom:0;
	}
.mb5px {
	margin-bottom:5px;
	}
.mb10px {
	margin-bottom: 10px;
}
.mb15px {
	margin-bottom:15px;
	}
.mb20px {
	margin-bottom: 20px;
}
.mb50px{
	margin-bottom: 50px;
}
.mb100px{
	margin-bottom: 100px;
}
.mt25px {
	margin-top:25px;
}
.mt20px {
	margin-top:20px;
	}
.mt15px {
	margin-top:15px;
	}
.mt10px {
	margin-top:10px;
	}
.mt5px{
	margin-top: 5px;
}
.mt0px {
	margin-top:0px;
	}
.pl10px {
	padding-left: 10px;
	}
.pl40px {
	padding-left: 40px;
	}
.pl80px {
	padding-left: 80px;
	}
.pr20px {
	padding-right: 20px;
	}
.pd120px {
	padding-bottom: 120px;
}
.pd300px {
	padding-bottom: 300px;
}	
.pb500px {
	padding-bottom:500px;
}
/*----------------------------------------------------
	img
----------------------------------------------------*/

.imgL {
	float: left;
	margin-top: 0;
	margin-left: 3%;
	margin-right: 5px;
}
.imgR {
	float: right;
	margin-top: 0;
	margin-right: 3%;
	margin-left: 5px;
}
.kakomiWrapper {
	text-align:center;
	width: auto;
}
.kakomi {
    padding: 0.5em 1em;
    margin: 1rem auto;
    border: solid 3px #003399;
    border-radius: 10px;
	display:inline-block;
}
ul.ulDefault {
    margin: 1.2rem 0;
    padding-left: 1rem;
    line-height: 1.9rem;
    list-style-type: disc;
}
.liDefalt {
    list-style-image: url(../images/list_bt_.png);
    margin-left: 20px;
}
.top_ul {
	margin: 0 20px;
	line-height: 1.9rem;
	display: block
}

.liIndex {
    list-style-image: url(../images/list_bt.png);
    margin-left: 20px;
}
.liDisc {
    list-style: disc;
    margin-left: 20px;
}
ul.liGrnDisc li::before {
    content:  "";     /* 空の要素作成 */
    width:  .8rem;               /* 幅指定 */
    height: .8rem;              /* 高さ指定 */
    display:  inline-block;     /* インラインブロックにする */
    background-color: #5A8FFB;  /* 背景色指定 */
    border-radius:  50%;        /* 要素を丸くする */
    margin-left:-1rem;
    margin-right: .3rem;
	/*width: 3em;*/
    /*position: absolute;*/
	top: 0;
	left: 0;
}