@charset "utf-8";

.block.first .blockContainer .blockInner .tabBodyWrap .tabBodyBox.wlbSupport{
	display:none;
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	For SmartPhone
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

@media screen and (max-width:767px){
.block.first .blockContainer .blockInner .tabMenu{
		display:flex;
	}
	.block.first .blockContainer .blockInner .tabMenu li{
		display:flex;
		justify-content:center;
		align-items:center;
		width:42%;
		padding:0 0 10px 0;
		border-bottom:5px solid #aaa;
		position:relative;
	}
	.block.first .blockContainer .blockInner .tabMenu li:last-child{
		width:54%;
		margin-left:4%;
	}
	.block.first .blockContainer .blockInner .tabMenu li > h2{
		font-size:5.3vw;
		line-height:1.1;
		font-style:italic;
		font-weight:900;
		color:#aaa;
		letter-spacing:-1px;
	}
	.block.first .blockContainer .blockInner .tabMenu li > h2 span{
		display:inline-block;
		font-size:inherit;
		/*padding-left:1.5em;*/
	}
	.block.first .blockContainer .blockInner .tabMenu li.act::before{
		content:"";
		display:block;
		width:0;
		height:0;
		border-style:solid;
		border-bottom:0;
		position:absolute;
		left:50%;
		transform:translateX(-50%);
		bottom:-19px;
	}
	/* ------------------------------------ */
	.block.first .blockContainer .blockInner .tabMenu li:first-child.act{
		border-bottom:5px solid var(--themeColorGreen);
	}
	.block.first .blockContainer .blockInner .tabMenu li:first-child.act > h2{
		color:var(--themeColorGreen);
	}
	.block.first .blockContainer .blockInner .tabMenu li:first-child.act::before{
		border-right:12px solid transparent;
		border-left:12px solid transparent;
		border-top:15px solid var(--themeColorGreen);
	}
	/* ------------------------------------ */
	.block.first .blockContainer .blockInner .tabMenu li:last-child.act{
		border-bottom:5px solid var(--themeColorOrange);
	}
	.block.first .blockContainer .blockInner .tabMenu li:last-child.act > h2{
		color:var(--themeColorOrange);
	}
	.block.first .blockContainer .blockInner .tabMenu li:last-child.act::before{
		border-right:12px solid transparent;
		border-left:12px solid transparent;
		border-top:15px solid var(--themeColorOrange);
	}
/* ============================================ */
	.block.first .blockContainer .blockInner .tabBodyWrap{
		margin-top:10%;
	}
	.block.first .blockContainer .blockInner .tabBodyWrap .tabBodyBox .boxLeadTxt{
		font-size:3.7vw;
		line-height:1.2;
	}
	.block.first .blockContainer .blockInner .tabBodyWrap .tabBodyBox .itemsBox{}
	.block.first .blockContainer .blockInner .tabBodyWrap .tabBodyBox .itemsBox .item{
		display:flex;
		align-items:center;
		margin-top:8%;
	}
	.block.first .blockContainer .blockInner .tabBodyWrap .tabBodyBox .itemsBox .item.type01{
		flex-direction:column-reverse;
	}
	.block.first .blockContainer .blockInner .tabBodyWrap .tabBodyBox .itemsBox .item.type02{
		flex-direction:column;
	}
	.block.first .blockContainer .blockInner .tabBodyWrap .tabBodyBox .itemsBox .item .imgBox{
		width:100%;
		/*height:40vw;*/
		background:#aaa;
	}
	.block.first .blockContainer .blockInner .tabBodyWrap .tabBodyBox .itemsBox .item .imgBox{
		margin-top:3%;
	}
	.block.first .blockContainer .blockInner .tabBodyWrap .tabBodyBox .itemsBox .item .txtBox > h3{
		font-size:4.5vw;
	}
	.block.first .blockContainer .blockInner .tabBodyWrap .tabBodyBox .itemsBox .item .txtBox > p{
		margin-top:10px;
		font-size:3.3vw;
		line-height:1.3;
	}
	.block.first .blockContainer .blockInner .tabBodyWrap .tabBodyBox.reformSupport .itemsBox .item .txtBox > h3{
		color:var(--themeColorGreen);
	}
	.block.first .blockContainer .blockInner .tabBodyWrap .tabBodyBox.wlbSupport .itemsBox .item .txtBox > h3{
		color:var(--themeColorOrange);
	}
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	For Desktop & Tablet
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* ///////////////////////////////////////////////////// */
/* ============================================ */
/* ------------------------------------ */

@media screen and (min-width:768px){
	.block.first .blockContainer .blockInner .tabMenu{
		display:flex;
	}
	.block.first .blockContainer .blockInner .tabMenu li{
		display:flex;
		justify-content:center;
		align-items:center;
		width:47%;
		padding:0 0 10px 0;
		border-bottom:5px solid #aaa;
		position:relative;
		cursor:pointer;
	}
	.block.first .blockContainer .blockInner .tabMenu li:last-child{
		margin-left:6%;
	}
	.block.first .blockContainer .blockInner .tabMenu li > h2{
		font-size:clamp(2rem, 3vw, 3rem);
		line-height:1.1;
		font-style:italic;
		font-weight:900;
		color:#aaa;
	}
	.block.first .blockContainer .blockInner .tabMenu li > h2 span{
		display:inline-block;
		font-size:inherit;
		padding-left:1.5em;
	}
	.block.first .blockContainer .blockInner .tabMenu li.act::before{
		content:"";
		display:block;
		width:0;
		height:0;
		border-style:solid;
		border-bottom:0;
		position:absolute;
		left:50%;
		transform:translateX(-50%);
		bottom:-24px;
	}
	/* ------------------------------------ */
	.block.first .blockContainer .blockInner .tabMenu li:first-child.act{
		border-bottom:5px solid var(--themeColorGreen);
	}
	.block.first .blockContainer .blockInner .tabMenu li:first-child.act > h2{
		color:var(--themeColorGreen);
	}
	.block.first .blockContainer .blockInner .tabMenu li:first-child.act::before{
		border-right:15px solid transparent;
		border-left:15px solid transparent;
		border-top:20px solid var(--themeColorGreen);
	}
	/* ------------------------------------ */
	.block.first .blockContainer .blockInner .tabMenu li:last-child.act{
		border-bottom:5px solid var(--themeColorOrange);
	}
	.block.first .blockContainer .blockInner .tabMenu li:last-child.act > h2{
		color:var(--themeColorOrange);
	}
	.block.first .blockContainer .blockInner .tabMenu li:last-child.act::before{
		border-right:15px solid transparent;
		border-left:15px solid transparent;
		border-top:20px solid var(--themeColorOrange);
	}

	/* ============================================ */
	.block.first .blockContainer .blockInner .tabBodyWrap{
		margin-top:60px;
	}
	.block.first .blockContainer .blockInner .tabBodyWrap .tabBodyBox .boxLeadTxt{
		font-size:clamp(0.9rem, 1.3vw, 1.3rem);
		line-height:1.2;
	}
	.block.first .blockContainer .blockInner .tabBodyWrap .tabBodyBox .itemsBox{
		margin-top:40px;
	}
	.block.first .blockContainer .blockInner .tabBodyWrap .tabBodyBox .itemsBox .item{
		display:flex;
		align-items:center;
	}
	.block.first .blockContainer .blockInner .tabBodyWrap .tabBodyBox .itemsBox .item .imgBox{
		width:40%;
		max-width:500px;
		min-width:300px;
		/*height:20vw;*/
		background:#aaa;
	}
	.block.first .blockContainer .blockInner .tabBodyWrap .tabBodyBox .itemsBox .item .txtBox{
		flex-grow:1;
		flex-shrink:1; 
		flex-basis:0;
	}
	.block.first .blockContainer .blockInner .tabBodyWrap .tabBodyBox .itemsBox .item.type01 .txtBox{
		padding-left:1em;
	}
	.block.first .blockContainer .blockInner .tabBodyWrap .tabBodyBox .itemsBox .item.type02 .txtBox{
		padding-right:1em;
	}
	.block.first .blockContainer .blockInner .tabBodyWrap .tabBodyBox .itemsBox .item .txtBox > h3{
		font-size:clamp(1.0rem, 2vw, 2rem);
	}
	.block.first .blockContainer .blockInner .tabBodyWrap .tabBodyBox .itemsBox .item .txtBox > p{
		margin-top:10px;
		font-size:clamp(0.5rem, 1.3vw, 1.3rem);
		line-height:1.3;
	}

	.block.first .blockContainer .blockInner .tabBodyWrap .tabBodyBox.reformSupport .itemsBox .item .txtBox > h3{
		color:var(--themeColorGreen);
	}
	.block.first .blockContainer .blockInner .tabBodyWrap .tabBodyBox.wlbSupport .itemsBox .item .txtBox > h3{
		color:var(--themeColorOrange);
	}
}