@charset "utf-8";

/**
 *
 *  ページ用CSS
 *　intermediary
 * 
 */

/*--------------------------------------------------------------------------
   Overwright
---------------------------------------------------------------------------*/
.cont-nav{
  padding: 120px 0  150px;  
}


/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/

/* intro
-----------------------------------------------------------------*/
.intro{
	padding: 220px 0 100px;	
}
.intro .txt-lead{
  margin-bottom: 105px;
  text-align: center;
  line-height: 2;
  letter-spacing: .1em;  
}
.intro .customer-list{
	display: flex;
	justify-content: space-between;
}
.intro .customer-list li{
	max-width: 380px;
	width: calc((100% - 20px)/3);
	padding: 35px 4% 50px;
	background: var(--bluebrand);
	border-radius: 10px;
	color: var(--light);	
}
.intro .customer-list .ico{
	margin-bottom: 15px;
	text-align: center;
}
.intro .customer-list h3{
	margin-bottom: 10px;
	text-align: center;
	font-weight: normal;
}
.intro .customer-list .txt{
	font-size: 1.4rem;
	line-height: 1.8;	
}


/* intermediary-reform
-----------------------------------------------------------------*/
.intermediary-reform{
	padding: 50px 0 0;
}
.tab-nav{
	max-width: 1010px;
	margin: 0 auto 110px;	
}
.tab-nav ul{
	display: flex;
	justify-content: space-between;	
}
.tab-nav li{
	position: relative;
	max-width: 490px;
	width: calc(50% - 5px);
	padding: 25px 15px;
	border-bottom: 2px solid var(--dark);
	text-align: center;
	line-height: 1;
	font-size: 3rem;
	font-weight: bold;
	cursor: pointer;
	transition: .3s;
}
.tab-nav li::after{
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%,100%);
	display: block;
	content: "";
	width: 0;
	height: 0;
	border: solid transparent;
	border-width: 15px 13px;
	border-top-color: var(--dark);	
}
.tab-nav li:hover,
.tab-nav li.current{
	color: var(--pointblue);
	border-bottom-color: var(--pointblue);
}
.tab-nav li:hover::after,
.tab-nav li.current::after{
	border-top-color: var(--pointblue);
}
.tab-cont + .tab-cont{
	display: none;
}
.tab-cont .item-list{
	display: flex;
	justify-content: space-between;
	margin-bottom: 90px;
}
.tab01 .item-list li{
	max-width: 400px;
	width: calc((100% - 30px)/3);
}
.tab02 .item-list li{
	max-width: 620px;
	width: calc(50% - 10px);
}
.tab-cont .item-list h3{
	margin: 15px 0 5px;
	font-size: 2.2rem;
	line-height: 1.6;
}
.tab-cont .item-list .txt{
	text-align: justify;	
}
.type-area{
	padding: 100px 7%;	
}
.type-area .type-list{
	display: flex;
	justify-content: space-between;
}
.type-area .type-list li{
	max-width: 510px;
	width: calc(50% - 10px);
}
.type-area .type-list .cat{
	width: calc(100% + 10px);
	margin: 5px 0 15px -5px;	
}
.type-area .type-list .cat span{
	display: inline-block;
	margin: 0 5px 10px;
	padding: 5px 20px;
	background: var(--light);
	border-radius: 100vmax;
	line-height: 1;
	font-size: 1.2rem;
	font-weight: 500;
}
.type-area .btn-txt a{
	justify-content: flex-start;
}




















/*--------------------------------------------------------------------------
   mobile
---------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {

	.cont-nav{
		padding: 60px 0;  
	}


/* intro
-----------------------------------------------------------------*/
	.intro{
		padding: 60px 0 40px;	
	}
	.intro .txt-lead{
		margin-bottom: 50px;
	}
	.intro .customer-list{
		display: block;
	}
	.intro .customer-list li{
		max-width: 450px;
		width: auto;
		padding: 35px 12% 50px;
		margin-inline: auto;
	}
	.intro .customer-list li:nth-child(n+2){
		margin-top: 20px;
	}
	.intro .customer-list .ico{
		max-width: 80px;
		margin: 0 auto 10px;
	}
	.intro .customer-list .txt{
		font-size: 1.2rem;
	}


/* intermediary-reform
-----------------------------------------------------------------*/
	.intermediary-reform{
		padding: 30px 0 0;
	}
	.tab-nav{
		margin: 0 auto 40px;	
	}
	.tab-nav li{
		padding: 15px;
		border-bottom: 1px solid var(--dark);
		font-size: 1.8rem;
	}
	.tab-nav li::after{
		border-width: 10px 8px;
		border-top-color: var(--dark);	
	}
	.tab-nav li:hover{
		color: var(--dark);
		border-bottom-color: var(--dark);
	}
	.tab-nav li.current{
		color: var(--pointblue);
		border-bottom-color: var(--pointblue);
	}
	.tab-nav li:hover::after{
		border-top-color: var(--dark);
	}
	.tab-nav li.current::after{
		border-top-color: var(--pointblue);
	}
	.tab-cont .item-list{
		display: block;
		margin-bottom: 40px;
	}
	.tab-cont .item-list li:nth-child(n+2){
		margin-top: 30px;
	}
	.tab01 .item-list li{
		width: auto;
		margin-inline: auto;
	}
	.tab02 .item-list li{
		width: auto;
		margin-inline: auto;
	}
	.tab-cont .item-list h3{
		margin: 10px 0 5px;
		font-size: 1.8rem;
	}
	.type-area{
		padding: 30px 20px 35px;	
	}
	.type-area .type-list{
		display: block;
	}
	.type-area .type-list li{
		width: auto;
		margin-inline: auto;
	}
	.type-area .type-list li:nth-child(n+2){
		margin-top: 35px;
	}
	.type-area .type-list .cat{
		width: calc(100% + 6px);
		margin: 10px 0 10px -3px;	
	}
	.type-area .type-list .cat span{
		margin: 0 3px 7px;
		padding: 5px 12px;
		font-size: 1.1rem;
	}
	.type-area .btn-txt a{
		justify-content: flex-start;
	}




}