/* 2024/02/19　コラム05用 */
@charset "UTF-8";

/* 2024/03/15 add start */
.contractgate p {
  margin-top:    20px;
  margin-bottom: 10px;
}

@media screen and (max-width: 736px) {
  .contractgate p {
    margin-top: 12px;
  }
}
/* 2024/03/15 add end */

.contractgate_nyumon .header {
  width:    calc(100% - 60px);
  padding:    0 30px;
  height:   180px;  /* 2024/02/19 300 -> 180 */
  /* 2021/6/18  画像指定
  background: url(../img/cg_nyumon01_top.png) no-repeat center center;
  */
  background: url(../img/cg_nyumon01_top.png) no-repeat center center;
  background-size:  cover;
  position:         relative;
}

@media screen and (max-width: 736px) {
  .contractgate_nyumon .header {
    height:   200px;
    width:    calc(100% - 30px);
    padding:  0 15px;
  }
}

/* 2024/02/19 add start */
@media screen and (max-width: 400px) {
  .contractgate_nyumon .header {
    height:   140px;
  }
}
/* 2024/02/19 add end */

.contractgate_nyumon .header.chapter02 {
  background: url(../img/cg_nyumon02_top.png) no-repeat center center;
  background-size: cover;
}

.contractgate_nyumon .header.chapter03 {
  background: url(../img/cg_nyumon03_top.png) no-repeat center center;
  background-size: cover;
}

.contractgate_nyumon .header.chapter04 {
  background: url(../img/cg_nyumon04_top1.png) no-repeat center center;
  background-size: cover;
}

/*  2024/02/19 add start  */
.contractgate_nyumon .header.chapter05 {
  background: url(../img/cg_nyumon05_top.jpg) no-repeat center center;
  background-size: cover;
}
/*  2024/02/19 add end  */

.contractgate_nyumon .header.torikumi {
  background: url(../img/cg_nyumon04_top.png) no-repeat center center;
  background-size: cover;
}

.contractgate_nyumon .header .chapter {
  padding-top: 30px;    /* 2024/02/19 30 -> 20 */
  font-size:   24px;
  color:     #ffffff;
}

/*  2024/02/19 add start  */
.contractgate_nyumon .header .chapter05 {
  padding-top:  10px;
  font-size:    24px;
  font-weight:  bold;
  color:      #0000FF;   /* blue */
  text-shadow:   1px 1px 0 #FFF, -1px -1px 0 #FFF,
                -1px 1px 0 #FFF,  1px -1px 0 #FFF,
                 0px 1px 0 #FFF,  0px -1px 0 #FFF,
                -1px 0px 0 #FFF,  1px  0px 0 #FFF;
}

@media screen and (max-width: 736px) {
  .contractgate_nyumon .header .chapter05 {
    padding-top: 15px;
    font-size:   16px;
  }
}
/*  2024/02/19 add end  */

@media screen and (max-width: 736px) {
  .contractgate_nyumon .header .chapter {
    padding-top: 15px;
    font-size:   16px;
  }
}

.contractgate_nyumon .header .chapter span {
  font-family:'DINNeuzeitGroteskLTW01-_812429';
  letter-spacing: 0.08em;
  margin-left: 10px;
}

.contractgate_nyumon .header h2 {
  display:         flex;
  position:        absolute;
  top:                0;
  width:             92%;     /* 2022/12/09 100 -> 92 px */
  height:           100%;
  margin-left:        0px;    /* 2022/12/09,2024/02/19 -30 -> 5 ->0 */
  align-items:     center;
  justify-content: center;
  font-size:         45px;
  font-weight:     bold;
  color:         #ffffff;
}

/*  2024/02/19 add start  */
.contractgate_nyumon .header h2 {
  display:         flex;
  position:        absolute;
  flex-wrap:       wrap;
  align-content:   center;
  align-items:     center;
  justify-content: center;
  top:               10px;
  width:             92%;
  height:           100%;
  margin-left:        0px;
  font-size:         45px;
  font-weight:     bold;
  color:         #0000FF;                               /* blue */
  text-shadow:     1px 1px 0 #FFF, -1px -1px 0 #FFF,
                  -1px 1px 0 #FFF,  1px -1px 0 #FFF,
                   0px 1px 0 #FFF,  0px -1px 0 #FFF,
                  -1px 0px 0 #FFF,  1px  0px 0 #FFF;  /* 縁取り */
}
/*  2024/02/19 add end  */

