@charset "UTF-8";

/*--------------------------------------------------------------------
=== [レスポンシブ] ====================================
 -------------------------------------------------------------------*/


.pcHide {
display: none!important;
}

/*.spHide {
display: block!important;
}*/

.spGnav {
	display: none;
	}

@media (min-width: 769px){
	.unitColumnW .columnWrap:nth-of-type(n+2){
		padding: 40px 50px 0px
	}
}

@media (max-width: 768px){
	
body {
	font-size: 3.73vmin;
	background-color: #fff;
}	
	
.pcHide {
display: block!important;
}

.spHide {
display: none!important;
}

 #wrapper{
	 overflow: hidden;
	 }
	
.inner {
    margin: 0 2.66vmin;
}	
	
main {
	padding-bottom: 16vmin;
	margin-bottom: 0;
	}
	
	
main .mainInner {
    padding: 2.66vmin;
}	
	
/*----- header -----*/
	
header {
	border-top: 5px solid #D2DBE7;
	padding: 2.66vmin 0;
	}	
	
header .headUpr .inner .logo {
	width: 59.66vmin;
	}	
	
header .headUpr .inner {
	max-width: inherit!important;
    padding: inherit!important;
}	
	
header .headUpr {
    padding-bottom: 0;
}
#spNav ul {
	display: flex;
	gap:0 2.66vmin;
	}
	
#spNav ul li {
	width: 10.66vmin;
	height: 10.66vmin;
	}
	
header .gNav {
	display: none;
	}
	
.spGnav {
	display: none;
	position: absolute;
	width: 100%;
	margin-top: 2.66vmin;
	z-index: 20;
		}
.spGnav a {
	color: #fff;
	text-decoration: none;
}
	
.spGnavUpr {
	background-color:#F6F5F6; 
	padding: 5.33vmin 2.66vmin;}
	

.spGnavUpr .search {
    display: flex;
    align-items: center;
}

.spGnavUpr.search label {
    width: 100%;
}

.spGnavUpr .search input {
    width: 70.66vmin;
    height: 40px;
    padding: 15px;
    border: 1px solid #e0e0e0;
    box-sizing: border-box;
    color: #000;
    outline: none;
	 border-radius: 5px 0 0 5px;
	background-color: #fff;
}
.spGnavUpr .search input::placeholder {
	    color: #999;
	}

.spGnavUpr .search button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24vmin;
    height: 40px;
    border: none;
    background-color: #4070ff;
    color: #fff;
    cursor: pointer;
	border-radius:0 5px 5px 0;
	font-size:14px;
	transition: 0.3s;
}
.spGnavUpr .search button:hover {
	opacity: 0.7;
	}

.spGnavUpr .search button::after {
    width: 15px;
    height: 15px;
    margin-left: 5px;
    background-image: url(/lib/content/000011674.svg);
    background-repeat: no-repeat;
    content: '';
}
	
.spGnavUpr .siteMap {
	text-align: right;
	margin-top: 5.33vmin;
	}
.spGnavUpr .siteMap a {
	font-size: 4.26vmin;
	color: #000;
	font-weight: 500;
	text-decoration: none;
	}

.spGnavUpr .siteMap:before {
	content: '';
	display: inline-block;
	background-image: url(/lib/content/000011688.svg);
	background-size: cover;
        width: 2.13vmin;
        height: 2.66vmin;
        margin-right: 1.33vmin;
	}	
	

.spGnav .primary,.spGnav .secondary div {
  background-color: #385CCA;
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;	
	min-height: 13.33vmin;
	padding: 2.66vmin 13.32vmin 2.66vmin 4vmin;
}
.spGnav .secondary div.link a {
  height: 100%;
	width: 100%;
  display: flex;
  align-items: center;		
}	
	
.spGnav .secondary div {
  border-bottom: 1px solid #fff;
  background-color: #416AE8;
	}
	
.spGnav .primary:after,.spGnav .secondary div:after {
	content: "";
	display: inline-block;
	  color: #fff;
	  width: 4.26vmin;
	  height: 0.53vmin;
	  background: #fff;
	right: 4.53vmin;
	position: absolute;
	}

.spGnav .primary:before,.spGnav .secondary div:before {
	content: "";
	display: inline-block;
	  color: #fff;
	  height: 4.26vmin;
	  width: 0.53vmin;
	  background: #fff;
	right: 6.4vmin;
	position: absolute;	
}	
	
