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

/*---------------header----------------*/
#support.support_single nav#mainmenu ul.dropmenu li.supportmenu ul li:nth-child(5) a {
	background-image: url(/img/nav_pointer-blue.png);
}

/*---------------wrapper----------------*/
.mainwrap {
	max-width: 800px;
}
.title2wrap:after {
	left: 50%;
	transform: translateX(-50%);
}

.linkarea p {
	text-align:center;
}
.top-linkarea {
	background-color:#dcdcdc;
}
.top-linkarea p:first-child {
	padding-top:30px;
	padding-bottom:30px;
}
.top-linkarea p:last-child {
	padding-bottom:30px;
}
.top-linkarea p  a {
	color: #BA0001;
	text-decoration: none;
	border: 1px solid #BA0001;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:30px;
	padding-right:30px;
	font-weight:bold;
	transition:0.3s;
	font-size:16px;
}
.top-linkarea p a:hover {
	color: #ffffff;
	background-color:#ba0001;
}
.sr-web_formlink {
	margin-bottom:30px;
}
.sr-web_formlink .buttonwrap ul {
	border-spacing:30px;
	display:table;
	padding-left:0;
	margin:0 auto;
}
.sr-web_formlink .buttonwrap ul li {
	display:table-cell;
}
.sr-web_formlink .buttonwrap ul li a {
	text-decoration: none;
	color: #ba0001;
	font-weight: bold;
	font-size: 16px;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 30px;
	padding-right: 30px;
	border: 1px solid #BA0001;
	transition:0.3s;
}
.sr-web_formlink .buttonwrap ul li a:hover {
	color: #ffffff;
	background-color:#ba0001;
}
.sr-web_formlink .buttonwrap i {
	font-size:20px;
}
.contents_wrap table {
	width:100%;
	margin-bottom:20px;
}
.contents_wrap table tr th {
	color: #ffffff;
	background-color: #004ea2;
	padding-bottom: 10px;
	padding-top: 10px;
	border: 1px solid #DCDCDC;
}
.contents_wrap table tr td {
	border: 1px solid #DCDCDC;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
}
.contents_wrap table tr td:first-child {
	width:20%;
	text-align:center;
}
.contents_wrap .tablearea_general table tr td:first-child {
	width:100%;
	text-align:left;
}.contents_wrap .tablearea_general table tr.target td {
	text-align:center;
}
.contents_wrap table + p {
	margin-bottom:50px;
}
.contents_wrap table tr.target {
	background-color:#767676;
	color:#ffffff;
	text-align:center;
}
.linkarea h3 + p {
	margin-bottom:30px;
}
.tablearea + p {
	margin-bottom:50px;
}
.tablearea_mente,
.tablearea_general {
	margin-bottom:50px;
}


/*sns*/
.singletitle {
	margin-bottom:50px;
}
.singletitle h3 {
	margin-bottom:0;
	font-size:18px;
	padding-bottom:5px;
}
.snswrap {
	overflow: hidden;
	margin-top: 0px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0px;
	padding-left:0;
}
.snswrap li {
	list-style: none;
	float: right;
	margin-left: 20px;
	font-size: 25px;
}
.snswrap li i {
	transition:0.3s;
}
.snswrap li:nth-child(1) i {
	color: #4265B6;
}
.snswrap li:nth-child(2) i {
	color: #1497DD;
}
.snswrap li:hover i {
	opacity:0.8;
}
/*---------------sidenav----------------*/
.sidenav ul li:nth-child(5) a {
	background-image: url(/img/nav_pointer-blue.png);
}

/*---------------footer----------------*/


/*===============================================
●smart.css  画面の横幅が1150px以下
===============================================*/
@media screen and (max-width: 1150px) {
/*---------------header----------------*/


/*---------------wrapper----------------*/
	.top-linkarea {
		margin-bottom: 50px;
	}


/*---------------footer----------------*/


}

/*===============================================
  画面の横幅が960px未満
===============================================*/
@media screen and (max-width: 960px) {
/*---------------header----------------*/
	#support.support_single nav#mainmenu ul.dropmenu li.supportmenu ul li:nth-child(5) a {
		background-image: none;
	}
	#support.support_single nav#mainmenu ul.dropmenu li.supportmenu ul li:nth-child(4) a {
		color: #767676;
	}


/*---------------wrapper----------------*/


/*---------------footer----------------*/


}

/*===============================================
●style.css 画面の横幅が640px以下
===============================================*/
@media screen and (max-width: 640px){

/*---------------header----------------*/


/*---------------wrapper----------------*/
	#support .mainimg {
	background-size: cover;
	background-position: -800px center;
	}
	.singletitle h3 {
		line-height: 1.6em;
		margin-bottom: 10px;
	}
	.top-linkarea p {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	.top-linkarea p a {
		display: block;
	}
	.contents_wrap table {
		width: 200%;
	}
	.contents_wrap .tablearea_general table {
		width:100%;
	}


/*---------------footer----------------*/
}

@media print {

}