@charset "UTF-8";

/*CSSDocument*/

/* html body base
===============================================================*/

/*
html ----------------------------------------------------------*/


html {
 font-size: 62.5%;
}

* {
 margin: 0px;
 padding: 0px;
}

body {
 color: #353535;
 margin: 0;
 padding: 0;
 background: #fff;
 font-family: 'Noto Sans JP', serif;
 text-align: center;
 font-size: 1.6rem;
 line-height: 1.6;
 -webkit-text-size-adjust: 100%;
 font-feature-setting: "palt";
 min-width: 320px;
 position: relative;
}

body.open {}


a {
 color: #2F4E7A;
 text-decoration: underline;
}

a:visited {
 color: #2F4E7A;
 text-decoration: underline;
}

a:hover {
 color: #2F4E7A;
 text-decoration: none;
}

a:active {
 color: #2F4E7A;
 text-decoration: underline;
}

ul {
 list-style: none;
}

a:hover img {
 filter: alpha(opacity=70) !important;
 -moz-opacity: 0.70 !important;
 opacity: 0.70 !important;
 -webkit-transition: all .2s linear;
}

img {
 margin: 0;
 padding: 0;
 vertical-align: top;
 max-width: 100%;
 height: auto;
}






.sp {
 display: none;
}

.pc {
 display: block;
}


@media screen and (max-width: 768px) {


 img {
  max-width: 100%;
  height: auto;
 }

 .sp {
  display: block;
 }

 .pc {
  display: none;
 }

}




/*
html ----------------------------------------------------------*/



/* body base
===============================================================*/



header {
 padding: 2% 0 0;
 margin: 0;
}

header .logo {
 width: 30%;
 padding:0;
 margin: 0;
}

header .is-inner {
 max-width: 1200px;
 margin: 0 auto;
 display: flex;
 box-sizing: border-box;
 justify-content: space-between;
 align-items: center;
}

header .header-inner{
 width: 70%;
 display: flex;
 justify-content: flex-end;
 align-items: center;
}

.header-font{
 display: flex;
 justify-content: flex-end;
 width: 40%;
 font-size: 1.6rem;
}
.header-font dl{
 display: flex;
 justify-content: flex-end;
 width: 100%;
}
.header-font dl dt{
}
.header-font dl dd{
 margin: 0 1%;
 cursor: pointer;
}
.header-font dl dd span{
 padding: .5em 1em;
 border: 1px solid #ddd;
 border-radius: 5px;
}
.header-font dl dd.is-current span{
 padding: .5em 1em;
 border: 1px solid #ddd;
 border-radius: 5px;
 background: #97bddc;
 color: #fff;
}


#___gcse_0{
 width: 30%;
}


.global {
 padding: 3% 0;
 text-align: left;
 height: 60px;
}
.global.is-animate {
 
}
.global.is-animate .global-in {
 position: fixed;
 top: 0;
 width: 100%;
 left: 0;
 z-index: 5;
 padding: 1% 0;
 background: rgba(255,255,255,0.9);
 box-shadow: 0 0 5px #999;
}



.global .is-inner {
 margin: 0 auto;
 max-width: 1200px;
}
.global.is-animate .is-inner {
 margin: 0 auto;
 max-width: 1200px;
 display: flex;
}
.global.is-animate .is-inner .logo{
 width: 20%;
}
.global ul {
 display: flex;
 width: 100%;
 border-left:1px solid #ddd;
}

.global li {
 text-align: center;
 margin: 0;
 display: flex;
 justify-content: center;
 border-right:1px solid #ddd;
}
.global li.sp {
 display: none;
}

.global li a {
 width: 100%;
 display: flex;
 padding: 2% 2%;
 align-items: center;
 justify-content: center;
 box-sizing: border-box;
 text-decoration: none;
 font-size: calc(1.8rem + ((1vw - 7.68px) * 0.7813));
 transition: all ease .5s;
}

.global.is-animate li a{
 font-size: calc(1.4rem + ((1vw - 7.68px) * 0.5859));
}



.global li:nth-child(1){
 width: 12%;
 
}
.global li:nth-child(2){
 
 width: 44%;
}
.global li:nth-child(3){
 
 width: 14%;
}
.global li:nth-child(4){
 
 width: 30%;
}
.global li a:hover,
.global li a.is-current{
 background: #97bddc;
 color: #fff;
}




