@charset "UTF-8";

@media screen and (min-width:751px) {
	
	.info_cont {
		margin:0 0 170px 0;
	}
	.info_cont h2{
		font-size: 2.4rem;
		font-weight: 600;
		margin:0 0 20px 0;
		line-height: 1.6em;
	}
	
	.info_cont .info_list dl{
		border:1px solid #3f87f5;
		display: flex;
		margin:0 0 40px 0;
		position: relative;
	}
	
	.info_cont .info_list dl::after{
		content: "";
		width: 0;
  		height: 0;
  		border-style: solid;
  		border-right: 7px solid transparent;
  		border-left: 7px solid transparent;
  		border-top: 8px solid #3f87f5;
  		border-bottom: 0;
		display: block;
		position:absolute;
		top:calc(100% + 17px);
		left:calc(100px - 7px);
	}
	
	.info_cont .info_list dl:last-child{
		margin:0 0 0 0;
	}
	
	.info_cont .info_list dl:last-child::after{
		display: none;
	}

	.info_cont .info_list dl dt{
		width:200px;
		background:#3f87f5;
		color:#fff;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 1.8rem;
		letter-spacing: 0.05em;
	}
	
	.info_cont .info_list dl dt span{
		font-size: 4.2rem;
		margin:0 0 0 10px;
	}

	.info_cont .info_list dl dd{
		padding:20px 30px;
		font-size: 1.8rem;
		line-height: 1.9em;
		letter-spacing: 0.025em;
		font-weight:500;
	}
	
	.info_cont p.caption{
		font-size: 1.4rem;
		margin:10px 0 0 0;
		letter-spacing: 0.025em;
		text-align: right;
	}
	
	.info_cont table{
		border-collapse: collapse;
		width:100%;
	}
	
	.info_cont table th{
		border-top:1px solid #fff;
		border-bottom:1px solid #fff;
		background:rgba(65,135,245,0.05);
		padding:25px 30px;
		font-size: 1.6rem;
		line-height: 2em;
		letter-spacing: 0.025em;
		width:277px;
		font-weight: 400;
		text-align: left;
		vertical-align: top;
	}
	
	.info_cont table td{
		border-top:1px solid rgba(196,196,196,0.5);
		border-bottom:1px solid rgba(196,196,196,0.5);
		background:#fff;
		padding:25px 30px;
		font-size: 1.6rem;
		line-height: 2em;
		letter-spacing: 0.025em;
	}

}

@media screen and (max-width:750px) {
	
	.info_cont {
		margin:0 0 50px 0;
	}
	.info_cont h2{
		font-size: 1.9rem;
		font-weight: 600;
		margin:0 0 20px 0;
		line-height: 1.6em;
	}
	
	.info_cont .info_list dl{
		border:1px solid #3f87f5;
		display: flex;
		margin:0 0 30px 0;
		position: relative;
	}
	
	.info_cont .info_list dl::after{
		content: "";
		width: 0;
  		height: 0;
  		border-style: solid;
  		border-right: 7px solid transparent;
  		border-left: 7px solid transparent;
  		border-top: 8px solid #3f87f5;
  		border-bottom: 0;
		display: block;
		position:absolute;
		top:calc(100% + 12px);
		left:calc(30px - 7px);
	}
	
	.info_cont .info_list dl:last-child{
		margin:0 0 0 0;
	}
	
	.info_cont .info_list dl:last-child::after{
		display: none;
	}

	.info_cont .info_list dl dt{
		width:60px;
		background:#3f87f5;
		color:#fff;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		font-size: 1.2rem;
		letter-spacing: 0.05em;
	}
	
	.info_cont .info_list dl dt span{
		font-size: 3rem;
		margin:0 0 0 0;
		line-height: 1;
	}

	.info_cont .info_list dl dd{
		padding:15px 20px;
		font-size: 1.4rem;
		line-height: 1.9em;
		letter-spacing: 0.025em;
		font-weight:500;
		width:calc(100% - 60px);
	}
	
	.info_cont p.caption{
		font-size: 1.2rem;
		margin:10px 0 0 0;
		letter-spacing: 0.025em;
		text-align: right;
	}
	
	.info_cont table{
		border-collapse: collapse;
		width:100%;
	}
	
	.info_cont table th{
		border-top:1px solid rgba(196,196,196,0.5);
		border-bottom:1px solid rgba(196,196,196,0.5);
		background:rgba(65,135,245,0.05);
		padding:15px 10px;
		font-size: 1.3rem;
		line-height: 2em;
		letter-spacing: 0.025em;
		width:25%;
		font-weight: 400;
		text-align: left;
		vertical-align: top;
	}
	
	.info_cont table td{
		border-top:1px solid rgba(196,196,196,0.5);
		border-bottom:1px solid rgba(196,196,196,0.5);
		background:#fff;
		padding:15px 10px;
		font-size: 1.3rem;
		line-height: 2em;
		letter-spacing: 0.025em;
	}
}