@charset "utf-8";

#con_mainimg {
  width: 100%;
  overflow: hidden;
  min-height: 480px;
}

#con_mainimg .bx-viewport {
  width: auto;
  margin: 0 auto;
}

#con_sl_fv {
  background: #69dd69 url(/-/Media/com/contact/top/201612/bg01.jpg) no-repeat
    center center;
  background-size: auto 100%;
}

#con_sl_me {
  background: #a3ddf6 url(/-/Media/com/contact/top/201612/bg02.jpg) no-repeat
    center center;
  background-size: auto 100%;
}

#con_sl_fvc {
  background: #fff url(/-/Media/com/contact/top/201612/bg03.gif) repeat center
    center;
}

#con_sl_mf {
  background: #fff url(/-/Media/com/contact/top/201707/bg_mf.gif) repeat center
    center;
}

#con_sl_fvr {
  background: #a3ddf6 url(/-/Media/com/contact/top/201806/bg01.png) repeat-x
    center center;
  background-size: auto 100%;
}

#con_sl_far {
  background: #03b0ec;
  background: linear-gradient(180deg, #7cd6f4 0%, #03b0ec 100%);
  background-size: auto 100%;
}

#con_sl_fvs {
  background: #014ea1;
  background: linear-gradient(180deg, #7dccf3 0%, #014ea1 100%);
  background-size: auto 100%;
}

#con_mainimg .bx-wrapper {
  margin-bottom: 0;
  padding: 0;
  position: relative;
}

#con_mainimg .bx-wrapper a img {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#con_mainimg .bx-wrapper a img:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

#con_mainimg .bx-controls {
  position: absolute;
  bottom: 52px;
  left: 0;
  right: 0;
  z-index: 99;
}

#con_mainimg .bx-pager-link {
  background: url(/-/Media/com/contact/top/201612/dot_off.png) no-repeat center
    center;
  background-size: 100% auto;
}

#con_mainimg .active {
  background: url(/-/Media/com/contact/top/201612/dot_on.png) no-repeat center
    center;
  background-size: 100% auto;
}

#con_mainimg #main_con_slider li {
}

#con_mainimg #main_con_slider li img {
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  #con_mainimg {
    width: auto;
  }

  #con_mainimg {
    min-height: 0;
  }

  #con_mainimg #main_con_slider li {
  }

  #con_mainimg .bx-viewport {
    width: auto !important;
  }

  #con_mainimg .bx-wrapper {
    padding: 0;
  }

  #con_mainimg .bx-controls {
    bottom: 44px;
  }
}

#con_top_index {
  max-width: 940px;
  margin: 0 auto;
  padding: 32px 0 32px 0;
  zoom: 100%;
}

#con_top_index:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

@media screen and (max-width: 768px) {
  #con_top_index {
    width: 90.6%;
  }
}

@media screen and (max-width: 648px) {
  #con_top_index {
    padding: 20px 0 20px 0;
  }
}

@media screen and (max-width: 480px) {
  .bx-wrapper .bx-pager,
  .bx-wrapper .bx-controls-auto {
    padding-top: 20px;
  }
}

#top_index_prod {
  padding: 0 0 24px 0;
  margin: 0 -2px;
  zoom: 100%;
  font-size: 20%;
}

#top_index_prod:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

#top_index_prod a {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#top_index_prod a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

#top_index_prod li {
  width: 50%;
  float: left;
  padding: 0 2px;
  box-sizing: border-box;
  margin-bottom: 8px;
}

#top_index_prod li a {
  display: block;
  height: 180px;
  text-indent: -940px;
  overflow: hidden;
}

#top_index_prod #btn_prod_fv a {
  background: url(/-/Media/com/contact/top/201707/btn_prod_fv.png) no-repeat
    center center;
}

#top_index_prod #btn_prod_me a {
  background: url(/-/Media/com/contact/top/201707/btn_prod_me.png) no-repeat
    center center;
}

#top_index_prod #btn_prod_fvc a {
  background: url(/-/Media/com/contact/top/201707/btn_prod_fvc.png) no-repeat
    center center;
}

#top_index_prod #btn_prod_mf a {
  background: url(/-/Media/com/contact/top/201806/btn_prod_mf.png) no-repeat
    center center;
}

#top_index_prod #btn_prod_fvr a {
  background: url(/-/Media/com/contact/top/202305/btn_prod_fvr.png) no-repeat
    center center;
}

