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

@charset "UTF-8";

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

/* ======================================

  テキストシャドウ

========================================= */
.text-shadow {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
.text-shadow01 {
  text-shadow: 0.5px 0.5p 1px rgba(0, 0, 0, 0.2);
}
.text-shadow02 {
  text-shadow: 1px 1p 2px rgba(0, 0, 0, 0.2);
}

/* ======================================

  行間

========================================= */
.lh80 { line-height: .8; }
.lh90 { line-height: .9; }
.lh100 { line-height: 1; }
.lh110 { line-height: 1.1; }
.lh120 { line-height: 1.2; }
.lh130 { line-height: 1.3; }
.lh140 { line-height: 1.4; }
.lh150 { line-height: 1.5; }
.lh160 { line-height: 1.6; }
.lh170 { line-height: 1.7; }
.lh180 { line-height: 1.8; }
.lh200 { line-height: 2.0; }

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

 テキスト関連

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

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

 スマホ専用フォントサイズ（spXX）

********************************/
@media (max-width: 767px) {
    .sp08 { font-size: 50% !important; }  /* かなり小さい */
    .sp09 { font-size: 60% !important; }  
    .sp10 { font-size: 70% !important; }
    .sp11 { font-size: 75% !important; }
    .sp12 { font-size: 80% !important; }
    .sp14 { font-size: 85% !important; }
    .sp16 { font-size: 90% !important; }
    .sp18 { font-size: 95% !important; }
    .sp20 { font-size: 100% !important; } /* デフォルト */
    .sp22 { font-size: 110% !important; }
    .sp24 { font-size: 120% !important; }
    .sp26 { font-size: 130% !important; }
    .sp28 { font-size: 140% !important; }
    .sp30 { font-size: 150% !important; }
    .sp32 { font-size: 160% !important; }
    .sp34 { font-size: 170% !important; }
    .sp36 { font-size: 180% !important; }
    .sp38 { font-size: 190% !important; }
    .sp40 { font-size: 200% !important; } /* かなり大きい */
  }
  
  /*******************************

  PC専用フォントサイズ（pcXX）

  ********************************/
  @media (min-width: 1024px) {
    .pc08 { font-size: 0.5em !important; }  /* かなり小さい */
    .pc10 { font-size: 0.75em !important; }
    .pc12 { font-size: 0.85em !important; }
    .pc14 { font-size: 1.0em !important; }  /* デフォルト */
    .pc16 { font-size: 1.2em !important; }
    .pc18 { font-size: 1.4em !important; }
    .pc20 { font-size: 1.6em !important; }
    .pc22 { font-size: 1.8em !important; }
    .pc24 { font-size: 2.0em !important; }
    .pc26 { font-size: 2.2em !important; }
    .pc28 { font-size: 2.4em !important; }
    .pc30 { font-size: 2.6em !important; }
    .pc32 { font-size: 2.8em !important; }
    .pc34 { font-size: 3.0em !important; }
    .pc36 { font-size: 3.2em !important; }
    .pc38 { font-size: 3.4em !important; }
    .pc40 { font-size: 3.6em !important; } /* かなり大きい */
  }
  
  /* font-weight */
  
  .fwel{font-weight: 200;}
  .fwl{font-weight: 300;}
  .fwr{font-weight: 400;}
  .fwm{font-weight: 500;}
  .fwsb{font-weight: 600;}
  .fwb{font-weight: 700;}
  .fweb{font-weight: 800;}
  .fwbk{font-weight: 900;}
  
  /* letter_spacing */
  
  .ls0{letter-spacing: 0;}
  .ls50{letter-spacing: 0.05em;}
  .ls100{letter-spacing: 0.1em;}
  .ls150{letter-spacing: 0.15em;}
  .ls200{letter-spacing: 0.2em;}
  
  /* line_height */
  
  .lh100{line-height: 1;}
  .lh120{line-height: 1.2;}
  .lh130{line-height: 1.3;}
  .lh140{line-height: 1.4;}
  .lh150{line-height: 1.5;}
  .lh160{line-height: 1.6;}
  .lh170{line-height: 1.7;}
  .lh200{line-height: 2.0;}
  
  /* text-align */
  
  .tac{text-align: center;}
  .tal{text-align: left;}
  .tar{ text-align: right;}
  
  .pl5{padding-left: 5px;}
  .pl15{padding-left: 15px;}
  .pl20{padding-left: 20px;}
  .pl25{padding-left: 25px;}
  .pl30{padding-left: 30px;}
  .pl35{padding-left: 35px;}
  .pl40{padding-left: 40px;}
  .pl45{padding-left: 45px;}
  .pl50{padding-left: 50px;}
  .pl60{padding-left: 60px;}
  .pl70{padding-left: 70px;}
  .pl75{padding-left: 70px;}
  .pl80{padding-left: 80px;}
  .pl100{padding-left: 100px;}
  .pl120{padding-left: 120px;}
  .pl150{padding-left: 150px;}
  .pl200{padding-left: 200px;}
  .pr5{padding-right: 5px;}
  .pr10{padding-right: 10px;}
  .pr15{padding-right: 15px;}
  .pr20{padding-right: 20px;}
  .pr25{padding-right: 25px;}
  .pr30{padding-right: 30px;}
  .pr35{padding-right: 35px;}
  .pr40{padding-right: 40px;}
  .pr45{padding-right: 45px;}
  .pr50{padding-right: 50px;}
  .pr60{padding-right: 60px;}
  .pr70{padding-right: 70px;}
  .pr75{padding-right: 70px;}
  .pr80{padding-right: 80px;}
  .pr100{padding-right: 100px;}
  .pr120{padding-right: 120px;}
  .pr150{padding-right: 150px;}
  .pr200{padding-right: 200px;}
  .pt5{padding-top: 5px;}
  .pt10{padding-top: 10px;}
  .pt15{padding-top: 15px;}
  .pt20{padding-top: 20px;}
  .pt25{padding-top: 25px;}
  .pt30{padding-top: 30px;}
  .pt35{padding-top: 35px;}
  .pt40{padding-top: 40px;}
  .pt45{padding-top: 45px;}
  .pt50{padding-top: 50px;}
  .pt60{padding-top: 60px;}
  .pt70{padding-top: 70px;}
  .pt75{padding-top: 70px;}
  .pt80{padding-top: 80px;}
  .pt90{padding-top: 90px;}
  .pt100{padding-top: 100px;}
  .pt120{padding-top: 120px;}
  .pt150{padding-top: 150px;}
  .pt200{padding-top: 200px;}
  .pb5{padding-bottom: 5px;}
  .pb10{padding-bottom: 10px;}
  .pb15{padding-bottom: 15px;}
  .pb20{padding-bottom: 20px;}
  .pb25{padding-bottom: 25px;}
  .pb30{padding-bottom: 30px;}
  .pb35{padding-bottom: 35px;}
  .pb40{padding-bottom: 40px;}
  .pb45{padding-bottom: 45px;}
  .pb50{padding-bottom: 50px;}
  .pb60{padding-bottom: 60px;}
  .pb70{padding-bottom: 70px;}
  .pb75{padding-bottom: 70px;}
  .pb80{padding-bottom: 80px;}
  .pb90{padding-bottom: 90px;}
  .pb100{padding-bottom: 100px;}
  .pb120{padding-bottom: 120px;}
  .pb150{padding-bottom: 150px;}
  .pb200{padding-bottom: 200px;}
  
  /* margin */
  
  .ml5{margin-left: 5px;}
  .ml10{margin-left: 10px;}
  .ml15{margin-left: 15px;}
  .ml20{margin-left: 20px;}
  .ml25{margin-left: 25px;}
  .ml30{margin-left: 30px;}
  .ml35{margin-left: 35px;}
  .ml40{margin-left: 40px;}
  .ml45{margin-left: 45px;}
  .ml50{margin-left: 50px;}
  .ml60{margin-left: 60px;}
  .ml70{margin-left: 70px;}
  .ml75{margin-left: 70px;}
  .ml80{margin-left: 80px;}
  .ml100{margin-left: 100px;}
  .ml120{margin-left: 120px;}
  .ml150{margin-left: 150px;}
  .ml200{margin-left: 200px;}
  .mr5{margin-right: 5px;}
  .mr10{margin-right: 10px;}
  .mr15{margin-right: 15px;}
  .mr20{margin-right: 20px;}
  .mr25{margin-right: 25px;}
  .mr30{margin-right: 30px;}
  .mr35{margin-right: 35px;}
  .mr40{margin-right: 40px;}
  .mr45{margin-right: 45px;}
  .mr50{margin-right: 50px;}
  .mr60{margin-right: 60px;}
  .mr70{margin-right: 70px;}
  .mr75{margin-right: 70px;}
  .mr80{margin-right: 80px;}
  .mr100{margin-right: 100px;}
  .mr120{margin-right: 120px;}
  .mr150{margin-right: 150px;}
  .mr200{margin-right: 200px;}
  .mt5{margin-top: 5px;}
  .mt10{margin-top: 10px;}
  .mt15{margin-top: 15px;}
  .mt20{margin-top: 20px;}
  .mt25{margin-top: 25px;}
  .mt30{margin-top: 30px;}
  .mt35{margin-top: 35px;}
  .mt40{margin-top: 40px;}
  .mt45{margin-top: 45px;}
  .mt50{margin-top: 50px;}
  .mt60{margin-top: 60px;}
  .mt70{margin-top: 70px;}
  .mt75{margin-top: 70px;}
  .mt80{margin-top: 80px;}
  .mt90{margin-top: 90px;}
  .mt100{margin-top: 100px;}
  .mt120{margin-top: 120px;}
  .mt150{margin-top: 150px;}
  .mt200{margin-top: 200px;}
  .mb5{margin-bottom: 5px;}
  .mb10{margin-bottom: 10px;}
  .mb15{margin-bottom: 15px;}
  .mb20{margin-bottom: 20px;}
  .mb25{margin-bottom: 25px;}
  .mb30{margin-bottom: 30px;}
  .mb35{margin-bottom: 35px;}
  .mb40{margin-bottom: 40px;}
  .mb45{margin-bottom: 45px;}
  .mb50{margin-bottom: 50px;}
  .mb60{margin-bottom: 60px;}
  .mb70{margin-bottom: 70px;}
  .mb75{margin-bottom: 70px;}
  .mb80{margin-bottom: 80px;}
  .mb90{margin-bottom: 90px;}
  .mb100{margin-bottom: 100px;}
  .mb120{margin-bottom: 120px;}
  .mb150{margin-bottom: 150px;}
  .mb200{margin-bottom: 200px;}
  
  @media (max-width: 800px) {
  
  /* padding */
  
  .pl5{padding-left: calc(5px * 0.8);}
  .pl10{padding-left: calc(10px * 0.8);}
  .pl15{padding-left: calc(15px * 0.8);}
  .pl20{padding-left: calc(20px * 0.8);}
  .pl25{padding-left: calc(25px * 0.8);}
  .pl30{padding-left: calc(30px * 0.8);}
  .pl35{padding-left: calc(35px * 0.8);}
  .pl40{padding-left: calc(40px * 0.8);}
  .pl45{padding-left: calc(45px * 0.8);}
  .pl50{padding-left: calc(50px * 0.8);}
  .pl60{padding-left: calc(60px * 0.8);}
  .pl70{padding-left: calc(70px * 0.8);}
  .pl75{padding-left: calc(70px * 0.8);}
  .pl80{padding-left: calc(80px * 0.8);}
  .pl100{padding-left: calc(100px * 0.8);}
  .pl120{padding-left: calc(120px * 0.8);}
  .pl150{padding-left: calc(150px * 0.8);}
  .pl200{padding-left: calc(200px * 0.8);}
  .pr5{padding-right: calc(5px * 0.8);}
  .pr10{padding-right: calc(10px * 0.8);}
  .pr15{padding-right: calc(15px * 0.8);}
  .pr20{padding-right: calc(20px * 0.8);}
  .pr25{padding-right: calc(25px * 0.8);}
  .pr30{padding-right: calc(30px * 0.8);}
  .pr35{padding-right: calc(35px * 0.8);}
  .pr40{padding-right: calc(40px * 0.8);}
  .pr45{padding-right: calc(45px * 0.8);}
  .pr50{padding-right: calc(50px * 0.8);}
  .pr60{padding-right: calc(60px * 0.8);}
  .pr70{padding-right: calc(70px * 0.8);}
  .pr75{padding-right: calc(70px * 0.8);}
  .pr80{padding-right: calc(80px * 0.8);}
  .pr100{padding-right: calc(100px * 0.8);}
  .pr120{padding-right: calc(120px * 0.8);}
  .pr150{padding-right: calc(150px * 0.8);}
  .pr200{padding-right: calc(200px * 0.8);}
  .pt5{padding-top: calc(5px * 0.8);}
  .pt10{padding-top: calc(10px * 0.8);}
  .pt15{padding-top: calc(15px * 0.8);}
  .pt20{padding-top: calc(20px * 0.8);}
  .pt25{padding-top: calc(25px * 0.8);}
  .pt30{padding-top: calc(30px * 0.8);}
  .pt35{padding-top: calc(35px * 0.8);}
  .pt40{padding-top: calc(40px * 0.8);}
  .pt45{padding-top: calc(45px * 0.8);}
  .pt50{padding-top: calc(50px * 0.8);}
  .pt60{padding-top: calc(60px * 0.8);}
  .pt70{padding-top: calc(70px * 0.8);}
  .pt75{padding-top: calc(70px * 0.8);}
  .pt80{padding-top: calc(80px * 0.8);}
  .pt90{padding-top: calc(90px * 0.8);}
  .pt100{padding-top: calc(100px * 0.8);}
  .pt120{padding-top: calc(120px * 0.8);}
  .pt150{padding-top: calc(150px * 0.8);}
  .pt200{padding-top: calc(200px * 0.8);}
  .pb5{padding-bottom: calc(5px * 0.8);}
  .pb10{padding-bottom: calc(10px * 0.8);}
  .pb15{padding-bottom: calc(15px * 0.8);}
  .pb20{padding-bottom: calc(20px * 0.8);}
  .pb25{padding-bottom: calc(25px * 0.8);}
  .pb30{padding-bottom: calc(30px * 0.8);}
  .pb35{padding-bottom: calc(35px * 0.8);}
  .pb40{padding-bottom: calc(40px * 0.8);}
  .pb45{padding-bottom: calc(45px * 0.8);}
  .pb50{padding-bottom: calc(50px * 0.8);}
  .pb60{padding-bottom: calc(60px * 0.8);}
  .pb70{padding-bottom: calc(70px * 0.8);}
  .pb75{padding-bottom: calc(70px * 0.8);}
  .pb80{padding-bottom: calc(80px * 0.8);}
  .pb90{padding-bottom: calc(90px * 0.8);}
  .pb100{padding-bottom: calc(100px * 0.8);}
  .pb120{padding-bottom: calc(120px * 0.8);}
  .pb150{padding-bottom: calc(150px * 0.8);}
  .pb200{padding-bottom: calc(200px * 0.8);}
  
  /* margin */
  
  .ml5{margin-left: calc(5px * 0.8);}
  .ml10{margin-left: calc(10px * 0.8);}
  .ml15{margin-left: calc(15px * 0.8);}
  .ml20{margin-left: calc(20px * 0.8);}
  .ml25{margin-left: calc(25px * 0.8);}
  .ml30{margin-left: calc(30px * 0.8);}
  .ml35{margin-left: calc(35px * 0.8);}
  .ml40{margin-left: calc(40px * 0.8);}
  .ml45{margin-left: calc(45px * 0.8);}
  .ml50{margin-left: calc(50px * 0.8);}
  .ml60{margin-left: calc(60px * 0.8);}
  .ml70{margin-left: calc(70px * 0.8);}
  .ml75{margin-left: calc(70px * 0.8);}
  .ml80{margin-left: calc(80px * 0.8);}
  .ml100{margin-left: calc(100px * 0.8);}
  .ml120{margin-left: calc(120px * 0.8);}
  .ml150{margin-left: calc(150px * 0.8);}
  .ml200{margin-left: calc(200px * 0.8);}
  .mr5{margin-right: calc(5px * 0.8);}
  .mr10{margin-right: calc(10px * 0.8);}
  .mr15{margin-right: calc(15px * 0.8);}
  .mr20{margin-right: calc(20px * 0.8);}
  .mr25{margin-right: calc(25px * 0.8);}
  .mr30{margin-right: calc(30px * 0.8);}
  .mr35{margin-right: calc(35px * 0.8);}
  .mr40{margin-right: calc(40px * 0.8);}
  .mr45{margin-right: calc(45px * 0.8);}
  .mr50{margin-right: calc(50px * 0.8);}
  .mr60{margin-right: calc(60px * 0.8);}
  .mr70{margin-right: calc(70px * 0.8);}
  .mr75{margin-right: calc(70px * 0.8);}
  .mr80{margin-right: calc(80px * 0.8);}
  .mr100{margin-right: calc(100px * 0.8);}
  .mr120{margin-right: calc(120px * 0.8);}
  .mr150{margin-right: calc(150px * 0.8);}
  .mr200{margin-right: calc(200px * 0.8);}
  .mt5{margin-top: calc(5px * 0.8);}
  .mt10{margin-top: calc(10px * 0.8);}
  .mt15{margin-top: calc(15px * 0.8);}
  .mt20{margin-top: calc(20px * 0.8);}
  .mt25{margin-top: calc(25px * 0.8);}
  .mt30{margin-top: calc(30px * 0.8);}
  .mt35{margin-top: calc(35px * 0.8);}
  .mt40{margin-top: calc(40px * 0.8);}
  .mt45{margin-top: calc(45px * 0.8);}
  .mt50{margin-top: calc(50px * 0.8);}
  .mt60{margin-top: calc(60px * 0.8);}
  .mt70{margin-top: calc(70px * 0.8);}
  .mt75{margin-top: calc(70px * 0.8);}
  .mt80{margin-top: calc(80px * 0.8);}
  .mt90{margin-top: calc(90px * 0.8);}
  .mt100{margin-top: calc(100px * 0.8);}
  .mt120{margin-top: calc(120px * 0.8);}
  .mt150{margin-top: calc(150px * 0.8);}
  .mt200{margin-top: calc(200px * 0.8);}
  .mb5{margin-bottom: calc(5px * 0.8);}
  .mb10{margin-bottom: calc(10px * 0.8);}
  .mb15{margin-bottom: calc(15px * 0.8);}
  .mb20{margin-bottom: calc(20px * 0.8);}
  .mb25{margin-bottom: calc(25px * 0.8);}
  .mb30{margin-bottom: calc(30px * 0.8);}
  .mb35{margin-bottom: calc(35px * 0.8);}
  .mb40{margin-bottom: calc(40px * 0.8);}
  .mb45{margin-bottom: calc(45px * 0.8);}
  .mb50{margin-bottom: calc(50px * 0.8);}
  .mb60{margin-bottom: calc(60px * 0.8);}
  .mb70{margin-bottom: calc(70px * 0.8);}
  .mb75{margin-bottom: calc(70px * 0.8);}
  .mb80{margin-bottom: calc(80px * 0.8);}
  .mb90{margin-bottom: calc(90px * 0.8);}
  .mb100{margin-bottom: calc(100px * 0.8);}
  .mb120{margin-bottom: calc(120px * 0.8);}
  .mb150{margin-bottom: calc(150px * 0.8);}
  .mb200{margin-bottom: calc(200px * 0.8);}
  
  }
  
  @media (max-width: 560px) {
  
  /* padding */
  
  .pl5{padding-left: calc(5px * 0.6);}
  .pl10{padding-left: calc(10px * 0.6);}
  .pl15{padding-left: calc(15px * 0.6);}
  .pl20{padding-left: calc(20px * 0.6);}
  .pl25{padding-left: calc(25px * 0.6);}
  .pl30{padding-left: calc(30px * 0.6);}
  .pl35{padding-left: calc(35px * 0.6);}
  .pl40{padding-left: calc(40px * 0.6);}
  .pl45{padding-left: calc(45px * 0.6);}
  .pl50{padding-left: calc(50px * 0.6);}
  .pl60{padding-left: calc(60px * 0.6);}
  .pl70{padding-left: calc(70px * 0.6);}
  .pl75{padding-left: calc(70px * 0.6);}
  .pl80{padding-left: calc(80px * 0.6);}
  .pl100{padding-left: calc(100px * 0.6);}
  .pl120{padding-left: calc(120px * 0.6);}
  .pl150{padding-left: calc(150px * 0.6);}
  .pl200{padding-left: calc(200px * 0.6);}
  .pr5{padding-right: calc(5px * 0.6);}
  .pr10{padding-right: calc(10px * 0.6);}
  .pr15{padding-right: calc(15px * 0.6);}
  .pr20{padding-right: calc(20px * 0.6);}
  .pr25{padding-right: calc(25px * 0.6);}
  .pr30{padding-right: calc(30px * 0.6);}
  .pr35{padding-right: calc(35px * 0.6);}
  .pr40{padding-right: calc(40px * 0.6);}
  .pr45{padding-right: calc(45px * 0.6);}
  .pr50{padding-right: calc(50px * 0.6);}
  .pr60{padding-right: calc(60px * 0.6);}
  .pr70{padding-right: calc(70px * 0.6);}
  .pr75{padding-right: calc(70px * 0.6);}
  .pr80{padding-right: calc(80px * 0.6);}
  .pr100{padding-right: calc(100px * 0.6);}
  .pr120{padding-right: calc(120px * 0.6);}
  .pr150{padding-right: calc(150px * 0.6);}
  .pr200{padding-right: calc(200px * 0.6);}
  .pt5{padding-top: calc(5px * 0.6);}
  .pt10{padding-top: calc(10px * 0.6);}
  .pt15{padding-top: calc(15px * 0.6);}
  .pt20{padding-top: calc(20px * 0.6);}
  .pt25{padding-top: calc(25px * 0.6);}
  .pt30{padding-top: calc(30px * 0.6);}
  .pt35{padding-top: calc(35px * 0.6);}
  .pt40{padding-top: calc(40px * 0.6);}
  .pt45{padding-top: calc(45px * 0.6);}
  .pt50{padding-top: calc(50px * 0.6);}
  .pt60{padding-top: calc(60px * 0.6);}
  .pt70{padding-top: calc(70px * 0.6);}
  .pt75{padding-top: calc(70px * 0.6);}
  .pt80{padding-top: calc(80px * 0.6);}
  .pt90{padding-top: calc(90px * 0.6);}
  .pt100{padding-top: calc(100px * 0.6);}
  .pt120{padding-top: calc(120px * 0.6);}
  .pt150{padding-top: calc(150px * 0.6);}
  .pt200{padding-top: calc(200px * 0.6);}
  .pb5{padding-bottom: calc(5px * 0.6);}
  .pb10{padding-bottom: calc(10px * 0.6);}
  .pb15{padding-bottom: calc(15px * 0.6);}
  .pb20{padding-bottom: calc(20px * 0.6);}
  .pb25{padding-bottom: calc(25px * 0.6);}
  .pb30{padding-bottom: calc(30px * 0.6);}
  .pb35{padding-bottom: calc(35px * 0.6);}
  .pb40{padding-bottom: calc(40px * 0.6);}
  .pb45{padding-bottom: calc(45px * 0.6);}
  .pb50{padding-bottom: calc(50px * 0.6);}
  .pb60{padding-bottom: calc(60px * 0.6);}
  .pb70{padding-bottom: calc(70px * 0.6);}
  .pb75{padding-bottom: calc(70px * 0.6);}
  .pb80{padding-bottom: calc(80px * 0.6);}
  .pb90{padding-bottom: calc(90px * 0.6);}
  .pb100{padding-bottom: calc(100px * 0.6);}
  .pb120{padding-bottom: calc(120px * 0.6);}
  .pb150{padding-bottom: calc(150px * 0.6);}
  .pb200{padding-bottom: calc(200px * 0.6);}
  
  /* margin */
  
  .ml5{margin-left: calc(5px * 0.6);}
  .ml10{margin-left: calc(10px * 0.6);}
  .ml15{margin-left: calc(15px * 0.6);}
  .ml20{margin-left: calc(20px * 0.6);}
  .ml25{margin-left: calc(25px * 0.6);}
  .ml30{margin-left: calc(30px * 0.6);}
  .ml35{margin-left: calc(35px * 0.6);}
  .ml40{margin-left: calc(40px * 0.6);}
  .ml45{margin-left: calc(45px * 0.6);}
  .ml50{margin-left: calc(50px * 0.6);}
  .ml60{margin-left: calc(60px * 0.6);}
  .ml70{margin-left: calc(70px * 0.6);}
  .ml75{margin-left: calc(70px * 0.6);}
  .ml80{margin-left: calc(80px * 0.6);}
  .ml100{margin-left: calc(100px * 0.6);}
  .ml120{margin-left: calc(120px * 0.6);}
  .ml150{margin-left: calc(150px * 0.6);}
  .ml200{margin-left: calc(200px * 0.6);}
  .mr5{margin-right: calc(5px * 0.6);}
  .mr10{margin-right: calc(10px * 0.6);}
  .mr15{margin-right: calc(15px * 0.6);}
  .mr20{margin-right: calc(20px * 0.6);}
  .mr25{margin-right: calc(25px * 0.6);}
  .mr30{margin-right: calc(30px * 0.6);}
  .mr35{margin-right: calc(35px * 0.6);}
  .mr40{margin-right: calc(40px * 0.6);}
  .mr45{margin-right: calc(45px * 0.6);}
  .mr50{margin-right: calc(50px * 0.6);}
  .mr60{margin-right: calc(60px * 0.6);}
  .mr70{margin-right: calc(70px * 0.6);}
  .mr75{margin-right: calc(70px * 0.6);}
  .mr80{margin-right: calc(80px * 0.6);}
  .mr100{margin-right: calc(100px * 0.6);}
  .mr120{margin-right: calc(120px * 0.6);}
  .mr150{margin-right: calc(150px * 0.6);}
  .mr200{margin-right: calc(200px * 0.6);}
  .mt5{margin-top: calc(5px * 0.6);}
  .mt10{margin-top: calc(10px * 0.6);}
  .mt15{margin-top: calc(15px * 0.6);}
  .mt20{margin-top: calc(20px * 0.6);}
  .mt25{margin-top: calc(25px * 0.6);}
  .mt30{margin-top: calc(30px * 0.6);}
  .mt35{margin-top: calc(35px * 0.6);}
  .mt40{margin-top: calc(40px * 0.6);}
  .mt45{margin-top: calc(45px * 0.6);}
  .mt50{margin-top: calc(50px * 0.6);}
  .mt60{margin-top: calc(60px * 0.6);}
  .mt70{margin-top: calc(70px * 0.6);}
  .mt75{margin-top: calc(70px * 0.6);}
  .mt80{margin-top: calc(80px * 0.6);}
  .mt90{margin-top: calc(90px * 0.6);}
  .mt100{margin-top: calc(100px * 0.6);}
  .mt120{margin-top: calc(120px * 0.6);}
  .mt150{margin-top: calc(150px * 0.6);}
  .mt200{margin-top: calc(200px * 0.6);}
  .mb5{margin-bottom: calc(5px * 0.6);}
  .mb10{margin-bottom: calc(10px * 0.6);}
  .mb15{margin-bottom: calc(15px * 0.6);}
  .mb20{margin-bottom: calc(20px * 0.6);}
  .mb25{margin-bottom: calc(25px * 0.6);}
  .mb30{margin-bottom: calc(30px * 0.6);}
  .mb35{margin-bottom: calc(35px * 0.6);}
  .mb40{margin-bottom: calc(40px * 0.6);}
  .mb45{margin-bottom: calc(45px * 0.6);}
  .mb50{margin-bottom: calc(50px * 0.6);}
  .mb60{margin-bottom: calc(60px * 0.6);}
  .mb70{margin-bottom: calc(70px * 0.6);}
  .mb75{margin-bottom: calc(70px * 0.6);}
  .mb80{margin-bottom: calc(80px * 0.6);}
  .mb90{margin-bottom: calc(90px * 0.6);}
  .mb100{margin-bottom: calc(100px * 0.6);}
  .mb120{margin-bottom: calc(120px * 0.6);}
  .mb150{margin-bottom: calc(150px * 0.6);}
  .mb200{margin-bottom: calc(200px * 0.6);}
  
  }
  
  /* border-radius */
  
  .brad5{border-radius: 5px;}
  .brad10{border-radius: 10px;}
  .brad15{border-radius: 15px;}
  .brad20{border-radius: 20px;}
  .brad25{border-radius: 25px;}
  .brad30{border-radius: 30px;}
  .brad50{border-radius: 50px;}
  .bradh{border-radius: 50%;}

/* ======================================

スマホお問い合わせアイコン下余白・横幅大きく

========================================= */
.c-iconBtn__label {
    display: block;
    font-size: 10px;
    font-weight: bold;
    font-style: italic;
    font-family: 'Noto Serif', serif;
    -webkit-transform: scale(.9);
    transform: scale(.9);
    width: 100%;
    padding-top: 2px;
  }
  .l-header__customBtn {
      color: #fff;
      background-color: #333333;
      box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.3);
      width: 80px;
  }

   /* ======================================

  最新情報・お知らせのカスタマイズ　

========================================= */
/** トップページのお知らせ一覧 **/
/* 日付とカテゴリー並べ替え */
.top-newslist .p-postList__cat {
    order: 1;
    }
    .top-newslist .p-postList__times.c-postTimes.u-thin {
    order: 2;
    }
    /* 日付とカテゴリーのアイコン非表示 */
    .top-newslist time.c-postTimes__posted.icon-posted::before,.top-newslist span.p-postList__cat.icon-folder::before{
    display: none;
    }
    /* 日付とカテゴリーの文字サイズ */
    .top-newslist .p-postList__cat,.top-newslist time.c-postTimes__posted {
    font-size: 14px;
    }
    /* カテゴリーの装飾 */
    .top-newslist .p-postList__cat {
    color: #e7780e;
    /* color: #0055ff; */
    border: solid 1.2px #e7780e;
    border-radius: 3px;
    padding: 3.5px;
    }
  
  .p-postList .p-postList__title {
    background: none;
    border: none;
    color: inherit;
    display: block;
    font-weight: 700;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    text-align: center;
  }
  
  .-type-simple .p-postList__title {
    font-size: 1em;
  }

