@charset 'UTF-8';

.ttl.-primary.-hajimete {
  line-height: 2.2;
}

.ttl.-primary.-hajimete:after {
  display: none;
}

.ttl.-primary.-hajimete>span:not(.txt) {
  font-weight: 700;
  padding: 10.1px;
  color: #fff;
  background: #ca2420;
}

.ttl.-primary.-hajimete .-ib {
  line-height: 1.5;
  display: inline-block;
  padding: 10px;
  box-shadow: none;
}

.ttl.-secondary.-hajimete {
  font-size: .26rem;
  font-weight: 700;
  line-height: 1.49231;
  padding: 0;
  text-align: center;
  border: none;
}

.article-card.-hajimete {
  background: #fff;
}

.article-card.-hajimete .image {
  padding: 15px;
  color: #fff;
}

.article-card.-hajimete.-kotsukotsu .image {
  background: #d27a3f;
}

.article-card.-hajimete.-tanoshimu .image,.article-card.-hajimete.-murinaku .image {
  background: #a7852b;
}

.article-card .summary .ico-label.-red.-hajimete {
  font-size: .2rem;
  line-height: 1.64;
  display: block;
  margin: 0;
  padding: 5px 10px;
  text-align: left;
  background: #d0021b;
}

.box.-balloon.-hajimete {
  color: #fff;
  border: none;
  border-radius: 6px;
  background: #ca2420;
}

.box.-balloon.-hajimete:before {
  display: none;
}

.box.-balloon.-hajimete:after {
  border-width: 10px 10px 0 0;
  border-top-color: #ca2420;
}

.box.-balloon.-hajimete.-compact {
  padding: 5px 20px;
}

.box.-balloon.-hajimete.-bottom {
  margin-bottom: 10px;
}

.box.-balloon.-hajimete.-bottom:after {
  bottom: -5px;
  transform: rotate(-135deg);
}

.box.-general.-hajimete.-ranking {
  color: #492501;
  border-top: 5px solid #e6e1dd;
}

.box.-general.-hajimete.-ranking>.title {
  font-size: .2rem;
  font-weight: 700;
  line-height: 1.64;
}

.box.-general.-hajimete.-ranking>.contents {
  line-height: 1.8;
}

.panel-box.-hajimete:not(.-emphasis)>.title {
  margin: -1px -1px 0;
  border: none;
}

.panel-box.-hajimete:not(.-emphasis)>.contents {
  border-top: none;
}

.panel-box.-hajimete:not(.-emphasis).-primary>.title {
  color: #fff;
  background: #3d4a99;
}

.panel-box.-hajimete:not(.-emphasis).-primary.-thin>.title {
  color: #3d4a99;
  border-top: 5px solid #3d4a99;
  background: transparent;
}

.panel-box.-hajimete:not(.-emphasis).-secondary>.title {
  color: #fff;
  background: #a30000;
}

.panel-box.-hajimete:not(.-emphasis).-secondary.-thin>.title {
  color: #a30000;
  border-top: 5px solid #a30000;
  background: transparent;
}

.panel-box.-hajimete:not(.-emphasis).-tertiary>.title {
  color: #fff;
  background: #409200;
}

.panel-box.-hajimete:not(.-emphasis).-tertiary.-thin>.title {
  color: #409200;
  border-top: 5px solid #409200;
  background: transparent;
}

.panel-box.-hajimete:not(.-emphasis).-quaternary>.title {
  background: #e7e2dd;
}

.panel-box.-hajimete:not(.-emphasis).-quaternary.-thin>.title {
  color: #222;
  border-top: 5px solid #e7e2dd;
  background: transparent;
}

.panel-box.-hajimete:not(.-emphasis).-quinary>.title {
  background: #f0792e;
}

.panel-box.-hajimete:not(.-emphasis).-quinary.-thin>.title {
  color: #f0792e;
  border-top: 5px solid #f0792e;
  background: transparent;
}

