@charset "utf-8";
#Navigation, #Navigation ul {
	display:flex;
}
#Navigation ul ul {
	flex-wrap:wrap;
}
#Navigation {
	padding: 0 40px 0 0;
	align-items:center;
}
#Navigation a:hover {
	transition: opacity 1s;
	-moz-transition: opacity 1s;
	-webkit-transition: opacity 1s;
	-o-transition: opacity 1s;
text-decoration:none;
color:#007b54;
}
#Navigation ul li {
	font-weight: 500;
	font-size: .938em;
}
#Navigation ul li a {
	display: block;
	color: #333;
	padding: 0 .8em;
	position:relative;
}


.menuR li a[href$=".pdf"],
#Navigation ul li a[href$=".pdf"] {
display:flex;
align-items:flex-start;
}
.menuR li a[href$=".pdf"] img,
#secondTOP li a[href$=".pdf"] img,
#Navigation ul li a[href$=".pdf"]  img{
width:auto;
height:1.4em;
margin: 0 0 0 .4em;

}
#secondTOP li a[href$=".pdf"] img{
vertical-align: middle;
}
/* ----------- navi ul ul ------ */


#Navigation ul li .navCo {

	z-index: 9999;
	top: 70px;
	left: 0;
	position: absolute;
padding:20px 0 0;

	margin: auto;
	visibility: hidden;
	opacity: 0;
}
#Navigation ul li:hover .navCo  {
	visibility: visible;
	opacity: 1;
}



#Navigation ul ul li {
	font-size:1em;
width:50%;
}
#Navigation ul ul li li{
width:auto;
}
#Navigation ul li:hover .navCo li a {
	visibility: visible;
	opacity: 1;
	line-height: 1.6em;
}
#Navigation ul ul li.noLink{
width:100%;
font-weight: bold;
padding: 1.4em 0 1.2em 1.88em;
position:relative;
border-top: 1px dotted #666;
margin: 1.4em 0 0;
}
#Navigation ul ul li.noLink::after{
position:absolute;
left:.28em;
content:"▼";
}
#Navigation ul ul ul li a::before{
border:0;
content:"・";
top:0
}

#Navigation ul ul li a::before{
content:"";
position: absolute;
left: .5em;
top: .54em;
    width: .4em;
    height: .4em;
    border-top: 2px solid #666;
    border-right: 2px solid #666;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* ------ search ----- */

.showed #searchG {
	display:block;
	width: 800px;
	position:absolute;
	right:36px;
	top:-18px;
	height: 60px;
	background:#FFF;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
.showed #Navigation ul {
	display:none;
}
header .btn {
	height: 26px;
	width:26px;
}
header .showed .btn {
	background:url(../images/ico_close.png) no-repeat left top;
}
header .showed .btn img {
	opacity:0;
}
/* --------- menuR --------- */
#navFIX {
	position:fixed;
	right:0;
	top: 120px;
	z-index:600;
}
#navFIX li {
	margin: 0 0 10px;
}


/**/

.menuR {
text-align:left;
}

.menuR h2{
text-align: center;
background:#07bd83;
color:#FFF;
font-size: 1.125em;
padding: 1em .6em;
line-height: 1.5em;
border-radius: 4px 4px 0 0;
}

.menuR h2::after{
display:none;
}
.menuR ul{
background:#ededed;
}

#Navigation li#nav01 ul li:last-child ul,
.menuR li:hover ul.office{
display:flex;
flex-wrap:wrap;
}
.menuR ul li{
line-height: 1.6em;
 font-feature-settings: "palt";
font-size: .938em;
position:relative;
}
.menuR ul li.noLink{
background:#fff;
padding: 1em 2.8em;
font-weight:bold;
color:#007b54;
text-align: center;
}

.menuR ul li a{
display:block;
padding: 1.08em .5em 1.08em 1.8em;
border-top:1px solid #ddd;
position:relative;
}

.menuR ul li a::after{
content:"";
position:absolute;
left:.8em;
top: 1.34em;
  border-style: solid;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 7px solid #07bd83;
  border-right: 0;
}
.topics .menuR ul{
height:25em;
overflow:auto;
}
.menuR ul ul{
background:#FFF;
padding: 1em 0;
}

