@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Public+Sans:wght@700&display=swap');

#chart_bnr.hontai .pc_chart_btn{z-index:10;}

/* -------------------------------------------------- */
/* #block-mv */
/* -------------------------------------------------- */
#block-mv{height:270px;border-bottom:1px solid #ccc;background:url(/img/top/mv_back.png) no-repeat 155% center;background-size:auto 115%;}
#block-mv .ttl{margin-top:12px;font-size:2rem;padding:4px 20px 4px 25px;background:#636301;color:#fff;font-weight:500;display:inline-block;text-shadow:0 2px 0 rgba(0,0,0,0.8);}
#block-mv .ttl br{display:none;}
#block-mv .txt{font-size:1.4rem;font-weight:500;padding:10px 25px;line-height:1.6;}
#block-mv .txt p + p{margin-top:8px;}
#block-mv .txt span{font-weight:900;}
#block-mv .txt .for-sp{display:none;}
#block-mv .txt .orange{color:#ff7101;}
#block-mv .label{display:flex;align-items:flex-end;margin:0 0 4px;}
#block-mv .label .label-inner{display:flex;align-items:center;gap:15px;padding-left:15px;}
#block-mv .label dl{display:flex;align-items:center;color:#ff7101;font-weight:900;gap:4px;-webkit-text-stroke:4px #fff;text-stroke:4px #fff;paint-order:stroke;}
#block-mv .label dt{border:1px solid #ff7101;border-radius:100%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;line-height:1.2;}
#block-mv .label dd{font-size:1.7rem;}
#block-mv .label dd span{font-size:5.2rem;font-family:"Public Sans", sans-serif;font-weight:800;padding-right:4px;line-height:1;vertical-align:-2px;}
#block-mv .label .small{font-size:0.9rem;font-weight:500;margin:0 0 5px 8px;-webkit-text-stroke:2px #fff;text-stroke:2px #fff;paint-order:stroke;}

/* -------------------------------------------------- */
/* #block-notice */
/* -------------------------------------------------- */
#block-notice{margin-bottom:15px;border:1px solid #000;padding:10px 15px;color:#000;font-feature-settings:"palt";-webkit-font-feature-settings:"palt";line-height:1.4;}
#block-notice .ttl{font-weight:bold;font-size:1.4rem;margin-bottom:4px;}

/* -------------------------------------------------- */
/* #block-banner01 */
/* -------------------------------------------------- */
#block-banner01{margin-bottom:25px;}
#block-banner01 .list-banner{display:flex;gap:10px;justify-content:space-between;}
#block-banner01 .list-banner a:hover{opacity:0.8;}

/* -------------------------------------------------- */
/* #block-products */
/* -------------------------------------------------- */
#block-products{margin-bottom:25px;}
#block-products .list-products{display:flex;gap:20px 14px;flex-wrap:wrap;}
#block-products .list-products > li{width:calc((100% - 14px) / 2);position:relative;text-align:center;}
#block-products .list-products > li a{width:100%;height:100%;display:flex;flex-direction:column;text-decoration:none;}
#block-products .list-products > li a:hover{opacity:0.8;}
#block-products .list-products > li .label span{display:inline-block;background:#9a9630;color:#fff;border-radius:100px;font-size:1.4rem;font-weight:bold;padding:3px 15px;position:relative;z-index:1;text-shadow:0 0 4px rgba(95,93,29);}
#block-products .list-products > li .ttl{font-size:2.6rem;padding:20px 10px 15px;border-top:3px solid #bdb777;background:url(/img/top/product_back.jpg) repeat #894a43;color:#fff;letter-spacing:0.075em;font-weight:500;line-height:1.3;margin-top:-15px;position:relative;font-feature-settings:"palt";-webkit-font-feature-settings:"palt";}
#block-products .list-products > li .ttl::before{content:"";display:block;width: 0;height: 0;border-style: solid;border-width: 16px 16px 0px 0px;border-color: #fff transparent transparent transparent;position:absolute;left:0;top:-4px;z-index:2;}
#block-products .list-products > li .ttl::after{content:"";display:block;width: 0;height: 0;border-style: solid;border-width: 0px 16px 16px 0px;border-color: transparent #fff transparent transparent;position:absolute;right:0;top:-4px;z-index:2;}
#block-products .list-products > li .ttl span::before{content:"";display:block;width: 0;height: 0;border-style: solid;border-width: 16px 16px 0px 0px;border-color: #bdb777 transparent transparent transparent;position:absolute;left:0;top:0;z-index:1;}
#block-products .list-products > li .ttl span::after{content:"";display:block;width: 0;height: 0;border-style: solid;border-width: 0px 16px 16px 0px;border-color: transparent #bdb777 transparent transparent;position:absolute;right:0;top:0;z-index:1;}
#block-products .list-products > li .inner{padding:10px 5px 18px;background:#ede7e2;flex:1;position:relative;}
#block-products .list-products > li .inner::before{content:"";display:block;width:0;height:0;border-style:solid;border-width:16px 0px 0px 16px;border-color:transparent transparent transparent #fff;position:absolute;left:0;bottom:0;}
#block-products .list-products > li .inner::after{content:"";display:block;width:0;height:0;border-style:solid;border-width:0px 0px 16px 16px;border-color:transparent transparent #fff transparent ;position:absolute;right:0;bottom:0;}
#block-products .list-products > li .txt{font-size:1.3rem;color:#000;min-height:3em;font-feature-settings:"palt";-webkit-font-feature-settings:"palt";}
#block-products .list-products > li .img{margin:10px auto 15px;}
#block-products .list-products > li .btn span{display:inline-block;font-size:1.4rem;font-weight:bold;padding:2px 8px;background:#fff;border-radius:2px;}
#block-products .list-products > li .btn span::before{content:"";display:inline-block;width:12px;height:12px;background:url(/img/top/products_arrow.png) no-repeat;background-size:contain;margin-right:5px;}
#block-products .list-products > li.wide{width:100%;position:relative;margin-top:10px;}
#block-products .list-products > li.wide .ttl02{display:inline-block;background:#8e4f60;color:#fff;font-size:2rem;font-weight:500;letter-spacing:0.05em;font-feature-settings:"palt";-webkit-font-feature-settings:"palt";line-height:1.2;padding:5px 10px;transform:rotate(-5deg);position:absolute;left:-10px;top:0;z-index:2;}
#block-products .list-products > li.wide .inner02{display:flex;gap:20px;padding:20px 15px 0;}
#block-products .list-products > li.wide .inner03::before{content:"";display:block;width: 0;height: 0;border-style: solid;border-width: 16px 16px 0px 0px;border-color: #fff transparent transparent transparent;position:absolute;left:0;top:0;z-index:1;}
#block-products .list-products > li.wide .inner03::after{content:"";display:block;width: 0;height: 0;border-style: solid;border-width: 0px 16px 16px 0px;border-color: transparent #fff transparent transparent;position:absolute;right:0;top:0;z-index:1;}
#block-products .list-products > li.wide .inner03{padding-bottom:15px;}
#block-products .list-products > li.wide .txt{text-align:left;margin-bottom:7px;}
#block-products .list-products > li.wide .img02{align-self:flex-end;}

