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


/* ------------------------------------------------------------
philosophy
------------------------------------------------------------ */

#philosophy .float-l{
width: 312px;
box-sizing: border-box;
padding-top: 170px;
}
#philosophy .float-r{
width: 888px;
border-left: 1px solid #c4bdba;
box-sizing: border-box;
padding: 80px 0 100px 160px;
}
#philosophy .float-l {
  display: block;
  padding-bottom: 20px!important;
}
#philosophy .float-r h3{
font-size: 3.6rem;
margin-bottom: 40px;
}
#philosophy .float-r p{
margin-bottom: 60px;
}

#practice .float-l,#practice .float-r{
width: 47%;
background-color: #f8f8f8;
padding: 50px 0;
}
#practice h3{
max-width: 315px;
margin: 0 auto 35px auto;
}
#practice p{
max-width: 315px;
margin: 0 auto 35px auto;
}
#practice .cmn-btn03{
margin: 0 auto;
}

.lowyers .box{
width: 980px;
overflow: hidden;
margin: 0 auto 40px auto;
}
.lowyers .box .float-l{
width:40%;
margin-left: 7%;
}
.lowyers .box .float-r{
width:50.5%;
overflow: visible;
}
.lowyers .box h3{
margin-bottom: 30px;
}
.lowyers  h3 .font01{
font-size: 3rem;
font-weight: normal;
}
.lowyers h3 .font02{
font-size: 1.2rem;
font-weight: bold;
}
.lowyers .box h3 .font01{
display: block;
color:#2d2d2d; 
background: url("../images/cmn-images/title-icon01.png") 0 50% no-repeat;
background-size: 18px auto;
margin-bottom: 10px;
padding-left: 40px;
}
.lowyers .box h3 .font02{
display: block;
color:#a0cee8; 
padding-left: 40px;
}
.lowyers .box .box-in{
padding-left: 40px;
}

.lowyers .box p{
margin-bottom: 30px;
}


.lowyers .box2{
width: 980px;
overflow: hidden;
margin: 0 auto;
}
.lowyers .box2 .float-r{
width:40%;
margin-right: 7%;
}
.lowyers .box2 .float-l{
width:50.5%;
overflow: visible;
}
.lowyers .box2 h3{
margin-bottom: 30px;
}
.lowyers .box2 h3 .font01{
display: block;
color:#2d2d2d; 
text-align: right;
background: url("../images/cmn-images/title-icon01.png") 100% 50% no-repeat;
background-size: 18px auto;
margin-bottom: 10px;
padding-right: 40px;
}
.lowyers .box2 h3 .font02{
display: block;
color:#497d72; 
text-align: right;
padding-right: 40px;
}
.lowyers .box2 .box-in{
padding-right: 40px;
}
.lowyers .box2 p{
margin-bottom: 30px;
}
.lowyers .box2 .cmn-btn03{
float: right;
width: 100%;
}


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

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

/* philosophy */

#philosophy .float-l{
width: 26%;
padding-top: 170px;
}
#philosophy .float-r{
width: 74%;
padding: 6% 0 7% 18%;
}
#philosophy .float-r h3{
font-size: 3vw;
margin-bottom: 30px;
}
#philosophy .float-r p{
margin-bottom: 40px;
}

#practice .float-l,#practice .float-r{
padding: 50px 25px;
box-sizing: border-box;
}

.lowyers .box{
width:100%;
overflow: hidden;
margin: 0 auto;
}

.lowyers .box{
width:100%;
overflow: hidden;
margin: 0 auto 70px auto;
}
.lowyers .box2{
width:100%;
overflow: hidden;
margin: 0 auto 0 auto;
}
.lowyers h3 .font01{
font-size: 3vw;
}
.lowyers h3 .font02{
font-size: 1vw;
}

}

/* ==========================================================================
sp
========================================================================== */
@media screen and (max-width: 699px) {
#philosophy .float-l{
float: none;
width: 50%;
box-sizing: content-box;
border-right: 1px solid #c4bdba;
padding-top: 30px;
}
#philosophy .float-r{
float: none;
width: 100%;
padding: 20px 0 50px 0;
border-left: none;
}
#philosophy .float-r h3{
font-size: 1.6rem;
text-align: center;
margin-bottom: 20px;
}
#philosophy .float-r p{
margin-bottom: 20px;
}

#practice .float-l{
margin-bottom: 30px;
}
#practice .float-l,#practice .float-r{
float: none;
width: 100%;
padding: 40px 20px;
}
#practice h3{
max-width: 200px;
margin: 0 auto 15px auto;
}
#practice p{
max-width: 200px;
margin: 0 auto 15px auto;
}

.lowyers .box{
margin: 0 auto 35px auto;
}
.lowyers .box .float-l{
float: none;
width:100%;
margin: 0 0 20px 0;
}
.lowyers .box .float-r{
float: none;
width:100%;
overflow: visible;
}
.lowyers .box .box-in{
padding-left: 0;
}
.lowyers .box h3{
margin-bottom: 15px;
}
.lowyers .box h3 .font01{
font-size: 1.6rem;
margin-bottom: 10px;
}
.lowyers .box h3 .font02{
font-size: 1rem;
}

.lowyers .box2 .float-l{
float: none;
width:100%;
margin: 0 0 0 0;
}
.lowyers .box2 .float-r{
float: none;
width:100%;
margin: 0 0 20px 0;
}
.lowyers .box2 .box-in{
padding-left: 0;
}
.lowyers .box2 h3{
margin-bottom: 15px;
}
.lowyers .box2 h3 .font01{
font-size: 1.6rem;
text-align: left;
margin-bottom: 10px;
background-position: 0% 50%;
padding: 0 0 0 40px;
}
.lowyers .box2 h3 .font02{
font-size: 1rem;
text-align: left;
padding: 0 0 0 40px;
}
.lowyers .box2 .cmn-btn03{
float: none;
width: 100%;
}



}