@charset "utf-8";
/* CSS Document */

/*------------------------------
　childMv（メインビジュアル）
--------------------------*/
.childMv .linksHd{
	max-width: 875px;
	min-width: 250px;
    width: 35%;
}
.childMv .linksHd img{
	filter: invert(100%);
}


/*------------------------------
　strngMain（コンテンツ）
--------------------------*/
.strngBlock{
	display: flex;
}
.strngBlock > *{
    width: 50%;
}
.blockImg,
.blockImg *{
	display: flex;
	gap: 1rem;
}
.blockImg {
	flex-direction: column;
    position: relative;
}
.blockImg .blockImgwarp{
	width: 100%;
}
.blockImg .blockImgwarp img{
	width: calc(50% - 0.5em);
}
.blockTxt {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    height: 100%;
    position: sticky;
    top: 0;
    left: 50%;
    padding: 0 2em;
    font-size: clamp(16px, 1.75vw, 28px);
}
.blockTxt h2.hdEng {
    opacity: 0.3;
    font-size: 3em;
    font-weight: 500;
    line-height: 1em;
}
.blockTxt h3.strngHd.hdEng {
    font-size: 1.5em;
    font-weight: 600;
}
.blockTxt h3.strngHd.hdEng span.strngEmp {
    font-size: 1.5em;
    line-height: 1.1em;
}
.blockTxt p.strngTxt {
    line-height: 1.7em;
}
.blockTxt ul.cap {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}
@media all and (min-width:768px){
	.strngBlock:last-child{
		margin-bottom: 5rem;
	}
}
@media all and (max-width:768px){
	.childMv{
		/*margin-bottom: 4rem;*/
	}
	.strngBlock{
		width: calc(100% - 4rem);
        margin: 0 auto;
		padding: 4rem 0rem;
		border-bottom: 1px #000 solid;
	}
	.strngBlock {
		flex-direction: column-reverse;
	}
	.strngBlock > *{
		width: 100%;
        padding: 0;
	}
	.blockTxt {
		position: initial;
		padding-bottom: 1rem;
	}
}
@media all and (max-width:500px){
}



/*------------------------------
　dl03（03のみ）
--------------------------*/
.strngBlock.dl03 .blockImg > div{
	position: relative;
}
.strngBlock.dl03 .blockImg > div span.cap{
	position: absolute;
    bottom: 2%;
    left: 2%;
    background: rgba(0, 0, 0, 0.70);
    color: #FFFFFF;
    padding: 0.25rem 1rem;
}