@charset "UTF-8";
#sut,#sut_contents {
	font-size:clamp(12px, 3.8vw, 19px);
	font-family: Noto Sans JP, sans-serif;
	width: 100%;
	color: #161616;
}
#program_basic_before{
	background: #fff;
	padding: 10%;
	min-height: 100vh;
}
#program_basic_before .comingsoon{
	font-size:150%;
	text-align: center;
}

#program_basic{
	background: #dceeff;
	padding: 1% 0 20%;
	margin-top: 5%;
}

#program_basic .main_contents{
	margin:3% auto;
}
#program_basic .main_contents{
	margin:3% auto;
}
#program_basic .logoimage{
	margin: 5% auto;
	width: 90%;
	display: block;
}
#program_basic .mainimage{
	margin: 1% auto 8%;
	display: block;
	width: 90%;
}
#program_basic .link_flexWrap{
	display:block;
}
#program_basic .link_title {
	color:#1e90ff;
	font-weight:900;
	font-size: 5vw;
	align-items: center;
	display: flex;
	justify-content: center;
}
#program_basic .link_title::before,
#program_basic .link_title::after {
	background-color: #1e90ff;
	border-radius: 5px;
	content: "";
	height: 4px;
	width: 30px;
}
#program_basic .link_title::before {
	margin-right: 10px;
	transform: rotate(60deg);
}
#program_basic .link_title::after {
	margin-left: 10px;
	transform: rotate(-60deg);
}
#program_basic .official_link{
	display:block;
	color:#fff;
	font-weight:700;
	padding:2%;
	margin:3% auto;
	width:90%;
	text-align:center;
	font-size:5.5vw;
	border-radius: 8px;
}
#program_basic .btn_mezamashi{
	background:#ff5600;
}
#program_basic .btn_nonstop{
	background:#42b82d;
}