@charset "UTF-8";
/*------------------------------------------------------------*/
#pagetitle{
	background: url(../img/title_img/inheritance.jpg) center no-repeat #989898;;
	background-size: cover;
}

#adult_guardian{
	margin-bottom: 30px;
}

@media print, screen and (min-width:768px) {
	#adult_guardian{
	margin-bottom: 90px;
}
}


@media print, screen and (min-width:768px) {
	.table_basic tr:nth-child(2) th{
		width:20%;
	}
}

/*step*/
.step{
	width: 100%;
	margin: 30px 0 0;
	
	position: relative;
}

.step::after{
  content: "";
  position: absolute;
  right: 0;
  bottom: -25px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #336590 transparent transparent transparent;
  border-width: 20px 20px 0 20px;
}
.last::after{
	  content: "";
	display: none;
}

.step dl{
	
}
.step dl dt{
	text-align: center;
	color: #fedd00;
	font-size: 20px;
	background: #003f74;
	padding: 5px 0;
	
}
.step dl dd{
	border: 5px solid #003f74;
	border-top:none;
	padding: 10px;
	color: #003f74; 
	font-family: 'NotoSerifJapaneseBold';
	
	font-size: 18px;
}
.step dl dd span{
	display: block;
	font-size: 0.8em;
}
.step dl dd ul{
	text-align: left;
	background: #eaeaea;
	color: #333;
	font-family: 'NotoSerifJapanese';

	
	font-size: 14px;
	padding: 10px;
	margin-top: 10px;
}
.step dl dd ul i{
	color: #003f74;
}

@media print, screen and (min-width:768px) {

.step:after{
  bottom: -25px;
  border-width:20px 40px 0 40px;
}
	.step dl{
	display: flex;

	}
	.step dl dt{
		flex: 1;
		display: flex;
				 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 justify-content: center; /* 横方向中央揃え */
		
		font-size: 24px;
	}
	.step dl dd{
		flex:2;
		border-top: 5px solid #003f74;
		padding: 15px 15px 15px 25px;
		
		font-size: 20px;
	}
	
	.step dl dd ul{
	font-size: 16px;
	padding: 15px;
	margin-top: 15px;
	}
	.step dl dd ul li{
		font-size: 16px;
	}
}


@media print, screen and (min-width:992px) {
		.step dl dd{
		font-size: 24px;
	}
	
	
}


@media print, screen and (min-width:1200px) {
	.step {
		max-width: 992px;
		margin: 30px auto 40px;
	}
}

/*flow*/
.flow{
	padding: 20px 0 10px;
	
}
.flow li{
	position: relative;
	list-style: none;
	border: 5px solid #001120;
	text-align: left;
	
	margin-bottom: 30px;
}
.flow li::after{
  content: "";
  position: absolute;
  right: 0;
  bottom: -25px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #001120 transparent transparent transparent;
  border-width: 20px 20px 0 20px;
}
.flow li:last-child::after{
	  content: "";
	display: none;
}



.flow li h3{
	text-align:left;
	background: #001120;
	color: #fedd00;
	border-bottom: 5px solid #001120;
	font-size: 14px;

}
.flow li h3 span{
	display: inline-block;
	background: #fedd00;
	color: #001120;
	font-family: 'NotoSerifJapaneseBold';
	
	padding:5px 10px;
	
	margin-right: 10px;

}
.flow li p{
	padding: 10px;
	line-height: 1.4;
	
	font-size: 14px;
}

.flow li a{
	display: block;
	background:#003f74;
	border-radius: 10px;
	color: #fff;
	text-decoration: none;
	font-size:calc(35px * 0.8); 
	margin:0 10px 10px;
	text-align: center;

	
	
}
.flow li a:hover{
	opacity: 0.8;
	transition: 0.2s;
}
.flow li a i{
	margin-right: 5px;
}

@media print, screen and (min-width:768px) {
	
	.flow li:after{
	  border-width:20px 40px 0 40px;
	}
	
	.flow li h3{
		font-size: 18px;
	}

	.flow li p{
	font-size: 16px;
		text-align:center;
		padding: 15px;
	}
	.flow li a{
		max-width: 300px;
		margin: 0 auto 15px;
	}
}

@media print, screen and (min-width:992px) {
		.flow li h3{
		font-size: 20px;
	}
	.flow li h3 span{
		padding:10px 18px;

		margin-right: 15px;

	}
	.flow li p{
	font-size: 18px;
	}
	.flow .flow_tel{
		display: block;
		font-size: 36px;
		text-align: center;
		font-family: 'NotoSerifJapaneseBold';
		margin-bottom: 10px;
		margin-top: -15px;
	}
	.flow .flow_tel i{
		margin-right: 10px;
	}
}

@media print, screen and (min-width:1200px) {
	.flow {
		max-width: 992px;
		margin: 20px auto 40px;
	}
}