@media screen and (max-width: 736px) {
  .contractgate_nyumon .header h2 {
    font-size:   26px;
    margin-left:  0px;  /* 2022/12/09 -15 -> 0 px */
  }
}

.contractgate_nyumon .main {
  width:              100%;
  padding:             10px 0 0;   /* 2024/02/19 50 -> 10 */
  background-color: #efefef;
}

@media screen and (max-width: 500px) {
  .contractgate_nyumon .main {
    padding: 30px 0 0;
  }
}

.contractgate_nyumon .main .wrap {
  width: calc(100% - 10px); /* 2022/12/26 60px -> 10px */
  max-width: 1200px;
  margin:       0 auto;
  font-size:   18px;        /* 2024/02/19 16->18 */
  font-weight: bold;        /* 2024/02/19 add */
}

@media screen and (max-width: 500px) {
  .contractgate_nyumon .main .wrap {
    width: calc(100% - 30px);
    font-size:   16px;      /* 2024/02/19 add */
  }
}

@media screen and (max-width: 400px) {
  .contractgate_nyumon .main .wrap {
    font-size:   14px;      /* 2024/02/19 add */
  }
}

.contractgate_nyumon .main .text {
  width:    calc(100% - 100px); /* 2022/12/26 300px -> 100px */
  padding:  10px 50px 50px;     /* 2022/12/26,2024/02/19 (top)50->30->10 (side)150 -> 50 (bottom)100 -> 50 */
  color:            #333333;
  background-color: #ffffff;
}

/* 2024/02/19 目次 add start */
.contractgate_nyumon .main .text.mokuji  {
  margin-top:        20px;
  padding-bottom:    10px;
  font-size:         18px;
  font-weight:        bold;
  background-color: #c3dff7;
}

@media screen and (max-width: 500px) {
  .contractgate_nyumon .main .text.mokuji  {
    margin-top:  10px;
    font-size:   16px;
  }
}

@media screen and (max-width: 400px) {
  .contractgate_nyumon .main .text.mokuji  {
    padding-top:  5px;
    font-size:   14px;
  }
}

.contractgate_nyumon .nyumon_mokji_list  { /* 2024/03/15 箇条書き add */
  list-style-type:  square;
  margin-top:       10px;
  padding-left:     30px;
}

@media screen and (max-width: 400px) {
  .contractgate_nyumon .nyumon_mokji_list  {
    padding-left:   22px;
  }
}

.contractgate_nyumon .nyumon_list  { /* 箇条書き*/
  list-style-type:  disc;
  padding-left:     30px;
}

@media screen and (max-width: 400px) {
  .contractgate_nyumon .nyumon_list  {
    padding-left:   22px;
  }
}
/* 2024/02/19 目次 add end */

.contractgate_nyumon .main .text.nyumon01 {
  background: url(../img/cg_nyumon_mainbg.png) no-repeat top right;
  background-color: #ffffff;
}

.contractgate_nyumon .main .text.bg_none {
  background: none;
  background-color: #ffffff;
}

@media screen and (max-width: 736px) {
  .contractgate_nyumon .main .text {
    width: calc(100% - 100px);
    padding: 50px 50px;
  }
}

@media screen and (max-width: 500px) {
  .contractgate_nyumon .main .text {
    width: calc(100% - 30px);
    padding: 20px 15px;
  }
}

.contractgate_nyumon .main .text.nyumon02 .margin_l {
  margin-top: 60px;
}

.contractgate_nyumon .main .text img {
  width:      100%;
  margin-top:  15px;    /* 2024/03/15 30->15*/
}

.contractgate_nyumon .main .text figcaption {
  text-align: center;
  margin-top:  5px;
  font-size:  14px;
}

.contractgate_nyumon .main .text figcaption .quote {
  font-size:  16px;      /* 2024/03/15 12->16 */
}

