@charset "UTF-8";
/* ==========================================================================
Reset
========================================================================== */
/* ==========================================================================
Rules
========================================================================== */
.d_flex {
  display: flex;
}

.d_block {
  display: block;
}

.d_none {
  display: none;
}

.d_contents {
  display: contents;
}

.d_inline {
  display: inline;
}

.d_grid {
  display: grid;
}

.d_inlineBlock {
  display: inline-block;
}

.d_inlineFlex {
  display: inline-flex;
}

.d_inlineTable {
  display: inline-table;
}

/* ==========================================================================
justify-content
========================================================================== */
.j_between {
  justify-content: space-between;
}

.j_start {
  justify-content: flex-start;
}

.j_end {
  justify-content: flex-end;
}

.j_center {
  justify-content: center;
}

.j_around {
  justify-content: space-around;
}

.j_baseline {
  justify-content: space-baseline;
}

.j_firstBaseline {
  justify-content: first baseline;
}

.j_firstBaseline {
  justify-content: last baseline;
}

.j_left {
  justify-content: left;
}

.j_right {
  justify-content: right;
}

.j_safe {
  justify-content: safe;
}

/* ==========================================================================
align-items
========================================================================== */
.ali_baseline {
  align-items: baseline;
}

.ali_center {
  align-items: center;
}

.ali_end {
  align-items: flex-end;
}

.ali_start {
  align-items: flex-start;
}

.ali_stretch {
  align-items: stretch;
}

.ali_unset {
  align-items: unset;
}

/* ==========================================================================
align-content
========================================================================== */
.alc_center {
  align-content: center;
}

.alc_end {
  align-content: flex-end;
}

.alc_around {
  align-content: space-around;
}

.alc_between {
  align-content: space-between;
}

.alc_stretch {
  align-content: stretch;
}

.alc_unset {
  align-content: unset;
}

/* ==========================================================================
row
========================================================================== */
.row {
  flex-flow: row wrap;
}