/* -------------------------------------------------- */
/* #block-cases */
/* -------------------------------------------------- */
#block-cases{margin-bottom:30px;}
#block-cases .list-cases{margin-top:10px;text-align:center;}
#block-cases .list-cases a:hover{opacity:0.8;}
#block-cases .link{display:flex;justify-content:space-between;margin-top:12px;}
#block-cases .link .caution01{font-size:1rem;}
#block-cases .link .caution02 a{text-decoration:underline;}

/* -------------------------------------------------- */
/* #block-news */
/* -------------------------------------------------- */
#block-news{margin-bottom:20px;}
#block-news .ttl-block{position:relative;}
#block-news .ttl-block .link{position:absolute;top:6px;right:10px;}
#block-news .ttl-block .link a{text-decoration:underline;}
#block-news .common-ttl02{display:flex;align-items:center;padding-right:105px;}
#block-news .common-ttl02::before{content:"";display:block;width:30px;height:30px;background:url(/img/top/icon_news.png) no-repeat center center #666600;background-size:17px auto;margin-right:4px;}
#block-news .list-topics{margin-top:20px;}
#block-news .list-topics > li a{display:flex;align-items:flex-start;gap:24px;text-decoration:none;}
#block-news .list-topics > li a:hover{opacity:0.8;}
#block-news .list-topics > li span{display:block;color:#444;}
#block-news .list-topics > li .inner{flex:1;align-self:center;}
#block-news .list-topics > li .date{margin-bottom:8px;}
#block-news .list-topics > li .img{position:relative;overflow:hidden;width:160px;height:84px;}
#block-news .list-topics > li .img img{display:block;width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover;}
#block-news .list-topics > li + li{margin-top:20px;padding-top:20px;border-top:1px solid #ccc;}
#block-news .ttl{font-size:1.8rem;font-weight:bold;margin-top:20px;}
#block-news .info{ color: #000000; background-color: #ffffff; margin-top: 10px; padding: 10px; width: 100%; height: 70px; border: solid 1px #c0c0c0; font-size: 12px; overflow-y:auto;}
#block-news .infoL{width:70px;float:left;padding:6px 0;}
#block-news .infoR{ background: url("/img/arrow03.gif") no-repeat 0 10px; padding: 6px 0 6px 14px; width: 383px; float: right }
#block-news .infoLine{clear:both;border-top:dotted 1px #CCCCCC;width:100%;}

/* -------------------------------------------------- */
/* #block-banner02 */
/* -------------------------------------------------- */
#block-banner02{margin-bottom:20px;text-align:center;}

