@charset "utf-8";
/* CSS Document */
.marker_orange{
background: linear-gradient(transparent 70%, orange 75%);
}
 /* 三角下向き矢印 */
.sankaku {
   margin       : auto;
                              /* はみ出し部分は非表示にする */
  overflow     : hidden;
  position     : relative;
  width        : 202px;
  height       : 80px;
}
.sankaku::after {
  content      : "";
  position     : absolute;
  width        : 143px;
  height       : 143px;
                              /* 図形のCSS */
  background   : linear-gradient(135deg, #ffffff, #ffffff, #ff7f00);
  top          : -72px;
  left         : 29px;
  transform    : scaleY(.8)
                 rotate(45deg);
}
/* パッケージメリット */
@media(max-width: 1199px) {
.pk_merit figcaption{
font-size: 15px;
}
}


 /* ハード製品囲み枠 */
.hard_box{
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #5d627b;
    background: white;
    border-top: solid 5px #5d627b;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
    cursor: pointer;
    transition: all 0.3s ease 0s;
}
.hard_box p {
    margin: 0; 
    padding: 0;
    color: #000;   
}
.hard_box:hover {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.50);
  transform: translateY(-0.1875em);
  opacity: 0.7;
}
.prd a:hover{  text-decoration: none;}
/* パッケージリスト */
.pk_list{
    display: flex;
}
.pk_list li{
    margin:10px;
    padding: 15px;
    border: 1px;
    border-color: black;
    border-radius: 10px;
}
.kadai{
  padding: 0.5em;
  margin-right: 1em;
  background: #fffaf4;
  border-left: solid 5px #ffaf58;
}
/*インデントリセット */
.indent-reset{
  margin-left: 0.5em !important;
}
.indent-reset_02{
  margin-left: 0em !important;
}
/* faアイコン中央 */
.fa_center {
display: flex;
justify-content: center;
}
/* 導入までの流れ */


h3.step01 {
  position: relative;
  color: black;
  background: #d0ecff;
  line-height: 1.4;
  padding: 0.25em 0.5em;
  margin: 2em 0 0.5em;
  border-radius: 0 5px 5px 5px;
}
h3.step01:after {
  /*タブ*/
  position: absolute;
  font-weight: 900;
  content: 'STEP01';
  background: #2196F3;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 3px 7px 1px;
  font-size: 0.7em;
  line-height: 1;
  letter-spacing: 0.05em
}
h3.step02 {
  position: relative;
  color: black;
  background: #d0ecff;
  line-height: 1.4;
  padding: 0.25em 0.5em;
  margin: 2em 0 0.5em;
  border-radius: 0 5px 5px 5px;
}
h3.step02:after {
  /*タブ*/
  position: absolute;
  font-weight: 900;
  content: 'STEP02';
  background: #2196F3;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 3px 7px 1px;
  font-size: 0.7em;
  line-height: 1;
  letter-spacing: 0.05em
}
h3.step03 {
  position: relative;
  color: black;
  background: #d0ecff;
  line-height: 1.4;
  padding: 0.25em 0.5em;
  margin: 2em 0 0.5em;
  border-radius: 0 5px 5px 5px;
}
h3.step03:after {
  /*タブ*/
  position: absolute;
  font-weight: 900;
  content: 'STEP03';
  background: #2196F3;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 3px 7px 1px;
  font-size: 0.7em;
  line-height: 1;
  letter-spacing: 0.05em
}
h3.step04 {
  position: relative;
  color: black;
  background: #d0ecff;
  line-height: 1.4;
  padding: 0.25em 0.5em;
  margin: 2em 0 0.5em;
  border-radius: 0 5px 5px 5px;
}
h3.step04:after {
  /*タブ*/
  position: absolute;
  font-weight: 900;
  content: 'STEP04';
  background: #2196F3;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 3px 7px 1px;
  font-size: 0.7em;
  line-height: 1;
  letter-spacing: 0.05em
}
h3.step05 {
  position: relative;
  color: black;
  background: #d0ecff;
  line-height: 1.4;
  padding: 0.25em 0.5em;
  margin: 2em 0 0.5em;
  border-radius: 0 5px 5px 5px;
}
h3.step05:after {
  /*タブ*/
  position: absolute;
  font-weight: 900;
  content: 'STEP05';
  background: #2196F3;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 3px 7px 1px;
  font-size: 0.7em;
  line-height: 1;
  letter-spacing: 0.05em
}
h3.step06 {
  position: relative;
  color: black;
  background: #d0ecff;
  line-height: 1.4;
  padding: 0.25em 0.5em;
  margin: 2em 0 0.5em;
  border-radius: 0 5px 5px 5px;
}
h3.step06:after {
  /*タブ*/
  position: absolute;
  font-weight: 900;
  content: 'STEP06';
  background: #2196F3;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 3px 7px 1px;
  font-size: 0.7em;
  line-height: 1;
  letter-spacing: 0.05em
}
h3.step07 {
  position: relative;
  color: black;
  background: #d0ecff;
  line-height: 1.4;
  padding: 0.25em 0.5em;
  margin: 2em 0 0.5em;
  border-radius: 0 5px 5px 5px;
}
h3.step07:after {
  /*タブ*/
  position: absolute;
  font-weight: 900;
  content: 'STEP07';
  background: #2196F3;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 3px 7px 1px;
  font-size: 0.7em;
  line-height: 1;
  letter-spacing: 0.05em
}
#flow .eq p{padding-bottom: 30px;}

/*スライダーテキスト*/
.pdl20em{
padding-left: 20em;
}
.logi_auto{
margin-right:10em;
margin-top: 5em;
text-align: right;
}
.logi_auto h2{
font-size: 5em;
text-shadow: 1px 2px 3px #3e3e3e; 
}
.kaikaku{
background-color: #000678;
display: inline-block;
font-size: 2em;
border-radius: 10px;
padding-left:1em;
padding-right:1em;
}
.kaikaku p{
color:white;
}
.win10{
background-color: #000678;
display: inline-block;
border-radius: 10px;
padding-left:1em;
padding-right:1em;
color: white;
}
@media (min-width: 768px) {
}
@media (max-width: 767px) {
}
@media (max-width: 767px) {
}
/*-----------------------------------------

   Right-SideBar info 

-----------------------------------------*/
.info li {
    font-size: 1.3rem;
    margin-bottom: 1rem;
    border-bottom: 1px #999 dashed;
}
.info li time {
    padding-right: 6px;
}