.menuR ul li li{
font-size:.813em;
}
.menuR ul li li a{
display:block;
padding: .6em 1em .6em 2em;
border:0;
position:relative;
}

.menuR ul li li a::after{
content:"・";
left:1em;
top: .4em;
  border: 0;
}

 @media print, screen and (min-width:768px) {
header{
position:fixed; top:50px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
z-index:6000;

}
header.fixed{
top: 20px;
} #Navigation ul li a:hover::after {
position:absolute;
content:"";
left:0;
right:0;
bottom:0;
height: 3px;
background:#07bd83;
}

#Navigation ul li li a:hover::after {
background:transparent;
}

#Navigation ul li .navCo ul{/*
margin: 0 calc(50% - 50vw);
width: 100vw;
padding: 50px 0 20px;
position:absolute;
left:0;
right:0;
bottom:0;
height:100vh;*/
border-radius: 16px;
text-align: left;

	box-shadow: 0 0 4px rgba(0, 0, 0, .28);
background:#FFF;
padding: 20px;
}
#Navigation ul li a {
line-height:70px;
}
#Navigation ul li .navCo ul ul{
display:flex;
width:100%;
text-align: left;
padding: 0 0 1em;
background:transparent;
box-shadow:none;
}
#Navigation ul ul ul{
margin-top:-1em;
}
#Navigation ul ul ul li{
text-align: left;
/*width: 25%;**/
min-width:6em;
padding: 0 2em 0 0;
}
#Navigation ul #nav04 ul li{

width: 33.333%;
}
#Navigation ul #nav04 ul li.noLink{
width:100%;
}
/*
#Navigation ul #nav06 ul li{

width: auto;
padding-right:4em;
}*/

#Navigation ul li#nav02 ul li:nth-of-type(2),
#Navigation ul li#nav02 ul li:nth-of-type(3),
#Navigation ul li#nav03 ul li:nth-of-type(5){
width:100%;
}
#Navigation ul li#nav02 ul li:nth-of-type(2) li:nth-of-type(2),
#Navigation ul li#nav03 ul li:nth-of-type(5) li:nth-of-type(5){
width:auto;
}
#Navigation ul ul li.listT{
width:100%;
padding: 1em 0 .5em;
border-top: 1px solid rgba(0,0,0,.4);
}
#Navigation ul ul li.listT a{
padding: 0;
}

#Navigation ul ul li.listT a::after{
display:none;
}

#Navigation ul ul li a{
display:block;
padding: 0 0 1.4em 1.6em;
position:relative;
}

#Navigation ul ul ul{
width:auto;
margin: -.6em 0 0 1.6em;
padding:0;
}
#Navigation ul ul ul li{
min-width:3em;
padding:0;
}
#Navigation ul ul ul li a{
padding:0 1em .4em 1em;
}

#Navigation ul li#nav02 .navCo ul ul li{
width:50%;
}


#navFIX li img+img {
display:none;
}

#searchHEAD {
	height: 26px;
	width:26px;
	position:relative;
	cursor:pointer;
	margin: 0 0 0 1em;
}
#searchG {
	display:none;
}

.gsc-results-wrapper-visible{
height:600px!important;
}

.gsc-modal-background-image-visible{
margin: 0 calc(50% - 50vw);
width: 100vw;  
}
.gsc-modal-background-image-visible{
opacity:0!important;
}

.gsc-overflow-hidden h1,
.gsc-overflow-hidden .mainArea:before,
.gsc-overflow-hidden .mainArea:after,
.gsc-overflow-hidden #mainINDEX img,
.gsc-overflow-hidden #mainK img,
.gsc-overflow-hidden #Contents,
.gsc-overflow-hidden footer,
.gsc-overflow-hidden #menuR{
opacity:.3;
}
.showed .btn{
position:relative;
}
.showed .btn img{
opacity:0!important;
}

.showed .btn::after{
content:"閉じる ×";
font-size:10px;
position:absolute;
width:30px;
height:40px;
right:0;
top:0;
}


/**/
.menuR{
width: 250px;
padding: 60px 0;
}