/* ======================================

  スマホでも固定背景を有効に〈カバーの固定背景〉

========================================= */
.wp-block-cover.has-parallax {
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
  }
  
  .wp-block-cover__image-background.has-parallax {
   position: fixed;
   top: 0;
   left: 0;
   z-index: -1;
  }

/* ======================================

目次ページトップの表示をOFF

========================================= */
#main_content .p-toc {
    width: 92%;
    display: none;
}

.is-style-btn_line a {
    background: none;
    border: 2.5px solid;
    color: #0071bc;
    position: relative;
    transition: background-color .25s;
}

.c-gnav>.menu-item>a .ttl {
  display: block;
  font-size: 24px;
  font-weight: 600;
}

.c-gnav>.menu-item {
  height: 100%;
  position: relative;
  margin-right: 16px;
}

/* 電話ボタンの2行の行間を詰める */
.ins-header-tel .swell-block-button__link span{
  line-height: 1.2;
}

/* 改行の上下余白も削る */
.ins-header-tel .swell-block-button__link br{
  display:block;
  margin: 2px 0;
}

/* 小さい営業時間文字さらに詰める */
.ins-header-tel .u-fz-xs{
  line-height:1.05;
}

/* ========================= 「会社概要」サブメニューをLIG風メガメニュー化（CSSのみ） 対象：.sub-menu ========================= */
/* サブメニューの箱を“青いパネル”に */
.l-header .sub-menu,
.l-fixHeader .sub-menu{
  padding: 18px !important;
  min-width: min(740px, 92vw) !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(7,60,138,.96), rgba(7,60,138,.90)) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.24) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* 矢印（吹き出し） */
