@charset "UTF-8";

#Pagetop a {padding: 0;}
#Colophon .container {max-width: 100%;}
#Main .block-tax-benefits-01 {padding: 4em 0 8em;}
#Main .block-tax-benefits-01 h2 img {width: calc(100% - 4em);max-width: 600px;margin: 0 auto;}
#Main .block-tax-benefits-01 h3 {margin: 1em 0;text-align: center;font-weight: bold;font-size: 175%;color: #fff;}
#Main .block-tax-benefits-01 h3 span::before {content: " /";display: inline-block;transform: scaleX(-1);margin-right: 0.5em;}
#Main .block-tax-benefits-01 h3 span::after {content: " /";display: inline-block;margin-left: 0.5em;}
#Main .block-tax-benefits-01 h3 strong {display: block;color: #fcfd08;}
#Main .block-tax-benefits-01 h3 + p {font-weight: bold;text-align: center;color: #fff;}
#Main .block-tax-benefits-01 .container {background: transparent url("../img/tax-benefits/bg_01.webp") no-repeat 50% / 100% 100%;margin: 0 auto;padding: 4em 0;max-width: 1000px;width: calc(100% - 4em);}

#Main .block-tax-benefits-02 ul {display: flex;width: calc(100% - 4em);max-width: 1200px;margin: -6em auto 0;}
#Main .block-tax-benefits-02 ul li {margin: 0;flex: 1;}
#Main .block-tax-benefits-02 ul li a {position: relative;padding: 1em;display: block;text-decoration: none;text-align: center;font-size: 150%;font-weight: bold;white-space: normal;line-height: 1;transition: background-color ease 200ms, color ease 200ms;}
#Main .block-tax-benefits-02 ul li a small {display: block;margin-top: 1em;font-size: 50%;font-family: 'Jost', sans-serif;}
#Main .block-tax-benefits-02 ul li a::after {content: "";position: absolute;top: 50%;right: 1em;transform: translateY(-50%);width: 2em;height: 2em;background: transparent url("../img/common/icon_arrow_circle.svg") no-repeat 50% / contain;}
#Main .block-tax-benefits-02 ul li a[href*="mansion"] {background-color: #f0f5f7;color: #0f6599;}
#Main .block-tax-benefits-02 ul li a[href*="codate"] {background-color: #fbf7eb;color: #f0b900;}
#Main .block-tax-benefits-02 ul li a[href*="mansion"]::after {filter: invert(34%) sepia(66%) saturate(629%) hue-rotate(159deg) brightness(88%) contrast(101%);}
#Main .block-tax-benefits-02 ul li a[href*="codate"]::after {filter: invert(77%) sepia(21%) saturate(5620%) hue-rotate(6deg) brightness(101%) contrast(101%);}
#Main .block-tax-benefits-02 ul li a[href*="mansion"].current {background-color: #0f6599;color: #fff;pointer-events: none;cursor: default;}
#Main .block-tax-benefits-02 ul li a[href*="codate"].current {background-color: #f0b900;color: #fff;pointer-events: none;cursor: default;}
#Main .block-tax-benefits-02 ul li a[href*="mansion"].current::before {content: "";border-style: solid;border-width: 1em;border-color: #0f6599 transparent transparent;position: absolute;top: 100%;left: 50%;transform: translateX(-50%);}
#Main .block-tax-benefits-02 ul li a[href*="codate"].current::before {content: "";border-style: solid;border-width: 1em;border-color: #f0b900 transparent transparent;position: absolute;top: 100%;left: 50%;transform: translateX(-50%);}
#Main .block-tax-benefits-02 ul li a[href*="mansion"]:hover {background-color: #0f6599;color: #fff;}
#Main .block-tax-benefits-02 ul li a[href*="codate"]:hover {background-color: #f0b900;color: #fff;}

#Main .block-tax-benefits-03 h3 {display: flex;margin-bottom: 1.5em;align-items: center;justify-content: center;}
#Main .block-tax-benefits-03 h3 span {display: block;font-size: 150%;font-weight: bold;text-align: center;color: #454545;}
#Main .block-tax-benefits-03 h3 strong {font-size: 200%;line-height: 1;}
#Main .block-tax-benefits-03 h3 small {display: block;border-top: 1px solid #ddd;margin-top: 0.25em;padding-top: 0.5em;font-size: 50%;font-family: 'Jost', sans-serif;}
#Main .block-tax-benefits-03 h3 + p {text-align: center;font-weight: bold;line-height: 2;}
#Main .block-tax-benefits-03 h4 {margin: 3em 0 0;font-size: 150%;font-weight: bold;text-align: center;}
#Main .block-tax-benefits-03 .grid-list {justify-content: space-between;}
#Main .block-tax-benefits-03 .grid-list > div {width: calc(50% - 1em);margin-top: 2em;}
#Main .block-tax-benefits-03 .grid-list > div a {position: relative;border-radius: 0.5em;overflow: hidden;}
#Main .block-tax-benefits-03 .grid-list > div a span {position: absolute;bottom: 0;left: 0;right: 0;padding: 0.75em 0;text-align: center;font-size: 125%;font-weight: bold;letter-spacing: 0.15em;line-height: 1;color: #fff;}
#Main .block-tax-benefits-03 .grid-list > div a span::after {content: "〉";display: inline-block;margin-left: 1em;transform: scaleY(0.5);}
#Main .block-tax-benefits-03 .grid-list > div a::before {content: attr(data-label)"";position: absolute;top: 0;left: 0;padding: 0.5em 1em;background-color: #fff;font-weight: bold;font-size: 125%;white-space: nowrap;}
#Main .block-tax-benefits-03 .grid-list > div .caps {text-align: right;font-size: 75%;}
#Main .block-tax-benefits-03 .container {margin: 0 auto;padding: 4em 0;max-width: 1200px;width: calc(100% - 4em);}

