@charset "utf-8";

/*@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/NotoSerifCJKjp/NotoSerifCJKjp-ExtraLight.otf') format('opentype');
}*/

.content-frame div:first-of-type{
	margin-top:5rem;
}

.content-frame div h4{
	border-bottom: 0.1rem solid #000000;
	font-size: 2.2rem;
	font-weight: bold;
	margin-bottom: 1.5rem;
}

.content-frame div ul li{
	margin-bottom:2rem;
}

.content-frame div ul li.break-point{
	width:100%;
	margin-right:0;
	margin-top:2rem;
}

.content-frame div .grad-item ul{
	margin-top:2rem;
}

.content-frame div .grad-item ul:first-of-type{
	margin-top:0;
}

.content-frame div ul li:nth-of-type(2n){
	margin-right:0;
}

.content-frame div ul li h5{
	margin-bottom:2rem;
	font-weight:bold;
}

.content-frame div ul li h6{
	margin-top:2rem;
	margin-bottom:1rem;
	font-weight:bold;
	border-left:0.3rem solid #DFAE5F;
	padding-left:1rem;
}

.content-frame div ul li h6:first-of-type{
	margin-top:0;
}


@media (max-width: 480px){
	
	.content-frame div h4{
		font-size:3.5vw;
	}
	
	.content-frame div p,
	.content-frame div ul{
		padding:2vw;
	}
	
	.grad-wrap{
		margin-top:-15vw !important;
	}
	
	.grad-item{
		margin-top:0 !important;
	}
	
}