@charset "UTF-8";
/* CSS Document */
/*--------------------------------*/
.top_copy_app_area {
  width: 100%;
  padding:5rem 0rem 4rem 0px;
  margin: 0 auto 2rem auto;
  background-color: #EFEFEF
}

.top_copy_app_inner {
  width: calc(100vw - 6rem);
  max-width: 1200px;
	  margin: 0 auto 0 auto;
}
.top_copy_bold_app {
  font-size: 2.2rem;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  line-height: 2.8rem;
  margin: 0px 0px 2rem 0px;
  text-align: center
}
.top_copy_app {
text-align: center;
  margin: 0px auto 0px auto;
  font-size: 1.6rem;
  font-family: "FP-ヒラギノ角ゴ ProN W3";
  line-height: 2.8rem;

}
.app_area {
  margin-bottom: 4.5rem;
}
.app_area_inner {

  border-bottom: #000 1px solid;
}

.app_title {

  display: flex;
  align-items: center;
  padding: 2rem 4rem 2rem 4rem;
  background: linear-gradient(360deg, #000000 0%, #3f3e40 100%);
  color: #fff;
  border-radius: 3px;
  margin: 0rem auto 2rem auto
}
.app_title_icon {
  width: 70px
}
.app_title_txt_area {
  flex: 1 0;
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  margin-left: 3rem
}
.app_title_txt_e {
  width: 100%;
  font-size: 2rem;
  font-family: "UniversNextPro-Cond";
  color: #fff;
  margin-bottom: 0.5rem;
}
.app_title_txt_j {
  width: auto;
  font-size: 1.8rem;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  color: #fff;
  margin-top: 0.5rem;
}



.dmm {
  background: linear-gradient(45deg, #540C79 0%, #000000 100%);
}
.b_appa.dmm:hover {
  background: linear-gradient(45deg, #6B2091 0%, #2B2B2B 100%);
}


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

  border-radius: 8px;

  width: 50%;
  margin:  3rem auto;
  cursor: pointer
}



.dmm_dl {
  background: linear-gradient(45deg, #dc0160 0%, #820039 100%);
  color: #fff;
  border-radius: 4px
}
.b_appa.dmm_dl:hover {
background-color: #fff
}
.stt,.stt_dl {
  position: sticky;
  top: 100px;
}
.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 {

}

.app_txt_s1 {
  font-size: 1.6rem;
  font-family: "FP-ヒラギノ角ゴ ProN W3";
  line-height: 2.6rem;
  margin: 1.6rem 2rem 0px 2rem;
}
.cap_app_01 {
  font-size: 1.6rem;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  margin: 2.5rem 0px 1rem 0px;
  padding: 1.5rem;
  color: #fff;
	  background-color: #000;
  border-radius: 3px
}



.app_section {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  border-bottom: #ccc 1px solid;
  padding: 2rem 0px 2rem 0px;
}
.app_section_wide {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  border-bottom: #ccc 1px solid;
  justify-content: center;
  padding: 2rem 0px 2rem 0px;
}
.cap_app_02 {
  font-size: 1.6rem;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  margin: 0rem 2rem 1.6rem 0rem;
  padding: 1rem 1rem 1rem 1rem;
  text-align: left;
	  border: #666 2px solid;
}


.app_txt_s {
  font-size: 1.6rem;
  font-family: "FP-ヒラギノ角ゴ ProN W3", sans-serif;
  line-height: 2.6rem;
  margin: 0rem 2rem 0.8rem 1rem;
}
.app_txt_s:before {
  content: "■";
  font-size: 1.6rem;
  padding-right: 0.5rem;
  font-family: "FP-ヒラギノ角ゴ ProN W6", sans-serif;
}


.app_txt_s a{
text-decoration: underline;
}




.app_left {
  flex: 1 0;
  display: flex;
  flex-direction: column;
}
.app_right {
  flex: 1 0;
  min-width: 300px;
  align-self: center;
  overflow: hidden;
}
.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;
  border: #7549A2 2px solid;
}
.app_section_wide .app_txt_s {
  font-size: 1.6rem;
  font-family: "FP-ヒラギノ角ゴ ProN W3";
  line-height: 2.6rem;
  margin: 0px 1rem 0px 1rem;
}
.app_section_wide .app_left {
  flex: 1 0 100%;
  display: flex;
  flex-direction: column;
}
.app_section_wide .app_right {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc(100% - 2rem);
  margin: 1rem 0rem 0rem 0rem;
  align-self: center;
  overflow: hidden;
  display: flex;
  justify-content: space-between
}
.app_right_2nd {
  width: 24%;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start
}
.app_right_2nd_02 {
  width: 50%;
	margin-top: 2rem;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start
}
.app_right_2nd_title {
  width: 100%;
  text-align: center;
  font-size: 1.6rem;
  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 1rem 0rem 1rem;
}
.app_right_2nd_l {
  width: 49%;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  margin: 1rem 0
}