@charset "UTF-8";

/*-----------------------------------------------------------
  =Reset
-----------------------------------------------------------*/

* {
  border: 0;
  margin: 0;
  padding: 0;
}
*, *::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video  {
  border-collapse: collapse !important;
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section  {
  display: block;
}
:focus {
  outline: 0;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
table {
  border-collapse: collapse !important;
  border-spacing: 0;
}
caption, th, td  {
  font-weight: normal;
  text-align: left;
}
blockquote, q  {
  quotes: "" "";
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}
a img  {
  border: 0 !important;
}
audio, canvas, video  {
  display: inline-block;
  max-width: 100%;
  zoom: 1;
}
embed, iframe, object {
  max-width: 100%;
}
video {
  max-width: 100%;
  height: auto;
}
html  {
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
img {
  border: none;
  vertical-align:bottom;
  margin: 0;
  padding: 0;
  line-height: 1;
}
img {
  max-width: 100%;
  height: auto;
  display: inline-block;
}
h1,h2,h3,h4,h5 {
  font-size: 100%;
  font-weight: normal;
  line-height: 1;
}
button, fieldset, form, input, label, legend, select, textarea {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
  font-size: 100%;
}
input,textarea,select {
  font-family: inherit;
  font-size: 16px;
}
input[type="button"],input[type="text"],input[type="submit"] {
  -webkit-appearance: none;
  border-radius: 0;
}
input[type=text], input[type=email], input[type=tel], textarea, button, select, option {
  border-radius: 0;
  display: block;
  font: inherit;
  outline: none;
  width: 100%;
}
textarea {
  resize: none;
  -webkit-appearance: none;
  border-radius: 0;
}

/*-----------------------------------------------------------

  =Basic Setup

-----------------------------------------------------------*/

/* Link Style */
a {
  color: #111;
  text-decoration: none;
  transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
}
a:focus, a:active, a:hover {
  color: #444;
  text-decoration: none;
}
a:hover img {
  opacity: .7;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  zoom: 1;
}
/* Transform */
.transform {
  -webkit-transform:scale(1);
  transform:scale(1);
  -webkit-transition:all .3s ease-in-out;
  transition:all .3s ease-in-out;
}
a:hover .transform {
  -webkit-transform:scale(1.1);
  transform: scale(1.1);
}

/* Font Size */
.fs-9  { font-size: 9px !important;}
.fs-10 { font-size: 10px !important;}
.fs-11 { font-size: 11px !important;}
.fs-12 { font-size: 12px !important;}
.fs-13 { font-size: 13px !important;}
.fs-14 { font-size: 14px !important;}
.fs-15 { font-size: 15px !important;}
.fs-16 { font-size: 16px !important;}
.fs-18 { font-size: 18px !important;}
.fs-20 { font-size: 18px !important;}
.fs-21 { font-size: 21px !important;}
.fs-24 { font-size: 24px !important;}
.fs-28 { font-size: 28px !important;}
.fs-30 { font-size: 30px !important;}
.fs-36 { font-size: 36px !important;}
.fs-48 { font-size: 48px !important;}
.fs-60 { font-size: 60px !important;}

.bg-gray{
  background: #f7f7f7;
}
.bg-blue{
  background: #ebf1f7;
}

/* Margin-Top & Padding-Top */
.mt00 { margin-top:  0px !important; }  .pt00 { padding-top:  0px !important; }
.mt05 { margin-top:  5px !important; }  .pt05 { padding-top:  5px !important; }
.mt10 { margin-top: 10px !important; }  .pt10 { padding-top: 10px !important; }
.mt15 { margin-top: 15px !important; }  .pt15 { padding-top: 15px !important; }
.mt20 { margin-top: 20px !important; }  .pt20 { padding-top: 20px !important; }
.mt25 { margin-top: 25px !important; }  .pt25 { padding-top: 25px !important; }
.mt30 { margin-top: 30px !important; }  .pt30 { padding-top: 30px !important; }
.mt35 { margin-top: 35px !important; }  .pt35 { padding-top: 35px !important; }
.mt40 { margin-top: 40px !important; }  .pt40 { padding-top: 40px !important; }
.mt45 { margin-top: 45px !important; }  .pt45 { padding-top: 45px !important; }
.mt50 { margin-top: 50px !important; }  .pt50 { padding-top: 50px !important; }
.mt55 { margin-top: 55px !important; }  .pt55 { padding-top: 55px !important; }
.mt60 { margin-top: 60px !important; }  .pt60 { padding-top: 60px !important; }
.mt65 { margin-top: 65px !important; }  .pt65 { padding-top: 65px !important; }
.mt70 { margin-top: 70px !important; }  .pt70 { padding-top: 70px !important; }
.mt75 { margin-top: 75px !important; }  .pt75 { padding-top: 75px !important; }
.mt80 { margin-top: 80px !important; }  .pt80 { padding-top: 80px !important; }
.mt85 { margin-top: 85px !important; }  .pt85 { padding-top: 85px !important; }
.mt90 { margin-top: 90px !important; }  .pt90 { padding-top: 90px !important; }
.mt95 { margin-top: 95px !important; }  .pt95 { padding-top: 95px !important; }
.mt100{ margin-top:100px !important; } .pt100{ padding-top:100px !important; }
/* Margin-Right & Padding-Right */
.mr00 { margin-right:  0px !important; }  .pr00 { padding-right:  0px !important; }
.mr05 { margin-right:  5px !important; }  .pr05 { padding-right:  5px !important; }
.mr10 { margin-right: 10px !important; }  .pr10 { padding-right: 10px !important; }
.mr15 { margin-right: 15px !important; }  .pr15 { padding-right: 15px !important; }
.mr20 { margin-right: 20px !important; }  .pr20 { padding-right: 20px !important; }
.mr25 { margin-right: 25px !important; }  .pr25 { padding-right: 25px !important; }
.mr30 { margin-right: 30px !important; }  .pr30 { padding-right: 30px !important; }
.mr35 { margin-right: 35px !important; }  .pr35 { padding-right: 35px !important; }
.mr40 { margin-right: 40px !important; }  .pr40 { padding-right: 40px !important; }
.mr45 { margin-right: 45px !important; }  .pr45 { padding-right: 45px !important; }
.mr50 { margin-right: 50px !important; }  .pr50 { padding-right: 50px !important; }
.mr55 { margin-right: 55px !important; }  .pr55 { padding-right: 55px !important; }
.mr60 { margin-right: 60px !important; }  .pr60 { padding-right: 60px !important; }
.mr65 { margin-right: 65px !important; }  .pr65 { padding-right: 65px !important; }
.mr70 { margin-right: 70px !important; }  .pr70 { padding-right: 70px !important; }
.mr75 { margin-right: 75px !important; }  .pr75 { padding-right: 75px !important; }
.mr80 { margin-right: 80px !important; }  .pr80 { padding-right: 80px !important; }
.mr85 { margin-right: 85px !important; }  .pr85 { padding-right: 85px !important; }
.mr90 { margin-right: 90px !important; }  .pr90 { padding-right: 90px !important; }
.mr95 { margin-right: 95px !important; }  .pr95 { padding-right: 95px !important; }
.mr100{ margin-right:100px !important; }  .pr100{ padding-right:100px !important; }
/* Margin-Bottom & Padding-Bottom */
.mb00 { margin-bottom:  0px !important; }  .pb00 { padding-bottom:  0px !important; }
.mb05 { margin-bottom:  5px !important; }  .pb05 { padding-bottom:  5px !important; }
.mb10 { margin-bottom: 10px !important; }  .pb10 { padding-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }  .pb15 { padding-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }  .pb20 { padding-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }  .pb25 { padding-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }  .pb30 { padding-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }  .pb35 { padding-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }  .pb40 { padding-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }  .pb45 { padding-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }  .pb50 { padding-bottom: 50px !important; }
.mb55 { margin-bottom: 55px !important; }  .pb55 { padding-bottom: 55px !important; }
.mb60 { margin-bottom: 60px !important; }  .pb60 { padding-bottom: 60px !important; }
.mb65 { margin-bottom: 65px !important; }  .pb65 { padding-bottom: 65px !important; }
.mb70 { margin-bottom: 70px !important; }  .pb70 { padding-bottom: 70px !important; }
.mb75 { margin-bottom: 75px !important; }  .pb75 { padding-bottom: 75px !important; }
.mb80 { margin-bottom: 80px !important; }  .pb80 { padding-bottom: 80px !important; }
.mb85 { margin-bottom: 85px !important; }  .pb85 { padding-bottom: 85px !important; }
.mb90 { margin-bottom: 90px !important; }  .pb90 { padding-bottom: 90px !important; }
.mb95 { margin-bottom: 95px !important; }  .pb95 { padding-bottom: 95px !important; }
.mb100{ margin-bottom:100px !important; } .pb100{ padding-bottom:100px !important; }
/* Margin-Left & Padding-Left */
.ml00 { margin-left:  0px !important; }  .pl00 { padding-left:  0px !important; }
.ml05 { margin-left:  5px !important; }  .pl05 { padding-left:  5px !important; }
.ml10 { margin-left: 10px !important; }  .pl10 { padding-left: 10px !important; }
.ml15 { margin-left: 15px !important; }  .pl15 { padding-left: 15px !important; }
.ml20 { margin-left: 20px !important; }  .pl20 { padding-left: 20px !important; }
.ml25 { margin-left: 25px !important; }  .pl25 { padding-left: 25px !important; }
.ml30 { margin-left: 30px !important; }  .pl30 { padding-left: 30px !important; }
.ml35 { margin-left: 35px !important; }  .pl35 { padding-left: 35px !important; }
.ml40 { margin-left: 40px !important; }  .pl40 { padding-left: 40px !important; }
.ml45 { margin-left: 45px !important; }  .pl45 { padding-left: 45px !important; }
.ml50 { margin-left: 50px !important; }  .pl50 { padding-left: 50px !important; }
.ml55 { margin-left: 55px !important; }  .pl55 { padding-left: 55px !important; }
.ml60 { margin-left: 60px !important; }  .pl60 { padding-left: 60px !important; }
.ml65 { margin-left: 65px !important; }  .pl65 { padding-left: 65px !important; }
.ml70 { margin-left: 70px !important; }  .pl70 { padding-left: 70px !important; }
.ml75 { margin-left: 75px !important; }  .pl75 { padding-left: 75px !important; }
.ml80 { margin-left: 80px !important; }  .pl80 { padding-left: 80px !important; }
.ml85 { margin-left: 85px !important; }  .pl85 { padding-left: 85px !important; }
.ml90 { margin-left: 90px !important; }  .pl90 { padding-left: 90px !important; }
.ml95 { margin-left: 95px !important; }  .pl95 { padding-left: 95px !important; }
.ml100{ margin-left:100px !important; }  .pl100{ padding-left:100px !important; }

/* Column Layout Format */
.column-2 .row,.column-2 li { width: 50%; }
.column-3 .row,.column-3 li { width: 33.33%; }
.column-4 .row,.column-4 li { width: 25%; }
.column-5 .row,.column-5 li { width: 20%;}
.column-6 .row,.column-6 li { width: 16.66%; }
.column-8 .row,.column-8 li { width: 12.5%;}

.col-2 .row {
  width: 48%;
}
.col-2 .row:nth-child(odd) {
  margin: 0 2% 0 0;
}
.col-2 .row:nth-child(even) {
  margin: 0 0 0 2%;
}
.col-3 .row{
  width: 30.3%;
  margin: 0 4.5% 0 0;
}
.col-3 .row:nth-child(3n) {
  margin: 0 0 0 0;
}
.col-4 .row {
  width: 23%;
  margin: 0 2.66% 0 0;
}
.col-4 .row:nth-child(4n) {
  margin: 0 0 0 0;
}
.col-5 .row {
  width: 19%;
  margin: 0 1% 0px 0;
}
.col-5 .row:nth-child(5n) {
  margin: 0 0 0px 0;
}
.col-6 .row {
  width: 14.66%;
  margin: 0 2% 0px 0;
}
.col-6 .row:nth-child(6n) {
  margin: 0 0 0px 0;
}
@media only screen and (max-width: 768px) {
  .col-2 .row {
    width: 100%;
    margin:0 !important;
  }
  .col-3 .row{
    width: 100%;
    margin: 0;
  }
  .col-4 .row:nth-child(odd) {
    width: 48%;
    margin: 0 2% 0 0;
  }
  .col-4 .row:nth-child(even) {
    width: 48%;
    margin: 0 0 0 2%;
  }
  .col-6 .row {
    width: 48%;
    margin: 0 2% 0 0;
  }
  .col-6 .row:nth-child(even) {
    width: 48%;
    margin: 0 0 0 2%;
  }
}

.flex-row{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.row-reverse{
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.flex-center{
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.box-shadow{
  box-shadow:0px 0px 3px 2px #eaeaea;
}


/* Scrollbar
-----------------------------------------------------*/
/* ::-webkit-scrollbar {
  width: 8px;
  background: #e5e5e5;
}
::-webkit-scrollbar-thumb {
  height: 10px;
  background: #333;
} */


/* Font Setteing
-----------------------------------------------------*/
.tx-L {
  text-align: left !important;
}
.tx-C {
  text-align: center !important;
}
.tx-R {
  text-align: right !important;
}
.tx-bold {
  font-weight: 500;
}
.tx-justify {
  text-align: justify !important;
}
.paragraph-list li {
  letter-spacing: 0;
  line-height: 1.4;
  padding: 3px 0 3px 1em;
  text-indent: -1em;
}
.paragraph-2 li {
  letter-spacing: 0;
  line-height: 1.4;
  padding: 3px 0 3px 2em;
  text-indent: -2em;
}
.disc-list li {
  padding-left: .8em;
  line-height: 1.6;
  position: relative;
}
.disc-list li:before {
  content: '';
  width: 3px;
  height: 3px;
  background-color: #015db2;
  position: absolute;
  left: 0;
  top: 12px;
}
.disc-list li:nth-of-type(n+2) {
  margin-top: 6px;
}
.num-list{
  counter-reset: number;
}
.num-list li {
  padding-left: 1.2em;
  position: relative;
}
.num-list li:nth-of-type(n+2) {
  margin-top: 10px;
}
.num-list li::before {
  color: #a88e51;
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 500;
  position: absolute;
  top: 0;
  left: 0;
  counter-increment: number;
  display: inline-block;
  content: counter(number) '.';
}


/* Device View
-----------------------------------------------------*/
.viewPC {display: block;}
.viewTB {display: none;}
.viewPCTB {display: block;}
.viewSP {display: none;}
.viewTBSP {display: none;}
@media only screen and (max-width: 1024px) {
  .viewPC {display: none;}
  .viewTB {display: block;}
  .viewPCTB {display: block;}
  .viewSP {display: none;}
  .viewTBSP {display: block;}
}
@media only screen and (max-width: 768px) {
  .viewPC {display: none;}
  .viewTB {display: none;}
  .viewPCTB {display: none;}
  .viewSP {display: block;}
  .viewTBSP {display: block;}
}

@media screen and (min-width: 500px) {
  /* スマートフォン (横) */
}
@media screen and (min-width: 768px) {
  /* タブレット */
}
@media screen and (min-width: 1024px) {
  /* PC. */
}
@media screen and (min-width: 1200px) {
  /* PC large. */
}


/* Animation */
.animated {
  visibility: hidden;
}
.bounceIn,.bounceInLeft, .bounceInRight, .bounceInDown,.bounceInUp,
.fadeIn, .fadeInLeft, .fadeInRight,.fadeInDown,.fadeInUp,.fadeInUpDelay,
.zoomInUp,.zoomInDown, .zoomIn,
.flip,.flipInX,.flipInY,
.lightSpeedIn,
.tada,.wobble,.shake,.rubberBand{
  visibility: visible;
}
.delay-01s { -webkit-animation-delay:0.1s; animation-delay:0.1s; }
.delay-02s { -webkit-animation-delay:0.2s; animation-delay:0.2s; }
.delay-03s { -webkit-animation-delay:0.3s; animation-delay:0.3s; }
.delay-04s { -webkit-animation-delay:0.4s; animation-delay:0.4s; }
.delay-05s { -webkit-animation-delay:0.5s; animation-delay:0.5s; }
.delay-06s { -webkit-animation-delay:0.6s; animation-delay:0.6s; }
.delay-07s { -webkit-animation-delay:0.7s; animation-delay:0.7s; }
.delay-08s { -webkit-animation-delay:0.8s; animation-delay:0.8s; }
.delay-09s { -webkit-animation-delay:0.9s; animation-delay:0.9s; }
.delay-1s  {  -webkit-animation-delay:1s; animation-delay:1s; }
.delay-2s  {  -webkit-animation-delay:2s; animation-delay:2s; }
.delay-3s  {  -webkit-animation-delay:3s; animation-delay:3s; }
.delay-4s  {  -webkit-animation-delay:4s; animation-delay:4s; }
.delay-5s  {  -webkit-animation-delay:5s; animation-delay:5s; }
.delay-6s  {  -webkit-animation-delay:6s; animation-delay:6s; }
.list-fadein li{
  opacity:0;
  transition: 2s;
  /* filter:blur(5px);
  transition:width .8s ease-in,filter .8s ease-in-out,opacity 1s ease-out,transform .75s ease-out; */
}
.list-fadein li.anime-fadein{
  opacity: 1;
  /* filter:none; */
}

/* action-line
---------------------------------*/
.ov-action-item-non .ov-action-item_ttl span{
  background-image: linear-gradient(#111, #111);
  background-position: 100% 100%;
  background-size: 0% 1px;
  background-repeat: no-repeat;
  transition: background-size 0.6s cubic-bezier(0.170, 0.935, 0.305, 1.000);
  padding-bottom:2px;
}
.footer-link-list li span{
  background-image: linear-gradient(#111, #111);
  background-position: 100% 100%;
  background-size: 0% 1px;
  background-repeat: no-repeat;
  transition: background-size 0.6s cubic-bezier(0.170, 0.935, 0.305, 1.000);
  padding-bottom:2px;
}
.ov-action-item .ov-action-item_ttl span{
  background-image: linear-gradient(#111, #111);
  background-position: 0% 100%;
  background-size: 100% 1px;
  background-repeat: no-repeat;
  padding-bottom:2px;
  transition: background-size 0.6s cubic-bezier(0.170, 0.935, 0.305, 1.000);
}
.ov-action-item-non .ov-action-item__thumb img,
.ov-action-item .ov-action-item__thumb img {
  transition: -webkit-transform 0.4s cubic-bezier(0.170, 0.935, 0.305, 1.000);
  transition: transform 0.4s cubic-bezier(0.170, 0.935, 0.305, 1.000);
  transition: transform 0.4s cubic-bezier(0.170, 0.935, 0.305, 1.000), -webkit-transform 0.4s cubic-bezier(0.170, 0.935, 0.305, 1.000);
}
.p-top-recruit_list .ov-action-item .heading .jp{
  background-image: linear-gradient(#fff, #fff);
  background-position: 0% 100%;
  background-size: 100% 1px;
  background-repeat: no-repeat;
  transition: background-size 0.6s cubic-bezier(0.170, 0.935, 0.305, 1.000);
}
@media (hover:hover) and (pointer:fine) {
  .ov-action-item-non:hover .ov-action-item_ttl span{
    background-position: 0% 100%;
    background-size: 100% 1px;
  }
  .footer-link-list li a:hover span{
    background-position: 0% 100%;
    background-size: 100% 1px;
  }
  .ov-action-item:hover .ov-action-item_ttl span{
    background-position: 100% 100%;
    background-size: 0% 1px;
  }
  .ov-action-item-non:hover .ov-action-item__thumb img,
  .ov-action-item:hover .ov-action-item__thumb img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
  }
}


@media (min-width: 768px){
  a[href^="tel:"] {
    pointer-events: none;
  }
}




/*-----------------------------------------------------------

  =Global Layout

-----------------------------------------------------------*/
html {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 62.5%;
  color: #111;
}
body{
  background: #fff;
  font-size: 1.6rem;
  font-weight: 400;
  font-feature-settings: 'palt' 1;
  letter-spacing: .08em;
  line-height: 1.66;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased !important;
  width: 100%;
}
@media only screen and ( max-width:1024px) {
  body{
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 768px){
  body {
    min-width: 320px;
  }
}

.f-ty01{
  font-family: "Barlow Semi Condensed", sans-serif;
  font-style: normal;
  font-weight: 500;
}



/* Frame Format
---------------------------------*/
#wrapper {
  position: relative;
  width: 100%;
}
.inner {
  max-width: 124rem;
  margin: 0px auto;
  padding: 0 2rem;
}
.wrap {
  padding: 11rem 0;
}

@media screen and ( max-width:1024px) {
  .wrap {
    padding:8rem 0 ;
  }
}


/* Font Format
---------------------------------*/
.sec-heading{
  margin-bottom:5rem;
  text-align: center;
  position: relative;
}
.sec-heading::before {
  content: attr(data-en);
  position: absolute;
  top: -60px;
  left: 50%;
  transform: translateX(-50%);
  color: rgba(1,93,178,.08);
  font-size: 140px;
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 800!important;
  line-height: 1.44;
  letter-spacing: -.04em;
}
#reason .sec-heading::before {
  color: rgba(255,255,255,.5);
}
.sec-heading .en {
  display: inline-block;
  border-bottom:2px solid #015db2;
  color:#015db2;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: .04em;
  line-height: 1;
  margin-bottom: .2rem;
  z-index: 2;
  position: relative;
}
.sec-heading .jp {
  display: block;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.44;
  position: relative;
}
.sec-heading .jp span{
  color:#015db2;
}
.lead-copy{
  font-size: 1.8rem;
  text-align: center;
}
.tx-red{
  color:#b10510;
}
.tx-blue{
  color:#015db2;
}
.tx-marker{
  background: linear-gradient(transparent 48%, #f7dfae 0%);
  display: inline;
  padding:2px;
  font-weight: 700;
}
.tx-caption{
  font-size: 1.2rem;
}
@media screen and ( max-width:767px) {
  .sec-heading{
    margin-bottom:4rem;
  }
  .sec-heading::before {
    top: -40px;
    left: 50%;
    font-size: 100px;
 }
  .sec-heading .en {
    font-size: 1.4rem;
  }
  .sec-heading .jp {
    font-size: 2.8rem;
  }
  .lead-copy{
    font-size: 1.6rem;
    text-align: center;
  }
}


/* ----------------------------------------------------
  Header
-------------------------------------------------------
*/
#header {
  background: rgba(255, 255, 255, 1);
}
#header .inner {
  align-items: center;
  display: flex;
  height: 7rem;
  justify-content: start;
  position: relative;
}
#header .header-logo {
  max-width: 19rem;
}
.header-txt{
  font-size:1.2rem;
  line-height: 1.22;
  padding-left: 2rem;
}
.header-tel{
  align-items: center;
  display: flex;
  position: absolute;
  right:20px;
  top:10px;
}
.header-tel .num{
  color:#0a4067;
  display: block;
  font-size: 3.8rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .01em;
  position: relative;
  padding-left: 3.2rem;
}
.header-tel .num::after {
  background: url(/pro/seller/lp_04/assets/img/header-tel.svg) 0 0 no-repeat;
  background-size: 100%;
  content: '';
  display: block;
  height: 30px;
  left: 0;
  position: absolute;
  top: 5px;
  width: 30px;
}
.header-tel .txt{
  font-size:1.2rem;
  padding-top:.3rem;
  /* padding-left:3.4rem; */
  line-height: 1;
}
.header-tel-txt{
  color: #0a4067;
  font-weight: bold;
  margin-right: 1rem;
  font-size: 2.2rem;
}
@media screen and ( max-width:767px) {
  #header .inner {
    height: 6rem;
    justify-content: space-between;
  }
  #header .header-logo {
    max-width: 14rem;
    flex-shrink: 0;
  }
  .header-tel{
    display: none;
  }
  .header-txt{
    font-size:1.1rem;
    text-align: right;
    padding: 0;
    flex-grow: 1;
  }
}

#mv{
  position: relative;
}
#mv .mv-bg{
  min-height: 500px;
}
#mv .mv-bg img{
  width: 100%;
}


/* ----------------------------------------------------
  Intro
-------------------------------------------------------
*/
#intro{
  padding-top:10rem;
  text-align: center;

}
.intro-heading{
  font-size: 5rem;
  font-weight: 700;
  line-height: 1.44;
  margin-bottom:2.5rem;
}
.intro-heading .intro-subheding{
  display: block;
  font-size: 2.2rem;
}
.intro-list{
  margin-bottom:4rem;
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 2rem;
  row-gap: 2rem;
}
.intro-list li{
  background-color: #fff;
  border-radius: 2.6rem 2.6rem 2.6rem 0;
  padding:2.8rem 1.6rem;
  text-align: center;
}
.intro-list li .ttl{
  font-size:1.8rem;
  line-height: 1.44;
}
.intro-list li .ttl .em{
  color:#015db2;
  font-size:2.4rem;
  font-weight: 700;
}

