@charset "utf-8";

/*------------------------------------------------
	Reset
------------------------------------------------*/
html, body,
h1, h2, h3, h4, h5, h6,
p, ul, ol, li, dl, dt, dd, div,
form {
    margin: 0;
    padding: 0;
}

body {
    background: #fff url(/img/common/header_bg.png) center top no-repeat;
    background-size: contain;
    line-height: 1.5;
    font-size: 12px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #000;
}

h1, h2, h3, h4, h5, h6, table {
    font-size: 100%;
    font-weight: normal;
}

ul, ol {
    list-style-type: none;
}

img {
    vertical-align: top;
    max-width: 100%;
    height: auto;
    border: none;
}

a:link,
a:visited {
    text-decoration: underline;
}

a:hover,
a:active {
    text-decoration: none;
}

a:link,
a:visited,
a:hover,
a:active {
    color: #6c5f52;
}

#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active {
    color: #fff;
}

[href^="tel"] {
    text-decoration: none;
    cursor: default;
}

.sp {
    display: none;
}

/* clearfix
------------------------------------ */
.section:after,
#gNavi ul:after,
#contents:after,
.contactArea:after,
.inner:after,
.officeList:after,
.cf:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
}

.section,
#gNavi ul,
#contents,
#footer,
.contactArea,
.inner,
.officeList,
.cf {
    display: inline-block;
}

/* \*/
.section,
#gNavi ul,
#contents,
#footer,
.contactArea,
.inner,
.officeList,
.cf {
    display: block;
}

/* */
/* その他
------------------------------------ */
.mb30 {
    margin-bottom: 30px;
}

.textS {
    font-size: 85%;
}

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

    *,
    *:before,
    *:after {
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    body {
        min-width: 100%;
        font-size: 16px;
    }

    .pc {
        display: none;
    }

    .sp {
        display: block !important;
    }

    .gmap {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
    }

    .gmap iframe,
    .gmap object,
    .gmap embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .youtube {
        position: relative;
        width: 100%;
        padding-top: 56.25%;
    }

    .youtube iframe {
        position: absolute;
        top: 0;
        right: 0;
        width: 100% !important;
        height: 100% !important;
    }
}

/*------------------------------------------------
	Layout
------------------------------------------------*/
#contents {
    margin: 0 auto;
    width: 965px;
}

#main {
    float: left;
    margin: 0 0 70px;
    width: 706px;
}

@media screen and (max-width: 768px) {
    #contents {
        margin: 0 auto;
        width: 90%;
    }

    #main {
        float: none;
        margin: 0 0 40px;
        width: 100%;
    }
}

/* Header
------------------------------------ */
#header {
    position: relative;
    margin: 0 auto;
    padding: 25px 0 26px;
    width: 965px;
}

.logo {
    height: 37px;
}

.spBtn {
    display: none;
}

@media screen and (max-width: 768px) {
    #header {
        width: 100%;
        padding: 15px 5% 5px;
    }

    .logo {
        width: 65%;
        max-width: 320px;
        display: inline-block;
    }

    .logo img {
        width: 100%;
    }

    .spBtn {
        display: block;
        float: right;
    }

    .spBtn ul {
        text-align: right;
        position: absolute;
        top: 5px;
        right: 5%;
    }

    .spBtn li {
        display: inline-block;
        vertical-align: top;
        width: 40px;
        margin-left: 5px;
    }
}

/* Gnavi
------------------------------------ */
#gNavi {
    height: 59px;
    overflow: hidden;
    background: transparent url(/img/common/gnavi_bg.png) left top repeat-x;
}

#gNavi ul {
    margin: 0 auto;
    width: 966px;
    height: 59px;
    overflow: hidden;
}

#gNavi li {
    float: left;
}

#gNavi .gHome {
    width: 161px;
}

#gNavi .gLawyer {
    width: 161px;
}

#gNavi .gService {
    width: 161px;
}

#gNavi .gConsultation {
    width: 161px;
}

#gNavi .gFee {
    width: 160px;
}

#gNavi .gOffice {
    width: 162px;
}

#gNavi a {
    float: left;
    padding: 59px 0 0 0;
    width: 100%;
    overflow: hidden;
    background-image: url(/img/common/gnavi.png);
    background-repeat: no-repeat;
}

.gHome a {
    background-position: 0 0;
}

.gLawyer a {
    background-position: -161px 0;
}

