@charset "utf-8";
/**
/*  
----------------------------------------------- */
.contentsin h1{
    font-weight: 500;
    line-height: 2;
    font-size: 30px;
    color: ##F091A0;
	margin:50px 0 50px;
}
.contentsin h2{
    font-weight: 500;
    line-height: 2;
    font-size: 40px;
    color: #F091A0;
    background: linear-gradient(45deg, #0d3e8d 0%, #0d3e8d 56.9%, #0d3e8d 100%);
    background-clip: text;
    text-fill-color: #faf5f6;
    -webkit-text-fill-color: #faf5f6;
    -webkit-background-clip: text;
    -webkit-transition: 3s;
    transition: 3s;
    -webkit-animation: titleGradient 10s infinite;
    animation: titleGradient 10s infinite;
	margin-bottom:20px;
}
.contentsin{
	margin-bottom:100px;
}
.system{
	display:flex;
	margin:100px auto 50px;
}
.system div{
	width:49%;
}
.system div.class{
	padding-right:2%;
}
.system span{
	display:block;
	background-color:#f06279;
	color:#fff;
	padding:10px;
	width:150px;
	border-radius:5px;
	text-align:center;
}
.system p{
	margin-bottom:20px;
}
.system figure{
	padding-top:50px;
}
.link{
	display:flex;
}
.link li{
	width:33%;
}
.link li a{
	display:block;
	background-color:#0d3e8d;
	border-radius:5px;
	text-align:center;
	margin:0 15px 0 0;
	padding:10px;
	color:#fff;
}
.contact{
	padding:20px;
	background-color:#f7f7f7;
	border-radius:5px;
	width:80%;
	text-align:center;
	margin:50px auto;
}
.photo1{
	display:flex;
	margin:50px 0;
}
.photo1 li{
	margin-right:20px;	
}
.photo1 li:last-child{
	margin-right:0;
}
.bnr{
	display:flex;
	margin:50px 0;
}
.bnr li{
	margin-right:20px;	
	width:257px;
}
		

@media only screen and (max-width: 1200px) {

}
@media only screen and (max-width: 767px) {
	.contentsin h1{
    	line-height: 2;
    	font-size: 20px;
		margin:20px 0 0px;
	}
	.contentsin h2{
    	line-height: 1.5;
   		font-size: 30px;
	}
	.system{
	display:block;
		margin:20px auto 30px;
	}
	.system div{
			width:100%;
	}
	.system div.class{
		padding-right:0;
	}
	.system span{
		padding:5px;
	}
	.system figure{
		padding-top:0px;
	}
	.link{
		display:block;
	}
	.link li{
		width:100%;
	}
	.link li a{
		margin:0 0 20px 0;
		padding:10px;
	}
	.contact{
		padding:20px;
		width:100%;
		margin:20px auto;
	}

}
@media only screen and (max-width: 480px){
	.bnr{
	display:block;
	margin:20px 0;
}
.bnr li{
	margin:0 auto 20px;	
	width:80%;
}

}