#Main .block-tax-benefits-04 h3 {display: flex;margin-bottom: 1.5em;align-items: center;justify-content: center;}
#Main .block-tax-benefits-04 h3 span {display: block;font-size: 150%;font-weight: bold;text-align: center;color: #fff;}
#Main .block-tax-benefits-04 h3 small {display: block;border-top: 1px solid #fff;margin-top: 0.25em;padding-top: 0.5em;font-size: 50%;font-family: 'Jost', sans-serif;}
#Main .block-tax-benefits-04 .container {margin: 0 auto;padding: 4em 0 6em;max-width: 1200px;width: calc(100% - 4em);}
#Main .block-tax-benefits-04 .lead {max-width: 39em;margin: 2em auto 0;text-align: center;}
#Main .block-tax-benefits-04 .lead span {display: inline-block;white-space: nowrap;font-size: 112.5%;font-weight: bold;color: #fff;}

#Main .block-tax-benefits-05 .grid-list {justify-content: space-between;}
#Main .block-tax-benefits-05 .grid-list > div {width: calc(50% - 1em);margin-top: 2em;}
#Main .block-tax-benefits-05 .grid-list > div a {position: relative;border-radius: 0.5em;overflow: hidden;}
#Main .block-tax-benefits-05 .grid-list > div a span {display: block;padding: 0.75em 0;text-align: center;font-size: 125%;font-weight: bold;letter-spacing: 0.15em;line-height: 1;color: #fff;}
#Main .block-tax-benefits-05 .grid-list > div a span::after {content: "〉";display: inline-block;margin-left: 1em;transform: scaleY(0.5);}
#Main .block-tax-benefits-05 .container {margin: 0 auto;padding: 4em 0 6em;max-width: 1200px;width: calc(100% - 4em);}

#Main .block-tax-benefits-01[data-type="mansion"] {background: #98a7ba url("../img/tax-benefits/bg_02.webp") no-repeat 50% / cover;background-blend-mode: multiply;}
#Main .block-tax-benefits-03[data-type="mansion"] h3 strong {color: #137fb3;}
#Main .block-tax-benefits-03[data-type="mansion"] h3 small {border-top-color: #137fb3;color: #137fb3;}
#Main .block-tax-benefits-03[data-type="mansion"] h4 span {display: inline-block;background: linear-gradient(90deg, rgba(22,145,198,1) 0%, rgba(16,107,159,1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#Main .block-tax-benefits-03[data-type="mansion"] .grid-list > div a span {background: linear-gradient(90deg, rgba(22,145,198,1) 0%, rgba(16,107,159,1) 100%);}
#Main .block-tax-benefits-03[data-type="mansion"] .grid-list > div a::before {color: #137fb3;}
#Main .block-tax-benefits-04[data-type="mansion"] {background: url("../img/tax-benefits/bg_04.webp") no-repeat 50% / cover;}
#Main .block-tax-benefits-05[data-type="mansion"] {background-color: #f0f5f7;}
#Main .block-tax-benefits-05[data-type="mansion"] .grid-list > div a span {background: linear-gradient(90deg, rgba(22,145,198,1) 0%, rgba(16,107,159,1) 100%);}

#Main .block-tax-benefits-01[data-type="codate"] {background: #be9867 url("../img/tax-benefits/bg_05.webp") no-repeat 50% / cover;background-blend-mode: multiply;}
#Main .block-tax-benefits-03[data-type="codate"] h3 strong {color: #f0b900;}
#Main .block-tax-benefits-03[data-type="codate"] h3 small {border-top-color: #f0b900;color: #f0b900;}
#Main .block-tax-benefits-03[data-type="codate"] h4 span {display: inline-block;background: linear-gradient(90deg, rgba(247,199,22,1) 0%, rgba(241,161,16,1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#Main .block-tax-benefits-03[data-type="codate"] .grid-list > div a span {background: linear-gradient(90deg, rgba(247,199,22,1) 0%, rgba(241,161,16,1) 100%);}
#Main .block-tax-benefits-03[data-type="codate"] .grid-list > div a::before {color: #f0b900;}
#Main .block-tax-benefits-04[data-type="codate"] {background: url("../img/tax-benefits/bg_03.webp") no-repeat 50% / cover;}
#Main .block-tax-benefits-05[data-type="codate"] {background-color: #fbf7eb;}
#Main .block-tax-benefits-05[data-type="codate"] .grid-list > div a span {background: linear-gradient(90deg, rgba(247,199,22,1) 0%, rgba(241,161,16,1) 100%);}


@media all and (min-width: 769px) {
}
@media all and (min-width: 769px) and (max-width: 1199px) {}
@media all and (min-width: 769px) and (max-width: 991px) {}
@media all and (max-width: 768px) {
  #Main .block-tax-benefits-01 {padding: 4em 0;}
  #Main .block-tax-benefits-01[data-type="mansion"] {background-position: 10% 50%;background-color: #8492a5;}
  #Main .block-tax-benefits-01[data-type="codate"] {background-position: 78% 100%;background-color: #b88d57;}
  #Main .block-tax-benefits-01 h3 {font-size: 150%;}
  #Main .block-tax-benefits-02 ul {width: 100%;margin: 0 auto;}
  #Main .block-tax-benefits-02 ul li a {padding: 1em 0;}
  #Main .block-tax-benefits-02 ul li a::after {display: none;}
  #Main .block-tax-benefits-03 .grid-list > div {width: 100%;}
  #Main .block-tax-benefits-05 .grid-list > div {width: 100%;}
}