@charset "utf-8";

html {
  font-size: 62.5%;
  height: 100%;
}
body {
  font-family: "Jost", "Noto Sans JP", "Yu Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 1.6rem;/*16px*/
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
  line-height: 100%;
  color: #282828;
  position: relative;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, dl {
  font-size: 100%;
  margin: 0;
}
h1, h2, h3, h4, h5, h6 {
  line-height: 2;
}
p, ul, ol, dl {
  line-height: 1.8;
}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}
article p, article ul, article ol, article dl, article table, section p, section ul, section ol, section dl, section table, div p, div ul, div ol, div dl, div table {
  margin-bottom: 15px;
}
article p:last-child, article ul:last-child, article ol:last-child, article dl:last-child, article table:last-child, section:last-of-type, section p:last-child, section ul:last-child, section ol:last-child, section dl:last-child, section table:last-child, div p:last-child, div ul:last-child, div ol:last-child, div dl:last-child, div table:last-child, dd:last-of-type, li:last-of-type {
  margin-bottom: 0 !important;
}
a {
  color: #282828;
  line-height: 1.8em;
  cursor: pointer;
  text-decoration: none;
  -webkit-transition: all .3s cubic-bezier(.25,.46,.45,.94) 0s;
  -moz-transition: all .3s cubic-bezier(.25,.46,.45,.94) 0s;
  -ms-transition: all .3s cubic-bezier(.25,.46,.45,.94) 0s;
  -o-transition: all .3s cubic-bezier(.25,.46,.45,.94) 0s;
  transition: all .3s cubic-bezier(.25,.46,.45,.94) 0s;
}
a:hover {
  color: #282828;
  text-decoration: none;
}
a:focus{
  outline: none;
}
p a {
  text-decoration: underline;
}
a img:hover {
  opacity: 1;
}
img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
table {
  border-spacing: 0;
  margin: 0;
  padding: 0;
}
.opa {
  opacity: 1;
}
.opa:hover {
  opacity: 0.6;
}
ul li, ol li {
  list-style: none !important;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  outline: none;
}

/*  clearfix  */
.clearfix::after, #headbt::after, #footernavi::after, #footernavi li:last-child::after, .contdiv01::after, .greet .doc_prof::after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

/*  color  */
.red {
  color: #ff0033 !important;
}
.blue {
  color: #2ea7e0 !important;
}
.purple {
  color: #006699 !important;
}
.gry {
  color: #666666 !important;
}
.bk {
  color: #000 !important;
}
.pink {
  color: #F6C !important;
}
.orange {
  color: #ff5151 !important;
}
.yellow {
  color: #FF0 !important;
}
:root{
  --primary: #A27B38;
  --text-primary: #282828;
  --sub1: #2232BB;
  --sub2: #858585;
  --sub3: #f5f5f5;
  --border: #C8C8C8;
}

/*  text-align  */
.t_l {
  text-align: left;
}
.t_r {
  text-align: right;
}
.t_c {
  text-align: center;
}

/*  margin-bottom  */
.mb_0 {
  margin-bottom: 0 !important;
}
.mb_5 {
  margin-bottom: 5px !important;
}
.mb_10 {
  margin-bottom: 10px !important;
}
.mb_20 {
  margin-bottom: 20px !important;
}
.mb_30 {
  margin-bottom: 30px !important;
}
.mt_0 {
  margin-top: 0 !important;
}
.ml_0 {
  margin-left: 0 !important;
}
.mr_0 {
  margin-right: 0 !important;
}

/* font-weight */
.f_b {
  font-weight: bold;
}

/* opacity */
.opa {
  transition: 0.3s;
}
.opa:hover {
  opacity: 0.6;
}

/* del line */
.delline {
  color: red;
  text-decoration: line-through;
}

@media (min-width: 769px) {
  /* display */
  .dn_pc {
	display: none !important;
  }
}

@media (max-width: 768px) {
  body {
    -webkit-text-size-adjust: 100% !important;
    font-size: 1.4rem;
  }
  /* display */
  .dn_mob {
    display: none !important;
  }
}