#top_index_prod #btn_prod_far a {
  background: url(/-/Media/com/contact/top/202507/btn_prod_far.png) no-repeat
    center center;
}

#top_index_prod #btn_prod_fvs a {
  background: url(/-/Media/com/contact/top/202305/btn_prod_fvs.png) no-repeat
    center center;
}

#top_index_prod #btn_shop a {
  background: url(/-/Media/com/contact/top/202210/btn_shop.png) no-repeat center
    center;
}

#top_index_prod #btn_prod_ck a {
  background: url(/-/Media/com/contact/top/201806/btn_prod_ck.png) no-repeat
    center center;
}

@media screen and (max-width: 768px) {
  #top_index_prod li a {
    height: 0;
    padding-bottom: 38.15%;
  }

  #top_index_prod #btn_prod_fv a {
    background-size: 100% 100%;
  }

  #top_index_prod #btn_prod_me a {
    background-size: 100% 100%;
  }

  #top_index_prod #btn_prod_fvc a {
    background-size: 100% 100%;
  }

  #top_index_prod #btn_prod_mf a {
    background-size: 100% 100%;
  }

  #top_index_prod #btn_prod_fvr a {
    background-size: 100% 100%;
  }

  #top_index_prod #btn_prod_far a {
    background-size: 100% 100%;
  }

  #top_index_prod #btn_prod_fvs a {
    background-size: 100% 100%;
  }

  #top_index_prod #btn_shop a {
    background-size: 100% 100%;
  }

  #top_index_prod #btn_prod_ck a {
    background-size: 100% 100%;
  }
}

@media screen and (max-width: 480px) {
  #top_index_prod {
    /*
    padding: 0 0 16px 0;
    */
    padding: 0;
    margin: 0;
  }

  #top_index_prod li {
    width: auto;
    padding: 0;
    float: none;
    margin-right: 0;
    margin-bottom: 4px;
  }

  #top_index_prod li a {
    padding-bottom: 32.6%;
  }

  #top_index_prod #btn_prod_fv a {
    background: url(/-/Media/com/contact/top/201612/btn_prod01_sp.png) no-repeat
      center center;
    background-size: 100% 100%;
  }

  #top_index_prod #btn_prod_me a {
    background: url(/-/Media/com/contact/top/201612/btn_prod02_sp.png) no-repeat
      center center;
    background-size: 100% 100%;
  }

  #top_index_prod #btn_prod_fvc a {
    background: url(/-/Media/com/contact/top/201707/btn_prod_fvc_sp.png)
      no-repeat center center;
    background-size: 100% 100%;
  }

  #top_index_prod #btn_prod_mf a {
    background: url(/-/Media/com/contact/top/201806/btn_prod_mf_sp.png)
      no-repeat center center;
    background-size: 100% 100%;
  }

  #top_index_prod #btn_prod_fvr a {
    background: url(/-/Media/com/contact/top/202305/btn_prod_fvr_sp.png)
      no-repeat center center;
    background-size: 100% 100%;
  }

  #top_index_prod #btn_prod_far a {
    background: url(/-/Media/com/contact/top/202507/btn_prod_far_sp.png)
      no-repeat center center;
    background-size: 100% 100%;
  }

  #top_index_prod #btn_prod_fvs a {
    background: url(/-/Media/com/contact/top/202305/btn_prod_fvs_sp.png)
      no-repeat center center;
    background-size: 100% 100%;
  }

  #top_index_prod #btn_shop a {
    background: url(/-/Media/com/contact/top/202507/btn_shop_sp.png) no-repeat
      center center;
    background-size: 100% 100%;
  }

  #top_index_prod #btn_prod_ck a {
    background: url(/-/Media/com/contact/top/201806/btn_prod_ck_sp.png)
      no-repeat center center;
    background-size: 100% 100%;
  }
}

#bn_menokenkou {
  margin: 24px 0 0 0;
}

#bn_menokenkou img {
  margin: 0 auto;
}

#bn_list {
  margin: 24px 0 0 0;
}

#bn_list ul {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

#bn_list ul li {
  width: 100%;
}

@media screen and (max-width: 480px) {
  #bn_menokenkou {
    margin: 16px 0 0 0;
  }

  #bn_list {
    margin: 24px 0 0 0;
  }

  #bn_list ul {
    display: block;
  }

  #bn_list ul li {
    width: 100%;
    margin-bottom: 4px;
  }
}