@charset "UTF-8";
/* Scss Document */
/* Scss Document */
/* 下からフェードイン(初期値) */
.js-fadeUp, .js-fadeUpSlow {
  opacity: 0;
  transform: translateY(30px);
  /* 下に30pxの位置から */
  transition: opacity .8s, transform .8s;
  /* 透過率と縦方向の移動を0.8秒 */
}

/* 下からフェードイン(スクロールした後) */
.js-fadeUp.is-inview {
  opacity: 1;
  transform: translateY(0);
  /* 30px上に移動する */
  transition-delay: 0s;
}

.js-fadeUpSlow.is-inview {
  opacity: 1;
  transform: translateY(0);
  /* 30px上に移動する */
  transition-delay: .5s;
}

/* 左からフェードイン(初期値) */
.js-fadeIn, .js-fadeInSlow {
  opacity: 0;
  transform: translateX(-100px);
  /* 左に100pxの位置から */
  transition: opacity .8s, transform .8s;
  /* 透過率と縦方向の移動を0.8秒 */
}

/* 左からフェードイン(スクロールした後) */
.js-fadeIn.is-inview {
  opacity: 1;
  transform: translateX(0);
  /* 100px右に移動する */
  transition-delay: 0s;
}

.js-fadeInSlow.is-inview {
  opacity: 1;
  transform: translateX(0);
  /* 100px右に移動する */
  transition-delay: .5s;
}

/* 用紙サイズの指定（A4） */
@page {
  margin: 8mm;
  size: 210mm 297mm;
  /* A4縦 */
}
@media print {
  /* 全体設定 */
  body {
    -webkit-print-color-adjust: exact;
    /* 印刷時でも背景色や背景画像を表示 */
    width: 1400px;
    /* 印刷時の全ページ幅を統一 */
    zoom: 0.8;
    /* なるべく多くのブラウザで切れないようにするため */
    /*no animation*/
  }
  body header {
    position: absolute !important;
    max-width: 1400px;
    width: 1400px !important;
  }
  body .header--flex {
    width: 1400px !important;
  }
  body .btnBox {
    display: none;
  }
  body #btn_pagetop {
    display: none;
  }
  body .js-fadeUp,
  body .js-fadeIn {
    opacity: 1;
  }
  body .js-fadeIn {
    transform: translateX(0);
  }
  body .js-fadeUp {
    transform: translateY(0);
  }
  body .js-fadeUp.is-view,
  body .js-fadeIn.is-view {
    animation-name: none;
  }
}
body {
  font-size: 62.5%;
  font-family: "M PLUS 1", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  -webkit-text-size-adjust: 100%;
  animation-name: fadeIn;
  animation-duration: 1.5s;
  animation-timing-function: ease;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
body, h1, h2, h3, h4, h5, h6, p {
  font-size: 1rem;
  color: #000;
  margin: 0;
  padding: 0;
  line-height: 1.5;
}

a {
  text-decoration: none;
}
a:hover {
  color: #FF0000;
  text-decoration: underline;
  text-underline-offset: 4px;
}
a:link {
  color: #0000FF;
}
a:active {
  color: #0000FF;
}
a:visited {
  color: #990066;
}

img {
  vertical-align: bottom;
}

a img {
  border: none;
}

input,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  font-family: "M PLUS 1", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  outline: none;
}

input:focus,
button {
  outline: 0;
}

.clear {
  display: none;
  clear: both;
}

img.centering {
  position: absolute;
}

::selection {
  background: #FFD7E9;
}

::-moz-selection {
  background: #FFD7E9;
}

.pcNone {
  display: none;
}

@media (max-width: 767px) {
  /* responsive none fore SP */
  .spNone {
    display: none;
  }
}
html {
  scroll-padding-top: 100px;
  scroll-behavior: smooth;
}
@media screen and (max-width: 767px) {
  html {
    scroll-padding-top: 80px;
  }
}

div.system-free {
  height: 100%;
  overflow: hidden;
}
div.system-free div, div.system-free p {
  line-height: 1.8;
  font-size: 1.25rem;
}
div.system-free body, div.system-free h1, div.system-free h2, div.system-free h3, div.system-free h4, div.system-free h5, div.system-free h6, div.system-free p {
  color: #333;
}
div.system-free hr {
  height: 0;
  margin: 0;
  border: none;
  border-top: 1px solid #333;
}
div.system-free table {
  border-collapse: collapse;
}

