@charset "UTF-8";
.reportcontent {
	width: 800px;
    max-width: 90%;
    margin: 0 auto;
    padding: 100px 0;
}
.reportcontent span{
    color: #666;
    margin-bottom: 0.5em;
    display: block;
}
.reportcontent h3{
	    font-size: 30px;
	font-family: "acumin-pro", sans-serif;
    font-weight: 700;
    font-style: normal;
}
.reportcontent figure{
	    margin: 3em 0;
}
.reportcontent p{
    line-height: 1.9em;
}

.resultview {
}
.reportcontent .phlist .list {
    display: flex;
    flex-wrap: wrap;
}
.reportcontent .phlist figure {
    margin: 1em 0;
    padding: 1%;
    width: 18%;
}
.resultview .viewitem {
	padding: 30px 0;
	border-bottom: 2px solid #e7ff4b;
}
.resultview .viewitem h4{
	font-family: "acumin-pro", sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #2a2a2a;
	font-size: 20px;
}
.scrl h4{
	font-family: "acumin-pro", sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #2a2a2a;
	font-size: 20px;
}
.resultview .viewitem .viewflx{
	display: flex;
    justify-content: space-between;
	    align-items: start;
}
.resultview .viewitem .viewflx figure{
	    margin: 0;
    flex: 0 0 30%;
}
.resultview .viewitem .viewflx .resultarea{
	    flex: 0 0 65%;
}
.resultview .viewitem .viewflx .race01,.resultview .viewitem .viewflx .race02{
	        padding: 10px 0;
    border-bottom: 1px solid #ccc;
}
.resultview .viewitem .viewflx .race01 p,.resultview .viewitem .viewflx .race02 p{
	    margin: 0;
    display: flex;
    justify-content: space-between;
	font-family: "acumin-pro", sans-serif;
    font-weight: 700;
    font-style: normal;
}
.resultview .viewitem .viewflx .race01 p strong,.resultview .viewitem .viewflx .race02 p strong{
	    font-size: 30px;
	font-family: "acumin-pro-extra-condensed", sans-serif;
    font-weight: 700;
    font-style: normal;
}
.raceitem {
	padding: 30px 0 30px;
}
.morelink {
	display: flex;
    margin-top: 20px;
}
.resultview .morelink {
	justify-content: flex-end;
}
.morelink a{
	    background: #ffffff;
    padding: 0.5em 1em;
    display: inline-block;
    color: #004ba5;
    border: 2px solid #004ba5;
    font-family: "acumin-pro", sans-serif;
    font-size: 15px;
}
.morelink a:hover {
	background: #004ba5;
	color: #fff;
}
@media print, screen and (max-width: 768px) {
		.PCimg {display: none!important}
	.SPimg {display: block!important }
	
	
	.icon {
		top: 1em;
    left: auto;
    right: 2em;
	}
	#head.active {
	opacity: 1;
	z-index: 20;
	}
	.headlist {
		width: 100%;
		flex-wrap: wrap;
		align-items: center;
		text-align: center;
	}
	.headlist div{
		    width: 100%;
    font-size: 7vw;
    padding: 20px;
	}
	.headlist a {
    color: #004ba5;
}
	#main h1 {
		    top: auto;
    bottom: 6vw;
    max-width: 40vw;
	}
	.bighead {
		font-size: 50px;
	}
	.newsInner {
		padding: 100px 0;
		    justify-content: center;
	}
	#news .bighead {
    width: 100%;
	margin-bottom: 30px;
 }
	.news-flx {
		width: 100%;
	}
	.newsitem {
		width: 48%;}

.newslink {
	width: 80%;}
.profileInner {
    clip-path: none;	
}
.proftxt {
	width: 80%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#profile .bighead {
    width: 100%;
    text-align: center;
}
.snslink {
    justify-content: center;
}
.ball-areaInner {
	    flex-wrap: wrap;
	    padding: 50px 0;
}
	.ball-item a {
		display: flex;
    align-items: center;
    justify-content: center;
	}
	.ball-item figure {
		    width: 50%;
    margin-right: 5%;
	}
	.contactInner a {
    flex-wrap: wrap;
}
.contacttxt {
    width: 100%;
    padding: 50px 0 80px;
	clip-path: polygon(0 0, 100% 0%, 100% 73%, 0% 100%);}
	
	.line01 {
		display: none;
	}
.ball-item {
    width: 100%;
    margin: 0;
}
	#gallery.ball-item {
    margin-top: 10%;
}
	#main {
    position: relative;
    clip-path: polygon(0 0, 100% 0%, 100% 164vw, 0% 100%);
}
	.nlogo img {
		max-width: 36vw;
	}
	
	
	}