@charset "UTF-8";

/* -----------------------------------------------------------
 =reset and default css
----------------------------------------------------------- */

*, *::before, *::after { box-sizing: border-box; }

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, address, code, del, em, img, q, small, strong, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, article, aside, figcaption, figure, footer, header, menu, nav, section, summary, time, mark, a, input, textarea { 
  margin: 0; padding: 0; border: 0; outline: 0; 
  vertical-align: baseline; 
  background: transparent; 
}

html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth; }

body { 
  font-family: "Noto Sans CJK JP", "Noto Sans JP";
  font-weight: 400;
  font-size: 15px; 
  line-height: 1; 
  color: #222; 
}

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

button, input, select, textarea {
  font-family: inherit;
  font-size: inherit;
  /* line-height: inherit;
  letter-spacing: inherit; */
}

/* link ------------------------------- */
a { color: var(--black); text-decoration: none; }
a:hover { color: var(--linkblue); }
a:hover img { opacity: .7; cursor: pointer; }
a:visited { text-decoration: none; }
a[href^="tel:"] { 
  display: inline-block; pointer-events: none; color: #FFF; 
}
.u_line { text-decoration: underline !important; }
.pointer { cursor :pointer; }

/* form ------------------------------- */
input:focus, textarea:focus { outline: none; }

/* table ------------------------------- */
table { border-collapse: collapse; border-spacing: 0; }

/* list ------------------------------- */
ul { list-style: none; }

/* alignment ------------------------------- */
.tCenter { text-align: center; }
.tLeft { text-align: left; }
.tRight { text-align: right; }

.vTop { vertical-align: top; }
.vMid { vertical-align: middle; }
.vBtm { vertical-align: bottom; }

.mgCenter { margin-left: auto; margin-right: auto; }

.fx_left { display: flex; justify-content: flex-start; }
.fx_center { display: flex; justify-content: center; }
.fx_right { display: flex; justify-content: flex-end; }
.fx_top { display: flex; align-items: flex-start; }
.fx_middle { display: flex; align-items: center; }
.fx_bottom { display: flex; align-items: flex-end; }
.fx_column { flex-direction: column; }

/* image ------------------------------- */
img { max-width: 100%; vertical-align: middle; }

/* margin -------------------------------- */
.mg_0 { margin: 0 !important; }

.mgT0 { margin-top: 0 !important; }
.mgB0 { margin-bottom: 0 !important; }
.mgR0 { margin-right: 0 !important; }
.mgL0 { margin-left: 0 !important; }

/* padding -------------------------------- */
.pd_0 { padding: 0 !important; }

.pdT0 { padding-top: 0 !important; }
.pdB0 { padding-bottom: 0 !important; }
.pdR0 { padding-right: 0 !important; }
.pdL0 { padding-left: 0 !important; }

.pdLR_5vw { padding-left: 5.33vw; padding-right: 5.33vw; }

/* Font ---------------------------------*/
.font_bold { font-weight: 700; }
.font_semibold { font-weight: 600; }
.font_medium { font-weight: 500; }

/* text indent ---------------------------------*/
.pdL_1em_ti-1em {
  padding-left: 1em;
  text-indent: -1.05em;
}

/* width ------------------------------- */
.w_50 { width: 50%; }
.w_100 { width: 100%; }

/* display -------------------------------- */
.none { display: none; }
.block { display: block; }
.inline_block { display: inline-block; }
.shrink_0 { flex-shrink: 0; }
.z_index_1 { z-index: 1;}

.nopc_w1700, .nopc_w1600, .nopc_w1500, .nopc_w1400, .nopc_w1300, .nopc_w1200, .nopc_w1100, .nopc_w1000, .nopc_w900, .nopc_w767, .nopc_w600, .nopc_w500 { 
  display: none; 
}
@media print,screen and (max-width: 1700px) {
  .nopc_w1700 { display: block !important; } 
  .nosp_w1700 { display: none !important; }
}
@media print,screen and (max-width: 1600px) {
  .nopc_w1600 { display: block !important; } 
  .nosp_w1600 { display: none !important; }
}
@media print,screen and (max-width: 1500px) {
  .nopc_w1500 { display: block !important; } 
  .nosp_w1500 { display: none !important; }
}
@media print,screen and (max-width: 1400px) {
  .nopc_w1400 { display: block !important; } 
  .nosp_w1400 { display: none !important; }
}
@media print,screen and (max-width: 1300px) {
  .nopc_w1300 { display: block !important; } 
  .nosp_w1300 { display: none !important; }
}
@media print,screen and (max-width: 1200px) {
  .nopc_w1200 { display: block !important; } 
  .nosp_w1200 { display: none !important; }
}
@media print,screen and (max-width: 1100px) {
  .nopc_w1100 { display: block !important; } 
  .nosp_w1100 { display: none !important; }
}
@media print,screen and (max-width: 1000px) {
  .nopc_w1000 { display: block !important; } 
  .nosp_w1000 { display: none !important; }
}
@media print,screen and (max-width: 900px) {
  .nopc_w900 { display: block !important; } 
  .nosp_w900 { display: none !important; }
}
@media print,screen and (max-width: 767px) {
  .nopc_w767 { display: block !important; } 
  .nosp_w767 { display: none !important; }
}
@media print,screen and (max-width: 600px) {
  .nopc_w600 { display: block !important; } 
  .nosp_w600 { display: none !important; }
}
@media print,screen and (max-width: 500px) {
  .nopc_w500 { display: block !important; } 
  .nosp_w500 { display: none !important; }
}