@charset "UTF-8";
/*
  import.scss
  ※css修正禁止
  ※各scssファイルを修正してください。

  コーディングルールはPRECSSを利用
  https://precss.io/
*/
@import url(./ress.min.css);
.c-black {
  color: #222 !important; }

.c-white {
  color: #fff !important; }

.c-blue {
  color: #0071BC !important; }

.c-pBlue {
  color: #EDF5FB !important; }

.c-orange {
  color: #FF6010 !important; }

.c-pOrange {
  color: #FFF7EB !important; }

@keyframes rubberBand {
  0% {
    transform: scaleX(1); }
  30% {
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    transform: scale3d(1.05, 0.95, 1); }
  to {
    transform: scaleX(1); } }
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0) scaleX(0.9); }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0) scaleX(2); } }
@keyframes lightSpeedInRight {
  0% {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    transform: skewX(-5deg); }
  to {
    transform: translateZ(0); } }
@keyframes lightSpeedOutLeft {
  0% {
    opacity: 1; }
  to {
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0; } }
@keyframes swing {
  20% {
    transform: rotate(15deg); }
  40% {
    transform: rotate(-10deg); }
  60% {
    transform: rotate(5deg); }
  80% {
    transform: rotate(-5deg); }
  to {
    transform: rotate(0deg); } }
@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0) scaleY(0.985); }
  45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0) scaleY(0.9); }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0) scaleY(3); } }
@keyframes fadeOut {
  0% {
    opacity: 1; }
  to {
    opacity: 0; } }
@keyframes rotateIn {
  0% {
    transform: rotate(-200deg);
    opacity: 0; }
  to {
    transform: translateZ(0);
    opacity: 1; } }
@keyframes target_icon_up_down {
  0% {
    padding-top: 0; }
  50% {
    padding-top: 10px; }
  100% {
    padding-top: 0; } }
@keyframes icon_rotate {
  0% {
    transform: rotate(360deg); }
  100% {
    transform: rotate(0); } }
@keyframes marquee {
  0% {
    left: 100%;
    transform: translate(0); }
  100% {
    left: 0;
    transform: translate(-100%); } }
@keyframes take_off {
  0% {
    left: 100%;
    bottom: 0; }
  30% {
    bottom: 0;
    transform: rotate(0); }
  100% {
    left: -100px;
    bottom: 100px;
    transform: rotate(10deg); } }
@keyframes airplane_approaching {
  0% {
    width: 10%;
    left: -10%;
    bottom: 200px;
    transform: rotateY(180deg); }
  100% {
    width: 100%;
    left: 100%;
    bottom: 50%;
    transform: rotateY(180deg); } }
@keyframes campaign_wave {
  0% {
    background-position-x: 0px; }
  50% {
    background-position-x: 30px; }
  100% {
    background-position-x: 0px; } }
@keyframes campaign_dancer {
  0% {
    transform: translateX(0); }
  50% {
    transform: translateX(20px); }
  51% {
    transform: translateX(20px) rotateY(180deg); }
  100% {
    transform: translateX(0) rotateY(180deg); } }
html {
  font-size: 62.5%;
  font-family: "FOT-スーラ ProN M", "ヒラギノ丸ゴ Pro", "HG丸ｺﾞｼｯｸM-PRO", "メイリオ", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.75;
  vertical-align: baseline;
  color: #222;
  scroll-behavior: smooth; }

body {
  font-size: 1.6rem; }
  @media (max-width: 767px) {
    body {
      padding-top: 0px;
      /*60*/ } }

a {
  color: #FF6010;
  text-decoration: none; }

.fwB {
  font-family: "FOT-スーラ ProN DB"; }

img {
  max-width: 100%;
  vertical-align: bottom; }

ul, li {
  list-style: none; }

fieldset {
  border: none; }

select, label {
  cursor: pointer; }

