/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

@charset "UTF-8";

.notice{
    font-size: 12px;
}
.center{
    text-align: center;
}
.left{
    text-align: left;
}
.right{
    text-align: right;
}
br.sp{
  display:none;
}

/*------------------------------------------------
全体
-------------------------------------------------*/

h2,h3,h4{
    color:#1D2D64;
    text-align: center;
}
h2{
    font-size: 45px;
    color:#1D2D64;
    font-weight: 600;
    line-height: 1.4;
    font-family: 'Noto Serif JP','Roboto', sans-serif !important;
    margin: 0 0 20px 0;
}
.h2__sub{
    font-size: 26px;
    font-weight: 800;
    line-height: 1.4;
    font-family: 'Noto Serif JP' !important;
    margin: 0 0 5px 0;
}
h3{
    font-size: 30px;
    font-weight: 600;
    margin: 0 0 20px 0;
}
h4{
    font-size: 26px;
    font-weight: 600;
}
h5{
    font-size: 40px;
    font-weight: 600;
    color:#1D2D64;
}
#dxsuite{
    font-size: 16px;
    line-height: 1.75;
    width: 100%;
}
#dxsuite section{
    width:1220px;
    margin: 0 auto;
}
#dxsuite header{
    padding: 11px 0 16px;
}

#dxsuite .dx__feature{
    padding: 100px 0 0;
}
#dxsuite .dx__kouka,#dxsuite .dx__lineup,#dxsuite .dx__other,#dxsuite .dx__contact{
    padding: 80px 0;
 
}
#dxsuite .dx__kouka02,#dxsuite .dx__guide{
    padding: 100px 0;
}
#dxsuite .dx__case{
    padding: 70px 0;
}
#dxsuite footer{
    padding: 30px 0;
}
#dxsuite .dx__kouka02,#dxsuite .dx__case{
    background: #efefef;
}
#dxsuite .dx__guide{
    background: #F7F6F1;
}
#dxsuite .dx__contact{
    background: #747474;
    color:#ffffff;
}
#dxsuite .lp__cta {
  padding: 130px 0;
  color:#ffffff;
}
#dxsuite footer{
    background: #595757;
    color:#ffffff;
}
#dxsuite .lead{
    text-align: center;
    margin: 0 0 20px 0;
}
.dx__contents__area {
    padding: 30px 40px 40px;
}
#dxsuite .area__list {
    display: flex;
    justify-content: space-between;
}


/*--ボタンベース---*/
.btn a {
  position: relative;
  display:block;
  border-radius: 100px;
  transition: .3s;
  text-align: center;
  line-height: 1.0;
}
.btn a:hover {
 opacity: 0.8;
}

a.btn-dxsuite01 {
  color: #fff;
  background: #1E71C9;
}

a.btn-dxsuite02 {
  color: #1E71C9;
  background: #ffffff;
  border: 1px solid #1E71C9;
}
a.btn-dxsuite03 {
  color: #fff;
  background: #1D2D64;
  border-radius: 100px;
}
a.btn-dxsuite04 {
  color: #1D2D64;
  background: #ffffff;
}

a.btn-dxsuite01:after,a.btn-dxsuite02:after,a.btn-dxsuite03:after,a.btn-dxsuite04:after  {
  position: absolute;
  font-family: 'Font Awesome 5 Free';
  content:"\f054";
  left: auto;
  bottom: auto;
  right: 20px;
  font-size: 12px;
  font-weight:800;
}

/*------------------------------------------------
コンテンツ
-------------------------------------------------*/

/*--------header---------------------------------------*/

#dxsuite .dx__header {
  box-shadow: 0px 2px 2px #0000000D;
  position: fixed; /* ヘッダーを固定する */
  top: 0; /* 上部から配置の基準位置を決める */
  left: 0; /* 左から配置の基準位置を決める */
  width: 100%; /* ヘッダーの横幅を指定する */
  background: #ffffff;
  z-index: 1000;
}
#dxsuite .dx__header section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width:93%;
  margin: 0 auto;
}
#dxsuite .dx__header figure {
    width: 20%;
}
#dxsuite .dx__header figure img{
    height: auto;
    width: 298px;
}
#dxsuite .dx__header .dx__heading {
    width: 20%;
}
@media screen and (max-width: 768px) {
#dxsuite .dx__header .dx__heading {
    width: unset;
}
  #dxsuite .dx__header figure img{
    width:90%;
  }
}
#dxsuite .dx__header .dx__heading h1{
    color: #999;
    font-family: Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
    font-size: 10px;
    font-size: .625rem;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 40em;
    margin: 0;
    padding: 6px 0;
}
#dxsuite .dx__header .dx__heading figure{
    width: unset;
}
#dxsuite .dx__header ul.navi__area {
  display: flex;
    align-items: center;
  justify-content: flex-end;
  width: 80%;
}
#dxsuite .dx__header ul.navi__area li {
    margin: 0 0 0 30px;
    font-size: 14px;
  padding:5px 0 0 0;
  
}
#dxsuite .dx__header ul.navi__area li.obclogo {
    width: 90px;
    height: auto;
    margin: 0 0 0 54px;
}
#dxsuite .dx__header ul.navi__area li.btn {
        font-size: 14px;
        text-align: center;
    font-weight:nomal;
    }
