@charset "utf-8";

.btnSubmit {
	height: 60px; 
	margin: 16px 0 0 0;
	width: 25%;
}
.btnSubmit.reset {
	margin: 16px 0 0 2px;
}
#contents {
	display: none;
	margin: 0 auto;
	width: 100%;
}
.mobile-only{
	display: none;
}
#index #main, 
#aboutus #main, 
#development #main{
	margin: 0 auto;
	max-width: none;
	padding: 0;
	width:auto;
}
#index #main_contents.cols1, 
#development #main_contents.cols1{
	width: 100%;
	max-width: none;
}
#index > section + section {
	margin-top: 100px;
}
#main_contents {
	display: none;
	float: left;
	width:80%;/*100% - 16.5% - 3.5%*/
}
#sidemenu {
	display: none;
}
#sidemenu h5 {
	background: rgb(6%,6%,6%);
	color: #fff;
	cursor: pointer;
	padding: 12px 0 12px 12px;
	
	/*角を丸くする*/
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}
#sidemenu ul {
	display: block;
}
#index_system_pdf {
	padding-top: 45px;
	margin-top: 50px;
	box-shadow: 0px 5px 14px -8px #707070 inset;
}
#index_system_pdf h3{
	color: #4d4d4d;
	font-weight: 100;
	text-align: center;
}
#index_system_pdf p span {
	text-align: left;
}
#index_system_pdf .btn_gray {
	margin-bottom: 20px;
}
#index_news {
	padding: 60px 0;
	margin-top: 90px;
	background: #e6e6e6;
	margin-bottom: 80px;
}
#index_news h4 {
	color: hsl(199, 19.5%, 50%);
	border-bottom: 2px solid hsl(199, 19.5%, 50%);
}
.index_news_area {
	margin-top: 25px;
}
.index_news_area li{
	color: hsl(199, 19.5%, 50%);
	font-size: 13px;
	font-size: 94%;
}
.index_news_area li + li {
	margin-top: 15px;
}
.index_faq_block {
	margin-top: 20px;
}
.index_faq_block li + li {
	margin-top:60px;
}
#index_faq .btn_detail a {
	font-size: 100%;
	padding: 2px 28px 2px 15px;
	top: 10px;
}

.btn_detail,
.btn_gray {
	text-align: center;
}
.btn_gray a{
	background: #666666;
	border: 2px solid #666666;
	padding: 2px 20px;
	transition: .3s;
	color: #fff;
	border-radius: 100px;
}
.btn_gray a:hover {
	background: #fff;
	color: #666;
	text-decoration: none;
}
.btn_detail a {
	font-size: 11px;
	font-size: 76%;
	color: #535856;
	border: 1px solid #6f8585;
	border-radius: 100px;
	background: #fff;
	position: relative;
	padding: 3px 24px 2px 13px;
}
.btn_detail a:hover {
	text-decoration: none;
}
.btn_detail a:before {
	right: 14px;
	top: 5px;
	top: 50%;
	-webkit-transform: translateY(-50%);/* Safari用 */
	transform: translateY(-50%);
	width: 7px;
	height: 7px;
	margin-top: -5px;
	border-top: 1px solid #535856;
	border-right: 1px solid #535856;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
	position: absolute;
	transition: .3s;
}
.btn_detail a:hover:before{
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	top: 45%;	
}