.topic-path {
 max-width: 1200px;
 box-sizing: border-box;
 margin: 0 auto 2em;
}

.topic-path-wrap ul {
 display: flex;
}

.topic-path-wrap ul li:after {
 content: ">";
 margin: 0 .5em;
}

.topic-path-wrap ul li:last-child:after {
 content: "";
 margin: 0 .5em;
}

.topic-path-wrap li {
 font-size: calc(1.2rem + ((1vw - 7.68px) * 0.3906));
}

@media screen and (min-width: 1200px) {

 .global.is-animate li a{
  font-size: 1.7rem;
}

 
 .topic-path-wrap li {
  font-size: 1.4rem;
 }
.global li a {
  font-size: 2.2rem;
}

}


.title {
 background: #061A2F url("../images/title-back.png") no-repeat right 50% / contain;
 padding: 3% 3%;
 max-width: 1200px;
 box-sizing: border-box;
 margin: 0 auto 1%;
}

.title h1 {
 font-size: calc(3rem + ((1vw - 7.68px) * 1.1719));
 color: #fff;
}

@media screen and (min-width: 1200px) {

 

 .title h1 {
  font-size: 3.6rem;
 }


}


section {
 max-width: 1200px;
 text-align: left;
}

@media screen and (max-width: 1240px) {

 section {
  box-sizing: border-box;
  padding: 0 4%;
 }


}



.content-wrap {
 display: flex;
 max-width: 1200px;
 margin: 0 auto;
 flex-direction: row-reverse;
 position: relative;
 justify-content: space-between;
 overflow: hidden;
}

@media screen and (max-width: 1240px) {

 .content-wrap {
  box-sizing: border-box;
  padding: 0 4%;
 }

 .content-wrap section {
  padding: 0;
 }

}


.content-wrap .contents {
 width: calc(100% - 300px);
 box-sizing: border-box;
 padding-left: 4%;
}

.content-wrap.lvl2 .contents {
 width: 96%;
 box-sizing: border-box;
 padding-left: 0;
}

.content-wrap aside {
 width: 300px;
 position: relative;
 left: 0;
}

.content-wrap .txt-area {
 margin-bottom: 10%;
}

.content-wrap #covid19-01 {}

.content-wrap h3 {
 font-size: calc(2rem + ((1vw - 7.68px) * 1.1719));
 background: #e1f2fa;
 padding: .5em 1em;
 border: 1px solid #e1f2fa;
 margin-bottom: 1.2em;
}


.content-wrap .txt-area h2 {
 background: #529bce;
 color: #fff;
 padding: .5em 1em;
 font-size: calc(2.6rem + ((1vw - 7.68px) * 0.7813));
 margin-bottom: 1.5em;
}

@media screen and (min-width: 1200px) {

 .content-wrap .txt-area h2 {
  font-size: 3rem;
 }

 .content-wrap h3 {
  font-size: 2.6rem;
 }


}

.content-wrap .txt-area ul {
 list-style: disc outside;
 margin-left: 2em;
 margin-bottom: 3em;
}

.content-wrap .txt-area ul li {
 margin-bottom: .5em;
}

.txt-area p,
.txt-area li {
 font-size: calc(1.6rem + ((1vw - 7.68px) * 0.7813));
 line-height: 1.7;
 margin-bottom: 2em;
}
.txt-area p.coming{
 text-align: center;
 padding: 5%;
}


.txt-area p.red{
 color: #ff0000;
 text-align: right;
 margin-bottom: 1em;
 font-weight: bold;
}
.txt-area p.lvl3{
 margin-bottom: 0;
 display: flex;
}
.txt-area p.lvl3 .num{
 width: 3em;
 text-align: center;
}
.txt-area p.lvl3 .txt{
 width: calc(100% - 3em);
}
.txt-area p.lvl3 em{
 margin-bottom: 0;
 display: flex;
 font-style: normal;
}
.txt-area p.lvl3 em .num{
 width: 2em;
}
.txt-area p.lvl3 em .txt{
 width: calc(100% - 2em);
}
@media screen and (min-width: 1200px) {

 .txt-area p,
 .txt-area li {
  font-size: 1.8rem;
 }

}