.gService a {
    background-position: -322px 0;
}

.gConsultation a {
    background-position: -483px 0;
}

.gFee a {
    background-position: -644px 0;
}

.gOffice a {
    background-position: -804px 0;
}

.gHome a.ac, .gHome a:hover {
    background-position: 0 -59px;
}

.gLawyer a.ac, .gLawyer a:hover {
    background-position: -161px -59px;
}

.gService a.ac, .gService a:hover {
    background-position: -322px -59px;
}

.gConsultation a.ac, .gConsultation a:hover {
    background-position: -483px -59px;
}

.gFee a.ac, .gFee a:hover {
    background-position: -644px -59px;
}

.gOffice a.ac, .gOffice a:hover {
    background-position: -804px -59px;
}

/* Aside
------------------------------------ */
#aside {
    float: right;
    width: 225px;
}

#aside .bnrList li {
    margin: 0 0 20px;
}

#aside .newsArea {
    height: 350px;
    margin: 0 0 20px 0;
    border: 1px solid #94806f;
    background: #faf4eb;
    overflow-y: scroll;
}

#aside .newsArea h2 {
    padding: 15px;
    background: #94806f;
}

#aside .newsArea ul {
    padding: 0 10px;
}

#aside .newsArea li {
    padding: 15px 0;
    border-top: 1px dotted #968270;
}

#aside .newsArea li:first-child {
    border-top: none;
}

#aside .newsArea .date {
    display: inline-block;
    margin: 0 0 5px;
    padding: 2px 8px;
    background: #f1e0c7;
    font-size: 10px;
    color: #6b5c50;
}

#aside .newsArea .newsTxt {
    display: block;
}

#aside .bnrArea li {
    margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
    #aside {
        float: none;
        width: 100%;
    }
    #aside .newsArea ul{
        padding: 0 22px;
        font-size: 14px;
    }
    #gNavi {
        z-index: 999;
        background: url() white;
        position: absolute;
        top:57px;;
        left: 0;
        height: auto;
        width: 100%;
    }
    #gNavi ul {
        height: auto;
        border-top: solid 1px grey;
    }
    #gNavi .gHome,#gNavi .gLawyer,#gNavi .gService,#gNavi .gConsultation,#gNavi .gFee,#gNavi .gOffice{
        width: 100%;
        padding: 10px 20px;
        border-bottom: solid 1px grey;
    }
    #gNavi li a {
        padding: 0;
        background: url();
        font-size: 12px;
        text-decoration: none;
    }

}

/* Footer
------------------------------------ */
.pagetop {
    padding: 13px 0 0 0;
    height: 38px;
    background: transparent url(/img/common/footer_bg02.png) center top no-repeat;
}

.pagetop p {
    margin: 0 auto;
    width: 980px;
    height: 33px;
    text-align: right;
}

#footer {
    border-bottom: 1px solid #fff;
    background: transparent url(/img/common/footer_bg.png) left top repeat;
    color: #fff;
}

#footer .inner {
    margin: 0 auto;
    padding: 20px 0 30px;
    width: 980px;
}

#footer .company {
    float: left;
    width: 420px;
}

#footer .company .office {
    padding: 0 0 12px;
}

#footer .company .office address {
    font-style: normal;
}

#footer .company .office h2 {
    margin: 0 0 15px 0;
}

#footer .company .tel {
    width: 386px;
    color: #000;
}

#footer .company .tel dt {
    padding: 6px 0;
    background: #6d5f52;
    text-align: center;
}

#footer .company .tel dd {
    padding: 10px 0 10px 12px;
    background: #fff;
}

#footer .company .tel dd ul {
    margin: 0 0 3px;
}

/*事務所1つのレイアウト設定↓↓*/
#footer .company .tel dd ul.hitotu {
    text-align: center;
}

#footer .company .tel dd li {
    display: inline;
    margin: 0 12px 0 0;
}

#footer .company .tel .notes {
    color: #fff;
    text-align: right;
    margin-top: 5px;
}

/*事務所1つのレイアウト設定↓↓*/
#footer .company .tel .hitotuText {
    text-align: center;
    font-size: 120%;
    margin-top: 5px;
}

#footer .access {
    float: right;
    width: 556px;
}

#footer .access .officeList {
    margin: 0 0 12px;
}

#footer .access .officeList li {
    float: left;
    width: 272px;
}

