@charset "shift_jis";
/* Updated 2026/09/07.T */

/*-------------------------------------
Base
-------------------------------------*/
main {
  background: #fefaf0;
}
body {
  overflow: hidden;
}
#footer-content.page-kouza {
  background: #004831;
}
#footer-content #pageTop {
  display: none !important;
}
#footer-content {
  margin-top: 2px;
}
.sec-inr01 {
  max-width: 1008px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
.list-notice01 > .item {
  color: #141D1D;
  padding-left: calc(1em + 5px);
}
.list-notice01 > .item > .mark {
  width: 1em;
}
._t-red01 {
  color: #BA4620;
}
._t-grey01 {
  color: #56635F !important;
}
._b-green01 {
  background: #004831 !important;
}
._b-green02 {
  background: #F3F8F6 !important;
}

/* SP STYLES */
@media screen and (max-width: 767.98px) {
  #wrap #mainArea main {
    padding: 0;
  }
  .sec-inr01 {
    padding: 0 16px;
  }
}

._mt20 {
  margin-top: 20px !important;
}
._mt38 {
  margin-top: 38px !important;
}

/* SP STYLES */
@media screen and (max-width: 767.98px) {
  ._sp-mt02 {
    margin-top: 2px!important;
  }
  ._sp-mt06 {
    margin-top: 6px!important;
  }
  ._sp-mt10 {
    margin-top: 10px!important;
  }
  ._sp-mt12 {
    margin-top: 12px!important;
  }
  ._sp-mt14 {
    margin-top: 14px!important;
  }
  ._sp-mt15 {
    margin-top: 15px!important;
  }
  ._sp-mt16 {
    margin-top: 16px!important;
  }
  ._sp-mt18 {
    margin-top: 18px!important;
  }
  ._sp-mt20 {
    margin-top: 20px!important;
  }
  ._sp-mt26 {
    margin-top: 26px!important;
  }
  ._sp-mt30 {
    margin-top: 30px!important;
  }
  ._sp-fs16 {
    font-size: 1.6rem !important;
  }
  ._sp-fs12 {
    font-size: 1.2rem !important;
  }
  ._sp-fs13 {
    font-size: 1.3rem !important;
  }
  ._sp-t-left {
    text-align: left !important;
  }
  ._sp-w62p {
    width: 62% !important;
  }
  ._sp-w38p {
    width: 38% !important;
  }
}

/*-------------------------------------
KV
-------------------------------------*/
.kv-area .kv-category-wrap {
  max-width: 1008px;
  width: 100%;
}
.kv-area .kv-category-wrap > .inner {
  align-items: flex-start;
  height: 338px;
  padding: 25px 42px 28px;
}
.kv-area .kv-category-wrap > .inner .kv-textwrap {
  max-width: 470px;
  width: 100%;
  text-align: center;
}
.kv-category-wrap .image01 {
  border-radius: 0;
}
.kv-category-wrap .inner .kv-textwrap .title01 {
  margin-top: 0;
}
.kv-category-wrap .inner .kv-textwrap .text02 {
  margin-top: 5px;
  color: #3A3129;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.44;
  text-align: left;
}
.kv-area .kv-category-wrap [class*=glyph-]>.inner {
  height: auto;
  padding: 0;
  min-height: 30px;
  position: relative;
}
.kv-area .kv-category-wrap [class*=glyph-]>.inner::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 0.6em);
  right: -4.4em;
  left: inherit;
  width: 1.375em;
  height: 1.375em;
  background: url(/hojin/cmn/imgs/ico_arrow_right_01.svg) no-repeat 0 0 / 100%;
  transform: rotate(90deg);
}
.fv-cva {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 24px;
}
.fv-cva > .btn-list01 {
  margin-top: 0;
}
.fv-cva > .btn-list01 .btn-type01.-large01 {
  width: 410px;
  height: 40px;
  border: 0;
  box-shadow: 0 0 4px 0 rgba(20, 29, 29, 0.05), 0 12px 14px 0 rgba(20, 29, 29, 0.08);
  font-size: 2.4rem;
}
.fv-cva .glyph-link01.-bottom > .inner::before {
  display: none;
}


