@charset 'utf-8';

/* ---------------------------------
	Inner制御用
--------------------------------- */

@media (max-width: 1280px) {

	.content-inner,
	.header-inner,
	.footer-inner {
		padding-right: 0.5rem;
		padding-left: 0.5rem;
	}
	
	.breadcrumbs ol {
		padding-right: 0.5rem;
		padding-left: 0.5rem;
	}

}

/* ---------------------------------
	タブレット以下
--------------------------------- */

@media (max-width: 960px) {

	.header-menu {
		display: none;
	}

}

/* ---------------------------------
	タブレット以上
--------------------------------- */

@media (min-width: 641px) {
	
	.only-sp {
		display: none;
	}
	
	.link-tel {
		pointer-events: none;
	}

	.footer-wrapper {
		display: grid;
		gap: 3rem;
		grid-template-columns: repeat(2, 1fr);
	}

	.footer-link-list {
		grid-template-columns: repeat(4, 1fr);
	}
	
	/* Post */
	
	.post-image-columns {
		grid-template-columns: 20rem 1fr;
	}
	
	/* Column */
	
	.columns-container {
		display: grid;
		gap: 3rem;
		grid-template-columns: 1fr 20rem;
		align-items: start;
	}
	
	.column img {
		width: 320px;
	}

}

/* ---------------------------------
	スマートフォン用
--------------------------------- */

@media (max-width: 640px) {

	.content-inner {
		padding: 5rem 0.5rem;
	}

	/* Header */

	.header-inner {
		padding: 0.5rem;
	}

	.header-logo {
		width: 160px;
	}

	.header-logo p {
		display: none;
	}

	.header-info {
		display: none;
	}

	/* Footer */

	.footer-wrapper {
		display: flex;
		flex-wrap: wrap;
	}

	.footer-access {
		width: 100%;
		order: 2;
	}

	.access-buttons a {
		font-size: 0.9em;
	}

	.footer-info {
		width: 100%;
		margin-bottom: 3rem;
		order: 1;
	}
	
	/* Column */
	
	.columns {
		margin-bottom: 3rem;
	}
	
	.column p {
		font-size: 14px;
	}

}