@charset "UTF-8";
/*
* pages
*/
@media screen and (max-width: 828px) {
  .key-block {
    background: #e9e6e6 url(/assets/img/top/bg_key_top_sp.jpg) no-repeat center center;
    height: 334px;
    padding: 90px 0 0;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1; } }
  @media screen and (min-width: 829px){
    .key-block {
      background-size: cover; } }

@media screen and (max-width: 828px) {
  section {
    background: #FFF; }
    section.section-01 {
      padding: 0 0 86px; }
      section.section-01 .inner h2 {
        background: url(/assets/img/top/bg_ttl_content_pc.png) no-repeat center top;
        text-align: center;
        padding: 56px 0 0;
        margin: 0 0 60px; }
      section.section-01 .inner .content {
        background: url(/assets/img/top/bg_section_content_01_pc.png) no-repeat right bottom; }
        section.section-01 .inner .content h3 {
          margin: 0 0 36px;
          text-align: center; }
        section.section-01 .inner .content p {
          font-size: 34px; }
    section.section-02 {
      background: url(/assets/img/top/bg_section_02_sp.jpg) no-repeat center top;
      background-size: cover;
      padding: 70px 0 60px; }
      section.section-02 .inner {
        margin: 0 auto 60px; }
        section.section-02 .inner h2 {
          margin: 0 0 26px;
          text-align: center; }
        section.section-02 .inner h3 {
          color: #228a84;
          font-size: 34px;
          font-weight: 500;
          line-height: 1.4;
          margin: 0 0 10px; }
        section.section-02 .inner .content p {
          font-size: 34px; }
      section.section-02 .contact-block {
        text-align: center; }
        section.section-02 .contact-block .tel {
          display: inline-block; }
        section.section-02 .contact-block .mail {
          display: inline-block;
          margin: 0 0 20px 10px; }
        section.section-02 .contact-block p {
          text-align: center; }
    section.section-03 {
      padding: 66px 0 60px; }
      section.section-03 .inner {
        margin: 0 auto 30px; }
        section.section-03 .inner h2 {
          margin: 0 0 26px;
          text-align: center; }
        section.section-03 .inner h3 {
          color: #228a84;
          font-size: 34px;
          font-weight: 500;
          line-height: 1.4;
          margin: 0 0 28px; }
        section.section-03 .inner .content p {
          margin: 0 0 20px;
          font-size: 34px; }
        section.section-03 .inner .content .example {
          margin: 0 0 30px; }
          section.section-03 .inner .content .example h3 {
            text-align: center;
            margin: 0 0 20px; }
          section.section-03 .inner .content .example h4 {
            color: #228a84;
            font-size: 34px;
            font-weight: 500;
            line-height: 1.4;
            margin: 0 0 14px; }
          section.section-03 .inner .content .example ul {
            overflow: hidden; }
            section.section-03 .inner .content .example ul li {
              width: 100%;
              margin: 0 0 10px;
              padding: 2px; }
              section.section-03 .inner .content .example ul li img {
                display: none; }
              section.section-03 .inner .content .example ul li p {
                vertical-align: middle;
                position: relative;
                padding: 0 0 0 2em;
                margin: 0; }
                section.section-03 .inner .content .example ul li p:before {
                  content: "・";
                  display: block;
                  position: absolute;
                  top: 5px;
                  left: 14px; }
      section.section-03 .contact-block {
        text-align: center; }
        section.section-03 .contact-block .tel {
          display: inline-block; }
        section.section-03 .contact-block .mail {
          display: inline-block;
          margin: 0 0 10px 10px; }
        section.section-03 .contact-block p {
          text-align: center; }
    section.section-04 {
      background: url(/assets/img/top/bg_section_04_sp.jpg) no-repeat center top;
      background-size: cover;
      padding: 56px 0; }
      section.section-04 .inner {
        margin: 0 auto 70px;
        max-width: 944px; }
        section.section-04 .inner h2 {
          background: url(/assets/img/top/bg_ttl_content_pc.png) no-repeat center top;
          text-align: center;
          padding: 56px 0 0;
          margin: 0 0 30px; }
        section.section-04 .inner ul li {
          margin: 0 0 30px;
          box-shadow: 2px 2px 6px 2px #CCC; }
          section.section-04 .inner ul li:last-child {
            margin: 0; }
      section.section-04 .contact-block {
        text-align: center; }
        section.section-04 .contact-block .tel {
          display: inline-block; }
        section.section-04 .contact-block .mail {
          display: inline-block;
          margin: 0 0 10px 10px; }
        section.section-04 .contact-block p {
          text-align: center; }
    section.section-05 {
      padding: 60px 0 60px; }
      section.section-05 .inner {
        margin: 0 auto 20px; }
        section.section-05 .inner h2 {
          background: url(/assets/img/top/bg_ttl_content_pc.png) no-repeat center top;
          text-align: center;
          padding: 56px 0 0;
          margin: 0 0 20px; }
        section.section-05 .inner h3 {
          text-align: center;
          margin: 0 0 10px; }
        section.section-05 .inner > p {
          font-size: 34px; }
        section.section-05 .inner .content {
          background: url(/assets/img/top/bg_section_content_01_pc.png) no-repeat right bottom; }
          section.section-05 .inner .content h3 {
            margin: 0 0 30px; }
      section.section-05 .contact-block {
        text-align: center; }
        section.section-05 .contact-block .tel {
          display: inline-block; }
        section.section-05 .contact-block .mail {
          display: inline-block;
          margin: 0 0 10px 10px; }
        section.section-05 .contact-block p {
          text-align: center;
          margin: 0 0 20px; }
    section.section-06 {
      background: #e9e6e6;
      padding: 60px 0 60px; }
      section.section-06 .inner {
        width: 98%; }
        section.section-06 .inner h2 {
          background: url(/assets/img/top/bg_ttl_content_pc.png) no-repeat center top;
          text-align: center;
          padding: 56px 0 0;
          margin: 0 0 20px; }
        section.section-06 .inner .lawyer {
          background: #FFF;
          box-shadow: 2px 2px 6px 2px #CCC;
          padding: 26px 3%; }
          section.section-06 .inner .lawyer .main-block {
            overflow: hidden; }
            section.section-06 .inner .lawyer .main-block ul {
              overflow: hidden; }
              section.section-06 .inner .lawyer .main-block ul li {
                float: left;
                position: relative;
                z-index: 1; }
                section.section-06 .inner .lawyer .main-block ul li:nth-child(1) {
                  width: 30%;
                  height: 207px; }
                  section.section-06 .inner .lawyer .main-block ul li:nth-child(1) span {
                    display: none; }
                  section.section-06 .inner .lawyer .main-block ul li:nth-child(1) img {
                    width: auto;
                    max-width: 207px; }
                section.section-06 .inner .lawyer .main-block ul li:nth-child(2) {
                  background: url(/assets/img/top/bg_main_lawyer_sp.jpg) no-repeat center center;
                  background-size: cover;
                  height: 207px;
                  width: 40%;
                  z-index: 2; }
                  section.section-06 .inner .lawyer .main-block ul li:nth-child(2) .first {
                    position: absolute;
                    top: 10px;
                    left: 10px;
                    display: block; }
                  section.section-06 .inner .lawyer .main-block ul li:nth-child(2) .last {
                    position: absolute;
                    bottom: 10px;
                    right: 10px;
                    display: block; }
                section.section-06 .inner .lawyer .main-block ul li:nth-child(3) {
                  width: 30%;
                  height: 207px; }
                  section.section-06 .inner .lawyer .main-block ul li:nth-child(3) span {
                    display: none; }
                  section.section-06 .inner .lawyer .main-block ul li:nth-child(3) img {
                    width: auto;
                    max-width: 207px;
                    float: right; }
          section.section-06 .inner .lawyer .lawyer-list {
            overflow: hidden; }
            section.section-06 .inner .lawyer .lawyer-list ul li {
              float: left;
              position: relative;
              width: 20%;
              cursor: pointer; }
              section.section-06 .inner .lawyer .lawyer-list ul li img {
                position: relative;
                z-index: 1;
                width: 100%; }
              section.section-06 .inner .lawyer .lawyer-list ul li dl {
                display: none; }
       section.section-06 .inner .lawyer .fee {
       padding: 20px 60px ;
       }
       section.section-06 .inner .feettl  h2{
       padding-top:50px;
       }
    section.section-07 {
      padding: 40px 0; }
      section.section-07 .inner {
        width: 96%; }
        section.section-07 .inner h2 {
          background: url(/assets/img/top/bg_ttl_content_pc.png) no-repeat center top;
          text-align: center;
          padding: 56px 0 0;
          margin: 0 0 30px; }
        section.section-07 .inner ul {
          overflow: hidden; }
          section.section-07 .inner ul li {
            margin: 0 0 30px;
            overflow: hidden; }
            section.section-07 .inner ul li h3 {
              margin: 0 0 10px; }
            section.section-07 .inner ul li .address {
              color: #62482e;
              font-family: "Hiragino Mincho ProN",游明朝,"Yu Mincho",YuMincho,HGS明朝E,メイリオ,Meiryo,serif;
              font-weight: 500;
              float: left;
              width: 62%;
              position: relative; }
              section.section-07 .inner ul li .address .post {
                display: block;
                margin: 0 0 3px;
                font-size: 30px;
                font-weight: bold; }
              section.section-07 .inner ul li .address .street {
                font-weight: bold;
                display: block;
                font-size: 28px;
                line-height: 1.2;
                margin: 0 0 3px;
                min-height: 42px; }
                section.section-07 .inner ul li .address .street > span {
                  display: inline-block;
                  text-align: right;
                  font-weight: bold;
                  margin: 0 0 0 5px; }
                  section.section-07 .inner ul li .address .street > span.block {
                    display: block; }
              section.section-07 .inner ul li .address .map {
                display: block;
                position: absolute;
                top: -40px;
                right: 18%; }
            section.section-07 .inner ul li .contact {
              border-left: 1px solid #45301b;
              color: #62482e;
              font-family: "Hiragino Mincho ProN",游明朝,"Yu Mincho",YuMincho,HGS明朝E,メイリオ,Meiryo,serif;
              font-weight: 500;
              display: block;
              padding: 0;
              float: left;
              width: 34%;
              padding: 0 0 0 4%;
              margin: -40px 0 0 4%;
              text-align: center; }
              section.section-07 .inner ul li .contact span {
                display: inline-block; }
              section.section-07 .inner ul li .contact a {
                display: inline-block;
                margin: 0 0 26px; }
                section.section-07 .inner ul li .contact a.mail {
                  margin: 0 0 26px 16px; }
              section.section-07 .inner ul li .contact .tel {
                font-size: 22.31px;
                font-weight: bold;
                margin: 0 0 5px;
                letter-spacing: -1px; }
              section.section-07 .inner ul li .contact .fax {
                font-size: 22.31px;
                font-weight: bold;
                letter-spacing: -1px; }
      section.section-07 .contact-block {
        text-align: center;
        margin: 0 0 50px; }
        section.section-07 .contact-block .inner {
          display: inline-block;
          background: #f0e8d9;
          width: auto;
          margin: 0 0 10px;
          padding: 10px 30px; }
        section.section-07 .contact-block .tel {
          display: inline-block; }
        section.section-07 .contact-block .mail {
          display: inline-block;
          margin: 0 0 0 10px; }
        section.section-07 .contact-block p {
          text-align: center; } }

@media screen and (min-width: 829px) {
  .key-block {
    background: url(/assets/img/top/bg_key_top_pc.jpg) no-repeat center center;
    height: 380px;
    padding: 120px 0 0;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1; } }
  @media screen and (min-width: 829px)  {
    .key-block {
      background-size: cover; } }

@media screen and (min-width: 829px) {
  section {
    background: #FFF; }
    section .inner {
      max-width: 900px; }
    section.section-01 {
      padding: 0 0 86px; }
      section.section-01 .inner h2 {
        background: url(/assets/img/top/bg_ttl_content_pc.png) no-repeat center top;
        text-align: center;
        padding: 56px 0 0;
        margin: 0 0 60px; }
      section.section-01 .inner .content {
        background: url(/assets/img/top/bg_section_content_01_pc.png) no-repeat right bottom; }
        section.section-01 .inner .content h3 {
          margin: 0 0 30px; }
    section.section-02 {
      background: url(/assets/img/top/bg_section_02_pc.jpg) no-repeat center top;
      padding: 110px 0 60px; }
      section.section-02 .inner {
        margin: 0 auto 30px; }
        section.section-02 .inner h2 {
          padding: 0 0 0 1em;
          margin: 0 0 24px; }
        section.section-02 .inner h3 {
          color: #228a84;
          font-size: 20px;
          font-weight: 500;
          line-height: 1.4;
          margin: 0 0 28px; }
        section.section-02 .inner .content {
          background: url(/assets/img/top/bg_section_content_02.jpg) no-repeat left 10px;
          padding: 0 0 30px 370px; }
      section.section-02 .contact-block {
        text-align: center; }
        section.section-02 .contact-block .tel {
          display: inline-block; }
        section.section-02 .contact-block .mail {
          display: inline-block;
          margin: 0 0 10px 10px; }
        section.section-02 .contact-block p {
          text-align: center; }
    section.section-03 {
      padding: 86px 0 60px; }
      section.section-03 .inner {
        margin: 0 auto 30px; }
        section.section-03 .inner h2 {
          padding: 0 0 0 1em;
          margin: 0 0 24px; }
        section.section-03 .inner h3 {
          color: #228a84;
          font-size: 20px;
          font-weight: 500;
          line-height: 1.4;
          margin: 0 0 28px; }
        section.section-03 .inner .content p {
          margin: 0 0 20px; }
        section.section-03 .inner .content .example h3 {
          text-align: center;
          margin: 0 0 20px; }
        section.section-03 .inner .content .example h4 {
          color: #228a84;
          font-size: 20px;
          font-weight: 500;
          line-height: 1.4;
          margin: 0 0 14px;
          text-align: center; }
        section.section-03 .inner .content .example ul {
          overflow: hidden; }
          section.section-03 .inner .content .example ul li {
            width: 49%;
            float: left;
            margin: 0 2% 40px 0;
            padding: 2px; }
            section.section-03 .inner .content .example ul li:nth-child(2n) {
              margin: 0 0 40px; }
            section.section-03 .inner .content .example ul li img {
              display: inline-block;
              vertical-align: middle;
              box-shadow: 1px 1px 4px 1px #EEE; }
            section.section-03 .inner .content .example ul li p {
              width: calc(100% - 122px);
              display: inline-block;
              vertical-align: middle;
              position: relative;
              padding: 0 0 0 2em;
              margin: 0; }
              section.section-03 .inner .content .example ul li p:before {
                content: "・";
                display: block;
                position: absolute;
                top: 5px;
                left: 14px; }
      section.section-03 .contact-block {
        text-align: center; }
        section.section-03 .contact-block .tel {
          display: inline-block; }
        section.section-03 .contact-block .mail {
          display: inline-block;
          margin: 0 0 10px 10px; }
        section.section-03 .contact-block p {
          text-align: center; }
    section.section-04 {
      background: url(/assets/img/top/bg_section_04_pc.jpg) no-repeat center top;
      padding: 56px 0; }
      section.section-04 .inner {
        margin: 0 auto 70px;
        max-width: 944px; }
        section.section-04 .inner h2 {
          background: url(/assets/img/top/bg_ttl_content_pc.png) no-repeat center top;
          text-align: center;
          padding: 56px 0 0;
          margin: 0 0 30px; }
        section.section-04 .inner ul li {
          margin: 0 0 20px;
          box-shadow: 2px 2px 6px 2px #CCC; }
          section.section-04 .inner ul li:last-child {
            margin: 0; }
      section.section-04 .contact-block {
        text-align: center; }
        section.section-04 .contact-block .tel {
          display: inline-block; }
        section.section-04 .contact-block .mail {
          display: inline-block;
          margin: 0 0 10px 10px; }
        section.section-04 .contact-block p {
          text-align: center; }
    section.section-05 {
      padding: 60px 0 150px; }
      section.section-05 .inner {
        margin: 0 auto 50px; }
        section.section-05 .inner h2 {
          background: url(/assets/img/top/bg_ttl_content_pc.png) no-repeat center top;
          text-align: center;
          padding: 56px 0 0;
          margin: 0 0 20px; }
        section.section-05 .inner h3 {
          text-align: center;
          margin: 0 0 20px; }
        section.section-05 .inner .content {
          background: url(/assets/img/top/bg_section_content_01_pc.png) no-repeat right bottom; }
          section.section-05 .inner .content h3 {
            margin: 0 0 30px; }
      section.section-05 .contact-block {
        text-align: center; }
        section.section-05 .contact-block .tel {
          display: inline-block; }
        section.section-05 .contact-block .mail {
          display: inline-block;
          margin: 0 0 10px 10px; }
        section.section-05 .contact-block p {
          text-align: center;
          margin: 0 0 24px; }
    section.section-06 {
      background: #e9e6e6;
      padding: 60px 0 90px; }
      section.section-06 .inner {
        margin: 0 auto 50px; }
        section.section-06 .inner h2 {
          background: url(/assets/img/top/bg_ttl_content_pc.png) no-repeat center top;
          text-align: center;
          padding: 56px 0 0;
          margin: 0 0 20px; }
        section.section-06 .inner .lawyer {
          background: #FFF;
          box-shadow: 2px 2px 6px 2px #CCC;
          padding: 40px 36px; }
          section.section-06 .inner .lawyer .main-block {
            overflow: hidden; }
            section.section-06 .inner .lawyer .main-block ul li {
              float: left;
              position: relative; }
              section.section-06 .inner .lawyer .main-block ul li:nth-child(1) {
                cursor: pointer; }
                section.section-06 .inner .lawyer .main-block ul li:nth-child(1) span {
                  position: absolute;
                  bottom: 10px;
                  left: 20px;
                  color: #FFF;
                  font-size: 12px;
                  opacity: 0;
                  transition: 0.8s; }
                section.section-06 .inner .lawyer .main-block ul li:nth-child(1):hover span {
                  opacity: 1; }
              section.section-06 .inner .lawyer .main-block ul li:nth-child(2) {
                background: url(/assets/img/top/bg_main_lawyer_pc.jpg) no-repeat center top;
                background-size: 100%;
                height: 207px;
                width: 414px; }
                section.section-06 .inner .lawyer .main-block ul li:nth-child(2) .first {
                  position: absolute;
                  top: 20px;
                  left: 20px;
                  display: block; }
                section.section-06 .inner .lawyer .main-block ul li:nth-child(2) .last {
                  position: absolute;
                  bottom: 20px;
                  right: 30px;
                  display: block; }
              section.section-06 .inner .lawyer .main-block ul li:nth-child(3) {
                cursor: pointer; }
                section.section-06 .inner .lawyer .main-block ul li:nth-child(3) span {
                  position: absolute;
                  bottom: 10px;
                  right: 20px;
                  color: #FFF;
                  font-size: 12px;
                  opacity: 0;
                  transition: 0.8s; }
                section.section-06 .inner .lawyer .main-block ul li:nth-child(3):hover span {
                  opacity: 1; }
                section.section-06 p {
                 text-align:center;}
          section.section-06 .inner .lawyer .lawyer-list {
            overflow: hidden; }
            section.section-06 .inner .lawyer .lawyer-list ul li {
              float: left;
              position: relative;
              width: 138px;
              height: 138px;
              cursor: pointer; }
              section.section-06 .inner .lawyer .lawyer-list ul li:hover dl {
                opacity: 1; }
              section.section-06 .inner .lawyer .lawyer-list ul li img {
                position: relative;
                z-index: 1; }
              section.section-06 .inner .lawyer .lawyer-list ul li dl {
                position: absolute;
                text-align: center;
                width: 138px;
                height: 138px;
                opacity: 0;
                transition: 0.8s;
                background: rgba(0, 120, 120, 0.8);
                color: #FFF;
                padding: 32px 15px 0;
                box-sizing: border-box;
                z-index: 2;
                top: 0;
                left: 0; }
                section.section-06 .inner .lawyer .lawyer-list ul li dl dt {
                  border-bottom: 1px solid #FFF;
                  margin-bottom: 5px;
                  font-size: 12px;
                  line-height: 1.6;
                  padding: 0 0 5px; }
                section.section-06 .inner .lawyer .lawyer-list ul li dl dd {
                  font-size: 12px;
                  line-height: 1.6; }
    section.section-06 .inner .lawyer .fee {
       padding: 20px;
       }
    section.section-06 .inner .feettl  h2{
       padding-top:50px;
       }
    section.section-07 {
      background: url(/assets/img/top/bg_section_07_pc.jpg) no-repeat center top;
      padding: 86px 0; }
      section.section-07 .inner h2 {
        background: url(/assets/img/top/bg_ttl_content_pc.png) no-repeat center top;
        text-align: center;
        padding: 56px 0 0;
        margin: 0 0 60px; }
      section.section-07 .inner ul {
        overflow: hidden;
        width: 750px;
        margin: 0 auto 100px; }
        section.section-07 .inner ul li {
          float: left;
          width: 46%;
          margin: 0 8% 30px 0;
          min-height: 172px; }
          section.section-07 .inner ul li:nth-child(2n) {
            margin: 0 0 30px; }
          section.section-07 .inner ul li h3 {
            margin: 0 0 5px; }
          section.section-07 .inner ul li .address {
            color: #62482e;
            font-family: "Hiragino Mincho ProN",游明朝,"Yu Mincho",YuMincho,HGS明朝E,メイリオ,Meiryo,serif;
            font-weight: 500;
            margin: 0 0 6px; }
            section.section-07 .inner ul li .address .post {
              display: block;
              margin: 0 0 3px;
              font-size: 16px;
              font-weight: bold; }
            section.section-07 .inner ul li .address .street {
              font-weight: bold;
              display: block;
              font-size: 18px;
              line-height: 1.2;
              margin: 0 0 3px;
              min-height: 42px; }
              section.section-07 .inner ul li .address .street > span {
                display: block;
                text-align: right;
                font-weight: bold; }
            section.section-07 .inner ul li .address .tel {
              display: inline-block !important;
              font-size: 16px;
              font-weight: bold; }
            section.section-07 .inner ul li .address .fax {
              display: inline-block !important;
              margin: 0 0 0 10px;
              font-size: 16px;
              font-weight: bold; }
          section.section-07 .inner ul li .contact {
            background: #f0e8d9;
            border-radius: 4px;
            display: inline-block;
            padding: 5px 10px;
            margin: 0 0 0 14px; }
            section.section-07 .inner ul li .contact span {
              display: inline-block; }
            section.section-07 .inner ul li .contact a {
              display: inline-block; }
      section.section-07 .contact-block {
        text-align: center; }
        section.section-07 .contact-block .tel {
          display: inline-block; }
        section.section-07 .contact-block .mail {
          display: inline-block;
          margin: 0 0 10px 10px; }
        section.section-07 .contact-block p {
          text-align: center;
          margin: 0 0 24px; } }
.ulwidth{
	width: 92%;
	margin: 0 auto;
}