.panel-box.-hajimete:not(.-emphasis).-senary>.title {
  background: #3e92db;
}

.panel-box.-hajimete:not(.-emphasis).-senary.-thin>.title {
  color: #3e92db;
  border-top: 5px solid #3e92db;
  background: transparent;
}

.panel-box.-emphasis.-hajimete>.title {
  border-bottom: 3px solid #87991b;
  background: #f2efd8;
}

.simulation-input {
  margin-top: 0;
}

.simulation-icon {
  width: 40px;
  height: auto;
  margin-right: 10px;
  vertical-align: middle;
}

.box.-attention.js-error {
  display: none;
}

.cont_result_box-headingicon {
  flex-basis: auto!important;
}

.cont_result_box .toggle-btn {
  margin-top: 30px;
}

.cont_result_box .row .row i {
  flex-shrink: 0;
}

.tab-container.-bottom>.tablist {
  padding: 5px 0 0;
}

.tab-container.-bottom>.tablist:before {
  top: 0;
  bottom: auto;
}

.tab-container.-bottom>.tablist>li>.tab:after {
  top: -5px;
}

.tab-container>.tablist>li>.tab.-tsumitate {
  color: #0068aa;
}

.tab-container>.tablist>li>.tab.-tsumitate:hover,.tab-container>.tablist>li>.tab.-tsumitate:after,.tab-container>.tablist>li>.tab.-tsumitate[aria-selected=true] {
  background: #2285c4;
}

.tab-container>.tablist>li>.tab.-tsumitate:hover:after,.tab-container>.tablist>li>.tab.-tsumitate:after:after,.tab-container>.tablist>li>.tab.-tsumitate[aria-selected=true]:after {
  background: #2285c4;
}

.tab-container>.tablist>li>.tab.-unyou {
  color: #3b7900;
}

.tab-container>.tablist>li>.tab.-unyou:hover,.tab-container>.tablist>li>.tab.-unyou:after,.tab-container>.tablist>li>.tab.-unyou[aria-selected=true] {
  background: #6cac2e;
}

.tab-container>.tablist>li>.tab.-unyou:hover:after,.tab-container>.tablist>li>.tab.-unyou:after:after,.tab-container>.tablist>li>.tab.-unyou[aria-selected=true]:after {
  background: #6cac2e;
}

.tab-container>.tablist>li>.tab.-seikatsu {
  color: #906200;
}

.tab-container>.tablist>li>.tab.-seikatsu:hover,.tab-container>.tablist>li>.tab.-seikatsu:after,.tab-container>.tablist>li>.tab.-seikatsu[aria-selected=true] {
  background: #eba802;
}

.tab-container>.tablist>li>.tab.-seikatsu:hover:after,.tab-container>.tablist>li>.tab.-seikatsu:after:after,.tab-container>.tablist>li>.tab.-seikatsu[aria-selected=true]:after {
  background: #eba802;
}

.tab-container>.tablist>li>.tab.-tsumitate:hover,.tab-container>.tablist>li>.tab.-tsumitate[aria-selected=true],.tab-container>.tablist>li>.tab.-unyou:hover,.tab-container>.tablist>li>.tab.-unyou[aria-selected=true],.tab-container>.tablist>li>.tab.-seikatsu:hover,.tab-container>.tablist>li>.tab.-seikatsu[aria-selected=true] {
  color: #fff;
}

.panel-box.-tsumitate>.title {
  border-bottom: 3px solid #2285c4;
  background: #d3ebf7;
}

.panel-box.-unyou>.title {
  border-bottom: 3px solid #6cac2e;
  background: #ddf1ca;
}

.panel-box.-seikatsu>.title {
  border-bottom: 3px solid #eba802;
  background: #f6e6bc;
}

.box.-emphasis.-tsumitate {
  background: #f3fbfe;
}

.box.-emphasis.-unyou {
  background: #f6fbef;
}

.box.-emphasis.-seikatsu {
  background: #fffbef;
}

.js-simulation-svg>svg {
  display: block;
}

