@charset "utf-8";
/*------------------------------------------------------------
	private
------------------------------------------------------------*/
@media all and (min-width: 897px) {
	.headLine01 {
		top: 36px;
		letter-spacing: 0.25em;
	}
	section.comImgBox .textBox {
		padding-top: 176px;
		padding-left: 90px;
	}
	section.comImgBox .textBox .h3Ttl {
		margin: 43px 0 25px;
		font-size: 1.8rem;
		line-height: 2.39;
		font-weight: 700;
		letter-spacing: 0.08em;
	}
	section.comImgBox .textBox .note {
		margin-top: 25px;
		font-size: 1.2rem;
		line-height: 2.5;
		letter-spacing: 0.08em;
	}
	section.comImgBox .comPho li {
		position: relative;
	}
	section.comImgBox .comPho .note {
		position: absolute;
		font-size: 14px;
	}
	section.comImgBox .comPho .note.r_b {
		right: 32px;
		bottom: 40px;
	}
	section.comImgBox .comPho .note.l_c {
		left: 30px;
		top: 50%;
	}
}
@media (max-height: 800px) and (min-height: 400px) and (min-width: 897px) {
	section.sec02 .textBox .h3Ttl + p {
		min-height: inherit;
	}
	.comImgBox .textBox p {
		font-size: 1.63vh;
	}
	section.comImgBox .textBox .note {
		margin-top: 15px;
	}
	section.comImgBox .textBox .h3Ttl {
		margin: 20px 0 10px;
	}
}
@media all and (max-width: 896px) {
	section.comImgBox {
		display: flex;
		flex-direction: column-reverse;
		align-items: flex-start;
		justify-content: flex-start;
	}
	section.comImgBox > * {
		width: 100% !important;
		height: auto !important;
	}
	section.comImgBox .textBox {
		padding: 18px 20px 20px;
	}
	.headLine02 {
		font-size: 4rem;
	}
	section.comImgBox .textBox .h3Ttl {
		margin: 20px 0 6px;
		font-size: 1.6rem;
		line-height: 2.42;
		font-weight: 700;
		letter-spacing: 0.08em;
	}
	section.comImgBox .textBox p {
		letter-spacing: -1px;
	}
	section.comImgBox .note {
		padding: 27px 0 12px 20px;
		font-size: 1.1rem;
		line-height: 2.54;
		box-sizing: border-box;
	}
}