@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap');




.noto-sans-jp-fm {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

body{
      margin: 0;
       font-feature-settings: "palt";
   font-family: "Noto Sans JP", sans-serif;
     font-weight: 500;
}


p{
  margin:0;
}

img{
  max-width:100%;
}

.u-tab{
display: none;
}

.u-sp{
display: none;
}
@media only screen and (max-width: 1100px) {
  .u-pc{
  display: none;
}

  .u-tab{
  display: block;
}

.u-sp{
display: none;
}
}

@media only screen and (max-width: 768px) {
  .u-pc{
  display: none;
}

  .u-tab{
  display: none;
}

.u-sp{
display: block;
}
}


a{
    text-decoration: none;
}

main {
  display: block;
}


/* Vertical rhythm */
/* ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

/* Headings */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

/* Lists (enumeration) */
/* ============================================ */
ul,
ol {
  padding: 0;
  margin: 0;
  list-style: none;
}

small {
  font-size: 80%;
}

main{
  margin-top:-2px;
}

/*   header   */
.l-header{
/*  position:fixed;  */
   width:100%;
   background-color:rgba(0, 22, 85, 1);
   font-size:14px;
   z-index:99;
}

.l-header__inner{
     height:100px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 768px) {
.l-header__inner{
     height:50px;
}
}

.l-header__logo{
      width:230px;
}
@media only screen and (max-width: 768px) {
.l-header__logo {
    width: 30%;
    padding-top: 3px;
}
}

@media only screen and (max-width: 520px) {
.l-header__logo {
    width: 40%;
    padding-top: 3px;
}
}

.l-header__menu{
  display: flex;
  justify-content: flex-end;
  align-items: center;

}

.l-header__menu-list{
  display: flex;
  justify-content: flex-end;
  align-items: center;
    font-weight:bold;
    z-index:999;
}

.l-header__menu-list li{
    padding-right:10px;
    padding-left: 10px;
    border-right:1px solid #ffffff;
}

.l-header__menu-list li:last-of-type{
    border-right:none;
}



.l-header__menu-list li a{
   color:#ffffff;
}

.l-header__menu-list li a:visited{
   color:#ffffff;
}

.l-header__menu-button{
      width:120px;
}

@media only screen and (max-width: 768px) {
.l-header__menu-button{
      width:100px;
}

}

/* ------------------------------
   MEDIAQUERIES[SP]LAYOUT
------------------------------ */
@media only screen and (max-width: 768px) {
	#menuList {
		display: none;
	}
/*
	#rwdMenuWrap {
		width: 100%;
		border-bottom: #aaa 1px solid;
	}
    */

	#rwdMenuWrap #switchBtnArea {
	 width: 60px;
		height: 60px;
		position: relative;
	}

	#rwdMenuWrap #switchBtnArea #switchBtn {
		top: 10px;
		right: 10px;
		width: 40px;
		height: 40px;
		display: block;
		position: absolute;
		border-radius: 5px;
	}

	#rwdMenuWrap #switchBtnArea #switchBtn span {
		left: 20%;
		width: 60%;
		height: 4px;
		display: block;
		position: absolute;
		background-color: #fff;
		border-radius: 5px;
		transition: all 0.2s linear;
	}

	#rwdMenuWrap #switchBtnArea #switchBtn span:nth-of-type(1) {
		top: 10px;
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	#rwdMenuWrap #switchBtnArea #switchBtn span:nth-of-type(2) {
		top: 18px;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	#rwdMenuWrap #switchBtnArea #switchBtn span:nth-of-type(3) {
		bottom: 10px;
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}

	#rwdMenuWrap #switchBtnArea #switchBtn.btnClose span:nth-of-type(1) {
		top: 18px;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	#rwdMenuWrap #switchBtnArea #switchBtn.btnClose span:nth-of-type(2) {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
	#rwdMenuWrap #switchBtnArea #switchBtn.btnClose span:nth-of-type(3) {
		bottom: 18px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	#rwdMenuWrap ul {
		width:60%;
		display: none;
   background: #e9d27b;
    position: absolute;
   top: 50px;
    right: 5%;
            padding-top: 5px;
	}

	#rwdMenuWrap ul li {
		width: 100%;
		border: none;
	}

	#rwdMenuWrap ul li a {
padding: 10px 0;
		text-align: left;
		display: block;
		position: relative;
    color:#001655;
	}

}



/*   header   */


/*   footer   */

.l-footer{
    width:100%;
    background-color:#001655;
   color:#ffffff;
       font-size:14px;
}

.l-footer__inner{
  padding-top:80px;
  padding-bottom:80px;
}

@media only screen and (max-width: 768px) {
.l-footer__inner{
  padding-top:50px;
  padding-bottom:50px;
}
}

.l-footer__logo{
      max-width:200px;
      margin-bottom:100px;
}
@media only screen and (max-width: 768px) {
.l-footer__logo{
        margin-bottom:30px;
}
}

.l-footer__menu{
    border-left:1px solid #ffffff;
    margin-bottom:80px;
}

.l-footer__menu li{
margin-left:40px;
margin-bottom:20px;
}

.l-footer__menu li:last-of-type{
margin-bottom:0px;
}

.l-footer__menu a{
   color:#ffffff;
}

.l-footer__menu a:visited{
   color:#ffffff;
}


.l-footer_copy{
   margin-bottom:15px;
   text-align: center;
}

@media only screen and (max-width: 768px) {
.l-footer_copy{
  font-size:10px;
  line-height:20px;
}
}

.footer_copy{
   font-family: "Noto Serif JP", serif;
   font-style: normal;
   margin-top:16px;
}


@media only screen and (max-width: 768px) {
.footer_copy{
  font-size:10px;
}
}

/*   footer   */

/*   main   */

.l-main__inner-l{
  max-width:1000px;
  margin-right:auto;
  margin-left:auto;
}

@media only screen and (max-width: 1000px) {
.l-main__inner-l{
  max-width:90%;
  margin-right:auto;
  margin-left:auto;
}

}

.l-main__inner-m{
  max-width:900px;
  margin-right:auto;
  margin-left:auto;
}

@media only screen and (max-width: 1000px) {
.l-main__inner-m{
  max-width:90%;
}
}

.l-main__inner-s{
  max-width:750px;
  margin-right:auto;
  margin-left:auto;
}

@media only screen and (max-width: 768px) {
.l-main__inner-s{
  max-width:90%;
}
}

.l-main-pages{
  padding-top:200px;
  padding-bottom:200px;
}

@media only screen and (max-width: 768px) {
.l-main-pages{
  padding-top:120px;
  padding-bottom:120px;
}
}


.l-main-bg-black{
  background-color: #000000;
  color:#ffffff;
}


.l-main-bg-navy{
  background-color: #001655;
  color:#ffffff;
}

.l-main-bg-lightnavy{
  background-color: #182447;
  color:#ffffff;
}


/*       footer add content      */

.l-footer-first-content{
 display:flex;
 justify-content: space-between;
}

.l-footer-first-content .l-footer__logo{
    width:200px;
}

.l-footer-contact-bnr{
 display:flex;
 justify-content: space-between;
 margin-right:10px;
 margin-left:10px;
}

@media only screen and (max-width: 768px) {
.l-footer-first-content{
    flex-direction: column-reverse
}
}

.l-footer-contact-bnr div{
    width:230px;
    margin-right: 10px;
    margin-left: 10px;
}

@media only screen and (max-width: 768px) {
.l-footer-contact-bnr{
margin-bottom:45px;
}
}





/*       footer add content      */