@charset "UTF-8";


/* PC */
@media (min-width : 1025px ){
	
	
.mainarea {
    position: relative;
    top: 92px;
    width: 100vw;
}
.mainarea .section01 {
    background-image: url(../img/designwallmap_titlebase.jpg);
    /* [disabled]width: 100%; */
    height: 800px;
    padding-top: 69px;
    padding-right: 69px;
    padding-left: 69px;
    padding-bottom: 69px;
    color: #000000;
    background-repeat: no-repeat;
    background-size: cover;
    font-family: kozuka-gothic-pro, sans-serif;
    font-weight: 200;
    background-position: top;
}
.mainarea .section01 #section01-title-eara {
    text-align: center;
    height: 100%;
}
#section01-title-eara h1 .logo_DesignWallMaps_big {
    margin: auto;
    position: relative;
    text-align: left;
    top: 277px;
    width: 711px;
}
.mainarea .section02 {
    height: 733px;
    text-align: center;
}
.mainarea .section02 .section02-wrap {
    height: 1000px;
    margin: auto;
    width: 100%;
}
.section02-img-wrap {
    text-align: center;
    position: relative;
    left: -290px;
}
.section02-img {
    position: relative;
    left: auto;
    width: 593px;
}
.section02-text-wrap {
    width: 555px;
    position: absolute;
    top: 1113px;
    left: 55%;
}
.mainarea .section03 {
    height: 733px;
}
.mainarea .section03 .section03-wrap {
    margin: auto;
    height: 1000px;
    width: 100%;
}
.section03-logo-wrap {
    width: 558px;
    position: absolute;
    top: 1973px;
    right: 49%;
}
.section03-wrap .section03-logo-wrap .designwall_map {
    width: 447px;
}
.section03-img-wrap {
    text-align: center;
    position: relative;
    /* [disabled]right: -303px; */
}
.section03-img {
    width: 593px;
    position: relative;
    left: 304px;
}
.mainarea .section04 {
    height: 734px;
}
.mainarea .section04 .section04-wrap {
    margin: auto;
    height: 1000px;
    width: 100%;
}
.section04-img-wrap   {
    text-align: center;
    position: relative;
    left: -290px;
}
.section04-img {
    position: relative;
    left: auto;
    width: 593px;
}
.section04-text-wrap {
    width: 616px;
    position: absolute;
    top: 2537px;
    left: 55%;
}
.mainarea .section05 {
}
.mainarea .section05 .section05-photo {
    width: 100%;
}
.designwall_text_h1 {
    font-weight: 200;
    font-size: 54px;
    line-height: 73px;
    text-align: left;
}
.designwall_text_h2 {
    font-weight: 200;
    font-size: 17px;
    line-height: 32px;
    letter-spacing: 1px;
    text-align: left;
}

.mainarea a .btn_forpro {
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 469px;
    width: 747px;
    position: relative;
    top: 122px;
    padding-top: 16px;
    padding-right: auto;
    padding-left: auto;
    padding-bottom: 7px;
    border-radius: 5px;
    height: 104px;
    background-color: #C6AC67;
    color: white;
    font-size: 42px;
    font-weight: 200;
    text-align: center;
    margin-left: auto;
}	
	
.br_767 {
    display: none;
}	
	
a:hover {
    text-decoration: none;
    color: #F17C12;
}	
	
	
}





/* Tablets */
@media ( max-width : 1024px ) and (min-width : 768px ){
		

.mainarea {
    position: relative;
    top: 92px;
    width: 100vw;
}
.mainarea .section01 {
    background-image: url(../img/designwallmap_titlebase.jpg);
    /* [disabled]width: 100%; */
    height: 366px;
    padding-top: 69px;
    padding-right: 69px;
    padding-left: 69px;
    padding-bottom: 69px;
    color: #000000;
    background-position: 77% 0%
%;
    background-repeat: no-repeat;
    background-size: cover;
    font-family: kozuka-gothic-pro, sans-serif;
    font-weight: 200;
    background-position: top;
}
.mainarea .section01 #section01-title-eara {
    text-align: center;
    height: 100%;
}
#section01-title-eara h1 .logo_DesignWallMaps_big {
    margin: auto;
    position: relative;
    text-align: center;
    top: 109px;
    width: 453px;
}
.mainarea .section02 {
    height: 440px;
}
.mainarea .section02 .section02-wrap {
    /* [disabled]height: 751px; */
    margin: auto;
    width: 100%;
}
.section02-img-wrap {
    text-align: center;
    position: relative;
    left: 0px;
}
.section02-img {
    position: relative;
    left: -184px;
    width: 355px;
    height: auto;
}
.section02-text-wrap {
    /* [disabled]width: 283px; */
    position: absolute;
    top: 584px;
    left: 55%;
}
.mainarea .section03 {
    height: 543px;
}
.mainarea .section03 .section03-wrap {
    margin: auto;
    /* [disabled]height: 1000px; */
    width: 100%;
}
.section03-logo-wrap {
    width: 310px;
    position: absolute;
    top: 1219px;
    right: 55%;
}
.section03-wrap .section03-logo-wrap .designwall_map {
    width: 301px;
}
.section03-img-wrap {
    text-align: center;
    position: relative;
    /* [disabled]right: -303px; */
}
.section03-img {
    width: 439px;
    position: relative;
    left: 213px;
    height: auto;
}
.mainarea .section04 {
    height: 440px;
}
.mainarea .section04 .section04-wrap {
    margin: auto;
    /* [disabled]height: 1000px; */
    width: 100%;
}
.section04-img-wrap   {
    text-align: center;
    position: relative;
    width: auto;
}
.section04-img {
    position: relative;
    /* [disabled]left: 24px; */
    width: 355px;
    right: 184px;
}
.section04-text-wrap {
    /* [disabled]width: 616px; */
    position: absolute;
    top: 1512px;
    left: 55%;
}
.mainarea .section05 {
}
.mainarea .section05 .section05-photo {
    width: 100%;
}
.designwall_text_h1 {
    font-weight: 200;
    font-size: 32px;
    line-height: 45px;
    width: auto;
}
.designwall_text_h2 {
    font-weight: 200;
    font-size: 14px;
    line-height: 27px;
    letter-spacing: 1px;
    width: 320px;
}

