@charset "utf-8";
*{
	box-sizing: border-box;
}
html{
	-webkit-text-size-adjust:100%;
	font-size: 62.5%;
}
body{ 
	font-size:15px; 
	line-height: 1.6; 
	font-family:"メイリオ"; 
	color:#000000;
}
main {
	display: block;
}
p,a,dt,dd,li,th,td,h1,h2,h3,h4,h5,h6,span {
	font-family: "メイリオ", Meiryo, Osaka, Arial, MS PGothic, "sans-serif";
}
img{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	-ms-interpolation-mode: bicubic;
}
header {
	background-color: #163F70;
}
header p,header a {
	color: #FFFFFF;
}
header .logobox,header .btbox{
	display: flex;
	display: -webkit-flex;
	align-items: center;
}
.btbox .menu a{
background: -webkit-linear-gradient(-45deg, #d74375 0%,#f2b283 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #d74375 0%,#f2b283 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.maintitlearea {
background: -webkit-linear-gradient(left,  #0071bc 0%,#c1dea7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #0071bc 0%,#c1dea7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
.maintitle h1,.maintitle p{
		color: #FFFFFF;
	}
/*---------------------------------------フッター--------------------------------------*/
.footerarea_1 {
	background-color: #4D4D4D;
}
.footerarea_2 {
	background-color: #333333;
}
.footerarea_3 {
	background-color: #191919;
}
.pagetopbt {
	position: fixed;
}
.pagetopbt:hover {
	opacity: 0.6;
}
@media only screen and (min-width:751px) {
	.hidepc{
	display: none;
}
	.navinner,main,.footerarea_1>ul,.footerarea_2>.spacbox,.maintitle {
		max-width: 1000px;
		margin: 0 auto;
	}
	header .logobox,header .btbox {
		min-width: 400px;
	}
	main {
		padding: 0 10px 100px;
	}
	/*---------------------------------------ヘッダー--------------------------------------*/
	.headerinner,.pcgnavi>nav>ul{
	display: flex;
		display: -webkit-flex;
}
	.headerinner {
		justify-content: space-between;
		padding: 14px 0 14px 30px;
		height: 76px;
	}
	.headerinner .logobox .pagetitle{
		font-size: 20px;
		font-weight: bold;
		padding: 3px 5px 0 40px;
		position: relative;
		line-height: 1.2;
	}
	.headerinner .logobox .pagetitle:before {
		position: absolute;
		content: "";
		display: inline-block;
		background-color: #FFFFFF;
		width: 1px;
		height: 24px;
		left: 20px;
		top: 50%;
		margin-top: -12px;
	}
	.btbox li a{
		padding: 30px 25px 27px 70px;
		font-weight: bold;
		height: 100%;
		position: relative;
	}
	.btbox .menu {
		width: 215px;
	}
	.btbox .info {
		width: 185px;
	}
	.btbox .menu a:before {
		position: absolute;
		content: "";
		display: inline-block;
		background: url("/images/common_icon_02.png") no-repeat left top;
		width: 38px;
		height: 22px;
		left: 20px;
		top: 29px;
	}
	.btbox .info a:before {
		position: absolute;
		content: "";
		display: inline-block;
		background: url("/images/common_icon_01.png") no-repeat left top;
		width: 32px;
		height: 24px;
		left: 24px;
		top: 29px;
	}
	/*---------------------------------------グロナビ--------------------------------------*/
	.pcgnavi {
		background-color: #0062B0;
		padding: 15px 0 13px;
	}
	.pcgnavi nav > ul > li > a{
		color: #FFFFFF;
		font-size: 12px;
		font-weight: bold;
		padding: 18px 9px 15px 9px;
		position: relative;
	}
	.pcgnavi nav > ul >.dropdwnli > a {
		padding-right: 26px;
	}
	.pcgnavi nav > ul >.dropdwnli > a:after {
		content: "";
		position: absolute;
		display: inline-block;
		right: 12px;
		top: 23px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 7px 5px 0 5px;
		border-color: #00a99e transparent transparent transparent;
	}
	/*---------------------------------------フッター--------------------------------------*/
	.footerarea_1 {
		padding: 30px 5px 0;
	}
	.footerttl {
		margin: 0 auto 15px;
		color: #FFFFFF;
		font-weight: bold;
		max-width: 1000px;
	}
	.footerarea_1 ul,.spacbox,.footerarea_3,.footerarea_3 ul{
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	.footerarea_1 > ul > li {
		width: 50%;
		margin-bottom: 30px;
	}
/*	.footerarea_1 > ul > li:last-of-type {
		width: 100%;
	}*/
	.footerarea_1 > ul > li:nth-of-type(2) ul{
		display: block;
	}
	
	.footerarea_1 > ul > li > p{
		font-weight: bold;
		color: #22C0C4;
	}
	.footerarea_1 > ul > li:last-of-type > ul >li {
		width: 25%;
	}
/*	.footerarea_1 > ul > li > ul >li {
		margin-bottom: 10px;
	}*/
	.footerarea_1 > ul > li > ul >li >a,.spacbox li a{
		font-size: 13px;
		color: #FFFFFF;
	}
	.footerarea_2 .spacbox {
		padding: 30px 5px 0;
	}
	.footerarea_2 .spacbox > li {
		padding-left: 15px;
	}
	.footerarea_2 p.linktop,.footerarea_2 p.linktop a {
		font-size: 15px;
		font-weight: bold;
		color: #FFFFFF;
		position: relative;
	}
	.footerarea_2 .spacbox li a {
		position: relative;
	}
	.footerarea_2 p.linktop:before,.footerarea_2 p.linktop a:before,.footerarea_2 .spacbox li a:before {
		display: inline-block;
		position: absolute;
		content: "";
	}
	.footerarea_2 p.linktop:before,.footerarea_2 p.linktop a:before {
		width: 8px;
		height: 8px;
		left: -15px;
		top: 8px;
		background-color: #22C0C4;
		transform: rotate(45deg);
	}
	.footerarea_2 .spacbox li a:before {
		width: 3px;
		height: 3px;
		left: -13px;
		top: 7px;
		background-color: #22C0C4;
		transform: rotate(45deg);
	}
	.footerarea_2 .spacbox>li {
		width: 24%;
		padding-right: 5px;
	}
	.footerarea_2 .spacbox>li>p,.footerarea_2 .spac {
		margin-bottom: 35px;
	}
	.footerarea_2 .spac ul li a {
		margin-bottom: 13px;
	}
	.spacbox>li {
		position: relative;
	}
	.spacbox>li:before {
		position: absolute;
		content: "";
		display: inline-block;
		width: 1px;
		height: 87%;
		background-color: #666666;
		top: 0;
		left: -5%;
	}
	.footerarea_3 {
		padding: 25px 25px 60px;
	}
	.footerarea_3 p a,.footerarea_3 p small,.footerarea_3 li a{
		color: #FFFFFF;
		font-size: 13px;
	}
	.footerarea_3 li {
		position: relative;
	}
	.footerarea_3 li:before {
		position: absolute;
		content: "";
		display: inline-block;
		width: 1px;
		height: 80%;
		left: -40px;
		top: 3px;
		background-color: #FFFFFF;
	}
	.footerarea_3 li:first-of-type:before {
		display: none;
	}
	.pagetopbt {
	bottom: 135px;
	right: 10px;
}
	.footerarea_1 .spac li p,.footerarea_2 .spac p {
		pointer-events: none;
	}
	/*---------------------------------------PCグロナビドロップダウン--------------------------------------*/
	.pcgnavi {
		position: relative;
	}
	.dropdwnbox {
		position: absolute;
		background-color: #F0F0F1;
		width: 100%;
		left: 0;
		top: 53px;
		z-index: 9999;
	}
	.dropdwnfloat {
		width: 1000px;
		margin: 0 auto;
		display: -webkit-flex;
		display: flex;
		padding: 30px 15px;
	}
	.dropdwnfloat .floatright p a{
		font-weight: bold;
	}
	.dropdwnli .dropdwnfloat  .floatright p{
		margin-bottom: 15px;
		position: relative;
	}
	.dropdwnli .dropdwnfloat .floatright p:after{
		content: "";
		position: absolute;
		display: inline-block;
		width: 30px;
		height: 1px;
		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+ */
		left: 0;
		bottom: -5px;
	}
	.dropdwnfloat .floatright ul {
		display: flex;
		display: -webkit-flex;
		flex-direction: column;
		flex-wrap: wrap;
		height: 60px;
	}
	.dropdwnfloat .floatright ul li {
		margin-bottom: 4px;
		position: relative;
	}
	.dropdwnfloat .floatright ul li:before {
		content: "";
		position: absolute;
		display: inline-block;
		width: 7px;
		height: 7px;
		background-color: #22C0C4;
		transform: rotate(-45deg);
		left: 0;
		top: 9px;
	}
	.dropdwnfloat .floatright ul li:nth-child(odd):after {
		content: "";
		position: absolute;
		display: inline-block;
		width: 1px;
		height: 45px;
		background-color: #CCCCCC;
		left: -20px;
		top: 3px;
	}
	.dropdwnfloat .floatright ul li:first-of-type:after {
		display: none;
	}
	.dropdwnfloat .floatright ul li a{
		padding: 8px 70px 8px 15px;
		font-size: 13px;
	}
	/*---------------------------------------リンク体裁--------------------------------------*/
	.btbox li a,.dropdwnli>a {
		transition: 0.4s;
		transition-property: background,color;
		height: 100%;
	}
	.btbox .info a:hover {
		background-color: #FFFFFF;
		color: #163F70;
		text-decoration: none;
	}
	.btbox .menu a:hover {
		background: #FFFFFF;
		color: #D74375;
		text-decoration: none;
	}
	.pcgnavi nav > ul > li > a:hover,.pcgnavi nav > ul > li > a.active {
		background-color: #F0F0F1;
		color: #163F70;
		text-decoration: none;
	}
	.pcgnavi nav > ul > li:hover .gnavihover{
		background-color: #F0F0F1;
		color: #163F70;
		text-decoration: none;
	}
	.ic-pdf{
		 margin-right:.3em; padding:0 18px 0 0; background:url("/images/pdf_small.gif") right center no-repeat; 
	}
	.ic-blank_window{
		 margin-right:.3em; padding:0 18px 0 0; background:url("/images/blank_window.gif") right center no-repeat;
	}
	/*---------------------------------------ページタイトル--------------------------------------*/
	.maintitle {
		padding: 35px;
	}
	
	.maintitle h1 {
		font-size: 36px;
		font-weight: bold;
		line-height: 1.1;
		position: relative;
	}
	.maintitle h1:before {
		position: absolute;
		display: inline-block;
		content: "";
		background: url("/images/common_icon_03.png") no-repeat left center / 28px 54px;
		top: 45%;
		margin-top: -27px;
		left: -35px;
		width: 28px;
		height: 54px;
	}
	.pankuzu ul {
		display: flex;
		display: -webkit-flex;
		padding: 20px 0;
	}
	.pankuzu ul li{
		position: relative;
		padding-left: 20px;
	}
	.pankuzu ul li:before{
		position: absolute;
		display: inline-block;
		content: ">";
		width: 15px;
		height: 15px;
		left: 5px;
		top: 0;
	}
	.pankuzu ul li:first-of-type:before{
		display: none;
	}
	.pankuzu ul .linktop {
		width: 45px;
		padding-left: 0;
	}
}
@media only screen and (max-width:751px) {
	body {
		width: 100%;
		min-width: 320px;
	}
	a {
		display: block;
		font-size: 13px;
	}
	p,li,th,td,dt,dd {
		font-size: 13px;
	}
	.pankuzu {
		display: none;
	}
	.mainwrapper a {
		display: inline-block;
	}
	.mainwrapper .news_list a {
		display: block;
	}
	main {
		padding: 15px 10px 30px;
	}
	.hidesp{
	display: none;
}
	.spfloat {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		padding: 10px;
	}
/*---------------------------------------SPヘッダー--------------------------------------*/
	
	.logobox .logo img{
		width: 100px;
	}
	.logobox .pagetitle {
		font-size: 13px;
		font-weight: bold;
		padding-left: 18px;
		position: relative;
	}
	.logobox .pagetitle:before {
		position: absolute;
		display: inline-block;
		content: "";
		width: 1px;
		height: 90%;
		background-color: #FFFFFF;
		left: 10px;
		top: 0;
	}
	.menubt.hidepc {
		width: 21px;
		height: 18px;
		background:  url("/images/sp_menu_open.png") no-repeat left top / 21px 18px;
		margin-top: 3px;
		cursor: pointer;
	}
	.menubt.hidepc.active {
		width: 21px;
		height: 18px;
		background: url("/images/sp_menu_close.png") no-repeat left top / 19px 18px;
	}
	.btbox li{
		width: 50%;
		text-align: center;
		position: relative;
		display: -webkit-flex;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%;
	}
	.btbox li a {
		width: 100%;
		font-size: 13px;
		padding: 10px 5px 10px 5px;
		font-weight: bold;
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		-webkit-justify-content: center;
		align-items: center;
		height: 100%;
	}
	.btbox .info {
		background-color: #0062B0;
	}
	.btbox .info a:before {
		display: inline-block;
		content: "";
		width: 16px;
		height: 12px;
		background: url("/images/common_icon_01.png") no-repeat left top / 16px 12px;
		left: 0;
		top: 14px;
		margin-right: 3px;
	}
	.btbox .menu a:before {
		display: inline-block;
		content: "";
		width: 19px;
		height: 11px;
		background: url("/images/common_icon_02.png") no-repeat left top / 19px 11px;
		left: 0;
		top: 14px;
		margin-right: 3px;
	}
/*---------------------------------------SPフッター--------------------------------------*/
	.footerarea_1 .footerttl {
		display: none;
	}
	.footerarea_1 .spac li {
		padding: 10px 15px 8px;
		cursor: pointer;
	}
	.footerarea_1 .spac>li {
		border-bottom: solid 1px #7F7E7E;
	}
	.footerarea_1 .spac li a {
		font-size: 13px;
		color: #FFFFFF;
	}
	.footerarea_1 p {
		font-size: 13px;
		font-weight: bold;
		color: #22C0C4;
	}
	.footerarea_2 .spacbox > li >p,.footerarea_2 .spacbox > li >.spac{
		padding: 10px 15px 8px;
		border-bottom: solid 1px #666666;
	}
	.footerarea_2 .spacbox > li >p a,.footerarea_2 .spacbox > li >.spac p {
		font-weight: bold;
		height: 100%;
	}
	.footerarea_2 .spacbox > li >p a,.footerarea_2 .spacbox > li >.spac a,.footerarea_2 .spacbox > li >.spac p,.footerarea_3 a,.footerarea_3 p {
		color: #FFFFFF;
		font-size: 13px;
	}
	.footerarea_2 .spacbox > li >.spac ul li a {
		padding: 8px 15px;
	}
	.footerarea_3 {
		padding: 25px 0 20px;
	}
	.footerarea_3 p small{
		font-size: 11px;
	}
	.footerarea_3 p {
		text-align: center;
	}
	.footerarea_3 ul {
		display: flex;
		display: -webkit-flex;
		margin: 0 auto 18px;
		max-width: 400px;
	}
	.footerarea_3 ul li {
		margin-left: 20px;
		position: relative;
	}
	.footerarea_3 ul li:before {
		position: absolute;
		display: inline-block;
		content: "";
		width: 1px;
		height: 70%;
		background-color: #FFFFFF;
		left: -10px;
		top: 2px;
	}
	.footerarea_3 ul li:first-of-type:before {
		display: none;
	}
	.footerarea_2 .spac p {
		pointer-events: all;
	}
	.footerarea_1 .spac ul,.footerarea_2 .spac ul {
		display: none;
	}
	.pagetopbt {
		width: 35px;
		bottom: 83px;
		right: 10px;
	}
	.spac p {
		position: relative;
	}
	.spac p:before {
		position: absolute;
		display: inline-block;
		content: "";
		right: 5px;
		top: 43%;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 6px 4px 0 4px;
		border-color: #FFFFFF transparent transparent transparent;
	}
	.spac p.active:before {
		position: absolute;
		display: inline-block;
		content: "";
		right: 5px;
		top: 43%;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 6px 4px 0 4px;
		border-color: #FFFFFF transparent transparent transparent;
		transform: rotate(-180deg);
	}
/*---------------------------------------SPグロナビドロップダウン--------------------------------------*/
	.hidepc .spac {
		position: absolute;
		top: 40px;
		left: 0;
		z-index: 9999;
		background-color: #163F70;
		width: 100%;
	}
	.hidepc .spac > ul > li >p,.hidepc .spac > ul > li > a {
		font-weight: bold;
		position: relative;
		cursor: pointer;
	}
	.hidepc .spac > ul > li {
		border-bottom: solid 1px #FFFFFF;
	}
	.hidepc .spac > ul > .acicon >a:before {
		position: absolute;
		display: inline-block;
		content: "";
		right: 20px;
		top: 45%;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 7px 5px 0 5px;
		border-color: #00a99e transparent transparent transparent;
	}
	.hidepc .spac > ul > .acicon.active >a:before {
		position: absolute;
		display: inline-block;
		content: "";
		right: 20px;
		top: 45%;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 7px 5px 0 5px;
		border-color: #00a99e transparent transparent transparent;
		transform: rotate(-180deg);
	}
	.hidepc .spac ul li a,.hidepc .spac ul li p{
		padding: 13px;
	}
	.hidepc .spac > ul > li >ul {
		padding-left: 30px;
	}
	.hidepc .spac > ul > li >ul > li {
		position: relative;
	}
	.hidepc .spac > ul > li >ul > li:before {
		position: absolute;
		display: inline-block;
		content: "";
		left: 0;
		top: 43%;
		width: 7px;
		height: 7px;
		background-color: #22C0C4;
		transform: rotate(-45deg);
	}
	/*---------------------------------------ページタイトル--------------------------------------*/
	.maintitle {
		padding: 15px;
	}
	.maintitle h1 {
		font-weight: bold;
		font-size: 25px;
		padding-left: 20px;
		position: relative;
	}
	.maintitle h1:before {
		position: absolute;
		display: inline-block;
		content: "";
		background: url("/images/common_icon_03.png") no-repeat left top / 14px 27px;
		width: 14px;
		height: 27px;
		top: 5px;
		left: 0;
	}
	.pankuzu ul {
		display: flex;
		display: -webkit-flex;
		padding: 10px 0;
	}
	.pankuzu ul li{
		position: relative;
		padding-left: 15px;
		font-size: 13px;
	}
	.pankuzu ul li:before{
		position: absolute;
		display: inline-block;
		content: ">";
		width: 13px;
		height: 13px;
		left: 3px;
		top: 0;
	}
	.pankuzu ul li:first-of-type:before{
		display: none;
	}
	.pankuzu ul .linktop {
		width: 35px;
		padding: 0;
	}
	/*---------------------------------------リンク体裁--------------------------------------*/
	.btbox li a {
		transition: 0.8s;
	}
	.btbox .info a:hover {
		background-color: #FFFFFF;
		color: #0062B0;
		text-decoration: none;
	}
	.btbox .menu a:hover {
		background: #FFFFFF;
		color: #D74375;
		text-decoration: none;
	}
	.hidepc .spac > ul > li >a:hover{
		text-decoration: none;
		background-color: #0062B0;
		color: #FFFFFF;
	}
	.hidepc .spac > ul > li ul li a:hover{
		color: #FFFFFF;
	}
	a .ic-pdf,a.ic-pdf{
		 margin-right:.3em; padding:0 18px 0 0; background:url("/images/pdf_small.gif") right center no-repeat; 
	}
	a .ic-blank_window,a.ic-blank_window {
		 margin-right:.3em; padding:0 18px 0 0; background:url("/images/blank_window.gif") right center no-repeat;
	}
}