ol.transition {
  width: 100%;
  height: 29px;
  overflow: hidden;
  margin: 40px auto 0;
  padding: 0;
  text-align: center;
  list-style: none;
}
ol.transition li {
  width: 27px;
  height: 27px;
  overflow: hidden;
  margin: 0 1px;
  padding: 0;
  color: #0086dc;
  font-size: 0.875rem;
  text-align: center;
  line-height: 1.2;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background-color: #FFF;
  border: 1px solid #0086dc;
}
ol.transition li a {
  width: 27px;
  height: 27px;
  margin: 0;
  padding: 0;
  color: #0086dc;
  display: block;
  text-decoration: none;
}
ol.transition li span {
  margin: 0;
  padding: 5px 0 0;
  display: block;
}
ol.transition li a:hover, ol.transition li.current {
  color: #FFF;
  font-weight: bold;
  background-color: #0086dc;
}

/* 読み込み中に画面を隠すカバーの設定 */
#overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  z-index: 9999;
  transition: opacity 1s ease;
}

/* JavaScriptでカバーを消すときに追加するクラス */
.hidden {
  opacity: 0;
  pointer-events: none;
}

.header {
  width: 100%;
  height: 100px;
  margin: 0;
  padding: 0;
  position: fixed;
  top: 0;
  z-index: 999;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  box-shadow: 0 0 4.8px 0.2px rgba(132, 132, 132, 0.4);
}
@media screen and (max-width: 767px) {
  .header {
    height: 80px;
  }
}
.header__inner {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0;
  position: relative;
  z-index: 10;
}
.header__inner > .flex {
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flex;
  display: -o-inline-flex;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 30px;
  padding-right: 30px;
  background-color: #f8edd8;
}
@media screen and (max-width: 479px) {
  .header__inner > .flex {
    padding-left: 15px;
    padding-right: 10px;
  }
}
.header__inner > .flex .left h1 {
  padding: 0;
  margin: 0;
}
.header__inner > .flex .left h1 a {
  text-decoration: none;
  transition: 0.3s linear;
}
.header__inner > .flex .left h1 a:hover {
  text-decoration: none;
}
@media (hover: hover) {
  .header__inner > .flex .left h1 a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: alpha(opacity=70);
    -moz-transform: scale(0.97);
    -webkit-transform: scale(0.97);
    transform: scale(0.97);
  }
}
.header__inner > .flex .left h1 a span {
  font-size: 2.25rem;
  font-weight: 600;
  font-family: "M PLUS 1", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #36281c;
}
@media screen and (max-width: 767px) {
  .header__inner > .flex .left h1 a span {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 479px) {
  .header__inner > .flex .left h1 a span {
    font-size: 1.375rem;
  }
}

/*--- hamburger menu START ---*/
.btnMenu {
  display: -webkit-block;
  display: -moz-block;
  display: -ms-block;
  display: -o-block;
  display: block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-image: url("../img/common/menu_bg_shape.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top right;
  position: relative;
  z-index: 10;
  /*  
    @media screen and(min-width:1441px){
      right: 40px;
    }*/
}
@media screen and (max-width: 767px) {
  .btnMenu {
    width: 52px;
    height: 52px;
  }
}
.btnMenu .menu-trigger {
  width: 100%;
  height: 100%;
  display: inline-block;
  text-decoration: none;
  transition: 0.1s linear;
  text-align: center;
}
.btnMenu .menu-trigger:hover {
  text-decoration: none;
}
@media (hover: hover) {
  .btnMenu .menu-trigger:hover {
    transform: rotate(360deg);
    -webkit-transition: transform 0.5s;
    transition: transform 0.5s;
  }
}
.btnMenu .menu-trigger span {
  display: -webkit-block;
  display: -moz-block;
  display: -ms-block;
  display: -o-block;
  display: block;
  width: 40px;
  height: 4px;
  background-color: #333333;
  border-radius: 1px;
}
.btnMenu .menu-trigger span:nth-of-type(1) {
  margin: 25px auto 10px;
}
.btnMenu .menu-trigger span:nth-of-type(2) {
  margin: 0 auto;
}
.btnMenu .menu-trigger span:nth-of-type(3) {
  margin: 10px auto 0px;
}
@media screen and (max-width: 767px) {
  .btnMenu .menu-trigger span {
    width: 28px;
    height: 3px;
  }
  .btnMenu .menu-trigger span:nth-of-type(1) {
    margin: 16px auto 6px;
  }
  .btnMenu .menu-trigger span:nth-of-type(2) {
    margin: 0 auto;
  }
  .btnMenu .menu-trigger span:nth-of-type(3) {
    margin: 6px auto 0px;
  }
}
.btnMenu .menu-trigger.active span:nth-of-type(1) {
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform: translateY(14px) rotate(-45deg);
  transform: translateY(14px) rotate(-45deg);
}
.btnMenu .menu-trigger.active span:nth-of-type(2) {
  left: 50%;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: alpha(opacity=0);
  animation-name: active-menu-bar;
  animation-duration: 0.8s;
  animation-timing-function: forwards;
}
.btnMenu .menu-trigger.active span:nth-of-type(3) {
  bottom: 15px;
  -webkit-transform: translateY(-14px) rotate(45deg);
  transform: translateY(-14px) rotate(45deg);
}
@media screen and (max-width: 767px) {
  .btnMenu .menu-trigger.active span:nth-of-type(1) {
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform: translateY(9px) rotate(-45deg);
    transform: translateY(9px) rotate(-45deg);
  }
  .btnMenu .menu-trigger.active span:nth-of-type(3) {
    bottom: 12px;
    -webkit-transform: translateY(-9px) rotate(45deg);
    transform: translateY(-9px) rotate(45deg);
  }
}

/*--- hamburger menu END ---*/
.gNav {
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 100px 0 0;
  /*overflow-y: hidden;*/
  overflow-y: scroll;
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  background-color: #f8edd8;
  z-index: 1;
  box-shadow: rgba(132, 132, 132, 0.4) 0px 4px 4px -4px inset;
}
@media screen and (max-width: 767px) {
  .gNav {
    margin-top: 80px;
  }
}
.gNav__inner {
  max-width: 1020px;
  margin: 0 auto;
  padding-top: 50px;
  padding-bottom: 100px;
}
@media screen and (max-width: 767px) {
  .gNav__inner {
    padding-top: 30px;
  }
}
@media screen and (max-width: 479px) {
  .gNav__inner {
    padding-top: 20px;
    padding-bottom: 60px;
  }
}
.gNav__list {
  margin: 0;
  padding: 0 25px 0 25px;
  list-style-type: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .gNav__list {
    justify-content: flex-start;
  }
}
.gNav__item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: auto;
  height: 100%;
  padding: 15px 0;
  position: relative;
  border-top: 2px dashed #333;
}
@media screen and (max-width: 767px) {
  .gNav__item {
    padding: 8px 0;
  }
}
@media screen and (max-width: 479px) {
  .gNav__item {
    border-top: 1px dashed #333;
  }
}
.gNav__item:last-of-type {
  border-bottom: 2px dashed #333;
}
@media screen and (max-width: 479px) {
  .gNav__item:last-of-type {
    border-bottom: 1px dashed #333;
  }
}
.gNav__item:nth-of-type(1) .gNav__item--name .gNav__item--anchor span {
  background-color: #ffd28f;
}
.gNav__item:nth-of-type(2) .gNav__item--name .gNav__item--anchor span {
  background-color: #ffd28f;
}
.gNav__item:nth-of-type(3) .gNav__item--name .gNav__item--anchor span {
  background-color: #ffd28f;
}
.gNav__item--name {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 10px;
}
@media screen and (max-width: 479px) {
  .gNav__item--name {
    padding: 15px 0;
  }
}
.gNav__item--name a {
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  transition: 0.3s linear;
  font: 500 24px/1.5 "M PLUS 1", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #333;
}
@media screen and (max-width: 767px) {
  .gNav__item--name a {
    font-size: 20px;
  }
}
@media screen and (max-width: 479px) {
  .gNav__item--name a {
    font-size: 16px;
  }
}
@media (hover: hover) {
  .gNav__item--name a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: alpha(opacity=70);
    text-decoration: underline;
    text-underline-offset: 4px;
  }
}
.gNav__item--name a span {
  display: inline-block;
  /*background-color: $color05;*/
}
.gNav__item--name a .polygon {
  padding-left: 30px;
  padding-right: 20px;
  position: relative;
}
@media screen and (max-width: 479px) {
  .gNav__item--name a .polygon {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.gNav__item--name a .polygon:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #333;
  width: 7px;
  height: 11px;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
@media screen and (max-width: 479px) {
  .gNav__item--name a .polygon:before {
    display: none;
  }
}
.gNav .hl__list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.gNav .hl__item {
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 15px 20px;
}
@media screen and (max-width: 479px) {
  .gNav .hl__item {
    padding: 0 8px 15px;
  }
}
.gNav .hl__item .arrow-link {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  color: #333 !important;
  transition: 0.3s linear;
  gap: 8px;
}
@media screen and (max-width: 767px) {
  .gNav .hl__item .arrow-link {
    font-size: 1rem;
  }
}
@media screen and (max-width: 479px) {
  .gNav .hl__item .arrow-link {
    font-size: 0.8125rem;
  }
}
.gNav .hl__item .arrow-link:hover {
  text-decoration: underline;
  text-underline-offset: 4px;
}
@media (hover: hover) {
  .gNav .hl__item .arrow-link:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: alpha(opacity=70);
  }
}
.gNav .hl__item .arrow-link .arrow {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-left: 2px solid #333;
  border-bottom: 2px solid #333;
  transform: rotate(-45deg);
  margin-top: -4px;
}
.gNav__ctnr {
  margin: 40px 0;
  padding: 0 15px 0 15px;
}
.gNav__ctnr__inner {
  background-color: #fff;
}
.gNav__ctnr h4 {
  width: 100%;
  height: 60px;
  font-size: 1.5rem;
  text-align: center;
  padding-top: 20px;
  font-weight: 600;
  line-height: 1.5;
  font-family: "M PLUS 1", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #333;
  background-image: url("../img/common/hd_cntr_headline.jpg");
  background-size: cover;
  background-repeat: repeat;
  background-position: center;
}
@media screen and (max-width: 767px) {
  .gNav__ctnr h4 {
    font-size: 1.25rem;
    height: 50px;
  }
}
@media screen and (max-width: 479px) {
  .gNav__ctnr h4 {
    height: 50px;
    font-size: 1.125rem;
  }
}
.gNav__ctnr .wrap {
  padding-top: 20px;
  padding-left: 5px;
  padding-right: 5px;
}
.gNav__ctnr .wrap p {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5;
  font-family: "M PLUS 1", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #333;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .gNav__ctnr .wrap p {
    font-size: 1rem;
  }
}
@media screen and (max-width: 479px) {
  .gNav__ctnr .wrap p {
    font-size: 0.8125rem;
  }
}
.gNav__ctnr--link {
  margin-top: 15px;
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
}
.gNav__ctnr--link > a {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5;
  font-family: "M PLUS 1", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #333;
  position: relative;
  color: #333 !important;
  transition: 0.3s linear;
  padding-left: 40px;
  padding-right: 40px;
  text-decoration: underline;
  text-underline-offset: 4px;
}
@media screen and (max-width: 767px) {
  .gNav__ctnr--link > a {
    font-size: 1rem;
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media screen and (max-width: 479px) {
  .gNav__ctnr--link > a {
    font-size: 0.8125rem;
  }
}
.gNav__ctnr--link > a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../img/common/arrow_icon.png");
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: center right;
}
@media screen and (max-width: 767px) {
  .gNav__ctnr--link > a:before {
    background-size: 16px;
    background-position: bottom 3px right;
  }
}
.gNav__ctnr--link > a:hover {
  text-decoration: none;
}
@media (hover: hover) {
  .gNav__ctnr--link > a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: alpha(opacity=70);
  }
}

