@charset "utf-8";
.header_nav02 li.nav-value a{
    background: #6d6854;
    color: #fff;
}

.foot_nav02 .nav_value{
    background-color: #6d6854;
    color: #fff;
	transition :0.7s;
}

.bg01{
    background: #f8f5ea;
}
.bg02{
    background: #eae2c8;
}

.section02{
    padding: 60px 0;
}



.value_map_flex{
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 800px;
    margin: 0 auto;
}
.value_map_text{
    width: 48%;
}
.value_map{
    width: 50%;
}

.value_map_ttl_ja{
    font-size: 48px;
}
.value_map_ttl_en{
    font-size: 14px;
    letter-spacing: 0.4em;
    margin-top: 0.3em;
}
.value_map_lead{
    font-size: 16px;
    line-height: 2;
    margin-top: 2em;
    letter-spacing: 0.2em;
}

.disaster_box{
    margin: 60px auto 0;
}

.disaster_item{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.disaster_text{
    width: 46%;
}
.disaster_img{
    width: 52%;
}

.disaster_item:not(:last-child){
    margin-bottom: 40px;
}
.disaster_ttl{
    font-size: 20px;
    line-height: 1.8;
    margin-bottom: 1em;
}
.disaster_lead{
    font-size: 14px;
    line-height: 1.8;
}
.disaster_text .cap{
    margin-top: 1em;
}
.disaster_item:nth-child(even) .disaster_ttl{
    text-align: right;
}


.ranking_box{
    margin: 80px auto 0;
    max-width: 1000px;
}
.ranking_item{
    display: flex;
    align-items: center;
}
.ranking_img{
    width: 50%;
}
.ranking_text{
    width: 50%;
}
.ranking_inner{
    padding: 0 20px;
}
.ranking_ttl{
    margin: 0 auto 30px;
    display: flex;
    max-width: 350px;
    width: 100%;
}
.ranking_flex{
    display: flex;
    justify-content: space-between;
}
.ranking_graph{
    width: 49%;
}
.ranking_lead{
    width: 49%;
    font-size: 12px;
    line-height: 1.5;
    text-align: justify;
}
.ranking_text .cap{
    margin-top: 1em;
}

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

}

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

}

@media screen and (max-width: 1000px) {
.value_map_ttl_ja {
    font-size: 40px;
}
.value_map_ttl_en {
    font-size: 12px;
}
.value_map_lead {
    font-size: 14px;
}

.disaster_ttl {
    font-size: 18px;
}
.disaster_lead {
    font-size: 12px;
}
.disaster_item {
    align-items: flex-start;
}
.ranking_ttl {
    max-width: 250px;
    margin: 0 auto 20px;
}
.disaster_box {
    margin: 40px auto 0;
}
}

@media screen and (max-width: 750px) {
.disaster_item{
    flex-wrap: wrap;
}
.disaster_text{
    width: 100%;
    order: 2;
}
.disaster_img{
    width: 100%;
    order: 1;
}
.disaster_box {
    max-width: 450px;
}

.disaster_ttl{
    text-align: center!important;
    margin: 1em auto;
}

.ranking_item{
    flex-wrap: wrap;
}
.ranking_img{
    width: 100%;
    order: 1;
    margin: 0 auto 20px;
    padding: 0 20px;
}
.ranking_text{
    width: 100%;
    order: 2;
}
.ranking_item:not(:last-child){
    margin: 0 auto 40px;
}
.ranking_box{
    max-width: 490px;
}
}


@media screen and (max-width: 650px) {
.disaster_ttl {
    font-size: 16px;
}
.sec_ttl{
    letter-spacing: 0.1em;
}
.value_map_flex{
    flex-wrap: wrap;
}
.value_map_text{
    width: 100%;
    text-align: center;
}
.section01{
    padding: 30px 0 0;
}
.value_map {
    width: 100%;
    max-width: 360px;
    margin: 30px auto 0;
}
.value_map_ttl_ja {
    font-size: 32px;
}
.value_map_lead {
    margin: 1em auto 0;
}
.section02{
    padding: 40px 0;
}
}

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

}

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