@charset "utf-8";

p{
    font-family:"Hiragino Mincho ProN";
    text-align:center;
    line-height:4.0;
}

#cont01 img{
    display:none
}

#cont01{
    height:100vh;
    width:100%;
}

.logo{
    width:30%;
    margin:0 auto;
    padding-top:37vh;
}

.logo img{
    width:100%;
}

.textSplitLoad {
    display: none;
}

.split {
    visibility:hidden;
}

#cont02{
    margin-bottom:25vh;
}

#cont03{
    padding:20vh 0;
}

#cont04{
    padding:20vh 0 20vh 0;
}

#cont04 .prf{
    width:70%;
    margin:00 auto;
}

#cont04 .prf .prf_img{
    width:30%;
    float:left;
}

#cont04 .prf .prf_img img{
    width:50%;
    height:auto;
    margin:0 auto;
    text-align:right;
}

#cont04 .prf .prf_cont{
    width:70%;
    float:left;
    
}

#cont04 .prf .prf_cont p{
    text-align:left;
    word-wrap:break-word;
    line-height:2.0;
}

#cont04 .prf .prf_cont .name{
    font-weight:bold;
}

.paralax01{
    background-image:url("../img/paralax01.jpg");
    background-attachment:fixed;
}

.paralax02{
    background-image:url("../img/paralax02.png");
    background-attachment:fixed;
    background-size:cover;
}

.clearfix:after   {  
    content: ".";  
    display: block;  
    visibility: hidden;  
    height: 0.1px;  
    font-size: 0.1em;  
    line-height: 0;  
    clear: both;  
} 

.green{
    color:#16a05c;
}

.map{
    width:400px;
    margin:0 auto;
}

.sv{
    width:400px;
    margin:50px auto 0 auto;
}

#cont05{
    text-align:center;
}
#cont05 p{
    line-height:1.5em;
}
#cont05 img{
   width:200px;
   height:auto;
}



@media screen and (max-width: 640px) {
p{
    font-family:"Hiragino Mincho ProN";
    text-align:center;
    line-height:2em;
}

#cont01 img{
    display:none
}

#cont01{
    height:100vh;
    width:100%;
}

.logo{
    width:70%;
    margin:0 auto;
    padding-top:37vh;
}

.logo img{
    width:100%;
}

.textSplitLoad {
    display: none;
}

.split {
    visibility:hidden;
}

#cont02{
    margin-bottom:25vh;
}
#cont02 img{
    width:100px;
    height:auto;
}

#cont03{
    padding:20vh 0;
}

#cont04{
    padding:20vh 0 20vh 0;
}

#cont04 .prf{
    width:100%;
    margin:0 auto;
}

#cont04 .prf .prf_img{
    width:100%;
    float:left;
    text-align:center;
}

#cont04 .prf .prf_img img{
    width:50%;
    height:auto;
    margin:0 auto;
    text-align:right;
}

#cont04 .prf .prf_cont{
    width:100%;
    float:left;
    
}

#cont04 .prf .prf_cont p{
    text-align:left;
    word-wrap:break-word;
    line-height:2.0;
}

#cont04 .prf .prf_cont .name{
    font-weight:bold;
    text-align:center;
}

.paralax01{
    background-image:url("../img/paralax01.jpg");
    background-attachment:fixed;
}

.paralax02{
    background-image:url("../img/paralax02.png");
    background-attachment:fixed;
    background-size:cover;
}

.clearfix:after   {  
    content: ".";  
    display: block;  
    visibility: hidden;  
    height: 0.1px;  
    font-size: 0.1em;  
    line-height: 0;  
    clear: both;  
} 

.green{
    color:#16a05c;
}

.map{
    width:100%;
    margin:0 auto;
}

.map iframe{
    width:100%;
    margin:0 auto;
}

#cont05{
    text-align:center;
}

}