/*事務所1つのレイアウト設定↓↓*/
#footer .access .officeList li.hitotu {
    width: 500px;
    padding-left: 20px;
}

#footer .access .officeList li:first-child {
    margin: 0 12px 0 0;
}

#footer .access .officeList dt {
    margin: 0 0 12px;
}

#footer .access .map {
    width: 260px;
    height: 180px;
    border: 6px solid #8e7a6a;
}

/*事務所1つのレイアウト設定↓↓*/
#footer .access .map02 {
    width: 480px;
    height: 206px;
    border: 6px solid #8e7a6a;
}

#footer .access .mapLink {
    margin: 6px 0 8px;
    text-align: right;
}

#footer .access .mapLink a {
    padding: 0 0 0 10px;
    background: transparent url(/img/common/ico_arrow01.png) left center no-repeat;
}

/*事務所1つのレイアウト設定↓↓*/
#footer .access .mapLink02 {
    margin: 6px 0 8px;
    text-align: left;
}

#footer .access .mapLink02 a {
    padding: 0 0 0 10px;
    background: transparent url(/img/common/ico_arrow01.png) left center no-repeat;
}

.footerLink {
    clear: both;
    padding: 8px 0;
    background: #94806f;
}

.footerLink ul {
    margin: 0 auto;
    width: 980px;
}

.footerLink li {
    display: inline;
    margin: 0 10px 0 0;
}

.footerLink li a {
    padding: 0 0 0 10px;
    background: transparent url(/img/common/ico_arrow01.png) left center no-repeat;
    color: #fff;
}

.copyright {
    padding: 5px 0;
    background: #6d5f52;
}

.copyright p {
    margin: 0 auto;
    width: 980px;
    text-align: right;
    color: #fff;
}

@media screen and (max-width: 768px) {
    #footer .inner {
        margin: 0 auto;
        padding: 20px 0 30px;
        width: 100%;
    }

    #footer .company {
        float: none;
        width: 100%;
    }

    #footer .company .office {
        padding: 5%;
    }

    #footer .company .tel {
        width: 100%;
    }

    #footer .company .tel .notes {
        text-align: center;
    }
    #footer .company .office address{
        font-size: 12px;
    }

    #footer .access {
        float: none;
        width: 100%;
    }

    #footer .access .officeList li.hitotu {
        width: 100%;
        padding-left: 0;
    }

    #footer .hitotu dl dd {
        padding: 0 5%;
    }

    #footer .access .map02 {
        width: 100%;
        height: 206px;
        border: 6px solid #8e7a6a;
    }

    #footer .access .map02 iframe {
        width: 100%;
    }

    .footerLink {
        padding: 0 5%;
        font-size: 14px;
    }

    .footerLink ul {
        width: 100%;
    }

    .copyright p {
        width: 100%;
        text-align: center;
        font-size: 12px;
    }

    .pagetop {
        padding: 0 0 0 0;
        background-size: 190%;
    }

    .pagetop p {
        width: auto;
    }
}

/* トップ
-----------------------------------------*/
#topContents {
    padding: 416px 0 0 0;
    background: transparent url(/img/top/mainimage.jpg) center top no-repeat;
}

.topMenu {
    position: relative;
    margin: 0 0 45px;
    padding: 22px 0 24px 0;
    background: #faf4eb;
}

.topMenu ul {
    padding: 0 0 0 15px;
}

.topMenu li {
    float: left;
    padding: 0 8px;
    width: 217px;
}

.topMenu li p {
    padding: 3px 5px;
}

.topOffice {
    position: relative;
    padding: 1px;
    border: 5px solid #94806f;
    background: #fff;
}

.topMenu:before,
.topMenu:after,
.topOffice:before,
.topOffice:after {
    position: absolute;
    display: block;
    content: "";
    width: 62px;
    height: 72px;
}

.topMenu:before,
.topOffice:before {
    top: -18px;
    left: -18px;
    background: transparent url(/img/top/office_point01.png) left top no-repeat;
}

.topMenu:after,
.topOffice:after {
    bottom: -18px;
    right: -18px;
    background: transparent url(/img/top/office_point02.png) left top no-repeat;
}

.topOffice .inner {
    padding: 21px 0 0 0;
    /*height:323px;*/
    height: 374px;
    background: transparent url(/img/top/office_bg02.png) left top repeat;
}

