@charset "UTF-8";
/* CSS Document */
/*--------------------------------*/
.top_copy_app_area {
  width: 100%;
  padding: 20px 0rem 20px 0rem;
  margin: 0 auto 1rem auto;
  background-color: #E2E8F2
}
.top_copy_bold_app {
  font-size: 2rem;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  line-height: 2.8rem;
  margin: 0px 0px 1rem 0px;
  text-align: center
}
.top_copy_app {
	width: 90%;
text-align: center;
  margin: 0px auto 0px auto;
  font-size: 1.6rem;
  font-family: "FP-ヒラギノ角ゴ ProN W3";
  line-height: 2.6rem;
}
.app_area {
  width: 90%;
  margin: 0px auto 4.5rem auto;
}
.app_area_inner {
  margin-top: -60px;
  padding-top: 60px;
  border-bottom: #000 1px solid;
}
.app_title {
  display: flex;
  align-items: center;
  padding: 1.2rem;
  background: linear-gradient(360deg, #000000 0%, #3f3e40 100%);
  color: #fff;
  border-radius: 8px;
  margin: 2rem 0 1.5rem 0
}
.app_title_icon {
  width: 50px
}
.app_title_txt_area {
  flex: 1 0;
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  margin-left: 1rem;
}
.app_title_txt_e {
  width: 100%;
  font-size: 1.4rem;
  font-family: "UniversNextPro-Cond";
  color: #fff;
  margin-bottom: 0.2rem;
}
.app_title_txt_j {
  width: auto;
  font-size: 1.6rem;
    line-height: 1.8rem;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  color: #fff;
  margin-top: 0.2rem;
}
.b_appa {
  display: block;
  text-align: center;
  font-size: 1.6rem;
  font-family: sans-serif;
	  font-weight: 700;
  padding: 1.2rem 0;
  color: #fff;
  border-radius: 8px;
  border: #fff 2px solid;
  margin: 1rem auto 2rem auto;
  cursor: pointer
}

.b_appa_dl {
  display: block;
  text-align: center;
  font-size: 1.6rem;
  font-family: sans-serif;
	  font-weight: 700;
  padding: 1.2rem 0;

  border-radius: 8px;

  margin: 1rem auto 1rem auto;
  cursor: pointer
}
.b_appa:hover,
.b_appa_dl:hover {
 opacity: 1
}
.wm {
  background: linear-gradient(45deg, #10675B 0%, #000000 100%);
}
.b_appa.wm:hover {
  background: linear-gradient(45deg, #21776B 0%, #2B2B2B 100%);
}

.wm_dl {
background-color: #D1E5E2;
	  border: #10675B 2px solid;
	  color: #10675B;
}
.b_appa.wm_dl:hover {
background-color: #fff
}


.smm {
  background: linear-gradient(45deg, #0D4E71 0%, #000000 100%);
}
.b_appa.smm:hover {
  background: linear-gradient(45deg, #1F6083 0%, #2B2B2B 100%);
}
.smm_dl {
background-color: #CCE0EB;
	  border: #1F6083 2px solid;
	  color: #1F6083;
}
.b_appa.smm_dl:hover {
background-color: #fff
}
.dmm {
  background: linear-gradient(45deg, #540C79 0%, #000000 100%);
}
.b_appa.dmm:hover {
  background: linear-gradient(45deg, #6B2091 0%, #2B2B2B 100%);
}
.dmm_dl {
background-color: #D6CBDB;
	  border: #540C79 2px solid;
	  color: #540C79;
}
.b_appa.dmm_dl:hover {
background-color: #fff
}
.stt {
  position: sticky;
  top: 120px;
}
.stt_dl {
  position: sticky;
  top:70px;
}
.b_appa::before {
  content: "もっと詳しく";
  font-weight: 700;
  font-family: sans-serif;
}
.b_appa.stt::before {
  content: "閉じる";
  font-weight: 700;
  font-family: sans-serif;
}
.app_detail_area {
  overflow: hidden;
  max-height: 0px;
  transition: max-height 0.6s ease-in-out;
}
.app_detail_area.appa {
  max-height: 9999px;
}
.app_txt_s1 {
  font-size: 1.6rem;
  font-family: "FP-ヒラギノ角ゴ ProN W3";
  line-height: 2.6rem;
  margin: 1rem 2% 0 2%
}
.cap_app_01 {
  font-size: 1.6rem;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  margin: 0rem auto 0rem auto;
  padding: 1rem 1rem 1rem 1rem;
  color: #fff;
  border-radius: 4px
}
#WirelessManager .cap_app_01 {
  background-color: #528A7D;
}
#SmartMixerManager .cap_app_01 {
  background-color: #2A74B4;
}
#DigitalMicrophoneManager .cap_app_01 {
  background-color: #6C498F;
}
.app_section, .app_section_wide {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  border-bottom: #ccc 1px solid;
  padding: 2rem 0px 2rem 0px;
}
.app_left, .app_section_wide .app_left {
  flex: 0 0 100%;
  display: flex;
  flex-direction: column;
}
.cap_app_02, .app_section_wide .cap_app_02 {
  font-size: 1.6rem;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  margin: 0rem 0rem 1.6rem 0rem;
  padding: 1rem 1rem 1rem 1rem;
  text-align: left
}
#WirelessManager .cap_app_02, #WirelessManager .app_section_wide .cap_app_02 {
  border: #008666 2px solid;
}
#SmartMixerManager .cap_app_02, #SmartMixerManager .app_section_wide .cap_app_02 {
  border: #1673B5 2px solid;
}
#DigitalMicrophoneManager .cap_app_02, #DigitalMicrophoneManager .app_section_wide .cap_app_02 {
  border: #7549A2 2px solid;
}
.app_txt_s, .app_section_wide .app_txt_s {
  font-size: 1.6rem;
  font-family: "FP-ヒラギノ角ゴ ProN W3", sans-serif;
  line-height: 2.6rem;
  margin: 0rem 0.5rem 0.6rem 0.5rem;
}
.app_txt_s:before, .app_section_wide .app_txt_s:before {
  content: "■";
  font-size: 1.6rem;
  padding-right: 0.5rem;
  font-family: "FP-ヒラギノ角ゴ ProN W6", sans-serif;
}
.app_right, .app_section_wide .app_right {
  width: calc(100% - 1rem);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}
.app_right img, .app_section_wide .app_right img {
  width: 100%;
}
.app_right_2nd {
  width: 49%;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start
}
.app_right_2nd_title {
  width: 100%;
  text-align: center;
  font-size: 1.6rem;
  line-height: 2rem;
  font-family: "FP-ヒラギノ角ゴ ProN W6", sans-serif;
  padding: 1.2rem 2rem 1.2rem 2rem;
  color: #000;
  border-radius: 4px;
  margin: 0rem 0 1rem 0;
  background-color: #eee;
}
.app_right_2nd_txt {
  font-size: 1.6rem;
  font-family: "FP-ヒラギノ角ゴ ProN W3", sans-serif;
  line-height: 2.6rem;
  margin: 0.5rem 2% 0rem 2%;
}
.app_right_2nd_l {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  margin: 1rem 0
}