/* //////////////////////////////////////// */
/* フロントページ ファーストビュー */
/* //////////////////////////////////////// */

.front-page.fv {background: #fffcf3;}
.front-page.fv .title {
  text-align: center;
    font-size: 1.2rem;
    /*font-weight: bold;*/
    padding: .8rem;
    background: #f8b500;
    color: #fff;
}
.front-page.fv .container {width: 100%;margin: 0 auto;}
.front-page.fv .simulation-flow {
  display: inline-block;
    width: 49%;
    vertical-align: top;
}
.front-page.fv .balloon-icon.maru {background: #fff;}
.front-page.fv .balloon-left .balloon-serif {margin-right: 0;margin-bottom: 0;}
.front-page.fv .balloon-content img {width: 100%;height: auto;}
.front-page.fv ol {
    list-style: none;
    list-style-type: none;
    padding: 0 !important;
    margin: 1rem auto;
    counter-reset: li;
}
.front-page.fv ol > li {
    position: relative;
    display: block;
    padding: 0em 0px 0em 25px;
    margin-bottom: 0.7em;
}
.front-page.fv ol > li:before {
    position: absolute;
    content: "";
    left: 0px;
    height: 20px;
    width: 20px;
    border-radius: 10px;
    top: 3px;
    background-color: #ffcd44!important;
}
.front-page.fv ol > li:after {
    counter-increment: li;
    content: counter(li);
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0px;
    padding: 0;
    line-height: 0;
    color: #fff;
    text-align: center;
    font-size: 0.65em;
    letter-spacing: 0;
    font-weight: 400;
    top: 13px;
}
.front-page.fv .kaisetsu-box5 {
    background-color: rgba(87,179,186,.12) !important;
    margin-right: 0;
    margin-bottom: 1em;
    font-size: .9em;
  }
.front-page.fv .kaisetsu-box5:before {background-color: #57b3ba !important;}
.front-page.fv .simulation-box {
    display: inline-block;
    width: 49%;
    vertical-align: top;
}
.front-page.fv .simulation-box .corporative img {width: 80%;max-width: 640px;height: auto;}
.front-page.fv .concierge {
    text-align: center;
    padding: .8rem;
    background: #f8b500;
    color: #fff;
}
.front-page.fv .concierge .pc img {
    width: 100%;
    max-width: 900px;
    height: auto;
    margin: 0 auto;
}
.front-page.fv .concierge .sp img {
    width: 100%;
    max-width: 390px;
    height: auto;
    margin: 0 auto;
}
@media screen and (min-width: 1200px) {
.front-page.fv .container {width: 1200px;}
}
@media screen and (max-width: 767px) {
.front-page.fv .title {
    font-size: 1.2rem;
    padding: .5rem;
}
.front-page.fv .title .sub {
    display: block;
    font-size: .8rem;
}
.front-page.fv .simulation-flow {
    display: block;
    width: 100%;
}
.front-page.fv .simulation-box {
    display: block;
    width: 100%;
}
.front-page.fv .simulation-box .corporative img {width: 90%;}
.front-page.fv .concierge {
    padding: 1rem;
}
}

/* //////////////////////////////////////// */
/* モバイル時のシミュレーション方法toggleボタン */
/* //////////////////////////////////////// */

.how-to {margin: 0 auto 2em;}
@media screen and (max-width: 767px) {
.how-to {margin: 0 auto;}
}
.how-to-btn {
  display: block;
  position: relative;
  padding: 1em 1.5em;
  text-align: center;
  border: #183153 1px solid;
  color: #183153 !important;
  cursor: pointer;
}

.how-to-btn:hover {
  background: #183153;
  color: #fff !important;
}

.how-to-btn:active {
  background: #fff;
  color: #183153 !important;
}

.how-to-btn:after {
  font-family: "Font Awesome 5 Free";
  content: '\f0d7';
  font-weight: 900;
  position: absolute;
  top: 50%;
  margin-top: -.5em;
  padding: 0 .5em;
}

.how-to-list {
  display: none;
}

.how-to-list .close {
  display: block;
  position: relative;
  width: 80%;
  margin: 2em auto;
  padding: 1em 1.5em;
  text-align: center;
  background: #183153;
  border: #183153 1px solid;
  color: #fff !important;
  cursor: pointer;
}

.how-to-list .close:hover {
  background: #fff;
  color: #183153 !important;
}

.how-to-list .close:active {
  background: #183153;
  color: #fff !important;
}

.how-to-list .close:after {
  font-family: "Font Awesome 5 Free";
  content: '\f057';
  font-weight: 900;
  position: absolute;
  top: 50%;
  margin-top: -.5em;
  padding: 0 .5em;
}