@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: center;
  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;
	line-height: 2rem;
	text-align: center;
  background-color: #454545;
  transition: 0.3s
}
.b_feature:hover {
  color: #fff;
  cursor: pointer;
  background-color: #777777
}
.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_title_section_upper {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  margin: 1rem 0 4rem 0;
  padding: 1rem 0rem;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  color: #fff;
  font-size: 1.8rem;
    line-height: 2.2rem;
  background: linear-gradient(90deg, #ffffff 0%, #00a0f1 20%, #0142aa 50%, #00a0f1 80%, #ffffff 100%);
  transition: 0.3s
}



.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;

  align-items: center;
margin: 0rem 0 0rem 0
}


@media screen and (max-width:1140px) {

.feature_top_area_left {
flex: 1 0;
  display: flex;
	flex-direction: column;

  align-items: center;
margin: 2rem 0 1rem 0
}
}



.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: 0 0 36%;


}


.features_menu {
  width: 100%;
  text-align: center;
  background-color: #2d2351;
  padding: 5px 0px 5px 0px;
  transition: 0.4s max-height;
  margin: 0px auto 0px auto;
  max-height: 270px;
}
.features_menu.appa {
  max-height: 0px;
  overflow: hidden;
  margin: 0px auto 180px auto;
}
.features_menu_app {
  position: fixed;
  top: 150px;
  width: 100%;
  text-align: center;
  max-height: 0px;
  background-color: #2d2351;
  padding: 0px 0px 0px 0px;
  overflow: hidden;
  transition: 0.4s;
  z-index: 2
}
@media screen and (max-width:1140px) {
  .features_menu_app {
    position: fixed;
    top: 120px;
    width: 100%;
    text-align: center;
    max-height: 0px;
    background-color: #2d2351;
    padding: 0px 0px 0px 0px;
    overflow: hidden;
    transition: 0.4s max-height;
  }
}
.features_menu_app.fixed {
  max-height: 270px;
}
.features_menu_area {
  display: flex;
  flex-wrap: wrap;
  width: calc(100vw - 4rem);
  max-width: 1200px;
  margin: 3rem auto;
}
.features_menu_cat_area {
  flex: 0 1 20%;
  display: flex;
  align-items: stretch;
  justify-content: space-around
}
.cat_area_left {
  width: 30px;
  min-height: 6rem;
  display: table-cell;
  box-sizing: border-box;
  border-bottom: #CBBAFF 1px solid;
  border-top: #CBBAFF 1px solid;
  border-left: #CBBAFF 1px solid;
}
.cat_area_right {
  width: 30px;
  min-height: 6rem;
  border-bottom: #CBBAFF 1px solid;
  border-top: #CBBAFF 1px solid;
  border-right: #CBBAFF 1px solid;
}
.cat_area_center {
  width: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  color: #fff;
}
.features_menu_item_area {
  flex: 1 0;
  display: flex;
  flex-wrap: wrap;
}
.item {
  flex: 1 0 28%;
  display: flex;
  align-items: center;
  align-content: flex-start;
  text-align: left;
  font-size: 1.4rem;
  line-height: 1.8rem;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  color: #fff;
  margin: 0px 0px 0.2rem 2rem;
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  border-bottom: #000 1px solid;
}
.item a {
  color: #ddd;
}
.item a:hover {
  color: #fff;
  opacity: 1.0
}
.features_base {
  width: 100%;
  padding: 4rem 0px 0px 0px;
  margin: 0px auto 0px auto;
}

.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_section_title_area {
  display: flex;
  flex-flow: wrap;
  justify-content: center;
  margin: 0rem 0rem 2rem 0rem;
}
.features_title {
  flex: 1 0 ;
  font-size: 1.8rem;
    line-height: 2.2rem;
  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, #00bbf2 0%, #0643df 30%, #00bbf2 100%);
}
.features_txt {
  flex: 1 0;
  width: 80%;
  font-size: 1.6rem;
  font-family: "FP-ヒラギノ角ゴ ProN W3";
  line-height: 2.8rem;
   
}
.features_p {
  display: flex;
  flex-flow: wrap;

	align-items: center;
  width: 80%;
  margin: 2rem 0;
}
.features_p_anime {
  display: flex;
  flex-flow: wrap;
justify-content: center;
	align-items: center;
  width: 100%;
  margin: 2rem 0;	

}
.cap_p {
    width: 80%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  margin: 2rem 0rem -1rem 0rem;
  padding: .5rem 0;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  color: #000;
  font-size: 1.4rem;
	line-height: 2rem;
	text-align: center;
  background-color: #ddd;
  transition: 0.3s
}

.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;
}