@charset "UTF-8";

/* ===============================
	PC / Tab
=============================== */
@media print , screen and (min-width: 481px) {
	/* グラフ */
	.graph .ttl {
		font-size: 1.7rem;
		font-weight: 500;
		margin-top: 4rem;
	}
	.graph .ttl:first-of-type {
		margin-top: 0;
	}
	.graph .ttl span {
		font-size: 0.7em;
	}
	.graph .text {
		font-size: 1.4rem;
		margin-top: 0.25em;
	}
	.graph img {
		margin-top: 1rem;
	}
	/* 効果 */
	.effect-container {
		padding-left: 0.5em;
		margin-top: 2rem;
		font-size: 1.8rem;
		line-height: 1.8;
		border-left: solid 5px #bc0001;
	}
	.effect-container .ttl {
		margin-right: 0.5em;
		font-weight: 500;
		color: #bc0001;
	}
	.effect-container .text {
		font-size: 1.4rem;
	}
	.effect-container .effect-text {
		font-weight: bold;
	}
	/* セクション別スタイル */
	#sub01 .flex-order {
		display: flex;
		flex-wrap: wrap;
	}
	#sub01 .flex-order .flex-order-child {
		width: 100%;
	}
	#sub01 .flex-order .flex-order-child:first-of-type {
		order: 2;
	}
	#sub01 .flex-order .flex-order-child:nth-of-type(2) {
		order: 1;
	}
	#sub02 .sub-img .text {
		margin-top: 0.25em;
		font-size: 1.4rem;
	}
	#sub02 .cap-text {
		color: #fff;
		bottom: 0.25em;
		right: 0.5em;
	}
  .capTextR {
    margin-top: 0.5em;
}
}

/* ===============================
	mobile
=============================== */
@media screen and (max-width: 480px) {
	/* グラフ */
	.graph .ttl {
		margin-top: 2rem;
		font-weight: bold;
	}
	.graph .ttl span {
		display: block;
		font-size: 1rem;
		font-weight: normal;
	}
	.graph .text {
		font-size: 0.94rem;
		margin-top: 0.5em;
	}
	.graph img {
		margin-top: 1rem;
	}
	/* 効果 */
	.effect-container {
		padding-left: 0.5em;
		margin-top: 2rem;
		border-left: solid 5px #bc0001;
	}
	.effect-container .ttl {
		margin-right: 0.5em;
		font-weight: 500;
		color: #bc0001;
	}
	.effect-container .effect-text {
		font-weight: bold;
	}
	/* セクション別スタイル */
	#sub02 .sub-img .text {
		margin-top: 0.25em;
		font-size: 1.2rem;
	}
	#sub02 .cap-text {
		color: #fff;
		bottom: 0.25em;
		right: 0.5em;
	}
	#sub03 .flex-container .flex-item-img .sub-img {
		margin-top: 3rem;
	}
	#sub03 {
		margin-top: 3rem;
	}
  .capTextR {
    margin-top: 0.5em;
}
}