.theme-hajimete-top .main-container>.column.-main {
  padding-top: 40px;
  padding-right: 0;
  padding-left: 0;
}

.theme-hajimete-top .block.-panel {
  position: relative;
  margin: 0;
}

.theme-hajimete-top .block.-inner {
  padding-right: 10px;
  padding-left: 10px;
}

.theme-hajimete-top #panel-title .block.-inner {
  position: relative;
}

.theme-hajimete-top #panel-title .ttl {
  display: flex;
  margin-bottom: 30px;
}

.theme-hajimete-top #panel-title .ttl>.title {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  max-width: 1240px;
  margin: auto;
}

.theme-hajimete-top #panel-title .ttl>.subtitle {
  position: absolute;
  top: 30px;
  right: 0;
  display: block;
}

.theme-hajimete-top #panel-title .txt.-lead {
  position: relative;
  max-width: 1240px;
  margin: auto;
}

.theme-hajimete-top .block.-panel.-panel-hajimete-main>.block.-inner {
  position: relative;
}

.theme-hajimete-top .block.-panel.-panel-hajimete-main>.block.-inner:before {
  position: absolute;
  z-index: -1;
  display: block;
  width: calc(1360/1920*100%);
  content: '';
  background: #fbf7f7;
}

.theme-hajimete-top .block.-panel.-panel-hajimete-main .box.-hajimete-main {
  z-index: 1;
  background: #fff;
}

.theme-hajimete-top .block.-panel.-panel-hajimete-main .box.-hajimete-main:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  content: '';
  background: inherit;
}

.theme-hajimete-top #panel-hajimete-01 .box.-hajimete-main:before,.theme-hajimete-top #panel-hajimete-03 .box.-hajimete-main:before {
  box-shadow: 5px 5px 10px 1px rgba(0,0,0,.1);
}

.theme-hajimete-top #panel-hajimete-02 .box.-hajimete-main:before,.theme-hajimete-top #panel-hajimete-04 .box.-hajimete-main:before {
  box-shadow: -5px 5px 10px 1px rgba(0,0,0,.1);
}

.theme-hajimete-top #panel-hajimete-01>.block.-inner:before {
  top: 0;
  right: 0;
  bottom: 0;
}

.theme-hajimete-top #panel-hajimete-02>.block.-inner:before {
  top: 0;
  right: 0;
  bottom: 60%;
}

.theme-hajimete-top #panel-hajimete-02>.block.-inner:after {
  position: absolute;
  z-index: -1;
  top: 40%;
  bottom: 0;
  left: 0;
  display: block;
  width: calc(1360/1920*100%);
  content: '';
  background: #fbf7f7;
}

.theme-hajimete-top #panel-hajimete-03>.block.-inner:before,.theme-hajimete-top #panel-hajimete-04>.block.-inner:before {
  top: 0;
  bottom: 0;
  left: 0;
}

.theme-hajimete-top .dlist.-general.-hajimete-main {
  position: relative;
}

.theme-hajimete-top .dlist.-general.-hajimete-main>dt:not(:first-child) {
  margin-top: 30px;
}

.theme-hajimete-top .dlist.-general.-hajimete-main>dd {
  margin-top: 15px;
}

.theme-hajimete-top .link.-forward.-hajimete-main {
  font-size: .2rem;
  font-weight: 400;
  line-height: 1.64;
  padding-left: 25px;
  color: #e10a17;
}

.theme-hajimete-top .link.-forward.-hajimete-main:before {
  top: calc(.85em - 6px);
  width: 10px;
  height: 10px;
  transform: rotate(35deg) scale(1.1,1) skew(-20deg);
  border-color: #e10a17;
}

.theme-hajimete-top .btn.-primary.-hajimete-main {
  text-align: left;
  border-radius: 0;
}

.theme-hajimete-top .btn.-primary.-hajimete-main>b {
  padding-left: 10px;
}

.theme-hajimete-top #panel-hajimete-seminar {
  padding-top: 0;
  padding-bottom: 60px;
}