.spGnav .primary.active:before {
	content: "";
    width: 13.33vmin;
	height: 13.33vmin;
  	background-color: #244ABE;
    right: 0;
	}
.spGnav .secondary .active:before {
	content: none;	
	}
.spGnav .secondary .active {
	background-color: #244ABE;
	}

.spGnav .secondary {
  display: none;
}
	
.spGnav .secondary.link	div:before,.spGnav .secondary.link	div:after,.spGnav .secondary div.link:before,.spGnav .secondary div.link:after {
	content: none;
	}

.spGnav .tertiary {
	display: none;
}
	
.spGnav .tertiary li {
  background-color: #244ABE;
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;	
	min-height: 13.33vmin;
    padding: 2.66vmin 4vmin;
	  border-bottom: 1px solid #fff;
}	

.spGnav .secondary.open {
  display: block;
}


	
	
/*----- footer -----*/
	
footer .spGnav {
	display: block!important;
	position: inherit;
	}	

footer .uprMenuWrap,#footMenu {
	display: none;
	}
footer .btmMenu ul {
	display: none!important;
	}
	
	
footer .externalLink {
    background-color: #fff;
    padding: 5.33vmin;
}
	
	
footer .externalLink ul {
    display: block;
	}
	
	
footer .externalLink li a {
    height: auto;
    justify-content: flex-start;
    background-color: inherit;
    border-radius: 0;
    padding: 0;
	margin-bottom: 1.33vmin;
}
	
footer .otherMenu ul {
	display: flex;
	gap:0.266vmin;
	background-color: #fff;
	flex-direction: column;
	flex-wrap: wrap;
	}
footer .otherMenu ul li {
	text-align: center;
	font-size: 4.26vmin;
	font-weight: 700;
	}		
footer .otherMenu ul li a {
	color: #000;
	background-color: #EDF2F8;
	text-decoration: none;
	display: block;
	display: flex;
	align-items: center;
	height: 13.33vmin;
	justify-content: center;
	background-color: #EDF2F8;	
	}	
footer .otherMenu ul li a:before {
    content: '';
    display: inline-block;
    background-image: url(/lib/content/000011680.svg);
    background-size: cover;
    width: 5.33vmin;
    height:  5.33vmin;
    margin-right: 2.66vmin;
}
footer .otherMenu ul li:last-child a:before {
    background-image: url(/lib/content/000011673.svg);
}	
	
footer .copy {
    background-color: #E7EFFB;
    font-size: 2.66vmin;
    padding: 5.33vmin;
}
	
#pageTop {
    position: fixed;
    right: 2.66vmin;
    bottom: 2.66vmin;
    width: 13.33vmin;
    height: 13.33vmin;
}	
	
/*----- TOP -----*/
#importantInfo dl {
    display: block;
}	
	
#importantInfo {
    padding: 0;
    margin-bottom: 8vmin;
}

#importantInfo dl dt {
	font-size: 4vmin;
    line-height: 13.33vmin;
    width: 100%;
    border-radius: 0;
	margin: 0;
}	
	
#importantInfo dl dt:before {
    width: 4.26vmin;
    height:5.33vmin;
    margin-right: 1.33vmin;
}

#importantInfo dl dd ul li {
    padding-bottom: 5.33vmin;
    margin-bottom: 5.33vmin;
}

#importantInfo dl dd ul {
    font-size: 3.73vmin;
    padding: 5.33vmin;
}	
	
#columnWrap {
    display: block;
    margin-bottom: 8vmin;
}
	
#columnWrap #columnL {
    width: 100%;
    border: none;
    border-radius: 0;
    margin-bottom: 8vmin;
}
	
#columnWrap #columnR {
    width: 100%;
}	
	

#columnWrap #columnL h2 {
	font-size: 4.8vmin;
	height: 13.33vmin;
	padding-left: 16vmin;
	border-radius:5px 5px 0 0;
	}

#columnWrap #columnL h2:before {
	width: 4.8vmin;
	height: 5.33vmin;
	left: 4.26vmin;
	top: 4vmin;
}
#columnWrap #columnL h2:after {
	width:13.33vmin;
	height: 13.33vmin;
	border-radius:5px 0 0 0;
	}	
	
