@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700&display=swap');

.arcs{
	font-family: 'Noto Sans JP', sans-serif;
	font-feature-settings: "palt";}

.center{
	text-align:center;}

.arcs h2{
	margin-bottom:30px;}

.arcs .t_orange{
	color:#ea5420;}

.arcs .btn a{
	display:block;
	border:6px solid #bbe2e8;
	padding:15px;
	font-size:1.2em;
	font-weight:600;
	text-align:center;
	text-decoration:none;
	border-radius:20px;
	background:#00afcc;
	color:#ff0;
	transition:0.5s;}

.arcs .btn.ora a{
	border:3px solid #e95a24;
	background:#f8b12d;
	color:#000;}

.arcs .btn a:hover{
	opacity:0.7;}

.arcs ul{
	display:flex;
	justify-content:center;
	gap:70px;
	list-style:none;}

.arcs ul.point{
	width:100%;
	justify-content:space-between;
	align-items:flex-end;
	gap:20px;}

.arcs li{
	list-style:none;}

@media screen and (max-width:640px) {
.arcs h2{
	margin-bottom:10px;}

img.spw{
	width:100%}
.spmb20{
	margin-bottom:0px;}

.arcs .t_orange{
	color:#ea5420;
	margin-bottom:0;}

.arcs ul{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:0px;}

.arcs ul.point{
	width:100%;
	flex-direction:column;
	align-items:flex-end;
	gap:10px;
	margin:0 !important;}

.arcs ul.point li{
	width:100%;}

.arcs ul.point li img.ranger{
	height:70px;}
}