#dxsuite .dx__header ul.navi__area li.btn a{
        width:264px;
        padding: 17px 0 16px;
    }
#dxsuite .dx__header ul.navi__area li.tx a {
  transition: .3s;
}
#dxsuite .dx__header ul.navi__area li.tx a:hover {
 opacity: 0.5;
}
#dxsuite .dx__header .btn a:after  {
  top: 41%;
}
/*-------------------------------------branding---------------------------------------*/
#dxsuite .dx__branding {
    background-image:url("https://www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/dxsuite/branding_bg.png");
    background-repeat: no-repeat;
    background-position:center top 70px;
    background-size: cover;
}
#dxsuite .dx__branding section {
    padding: 295px 0 60px;
    background-image:url("https://www.obc.co.jp/hubfs/obc/v1/images/common/header/logo.svg");
    background-repeat: no-repeat;
    background-position:right top 100px;
}

#dxsuite .dx__branding h1 {
  width:970px;
  height: auto;
  margin: 0 0 10px 0;
  padding: 0 0 13px 0;
  border-bottom: 2px solid #ffffff;
}
#dxsuite .dx__branding .mvtitle {
  width:970px;
  height: auto;
  margin: 0 0 10px 0;
  padding: 0 0 13px 0;
  border-bottom: 2px solid #ffffff;
}
#dxsuite .dx__branding figure {
  margin: 0 0 3px 20px;
  width:600px;
  height: auto;
}
#dxsuite .dx__branding ul {
  display: flex;
    justify-content: space-between;
  align-items: center;
  width:657px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #ffffff;
  padding: 10px;
}
#dxsuite .dx__branding ul li img{
  width:96%;
  height: auto;
}


/*-------------------------------------kouka---------------------------------------*/
.dx__kouka .dx__contents__area {
    text-align: center;
    background: #EDECDF;
}
.dx__kouka .dx__contents__area:first-of-type {
    margin: 0 0 60px 0;
}
.dx__kouka .dx__contents__area h4 {
    margin: 0 0 25px 0;
}
.dx__kouka .dx__contents__area .area__w {
    padding: 40px 45px;
    background: #ffffff;
    margin: 0 0 20px 0;
}
.dx__kouka .dx__contents__area .area__list dl {
    width: 360px;
    text-align: center;
}

.dx__kouka .dx__contents__area .area__list dt {
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 5px 0;
    line-height: 1.0;
}
.dx__kouka .dx__contents__area .area__list dt span{
    font-size: 34px;
}
.dx__kouka .dx__contents__area .area__list dd {
    color: #E72420;
    background: #ffffff;
    padding: 20px;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5;
}
.dx__kouka .dx__contents__area .dx__kouka__before {
    font-weight: 600;
    margin: 0 0 14px 0;
      font-size: 26px;
}
.dx__kouka .dx__contents__area .dx__kouka__before span{
    font-weight: 600;
    font-size: 26px;
   background-color: #FEEF24;
}
.dx__kouka .dx__contents__area .dx__kouka__after {
    font-size: 47px;
    font-weight: 600;
    color:#E72420;
    margin: 14px 0 0 0;
    line-height: 1.0;
    text-decoration:underline;
}
/*--------kouka02---------------------------------------*/

.dx__kouka02 .area__list dl {
    width: 590px;
    text-align: center;
}

.dx__kouka02 .area__list dl dt {
    font-size: 26px;
    font-weight: 600;
    margin: 0 0 16px 0;
    line-height: 1.0;
}

.dx__kouka02 .area__list dl dd.kouka02__box {
    border: 2px solid;
    padding: 20px;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 600;
    margin: 0 0 20px 0;
}
.dx__kouka02 .area__list dl dd.kouka02__box span{
   font-size: 28px;
}
.dx__kouka02 .area__list dl:nth-child(1) dd.kouka02__box {
    border-color: #00A0E8;
    color:#00A0E8;
}
.dx__kouka02 .area__list dl:nth-child(2) dd.kouka02__box {
    border-color: #70AD47;
    color:#70AD47;
}
.dx__kouka02 .area__list dl dd.kouka02__box p{
    width:80%;
    margin: 0 auto;
    text-align: left;
    padding: 0 0 0 120px;
}
.dx__kouka02 .area__list dl:nth-child(1) dd.kouka02__box p{
    background-image:url("https://www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/dxsuite/kouka_ico01.png");
    background-repeat: no-repeat;
    background-position:left center;
}
.dx__kouka02 .area__list dl:nth-child(2) dd.kouka02__box p{
    background-image:url("https://www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/dxsuite/kouka_ico02.png");
    background-repeat: no-repeat;
    background-position:left center;
}
.dx__kouka02 .area__list dl dd.kouka02__list{
   text-align: center;
}