#findData .tabMenu > li > a  {
    padding: 10px 5px;
    font-size: 3.2vmin;
    display: flex;
    align-items: center;
    justify-content: center;
	line-height: 1.2;
	height: 100%;
}
	
#findData .findDataTab {
    gap: 0 2.66vmin;
    margin: 5.33vmin auto 0;
}

#findData .findDataTab .tabGroup .tabPanel {
    padding: 2.66vmin 5.33vmin;
}	
#findData .findDataTab .tabGroup .search {
    gap: 0;
}	
	
#findData .findDataTab .tabGroup .search input {
    border-radius: 5px 0 0 5px;
}

#findData .findDataTab .tabGroup .search button {	
        border-radius:0 5px 5px 0;
}
	
#findData .otherLink {
        display: flex;
        flex-direction: column;
        gap: 5.33vmin 0;
        margin-top: 5.33vmin;
}	
	
#findData .otherLink .btn a {
    width: 100%;
	height: 13.33vmin;
	border-radius: 6.66vmin;
	}
#findData .otherLink .btn {
	width: 100%;
	}	
	
#findData .otherLink .btn a:before {
    width: 2.13vmin;
    height: 2.66vmin;
    margin-right: 1.33vmin;
}

#columnWrap #columnR  h2 {
	font-size: 4.8vmin;
	height: 13.33vmin;
	padding-left: 16vmin;
	border-radius:5px 5px 0 0;
	}


#columnWrap #columnR h2:after {
	width: 13.33vmin;
	height: 13.33vmin;
	border-radius:5px 0 0 0;
	}

#findData h2:before {
		width: 4.26vmin;
		height: 5.3vmin;
		left: 4.53vmin;
		top: 4vmin;
}

#news h2:before {
		width: 5.3vmin;
		height: 5.3vmin;
		left: 4vmin;
		top: 4vmin;
}
	
#news .moreLink .btn a {
	width: 100%;
    height: 13.33vmin;
    border-radius: 6.66vmin;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
	border: 2px solid #4169E1;
    text-decoration: none;
    color: #000;
    font-weight: 500;
	margin-top: 5.33vmin;
}	
	
#news .moreLink .btn a:before {
    content: '';
    display: inline-block;
    background-image: url(/lib/content/000011688.svg);
    background-size: cover;
        width: 2.13vmin;
        height: 2.66vmin;
        margin-right: 1.33vmin;
}	
	
#news .newsList li {
    display: block;
	font-size: 3.73vmin;
	padding: 5.33vmin 0;
	}
#news .newsList li .date {
    margin-right: 2.66vmin;
}	
	
#news .newsList li .ico {
    margin-right: 0;
    font-size: 2.93vmin;
    padding: 1px 5px;
}	
#btmBnrArea {
    display: block;
	}
	
#btmBnrArea ul {
    gap:1.33vmin;
    flex-wrap: wrap;
	margin-bottom: 8vmin;
}
	
#btmBnrArea ul li {
	width: 46.66vmin;
	}
	
#btmBnrArea .btn a {
    width: 100%;
	height: 13.33vmin;
	border-radius: 6.66vmin;
}
#btmBnrArea .btn a:before {
    width: 2.13vmin;
    height: 2.66vmin;
    margin-right: 1.33vmin;
}
	
/*----- BTM -----*/	
	
#btmPage #pageTtl {
    font-size: 5.33vmin;
    padding: 5.33vmin;
    border-radius: 0;
	text-align: center;
}	
	
#btmPage .btmWrap {
    padding:2.66vmin 0 0;
}
	
#btmPage #breadcrumbs {
    margin-bottom: 10.66vmin;
}
	
#btmPage h2 {
    font-size: 4.8vmin;
    padding: 4vmin;
    margin-bottom: 5.33vmin;
	height: inherit;
}	
#btmPage h3 {
    font-size: 4.8vmin;
    padding-left: 4vmin;
    margin-bottom: 5.33vmin;
}
	
#btmPage h3:after {
    content: "";
    display: inline-block;
    width: 100%;
    height:0.;
    left: -1.33vmin;
    bottom: -2.66vmin;
}	
	
#btmPage h4 {
    font-size: 4.26vmin;
    margin-bottom: 5.33vmin;
}
	
.unitColumn, .unitColumnL, .unitColumnR, .unitColumnW {
    margin-bottom: 6.66vmin;
}
	
.columnWrap {
    padding: 5px 0;
}
	
