@charset "utf-8";
@import url("personal_static.css");
/*---------------------------------------------
common style
---------------------------------------------*/
/* okdirect */
.okdirect .bg-visual .page-title:after {
  background-image: url(/assets/images/personal/okdirect/p_mainvisual.jpg);
}
.okdirect .bg-visual .side-menu {
  width: 400px;
}
.okdirect .bg-visual .side-area .verification a {
  font-size: 1.6rem;
  padding: 14px 0 16px;
}
.okdirect .bg-visual .side-area .ib:nth-of-type(2) {
  padding: 1px 15px 10px;
}
.okdirect .mv {
  margin-bottom: 460px !important;
}
.okdirect .unit03,
.okdirect .unit04 {
  padding: 25px;
}
.okdirect .flow-table {
  table-layout: fixed;
  border-collapse: separate;
  width: 100%;
  border-spacing: 5px;
}
.okdirect .flow-table caption {
  font-weight: 600;
  font-family: "Noto Sans JP", sans-serif;
  margin-bottom: 15px;
  font-size: 1.8rem;
}
.okdirect .flow-table + .flow-table {
  margin-top: 55px;
}
.okdirect .flow-table th,
.okdirect .flow-table td {
  text-align: center;
  vertical-align: middle;
  position: relative;
}
.okdirect .flow-table td span {
  font-size: 2.4rem;
}
.okdirect .flow-table .arrow::before {
  content: "";
  height: 25px;
  width: 10px;
  position: absolute;
  bottom: -40px;
  left: 0;
  right: 0;
  margin: auto;
  background-color: #e47611;
}
.okdirect .flow-table .arrow::after {
  content: "";
  position: absolute;
  top: 125px;
  left: 0;
  right: 0;
  width: 0px;
  height: 0;
  margin: auto;
  border-style: solid;
  border-width: 15px 15px 0 15px;
  border-color: #e47611 transparent transparent transparent;
}
.okdirect .textbox {
  float: left;
  width: calc(100% - 330px);
}
.okdirect .imgbox {
  float: right;
  width: 330px;
}
.okdirect .flow-table .bg-orange {
  line-height: 1.5;
}
.okdirect .flow-table .bg-light-orange,
.okdirect .flow-table .bg-gray {
  padding: 15px 1px;
}
.okdirect .col-3 {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.okdirect .col-3 > * {
  width: calc((100% - 60px) / 3);
  float: left;
  margin-right: 30px;
}
.okdirect .col-3 > *:nth-of-type(3n) {
  margin-right: 0;
}
.okdirect .col-2 {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.okdirect .col-2 > * {
  width: calc((100% - 30px) / 2);
  float: left;
  margin-right: 30px;
}
.okdirect .col-2 > *:nth-of-type(2n) {
  margin-right: 0;
}
.okdirect .col-2 > *:nth-last-child(-n+2) .col-12 {
  margin-bottom: 0;
}
.box-title {
  display: flex;
  justify-content: space-between;
  padding-right: 40%;
}
.text {
  margin-bottom: 20px;
}
.service-title {
  display: inline-block;
}
.label {
  background: #176d89;
  font-size: 1.6rem;
  color: #fff;
  padding: 1px 20px;
  position: absolute;
  top: 20px;
  right: 20px;
}
.okdirect .notice {
  background: #edf6ec;
  padding: 20px;
  text-align: center;
  margin-bottom: 20px;
}
.okdirect .notice dt {
  border-bottom: 1px solid #3eb134;
  padding-bottom: 15px;
  color: #3eb134;
  font-weight: 600;
}
.okdirect .notice dd {
  padding-top: 20px;
}
.okdirect .notice dd span {
  display: inline-block;
  margin-left: 10px;
  font-size: 2.2rem;
  font-weight: bold;
  color: #e47611;
}
.unit-box.link-list .border-green li:nth-child(n + 4) {
  margin-top: 15px;
}
.okdirect figure {
  margin: 20px 0;
}
.okdirect figure figcaption {
  font-weight: 600;
  font-family: "Noto Sans JP", sans-serif;
  margin-bottom: 15px;
  font-size: 1.8rem;
}
.okdirect .basic {
  padding: 20px;
}
.okdirect .edit .table-default th:first-of-type {
  width: 180px;
}
.okdirect .unit07-exp {
  line-height: 1.5;
}
@media (max-width: 767px) {
  .okdirect .mv {
    margin-bottom: 230px !important;
  }
  .okdirect .bg-visual .page-title:after {
    background-position: center;
  }
  .okdirect .bg-visual .side-menu {
    width: auto;
  }
  .box-title {
    padding-right: 50%;
  }
  .okdirect .textbox,
  .okdirect .imgbox {
    float: none;
    width: 100%;
    margin: 20px 0;
  }
  .okdirect .freedial {
    margin: 0;
  }
  .okdirect .col-3 > *,
  .okdirect .col-2 > * {
    width: 100%;
    float: none;
    margin-right: 0;
  }
  .okdirect figure img {
    width: 100%;
    height: auto;
  }
  .okdirect .table-default th:first-of-type {
    width: 30%;
  }
  .okdirect .edit .table-default.shareholder-table th:first-of-type {
    width: 35%;
  }
  .okdirect .flow-table {
    font-size: 1.2rem;
  }
  .okdirect .flow-table .arrow::after {
    top: 150px;
  }
  .okdirect .col-2 > *:nth-last-child(-n+2) .col-12 {
    margin-bottom: 20px;
  }
  .okdirect .flow-table td span {
    font-size: 1.6rem;
  }
}
.imp-attent .title {
  padding: 11px;
  margin-bottom: 35px;
  background: #bc001f;
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: normal;
  vertical-align: middle;
  position: relative;
}
.imp-attent .title i {
  margin-right: 10px;
}
.imp-attent .title i img {
  width: 27px;
  height: auto;
  vertical-align: text-bottom;
}
.imp-attent .title:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -10px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #bc001f transparent transparent transparent;
  border-width: 10px 10px 0 10px;
}
.imp-attent dd + dd {
  margin-top: 20px;
}
.imp-attent em {
  color: #bc001f;
  font-weight: bold;
}
.imp-attent-area {
  padding: 30px 20px 30px 25px;
  margin-top: 25px;
  background: #fcf2f4;
}
.imp-attent-area p {
  color: #bc001f;
  font-weight: bold;
}
@media (max-width: 767px) {
  .imp-attent .title {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.6rem;
  }
  .imp-attent-area {
    padding: 20px;
    margin-top: 15px;
  }
}
.unit-box.recommend .box-border {
  padding: 40px 20px;
  text-align: center;
}
.unit-box.recommend .title-copy {
  font-size: 2.2rem !important;
}
.unit-box.recommend .btn.free-width {
  margin-top: 20px;
}
.unit-box.recommend .btn.free-width a {
  max-width: 100%;
  padding: 13px 60px 13px 40px;
}
.unit-box.recommend .btn .blank i {
  display: inline-block;
  margin-left: 5px;
  vertical-align: top;
  line-height: 1;
}
.unit-box.recommend .btn .blank i img {
  width: 16px;
  height: 15px;
}
.u-line {
  text-decoration: underline !important;
  text-indent: 0;
}
.u-line:hover {
  text-decoration: none !important;
}
.side-number ul.basic {
  margin: 0;
}
.box-border-top .child-list {
  padding-left: 1.5rem;
}
.unit-box .box-border-top > ul li {
  line-height: 1.8;
}
.box-border-top .child-list {
  margin-top: 0;
}
.box-border-top figure img {
  width: inherit;
  margin-top: 15px;
}
@media (max-width: 767px) {
  .unit-box.recommend .title-copy {
    font-size: 1.8rem !important;
  }
  .unit-box.recommend .btn.free-width a {
    padding: 10px 35px 10px 20px;
    font-size: 1.6rem;
  }
  .box-border-top figure img {
    width: 100%;
  }
}
.personal.security .unit07-exp address.t-orange {
  color: #ff9e46;
}
.okdirect .unit07-exp .exp a {
  text-decoration: none;
}
.okdirect .unit07-exp .exp a:hover {
  opacity: 0.6;
}
/*---------------------------------------------
資産運用
---------------------------------------------*/
.asset-management .anclist {
  padding: 30px 40px;
}
.asset-management .anclist.col-2 li {
  width: calc((100% - 30px) / 2);
  float: left;
  display: block;
  background: #fff;
}
.asset-management .anclist.col-2 li:nth-child(2n) {
  margin-right: 0;
  float: right;
}
.asset-management .anclist li a {
  line-height: 1.7;
  padding: 20px;
  display: block;
}
.asset-management .anclist li dl {
  position: relative;
}
.asset-management .anclist li.first dl {
  padding-left: 50px;
}
.asset-management .anclist li.first dl:before {
  content: "";
  background: url(../../images/personal/asset-management/i_new_application.png) no-repeat center left;
  width: 25px;
  height: 60px;
  background-size: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.asset-management .anclist li.service dl {
  padding-left: 130px;
  min-height: 57px;
}
.asset-management .anclist li.service dl dt {
  padding-top: 15px;
}
.asset-management .anclist li.service dl:before {
  content: "";
  background: url(../../images/personal/asset-management/p-okbsecurities.png) no-repeat center left;
  width: 115px;
  height: 50px;
  background-size: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.asset-management .anclist li dl dd {
  font-weight: bold;
  font-size: 1.8rem;
}
.asset-management .anclist.lonav li:after {
  transform: rotate(45deg);
}
.asset-management .anclist.lonav li.arrow-none:after {
  content: none;
}
.asset-management .anclist.lonav li.service:after {
  content: none;
}
.asset-management .anclist.lonav li a[href^="http"]:after {
  content: "\f360";
  position: absolute;
  top: 50%;
  right: 10px;
  color: #333;
  font-family: "Font Awesome 5 Pro";
  border: 0;
  transform: rotate(0deg);
  margin-top: -14px;
}
.asset-management .anclist.lonav li.blank a[href^="http"]:after,
.asset-management .anclist.lonav li.pdf a[href$=".pdf"]:after {
  position: relative;
  top: auto;
  right: auto;
}
.asset-management .anclist.lonav li a[href$=".pdf"]:after {
  content: "\f1c1";
  position: absolute;
  top: 50%;
  right: 10px;
  color: #333;
  font-family: "Font Awesome 5 Pro";
  border: 0;
  transform: rotate(0deg);
  margin-top: -13px;
}
.asset-management .anclist .txt-link {
  text-align: right;
  margin-top: 20px;
}
.asset-management .market-information {
  background: url(../../images/personal/asset-management/bg_market_information.jpg) no-repeat;
  background-size: cover;
  padding: 50px 40px;
}
.asset-management .market-information .point-list {
  padding: 0;
  margin-bottom: 0;
}
.asset-management .market-information .point-list:after {
  content: none;
}
.asset-management .market-information .point-list .title {
  color: #000;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
}
.asset-management .market-information .point-list li {
  margin: 0 30px 0 0;
  width: 343px;
}
.asset-management .market-information .point-list li:nth-child(3n) {
  margin: 0;
}
.asset-management .market-information .point-list li dl {
  padding: 15px 30px 30px;
  line-height: 1.5;
}
.asset-management .market-information .title-copy {
  color: #fff;
  padding-bottom: 0;
}
.asset-management .market-information .title-copy:after,
.asset-management .market-information .title-copy:before {
  content: none;
}
.asset-management .market-information dd time {
  display: block;
  text-align: right;
}
.asset-management .market-information dd span {
  display: block;
  text-align: center;
}
.asset-management .market-information dd span.transaction-price {
  font-weight: bold;
  font-size: 2.5rem;
}
.asset-management .market-information dd span.ratio {
  font-size: 1.8rem;
}
.asset-management .market-information dd span.ratio.plus {
  color: #bc001f;
}
.asset-management .market-information dd span.ratio.minus {
  color: #0080b6;
}
.asset-management .market-information .anclist {
  padding: 0;
  background: transparent;
  margin-bottom: 0;
}
.asset-management ul.news-list {
  padding: 0;
}
.asset-management .tabs {
  width: 1170px;
  margin: 0 auto;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.25;
}
.asset-management .tabs ul.tabs-list li {
  float: left;
  width: calc((100% - 60px) / 5);
  margin: 20px 0 0 10px;
  border: 1px solid #ccc;
  border-bottom: 0;
  background: #fff;
  text-align: center;
  cursor: pointer;
  font-family: 'Noto Sans JP', sans-serif;
}
.asset-management .tabs ul.tabs-list li:last-of-type {
  margin-right: 0;
}
.asset-management .tabs ul.tabs-list li.active {
  position: relative;
  top: 1px;
  margin-top: 0;
  border-color: #3eb134;
}
.asset-management .tabs ul.tabs-list li a {
  text-decoration: none;
  display: block;
  padding: 20px 0;
}
.asset-management .tabs ul.tabs-list li.active a {
  color: #3eb134;
  text-decoration: none;
  padding: 30px 0;
}
.asset-management .tab_content {
  clear: both;
  padding-top: 10px;
  border-top: 1px solid #3eb134;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  overflow: hidden;
}
.asset-management .mutual-fund {
  background: url(../../images/personal/asset-management/bg_mutual_fund.jpg) no-repeat;
  background-size: cover;
  padding: 50px 40px;
}
.asset-management .mutual-fund .title-copy {
  color: #fff;
}
.asset-management .mutual-fund .title-copy:before {
  background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 99px, rgba(255, 255, 255, 0) 100px, rgba(255, 255, 255, 0) 122px, rgba(255, 255, 255, 1) 123px, rgba(255, 255, 255, 1) 220px);
}
.asset-management .mutual-fund .title-copy:after {
  background: #fff;
}
.asset-management .mutual-fund .btn {
  text-align: center;
}
.asset-management .mutual-fund .btn a {
  max-width: 100%;
  padding: 13px 75px;
  background: #fff;
  color: #3eb134;
}
.asset-management .mutual-fund .btn a::before {
  content: "";
  background: url(../../images/personal/asset-management/i_new_application.png) no-repeat center left;
  width: 12px;
  height: 20px;
  background-size: 100%;
  position: relative;
  top: 4px;
  display: inline-flex;
  margin-right: 10px;
}
.asset-management .mutual-fund .btn a:after {
  border-top: 1px solid #3eb134;
  border-right: 1px solid #3eb134;
  transform: rotate(45deg);
}
.asset-management .mutual-fund .mutual-fund_nav {
  display: flex;
  align-items: stretch;
  margin-top: 25px;
}
.asset-management .mutual-fund .mutual-fund_nav > * {
  width: calc((100% / 2) - 20px);
  background: transparent;
  margin-right: 30px;
}
.asset-management .mutual-fund .mutual-fund_nav > *:nth-child(2n) {
  margin-right: 0;
}
.asset-management .mutual-fund .mutual-fund_nav .anclist {
  padding: 0;
  width: 100%;
  margin-right: 0;
}
.asset-management .mutual-fund .mutual-fund_nav .anclist li {
  width: 100%;
}
.asset-management .mutual-fund .mutual-fund_nav .anclist li a {
  line-height: 1.5;
}
.asset-management .mutual-fund .mutual-fund_nav .anclist li:nth-child(1) a {
  padding-bottom: 17.5px;
}
.asset-management .mutual-fund .mutual-fund_nav .anclist.right li {
  width: calc((100% - 60px) / 3);
  text-align: center;
}
.asset-management .mutual-fund .mutual-fund_nav .anclist.right li figure {
  margin-bottom: 10px;
}
.asset-management .mutual-fund .mutual-fund_nav .anclist.right li figure img {
  width: 20%;
  height: auto;
}
.asset-management .mutual-fund .mutual-fund_nav .anclist.right li:nth-child(3) {
  margin: 0;
}
.asset-management .mutual-fund .mutual-fund_nav .anclist.left li a {
  padding: 13px 20px;
}
.asset-management .anclist.style02 li a {
  display: flex;
  align-items: center;
  height: 100%;
}
.asset-management .anclist.style02 li figure {
  display: inline-block;
  width: 140px;
  display: flex;
  align-items: flex-end;
  height: 100%;
}
.asset-management .anclist.style02.fund-link li figure {
  align-items: center;
}
@media all and (-ms-high-contrast: none) {
  .asset-management .anclist.style02 li {
    height: 180px !important;
  }
}
.asset-management .anclist.style02 li figure img {
  width: 100%;
  height: auto;
}
.asset-management .anclist.style02 li dl {
  display: inline-block;
}
.asset-management .anclist.style02 li figure + dl {
  margin-left: 20px;
  width: calc(100% - 140px - 20px);
}
.asset-management .anclist.style02 li dl dt {
  font-weight: bold;
  font-size: 1.8rem;
}
.asset-management .anclist.style02 li dl dd {
  font-weight: normal;
  font-size: 1.6rem;
  padding-right: 25px;
}
.asset-management .anclist.col-1 li {
  width: 540px;
  margin: auto;
  float: none;
}
.asset-management .anclist.style02 li dl dt {
  font-size: 1.6rem;
}
.asset-management .anclist.style02 li dl dd {
  font-size: 1.4rem;
}
.asset-management .frame {
  text-align: center;
}
@media (max-width: 767px) {
  .asset-management .anclist {
    padding: 20px;
  }
  .asset-management .anclist.col-2 li {
    width: 100%;
  }
  .asset-management .anclist.lonav li a[target="_blank"]:after {
    right: 20px;
  }
  .asset-management .anclist li.first dl {
    padding: 0 10px 0 85px;
  }
  .asset-management .anclist li.first dl:before {
    content: "";
    background: url(../../images/personal/asset-management/i_new_application.png) no-repeat center left;
    width: 20px;
    height: 60px;
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 10%;
  }
  .asset-management .anclist li.service dl:before {
    content: "";
    background: url(../../images/personal/asset-management/p-okbsecurities.png) no-repeat center left;
    width: 70px;
    height: 50px;
    background-size: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
  }
  .asset-management .anclist li.service dl {
    padding: 0 10px 0 85px;
    min-height: auto;
  }
  .asset-management .anclist li.service dl dt {
    padding-top: 0;
  }
  .asset-management .anclist li dl dt {
    font-size: 1.2rem;
    margin-bottom: 5px;
  }
  .asset-management .anclist li dl dd {
    font-size: 1.4rem;
  }
  .asset-management .anclist li a {
    line-height: 1.5;
  }
  .asset-management .anclist .txt-link {
    text-align: left;
  }
  .asset-management .market-information {
    background: url(../../images/personal/asset-management/bg_market_information_sp.jpg) no-repeat;
    background-size: cover;
    padding: 25px 20px;
  }
  .asset-management .market-information .title-copy {
    margin-bottom: 25px;
  }
  .asset-management .market-information .point-list li {
    width: 100%;
  }
  .asset-management .market-information .point-list li + li {
    margin-top: 20px;
  }
  .asset-management .market-information .point-list li:nth-child(3n) {
    margin: 20px 0 0;
  }
  .asset-management .market-information .point-list li dl {
    padding: 15px;
  }
  .asset-management .tabs {
    width: auto;
  }
  .asset-management .tabs ul.tabs-list li {
    font-size: 1.4rem;
    margin: 30px 0 0 5px;
    width: calc((100% - 30px) / 5);
    min-height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .asset-management .tabs ul.tabs-list li.active {
    top: 17px;
  }
  .asset-management .tabs ul.tabs-list li a {
    padding: 10px 0;
  }
  .asset-management .tabs ul.tabs-list li.active a {
    padding: 25px 0;
  }
  .asset-management .tabs ul.tabs-list li:nth-child(5n).active a {
    padding: 16px 0;
  }
  .asset-management .tab_content {
    font-size: 1.4rem;
  }
  .asset-management .mutual-fund {
    background: url(../../images/personal/asset-management/bg_mutual_fund.jpg) no-repeat;
    background-size: cover;
    padding: 25px 20px;
  }
  .asset-management .mutual-fund .btn a {
    max-width: 100%;
    padding: 13px 34px;
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .asset-management .mutual-fund .mutual-fund_nav {
    display: block;
    margin-top: 25px;
  }
  .asset-management .mutual-fund .mutual-fund_nav > * {
    width: 100%;
  }
  .asset-management .mutual-fund .mutual-fund_nav .anclist.right li {
    float: left;
    background: #fff;
    width: calc((100% - 15px) / 2);
  }
  .asset-management .mutual-fund .mutual-fund_nav .anclist.right li:nth-child(2n) {
    float: right;
    margin-top: 0;
  }
  .asset-management .mutual-fund .mutual-fund_nav .anclist.right li a {
    padding: 15px;
    height: 185px;
  }
  .asset-management .mutual-fund .mutual-fund_nav .anclist.right li dl dt {
    padding: 0 15px;
  }
  .asset-management .mutual-fund .mutual-fund_nav .anclist.right li:nth-child(n + 3) {
    margin-top: 20px;
  }
  .asset-management .anclist.style02 li figure {
    width: 70px;
    align-items: flex-end;
  }
  .asset-management .anclist.style02 li figure + dl {
    margin-left: 20px;
    width: calc(100% - 70px - 20px);
  }
  .asset-management .anclist.col-1 li {
    width: auto;
  }
  .asset-management .anclist.lonav li a[href^="http"]:after {
    margin-top: -11px;
  }
  .asset-management .frame img {
    width: 100%;
    height: auto;
  }
}
/*---------------------------------------------
外貨預金
---------------------------------------------*/
.asset-management.gaika .mutual-fund {
  background: url(../../images/personal/asset-management/gaika/bg_foreign_currency_deposits.jpg) no-repeat;
  background-size: cover;
}
.asset-management.gaika .mutual-fund .mutual-fund_nav > .anclist.lonav.col-2 {
  width: 100%;
  margin-right: 0;
}
.asset-management.gaika .mutual-fund .mutual-fund_nav .anclist li {
  width: calc((100% - 30px) / 2);
}
.asset-management.gaika .mutual-fund .mutual-fund_nav .anclist.lonav.col-4 {
  width: 100%;
  margin-right: 0;
}
.asset-management.gaika .mutual-fund .mutual-fund_nav .anclist.lonav.col-4 li {
  width: calc((100% - 60px) / 3);
  text-align: center;
}
.asset-management.gaika .mutual-fund .mutual-fund_nav .anclist.lonav.col-4 li:nth-child(3n) {
  margin-right: 30px;
}
.asset-management.gaika .mutual-fund .mutual-fund_nav .anclist.lonav.col-4 li:nth-child(3n) {
  margin: 0;
}
.asset-management.gaika .mutual-fund .mutual-fund_nav .anclist.lonav.col-4 li a {
  padding: 20px 10px;
  height: 100%;
}
.asset-management.gaika .point-list.transaction-list {
  background: #f5f5f5;
  padding: 40px;
  margin: 30px 0;
}
.asset-management.gaika .point-list .title {
  font-family: 'Noto Sans JP', sans-serif;
  color: #00a37f;
  font-weight: 500;
  position: relative;
  padding: 20px 0 10px;
}
.asset-management.gaika .point-list.transaction-list li {
  margin: 0 30px;
  position: relative;
}
.asset-management.gaika .point-list.transaction-list li:first-child {
  margin: 0 30px 0 15px;
  position: relative;
}
.asset-management.gaika .point-list.transaction-list li:last-child {
  margin: 0 15px 0 30px;
  position: relative;
}
.asset-management.gaika .point-list.transaction-list li:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -35px;
  width: 18px;
  height: 18px;
  margin-top: -8px;
  border-top: 2px solid #00a37f;
  border-right: 2px solid #00a37f;
  transform: rotate(45deg);
}
.asset-management.gaika .point-list.transaction-list li:last-child:after {
  content: none;
}
.asset-management.gaika .point-list.transaction-list li .number:after {
  color: #00a37f;
}
.asset-management.gaika .point-list.transaction-list dd {
  text-align: center;
}
.asset-management.gaika .point-list.transaction-list dd img {
  width: 150px;
}
.asset-management.gaika .point-list.transaction-list:after {
  content: none;
}
.asset-management.gaika .foreign-currency-flow {
  position: relative;
  margin: 30px 0 290px;
}
.asset-management.gaika .foreign-currency-flow .textbox {
  display: flex;
  justify-content: space-between;
}
.asset-management.gaika .foreign-currency-flow .textbox .box {
  width: 390px;
  background: #edf6ec;
  position: relative;
  top: 80px;
  padding: 20px;
}
.asset-management.gaika .foreign-currency-flow .textbox .title {
  color: #00a37f;
  font-weight: bold;
  text-align: center;
  font-size: 20px;
}
.asset-management.gaika .foreign-currency-flow .textbox .detail {
  display: flex;
  margin-top: 10px;
}
.asset-management.gaika .foreign-currency-flow .textbox .detail > div {
  width: calc(100% / 2);
  margin-right: 15px;
}
.asset-management.gaika .foreign-currency-flow .textbox .detail > div:first-child {
  border-right: 1px solid #999999;
  padding-right: 8px;
}
.asset-management.gaika .foreign-currency-flow .textbox .detail > div:nth-child(2n) {
  margin-right: 0;
}
.asset-management.gaika .foreign-currency-flow .textbox .detail > div p {
  font-size: 1.4rem;
}
.asset-management.gaika .foreign-currency-flow .textbox .detail > div span {
  font-size: 1.8rem;
}
.asset-management.gaika .foreign-currency-flow .imgbox {
  width: 480px;
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  margin: auto;
}
.asset-management.gaika .foreign-currency-flow .imgbox img {
  width: 100%;
  height: auto;
}
.asset-management.gaika .icon {
  width: 30px;
  height: auto;
  display: inline-block;
  margin-right: 10px;
}
.asset-management.gaika .dollar-list {
  margin-top: 30px;
}
.asset-management.gaika .dollar-list .title {
  margin-bottom: 15px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.2;
}
.asset-management.gaika .dollar-list .box-title {
  justify-content: flex-start;
}
.asset-management.gaika .unit03 {
  padding: 20px;
}
.asset-management.gaika .arrow {
  position: relative;
}
.asset-management.gaika .arrow:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -22px;
  display: inline-block;
  border-style: solid;
  border-width: 9px 0 9px 13px;
  border-color: transparent transparent transparent #3eb134;
  margin-top: -5px;
}
.asset-management.gaika .unit03 figure {
  float: none;
}
.asset-management.gaika .unit-summary {
  line-height: 1.7;
}
.asset-management.gaika .unit-summary dl dt {
  color: #00a37f;
  font-size: 2.0rem;
  font-weight: bold;
}
.asset-management.gaika .unit-summary dl + dl {
  margin-top: 30px;
}
.asset-management.gaika .currency .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.asset-management.gaika .currency .title .btn {
  margin-top: 0;
}
.asset-management.gaika .currency .title .btn a {
  min-width: 250px;
  max-width: 310px;
}
.asset-management.gaika .currency .title .box-title {
  padding-right: 0;
  margin-bottom: 0;
}
.asset-management.gaika .currency .card {
  background: #f5f5f5;
}
.asset-management.gaika .currency-list {
  margin-top: 20px;
}
.asset-management.gaika .currency-list li {
  float: left;
  width: 120px;
  margin-right: 10px;
}
.asset-management.gaika .currency-list li figcaption {
  margin-top: 10px;
  text-align: center;
  font-size: 1.4rem;
}
.asset-management.gaika .fee-list {
  display: flex;
  font-size: 1.6rem;
  justify-content: center;
  line-height: 1.7;
}
.asset-management.gaika .fee-list > div {
  width: calc((100% / 3) - 20px);
  text-align: center;
  display: flex;
}
.asset-management.gaika .fee-list span {
  font-size: 3rem;
  font-weight: bold;
}
.asset-management.gaika .fee-list img {
  display: inline-block;
}
.asset-management.gaika .col-4 .fee-list div {
  width: 100%;
  justify-content: center;
  align-items: center;
}
.asset-management.gaika .fee-list .balloon img {
  width: 75px;
  height: auto;
  position: relative;
  top: -5px;
}
.asset-management.gaika .card .text {
  font-size: 1.6rem;
  line-height: 1.7;
  margin-bottom: 0;
}
.asset-management.gaika .notes em {
  font-size: 1.8rem;
  font-family: "Noto Sans JP", sans-serif;
  margin-bottom: 20px;
  display: block;
}
.asset-management.gaika .currency .btn {
  text-align: center;
  margin-top: 40px;
}
.asset-management.gaika .btn.large a {
  max-width: 550px;
  min-width: 550px;
  margin: auto;
}
.asset-management.gaika .unit-box .unit05 {
  margin-top: 50px;
}
.asset-management.gaika .unit05 .title-copy {
  font-size: 2.2rem !important;
}
@media (max-width: 767px) {
  .asset-management.gaika .mutual-fund {
    background: url(../../images/personal/asset-management/gaika/bg_foreign_currency_deposits_sp.jpg) no-repeat;
    background-size: cover;
    padding: 25px 20px;
  }
  .asset-management.gaika .mutual-fund .mutual-fund_nav .anclist li {
    width: 100%;
  }
  .asset-management.gaika .mutual-fund .mutual-fund_nav .anclist.lonav.col-4 li {
    width: calc((100% - 15px) / 2);
    float: left;
  }
  .asset-management.gaika .mutual-fund .mutual-fund_nav .anclist.lonav.col-4 li:nth-child(2n) {
    float: right;
    margin-top: 0;
  }
  .asset-management.gaika .mutual-fund .mutual-fund_nav .anclist.lonav.col-4 li:nth-child(3n) {
    margin-right: 0;
  }
  .asset-management.gaika .mutual-fund .mutual-fund_nav .anclist.lonav.col-4 li:nth-child(n + 3) {
    margin-top: 15px;
  }
  .asset-management.gaika .mutual-fund .mutual-fund_nav .anclist.lonav.col-4 li a {
    padding: 20px;
  }
  .asset-management.gaika .point-list.transaction-list {
    padding: 25px;
    margin: 0 0 30px;
  }
  .asset-management.gaika .point-list.transaction-list li {
    margin: 0;
  }
  .asset-management.gaika .point-list.transaction-list li:first-child {
    margin: 0;
  }
  .asset-management.gaika .point-list.transaction-list li:last-child {
    margin: 60px 0 0;
  }
  .asset-management.gaika .point-list.transaction-list li + li {
    margin-top: 60px;
  }
  .asset-management.gaika .point-lis.transaction-listt li .number {
    padding-top: 10px;
  }
  .asset-management.gaika .point-list.transaction-list .title {
    padding: 40px 0 10px;
  }
  .asset-management.gaika .point-list.transaction-list li:after {
    content: "";
    position: absolute;
    top: auto;
    bottom: -35px;
    right: 50%;
    width: 18px;
    height: 18px;
    margin: 0 -10px 0 0;
    border-top: 2px solid #00a37f;
    border-right: 2px solid #00a37f;
    transform: rotate(135deg);
  }
  .asset-management.gaika .foreign-currency-flow {
    margin: 30px 0 30px;
  }
  .asset-management.gaika .foreign-currency-flow .textbox {
    display: block;
  }
  .asset-management.gaika .foreign-currency-flow .imgbox {
    width: auto;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
  }
  .asset-management.gaika .foreign-currency-flow .textbox .box {
    padding: 15px 10px;
    top: 0;
    margin-top: 20px;
    width: auto;
  }
  .asset-management.gaika .foreign-currency-flow .textbox .detail > div span {
    font-size: 1.5rem;
  }
  .asset-management.gaika .currency .title {
    display: block;
  }
  .asset-management.gaika .box-title {
    padding-right: 0;
  }
  .asset-management.gaika .currency .title .box-title {
    margin-bottom: 20px;
  }
  .asset-management.gaika .dollar-list .title span {
    display: block;
    margin-top: 5px;
  }
  .asset-management.gaika .unit-summary dl dt {
    font-size: 1.6rem;
  }
  .asset-management.gaika .fee-list {
    display: block;
  }
  .asset-management.gaika .fee-list > div {
    width: 100%;
  }
  .asset-management.gaika .fee-list > div p {
    margin: auto;
  }
  .asset-management.gaika .fee-list > div.balloon {
    padding-right: 50px;
  }
  .asset-management.gaika .fee-list > div.balloon p {
    margin: auto 0 auto auto;
  }
  .asset-management.gaika .fee-list > div + div {
    margin-top: 15px;
  }
  .asset-management.gaika .fee-list span {
    font-size: 2.4rem;
  }
  .asset-management.gaika .currency-list li {
    width: calc((100% / 2) - 5px);
  }
  .asset-management.gaika .currency-list li:nth-child(2n) {
    margin-right: 0;
  }
  .asset-management.gaika .currency-list li:nth-child(n + 3) {
    margin-top: 20px;
  }
  .asset-management.gaika .btn.large a {
    max-width: 100%;
    min-width: 100%;
  }
  .asset-management.gaika .unit05 .title-copy {
    font-size: 1.8rem !important;
  }
  .asset-management.gaika .arrow:after {
    top: auto;
    bottom: -25px;
    right: 50%;
    margin-top: 0;
    margin-right: -10px;
    transform: rotate(90deg);
  }
}
/*---------------------------------------------
投資信託（知っトク／はじめてのお客さま）
---------------------------------------------*/
.asset-management.scheme .mutual-fund .mutual-fund_nav .anclist.lonav.col-4 {
  width: 100%;
  margin-right: 0;
}
.asset-management.scheme .mutual-fund .mutual-fund_nav .anclist.lonav.col-4 li {
  width: calc((100% - 90px) / 4);
  text-align: center;
  background: #fff;
}
.asset-management.scheme .mutual-fund .mutual-fund_nav .anclist.lonav.col-4 li:nth-child(3n) {
  margin-right: 30px;
}
.asset-management.scheme .mutual-fund .mutual-fund_nav .anclist.lonav.col-4 li:nth-child(4n) {
  margin: 0;
}
.asset-management.scheme .mutual-fund .mutual-fund_nav .anclist.lonav.col-4 li a {
  padding: 20px 10px;
  height: 100%;
}
.asset-management.scheme .mutual-fund .mutual-fund_nav .anclist.lonav.col-4 li a figure {
  text-align: center;
  margin-bottom: 15px;
}
.asset-management.scheme .mutual-fund .mutual-fund_nav .anclist.lonav.col-4 li a figure img {
  width: 45px;
}
.asset-management.scheme .title-copy span {
  margin-top: 20px;
}
.asset-management.scheme .title-copy img {
  display: inline-block;
  margin-right: 20px;
}
.asset-management.scheme .point-list:after {
  content: none;
}
.asset-management.scheme .point-list .title {
  font-size: 1.8rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 0 10px;
}
.asset-management.scheme .sec01 .bg-light-green {
  padding: 40px;
}
.asset-management.scheme .sec01 .bg-light-green h3 {
  margin-top: 0;
}
.asset-management.scheme .sec01 .point-list {
  padding: 50px 0 0;
  margin-bottom: 0;
}
.asset-management.scheme .sec01 .point-list li {
  margin: 0 30px 0 0;
  position: relative;
}
.asset-management.scheme .sec01 .point-list li:last-child {
  margin: 0;
}
.asset-management.scheme .sec01 .point-list li .number {
  left: 50%;
  top: -50px;
  margin-left: -25px;
  width: 100%;
  display: inline;
}
.asset-management.scheme .sec01 .point-list li .detail dl {
  padding: 0 0 30px;
  margin-top: 15px;
}
.asset-management.scheme .sec01 .point-list li .detail dl dt {
  color: #3eb134;
  font-weight: 600;
  padding-bottom: 10px;
  border-bottom: 1px solid #3eb134;
}
.asset-management.scheme .sec01 .point-list li .detail dl {
  padding-bottom: 0;
}
.asset-management.scheme .sec01 .point-list li .detail dl dd.imgtxt-box {
  display: flex;
  padding: 15px 0;
}
.asset-management.scheme .sec01 .point-list li .detail dl dd.imgtxt-box figure {
  width: 60px;
  margin-right: 15px;
}
.asset-management.scheme .sec01 .point-list li .detail dl dd figure img {
  width: 100%;
  height: auto;
}
.asset-management.scheme .sec01 .point-list li .detail dl dd.imgtxt-box p {
  width: calc(100% - 60px - 15px);
  display: inline-block;
  padding: 5px 0;
}
.asset-management.scheme .sec03 .point-list {
  display: block;
}
.asset-management.scheme .sec03 .point-list .title {
  width: 200px;
  margin: 0 auto 25px;
  padding: 45px 0 10px;
}
.asset-management.scheme .sec03 .point-list li .number,
.asset-management.scheme .sec03 .point-list .title {
  color: #00a37f;
}
.asset-management.scheme .sec03 .point-list.bg-light-gray {
  padding: 80px 40px 50px;
}
.asset-management.scheme .sec03 .point-list.bg-light-gray li {
  margin: 0;
}
.asset-management.scheme .sec03 .point-list.bg-light-gray li + li {
  margin-top: 120px;
}
.asset-management.scheme .sec03 .point-list.bg-light-gray li .number {
  top: -50px;
}
.asset-management.scheme .sec03 .icon {
  background: #00a37f;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px !important;
  height: 100px !important;
}
.asset-management.scheme .sec03 .icon img {
  width: 50px;
  height: auto;
}
.asset-management.scheme .sec03 .box {
  margin-top: 40px;
}
.asset-management.scheme .sec03 .point-list .card {
  position: relative;
}
.asset-management.scheme .sec03 .point-list .card .title {
  width: 100%;
  padding: 0 0 10px;
  justify-content: flex-start;
}
.asset-management.scheme .sec03 .point-list .card .title:before,
.asset-management.scheme .sec03 .point-list .card .title:after {
  content: none;
}
.asset-management.scheme .sec03 .point-list.bg-light-gray .card {
  padding: 15px 0;
}
.asset-management.scheme .sec03 .point-list li.step01 .card:first-child:after {
  content: "";
  display: block;
  margin-top: -14px;
  width: 28px;
  height: 28px;
  background: url(/assets/images/company/management/foreign-support/i-plus.png) no-repeat;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: -29px;
}
.asset-management.scheme .sec03 .point-list .card:last-child:after {
  content: none;
}
.asset-management.scheme .sec03 .point-list.bg-light-gray li figure {
  width: 70px;
  height: 70px;
  margin: 0 auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.asset-management.scheme .sec03 .point-list.bg-light-gray li dl {
  padding: 0 20px 30px;
}
.asset-management.scheme .sec03 .unit-box .titlearea {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.asset-management.scheme .sec03 .unit-box .lead {
  color: #3eb134;
  font-weight: 500;
  font-size: 2.6rem;
  font-family: 'Noto Sans JP', sans-serif;
}
.asset-management.scheme .sec03 .unit-box .titlearea label {
  background: #176d89;
  color: #ffffff;
  padding: 2px 15px 0;
}
.asset-management.scheme .sec03 .unit-box .col-2 + div {
  width: calc(100% - 170px - 30px);
}
.asset-management.scheme .sec03 .unit-box .basic {
  display: flex;
  width: 80%;
}
.asset-management.scheme .sec03 .unit-box .basic li {
  width: auto;
}
@media all and (-ms-high-contrast: none) {
  .asset-management.scheme .sec03 .unit-box .basic li {
    margin-right: 15px;
  }
}
.asset-management.scheme .sec03 .unit-box .basic li + li {
  margin-top: 0;
}
.asset-management.scheme .sec03 .unit-box .basic li:after {
  content: none;
}
.asset-management.scheme .sec03 .point-list.bg-light-gray ol li:after {
  content: none;
}
.asset-management.scheme .sec03 .point-list.bg-light-gray ol li + li {
  margin-top: 5px;
}
.asset-management.scheme .sec03 .point-list.bg-light-gray li:after {
  top: auto;
  bottom: -45px;
  right: 50%;
  margin: auto;
  transform: rotate(135deg);
}
.asset-management.scheme .sec03 .point-list.bg-light-gray ol li .child {
  padding-left: 20px;
}
.asset-management.scheme .sec04 time {
  font-size: 2.2rem;
  font-weight: 500;
  display: block;
  text-align: right;
  margin-bottom: 20px;
}
.asset-management.scheme .card .basic li {
  font-size: 1.4rem;
}
.asset-management.scheme .remember-list li + li {
  margin-top: 10px;
}
.asset-management.scheme .remember-list li p {
  padding-left: 20px;
}
.asset-management.scheme .remember-list li .notes {
  padding-left: 20px;
}
.asset-management.scheme .recommend .col-3.bg-light-gray,
.asset-management.scheme .recommend .col-4.bg-light-gray {
  padding: 30px 0;
  text-align: center;
  position: relative;
}
.asset-management.scheme .sec06 .recommend:nth-of-type(4) .col-3.bg-light-gray:last-child:after {
  content: "";
  position: absolute;
  top: -30px;
  right: -200px;
  background: url(../../images/personal/asset-management/scheme/p-recommend-nisa01.jpg) no-repeat;
  width: 126px;
  height: 186px;
  background-size: 100%;
}
.asset-management.scheme .sec06 .recommend:nth-of-type(5) .col-3.bg-light-gray:last-child:after {
  content: "";
  position: absolute;
  top: -30px;
  right: -200px;
  background: url(../../images/personal/asset-management/scheme/p-recommend-nisa02.jpg) no-repeat;
  width: 126px;
  height: 186px;
  background-size: 100%;
}
.asset-management.scheme .sec06 .remember-list,
.asset-management.scheme .sec06 .textbox,
.asset-management.scheme .recommend .unit-box {
  padding: 0 50px;
}
.asset-management.scheme .sec06 .bg-darkgreen li {
  width: calc((100% - 30px) / 2);
}
.asset-management.scheme .sec06 .bg-darkgreen li:nth-of-type(2) {
  margin-right: 0;
}
.asset-management.scheme .sec06 .anclist li:after {
  width: 12px;
  height: 12px;
  border-top: 1px solid #00a37f;
  border-right: 1px solid #00a37f;
}
.asset-management.scheme .sec06 .anclist li a {
  display: flex;
  align-items: center;
  color: #00a37f;
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
  padding: 15px 20px;
}
.asset-management.scheme .sec06 .anclist li a figure {
  display: inline-block;
  width: 40px;
  margin-right: 10px;
}
.asset-management.scheme .sec06 .anclist.nisa-padding ul li a {
  padding-top: 20px;
}
.asset-management.scheme .sec06 .anclist li a figure img {
  width: 100%;
  height: auto;
}
.asset-management.scheme .sec08 .table-default th:first-of-type {
  width: 265px;
}
.asset-management.scheme .signature {
  margin-left: 15px;
}
@media (max-width: 767px) {
  .asset-management.scheme .mutual-fund .mutual-fund_nav .anclist.lonav.col-4 li {
    width: calc((100% - 15px) / 2);
    float: left;
  }
  .asset-management.scheme .mutual-fund .mutual-fund_nav .anclist.lonav.col-4 li:nth-child(2n) {
    float: right;
    margin-top: 0;
  }
  .asset-management.scheme .mutual-fund .mutual-fund_nav .anclist.lonav.col-4 li:nth-child(3n) {
    margin-right: 0;
  }
  .asset-management.scheme .mutual-fund .mutual-fund_nav .anclist.lonav.col-4 li:nth-child(n + 3) {
    margin-top: 15px;
  }
  .asset-management.scheme .mutual-fund .mutual-fund_nav .anclist.lonav.col-4 li a {
    padding: 20px;
  }
  .asset-management.scheme .sec01 .title-copy {
    line-height: 1.5;
  }
  .asset-management.scheme .sec01 .bg-light-green {
    padding: 20px;
  }
  .asset-management.scheme .sec01 .point-list {
    margin-bottom: 0;
  }
  .asset-management.scheme .sec01 .point-list li {
    margin: 0;
  }
  .asset-management.scheme .sec01 .point-list li + li,
  .asset-management.scheme .sec01 .point-list li:last-child {
    margin-top: 80px;
  }
  .asset-management.scheme .sec03 .point-list.bg-light-gray {
    padding: 70px 15px 20px;
  }
  .asset-management.scheme .sec03 .icon {
    width: 70px !important;
    height: 70px !important;
  }
  .asset-management.scheme .sec03 .icon img {
    width: 40px;
    height: auto;
  }
  .asset-management.scheme .sec03 .point-list li .number, .asset-management.scheme .sec03 .point-list .title {
    padding: 0 0 10px;
  }
  .asset-management.scheme .sec03 .point-list .flow .card:first-child {
    margin-bottom: 50px;
  }
  .asset-management.scheme .sec03 .point-list li.step01 .card:first-child:after {
    top: auto;
    bottom: -40px;
    right: 50%;
    margin-right: -15px;
  }
  .asset-management.scheme .sec03 .unit-box .titlearea {
    display: block;
    margin-bottom: 20px;
  }
  .asset-management.scheme .sec03 .unit-box .lead {
    font-size: 2.2rem;
    margin-bottom: 5px;
  }
  .asset-management.scheme .sec03 .unit-box .col-2 + div {
    width: 100%;
  }
  .asset-management.scheme .sec03 .unit-box .basic {
    display: block;
    width: 100%;
  }
  .asset-management.scheme .sec03 .box-title {
    padding: 0;
  }
  .asset-management.scheme .sec03 .point-list.bg-light-gray ol li .child {
    padding-left: 0;
  }
  .asset-management.scheme .sec03 .point-list.bg-light-gray ol li .child li {
    padding: 0 5px 0 0px;
  }
  .asset-management.scheme .sec03 .point-list.bg-light-gray li:after {
    margin-right: -10px;
  }
  .asset-management.scheme .sec03 .point-list.bg-light-gray li dl {
    padding: 0 20px 0;
  }
  .asset-management.scheme .sec03 .point-list.bg-light-gray li dl .text {
    margin-bottom: 0;
  }
  .asset-management.scheme .sec03 .point-list.bg-light-gray li.step02 dl {
    padding: 0 15px 20px;
  }
  .asset-management.scheme .sec04 time {
    font-size: 1.8rem;
    font-weight: 500;
    display: block;
    text-align: right;
    margin-bottom: 20px;
  }
  .asset-management.scheme .sec06 .remember-list,
  .asset-management.scheme .sec06 .textbox,
  .asset-management.scheme .recommend .unit-box {
    padding: 0;
  }
  .asset-management.scheme .sec06 .bg-darkgreen li {
    width: 100%;
  }
  .asset-management.scheme .sec06 .anclist li a figure {
    width: 35px;
  }
  .asset-management.scheme .recommend .col-3.bg-light-gray:last-child,
  .asset-management.scheme .recommend .col-4.bg-light-gray:last-child {
    margin-bottom: 210px;
  }
  .asset-management.scheme .sec06 .recommend:nth-of-type(4) .col-3.bg-light-gray:last-child:after,
  .asset-management.scheme .sec06 .recommend:nth-of-type(5) .col-3.bg-light-gray:last-child:after {
    top: auto;
    bottom: -210px;
    right: 0;
    left: 0;
    margin: auto;
  }
  .asset-management.scheme .sec07 .card span {
    display: block;
    width: calc(100% - 15px);
  }
  .asset-management.scheme .sec08 .table-default th:first-of-type {
    width: 30%;
  }
}
/*---------------------------------------------
金融商品仲介
---------------------------------------------*/
.asset-management.shohin-chukai .shohin-chukai img {
  width: 100%;
  height: auto;
}
.asset-management.shohin-chukai .unit01 .basic dt {
  padding-bottom: 8px;
  font-size: 1.8rem;
  font-weight: bold;
}
.asset-management.shohin-chukai .unit01 .basic dd + dt {
  margin-top: 30px;
}
@media (max-width: 767px) {
  .asset-management.shohin-chukai .unit01 img {
    width: 100%;
    height: auto;
  }
  .asset-management.shohin-chukai .unit01 .basic dt {
    font-size: 1.6rem;
  }
}
/*---------------------------------------------
common style
---------------------------------------------*/
/* トピックス */
.okdirect ul.news-list {
  padding: 0;
}
@media (max-width: 767px) {
  .okdirect .inner .inner {
    padding: 0;
  }
}
/*---------------------------------------------
国債
---------------------------------------------*/
.asset-management.kokusai .box-title {
  display: block;
  padding-right: 0;
}
.asset-management.kokusai h4 {
  padding-bottom: 10px;
  font-weight: 500;
}
.asset-management.kokusai .kokusai img {
  width: 100%;
  height: auto;
}
/*---------------------------------------------
遺言信託・遺産整理の手数料
---------------------------------------------*/
.heritage-commission .cattext {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.heritage-commission .cattext div {
  width: 100%;
}
.heritage-commission .cattext .float-box dl {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  font-size: 1.6rem;
  text-align: left;
}
.heritage-commission .cattext .float-box dl dt {
  width: 220px;
  margin-right: 25px;
}
.heritage-commission .cattext p {
  width: 100%;
}
.heritage-commission .cattext span {
  font-size: 1.6rem;
}
.heritage-commission .cattext span.notes {
  font-size: 1.4rem;
}
.heritage-commission .cattext .notes .basic li {
  font-size: 1.4rem;
}
.heritage-commission .btn-text a {
  text-decoration: none;
  position: relative;
  display: block;
}
.heritage-commission .btn-text a:hover {
  opacity: 0.7;
}
.heritage-commission .btn-text a .title {
  padding: 20px 0 10px;
  margin-bottom: 10px;
  color: #3eb134;
  font-size: 2rem;
  font-weight: bold;
  border-bottom: 0;
}
.heritage-commission .btn-text a dd {
  font-size: 2.2rem;
  font-weight: 500;
  padding: 0 20px 20px;
}
.heritage-commission .btn-text a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  border-top: 2px solid #3eb134;
  border-right: 2px solid #3eb134;
  transform: rotate(45deg);
}
.heritage-commission .ti0 {
  padding-left: 0;
  text-indent: 0;
}
@media (max-width: 767px) {
  .heritage-commission .card {
    padding: 15px;
  }
  .heritage-commission .cattext span.notes {
    font-size: 1.4rem;
  }
  .heritage-commission .cattext .float-box dl {
    display: flex;
    justify-content: flex-start;
    font-size: 1.5rem;
  }
  .heritage-commission .cattext .float-box dl dt {
    width: 75%;
    margin-right: 0;
  }
  .heritage-commission .btn-text a .title {
    font-size: 1.6rem;
    padding: 10px 0 10px;
  }
  .heritage-commission .btn-text a dd {
    font-size: 1.8rem;
    padding: 0;
  }
  .heritage-commission .cattext span {
    font-size: 1.4rem;
  }
  .heritage-commission .btn-text a:after {
    width: 12px;
    height: 12px;
    right: 5px;
  }
}


/* home-loan common */
.home-loan .bg-visual .page-title:after {
  background-image: url(/assets/images/personal/home-loan/p_mainvisual.jpg);
}
.home-loan .bg-visual .mv {
  margin-bottom: 370px !important;
}
.home-loan .bg-visual .side-menu {
  width: 340px;
  margin-right: 0;
}
.home-loan .bg-visual .side-area .ib dt {
  margin-bottom: 8px;
  padding-bottom: 5px;
}
.home-loan .bg-visual .side-area .ib .application li a {
  display: block;
  height: 40px;
  padding: 9px 0;
  border-radius: 20px;
  background: #e0791d;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
  color: #fff;
  text-align: center;
  line-height: 1.25;
}
.home-loan .bg-visual .side-area .ib li a i {
  display: inline-block;
  margin-right: 10px;
  vertical-align: baseline;
}
.home-loan .bg-visual .side-area .ib .application li a i img {
  width: 10px;
  height: 17px;
}
.home-loan .bg-visual .side-area .ib .login li a i img {
  width: 14px;
  height: 17px;
}
.home-loan .bg-visual .side-area .verification {
  margin-top: 10px;
}
.home-loan .bg-visual .side-area .verification a {
  font-size: 1.6rem;
  padding: 10px 0;
}
.home-loan .anclist {
  padding: 30px 20px;
}
.home-loan .anclist li a {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
  color: #3EB134;
}
.home-loan .impinfo .box-title {
  color: var(--attention, #F00);
  font-size: 1.8rem;
}
.home-loan .impinfo a {
  font-weight: 500;
}
.home-loan .lead-text {
  margin-bottom: 30px;
  text-align: center;
  line-height: 1.6;
}
.home-loan .bg-light-green {
  padding: 40px;
}
.home-loan .rate dl {
  background: #fff;
  margin-bottom: 10px;
  padding: 40px;
  text-align: center;
}
.home-loan .rate dt {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: solid 1px #00A37F;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 2.3rem;
  font-weight: 700;
  line-height: 1;
}
.home-loan .rate .base {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1;
}
.home-loan .rate .base .small {
  font-size: 1.2rem;
  font-weight: 500;
}
.home-loan .rate .base .num {
  font-size: 1.8rem;
  font-weight: 500;
}
.home-loan .rate .year {
  margin: 30px 0 10px;
  font-size: 3.0rem;
  font-weight: 500;
  line-height: 1;
}
.home-loan .rate .year .num {
  color: #E47611;
  font-size: 5.8rem;
  font-weight: 700;
}
.home-loan .rate .notes {
  font-size: 1.6rem;
}
.home-loan .freedial {
  border: 1px solid #ccc;
  padding: 40px 70px;
}
.home-loan .freedial address {
  margin-bottom: 10px;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 3.0rem;
  font-weight: 700;
  color: #36F;
  line-height: 1;
}
.home-loan .freedial .num {
  position: relative;
  display: inline-block;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 300;
  color: #fff;
  line-height: 1.25;
  width: 20px;
  margin: 0 2px;
}
.home-loan .freedial .num::after {
  display: block;
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-color: #003366;
  z-index: -1;
}
@media (max-width: 767px) {
  .home-loan figure {
    text-align: center;
  }
  .home-loan .bg-visual .side-menu {
    width: 100%;
  }
  .home-loan .bg-light-green {
    padding: 20px;
  }
  .home-loan .rate dl {
    padding: 30px;
  }
  .home-loan .rate dt {
    font-size: 2.0rem;
  }
  .home-loan .rate .year {
    margin: 15px 0;
    font-size: 2.2rem;
  }
  .home-loan .rate .year .num {
    font-size: 4.2rem;
  }
  .home-loan .rate .notes {
    font-size: 1.2rem;
  }
  .home-loan .freedial {
    padding: 20px;
  }
  .home-loan .freedial p + p {
    margin-top: 10px;
  }
}


/* home-loan index */
.home-loan.index .bg-visual .page-title:after {
  background-image: url(/assets/images/personal/home-loan/home_loan/p_mainvisual.jpg);
}
.home-loan.index .mv-menu {
  content: "";
  position: absolute;
  width: 1170px;
  height: 370px;
  top: 130px;
  right: 0;
  left: 0;
  margin: auto;
  display: flex;
  align-items: center;
  padding-right: 470px;
}
.home-loan.index .mv-menu ul {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  z-index: 1;
}
.home-loan.index .mv-menu ul li {
  width: 280px;
  background-color: #edf6ec;
}
.home-loan.index .mv-menu ul li + li {
  margin-left: 52px;
}
.home-loan.index .mv-menu ul li a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.25);
  padding: 20px;
  min-height: 150px;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 2.0rem;
  font-weight: 700;
  color: #3eb134;
  text-align: center;
}
.home-loan.index .mv-menu ul li a:hover {
  opacity: 0.7;
}
.home-loan.index .mv-menu ul li a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  width: 9px;
  height: 9px;
  margin: auto;
  border-top: 1px solid #3eb134;
  border-right: 1px solid #3eb134;
  transform: rotate(45deg);
}
.home-loan.index .anclist ul {
  width :850px;
  margin: auto;
}
.home-loan.index .insurance {
  display: flex;
  align-items: center;
  background-color: #fff;
  padding: 30px;
  gap: 30px;
}
.home-loan.index .insurance .text-area {
  width: calc(100% - 402px);
  line-height: 1.6;
}
@media (max-width: 767px) {
  .home-loan.index .bg-visual .mv {
    margin-bottom: 350px !important;
  }
  .home-loan.index .bg-visual .page-title h1 {
    height: 100px;
  }
  .home-loan.index .bg-visual .page-title:after {
    top: 100px;
    min-height: 350px;
    background-position: center;
  }
  .home-loan.index .mv-menu {
    content: "";
    position: absolute;
    width: 72%;
    height: 350px;
    top: 100px;
    right: 0;
    left: 0;
    margin: auto;
    align-items: center;
    padding-right: 0;
  }
  .home-loan.index .mv-menu ul li + li {
    margin: 20px 0 0 0;
  }
  .home-loan.index .mv-menu ul li a {
    padding: 16px;
    min-height: 80px;
    font-size: 1.6rem;
  }
  .home-loan.index .anclist ul {
    width :100%;
  }
  .home-loan.index .insurance {
    flex-wrap: wrap;
    padding: 20px;
    gap: 20px;
  }
  .home-loan.index .insurance figure {
    margin: auto;
  }
  .home-loan.index .insurance .text-area {
    width: 100%;
  }
}

/* purchase */
.purchase .card.unit01 ul:not(.nostyle) > li:before {
  top: 10px;
}
.purchase .anclist li {
  width: calc((100% - 60px) / 4);
  margin: 0 20px 0 0;
}
.purchase .anclist li:nth-child(4n) {
  margin-right: 0;
}
.purchase .anclist ul {
  width: 1170px;
  margin: auto;
}
.purchase .anclist li:nth-child(n + 5) {
  width: calc((100% - 60px) / 4);
  margin-top: 20px;
}
.purchase .reason-list {
  margin-top: 100px;
}
.purchase .reason-list li {
  transition: .3s;
}
.purchase .reason-list li:hover {
  opacity: 0.6;
}
.purchase .reason-list li + li {
  margin-top: 84px;
}
.purchase .reason-list li a {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  padding: 30px 60px;
  min-height: 268px;
}
.purchase .reason-list li a:hover {
  opacity: 1;
}
.purchase .reason-list li dl {
  position: relative;
  width: 610px;
  color: #fff;
  text-align: center;
}
.purchase .reason-list li dl::after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 30px;
  height: 30px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
}
.purchase .reason-list li dt {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.6;
}
.purchase .reason-list li dd {
  margin-top: 20px;
  font-weight: 500;
  line-height: 1.6;
}
.purchase .reason-list li figure {
  margin-top: -70px;
}

.purchase .reason-list li:nth-child(2n+1) dl {
  order: 1;
}
.purchase .reason-list li:nth-child(2n+1) figure {
  order: 2;
}
.purchase .reason-list li:nth-child(1) {
  background: linear-gradient(90deg, #3CB0BA 0%, #3A9BC9 100%);
}
.purchase .reason-list li:nth-child(2) {
  background: linear-gradient(90deg, #3CBA92 0%, #33BCB1 100%);
}
.purchase .reason-list li:nth-child(3) {
  background: linear-gradient(90deg, #7381D8 0%, #95A3F8 100%);
}
.purchase #flow {
  margin-bottom: 70px;
}
.purchase #flow .title-flow {
  margin-bottom: 40px;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 3.0rem;
  font-weight: 700;
  line-height: 1;
}
.purchase .flow-list > li {
  position: relative;
  background: #edf6ec;
  padding: 40px;
}
.purchase .flow-list > li:not(:last-child) {
  margin-bottom: 130px;
}
.purchase .flow-list > li:not(:last-child)::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  border: 585px solid transparent;
  border-top: 130px solid #edf6ec;
  width: 100px;
  height: 50px;
  margin: auto;
  box-sizing: border-box;
}
.purchase .title-step {
  margin-bottom: 30px;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 2.8rem;
  font-weight: 700;
  color: #3EB134;
  line-height: 1;
}
.purchase .step {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  padding: 40px;
}
.purchase .title-step .en {
  font-size: 2.0rem;
  color: #00A37F;
  margin-right: 15px;
}
.purchase .step .step-text {
  width: calc(100% - 272px);
}
.purchase .step figure {
  margin-left: 30px;
}
.purchase .step-list li {
  position: relative;
}
.purchase .step-list > li:not(:last-child) {
  padding-bottom: 50px;
}
.purchase .step-list > li:not(:last-child)::after {
  content: '';
  position: absolute;
  bottom: -50px;
  left: 0;
  right: 0;
  border: 50px solid transparent;
  border-top: 50px solid #3EB134;
  width: 100px;
  height: 50px;
  margin: auto;
  box-sizing: border-box;
}
.purchase #products .title {
  font-family: 'Noto Sans JP', sans-serif;
}
@media (max-width: 767px) {
  .purchase .bg-visual .mv {
    margin-bottom: 200px !important;
  }
  .purchase .bg-visual .page-title h1 {
    height: 100px;
  }
  .purchase .bg-visual .page-title:after {
    top: 100px;
    background-position: 28% center;
  }
  .purchase .anclist {
    padding: 30px 20px;
  }
  .purchase .anclist ul {
    width: 100%;
  }
  .purchase .anclist li {
    width: 100%;
    margin: 0;
  }
  .purchase .anclist li:nth-child(n + 2) {
    margin-top: 20px;
  }
  .purchase .reason-list {
    margin-top: 170px;
  }
  .purchase .reason-list li + li {
    margin-top: 140px;
  }
  .purchase .reason-list li:nth-child(2n+1) dl {
    order: 2;
  }
  .purchase .reason-list li figure {
    text-align: center;
  }
  .purchase .reason-list li:nth-child(2n+1) figure {
    order: 1;
  }
  .purchase .reason-list li a {
    display: block;
    padding: 35px 18px;
    min-height: 0;
  }
  .purchase .reason-list li dl {
    margin-top: 25px;
    width: 100%;
  }
  .purchase .reason-list li dl::after {
    width: 15px;
    height: 15px;
    right: -5px;
  }
  .purchase .reason-list li dt {
    font-size: 1.8rem;
  }
  .purchase .reason-list li dd {
    font-size: 1.4rem;
  }
  .purchase .reason-list li figure {
    margin-top: -150px;
  }
  .purchase .step {
    display: block;
    padding: 20px;
  }
  .purchase #flow .title-flow {
    margin-bottom: 20px;
    font-size: 2.0rem;
  }
  .purchase .flow-list > li {
    padding: 20px;
  }
  .home-loan .flow-list > li:not(:last-child) {
    margin-bottom: 100px;
  }
  .home-loan .flow-list > li:not(:last-child)::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    border: 167px solid transparent;
    border-top: 100px solid #edf6ec;
    width: 100%;
    height: 100px;
    margin: auto;
    box-sizing: border-box;
  }
  .purchase .step {
    display: block;
    padding: 20px;
  }
  .purchase .title-step {
    margin-bottom: 20px;
    font-size: 1.8rem;
  }
  .purchase .title-step .en {
    font-size: 1.4rem;
    margin-right: 10px;
  }
  .purchase .step .step-text {
    width: 100%;
  }
  .purchase .step figure {
    margin: 20px 0 0;
  }
  .purchase .step-list > li:not(:last-child) {
    padding-bottom: 30px;
  }
  .purchase .step-list > li:not(:last-child)::after {
    bottom: -30px;
    border: 30px solid transparent;
    border-top: 30px solid #3EB134;
    width: 60px;
    height: 30px;
  }
}
/* customer */
.customer .book {
  text-align: center;
}
.customer .book .btn {
  margin-top: 40px;
}
.customer .inq-area {
  margin-bottom: 40px;
}
.customer .inq-area .btn {
  margin-top: 40px;
  text-align: right;
}
.customer .inq-area .btn a {
  padding: 13px 40px 13px 25px;
}
@media (max-width: 767px) {
  .customer .book {
    margin-bottom: 50px;
  }
  .customer .book .btn {
    margin-top: 20px;
  }
  .customer .inq-area .btn {
    margin-top: 30px;
    text-align: center;
  }
}


