@charset "utf-8";

#g-nav ul li.nav_ul.value > a::before,#g-nav ul li.nav_ul.value > a::after{
    width: 50%;    
}
.subhead_ttl {
    font-size: calc((100vw - 80px)* 5.5 / 100);
}


.assets_flex{
    display: flex;
    justify-content: space-between;
    margin-top: 80px;
}
.assets_item{
    width: 31%;
}

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

}


@media screen and (max-width:768px){
    .subhead_ttl {
        font-size: 5vw;
    }
}

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

@media screen and (max-width:500px){
    .assets_flex {
        flex-wrap: wrap;
        max-width: 230px;
        margin: 30px auto 0;
    }
    .assets_item {
        width: 100%;
    }
    .assets_item:not(:first-child) {
        margin-top: 30px;
    }
}


.value_area {
  padding: 60px 0;
}

.value_ttl {
  font-size: 26px;
  line-height: 1.5;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid;
}

.value_text {
  font-size: 15px;
  line-height: 1.9;
  margin-bottom: 40px;
}

.value_img {
  margin-bottom: 40px;
}

.value_img img {
  width: 100%;
  height: auto;
  display: block;
}

.value_grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  row-gap: 30px;
  margin-bottom: 40px;
}

.value_grid_item img {
  width: 100%;
  height: auto;
  display: block;
}
.value_note{
	font-size: 12px;
	text-align: right;
	margin-top: -20px;
}
.value_top {
  display: flex;
  align-items: center;
  gap: 40px;
  margin-bottom: 60px;
}
.value_top_text {
  flex: 0 0 55%;
}
.value_top_img {
  flex: 0 0 45%;
}
.value_top_img img {
  width: 100%;
  height: auto;
  display: block;
}
.value_top2{
	margin-top: 80px;
}
.value_chart1{
	margin-top: 30px;
}
.value_chart2{
	margin-top: 80px;
}

@media screen and (max-width: 768px) {
	.value_area{
		padding: 0;
	}
  .value_grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .value_ttl {
    font-size: 18px;
  }
	.value_text {
    font-size: 14px;
		margin-bottom: 0;
	}
  .value_top {
    flex-direction: column;
    gap: 20px;
  }
	.value_note{
		text-align: left;
	}
  .value_top_text,
  .value_top_img {
    flex: 0 0 auto;
    width: 100%;
  }
  .value_chart2 {
    margin-top: 30px;
  }
	
}

.gnav .value a:after {
    content: "\025b2";
    color: #fff;
    position: absolute;
    bottom: 3px;
    font-size: 10px;
}