.hoan .menuR ul li:nth-of-type(2)::after,
.shiken .menuR ul li:nth-of-type(3)::after,
.sdgs .menuR ul li:nth-of-type(15)::after,
.office .menuR ul li:nth-of-type(16)::after,
.catKojin.toiawase .menuR ul li:nth-of-type(5)::after,
.menuR ul ul{
display:none;
}
.shiken .menuR ul li:nth-of-type(3) ul,
.hoan .menuR ul li:nth-of-type(2) ul,
.sdgs .menuR ul li:nth-of-type(15) ul,
.menuR ul li:hover ul,
.catKojin.toiawase .menuR ul li:nth-of-type(5) ul{
/**/display:block;
}

.office .menuR ul li:nth-of-type(16) ul{
display:flex;
flex-wrap:wrap;
}

.office .menuR ul li:nth-of-type(16) ul li{
width:24%;

}
.office .menuR ul li:nth-of-type(16) ul li a{
padding-right:0;
}
.catAbout .menuR ul li:nth-of-type(15)::after,
.catAbout .menuR ul li:nth-of-type(16)::after,
.catBiz .menuR ul li:nth-of-type(2)::after,
.catBiz .menuR ul li:nth-of-type(3)::after,
.catKojin .menuR ul li:last-child::after{
position:absolute;
right: .8em;
content:"［＋］";
top:1.24em;
cursor:pointer;
}

.catAbout .menuR ul li:nth-of-type(15):hover::after,
.catAbout .menuR ul li:nth-of-type(16):hover::after,
.catBiz .menuR ul li:nth-of-type(2):hover::after,
.catBiz .menuR ul li:nth-of-type(3):hover::after,
.catKojin .menuR ul li:last-child:hover::after{

content:"［－］";
}
.menuR ul li li::after{
content:""!important;
}


}
 @media screen and (max-width:767px) {
/* sp */
/* Toggle(Button) */
header .btn{
display:none;
}
.menuR ul li.noLink{
padding:1em;
}

/**/

#Navigation ul li .navCo{

width:100%;
left:-50%;
top:2em;

}
#Navigation ul li#nav02 .navCo,
#Navigation ul li#nav04 .navCo,
#Navigation ul li#nav06 .navCo{left:50%;
}
/**/
#navToggle {
 position:absolute;
 right:1em;
 top: ;
 transform: translateY(-);
 -webkit-transform: translateY(-);
 width:30px;
 height:30px;
}
#navToggle div {
 position:relative
}
/* ------- /// ----- */


#navToggle span {
 display:block;
 position:absolute;/*to div*/
 width:80%;
 border-bottom:solid 3px #000;
 -webkit-transition: .35s ease-in-out;
 -moz-transition: .35s ease-in-out;
 transition: .35s ease-in-out
}
#navToggle span:nth-child(1) {
top:6px;
left:25%;
}
#navToggle span:nth-child(2) {
top:14px;
left:25%;
}
#navToggle span:nth-child(3) {
top:22px;
left:25%;
}
 header nav {
 position:absolute;
 right:0;
 left: -767px;
 background:#F9E317;
margin: 0 calc(50% - 50vw);
width: 100vw;
top: 60px;
 -webkit-transition:.5s ease-in-out;
 -moz-transition:.5s ease-in-out;
 -o-transition:.5s ease-in-out;
 transition:.5s ease-in-out;
 text-align:left;
 z-index: 1000;
}
/* Toggle(Button) */
#navToggle {
 display: block
}
/* Click Toggle(Button) */
.openNav #navToggle span:nth-child(1) {
 top: 14px;
 -webkit-transform:rotate(-45deg);
 -moz-transform:rotate(-45deg);
 transform:rotate(-45deg)
}
.openNav #navToggle span:nth-child(2), .openNav #navToggle span:nth-child(3) {
 top: 14px;
 -webkit-transform:rotate(45deg);
 -moz-transform:rotate(45deg);
 transform:rotate(45deg)
}
 .openNav nav {
 -moz-transform: translateX(767px);
 -webkit-transform: translateX(767px);
 transform: translateX(767px);
 z-index: 1100;
}
#Navigation{
padding: 0;
display:block;
}
#Navigation ul {
position: relative;
 margin: 0;
 padding: 0;

