@charset "UTF-8";
.rn2020 #main .kv_area_logo .logo_area, .rn2020 #main _:-ms-lang(x) {
  position: static!important
}

.rn2020 #main .fixed_table thead, .rn2020 #main _:-ms-lang(x) thead {
  display: table-caption;
  position: relative;
  z-index: 2
}

.rn2020 #main .fixed_table thead .ie_w212, .rn2020 #main _:-ms-lang(x) thead .ie_w212 {
  width: 212px!important
}

.rn2020 #main .fixed_table thead .ie_w84, .rn2020 #main _:-ms-lang(x) thead .ie_w84 {
  width: 84px!important
}

.rn2020 #main .fixed_table thead .ie_w83, .rn2020 #main _:-ms-lang(x) thead .ie_w83 {
  width: 83px!important
}

.rn2020 #main .fixed_table thead .ie_w92, .rn2020 #main _:-ms-lang(x) thead .ie_w92 {
  width: 92px!important
}

.rn2020 #main .fixed_table thead .ie_w93, .rn2020 #main _:-ms-lang(x) thead .ie_w93 {
  width: 93px!important
}

.rn2020 #main .fixed_table thead .ie_w149, .rn2020 #main _:-ms-lang(x) thead .ie_w149 {
  width: 149px!important
}

.rn2020 #main .fixed_table thead .ie_w150, .rn2020 #main _:-ms-lang(x) thead .ie_w150 {
  width: 150px!important
}

.rn2020 #main .fixed_table thead .ie_w288, .rn2020 #main _:-ms-lang(x) thead .ie_w288 {
  width: 288px!important
}

.rn2020 #main .fixed_table thead .ie_w443, .rn2020 #main _:-ms-lang(x) thead .ie_w443 {
  width: 443px!important
}

.rn2020 #main .fixed_table thead .ie_w271, .rn2020 #main _:-ms-lang(x) thead .ie_w271 {
  width: 271px!important
}

.rn2020 #main .fixed_table thead .ie_w221, .rn2020 #main _:-ms-lang(x) thead .ie_w221 {
  width: 221px!important
}

.rn2020 #main _:-ms-lang(x)[type=radio]+label span, .rn2020 #main input[type=radio]+label span {
  background: url(../img/cmn/ic_radio.png) no-repeat center center;
  background-size: cover!important
}

.rn2020 #main _:-ms-lang(x)[type=radio]:checked+label span, .rn2020 #main input[type=radio]:checked+label span {
  background: url(../img/cmn/ic_radio_checked.png) no-repeat center center;
  background-size: cover
}

.rn2020 #main _:-ms-lang(x)[type=checkbox]+label span, .rn2020 #main input[type=checkbox]+label span {
  background: url(../img/cmn/ic_checkbox.png) no-repeat center center;
  background-size: cover
}

.rn2020 #main _:-ms-lang(x)[type=checkbox]:checked+label span, .rn2020 #main input[type=checkbox]:checked+label span {
  background: url(../img/cmn/ic_checkbox_checked.png) no-repeat center center;
  background-size: cover
}

.rn2020 #main .btn_application, .rn2020 #main _:-ms-lang(x) {
  box-shadow: 0px 5px 0px #a53724
}

@media screen and (max-width:767px) {
  .rn2020 #main .stepList>li>a {
    z-index: 2;
    position: relative
  }
  .rn2020 #main .stepList>li>a small {
    font-size: 10px
  }
  .rn2020 #main .stepList>li:after, .rn2020 #main .stepList>li:before {
    z-index: 1
  }
}

.rn2020 #main .stepList>li>a, .rn2020 #main _:-ms-lang(x) {
  text-align: left
}

.rn2020 #main .icon_btn_img {
  -webkit-filter: none!important;
  filter: none!important;
  -webkit-box-shadow: 0px 5px 0px #0c5c8f;
  box-shadow: 0px 5px 0px #0c5c8f
}

.rn2020 #main .icon_btn_img._active, .rn2020 #main .icon_btn_img:active {
  -webkit-box-shadow: 0px 0px 0px #0c5c8f;
  box-shadow: 0px 0px 0px #0c5c8f
}

