@charset "UTF-8";

/* PC */
@media screen and (min-width: 769px) {
.pc {
	display: block;
}
.sp {
	display: none;
}

h2.underlyaer_banner.clearfix {
    color: #fff;
    height: 80px;
    background: url(../images/company/companybanner.png) no-repeat;
    padding: 5px 220px 0;
    text-align: center;
    margin: 0 auto;
}
.underlayer_main.clearfix {
    margin: 0 0 0 15px;
    width: 820px;
}
h3.underlayer_title {
    background-color: #d7d7d7;
    padding: 5px 0 0 20px;
    margin: 15px 0 0 0;
    font-size: 19px;
    line-height: 65px;
    clear: both;
}
h3.underlayer_title img {
    margin: 0 15px 0 0;
}
h3.underlayer_title2 {
    background-color: #d7d7d7;
    margin: 15px 0 0 0;
    font-size: 19px;
    line-height: 70px;
    clear: both;
    padding: 0 0 0 10px;
}
h3.underlayer_title2 img {
    margin: 0 15px 0 0;
}

/*-------------
company
-------------*/
ul.companylist.clearfix {
    width: 100%;
    margin: 30px 0 70px 0;
}
ul.companylist.clearfix li {
    float: left;
    font-size: 15px;
    line-height: 24px;
}
ul.companylist.clearfix li a {
    font-size: 15px;
}
ul.companylist.clearfix li:nth-child(2) {
    width: 500px;
    margin: 0 0 0 35px;
}
ul.companylist.clearfix li span {
    letter-spacing: -1px;
}
ul.companylist2.clearfix {
    margin: 20px 0 0 0;
}
ul.companylist2.clearfix li {
    float: left;
}
ul.companylist2.clearfix li:first-child {
    width: 410px;
    margin: 0 45px 0 5px;
    line-height: 22px;
}
ul.companylist2.clearfix li p {
    font-size: 30px;
    font-family: serif;
    line-height: 45px;
    margin: 10px 0 30px 0;
}
span.lawyer_title {
    display: block;
    font-size: 15px;
    line-height: 20px;
}
span.lawyer_en {
    font-size: 15px;
    color: #a5a5a5;
    padding: 0 0 0 15px;
}
span.lawyer_title2 {
    display: block;
    font-size: 15px;
    line-height: 20px;
    margin: 0 0 5px -8px;
}
ul.companylist3.clearfix {
    margin: 40px 0 0 0;
    width: 730px;
    line-height: 22px;
}
ul.companylist3.clearfix li {
    margin: 0 0 40px 0;
}
ul.companylist3.clearfix li p {
    margin: 0 0 30px 25px;
}
ul.companylist4.clearfix {
    margin: 0 0 0 0;
    overflow: hidden;
}
ul.companylist4.clearfix li {
    float: left;
    background-color: #d7d7d7;
    height: 200px;
}
ul.companylist4.clearfix li:nth-child(1) {
    width: 180px;
    padding: 0 45px 0 15px;
    height: 190px;
    margin: 0 10px 0 0;
}
ul.companylist4.clearfix li:nth-child(2) {
    width: 540px;
    padding: 0 15px;
    height: 190px;
}
ul.companylist4.clearfix li table {
    width: 89%;
}
ul.companylist4.clearfix li table th {
    font-size: 15px;
}
ul.companylist4.clearfix li table td {
    font-size: 13px;
    line-height: 23px;
}



/*-------------
service
-------------*/
h2.underlyaer_banner_service.clearfix {
    color: #fff;
    height: 80px;
    background: url(../images/company/companybanner.png) no-repeat;
    padding: 5px 220px 0;
    text-align: center;
    margin: 0 auto;
}
ul.servicelist.clearfix {
    font-size: 15px;
    margin: 20px 0 60px 30px;
    line-height: 30px;
}
ul.servicelist.clearfix li {
    margin: 0 0 35px 0;
}
ul.servicelist2.clearfix {
    font-size: 15px;
    margin: 20px 0 15px 30px;
    line-height: 30px;
}



/*-------------
contact
-------------*/
h2.underlyaer_banner_contact.clearfix {
    color: #fff;
    height: 80px;
    background: url(../images/contact/contactbanner.png) no-repeat;
    padding: 5px 220px 0;
    text-align: center;
    margin: 0 auto;
}
p.contact_text {
    text-align: center;
    margin: 60px 0 40px 0;
    line-height: 23px;
}
#contact .form {
    clear: both;
}
#contact .form table {
    border-collapse: collapse;
    width: 100%;
    margin: 5px 0 0 0;
}
#contact .form table th, #contact .form td {
    line-height: 25px;
    border: solid 1px #8e8e8e;
}
#contact .form table th {
    width: 180px;
    padding: 5px 0 5px 20px;
    text-align: left;
    vertical-align: top;
    background-color: #e1e1e1;
}
#contact .form td {
    padding: 5px 0 5px 14px;
}
#contact .form td input#name {
    width: 400px;
    height: 20px;
    font-size: 12px;
    padding: 0 0 0 5px;
    border: solid 1px #8e8e8e;
}
#contact .form td input#mail ,#contact .form td input#corporatename ,#contact .form td input#address {
    width: 450px;
    height: 20px;
    font-size: 12px;
    padding: 0 0 0 5px;
    border: solid 1px #8e8e8e;
}
#contact .form td input#tel{
    width: 300px;
    height: 20px;
    font-size: 12px;
    padding: 0 0 0 5px;
    border: solid 1px #8e8e8e;
}
#contact .form td textarea#comment {
    margin-top: 10px;
    width: 500px;
    height: 200px;
    font-size: 12px;
    border: solid 1px #8e8e8e;
}
#contact .form #formEnd {
    text-align: center;
    margin: 5px 0 60px 0;
}
#contact .form #formEnd button {
    margin: 10px 0 0;
    border: 0;
    background-color: #fff;
}
input, select {
    vertical-align: middle;
    margin: 5px 0 5px 0;
    border: solid 1px #8e8e8e;
    padding: 5px 45px;
}
#contact .form p {
    text-align: center;
    margin: 45px 0 0 0;
    font-size: 13px;
}
#contact .form #formEnd:hover {
    opacity: 0.8;
}
}

