@charset "UTF-8";

#section1-right{
background:#EEE;
text-align:center;
}
#section1-right div{
width:100%;
height:auto;
margin:0 auto;
}
#section1-right div img{
width:100%;
height:auto;
}
#section1-left{
background:#EEE;
text-align:center;
padding:0 3.0em;
}
#section1-left h3{
font-family:TsukuMinPr6-LB;
font-size:2.0vm;
margin-bottom:1.5em;
color:#000;
text-align:center;
}
#section1-left h4{
font-family:TsukuMinPr6-L;
font-size:1.1vw;
text-align:center;
margin:4.0em auto 0;
letter-spacing:0.15em;
text-indent:0.15em;
}








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

SECTION_02

==================================================================*/
#section2-right{
background:#EEE;
text-align:center;
}
#section2-right div{
width:100%;
height:auto;
margin:0 auto;
}
#section2-right div img{
width:100%;
height:auto;
}
#section2-left{
background:#EEE;
text-align:center;
padding:0 3.0em;
}
#section2-left h3{
font-family:TsukuMinPr6-LB;
font-size:2.0vm;
margin-bottom:1.5em;
color:#000;
text-align:center;
}
#section2-left h4{
font-family:TsukuMinPr6-L;
font-size:1.1vw;
text-align:center;
margin:4.0em auto 0;
letter-spacing:0.15em;
text-indent:0.15em;
}







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

SECTION_03

==================================================================*/
#section3-right{
background:#EEE;
text-align:center;
}
#section3-right div{
width:100%;
height:auto;
margin:0 auto;
}
#section3-right div img{
width:100%;
height:auto;
}
#section3-left{
background:#EEE;
text-align:center;
padding:0 3.0em;
}
#section3-left h3{
font-family:TsukuMinPr6-LB;
font-size:2.0vm;
margin-bottom:1.5em;
color:#000;
text-align:center;
}
#section3-left h4{
font-family:TsukuMinPr6-L;
font-size:1.1vw;
text-align:center;
margin:4.0em auto 0;
letter-spacing:0.15em;
text-indent:0.15em;
}









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

SECTION_04

==================================================================*/
#section4-right{
background:#EEE;
text-align:center;
}
#section4-right div{
width:100%;
height:auto;
margin:0 auto;
}
#section4-right div img{
width:100%;
height:auto;
}
#section4-left{
background:#EEE;
text-align:center;
padding:0 3.0em;
}
#section4-left h3{
font-family:TsukuMinPr6-LB;
font-size:2.0vm;
margin-bottom:1.5em;
color:#000;
text-align:center;
}
#section4-left h4{
font-family:TsukuMinPr6-L;
font-size:1.1vw;
text-align:center;
margin:4.0em auto 0;
letter-spacing:0.15em;
text-indent:0.15em;
}






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

SECTION_05

==================================================================*/
#section5-right{
background-image:url('../../movie/images/movie04.jpg');
background-repeat:no-repeat;
background-position:50%;
}
#section5-left{
background:#EEE;
text-align:center;
padding:0 3.0em;
}
#section5-left h3{
font-family:TsukuMinPr6-LB;
font-size:2.0vm;
margin-bottom:1.5em;
color:#000;
text-align:center;
}
#section5-left h4{
font-family:TsukuMinPr6-L;
font-size:1.1vw;
text-align:center;
margin:2.0em auto;
letter-spacing:0.15em;
text-indent:0.15em;
}
#section5-left p{
text-align:center;
}








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

SECTION_06

==================================================================*/
#section6-right{
background:#EEE;
text-align:center;
}
#section6-right div{
width:100%;
height:auto;
margin:0 auto;
}
#section6-right div img{
width:100%;
height:auto;
}
#section6-left{
background:#EEE;
text-align:center;
padding:0 3.0em;
}
#section6-left h3{
font-family:TsukuMinPr6-LB;
font-size:2.0vm;
margin-bottom:1.5em;
color:#000;
text-align:center;
}
#section6-left h4{
font-family:TsukuMinPr6-L;
font-size:1.1vw;
text-align:center;
margin:4.0em auto 0;
letter-spacing:0.15em;
text-indent:0.15em;
}








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

SECTION_07

==================================================================*/
#section7-right{
background:#FFF;
text-align:center;
}
#section7-right div{
width:70%;
height:auto;
margin:0 auto;
}
#section7-right div img{
width:100%;
height:auto;
}
#section7-left{
background:#EEE;
text-align:center;
padding:0 3.0em;
}
#section7-left h3{
font-family:TsukuMinPr6-LB;
font-size:2.0vm;
margin-bottom:1.5em;
color:#000;
text-align:center;
}
#section7-left h4{
font-family:TsukuMinPr6-L;
font-size:1.1vw;
text-align:center;
margin:4.0em auto 0;
letter-spacing:0.15em;
text-indent:0.15em;
}
#section7-left p{
text-align:center;
}








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

SECTION_08

==================================================================*/
#section8-right{
background:#FFF;
text-align:center;
}
#section8-right div{
width:70%;
height:auto;
margin:0 auto;
}
#section8-right div img{
width:100%;
height:auto;
}
#section8-left{
background:#EEE;
text-align:center;
padding:0 3.0em;
}
#section8-left h3{
font-family:TsukuMinPr6-LB;
font-size:2.0vm;
margin-bottom:1.5em;
color:#000;
text-align:center;
}
#section8-left h4{
font-family:TsukuMinPr6-L;
font-size:1.1vw;
text-align:center;
margin:4.0em auto 0;
letter-spacing:0.15em;
text-indent:0.15em;
}
#section8-left p{
text-align:center;
}








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


div.link{
text-align:center;
margin:2.5em auto 0;
}
a.button{
width:8.0em;
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%;
}
.video{
position:relative;
width:70%;
margin:0 auto;
padding-top:56.25%;
}
.video iframe{
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
}
@media all and (min-width:1001px){
.maximum{
display:none;
}
}
@media all and (max-width:1000px){
.minimum{
display:none;
}
}


        /*
        * 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;
            }
        }