@charset "UTF-8";
#sut,#sut_contents {
}
/*--画面幅960pxまでの部分にこれ--*/
#program_basic_before{
	background: #fff;
	padding: 10%;
}
#program_basic_before .comingsoon{
	font-size:150%;
	text-align: center;
}

#program_basic{
	background: #dceeff;
	padding: 1% 0;
}
#program_basic .contents_width{
	max-width:960px;
	margin:0 auto;
}
#program_basic .main_contents{
	margin:3% auto;
}
#program_basic .logoimage{
	margin: 1% auto;
	width: 50%;
	display: block;
}
#program_basic .mainimage{
	margin: 1% auto 4%;
	display: block;
	width: 70%;
}
#program_basic .link_flexWrap{
	display:flex;
	align-items:center;
	justify-content:center;
}
#program_basic .link_title {
	color:#1e90ff;
	font-weight:900;
	font-size:2.3rem;
	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:1% 2%;
	margin:1%;
	width:30%;
	text-align:center;
	font-size:2rem;
	border-radius: 8px;
}
#program_basic .official_link:hover{
	opacity:0.7;
}
#program_basic .btn_mezamashi{
	background:#ff5600;
}
#program_basic .btn_nonstop{
	background:#42b82d;
}