@media screen and (max-width: 400px) {          /* 2024/03/15 736->400*/
  .contractgate_nyumon .main .text figcaption {
    font-size: 14px;      /* 2024/03/15 12->14 */
  }
}

.contractgate_nyumon .main .text h3 {
  margin-top:    40px;    /* 2024/02/19 50->40 */
  font-size:     28px;
  font-weight:   bold;
  border-bottom:  3px solid #cccccc;
}

@media screen and (max-width: 736px) {
  .contractgate_nyumon .main .text h3 {
    margin-top:   30px;    /* 2024/02/19 add */
    font-size:    20px;
  }
}

@media screen and (max-width: 400px) {  /* 2024/03/15 add */
  .contractgate_nyumon .main .text h3 {
    margin-top:   20px;
  }
}

.contractgate_nyumon .main .text.nyumon02 h3 {
  padding-left: 23px;
}

.contractgate_nyumon .main .text.nyumon02 h3:before {
  content:     '1';
  color:     #6db42e;
  margin-left: -23px;
  margin-right:  8px;
}

.contractgate_nyumon .main .text.nyumon02 h3:nth-of-type(2):before {
  content: '2';
  color: #f25085;
}

.contractgate_nyumon .main .text.nyumon02 h3:nth-of-type(3):before {
  content: '3';
  color: #f58932;
}

.contractgate_nyumon .main .text.nyumon02 h3:nth-of-type(4):before {
  content: '4';
  color: #51bfe3;
}

.contractgate_nyumon .main .text.nyumon02 h3:nth-of-type(5):before {
  content: '5';
  color: #57cbbb;
}

.contractgate_nyumon .main .text h4 {
  position:     relative;
  margin-top:    40px;
  padding-left:  30px;
  font-size:     20px;
  font-weight:  bold;
}

@media screen and (max-width: 736px) {
  .contractgate_nyumon .main .text h4 {
    margin-top:   30px;     /* 2024/03/15 add */
    font-size:    18px;     /* 2024/03/15 17->18 */
  }
}

@media screen and (max-width: 400px) {  /* 2024/03/15 add */
  .contractgate_nyumon .main .text h4 {
    margin-top: 25px;
    font-size:  16px;
  }
}

.contractgate_nyumon .main .text h4:before {
  display:            inline-block;
  text-align:         center;
  position:           absolute;
  border-radius:      50%;
  top:                50%;
  left:                0;
  width:              25px;
  height:             25px;
  line-height:        25px;
  -moz-transform:     translateY(-50%);
	-webkit-transform:  translateY(-50%);
	-o-transform:       translateY(-50%);
	-ms-transform:      translateY(-50%);
	transform:          translateY(-50%);
  font-size:          16px;
  font-weight:        normal;
  color:            #ffffff;
}

.contractgate_nyumon .main .text h4:nth-of-type(1):before {
  content: '1';
  background: #6db42e;
}

.contractgate_nyumon .main .text h4:nth-of-type(2):before {
  content: '2';
  background: #f25085;
}

.contractgate_nyumon .main .text h4:nth-of-type(3):before {
  content: '3';
  background: #f58932;
}

.contractgate_nyumon .main .text h4:nth-of-type(4):before {
  content: '4';
  background: #51bfe3;
}

.contractgate_nyumon .main .text h4:nth-of-type(5):before {
  content: '5';
  background: #57cbbb;
}

.contractgate_nyumon .main .text .link_right {
  text-align: right;
}

.contractgate_nyumon .main .text .color_num p {
  margin-top: 10px;
}

.contractgate_nyumon .main .text table th {
  background-color: transparent;
}

.contractgate_nyumon .main .text table tr:nth-child(even) {
  background-color: #dceff8;
}

.contractgate_nyumon .main .text table tr:nth-child(odd) {
  background-color: #edf7fb;
}

.contractgate_nyumon .main .text table tr:first-child th {
  background-color: #4faddc;
  color: #ffffff;
}

.contractgate_nyumon .main .text table th {
  font-weight: bold;
}