.theme-hajimete-top .article-card.-hajimete-esg>a {
  padding: 20px;
}

.theme-hajimete-top .article-card.-hajimete-esg>a .summary {
  padding: 0;
}

.theme-hajimete-top .article-card.-hajimete-esg>a .summary>.title {
  font-size: .22rem;
  line-height: 1.58182;
  padding-bottom: 10px;
  border-bottom: 1px solid #e10a17;
}

.theme-hajimete-top .article-card.-hajimete-esg>a .summary>.contents {
  margin-top: 15px;
}

.theme-hajimete-top #panel-hajimete-knowledge,.theme-hajimete-top #panel-hajimete-tools {
  padding-top: 50px;
}

.theme-hajimete-top #panel-hajimete-knowledge .ttl,.theme-hajimete-top #panel-hajimete-tools .ttl {
  margin: auto;
  text-align: center;
}

.theme-hajimete-top #panel-hajimete-knowledge .ttl {
  margin-bottom: 50px;
}

.theme-hajimete-top .article-card.-hajimete {
  border: 2px solid #e10a17;
  border-top-width: 8px;
  box-shadow: none;
}

.theme-hajimete-top .article-card.-hajimete>a {
  padding: 15px;
}

.theme-hajimete-top .article-card.-hajimete .summary {
  padding: 0;
}

.theme-hajimete-top .article-card.-hajimete .summary>.title {
  font-size: .22rem;
  line-height: 1.58182;
  color: #e10a17;
}

.theme-hajimete-top .article-card.-hajimete .summary>.contents {
  margin-top: 20px;
}

.theme-hajimete-top .panel-box.-hajimete-knowledge {
  border-width: 2px;
}

.theme-hajimete-top .panel-box.-hajimete-knowledge>.title {
  border: none;
  background: #f4f4f4;
}

.theme-hajimete-top .panel-box.-hajimete-knowledge>.contents {
  padding: 15px 10px;
}

.theme-hajimete-top #panel-hajimete-tools {
  padding-bottom: 60px;
}

.theme-hajimete-top #panel-hajimete-tools .ttl {
  margin-bottom: 50px;
}

.theme-hajimete-top .block.-hajimete-title {
  position: relative;
  margin-bottom: 50px;
  padding-bottom: 40px;
}

.theme-hajimete-top .block.-hajimete-title:after {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 50px;
  height: 1px;
  content: '';
  background: #e10a17;
}

.theme-hajimete-top .block.-hajimete-title>.ttl {
  font-size: .3rem;
  font-weight: 400;
  line-height: 1.42667;
  margin-bottom: 30px;
  color: #e10a17;
}

.theme-hajimete-top .box.-conversion.-hajimete-conversion {
  margin-top: 0;
  padding-top: 60px;
  padding-bottom: 60px;
}

.theme-hajimete-top .box.-conversion.-hajimete-conversion .box-title {
  font-size: .22rem;
  line-height: 1.58182;
}

.theme-hajimete-top .box.-conversion.-hajimete-conversion .btn {
  width: 465px;
  margin-top: 20px;
}

.graphsvg-container {
  position: relative;
  height: 0;
  padding-top: calc(402/854*100%);
}

.graphsvg-container>svg {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: 100%;
}

.tbl-wrapper {
  position: relative;
  margin: 1.5em 0 0;
}

.tbl-wrapper:first-child {
  margin-top: 0;
}

.tbl-wrapper .block.-scroll-x {
  overflow-y: hidden;
}

.tbl-wrapper .scroll-control {
  font-size: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  width: 40px;
  cursor: pointer;
}

.tbl-wrapper .scroll-control:after {
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  width: 15px;
  height: 15px;
  margin: auto;
  content: '';
  border-width: 0 3px 3px 0;
  border-style: solid;
  border-color: #fff;
  box-shadow: 1px 1px 1px 0 rgba(0,0,0,.25);
}

