@charset "UTF-8";
.riyousha [hidden] {
  display: none !important;
}
.riyousha .riyousha_mv {
  position: relative;
}
.riyousha .riyousha_mv .photobox {
  position: relative;
}
.riyousha .riyousha_mv .photobox .photo img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center top;
}
.riyousha .riyousha_mv .title {
  position: absolute;
  margin: 0;
  text-align: center;
  color: var(--white-color);
  font-weight: 900;
  text-shadow: 0 0 0.128rem rgba(0, 0, 0, 0.3);
}
@media print, screen and (min-width: 767px) {
  .riyousha .riyousha_mv .title { /* PC */
    top: 20%;
    width: 100%;
    font-size: 0.4267rem;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) {
  .riyousha .riyousha_mv .title { /* SP */
    top: 0;
    width: 100%;
    padding-top: 0.4519rem;
    font-size: 0.25rem;
    line-height: 1.3846;
    text-shadow: 0 0 0.0865rem rgba(0, 0, 0, 0.3);
  }
}
.riyousha .tabs {
  position: relative;
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
@media print, screen and (min-width: 767px) {
  .riyousha .tabs { /* PC */
    margin-top: -2rem;
  }
}
@media screen and (max-width: 767px) {
  .riyousha .tabs { /* SP */
    margin-top: -1.15rem;
  }
}
.riyousha .tab {
  position: relative;
  z-index: 2;
  display: block;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  background-color: #707070;
  color: #EEEFEF;
  font-family: inherit;
  font-weight: bold;
  cursor: pointer;
  text-align: center;
}
@media print, screen and (min-width: 767px) {
  .riyousha .tab { /* PC */
    width: 5.0133rem;
    height: 0.992rem;
    border-radius: 0.1067rem 0.1067rem 0 0;
  }
}
@media screen and (max-width: 767px) {
  .riyousha .tab { /* SP */
    width: 1.5rem;
    height: 0.85rem;
    border-radius: 0.08rem 0.08rem 0 0;
  }
}
@media print, screen and (min-width: 767px) {
  .riyousha .tab + .tab { /* PC */
    margin-left: 0.32rem;
    width: 5.2267rem;
  }
}
@media screen and (max-width: 767px) {
  .riyousha .tab + .tab { /* SP */
    margin-left: 0.08rem;
    width: 1.75rem;
  }
}
.riyousha .tab .inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}
.riyousha .tab .text {
  display: block;
}
@media print, screen and (min-width: 767px) {
  .riyousha .tab .text { /* PC */
    font-size: 0.256rem;
    line-height: 1.25;
  }
}
@media screen and (max-width: 767px) {
  .riyousha .tab .text { /* SP */
    font-size: 0.1538rem;
    line-height: 1.25;
  }
}
.riyousha .tab .sub {
  display: block;
}
@media print, screen and (min-width: 767px) {
  .riyousha .tab .sub { /* PC */
    font-size: 0.1387rem;
    line-height: 1.4615;
  }
}
@media screen and (max-width: 767px) {
  .riyousha .tab .sub { /* SP */
    font-size: 0.1058rem;
    line-height: 1.2727;
  }
}
.riyousha .tab[aria-selected=true] {
  color: var(--white-color);
  background-color: #DAF5FE;
}
@media print, screen and (min-width: 767px) {
  .riyousha .tab[aria-selected=true] { /* PC */
    padding: 0.1067rem 0.1067rem 0;
    border-radius: 0.1067rem 0.1067rem 0 0;
  }
}
@media screen and (max-width: 767px) {
  .riyousha .tab[aria-selected=true] { /* SP */
    padding: 0.0769rem 0.0769rem 0;
    border-radius: 0.0962rem 0.0962rem 0 0;
  }
}
.riyousha .tab[aria-selected=true] .inner {
  background: linear-gradient(90deg, #04B5D6 0%, #7ED8FD 100%);
}
@media print, screen and (min-width: 767px) {
  .riyousha .tab[aria-selected=true] .inner { /* PC */
    border-radius: 0.0533rem 0.0533rem 0 0;
  }
}
@media screen and (max-width: 767px) {
  .riyousha .tab[aria-selected=true] .inner { /* SP */
    border-radius: 0.0481rem 0.0481rem 0 0;
  }
}
.riyousha .tab.-igai[aria-selected=true] {
  background-color: #F3F2ED;
}
.riyousha .tab.-igai[aria-selected=true] .inner {
  background: linear-gradient(90deg, #E4771A 0%, #F9BA51 100%);
}
.riyousha .riyousha_procedure {
  position: relative;
  z-index: 1;
  background-color: #DAF5FE;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
@media print, screen and (min-width: 767px) {
  .riyousha .riyousha_procedure { /* PC */
    border-radius: 0.6rem;
    padding-bottom: 0.7467rem;
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .riyousha .riyousha_procedure { /* SP */
    border-radius: 0.2308rem;
    padding-bottom: 0.4808rem;
    margin-bottom: 0.7rem;
  }
}
.riyousha .riyousha_procedure.-igai {
  background-color: #F3F2ED;
}
.riyousha .riyousha_procedure > .in {
  box-sizing: border-box;
  margin: 0 auto;
}
@media print, screen and (min-width: 767px) {
  .riyousha .riyousha_procedure > .in { /* PC */
    width: 10.6667rem;
    padding-top: 0.8107rem;
  }
}
@media screen and (max-width: 767px) {
  .riyousha .riyousha_procedure > .in { /* SP */
    width: 100%;
    padding: 0.2404rem 0.1923rem 0;
  }
}
.riyousha .proccard {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  background: linear-gradient(90deg, #04B5D6 0%, #7ED8FD 100%);
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
  color: var(--white-color);
  text-decoration: none;
}
@media print, screen and (min-width: 767px) {
  .riyousha .proccard { /* PC */
    width: 5.6533rem;
    min-height: 1.4933rem;
    margin: 0 auto;
    padding: 0.4907rem 0.4907rem 0.16rem;
    border-radius: 0.16rem;
  }
}
@media screen and (max-width: 767px) {
  .riyousha .proccard { /* SP */
    width: 100%;
    min-height: 1.25rem;
    padding: 0.4038rem 0.2308rem 0.16rem;
    border-radius: 0.1442rem;
  }
}
.riyousha .proccard.-navy {
  background: linear-gradient(90deg, #0A2D71 0%, #006DBA 100%);
}
.riyousha .proccard .badge {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  background-color: #3080C5;
  font-weight: bold;
  white-space: nowrap;
}
@media print, screen and (min-width: 767px) {
  .riyousha .proccard .badge { /* PC */
    top: 0.16rem;
    min-width: 1.8347rem;
    height: 0.32rem;
    padding: 0 0.1707rem;
    border-radius: 0.16rem;
    font-size: 0.1493rem;
  }
}
@media screen and (max-width: 767px) {
  .riyousha .proccard .badge { /* SP */
    top: 0.125rem;
    min-width: 1.7308rem;
    height: 0.25rem;
    padding: 0 0.1154rem;
    border-radius: 0.125rem;
    font-size: 0.125rem;
  }
}
.riyousha .proccard .icon {
  position: absolute;
  width: auto;
}
@media print, screen and (min-width: 767px) {
  .riyousha .proccard .icon { /* PC */
    left: 0.3rem;
    top: 50%;
    height: 0.672rem;
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 767px) {
  .riyousha .proccard .icon { /* SP */
    left: 0.2212rem;
    top: 50%;
    height: 0.5096rem;
    transform: translateY(-50%);
  }
}
.riyousha .proccard .name {
  display: block;
  font-weight: bold;
  text-align: center;
}
@media print, screen and (min-width: 767px) {
  .riyousha .proccard .name { /* PC */
    font-size: 0.2347rem;
    line-height: 1.3636;
  }
}
@media screen and (max-width: 767px) {
  .riyousha .proccard .name { /* SP */
    font-size: 0.1731rem;
    line-height: 1.3333;
  }
}
@media print, screen and (min-width: 767px) {
  .riyousha .proccard.-navy .name { /* PC */
    font-size: 0.2773rem;
  }
}
@media screen and (max-width: 767px) {
  .riyousha .proccard.-navy .name { /* SP */
    font-size: 0.2115rem;
  }
}
.riyousha .proccard .arrow {
  position: absolute;
  display: block;
  border-style: solid;
  border-color: var(--white-color);
  transform: translateY(-50%) rotate(45deg);
}
@media print, screen and (min-width: 767px) {
  .riyousha .proccard .arrow { /* PC */
    right: 0.2987rem;
    top: 50%;
    width: 0.1173rem;
    height: 0.1173rem;
    border-width: 0.0267rem 0.0267rem 0 0;
  }
}
@media screen and (max-width: 767px) {
  .riyousha .proccard .arrow { /* SP */
    right: 0.1731rem;
    top: 50%;
    width: 0.0962rem;
    height: 0.0962rem;
    border-width: 0.0192rem 0.0192rem 0 0;
  }
}
@media (hover) {
  .riyousha .proccard:hover {
    opacity: 0.85;
  }
}
.riyousha .-igai .proccard {
  background: linear-gradient(90deg, #E4771A 0%, #F9BA51 100%);
}
.riyousha .-igai .proccard .badge {
  background-color: #977F53;
}
.riyousha .lead {
  text-align: center;
  font-weight: bold;
}
@media print, screen and (min-width: 767px) {
  .riyousha .lead { /* PC */
    margin: 0.64rem auto 0;
    font-size: 0.256rem;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) {
  .riyousha .lead { /* SP */
    margin: 0.2692rem auto 0;
    font-size: 0.1923rem;
    line-height: 1.4;
  }
}
.riyousha .proctext {
  font-weight: bold;
}
@media print, screen and (min-width: 767px) {
  .riyousha .proctext { /* PC */
    margin: 0.256rem auto 0;
    text-align: center;
    font-size: 0.1707rem;
    line-height: 2.25;
  }
}
@media screen and (max-width: 767px) {
  .riyousha .proctext { /* SP */
    margin: 0.14rem auto 0;
    font-size: 0.1346rem;
    line-height: 1.6;
  }
}
@media print, screen and (min-width: 767px) {
  .riyousha .proctext + .proccard,
  .riyousha .proccard + .proccard,
  .riyousha .cautionbox + .proccard { /* PC */
    margin-top: 0.5973rem;
  }
}
@media screen and (max-width: 767px) {
  .riyousha .proctext + .proccard,
  .riyousha .proccard + .proccard,
  .riyousha .cautionbox + .proccard { /* SP */
    margin-top: 0.3269rem;
  }
}
@media print, screen and (min-width: 767px) {
  .riyousha .simulation + .proccard { /* PC */
    margin-top: 0.8533rem;
  }
}
@media screen and (max-width: 767px) {
  .riyousha .simulation + .proccard { /* SP */
    margin-top: 0.5385rem;
  }
}
.riyousha .conditionbox {
  box-sizing: border-box;
  background-color: var(--white-color);
}
@media print, screen and (min-width: 767px) {
  .riyousha .conditionbox { /* PC */
    margin: 0.512rem auto 0;
    padding: 0.2773rem 0.5973rem 0.32rem;
  }
}
@media screen and (max-width: 767px) {
  .riyousha .conditionbox { /* SP */
    margin: 0.2308rem auto 0;
    padding: 0.1731rem 0.1538rem 0.2115rem;
  }
}
.riyousha .conditionbox .title {
  text-align: center;
  font-weight: bold;
}
@media print, screen and (min-width: 767px) {
  .riyousha .conditionbox .title { /* PC */
    font-size: 0.1707rem;
    line-height: 2.25;
    padding-bottom: 0.0853rem;
    border-bottom: 1px solid #C9C9C9;
  }
}
@media screen and (max-width: 767px) {
  .riyousha .conditionbox .title { /* SP */
    font-size: 0.1538rem;
    line-height: 1.75;
    padding-bottom: 0.0769rem;
    border-bottom: 1px solid #C9C9C9;
  }
}
@media print, screen and (min-width: 767px) {
  .riyousha .conditionbox .list { /* PC */
    margin-top: 0.1707rem;
  }
}
@media screen and (max-width: 767px) {
  .riyousha .conditionbox .list { /* SP */
    margin-top: 0.1154rem;
  }
}
.riyousha .conditionbox .item {
  position: relative;
  font-weight: bold;
}
@media print, screen and (min-width: 767px) {
  .riyousha .conditionbox .item { /* PC */
    padding-left: 0.192rem;
    font-size: 0.1707rem;
    line-height: 1.875;
  }
}
@media screen and (max-width: 767px) {
  .riyousha .conditionbox .item { /* SP */
    padding-left: 0.1538rem;
    font-size: 0.1538rem;
    line-height: 1.5;
  }
}
.riyousha .conditionbox .item:before {
  content: "・";
  position: absolute;
  left: 0;
  top: 0;
}
.riyousha .cautionbox {
  display: flex;
  align-items: center;
}
@media print, screen and (min-width: 767px) {
  .riyousha .cautionbox { /* PC */
    margin: 0.256rem auto 0;
    width: 5.6533rem;
  }
}
@media screen and (max-width: 767px) {
  .riyousha .cautionbox { /* SP */
    margin: 0.1538rem auto 0;
  }
}
.riyousha .cautionbox .head {
  flex-shrink: 0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1.5px solid #D70035;
  background-color: var(--white-color);
  color: #E60012;
  font-weight: bold;
}
@media print, screen and (min-width: 767px) {
  .riyousha .cautionbox .head { /* PC */
    width: 0.8533rem;
    height: 0.4693rem;
    margin-right: 0.1387rem;
    border-radius: 0.0533rem;
    font-size: 0.1707rem;
  }
}
@media screen and (max-width: 767px) {
  .riyousha .cautionbox .head { /* SP */
    width: 0.6731rem;
    height: 0.5769rem;
    margin-right: 0.1154rem;
    border-radius: 0.0481rem;
    font-size: 0.1346rem;
  }
}
@media print, screen and (min-width: 767px) {
  .riyousha .cautionbox .text { /* PC */
    font-size: 0.1707rem;
    line-height: 1.625;
    padding-top: 0.032rem;
  }
}
@media screen and (max-width: 767px) {
  .riyousha .cautionbox .text { /* SP */
    font-size: 0.1346rem;
    line-height: 1.4286;
  }
}
@media print, screen and (min-width: 767px) {
  .riyousha .conditionbox + .cautionbox { /* PC */
    width: 7.9893rem;
  }
  .riyousha .conditionbox + .cautionbox .head {
    width: 1.0667rem;
    height: 0.3627rem;
    margin-right: 0.096rem;
  }
}
.riyousha .simulation {
  background-color: var(--white-color);
  overflow: hidden;
}
@media print, screen and (min-width: 767px) {
  .riyousha .simulation { /* PC */
    margin: 0.7467rem auto 0;
    border-radius: 0.2133rem;
  }
}
@media screen and (max-width: 767px) {
  .riyousha .simulation { /* SP */
    margin: 0.3846rem auto 0;
    border-radius: 0.1923rem;
  }
}
.riyousha .simulation .simhead {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #26B2E6;
}
@media print, screen and (min-width: 767px) {
  .riyousha .simulation .simhead { /* PC */
    height: 0.7467rem;
  }
}
@media screen and (max-width: 767px) {
  .riyousha .simulation .simhead { /* SP */
    height: 0.5769rem;
  }
}
@media print, screen and (min-width: 767px) {
  .riyousha .simulation .simhead .icon { /* PC */
    width: 0.32rem;
    height: 0.448rem;
    margin-right: 0.3093rem;
  }
}
@media screen and (max-width: 767px) {
  .riyousha .simulation .simhead .icon { /* SP */
    width: 0.2308rem;
    height: 0.3269rem;
    margin-right: 0.2115rem;
  }
}
.riyousha .simulation .simhead .title {
  color: var(--white-color);
  font-weight: bold;
}
@media print, screen and (min-width: 767px) {
  .riyousha .simulation .simhead .title { /* PC */
    font-size: 0.256rem;
  }
}
@media screen and (max-width: 767px) {
  .riyousha .simulation .simhead .title { /* SP */
    font-size: 0.1923rem;
  }
}
.riyousha .simulation .simbody {
  box-sizing: border-box;
  border: 2px solid #26B2E6;
}
@media print, screen and (min-width: 767px) {
  .riyousha .simulation .simbody { /* PC */
    border-radius: 0 0 0.2133rem 0.2133rem;
    padding: 0.2987rem 0.672rem 0.8107rem;
  }
}
@media screen and (max-width: 767px) {
  .riyousha .simulation .simbody { /* SP */
    border-radius: 0 0 0.1923rem 0.1923rem;
    padding: 0.1923rem 0.2404rem 0.2692rem;
  }
}
.riyousha .simulation .simlead {
  text-align: center;
  font-weight: bold;
}
@media print, screen and (min-width: 767px) {
  .riyousha .simulation .simlead { /* PC */
    font-size: 0.192rem;
    line-height: 1.4444;
  }
}
@media screen and (max-width: 767px) {
  .riyousha .simulation .simlead { /* SP */
    font-size: 0.1538rem;
    line-height: 1.5;
  }
}
.riyousha .simulation .guidelink {
  display: flex;
  justify-content: center;
}
@media print, screen and (min-width: 767px) {
  .riyousha .simulation .guidelink { /* PC */
    margin-top: 0.192rem;
  }
}
@media screen and (max-width: 767px) {
  .riyousha .simulation .guidelink { /* SP */
    margin-top: 0.1346rem;
  }
}
.riyousha .simulation .guidelink .link {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: var(--text-color);
  font-family: inherit;
  cursor: pointer;
  text-align: left;
}
.riyousha .simulation .guidelink .link .icon {
  flex-shrink: 0;
}
@media print, screen and (min-width: 767px) {
  .riyousha .simulation .guidelink .link .icon { /* PC */
    width: 0.2133rem;
    height: 0.2133rem;
    margin-right: 0.128rem;
  }
}
@media screen and (max-width: 767px) {
  .riyousha .simulation .guidelink .link .icon { /* SP */
    width: 0.1731rem;
    height: 0.1731rem;
    margin-right: 0.0962rem;
  }
}
.riyousha .simulation .guidelink .link .text {
  text-decoration: underline;
}
@media print, screen and (min-width: 767px) {
  .riyousha .simulation .guidelink .link .text { /* PC */
    font-size: 0.1493rem;
    line-height: 1.5714;
  }
}
@media screen and (max-width: 767px) {
  .riyousha .simulation .guidelink .link .text { /* SP */
    font-size: 0.1346rem;
    line-height: 1.5714;
  }
}
@media (hover) {
  .riyousha .simulation .guidelink .link:hover .text {
    text-decoration: none;
  }
}
@media print, screen and (min-width: 767px) {
  .riyousha .simulation .siminput { /* PC */
    margin-top: 0.2773rem;
  }
}
@media screen and (max-width: 767px) {
  .riyousha .simulation .siminput { /* SP */
    margin-top: 0.1923rem;
  }
}
.riyousha .simulation .inputgroup {
  background-color: #F7F9FA;
}
@media print, screen and (min-width: 767px) {
  .riyousha .simulation .inputgroup { /* PC */
    display: flex;
    align-items: stretch;
    min-height: 0.8533rem;
  }
}
@media screen and (max-width: 767px) {
  .riyousha .simulation .inputgroup { /* SP */
    display: block;
  }
}
@media print, screen and (min-width: 767px) {
  .riyousha .simulation .inputgroup + .inputgroup { /* PC */
    margin-top: 0.0533rem;
  }
}
@media screen and (max-width: 767px) {
  .riyousha .simulation .inputgroup + .inputgroup { /* SP */
    margin-top: 0.1346rem;
  }
}
.riyousha .simulation .inputlabel {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  background-color: #EEEFEF;
}
@media print, screen and (min-width: 767px) {
  .riyousha .simulation .inputlabel { /* PC */
    width: 3.2rem;
    flex-shrink: 0;
    padding: 0.192rem 0.2133rem 0.192rem 0.4267rem;
  }
}
@media screen and (max-width: 767px) {
  .riyousha .simulation .inputlabel { /* SP */
    padding: 0.1154rem 0.1346rem;
  }
}
.riyousha .simulation .inputlabel .num {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #26B2E6;
  color: var(--white-color);
  font-weight: bold;
}
@media print, screen and (min-width: 767px) {
  .riyousha .simulation .inputlabel .num { /* PC */
    width: 0.32rem;
    height: 0.32rem;
    margin-right: 0.1493rem;
    font-size: 0.2133rem;
  }
}
@media screen and (max-width: 767px) {
  .riyousha .simulation .inputlabel .num { /* SP */
    width: 0.2308rem;
    height: 0.2308rem;
    margin-right: 0.0962rem;
    font-size: 0.1635rem;
  }
}
.riyousha .simulation .inputlabel .name {
  font-weight: bold;
}
@media print, screen and (min-width: 767px) {
  .riyousha .simulation .inputlabel .name { /* PC */
    font-size: 0.192rem;
    line-height: 1.375;
  }
}
@media screen and (max-width: 767px) {
  .riyousha .simulation .inputlabel .name { /* SP */
    font-size: 0.1538rem;
    line-height: 1.375;
  }
}
.riyousha .simulation .inputlabel .tag {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white-color);
  font-weight: bold;
}
@media print, screen and (min-width: 767px) {
  .riyousha .simulation .inputlabel .tag { /* PC */
    margin-left: 0.128rem;
    width: 0.4267rem;
    height: 0.2347rem;
    font-size: 0.128rem;
  }
}
@media screen and (max-width: 767px) {
  .riyousha .simulation .inputlabel .tag { /* SP */
    margin-left: 0.0962rem;
    width: 0.4038rem;
    height: 0.2115rem;
    font-size: 0.1154rem;
  }
}
.riyousha .simulation .inputlabel .tag.-required {
  background-color: #E60012;
}
.riyousha .simulation .inputlabel .tag.-optional {
  background-color: #A6A6A6;
}
.riyousha .simulation .inputfield {
  box-sizing: border-box;
}
@media print, screen and (min-width: 767px) {
  .riyousha .simulation .inputfield { /* PC */
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }
}
@media screen and (max-width: 767px) {
  .riyousha .simulation .inputfield { /* SP */
    padding: 0.1154rem 0.1346rem 0.1346rem;
  }
}
.riyousha .simulation .itemwrap {
  display: flex;
  align-items: flex-end;
  box-sizing: border-box;
}
@media print, screen and (min-width: 767px) {
  .riyousha .simulation .itemwrap { /* PC */
    order: 1;
    align-self: center;
    width: 3.4133rem;
    padding: 0 0 0 0.4267rem;
  }
}
@media screen and (max-width: 767px) {
  .riyousha .simulation .itemwrap { /* SP */
    padding: 0;
  }
}
.riyousha .simulation .itemwrap .input_text,
.riyousha .simulation .itemwrap .input_number,
.riyousha .simulation .itemwrap .input_select {
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #B5B5B6;
  background-color: var(--white-color);
  font-family: inherit;
  color: var(--text-color);
}
@media print, screen and (min-width: 767px) {
  .riyousha .simulation .itemwrap .input_text,
  .riyousha .simulation .itemwrap .input_number,
  .riyousha .simulation .itemwrap .input_select { /* PC */
    width: 2.24rem;
    height: 0.4907rem;
    padding: 0 0.128rem;
    font-size: 0.1707rem;
    border-radius: 0.0213rem;
  }
}
@media screen and (max-width: 767px) {
  .riyousha .simulation .itemwrap .input_text,
  .riyousha .simulation .itemwrap .input_number,
  .riyousha .simulation .itemwrap .input_select { /* SP */
    height: 0.4231rem;
    padding: 0 0.0962rem;
    font-size: 0.1538rem;
    border-radius: 0.0192rem;
  }
}
.riyousha .simulation .itemwrap .input_select {
  appearance: none;
  -webkit-appearance: none;
}
.riyousha .simulation .itemwrap .unit {
  flex-shrink: 0;
  font-weight: bold;
}
@media print, screen and (min-width: 767px) {
  .riyousha .simulation .itemwrap .unit { /* PC */
    margin-left: 0.064rem;
    font-size: 0.2133rem;
  }
}
@media screen and (max-width: 767px) {
  .riyousha .simulation .itemwrap .unit { /* SP */
    margin-left: 0.0769rem;
    font-size: 0.1731rem;
  }
}
.riyousha .simulation .err_msg {
  box-sizing: border-box;
  color: #E60012;
  font-weight: bold;
}
@media print, screen and (min-width: 767px) {
  .riyousha .simulation .err_msg { /* PC */
    order: 3;
    width: 100%;
    padding: 0 0 0.128rem 0.4267rem;
    font-size: 0.1387rem;
  }
}
@media screen and (max-width: 767px) {
  .riyousha .simulation .err_msg { /* SP */
    margin-top: 0.0577rem;
    font-size: 0.125rem;
  }
}
.riyousha .simulation .note {
  box-sizing: border-box;
}
@media print, screen and (min-width: 767px) {
  .riyousha .simulation .note { /* PC */
    order: 2;
    width: calc(100% - 3.4133rem);
    padding: 0.1067rem 0.2133rem 0.1067rem 0;
    font-size: 0.128rem;
    line-height: 1.6667;
  }
}
@media screen and (max-width: 767px) {
  .riyousha .simulation .note { /* SP */
    margin-top: 0.0769rem;
    font-size: 0.1154rem;
    line-height: 1.4615;
  }
}
.riyousha .simulation .simsubmitwrap {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media print, screen and (min-width: 767px) {
  .riyousha .simulation .simsubmitwrap { /* PC */
    margin-top: 0.3627rem;
  }
}
@media screen and (max-width: 767px) {
  .riyousha .simulation .simsubmitwrap { /* SP */
    flex-direction: column;
    margin-top: 0.25rem;
  }
}
.riyousha .simulation .calsubmit {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border: 0;
  background-color: #2E80C6;
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
  color: var(--white-color);
  font-family: inherit;
  font-weight: bold;
  cursor: pointer;
}
@media print, screen and (min-width: 767px) {
  .riyousha .simulation .calsubmit { /* PC */
    width: 4.5227rem;
    height: 0.7253rem;
    border-radius: 0.3627rem;
    font-size: 0.2133rem;
  }
}
@media screen and (max-width: 767px) {
  .riyousha .simulation .calsubmit { /* SP */
    width: 100%;
    height: 0.4808rem;
    border-radius: 0.2404rem;
    font-size: 0.1731rem;
  }
}
.riyousha .simulation .calsubmit .arrow {
  position: absolute;
  display: block;
  border-style: solid;
  border-color: var(--white-color);
  transform: rotate(135deg);
}
@media print, screen and (min-width: 767px) {
  .riyousha .simulation .calsubmit .arrow { /* PC */
    top: 0.272rem;
    right: 0.3627rem;
    width: 0.128rem;
    height: 0.128rem;
    border-width: 0.032rem 0.032rem 0 0;
  }
}
@media screen and (max-width: 767px) {
  .riyousha .simulation .calsubmit .arrow { /* SP */
    top: 0.1442rem;
    right: 0.25rem;
    width: 0.1154rem;
    height: 0.1154rem;
    border-width: 0.0192rem 0.0192rem 0 0;
  }
}
.riyousha .simulation .calsubmit:disabled {
  opacity: 0.45;
  cursor: default;
}
@media (hover) {
  .riyousha .simulation .calsubmit:not(:disabled):hover {
    opacity: 0.85;
  }
}
.riyousha .simulation .calreset {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  background-color: var(--white-color);
  color: #2E80C6;
  font-family: inherit;
  font-weight: bold;
  cursor: pointer;
}
@media print, screen and (min-width: 767px) {
  .riyousha .simulation .calreset { /* PC */
    margin-left: 0.2133rem;
    width: 2.5493rem;
    height: 0.7253rem;
    border: 0.0213rem solid #2E80C6;
    border-radius: 0.3627rem;
    font-size: 0.2133rem;
  }
}
@media screen and (max-width: 767px) {
  .riyousha .simulation .calreset { /* SP */
    margin-top: 0.1538rem;
    width: 100%;
    height: 0.4808rem;
    border: 0.0192rem solid #2E80C6;
    border-radius: 0.2404rem;
    font-size: 0.1731rem;
  }
}
@media (hover) {
  .riyousha .simulation .calreset:hover {
    opacity: 0.7;
  }
}
@media print, screen and (min-width: 767px) {
  .riyousha .simulation .simoutput { /* PC */
    margin-top: 0.5973rem;
  }
}
@media screen and (max-width: 767px) {
  .riyousha .simulation .simoutput { /* SP */
    margin-top: 0.2885rem;
  }
}
.riyousha .simulation .outhead {
  position: relative;
  background-color: #F8E05C;
  text-align: center;
  font-weight: bold;
  color: #2E80C6;
  letter-spacing: 0.2em;
}
@media print, screen and (min-width: 767px) {
  .riyousha .simulation .outhead { /* PC */
    height: 0.6187rem;
    line-height: 0.6187rem;
    font-size: 0.256rem;
  }
}
@media screen and (max-width: 767px) {
  .riyousha .simulation .outhead { /* SP */
    height: 0.3846rem;
    line-height: 0.3846rem;
    font-size: 0.1923rem;
  }
}
.riyousha .simulation .outhead:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  border-style: solid;
  border-color: #F8E05C transparent transparent;
}
@media print, screen and (min-width: 767px) {
  .riyousha .simulation .outhead:after { /* PC */
    border-width: 0.2987rem 0.2347rem 0;
  }
}
@media screen and (max-width: 767px) {
  .riyousha .simulation .outhead:after { /* SP */
    border-width: 0.18rem 0.14rem 0;
  }
}
.riyousha .simulation .outvalue[data-empty] .yen {
  display: none;
}
.riyousha .simulation .outerr {
  color: #E60012;
  font-weight: bold;
  text-align: center;
}
@media print, screen and (min-width: 767px) {
  .riyousha .simulation .outerr { /* PC */
    margin-top: 0.256rem;
    font-size: 0.1707rem;
  }
}
@media screen and (max-width: 767px) {
  .riyousha .simulation .outerr { /* SP */
    margin-top: 0.1923rem;
    font-size: 0.1346rem;
  }
}
.riyousha .simulation .outbox {
  background-color: #DBF5FF;
  text-align: center;
}
@media print, screen and (min-width: 767px) {
  .riyousha .simulation .outbox { /* PC */
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0.1387rem;
    padding: 0.1973rem 0;
  }
}
@media screen and (max-width: 767px) {
  .riyousha .simulation .outbox { /* SP */
    margin-top: 0.2115rem;
    padding: 0.1346rem 0.1538rem 0.1731rem;
  }
}
@media print, screen and (min-width: 767px) {
  .riyousha .simulation .outbox + .outbox { /* PC */
    margin-top: 0.1067rem;
  }
}
.riyousha .simulation .outbox .outtitle {
  font-weight: bold;
}
@media print, screen and (min-width: 767px) {
  .riyousha .simulation .outbox .outtitle { /* PC */
    box-sizing: border-box;
    width: 3.6267rem;
    padding-left: 1.184rem;
    text-align: left;
    font-size: 0.2133rem;
  }
}
@media screen and (max-width: 767px) {
  .riyousha .simulation .outbox .outtitle { /* SP */
    font-size: 0.1538rem;
  }
}
.riyousha .simulation .outbox .outvalue {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .riyousha .simulation .outbox .outvalue { /* SP */
    margin-top: 0.0962rem;
  }
}
.riyousha .simulation .outbox .num {
  box-sizing: border-box;
  display: block;
  background-color: var(--white-color);
  text-align: right;
  font-weight: bold;
}
@media print, screen and (min-width: 767px) {
  .riyousha .simulation .outbox .num { /* PC */
    width: 3.232rem;
    height: 0.64rem;
    line-height: 0.64rem;
    padding: 0 0.128rem;
    font-size: 0.2347rem;
  }
}
@media screen and (max-width: 767px) {
  .riyousha .simulation .outbox .num { /* SP */
    width: 100%;
    height: 0.4231rem;
    line-height: 0.4231rem;
    padding: 0 0.0962rem;
    font-size: 0.1923rem;
  }
}
.riyousha .simulation .outbox .yen {
  flex-shrink: 0;
  font-weight: bold;
}
@media print, screen and (min-width: 767px) {
  .riyousha .simulation .outbox .yen { /* PC */
    margin-left: 0.1067rem;
    font-size: 0.256rem;
  }
}
@media screen and (max-width: 767px) {
  .riyousha .simulation .outbox .yen { /* SP */
    margin-left: 0.0769rem;
    font-size: 0.1731rem;
  }
}

.riyousha_modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
}
.riyousha_modal[hidden] {
  display: none;
}
.riyousha_modal .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(44, 44, 44, 0.77);
}
.riyousha_modal .dialogwrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  max-height: 92vh;
}
@media print, screen and (min-width: 767px) {
  .riyousha_modal .dialogwrap { /* PC */
    width: 9.28rem;
  }
}
@media screen and (max-width: 767px) {
  .riyousha_modal .dialogwrap { /* SP */
    width: calc(100% - 0.2885rem);
  }
}
.riyousha_modal .closebtn {
  flex-shrink: 0;
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: var(--white-color);
  font-family: inherit;
  cursor: pointer;
}
@media print, screen and (min-width: 767px) {
  .riyousha_modal .closebtn { /* PC */
    margin: 0 0.128rem 0.128rem 0;
  }
}
@media screen and (max-width: 767px) {
  .riyousha_modal .closebtn { /* SP */
    margin: 0 0.0962rem 0.0962rem 0;
  }
}
.riyousha_modal .closebtn .text {
  font-weight: bold;
}
@media print, screen and (min-width: 767px) {
  .riyousha_modal .closebtn .text { /* PC */
    font-size: 0.1707rem;
  }
}
@media screen and (max-width: 767px) {
  .riyousha_modal .closebtn .text { /* SP */
    font-size: 0.1538rem;
  }
}
.riyousha_modal .closebtn .mark {
  position: relative;
  display: block;
}
@media print, screen and (min-width: 767px) {
  .riyousha_modal .closebtn .mark { /* PC */
    width: 0.2667rem;
    height: 0.2667rem;
    margin-top: 0.0853rem;
  }
}
@media screen and (max-width: 767px) {
  .riyousha_modal .closebtn .mark { /* SP */
    width: 0.2115rem;
    height: 0.2115rem;
    margin-top: 0.0577rem;
  }
}
.riyousha_modal .closebtn .mark:before, .riyousha_modal .closebtn .mark:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: var(--white-color);
}
@media print, screen and (min-width: 767px) {
  .riyousha_modal .closebtn .mark:before, .riyousha_modal .closebtn .mark:after { /* PC */
    width: 0.3773rem;
    height: 0.032rem;
    margin: -0.016rem 0 0 -0.1887rem;
  }
}
@media screen and (max-width: 767px) {
  .riyousha_modal .closebtn .mark:before, .riyousha_modal .closebtn .mark:after { /* SP */
    width: 0.2991rem;
    height: 0.0288rem;
    margin: -0.0144rem 0 0 -0.1496rem;
  }
}
.riyousha_modal .closebtn .mark:before {
  transform: rotate(45deg);
}
.riyousha_modal .closebtn .mark:after {
  transform: rotate(-45deg);
}
@media (hover) {
  .riyousha_modal .closebtn:hover {
    opacity: 0.8;
  }
}
.riyousha_modal .dialog {
  box-sizing: border-box;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background-color: var(--white-color);
}
@media print, screen and (min-width: 767px) {
  .riyousha_modal .dialog { /* PC */
    border-radius: 0.0853rem;
  }
}
@media screen and (max-width: 767px) {
  .riyousha_modal .dialog { /* SP */
    border-radius: 0.0769rem;
  }
}
@media print, screen and (min-width: 767px) {
  .riyousha_modal .dialogbody { /* PC */
    padding: 0.4267rem 0;
    width: 735px;
    margin: auto;
  }
}
@media screen and (max-width: 767px) {
  .riyousha_modal .dialogbody { /* SP */
    padding: 0.2308rem 0.1731rem 0.2885rem;
  }
}
.riyousha_modal .dialogtitle {
  background-color: #EEEFEF;
  text-align: center;
  color: #26B2E6;
  font-weight: bold;
}
@media print, screen and (min-width: 767px) {
  .riyousha_modal .dialogtitle { /* PC */
    height: 0.5013rem;
    line-height: 0.5013rem;
    font-size: 0.2133rem;
  }
}
@media screen and (max-width: 767px) {
  .riyousha_modal .dialogtitle { /* SP */
    padding: 0.1154rem;
    font-size: 0.1538rem;
  }
}
.riyousha_modal .dialoglead {
  font-weight: bold;
}
@media print, screen and (min-width: 767px) {
  .riyousha_modal .dialoglead { /* PC */
    margin-top: 0.256rem;
    font-size: 0.1707rem;
    line-height: 1.6471;
  }
}
@media screen and (max-width: 767px) {
  .riyousha_modal .dialoglead { /* SP */
    margin-top: 0.1731rem;
    font-size: 0.1346rem;
    line-height: 1.625;
  }
}
@media print, screen and (min-width: 767px) {
  .riyousha_modal .dialoglist { /* PC */
    margin-top: 0.192rem;
  }
}
@media screen and (max-width: 767px) {
  .riyousha_modal .dialoglist { /* SP */
    margin-top: 0.1346rem;
  }
}
.riyousha_modal .dialoglist .item {
  display: flex;
}
@media print, screen and (min-width: 767px) {
  .riyousha_modal .dialoglist .item { /* PC */
    font-size: 0.1493rem;
    line-height: 1.7647;
  }
}
@media screen and (max-width: 767px) {
  .riyousha_modal .dialoglist .item { /* SP */
    font-size: 0.1346rem;
    line-height: 1.7333;
  }
}
@media print, screen and (min-width: 767px) {
  .riyousha_modal .dialoglist .item + .item { /* PC */
    margin-top: 0.0853rem;
  }
}
@media screen and (max-width: 767px) {
  .riyousha_modal .dialoglist .item + .item { /* SP */
    margin-top: 0.0769rem;
  }
}
.riyousha_modal .dialoglist .mark {
  flex-shrink: 0;
}
@media print, screen and (min-width: 767px) {
  .riyousha_modal .dialogfigure { /* PC */
    margin-top: 0.256rem;
  }
}
@media screen and (max-width: 767px) {
  .riyousha_modal .dialogfigure { /* SP */
    margin-top: 0.1731rem;
  }
}
.riyousha_modal .figurescroll {
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .riyousha_modal .figurescroll { /* SP */
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media screen and (max-width: 767px) {
  .riyousha_modal .figureinner { /* SP */
    min-width: 5.3846rem;
  }
}
.riyousha_modal .figimg {
  display: block;
  width: 100%;
  height: auto;
}

html.riyousha_modalopen {
  overflow: hidden;
}

.flatpickr-calendar {
  font-family: var(--ff-noto-sans);
}
.flatpickr-calendar .flatpickr-months .flatpickr-month,
.flatpickr-calendar span.flatpickr-weekday {
  color: #2E80C6;
}
.flatpickr-calendar .flatpickr-day:hover, .flatpickr-calendar .flatpickr-day:focus {
  background: #DAF5FE;
  border-color: #DAF5FE;
}
.flatpickr-calendar .flatpickr-day.today {
  border-color: #2E80C6;
}
.flatpickr-calendar .flatpickr-day.selected, .flatpickr-calendar .flatpickr-day.selected:hover, .flatpickr-calendar .flatpickr-day.selected:focus {
  background: #2E80C6;
  border-color: #2E80C6;
  color: var(--white-color);
}