/* ==========================================================================
Common
========================================================================== */
/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
Settings
========================================================================== */
/* ==========================================================================
breakPoint
========================================================================== */
/* ==========================================================================
_wapSettings
========================================================================== */
/* ==========================================================================
_widthSettings
========================================================================== */
/* ==========================================================================
_heightSettings
========================================================================== */
/* ==========================================================================
_positionSettings
========================================================================== */
/* ==========================================================================
borderRadius
========================================================================== */
/* ==========================================================================
_marginSettings
========================================================================== */
/* ==========================================================================
_paddingSettings
========================================================================== */
/* ==========================================================================
clamp
========================================================================== */
/* ==========================================================================
fonts
========================================================================== */
/* ==========================================================================
_lineHeight
========================================================================== */
/* ==========================================================================
_letterspace
========================================================================== */
/* ==========================================================================
ボタンタイプ
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.test {
  letter-spacing: 0.06em;
  font-size: 12px;
}
@media screen and (max-width: 1160px) {
  .test {
    font-size: 1.0344827586vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .test {
    font-size: 3.7333333333vw;
  }
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
.bnrAdd260518 {
  margin-top: 64px;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1160px) {
  .bnrAdd260518 {
    margin-top: 3.33%;
    margin-bottom: 3.33%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .bnrAdd260518 {
    margin-top: 9.6%;
    margin-bottom: 4.6%;
    margin-left: auto;
    margin-right: auto;
  }
}

.ulBnrAdd260518 {
  padding-top: 24px;
  padding-bottom: 24px;
  padding-left: 24px;
  padding-right: 24px;
}
@media screen and (max-width: 1160px) {
  .ulBnrAdd260518 {
    padding: 2.6% 2.6% 2.6% 2.6%;
  }
}
.ulBnrAdd260518 {
  border-radius: 16px;
  /* CSS3草案 */
  -webkit-border-radius: 16px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 16px;
  /* Firefox用 */
  background: #82d3fd;
}
@media screen and (max-width: 767px) {
  .ulBnrAdd260518 {
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 14px;
    padding-right: 14px;
    width: 355px;
    border-radius: 10px;
    /* CSS3草案 */
    -webkit-border-radius: 10px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;
    /* Firefox用 */
    margin: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1160px) {
  .ulBnrAdd260518 {
    padding: 3.73% 3.73% 3.73% 3.73%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1160px) {
  .ulBnrAdd260518 {
    width: 94.66%;
  }
}

.liBnrAdd260518 {
  width: 275px;
}
@media screen and (max-width: 1160px) {
  .liBnrAdd260518 {
    width: 31.57%;
  }
}
.liBnrAdd260518 {
  box-shadow: 0 0 6px 0 rgba(88, 198, 255, 0.5);
}
@media screen and (max-width: 767px) {
  .liBnrAdd260518 {
    width: 100%;
  }
  .liBnrAdd260518:nth-child(n+2) {
    margin-top: 12px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1160px) {
  .liBnrAdd260518:nth-child(n+2) {
    margin-top: 3.66%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.btnBnrAdd260518 {
  padding-top: 24px;
  padding-bottom: 24px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1160px) {
  .btnBnrAdd260518 {
    padding: 8.72% 0% 8.72% 0%;
  }
}
.btnBnrAdd260518 {
  width: 100%;
  aspect-ratio: 275/203;
  background: #fff;
  border-radius: 6px;
  /* CSS3草案 */
  -webkit-border-radius: 6px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 6px;
  /* Firefox用 */
}
@media screen and (max-width: 767px) {
  .btnBnrAdd260518 {
    padding: 4.11% 0% 4.42% 0%;
    aspect-ratio: 327/64;
  }
}
.btnBnrAdd260518:hover {
  text-decoration: none;
}

.cntBnrAdd260518 {
  flex-flow: row wrap;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .cntBnrAdd260518 {
    width: 287px;
    margin: auto;
    align-items: flex-end;
  }
}
@media screen and (max-width: 767px) and (max-width: 1160px) {
  .cntBnrAdd260518 {
    width: 87.76%;
  }
}

.picCntBnrAdd260518 {
  width: 65px;
}
@media screen and (max-width: 1160px) {
  .picCntBnrAdd260518 {
    width: 23.63%;
  }
}
.picCntBnrAdd260518 {
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .picCntBnrAdd260518 {
    width: 25px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1160px) {
  .picCntBnrAdd260518 {
    width: 8.71%;
  }
}

.picCntBnrAdd260518 img {
  width: 100%;
}

.cntBnrAdd260518Bx {
  margin-top: 18px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1160px) {
  .cntBnrAdd260518Bx {
    margin-top: 6.54%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.cntBnrAdd260518Bx {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .cntBnrAdd260518Bx {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 21px;
    margin-right: 0px;
    width: 217px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1160px) {
  .cntBnrAdd260518Bx {
    margin: 0% 0% 0% 7.31%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1160px) {
  .cntBnrAdd260518Bx {
    width: 75.6%;
  }
}

.h3CntBnrAdd260518 {
  font-size: 24px;
}
@media screen and (max-width: 1160px) {
  .h3CntBnrAdd260518 {
    font-size: 2.0689655172vw;
  }
}
.h3CntBnrAdd260518 {
  line-height: normal;
  letter-spacing: 0em;
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 500;
  transform: rotate(0.03deg);
}
@media screen and (max-width: 767px) {
  .h3CntBnrAdd260518 {
    line-height: 130%;
    letter-spacing: 0em;
    text-align: left;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3CntBnrAdd260518 {
    font-size: 4.2666666667vw;
  }
}

.txtCntBnrAdd260518 {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1160px) {
  .txtCntBnrAdd260518 {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.txtCntBnrAdd260518 {
  font-size: 10px;
}
@media screen and (max-width: 1160px) {
  .txtCntBnrAdd260518 {
    font-size: 0.8620689655vw;
  }
}
.txtCntBnrAdd260518 {
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 767px) {
  .txtCntBnrAdd260518 {
    margin: 1% 0% 0% 0%;
    line-height: 130%;
    letter-spacing: 0em;
    text-align: left;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .txtCntBnrAdd260518 {
    font-size: 1.6vw;
  }
}

.iconCntBnrAdd260518 {
  margin-top: 12px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1160px) {
  .iconCntBnrAdd260518 {
    margin-top: 4.36%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.iconCntBnrAdd260518 {
  width: 35px;
}
@media screen and (max-width: 1160px) {
  .iconCntBnrAdd260518 {
    width: 12.72%;
  }
}
@media screen and (max-width: 767px) {
  .iconCntBnrAdd260518 {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    width: 24px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1160px) {
  .iconCntBnrAdd260518 {
    margin: 0% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1160px) {
  .iconCntBnrAdd260518 {
    width: 8.36%;
  }
}

.iconCntBnrAdd260518 img {
  width: 100%;
}

/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
use＆nameSpace
========================================================================== */
/* ==========================================================================
LAYOUT
========================================================================== */
@media screen and (max-width: 767px) {
  .addDocument26 {
    width: 345px;
    margin: 5% auto 0 auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1160px) {
  .addDocument26 {
    width: 92%;
  }
}

.addDocument26 h1,
.addDocument26 h2,
.addDocument26 h3,
.addDocument26 h4,
.addDocument26 h5,
.addDocument26 h6,
.addDocument26 h7,
.addDocument26 h9 {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 500;
  transform: rotate(0.03deg);
}

.h5NavDepartments {
  font-size: 20px;
}
@media screen and (max-width: 1160px) {
  .h5NavDepartments {
    font-size: 1.724137931vw;
  }
}
.h5NavDepartments {
  line-height: normal;
  letter-spacing: 0em;
  color: #00559c;
  font-weight: 500;
  position: relative;
}
@media screen and (max-width: 767px) {
  .h5NavDepartments {
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h5NavDepartments {
    font-size: 5.3333333333vw;
  }
}

.mainH5NavDepartments {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 20px;
}
@media screen and (max-width: 1160px) {
  .mainH5NavDepartments {
    padding: 0% 3.03% 0% 0%;
  }
}
.mainH5NavDepartments {
  position: relative;
  z-index: 1;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .mainH5NavDepartments {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1160px) {
  .mainH5NavDepartments {
    padding: 0% 5.79% 0% 0%;
  }
}

.brdH5NavDepartments {
  background: #b0d9f0;
  width: 100%;
  height: 1px;
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.ulNavDepartments {
  margin-top: 29px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1160px) {
  .ulNavDepartments {
    margin-top: 4.39%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .ulNavDepartments {
    margin-top: 24px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    justify-content: space-between;
  }
}
@media screen and (max-width: 767px) and (max-width: 1160px) {
  .ulNavDepartments {
    margin-top: 6.95%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.liNavDepartments {
  width: 156px;
}
@media screen and (max-width: 1160px) {
  .liNavDepartments {
    width: 23.63%;
  }
}
.liNavDepartments {
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
  border: 1px solid #e4e4e4;
  margin-top: 0px;
  margin-bottom: 12px;
  margin-left: 0px;
  margin-right: 12px;
}
@media screen and (max-width: 1160px) {
  .liNavDepartments {
    margin: 0% 1.81% 1.81% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liNavDepartments {
    width: 166px;
    margin: 0% 0% 3.9% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1160px) {
  .liNavDepartments {
    width: 48.11%;
  }
}
.liNavDepartments:nth-child(4n) {
  margin-right: 0;
}

.btnNavDepartments {
  aspect-ratio: 156/44;
  width: 100%;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .btnNavDepartments {
    aspect-ratio: 166/41;
  }
}
.btnNavDepartments:hover {
  text-decoration: none;
}

.iconNavDepartments {
  width: 21px;
}
@media screen and (max-width: 1160px) {
  .iconNavDepartments {
    width: 13.46%;
  }
}
.iconNavDepartments {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 12px;
  margin-right: 12px;
}
@media screen and (max-width: 1160px) {
  .iconNavDepartments {
    margin: 0% 7.69% 0% 7.69%;
  }
}
@media screen and (max-width: 767px) {
  .iconNavDepartments {
    width: 21px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 12px;
    margin-right: 12px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1160px) {
  .iconNavDepartments {
    width: 12.65%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1160px) {
  .iconNavDepartments {
    margin: 0% 7.22% 0% 7.22%;
  }
}

.h4NavDepartments {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 12px;
}
@media screen and (max-width: 1160px) {
  .h4NavDepartments {
    margin: 0% 7.69% 0% 0%;
  }
}
.h4NavDepartments {
  width: 99px;
}
@media screen and (max-width: 1160px) {
  .h4NavDepartments {
    width: 63.46%;
  }
}
.h4NavDepartments {
  font-size: 14px;
}
@media screen and (max-width: 1160px) {
  .h4NavDepartments {
    font-size: 1.2068965517vw;
  }
}
.h4NavDepartments {
  line-height: normal;
  letter-spacing: 0em;
}
@media screen and (max-width: 767px) {
  .h4NavDepartments {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 12px;
    width: 109px;
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1160px) {
  .h4NavDepartments {
    margin: 0% 7.22% 0% 0%;
  }
}
@media screen and (max-width: 767px) and (max-width: 1160px) {
  .h4NavDepartments {
    width: 65.66%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h4NavDepartments {
    font-size: 3.7333333333vw;
  }
}

.detailMenuDepartments {
  margin-top: 39px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1160px) {
  .detailMenuDepartments {
    margin-top: 5.9%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .detailMenuDepartments {
    margin-top: 7.59%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.detailMenuDepartments02 {
  margin-top: 60px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1160px) {
  .detailMenuDepartments02 {
    margin-top: 9.09%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .detailMenuDepartments02 {
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 1160px) {
  .detailMenuDepartments02 {
    margin-top: 11.59%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.h2DetailMenuDepartments {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 12px;
  padding-right: 12px;
}
@media screen and (max-width: 1160px) {
  .h2DetailMenuDepartments {
    padding: 0% 1.81% 0% 1.81%;
  }
}
.h2DetailMenuDepartments {
  aspect-ratio: 660/41;
  width: 100%;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
  font-size: 20px;
}
@media screen and (max-width: 1160px) {
  .h2DetailMenuDepartments {
    font-size: 1.724137931vw;
  }
}
.h2DetailMenuDepartments {
  line-height: normal;
  letter-spacing: 0em;
  background: #e8f5fe;
  color: #00559c;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .h2DetailMenuDepartments {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 12px;
    padding-right: 12px;
    aspect-ratio: 345/41;
    border-radius: 4px;
    /* CSS3草案 */
    -webkit-border-radius: 4px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 4px;
    /* Firefox用 */
    line-height: normal;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1160px) {
  .h2DetailMenuDepartments {
    padding: 0% 3.47% 0% 3.47%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h2DetailMenuDepartments {
    font-size: 5.3333333333vw;
  }
}

.ulDetailMenuDepartments {
  margin-top: 25px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1160px) {
  .ulDetailMenuDepartments {
    margin-top: 3.78%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.ulDetailMenuDepartments {
  flex-flow: row wrap;
}
@media screen and (max-width: 767px) {
  .ulDetailMenuDepartments {
    margin-top: 7%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.liDetailMenuDepartments {
  width: 324px;
}
@media screen and (max-width: 1160px) {
  .liDetailMenuDepartments {
    width: 49.09%;
  }
}
.liDetailMenuDepartments {
  border: 1px solid #e4e4e4;
  border-radius: 4px;
  /* CSS3草案 */
  -webkit-border-radius: 4px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;
  /* Firefox用 */
}
@media screen and (max-width: 767px) {
  .liDetailMenuDepartments {
    width: 345px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1160px) {
  .liDetailMenuDepartments {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .liDetailMenuDepartments:nth-child(n+2) {
    margin-top: 3.4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}
.liDetailMenuDepartments:nth-child(n+3) {
  margin-top: 12px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1160px) {
  .liDetailMenuDepartments:nth-child(n+3) {
    margin: 1.81% 0% 0% 0%;
  }
}
@media screen and (max-width: 767px) {
  .liDetailMenuDepartments:nth-child(n+3) {
    margin-top: 3.4%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
  }
}

.btnDetailMenuDepartments {
  width: 100%;
  aspect-ratio: 324/68;
  display: flex;
}
@media screen and (max-width: 767px) {
  .btnDetailMenuDepartments {
    aspect-ratio: 345/63;
  }
}
.btnDetailMenuDepartments:hover {
  text-decoration: none;
}

.cntDetailMenuDepartments {
  width: 292px;
}
@media screen and (max-width: 1160px) {
  .cntDetailMenuDepartments {
    width: 90.12%;
  }
}
.cntDetailMenuDepartments {
  margin: auto;
}
@media screen and (max-width: 767px) {
  .cntDetailMenuDepartments {
    width: 91.4%;
  }
}

.h3DetailMenuDepartments {
  width: 270px;
}
@media screen and (max-width: 1160px) {
  .h3DetailMenuDepartments {
    width: 92.46%;
  }
}
.h3DetailMenuDepartments {
  font-size: 15px;
}
@media screen and (max-width: 1160px) {
  .h3DetailMenuDepartments {
    font-size: 1.2931034483vw;
  }
}
.h3DetailMenuDepartments {
  line-height: 150%;
  letter-spacing: 0em;
  color: #333;
}
@media screen and (max-width: 767px) {
  .h3DetailMenuDepartments {
    width: 275px;
    line-height: 150%;
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767px) and (max-width: 1160px) {
  .h3DetailMenuDepartments {
    width: 90.16%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .h3DetailMenuDepartments {
    font-size: 4vw;
  }
}

.iconDetailMenuDepartments {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: 0px;
}
@media screen and (max-width: 1160px) {
  .iconDetailMenuDepartments {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: 0%;
  }
}
.iconDetailMenuDepartments {
  width: 21px;
}
@media screen and (max-width: 1160px) {
  .iconDetailMenuDepartments {
    width: 7.19%;
  }
}
@media screen and (max-width: 767px) {
  .iconDetailMenuDepartments {
    margin: 0% 3% 0% 0;
    width: 21px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1160px) {
  .iconDetailMenuDepartments {
    width: 6.08%;
  }
}

/* ==========================================================================
Component
========================================================================== *//*# sourceMappingURL=new_common.css.map */