@charset "UTF-8";
/* CSS Document */
html {
  font-size: 62.5%; /* 16px * 62.5% = 10px */
  width: 100%;
  box-sizing: border-box;
}
body {
  color: #333; /* RGB */
  font-family: "Roboto","游ゴシック体",  "メイリオ","MS Pゴシック",sans-serif;
  font-weight: 500;
  font-size: 1.6em;
  line-height: 1.5;
  text-align: center;
}
.title h2 {
  font-size: 2.4rem;
  color: #003f71;
  font-weight: 700;
}
.title p{
	font-size:1.4rem;
	padding-bottom:4px;
}
a{
	cursor: pointer;
}
a:hover {
  opacity: 0.5;
}
.none {
  display:none;
}
@media(min-width:860px){
	.title h2 {
  font-size: 3.6rem;
  color: #003f71;
  font-weight: 600;
}
.title p{
	font-size:1.6rem;
	padding-bottom:10px;
}
}
/*header*/
.header img {
  width: 110px;
  padding-top:7px;
}
.header {
  height: 46px;
}
.header-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  height: 100%;
  width: 90%;
}
@media(min-width:750px) {
  .header {
    height: 60px;
  }
  .header img {
    padding-top:8px;
    width: 140px;
    height:48px;
  }
}
/*menubutton*/
.btnmenu {
  z-index: 110;
  width: 25px;
  height: 25px;
  padding: 12px 0px;
  text-align: center;
  border: none;
  outline: none;
  background-color: #fff;
  appearance: none;
}
.btnmenu-line {
  position: relative;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  transition: all .4s;
  border-radius: 4px;
  background-color: #050001;
}
.btnmenu-line::before, .btnmenu-line::after {
  position: absolute;
  display: inherit;
  width: inherit;
  height: inherit;
  content: "";
  transition: inherit;
  border-radius: inherit;
  background-color: inherit;
}
.btnmenu-line::before {
  top: -8px;
}
.btnmenu-line::after {
  top: 8px;
}
.btnmenu.active .btnmenu-line {
  background-color: transparent;
}
.btnmenu.active .btnmenu-line::before, .btnmenu.active .btnmenu-line::after {
  top: 0;
  background-color: #050001;
}
.btnmenu.active .btnmenu-line::before {
  transform: rotate(45deg);
}
.btnmenu.active .btnmenu-line::after {
  transform: rotate(-45deg);
}
@media(min-width:985px) {
  .btnmenu {
    display: none;
  }
}
/*ナビゲーションメニュー*/
.header-navigation ul li a{
  position: relative;
  display:inline-block;
}
/******ライン*****/
.header-navigation ul li a::after {
position: absolute;
bottom: -3px;
left: 0;
content: '';
width: 100%;
height: 2px;
background: #003f71;
transform: scale(0, 1);
transform-origin: left top;
transition: transform .3s;
}
.header-navigation ul li a:hover::after {
transform: scale(1, 1);
}
/******ラインfin*****/
@media(max-width:985px) {
  .header-navigation {
    position: fixed;
    z-index: 100;
    background-color: #fff;
    visibility: hidden;
    inset: 0 -100% 0 100%;
    transition: transform .3s;
  }
  .header-navigation.show {
    visibility: visible;
    transform: translate(-100%, 0);
  }
  .header-navigation ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
  }
  .header-navigation ul li{
    margin-bottom:30px;
  }
}
.header-navigation ul li a {
  text-decoration: none;
  font-size: 1.6rem;
  color: #333;
  font-weight: 700;
}
@media(min-width:985px) {
  .header-navigation ul {
    display: flex;
    flex-direction: row;
    height: 100%;
  }
  .header-navigation ul li{
    margin:0 30px 0 0;
  }
  .header-navigation ul li:last-child{
    margin-right:0px;
  }
}
/*footer*/
.footer {
  min-height: 300px;
  background-color: #F6F6F6;
  padding: 40px 40px 0px;
}
.footer img {
  width: 196px;
}
.footer-navigation ul {
  display: flex;
  justify-content: center;
  text-align: left;
  margin-top: 30px;
  margin-bottom:40px;
}
.footer-navigation ul li {
  margin-bottom: 10px;
}
.left{
  margin-right:30px;
}

.footer-navigation ul li a {
  text-decoration: none;
  color: #003f71;
  font-weight: 600;
}
.footer small {
  font-size: 1.2rem;
  color: #003f71;
}
@media(min-width:860px){
	.footer{
		min-height:280px;
	}
	.footer-navigation{
		margin:40px 0 60px;
	}
	.left{
		display:flex;
    margin-right:0px;
	}
	.right{
		display:flex;
	}
  .footer-navigation ul li{
    margin-right:30px;
  }
}