@charset "utf-8";

/*
//
//
// Utility
//
//
*/

/* hover action */
.hv_fade{ opacity: 1; }
.hv_fade:hover{ opacity: 0.7; cursor: pointer; }
.hv_scale{ display: inline-block; transform: scale(1,1); transform-origin: center center;  }
.hv_scale:hover{ transition: all .05s 0s ease; transform: scale(1.05,1.05); cursor: pointer; }

/* font-style */
.fnt-t{ font-weight: thin; }
.fnt-t{ font-weight: 100; }
.fnt-n{ font-weight: normal; }
.fnt-n{ font-weight: 400; }
.fnt-b{ font-weight: bold; }
.fnt-b{ font-weight: 700; }
.fnt-exb{ font-weight: 900; }
.fnt-i{ font-style: italic; }
.fnt-o{ font-style: oblique; }
.fnt-serif{ font-family: serif; }
.fnt-s-serif{ font-family: sans-serif; }
.fnt-break-a{word-break: break-all;}

/* line-height */
.lh0{ line-height: 0; }
.lh1{ line-height: 1; }
.lh12{ line-height: 1.2; }
.lh15{ line-height: 1.5; }
.lh2{ line-height: 2; }

/* letter-space */
.ls-0{ letter-spacing: 0; }
.ls-005{ letter-spacing: 0.05em; }
.ls-01{ letter-spacing: 0.1em; }
.ls-minus005{ letter-spacing: -0.05em; }
.ls-minus01{ letter-spacing: -0.1em; }

/* pre */
.pre { white-space: pre; white-space: pre-wrap; white-space: pre-line; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: -moz-pre-wrap; white-space: -hp-pre-wrap; word-wrap: break-word; }

/* block */
.full-block{ width: 100%;}
.dsp-ilb{ display: inline-block; }