/*--------feature---------------------------------------*/


.dx__feature h2 {
    margin: 0 0 40px 0;
}
.dx__feature dl {
    width:386px;
}
.dx__feature dt {
    font-size: 26px;
    font-weight: 600;
    border:2px solid #1D2D64;
    text-align: center;
    color:#1D2D64;
    padding: 20px 0 15px;
    margin: 0 0 16px 0;
    line-height: 1.5;
}
.dx__feature dd {
}


/*--------lineup---------------------------------------*/

.dx__lineup h2 {
    margin: 0 0 40px 0;
}
.dx__lineup .area__list figure {
    width: 675px;
    margin: 0 0 80px 0;
}
.dx__lineup .area__list dl.lineup__info {
    width: 505px;
    padding: 110px 0 0 0;
}
.dx__lineup .area__list dl.lineup__info dt {
    font-size: 26px;
    font-weight: 600;
    color: #1D2D64;
    margin: 0 0 25px 0;
}
.dx__lineup .area__list dl.lineup__info dd {
    font-size: 18px;
}


.dx__lineup h4 {
    margin: 0 0 20px 0;
}
.dx__lineup .area__list .lineup__list {
    width: 386px;
    margin: 0 0 80px 0;
      padding:40px 0 0 0;
}
.dx__lineup .area__list .lineup__list dl {
    padding: 40px;
}
.dx__lineup .area__list .lineup__list dl dt {
    margin: 0 0 20px 0;
    text-align: center;

}
.dx__lineup .area__list .lineup__list dl dt img{
  height: 155px;
  width: auto;

}
.dx__lineup .area__list .lineup__list dl dd.lineup__list__tx {
    margin: 0 0 20px 0;
}

.dx__lineup .area__list .lineup__list dl dd.btn {
  font-size: 16px;
  text-align: center;
}
.dx__lineup .area__list .lineup__list dl dd.btn a{
    margin: 0 auto;
  padding: 14px 0;
}

.dx__lineup .area__list .ac {
    background: #F7EDF4;
}
.dx__lineup .area__list .hr  {
    background: #EAF1FA;
}
.dx__lineup .area__list .sa {
    background: #EBEEE8;
}
.dx__lineup .area__list .lineup__list:nth-of-type(1){
    background-image:url("https://www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/dxsuite/lineup_ico04.png");
    background-repeat: no-repeat;
    background-position:left 10px top;

}
.dx__lineup .area__list .lineup__list:nth-of-type(2){
    background-image:url("https://www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/dxsuite/lineup_ico05.png");
    background-repeat: no-repeat;
    background-position:left 10px top;
}
.dx__lineup .area__list .lineup__list:nth-of-type(3){
    background-image:url("https://www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/dxsuite/lineup_ico06.png");
    background-repeat: no-repeat;
    background-position:left 10px top;
}