@media screen and ( max-width:767px) {
  #intro{
    padding-top:6rem;
  }
  .intro-heading{
    font-size: 2.8rem;
    margin-bottom:2.5rem;
  }
  .intro-heading .intro-subheding{
    font-size:1.4rem;
  }
  .intro-list{
    grid-template-columns: repeat(1, 1fr);
  }
  .intro-list li{
    padding:2rem;
  }
  .intro-list li .num{
    font-size: 1.2rem;
    margin: 0 auto .4rem;
    padding: .2rem .5rem;
    width: 84px;
  }
  .intro-list li .num span{
    font-size:2rem;
  }
  .intro-list li .ttl{
    font-size:1.5rem;
  }
  .intro-list li .ttl .em{
    font-size:1.8rem;
  }
}

.intro-bg{
  background-image: linear-gradient(90deg, rgba(0, 74, 143, 1), rgba(0, 115, 222, 1));
  padding:40px 0 20px;
  position: relative;
}
.intro-bg::after {
  content: "";
  position: absolute;
  height: 60px;
  width: 100%;
  clip-path: polygon(0 0,50% 100%,100% 0);
  background-image: linear-gradient(90deg, rgba(0, 74, 143, 1), rgba(0, 115, 222, 1));
  left: 0;
  bottom: -59px;
}
.intro-summary{
  display: inline;
  color:#fff;
  font-size:2.2rem;
  font-weight: 700;
  line-height: 1.66;
}
.intro-summary span{
  font-size:4rem;
  background: linear-gradient(transparent 60%, #103b54 60%);
}
.intro-bg .txt{
  color:#fff;
  font-size:1.8rem;
  margin-top:12px;
}
@media screen and ( max-width:767px) {
  /* .intro-triangle::after {
    content: "";
    position: absolute;
    height: 40px;
    width: 100%;
    clip-path: polygon(0 0,50% 100%,100% 0);
    background-image: linear-gradient(90deg, rgba(0, 74, 143, 1), rgba(0, 115, 222, 1));
    left: 0;
    bottom: -39px;
  } */
  .intro-summary{
    font-size:1.6rem;
  }
  .intro-summary span{
    font-size:2.6rem;
  }
  .intro-bg .txt{
    font-size:1.4rem;
  }
}


/* ----------------------------------------------------
  CASE
-------------------------------------------------------
*/
.case-list{
  margin-top:3rem;
}
.case-list .item{
  border:3px solid #015db2;
  border-radius:.4rem;
  padding:4rem;
}
.case-list .item:nth-of-type(n+2) {
  margin-top:4rem !important;
}
.case-header{
  margin-bottom:2rem;
}
.case-header__box{
  width: 25%;
  background-color: #015db2;
  background-image: linear-gradient(90deg, #004a8f, #0073de);
  border-radius: .4rem;
  color:#fff;
  padding:3rem 2rem;
  text-align: center;
}
.case-header__box .ttl{
  font-size: 2.8rem;
  font-weight: 700;
}
.case-header__ttl{
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.44;
  width: 71%;
}
/* .case-disc{
  font-size: 1.4rem;
} */
.case-point{
  align-items: center;
  border-radius: .4rem;
  background-color: #f7f7f7;
  display: flex;
  flex-wrap: wrap;
  margin-top:2rem;
  padding:2rem;
}
.case-point_ttl{
  width: 180px;
  text-align: center;
}
.case-point_ttl p{
  color:#a88e51;
  font-size: 1.8rem;
  font-weight: 700;
  position: relative;
  padding-bottom:42px;
}
.case-point_ttl p::before{
  position: absolute;
  content: "";
  bottom: 0;
  left: 50%;
  width: 22px;
  height: 38px;
  background: url(/pro/seller/lp_04/assets/img/point-icon.svg) center / cover;
  transform: translateX(-50%);
}
.case-point_txt {
  width: calc(100% - 180px);
  position: relative;
  padding-left: 3rem;
}
.case-point_txt:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: #eae8e8;
}
@media screen and ( max-width:767px) {
  .case-list .item{
    border:2px solid #015db2;
    padding:2rem;
  }
  .case-header__box{
    width: 100%;
    padding:1.6rem;
    margin-bottom:1.6rem;
  }
  .case-header__box .ttl{
    font-size: 2.2rem;
    text-align: center;
  }
  .case-header__ttl{
    font-size: 2rem;
    width: 100%;
    text-align: center;
  }
  .case-point_ttl{
    width: 100%;
  }
  .case-point_ttl p{
    display: inline-block;
    font-size: 1.6rem;
    padding-bottom:1.6rem;
    padding-left:18px;
  }
  .case-point_ttl p::before{
    position: absolute;
    content: "";
    bottom: 50%;
    left: 0px;
    width: 14px;
    height: 24px;
    background: url(/pro/seller/lp_04/assets/img/point-icon.svg) center / cover;
    transform: translate(-50%, 0);
  }
  .case-point_txt {
    width: 100%;
    position: relative;
    padding: 1.6rem 0 0 0;
  }
  .case-point_txt:before {
    width: 100%;
    height: 1px;
  }
}


/* ----------------------------------------------------
  REASON
-------------------------------------------------------
*/
#reason{
  background-color: #e6f0f7;
  overflow: hidden;
}
.reason-list{
  position: relative;
  padding: 5rem 0 6rem;
}
.reason-list:after{
  content: "";
  width: 200%;
  height: 100%;
  background-color: #a6caf1;
  background-image: linear-gradient(90deg, #a4c3e4, #a6caf1);
  position: absolute;
  border-radius: 0 .4rem .4rem 0;
  left: auto;
  right: 25%;
  top: 0;
}
.reason-list .item:nth-of-type(n+2) {
  margin-top: 10rem !important;
}
.reason-list .item{
  background-color: #fff;
  border-radius: .4rem;
  position: relative;
  padding: 3rem 4rem 5rem;
  z-index:2;
  text-align: center;
  margin-top: 4.5em;
}
.reason-list .item-row{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.reason-list .item-pic{
  width: 36.3%;
  position: relative;
}
.reason-list .item-pic img{
  border-radius: .4rem;
  overflow: hidden;
}
.reason-list .heading{
  color: #fff;
  background-color: #216eb4;
  background-image: linear-gradient(90deg, #216eb4, #3a95e6);
  font-size: 3.6rem;
  font-weight: 800;
  line-height: 1.22;
  margin: -7.5rem 0 4rem;
  position: relative;
  padding: 2.2rem 1rem 2.2rem 15rem;
  text-align: left;
  max-width: 963px;
  border-radius: .4rem;
}
.reason-list .heading:before {
  content: "01";
  position: absolute;
  left: 20px;
  top: 48%;
  -webkit-transform: translate(0,-50%);
  transform: translate(0,-50%);
  font-size: 94px;
  font-weight: 700;
  line-height: 1;
  color: #a88e51;
  font-family: "Barlow Semi Condensed", sans-serif;
}
.reason-list li:nth-child(2) .heading:before {
  content: "02";
}
.reason-list li:nth-child(3) .heading:before {
  content: "03";
}
.reason-list li:nth-child(4) .heading:before {
  content: "04";
}
.reason-list .item-txt{
  position: relative;
  width: 60.5%;
  text-align: left;
}
.reason-list .item-txt .subheading{
  font-size:2.4rem;
  font-weight: 700;
  line-height: 1.44;
  margin-bottom:1.8rem;
}
.reason-list .item-txt .subheading sup{
  font-size: 1.4rem;
  position: relative;
  top:-10px;
}
.reason-list .item-txt .amount{
  border: 3px solid #d7dadc;
  display: inline-block;
  padding: 0.6rem 1.2rem;
  line-height: 1.2;
}
.reason-list .item-txt .amount .fs-large{
  font-size: 4.5rem;
}
.reason-list .item-row .amount .tx-caption{
  font-weight: normal;
  margin-left: 5px;
}
.reason-item02-img{
  margin:4rem auto 0;
}
.reason-item02-strong .strong-ttl{
  color: #015db2;
  font-size:2.4rem;
  font-weight: 700;
  line-height: 1.44;
  margin-bottom:2rem;
  letter-spacing: 0;
}
.reason-strong02-service{
  background-color: #004e97;
  border-radius: .4rem;
  padding:2rem;
  position: relative;
  overflow: hidden;
}
.reason-strong02-service .service-ttl{
  color: #fff;
  font-size:2.4rem;
  font-weight: 700;
  line-height: 1.44;
  margin-bottom:2rem;
  letter-spacing: 0;
  position: relative;
}
.reason-strong02-service .service-ttl span{
  display: block;
  font-size: 4rem;
}
.reason-strong02-service::before {
  content: "ONE STOP SERVICE";
  position: absolute;
  top: -10px;
  left: 50%;
  color: rgba(0, 0, 0, .1);
  font-size: 100px;
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 700 !important;
  line-height: 1.1;
  letter-spacing: -.04em;
  text-align: center;
  transform: translateX(-50%);
  width: 100%;
}
.reason-item02-service-list{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 1rem;
  row-gap: 1rem;
}
.reason-item02-service-list li{
  background-color: #fff;
  border-radius: .4rem;
  padding:1rem;
  margin:0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 1rem;
}
.reason-item02-service-list li .icon{
  width: 80px;
}
.reason-item02-service-list li .icon-txt{
  width: calc(100% - 96px);
  font-size:1.8rem;
  font-weight: 700;
  line-height: 1.44;
  letter-spacing: 0;
  text-align: left;
}
.reason-item03-img{
  max-width: 112rem;
  margin:4rem auto 0;
}
.reason-item04{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 4rem;
}
.reason-item04 strong{
  font-weight: 700;
}
.reason-item04-box{
  text-align: left;
  padding: 0 3rem;
}
.reason-item04-box:nth-child(2){
  border-left: 1px solid #ddd;
}
.reason-item04-ttl{
  font-size:2.2rem;
  font-weight: 700;
  color: #225db2;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.reason-item04-ttl .point{
  background: #225db2;
  color: #fff;
  padding: 0.2rem 0.6rem 0.6rem;
  display: inline-block;
  font-size: 2rem;
  font-weight: bold;
  margin-right: 1.3rem;
}
.reason-item04-ttl .point.num{
  padding: 0;
  margin: 0;
  font-size: 2.6rem;
}
.reason-item04-img{
  max-width: 290px;
  width: auto;
  margin: 2rem auto;
}
.reason-item04-box .tx-caption{
  display: inline-block;
}

@media screen and ( max-width:1024px) {
  .reason-strong02-service::before {
    content: none;
  }
}
@media screen and ( max-width:767px) {
  .reason-list{
    padding: 3rem 0 6rem;
  }
  .reason-list .item{
    padding: 0.1rem 2rem 3rem;
  }
  .reason-list .item:nth-of-type(n+2) {
    margin-top: 7rem !important;
  }
  .reason-list .item-pic{
    margin-bottom: 2rem;
    width: 100%;
  }
  .reason-list .heading:before {
    left: 1.5rem;
    font-size: 46px;
  }
  .reason-list .item-txt{
    width: 100%;
  }
  .reason-list  .heading{
    font-size: 2rem;
    margin: -2em 0 2rem -2rem;
    width: auto;
    padding: 1.4rem 0rem 1.4rem 7.2rem;
    min-height: 88.53px;
    display: flex;
    align-items: center;
  }
  .reason-list .item-txt .subheading{
    font-size: 1.52rem;
    margin-bottom:1.8rem;
  }
  .reason-list .item-txt .subheading sup{
    font-size: 1.4rem;
    position: relative;
    top:-10px;
  }
  .reason-list .item-txt .subheading sup{
    font-size: 1.2rem;
  }
  .reason-list .item-txt .amount{
    display: block;
    line-height: 1.2;
    padding: 1.2rem 1rem;
  }
  .reason-list .item-txt .amount .fs-large{
    font-size: 2rem;
  }
  .reason-list .item-row .amount .tx-caption{
    font-size: 1.1rem;
    margin-left: 0;
  }
  .reason-strong02-service{
    padding:2rem 1rem;
  }
  .reason-strong02-service .service-ttl{
    font-size:1.8rem;
    margin-bottom:2rem;
  }
  .reason-strong02-service .service-ttl span{
    font-size: 2.4rem;
  }
  .reason-item02-service-list{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    column-gap: 4%;
  }
  .reason-item02-service-list li{
      padding: 0.6rem;
      width: 46%;
  }
  .reason-item02-service-list li .icon{
    width: 40px;
  }
  .reason-item02-service-list li .icon-txt{
    width: calc(100% - 50px);
    font-size: 1.1rem;
  }
  .reason-item03-img{
    width: 80%;
  }
  .reason-item04{
    grid-template-columns: repeat(1, 1fr);
  }
  .reason-item04-box{
    padding: 0 0 2rem;
  }
  .reason-item04-box:nth-child(2){
     border-top: 1px solid #ddd;
     border-left: none;
     padding: 2rem 0 0;
  }
  .reason-item04-ttl{
    font-size: 1.7rem;
  }
  .reason-item04-ttl .point{
    margin-bottom: 0.8rem;
    font-size: 1.8rem;
  }
  .reason-item04-ttl .point.num{
    font-size: 2.2rem;
  }
  .reason-item04-img{
    width: 80%;
  }
}


/* ----------------------------------------------------
  Voice
-------------------------------------------------------
*/
#voice{
  background-color: #f9f9f9;
  overflow: hidden;
}
#voice .voice-list{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 2rem;
  row-gap: 5rem;
}
#voice .voice-list .item{
  background-color: #fff;
  border-radius: .4rem;
  padding:0 3rem 4rem;
  text-align: center;
}
.voice-item__cate{
  border-radius: 6rem;
  background-color: #015db2;
  background-image: linear-gradient(90deg, #004a8f, #0073de);
  color:#fff;
  display: inline;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom:1.6rem;
  padding:.3rem 2rem;
  position: relative;
  top:-10px;
  margin-bottom:-10px;
}
.voice-item__pic{
  height: 90px;
  margin:2rem auto 2rem;
  width: 90px;
}
.voice-item__heading{
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.44;
  margin:0 0 1.6rem;
}

.voice-item__txt{
  font-size:1.4rem;
  text-align: left;
}
@media screen and ( max-width:767px) {
  .voice-item__heading{
    font-size: 1.5rem;
  }
  #voice .voice-list{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 4rem;
  }
  #voice .voice-list .item{
    padding:0 2rem 3rem;
  }
}