.mainarea a .btn_forpro {
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 469px;
    width: 684px;
    position: relative;
    top: 122px;
    padding-top: 16px;
    padding-right: auto;
    padding-left: auto;
    padding-bottom: 7px;
    border-radius: 5px;
    height: 104px;
    background-color: #C6AC67;
    color: white;
    font-size: 42px;
    font-weight: 200;
    text-align: center;
    margin-left: auto;
}	
	
.br_767 {
    display: none;
}	
	
a:hover {
    text-decoration: none;
    color: #F17C12;
}	
	
	
	
	
	
}	





/* Mobile */
@media ( max-width : 767px ){
			

.mainarea {
    position: relative;
    top: 50px;
    width: 100vw;
}
.mainarea .section01 {
    background-image: url(../img/designwallmap_titlebase.jpg);
    /* [disabled]width: 100%; */
    height: 386px;
    color: #000000;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    font-family: kozuka-gothic-pro, sans-serif;
    font-weight: 200;
}
.mainarea .section01 #section01-title-eara {
    text-align: center;
    position: relative;
    top: 43%;
    width: 100%;
}
#section01-title-eara h1 .logo_DesignWallMaps_big {
    margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
    position: relative;
    /* [disabled]text-align: left; */
    width: 201px;
    margin-left: auto;
}
.mainarea .section02 {
    /* [disabled]height: 100%; */
    margin-top: auto;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 502px;
    width: 100%;
    top: auto;
}
.section02-img-wrap {
    text-align: center;
    position: relative;
    left: 0px;
    top: 369px;
    width: 100%;
}
.section02-img {
    position: relative;
    width: 100%;
    height: auto;
    left: auto;
}
.section02-text-wrap {
    width: 70%;
    position: absolute;
    margin: auto;
    top: 424px;
    left: 14%;
    right: 14%;
}
.mainarea .section03 {
    /* [disabled]height: 100%; */
    margin-top: auto;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 618px;
    width: 100%;
    position: relative;
    padding-top: 136px;
    top: -140px;
}
.mainarea .section03 .section03-wrap {
    margin: auto;
    /* [disabled]height: 1000px; */
    width: 100%;
}
.section03-logo-wrap {
    width: 251px;
    position: relative;
    /* [disabled]top: 77%; */
    /* [disabled]right: 14%; */
    left: 14%;
}
.section03-wrap .section03-logo-wrap .designwall_map {
    width: 224px;
}
.section03-img-wrap {
    text-align: center;
    position: relative;
    top: 149px;
    width: 100%;
}
.section03-img {
    width: 100%;
    position: relative;
    top: auto;
}
.mainarea .section04 {
    /* [disabled]height: 1143px; */
    width: 100%;
    position: relative;
    top: -616px;
}
.mainarea .section04 .section04-wrap {
    margin: auto;
    /* [disabled]height: 1000px; */
    width: 100%;
    position: relative;
}
.section04-img-wrap   {
    text-align: center;
    position: relative;
    width: 100%;
    top: 405px;
}
.section04-img {
    position: relative;
    /* [disabled]left: 24px; */
    width: 100%;
    /* [disabled]right: 184px; */
}
.section04-text-wrap {
    /* [disabled]width: 616px; */
    position: absolute;
    left: 14%;
    right: 14%;
    top: 7%;
}
.mainarea .section05 {
    position: relative;
    top: -218px;
}
.mainarea .section05 .section05-photo {
    width: 100%;
    font-size: medium;
    top: auto;
}
.designwall_text_h1 {
    font-weight: 200;
    font-size: 22px;
    line-height: 34px;
    /* [disabled]width: 225px; */
}
.designwall_text_h2 {
    font-weight: 200;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 1px;
    /* [disabled]width: 225px; */
}

.mainarea a .btn_forpro {
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 233px;
    width: 236px;
    position: relative;
    top: -63px;
    padding-top: 16px;
    padding-right: auto;
    padding-left: auto;
    padding-bottom: 7px;
    border-radius: 5px;
    height: 80px;
    background-color: #C6AC67;
    color: white;
    font-size: 19px;
    font-weight: 200;
    text-align: center;
    margin-left: auto;
}	
		

a:hover {
    text-decoration: none;
    color: #F17C12;
}	
	
	
	
	
	
}