@charset "UTF-8";

.section1 .projects_area{
width:100%;
text-align:justify;
}
.section1 .projects_area h1{
width:60%;
height:auto;
}
.section1 .projects_area h1 img{
width:100%;
height:auto;
}
#section1-left{
background:#EEE;
text-align:center;
}
#section1-left div{
width:70%;
height:auto;
margin:0 auto;
}
#section1-left div img{
width:100%;
height:auto;
}
#section1-right{
background:#FFF;
text-align:justify;
padding:0 3.0em;
}
#section1-right .projects_area{
}
#section1-right .projects_area:last-child{
padding:0;
}
#section1-right .data p{
font-size:12px;
line-height:2.0em;
margin-top:2.0em;
text-align:justify;
}
#section1-right h3{
font-family:TsukuMinPr6-LB;
font-size:2.0vw;
margin-bottom:1.5em;
color:#000;
}
#section1-right h3{
font-size:15px;
margin-top:2.0em;
margin-bottom:1.0em;
}


@media screen and (min-width:1024px) {
.smp{
display:none;
}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
.smp{
display:none;
}
.pc{
display:none;
}
.tablet{
display:block;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.pc{
display:none;
}
}





/*==================================================================

SECTION_02

==================================================================*/
#section2-left{
background:#EEE;
text-align:center;
}
#section2-left div{
width:70%;
height:auto;
margin:0 auto;
}
#section2-left div img{
width:100%;
height:auto;
}
#section2-right{
background:#FFF;
text-align:justify;
padding:0 3.0em;
}
#section2-right .projects_area{
}
#section2-right .projects_area:last-child{
padding:0;
}
#section2-right .data p{
font-size:12px;
line-height:2.0em;
margin-top:2.0em;
text-align:justify;
}
#section2-right h3{
font-family:TsukuMinPr6-LB;
font-size:2.0vw;
margin-bottom:1.5em;
color:#000;
}
#section2-right h3{
font-size:15px;
margin-top:2.0em;
margin-bottom:1.0em;
}







/*==================================================================

SECTION_03

==================================================================*/
#section3-left{
background:#EEE;
text-align:center;
}
#section3-left div{
width:70%;
height:auto;
margin:0 auto;
}
#section3-left div img{
width:100%;
height:auto;
}
#section3-right{
background:#FFF;
text-align:justify;
padding:0 3.0em;
}
#section3-right .projects_area{
}
#section3-right .projects_area:last-child{
padding:0;
}
#section3-right .data p{
font-size:12px;
line-height:2.0em;
margin-top:2.0em;
text-align:justify;
}
#section3-right h3{
font-family:TsukuMinPr6-LB;
font-size:2.0vw;
margin-bottom:1.5em;
color:#000;
}
#section3-right h3{
font-size:15px;
margin-top:2.0em;
margin-bottom:1.0em;
}









/*==================================================================

SECTION_04

==================================================================*/
#section4-left{
background:#EEE;
text-align:center;
}
#section4-left div{
width:70%;
height:auto;
margin:0 auto;
}
#section4-left div img{
width:100%;
height:auto;
}
#section4-right{
background:#FFF;
text-align:justify;
padding:0 3.0em;
}
#section4-right .projects_area{
}
#section4-right .projects_area:last-child{
padding:0;
}
#section4-right .data p{
font-size:12px;
line-height:2.0em;
margin-top:2.0em;
text-align:justify;
}
#section4-right h3{
font-family:TsukuMinPr6-LB;
font-size:2.0vw;
margin-bottom:1.5em;
color:#000;
}
#section4-right h3{
font-size:15px;
margin-top:2.0em;
margin-bottom:1.0em;
}







/*==================================================================

SECTION_05

==================================================================*/
#section5-left{
background:#EEE;
text-align:center;
}
#section5-left div{
width:70%;
height:auto;
margin:0 auto;
}
#section5-left div img{
width:100%;
height:auto;
}
#section5-right{
background:#FFF;
text-align:justify;
padding:0 3.0em;
}
#section5-right .projects_area{
}
#section5-right .projects_area:last-child{
padding:0;
}
#section5-right .data p{
font-size:12px;
line-height:2.0em;
margin-top:2.0em;

}
#section5-right h3{
font-family:TsukuMinPr6-LB;
font-size:2.0vw;
margin-bottom:1.5em;
color:#000;
}
#section5-right h3{
font-size:15px;
margin-top:2.0em;
margin-bottom:1.0em;
}







