@charset "UTF-8";
*{
	margin: 0;
	padding: 0;
    list-style: none;
}
#fadenum{
    position: absolute;
    z-index: 24;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
}
.new_line{
    display: none;
}
.aosclass{
    float: left;
}
.contents1_inner_box .head_text,
.head_text3{
    position: absolute;
    display: inline-block;
    top: 12px;
    left: 113px;
    font-size: 34px;
    z-index: 23;
}
.build_tower{
    opacity: 0;
}
#build_row1,
#build_row2,
#build_row3,
#build_row4,
#build_row5,
#build_row6,
#build_row7,
#build_row8,
#build_row9,
#build_row10{
    opacity: 0;
}
.man{
    top: 345px;
    left: 231px;
    font-size: 26px;
}
.woman{
    top: 345px;
    left: 531px;
    font-size: 26px;
}
.age10_20{
    position: absolute;
    width: 100%;
    top: 194px;
    left: 189px;
    color: #fff;
    letter-spacing: 0.5px;
    opacity: 0;
}
.age10_20 p:nth-of-type(2){
    margin: 16px 0 0 0;
    font-size: 30px;
}
.age10_20 p:nth-of-type(3){
    margin: 28px 0 0 78px;
}
.age30{
    position: absolute;
    width: 100%;
    top: 273px;
    left: 137px;
    color: #fff;
    letter-spacing: 0.5px;
    opacity: 0;
}
.age30 p:nth-of-type(1){
    margin: 0 0 0 21px;
}
.age30 p:nth-of-type(2){
    margin: 16px 0 0 0;
    font-size: 30px;
}
.age30 p:nth-of-type(3){
    margin: 28px 0 0 78px;
}
.age40{
    position: absolute;
    width: 100%;
    top: 224px;
    left: 7px;
    color: #000;
    letter-spacing: 0.5px;
    opacity: 0;
}
.age40 p:nth-of-type(1){
    margin: 0 0 0 21px;
}
.age40 p:nth-of-type(2){
    margin: 16px 0 0 0;
    font-size: 30px;
}
.age40 p:nth-of-type(3){
    margin: 28px 0 0 78px;
}
.age50{
    position: absolute;
    width: 100%;
    top: 119px;
    left: 19px;
    color: #000;
    letter-spacing: 0.5px;
    opacity: 0;
}
.age50 p:nth-of-type(1){
    margin: 0 0 0 21px;
}
.age50 p:nth-of-type(2){
    margin: 16px 0 0 0;
    font-size: 30px;
}
.age50 p:nth-of-type(3){
    margin: 28px 0 0 78px;
}
/*aaa*/
.age10_20w{
    position: absolute;
    width: 100%;
    top: 219px;
    left: 472px;
    color: #fff;
    letter-spacing: 0.5px;
    opacity: 0;
}
.age10_20w p:nth-of-type(2){
    margin: 16px 0 0 0;
    font-size: 30px;
}
.age10_20w p:nth-of-type(3){
    margin: 28px 0 0 78px;
}
.age30w{
    position: absolute;
    width: 100%;
    top: 218px;
    left: 377px;
    color: #fff;
    letter-spacing: -0.4px;
    opacity: 0;
}
.age30w p:nth-of-type(1){
    margin: 0 0 0 21px;
    font-size: 15px;
}
.age30w p:nth-of-type(2){
    margin: 16px 0 0 0;
    font-size: 27px;
}
.age30w p:nth-of-type(3){
    margin: 28px 0 0 67px;
    font-size: 14px;
}
.age40w{
    position: absolute;
    width: 100%;
    top: 128px;
    left: 303px;
    color: #000;
    letter-spacing: 0.5px;
    opacity: 0;
}
.age40w p:nth-of-type(1){
    margin: 0 0 0 21px;
}
.age40w p:nth-of-type(2){
    margin: 16px 0 0 0;
    font-size: 30px;
}
.age40w p:nth-of-type(3){
    margin: 28px 0 0 78px;
}
.age50w{
    position: absolute;
    width: 100%;
    top: 68px;
    left: 376px;
    color: #000;
    letter-spacing: 0.5px;
    opacity: 0;
}
.age50w p:nth-of-type(1){
    margin: 0 0 0 21px;
}
.age50w p:nth-of-type(2){
    margin: 16px 0 0 0;
    font-size: 30px;
}
.age50w p:nth-of-type(3){
    margin: 28px 0 0 61px;
}
.counter{
    display: inline-block;
    position: absolute;
    top: 134px;
    left: 86px;
    font-size: 90px;
    font-weight: bold;
    letter-spacing: -2.1px;
    color: #008d42;
    z-index: 23;
}
.nan{
    display: inline-block;
    position: absolute;
    top: 179px;
    left: 187px;
    font-size: 41px;
    font-weight: bold;
    color: #008d42;
    z-index: 23;
}
.counter1{
    display: inline-block;
    position: absolute;
    top: 178px;
    left: 200px;
    font-size: 41px;
    font-weight: bold;
    color: #008d42;
    z-index: 23;
}
.percent{
    display: inline-block;
    position: absolute;
    top: 221px;
    left: 155px;
    font-size: 35px;
    color: #008d42;
    z-index: 24;
}
.ex_text{
    font-size: 17.5px;
    text-align: center;
    z-index: 23;
    position: absolute;
    top: 314px;
    left: 50px;
    line-height: 2;
}
.build_towerin1,
.build_towerin2,
.build_towerin3{
    margin: 0px 53px;
    display: inline-block;
}
.build_towerin2{
    margin: 3px 53px 0 252px;
}
.build_towerin3{
    margin: 23px 0px 0 200px!important;
}
#num_build,
#num_resident{
    opacity: 0;
}
.annotation{
    margin: 9px 0 0 690px;
}
[data-aos=fade-up].aostext {
    transform: translateY(25px);
}
[data-aos=fade-down].aostext2 {
    transform: translateY(-25px);
}
[data-aos=fade-left].aostext3 {
    transform: translate(10px);
}
[data-aos=fade-right].aostext4 {
    transform: translate(-10px);
}
@media screen and ( max-width:980px ){
    #egraf_green {
        width: 39.5%;
        left: 29.6%;
    }
    #fadenum {
        left: 132px;
    }
    .contents1_inner_box .head_text, .head_text3 {
        left: 242px;
    }
    .ex_text {
        left: 181px;
    }
    .graf_box:nth-of-type(4) p.head_text {
        left: 225px;
    }
    .graf_box:nth-of-type(4) .num_resident {
        left: 177px;
    }
    .annotation {
        margin: 9px 0 0 65%;
    }
}
@media screen and ( max-width:768px ){
    .annotation {
        margin: 9px 0 0 54%;
    }
}
@media screen and ( max-width:675px ){
    .contimg02_text dt {
        width: 15%;
    }
}
@media screen and ( max-width:670px ){
    .new_line.newseven{
        display: block;
    }
}
@media screen and ( max-width:661px ){
    .new_line.newseven{
        display: none;
    }
}
@media screen and ( max-width:641px ){
    .new_line.newseven{
        display: block;
    }
}
@media screen and ( max-width:632px ){
    .new_line.neweight{
        display: none;
    }
    .new_line.newseven{
        display: block;
    }
}
@media screen and ( max-width:630px ){
    .contents1_inner_box .head_text,.head_text3 {
        left: 144px;
    }
    #egraf_green {
        width: 56.5%;
        left: 22.6%;
    }
    #egraf {
        top: 90px;
        left: 96px;
    }
    .man{
        top: 320px;
        left: 310px;
    }
    .woman{
        top: 680px;
        left: 310px;
    }
    .age10_20{
        top: 157px;
        left: 205px;
    }
    .age30{
        top: 240px;
        left: 153px;
    }
    .age40{
        top: 207px;
        left: 23px;
    }
    .age50{
        top: 79px;
        left: 43px;
    }
    .age10_20w{
        top: 539px;
        left: 211px;
    }
    .age30w{
        top: 539px;
        left: 115px;
    }
    .age40w{
        top: 447px;
        left: 58px;
    }
    .age50w{
        top: 371px;
        left: 104px;
    }
    #graf_line{
        top: 206px;
        left: 89px;
    }
    #graf_line2{
        top: 103px;
        left: 105px;
    }
    #graf_line3{
        top: 472px;
        left: 121px;
    }
    #graf_line4{
        top: 413px;
        left: 177px;
    }
    #egraf_red{
        top: 450px;
        left: 100px;
    }
    #fadenum {
        left: 34px;
    }
    .graf_box:nth-of-type(2){
        height: 750px;
    }
    .graf_box:nth-of-type(2) p.head_text {
        left: 120px;
    }
    .graf_box:nth-of-type(3) p.head_text3 {
        left: 140px;
    }
    .graf_box:nth-of-type(4) p.head_text {
        left: 140px;
    }
    .ex_text {
        left: 89px;
    }
    .build_tower .build_tower1 img{
        width: 81%;
    }
    .graf_box:nth-of-type(3){
        height: 368px;
    }
    .graf_box:nth-of-type(3) .num_build p{
        font-size: 83px;
    }
    .graf_box:nth-of-type(3) .num_build p:nth-of-type(2){
        margin: 74px 0 0 125px;
        font-size: 29px;
    }
    .graf_box:nth-of-type(3) ul li {
        margin: 0 0;
    }
    .graf_box:nth-of-type(3) .num_build{
        left: 239px;
        top: 42px;
    }
    .build_towerin1{
        margin: 0px 0 0 47px;
    }
    .build_towerin2, .build_towerin3 {
        margin: 0px 0px 0 198px;
    }
    .graf_box:nth-of-type(4) .num_resident{
        left: 74px;
    }
}
@media screen and ( max-width:581px ){
    .new_line{
        display: block;
    }
    .new_line.newthree{
        display: none;
    }
    .new_line.newsix{
        display: none;
    }
}
@media screen and ( max-width:546px ){
    .new_line.newtwo{
        display: none;
    }
}
@media screen and ( max-width:545px ){
    .new_line.newtwo{
        display: none;
    }
}
@media screen and ( max-width:503px ){
    .contimg02_text dt {
        width: 17.3%;
    }
}
@media screen and ( max-width:499px ){
    .contimg02_text dl {
        margin-left: 6px;
    }
    .contimg02_text dd {
        width: 75.7%;
    }
}
@media screen and ( max-width:498px ){
    .new_line.newfive{
        display: none;
    }
}
@media screen and ( max-width:483px ){
    .new_line{
        display: block;
    }
    .new_line.newfive{
        display: none;
    }
}
@media screen and ( max-width:444px ){
    .contimg02_text dt{
        width: 18.5%;
    }
    .contimg02_text dd {
        padding-left: 6px;
        padding-right: 4px;
    }
}
@media screen and ( max-width:432px ){
    .contimg02_text dt {
        padding-left: 5px;
    }
    .contimg02_text dt {
        width: 19%;
    }
    .contimg02_text dd {
        width: 74%;
    }
}
@media screen and ( max-width:425px ){
    input#name, input#kana, input#company, input#email, input#emailcheck, input#maker_etc, input#color_etc, input#postal_code, input#city_address, input#address03, input#tel, input#age, input#cost, input#floor, input#unit, textarea#memo {
        margin-left: 13px;
    }
    input#zipcode, input#tel {
        width: 200px;
        height: 1.3em;
        padding-left: 6px;
    }
    input#name, input#kana, input#company, input#email, input#emailcheck, input#maker_etc, input#color_etc, input#postal_code, input#city_address, input#address03, input#tel, input#age, input#cost, input#floor, input#unit {
        font-size: 1.2em;
        width: 230px;
        height: 1.3em;
        -webkit-appearance: none;
        border-radius: 0;
    }
    .annotation{
        margin: 9px 0 0 30%;
        font-size: 15px;
    }
}
@media screen and ( max-width:397px ){
    .contimg02_text dt {
        width: 21%;
    }
    .contimg02_text dd {
        width: 70%;
    }
    .contimg02_text dl {
        margin-left: 11px;
    }
}
@media screen and ( max-width:389px ){
    .contimg02_text dd {
        font-size: 14.5px;
    }
    .contimg02_text dt{
        font-size: 14.5px;
    }
}
@media screen and ( max-width:375px ){
    label {
            margin: 0 41px 10px 20px;
    }
    .graf_box, .graf_box:nth-of-type(2), .graf_box:nth-of-type(3), .graf_box:nth-of-type(4){
        width: 320px;
    }
    #egraf_green {
        width: 70.5%;
        left: 15.6%;
    }
    .contents1_inner_box .head_text, .head_text3 {
        left: 107px;
    }
    #fadenum {
        left: -5px;
    }
    .ex_text{
        font-size: 15.5px;
        left: 55px;
    }
    .graf_box:nth-of-type(2) p.head_text {
        left: 83px;
    }
    .age_num1{
        font-size: 25px!important;
    }
    .man {
        top: 320px;
        left: 245px;
    }
    .woman {
        top: 680px;
        left: 245px;
    }
    #egraf{
        left: 67px;
        width: 208px;
    }
    #egraf_red{
        left: 67px;
        width: 208px;
    }
    .age10_20 {
        top: 159px;
        left: 176px;
    }
    .age30 {
        top: 235px;
        left: 125px;
    }
    .age40 {
        top: 207px;
        left: 13px;
    }
    .age50 {
        top: 78px;
        left: 33px;
    }
    .age10_20w {
        top: 539px;
        left: 177px;
    }
    .age30w {
        top: 541px;
        left: 83px;
    }
    .age40w {
        top: 447px;
        left: 23px;
    }
    .age50w {
        top: 396px;
        left: 84px;
    }
    #graf_line {
        top: 206px;
        left: 72px;
    }
    #graf_line2 {
        top: 103px;
        left: 95px;
    }
    #graf_line3 {
        top: 474px;
        left: 86px;
    }
    #graf_line4 {
        top: 413px;
        left: 140px;
    }
    .age10_20 p:nth-of-type(3),
    .age30 p:nth-of-type(3),
    .age40 p:nth-of-type(3),
    .age50 p:nth-of-type(3){
        margin: 23px 0 0 66px;
    }
    .age10_20w p:nth-of-type(3),
    .age40w p:nth-of-type(3){
        margin: 23px 0 0 66px;
    }
    .age30w p:nth-of-type(3){
        margin: 25px 0 0 61px;
    }
    .age50w p:nth-of-type(3){
        margin: 23px 0 0 50px;
    }
    .graf_box:nth-of-type(3) p.head_text3 {
        left: 96px;
    }
    .graf_box:nth-of-type(3) {
        height: 302px;
    }
    .graf_box:nth-of-type(3) .num_build {
        left: 194px;
        top: 50px;
    }
    .graf_box:nth-of-type(3) .num_build p {
        font-size: 69px;
    }
    .graf_box:nth-of-type(3) .num_build p:nth-of-type(2) {
        margin: 66px 0 0 100px;
        font-size: 22px;
    }
    .build_towerin1 {
        margin: 0px 0 0 77px;
    }
    .build_towerin2, .build_towerin3 {
        margin: -7px 0px 0 202px;
    }
    .graf_box:nth-of-type(3) ul li {
        margin: 0 -3.2px;
    }
    .build_tower .build_tower1 img {
        width: 66%;
    }
    .graf_box:nth-of-type(4) p.head_text {
        left: 93px;
    }
    .graf_box:nth-of-type(4) .num_resident {
        left: 33px;
    }
}
@media screen and ( max-width:360px ){
    label {
            margin: 0 41px 10px 20px;
    }
    #formbody {
        width: 92%;
    }
}
@media screen and (min-width: 321px){
    .new_line.new320,
    .br320{
        display: none;
    }
}
@media screen and (max-width: 320px){
    .mod_form table tr th {
        width: 97%!important;
    }
    .mod_form table tr td {
        width: 97%;
    }
    .contimg02_text dl {
        margin-left: 1px;
    }
    .contimg02_text dt {
        padding-bottom: 28px;
    }
    .contimg02_text dd{
        padding-bottom: 28px;
    }
    .contimg02_text dt {
        width: 22.8%;
    }
    .new_line.new320{
        display: block;
    }
    .br320{
        display: block;
    }
    .graf_box, .graf_box:nth-of-type(2), .graf_box:nth-of-type(3), .graf_box:nth-of-type(4) {
        width: 310px;
    }
    .counter {
        top: 102px;
        left: 85px;
        font-size: 83px;
    }
    .nan {
        top: 160px;
        left: 177px;
        font-size: 41px;
    }
    .counter1{
        top: 163px;
        left: 192px;
        font-size: 39px;
    }
    .percent{
        top: 210px;
        left: 151px;
        font-size: 35px;
    }
    .contents1_inner_box .head_text, .head_text3{
        left: 103px;
        font-size: 32px;
    }
    .graf_box:nth-of-type(2) p.head_text {
        left: 80px;
    }
    .man {
        left: 241px;
    }
    .woman {
        left: 241px;
    }
    .graf_box:nth-of-type(3) ul li {
        margin: 0 -3.8px;
    }
    .build_towerin2, .build_towerin3 {
        margin: -7px 0px 0 199px;
    }
    .graf_box:nth-of-type(3) .num_build {
        left: 184px;
        top: 43px;
    }
    .graf_box:nth-of-type(3) .num_build p {
        font-size: 66px;
        letter-spacing: -8px;
    }
    .graf_box:nth-of-type(3) .num_build p:nth-of-type(2) {
        margin: 62px 0 0 97px;
    }
    .annotation {
        margin: 9px 0 0 11%;
        font-size: 15px;
    }
}