@charset "UTF-8";
/*********************************************
*
* 共通パーツ、初期設定
*
*********************************************/
/************************
**ブレイクポイント
************************/
/*min-widthベース、基本*/
/*max-widthベース、特定のクラスを途中まで、の場合*/
/*min-width,max-width混合、特定のクラスを途中から途中まで、の場合*/
/************************
**safari用
************************/
/************************
**全体
************************/
/*ボタン化(aタグ、buttonタグを親要素に全体化)*/
.ab-a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ab-b {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}

/*テキストを一塊にし、途中で改行させない*/
.txtb {
  display: inline-block;
}

/************************
**サイズ別br 使わないものはコメントアウト
************************/
.smartbr {
  display: block;
}
@media screen and (min-width: 576px) {
  .smartbr {
    display: none;
  }
}

/*スマホ(768px未満)*/
.spbr {
  display: block;
}
@media screen and (min-width: 768px) {
  .spbr {
    display: none;
  }
}

.smbr {
  display: none;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .smbr {
    display: block;
  }
}

.mdbr {
  display: none;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .mdbr {
    display: block;
  }
}

.lgbr {
  display: none;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .lgbr {
    display: block;
  }
}

.xlbr {
  display: none;
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .xlbr {
    display: block;
  }
}

.xxlbr {
  display: none;
}
@media screen and (min-width: 1400px) {
  .xxlbr {
    display: block;
  }
}

.sm-flbr {
  display: none;
}
@media screen and (min-width: 576px) {
  .sm-flbr {
    display: block;
  }
}

.md-flbr,
.pcbr {
  display: none;
}
@media screen and (min-width: 768px) {
  .md-flbr,
  .pcbr {
    display: block;
  }
}

.lg-flbr {
  display: none;
}
@media screen and (min-width: 992px) {
  .lg-flbr {
    display: block;
  }
}

.xl-flbr {
  display: none;
}
@media screen and (min-width: 1200px) {
  .xl-flbr {
    display: block;
  }
}

.xxl-flbr {
  display: none;
}
@media screen and (min-width: 1400px) {
  .xxl-flbr {
    display: block;
  }
}

/************************
**image pc/sp切り替え
************************/
.image-sp {
  display: block;
}
@media screen and (min-width: 768px) {
  .image-sp {
    display: none;
  }
}

.image-pc {
  display: none;
}
@media screen and (min-width: 768px) {
  .image-pc {
    display: block;
  }
}

/*********************************************
*
*#fmcm
*
*********************************************/
#fmcm .fmcm-banner {
  position: relative;
}
#fmcm .fmcm-banner img {
  width: 100%;
  height: auto;
}
#fmcm .fmcm-banner a {
  position: absolute;
}
#fmcm .fmcm-banner a.prof {
  width: 73.5%;
  height: 6%;
  top: 13%;
  left: 23%;
}
@media screen and (min-width: 768px) {
  #fmcm .fmcm-banner a.prof {
    width: 40.7%;
    height: 11%;
    top: 45%;
    left: 37.5%;
  }
}
#fmcm .fmcm-banner a.radio {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 73.5%;
  height: 8%;
}
@media screen and (min-width: 768px) {
  #fmcm .fmcm-banner a.radio {
    transform: translateX(0);
    width: 25%;
    height: 13.5%;
  }
}
#fmcm .fmcm-banner a.radio.radio01 {
  top: 50.25%;
}
@media screen and (min-width: 768px) {
  #fmcm .fmcm-banner a.radio.radio01 {
    top: 65%;
    left: 15.5%;
  }
}
#fmcm .fmcm-banner a.radio.radio02 {
  top: 60.3%;
}
@media screen and (min-width: 768px) {
  #fmcm .fmcm-banner a.radio.radio02 {
    width: 21%;
    top: 65%;
    left: 41.5%;
  }
}
#fmcm .fmcm-banner a.radio.radio03 {
  top: 70.4%;
}
@media screen and (min-width: 768px) {
  #fmcm .fmcm-banner a.radio.radio03 {
    width: 22%;
    top: 65%;
    left: 63.5%;
  }
}
#fmcm .fmcm-banner a.radio.radio04 {
  top: 80.5%;
}
@media screen and (min-width: 768px) {
  #fmcm .fmcm-banner a.radio.radio04 {
    top: 83.8%;
    left: 24.5%;
  }
}
#fmcm .fmcm-banner a.radio.radio05 {
  top: 90.5%;
}
@media screen and (min-width: 768px) {
  #fmcm .fmcm-banner a.radio.radio05 {
    width: 23.5%;
    top: 83.8%;
    left: 53.5%;
  }
}/*# sourceMappingURL=style.css.map */