.l-header .sub-menu::before,
.l-fixHeader .sub-menu::before{
  content:"";
  position:absolute;
  top:-9px;
  left:50%;
  transform:translateX(-50%) rotate(45deg);
  width:16px;
  height:16px;
  background: rgba(7,60,138,.95);
  border-left: 1px solid rgba(255,255,255,.12);
  border-top: 1px solid rgba(255,255,255,.12);
}

/* ulをグリッド化（タイル並び） */
.l-header .sub-menu,
.l-fixHeader .sub-menu{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

/* li余白ゼロ */
.l-header .sub-menu > li,
.l-fixHeader .sub-menu > li{
  margin: 0 !important;
}

/* a を“タイル”に */
.l-header .sub-menu > li > a,
.l-fixHeader .sub-menu > li > a{
  display: grid !important;
  justify-items: center;
  align-content: start;
  gap: 10px;
  padding: 16px 12px !important;
  border-radius: 16px !important;
  text-decoration: none !important;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.14);
  transition: .16s ease;
  color: rgba(255,255,255,.92) !important;
  font-weight: 800 !important;
  letter-spacing: .02em;
  line-height: 1.2 !important;
}

/* SWELLが入れる「>」系があれば消す */
.l-header .sub-menu > li > a::before,
.l-fixHeader .sub-menu > li > a::before{
  content:"" !important;
  display:none !important;
}

