@charset "utf-8";
/* CSS Document */

/* --■■■■■■■■■■■■■■■■■　TAB　■■■■■■■■■■■■■■■■■--*/
/* DUMMY */
/* @media screen and (min-width: 768px) {
  body#top{background-image: url(../../images/dummy/index.png);}body#about{background-image: url(../../images/dummy/about.png);}body#service{background-image: url(../../images/dummy/service.png);}body#use{background-image: url(../../images/dummy/use.png);}body#faq{background-image: url(../../images/dummy/faq.png);}
  body{background-position: center top;background-size: auto;background-repeat: no-repeat;background-color:rgba(255,255,255,0.5);background-blend-mode:lighten;
  }

}
#wrap{ opacity: .5;}  */

.hide{display: none;}

*{box-sizing: border-box;}
img{max-width: 100%;}
#wrap{position: relative;overflow: hidden;}
#wrap{min-width: 1200px;}
#wrap{min-width: 1160px;}
.HdMgn{display: block;height: 0;}
.HdMgn{
  height: 0;
  display: none;
  /* transition: height 0.3s linear; */
}

/* 文字の上に点 */
.dots {-webkit-text-emphasis: filled;text-emphasis: filled;  }

/*------------------------------
  フェードイン
------------------------------*/
.l-to-r {opacity: 0.1;transform: translateX(-40px); transition: all 1s;}
.l-to-r.scrollin { opacity: 1;  transform: translate(0);}
.r-to-l { opacity: 0.1;  transform: translateX(40px);  transition: all 1s;}
.r-to-l.scrollin { opacity: 1;  transform: translate(0);}
.b-to-t { opacity: 0.1;  transform: translateY(40px);  transition: all 1s;}
.b-to-t.scrollin { opacity: 1;  transform: translateY(0);}
.t-to-b { opacity: 0.1;  transform: translateY(-40px);  transition: all 1s;}
.t-to-b.scrollin { opacity: 1;  transform: translateY(0);}

