@charset "UTF-8";
/* ---------------------------------
	common parts
--------------------------------- */
:root {
  --pc-width: 390px;
  --sp-width: 750px;
  --color-blue-ccc: #004098;
}
* {
  box-sizing: border-box;
}
/* ---------------------------------
	temprate
--------------------------------- */
html {
  font-size: 10px;
}
body {
  font-size: 1.6rem;
  background-color: white;
}
body,
p,
a {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
}
a img {
  transition: opacity 0.3s;
}
a img:hover,
a img:active {
  opacity: 0.7;
}
strong {
  font-weight: 700;
}
/* header
----------------------------------------------------*/
/* pc */
header {
  max-width: var(--pc-width);
  width: 100%;
  padding: 10px 12px;
  margin: 0 auto;
  background-color: #ffffff;
}
header #head_link {
  padding: 0px;
}
header #head_link img {
  display: block;
  max-width: 75px;
  width: 100%;
  height: auto;
}
/* tab */
@media screen and (max-width: 1163px) {
  header {
    max-width: var(--sp-width);
    padding: 20px 24px;
  }
  header #head_link img {
    max-width: 150px;
  }
}
/* sp */
@media screen and (max-width: 768px) {
  header {
    max-width: 100%;
    padding: 2.667vw 3.2vw;
  }
  header #head_link img {
    max-width: 20vw;
  }
}
/*Wrapper
----------------------------------------------------*/
/* pc */
#Wrapper {
  display: flex;
  justify-content: center;
}
#Wrapper a {
  word-break: break-all;
}
main {
  width: 100%;
  max-width: var(--pc-width);
  margin: 0 auto;
}
/* tab */
@media screen and (max-width: 1163px) {
  main {
    max-width: var(--sp-width);
  }
}
/* sp */
@media screen and (max-width: 768px) {
  main {
    max-width: 100%;
  }
  .container {
    overflow: hidden;
  }
}