/*===============================================
●tablet.css  画面の横幅が1024px〜769pxまで
===============================================*/

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

	/* body{
		 -webkit-text-size-adjust: 100%;
	}
	
	img {
		max-width: 100%;
		width: 100%;
		height: auto;
	}

	table {
		margin-bottom: 30px;
	} */
	header,footer{
		background-size: 30%;
	}
	.displayPC{
		display: none;
	}
	.displaySP{
		display: block;
	}
	.conceptWrap {
		padding: 0 5%;
		margin-bottom: 80px;
	}
	.linkWrap {
		padding: 0 5%;
		margin-bottom: 20px;
	}
	.linkItem {
		width: 48%;
		margin-bottom: 30px;
	}
	.linkItem:not(:nth-child(4)) {
		margin-right: 0;
	}
	.linkItem:nth-child(odd){
		margin-right:4%;
	}
	.linkTtl {
		font-size: 3rem;
	}
	.linkList ul {
		margin: 0 10px;
	}
	.linkList li a {
		font-size: 1.75rem;
	}
	.linkList li a:active{
		opacity: 0.5;
	}
	.linkList li a:hover::after{
		width: 0%;
	}
	.linkList li:before {
		top: 1rem;
	}
	.linkList li a.lineBtn {
		max-width: 50%;		
	}
	.footerContactWrap a:hover{
		background-color:rgba(0,0,0,0);
	}
	.footerContactWrap a:active{
		opacity: 0.5;
	}
	.footerContactWrap a[href*="tel:"] {
		pointer-events: auto;
		cursor: default;
		text-decoration: none;
	}
	/*ポータルサイト誘導*/
	.portalBg {
		background-size: cover;
		background-position: top;
	}
	.guidance {
		margin-bottom: 40px;
	}
}

/*===============================================
●tablet.css  tablet横向き
===============================================*/
@media screen and (max-width:1024px) and (orientation: landscape) {

	/* img {
		max-width: 100%;
		width: 100%;
		height: auto;
	} */


}