@charset "utf-8";

/* =================================
Header
================================= */
.fixHeader {
  height: 6.25vw;
}

.fixHeader.fixed {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background: #fff;
  height: 6.25vw;
  margin: 0 auto;
  position: fixed;
  top: 36px;
  width: 100%;
  z-index: 10;
}
#form .fixHeader.fixed {
  position: relative;
}

.headerLogo {
  margin-left: -15px;
  padding: 1.2vw 0 19px;
  width: calc(500 / 1600 * 100%);
}

.headerNav {
  width: calc(900 / 1600 * 100%);
}

.headerNavList .listOuter01 {
  display: inline-flex;
  padding-top: 5px;
  width: calc(500 / 900 * 100%);
}

.headerNavList .listOuter02 {
  width: calc(250 / 900 * 100%);
}
.headerNavList .listOuter01.listOuter03 {
  width: calc(100 / 900 * 100%);
}

.headerNavList .listOuter .colFlex01 {
  width: 100%;
}

.headerNavList .listInner {
  align-items: center;
  display: inline-flex;
}

.headerNavList .listOuter01 .listInner:first-child {
  width: calc(260 / 580 * 100%);
}
.headerNavList .listOuter01.listOuter03 .listInner:first-child {
  width: 100%;
}

.headerNavList .listOuter01 .listInner:nth-of-type(2) {
  width: calc(120 / 580 * 100%);
}

.headerNavList .listOuter01 .listInner:last-child {
  width: calc(200 / 580 * 100%);
}

.headerNavList .listOuter02 .listInner {
  width: 100%;
}

.headerNavList a {
  display: block;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: 100%;
}

.headerNavList .type01 {
  border-right: 1px solid #333;
  color: #333;
  font-size: 16px;
  padding: 0 5px;
}

.headerNavList .listInner:first-child .type01 {
  border-left: 1px solid #333;
}

.headerNavList .type02 {
  background: #1A005D;
  color: #fff;
  font-size: 0.9vw;
  padding: 23px 35px 23px 15px;
}
@media screen and (min-width: 1617px) {
.headerNavList .type02 {
  font-size: 15px;
}
}

.headerNavList .type02::after {
  border: solid #fff;
  border-width: 0 2px 2px 0;
  content: "";
  display: inline-block;
  padding: 3px;
  position: absolute;
  right: 28px;
  top: 45%;
  transform: rotate(-45deg) translateY(-45%);
  -webkit-transform: rotate(-45deg) translateY(-45%);
}

@media screen and (max-width: 1617px) {
  .headerArea {
    padding: 0 2%;
  }

  .headerLogo {
    margin-left: 0;
  }

  .headerNavList .listOuter01 {
    padding-top: 1%;
  }

  .headerNavList .type02::after {
    padding: .2em;
    right: 8%;
  }

  .headerNavList .type01 {
    font-size: 1vw;
    padding: 0;
  }

}
@media screen and (min-width:480px) and (max-width:1024px){
.headerNav {
  width: calc(1050 / 1600 * 100%);
}
.headerNavList .listOuter01 {
  width: calc(490 / 900 * 100%);
}
.headerNavList .listOuter02 {
  width: calc(300 / 900 * 100%);
}
.headerNavList .type02 {
  font-size: 1.2vw;
  padding: 10px 35px 10px 15px;
}
}
@media screen and (min-width: 1616px) {
.headerLogo {
  padding: 20px 0 19px;
}
}

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

  @media screen and (orientation:landscape) {
    .dropMenuOuter {
      bottom: 0;
    }
  }

  .fixHeader,
  .fixHeader.fixed {
    height: 75px;
  }

  .fixHeader .viewSP {
    height: 100%;
  }

  .headerAreaSP {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 100%;
    justify-content: space-between;
    padding: 0 10px;
    position: relative;
  }

  .change .headerAreaSP::after {
    border-bottom: 10px solid #1A005D;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    bottom: 0;
    right: 29px;
    width: 0;
  }

  .headerLogo {
    width: 80%;
  }

  .headerMenu {
    background: #1A005D;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: 50px;
    padding: 5px;
    position: relative;
    width: 50px;
  }

  .bar1,
  .bar2,
  .bar3 {
    background-color: #fff;
    height: 3px;
    margin: 8px auto;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    width: 25px;
  }

  .change.bar1 {
    -webkit-transform: rotate(-45deg) translate(-8px, 7px);
    transform: rotate(-45deg) translate(-8px, 7px);
    width: 32px;
  }

  .change.bar2 {
    opacity: 0;
  }

  .change.bar3 {
    -webkit-transform: rotate(45deg) translate(-9px, -8px);
    transform: rotate(45deg) translate(-9px, -8px);
    width: 32px;
  }

  .change main {
    position: fixed;
  }

  .dropMenuOuter {
    background: #1A005D;
    display: none;
    overflow-y: scroll;
    position: fixed;
    left: 0;
    right: 0;
    top: 111px;
    width: 100%;
    z-index: 1000;
  }

  .dropMenuInner {
    padding-bottom: 7.171%;
    position: relative;
  }

  .menuList {
    position: relative;
  }

  .menuList li a {
    color: #fff;
    display: block;
    font-size: 3.129vw;
    padding: 4.955% 7.432% 4.694% 5.607%;
    position: relative;
    text-decoration: none;
  }

  .menuAccordion .buttonAccordion {
    padding: 5.737% 8.475% 4.173% 5.346%;
  }

  .menuList li:not(.menuAccordion) a::after {
    border: solid #fff;
    border-width: 0 3px 3px 0;
    content: "";
    display: inline-block;
    padding: .3em;
    position: absolute;
    right: 5.2%;
    top: 47%;
    transform: rotate(-45deg) translateY(-47%);
    -webkit-transform: rotate(-45deg) translateY(-47%);
  }

  .menuAccordion .buttonAccordion::before {
    background: #fff;
    content: "";
    display: inline-block;
    height: 3.129vw;
    position: absolute;
    right: 6.8%;
    top: 5.305vw;
    width: 3px;
  }

  .menuAccordion .buttonAccordion.active::before {
    display: none;
  }

  .menuAccordion .buttonAccordion::after {
    background: #fff;
    content: "";
    display: inline-block;
    height: 3px;
    position: absolute;
    right: 5.5%;
    top: 51%;
    width: 3.129vw;
  }

  .menuList>li:nth-child(2) a {
    border-bottom: 1px solid #889dc8;
    border-top: 1px solid #889dc8;
  }

  .menuList.hideItem>li:nth-child(2) a {
    border-top: none;
  }

  .menuList>li:nth-child(3) a {
    border-bottom: 1px solid #889dc8;
  }
  .menuList>li:nth-child(4) a {
    border-bottom: 1px solid #889dc8;
  }

  .dropAcordion {
    background: #375ba3;
    display: none;
    margin: 0 5.216% 6.128%;
  }

  .dropAcordion li a {
    border-bottom: 1px solid #9badd1;
    padding: 5.968% 8.006% 4.978% 6.552%;
  }

  .dropAcordion li:last-child a {
    border-bottom: none;
  }

  .dropAcordion li a::after {
    padding: .25em !important;
    right: 3% !important;
    top: 49% !important;
  }

  .menuList li.colNav:nth-child(6) {
    margin-left: 5.215%;
  }

  .menuList li.colNav:nth-child(7) {
    margin-right: 5.215%;
  }

  .colNav {
    margin-top: 7.823%;
    width: 90%;
  }

  .colNav a {
    background: #130637;
    border: 1px solid rgba(255, 255, 255, .5);
    padding: 9.5% 13% 7.48% 3.3% !important;
    text-align: center;
  }

  .menuList .colNav a::after {
    right: 8.5% !important;
  }
}