/*==================================================================

SECTION_06

==================================================================*/
#section6-left{
background:#EEE;
text-align:center;
}
#section6-left div{
width:70%;
height:auto;
margin:0 auto;
}
#section6-left div img{
width:100%;
height:auto;
}
#section6-right{
background:#FFF;
text-align:justify;
padding:0 3.0em;
}
#section6-right .projects_area{
}
#section6-right .projects_area:last-child{
padding:0;
}
#section6-right .data p{
font-size:12px;
line-height:2.0em;
margin-top:2.0em;
text-align:justify;
}
#section6-right h3{
font-family:TsukuMinPr6-LB;
font-size:2.0vw;
line-height:1.8em;
margin-bottom:1.5em;
color:#000;
}
#section6-right h3{
font-size:15px;
margin-top:2.0em;
margin-bottom:1.0em;
}







/*==================================================================

SECTION_07

==================================================================*/
#section7-left{
background:#EEE;
text-align:center;
}
#section7-left div{
width:70%;
height:auto;
margin:0 auto;
}
#section7-left div img{
width:100%;
height:auto;
}
#section7-right{
background:#FFF;
text-align:justify;
padding:0 3.0em;
}
#section7-right .projects_area{
}
#section7-right .projects_area:last-child{
padding:0;
}
#section7-right .data p{
font-size:12px;
line-height:2.0em;
margin-top:2.0em;

}
#section7-right h3{
font-family:TsukuMinPr6-LB;
font-size:2.0vw;
margin-bottom:1.5em;
color:#000;
}
#section7-right h3{
font-size:15px;
margin-top:2.0em;
margin-bottom:1.0em;
}






								
	/*==================================================================

SECTION_08

==================================================================*/
#section8-left{
background:#EEE;
text-align:center;
}
#section8-left div{
width:70%;
height:auto;
margin:0 auto;
}
#section8-left div img{
width:100%;
height:auto;
}
#section8-right{
background:#FFF;
text-align:justify;
padding:0 3.0em;
}
#section8-right .projects_area{
}
#section8-right .projects_area:last-child{
padding:0;
}
#section8-right .data p{
font-size:12px;
line-height:2.0em;
margin-top:2.0em;
text-align:justify;
}
#section8-right h3{
font-family:TsukuMinPr6-LB;
font-size:2.0vw;
margin-bottom:1.5em;
color:#000;
}
#section8-right h3{
font-size:15px;
margin-top:2.0em;
margin-bottom:1.0em;
}







/*==================================================================

SECTION_09

==================================================================*/
#section9-left{
background:#EEE;
text-align:center;
}
#section9-left div{
width:70%;
height:auto;
margin:0 auto;
}
#section9-left div img{
width:100%;
height:auto;
}
#section9-right{
background:#FFF;
text-align:justify;
padding:0 3.0em;
}
#section9-right .projects_area{
}
#section9-right .projects_area:last-child{
padding:0;
}
#section9-right .data p{
font-size:12px;
line-height:2.0em;
margin-top:2.0em;
text-align:justify;
}
#section9-right h3{
font-family:TsukuMinPr6-LB;
font-size:2.0vw;
margin-bottom:1.5em;
color:#000;
}
#section9-right h3{
font-size:15px;
margin-top:2.0em;
margin-bottom:1.0em;
}







/*==================================================================

SECTION_10

==================================================================*/
#section10-left{
background:#EEE;
text-align:center;
}
#section10-left div{
width:70%;
height:auto;
margin:0 auto;
}
#section10-left div img{
width:100%;
height:auto;
}
#section10-right{
background:#FFF;
text-align:justify;
padding:0 3.0em;
}
#section10-right .projects_area{
}
#section10-right .projects_area:last-child{
padding:0;
}
#section10-right .data p{
font-size:12px;
line-height:2.0em;
margin-top:2.0em;
text-align:justify;
}
#section10-right h3{
font-family:TsukuMinPr6-LB;
font-size:2.0vw;
margin-bottom:1.5em;
color:#000;
}
#section10-right h3{
font-size:15px;
margin-top:2.0em;
margin-bottom:1.0em;
}








/*==================================================================

SECTION_11

==================================================================*/
#section11-left{
background:#EEE;
text-align:center;
}
#section11-left div{
width:70%;
height:auto;
margin:0 auto;
}
#section11-left div img{
width:100%;
height:auto;
}
#section11-right{
background:#FFF;
text-align:justify;
padding:0 3.0em;
}
#section11-right .projects_area{
}
#section11-right .projects_area:last-child{
padding:0;
}
#section11-right .data p{
font-size:12px;
line-height:2.0em;
margin-top:2.0em;
text-align:justify;
}
#section11-right h3{
font-family:TsukuMinPr6-LB;
font-size:2.0vw;
margin-bottom:1.5em;
color:#000;
}
#section11-right h3{
font-size:15px;
margin-top:2.0em;
margin-bottom:1.0em;
}