.rn2020 #main .scrollTableOuter, .rn2020 #main .scrollTableOuter2, .rn2020 #main .scrollTableOuter3, .rn2020 #main .scrollTableOuter4, .rn2020 #main .scrollTableOuter5, .rn2020 #main .scrollTableOuter6, .rn2020 #main .scrollTableOuter7, .rn2020 #main .scrollTableOuter8, .rn2020 #main .scrollTableOuter9, .rn2020 #main .scrollTableOuter10 {
  width: 1000px;
  overflow-x: scroll
}

.rn2020 #main .scrollTableOuter2+*, .rn2020 #main .scrollTableOuter3+*, .rn2020 #main .scrollTableOuter4+*, .rn2020 #main .scrollTableOuter5+*, .rn2020 #main .scrollTableOuter6+*, .rn2020 #main .scrollTableOuter7+*, .rn2020 #main .scrollTableOuter8+*, .rn2020 #main .scrollTableOuter9+*, .rn2020 #main .scrollTableOuter10+*, .rn2020 #main .scrollTableOuter+* {
  margin-top: 40px
}

.rn2020 #main .scrollTableOuter2.swipeObj, .rn2020 #main .scrollTableOuter3.swipeObj, .rn2020 #main .scrollTableOuter4.swipeObj, .rn2020 #main .scrollTableOuter5.swipeObj, .rn2020 #main .scrollTableOuter6.swipeObj, .rn2020 #main .scrollTableOuter7.swipeObj, .rn2020 #main .scrollTableOuter8.swipeObj, .rn2020 #main .scrollTableOuter9.swipeObj, .rn2020 #main .scrollTableOuter10.swipeObj, .rn2020 #main .scrollTableOuter.swipeObj {
  position: relative
}

.rn2020 #main .scrollTableOuter2.swipeObj:after, .rn2020 #main .scrollTableOuter3.swipeObj:after, .rn2020 #main .scrollTableOuter4.swipeObj:after, .rn2020 #main .scrollTableOuter5.swipeObj:after, .rn2020 #main .scrollTableOuter6.swipeObj:after, .rn2020 #main .scrollTableOuter7.swipeObj:after, .rn2020 #main .scrollTableOuter8.swipeObj:after, .rn2020 #main .scrollTableOuter9.swipeObj:after, .rn2020 #main .scrollTableOuter10.swipeObj:after, .rn2020 #main .scrollTableOuter.swipeObj:after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0px
}

.rn2020 #main .scrollTableOuter2.swipeObj:before, .rn2020 #main .scrollTableOuter3.swipeObj:before, .rn2020 #main .scrollTableOuter4.swipeObj:before, .rn2020 #main .scrollTableOuter5.swipeObj:before, .rn2020 #main .scrollTableOuter6.swipeObj:before, .rn2020 #main .scrollTableOuter7.swipeObj:before, .rn2020 #main .scrollTableOuter8.swipeObj:before, .rn2020 #main .scrollTableOuter9.swipeObj:before, .rn2020 #main .scrollTableOuter10.swipeObj:before, .rn2020 #main .scrollTableOuter.swipeObj:before {
  content: "";
  width: 68px;
  height: 69px;
  display: block;
  position: absolute;
  background: url(../img/cmn/ic_swipe.svg) no-repeat 0 0;
  top: 64px;
  left: calc(50% - 34px);
  -webkit-transform: translate(-25%);
  transform: translate(-25%);
  z-index: 3;
  -webkit-animation: expansion linear 2s infinite;
  animation: expansion linear 2s infinite
}

.rn2020 #main .scrollTableOuter2.swipeObj .swipeObjText, .rn2020 #main .scrollTableOuter3.swipeObj .swipeObjText, .rn2020 #main .scrollTableOuter4.swipeObj .swipeObjText, .rn2020 #main .scrollTableOuter5.swipeObj .swipeObjText, .rn2020 #main .scrollTableOuter6.swipeObj .swipeObjText, .rn2020 #main .scrollTableOuter7.swipeObj .swipeObjText, .rn2020 #main .scrollTableOuter8.swipeObj .swipeObjText, .rn2020 #main .scrollTableOuter9.swipeObj .swipeObjText, .rn2020 #main .scrollTableOuter10.swipeObj .swipeObjText, .rn2020 #main .scrollTableOuter.swipeObj .swipeObjText {
  display: block;
  position: absolute;
  top: 110px;
  left: 0;
  z-index: 3;
  color: #fff;
  text-align: center;
  width: 100%;
  font-size: 100%
}