.home-loan .consultation {
  display: flex;
  margin-bottom: 50px;
}

.home-loan .consultation > picture {
  margin-inline: auto;
  text-align: center;
}

.home-loan .consultation > div {
  width: 630px;
}

.home-loan .consultation > div > p {
  margin-bottom: 86px;
  font-weight: 300;
  line-height: 150%; /* 24px */
}

.home-loan .consultation > div > div {
  display: flex;
  justify-content: space-between;
}

.home-loan .consultation > div > div span {
  position: relative;
  display: block;
  margin-bottom: 16px;
  color: #3EB134;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 90%; /* 16.2px */
}

.home-loan .consultation > div > div span::before,
.home-loan .consultation > div > div span::after {
  content: '';
  position: absolute;
  bottom: 8px;
  width: 23px;
  height: 1px;
  background: #3EB134;
}

.home-loan .consultation > div > div span::before {
  left: 20px;
  transform: rotate(30deg);
}

.home-loan .consultation > div > div span::after {
  right: 17px;
  transform: rotate(-30deg);
}

.home-loan .consultation > div > div .btn a {
  width: 300px;
}

.home-loan .consultation .blank a:after {
  margin-top: -12px;
  border: 0;
  color: #fff;
}

@media (max-width: 767px)  {
  .home-loan .consultation {
    flex-direction: column;
    margin-bottom: 20px;
  }

  .home-loan .consultation > picture {
    margin-bottom: 30px;
  }

  .home-loan .consultation > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
  }

  .home-loan .consultation > div > div {
    display: grid;
    justify-content: center;
  }

  .home-loan .consultation > div > div > div {
    margin-bottom: 20px;
  }

  .home-loan .consultation > div > p {
    margin-bottom: 30px;
  }
}


