@charset "utf-8";

/* =========================================================
   ✅ PC / Tablet / Smartphone の3段階切り替え
   HTML例:
   <div class="show-pc"></div>
   <div class="show-tab"></div>
   <div class="show-sp"></div>
========================================================= */

/* PC（デフォルト） */
.show-pc { display: block; }
.show-tab { display: none; }
.show-sp { display: none; }
.show-wide { display: none; } /* ワイド画面用を初期非表示 */

/* タブレット 768px〜1024px */
@media (min-width: 768px) and (max-width: 1456px) {
  .show-pc { display: none; }
  .show-tab { display: block; }
  .show-sp { display: none; }
  .show-wide { display: none; }
}

/* スマホ 〜767px */
@media (max-width: 767px) {
  .show-pc { display: none; }
  .show-tab { display: none; }
  .show-sp { display: block; }
  .show-wide { display: none; }
}

/* ワイド画面 1240px以上 */
@media (min-width: 1240px) {
  .show-pc { display: none; }
  .show-tab { display: none; }
  .show-sp { display: none; }
  .show-wide { display: block; }
}



/* =========================================================
   ✅ PC + Tablet 共通 / Smartphone の2段階
   HTML例:
   <div class="show-pc-tab"></div>
   <div class="show-sp-only"></div>
========================================================= */

/* PC + Tablet（デフォルト） */
.show-pc-tab { display: block; }
.show-wide-pc-tab { display: block; } /* ←追加：PC・タブレット・ワイド共通 */
.show-sp-only { display: none; }
.show-wide-only { display: none; } /* ワイド専用を初期非表示に */

/* スマホ 〜767px */
@media (max-width: 767px) {
  .show-pc-tab { display: none; }
  .show-wide-pc-tab { display: none; } /* ←スマホでは非表示 */
  .show-sp-only { display: block; }
  .show-wide-only { display: none; }
}

/* ワイド画面 1240px以上 */
@media (min-width: 1240px) {
  .show-pc-tab { display: none; }       /* PC/タブレット用を隠す */
  .show-wide-pc-tab { display: block; } /* ←ワイドでも表示 */
  .show-sp-only { display: none; }      /* スマホ用を隠す */
  .show-wide-only { display: block; }   /* ワイド専用を表示 */
}





/* =========================================================
   ✅ PC のみ / Tablet + Smartphone 共通の2段階
   HTML例:
   <div class="show-pc-only"></div>
   <div class="show-tab-sp"></div>
========================================================= */

/* PC（デフォルト） */
.show-pc-only { display: block; }
.show-tab-sp { display: none; }

/* タブレット + スマホ 〜1024px */
@media (max-width: 1024px) {
  .show-pc-only { display: none; }
  .show-tab-sp { display: block; }
}




.txt60per {
  font-size: 60%;
}
.txt70per {
  font-size: 70%;
}
.txt80per {
  font-size: 80%;
}
.txt88per {
  font-size: 88%;
}
.txt90per {
  font-size: 90%;
}
.txt110per {
  font-size: 110%;
}
.txt120per {
  font-size: 120%;
}
.txt130per {
  font-size: 130%;
}
.txt140per {
  font-size: 140%;
}
.txt30 {
  font-size: 30px;
}
.txt26 {
  font-size: 26px;
}
.txt24 {
  font-size: 24px;
}
.txt22 {
  font-size: 22px;
}
.txt20 {
  font-size: 20px;
}
.txt18 {
  font-size: 18px;
}
.txt16 {
  font-size: 16px;
}
.txt15 {
  font-size: 15px;
}
.txt13 {
  font-size: 13px;
}
.txt12 {
  font-size: 12px;
}
.txt11 {
  font-size: 11px;
}
.txt10 {
  font-size: 10px;
}
.line11 {
  line-height: 11px;
}
.line15 {
  line-height: 15px;
}
.line20 {
  line-height: 20px;
}
.line1ten4 {
  line-height: 1.4;
}
.line1ten2 {
  line-height: 1.2;
}
/*-----------------------*/
.left_img {
  float: left;
}
.left_img_15_0 {
  float: left;
  margin-right: 15px;
  margin-bottom: 0px;
}
.left_img_10_0 {
  float: left;
  margin-right: 10px;
  margin-bottom: 0px;
}
.left_img_15_15 {
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
}
.left_img_15_30 {
  float: left;
  margin-right: 15px;
  margin-bottom: 30px;
}
.right_img {
  float: right;
}
.right_img_15_15 {
  float: right;
  margin-bottom: 15px;
  margin-left: 15px;
}
.right_img_15_0 {
  float: right;
  margin-left: 15px;
}
.mgn_btm0 {
  margin-bottom: 0px;
}
.mgn_btm3 {
  margin-bottom: 3px;
}
.mgn_btm5 {
  margin-bottom: 5px;
}
.mgn_btm10 {
  margin-bottom: 10px;
}
.mgn_btm15 {
  margin-bottom: 15px;
}
.mgn_btm16 {
  margin-bottom: 16px;
}
.mgn_btm20 {
  margin-bottom: 20px;
}
.mgn_btm24 {
  margin-bottom: 24px;
}
.mgn_btm30 {
  margin-bottom: 30px;
}
.mgn_btm40 {
  margin-bottom: 40px;
}
.mgn_btm50 {
  margin-bottom: 50px;
}
.mgn_btm60 {
  margin-bottom: 60px;
}
.mgn_btm70 {
  margin-bottom: 70px;
}
.mgn_btm80 {
  margin-bottom: 80px;
}
.mgn_top15 {
  margin-top: 15px;
}
.mgn_top30 {
  margin-top: 30px;
}
.mgn_r30 {
  margin-right: 30px;
}
.mgn_r20 {
  margin-right: 20px;
}
.mgn_r22 {
  margin-right: 22px;
}
.mgn_r18 {
  margin-right: 18px;
}
.mgn_r16 {
  margin-right: 16px;
}
.mgn_r15 {
  margin-right: 15px;
}
.mgn_r11 {
  margin-right: 11px;
}
.mgn_r10 {
  margin-right: 10px;
}
.mgn_r9 {
  margin-right: 9px;
}
.mgn_r8 {
  margin-right: 8px;
}
.txt_right {
  text-align: right;
}
.txt_center {
  text-align: center;
}
.txt_left {
  text-align: left !important;
}
.pad_top30 {
  padding-top: 30px;
}


/* パンクズ-------------- */
.breadcrumb_wrap{
padding-top: 15px;
	max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
	padding-bottom: 15px;
}

.breadcrumb {
display: flex;
font-size: 75%;
}

.breadcrumb li {
padding-right: 1.0em;
    
}


.breadcrumb li:after {
content: '/';
padding-left: 1.0em;
}


.breadcrumb li:last-child::after {
    padding: 0;
    content: "";
}

.breadcrumb li a {
    text-decoration: underline;
color: var(--navy);
}
/* タブレット・スマホ画面用の設定-------------- */
@media (max-width:1024px){
.breadcrumb_wrap{
padding-left: 1em;
}
}
/* -------------end------------- */