@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

        

/*global*/
body{
	font-family: 'Noto Sans Japanese', serif;
	font-weight: 100;

	-webkit-overflow-scrolling: touch;
	
  	font-family: 'Noto Sans Japanese', serif;
	font-weight: 100;

}


.wf-sawarabimincho {
    font-family: "Sawarabi Mincho";
    color: #777;
}

.clearfix::after{
  content: "";
  display: block;
  clear: both;
}        


.wrap{
    width:970px;
    margin:0 auto;
}

.centerImage{
    text-align: center;
    overflow: hidden;
}

.centerText{
     text-align: center;
    margin-bottom: 50px;
}



.spaceFix_A{
    margin-bottom: 50px; 
}

.spaceFix_B{
    margin-bottom: 80px; 
}


.size_07{font-size: 60%;}    
.size_05{font-size: 170%;}
.size_06{font-size: 80%;}
.size_04{font-size: 130%;}  
.size_03{font-size: 150%;}  






.company_name{
    font-size: 4vw;
    font-weight: 400;
    text-align: center;
    margin: 0;
    margin-bottom: 2%;

    color: #444;    
}

.company_name_en{
    margin: 0;    
    font-size: 3vw;
    font-weight: 400;
    text-align: center;
    margin-bottom: 5%;
    
    color: #444;    
}

.exp_text{
    font-size: 2vw;
    color: #444;
    margin-bottom: 5%;    
}

.exp_text_en{
    font-size: 2vw;  
    color: #444;
    
    margin-bottom: 10%;
}


.exp_A{
    font-size: 2.4vw;
    font-weight: bold;
}
.exp_A_img{
    width:100%;
    margin-bottom: 2%;
}

.exp_B{
    font-size: 2vw;
}
.exp_B_img{width:100%;}


.exp_C{
    font-size: 2.5vw;
    text-align: center;
}

.exp_C_img{width:30%;
float: left;}

.exp_D{
    font-size: 2vw;
    text-align: center;    
}

.exp_E{
    font-size: 1vw;
    text-align: center;
}

.exp_E a{
    font-size: 1.7vw; 
}


.exp_More_A{
    font-size: 6vw;
    font-weight: 400;
    color: #444;
    text-align: center;
    margin: 0;
    margin-bottom: 2%; 
    margin-top: 4%;
}

.exp_More_B{
    font-size: 3vw;
    font-weight: 200;
    color: #444;
    text-align: center;
    margin: 0;
    margin-bottom: 2%; 
}



.btmArea{
    background-color: #fff;
    padding:0px;
}

.whiteBoard{
    background-color: #fff;
    padding: 5%;
}









.fotter{
    background-color: #000;
    padding: 3%;
}


.icons1{
    width: 30%;
}

.icons2{
    width: 10%;
    padding: 0 2%;
}



.icons_L{
    float: left;
    width: 49%;
}

.icons_R{
    float: right;
    width: 49%;
    
    text-align: right;    
}

.pr{
    font-size: 2.5vw;
    font-weight: 100;
    line-height: 100%;
    color:#ccc;
    text-align: right;
    margin:0;
}

.address{
    color:#ccc;
    font-size: 2.3vw;
    line-height: 40%
}





a.wb {
    color: #fff;
    text-decoration: none;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
}

a.wb:hover {
    color: #666;
}






a.bw {
    color: #444;
    text-decoration: none;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
}

a.bw:hover {
    color: #ddd;
}



.address a{
    font-size: 2.3vw;
}

hr{margin: 3% 0;}


.info{
    line-height: 150%;
    
}

a.wb{
    font-size: 2.3vw;
}



.centering_copyright_text{
    width: 100%;
    margin: 0 auto;
    padding: 5% 0;
    text-align: center;  
    background-color:#F2F2F2;
    
    font-size: 2.3vw;
    color: #444;
  
}


.itemGimic{
    width: 200%;
    position: relative; left: -50%; 
    

}