.sns-block {
  display: flex;
  gap: 15px;
  padding-top: 20px;
  padding-bottom: 20px;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .sns-block {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}
.sns-block a {
  display: block;
  width: 30px;
  transition: transform 0.3s;
}
.sns-block a:hover {
  transform: scale(1.1);
}
.sns-block a img {
  width: 100%;
  height: auto;
}

.gNav.open {
  display: block;
}

.footer {
  width: 100%;
  height: auto;
  margin: 60px 0 0;
  padding: 0;
}

#copyright {
  background-color: #333;
  font: 500 14px/1.5 "M PLUS 1", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #fff;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 23px 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  word-break: break-all;
}
@media screen and (max-width: 767px) {
  #copyright {
    font-size: 13px;
  }
}
#copyright a {
  text-decoration: none;
  color: #fff !important;
  transition: 0.3s linear;
}
#copyright a:hover {
  text-decoration: none;
}
@media (hover: hover) {
  #copyright a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: alpha(opacity=70);
  }
}

.btnBox {
  position: relative;
  z-index: 998;
}
.btnBox__pt {
  max-height: 100px;
  right: 40px;
  position: fixed;
  border-radius: 999px;
}
@media screen and (min-width: 1440px) {
  .btnBox__pt {
    max-height: 140px;
    right: 14.5%;
  }
}
@media screen and (max-width: 767px) {
  .btnBox__pt {
    max-height: 60px;
    right: 15px;
  }
}
.btnBox__pt a {
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.btnBox__pt a:visited {
  opacity: 1;
}
.btnBox__pt a:hover {
  text-decoration: none;
}
@media (hover: hover) {
  .btnBox__pt a:hover {
    text-decoration: none;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: alpha(opacity=70);
    -moz-transform: scale(0.97);
    -webkit-transform: scale(0.97);
    transform: scale(0.97);
  }
}
.btnBox__pt a:active {
  opacity: 1;
}
.btnBox__pt a:focus {
  opacity: 1;
}
.btnBox__pt a img {
  width: 100px;
  height: 100%;
  display: -webkit-block;
  display: -moz-block;
  display: -ms-block;
  display: -o-block;
  display: block;
}
@media screen and (min-width: 1441px) {
  .btnBox__pt a img {
    width: 140px;
  }
}
@media screen and (max-width: 767px) {
  .btnBox__pt a img {
    width: 60px;
  }
}