.top-kv {
 width: 100%;
 max-width: 100%;
 background: url("../images/top-back1.jpg") no-repeat center center / cover;
 padding: 3% 0;
}
.top-kv.lvl2 {
 width: 100%;
 max-width: 100%;
 background: url("../images/top-back2.jpg") no-repeat center center / cover;
 padding: 3% 0;
}
.top-kv .is-inner{
 display: flex;
 max-width: 1200px;
 margin: 0 auto;
 justify-content: space-between;
}

.top-kv figure {
}
.top-kv.lvl2 h1{
 color: #fff;
}

.top-kv h1 {
 font-size: calc(2.7rem + ((1vw - 7.68px) * 1.1719));
 line-height: 1.4;
 margin-bottom: 1em;
 color: #fff;
 font-weight: 600;
}
.top-kv strong {
 color: #c8cff2;
 font-size: 105%;
 font-weight: 600;
}

/*.top-kv.lvl2 strong {
 color: #c8cff2;
}*/

.top-kv br {
}
.top-kv p {
 color: #fff;
 font-weight: bold;
}
/*.top-kv.lvl2 p {
 color: #fff;
 font-weight: bold;
}*/
.top-kv span {
color: chartreuse;
}
/*.top-kv.lvl2 p span{
color: chartreuse;
}*/

.top-kv-info{
 width: 68%;
}

.top-second {
 margin: 0 auto 5%;
}
.top-second .top-btn {
 padding: 5% 0;
}
.top-second .top-btn ul {
 display: flex;
 justify-content: space-around;
}
.top-second .top-btn li {
 text-align: center;
 width: calc((100% / 3) - 3% );
}
.top-second .top-btn li a {
 padding: 10% 6%;
 background: #1a2b7e url("../images/arrow-w.svg") no-repeat 95% 50% / .5em;
 display: block;
 color: #fff;
 text-decoration: none;
 border-radius: 10px;
 font-size: calc(2rem + ((1vw - 7.68px) * 0.7813));
 transition: all ease .5s;
}
.top-second .top-btn li:nth-child(2) a {
 background: #3f53b6 url("../images/arrow-w.svg") no-repeat 95% 50% / .5em;
}
.top-second .top-btn li:nth-child(3) a {
 background: #7285e3 url("../images/arrow-w.svg") no-repeat 95% 50% / .5em;
}
.top-second .top-btn li:nth-child(4) a {
 background: #cb4444 url("../images/arrow-w.svg") no-repeat 95% 50% / .5em;
}

.top-second .top-btn li a:hover {
 background: #051146 url("../images/arrow-w.svg") no-repeat 97% 50% / .5em;
}


.top-second h2 {
 color: #1c2d7f;
 font-size: calc(2.6rem + ((1vw - 7.68px) * 0.7813));
 margin-bottom: 1em;
}
.top-second p {
 margin-bottom: 1.5em;
 font-size: calc(1.6rem + ((1vw - 7.68px) * 0.7813));
}
.top-second .top-last {
 display: flex;
 padding-top: 5%;
 justify-content: space-between;
}
.top-second .top-last-left {
 width: 65%;
}
.top-second .top-last-left ul {
}
.top-second .top-last-left li {
 display: flex;
 font-size: calc(1.6rem + ((1vw - 7.68px) * 0.7813));
}
.top-second .top-last-left li .date{
 width: 5em;
}
.top-second .top-last-left li .txt{
 width: calc(100% - 5em);
}
.top-second .top-last-left h3 {
 font-size: calc(2.6rem + ((1vw - 7.68px) * 0.7813));
 padding: 0 0 .5em;
 border-bottom: 1px solid #ddd;
 margin-bottom: 1em;
}
.top-second .top-last-left h3 span{
 color: #239dda;
}


.top-second .top-last-right {
 width: 30%;
}
.top-second .top-last-right ul {
}
.top-second .top-last-right li {
 margin-bottom: 4%;
 border: 1px solid #ddd;
}
.top-second .top-last-right a {
}
.top-second img {
}


@media screen and (min-width: 1200px) {

.top-kv h1 {
 font-size: 3.5rem;
}
.top-second .top-btn li a {
 font-size: 2rem;
 }
 
.top-second h2 {
 font-size: 3rem;
}
 .top-second .top-last-left li {
 font-size: 1.8rem;
}
.top-second p {
 font-size: 1.8rem;
}

}