.wrapTable table.price{border-radius: 10px;}
.wrapTable table {width: 100%;border-collapse: collapse;overflow: hidden;}

 .wrapTable table tr{border-bottom: 2px solid #fff; }
 .wrapTable table th{font-size: 20px;color: #fff; padding: 15px; background:#999999; text-align: center;border-right: 2px solid #fff;vertical-align: middle;}
 .wrapTable table th.bgBlue{background-color: #323f5b;}
 .wrapTable table th.bgSkyBlue{background-color: #D8F2FC;} 
 .wrapTable table th.bgRed{background-color: #df1f3d; color: #fff; }
 .wrapTable table td.bgRed{background-color: #df1f3d; color: #fff; }
 .wrapTable table td.bgBlue{background-color: #323f5b; color: #fff;letter-spacing: 0.1em;}
 .wrapTable table td.bgPink{background-color: #ffcdcd; }
 .wrapTable table td.bgSkyBlue{background-color: #D8F2FC;} 
 .wrapTable table th.bgGreen{background-color: #618937; color: #fff;}
 .wrapTable table td.bgGreen{background-color: #52c123; color: #fff;}
 
 .wrapTable table thead th{font-weight: 900; }
 .wrapTable table td .emNum{font-size: 40px; }
 .wrapTable table th.none,{background: #fff;}
 .wrapTable table th.em{background: #cfcfcf; color: #222;}
 .wrapTable table th img{max-width: 70%;}    
 .wrapTable table td{font-size: 20px;padding: 12px; background: #eee;text-align: center; vertical-align: middle;border-right: 2px solid #fff;font-weight: 500;}
 .wrapTable table td:last-child{border-right:none;}
 .wrapTable table tbody tr.price td{font-weight: 900; padding: 30px 15px; position: relative;}
 .wrapTable table tbody tr.price td .img-imanara{position: absolute;top:-5%; right: 10px; width: 25%;}
 .wrapTable .note{text-align: left; margin-top: 5px;}
 .wrapTable table.half td{width: 50%;}

    #inquiry {position: relative;overflow: visible;padding: 30px 0;}
    #inquiry .lead{font-size: 27px;font-weight: 900;line-height: 1.4;margin-bottom: 40px;}
    #inquiry .lead .em{font-weight: 900;}
    #inquiry{border-radius: 6px;background-color: #df1f3d;}
    #inquiry .table--mailform a{color: #fff;}
    #inquiry .table--mailform a:hover{text-decoration: none;}
    #inquiry .lead{margin-bottom: 40px;}
    #inquiry #wrapForm{padding: 3em;}
    .table--mailform .f_c_red{color: #FBEB5D}
    .table--mailform .flex-box {
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;}
    .flex-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-item-align: stretch;
        align-self: stretch;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;}
    .table--mailform {width: 100%;border-spacing: 0}
    .table--mailform tr:not(:last-child) {}
    .table--mailform td,.table--mailform th {
        line-height: 1.4;
        text-align: left;
        padding: 0;
        display: block;
        color: #fff;}
    .table--mailform td {
        width: 70%;
        width: 100%;}
    .table--mailform th {
        width: 30%;
        width: 100%;
        padding: 3rem 0 0.5rem;
        vertical-align: top}
    .table--mailform th .flex-box {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start}
    .table--mailform fieldset {letter-spacing: -.4em}
    .table--mailform fieldset,.table--mailform input,.table--mailform textarea,.table--mailform select {
        padding: 0;
        margin: 0;
        border: none;
        font-size: 14px;
        font-size: 1.4rem;}
    .table--mailform input:not([type="checkbox"]):not([type="radio"]),.table--mailform select {
        padding: 1.0em;}
    .table--mailform ul.input-small input:not([type="checkbox"]) {
        width: 100%;
        max-width: 100px}
    .table--mailform label {padding: 0 .5rem 0 0}
    .table--mailform input[type="checkbox"] {
      position: relative;
      width: 2rem;
      height: 2rem;
      border: 1px solid #fff;
      border-radius: 0.2rem;
      vertical-align: -0.5rem;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;}
    .table--mailform input[type="checkbox"]:checked:before {
      position: absolute;
      top: 0;
      left: 0.3rem;
      transform: rotate(50deg);
      width: 1rem;
      height: 1rem;
      border-right: 2px solid #fff;
      border-bottom: 2px solid #fff;
      content: '';}
    .table--mailform textarea {
        width: 100%;
        min-height: 125px;
        padding: .6rem;
        display: block;
        background: #fff;}
    .table--mailform .sub-text>div {
        vertical-align: middle;
        display: inline-block;
        *display: inline;
        zoom:1}
    .table--mailform .sub-text>div:nth-child(1) {width: 40%}
    .table--mailform .sub-text>div:nth-child(2) {
        font-size: 12px;
        font-size: 1.2rem;
        margin-left: 3%}
    .table--mailform .sub-text input:not([type="checkbox"]):not([type="radio"]) {width: 100%}
    .table--mailform .label {width: calc(100% - 50px - 1rem)}
    .table--mailform .mark {
        width: 50px;
        margin: 0 1rem 0 0;
        padding: .0rem .5rem;
        color: #fff;
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: bold;
        text-align: center;
        letter-spacing: .1rem;
        border-radius: 3px}
    .table--mailform .mark__red {background: #FBEB5D;color:#CF0037 }
    .table--mailform .mark__gray {background: #eee;color:#666 }
    .table--mailform .ifpersonal iframe {
        width: 100%;
        height: 100%;
        border: none;
        display: block;
        margin-bottom: 1rem;}
    .table--mailform .item-select {width: 100%}
    .table--mailform .item-select li {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start}
    .table--mailform .item-select li:not(:first-child) {margin: .5rem 0 0}
    .table--mailform ul.label-side {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start}
    .table--mailform ul.label-side li {width: 43.5%}
    .table--mailform ul.label-side li:not(:last-child) {padding: 0 3% 0 0}
    .table--mailform ul.label-side input:not([type="checkbox"]),.table--mailform ul.label-side textarea,.table--mailform ul.label-side select {width: 100%}
    
    #cvBtnArea {margin: 2rem 0 4rem;}
    #cvBtnArea .buttonYellow {
        max-width: 400px;
        margin: 0 auto;
        display: block;
        padding: 1.5rem 3rem;
        font-size: 18px;
        background: #FBEB5D;
        border: 1px solid #FBEB5D;
        border-radius: 3.0rem;}
    #cvBtnArea .buttonYellow:hover { background: #fbf6c6;}
    a.buttonYellow, a.buttonYellow:hover {color: #CF0037;text-decoration: none;}

    /* #inquiry #wrapForm table{width: 100%; }
    #inquiry #wrapForm table tr {border-bottom: solid 2px #fff;}
    #inquiry #wrapForm table tr:last-child{border:none;}
    #inquiry #wrapForm table th{width: 40%; background: #0099D6; color: #fff; font-size: 16px; text-align: left; font-weight: normal; padding: 15px; vertical-align: top;border-right: solid 2px #fff;}
    #inquiry #wrapForm table td{background: #eee; font-size: 16px; text-align: left;padding: 15px; vertical-align: middle; position: relative;}
    
    #inquiry #wrapForm table tr:first-child th{border-radius: 10px 0 0 0;}
    #inquiry #wrapForm table tr:last-child th{border-radius: 0 0 0 10px;}
    #inquiry #wrapForm table tr:first-child td{border-radius: 0 10px 0 0;}
    #inquiry #wrapForm table tr:last-child td{border-radius: 0 0 10px 0;}
    
    .selcted_form_crosslist{position: relative;}
    .selcted_form_crosslist > li{position: relative; margin-bottom: 10px;}    
    .selcted_form_crosslist > li:last-child{margin-bottom: 0;}

    #inquiry #wrapForm .ulFormBtn{display: flex; margin: 40px auto 0; width: 100%;}
    #inquiry #wrapForm .ulFormBtn > li{width:512px; margin: 0 auto;}
    #inquiry #wrapForm iframe {width: 100%;background: #fff;border: none;    border-radius: 5px; font-size: 14px; } */
    
  #footer{background: #f3f5f6;padding: 40px 0;color: #333;font-family:'ヒラギノ角ゴ ProN','メイリオ';width: 100%}
  #footer .ftInner{max-width:980px;margin:0 auto;}
  #footer .ftInner .kslogo{float:left;width:184px;}
  #footer .ftInner .telnum{float:right;width:272px;margin-left:15px;}
  #footer .ftInner .address{float:right;width:auto;font-size:13px;line-height:1.3;color:#555;}
    
  /* FORM */
  select, 
  textarea {
      color: #000;
      font-size: 16px;
      padding: 4px;
    border: 1px solid #999;
  }
  table input{ font-size: 16px; }
  .errm,
  .ymderrm { color: #FF0000!important; display: none; }
  .errm.on,
  .ymderrm.on { display: block;} 
  select{ line-height: 1; vertical-align: middle; padding: 6px; width: 468px; background: #f9f9f9; border: 2px solid #c0c0c0;    border-radius: 5px; }
  select.ymd { width: auto; }
  
  input[type="text"]  { line-height: 1;  vertical-align:middle; padding: 6px; width: 100%; border: none; border-radius: 3px;} 
      input[type="text"].w40{width: 40%; position: absolute; right: 30px;}
  textarea { line-height: 1.4;  vertical-align:middle; padding: 6px; width: 100%;border: none; border-radius: 5px;}
  input[type="text"].sw{width:50px;}
  input[type="text"].date{width:80%;}
  input[type="checkbox"]{border: 2px solid #c0c0c0; border-radius: 5px;}
  label { display: inline-block; padding-left: 5px; margin-bottom:3px; }
  label input { margin-left: -5px; vertical-align: top; margin-top: 6px;}
  .boxTextarea{padding:20px;border:1px #eaeaea solid; margin-bottom:0px;}
  #check .boxTextarea{padding:30px;border:1px #eaeaea solid; margin-bottom:0px;}
  #btnArea{position: relative; overflow: hidden;padding:30px 0 0;}
  .btn{padding:30px 0 0; text-align:center; margin:0 auto;}

  /* チェックボックス */	
/*
  .choice li label{
    color: #fff;
    padding: 20px;
    border-radius: 6px;
    width: 100%;
  }
  .choice li label input{
    margin-left:0;
  }
  .choice input[type="checkbox"] {
      border: 2px solid #000 !important;
      border-radius: 2px;
  }
*/

.btnSubmit{
  display: block;
  position: relative;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  
  text-align: center;
  display: inline-block;
  padding: 1em 2em;
  padding: 10px 40px;
  color: #fff;
  background-color: #FF316C;
  font-size: 1.5em;
  border-radius: 2em;
  text-decoration: none;
  
}

.btnSubmit:hover{
/* 	opacity: 90%; */
}
    
.btnCancel{
  display: block;
  position: relative;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  
  background-size: 20px auto;
  background: -moz-linear-gradient(#8a8a8a, #a0a0a0 50% , #8a8a8a 100%);
  background: -webkit-linear-gradient(#8a8a8a, #a0a0a0 50% , #8a8a8a 100%);
  background: linear-gradient(#8a8a8a, #a0a0a0 50% , #8a8a8a 100%);
    
  border-radius: 40px;
  font-feature-settings: "palt";
  color: #fff;
  height: 80px;
  font-size: 24px;
  font-weight: 900;
  line-height: 80px;
  text-decoration: none;}
    
.btnSubmit::after{
content: '';
    position: absolute;
    top: 25%;
    right: 4%;
    /* margin-top: -4.5px; */
/*     background: url(../../images/arrow-btn-right.png); */
    background-repeat: no-repeat;
    /* background-position: center center; */
    width: 42px;
    height: 42px;
    background-size: 100% auto;}

.tel{color: #df1f3d;font-size: 2.4rem; font-weight: 500;vertical-align: middle; }
.tel:before{
  content: '\f095';
  font-family: 'Font Awesome 5 Free';
  font-weight: 700;
  position: absolute;
  font-size: 20px;
  margin-left: -1.15em;
  margin-top: 0.5em;
  webkit-transform: rotate(110deg);
  transform: rotate(110deg);}

#menu{padding: 16px 0 12px;font-size: 12px;}
#menu .tel{ margin-right: 0.6em;}
#menu .tel:before{  font-size: 20px;}
#menu .btnHead{margin: 6px 0 0; }
#menu .btnHead a{
  text-align: center;
  display: inline-block;
  padding: 0.5em 2em;
  padding: 0.8em 3.5em;
  color: #fff;
  background-color: #D7003A;
  border: 2px solid #fff;
  font-size: 16px;
  border-radius: 28px;
  text-decoration: none;
  line-height: 1.0;
  margin-left: 1.0em;}
#menu .btnHead a:hover{
  color: #D7003A;
  background-color: #fff;
  border: 2px solid #D7003A;}

.btn,
a.btn,
button.btn {
  font-size: 1.2rem;
  font-weight: 700;
  font-weight: 500;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.01em;
  color: #212529;
  border-radius: 0.5rem;}
.btn-wrap {margin: 60px 0;}
a.btn-c {
  position: relative;
  text-align: center;
  display: inline-block;
  padding: 0.3em 5em;
  color: #fff;
  border: 2px solid #fff;
  background: none;
  font-size: 2.4rem;
  border-radius: 2em;
  text-decoration: none;}
a.btn-c span {
  font-size: 1.4rem;
  position: absolute;
  top: -10px;
  left: calc(50% - 250px);
  display: block;
  width: 500px;
  padding: 0.2rem 0;}
a.btn-c:hover {
  color: #df1f3d;
  border: 2px solid #df1f3d;
  background: #fff;}
a.btn-c:hover:before {left: 2rem;}
.bBtn {padding: 60px 0;}
.bBtn a.btn-c {
  color: #fff;
  background: #df1f3d;
  border: 2px solid #df1f3d;
  padding: 0.2em 3em;
  font-size: 1.8rem;}
.bBtn a.btn-c:hover {
  color: #df1f3d;
  background: #fff;
  border: 2px solid #df1f3d;}
.oBtn a.btn-c {
  color: #fff;
  background: #FF6C00;
  -webkit-box-shadow: 0 5px 0 #e66100;
  box-shadow: 0 5px 0 #e66100;}
.oBtn a.btn-c span {
  color: #222;
  border: 2px solid #e66100;
  border-radius: 0.5rem;
  background: #fff;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);}

.oBtn a.btn-c:hover {color: #fff;opacity: 90%;}
.oBtn a.btn-c:hover span{opacity: 90%;}
.oBtn a.btn-c i{color: #ffd900;}

/* INDEX共通 */
#top #mainvisual{
  background-image: url(../../images/mvbg.png);
  background-size: cover;
  height: 530px;
  width: 100%;}
#top #mainvisual2{position: relative;}
#top #mainvisualpolBg{position: absolute;height: 430px;width: 100%;}
#top #mainvisualpol{
  position: absolute;
  background-color: #CF0037; 
  height: 430px;
  width: 100%;
  clip-path: polygon(0 0, 100% 0, 0 100%);
  margin-top: -1px;`}
#top #mainpoint{
  width: 100%;
  padding: 70px 0 60px;
  background-color: #CF0037; }
#top #mainpoint img{margin: 0 auto;}
#top #wrapMainvisual .toContact h2{color: #ffea37;}
.contents{position: relative;}

/* PAGE共通 */
#pageHead{
  background-color: #CF0037;
  color: #fff;
  position: relative;}

  /*--■■■■■■■■■■■■■■■■■■　PC　■■■■■■■■■■■■■■■■■--*/


@media screen and (min-width: 768px) {
  .svg{width:240px;height:100%;position:absolute;margin-top: -10px;}
  
  .fs14{font-size: 1.4rem!important;}
  .fs20{font-size: 2.0rem!important;}
  .fs24{font-size: 2.4rem!important;}
  .fs30{font-size: 3.0rem!important;}
  .fs36{font-size: 3.6rem!important;}
  .fs40{font-size: 4.0rem!important;}
  .fs44{font-size: 4.4rem!important;}
  
  .wrapFlex {margin: 0 auto }
  .wrapFlex ul {display: flex;}
  .wrapFlex > ul li{display: block;width: 49.5%; margin-right: 1%; position: relative;border-radius: 6px;overflow: hidden;}
  .wrapFlex > ul.col3 li{width: 32%; margin-right: 2%; position: relative;}
  .wrapFlex > ul.col4 li{width: 24.6%; margin-right: 0.2%; position: relative;}
  .wrapFlex > ul li.col70{width: 70%; margin-right: 0; position: relative;}
  .wrapFlex > ul li.col30{width: 30%; margin-right: 0; position: relative;}
  .wrapFlex > ul li:last-child{margin-right: 0;}
  .wrapFlex .full > ul li{width: 100%;margin-right: 0}
  .wrapFlex .auto > ul li {width: auto;}
  
  .view-pc{display: block;}
  .view-sp{display: none;}
  .pc_hide {display: none;}	
  .sp_hide {display: block;}
  
  h1 {font-size: 6.0rem;font-weight: 900;line-height: 1;}
  h2 {font-size: 1.8rem;font-weight: 400;line-height: 1;}
  h3 {font-size: 20px;font-weight: 400;line-height: 1;}
  h4 {font-size: 30px;font-weight: 400;line-height: 1;}
  
  .contents{max-width: 1280px; margin: 0 auto; }
  .contents{max-width: 1200px; min-width: 1160px;}
  .inner{max-width: 1120px; margin: 0 auto; }
  /* #top .inner{max-width: 1160px; margin: 0 auto; } */
  #pageHead .inner{max-width: 1120px; margin: 0 auto; }


  /* TOP */
  #top #wrapMainvisual .cc{
    /* width: 55vw;
    max-width: 750px; */
    /* z-index: 100; */
    position: relative;
    padding-top: 50px;
    /* margin-bottom: 90px;
    margin-bottom: 5.0vw; */
    height: 530px;}
  #top #wrapMainvisual .cc h1 {
    line-height: 1.1;
    font-size: 7.6rem;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: 800;
    color: #df1f3d;
    /* color: #df1f3d; */
    text-align: baseline;
    text-shadow:0 0 6px #fff;}
  #top #wrapMainvisual .cc h1 span{
    font-size: 8.5rem;
    /* line-height: 1; */
    /* letter-spacing: 0.15em; */
    font-weight: 900;
    font-family: 'Noto Sans Japanese', Hiragino Kaku Gothic Pro, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic";
  }
  #top #wrapMainvisual .cc p{
    margin-top: 12px;font-weight: 700;
    text-shadow:1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff;
    letter-spacing: 0em;
  }
  #top #wrapMainvisual .cc h2{
    line-height: 1;
    font-size: 4.2rem;
    margin-top: 38px;}
  #top #wrapMainvisual .cc #kw{
    max-width: 767px;
    max-width: 576px;
    width: 45vw;
    height: auto;}
  #top #wrapMainvisual .mv{
    position: absolute;
    width: 100vw;
    min-width: 1160px;
    text-align: right;}
  #top #wrapMainvisual .mv .inner{
    max-width: 1420px;
    max-width: 1100px;
    margin: 0 auto;}
  #top #wrapMainvisual .mv img{
    max-width: 1030px;
    width: 1030px;
    margin-top: 15px;
    margin-right: -85px;
    margin-right: -135px;
    height: auto;}
  #top #wrapMainvisual .toContact h2{
    font-size: 2.7rem;
    margin-bottom: 20px;}
  #top #mainvisual{padding-bottom: 140px;}
  #top #mainvisual2 img.bgCopy01{
    position: absolute;
    top: -50px;
    margin-left: 94px;
    width: 20vw;
    max-width: 280px;}
  #top .mainBox01Wrap{padding: 0 0 170px;}
  #top .mainBox01{
    height: 460px;
    margin-top: 80px;
    padding: 50px 0;
    border-radius: 5px;
    border-width: 0px;
    border-color: rgb(0, 0, 0);
    border-style: solid;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.2);}
  .mainBox01 .boxFig img{
    max-width: 811px;
    position: absolute;
    right: -200px;
    /* top: 45px; */
    top: 0;}
  #top .mainBox01 .inner .txtBox{line-height: 1.7;max-width: 560px;margin-left: 0;}
  
  #top #features{background: #fff;}
  #top .mainBox02Wrap{padding: 0;}
  #top .mainBox02{height: 602px;}
  #top .mainBox02 .boxFig img{
    max-width: 775px;
    position: absolute;
    left: -165px;
    /* left: calc((1200px - 100vw)/2); */
    top: 0;}
  #top .mainBox02 .inner .txtBox{
    position: absolute;
    max-width: 420px;
    right: 90px;
    top: 0;
    line-height: 1.7;
    margin-top: 125px;}
  #top #function{}
  #top .mainBox03Wrap{padding: 0 0 130px;}
  #top .mainBox03{height: 666px;}
  #top .mainBox03 .boxFig .bgGlay{
    padding: 20px;
    background: #e9f0f2;
    max-width: 795px;
    position: absolute;
    right: -65px;
    /* top: 45px; */
    top: 0;}
  #top .mainBox03 .boxFig img{}
  #top .mainBox03 .inner .txtBox{
    line-height: 1.7;
    max-width: 420px;
    padding-top: 125px;}
  #top .mainBox03 .inner .txtBox p{margin-bottom: 3.0rem;}
  
  #top .mainBox01 h3,
  #top .mainBox02 h3,
  #top .mainBox03 h3{
    font-weight: 500;
    color: #df1f3d;
    font-size: 4.0rem;
    margin-bottom: 45px;}

  /* PAGE HEADER */
  #pageHead{height: 440px;}
  #pageHead .copy{
    padding-top: 95px;
    max-width: 460px;}
  #pageHead .copy h1{
    max-width: 370px;
    font-weight: 500;
    margin-bottom: 3.0rem;}
  #pageHead .copy h2{
    font-size: 2.54rem; 
    margin-bottom: 1.8rem;}
  #pageHead .copy p{
    font-size: 1.8rem;
    line-height: 1.4;}
  #pageHead .fig{
    max-width: 680px;
    position: absolute;
    right: -40px;
    top: 50px;}
  #about #pageHead .fig{
    max-width: 718px;
    right: 0;}
  #service #pageHead .copy{
    padding-top: 80px;
    max-width: 450px;}
  #use #pageHead .copy{
    padding-top: 80px;
    max-width: 450px;}
  #service #pageHead .copy h1,
  #use #pageHead .copy h1{
    font-size: 4.2rem;
    max-width: 400px;
    line-height: 1.2;
    margin-bottom: 2rem;;}
  #contact #pageHead,
  #price #pageHead,
  #faq #pageHead{height: 150px;}
  #contact #pageHead .copy,
  #price #pageHead .copy,
  #faq #pageHead .copy{padding-top: 55px;}
  #contact #pageHead .copy h1,
  #price #pageHead .copy h1,
  #faq #pageHead .copy h1{font-size: 4.0rem;}
  
  #footer{background: #ffffff;padding: 40px 0;color: #333;}
  #footer .ftInner{max-width:1280px;margin:0 auto;max-width: 90vw;}
  #footer .ftInner .kslogo{float:left;width:180px;}
  #footer .ftInner .telnum{float:right;width:272px;margin-left:15px;}
  #footer .ftInner .address{float:right;width:auto;font-size:13px;line-height:1.3;color:#555;}
  
  #menu .btnHead{text-align: right;padding: 8px 0;font-size: 14px;}
  
  .btnCv {
    display: block;
    position: relative;
    width: 512px;
    margin: 0 auto;
    text-align: center;
    background: -moz-linear-gradient(#57af01, #93d100 50% , #57af01 100%);
    background: -webkit-linear-gradient(#57af01, #93d100 50% , #57af01 100%);
    background: linear-gradient(to bottom, #93d100 0%, #57af01 100%);
    text-shadow: 0 1px 0 #509300;
    border-radius: 40px;
    font-feature-settings: "palt";
    color: #fff;
    height: 80px;
    font-size: 24px;
    font-weight: 900;
    line-height: 1.2;
    padding: 10px 0;
    text-decoration: none;
  }
  
  .biggest{font-size: 250%;}
  .bigger{font-size: 180%;}
  .big{font-size: 150%;}
  .mid{font-size: 120%;}
  .mini{font-size: 75%;}
  
  .bigPrice{font-size: 3.8rem;line-height: 1.0;margin: 0;padding: 0;}
  .bgRed .mini{display: block;}
  
  .bpluslist li .fcOrange{margin: 20px 0;display: block;}

}
@media screen and (min-width: 1300px) {
  .contents {max-width: 1280px;}
}

@media screen and (max-width: 1280px)  and (min-width: 769px) {
  .contents{padding: 0 10px;}
  
  .txtBox .bBtn {padding: calc(60/1280*100vw) 0;}
  #top .mainBox01 {height: calc(460/1280*100vw);margin-top: calc(80/1280*100vw);}
  #top .mainBox01 h3, #top .mainBox02 h3, #top .mainBox03 h3 {font-size: calc(40/1280*100vw);}
  #top .mainBox01 p, #top .mainBox02 p, #top .mainBox03 p ,
  #top .mainBox01 li, #top .mainBox02 li, #top .mainBox03 li {font-size: calc(16/1280*100vw);}
  #top .mainBox01 .boxFig img {
    left: calc(580/1280*100vw);
    max-width: calc(811/1280*100vw);}
  #top .mainBox01 .inner .txtBox {max-width: calc(560/1280*100vw);}
  #top .mainBox02 {height: calc(602/1280*100vw);}
  #top .mainBox02 .boxFig img{width: calc(775/1280*100vw);left: calc(-125/1280*100vw);}
  #top .mainBox02 .inner .txtBox{max-width: none;width: auto;right: 5vw;left: 60vw;margin-top: calc(125/1280*100vw);}
  #top .mainBox03 {height: calc(666/1280*100vw);}
  #top .mainBox03 .boxFig img {width: calc(775/1280*100vw);}
  #top .mainBox03 .boxFig .bgGlay{max-width: calc(795/1280*100vw);width: 100%;right: 5vw;left: 40vw}
  #top .mainBox03 .inner .txtBox {max-width: calc(420/1280*100vw);padding-top: calc(125/1280*100vw);}

}


/* 共通 */

a{color: #000}
a:hover{color: #999;}
  
a { 
  opacity: 1;
  transition-duration:.3s;
  -webkit-transition-duration:.3s;
  -moz-transition-duration:.3s;}
a:hover{ 
  /* opacity: .6; */
  transition-duration:.3s;
  -webkit-transition-duration:.3s;
  -moz-transition-duration:.3s;}
a.ctBtn {
    display: inline-block;
    text-decoration: none;
    margin: 6px auto;
    text-align: center;
    background: -moz-linear-gradient(#f20b67, #fc3182 50% , #f20b67 100%);
    background: -webkit-linear-gradient(#f20b67, #fc3182 50% , #f20b67 100%);
    background: linear-gradient(#f20b67, #fc3182 50% , #f20b67 100%);
    border-radius: 4px;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    padding: 5px 16px;}
a.ctBtnBlack { background: #333; }
a.ctBtnBlue { 
    border: 1px solid #0992c8;
    background-color: #0099D6;
    background: -webkit-gradient(linear, left top, left bottom, from(#51c2ee), to(#0099D6));
    background: linear-gradient(to bottom, #51c2ee 0%, #0099D6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#51c2ee', EndColorStr='#0099D6');
    text-shadow: 0px 1px 0px #0099D6;}
a.ctBtnOrange { 
   border: 1px solid #e66100;
    background-color: #FF6C00;
    background: -webkit-gradient(linear, left top, left bottom, from(#FF6C00), to(#e66100));
    background: linear-gradient(to bottom, #FF6C00 0%, #e66100 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#FF6C00', EndColorStr='#e66100');
        text-shadow: 0px 1px 1px #995a00}
a.ctBtnGreen { 
    border: 1px solid #438400;
    background-color: #57af01;
    background: -webkit-gradient(linear, left top, left bottom, from(#93d100), to(#57af01));
    background: linear-gradient(to bottom, #93d100 0%, #57af01 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#93d100', EndColorStr='#57af01');
    text-shadow: 0px 1px 0px #509300;}
a.ctBtnPnk { 
    border: 1px solid #bc001d;
    background-color: #df1f3d;
    background: -webkit-gradient(linear, left top, left bottom, from(#f8526c), to(#df1f3d));
    background: linear-gradient(to bottom, #f8526c 0%, #df1f3d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#f8526c', EndColorStr='#df1f3d');
    text-shadow: 0px 1px 0px #7f0014;}
    
/* FORM */
input::-webkit-input-placeholder,
input:-ms-input-placeholder,
input::-moz-placeholder,
textarea::-webkit-input-placeholder,
textarea:-ms-input-placeholder,
textarea::-moz-placeholder,
select::-webkit-input-placeholder,
select:-ms-input-placeholder,
select::-moz-placeholder{
  color: #bbbbbb;
  font-weight: normal;
}
.arrowD-Green,
.arrowD-LiteGreen,
.arrowD-Blue,
.arrowD-Orange,
.arrowD-Glay,
.arrowD-Red, 
.arrowD-Black {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 32px 32px 0 32px;
    margin: 0 auto;}
.arrowD-Green {border-color: #71BC51 transparent transparent transparent;}
.arrowD-LiteGreen {border-color: #ECFFE3 transparent transparent transparent;}
.arrowD-Blue {border-color: #0099D6 transparent transparent transparent;}
.arrowD-Orange {border-color: #FF8900 transparent transparent transparent;}
.arrowD-Glay {border-color: #efefef transparent transparent transparent;}
.arrowD-Red {border-color: #CB003E transparent transparent transparent;}
.arrowD-Black {border-color: #5b5b5b transparent transparent transparent;}

.w10{width: 10%;}
.w20{width: 20%;}
.w30{width: 30%;}
.w40{width: 40%;}
.w50{width: 50%;}
.w60{width: 60%;}
.w70{width: 70%;}
.w80{width: 80%;}

.h60p{height: 60px;}

.bgWhite{background-color: #ffffff;}
.bgGray{background-color: #efefef;}
.bgGray2{background-color: #f3f5f6;}
.bgBlue{background-color: #007BC3;}
.bgGreen{background-color: #52c123;}
.bgGreen2{background-color: #00b0aa;}
.bgSkyBlue{background-color: #D8F2FC;}
.bgLiteGreen{background-color: #ECFFE3;}
.bgDeepBlue{background-color: #004E9C;}
.bgOrange{background-color: #FF8900;}
.bgYellow{background-color: #FCD73F;}
.bgPink{background-color: #fff0f4;
  background-image: url(../../images/bgPink.png);}
.bgPink2{background-color: #ffe3e3;
  background-image: url(../../images/bgPink2.png);}
.bgOrange{background-color: #fce9cd;
  background-image: url(../../images/bgOrange.png);}
.bgBlue{background-color: #ebf4ff;
  background-image: url(../../images/bgBlue.png);}

.fcOrange{color: #F45400;}
.fcRed{color:#df1f3d;}
.fcGreen{color: #52c123;}
.fcPink{color:#FF316C;}
.fcPink{color:#f20b67;}
.fcBlue{color:#0099D6;}
.fcDeepBlue{color:#004E9C;}
.fcGray{color:#737373;}
.fcWhite{color:#ffffff;}

.ffNormal{font-family:'ヒラギノ角ゴ ProN','メイリオ';font-weight: normal;}
.fontS,.fsS{font-size:80%;}
.err{color: #be270a !important; font-size: 80% !important;}

.ulPink{border-bottom: 8px solid #fc3182;padding-bottom: 8px;}
.whiteBox{background-color: #fff;}
.roundBox{border-radius: 10px;}

.sup{
  font-size: 60%;
  vertical-align: top;
  position: relative;
  top: -0.1em;
  font-weight: normal !important;}

.fade-up {
  transition: opacity 0.7s,transform 0.7s;
  -webkit-transition: opacity 0.7s,transform 0.7s;
  opacity: 0;
  transform: translateY(60px);
  -webkit-transform: translateY(60px);}
.pop-up {
  transition: opacity 0.7s,transform 0.7s;
  -webkit-transition: opacity 0.7s,transform 0.7s;
  opacity: 0;
  transform: translateY(20px) scale(0.6);
  -webkit-transform: translateY(20px) scale(0.6);}

/*-popup-*/
.popup {
  position: fixed;
  right: 0;
  bottom: 0;
  width: 250px;
  height: 300px;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: .5s;
  background-color: #222;}
.popup.is-show {
  opacity: 1;
  visibility: visible;}
.popup-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  height: 100%;
  max-width: 600px;
  padding: 6px;
  background-color: #ddd;
  z-index: 2;}
.popup-inner img {width: 100%;}

.close-btn {
  position: absolute;
  right: 0;
  top: -40px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  cursor: pointer;}
.close-btn i {
  font-size: 20px;
  color: #333;}

/* おじどうさんRPA */
#about #point{padding-top: 120px;margin-bottom: 90px;}
#about #point .wrapFlex{padding-top: 60px;background-color: #fffafa;}
#about #point .wrapFlex ul li .box{padding: 24px;position: relative;}
#about #point .wrapFlex ul li:nth-child(1) .box{margin-left: 60px;margin-right: 10px;background-color: #ffe1e1;}
#about #point .wrapFlex ul li:nth-child(2) .box{margin-right: 60px;margin-left: 10px;background-color: #ededff;}
#about #point .wrapFlex ul li .box h3{font-size: 2.4rem;font-weight: 500;}
#about #point .wrapFlex ul li:nth-child(1) .box {color: #df1f3d;}
#about #point .wrapFlex ul li:nth-child(2) .box {color: #060a5d;}
#about #point .wrapFlex ul li .box ul{margin: 24px;display: block;font-size: 1.8rem;}
#about #point .wrapFlex ul li .box img{position: absolute;right: 65px;top: 80px;max-width: 120px;}
#about #point h3.cTitle{font-size: 2.4rem;font-weight: 500;padding: 30px 0 0;}
#about #point .pointTxt{padding: 24px 0;font-size: 1.8rem;line-height: 1.8}
#about #work h3.cTitle{font-size: 2.8rem;font-weight: 500;line-height: 1.8;padding: 0 0 30px;}
#about #work .point {margin-bottom: 24px;}
#about #work .wrapFlex > ul li {min-width: 32%;margin-right: 1%;}
#about #point .wrapFlex ul li:nth-child(3),
#about #point .wrapFlex ul li:nth-child(6) {margin-right: 0;}
#about #work h2.cTitle{font-size: 3.2rem;color: #df1f3d;font-weight: 500;padding: 10px 0 30px;}
#about #work .pointBox {padding-bottom: 120px;}
#about #work .pointBox ul{margin-bottom: 1%;}
#about #work .pointBox li{border-radius: 0;background-color: #fff;text-align: center;padding: 45px 24px 0;}
#about #work .pointBox li:nth-child(3),
#about #work .pointBox li:nth-child(6) {margin-right: 0;}
#about #work .pointBox li h3{padding: 45px 0 18px;font-weight: 400;color: #df1f3d;}
#about #work .pointBox li p{text-align: left;line-height: 1.4;padding-bottom: 10px;}
#about #work .pointBox li p span{ color: #df1f3d;}
#about #merit{padding-top: 120px;}
#about #merit h2.cTitle{font-size: 3.6rem;color: #df1f3d;font-weight: 500;padding: 10px 0 40px;}
#about #merit .meritBox{margin-top: 60px;}
#about #merit .meritBox ul{margin-bottom: 1%;}
#about #merit .meritBox li{border-radius: 0;background-color: #fff;text-align: center;padding: 35px 0 0;}
#about #merit .meritBox li:nth-child(5),
#about #merit .meritBox li:nth-child(10) {margin-right: 0;}
#about #merit .meritBox li img{height: 54px;width: auto;} 
#about #merit .meritBox li h3{padding: 45px 0 18px;font-weight: 400;color: #df1f3d;}
#about #merit .meritBox li p{ line-height: 1.4;padding-bottom: 10px;}
#about #case h2.cTitle{font-size: 2.8rem;font-weight: 500;padding: 70px 0 20px;}
#about #case .inner{padding: 10px 30px ;}
#about #case .box{position: relative;margin-top: 35px;margin-bottom: 90px;}
#about #case .box h2{color: #df1f3d;font-size: 3.0rem;line-height: 1.2;font-weight: 500;margin-bottom: 0.8em;}
#about #case .box h3{font-size: 2.2rem;font-weight: 700;margin-bottom: 0.6em;text-align: center;}
#about #case .box.mb10{margin-bottom: 30px;}

#about #case img.bgCopy{position: absolute;width: 24.6vw;max-width: 320px;}
#about #case img.bgCopy01 {top: 7em;left: 0;top: 8em;left: -2em;}
#about #case img.bgCopy02 {top: -2em;right: 0;top: -1em;right: -4em;}
#about #case img.bgCopy03 {top: 0.5em;left: -49px;left: -20px;top: 1.5em;left: -5em;}
#about #case img.bgCopy04 {top: -8em;right: 0;top: -6em;right: -3em;}
#about #case .title{
  position: relative;
  text-align: center;
  display: inline-block;
  padding: 0.1em 1em;
  margin-bottom: 30px;
  color: #fff;
  background: #df1f3d;
  border: 2px solid #df1f3d;
  font-size: 2.2rem;
  border-radius: 2em;
  letter-spacing: 0.1em;}
#about #case p,
#about #case .pBox{
  max-width: 460px;
  margin: 0 auto;
  text-align: left;
  border-radius: 6px;}
#about #case .pBox{background-color: #fee9e9;padding: 20px;}
#about #case .pBox h3{color: #df1f3d;}

/* 製品・サポート紹介 */
#service #point{padding-top: 120px;padding-bottom: 130px;}
#service #point .box{
  background-color: #fffafa;
  position: relative;
  padding: 60px 56px;
  margin-bottom: 80px;
}
#service #point .box.mb0{margin-bottom: 0;}
#service #point .box img.num{
  position: absolute;
  top: 10px;
  right: 10px; 
  
}
#service #point .box h2{
    color: #df1f3d;
    font-size: 3.6rem;
    line-height: 1.2;
    font-weight: 500;
    margin-bottom: 0.8em;
}
#service #point .box p{
  text-align: center;
  margin-bottom: 50px;
}

#service #point .wrapFlex{}
#service #point .wrapFlex .fullBox,
#service #point .wrapFlex ul li .box{padding: 24px 20px 10px;position: relative;margin-bottom: 0;}
#service #point .wrapFlex .fullBox{margin-top: 30px;}
#service #point .wrapFlex .fullBox > ul li {width: 49.5%;}
#service #point .wrapFlex ul li:nth-child(1) .box{margin-right: 10px;background-color: #ffe1e1;}
#service #point .wrapFlex ul li:nth-child(2) .box{margin-left: 10px;background-color: #ededff;}
#service #point .wrapFlex .fullBox > ul li .box{background: none;padding-right: 0;}
#service #point .wrapFlex .fullBox h3,
#service #point .wrapFlex ul li .box h3{font-size: 2.4rem;font-weight: 500;color: #fff;padding: 0.5rem 0.8rem;border-radius: 5px;}
#service #point .wrapFlex ul li:nth-child(1) .box h3{background-color: #df1f3d;}
#service #point .wrapFlex ul li:nth-child(2) .box h3{background-color: #060a5d;}
#service #point .wrapFlex .fullBox h3{background-color: #227e09;}
#service #point .wrapFlex ul li .box ul{margin: 24px 24px 0;display: block;font-size: 1.8rem;line-height: 1.55;}
#service #point .wrapFlex .fullBox ul li .box ul {margin: 0;}
#service #point .wrapFlex .fullBox ul li .box ul li{width: 100%;}
#service #point .wrapFlex ul li .box img{position: absolute;right: 65px;top: 80px;max-width: 120px;}
#service #point h3.cTitle{font-size: 2.4rem;font-weight: 500;padding: 30px 0 0;}
#service #point .pointTxt{padding: 24px 0;font-size: 1.8rem;line-height: 1.8}

#service #suport .mb0{margin-bottom: 0;}
#service #suport  ul{margin-bottom: 20px;}
#service #suport li{
  background: #fff;
  border-radius: 6px;
  margin-right: 20px;
  padding: 24px;
  font-size: 1.6rem;}
#service #suport li:last-child{margin-right: 0;}
#service #suport li h3{
  color: #df1f3d;
  font-size: 1.8rem;
  font-weight: 700;
  padding: 0.8em 0;}
#service #point .box #suport li p{text-align: left;margin-bottom: 0; }
#service #security .mb0{margin-bottom: 0;}
#service #security  ul{margin-bottom: 20px;}
#service #security li{
  background: #fff;
  border-radius: 6px;
  margin-right: 20px;
  padding: 40px 24px;
  font-size: 1.6rem;}
#service #security li:last-child{margin-right: 0;}
#service #security li h3{
  color: #df1f3d;
  font-size: 1.8rem;
  font-weight: 700;
  padding: 40px 0 0.8em;}
#service #point .box #security li p{text-align: left;margin-bottom: 0; }

/* 利用シーン */
#use #scene01,
#use #scene02,
#use #scene03{padding-top: 120px;padding-bottom: 130px;text-align: center;}

#use h2{color: #df1f3d;font-size: 3.6rem;font-weight: 500;margin-bottom: 0.8em;}
#use h3{font-size: 2.0rem;font-weight: 500;margin-bottom: 0.8em;}
#use h4{color: #df1f3d;font-size: 2.0rem;font-weight: 400;margin-bottom: 0.8em;}
#use .contents .inner p{margin-bottom: 3.0em;}
#use fig img{max-width: 480px;}

#use .scene .wrapFlex ul {align-items: center;margin-bottom: 5em;}
#use .scene .wrapFlex ul li:nth-child(2){width: 16%;}

/* 料金 */
#price #priceBox {margin-top: 40px;margin-bottom: 40px;}

/* FAQ */
#faq #faqBox {margin-top: 120px;}
#faq #faqBox {margin-top: 60px;}
#faq #faqBox .wrapFlex > ul li:nth-child(1){width: 77%;}
#faq #faqBox .wrapFlex > ul li:nth-child(2){width: 20%;margin-left: 3%;}

/* 非表示 */
#faq #faqBox .wrapFlex > ul li:nth-child(1){width: 100%;}
#faq #faqBox .wrapFlex > ul li:nth-child(2){display: none;}

#faq #faqBox h3{
  font-size: 2.4rem;
  font-weight: 700;
  position: relative;
  line-height: 1.6;
  border-bottom: 2px solid #000;
  margin-bottom: 3rem;}
#faq #faqBox h3:before {
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 20%;
  height: 2px;
  content: '';
  background: #df1f3d;}
#faq #faqBox dt,
#faq #faqBox dd{
  position: relative;
  padding: 2.5rem 2.5rem 2.5rem 6.5rem;}
#faq #faqBox dt{background-color: #f8f6dd;font-weight: 700;}
#faq #faqBox dt::before{background: url(../..//images/icon-q.svg);}
#faq #faqBox dd::before{background: url(../..//images/icon-a.svg);}
#faq #faqBox dt::before,
#faq #faqBox dd::before{
  content: '';
  position: absolute;
  top: 2.2rem;
  left: 2.2rem;
  background-repeat: no-repeat;
  width: 32px;
  height: 32px;}
#faq #faqBox .linkBlock{
  position: relative;
  border: 2px solid #df1f3d;
  background: #df1f3d;
  border-radius: 5px;
  margin-bottom: 4rem;}
#faq #faqBox .linkBlock::before{
  content: '';
  background: url(../..//images/icon-pol.svg);
  position: absolute;
  top: 2.9rem;
  left: 0.5rem;
  background-repeat: no-repeat;
  width: 10.4px;
  height: 9px;}

#faq #faqBox .linkBlock:hover{background: #fff;}
#faq #faqBox .linkBlock:hover::before{background: url(../..//images/icon-pol-red.svg);}
#faq #faqBox .linkBlock a{
  padding: 1.0rem 0.5rem 0.5rem 2.5rem;
  text-decoration: none;
  color: #fff;
  font-size: 1.8rem;
  line-height: 1.2;
  font-weight: 500;
  display: block;
  width: 100%;
  height: 100%;}
#faq #faqBox .linkBlock a:hover{color: #df1f3d;}
#faq #faqBox h4{
  font-size: 2.0rem;
  font-weight: 500;
  border-left: 5px solid #df1f3d;
  line-height: 1;
  padding-left: 1rem;
  margin-bottom: 2rem;}
#faq #faqBox .kanren{
  background-color: #f6f6f6;
  padding: 10px 0;
  border-radius: 5px;}
#faq #faqBox .kanren a{line-height: 1.8;}
#faq #faqBox .wrapFlex ul.linkList {display: block;}
#faq #faqBox .wrapFlex ul.linkList li{width: 100%;position: relative;padding-left: 2.5rem;margin: 0}
#faq #faqBox .wrapFlex ul.linkList li::before{
  content: '';
  background: url(../..//images/li-pol.svg);
  position: absolute;
  top: 1rem;
  left: 1rem;
  background-repeat: no-repeat;
  width: 8px;
  height: 7px;}
  
  
#contact #download{margin-top: 60px;}
#contact #download h2 {
    color: #df1f3d;
    font-size: 3.6rem;
    line-height: 1.2;
    font-weight: 500;
    margin-bottom: 0.8em;
}
#download .dl-document {
    width: 100%;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    margin-bottom: 60px;
}
#download li {
    width: calc(100% / 3 - 1.4%);
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    padding: 1.5rem;
    text-align: center;
    border: 1px solid rgba(102, 102, 102, 0.4);
}
#download li a {
    display: block;
    text-decoration: none;
    color: #252525;
    -webkit-transition: all .3s;
    transition: all .3s;
}
#download li a:hover {
  opacity: 0.6;
}
#download .doc__title {
    width: 100%;
    position: relative;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.4;
}

#download .doc__size {
    width: 100%;
    position: relative;
    margin: .5rem 0 0;
    font-size: 14px;
    font-size: 1.4rem;
}
#download .btn-dl {
    width: 70%;
    margin: 1rem auto 0;
    padding: .8rem 1rem;
    color: #fff;
    font-weight: bold;
    text-align: center;
    background: #e60012;
}

.btn-document {
    position: fixed;
    right: 2rem;
    bottom: 1%;
    z-index: 10
}

.btn-document .doc__close {
    position: absolute;
    top: -1.5rem;
    right: -1.5rem;
    z-index: 0;
    width: 35px;
    height: 35px;
    padding: .5rem;
    border: 2px solid #fff;
    border-radius: 50%;
    background: url("/src/images/icon/icon-close_white.png") center center no-repeat,#252525;
    background-size: 15px, 100%;
    -webkit-box-shadow: 0 3px 5px rgba(37,37,37,0.4);
    box-shadow: 0 3px 5px rgba(37,37,37,0.4);
    cursor: pointer
}

.btn-document .doc__item {
    width: 250px
}

.btn-document .doc__item a {
    width: 100%;
    display: block
}

.btn-document .doc__item a>div {
    width: 100%
}

.btn-document .doc__item a:hover {
    opacity: 1
}

.btn-doc__off {
    display: none
}