@charset "UTF-8";
/*--------------------------------*/


.feature_top_area {
  width: 100%;
padding: 0rem 0 0 0;
  background-color: #f2f2f2;

}

.feature_top_area_inner {

  display: flex;
 
  align-items: center;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0rem 50px 0rem 50px;


}

.feature_top_area_left {
flex: 1 0;
  display: flex;
	flex-direction: column;
padding: 2rem 0;
  align-items: center;


}
.feature_top_area_left .features_section_title_area {
width: 100%;
}
.feature_top_area_left .features_title {

		  flex: 1 0 ;
	 font-size:2.1rem;
	line-height: 2.6rem;
  text-align: center;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  margin: 0rem 2rem 0rem 2rem;
  font-feature-settings: "palt";
}
.features_txt_title_area {
  flex: 1 0;
  width: 94%;
  font-size: 1.6rem;
  font-family: "FP-ヒラギノ角ゴ ProN W3";
  line-height: 2.8rem;

}


.feature_top_area_title {

  font-family: "FP-ヒラギノ角ゴ ProN W6";
  font-size: 1.6rem;
  font-feature-settings: "palt";
	margin: .5rem 0rem 0rem 0rem;
}

.feature_top_area_e {
  font-family: "UniversNextPro-Cond";
  font-size: 1.8rem;
  padding: 1.5rem 0rem 0rem 0rem;
}

.feature_top_area_right {
	
flex: 1 0;


}


.feature_menu {
  width: 100%;
  padding: 30px 0 30px 0;
  background-color: #f2f2f2;
  position: sticky;
  top: 88px;
  z-index: 20;
}
@media screen and (max-width:1140px) {
  .feature_menu {
    width: 100%;
    padding: 30px 0 30px 0;
    background-color: #f2f2f2;
    position: sticky;
    top: 60px;
    z-index: 20;
  }
}


.feature_menu_subject_area {
	  max-width: 1280px;
  margin: 0 auto 20px auto;
  padding: 0rem 50px 0rem 50px;
  display: flex;
  align-items: center;
	opacity: 0
}
.feature_menu_subject_line {
  flex: 1 0;
  height: 4px;
background-color: #a50283;

}
.lnwd {
background-color: #664397;

}


.feature_menu_subject {
  padding: 0 1rem 0 1rem;
  font-size: 1.6rem;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  color: #000
}


.feature_menu_inner {
  display: flex;
	justify-content: space-between;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0rem 50px;	
}

.b_feature {
flex: 1 0 ;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  margin: 0 1rem 0 1rem;
  padding: 1rem .5rem 1rem .5rem;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  color: #fff;
  font-size: 1.6rem;
	line-height: 2rem;
  background-color: #454545;
  transition: 0.3s
}
.b_feature:hover {
  color: #fff;
  cursor: pointer;
  background-color: #777777
}

/*
.bwl{ background-color: #5C0047;
 color: #E0C0D9;
}

.bwl:hover {
  background-color: #870069
}
*/

.bwd{ /*background-color: #1e0058;
 color: #D6C6F6;*/
	width: 31%;
}