/*---------------------------------------------
simulation
---------------------------------------------*/
.home-loan input[name="tab_item_loan"] {
    display: none;
}

.home-loan .tabs {
  width: 1170px;
  margin: 0 auto;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.25;
}

.home-loan .tab_item_loan {
  float: left;
  width: calc((100% - 30px) / 2);
  margin: 20px 0 0 10px;
  padding: 20px 0;
  font-family: 'Noto Sans JP', sans-serif;
  border: 1px solid #ccc;
  border-bottom: 0;
  background: #fff;
  text-align: center;
  cursor: pointer;
}

.home-loan .tab_item_loan:last-of-type {
    margin-right: 0;
}

#tab-repayment:checked ~ #repayment_content, #tab-borrowed:checked ~ #borrowed_content {
    display: block;
}

.home-loan .tabs input:checked + .tab_item_loan {
    position: relative;
    top: 1px;
    margin-top: 0;
    padding: 30px 0;
    border-color: #3eb134;
    color: #3eb134;
}

.home-loan #tab-repayment:checked ~ #repayment_content, #top .home-loan #tab-borrowed:checked ~ #borrowed_content {
    display: block;
}

.home-loan .tab_content {
    display: none;
    clear: both;
    padding-top: 10px;
    border-top: 1px solid #3eb134;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
    overflow: hidden;
}

