@charset "UTF-8";
/*base
-------------------------------*/
html {
  line-height: 1;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", YuGothic, "Yu Gothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  font-size: 16px;
  color: #000;
  word-wrap: break-word;
}
html * {
  font-weight: inherit;
}

a {
  outline: none;
  color: inherit;
  text-decoration: none;
  -webkit-transition: all 0.65s ease-in-out 0s;
  -ms-transition: all 0.65s ease-in-out 0s;
  transition: all 0.65s ease-in-out 0s;
}
a * {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
a:hover {
  opacity: 0.7;
}

a:focus, *:focus {
  outline: none;
}

img {
  width: 100%;
}
img[src$=".svg"] {
  max-width: 100%;
}

/*フォント設定*/
.oswald {
  font-family: "Oswald";
}

.fw_light {
  font-weight: 300;
}

.fw_normal {
  font-weight: 400;
}

.fw_medium {
  font-weight: 500;
}

.fw_bold {
  font-weight: 700;
}

.fw_semibold {
  font-weight: 600;
}

.fw_black {
  font-weight: 900;
}

.fs_italic {
  font-style: italic;
}

.tit_sbtit_box .tit, .tit_sbtit_box .txt, .tit_txt_box .tit, .tit_txt_box .txt {
  letter-spacing: 0.1em;
}
.tit_sbtit_box .sb_tit, .tit_txt_box .sb_tit {
  letter-spacing: 0.2em;
}

/*新着情報フォント設定*/
.info_box .icon {
  letter-spacing: 0.03em;
  color: #c5131d;
}

.info_btn {
  letter-spacing: .2em;
}

/*フッターフォント設定*/
.contact_set_wrap .net_box .tit {
  letter-spacing: .3em;
}

/*タイトルh2設定*/
.sectit_box {
  text-align: center;
}
.sectit_box::before {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.sectit_box .sec_tit {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.sectit_box .sec_tit::before {
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  border-radius: 2px;
  background-color: #1469a9;
}
.sectit_box .sec_tit span {
  z-index: 2;
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.5);
}

/*タイトルh4設定*/
.sb_tit_box {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.sb_tit_box .sb_tit {
  color: #fff;
}

/*ボタン設定*/
.btn a {
  display: block;
}

.flex_box {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

/*PC 共通
-----------------------------------------------------------------------------*/
@media print, screen and (min-width: 768px) {
  html {
    font-size: 16px;
  }

  .sp {
    display: none;
  }

  .flex_box_pc {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  #wrapper:not(.preload) * {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }

  .inner {
    max-width: 1000px;
    width: 92%;
    margin: 0 auto;
  }

  /*フォント設定*/
  .tit_sbtit_box .tit {
    font-size: 1.5rem;
  }
  .tit_sbtit_box .sb_tit {
    font-size: 1rem;
  }

  .tit_txt_box .tit {
    font-size: 1.5rem;
    line-height: 1.5;
  }
  .tit_txt_box .txt {
    font-size: 1rem;
    line-height: 1.8;
  }

  .txt_box .txt {
    font-size: 1rem;
    letter-spacing: 0.1em;
    line-height: 1.8;
  }

  /*ヘッダータイトル*/
  .h_txt {
    font-size: 0.8125rem;
    line-height: 1.4;
    letter-spacing: 0.05em;
  }
  .h_txt span {
    font-size: 0.75rem;
  }

  .h_nav_contet li {
    font-size: 0.875rem;
    letter-spacing: 0.44em;
  }

  .h_contact_inner dt {
    font-size: 0.75rem;
    letter-spacing: 0.1em;
    margin-bottom: 0.5625rem;
  }
  .h_contact_inner dd {
    font-size: 1.4375rem;
    letter-spacing: 0.12em;
  }

  /*タイトルh2フォントサイズ設定*/
  .sec_tit {
    font-size: 1.5rem;
  }

  /*商品検索フォント設定*/
  .h_research_category, .h_research_free {
    letter-spacing: 0.1em;
  }
  .h_research_category .tit, .h_research_free .tit {
    font-size: 1.25rem;
  }

  .serect_wrap option {
    font-size: 1rem;
  }

  .search_box input {
    font-size: 1rem;
  }

  .h_research_btn_wrap a span {
    font-size: 1.25rem;
    letter-spacing: 0.03em;
  }

  /*メニューフォント設定*/
  a .t_menu_tit {
    font-size: 0.9375rem;
  }
  a .t_menu_tit:hover {
    color: #1469a9;
  }
  a.active .t_menu_tit {
    font-size: 1rem;
  }

  /*新着情報フォント設定*/
  .info_box .tit, .info_box .txt {
    font-size: 1rem;
    letter-spacing: 0.1em;
  }
  .info_box .icon {
    font-size: 1rem;
  }

  .info_btn {
    font-size: 1.1875rem;
    letter-spacing: 0.2em;
  }

  /*フッターフォント設定*/
  .contact_set_wrap .txt_box .txt {
    font-size: 1.125rem;
  }
  .contact_set_wrap .txt_box .txt span {
    font-size: 0.875rem;
  }
  .contact_set_wrap .net_box .tit {
    font-size: 1.5625rem;
    letter-spacing: .03em;
    line-height: 1.1;
  }
  .contact_set_wrap .net_box .txt {
    font-size: 1.125rem;
  }

  .f_erea_box {
    font-size: 0.875rem;
  }

  .f_bottom_box .txt_box .txt {
    font-size: 0.875rem;
  }
  .f_bottom_box .txt_box dl dd {
    font-size: 0.875rem;
  }

  .f_copywriter .txt {
    font-size: 0.6875rem;
  }

  /*タイトルh2設定*/
  .sectit_box {
    margin-bottom: 2.5rem;
  }
  .sectit_box .sec_tit {
    margin-bottom: 0.9375rem;
  }
  .sectit_box .sec_tit::before {
    content: "";
    display: inline-block;
    width: 3.125rem;
    height: 0.125rem;
  }
  .sectit_box .sec_tit span {
    padding: 0.5rem 0.875rem;
  }

  /*タイトルh4設定*/
  .sb_tit_box {
    background-image: url("../img/tit_bk.png");
    content: "";
    display: block;
    width: auto;
    height: 6.25rem;
  }
  .sb_tit_box .sb_tit {
    position: absolute;
    top: 50%;
    left: 3.75rem;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-size: 1.875rem;
  }

  /*header部分の余白*/
  #main {
    margin-top: 5.4375rem;
  }

  /*余白設定*/
  section {
    padding: 5rem 0;
  }
  section#t_menu, section#mv, section#f_contact_wrap {
    padding: 0;
  }

  .box_wrap > div {
    margin-bottom: 3.125rem;
  }
  .box_wrap > div:last-child {
    margin-bottom: 0;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1200px) {
  html {
    font-size: 1.3333333333vw;
  }
}
/*--------------------------endPC--------------------------------*/
/*SP共通
-----------------------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
  html {
    font-size: 3.7333333333vw;
  }

  .pc {
    display: none;
  }

  .flex_box_sp {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .inner {
    width: 86.6666666667vw;
    margin: 0 auto;
  }

  /*フォント設定*/
  .tit_sbtit_box .tit {
    font-size: 1.1428571429rem;
  }
  .tit_sbtit_box .sb_tit {
    font-size: 0.75rem;
  }

  .tit_txt_box .tit {
    font-size: 1.2857142857rem;
    line-height: 1.5;
  }
  .tit_txt_box .txt {
    font-size: 1rem;
    line-height: 1.6;
  }

  .txt_box .txt {
    font-size: 1rem;
    letter-spacing: .05em;
    line-height: 1.6;
  }

  /*メインタイトル*/
  .sec_tit {
    font-size: 1.2857142857rem;
  }

  /*商品検索フォント設定*/
  .h_research_category .tit, .h_research_free .tit {
    font-size: 1.0714285714rem;
  }

  .serect_wrap option {
    font-size: 0.9285714286rem;
  }

  .search_box input {
    font-size: 1.0714285714rem;
  }

  .h_research_btn_wrap a span {
    font-size: 1.0714285714rem;
  }

  /*メニューフォント設定*/
  a .t_menu_tit {
    font-size: 1.0714285714rem;
    letter-spacing: -0.05em;
    line-height: 1.28;
  }

  /*新着情報フォント設定*/
  .info_box .tit, .info_box .icon {
    font-size: 0.9285714286rem;
    letter-spacing: .05em;
  }
  .info_box .txt {
    font-size: 1rem;
    letter-spacing: .05em;
    line-height: 1.6;
  }

  .info_btn {
    font-size: 1.1428571429rem;
  }

  /*ページ固定フォント設定*/
  .page_fixed_inner .txt {
    font-size: 1.0714285714rem;
  }
  .page_fixed_inner .txt span {
    font-size: 1rem;
  }

  /*フッターフォント設定*/
  .contact_set_wrap .txt_box .txt {
    font-size: 1rem;
  }
  .contact_set_wrap .txt_box .txt span {
    font-size: 0.7857142857rem;
  }
  .contact_set_wrap .net_box .tit {
    font-size: 1.3928571429rem;
    line-height: 1.1102564103;
  }
  .contact_set_wrap .net_box .txt {
    font-size: 0.6428571429rem;
  }

  .f_erea_box {
    font-size: 0.9285714286rem;
  }

  .f_bottom_box .txt_box .txt {
    font-size: 0.7857142857rem;
  }
  .f_bottom_box .txt_box dl dd {
    font-size: 0.7857142857rem;
  }

  .f_copywriter .txt {
    font-size: 0.7142857143rem;
  }

  /*タイトルh2設定*/
  .sectit_box {
    margin-bottom: 8vw;
  }
  .sectit_box .sec_tit {
    margin-bottom: 1.2vw;
  }
  .sectit_box .sec_tit::before {
    content: "";
    display: inline-block;
    width: 9.7333333333vw;
    height: 0.4vw;
  }
  .sectit_box .sec_tit span {
    padding: 1.0666666667vw 2.6666666667vw;
  }

  /*タイトルh4設定*/
  .sb_tit_box {
    background-image: url("../img/tit_bk_sp.png");
    content: "";
    display: block;
    width: auto;
    height: 16vw;
    /*SP時にタイトル2行になる時は⇊を使用*/
  }
  .sb_tit_box .sb_tit {
    position: absolute;
    top: 50%;
    left: 8.8vw;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-size: 1.6071428571rem;
  }
  .sb_tit_box.type02 {
    background-image: url("../img/tit_bk02_sp.png");
    content: "";
    display: block;
    width: auto;
    height: 20vw;
  }
  .sb_tit_box.type02 .sb_tit {
    line-height: 1.2;
  }

  /*header部分の余白*/
  #main {
    margin-top: 17.3333333333vw;
  }

  /*余白設定*/
  section {
    padding: 16vw 0;
  }
  section#t_menu, section#mv, section#f_contact_wrap {
    padding: 0;
  }

  .box_wrap > div {
    margin-bottom: 8vw;
  }
  .box_wrap > div:last-child {
    margin-bottom: 0;
  }
}
/*--------------------------endSP--------------------------------*/
/*-----------------------------------------------------------------------------
  header
-----------------------------------------------------------------------------*/
/*共通
-------------------------------------------------*/
header {
  position: fixed;
  z-index: 500;
  background: #fff;
  width: 100%;
  top: 0;
}

.seach_btn_box {
  background: #c5131d;
  position: relative;
  position: absolute;
  top: 0;
  right: 0;
}
.seach_btn_box .seach_btn {
  display: block;
}
.seach_btn_box .seach_btn img {
  position: absolute;
  top: 50%;
  left: 50%;
}
.seach_btn_box .seach_btn img.open {
  -webkit-transition: all 0.4s ease-in-out 0.4s;
  -ms-transition: all 0.4s ease-in-out 0.4s;
  transition: all 0.4s ease-in-out 0.4s;
  -webkit-transform: translate(-50%, -50%) rotate(0deg) scale(1, 1) skew(0deg, 0deg);
  -ms-transform: translate(-50%, -50%) rotate(0deg) scale(1, 1) skew(0deg, 0deg);
  transform: translate(-50%, -50%) rotate(0deg) scale(1, 1) skew(0deg, 0deg);
}
.seach_btn_box .seach_btn img.close {
  -webkit-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  -webkit-transform: translate(-50%, -50%) rotate(0deg) scale(0, 1) skew(0deg, 0deg);
  -ms-transform: translate(-50%, -50%) rotate(0deg) scale(0, 1) skew(0deg, 0deg);
  transform: translate(-50%, -50%) rotate(0deg) scale(0, 1) skew(0deg, 0deg);
}
.seach_btn_box .seach_btn.active .open {
  -webkit-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  -webkit-transform: translate(-50%, -50%) rotate(0deg) scale(0, 1) skew(0deg, 0deg);
  -ms-transform: translate(-50%, -50%) rotate(0deg) scale(0, 1) skew(0deg, 0deg);
  transform: translate(-50%, -50%) rotate(0deg) scale(0, 1) skew(0deg, 0deg);
}
.seach_btn_box .seach_btn.active .close {
  -webkit-transition: all 0.4s ease-in-out 0.4s;
  -ms-transition: all 0.4s ease-in-out 0.4s;
  transition: all 0.4s ease-in-out 0.4s;
  -webkit-transform: translate(-50%, -50%) rotate(0deg) scale(1, 1) skew(0deg, 0deg);
  -ms-transform: translate(-50%, -50%) rotate(0deg) scale(1, 1) skew(0deg, 0deg);
  transform: translate(-50%, -50%) rotate(0deg) scale(1, 1) skew(0deg, 0deg);
}

.h_research_wrap {
  position: fixed;
  /*表示位置を固定*/
  z-index: 2;
  /*重ね順を変更*/
  right: -100%;
  /*表示位置を指定*/
  transition: all 0.6s;
  /*アニメーションの時間を指定*/
  width: 100%;
  background: #c5131d;
}
.h_research_wrap.active {
  transform: translateX(0%);
  right: 0;
  /*表示位置を指定*/
}
.h_research_wrap .h_research_inner .sectit_box {
  position: relative;
}
.h_research_wrap .h_research_inner .sectit_box::before {
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.h_research_wrap .h_research_inner .sectit_box .sec_tit {
  position: relative;
  display: block;
  color: #fff;
}
.h_research_wrap .h_research_inner .sectit_box .sec_tit::before {
  background-color: #fff;
}

.h_research_box .tit {
  color: #fff;
  position: relative;
}
.h_research_box .tit::before {
  background-image: url("../img/h_sesearch_icon02.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.serect_wrap {
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.serect_wrap select {
  background-color: rgba(255, 0, 0, 0);
  border: 1px solid #fff;
  color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("../img/h_resarch_arrow.png");
  background-repeat: no-repeat;
  border-radius: 0;
}
.serect_wrap select::-ms-expand {
  display: none;
}
.serect_wrap select option {
  color: #111;
}
.serect_wrap select option:disabled {
  color: #fff;
}

.h_research_free .search_box {
  color: #fff;
}
.h_research_free .search_box input {
  width: 100%;
  background-color: rgba(255, 0, 0, 0);
  border: 1px solid #fff;
  color: #fff;
}
.h_research_free .search_box input::placeholder {
  color: #fff;
  opacity: 0.5;
}
.h_research_free .search_box input:-ms-input-placeholder {
  color: #fff;
}

.h_research_btn_wrap {
  margin: 0 auto;
  position: relative;
}
.h_research_btn_wrap a {
  width: 100%;
  border: 0;
  background-color: #fff;
  color: #c5131d;
  text-align: left;
  display: block;
}
.h_research_btn_wrap a:hover {
  opacity: 1;
}
.h_research_btn_wrap a::before {
  background-image: url("../img/h_sesearch_icon.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

/*PC 共通
-------------------------------------------------*/
@media print, screen and (min-width: 768px) {
  .h_wrap {
    position: relative;
  }

  .h_nav {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
    height: 5.4375rem;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
  }
  .h_nav .logo {
    width: 20.1818181818%;
    margin: 0;
  }
  .h_nav .h_nav_wrap {
    width: 56.3636363636%;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    margin-right: 7.5rem;
  }
  .h_nav .h_nav_wrap .h_nav_inner {
    width: 61.935483871%;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
  }
  .h_nav .h_nav_wrap .h_nav_inner .h_tel_box {
    width: 100%;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 0.8125rem;
  }
  .h_nav .h_nav_wrap .h_nav_inner .h_tel_box .h_txt {
    width: 43.75%;
    text-align: right;
  }
  .h_nav .h_nav_wrap .h_nav_inner .h_tel_box .h_teL_img {
    width: 52.0833333333%;
  }
  .h_nav .h_nav_wrap .h_nav_inner .h_nav_contet {
    width: 100%;
    -webkit-align-items: center;
    align-items: center;
  }
  .h_nav .h_nav_wrap .h_nav_inner .h_nav_contet li {
    width: 28%;
    text-align: center;
    letter-spacing: 0.2em;
  }
  .h_nav .h_nav_wrap .h_nav_inner .h_nav_contet li a {
    border-left: 1px solid #000;
    display: block;
  }
  .h_nav .h_nav_wrap .h_nav_inner .h_nav_contet li.catalog {
    width: 44%;
  }
  .h_nav .h_nav_wrap .h_nav_inner .h_nav_contet li:last-child a {
    border-right: 1px solid #000;
    display: block;
  }
  .h_nav .h_nav_wrap .h_contact_wrap {
    width: 35.4838709677%;
    background-color: #1469a9;
    color: #fff;
  }
  .h_nav .h_nav_wrap .h_contact_wrap .h_contact_box {
    display: block;
    padding: 0.75rem 0;
  }
  .h_nav .h_nav_wrap .h_contact_wrap .h_contact_box .h_contact_inner {
    text-align: right;
    padding-right: 15.4545454545%;
    position: relative;
  }
  .h_nav .h_nav_wrap .h_contact_wrap .h_contact_box .h_contact_inner::after {
    background-image: url("../img/h_arrow.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: "";
    display: block;
    width: 4.0909090909%;
    height: 0.8125rem;
    position: absolute;
    top: 50%;
    right: 6.3636363636%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }

  .seach_btn_box {
    z-index: 50;
    background: linear-gradient(to left, #d64b49 0.875rem, #c5131d 7rem);
  }
  .seach_btn_box .seach_btn {
    width: 7.5rem;
    height: 7.5rem;
  }
  .seach_btn_box .seach_btn img.open {
    width: 52.5%;
  }
  .seach_btn_box .seach_btn img.close {
    width: 37.5%;
  }

  .h_seach_area {
    width: 100%;
  }

  .h_research_wrap {
    background: linear-gradient(to left, #d64b49 0.875rem, #c5131d 7rem);
  }
  .h_research_wrap .h_research_inner {
    max-width: 1000px;
    width: 90%;
    margin: 0 auto;
    padding-bottom: 2.75rem;
  }
  .h_research_wrap .h_research_inner .sectit_box {
    height: 5.4375rem;
    margin-bottom: 1.8125rem;
  }
  .h_research_wrap .h_research_inner .sectit_box::before {
    background-image: url("../img/h_resarch_tit.png");
    content: "";
    display: block;
    width: 28.5rem;
    height: 5.4375rem;
  }
  .h_research_wrap .h_research_inner .sectit_box .sec_tit::before {
    position: absolute;
    left: 50%;
    bottom: -0.9375rem;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }

  .h_research_box {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 1.875rem;
  }
  .h_research_box .h_research_category {
    width: 41.2%;
  }
  .h_research_box .h_research_free {
    width: 54%;
  }
  .h_research_box .tit {
    padding-left: 1.625rem;
    margin-bottom: 0.9375rem;
  }
  .h_research_box .tit::before {
    content: "";
    display: inline-block;
    width: 1.078125rem;
    height: 1.078125rem;
  }

  .serect_wrap select {
    width: 48.5436893204%;
    padding: 1.375rem 0 1.375rem 1.375rem;
    font-size: 1rem;
    background-size: 0.875rem 0.5rem;
    background-position: right 1.375rem center;
  }

  .h_research_free .search_box input {
    padding: 1.375rem 0 1.375rem 1.375rem;
  }

  .h_research_btn_wrap {
    width: 18.75rem;
  }
  .h_research_btn_wrap a {
    padding: 1.875rem 0 1.875rem 8.75rem;
  }
  .h_research_btn_wrap a:hover {
    background: rgba(255, 255, 255, 0.9);
  }
  .h_research_btn_wrap a:hover::before {
    left: 5.3125rem;
  }
  .h_research_btn_wrap a:hover span {
    letter-spacing: .5em;
  }
  .h_research_btn_wrap a::before {
    content: "";
    display: block;
    width: 1.6875rem;
    height: 1.6875rem;
    position: absolute;
    top: 50%;
    left: 5.6875rem;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
  }
  .h_research_btn_wrap a span {
    -webkit-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
  }
}
/*SP 共通
-------------------------------------------------*/
@media only screen and (max-width: 767px) {
  .h_nav {
    width: 100%;
    position: relative;
    height: 17.3333333333vw;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .h_nav .logo {
    width: 38.4vw;
    margin-left: 4vw;
  }
  .h_nav .h_nav_wrap {
    display: none;
  }

  .seach_btn_box {
    right: 17.3333333333vw;
    background-image: url("../img/h_resarch_btn_bg_sp.png");
    background-repeat: repeat-y;
    background-size: 100% 100%;
  }
  .seach_btn_box .seach_btn {
    width: 17.3333333333vw;
    height: 17.3333333333vw;
  }
  .seach_btn_box .seach_btn img.open {
    width: 13.0666666667vw;
  }
  .seach_btn_box .seach_btn img.close {
    width: 9.4666666667vw;
  }

  .h_seach_area {
    width: 100%;
    background: #c5131d;
    background: -moz-linear-gradient(left, #c5131d 82%, #d64b49 99%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #c5131d 82%, #d64b49 99%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #c5131d 82%, #d64b49 99%);
                                                               /* W3C, IE10+, FF16+, Chrome26+, Opera12+, 
afari7+ */
  }

  .h_research_inner {
    padding-bottom: 3.75rem;
  }
  .h_research_inner .sectit_box {
    height: 14vw;
    margin-bottom: 8.2666666667vw;
  }
  .h_research_inner .sectit_box::before {
    background-image: url("../img/h_resarch_tit.png");
    content: "";
    display: block;
    width: 65.2vw;
    height: 14vw;
  }
  .h_research_inner .sectit_box .sec_tit::before {
    position: absolute;
    left: 50%;
    bottom: -1.2vw;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }

  .h_research_wrap {
    top: 17.3333333333vw;
    /*表示位置を指定*/
    background-image: url("../img/h_resarch_bg_sp.png");
    background-repeat: repeat-y;
    background-size: 100% 100%;
  }
  .h_research_wrap.active {
    top: 17.3333333333vw;
    /*表示位置を指定*/
    max-height: calc(100vh - 130px);
    overflow: auto;
  }

  .h_research_box {
    width: 86.6666666667vw;
    margin: 0 auto 8vw;
  }
  .h_research_box .h_research_category, .h_research_box .h_research_free {
    width: 100%;
  }
  .h_research_box .h_research_category {
    margin: 0 auto 8vw;
  }
  .h_research_box .tit {
    padding-left: 5.3333333333vw;
    margin-bottom: 3.0666666667vw;
  }
  .h_research_box .tit::before {
    content: "";
    display: inline-block;
    width: 3.3333333333vw;
    height: 3.3333333333vw;
  }

  .serect_wrap {
    width: 100%;
  }
  .serect_wrap select {
    width: 42vw;
    padding: 4.2666666667vw 0 4.2666666667vw 4.2666666667vw;
    font-size: 0.9285714286rem;
    background-size: 2.8vw 1.6vw;
    background-position: right 4.4vw center;
  }

  .h_research_free .search_box input {
    padding: 4.2666666667vw 0 4.2666666667vw 4.2666666667vw;
  }

  .h_research_btn_wrap {
    width: 60vw;
  }
  .h_research_btn_wrap a {
    padding: 5.8666666667vw 0 5.8666666667vw 27.8666666667vw;
  }
  .h_research_btn_wrap a::before {
    content: "";
    display: block;
    width: 5.4666666667vw;
    height: 5.4666666667vw;
    position: absolute;
    top: 50%;
    left: 18.2666666667vw;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }

  .sp_manu {
    position: fixed;
    /*表示位置を固定*/
    z-index: 2;
    /*重ね順を変更*/
    top: 17.3333333333vw;
    /*表示位置を指定*/
    right: 0;
    /*表示位置を指定*/
    background-color: rgba(20, 105, 169, 0.9);
    color: #000;
    /*文字色を黒にする*/
    text-align: center;
    /*テキストを中央揃え*/
    width: 100%;
    /*全幅表示*/
    transform: translateX(-100%);
    /*ナビを上に隠す*/
    transition: all 0.6s;
    /*アニメーションの時間を指定*/
    padding: 8vw 0;
  }
  .sp_manu > li {
    margin-bottom: 5.8666666667vw;
    font-size: 1.3928571429rem;
    color: #fff;
  }
  .sp_manu > li:last-child {
    margin-bottom: 0;
  }
  .sp_manu a {
    display: block;
  }
  .sp_manu.active {
    transform: translateX(0%);
    top: 17.3333333333vw;
    /*表示位置を指定*/
    max-height: calc(100vh - 130px);
    overflow: auto;
  }

  /*トグルボタンのスタイルを指定*/
  .h_nav_btn {
    background: #1469a9;
    color: #fff;
    width: 17.3333333333vw;
    height: 17.3333333333vw;
    position: relative;
  }
  .h_nav_btn span {
    display: block;
    position: absolute;
    width: 7.2vw;
    border-bottom: solid 3px #fff;
    -webkit-transition: .35s ease-in-out;
    /*変化の速度を指定*/
    -moz-transition: .35s ease-in-out;
    /*変化の速度を指定*/
    transition: .35s ease-in-out;
    /*変化の速度を指定*/
    left: 5.0666666667vw;
  }
  .h_nav_btn span:nth-child(1) {
    top: 3.8666666667vw;
  }
  .h_nav_btn span:nth-child(2) {
    top: 6.1333333333vw;
  }
  .h_nav_btn span:nth-child(3) {
    top: 8.2666666667vw;
  }
  .h_nav_btn::after {
    font-family: "Oswald";
    font-size: 0.9285714286rem;
    content: "MENU";
    display: block;
    width: auto;
    height: auto;
    position: absolute;
    left: 50%;
    bottom: 2.9333333333vw;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  .h_nav_btn.active span:nth-child(1) {
    top: 6.1333333333vw;
    left: 5.0666666667vw;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .h_nav_btn.active span:nth-child(2), .h_nav_btn.active span:nth-child(3) {
    top: 6.1333333333vw;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .h_nav_btn.active::after {
    content: "CLOSE";
    display: block;
    width: auto;
    height: auto;
  }
}
/*----------------------------------------------------------
パンくずリスト
-----------------------------------------------------------*/
/*共通
-------------------------------------------------*/
/*PC 共通
-------------------------------------------------*/
@media print, screen and (min-width: 768px) {
  .breadcrumb {
    list-style: none;
    font-size: 0.875rem;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
    padding-top: 0.75rem;
  }
  .breadcrumb li {
    display: inline;
  }
  .breadcrumb li::after {
    content: ">";
    margin-right: 0.4%;
  }
  .breadcrumb li:last-child::after {
    display: none;
  }
  .breadcrumb li a {
    text-decoration: underline;
    margin-right: 0.4%;
  }
}
/*----------------------------------------------------------
下層ページheader下余白設定
-----------------------------------------------------------*/
/*共通
-------------------------------------------------*/
.main_lower section {
  padding: 0;
}

/*PC 共通
-------------------------------------------------*/
@media print, screen and (min-width: 768px) {
  .main_lower {
    border-top: 0.625rem solid #ededed;
  }
  .main_lower section {
    margin-bottom: 5rem;
  }
  .main_lower section:first-of-type {
    margin-top: 3.125rem;
  }
}
/*SP 共通
-------------------------------------------------*/
@media only screen and (max-width: 767px) {
  .main_lower {
    border-top: 2vw solid #ededed;
  }
  .main_lower section {
    margin-bottom: 16vw;
  }
  .main_lower section:first-of-type {
    margin-top: 16vw;
  }
}
/*----------------------------------------------------------
information（新着情報）
-----------------------------------------------------------*/
/*共通
-------------------------------------------------*/
.info_box:nth-child(even) {
  background-color: #e7f0f6;
}
.info_box dt p {
  display: inline-block;
}
.info_box dd a:hover {
  text-decoration: underline;
}

.info_btn {
  margin: 0 auto;
}
.info_btn a {
  position: relative;
}
.info_btn a::before {
  background-image: url("../img/top/top_info_arrow.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.info_btn a::after {
  background-color: #333;
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.info_btn a:hover::before {
  right: -.05em;
}

/*PC 共通
-------------------------------------------------*/
@media print, screen and (min-width: 768px) {
  .info_inner {
    margin-bottom: 1.875rem;
  }

  .info_box {
    -webkit-justify-content: space-around;
    justify-content: space-around;
    padding: 1.625rem 0;
    line-height: 1.6;
  }
  .info_box dt {
    width: 16.4%;
  }
  .info_box dt p.icon {
    margin-left: 14.6341463415%;
  }
  .info_box dd {
    width: 74%;
  }

  .info_btn {
    width: 14.6%;
  }
  .info_btn a {
    padding: 0.8125rem 2.2% 0.8125rem 0;
  }
  .info_btn a::before {
    content: "";
    display: block;
    width: 0.4375rem;
    height: 0.8125rem;
    position: absolute;
    top: 50%;
    right: 0.5rem;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .info_btn a::after {
    background-color: #333;
    content: "";
    display: block;
    width: 100%;
    height: 0.125rem;
  }
}
/*SP 共通
-------------------------------------------------*/
@media only screen and (max-width: 767px) {
  .info_inner {
    margin-bottom: 8vw;
  }

  .info_box {
    padding: 5.3333333333vw 0;
    line-height: 1.6;
  }
  .info_box dt {
    width: 78.1333333333vw;
    margin: 0 auto 5.3333333333vw;
    line-height: 1.6;
    margin-top: calc(0px - (((1em*1.6) - 1em)/2));
    margin-bottom: calc(5.3333333333vw - (((1em*1.6) - 1em)/2));
  }
  .info_box dt p.icon {
    margin-left: 4vw;
  }
  .info_box dd {
    width: 78.1333333333vw;
    margin: 0 auto;
  }

  .info_btn {
    width: 32.9333333333vw;
    margin: 0 auto;
  }
  .info_btn a {
    padding: 2.6666666667vw 6.4vw 2.6666666667vw 0;
  }
  .info_btn a::before {
    content: "";
    display: block;
    width: 1.7333333333vw;
    height: 2.9333333333vw;
    position: absolute;
    top: 50%;
    right: 2.1333333333vw;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .info_btn a::after {
    background-color: #333;
    content: "";
    display: block;
    width: 100%;
    height: 0.125rem;
  }
}
/*----------------------------------------------------------
table_box01（テーブル設定01）
-----------------------------------------------------------*/
/*共通
-------------------------------------------------*/
.table_box01 {
  margin-bottom: 0 !important;
}
.table_box01 table {
  width: 100%;
}
.table_box01 table th {
  color: #1469a9;
}
.table_box01 table tr:nth-child(odd) {
  background-color: #eee;
}

/*PC 共通
-------------------------------------------------*/
@media print, screen and (min-width: 768px) {
  .table_box01 table th, .table_box01 table td {
    padding: 2.25rem 0;
    font-size: 1rem;
    letter-spacing: 0.1em;
    line-height: 1.8;
  }
  .table_box01 table th {
    width: 29%;
    padding-left: 12.2%;
    vertical-align: top;
  }
  .table_box01 table td {
    width: 71%;
  }
}
/*SP 共通
-------------------------------------------------*/
@media only screen and (max-width: 767px) {
  .table_box01 table tr {
    padding: 5.3333333333vw 4vw;
    display: block;
  }
  .table_box01 table th, .table_box01 table td {
    width: 100%;
    font-size: 1rem;
    letter-spacing: 0.05em;
    line-height: 1.6;
    display: block;
  }
  .table_box01 table th {
    margin-bottom: 5.3333333333vw;
  }
}
/*----------------------------------------------------------
ページトップへ戻る
-----------------------------------------------------------*/
/*共通
-------------------------------------------------*/
.totop {
  z-index: 200;
  display: none;
  border-radius: 50%;
  background-color: #1469a9;
}

/*PC 共通
-------------------------------------------------*/
@media print, screen and (min-width: 768px) {
  .totop {
    position: fixed;
    bottom: 1.875rem;
    right: 1.875rem;
    width: 3.75rem;
  }
}
/*SP 共通
-------------------------------------------------*/
@media only screen and (max-width: 767px) {
  #f_bottom_wrap {
    position: relative;
  }

  .totop {
    position: absolute;
    bottom: 100%;
    -webkit-transform: translate(0, 17.3333333333vw);
    -ms-transform: translate(0, 17.3333333333vw);
    transform: translate(0, 17.3333333333vw);
    right: 4vw;
    width: 12.8vw;
  }
  .totop.fixed {
    position: fixed;
    bottom: 0;
    -webkit-transform: translate(0, -19.7333333333vw);
    -ms-transform: translate(0, -19.7333333333vw);
    transform: translate(0, -19.7333333333vw);
  }
}
/*----------------------------------------------------------
（スマホ）フッター固定
-----------------------------------------------------------*/
/*SP 共通
-------------------------------------------------*/
@media only screen and (max-width: 767px) {
  .page_fixed_wrap {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 100;
  }
  .page_fixed_wrap .page_fixed_inner {
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .page_fixed_wrap .page_fixed_inner .page_fixed_box {
    width: 50%;
    color: #fff;
    letter-spacing: 0;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .page_fixed_wrap .page_fixed_inner .page_fixed_box.bk_blue {
    background-color: #525fa9;
  }
  .page_fixed_wrap .page_fixed_inner .page_fixed_box.bk_red {
    background-color: #cb4659;
  }
  .page_fixed_wrap .page_fixed_inner .page_fixed_box a {
    display: block;
  }
  .page_fixed_wrap .page_fixed_inner .fixed_tel_box, .page_fixed_wrap .page_fixed_inner .fixed_net_box {
    padding: 4vw 0;
    width: 41.3333333333vw;
    margin: 0 auto;
  }
  .page_fixed_wrap .page_fixed_inner .fixed_tel_box .txt, .page_fixed_wrap .page_fixed_inner .fixed_net_box .txt {
    font-size: 0.9285714286rem;
    line-height: 1.3461538462;
  }
  .page_fixed_wrap .page_fixed_inner .fixed_tel_box .txt span, .page_fixed_wrap .page_fixed_inner .fixed_net_box .txt span {
    font-size: 0.8571428571rem;
  }
  .page_fixed_wrap .page_fixed_inner .fixed_tel_box figure {
    width: 5.0666666667vw;
    margin-right: 3.4666666667vw;
  }
  .page_fixed_wrap .page_fixed_inner .fixed_tel_box .txt {
    width: 32.5333333333vw;
  }
  .page_fixed_wrap .page_fixed_inner .fixed_net_box figure {
    width: 10.2666666667vw;
    margin-right: 3.4666666667vw;
  }
  .page_fixed_wrap .page_fixed_inner .fixed_net_box .txt {
    width: 27.2vw;
  }
}
/*----------------------------------------------------------
  footer
-----------------------------------------------------------*/
/*共通
-------------------------------------------------*/
#f_contact_wrap {
  background-color: #ededed;
}

.contact_set_wrap .contact_tel_box, .contact_set_wrap .contact_fax_box, .contact_set_wrap .contact_net_box {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  color: #fff;
}
.contact_set_wrap .contact_tel_box .tit_box .tit, .contact_set_wrap .contact_fax_box .tit_box .tit, .contact_set_wrap .contact_net_box .tit_box .tit {
  position: relative;
}
.contact_set_wrap .contact_tel_box .tit_box .tit::after, .contact_set_wrap .contact_fax_box .tit_box .tit::after, .contact_set_wrap .contact_net_box .tit_box .tit::after {
  background-color: #fff;
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.contact_set_wrap .contact_tel_box .txt_box .txt, .contact_set_wrap .contact_fax_box .txt_box .txt, .contact_set_wrap .contact_net_box .txt_box .txt {
  letter-spacing: 0;
}
.contact_set_wrap .contact_tel_box:hover {
  opacity: 1;
}
.contact_set_wrap .contact_tel_box .tel_box {
  text-align: center;
}
.contact_set_wrap .contact_tel_box .tel_box .tit_box .tit::before {
  background-image: url("../img/f_contact_tel_img.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.contact_set_wrap .contact_fax_box:hover {
  opacity: 1;
}
.contact_set_wrap .contact_fax_box .fax_box {
  text-align: center;
}
.contact_set_wrap .contact_net_box .net_box {
  text-align: center;
  position: relative;
}
.contact_set_wrap .contact_net_box .net_box::before {
  background-image: url("../img/f_contact_net_icon02.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.contact_set_wrap .contact_net_box .net_box .tit_box .tit {
  letter-spacing: 0;
}

#f_erea_wrap, #f_bottom_wrap {
  background-color: #1469a9;
  color: #fff;
}

#f_erea_wrap {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.f_erea_inner {
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.f_bottom_box .txt_box .f_contact_box .tit {
  position: relative;
  display: inline-block;
}
.f_bottom_box .txt_box .f_contact_box .tit::before {
  background-image: url("../img/f_contact_tel_img.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.f_bottom_box .txt_box .f_contact_box dd {
  display: inline-block;
}
.f_bottom_box .sns_box {
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.f_copywriter {
  text-align: center;
}

/*PC 共通
-------------------------------------------------*/
@media print, screen and (min-width: 768px) {
  .contact_set_wrap {
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
  }
  .contact_set_wrap .contact_tel_box, .contact_set_wrap .contact_fax_box, .contact_set_wrap .contact_net_box {
    padding: 1.875rem 0;
    width: 33.2857142857%;
  }
  .contact_set_wrap .contact_tel_box .img_box, .contact_set_wrap .contact_fax_box .img_box, .contact_set_wrap .contact_net_box .img_box {
    margin: 0 3.4334763948% 0 0;
  }
  .contact_set_wrap .contact_tel_box .tit_box, .contact_set_wrap .contact_fax_box .tit_box, .contact_set_wrap .contact_net_box .tit_box {
    width: 100%;
    margin: 0 auto 0.625rem;
  }
  .contact_set_wrap .contact_tel_box .tit_box .tit, .contact_set_wrap .contact_fax_box .tit_box .tit, .contact_set_wrap .contact_net_box .tit_box .tit {
    font-size: 1.75rem;
    padding-bottom: 0.625rem;
  }
  .contact_set_wrap .contact_tel_box .tit_box .tit::after, .contact_set_wrap .contact_fax_box .tit_box .tit::after, .contact_set_wrap .contact_net_box .tit_box .tit::after {
    content: "";
    display: block;
    width: 6.25rem;
    height: 0.125rem;
  }
  .contact_set_wrap .contact_tel_box .txt_box .txt, .contact_set_wrap .contact_fax_box .txt_box .txt, .contact_set_wrap .contact_net_box .txt_box .txt {
    font-size: 1rem;
    line-height: 1.575;
  }
  .contact_set_wrap .contact_tel_box {
    background-image: url("../img/f_contact_tel.png");
  }
  .contact_set_wrap .contact_tel_box .img_box {
    width: 2.25rem;
  }
  .contact_set_wrap .contact_tel_box .tel_box {
    width: 13.75rem;
  }
  .contact_set_wrap .contact_tel_box .tel_box .tit_box {
    width: 12.75rem;
  }
  .contact_set_wrap .contact_tel_box .tel_box .tit_box .tit {
    padding-left: 1.875rem;
  }
  .contact_set_wrap .contact_tel_box .tel_box .tit_box .tit::before {
    content: "";
    display: block;
    width: 1.625rem;
    height: 1.625rem;
  }
  .contact_set_wrap .contact_fax_box {
    background-image: url("../img/f_contact_fax.png");
  }
  .contact_set_wrap .contact_fax_box .img_box {
    width: 2.6875rem;
  }
  .contact_set_wrap .contact_fax_box .fax_box {
    width: 14.625rem;
  }
  .contact_set_wrap .contact_net_box {
    background-image: url("../img/f_contact_net.png");
  }
  .contact_set_wrap .contact_net_box .img_box {
    width: 2.75rem;
  }
  .contact_set_wrap .contact_net_box .net_box {
    width: 15rem;
    padding-right: 4.25rem;
  }
  .contact_set_wrap .contact_net_box .net_box::before {
    content: "";
    display: block;
    width: 2.875rem;
    height: 2.875rem;
  }
  .contact_set_wrap .contact_net_box .net_box .tit_box .tit {
    font-size: 1.5rem;
    line-height: 1.1458333333;
  }

  #f_bottom_wrap {
    padding: 0.9375rem 0;
  }

  .f_erea_inner .f_erea_box {
    width: 25%;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
    padding: 2.5rem 0 2.5rem 2%;
  }
  .f_erea_inner .f_erea_box:last-child {
    border-right: 1px solid rgba(255, 255, 255, 0.3);
  }
  .f_erea_inner .f_erea_box li {
    margin-bottom: 1.25rem;
  }

  .f_bottom_box {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 0.9375rem;
  }
  .f_bottom_box .f_logo {
    width: 17.7%;
  }
  .f_bottom_box .txt_box {
    width: 53.2%;
  }
  .f_bottom_box .txt_box .f_contact_box .tit {
    padding-left: 2.0625rem;
    font-size: 1.875rem;
  }
  .f_bottom_box .txt_box .f_contact_box .tit::before {
    content: "";
    display: block;
    width: 1.625rem;
    height: 1.625rem;
  }
  .f_bottom_box .sns_box {
    width: 13.6%;
    margin-right: 9%;
  }
  .f_bottom_box .sns_box figure {
    width: 30.8823529412%;
  }
}
/*SP 共通
-------------------------------------------------*/
@media only screen and (max-width: 767px) {
  .contact_set_wrap .contact_tel_box, .contact_set_wrap .contact_fax_box, .contact_set_wrap .contact_net_box {
    padding: 3.7333333333vw 0;
    width: 100%;
  }
  .contact_set_wrap .contact_tel_box .img_box, .contact_set_wrap .contact_fax_box .img_box, .contact_set_wrap .contact_net_box .img_box {
    margin: 0 5.3333333333vw 0 0;
  }
  .contact_set_wrap .contact_tel_box .tit_box, .contact_set_wrap .contact_fax_box .tit_box, .contact_set_wrap .contact_net_box .tit_box {
    margin: 0 auto 3.2vw;
  }
  .contact_set_wrap .contact_tel_box .tit_box .tit, .contact_set_wrap .contact_fax_box .tit_box .tit, .contact_set_wrap .contact_net_box .tit_box .tit {
    font-size: 1.5rem;
    padding-bottom: 2.4vw;
  }
  .contact_set_wrap .contact_tel_box .tit_box .tit::after, .contact_set_wrap .contact_fax_box .tit_box .tit::after, .contact_set_wrap .contact_net_box .tit_box .tit::after {
    content: "";
    display: block;
    width: 20.8vw;
    height: 0.4vw;
  }
  .contact_set_wrap .contact_tel_box .txt_box .txt, .contact_set_wrap .contact_fax_box .txt_box .txt, .contact_set_wrap .contact_net_box .txt_box .txt {
    font-size: 1rem;
    line-height: 1.3964285714;
  }
  .contact_set_wrap .contact_tel_box {
    background-image: url("../img/f_contact_tel_sp.png");
  }
  .contact_set_wrap .contact_tel_box .img_box {
    width: 7.6vw;
  }
  .contact_set_wrap .contact_tel_box .tel_box {
    width: 50.6666666667vw;
  }
  .contact_set_wrap .contact_tel_box .tel_box .tit_box {
    width: 42.1333333333vw;
  }
  .contact_set_wrap .contact_tel_box .tel_box .tit_box .tit {
    padding-left: 8vw;
  }
  .contact_set_wrap .contact_tel_box .tel_box .tit_box .tit::before {
    content: "";
    display: block;
    width: 6.1333333333vw;
    height: 6.1333333333vw;
  }
  .contact_set_wrap .contact_fax_box {
    background-image: url("../img/f_contact_fax_sp.png");
  }
  .contact_set_wrap .contact_fax_box .img_box {
    width: 8.8vw;
  }
  .contact_set_wrap .contact_fax_box .fax_box {
    width: 50.6666666667vw;
  }
  .contact_set_wrap .contact_net_box {
    background-image: url("../img/f_contact_net_sp.png");
  }
  .contact_set_wrap .contact_net_box .img_box {
    width: 9.2vw;
  }
  .contact_set_wrap .contact_net_box .net_box {
    width: 50.6666666667vw;
    padding-right: 13.3333333333vw;
  }
  .contact_set_wrap .contact_net_box .net_box::before {
    content: "";
    display: block;
    width: 9.6vw;
    height: 9.6vw;
  }
  .contact_set_wrap .contact_net_box .net_box .tit_box .tit {
    font-size: 1.3928571429rem;
    line-height: 1.1102564103;
  }

  #f_bottom_wrap {
    padding: 5.3333333333vw 0 21.3333333333vw;
  }

  .f_erea_inner .f_erea_box {
    width: 50%;
  }
  .f_erea_inner .f_erea_box:nth-child(even) {
    border-left: 1px solid rgba(255, 255, 255, 0.3);
    padding-left: 8vw;
  }
  .f_erea_inner .f_erea_box:nth-child(1) {
    padding-top: 5.3333333333vw;
  }
  .f_erea_inner .f_erea_box:nth-child(2) {
    padding-top: 5.3333333333vw;
  }
  .f_erea_inner .f_erea_box:nth-child(3) {
    padding-bottom: 5.3333333333vw;
  }
  .f_erea_inner .f_erea_box:nth-child(3) li:last-child {
    margin-bottom: 0;
  }
  .f_erea_inner .f_erea_box:nth-child(4) {
    padding-bottom: 5.3333333333vw;
  }
  .f_erea_inner .f_erea_box:nth-child(4) li:last-child {
    margin-bottom: 0;
  }
  .f_erea_inner .f_erea_box li {
    margin-bottom: 5.3333333333vw;
  }

  .f_bottom_box {
    margin-bottom: 5.3333333333vw;
  }
  .f_bottom_box .f_logo {
    width: 100%;
    order: 2;
  }
  .f_bottom_box .f_logo figure {
    width: 35.4666666667vw;
    margin: 0 auto 5.3333333333vw;
  }
  .f_bottom_box .txt_box {
    width: 100%;
    text-align: center;
    order: 3;
  }
  .f_bottom_box .txt_box .txt {
    margin-bottom: 2.6666666667vw;
  }
  .f_bottom_box .txt_box .f_contact_box .tit {
    padding-left: 6.6666666667vw;
    font-size: 1.7857142857rem;
    margin-bottom: 2.6666666667vw;
  }
  .f_bottom_box .txt_box .f_contact_box .tit::before {
    content: "";
    display: block;
    width: 5.3333333333vw;
    height: 5.3333333333vw;
  }
  .f_bottom_box .sns_box {
    width: 36.2666666667vw;
    margin: 0 auto 8vw;
    order: 1;
  }
  .f_bottom_box .sns_box figure {
    width: 11.2vw;
  }
}
/*----------------------------------------------------------
  js action
-----------------------------------------------------------*/
.tran {
  -webkit-transition: all 0.65s ease-in-out 0s;
  -ms-transition: all 0.65s ease-in-out 0s;
  transition: all 0.65s ease-in-out 0s;
}

.fadein {
  opacity: 0;
}
.fadein.scroll_active {
  opacity: 1;
}

.fadeout {
  opacity: 1;
}
.fadeout.scroll_active {
  opacity: 0;
}

.fadeTop {
  -webkit-transform: translate(0, 50px);
  -ms-transform: translate(0, 50px);
  transform: translate(0, 50px);
}
.fadeTop.scroll_active {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.fadeBottom {
  -webkit-transform: translate(0, -50px);
  -ms-transform: translate(0, -50px);
  transform: translate(0, -50px);
}
.fadeBottom.scroll_active {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.fadeRight {
  -webkit-transform: translate(-50px, 0);
  -ms-transform: translate(-50px, 0);
  transform: translate(-50px, 0);
}
.fadeRight.scroll_active {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.fadeLeft {
  -webkit-transform: translate(50px, 0);
  -ms-transform: translate(50px, 0);
  transform: translate(50px, 0);
}
.fadeLeft.scroll_active {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.scaleUp {
  -webkit-transform: scale(0.97, 0.97);
  -ms-transform: scale(0.97, 0.97);
  transform: scale(0.97, 0.97);
}
.scaleUp.scroll_active {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
}

.scaleUp02 {
  -webkit-transform: scale(0.8, 0.8);
  -ms-transform: scale(0.8, 0.8);
  transform: scale(0.8, 0.8);
}
.scaleUp02.scroll_active {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
}