@charset "utf-8";
.mainimgarea {
	background: url("/images/mainbg_01.png") no-repeat center top / cover;
	height: 100%;
}
.mainimg {
	display: flex;
	margin: 0 auto;
}
.mainimg p,h1 {
	color: #FFFFFF;
}
.linkbtarea {
	background-color: #F0F0F1;
		padding: 25px 0;
}
/*---------------------------------------リンク体裁--------------------------------------*/
	.linkbt a,.area1 ul li{
		transition: 0.4s;
	}
@media only screen and (min-width:751px) {
	/*---------------------------------------メインヴィジュアル--------------------------------------*/
	.mainimg {
	max-width: 1000px;
	padding: 30px 0 30px;
		align-items: center;
}
	.mainimg figure {
		width: 219px;
	}
	.mainimg h1 {
		font-size: 30px;
		font-weight: bold;
	}
	.mainimg .subtext,h2 span{
		font-size: 10px;
		font-family: Arial, Helvetica, "sans-serif";
		font-weight: normal;
	}
	.linkbtarea > .linkbt {
		margin: 0 auto 0;
	
		width: 278px;
		height: 54px;
	}
	.linkbtarea > .linkbt a {
		background: url("/images/mainimg_02.png") no-repeat center top;
		display: block;
		height: 100%;
	}
	.linkbtarea > .linkbt a:hover {
		background: url("/images/mainimg_02h.png") no-repeat center top;
	}
	/*---------------------------------------見出し--------------------------------------*/
	h2 {
		font-weight: bold;
		font-size: 20px;
		line-height: 1.2;
		padding-bottom: 5px;
		margin-bottom: 15px;
		position: relative;
	}
	h2:before {
		position: absolute;
		display: inline-block;
		content: "";
		height: 1px;
		width: 30px;
		bottom: 0;
		left: 0;
		background: -webkit-linear-gradient(left,  #d74375 0%,#f2b283 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  #d74375 0%,#f2b283 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
	section {
		margin-top: 30px;
	}
	/*---------------------------------------サポートメニュー--------------------------------------*/
	.area1 ul {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.area1 ul li {
		width: 24%;
		min-height: 290px;
		text-align: center;
		transition: 0.9s;
		transition-property: background,color;
	}
	.area1 ul li a {
		padding: 115px 20px 25px;
		display: block;
		width: 100%;
		text-decoration: none;
		transition: 0.9s;
	}
	.area1 ul .style1 a {
		background: url("/images/common_img_02.png") no-repeat center top 30px,#F0F0F1;
	}
	.area1 ul .style1:hover a {
		background: url("/images/common_img_02h.png") no-repeat center top 30px;
	}
	.area1 ul .style2 a {
		background: url("/images/common_img_03.png") no-repeat center top 30px,#F0F0F1;
	}
	.area1 ul .style2:hover a {
		background: url("/images/common_img_03h.png") no-repeat center top 30px;
	}
	.area1 ul .style3 a {
		background: url("/images/common_img_04.png") no-repeat center top 30px,#F0F0F1;
	}
	.area1 ul .style3:hover a {
		background: url("/images/common_img_04h.png") no-repeat center top 30px;
	}
	.area1 ul .style4 a {
		background: url("/images/common_img_05.png") no-repeat center top 30px,#F0F0F1;
	}
	.area1 ul .style4:hover a {
		background: url("/images/common_img_05h.png") no-repeat center top 30px;
	}
	.area1 ul li dt {
		font-weight: bold;
		margin-top: 25px;
		position: relative;
		padding: 11px 0;
	}
	.area1 ul li dt:before {
		position: absolute;
		display: inline-block;
		content: "";
		height: 1px;
		width: 64px;
		bottom: -5px;
		left: 35%;
		background-color: #999999;
	}
	.area1 ul li dd {
		margin-top: 15px;
		line-height: 1.5;
		color: #000000;
	}
	.area1 ul li:hover {
		background: -webkit-linear-gradient(top,  #003e8b 0%,#07529b 31%,#066eb3 68%,#207bb9 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #003e8b 0%,#07529b 31%,#066eb3 68%,#207bb9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
	.area1 ul li:hover dl dt,.area1 ul li:hover dl dd{
		color: #FFFFFF;
	}
	.area1 ul .style1 dl dt {
		padding: 0;
	}
	/*---------------------------------------お知らせ--------------------------------------*/
	.area2 ul li dl {
		display: flex;
		padding: 13px 0;
	}
	.area2 ul li{
	border-bottom: solid 1px #CCCCCC;
	}
	.area2 ul li dl dt {
		color: #000000;
		width: 100px;
	}
	.linkstyle {
		text-align: right;
		margin: 10px 0;
	}
	.linkstyle a {
		padding-right: 20px;
		background: url("/images/common_linkicon_01.png") no-repeat right 3px top 4px / 8px 13px;
	}
}
@media only screen and (max-width:750px) {
	/*---------------------------------------メインヴィジュアル--------------------------------------*/
	.mainimg {
		padding: 20px 10px 15px 0;
		justify-content: center;
		align-items: center;
	}
	.mainimg figure {
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0 15px;
	}
	.mainimg figure img{
		padding: 0;
		margin: 0;
		min-width: 40px;
	}
	.mainimg h1 {
		font-size: 17px;
		font-weight: bold;
		line-height: 1.2;
		margin-bottom: 5px;
	}
	.mainimg p,h2 span{
		font-size: 10px;
		font-family: Arial, Helvetica, "sans-serif";
		font-weight: normal;
	}
	.linkbtarea > .linkbt {
		margin: 0 auto 0;
		width: 278px;
		height: 54px;
	}
	.linkbtarea > .linkbt a{
		background: url("/images/mainimg_02.png") no-repeat center top / 278px 54px;
		display: block;
		height: 100%;
	}
	.linkbtarea > .linkbt a:hover {
		background: url("/images/mainimg_02h.png") no-repeat center top / 278px 54px;
	}
	/*---------------------------------------見出し--------------------------------------*/
	h2 {
		font-weight: bold;
		font-size: 20px;
		line-height: 1.2;
		padding-bottom: 5px;
		margin-bottom: 15px;
		position: relative;
		text-align: center;
	}
	h2:before {
		position: absolute;
		display: inline-block;
		content: "";
		height: 1px;
		width: 30px;
		bottom: 0;
		left: 50%;
		margin-left: -15px;
		background: -webkit-linear-gradient(left,  #d74375 0%,#f2b283 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  #d74375 0%,#f2b283 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
	section {
		margin-top: 20px;
	}
	/*---------------------------------------サポートメニュー--------------------------------------*/
	.area1 ul {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.area1 ul li {
		width: 50%;
		border-left: solid 1px #FFFFFF;
		border-bottom: solid 1px #FFFFFF;
		background-color: #F0F0F1;
		text-align: center;
	}
	.area1 ul li a {
		padding: 120px 10px 25px;
		text-decoration: none;
		height: 100%;
	}
	.area1 ul li dt {
		font-weight: bold;
		position: relative;
		padding: 11px 0;
	}
	.area1 ul li dt:before {
		position: absolute;
		display: inline-block;
		content: "";
		height: 1px;
		width: 64px;
		bottom: -5px;
		left: 35%;
		background-color: #999999;
	}
	.area1 ul li dd {
		margin-top: 15px;
		line-height: 1.5;
		color: #000000;
	}
	.area1 ul li:hover {
		background: -webkit-linear-gradient(top,  #003e8b 0%,#07529b 31%,#066eb3 68%,#207bb9 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #003e8b 0%,#07529b 31%,#066eb3 68%,#207bb9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
	.area1 ul li:hover dl dt,.area1 ul li:hover dl dd {
		color: #FFFFFF;
	}
	.area1 ul .style1 a {
		background: url("/images/common_img_02.png") no-repeat center top 30px;
	}
	.area1 ul .style1:hover a {
		background: url("/images/common_img_02h.png") no-repeat center top 30px;
	}
	.area1 ul .style2 a {
		background: url("/images/common_img_03.png") no-repeat center top 30px;
	}
	.area1 ul .style2:hover a {
		background: url("/images/common_img_03h.png") no-repeat center top 30px;
	}
	.area1 ul .style3 a {
		background: url("/images/common_img_04.png") no-repeat center top 30px;
	}
	.area1 ul .style3:hover a {
		background: url("/images/common_img_04h.png") no-repeat center top 30px;
	}
	.area1 ul .style4 a {
		background: url("/images/common_img_05.png") no-repeat center top 30px;
	}
	.area1 ul .style4:hover a {
		background: url("/images/common_img_05h.png") no-repeat center top 30px;
	}
	/*---------------------------------------お知らせ--------------------------------------*/
	.area2 {
		padding-bottom: 20px;
	}
	.area2 ul li dl {
		padding: 13px 10px;
	}
	.area2 ul li{
	border-bottom: solid 1px #CCCCCC;
	}
	.area2 ul li dl dt {
		color: #000000;
		margin-right: 30px;
	}
	.linkstyle {
		text-align: right;
		margin: 10px 0;
	}
	.linkstyle a {
		padding-right: 20px;
		background: url("/images/common_linkicon_01.png") no-repeat right 3px top 4px / 8px 13px;
	}
}