@charset "UTF-8";

/*****************************
  pagecommon
*****************************/
.pagehead{
  position: relative;
}
.pagehead-bg{
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 400px;
}
.pagehead-bg::before{
  content: "";
  background: rgb(25 64 98 / 45%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .pagehead-bg{
    height: 250px;
  }
}

/******************************
  ページhead
******************************/
.pagehead-ttl {
  padding: 20px;
  color: #fff;
  position: absolute;
  top: 166px;
  left: 100px;
}
.pagehead-ttl h2 {
  font-size: 26px;
}
.pagehead-ttl p {
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  .pagehead-ttl {
    top: 138px;
    left: 6px;
  }
  .pagehead-ttl h2 {
    font-size: 20px;
  }
  .pagehead-ttl p {
    font-size: 14px;
  }
}
/*****************************
  プラポリ
*****************************/
.page-privacy{
  margin-top: 60px;
  margin-bottom: 60px;
}
.page-privacy .pplist .pplist .ppbox{
  margin: 2rem 0;
}
.page-privacy .pplist .ttl{
  border-left: 5px solid #0B1E46;
  color: #0B1E46;
  font-size: 2rem;
  font-weight: bold;
  margin: 3rem 0 1rem;
  padding: .8rem 1.5rem;
}
.page-privacy .pplist .content .add{
  margin-top: 2rem;
}
.page-privacy p,
.page-privacy .pplist .content{
  line-height: 1.8;
}
.page-privacy .pplist .content ul{
  margin-top: 1rem;
  margin-left: 2rem;
}
.page-privacy .pplist .content li{
  list-style: "・";
}
@media only screen and (max-width: 767px) {
  .page-privacy .pplist .ttl{
      font-size: 1.8rem;
  }
}

/*****************************
  サイトマップ
*****************************/
.sitemap_m{
margin-bottom: 60px;
}
.sitemaplist {
display:flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
margin-top: 50px;
}
.sitemaplist li {
width: 47%;
list-style: none;
margin: 10px;
}
@media screen and (max-width: 767px) {
.sitemaplist li {
width: 100%;
list-style: none;
}
}
.sitemaplist li a{
display: block;
border: 1px solid;
padding: 10px 20px;
position: relative;
border-color: #0B1E46;
color: #181818;
opacity: 1;
}
.sitemaplist li a:hover{
display: block;
border: 1px solid;
padding: 10px 20px;
position: relative;
background: #0B1E46;
color: #fff;
}
.sitemaplist li a::after {
content: ">";
display: block;
position: absolute;
right: 20px;
font-size: 20px;
top: 8px;
color: #0B1E46;
}
.sitemaplist li a:hover::after {
content: ">";
display: block;
position: absolute;
right: 20px;
font-size: 20px;
top: 8px;
color: #fff;
}
.sitemap-current a{
color: #fff !important;
border: 1px solid;
background: #0B1E46;
}
.sitemap-current a::after {
content: ">";
display: block;
position: absolute;
right: 20px;
font-size: 20px;
top: 8px;
color: #fff !important;
}
/*****************************
  フォーム
*****************************/
.firsttxt {
  text-align: center;
  margin-bottom: 20px;
}

.formbox{
max-width: 800px;
margin: 0 auto;
}
.formbox .fomin {
background: #0B1E46;
border-bottom: 1px solid #c7c7c7;
border-right: 1px solid #c7c7c7;
border-left: 1px solid #c7c7c7;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
}
.formbox .fomin:first-of-type {
border-top: 1px solid #c7c7c7;
}
.formbox .fomttl{
  color: #fff;
padding: 0 1rem;
text-align: left;
width: 230px;
}
.formbox .fomttl span{
background: #A42020;
border-radius: 6px;
color: #fff;
font-size: 1.2rem;
line-height: 1;
margin-left: .5rem;
padding: 0rem .5rem .3rem;
}
.formbox .fomcontent{
background: #fff;
padding: 1.6rem;
width: calc(100% - 230px);
}
.formbox .fomcontent span.error{
background: none;
margin: 0;
}
.formbox .fomcontent dl{
margin-bottom: 1rem;
}
.zipaddbox{
  margin-bottom: 10px;
}
.formbox .fomcontent dt{
width: 145px;
}
.formbox .fomcontent dd{
margin-left: auto;
width: calc(100% - 165px);
}
.formbox .input-check{
text-align: left;
}
.formbox .input-check .horizontal-item + .horizontal-item {
margin-left: 0;
}
.formbox .input-check .horizontal-item{
display: inline-block;
margin-right: 1rem;
}
.input-submit{
margin: 3rem auto;
text-align: center;
}
.formtxt{
max-width: 500px;
margin: 2rem auto;
padding: 2rem 0 0;
}
.formtxt .inbox{
margin: 2rem 0;
}
.formtxt .inbox p{
margin-bottom: 2rem;
}

.formbox .input-txt input,
.formbox .input-num input,
.formbox .input-age input,
.formbox .input-zip input,
.formbox .input-txtarea textarea,
.formbox .input-select select {
background: #f3f3f3;
border: 1px solid #133953;
border-radius: 3px;
width: 100%;
}
.formbox .input-age input,
.formbox .input-num input{
max-width: 60px;
}
.formbox .input-day:first-child{
margin-bottom: 1rem;
}
.formbox .input-day input{
width: calc(100% - 145px);
}

.formbox .input-txt input,
.formbox .input-num input,
.formbox .input-age input,
.formbox .input-zip input,
.formbox .input-select select {
height: 36px;
padding: 0 .5em;
}
.formbox .input-date input{
margin: .5rem 0;
}
.formbox .input-select select{
appearance: auto;
}
.formbox .input-txtarea textarea {
padding: .5em;
}
.formbox .input-submit {
text-align: center;
margin-top: 2em;
}
.formbox .input-submit div {
display: inline-block;
vertical-align: middle;
}
.formbox .input-submit input {
height: 50px;
padding: 0 30px;
}

.formbox .fominadd .input-zip input{
max-width: 100px;
}
.formbox .fominadd .input-zip span{
color: #0096CE;
}
.formbox .fominadd .input-txt{
margin: 1rem 0;
}

.fomb {
margin: 0 auto;
max-width: 150px;
position: relative;
text-align: center;
z-index: 1;
}
.fomb input {
background: #0B1E46;
border: 1px solid #fff;
color: #fff;
display: inline-block;
padding: 0.5rem 2rem;
transition: .5s;
}
.fomb:hover input {
background: #fff;
border: 1px solid #0B1E46;
color: #0B1E46;
opacity: 1;
}
.fomb::before,
.fomb::after{
content: "";
/* border: 1px solid #0E1822; */
height: 50%;
position: absolute;
width: calc(100% + 0.8rem);
z-index: -1;
}
.fomb::before{
border-bottom: 0px;
left: -0.5rem;
top: -0.5rem;
}
.fomb::after {
border-top: 0px;
left: -0.5rem;
bottom: -0.5rem;
}
.formbox .input-txt input:focus-visible,
.formbox .input-num input:focus-visible,
.formbox .input-age input:focus-visible,
.formbox .input-zip input:focus-visible,
.formbox .input-txtarea textarea:focus-visible,
.formbox .input-select select:focus-visible{
  outline: 2px solid #005CC8;
  border-radius: 3px;
}

.contact_sec{
position: relative;
margin-top: 60px;
}
.contact_sec-complete{
background: none;
}
.contact_sec .inner1{
position: relative;
}
.contact_sec .txtbox{
margin: 0 auto 2rem;
max-width: 800px;
padding: 1rem;
position: relative;
text-align: center;
}
.contact_sec .box{
margin-top: 2rem;
position: relative;
padding-top: 1rem;
}
.contact_sec .formlinks{
text-align: center;
}
.contact_sec .formlinks a{
text-decoration: underline;
}
.contact_sec .fombcheck {
display: none;
}
.contact_sec-check .fombcheck {
display: inline-block;
}
.contact_sec-check .input-txt,
.contact_sec-check .input-txtarea,
.contact_sec-check .input-select{
background: #f3f3f3;
padding: .5rem;
}
.contact_sec .fomb {
margin-top: 2rem;
}
.contact_sec .ppbox{
margin-top: 2rem;
text-align: center;
}
.contact_sec .ppbox a{
text-decoration: underline;
}
.contct_txt{
margin-top: 30px;
margin-bottom: 30px;
text-align: center;
}
.contactxtx{
  width: 75%;
  margin: 20px auto;
}
.cbcheck{
  margin-top: 20px;
}
.ctel{
  font-size: 30px;
  line-height: 1.4;
  margin-top: 20px;
}
.ctel span{
  font-size: 18px;
  display: block;
}

@media only screen and (max-width: 820px) {
.contact_sec .ob5{
    left: -9rem;
}
.contact_sec-complete .ob1 {
    left: 9rem;
}
.contact_sec-complete .ob5 {
    bottom: -18rem;
}
.contact_sec-complete .ob2 {
    top: 11rem;
}
.contactxtx{
  width: 100%;
}
}
@media only screen and (max-width: 767px) {
.formbox .fomttl {
    padding: 0.5rem 1rem;
    text-align: left;
    width: 100%;
}
.formbox .fomcontent{
    width: 100%;
}
.formbox .fomin {
    margin: 1rem auto;
}
.formbox .fominadd .input-zip span{
    display: block;
}
}

/*****************************
  下層 汎用SECTION
*****************************/
.pagesec{
  margin: 30px 0;
  padding: 30px 0;
}

/*****************************
  下層 汎用TTL
*****************************/
.pagettl{
  margin-bottom: 20px;
}
.pagettl h2{
  font-size: 40px;
  line-height: 1.0;
  word-break: normal;
}
.pagettl p{
  font-size: 18px;
}
@media only screen and (max-width: 767px) {
  .pagettl h2{
    font-size: 34px;
  }
}

/*****************************
  ABOUT
*****************************/
/* GREETING */
.aflex{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.afbox1{
  width: 37%;
  margin-right: 20px;
}
.afbox2{
  width: 60%;
}

@media only screen and (max-width: 820px) {
  .afbox1 {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .afbox2{
    width: 100%;
  }
}

/* Philosophy */
.aptxt{
  width: 80%;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .aptxt{
    width: 100%;
  }
}

/* Company Profile */
.acflex{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.acfbox1{
  width: 35%;
  margin-right: 20px;
}
.acfbox2{
  width: 62%;
}
.acfbox2 table{
  border-collapse: collapse;
  width: 100%;
}
.acfbox2 th {
  background: #fff;
  border-bottom: 2px dotted #c7c7c7;
  box-sizing: border-box;
  color: #333;
  text-align: left;
  vertical-align: middle;
  width: 15%;
  min-width: 80px;
}
.acfbox2 td{
  border-bottom: 2px dotted #c7c7c7;
  padding: 10px;
  box-sizing: border-box;
  text-align: left;
  vertical-align: middle;
  background: #fff;
}

@media only screen and (max-width: 820px) {
  .acfbox1 {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .acfbox2{
    width: 100%;
  }
  .acfbox2 th{
    background: #f7f7f7;
    width: 100%;
    display: block;
    padding: 5px 10px;
  }
  .acfbox2 td{
    padding: 10px;
    display: block;
  }
}

/* Access */
.accsec{
  margin-top: 30px;
  padding-top: 30px;
}
.acctxt{
  text-align: center;
}
.gmap{
  margin-top: 30px;
}

@media only screen and (max-width: 767px) {
  .acctxt {
    text-align: inherit;
  }
}

/*****************************
    メンベー紹介
*****************************/
.memberflex{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: flex-start;
}
.memberfbox{
  width: calc(100% / 2);
  padding: 20px;
  margin: 0 auto;
  text-align: center;
}
.memberfbox img{
    width: 300px;
    height: auto;
    object-fit: cover;
}
.memberfbox p{
  margin-top: 10px;
  font-size: 18px;
}
@media only screen and (max-width: 767px) {
  .memberfbox{
    padding: 10px;
  }
  .memberfbox p{
    font-size: 16px;
  }
}

/* ポップアップ */
.mfp-bg{
  background: rgba(0,0,0,.45);
  mix-blend-mode: multiply;
  opacity: 1;
}
.mfp-close-btn-in .mfp-close{
  background: url(../images/common/cross.svg) no-repeat center / contain;
  color: transparent;
  opacity: 1;
  right: 7%;
}
@media only screen and (max-width: 1180px){
  .mfp-close-btn-in .mfp-close {
    right: 6%;
  }
}
@media only screen and (max-width: 1024px){
  .mfp-close-btn-in .mfp-close {
    right: 5%;
  }
}
@media only screen and (max-width: 820px){
  .mfp-close-btn-in .mfp-close {
    right: 0;
    top: -7%;
  }
}
@media only screen and (max-width: 767px){
  .mfp-close-btn-in .mfp-close {
    right: 0;
    top: -6%;
  }
}

/* ポップアップ コンテンツ */
.memberbox{
  width: 80%;
  background: #fff;
  padding: 20px;
  margin: 0 auto;
}
.memberbox table{
  border-collapse: collapse;
  width: 100%;
}
.memberbox th {
  background: #fff;
  border-bottom: 2px dotted #c7c7c7;
  box-sizing: border-box;
  color: #333;
  text-align: left;
  vertical-align: middle;
  width: 15%;
  min-width: 80px;
}
.memberbox td{
  border-bottom: 2px dotted #c7c7c7;
  padding: 10px;
  box-sizing: border-box;
  text-align: left;
  vertical-align: middle;
  background: #fff;
}
@media only screen and (max-width: 820px) {
  .memberbox{
    width: 100%;
  }
  .memberbox th{
    background: #f7f7f7;
    width: 100%;
    display: block;
    padding: 5px 10px;
  }
  .memberbox td{
    padding: 10px;
    display: block;
  }
}

/*****************************
    archive category btn
*****************************/
.newslist_btn_flex{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  margin-bottom: 60px;
}
.newslist_btn{
  width: calc(70% / 3);
}
.newslist_btn .label1{
  background: #fff;
  border: 1px solid #0C1F49;
  color: #0C1F49;
  padding: 3px 12px;
  display: inline-block;
  width: 220px;
  text-align: center;
  transition: .5s;
}
.newslist_btn a.label1:hover,
.newslist_btn a.label1.current{
  background: #fff;
  color: #0C1F49;
  opacity: 1;
}
.current{
  background: #fff;
  color: #202020;
  opacity: 1;
}
.newslist_btn .label2{
  background: #C2C2C2;
  border: 1px solid #0C1F49;
  color: #0C1F49;
  padding: 3px 12px;
  display: inline-block;
  width: 220px;
  text-align: center;
  transition: .5s;
}
.newslist_btn a.label2:hover,
.newslist_btn a.label2.current{
  background: #C2C2C2;
  color: #0C1F49;
  opacity: 1;
}
.newslist_btn .label3{
  background: #123073;
  border: 1px solid #123073;
  color: #fff;
  padding: 3px 12px;
  display: inline-block;
  width: 220px;
  text-align: center;
  transition: .5s;
}
.newslist_btn a.label3:hover,
.newslist_btn a.label3.current{
  background: #123073;
  color: #fff;
  opacity: 1;
}
@media only screen and (max-width: 767px) {
  .newslist_btn {
    width: calc(100% / 3);
    margin-bottom: 10px;
  }
  .newslist_btn .label1,
  .newslist_btn .label2,
  .newslist_btn .label3{
    width: 110px;
  }
}

/*****************************
  ARCHIVE
*****************************/
.page-news .pagesec{
  margin: 60px 0;
  padding: 60px 0;
}
@media only screen and (max-width: 767px) {
  .page-news .pagesec{
    margin: 30px 0;
    padding: 30px 0;
  }
}

/*****************************
  SERVICE
*****************************/
.sflex{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.sfbox{
  width: calc(100% / 2);
}
.space{
  padding: 0 30px;
}
.reverse{
  flex-direction: row-reverse;
}

@media only screen and (max-width: 820px) {
  .sflex{
    flex-direction: column-reverse;
  }
  .sfbox{
    width: 100%;
  }
  .sfbox img{
    padding: 0 20px 20px;
  }
  .reverse {
    flex-direction: column-reverse;
  }
}

/*****************************
  ARCHIVE CASE
*****************************/
.page-case .caselist {
  margin: 60px 0;
}

/*****************************
  SINGLE CASE
*****************************/
.single-caseimg img{
  width: 400px;
  height: auto;
  object-fit: contain;
  margin-bottom: 20px;
}

/*****************************
  RECRUIT
*****************************/
/* h3見出し */
.ttl_type03{
  margin-bottom: 20px;
}
.ttl_type03 h3{
  border-bottom: 3px solid #ccc;
  font-weight: bold;
  font-size: 20px;
  padding-bottom: .5em;
  position: relative;
  line-height: 1.5;
}
.ttl_type03 h3::after{
  content: "";
  width: 4em;
  height: 3px;
  background: #0B1E46;
  position: absolute;
  left: 0;
  bottom: -3px;
}
@media only screen and (max-width: 767px) {
  .ttl_type03 h3{
    font-size: 18px;
  }
}

/* 求める人材像 */
.debox{
  margin-top: 30px;
}

/* 採用メッセージ */
.bgrecruit{
  background-image: url(../images/page/bgrecruit.webp);
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  padding: 120px 0;
}
.bgrecruit::after{
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  content: "";
  background: rgb(25 64 98 / 60%);
}
.webox{
  position: relative;
  z-index: 1;
}
.webox .pagettl{
  color: #fff;
  text-shadow: 1px 1px #333;
}
.wetxt{
  color: #fff;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .wetxt{
    text-align: inherit;
  }
}

/* IMG４分割 */
.weimgsec{
  margin-bottom: 30px;
  padding-bottom: 30px;
}
.weimgbox{
  display: flex;
  flex-wrap: wrap;
}
.weimgbox li{
  width: 25%;
}
@media only screen and (max-width: 767px) {
  .weimgbox li{
    width: 50%;
  }
}

/* しらかば綜合会計事務所でできること */
.recruittxt{
  width: 80%;
  margin: 0 auto;
}
@media only screen and (max-width: 767px){
  .recruittxt{
    width: 100%;
  }
}

/* 仕事内容 */
.jobflex{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.jobbox{
  width: calc(100% / 3 - 10px);
  margin-bottom: 10px;
  padding: 20px;
  background: #011540;
}
.jobbox p{
  color: #fff;
  text-align: center;
  letter-spacing: 1.8px;
}
@media only screen and (max-width: 767px) {
  .jobbox{
    width: 100%;
  }
}

/* データで見る */
.dateflex{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.datefbox{
  width: calc(100% / 3);
  padding: 10px;
  margin-bottom: 20px;
}
.datefbox p{
  font-size: 14px;
  text-align: center;
}
.datep{
  font-size: 20px !important;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .datefbox{
    width: calc(100% / 2);
    margin-bottom: 10px;
  }
  .datefbox p{
    font-size: 12px;
  }
  .datep{
    font-size: 16px !important;
  }
}

/* 円グラフ１ */
.pie-chart-3 {
  align-items: center;
}
.pie-chart-3 > div {
  width: 200px;
  height: 200px;
  margin: 0 auto;
  border-radius: 50%;
  background-image: conic-gradient(#011154 60%, #153a8b 60% 100%, #f2f2f2 100% 100%);
}
.pie-chart-3 ol{
  margin-top: 10px;
}
.pie-chart-3 li {
  display: flex;
  list-style-type: none;
  align-items: center;
}
.pie-chart-3 li::before {
  display: inline-block;
  width: 1.2em;
  height: .8em;
  margin-right: 5px;
  content: '';
}
.pie-chart-3 li:nth-child(1)::before {
  background-color: #011154;
}
.pie-chart-3 li:nth-child(2)::before {
  background-color: #153a8b;
}
.pie-chart-3 span {
  margin-right: 10px;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .pie-chart-3 > div{
    width: 100px;
    height: 100px;
  }
  .pie-chart-3 li{
    font-size: 10px;
  }
}

/* 円グラフ2 */
.pie-chart-1 {
  position: relative;
  width: 200px;
  height: 200px;
  margin: 0 auto;
  border-radius: 50%;
  background-image: conic-gradient(#011540 100%, #f2f2f2 100% 100%);
  margin-bottom: 30px;
}
.pie-chart-1 span {
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  color: #fff;
  font-weight: 600;
  font-size: 1.1em;
}
@media only screen and (max-width: 767px){
  .pie-chart-1{
    width: 110px;
    height: 110px;
  }
}

/* 先輩の声 */
.voiceflex{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.voicefbox{
  width: calc(100% / 4);
  padding: 10px;
}
.voicefbox img{
  width: 100%;
  height: auto;
  aspect-ratio: 4/3;
  object-fit: cover;
}
.voicefbox .ttl{
  margin-top: 10px;
}
@media only screen and (max-width: 767px) {
  .voicefbox {
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
  }
}


/*****************************
  先輩の声 SINGLE
*****************************/
.svimg img{
  width: 600px;
  height: auto;
  margin: 0 auto;
}
.svbox{
  margin: 30px 0;
}
.svbox .ttl_type03{
  margin: 10px 0;
}
.svbtn{
  text-align: center;
  margin: 50px 0;
}
.svbtn a{
  background: #011540;
  border: 1px solid #011540;
  color: #fff;
  padding: 8px 20px;
  transition: .5s;
  display: inline-block;
  width: 240px;
}
.svbtn a:hover{
  background: #fff;
  color: #011540;
  opacity: 1;
}

/*****************************
  新設法人向けサービス
*****************************/
.ncsec.bgrecruit{
  background-image: url(../images/page/ncbg.webp);
}
.ncsec .wetxt{
  text-align: inherit;
  width: 50%;
  margin: 0 auto;
}
@media only screen and (max-width: 820px){
  .ncsec .wetxt{
    width: 70%;
  }
}
@media only screen and (max-width: 767px){
  .ncsec .wetxt{
    width: 100%;
  }
}

/* ご依頼のメリット */
.ncmerit{
  text-align: center;
}
@media only screen and (max-width: 820px){
  .ncmerit{
    text-align: inherit;
  }
}

.ncmflex{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  margin-top: 20px;
}
.cnmbox{
  width: calc(100% / 3);
  padding: 10px;
  text-align: center;
}
.ncm1,
.ncm5{
  background: #011540;
  color: #fff;
  padding: 20px;
}
.ncm2{
  background: #09235D;
  color: #fff;
  padding: 20px;
}
.ncm3,
.ncm4{
  background: #153A8B;
  color: #fff;
  padding: 20px;
}
.ncm1,.ncm2,
.ncm3,.ncm4,
.ncm5{
  min-height: 340px;
}
.cnmbox h3{
  font-size: 22px;
}
.cnmbox p{
  text-align: left;
  margin-top: 10px;
}
@media only screen and (max-width: 1024px) {
  .ncm1,.ncm2,
  .ncm3,.ncm4,
  .ncm5{
    min-height: 330px;
  }
}
@media only screen and (max-width: 820px) {
  .cnmbox{
    width: calc(100% / 2);
  }
  .ncm1,.ncm2,
  .ncm3,.ncm4,
  .ncm5{
    min-height: 340px;
  }
}
@media only screen and (max-width: 767px) {
  .cnmbox{
    width: 100%;
  }
  .ncm1,.ncm2,
  .ncm3,.ncm4,
  .ncm5{
    min-height: auto;
  }
}

/* 新規開業サポートの流れ */
.ncfflex{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.ncffbox{
  width: calc(100% / 4);
  padding: 10px;
}
.ncffbox h3{
  font-size: 20px;
  text-align: center;
  margin: 10px 0;
}
@media only screen and (max-width: 1024px) {
  .ncffbox{
    width: calc(100% / 2);
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .ncffbox{
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
  }
}

.btn1{
  text-align: center;
  margin-top: 10px;
}
.btn1 a{
  background: #0B1E46;
  border: 1px solid #0B1E46;
  color: #fff;
  padding: 6px 10px;
  transition: .5s;
  display: inline-block;
  width: 250px;
}
.btn1 a:hover{
  background: #fff;
  color: #0B1E46;
  opacity: 1;
}
.btn2{
  text-align: center;
  margin-top: 10px;
}
.btn2 a{
  background: #fff;
  border: 1px solid #0B1E46;
  color: #0B1E46;
  font-size: 18px;
  padding: 6px 10px;
  transition: .5s;
  display: inline-block;
  width: 250px;
}
.btn2 a:hover{
  background: #0B1E46;
  color: #fff;
  opacity: 1;
}
@media only screen and (max-width: 767px){
  .btn2{
    margin-top: 20px;
  }
}

/* 新設法人向けのサービス */
.idflex{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
}
.idbox{
  width: calc(100% / 4 - 10px);
}
.idbtn{
  text-align: center;
  margin: 20px 0;
}
.idbtn a{
  background: #09235D;
  border: 1px solid #09235D;
  color: #fff;
  padding: 6px 10px;
  transition: .5s;
  display: inline-block;
  width: 240px;
}
.idbtn a:hover{
  background: #fff;
  color: #09235D;
  opacity: 1;
}
@media only screen and (max-width: 1180px) {
    
}
@media only screen and (max-width: 1024px) {
  .idbtn a{
    width: 220px;
  }
}
@media only screen and (max-width: 820px) {
  .idbox {
    width: calc(100% / 2 - 10px);
  }
  .idbtn a{
    width: 280px;
  }
}
@media only screen and (max-width: 767px) {
  .idbox{
    width: 100%;
  }
}

/* 新規開業・法人化手続き */
.ncbg1{
  background-image: url(../images/page/nc_newbg.webp);
  background-repeat: repeat;
  background-position: center;
  position: relative;
  padding: 120px 0;
}
.newflow{
  width: 60%;
  margin: 30px auto;
}
.flowcard{
  background: #09235D;
  color: #fff;
  display: inline-block;
  width: 100%;
  padding: 16px 10px;
  text-align: center;
  margin-bottom: 60px;
  position: relative;
}
.flowcard::after {
  content: "";
  position: absolute;
  border-top: 20px solid #345499;
  border-right: 15px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 15px solid transparent;
  margin-left: 0%;
  bottom: -82px;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
.flowcard:last-of-type::after{
  display: none;
}
.pointbox{
  background: #153A8B;
  padding: 20px;
}
.pointbg{
  background: #fff;
  padding: 20px;
}
.pointbox h3{
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .newflow{
    width: 100%;
  }
  .pointbox{
    padding: 10px;
  }
}

/* 事業開始手続き */
.stsec .ncm1,
.stsec .ncm2,
.stsec .ncm3,
.stsec .ncm4,
.stsec .ncm5 {
  min-height: 340px;
}
.stsec .cnmbox h3{
  font-size: 20px;
}
@media only screen and (max-width: 1024px) {
  .stsec .ncm1,
  .stsec .ncm2,
  .stsec .ncm3,
  .stsec .ncm4,
  .stsec .ncm5 {
    min-height: 400px;
  }
}
@media only screen and (max-width: 820px) {
  .stsec .ncm1,
  .stsec .ncm2,
  .stsec .ncm3,
  .stsec .ncm4,
  .stsec .ncm5 {
    min-height: 340px;
  }
}
@media only screen and (max-width: 767px) {
  .stsec .ncm1,
  .stsec .ncm2,
  .stsec .ncm3,
  .stsec .ncm4,
  .stsec .ncm5 {
    min-height: auto;
  }
}

/* 資金調達 */
.feemerit{
  margin: 10px 0;
}
.feemerit p{
  font-size: 18px;
}
.pagettl2{
  margin: 20px 0 10px 0;
}
.pagettl2 h4{
  color: #153A8B;
  font-size: 18px;
  font-weight: bold;
}
@media only screen and (max-width: 767px){
  .feemerit p{
    font-size: 16px;
  }
}

/*****************************
  新分野
*****************************/
.nfsec.bgrecruit {
  background-image: url(../images/page/nfbg.webp);
}


/*****************************
  法人顧問
*****************************/
.acsbox{
  width: 33%;
  margin: 0 auto;
}
.acsbox p{
  font-size: 18px;
  line-height: 1.8;
}
@media only screen and (max-width: 1024px) {
  .acsbox{
    width: 35%;
  }
}
@media only screen and (max-width: 820px) {
  .acsbox{
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .acsbox{
    width: 100%;
  }
  .acsbox p{
    font-size: 16px;
  }
}

/* 当事務所に依頼をするメリット */
.camflex{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  border: 2px solid #011540;
  padding: 20px;
  margin-bottom: 20px;
}
.camfbox{
  width: 25%;
}
.camfbox2{
  width: 75%;
}
.camfbox2 h3{
  border-bottom: 1px dashed #153A8B;
  color: #153A8B;
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 10px;
}
@media only screen and (max-width: 820px) {
  .camfbox{
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }
  .camfbox2{
    width: 100%;
  }
}

/* 料金表 */
.tb01{
  width: 100%;
}
.tb01 th,
.tb01 td{
  padding: 10px;
  border: solid 1px #ccc;
  text-align:center;
  box-sizing:border-box;
}
.tb01 th {
  background: #09235D;
  color: #fff;
}
.tb01 .gray {
  background: #f1f1f1;
  color: #101010;
}
.tb01 td{
  background: #fff;
}
@media screen and (max-width: 768px) {
  .tb01 .head{
    display:none;
  }
  .tb01 {
    width: 100%;
  }
  .tb01 td,
  .tb01 th{
    display: block;
    width: 100%;
    border-bottom:none;
  }
  .tb01 .gray {
    background: #09235D;
    color: #fff;
  }
  .tb01 td{
    padding: 0px 12px 0 0;
    display: block;
    width: 100%;
    line-height: 2.5;
    text-align:left;
  }
  .tb01 th:before{
    color: #fff;
    content: attr(data-label);
    padding: 0px 10px;
    display: inline;
    margin-right: 10px;
    float: left;
  }
  .tb01 td:before{
    color: #101010;
    content: attr(data-label);
    font-weight: bold;
    padding: 0px 10px;
    display: inline;
    background-color: #F1F1F1;
    margin-right: 10px;
    float: left;
    width: 100px;
  }
  .tb01 tr:last-child{
    border-bottom: solid 1px #ccc;
  }
}

.caution{
  margin-top: 10px;
}

/*****************************
  事業継承
*****************************/
.bssec .idbox {
  width: calc(100% / 3 - 10px);
}
.bssec .idbtn a{
  width: 300px;
}
@media only screen and (max-width: 820px) {
  .bssec .idbtn a {
    width: 225px;
    font-size: 13px;
  }
}
@media only screen and (max-width: 767px) {
  .bssec .idbox{
    width: 100%;
  }
}

.bssec .cnmbox p {
  text-align: left;
  width: 50%;
  margin: 10px auto;
}
.bstxt{
  margin-top: 20px;
}
.graph{
  margin-top: 20px;
}
.graph img{
  border: 1px solid #ccc;
}
.graph p{
  text-align: right;
}

.table01{
  border-top: 1px solid #c7c7c7;
  border-left: 1px solid #c7c7c7;
  border-collapse: collapse;
  width: 100%;
}
.table01 th{
  border-bottom: 1px solid #c7c7c7;
  border-right: 1px solid #c7c7c7;
  padding: 20px;
  box-sizing: border-box;
  background-color: #09235D;
  color: #fff;
  text-align: left;
  vertical-align: middle;
  width: 25%;
  min-width: 180px;
}
.table01 td{
  border-bottom: 1px solid #c7c7c7;
  border-right: 1px solid #c7c7c7;
  padding: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
}
.table01 .tblg td{
  background-color: #EAEFF0;
}

   /* スクロールヒント */
.table01 {
    width: 100%;
    text-align: center;
    border-collapse: collapse;
    border-spacing: 0;
}
@media screen and (max-width: 767px) {
  .table01 {
  width: 800px;
  }
  .js-scrollable{
  max-width: 100%;
  overflow: auto;
  }
}

.table02{
  border-top: 1px solid #c7c7c7;
  border-left: 1px solid #c7c7c7;
  border-collapse: collapse;
  width: 100%;
  font-size: 14px;
}
.table02 th{
  border-bottom: 1px solid #c7c7c7;
  border-right: 1px solid #c7c7c7;
  padding: 10px;
  box-sizing: border-box;
  background-color: #09235D;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  width: 10%;
  min-width: 85px;
}
.table02 td{
  border-bottom: 1px solid #c7c7c7;
  border-right: 1px solid #c7c7c7;
  padding: 10px;
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle;
}
.table02 .tblg td{
  background-color: #EAEFF0;
}

   /* スクロールヒント */
.table02 {
    width: 100%;
    text-align: center;
    border-collapse: collapse;
    border-spacing: 0;
}
@media screen and (max-width: 767px) {
  .table02 {
  width: 800px;
  }
  .js-scrollable{
  max-width: 100%;
  overflow: auto;
  }
}

.floware{
  position: relative;
  margin-bottom: 60px;
}
.floware::after {
  content: "";
  position: absolute;
  border-top: 20px solid #345499;
  border-right: 15px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 15px solid transparent;
  margin-left: 0%;
  bottom: -76px;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
.floware:last-of-type::after{
  display: none;
}
.flowcard2{
  background: #09235D;
  color: #fff;
  display: inline-block;
  width: 100%;
  padding: 16px 10px;
  text-align: center;
}


/*****************************
  組織再編コンサルティング
*****************************/
.reorimg img{
  border: 1px solid #ccc;
}

/*****************************
  相続顧問
*****************************/
.iavpsec .ncm1, .ncm2, .ncm3{
  min-height: 340px;
}
@media only screen and (max-width: 767px) {
  .iavpsec .ncm1, .ncm2, .ncm3{
    min-height: auto;
  }
}

.iatblsec .tb01 .gray{
  width: 10%;
  vertical-align: middle;
}
@media only screen and (max-width: 767px) {
  .iatblsec .tb01 .gray{
    width: 100%;
  }
  .iatblsec .tb01 td:before{
    padding: 0px 6px;
    width: 100%;
  }
}