@charset "UTF-8";

/* ====================================
	共通スタイル
 ==================================== */
.sub-section .sensor .title {
	font-size: 1.6rem;
	font-weight: 500;
	margin-top: 0.4rem;
}

.sub-section .sensor .text {
	line-height: 1.6;
	margin-top: 0.4em;
}

.fig-caption-bottom figcaption {
	font-size: 1.2rem;
	text-align: left;
}



.fig-caption-bottom {
	font-size: 1.4rem;
}

.right {
	text-align: right;
}

.bdr-box-red {
	padding: 0.5em;
	color: red;
	border: solid 1px red;
	text-align: left;
}

.bdr-box-red.red-text {
	font-size: 1.4rem;
	font-weight: 500;
}

/* 動画 */
video {
	width: 100%;
	vertical-align: bottom;
}

/* ====================================
	スマートフォン専用スタイル
===================================== */
@media only screen and (max-width: 767px) {
	#sub06 ul.list-figures.sensor li {
		margin-top: 3rem;
	}

	#sub07 .flex-item .sub-sub-title {
		margin-top: 3rem;
	}

	#sub06 .flex-container>.flex-item {
		margin-top: 0;
	}

	.bdr-box-red.red-text {
		font-size: 1.3rem;
	}

	#sub01 .caption {
		font-size: 1.3rem;
	}


	#sub05 .fig-caption-bottom figcaption {
		padding-right: .8rem;
	}



	.video-container {
		margin-top: 3rem;
	}
}

/* ====================================
	PC&タブレット、印刷専用スタイル
===================================== */
@media print,
screen and (min-width: 768px) {

	/* サブサブタイトル フレックスコンテナ ハーフ 2段目以降 */
	.flex-container.half>.flex-item:nth-of-type(n+3) {
		margin-top: 1rem;
	}

	.flex-container.half.n3-none>.flex-item:nth-of-type(n+3) {
		margin-top: 0rem;
	}

	.fix-bottom-img .add-caption-padding {
		padding-bottom: 2.8rem;
	}



	.video-container {
		margin-top: 4rem;
	}

	.maxw800 {
		max-width: 800px;
	}

	#sub01 .caption {
		font-size: 1.4rem;
	}

	/* ボトムテキストあり(tab改行)の高さ調整 */
	#sub05 .fix-bottom-img .has-fig {
		padding-bottom: 2.4rem;
	}

	#sub05 .fig-caption-bottom figcaption {
		padding-right: .8rem;
	}




	#sub05 .flex-container.half.fix-bottom-img>.flex-item:nth-child(-n+2) .sub-sub-title {
		margin-top: 0rem;
	}


	#sub07 .img-container {
		margin-top: 2rem;
	}



}