/********************************

	テンプレ用固定

********************************
//*スマホ余計な余白解除*/
.container,.container-fluid,.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto,
.col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto,
.col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto,
.col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto,
.col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{
  padding-left: 0rem;
  padding-right: 0rem;
}

.custom {
  padding-left: 0rem;
  padding-right: 0rem;
}

/* テンプレのヘッダー・フッター表示 */
header {
  display:none;
}

footer{
  display:none;
}

.sp {
  display: none; 
}

.pc {
  display: block; 
}
 .under-line {
    background: linear-gradient(transparent 20%, #FFF100 30%);
}





/********************************

	PC版

********************************/

:root {
  font-size: 62.5%; /* PC用の基準フォントサイズ */
  --black: #323232;
  --yellow:#FFD746;
  --white:#fff;
  --orange:#ff9000;
  --blue:#1248ac;
  --light-yellow:#FFCCCC;
  --red:#ED1A0F;
  --green:#06C655;
}


p{
  font-family: "Hiragino Sans","Noto Sans JP",メイリオ,Meiryo,"ＭＳ Ｐゴシック","MS PGothic,sans-serif";
  padding:0;
  font-size: 2.1rem;
  line-height: 1.4;
  word-break: break-all;
  margin: 2rem auto 1rem;
  font-weight:800;
  letter-spacing: .3px;
  color:var(--white);
}
.sub_text{
text-align: center;
  color: #ffffff;
  font-size: 2rem; 
    margin-bottom: 1rem;
  font-weight: bold;
}
.hero-img{
  margin:5rem auto 21rem; 

    padding: 0 1rem;
}
/* モーダル-全体 */ 
.hhs-pop.hhs-modal {
  background-color: #f9f9f9;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 0;
  margin:0 auto;
}
/* モーダル-閉じる */ 
.modal a.close-modal {
    background-image: url(https://www.busoken.com/hubfs/close_icon.png);
right: -22.5px;
    top: -32.5px;
}

/*モーダルボタン*/
.chn-oem_modal a {
    align-items: center;
    background: var(--red);
  border-radius: 100vh;
    color: #fff;
    display: flex;
    font-weight: 900;
    height: 10rem;
    justify-content: center;
    margin: -19.5rem auto 0;
    text-align: center;
    text-decoration: none;
    width: 9rem;
    font-size: 3rem;
}


/* LINEボタン　 - デザイン */ 
.line_button a {
  background-color: var(--green) !important;
  border: 2px solid var(--white);
  -webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,.1);
  box-shadow: 0 10px 20px 0 rgba(0,0,0,.1);
  color: var(--white);
  font-size: 2.8rem;
  font-style: normal;
  font-weight: 800;
  margin: 0 auto;
  padding: 1.8rem 1rem 1.8rem 0;
  text-align: center;
  width: 350px;
  max-width:100%;
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -ms-transform: none;
  transform: none;
  display: block;　
    cursor: pointer;}


/* LINEボタン　 - アニメーション*/
.animation{
  animation: dokundokun 3000ms ease infinite;
}

@keyframes dokundokun {
  0%  { transform: scale(1); }
  10% { transform: scale(1.1); }
  20% { transform: scale(1); }
  100% { transform: scale(1); }
}
/********************************

	モバイル設定

********************************/

/* モバイルデバイス用のスタイル */
@media screen and (max-width:480px) {
:root {
  font-size: 50%; /* PC用の基準フォントサイズ */
}
  p{

  }
/* その他の要素のスタイル設定... */
.sp {
  display: block; 
}
  
.pc {
  display: none; 
}

/* LINEボタン　 - デザイン */ 
.line_button a {
  max-width: 95%;
    font-size: 3.3rem;
    padding: 2rem 0;

}
}