address {
  font-style: normal; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

em {
  font-weight: bold;
  font-style: normal; }

input {
  min-width: 0; }

::placeholder {
  color: #999; }

summary {
  display: block; }

summary::-webkit-details-marker {
  display: none; }

@media (max-width: 767px) {
  .ly_sideColumn {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11; } }
@media (min-width: 768px) {
  .ly_sideColumn {
    width: 0px;
    max-height: 100%;
    overflow: auto;
    border-left: 1px solid #C0D4EA;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1; } }

@media (max-width: 767px) {
  .ly_mainColumn {
    padding-top: 60px;
    /* tuika */ } }
@media (min-width: 768px) {
  .ly_mainColumn {
    padding-right: 0px;
    padding-top: 80px;
    /* tuika */ } }

@media (max-width: 767px) {
  .ly_contents {
    padding: 0 20px; } }
@media (min-width: 768px) {
  .ly_contents {
    max-width: 1140px;
    margin: auto;
    padding: 0 20px; } }

.ly_contents.ly_contents__wide {
  max-width: 1380px; }

.bl_sideLogo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 104px;
  background: #fff; }
  @media (max-width: 767px) {
    .bl_sideLogo {
      justify-content: flex-start;
      height: 60px;
      padding: 0 10px;
      border-bottom: 1px solid #C0D4EA; } }
  @media (min-width: 768px) {
    .bl_sideLogo a:hover {
      opacity: 0.7; } }
  @media (max-width: 767px) {
    .bl_sideLogo img {
      width: auto;
      height: 38px; } }

@media (max-width: 767px) {
  .bl_cta_wrapper {
    max-width: 360px;
    margin: auto;
    padding: 30px 10px; } }
@media (min-width: 768px) {
  .bl_cta_wrapper {
    max-width: 1140px;
    margin: auto;
    padding: clamp(10px, 7%, 80px) 10px; } }

.bl_cta {
  background: no-repeat center;
  background-size: contain;
  position: relative; }
  @media (max-width: 767px) {
    .bl_cta {
      padding-top: 97.9444%;
      margin: auto;
      background-image: url(../img_2022/illust_cta_sp.svg); } }
  @media (min-width: 768px) {
    .bl_cta {
      padding-top: 30.0357%;
      margin: auto;
      background-image: url(../img_2022/illust_cta_pc.svg); } }

.bl_cta_txt {
  margin: auto;
  text-align: center;
  color: #fff;
  position: absolute;
  left: 0;
  right: 0; }
  @media (max-width: 767px) {
    .bl_cta_txt {
      font-size: clamp(1rem, 4.8vw, 1.7rem);
      line-height: 2.0;
      top: 6%; } }
  @media (min-width: 768px) {
    .bl_cta_txt {
      font-size: clamp(1rem, 2vw, 2.8rem);
      line-height: 1.5;
      top: 17.647%; } }

.bl_cta_btn {
  display: table;
  margin: auto;
  transition: transform .2s;
  position: absolute;
  left: 0;
  right: 0; }
  @media (max-width: 767px) {
    .bl_cta_btn {
      width: 90%;
      top: 53%; } }
  @media (min-width: 768px) {
    .bl_cta_btn {
      width: 50%;
      top: 55.8823%; } }
  .bl_cta_btn:hover {
    transform: scale(1.05); }
  .bl_cta_btn img {
    display: inline-block; }

.bl_footer {
  background: #fff; }
  @media (max-width: 767px) {
    .bl_footer {
      padding: 25px 15px; } }
  @media (min-width: 768px) {
    .bl_footer {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      padding: 4% 8% 5% 7%; }
      .bl_footer > * {
        flex-shrink: 0;
        flex-grow: 0;
        margin-top: 10px;
        margin-bottom: 10px; } }

.bl_footer_logo {
  display: inline-block; }
  @media (min-width: 768px) {
    .bl_footer_logo {
      margin-bottom: 8px; } }
  .bl_footer_logo:hover {
    opacity: 0.7; }
  .bl_footer_logo > img {
    display: block; }
    @media (max-width: 767px) {
      .bl_footer_logo > img {
        width: auto;
        height: 32px; } }

.bl_footer_copy {
  display: block;
  font-size: 1.1rem; }
  @media (max-width: 767px) {
    .bl_footer_copy {
      margin-bottom: 15px; } }
  @media (min-width: 768px) {
    .bl_footer_copy {
      margin-right: 55px; } }

.bl_footer_address {
  font-size: 1.4rem; }
  @media (max-width: 767px) {
    .bl_footer_address {
      margin-bottom: 20px;
      font-size: 1.2rem; } }
  @media (min-width: 768px) {
    .bl_footer_address {
      margin-right: 55px; } }

.bl_footer_ias {
  display: block; }
  @media (max-width: 767px) {
    .bl_footer_ias {
      width: auto;
      height: 54px; } }
  @media (min-width: 768px) {
    .bl_footer_ias {
      margin-left: auto; } }

.bl_breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 1rem;
  position: relative;
  z-index: 1; }
  @media (max-width: 767px) {
    .bl_breadcrumb {
      display: none; } }
  @media (min-width: 768px) {
    .bl_breadcrumb {
      padding: 10px 40px; } }
  .bl_breadcrumb > li {
    display: flex;
    align-items: center; }
  .bl_breadcrumb > li:last-child:after {
    display: none; }
  .bl_breadcrumb > li::after {
    display: block;
    content: '';
    width: .4em;
    height: .4em;
    margin: 0 .85em;
    border: solid #0071BC;
    border-width: 1px 1px 0 0;
    transform: rotate(45deg); }
  .bl_breadcrumb a {
    display: flex;
    padding: 5px 0;
    color: #0071BC; }
  .bl_breadcrumb a:hover {
    opacity: 0.7; }
  .bl_breadcrumb img {
    display: block;
    width: 1.1em; }

.bl_jumbotron {
  background: no-repeat;
  background-image: url(../img_2022/bg_jumbotron.svg), linear-gradient(90deg, #005b97 0%, #0075be 18.23%, #1e9cd7 44.83%, #cce0f4 100%);
  position: relative; }
  @media (max-width: 767px) {
    .bl_jumbotron {
      background-position: 30% center;
      background-size: auto 200px, auto;
      background-position: center bottom 50px; } }
  @media (min-width: 768px) {
    .bl_jumbotron {
      height: clamp(0px, 18.75vw, 300px);
      background-size: auto 100%;
      background-position: center; } }

@media (max-width: 767px) {
  .bl_jumbotron_inner {
    margin: 0 10px;
    padding: 20px 0 10px; } }
@media (min-width: 768px) {
  .bl_jumbotron_inner {
    height: 100%;
    margin: 0 20px;
    position: relative; } }

.bl_jumbotron_img {
  display: block; }
  @media (max-width: 767px) {
    .bl_jumbotron_img {
      margin: auto; } }
  @media (min-width: 768px) {
    .bl_jumbotron_img {
      margin: auto;
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      transform: translateY(-50%); } }

.bl_headline01 {
  display: block;
  line-height: 1.4; }
  @media (max-width: 767px) {
    .bl_headline01 {
      margin-bottom: 30px;
      font-size: 2.0rem; } }
  @media (min-width: 768px) {
    .bl_headline01 {
      margin-bottom: 50px;
      font-size: 3.6rem; } }

.bl_headline02 {
  display: block;
  line-height: 1.4;
  color: #FF6010; }
  @media (max-width: 767px) {
    .bl_headline02 {
      font-size: 1.6rem; } }
  @media (min-width: 768px) {
    .bl_headline02 {
      margin-bottom: 5px;
      font-size: 2rem; } }

.bl_headline03 {
  display: block;
  line-height: 1.4; }
  @media (max-width: 767px) {
    .bl_headline03 {
      margin-bottom: 20px;
      font-size: 2.4rem; } }
  @media (min-width: 768px) {
    .bl_headline03 {
      margin-bottom: 37px;
      font-size: 3.8rem; } }

.bl_headline04 {
  display: block;
  line-height: 1.4;
  color: #FF6010; }
  @media (max-width: 767px) {
    .bl_headline04 {
      margin-bottom: 4px;
      font-size: 1.6rem; } }
  @media (min-width: 768px) {
    .bl_headline04 {
      margin-bottom: 0;
      font-size: 2.4rem; } }

.bl_headline05 {
  display: block;
  line-height: 1.4; }
  @media (max-width: 767px) {
    .bl_headline05 {
      margin-bottom: 20px;
      font-size: 2rem; } }
  @media (min-width: 768px) {
    .bl_headline05 {
      margin-bottom: 30px;
      font-size: 3rem; } }

.bl_headline06 {
  display: table;
  padding: .3em 1em;
  background: #FFEFE6;
  border: 2px solid #FCDCCA;
  border-radius: 1.6em;
  line-height: 1.4;
  color: #FF6010; }
  @media (max-width: 767px) {
    .bl_headline06 {
      margin-bottom: 10px;
      font-size: 1.6rem; } }
  @media (min-width: 768px) {
    .bl_headline06 {
      margin-bottom: 13px;
      font-size: 2rem; } }

.bl_headline07 {
  display: table;
  padding: .3em 1em;
  background: #FFEFE6;
  border: 2px solid #FCDCCA;
  border-radius: 1.6em;
  line-height: 1.4;
  color: #FF6010; }
  @media (max-width: 767px) {
    .bl_headline07 {
      margin-bottom: 10px;
      font-size: 1.6rem; } }
  @media (min-width: 768px) {
    .bl_headline07 {
      margin-bottom: 13px;
      font-size: 2rem; } }

.bl_headline08 {
  color: #FF6010; }
  @media (max-width: 767px) {
    .bl_headline08 {
      margin-bottom: 5px;
      font-size: 1.6rem; } }
  @media (min-width: 768px) {
    .bl_headline08 {
      margin-bottom: 4px;
      font-size: 2.4rem; } }
  .bl_headline08::before, .bl_headline08::after {
    display: inline-block;
    font-size: .75em; }
  .bl_headline08::before {
    content: '＜';
    margin-right: .3em; }
  .bl_headline08::after {
    content: '＞';
    margin-left: .3em; }

.bl_headline__sparkle {
  margin-left: 20px; }

.bl_headline09 {
  display: table;
  margin: auto;
  padding: 6px 12px;
  background: #0071BC;
  border-radius: 3px;
  color: #fff;
  line-height: 1.4; }
  @media (max-width: 767px) {
    .bl_headline09 {
      margin-bottom: 24px;
      font-size: 1.5rem;
      text-align: center; } }
  @media (min-width: 768px) {
    .bl_headline09 {
      margin-bottom: 35px;
      font-size: 1.7rem; } }

.bl_accordionNav:not(.bl_accordionNav__active) .bl_accordionNav_btn::after {
  content: '＋'; }

.bl_accordionNav_btn {
  display: block;
  padding: 5px 1.2em 5px 10px;
  color: #222;
  font-size: 1.4rem;
  position: relative; }
  .bl_accordionNav_btn:hover {
    color: #0071BC; }
  .bl_accordionNav_btn::after {
    content: '−';
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    color: #0071BC;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0; }

.bl_accordionNav_body {
  display: none;
  margin: 5px auto; }

.bl_toc {
  padding-left: 16px;
  background: #fff;
  border-radius: 3px;
  font-size: 1.4rem; }
  .bl_toc a {
    display: block;
    padding: 5px 10px;
    border-left: 4px solid transparent;
    color: #222; }
    .bl_toc a:hover {
      border-left-color: currentColor;
      color: #FF6010; }
    .bl_toc a.bl_toc__active {
      border-left-color: currentColor;
      color: #FF6010;
      pointer-events: none; }
  @media (min-width: 768px) {
    .bl_toc a.small {
      padding-right: 0;
      font-size: 1.2rem; } }
  .bl_toc > :first-child {
    padding-top: 1em; }
  .bl_toc > li {
    padding-bottom: 1em;
    border-left: 1px solid rgba(0, 113, 188, 0.2);
    line-height: 1.2;
    position: relative; }

.bl_arwList {
  font-size: 1.2rem; }
  .bl_arwList a {
    display: block;
    padding: 5px 0;
    color: #222; }
    .bl_arwList a:hover {
      color: #0071BC; }
  .bl_arwList > :last-child {
    margin-bottom: 0; }
  .bl_arwList > li {
    margin-bottom: .5em;
    padding-left: 1em;
    line-height: 1.2;
    position: relative; }
    .bl_arwList > li::before {
      display: inline-block;
      content: '';
      width: .5em;
      height: 1.2em;
      background: no-repeat url(../img_2022/arw_blue_right.svg) center;
      background-size: contain;
      position: absolute;
      top: 5px;
      left: 0; }

.bl_arwCircleList {
  font-size: 1.4rem; }
  .bl_arwCircleList a {
    display: block;
    padding: 5px 0;
    color: #222; }
    .bl_arwCircleList a:hover {
      color: #0071BC; }
  .bl_arwCircleList > :last-child {
    margin-bottom: 0; }
  .bl_arwCircleList > li {
    margin-bottom: .5em;
    padding-left: 1.2em;
    line-height: 1.2;
    position: relative; }
    .bl_arwCircleList > li::before {
      display: inline-block;
      content: '';
      width: .85em;
      height: 1.2em;
      background: no-repeat url(../img_2022/circleArw_blue_right.svg) center;
      background-size: contain;
      position: absolute;
      top: 5px;
      left: 0; }

.bl_checkCircleList > li:last-child {
  margin-bottom: 0; }
.bl_checkCircleList > li {
  margin-bottom: 1em;
  padding-left: 2em;
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 1.5;
  position: relative; }
  @media (max-width: 767px) {
    .bl_checkCircleList > li {
      font-size: 1.8rem; } }
  .bl_checkCircleList > li::before {
    display: block;
    content: '';
    width: 1.4em;
    height: 1.4em;
    background: no-repeat url(../img_2022/ic_check_circle_orange.svg) center;
    background-size: contain;
    position: absolute;
    top: .05em;
    left: 0; }
    @media (max-width: 767px) {
      .bl_checkCircleList > li::before {
        width: 1.3em;
        height: 1.3em;
        top: 0.2em;
        left: 0.2em; } }

.bl_snsBtnUnit {
  display: flex;
  justify-content: center; }
  .bl_snsBtnUnit > :last-child {
    margin-right: 0; }
  .bl_snsBtnUnit > * {
    margin-right: 20px; }
  .bl_snsBtnUnit a {
    display: block;
    border-radius: 50%;
    transition: transform .2s; }
    .bl_snsBtnUnit a:hover {
      transform: scale(1.15);
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16); }

.bl_tabNav_wrapper {
  border-bottom: 1px solid #0071BC; }

.bl_tabNav {
  display: flex; }
  .bl_tabNav > :last-child {
    margin-right: 0; }
  .bl_tabNav > * {
    display: flex;
    width: 100%;
    margin-right: 3%; }

.bl_tabNav_btn {
  display: block;
  width: 100%;
  background: #fff;
  border: solid #707070;
  border-width: 1px 1px 0 1px;
  border-radius: 10px 10px 0 0;
  color: #222;
  line-height: 1.4; }
  @media (max-width: 767px) {
    .bl_tabNav_btn {
      padding: 10px; } }
  @media (min-width: 768px) {
    .bl_tabNav_btn {
      padding: 18px; } }
  .bl_tabNav_btn:hover {
    color: #FF6010; }
  .bl_tabNav_btn.bl_tabNav_btn__active {
    border-color: #0071BC;
    background: #EDF5FB;
    position: relative;
    pointer-events: none; }
    .bl_tabNav_btn.bl_tabNav_btn__active::after {
      display: block;
      content: '';
      height: 1px;
      background: #EDF5FB;
      position: absolute;
      bottom: -1px;
      left: 0;
      right: 0; }

@media (min-width: 768px) {
  .bl_media {
    display: flex;
    align-items: center;
    justify-content: space-between; } }

@media (max-width: 767px) {
  .bl_media_img {
    margin-bottom: 20px; } }
@media (min-width: 768px) {
  .bl_media_img {
    width: 43.85%; } }
.bl_media_img img {
  display: block; }

@media (min-width: 768px) {
  .bl_media_body {
    width: 52%; } }

.bl_step {
  position: relative; }
  @media (max-width: 767px) {
    .bl_step {
      padding-top: 20px; } }
  @media (min-width: 768px) {
    .bl_step {
      padding-top: 40px; } }
  .bl_step::before {
    display: block;
    content: '';
    margin: auto;
    background: no-repeat url(../img_2022/ic_angels_blue_down.svg) center;
    background-size: contain;
    position: absolute; }
    @media (max-width: 767px) {
      .bl_step::before {
        width: 30px;
        height: 25px;
        bottom: 25px;
        left: 0;
        right: 0; } }
    @media (min-width: 768px) {
      .bl_step::before {
        width: 50px;
        height: 45px;
        bottom: 50px;
        left: 0;
        right: 0; } }
  .bl_step::after {
    display: block;
    content: '';
    width: 100%;
    margin-top: 20px;
    background: no-repeat center top;
    background-size: 100% 100%;
    background-color: #EDF5FB;
    background-image: url(../img_2022/bg_triangle_white_down.svg); }
    @media (max-width: 767px) {
      .bl_step::after {
        padding-bottom: 60px; } }
    @media (min-width: 768px) {
      .bl_step::after {
        padding-bottom: 160px; } }
  .bl_step.bl_step__blue {
    background: #EDF5FB; }
    .bl_step.bl_step__blue::after {
      background-color: #fff;
      background-image: url(../img_2022/bg_triangle_blue_down.svg); }
  @media (max-width: 767px) {
    .bl_step .el_btn {
      display: table;
      margin: 0 auto; } }

@media (max-width: 767px) {
  .bl_cardUnit > :last-child {
    margin-bottom: 0; }
  .bl_cardUnit > * {
    margin-bottom: 20px; } }
@media (min-width: 768px) {
  .bl_cardUnit {
    display: flex;
    flex-wrap: wrap; }
    .bl_cardUnit.bl_cardUnit_col3 > :nth-child(3n) {
      margin-right: 0; }
    .bl_cardUnit.bl_cardUnit_col3 > :nth-child(-n+3) {
      margin-top: 0; }
    .bl_cardUnit.bl_cardUnit_col3 > * {
      width: 32%;
      margin-right: 2%;
      margin-top: 2%; } }

a.bl_card {
  display: block;
  color: #222; }
  a.bl_card:hover {
    color: #FF6010; }

.bl_card_thumb {
  border-radius: 4px;
  overflow: hidden; }
  .bl_card_thumb img {
    display: block;
    width: 100%;
    transition: transform .2s; }
    a.bl_card:hover .bl_card_thumb img {
      transform: scale(1.15); }

.bl_card_body {
  text-align: center; }
  @media (max-width: 767px) {
    .bl_card_body {
      padding: 15px; } }
  @media (min-width: 768px) {
    .bl_card_body {
      padding: 25px 20px;
      font-size: 1.8rem; } }

.bl_voiceUnit > :last-child {
  margin-bottom: 0; }
@media (max-width: 767px) {
  .bl_voiceUnit > * {
    margin-bottom: 20px; } }
@media (min-width: 768px) {
  .bl_voiceUnit > * {
    margin-bottom: 40px; } }

.bl_voice {
  background: #fff;
  border-radius: 10px; }
  @media (min-width: 768px) {
    .bl_voice {
      display: flex; }
      .bl_voice.bl_voice__reverse {
        flex-direction: row-reverse; } }

.bl_voice_header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  @media (max-width: 767px) {
    .bl_voice_header {
      padding-top: 20px; } }
  @media (min-width: 768px) {
    .bl_voice_header {
      flex-shrink: 0;
      flex-grow: 0;
      width: 27%;
      padding-left: 20px;
      padding-right: 50px;
      background: no-repeat;
      background-size: 50px 100%;
      background-image: url(../img_2022/arw_pBlue_right.svg);
      background-position: center right; }
      .bl_voice__reverse .bl_voice_header {
        padding-right: 20px;
        padding-left: 50px;
        background-image: url(../img_2022/arw_pBlue_left.svg);
        background-position: center left; } }

.bl_voice_body {
  position: relative; }
  @media (max-width: 767px) {
    .bl_voice_body {
      padding: 0 15px 15px; } }
  @media (min-width: 768px) {
    .bl_voice_body {
      padding: 40px 60px 60px; } }
  @media (max-width: 767px) {
    .bl_voice_body .el_moreBtn {
      display: table;
      margin: 10px 0 0 auto; } }
  @media (min-width: 768px) {
    .bl_voice_body .el_moreBtn {
      position: absolute;
      bottom: 27px;
      right: 60px; } }
  .bl_voice_body .js_showVoiceClose {
    display: none; }

.bl_voice_thumb {
  display: block; }
  @media (max-width: 767px) {
    .bl_voice_thumb {
      width: 160px;
      margin: 0 auto 6px; } }
  @media (min-width: 768px) {
    .bl_voice_thumb {
      margin: 0 auto 20px; } }

.bl_voice_speaker {
  text-align: center; }
  @media (max-width: 767px) {
    .bl_voice_speaker {
      margin-bottom: 20px; } }
  @media (min-width: 768px) {
    .bl_voice_speaker {
      font-size: 1.8rem; } }

.bl_voice_hl {
  margin-bottom: 20px;
  line-height: 1.6; }
  @media (max-width: 767px) {
    .bl_voice_hl {
      font-size: 1.8rem; } }
  @media (min-width: 768px) {
    .bl_voice_hl {
      font-size: 2.4rem; } }

.bl_voice_txt {
  position: relative; }
  @media (min-width: 768px) {
    .bl_voice_txt > :last-child {
      margin-bottom: 0; }
    .bl_voice_txt > * {
      margin-bottom: 1em; } }
  .bl_voice_txt.bl_voice_txt__full::after {
    display: block;
    content: '';
    margin: auto;
    background: #fff;
    position: absolute;
    top: 5.5em;
    bottom: 0;
    left: 0;
    right: 0;
    transform-origin: bottom center;
    animation-name: bl_voice_txt_open;
    animation-duration: .5s;
    animation-fill-mode: forwards; }
  .bl_voice_txt.bl_voice_txt__short {
    overflow: hidden;
    height: 5.5em; }

@keyframes bl_voice_txt_open {
  0% {
    transform: scaleY(1); }
  100% {
    transform: scaleY(0); } }
.bl_qaUnit > :last-child {
  margin-bottom: 0; }
.bl_qaUnit > * {
  margin-bottom: 20px; }

.bl_qa {
  border: 2px solid #F88C56;
  border-radius: 10px;
  overflow: hidden; }
  @media (min-width: 768px) {
    .bl_qa {
      font-size: 1.8rem; } }

.bl_qa_que,
.bl_qa_ans {
  position: relative; }
  @media (max-width: 767px) {
    .bl_qa_que,
    .bl_qa_ans {
      padding: 10px 40px; } }
  @media (min-width: 768px) {
    .bl_qa_que,
    .bl_qa_ans {
      padding: 25px 70px; } }
  .bl_qa_que::before,
  .bl_qa_ans::before {
    display: inline-block;
    position: absolute; }
    @media (max-width: 767px) {
      .bl_qa_que::before,
      .bl_qa_ans::before {
        top: 10px;
        left: 5px; } }
    @media (min-width: 768px) {
      .bl_qa_que::before,
      .bl_qa_ans::before {
        top: 25px;
        left: 30px; } }

.bl_qa_que {
  background: #F88C56;
  color: #fff;
  cursor: pointer; }
  .bl_qa_que:hover {
    background: #e97a42; }
  @media (max-width: 767px) {
    .bl_qa_que {
      padding-right: 30px; } }
  @media (min-width: 768px) {
    .bl_qa_que {
      padding-right: 90px; } }
  .bl_qa_que::before {
    content: 'Q /'; }
  .bl_qa_que::after {
    display: flex;
    align-items: center;
    content: '+';
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0; }
    [open] .bl_qa_que::after {
      content: '−'; }
    @media (max-width: 767px) {
      .bl_qa_que::after {
        right: 5px;
        font-size: 2.0rem; } }
    @media (min-width: 768px) {
      .bl_qa_que::after {
        right: 27px;
        font-size: 2.8rem; } }

.bl_qa_ans {
  background: #fff; }
  @media (max-width: 767px) {
    .bl_qa_ans {
      padding-right: 10px; } }
  @media (min-width: 768px) {
    .bl_qa_ans {
      padding-right: 50px; } }
  .bl_qa_ans::before {
    content: 'A /'; }

.pagetop {
  display: none;
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 1; }
  @media (max-width: 767px) {
    .pagetop {
      right: 12px;
      bottom: 12px; } }
  @media (min-width: 768px) {
    .pagetop img {
      transition: transform .2s; } }
  @media (min-width: 768px) {
    .pagetop:hover img {
      transform: scale(1.15); } }

.nav_btn {
  display: block;
  width: 38px;
  height: 38px;
  border-radius: 5px;
  background: #FF6010;
  position: absolute;
  top: 11px;
  right: 12px;
  z-index: 1200; }

.hamburger_line {
  display: block;
  background: #FFF;
  transition: all .4s; }

.hamburger_line1 {
  width: 24px;
  height: 2px;
  position: absolute;
  top: 10px;
  left: 7px; }

.hamburger_line2 {
  width: 24px;
  height: 2px;
  position: absolute;
  top: 18px;
  left: 7px; }

.hamburger_line3 {
  width: 14px;
  height: 2px;
  position: absolute;
  top: 26px;
  left: 7px; }

.nav_open .hamburger_line1 {
  transform: rotate(45deg);
  top: 18px; }

.nav_open .hamburger_line2 {
  width: 0;
  left: 50%; }

.nav_open .hamburger_line3 {
  width: 24px;
  transform: rotate(-45deg);
  top: 18px; }

.nav_bg {
  display: none;
  width: 100vw;
  height: calc(100vh - 60px);
  background: #FFF;
  position: fixed;
  top: 60px;
  left: 0;
  z-index: 1100; }

.nav_open .nav_bg {
  display: block;
  animation: appear .5s ease; }

.nav_open .menu {
  display: block !important;
  border-bottom: 1px solid #C0D4EA;
  background: #F5FAFF;
  position: relative;
  z-index: 1101;
  animation: appear .5s ease; }

@keyframes appear {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.el_divider {
  display: block;
  height: 1px;
  background: #C0D4EA;
  border: none; }

.el_btn {
  display: inline-block;
  padding: 1em;
  background: #ccc;
  border-radius: .5em;
  color: #fff;
  line-height: 1.4;
  transition: transform .2s; }
  .el_btn:hover {
    transform: scale(1.05); }
  @media (min-width: 768px) {
    .el_btn {
      font-size: 2rem; } }
  .el_btn.el_btn__black {
    background-color: #222;
    box-shadow: 0 2px 10px rgba(34, 34, 34, 0.3); }
    .el_btn.el_btn__black.el_btn__arwR::after {
      background-image: url(../img_2022/arw_black_right.svg); }
  .el_btn.el_btn__white {
    background-color: #fff;
    box-shadow: 0 2px 10px rgba(255, 255, 255, 0.3); }
    .el_btn.el_btn__white.el_btn__arwR::after {
      background-image: url(../img_2022/arw_white_right.svg); }
  .el_btn.el_btn__blue {
    background-color: #0071BC;
    box-shadow: 0 2px 10px rgba(0, 113, 188, 0.3); }
    .el_btn.el_btn__blue.el_btn__arwR::after {
      background-image: url(../img_2022/arw_blue_right.svg); }
  .el_btn.el_btn__pBlue {
    background-color: #EDF5FB;
    box-shadow: 0 2px 10px rgba(237, 245, 251, 0.3); }
    .el_btn.el_btn__pBlue.el_btn__arwR::after {
      background-image: url(../img_2022/arw_pBlue_right.svg); }
  .el_btn.el_btn__orange {
    background-color: #FF6010;
    box-shadow: 0 2px 10px rgba(255, 96, 16, 0.3); }
    .el_btn.el_btn__orange.el_btn__arwR::after {
      background-image: url(../img_2022/arw_orange_right.svg); }
  .el_btn.el_btn__pOrange {
    background-color: #FFF7EB;
    box-shadow: 0 2px 10px rgba(255, 247, 235, 0.3); }
    .el_btn.el_btn__pOrange.el_btn__arwR::after {
      background-image: url(../img_2022/arw_pOrange_right.svg); }
  .el_btn.el_btn__arwR {
    position: relative;
    padding-right: 4.35em; }
    .el_btn.el_btn__arwR::before {
      display: block;
      content: '';
      margin: auto;
      border-left: 2px dashed #fff;
      position: absolute;
      top: .8em;
      bottom: .8em;
      right: 3.5em; }
    .el_btn.el_btn__arwR::after {
      display: block;
      content: '';
      width: 1.4em;
      height: 1.4em;
      margin: auto;
      background-color: #fff;
      background-repeat: no-repeat;
      background-position: 55% center;
      background-size: .55em auto;
      border-radius: 50%;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 1em; }

.el_moreBtn:hover {
  text-decoration: underline; }
.el_moreBtn::after {
  display: inline-block;
  content: '';
  width: .8em;
  height: .63em;
  margin-left: 5px;
  background: no-repeat url(../img_2022/arw_orange_bottom.svg) center;
  background-size: contain; }

.el_moreBtn.js_showVoiceClose::after {
  transform: rotate(-180deg); }

@media (max-width: 767px) {
  .hp_showPC {
    display: none !important; } }
@media (min-width: 768px) {
  .hp_showSP {
    display: none !important; } }
.hp_dib {
  display: inline-block !important; }

.hp_bg_sideColumn {
  background-color: #F5FAFF; }

.hp_bg_pBlue {
  background-color: #EDF5FB !important; }

.hp_fwb {
  font-weight: bold !important; }

.hp_fwn {
  font-weight: normal !important; }

.hp_txt_black {
  color: #222 !important; }

.hp_txt_white {
  color: #fff !important; }

.hp_txt_blue {
  color: #0071BC !important; }

.hp_txt_pBlue {
  color: #EDF5FB !important; }

.hp_txt_orange {
  color: #FF6010 !important; }

.hp_txt_pOrange {
  color: #FFF7EB !important; }

@media (max-width: 767px) {
  .hp_mt {
    margin-top: 30px !important; } }
@media (min-width: 768px) {
  .hp_mt {
    margin-top: 80px !important; } }

@media (max-width: 767px) {
  .hp_mb {
    margin-bottom: 30px !important; } }
@media (min-width: 768px) {
  .hp_mb {
    margin-bottom: 80px !important; } }

@media (max-width: 767px) {
  .hp_my {
    margin-top: 30px !important;
    margin-bottom: 30px !important; } }
@media (min-width: 768px) {
  .hp_my {
    margin-top: 80px !important;
    margin-bottom: 80px !important; } }

@media (max-width: 767px) {
  .hp_pt {
    padding-top: 30px !important; } }
@media (min-width: 768px) {
  .hp_pt {
    padding-top: 80px !important; } }

@media (max-width: 767px) {
  .hp_pb {
    padding-bottom: 30px !important; } }
@media (min-width: 768px) {
  .hp_pb {
    padding-bottom: 80px !important; } }

@media (max-width: 767px) {
  .hp_py {
    padding-top: 30px !important;
    padding-bottom: 30px !important; } }
@media (min-width: 768px) {
  .hp_py {
    padding-top: 80px !important;
    padding-bottom: 80px !important; } }

.hp_mt0 {
  margin-top: 0px !important; }

.hp_mb0 {
  margin-bottom: 0px !important; }

.hp_my0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important; }

.hp_ml0 {
  margin-left: 0px !important; }

.hp_mr0 {
  margin-right: 0px !important; }

.hp_mx0 {
  margin-left: 0px !important;
  margin-right: 0px !important; }

.hp_m0 {
  margin: 0px !important; }

.hp_pt0 {
  padding-top: 0px !important; }

.hp_pb0 {
  padding-bottom: 0px !important; }

.hp_py0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important; }

.hp_pl0 {
  padding-left: 0px !important; }

.hp_pr0 {
  padding-right: 0px !important; }

.hp_px0 {
  padding-left: 0px !important;
  padding-right: 0px !important; }

.hp_p0 {
  padding: 0px !important; }

.hp_mt5 {
  margin-top: 5px !important; }

.hp_mb5 {
  margin-bottom: 5px !important; }

.hp_my5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important; }

.hp_ml5 {
  margin-left: 5px !important; }

.hp_mr5 {
  margin-right: 5px !important; }

.hp_mx5 {
  margin-left: 5px !important;
  margin-right: 5px !important; }

.hp_m5 {
  margin: 5px !important; }

.hp_pt5 {
  padding-top: 5px !important; }

.hp_pb5 {
  padding-bottom: 5px !important; }

.hp_py5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important; }

.hp_pl5 {
  padding-left: 5px !important; }

.hp_pr5 {
  padding-right: 5px !important; }

.hp_px5 {
  padding-left: 5px !important;
  padding-right: 5px !important; }

.hp_p5 {
  padding: 5px !important; }

.hp_mt10 {
  margin-top: 10px !important; }

.hp_mb10 {
  margin-bottom: 10px !important; }

.hp_my10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important; }

.hp_ml10 {
  margin-left: 10px !important; }

.hp_mr10 {
  margin-right: 10px !important; }

.hp_mx10 {
  margin-left: 10px !important;
  margin-right: 10px !important; }

.hp_m10 {
  margin: 10px !important; }

.hp_pt10 {
  padding-top: 10px !important; }

.hp_pb10 {
  padding-bottom: 10px !important; }

.hp_py10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important; }

.hp_pl10 {
  padding-left: 10px !important; }

.hp_pr10 {
  padding-right: 10px !important; }

.hp_px10 {
  padding-left: 10px !important;
  padding-right: 10px !important; }

.hp_p10 {
  padding: 10px !important; }

.hp_mt15 {
  margin-top: 15px !important; }

.hp_mb15 {
  margin-bottom: 15px !important; }

.hp_my15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important; }

.hp_ml15 {
  margin-left: 15px !important; }

.hp_mr15 {
  margin-right: 15px !important; }

.hp_mx15 {
  margin-left: 15px !important;
  margin-right: 15px !important; }

.hp_m15 {
  margin: 15px !important; }

.hp_pt15 {
  padding-top: 15px !important; }

.hp_pb15 {
  padding-bottom: 15px !important; }

.hp_py15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important; }

.hp_pl15 {
  padding-left: 15px !important; }

.hp_pr15 {
  padding-right: 15px !important; }

.hp_px15 {
  padding-left: 15px !important;
  padding-right: 15px !important; }

.hp_p15 {
  padding: 15px !important; }

.hp_mt20 {
  margin-top: 20px !important; }

.hp_mb20 {
  margin-bottom: 20px !important; }

.hp_my20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important; }

.hp_ml20 {
  margin-left: 20px !important; }

.hp_mr20 {
  margin-right: 20px !important; }

.hp_mx20 {
  margin-left: 20px !important;
  margin-right: 20px !important; }

.hp_m20 {
  margin: 20px !important; }

.hp_pt20 {
  padding-top: 20px !important; }

.hp_pb20 {
  padding-bottom: 20px !important; }

.hp_py20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important; }

.hp_pl20 {
  padding-left: 20px !important; }

.hp_pr20 {
  padding-right: 20px !important; }

.hp_px20 {
  padding-left: 20px !important;
  padding-right: 20px !important; }

.hp_p20 {
  padding: 20px !important; }

.hp_mt25 {
  margin-top: 25px !important; }

.hp_mb25 {
  margin-bottom: 25px !important; }

.hp_my25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important; }

.hp_ml25 {
  margin-left: 25px !important; }

.hp_mr25 {
  margin-right: 25px !important; }

.hp_mx25 {
  margin-left: 25px !important;
  margin-right: 25px !important; }

.hp_m25 {
  margin: 25px !important; }

.hp_pt25 {
  padding-top: 25px !important; }

.hp_pb25 {
  padding-bottom: 25px !important; }

.hp_py25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important; }

.hp_pl25 {
  padding-left: 25px !important; }

.hp_pr25 {
  padding-right: 25px !important; }

.hp_px25 {
  padding-left: 25px !important;
  padding-right: 25px !important; }

.hp_p25 {
  padding: 25px !important; }

.hp_mt30 {
  margin-top: 30px !important; }

.hp_mb30 {
  margin-bottom: 30px !important; }

.hp_my30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important; }

.hp_ml30 {
  margin-left: 30px !important; }

.hp_mr30 {
  margin-right: 30px !important; }

.hp_mx30 {
  margin-left: 30px !important;
  margin-right: 30px !important; }

.hp_m30 {
  margin: 30px !important; }

.hp_pt30 {
  padding-top: 30px !important; }

.hp_pb30 {
  padding-bottom: 30px !important; }

.hp_py30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important; }

.hp_pl30 {
  padding-left: 30px !important; }

.hp_pr30 {
  padding-right: 30px !important; }

.hp_px30 {
  padding-left: 30px !important;
  padding-right: 30px !important; }

.hp_p30 {
  padding: 30px !important; }

.hp_mt35 {
  margin-top: 35px !important; }

.hp_mb35 {
  margin-bottom: 35px !important; }

.hp_my35 {
  margin-top: 35px !important;
  margin-bottom: 35px !important; }

.hp_ml35 {
  margin-left: 35px !important; }

.hp_mr35 {
  margin-right: 35px !important; }

.hp_mx35 {
  margin-left: 35px !important;
  margin-right: 35px !important; }

.hp_m35 {
  margin: 35px !important; }

.hp_pt35 {
  padding-top: 35px !important; }

.hp_pb35 {
  padding-bottom: 35px !important; }

.hp_py35 {
  padding-top: 35px !important;
  padding-bottom: 35px !important; }

.hp_pl35 {
  padding-left: 35px !important; }

.hp_pr35 {
  padding-right: 35px !important; }

.hp_px35 {
  padding-left: 35px !important;
  padding-right: 35px !important; }

.hp_p35 {
  padding: 35px !important; }

.hp_mt40 {
  margin-top: 40px !important; }

.hp_mb40 {
  margin-bottom: 40px !important; }

.hp_my40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important; }

.hp_ml40 {
  margin-left: 40px !important; }

.hp_mr40 {
  margin-right: 40px !important; }

.hp_mx40 {
  margin-left: 40px !important;
  margin-right: 40px !important; }

.hp_m40 {
  margin: 40px !important; }

.hp_pt40 {
  padding-top: 40px !important; }

.hp_pb40 {
  padding-bottom: 40px !important; }

.hp_py40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important; }

.hp_pl40 {
  padding-left: 40px !important; }

.hp_pr40 {
  padding-right: 40px !important; }

.hp_px40 {
  padding-left: 40px !important;
  padding-right: 40px !important; }

.hp_p40 {
  padding: 40px !important; }

.hp_mt45 {
  margin-top: 45px !important; }

.hp_mb45 {
  margin-bottom: 45px !important; }

.hp_my45 {
  margin-top: 45px !important;
  margin-bottom: 45px !important; }

.hp_ml45 {
  margin-left: 45px !important; }

.hp_mr45 {
  margin-right: 45px !important; }

.hp_mx45 {
  margin-left: 45px !important;
  margin-right: 45px !important; }

.hp_m45 {
  margin: 45px !important; }

.hp_pt45 {
  padding-top: 45px !important; }

.hp_pb45 {
  padding-bottom: 45px !important; }

.hp_py45 {
  padding-top: 45px !important;
  padding-bottom: 45px !important; }

.hp_pl45 {
  padding-left: 45px !important; }

.hp_pr45 {
  padding-right: 45px !important; }

.hp_px45 {
  padding-left: 45px !important;
  padding-right: 45px !important; }

.hp_p45 {
  padding: 45px !important; }

.hp_mt50 {
  margin-top: 50px !important; }

.hp_mb50 {
  margin-bottom: 50px !important; }

.hp_my50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important; }

.hp_ml50 {
  margin-left: 50px !important; }

.hp_mr50 {
  margin-right: 50px !important; }

.hp_mx50 {
  margin-left: 50px !important;
  margin-right: 50px !important; }

.hp_m50 {
  margin: 50px !important; }

.hp_pt50 {
  padding-top: 50px !important; }

.hp_pb50 {
  padding-bottom: 50px !important; }

.hp_py50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important; }

.hp_pl50 {
  padding-left: 50px !important; }

.hp_pr50 {
  padding-right: 50px !important; }

.hp_px50 {
  padding-left: 50px !important;
  padding-right: 50px !important; }

.hp_p50 {
  padding: 50px !important; }

@media (min-width: 768px) {
  .hp_mt0_pc {
    margin-top: 0px !important; }

  .hp_mb0_pc {
    margin-bottom: 0px !important; }

  .hp_my0_pc {
    margin-top: 0px !important;
    margin-bottom: 0px !important; }

  .hp_ml0_pc {
    margin-left: 0px !important; }

  .hp_mr0_pc {
    margin-right: 0px !important; }

  .hp_mx0_pc {
    margin-left: 0px !important;
    margin-right: 0px !important; }

  .hp_m0_pc {
    margin: 0px !important; }

  .hp_mt5_pc {
    margin-top: 5px !important; }

  .hp_mb5_pc {
    margin-bottom: 5px !important; }

  .hp_my5_pc {
    margin-top: 5px !important;
    margin-bottom: 5px !important; }

  .hp_ml5_pc {
    margin-left: 5px !important; }

  .hp_mr5_pc {
    margin-right: 5px !important; }

  .hp_mx5_pc {
    margin-left: 5px !important;
    margin-right: 5px !important; }

  .hp_m5_pc {
    margin: 5px !important; }

  .hp_mt10_pc {
    margin-top: 10px !important; }

  .hp_mb10_pc {
    margin-bottom: 10px !important; }

  .hp_my10_pc {
    margin-top: 10px !important;
    margin-bottom: 10px !important; }

  .hp_ml10_pc {
    margin-left: 10px !important; }

  .hp_mr10_pc {
    margin-right: 10px !important; }

  .hp_mx10_pc {
    margin-left: 10px !important;
    margin-right: 10px !important; }

  .hp_m10_pc {
    margin: 10px !important; }

  .hp_mt15_pc {
    margin-top: 15px !important; }

  .hp_mb15_pc {
    margin-bottom: 15px !important; }

  .hp_my15_pc {
    margin-top: 15px !important;
    margin-bottom: 15px !important; }

  .hp_ml15_pc {
    margin-left: 15px !important; }

  .hp_mr15_pc {
    margin-right: 15px !important; }

  .hp_mx15_pc {
    margin-left: 15px !important;
    margin-right: 15px !important; }

  .hp_m15_pc {
    margin: 15px !important; }

  .hp_mt20_pc {
    margin-top: 20px !important; }

  .hp_mb20_pc {
    margin-bottom: 20px !important; }

  .hp_my20_pc {
    margin-top: 20px !important;
    margin-bottom: 20px !important; }

  .hp_ml20_pc {
    margin-left: 20px !important; }

  .hp_mr20_pc {
    margin-right: 20px !important; }

  .hp_mx20_pc {
    margin-left: 20px !important;
    margin-right: 20px !important; }

  .hp_m20_pc {
    margin: 20px !important; }

  .hp_mt25_pc {
    margin-top: 25px !important; }

  .hp_mb25_pc {
    margin-bottom: 25px !important; }

  .hp_my25_pc {
    margin-top: 25px !important;
    margin-bottom: 25px !important; }

  .hp_ml25_pc {
    margin-left: 25px !important; }

  .hp_mr25_pc {
    margin-right: 25px !important; }

  .hp_mx25_pc {
    margin-left: 25px !important;
    margin-right: 25px !important; }

  .hp_m25_pc {
    margin: 25px !important; }

  .hp_mt30_pc {
    margin-top: 30px !important; }

  .hp_mb30_pc {
    margin-bottom: 30px !important; }

  .hp_my30_pc {
    margin-top: 30px !important;
    margin-bottom: 30px !important; }

  .hp_ml30_pc {
    margin-left: 30px !important; }

  .hp_mr30_pc {
    margin-right: 30px !important; }

  .hp_mx30_pc {
    margin-left: 30px !important;
    margin-right: 30px !important; }

  .hp_m30_pc {
    margin: 30px !important; }

  .hp_mt35_pc {
    margin-top: 35px !important; }

  .hp_mb35_pc {
    margin-bottom: 35px !important; }

  .hp_my35_pc {
    margin-top: 35px !important;
    margin-bottom: 35px !important; }

  .hp_ml35_pc {
    margin-left: 35px !important; }

  .hp_mr35_pc {
    margin-right: 35px !important; }

  .hp_mx35_pc {
    margin-left: 35px !important;
    margin-right: 35px !important; }

  .hp_m35_pc {
    margin: 35px !important; }

  .hp_mt40_pc {
    margin-top: 40px !important; }

  .hp_mb40_pc {
    margin-bottom: 40px !important; }

  .hp_my40_pc {
    margin-top: 40px !important;
    margin-bottom: 40px !important; }

  .hp_ml40_pc {
    margin-left: 40px !important; }

  .hp_mr40_pc {
    margin-right: 40px !important; }

  .hp_mx40_pc {
    margin-left: 40px !important;
    margin-right: 40px !important; }

  .hp_m40_pc {
    margin: 40px !important; }

  .hp_mt45_pc {
    margin-top: 45px !important; }

  .hp_mb45_pc {
    margin-bottom: 45px !important; }

  .hp_my45_pc {
    margin-top: 45px !important;
    margin-bottom: 45px !important; }

  .hp_ml45_pc {
    margin-left: 45px !important; }

  .hp_mr45_pc {
    margin-right: 45px !important; }

  .hp_mx45_pc {
    margin-left: 45px !important;
    margin-right: 45px !important; }

  .hp_m45_pc {
    margin: 45px !important; }

  .hp_mt50_pc {
    margin-top: 50px !important; }

  .hp_mb50_pc {
    margin-bottom: 50px !important; }

  .hp_my50_pc {
    margin-top: 50px !important;
    margin-bottom: 50px !important; }

  .hp_ml50_pc {
    margin-left: 50px !important; }

  .hp_mr50_pc {
    margin-right: 50px !important; }

  .hp_mx50_pc {
    margin-left: 50px !important;
    margin-right: 50px !important; }

  .hp_m50_pc {
    margin: 50px !important; } }
@media (max-width: 767px) {
  .hp_mt0_sp {
    margin-top: 0px !important; }

  .hp_mb0_sp {
    margin-bottom: 0px !important; }

  .hp_my0_sp {
    margin-top: 0px !important;
    margin-bottom: 0px !important; }

  .hp_ml0_sp {
    margin-left: 0px !important; }

  .hp_mr0_sp {
    margin-right: 0px !important; }

  .hp_mx0_sp {
    margin-left: 0px !important;
    margin-right: 0px !important; }

  .hp_m0_sp {
    margin: 0px !important; }

  .hp_mt5_sp {
    margin-top: 5px !important; }

  .hp_mb5_sp {
    margin-bottom: 5px !important; }

  .hp_my5_sp {
    margin-top: 5px !important;
    margin-bottom: 5px !important; }

  .hp_ml5_sp {
    margin-left: 5px !important; }

  .hp_mr5_sp {
    margin-right: 5px !important; }

  .hp_mx5_sp {
    margin-left: 5px !important;
    margin-right: 5px !important; }

  .hp_m5_sp {
    margin: 5px !important; }

  .hp_mt10_sp {
    margin-top: 10px !important; }

  .hp_mb10_sp {
    margin-bottom: 10px !important; }

  .hp_my10_sp {
    margin-top: 10px !important;
    margin-bottom: 10px !important; }

  .hp_ml10_sp {
    margin-left: 10px !important; }

  .hp_mr10_sp {
    margin-right: 10px !important; }

  .hp_mx10_sp {
    margin-left: 10px !important;
    margin-right: 10px !important; }

  .hp_m10_sp {
    margin: 10px !important; }

  .hp_mt15_sp {
    margin-top: 15px !important; }

  .hp_mb15_sp {
    margin-bottom: 15px !important; }

  .hp_my15_sp {
    margin-top: 15px !important;
    margin-bottom: 15px !important; }

  .hp_ml15_sp {
    margin-left: 15px !important; }

  .hp_mr15_sp {
    margin-right: 15px !important; }

  .hp_mx15_sp {
    margin-left: 15px !important;
    margin-right: 15px !important; }

  .hp_m15_sp {
    margin: 15px !important; }

  .hp_mt20_sp {
    margin-top: 20px !important; }

  .hp_mb20_sp {
    margin-bottom: 20px !important; }

  .hp_my20_sp {
    margin-top: 20px !important;
    margin-bottom: 20px !important; }

  .hp_ml20_sp {
    margin-left: 20px !important; }

  .hp_mr20_sp {
    margin-right: 20px !important; }

  .hp_mx20_sp {
    margin-left: 20px !important;
    margin-right: 20px !important; }

  .hp_m20_sp {
    margin: 20px !important; }

  .hp_mt25_sp {
    margin-top: 25px !important; }

  .hp_mb25_sp {
    margin-bottom: 25px !important; }

  .hp_my25_sp {
    margin-top: 25px !important;
    margin-bottom: 25px !important; }

  .hp_ml25_sp {
    margin-left: 25px !important; }

  .hp_mr25_sp {
    margin-right: 25px !important; }

  .hp_mx25_sp {
    margin-left: 25px !important;
    margin-right: 25px !important; }

  .hp_m25_sp {
    margin: 25px !important; }

  .hp_mt30_sp {
    margin-top: 30px !important; }

  .hp_mb30_sp {
    margin-bottom: 30px !important; }

  .hp_my30_sp {
    margin-top: 30px !important;
    margin-bottom: 30px !important; }

  .hp_ml30_sp {
    margin-left: 30px !important; }

  .hp_mr30_sp {
    margin-right: 30px !important; }

  .hp_mx30_sp {
    margin-left: 30px !important;
    margin-right: 30px !important; }

  .hp_m30_sp {
    margin: 30px !important; }

  .hp_mt35_sp {
    margin-top: 35px !important; }

  .hp_mb35_sp {
    margin-bottom: 35px !important; }

  .hp_my35_sp {
    margin-top: 35px !important;
    margin-bottom: 35px !important; }

  .hp_ml35_sp {
    margin-left: 35px !important; }

  .hp_mr35_sp {
    margin-right: 35px !important; }

  .hp_mx35_sp {
    margin-left: 35px !important;
    margin-right: 35px !important; }

  .hp_m35_sp {
    margin: 35px !important; }

  .hp_mt40_sp {
    margin-top: 40px !important; }

  .hp_mb40_sp {
    margin-bottom: 40px !important; }

  .hp_my40_sp {
    margin-top: 40px !important;
    margin-bottom: 40px !important; }

  .hp_ml40_sp {
    margin-left: 40px !important; }

  .hp_mr40_sp {
    margin-right: 40px !important; }

  .hp_mx40_sp {
    margin-left: 40px !important;
    margin-right: 40px !important; }

  .hp_m40_sp {
    margin: 40px !important; }

  .hp_mt45_sp {
    margin-top: 45px !important; }

  .hp_mb45_sp {
    margin-bottom: 45px !important; }

  .hp_my45_sp {
    margin-top: 45px !important;
    margin-bottom: 45px !important; }

  .hp_ml45_sp {
    margin-left: 45px !important; }

  .hp_mr45_sp {
    margin-right: 45px !important; }

  .hp_mx45_sp {
    margin-left: 45px !important;
    margin-right: 45px !important; }

  .hp_m45_sp {
    margin: 45px !important; }

  .hp_mt50_sp {
    margin-top: 50px !important; }

  .hp_mb50_sp {
    margin-bottom: 50px !important; }

  .hp_my50_sp {
    margin-top: 50px !important;
    margin-bottom: 50px !important; }

  .hp_ml50_sp {
    margin-left: 50px !important; }

  .hp_mr50_sp {
    margin-right: 50px !important; }

  .hp_mx50_sp {
    margin-left: 50px !important;
    margin-right: 50px !important; }

  .hp_m50_sp {
    margin: 50px !important; } }
.un_mvTop {
  background: no-repeat center; }
  @media (max-width: 767px) {
    .un_mvTop {
      height: 370px;
      margin-bottom: 20px;
      background-image: url(../img_2022/mv_top_sp.png), linear-gradient(-90deg, #cce0f4 0%, #c3dcf2 4.52%, #a9d2ee 12.03%, #80c2e7 21.61%, #47acde 32.77%, #1e9cd7 40%, #0075be 80%, #005b97 99.44%);
      background-size: auto 340px, auto;
      background-position: center bottom; } }
  @media (min-width: 768px) {
    .un_mvTop {
      margin-bottom: 50px;
      padding-top: clamp(0px, 47.82%, 660px);
      background-image: url(../img_2022/mv_top_pc.png), linear-gradient(-90deg, #cce0f4 0%, #c3dcf2 6.77%, #a9d2ee 18.04%, #80c2e7 32.42%, #47acde 49.16%, #1e9cd7 60%, #0075be 86.52%, #005b97 99.44%);
      background-size: auto 100%;
      position: relative; } }

@media (max-width: 767px) {
  .un_mvTop_hl {
    max-width: 400px;
    margin: auto;
    padding: 15px; } }
@media (min-width: 768px) {
  .un_mvTop_hl {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: clamp(0px, 4%, 54px);
    padding-left: clamp(0px, 4%, 54px); } }

.un_mvTop_catch {
  display: block;
  color: #fff;
  line-height: 1.4;
  font-weight: normal; }
  @media (max-width: 767px) {
    .un_mvTop_catch {
      margin-bottom: 4px;
      font-size: 1.6rem;
      text-align: center; } }
  @media (min-width: 768px) {
    .un_mvTop_catch {
      margin-bottom: 12px;
      font-size: 2.2rem; } }

@media (max-width: 767px) {
  .un_mvTop_logo {
    /*width: 230px;*/ } }

.un_userLogos {
  background: repeat-x url(../img_2022/illust_logos.png) left center;
  animation-duration: 28s;
  animation-iteration-count: infinite;
  animation-timing-function: linear; }
  @media (max-width: 767px) {
    .un_userLogos {
      height: 42px;
      margin-bottom: 24px;
      background-size: 1416px auto;
      animation-name: userLogos_sp; } }
  @media (min-width: 768px) {
    .un_userLogos {
      height: 62px;
      margin-bottom: 60px;
      background-size: 2090px auto;
      animation-name: userLogos_pc; } }

@media (max-width: 767px) {
  .un_userLogos_sp {
    background: repeat-x url(../img_2022/illust_logos_sp.png) left center;
    animation-duration: 28s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    height: 42px;
    margin-bottom: 36px;
    background-size: 1416px auto;
    animation-name: userLogos_sp; } }

@keyframes userLogos_sp {
  0% {
    background-position-x: 0; }
  100% {
    background-position-x: -1416px; } }
@keyframes userLogos_pc {
  0% {
    background-position-x: 0; }
  100% {
    background-position-x: -2090px; } }
@media (max-width: 767px) {
  .un_hybridShodanHl {
    background: linear-gradient(transparent 90%, #fff 90%), linear-gradient(90deg, #fff 0%, #edf5fb 100%); } }
@media (min-width: 768px) {
  .un_hybridShodanHl {
    background: linear-gradient(#fff 8.1%, transparent 8.1%, transparent 83.3333%, #fff 83.3333%), linear-gradient(90deg, #fff 0%, #edf5fb 100%); } }
.un_hybridShodanHl img {
  display: block;
  margin: auto; }

.un_hybridShodanConcept_wrapper {
  background: #FFF7EB; }
  @media (max-width: 767px) {
    .un_hybridShodanConcept_wrapper {
      margin-bottom: 20px; } }
  @media (min-width: 768px) {
    .un_hybridShodanConcept_wrapper {
      margin-bottom: 35px;
      background-image: linear-gradient(#fff, #fff 5.8%, #FFF7EB 5.8%, #FFF7EB 93.65%, #fff 93.65%, #fff); } }

.un_hybridShodanConcept {
  background: no-repeat; }
  @media (max-width: 767px) {
    .un_hybridShodanConcept {
      padding-top: 30px;
      padding-bottom: 330px;
      background-image: url(../img_2022/bg_hybridshodan_sp.png);
      background-position: center bottom;
      background-size: 300px auto; } }
  @media (min-width: 768px) {
    .un_hybridShodanConcept {
      padding-top: clamp(0px, 8.69%, 120px);
      padding-bottom: clamp(0px, 8.98%, 124px);
      padding-left: clamp(0px, 47.82%, 640px);
      background-image: url(../img_2022/bg_hybridshodan_pc.png);
      background-position: -3% center;
      background-size: 42% auto; } }
  .un_hybridShodanConcept .bl_checkCircleList {
    display: table;
    background: #fff;
    border-radius: 12px; }
    @media (max-width: 767px) {
      .un_hybridShodanConcept .bl_checkCircleList {
        padding: 15px 10px; } }
    @media (min-width: 768px) {
      .un_hybridShodanConcept .bl_checkCircleList {
        padding: 25px; } }

@media (max-width: 767px) {
  .un_hybridShodanConcept_txt {
    margin-bottom: 20px; } }
@media (min-width: 768px) {
  .un_hybridShodanConcept_txt {
    margin-bottom: 40px;
    background: rgba(255, 247, 235, 0.7);
    font-size: 1.8rem; } }

.un_topShodanTabNav_subTtl,
.un_topShodanTabNav_mainTtl {
  display: block;
  text-align: center; }

.un_topShodanTabNav_subTtl {
  font-weight: normal; }
  @media (max-width: 767px) {
    .un_topShodanTabNav_subTtl {
      font-size: 1.4rem; } }
  @media (min-width: 768px) {
    .un_topShodanTabNav_subTtl {
      font-size: 1.8rem; } }

@media (max-width: 767px) {
  .un_topShodanTabNav_mainTtl {
    margin-top: 5px;
    font-size: 1.8rem; } }
@media (min-width: 768px) {
  .un_topShodanTabNav_mainTtl {
    font-size: 3.2rem; } }

@media (max-width: 767px) {
  .un_topVsr_wrapper {
    margin: 30px auto;
    padding-top: 30px;
    padding-bottom: 290px;
    background: no-repeat #FFF7EB url(../img_2022/bg_vsr_sp.png) center bottom;
    background-size: 325px auto; } }
@media (min-width: 768px) {
  .un_topVsr_wrapper {
    margin-top: 60px;
    padding-top: clamp(0px, 11.6%, 130px);
    padding-bottom: clamp(0px, 14.28%, 166px);
    background: no-repeat center;
    background-image: url(../img_2022/bg_vsr_pc.png), linear-gradient(#fff, #fff 6.6%, #FFF7EB 6.6%, #FFF7EB 87.45%, #fff 87.45%, #fff);
    background-size: contain; } }

.un_topVsr .bl_headline3 {
  display: table; }
  @media (max-width: 767px) {
    .un_topVsr .bl_headline3 {
      margin-left: auto;
      margin-right: auto; } }
  @media (min-width: 768px) {
    .un_topVsr .bl_headline3 {
      background: rgba(255, 247, 235, 0.7);
      transform: translateX(-0.5em); } }
@media (max-width: 767px) {
  .un_topVsr .bl_headline4 {
    justify-content: center; } }
@media (max-width: 767px) {
  .un_topVsr .el_btn {
    display: table;
    margin-left: auto;
    margin-right: auto; } }
.un_topVsr .bl_headline_logo {
  display: inline-block;
  margin: 8px 0 35px; }
  @media (max-width: 767px) {
    .un_topVsr .bl_headline_logo {
      margin: 4px 0 20px; } }
  @media (max-width: 767px) {
    .un_topVsr .bl_headline_logo > img {
      width: auto;
      height: 54px; } }

@media (max-width: 767px) {
  .un_topVsr_txt {
    margin-bottom: 20px; } }
@media (min-width: 768px) {
  .un_topVsr_txt {
    display: table;
    margin-bottom: 40px;
    background: rgba(255, 247, 235, 0.5);
    font-size: 1.8rem; } }

@media (max-width: 767px) {
  .un_topCarsensorlease_wrapper {
    margin: 30px auto;
    padding-top: 30px;
    padding-bottom: 340px;
    background: no-repeat #FFF7EB url(../img_2022/bg_carsensorlease_sp.png) center bottom;
    background-size: 360px auto; } }
@media (min-width: 768px) {
  .un_topCarsensorlease_wrapper {
    margin-top: 60px;
    margin-bottom: 24px;
    padding-top: clamp(0px, 13.39%, 150px);
    padding-bottom: clamp(0px, 14.28%, 166px);
    background: no-repeat center;
    background-image: url(../img_2022/bg_carsensorlease_pc.png), linear-gradient(#fff, #fff 9.6%, #FFF7EB 9.6%, #FFF7EB 87.85%, #fff 87.85%, #fff);
    background-size: contain; } }

@media (min-width: 768px) {
  .un_topCarsensorlease {
    padding-left: clamp(0px, 52%, 580px); } }
.un_topCarsensorlease .bl_headline3 {
  display: table; }
  @media (max-width: 767px) {
    .un_topCarsensorlease .bl_headline3 {
      margin-left: auto;
      margin-right: auto; } }
  @media (min-width: 768px) {
    .un_topCarsensorlease .bl_headline3 {
      background: rgba(255, 247, 235, 0.7);
      transform: translateX(-0.5em); } }
@media (max-width: 767px) {
  .un_topCarsensorlease .bl_headline4 {
    text-align: center; } }
@media (max-width: 767px) {
  .un_topCarsensorlease .el_btn {
    display: table;
    margin-left: auto;
    margin-right: auto; } }
.un_topCarsensorlease .bl_headline04 span {
  margin-left: -15px; }
  @media (max-width: 767px) {
    .un_topCarsensorlease .bl_headline04 span {
      margin-left: -8px; } }
.un_topCarsensorlease .bl_headline_logo {
  display: inline-block;
  margin: 8px 0 35px; }
  @media (max-width: 767px) {
    .un_topCarsensorlease .bl_headline_logo {
      margin: 4px 0 20px; } }
  @media (max-width: 767px) {
    .un_topCarsensorlease .bl_headline_logo > img {
      width: auto;
      height: 54px; } }

@media (max-width: 767px) {
  .un_topCarsensorlease_txt {
    margin-bottom: 20px; } }
@media (min-width: 768px) {
  .un_topCarsensorlease_txt {
    display: table;
    margin-bottom: 40px;
    background: rgba(255, 247, 235, 0.5);
    font-size: 1.8rem; } }

.un_voice {
  position: relative; }
  .un_voice::before {
    display: block;
    content: '';
    background: no-repeat url(../img_2022/illust_voice.svg);
    background-size: contain;
    position: absolute; }
    @media (max-width: 767px) {
      .un_voice::before {
        width: 160px;
        height: 112px;
        top: -50px;
        right: 10px; } }
    @media (min-width: 768px) {
      .un_voice::before {
        width: 290px;
        height: 203px;
        top: -120px;
        right: 40px; } }

@font-face {
  font-family: "DSEG7Modern-Bold";
  src: url("./font/DSEG7Modern-Bold.woff2") format("woff2"); }
.un_shopNum {
  margin: 0 4px;
  font-family: "DSEG7Modern-Bold";
  vertical-align: bottom; }

/* CSS Document */
.bnr-app {
  display: none; }

.lp_wrap {
  /* btn_area */ }
  .lp_wrap .btn_area {
    text-align: center; }
    .lp_wrap .btn_area a {
      display: block;
      margin: auto;
      transition: transform .2s; }
      .lp_wrap .btn_area a:hover {
        transform: scale(1.05); }
  @media (min-width: 768px) {
    .lp_wrap {
      margin-top: 40px; } }

/* 車庫証明・名義変更サービス
---------------------------------------------------------------- */
.lp_shako-meihen {
  margin-bottom: 120px; }
  @media (max-width: 767px) {
    .lp_shako-meihen {
      margin-bottom: 60px; } }
  .lp_shako-meihen .lead_area {
    margin: -30px 0 0;
    padding: 70px 40px 5px; }
    @media (max-width: 767px) {
      .lp_shako-meihen .lead_area {
        margin: 0;
        padding: 10px 10px 20px; } }
    .lp_shako-meihen .lead_area .box {
      max-width: 980px;
      margin: 0 auto 30px;
      position: relative; }
      .lp_shako-meihen .lead_area .box .icon {
        position: absolute;
        top: -34px;
        right: -30px; }
  .lp_shako-meihen .bg_01 {
    background: #EDF5FB; }
  .lp_shako-meihen .box_area {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1160px;
    margin: 50px auto 0;
    padding: 0 20px; }
    @media (max-width: 767px) {
      .lp_shako-meihen .box_area {
        display: block;
        max-width: unset;
        margin: 20px auto 0;
        padding: 0 20px 20px; } }
    .lp_shako-meihen .box_area > div {
      width: 48%;
      margin: 0 0 30px; }
      @media (max-width: 767px) {
        .lp_shako-meihen .box_area > div {
          width: 100%;
          margin: 0 0 20px; } }
  .lp_shako-meihen .btn_area {
    margin-top: 40px; }
  .lp_shako-meihen .bg_parts_01 {
    text-align: center; }
    @media (max-width: 767px) {
      .lp_shako-meihen .bg_parts_01 img {
        vertical-align: top; } }
  .lp_shako-meihen .bg_parts_02 {
    text-align: center; }
  .lp_shako-meihen .bg_parts_03 {
    text-align: center; }

/* 営業管理専用システム「SFA」
---------------------------------------------------------------- */
.lp_sfa .lead_area {
  margin: 0;
  padding: 0 0 50px; }
  @media (max-width: 767px) {
    .lp_sfa .lead_area {
      padding: 5px 10px 20px; } }
  .lp_sfa .lead_area .box {
    display: flex;
    justify-content: space-between;
    max-width: 800px;
    margin: 0 auto 20px; }
    @media (max-width: 767px) {
      .lp_sfa .lead_area .box {
        display: block;
        max-width: unset;
        margin: 0 auto 30px;
        padding: 0 10px; } }
    .lp_sfa .lead_area .box > :last-child {
      margin-right: 0; }
    .lp_sfa .lead_area .box > * {
      margin-right: 20px; }
      @media (max-width: 767px) {
        .lp_sfa .lead_area .box > * {
          margin: 0 0 20px; } }
.lp_sfa .bg_01 {
  background: #FFF7EB; }
.lp_sfa .btn_area {
  margin-top: 40px; }
  @media (max-width: 767px) {
    .lp_sfa .btn_area {
      margin-top: -20px; } }
.lp_sfa .box_area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1160px;
  margin: 60px auto 0;
  padding: 60px 20px 40px; }
  @media (max-width: 767px) {
    .lp_sfa .box_area {
      display: block;
      max-width: unset;
      margin: 10px auto 0;
      padding: 40px 20px 10px; } }
  .lp_sfa .box_area > div {
    width: 48%;
    margin: 0 0 40px; }
    @media (max-width: 767px) {
      .lp_sfa .box_area > div {
        width: 100%;
        margin: 0 0 30px; } }
.lp_sfa .check_box {
  margin: 0 auto 120px;
  background: no-repeat;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF7EB));
  /*background-image: linear-gradient(#FFF7EB);*/
  background-position: center bottom 60px;
  text-align: center; }
  @media (max-width: 767px) {
    .lp_sfa .check_box {
      margin: 0 auto 60px;
      padding: 0 20px; } }

/* 「おうち商談」
---------------------------------------------------------------- */
.lp_ouchishodan {
  padding: 0 0 80px; }
  @media (max-width: 767px) {
    .lp_ouchishodan {
      padding: 0 0 30px; } }
  .lp_ouchishodan .lead_area {
    margin: 0;
    padding: 30px 0 120px;
    background: #FFF8EA; }
    @media (max-width: 767px) {
      .lp_ouchishodan .lead_area {
        padding: 0 0 30px; } }
    .lp_ouchishodan .lead_area .box {
      display: flex;
      justify-content: space-between;
      max-width: 800px;
      margin: 0 auto 35px; }
      @media (max-width: 767px) {
        .lp_ouchishodan .lead_area .box {
          display: block;
          max-width: unset;
          margin: 0;
          padding: 20px 30px 10px; } }
      @media (max-width: 767px) {
        .lp_ouchishodan .lead_area .box div:first-child {
          margin: 0 0 15px; } }
  .lp_ouchishodan .btn_area {
    margin-top: 40px; }
    @media (max-width: 767px) {
      .lp_ouchishodan .btn_area {
        margin-top: 20px;
        padding: 0 10px; } }
  .lp_ouchishodan .box_area {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 20px; }
    @media (max-width: 767px) {
      .lp_ouchishodan .box_area {
        display: block;
        max-width: unset; } }
    .lp_ouchishodan .box_area > div {
      margin: 0 0 30px; }
    .lp_ouchishodan .box_area.box_area__first > div {
      width: 100%;
      margin: -70px 0 60px;
      text-align: center; }
      @media (max-width: 767px) {
        .lp_ouchishodan .box_area.box_area__first > div {
          margin: 30px 0; } }
    .lp_ouchishodan .box_area.box_area_col2 > div {
      width: 48%; }
      @media (max-width: 767px) {
        .lp_ouchishodan .box_area.box_area_col2 > div {
          width: 100%; } }

/* 研修用動画サービス「DXサポート」
---------------------------------------------------------------- */
.lp_dxsupport {
  min-width: 1160px; }

.lp_dxsupport .main_title {
  padding: 45px 0;
  text-align: center; }

.lp_dxsupport .main_title > div:first-child {
  width: 682px;
  margin: 0 auto 45px;
  position: relative; }

.lp_dxsupport .main_title > div:first-child .icon {
  position: absolute;
  right: -50px;
  bottom: 30px; }

.lp_dxsupport .lead_area {
  margin: 0;
  padding: 60px 0 85px;
  background: #F2F6FA;
  position: relative; }

.lp_dxsupport .lead_area::before {
  content: '';
  width: 120px;
  height: 30px;
  margin-left: -60px;
  background: url("../img_2022/lp/bg_parts_03.svg");
  position: absolute;
  top: 0;
  left: 50%; }

.lp_dxsupport .lead_area .box {
  display: flex;
  justify-content: space-between;
  width: 940px;
  margin: 0 auto; }

.lp_dxsupport .lead_area .box > div:first-child {
  width: 440px; }

.lp_dxsupport .lead_area .box > div:last-child {
  width: 460px; }

.lp_dxsupport .lead_area .box .text {
  padding: 10px 0 42px; }

.lp_dxsupport .sub_title {
  margin: -30px 0 40px;
  text-align: center;
  position: relative; }

.lp_dxsupport .box_area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 1160px;
  margin: 0 auto; }

.lp_dxsupport .box_area > div {
  margin: 0 0 40px; }

.lp_dxsupport .lp_footer {
  margin: 50px 0 0;
  padding: 1px 0 90px;
  background: #F2F6FA; }

.lp_dxsupport .lp_footer .arrow {
  margin: -20px 0 0;
  text-align: center; }

.lp_dxsupport .btn_area {
  margin: 40px 0 0;
  text-align: center; }

.lp_dxsupport .btn_area a {
  display: block;
  width: 500px;
  margin: 16px auto 0; }

/* 「店頭商談」モード
---------------------------------------------------------------- */
@media (min-width: 768px) {
  .lp_tentoushodan {
    margin-top: 80px; } }
.lp_tentoushodan .main_title {
  padding: 40px 0 50px;
  text-align: center; }
.lp_tentoushodan .lead_area {
  padding: 0 0 45px;
  text-align: center; }
  @media (max-width: 767px) {
    .lp_tentoushodan .lead_area {
      padding: 10px 20px 40px; } }
.lp_tentoushodan .btn_area {
  padding: 0 10px; }
.lp_tentoushodan .bg_01 {
  background: #DBF6FF; }
.lp_tentoushodan .bg_02 {
  background: url("../img_2022/lp/bg_parts_04.svg") no-repeat;
  background-position: top center; }
  @media (max-width: 767px) {
    .lp_tentoushodan .bg_02 {
      background-size: auto 220px; } }
.lp_tentoushodan .box_area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1180px;
  margin: 55px auto 0;
  padding: 0 20px 45px; }
  @media (max-width: 767px) {
    .lp_tentoushodan .box_area {
      display: block;
      max-width: unset;
      margin: 50px auto 60px;
      padding: 0 20px 20px; } }
  .lp_tentoushodan .box_area > div {
    width: 48%;
    margin: 0 0 40px; }
    @media (max-width: 767px) {
      .lp_tentoushodan .box_area > div {
        width: 100%;
        margin: 0 0 30px; } }
  .lp_tentoushodan .box_area > div:first-child {
    width: 100%;
    margin: 0 0 20px;
    text-align: center; }

/* ⾒積・契約サービス
---------------------------------------------------------------- */
.lp_mitsumori-keiyaku .main_title {
  padding: 40px 0;
  text-align: center; }
.lp_mitsumori-keiyaku .lead_area {
  padding: 35px 20px 135px;
  text-align: center;
  background: #EEF8F2; }
  @media (max-width: 767px) {
    .lp_mitsumori-keiyaku .lead_area {
      padding: 20px 20px 100px; } }
  .lp_mitsumori-keiyaku .lead_area .box {
    display: flex;
    justify-content: space-between;
    max-width: 980px;
    margin: 0 auto; }
    @media (max-width: 767px) {
      .lp_mitsumori-keiyaku .lead_area .box {
        display: block;
        max-width: unset;
        padding: 0 10px; } }
    .lp_mitsumori-keiyaku .lead_area .box > div {
      position: relative; }
      @media (max-width: 767px) {
        .lp_mitsumori-keiyaku .lead_area .box > div {
          margin: 0 0 10px; } }
    .lp_mitsumori-keiyaku .lead_area .box .icon {
      position: absolute;
      top: 10px;
      right: -10px; }
  .lp_mitsumori-keiyaku .lead_area .line {
    margin: 25px 0 40px; }
    @media (max-width: 767px) {
      .lp_mitsumori-keiyaku .lead_area .line {
        margin: 15px 20px 30px; } }
.lp_mitsumori-keiyaku .btn_area {
  margin: 40px 0 0;
  text-align: center; }
  .lp_mitsumori-keiyaku .btn_area.top_area {
    margin: -85px 0 120px; }
    @media (max-width: 767px) {
      .lp_mitsumori-keiyaku .btn_area.top_area {
        margin: -60px 10px 80px; } }
.lp_mitsumori-keiyaku .box_area {
  max-width: 1200px;
  margin: 80px auto 0;
  padding: 1px 0 0;
  background: #CFEBDB;
  box-sizing: border-box; }
  @media (max-width: 767px) {
    .lp_mitsumori-keiyaku .box_area {
      max-width: unset;
      margin: 60px auto 0; } }
  .lp_mitsumori-keiyaku .box_area .label {
    margin: -40px 0 0;
    text-align: center; }
    @media (max-width: 767px) {
      .lp_mitsumori-keiyaku .box_area .label {
        width: 290px;
        margin: -30px auto 0; } }
  .lp_mitsumori-keiyaku .box_area .image {
    margin: 55px 0 0;
    text-align: center; }
    @media (max-width: 767px) {
      .lp_mitsumori-keiyaku .box_area .image {
        margin: 40px 10px 0; } }
  .lp_mitsumori-keiyaku .box_area .text {
    margin: 40px 0;
    text-align: center; }
    @media (max-width: 767px) {
      .lp_mitsumori-keiyaku .box_area .text {
        margin: 30px 40px; } }
  .lp_mitsumori-keiyaku .box_area .description {
    display: flex;
    justify-content: space-between;
    padding: 0 40px 20px; }
    @media (max-width: 767px) {
      .lp_mitsumori-keiyaku .box_area .description {
        display: block;
        padding: 0 30px 20px; } }
    .lp_mitsumori-keiyaku .box_area .description div:first-child {
      margin: 0 0 20px; }
  .lp_mitsumori-keiyaku .box_area.last_box .description {
    padding: 0 40px 40px; }
.lp_mitsumori-keiyaku .lp_footer_lineup {
  padding: 70px 0 120px; }
  @media (max-width: 767px) {
    .lp_mitsumori-keiyaku .lp_footer_lineup {
      padding: 50px 0 60px; } }
  .lp_mitsumori-keiyaku .lp_footer_lineup .text {
    margin: 0 0 45px;
    text-align: center; }
    @media (max-width: 767px) {
      .lp_mitsumori-keiyaku .lp_footer_lineup .text {
        margin: 0 20px 30px; } }
  .lp_mitsumori-keiyaku .lp_footer_lineup .btn_area {
    display: flex;
    justify-content: space-between;
    max-width: 1120px;
    margin: 0 auto; }
    @media (max-width: 767px) {
      .lp_mitsumori-keiyaku .lp_footer_lineup .btn_area {
        display: block;
        max-width: unset; } }
    .lp_mitsumori-keiyaku .lp_footer_lineup .btn_area a {
      margin: 0 10px; }
      @media (max-width: 767px) {
        .lp_mitsumori-keiyaku .lp_footer_lineup .btn_area a {
          margin: 20px; } }

/* カーセンサーリース
---------------------------------------------------------------- */
.lp_carsensorlease {
  margin: 0 0 120px;
  /* btn_area */
  /* box_area */ }
  @media (max-width: 767px) {
    .lp_carsensorlease {
      margin: 0 0 60px; } }
  .lp_carsensorlease .lead_area {
    text-align: center;
    margin: 30px 0 130px; }
    @media (max-width: 767px) {
      .lp_carsensorlease .lead_area {
        margin: 0 0 60px; } }
  .lp_carsensorlease .bg_01 {
    padding: 50px 20px 0;
    background: #F2F2F2; }
    @media (max-width: 767px) {
      .lp_carsensorlease .bg_01 {
        padding: 40px 30px 0; } }
  .lp_carsensorlease .bg_02 {
    padding-top: 20px;
    background: url("../img_2022/lp/bg_parts_07.svg") no-repeat top center;
    background-size: 100% 90%; }
  .lp_carsensorlease .btn_area {
    margin-top: 40px; }
    @media (max-width: 767px) {
      .lp_carsensorlease .btn_area {
        margin-top: 20px;
        padding: 0 10px; } }
  .lp_carsensorlease .btn_area_last {
    margin-bottom: 130px; }
    @media (max-width: 767px) {
      .lp_carsensorlease .btn_area_last {
        margin-bottom: 60px; } }
  .lp_carsensorlease .box_area {
    max-width: 1200px;
    margin: 40px auto 0;
    padding: 1px 0 0;
    background: #F2F2F2;
    box-sizing: border-box;
    position: relative; }
    @media (max-width: 767px) {
      .lp_carsensorlease .box_area {
        max-width: unset;
        margin: 10px 0 0; } }
    .lp_carsensorlease .box_area .label {
      text-align: center;
      position: absolute;
      top: -53px;
      left: 50%;
      transform: translateX(-50%); }
      @media (max-width: 767px) {
        .lp_carsensorlease .box_area .label {
          width: 300px;
          margin: -23px auto 0;
          position: relative;
          top: unset;
          left: unset;
          transform: none; } }
    .lp_carsensorlease .box_area .image {
      margin: 30px 20px;
      text-align: center; }
      @media (max-width: 767px) {
        .lp_carsensorlease .box_area .image {
          margin: 10px 20px; } }
    .lp_carsensorlease .box_area .text {
      margin: 40px 0;
      text-align: center; }
    .lp_carsensorlease .box_area .description {
      display: flex;
      justify-content: space-between;
      padding: 0 40px 20px; }
    .lp_carsensorlease .box_area.last_box > :last-child {
      padding-bottom: 30px; }

/* instantLIVE VSR
---------------------------------------------------------------- */
.lp_instantlivevsr {
  max-width: 100%;
  /* box_area */
  /* arw_area */ }
  @media (max-width: 767px) {
    .lp_instantlivevsr {
      padding-bottom: 60px; } }
  .lp_instantlivevsr .first_view {
    max-width: 1054px;
    padding: 0 40px;
    margin: auto;
    text-align: center;
    position: relative; }
    @media (max-width: 767px) {
      .lp_instantlivevsr .first_view {
        max-width: unset;
        padding: 0 10px; } }
  .lp_instantlivevsr .first_view_inner {
    padding: 45px 40px 35px;
    background: #fff; }
    @media (max-width: 767px) {
      .lp_instantlivevsr .first_view_inner {
        padding: 25px 10px 0; } }
  .lp_instantlivevsr .catchcopy {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%); }
  .lp_instantlivevsr .lead_img {
    margin-top: 40px; }
    @media (max-width: 767px) {
      .lp_instantlivevsr .lead_img {
        margin-top: 30px; } }
  .lp_instantlivevsr .first_view .btn_area {
    padding-top: 30px;
    background: url(../img_2022/lp/bg_parts_09.svg) no-repeat top center;
    background-size: 100% 90%; }
  .lp_instantlivevsr .bg_01 {
    margin-bottom: 60px;
    padding: 60px 0 45px;
    background: center;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 177, 255, 0.2))), url(../img_2022/lp/bg_parts_08.jpg);
    /*background-image:
      linear-gradient(rgba(#00B1FF, .2)),
      url(../img_2022/lp/bg_parts_08.jpg);*/
    background-size: cover; }
    @media (max-width: 767px) {
      .lp_instantlivevsr .bg_01 {
        margin-bottom: 40px;
        padding: 30px 0 20px; } }
  .lp_instantlivevsr .bg_02 {
    padding-bottom: 10px;
    background: #F2F2F2;
    background: linear-gradient(180deg, #ffffff 54%, #f2f2f2 54%); }
    @media (max-width: 767px) {
      .lp_instantlivevsr .bg_02 {
        background: linear-gradient(180deg, #ffffff 60%, #f2f2f2 60%); } }
  .lp_instantlivevsr .bg_03 {
    padding-bottom: 30px;
    background: #F2F2F2;
    background: linear-gradient(180deg, #ffffff 63%, #f2f2f2 63%); }
    @media (max-width: 767px) {
      .lp_instantlivevsr .bg_03 {
        background: linear-gradient(180deg, #ffffff 80%, #f2f2f2 80%); } }
  .lp_instantlivevsr .box_area {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    padding: 0 20px; }
    @media (max-width: 767px) {
      .lp_instantlivevsr .box_area {
        display: block;
        padding: 0 10px; } }
    .lp_instantlivevsr .box_area > :last-child {
      margin-right: 0; }
      @media (max-width: 767px) {
        .lp_instantlivevsr .box_area > :last-child {
          margin-bottom: 0; } }
    .lp_instantlivevsr .box_area > * {
      margin-right: 40px; }
      @media (max-width: 767px) {
        .lp_instantlivevsr .box_area > * {
          margin-right: 0;
          margin-bottom: 30px; } }
  .lp_instantlivevsr .arw_area {
    text-align: center; }
    @media (max-width: 767px) {
      .lp_instantlivevsr .arw_area {
        margin-top: -2px; } }
    @media (max-width: 767px) {
      .lp_instantlivevsr .arw_area img {
        width: 180px;
        height: auto; } }

    .breadcrumbs{width: 1100px; margin: 10px auto; font-size: 14px;}
    @media (max-width: 767px) {
      .breadcrumbs{width: 100%; margin: 10px;}
    }