.columnWrap .txt {
	padding: 0 2.66vmin
	}	
	
.unitColumn figure {
    margin: 0 auto 5.33vmin;
	max-width: 100%;
}
.unitColumn figure, .unitColumnL .txt, .unitColumnR .txt {
    max-width: 100%;
	width: 100%;
}	
	
.unitColumnL .columnWrap, .unitColumnR .columnWrap, .unitColumnW .columnWrap {
    display: block;
}	
	
.unitColumnL .columnWrap figure {
    margin-right: 0;
	max-width: 100%;
	width: 100%;
}	
	
.unitColumnR .columnWrap figure {
    margin-left: 0;
	max-width: 100%;	
	width: 100%;	
}
.unitColumnW .columnWrap figure {
    max-width: 100%;
	width: 100%;
}	
	
#btmPage figcaption {
    font-size: 3.2vmin;
    margin-top: 2.66vmin;
	margin-bottom: 5.33vmin;
}	
	
.unitColumn .columnWrap .wrap {
    display: block;
}	
	
	
#btmPage .linkList {
		margin: 0 2.66vmin;
	}

#btmPage .linkList li img {
    margin-left:1.33vmin;
    width: 4.26vmin;
    height:6.4vmin;
}
#btmPage .linkList li:before {
    width: 2.13vmin;
    height: 2.66vmin;
    margin-right: 1.33vmin;
}	
	
#btmPage .linkList li {
    margin-bottom: 5.33vmin;
}	
	
#btmPage .anchorLink {
    display: block;
    margin-bottom: 5.33vmin;
}
	
#btmPage .anchorLink li	{
	margin-bottom: 5.33vmin;
	}
#btmPage .anchorLink a:before {
    width: 5.33vmin;
    height: 5.33vmin;
    margin-right: 1.33vmin;
}
	
#btmPage .anchorLink.columnTwo li,#btmPage .anchorLink.columnThree li {
	width: 100%;
	}
	
#btmPage .anchorLink.columnTwo li a {
    width: 100%;
}
#btmPage .anchorLink.columnThree li a {
    width: 100%;
}	
	

#btmPage .moreLink .btn a {
	width: 100%;
    height: 13.33vmin;
    border-radius: 6.66vmin;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
	border: 2px solid #4169E1;
    text-decoration: none;
    color: #000;
    font-weight: 500;
}	
	
#btmPage .moreLink .btn a:before {
    content: '';
    display: inline-block;
    background-image: url(/lib/content/000011688.svg);
    background-size: cover;
        width: 2.13vmin;
        height: 2.66vmin;
        margin-right: 1.33vmin;
}	
	
#btmPage .btmNews .newsDate {
	position: initial;
	width: 100%;
	margin-top: 5.33vmin
}	
#btmPage .btmNews .newsDate select {
    min-width: 100%;
    height: 10.66vmin;
    border-radius: 1.33vmin;
    font-size: 3.73vmin;
	border:0.26vmin solid #E0E0E0;
}	
	
#btmPage .btmNews .newsDate::after {
    right: 2.66vmin;
    width: 2.4vmin;
    height: 1.33vmin;
}	
	
#btmPage .newsList {
		margin: 0 2.66vmin;
	}	
	
#btmPage .newsList li {
    display: block;
	font-size: 3.73vmin;
	padding: 5.33vmin 0;
	}
#btmPage .newsList li .date {
    margin-right: 2.66vmin;
}	
	
#btmPage .newsList li .ico {
    margin-right: 0;
    font-size: 2.93vmin;
    padding: 1px 5px;
}	
	
#btmPage .newsList li .wrap {
    display: flex!important;
	gap:0!important;
}
	
#btmPage .tableScroll {
  overflow-x: scroll;
}
#btmPage table {
/*    min-width: 750px;*/
}
/*
#btmPage table th,
#btmPage table td {
    white-space: nowrap;
}	
*/	
#btmPage .tableScroll::-webkit-scrollbar {
    width: 10px; 
    height: 6px; 
}

#btmPage .tableScroll::-webkit-scrollbar-track {
    background: #E7EFFB; 
}

#btmPage .tableScroll::-webkit-scrollbar-thumb {
    background: #4169E1; 
}

#btmPage .tableScroll::-webkit-scrollbar-thumb:hover {
    background: #555; 
}	
	
}