@charset "UTF-8";
:root {
	/*文字色*/
	--to-fontColorN: #445985;
	--to-fontColorBlue: #00a0c6;
	/*リンク色*/
	--to-linkColor: #00a0c6;
	--to-linkColorB: #39414f;
	--to-linkColorN: #445985;
	/*線*/
	--to-borderBlue:#00a0c6;
	--to-borderG:#f4f4f3;
	--to-borderG2: #e3e3e3;
	--to-borderN: #445985;
	--to-borderB: #39414f;
	/*背景色*/
	--to-bgColorW: #fff;
	--to-bgColorG: #f4f4f3;
	/*テーブルhead背景*/
	--to-tableHbg: #e5eaf5;
	/*H6*/
	--to-fontH6: #39414f;
	/*ホバー*/
	--to-NavHover:#e5eaf5;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	line-height: 1.5em;
}
html{
	font-size: 62.5%;
	height: 100%;
	color: #39414f;
}
html *{box-sizing: border-box;}
a {
	text-decoration: none;
	transition: 0.3s;
	color: var(--to-linkColor);
}
body {
	font-size: 1.6rem;
	height: 100%;
}

/*=====================
　header
=====================*/
.nagaokaWebsite{
	width: 100%;
	background: #e8fbff;
	padding: 0.5%;
}
.nagaokaWebsite a{
	color: #00a0c6;
	display: flex;
	align-items: center;
}
.nagaokaWebsite a:hover{
	opacity: 0.8;
}
.nagaokaWebsite a span{
	display: block;
	background: url("../../img/leftArrow.png") no-repeat;
	background-size: contain;
	width: 24px;
	height: 24px;
}
header {
	position: relative;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 2%;
}
.spNavWrap{display: none}
header h1{background: #fff;}
header h1 a{display: block;}
.headerBox{
	display: flex;
	align-items: center;
}
/*==================
2024ヘッダー改修 start
==================*/
.spAuxiliary{display: none}
.pcAuxiliary{
	display: flex;
}
/*背景色・文字サイズ変更枠*/
.accordionVision {
	margin-left: 5px;
	position: relative;
}
.accordionVision summary {
    display: flex;
	min-width: 225px;
	/*border: 2px solid #00a0c6;*/
	border: 2px solid var(--to-borderBlue);
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding:5px 5px 5px 30px;
    cursor: pointer;
	font-weight: bold;
	color: var(--to-linkColorB);
}
.accordionVision summary::before{
	content: "";
	position: absolute;
	width: 23px;
	height: 23px;
	background: url("../../img/iconHeader1.png") no-repeat;
	background-size: contain;
	left: 5px;
}
.accordionVision summary::-webkit-details-marker {display: none;}
.accordionVision > .vision {
	position: absolute;
    opacity: 0;
	top: 50px;
	right: 0;
    margin: auto;
    padding: 10px;
	/*background: #fff;*/
	background:var(--to-bgColorW);
	width: 262px;
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.35);
	display: flex;
	justify-content: right;
	flex-wrap: wrap;
}
.accordionVision[open] > .vision {
    transform: none;
    opacity: 1;
}
.visionBgColor,.visionFontsize{
	width: 100%;
	display: flex;
	justify-content: right;
	list-style-type: none;
	align-items: center;
}
.visionFontsize{
	margin-top: 5px;
}
.visionBgColor li,.visionFontsize li{
	margin-left: 3px;
}
.bgBtn{
	border-radius: 5px;
	padding: 8px;
	font-size: 1.6rem;
	min-width: 30px;
	min-height: 30px;
	line-height: 1;
	cursor: pointer;
}
#bg-white{
	border: 2px solid #bfbfbf;
	background: #fff;
	border-radius: 3px;
}
#bg-black{
	border: 2px solid #feff00;
	background: #000;
	color: #feff00;
	border-radius: 3px;
}
#bg-blue{
	border: 2px solid #feff00;
	background: #1c00ff;
	color: #feff00;
	border-radius: 3px;
}
#bg-yellow{
	border: 2px solid #000;
	background: #feff00;
	color: #000;
	border-radius: 3px;
}
.sizeBtn{
	background: #c9c9c3;
	color: #fff;
	border-radius: 5px;
	border: none;
	padding: 8px;
	font-size: 1.6rem;
	min-width: 30px;
	min-height: 30px;
	line-height: 1;
	cursor: pointer;
}
.visionFontsize > li > .is_active{background: #00a0c6!important;}
/*Foreign language枠*/
.accordionLanguage {
	margin-left: 5px;
	position: relative;
}
.accordionLanguage summary {
    display: flex;
	min-width: 180px;
	/*border: 2px solid #00a0c6;*/
	border: 2px solid var(--to-borderBlue);
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding:5px 5px 5px 30px;
    cursor: pointer;
	font-weight: bold;
	color: var(--to-linkColorB);
}
.accordionLanguage summary::before{
	content: "";
	position: absolute;
	width: 23px;
	height: 23px;
	background: url("../../img/iconHeader2.png") no-repeat;
	background-size: contain;
	left: 5px;
}
.accordionLanguage summary::-webkit-details-marker {display: none;}
.accordionLanguage > .language {
	position: absolute;
    opacity: 0;
	top: 50px;
	left: 0;
	right: 0;
    margin: auto;
	background: var(--to-bgColorW);
	width: 155px;
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.35);
}
.accordionLanguage[open] > .language {
    transform: none;
    opacity: 1;
}
.accordionLanguage > .language a{
	display: block;
	border-bottom: 1px solid var(--to-borderG);
	padding: 5px 10px;
	color: var(--to-linkColorB);
	position: relative;
}
.accordionLanguage > .language a:hover{
	background: var(--to-NavHover);
}
.accordionLanguage > .language a:before{
	position: absolute;
	content: "";
	color: #00a0c6;
	right: 5px;
	top:0;
	bottom: 0;
	margin: auto;
	width: 10px;
	height: 10px;
	background: url("../../img/rightArrow.png") no-repeat;
	background-size: contain;
}


