#company .wrap.inn {





  padding-bottom: 80px; }











.com_info {





  display: flex;





  padding: 94px 0 0;





  justify-content: space-between; }











.com_data {





  width: 336px;





  max-width: 100%; }











.com_data {





  font-size: 1.6rem;





  line-height: 1.5; }











.com_data dt {





  font-weight: bold;





  color: #006cc9; }











.com_data dd {





  border-bottom: 1px solid #dbdbdb;





  padding: 0 0 20px;





  margin-bottom: 30px; }











.com_data dd a {





  color: #000; }











.profile {





  width: 505px;





  max-width: 100%;





  position: relative;





  padding: 0 0 0 45px; }











.profile .box:first-of-type {





  width: 205px; }











.profile .p_name {





  font-weight: bold;





  border-left: 1px solid #006cc9;





  font-size: 1.6rem;





  padding: 3px 0 0 12px;





  margin-bottom: 16px; }











.profile .p_from {





  font-size: 1.4rem;





  border-bottom: 1px solid #dbdbdb;





  padding: 0 0 4px;





  margin-bottom: 16px; }











.profile .p_histroy {





  font-size: 1.3rem;





  line-height: 1.5;





  display: flex;





  flex-wrap: wrap;





  margin-bottom: 33px; }











.profile .p_histroy dt {





  width: 70px; }











.profile .p_histroy dd {





  width: calc(100% - 70px); }











.profile .p_photo {





  width: 240px;





  position: absolute;





  top: 0;





  right: 0px;





  box-shadow: 0 15px 20px rgba(0, 0, 0, 0.05); }











.profile .p_photo .sp {





  display: none; }











.profile .box:nth-of-type(2) {





  display: flex;





  justify-content: space-between; }











.profile .box01 {





  width: 243px;





  height: 243px;





  background-color: #006cc9;





  color: #fff;





  font-size: 1.8rem;





  font-weight: bold;





  letter-spacing: 0.2em;





  line-height: 1.22;





  position: relative; }











.profile .box01 span {





  position: absolute;





  bottom: 30px;





  left: 30px; }











.access {





  padding: 55px 0 0; }











.access .flex {





  align-items: center;





  flex-direction: row-reverse; }











.ggmap_out {





  width: 515px;





  max-width: 100%; }











.ggmap_out .ggmap {





  padding-bottom: 68%; }











.access .flex .acc_data {





  width: calc(100% - 515px);





  padding: 0 0 0 44px; }











.acc_data .acc_ttl {





  font-weight: bold;





  font-size: 2.4rem;





  letter-spacing: 0.2em;





  color: #006cc9;





  margin-bottom: 14px; }











.acc_data .acc_address {





  font-size: 1.6rem;





  line-height: 1.5;





  font-weight: 500; }











.acc_data .acc_txt01 {





  font-size: 1.2rem;





  line-height: 1.5;





  font-weight: 500;





  margin-top: 15px; }











.acc_data .acc_txt01 a {





  color: #000;





  text-decoration: underline; }











.acc_data .acc_txt01 a:hover {





  text-decoration: blink; }











/*------------------------------ tab ------------------------------*/





@media screen and (max-width: 925px) {





  .com_info {





    display: block; }





  .com_data {





    margin: auto;





    width: 465px; }





  .profile {





    margin: auto;





    padding: 0;





    width: 465px; }





  .access .flex {





    flex-direction: column; }





  .access .flex .acc_data {





    padding: 0 0 0 0;





    margin: auto auto 40px;





    width: 375px;





    max-width: 100%; } }











@media screen and (max-width: 767px) {





  #company .wrap.inn {





    padding: 10vw 0 0; }





  .com_info {





    padding: 0; }





  .com_data {





    padding: 14vw 5% 0; }





  .com_data dd:last-of-type {





    border-bottom: none; }





  .profile {





    padding: 20px 0 0; }





  .profile .box:first-of-type {





    width: 100%;





    padding: 0 5%; }





  .profile .p_histroy {





    font-size: 1.4rem;





    margin-bottom: 20px; }





  .profile .box01 {





    display: none; }





  .profile .p_photo {





    position: static;





    box-shadow: none;





    width: 100%; }





  .profile .p_photo .pc {





    display: none; }





  .profile .p_photo .sp {





    display: block; }





  .access {





    padding: 10vw 5% 0; }





  .acc_data .acc_ttl {





    font-size: 2rem;





    margin-bottom: 5px; } }











.company_container {





  padding: 94px 0 0; }





  @media only screen and (max-width: 767px) {





    .company_container {





      padding-top: 40px; } }











.company_heading {





  position: relative;





  color: #006CC9;





  text-align: center;





  font-size: 2.4rem;





  font-weight: bold; }





  .company_heading span {





    position: relative;





    display: inline-block;





    padding: 0 .5em; }





    .company_heading span::after {





      content: "";





      position: absolute;





      right: 0;





      bottom: 0;





      left: 0;





      display: block;





      height: 19px;





      margin: auto;





      background-color: rgba(0, 108, 201, 0.1); }











.company_lead {





  margin-top: 18px;





  text-align: center;





  font-size: 1.6rem; }





  .company_lead span {





    font-weight: bold; }











.company_header {





  border-bottom: 1px solid #006CC9;





  padding-bottom: 32px; }





  @media only screen and (max-width: 767px) {





    .company_header {





      border-bottom: none;





      padding-bottom: 0; } }











.company_parallel_detail {





  display: flex;





  flex-direction: row-reverse;





  justify-content: space-between;





  margin: 70px 0 0; }





  @media only screen and (max-width: 767px) {





    .company_parallel_detail {





      display: block;





      margin: 30px 5% 0; } }





  .company_parallel_detail__figure {





    flex: 0 1 54.7619%; }





    .company_parallel_detail__figure img {





      display: block;





      width: 100%; }





    @media only screen and (max-width: 767px) {





      .company_parallel_detail__figure {





        width: 100%; } }





  .company_parallel_detail__content {





    flex: 0 1 39.88095%; }





    @media only screen and (max-width: 767px) {





      .company_parallel_detail__content {





        width: 100%; } }





    @media only screen and (max-width: 767px) {





      .company_parallel_detail__content .com_data {





        padding-right: 0;





        padding-left: 0; } }











.company_parallel_staff {





  display: flex;





  justify-content: space-between;





  margin: 30px 0 0;





  border-top: 1px solid #006CC9;





  padding: 30px 0 0; }





  @media only screen and (max-width: 767px) {





    .company_parallel_staff {





      display: block;





      margin: 22px 5% 0; } }





  .company_header + .company_parallel_staff {





    border-top: 0;





    padding-top: 0; }





    @media only screen and (max-width: 767px) {





      .company_header + .company_parallel_staff {





        margin-top: 30px; } }





  .company_parallel_staff:nth-of-type(2n + 1) {





    flex-direction: row-reverse; }





  .company_parallel_staff:nth-of-type(2n) {





    flex-direction: row; }





  .company_parallel_staff__figure {





    flex: 0 1 39.88095%; }





    .company_parallel_staff__figure img {





      display: block;





      width: 100%; }





  .company_parallel_staff__content {





    flex: 0 1 54.7619%; }





    @media only screen and (max-width: 767px) {





      .company_parallel_staff__content {





        margin: 20px 0 0; } }











.company_staff_heading {





  border-left: 1px solid #006CC9;





  padding: 5px 0 5px 10px;





  font-size: 1.6rem;





  font-weight: bold; }





  .company_staff_heading small, .company_staff_heading span {





    font-size: 1.4rem;





    font-weight: normal; }





  .company_staff_heading small {





    display: block;





    margin: 0 0 10px; }





  .company_staff_heading span {





    display: inline-block;





    margin: 0 0 0 10px;





    vertical-align: baseline; }











.company_staff_text {





  margin: 13px 0 0;





  font-size: 1.4rem; }











.company_staff_bio {





  border: 1px solid #DBDBDB;





  border-width: 1px 0;





  padding: 15px 0; }





  .company_staff_bio dl {





    list-style: none;





    display: block;





    margin: 0;





    padding: 0;





    display: flex;





    justify-content: flex-start;





    font-size: 1.4rem; }





    .company_staff_bio dl li, .company_staff_bio dl dt, .company_staff_bio dl dd {





      display: block;





      margin: 0;





      padding: 0; }





    .company_staff_bio dl dd {





      margin: 0 0 0 16px; }











.company_staff_description {





  margin: 30px 0 0;





  font-size: 1.6rem; }





  @media only screen and (max-width: 767px) {





    .company_staff_description {





      margin: 30px 5% 0; } }











.company_thumbnails {





  margin: 50px 0 0; }





  @media only screen and (max-width: 767px) {





    .company_thumbnails {





      margin: 40px 5% 0; } }





  .company_thumbnails ul {





    display: flex;





    justify-content: space-between; }





    @media only screen and (max-width: 767px) {





      .company_thumbnails ul {





        display: block; } }





  .company_thumbnails li {





    flex: 0 1 30%;





    display: block;





    text-align: center; }





    @media only screen and (max-width: 767px) {





      .company_thumbnails li {





        margin: 30px 0 0; } }





    .company_thumbnails li img {





      display: block;





      width: 100%; }





    .company_thumbnails li span {





      display: block;





      margin: 30px 0 0;





      font-size: 1.6rem; }





      @media only screen and (max-width: 767px) {





        .company_thumbnails li span {





          margin-top: 20px; } }











.company_parallel_access {





  display: flex;





  justify-content: space-between;





  margin: 50px 0 0; }





  @media only screen and (max-width: 767px) {





    .company_parallel_access {





      display: block;





      margin: 30px 5% 0; } }





  .company_parallel_access__figure {





    flex: 0 1 61.30952%; }





    .company_parallel_access__figure iframe {





      width: 100%;





      height: 350px; }





      @media only screen and (max-width: 767px) {





        .company_parallel_access__figure iframe {





          height: 277px; } }





  .company_parallel_access__content {





    flex: 0 1 33.69048%;





    display: flex;





    flex-direction: column;





    justify-content: center;





    align-items: flex-start; }





    @media only screen and (max-width: 767px) {





      .company_parallel_access__content {





        display: block;





        margin: 40px 0 0; } }











.company_access_text {





  margin: 0;





  font-size: 1.6rem; }











.company_access_sub_text {





  margin: 20px 0 0;





  font-size: 1.2rem; }





  .company_access_sub_text a {





    color: black;





    text-decoration: underline; }





    .company_access_sub_text a:hover {





      text-decoration: none; }











/* add 2022/08 */





.company_base { display: flex; gap: 50px; justify-content: space-between; margin-top: 50px; flex-wrap: wrap; }





.company_base > div { width: calc(50% - 25px); }





.company_base .btn { margin-top: 20px; }





.company_base .btn a { font-size: 16px; color: #fff; font-weight: bold; background: #006cc9; width: 100%; padding: 20px 20px 18px; border-radius: 8px; box-shadow: 0 0 20px -10px rgba(0,0,0,0.1); display: block; text-align: center; }





@media only screen and (max-width: 767px) {





	.company_base { padding: 0 20px; flex-direction: column; align-items: center; }





	.company_base > div { width: 100%; max-width: 401px; }





}





/* add 2025/10 */


.company_partner { max-width: 480px; margin: 50px auto 0; display: flex; flex-direction: column; gap: 10px;}


.company_partner li { font-size: 1.8rem; font-weight: 700; padding-left: 40px; }


.company_partner .zeirishi { background: url(../images/company/badge_zeirishi.png) no-repeat left top; background-size: 30px; }


.company_partner .bengoshi { background: url(../images/company/badge_bengoshi.png) no-repeat left top; background-size: 30px; }


.company_partner .syaroushi { background: url(../images/company/badge_syaroushi.png) no-repeat left top; background-size: 30px; }


@media only screen and (max-width: 767px) {


  .company_partner { padding: 0 20px; }


  .company_partner li { font-size: 1.6rem; padding-left: 35px; background-size: 25px!important; }


}

#company .company_blue_btn a{
  width: 380px;
}

@media screen and (max-width: 767px) {
  #company .company_blue_btn a{
    width: 100%;
  }
}