.dx__lineup .area__list dl.btn__area01 {
    width: 50%;
    text-align: center;
}
.dx__lineup .area__list dl.btn__area01 dt{
    font-size: 18px;
    margin: 0;
}
.dx__lineup .area__list dl.btn__area01 dd{
    font-size: 22px;
    width: 450px;
    padding: 22px 0 19px;
    margin: 0 auto;
}
.dx__lineup .area__list dl.btn__area01 dd a{
   padding: 22px 0 19px;
   display: block;
    margin: 0;
}
.dx__lineup .btn a:after  {
  top: 44%;
}
/*--------guide---------------------------------------*/
.dx__guide .h2__sub{
    text-align: center;
}
.dx__guide h2 {
    margin: 0 0 60px 0;
}
.guide__title{
      width: 1040px;
      margin: 0 auto;
}
.dx__guide .guide__title .target{
font-size: 24px;
font-weight: 600;
color:#1D2D64;
margin: 0 0 5px 0;
}
.dx__guide .guide__title h5{
padding: 0 0 5px 0;
border-bottom: 4px solid #1D2D64;
    margin: 0 auto 60px;
    width: 1040px;
}
.dx__guide .guide__title h5::before{
content: url(https://www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/dxsuite/logo_dx.png);
text-align: left;
}
.dx__guide .area__list {
    width:770px;
    margin: 0 auto;
}
.dx__guide dl.guide__dl {
    text-align: center;
      margin: 0 0 50px 0;
}
.dx__guide .area__list dl.guide__dl dt{
    margin: 0;
}

.dx__guide .area__list dl.guide__dl dd{
    width:420px;
    padding: 14px 0;

}
.dx__guide .area__list figure {
    width:290px;
    margin: 0 0 60px 0;
}
.dx__guide .dx__contents__area {
  width: 1220px;
    background: #ffffff;
    padding: 80px 0;
    margin: 0 0 60px 0;
}
.dx__guide .dx__contents__area .area__list{
    width: 1050px;
    margin: 0 auto;
}
.dx__guide .dx__contents__area .guide__slide{
      width:676px;
      height: 487px;
      border: 1px solid #707070;
      padding: 16px;
}
.dx__guide .dx__contents__area .guide__slide p{
}
.dx__guide .dx__contents__area dl.guide__slide__tx{
      width:344px;
      text-align: left;
}
.dx__guide .dx__contents__area dl.guide__slide__tx dt{
          font-size: 24px;
      font-weight: 600;
      border-bottom: 2px solid #000000;
      padding: 0 0 10px 0;
      margin: 0 0 20px 0;
}
.dx__guide .dx__contents__area dl.guide__slide__tx dd{
      margin: 0 0 20px 0;
	padding-left:1.5em;
	text-indent:-1.5em;
}
.dx__guide p.btn a{
   margin:0 auto;
    font-size: 22px;
    width: 450px;
   padding: 22px 0 19px;
    }
.dx__guide p a:hover {
 transition: .3s;
   opacity: 0.8;
}
.dx__guide .btn a:after  {
  top: 44%;
}
/*--------case---------------------------------------*/
.dx__case h3.type02{
     font-size: 45px;
     font-weight:400;
     text-align: center;
     margin: 0 0 30px 0;
}
.dx__case dl{
     width:386px;
}
.dx__case dl dt{
    width:386px;
    height:257px;
    transition: .3s;
    overflow: hidden;
    background: #000;
}

.dx__case dl dt img {
    display: block;
    transition-duration: 0.3s;
}
.dx__case dl dt:hover img {
    opacity: 0.6;
    transform: scale(1.1);
    transition-duration: all 0.5s ease;
}


.dx__case dl dd.case__name__hr{
     background: #1E71C9;
     padding: 5px 0 5px 10px;
     text-align: left;
     color:#ffffff;
     margin: 0 0 20px 0;
}
.dx__case dl dd.case__tx{
     text-align: left;
          margin: 0 0 30px 0;
}

.dx__case dl dd.btn {
  font-size: 16px;
  text-align: center;

}
.dx__case dl dd.btn a{
    width:306px;
    margin: 0 auto;
  padding: 14px 0;
}
.dx__case .btn a:after  {
  top: 39%;
}


/*--------other---------------------------------------*/
.dx__other figure{
     width:360px;
}
.dx__other dl{
     width:820px;
}
.dx__other dl dt{
     font-size: 45px;
     font-weight: 600;
   }
   .dx__other dl dd img:hover {
 opacity: 0.8;
}
   .dx__other dl dd{
        color: #707070;
      }

/*--------CTA---------------------------------------*/
.dxsuite .lp__cta {
  background-image: url(https://www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/dxsuite/hr/cta_bg.png);
  background-position:right center center;
  background-repeat: no-repeat;
  background-size:cover;
}

.dxsuite .lp__cta h3{
  text-align: center;
  margin: 0 0 30px 0;
  color: #ffffff;
}

.dxsuite .lp__cta .lead{
  font-size: 16px;
  margin: 0 0 20px 0;
  color: #ffffff;
}

.dxsuite .lp__cta .contents__area ul {
  display: flex;
  justify-content: space-between;
  width: 70%;
  margin: 0 auto 70px;
}
#dxsuite .lp__cta .contents__area ul.one,#acsuite .lp__cta .contents__area ul.one,#sasuite .lp__cta .contents__area ul.one {
  display:block;
  width: 70%;
  margin: 0 auto 70px;
}
#dxsuite .lp__cta .contents__area ul.one li,#acsuite .lp__cta .contents__area ul.one li,#sasuite .lp__cta .contents__area ul.one li {
  margin: 0 auto;
    width: 340px;
  text-align:center;
}
.dxsuite .lp__cta dl{
  text-align: center;
}

.dxsuite .lp__cta dl dt{
  margin: 0 0 1px 0;
}

.dxsuite .lp__cta dl dd.cta__no{
  font-family: 'Oswald', sans-serif;
  font-weight: 800;
  font-size: 48px;
  margin: 0 0 2px 0;
}
.dxsuite .lp__cta dl dd.cta__time{

}

/*--ボタン---*/

.dxsuite .lp__cta li.btn-cta a{
  font-size: 18px;
  width: 340px;
  padding: 16px 0 14px;
}
.dxsuite .lp__cta li.btn-cta a:hover {
  color: #fff;
  background: #F58400;
}


/*--ボタンベース---*/
.dxsuite .lp__cta .btn-cta a {
  position: relative;
  display:block;
  border-radius: 100px;
  transition: .3s;
  text-align: center;
  line-height: 1.0;
}
.dxsuite .lp__cta .btn-cta a:hover {
  opacity: 0.8;
}

