/* base Set
----------------------------------------------------*/
* {
  padding: 0;
  margin: 0; }

html {
  font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-size: 10px;
  color: #000000;
  line-height: 1.8;
  overflow-y: scroll; }
  @media screen and (max-width: 414px) {
    html {
      width: 100%; } }
  @media screen and (min-width: 415px) {
    html {
      min-width: 1200px; } }

body {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased; }
  body.fixed {
    height: 100%;
    overflow: hidden; }

h1, h2, h3, h4, h5, h6 {
  font-size: 1.0em;
  font-weight: normal; }

table {
  border-collapse: collapse; }

img {
  border: none;
  vertical-align: bottom; }

li {
  list-style-type: none; }

sup {
  color: #900; }

input,
textarea {
  font-size: 10px;
  line-height: 1.75;
  font-family: YakuHanJP, 'Noto Sans JP', sans-serif; }

button {
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

.style-clear {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background: none;
  border: none;
  cursor: pointer; }

/* link Set
----------------------------------------------------*/
a {
  color: #092AA3;
  text-decoration: none; }

.over {
  transition: opacity 0.5s ease-out; }
  .over:hover {
    opacity: 0.5; }

.underline {
  text-decoration: underline; }

/* color set
----------------------------------------------------*/
.white {
  color: #FFFFFF; }

/* TEXT set
----------------------------------------------------*/
.bold {
  font-weight: bold !important; }

/* clear
----------------------------------------------------*/
/* ---IE7.IE8 clearfix--- */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

.clearfix {
  display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%; }

.clearfix {
  display: block; }

/* End hide from IE-mac */
.clear {
  clear: both; }

/* Adjustment
----------------------------------------------------*/
.display-none {
  display: none !important; }

@media screen and (max-width: 320px) {
  .display-none-xs {
    display: none !important; } }
@media screen and (max-width: 414px) {
  .display-none-sm {
    display: none !important; } }
@media screen and (min-width: 415px) {
  .display-none-md {
    display: none !important; } }
@media screen and (min-width: 1200px) {
  .display-none-lg {
    display: none !important; } }
/* font loading
----------------------------------------------------*/
html {
  visibility: hidden; }

html.wf-active,
html.loading-delay {
  visibility: visible; }

/* end */