.topOffice .inner02 {
    padding: 21px 0 0 0;
    height: 250px;
    background: transparent url(/img/top/office_bg03.png) left top repeat;
}

.topOffice .inner02 .imgTitle {
    position: relative;
    margin: 10px 0 0 30px !important;
}

.topOffice .inner02 .txtBox {
    position: relative;
    width: 450px;
    top: -115px;
    left: 180px;
    color: #442613;
}

.topOffice .inner02 ul {
    margin-top: -80px;
}

.topOffice h2 {
    margin: 0 0 16px 27px;
}

.topOffice ul {
    margin: 0 0 10px;
}

.topOffice li {
    float: left;
    margin: 0 9px 0 0;
    padding: 0 0 0 27px;
}

.topOffice .btn {
    text-align: center;
}

.topOffice .btn02 {
    margin-top: -80px;
    text-align: center;
}

@media screen and (max-width: 768px) {
    #topContents {
        padding: 270px 0 0 0;
        background: transparent url(/img/top/mainimage.jpg) 28% top no-repeat;
        background-size: 925px;
    }

    .topOffice .inner02 {
        padding: 0;
        height: auto;
    }

    .topOffice .inner02 .imgTitle {
        margin: 0 0 0 20px !important;
        padding-top: 10px;
        width: 100px;
        z-index: 100;
    }

    .topOffice .inner02 .txtBox {
        width: 90%;
        position: static;
        margin: auto;
        padding-top: 5%;
    }

    .topOffice .inner02 ul {
        position: absolute;
        text-align: center;
        top: 100px;
        right: 0;
        width: calc(100% - 100px);
    }

    .topOffice li {
        float: left;
        max-width: 170px;
        width: 47%;
        margin: 0;
        padding: 0 5px;
    }

    .topMenu ul {
        width: 95%;
        max-width: 490px;
        margin: auto;
        padding: 0;
        text-align: center;
    }

    .topMenu li {
        float: left;
        min-width: 80px;
        width: 49%;
        max-width: 240px;
        margin: 5px 0;
        padding: 0;
    }

    .topMenu li img {
        max-width: 90%;
    }

    .topOffice .btn02 {
        margin-top: 0;
        padding: 20px;
    }
}

/* 下層共通
------------------------------------ */
.mainvisual {
    /*margin:0 0 45px;*/
    background: transparent url(/img/common/mainimage.jpg) center top no-repeat;
}

.mainvisual .inner {
    position: relative;
    margin: 0 auto;
    width: 980px;
    height: 288px;
}

.mainvisual .pagetitle {
    position: absolute;
    top: 66px;
    left: 0;
}

@media screen and (max-width: 768px) {
    .mainvisual {
        background: transparent url(/img/common/mainimage.jpg) center top no-repeat;
        background-size: auto 175px;
    }
    .mainvisual .inner {
        width: 100%;
        height: 150px;
    }
    .mainvisual .inner p{
        top:40px;
        left:10px;
        width: 50%;
    }
    .mainvisual .inner p img{
        width: 100%;
    }

}

.article {
    font-size: 14px;
}

.article .section {
    margin: 20px 0;
}

.article .section .section {
    margin: 0 0 20px;
}

.article h2 {
    margin: 0 0 15px;
    padding: 6px 20px 12px;
    background: #94806f url(/img/common/hline01.png) left bottom repeat-x;
    color: #fff;
    font-weight: bold;
    font-size: 22px;
}

.article h3 {
    margin: 0 0 10px;
    padding: 0 0 6px 24px;
    border-bottom: 1px solid #94806f;
    background: transparent url(/img/common/ico_circle01.png) 0 .4em no-repeat;
    font-size: 16px;
    font-weight: bold;
    color: #66594c;
}

.article h4 {
    margin: 24px 0 10px;
    padding: 0 0 0 26px;
    background: transparent url(/img/common/ico_arrow02.png) 7px .4em no-repeat;
    font-weight: bold;
}

.article .notRecruiting {
    background: none;
    color: #66594c;
    padding: 10px 0;
    margin: 0 0 20px;
    font-weight: bold;
    font-size: 22px;
    border: 1px solid #94806f;
    text-align: center;
}

#main .tel {
    clear: both;
    position: relative;
    margin: 25px 0 40px;
    padding: 0 0 0 165px;
    width: 538px;
    border: 1px solid #f1e0c7;
    background: transparent url(/img/consultation/tel_bg.png) left top repeat-y;
    color: #000;
}