/* TB STYLES */
@media screen and (min-width: 768px) and (max-width: 1024.98px) {
  .kv-area .kv-category-wrap > .inner .kv-textwrap {
    max-width: 515px;
  }
}

/* PC Only */
@media screen and (min-width: 768px) {
  .kv-area {
    padding: 56px 15px 0;
  }
  .kv-category-wrap .inner .kv-textwrap .title01 {
    text-align: left;
  }
}

/* SP STYLES */
@media screen and (max-width: 767.98px) {
  .kv-area .kv-category-wrap {
    max-width: 100%;
    margin: 0;
  }
  .kv-area .kv-category-wrap > .inner {
    width: 100%;
    height: 100%;
    padding: 3.47vw 5.07vw 6.4vw;
    position: absolute;
    top: 0;
  }
  .kv-category-wrap .image01 {
    border-radius: 0;
    position: inherit;
  }
  .kv-category-wrap .image01 img {
    position: inherit;
  }
  .kv-area .kv-category-wrap > .inner .kv-textwrap {
    max-width: 100%;
  }
  .kv-category-wrap .inner .kv-textwrap .title01 > img {
    width: 100%;
    height: auto;
  }
  .kv-category-wrap .inner .kv-textwrap .text02 {
    font-size: 5.07vw;
  }
  .kv-area .kv-category-wrap [class*=glyph-]>.inner {
    padding-right: 35px;
  }
  .kv-area .kv-category-wrap [class*=glyph-]>.inner::after {
    right: -0.2em;
  }
  .fv-cva {
    max-width: 100%;
    margin-top: 0;
    padding: 6.4vw 0;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .fv-cva > .btn-list01 {
    margin-top: 0;
  }
  .fv-cva > .btn-list01 .btn-type01.-large01 {
    width: 77.87vw;
    height: 10.67vw;
  }
  .fv-cva > .btn-list01 .btn-type01.-large01 > .inner {
    font-size: 4.27vw;
  }
}

/* SMALL STYLES */
@media screen and (max-width: 374.98px) {
  .kv-area .kv-category-wrap [class*=glyph-] {
    padding-left: 1.25em;
    padding-right: 1.25em;
  }
  .kv-area .kv-category-wrap [class*=glyph-] > .inner {
    min-height: 8vw;
  }
}

/*-------------------------------------
union-area
-------------------------------------*/
.union-area {
  padding: 60px 0 0;
}
.union-area .union {
  background: url(/hojin/kouza/tax-payment/imgs/index_ico_union.png) no-repeat center bottom;
  margin-top: 24px;
  padding-bottom: 184px;
}
.union-area .union .list {
  max-width: 912px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}
.union-area .union .list > .item .text {
  background: url(/hojin/kouza/tax-payment/imgs/index_img_union_01.png) no-repeat center top;
  background-size: contain;
  padding: 0 5px 22px;
  height: 129px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #3A3129;
  font-size: 1.8rem;
  text-align: center;
}
.union-area .union .list > .item .text.-long {
  background: url(/hojin/kouza/tax-payment/imgs/index_img_union_02.png) no-repeat center top;
}
.union-area .union .list > .item .text span {
  color: #004831;
  font-weight: bold;
}
.union-area .union .list > .item .ico {
  text-align: center;
  margin-top: -17px;
}

/* PC Only */
@media screen and (min-width: 768px) {
  .union-area .union .list > .item:nth-child(1) {
    width: calc(287 / 912 * 100%);
  }
  .union-area .union .list > .item:nth-child(2) {
    width: calc(334 / 912 * 100%);
    margin-left: 70px;
  }
}

/* SP STYLES */
@media screen and (max-width: 767.98px) {
  .union-area {
    padding: 40px 0 0;
  }
  .union-area .union {
    background: url(/hojin/kouza/tax-payment/imgs/index_ico_union_sp.png) no-repeat center bottom;
    margin-top: 24px;
    padding: 0 15px 84px;
  }
  .union-area .union .list {
    display: block;
  }
  .union-area .union .list > .item {
    display: flex;
    flex-flow: row-reverse wrap;
    align-items: flex-start;
    width: 100%;
    max-width: 325px;
    margin: 0 auto;
  }
  .union-area .union .list > .item:nth-child(n+2) {
    margin-top: 8px;
  }
  .union-area .union .list > .item .text {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 233px;
    height: 73px;
    background: url(/hojin/kouza/tax-payment/imgs/index_img_union_01_sp.png) no-repeat 0 0;
    background-size: 100%;
    padding: 0 0 0 20px;
    font-size: 1.6rem;
    line-height: 1.2;
    flex-shrink: 0;
  }
  .union-area .union .list > .item .text.-long {
    background: url(/hojin/kouza/tax-payment/imgs/index_img_union_02_sp.png) no-repeat 0 0;
    background-size: 100%;
    height: 101px;
  }
  .union-area .union .list > .item .ico {
    margin-top: 0;
    margin-left: 4px;
    flex: 1;
  }
  .union-area .union .list > .item:nth-child(2) .ico {
    align-self: flex-end;
  }
}

/* SMALL STYLES */
@media screen and (max-width: 374.98px) {
  .union-area .union .list > .item .text {
    width: 62.13vw;
    height: 19.47vw;
    padding: 0 0 0 5.33vw;
    font-size: 4.27vw;
  }
  .union-area .union .list > .item .text.-long {
    height: 26.93vw;
  }
}

/*-------------------------------------
anc-area
-------------------------------------*/
.anc-area {
  margin-top: 0;
  padding: 40px 0 40px;
  background: #EFC1A8;
}
.merit-list {
  display: flex;
  justify-content: center;
  margin-top: 33px;
}
.merit-list > .list {
  max-width: 327px;
  width: 100%;
  border: 1px solid #ccc;
  box-shadow: 0px 6.14px 6.14px 0px rgba(20, 29, 29, 0.25);
  border-radius: 18px;
  overflow: hidden;
}
.merit-list > .list:not(:first-child) {
  margin-left: 24px;
}
.merit-list > .list > .link {
  font-size: 1.6rem;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  position: relative;
  height: 100%;
  color: #000;
  text-decoration: none;
  background: #fff;
  transition: background-color 0.3s ease-out;
}
.merit-list > .list p {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 44px 10px 12px;
  color: #3A3129;
  line-height: 1.3;
  font-size: 2.2rem;
  text-align: center;
  letter-spacing: -0.01rem;
}
.merit-list > .list .arrow {
  width: 100%;
  padding: 0 0 12px;
  text-align: center;
  border-radius: 0 0 12px 12px;
}
.merit-list > .list .arrow img {
  width: 16px;
  height: 16px;
}

/* PC Only */
@media screen and (min-width: 768px) {
  .merit-list > .list > .link:hover {
    background: #f5f5f5;
  }
}

/* SP STYLES */
@media screen and (max-width: 767.98px) {
  .anc-area {
    margin-top: 0;
    padding: 24px 0 31px;
  }
  .anc-area .img01 {
    max-width: 260px;
    width: 100%;
    margin: 0 auto;
  }
  .merit-list {
    margin-top: 13px;
    padding: 0;
  }
  .merit-list > .list {
  border-radius: 12px;
  }
  .merit-list > .list:not(:first-child) {
    margin-left: 11px;
  }
  .merit-list > .list > .link {
    font-size: 1.2rem;
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .merit-list > .list p {
    height: 100%;
    padding: 16px 2px 4px;
    font-size: 1.4rem;
    line-height: 1.1;
  }
  .merit-list > .list .arrow {
    padding:0;
  }
  .merit-list > .list .arrow img {
    width: 10px;
    height: 17px;
  }
}

/* SMALL STYLES */
@media screen and (max-width: 374.98px) {
  .merit-list > .list p {
    font-size: 3.73vw;
  }
}

/*-------------------------------------
feature-area
-------------------------------------*/
.feature-area {
  margin-top: 70px;
}
.feature-area .feature-block {
  margin-top: 24px;
  padding: 46px 48px 60px;
  background: #F2F5F3;
  border: 1px solid #C7C7C7;
  border-radius: 8px;
  box-shadow: 0px 0px 4px 0px rgba(58, 49, 41, 0.05), 0px 6px 6px 0px rgba(58, 49, 41, 0.08);
  color: #3A3129;
}
.feature-area .point-box {
  margin-top: 10px;
  color: #000;
}
.feature-area .point-box > .item {
  padding: 14px;
  background: #FFF;
  border-radius: 4px;
}

/* PC Only */
@media screen and (min-width: 768px) {
  .feature-area .point-box {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
  }
  .feature-area .point-box > .item {
    display: inline-flex;
    flex-flow: column wrap;
    justify-content: space-between;
    width: calc(100% / 3 - 2px);
    min-height: 242px;
    padding: 16px;
    border-radius: 8px;
    text-align: center;
  }
  .feature-area .point-box > .item .text {
    font-size: 1.8rem;
  }
}

/* SP STYLES */
@media screen and (max-width: 767.98px) {
  .feature-area {
    margin-top: 60px;
  }
  .feature-area .feature-block {
    padding: 24px 16px;
  }
  .feature-area .point-box > .item:not(:first-child) {
    margin-top: 10px;
  }
  .feature-area .point-box > .item {
    display: flex;
    align-items: center;
  }
  .feature-area .point-box > .item .ico {
    width: 100px;
    margin-right: 8px;
    flex-shrink: 0;
    text-align: center;
  }
  .feature-area .point-box > .item .text {
    font-size: 1.5rem;
    flex: 1;
  }
  .feature-area .point-box > .item .ico.-img03 > .img {
    width: auto;
    height: 70px;
  }
}

/* SMALL STYLES */
@media screen and (max-width: 374.98px) {
  .feature-area .point-box > .item {
    padding: 3.73vw;
  }
  .feature-area .point-box > .item .text {
    font-size: 4vw;
  }
  .feature-area .point-box > .item .ico {
    width: 24.53vw;
    margin-right: 2.13vw;
  }
  .feature-area .point-box > .item .ico.-img03 > .img {
    height: 16vw;
  }
}

/*-------------------------------------
application-area
-------------------------------------*/
.application-area {
  padding: 64px 0 0;
}
.application-area .application {
  margin-top: 28px;
}
.application-area .application .application-block {
  background: #FFF3EF;
  padding: 58px 135px 60px;
  box-shadow: 0 0 4px 0 rgba(20, 29, 29, .05), 0 12px 14px 0 rgba(20, 29, 29, .08);
  color: #3A3129;
}
.application-area .application .application-block:nth-child(n+2) {
  margin-top: 32px;
}
.application-area .application .application-block .step span {
  background: #BA4620;
  color: #FFFFFF;
  border-radius: 4px;
  padding: 2px 8px;
  font-size: 1.4rem;
  font-weight: bold;
}
.application-area .application .application-block .title-section02 {
  margin: 4px 0 0;
}
.application-area .application .application-block .title-section02 .title {
  line-height: 1.5;
}
.application-area .application .application-block .text-block01 {
  margin-top: 13px;
}
.application-area .application .application-block .btn01 {
  margin-top: 41px;
}
.application-area .application .application-block .btn02 {
  margin-top: 32px;
}
.application-area .application .application-block .btn01 .btn-type01.-large01 {
  width: 328px;
}
.application-area .application .application-block .btn02 .btn-type01.-large01 {
  width: 328px;
}
.application-area .application .application-block .btn02 .btn-type01 > .inner {
  min-height: 34px;
}

/* PC Only */
@media screen and (min-width: 768px) {
  .application-area .application-block {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .application-area .application-block > .box:nth-child(1) {
    max-width: 400px;
  }
  .application-area .application-block > .box:nth-child(2) {
    flex: 1;
  }
  .application-area .application-block > .box .btn-single01 {
    text-align: right;
  }
}

/* SP STYLES */
@media screen and (max-width: 767.98px) {
  .application-area .application .application-block {
    padding: 40px 16px;
  }
  .application-area .application .application-block:nth-child(n+2) {
    margin-top: 25px;
  }
  .application-area .application .application-block .step span {
    font-size: 14px;
    padding: 2.5px 9px;
  }
  .application-area .application .application-block .text-block01 {
    margin-top: 10px;
  }
  .application-area .application .application-block .list-notice01 {
    margin-top: 14px;
  }
  .application-area .application .application-block .btn02 {
    font-size: 1.4rem;
  }
  .application-area .application .application-block .btn-single01 {
    padding: 0 9px;
  }
  .application-area .application .application-block .btn02 .btn-type01 > .inner {
    min-height: 31px;
  }
  .application-area .application .application-block .img01 {
    margin-top: 24px;
  }
}

/* SMALL STYLES */
@media screen and (max-width: 374.98px) {
  .application-area .application .application-block {
    padding: 10.67vw 4.27vw;
  }
  .application-area .application .application-block .btn-single01 {
    padding: 0 2.4vw;
  }
  .application-area .application .application-block .btn01 {
    font-size: 4.27vw;
  }
  .application-area .application .application-block .btn02 {
    font-size: 3.73vw;
  }
}

/*-------------------------------------
usage-fees-area
-------------------------------------*/
.usage-fees-area {
  padding: 70px 0 0;
}
.usage-fees-area .table-radius {
  border-radius: 8px;
  margin: 24px 0 0;
  overflow: hidden;
  border: 1px solid #D5DEDB;
}
.usage-fees-area .tbl-layout01 {
  margin: 0;
}
.usage-fees-area .tbl-layout01 tbody > tr:first-child th,
.usage-fees-area .tbl-layout01 tbody > tr:first-child td {
  border-top: none;
}
.usage-fees-area .tbl-layout01 tbody tr th:first-child {
  border-left: none;
  border-bottom: none;
}
.usage-fees-area .tbl-layout01 tbody tr td:last-child {
  border-right: none;
  border-bottom: none;
}
.usage-fees-area .tbl-layout01 tr td {
  color: #3A3129;
}
.usage-fees-area .tbl-layout01 tr td,
.usage-fees-area .tbl-layout01 tbody tr th {
  padding: 26px 16px;
  font-weight: bold;
}

/* SP STYLES */
@media screen and (max-width: 767.98px) {
  .usage-fees-area {
    padding: 62px 0 0;
  }
  .usage-fees-area .tbl-layout01 tr th {
    font-size: 14px;
  }
  .usage-fees-area .tbl-layout01 tr td,
  .usage-fees-area .tbl-layout01 tbody tr th {
    padding: 15px 10px;
  }
}

/*-------------------------------------
service-area
-------------------------------------*/
.service-area {
  margin-top: 70px;
}
.service-area .sec-inr01 > .text-block01 {
  margin-top: 24px;
  color: #000;
}

/* PC Only */
@media screen and (min-width: 768px) {
  .service-area .text-block01 {
    text-align: center;
  }
}

/* SP STYLES */
@media screen and (max-width: 767.98px) {
  .service-area {
    margin-top: 60px;
  }
}

/*-------------------------------------
questions-area
-------------------------------------*/
.questions-area {
  padding: 80px 0 76px;
}
.questions-area .btn-single01 {
  font-size: 2.0rem;
}
.questions-area .btn-single01 .btn-type01.-large01 {
    width: 455px;
}
.questions-area .btn-type01.-white01 {
  box-shadow: 0px 6px 8px 0px rgba(20, 29, 29, 0.08);
}

/* SP STYLES */
@media screen and (max-width: 767.98px) {
  .questions-area {
    padding: 46px 0 76px;
  }
  .questions-area .btn-type01 > .inner {
    min-height: 34px;
    font-size: 1.6rem;
  }
  .questions-area .btn-type01.-large01:not(.-orange) {
    width: 83% !important;
  }
}