.dxsuite .lp__cta a.btn-lpsuite01 {
  color: #fff;
  background: #FF7810;
}


/*--------contact---------------------------------------*/
.dx__contact .contact__cta{
          margin: 0 0 60px 0;
}
.dx__contact dl{
     width:50%;
     text-align:center;
     color:#ffffff;
}
.dx__contact dl:first-child{
     border-right:4px solid #ffffff;
}
.dx__contact dl dt{
     font-size: 40px;
     font-weight:600;
     text-align: center;
     margin: 0 0 20px 0;

}
.dx__contact dl dd.tx{
    margin: 0 0 30px 0;
}

.dx__contact dl dd.btn {
  font-size: 16px;
  text-align: center;
     font-weight:600;
}
.dx__contact dl dd.btn a{
    width:306px;
    margin: 0 auto;
  padding: 14px 0;
}
.dx__contact .btn a:after  {
  top: 38%;
}
.dx__contact dl.contact__tel{
 text-align: center;
  width:100%;
}
.dx__contact dl.contact__tel dt{
 font-size: 28px;
 margin: 0 0 10px 0;
}
.dx__contact dl.contact__tel dd{
 margin: 0 0 5px 0;
}
.dx__contact dl.contact__tel dd img{
 width:526px;
}
.dx__contact dl.contact__tel dd{
 font-size: 24px;
}
/*--------footer---------------------------------------*/

footer{
  font-size: 12px;
  text-align:center;
}









































@media screen and (max-width: 768px) {




  
    /*------------------------------------------------
    全体
    -------------------------------------------------*/
br.sp{
  display:block;
}
br.pc{
  display:none;
}

    h2{
        font-size: 24px;
        margin: 0 0 15px 0;
    }
    .h2__sub{
        font-size: 18px;
        margin: 0 0 5.px 0;
    }
    h3{
        font-size: 20px;
        margin: 0 0 15px 0;
    }
    h4{
        font-size: 18px;
    }
    h5{
        font-size: 24px;
        font-weight: 600;
        color:#1D2D64;
    }
    #dxsuite{
        font-size: 14px;
        line-height: 1.4;
    }
    #dxsuite section{
        width:92%;
        margin: 0 auto;
    }
    #dxsuite header{
        padding: 10px 0;
    }
    #dxsuite .dx__branding{
        padding: 70px 0 40px;
    }
    #dxsuite .dx__intro,#dxsuite .dx__feature{
        padding: 40px 0 0;
    }
    #dxsuite .dx__kouka,#dxsuite .dx__kouka02,#dxsuite .dx__lineup,#dxsuite .dx__guide{
        padding: 40px 0;
    }
    #dxsuite .dx__case,#dxsuite .dx__other,#dxsuite .lp__cta,#dxsuite .dx__contact{
        padding: 40px 0;
    }
    #dxsuite footer{
        padding: 15px 0;
    }
    #dxsuite .lead{
        margin: 0 0 20px 0;
    }
    .dx__contents__area {
        padding: 20px 10px;
    }
    #dxsuite .area__list {
                display: block;
    }



    /*------------------------------------------------
    コンテンツ
    -------------------------------------------------*/

#dxsuite .dx__header section {
  display: block;
  width:93%;
  margin: 0 auto;
}
#dxsuite .dx__header figure {
  width:90%;
  text-align:center;
    margin: 0 auto 10px;
}
#dxsuite .dx__header figure img{
  height: auto;
  width: auto;
}
#dxsuite .dx__header ul.navi__area {
  display: block;
  align-items: center;
  justify-content: flex-end;
  width: auto;
}
#dxsuite .dx__header ul.navi__area li {
  margin: 0 0 0 15px;
  font-size: 14px;
  padding:2px 0 0 0;

}
#dxsuite .dx__header ul.navi__area li.tx {
  display:none;

}