.tbl-wrapper .scroll-control.-prev {
  left: 0;
  display: none;
  background: linear-gradient(to left,transparent,rgba(51,51,51,.25));
}

.tbl-wrapper .scroll-control.-prev:after {
  left: 15px;
  transform: rotate(135deg);
}

.tbl-wrapper .scroll-control.-next {
  right: 0;
  background: linear-gradient(to right,transparent,rgba(51,51,51,.25));
}

.tbl-wrapper .scroll-control.-next:after {
  right: 15px;
  transform: rotate(-45deg);
}

.tbl-wrapper.-scrolling .scroll-control.-next {
  display: none;
}

.tbl-wrapper.-scrolling-end .scroll-control.-prev {
  display: block;
}

.tbl-wrapper .tbl {
  margin: 0;
}

.tbl-wrapper.-noscroll .block.-scroll {
  overflow: hidden;
}

.tbl-wrapper.-noscroll .scroll-control {
  display: none;
}

.tbl-wrapper.-noscroll .graphsvg-container>svg {
  width: auto;
}

html.ie11 .tbl-wrapper:not(.-noscroll) .graphsvg-container {
  padding-top: calc(402/854*100% + 16px);
}

html.ie11 .tbl-wrapper:not(.-noscroll) .graphsvg-container>svg {
  height: calc(100% - 16px);
}

.box.-kinri {
  background: #fff8e5;
}

.tbl.-secondary>tbody .-difference-stock th {
  background: #fbe5d6;
}

.tbl.-secondary>tbody .-difference-stock td {
  background: #fdf2eb;
}

.tbl.-secondary>tbody .-difference-bond th {
  background: #deebf7;
}

.tbl.-secondary>tbody .-difference-bond td {
  background: #eff5fb;
}

.-fstock-hajimete .fig.block {
  width: fit-content;
  margin-right: auto;
  margin-left: auto;
}

@media print,screen and (min-width:768px) {
  .ttl.-secondary.-hajimete {
    font-size: .32rem;
    line-height: 1.4;
  }

  .article-card.-hajimete .image {
    padding: 20px;
  }

  .simulation-input input {
    width: 170px;
  }

  .simulation-input>.dlist {
    width: 440px;
    margin-right: auto;
    margin-left: auto;
  }

  .cont_simulation_box-content {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .cont_result_box {
    margin-top: 35px;
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .theme-hajimete-top .main-container {
    max-width: 100%;
    max-width: initial;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
  }

  .theme-hajimete-top .block.-inner {
    max-width: 1260px;
    margin: 0 auto;
  }

  .theme-hajimete-top .btn.-primary.-hajimete-main {
    min-width: 350px;
  }

  .theme-hajimete-top #panel-hajimete-seminar {
    padding-top: 0;
    padding-bottom: 90px;
  }

  .theme-hajimete-top .article-card.-hajimete-esg>a {
    padding: 40px;
  }

  .theme-hajimete-top #panel-hajimete-knowledge,.theme-hajimete-top #panel-hajimete-tools {
    padding-top: 80px;
  }

  .theme-hajimete-top .article-card.-hajimete>a {
    padding: 25px 20px 25px 30px;
  }

  .theme-hajimete-top .panel-box.-hajimete-knowledge>.contents {
    padding: 30px;
  }

  .theme-hajimete-top #panel-hajimete-tools {
    padding-bottom: 90px;
  }

  .theme-hajimete-top #panel-hajimete-tools .ttl {
    margin-bottom: 70px;
  }

  .theme-hajimete-top .block.-hajimete-title>.ttl {
    font-size: .36rem;
    line-height: 1.35556;
  }
}