/* Tablet */
@media screen and (max-width: 768px) {
.pc {
	display: block;
}
.sp {
	display: none;
}
}

/* SP */
@media screen and (max-width: 480px) {
.pc {
	display: none;
}
.sp {
	display: block;
}
* {
	margin: 0;
	padding: 0;
}
*::after, * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

h2.underlyaer_banner.clearfix {
    color: #fff;
    background-color: #243554;
    padding: 5px 0 5px;
    text-align: center;
    margin: 0 auto;
}
p.banner_top2 {
    font-size: 18px;
    font-weight: 600;
    border-bottom: solid 2px #fff;
    text-align: center;
    line-height: 25px;
    font-family: 'arial';
    width: 95%;
    margin: 0 auto;
}
.underlayer_main.clearfix {
    margin: 0;
    width: 100%;
    padding: 5px 5px 30px 5px;
}
h3.underlayer_title.sp {
    margin: 5px 0 0 0;
}



/*-------------
company
-------------*/
ul.companylist.clearfix {
    width: 100%;
    margin: 5px 0 30px 0;
    overflow: hidden;
}
ul.companylist.clearfix li {
    font-size: 13px;
    line-height: 20px;
}
ul.companylist.clearfix li:nth-child(2) {
    width: 100%;
    margin: 15px 0 0 0;
}
ul.companylist.clearfix li span {
    letter-spacing: -1px;
}
ul.companylist.clearfix li span a {
    color: #555;
    text-decoration: none;
}
ul.companylist2.clearfix {
    width: 100%;
    margin: 0;
}
ul.companylist2.clearfix li {
    line-height: 22px;
}
ul.companylist2.clearfix li p {
    font-size: 25px;
    font-family: serif;
    line-height: 35px;
    margin: 10px 0 15px 0;
}
span.lawyer_title {
    display: block;
    font-size: 15px;
    line-height: 20px;
}
span.lawyer_en {
    font-size: 15px;
    color: #a5a5a5;
    padding: 0 0 0 15px;
}
span.lawyer_title2 {
    display: block;
    font-size: 15px;
    line-height: 20px;
    margin: 0 0 5px -8px;
}
ul.companylist3.clearfix {
    margin: 15px 0 0 0;
    width: 100%;
    line-height: 22px;
}
ul.companylist3.clearfix li {
    margin: 0 0 15px 0;
}
ul.companylist3.clearfix li p {
    margin: 0 0 20px 20px;
}
ul.companylist4.clearfix {
    width: 90%;
    margin: 0 0 0 0;
    overflow: hidden;
}
ul.companylist4.clearfix li {
    background-color: #d7d7d7;
    padding: 0 0 10px 0;
}
ul.companylist4.clearfix li p {
    margin: 0 0 0 20px;
}
ul.companylist4.clearfix li:nth-child(1) {
    width: 50%;
    margin: 0 0 10px 0;
}


/*-------------
service
-------------*/
ul.servicelist.clearfix {
    font-size: 13px;
    line-height: 20px;
    width: 100%;
    margin: 10px 0 35px 0;
}
ul.servicelist.clearfix li {
    margin: 0 0 15px 0;
}
ul.servicelist2.clearfix {
    font-size: 13px;
    margin: 10px 0 10px 0;
    line-height: 20px;
}



/*-------------
contact
-------------*/
p.contact_text {
    margin: 15px 0 0 0;
    line-height: 20px;
}
p.contact_text br {
    display: none;
}
#contact .form {
    clear: both;
}
#contact .form table {
    border-collapse: collapse;
    width: 100%;
    margin: 5px 0 0 0;
}
#contact .form table th, #contact .form td {
    line-height: 25px;
    border: solid 1px #8e8e8e;
}
#contact .form table th {
    width: 30%;
    padding: 5px;
    text-align: left;
    vertical-align: top;
    background-color: #e1e1e1;
}
#contact .form td {
    padding: 5px;
}
#contact .form td input#name {
    width: 97%;
    height: 20px;
    font-size: 12px;
    padding: 0 5px;
    border: solid 1px #8e8e8e;
}
#contact .form td input#mail ,#contact .form td input#corporatename ,#contact .form td input#address {
    width: 97%;
    height: 20px;
    font-size: 12px;
    padding: 0 5px;
    border: solid 1px #8e8e8e;
}
#contact .form td input#tel{
    width: 97%;
    height: 20px;
    font-size: 12px;
    padding: 0 5px;
    border: solid 1px #8e8e8e;
}
#contact .form td textarea#comment {
    margin-top: 10px;
    width: 97%;
    height: 200px;
    font-size: 12px;
    border: solid 1px #8e8e8e;
}
#contact .form #formEnd {
    text-align: center;
    margin: 5px 0 60px 0;
}
#contact .form #formEnd button {
    margin: 10px 0 0;
    border: 0;
    background-color: #fff;
}
input, select {
    vertical-align: middle;
    margin: 5px;
    border: solid 1px #8e8e8e;
    padding: 5px;
    font-size: 11px;
}
#contact .form p {
    margin: 15px 0 0 0;
    font-size: 11px;
}
#contact .form #formEnd:hover {
    opacity: 0.8;
}
}