@-webkit-keyframes expansion {
  0% {
    -webkit-transform: translatex(0);
    transform: translatex(0)
  }
  25% {
    -webkit-transform: translatex(10px);
    transform: translatex(10px)
  }
  50% {
    -webkit-transform: translatex(0);
    transform: translatex(0)
  }
  75% {
    -webkit-transform: translatex(-10px);
    transform: translatex(-10px)
  }
  to {
    -webkit-transform: translatex(0);
    transform: translatex(0)
  }
}

@keyframes expansion {
  0% {
    -webkit-transform: translatex(0);
    transform: translatex(0)
  }
  25% {
    -webkit-transform: translatex(10px);
    transform: translatex(10px)
  }
  50% {
    -webkit-transform: translatex(0);
    transform: translatex(0)
  }
  75% {
    -webkit-transform: translatex(-10px);
    transform: translatex(-10px)
  }
  to {
    -webkit-transform: translatex(0);
    transform: translatex(0)
  }
}

.rn2020 #main .scrollTableOuter2 .swipeObjText, .rn2020 #main .scrollTableOuter3 .swipeObjText, .rn2020 #main .scrollTableOuter4 .swipeObjText, .rn2020 #main .scrollTableOuter5 .swipeObjText, .rn2020 #main .scrollTableOuter6 .swipeObjText, .rn2020 #main .scrollTableOuter7 .swipeObjText, .rn2020 #main .scrollTableOuter8 .swipeObjText, .rn2020 #main .scrollTableOuter9 .swipeObjText, .rn2020 #main .scrollTableOuter10 .swipeObjText, .rn2020 #main .scrollTableOuter .swipeObjText {
  display: none
}

@media print, screen and (min-width:768px) {
  .rn2020 #main .scrollTableOuter2.spOnly, .rn2020 #main .scrollTableOuter3.spOnly, .rn2020 #main .scrollTableOuter4.spOnly, .rn2020 #main .scrollTableOuter5.spOnly, .rn2020 #main .scrollTableOuter6.spOnly, .rn2020 #main .scrollTableOuter7.spOnly, .rn2020 #main .scrollTableOuter8.spOnly, .rn2020 #main .scrollTableOuter9.spOnly, .rn2020 #main .scrollTableOuter10.spOnly, .rn2020 #main .scrollTableOuter.spOnly {
    overflow-x: auto;
    width: auto
  }
  .rn2020 #main .scrollTableOuter2.spOnly:after, .rn2020 #main .scrollTableOuter2.spOnly:before, .rn2020 #main .scrollTableOuter3.spOnly:after, .rn2020 #main .scrollTableOuter3.spOnly:before, .rn2020 #main .scrollTableOuter4.spOnly:after, .rn2020 #main .scrollTableOuter4.spOnly:before, .rn2020 #main .scrollTableOuter5.spOnly:after, .rn2020 #main .scrollTableOuter5.spOnly:before, .rn2020 #main .scrollTableOuter6.spOnly:after, .rn2020 #main .scrollTableOuter6.spOnly:before, .rn2020 #main .scrollTableOuter7.spOnly:after, .rn2020 #main .scrollTableOuter7.spOnly:before, .rn2020 #main .scrollTableOuter8.spOnly:after, .rn2020 #main .scrollTableOuter8.spOnly:before, .rn2020 #main .scrollTableOuter9.spOnly:after, .rn2020 #main .scrollTableOuter9.spOnly:before, .rn2020 #main .scrollTableOuter10.spOnly:after, .rn2020 #main .scrollTableOuter10.spOnly:before, .rn2020 #main .scrollTableOuter.spOnly:after, .rn2020 #main .scrollTableOuter.spOnly:before {
    display: none
  }
  .rn2020 #main .scrollTableOuter2.spOnly .swipeObjText, .rn2020 #main .scrollTableOuter3.spOnly .swipeObjText, .rn2020 #main .scrollTableOuter4.spOnly .swipeObjText, .rn2020 #main .scrollTableOuter5.spOnly .swipeObjText, .rn2020 #main .scrollTableOuter6.spOnly .swipeObjText, .rn2020 #main .scrollTableOuter7.spOnly .swipeObjText, .rn2020 #main .scrollTableOuter8.spOnly .swipeObjText, .rn2020 #main .scrollTableOuter9.spOnly .swipeObjText, .rn2020 #main .scrollTableOuter10.spOnly .swipeObjText, .rn2020 #main .scrollTableOuter.spOnly .swipeObjText {
    display: none
  }
}