@media print,screen and (min-width:1300px) {
  .theme-hajimete-top .main-container>.column.-main {
    padding-top: 60px;
  }

  .theme-hajimete-top #panel-title .block.-inner {
    max-width: 1920px;
    padding-bottom: 60px;
  }

  .theme-hajimete-top #panel-title .block.-inner:before {
    position: absolute;
    z-index: -1;
    right: 0;
    bottom: 0;
    display: block;
    width: calc(1360/1920*100%);
    height: 70px;
    content: '';
    background: #fbf7f7;
  }

  .theme-hajimete-top #panel-title .ttl>.subtitle {
    top: auto;
    bottom: 60px;
  }

  .theme-hajimete-top .block.-panel.-panel-hajimete-main>.block.-inner {
    display: flex;
    max-width: 1920px;
    padding-bottom: 70px;

    align-items: flex-start;
  }

  .theme-hajimete-top .block.-panel.-panel-hajimete-main>.block.-inner {
    padding-right: 0;
    padding-left: 0;
  }

  .theme-hajimete-top .block.-panel.-panel-hajimete-main .image {
    flex-basis: 50%;
  }

  .theme-hajimete-top .block.-panel.-panel-hajimete-main .box.-hajimete-main {
    min-width: 500px;
    margin: 100px 0 0;
    padding: 50px calc(120/1920*100% - 30px);

    flex-basis: 50%;
  }

  .theme-hajimete-top #panel-hajimete-01>.block.-inner,.theme-hajimete-top #panel-hajimete-03>.block.-inner {
    flex-direction: row-reverse;
  }

  .theme-hajimete-top #panel-hajimete-01 .box.-hajimete-main,.theme-hajimete-top #panel-hajimete-03 .box.-hajimete-main {
    right: calc(180/1920*100% - 50px);
  }

  .theme-hajimete-top #panel-hajimete-02 .box.-hajimete-main,.theme-hajimete-top #panel-hajimete-04 .box.-hajimete-main {
    left: calc(365/1920*100% - 120px);
  }
}

@media screen and (max-width:1299px) {
  .theme-hajimete-top .block.-panel.-panel-hajimete-main {
    margin-top: 20px;
    padding-top: 30px;
    padding-bottom: 30px;
    background: #fbf7f7;
  }

  .theme-hajimete-top .block.-panel.-panel-hajimete-main .image {
    margin-top: 10px;
  }
}

@media screen and (max-width:767px) {
  .ttl.-primary.-hajimete {
    line-height: 2.3;
  }

  .ttl.-primary.-hajimete>span:not(.txt) {
    padding: 10.5px;
  }

  .box.-general.-hajimete.-ranking>.title {
    font-size: .18rem;
    line-height: 1.71111;
  }

  .cont_calculation .tbl.-secondary.-sp-headless {
    margin-top: -15px;
  }

  .cont_calculation .tbl.-secondary.-sp-headless thead {
    display: none;
  }

  .cont_calculation .tbl.-secondary.-sp-headless tbody tr:first-child th,.cont_calculation .tbl.-secondary.-sp-headless tbody tr:first-child td {
    border-top: none;
  }

  .simulation-input th {
    white-space: nowrap;
  }

  .simulation-input input {
    width: calc(100% - 3em);
  }

  .simulation-icon {
    display: none;
  }

  .cont_simulation_box-content .dlist:not(.-transform) dt {
    flex-basis: auto;
    flex-grow: 0;
  }

  .cont_simulation_box-content .dlist:not(.-transform) dd {
    flex-basis: auto;
    flex-grow: 1;
  }

  .cont_result_box {
    margin-top: 35px;
    padding-bottom: 20px;
  }

  .cont_result_box>.row>.txt {
    flex-shrink: 1;
  }

  .theme-hajimete-top .btn.-primary.-hajimete-main {
    width: auto;
  }

  .theme-hajimete-top #panel-hajimete-knowledge .ttl,.theme-hajimete-top #panel-hajimete-tools .ttl {
    max-width: 400px;
    padding: 0 10px;
  }

  .theme-hajimete-top .box.-conversion.-hajimete-conversion .btn {
    width: 100%;
  }

  .graphsvg-container {
    padding-top: calc(402/854*100% + 5px);
  }

  .graphsvg-container>svg {
    height: calc(100% - 5px);
  }
}