.contractgate_nyumon .main .text table th, .contractgate_nyumon .main .text table td {
  border-color: #ffffff;
  text-align: center;
  vertical-align: middle;
}

.contractgate_nyumon .main .text table.torikumi td {
  text-align: left;
}

.contractgate_nyumon .main .text table.torikumi th:first-child {
  width: 70px;
}

@media screen and (max-width: 736px) {
  .contractgate_nyumon .main .text table.torikumi th:first-child {
    width: 50px;
  }
}

.contractgate_nyumon .main .pager {
  display: flex;
  justify-content: space-between;
  font-weight: bold;
  font-size: 18px;
  margin-top: 30px;
}

@media screen and (max-width: 736px) {
  .contractgate_nyumon .main .pager {
    font-size: 14px;
  }
}

.contractgate_nyumon .main .pager a {
  color: #000000;
  text-decoration: none;
}

.contractgate_nyumon .main .pager a:hover {
  text-decoration: none;
  transition: all 0.3s;
  opacity: 0.7;
}

.contractgate_nyumon .main .pager .wrap.prev {
  display:          flex;
  flex-direction:   column;
  justify-content:  flex-start;
  align-items:      flex-start;   /* 2024/03/15 center->flex-start*/
  position:         relative;
  padding-left:     45px;         /* 2024/03/15 40->45 */
}

.contractgate_nyumon .main .pager .wrap.prev:before {
  content: url(../img/cg_slide_arrow_prev.png);
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -17px;
}

.contractgate_nyumon .main .pager .wrap.next {
  display:          flex;
  flex-direction:   column;
  justify-content:  center;     /* 2024/04/22 flex-start->center */
  align-items:      flex-end;   /* 2024/03/15,2024/05/17 center->flex-start->flex-end(右寄せ)*/
  position:         relative;
  padding-right:    45px;       /* 2024/03/15 40->45 */
}

.contractgate_nyumon .main .pager .wrap.next:before {
  content: url(../img/cg_slide_arrow.png);
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -17px;
}

.contractgate_nyumon .main .pager .wrap.prev.no_block:before {
  content: none;
}

.contractgate_nyumon .main .pager .wrap.next.no_block:before {
  content: none;
}

@media screen and (max-width: 736px) {
  .contractgate_nyumon .main .pager .wrap {
    flex-wrap: wrap;
  }
}

.contractgate_nyumon .main .pager .wrap.comming {
  position: relative;
}

.contractgate_nyumon .main .pager .wrap.comming:after {
  position: absolute;
  content: 'Comming Soon';
  color: #ffffff;
  font-family:'DINNeuzeitGroteskLTW01-_812429';
  font-style: italic;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}

.contractgate_nyumon .main .pager .wrap.prev div {
  margin-right: 10px;
}

.contractgate_nyumon .main .pager .wrap.next div {
  margin-right:   10px;   /* 2024/05/17 margin-left->right */
  text-align:     right;  /* 2024/05/17 add */
}

@media screen and (max-width: 736px) {
  .contractgate_nyumon .main .pager .wrap .chapter {
    width: 100%;
  }
  .contractgate_nyumon .main .pager .wrap .title {
    flex: 1;
  }
}

.contractgate_nyumon .main .banner {
  display: block;
  width: 100%;
  height: 180px;
  margin-top: 50px;
  position: relative;
  overflow: hidden;
  z-index: 0;
}

