/* ====================================================
**
**　　見出し
**
*  ===================================================*/

.heading-sm{
   font-size: 20px;
   line-height: 1.5;
   font-weight: 600;
   color: #202020;
   text-align: left;
}
.heading-md{
   font-size: 31px;
   font-weight: 600;
   line-height: 1.5;
   text-align: left;
}


/* ====================================================
**
**　　テキスト
**
*  ===================================================*/
.text-center{
   text-align: center;
}




/* ====================================================
**
**　　背景色
**
*  ===================================================*/
.bg-lightblue{
   background-color: rgba(103,138,216,0.1);
}




/* ====================================================
**
**　　横並びブロック
**
*  ===================================================*/

.column-wrapper_row{
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}

.row-reverce{
   flex-direction: row-reverse;
}

@media(max-width: 640px){
   .column-wrapper_row{
      flex-direction: column;
   }
}



/* ====================================================
**
**　　スペーサー
**
*  ===================================================*/
.spacer-sm{
   padding-top: 30px;
   clear: both;
}
.spacer-md{
   padding-top: 50px;
   clear: both;
}


/* ====================================================
**
**　　改行
**
*  ===================================================*/
@media(max-width: 768px){
   br.pc-only{
      display: none;
   }
}
@media(min-width:641px){
   br.pc-none{
      display: none;
   }
   br.sp-only{
      display: none;
   }
   br.sp-none{
      display: block;
   }
}
@media(max-width:640px){
   br.sp-none{
      display: none;
   }
}




/* ====================================================
**
**　　TELリンクをスマホのみに設定
**
*  ===================================================*/
@media(min-width: 769px){
   a[href^="tel:"] {
      pointer-events: none;
   }
}






/* ====================================================
**
**　　テーブル（表）
**
*  ===================================================*/

/* ミラブル : 製品仕様 */
.table-specifications{
   border-collapse: collapse;
   width: 100%;
}
.table-specifications th{
   font-weight: bold;
   text-align: center;
   padding: 10px;
   background-color: #c0c0c0;
}
.table-specifications td{
   background-color: #fafafa
}
.table-specifications tr,
.table-specifications td{
   border: solid 1px #e2e2e2;
   padding: 10px;
}





/* ====================================================
**
**　　オーバーレイ
**
*  ===================================================*/
.overlay{
   position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
   background-color: rgba(1,1,1,0.7);
}
.overlay-grad-blue{
   position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
   background: #7F7FD5;
   background: linear-gradient(to right, #91EAE4, #86A8E7, #7F7FD5);
   opacity: 0.4;
}








/* ====================================================
**
**　　swiper
**
*  ===================================================*/

.swiper-pagination-bullet{
   background-color: #e2e2e2;
}
.swiper-pagination-bullet:active{
   background-color: #fff;
}