@charset "utf-8";
@import url(cmn.css);
@import url(base.css);

#head .main{
background-image: url("../images/office-images/main.jpg");
}
.nav01 a span{
border-bottom: 1px solid #3c251c;
}

/* ------------------------------------------------------------
philosophy
------------------------------------------------------------ */
#philosophy .float-l{
width: 50%;
}
#philosophy .float-r{
width: 45%;
}

#access table{
width: 100%;
}
#access table th{
width: 25%;
box-sizing: border-box;
border-right: 1px solid #c4bdba;
text-align: left;
padding: 20px 0 20px 5%;
}
#access table td{
box-sizing: border-box;
text-align: left;
padding: 20px 0 20px 5%;
}
#access table tr:first-child th,#access table tr:first-child td{
padding-top: 50px;
}
#access table tr:last-child th,#access table tr:last-child td{
padding-bottom: 50px;
}
#access iframe{
border-top: 1px solid #c4bdba;
margin-bottom: -5px;
}

/* ==========================================================================
pc
========================================================================== */
@media screen and (min-width: 1200px) {
}

/* ==========================================================================
tablet
========================================================================== */
@media screen and (max-width: 1199px) {





}

/* ==========================================================================
sp
========================================================================== */
@media screen and (max-width: 699px) {
#philosophy .float-l{
width: 100%;
margin-bottom: 10px;
}
#philosophy .float-r{
width: 100%;
}

#access table th{
width: 25%;
box-sizing: border-box;
padding: 10px;
}
#access table td{
box-sizing: border-box;
padding: 10px;
}
#access table tr:first-child th,#access table tr:first-child td{
padding-top: 20px;
}
#access table tr:last-child th,#access table tr:last-child td{
padding-bottom: 20px;
}



}