@charset "utf-8";
/*=============================================================
 ir common
=============================================================*/
.primaryColor{color: var(--primaryColor);}
.textColorGray{color: var(--textColorGray);}
/*=============================================================
 individual
=============================================================*/
.individual .color-box.box-DarkBlue:before{
	background-image: url("../individual/img/individual-bg.jpg");
	background-size: cover;
	opacity: 1;
}
.individual .color-box.box-blue{
	color: #fff;
	border-radius: 0;
	background-color: var(--primaryColor);
	padding: 80px 0;
}
.individual .individual-h3{
	color: #000;
	padding-top: 0;
	justify-content: center;
	text-align: center;
	margin-top: 0;
	font-size: 2.4rem;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	margin-bottom: 20px;
}
.individual .color-box.box-blue .individual-h3{color: #fff;}
.individual h5.ttl-h4{
	color: #fff;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%
}
/*.individual .ttl-h3::after,
.individual .ttl-h3::before{content: none;}*/
.individual .color-box.box-blue .link-arw{
	font-size: 1.8rem;
	display: block;
}
.individual .color-box.box-blue .textS{
	color: var(--bgColorGray);
	margin-top: 10px!important;
	line-height: 150%
}
.individual .individual-bg2{
	background: url("../individual/img/individual-bg2.jpg") no-repeat;
	background-size: cover;
	background-position: center bottom;
	padding: 170px 0;
	box-sizing: border-box;
}
.individual .number-col>*{
	border-radius: 4px;
	border: 1px solid var(--primaryColor);
	box-sizing: border-box;
	padding: 34px;
	display: flex;
	flex-direction: column;
	align-items: stretch;
}
.individual .number-col>* .ttl{
	color: var(--primaryColor);
	text-align: center;
	font-weight: 500;
	line-height: 150%;
	margin-bottom: 20px;
}
.individual .number-col>* p + p{margin-top: 0!important;}
.individual .number-col>* figure{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
	width: 59px;
	margin: 0 auto;
}
.individual .number-col>* .number{
	text-align: center;
	color: var(--primaryColor);
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin: 14px 0 10px;
}
.individual .number-col>* .number>span{
	font-family: Roboto;
	font-size: 4.8rem;
	font-weight: 300;
}
.individual .number-col>* .number>span.textS{
	display: block;
	text-align: center;
	font-family: "Noto Sans JP";
	font-size: 1.2rem;
	font-weight: 400;
}
.individual .number-col>* .text{
	margin-top: auto;
}
.individual .individual-col-line{
	position: relative;
	margin-top: 80px;
	padding-top: 30px;
	flex-direction: row-reverse;
}
.individual .individual-col-line::before {
	content: '';
	width: 100%;
	height: 1px;
	background-color: var(--lineColorDarkGray);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
.individual .individual-col-line::after {
	content: '';
	width: 48px;
	height: 4px;
	background-color: #000;
	position: absolute;
	top: 0;
	left: 0;
}
.individual .individual-col-line .ttl-h3{
	text-align: left;
	display: block;
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 PC-large
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media (min-width:1920px){}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 tablet
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.individual .col-4>*{width: calc((100% - 5.34%) / 3);}
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:767px){
/*=============================================================
 individual
=============================================================*/
.individual .color-box.box-DarkBlue:before{
	background-image: url("../individual/img/individual-bg-sp.jpg");
	background-size: cover;
}	
.individual .link-block .link-list{display: block;}
.individual .link-block .link-list dd + dd{margin-top: 5px;}	
}