@charset "utf-8";
/* CSS Document */
/*フォント色*/
.fc_default {
  color: #727171 !important;
}
.fc_pnk {
  color: #CD668F !important;
}
.fc_blk {
  color: #000 !important;
}
.fc_444 {
  color: #444 !important;
}
.fc_888 {
  color: #888 !important;
}
.fc_999 {
  color: #999 !important;
}
.fc_blu {
  color: #596AA6 !important;
}
.fc_ccc {
  color: #CCCCCC !important;
}
.fc_grn {
  color: #86A22F !important;
}
.fc_or {
  color: #EC6D51 !important;
}
.fc_or2 {
  color: #ec6f51 !important;
}
.fc_dgrn {
  color: #00452F !important;
}
p.red, span.red, .fc_rd {
  color: #f00 !important;
}
.fc_ylw {
  color: #FFCC00;
}
.fc_wht {
  color: #FFF !important;
}
.fc_0 {
  color: transparent !important;
}
/*フォントサイズ*/
.fs_1rem {
  font-size: 1rem !important;
}
.smaller {
  font-size: 60% !important;
}
.fs70 {
  font-size: 70% !important;
}
.fs75 {
  font-size: 75% !important;
}
.fs80 {
  font-size: 80% !important;
}
.fs85 {
  font-size: 85% !important;
}
.fs90 {
  font-size: 90% !important;
}
.fs95 {
  font-size: 95% !important;
}
.fs100 {
  font-size: 100% !important;
}
.fs105 {
  font-size: 105% !important;
}
.fs110 {
  font-size: 110% !important;
}
.fs115 {
  font-size: 115% !important;
}
.fs120 {
  font-size: 120% !important;
}
.fs125 {
  font-size: 125% !important;
}
.fs130 {
  font-size: 130% !important;
}
.fs140 {
  font-size: 140% !important;
}
.fs150 {
  font-size: 150% !important;
}
.fs160 {
  font-size: 160% !important;
}
.fs170 {
  font-size: 170% !important;
}
.fs180 {
  font-size: 180% !important;
}
.fs200 {
  font-size: 200% !important;
}
/*強調*/
.emphasis {
  -webkit-text-emphasis: filled circle #727171;
  text-emphasis: filled dot #727171;
}
.em_circle {
  background: top center / 1em .5em repeat-x radial-gradient(circle, #aaa .1em, rgba(0, 0, 0, 0) .1em);
  padding-top: .4em; /* 文字列との間隔を微調整 */
}
/*斜体*/
.oblique {
  font-style: oblique;
  font-family: Times New Roman, "ＭＳ Ｐゴシック";
}
/*字間*/
.ls01 {
  letter-spacing: 0.1rem !important;
}
.ls015 {
  letter-spacing: 0.15rem !important;
}
.ls02 {
  letter-spacing: 0.2rem !important;
}
.ls-01 {
  letter-spacing: -0.1rem !important;
}
.ls-02 {
  letter-spacing: -0.2rem !important;
}
.ls-03 {
  letter-spacing: -0.3rem !important;
}
.mr-01 {
	margin-right: 0.1rem !important;
}
/*line-height*/
.line-height-1_2 {
  line-height: 1.2 !important;
}
.line-height-1_3 {
  line-height: 1.3 !important;
}
.line-height-1_4 {
  line-height: 1.4 !important;
}
.line-height-1_5 {
  line-height: 1.5 !important;
}
.line-height-1_6 {
  line-height: 1.6 !important;
}
.line-height-1_7 {
  line-height: 1.7 !important;
}
.line-height-1_8 {
  line-height: 1.8 !important;
}
/*背景色*/
.bg_br {
  background-color: #995F28 !important;
}
/*アンダーライン*/
.underline_pnk a {
  color: #444 !important;
}
.underline_pnk a:hover {
  text-decoration: none;
  color: #CD668F !important;
}
.dbl_pnk_underline {
  border-bottom: double 4px #CD668F;
}
.underline_pnk {
  background: linear-gradient(transparent 95%, #cd668f 0%);
  padding-bottom: 0.2rem;
}
/*News&プレスリリースで使用*/
span.link_nest_bn {
  padding: 0.15rem 0 0 0.7rem !important;
  margin-left: 0.625rem;
  background: url(../images/li_link_nest.png) no-repeat left center;
  white-space: nowrap;
  text-align: left;
}
/*三角arrow上下左右*/
.fa-caret-up, .fa-caret-down, .fa-caret-left, .fa-caret-right {
  font-size: 120%;
  vertical-align: -0.1rem;
  margin: 0 0.3rem 0 0;
}
/*三角arrow左右 orange*/
div.publishing .fa-caret-left, div.label .fa-caret-left, div.company .fa-caret-left {
  color: #EB9815 !important;
  font-size: 120% !important;
  vertical-align: middle;
  margin: 0 0.4rem 0 0;
}
div.publishing .fa-caret-right, div.label .fa-caret-right, .quoteWrapper .fa.fa-caret-right {
  color: #EB9815 !important;
  font-size: 120% !important;
  vertical-align: middle;
  margin: 0 0 0 0.4rem;
}
/*右矢印・オレンジ丸*/
div.labelR .fa-arrow-circle-right, div.publishingR .fa-arrow-circle-right, .quoteWrapper .fa.fa-arrow-circle-right {
  color: #EB9815 !important;
  font-size: 120% !important;
  vertical-align: middle;
  margin: -0.25rem 0 0;
}
/*くの字矢印 下向き*/
.dli-chevron-down {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1;
  width: 2em;
  height: 2em;
  border: 0.1em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: scale(2, 1) rotate(135deg);
}
/*くの字矢印 下向き green*/
.dli-chevron-down-grn {
  display: inline-block;
  vertical-align: middle;
  color: rgba(134, 162, 47, 1);
  line-height: 1;
  width: 2em;
  height: 2em;
  border: 0.1em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: scale(2, 1) rotate(135deg);
}
/*くの字矢印 下向き 薄グレー小*/
.dli-chevron-down-lgry {
  display: inline-block;
  vertical-align: middle;
  color: #ccc;
  line-height: 1;
  width: 1.5em;
  height: 1.5em;
  border: 0.1em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: scale(2, 1) rotate(135deg);
}
/*くの字矢印 下向き 薄グレー大*/
.dli-chevron-down-lgryL {
  display: inline-block;
  vertical-align: middle;
  color: #ccc;
  line-height: 1;
  width: 2em;
  height: 2em;
  border: 0.1em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: scale(3, 1) rotate(135deg);
}
/*平体*/
.extended {
  transform-origin: center center;
  transform: scale(1.1, 1);
  line-height: 1.3;
}
/*テキスト前後にライン*/
.catch {
  display: flex;
  align-items: center;
  justify-content: center;
}
.catch:before, .catch:after {
  border-top: 1px solid;
  content: "";
  width: 3rem;
}
.catch:before {
  margin-right: 1rem;
}
.catch:after {
  margin-left: 1rem;
}
/*白縁取り文字*/
.outline-wht {
  text-shadow:
    2px 2px 1px #ffffff, -2px 2px 1px #ffffff, 2px -2px 1px #ffffff, -2px -2px 1px #ffffff, 2px 0px 1px #ffffff, 0px 2px 1px #ffffff, -2px 0px 1px #ffffff, 0px -2px 1px #ffffff;
}
/*背景グラデーション黄*/
.bg_gradient_ylw {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 20%, rgba(253, 255, 132, 1) 50%, rgba(255, 255, 255, 0) 80%);
}
/*丸右矢印アイコン オレンジ*/
i.fa.fa-chevron-circle-right.or {
  color: #EB9815;
  margin: 0 0.3rem 0 0;
}
i.fa.fa-caret-right.or {
  color: #EB9815;
  margin: 0 0.2rem 0 0;
}
/*.fa-dot-circle*/
.fa-dot-circle.pnk {
  color: #cd668f;
  margin: -0.15rem 0.25rem 0 0;
  font-size: 70%;
  vertical-align: middle;
}
.fa-dot-circle.blu {
  color: #596AA6;
  margin: -0.15rem 0.25rem 0 0;
  font-size: 70%;
  vertical-align: middle;
}
.fa-dot-circle.grn {
  color: #86a22f;
  margin: -0.15rem 0.25rem 0 0;
  font-size: 70%;
  vertical-align: middle;
}
.fa-dot-circle.bro {
  color: #856859;
  margin: -0.15rem 0.25rem 0 0;
  font-size: 70%;
  vertical-align: middle;
}
/*vertical-align*/
.valign_top {
  vertical-align: top !important;
}
.valign_middle {
  vertical-align: middle !important;
}
.valign_bottom {
  vertical-align: bottom !important;
}
/*見出し枠付き*/
.h_waku {
  border: 1px solid #727171;
  padding: 0.3rem 0.5rem;
  display: inline-block;
}
/*縦書き*/
span.tate {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  white-space: pre;
  text-align: center;
}
/*文字詰め*/
.palt {
  font-feature-settings: "palt" !important;
}
/*数字大き目*/
.largenum {
  font-size: 140%;
  font-weight: 700;
  margin: 0 0.15rem 0 0.05rem;
  font-family: Arial, Helvetica, "sans-serif";
  display: inline-block;
  vertical-align: -0.1rem;
  line-height: 1 !important;
  font-feature-settings: "palt";
  letter-spacing: -0.1rem;
}
/*蛍光マーカー黄*/
.marker_ylw {
  background: linear-gradient(transparent 50%, #ff6 80%);
}
/*font-family*/
.arialBlack {
  font-family: "Arial Black", Gadget, "sans-serif";
}
/*slash*/
.slash {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  white-space: nowrap;
}
.slash::before, .slash::after {
  content: "";
  width: 30px;
  height: 1px;
  background-color: #727171;
  margin: 0 0.5rem;
}
.slash::before {
  transform: rotate(45deg);
}
.slash::after {
  transform: rotate(-45deg);
}
/*斜線アンダーライン*/
.diagonalLine {
  position: relative;
  padding: 0.5rem 0.5rem;
  white-space: nowrap;
}
.diagonalLine:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 8px;
  content: '';
  background-image: -webkit-repeating-linear-gradient(135deg, #727171, #727171 1px, transparent 2px, transparent 5px);
  background-image: repeating-linear-gradient(-45deg, #727171, #727171 1px, transparent 2px, transparent 5px);
  background-size: 7px 7px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/*囲み枠 交差線*/
.crossingGrn {
  margin: 2em 0;
  position: relative;
  padding: 0.5em 1.5em;
  border-top: solid 2px #B6C782;
  border-bottom: solid 2px #B6C782;
}
.crossingGrn:before, .crossingGrn:after {
  content: '';
  position: absolute;
  top: -10px;
  width: 2px;
  height: -webkit-calc(100% + 20px);
  height: calc(100% + 20px);
  background-color: #B6C782;
}
.crossingGrn:before {
  left: 10px;
}
.crossingGrn:after {
  right: 10px;
}
.crossingGrn p {
  margin: 0;
  padding: 0;
}
/*製品ロゴ位置*/
.logo_qrss {
	margin: -0.2rem 0.1rem 0;
}
.logo_raku {
	margin: -0.325rem 0.1rem 0;
}