@charset "utf-8";

/**
 * 2025/12 by FICUS
 *
 * CSS versions	3
 *
 * @category   Web Application
 * @package    Argus
 * @copyright  2013 Polaris, inc.
 *
 */

.BLK300999,
.mainvisual {width:100%; margin-bottom:105px;height:300px; background: url('/contents/block/301001/mainvisual_1.jpg') center center no-repeat; background-size: cover; position:relative;}
.mainvisual-txt {width:100%; text-align:center; font-size:3.6vw; color:#fff; text-shadow: 0 0 10px #000000; font-weight:bold; font-family: '游ゴシック体', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック','Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', sans-serif; position:absolute; top:60px;}
.mainvisual-img {width:100%; height:300px; display:flex; align-items: flex-end;}
.mainvisual-img .box-dual {width:100%; margin-bottom:-75px; display:flex; flex-direction: row; justify-content: center;}
.mainvisual-img .box-dual li {margin:0 25px;}
.mainvisual-img .box-dual li a {display:block;}
.mainvisual-img .box-dual li a img {width:auto; max-width:100%; height: auto; transition: transform .6s ease;}
.mainvisual-img .box-dual li a:hover img {transform: scale(1.05);}
@media screen and (min-width:1260px) {
  .mainvisual-txt {font-size:45px;}
}
@media screen and (max-width:796px) {
  .BLK300999,
  .mainvisual {height:32vw; margin-bottom:0;}
  .mainvisual-txt {font-size:6vw; top:7vw;}
  .mainvisual-txt span {display:block;}
  .mainvisual-img {height:auto;}
  .mainvisual-img .box-dual {display:none;}
}
.banner-buysel .box-dual {display:none;}
@media screen and (max-width:796px) {
  .banner-buysel {margin:1rem 0 0 0;}
  .banner-buysel .box-dual {display:flex; flex-direction:row;}
  .banner-buysel .box-dual li {padding:0 1rem;}
  .banner-buysel .box-dual li img {width:auto; max-width:100%;}
}
@media screen and (max-width:480px) {
  .banner-buysel {margin:1rem 0 0 0;}
  .banner-buysel .box-dual {display:flex; flex-direction:column;}
  .banner-buysel .box-dual li {padding:1rem 1rem; text-align:center;}
  .banner-buysel .box-dual li img {width:auto; max-width:100%;}
}