.contractgate_nyumon .main .banner:hover {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

.contractgate_nyumon .main .banner .comming {
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
  color: #c0c0c0;
  padding: 15px;
}

.contractgate_nyumon .main .banner .comming div {
  width: 100%;
  height: 100%;
  border: 1px solid #c0c0c0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family:'DINNeuzeitGroteskLTW01-_812429';
  font-style: italic;
  font-size: 22px;
}

.contractgate_nyumon .main .banner:after {
  content: '';
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../img/cg_first04.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  background-size: cover;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  transition: all .3s ease-out;
  z-index: -1;
}

.contractgate_nyumon .main .banner:hover:after {
  opacity: 0.8;
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.contractgate_nyumon .main .banner .banner_title {
  padding: 0 15px;
  color: #ffffff;
  /* font-size: 18px; 2022/8/31 フォントサイズ削除 */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
}

.contractgate_nyumon .main .banner img {
  position: absolute;
  bottom: 0;
  right: 0;
}

.contractgate_nyumon .contact {
  position: relative;
  z-index: 0;
  margin-top: 50px;
}

.contractgate_nyumon .contact .wrap {
  position: relative;
  z-index: 10;
}

/* 2022/8/31 ウェビナーページリンク設定 start */
.contractgate_nyumon .main .banner_2 {
  display:    block;
  width:      100%;
  height:     180px;
  margin-top:  40px;     /* 2024/02/19 50->40 */
  position:   relative;
  overflow:   hidden;
  z-index:      0;
}

.contractgate_nyumon .main .banner_2:hover {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

.contractgate_nyumon .main .banner_2 .comming {
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
  color: #c0c0c0;
  padding: 15px;
}

.contractgate_nyumon .main .banner_2 .comming div {
  width: 100%;
  height: 100%;
  border: 1px solid #c0c0c0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family:'DINNeuzeitGroteskLTW01-_812429';
  font-style: italic;
  font-size: 22px;
}

.contractgate_nyumon .main .banner_2:after {
  content: '';
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../img/cg_nyumon01_top.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  background-size: cover;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  transition: all .3s ease-out;
  z-index: -1;
}

.contractgate_nyumon .main .banner_2:hover:after {
  opacity: 0.8;
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.contractgate_nyumon .main .banner_2 img {
  position: absolute;
  bottom: 0;
  right: 0;
}

.contractgate_nyumon .main .banner_2 .banner_title_2 {
  padding:           0px 15px 0px 5px;  /* 上右下左 */
  color:        #FFFFFF;              /* 文字列色：白 */
  position:       absolute;
  top:               0;
  left:              0;
  width:           100%;
  height:          100%;
  display:         flex;
  justify-content: center;
  align-items:     center;
  font-size:       24px;
}
/* 2022/8/31 ウェビナーページリンク設定 end */

/*  2024/02/19 profile area add start  */
.profile__title {
  margin-top:    10px;
  margin-left:   10px;
  margin-bottom: 10px;
  font-size:     24px;
  font-weight:   bold;
  text-shadow:    1px 1px 2px silver;
  line-height:    1.1;
}

.profile_picture {      /* 執筆者紹介写真 */
  width:  40%;
}

p.profile_picture {  /* 執筆者紹介写真 */
  margin-top:    5px;
  margin-bottom: 5px;
}

p.profile_picture img {  /* 執筆者紹介写真 */
  width:      300px;
  height:     auto;
}

p.profile__sentence1 {  /* 執筆者名 */
  margin-top:      1px;
  margin-bottom:   1px;
  margin-left:     5px;
  margin-right:   auto;
  color:        MediumBlue;
  font-size:      18px;
  font-weight:    bold;
}

p.profile__sentence2 {  /* 執筆者紹介 */
  margin-top:      1px;
  margin-bottom:   1px;
  margin-left:    10px;
  margin-right:  auto;
  color:       black;
  font-size:      16px;
  font-weight:    bold;
}

@media screen and (max-width: 736px) {
  p.profile__sentence1 {
      margin-top:  5px;
      margin-left: 0;
      padding:     0 5px;
      line-height: 1.2;     /* 行間調整 */
      font-size:  16px;
    }

    p.profile__sentence2 {
      margin-top:  0px;
      margin-left: 0;
      padding:     0 5px;
      line-height: 1.1;     /* 行間調整 */
      font-size:  14px;
    }
}
/*  2024/02/19 add end  */

/*  2024/05/17 CTA Button inf add start  */
/* CV ========================================== */
.contractgateTop-wrap__cv {
  padding:      20px 0;          /* 2024/05/17 上下：80->20 */
  text-align:   center;
  background: #ffffff;
}

@media (max-width: 767px) {
  .contractgateTop-wrap__cv {
    padding: 30px 5px;            /* 2024/05/17 上下：50->30, 左右：15->5 */
  }
}

.contractgateTop-inner__cv {
  display:              -webkit-box;
  display:              -ms-flexbox;
  display:              flex;
  -webkit-box-align:    center;
      -ms-flex-align:   center;
          align-items:  center;
  width:                100%;
  border:                10px solid #cccccc;
  background:           #ffffff;
}

@media (max-width: 767px) {
  .contractgateTop-inner__cv {
    display:  block;
    width:    90%;                  /* 2024/05/17 add */
    padding:  15px 15px 20px 15px;  /* 2024/05/17 下：25->20 */
    border:    5px solid #cccccc;
  }
}

.contractgateTop-inner__cv .cv_text {
  width: 65%;
  text-align: center;
}

@media (max-width: 767px) {
  .contractgateTop-inner__cv .cv_text {
    width: 60%;   /* 2024/05/17 100->60 */
  }
}

.contractgateTop-inner__cv .cv_text_lead {
  margin-bottom: 15px;
  font-size: 20px;
}

@media (max-width: 767px) {
  .contractgateTop-inner__cv .cv_text_lead {
    font-size: 16px;
  }
}

.contractgateTop-inner__cv .cv_img_logo img {
  width:        300px;       /* 2024/05/17 360->300 */
  height:       auto;
  padding-left:  10px;      /* 2024/05/17 add */
}

@media (max-width: 767px) {
  .contractgateTop-inner__cv .cv_img_logo img {
    width: 100%;
    max-width: 240px;
  }
}

.contractgateTop-inner__cv .cv_btns {
  display:                  -webkit-box;
  display:                  -ms-flexbox;
  display:                  flex;
  -webkit-box-pack:         center;
      -ms-flex-pack:        center;
          justify-content:  center;
  margin:                   20px auto 10px; /* 2024/05/17 30->20(上), 0->10(下) */
  text-align:               center;
}

@media (max-width: 767px) {
  .contractgateTop-inner__cv .cv_btns {
    display: block;
    margin-top: 20px;
  }
}

.contractgateTop-inner__cv .cv_btns .cv_btn a {
  position:         relative;
  display:          block;
  width:            180px;    /* 2024/05/17 280->180 */
  margin:             0 auto;
  padding:           10px;    /* 2024/05/17 20->10 */
  text-align:       center;
  text-decoration:  none;
  color:          #ffffff;
  border-radius:      3px;
  font-size:         18px;
  font-weight:      bold;
  font-weight:      700;
  line-height:        1;
}

@media (max-width: 767px) {
  .contractgateTop-inner__cv .cv_btns .cv_btn a {
    width: 100%;
    padding: 20px;
    font-size: 16px;
  }
}

.contractgateTop-inner__cv .cv_btns .cv_btn a::after {
  position:         absolute;
  top:              50%;
  right:            10px;      /* 2024/05/17 20->10 */
  width:            10px;
  height:           16px;
  margin-top:       -8px;
  content:          "";
  background:       url(../img/202403_arrow_white.svg) no-repeat;
  background-size:  10px;
}

.contractgateTop-inner__cv .cv_btns .cv_btn a:hover {
  top: 5px;
  text-decoration: none;
  color: #ffffff;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.contractgateTop-inner__cv .cv_btns .cv_btn_document {
  margin-right: 20px;
}

@media (max-width: 767px) {
  .contractgateTop-inner__cv .cv_btns .cv_btn_document {
    margin-right: 0;
    margin-bottom: 20px;
  }
}

.contractgateTop-inner__cv .cv_btns .cv_btn_document a {
  background: #e15f68;
  -webkit-box-shadow: 0 5px 0 #cb404a;
  box-shadow: 0 5px 0 #cb404a;
}

.contractgateTop-inner__cv .cv_btns .cv_btn_contact a {
  background: #f87b00;
  -webkit-box-shadow: 0 5px 0 #D64923;
  box-shadow: 0 5px 0 #D64923;
}

.contractgateTop-inner__cv .cv_img_thumb img {
  width: 100%;
  height: auto;
}

@media (max-width: 767px) {
  .contractgateTop-inner__cv .cv_img_thumb img {
    margin-top: 20px;
  }
}
/*  2024/05/17 CTA Button inf add end  */