/* “丸アイコン” */
.l-header .sub-menu > li > a .ttl,
.l-fixHeader .sub-menu > li > a .ttl{
  position: relative;
  padding-top: 64px;
  text-align:center;
}

/* 丸 */
.l-header .sub-menu > li > a .ttl::before,
.l-fixHeader .sub-menu > li > a .ttl::before{
  content:"";
  width: 56px;
  height: 56px;
  border-radius: 999px;
  position:absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(255,255,255,.94);
  box-shadow: 0 14px 26px rgba(0,0,0,.20);

  background-color: rgba(255,255,255,.94) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 30px 30px !important;
}

/* “●” を消す（あなたの追記と同じ） */
.l-header .sub-menu > li > a .ttl::after,
.l-fixHeader .sub-menu > li > a .ttl::after{
  content:"" !important;
}

/* ホバー */
.l-header .sub-menu > li > a:hover,
.l-fixHeader .sub-menu > li > a:hover{
  transform: translateY(-2px);
  background: rgba(255,255,255,.12);
  border-color: rgba(255,255,255,.22);
}

/* currentが勝手に目立つ問題を抑える */
.l-header .menu-item-has-children:hover .sub-menu .current-menu-item > a,
.l-header .menu-item-has-children:hover .sub-menu .current_page_item > a,
.l-fixHeader .menu-item-has-children:hover .sub-menu .current-menu-item > a,
.l-fixHeader .menu-item-has-children:hover .sub-menu .current_page_item > a{
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.14) !important;
  box-shadow: none !important;
}

