@charset "utf-8";
/* CSS Document */
/*
===================================================
responsive format
===================================================
*/
@media screen and (min-width: 830px) {
  .widesec {
    width: 830px;
    margin-right: auto;
    margin-left: auto;
  }
	.res_submenu ul {
		display: none;
	}
}

@media (min-width: 674px) and (max-width: 829px) {
	.res_submenu ul {
		display: none;
	}
}

@media screen and (max-width: 673px) {
  .forPC {
    display: none;
  }
  .srbox {
    display: none;
  }
  .search {
    width: 201px;
  }
	.res_submenu ul {
		background: #4A4A4A;
	}
  .tableB table {
    width: 400px;
    overflow-x: scroll;
    white-space: nowrap;
    display: block;
  }
	.link_con a {
	width: 100%;
}
	.link_con img:first-of-type {
		margin-bottom: 1em;
	}
  #hamburger {
    display: block;
  }
  .forSP {
    z-index: 1;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    background: rgba(0, 0, 0, .8);
    opacity: 0;
    transform: translateY(-100%);
    transition: all .2s ease-in-out;
  }
  .forSP ul {
    padding: 0;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    overflow: auto;
    height: 100%;
  }
  .forSP li, .forSP li span {
    display: block;
    padding: 10px 0;
    color: #fff;
  }
  .forSP a {
    color: #fff;
  }
  .forSP .close {
    position: relative;
    padding-left: 20px;
  }
  .forSP .close::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 16px;
    height: 1px;
    background: #fff;
    transform: rotate(45deg);
  }
  .forSP .close::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 16px;
    height: 1px;
    background: #fff;
    transform: rotate(-45deg);
  }
  .toggle {
    transform: translateY(0);
    opacity: 1;
  }
  .footer ul {
    display: block;
  }
  .footer li {
    box-sizing: border-box;
    padding-left: 10px;
    margin-bottom: 1em;
  }
	.footer li a {
		display: block;
	}
	.qa-001 div {
		overflow-x: auto;
	}
}
@media screen and (max-width: 436px) {
	.headA {
		justify-content: center;
	}
	.qa-001 div {
		overflow-x: auto;
	}
}