/* =================================
Footer
================================= */
.footerContent {
  background: #1A005D;
  margin-top: 72px;
  padding: 71px 0 61px;
}

.footerContent p {
  color: #fff;
  font-size: 16px;
  text-align: center;
}
.footerContent .footerLink{
  display: flex;
  justify-content: center;
  margin-bottom: 16px;
}
.footerContent .footerLink li{
	margin-left: 10px;
	padding-left: 10px;
  position:relative;
}
.footerContent .footerLink li:nth-of-type(n+2)::before{
	content: "";
    display: inline-block;
    width: 1px;
    height: 15px;
    background-color: #ffffff;
    position: absolute;
    top: 3px;
    left: -1px;
}
@media screen and (max-width: 767px){
	.footerContent .footerLink li::before{
		display: none!important;
	}
}
.footerContent .footerLink a{
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  line-height: 1.4;
}
@media screen and (max-width: 945px){
.footerContent .footerLink a{
	font-size: 12px;
	}
}
@media screen and (max-width: 767px){
	.change footer {
	display: none;
	}
	.footerContent .footerLink{
	  display: block;
	  width: 90%;
	  margin: 0 auto 24px;
	}
	.footerContent .footerLink li{
	  margin: 0 0 10px 0;
	}
	.footerContent .footerLink li a{
	  font-weight: normal;
	  font-size: 3.13vw;
	}
}

.pageTop {
  background: #453679;
  display: none;
  float: right;
  height: 75px;
  position: fixed;
  bottom: 40px;
  right: 3.4%;
  text-decoration: none;
  width: 75px;
}

.pageTop a {
  display: block;
  height: 100%;
  text-decoration: none;
}

.pageTop span {
  align-items: center;
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-size: 16px;
  height: 100%;
  justify-content: center;
  padding: 38px 10px 10px;
  position: relative;
}

.pageTop span::after {
  border: solid #fff;
  border-width: 0 3px 3px 0;
  content: "";
  display: inline-block;
  padding: 7px;
  position: absolute;
  left: 45%;
  top: 35%;
  transform: rotate(-135deg) translateX(45%);
  -webkit-transform: rotate(-135deg) translateX(45%);
}

@media screen and (max-width: 767px) {
  .footerContent {
    margin-top: 24.1%;
    padding: 9% 0 7%;
  }

  .footerContent p {
    font-size: 3.13vw;
  }

  .pageTop {
    height: 12.125vw;
    right: 5.2%;
    width: 12.125vw;
  }

  .pageTop span {
    font-size: 2.347vw;
    padding: 46% 1% 1%;
  }

  .pageTop span::after {
    padding: .5em;
    left: 45%;
  }
}

/* =================================
etc
================================= */
.InfoLine a{
  display: inline-block;
  background-color: #9cd30a;
  text-align: center;
  width: 100%;
  padding: 10px 0;
  font-weight: bold;
  text-decoration: none;
}
.InfoLine a:hover {
  color: #555;
  background-color: #a9df18;
  text-decoration: underline;
}
.InfoLine.fixed a{
    position: fixed;
    top: 0;
    z-index: 10;
}