/* スマホ：2列 */
@media (max-width: 959px){
  .l-header .sub-menu,
  .l-fixHeader .sub-menu{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: min(520px, 92vw) !important;
  }
  .l-header .sub-menu > li > a .ttl,
  .l-fixHeader .sub-menu > li > a .ttl{
    padding-top: 60px;
  }
  .l-header .sub-menu > li > a .ttl::before,
  .l-fixHeader .sub-menu > li > a .ttl::before{
    width: 52px;
    height: 52px;
  }
}

/* 画像差し替え（395 / 401 / 402） */
.l-header .sub-menu .menu-item-395 > a .ttl::before,
.l-fixHeader .sub-menu .menu-item-395 > a .ttl::before{
  background-image: url("https://ohyamanet.info/wp-content/uploads/2026/02/site-icon.png");
}
.l-header .sub-menu .menu-item-401 > a .ttl::before,
.l-fixHeader .sub-menu .menu-item-401 > a .ttl::before{
  background-image: url("https://ohyamanet.info/wp-content/uploads/2026/02/site-icon.png");
}
.l-header .sub-menu .menu-item-402 > a .ttl::before,
.l-fixHeader .sub-menu .menu-item-402 > a .ttl::before{
  background-image: url("https://ohyamanet.info/wp-content/uploads/2026/02/site-icon.png");
}

/* 三角（あなたのまま） */
.c-gnav .menu-item-has-children > a .ttl{
  position: relative;
  padding-left: 18px;
}
.c-gnav .menu-item-has-children > a .ttl::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%) rotate(0deg);
  transform-origin:50% 50%;
  width:0;
  height:0;
  border-top:5px solid transparent;
  border-bottom:5px solid transparent;
  border-left:7px solid currentColor;
  transition: transform .18s ease;
}
.c-gnav .menu-item-has-children:hover > a .ttl::before{
  transform:translateY(-50%) rotate(90deg);
}