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

.top_copy_app_inner {
  width: 90%;
	  margin: 0 auto 0 auto;
}

.top_copy_bold_app {
  font-size: 2rem;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  line-height: 2.8rem;
  margin: 0px 0px 2rem 0px;
  text-align: center
}
.top_copy_app {
	width: 90%;
  margin: 0px auto 0px auto;
  font-size: 1.6rem;
  font-family: "FP-ヒラギノ角ゴ ProN W3";
  line-height: 2.6rem;
}
.app_area {
  width: 92%;
  margin: 0px auto 4.5rem auto;
}
.app_area_inner {

  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: 3px;
  margin: 0rem 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.6rem;
  font-family: "UniversNextPro-Cond";
  color: #fff;
  margin-bottom: 0.2rem;
}
.app_title_txt_j {
  width: auto;
  font-size: 1.8rem;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  color: #fff;
  margin-top: 0.2rem;
}

.b_appa:hover,
.b_appa_dl:hover {
 opacity: 1
}

.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_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: 1.5rem auto 0rem auto;
  padding: 1.5rem;
  color: #fff;
		  background-color: #000;
  border-radius: 4px
}


.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;
	  border: #666 2px solid;
}
.app_txt {
  font-size: 1.4rem;
  font-family: "FP-ヒラギノ角ゴ ProN W3", sans-serif;
  line-height: 2.4rem;
    margin: 0rem 0.5rem 0.6rem 0.5rem;
}

.app_txt_s, .app_section_wide .app_txt_s {
  font-size: 1.4rem;
  font-family: "FP-ヒラギノ角ゴ ProN W3", sans-serif;
  line-height: 2.4rem;
  margin: 0rem 0.5rem 0rem 0.5rem;
}

.app_txt_s ul{
  font-size: 1.4rem;
	  line-height: 2.4rem;
  font-family: "FP-ヒラギノ角ゴ ProN W3", sans-serif;
  margin: .5rem 2rem 0.8rem 1rem;
}

.app_txt_s li{
 font-size: 1.4rem;
	
  font-family: "FP-ヒラギノ角ゴ ProN W3", sans-serif;
  line-height: 2.2rem;
  margin: 0rem 0rem 0.5rem 1rem;
	

	list-style-type:disc;
	list-style-position: outside
		
}


.app_txt_s:before, .app_section_wide .app_txt_s:before {
  content: "■";
  font-size: 1.4rem;
  padding-right: 0.5rem;
  font-family: "FP-ヒラギノ角ゴ ProN W6", sans-serif;
	color: #0087D0
}
.app_right, .app_section_wide .app_right {
  width: calc(100% - 1rem);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
	margin-top: 1rem;
		/*border: #ccc 1px solid;*/
}




.app_cap {
  font-size: 1.4rem;
  font-family: "FP-ヒラギノ角ゴ ProN W3";
  margin: 1rem 0rem 1rem 0rem;

}



.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.4rem;
  font-family: "FP-ヒラギノ角ゴ ProN W3", sans-serif;
  line-height: 2.4rem;
  margin: 0.5rem 2% 0rem 2%;
}
.app_right_2nd_l {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  margin: 1rem 0
}