/*===============================================
●sp.css  画面の横幅が737px〜0pxまで
===============================================*/

@media screen and (max-width:737px){

	body{ -webkit-text-size-adjust: 100%;}
	.spNone{display: none;}
	/*=====================
	　header
	=====================*/
	header{padding: 3.5% 0 0 3%;}
	.drawer-menu li{width: 100%;}
	.spageHeader{padding: 3.5% 0 0 3%}
	/*==================
	2024ヘッダー改修
	==================*/
	.accordionVision, .accordionLanguage{width: 100%;}
	.accordionVision{margin-bottom: 5px;}
	.accordionVision summary,.accordionLanguage summary {
		min-width: auto;
		width: 100%;
		border: 1px solid #00a0c6;
	}
	.accordionVision > .vision {
		position:static;
		opacity: 0;
		top:auto;
		right: auto;
		margin: auto;
		padding: 10px;
		box-shadow:none;
	}
	.accordionLanguage > .language {
		position:static;
		opacity: 0;
		top: auto;
		left: auto;
		right: auto;
		margin: auto;
		width: 100%;
		box-shadow: none;
	}
	/*=====================
	　index
	=====================*/
	.slick-dots{bottom: 10px!important;}
	.indexInfoWrap,.indexSubMenuWrap{width: 100%;}
	.indexInfoWrap ul{height: 300px;}
	.indexInfoWrap ul li a{padding: 3%;}
	.indexInfoWrap ul li a span{
		width: 40px;
		text-align: center;
	}
	.indexSubMenuWrap{margin-top: 3%;}
	/*=====================
	　footer
	=====================*/
	.indexFooterAdress{font-size: 1.4rem;}
	.copy{font-size: 1.2rem;}
	.footerAdress{
		padding: 12% 3%;
	}
	.footerAdress p{font-size: 1.4rem;}
	.footerMenu{border-bottom: 2px solid #e0e0e0}
	.footerMenu li{
		width: 50%;
		border-right: 2px solid #e0e0e0;
		border-top: 2px solid #e0e0e0;
	}
	.footerMenu li:nth-child(2n){border-right: none;}
	.footerMenu li a{
		display: block;
		padding: 10% 5%;
		text-align: center;
	}
	/*=====================
	　spage
	=====================*/
	.spageIndex{width: 100%;}
	.spageTextBox,.spageTextBox p,.basicList,.asteriskList,.imgBox{margin-top: 6%;}
	.title,.pankuzu,.spageIndexWrap,article{width: 90%;}
	/*========ファイル付きリスト=========*/
	.listFileWrap dt,.listFileWrap_l dt{width: 100%;}
	.listFileWrap dd,.listFileWrap_l dd{
		width: 100%;
		margin-bottom: 3%;
	}
	/*========flex=========*/
	.spageFlexBox60,.spageFlexBox35,.spageFlexBox50,.spageFlexBox45,.spageFlexBox30{
		width: 100%;
		margin-top: 10px
	}
	/*========担当課枠=========*/
	.belongsBox{flex-wrap: wrap;}
	.belongsHead,.belongs{
		width: 100%;
		text-align: center;
	}
	.ayumiTextWrap,.situation{flex-wrap: wrap}
	.ayumiDate,.ayumiText,.situation span{width: 100%;}
	.ayumiDate{
		border-bottom: none;
		padding: 8px 8px 0 8px;
	}
	.situation span{margin-top: 8px;}
	/*=====================
	　qa
	=====================*/
	.qaCat{width:100%}
	/*=====================
	ryoukin
	=====================*/
	.keisanKekka dt,.keisanKekka dd{width: 100%;}
	/*=====================
	contact
	=====================*/
	.gyoushaBtn{width: 48%}
	/*=====================
	　accessMap
	=====================*/
	.accessAdress{
		width: 100%;
		margin-bottom: 10px;
	}
	.accessBtn{width: 100%;}
	/*=====================
	　shiharai
	=====================*/
	.shiharaiBtn1{width: 250px;}
}
/*===============================================
●sp.css  横向き
===============================================*/
@media screen and (max-width:812px) and (orientation: landscape) {
	.spageHeader{padding: 1.5% 0 0 1.5%}
}