.home-loan.loan01 main ul > li {
  position: relative;
  padding-left: 1em;
  font-weight: 300;
  line-height: 175%;
}

.home-loan.loan01 main ul > li::before {
  content: '';
  position: absolute;
  top: 10px;
  left: 0;
  width: 8px;
  height: 8px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8' fill='none'%3E%3Ccircle cx='4' cy='4' r='4' fill='%2300A37F'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.home-loan .tab_content .simulation_item:first-of-type {
  margin-top: 60px;
}
.simulation_wrap {
  padding: 0 100px;
}

.simulation_item {
  padding: 50px 0;
  border-bottom: 1px solid #999;
}

.simulation_item dl {
  display: flex;
}

.simulation_item dl + p,
.simulation_item dl + ul,
.simulation_item ul + p,
.simulation_item p + a {
  margin-top: 16px;
}

.simulation_item dl + p {
  line-height: 160%;
}

.simulation_item dl + ul li {
  line-height: 175%;
}

.rates_link {
  display: inline-block;
  margin-top: 16px;
  color: #36f;
}

.simulation_item dt {
  display: flex;
  width: 270px;
  margin-right: 30px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
}

.simulation_item dd label {
  display: flex;
  align-items: center;
}

.input_wrap {
  position: relative;
}

.error_message {
  position: absolute;
  top: -44px;
  left: 1%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: max-content;
  margin-inline: auto;
  padding: 10px 20px;
  color: #fff;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 100%; /* 12px */
  background: #bc001f;
}