#dxsuite .dx__header ul.navi__area li.btn {
  font-size: 14px;
  text-align: center;
  font-weight:nomal;

}
#dxsuite .dx__header ul.navi__area li.btn a{
  width:70%;
  padding:12px 0 12px;
  line-height:1.3;
  margin:0 auto;
}
#dxsuite .dx__header .btn a:after  {
  top: 37%;
}
  
  
/*-------------------------------------branding---------------------------------------*/
  #dxsuite .dx__branding {
    background-image:url("https://www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/dxsuite/branding_bg.png");
    background-repeat: no-repeat;
    background-position:center top;
    background-size: cover;
}
#dxsuite .dx__branding section {
    padding: 80px 0 0;
    background-image:url("https://www.obc.co.jp/hubfs/obc/v1/images/common/header/logo.svg");
    background-repeat: no-repeat;
    background-position:right top 60px;
}
    #dxsuite .dx__branding {
        text-align: center;
    }
    #dxsuite .dx__branding h1 {
        width:100%;
        height: auto;
        margin: 0 auto 15px ;
        padding: 0 0 15px 0;
        border-bottom: 2px solid #ffffff;
    }
    #dxsuite .dx__branding .mvtitle {
        width:100%;
        height: auto;
        margin: 0 auto 15px ;
        padding: 0 0 15px 0;
        border-bottom: 2px solid #ffffff;
    }
    #dxsuite .dx__branding figure {
        margin: 0 0 15px 15px;
        width:95%;
        height: auto;
    }
    #dxsuite .dx__branding ul {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width:100%;
        background: #ffffff;
        padding: 5px;
        margin: 0 auto;
    }
    #dxsuite .dx__branding ul li img{
        width:90%;
        height: auto;
    }


    /*-------------------------------------kouka---------------------------------------*/
    .dx__kouka .dx__contents__area {
        text-align: center;
        margin: 0 0 40px 0;
        background: #EDECDF;

    }
    .dx__kouka .dx__contents__area h4 {
        margin: 0 0 20px 0;
    }
    .dx__kouka .dx__contents__area .area__w {
        padding: 10px;
        background: #ffffff;
        margin: 0 0 20px 0;
    }
    .dx__kouka .dx__contents__area .area__list dl {
        width: auto;
        text-align: center;
    }

    .dx__kouka .dx__contents__area .area__list dt {
        font-size: 16px;
        font-weight: 600;
        margin: 0 0 5px 0;
        line-height: 1.0;
    }
    .dx__kouka .dx__contents__area .area__list dt span{
        font-size: 20px;
    }
    .dx__kouka .dx__contents__area .area__list dd {
        color: #E72420;
        background: #ffffff;
        padding: 10px;
        font-size: 16px;
        font-weight: 600;
        line-height: 1.3;
        margin: 0 0 15px 0;
    }

    .dx__kouka .dx__contents__area .dx__kouka__before {
        font-weight: 600;
        margin: 0 0 10px 0;
         font-size: 20px;
    }
  .dx__kouka .dx__contents__area .dx__kouka__before span{
    font-weight: 600;
    font-size: 20px;
}
    .dx__kouka .dx__contents__area .dx__kouka__after {
        font-size: 28px;
        font-weight: 600;
        color:#E72420;
        margin: 10px 0 0 0;
        line-height: 1.0;
    }
    /*--------kouka02---------------------------------------*/


    .dx__kouka02 .area__list dl {
        width: auto;
        text-align: center;
        margin: 0 0 30px 0;
    }

    .dx__kouka02 .area__list dl dt {
        font-size: 20px;
        font-weight: 600;
        margin: 0 0 10px 0;
        line-height: 1.0;
    }

    .dx__kouka02 .area__list dl dd.kouka02__box {
        border: 2px solid;
        padding: 10px;
        font-size: 16px;
        line-height: 1.3;
        font-weight: 600;
        margin: 0 0 10px 0;
        text-align: center;
    }
    .dx__kouka02 .area__list dl dd.kouka02__box span{
        font-size: 20px;
    }

    .dx__kouka02 .area__list dl dd.kouka02__box p{
        width:auto;
        margin: 0 auto;
        text-align: center;
        padding: 0;
    }

    .dx__kouka02 .area__list  dd.kouka02__list{
        width: auto;
          text-align: left;
    }
    .dx__kouka02 .area__list dl:nth-child(1) dd.kouka02__box p{
        background-image:url(none);
    }
    .dx__kouka02 .area__list dl:nth-child(2) dd.kouka02__box p{
        background-image:url(none);
    }
    /*--------feature---------------------------------------*/

    .dx__feature .area__list {
        display: block;
    }
    .dx__feature h2 {
        margin: 0 0 20px 0;
    }
    .dx__feature dl {
        width:auto;
        margin: 0 0 25px 0;
    }
    .dx__feature dt {
        font-size: 20px;
        font-weight: 600;
        border:2px solid #1D2D64;
        text-align: center;
        color:#1D2D64;
        padding: 10px 0;
        margin: 0 0 10px 0;
        line-height: 1.3;
    }
    .dx__feature dd {

    }


    /*--------lineup---------------------------------------*/

    .dx__lineup h2 {
        margin: 0 0 20px 0;
    }
    .dx__lineup .area__list {
        display:block;
    }
    .dx__lineup .area__list figure {
        text-align: center;
        width: auto;
        margin: 0 0 20px 0;
    }
    .dx__lineup .area__list dl.lineup__info {
        width: auto;
        padding: 0;
        margin: 0 0 20px 0;
    }
    .dx__lineup .area__list dl.lineup__info dt {
        font-size: 20px;
        font-weight: 600;
        color: #1D2D64;
        margin: 0 0 15px 0;
    }
    .dx__lineup .area__list dl.lineup__info dd {
        font-size: 14px;
    }

    .dx__lineup h4 {
        margin: 0 0 20px 0;
    }
    .dx__lineup .area__list {
        display: block;
        margin:0;
    }
    .dx__lineup .area__list .lineup__list {
        width: auto;
        padding: 10px;
        margin: 0 auto 25px;
        padding: 40px 0 0 0;
    }
  .dx__lineup .area__list .lineup__list dl {
    padding: 10px;
}
    .dx__lineup .area__list .lineup__list dt {
        margin: 0 0 10px 0;
        text-align: center;
    }
    .dx__lineup .area__list .lineup__list dt img{
        width: 35%;
        height: auto;
    }
    .dx__lineup .area__list .lineup__list dd.lineup__list__tx {
        margin: 0 0 7px 0;
    }
    .dx__lineup .area__list .lineup__list dd.soon {
        text-align: center;
        font-size: 20px;
        color:#1D2D64;
        font-weight: bold;
    }
    .dx__lineup .area__list .lineup__list dd.btn {
        font-size: 14px;
        text-align: center;
    }
    .dx__lineup .area__list .lineup__list dd.btn a{
        margin: 0 auto;
        padding: 14px 0;
    }
    .dx__lineup .area__list #ac,.dx__lineup .area__list #hr,.dx__lineup .area__list #sa{
        width: auto;
    }

    .dx__lineup .area__list dl.btn__area01 {
        width: auto;
        text-align: center;
           margin: 0 0 20px 0;
    }
      .dx__lineup .area__list{
        display:block;
        margin: 0 0 40px 0;
    }
    .dx__lineup .area__list dl.btn__area01 dt{
        font-size: 18px;
        margin: 0;
    }
    .dx__lineup .area__list dl.btn__area01 dd{
        font-size: 18px;
        width: auto;
        padding: 12px 0 15px;
        margin: 0 auto;
    }
    .dx__lineup .area__list dl.btn__area01 dd a{
        padding: 12px 0 15px;
        display: block;
        margin: 0;
    }


    /*--------guide---------------------------------------*/
    .dx__guide .h2__sub{
        text-align: center;
    }
    .dx__guide h2 {
        margin: 0 0 30px 0;
    }
    .guide__title{
        width: auto;
        margin: 0 auto;
    }
    .dx__guide .guide__title .target{
        font-size: 18px;
        font-weight: 600;
        color:#1D2D64;
        margin: 0 0 5px 0;
    }
    .dx__guide .guide__title h5{
        padding: 0 0 5px 0;
        border-bottom: 4px solid #1D2D64;
        margin: 0 auto 20px;
        width: auto;
    }
    .dx__guide .guide__title h5::before{
        content: url(https://www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/dxsuite/logo_dx.png);
        text-align: left;
        width: 80px;
    }
    .dx__guide .area__list {
        width:auto;
        margin: 0 auto;
    }
    .dx__guide .dl.guide__dl {
        text-align: center;
            margin: 0 0 20px 0;
    }
    .dx__guide .area__list dl.guide__dl dt{
        margin: 0 0 20px 0;
    }
    .dx__guide .area__list dl.guide__dl dt img{
    }
    .dx__guide .area__list dl.guide__dl dd{
        width:auto;
        padding: 14px 0;

    }
    .dx__guide .area__list figure {
        display:none;
    }
    .dx__guide .dx__contents__area {
        width: auto;
        background: #ffffff;
        padding: 20px;
        margin: 0 0 60px 0;
    }
    .dx__guide .dx__contents__area .area__list{
        width:auto;
        margin: 0 auto;
    }
    .dx__guide .dx__contents__area .guide__slide{
        width:auto;
        height: auto;
        border: 1px solid #707070;
        padding: 16px;
        margin: 0 0 20px 0;
    }
    .dx__guide .dx__contents__area .guide__slide p{
    }
    .dx__guide .dx__contents__area dl.guide__slide__tx{
        width:auto;
        text-align: left;
    }
    .dx__guide .dx__contents__area dl.guide__slide__tx dt{
        font-size: 24px;
        font-weight: 600;
        border-bottom: 2px solid #000000;
        padding: 0 0 5px 0;
        margin: 0 0 10px 0;
    }
    .dx__guide .dx__contents__area dl.guide__slide__tx dd{
        margin: 0 0 8px 0;
        padding-left:1.5em;
        text-indent:-1.5em;
    }
  
.dx__guide p.btn a{
 font-size: 18px;
        width: auto;
        padding: 12px 0 15px;
        margin: 0 auto;
    }
.dx__guide p a:hover {
 transition: .3s;
   opacity: 0.8;
}
.dx__guide .btn a:after  {
  top: 44%;
}
/*--------case---------------------------------------*/
    .dx__case h3.type02{
        font-size: 24px;
        font-weight:600;
        text-align: center;
        margin: 0 0 20px 0;
    }
    .dx__case dl{
        width:auto;
    }
    .dx__case dl dt{
        width:auto;
        height:auto;
    }
    .dx__case dl dd.case__name__hr{
        background: #1E71C9;
        padding: 5px 0 5px 10px;
        text-align: left;
        color:#ffffff;
        margin: 0 0 20px 0;
    }
    .dx__case dl dd.case__tx{
        text-align: left;
        margin: 0 0 30px 0;
    }

    .dx__case dl dd.btn {
        font-size: 16px;
        text-align: center;

    }
    .dx__case dl dd.btn a{
        width:80%;
        margin: 0 auto;
        padding: 14px 0;
    }


    /*--------other---------------------------------------*/
    .dx__other figure{
        width:50%;
        display:none;
    }
    .dx__other dl{
        width:auto;
    }
    .dx__other dl dt{
        font-size: 24px;
        font-weight: 600;
      text-align:center;
      margin: 0 0 20px 0;
    }
    .dx__other dl dd{
        color: #707070;
    }

/*--------CTA---------------------------------------*/
.dxsuite .lp__cta {

}

.dxsuite .lp__cta h3{
  text-align: center;
  margin: 0 0 30px 0;
  color: #ffffff;
}

.dxsuite .lp__cta .lead{
  font-size: 14px;
  margin: 0 0 20px 0;
  color: #ffffff;
}

.dxsuite .lp__cta .contents__area ul {
  display: block;
width: auto;
  margin: 0 auto 20px;
}
#dxsuite .lp__cta .contents__area ul.one,#acsuite .lp__cta .contents__area ul.one,#sasuite .lp__cta .contents__area ul.one {
  display:block;
width: auto;
  margin: 0 auto 20px;
}
#dxsuite .lp__cta .contents__area ul.one li,#acsuite .lp__cta .contents__area ul.one li,#sasuite .lp__cta .contents__area ul.one li {
  margin: 0 auto;
