@charset "UTF-8";
/* 文字コードの指定 */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap");
html {
  height: 100%;
  font-size: 62.5%; }

body {
  height: 100%;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.75;
  margin: 0;
  color: #000;
  background-color: #edf1fa; }

a {
  text-decoration: none;
  color: #261f1d; }

h1 {
  font-size: 14px;
  font-weight: bold; }

h2 {
  font-size: 12px;
  font-weight: normal; }

h3 {
  font-size: 12px;
  font-weight: normal; }

.container {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  background-color: #edf1fa; }
  @media (max-width: 768px) {
    .container {
      height: 130vh; } }

.container1 {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  background-color: #edf1fa; }
  @media (max-width: 768px) {
    .container1 {
      height: 200vh; } }

.container2 {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  background-color: #edf1fa; }
  @media (max-width: 768px) {
    .container2 {
      height: 110vh; } }

.container3 {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  background-color: #edf1fa; }
  @media (max-width: 768px) {
    .container3 {
      height: 170vh; } }

.container4 {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  background-color: #edf1fa; }
  @media (max-width: 768px) {
    .container4 {
      height: 250vh; } }

@media (min-width: 769px) {
  .sp-cover {
    display: none; }

  .pc-cover img {
    width: 100%;
    height: 50rem;
    margin-top: 7rem; }

  .pc-cover {
    position: relative;
    text-align: center; }

  .cover-title {
    position: absolute;
    margin: 0;
    padding: 0;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    color: #fff;
    font-weight: bold;
    font-size: 4rem; }

  .cover-discription {
    position: absolute;
    margin: 0;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    color: #fff;
    font-size: 2rem; }

  .cover-title-s {
    position: absolute;
    margin: 0;
    padding: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    color: #010440;
    background-color: rgba(255, 255, 255, 0.5);
    font-weight: bold;
    font-size: 4rem; }

  .cover-discription-s {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    color: #010440;
    background-color: rgba(255, 255, 255, 0.5);
    font-weight: bold;
    font-size: 1.5rem; } }
@media (max-width: 768px) {
  .pc-cover {
    display: none; }

  .sp-cover img {
    width: 100%;
    height: auto; }

  .sp-cover {
    position: relative;
    text-align: center; }

  .cover-title {
    position: absolute;
    margin: 0;
    padding: 0;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    color: #fff;
    font-weight: bold;
    font-size: 2rem; }

  .cover-discription {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    color: #fff;
    font-size: 1rem; }

  .cover-title-s {
    position: absolute;
    margin: 0;
    padding: 0;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    color: #010440;
    background-color: rgba(255, 255, 255, 0.5);
    font-weight: bold;
    font-size: 2rem; }

  .cover-discription-s {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    color: #010440;
    background-color: rgba(255, 255, 255, 0.5);
    font-weight: bold;
    font-size: 1rem; } }
/* Header */
@media (min-width: 769px) {
  .header {
    position: fixed;
    z-index: 100;
    width: 100%;
    background-color: #0d0d0d;
    border-bottom: 1px solid #0d0d0d; }

  .logo {
    font-weight: bold;
    margin: 0;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 4px;
    text-align: left;
    padding-top: 5px;
    padding-left: 10rem; }

  .logo a {
    color: #fff;
    font-size: 22px; }

  .nav-button {
    display: none; }

  .sp-nav {
    display: none; }

  .sp-top {
    display: none; }

  .pc-nav-list {
    display: flex;
    margin: 0;
    padding-left: 10rem;
    padding-right: 10rem;
    height: 3.5rem;
    background-color: #024059; }
    .pc-nav-list a:first-child {
      margin-left: 0; }
    .pc-nav-list a {
      font-size: 1.5rem;
      text-align: center;
      width: 100%;
      color: #fff; }

  .pc-nav-list a:hover {
    background-color: #008cc4; }

  .sp-nav-list a {
    text-decoration: underline;
    font-weight: bold; }

  .sp-nav-list a:hover {
    color: red; }

  .pc-top {
    margin-top: 3rem; }

  .pctop-title1 {
    display: flex;
    margin-left: 10rem;
    margin-right: 10rem; }

  .pc-service1 {
    margin-top: 20px;
    margin-right: 0;
    margin-bottom: 20px;
    margin-left: 0;
    font-size: 2.3rem;
    font-weight: bold;
    color: #010440;
    border-bottom: solid #a7d5f2 3px; }

  .pc-service2 {
    font-size: 1.4rem;
    font-style: italic;
    margin-top: 30px;
    margin-right: 20px;
    margin-bottom: 10px;
    margin-left: 5px;
    color: #010440; }

  .SERVICE-first {
    display: flex;
    margin-left: 10rem;
    margin-right: 10rem; }

  .SERVICE1 {
    margin: 0.5rem;
    padding: 1rem;
    width: 50%;
    background-color: #fff; }

  .SERVICE1 img {
    max-width: 100%;
    vertical-align: bottom; }

  .SERVICE1-main {
    position: relative;
    text-align: center; }

  .SERVICE1-title {
    position: absolute;
    margin: 0;
    padding: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    color: #010440;
    background-color: rgba(255, 255, 255, 0.8);
    font-weight: bold;
    font-size: 3rem; }

  .SERVICE1-fand {
    margin: 1rem;
    background-color: rgba(2, 64, 89, 0.4); }

  .SERVICE1-fand ul {
    margin: 0;
    padding: 0;
    color: #fff; }

  .SERVICE1-fand h1 {
    padding-left: 1rem;
    font-weight: bold;
    color: #fff;
    background-color: #024059; }

  .SERVICE1-fand a {
    margin: 1.2rem;
    font-weight: bold;
    color: #000; }

  .SERVICE2 {
    margin: 0.5rem;
    padding: 1rem;
    width: 50%;
    background-color: #fff; }

  .SERVICE2 img {
    max-width: 100%;
    vertical-align: bottom; }

  .SERVICE2-main {
    position: relative;
    text-align: center; }

  .SERVICE2-title {
    position: absolute;
    margin: 0;
    padding: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    color: #010440;
    background-color: rgba(255, 255, 255, 0.8);
    font-weight: bold;
    font-size: 3rem; }

  .SERVICE-second {
    display: flex;
    margin-top: 3rem;
    margin-left: 10rem;
    margin-right: 10rem;
    margin-bottom: 5rem; }

  .SERVICE3 {
    margin: 0.5rem;
    padding: 1rem;
    width: 50%;
    background-color: #fff; }

  .SERVICE3 img {
    max-width: 100%;
    vertical-align: bottom; }

  .SERVICE3-main {
    position: relative;
    text-align: center; }

  .SERVICE3-title {
    position: absolute;
    margin: 0;
    padding: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    color: #010440;
    background-color: rgba(255, 255, 255, 0.8);
    text-decoration: underline;
    font-weight: bold;
    font-size: 3rem; }

  .SERVICE3-title a:hover {
    color: red; }

  .SERVICE4 {
    margin: 0.5rem;
    padding: 1rem;
    width: 50%;
    background-color: #fff; }

  .SERVICE4 img {
    max-width: 100%;
    vertical-align: bottom; }

  .SERVICE4-main {
    position: relative;
    text-align: center; }

  .SERVICE4-title {
    position: absolute;
    margin: 0;
    padding: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    color: #010440;
    background-color: rgba(255, 255, 255, 0.8);
    text-decoration: underline;
    font-weight: bold;
    font-size: 3rem; }

  .SERVICE4-title a:hover {
    color: red; }

  .pctop-title2 {
    display: flex;
    margin-left: 10rem;
    margin-right: 10rem;
    margin-bottom: 2rem; }

  .pc-news1 {
    margin-top: 20px;
    margin-right: 0;
    margin-bottom: 20px;
    margin-left: 0;
    font-size: 2.3rem;
    font-weight: bold;
    color: #010440;
    border-bottom: solid #a7d5f2 3px; }

  .pc-news2 {
    font-size: 1.4rem;
    font-style: italic;
    margin-top: 30px;
    margin-right: 20px;
    margin-bottom: 10px;
    margin-left: 5px;
    color: #010440; }

  .news1 {
    display: flex;
    margin-left: 15rem;
    margin-right: 20rem;
    border-bottom: solid #000 1.5px; }

  .news1-yyyymmdd {
    font-size: 1.5rem;
    font-weight: bold; }

  .news1-title {
    font-size: 1.5rem;
    padding-left: 10px;
    font-weight: bold; }

  .news1-title a:hover {
    color: red; }

  .news2 {
    display: flex;
    margin-top: 3rem;
    margin-left: 15rem;
    margin-right: 20rem;
    border-bottom: solid #000 1.5px; }

  .news2-yyyymmdd {
    font-size: 1.5rem;
    font-weight: bold; }

  .news2-title {
    font-size: 1.5rem;
    padding-left: 10px;
    font-weight: bold; }

  .news2-title a:hover {
    color: red; }

  .news3 {
    display: flex;
    margin-top: 3rem;
    margin-left: 15rem;
    margin-right: 20rem;
    border-bottom: solid #000 1.5px; }

  .news3-yyyymmdd {
    font-size: 1.5rem;
    font-weight: bold; }

  .news3-title {
    font-size: 1.5rem;
    padding-left: 10px;
    font-weight: bold; }

  .news3-title a:hover {
    color: red; }

  .news4 {
    display: flex;
    margin-top: 3rem;
    margin-left: 15rem;
    margin-right: 20rem;
    border-bottom: solid #000 1.5px; }

  .news4-yyyymmdd {
    font-size: 1.5rem;
    font-weight: bold; }

  .news4-title {
    font-size: 1.5rem;
    padding-left: 10px;
    font-weight: bold; }

  .news4-title a:hover {
    color: red; }

  .news5 {
    display: flex;
    margin-top: 3rem;
    margin-left: 15rem;
    margin-right: 20rem;
    border-bottom: solid #000 1.5px; }

  .news5-yyyymmdd {
    font-size: 1.5rem;
    font-weight: bold; }

  .news5-title {
    font-size: 1.5rem;
    padding-left: 10px;
    font-weight: bold; }

  .news5-title a:hover {
    color: red; }

  .top-bl {
    display: flex;
    margin: 0 10rem 0 auto;
    width: 6.4rem;
    justify-content: center;
    border-style: none;
    color: #010440;
    border-bottom: solid #010440 2px;
    font-size: 1.5rem; }

  .top_bl a {
    text-align: center;
    padding-bottom: 1rem;
    color: #010440; }

  /* About Section */
  footer {
    width: 100%;
    margin-top: 10rem;
    padding-top: 1rem;
    background-color: #0d0d0d;
    border-bottom: 1px solid #0d0d0d; }

  .f-logo {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    font-style: normal; }

  .f-address {
    color: #fff;
    font-size: 12px;
    text-align: center;
    font-style: normal; }

  .f-tel {
    color: #fff;
    font-size: 12px;
    text-align: center;
    font-style: normal;
    margin-bottom: 0; }

  .f-fax {
    color: #fff;
    font-size: 12px;
    text-align: center;
    font-style: normal;
    margin-top: 0; }

  .f-k {
    display: flex;
    margin-right: 10rem;
    margin-left: 10rem;
    justify-content: center; }

  .f-k-hogo {
    margin-top: 0;
    margin-right: 2rem;
    margin-bottom: 0;
    margin-left: 2rem;
    font-size: 12px;
    text-align: center;
    font-style: normal; }
    .f-k-hogo a {
      color: #fff;
      text-decoration: underline; }

  .f-k-tori {
    margin-top: 0;
    margin-right: 2rem;
    margin-bottom: 0;
    margin-left: 2rem;
    color: #fff;
    font-size: 12px;
    text-align: center;
    font-style: normal; }
    .f-k-tori a {
      color: #fff;
      text-decoration: underline; }

  .copyright {
    color: #fff;
    font-size: 9px;
    text-align: center;
    font-style: italic;
    background-color: #0d0d0d;
    border-bottom: 1px solid #0d0d0d; } }
/* Small Tablets */
@media (max-width: 768px) {
  .header {
    display: flex;
    width: 100%;
    background-color: #0d0d0d;
    border-bottom: 1px solid #0d0d0d; }

  .logo {
    color: #fff;
    font-weight: bold;
    margin-left: auto;
    letter-spacing: 2px;
    margin-right: auto;
    text-align: left;
    padding-top: 5px;
    line-height: 2em;
    font-size: 14px;
    width: 100%;
    margin: 1rem; }

  .logo a {
    color: #fff;
    font-size: 14px; }

  .nav-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 6rem;
    font-size: 3rem;
    color: #fff;
    cursor: pointer; }

  .sp-nav {
    position: absolute;
    top: 50px;
    left: 0;
    display: none;
    z-index: 1000;
    width: 100%;
    padding: 3rem;
    text-align: center;
    background-color: #0d0d0d;
    border-top: 1px solid #000;
    box-sizing: border-box; }

  .sp-nav-list {
    padding: 0;
    margin: 0;
    list-style: none; }
    .sp-nav-list li {
      margin-bottom: 4rem; }
    .sp-nav-list a {
      color: #fff;
      font-size: 2.4rem;
      text-decoration: none;
      font-weight: bold; }

  .sp-nav-info {
    color: #fff;
    font-size: 1rem;
    text-decoration: none;
    font-weight: lighter; }

  .pc-nav {
    display: none; }

  .pc-top {
    display: none; }

  .top-service {
    margin-top: 4rem;
    margin-right: 4rem;
    margin-left: 4rem;
    text-align: center;
    background-color: #024059; }
    .top-service a {
      color: #fff;
      font-size: 2.4rem; }

  .top-topics {
    margin-top: 4rem;
    margin-right: 4rem;
    margin-left: 4rem;
    text-align: center;
    background-color: #024059; }
    .top-topics a {
      color: #fff;
      font-size: 2.4rem; }

  .top-company {
    margin-top: 4rem;
    margin-right: 4rem;
    margin-left: 4rem;
    text-align: center;
    background-color: #024059; }
    .top-company a {
      color: #fff;
      font-size: 2.4rem; }

  .top-link {
    margin-top: 4rem;
    margin-right: 4rem;
    margin-left: 4rem;
    text-align: center;
    background-color: #024059; }
    .top-link a {
      color: #fff;
      font-size: 2.4rem; }

  .top-bl {
    display: flex;
    margin: 0 4rem 0 auto;
    width: 4rem;
    justify-content: center;
    border-style: none;
    color: #010440;
    border-bottom: solid #010440 1px;
    font-size: 1.3rem; }

  .top_bl a {
    text-align: center;
    padding-bottom: 1rem;
    color: #010440; }

  footer {
    width: 100%;
    margin-top: 4rem;
    padding-top: 1rem;
    background-color: #0d0d0d;
    border-bottom: 1px solid #0d0d0d; }

  .f-logo {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    font-style: normal; }

  .f-address {
    color: #fff;
    font-size: 12px;
    text-align: center;
    font-style: normal; }

  .f-tel {
    color: #fff;
    font-size: 12px;
    text-align: center;
    font-style: normal;
    margin-bottom: 0; }

  .f-fax {
    color: #fff;
    font-size: 12px;
    text-align: center;
    font-style: normal;
    margin-top: 0; }

  .f-k {
    display: flex;
    margin-right: 4rem;
    margin-left: 4rem;
    justify-content: center; }

  .f-k-hogo {
    margin-top: 0;
    margin-right: 2rem;
    margin-bottom: 0;
    margin-left: 2rem;
    font-size: 12px;
    text-align: center; }
    .f-k-hogo a {
      color: #fff;
      text-decoration: underline; }

  .f-k-tori {
    margin-top: 0;
    margin-right: 2rem;
    margin-bottom: 0;
    margin-left: 2rem;
    color: #fff;
    font-size: 12px;
    text-align: center; }
    .f-k-tori a {
      color: #fff;
      text-decoration: underline; }

  .copyright {
    color: #fff;
    font-size: 9px;
    text-align: center;
    font-style: italic;
    background-color: #0d0d0d;
    border-bottom: 1px solid #0d0d0d; } }
@media (min-width: 769px) {
  .service-title {
    display: flex;
    margin-left: 10rem;
    margin-right: 10rem;
    margin-bottom: 2rem; }

  .service-title1 {
    margin-top: 20px;
    margin-right: 0;
    margin-bottom: 20px;
    margin-left: 0;
    font-size: 2.3rem;
    font-weight: bold;
    color: #010440;
    border-bottom: solid #a7d5f2 3px; }

  .service-title2 {
    font-size: 1.4rem;
    font-style: italic;
    margin-top: 30px;
    margin-right: 20px;
    margin-bottom: 10px;
    margin-left: 5px;
    color: #010440; }

  .service-list {
    margin-left: 10rem;
    margin-right: 10rem; }

  .service-inv {
    margin-bottom: 2rem;
    width: 100%;
    background-color: #fff; }

  .service-inv img {
    width: 100%;
    background-color: #fff; }

  .service-inv-main {
    position: relative;
    text-align: center; }

  .service-inv-title {
    position: absolute;
    margin: 0;
    padding: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    color: #010440;
    background-color: rgba(255, 255, 255, 0.8);
    font-weight: bold;
    font-size: 3rem; }

  .service-inv-contents {
    margin-top: 0.5rem;
    margin-right: 1rem;
    margin-bottom: 0;
    margin-left: 1rem;
    padding: 0;
    font-size: 2rem; }

  .service-inv-list {
    margin: 1rem;
    padding: 0.5rem;
    list-style: none; }
    .service-inv-list li {
      margin-bottom: 1rem; }
    .service-inv-list a {
      color: #010440;
      font-size: 2.5rem;
      text-decoration: underline;
      font-weight: bold; }

  .service-con {
    width: 100%;
    background-color: #fff; }

  .service-con img {
    width: 100%;
    background-color: #fff; }

  .service-con-main {
    position: relative;
    text-align: center; }

  .service-con-title {
    position: absolute;
    margin: 0;
    padding: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    color: #010440;
    background-color: rgba(255, 255, 255, 0.8);
    font-weight: bold;
    font-size: 3rem; }

  .service-con-contents {
    margin-top: 0.5rem;
    margin-right: 1rem;
    margin-bottom: 0;
    margin-left: 1rem;
    padding: 1rem;
    font-size: 2rem; } }
/* Small Tablets */
@media (max-width: 768px) {
  .service-title {
    display: flex; }

  .service-title1 {
    margin-top: 20px;
    margin-right: 0;
    margin-bottom: 20px;
    margin-left: 0;
    font-size: 1.5rem;
    font-weight: bold;
    color: #010440;
    border-bottom: solid #a7d5f2 3px; }

  .service-title2 {
    font-size: 1.4rem;
    font-style: italic;
    margin-top: 25px;
    margin-right: 20px;
    margin-bottom: 15px;
    margin-left: 5px;
    color: #010440; }

  .service-list {
    margin-top: 0;
    margin-right: 4rem;
    margin-bottom: 0;
    margin-left: 4rem; }

  .service-inv {
    margin-bottom: 2rem;
    width: 100%;
    background-color: #fff; }

  .service-inv img {
    width: 100%;
    background-color: #fff; }

  .service-inv-main {
    position: relative;
    text-align: center; }

  .service-inv-title {
    position: absolute;
    margin: 0;
    padding: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    color: #010440;
    background-color: rgba(255, 255, 255, 0.8);
    font-weight: bold;
    font-size: 2rem; }

  .service-inv-contents {
    margin-top: 0.5rem;
    margin-right: 1rem;
    margin-bottom: 0;
    margin-left: 1rem;
    padding: 0;
    font-size: 1.2rem; }

  .service-inv-list {
    margin: 1rem;
    padding: 0.5rem;
    list-style: none; }
    .service-inv-list li {
      margin-bottom: 1rem; }
    .service-inv-list a {
      color: #010440;
      font-size: 1.4rem;
      text-decoration: underline;
      font-weight: bold; }

  .SERVICE1-fand {
    margin: 1rem;
    background-color: rgba(2, 64, 89, 0.4); }

  .SERVICE1-fand ul {
    margin: 0;
    padding: 0;
    color: #fff; }

  .SERVICE1-fand h1 {
    padding-left: 1rem;
    font-weight: bold;
    color: #fff;
    background-color: #024059; }

  .SERVICE1-fand a {
    font-size: 1rem; }

  .service-con {
    width: 100%;
    background-color: #fff; }

  .service-con img {
    width: 100%;
    background-color: #fff; }

  .service-con-main {
    position: relative;
    text-align: center; }

  .service-con-title {
    position: absolute;
    margin: 0;
    padding: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    color: #010440;
    background-color: rgba(255, 255, 255, 0.8);
    font-weight: bold;
    font-size: 2rem; }

  .service-con-contents {
    margin-top: 0.5rem;
    margin-right: 1rem;
    margin-bottom: 0;
    margin-left: 1rem;
    padding: 0.5rem;
    font-size: 1.2rem; } }
@media (min-width: 769px) {
  .company-title {
    display: flex;
    margin-left: 10rem;
    margin-right: 10rem;
    margin-bottom: 2rem; }

  .company-title1 {
    margin-top: 20px;
    margin-right: 0;
    margin-bottom: 20px;
    margin-left: 0;
    font-size: 2.3rem;
    font-weight: bold;
    color: #010440;
    border-bottom: solid #a7d5f2 3px; }

  .company-title2 {
    font-size: 1.4rem;
    font-style: italic;
    margin-top: 30px;
    margin-right: 20px;
    margin-bottom: 10px;
    margin-left: 5px;
    color: #010440; }

  .contents-box {
    padding-top: 3rem;
    padding-bottom: 3rem;
    margin-right: 10rem;
    margin-left: 10rem;
    background-color: #fff; }

  .company-table {
    height: auto;
    font-size: 2rem; }

  .contents-box a {
    font-size: 1.6rem;
    margin-top: 2.4rem; }

  .company-table th {
    text-align: center;
    white-space: nowrap;
    font-weight: normal;
    width: 20%; }

  .company-table td {
    text-align: left;
    padding: 0.3rem;
    width: 70%; }

  .location {
    padding-left: 22%; }

  .c-address {
    padding-top: 0; }

  .company-table td:nth-of-type(6) {
    padding-left: 15%; } }
/* Small Tablets */
@media (max-width: 768px) {
  .company-title {
    display: none; }

  /*	.company-title {
  		display: flex;
  		margin-left: 10rem;
  		margin-right: 10rem;
  		margin-bottom: 2rem;
  	}
  	.company-title1 {
  		margin-top: 20px;
  		margin-right: 0;
  		margin-bottom: 20px;
  		margin-left: 0;
  		font-size: 2.3rem;
  		font-weight: bold;
  		color: #010440;
  		border-bottom: solid #a7d5f2 3px;
  	}
  	.company-title2 {
  		font-size: 1.4rem;
  		font-style: italic;
  		margin-top: 30px;
  		margin-right: 20px;
  		margin-bottom: 10px;
  		margin-left: 5px;
  		color: #010440;
  	}
  */
  .contents-box {
    display: flex;
    margin-top: 3rem;
    margin-right: 4rem;
    margin-bottom: 0rem;
    margin-left: 4rem;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end; }

  .contents-box a {
    font-size: 1.6rem;
    margin-top: 2.4rem; }

  /* 会社概要 */
  .company-table {
    display: table;
    width: 100%;
    height: auto;
    border-spacing: 0;
    text-align: center;
    font-size: 1.2rem;
    padding: 2rem;
    background-color: white; }

  .company-table th {
    text-align: center;
    white-space: nowrap;
    font-weight: normal;
    width: 20%; }

  .company-table td {
    text-align: left;
    width: 70%;
    font-size: 1rem; }

  .location {
    padding-left: 12%; }

  .c-address {
    display: flex; }

  .company-table td:nth-of-type(6) {
    padding-left: 15%; } }
/* Header */
@media (min-width: 769px) {
  .topics-title {
    display: flex;
    margin-left: 10rem;
    margin-right: 10rem;
    margin-bottom: 2rem; }

  .topics-title1 {
    margin-top: 20px;
    margin-right: 0;
    margin-bottom: 20px;
    margin-left: 0;
    font-size: 2.3rem;
    font-weight: bold;
    color: #010440;
    border-bottom: solid #a7d5f2 3px; }

  .topics-title2 {
    font-size: 1.4rem;
    font-style: italic;
    margin-top: 30px;
    margin-right: 20px;
    margin-bottom: 10px;
    margin-left: 5px;
    color: #010440; }

  .news1 {
    display: flex;
    margin-top: 1rem;
    margin-left: 15rem;
    margin-right: 20rem;
    border-bottom: solid #000 1.5px; }

  .news1-yyyymmdd {
    font-size: 1.5rem;
    font-weight: bold; }

  .news1-title {
    font-size: 1.5rem;
    padding-left: 10px;
    font-weight: bold; }

  .news1-title a:hover {
    color: red; } }
/* Small Tablets */
@media (max-width: 768px) {
  .topics-title {
    display: flex; }

  .topics-title1 {
    margin-top: 20px;
    margin-right: 0;
    margin-bottom: 20px;
    margin-left: 0;
    font-size: 1.5rem;
    font-weight: bold;
    color: #010440;
    border-bottom: solid #a7d5f2 3px; }

  .topics-title2 {
    font-size: 1.4rem;
    font-style: italic;
    margin-top: 25px;
    margin-right: 20px;
    margin-bottom: 15px;
    margin-left: 5px;
    color: #010440; }

  .topics-list {
    margin-top: 0;
    margin-right: 4rem;
    margin-bottom: 0;
    margin-left: 4rem; }

  .news1 {
    display: flex;
    border-bottom: solid #000 1.5px; }

  .news1-yyyymmdd {
    font-size: 1.2rem;
    font-weight: bold; }

  .news1-title {
    font-size: 1.2rem;
    padding-left: 10px;
    font-weight: bold; }

  .news1-title a:hover {
    color: red; } }
/* Header */
@media (min-width: 769px) {
  .information-title {
    display: flex;
    margin-left: 10rem;
    margin-right: 10rem;
    margin-bottom: 2rem; }

  .information-title1 {
    margin-top: 20px;
    margin-right: 0;
    margin-bottom: 20px;
    margin-left: 0;
    font-size: 2.3rem;
    font-weight: bold;
    color: #010440;
    border-bottom: solid #a7d5f2 3px; }

  .information-title2 {
    font-size: 1.4rem;
    font-style: italic;
    margin-top: 30px;
    margin-right: 20px;
    margin-bottom: 10px;
    margin-left: 5px;
    color: #010440; }

  .information-list1 img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    vertical-align: bottom; }

  .information-list1 {
    display: flex;
    margin-left: 10rem;
    margin-right: 10rem;
    margin-bottom: 2rem;
    background-color: #fff; }

  .information-list1 a {
    font-size: 2rem; }

  .information-1 {
    margin: 0;
    padding: 0;
    width: 15%;
    background-color: #fff; }

  .information-2 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: 1rem;
    padding: 0;
    font-weight: bold;
    background-color: #fff; }

  .information-2 a:hover {
    color: red; } }
/* Small Tablets */
@media (max-width: 768px) {
  .information-title {
    display: flex;
    margin-left: 4rem;
    margin-right: 4rem; }

  .information-title1 {
    margin-top: 20px;
    margin-right: 0;
    margin-bottom: 20px;
    margin-left: 0;
    font-size: 1.5rem;
    font-weight: bold;
    color: #010440;
    border-bottom: solid #a7d5f2 3px; }

  .information-title2 {
    font-size: 1rem;
    font-style: italic;
    margin-top: 25px;
    margin-right: 20px;
    margin-bottom: 15px;
    margin-left: 5px;
    color: #010440; }

  .information-list1 img {
    max-width: 100%;
    vertical-align: bottom; }

  .information-list1 {
    display: flex;
    margin-left: 4rem;
    margin-right: 4rem;
    margin-bottom: 2rem;
    background-color: #fff; }

  .information-list1 a {
    font-size: 1rem; }

  .information-1 {
    margin: 0;
    padding: 0;
    width: 15%;
    background-color: #fff; } }
@media (min-width: 769px) {
  .k-hogo-table {
    margin-right: 10rem;
    margin-bottom: 10rem;
    margin-left: 10rem;
    padding: 12rem;
    background-color: #fff; }

  .daihyo {
    text-align: right; } }
@media (max-width: 768px) {
  .k-hogo-table {
    margin-top: 1rem;
    margin-right: 4rem;
    margin-bottom: 4rem;
    margin-left: 5rem;
    background-color: #fff;
    font-size: 1rem; }

  .daihyo {
    text-align: right; } }