/*
tin architects
SECOND PAGES
layout2.css


/*-------------------------------------------------------
 ALL CONTENS
---------------------------------------------------------*/

/* ---　base  ------------*/ 
#news, #projects, #about,　#contact,{
width: 100%;
text-align:center;
margin-left: auto;
margin-right:auto; 
}



/*-------------------------------------------------------
 NEWS
---------------------------------------------------------*/

.top-line {
margin-top:30px;
padding-top:10px;
border-top:#C4C4C4 1px solid;
}

article {
max-width:1000px;
margin:20px auto 20px;
text-align:left;
padding-bottom:30px;
box-sizing: border-box;
border-bottom:#C4C4C4 1px dotted;
}

.article-box{
padding:10px 40px 0px 40px;
}

.article-img img{
padding-right:20px;
}

.date{
 margin-top:-15px;
 font-size: 12px;
 font-size: 1.2rem; 
}

@media (max-width: 767px) {
.article-box{
padding:5px 10px 0;
}
.article-img img{
padding-left:0px;
padding-right:10px;
}
}


/*-------------------------------------------------------
　PROJECT
---------------------------------------------------------*/

/* ---　project list  ------------*/ 
.proj-name{
  line-height: 100%;
  margin:10px 0px 15px;
  font-size: 12px;
  font-size: 1.2rem;
  display:block;
  white-space: nowrap;
}
.proj-name span{
  font-size: 10px;
  font-size: 1.0rem;
  padding-top: 5px;
  font-weight:normal;
  display:block;
}

@media (max-width: 767px) {
.proj-name{
  margin:8px 0px 15px;
  font-size: 11px;
  font-size: 1.1rem;
  display:block;
}
}



/* ---　projects  ------------*/ 

#projects .col-lg-3 .col-md-3 .col-sm-6{
padding: 10px 20px ;
}

.fotorama{
margin-left: 20px ;
margin-right:20px;
}

.projects-data{
margin: 40px 50px 20px 40px ;
letter-spacing: 0.06em;
line-height:180%;
text-align:left;
}

@media (max-width: 767px) {
.fotorama{
margin-left: 2px ;
margin-right:2px;
}

.projects-data{
margin: 40px 18px 10px;
}
}

.projects-data ul{
margin: 30px 0 0px -10px;
}
.projects-data ul li{
list-style:none;
line-height:90%;
text-align:left;
}


/*-------------------------------------------------------
　ABOUT
---------------------------------------------------------*/

.office-sight{
margin:40px 0 40px;
height:500px;
background-position:center;
background-size:cover;
background-image:url(../img/about/office.jpg);
background-repeat:no-repeat;
}


@media (min-width: 768px) and (max-width: 1079px) {
.office-sight{
height:400px;
}
}

@media (max-width: 767px) {
.office-sight{
height:180px;
background-position:center;
}
}

.concept{
max-width:840px;
margin:30px auto 30px;
}

.concept h3{
padding-bottom:15px;
}

.concept p{
padding-left:20px;
padding-right:20px;
text-align:left;
}

@media (max-width: 767px) {
.concept h3{
line-height:1.4;
padding:0 14px 10px;
text-align:left;
}

.concept p{
line-height:1.8;
padding-left:14px;
padding-right:14px;
text-align:left;
}
}

.about-box{
max-width:880px;
margin:20px auto 0px;
text-align:center;
}

#about table{ 
margin-top:4px;
margin-bottom:0px;
border-top: 1px solid #CCCCCC;
}

#about th { 
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 9px;
  padding-left: 20px; 
  font-size: 14px;
  font-size: 1.4rem; 
  font-weight: 300; 
  line-height: 2.333333333; 
  text-align: left; 
  background-color: #fff; 
  white-space: nowrap;
}

#about th:first-child{ 
  border-top: 1px solid #CCCCCC;
}
#about td { 
  padding: 15px 0px 15px 0px;
  font-size: 14px;
  font-size: 1.4rem; 
  font-weight: 400; 
  line-height: 200%; 
  border-bottom: 1px solid #CCCCCC;
  text-align: left;
}

#about td:nth-child(1){ 
  padding-left: 50px;
}
@media (max-width: 767px) {
#about td { 
  padding: 15px 3px 15px 10px;
}
#about td:nth-child(1){ 
  padding-left: 5px;
}
}



#about td a{
 text-decoration:underline;
}
.top{
  vertical-align:top;
}

#about table.profile td{ 
  padding-top: 25px;
}

#about ul li {
  list-style:none !important;
  margin-left:-22px;

}

/*-------------------------------------------------------
 FOOTER2
---------------------------------------------------------*/
/*second-footer*//*fixなし*/
#footer2{
bottom:0;
width:100%;
height:auto;
padding:25px 0 3px;
background-color:#ffffff;
z-index: 200;
}

#footer2 p{
font-size:1.1rem;
margin-top:5px;
letter-spacing: 0.08em;
text-align:center;
}

/*---- MOBILE ------*/
@media (max-width: 767px){
#footer2 p{
font-size:0.8em !important;
letter-spacing: 0.1em !important;
}