aside nav {
 text-align: left;
}
aside nav.is-fixed {
    position: fixed;
 top: 120px;
 width: 300px;
}
aside ul {
 width: 300px;
}

aside li {
 margin-bottom: 4%;
 font-size: calc(1.4rem + ((1vw - 7.68px) * 0.7813));
}

aside li a {
 padding: 1em 1.5em;
 display: block;
 border: 1px solid #ddd;
 text-decoration: none;
}

aside li a.is-current {
 background: #c7deef;
}


@media screen and (min-width: 1200px) {

 aside li {
  font-size: 1.8rem;
 }

}


figure.pdf {
 display: flex;
 align-items: center;
 margin-bottom: 5%;
}

figure.pdf img {
 padding: 5%;
 width: 80%;
}



footer {
 background: #f4f4f4;
 margin: 0;
 padding: 2%;
 color: #000;
}

footer ul {
 display: flex;
 justify-content: center;
 margin-bottom: 1em;
}

footer ul li {
 color: #000;
 margin: 0 1em;
}


footer ul li a {
 color: #000;
}

footer ul li a:visited {
 color: #000;
}



footer small {
 font-size: 1.2rem;
 letter-spacing: .5px;
}


.map{
 margin: 0 auto 5%;
 text-align: center;
}

.txt-area table{
 width: 60%;
 border-collapse: collapse;
 font-size: calc(1.6rem + ((1vw - 7.68px) * 0.7813));
 margin: 0 auto;
}

.txt-area th{
 width: 50%;
 background: #f5f5f5;
 padding: .5em 1em;
 border: 1px solid #fff;
}
.txt-area td{
 width: 50%;
 padding: .5em 1em;
 border: 1px solid #fff;
 background: #dae8fb
}
.txt-area tr:nth-child(odd){
 /*background: #dae8fb*/
}
.txt-area td.state{
 background: #1a2b7e;
 color: #fff;
 border: 1px solid #fff;
}

.contact-list {
 font-size: calc(1.6rem + ((1vw - 7.68px) * 0.7813));
}
.contact-list dt {
 font-weight: bold;
 border-bottom: 1px solid #ddd;
 margin-bottom: .5em;
 padding-bottom: .5em;
 font-size: 110%;
}
.contact-list dd {
 margin-bottom: 2em;
}
.contact-list dd em{
 display: flex;
 font-style: normal;
}

.contact-list .contact-l {
 width: 3em;
}
.contact-list .contact-r {
}


.sitemap{
 
}

.sitemap dt{
 margin-top: 2em;
 background: url("../images/ico-page.svg") no-repeat left 50% / 1.5em;
 padding: .2em 0 .2em 2em;
}
.sitemap dd{
 margin-left: 2em;
 margin-top: .5em;
 background: url("../images/ico-arrow.svg") no-repeat left 50% / 1.5em; 
 padding: .2em 0 .2em 2em;
}


@media screen and (min-width: 1280px) {


 h2 {
  font-size: 3rem;
 }

 p {
  font-size: 2rem;
 }

 .partner-list li h3 {
  font-size: 2rem;
 }

 .partner-list li p,
 .txt-area table,
 .partner-list-limit li p,
 .contact-list{
  font-size: 1.8rem;
 }


}




#nav-toggle {
 display: none;
}


#gototop{
 position:fixed;
 bottom:0;
 right: 2%;
 z-index: 100;
}
#gototop img{
 width: 60px;
}


@media screen and (max-width: 768px) {

 #gototop img{
 display: block;
 }
#gototop img{
 width: 40px;
}
 
 
.title {
 margin-top: 60px;
 }
 
.header-font{
 display: none;
}
#___gcse_0{
 display: none;
}

.topic-path {
 max-width: 1200px;
 box-sizing: border-box;
 margin: 0 auto 1em;
}
 
 
 
 header {
  box-sizing: border-box;
  padding-right: 5%;
  align-items: center;
  padding: 3% 5% 3% 5%;
  height: 60px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 10;
 }

 header .logo {
  width: 80%;
  padding: 0;
  min-width: auto;
 }

.global {
  visibility: hidden;
  z-index: -100;
  height: 0;
  padding: 0;
  width: 100%;
  transition: height ease .5s, opacity ease .5s;
  opacity: 0;
 }
