@charset "utf-8";


html,body{
    width: 100%;
    height: 100%;
    margin:0;
    padding:0;
    font-size:14px;
    line-height: 220%;
    letter-spacing: 2px;
    text-align: center;
    list-style:none;
    font-family: 'Noto Serif JP', serif;
    background-color: rgba(243,242,236,1);
}

body{
    animation: fadeIn 1.2s ease-in-out 0s 1 normal;
    -webkit-animation:fadeIn 1.2s ease-in-out 0s 1 normal;
}

@keyframes fadeIn{
    0%{opacity: 0}
    100%{opacity: 1}
}

@-webkit-keyframes fadeIn{
    0%{opacity: 0}
    100%{opacity: 1}
}


img{
    vertical-align:bottom;
    max-width: 100%;
    height: auto;
}

p,h1,h2,h3,h4,h5,h6{
    margin:0;
    font-weight: normal;
}

ul{
    margin:0;
    padding:0;
}

a{
    color: black;
    text-decoration: none;
}

header{
    margin:0 auto;    
    }

#header-fixed{
    position: fixed;
    top:0px;
    left:0px;
    width: 100%;
    height: 120px;
    z-index: 9999;
}

#header-bk{
    background-color: rgba(131,120,122,1);
    /*background-color: #9c9994;*/
    width:100%;
    height: 120px;
    box-shadow: 0px 1px 3px black;
}

#footer-fixed{
    position: fixed;
    bottom:0px;
    left:0px;
    width: 100%;
    height: 25px;
}

#footer-bk{
    background-color: #51494e;
    width:100%;
    height: 35px;
}


#wrap{
    margin: 130px auto 430px auto;
}


.content{
 }

#index{
   }

#global-nav li{
    display: inline-block;
    margin:10px 5px 0 5px;
    font-size:15px;
    font-family: 'Noto Sans JP', sans-serif;
}

#title{
    height: 105px;  
}

#title h1{
    font-size: 30px;
    margin: 10px auto 0 auto;
}

#title h2{
    font-size: 25px;
    margin: 0 auto 0 auto;
}

#title h3{
    font-size: 15px;
    margin: 65px auto 0 auto;
}

#logo{
    font-family: 'Amiri', serif;
}

.content h2{
    font-size: 20px;
    border-bottom: 1px solid black;
    margin-top: 20px;
}

section{
    margin-top: 130px;
}

section h2,h4{
    font-family: 'Noto Sans JP', sans-serif;
}

section h3,h4{
    font-size: 17px;
}

#concept{
    text-align: left;
    width: 960px;
    margin: auto;
}

/*
#concept h3{
    font-size: 18px;
    line-height: 50px;
}
*/

table p{
    /*text-indent: 1em;*/
}

.th1{
    width: 140px;
}

.th2{
    width: 820px;
}

.th3{
    width: 0px;
}

td h4{
    text-align: center;
}

.obi{
    background-color: #c8bcb5;
    font-family: 'Noto Sans JP', sans-serif;
    text-align: center;
}


#conceptimg{
    width: 960px;
    margin: 20px auto 0px auto;
    text-align: right;
    font-size: 12px;
}

.info{
    display: inline-block;
    width: 960px;
    text-align: left;
    line-height: 170%;
    margin: 20px auto 0px auto;
}

.info h4{
    margin: 20px auto 0px auto;
    text-align: center;
    }

.video{
    position:relative;
    width:100%;
    padding-top:56.25%;   
}

.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

#profileimg{
    float:right;
    margin: auto;
    }

#career{
    width: 410px;
}

.btnproperty{
    text-align: center;
    margin-top: 30px;
}

.btn{
    background-color: #c8bcb5;
    font-size: 15px;
    width: 200px;
    line-height: 35px;
    text-align: center;
    display: inline-block;
    margin: 0 50px;
    border-radius: 2px;
}

#works{
    width: 960px;
    display: block;
    margin: 50px auto 3px auto;
}

#sns{
    margin-top: 110px;
}