/* ============================================================================
introSection
============================================================================*/

	/* ----------------------
		simpleWrap
	 ----------------------*/
	
	.introSection .simpleWrap {
		position: relative;
	}
	.introSection .simpleWrap .txtBox {
		position: relative;
		z-index: 2;
	}

	.introSection .simpleWrap .txtBox h2 .headingTtl-lg {
		padding-bottom:1.5em;
	}
	.introSection .simpleWrap .txtBox .txtUnit {
		width: 43.61%;
		max-width: 600px;
	}

	.introSection .simpleWrap .txtBox .txtUnit .inner-deco {
		display: block;
		padding-left: 0.8em;
		border-left: 5px solid var(--color-bl-01);
	}


	.introSection .simpleWrap .picBox {
		position: absolute;
		top:0;
		right:0;
		width: 48.43%;
		max-width:930px;
		}
@media (max-width: 1199px) {
		.introSection .simpleWrap .txtBox h2 {
			width: 60%;
		}
}
@media (max-width: 991px) {
	.introSection .simpleWrap {
		width: 90%;
		margin: 0 auto;
		padding-left:0;
	}
	.introSection .simpleWrap .txtBox h2,
	.introSection .simpleWrap .txtBox .txtUnit {
		width: 100%;
		max-width: none;
	}	
	.introSection .simpleWrap .txtBox h2 .headingTtl-lg {
		padding-bottom:1em;
	}


	.introSection .simpleWrap .picBox {
		position: relative;
		top:0;
		right:0;
		width: 100%;

		}

}


	/* ----------------------
		converterWrap
	 ----------------------*/
	 .introSection .converterWrap .picBox {
		padding:30px;
		background: #fff;
		border: 1px solid rgba(144, 224, 255, 0.8); /* #90E0FF 80% */
		border-radius: 30px;;
		box-shadow: 0 10px 40px rgba(165, 215, 234, 0.5); /* #A5D7EA 50% */
	 }

	  .introSection .converterWrap h4.headingTtl-sm {
			padding-bottom: 0.5em;
		}


	 	/* ----------------------
		spareTimeWrap
	 ----------------------*/
	.introSection .spareTimeWrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	 }
	.introSection .spareTimeWrap > * {
		width: 47.61%;
	 }
@media (max-width: 767px) {
	.introSection .spareTimeWrap {
		flex-direction: column-reverse;
	 }
	.introSection .spareTimeWrap > * {
		width: 100%;
	 }
	.introSection .spareTimeWrap .picBox {
		padding-top: 1em;
	}
}

/* ============================================================================
advantageSection
============================================================================*/
	.advantageSection {
		background: 
		url(../images/advantage/02_bg_r.png) no-repeat top right /33%,
		url(../images/advantage/02_bg_l.png) no-repeat top left /23%,	
		rgba(210, 223, 239, 0.3);
		background-blend-mode: multiply;
	}

	.advantageSection .advantageWrap {
		display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(20px, 3vw, 40px);
	}
	.advantageSection .advantageBox.box-01,
	.advantageSection .advantageBox.box-02 {
		grid-column: 1 / -1;
	}
	.advantageSection .advantageWrap .advantageBox {
		padding: 60px;
		border-radius: 30px;
		border: 1px solid #90E0FF;
		 background:
    linear-gradient(
      225deg, /* 右上→左下 */
      rgba(229, 239, 253, 0.85) 0%,
      rgba(255, 255, 255, 0.85) 20%,
      rgba(255, 255, 255, 0.85) 100%
    );
		box-shadow: 0 10px 40px rgba(165, 215, 234, 0.5);
	}

	.advantageSection .advantageBox.box-01,
	.advantageSection .advantageBox.box-02 {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.advantageSection .advantageBox .mainUnit,
	.advantageSection .advantageBox .subUnit {
		width: 47.61%;
	}

	.advantageSection .advantageBox .title {
		display: flex;
		align-items: center;
		margin-top: -0.5em;
	}
	.advantageSection .advantageBox .title .num {
		padding-right:0.18em;
		font-size: clamp(6rem, 2rem + 8vw, 10rem);
		font-family: var(--fontFamily-en_01);
		line-height: 1;
		letter-spacing: -0.05em;
		color: #D2DFEF;
	}
	.advantageSection .advantageBox .title .ja {
		font-weight: 900;
		line-height: 1.2;
	}
	.advantageSection .advantageBox .ttl {
		padding-top: 1em;
		letter-spacing: -0.02em;

	}	
	.advantageSection .advantageBox .ttl .headingTtl-xs {
		padding-bottom:0.5em;
	}
	.advantageSection .advantageBox .pic {
		margin: 10px auto 0;
	}		

@media (max-width:991px){
	.advantageSection .advantageWrap .advantageBox {
		padding: clamp(40px, 5.8vw, 60px) clamp(30px, 5.8vw, 60px);
	}
	.advantageSection .advantageBox .title {
		display: block;
	}
	.advantageSection .advantageBox .title .num {
		line-height: 1;
	}

	.advantageSection .advantageBox .pic {
		margin: 50px auto 0;
	}		




}
@media (max-width: 767px) {
	.advantageSection .advantageWrap {
    grid-template-columns: 1fr;
	}	
	.advantageSection .advantageBox .mainUnit,
	.advantageSection .advantageBox .subUnit {
		width: 100%;
	}	
}

/* subUnit */
	.advantageSection .advantageBox .subUnit .subElement {
		border-radius: 20px;
		border: 1px solid #90E0FF;
		 background:rgba(255, 255, 255, 0.9);
		box-shadow: 0 10px 40px rgba(165, 215, 234, 0.5);
	}
	.advantageSection .advantageBox .subUnit .subElement:first-of-type {
		margin-bottom:20px;
	}
	.advantageSection .advantageBox .subUnit .subElement .subTtl {
		padding: 20px 10px;
		text-align: center;
		font-size:1.1em;
		font-weight: 800;
		line-height: 1.4;
		color:#FFF;
		background: linear-gradient(to right,#3B70C4,#5D96F2
);
		border-radius: 20px 20px 0 0;
	}

	.advantageSection .advantageBox .subUnit .subElement .subTxt {
		padding: 20px 30px 25px;
		font-size:0.93em;
		line-height: 1.5;
	}