@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;
    align-self: stretch;
  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;
  background: linear-gradient(90deg, #ffffff 0%, #003A5C 20%, #003A5C 50%, #003A5C 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: 2rem 0 2rem 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 2rem 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 45%;


}


.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 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, #000000 0%, #0071B3 30%, #000000 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;
}

.b_link_area {
  display: flex;
 
justify-content: center;
	align-items: center;
  width: 80%;
  margin:0 0 3rem 0;
    gap:2%
}
.b_link{
 flex: 1 0;
  display: flex;
  align-items: center;
  justify-content: center;
    align-self: stretch;
  border-radius: 2px;

  padding:2rem 1rem;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  color: #000;
  font-size: 1.6rem;
	line-height: 2rem;
	text-align: center;
  background-color: #ddd;
  transition: 0.3s;text-decoration: underline
}
.table_s {
	 width: 80%;
font-size: 1.4rem;
	margin: 2rem 0 3rem 0;
	
}
.table_s td{
	
font-size: 1.4rem;
	line-height: 1.8rem;
	padding: 1rem;  border: #ccc 1px solid;
	vertical-align: middle
}

.table_s td.tb{
 font-family: "FP-ヒラギノ角ゴ ProN W6";

}.table_s td.gr{
	background-color: #eee

}
.pc50 {
  width: 50%;
}