.error_message::before {
  content: '';
  position: absolute;
  right: 0;
  bottom: -12px;
  left: 0;
  width: 23px;
  height: 12px;
  margin: auto;
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2212%22%20viewBox%3D%220%200%2024%2012%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M12%2012L0.5%200H23.5L12%2012Z%22%20fill%3D%22%23BC001F%22%2F%3E%0A%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}

.simulation_item dd label > span {
  margin-left: 16px;
  font-family: 'Noto Sans JP', sans-serif;
}

.simulation_item dd label > span.input_first {
  margin-right: 16px;
  margin-left: 0;
}

.simulation_item dd label + span {
  margin-top: 8px;
  font-size: 1.2rem;
}

.simulation_return {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-size: 2rem;
  line-height: 100%;
}

.simulation_item input[type="text"],
.simulation_item .period_wrap {
  display: flex;
  width: 200px;
  justify-content: flex-end;
  align-items: center;
  border-radius: 4px;
  border: 1px solid #999;
}

.simulation_item input[type="text"] {
  padding: 10px 15px;
  text-align: right;
  background: #F5F5F5;
  box-shadow: 0px 0px 1px 0px #3EB134;
}

.simulation_item input[type="text"]:focus {
  outline-color: #3EB134;
}

.simulation_item input[type="text"].input_error {
  border: 1px solid #BC001F;
  background: rgba(188, 0, 31, 0.10);
}

