@charset "utf-8";

section#jiec .list-btn-api {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: center;
	margin-bottom: 60px;
}
section#jiec .list-btn-api .btn-cmn-01 { margin-left: 45px;}
section#jiec .list-btn-api .btn-cmn-01:first-child { margin-left: 0;}



section#jiec .sec-cmn-h1{ margin-top:1em; }

	section#jiec .indent-sap-ariba-01 {
    margin-left: 1.4em;
    text-indent: -1.4em;
  }
    
	section#jiec .link-sap-ariba-01:hover figure {
      opacity: 0.5;
  }
	section#jiec .modals-cmn-01.img-sap-ariba-01 .modal {
      background: rgba(0,0,255,0);
      width: 1160px;
  }
	section#jiec .list-cmn-table-02 {
    color: #454545;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 15px;
    line-height: 28px;
  }
	section#jiec .list-cmn-table-02 > dt {
  width: 218px;
  }
	section#jiec .list-cmn-table-02 > dd {
  width: 600px;
  }

#jiec .flex-wrap{
flex-wrap:wrap;
}
#jiec .flex-wrap .flx-box{
    border: 1px solid #d3dde3;
    padding:20px;
    margin-bottom:10px;
 }
#jiec .blue03 {
color: #004ea2;
}
#jiec dt{
float:left;
width:190px;
}
#jiec dt:first-of-type::after{
content:"：";
margin-left:4em;
}
#jiec dt:nth-of-type(2)::after{
content:"：";
margin-left:1em;
}
#jiec dt:nth-of-type(n+3)::after{
content:"：";
margin-left:0;
}
#jiec dd{
float:right;
width:780px;
}
#jiec .font16px{
font-size:16px;
}
#jiec a.bb-blue01{
    background-color: #2f5597 !important;
    border: 1px solid #2f5597 !important;
}
#jiec a.bb-blue01:hover{
    background-color: #fff !important;
    color:#2f5597 !important;
}
#jiec a.bb-blue01.blank{
background-image:none!important;
}
#jiec a.bb-blue01.blank:after{
color:#FFF!important;
}
#jiec a.bb-blue01.blank:hover:after{
    color:#2f5597 !important;
}    
#jiec .h-ttl05{
    text-indent: -2em !important;
    padding-left: 2em !important;
}
/* 矢印ボックス */
.arrow-box {
    margin: 0;
    padding-top: 5px;
    width: 150px;
    height: 30px;
    background: #2f5597;
    position: relative;
}
.arrow-box:after {
    border-left: 15px solid #2f5597;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    content: "";
    position: absolute;
    right: -15px;
    top: 0;
}
hr{
margin:1.5em 0;
}
/* テキストの指定 */
.arrow-box span {
    position: relative;
    z-index: 3;
    font-size: 1em;
    line-height: 1.4;
    text-align: center;
    display: block;
    color:#FFF;
}
.flx-align-center{
align-items:center;
}
.submenu ul.pagelinks-02-list>li>a{
padding:.5em;
}
/* レスポンシブ対応 */

@media screen and (max-width:767px) and (min-width:1px) {
.arrow-box{
    margin: 1em auto 0.5em auto;
    width:300px;
}
.arrow-box:after{
border:none;
    left: 0;
    right: initial;
    top: 30px;
}
	section#jiec .list-btn-api { 
		display: block;
		margin-bottom: 9.375vw;
	}
		section#jiec .list-btn-api .btn-cmn-01 { margin: 0 0 4.6875vw 0;}
		section#jiec .list-btn-api .btn-cmn-01:last-child { margin: 0;}

	section#jiec .img-sap-ariba-02 {
      padding-bottom: 93px;
      position: relative;
      width: 100%;
      margin-bottom: 10px;
      overflow-x: auto;
  }
	section#jiec .img-sap-ariba-02 img {
      width:auto;
      max-width:none;
      height:367px;
  }
	section#jiec .img-sap-ariba-02:after {
      position: absolute;
      right: 0;
      bottom: 7px;
      content: '';
      background: url(../img/ico_scroll_pointer01.png);
      background-size: 92px 83px;
      width: 92px;
      height: 83px;
	}
	section#jiec .list-cmn-table-02 {
    display: block;
    font-size: 3.4375vw;
    line-height: 5.625vw;
    padding-bottom: 4.6875vw;}
	section#jiec .list-cmn-table-02 > dt {
      width: 100%; }
	section#jiec .list-cmn-table-02 > dd {
      width: 100%; }

section#jiec .sec-cmn-box-02.sp-noborder {
    padding: 0px;
    border: none;
}
#jiec dt{
float:initial;
width:100%;
}
#jiec dd{
float:initial;
width:100%;
margin-left:1em;
margin-bottom:1em;
}

}
/*
@media screen and (max-width:768px) and (min-width:768px) and (orientation: portrait) {
	section#jiec .list-btn-api { 
		display: block;
		margin-bottom: 9.375vw;
	}
		section#jiec .list-btn-api .btn-cmn-01 { margin: 0 0 4.6875vw 0;}
		section#jiec .list-btn-api .btn-cmn-01:last-child { margin: 0;}

	section#jiec .list-cmn-table-02 {
      display: block;
      font-size: 3.4375vw;
      line-height: 5.625vw;
      padding-bottom: 4.6875vw; }
	section#jiec .list-cmn-table-02 > dt {
        width: 100%; }
	section#jiec .list-cmn-table-02 > dd {
        width: 100%; }

}
*/