@charset "UTF-8";


/* ====================================
	共通スタイル
 ==================================== */

.text.center {
	text-align: center;
}

/* 動画サムネイル */
.movie-container .flex-movie-item.thumb-3step {
	background-image: url(images/bnr-3step.jpg);
}

.movie-container .flex-movie-item.thumb-comparison {
	background-image: url(images/bnr-comparison.jpg);
}

.img-container + .text-container {
	margin-top: 1.5rem;
}

.sub03 .flex-item > h4 {
	margin-top: 4rem;
	margin-bottom: .8rem;
}
.sub03 .flex-item > h4 + .flex-container > .flex-item > .img-container {
	margin-top: 0;
}

.mt05 {
	margin-top: .5rem;
}
.mt3 {
	margin-top: 3rem;
}
.mt49 {
	margin-top: 4.9rem;
}

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

	.sub-section:last-child{
		margin-bottom: 5rem;
	}

	/* フレックスコンテナ：3step */
	.flex-container.step3 {
		max-width: 360px;
    margin: 0 auto;
		width: 81.8%;
	}

	.flex-container.step3>.flex-item {
		position: relative;
		padding-bottom: 5em;
		margin-top: 3rem;
	}

	.flex-container.step3>.flex-item:not(:last-child)::after {
		content: '';
		display: block;
		width: 0;
		height: 0;
		border-top: 10px solid #006da8;
		border-right: 6px solid transparent;
		border-left: 6px solid transparent;
		position: absolute;
		bottom: 1em;
		left: calc( 50% - 10px );
	}

	.sub-title + .flex-container {
		margin-top: 2rem;
	}

	.flex-container.sp-column2>.flex-item>.img-container:first-child,
	.flex-container.sp-column2>.flex-item>.text-container:first-child {
		margin-top: 0;
	}

	.flex-item.sp80p {
		width: 80%;
		margin: 0 auto;
	}

	.flex-container.image-fig>.flex-item {
		position: relative;
	}

	.flex-container.image-fig .img-container + .text-container {
		margin-top: .2rem;
	}

	.flex-container.image-fig>.flex-item:not(:last-child) {
		padding-bottom: 2rem;
	}

	.flex-container.image-fig>.flex-item:not(:last-child)::after {
		content: '';
		display: block;
		width: 0;
		height: 0;
		border-top: 14px solid #2695c0;
		border-right: 11px solid transparent;
		border-left: 11px solid transparent;
		position: absolute;
		bottom: -0.7em;
		left: calc( 50% - 10px );
	}


}

/* ====================================
	PC&タブレット、印刷専用スタイル
===================================== */
@media print , screen and (min-width: 768px) {

	.sub-section:last-child{
		margin-bottom: 8rem;
	}

	/* フレックスコンテナ：3step */
	.flex-container.step3 {
		justify-content: space-evenly;
		align-items: flex-start;
    margin: 2rem 0 5rem;
	}

	.flex-container.step3>.flex-item {
		width: 26.7%;
		position: relative;
	}

	.flex-container.step3>.flex-item:not(:last-child)::after {
		content: '';
		display: block;
		width: 0;
		height: 0;
		border-top: 7px solid transparent;
		border-bottom: 7px solid transparent;
		border-left: 12px solid #006da8;
		position: absolute;
		top: 3em;
		right: -12%;
	}

	.flex-container.image-fig>.flex-item {
		position: relative;
	}

	.flex-container.image-fig>.flex-item:not(:last-child)::after {
		content: '';
		display: block;
		width: 0;
		height: 0;
		border-top: 11px solid transparent;
		border-bottom: 11px solid transparent;
		border-left: 14px solid #2695c0;
		position: absolute;
		top: 28%;
		right: -7.5%;
	}

}

/* ====================================
	タブレット専用スタイル
===================================== */
@media screen and (min-width:768px) and (max-width:1079px) {

}

/* ====================================
	PC専用スタイル
===================================== */
@media only screen and (min-width: 1080px) {

}

/* ====================================
	印刷専用スタイル
===================================== */
@media print {
}