/*==================================================================

SECTION_12

==================================================================*/
#section12-left{
background:#EEE;
text-align:center;
}
#section12-left div{
width:70%;
height:auto;
margin:0 auto;
}
#section12-left div img{
width:100%;
height:auto;
}
#section12-right{
background:#FFF;
text-align:justify;
padding:0 3.0em;
}
#section12-right .projects_area{
}
#section12-right .projects_area:last-child{
padding:0;
}
#section12-right .data p{
font-size:12px;
line-height:2.0em;
margin-top:2.0em;
text-align:justify;
}
#section12-right h3{
font-family:TsukuMinPr6-LB;
font-size:2.0vw;
margin-bottom:1.5em;
color:#000;
}
#section12-right h3{
font-size:15px;
margin-top:2.0em;
margin-bottom:1.0em;
}









/*==================================================================

SECTION_13

==================================================================*/
#section13-left{
background:#EEE;
text-align:center;
}
#section13-left div{
width:70%;
height:auto;
margin:0 auto;
}
#section13-left div img{
width:100%;
height:auto;
}
#section13-right{
background:#FFF;
text-align:justify;
padding:0 3.0em;
}
#section13-right .projects_area{
}
#section13-right .projects_area:last-child{
padding:0;
}
#section13-right .data p{
font-size:12px;
line-height:2.0em;
margin-top:2.0em;
text-align:justify;
}
#section13-right h3{
font-family:TsukuMinPr6-LB;
font-size:2.0vw;
margin-bottom:1.5em;
color:#000;
}
#section13-right h3{
font-size:15px;
margin-top:2.0em;
margin-bottom:1.0em;
}









/*==================================================================

SECTION_14

==================================================================*/
#section14-left{
background:#EEE;
text-align:center;
}
#section14-left div{
width:70%;
height:auto;
margin:0 auto;
}
#section14-left div img{
width:100%;
height:auto;
}
#section14-right{
background:#FFF;
text-align:justify;
padding:0 3.0em;
}
#section14-right .projects_area{
}
#section14-right .projects_area:last-child{
padding:0;
}
#section14-right .data p{
font-size:12px;
line-height:2.0em;
margin-top:2.0em;
text-align:justify;
}
#section14-right h3{
font-family:TsukuMinPr6-LB;
font-size:2.0vw;
margin-bottom:1.5em;
color:#000;
}
#section14-right h3{
font-size:15px;
margin-top:2.0em;
margin-bottom:1.0em;
}









/*==================================================================

SECTION_15

==================================================================*/
#section15-left{
background:#EEE;
text-align:center;
}
#section15-left div{
width:70%;
height:auto;
margin:0 auto;
}
#section15-left div img{
width:100%;
height:auto;
}
#section15-right{
background:#FFF;
text-align:justify;
padding:0 3.0em;
}
#section15-right .projects_area{
}
#section15-right .projects_area:last-child{
padding:0;
}
#section15-right .data p{
font-size:12px;
line-height:2.0em;
margin-top:2.0em;
text-align:justify;
}
#section15-right h3{
font-family:TsukuMinPr6-LB;
font-size:2.0vw;
margin-bottom:1.5em;
color:#000;
}
#section15-right h3{
font-size:15px;
margin-top:2.0em;
margin-bottom:1.0em;
}




							
								
								
								
								
								
								
								
								
        
        
        
        
        
        
/*.ms-responsive #section1-left .projects_area{
left:0;
}
.ms-responsive #section1-right .projects_area{
display: none;
}
*/


div.link{
text-align:center;
margin-top:2.5em;
}
a.button{
font-family:TsukuMinPr6-LB;
letter-spacing:0.1em;
text-indent:0.1em;
display:inline-block;
font:1.0em;
text-decoration:none;
color:rgba(0,0,0,1.0);
brackground-color:transparent;
border:1px solid rgba(0,0,0,1.0);
padding:0.5em 2.0em;
background-size:200%100%; 
background-image:linear-gradient(to right, transparent 50%, rgba(0,0,0,1.0) 50%);
transition:background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;
}
a.button:hover{
color:rgba(255, 255, 255, 1);
background-color:rgba(0,0,0,1.0);
background-position: -100% 100%;
}




        /*
        * Improving design in small resolutions
        */
        @media all and (max-width:700px){
            #section1-left h1,
            #section1-right h1{
                font-size: 5em;
            }
        }
        @media all and (max-width:550px){
            #section1-left h1,
            #section1-right h1{
                font-size: 4em;
            }
        }
        @media all and (max-width:400px){
            #section1-left h1,
            #section1-right h1{
                font-size: 3em;
            }
            .section1 .projects_area p{
                font-size: 1em;
            }
        }