.simulation_item .period_wrap select {
  width: 100%;
  height: 100%;
  padding: 10px 15px;
  text-align: right;
  border: 0;
  border-radius: 4px;
  background: #F5F5F5;
}

.simulation_item .period_wrap select:focus-visible {
  outline-color: #3EB134;
}

.simulation_item dd > span {
  display: block;
}

.simulation_item fieldset {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 608px;
}

.simulation_item fieldset label {
  width: calc((100% - 80px) / 2);
  margin-right: 80px;
  margin-bottom: 24px;
  cursor: pointer;
}

.simulation_item fieldset label:nth-of-type(2n) {
  margin-right: 0;
}

.simulation_item fieldset label:last-of-type {
  width: 378px;
  margin-bottom: 0;
}

.simulation_item fieldset input[type="radio"] {
  display: none;
}

.simulation_radio {
  position: relative;
  width: 18px;
  height: 18px;
  border: 1px solid #999;
  border-radius: 9px;
}

.simulation_item fieldset input[type="radio"]:checked + .simulation_radio {
  border-color: #3eb134;
}

.simulation_item fieldset input[type="radio"]:checked + .simulation_radio::after {
  content: '';
  position: absolute;
  top: 3px;
  left: 3px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background: #3eb134;
}

.simulation_item fieldset .simulation_radio + span {
  display: inline-block;
  width: 150px;
  margin: 0 8px;
  font-weight: 500;
}