/* ======================================================================================================================= */
/* for sp */
/* ======================================================================================================================= */
@media screen and (min-width:1px) and (max-width:799px){
  #chart_bnr{display:none!important;}
  
    /* -------------------------------------------------- */
  /* #block-mv */
  /* -------------------------------------------------- */
  #block-mv{padding-bottom:21vw;height:auto;text-align:center;position:relative;background:url(/img/top/mv_back_sp02.jpg) repeat center center #EFEDE5;overflow:hidden;}
  #block-mv::before{content:"";display:block;width:100%;height:calc(21vw + 125px);position:absolute;left:30%;bottom:0;z-index:0;background:url(/img/top/mv_back.png) no-repeat top left;background-size:auto 112%;  }
  #block-mv *{position:relative;z-index:1;}
  #block-mv .ttl{font-size:2.2rem;font-weight:900;line-height:1.25;padding:30px 0 0;margin:0;color:#444;background:none;text-shadow:0 2px 0 #fff;}
  #block-mv .ttl span{font-size:3rem;margin-right:3px;}
  #block-mv .ttl br{display:block;}
  #block-mv .txt{font-size:1.3rem;padding:15px 20px 12px;-webkit-text-stroke:unset;text-stroke:unset;-webkit-text-stroke:3px #EFEDE5;text-stroke:3px #EFEDE5;paint-order:stroke;}
  #block-mv .txt .for-sp{display:block;}
  #block-mv .txt .for-pc{display:none;}
  #block-mv .label{display:block;margin-top:1vw;}
  #block-mv .label .label-inner{display:block;max-width:350px;width:80%;margin:auto;padding-left:0;}
  #block-mv .label dl{-webkit-text-stroke:4px #EFEDE5;text-stroke:4px #EFEDE5;paint-order:stroke;}
  #block-mv .label dl + dl{margin-top:1vw;}
  #block-mv .label dt{width:42px;height:42px;font-size:1.1rem;}
  #block-mv .label dd{font-size:1.4rem;}
  #block-mv .label dd span{font-size:3.5rem;padding-right:2px;}
  #block-mv .label .small{text-align:left;max-width:350px;width:80%;margin:2vw auto 0;-webkit-text-stroke:2px #EFEDE5;text-stroke:2px #EFEDE5;paint-order:stroke;}

  /* -------------------------------------------------- */
  /* #block-banner01 */
  /* -------------------------------------------------- */
  #block-banner01 .list-banner{display:block;text-align:center;}
  /*#block-banner01 .list-banner > li{max-width:450px;margin:auto;}*/
  #block-banner01 .list-banner > li img{width:100%;}
  #block-banner01 .list-banner > li + li{margin-top:10px;}
}
@media screen and (min-width:1px) and (max-width:599px){
  /* -------------------------------------------------- */
  /* #block-mv */
  /* -------------------------------------------------- */
  #block-mv::before{left:20%;}

  /* -------------------------------------------------- */
  /* #block-products */
  /* -------------------------------------------------- */
  #block-products .list-products{display:block;}
  #block-products .list-products > li{width:100%;}
  #block-products .list-products > li + li{margin-top:10px;}
  #block-products .list-products > li .ttl{font-size:2.8rem;padding:18px 10px 10px;font-weight:700;}
  #block-products .list-products > li .inner{padding:10px 5px 12px;}
  #block-products .list-products > li .img{margin:5px auto 10px;}
  #block-products .list-products > li .img img{width:260px;}
  #block-products .list-products > li .btn span{font-size:1.2rem;}
  #block-products .list-products > li.wide{margin-top:20px;}
  #block-products .list-products > li.wide .inner02{display:block;}
  #block-products .list-products > li.wide .img02{margin-bottom:5px;}
  #block-products .list-products > li.wide .txt{text-align:center;}
  #block-products .list-products > li.wide .ttl02{font-size:2.4rem;}
  #block-products .list-products > li.wide .img02 img{width:260px;}

  /* -------------------------------------------------- */
  /* #block-cases */
  /* -------------------------------------------------- */
  #block-cases .list-cases{width:calc(100% + 20px);margin-left:-10px;}
  #block-cases .link{display:block;}
  #block-cases .link .caution01{margin-bottom:10px;}
  #block-cases .link .caution02{text-align:right;}

  /* -------------------------------------------------- */
  /* #block-news */
  /* -------------------------------------------------- */
  #block-news .common-ttl02{padding-right:0;}
  #block-news .ttl-block .link{position:static;text-align:right;}
  #block-news .list-topics > li{display:none;}
  #block-news .list-topics > li:first-child{display:block;}
  #block-news .list-topics > li + li{margin-top:15px;padding-top:15px;}
  #block-news .list-topics > li a{gap:15px;}
  #block-news .list-topics > li .date{margin-bottom:3px;}
  #block-news .list-topics > li .img{width:120px;height:63px;}
  #block-news .info{height:auto;}
  #block-news .infoR{width:100%;}
  #block-news .infoL{padding-bottom:0;}
  #block-news .infoL,
  #block-news .infoR,
  #block-news .infoLine{display:none;}
  #block-news .infoL:first-child,
  #block-news .infoR:nth-child(2){display:block;}
  
}