/* image */
img{max-width: 100%; height: auto; width: auto\9;}
img.bdimg{ border-width: 1px; border-color: #FFF; border-style: solid; }
svg{max-width: 100%; height: auto; width: auto\9;}

/* CHROME border */
*:focus{
  outline: none;
}

/*
//
//
// Media Queries
//
//
*/

body{ font-size: calc((100vw / 1500) * 15); }

/* font-size */
.fnt-10{ font-size: 0.666em; }
.fnt-12{ font-size: 0.8em; }
.fnt-14{ font-size: 0.933em; }
.fnt-15{ font-size: 1em; }
.fnt-16{ font-size: 1.066em; }
.fnt-18{ font-size: 1.2em; }
.fnt-20{ font-size: 1.333em; }
.fnt-22{ font-size: 1.466em; }
.fnt-24{ font-size: 1.6em; }
.fnt-26{ font-size: 1.733em; }
.fnt-28{ font-size: 1.866em; }
.fnt-30{ font-size: 2em; }
.fnt-32{ font-size: 2.133em; }
.fnt-34{ font-size: 2.266em; }
.fnt-36{ font-size: 2.4em; }
.fnt-38{ font-size: 2.533em; }
.fnt-40{ font-size: 2.666em; }
.fnt-42{ font-size: 2.8em; }
.fnt-44{ font-size: 2.933em; }
.fnt-45{ font-size: 3em; }
.fnt-46{ font-size: 3.066em; }
.fnt-48{ font-size: 3.2em; }
.fnt-50{ font-size: 3.333em; }
.fnt-60{ font-size: 4em; }

/* align */
.al-ct{text-align: center;}
.al-lt{text-align: left;}
.al-rt{text-align: right;}
.al-clr{text-align: inherit;}
.vl-tp{ vertical-align: top; }
.vl-md{ vertical-align: middle; }
.vl-bt{ vertical-align: bottom; }
.vl-clr{text-align: inherit;}

/* responsive display */
.hide{ display: none;}
.hide-pc{ display: none; }
.hide-sp{ display: block;}
.hide-pc-il{ display: none; }
.hide-sp-il{ display: inline-block;}
/* .pcbr {display: none;} */
.pcbr:before {content: "" ;}
.spbr:before {content: "\A" ;white-space: pre ;}

/* margin */
.mg0-auto{ margin: 0 auto; }
.mgr-minus05t{margin-top:-0.5em;}
.mgr-minus05r{margin-right:-0.5em;}
.mgr-minus05b{margin-bottom:-0.5em;}
.mgr-minus05l{margin-left:-0.5em;}
.mgr-minus10t{margin-top:-1.0em;}
.mgr-minus10r{margin-right:-1.0em;}
.mgr-minus10b{margin-bottom:-1.0em;}
.mgr-minus10l{margin-left:-1.0em;}
.mgr-minus20t{margin-top:-2.0em;}
.mgr-minus20r{margin-right:-2.0em;}
.mgr-minus20b{margin-bottom:-2.0em;}
.mgr-minus20l{margin-left:-2.0em;}
.mgr-minus30t{margin-top:-3.0em;}
.mgr-minus30r{margin-right:-3.0em;}
.mgr-minus30b{margin-bottom:-3.0em;}
.mgr-minus30l{margin-left:-3.0em;}
.mgr0{ margin: 0; }
.mgr0t{ margin-top: 0; }
.mgr0r{ margin-right: 0; }
.mgr0b{ margin-bottom: 0; }
.mgr0l{ margin-left: 0; }
.mgr025{ margin: .25em; }
.mgr025t{ margin-top: .25em; }
.mgr025r{ margin-right: .25em; }
.mgr025b{ margin-bottom: .25em; }
.mgr025l{ margin-left: .25em; }
.mgr05{ margin: .5em; }
.mgr05t{ margin-top: .5em; }
.mgr05r{ margin-right: .5em; }
.mgr05b{ margin-bottom: .5em; }
.mgr05l{ margin-left: .5em; }
.mgr10{ margin: 1em; }
.mgr10t{ margin-top: 1em; }
.mgr10r{ margin-right: 1em; }
.mgr10b{ margin-bottom: 1em; }
.mgr10l{ margin-left: 1em; }
.mgr15{ margin: 1.5em; }
.mgr15t{ margin-top: 1.5em; }
.mgr15r{ margin-right: 1.5em; }
.mgr15b{ margin-bottom: 1.5em; }
.mgr15l{ margin-left: 1.5em; }
.mgr20{ margin: 2em; }
.mgr20t{ margin-top: 2em; }
.mgr20r{ margin-right: 2em; }
.mgr20b{ margin-bottom: 2em; }
.mgr20l{ margin-left: 2em; }
.mgr30{ margin: 3em; }
.mgr30t{ margin-top: 3em; }
.mgr30r{ margin-right: 3em; }
.mgr30b{ margin-bottom: 3em; }
.mgr30l{ margin-left: 3em; }
.mgr40{ margin: 4em; }
.mgr40t{ margin-top: 4em; }
.mgr40r{ margin-right: 4em; }
.mgr40b{ margin-bottom: 4em; }
.mgr40l{ margin-left: 4em; }
.mgr50{ margin: 5em; }
.mgr50t{ margin-top: 5em; }
.mgr50r{ margin-right: 5em; }
.mgr50b{ margin-bottom: 5em; }
.mgr50l{ margin-left: 5em; }

/* padding */
.pdr0{ padding: 0; }
.pdr0t{ padding-top: 0; }
.pdr0r{ padding-right: 0; }
.pdr0b{ padding-bottom: 0; }
.pdr0l{ padding-left: 0; }
.pdr025{ padding: .25em; }
.pdr025t{ padding-top: .25em; }
.pdr025r{ padding-right: .25em; }
.pdr025b{ padding-bottom: .25em; }
.pdr025l{ padding-left: .25em; }
.pdr05{ padding: .5em; }
.pdr05t{ padding-top: .5em; }
.pdr05r{ padding-right: .5em; }
.pdr05b{ padding-bottom: .5em; }
.pdr05l{ padding-left: .5em; }
.pdr10{ padding: 1em; }
.pdr10t{ padding-top: 1em; }
.pdr10r{ padding-right: 1em; }
.pdr10b{ padding-bottom: 1em; }
.pdr10l{ padding-left: 1em; }
.pdr15{ padding: 1.5em; }
.pdr15t{ padding-top: 1.5em; }
.pdr15r{ padding-right: 1.5em; }
.pdr15b{ padding-bottom: 1.5em; }
.pdr15l{ padding-left: 1.5em; }
.pdr20{ padding: 2em; }
.pdr20t{ padding-top: 2em; }
.pdr20r{ padding-right: 2em; }
.pdr20b{ padding-bottom: 2em; }
.pdr20l{ padding-left: 2em; }
.pdr30{ padding: 3em; }
.pdr30t{ padding-top: 3em; }
.pdr30r{ padding-right: 3em; }
.pdr30b{ padding-bottom: 3em; }
.pdr30l{ padding-left: 3em; }
.pdr40{ padding: 4em; }
.pdr40t{ padding-top: 4em; }
.pdr40r{ padding-right: 4em; }
.pdr40b{ padding-bottom: 4em; }
.pdr40l{ padding-left: 4em; }
.pdr50{ padding: 5em; }
.pdr50t{ padding-top: 5em; }
.pdr50r{ padding-right: 5em; }
.pdr50b{ padding-bottom: 5em; }
.pdr50l{ padding-left: 5em; }

/* table */
table th{ white-space: nowrap;}
table td{ word-break: break-all;}

.table-x{  }
.table-x th{  }
.table-x td{  }

.table-n{  }
.table-n th{  }
.table-n td{  }

/* grid12 */
.grid12{ display: flex; flex-wrap: wrap; }
.grid12 > .col12-1{ width: 8.33333%; }
.grid12 > .col12-2{ width: 16.66666%; }
.grid12 > .col12-3{ width: 25%; }
.grid12 > .col12-4{ width: 33.33333%; }
.grid12 > .col12-5{ width: 41.66666%; }
.grid12 > .col12-6{ width: 50%; }
.grid12 > .col12-7{ width: 58.33333%; }
.grid12 > .col12-8{ width: 66.66666%; }
.grid12 > .col12-9{ width: 75%; }
.grid12 > .col12-10{ width: 83.33333%; }
.grid12 > .col12-11{ width: 91.66666%; }
.grid12 > .col12-12{ width: 100%; }

/* Custom 1920 ----------------------------------------------------------------------------- */
@media (max-width: 1919px) {

}
/* Custom 1500 ----------------------------------------------------------------------------- */
@media (max-width: 1499px) {

}
/* LG ----------------------------------------------------------------------------- */
@media (max-width: 1199px) {

}
/* MD ----------------------------------------------------------------------------- */
@media (max-width: 991px) {

}
/* SM ----------------------------------------------------------------------------- */
@media (max-width: 767px) {
body{ font-size: calc((100vw / 750) * 20); }

/* responsive display */
.hide-pc{ display: block; }
.hide-sp{ display: none;}
.hide-pc-il{ display: inline-block; }
.hide-sp-il{ display: none;}
.pcbr {display: none;}
.pcbr:before {content: "" ;}
.spbr:before {content: "\A" ;white-space: pre ;}

/* align */
.al-ct-sp{text-align: center;}
.al-lt-sp{text-align: left;}
.al-rt-sp{text-align: right;}
.al-clr-sp{text-align: inherit;}
.vl-tp-sp{ vertical-align: top; }
.vl-md-sp{ vertical-align: middle; }
.vl-bt-sp{ vertical-align: bottom; }
.vl-clr-sp{text-align: inherit;}

/* font-size */
.fnt-10-sm{ font-size: 0.666em; }
.fnt-12-sm{ font-size: 0.8em; }
.fnt-14-sm{ font-size: 0.933em; }
.fnt-15-sm{ font-size: 1em; }
.fnt-16-sm{ font-size: 1.066em; }
.fnt-18-sm{ font-size: 1.2em; }
.fnt-20-sm{ font-size: 1.333em; }
.fnt-22-sm{ font-size: 1.466em; }
.fnt-24-sm{ font-size: 1.6em; }
.fnt-26-sm{ font-size: 1.733em; }
.fnt-28-sm{ font-size: 1.866em; }
.fnt-30-sm{ font-size: 2em; }
.fnt-32-sm{ font-size: 2.133em; }
.fnt-34-sm{ font-size: 2.266em; }
.fnt-36-sm{ font-size: 2.4em; }
.fnt-38-sm{ font-size: 2.533em; }
.fnt-40-sm{ font-size: 2.666em; }
.fnt-42-sm{ font-size: 2.8em; }
.fnt-44-sm{ font-size: 2.933em; }
.fnt-45-sm{ font-size: 3em; }
.fnt-46-sm{ font-size: 3.066em; }
.fnt-48-sm{ font-size: 3.2em; }
.fnt-50-sm{ font-size: 3.333em; }
.fnt-60-sm{ font-size: 4em; }

/* margin */
.mgr0-sm{ margin: 0; }
.mgr0t-sm{ margin-top: 0; }
.mgr0r-sm{ margin-right: 0; }
.mgr0b-sm{ margin-bottom: 0; }
.mgr0l-sm{ margin-left: 0; }
.mgr025-sm{ margin: .25em; }
.mgr025t-sm{ margin-top: .25em; }
.mgr025r-sm{ margin-right: .25em; }
.mgr025b-sm{ margin-bottom: .25em; }
.mgr025l-sm{ margin-left: .25em; }
.mgr05-sm{ margin: .5em; }
.mgr05t-sm{ margin-top: .5em; }
.mgr05r-sm{ margin-right: .5em; }
.mgr05b-sm{ margin-bottom: .5em; }
.mgr05l-sm{ margin-left: .5em; }
.mgr10-sm{ margin: 1em; }
.mgr10t-sm{ margin-top: 1em; }
.mgr10r-sm{ margin-right: 1em; }
.mgr10b-sm{ margin-bottom: 1em; }
.mgr10l-sm{ margin-left: 1em; }
.mgr20-sm{ margin: 2em; }
.mgr20t-sm{ margin-top: 2em; }
.mgr20r-sm{ margin-right: 2em; }
.mgr20b-sm{ margin-bottom: 2em; }
.mgr20l-sm{ margin-left: 2em; }
.mgr30-sm{ margin: 3em; }
.mgr30t-sm{ margin-top: 3em; }
.mgr30r-sm{ margin-right: 3em; }
.mgr30b-sm{ margin-bottom: 3em; }
.mgr30l-sm{ margin-left: 3em; }
.mgr40-sm{ margin: 4em; }
.mgr40t-sm{ margin-top: 4em; }
.mgr40r-sm{ margin-right: 4em; }
.mgr40b-sm{ margin-bottom: 4em; }
.mgr40l-sm{ margin-left: 4em; }
.mgr50-sm{ margin: 5em; }
.mgr50t-sm{ margin-top: 5em; }
.mgr50r-sm{ margin-right: 5em; }
.mgr50b-sm{ margin-bottom: 5em; }
.mgr50l-sm{ margin-left: 5em; }

/* padding */
.pdr0-sm{ padding: 0; }
.pdr0t-sm{ padding-top: 0; }
.pdr0r-sm{ padding-right: 0; }
.pdr0b-sm{ padding-bottom: 0; }
.pdr0l-sm{ padding-left: 0; }
.pdr025-sm{ padding: .25em; }
.pdr025t-sm{ padding-top: .25em; }
.pdr025r-sm{ padding-right: .25em; }
.pdr025b-sm{ padding-bottom: .25em; }
.pdr025l-sm{ padding-left: .25em; }
.pdr05-sm{ padding: .5em; }
.pdr05t-sm{ padding-top: .5em; }
.pdr05r-sm{ padding-right: .5em; }
.pdr05b-sm{ padding-bottom: .5em; }
.pdr05l-sm{ padding-left: .5em; }
.pdr10-sm{ padding: 1em; }
.pdr10t-sm{ padding-top: 1em; }
.pdr10r-sm{ padding-right: 1em; }
.pdr10b-sm{ padding-bottom: 1em; }
.pdr10l-sm{ padding-left: 1em; }
.pdr20-sm{ padding: 2em; }
.pdr20t-sm{ padding-top: 2em; }
.pdr20r-sm{ padding-right: 2em; }
.pdr20b-sm{ padding-bottom: 2em; }
.pdr20l-sm{ padding-left: 2em; }
.pdr30-sm{ padding: 3em; }
.pdr30t-sm{ padding-top: 3em; }
.pdr30r-sm{ padding-right: 3em; }
.pdr30b-sm{ padding-bottom: 3em; }
.pdr30l-sm{ padding-left: 3em; }
.pdr40-sm{ padding: 4em; }
.pdr40t-sm{ padding-top: 4em; }
.pdr40r-sm{ padding-right: 4em; }
.pdr40b-sm{ padding-bottom: 4em; }
.pdr40l-sm{ padding-left: 4em; }
.pdr50-sm{ padding: 5em; }
.pdr50t-sm{ padding-top: 5em; }
.pdr50r-sm{ padding-right: 5em; }
.pdr50b-sm{ padding-bottom: 5em; }
.pdr50l-sm{ padding-left: 5em; }

/* table */
.table-x th,.table-x td{ width: inherit; display: block; }
.table-x thead{ display: none; }

/* grid12 */
.grid12{ display: flex; flex-wrap: wrap; }
.grid12 > .col12-1,
.grid12 > .col12-2,
.grid12 > .col12-3,
.grid12 > .col12-4,
.grid12 > .col12-5,
.grid12 > .col12-6,
.grid12 > .col12-7,
.grid12 > .col12-8,
.grid12 > .col12-9,
.grid12 > .col12-10,
.grid12 > .col12-11,
.grid12 > .col12-12{ width: inherit; }

.grid12{ display: flex; flex-wrap: wrap; }
.grid12 > .col12-1-sm{ width: 8.33333%; }
.grid12 > .col12-2-sm{ width: 16.66666%; }
.grid12 > .col12-3-sm{ width: 25%; }
.grid12 > .col12-4-sm{ width: 33.33333%; }
.grid12 > .col12-5-sm{ width: 41.66666%; }
.grid12 > .col12-6-sm{ width: 50%; }
.grid12 > .col12-7-sm{ width: 58.33333%; }
.grid12 > .col12-8-sm{ width: 66.66666%; }
.grid12 > .col12-9-sm{ width: 75%; }
.grid12 > .col12-10-sm{ width: 83.33333%; }
.grid12 > .col12-11-sm{ width: 91.66666%; }
.grid12 > .col12-12-sm{ width: 100%; }

}
/* pc - large ----------------------------------------------------------------------------- */
@media (min-width: 768px) {
.spbr {display: none;}
.spbr:before {content: "" ;}

}
/* pc - xlarge ----------------------------------------------------------------------------- */
@media (min-width: 1200px) {

}
/*