flex-wrap:wrap;
}
#Navigation ul li {
 text-align: left;
border-bottom: 1px solid #E4CE05;
 line-height: 1em;
position:relative;
width:50%;
}
#Navigation ul ul li.noLink{
text-align: left;
}

#Navigation ul ul {
padding:1em 0 1em .8em;
 display: none;
background: #FFF;margin: 0 calc(50% - 50vw);
width: 100vw;
border:5px solid #F9E317;
}
#Navigation ul ul ul{
border:0;
background:transparent;
margin: -1em 0 1em 0;

width:auto;
}
 #Navigation ul li.open ul {
display: block;
}
#Navigation ul ul li{
 width: 100%;
font-size:.938em;
}
 #Navigation ul li a {
 display: block;
 font-size: .875em;
 font-weight: 900;
 padding: 1.15em 0 1.15em 1.4em;
 color: #000;
 pointer-events: none;
line-height: 1.8em;
border-right:1px solid #E4CE05;
}
 #Navigation ul li#nav06 a{
pointer-events:all;
}

#Navigation ul li#nav00 a {
 pointer-events: auto;
}
#Navigation ul li .navCo li{
line-height: 1.2em;
}
#Navigation ul li .navCo li a {
font-weight: normal;
font-size: 1em;
text-align: left;
padding: 0 .5em .2em 1.4em;
background-size: .6em;
pointer-events: initial;
}
 #Navigation ul li li, #Navigation ul li li a {
border: none;
}
#Navigation ul li .navCo li li a{
padding-left:1em;
}
#Navigation ul ul li.listT a {
font-size: 1em;
padding: 0;
margin: 0;
 font-weight: bold;
}
 #Navigation ul ul li:nth-of-type(1).listT {
border: 0!important;
margin: 0;
}

#Navigation ul li#nav03 .navCo ul ul{
display:flex;
left:0;
}
#Navigation ul li#nav03 .navCo ul ul li{
width: 50%;
}
/* -------- */

 #searchHEAD .gsc-control-cse {
background: #666;
border: 1px solid #666!important;
}
.gsc-results-wrapper-overlay {
bottom: 10px!important;
height: 90%!important;
}
/* ---------- footer -------- */


footer .Inner ul {
display:flex;
flex-wrap:wrap;
}
footer .Inner ul li {
width:50%;
font-size:.688em;
}
footer .Inner li a {
border:0;
}
#Copyright {
font-size: .5em;
padding: 1em 0 6em 1em;
text-align: left;
}
/* --------- navFIX --------- */
#navFIX {
bottom:0;
left:0;
right:0;
width:100%;
position:fixed;
display:flex;
top:auto;
}
 #navFIX li {
width: 25%;
margin:0;
}
#navFIX li:first-child {
width:50% ;
}
#navFIX li img {
width: 100%;
vertical-align:bottom;
}
 #navFIX li img:nth-of-type(1) {
display:none;
}
/**/
.menuR {
padding:1.5em 0;
}
.menuR h2{
position:relative;
font-size: 1em;
border-radius: 6px;
}

#Navigation ul li::before,
.menuR h2::before{
position:absolute;
top:1em;
right: .6em;
content:"[＋]";
}
.menuR h2.Onn{
border-radius: 6px 6px 0 0;
}
#Navigation ul li.open::before,
.menuR h2.Onn::before{
content:"[－]";

position:absolute;}

#Navigation ul li::before{
font-size: .75em;
top: 1.688em;
}

#Navigation ul li#nav00::before,
#Navigation ul li#nav06::before,
#Navigation ul ul li::before{
content:"";
}
.menuR ul{
display:none;
}
.menuR ul ul{
display:block;
margin:0 .6em .6em .6em;
padding: .688em 0;
}
.menuR ul.oned{
display:block;
}

.menuR ul li a{
padding:.8em 0 .8em 2em
}
.menuR ul li li{
font-size:.875em;
}
.menuR ul li li a{
padding: .5em 0 .5em 1.68em;
}

}