.simulation_percent {
  position: relative;
  display: flex;
  align-items: flex-end;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 100%;
}

.simulation_manual .simulation_percent {
  font-size: 1.6rem;
}

.simulation_percent > em {
  color: #3eb134;
  font-size: 2rem;
  line-height: 100%;
  font-weight: 500;
}

.simulation_item .simulation_percent input[type="text"] {
  width: 80px;
  margin: 0 8px;
}

.simulation_sp {
  display: none;
}

.simulation_manual > span {
  font-size: 12px;
  font-weight: 300;
  line-height: 100%;
}

.simulation_require {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 22px;
  margin: 1px 0 0 16px;
  padding: 5px;
  color: #fff;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 100%;
  background: #666;
}

.simulation_require.--require {
  background: #BC001F;
}

.simulation_buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
  margin-top: 70px;
}

.simulation_button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 250px;
  height: 50px;
  margin: 0 15px;
  padding: 1.5px 0;
  color: #fff;
  font-weight: 500;
  line-height: 150%;
  font-family: 'Noto Sans JP', sans-serif;
  border-radius: 25px;
  background: linear-gradient(to right, #5cce52 0%, #17ba60 100%);
  box-shadow: 5px 5px 10px rgba(35, 24, 21, .2);
  transition: all .3s;
  cursor: pointer;
}