/* ----------------------------------------------------
  Flow
-------------------------------------------------------
*/
.flow-list{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.flow-list li{
  width: 21.5%;
  margin: 0 4.6% 0 0;
  position: relative;
}
.flow-list li:nth-child(4n) {
  margin: 0 0 0 0;
}
.col-4 .row:nth-child(4n) {
  margin: 0 0 0 0;
}
.flow-list li:nth-of-type(n+5) {
  margin-top: 4.4rem !important;
}
@media screen and (min-width: 769px){
  .flow-list li:nth-of-type(n+2)::before {
    content: "";
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    left: -44px;
    top:calc(35% - 16px);
    width: 32px;
    height: 32px;
    background-image: url(/pro/seller/lp_04/assets/img/flow-arrow_pc.svg);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
  }
  .flow-list li:nth-of-type(5)::before {
    content: none;
  }
}
.flow-list__num{
  background: #fff;
  border: 2px solid #015db2;
  border-radius: 50%;
  color: #015db2;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2.2rem;
  font-weight: 700;
  height: 50px;
  left:calc(50% - 25px);
  top:0;
  line-height: 50px;
  text-align: center;
  position: relative;
  width: 50px;
  z-index: 1;
}
.flow-list__pic {
  border-radius: 3px;
  overflow: hidden;
  margin-bottom:-2.5rem;
  position: relative;
  top:-25px;
}
.flow-list__heading{
  font-size:1.8rem;
  font-weight: 700;
  line-height: 1.44;
  margin-top:2rem;
  margin-bottom:1rem;
  text-align: center;
}
.flow-list__txt{
  font-size:1.4rem;
  line-height: 1.66;
}
@media screen and ( max-width:767px) {
  .flow-list li{
    width: 100%;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom:1px solid #ddd;
    padding-bottom:2.4rem;
  }
  .flow-list li:nth-of-type(n+2) {
    margin-top: 1.2rem !important;
  }
  .row-pic{
    width: 35%;
  }
  .row-txt{
    width: 60%;
  }
  .flow-list__num{
    font-size: 1.6rem;
    height: 40px;
    left:-10px;
    top:0;
    line-height: 40px;
    width: 40px;
  }
  .flow-list__heading{
    text-align: left;
    margin-top: 1.5rem;
  }
}



/* ----------------------------------------------------
  Faq
-------------------------------------------------------
*/
.faq_contents{
  text-align: left;
  padding: 2.5rem 3rem 2.5rem 3rem ;
  box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  border-radius: .4rem;
  border:1px solid #fff;
  transition: .3s;
}
.faq_contents:not(:first-child){
  margin-top: 2rem;
}
.faq_contents.selected{
  border:1px solid #015db2;
}
.faq-head {
  position: relative;
  cursor: pointer;
  font-size:2rem;
  font-weight: 700;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.icon-faq {
  font-size: 2.4rem;
  color: #015db2;
}
.faq-head .ttl {
  width: calc(100% - 30px);
  letter-spacing: 1px;
}
.toggle_icon {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  display: block;
  width: 30px;
  height: 30px;
  background-color: #015db2;
  padding: 10px;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  border-radius: 50%;
}
.toggle_icon:before, .toggle_icon:after {
  display: block;
  content: '';
  background-color: #fff;
  position: absolute;
  width: 15px;
  height: 2px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.toggle_icon:before {
  width: 2px;
  height: 15px;
}
.faq_contents.selected .toggle_icon:before {
  content: normal;
}
.faq_contents dd {
  display: none;
}
.faq-body {
  background-color: #f9f9f9;
  margin-top: 1rem;
  border-radius: .4rem;
  padding: 2rem ;
}
.faq-body {
  letter-spacing: 1px;
  line-height: 1.66;
}
.faq-body p span{
  display: block;
  font-size:1.2rem;
}
.faq-body a {
  color: #4b63e0;
  text-decoration: underline;
}
.faq-body a:focus, .faq-body a:active, .faq-body a:hover {
  color: #4b63e0;
  text-decoration: none;
}
@media screen and ( max-width:767px) {
  .faq_contents{
    padding: 1.5rem 1rem;
  }
  .faq-head {
    padding: 0 5rem 0 0;
    font-size:1.5rem;
  }
  .icon-faq {
    font-size: 2rem;
  }
  .faq-body{
    margin-top: 1rem;
    padding: 1.5rem 2rem;
  }
  .toggle_icon {
    width: 20px;
    height: 20px;
    padding: 10px;
  }
  .toggle_icon:before, .toggle_icon:after {
    width: 10px;
    height: 2px;
  }
  .toggle_icon:before {
    width: 2px;
    height: 10px;
  }
}


/* ----------------------------------------------------
  Cta
-------------------------------------------------------
*/
.cta-area{
  background-color: #0a3f67;
  background-image: linear-gradient(90deg, rgba(3, 32, 53, 1), rgba(10, 63, 103, 1));
  color:#fff;
  padding:3rem 0;
  line-height:1.44;
  position: relative;
  overflow: hidden;
}
.cta-area .inner{
  max-width:1160px ;
}
/* .cta-area::before{
  content: "";
  background-color: #666;
  position: absolute;
  width: 50%;
  height: 100%;
  left:0;
  top:0;
} */
.cta-heading{
  font-size:2.2rem;
  line-height: 1.44;
  position: relative;
}
.cta-heading span{
  font-size:3rem;
  font-weight: 700;
    display: inline;
  background: linear-gradient(#fff, #fff) 0 100% / 100% 2px no-repeat;
}
.cta-main-heading{
  font-size:2.6rem;
  font-weight: 700;
  line-height: 1.44;
  margin-bottom:2rem;
  text-align: center;
}
.cta-list{
  /* align-items: end; */
  position: relative;
}
.cta-list.col-2 .row {
  width: 49%;
}
.cta-block-list .row:nth-child(1){
  width: 60%;
}
.cta-block-list .row:nth-child(2){
  width: 38%;
}
@media screen and ( min-width:768px) {
  .cta-list.col-2 .row:nth-child(odd) {
    margin: 0 1% 0 0;
  }
  .cta-list.col-2 .row:nth-child(even) {
    margin: 0 0 0 1%;
  }
  .btn-assessment:hover{
    transform: translate3d(0,-4px,0);
  }
}
.cta-btn {
  align-items: center;
  border-radius: .8rem;
  color:#111 !important;
  display: flex;
  height: 9.5rem;
  justify-content: center;
  overflow: hidden;
  position: relative;
  transition: .3s;
}
.btn-assessment{
  background-color: #b10510;
  background-image: linear-gradient(0deg, #ffffff 0%, #f4dda5 100%);
  border: 1px solid #ffcc34;
  font-size: 3rem;
  font-weight: 900;
  box-shadow: 0px 6px 0px 0px rgba(0, 0, 0, 0.45);
}
.btn-assessment::before{
  background: url(/pro/seller/lp_04/assets/img/btn-arrow.svg);
  background-size: 32px 32px;
  content: '';
  height: 32px;
  position: absolute;
  right: 10px;
  top: calc(50% - 16px);
  vertical-align: middle;
  width: 32px;
}
.cta-btn__txt{
  position: relative;
  padding-left:80px;
  z-index: 2;
}
.cta-btn__highlight{
  width: 70px;
  height: 70px;
  position: absolute;
  top: calc(50% - 35px);
  left:0px;
  z-index: 1;
}
.cta-btn__highlight img{
  opacity: 1 !important;
}
.btn-assessment:hover{
  background-image: linear-gradient(0deg, #f4dda5 0%, #ffffff 100%);
  box-shadow: none;
  transform: translate3d(0,4px,0);
}
.btn-assessment::after {
  animation: shine 2.5s ease-in-out infinite;
  background: linear-gradient(0, rgba(255, 194, 0, 1) 0%, rgba(255, 194, 0, 1) 100%);
  content: "";
  height: 100%;
  left: -160%;
  position: absolute;
  top: 0;
  transform: skewX(-45deg);
  opacity: 0.5;
  width: 140%;
}
@keyframes shine {
  0% { left: -160%; opacity: 0; }
  50% { left: -160%; opacity: 0.5; }
  70% { left: -160%; opacity: .7; }
  100% { left: -20%; opacity: 0; }
}

.btn-tel{
  border: 1px solid #466379;
  color:#fff!important;
  display: flex;
  justify-content:center;
  padding:0 1rem 0 1.6rem;
}
.btn-tel:hover{
  opacity: .4;
}
.btn-tel .heading{
  flex-shrink: 0;
  font-size:1.4rem;
  line-height: 1.4;
  position: relative;
}
.btn-tel .tel-num {
  flex-grow: 1;
  margin-left: 14px;
  padding-left: 14px;
  position: relative;
}
@media screen and ( min-width:1081px) {
  .btn-tel .tel-num:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background: #466379;
  }
}

.btn-tel .num{
  display: block;
  font-size: 3.4rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: .04em;
  position: relative;
  padding-left: 3rem;
}
.btn-tel .num::after {
  content: '';
  display: block;
  width: 26px;
  height: 26px;
  background: url(/pro/seller/lp_04/assets/img/cta-tel.svg) 0 0 no-repeat;
  background-size: 100%;
  position: absolute;
  top: 6px;
  left: 0;
}
.btn-tel .txt{
  padding-top:.3rem;
  line-height: 1.2;
  font-size:1.2rem;
  text-align: left;
}

@media screen and ( max-width:1080px) {
  .cta-area{
    padding:2.5rem 0;
  }
  .cta-list.col-2 .row {
    width: 100%;
    margin:0 !important;
  }
  .cta-list.col-2 .row:nth-of-type(n+2) {
    margin-top: 1.6rem !important;
  }
  .cta-block-list .row:nth-child(1){
    width: 100%;
  }
  .cta-block-list .row:nth-child(2){
    width: 100%;
    margin:0 auto;
  }
  .cta-heading{
    font-size:1.3rem;
    text-align: center;
  }
  .cta-heading span{
    font-size:1.7rem;
  }
  .cta-main-heading{
    font-size:1.5rem;
  }
  .cta-btn{
    height: 6.6rem;
  }
  .cta-area .cta-btn::before{
    position: absolute;
    top: calc(50% - 12px);
    right: 10px;
    content: '';
    background: url(/pro/seller/lp_04/assets/img/btn-arrow.svg);
    width: 24px;
    height: 24px;
    background-size:24px 24px;
    vertical-align: middle;
  }
  .cta-area .btn-assessment{
    font-size: 2rem;
  }
  .cta-block-list .btn-assessment{
    font-size: 1.8rem;
  }
  .cta-btn__txt{
    padding-left:50px;
  }
  .cta-btn__highlight{
    width: 44px;
    height: 44px;
    position: absolute;
    top: calc(50% - 22px);
  }
  .cta-area .btn-tel{
    align-items: center;
    text-align: center;
    flex-wrap: wrap;
    margin-top:16px;
    padding:1rem 2rem;
  }
  .cta-area .btn-tel::before{
    background: url(/pro/seller/lp_04/assets/img/btn-arrow-w.svg);
    width: 24px;
    height: 24px;
    background-size:24px 24px;
  }
  .cta-area .btn-tel:hover{
    background-color: #06416e;
  }
  .btn-tel .tel-num {
    margin-left:0;
    padding-left:0;
    opacity: .8;
  }
  .btn-tel .tel-num::before {
    display: none;
  }
  .btn-tel .heading{
    display: block;
    width: 100%;
    font-size: 1.4rem;
    font-weight: 700;
    opacity: .8;
  }
  .cta-area .btn-tel .num{
    display: none;
    font-size: 2.4rem;
    padding-left: 24rem;
  }
  .cta-area .btn-tel .txt{
    font-size:1.1rem;
    padding-top:5px;
    text-align: center;
  }
}


/* ----------------------------------------------------
  Footer
-------------------------------------------------------
*/
#footer{
  background-color: #f7f7f7;
  padding:7rem 0 ;
  margin-bottom:19rem;
}
.footer-logo{
  max-width: 320px;
  margin:0 auto 4rem;
}
.footer-link-list {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  font-size: 1.4rem;
  border-bottom:1px solid #ddd;
  padding-bottom:6rem;
}
.footer-link-list a{
  color:#111;
  position: relative;
  padding-right: 2rem;
}
.footer-link-list a:hover{
  color:#666;
}
.copyright{
  text-align: center;
  font-size: 1.2rem;
  font-weight: 400;
  padding-top:4rem;
}
@media (min-width: 768px){
  .footer-link-list>li {
    margin-left: 2em;
  }
}


#fix-content{
  background-color: #062d4a;
  padding:2rem 0;
  width: 100%;
  position: fixed;
  bottom: -25rem;
  left: 0;
  z-index: 2;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  -webkit-transition: all 0.6s ease-in-out;
  color:#fff;
  line-height:1.44;
  text-align: center;
}
#fix-content.show {
  bottom: -1px;
}
#fix-content .inner{
  max-width: 114rem;
}
#fix-content .heading{
  font-size:2.2rem;
  font-weight: 700;
  margin-bottom:1.6rem;
}
#fix-content .cta-btn{
  height: 7.8rem;
}
#fix-content .btn-assessment{
  font-size: 2.4rem;
}
#fix-content .btn-tel .num{
  font-size: 3.6rem;
  font-weight: 500;
  padding-left: 3rem;
  text-align: left;
}
#fix-content .btn-tel .num::after {
  width: 26px;
  height: 26px;
  top: 5px;
}
#fix-content .cta-list .row:nth-child(1){
  width: 62%;
}
#fix-content .cta-list .row:nth-child(2){
  width: 37%;
}
#fix-content .heading-tel{
  font-size:1.2rem;
  line-height: 1.4;
  margin-right: 1.2rem;
}
@media screen and ( min-width:1081px) {
  #fix-content .btn-tel .in{
	position: relative;
	padding-left: 1rem;
  }
  #fix-content .btn-tel .in:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background: #466379;
  }
}
@media screen and ( max-width:767px) {
  /* #footer{
    margin-bottom:100px;
  } */
  #fix-content{
    padding:1.6rem 0 0;
  }
  #fix-content .inner{
    padding:0;
  }
  #fix-content .cta-btn .heading{
    width:90%;
  }
  #fix-content .heading{
    font-size:1.5rem;
    margin-bottom:1rem;
    text-align: center;
  }
  .fix-cta-list__sp li.assessment{
    width: 60%;
  }
  .fix-cta-list__sp li.tel{
    width: 40%;
  }
}


.flow-documents{
  margin-top:4rem;
}
.flow-documents .lead-copy{
  text-align: center;
}
.flow-documents .document-box{
  background-color: #e6f0f7;
  border-radius: .4rem;
  padding:3rem;
  margin-top:1.6rem;
}
.flow-documents .document-box .item{
  border-right: 0.2rem dotted #cbcbcb;
}
.flow-documents .document-box .item:last-child{
  border-right: none;
}
.flow-documents .document-box .ttl{
  font-weight: 700;
  margin-bottom: 1rem;
}
@media screen and ( max-width:767px) {
  .flow-documents .document-box{
    padding:2rem;
  }
  .flow-documents .document-box .item{
    border-bottom: 0.2rem dotted #cbcbcb;
    margin-bottom:1.5rem;
    padding-bottom:1.5rem;
    border-right: none;
  }
  .flow-documents .document-box .item:last-child{
    border-bottom: none;
    margin-bottom:0;
    padding-bottom:0;
  }
}