/*==================
2024ヘッダー改修 end
==================*/

@media screen and (max-width:1080px){
	.headerBox{
		width: 100%;
		justify-content:flex-end;
	}
}
.fontsize{
	display: flex;
	align-items: center;
	margin-left: 20px;
}
.size{
	list-style: none;
	display: flex;
}
.size-btn button{
	background: #c9c9c3;
	color: #fff;
	border-radius: 5px;
	border: none;
	padding: 10px;
	margin-left: 5px;
	font-size: 1.6rem;
	min-width: 30px;
	min-height: 30px;
	line-height: 1;
}
.size-btn button:hover{background: #00a0c6!important;}
.active{background: #00a0c6!important;}
.accessMapBtn{
	margin-left: 5px;
	min-width: 152px;
}
.accessMapBtn a{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5px;
	background: #445985;
	font-weight: bold;
	font-size: 1.6rem;
	color: #fff;
	border: 2px solid #445985;
}
.accessMapBtn a:hover{opacity: 0.8}
.accessMapBtn a span{
	display: block;
	width: 23px;
	height: 23px;
	background: url("../../img/iconHeader3.png") no-repeat;
	background-size: contain;
}
.spSearch{display: none;}
.searchBox > input {
	font-size: 16px;
	vertical-align: middle;
	border-radius: 3px;
}
.searchBox > input[type="search"] {
	border: solid 1px #ccc;
	padding: 0.5em;
	width: 230px;
}
.searchBox > input[type="submit"] {
	background: #00a0c6 url("../../img/searchIcon.png") no-repeat center;
	color: white;
	font-weight: bold;
	border: none;
	margin-left: 0.3em;
	padding: 0.5em 1em;
	cursor: pointer;
	width: 55px;
}
.spageHeader{
	border-bottom: 1px solid #d5e7eb;
	padding: 2% 2% 1% 2%}
.spageNavWrap{
	width: 100%;
	margin-top: 10px;
}
.spageNav{
	width: 100%;
	list-style-type: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.spageNav li{
	width: 16%;
}
.spageNav li a{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	padding: 3%;
	border-radius: 5px;
	color: var(--to-linkColorB);
}
.spageNav li a:hover{background: var(--to-NavHover);}
.spageNav li a span{
	display: block;
	width: 35px;
	margin-right: 5px;
}
.spageNav li a span img{
	width: 100%;
	height: auto;
}
/*=====================
　alert
=====================*/
.indexAlertWrap{
	width: 80%;
	margin:0 auto 3% auto;
	/* display: flex; */
	display: none;
}
.indexAlertHead{
	width: 200px;
	background: #f10000;
	padding: 3%;
	text-align: center;
	font-weight: bold;
	font-size: 1.8rem;
	color: #fff;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	flex-direction: column;
}
.indexAlertHead span{display: block;}
.indexAlertList{
	flex: 1;
	margin: 0;
	background: #f0f0f0;
	padding: 3%;
	list-style-type: none;
}
.indexAlertList li{
	padding: 0;
}
.indexAlertList li a{
	display: block;
	color: #FF0004;
	font-weight: bold;
	font-size: 1.8rem;
	position: relative;
	padding:1% 1% 1% 2.5rem;
	
}
.indexAlertList li a:before{
	position: absolute;
	content: "";
	border-radius: 50%;
	width: 4px;
	height: 4px;
	background: #FF0004;
	left:10px;
	top: 0;
	bottom: 0;
	margin: auto;
}
.indexAlertList li a:hover{background: #fff;}
.oshirase_red{
	width: 96%;
	margin: 10px auto 30px auto;
	background: #FF0004;
	color: #fff;
	font-weight: bold;
	font-size: 1.8rem;
	padding: 15px;
}
/*=====================
　index
=====================*/
.mv{
	width: 96%;
	margin: 0 auto;
}
.mv img{
	width: 100%;
	height: auto;
}
.slideWrap{
	width: 96%;
	margin: 0 auto;
}
.slide div img{
	width: 100%;
	height: auto;
}
.slick-dots li button:before{
	color: #fff!important;
	opacity: .50!important;
}
.slick-dots li.slick-active button:before{
	opacity: 1!important;
	color: #00a0c6!important;
}
.slick-dots{bottom: 20px!important;}
.pcNavWrap{
	width: 96%;
	margin: 0 auto;
}
.slick-dots li button:before{
	font-size:15px!important;
}
.indexNav{
	list-style: none;
	display: flex;
	justify-content: center;
	margin: 4% 0;
}
.indexNav li{
	width: 15%;
	max-width: 160px;
	margin: 0 3%;
	display: flex;
}
.indexNav li a{
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 3%;
	border-radius: 5px;
	text-align: center;
	font-weight: bold;
	color: var(--to-linkColorB);
}
.indexNav li a:hover{
	/*background:#e5eaf5*/
	background:var(--to-NavHover);
}
.indexNav li a span{
	display: block;
	margin-bottom: 10px;
	margin: 0 auto;
}
.indexMain{
	display: flex;
	flex-wrap: wrap;
}
.indexInfoWrap{
	width: 50%;
	/*background: #f4f4f3;*/
	background:var(--to-bgColorG);
	padding: 6% 4%;
	border-top: 1px solid var(--to-borderG);
	border-right: 1px solid var(--to-borderG);
	border-bottom: 1px solid var(--to-borderG);
}
.indexInfoWrap h3{
	font-size: 3.2rem;
	margin-bottom: 6%;
}
.indexInfoWrap ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
	height: 680px;
	overflow: auto;
}
.indexInfoWrap ul::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}
.indexInfoWrap ul::-webkit-scrollbar-track {
	border-radius: 5px;
	background:#fff;
}
.indexInfoWrap ul::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background: #00a0c6;
}
.indexInfoWrap ul li{width: 100%;}
.indexInfoWrap ul li a{
	display: block;
	width: 100%;
	padding: 1.5% 3%;
	font-size: 1.4rem;
	/*border-bottom: 1px solid #e3e3e3;*/
	border-bottom: 1px solid var(--to-borderG2);
	color: var(--to-linkColorB);
}
.indexInfoWrap ul li a:hover{
	/*background: #fff;*/
	background:var(--to-NavHover);
}
.indexInfoWrap ul li a span{
	display: inline-block;
	font-weight: bold;
	font-size: 1.2rem;
	padding: 0.2% 1%;
	background: #00a0c6;
	color: #fff;
	margin-left: 5px;
}
.indexInfoWrap ul li a p{
	font-weight: bold;
	font-size: 1.6rem;
	color: var(--to-linkColorB);
}
.indexInfoMore{
	width: 100%;
	margin-top: 6%;
}
.indexInfoMore a{
	display: block;
	width: 100%;
	text-align: center;
	font-weight: bold;
	background: #00a0c6;
	padding: 3%;
	color: #fff;
}
.indexInfoMore a:hover{opacity: 0.8}
.indexSubMenuWrap{
	width: 50%;
	padding: 0 3%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: space-between;
}
.indexSubMenuWrap ul{
	list-style-type: none;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.indexSubMenuWrap ul li{
	width: 49%;
	display: flex;
	text-align: center;
	justify-content: center;
	flex-wrap: wrap;
	border: 2px solid var(--to-borderG2);
	margin-bottom: 3%;
}
.indexSubMenuWrap ul li a{
	display: block;
	font-weight: bold;
	padding: 16%;
	width: 100%;
	color: var(--to-linkColorB);
}
.indexSubMenuWrap ul li a:hover{background: var(--to-NavHover);}
.indexSubMenuWrap ul li a span{
	display: block;
	margin-bottom: 3%;
}
.indexSubMenuImgLink{
	padding: 0!important;
}
.indexSubMenuImgLink a{
	padding: 0!important;
}
.indexSubMenuImgLink a img{
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
.indexSubMenuLong{
	width: 100%!important;
	border: none;
	display: block;
	padding: 0;
	font-size: 0;
}
.indexSubMenuLong a{
	width: 100%!important;
	border: none;
	display: block;
	padding: 0!important;
	font-size: 0;
}
.indexSubMenuLong img{
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
.indexNewWin,.indexSubMenuMore{position: relative;}
.indexNewWin:before,
.indexSubMenuMore:before{
	position: absolute;
	content: "";
	width: 22px;
	height: 22px;
	right: 10px;
	bottom: 10px;
	margin: auto;
}
.indexNewWin:before{
	background: url("../../img/newwinIcon.png") no-repeat;
	background-size: contain;
}
.indexSubMenuMore:before{
	background: url("../../img/rightArrow.png") no-repeat;
	background-size: contain;
}


/*=====================
　footer
=====================*/
.indexFooter{
	width: 100%;
	padding: 5% 2%;
	background: #445985;
	display: flex;
	justify-content: space-around;
}
.indexFooterAdress{
	color: #fff;
	padding-left: 2%;
}
footer{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 6%;
}
.sitemapWrap{
	width: 50%;
	background: var(--to-bgColorG);
	padding: 3%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
}
.sitemap{
	width: 50%;
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.sitemap li{
	position: relative;
	padding:0 15px;
	margin-bottom: 12px;
}
.sitemap li:before{
	position: absolute;
	content: "-";
	left: 0;
	margin: auto;
}
.sitemap li a{
	font-weight: bold;
	color: var(--to-linkColorB);
}
.footerAdress{
	width: 50%;
	background: #445985;
	padding: 3%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex-wrap: wrap;
}
.footerAdress h1,.footerAdress p{
	width: 100%;
	color: #fff;
	text-align: center;
	line-height: 2;
}

.footerMenu{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	list-style-type: none;
	margin-top: 6%;
}
.footerMenu li{border-right: 1px solid var(--to-borderB);}
.footerMenu li:last-child{border-right: none;}
.footerMenu li a{
	padding: 0 20px;
	color: var(--to-linkColorB);
}
.copy{
	width: 100%;
	text-align: center;
	padding: 6%;
}
#page_top{
	width: 50px;
	height: 50px;
	position: fixed;
	right: -50px;
	bottom: 0;
	background: #00a0c6;
	opacity: 0.6;
}
#page_top a{
	position: relative;
	display: block;
	width: 50px;
	height: 50px;
	text-decoration: none;
}
#page_top a::before{
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f062';
	font-size: 25px;
	color: #fff;
	position: absolute;
	width: 25px;
	height: 25px;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
}
/*=====================
　spage
=====================*/
.spageMain{
	width: 100%;
}
.title{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 1024px;
	margin: 0 auto;
	padding: 3% 0 2% 0;
	font-weight: bold;
	font-size: 2.4rem;
}
.title span{
	display: block;
	width: 50px;
	height: 50px;
	margin-right: 10px;
}
.title span img{
	width: 100%;
	height: auto;
}
.pankuzu{
	width: 1024px;
	margin: 0 auto;
	padding-bottom: 3%;
}
.pankuzu a{
	font-weight: bold;
	color: var(--to-linkColor);
}
.spageIndexWrap{
	width: 1024px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.spageIndex{
	width: 48%;
	margin-bottom: 3%;
}
.spageIndexIcon{
	width: 132px;
	height: 132px;
	margin: 0 auto 2% auto;
}
.spageIndexIcon img{
	width: 100%;
	height: auto;
}
.nolink{
	width: 100%;
	background: #00a0c6;
	padding: 3% 30px 3% 3%;
	color: #fff;
	font-weight: bold;
	line-height: 1.2;
}
.spageIndexHead{
	width: 100%;
}
.spageIndexHead a{
	display: block;
	position: relative;
	background: #00a0c6;
	padding: 3% 30px 3% 3%;
	color: #fff;
	font-weight: bold;
	line-height: 1.2;
}
.spageIndexHead a:before{
	position: absolute;
	font-family: 'Font Awesome 5 Free';
	content: '\f054';
	width: 20px;
	height: 20px;
	margin: auto;
	right: 5px;
	top: 0;
	bottom: 0;
	color: #fff;
}
.spageIndexHead a:hover{
	opacity: 0.8;
}
.spageIndexList{
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.spageIndexList li{
	border-bottom: 1px solid #d5e7eb;
}
.spageIndexList a{
	display: block;
	padding: 3% 30px 3% 3%;
	font-weight: bold;
	position: relative;
	color: var(--to-linkColorB);
}
.spageIndexList a:before{
	position: absolute;
	font-family: 'Font Awesome 5 Free';
	content: '\f054';
	width: 20px;
	height: 20px;
	margin: auto;
	right: 5px;
	top: 0;
	bottom: 0;
	color: #00a0c6;
}
.spageIndexList a:hover{
	background: #e5eaf5;
}
.newwin{
	display: inline-block;
	width: 17px;
	height: 17px;
	font-size: 0;
	margin-left: 5px;
}
.newwin img{
	width: 100%;
	height: auto;
	vertical-align:-0.2rem;
}
/*========大枠=========*/
article{
	width: 1024px;
	margin: 0 auto;
}
article h3{
	width: 100%;
	background: #00a0c6;
	font-weight: bold;
	font-size: 2.4rem;
	color: #fff;
	padding: 3%;
}
/*========テキスト枠=========*/
.spageTextBox,.spageTextBox p,.basicList,.asteriskList,.imgBox,.movieBox{margin-top: 3%;}
.spageTextBox{width: 100%;}
.spageTextBox p{
	width: 100%;
	line-height: 1.8;
}
.spageTextBox p a,.basicList li a,.asteriskList li a,.numberList li a{
	color: var(--to-linkColor);
	font-weight: bold;
}
.spageTextBox h4{
	width: 100%;
	background: url("../../img/barImg.png") no-repeat;
	background-position: center left 10px;
	border: 2px solid var(--to-borderBlue);
	padding: 15px 15px 15px 50px;
	font-weight: bold;
	font-size: 1.8rem;
}
.spageTextBox h5{
	width: 100;
	margin: 3% 0 0 0;
	font-weight: bold;
	font-size: 1.6rem;
	padding: 1%;
	border-top: 2px solid var(--to-borderBlue);
	border-bottom: 2px solid var(--to-borderBlue);
}

.spageTextBox h6{
	width: 100;
	margin: 3% 0 0 0;
	font-weight: bold;
	font-size: 1.6rem;
	padding: 5px 1%;
	border-left: 4px solid var(--to-borderBlue);;
	background: #ebebeb;
	color: var(--to-fontH6);
}
.spageBorderBox{
	border: 2px solid var(--to-borderBlue);;
	padding: 0 3% 3% 3%;
}
.spageBorderBoxRed{
	border: 2px solid #f10000;
	padding: 0 3% 3% 3%;
}
/*========flex=========*/
.spageFlex{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-top: 3%;
}
.spageFlexBox60{width: 60%;line-height: 1.8;}
.spageFlexBox35{width: 35%;line-height: 1.8;}
.spageFlexBox50{width: 50%;line-height: 1.8;}
.spageFlexBox45{width: 45%;line-height: 1.8;}
.spageFlexBox30{width: 30%;line-height: 1.8;}
/*========基本リスト=========*/
.basicList,.asteriskList{
	padding: 0;
	margin:3% 0 0 0;
	list-style-type: none;
}
.basicList li,.asteriskList li{
	position: relative;
	padding-left: 20px;
	line-height: 1.8;
}
.basicList li:before{
	position: absolute;
	content: "■";
	color: var(--to-fontColorBlue);
	margin: auto;
	left: 0;
	bottom: 0;
	top: 0;
}
/*========※リスト=========*/
.asteriskList li:before{
	position: absolute;
	content: "※";
	margin: auto;
	left: 0;
	bottom: 0;
	top: 0;
}
/*========ファイル付きリスト=========*/

/*通常*/
.listFileWrap{
	display: flex;
	flex-wrap: wrap;
	margin:3% 0 0 0;
}
.listFileWrap dt{
	width: 50%;
	position: relative;
	padding: 5px 20px;
}
.listFileWrap dt:before{
	content: "■";
	color: var(--to-fontColorBlue);
	position: absolute;
	left: 0;
	margin: 0 auto;
}
.listFileWrap dd{
	flex: 50%;
	display: flex;
	flex-wrap: nowrap;
	padding: 5px 0;
}
/*ファイル名が長い*/
.listFileWrap_l{
	display: flex;
	flex-wrap: wrap;
	margin:3% 0 0 0;
}
.listFileWrap_l dt{
	width: 70%;
	position: relative;
	padding: 5px 20px;
}
.listFileWrap_l dt:before{
	content: "■";
	color: var(--to-fontColorBlue);
	position: absolute;
	left: 0;
	margin: 0 auto;
}
.listFileWrap_l dd{
	flex: 30%;
	display: flex;
	flex-wrap: nowrap;
	padding: 5px 0;
}

.filePDF,.fileWord,.fileExcel{
	display: block;
	position: relative;
	padding-left: 25px;
	color: var(--to-linkColor);
}
.filePDF:before,.fileWord:before,.fileExcel:before{
	content: "";
	position: absolute;
	width: 25px;
	height: 25px;
	left: 0;
	margin: 0 auto;
}
.filePDF:before{
	background: url("../../img/iconPDF.png")no-repeat;
	background-size: contain;
}
.fileWord:before{
	background: url("../../img/iconWord.png")no-repeat;
	background-size: contain;
}
.fileExcel:before{
	background: url("../../img/iconExcel.png")no-repeat;
	background-size: contain;
}
/*========数字リスト=========*/
.numberList{
	counter-reset: item;
	list-style-type: none;
	padding-left: 0;
	margin-top: 3%;
}
.numberList li{
	text-indent: -1.6rem;
	padding: 5px 0 5px 2rem;
}
.numberList li:before {
	counter-increment: item;
	content: counter(item)'.';
	padding-right: .5em;
	font-weight: bold;
	color: var(--to-fontColorBlue);
}
.numberNone{
	margin: 0;
	border: none!important;
	padding: 0;
}
.numberNone li{border: none!important;}
/*========画像リスト(中央2カラム)=========*/
.imgList2column{
	list-style-type: none;
	padding-left: 0;
	margin-top: 3%;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.imgList2column li{
	padding: 10px;
	text-align: center;
}
.imgList2column span{
	display: block;
	text-align: center;
	padding-top: 5px;
	font-size: 16px;
}

/*========基本テーブル=========*/
.basicTable{
	width: 100%;
	border-collapse: collapse;
	margin-top: 3%;
}
.basicTable thead{
	background: var(--to-tableHbg);
}
.basicTable *{
	border: 1px solid var(--to-borderBlue);
	padding: 5px;
	vertical-align: middle;
}
.basicTable tbody th a,.basicTable tbody td a{
	color: var(--to-linkColor);
	font-weight: bold;
	border: none!important;
	padding: 0!important;
}
.basicTable thead th br,
.basicTable thead td br,
.basicTable tbody th br,
.basicTable tbody td br
{
	border: none!important;
	padding: 0!important;
}
/*========枠線なしテーブル=========*/
.noBorderTable{
	width: 100%;
	border: 0;
	border-collapse: collapse;
	margin-top: 3%;
	padding: 0;
}
/*========テーブル内リスト=========*/
.listInTable{
	list-style-type: none;
	padding: 0!important;
	margin: 5px 0!important;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	border: 0!important;
}
.listInTable li{
	width: 100%;
	position: relative;
	border: 0!important;
	padding: 0 0 0 20px!important;
}
.listInTable li p{
	border: 0!important;
	padding: 0!important;
	margin: 0!important;
	width: auto;
	display: inline-block;
}
.listInTableFile{
	display: inline-block;
	margin-left: 25px;
}
.listInTableFile:before{
	left: -18px;
}

.listInTable li:before{
	position: absolute;
	content: "■";
	color: var(--to-fontColorBlue);
	margin: auto;
	left: 0;
	bottom: 0;
	top: 0;
}
.noBorderTable th,.noBorderTable td{padding: 5px;}
/*========テキスト位置(table)=========*/
.tableTextL{text-align: left}
.tableTextC{text-align: center}
.tableTextR{text-align: right}
/*========ボーダー(table)=========*/
.tableBorderT{border-top: 1px solid var(--to-borderBlue)}
/*========背景色(table)=========*/
.tableBg{background: var(--to-tableHbg);}
/*========画像=========*/
.imgBox{width: 100%;}
.imgBox span{
	display: block;
	text-align: center;
	padding-top: 5px;
	font-size: 16px;
}
.imgBox img{
	width: 100%;
	height: auto;
}
.imgBoxSizeKeep{
	width: 100%;
	text-align: center;
}
.imgCaption{
	width: 100%;
	text-align: center;
	font-size: 1.4rem;
}
/*========ボタン=========*/
.btn{
	padding: 15px;
	text-align: center;
	font-weight: bold;
	font-size: 1.6rem;
	background: #00a0c6;
	color: #fff!important;
	border-radius: 10px;
}
.btn:hover{opacity: 0.8;}
/*========更新日=========*/
.update{
	width: 100%;
	text-align: right;
}
/*========文字色=========*/
.textColorRed{color: #ef4246;}
.textColorBlue{color:#1843A8;}
/*========文字の太さ=========*/
.textBold{font-weight: bold;}
/*========文字位置=========*/
.textRight{text-align: right;}
.textCenter{text-align: center;}
.textBreak{word-break:break-all}
/*========担当課枠=========*/
.belongsBox{
	width: 100%;
	border: 2px solid var(--to-borderN);
	padding: 3%;
	display: flex;
	margin-top: 6%;
}
.belongsHead{
	width: 25%;
	font-weight: bold;
	font-size: 1.8rem;
	color: var(--to-fontColorN);
}
.belongs a{
	color: var(--to-linkColorN);
	font-weight: bold;
}
.belongs span{
	display: block;
	font-weight: bold;
	font-size: 1.8rem;
}
/*========movie=========*/
.movie520{
	width: 100%;
	max-width: 520px;
	height: auto;
	margin: 0 auto;
}
.movie520 > video{
	width: 100%;
	height: auto;
}

/*=====================
　alert
=====================*/
/*
.alertinfoWrap{padding-top: 3%;}
.alertH3{background:#ff0004!important;}
.ta-l{text-align: left}
.ta-c{text-align: center}
.ta-r{text-align: right}
.alertImage{margin-bottom: 10px;}
.ta-l{
	margin-left: 0;
	margin-right: auto;
}
.ta-c{
	margin-left: auto;
	margin-right: auto;
}
.ta-r{
	margin-left: auto;
	margin-right: 0;
}
.alertDisc{
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.alertDisc li{
	position: relative;
	padding-left: 20px;
	line-height: 1.8;
}
.alertDisc li:before{
	position: absolute;
	content: "■";
	color: #00a0c6;
	margin: auto;
	left: 0;
	bottom: 0;
	top: 0;
}
.alertNumber{
	counter-reset: item;
	list-style-type: none;
	padding-left: 0;
}
.alertNumber li{
	text-indent: -1.6rem;
	padding: 5px 0 5px 2rem;
}
.alertNumber li:before {
	counter-increment: item;
	content: counter(item)'.';
	padding-right: .5em;
	font-weight: bold;
	color: #00a0c6;
}
.alertTable{
	width: 100%;
	border-collapse: collapse;
}
.alertTable th{background: #e5eaf5;}
.alertTable th,.alertTable td{
	border: 1px solid #00a0c6;
	padding: 5px;
	vertical-align: middle;
}
.alertTable th a,.alertTable td a{
	color: #00a0c6;
	font-weight: bold;
	border: none!important;
	padding: 0!important;
}
*/
/*=====================
　info
=====================*/
.infoList{
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.infoList li a{
	display: block;
	width: 100%;
	padding: 3%;
	font-size: 1.4rem;
	border-bottom: 1px solid var(--to-borderG);
	color: var(--to-linkColorB);
}
.infoList li a:hover{background: var(--to-NavHover);}
.infoList li a span{
	display: inline-block;
	font-weight: bold;
	font-size: 1.2rem;
	padding: 0.2% 1%;
	background: #00a0c6;
	color: #fff;
	margin-left: 5px;
}
.infoList li a p{
	font-weight: bold;
	font-size: 1.6rem;
	color: var(--to-linkColorB);
}
/*=====================
　ryoukin
=====================*/
.ryoukin-touitu{
	border: 2px solid #ebebeb;
	padding: 1%;
}
.ryoukin-touituTable{
	width: 100%;
	border-collapse: collapse;
}
.ryoukin-touituTable tbody td{padding: 1%;}
.paymentLink{
	display: block;
	text-align: center;
	color: #00a0c6;
	font-weight: bold;
}
.paymentFlex:after{
	content:"";
	display: block;
	width:30%;
}
.keisanBox{
	width: 100%;
	max-width: 600px;
	margin: 3% auto 0 auto;
	border: 2px solid var(--to-borderBlue);
	padding: 20px;
}
.keisanBox p{padding-bottom: 15px;}
.keisanHead{
	width: 100%;
	font-weight: bold;
	font-size: 1.8rem;
	color: #00a0c6;
	padding: 10px 0;
}
#caliber{
	width: 100%;
	font-size: 1.6rem;
	padding: 5px;
}
#month{
	font-size: 1.6rem;
	padding: 5px;
}
#amount{
	width: 100%;
	font-size: 1.6rem;
	padding: 5px;
	margin-bottom: 15px;
}
.keisanBtnWrap{
	display: flex;
	justify-content: center;
	padding: 15px 0;
}
.keisanBtn{
	width: 50%;
	max-width: 200px;
	background: #00a0c6;
	color: #fff;
	font-weight: bold;
	font-size: 1.8rem;
	text-align: center;
	margin: 0 5px;
	border-radius: 5px;
	border: none;
	padding: 5px;
}
.keisanReset{
	border-radius: 5px;
	border: 1px solid #bebebe;
	color: #39414f;
}
.keisanKekka{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	padding-top: 40px;
}
.keisanKekka::before{
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 25px 0 25px;
	border-color: var(--to-borderBlue) transparent transparent transparent;
	top:10px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.keisanKekka dt{
	width: 25%;
	font-weight: bold;
	font-size: 1.8rem;
	padding: 5px;
}
.keisanKekka dd{
	width: 75%;
	font-size: 1.8rem;
	padding: 5px;
}
.keisanKekka dd > input[type="text"]{
	width: 90%;
	padding: 5px;
	font-size: 2rem;
	margin-right: 5px;
	text-align: right;
}
/*=====================
　contact
=====================*/
.gyoushaFlex::before{
	content:"";
	display: block;
	width:24%;
	order:1;
}
.gyoushaFlex::after{
	content:"";
	display: block;
	width:24%;
}
.gyoushaBtn{
	width: 24%;
	display: flex;
	margin-top: 10px;
}
.gyoushaBtn a{
	width: 100%;
	background: #00a0c6;
	color: #fff;
	text-align: center;
	padding: 5%;
	border-radius: 10px;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
}
.gyoushaBtn a:hover{
	opacity: 0.8;
}
/*=====================
　suidou
=====================*/
/*========ayumi=========*/
.ayumiWrap{
	position: relative
}
.ayumiWrap:before{
	position: absolute;
	content: "";
	border-left: 1px solid var(--to-borderBlue);
	height: 100%;
	left: 9px;
	top: 20px;
}
.ayumiAge{
	width: 100%;
	font-weight: bold;
	font-size: 2.4rem;
	color: var(--to-fontColorBlue);
	position: relative;
	padding: 10px 0 10px 40px;
}
.ayumiAge:before{
	position: absolute;
	content: "●";
	font-size: 2.4rem;
	color: #00a0c6;
	left: 0;
}
.ayumiAgeP{margin-top: 24px;}
.ayumiTextWrap{
	width: 100%;
	position: relative;
	display: flex;
	padding-left: 40px;
}
.ayumiTextWrap:before{
	position: absolute;
	content: "●";
	font-size: 1.6rem;
	color: #a5dae6;
	left: 3px;
	top: 8px;
}
.ayumiDate{
	width: 100px;
	border-bottom: 1px solid var(--to-borderG2);
	padding: 8px;
	font-weight: bold;
}
.ayumiText{
	flex: 1;
	border-bottom: 1px solid var(--to-borderG2);
	padding: 8px;
}
.situation{
	width: 100%;
	display: flex;
	align-items: baseline;
}
.situation span{
	width: 100px;
	display: block;
	padding: 2px 6px;
	background: #00a0c6;
	text-align: center;
	font-weight: bold;
	color: #fff;
	font-size: 1.4rem;
}
.situationText{padding: 2px 6px;}
/*=====================
　qa
=====================*/
.qaCat{
	width: 45%;
	margin-top: 3%;
}
.qaCat a{
	display: block;
	padding: 6%;
	border: 4px solid #a5dae6;
	position: relative;
	color: var(--to-linkColorB);
}
.qaCat a:hover{background: var(--to-NavHover);}
.qaCat a:before{
	position: absolute;
	content: "";
	background: url("../../img/rightArrow.png");
	background-size: contain;
	width: 24px;
	height: 24px;
	top: 0;
	bottom: 0;
	right: 10px;
	margin:auto;
}
.qaCat a h4{
	width: 100%;
	text-align: center;
	font-weight: bold;
	font-size: 2.4rem;
	color: var(--to-fontColorBlue);
	margin-bottom: 3%;
}
.qaCat a span{color: var(--to-fontColorBlue);}
.qaList{
	width: 100%;
	padding: 0;
	margin:3% 0 0 0;
	list-style-type: none;
}
.qaList li{border-bottom: 1px solid var(--to-borderG2);}
.qaList li:first-child{border-top: 1px solid var(--to-borderG2);}
.qaList li a{
	display: flex;
	padding: 2%;
	color: var(--to-linkColorB);
}
.qaList li a:hover{background: var(--to-NavHover);}
.qaList li a span{
	display: block;
	width: 40px;
	color: var(--to-fontColorBlue);
	font-weight: bold;
}
.qaList li a p{flex:1;}

/*=====================
　trouble
=====================*/
.troubleText{
	font-weight: bold;
	font-size: 2.2rem;
	color: var(--to-fontColorBlue);
}
.troubleBtn{
	width: 100%;
	max-width: 400px;
	margin: 15px auto;
}
.troubleBtn a{
	display: block;
	padding: 15px;
	text-align: center;
	font-weight: bold;
	font-size: 2.2rem;
	background: #00a0c6;
	color: #fff!important;
	border-radius: 10px;
}
.troubleBtn a:hover{opacity: 0.8;}
/*=====================
　accessMap
=====================*/
.accessAdressWrap{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 3%;
}
.accessAdress{flex:1;}
.accessBtn a{display: block}
.accessBtn{width: 150px;}
.accessMap{margin-top: 20px;}
.accessMap img{
	width: 100%;
	height: auto;
}
/*=====================
　shiharai
=====================*/
.shiharaiBtn1{
	width: 400px;
	margin: 0 auto;
}
.shiharaiBtn1 a{
	display: block;
	padding: 15px;
	text-align: center;
	font-weight: bold;
	font-size: 1.8rem;
	background: #feff00;
	color: #000!important;
	border-radius: 10px;
}