.global.is-animate .global-in {
 position: relative;
 top: auto;
 width: 100%;
 left: auto;
 z-index: 5;
 padding: 1% 0;
 background: none;
 box-shadow:none;
}

 .open .global {
  visibility: visible;
  z-index: 100;
  height: auto;
  width: 100%;
  top: 60px;
  position: fixed;
  opacity: 1;
  padding: 10% 4%;
  background: #1a2b7e;
  box-sizing: border-box;
  text-align: left;
 }
  .global ul{
  flex-direction: column;
  border: none;
  opacity: 0;
 }
 .open .global ul{
  flex-direction: column;
  border: none;
  opacity: 1;
  border-top: 1px solid #ddd;
 }

 .open .global li {
  font-size: 1em;
  width: 100%;
  box-sizing: border-box;
  margin: 0 0 1em;
  border: none;
  text-align: left;
  border-bottom: 1px solid #ddd;
  margin: 0;
 }

.global li.sp {
 display: block;
}
 .open .global  li a {
  padding: 1em;
  display: block;
  color: #fff;
 }

 .open .global  li a:hover,
 .open .global  li a:visited {
  color: #fff;
 }

 #nav-toggle {
  width: 40px;
  vertical-align: middle;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 999;
 }

 #nav-toggle div {
  width: 40px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  cursor: pointer;
  z-index: 9999;
 }

 #nav-toggle span {
  height: 2px;
  width: 40px;
  left: 0;
  position: absolute;
  display: block;
  background: #192A5F;
  transition: top .5s ease, -webkit-transform .6s ease-in-out;
  -webkit-transition: top .5s ease, -webkit-transform .6s ease-in-out;
  -o-transition: transform .6s ease-in-out, top .5s ease;
  transition: transform .6s ease-in-out, top .5s ease;
  transition: transform .6s ease-in-out, top .5s ease, -webkit-transform .6s ease-in-out;
  z-index: 1000;
 }

 #nav-toggle.is-black span {
  background: #000;
 }

 #nav-toggle span:nth-child(1) {
  top: 5px;
 }

 #nav-toggle span:nth-child(2) {
  top: 15px;
 }

 #nav-toggle span:nth-child(3) {
  top: 25px;
 }



 .open #nav-toggle span {
  background: #192A5F;
  right: 1em;
  -webkit-box-shadow: none;
  box-shadow: none;
 }

 .open #nav-toggle span:nth-child(1) {
  top: 10px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
 }

 .open #nav-toggle span:nth-child(2) {
  top: 10px;
  width: 0;
  left: 50%;
 }

 .open #nav-toggle span:nth-child(3) {
  top: 10px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
 }
aside nav.is-fixed {
    position: relative;
 top: auto;
 width: 100%;
}
aside ul {
 width: 100%;
}

 
 footer{
  padding: 6% 3%;
 }
  footer small{
   font-size: 1rem;
   line-height: 1;
 }
 
 .top-kv {
  margin-top: 60px;
}
 
 
.top-kv .is-inner{
 display: flex;
 flex-direction: column;
 max-width: 1200px;
 margin: 0 auto;
 box-sizing: border-box;
 padding: 0 5%;
 justify-content: space-between;
}
.top-kv-info{
 width: 100%;
}
 .top-second .top-btn ul {
 display: flex;
 flex-direction: column;
 justify-content: space-around;
}
 
  .top-second .top-btn li {
   width: 100%;
}
 .top-second .top-btn li a {
 padding: 4% 6%;
  margin-bottom: 4%;
}
 
 .top-second .top-last {
 display: flex;
  flex-direction: column;
 padding-top: 5%;
 justify-content: space-between;
}
 .top-second .top-last-left {
 width: 100%;
}
 

.top-second .top-last-right {
 width: 100%;
 padding-top: 10%;
}
.top-second .top-last-right ul {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
}
.top-second .top-last-right li {
 margin-bottom: 4%;
 box-sizing: border-box;
 border: 1px solid #ddd;
 width: calc((100% / 2) - 2%);
}
 
 .content-wrap{
  flex-direction: column;
 }
 
.content-wrap .contents {
 width: 100%;
 box-sizing: border-box;
 padding-left: 0;
}

.content-wrap.lvl2 .contents {
 width: 100%;
 box-sizing: border-box;
 padding-left: 0;
}

.content-wrap aside {
 width: 100%;
}
 
.txt-area table{
 width: 100%;
}
 
 
}