.simulation_button:hover {
  opacity: .6;
}

.simulation_button.--conv {
  background: linear-gradient(270deg, #E16A1B 0%, #E98900 100%);
}

.simulation_button::before {
  content: '';
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  width: 9px;
  height: 16px;
  margin: auto;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='16' viewBox='0 0 9 16' fill='none'%3E%3Cpath d='M0.5 1L7.5 8L0.5 15' stroke='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

#repayment_start,
#borrowed_start {
  margin: 70px auto;
}

#repayment_result,
#borrowed_result {
  display: none;
}

.simulation_result {
  width: 770px;
  margin: 70px auto;
}

.simulation_result > p:first-of-type {
  padding: 24px 0;
  text-align: center;
  color: #3EB134;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-size: 3.4rem;
  line-height: 100%;
}

.simulation_result_wrap {
  padding: 40px 100px;
  background: #EDF6EC;
}

.simulation_result_wrap dl {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
}

.simulation_box {
  height: 83px;
  font-family: 'Noto Sans JP', sans-serif;
  background: #fff;
}

.simulation_box dt {
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 100%;
}

.simulation_box dd {
  font-weight: 700;
  font-size: 2.2rem;
  line-height: 100%;
}

.simulation_box.--main {
  position: relative;
  border: 2px solid #E47611;
}

.simulation_box.--main dt {
  font-size: 2.4rem;
}

.simulation_box.--main dd {
  color: #e47611;
  font-size: 3rem;
}

.simulation_box.--sub dt {
  font-size: 1.8rem;
}

.simulation_box.--sub dd {
  color: #e47611;
  font-size: 2.4rem;
}

.simulation_yearly_attention {
  position: relative;
  display: inline-block;
  margin: 0 20px 20px;
  padding-left: 1em;
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 150%;
}

.simulation_yearly_attention::before {
  content: '※';
  position: absolute;
  left: 0;
}

.simulation_line {
  width: 100%;
  height: 1px;
  margin: 40px 0;
  background: #999;
}

#repayment_result .simulation_result_wrap dl:nth-of-type(2),
#repayment_result .simulation_result_wrap dl:nth-of-type(6),
#repayment_result .simulation_result_wrap dl:nth-of-type(7) {
  border-bottom: 1px solid #999;
}

#borrowed_result .simulation_result_wrap dl:nth-of-type(4),
#borrowed_result .simulation_result_wrap dl:nth-of-type(5) {
  border-bottom: 1px solid #999;
}

#borrowed_result .simulation_box.--sub {
  margin: 30px 0;
}

.simulation_result_wrap dl:last-of-type dt span {
  font-size: 1.2rem;
  font-weight: 300;
}

.simulation_attention {
  margin: 70px 0;
  padding: 40px;
  border: 1px solid #999;
}

.simulation_attention p {
  margin-bottom: 25px;
  color: #3eb134;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 150%;
}

@media (max-width: 767px) {
  .home-loan.loan01 .simulation_attention ul > li::before {
    top: 7px;
  }

  .home-loan .tabs {
    width: 100%;
    font-size: 1.6rem;
  }

  .home-loan .tab_item_loan {
    float: left;
    width: calc((100% - 15px) / 2);
    margin: 10px 0 0 5px;
    padding: 10px;
    text-align: left;
  }

  .home-loan .tabs input:checked + .tab_item_loan {
    padding: 15px 10px;
  }

  .home-loan .tab_content .simulation_item:first-of-type {
    margin-top: 0;
  }

  .simulation_wrap {
    padding: 0;
  }

  .simulation_item {
    padding: 30px 0;
  }

  .simulation_item dl {
    flex-direction: column;
  }

  .simulation_item dt {
    width: 100%;
    margin-bottom: 30px;
  }

  .simulation_item input[type="text"] {
    padding: 10px 20px;
  }

  .simulation_item dd > span {
    font-size: 1.2rem;
  }

  .simulation_item fieldset {
    width: 100%;
    flex-direction: column;
  }

  .simulation_item fieldset label {
    width: 100%;
    margin-right: 0;
  }

  .simulation_item fieldset label:last-of-type {
    width: 100%;
    flex-wrap: wrap;
  }

  .simulation_pc {
    display: none;
  }

  .simulation_sp {
    display: block;
    width: 100%;
    padding-right: 2px;
    margin-top: 13px;
    text-align: right;
    font-size: 1.2rem;
  }

  #repayment_start,
  #borrowed_start  {
    margin: 50px auto;
  }

  .simulation_result {
    width: 100%;
    margin: 50px auto;
  }

  .simulation_result > p:first-of-type {
    font-size: 2.8rem;
  }

  .simulation_result_wrap {
    padding: 40px 10px;
  }

  .simulation_result_wrap dl {
    padding: 10px;
  }

  .simulation_box {
    flex-direction: column;
  }

  .simulation_box {
    padding: 10px;
  }

  .simulation_box.--main dt {
    font-size: 2rem;
  }

  .simulation_box.--main dd {
    color: #e47611;
    font-size: 2.8rem;
  }

  .simulation_box dt,
  .simulation_box dd {
    width: 100%;
  }

  .simulation_box dd {
    text-align: right;
  }

  .simulation_item dd label.row_wrap {
    flex-wrap: wrap;
  }

  .simulation_item dd label > span.input_first {
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }

  .simulation_item input[type="text"] {
    font-size: 1.4rem;
  }

  .simulation_buttons {
    flex-direction: column;
    margin-top: 20px;
  }

  #repayment_reset,
  #borrowed_reset {
    margin-bottom: 20px;
  }

  .error_message.--maximum {
    top: -77px;
    width: auto;
  }

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

  .home-loan main ul > li::before {
    top: 7px;
  }
}