.features_base {
  width: 100%;
  padding: 0rem 0px 0px 0px;
  margin: 0px auto 0px auto;
}
.sq_mgn_03 {
  margin-top: -220px;
  padding-top: 220px;
}
@media screen and (max-width:1140px) {
  .sq_mgn_03 {
    margin-top: -260px;
    padding-top: 260px;
  }
}
.features_area {
  display: flex;
flex-flow: wrap;
justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 1rem 0 5rem 0;
  margin: 0 auto 5rem auto;
  border-bottom: #999 1px solid;
}
.features_section_title_area {
  display: flex;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  margin: 0rem 25% 2rem 25%;
	width: 50%
}
.features_title {
  flex: 1 0 auto;
  font-size: 1.8rem;
  text-align: center;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  margin: 0rem 2rem 0rem 2rem;
  font-feature-settings: "palt";
}
.features_title_bar {
  flex: 1 0 100%;
  margin: 1rem auto 0rem auto;
  height: 4px;
  overflow: hidden;
  background: linear-gradient(45deg, #dc0160 0%, #820039 30%, #820039 100%);
}
.features_title_bar_WL {
  flex: 1 0 100%;
  margin: 1rem auto 0rem auto;
  height: 4px;
  overflow: hidden;
  background: linear-gradient(45deg, #1FB4FC 0%, #0084C5 100%);
}
.features_title_bar_WD {
  flex: 1 0 100%;
  margin: 1rem auto 0rem auto;
  height: 4px;
  overflow: hidden;
  background: linear-gradient(45deg, #664397 0%, #1e0058 100%);
}
.features_title_s {
  font-size: 1.4rem;
  padding: 0.6rem 1rem;
  color: #fff;
  border-radius: 4px;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  margin: 0rem 0rem 0rem 2rem;
}

.features_lower {
	 width: 47%;
	display: flex;

 margin: 6rem 0rem 0rem 0rem;
}

.features_lower.dsp {
	display: flex;
  width: 80%;
 margin: 4rem 0rem 0rem 0rem;
	align-items: center
}


.features_icon_area {
	display: flex;
	flex-direction: column;

margin-right: 2.5rem;
  width: 100px;
}

.features_icon_area02 {
	display: flex;
	flex-direction: column;

margin-right: 2.5rem;
  width:300px;
}

.features_icon {


	  border-radius: 4px;
	overflow: hidden
}

.features_txt_title {
 
  font-size: 1.8rem;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  margin: 0rem 0rem 1rem 0rem;
  font-feature-settings: "palt";
}

.features_icon_txt {
	margin-top: 1rem;
text-align: center;
  font-size: 1.4rem;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  line-height: 1.6rem;
}

.features_txt {
  flex: 1 0;
  width: 80%;
  font-size: 1.6rem;
  font-family: "FP-ヒラギノ角ゴ ProN W3";
  line-height: 2.8rem;
}
.features_txt_b {
  width: 80%;
  font-size: 1.6rem;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  line-height: 2.8rem;
  margin: 1rem 0
}
.features_txt_b2 {
  width: 80%;
  font-size: 1.6rem;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  line-height: 2.8rem;
  margin: 2rem 0 1rem 0
}
.features_p {
  display: flex;
  flex-flow: wrap;
  align-items: center;
  width: 80%;
  margin: 3rem 0 4rem 0;
}
.pchf {
  width: 40%;
}
.ct {
  margin: 0rem 0;
}
.features_p_anime {
  display: flex;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 2rem 0;
}
.features_p09-01 {
  width: 425px;
  height: 200px;
  margin: 2rem 0rem;
  overflow: hidden
}
.features_p09-02 {
  width: 200px;
  height: 200px;
  margin: 2rem 5rem 2rem 2rem;
  overflow: hidden
}
.features_p09-03 {
  width: 225px;
  height: 200px;
  margin: 2rem 0rem;
  overflow: hidden
}
.features_p09-01 img {
  width: 425px;
  height: 200px;
}
.features_p09-02 img {
  max-width: 800px;
  width: 800px;
  height: 200px;
}
.features_p09-03 img {
  max-width: 800px;
  width: 800px;
  height: 200px;
}
.features2nd_copy_lower {
  margin: -2rem auto 3rem auto;
  width: 80%;
  font-size: 1.6rem;
  font-family: "FP-ヒラギノ角ゴ ProN W3";
  line-height: 2.8rem;
  color: #000
}
.features2nd_copy_lower ul {
  margin: 0 0 0 0;
}
.features2nd_copy_lower li {
  text-indent: -2rem;
  padding: 0 0 1rem 1rem;
  font-size: 1.6rem;
  font-family: "FP-ヒラギノ角ゴ ProN W3";
  line-height: 2.8rem;
  color: #000
}
.features2nd_copy_lower li:before {
  content: "■ ";
  color: #666666;
}
.features_base a {
  text-decoration: underline
}
.features_base a:hover {
  content: "■ ";
}
.features_bt {
  display: flex;
  align-items: stretch;
  width: 80%;
  margin: 3rem 0 4rem 0;
}
.Dante_LK_area {
  flex: 1 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0rem .5rem 2rem .5rem;
  padding: 2rem 0rem 2rem 0rem;
  background-color: #f0f0f0
}
.Dante_LK_area_title {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
}
.logo-Dante {
  padding: 0 3rem 0 0;
  width: 100px
}