@media screen and (max-width:767px) {
  .rn2020 #main .scrollTableOuter, .rn2020 #main .scrollTableOuter2, .rn2020 #main .scrollTableOuter3, .rn2020 #main .scrollTableOuter4, .rn2020 #main .scrollTableOuter5, .rn2020 #main .scrollTableOuter6, .rn2020 #main .scrollTableOuter7, .rn2020 #main .scrollTableOuter8, .rn2020 #main .scrollTableOuter9, .rn2020 #main .scrollTableOuter10 {
    width: 100%
  }
}

@media screen and (max-width:767px) {
  .rn2020 #main .panel_checkbox, .rn2020 #main .panel_radio {
    min-width: 100%
  }
}

@media screen and (max-width:767px) {
  .rn2020 #main .price_table_waribiki .price_symbol {
    margin-top: 59px
  }
}

.rn2020 #main .sakuinArea .select_area>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (max-width:767px) {
  .rn2020 #gnav_language .gnav_nav_list_lv1 a.link_icn.arrow._front {
    padding-left: 16px!important
  }
}

.rn2020#l-header .logo--area .btn {
  top: -1px;
  padding-top: 0!important;
  padding-bottom: 0!important
}

.rn2020 input:focus:-moz-placeholder-shown {
  color: inherit!important
}

.rn2020 input:focus:-ms-input-placeholder {
  color: inherit!important
}

.rn2020 input:focus:placeholder-shown {
  color: inherit!important
}

.rn2020 input:focus::-webkit-input-placeholder {
  color: inherit!important
}

.rn2020 input:focus::-moz-placeholder {
  color: inherit!important
}

.rn2020 input:focus:-ms-input-placeholder {
  color: inherit!important
}

.rn2020 input:focus::-ms-input-placeholder {
  color: inherit
}

.rn2020 .custom-select-wrapper {
  position: relative;
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff url(../img/cmn/bg_select_blue.svg) no-repeat right center;
  line-height: 1;
  border-radius: 8px;
  border: 2px solid #0072bc;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.rn2020 .custom-select-wrapper:after {
  position: absolute;
  display: block;
  content: "";
  width: 6px;
  height: 6px;
  top: 50%;
  right: 15px;
  margin-top: -2px;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0
}

.rn2020 .custom-select-wrapper.opened:after {
  margin-top: 0;
  -webkit-transform: rotate(225deg) translateY(-50%);
  transform: rotate(225deg) translateY(-50%)
}

.rn2020 .custom-select-wrapper .c-select {
  border: none;
  background: none
}

.rn2020 ._bg_blue .custom-select-wrapper {
  background: #F2FAFF url(../img/cmn/bg_select_white.svg) no-repeat right center
}

.rn2020 ._bg_blue .custom-select-wrapper:after {
  border-bottom: 2px solid #1072BC;
  border-right: 2px solid #1072BC
}

.rn2020 ._bg_blue .custom-select-wrapper .c-select {
  background: none
}

@media print, screen and (min-width:768px) {
  #main table.tbl--cmn_01 th {
    white-space: normal!important
  }
}

@media screen and (max-width:767px) {
  .pattern-a .rn2020#l-header .logo--area .btn {
    font-size: 88%
  }
  .pattern-a .rn2020 .gnav_area .gnav>li a, .pattern-a .rn2020 .gnav_area .gnav>li dt {
    font-size: 100%
  }
  .pattern-a .cv_area .l-cvarea a[target=_blank]:after {
    width: 12px!important;
    height: 12px!important;
    right: 7px!important;
    background-size: 12px!important
  }
  .rn2020#l-footer .footerlink--list a {
    letter-spacing: -0.03em
  }
}