@charset "UTF-8";
.modal th span {
  display: block;
  padding: .35em;
  color: #fff;
  font-size: 14px;
  width: 100%;
  margin: auto;
}
th span.showA {
  background: #f44336;
}
th span.showB {
  background: #4caf50;
}
th span.showC {
  background: #2196f3;
}
th span.showD {
  background: #ff9800;
}

/*============================
スキップリンク
============================*/
.skip-link {
  position: absolute;
  top: -30px;
  left: 50%;
  display: inline-block;
  width: 1px;
  height: 1px;
  padding: 2px 10px;
  overflow: hidden;
  text-decoration: none !important;
  background: #fff;
  transform: translateX(-50%);
  white-space: nowrap;
}
.skip-link:focus {
  top: 0;
  width: auto;
  height: auto;
  overflow: visible;
  z-index: 10000;
}
@media screen and (max-width: 640px) {
  .skip-link {
    font-size: 12px;
  }
}

/*============================
トップ：共通
============================*/

#product {
  padding: 0;
}
#purpose {
  margin-top: 0;
}
div.section.top {
  padding: 6em 0 8em;
  margin: 0;
}

/*============================
トップ：スライダー
============================*/

#topv {
  padding: 1em 0 3em 0;
}
#topv .wrap-inner {
  width: 960px;
}
.slick-dots {
  bottom: -50px !important;
  width: 960px !important;
}
.slick-dots li button:before {
  color: #C4EAFF !important;
  opacity: 1 !important;
}
.slick-dots li.slick-active button:before {
  color: #000 !important;
}
.flex.top {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.slider-wrap {
  width: 765px;
}
#topv .slider-wrap .single-item > li:not(:first-child) {
  display: none;
}
#topv .slider-wrap .single-item img {
  max-width: 100%;
  height: auto;
}
/* TOPアイコンナビ */
.top-nav {
  display: none;
}
[class*="btn-new-"].sd-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  padding: 0;
  box-shadow: 1px 1px 2px rgb(0, 0, 0, .15);
  background: #fff;
  color: #000;
  line-height: 1.4;
}
[class*="btn-new-"].sd-btn:hover {
  background: #FFF;
  color: #000;
  opacity: .6;
}
[class*="btn-new-"].sd-btn:before {
  width: 16px;
  height: 16px;
  content: url(../../images/common/arrow-blue.svg);
  position: absolute;
  top: 50%;
  right: 8px;
  border: none;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  line-height: 1;
}
[class*="btn-new-"].sd-btn:hover:before {
  content: url(../../images/common/arrow-blue.svg);
}
.product-btn {
  width: 194px;
  background: #F2F2F2;
  text-align: center;
}
.product-btn > div {
  margin-top: 20px;
}
.product-btn .btn-new-sm.sd-btn {
  width: 174px;
  height: 80px;
  margin: 10px auto;
  background: #FF543D;
  border-radius: 10px;
  color: #FFF;
  font-size: 16px;
}
.product-btn .btn-new-sm.sd-btn::before {
  content: url(../../images/common/arrow-wht-org.svg);
} 
/*
.product-btn .btn-new-sm.sd-btn:hover {
  background: #FF543D;
  color: #fff;
}
.product-btn .btn-new-sm.sd-btn:hover:before {
  content: url(../../images/common/arrow-wht-org.svg);
}
*/
.product-btn [class*="ico-"] {
  position: absolute;
  top: 50%;
  left: 15px;
  height: auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.product-btn .ico-review:before {
  content: url(../../images/icon/ico_review.svg);
  width: 23px;
}
.product-btn .ico-house:before {
  content: url(../../images/icon/ico_house.svg);
  width: 27px;
}
.product-btn p {
  position: relative;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.3;
}
.product-btn p:before, .product-btn p:after {
  position: absolute;
  bottom: 2px;
  content: "";
  display: block;
  width: 1px;
  height: 2em;
  background: #000;
}
.product-btn p:before {
  left: -11px;
  transform: skewX(23deg);
}
.product-btn p:after {
  right: -11px;
  transform: skewX(-23deg);
}
.slick-slide img.sp {
  display: none !important;
}
/* スライド下リンク */
.top-pickup-link {
  margin-top: 40px;
  /*background: #f2f2f2;*/
}
.top-pickup-link ul {
  display: flex;
  justify-content: center;
  width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding: 25px;
}
.top-pickup-link ul li {
  margin: 0 .5em;
}
.top-pickup-link ul li .btn-new-sm.sd-btn {
  width: 200px;
  padding-right: 20px;
}
.top-pickup-link ul li.long .btn-new-sm.sd-btn {
  width: 400px;
  border: 1px solid #C4EAFF;
  font-weight: bold;
}
/*
.top-pickup-link ul li.long .btn-new-sm.sd-btn:hover {
  background: #FFE100;
  color: #000;
}
.top-pickup-link ul li.long .btn-new-sm.sd-btn:hover:before {
  content: url(../../images/common/arrow-blk.svg);
}
*/
.top-pickup-link .ico-calculator:before {
  content: url(../../images/icon/ico_calculator.svg);
  display: inline-block;
  width: 22px;
  height: auto;
  margin-right: 12px;
  margin-bottom: -2px;
  vertical-align: -8px !important;
}

/*============================
トップ：共通
============================*/

div.section .section-btnArea {
  margin-bottom: 0;
}

/*============================
トップ：重要なおしらせ
============================*/

.important-notice-area {
  margin-top: 10px;
  margin-bottom: 30px !important;
}
.important-notice-area {
  padding: 15px;
  margin-bottom: 70px;
  border: 2px solid #E96049;
}
.important-notice-area .important-notice .wrap {
  display: table;
  width: 100%;
}
.important-notice-area .important-notice .wrap .title {
  display: table-cell;
  padding-right: 15px;
  width: 185px;
  height: 70px;
  border-right: 2px solid #E96049;
  /*
  font-family:Koburina Gothic W6 JIS2004, "こぶりなゴシック W6 JIS2004", MyYuGothicM, YuGothic, sans-serif;
*/
  text-align: center;
  vertical-align: middle;
  font-size: 18px;
  font-weight: bold;
}
.important-notice-area .important-notice .wrap .text {
  display: table-cell;
  padding: 0 20px 0 30px;
  width: auto;
  /*
  font-family:Koburina Gothic W6 JIS2004, "こぶりなゴシック W6 JIS2004", MyYuGothicM, YuGothic, sans-serif;
*/
  vertical-align: middle;
  font-size: 15px;
  font-weight: bold;
}
.important-notice-area .important-notice .wrap .text .small {
  margin-bottom: 8px;
  font-size: 13px;
}
.important-notice-area .important-notice-item {
  /* margin-bottom: 10px; */
  position: relative;
  display: block;
  padding: 20px 15px 20px 0;
  border-bottom: 1px dotted #E96049;
  text-decoration: none;
}
.important-notice-area .important-notice-item:last-child {
  margin-bottom: 0;
  border-bottom: none;
}
.important-notice-area a.important-notice-item:hover {
  opacity: 0.6;
  cursor: pointer;
}
.important-notice-area a.important-notice-item::after {
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 0;
  content: "";
  display: inline-block;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  width: 7px;
  height: 7px;
  margin-top: -3px;
}
.important-notice-area div.important-notice-item {
  padding: 20px 0 !important;
}

/*============================
トップ：おしらせ
============================*/
.important-info {
  border:2px solid #E0E1E1;
  margin:2em auto 0 auto !important;
  padding:1.3em 2em;
  font-size: 15px;
}
.important-info:after {
  content:"";
  display:block;
  clear:both;
}
.important-info .item {
  clear:both; 
  margin-bottom: 1.3em;
}
.important-info .category {
  width: 6em;
  float: left;
  margin-bottom: 1em;
  padding: 3px 0;
  background-color: #E0E1E1;
  border-radius: 15px;
  text-align: center;
  line-height: 1.2;
}
.important-info .item:last-child,
.important-info .item:last-child .category{
    margin-bottom: 0;
}
.important-info .category-yellow {
  background-color: #FFE100;
}
.important-info .text {
  margin-left: 8em;
}

/*============================
トップ：目的から探す
============================*/
.flex.link-panel.typeC {
  margin: 0 -0.5%;
}
.flex.link-panel.typeC .col-5 {
  width: 19%;
  margin-left: 0.5%;
  margin-right: 0.5%;
}
.flex.link-panel.typeC a {
  padding: 1.6em 0 3.6em;
  text-align: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.flex.link-panel.typeC a div {
  width: 100%;
}
.flex.link-panel.typeC svg {
  display: block;
  height: 80px;
  margin: auto;
  padding-bottom: 10px;
}
.flex.link-panel.typeC p {
  font-size: 18px;
  line-height: 1.2;
}
.flex.link-panel.typeC a:hover svg {
  fill: #ffd900;
}
.flex.link-panel.typeC > [class *='col-'] a:after {
  width: 16px;
  height: 16px;
} 
.link-panel.full>[class *='col-']:before {
  left: 50%;
  bottom: 25px;
  ;
  -webkit-transform: translateX(-50%);
  ;
  -ms-transform: translateX(-50%);
  ;
  transform: translateX(-50%);
}

/* その他の目的を見る */

.ttl-typeD {
  display: none;
}
.flex.link-panel.typeD a {
  padding: 2em 0 3em;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #dcdddd;
}
.flex.link-panel.typeD p {
  font-size: 18px;
  line-height: 1.3;
}
.flex.link-panel.typeD p span {
  display: block;
  font-size: 13px;
}
.link-panel.typeD>[class *='col-']:before {
  width: 16px;
  height: 16px;
  bottom: 15px;
}

/*============================
ABテスト（test-a）
============================*/

.flex.link-panel.typeC.test-a a {
  overflow: hidden;
  background: #ffffff;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, .15);
  border: 1px solid #ccc;
  width: 100%;
}
.flex.link-panel.typeC.test-a a img {
  margin: 0 auto 10px;
  display: block;
}

/* arrow */

.test-b.link-panel>[class *='col-'] a:after {
  background-image: url(../../images/common/arrow-blk.svg);
}

/*マウスオーバー*/

.flex.link-panel.typeC.test-a a:hover {
  background-color: #ffd800;
}
.flex.link-panel.typeC.test-a a:hover:after {
  background-image: url("../../images/common/arrow-blk.svg");
}
.flex.link-panel.typeC.test-a a:hover div {
  color: #000;
}

/*test1*/

.flex.link-panel.typeC.test-a a img.type-1.demo {
  display: none;
}
.flex.link-panel.typeC.test-a a:hover img.type-1.test {
  display: none;
}
.flex.link-panel.typeC.test-a a:hover img.type-1.demo {
  display: block;
}

/*test2*/

.flex.link-panel.typeC.test-a a img.type-2.demo {
  display: none;
}
.flex.link-panel.typeC.test-a a:hover img.type-2.test {
  display: none;
}
.flex.link-panel.typeC.test-a a:hover img.type-2.demo {
  display: block;
}

/*test3*/

.flex.link-panel.typeC.test-a a img.type-3.demo {
  display: none;
}
.flex.link-panel.typeC.test-a a:hover img.type-3.test {
  display: none;
}
.flex.link-panel.typeC.test-a a:hover img.type-3.demo {
  display: block;
}

/*test4*/

.flex.link-panel.typeC.test-a a img.type-4.demo {
  display: none;
}
.flex.link-panel.typeC.test-a a:hover img.type-4.test {
  display: none;
}
.flex.link-panel.typeC.test-a a:hover img.type-4.demo {
  display: block;
}

/*============================
トップ：住宅ローン 人気の商品
============================*/
#popular.top {
  margin-top: 0;
}

#popular .flex-3 .col-2 {
  background: #fff;
  border-radius: 6px;
}
#popular dt img {
  height: 26px;
  display: block;
  margin: auto;
}
#popular dt p {
  font-size: 16px;
}
#popular dd th {
  display: inline-block;
  text-align: center;
  position: relative;
  font-size: 16px;
}

#rate-top table .list-a01 {
  font-size: 11px;
  margin-bottom: 0 !important;
  padding-top: 1em;
}
#popular .ttl-02 {
  margin-bottom: 1.5em;
}
#popular .list-a01 {
  margin-bottom: 2em !important;
  padding-top: .5em;
  font-size: 14px;
}
#popular .list-a01.lay-btm-00 {
  margin-bottom: 0 !important;
}
#popular .list-a01.pgh-ems-01 {
  font-size: 86%;
}
#popular .btn-sm {
  width: 100%;
  display: block;
  border-radius: 50px;
  font-size: 16px;
  padding: .5em;
  margin: 0;
  margin-bottom: .5em;
}
#popular .section-02 {
  padding-top: 2em;
}
#popular .section-02 .col-3 figure {
  border-radius: 6px;
  background: #fff;
}
#popular .section-02 .section-btnArea.ssnb {
  margin-bottom: 5em;
}
#popular .section-03 {
  margin-bottom: 4em;
}
#popular .section-03 .section-btnArea {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}
#popular .popular-tab {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}
#popular .popular-tab li {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 480px;
  height: 60px;
  background: #fff;
  border-top: 6px solid #00599e;
  border-radius: 6px 6px 0 0;
  cursor: pointer;
  font-size: 18px;
  font-weight: bold;
}
#popular .popular-tab li:not(.active) {
  width: 440px;
  margin: 6px 20px -6px;
  padding-bottom: 6px;
  background: #e6e6e6 linear-gradient(#e6e6e6 75%, #ccc);
  border-top: none;
  color: rgba(0, 0, 0, .3);
}
#popular .popular-tab li.active:before,
#popular .popular-tab li.active:after {
  position: absolute;
  bottom: 0;
  content: "";
  width: 6px;
  height: 6px;
}
#popular .popular-tab li.active:before {
  background: #fff;
}
#popular .popular-tab li.active:after {
  background: #f2f2f2;
}
#popular .popular-tab li.active:first-child:before,
#popular .popular-tab li.active:first-child:after {
  right: -6px;
}
#popular .popular-tab li.active:first-child:after {
  border-radius: 0 0 0 6px;
}
#popular .popular-tab li.active:nth-child(2):before,
#popular .popular-tab li.active:nth-child(2):after {
  left: -6px;
}
#popular .popular-tab li.active:nth-child(2):after {
  border-radius: 0 0 6px 0;
}
#popular .popular-contents > li {
  padding: 20px;
  background: #fff;
}
#popular .popular-contents > li > dl:first-child {
  position: relative;
  padding-right: 20px;
}
#popular .popular-contents > li > dl:first-child:after {
  position: absolute;
  top: 0;
  right: -10px;
  content: "";
  width: 1px;
  height: 100%;
  background: #898989;
}
#popular .popular-contents > li > dl:nth-child(2) {
  padding-left: 20px;
}
#popular .popular-contents > li:not(.active) {
  display: none;
}
#popular .popular-contents > li:first-child {
  border-radius: 0 6px 6px 6px;
}
#popular .popular-contents > li:nth-child(2) {
  border-radius: 6px 0 6px 6px;
}
#popular .popular-contents dt {
  font-size: 16px;
}
#popular .popular-contents > li > dl > dt {
  margin-bottom: 30px;
}
#popular .popular-contents > li > dl > dd dt {
  font-weight: bold;
}
#popular .popular-contents > li > dl > dd dd {
  display: inline;
  background: linear-gradient(transparent 70%, #ffd800 70%);
  font-size: 20px;
}
#popular .popular-contents .pgh-kinri-01 {
  margin: 0 .1em;
  font-size: 52px;
  line-height: 1.5;
}
#popular .popular-contents .kinri-comment {
  width: 96%;
}
#popular .popular-contents .btn-new-sm.sd-btn {
  width: 320px;
  background: #f2f2f2;
  margin-right: auto;
  margin-left: auto;
}
/*
#popular .popular-contents .btn-new-sm.sd-btn:hover {
  background: #000;
}
*/
#popular .rate-att-pop .list-a01 br {
  display: none;
}
#popular .rate-att-sp {
  display: none;
}
#popular .rate-att-pc .flex .col-2 .list-a02 li a {
  display: inline;
  text-decoration: underline;
}
#popular .item-name {
    font-size: 180%;
    font-weight: 900;
    letter-spacing: .05em;
    line-height: 1;
    margin: 0;
}
@media only screen and (max-width: 960px) {
  #popular .item-name {
    font-size: 150%;
  }
}
/*============================
銀行の住宅ローン
============================*/

#bank-top {
  padding-top: 0;
  background: #fff;
}
#bank-top .section-02 {
  padding-top: 5em;
}
#bank-top .ttl-04 {
  background: #f2f2f2;
  padding: .7rem;
  margin-bottom: 0;
}
#bank-top .section-02 .col-3 figure {
  border-radius: 6px;
  background: #fff;
}
#bank-top .section-02 .col-3 figure a img {
  border: 1px solid #ccc;
}
#bank-top .section-02 .section-btnArea {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}
#popular .top-bank a{
  display: inline-flex;
  align-items: end;
}
#popular .top-bank_plan {
  font-weight: bold;
  padding: 1.55em 0 2.15em;
}
#popular .top-bank_plan__label {
  display: inline-block;
  font-size: 97.2%;
  font-weight: bold;
  line-height: 1.3;
  margin-right: .5em;
  margin-bottom: .05em;
  text-align: left;
}
#popular .top-bank_plan .pgh-kinri-01 {
  font-size: 300%;
  line-height: 1;
  margin: 0 .025em -.075em;
}
#popular .top-bank_plan .u-sub {
  font-size: 104%;
}
#popular .top-bank_plan .u-sup {
  align-self: start;
  font-size: 100%;
  margin-left: -.25em;
}
.top-bank_plan__after {
  font-size: 125%;
  margin-left: .5em;
  align-self: center;
}

/*============================
トップ：ARUHIが選ばれる7つのポイント
============================*/

#reason {
  position: relative;
  background-color: #C4EAFF;
}
#reason .badge {
  position: absolute;
  top: -50px;
  left: 50%;
  margin-left: -480px;
}
#reason .col-3 {
  width: 32%;
  margin: 0 0.5%;
}
#reason .col-3 img {
  max-width: inherit;
}
#reason .col-4 {
  width: 24%;
  margin: 3em 0.5% 0;
}

/*============================
トップ：ARUHIの評価・実績
============================*/
.top-banner:not(:last-child) {
  margin-bottom: 2.8em;
}

/*============================
トップ：常に業界最低水準の金利
============================*/

#rate-top .inner {
  width: 860px;
  margin: auto;
  position: relative;
}
#rate-top .inner div {
  margin-left: 430px;
}
#rate-top figure {
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 6px;
  background-color: #efefef;
}
#rate-top table {
  text-align: center;
  width: 100%;
  margin: 1em 0 .75em;
}
#rate-top table tr {
  border-top: 1px solid #fff;
}
#rate-top table th, #rate-top table td {
  width: 50%;
  text-align: center;
  border-left: 1px solid #fff;
}
#rate-top table th {
  padding: 1em;
  background: #ffd800;
}
#rate-top table td {
  background: #f2f2f2;
  padding: 2em 0;
}
#rate-top table td strong {
  font-size: 25px;
  font-weight: normal;
  padding-right: .15em;
}
#rate-top table th:nth-child(1) {
  border-radius: 8px 0 0 0;
}
#rate-top table th:nth-child(2) {
  border-radius: 0 8px 0 0;
}
#rate-top table td:nth-child(1) {
  border-radius: 0 0 0 8px;
}
#rate-top table td:nth-child(2) {
  border-radius: 0 0 8px 0;
}
#rate-top p {
  font-size: 16px;
  padding-top: 1em;
}
#rate-top p:first-of-type {
  padding-top: 0;
}
#rate-top p strong {
  font-size: 32px;
  margin: 0 .25em;
  border-bottom: 2px solid #000;
  color: #ed6c33;
}
#rate-top p strong sup {
  font-size: 40%;
  color: #000;
  line-height: 2.8;
}

/*============================
トップ：かんたんシミュレーション
============================*/

#simulation .flex-2 {
  margin: 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#simulation .col-2 {
  margin: 0;
  width: 400px;
}
#simulation .col-2 div a {
  font-size: 18px;
  font-weight: 500;
  margin: .75em 0;
  text-decoration: underline;
  background: url(../../images/common/arrow-blue.svg) no-repeat center right;
  background-size: 18px;
}
#simulation .col-2 p {
  font-size: 16px;
}
#simulation figure {
  border-radius: 6px;
  background: #fff;
}
#simulation figure img {
  border-radius: 6px;
}
#simulation p.pgh-01, #simulation p.pgh-a01 {
  text-align: center;
}
#simulation p.pgh-a01:before {
  left: calc(50% - 11em);
}

/*============================
トップ：ARUHIマガジンのご紹介
============================*/
#btn-aruhi-magazine{
  padding-bottom:10px;
}

/*============================
トップ：かんたんガイド
============================*/

.flex.link-panel.typeE a {
  padding: 30px 0;
  text-align: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.flex.link-panel.typeE a:after {
  top: inherit;
  bottom: 25px;
  right: 20px;
}
.flex.link-panel.typeE a div {
  width: 100%;
}
.flex.link-panel.typeE a div:nth-child(2) {
  width: 80%;
  text-align: left;
  padding-left: 10%;
}
.link-panel.typeE svg {
  display: block;
  height: 80px;
  margin: auto;
  padding-bottom: 10px;
}
.flex.link-panel.typeE a:hover svg {
  fill: #ffd900;
}

/*============================
トップ：新着情報
============================*/

#top-info .ttl-02 {
  font-size: 26px;
}
#top-info .ttl-02 span {
  background: none;
}
#top-info ul {
  width: 80%;
  margin: auto;
}
#top-info .info-wrap {
  font-size: 16px;
  padding: 2em;
  background: #f2f2f2;
}
#top-info li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: .75em 0;
}
#top-info .date {
  display: inline-block;
  width: 20%;
}
#top-info .ca {
  display: inline-table;
  width: 18%;
  height: fit-content;
  font-size: 12px;
  background-color: #C4EAFF;
  text-align: center;
  padding: .25em 0;
  border-radius: 30px;
  margin-right: 2%;
}
#top-info .info-wrap a {
  display: inline-block;
  width: 60%;
  text-decoration: underline;
}

/*============================
店舗情報
============================*/

#shop #contents, #shop_fastpass #contents, #shop_kikou #contents {
  width: 960px;
  margin: auto;
}
#newshop-breadcrumbs ol li {
  padding-top: 0;
}
.shop-top-box {
  margin-top: 3em;
}
.shop-ttl {
  font-size: 18px;
  font-weight: 500;
  text-align: left !important;
  padding-bottom: .5em;
  border-bottom: 3px #ddd solid;
  margin-bottom: .8em;
}

/*============================
モジュール：住宅ローンのお申込・ご相談はこちらから
============================*/

.mod-cv-01 {
  padding: 3em 0;
  background: #e2e2e2;
}
.mod-cv-01 .section-btnArea {
  margin-bottom: 0;
}
.mod-cv-01 .btn-new-sm {
  min-width: 240px;
}
.mod-cv-01 .section-btnArea .btn-new-sm.sd-btn:not(:hover) {
  background: #fff;
}

/*============================
モジュール：共通CV（相談・申込）
============================*/
#cv_consult_apply {
  padding: 50px 50px 30px;
}
#cv_consult_apply .section-btnArea {
  margin: 1em 0 2em;
}
#cv_consult_apply .btn-new-md.goldred {
  box-shadow: 1px 1px 2px rgb(0,0,0,.15);
}

/*============================
モジュール：ご相談ダイヤル
============================*/


/*コロナ対策《電話番号非表示》
.mod-inquiry {
  padding: 6em 0;
  background: #f2f2f2;
}*/

.mod-inquiry {
  padding: 6em 0;
  background: #fff;
}
.mod-inquiry .col-2 {
  padding: 3em;
  border-radius: 6px;
  text-align: center;
  background: #fff;
}
.mod-inquiry .ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 20px;
  padding-bottom: .25em;
}
.mod-inquiry .ttl:before, .mod-inquiry .ttl:after {
  border-top: 1px solid #737373;
  content: "";
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.mod-inquiry .ttl:before {
  margin-right: 1em;
}
.mod-inquiry .ttl:after {
  margin-left: 1em;
}
.mod-inquiry .tel {
  font-size: 50px;
  font-weight: 600;
  position: relative;
  display: inline-block;
  padding-left: 65px;
  font-family: brandon-grotesque, sans-serif;
  font-weight: 600;
}
.mod-inquiry .tel span {
  color: #ed6d33;
}
.mod-inquiry .tel:before {
  content: "";
  width: 56px;
  height: 36px;
  background: url(../../assets/img/common/freecall.svg) no-repeat center center;
  background-size: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.mod-inquiry .notice {
  font-size: 12px;
}

/*============================
モジュール：旧お問い合わせ
============================*/

div.section.mod-contact {
  margin-bottom: 0;
}

/*============================
モジュール：バナー
============================*/


/*コロナ対策《電話番号非表示》
.mod-banner {
  padding: 6em 0;
}*/

.mod-banner {
  padding: 0 0 3em;
}
.mod-banner .flex {
  justify-content: left;
}
.mod-banner .flex [class *='col-'] a {
  border-radius: 0;
  display: block;
  text-align: center;
}
.mod-banner .col-4 img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

/*============================
SBIグループおすすめサービス（バナー）
============================*/
.sbig-banner .wrap-inner {
  margin-bottom: 4em;
  padding: 2em 0;
  background: #e5eff7;
}
.sbig-banner .ttl-04 {
  margin-bottom: .6em;
}
.sbig-banner [class *='col-'] {
  margin: 1% 2%;
}
.sbig-banner [class *='col-'] > div {
  transition: .3s;
}
.sbig-banner [class *='col-'] > div:hover {
  opacity: .5;
}

/*============================
SBIグループサービス
============================*/
.sbig-service {
  margin-top: 3.5em;
  padding: 3em 0 2em;
  background: #fff;
}
.sbig-service ~ #commonFooter {
  margin-top: 0;
}
.sbig-service-category {
  display: flex;
  font-size: 11px;
}
.sbig-service-category:not(:last-child) {
  margin-bottom: 1.2em;
}
.sbig-service-head {
  width: 128px;
  padding-right: 1em;
  font-weight: 700;
}
.sbig-service-body {
  flex: 1;
}
.sbig-service-list li {
  display: inline-flex;
  align-items: center;
  margin-bottom: .8em;
}
.sbig-service-list li.sp_only {
  display: none;
}
.sbig-service-list li:not(:last-child)::after {
  width: 1px;
  height: 12px;
  background: #000;
  margin: 0 2em;
  content: "";
}

/*============================
モジュール：金利引き下げ制度
============================*/
.mod-ratecut-01 {
  width: 960px;
  margin: auto;
}
.mod-ttl-01 {
  margin-bottom: .8em;
  padding-bottom: .3em;
  border-bottom: 1px solid #ccc;
  font-size: 22px;
  font-weight: 400;
  text-align: left;
}
[class *='ttl-'] .mod-ttl-br,
[class *='ttl-'] .mod-ttl-br-pc {
  display: inline;
}
[class *='ttl-'] .mod-ttl-br-sp {
  display: none !important;
}
.mod-tb-01 {
  width: calc(100% + 12px);
  margin: 0 -6px;
  border-spacing: 6px;
  border-collapse: separate;
  table-layout: fixed;
}
.mod-tb-01 th {
  padding: 1em;
  background-color: #EFEFEF;
  font-weight: 600;
  line-height: 1.3;
}
.mod-tb-01 td {
  padding: 1.5em 1em;
  background-color: #EFEFEF;
  line-height: 1.3;
  text-align: left;
}
.mod-tb-01 .mod-tb-space {
  height: 0;
  padding: 0;
}
.mod-tb-01 .link-arr-01 {
  padding-left: 1em;
  text-indent: -1em;
}
th.mod-tb-ye {
  background-color: #FFD93F;
}
td.mod-tb-ye {
  background-color: #FCF7D7;
}
th.mod-tb-or {
  background-color: #FEC55D;
}
td.mod-tb-or {
  background-color: #FEE4C9;
}
th.mod-tb-gn {
  background-color: #B0D278;
}
td.mod-tb-gn {
  background-color: #E7F4DB;
}
th.mod-tb-bl {
  background-color: #9DCAF0;
}
td.mod-tb-bl {
  background-color: #E8F0FB;
}
th.mod-tb-pl {
  background-color: #CAADD6;
}
td.mod-tb-pl {
  background-color: #EEDBF6;
}
th.mod-tb-wt,
td.mod-tb-wt {
  background-color: #FFF;
}
th.mod-tb-br {
  background-color: #b28748;
}
td.mod-tb-br {
  background-color: #e4d5bf;
}
.mod-tb-txt-s {
  font-size: 12px;
}
.mod-tb-txt-num {
  font-family: brandon-grotesque, sans-serif;
  font-size: 28px;
  font-weight: 700;
}
.mod-tb-ico-plus {
  position: relative;
}
.mod-tb-ico-plus:before {
  position: absolute;
  top: 50%;
  left: -3px;
  display: block;
  width: 18px;
  height: 18px;
  content: url("../../images/common/ico-plus-blk.svg");
  font-size: 18px;
  transform: translate(-50%, -50%);
}
.mod-tb-ico-result {
  position: relative;
}
.mod-tb-ico-result:before {
  position: absolute;
  top: 50%;
  left: -3px;
  display: block;
  width: 18px;
  height: 18px;
  content: url("../../images/common/ico-equal.svg");
  font-size: 18px;
  transform: translate(-50%, -50%);
}
.mod-tb-ico-arrow {
  position: relative;
}
.mod-tb-ico-arrow:before {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 17px;
  height: 17px;
  content: url("../../images/common/arrow-blk-wht.svg");
  font-size: 17px;
  transform: translate(-50%, -50%);
}
.reduction-tbl th:first-child {
  width: 68%;
}
.reduction-tbl th:last-child {
  width: 32%;
}
.reduction-tbl th {
  height: 80px;
}
.reduction-tbl th .link-arr-01 {
  display: flex;
  text-indent: 0;
  text-align: left;
}
.reduction-tbl th .link-arr-01 a {
  text-decoration: underline !important;
}
.reduction-tbl + .reduction-tbl {
  margin-top: 1.3em;
}
.mod-fw-n {
  font-weight:normal !important;
}
.mod-nth {
  display: flex;
  align-items: center;
}
.mod-nth-num {
  font-size: 20px;
  font-weight: 400;
}
.mod-nth-ttl {
  margin-left: .5em;
  font-size: 16px;
}
.mod-outline-rc {
  display: inline-block;
  margin-top: .3em;
  padding: 0.3em 1em;
  background: #000;
  color: #fff;
  border-radius: 3em;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
  text-align: center;
}
.section-btnArea [class*="btn-new-"].sd-btn {
	display: inline-flex;
	font-size: 1rem;
}
.section-btnArea [class*="btn-new-"].sd-btn:not(:hover) {
	background: #f2f2f2;
}
.wide .section-btnArea [class*="btn-new-"].sd-btn:not(:hover) {
	background: #fff;
}
.section-btnArea .btn-new-lg.sd-btn {
	width: 400px;
}
.mod-txt-ss {
  font-size: 10px;
}
.mod-txt-s {
  font-size: 12px;
}
.mod-txt-m {
  font-size: 16px;
}
.mod-txt-l {
  font-size: 18px;
}
.mod-txt-xl {
  font-size: 20px;
}
.mod-txt-xxl {
  font-size: 24px;
}
.ttl-01.mod-ttl-s {
  font-size: 24px;
}
.mod-box-bd01,
.mod-box-bd02 {
  margin: 0 auto;
  padding: 30px;
  border: 6px solid #999;
  border-radius: 0;
}
.mod-box-bd02 {
  max-width: 660px;
}
.mod-hr-gr {
  display: block;
  border: none;
  border-top: 3px solid #F2F2F2;
}
.mod-nowrap {
  white-space: nowrap;
}
.mod-sr-only {
  position: absolute;
  display: block;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.mod-lh-13 {
  line-height: 1.3 !important;
}
.mod-ls-m07 {
  letter-spacing: -.07em;
}
[class *='btn-'].btn-arr {
  position: relative;
}
.btn-lg.btn-arr {
  width: 52%;
  padding: 1.2em 3em;
}
[class *='btn-'].btn-arr:before {
  position: absolute;
  top: 50%;
  right: 8%;
  margin-right: 0;
  transform: translateY(-50%);
}
.reduction-box-01 .pd-txt-m {
  font-size: 15px;
}
.reduction-plus h2 {
  font-size: 21px;
  font-weight: 700;
}
.reduction-plus-chk {
  font-size: 18px;
  font-weight: 700;
}
.reduction-plus-chk:before {
  display: inline-block;
  width: 27px;
  height: 20px;
  margin-right: .5em;
  background: url("../../product/images/ico_check.svg") no-repeat 0 0;
  background-size: 100%;
  content: "";
  vertical-align: -.2em;
}
.reduction-point {
  display: flex;
  flex-wrap: wrap;
  margin-right: -3px;
  margin-left: -3px;
}
.reduction-point > dl {
  width: 33.33%;
}
.reduction-point > dl > dt,
.reduction-point > dl > dd {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 3px solid #fff;
  text-align: center;
}
.reduction-point > dl > dt {
  flex-direction: column;
  padding: 1em;
  background-color: #9DCAF0;
  border-bottom: none;
  font-weight: 700;
}
.reduction-point > dl > dd {
  padding: 1.2em 1em 1.4em;
  border-top: none;
  background-color: #E8F0FB;
}
.reduction-point > dl > dd img {
  max-width: 100%;
  height: auto;
}
.reduction-sim {
  display: flex;
}
.reduction-sim > dl {
  width: 25%;
  display: flex;
  flex-direction: column;
}
.reduction-sim > dl > dt,
.reduction-sim > dl > dd {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #fff;
}
.reduction-sim > dl > dt {
  height: 62px;
  padding: .5em;
  background-color: #9DCAF0;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}
.reduction-sim > dl > dd {
  flex-grow: 1;
  padding: .6em .8em;
  background-color: #E8F0FB;
  font-weight: 700;
  line-height: 1.3;
  text-align:center;
}
.reduction-sim > dl > dd select {
  width: 100%;
  height: 60px;
  margin: 0;
  white-space: normal;
}
.reduction-sim .mod-tb-txt-num {
  line-height: 1.1;
}
.reduction-sim-result-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 48px;
}
.reduction-sim-result {
  display: none;
}
.reduction-sim dl:first-child dt {
  background-color: #FFD93F;
}
.reduction-sim dl:first-child dd {
  background-color: #FCF7D7;
}
.reduction-sim dl:nth-child(2) dt {
  background-color: #FEC55D;
}
.reduction-sim dl:nth-child(2) dd {
  background-color: #FEE4C9;
}
.reduction-sim dl:nth-child(3) dt {
  background-color: #B0D278;
}
.reduction-sim dl:nth-child(3) dd {
  background-color: #E7F4DB;
}
.tab-index.mod-tab-index-5 li {
  width: 19.5%;
}
.tab-index.mod-tab-index-6 li {
  width: 16.1%;
}
/*============================
商品：子育てプラス
============================*/
.f35plus-feature-ttl-01 {
  font-size: 26px;
  font-weight: 700;
}
.f35plus-feature-ttl-02 {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -.05em;
}
.f35plus-feature-ttl-02-inner {
  display: flex;
  align-items: center;
  margin-right: .5em;
}
.f35plus-feature-ttl-ico {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 2em;
  height: 2em;
  margin-right: .5em;
  background: #666;
  border-radius: 50%;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}
.f35plus-feature-ttl-img {
  margin-left: auto;
}
.f35plus-feature-txt-01 {
  font-size: 15px;
}
.f35plus-feature-txt-01 .f35plus-feature-num {
  font-size: 20px;
}
.f35plus-feature-txt-01 sup {
  font-size: .6em;
  vertical-align: super;
}
.f35plus-feature-txt-01 img {
  vertical-align: -2px;
}
.f35plus-feature-txt-02 {
  font-size: 15px;
  letter-spacing: -.03em;
}
.f35plus-feature-txt-03 {
  font-size: 22px;
}
.f35plus-feature-txt-03 .f35plus-feature-num {
  font-size: 36px;
  font-family: "brandon-grotesque", sans-serif;
}
.f35plus-feature-img {
  min-height: 109px;
}
.f35plus-feature-flex {
  display: flex;
  justify-content: space-between;
}
.f35plus-feature-txt-wd {
    display: inline-block;
    min-width: 19.5em;
    letter-spacing: -.05em;
}
.f35plus-feature-result {
	display: inline-block;
	margin-top: .5em;
}
/*============================
商品：金利共通
============================*/

div.section>h2.ttl-02+ul.loan {
  margin-bottom: 2em;
}

/*============================
商品：借り入れ / 借り換え リンクパネル内
============================*/

#sp-flat .ttl-03 {
  margin-top: 1.5em;
}
.flex.link-panel.typeA a {
  padding: 3.2em 0;
}
.link-panel.typeA a:after {
  top: inherit;
  bottom: 5px;
}
.panel-wrap {
  width: 100%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.panel-wrap figure.icon {
  position: relative;
}
.panel-wrap figure.icon:before {
  content: "";
  position: absolute;
  padding-top: 66px;
  display: block;
  overflow: hidden;
  top: -28px;
  right: 20px;
  width: 66px;
  height: 0;
  background: url(../../product/images/kinri-kotei.svg) no-repeat center center;
  background-size: 100%;
}
.panel-wrap figure img {
  height: 90px;
}
.detail {
  margin-top: auto;
}
.detail .text {
  padding-top: 0.65em;
}
.detail .text img {
  height: 18px;
}
.detail .text p:not(.caption) {
  font-size: 20px;
  line-height: 1.4;
  font-weight: 500;
}
.detail .text img+p {
  padding-top: .25em;
}
.detail .loan {
  padding-top: 1em;
}
.detail .loan br {
  display: none;
}

/* パネル（SP版デザイン） */
.panel-flat .panel-wrap {
  flex-direction: row;
}
.panel-flat .panel-wrap figure {
  width: 30%;
}
.others .panel-flat .panel-wrap figure {
  width: 25%;
}
.panel-flat .panel-wrap figure.icon:before {
  display: none;
}
.flex.link-panel.typeA.panel-flat a {
  padding: 8% 5%;
}
.flex.link-panel.typeA.panel-flat a:after { 
  top: 50%;
  right: 8px;
  width: 15px;
  height: 15px;
}
.panel-flat .panel-wrap .icon img {
  max-width: 89px;
  height: auto;
}
.panel-flat .panel-wrap .icon.icon-house {
  margin-top: 9px;
}
.panel-flat .detail {
  flex: 1;
}
.panel-flat .detail .text p:not(.caption) {
  font-size: 16px;
}
.panel-flat ul.loan.md li {
  font-size: 12px;
}
.others .panel-flat p.caption {
  font-size: 11px;
}
.option-panel.option-flat [class *='col-'] {
  padding: 1em 1em 1em 2em;
}
.option-panel.option-flat [class *='col-'] a:after {
  top: 50%;
  bottom: inherit;
  transform: translateY(-50%);
  right: -5px;
}
.option-flat .option-wrap {
  width: 100%;
}
.option-flat .option-wrap:before {
  top: 50%;
  left: -38px;
  width: 18px;
  height: 18px;
  transform: translateY(-50%);
}
.option-flat .option-wrap .name {
  width: 80%;
  padding: 0 0 .25em 0;
  font-size: 16px;
  text-align: left;
}
.option-flat .option-wrap div {
  width: 100%;
}
.option-flat .option-wrap p.icon {
  position: absolute;
  top: 50%;
  right: 25px;
  width: 35px;
  height: 35px;
  transform: translateY(-50%);
}
.option-flat .option-wrap p.caption {
  width: 100%;
  padding: 0;
  font-size: 12px;
  text-align: left;
}
.flex.link-panel.typeB.panel-flat a {
  display: flex;
  padding: 1.5em 2em 1.5em 1em;
}
.flex.link-panel.typeB.panel-flat a:after {
  width: 15px;
  height: 15px;
}
.flex.link-panel.typeB.panel-flat a .text-wrap {
  width: 70%;
  min-height: 0 !important;
}
.flex.link-panel.typeB.panel-flat p {
  font-size: 12px;
}
.flex.link-panel.typeB.panel-flat p strong {
  font-size: 16px;
}
.flex.link-panel.typeB.panel-flat a .icon-wrap {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  width: 40%;
  padding-top: 0;
}
.flex.link-panel.typeB.panel-flat a p.icon {
  width: 40px;
  height: 40px;
}
.link-panel.typeB.panel-flat > .col-3 a:after {
  top: 50%;
  right: 8px;
  bottom: auto;
  width: 15px;
  height: 15px;
}
#bank .wrap-inner-sm,
#danshin .wrap-inner-sm,
#teikeihoken-contents .wrap-inner-sm,
#service .wrap-inner-sm {
  width: 80%;
  margin-right: auto;
  margin-left: auto;
}

/* 提携ローン */
.flex .col-3 .partner-pdf {
  padding-left: 4em;
  padding-right: 3.4em;
  background: url(../../assets/img/common/pdf_blk.svg) no-repeat 12px center #fff;
  background-position: 4% 53%;
  background-size: 30px;
}
.flex .col-3 .partner-pdf:hover {
  background-color: #ffd800;
}

.flex .col-3 .partner-pdf .mod-pd-link-txt{
  width: 115%;
  margin-left: 20px;
}

/* 金利引き下げ制度 */
.pd-reduction {
  margin-top: 3em;
}
.pd-reduction-item {
  padding-bottom: 2em;
}
.pd-reduction-lead {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 6em;
  margin-bottom: 1.2em;
  padding: .7em 1.5em;
  background: #FCF7D7;
  border-radius: 6px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}
.pd-reduction .mod-pd-link {
  padding: 1em 2em;
  font-size: 16px;
}
.pd-reduction-dl {
  display: flex;
  align-items: center;
  margin-bottom: 1.2em;
}
.pd-reduction-dl dt {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 78px;
  height: 23px;
  margin-right: 12px;
  background: #ED6D33;
  border-radius: 6px;
  color: #FFF;
  font-size: 13px;
  line-height: 1;
}
.pd-reduction-dl dd {
  flex: 1;
  line-height: 1.3;
}
.pd-reduction-detail {
  display: flex;
}
.pd-reduction-detail-img {
  width: 84px;
  margin-right: 6px;
  text-align: center;
}
.pd-reduction-detail-img img {
  height: 45px;
}
.pd-reduction-detail-txt {
  flex: 1;
}
.reduction_img_center span img {
    display: block;
    margin: auto;
    max-width: 100%;
}
.moresmall {
  font-size: 12px !important;
}
@media only screen and (max-width:640px) {
    .pc_only {
        display: none !important;
    }
}

/* 【フラット３５】S */
#tech_standard {
  margin-top: -65px;
  padding-top: 65px;
}

/* フラット35 */
#kariire-flat-35 .btn-new-lg {
  width: 90%;
  max-width: 400px;
  font-size: 1rem;
}

/* フラット35&フラットα バナー  */

.banner-flat35-p img {
  display: block;
  margin: auto;
}

/* 個別テキスト指定 */

#flat-35-ms .text p, #flat-35-mr .text p, #flat-35-mts .text p, #flat-35-mtr .text p {
  letter-spacing: -1px;
  font-size: 17px;
  line-height: 1.7;
}

/* 適合証明検査サービス */

#certificate .pgh-emc-01 {
  color: red;
  font-weight: bold;
  margin: 0 0.5em 1em;
}

/* 借り換えバナー */

.banner-karikae img {
  display: block;
  margin: auto;
}

/* 商品ページ・個別 */

li h4.ttl-04, .box-p02 h4.ttl-04 {
  text-align: left;
  font-size: 100%;
  font-weight: bold;
}

/*============================
商品：団信・保険・サービス
============================*/

.others .detail .text {
  padding-bottom: 0.65em;
}
.others:not(#danshin) .col-3 {
  padding-top: 70px;
}
.others p.ttl-panel {
  width: 100%;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  padding: .5em 0;
  min-height: 70px;
  position: absolute;
  top: -70px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.others p.ttl-panel br {
  display: block;
}
.others p.caption {
  font-size: 14px;
}

/*============================
商品：選べるオプションローン
============================*/

[class *='option-panel']>[class *='col-'] {
  padding: 2em 0 1.6em;
  border-radius: 6px;
  background: #fff;
}
.option-wrap {
  position: relative;
}
.option-wrap:before {
  content: "";
  position: absolute;
  top: -40px;
  left: 50%;
  width: 24px;
  height: 24px;
  background: url(../../product/images/plus.svg) no-repeat center center;
  background-size: 100%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.option-wrap .name {
  font-size: 20px;
  line-height: 1.4;
  padding: 0 1em 0.5em;
  font-weight: 500;
  text-align: center;
}
.option-wrap div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 170px;
  margin: auto;
}
p.icon {
  width: 66px;
  height: 66px;
}
.option-wrap p.caption {
  text-align: left;
  padding-left: 10px;
  width: 104px;
}

/*============================
商品：銀行の住宅ローン
============================*/

.link-panel.typeB strong {
  display: block;
  line-height: 1.4;
}
.flex.link-panel.typeB a {
  padding: 1.6em;
  display: block;
}
.flex.link-panel.typeB a .icon-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 1em;
}
.flex.link-panel.typeB a p.icon {
  width: 50px;
  height: 50px;
  margin-left: 1em;
}
.flex.link-panel.typeB a p.icon:first-child {
  margin-left: 0;
}
p.icon.hendou img {
  width: 100%;
  background: #ffd900;
  border-radius: 500px;
}
.flex.link-panel.typeB a:hover p.icon.hendou img {
  background-color: #fff;
}
.link-panel.typeB>[class *='col-']:before {
  top: 50%;
  bottom: inherit;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
#bank .text-wrap {
  min-height: 85px;
}

/*============================
商品：住宅ローン専用火災保険
============================*/

#fire_info h3.ttl-04 {
  font-size: 120%;
  font-weight: bold;
  text-align: left;
}
#fire_info h4.ttl-04 {
  font-weight: bold;
  text-align: center;
}
#fire_info [class *='ttl-'] br {
  display: inline;
}

/*============================
商品：就業不能保険 スタンダード／旧：全疾病保障（入院一時金付）
============================*/
.zenshippei-movie {
  justify-content: center !important ;
}
.zenshippei-movie .movie-detail{
  margin-bottom: 0;
}
.zenshippei-movie .movie-detail-tn-iframe{
	width: 550px;
	height: 300px;
	max-width: initial;
	max-height: inherit;
}
.flex .box-p02 .zenshippei-link a {
  color: #333;
  text-decoration: underline;
  display: inline;
}

/*============================
商品：就業不能保険 ライト／旧：就業不能保障（入院一時金付）
============================*/
.syugyofunou-feature {
  margin-top: 3em;
  border: 2px solid #ffd800;
  border-radius: 15px;
}
.syugyofunou-feature-top {
  padding: .6em;
  font-size: 22px;
  font-weight: 700;
}
.syugyofunou-feature-ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1em;
  padding: .1em;
  background: #ffd800;
  font-size: 30px;
  font-weight: 700;
}
.syugyofunou-feature-plus {
  margin: -20px 20px -20px -20px;
}
.syugyofunou-feature-cont {
  display: flex;
  margin-top: 2em;
  padding-bottom: 1.7em;
}
.syugyofunou-feature-cont > li {
  width: 33.333%;
  padding: 0 1.9em;
}
.syugyofunou-feature-cont > li + li {
  border-left: 1px solid #ccc;
}
.syugyofunou-feature-dtl {
  display: flex;
  align-items: center;
  margin-bottom: 1em;
  letter-spacing: -.03em;
  line-height: 1.4;
}
.syugyofunou-feature-dtl figure {
  flex-shrink: 0;
  margin-right: .8em;
}
.syugyofunou-feature-result {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.syugyofunou-feature-result:before {
  margin-bottom: .5em;
  border-color: #fce1b9 transparent transparent;
  border-style: solid;
  border-width: 26px 50px 0;
  content: "";
}

/*============================
金利情報
============================*/

#rate-cont.section-btnArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#rate-cont.section-btnArea a {
  font-size: 13px;
  line-height: 50px;
  height: 50px;
  padding: 0;
  width: 30%;
}
#rate-optionloan .panel-wrap figure {
  font-size: 24px;
  font-weight: 600;
  padding: .75em 0;
  width: 70%;
  margin: auto;
  border-radius: 6px;
  border: 4px solid #000;
  background: #fff;
}
.tag-wrap {
  position: absolute;
  top: 15px;
  left: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.tag-wrap li {
  font-size: 13px;
  padding: 0 .5em;
  border: 1px solid #000;
  border-radius: 100px;
  background: #fff;
  margin-left: 6px;
}
.tag-wrap li:first-child {
  margin-left: 0;
}
.modal .tag-wrap {
  position: inherit;
  top: inherit;
  left: inherit;
  margin-bottom: 2em;
}

/*============================
金利情報：モーダル
============================*/

.mfp-bg {
  background: #acabab;
  opacity: 0.9;
}
div.modal {
  position: relative;
  width: 844px;
  margin: auto;
  padding: 90px 50px 50px;
  background: #fff;
}
.mfp-close-btn_in .mfp-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 58px;
  height: 0;
  background: url(../../assets/img/common/modal-close.svg) center center no-repeat #000;
  background-size: 100%;
  padding-top: 58px;
  overflow: hidden;
  margin: 0;
  opacity: 1;
  border-radius: 0;
}
.modal .tab-wrap-01 {
  clear: both;
}
div.modal .ttl-02 {
  letter-spacing: 0;
  margin-bottom: 1.2em;
}
div.modal .ttl-02 br {
  display: block;
}
.nav-title {
  width: 20%;
  float: left;
  font-size: 16px;
  font-weight: 500;
}
.modal .tab-index {
  width: 80%;
  float: left;
  margin-bottom: 1em;
  border-bottom: none;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.modal .tab-index li {
  border-left: 1px solid #ccc;
}
.modal .tab-index li:first-child {
  border: none;
}
.modal .tab-index li a {
  padding: .15em 0;
  border: none;
  color: #000;
}
.modal .tab-index li.select a {
  border: none;
  font-weight: 500;
  background: #ffd800;
}
.modal .tab-index li a:hover {
  font-weight: 500;
  background: #ffd800;
}
table .sp {
  display: none;
}

/*============================
金利表
============================*/

.rate-table-wrap div {
  display: none;
}
.rate-table-wrap div:first-of-type {
  display: block;
}
.rate-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 20px;
}
.rate-form:first-of-type {
  margin-top: 0;
}
.rate-form fieldset,
.rate-form legend {
  display: contents;
}
.rate-form p,
.rate-form legend span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 10rem;
  font-size: 16px;
}
input[type=radio] {
  display: none;
  padding: 30px;
}
input[type=radio]:checked+label {
  background-color: #ffd800;
  font-weight: bold;
}
label.btn {
  background: #efefef;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  font-weight: 400;
  padding: .15em 0;
  text-align: center;
  border-left: 1px solid #ccc;
  cursor: pointer;
  width: 10em;
}
label.btn:first-of-type {
  border: none;
}
label.btn:hover {
  background-color: #ffd800;
}
.rate-tabel {
  width: 100%;
  margin-top: 2.5em;
  display: block;
  font-size: 16px;
}
.rate-tabel .tbl-01 {
  width: 100%;
  border-color: #898989;
}
.rate-tabel .tbl-01.rate th, .rate-tabel .tbl-01.rate td {
  padding: .5em;
  border-color: #898989;
}
.rate-tabel .tbl-01 th {
  background: #efefef;
}
.rate-tabel .tbl-01.rate th.rate-title {
  font-size: 17px;
  background: #cacaca;
}
.modal ul[class *='list-a'] li {
  font-size: 78%;
}
.modal h3.ttl-03 br {
  display: none;
}
.modal .list-l01 {
  margin: 0 !important;
}
.modal .list-l01 li {
  margin-top: .5em;
}
.modal .list-l01 li:first-child {
  margin-top: 0;
}

/* 2022.02 金利一覧改修 */
.tab-index-hr {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 70px;
  border-bottom: 1px solid #ccc;
}
.tab-index-hr li {
  position: relative;
  border-radius: 6px 6px 0 0;
  background: #e6e6e6;
}
.tab-index-hr li a {
  display: block;
  padding: 1em;
  color: rgba(0,0,0,.3);
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  line-height: 1;
}
.tab-index-hr li.select {
  top: 1px;
  width: 480px;
  background: #fff;
  border: 1px solid #ccc;
  border-bottom: none;  
}
.tab-index-hr li.select a {
  border-top: 6px solid #FFE100;
  border-radius: 5px 5px 0 0;
  color: #000;
  transition: opacity .4s;
}
.tab-index-hr li:not(.select) {
  width: 440px;
  margin: 7px 20px 0;
  box-shadow: 0 -12px 12px -6px rgba(0, 0, 0, .1) inset;
}
.tab-index-hr li.select .tab-edge-l,
.tab-index-hr li.select .tab-edge-r {
  position: absolute;
  bottom: 0;
  display: block;
  width: 6px;
  height: 6px;
  background: #fff;
}
.tab-index-hr li.select .tab-edge-l:before,
.tab-index-hr li.select .tab-edge-r:before {
  display: block;
  width: 6px;
  height: 6px;
  content: "";
  border: 1px solid #ccc;
  border-top: none;

}
.tab-index-hr li.select .tab-edge-l {
  left: -6px;
}
.tab-index-hr li.select .tab-edge-l:before {
  border-left: none;
  border-radius: 0 0 6px 0;
}
.tab-index-hr li.select .tab-edge-r {
  right: -6px;
}
.tab-index-hr li.select .tab-edge-r:before {
  border-right: none;
  border-radius: 0 0 0 6px;
}

.page-rate .wrap-01 .wrap-inner>div.section:first-of-type {
  margin-top: 1em;
}
.rate-nav {
  max-width: 960px;
  margin: 0 auto 2em;
}
.rate-nav-items {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -.5%;
}
.rate-nav-item {
  width: 24%;
  margin: .5%;
}
.rate-nav-item a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-height: 4.6em;
  padding: .8em 1.5em;
  background: #fff;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
  border: 2px solid #a5a5a5;
  border-radius: 6px;
  box-shadow: 1px 1px 2px 0px rgb(0, 0, 0, .15);
  transition: .3s;
}
.rate-nav-item a:hover,
.rate-nav-item.select a {
  background: #0058a2;
  border-color: #0058a2;
  color: #fff;
  opacity: 1;
}
.rate-nav-item a::after {
  position: absolute;
  top: 50%;
  right: 6px;
  width: 14px;
  height: 14px;
  background: url("../../images/common/arrow-blk-wht.svg") no-repeat 0 0;
  background-size: 100%;
  content: "";
  transform: translateY(-50%) rotate(90deg);
}
.rate-nav-item:hover a::after,
.rate-nav-item.select a::after  {
  background: url("../../images/common/arrow-wht.svg") no-repeat 0 0;
  background-size: 100%;
}
.rate-prod-inner {
  max-width: 720px;
  margin: 0 auto;
}
.rate-prod-block {
  margin-bottom: 2em;
}
.rate-prod-block-danshin {
  padding-top: 1.2em;
  border-top: 1px solid #ccc;
}
.rate-prod-ttl {
  margin-bottom: 1em;
  padding-bottom: .4em;
  border-bottom: 3px solid #0091d3;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.5;
}
.rate-prod-ttl-sub {
  display: block;
  margin-top: .3em;
  font-size: .7em;
}
.rate-prod-type {
  margin: .5em;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}
.rate-prod-period {
  margin-bottom: .8em;
  color: #0091d3;
  font-size: 15px;
  font-weight: 700;
  text-align: center;
}
.rate-prod-period strong {
  margin-right: 1em;
}
.rate-prod-period sup {
  font-size: .6em;
  vertical-align: .6em;
}
.rate-prod-box {
  padding: 2em 3em;
  background: #ebf3ff;
  border-radius: 5px;
}
.rate-tb-01 colgroup col:first-child {
  width: 50%;
}
.rate-tb-02 colgroup col:first-child {
  width: 26%;
}
.rate-tb-02 colgroup col:nth-child(2),
.rate-tb-02 colgroup col:nth-child(3) {
  width: 37%;
}
.rate-tb-03 colgroup col:first-child {
  width: 40%;
}
.rate-tb-04 colgroup col:first-child {
  width: 65%;
}
.rate-tb-05 colgroup col:first-child {
  width: 50%;
}
.rate-tb-03 tbody th,
.rate-tb-04 tbody th {
  padding-left: 1em;
  text-align: left;
}
.rate-tb th,
.rate-tb td {
  padding: .5em .8em;
  border: 1px solid #898989;
  font-size: 13px;
  text-align: center;
}
.rate-tb th {
  background: #efefef;
}
.rate-tb thead th,
.rate-tb thead .gray {
  background: #C9CACA;
}
.rate-tb-blu thead th,
.rate-tb-blu thead .gray {
  background: #b0d4f2;
}
.rate-tb-blu tbody th {
  background: #ebf3ff;
}
.rate-tb .pgh-kinri-01 {
  font-size: 1.8em;
  line-height: 1.2;
}
.rate-tb .pgh-kinri-sm {
  font-size: 2em;
}
.rate-tb sup {
  font-size: .6em;
  letter-spacing: -.07em;
}
.rate-tb-danshin span {
  margin: 0 .2em;
  font-size: 1.2em;
  vertical-align: -.05em;
}
.rate-tb-adj-01 td:not(.rate-tb-adj-01-not),
.rate-tb-adj-02 td:not(.rate-tb-adj-02-not) {
  text-align: left;
}
.rate-tb-adj-01 td:not(.rate-tb-adj-01-not) strong {
  display: block;
  padding-left: calc(50% - 4em);
}
.rate-tb-adj-02 td:not(.rate-tb-adj-02-not) strong {
  display: block;
  padding-left: calc(50% - 7.5em);
}

/*============================
【フラット３５】の金利推移
============================*/

.rate-tb-yellow {
  background-color: #FFFCE5 !important;
}
.page-transition .col-5 .btn-new-md {
  min-width: 290px;
  letter-spacing: -.05em;
}

/*============================
フランチャイズ
============================*/

#fc .ttl-01 {
  padding: 0;
}

/*============================
住信SBI
============================*/

#mr .mr .wrap-inner {
  width: 960px;
  margin: auto;
}
#mr .pgh-01 {
  text-align: left;
}
#mr .wrap-01:nth-child(2) {
  padding: 0;
}
#mr .ttl-02.mr {
  text-align: left;
  font-weight: 600;
}
#mr .ttl-02 span {
  background: none;
}
#mr .ttl-03 {
  background: none;
  color: #000;
}
#mr .ttl-05.mr {
  text-align: center;
}
#mr .pgh-c .pgh-01 {
  text-align: center;
}
.mr-cbc-01 {
  display: inline-block;
  vertical-align: top;
}
.mr-cbc-01 p {
  margin-right: 20px;
}

/*============================
ソニー銀行
============================*/
.gnavi-sub-hide .gnavi-sub{
  display: none;
}
#sonybank .section a{
  color:#2E5BA1;
}
#sonybank .link-out-01-new:after{
  text-decoration: none;
  color:#2E5BA1;
}
#sonybank .wrap-inner.sony {
  width: 960px;
}
#sonybank .ttl-01.sony {
  display: block;
  height: auto;
  padding: 0;
  font-weight: normal;
}
#sonybank .cancellation {
  padding: 0;
}
#sonybank .btnwrap{
  margin-bottom:30px;
}
#sonybank .btnwrap .col-2:first-child{
  text-align: right;
  padding-right:15px;
}
#sonybank .btnwrap .col-2:last-child{
  padding-left:15px;
}
#sonybank .btn-large{
  max-width:327px;
  width: 100%;
  border-radius:40px;
  margin:0 0 5px 0;
  padding: 0.8em 0em 0.8em 0em;
  font-size: 24px;
  font-weight: normal;
  color:#FFF !important;
  position: relative;
  background-color:#69A7CD;
}
#sonybank .btn-internal-red,
#sonybank .btn-internal-blue{
  margin-bottom:1.5em;
}
#sonybank .btn-internal-red{
  padding-left:1em;
}
#sonybank .btn-internal-red::before,
#sonybank .btn-internal-blue::before {
  position: absolute;
  left:0.9em;
  top:auto;
  content: ">";
  transform: rotate(90deg) scaleX(0.5);
  font-size: 42px;
  line-height:1;
}
#sonybank .btn-internal-red{
  background-color: #E96049;
}
#sonybank .btn-internal-blue{
  background-color: #69A7CD;
}
#sonybank .ttl-02.sony {
  text-align: left;
  font-weight: 600;
}
#sonybank .ttl-02.sony span {
  background: none;
}
#sonybank .ttl-03 {
  background: none;
  color: #000;
  text-align: left;
  padding: 0;
}
#sonybank .ttl-square{
  text-align:left;
  font-size: 21px;
  margin:1.5em 0 0.8em 0;
}
#sonybank .ttl-square::before {
  content:'';
  display: inline-block;
  width:1em;
  height:1em;
  margin-right:2px;
  background-color:#000;
  vertical-align: top;
  margin-top: 0.3em;
}
#sonybank .ttl-square .pgh-emc-01{
  font-size: 86%;
}
#sonybank .col-3.pgh-c img {
  width: 60%;
}
#sonybank #rate .table-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#sonybank #rate .tbl-01.typeA {
  width: 32%;
}
#sonybank #rate .tbl-01.typeA td {
  display: block;
}
#sonybank #rate .tbl-01.typeA td.title {
  background: #f0f0f0;
}
#sonybank .rate-title {
  padding: .8em;
  background: #305e8d;
  font-size: 140%;
  font-weight: normal;
  color: #fff;
  text-align: center;
  margin-bottom: 1em;
}
#sonybank .rate-lede {
  font-size: 120%;
  text-align: center;
  padding: .8em;
}
#sonybank #rate .tbl-01.typeA .span01 {
  font-size: 130%;
}
#sonybank #rate .tbl-01.typeA .span03 {
  font-size: 120%;
}
#sonybank #merit .notice {
  margin-left: 45px;
  padding: .6em 1em;
  border: 1px solid #888;
}
#sonybank .cell-checkbox{
  width:10em;
  text-align:center;
}
#sonybank .screening_select-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin:30px 0 30px 0;
}
#sonybank #screening_select-area,
#sonybank #screening_select-shop {
  margin:0 20px 1.5em 20px;
  font-size: 18px;
}
#sonybank #screening_select-area[disabled],
#sonybank #screening_select-shop[disabled] {
  background-image: none;;
}
#sonybank .screening_submit {
  text-align:center;
}
#sonybank #screening_link{
  background-color: #E96049;
  max-width:400px;
}
#sonybank #screening_link.disabled{
  background-color: #CCC;
  cursor:default;
}
#sonybank #screening_link.disabled:hover{
  opacity: 1;
}
#sonybank #screening_link .link-out-01-new::after{
  color: #FFF;
  margin-left:0.5em;
}
/* sonybank links */
#sonybank .link-sonybank {
  background: #F9F8F4;
  border-radius: 4px;
  padding: 24px 40px;
}
#sonybank .link-sonybank .col-3 { width: 240px; }
#sonybank .link-sonybank .btn-large {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  line-height: 1.3;
  min-height: 3.6em;
  padding: .5em 20px .5em 0;
  position: relative;
}
#sonybank .link-sonybank .btn-large .link-out-01-new {
  position: static;
}
#sonybank .link-sonybank .btn-large .link-out-01-new::after {
   color: #FFF;
   font-size: 110%;
   position: absolute;
   top: 50%;
   right: 14px;
   -webkit-transform: translateY(-50%);
       -ms-transform: translateY(-50%);
           transform: translateY(-50%);
}
#sonybank .link-sonybank .col-1 {
  text-align: center;
}

/*============================
住宅ローン比較表
============================*/
#loan-hikaku .fw-n{
  font-weight:normal;
}
#loan-hikaku .tbl-01 td{
  vertical-align: top;
}
#loan-hikaku #related_page .grid{
  max-width:800px;
  margin-left:120px;
}
/*============================
楽天銀行
============================*/

#rakuten .wrap-inner.rakuten {
  width: 960px;
}
#rakuten .ttl-01.rakuten {
  display: block;
  height: auto;
  padding: 0;
}
#rakuten .cancellation {
  padding: 0;
}
#rakuten .ttl-02.rakuten {
  text-align: left;
  font-weight: 600;
}
#rakuten .ttl-02.rakuten span {
  background: none;
}
#rakuten .ttl-03 {
  background: none;
  color: #000;
  text-align: left;
  padding: 0;
}

/*============================
auじぶん銀行
============================*/

#jibunbank .wrap-01.jibunbank {
  background: #eb7000;
  padding: 0;
}
#jibunbank .wrap-inner.jibunbank {
  width: 960px;
}
#jibunbank .wrap-inner.jibunbank {
  background: url(../../product/jibunbank/images/jibunbank_logo.webp) center right no-repeat;
}
#jibunbank .inner02 {
  padding: 40px 0;
}
#jibunbank .ttl-01.jibunbank {
  color: #fff;
  text-align: left;
  padding-left: 0;
}
#jibunbank img.jibunbank-logo {
  display: none;
}
#jibunbank p.jibunbank-description {
  color: #fff;
}
#jibunbank .cancellation {
  padding: 0;
}
#jibunbank .ttl-02.jibunbank {
  text-align: left;
  font-weight: 600;
}
#jibunbank .ttl-02.jibunbank {
  margin-bottom: 1.5em;
  font-size: 150%;
  padding-bottom: .5em;
  border-bottom: solid 4px #eb7000;
}
#jibunbank .ttl-02.jibunbank span {
  background: none;
}
#jibunbank .th01 {
  background: #eb7000;
  font-weight: normal;
  color: #fff;
  text-align: center;
  border-right: solid 1px #cccccc;
  border-bottom: none;
}
#jibunbank .td01 {
  text-align: center;
  border-right: solid 1px #cccccc;
  background: #ffd900;
}
#jibunbank .td02 {
  text-align: center;
  border-right: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #f0f0f0;
}
#jibunbank .td03 {
  text-align: center;
  border-right: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  font-size: 170%;
  font-weight: bold;
}
#jibunbank .td03 span:first-child {
  font-size: 170%;
  font-weight: bold;
  color: #eb7000;
}
#jibunbank .td03 span:nth-of-type(2) {
  font-size: 60%;
}
#jibunbank .ttl-03.jibunbank {
  margin-bottom: 1em;
  font-size: 110%;
}
#jibunbank .ttl-03 {
  background: none;
  color: #000;
  text-align: left;
  padding: 0;
}
#jibunbank .ttl-03 span {
  color: #fff;
  background-color: #eb7000;
  margin-right: .4em;
  padding: .1em .4em;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  float: left;
}
#jibunbank .text-right {
  text-align: right;
}
#jibunbank .jibunbank-img {
  text-align: center;
  margin: 1em 0;
}
#jibunbank .jibunbank-img img:nth-child(2) {
  display: none;
}
#jibunbank .jibunbank-img-half {
  text-align: center;
  margin: 2em 5em;
}
#jibunbank .box-p02 a.jibunbank {
  color: #fff;
  background-color: #eb7000;
}
/*============================
住信SBIネット銀行
============================*/
#ssnb .wrap-01.ssnb {
  padding: 0;
  background: #0058a0;
}
#ssnb .wrap-inner.ssnb {
  width: 960px;
  background: url(../../product/ssnb/images/ssnb_logo.webp) center right no-repeat;
}
#ssnb .inner02 {
  padding: 40px 0;
}
#ssnb .ttl-01.ssnb {
  margin-bottom: .3em;
  padding: 0;
  color: #fff;
  line-height: 1.3;
  text-align: left;
}
#ssnb img.ssnb-logo {
  display: none;
}
#ssnb p.ssnb-description {
  color: #fff;
}
#ssnb .cancellation {
  padding: 0;
}
#ssnb .ttl-02.ssnb {
  margin-bottom: 1.5em;
  padding-bottom: 0.5em;
  border-bottom: solid 4px #0058a0;
  font-size: 150%;
  font-weight: 600;
  text-align: left;
}
#ssnb .ttl-02.ssnb span {
  background: none;
}
#ssnb .ttl-03 {
  padding: 0;
  background: none;
  color: #000;
  text-align: left;
}
#ssnb .ttl-03.ssnb {
  margin-bottom: 1em;
  font-size: 110%;
}
#ssnb .ttl-03 span {
  color: #fff;
  background-color: #0058a0;
  margin-right: 0.4em;
  padding: 0.1em 0.4em;
  border-radius: 4px;
  float: left;
}
#ssnb .th01 {
  background: #0058a0;
  font-weight: normal;
  color: #fff;
  text-align: center;
  border-right: solid 1px #cccccc;
  border-bottom: none;
}
#ssnb .td01 {
  background: #b2d3e6;
  border-right: solid 1px #cccccc;
  text-align: center;
}
#ssnb .td02 {
  background: #f0f0f0;
  border-right: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
  text-align: center;
}
#ssnb .td03 {
  background: #fff;
  border-right: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
  font-size: 170%;
  font-weight: bold;
  text-align: center;
}
#ssnb .td03 span:first-child {
  font-size: 170%;
  font-weight: bold;
  color: #eb7000;
}
#ssnb .box-p02 a.ssnb {
  color: #fff;
  background-color: #0058a0;
}
.bank-modal-btn[class *='btn-'] {
  display: none;
}
#ssnb a.ssnb.bank-modal-btn {
  display: inline-block;
  padding: 1.2em .8em;
  background: #ebf3ff;
  border: 2px solid #0058a0;
  color: #000;
  letter-spacing: -.03em;
}
.ssnb-anchor {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 3.5em;
  padding: 1.5em;
  background: #f1f1f1;
}
.ssnb-anchor-txt {
  margin-right: 2em;
  font-size: 18px;
  font-weight: 700;
}
.ssnb-anchor .btn-new-lg {
  width: 470px;
  max-width: 90%;
}
.ssnb-anchor .btn-new-lg::before {
  transform: rotate(90deg);
}
.ssnb-support-cont {
  display: grid;
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr 47%;
  align-items: start;
  margin-bottom: 2em;
}
.ssnb-support-ttl {
  grid-row: 1 / 2;
  grid-column: 1 / 2;
  display: flex;
  align-items: center;
  margin-bottom: .5em;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  text-align: left;
}
.ssnb-support-ttl::before {
  margin-right: .4em;
  width: 1.2em;
  height: 1.2em;
  background: url("../../product/ssnb/images/ico_circle_check_blue.svg") no-repeat 0 0;
  background-size: 100%;
  content: "";
}
.ssnb-support-desc {
  grid-row: 2 / 3;
  grid-column: 1 / 2;
  padding-right: 3em;
  font-size: 16px;
}
.ssnb-support-img {
  grid-row: 1 / 3;
  grid-column: 2 / 3;
}
.ssnb-support-list li {
  position: relative;
  padding-left: 1.4em;
  font-size: 16px;
  font-weight: 700;
}
.ssnb-support-list li + li {
  margin-top: .3em;
}
.ssnb-support-list li::before {
  position: absolute;
  top: .4em;
  left: 0;
  width: 1em;
  height: 1em;
  background: url("../../product/ssnb/images/ico_check_blue.svg") no-repeat 0 0;
  background-size: 100%;
  content: "";
}
.ssnb-modal-ttl {
  margin-bottom: 1.4em;
  font-weight: 700;
}
.ssnb-modal-ttl-shop {
  white-space: nowrap;
}
.ssnb-modal-items {
  display: flex;
  justify-content: space-between;
}
.ssnb-modal-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 47%;
  margin-bottom: 2em;
  padding: 1.6em .6em;
  border: 1px solid #000;
  border-radius: 10px;
  text-align: center;
}
.ssnb-modal-item-txt {
  font-weight: 700;
}
.ssnb-modal-item-txt::after {
  display: block;
  width: 0;
  height: 0;
  margin: .5em auto;
  border-color: #ccc transparent transparent;
  border-style: solid;
  border-width: 18px 15px 0;
  content: "";
}
.ssnb-modal-item-link {
  flex: 1;
  display: flex;
  align-items: center;
}
.ssnb-modal-item-btn,
a[class *='btn-new-'].ssnb-modal-item-btn:hover  {
  background: #0058A0;
  color: #fff;
}
.ssnb-modal-item-btn::before {
  width: 1em;
  height: 1em;
  background: url("../../product/ssnb/images/ico_link_out.svg") no-repeat 0 0;
  background-size: 100%;
  border: none;
  content: "";
  transform: translateY(-50%);
}
.ssnb-modal-att {
  display: flex;
  justify-content: center;
}
ul[class *='list-a'].ssnb-modal-att li {
  font-size: 12px;
}
/*============================
SBI新生銀行
============================*/
#ssbk .wrap-01.ssbk {
  padding: 0;
  background: #3b9bdb;
}
#ssbk .wrap-inner.ssbk {
  width: 960px;
  background: url("../../product/ssbk/images/ssbk_logo.webp") center right no-repeat;
}
#ssbk .inner02 {
  padding: 40px 0;
}
#ssbk .ttl-01.ssbk {
  margin-bottom: .3em;
  padding: 0;
  color: #fff;
  line-height: 1.3;
  text-align: left;
}
#ssbk img.ssbk-logo {
  display: none;
}
#ssbk p.ssbk-description {
  color: #fff;
}
#ssbk .cancellation {
  padding: 0;
}
#ssbk .ttl-02.ssbk {
  margin-bottom: 1.5em;
  padding-bottom: 0.5em;
  border-bottom: solid 4px #3b9bdb;
  font-size: 150%;
  font-weight: 600;
  text-align: left;
}
#ssbk .ttl-02.ssbk span {
  background: none;
}
#ssbk .ttl-03 {
  padding: 0;
  background: none;
  color: #000;
  text-align: left;
}
#ssbk .ttl-03.ssbk {
  margin-bottom: 1em;
  font-size: 110%;
}
#ssbk .ttl-03 span {
  color: #fff;
  background-color: #3b9bdb;
  margin-right: 0.4em;
  padding: 0.1em 0.4em;
  border-radius: 4px;
  float: left;
}
#ssbk .tbl-01.ssbk {
  table-layout: auto;
}
#ssbk .th01 {
  background: #3b9bdb;
  font-weight: normal;
  color: #fff;
  text-align: center;
  border-right: solid 1px #cccccc;
  border-bottom: none;
}
#ssbk .td01 {
  background: #b2d3e6;
  border-right: solid 1px #cccccc;
  text-align: center;
}
#ssbk .td02 {
  background: #f0f0f0;
  border-right: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
  text-align: center;
}
#ssbk .td03 {
  background: #fff;
  border-right: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
  font-size: 170%;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
}
#ssbk .td03 span:first-child {
  font-size: 170%;
  font-weight: bold;
  color: #eb7000;
}
#ssbk .td03 small {
  display: block;
  font-weight: 400;
  font-size: 14px;
  /*padding-right: 1.3em;*/
}
#ssbk .box-p02 a.ssbk {
  color: #fff;
  background-color: #3b9bdb;
}
.ssbk-anchor {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 3.5em;
  padding: 1.5em;
  background: #f1f1f1;
}
.ssbk-anchor-txt {
  margin-right: 2em;
  font-size: 18px;
  font-weight: 700;
}
.ssbk-anchor .btn-new-lg {
  width: 310px;
  max-width: 90%;
  font-size: 18px;
}
.ssbk-anchor .btn-new-lg::before {
  transform: rotate(90deg);
}
.ssbk-support-cont {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 1fr 47%;
  align-items: start;
  margin-bottom: 2em;
}
.ssbk-support-desc {
  grid-row: 1 / 2;
  grid-column: 1 / 2;
  padding-right: 3em;
  font-size: 16px;
}
.ssbk-support-img {
  grid-row: 1 / 2;
  grid-column: 2 / 3;
}
.ssbk-support-list li {
  position: relative;
  padding-left: 1.4em;
  font-size: 16px;
  font-weight: 700;
}
.ssbk-support-list li + li {
  margin-top: .3em;
}
.ssbk-support-list li::before {
  position: absolute;
  top: .4em;
  left: 0;
  width: 1em;
  height: 1em;
  background: url("../../product/ssbk/images/ico_check_lightblue.svg") no-repeat 0 0;
  background-size: 100%;
  content: "";
}
/*============================
ご意見・ご要望
============================*/

#contact-voice td label {
  display: inline-block;
  margin-right: .3em;
}
#contact-voice .name input, #contact-voice .kana input {
  width: 180px;
}
#contact-voice .tel input {
  width: 30%;
  max-width: 150px;
  margin-right: 0;
}
#contact-voice .email input {
  width: 380px;
}
#contact-voice textarea {
  width: 100%;
}
#contact-voice .contact-voice-ttl {
  font-size: 18px;
  font-weight: 500;
  text-align: left;
  padding-bottom: .5em;
  border-bottom: 3px #ddd solid;
  margin-bottom: .8em;
}

/*============================
ARUHIチャット
============================*/

#contact_chat .ttl-img01, #contact_chat .ttl-img02 {
  color: #000;
  text-align: left;
  padding-left: 0;
}

/*============================
商品
============================*/


/* 固定 */
#k-kotei {
  padding-bottom: 0;
  background: none;
}
#k-kotei .section {
  width: 100%;
  padding: 2em 0;
  margin-bottom: 1em;
  background: #fed800;
}
#k-kotei .section .flex {
  max-width: 980px;
  margin: auto;
}
#k-kotei .link-panel a {
  display: block;
  background: #fff;
  padding: 1.3em 3em;
  border: 1px solid #CCC;
  box-shadow: 1px 1px 1px rgba(0,0,0,.15);
  text-align: center;
}
#k-kotei .link-panel a:after {
  top: 50%;
  right: 10px;
  bottom: auto;
  width: 16px;
  height: 16px;
}
#k-kotei .link-panel .rate-att-sp a, #k-kotei .link-panel .rate-att-pc a {
  display: inline;
  background: transparent;
  padding: 0;
}
#k-kotei .link-panel a:hover {
  opacity: 0.9;
}
#k-kotei .link-panel h3 {
  margin-bottom: .3em;
  font-size: 22px;
  line-height: 1.3;
  text-align: left;
}
#k-kotei .link-panel p.ttl {
  text-align: center;
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  padding: .5em 0 1em;
}
#k-kotei .link-panel p.kinri_new {
  margin-bottom: 1em;
}
#k-kotei table, #k-kotei th, #k-kotei td {
  border-color: #a9a9a9;
}
#k-kotei th {
  background: #c9caca;
}
#k-kotei td.ttl {
  font-weight: 600;
  background: #efefef;
}
#k-kotei div:nth-child(3) ul.list-a02 li:nth-child(-n+2) {
  opacity: 0;
}
#k-kotei .rate-att-sp {
  display: none;
}
#k-kotei .panel-wrap {
  flex-direction: row;
  align-items: center;
}
#k-kotei .panel-wrap .detail {
  flex: 1;
  margin-top: 0;
  margin-left: 8%;
  text-align: left;
}
#k-kotei .panel-wrap figure img {
  height: 60px;
}

/* 変動 */

#k-hendou .bg a {
  padding: 3.5em;
  padding-right: 5em;
  background: #fff;
}
#k-hendou .bg a:hover {
  opacity: 0.6;
}
#k-hendou .bg a>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
.ttl-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  max-width: 100%;
  width: 100%;
}
#k-hendou h3 {
  font-size: 30px;
  -ms-flex-preferred-size: 40%;
  flex-basis: 40%;
}
#k-hendou .bg a div p.ttl {
  font-size: 16px;
  font-weight: 600;
  -ms-flex-preferred-size: 45%;
  flex-basis: 41%;
}

/* 商品リンク */
.mod-pd-link {
  position: relative;
  display: flex;
  align-items:center;
  flex-direction: column;
  margin: 0 0 1em;
  padding: 1.8em 2em 2.5em;
  background-color: #fff;
  border: 1px solid #CCC;
  border-radius: 6px;
  box-shadow: 1px 1px 1px rgba(0,0,0,.15);
}
.mod-pd-link:hover{
  opacity: 1;
  border-color: #ffd800;
  background: #ffd800;
}
.mod-pd-link:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 16px;
  height: 16px;
  background: url(../../images/common/arrow-blk.svg) no-repeat center center;
  background-size: 100%;
  transform: translateY(-50%);
}
.mod-pd-link-tit {
  width: 100%;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
}
.mod-pd-link-tit-s {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
}
.mod-pd-link .loan.md {
  margin-bottom: 1em;
}
.mod-pd-link .loan.md li {
  width: auto !important;
  font-size: 1rem;
}
.mod-pd-link .loan.md li:before {
  display: none;
}
.mod-pd-link .loan.md li p {
  padding: 2px 23px;
  font-weight: 700;
}
.mod-pd-link .loan.md li + li {
  padding-left: .8em;
}
/* オプションローン */
.mod-pd-link.mod-pd-link-op {
  height: 100%;
  margin-bottom: 0;
}
.mod-pd-link.mod-pd-link-op:after {
  top: auto;
  bottom: 10px;
  transform: none;
}
.mod-pd-link-op .mod-pd-link-tit {
  margin-bottom: .8em;
}
.mod-pd-link-op .mod-pd-link-txt {
  width: 100%;
}

/*住宅ローンをご検討中の方へ*/
.mod-panel-pd .panel-wrap figure img {
  height: 60px;
}
.mod-panel-pd .ttl-panel {
  margin: .5em 0;
  font-size: 18px;
  font-weight: 700;
}
.mod-panel-pd .caption {
  text-align: left;
}
.mod-panel-pd [class *='col-'] {
  position: relative;
  padding: 2.5em 1.5em 7em;
}
.mod-panel-pd .section-btnArea {
  position: absolute;
  bottom: 1.5em;
  left: 50%;
  width: 100%;
  transform: translateX(-50%);
}
.wide .mod-panel-pd [class*="btn-new-"].sd-btn:not(:hover) {
  background-color: #F2F2F2;
}

/* おすすめ住宅ローンコラム */
div.wide.mod-wide-white {
  background-color: #fff;
}
.tab-index-hr.adj-tab-index {
  margin: 3em 0;
}

/* 住み替え実現ローン */
#sumikae-jitsugen-loan{
  margin-top:-2em;
  padding-top: 2em;
}
.btn-product-detail{
  position: relative;
  display: flex;
  width: 100%;
  border: 1px solid #898989;
  border-radius: 6px;
  padding: 2em 4em;
  align-items:center;
  background-color: #fff;
  margin-bottom: 1.5em;
}
.btn-product-detail h3{
  font-size: 30px;
  line-height: 1;
  margin-right: 30px;
}
.btn-product-detail .ttl{
  font-size: 16px;
}
.btn-product-detail:hover{
  opacity: 1;
  border-color: #ffd800;
  background: #ffd800;
}
.btn-product-detail:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  width: 22px;
  height: 22px;
  background: url(../../images/common/arrow-blk.svg) no-repeat center center;
  background-size: 100%;
  z-index: 1000;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.mod-pd-link.mod-pd-link-sumikae {
  flex-direction: row;
  padding: 2em 4em;
  text-decoration: none;
}
.mod-pd-link.mod-pd-link-sumikae h3 {
  margin-right: 30px;
  line-height: 1;
}
.mod-pd-link-sumikae-sub {
  font-size: 15px;
  font-weight: 700;
}

/* table */

.tbl-01.product {
  border: none;
}
.tbl-01.product tr th:not(.mod-bdr):last-child, .tbl-01.product tr td:not(.mod-bdr):last-child {
  border-right: 0;
}
.tbl-01.product th, .tbl-01.product td {
  border-width: 5px;
  border-color: #f2f2f2;
}
.tbl-01.product th {
  padding: 1.5em .5em;
  background: #c9caca;
}
.tbl-01.product td b {
  padding: 0 .5em;
  font-weight: normal;
}
td.ttl.gry {
  background: #ddd;
}
th.ttl.yel, td.ttl.yel {
  background: #C4EAFF;
}

/* product-nav */

#product-nav .ttl-panel {
  font-size: 20px;
  padding-bottom: .3em;
}
#product-nav .caption {
  font-size: 16px;
}
#product-nav .flex.link-panel.typeA a {
  padding: 2em 2em 3em;
}
#product-nav .panel-wrap figure {
  padding-bottom: .5em;
}
#product-nav .panel-wrap figure img {
  height: 60px;
}

/* campaign */

#campaign .wrap-inner-sm {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}

/* super_falt */

div.list:not:nth-child(2) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
div.list:first-child {
  border-radius: 4px;
  background: #ee6d33;
}
@-moz-document url-prefix() {
  div.list:first-child {
    width: 100px;
  }
}
div.list>p {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  color: #fff;
  font-weight: 600;
  padding: 2em;
  font-size: 120%;
}
div.list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #989898;
  margin-top: 1.5em;
  padding-top: 1.5em;
}
div.list ul:first-child {
  margin-top: 0;
  padding-top: 0;
  border: none;
}
div.list ul li {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 1.5em;
}
div.list ul li:first-child {
  margin-left: 0;
  margin-right: .2em;
}
li.danshin {
  color: #fff;
  text-align: center;
  padding: 1.5em 1em;
  background: #000;
  position: relative;
  border-radius: 4px 0 0 4px;
}
li.danshin p {
  margin-left: .5em;
}
li.danshin:before {
  content: "";
  width: 0;
  height: 0;
  border-top: 2.5em solid transparent;
  border-left: 15px solid #000;
  border-bottom: 2.5em solid transparent;
  position: absolute;
  right: -15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
li.flat {
  text-align: center;
  border-radius: 4px;
  padding: 0 1em;
  border: 1px solid #000;
  background: #fff;
  min-width: 170px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
li.kinri {
  position: relative;
}
li.kinri:before {
  content: "当初";
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 600;
  display: block;
  width: 100%;
}
li.kinri.typeB:before {
  content: "6年目以降"
}
li.kinri:after {
  content: "※1";
  font-size: 80%;
  position: absolute;
  top: 16px;
  right: 0;
}
li.kinri p {
  padding-top: 1em;
}
div.list:nth-child(3) {
  padding: 2em 1.8em;
  border-radius: 4px;
  background: #fff;
}
div.list dt {
  background: #000;
  color: #fff;
  padding: .4em 1em;
  border-radius: 100px;
  text-align: center;
  margin-top: .8em;
  margin-bottom: .5em;
  font-size: 90%;
}
div.list dd span {
  font-size: 250%;
  font-weight: 600;
  padding: 0 .1em;
  color: #ef6c27;
  font-family: brandon-grotesque, sans-serif;
}
div.list dd p {
  text-align: center;
  font-size: 80%;
}

/* lineup */

.lineup_list_wrap ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.lineup_list_wrap ul li {
  width: 49%;
  margin: 1em 0;
}
.lineup_list_wrap ul li h3 {
  font-size: 24px;
  line-height: 1;
  padding: 3em 0;
  border: 2px solid #ccc;
  border-radius: 8px;
  margin-bottom: .5em;
}
.lineup_list_wrap ul li h3 img {
  height: 24px;
}
.lineup_list_wrap dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 90%;
}
.lineup_list_wrap dt {
  width: 20%;
  font-weight: bold;
}
.lineup_list_wrap dd {
  width: 80%;
}

/* terms */

#terms .tab-index {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: .5em;
}
#terms .tab-index li {
  margin-left: 1em;
}
#terms .tab-index li:first-child {
  margin-left: 0;
}

/* 共通 */

.p_section {
  padding-top: 2em;
}
.p_ttl {
  text-align: left !important;
  font-size: 22px;
  font-weight: 500;
  border-bottom: 1px solid #ccc;
  padding-bottom: .2em;
  margin-bottom: .5em;
}
.p_ttl_center {
  text-align: center !important;
  font-size: 22px;
  font-weight: 500;
  border-bottom: 1px solid #ccc;
  padding-bottom: .2em;
  margin-bottom: .5em;
}
.p_ttl_sub {
  font-size: 17px;
  font-weight: bold;
  padding-bottom: .5em;
}
.list-product {
  margin-left: 0;
  font-size: 120%;
}
#terms .tbl-01.product td {
  background: #f2f2f2;
}
#terms .tbl-01.product td.yel {
  background: #fed800;
}
#terms .tbl-01.product th, #terms .tbl-01.product td {
  border-color: #fff;
}
.pgh-emc-01-force{
  color:#f00 !important;
}

/* flat35 */
.prod-head .wrap-inner {
  flex: 1;
}
.prod-head-img {
  max-width: 50%;
  margin-right: 5%;
}
.prod-lineup-ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.2em;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.3;
}
.prod-lineup-ttl::before,
.prod-lineup-ttl::after {
  display: inline-block;
  width: 2px;
  height: 44px;
  background: #707070;
  content: "";
}
.prod-lineup-ttl::before {
  margin-right: .8em;
  transform: rotate(-34deg);
}
.prod-lineup-ttl::after {
  margin-left: .8em;
  transform: rotate(34deg);
}
.prod-lineup-items {
  display: flex;
  margin: 0 -3.6% 2em;
}
.prod-lineup-item {
  position: relative;
  width: 33.33%;
  padding: 0 3.4%;
}
.prod-lineup-item + .prod-lineup-item {
  background-image : linear-gradient(#000 2px, transparent 2px);
  background-size: 2px 6px;
  background-repeat: repeat-y;
  background-position: left top;
}
.prod-lineup-item-head {
  margin-bottom: 1.2rem;
  padding: .5em .6em;
  background: #F0F0F0;
  border-radius: 5px;
  font-size: 18px;
  line-height: 1.3;
  text-align: center;
}
.prod-lineup-item-head h3 {
  font-size: 24px;
  font-weight: 700;
}
.prod-lineup-item-rate {
  font-size: 20px;
  font-weight: 700;
  text-align: center;
}
.prod-lineup-item-rate .pgh-kinri-01 {
  font-size: 48px;
  line-height: 1
}
.prod-lineup-item-rate sup {
  position: relative;
  top: -.2em;
  left: -1.2em;
  font-size: .6em;
}
.section.wide.prod-merit {
  padding-top: 4em;
  background: #fffada;
}
.prod-point-ttl {
  display: flex;
  justify-content: center;
  margin-bottom: 1.2em;
  padding: .4em 0;
  border-top: 3px solid #C4EAFF;
  border-bottom: 3px solid #C4EAFF;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.3;
}
.prod-point-ttl-balloon {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  margin: -60px 0 0 -100px;
  background: #C4EAFF;
  border: 4px solid #C4EAFF;
  border-radius: 50%;
  font-size: 18px;
  letter-spacing: -.05em;
}
.prod-point-ttl-balloon::after {
  position: absolute;
  right: 0;
  bottom: 4px;
  width: 16px;
  height: 14px;
  border-color: #C4EAFF transparent transparent;
  border-style: solid;
  border-width: 14px 8px 0;
  content: "";
  transform: rotate(-45deg);
}
.prod-point-items {
  display: flex;
  justify-content: space-between;
}
.prod-point-item {
  width: 280px;
}
.prod-point-item-circle {
  width: 250px;
  height: 250px;
  margin: 0 auto -100px;
  background: #fff;
  border: 2px solid #e7e7e7;
  border-radius: 50%;
  overflow: hidden;
}
.prod-point-item-head {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 0 .6rem;
  background: #e7e7e7;
  font-family: "brandon-grotesque", sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .1em;
}
.prod-point-item-head-num {
  margin-left: .3em;
  font-size: 30px;
}
.prod-point-item-txt {
  margin-top: 1.5rem;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.4;
}
.prod-point-item-txt strong {
  font-size: 28px;
}
.prod-point-item-txt sup {
  font-size: .6em;
  vertical-align: .6em;
}
.prod-point-item-desc {
  margin-top: 1.2rem;
}
.prod-point-item-desc p {
  font-size: 16px;
}
.prod-merit-sec {
  margin-top: 3em;
  padding: 2.5em 2em 1.6em;
  background: #fff;
  border: 2px solid #e7e7e7;
  border-radius: 8px;
}
.prod-merit-sec-ttl {
  margin-bottom: 1.5em;
  font-size: 23px;
  font-weight: 700;
}
.prod-merit-sec-ttl strong {
  display: inline-block;
  margin-left: .2em;
  padding: .1em .4em;
  background: #C4EAFF;
  border-radius: 5px;
  font-size: 28px;
  line-height: 1.3;
  vertical-align: -.07em;
}
.prod-merit-sec-ttl-sub {
  display: block;
  margin-top: .2em;
  font-size: 20px;
}
.prod-merit-items {
  display: flex;
  margin: 0 -2em 1.2em;
}
#pairloan .prod-merit-items {
  margin-top: 2em;
}
#pairloan .lay-btm-00 {
  margin-bottom: 0 !important;
}
.prod-merit-item {
  flex: 1;
}
.prod-merit-items-2 .prod-merit-item {
  margin-left: 3.5em;
}
.prod-merit-items-2 .prod-merit-item:last-child {
  margin-right: 3.5em;
}
.prod-merit-items-3 .prod-merit-item {
  margin-left: 2em;
}
.prod-merit-items-3 .prod-merit-item:last-child {
  margin-right: 2em;
}
.prod-merit-item-ttl {
  margin-bottom: .8em;
  padding-left: .7em;
  border-left: 3px solid #C4EAFF;
  font-size: 20px;
  line-height: 1.4;
  text-align: left;
}
.prod-merit-item-ttl sup {
  font-size: .6em;
  vertical-align: .6em;
}
.prod-merit-item-cont {
  display: flex;
}
.prod-merit-item-desc {
  flex: 1;
  margin-left: 1rem;
  font-size: 16px;
}
.tbl-01.mod-prod-tb-01 {
  margin-right: -5px;
  margin-left: -5px;
  border-spacing: 5px;
  border-collapse: separate;
}
.tbl-01.mod-prod-tb-01 th,
.tbl-01.mod-prod-tb-01 td {
  border-color: #fff;
  border: none;
  font-size: 13px;
}
.tbl-01.mod-prod-tb-01 td:not(.gry) {
  border: 1px solid #888 !important;
}
.mod-bd-gry {
  border: 1px solid #707070;
  border-radius: 4px;
}
.mod-prod-panel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.8em 2.8em;
  background: #f2f2f2;
  border-radius: 4px;
}
.mod-prod-panel.mod-prod-panel-b {
  background: #fff;
  border: 1px solid #888;
}
.mod-prod-panel-txt-l {
  font-size: 16px;
  font-weight: 700;
}
.mod-prod-panel .btn-new-md {
  width: 280px;
  height: auto;
  max-width: 100%;
  padding: .9em 1.8em 1em;
}
.mod-prod-panel.mod-prod-panel-b .btn-new-md:not(:hover)  {
  background: #f2f2f2;
}
.page-flat35 .movie-detail {
  flex-basis: auto;
  background: transparent;
}
.page-flat35 .movie-detail-body {
  padding-top: 0;
}
.page-flat35 #point {
  padding-bottom: 1em;
  background: #f2f2f2;
}
.page-flat35 #flat35-feature {
  max-width: 870px;
}
.page-flat35 .point_list_wrap {
  margin-bottom: 4em;
  background: #f2f2f2;
}
.page-flat35 #point .gray {
  background: #fff;
}
.panel.flex {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.panel .panel-wrap [class *='ttl-'] br {
  display: block;
}
.box-p02.flex {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.box-p02.flex .pgh-emp-01 {
  margin-right: 2em;
  font-weight: 500;
}
.detail .text p.sublede {
  font-size: 16px;
  padding: 0 1em;
  padding-top: 1em;
}
#point {
  padding: 5em 0 5em;
  background: #fed800;
}
.point_list_wrap>ul {
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.point_list_wrap>.point_list>li {
  margin-top: 4em;
}
.ttl-point {
  background: #000;
  font-weight: 500;
  color: #fff;
  padding: .2em 0 .3em;
  font-size: 20px;
  text-align: center;
  max-width: 70%;
  margin: auto;
  border-radius: 100px;
  margin-bottom: 1.2em;
  position: relative;
}
.ttl-point:before {
  content: "";
  width: 70px;
  height: 60px;
  position: absolute;
  left: -80px;
  top: 50%;
  -webkit-transform: translateY(-60%);
  -ms-transform: translateY(-60%);
  transform: translateY(-60%);
  background: url(../../product/images/point_01.svg) no-repeat center center;
  background-size: 100%;
}
.point_list_wrap>.point_list>li:nth-child(2) .ttl-point:before {
  background-image: url(../../product/images/point_02.svg);
}
.point_list_wrap>.point_list>li:nth-child(3) .ttl-point:before {
  background-image: url(../../product/images/point_03.svg);
}
.point_list_wrap>.point_list>li:nth-child(4) .ttl-point:before {
  background-image: url(../../product/images/point_04.svg);
}
.point_list_wrap>.point_list>li:nth-child(5) .ttl-point:before {
  background-image: url(../../product/images/point_05.svg);
}
.point_detail {
  padding: 2.5em 4em;
  padding-bottom: 1.5em;
  border-radius: 5px;
  background: #fff;
}
.ttl-point.ttl-point-noicon {
  margin-left: auto;
}
.ttl-point.ttl-point-noicon:before {
  content: none;
}

.mod-link-anc {
  position: relative;
  padding-left: 30px;
  font-size: 16px;
}
.mod-link-anc:before {
  position: absolute;
  top: 5px;
  left: 6px;
  width: 16px;
  height: 16px;
  background: url(../../images/common/arrow-blk-wht.svg) no-repeat 50% 50%;
  background-size: 100% 100%;
  content: "";
  transform: rotate(90deg);
}
#flat35-type .tbl-01.product th,
#flat35-type .tbl-01.product td {
  border-color: #FFF;
  font-size: 1rem;
}
#flat35-type .tbl-01.product td {
  padding: 1.5em 1em;
}
#flat35-type .tbl-01.product td:not(.gry) {
  background-color: #F2F2F2;
  text-align: left;
}
.mod-acod {
  max-width: 870px;
  margin: 0 auto 40px;
}
.mod-acod:last-child {
  margin-bottom: 0
}
.mod-acod-head {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  background-color: #FFF;
  border: 2px solid #000;
  border-radius: 10px;
  cursor: pointer;
  user-select: none;
}
.mod-acod-head-ttl {
  font-size: 20px;
  font-weight: 700;
}
.mod-acod-head:before,
.mod-acod-head:after {
  position: absolute;
  top: 50%;
  right: 30px;
  width: 24px;
  height: 3px;
  background-color: #000;
  border-radius: 3px;
  content: "";
  transform: translateY(-50%);
}
.mod-acod-head:after {
  transform: translateY(-50%) rotate(90deg);
}
.mod-acod-open .mod-acod-head:after {
  transform: translateY(-50%) rotate(0);
}
.mod-acod-body {
  display: none;
  padding-top: 20px;
}
.mod-acod-body-box {
  padding: 50px;
  background-color: #FFF;
  border-radius: 10px;
}
.mod-acod-body.point_list_wrap > ul {
  max-width: 100%;
}
.mod-acod-body .btn-new-md {
  width: 330px;
  font-size: 1rem;
}
.mod-fc-org {
  color: #ef6c27;
}
.mod-fc-red {
  color: #ff533d;
}

/* 変動S */

#hendou_s #point {
  padding: 2em 0 4em;
}
.point_list li span.caution {
  font-size: 80%;
  margin-top: -10px;
  display: inline-block;
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
  margin-left: .3em;
}
#hendou_s .point_list_wrap .simtbl {

}
#hendou_s .point_list_wrap .simtbl_cell_2,
#hendou_s .point_list_wrap .simtbl_cell_3,
#hendou_s .point_list_wrap .simtbl_cell_4 {
  padding-top: 0.3em;
  padding-bottom: 0.3em;
}
#hendou_s .point_list_wrap .simtbl_cell_2 {
  font-size: 120%;
}
#hendou_s .p_section:first-child {
  padding-top: 0;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  #hendou_s #cv-block .ie-measures .btn-new-sm {
    width: 25%;
    /* IE11でボタン文言が2行になってしまうので対策 */
  }
}

/*============================
商品詳細 MG保証
============================*/
.your_select-info.wide {
  background: #a2cef6;
}
.your_select-info .box-p01.new {
  padding: 3em 7em 2em;
}
.your_select-info-label {
  position: relative;
  height: 48px;
  display: inline-flex;
  align-items: center;
  margin-right: 30px;
  padding: 0 .2em 0 .9em;
  background: #3399dc;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  vertical-align: text-bottom;
}
.your_select-info-label::after {
  position: absolute;
  top: 0;
  left: 100%;
  width: 0;
  height: 0;
  border-color: transparent transparent transparent #3399dc;
  border-style: solid;
  border-width: 26px 0 22px 26px;
  content: "";
}
.your_select-info-rate {
  font-size: 25px;
}
.your_select-info-rate .pgh-kinri-01 {
  margin: 0 .1em;
  font-size: 70px;
  line-height: 1.4;
}
#point.your_select-point {
  background: #d7ecff;
}
.your_select-point .point_list_wrap > ul {
  max-width: none;
}
.your_select-point .point_list_wrap > .point_list > li {
  margin-top: 2em;
}
.your_select-point .point_detail {
  padding: 2.5em 7em;
}
.mod-ttl-point {
  margin-bottom: 1em;
  font-size: 30px;
  font-weight: 700;
  text-align: center;
}
.mod-ttl-point-label {
  display: inline-block;
  margin-right: .5em;
  padding: .2em .6em .3em;
  border: 2px solid #3399dc;
  border-radius: 4px;
  color: #3399dc;
  font-size: 18px;
  line-height: 1;
  vertical-align: .2em;
}
.mod-ttl-blu {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
  padding: .1em 1em;
  background: #3399dc;
  border-radius: 5px;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  text-align: center;
}
.mod-ttl-blu-ico::before {
  display: block;
  width: 26px;
  height: 26px;
  margin-right: .5em;
  background: url("../../product/images/ico_circle_check.svg") no-repeat 50% 50%;
  background-size: 100%;
  content: "";
}
.your_select-point-max {
  font-size: 22px;
}
.your_select-point-max .pgh-emc-02 {
  font-size: 28px;
}
.your_select-point-max .your_select-point-max-num {
  font-size: 38px;
  line-height: 1;
}
.your_select-point .simtbl sup {
  font-size: .6em;
  vertical-align: .6em;
}
.simtbl_balloon {
  width: 553px;
  height: 94px;
  margin: -35px auto 10px;
  padding: 42px 12px 20px;
  background: url("../../product/images/bg_balloon_pc.webp") no-repeat 50% 50%;
  background-size: 100%;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -.03em;
  text-align: center;
  white-space: nowrap;
}
.simtbl_balloon strong {
  font-size: 20px;
}
.simtbl_balloon .pgh-emc-02 {
  color: #e85400;
}
.your_select-point .simtbl_bdt_org {
  border-top: 2px solid #f16b13;
}
.your_select-point .simtbl_bdr_org {
  border-right: 2px solid #f16b13;
}
.your_select-point .simtbl_bdb_org {
  border-bottom: 2px solid #f16b13;
}
.simtbl_new {
  position: relative;
}
.simtbl_new::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 49px;
  height: 49px;
  background: url("../../product/images/ico_new.svg") no-repeat 50% 50%;
  background-size: 100%;
  content: "";
  transform: translate(-50%, -55%);
}
.your_select-point .simtbl_bg_blu {
  background: #edf6ff;
}
.your_select-point .grid [class *='col-']:not(:last-child) {
  margin-right: 2em;
}
.your_select-point .simtbl_col1 {
  width: 22%;
}
.your_select-point .simtbl_col2 {
  width: 9%;
}
.your_select-point .simtbl_col3,
.your_select-point .simtbl_col4,
.your_select-point .simtbl_col5 {
  width: 23%;
}
.your_select-cv .btn-new-lg {
  font-size: 20px;
}
.your_select-cv .grid [class *='col-']:not(:last-child) {
  margin-right: 2.5em;
}

/*============================
商品詳細 共通モジュール
============================*/
.ttl-01.pd-ttl, .ttl-02.pd-ttl {
  font-weight: 600;
}
.ttl-03.pd-ttl {
  border-radius: 0;
  margin-bottom: 4em;
}
.section.pd-sec {
  margin-bottom: 8em;
}
.pd-txt-l {
  font-size: 18px;
}
.pd-txt-l strong {
  color: #ED6D33;
  font-size: 20px;
}
.pd-txt-m {
  font-size: 16px;
}
.pd-txt-n strong {
  color: #ED6D33;
}
.pd-box-dl {
  display: flex;
  margin-top: 2em;
}
.pd-box-dl dt {
  margin-right: 2em;
  font-size: 15px;
  font-weight: 600;
  white-space: nowrap;
}
.pd-box-dl dd > p {
  display: inline-block;
  margin-right: 1em;
  margin-bottom: .2em;
}
.pd-memo-ttl {
  font-size: 16px;
  font-weight: 600;
}
.pd-memo-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-right: 10px;
  background: #FFE100;
  border-radius: 50%;
  vertical-align: -5px;;
}
.pd-memo-ico:before {
  width: 23px;
  height: 23px;
  content: url("../../images/icon/ico_memo.svg");
  font-size: 100%;
}
.pd-box-bd {
  border: 1px solid #ccc;
  border-radius: 6px;
}
.list-n02.pd-list > li {
  padding-left: .4em;
}
.list-n02.pd-list > li:not(:last-child) {
  margin-bottom: .5em;
}
.list-n02.pd-list > li:before {
  left: -2.7em;
  width: 3em;
  margin: 0;
  font-size: 1em;
  text-align: right;
}
.pd-box-txt {
  padding: 1.7em;
  background-color: #FBF3D7;
  border-radius: 6px;
}
.pd-col2a {
  display: flex;
  justify-content: space-between;
}
.pd-col2a-txt {
  width: 51%;
}
.pd-col2a-img {
  width: 41.6%;
}
.pd-col2a-img img {
  max-width: 100%;
  height: auto;
}
.mod-td-ul {
  text-decoration: underline;
}
.mod-il-box {
  display: inline-block;
  padding: .1em .5em .2em;
  border: 1px solid #000;
}
.mod-ttl-gry {
  margin-bottom: 1em;
  padding: .2em 1em;
  background: #ddd;
  border-radius: 5px;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}
.mod-fs-sm {
  font-size: .75em;
}
.mod-box-gry {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.mod-box-gry-item {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 11em;
  min-height: 4.2em;
  margin: 0 .5em 1em;
  padding: .5em;
  background: #D8D8D8;
  border-radius: 8px;
  line-height: 1.3;
}
.mod-img-wd {
  max-width: 100%;
  height: auto;
}
.mod-tab-show {
  display: none;
}
.mod-sp-tab-show {
  display: none;
}
.mod-ttl-ubdr {
  margin-bottom: 2em;
  border-bottom: 2px solid #000;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
}
.mod-cont-bdr {
  margin-bottom: 3em;
  padding: 0 1.5em 1.5em;
  border: 1px solid #000;
  border-radius: 10px;
}
.mod-cont-bdr-ttl {
  display: inline-block;
  margin-bottom: .5em;
  padding: 0 1em .1em;
  background: #000;
  border-radius: 2em;
  color: #fff;
  font-size: 16px;
  transform: translateY(-50%);
}
.mod-ttl-lbl {
  margin-bottom: 1.2em;
  padding: .2em 1em;
  background: #d0ecf7;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}
.mod-ttl-pnk {
  margin-bottom: 1.2em;
  padding: .2em 1em;
  background: #ffdcc5;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}
.mod-btnAdj-02 [class*="btn-new-"] {
  width: 40%;
  min-width: 360px;
}

/*============================
お問い合わせ
============================*/

.wrap-tx-01.contact h1.ttl-01 {
  background-image: url(../../contact/images/cont-bg-01.webp);
}
#contact ul.anchor {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 90%;
  margin: auto;
  margin-top: 3em;
}
#contact ul.anchor li {
  max-width: 25%;
  /* IE */
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
}
#contact ul.anchor li:nth-child(4n) {
  border-right: 1px solid #ccc;
}
.call_center {
  margin-top: 1.2em;
  margin-bottom: .5em;
}
.call_center>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.call_center>div p {
  margin: 0 .5em;
}
.call_center>div:first-of-type {
  margin-bottom: .8em;
  margin-left: .3em;
}
.call_center>div p.notice {
  font-weight: normal;
}
#contact .tel {
  font-size: 24px;
  line-height: 1;
  font-weight: bold;
}
#contact .notice {
  font-size: 13px;
  font-weight: 500;
  padding-bottom: 0;
}
.call_center .tel {
  position: relative;
  padding-left: 34px;
}
.call_center .tel:before {
  content: "";
  height: 18px;
  width: 28px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(../../assets/img/common/freecall.svg) no-repeat;
}
.customer_center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-left: 3em;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-align: left;
}
.customer_center p.ttl {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-size: 16px;
  font-weight: 500;
}
.customer_center div {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.customer_center ul {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
}
.flex [class *='col-'] a.nav_dial {
  display: inline-block;
  text-decoration: underline;
}
#ct_saigai .detail .text {
  padding-top: 0;
}
#contact [class *='btn-new-'] {
  margin-top: 1.5em;
  min-width: 300px;
}
#contact .detail .text p.sublede {
  padding-left: 0;
  padding-right: 0;
}
#contact .flex.link-panel.typeA a {
  padding: 1.2em 0 2.5em;
}
#contact .panel-wrap figure img.left {
  margin-left: 2.5em;
}
#contact #ct_form .tel {
  padding: .3em 0;
}
#ct_form .list-a01 {
  margin: auto;
  font-size: 11px;
  padding-top: .5em;
  text-align: center;
}
#ct_form .list-a01 li {
  display: inline-block;
}
#ct_form .col-2 .panel-wrap {
  padding-top: 4em;
}
#ct_form .col-2:first-of-type .panel-wrap {
  padding-top: 1em;
}
#ct_form .col-2:first-of-type .panel-wrap .detail .text {
  padding-top: 0;
}
#ct_form .flex .col-2:first-of-type a {
  position: relative;
  height: 100%;
}
#ct_form .flex .col-2:first-of-type a:after {
  content: "";
  position: absolute;
  bottom: 15px;
  right: 15px;
  width: 22px;
  height: 22px;
  background: url(../../images/common/arrow-blk.svg) no-repeat center center;
  background-size: 100%;
  z-index: 1000;
}
#ct_form .flex .col-2:first-of-type:hover {
  border-color: #C4EAFF;
}
#ct_form .flex .col-2:first-of-type a:hover {
  opacity: 1;
  background: #C4EAFF;
}
.wrap-01 .wrap-inner>div.sec_wrap {
  margin-bottom: 0;
}
.sec_wrap>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.sec_wrap>div>div {
  width: 49%;
}
#ct_fc .ttl-02 br {
  display: block;
}
#ct_fc .col-1, #ct_partner .col-1 {
  min-height: 270px;
}
#ct_fc .panel .panel-wrap {
  padding-top: 5em;
}
#ct_partner .ttl-02 {
  margin-top: 1.57em;
}
.sec_wrap .detail .text p.sublede {
  padding-top: 0;
}
.sec_wrap .detail .text {
  padding-top: 0;
}
.sec_wrap #ct_partner .detail .text:last-of-type {
  padding-top: 1.5em;
}
#ct_company .detail .text {
  padding-top: 0;
}
#ct_dial {
  padding: 4em 5em;
  border-radius: 6px;
  background: #f2f2f2;
}
#ct_dial .ttl-02 {
  font-size: 20px;
  font-weight: 600;
}
#ct_dial .ttl-02 span {
  background: none;
}

#contact_info.wrap-01{
  padding: 1em 0 4em;
}

/*============================
ダイレクト
============================*/

.wrap-tx-01.direct {
  padding: 40px 0;
  height: inherit;
}
.wrap-tx-01.direct .ttl-01 {
  font-size: 228%;
  font-weight: normal;
  text-align: center;
}
.wrap-tx-01 .wrap-inner .ttl-01 br {
  display: block;
}
.section.direct_wrap {
  padding-top: 3em;
}
.direct_nav.wide {
  margin-top: 0 !important;
  padding-bottom: 3em;
  background: #FFEB5B;
}
.direct_nav .mod-txt-m {
  padding: 0 1em;
}
.direct_nav .col-2 {
  text-align: center;
}
.ttl_direct {
  text-align: center;
  background: #000;
  display: inline-block;
  margin: auto;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  padding: .3em 2em .4em;
  border-radius: 100px;
  min-width: 300px;
  margin-bottom: 1em;
}
.direct_nav .ttl small {
  display: block;
}
.direct_nav .col-2 a {
  height: 100%;
  padding: 2em 3em;
  position: relative;
  background: #fff;
  border: 4px solid #000;
  border-radius: 10px !important;
  box-shadow: 2px 2px 2px rgba(0,0,0,.2);
}
.direct_nav .col-2 a:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  width: 22px;
  height: 22px;
  background: url(../../images/common/arrow-blk.svg) no-repeat center center;
  background-size: 100%;
  z-index: 1000;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.direct_nav .col-2 a:hover {
  opacity: 1;
  background: #000;
  border-color: #000;
  color: #fff;
}
.direct_nav .col-2 a:hover:before {
  background-image: url("../../images/common/arrow-yel.svg");
}
.direct_nav .col-2 figure {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  margin-right: 5%;
}
.direct_nav .col-2 .detail {
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  margin: 0;
  text-align: left;
}
.mod-dl-yel {
  margin-bottom: 1em;
  border: 5px solid #FFD800;
  border-radius: 10px;
  overflow: hidden;
}
.mod-dl-yel-head {
  padding: .5rem 0;
  background: #FFD800;
  border-bottom: 5px solid #FFD800;
  font-size: 20px;
}
.mod-dl-yel-body {
  padding: 1em;
}
.mod-dl-yel-body img {
  height: auto;
}
.mod-ttl-line {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: .3em;
  font-size: 20px;
  line-height: 1.3;
}
.mod-ttl-line:before,
.mod-ttl-line:after {
  width: .15em;
  height: 1.75em;
  background: #000;
  border-radius: .15em;
  content: "";
}
.mod-ttl-line:before {
  margin-right: 1.2em;
  transform: translateY(5%) rotate(-33.3deg);
}
.mod-ttl-line:after {
  margin-left: 1.2em;
  transform: translateY(5%) rotate(33.3deg);
}
.direct-people {
  display: flex;
  margin-top: 2em;
}
.direct-people > li {
  flex: 1;
  padding: 0 1em;
}
.direct-people > li + li {
  border-left: 1px solid #808080;
}
.direct-people-img {
  padding: .5em 0 1em;
}
.direct-people-detail {
  line-height: 1.4;
}
.direct-flow {
  padding: 2em 0;
}
.direct-flow-img {
  margin-right: -4px;
}
.direct-flow-img img {
  max-width: 100%;
  height: auto;
}
.direct-flow-btm {
  display: flex;
  justify-content: space-between;
}
.direct-flow-web {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 70%;
  padding: 1.8rem;
  background: #fff;
  border: 5px solid #FFD800;
  border-radius: 6px;
  font-weight: 700;
  text-align: center;
}
.direct-flow-web-ttl {
  font-size: 27px;
}
.direct-flow-web .pd-txt-l {
  display: inline-block;
  padding: .35em .8em;
  background: #FFEB5B;
  border-radius: 3em;
  line-height: 1.3;
}
.direct-flow-arr {
  position: absolute;
  top: calc(100% + 5px);
  left: 50%;
  width: 36px;
  height: 66px;
  background: #ED6D33;
  transform: translateX(-50%);
}
.direct-flow-arr:before {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 88px;
  height: 50px;
  border-color: #ED6D33 transparent transparent;
  border-style: solid;
  border-width: 50px 44px 0;
  content: "";
  transform: translate(-50%, -10%);
}
.direct-flow-shop {
  position: relative;
  padding: 1.3rem 1rem 1rem;
  width: 28%;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 6px;
  text-align: center;
}
.direct-flow-shop-ttl {
  font-size: 19px;
}
.direct-flow-shop .btn-sm.svc-btn {
  width: 185px;
  max-width: 100%;
  min-width: 0;
  padding: .6em 2em;
  font-weight: 400;
}
.mod-txt-dc-01 {
  border-bottom: 1px solid #ff533d;
}
.mod-link-arr:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-left: 10px solid #000;
}
.mod-link-arr-02:after {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: .4em;
  background: url("../../images/common/arrow-blk.svg") no-repeat 50% 50%;
  background-size: 100%;
  content: "";
  vertical-align: -.14em;
}
.mod-link-arr-03:before {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-right: .2em;
  background: url("../../images/common/arrow-blk.svg") no-repeat 50% 50%;
  background-size: 100%;
  content: "";
  vertical-align: -.14em;
}

/*============================
ダイレクト：お借り入れ
============================*/
.direct-kariire-banner .pgh-c{
  margin-bottom: 0.5em;
}
.direct-kariire-banner .list-a01,
.direct-kariire-banner .list-a02{
  margin-bottom: 0.5em;
  padding-right: .4em;
}
.direct-kariire-banner .em{
  border-bottom: solid 1px red;
  font-size: 18px;
}
@media only screen and (max-width:640px) {
  .direct-kariire-banner .em{
    font-size: 16px;
  }
}

.direct-kariire-banner .list-a01>li{
  position: relative;
  text-indent: -1.5em;
  padding-left: 1.5em;
}
.direct-kariire-banner .list-a02>li{
  position: relative;
  text-indent: -2.2em;
  padding-left: 2.2em;
}
.direct-kariire-banner .list-a01>li:before{
  font-size: 18px;
  position: static;
  margin: 0;
  margin-right: .25em;
}
.direct-kariire-banner .list-a02>li:before{
  position: static;
  margin: 0 1em 0 .1em;
  font-size: .8em;
}
.kariire .ttl-02 {
  margin-bottom: 1.5em;
}
.pre_info {
  padding-top: 66.4%;
  display: block;
  width: 100%;
  height: 0;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
}
.kariire .pre_info {
  padding-top: 41.14583333%;
  background: url(../../service/images/direct_info_kariire.svg) no-repeat center top;
}
.karikae .pre_info {
  padding-top: 44.58333333%;
  background: url(../../service/images/direct_info_karikae.svg);
}
.pre_info ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 1.5em;
}
.pre_info ul li {
  -ms-flex-preferred-size: 49%;
  flex-basis: 49%;
  background: #ff8302;
  text-align: center;
  padding: 1em 0;
  border-radius: 6px;
  font-size: 20px;
  font-weight: 600;
  color: #fff;
}
#pre_panel .list-a01 a{
  display: inline;
  text-decoration: underline;
}
#pre_panel .col-2 div {
  background: #fff;
  padding: 2em;
  padding-bottom: 1.2em;
  border-radius: 6px;
  margin-bottom: 1em;
}
#pre_panel h3 {
  font-size: 28px;
}
#pre_panel h3 img {
  height: 26px;
  display: block;
  margin: auto;
}
#pre_panel table {
  width: 100%;
}
#pre_panel table th {
  width: 50%;
}
.kinri_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 1em;
}
.kinri_wrap li {
  text-align: center;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  text-align: center;
  border-left: 1px solid #ccc;
  padding: 0 1.5em;
}
.kinri_wrap li:first-of-type {
  border: none;
}
.kinri_wrap li .ttl {
  background: #000;
  border-radius: 100px;
  color: #fff;
  padding: .2em 0 .3em;
}
.direct_btn_wrap a {
  display: block;
  margin: auto;
  margin-top: 1.5em;
}
.direct_btn_wrap a:first-child {
  margin-top: 0;
}

/*============================
ダイレクト：ステップ
============================*/

#flow {
  margin-top: 2em;
}
.step .ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 2em;
}
.step .ttl img {
  width: 68px;
}
.step .ttl span {
  margin-top: .75em;
  width: 40%;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  margin-left: 1em;
  border-radius: 100px;
  background: #ffd800;
  padding: .5em 2em;
  display: block;
}
.step dl {
  position: relative;
  margin-top: 3em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.step dl:after {
  content: "";
  position: absolute;
  bottom: -35px;
  left: 50%;
  width: 16px;
  height: 16px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(135deg);
  transform: translate(-50%, -50%) rotate(135deg);
}
.step dl.no-arrow:after {
  content:none;
  position: static;
  width: auto;
  height: auto;
}
.step dl:last-of-type:after {
  display: none;
}
.step dl:first-of-type {
  margin-top: 0;
}
.step:not(.modal) li {
  position: relative;
  padding-top: 4em;
}
.step:not(.modal) li:first-of-type {
  padding-top: 0;
}
.step:not(.modal) li:after {
  content: "";
  width: 0;
  height: 0;
  border: 16px solid transparent;
  border-top: 16px solid #000;
  position: absolute;
  bottom: -60px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.step li dt {
  width: 12%;
}
.step li dt img {
  width: 100px;
  max-width: 100%;
}
.step li dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 86%;
  flex-basis: 86%;
  background: #f2f2f2;
  border-radius: 6px;
}
.step li dd>div, .step li dd>a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 2em;
  width: 100%;
}
.step li dd>div {
  min-height: 0%;
}
.step li dd>a {
  position: relative;
  text-decoration: none;
}
.step li dd>a:before, .step li dd>a:after {
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.step li dd>a:after {
  content: "さらに詳しく";
  font-weight: 500;
  padding-right: 20px;
}
.step li dd>a:before {
  content: "";
  width: 18px;
  height: 18px;
  background: url(../../images/common/arrow-blk.svg) no-repeat center right;
  background-size: 100%;
}
.step li dd figure {
  width: 220px;
}
.step li dd img {
  width: 100%;
  height: auto;
}
.step li.step_01 dd {
  background: #fff;
}
.step li.step_01 dd>div>div {
  width: 66%;
}
.step li.step_01 dd figure {
  margin-right: 2em;
}
.step li.step_01 dd img {
  background: #f2f2f2;
  width: 100%;
  height: auto;
  padding: .8em 0;
}
.step li.step_01 .ttl span {
  width: 36%;
}
.step li dd p.ttl_sub {
  font-size: 20px;
  font-weight: 600;
}
.step li:last-child:not(.step_01):after {
  display: none;
}
.lede-sub {
  text-align: center;
  font-size: 14.4px;
}
.step li dd .section-btnArea {
  margin: 1em 0 0;
  text-align: left;
}
.step li dd .section-btnArea a {
  min-width: 48%;
  margin: 0;
  margin-left: .3em;
}
.step li dd .section-btnArea a:first-child {
  margin-left: 0;
}
.step dl.notice {
  margin-top: 0;
  padding-bottom: 0;
  background-color: transparent;
  font-weight: normal;
}
.step dl.notice dd{
  background-color: transparent;
  display: block;
}

/*============================ 
共通
ダイレクト：お借り入れ
ダイレクト：お借り換えの方 
============================*/
.direct-kariire-btn .col-2,
.direct-refinancing-btn .col-2{
  padding: 0;
  border-radius: 6px;
  overflow: hidden;
}
.direct-kariire-btn a,
.direct-refinancing-btn a{
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 1.0em 12% 1.0em 0;
  text-decoration: none;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  border: 4px solid #fed900;
  background-color: #fed900;
}
.direct-kariire-btn a:hover,
.direct-refinancing-btn a:hover{
  opacity: 1;
  background-color: #FFF;
}
.direct-kariire-btn a:before,
.direct-refinancing-btn a:before {
  display: inline-block;
  content: '';
  width: 75px;
  height: 75px;
  flex-shrink: 0;
  margin: 0 7% 0 7%;
  line-height: 1;
  background-repeat: no-repeat;
  background-position:center center;
}
.direct-kariire-btn a:after,
.direct-refinancing-btn a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 6%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  background: url(../../images/common/arrow-blk.svg) no-repeat center center;
  background-size: 100%;
  z-index: 1000;
}
.direct-kariire-btn a.ico-corp-aruhi:before,
.direct-refinancing-btn a.ico-corp-aruhi:before {
  background-image: url(../../service/images/ico_corp_aruhi.webp?20251101);
  background-size: 85%;
}
.direct-kariire-btn a.ico-corp:before,
.direct-refinancing-btn a.ico-corp:before {
  background-image: url(../../service/images/ico_corp.webp);
  background-size: 70%;
}
.direct-kariire-btn a strong,
.direct-refinancing-btn a strong{
  font-size: 28px;
}
@media only screen and (max-width:960px) {
  .direct-kariire-btn a,
  .direct-refinancing-btn a{
    font-size: 2.5vw;
  }
  .direct-kariire-btn a:before,
  .direct-refinancing-btn a:before {
    width: 60px;
    height: 60px;
    margin: 0 2% 0 4%;
  }
  .direct-kariire-btn a strong,
  .direct-refinancing-btn a strong{
    font-size: 3.0vw;
  }
}
@media only screen and (max-width:640px) {
  .direct-kariire-btn .col-2,
  .direct-refinancing-btn .col-2{
    margin-bottom: 10px;
  }
  .direct-kariire-btn a,
  .direct-refinancing-btn a{
    font-size: 4.8vw;
    border-width: 3px;
  }
  .direct-kariire-btn a:before ,
  .direct-refinancing-btn a:before {
    width: 60px;
    height: 60px;
    margin: 0 6% 0 5%;
  }
  .direct-kariire-btn a:after ,
  .direct-refinancing-btn a:after {
    width: 20px;
    height: 20px;
  }
  .direct-kariire-btn a strong,
  .direct-refinancing-btn a strong{
    font-size: 5.8vw;
  }
}

.direct-kariire-btn.color_white a,
.direct-refinancing-btn.color_white a{
  background-color: #fff;
}
.direct-kariire-btn.color_white a:hover,
.direct-refinancing-btn.color_white a:hover{
  background-color: #fed900;
}
.direct-kariire-btn.color_white a.ico-corp-aruhi:before ,
.direct-refinancing-btn.color_white a.ico-corp-aruhi:before {
  background-image: url(../../service/images/ico_corp_aruhi_2.webp);
}
.direct-kariire-btn.color_white a.ico-corp:before ,
.direct-refinancing-btn.color_white a.ico-corp:before {
  background-image: url(../../service/images/ico_corp_2.webp);
}

.direct-kariire .em_orange,
.direct-refinancing .em_orange{
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  color: #ED6D33;
  margin:1em 0 0.5em 0;
}
.direct-kariire .em_orange .wave,
.direct-refinancing .em_orange .wave{
  background:url(../../service/images/wave_line_orange.webp) left bottom repeat-x;
  background-size:7%;
  padding-bottom:5px;
}
@media only screen and (max-width:640px) {
  .direct-kariire .em_orange,
  .direct-refinancing .em_orange{
    font-size: 6vw;
  }
}

.direct-kariire #pre_panel .col-2 div,
.direct-refinancing #pre_panel .col-2 div{
  border: 1px solid #000;
  border-radius: 0;
  padding: 1em;
  margin-bottom: 0.5em;
}
.direct-kariire #pre_panel li,
.direct-refinancing #pre_panel li{
  border-color: #000;
}
.direct-kariire #pre_panel p,
.direct-refinancing #pre_panel p{
  line-height: 1;
}
.direct-kariire #pre_panel .ttl,
.direct-refinancing #pre_panel .ttl{
  background-color:transparent;
  color: #000;
  padding: 0;
  margin-bottom: 0.5em;
  font-size: 18px;
  font-weight: bold;
}
@media only screen and (max-width: 960px){
  .direct-kariire #pre_panel .col-2 ,
  .direct-refinancing #pre_panel .col-2 {
      width: 100%;
      margin-bottom: 1.2em;
  }
}

.direct-kariire .link-arr,
.direct-refinancing .link-arr{
  margin-top: 0.3em;
}
.direct-kariire .link-arr:before,
.direct-refinancing .link-arr:before{
    content: "";
    display:inline-block;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-left: 10px solid #000;
}
.direct-kariire .link-arr:after,
.direct-refinancing .link-arr:after {
  content: "\f08e";
  font-size: 15px;
  margin-left: 8px;
}

/* modal */

div.modal.step .ttl-03 {
  text-align: center;
  font-weight: 500;
}
div.modal.step .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
div.modal.step .wrap figure {
  -ms-flex-preferred-size: 15%;
  flex-basis: 15%;
  margin-right: 4em;
}
div.modal.step .wrap figure img {
  width: 100%;
}
div.modal.step .wrap .detail {
  -ms-flex-preferred-size: 80%;
  flex-basis: 80%;
  padding-top: 1em;
  margin: 0;
}
.modal.direct ul[class *='list-'] li {
  font-size: 100%;
}
.modal_ul, .clear {
  margin-top: 2em;
}

/* tab内 */

#flow .tab-contents {
  padding: 3em;
  background: #fff;
  margin-top: 4.8em;
}

/* notice */

.direct_notice {
  padding-top: 4em;
}
.direct_notice dl dt {
  background: #000;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  padding: 1em;
  text-align: center;
  border-radius: 6px;
  margin-bottom: 1em;
}
.direct_notice dl dd .ttl {
  font-weight: bold;
  padding-bottom: .3em;
}

/* inquiry */

.direct_inquiry {
  background: #f2f2f2;
  width: 50%;
  margin: auto;
  border-radius: 6px;
  padding: 2.2em 1em;
  text-align: center;
  margin-top: 1em;
}
.direct_inquiry p.ttl {
  font-size: 18px;
  font-weight: 500;
  padding-bottom: .5em;
}
.direct_inquiry p.tel {
  font-family: brandon-grotesque, sans-serif;
  font-weight: 600;
  font-size: 50px;
  position: relative;
  display: inline-block;
  padding-left: 65px;
  line-height: 1.2;
}
.direct_inquiry p.tel:before {
  content: "";
  width: 56px;
  height: 36px;
  background: url(../../assets/img/common/freecall.svg) no-repeat center center;
  background-size: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.direct_inquiry p.notice {
  font-weight: normal;
  font-size: 13px;
}


.direct_inquiry.direct_inquiry_small {
  width: 38%;
}
.direct_inquiry.direct_inquiry_small p.ttl {
  font-size: 14px;
}
.direct_inquiry.direct_inquiry_small p.tel {
  font-size: 34px;
  padding-left: 55px;
  margin-bottom: 0.1em;
}
.direct_inquiry.direct_inquiry_small p.tel:before {
  width: 48px;
}
.direct_inquiry.direct_inquiry_small p.notice {
  font-size: 11px;
}

/*============================
店舗相談（無料）
============================*/
.mod-wave-red {
  padding-bottom: .2em;
  background: url("../../images/common/wave_red.webp") repeat-x 0 100%;
}
[class *='btn-'].mod-btn-org-rev {
  padding-right: 2em;
  background: #fff;
  box-shadow: 1px 1px 2px rgba(0,0,0,.15);
  color: #000;
  font-size: 1rem;
}
[class *='btn-'].mod-btn-org-rev:hover {
  background: #ef6d26;
  color: #fff;
}
[class *='btn-'].mod-btn-org-rev:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #ef6d26;
  border-radius: 6em;
  content: "";
}
[class *='btn-'].mod-btn-org-rev:before {
  right: 6px;
  width: 16px;
  height: 16px;
  border: none;
  transform: translateY(-50%);
  background: url("../../images/common/arrow-org.svg") no-repeat 0 0;
  line-height: 16px;
}
[class *='btn-'].mod-btn-org-rev:hover:before {
  background-image: url("../../images/common/arrow-wht-org2.svg");
}
.mod-icon-check:before {
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  margin-right: .5em;
  background: url("../../images/common/ico_check.svg") no-repeat 50% 50%;
  content: "";
  vertical-align: -.2em;
}
.mod-icon-light:before {
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  margin-right: .5em;
  background: url("../../images/common/ico_light.svg") no-repeat 50% 50%;
  content: "";
  vertical-align: -.2em;
}
.mod-mkr-yel {
  background: linear-gradient(transparent 70%, #ffd800 0%);
}
.mod-flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.mod-balloon-01 {
  position: relative;
  padding: 1em;
  background: #fff;
  border: 2px solid #888;
  border-radius: 6px;
}
.mod-balloon-01:before,
.mod-balloon-01:after {
  position: absolute;
  top: 100%;
  left: 50%;
  content: "";
}
.mod-balloon-01:before {
  width: 24px;
  height: 24px;
  border-top: 24px solid #888;
  border-right: 24px solid transparent;
  transform: translateX(-50%);
}
.mod-balloon-01:after {
  width: 22px;
  height: 22px;
  border-top: 22px solid #fff;
  border-right: 22px solid transparent;
  transform: translate(-10px, -3px);
}
.mod-balloon-02 {
  position: relative;
  padding: .5em;
  background: #fff;
  border: 2px solid #999;
  border-radius: 6px;
}
.mod-balloon-02:before,
.mod-balloon-02:after {
  position: absolute;
  top: 100%;
  right: 50%;
  border-style: solid;
  content: "";
}
.mod-balloon-02:before {
  width: 22px;
  height: 22px;
  border-color: #999 transparent transparent;
  border-width: 22px 11px 0;
  transform: translate(50%, 0);
}
.mod-balloon-02:after {
  width: 20px;
  height: 22px;
  border-color: #fff transparent transparent;
  border-width: 22px 10px 0;
  transform: translate(50%, -4px);
}
div.wide.mod-wide-01 {
  background: #fcf7d7;
}
.coming-lead {
  font-size: 20px;
  font-weight: 700;
}
.coming-lead-em {
  font-size: 29px;
  line-height: 1.2;
}
.coming-lead-num {
  font-family: brandon-grotesque, sans-serif;
  font-size: 48px;
}
.coming-box.flex-2 {
  margin-right: -.5%;
  margin-left: -.5%;
}
.coming-box .col-2 {
  margin-right: .5%;
  margin-left: .5%;
}
.coming-box-resv,
.coming-box-shop {
  padding: 2.5em 0;
  background: #C4EAFF;
  border-radius: 10px;
}
.coming-box-resv.col-2 {
  width: 70%;
}
.coming-box-shop.col-2 {
  width: 28%;
}
.coming-box-resv .col-2 {
  width: 50%;
  margin: 0;
}
.coming-box-resv .col-2 + .col-2 {
  border-left: 1px solid #5A5A5A;
}
.coming-box-resv .mr-05 {
  margin-top: 10px;
}
.coming-box-ttl {
  padding: 0 .8em;
  font-size: 17px;
}
.coming-box-sub {
  font-weight: 700;
}
.coming-box .btn-new-lg {
  width: 85%;
  min-width: 220px;
  max-width: 400px;
}
.coming-box-resv .col-2 + .col-2 .mod-btn-org-rev,
.coming-box-shop .mod-btn-org-rev {
  margin-top: 2em;
}
.coming-mypage.section {
  position: relative;
  margin-bottom: 6em;
  padding-bottom: 6em;
}
.coming-mypage:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 200px;
  border-bottom: 1px solid #898989;
  transform: translateX(-50%);
}
.coming-mypage .mod-txt-m {
  font-size: 15px;
}
.coming-screen {
  padding-top: 6em;
}
.coming-screen .col-2 {
  position: relative;
}
.coming-screen .mod-balloon-01 {
  position: absolute;
  top: -50px;
  right: 15px;
  width: 225px;
  font-size: 13px;
  z-index: 2;
}
.coming-screen .mod-balloon-01-top70 {
	top: -70px;
}
.coming-screen-ttl {
  font-size: 15px;
  font-weight: 700;
}
.coming-step {
  justify-content: space-between;
  margin-top: 2em;
}
.coming-step-col {
  position: relative;
  width: 22.5%;
  padding: 1.5em 1em;
  background: #C4EAFF;
  border-radius: 10px;
}
.coming-step-num {
  display: flex;
  justify-content: center;
  margin: 0 auto 2em;
  padding-right: .5em;
}
.coming-step-num img {
  width: 50px;
}
.coming-step-img {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 52px;
  margin-bottom: 1em;
}
.coming-step-arrow {
  position: absolute;
  top: 50%;
  left: 100%;
  width: 22px;
  height: 15px;
  background: #000;
  transform: translateY(-50%);
  z-index: 2;
}
.coming-step-arrow:after {
  position: absolute;
  top: 50%;
  left: 100%;
  width: 26px;
  height: 46px;
  border-color: transparent transparent transparent #000;
  border-style: solid;
  border-width: 23px 0 23px 26px;
  content: "";
  transform: translate(-2px, -50%);
}
.coming-list {
  display: flex;
  justify-content: center;
}
.coming-list li:not(:first-child) {
  margin-left: 2em;
}
.coming-worry {
  padding-bottom: 2em;
}
.coming-worry-img {
  padding: 2em 0;
  text-align: center;
}
.coming-worry-arr {
  width: 50px;
  height: 18px;
  margin: 0 auto;
  border-color: #ED6D33 transparent transparent;
  border-style: solid;
  border-width: 18px 25px 0;
  content: "";
}
.coming-worry dl {
  overflow: hidden;
  margin-top: 1.5em;
  border: 4px solid #C4EAFF;
  border-radius: 10px;
}
.coming-worry dt {
  padding: 1em 0;
  background: #C4EAFF;
  line-height: 1.4;
}
.coming-worry dt span {
  display: block;
}
.coming-worry dd {
  display: flex;
  align-items: center;
  min-height: 8em;
  padding: 1em 1.5em;
  background: #fff;
}
.coming-worry-sol {
  width: 6em;
  margin: 0 auto 0.5em;
  padding: .1em;
  background: #fff;
  border-radius: 4em;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}
.coming-worry .mod-balloon-02 {
  display: flex;
  align-items: center;
  min-height: 5.5em;
  font-size: 18px;
  letter-spacing: -.02em;
}
.coming-arr-btm {
  position: relative;
  top: -72px;
}
.coming-arr-btm:before {
  position: absolute;
  top: 50%;
  left: 50%;
  border-color: #F9D578 transparent transparent;
  border-style: solid;
  border-width: 75px 75px 0;
  content: "";
  transform: translate(-50%, -50%);
}
.coming-arr-btm > * {
  position: relative;
}
.coming-other .box-p02 {
  padding: 2em 1em;
  border-radius: 6px;
}
.coming-cv {
  padding-bottom: 2em;
}
.coming-cv-caption {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
}
.coming-cv-caption::before,
.coming-cv-caption::after{
  display: inline-block;
  transform: scale(0.75, 1);
}
.coming-cv-caption::before{
  content: '＼';
  margin-right: .3em;
}
.coming-cv-caption::after{
  content: '／';
  margin-left: .3em;
}
[class *='btn-new-'].coming-cv-btn {
  font-size: 26px;
  width: 50%;
  min-width: 360px;
  margin-top: 1rem;
  padding: 0.6em 1.6em .8em;
}
[class *='btn-new-'].coming-cv-btn:before {
  width: .8em;
  height: .8em;
  line-height: .8em;
  margin-top: -.4em;
}
.coming-cv-btn span {
  color: #fff200;
}
.coming-flow {
  border: 5px solid #C4EAFF;
  border-radius: 17px;
  position: relative;
  max-width: 100%;
  margin: 0 0 50px 0;
}
.coming-flow:after{
  content:'';
  position: absolute;
  left:50%;
  bottom:-60px;
  display: block;
  width: 0px;
  margin-left: -30px;
  border-color: #C4EAFF;
  border-style: solid;
  border-width: 30px;
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.coming-flow:last-child:after{
  border:none;
}
.coming-flow-title {
  display: flex;
  justify-content: space-between;
  padding: 30px 3%;
}
.coming-flow-title-l{
  display: flex;
  align-items: center;
  width: 50%;
}
.coming-flow-title-l span{
  display: inline-block;
  border-right:solid 3px #ffd800;
  padding:5px 25px 15px 0;
  margin-right: 30px;
}
.coming-flow-title-l h2{
  display: inline;
  font-size: 30px;
  line-height: 1.2;
  text-align:left;
}
.coming-flow-title-r {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 50%;
  padding-top: 5px;
  padding-right: 150px;
}
.coming-flow-title-r img{
  max-width: 100%;
}
.coming-flow-body {
  overflow: hidden;
  padding: 0px 3%;
  font-size: 16px;
  transition: max-height 0.3s linear;
}
.mod-acod2-opened .coming-flow-body{
  max-height: 500px;
}
.mod-acod2-closed .coming-flow-body{
  max-height: 0;
}
.coming-flow-body > :last-child{
  padding-bottom: 30px;
}
.coming-flow-2col {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.5em;
}
.coming-flow-2col .coming-cv-btn.btn-new-lg.goldred {
  display: block;
  min-width: 254px;
  max-width: 254px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
}
.coming-flow-2col-l{
  width: 49.6%;
  padding: 5px 5% 5px 0;
}
.coming-flow-2col-r{
  width: 50%;
  padding: 5px 0 5px 5%;
  border-left: 1px solid #707070;
}
.coming-flow table{
  width: 80%;
  margin:0 auto;
  border-collapse: separate;
  border-spacing:1px;
  overflow: hidden;
  border-radius: 15px;
}
.coming-flow table th,
.coming-flow table td{
  padding: 1em 0;
  text-align: center;
}
.coming-flow table th{
  background-color: #dedede;
}
.coming-flow table td{
  background-color: #f2f2f2;
}
.coming-flow table strong{
  font-size: 22px;
  color: #ed6d33;
  margin-left: 0.5em;
}
.coming-flow .btn-new-sm.guide-about-btn {
  min-width: 250px;
}
.coming-flow-notice-center{
  text-align: center;
}
.coming-flow-acodbutton{
  position: absolute;
  right: 35px;
  top: 43px;
  width: 110px;
  border: 2px solid #ECEBEB;
  border-radius: 5px;
  padding: 10px 0px;
  font-size: 16px;
  background-color: #F2F2F2;
  text-align: center;
  cursor: pointer;
}
.coming-flow-acodbutton::before{
  content:'';
  display: inline-block;
  width: 10px;
  height: 10px;
  position: relative;
  top: -3px;
  margin-left: 5px;
  margin-right: 12px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  transform: rotate(135deg);
}
.mod-acod2-opened .coming-flow-acodbutton::before{
  transform: rotate(-45deg);
  top: 2px;
}
.coming-flow-acodbutton::after{
  content:'';
  display: inline-block;
  text-align: center;
  min-width: 3em;
}
.mod-acod2-closed .coming-flow-acodbutton::after{
  content:'開く';
}
.mod-acod2-opened .coming-flow-acodbutton::after{
  content:'閉じる';
}


/*============================
商品：【フラット３５】子育て支援型・地域活性化型
============================*/

.flat35_m_graf p {
  font-size: 16px;
}

/*============================
各種書類ダウンロード
============================*/

.wrap-tx-01.download h1.ttl-01 {
  background-image: url(../../download/images/cont-bg-01.webp);
}
#cont_download ul.anchor {
  width: 90%;
  margin: auto;
  margin-top: 3em;
}
#paper_02,
#paper_03 {
  margin-top: 3em;
}

/* 事前審査書類・本申込書類 */

.flex.link-panel.download a {
  padding: 2em;
}
.download .detail .text p {
  font-size: 120%;
}
.col-2.dl_hendou_s {
  border-radius: 6px;
  padding: 1em;
  background: #f2f2f2;
}
.col-2.dl_hendou_s .pgh-emp-01 {
  padding: 0.5em;
  background: #fff;
}
.col-2.dl_hendou_s p.caution {
  font-size: 90%;
  font-weight: 400;
  padding-top: .5em;
  text-align: left;
}

/* 各種保険パンフレット */

.panel.flex.pamph {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.pamph .panel-wrap {
  padding: 2em 1.5em;
}
.pamph .panel-wrap .detail_01 {
  margin-bottom: 0.6em;
  font-weight: bold;
}
.pamph .panel-wrap div[class *='detail_'] {
  margin-top: 1.5em;
}
.pamph .panel-wrap div.detail_01:first-child {
  margin-top: 0;
}
.pamph .panel-wrap div.detail_04 {
  margin-top: .6em;
}
.pamph .panel-wrap .detail_03, .pamph .panel-wrap .detail_04 {
  text-align: left;
}
.detail_03 p {
  font-size: 84%;
}

/* PDFリンク */

.pamph .btn-new-pdf {
  width: 100%;
  text-align: left;
  padding-left: 4em;
  padding-right: 2.4em;
  font-size: 92%;
  border-radius: 6px;
  background: url(../../assets/img/common/pdf_wht.svg) no-repeat 12px center #000;
  background-size: 30px;
}
.pamph .btn-new-pdf:hover {
  background-color: #C4EAFF;
  background-image: url(../../assets/img/common/pdf_blk.svg);
  background-size: 30px;
  color: #000;
}
.pamph .btn-new-pdf:hover::before {
    border-color: #000;
}
.pamph .btn-new-pdf:hover:after {
  color: #000;
}
.pamph .btn-new-pdf.yellow {
  color: #000;
  background: url(../../assets/img/common/pdf_blk.svg) no-repeat 12px center #fed900;
}

.pamph .btn-new-pdf.yellow:before {
  border-top:2px solid #000;
  border-right: 2px solid #000;
}

.pamph .btn-new-pdf.yellow:hover {
  color: #fff;
  background: url(../../assets/img/common/pdf_wht.svg) no-repeat 12px center #000;
}

.pamph .btn-new-pdf.yellow:hover:before {
  border-top:2px solid #fff;
  border-right: 2px solid #fff;
}
.pamph .btn-new-pdf.blue {
  color: #000;
  background: url(../../assets/img/common/pdf_blk.svg) no-repeat 12px center #C4EAFF;
}

.pamph .btn-new-pdf.blue:before {
  border-top:2px solid #000;
  border-right: 2px solid #000;
}

.pamph .btn-new-pdf.blue:hover {
  color: #fff;
  background: url(../../assets/img/common/pdf_wht.svg) no-repeat 12px center #000;
}

.pamph .btn-new-pdf.blue:hover:before {
  border-top:2px solid #fff;
  border-right: 2px solid #fff;
}

/* Excelリンク */

.pamph .btn-new-xls {
  width: 100%;
  text-align: left;
  padding-left: 4em;
  padding-right: 2.4em;
  font-size: 92%;
  border-radius: 6px;
  background: url(../../assets/img/common/xls_wht.svg) no-repeat 12px center #000;
  background-size: 30px;
}
.pamph .btn-new-xls:hover {
  background-image: url(../../assets/img/common/xls_blk.svg);
  background-size: 30px;
}
.pamph .btn-new-xls:hover:after {
  color: #000;
}

/* ARUHIの新しいお申込書のご案内 */

#dl_info {
  padding: 3em 0 2em;
  background: #f2f2f2;
}
.mov_wrap {
  width: 50%;
  margin: auto;
}

/* acrobat */

#acrobat {
  max-width: 800px;
  background: #f2f2f2;
  border-radius: 10px;
  margin: 5em auto 3em;
  padding: 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#acrobat figure {
  margin-right: 2em;
}
#acrobat .link-out-01:after {
  color: #000;
}

/* 各種書類ダウンロード下層 */

.download-ttl {
  font-size: 18px;
  font-weight: 500;
  text-align: left;
  padding-bottom: .5em;
  border-bottom: 3px #ddd solid;
  margin-bottom: .8em;
}
.download-mt {
  margin-top: 1em;
}
.download-mt .col-4>div {
  margin-top: 1.5em;
}
.download-mt .col-4>div:first-child {
  margin-top: 0;
}
.download-mb {
  margin-bottom: 1em;
}
.download-btn .btn-new-pdf {
  padding-top: 1.6em;
  padding-bottom: 1.6em;
}
.download-btn .btn-new-xls {
  padding-top: 1.6em;
  padding-bottom: 1.6em;
}
.entry-example {
  margin-top: 1em;
  padding-left: 12px;
  vertical-align: middle;
}
.entry-example.inline {
  padding-left: 0;
}
.entry-example a {
  height: 38px;
  line-height: 38px;
  display: inline-block;
  padding-left: 40px;
  position: relative;
}
.entry-example a::before {
  content: "";
  width: 30px;
  height: 40px;
  margin-right: 1em;
  background: url(../../assets/img/common/pdf_blk.svg) no-repeat;
  background-size: 30px;
  position: absolute;
  top: 0;
  left: 0;
}

/* 各種書類ダウンロード下層 特別指定 */

.flex.ss .ttl-04 {
  margin-bottom: 0.5em;
}
.flex.ss br {
  display: block;
}

/*============================
現在ご返済中の方
============================*/

.wrap-tx-01.customer h1.ttl-01 {
  background-image: url(../../customer/images/customer_bg_pc.webp);
}
.panel-wrap figure .sumynote {
  width: 60%;
  height: auto;
}
.detail .text p.site-link::after {
  content: "\f08e";
  display: inline;
  padding-left: .5em;
  color: #000;
  font-size: 90%;
}
.section .fs-14 {
  font-size: 14px;
}
.panel-wrap-side {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 2em 0;
}
.panel-wrap-side p.subtext {
  font-size: 16px !important;
  padding-top: 1em;
}
.panel-wrap-side .detail {
  margin: auto;
  padding-left: 1em;
  padding-right: 2em;
}
.panel-wrap-side figure img {
  height: 90px;
  padding-left: 1em;
}
.customer-button .col-3 {
  text-align: center;
}
.link-panel.typeF a {
  align-items: center;
  min-height: 140px;
  padding: 1rem 2.6rem 1rem 0;
  line-height: 1.4;
}
.link-panel.typeF a figure {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 64px;
  height: 62px;
  margin: 0 4%;
}
.link-panel.typeF a figure img {
  max-height: 100%;
  flex-shrink: 0;
}
.link-panel.typeF a .text {
  font-size: 18px;
}
.link-panel.typeF a .caption {
  font-size: 16px;
}
.link-panel>[class *='col-'] .link-anchor:after {
  transform: translateY(-50%) rotate(90deg);
}
/* 特約料シミュレーション */
.mod-tb-dl {
  display: flex;
  border: 1px #ddd solid;
}
.mod-tb-dl + .mod-tb-dl {
  border-top: none;
}
.mod-tb-dl dt {
  display: flex;
  align-items: center;
  background: #f2f2f2;
  border-right: 1px #ddd solid;
  font-weight: 700;
}
.mod-tb-dl dt,
.mod-tb-dl dd {
  padding: .8em;
}
.mod-tb-req {
  padding-left: 1rem;
  color: red;
  font-weight: 700;
}
.znsp-tb .mod-tb-dl dt {
  flex-basis: 225px;
  padding-left: 2em;
}
.znsp-tb .mod-tb-dl dd {
  flex: 1;
  min-height: 3.2em;
}
.znsp-tb .tbl-01 th:first-child {
  padding-left: 2em;
  width: 225px;
}
.znsp-tb .tbl-01 td:first-child {
  padding-left: 2em;
  font-weight: 700;
}
.znsp-tb input[type="text"] {
  max-width: 210px;
}
.znsp-sim-result {
  margin-top: 3em;
}
.znsp-sim-result .pgh-kinri-01 {
  display: inline-block;
  min-width: 2em;
  margin: 0 .3em;
  font-size: 48px;
}

/* お知らせ */

.news-box ul {
  width: 960px;
  margin: 1em auto 2em;
}
.news-box ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: .75em 0;
}
.news-box ul li .date {
  display: inline-block;
  width: 15%;
}
.news-box ul li .ca {
  display: inline-table;
  width: 15%;
  font-size: 12px;
  background-color: #C4EAFF;
  text-align: center;
  padding: .25em 0;
  border-radius: 30px;
  margin-right: 2%;
}
.news-box ul li #top-info a {
  display: inline-block;
  width: 70%;
  text-decoration: underline;
}

/* 定期メンテナンス */

.maintenance {
  width: 960px;
  margin: 0 auto;
  background-color: #C4EAFF;
  padding: 1em 0;
}
.maintenance button {
  display: block;
  width: 100%;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  position: relative;
}
.maintenance-open::before, .maintenance-close::before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  top: 8px;
  left: 30px;
}
.maintenance-open::before {
  background: url(../../customer/images/icon_open.svg) no-repeat;
  background-size: contain;
}
.maintenance-close::before {
  background: url(../../customer/images/icon_close.svg) no-repeat;
  background-size: contain;
}
.maintenance-inner {
  display: none;
  width: 960px;
  margin: 0 auto 1em;
  background-color: #C4EAFF;
  padding: 2em;
}
.box-p02.news {
  padding-bottom: 3em;
}

/* ナビダイヤル */

.section .navidial-ttl {
  font-size: 135%;
  font-weight: normal;
}
.section .navidial {
  margin-top: 2em;
  padding: 2em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.section .navidial .navidial-1 {
  padding-right: 5em;
}
.section .navidial .navidial-1 .customer-ttl {
  font-size: 18px;
  font-weight: bold;
}
.section .navidial .navidial-1 .customer-tel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.section .navidial .navidial-1 .customer-num {
  display: inline-block;
  white-space: nowrap;
  font-size: 20px;
  font-weight: bold;
  padding-left: .5em;
}
.section .navidial figure img {
  height: 50px;
}
.section .navidial-text {
  width: 96%;
  margin: 0 auto;
}
.section .navidial-text p {
  padding: 1em 0 2em;
}
.section .navidial-menu-ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-align: center;
  margin-bottom: 10px;
}
.section .navidial-menu-1 {
  width: 25%;
}
.section [class *='navidial-menu-'].title {
  background: #d8d8d8;
  padding: .7em 0;
  border-radius: 5px;
  margin-right: 10px;
}
.section .navidial-menu-3.title {
  margin-right: 0;
}
.navidial-contents p.pgh-emp-01 {
  font-size: 135%;
}
.section .navidial-menu-2 {
  text-align: center;
  width: 15%;
}
.section .navidial-menu-3 {
  width: 60%;
}
.section .navidial-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 2px #ddd solid;
  padding: 1em 0;
}
.section .navidial-boder-none {
  border-bottom: none;
}
.section .fs-16 {
  font-size: 16px;
}
.section .navidial-mt {
  margin-top: 1em;
}
.section .navidial-menu-2 .menu-num {
  width: 40px;
  height: 40px;
  display: inline-block;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  background-color: #000;
  border-radius: 10px;
  text-align: center;
}

/* 下層共通 */

.download-mt .col-8>.entry-example:first-child {
  margin-top: 0;
}
.flex.customer .entry-example a {
  display: block;
  text-decoration: underline;
}
.flex.customer {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/* 下層特別指定 */

.document-text {
  min-height: 50px;
}
.tbl-01.customer {
  border: none;
}
.tbl-01.customer th, .tbl-01.customer td {
  border-width: 5px;
  border-color: #fff;
}
.tbl-01.customer th {
  background: #c9caca;
}
.tbl-01.customer td {
  background: #f2f2f2;
}
/*#dairijyuryo {
  padding-top: 80px;
  margin-top: -80px;
}
#dairitetsuzuki {
  margin-top: -100px;
  padding-top: 100px;
}*/

/* 登録情報の変更　アンカーリスト */

.anchor_list {
  border: none;
  width: 80%;
  margin: auto;
}
.anchor_list tr {
  width: 100%;
  border-top: 5px solid #fff;
}
.anchor_list tr.title th, .anchor_list tr.title td {
  background: #c9caca;
}
.anchor_list tr.title td p {
  font-weight: 500;
  font-size: 90%;
}
.anchor_list th {
  width: 50%;
  text-align: left;
  border: none;
  padding: 0;
  padding-left: 5em;
  background: #fed800;
}
.anchor_list th a {
  display: block;
  width: 100%;
  padding: 1em;
  position: relative;
  padding-left: 24px;
}
.anchor_list th a:before {
  content: "";
  width: 16px;
  height: 16px;
  background: url(../../customer/images/anchor.svg) no-repeat center center;
  background-size: 16px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.anchor_list td {
  width: 50%;
  text-align: center;
  border: none;
  border-left: 5px solid #fff;
  background: #f2f2f2;
}

/*============================
	現在ご返済中の方 faq sample下層
  ============================*/

.customer-sp-only {
  display: none;
}

/*============================
  一部繰上返済について
  ============================*/
.partprepayment .flex{
  align-items: center;
}
.partprepayment .flex .col-2{
  width: auto;
}

/*============================
  書類発行
  ============================*/
.customer-dl-anchor-ico{
  position: relative;
  padding-left: 17px;
}
.customer-dl-anchor-ico::before{
  content: "";
  position: absolute;
  top: calc(50% - 5px);
  left: 0;
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #000;
}
.customer-dl-anchor-ico::after{
  content: "";
  position: absolute;
  top: calc(50% + 1px);
  left: 7px;
  display: block;
  width: 7px;
  height: 7px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
  transform: translate(-50%, -50%) rotate(135deg);
}
.customer-dl-input-phone[type="tel"]{
  width: 30%;
  max-width: 150px;
  margin-right: 0;
}
.customer-dl-input-text{
  width: 100%;
  max-width: 380px;
}

/*============================
  借入申込手続き中の方
  ============================*/

.graybox{
  width: 50% !important;
  padding: 3em 0 4em;
  background: #f2f2f2;
  border: solid 1px #898989;
}

.graybox .section-btnArea .sd-btn{
  background: #fff !important;
  width: 280px !important;
}

.graybox .section-btnArea .sd-btn:hover{
  background: #000 !important;
  }

/*============================
  住宅ローンガイド
  ============================*/

/* 共通 */
.guide-text{
  margin-bottom: 1.2em;
}
.guide-text:after{
  clear: both;
  content:"";
  display:block;
}
.guide-text-img-l{
  float: left;
  margin:0 4.25% 1em 1%;
}
.guide-text-img-r{
  float: right;
  margin:0 1% 1em 4.25%;
}
.guide-pt-30-pc{
  padding-top: 30px;
}
.option-panel.guide-links>[class *='col-']{
  padding: 0;
  border: 1px solid #CCC;
  overflow: hidden;
}
.option-panel.guide-links .col-2:last-child:nth-child(2n+1){
	margin-right: calc(48% + 3%);
}
.option-panel.guide-links .col-2:last-child:first-child{
	margin-right: 1%;
}
.option-panel.guide-links a{
  padding:1.3em 12% 1.3em 0;
  justify-content: flex-start;
  line-height: 1.4;
  border-radius: 0 !important;
}
.option-panel.guide-links a:after {
  top: 50%;
  bottom: inherit;
  right: 7%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.option-panel.guide-links a:before{
  content:'';
  width:70px;
  height: 50px;
  flex-shrink: 0;
  margin:0 4%;
  text-align: center;
  background:no-repeat center center;
}
.option-panel.guide-links a:hover{
  background-color: #ffd800 ;
  opacity: 1;
}
.option-panel.guide-links .ico-aruhidirect:before{
  background-image:url(../../guide/images/ico_aruhidirect.webp);
}
.option-panel.guide-links .ico-shop:before{
  background-image:url(../../guide/images/ico_shop.webp);
}
.option-panel.guide-links .ico-kariire:before{
  background-image:url(../../guide/images/ico_kariire.webp);
}
.option-panel.guide-links .ico-karikae:before{
  background-image:url(../../guide/images/ico_karikae.webp);
}
.option-panel.guide-links .ico-house-yen:before{
  background-image:url(../../guide/images/ico_house_yen.webp);
}
.option-panel.guide-links .ico-simulation:before{
  background-image:url(../../guide/images/ico_simulation.webp);
}
.option-panel.guide-links .ico-calendar:before{
  background-image:url(../../guide/images/ico_calendar.webp);
}
.option-panel.guide-links .ico-danshin:before{
  background-image:url(../../guide/images/ico_danshin.webp);
}
.option-panel.guide-links .ico-danshin-aruhi:before{
  background-image:url(../../guide/images/ico_danshin_aruhi.webp);
}
.option-panel.guide-links .ico-danshin-sbi:before{
  background-image:url(../../guide/images/ico_danshin_sbi.webp);
  background-size: 42px 42px;
}
.option-panel.guide-links .ico-zenshippei:before{
  background-image:url(../../guide/images/ico_zenshippei.webp);
  background-size: 41px 46px;
}
.option-panel.guide-links .ico-syugyofunou:before{
  background-image:url(../../guide/images/ico_syugyofunou.webp);
  background-size: 50px 32px;
}
.option-panel.guide-links .ico-disaster-insurance:before{
  background-image:url(../../guide/images/ico_disaster_insurance.webp);
}
.option-panel.guide-links .ico-expense-loan:before{
  background-image:url(../../guide/images/ico_expense_loan.webp);
}
.option-panel.guide-links .ico-house:before{
  background-image:url(../../guide/images/ico_house.webp);
}
.option-panel.guide-links .ico-house-percent:before{
  background-image:url(../../guide/images/ico_house_percent.webp);
}
.option-panel.guide-links .ico-calculator:before{
  background-image:url(../../guide/images/ico_calculator.webp);
}
.option-panel.guide-links .ico-heart:before{
  background-image:url(../../guide/images/ico_heart.webp);
}
.option-panel.guide-links .ico-money:before{
  background-image:url(../../guide/images/ico_money.webp);
}
.option-panel.guide-links .ico-doc:before{
  background-image:url(../../guide/images/ico_doc.webp);
}
.option-panel.guide-links .ico-shop-aruhi:before{
  background-image:url(../../guide/images/ico_shop_aruhi.webp);
}
.option-panel.guide-links .ico-crown:before{
  background-image:url(../../guide/images/ico_crown.webp);
}
.option-panel.guide-links .ico-contract:before{
  background-image:url(../../guide/images/ico_contract.webp);
}
.option-panel.guide-links .ico-oricon:before{
  background-image:url(../../guide/images/ico_oricon.svg);
}
.option-panel.guide-links .ico-siteinfo:before{
  background-image:url(../../guide/images/ico_siteinfo.svg);
}
.option-panel.guide-links.guide-links-simple{
  margin-top: 2.5em;
}
.option-panel.guide-links.guide-links-simple .col-2{
  border-radius: 0;
  border-left: none;
  border-right: none;
  border-top: none;
  margin-top: 0;
  margin-bottom: 0;
}
.option-panel.guide-links.guide-links-simple .col-2 a{
  border-radius: 0;
}
.option-panel.guide-links.guide-links-simple .col-2 a:hover{
  border-color: #898989 !important;
  background-color: #fff !important;
  opacity: 0.5;
}
.option-panel.guide-links.guide-links-simple .col-2:nth-child(1),
.option-panel.guide-links.guide-links-simple .col-2:nth-child(2){
  border-top: 1px solid #ccc;
}
.box-guide{
  border: 1px solid #CCC;
  border-radius: 5px;
  padding:1.5em 1.5em;
}
.box-guide-title{
  margin-bottom: 1.7em !important;
  background-color: #FFD800;
  border-radius: 20px;
  padding:7px 0;
}
.btn-new-sm.guide-btn {
  min-width: 300px;
  border-radius: 30px;
  font-weight: normal;
  padding-top: 0.5em;
  padding-bottom: 0.75em;
}
.btn-new-sm.guide-btn:before {
  border-color: #FFF;
  border-width: 1px;
}
.guide-mb-110-pc{
  margin-bottom: 110px;
}

/* ローカルナビ */
.nav_local.cont_guide .top_p .pgh-br-pc{
  display: inline;
}

/* 住宅ローンガイドTOP */
.wrap-tx-01.guide-page-title {
  max-width: 960px;
  margin: auto;
  position: relative;
  height: 220px;
  background: url(../../guide/images/guide_main.webp) repeat center center;
  background-size: cover;
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  color: #FFF;
}
.wrap-tx-01.guide-page-title h1.ttl-01 {
  line-height: 1;
  padding-top: .2em;
}
.guide-menu .grid .col-6 {
  width: 46%;
}
.guide-menu .grid .col-6:first-child {
  margin-right: 8%;
}
.guide-menu .grid .col-6:last-child {
  margin-right: 0;
}
.contents-list-btn {
  width: 100%;
  margin-left: 0;
  text-align: center;
  box-shadow: 2px 2px 0 #D3D3D3;
  border: #D3D3D3 1px solid;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
}
.contents-list-btn a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 8px 0;
  font-size: 18px;
  color: #727272;
  text-decoration: none;
  position: relative;
}
.contents-list-btn a::before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url(../../guide/images/icon_arrow.svg);
  background-size: 100%;
  position: absolute;
  top: 30%;
  left: 20px;
  transition: .2s;
  -webkit-transition: .2s;
  -moz-transition: .2s;
  -ms-transition: .2s;
  -o-transition: .2s;
}
.contents-list-btn:hover {
  background: #ffd900;
}
.contents-list-btn a:hover {
  color: #000;
  opacity: 1;
}
.contents-list-btn a:hover::before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url(../../guide/images/icon_arrow_hover.svg);
  background-size: 100%;
  position: absolute;
  top: 30%;
  left: 20px;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  /* IE11でアイコンが見切れる対処 */
  .contents-list-btn a::before, .contents-list-btn a:hover::before {
    background-size: 96%;
  }
}
.guide-tab.tab-index li {
  width: auto;
  margin-left: 5px;
  flex-grow: 1;
}
.guide-tab.tab-index li:first-child {
  margin-left: 0;
}
.guide-columns {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.guide-column {
  flex-basis: 32%;
}
.guide-column a {
  display: block;
  position: relative;
  height: 100%;
  border: 1px solid #CCC;
  border-radius: 15px;
  overflow: hidden;
  padding: 10px 10px 50px 10px;
  text-decoration: none;
}
.guide-column a:after {
  position: absolute;
  right: 20px;
  bottom: 10px;
  content: "\f08e";
  color: #757373;
  font-size: 18px;
}
.guide-column-img {
  margin-bottom: 15px;
}
.guide-column-img img {
  width: 100%;
  border-radius: 10px;
}
.guide-column a>p {
  padding: 0 10px;
}
.guide-recommend-column {
  padding-top: 30px;
}
.guide-faq .icon {
  text-decoration: none !important;
}
.guide-faq .icon.icon-q {
  display: flex;
  font-style: normal;
  justify-content: center;
  align-items: center;
  background-color: black;
  border-radius: 6px;
  margin-right: 10px;
  width: 30px;
  height: 30px;
  position: relative;
}
.guide-faq .icon.icon-q::before {
  content: "Q";
  color: white;
  text-decoration: none !important;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  position: relative;
  top: -2px;
}
.guide-faq .faq-list .article-list li {
  border-top: 1px solid #dfdfdf;
}
.guide-faq .faq-list .article-list li:last-child {
  border-bottom: 1px solid #dfdfdf;
}
.guide-faq .faq-list .article-list li a {
  display: flex;
  padding: 20px 50px 20px 0;
  text-decoration: none;
  font-size: 18px;
  background: url(../../images/common/arrow-blk.svg) no-repeat 98% center;
  background-size: 25px 25px;
}
.guide-faq .faq-list .article-list li a span {
  display: inline-block;
  width: calc(100% - 40px);
}
.guide-faq .faq-list .article-list li a:hover span {
  text-decoration: underline;
  opacity: 0.8;
}
/* 新FAQ */
.mod-faq-item.mod-acod {
  max-width: 960px;
  margin-bottom: 0;
  border-top: 1px solid #dfdfdf;
}
.mod-faq-item:last-child {
  border-bottom: 1px solid #dfdfdf;
}
.mod-faq-item .mod-acod-body {
  padding: 0;
}
.mod-faq-item-head.mod-acod-head {
  position: relative;
  display: flex;
  align-items: flex-start;
  height: auto !important;
  padding: 20px 50px 20px 0;
  border: none;
  border-radius: 0 !important;
  cursor: pointer;
}
.mod-faq-item-head.mod-acod-head:after {
  position: absolute;
  top: 50%;
  right: 2%;
  width: 25px;
  height: 25px;
  background: url("../../images/common/arrow-blue.svg") no-repeat 50% 50%;
  background-size: 100% 100%;
  content: "";
  transform: translateY(-50%) rotate(90deg);
}
.mod-acod-open .mod-faq-item-head.mod-acod-head:after {
  transform: translateY(-50%) rotate(-90deg);
}
.mod-faq-item-head-txt {
  flex: 1;
  font-size: 18px;
}
.mod-faq-item-head.mod-acod-head:before {
  display: none;
}
.mod-faq-item-body {
  display: flex;
  padding: 20px 50px 30px 0;
}
.mod-faq-item-body-inner {
  flex: 1;
  font-size: 16px;
}
.mod-faq-item-ico-q,
.mod-faq-item-ico-a {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  border-radius: 6px;
}
.mod-faq-item-ico-q {
  background: #000;
}
.mod-faq-item-ico-a {
  background: #C4EAFF;
}
.mod-faq-item-ico-q:before,
.mod-faq-item-ico-a:before {
  position: relative;
  top: -2px;
  color: #fff !important;
  font-size: 20px;
}
.mod-faq-item-ico-q:before {
  content: "Q";
}
.mod-faq-item-ico-a:before {
  content: "A";
}

.guide-words{
  padding: 40px 3% 30px 3%;
  background-color: #fafafa;
  border-radius: 10px;
}
.guide-words .guide-words-title{
  text-align: center;
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 2em;
}
.guide-words-links{
  display: flex;
  justify-content:flex-start;
  flex-wrap:wrap;
  margin: 0 auto 2em;
  max-width: 720px;
}
.guide-words-links li{
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-basis:31%;
  margin:0 1% 1em 1%;
  border-bottom: 1px solid #9fa0a0;
  font-size: 16px;
  background:url(../../images/common/arrow-blk.svg) no-repeat left center;
  background-size: 9%;
}
_:-ms-lang(x)::-ms-backdrop, .guide-words-links li{
  background-size: 18px 18px;
}
.guide-words-links li a{
  display: block;
  width: 100%;
  padding: 10px 0 10px 30px;
  text-decoration: none;
}

/* お客さまの声 */
.guide-voice {
  margin-top: 2.5em;
}
.guide-voice h2 {
  font-size: 24px;
  margin: 1em 0 1.5em;
}
.guide-voice .section {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
}
.guide-voice .flex-3 .col-3 h3 {
  font-size: 16px;
}
.guide-voice .flex-3 .col-3 {
  display: flex;
  flex-direction: column;
  padding: 30px;
  background: #fff;
  border: 2px solid #e5e5e5;
  border-radius: 10px;
}
.guide-voice .flex-3 .col-3 figure {
  margin: 1em 0;
  text-align: center;
}
.guide-voice .flex-3 .col-3 figure img {
  width: 76px;
  height: 76px;
}
.guide-voice .flex-3 .col-3 p.guide-voice-customer {
  font-size: 12px;
  margin-top: auto;
  color: #727272;
}
.guide-voice .flex-3 .col-3 p.guide-voice-customer a {
  color: #727272;
  display: inline;
  margin-left: 2em;
  text-decoration: underline;
  position: relative;
}
.guide-voice .flex-3 .col-3 p.guide-voice-customer a:before {
  content: "";
  width: 14px;
  height: 14px;
  background-image: url(../../images/common/arrow-blk.svg);
  background-size: 100%;
  position: absolute;
  top: 2px;
  left: -18px;
}
.guide-voice-item-show {
  display: flex !important;
}
.guide-voice-item-hide {
  display: none !important;
}
.guide-voice-item-show-last {
  margin-right: auto !important;
}
.guide-voice-more {
  margin: 1em 0 3em 0;
}
.guide-voice-more_txt {
  display: block;
  text-align: center;
  background-color: #e5e5e5;
  cursor: pointer;
  border-radius: 10px;
  padding: 1em 0;
  font-weight: 500;
  transition: opacity .3s;
}
.guide-voice-more_txt::after {
  content: '';
  display: inline-block;
  position: relative;
  top: -0.3em;
  width: 0.5em;
  height: 0.5em;
  margin: 0 0 0 1em;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  transform: rotate(135deg);
}
.guide-voice-more_txt:hover {
  opacity: 0.5;
}
.guide-voice-shop {
  margin-right: 0.5em;
}

/* ARUHIは住宅ローン専門の金融機関 */
.btn-new-sm.guide-about-btn{
  background-color: #fff;
  color: #000;
  border: 1px solid #CCC;
  min-width: 300px;
  padding-top: 0.5em;
  padding-bottom: 0.75em;
  box-shadow:rgba(0,0,0,0.1) 1px 2px;
}
.btn-new-sm.guide-about-btn:before{
  width: 8px;
  height: 8px;
  border-color: #00599e;
  border-width: 1px;
}
.guide-about-aruhi-point{
  margin-top: 6em;
  margin-bottom: 6em;
  font-size: 16px;
}
.guide-about-aruhi-point .grid{
  display: flex;
  align-items: center;
}
.guide-about-aruhi-point .section-btnArea{
  margin:0 0 1.0em 0 !important;
}
.guide-about-aruhi-point .guide-about-aruhi-point-ttl{
  text-align: left;
  font-weight: bold;
  font-size: 23px;
  margin-bottom: 0.8em;
}
.guide-about-bd{
  border-bottom: 1px solid #ffd800;
}
.guide-about-aruhi-point-sub{
  margin:2em 0 1.2em 0;
  padding:30px 5% 30px 5%;
  background-color: #f2f2f2;
  border-radius: 10px;
  font-size:1rem;
}
.guide-about-aruhi-point-sub .col-6{
  width: 47%;
  margin-right: 3%;
}
.guide-about-aruhi-point-sub .col-6:last-child{
  margin-left: 3%;
}
.guide-about-aruhi-point-sub .guide-about-aruhi-point-ttl{
  text-align: center;
}
.guide-about-aruhi-point-sub .guide-about-aruhi-point-ttl-2{
  text-align: left;
  padding-left: 30px;
  font-size: 18px;
  font-weight: bold;
  margin-bottom:0.8em;
  background:url(../../guide/images/ico_checked.webp) no-repeat left center;
}
.guide-about-aruhi-point-sub .guide-about-aruhi-point-ttl-3 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 0.8em;
}

.guide-about-aruhi-point-sub .guide-about-aruhi-point-ttl-3::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  background: url(../../guide/images/ico_checked.webp) no-repeat center / contain;
}
.guide-about-aruhi-point .link-panel{
  padding-top: 20px;
}
.guide-about-aruhi-point .flex.link-panel.typeA a{
  padding-top: 1.7em;
  padding-bottom: 1.7em;
}
.guide-about-aruhi-point .ttl-panel{
  font-size: 22px;
  font-weight: 400;
  margin-top:0.8em;
}
.guide-ttl-mark{
  margin-top: 2em;
  line-height:1.2;
}
.guide-ttl-mark:before{
  content:"";
  display:inline-block;
  box-sizing: content-box;
  border-left:8px solid #00599e;
  border-right:8px solid #00599e;
  margin-right: 8px;
  width: 6px;
  height: 1.2em;
  vertical-align: top;
}

/* ARUHI店舗でのご契約の流れ */
.contract-flow {
  border: 5px solid #ffd800;
  border-radius: 17px;
  position: relative;
  margin-bottom: 50px;
  padding: 30px 3%;
}
.contract-flow:after{
  content:'';
  position: absolute;
  left:50%;
  bottom:-60px;
  display: block;
  width: 0px;
  margin-left: -30px;
  border-color: #ffd800;
  border-style: solid;
  border-width: 30px;
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.contract-flow:last-child:after{
  border:none;
}
.contract-flow-title {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2em;
}
.contract-flow-title-l{
  display: flex;
  align-items: center;
  width: 70%;
}
.contract-flow-title-l span{
  display: inline-block;
  border-right:solid 3px #ffd800;
  padding:5px 30px 15px 0;
  margin-right: 30px;
}
.contract-flow-title-l h2{
  display: inline;
  font-size: 30px;
  line-height: 1.3;
  text-align:left;
}
.contract-flow-title-r {
  width: 30%;
  padding-top: 5px;
  text-align: right;
}
.contract-flow-title-r img{
  max-width: 100%;
}
.contract-flow-body{
  font-size: 16px;
}
.contract-flow-2col {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.5em;
}
.contract-flow-2col-l{
  width: 49.6%;
  padding: 5px 5% 5px 0;
}
.contract-flow-2col-r{
  width: 50%;
  padding: 5px 0 5px 5%;
  border-left: 1px solid #707070;
}
.contract-flow table{
  width: 80%;
  margin:0 auto;
  border-collapse: separate;
  border-spacing:1px;
  overflow: hidden;
  border-radius: 15px;
}
.contract-flow table th,
.contract-flow table td{
  padding: 1em 0;
  text-align: center;
}
.contract-flow table th{
  background-color: #dedede;
}
.contract-flow table td{
  background-color: #f2f2f2;
}
.contract-flow table strong{
  font-size: 22px;
  color: #ed6d33;
  margin-left: 0.5em;
}
.contract-flow .btn-new-sm.guide-about-btn {
  min-width: 250px;
}
.contract-flow-notice-center{
  text-align: center;
}

/* 初めての住宅ローン */
.guide-beginner-btnBox .col-3 .btn-new-sm {
  min-width: 200px;
}

/* ARUHI 住宅ローンお手続きナビ */
[class *='btn-'].mod-btn-org,
[class *='btn-'].mod-btn-org:hover {
  background: #FF8600;
  color: #fff;
}
[class *='btn-'].mod-btn-org:hover {
  opacity: 0.5;
}
[class *='btn-'].mod-btn-org:before,
[class *='btn-'].mod-btn-org:hover:before {
  right: 6px;
  width: 16px;
  height: 16px;
  border: none;
  line-height: 16px;
  transform: translateY(-50%);
  content: url("../../images/common/arrow-wht-org2.svg");
}
[class *='btn-'].mod-btn-org.mod-btn-ex:before,
[class *='btn-'].mod-btn-org.mod-btn-ex:hover:before {
  content: url("../../images/common/ico_ex_link_wt.svg");
}

/*============================
  ARUHIのサービス
============================*/
.service-index-wrap {
  margin: 25px 0 45px;
}
.service-index-wrap .link-arr-01 {
  font-weight: bold;
  font-size: 120%;
}
.service-index-wrap h4 {
  text-align: left;
  font-size: 110%;
}

/* サービストップ */
.wrap-tx-01.service-page-title {
  max-width: 960px;
  margin: auto;
  position: relative;
  height: 230px;
  background: url(../../service/images/service_main.webp) no-repeat center center;
  background-size: cover;
  text-shadow: 0px 2px 4px rgb(0 0 0 / 20%);
  color: #FFF;
}
.service-page .section.btm-space {
  margin-bottom: 160px;
}
.service-page-desc {
  font-size: 16px;
  line-height: 2;
  text-align: center;
}
.service-page ul.anchor {
  max-width:530px;
  margin: 30px auto 0;
}
.service-page ul.anchor li a {
  padding: 10px 15px 27px;
  font-size: 14px;
}
.service-page ul.anchor li a:after {
  top: 73%;
}
.service-page .ttl-02 {
  font-size: 28px;
  font-weight: 600;
}
.service-page .ttl-03 {
  background: #727171;
  font-weight: 500;
}
.service-page-support {
  display: flex;
  justify-content: space-between;
  margin: 50px -2% 0;
}
.service-page-support li {
  width: 25%;
  padding: 0 2%;
}
.service-page-support li + li {
  border-left: 1px solid #e6e6e6;
}
.service-page-support li figure {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
}
.service-page-support li figure img {
  width: 50px;
  height: auto;
}
.service-page-support li .p_ttl {
  min-height: 2.6em;
  margin-top: 10px;
  border: none;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  text-align: center !important;
}
.service-page-support li .p_ttl small {
  font-size: 14px;
  white-space: nowrap;
}
.service-page-support li .pgh-01 {
  min-height: 4.8em;
}
.btn-sm.svc-btn {
  width: 210px;
}
.btn-lg.svc-btn {
  width: 320px;
}
[class*="btn-"].svc-btn {
  position: relative;
  max-width: 100%;
  margin: 0;
  background: #f2f2f2;
  box-shadow: 1px 1px 2px rgba(0,0,0,.15);
  font-size: 14px;
}
[class*="btn-"].svc-btn:before {
  content: "";
  width: 16px;
  height: 16px;
  content: url(../../images/common/arrow-blk.svg);
  background-size: 100%;
  position: absolute;
  top: 50%;
  right: 8px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
[class*="btn-"].svc-btn:hover:before {
  content: url(../../images/common/arrow-yel.svg);
}
[class*="btn-"].svc-btn.link-out:before {
  content: "\f08e";
  margin-top: -2px;
  background: none;
  color: #999;
  font-size: 13px;
}
[class*="btn-"].svc-btn.link-out:hover:before {
  color: #ffd800;
}
.box-p02 [class*="btn-"].svc-btn {
  background-color: #fff;
}
.box-p02 [class*="btn-"].svc-btn:hover {
  background-color: #000;
}
.service-page #search_home,
.service-page #live_home {
  position: relative;
}
.service-page #live_home:before {
  position: absolute;
  top: -120px;
  left: 50%;
  content: "";
  display: block;
  width: 200px;
  height: 1px;
  margin-left: -100px;
  background: #898989;
}
.service-page-mypage {
  margin-bottom: 80px !important;
}
.service-page-mypage .section {
  max-width: 960px;
  margin: 0 auto;
}
.service-page-mypage .pgh-c em {
  font-size: 20px;
  font-weight: 600;
}
.service-page-mypage .pgh-01 {
  max-width: 690px;
  margin: 0 auto 30px !important;
}
.flex.service-page-plan {
  justify-content: space-between;
}
.flex.service-page-plan .col-2 {
  margin: 0 0 80px;
}
.service-page-plan .p_ttl {
  margin-top: 1em;
  border: none;
  font-weight: bold;
  text-align: center !important;
}
.service-page-plan figure img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.service-page-plan .pgh-01 {
  margin-bottom: 30px !important;
}
.service-page-plan .pgh-c {
  margin-top: 10px;
}
/* シミュレーション */
.simulation-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1em 1.6em;
  line-height: 1.3;
}
@media only screen and (max-width:960px) {
  .service-page .pc_only {
    display: none;
  }
  .btn-sm.svc-btn,
  .btn-lg.svc-btn {
    width: 90%;
  }
  .service-page-desc {
    font-size: 100%;
    text-align: justify;
  }
  .service-page-support {
    display: block;
    margin: 30px 0 0;
    padding: 0 2%;
  }
  .service-page-support li {
    width: 100%;
    padding: 0;
  }
  .service-page-support li + li {
    margin-top: 40px;
    border-left: none;
  }
  .service-page-support li figure {
    height: 80px;
  }
  .service-page-support li figure img {
    width: 60px;
  }
  .service-page-support li .p_ttl {
    min-height: auto;
    font-size: 16px;
    text-align: left !important;
  }
  .service-page-support li .pgh-01 {
    min-height: auto;
  }
  .service-page-support .sp-left {
    float: left;
    width: 30%;
  }
  .service-page-support .sp-right {
    width: 70%;
    margin-left: 30%;
  }
  .service-page-support .sp-right + * {
    clear: left;
  }
  .service-page-mypage .pgh-01 {
    margin-bottom: 1.2em !important;
  }
}
@media only screen and (max-width:640px) {
  .wrap-tx-01.service-page-title {
    height: auto;
  }
  .service-page ul.anchor {
    display: flex;
    max-width: 100%;
    width: 100%;
  }
  .service-page ul.anchor li {
    margin: 0;
  }
  .service-page ul.anchor li + li {
    margin-left: 6px;
  }
  .service-page ul.anchor li a {
    padding: 1em 2em 1em 1em;
  }
  .service-page ul.anchor li a:after {
    top: 46%;
    width: 8px;
    height: 8px;
  }
  .flex.service-page-plan .col-2 {
    margin-bottom: 60px;
  }
  .service-page-plan .pgh-01 {
    margin-bottom: 1.2em !important;
  }
  .service-page #search_home:before,
  .service-page #live_home:before {
    width: 100px;
    margin-left: -50px;
  }
}

[class*="btn-"].mod-btn-2l {
  padding: .4em 2.1em;
}

/*============================
  マイページのご紹介
============================*/
.mypage-box {
  margin-bottom: 2em;
  padding: 3em 5em;
  background-color: #F2F2F2;
  border-radius: 10px;
}
.mypage-title-1 {
  margin-bottom: 1em;
  text-align: center !important;
}
.mypage-ico-email:before {
  content: '';
  width: 64px;
  height: 22px;
  vertical-align: middle !important;
  margin-right: 0.4em;
  background: url(../../service/mypage/images/ico_email.svg) no-repeat center center;
  background-size: 64px 22px;
}
.mypage-box-2col {
  justify-content: space-between;
  margin-bottom: 1.5em !important;
}
.mypage-box-2col .col-2 {
  width: 47%;
}
.mypage-box .btn-new-lg{
  width: 100%;
  max-width: 500px;
}
.mypage-title-2 {
  text-align: left;
  margin-bottom: 0.5em;
}
.mypage-ico-checked:before {
  content: '';
  width: 0.9em;
  height: 0.9em;
  margin-right: 0.2em;
  background: url(../../service/mypage/images/ico_checked.svg) no-repeat center center;
  background-size: contain;
}
.mypage-list li {
  position: relative;
  padding-left: 1.2em;
}
.mypage-list li:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0.4em;
  width: 0.8em;
  height: 0.8em;
  border-radius: 50%;
  background-color: #B0B0B0;
}

/*============================
  ARUHIマガジン
============================*/
#aruhi-magazine .main-visual{
  font-size: 16px;
  line-height: 2;
  text-align: center;
}
#aruhi-magazine .main-visual img{
  margin-bottom:40px;
  max-width:100%;
}
#aruhi-magazine .main-visual-txt{
  padding:0 5%;
}
#aruhi-magazine .wrap-01{
  padding-top: 1em;
}
#aruhi-magazine .p_ttl{
  margin-top: 1.5em;
  font-size:16px;
}
#aruhi-magazine .ico_crown,
#aruhi-magazine .ico_house,
#aruhi-magazine .ico_people,
#aruhi-magazine .ico_wallet{
  display:inline-block;
  width:30px;
  height:30px;
  margin-right:0.25em;
  vertical-align: text-bottom;
  background:url(../../service/magazine/images/ico_crown.webp) no-repeat left bottom;
  background-size:100%;
}
#aruhi-magazine .ico_house{
  background-image:url(../../service/magazine/images/ico_house.webp);
}
#aruhi-magazine .ico_people{
  background-image:url(../../service/magazine/images/ico_people.webp);
}
#aruhi-magazine .ico_wallet{
  background-image:url(../../service/magazine/images/ico_wallet.webp);
}
#aruhi-magazine .posts {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top:1.5em;
  margin-bottom:1.5em;
}
#aruhi-magazine .posts::after {
  content: "";
  width: 31.25%;
}
#aruhi-magazine .post {
  flex-basis: 31.25%;
  margin-bottom: 1.5em;
}
#aruhi-magazine .post a {
  display: block;
  position: relative;
  height: 100%;
  border: 1px solid #CCC;
  border-radius: 10px;
  overflow: hidden;
  padding: 10px 10px 50px 10px;
  text-decoration: none;
}
#aruhi-magazine .post-img {
  margin-bottom: 15px;
}
#aruhi-magazine .post-img img {
  width: 100%;
  border-radius: 5px;
}
#aruhi-magazine .post-title {
  padding:0 5px;
}
#aruhi-magazine .post-category,
#aruhi-magazine .post-date{
  position: absolute;
  bottom:10px;
}
#aruhi-magazine .post-category {
  left:15px;
  border-radius: 10px;
  background-color: #EEE;
  padding:0 10px;
  font-size: 12px;
  line-height:1.5;
}
#aruhi-magazine .post-category-green{ background-color: #a4baa1; }
#aruhi-magazine .post-category-yellow{ background-color: #fdd35c; }
#aruhi-magazine .post-category-brown{ background-color: #c6ad8d; }
#aruhi-magazine .post-date{
  right:15px;
  font-size: 13px;
}
#aruhi-magazine .post-date:before{
  content: "";
  position: relative;
  top:1px;
  display:inline-block;
  width:13px;
  height:13px;
  margin-right: 5px;
  background:url(../../service/magazine/images/ico_clock.webp) no-repeat left center;
  background-size:100%;
}
#aruhi-magazine .post-date:after {
  content: "\f08e";
  margin-left:8px;
  font-size: 14px;
}
#aruhi-magazine .button-wrap{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#aruhi-magazine .button-category{
  position: relative;
  flex:0 0 31.25%;
  margin:20px 0 0 0;
  border: 1px solid #CCC;
  border-radius:25px;
}
#aruhi-magazine .button-category:nth-child(3n-1):last-child{
  margin-right:34.375%;
}
#aruhi-magazine .button-category a:before{
  content:'\f0da';
  width: 20px;
  height: 20px;
  position: absolute;
  left:7%;
  top:50%;
  margin-top:-10px;
  font-size: 12px;
  text-align: center;
  line-height: 20px;
  text-indent:2px;
  border-radius: 50%;
  background-color: #ffd800;
}
#aruhi-magazine .button-category:hover{
  border-color: #e6e6e6;
}
#aruhi-magazine .button-category a{
  display: block;
  width: 100%;
  padding:10px 10px 10px 20%;
  text-decoration: none;
  font-size: 16px;
}

/*============================
法人のお客さま	
============================*/	
.btn-center {	
  display: block;	
  margin: 0 auto;	
}
.business-ttl {
  font-size: 18px;
  font-weight: 500;
  text-align: left;
  padding-bottom: .5em;
  border-bottom: 3px #ddd solid;
  margin-bottom: .8em;
}

/* FC（フランチャイズ）店募集 */
.grid.fc .col-6 {
  padding-bottom: 2em;
  min-height: 200px;
  border: 1px solid #ffd800;
  background: #fffdf3;
}
.grid.fc .col-6 p {
  padding: 0 2em;
}
.grid.fc .ttl-02 {
  font-size: 160%;
  font-weight: bold;
  text-align: center;
  border: none;
  padding: .3em;
  background: #fed800;
}

/* 資料請求 共通部分 */
.mod-contact {
	margin-bottom: 0 !important;
	background: #feda00;
}
.mod-contact .col-2 {
	padding: 2em 3em;
	background: #fff;
	border-radius: 6px;
}
.mod-contact .ttl {
	font-size: 30px;
	margin-bottom: 1em;
	letter-spacing: 0.05em;
}
.mod-contact .ttl em {
	display: inline;
	background: -webkit-linear-gradient(transparent 76%, #fff 0%);
	background: linear-gradient(transparent 76%, #fff 0%);
	font-weight: 500;
}
.mod-contact .col-2 p.pgh-c {
	font-size: 20px;
	margin-bottom: 0 !important;
	display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
	align-items: center;
}
.mod-contact .col-2 p.pgh-c:before,
.mod-contact .col-2 p.pgh-c:after {
    border-top: 1px solid #737373;
    content: "";
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
	flex-grow: 1;
}
.mod-contact .col-2 p.pgh-c:before {
	margin-right: 1em;
}
.mod-contact .col-2 p.pgh-c:after {
	margin-left: 1em;
}
.mod-contact .col-2 p.pgh-c {
	margin-bottom: 1.2em !important;
}
.mod-contact .col-2 p.pgh-c em {
	font-weight: normal;
}
.mod-contact p.link-arr-01 {
	margin-top: 1em;
	margin-bottom: 0 !important;
}
.mod-contact p.link-arr-01 a {
	color: #fff;
  font-weight: bold;
  text-decoration: none;
  display: block;
  padding: 1em 0;
  background: #000;
  width: 30%;
  margin: auto;
	border-radius: 100px;
}
.mod-contact .link-arr-01:before {
	display: none;
}
.mod-contact p.link-arr-01 a:before {
	content: "\f054";
	color: #fff;
	font-size: 80%;
	margin-right: .5em;
}
.mod-contact .pgh-tel-01 {
	font-size: 260%;
  margin: 0;
  line-height: 1.6;
	font-family: brandon-grotesque, sans-serif;
}

/*============================
コンバージョンブロック
============================*/
.cv-block-wrap {
  background-color: #FFD800 !important;
  padding: 3em 0 !important;
}
.cv-block-wrap .section-btnArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 0;
}
.cv-block-wrap .btn-new-sm {
  margin-left: 35px;
  margin-right: 35px;
}

/*============================
住宅ローン用語集
============================*/
/* 住宅ローン用語集 共通モジュール */
.words-hr{
  display: block;
  border-top:none;
  border-right:none;
  border-left:none;
  border-bottom: solid 1px #707070;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}
.words-underline{
  border-bottom: 1px solid #000;
}
.words-lead-wrap{
  margin-left:23%;
  margin-bottom: 3em;
}
.words-lead{
  font-size: 20px;
  font-weight: 600;
}
.words-lead-wrap img{
  float: left;
  width: 55px;
  margin-right: 20px;
  vertical-align: top;
}
.words-list-dot>li{
  position:relative;
  display:block;
  padding-left:0.7em;
  margin-bottom:0.9em;
}
.words-list-dot>li:before {
  content:"・";
  margin-left:.7em;
  position:absolute;
  left:-.8em;
}
.words-list-checked>li{
  display:block;
  padding-left:25px;
  margin-bottom:0.9em;
  background:url(../../guide/words/images/ico_checked.webp) no-repeat left 0.45em;
}
.words-list-ordered{
  counter-reset:li;
}
.words-list-ordered>li{
  position:relative;
  display:block;
  padding-left:1.5em;
  margin-bottom:0.9em;
}
.words-list-ordered>li:before{
  content:counter(li)".";
  counter-increment:li;
  margin:0 0 0 .5em;
  position:absolute;
  left:-.8em;
  font-weight: bold;
}
.words-list-none>li{
  position:relative;
  display:block;
  margin-bottom:0.9em;
}
.words-box{
  margin-bottom:1.2em !important;
  padding:1.4em 1.2em;
  border-radius:12px;
  border: 1px solid #CCC;
}
.words-h2{
  font-size: 22px;
  font-weight: 600;
  text-align: center;
  line-height:2.0;
  letter-spacing: 0.1em;
  margin-bottom: 1.2em;
}
.words-h2 .words-h2-in{
  padding:0 0.5em 0.4em 0.5em;
  background:url(../../guide/words/images/square_dot_gray.webp) repeat-x left bottom;
}
.words-h3{
  font-size: 18px;
  font-weight: 600;
  text-align: left;
  letter-spacing: 0.1em;
  border-left: 5px solid #000;
  padding-left: 0.5em;
  margin-bottom: 1.2em;
}
.words-h4{
  font-size: 18px;
  font-weight: 600;
  text-align: left;
  letter-spacing: 0.1em;
  margin-bottom: 1.2em;
}
.words-h4 .words-h4-in{
  padding-bottom: 0.5em;
  border-bottom: 1px solid #CCC;
}
.words-tb{
  width: 100%;
  border: 1px solid #CCC;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom:1.2em;
  table-layout: fixed;
}
.words-tb-auto-caption{
  -webkit-text-size-adjust: none;
  white-space:normal;
}
.words-tb-auto{
  table-layout: auto !important;
}
.words-tb-caption{
  font-weight: 600;
  margin-bottom: 0.5em;
}
.words-tb th{
  font-weight: 600;
}
.words-tb th,
.words-tb td{
  padding: 1.3em 1.8em;
  border-bottom: 1px solid #CCC;
  border-right: 1px solid #CCC;
}
.words-tb tr :last-child{
  border-right:none;
}
.words-bdr-gray{
  border-right: 1px solid #CCC !important;
}
.words-tb.pgh-c th,
.words-tb.pgh-c td,
.words-tb tr.pgh-c th,
.words-tb tr.pgh-c td{
  text-align: center;
}
.words-tb .words-bdb-none,
.words-tb tr:last-child th,
.words-tb tr:last-child td {
  border-bottom: none;
}
.words-tb-lightgray,
tr.words-tb-lightgray th,
tr.words-tb-lightgray td{
  background-color: #f8f8f8;
}
.words-tb-gray,
tr.words-tb-gray th,
tr.words-tb-gray td{
  background-color: #f2f2f2;
}
.words-tb-yellow,
tr.words-tb-yellow th,
tr.words-tb-yellow td{
  background-color: #FFEE8C !important;
}
.words-tb-blue,
tr.words-tb-blue th,
tr.words-tb-blue td{
  background-color: #8cd7ff !important;
}
.words-tb-orange,
tr.words-tb-orange th,
tr.words-tb-orange td{
  background-color: #ffc88c !important;
}
.words-tb-vertical{
  writing-mode: vertical-rl;
}
/* macOS Safari 崩れ対応 */
_::-webkit-full-page-media, _:future, :root .words-tb-vertical{
  white-space: nowrap;
}
.words-quote{
  margin-bottom:1.2em;
  padding:1.5em 2.0em;
  border-radius:12px;
  border: 1px solid #CCC;
}
.words-quote:before,
.words-quote:after{
  content:' ';
  width: 100%;
  height: 8px;
  display: block;
  margin:15px 0;
  background:url(../../guide/words/images/double_quote_yellow.webp) no-repeat left top;
}
.words-quote:after{
  background-position: right bottom;
}
.words-w66p-pc{
  width:65.96%;
}
.words-col-div-in{
  border-right: 1px dotted #9fa0a0;
  height:calc(100% - 1.2em);
}
.words-1col,
.words-2col-01,
.words-2col-02,
.words-2col-03,
.words-3col{
  padding: 0 10px;
}
.words-1col,
.words-col{
  margin-bottom: 1.2em;
}
.words-2col-01,
.words-2col-02,
.words-2col-03,
.words-3col{
  display: flex;
  justify-content: space-between;
}
.words-col{
  flex-shrink: 1;
}
.words-1col img,
.words-2col-01 img,
.words-2col-02 img,
.words-2col-03 img,
.words-3col img{
  max-width: 100%;
}
.words-col-img{
  display: block;
  margin:0 auto;
}
.words-2col-01 .words-col-img,
.words-2col-02 .words-col-img,
.words-2col-03 .words-col-img,
.words-3col .words-col-img{
  width: 100%;
}
.words-2col-01 .words-col{
  flex-basis: 49%;
  max-width: 460px;
}
.words-2col-02 .words-col:first-child,
.words-2col-03 .words-col:last-child{
  flex-basis: 32%;
  max-width: 300px;
}
.words-2col-02 .words-col:first-child .words-col-img,
.words-2col-03 .words-col:last-child .words-col-img{
  max-width: 300px;
}
.words-2col-02 .words-col:last-child,
.words-2col-03 .words-col:first-child{
  flex-basis: 66%;
  max-width: 620px;
}
.words-3col .words-col{
  flex-basis: 32%;
  max-width: 300px;
}
.words-3col .words-col .words-col-img{
  max-width: 300px;
}
.words-page-sholder{
  text-align: center;
  font-size: 22px;
}
.words-links-wrap{
  background-color: #f2f2f2;
  margin-bottom: 3em;
  padding:3em 0;
}
.words-links-wrap .section-btnArea{
  margin:3em auto 1em auto;
}
.words-links-wrap .btn-new-sm{
  width: auto;
  padding-left: 50px;
  padding-right: 50px;
}
.words-links-wrap .btn-new-sm[target="_blank"]:before{
  content: "\f08e";
  top:20%;
  right:25px;
  font-size:120%;
  padding-left: .3em;
  border:none;
  transform:none;
}
.words-links{
  max-width:960px;
  margin:0 auto;
}
.words-link-others{
  display: flex;
  justify-content:flex-start;
  flex-wrap:wrap;
  margin-top:0.5em;
}
.words-link-others li{
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-basis:48%;
  max-width:200px;
  margin:0 0px 10px 30px;
  border-bottom: 1px solid #9fa0a0;
  font-size: 16px;
  background:url(../../guide/words/images/arrow_gray_r.webp) no-repeat left center;
}
.words-link-others li a{
  display: block;
  width: 100%;
  padding: 10px 0 10px 20px;
  text-decoration: none;
}
.words-external-links{
  width: 80%;
  margin:0 auto;
}
.words-external-links li {
  background:url(../../guide/words/images/square_dot_gray.webp) repeat-x left bottom;
  margin-bottom: 5px;
}
.words-external-links li a {
  display: flex;
  position: relative;
  padding:10px 30px 10px 0;
  text-decoration: none;
}
.words-external-links li a:after {
  position: absolute;
  right: 0px;
  top: 10px;
  content: "\f08e";
  color: #757373;
  font-size: 18px;
}
.words-external-links li a .text {
  display: inline-block;
  width: calc(100% - 20px);
  padding-left: 0.5em;
}
.words-external-links li a .ico_arrow{
  position: relative;
  background-color: #000;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  margin:.35em 0 0 0;
}
.words-external-links li a .ico_arrow:before{
  content: "";
  position: absolute;
  top: 50%;
  left: 4px;
  width: 6px;
  height: 6px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}
.words-index-innner-link ul{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 3em;
}
.words-index-innner-link ul li{
  border-right: 1px dotted #CCC;
  margin-bottom: 1.5em;
}
.words-index-innner-link ul li:first-child{
  border-left: 1px dotted #CCC;
}
.words-index-innner-link ul li a {
  width: 100%;
  display: block;
  padding:0.5em 1em 1.5em 1em;
  font-weight: 600;
  text-decoration: none;
  position: relative;
}
.words-index-innner-link ul li a:after {
  content: "";
  position: absolute;
  top: 80%;
  left: 50%;
  display: block;
  width: 8px;
  height: 8px;
  border-top: 1px solid #9fa0a0;
  border-right: 1px solid #9fa0a0;
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
  transform: translate(-50%, -50%) rotate(135deg);
}
/* 住宅ローン用語集 */
#words-index .tab-index{
  width: 100%;
}
#words-index .tab-index li{
  width: auto;
  margin-left: 5px;
  flex-grow: 1;
}
#words-index .tab-index li:first-child{
  margin-left:0;
}

/*============================
本当に住みやすい街大賞（ヘッダー）
============================*/
.border-sumiyasui::after{
  display: block;
  width: 100%;
  height: 0.4rem;
  background: linear-gradient(90deg, #d4961d 0%, #d69a21 0.47%, #dfaa32 3.11%, #e5b63d 6.39%, #e9bc44 11%, #eabe46 23.81%, #f4d060 33.39%, #fcdf77 44.08%, #ffe580 50.79%, #f8e47a 76.72%, #d29219 100%);
  content: "";
}
.header-sumiyasui {
  width: 100%;
  height: 80px;
  padding: 28px 0;
  background: #fff;
  font-size: 14px;
  line-height: 1.8;
  position:relative;
}
.wrap-sumiyasui {
  position: relative;
  max-width: 960px;
  margin: 0 auto;
  padding: 0 20px;
}
.header-sumiyasui .logo {
  float: left;
  width: 140px;
}
.sp-nav-sumiyasui {
  float: right;
  font-weight: bold;
}
.sp-nav-sumiyasui li {
  position: relative;
  float: left;
  margin-left: 10px;
  color: #985;
}
.sp-nav-sumiyasui li:last-of-type {
  display: none;
}
.sp-nav-sumiyasui li a {
  display: block;
  color: #985;
  font-size: 13px;
  text-decoration: none;
}
.sp-nav-sumiyasui li a:hover {
  text-decoration: underline;
}
.sp-btn-sumiyasui {
  display: none;
  background-color:transparent;
}

/*============================
本当に住みやすい街大賞（フッター）
============================*/
.footer-sumiyasui footer::before{
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 0.4rem;
  background: linear-gradient(90deg, #d4961d 0%, #d69a21 0.47%, #dfaa32 3.11%, #e5b63d 6.39%, #e9bc44 11%, #eabe46 23.81%, #f4d060 33.39%, #fcdf77 44.08%, #ffe580 50.79%, #f8e47a 76.72%, #d29219 100%);
  content: "";
}
.footer-sumiyasui .wrap{
  position: relative;
  max-width: 960px;
  margin: 0 auto;
  padding: 0 20px;
}
.footer-sumiyasui footer {
  position: relative;
  padding: 40px 0;
  background: #111;
  color: #fff;
  font-size: 12px;
  text-align: center;
  line-height: 1.8;
}
#scroll-top-sumiyasui {
  position: fixed;
  z-index: 9999;
  right: 10px;
  bottom: 10px;
}
#scroll-top-sumiyasui a {
  display: block;
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  text-decoration: none;
}
#scroll-top-sumiyasui a::after {
  display: block;
  position: absolute;
  top: 50%;
  left: 15px;
  width: 8px;
  height: 8px;
  margin-top: -3px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  content: "";
  transition-duration: .3s;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#scroll-top-sumiyasui a:hover {
  background: rgba(0, 0, 0, 0.75);
  text-decoration: none;
}
#scroll-top-sumiyasui a:hover::after {
  margin-top: -8px;
  transition-duration: .3s;
}

/*============================
本当に住みやすい街大賞 お問い合わせ
============================*/
#contact-sumiyasui{
  margin-top: 0;
}
#contact-sumiyasui .contact-voice-ttl {
  font-size: 18px;
  font-weight: 500;
  text-align: left;
  padding-bottom: .5em;
  border-bottom: 3px #ddd solid;
  margin-bottom: .8em;
}
#contact-sumiyasui #townranking-phone-1,
#contact-sumiyasui #townranking-phone-2,
#contact-sumiyasui #townranking-phone-3{
  width: 30%;
  max-width: 150px;
  margin-right: 0;
}

/*============================
  外部送信先の情報について
============================*/
.page-external .mod-acod:first-of-type {
  margin-top: 2.5em;
}
.page-external .mod-acod:not(:last-child) {
  margin-bottom: 20px;
}
.page-external .mod-acod-head {
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  height: 85px;
  padding: .5em 1em;
  background: #f2f2f2;
  border: 1px solid #000;
  border-radius: 0;
  transition: all .2s;
}
.page-external .mod-acod-open .mod-acod-head {
  background: #c9caca;
}
.page-external .mod-acod-body {
  padding: 2em 1em;
}
.page-external .mod-acod-body dl {
  margin-bottom: 2em;
}

@media only screen and (max-width:960px) {
  /*============================
	トップ：スライダー
	============================*/
  #topv {
    padding: 0;
  }
  #topv .wrap-inner {
    width: 100%;
  }
  .slider-wrap {
    width: 100%;
  }
  .slick-slide img {
    width: 100%;
  }
  .slick-dots {
    width: 100% !important;
    position: inherit !important;
    padding-top: 1em !important;
  }
  .slick-slider {
    position: inherit !important;
  }
  /* トップアイコンナビ */
  .top-nav {
    position: relative;
    display: block;
  }
  .hide-offscreen .top-nav {
    display: none;
  }
  .top-nav-overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(255, 255, 255, .9);
  }
  .top-nav-icon {
    position: relative;
    display: flex;
    justify-content: space-around;
    height: 60px;
  }
  .top-nav-icon li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20%;
    font-size: 9px;
    letter-spacing: -.07em;
    text-align: center;
    white-space: nowrap;
  }
  .top-nav-icon li a {
    text-decoration: none;
  }
  .top-nav-icon [class*="ico-"] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 26px;
  }
  .top-nav-icon [class*="ico-"]:before {
    height: auto;
  }
  .top-nav-icon .ico-guide:before {
    content: url(../../images/icon/ico_top_guide.svg);
    width: 16px;
  }
  .top-nav-icon .ico-product:before {
    content: url(../../images/icon/ico_top_product.svg);
    width: 24px;
  }
  .top-nav-icon .ico-rate:before {
    content: url(../../images/icon/ico_top_rate.svg);
    width: 25px;
  }
  .top-nav-icon .ico-service:before {
    content: url(../../images/icon/ico_top_service.svg);
    width: 26px;
  }
  .top-nav-icon .ico-simulation:before {
    content: url(../../images/icon/ico_top_simulation.svg);
    width: 18px;
  }
  .top-nav-icon .nav-product {
    position: relative;
  }
  .top-nav-icon .nav-product:after {
    position: absolute;
    bottom: 5px;
    left: 50%;
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    margin-left: -3px;
    border-right: 1px solid #231815;
    border-bottom: 1px solid #231815;
    transform: rotate(45deg);
  }
  .top-nav-icon .nav-product.on {
    background: #f2f2f2;
  }
  .top-nav-icon .nav-product.on:after {
    bottom: 3px;
    transform: rotate(-135deg);
  }
  /* TOP住宅ローン商品メニュー */
  .top-nav-menu {
    display: none;
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    padding-bottom: 50px;
    font-size: 12px;
    font-weight: bold;
    z-index: 999;
    max-height: calc(100vh - 120px);
    overflow-y: auto;
  }
  .top-nav-menu > ul > li p {
    padding: 1em;
    background: #f2f2f2;
    line-height: 1.6;
  }
  .top-nav-menu > ul > li + li p {
    border-top: 1px solid #fff;
  }
  .top-nav-menu .sub-menu-btn {
    position: relative;
    cursor: pointer;
  }
  .top-nav-menu .sub-menu-btn:before,
  .top-nav-menu .sub-menu-btn:after {
    position: absolute;
    top: 13px;
    right: 23px;
    content: "";
    width: 1px;
    height: 18px;
    background: #231815;
  }
  .top-nav-menu .sub-menu-btn:after {
    top: 21px;
    right: 15px;
    width: 18px;
    height: 1px;
  }
  .top-nav-menu .toggle-menu-current .sub-menu-btn:before {
    display: none;
  }
  .top-nav-menu .sub-menu-list {
    display: none;
  }
  .top-nav-menu > ul > li a {
    position: relative;
    display: block;
    height: 40px;
    padding: 0 1em;
    background: #fff;
    color: #000;
    line-height: 40px;
    text-decoration: none;
  }
  .top-nav-menu > ul > li a:before {
    position: absolute;
    top: 17px;
    right: 23px;
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-top: 1px solid #231815;
    border-right: 1px solid #231815;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .top-nav-menu > ul > li span {
    display: block;
    padding: 0.2em 1em;
    background: #f2f2f2;
    color: #808080;
  }
  .top-nav-menu > ul > li ul li {
    border-top: 1px solid #f2f2f2;
  }
  .top-nav-menu > ul > li ul li a {
    padding: 0 2em;
  }
  .top-nav-menu .menu-close {
    display: block;
    height: 30px;
    background: #000;
    color: #fff;
    cursor: pointer;
    line-height: 30px;
    text-align: center;
  }
  .top-nav-menu .menu-close span {
    position: relative;
    padding-left: 14px;
  }
  .top-nav-menu .menu-close span:before,
  .top-nav-menu .menu-close span:after {
    position: absolute;
    top: 55%;
    left: 0;
    content: "";
    width: 1px;
    height: 12px;
    background: #fff;
  }
  .top-nav-menu .menu-close span:before {
    -webkit-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
  }
  .top-nav-menu .menu-close span:after {
    -webkit-transform: translateY(-50%) rotate(-45deg);
            transform: translateY(-50%) rotate(-45deg);
  }
  #topv .product-btn {
    width: 100%;
    margin-top: 20px;
    padding-bottom: 10px;
    background: #e2e2e2;
  }
  #topv .product-btn p {
    font-size: 14px;
  }
  #topv .product-btn p:before, #topv .product-btn p:after {
    bottom: 0;
    height: 1.2em;
  }
  #topv .product-btn > div {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
  }
  #topv .product-btn .btn-new-sm.sd-btn {
    width: 100%;
    max-width: 480px;
    height: 60px;
    padding-right: 20px;
    border-radius: 30px;
    font-size: 19px;
  }
  .product-btn [class*="ico-"] {
    position: relative;
    top: 0;
    left: 0;
    margin-right: .5em;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  .product-btn p span:before, .product-btn p span:after {
    height: 1.3em;
    vertical-align: -.3em;
  }
  .product-btn p span:before {
    margin-right: 1em;
  }
  .product-btn p span:after {
    margin-left: 1em;
  }
  .product-btn .pc_only {
    display: none;
  }

  /* スライド下リンク */
  .top-pickup-link {
    margin-top: 0;
  }
  .top-pickup-link ul {
    flex-wrap: wrap;
    justify-content: space-between;
    width: 90%;
    max-width: 480px;
    padding: 20px 0;
  }
  .top-pickup-link ul li {
    width: 49%;
    margin: 0;
  }
  .top-pickup-link ul li.long {
    width: 100%;
    margin-bottom: 10px;
  }
  .top-pickup-link ul li .btn-new-sm.sd-btn,
  .top-pickup-link ul li.long .btn-new-sm.sd-btn {
    width: 100%;
    height: 60px;
    margin: 0;
    font-size: 15px;
  }
  .top-pickup-link ul li:not(.long) .btn-new-sm.sd-btn {
    border: 1px solid #ccc;
  }
  /*============================
	トップ：目的から探す
	============================*/
  #purpose .col-6 {
    width: 31.333333%;
  }
  .flex.link-panel.typeC a:hover svg {
    fill: #000;
  }
  /*============================
	トップ：住宅ローン 人気の商品
	============================*/
  #popular .section-01 .col-2 {
    width: 100%;
  }
  #popular .section-02 .col-3 {
    width: 31.333333%;
  }
  #popular .section-02 .col-3 img {
    width: 100%;
  }
  #popular .section-03 .section-btnArea {
    width: 100%;
  }
  #popular .rate-att-pop .list-a01 br {
    display: inline;
  }
  #popular .section-02 .rate-att-sp.col-3,
  #popular .rate-att-sp {
    display: block;
    width: 60%;
  }
  #popular .section-02 .section-btnArea.ssnb {
    margin: 2% 0 2em;
  }
  #popular .rate-att-pc {
    display: none;
  }
  #popular .rate-att-sp ul {
    padding: 0 10px;
  }
  #popular .col-3 {
    margin-bottom: 2em;
  }
  #popular .ttl-02 {
    margin-bottom: 1em;
  }
  #popular .popular-tab li {
    width: 50%;
    height: 55px;
    font-size: 13px;
  }
  #popular .popular-tab li:not(.active) {
    width: 50%;
    margin: 6px 8px -6px;
  }
  #popular dt p {
    font-size: 12px;
  }
  #popular .popular-contents dt {
    font-size: 13px;
  }
  #popular .popular-contents > li {
    padding: 40px 10px;
  }
  #popular .popular-contents > li > dl:first-child {
    padding-right: 0;
  }
  #popular .popular-contents > li > dl:first-child:after {
    display: none;
  }
  #popular .popular-contents > li > dl:nth-child(2) {
    margin-top: 40px;
    padding-left: 0;
  }
  #popular .popular-contents > li > dl > dd .col-2 {
    width: 48%;
  }
  #popular .popular-contents > li > dl > dd dd {
    font-size: 15px;
  }
  #popular .popular-contents .pgh-kinri-01 {
    font-size: 40px;
  }
  #popular .popular-contents .btn-new-sm.sd-btn {
    width: 90%;
    max-width: 360px;
    font-size: 14px;
  }
  #popular .list-a01 {
    margin-bottom: 1em !important;
    font-size: 12px;
  }

  #popular .top-bank_plan {
    padding: 1em 0 2.5em;
  }
  /*============================
	トップ：ARUHIが選ばれる7つのポイント
	============================*/
  #reason .badge {
    left: 2%;
    margin: 0;
    width: 16%;
  }
  #reason .col-3 img {
    width: 100%;
  }
  /*============================
	トップ：常に業界最低水準の金利
	============================*/
  #rate-top .inner {
    width: 100%;
  }
  #rate-top figure {
    position: inherit;
    top: inherit;
    left: inherit;
    margin-top: 1.5em;
  }
  #rate-top figure img {
    display: block;
    margin: auto;
  }
  #rate-top .inner div {
    margin: 0;
  }
  #rate-top p br {
    display: none;
  }
  #rate-top table p br {
    display: inline;
  }
  /*============================
	トップ：かんたんシミュレーション
	============================*/
  #simulation .col-2 {
    width: 48%;
  }
  #simulation .col-2 figure img {
    width: 100%;
  }
  /*============================
	トップ：かんたんガイド
	============================*/
  .flex.link-panel.typeE a div:nth-child(2) {
    width: 100%;
    text-align: center;
    padding: 0;
  }
  .flex.link-panel.typeE a div p br {
    display: none;
  }
  .flex.link-panel.typeE a:after {
    bottom: inherit;
    top: 50%;
  }
  /*============================
	トップ：ご契約の流れ
	============================*/
  .step .ttl span {
    width: 40%;
    padding: .5em .5em;
  }
  .step li dt img {
    width: 100%;
  }
  /*============================
	トップ：新着情報
	============================*/
  #top-info ul {
    width: 100%;
  }
  /*============================
	店舗情報
	============================*/
  #shop #contents, #shop_fastpass #contents, #shop_kikou #contents {
    width: 90%;
  }
  /*============================
	モジュール：住宅ローンのお申込・ご相談はこちらから
	============================*/
  .mod-cv-01 .wrap-inner {
    width: 90%;
  }
  /*============================
	モジュール：共通CV（相談・申込）
	============================*/
  #cv_consult_apply {
    padding: 5% 5% 3%;
  }
  /*============================
	モジュール：ご相談ダイヤル
	============================*/
  .mod-inquiry .wrap-inner {
    width: 90%;
  }
  .mod-inquiry .col-2 {
    width: 100%;
  }
  /*============================
	モジュール：バナー
	============================*/
  .mod-banner .wrap-inner {
    width: 90%;
  }
  .mod-banner .col-4 a {
    height: 100%;
  }
  /*============================
  SBIグループおすすめサービス（バナー）
  ============================*/
  .sbig-banner .wrap-inner {
    width: 90%;
  }
  .sbig-banner [class *='col-'] > div:hover {
    opacity: 1;
  }
  /*============================
  SBIグループサービス
  ============================*/
  .sbig-service .wrap-inner {
    width: 90%;
  }
  /*============================
	モジュール：金利引き下げ制度
	============================*/
  .mod-ratecut-01 {
    width: 100%;
  }
  .mod-nth {
    display: block;
  }
  .mod-nth-num {
    text-align: center;
  }
  .mod-nth-ttl {
    margin-left: 0;
    font-size: 14px;
  }
  .mod-outline-rc {
    font-size: 10px;
  }
  .section-btnArea [class*="btn-new-"].sd-btn {
    font-size: 13px;
  }
  .section-btnArea .btn-new-lg.sd-btn {
    width: 100%;
    max-width: 340px;
  }
  .reduction-point {
    flex-wrap: wrap;
  }
  .reduction-point > dl {
    width: 50%;
  }
  .reduction-sim {
    display: block;
  }
  .reduction-sim > dl {
    width: 100%;
  }
  .reduction-sim > dl > dt {
    width: 100%;
    height: auto;
    min-height: 45px;
    text-align: center;
  }
  .reduction-sim .pc_only {
    display: none;;
  }
  .reduction-sim > dl > dd {
    width: 100%;
  }
  .reduction-sim .mod-tb-ico-plus:before {
    top: -3px;
    left: 50%;
    width: 14px;
    height: 14px;
    font-size: 14px;
  }
  .reduction-sim .mod-tb-ico-result:before {
    top: -3px;
    left: 50%;
    width: 14px;
    height: 14px;
    content: url("../../images/common/ico-arrow-down.svg");
    font-size: 14px;
  }
  .reduction-sim > dl > dd select {
    height: auto;
    font-size: 12px;
  }
  .reduction-sim-result-wrap {
    min-height: 32px;
  }
  /*============================
	商品：子育てプラス
	============================*/
	.f35plus-feature-ttl-02 {
    flex-wrap: wrap;
	}
	.f35plus-feature-ttl-img {
    margin: 1em auto 0;
	}
	.f35plus-feature-flex {
    flex-direction: column;
    align-items: center;
  }
  /*============================
	商品：選べるオプションローン
	============================*/
  [class *='option-panel']>[class *='col-'] {
    padding: 2em;
    width: 100%;
  }
  .option-wrap {
    position: relative;
  }
  .option-wrap .name br {
    display: none;
  }
  .option-wrap .name {
    text-align: left;
    padding: 0;
    padding-bottom: 0.25em;
  }
  .option-wrap div {
    width: 100%;
  }
  .option-wrap p.icon {
    position: absolute;
    top: 50%;
    right: 25px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .option-wrap p.caption {
    width: 100%;
    padding: 0;
    text-align: left;
  }
  .option-wrap p.caption br {
    display: none;
  }
  .option-wrap:before {
    left: -40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  /*============================
	商品：銀行の住宅ローン
	============================*/
  .flex.link-panel.typeB a {
    padding-right: 3em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .flex.link-panel.typeB a .text-wrap {
    width: 75%;
  }
  .flex.link-panel.typeB a .icon-wrap {
    width: 25%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-top: 0;
  }
  .flex.link-panel.typeB .col-3 {
    width: 100%;
  }
  .panel-flat ul.loan.md li p {
    padding: 2px 15px;
  }
  .option-panel.option-flat {
    width: 60vw;
    margin-right: auto;
    margin-left: auto;
  }
  #bank .wrap-inner-sm,
  #danshin .wrap-inner-sm,
  #teikeihoken-contents .wrap-inner-sm,
  #service .wrap-inner-sm {
    width: 100%;
  }
	/*============================
	商品：就業不能保険 スタンダード／旧：全疾病保障（入院一時金付）
	============================*/
	.zenshippei-movie .movie-detail-tn-iframe{
		max-width: 100%;
		width: 300px;
		height: 169px;
   }
  /*============================
  商品：就業不能保険 ライト／旧：就業不能保障（入院一時金付）
  ============================*/
  .syugyofunou-feature-top {
    font-size: 18px;
  }
  .syugyofunou-feature-ttl {
    font-size: 20px;
    line-height: 1.3;
  }
  .syugyofunou-feature-plus {
    margin: -10px 10px -10px -10px;
  }
  .syugyofunou-feature-lead {
    padding: 0 1.2em;
  }
  .syugyofunou-feature-cont {
    flex-direction: column;
    align-items: center;
    margin-top: 0;
    padding: 0 1.2em;
  }
  .syugyofunou-feature-cont > li {
    width: 100%;
    max-width: 480px;
    padding: 1em 0 2em;
  }
  .syugyofunou-feature-cont > li + li {
    border-top: 1px solid #ccc;
    border-left: none;
  }
  .syugyofunou-feature-dtl {
    margin-bottom: 0;
  }
  .syugyofunou-feature-result:before {
    border-width: 21px 40px 0;
  }
  /*============================
	金利情報
	============================*/
  #rate-cont.section-btnArea {
    margin-bottom: 5em;
  }
  #rate-cont.section-btnArea a {
    width: 48%;
    margin-top: 1em;
  } 
  /*============================
	金利情報：モーダル
	============================*/
  div.modal {
    width: 98%;
    padding: 5%;
  }
  table .sp {
    display: block;
  }
  table td.sp {
    display: table-cell;
  }
  table .pc {
    display: none;
  }
  .nav-title, .modal .tab-index {
    font-size: 3.6vw;
  }
  .nav-title {
    width: 40%;
  }
  .modal .tab-index {
    width: 60%;
  }

  /* 2022.02 金利一覧改修 */
  .tab-index-hr li {
    border-radius: 5px 5px 0 0;
  }
  .tab-index-hr li.select {
    width: 46%;
  }
  .tab-index-hr li:not(.select) {
    width: 44%;
    margin: 6px 0 0;
  } 
  .tab-index-hr li + li {
    margin-left: 2% !important;
  }
  .tab-index-hr li a {
    font-size: 13px;
    line-height: 1.4;
  }
  .tab-index-hr li.select a {
    border-radius: 4px 4px 0 0;
    border-top-width: 5px;
  }
  .rate-nav {
    width: 92%;
  }
  .rate-nav-item {
    width: 48%;
    margin: 1%;
  }

  /*============================
	SBI銀行
	============================*/
  #mr .mr .wrap-inner {
    width: 90%;
  }
  .mr-cbc {
    text-align: left;
  }
  .mr-cbc img {
    display: block;
    margin: auto;
  }
  .mr-cbc-01 {
    display: inline-block;
    vertical-align: top;
    width: 100%;
  }
  .mr-cbc-01 p {
    margin-bottom: .5em;
    margin-right: 0;
  }
  /*============================
	ソニー銀行
	============================*/
  #sonybank .wrap-01.sony {
    padding: 0 5%;
  }
  #sonybank .wrap-inner.sony {
    width: 100%;
  }
  #sonybank .btn-large{
    font-size: 18px;
  }
  #sonybank .btnwrap .col-2:first-child,
  #sonybank .btnwrap .col-2:last-child{
      text-align:center;
  }
  #sonybank .btn-internal-red,
  #sonybank .btn-internal-blue{
    margin-bottom:0.5em;
  }
  #sonybank .btn-internal-red::before,
  #sonybank .btn-internal-blue::before {
    font-size: 32px;
  }
  #sonybank .screening_select-wrap {
    margin-bottom: 0;
  }
  #sonybank #screening_select-area,
  #sonybank #screening_select-shop {
    font-size: 15px;
  }

  /*============================
  住宅ローン比較表
  ============================*/
  #loan-hikaku #related_page .grid{
    margin-left:0;
  }

  /*============================
	楽天銀行
	============================*/
  #rakuten .wrap-01.rakuten {
    padding: 0 5%;
  }
  #rakuten .wrap-inner.rakuten {
    width: 100%;
  }
  /*============================
  auじぶん銀行
  ============================*/
  #jibunbank .wrap-inner.jibunbank {
    width: 90%;
  }
  #jibunbank p.jibunbank-description {
    width: 50%;
  }
  #jibunbank .box-p02 a.jibunbank {
    padding: 8px 0;
    min-width: 180px;
  }
  /*============================
  住信SBIネット銀行
  ============================*/
  #ssnb .wrap-inner.ssnb {
    width: 90%;
  }
  #ssnb .ttl-01.ssnb,
  #ssnb p.ssnb-description {
    width: calc(100% - 320px);
  }
  #ssnb .box-p02 a.ssnb {
    padding: 8px 0;
    min-width: 180px;
  }
  #ssnb {
    margin-top: 60px;
  }
  .ssnb-anchor {
    flex-direction: column;
  }
  .ssnb-anchor-txt {
    margin: 0 0 1em;
  }
  #ssnb a.ssnb.bank-modal-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .6em 1em;
    line-height: 1.3;
  }
  /*============================
  SBI新生銀行
  ============================*/
  #ssbk {
    margin-top: 60px;
  }
  #ssbk .wrap-inner.ssbk {
    width: 90%;
  }
  #ssbk .ttl-01.ssbk,
  #ssbk p.ssbk-description {
    width: calc(100% - 320px);
  }
  #ssbk .box-p02 a.ssbk {
    padding: 8px 0;
    min-width: 180px;
  }
  .ssbk-anchor {
    flex-direction: column;
  }
  .ssbk-anchor-txt {
    margin: 0 0 1em;
  }
  /*============================
	ご意見・ご要望
	============================*/
  #contact-voice .pgh-br-sp {
    display: block;
  }
  #contact-voice .name input, #contact-voice .kana input, #contact-voice .email input {
    width: 80%;
  }
  /*============================
	商品
	============================*/
  #k-kotei .section {
    padding: 1em 0;
  }
  #k-kotei .section .flex {
    width: 92%;
  }
  #k-kotei .section .col-2 {
    width: 48%;
  }
  #k-kotei th {
    padding: .8em 0;
  }
  #k-kotei .rate-att-sp {
    display: block;
    padding: 5px 10px 0 10px;
  }
  #k-kotei .rate-att-pc {
    display: none;
  }
  #k-hendou .bg a>div {
    display: block;
    text-align: center;
  }
  #k-hendou h3 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    display: block;
  }
  #k-hendou .bg a {
    padding: 2em;
    padding-bottom: 1em;
  }
  #k-hendou .bg a div p.ttl {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding-top: .5em;
    padding-bottom: 1.5em;
  }
  /* 住み替え実現ローン */
  .btn-product-detail{
    display: block;
    margin: 0 0 1.5em 0;
    padding:1.5em 1em;
  }
  .btn-product-detail h3{
    margin:0 0 0 0;
  }
  .btn-product-detail .ttl{
    padding-top: 0.5em;;
  }
  .mod-pd-link.mod-pd-link-sumikae {
    flex-direction: column;
    padding: 1.2em 1em 1em;
  }
  .mod-pd-link.mod-pd-link-sumikae h3 {
    margin: 0 0 .3em;
  }
  .mod-pd-link.mod-pd-link-sumikae h3 img {
    max-width: 80%;
  }
  .mod-pd-link-sumikae-sub {
    font-size: 13px;
  }
  /* おすすめ住宅ローンコラム */
  .tab-index-hr.adj-tab-index {
    margin: 2em 0;
  }
  .tab-index-hr.adj-tab-index li a {
    padding: 1em .5em;
    font-size: 13px;
  }
  /*============================
	商品：スーパーフラット
	============================*/
  div.list:nth-child(3) {
    text-align: center;
  }
  div.list>p {
    -webkit-writing-mode: inherit;
    -ms-writing-mode: inherit;
    writing-mode: inherit;
    text-align: center;
    padding: 1em;
  }
  div.list ul li {
    margin: 0;
    margin-top: 1.5em;
  }
  div.list ul li:first-child {
    margin-top: 0;
  }
  li.danshin {
    padding: 1em;
    border-radius: 100px;
  }
  li.danshin:before {
    display: none;
  }
  li.flat {
    padding: 1em;
  }
  li.kinri:before {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .lineup_list_wrap ul li h3 img {
    width: 100%;
  }
  .lineup_list_wrap ul li h3 {
    padding: 2em 1em;
  }
  @-moz-document url-prefix() {
    div.list:first-child {
      width: 100%;
    }
  }
  /* 【フラット３５】S */
  #tech_standard {
    margin-top: 0;
    padding-top: 0;
  }
  /*============================
	商品：フラット35
	============================*/
  .prod-head .ttl-01 {
    font-size: 26px;
  }
  .prod-lineup-ttl::before,
  .prod-lineup-ttl::after {
    height: 2.8em;
  }
  .prod-lineup-ttl::before {
    margin-right: 1.3em;
    transform: rotate(-23deg);
  }
  .prod-lineup-ttl::after {
    margin-left: 1.3em;
    transform: rotate(23deg);
  }
  .prod-lineup-items {
    flex-direction: column;
    align-items: center;
    margin: 0 0 2em;
  }
  .prod-lineup-item {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: auto;
    padding: 1em 0;
  }
  .prod-lineup-item:first-child {
    padding-top: 0;
  }
  .prod-lineup-item:last-child {
    padding-bottom: 0;
  }
  .prod-lineup-item + .prod-lineup-item {
    background-image : linear-gradient(to right, #000 2px, transparent 2px);
    background-size: 6px 2px;
    background-repeat: repeat-x;
  }
  .prod-lineup-item-head {
    margin: 0 1em 0 0;
  }
  .prod-lineup-item-head h3 {
    min-width: 9em;
  }
  .prod-point-items {
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .prod-point-item:not(:last-child) {
    margin-bottom: 2em;
  }
  .prod-merit-sec {
    padding-right: 12%;
    padding-left: 12%;
  }
  .prod-merit-items {
    display: block;
    margin-right: 0;
    margin-left: 0;
  }
  .prod-merit-items-2 .prod-merit-item,
  .prod-merit-items-3 .prod-merit-item {
    margin: 0 0 2em;
  }
  .prod-merit-items-2 .prod-merit-item:last-child,
  .prod-merit-items-3 .prod-merit-item:last-child {
    margin: 0;
  }
  .mod-prod-panel {
    flex-direction: column;
      padding: 1.8em 1.2em;
  }
  .mod-prod-panel-txt {
    margin-bottom: 1rem;
    text-align: center;
  }
  .ttl-point br.sp_only.tb {
    display: block;
  }
  .mod-btnAdj [class*="btn-new-"] {
    margin-bottom: 1em;
    font-size: 1rem;
  }
  .mod-btnAdj-02 [class*="btn-new-"] {
    margin-bottom: 1em;
    font-size: 1rem;
  }
  /*============================
	変動S
	============================*/
  #hendou_s br.tb {
    display: block;
  }
  /*============================
  商品詳細 MG保証
  ============================*/
  .your_select-info .box-p01.new {
    padding: 2em 1.2em 1.2em;
  }
  .your_select-point .point_detail {
    padding: 2.5em 4em;
  }
  .simtbl_balloon {
    width: 70.66vw;
    height: 26.66vw;
    margin: -40px auto 3vw;
    padding: 10vw 3.2vw 3vw;
    background-image: url("../../product/images/bg_balloon_sp.webp");
    font-size: 3.2vw;
    line-height: 1.3;
  }
  .simtbl_balloon strong {
    font-size: 4.26vw;
  }
  /*============================
	商品詳細 共通モジュール
	============================*/
	.anchor.pd-anchor li.link a {
		padding-right: 1.6em;
	}
	.anchor.pd-anchor li.link a:after {
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
	}
  .mod-tab-show {
    display: block;
  }
  .mod-sp-tab-show {
    display: block;
  }
  .mod-sp-tab-hide {
    display: none;
  }
  .mod-tab-hide {
    display: none;
  }
  /*============================
	お問い合わせ
	============================*/
  #contact .flex.link-panel.typeA a, .panel .panel-wrap {
    padding-left: 4%;
    padding-right: 4%;
  }
  .call_center>div p {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .call_center ul {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
  }
  .call_center .sp_only, .customer_center .sp_only {
    display: block;
  }
  .call_center .sp_only {
    text-align: left;
  }
  .call_center .pc_only, .customer_center .pc_only {
    display: none;
  }
  .customer_center {
    display: block;
    padding: 0;
    text-align: center;
  }
  .customer_center .tel {
    padding: .3em 0;
  }
  .customer_center .list-a01 {
    margin-top: .5em;
  }
  #contact [class *='btn-new-'] {
    min-width: 80%;
  }
  .sec_wrap>div {
    display: block;
  }
  .sec_wrap>div>div {
    width: 100%;
  }
  #ct_fc .col-1 {
    min-height: inherit;
  }
  #ct_company .col-2 {
    width: 100%;
  }
  #ct_fc .panel .panel-wrap {
    padding-top: 4%;
  }
  /*============================
	ダイレクト：お借り入れ
	============================*/
  .step li dd .section-btnArea a {
    min-width: inherit;
    width: 100%;
    margin: .8em 0 0 0;
  }
  .step .ttl span {
    width: 60%;
  }
  .direct_inquiry {
    width: 100%;
  }
  .direct_inquiry.direct_inquiry_small {
    width: 100%;
  }
  /*============================
	ダイレクト共通
	============================*/
  .direct_btn_wrap a {
    width: 100%;
  }
  .step li dd figure {
    width: 35%;
  }
  .step li dd>div>div, .step li dd>a>div {
    width: 65%;
  }
  .step li dd>a:before, .step li dd>a:after {
    bottom: 0;
    top: inherit;
  }
  .step li dd>a:before {
    bottom: .3em;
  }
  /*============================
	店舗相談（無料）
	============================*/
  .coming-box-resv.col-2,
  .coming-box-shop.col-2 {
    width: 100%;
    padding: 2em 1em;
  }
  .coming-box-shop .mr-2 {
    margin-top: 0;
  }
  .coming-box-shop .mod-btn-org-rev {
    margin-top: 1em;
  }
  .coming-flow-title-l h2{
    font-size: 3vw;
  }
  .coming-flow-title-l span {
    padding-right: 15px;
    margin-right: 20px;
  }
  .coming-flow-title-l span img {
    width: 60px;
  }
  /*============================
	現在ご返済中の方
	============================*/
  .section .customer-button .col-3 {
    width: 90%;
    padding-bottom: 2em;
    margin: 0 auto;
  }
  .section .customer-button .col-3:last-child {
    padding-bottom: .5em;
  }
  .section .customer-button .col-3 .btn-new-lg {
    width: 100%;
  }
  /* お知らせ */
  .news-box ul {
    width: 90%;
    margin: 0em auto 2em;
  }
  .news-box ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: .75em 0;
  }
  .news-box ul li .date {
    display: inline-block;
    width: 20%;
  }
  .news-box ul li .ca {
    display: inline-table;
    width: 18%;
    font-size: 12px;
    background-color: #ffd802;
    text-align: center;
    padding: .25em 0;
    border-radius: 30px;
    margin-right: 2%;
  }
  .news-box ul li a {
    display: inline-block;
    width: 60%;
  }
  /* 定期メンテナンス */
  .maintenance {
    width: 90%;
  }
  .maintenance-open::before, .maintenance-close::before {
    width: 18px;
    height: 18px;
    top: 10px;
  }
  .maintenance-inner {
    width: 90%;
  }
  .section .panel-wrap-side br, .section .navidial-contents br {
    display: none;
  }
  /* 下層特別指定 */
  #dairitetsuzuki {
    margin-top: 0;
    padding-top: 8%;
  }
  /* 登録情報の変更　アンカーリスト */
  .anchor_list th {
    padding-left: 2em;
  }
  /*============================
  借入申込手続き中の方
  ============================*/
  .graybox{
    width: 90% !important;
  }
  .graybox img {
    margin-bottom: 10px;
  }
  /*============================
  住宅ローンガイド
  ============================*/
  /* 共通 */
  .option-panel.guide-links .col-2:last-child:nth-child(2n+1){
    margin-right: 1%;
  }
  .option-panel.guide-links.guide-links-simple .col-2:nth-child(2){
    border-top:none;
  }

  /* ローカルナビ */
  .nav_local.cont_guide .top_p .pgh-br-pc{
    display: none;
  }

  /* 住宅ローンガイドTOP */
  .guide-voice .section {
    width: 90%;
  }
  .contents-list-btn a {
    padding: 8px 17%;
  }
  .contents-list-btn a::before {
    transition: 0s;
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -ms-transition: 0s;
    -o-transition: 0s;
  }
  .guide-tab.tab-index {
    width: 100%;
  }
  .guide-faq .icon.icon-q::before {
    font-size: 16px;
  }
  .guide-faq .faq-list .article-list li a {
    font-size: 16px;
  }

  /* お客さまの声 */
  .guide-voice .section {
    width: 90%;
  }

  /* 初めての住宅ローン */
  .guide-beginner-btnBox .col-4 .btn-new-md {
    min-width: 210px;
  }
  .guide-beginner-btnBox p .btn-new-md {
    min-width: 270px;
  }
  .guide-beginner-btnBox .col-3 {
    width: 47%;
    margin-right: 0;
    margin-bottom: 1em;
  }
  .guide-beginner-btnBox .col-3 .btn-new-sm {
    min-width: 250px;
  }
  /* 適合証明書について */
  .txt-center {
    display: block !important;
  }
  /* 団体信用生命保険（団信）とは */
  .guide-btnArea-mb {
    margin: 2em 0 2em !important;
  }
  /* ARUHI 住宅ローンお手続きナビ */
  [class *='btn-'].mod-btn-org:before {
    width: 15px;
    height: 15px;
    line-height: 15px;
  }
  /* 新FAQ */
  .mod-faq-item-head-txt {
    font-size: 16px;
  }
  .mod-faq-item-ico-q:before,
  .mod-faq-item-ico-a:before {
    font-size: 16px;
  }
  /*============================
  ARUHIのサービス
  ============================*/
  .simulation-btn {
    min-width: 100% !important;
    padding: 1.2em 1.6em;
  }
  /*============================
  マイページのご紹介
  ============================*/
  .mypage-box {
    padding: 2em 5vw;
  }
  .mypage-title-1 {
    font-size: 18px;
  }
  .mypage-ico-email:before {
    width: 43px;
    height: 16px;
    background-size: 43px 16px;
  }
  .mypage-box .btn-new-lg{
    font-size: 14px;
  }
  /*============================
  ARUHIマガジン
  ============================*/
  #aruhi-magazine .post {
    flex-basis: 48%;
  }
  /*============================
  法人のお客さま	
  ============================*/	
  /* FC（フランチャイズ）店募集 */
  .grid.fc .ttl-02 {
    font-size: 120%;
  }
  /* 資料請求 共通部分 */
  .mod-contact .col-2 {
	  width: 100%;
    margin-bottom: 1em;
  }
  .mod-contact .col-2 .btn-md, .mod-contact p.link-arr-01 a {
    width: 100%;
  }
  /*============================
	コンバージョンブロック
	============================*/
  /* ARUHIの新しいお申込書のご案内 */
  .mov_wrap {
    width: 90%;
  }
  /*============================
	コンバージョンブロック
	============================*/
  .cv-block-wrap .btn-new-sm {
    margin-left: auto;
    margin-right: auto;
  }

  /*============================
	上下スクロールバー付きテーブル（SP）
	============================*/
  .tbl-scroll{
    overflow:scroll visible;
    overflow-x: scroll;
    white-space:nowrap;
    padding-top: 1.2em;
  }
  .tbl-scroll-bar-top{
    overflow:scroll visible;
    overflow-x: scroll;
    white-space:nowrap;
    margin:0 !important;
    padding-bottom: 10px;
    height:auto;
  }
  .tbl-scroll-bar-top-in{
    margin:0 !important;
    height:1px;
  }
  .tbl-scroll::-webkit-scrollbar,
  .tbl-scroll-bar-top::-webkit-scrollbar {
    height: 10px;
  }
  .tbl-scroll::-webkit-scrollbar-track,
  .tbl-scroll-bar-top::-webkit-scrollbar-track {
    margin: 0 2px;
    background: #DDD;
    border-radius: 5px;
  }
  .tbl-scroll::-webkit-scrollbar-thumb,
  .tbl-scroll-bar-top::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #999;
  }
  .tbl-scroll table{
    width: auto;
    -webkit-text-size-adjust: 100%;
  }

  /*============================
  住宅ローン用語集
  ============================*/
  /* 住宅ローン用語集 共通モジュール */
  .words-tb-scroll{
    overflow:scroll visible;
    overflow-x: scroll;
    white-space:nowrap;
  }
  .words-tb-scroll::-webkit-scrollbar {
    height: 10px;
  }
  .words-tb-scroll::-webkit-scrollbar-track {
    margin: 0 2px;
    background: #DDD;
    border-radius: 5px;
  }
  .words-tb-scroll::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #999;
  }
  .words-tb-scroll .words-tb{
    width: auto;
  }
  .words-link-others{
    justify-content: space-between;
  }
  .words-links{
    width: 90%;
  }
  .words-link-others li{
    max-width:none;
    margin:0 0px 10px 0;
  }

  /*============================
  本当に住みやすい街大賞（ヘッダー）
  ============================*/
  .header-sumiyasui {
    height: 40px;
    padding: 0;
  }
  .header-sumiyasui .wrap-sumiyasui {
    width: 100%;
    padding: 0;
  }
  .header-sumiyasui .logo {
    position: relative;
    z-index: 9999;
    width: 19vw;
    margin: 7.5px 12px;
  }
  .header-sumiyasui .logo img {
    vertical-align: middle;
  }
  .sp-nav-sumiyasui {
    display: none;
    position: absolute;
    z-index: 999;
    top: 46px;
    clear: both;
    width: 100%;
    background: #e2e2e2;
  }
  .sp-nav-sumiyasui li {
    float: none;
    margin-left: 0;
    border-bottom: 1px solid #919191;
  }
  .sp-nav-sumiyasui li:not(:last-of-type) a::after {
    display: block;
    position: absolute;
    top: 46%;
    right: 15px;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    border-top: 2px solid #968158;
    border-right: 2px solid #968158;
    content: "";
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  .sp-nav-sumiyasui li:not(:last-of-type) a.arrow-r::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .sp-nav-sumiyasui li:nth-last-of-type(2) {
    border-bottom: 2px solid #919191;
  }
  .sp-nav-sumiyasui li:last-of-type a {
    background: #000;
    color: #fff;
  }
  .sp-nav-sumiyasui li:last-of-type a:hover {
    background: #333;
  }
  .sp-nav-sumiyasui li:last-of-type {
    display: list-item;
  }
  .sp-nav-sumiyasui li a {
    display: block;
    position: relative;
    padding: .75em 1em .75em 2em;
    color: #968158;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    letter-spacing: .1em;
  }
  .sp-nav-sumiyasui li a:hover {
    background: #eee;
  }
  .sp-btn-sumiyasui {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    height: 2.5rem;
    margin:0;
    padding: 7.5px 12px;
  }
  .sp-btn-sumiyasui i {
    color: #968158;
    font-size: 25px;
  }
}
@media only screen and (max-width:640px) {
  div.section.top {
    padding: 3em 0 4em;
  }
  /*============================
	トップ：スライダー
	============================*/
  .slick-slide img.sp {
    display: block !important;
  }
  .slick-slide img.pc {
    display: none !important;
  }
  /*============================
	トップ：重要なおしらせ
	============================*/
  .important-notice-area {
    margin-top: 30px !important;
    margin-bottom: 30px;
    padding: 15px 15px 0;
  }
  .important-notice-area .important-notice .wrap {
    display: block;
  }
  .important-notice-area .important-notice .wrap .title {
    display: block;
    padding: 0 0 5px 0;
    width: auto;
    height: auto;
    border-right: none;
    border-bottom: 1px solid #E96049;
    text-align: left;
    font-size: 12px;
    line-height: 1.4;
  }
  .important-notice-area .important-notice .wrap .text {
    display: block;
    padding: 0;
    font-size: 12px;
    line-height: 1.4;
  }
  .important-notice-area .important-notice .wrap .text .small {
    margin-bottom: 5px;
    font-size: 11px;
  }
  .important-notice-area .important-notice-item {
    position: relative;
    display: block;
    padding: 15px 30px 15px 0;
  }
  .important-notice-area a.important-notice-item::after {
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 12px;
    content: "";
    display: inline-block;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    width: 7px;
    height: 7px;
    margin-top: -3px;
  }
  .important-notice-area div.important-notice-item {
    padding: 15px 0 !important;
  }
  /*============================
  トップ：おしらせ
  ============================*/
  .important-info {
    font-size: 12px;
    padding:1.3em 1em;
  }
  .important-info .text {
    margin-left: 7em;
  }
  /*============================
	トップ：目的から探す
	============================*/
  .flex.link-panel.typeC {
    margin: 0 -1%;
  }
  .flex.link-panel.typeC [class *='col-'] {
    width: 48%;
    background: #ffd700;
    border-radius: 6px;
    position: relative;
    margin-right: 1%;
    margin-left: 1%;
  }
  .flex.link-panel.typeC [class *='col-']:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 15px;
    width: 15px;
    height: 15px;
    background: url(../../images/common/arrow-blk.svg) no-repeat center center;
    background-size: 100%;
    z-index: 1000;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .flex.link-panel.typeC [class *='col-'] a:after {
    display: none;
  }
  .flex.link-panel.typeD [class *='col-'] {
    width: 100%;
  }
  .ttl-typeD {
    display: block;
    text-align: center;
    padding: 1em 0;
  }
  .ttl-typeD p {
    font-size: 4.2vw;
    position: relative;
    display: inline-block;
    padding-right: 1em;
  }
  .ttl-typeD p:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-transform: translateY(-80%) rotate(45deg);
    -ms-transform: translateY(-80%) rotate(45deg);
    transform: translateY(-80%) rotate(45deg);
  }
  .flex.link-panel.typeC a {
    min-height: 98px;
    padding: 1.4em 0 2.7em;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .flex.link-panel.typeC p {
    font-size: 4.2vw;
  }
  .flex.link-panel.typeD a {
    padding: 1em;
    text-align: left;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .flex.link-panel.typeD p {
    font-size: 3.4vw;
  }
  .flex.link-panel.typeD p br {
    display: none;
  }
  .flex.link-panel.typeD p span {
    display: inline;
  }
  .link-panel.typeD [class *='col-'] a:after {
    right: 10px;
    left: inherit;
  }
  /*============================
	ABテスト（test-a）
	============================*/
  .flex.link-panel.typeC.test-a .col-4 {
    background-color: transparent;
  }
  .flex.link-panel.typeC.test-a a {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .15);
  }
  .flex.link-panel.typeC.test-a a:hover {
    background: #fff !important;
  }
  .flex.link-panel.typeC.test-a a:hover img.type-1.test, .flex.link-panel.typeC.test-a a:hover img.type-2.test, .flex.link-panel.typeC.test-a a:hover img.type-3.test, .flex.link-panel.typeC.test-a a:hover img.type-4.test {
    display: block;
  }
  .flex.link-panel.typeC.test-a a:hover img.type-1.demo, .flex.link-panel.typeC.test-a a:hover img.type-2.demo, .flex.link-panel.typeC.test-a a:hover img.type-3.demo, .flex.link-panel.typeC.test-a a:hover img.type-4.demo {
    display: none;
  }
  /*============================
	トップ：住宅ローン 人気の商品
	============================*/
  #popular dt img {
    height: 18px;
  }
  #popular .section-02 .col-3 {
    width: 100%;
    margin-top: 2%;
  }
  #popular .ttl-04 small {
    display: block;
  }
  #popular .section-02 .rate-att-sp.col-3,
  #popular .rate-att-sp {
    width: 100%;
  }
  /*============================
  トップ：ARUHIの評価・実績
  ============================*/
  .top-banner:not(:last-child) {
    margin-bottom: 2em;
  }
  /*============================
	トップ：ARUHIが選ばれる7つのポイント
	============================*/
  #reason .ttl-02 {
    padding: 0 1em;
    line-height: 1.2;
  }
  #reason .col-3, #reason .col-4 {
    width: 48%;
    margin: 0 1%;
    margin-top: 1em;
  }
  #reason .pd-txt-m {
    font-size: 1rem;
  }
  /*============================
	トップ：ARUHIが選ばれる6つのポイント
	============================*/
  #rate-top figure img {
    width: 100%;
  }
  /*============================
	トップ：かんたんシミュレーション
	============================*/
  #simulation .col-2 {
    width: 100%;
    margin-top: 2.5em;
  }
  #simulation .col-2:first-of-type {
    margin-top: 0;
  }
  #simulation .col-2 a {
    font-size: 4.6vw;
  }
  #simulation .col-2 p {
    font-size: 3.6vw;
  }
  /*============================
	トップ：かんたんガイド
	============================*/
  .flex.link-panel.typeE a {
    padding: 0 1.5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  #guide .col-4 a div:first-of-type {
    width: 20%;
  }
  #guide .col-4 a div img {
    width: 100%;
    padding: 0;
  }
  #guide .col-4 a div:nth-child(2) {
    width: 70%;
    margin-left: 5%;
  }
  #guide .col-4 a div p {
    font-size: 3.6vw;
    text-align: left;
  }
  /*============================
	トップ：新着情報
	============================*/
  #top-info .ttl-02 {
    margin-bottom: .5em;
  }
  #top-info .info-wrap {
    padding: 0;
    background: none;
  }
  #top-info .info-wrap a {
    display: block;
    width: 100%;
  }
  #top-info li {
    display: block;
    position: relative;
    border-top: 1px solid #ccc;
    padding: 20px 0 0 0;
    margin-top: 20px;
  }
  #top-info li:first-child {
    border-top: none;
    margin-top: 0;
  }
  #top-info .date, #top-info .ca {
    float: left;
    display: block;
  }
  #top-info .date {
    width: 100%;
    font-size: 14px;
    padding-right: .5em;
    padding-bottom: .5em;
  }
  #top-info .ca {
    width: 100px;
    position: absolute;
    top: 20px;
    left: 120px;
    font-size: 11px;
    padding: .15em;
  }
  /*============================
	モジュール：住宅ローンのお申込・ご相談はこちらから
	============================*/
  .mod-cv-01 {
    overflow: hidden;
    margin-bottom: 2em;
  }
  /*============================
	モジュール：共通CV（相談・申込）
	============================*/
  #cv_consult_apply {
    padding-top: 2.5em;
  }
  /*============================
	モジュール：ご相談ダイヤル
	============================*/
  .mod-inquiry {
    padding: 3em 0;
  }
  .mod-inquiry .col-2 {
    padding: 1.5em 2em 2em;
  }
  .mod-inquiry .tel {
    font-size: 8vw;
    padding-left: 20%;
  }
  .mod-inquiry .ttl-sub {
    font-size: 4vw;
  }
  .mod-inquiry .tel:before {
    width: 18%;
  }
  .mod-inquiry .notice {
    font-size: 3.2vw;
  }
  /*============================
	モジュール：バナー
	============================*/
  .mod-banner {
    padding: 3em 0;
  }
  .mod-banner .flex-4 .col-4 {
    width: 48%;
  }
  .bnr-kashikin-01 .txt-01 {
    font-size: 4vw;
  }
  .bnr-kashikin-02 .txt-02 {
    font-size: 2vw;
  }
  .bnr-kashikin-02 .txt-01 {
    font-size: 3vw;
  }
  /*============================
  SBIグループおすすめサービス（バナー）
  ============================*/
  .sbig-banner .wrap-inner {
    width: 100%;
    margin-bottom: 3em;
  }
  .sbig-banner [class *='col-'] {
    margin: 2%;
  }
  /*============================
  SBIグループサービス
  ============================*/
  .sbig-service {
    margin-top: 2em;
    padding: 3em 0 0;
  }
  .sbig-service .ttl-04 {
    font-size: 20px;
  }
  .sbig-service-category {
    display: block;
    border-top: 1px solid #ccc;
  }
  .sbig-service-category:not(:last-child) {
    margin-bottom: 0;
  }
  .sbig-service-head {
    position: relative;
    width: 100%;
    padding: 1em 1.5em 1em 0;
    cursor: pointer;
    font-size: 16px;
  }
  .sbig-service-head::after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 22px;
    height: 22px;
    background-image: url("../../images/common/arrow-blk.svg");
    content: "";
    transform: translateY(-50%) rotate(90deg);
  }
  .js-acod-sp-open .sbig-service-head::after {
    transform: translateY(-50%) rotate(-90deg);
  }
  .sbig-service-body {
    display: none;
    padding-bottom: 1em;
  }
  .sbig-service-list li {
    margin-bottom: 1.2em;
  }
  .sbig-service-list li.pc_only {
    display: none;
  }
  .sbig-service-list li.sp_only {
    display: inline-flex;
  }
  .sbig-service-list li:not(:last-child)::after {
    margin: 0 .8em;
  }
  /*============================
  モジュール：金利引き下げ制度
  ============================*/
  .anchor.mod-anchor-01 {
    display: flex;
    width: 100vw;
    margin-right: -5vw;
    margin-left: -5vw;
    border-top: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
  }
  .anchor.mod-anchor-01 li {
    margin: 0;
  }
  .anchor.mod-anchor-01 li + li {
      border-left: 1px solid #E6E6E6;
  }
  .anchor.mod-anchor-01 li a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0.8em 1em 1.6em;
    font-size: 13px;
    background-color: transparent;
    border-radius: 0;
    line-height: 1.3;
  }
  .anchor.mod-anchor-01 li a:after {
    top: 86%;
    left: 50%;
  }
  [class *='ttl-'] .mod-ttl-br-pc {
    display: none;
  }
  [class *='ttl-'] .mod-ttl-br-sp {
    display: inline !important;
  }
  .mod-ttl-01 {
    font-size: 17px;
  }
  .mod-tb-01 th {
    font-size: 11px;
    letter-spacing: -.05em;
  }
  .mod-tb-01 td {
    font-size: 11px;
    letter-spacing: -.05em;
  }
  .mod-tb-01 .mod-tb-txt-s {
    font-size: 10px;
  }
  .mod-tb-01 .mod-tb-txt-num {
    font-size: 15px;
  }
  .mod-tb-01 .mod-tb-ico-plus:before {
    width: 14px;
    height: 14px;
    font-size: 14px;
  }
  .mod-tb-01 .mod-tb-ico-arrow:before {
    width: 13px;
    height: 13px;
    font-size: 13px;
  }
  .reduction-tbl th {
    height: 70px;
  }
  .reduction-tbl th:first-child {
    padding-left: .3em;
  }
  .reduction-tbl + .reduction-tbl {
    margin-top: 2%;
  }
  .pgh-c.mod-ta-l-sp {
    text-align: left !important
  }
  .mod-txt-l {
    font-size: 16px;
  }
  .mod-txt-xl {
    font-size: 16px;
  }
  .mod-txt-xxl {
    font-size: 20px;
  }
  .ttl-01.mod-ttl-s {
    font-size: 20px;
  }
  .mod-box-bd01,
  .mod-box-bd02 {
    padding: 20px 10px;
  }
  .btn-lg.btn-arr {
    width: 100%;
  }
  .reduction-box-01 .pd-txt-m {
    font-size: 12px;
  }
  .reduction-plus h2 {
    font-size: 18px;
  }
  .reduction-plus-chk {
    font-size: 15px;
  }
  .reduction-plus-chk:before {
    width: 25px;
    height: 19px;
  }
  .reduction-point > dl {
    font-size: 11px;
  }
  .reduction-point > dl > dt {
    padding: .6em;
    line-height: 1.4;
  }
  .reduction-point > dl > dt img {
    width: 11px;
    height: auto;
  }
  .reduction-sim > dl > dt,
  .reduction-sim > dl > dd {
    font-size: 11px;
  }
  .reduction-sim .mod-tb-txt-num {
    font-size: 15px;
  }
  /*============================
	商品：子育てプラス
	============================*/
  .f35plus-feature-ttl-01 {
    font-size: 20px;
  }
  .f35plus-feature-ttl-02 {
    font-size: 14px;
  }
  .f35plus-feature-txt-01 {
    font-size: 13px;
  }
  .f35plus-feature-txt-01 img {
    width: 16px;
    height: auto;
  }
  .f35plus-feature-img {
    min-height: 0;
  }
	.f35plus-feature-txt-wd {
    min-width: 19em;
    letter-spacing: -.07em;
	}
	.f35plus-feature-txt-wd:nth-of-type(2) {
		min-width: 0;
  }
  /*============================
	商品：借り入れ / 借り換え リンクパネル内
	============================*/
  .flex.link-panel.typeA a {
    padding: 2em;
    padding: 1.2em 1.8em 1.2em 1.2em;
    padding: 8% 5%;
  }
  .link-panel>[class *='col-']:before {
    width: 16px;
    height: 16px;
    right: 10px;
  }
  .panel-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: inherit;
    -webkit-box-direction: inherit;
    -ms-flex-direction: inherit;
    flex-direction: inherit;
  }
  .panel-wrap figure {
    width: 20%;
  }
  .panel-wrap figure img {
    width: 100%;
  }
  .panel-wrap figure {
    width: 30%;
    position: relative;
  }
  .panel-wrap figure img {
    height: inherit;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .panel-flat .panel-wrap .icon.icon-house {
    margin-top: 0px;
  }
  .panel-wrap figure.icon:before {
    width: 40%;
    padding-top: 40%;
    right: inherit;
    left: -10%;
    top: -20%;
    display: none;
  }
  .panel-wrap .detail {
    width: 70%;
    margin: auto 0;
  }
  .detail .text {
    padding-top: 0;
    line-height: 1;
  }
  .detail .text p:not(.caption) {
    font-size: 4vw;
  }
  .detail .text img {
    height: 13px;
  }
  .detail img[class *='aruhi-logo-'] {
    width: 78%;
    margin: auto;
    padding-top: 6%;
    height: 0;
    overflow: hidden;
    display: block;
    background-position: center center;
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .detail img.aruhi-logo-df {
    background-image: url(../img/common/logo/logo.svg);
  }
  .detail img.aruhi-logo-35s {
    background-image: url(../img/common/logo/logo-flat35-s.svg);
  }
  .detail img.aruhi-logo-35 {
    background-image: url(../img/common/logo/logo-flat35.svg);
  }
  .detail .loan {
    padding-top: .5em;
  }
  .panel-flat ul.loan.md li p {
    padding: .35em 0;
  }
  .others .panel-flat .detail .text {
    padding-top: .65em;
  }
  .option-panel.option-flat {
    width: 80vw;
  }

  .tab-index.tab-index-sp {
    border-bottom: 1px solid #ccc;
  }
  .tab-index.tab-index-sp li {
    width: 24% !important;
    margin-top: 0;
  }
  #karikae.tab-index.tab-index-sp li {
    width: 32.5% !important;
  }
  .tab-index.tab-index-sp li a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .8em .5em;
    background: #efefef;
    border-radius: 0;
    color: #9fa0a0;
    line-height: 1.3;
  }
  .tab-index.tab-index-sp li.select a {
    background: #fff;
    border-top: 3px solid #00599e;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    color: #000;
  }
  .tab-index.tab-index-sp li a:before {
    display: none;
  }

  /* 提携ローン */
  .flex .col-3 .partner-pdf {
    background-position: top 46px left 20%;
    background-size: 25px;
  }
  .flex .col-3 .partner-pdf .mod-pd-link-txt{
    margin-left: 0px;
  }

  /* 金利引き下げ制度 */
  .pd-reduction {
    margin-top: 2em;
  }
  .pd-reduction-item:last-child {
    padding-bottom: 0;
  }
  .pd-reduction-lead {
    height: auto;
    min-height: 3em;
    padding: .5em 1.2em;
    font-size: 13px;
  }
  .pd-reduction .mod-pd-link {
    font-size: 15px;
  }
  .pd-reduction-dl {
    margin-bottom: 1em;
  }
  .pd-reduction-dl dt {
    width: 62px;
    height: 18px;
    font-size: 11px;
  }
  .pd-reduction-dl dd {
    font-size: 11px;
  }
  .pd-reduction-detail-img {
    width: 68px;
    margin-right: 6px;
  }
  .pd-reduction-detail-txt {
    font-size: 12px;
  }
  #kariire-flat-35 .btn-new-lg {
    font-size: 13px;
  }

  /* フラット35&フラットα バナー  */
  .banner-flat35-p img {
    width: 100%;
  }
  /* 個別テキスト指定 */
  #flat-35-ms .text p, #flat-35-mr .text p, #flat-35-mts .text p, #flat-35-mtr .text p {
    font-size: 3.5vw;
    line-height: 2;
  }
  /* 個別ローン指定 */
  #flat-35-mt ul.loan.sm li:nth-child(2), #flat-35-mts ul.loan.sm li:nth-child(2), #flat-35-mtr ul.loan.sm li:nth-child(2) {
    width: 30%;
  }
  .link-panel.typeA a:after {
    top: 50%;
    right: 8px;
  }
  /* 借り換えバナー */
  .banner-karikae img {
    width: 100%;
  }
  /*============================
	商品：団信・保険・サービス
	============================*/
  .others .flex.link-panel.typeA a {
    padding-left: .35em;
  }
  .others .lede br {
    display: none;
  }
  .others .panel-wrap figure {
    width: 25%;
  }
  .others .panel-wrap figure img {
    margin-left: 12%;
  }
  .others .panel-wrap .detail {
    width: 75%;
  }
  .others .detail .text {
    padding-bottom: 0.5em;
  }
  .others .detail .text br {
    display: none;
  }
  .others .detail .text br.mod-not-hide {
    display: inline;
  }
  .others:not(#danshin) .col-3 {
    padding-top: 0;
  }
  .others p.ttl-panel {
    position: inherit;
    left: inherit;
    top: inherit;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    min-height: inherit;
    font-size: 2.8vw;
    padding-top: 0;
    padding-bottom: .65em;
  }
  .others p.ttl-panel br {
    display: none;
  }
  .others p.caption {
    font-size: 3vw;
  }
  /*============================
	商品：選べるオプションローン
	============================*/
  [class *='option-panel']>[class *='col-'] {
    padding: 1em 1em 1em 2em;
  }
  p.icon {
    width: 35px;
    height: 35px;
  }
  .option-wrap .name {
    font-size: 4.2vw;
    width: 80%;
    padding-bottom: 0;
  }
  .option-wrap p.caption {
    font-size: 3vw;
  }
  .option-wrap:before {
    width: 18px;
    height: 18px;
    left: -38px;
  }
  /*============================
	商品：銀行の住宅ローン
	============================*/
  .flex.link-panel.typeB a {
    padding: 1.5em 2.5em 1.5em 1em;
  }
  .flex.link-panel.typeB a .icon-wrap {
    width: 35%;
  }
  .flex.link-panel.typeB a .icon-wrap p.icon {
    width: 40%;
    height: auto;
  }
  .flex.link-panel.typeB p {
    font-size: 3vw;
  }
  .flex.link-panel.typeB p strong {
    font-size: 4.2vw;
  }
  #bank .text-wrap {
    min-height: inherit;
  }
  /*============================
	金利情報
	============================*/
  #rate-cont.section-btnArea a {
    width: 80%;
    height: inherit;
    line-height: inherit;
    padding: 1em 0;
    margin-top: 1em;
    font-size: 3.2vw
  }
  #rate-optionloan .panel-wrap figure {
    width: 25%;
    font-size: 3.4vw;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1.5em 0;
    border-width: 3px;
  }
  .tag-wrap {
    position: inherit;
    top: inherit;
    left: inherit;
    width: 50%;
    margin: auto;
    width: 90%;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .tag-wrap li {
    padding: .25em .5em;
    width: 47%;
    font-size: 2.4vw;
    margin-top: 1.2em !important;
    margin-left: 0;
  }
  /*============================
	金利情報：モーダル
	============================*/
  div.modal {
    padding-top: 3em;
  }
  .modal h2.ttl-02 {
    font-size: 4vw;
    margin-bottom: 1.5em;
  }
  .modal h3.ttl-03 {
    font-size: 3.6vw;
  }
  .modal h3.ttl-03 br {
    display: block;
  }
  .mfp-close-btn_in .mfp-close {
    width: 40px;
    padding-top: 40px;
  }
  .rate-form p,
  .rate-form legend span {
    font-size: 3.2vw;
    width: 30%;
  }
  label.btn {
    font-size: 3.2vw;
    width: 35%;
  }
  .rate-tabel {
    margin-top: 1.5em;
  }
  .rate-tabel .tbl-01 {
    font-size: 3vw;
  }
  .rate-tabel .tbl-01.rate th.rate-title {
    font-size: 3.6vw;
  }
  .rate-tabel .pgh-kinri-01 {
    font-size: 4.6vw;
  }
  .modal .list-a01 {
    font-size: 2.8vw;
  }
  .modal .tag-wrap {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-left: 0;
  }
  .modal .tag-wrap li {
    margin-left: .75em;
    text-align: center;
    width: 30%;
    margin-top: 0 !important;
  }
  .modal .tag-wrap li:first-child {
    margin-left: 0;
  }

  /* 2022.2 金利一覧改修 */
  .tab-index-hr li a {
    font-size: 1rem;
  }
  .anchor.rate-anchor {
    display: flex;
    flex-wrap: wrap;
    width: 100vw;
    margin: 0 -5vw;
    border-top: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
  }
  .anchor.rate-anchor li {
    width: 50%;
    margin: 0;
  }
  .anchor.rate-anchor li:nth-child(2n) {
    border-left: 1px solid #E6E6E6;
  }
  .anchor.rate-anchor li:nth-child(n+3) {
    border-top: 1px solid #E6E6E6;
  }
  .anchor.rate-anchor li a {
    padding: 1.2em 1em 1.9em 1em;
    background: transparent;
    border-radius: 0;
  }
  .anchor.rate-anchor li a:after {
    top: auto;
    right: auto;
    bottom: 10px;
    left: 50%;
  }

  .rate-nav-item a {
    padding: 1em .3em 2.4em;
  }
  .rate-nav-item a::after {
    top: auto;
    right: 50%;
    bottom: 6px;
    transform: translateX(50%) rotate(90deg);
  }
  .rate-nav-item a {
    min-height: 6em;
    font-size: 11px;
    letter-spacing: -.03em;
  }
  .rate-prod-ttl {
    font-size: 19px;
  }
  .rate-prod .mod-txt-m {
    font-size: 13px;
  }
  .rate-prod-type {
    font-size: 15px;
  }
  .rate-prod-period {
    font-size: 13px;
  }
  .rate-prod-box {
    padding: 1.2em;
  }
  .rate-tb-01 colgroup col:first-child {
    width: 66%;
  }
  .rate-tb-02 colgroup col:first-child {
    width: 28%;
  }
  .rate-tb-02 colgroup col:nth-child(2),
  .rate-tb-02 colgroup col:nth-child(3) {
    width: 36%;
  }
  .rate-tb-03 colgroup col:first-child {
    width: 45%;
  }
  .rate-tb-03 tbody th,
  .rate-tb-04 tbody th {
    padding-left: .8em;
  }
  .rate-tb th,
  .rate-tb td {
    padding: .5em .3em;
    font-size: 12px;
    letter-spacing: -.07em;
  }
  .rate-tb thead th {
    line-height: 1.3;
  }
  .rate-tb .pgh-kinri-01 {
    margin: 0 .1em;
  }
  .rate-tb .pgh-kinri-sm {
    font-size: 1.7em;
  }
  .rate-tb sup {
    margin: 0 -.5em;
  }
  .rate-tb-adj-02 td:not(.rate-tb-adj-02-not) strong {
    padding-left: calc(50% - 3.5em);
  }

  /*============================
	ご意見・ご要望
	============================*/
  #contact-voice td label {
    width: 100%;
    display: block;
    text-align: left;
    padding-top: 0.5em;
  }
  #contact-voice .name input, #contact-voice .kana input, #contact-voice .email input {
    width: 100%;
  }
  #contact-voice textarea {
    width: 100% !important;
  }
  /*============================
	ソニー銀行
	============================*/
  #sonybank #rate .tbl-01.typeA {
    width: 100%;
  }
  #sonybank .rate-lede {
    font-size: 90%;
  }
  #sonybank #merit .notice {
    margin-left: 20px;
    margin-bottom: 15px;
  }
  #sonybank .col-3 {
    margin: 14px 0 30px;
  }
  #sonybank .btnwrap{
    margin-bottom:0;
  }
  #sonybank .btnwrap .col-2{
    margin-bottom:20px;
  }
  #sonybank .btnwrap .col-2:first-child,
  #sonybank .btnwrap .col-2:last-child{
      margin-left: 0;
      margin-right: 0;
      padding:0;
  }
  #sonybank .btn-large{
      text-align:center;
      margin-left: 0;
      margin-right: 0;
      max-width:300px;
  }
  #sonybank .cell-checkbox{
    width:6em;
    padding:0;
  }
  /* sonybank links */
  #sonybank .link-sonybank {
    padding: 24px 18px 40px;
  }
  #sonybank .link-sonybank .col-3 {
    margin: 16px 0;
    width: 100%;
  }
  #sonybank .link-sonybank .btn-large {
    font-size: 18px;
    line-height: 1.2;
    min-height: 3.3em;
    margin: 0 auto;
    padding: .45em 20px .45em 0;
  }
  #sonybank .link-sonybank .btn-large .fs-small {
    font-size: 15px;
  }
  #sonybank .link-sonybank .btn-large .link-out-01-new::after {
    font-size: 100%;
    right: 18px;
  }
  #sonybank .link-sonybank .col-1 {
    font-size: 14px;
    margin-top: 1em;
    max-width: 280px;
  }

  /*============================
auじぶん銀行
============================*/
  #jibunbank .wrap-inner.jibunbank {
    background: none;
  }
  #jibunbank .inner02 {
    padding: 20px 0;
  }
  #jibunbank .ttl-01.jibunbank {
    margin-bottom: .5em;
  }
  #jibunbank img.jibunbank-logo {
    display: block;
    width: 150px;
    margin: 1em auto 0;
  }
  #jibunbank p.jibunbank-description {
    width: 100%;
  }
  #jibunbank .ttl-03 {
    line-height: 2em;
  }
  #jibunbank .ttl-03 span {
    float: none;
  }
  #jibunbank .td03 span {
    font-size: 140%;
    display: block;
  }
  #jibunbank .jibunbank-img img:nth-child(1) {
    display: none;
  }
  #jibunbank .jibunbank-img img:nth-child(2) {
    display: block;
  }
  #jibunbank .jibunbank-img-half {
    margin: 2em 3em;
  }
  /*============================
  住信SBIネット銀行
  ============================*/
  #ssnb .wrap-inner.ssnb {
    background: none;
  }
  #ssnb .inner02 {
    padding: 20px 0;
  }
  #ssnb .ttl-01.ssnb {
    margin-bottom: .5em;
  }
  #ssnb img.ssnb-logo {
    display: block;
    width: 150px;
    margin: 1em auto 0;
  }
  #ssnb .ttl-01.ssnb,
  #ssnb p.ssnb-description {
    width: 100%;
  }
  #ssnb .ttl-03 {
    line-height: 2em;
  }
  #ssnb .ttl-03 span {
    float: none;
  }
  #ssnb .td03 span {
    font-size: 140%;
    display: block;
  }
  #ssnb .box-p02 a.ssnb {
    min-width: 280px;
    padding: .8em .5em;
  }
  .bank-modal-btn .mod-tab-hide {
    display: inline;
  }
  .ssnb-anchor .btn-new-lg {
    padding: .5em 1.8em;
  }
  .ssnb-support-cont {
    display: block;
    margin-bottom: 1em;
  }
  .ssnb-support-desc {
    padding-right: 0;
    font-size: 14px;
  }
  .ssnb-support-list li {
    font-size: 14px;
  }
  .ssnb-support-list li + li {
    margin-top: .8em;
  }
  .ssnb-support-img {
    margin: 1em 0;
    text-align: center;
  }
  .ssnb-modal-items {
    display: none;
  }
  .ssnb-modal-item-sp {
    padding: 3em 0;
    text-align: center;
  }
  .ssnb-modal-att {
    display: block;
  }
  ul[class *='list-a'].ssnb-modal-att li {
    font-size: 11px;
  }
  .ssnb-modal-item-btn {
    font-size: 16px;
  }
  /*============================
  SBI新生銀行
  ============================*/
  #ssbk .wrap-inner.ssbk {
    background: none;
  }
  #ssbk .inner02 {
    padding: 20px 0;
  }
  #ssbk .ttl-01.ssbk {
    margin-bottom: .5em;
  }
  #ssbk img.ssbk-logo {
    display: block;
    width: 150px;
    margin: 1em auto 0;
  }
  #ssbk .ttl-01.ssbk,
  #ssbk p.ssbk-description {
    width: 100%;
  }
  #ssbk .ttl-03 {
    line-height: 2em;
  }
  #ssbk .ttl-03 span {
    float: none;
  }
  #ssbk .td03 {
    padding: .8em .5em;
    font-size: .8em;
  }
  #ssbk .td03 small {
    font-size: 10px;
    /*padding-right: .5em;*/
  }
  #ssbk .box-p02 a.ssbk {
    min-width: 280px;
    padding: .8em .5em;
  }
  .ssbk-support-cont {
    display: block;
  }
  .ssbk-support-desc {
    padding-right: 0;
    font-size: 14px;
  }
  .ssbk-support-list li {
    font-size: 14px;
  }
  .ssbk-support-list li + li {
    margin-top: .8em;
  }
  .ssbk-support-img {
    margin: 1.5em 0;
    text-align: center;
  }
  /*============================
  住宅ローン比較表
  ============================*/
  #loan-hikaku #related_page .grid {
    margin-bottom: 0 !important;
  }
  /*============================
	商品
	============================*/
  .tbl-01.product th, .tbl-01.product td {
    border-width: 3px;
  }
  #k-kotei th {
    position: relative;
  }
  #k-kotei th small {
    font-size: 80%;
  }
  #k-kotei .link-panel h3 {
    margin: .3em 0;
    font-size: 1rem;
    text-align: center;
  }
  #k-kotei .link-panel p.ttl {
    font-size: 4vw;
    padding-bottom: 1em;
  }
  #k-kotei td.ttl {
    padding: .4em 0;
  }
  #k-kotei .tbl-01 .pgh-kinri-01 {
    /*font-size: 5.8vw;*/
  }
  #k-kotei .link-panel a {
    padding: 1em 1.2em;
  }
  #k-kotei .link-panel a:after {
    right: 6%;
    width: 15px;
    height: 15px;
  }
  #k-kotei .panel-wrap figure {
    width: 100%;
  }
  #k-kotei .panel-wrap figure img {
    position: static;
    transform: none;
  }
  #k-kotei .panel-wrap .detail {
    width: 100%;
    margin-left: 0;
  }
  #k-kotei .link-panel .caption {
    font-size: 12px;
  }

  #k-hendou h3 {
    font-size: 5.2vw;
  }
  #k-hendou .bg a {
    padding: 1em;
    padding-top: 3em;
    padding-bottom: 1em;
  }
  #k-hendou .bg a div p.ttl {
    font-size: 4vw;
  }
  #k-hendou .bg a div .tag-wrap {
    position: absolute;
    top: 0;
    left: 12px;
    width: 50%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  #k-hendou .bg a div .tag-wrap li {
    width: auto;
  }

  /* 商品リンク */
  .mod-pd-link {
    padding: .9em 2em 1.2em;
  }
  .mod-pd-link:after {
    width: 15px;
    height: 15px;
  }
  .mod-pd-link .loan.md {
    margin-bottom: .8em;
  }
  .mod-pd-link .loan.md li p {
    padding: 1px 18px;
    font-size: 11px;
  }
  .mod-pd-link-tit {
    font-size: 17px;
  }
  .mod-pd-link-tit-s {
    font-size: 16px;
  }
  /* オプションローン */
  .mod-pd-link.mod-pd-link-op:after {
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
  }
  .mod-pd-link-op .mod-pd-link-tit {
    margin-bottom: .5em;
  }
  .mod-pd-link-op .mod-pd-link-txt {
    font-size: 11px;
  }
  /*住宅ローンをご検討中の方へ*/
  .mod-panel-pd .panel-wrap {
    justify-content: flex-start;
  }
  .mod-panel-pd [class *='col-'] {
    padding: 1em 1.5em;
  }
  .mod-panel-pd .ttl-panel {
    margin-top: 0;
    font-size: 1rem;
  }
  .mod-panel-pd .caption {
    font-size: 12px;
  }
  .mod-panel-pd .section-btnArea {
    position: static;
    margin-top: 1em;
    transform: none;
  }
  .mod-panel-pd [class*="btn-new-"].sd-btn {
    width: 100%;
  }

  /* 住み替え実現ローン */
  .btn-product-detail:after{
    top: 50%;
    right: 8px;
    width: 15px;
    height: 15px;
  }
  .btn-product-detail h3{
    font-size: 5.2vw;
  }
  .btn-product-detail h3 img {
    width: 86%;
    height: auto;
  }
  .btn-product-detail .ttl{
    font-size: 4vw;
  }

  .tbl-01.product td b {
    display: block;
    line-height: 1;
  }
  #product-nav .flex.link-panel.typeA a {
    padding: 1.2em;
    padding-left: 0;
  }
  #product-nav .panel-wrap .detail {
    text-align: left;
  }
  #product-nav .ttl-panel {
    font-size: 4vw;
    text-align: left;
  }
  #product-nav .caption {
    font-size: 3vw;
  }
  #campaign {
    margin-bottom: 0;
  }
  #campaign .wrap-inner-sm {
    width: 100%;
    max-width: 100%;
    padding-bottom: .7em;
  }
  #campaign [class *='col-'] {
    margin-top: 4%;
  }
  #campaign [class *='col-']:first-child {
    margin-top: 0;
  }
  /* table */
  .product_sp {
    border-radius: 6px;
    background: #fff;
    display: table;
    width: 100%;
    padding-bottom: 1em;
    text-align: center;
    margin-top: 1.5em;
  }
  .product_sp:first-child {
    margin-top: 0;
  }
  .product_sp.margin-bottom, .product_sp:last-of-type {
    margin-bottom: 1.2em !important;
  }
  .product_sp p.title {
    font-size: 4.2vw;
    font-weight: 600;
    padding: 1.2em 0 .5em;
  }
  .product_sp p.title img {
    height: 16px;
    margin: auto;
    display: block;
  }
  .product_sp .pgh-kinri-01 {
    font-size: 9vw;
    line-height: 1.2;
  }
  /*============================
	商品：スーパーフラット
	============================*/
  div.list ul li {
    margin-top: 1em;
  }
  div.list>p {
    font-size: 4vw;
    padding: .5em 0
  }
  li.danshin {
    padding: .5em;
    font-size: 3.4vw;
    margin: auto;
  }
  li.danshin p {
    margin-left: 0;
  }
  li.flat {
    padding: .5em 0;
    font-size: 3.4vw;
    min-width: 0;
  }
  li.kinri:before {
    width: 100%;
    font-size: 3.6vw;
    line-height: 1;
  }
  div.list:nth-child(3) {
    margin-top: .5em;
    padding: 1.5em 0;
  }
  div.list:nth-child(3) dt {
    margin-top: 0;
    font-size: 4vw;
    display: inline-block;
    padding: .2em 1.5em .3em;
  }
  div.list dd {
    font-size: 5vw;
  }
  div.list dd span {
    font-size: 12vw;
    line-height: 1.3;
  }
  div.list dd p {
    font-size: 70%;
  }
  div.ac_sp {
    display: none;
    margin-top: 1.5em;
  }
  .terms_wrap {
    /*margin-top: 2em;*/
  }
  .sp_btn {
    background: #000;
    border-radius: 6px;
    color: #fff;
    padding: 1em 0;
    font-size: 5vw;
    position: relative;
  }
  .sp_btn:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    display: block;
    width: 10px;
    height: 10px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: translateY(-50%) rotate(135deg);
    -ms-transform: translateY(-50%) rotate(135deg);
    transform: translateY(-50%) rotate(135deg);
  }
  .sp_btn.active:before {
    content: "";
    -webkit-transform: translateX(-50%) rotate(0);
    -ms-transform: translateX(-50%) rotate(0);
    transform: translateX(-50%) rotate(0);
    border: none;
    border-top: 1px solid #fff;
    width: 14px;
    right: 12px;
  }
  .lineup_list_wrap ul li {
    width: 100%;
  }
  .lineup_list_wrap ul li:first-child {
    margin-top: 0;
  }
  .lineup_list_wrap ul li h3 {
    font-size: 4.6vw;
    padding: 2em;
    margin-bottom: 0;
  }
  .lineup_list_wrap ul li h3 img {
    height: inherit;
    width: 100%;
  }
  .lineup_list_wrap dl {
    display: block;
  }
  .lineup_list_wrap dt {
    font-size: 4vw;
    width: 100%;
    margin-top: .5em;
  }
  .lineup_list_wrap dd {
    font-size: 3.6vw;
    width: 100%;
  }
  #terms .tab-index {
    margin-bottom: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  #terms .tab-index li {
    margin: 0;
  }
  .ttl-terms {
    font-size: 4.6vw;
  }
  .p_ttl {
    font-size: 4.6vw;
  }
  .p_ttl_sub {
    font-size: 3.8vw;
  }
  .tab-index li a {
    font-size: 3.2vw;
  }
  .box-p02.flex .pgh-emp-01 {
    font-size: 4vw;
  }
  td .chiruda {
    display: block;
    line-height: 0.5;
  }
  /*============================
	商品：フラット35
	============================*/
  .wrap-tx-01.prod-head {
    padding: 4% 4%;
  }
  .prod-head-img {
    max-width: 54%;
    margin-right: 0;
  }
  .prod-lineup-ttl {
    font-size: 16px;
  }
  .prod-lineup-item-head {
    border-radius: 3px;
    font-size: 12px;
  }
  .prod-lineup-item-head h3 {
    font-size: 16px;
    letter-spacing: -.05em;
  }
  .prod-lineup-item-rate {
    font-size: 16px;
  }
  .prod-lineup-item-rate .pgh-kinri-01 {
    font-size: 36px;
  }
  .section.wide.prod-merit {
    padding-top: 3em;
  }
  .prod-point-ttl {
    font-size: 24px;
  }
  .prod-point-ttl-balloon {
    width: 70px;
    height: 70px;
    margin: -42px 8px 0 0;
    border-width: 3px;
    font-size: 13px;
  }
  .prod-point-ttl-balloon::after {
    bottom: 2px;
    width: 12px;
    height: 10px;
    border-width: 10px 6px 0;
  }
  .prod-point-item {
    width: 100%;
    max-width: 360px;
  }
  .prod-point-item-desc p {
    font-size: 14px;
  }
  .prod-merit-sec {
    padding: 2em 1.2em;
  }
  .prod-merit-sec-ttl {
    font-size: 20px;
  }
  .prod-merit-sec-ttl strong {
    margin-left: 0;
    font-size: 25px;
  }
  .prod-merit-sec-ttl-sub {
    font-size: 16px;
  }
  .prod-merit-item-ttl {
    font-size: 18px;
  }
  .prod-merit-item-img {
    width: 90px;
  }
  .prod-merit-item-desc {
    font-size: 14px;
  }
  .mod-prod-panel-txt {
    margin-bottom: 2em;
    font-size: 12px;
  }
  .mod-prod-panel-txt-l {
    margin-bottom: .6em;
    font-size: 13px;
  }
  .page-flat35 .movie-detail-body {
    padding: 0;
  }
  .page-flat35 #point {
    margin-bottom: 3em;
    padding-top: 2em;
  }
  .page-flat35 .point_list_wrap {
    margin-bottom: 0;
  }
  .panel.flex {
    display: block;
  }
  .panel.flex .col-2 {
    width: 100%;
  }
  .panel .panel-wrap {
    width: 100%;
    margin: 0;
    min-height: inherit;
    /*padding: 1.5em 2em;*/
  }
  .ttl-panel {
    text-align: left;
    font-size: 5vw;
  }
  .detail .text p.sublede {
    padding: 0;
    font-size: 3.6vw;
    margin-top: .5em;
  }
  #point {
    padding: 2em 0 3em;
    background: none;
    margin-bottom: 0;
    padding-top: 0;
  }
  #point .sp_btn {
    width: 90%;
    margin: auto;
  }
  .point_list_wrap {
    width: 100% !important;
    padding: 1.2em;
    background: #fed800;
    padding-bottom: 2em;
  }
  .ttl-point {
    font-size: 3.6vw;
    max-width: 70%;
    margin-left: 22%;
    padding: .5em 0 .6em;
  }
  .ttl-point:before {
    background-size: 60px;
    left: -70px;
  }
  .point_list_wrap>.point_list>li {
    margin-top: 2.5em;
  }
  .point_list_wrap>.point_list>li:first-child {
    margin-top: 2em;
  }
  .point_list_wrap>.point_list {
    max-width: 100%;
  }
  .point_detail .pgh-emp-01 {
    font-size: 4vw;
    margin-bottom: .8em !important;
  }
  .point_detail {
    padding: 1.2em;
    padding-bottom: .6em;
  }
  /* 共通 */
  .product_sp.sp_only table {
    width: 86%;
    margin: auto;
  }
  .product_sp.sp_only table th, .product_sp.sp_only table td {
    text-align: center;
  }
  .product_sp.sp_only table th {
    font-weight: normal;
    font-size: 4vw;
  }
  .p_section {
    padding-top: 1.5em;
  }
  .mod-link-anc {
    font-size: 1rem;
  }
  #flat35-type .tbl-01.product th {
    font-size: 12px;
  }
  #flat35-type .tbl-01.product td {
    padding: 1em 0.5em;
    font-size: 12px;
  }
  #flat35-feature {
    width: 100%;
  }
  #flat35-feature .mod-acod-head {
    width: 90%;
    margin: 0 auto;
  }
  .mod-acod {
    margin-bottom: 20px;
  }
  .mod-acod-head {
    height: 70px;
    padding-right: 20px;
    border-radius: 5px;
  }
  .mod-acod-head-ttl {
    font-size: 18px;
    letter-spacing: -.03em;
  }
  .mod-acod-head:before,
  .mod-acod-head:after {
    right: 12px;
    width: 20px;
  }
  .mod-acod-body-box {
    padding: 0 0 10px;
  }
  .mod-acod-body-box .list-a01 {
    font-size: 12px;
  }
  .mod-ta-c-sp {
    text-align: center;
  }
  .sp_btn.mod-sp_btn:before,
  .sp_btn.mod-sp_btn:after {
    position: absolute;
    top: 50%;
    right: 14px;
    width: 20px;
    height: 3px;
    background-color: #FFF;
    border-radius: 3px;
    content: "";
    transform: translateY(-50%);
  }
  .sp_btn.mod-sp_btn:before {
    transform: translateY(-50%) rotate(90deg);
  }
  .sp_btn.mod-sp_btn.active:before {
    transform: translateY(-50%) rotate(0);
  }
  .mod-btnAdj [class*="btn-new-"] {
    margin-bottom: 0;
    font-size: 3.6vw;;
  }
  .mod-btnAdj-02 [class*="btn-new-"] {
    width: 100%;
    min-width: 0;
    max-width: 400px;
    margin-bottom: 0;
    font-size: 3.6vw;;
  }
  .section-btnArea + .section-btnArea {
    margin-top: 0;
  }
  .section-btnArea + .section-btnArea [class *='btn-new-']:first-child {
    margin-top: 5%;
  }
  /*============================
	商品：変動S
	============================*/
  #hendou_s #point {
    padding-top: 0;
    padding-bottom: 3em;
  }
  #hendou_s .point_list_wrap {
    margin-top: 0;
  }
  #hendou_s .point_list_wrap ul {
    max-width: 100%;
  }
  #hendou_s .point_list_wrap .simtbl {
    font-size: 3vw;
  }
  #hendou_s .point_list_wrap .point_detail .pgh-01 {
    font-size: 3.5vw;
  }
  #hendou_s .point_list_wrap .simtbl th,
  #hendou_s .point_list_wrap .simtbl td {
    padding: 0.8em 0.2em;
  }
  .tbl-01.p2 .pgh-kinri-01 {
    font-size: 5.4vw;
  }
  /*============================
  商品詳細 MG保証
  ============================*/
  .your_select-info-label {
    height: 40px;
    margin-right: 25px;
    font-size: 14px;
  }
  .your_select-info-label::after {
    border-width: 22px 0 18px 22px;
  }
  .your_select-info-rate {
    font-size: 16px;
  }
  .your_select-info-rate .pgh-kinri-01 {
    font-size: 50px;
  }
  #point.your_select-point {
    background: none;
  }
  .your_select-point .point_list_wrap {
    background: #d7ecff;
  }
  .your_select-point .point_detail {
    padding: 1.2em;
  }
  .mod-ttl-point {
    font-size: 22px;
  }
  .mod-ttl-point-label {
    padding: .25em .6em .35em;
    font-size: 13px;
  }
  .mod-ttl-blu {
    padding: .3em 1em;
    font-size: 18px;
  }
  .mod-ttl-blu-ico::before {
    width: 24px;
    height: 24px;
  }
  .your_select-point-max {
    margin-bottom: 1rem;
    font-size: 20px;
  }
  .your_select-point-max .pgh-emc-02 {
    font-size: 26px;
  }
  .your_select-point-max .your_select-point-max-num {
    font-size: 34px;
  }
  .simtbl_balloon {
    margin-top: -7.5vw
  }
  .simtbl_new::before {
    width: 37px;
    height: 37px;
    transform: translate(-50%, -60%);
  }
  .your_select-point .grid [class *='col-']:not(:last-child) {
    margin: 0;
  }
  .your_select-point .simtbl_col1,
  .your_select-point .simtbl_col2 {
    width: 11%;
  }
  .your_select-point .simtbl_col3,
  .your_select-point .simtbl_col4,
  .your_select-point .simtbl_col5 {
    width: 26%;
  }
  .your_select-point .simtbl_vr {
    display: inline-block;
    writing-mode: vertical-rl;
    text-orientation: upright;
    white-space: nowrap;
  }
  .your_select-cv .btn-new-lg {
    font-size: 1rem;
  }
  .your_select-cv .grid [class *='col-']:not(:last-child) {
    margin-right: 0;
  }
  /*============================
	商品詳細 共通モジュール
	============================*/
  .ttl-03.pd-ttl {
    margin-bottom: 3em;
  }
  .section.pd-sec {
    margin-bottom: 7em;
  }
  .pd-txt-l {
    font-size: 1rem;
  }
  .pd-txt-l strong {
    font-size: 16px;
  }
  .pd-txt-m {
    font-size: 12px;
  }
  .pd-txt-n {
    font-size: 12px;
  }
  .pd-memo-ttl {
    font-size: 13px;
  }
  .pd-box-dl {
    display: block;
  }
  .pd-box-dl dt {
    font-size: 13px;
    margin-bottom: .2em;
  }
  .pd-box-dl dd p {
    font-size: 12px;
  }
  .pd-box-dl dd .link-arr-01 {
    padding-left: 1em;
    text-indent: -1em;
  }
  .pd-memo-ico {
    width: 25px;
    height: 25px;
    vertical-align: -2px;
  }
  .pd-memo-ico:before {
    width: 14px;
    height: 14px;
  }
  .list-n02.pd-list > li {
    padding-left: 1em;
    font-size: 12px;
  }
  .list-n02.pd-list > li:before {
    left: -2.2em;
  }
  .anchor.pd-anchor {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .anchor.pd-anchor li {
    display: flex;
    align-items: stretch;
    width: 49%;
    margin-top: 0;
    margin-bottom: 1em;
    font-size: 12px;
  }
  .anchor.pd-anchor li:nth-child(2n) {
    margin-left: 2%;
  }
  .anchor.pd-anchor li a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 6px 24px 6px 12px;
    line-height: 1.3;
  }
  .anchor.pd-anchor li.link {
    display: block;
  }
  .anchor.pd-anchor li.link a {
    padding: 0;
  }
  .anchor.pd-anchor li.link a:after {
    position: absolute;
    right: .5em;
  }
  .pd-box-txt {
    padding: 1em;
  }
  .pd-col2a {
    display: block;
  }
  .pd-col2a-txt {
    width: 100%;
  }
  .pd-col2a-img {
    width: 100%;
    text-align: center;
  }
  [class*="pd-col2a-"] + [class*="pd-col2a-"]  {
    margin-top: 2em;
  }
  .mod-ttl-gry {
    font-size: 16px;
  }
  .mod-box-gry {
    justify-content: flex-start;
    margin-right: -1.5%;
    margin-left: -1.5%;
  }
  .mod-box-gry-item {
    width: calc(91% / 3);
    min-width: 0;
    margin-right: 1.5%;
    margin-left: 1.5%;
    font-size: 12px;
  }
  .mod-tab-show {
    display: none;
  }
  .mod-tab-hide {
    display: block;
  }
  .mod-ttl-ubdr {
    font-size: 16px;
  }
  .mod-cont-bdr {
    padding: 0 1em 1em;
    border-radius: 6px;
  }
  .mod-cont-bdr-ttl {
    font-size: 14px;
  }
  .mod-ttl-lbl {
    font-size: 14px;
  }
  .mod-ttl-pnk {
    font-size: 14px;
  }

  /*============================
	お問い合わせ
	============================*/
  #contact ul.anchor li {
    max-width: inherit;
  }
  #contact ul.anchor li:nth-child(4n) {
    border-right: none;
  }
  #contact .flex.link-panel.typeA a {
    padding: 7%;
    padding-left: 4%;
  }
  .panel.flex {
    margin-left: 0;
    margin-right: 0;
  }
  .panel.flex [class *='col-'] {
    margin-left: 0;
    margin-right: 0;
    margin-top: 1%;
    margin-bottom: 1%;
    display: inline-block;
  }
  .panel .panel-wrap {
    padding: 7%;
  }
  #contact .panel-wrap figure img {
    width: 60px;
    margin: 0 !important;
  }
  #contact .panel-wrap figure {
    width: 25%;
  }
  #contact .link-panel .panel-wrap .detail {
    width: 75%;
    text-align: left;
  }
  #contact .detail .text p.sublede {
    font-size: 3.6vw;
    text-align: left;
  }
  .panel .panel-wrap .detail {
    width: 100%;
  }
  .call_center, .call_center>div {
    width: 100%;
  }
  .call_center>div:first-of-type {
    margin-left: 0;
  }
  .call_center .sp_only {
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%;
  }
  .call_center>div p {
    margin: 0;
    font-size: 2.8vw;
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
    margin-right: .5em;
  }
  #contact .notice {
    font-size: 2.4vw;
  }
  #contact .tel {
    font-size: 6vw;
  }
  #ct_form .flex-2 {
    margin-left: 0;
    margin-right: 0;
  }
  #ct_form .col-2 {
    margin-left: 0;
    margin-right: 0;
  }
  #ct_form .panel .col-2:first-of-type .panel-wrap .detail {
    width: 70%;
    text-align: left;
  }
  #ct_form .flex .col-2:first-of-type a:after {
    width: 15px;
    height: 15px;
    top: 50%;
    right: 8px;
    bottom: inherit;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  #ct_form .col-2:first-of-type .panel-wrap, #ct_form .col-2 .panel-wrap {
    padding-top: 7%;
  }
  .customer_center p.ttl {
    font-size: 4vw;
  }
  .flex .col-1 .customer_center ul li a {
    display: inline;
  }
  #contact #ct_partner .detail .text p.sublede {
    margin-top: 0;
  }
  #contact [class *='btn-new-'] {
    width: 90%;
  }
  #ct_dial {
    padding: 1.5em;
    margin-bottom: 1em;
  }
  #ct_dial .ttl-02 {
    font-size: 5vw;
    margin-bottom: .5em;
  }
  #ct_fc .col-1, #ct_partner .col-1 {
    min-height: inherit;
  }
  .flex [class *='col-'] a.nav_dial {
    display: inline;
  }
  #contact a[class *='btn-new-']:hover span.out:after {
    color: #fff;
  }
  /*============================
	ダイレクト
	============================*/
  .wrap-tx-01.direct>.wrap-inner {
    width: 90%;
  }
  .wrap-tx-01.direct .ttl-01 {
    font-size: 180%;
    padding: 0;
  }
  .wrap-tx-01 .wrap-inner .ttl-01 br {
    display: none;
  }
  .ttl_direct {
    font-size: 4.6vw;
    min-width: inherit;
    width: 80%;
  }
  .direct_nav.wide {
    padding: 2.5em 0;
  }
  .direct_nav .mod-txt-m {
    padding: 0;
    font-size: 12px;
  }
  .direct_nav .col-2 {
    width: 48%;
  }
  .direct_nav .col-2 a {
    flex-direction: column;
    padding: 1em .5em;
    border-width: 3px;
  }
  .direct_nav .col-2 a:hover {
    background: #fff;
    color: #000;
  }
  .direct_nav .col-2 a:before {
    width: 15px;
    height: 15px;
    top: auto;
    right: 8px;
    bottom: 2px;
  }
  .direct_nav .col-2 figure {
    margin-right: 0;
  }
  .direct_nav .col-2:nth-child(2) {
    margin-top: 1%;
  }
  .direct_nav .ttl {
    margin-top: 1em;
    font-size: 14px;
    text-align: center;
  }
  .direct_nav .ttl small {
    display: block;
    font-size: 12px;
    margin-bottom: .2em;
  }
  .mod-dl-yel {
    margin-bottom: .5em;
  }
  .mod-dl-yel-head {
    padding: .4rem 0;
    font-size: 18px;
  }
  .mod-ttl-line:before,
  .mod-ttl-line:after {
    height: 2.6em;
  }
  .mod-ttl-line:before {
    margin-right: .3em;
    transform: translateY(5%) rotate(-22deg);
  }
  .mod-ttl-line:after {
    margin-left: .3em;
    transform: translateY(5%) rotate(22deg);
  }
  .direct-people {
    flex-direction: column;
    margin-top: 1em;
  }
  .direct-people > li {
    display: flex;
    align-items: center;
    padding: 1.2em 0;
  }
  .direct-people > li + li {
    border-top: 1px solid #808080;
    border-left: none;
  }
  .direct-people-img {
    width: 35%;
    padding: .7em 0;
    text-align: center;
  }
  .direct-people-detail {
    flex: 1;
    text-align: left;
  }
  .direct-people-detail .mod-txt-xl {
    font-size: 17px;
  }
  .direct-flow {
    padding: 1.5em 0;
  }
  .direct-flow-img {
    margin-right: 0;
  }
  .direct-flow-web {
    width: 57%;
    padding: 1rem .8rem;
    font-size: 14px;
  }
  .direct-flow-web-ttl {
    font-size: 20px;
    line-height: 1.3;
  }
  .direct-flow-arr {
    width: 28px;
    height: 36px;
    border-width: 36px 14px 0;
  }
  .direct-flow-arr:before {
    width: 62px;
    height: 34px;
  }
  .direct-flow-shop {
    width: 40%;
    padding: 1rem .8rem 2rem;
    font-size: 13px;
  }
  .direct-flow-shop-ttl {
    font-size: 16px;
  }
  .direct-flow-shop .btn-sm.svc-btn,
  .direct-flow-shop .btn-sm.svc-btn:hover {
    position: static;
    padding: 0;
    background: transparent;
    box-shadow: none;
    color: #000;
    font-size: 12px;
  }
  .direct-flow-shop .btn-sm.svc-btn:before {
    top: auto;
    bottom: 3px;
  }
  .direct-flow-shop .btn-sm.svc-btn:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
  }
  /*============================
	ダイレクト：借り入れ
	============================*/
  .kariire .pre_info {
    background-image: url(../../service/images/direct_info_kariire_sp.svg);
    padding-top: 85.21739130%;
  }
  .karikae .pre_info {
    background-image: url(../../service/images/direct_info_karikae_sp.svg);
    padding-top: 98.9855072%;
  }
  .section.direct_wrap {
    padding-top: 2em;
  }
  #pre_panel .col-2 div {
    padding: 1.5em .8em 1em;
  }
  .kinri_wrap li {
    padding: 0 .5em;
  }
  #direct_kinri .col-2:nth-child(2) {
    margin-top: 1.5em;
  }
  #pre_panel h3 img {
    height: 19px;
  }
  #pre_panel h3 {
    font-size: 5.2vw;
  }
  .kinri_wrap li .ttl {
    font-size: 3.2vw;
  }
  #direct_step .lede {
    padding: 0 2em;
  }
  #flow .tab-contents {
    padding: 1em;
  }
  .step li.step_01 .ttl span {
    width: 70%;
  }
  .step .ttl img {
    width: 15%;
    margin-right: .5em;
  }
  .step .ttl span {
    width: 76%;
    font-size: 4vw;
    margin-left: 0;
  }
  .step dl {
    background: #f2f2f2;
    padding: 1em 1em 1.5em;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .step li dt {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
  }
  .step li dd {
    -ms-flex-preferred-size: 74%;
    flex-basis: 74%;
  }
  .step li dd>div, .step li dd>a {
    padding: 0;
    display: block;
  }
  .step li dd>a {
    padding-bottom: 1.5em;
  }
  .step li dd>a:after {
    bottom: -12px;
    right: 0;
    font-size: 12px;
    line-height: 1;
    background-size: 14px;
    padding-right: 14px;
  }
  .step li dd figure {
    text-align: center;
    width: 100%;
  }
  .step li dd img {
    width: auto;
    height: 70px;
  }
  .step li dd p.ttl_sub {
    font-size: 4.6vw;
  }
  .step .step_01 dl {
    background: #fff;
  }
  .step li.step_01 dd figure {
    margin-bottom: 1em;
    background: #f2f2f2;
  }
  .step li.step_01 dd img {
    margin: 0;
    width: auto;
    height: 80px;
    padding: 0;
  }
  .step_01 .section-btnArea {
    background: #fff;
    margin: 0;
    padding-bottom: 2em;
  }
  .step_01 .section-btnArea a {
    width: 90%;
  }

  .step dl.notice{
    display: block;
  }
  .step dl.notice dt{
    display: none;
  }

  .direct_notice {
    padding-top: 2em;
  }
  .direct_notice dl dt {
    font-size: 4vw;
    padding: 1em 0;
  }
  .direct_inquiry {
    padding: 1.5em;
  }
  .direct_inquiry p.ttl {
    font-size: 4vw;
  }
  .direct_inquiry p.tel {
    font-size: 9vw;
    padding-left: 16%;
  }
  .direct_inquiry p.tel:before {
    width: 15%;
  }
  .direct_inquiry.direct_inquiry_small {
    padding: 1.5em;
  }
  .direct_inquiry.direct_inquiry_small p.ttl {
    font-size: 4vw;
  }
  .direct_inquiry.direct_inquiry_small p.tel {
    font-size: 9vw;
    padding-left: 16%;
  }
  .direct_inquiry.direct_inquiry_small p.tel:before {
    width: 15%;
  }
  div.modal.step .wrap figure {
    margin-right: 1em;
  }
  div.modal.step .wrap .detail {
    padding-top: 0;
  }
  .step li dd>div>div, .step li dd>a>div {
    width: 100%;
  }
  .step li dd>div>div p br, .step li dd>a>div p br {
    display: none;
  }
  .step li dd>a:before {
    bottom: -15px;
    right: -5px;
    width: 15px;
    height: 15px;
  }
  /*============================
	商品：【フラット３５】子育て支援型・地域活性化型
	============================*/
  .flat35_m_graf .col-2 {
    margin-top: 1.5em;
  }
  .flat35_m_graf .col-2:first-child {
    margin-top: 0;
  }
  .flat35_m_graf p {
    font-size: 3.6vw;
  }
  /*============================
	ダイレクト
	============================*/
  .step li.step_01 dd>div>div {
    width: 100%;
  }
  .step li.step_01 dd>div>div p br {
    display: none;
  }
  /*============================
	店舗相談（無料）
	============================*/
  .mod-fs-14-sp {
    font-size: 14px;
  }
  .mod-balloon-02:before,
  .mod-balloon-02:after {
    top: 50%;
    right: 100%;
    width: 11px;
    height: 10px;
  }
  .mod-balloon-02:before {
    border-color: transparent #999 transparent transparent;
    border-width: 6px 12px 6px 0;
    transform: translate(0, -50%);
  }
  .mod-balloon-02:after {
    border-color: transparent #fff transparent transparent;
    border-width: 5px 11px 5px 0;
    transform: translate(2px, -50%);
  }
  .mod-balloon-02.mod-balloon-rev:before,
  .mod-balloon-02.mod-balloon-rev:after {
    right: auto;
    left: 100%;
  }
  .mod-balloon-02.mod-balloon-rev:before {
    transform: translate(0, -50%) scaleX(-1);
  }
  .mod-balloon-02.mod-balloon-rev:after {
    transform: translate(-2px, -50%) scaleX(-1);
  }
  .coming-lead {
    font-size: 14px;
  }
  .coming-lead-em {
    font-size: 20px;
  }
  .coming-lead-num {
    font-size: 31px;
  }
  .coming-box-ttl {
    padding: 0;
  }
  .coming-box-sub {
    font-size: 15px;
  }
  .coming-box-resv .col-2 {
    width: 100%;
    padding-bottom: 2em;
  }
  .coming-box-resv .col-2 + .col-2 {
    padding-top: 2em;
    padding-bottom: 0em;
    border-top: 1px solid #5A5A5A;
    border-left: none;
  }
  .coming-box-resv .col-2 + .col-2 .mod-btn-org-rev,
  .coming-box-shop .mod-btn-org-rev {
    margin-top: 0;
  }
  .coming-box .btn-new-lg {
    width: 92%;
    min-width: 260px;
  }
  .coming-mypage.section {
    margin-bottom: 3em;
    padding-bottom: 3em;
  }
  .coming-mypage:after {
    width: 100%;
  }
  .coming-screen {
    padding-top: 1em;
  }
  .coming-screen .mod-balloon-01 {
    position: static;
    top: auto;
    right: auto;
    width: 100%;
    margin-bottom: -4em;
    padding-bottom: 4em;
    border: none;
    font-size: 14px;
  }
  .coming-screen .mod-balloon-01:before,
  .coming-screen .mod-balloon-01:after {
    display: none;
  }
  .coming-screen-ttl {
    font-size: 16px;
    text-align: center;
  }
  .coming-step {
    margin-top: 2em;
  }
  .coming-step-col {
    display: flex;
    align-items: center;
    width: 100%;
  }
  .coming-step-col:not(:last-child) {
    margin-bottom: 2em;
  }
  .coming-step-col p {
    font-size: 17px;
    line-height: 1.4;
  }
  .coming-step-num {
    flex-shrink: 0;
    width: 50px;
    margin: 0;
    padding-right: 0;
    padding-bottom: .6em;
  }
  .coming-step-img {
    flex-shrink: 0;
    width: 80px;
    margin-bottom: 0;
  }
  .coming-step-img img {
    max-width: 60px;
  }
  .coming-step-arrow {
    top: 100%;
    left: 50%;
    width: 18px;
    height: 20px;
    transform: translateX(-50%);
  }
  .coming-step-arrow:after {
    top: 100%;
    left: 50%;
    width: 46px;
    height: 22px;
    border-color: #000 transparent transparent ;
    border-width: 22px 23px 0;
    transform: translate(-50%, -2px);
  }
  .coming-list {
    flex-direction: column;
  }
  .coming-list li:not(:first-child) {
    margin-left: 0;
  }
  .coming-list li:not(:last-child) {
    margin-bottom: 1em;
  }
  .coming-worry {
    padding-bottom: 0;
  }
  .coming-worry-wrap {
    display: flex;
    align-items: center;
  }
  .coming-worry .mod-balloon-02 {
    order: 2;
    width: 55%;
    font-size: 13px;
  }
  .coming-worry-img {
    width: 50%;
    margin-left: -5%;
    padding: 1.5em 0;
  }
  .coming-worry .col-3:nth-child(2) .coming-worry-img {
    order: 3;
    margin: 0 -5% 0 0;
  }
  .coming-worry-img img {
    height: auto;
  }
  .coming-worry dt .mod-txt-xl {
    font-size: 18px;
  }
  .coming-worry dd {
    min-height: 0;
  }
  .coming-arr-btm {
    top: 0;
    margin: 3.5em 0 3em;
  }
  .coming-cv-caption {
    font-size: 16px;
  }
  [class *='btn-new-'].coming-cv-btn {
    width: 100%;
    min-width: 280px;
    max-width: 360px;
    font-size: 20px;
  }
  .coming-flow {
    margin-bottom: 40px;
    border-radius: 10px;
    border-width: 3px;
  }
  .coming-flow:last-child:after{
    border:none;
  }
  .coming-flow-title {
    display:block;
    padding:15px 3%;
  }
  .coming-flow-title-l{
    width:100%;
  }
  .coming-flow-title-l span{
    width: 60px;
    margin-right: 15px;
    padding:5px 0px 10px 0px;
    text-align: center;
  }
  .coming-flow-title-l span img {
    width: 45px;
  }
  .coming-flow-title-l h2{
    font-size: 5.5vw;
  }
  .coming-flow-title-r {
    display: block;
    width:100%;
    padding-top: 15px;
    padding-right: 0;
    text-align: center;
  }
  .coming-flow-title-r img{
    max-width: 100%;
  }
  .coming-flow-body {
    font-size: 100%;
  }
  .coming-flow-body > :last-child{
    padding-bottom: 15px;
  }
  .coming-flow-body .pgh-c{
    text-align: left !important;
  }
  .coming-flow-2col {
    display:block;
  }
  .coming-flow-2col-l,
  .coming-flow-2col-r{
    width:100%;
    padding:0px;
    border-left:none;
    margin-bottom: 2em;
  }
  .coming-flow table{
    width:100%;
  }
  .coming-flow-notice-center{
    text-align: left;
  }
  .coming-flow-acodbutton{
    position: static;
    width: 70%;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 5px auto 20px auto;
  }

  /*============================
	各種書類ダウンロード
	============================*/
  .download.flex.link-panel.typeA a {
    padding-left: 7%;
  }
  .download .panel-wrap figure {
    width: 100%;
    margin-bottom: .5em;
  }
  .download .panel-wrap figure img {
    position: inherit;
    left: inherit;
    top: inherit;
    -webkit-transform: inherit;
    -ms-transform: inherit;
    transform: inherit;
    max-width: 240px;
    margin: 0;
  }
  .download .panel-wrap .detail {
    width: 100%;
    text-align: left;
  }
  .dl_hendou_s .text {
    padding-left: 2%;
    padding-top: 1%;
  }
  .col-2.dl_hendou_s p.caution {
    font-size: 3vw;
  }
  /* パンフレット */
  .pamph .btn-new-pdf {
    border-radius: 50px;
  }
  .pamph .btn-new-xls {
    border-radius: 50px;
  }
  /* acrobat */
  #acrobat {
    width: 100%;
    padding: 1.5em;
    margin: 0 auto;
    margin-top: 2em;
  }
  #acrobat figure {
    margin-right: 1em;
    width: 100%;
  }
  #acrobat figure img {
    max-width: 100%;
  }
  #acrobat a:after {
    width: 12px;
    height: 12px;
    background-size: 12px;
    right: 1em;
  }
  /* 背景有り */
  .wrap-01 .wrap-inner>div.section.dl-sp-bg {
    width: 100%;
    padding: 8% 5%;
    background: #efefef;
  }
  .download-wrap .grid {
    margin-bottom: 0 !important;
  }
  .dl-sp-bg .col-3, .download-wrap {
    margin: auto;
    margin-top: 5%;
    padding: 1em;
    border-radius: 6px;
    background: #fff;
  }
  /* PDFリンク（インライン）*/
  .entry-example.inline:first-of-type {
    padding-top: 0;
  }
  .entry-example.inline a {
    line-height: inherit;
  }
  /*============================
	現在ご返済中の方
	============================*/
  .wrap-tx-01.customer h1.ttl-01 {
    background-image: url(../../customer/images/customer_bg_sp.webp);
  }
  .customer-panelB .panel-wrap figure img {
    width: 50px;
    height: 50px;
  }
  .panel-wrap-side p.subtext {
    font-size: 14px !important;
  }
  .link-panel.typeF a {
    min-height: 90px;
    padding: .7rem 2.2rem .7rem 0;
    font-size: 14px;
  }
  .link-panel.typeF a figure {
    width: 46px;
    height: 44px;
  }
  .link-panel.typeF a .text {
    font-size: 16px;
  }
  .link-panel.typeF a .caption {
    font-size: 13px;
    letter-spacing: -.05em;
  }
  .mod-tb-dl {
    flex-direction: column;
  }
  .mod-tb-dl dt {
    justify-content: center;
    border-right: none;
    border-bottom: 1px #ddd solid;
  }
  .mod-tb-dl dd {
    text-align: center;
  }
  .znsp-tb .mod-tb-dl dt {
    flex-basis: auto;
    padding-left: .8em;
  }
  .znsp-tb .tbl-01 th,
  .znsp-tb .tbl-01 td {
    text-align: center;
  }
  .znsp-tb .tbl-01 th:first-child {
    width: 45%;
    padding-left: .8em;
  }
  .znsp-tb .tbl-01 td:first-child {
    padding-left: .8em;
  }
  .znsp-sim-result .pgh-kinri-01 {
    font-size: 36px;
  }
  /* お知らせ */
  .news-box ul {
    width: 100%;
    margin: 0em auto 2em;
  }
  .news-box ul li {
    display: block;
    position: relative;
    padding: 20px 0 0 0;
  }
  .news-box ul li .date {
    width: 100%;
    font-size: 14px;
    padding-right: .5em;
    padding-bottom: .5em;
  }
  .news-box ul li .ca {
    width: 100px;
    position: absolute;
    top: 20px;
    left: 120px;
    font-size: 11px;
    padding: .15em;
  }
  .news-box ul li a {
    display: block;
    width: 100%;
  }
  .box-p02.news {
    padding-bottom: 2em;
  }
  /* 定期メンテナンス */
  .maintenance {
    width: 100%;
  }
  .maintenance button {
    font-size: 16px;
  }
  .maintenance-open::before, .maintenance-close::before {
    width: 14px;
    height: 14px;
    top: 7px;
    left: 14px;
  }
  .maintenance-inner {
    width: 100%;
    margin: 0 auto;
    padding: 1em;
  }
  /* ナビダイヤル */
  .section .navidial-ttl {
    font-size: 18px;
  }
  .section .navidial {
    display: block;
    padding: 1em;
  }
  .section .navidial .navidial-1 {
    padding-right: 0;
    text-align: center;
  }
  .section .navidial .navidial-2 {
    padding-top: 1em;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .section .navidial .navidial-1 .customer-ttl {
    font-size: 16px;
    font-weight: normal;
  }
  .section .navidial .navidial-1 .customer-num {
    font-size: 20px;
  }
  .section .navidial figure img {
    height: 50px;
  }
  .section .navidial-text {
    width: 100%;
  }
  .section .navidial-text p {
    text-align: left;
    padding: 1em 0;
  }
  .section .navidial-menu-ttl {
    display: none;
  }
  .section .navidial-menu-1 {
    width: 70%;
  }
  .section .navidial-menu-2 {
    text-align: center;
    width: 30%;
  }
  .section .navidial-menu-2::before {
    content: "メニュー操作";
    font-size: 12px;
    top: 0;
    left: 0;
  }
  .section .navidial-menu-3 {
    width: 100%;
    padding-top: 1em;
  }
  .section .navidial-contents {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 1em;
  }
  /* 下層共通 */
  .flex.customer .col-3 {
    margin-top: 2em;
  }
  .flex.customer .col-3:first-child {
    margin-top: 0;
  }
  /* 下層特別指定 */
  .document-text {
    min-height: inherit;
  }
  .tbl-01.customer th:nth-child(2) {
    width: 60%;
  }
  #dairijyuryo {
    padding-top: 44px;
    margin-top: -44px;
  }
  /* 登録情報の変更　アンカーリスト */
  .anchor_list {
    width: 100%;
  }
  .anchor_list th {
    padding-left: 1em;
  }
  .anchor_list tr:nth-last-child(-n+2) th {
    padding: 1em;
  }
  /*============================
	現在ご返済中の方 faq sample下層
  ============================*/
  .customer-pc-only {
    display: none;
  }
  .customer-sp-only {
    display: block;
  }
  .gray-outer {
    background-color: #f2f2f2;
    border-radius: 6px;
    padding: 1em;
    box-sizing: border-box;
  }
  h3.customer-new-ttl {
    background: none;
    font-size: 4.5vw;
    color: #000;
    border-bottom: 2px solid #e3e3e3;
  }
  .customer-send-box {
    background-color: #fff;
    border-radius: 6px;
    padding: 1em;
    box-sizing: border-box;
    margin-top: 1em;
  }
  h4.customer-send-ttl {
    background-color: #cacaca;
    padding: .6em;
    margin-bottom: .6em;
  }
  .customer-send-target {
    font-weight: bold;
    text-align: center;
    margin-bottom: 1em;
  }
  dl.customer-send-flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 1em;
  }
  dt.customer-send-3 {
    width: 40%;
    background: #cacaca;
    text-align: center;
    padding: 1em;
    margin-bottom: .3em;
    display: grid;
    align-items: center;
  }
  dd.customer-send-7 {
    width: 58%;
    background: #e3e3e3;
    text-align: center;
    padding: 1em;
    margin-bottom: .3em;
    display: grid;
    align-items: center;
  }
  .customer-faq-sample {
    margin-bottom: 1.2em;
  }
  .customer-faq-sample p {
    border-bottom: 2px solid #e3e3e3;
  }
  .customer-faq-sample p:nth-child(1) {
    border-top: 2px solid #e3e3e3;
  }
  .customer-faq-sample p a {
    padding: 1.2em;
    display: block;
    font-size: .9em;
    font-weight: bold;
    text-decoration: none;
    position: relative;
  }
  .customer-faq-sample p a::after {
    content: "\f138";
    font-size: 1.4em;
    position: absolute;
    top: 1em;
    right: 1.4em;
  }
  /*============================
  住宅ローンガイド
  ============================*/
  /* 共通 */
  .guide-text{
    margin-bottom:2.4em;
  }
  .guide-text-img-l,
  .guide-text-img-r{
    float: none;
    margin:0 0 1em 0;
    text-align: center;
  }
  .guide-pt-30-pc{
    padding-top: 0px;
  }
  .btn-new-sm.guide-btn {
    width: 100%;
    min-width:auto;
  }
  .guide-mb-110-pc{
    margin-bottom:0px;
  }

  /* 住宅ローンガイドTOP */
  .wrap-tx-01.guide-page-title {
    height: inherit;
    padding: 6% 5%;
    min-height: 120px;
  }
  .wrap-tx-01.guide-page-title h1.ttl-01 {
    padding-top: 0;
  }
  .guide-menu .grid .col-6 {
    width: 100%;
  }
  .guide-menu .grid .col-6:first-child {
    margin-right: 0;
  }
  .contents-list-btn a {
    font-size: 4vw;
  }
  .contents-list-btn a::before, .contents-list-btn a:hover::before {
    width: 16px;
    height: 16px;
  }
  .guide-voice {
    padding: 5px 0;
  }
  .guide-voice h2 {
    font-size: 5vw;
  }
  .guide-voice .flex-3 {
    margin: 0;
  }
  .guide-voice .flex-3 .col-3 h3 {
    font-size: 4.5vw;
  }
  .guide-voice .flex-3 .col-3 {
    padding: 1.8em;
    margin-bottom: 20px;
  }
  .guide-voice .flex-3 .col-3 figure {
    margin: 1em auto;
  }
  .guide-voice .section {
    width: 100%;
    margin-bottom: 0;
  }
  .guide-voice .slick-slider {
    position: relative !important;
  }
  .guide-voice .slick-slide {
    margin-bottom: 0px !important;
  }
  .guide-voice .slick-next, .guide-voice .slick-prev {
    width: 40px;
    height: 40px;
    margin-top: -40px;
  }
  .guide-voice .slick-prev {
    left: 5px;
    z-index: 10;
  }
  .guide-voice .slick-next {
    right: 5px;
  }
  .guide-voice .slick-prev:before, .guide-voice .slick-next:before {
    font-family: FontAwesome;
    font-size: 25px;
    line-height: 40px;
    background-color: #000;
    color: #fed800;
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    opacity: 1;
  }
  .guide-voice .slick-disabled.slick-prev:before {
    color: #FFF;
  }
  .guide-voice .slick-disabled.slick-prev:before, .guide-voice .slick-disabled.slick-next:before {
    background-color: #e5e5e5;
    opacity: 1;
  }
  .guide-voice .slick-prev:before {
    content: "\f104";
  }
  .guide-voice .slick-next:before {
    content: "\f105";
  }
  .guide-voice .slick-dots {
    position: static !important;
    padding: 10px 0 20px 0 !important;
  }
  .guide-tab.tab-index {
    width: 100%;
    justify-content: space-around;
  }
  .guide-tab.tab-index li {
    flex-grow: 0;
    margin-left: 0;
  }
  .guide-columns {
    display: block;
  }
  .guide-column {
    margin-bottom: 20px;
  }
  .guide-column a {
    display: flex;
    justify-content: space-between;
    border-radius: 5px;
    padding: 0px;
    font-size: 3.5vw;
    line-height: 1.5;
  }
  .guide-column a:after {
    font-size: 14px;
    right: 5px;
    bottom: 2px;
  }
  .guide-column-img {
    margin-bottom: 0px;
    flex-basis: 42%;
  }
  .guide-column-img img {
    border-radius: 0px;
  }
  .guide-column a>p {
    padding: 10px;
    flex-basis: 58%;
  }

  .guide-words .guide-words-title{
    font-size: 4.2vw;
  }
  .guide-words-links{
    justify-content: space-between;
  }
  .guide-words-links li{
    max-width:none;
    flex-basis: 46%;
    margin: 0 2% 1em 2%;
    font-size: 100%;
    background-size: 8%;
  }
  .guide-words-links li a{
    padding-left: 30px;
  }

  /* お客さまの声 */
  .guide-voice {
    margin-top: 0;
    padding: 5px 0;
  }
  .guide-voice h2 {
    font-size: 5vw;
  }
  .guide-voice .flex-3 {
    margin: 0;
  }
  .guide-voice .flex-3 .col-3 h3 {
    font-size: 4.5vw;
  }
  .guide-voice .flex-3 .col-3 {
    padding: 1.8em;
    margin-bottom: 20px;
  }
  .guide-voice .flex-3 .col-3 figure {
    margin: 1em auto;
  }
  .guide-voice .section {
    width: 100%;
    margin-bottom: 0;
  }
  .guide-voice-item-show-last {
    margin-right: 1% !important;
  }

  /* ARUHIは住宅ローン専門の金融機関 */
  .btn-new-sm.guide-about-btn{
    min-width: 1px;
  }
  .guide-about-aruhi-point{
    margin-top: 4em;
    margin-bottom: 4em;
    font-size: 100%;
  }
  .guide-about-aruhi-point .grid{
    display:block;
  }
  .guide-about-aruhi-point .grid .col-4{
    text-align: center;
  }
  .guide-about-aruhi-point .guide-about-aruhi-point-ttl{
    font-size: 5.0vw;
  }
  .guide-about-aruhi-point-sub .col-6{
    width: 100%;
    margin-right:0;
  }
  .guide-about-aruhi-point-sub .col-6:last-child{
    margin-top: 2em;
    margin-left:0;
  }
  .guide-about-aruhi-point-sub .guide-about-aruhi-point-ttl-2{
    font-size: 4.0vw;
  }
  .guide-about-aruhi-point .panel-wrap{
    text-align:left;
    justify-content: space-around;
  }
  .guide-about-aruhi-point figure{
    width:20%;
  }
  .guide-about-aruhi-point figure img{
    width:90%;
  }
  .guide-about-aruhi-point .ttl-panel{
    margin-top: 0;
    font-size: 4.5vw;
  }

  /* ARUHI店舗でのご契約の流れ */
  .contract-flow {
    margin-bottom: 40px;
    padding:15px 3%;
    border-radius: 10px;
    border-width: 3px;
  }
  .contract-flow:last-child:after{
    border:none;
  }
  .contract-flow-title {
    display:block;
    margin-bottom: 1em;
  }
  .contract-flow-title-l{
    width:100%;
  }
  .contract-flow-title-l span{
    padding:5px 15px 10px 0;
    margin-right: 15px;
  }
  .contract-flow-title-l span img{
    width: 40px;
  }
  .contract-flow-title-l h2{
    font-size: 5.5vw;
  }
  .contract-flow-title-r {
    width:100%;
    padding-top: 15px;
    text-align: center;
  }
  .contract-flow-title-r img{
    max-width: 100%;
  }
  .contract-flow-body{
    font-size: 100%;
  }
  .contract-flow-body .pgh-c{
    text-align: left !important;
  }
  .contract-flow-2col {
    display:block;
  }
  .contract-flow-2col-l,
  .contract-flow-2col-r{
    width:100%;
    padding:00px;
    border-left:none;
    margin-bottom: 2em;
  }
  .contract-flow table{
    width:100%;
  }
  .contract-flow-notice-center{
    text-align: left;
  }

  /* 初めての住宅ローン */
  .guide-beginner-btnBox .col-4 .btn-new-md, .guide-beginner-btnBox p .btn-new-md, .guide-beginner-btnBox .col-3 .btn-new-sm {
    width: 80%;
    min-width: inherit;
  }
  .guide-beginner-btnBox .col-3 {
    width: 100%;
  }

  /*============================
    マイページのご紹介
  ============================*/
  .mypage-box-2col {
    display: block;
  }
  .mypage-box-2col .col-2 {
    width: 100%;
    margin-bottom: 1.5em;
  }
  .mypage-box .pgh-br-sp {
    display:inline;
  }

  /*============================
  ARUHIマガジン
  ============================*/
  #aruhi-magazine .main-visual img{
    margin-bottom:30px;
  }
  #aruhi-magazine .main-visual-txt{
    text-align: left;
    line-height:1.6;
  }
  #aruhi-magazine .posts {
    display: block;
  }
  #aruhi-magazine .button-wrap{
    display: block;
  }
  #aruhi-magazine .button-category:nth-child(3n-1):last-child{
    margin-right:auto;
  }

  /*============================
  法人のお客さま	
  ============================*/	
  /* 資料請求 共通部分 */
  .mod-contact {
    margin-bottom: 2em !important;
  }
  .mod-contact .ttl {
    font-size: 5vw;
  }
  /*============================
  コンバージョンブロック
  ============================*/
  .cv-block-wrap {
    background-color: #FFD800 !important;
    padding: 3em 0 !important;
  }
  .cv-block-wrap .section-btnArea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 0;
  }
  .cv-block-wrap .btn-new-sm {
    margin-left: 35px;
    margin-right: 35px;
  }
  /*============================
	コンバージョンブロック
	============================*/
  .cv-block-wrap .section-btnArea {
    display: block;
  }
  /*============================
  住宅ローン用語集
  ============================*/
  /* 住宅ローン用語集 共通モジュール */
  .words-lead-wrap{
    margin-left:0;
  }
  .words-lead{
    font-size:18px;
  }
  .words-lead-wrap img{
    float: none;
    display: block;
    margin:0 auto 1.0em auto;
  }
  .words-h2{
    font-size:4.8vw;
  }
  .words-h2 .words-h2-in{
    padding-left: 0.1em;
    padding-right: 0.1em;
  }
  .words-h3{
    font-size:4.2vw;
  }
  .words-h4{
    font-size:4.2vw;
  }
  .words-h4 .words-h4-in{
    padding-bottom: 0;
  }
  .words-tb th,
  .words-tb td{
    padding:0.8em 0.5em;
  }
  .words-col-div{
    display: none;
  }
  .words-w66p-pc{
    width:100%;
  }
  .words-1col,
  .words-2col-01,
  .words-2col-02,
  .words-2col-03,
  .words-3col{
    padding: 0;
  }
  .words-2col-01,
  .words-2col-02,
  .words-2col-03,
  .words-3col{
    display: block;
  }
  .words-2col-01 .words-col,
  .words-2col-02 .words-col,
  .words-2col-03 .words-col,
  .words-3col .words-col{
    max-width: none !important;
  }
  .words-page-sholder{
    font-size: 14px;
  }
  .words-page-sholder:before{
    width: 15px;
    height: 19px;
    margin-right:10px;
    background-size: 100% 100%;
  }
  .words-index-innner-link ul li{
    width: 16.6%;
  }
  .words-index-innner-link ul li:nth-child(6n+1){
    border-left: 1px dotted #CCC;
  }
  .words-index-innner-link ul li a {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }
  .words-external-links{
    width:100%;
  }
  /*============================
    外部送信先の情報について
  ============================*/
  .page-external .mod-acod:first-of-type {
    margin-top: 2em;
  }
  .page-external .mod-acod .mod-txt-xl {
    font-size: 18px;
  }
  .page-external .mod-acod-body {
    padding: 1.5em 0;
  }
  .page-external .mod-acod-body dl {
    margin-bottom: 1.5em;
  }
}
@media only screen and (max-width:460px) {
  /*============================
	商品：借り入れ / 借り換え リンクパネル内
	============================*/
  .flex.link-panel.typeA a {
    padding: 7%;
    padding-left: 4%;
  }
  .panel-wrap figure.icon:before {
    top: 0;
    left: 0;
  }
  /*============================
	コンバージョンブロック
	============================*/
  .cv-block-wrap .section-btnArea {
    display: block;
  }
  /*============================
  本当に住みやすい街大賞（フッター）
  ============================*/
  .footer-sumiyasui footer {
    padding: 1.25rem 10px;
    font-size: 11px;
  }
}
@media only screen and (max-width:320px) {
  #k-kotei .link-panel a {
    padding: 1.5em 1em;
  }
  #k-kotei td.ttl {
    font-size: 3vw;
  }
}
@media only screen and (max-width:640px) and (orientation:portrait) {
  /*============================
トップ：ARUHIが選ばれる6つのポイント
============================*/
  #reason .badge {
    top: -40px;
    left: 5%;
    width: 22%;
  }
}
  /*============================
	CP配下　20201223
  ============================*/
@media only screen and (max-width:960px) {
	#risk  .wrap-inner {
		width:90%!important;
	}
	#housing .wrap-05 .wrap-inner {
		width:90%!important;
	}
  .text-left_img-center {
    margin: auto;
    padding: 0 4%;
    max-width: 700px;
  }
  .text-left_img-center img {
    display: block;
    margin: auto;
  }
}
@media only screen and (max-width:640px) {
	#agreement, #contact_bottom {
		margin-bottom:3em;
	}
	#privacy-policy {
		margin-bottom:4.5em;
	}
	#contact_bottom {
		margin-bottom:2em;
	}
	.sp-mb2 {
		margin-bottom:2em;
	}
}
  /*============================
	商品：銀行の住宅ローン
	============================*/
  .col-2 .list-a01 li .link-out-01 a {
    display: inline !important;
  }

  /*============================
	product/flat35/case-full および cp配下
  10割融資（物件価額＋所定の諸費用）をご希望の方へ
	============================*/
.responsive-block {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
/* PC版の並び順を指定 */
.order1 {
    flex: 0 0 calc(50% - 8px); order: 1;
}
.order2 {
    flex: 0 0 100%; order: 3;
}
.order3 {
    flex: 0 0 calc(50% - 8px); order: 2;
}
.responsive-block .order1, .responsive-block .order3 {
  flex: 0 0 calc(50% - 8px);
}
.responsive-block .order2 {
  flex: 0 0 100%;
}
/* SP時 */
@media (max-width: 768px) {
  .responsive-block {
    flex-direction: column;
}
  .order1 {
    order: 1;
}
  .order2 {
    order: 2;
}
  .order3 {
    order: 3;
}
  .responsive-block .order1,.responsive-block .order2,.responsive-block .order3 {
    flex: 0 0 auto;
}
}