#main .tel dt {
    position: absolute;
    top: 50%;
    left: 27px;
    margin: -17px 0 0 0;
}

#main .tel dd {
    padding: 10px 0;
}

#main .tel dd ul {
    margin: 0 0 3px;
}

#main .tel dd li {
    display: inline;
    margin: 0 40px 0 0;
}

/*事務所1つの設定*/
#main .tel02 {
    clear: both;
    position: relative;
    margin: 25px 0 40px;
    padding: 0 0 0 165px;
    width: 538px;
    border: 1px solid #f1e0c7;
    background: transparent url(/img/consultation/tel_bg.png) left top repeat-y;
    color: #000;
}

#main .tel02 dt {
    position: absolute;
    top: 50%;
    left: 27px;
    margin: -17px 0 0 0;
}

#main .tel02 dd {
    padding: 10px 0;
    text-align: center;
}

#main .tel02 dd ul {
    margin: 0 0 3px;
}

#main .tel02 dd li {
    margin: 0 40px 5px 0;
}

.lead {
    margin: 0 0 30px;
}

.block {
    margin: 25px 0;
    padding: 20px;
    background: #faf4eb;
}

.block02 {
    padding: 0 20px 55px;
    background: #faf4eb;
}

.article h4+.block {
    margin-top: 10px;
}

.article .notes {
    font-size: 12px;
}

@media screen and (max-width: 768px) {
    #main .tel02 {
        padding: 0 0 0 110px;
        width: 100%;
    }

    #main .tel02 dd {
        padding: 10px;
    }
}

/* Contact
------------------------------------ */
.contact .label {
    margin: 0 0 8px;
    color: #b69918;
    font-weight: bold;
    font-size: 16px;
}

.formTable {
    margin: 15px 0 5px;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    background: #fff;
}

.formTable th,
.formTable td {
    padding: 12px 15px;
    border: 1px solid #e2c023;
    vertical-align: top;
}

.formTable th,
.formTable .txt {
    width: 150px;
    background: #faf3d6;
    font-weight: bold;
    text-align: left;
}

.formTable .txt {
    font-weight: normal;
}

.formTable th.rows {
    width: auto;
    text-align: center;
}

.formTable .price {
    text-align: center;
    vertical-align: middle;
}

.formTable td input[type=text],
.formTable td textarea {
    padding: 4px 0;
    width: 463px;
    border: 1px solid #ccc;
    font-size: 16px;
}

.formTable td .list li {
    display: inline;
    margin: 0 1em 0 0;
}

.formTable .example {
    font-size: 12px;
}

.btnArea {
    margin: 20px 0;
    text-align: center;
}

.btnArea input,
.btnArea img {
    margin: 0 10px;
    vertical-align: middle;
}

.emp {
    color: #c00;
}

.error {
    font-weight: bold;
    color: #c00;
}

#mapOsaka,
#mapKyoto {
    width: 100%;
    height: 500px;
}

@media screen and (max-width: 768px) {
    .formTable th, .formTable .txt {
        width: 120px;
    }
}

/* 弁護士紹介
-----------------------------------------*/
div.lawyer {
    padding: 0 0 0 226px;
}

.article .lawyer span.member01 {
    font-size: 13px;
}

.article .lawyer span.member02 {
    display: block;
    font-size: 13px;
}

.lawyer p {
    margin: 0 0 30px;
}

.lawyer .thumb {
    margin: 0;
}

.lawyer .thumb img {
    float: left;
    margin: 0 0 0 -226px;
}

