@charset "UTF-8";

/* ====================================
	共通スタイル
 ==================================== */
/* 3カラム（インナー2カラム） */
.level .new-img {
	display: inline-block;
	background: #E6000D;
	color: #fff;
	padding: 0 0.6rem;
	margin: 1rem auto 0.2rem;
	font-size: 1.2rem;
	font-weight: 500;

}

.level ul.list-figures li {
	text-align: center;
}

.level .new-img+.sub-name,
.level .new-img+.name {
	margin-top: 0;
}

ul.list-figures.col3 ul.caption li {
	width: 100%;
}

ul.inner-flex .name {
	font-weight: 500;
	text-align: center;
	line-height: 1.4;
	margin-top: 0.6rem;
}

 /* 個別スタイル */
 #sub01 .small-text {
	margin-top: 1em;
}

/* ====================================
	スマートフォン専用スタイル
===================================== */
@media only screen and (max-width: 767px) {
	.pc-only {
		display: none;
	}

	.btn-arrow {
		display: block;
		text-align: center;
	}

	.btn-arrow a {
		padding: 0.7em 1em 0.7em 2em;
		display: block;
		font-size: 1.4rem;
	}

	/* 3カラム（インナー2カラム） */
	.level .new-img {
		margin: 0.8rem auto 0.2rem;
		font-size: 1rem;
	}

	ul.inner-flex.sp-col2 {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}

	ul.inner-flex.sp-col2 li {
		width: 42%;
		margin-top: 0rem;
		text-align: center;
		padding: 0 3%;
	}

	ul.inner-flex .name {
		font-size: 1.2rem;
	}



	ul.list-figures.sp-col2.center {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.col5-contaner.level ul.sp-col2 li {
		width: 46%;
		text-align: center;
		padding: 0 3%;
	}

	.g5-title {
		font-weight: 700;
		font-size: 1.5rem;
		margin-top: 1.2em;
	}

	.g5-text {
		font-size: 1.3rem;
		margin-top: 1em;
	}
}

/* ====================================
	PC&タブレット、印刷専用スタイル
===================================== */
@media print,
screen and (min-width: 768px) {
	ul.list-figures.col3.level {
		justify-content: flex-start;
	}

	/* 3カラム（インナー2カラム） */


	ul.inner-flex.col2 li {
		width: 49%;
		text-align: center;
	}

	.g5 ul.inner-flex.col2 li:first-child {
		margin-right: 1%;
	}

	ul.inner-flex.col2 li:nth-child(2) {
		margin-left: 1%;
	}

	ul.inner-flex {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	ul.list-figures.col3.level .list-item {
		margin-left: 3%;
	}

	ul.list-figures.col3.level .list-item:nth-child(3n-2) {
		margin-left: 0;
	}


	.col5-contaner.level ul.list-figures li .img {
		width: 100%;
		/* padding: 0% 6%; */
	}

	.col5-contaner.level ul.list-figures.col5 li {
		width: 20%;
		margin-left: 0%;
	}


	.col5-contaner.level ul.list-figures.col5 li:nth-child(5n-4) {
		margin-left: 0;
	}

	.col5-contaner.level .list-figures.col5 li:nth-of-type(n+4) {
		margin-top: 0;
	}

	.col5-contaner.level {
		padding-right: 20%;
	}

	/* .maxw860 {
		max-width: 860px;
	} */
	.flex-container.g5 {
		justify-content: center;
	}

	.flex-container.g5 .flex-item.left {
		width: 33%;
		align-items: center;
		display: flex;
	}

	.flex-container.g5 .flex-item.right {
		width: 58%;
		padding: 0 1% 0 4%;
	}

	.g5-title {
		font-weight: 700;
		font-size: 1.6rem;
		margin-top: 2em;
	}

	.g5-text {
		font-size: 1.4rem;
		margin-top: 1em;
	}

	ul.inner-flex .name {
		font-size: 1.4rem;

	}
}

/* ====================================
	タブレット、印刷専用スタイル
===================================== */
@media only screen and (min-width: 768px) and (max-width: 1079px) {
	.pc-only {
		display: none;
	}
}

/* ====================================
	PC大画面専用スタイル
===================================== */
@media only screen and (min-width: 1080px) {
	.tab-only {
		display: none;
	}
}