/*===============================================
●sp.css  画面の横幅が767px〜0pxまで
===============================================*/

@media screen and (max-width:767px){

	/* body{
		 -webkit-text-size-adjust: 100%;
	} */
	header,footer{
		background-size: 50%;
	}
	.headerTtl {
		font-size: 3.5rem;
		width: 100%;
		text-align: center;
		margin-bottom: 30px;
	}
	.conceptWrap{
		flex-direction: column;
	}
	.conceptTxt{
		width: 100%;
		font-size: 1.5rem;
		width: 100%;
		font-size: 1.5rem;
		text-align: center;
		margin-bottom: 30px;
	}
	.conceptImg{
		width: 50%;
	}
	.linkItem,.linkItem:nth-child(odd){
		width: 100%;
		margin-right: 0;
	}
	.linkList li{
		margin-bottom: 15px;
	}
	.footerTtl{
		font-size: 1.5rem;
	}
	.footerCenter{
		font-size: 2.5rem;
	}
	.footerContactWrap{
		flex-direction: column;
	}
	.footerContactWrap a{
		width: 100%;
		margin-right: 0;
		padding: 20px 0;
	}
	/*ポータルサイト誘導*/
	.guidance {
		padding: 0 6% 0 6%;
	}
	.guidance .txt {
		font-size: 1.3rem;
		padding: 20px;
	}
	.portalLink a {
		width: 100%;
	}
	.portalBg {
		height: calc(100vh - 45vh);
	}

}


/*===============================================
●sp.css  sp横向き
===============================================*/

@media screen and (max-width: 821px) and (orientation: landscape) {

	.linkImg{
		text-align: center;
	}
}