.historyData {
    margin: 0;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

.historyData th {
    /*width:20%;*/
    /* width: 18%; */
    width: 23%;
    text-align: left;
    font-weight: normal;
    vertical-align: top;
}

.historyData02 {
    margin: 0 0 30px;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

.historyData02 th {
    width: 25%;
    text-align: left;
    font-weight: normal;
    vertical-align: top;
}

.historyData03 {
    margin-bottom: 30px;
}

ul.listoKigou {
    list-style-type: disc;
    padding-left: 20px;
}

ul.listoKigou li {
    margin-bottom: 5px;
}

ul.listoKigou li span {
    font-size: 90%;
    color: #666;
}

.boxSclo {
    max-height: 550px;
    overflow-y: scroll;
    margin-top: 20px;
}

@media screen and (max-width: 768px) {
    div.lawyer {
        padding: 0 0 0 0px;
    }
    .boxSclo{
        width: 100%;
        display: block;
    }
    .historyData th {
        width: 31%;
    }

    .lawyer .thumb img {
        width: 45%;
        margin: 0 20px 10px 0;
    }

    .formTable td .space {
      padding: 0 0 0 15px;
    }
    div.lawyer h3 .spsize {
      font-size: 12px;
      line-height: 1.3;
      display: inline-block;
    }
}

/* 取扱い業務
-----------------------------------------*/
.notice {
    font-size: 12px;
}

.notice dd {
    margin: 0 0 15px;
}

.pdfLink {
    text-align: center;
    font-weight: bold;
}

.pdfLink a {
    padding: 0 0 0 19px;
    background: transparent url(/img/common/ico_arrow02.png) left center no-repeat;
}

.article.fee .section p {
    margin: 0 0 20px;
}

.article .office {
    margin: 0 0 40px;
}

.article .office h4 {
    margin: 15px 0;
    padding: 0;
    background: none;
    font-size: 16px;
    color: #b69918;
}

.article .office .thumb {
    float: left;
    margin: 0 20px 20px 0;
}

.article .office .map {
    clear: left;
    margin: 20px 0 0 0;
}

.article .office dt {
    font-weight: bold;
}

.article .office dd {
    margin: 0 0 10px;
}

@media screen and (max-width: 768px) {
    .article .office .thumb {
        width: 50%;
    }

    .article .office .map iframe {
        width: 100%;
        height: 300px;
    }
}

/* 採用情報
-----------------------------------------*/
.careersTable {
    margin: 15px 0 5px;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    background: #fff;
}

.careersTable th,
.careersTable td {
    padding: 12px 15px;
    border: 1px solid #65594B;
    vertical-align: top;
}

.careersTable th,
.careersTable .txt {
    width: 150px;
    background: #DED9D3;
    font-weight: bold;
    text-align: left;
}

.careersTable th {
    border-right: none;
}

.careersTable td {
    border-left: none;
}

.careersTable td ol {
    list-style-type: decimal;
    padding-left: 20px;
}

.careersTable td ol li {
    margin-bottom: 15px;
}

.careersTable .careersFontRed {
    color: #B20000;
    font-size: 16px;
    font-weight: bold;
    margin-top: 20px;
}

.careersTable .careersFontBig {
    font-size: 16px;
    font-weight: bold;
    margin-top: 20px;
}

.careersBtn {
    text-align: center;
    margin-top: 30px;
}

.careersBtn .txt {
    width: 350px;
    margin: 0 auto;
    margin-top: 10px;
    text-align: left;
}

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





    /*-----------------------------------------------
    移転お知らせ
    -----------------------------------------------*/
    .infoArea {
        border: 1px solid #94806f;
    	background: #fff;
        padding: 24px 30px;
    	margin-bottom: 28px;
    }

    .infoArea .readTxt {
        font-size: 14px;
        text-align: center;
        width: 100%;
    }

    .infoArea .readTxt strong {
        font-weight: bold;
        font-size: 19px;
    }

    .infottl {
        font-size: 18px;
    	text-align: center;
        margin-bottom: 20px;
        color: #000;
        font-weight: bold;
    }

    .infoArea .box {
        display: flex;
        justify-content: space-between;
    }


    @media screen and (max-width: 768px) {
      .infoArea .box{
        flex-wrap: wrap;
      }

        .infoArea {
            border: 2px solid #94806f;
            width: auto;
        	background: #fff;
            padding: 24px 12px;
        	margin-bottom: 28px;
        }

        .infoArea .box .imgL{
          margin: 0 auto 8px;
        }

        .infoArea .readTxt {
            font-size: 13px;
            text-align: left;
            width: 100%
        }

    }


/* 求人募集バナー */
.recruitBnr{
    text-align: center;
    margin: 35px 0 0;
}
.recruitBnr a:hover{
    opacity: 0.8;
}
@media screen and (max-width:768px){
    .recruitBnr{
        margin: 20px 0 0;
    }
}


/* 求人掲載バナー20220713 ↓↓ */
.entryBnr {
    margin-bottom: 20px;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .entryBnr {
        margin-bottom: 31px;
        text-align: center;
    }
}
/* 求人掲載バナー20220713 ↑↑ */