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


.feature_menu{
	
	 width: 100%;
  padding: 30px 0 30px 0;
background-color: #E8E8E8;
position: sticky;
	top: 88px;  z-index: 20;
}


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

}



.feature_menu_inner {
	display: flex;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0rem 50px;	

	
}


.feature_menu_b_area {
	flex: 1 0 ;
	display: flex;
	align-items: flex-end;
  padding: 0rem 0rem 0rem 1rem;	

	
}



.b_feature {
flex: 1 0 ;
  display: flex;
  align-items: center;
	justify-content: center;

  border-radius: 4px;
  margin: 0 1rem 0 1rem;
  padding: 1rem;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  color: #fff;
  font-size: 1.6rem;
  background-color: #454545;
  transition: 0.3s

	
}

.b_feature:hover {
  color: #fff;
  cursor: pointer;
  background-color: #777777
}



.features_base {
  width: 100%;
  padding: 4rem 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-direction: column;
  justify-content: center;
  align-items: center;
  width: 90%;
  padding: 1rem 0;
  margin: 0 auto 5rem auto;
  border-bottom: #999 1px solid;
}



.features_title_section_upper {
  width: 100%;
  display: flex;
  align-items: center;
	justify-content: center;

  border-radius: 4px;
  margin: 1rem 0 5rem 0;
  padding:1rem 0rem;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  color: #000;
  font-size: 1.8rem;
  background: linear-gradient(90deg, #ffffff 0%, #E5D0D9 20%, #E5D0D9 80%, #ffffff 100%);
  transition: 0.3s

	
}






.features_section_title_area {
  display: flex;
  flex-flow: wrap;
  justify-content: center;
	align-items: center;
  margin: 0rem 0rem 2rem 0rem;
}
.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_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_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: -5rem 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}