body.customize-support{ padding-top: 0!important; }
body.customize-support #header{ position: absolute; }

#header{
  width:100%;
  text-align:center;
  padding:0;
  margin:0;
  opacity: 1;
}

#header.scrl{ box-shadow: 0 0 6px rgb(0 0 0 / 10%); }

/* スライダー  */
#key_inner .bx-wrapper li{ display:inherit; line-height: 0; }
.bg_blk,.bg_blk .slides li{ background: #000; }


/* MetaSlider  */
.ml-slider {
    margin: 0 auto;
}
.metaslider .theme-default .nivo-directionNav a{ border-radius: 30px; box-shadow: 0 0 10px rgb(255, 255, 255); }


/* 共通 */
.glay_bk{ background-color: #F6F6F6; }
.flex_box ul { display: flex; flex-wrap: wrap; }
.flex_box .col_2 li { width: 50%; }
.flex_box .col_3 li { width: 33.33%; }
.flex_box .col_4 li { width: 25%; }

.date{
  display: inline-block;
  padding:0 10px 0 0;
  font-size: 90%;
  line-height: 1;
  color: #222;
  border-right: 1px solid rgb(210, 210, 210);
}
.cate{
  display: inline-block;
  padding:0 0 0 3px;
  font-size: 90%;
  line-height: 1;
  color: #222;
}

a.ct_link{
  display: inline-block;
  padding: 0 0 10px;
  font-size: 85%;
  font-weight: 500;
  color: #555;
  letter-spacing: .03em;
  border-bottom: 1px solid rgb(138, 138, 138);
}

a.ct_link span {
  display: inline-block;
  margin: 0 5px 0 1.3em;
  padding: 1px 9px;
  color: rgb(0, 0, 0);
  background: rgb(220, 220, 220);
  border-radius: 10px;
  line-height: 1.2;
  transform: scaleX(1.2);
  font-size: 95%;
}

a.ct_link:hover{
  color: #999;
  text-decoration: none;
  border-bottom: 1px solid rgb(200, 200, 200);
}
a.ct_link:hover span{
  color: #fff;
  background: rgb(176, 176, 176);
}

.link_area .txt{ margin: 0; padding: 20px 0; color: rgb(225, 225, 225); background: rgb(51, 51, 51); font-size: 100%; font-weight: 600; letter-spacing: .05em; }

/* footer */
.link_area .btn_wrap{ padding: 20px; background-color: rgb(31, 200, 81); }
.link_area .flex_box{ margin: 0 auto; max-width: 850px; }
.link_area .flex_box li .img_box{ margin: 0 10px; padding: 0; background-color: #fff; border-radius: 3px; overflow: hidden; }


/*文字設定*
**************************************************************************************************/

/*#key{
  width:100%;
  height:600px;
  clear:both;
  background: url(../../images/key_bg.jpg) repeat-x;
  text-align:left;
}*/


.mb10{margin:0 0 10px 0;}
.mb5{margin:0 0 5px 0;}


/* 固定ページ ------------------------------------------ */

.content .wrap{ max-width: 800px; margin: 0 auto; padding: 0 20px 40px; }
.content p{ line-height: 2; }


@media screen and (max-width:1200px) {
}

@media screen and (max-width:900px) {
}

@media screen and (max-width:750px) {
}

@media screen and (max-width:640px) {
}

@media screen and (max-width:380px) {
}

@media screen and (min-width:751px) {
  .sp{
    display: none !important;
  }

}