width: auto;
  text-align:center;
}
.dxsuite .lp__cta dl{
  text-align: center;
}

.dxsuite .lp__cta dl dt{
  margin: 0 0 1px 0;
}

.dxsuite .lp__cta dl dd.cta__no{
  font-family: 'Oswald', sans-serif;
  font-weight: 800;
  font-size: 24px;
  margin: 0 0 2px 0;
}
.dxsuite .lp__cta dl dd.cta__time{

}

/*--ボタン---*/

.dxsuite .lp__cta li.btn-cta a{
  font-size: 14px;
width: auto;
  padding: 14px 0 13px;
  margin:0 0 15px 0;
}
.dxsuite .lp__cta li.btn-cta a:hover {
  color: #fff;
  background: #F58400;
}


/*--ボタンベース---*/
.dxsuite .lp__cta .btn-cta a {
  position: relative;
  display:block;
  border-radius: 100px;
  transition: .3s;
  text-align: center;
  line-height: 1.0;
}
.dxsuite .lp__cta .btn-cta a:hover {
  opacity: 0.8;
}

.dxsuite .lp__cta a.btn-lpsuite01 {
  color: #fff;
  background: #FF7810;
}

  
    /*--------contact---------------------------------------*/
    .dx__contact h3.type02{
        font-size: 24px;
        font-weight:600;
        text-align: center;
        margin: 0 0 20px 0;
        color:#ffffff;
    }
    .dx__contact .area__list {
        width:auto;
        margin:0 auto 70px;
    }
      .dx__contact .area__list dl{

        margin:0 0 20px 0;
    }

  
  .dx__contact .contact__cta{
      margin: 0 0 30px 0;
      display:block;
}
.dx__contact dl{
     width:auto;
     text-align:center;
     color:#ffffff;
}
.dx__contact dl:first-child{
     border-right:none;
       margin: 0 0 30px 0;
}
.dx__contact dl dt{
     font-size: 24px;
     font-weight:600;
     text-align: center;
     margin: 0 0 5px 0;

}
.dx__contact dl dd.tx{
    margin: 0 0 10px 0;
}

.dx__contact dl dd.btn {
  font-size: 14px;
  text-align: center;
     font-weight:600;
}
.dx__contact dl dd.btn a{
        width:70%;
    margin: 0 auto;
  padding: 14px 0;
}
.dx__contact .btn a:after  {
  top: 38%;
}
  
  
  
  
  
    .dx__contact dl.contact__tel{
        text-align: center;
    }
    .dx__contact dl.contact__tel dt{
        font-size: 20px;
        margin: 0 0 10px 0;
    }
    .dx__contact dl.contact__tel dd{
        margin: 0 0 5px 0;
    }
     .dx__contact dl.contact__tel dd img{
        width:70%;
    }
    .dx__contact dl.contact__tel dd{
        font-size: 18px;
    }
    /*--------footer---------------------------------------*/

    footer{
        font-size: 10px;
        text-align:center;
    }

}
}