#header-menu ul{
  margin-left:0;
}


.warp{
  width:100%;
  max-width: 1497px;
  margin:0 auto;
}


/* =====================================================================================
menu-feature
*  ===================================================================================== */
.menu-feature-wrapper-arrow {
  margin-top: 15px;
  text-align: center;
}

.menu-link-arrow {
  width: 35px;
  opacity: 0.35;
}

.choose_info li{
	cursor: pointer;
}

.choose_info li a:hover,
.choose_info li a:focus{
	cursor: pointer;
  text-decoration: none;
}

.choose_info li a:hover > .menu-feature-wrapper-arrow {
	animation: fuwafuwa 1s infinite linear alternate;
  text-decoration: none;
}

@keyframes fuwafuwa {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}



.flexslider{
  margin:0 auto !important;
  height: 565px !important;
}


.section_point{
  padding:70px 0px 25px 0px;
  min-width: 1200px;
  width: 100%;
}

.section{
  padding:60px 0 50px 0px;
  min-width: 1200px;
  width: 100%;
}

.bg_s_blue{
  background-color: transparent;
  background-image: linear-gradient(190deg, #004E98 40%, #2777BA 95%);
}

.contact-banner-block {
  padding: 60px 0 80px;
  background: transparent linear-gradient(124deg,#0d68c3 20%,#0256a9 100%) 0% 0% no-repeat;
  color: #fff;
  text-align: center;
  font-weight: 700;
  position: relative;

    /* padding: 60px 0 80px;
    text-align: center;
    font-weight: 700;
    position: relative;
    background: url(/images/contents/dc_img_contact_bg.png) center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative; */
}


.contact-banner-block:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: transparent url(/images/contents/contact-banner-bg.webp) 50% 50% no-repeat;
  background-size: cover;
}


.choose_info ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    justify-content: center;
    /* align-items: space-between;*/
    gap: 0 50px;
    margin: 45px 0 0;
    padding: 0 0 20px;
}

.choose_info ul li{
      /* width: 23.5%; */
      cursor: pointer;
}

h3.choose_info_item_title {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  font-size: 27px;
  line-height: 1.6;
  letter-spacing: -0.5px;
  color: #444;
  font-weight: 700;
}


h3.choose_info_item_title::before{
  display: inline-block;
  font-size: 39px;
  color: #378ee4;
  font-weight: 700;
  text-align: center;
  font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "AOS Icons", "Hiragino Kaku Gothic Pro","Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.15;
  letter-spacing: 3px;
}

.choose_info_01::before{
  content: " 01 ";
}

.choose_info_02::before{
  content: " 02 ";
}

.choose_info_03::before{
  content: " 03 ";
}

.choose_info_04::before{
  content: " 04 ";
}

.choose_info_item_text {
  margin: 13px 0 0;
  padding: 0;
  font-size: 17px;
  line-height: 1.7;
  text-align: center;
  color: #656565;
}

.choose_info ul li figure{
  width: 100%;
  height: 190px;
  margin-top: 10px;
  text-align: center;
}

.choose_merit_img1 {
  width: 81%;
  margin-top: 10px;
}

.choose_merit_img2 {
  width: 53%;
  margin-top: 13px;
}

.choose_merit_img3 {
  width: 53%;
  margin-top: 19px;
}

.choose_merit_img4 {
  width: 45%;
  margin-top: 14px;
}


.top_h2_txt {
    font-size: 4.0em;
    line-height: 1.5;
    margin-bottom: 0.5em;
    margin-top: 0px;
    text-align: center;
    color: #000;
    font-weight: 600;
    font-family: 'Noto Sans JP', sans-serif;
}

.top_h2_txt1 {
  font-size: 4.0em;
  line-height: 1.75;
  margin-top: 0px;
  text-align: center;
  color: #000;
  font-weight: 600;
  font-family: 'Noto Sans JP', sans-serif;
}


.subbox_line {
  text-align: center;
  margin: 0 auto;
}

.subtitle_toptxt{
  display: inline-block;
  font-size: 31px;
  font-weight: 600;
  text-align: center;
  color: #555;
  line-height: 1.3;
  font-family: 'Noto Sans JP', sans-serif;
  /*color: #378ee4;
  padding: 1px 28px 3px 28px;
  border-radius: 40px;
  border: solid 2px rgb(55 142 228 / 80%);
  background-color: rgb(255 255 255 / 80%);
  */
}


.details_area {
    text-align: right;
    display: flex;
    justify-content: center;
    margin-top: 20px;
}


.details_btn {
  width: 22%;
  background-color: #378ee4;
  text-align: center;
  color: #ffffff;
  height: 60px;
  font-size: 23px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 60px;
  position: relative;
  letter-spacing: -0.5px;
}

.details_btn:hover,
.details_btn:focus {
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.25);
  cursor:pointer;transform:scale(1.04,1.04);transition:transform .2s;
}

.details_btn a {
    color: #ffffff;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}


.top_title_b {
    font-size: 42px;
    /* color: #378ee4; */
    color: #333;
    font-weight: bold;
    text-align: center;
    font-family: 'Noto Sans JP', sans-serif;
    margin: 0px;
    line-height: 2.0;
}


.title_white{
  color:#fff;
  margin:0;
}

.point_subtxt {
    font-size: 18px;
    color: #777;
    line-height: 31px;
}



.it_review_area {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    border: 2px solid #458be0;
    box-shadow: 0px 5px rgb(118 124 136 / 10%);
    border-radius: 6px;
    margin:0 auto 10px;
    background-color: #fff;
    cursor: default;
}

/* .it_review_area:hover,
.it_review_area:focus {
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.2);
  cursor:grab;
  transform:scale(1.04,1.04);
  transition:transform .2s;
} */

.it_review_top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 320px;
}

.it_review_left_img {
    width: 20%;
    position: relative;
}

.it-review_left_hoshi {
    width: 74% !important;
    position: absolute;
    top: 35px;
    left: 11px;
}


.it_review_right {
    width: 80%;
    padding: 36px 10px 0;
}

.it_review_serve_title {
  border-left: 4px solid #3e8ee1e3;
  font-size: 30px;
  padding: 0px 10px 3px 17px;
  margin: 0 0 10px 0;
  font-weight: bold;
  color: #202124;
  letter-spacing: -.7pt;
  line-height: 1.5;
  font-family: 'Noto Sans JP', sans-serif;
}

.it_review_txt {
  font-size: 16px;
  line-height: 1.7;
  margin: 0;
  padding: 10px 16px 0px 0px;
}


.it_review_bottom {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding:8px 20px 30px 30px;
}

.it_review_item {
    display: flex;
    flex-direction: row;
}


.item_title {
  margin: 0;
  padding: 2px 0px 2px 0px;
  background-color: #a7b4c2;
  border-radius: 4px;
  color: #ffffff;
  font-size: 13px;
  line-height: 19pt;
  width: 82px;
  text-align: center;
  letter-spacing: -0.4px;
  display: flex;
justify-content: center;
align-items: center;
}

.item_content {
  margin: 0;
    padding: 3px 0 3px 10px;
    font-size: 14px;
    color: #777;
    letter-spacing: -0.6px;
}

.sevice_movie_text {
    margin: 4px 0px 10px 0;
}

.scene_title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background-color: #3784d9;
}

.scene_title p {
    font-size: 30px;
    color: #fff;
    padding: 12px 0px 8px;
    letter-spacing: -.3px;
    font-weight: bold;
    margin: 0;
}

.scene_img_area {
    padding: 32px 40px 35px 40px;
    border: 1px solid #9FBFD6;
    border-top: none;
    background-color: #F0F8FF;
}



.cm_pdf_keyv {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    text-align: left;
    background: white;
    background-image: url(/images/banner/cm_pdfdown_bg1.png);
    background-size: cover;
    width: 1497px;
    height: 595px;
    margin-top: 60px
}


.cm_cta_dw_right {
    display: flex;
    width: 100%;
    padding: 5px 0px 0px 20px;
    align-items: flex-start;
    justify-content: space-between;
}


.cm_cta_dw_right h6 {
    color: #ffffff;
    font-weight: bold;
    font-size: 36px;
    padding-top: 0px;
    text-shadow: 2px 2px 4px #004ca0;
    line-height: 1.2;
    text-align: center;
    margin-top: 4.6em;
    margin-bottom: 0;
    padding-left: 95px;
    font-family: 'Noto Sans JP', sans-serif;
}

.cm_cta_dw_right_c {
    display: flex;
    width: 100%;
    padding: 0px;
    align-items: flex-start;
    justify-content: space-between;
    margin-left: 0px;
}

.cm_cta_dw_right_c ul {
    font-size: 19px;
    line-height: 1.9;
    color: #fff;
    margin: 0;
    width: 55%;
}

.cm_cta_btn {
    text-align: center;
    margin: 0 auto;
    padding: 26px 26px 20px 0px;
}





/*  料金表 start */


.service_left_td {
    background-color: #FAFAFC;
    color: #262626;
    padding: 17px 14px;
    font-size: 14px;
    line-height: 20px;
}


.service_title_chk {
    background: #E8F2FE;
    color: #000000;
    font-size: 20px;
    padding: 25px 0;
    line-height: 30px;
}

.plan_serve_name {
    font-size: 13.5px;
    margin: 0;
    line-height: 13px;
    color: #c0c0c0;
    padding: 0;
}

.lh21 {
    line-height: 21px;
    margin-bottom: 10px;
}

.server_btn_size {
    width: 200px;
}

.btn_link_apply_red {
  width: 71%;
  height: 42px;
  color: #ffffff;
  text-align: center;
  background: #FF114A;
  border-radius: 40px;
  letter-spacing: -0.2pt;
  margin-top: 3px;
}

a.btn_link_data {
  font-size: 16px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
}


.best_green {
    position: absolute;
    left: -1px;
    top: -26px;
}




input[name="tab_item"] {
    display: none;
}



.tab_content {
    display: none;
    clear: both;
    overflow: hidden;
}


.share_btn_size {
    width: 215px;
}


.service_title_td {
    background: #ffffff;
    color: #000000;
    font-size: 20px;
    padding: 25px 0;
    line-height: 30px;
}


.service_td {
    background-color: #FFFFFF;
    color: #000000;
    padding: 17px 14px;
    font-size: 16px;
    line-height: 28px;
}



.blue_area {
    background: #E8F2FE;
}


.lh21 {
    line-height: 21px;
    margin-bottom: 10px;
    display: inline-block;
    padding-bottom: 10px;
}


.fs16 {
    font-size: 16px;
}

.lh19 {
    line-height: 19px;
    margin-bottom: 10px;
}


.service_title_txt {
  color: #202124 !important;
  font-weight: 800;
  font-size: 1.5em;
  line-height: 1.3;
}



#fileshare_plan:checked ~ #fileshare_content,
#filesever_plan:checked ~ #fileserver_content,
#all_plan:checked ~ #all_plan_content {
    display: block;
}


#fileshare_plan:checked ~ .fileshare_plan,
#filesever_plan:checked ~ .filesever_plan,
#all_plan:checked ~ .all_plan {
    background-color: #0061D5;
    color: #fff;
}


.tab_item {
    width: 365px;
    font-size: 18px;
    text-align: center;
    color: #FFFFFF;
    display: block;
    float: left;
    cursor: pointer;
    background-color: #A0AAAE;
    padding: 18px 0px 14px 0px;
    border-right: 1px solid #B8BEC1;
}


.filesever_plan,
.fileshare_plan{
  width: 48.9%;
  font-size: 21px;
  padding: 17px 0;
}



.price_purpose_ul {
    margin: 0;
    padding: 0;
    padding: 0 0 0 8px;
    color: #6B6B6B;
}


.price_purpose_ul li {
    text-indent: -12px;
    margin-left: 0px;
    line-height: 18px;
    padding-bottom: 5px;
    list-style: none;
    font-size: 14px;
}


/********************* NEW Type Price layout **********************/
.dc-plan{
  padding:0;
  width: 100%;
  margin: 0 auto;
}

.dc-plan__group {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 0 30px;
  color: #2a333c;
}

.dc-plan__item {
  padding: 24px 20px 35px;
  border-radius: 15px;
  flex: 1;
}

.dc-plan-box{
  position: relative;
}

.dc-plan-box a {

  position: absolute;
  top: 0;
  left: 0;
  height:100%;
  width: 100%;
}


.dc-plan__item.dc-plan-box{
  margin:30px -5px 20px;
}

.dc-plan__item:nth-child(1) {
    background-color:#e6f2ff;
}

.dc-plan__item:nth-child(1):hover,
.dc-plan__item:nth-child(1):focus {
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.25);
  text-decoration: none;
  cursor:pointer;
  transform:scale(1.04,1.04);
  transition:transform .2s;
  cursor:grab;
}

.dc-plan__item:nth-child(2) {
    background-color:#e6f2ff;
}

.dc-plan__item:nth-child(2):hover,
.dc-plan__item:nth-child(2):focus {
  box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.25);
  text-decoration: none;
  cursor:pointer;
  transform:scale(1.04,1.04);
  transition:transform .2s;
  cursor:default;
}

.dc-plan__item:nth-child(3) {
  /* background-color: #1e65c7; */
  background: transparent linear-gradient(180deg,#1d76cf 20%,#0d68c3 100%) 0% 0% no-repeat;
  box-shadow: 0px 0px 25px rgb(91 92 93 / 50%);
  position: relative;
  color: #fff;
}

.dc-plan__item:nth-child(3):hover,
.dc-plan__item:nth-child(3):focus {
  box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.25);
  text-decoration: none;
  cursor:pointer;
  transform:scale(1.04,1.04);
  transition:transform .2s;
  cursor:default;
}

.dc-plan__item:nth-child(4) {
  background-color: #e6f2ff;
}

.dc-plan__item:nth-child(4):hover,
.dc-plan__item:nth-child(4):focus {
  box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.25);
  text-decoration: none;
  cursor:pointer;
  transform:scale(1.04,1.04);
  transition:transform .2s;
  cursor:default;
}

.dc-plan__item:nth-child(5) {
  background-color: #e6f2ff;
}

.dc-plan__item:nth-child(5):hover,
.dc-plan__item:nth-child(5):focus {
  box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.25);
  text-decoration: none;
  cursor:pointer;
  transform:scale(1.04,1.04);
  transition:transform .2s;
  cursor:default;
}






.plan_recommend {
  /* background-color: #1e65c7; */
  background: transparent linear-gradient(180deg,#1d76cf 20%,#0d68c3 100%) 0% 0% no-repeat;
  box-shadow: 0px 0px 10px rgb(91 92 93 / 50%);
  position: relative;
  color: #fff;
}


.plan_recommend:hover,
.plan_recommend:focus {
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.25);
  text-decoration: none;
  cursor:pointer;
  transform:scale(1.04,1.04);
  transition:transform .2s;
  cursor:default;
}




.dc-plan__heading {
  text-align: center;
}

.dc-plan__lead {
  font-size: 1.1em;
  line-height: 1.5;
  font-weight: 500;
  color: #637a91;
}

.dc-plan__lead_w {
  font-size: 1.1em;
  line-height: 1.5;
  font-weight: 500;
  color: #a9d5ff;
}

.font-color-w{
  color:#fff !important;
}

.font-color-blue{
  color:#ebf5ff !important;
}

.font-color-blue1{
  color:#d1e8ff !important;
}

.dc-plan__name {
  font-size: 1.8em;
    line-height: 1.2;
    font-weight: 700;
    margin-top: 4px;
    color: #2B74CA;
}

.dc-plan__price {
  font-size: 27px;
    line-height: 1.5;
    font-weight: 800;
    color: #2B74CA;
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "AOS Icons", "Hiragino Kaku Gothic Pro","Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-top: 10px;
}

.dc-plan__price .yen {
  font-size: 26px;
    margin-right: 6px;
}

.dc-plan__price .month {
  font-size: 18px;
  margin-left: 4px;
}

.dc-plan__detail {
  margin-top: 15px;
}

.dc-plan__detail_s {
  margin-top: 12px;
}

.dc-plan__detail__block {
  border-top: 1px solid #b8c7d76e;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 4px 10px;
}

.dc-plan__detail__block_w {
  border-top: 1px solid #a7d2ff2e;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 4px 10px;
}



.dc-plan-storage{
  display:block;
  height:74px;
  position: relative;

}

.plan-storage-capacity{
  display: flex;
  justify-content: space-between;
  align-items: center;
}



.dc-plan__detail__title {
  font-size: 16px;
  line-height: 1;
  font-weight: 700;
  color: #596674;
}

.dc-plan__detail__volume {
  line-height: 1;
  font-size: 21px;
  font-weight: 700;
  color: #41576c;
}

.dc-plan__detail__volume .small {
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  margin-left: 2px;
  color: #314559;
}

.dc-plan__recommend {
  position: absolute;
  left: 0;
  right: 0;
  top: -12px;
  margin: auto;
  text-align: center;
}

.dc-plan__recommend .inner {
  font-size: 19px;
  font-size: calc(16px + 1 * (100vw - 320px)/680);
  line-height: 1;
  font-weight: 700;
  position: relative;
  /* background-color: #4eb380; */
  background-color: #ff9a00;
  border-radius: 26px;
  color: #fff;
  padding: 6px 35px;
  text-align: center;
}

/* .dc-plan__recommend .inner::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 7px 0 7px;
  border-color: #ff9a00 transparent transparent transparent;
  bottom: -10px;
  left: 0;
  right: 0;
  margin: auto;
} */


.plan_new{
position: relative;
}



.dc-plan__new {
    position: absolute;
    left: 0;
    right: 0;
    top: -10px;
    margin: auto;
    text-align: center;
}

.dc-plan__new .inner {
  font-size: 19px;
  font-size: calc(16px + 1 * (100vw - 320px)/680);
  line-height: 1;
  font-weight: 700;
  position: relative;
  background: linear-gradient(90deg, #7208ca 0%, #f6177a 100%);
  border-radius: 26px;
  color: #fff;
  padding: 4px 35px;
  text-align: center;
}


/* .dc-plan__new .inner::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 7px 0 7px;
  border-color: #b510a1 transparent transparent transparent;
  bottom: -10px;
  left: 0;
  right: 0;
  margin: auto;
} */




.dc-plan__attention {
  text-align: right;
  font-size: 16px;
  line-height: 1.5;
  margin-top: 16px;
  font-weight: 500;
}

.dc-plan__contents{
  margin:14px 0px 12px;
  color: #41576c;
  height:auto;
  border-top: 1px solid #b8c7d76e;
}

.dc-plan-tit{
  font-size: 15px;
  line-height: 1.3;
  padding-top: 13px;
  font-weight: 700;
  height: 8em;
  padding: 13px 4px 7px;
}

.dc-plan-subtit{
  font-size: 12px;
  line-height: 1.5;
  margin-bottom: 10px;
  font-weight: 100;
  margin: 0;
  padding: 0;
  padding: 0 0 0 8px;
}

.dc-plan-subtit li{
  text-indent: -12px;
  margin-left: 0px;
  line-height: 17px;
  padding-bottom: 5px;
  list-style: none;
  font-size: 13px;
}

.dc-plan-btn__down {
  background: #fff;
  width: 100%;
  text-align: center;
  border-radius: 40px;
  height: 50px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #dbe2ea;
  margin: 0 auto;
  margin-top: 4px;
}

.dc-plan-btn__down:hover,
.dc-plan-btn__down:focus {
  /* box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.25); */
  cursor:pointer;
  /* transform:scale(1.04,1.04);
  transition:transform .2s; */
  background-color: #FF114A;
  border-color: 2px solid #FF114A;
  color:#fff;
}

.dc-plan-btn__down a{
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  color: #4c4c4c;
  font-size: 18px;
  text-decoration: none;
  font-weight: 600;
}

.dc-plan-btn__down a:hover{
  color: #fff;
  text-decoration: none;
}

.plan_hot {
  display: block;
  font-size: 14px;
  text-indent: -8px;
  color: #637A91;
  font-weight: 100;
  padding-top: 2px;
}

.service_all_h4_area h4 {
  text-align: center;
  font-weight: bold;
  font-size: 22px;
  line-height: 1.4;
  border-bottom: 1px solid #b8c7d76e;
  padding: 14px 0 20px;
  color: #41576C;
}

.service_all_h4_area h4 span {
  display: block;
    font-size: 15px;
    color: #637A91;
    line-height: 1;
    font-weight: 100;
    margin-top: 4px;
}


.slider_plan .slider .slick-slide{
  margin:10px;
}


.enter_plan_h4{
  line-height: 1.2 !important;
  padding-bottom: 17px !important;
}

/* 料金表　end */


/********************* 他社比較　sart **********************/
.dc-compare{
  padding:20px 0px 30px 0;
  width: 96%;
  margin: 0 auto;
}

.dc-compare-daytxt{
  padding: 12px 0px 5px 8px;
  line-height: 18px;
  list-style: none;
  font-size: 13px;
  color: #8e9195;
  width: 99%;
  margin: 0 auto;
}

.dc-compare__group {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 0 23px;
  color: #2a333c;
}

.dc-compare__item {
  padding: 24px 15px 18px;
  border-radius: 15px;
  flex: 1;
}

.dc-compare-box{
  position: relative;
}

.dc-compare-box a {
  position: absolute;
  top: 0;
  left: 0;
  height:100%;
  width: 100%;
}

.dc-compare__item:nth-child(1) {
    background-color:#e6f2ff;
}

.dc-compare__item:nth-child(1):hover,
.dc-compare__item:nth-child(1):focus {
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.25);
  text-decoration: none;
  cursor:default;
  transform:scale(1.04,1.04);
  transition:transform .2s;
}

.dc-compare__item:nth-child(2) {
    background-color:#e6f2ff;
}

.dc-compare__item:nth-child(2):hover,
.dc-compare__item:nth-child(2):focus {
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.25);
  text-decoration: none;
  cursor:default;
  transform:scale(1.04,1.04);
  transition:transform .2s;
}

.dc-compare__item:nth-child(3) {
  /* background-color: #1e65c7; */
  background: transparent linear-gradient(180deg,#1d76cf 20%,#0d68c3 100%) 0% 0% no-repeat;
  box-shadow: 0px 0px 25px rgb(91 92 93 / 50%);
  position: relative;
  color: #fff;
}

.dc-compare__item:nth-child(3):hover,
.dc-compare__item:nth-child(3):focus {
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.25);
  text-decoration: none;
  cursor:default;
  transform:scale(1.04,1.04);
  transition:transform .2s;
}

.dc-compare__item:nth-child(4) {
  background-color: #e6f2ff;
}

.dc-compare__item:nth-child(4):hover,
.dc-compare__item:nth-child(4):focus {
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.25);
  text-decoration: none;
  cursor:default;
  transform:scale(1.04,1.04);
  transition:transform .2s;
}

.dc-compare__item:nth-child(5) {
  background-color: #e6f2ff;
}

.dc-compare__item:nth-child(5):hover,
.dc-compare__item:nth-child(5):focus {
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.25);
  text-decoration: none;
  cursor:default;
  transform:scale(1.04,1.04);
  transition:transform .2s;
}

.dc-compare__heading {
  text-align: center;
}

.dc-compare__lead {
  font-size: 1.1em;
  line-height: 1.5;
  font-weight: 500;
  color: #637a91;
}

.dc-compare__lead_w {
  font-size: 1.1em;
  line-height: 1.5;
  font-weight: 500;
  color: #a9d5ff;
}

.font-color-w{
  color:#fff !important;
}

.font-color-blue{
  color:#ebf5ff !important;
}

.font-color-blue1{
  color:#d1e8ff !important;
}

.dc-compare__name {
  font-size: 3.15em;
  line-height: 1.2;
  font-weight: 700;
  margin-top: 0px;
  color: #2b74ca;
}

.dc-compare__namew {
  font-size: 2.6em;
  line-height: 24px;
  font-weight: 700;
  margin-top: 6px;
  color: #ffffff;
}

.dc-compare__subtxtw{
  font-size: 16px;
  line-height: 20px;
  font-weight: 100;
  color: #c9e4ff;
  display: block;
  margin-top: 8px;
}


.dc-compare__name_comtxt {
  font-size: 27px;
  line-height: 1.3;
  font-weight: 700;
  color: #2b74ca;
  padding: 0 0 0px 2px;
}

.dc-compare__price {
  font-size: 25px;
  line-height:0.9;
  font-weight: 800;
  color: #53697e;
  font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "AOS Icons", "Hiragino Kaku Gothic Pro","Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-top: 30px;
}

.dc-compare__pricew {
  font-size: 26px;
  line-height:0.9;
  font-weight: 800;
  color: #ffffff;
  font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "AOS Icons", "Hiragino Kaku Gothic Pro","Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-top: 19px;
}

.dc-compare__pricew .month {
  font-size: 17px;
  margin-left: 4px;
  color: #ffffff;
}

.dc-compare__pricew .com-p {
  font-size: 15px;
  line-height: 20px;
  color: #b8dbff;
  display: block;
  margin-top: 5px;
  font-weight: 100;
}

.com-capacity{
  font-size: 14px;
  line-height: 20px;
  color: #b8dbff;
  margin-top: 5px;
  font-weight: 100;
  padding-left: 5px;
}

.dc-compare__price .month {
  font-size: 17px;
  margin-left: 4px;
}

.dc-compare__price .com-p {
  font-size: 15px;
  line-height: 20px;
  font-weight: 100;
  color: #778ca0;
  display: block;
  margin-top:7px;
}

.dc-compare__detail {
  margin-top: 15px;
}

.dc-compare__detail_s {
  margin-top: 12px;
}

.dc-compare__detail__block {
  border-top: 1px solid #b8c7d76e;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px 6px 16px 6px;
}

.dc-compare__detail__block_w {
  border-top: 1px solid #a7d2ff2e;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 6px 13px 6px;
}

.dc-compare__detail__maintitle {
  font-size: 16px;
  line-height: 1;
  font-weight: 100;
  color: #454a50;
}

.dc-compare__detail__title {
  font-size: 15px;
  line-height: 1.3;
  font-weight: 100;
  color: #798087;
}

.dc-compare__detail__volume {
  line-height: 1.4;
  font-size: 1.6em;
  font-weight: 700;
  color: #596674;
  padding-top: 5px;
}

.dc-compare__detail__txt {
  line-height: 1.4;
  font-size: 1.25em;
  font-weight: 700;
  color: #596674;
  padding-top: 0px;
}

.dc-compare__detail__txtw {
  line-height: 1.4;
  font-size: 19px;
  font-weight: 700;
  color: #ffffff;
  padding-top: 3px;
}

.dc-compare__detail__img{
  line-height: 1.3;
  font-size: 19px;
  font-weight: 700;
  color: #41576c;
  padding: 0px 16px 6px 0px;
}

.dc-compare__detail__imgw{
  line-height: 1.3;
  font-size: 19px;
  font-weight: 700;
  color: #41576c;
  padding: 0px 10px 6px 0px;
}

.dc-compare__detail__volume .small {
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  margin-left: 2px;
  color: #314559;
}

/**************** ranking icon css start **************/

.compare-rating-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 8px;
}

.rating-block-rating {
  color: #ff9a00;
}

.rating-block-rating1 {
  color: #ffb000;
}

.star-rating {
  display: flex;
  position: relative;
  letter-spacing: -1px;
  line-height: 1;
  margin-right: 0.5rem;
  margin-right: 0;
}

.star-rating .star-rating-item {
  position: absolute;
  overflow: hidden;
  /* width: auto; */
}

.half .star-rating-item {
  width: 11%;
}


.two .star-rating-item {
    width: 42%;
}

.two.half .star-rating-item {
  width: 51%;
}

.three .star-rating-item {
  width: 60%;
}

.three.half .star-rating-item {
  width: 71%;
}

.four .star-rating-item {
  width: 80%;
}

.four.half .star-rating-item {
  width: 91%;
}

.three .star-rating-item {
    width: 60%;
}

.star-rating .star-rating-item {
    position: absolute;
    overflow: hidden;
    /* width: auto; */
}

.rating-block-rating .star-rating-item:before {
    content: "★★★★★";
    color: #ff9a00;
}

.rating-block-rating .star-rating:after {
    content: "★★★★★";
    color: #aabccfd4;
}

.rating-block-rating1 .star-rating-item:before {
  content: "★★★★★";
  color: #fbc900;
}

.rating-block-rating1 .star-rating:after {
  content: "★★★★★";
  color: #71aeeba6;
}


.compare-card-star-num {
  color: #ff9a00;
  display: block;
  font-size: 1.05em;
  font-weight: 700;
  line-height: 1.3;
  padding-top: 2px;
  padding-left: 3px;
}

.compare-card-star-num1 {
  color:#fbc900;
  display: block;
  font-size: 1.05em;
  font-weight: 700;
  line-height: 1.3;
  padding-top: 2px;
  padding-left: 3px;
}

/**************** ranking icon css end **************/

.dc-compare__recommend {
  position: absolute;
  left: 0;
  right: 0;
  top: -20px;
  margin: auto;
  text-align: center;
}

.dc-compare__recommend .inner {
  font-size: 19px;
  line-height: 1;
  font-weight: 700;
  position: relative;
  /* background-color: #4eb380; */
  background-color: #ff9a00;
  border-radius: 26px;
  color: #fff;
  padding: 6px 28px;
  text-align: center;
}

.dc-compare__recommend .inner::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 7px 0 7px;
  border-color: #ff9a00 transparent transparent transparent;
  bottom: -10px;
  left: 0;
  right: 0;
  margin: auto;
}

.dc-compare__attention {
  text-align: right;
  font-size: 16px;
  line-height: 1.5;
  margin-top: 16px;
  font-weight: 500;
}

.dc-compare__contents{
  margin:20px 0px 12px;
  color: #41576c;
  height:195px;
}

.dc-compare-tit{
  font-size: 15px;
  line-height: 1.4;
  margin-bottom: 14px;
  font-weight: 700;
}

.dc-compare-subtit{
  font-size: 12px;
  line-height: 1.5;
  margin-bottom: 10px;
  font-weight: 100;
  margin: 0;
  padding: 0;
  padding: 0 0 0 8px;
}

.dc-compare-subtit li{
  text-indent: -12px;
  margin-left: 0px;
  line-height: 17px;
  padding-bottom: 5px;
  list-style: none;
  font-size: 13px;
}

.dc-compare-btn__down {
  background: #fff;
  width: 100%;
  text-align: center;
  border-radius: 40px;
  height: 50px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #dbe2ea;
  margin: 0 auto;
  margin-top: 4px;
}

.dc-compare-btn__down:hover,
.dc-compare-btn__down:focus {
  /* box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.25); */
  cursor:pointer;
  /* transform:scale(1.04,1.04);
  transition:transform .2s; */
  background-color: #FF114A;
  border-color: 2px solid #FF114A;
  color:#fff;
}

.dc-compare-btn__down a{
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  color: #4c4c4c;
  font-size: 18px;
  text-decoration: none;
  font-weight: 600;
}

.dc-compare-btn__down a:hover{
  color: #fff;
  text-decoration: none;
}

/* 他社比較　end */







/* 新着ニュース 　start*/

.news_area {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 93%;
    margin: 0 auto;
}

/* .news_item {
    width: 48.5%;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    border-radius: 6px;
    padding: 27px 28px 25px;
    box-shadow: 0px 5px rgb(118 124 136 / 10%);
    border: 1px solid #dde7f2;
} */

.news_item {
  width: 100%;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  border-radius: 6px;
  padding: 27px 28px 25px;
  box-shadow: 0px 5px rgb(118 124 136 / 10%);
  border: 1px solid #dde7f2;
}

.press_txt_link{
  text-align: right;
  float: right;
  width: 100%;
  padding: 1.25rem 0.2rem 0.5rem 0px;
  font-size: 1.25rem;
}

.notice_ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 10px 3px 8px;
}

.notice_title_txt {
    font-size: 1.9em;
    font-weight: bold;
    line-height: 20px;
    padding-left: 6px;
}

.notice_detail_link {
    text-align: right;
    font-size: 1.4em;
    line-height: 11px;
    padding-right: 5px;
    padding-top:7px;
}

.t02_notice {
  color: #529ed6;
  font-weight: bold;
  font-size: 18px;
}

.overflow-ellipsis {
    text-overflow: ellipsis;
}


.news_td_txt {
  width: 100%;
  padding: 0px 3px 14px 2px;
  font-size: 18px;
  white-space: nowrap;
  overflow: hidden;
  margin: 0px;
  line-height:30px;
}



/*  新着ニュース end */




.target_icon::after {
	content: url(/images/blank_icon.svg);
	margin: 0;
	position: absolute;
	top: 19px;
	width: 21px;
	left: 237px;
  opacity: 0.8;
}





.con_company_wrap {
    position: relative;
    width: 1497px;
    margin: 0 auto;
    z-index: 100;
}

#idAnswer{
  display: block;
   width: 1497px;
   padding: 0;
   white-space: nowrap;   /*テキストの折り返し禁止*/
}

.construction_table .sticky {
  position: sticky;
  left: 0;
}

.sticky:before {
  /* content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: 100%;
  height: 100%;
  border: 1px solid #ccc; */
}

.scroll-box {
  overflow-x: auto;
  padding-bottom: 10px;
  -webkit-overflow-scrolling: touch;
}


.sticky {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 1;
}

._sticky.z-02 {
  z-index: 2;
}


dl,dt,dd{
  font-family: "メイリオ", Meiryo, YuGothic, "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
	    margin: 0;
}

.table_fixed_tit {
	width: 224px;
	background-color: #f5f5f9;
	height: 53px;
	padding: 25px 20px 0;
	font-size: 17px;
	color: #444;
	border-bottom: 1px solid #eaeaea;
}

.table_fixed_cont {
	width: 220px;
	height: 78px;
	background-color: #e8f2fe;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	/* border-bottom: 1.5px solid #dce8f6; */
	color: #f83655;
	font-weight: bold;
	font-size: 17px;
	border-bottom: 1px solid #cadaee;
}


.tasha_bg_blue{
	font-size: 19px;
	font-weight: bold;
	background-color: #3784d9;
	color: #ffffff;
	vertical-align: middle;
	height: 72px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	text-align: center;
	flex-direction: column;
	border-left: 1px solid #a1b9e6;
	padding-top: 4px;
}

.dc_bg_blue{
  background-color: #e8f2fe;
  color:#f83655;
  font-weight: bold;
  font-size: 20px !important;
  line-height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  text-align: center;
  flex-direction: column;
}


.scroll_dt{
height: 80px;
background-color: #cfcfcf;
border: 0.5px solid #ffffff;
width: 200px;
}


.scroll_dd{
	height: 78px;
	background: #ffffff;
	border-left: 1px solid #eaeaea;
	width: 204px;
	font-size: 18px;
	color: #666;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	flex-direction: column;
	border-bottom: 1px solid #eaeaea;
}



.top_movie_area {
   margin-top: 14px;
}

.top_movie_area ul{
	width:1497px;
  justify-content: space-between;
	    flex-wrap: wrap;
}


.movie_area_ul li{
  width: 49.35%;
  background-color: #F6F8FB;
  padding: 34px 20px 20px 20px;
  box-sizing: border-box;
  position: relative;
  border: 1px solid #DBDCDF;
  margin-right: 12px;
  margin-bottom: 15px;
}


.movie_area_ul li:nth-child(2),
.movie_area_ul li:nth-child(4){
	margin-right: 0;
}

.movie_area_ul li:nth-child(3),
.movie_area_ul li:nth-child(4){
	margin-bottom: 0;
}






.movie_time {
  	position: absolute;
	  top: 19px;
		z-index: 5;
}


.movie_thum{
	margin-bottom: 0;
	margin-top:0;
	width: 56%;
}


.movie_time img{
	width:50%;
}


.movie_text_area {
	background-color: #fff;
  padding: 14px 14px 14px;
  box-sizing: border-box;
  height: auto;
  width: 44%;
}

.movie_h5{
	font-weight: bold;
	text-align: center;
	margin: 10px 0 5px 0;
	font-size: 18px;
	line-height: 30px;
}

.movie_text{w
	font-size:14px;
	text-align: left;
	margin:0;
	padding: 3px 0;
  line-height: 21px;
}


.play_img:hover{
	opacity: 0.8;
}

.play_btn{
	width: 55px;
	position: absolute;
	z-index: 99;
	top: 100px;
	left: 128px;
}



.top_intro{
  font-size: 52px;
}



.itreview_p{
  font-size: 13px;
    color: #999999;
    margin: 0;
    padding: 0px 0 0 62px;
}


.cm_left_area{
  float:left;
  width:40%;
}

.cm_right_area{
  float:right;
  width:60%;
}

.cm-img-area{
  width: 76%;
}




.tit_price_txt_01 {
    font-size: 17px;
    color: #d3d8df;
    line-height: 1.4;
    font-weight:100;
    letter-spacing: -0.3pt;
    margin-bottom: 30px;
}




/*     ▼▼▼▼▼▼      section       DirectCloudが選ばれる理由      start    ▼▼▼▼▼▼   */
section.space-h{
  margin-top:2.0em;
}



section.sect__intro_contents {
    background: linear-gradient( to bottom, #f1faff 8%, #fbfeff 8% 80% );
    padding-top: 10px;
    min-width:1200px;
    width:100%;
}


.intro_con_section{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  /* margin-bottom: 9.5em; */
  padding: 4em 5em 3em 5em;
  background-color: #ffffff;
  width: 96%;
  margin: 0 auto;
}

.intro_con_section_space{
  padding: 3em 4.5em 7em 4.5em;
}


.s_text_area{
  width: 51.5%;
}

.s_text_area h3 {
  font-size: 47px;
  line-height: 1.4;
  font-weight: 700;
  color: #3b3b3b;
  margin-bottom: 7px;
  letter-spacing: -0.7px;
}

.s_text_area h3 .point-color-blue{
  color: #378ee4;
}


.txt_item_01,
.txt_item_03{
  margin-right:33px;
}


.txt_item_02,
.txt_item_04{
  margin-left:42px;
}




.s_text_area p {
  font-size: 22px;
  line-height: 1.4;
  /* margin-top: 5px; */
  font-weight: 600;
  letter-spacing: -0.8px;
}

.s_text_area ul {
  margin: 1.5em 1.0em 1.8em 0.2em;
  background-color: #f6f8fa;
  padding: 20px 20px 20px 15px;
  border-radius: 6px;

  /* margin: 2.6em 0 1.5em; */
}


.s_text_area ul li{
  text-indent: -18px;
    padding-left: 24px;
    font-size: 16px;
    padding-bottom: 4px;
    letter-spacing: -0.4px;
  }

.option_grey{
  font-size: 15px;
  color: #888a8c;
}

.s_text_area::before{
  display: inline-block;
  font-size: 4.2em;
  font-weight: bold;
  color: #378ee4;
  line-height: 1.25;
  font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "AOS Icons", "Hiragino Kaku Gothic Pro","Helvetica Neue", Helvetica, Arial, sans-serif;
}

.txt_item_01::before{
  content: " 01 ";
}

.txt_item_02::before{
  content: " 02 ";
}

.txt_item_03::before{
  content: " 03 ";
}

.txt_item_04::before{
  content: " 04 ";
}



.s_img_area{
  background-color: #ffffff;
  width: 44.5%;
  height: 100%;
  border-radius: 0px;
  box-shadow: 0 5px 12px rgba(0,0,0,.25);
  margin-top: 4.5em;
}

.s_img_area_left{
  background-color: #ffffff;
  width: 44%;
  height: 100%;
  border-radius: 0px;
  box-shadow: 0 5px 12px rgba(0,0,0,.25);
  margin-top: 4.8em;
}


.contents_sec_btn {
    width: 270px;
    height: 58px;
    background-color: #378ee4;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    position: relative;
}

.contents_sec_btn:hover,
.contents_sec_btn:focus {
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.25);
  cursor:pointer;transform:scale(1.04,1.04);transition:transform .2s;
}


.contents_sec_btn a{
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 23px;
  text-decoration: none;
  font-weight:700;
}

.contents_sec_btn a:hover{
  text-decoration: none;
}


/*     ▲▲▲▲▲       section       DirectCloudが選ばれる理由      end      ▲▲▲▲▲     */










/*     ▼▼▼▼▼▼      section       導入をご検討されているお客様へ       start   ▼▼▼▼▼▼       */

.examination_ul{
  display:flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 99%;
  margin: 0 auto;
}

.examination_ul li{
  background-color: #fff;
  padding: 30px 30px 37px;
  border-radius: 8px;
  box-sizing: border-box;
  text-align: center;
  width: 31%;
}


.examination_ul li:hover {
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    transform: scale(1.02,1.02);
    transition: transform .2s;
}



.examination_ul h4{
  font-size: 29px;
  margin: 0;
  letter-spacing: -0.6px;
  line-height: 1.65;
  padding-top: 11px;
}

.ctaSection_text {
  text-align: center;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
  padding-top: 5px;
  margin-bottom:15px;
  color: #666666;
}

.examination_ul figure{
  width: 110px;
  margin: 0px auto;
  background-color: #f3f9ff;
  height: 110px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.examination_ul figure img{
  width: 66%;

}

.examination_ul p{
  background: #ff114a;
  border-radius: 32px;
  font-size: 19px;
  padding: 10px;
  color: #fff;
  width: 96%;
  margin: 0 auto;
}



/*   ▲▲▲▲▲      section       導入をご検討されているお客様へ       end   ▲▲▲▲▲      */





/*         section       index_cta     start         */

.index_cta{
    background: url(/images/contents/bg_office1.jpg) center/cover no-repeat;
    color: #fff;
    min-width: 1200px;
    padding:50px 0 40px 0;
}

.cta_contents{
	display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}

.cta_item {
    width: 27%;
}

.cta_text {
    width: 69%;
    margin-top: 1em;
}

h4.cta_maintxt{
  font-weight: bold;
  font-size: 45px;
  text-align: left;
  color: #444;
  margin-bottom: 33px;
  margin-top: 0px;
  line-height: 1.02;
  letter-spacing: -0.3px;
}

h5.cta_subtxt{
  font-size: 26px;
  text-align: center;
  line-height: 1.0;
  color: #747474;
  font-weight: 100;
  margin-bottom: 9px;
  margin-top: 8px;
}


.cta_btn_area {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: row;
	flex-wrap: wrap;
	margin-top:27px;
}

.btn_trial{
	background: #FF114A;
	width: 38%;
	color: #fff;
	text-align: center;
	border-radius: 70px;
	height: 65px;
	position: relative;
	font-size: 25px;
	font-weight: bold;
  margin-right: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.btn_trial:hover,
.btn_trial:focus,
.btn_trial:active{
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.25);
  cursor:pointer;transform:scale(1.04,1.04);transition:transform .2s;
}

.btn_trial a{
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 22px;
  text-decoration: none;
}

.btn_trial a:hover,
.btn_trial a:active{
  text-decoration: none;
}


.btn_down {
    background: #fff;
    width: 38%;
    color: #fff;
    text-align: center;
    border-radius: 70px;
    height: 65px;
    position: relative;
    font-size: 25px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
		border: 2px solid #e5e5e5;
		color: #4C4C4C;
}

.btn_down:hover,
.btn_down:focus,
.btn_down:active{
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.25);
  cursor:pointer;transform:scale(1.04,1.04);transition:transform .2s;
}

.btn_down a{
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  color: #4c4c4c;
  font-size: 22px;
  text-decoration: none;
}

.btn_down a:hover,
.btn_down a:active{
  color: #378ee4;
  text-decoration: none;
}


/****************** cta add design start ********************/
.more-button-block {
  text-align: center;
  margin: 0px 0px 20px;
}

.more-button-block1{
  margin:10px 0px 5px;
}

.standard-button {
  display: inline-block;
  width:345px;
  height: 68px;
  border-radius: 60px;
  padding: 0 40px;
  background-color: #fff;
  border: 2px solid #dad8d8;
  text-decoration: none;
  color: inherit;
  font-weight: 700;
  position: relative;
  font-size: 22px;
  /* color: #4c4c4c; */
}

.standard-button:hover,
.standard-button:active,
.standard-button:focus{
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.25);
  cursor:pointer;
  transform:scale(1.04,1.04);
  transition:transform .2s;
  text-decoration: none;
  background-color: #378ee4;
  border: 2px solid #378ee4;
  color: #fff;
}


.standard-button a{
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
  line-height: 1;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #4c4c4c;
}

.standard-button a:hover,
.standard-button a:active {
  color: #fff;
  text-decoration: none;
}

/*   ▲▲▲▲▲      section     index_cta     end   ▲▲▲▲▲      */








/*         section     index_price     start         */


.title_sbtext {
  line-height: 1.5;
  text-align: center;
  margin: 0 auto;
  font-size: 22px;
  margin: 10px 0px 10px;
}

/*   ▲▲▲▲▲      section     index_price     end   ▲▲▲▲▲      */






/*         section     index_interview     start         */

section.index_interview {
  background: #f6fbff;
  background-image: url(/images/contents/bg_interview.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /* margin-top: 80px; */
  position: relative;
  width: 100%;
}


.interview_b_img{
  max-width: 52%;
  margin: 0 auto;
  padding: 17px 0px 0px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 2px;
}

.interview_b_img li:nth-child(1) {
  width: 47.6%;
}

.interview_b_img li:nth-child(2) {
	width: 37%;
margin: 0 20px;
}

.interview_b_img li:nth-child(3) {
    width: 41%;
}

.interview_item_area {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
}


.interview_item {
	width: 340px;
	margin-right: 20px;
	height:415px;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
  padding: 0px 6px;
}


.interview_item:hover,
.interview_item:focus {
  text-decoration: none;
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.2);
  cursor:pointer;transform:scale(1.04,1.04);transition:transform .2s;
}

a.int_link {
	display: block;
	text-decoration: none;
}

a.link:hover,
a.link:focus {
  color:#0061D5 ;
  text-decoration: none;
}


.interview_item:nth-child(3n){

}


.interv_con_area {
    display: flex;
    flex-direction: column;
}




.interview_logo_area {
	padding: 50px 40px 20px;
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.interview_info {
    padding: 20px;
    border-radius:0px;
}

.interview_info ul{
	font-size: 14px;
  text-align: left;
  line-height: 18px;
  color: #888;
}


.interview_info ul li{
  margin-bottom:4px;
}

.interview_info h4{
  padding: 0;
  margin: 0;
  font-size: 19px;
  text-align: left;
  color: #555;
  line-height: 1.4;
  border-bottom: 1px solid #ededed;
  height: 94px;
  padding-bottom: 6px;
  letter-spacing: 0.2px;
}

p.company_name {
	font-size: 16px;
  color: #555;
	text-align: left;
	margin-bottom: 10px;
  margin-top: 15px;
  height:42px;
  line-height:1.4;
}

/*    ▲▲▲▲▲     section       index_interview     end    ▲▲▲▲▲     */



section.index_review {
  /* background-color: #f0f8ff; */

  background-color: #ffffff;
}

section.index_news {
  /* background-color: #eceff3;
  position: relative;
  width: 100%; */

  background-color: #ebf5ff;
  position: relative;
  width: 100%;
  padding: 60px 0px 70px 0px;

}

.new_title_hspace{
  margin-bottom:0.5em;
}







/*==================================================
スライダーのためのcss
===================================*/
.slider {/*横幅94%で左右に余白を持たせて中央寄せ*/
   width:100%;
    margin:0 auto;
        cursor: pointer;
}

.slider img {
    width:98%;/*スライダー内の画像を横幅100%に*/
    height:auto;
}

/*slickのJSで書かれるタグ内、スライド左右の余白調整*/

.slider .slick-slide {
  margin:16px;
  cursor: grab;
}


/*Slider css Start*/
.slider-banner {
  width: 100%;
  height: 600px;
}

.slider-banner-newyear {
  width: 100%;
  height: 650px;
}

.items{
  position: relative;
  /* overflow: hidden; */
  width: 100%;
  /* padding-bottom: 34%; */
  height: 100%;
}

.item{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity .8s ease-in-out;
}

.current{
  opacity: 1;
}




.item img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mainv_slider06_pic1 {
    margin: 8px auto 0;
    width: 96% !important;
}


.img-cloud {
  width: 96% !important;
  margin-top: 28px;
}


.slide_box_td{
  height: auto;
  position: relative;
  bottom: 49%;
}

.slide-buttons{
  position:absolute;
  z-index: 1000;
  top:-100%;
  left:0;
  width:100%;
  height:100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.slide-button-arr{
  width:62px;
  height:62px;
  border:none;
  outline:none;
  padding:0;
  background:transparent center no-repeat;
  cursor:pointer;
  opacity:.4;
  &.prev{
    background-image: url(/images/contents/ico_next_b32.svg);
  }
  &.next{
    background-image:url(/images/contents/ico_next_b32-1.svg);
  }
  &:hover{
    opacity:.8;
  }
}



.slide-button-arr.prev{
  background-image: url(/images/contents/ico_next_b32.svg);
}
.slide-button-arr.next{
  background-image:url(/images/contents/ico_next_b32-1.svg);
}
.slide-button-arr:hover{
  opacity:.8;
}




/*矢印の設定*/

/*戻る、次へ矢印の位置*/
.slick-prev,
.slick-next {
    position: absolute;/*絶対配置にする*/
    top: 46%;
    cursor: pointer;/*マウスカーソルを指マークに*/
    outline: none;/*クリックをしたら出てくる枠線を消す*/
    border-top: 4px solid #9ca7b2;/*矢印の色*/
    border-right: 4px solid #9ca7b2;/*矢印の色*/
    height: 22px;
    width: 22px;
    background-image: none !important;
}

.slick-prev {/*戻る矢印の位置と形状*/
    left: -2.8vw !important;
    transform: rotate(225deg);
}

.slick-next {/*次へ矢印の位置と形状*/
    right: -2.8vw !important;
    transform: rotate(45deg);
}

/*ドットナビゲーションの設定*/

.slick-dots {
    text-align:center;
	  margin:20px 0 0 0;
}

.slick-dots li {
    display:inline-block;
	margin:0 5px;
}

.slick-dots button {
    color: transparent;
    outline: none;
    width:8px;/*ドットボタンのサイズ*/
    height:8px;/*ドットボタンのサイズ*/
    display:block;
    border-radius:50%;
    background:#ccc;/*ドットボタンの色*/
}

.slick-dots .slick-active button{
    background:#333;/*ドットボタンの現在地表示の色*/
}


footer{
  margin-top:0;
  min-width:1200px;
  width:100%;
}




@media screen and (max-width: 1400px) {
.it_review_serve_title{
  font-size:27px;
  line-height:1.42;
}
}

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

.main_title_area {
    width: 100%;

}


.header_logo {
    width: 14%;
    min-width: 190px;
    max-width: inherit;
}


.section {
    padding: 50px 0;
    min-width: 100%;
}


li.navi_cta {
    width: 100%;
    min-width: 100%;
}


/* main visual start */

.slider-banner {
  height: 665px;
/* position: relative; */
}

.items {
  position: relative;
  /* overflow: hidden; */
  width: 100%;
  padding-bottom: 0;
  /* height: 100%; */
  margin-top: 65px;
}


.slide-buttons {
    z-index: 100;
    top: -60%;
    height: auto;
}


.keyv-slider01{
  min-width: 100%;
  background-position: top 7px left 51%;
  background-size: cover;
  height: 665px;
}

.main_slider01_area {
    width: 95%;
    margin-right: 0;
    text-align: center;
}


.main_slider01_img_area {
    width: 100%;
    padding-top: -5px;
}


.mainv_slider01_pic1 {
  width: 100%;
  margin: 0 auto;
  padding: 45px 14px 6px;
  margin-top: 15px;
}


.keyv-slider02{
  height: 650px;
  min-width: 100%;
  background-position: top 50px left 51%;
  background-size: cover;
}


.main_slider02_area {
    width: 100%;
    margin-top: 65px;
}


.main_slider02_img_area {
    width: 100%;
    margin-top: 0px;
}



.mainv_slider02_pic1 {
    width: 96%;
}

.mainv_slider02_pic2 {
    margin-top: 35px;
    width: 50%;
}

.main_slider02_warp {
  flex-direction: column;
  height: 650px;
  padding: 20px;
}

.keyv-slider04{
  min-width: 100%;
  background-position: top 50px left 51%;
  background-size: cover;
  height: 650px;
}

.keyv-seminar-green{
  min-width: 100%;
    background-size: cover;
    height: 650px;
}

.keyv-sliderbiztex{
  min-width: 100%;
  background-position: top 50px left 51%;
  background-size: cover;
  height: 665px;
}

.keyv-datacampaign{
  min-width: 100%;
  background-position: top 40px left 50%;
  background-size: cover;
  height: 665px;
}

.slider-banner-newyear {
  height: 355px;
}

.keyv-happynewyear {
  min-width: 100%;
  height: 355px;
  background: radial-gradient(circle, rgba(255, 255, 255, 1) 56%, rgb(204 234 254) 100%);
}

.main_slider04_area {
    width: 99%;
    margin-right: 0;
    text-align: center;
    margin-top: 54px;
}

.main_sliderbiztex_area {
  width: 99%;
  margin-right: 0;
  text-align: center;
  margin-top: 58px;
}

.main_datacampaign_area {
  width: 89%;
  margin-right: 0;
  text-align: center;
  margin-top: 31px;
}

.main_happynewyear_area {
  width: 92%;
  margin-right: 0;
  text-align: center;
  margin-top: 27px;
}

.h-space-seminar {
  width: 94% !important;
  margin-top: 34px !important;
}

.main_slider04_img_area {
    width: 100%;
    padding-top: -5px;
}

.main_sliderbiztex_img_area {
  width: 100%;
  padding-top: -5px;
}

.main_datacampaign_img_area {
  width: 100%;
  padding-top: -5px;
}


.mainv_slider04_pic1 {
  width: 100%;
  margin: 0 auto;
  padding: 17px;
  margin-top: 57px;
}

.mainv_sliderbiztex_pic1 {
  width: 100%;
  margin: 0 auto;
  padding: 0px 12px;
  margin-top: 40px;
}

.mainv_datacampaign_pic1 {
  width: 100%;
  margin: 0 auto;
  padding: 0px 10px;
  margin-top: 59px;
}

.mainv_happynewyear_pic1 {
  width: 100%;
  margin: 0 auto;
  padding: 0px;
  margin-top: 62px;
}

.keyv-slider05{
  min-width: 100%;
  background-position: top 50px left 0%;
  background-size: cover;
  height: 650px;
}

.main_slider05_area {
    width: 100%;
    margin-right: 0;
    text-align: center;
    margin-top: 31px;
}


.main_slider05_img_area {
    width: 100%;
    padding-top: -5px;
}


.mainv_slider05_pic1 {
  width: 100%;
  margin: 0 auto;
  padding: 23px;
  margin-top: 50px;
}



.keyv-slider06{
  min-width: 100%;
  background-size: cover;
  height: 650px;
  background-image: url(/images/event_schedule/DirectCloud_UserDay2025_join03_bg_mob.jpg) !important;
  background-position: top 50% center;
  background-size: 120%;
  background-repeat: no-repeat;
}

.main_slider06_area {
    width: 100%;
    margin-right: 0;
    text-align: center;
    margin-top: 31px;
}


.main_slider06_img_area {
    width: 100%;
    padding-top: -5px;
}


.mainv_slider06_pic1 {
  width: 100%;
  margin: 0 auto;
  padding: 0px 20px;
  margin-top: 80px;
}


.keyv-slider07{
  min-width: 100%;
  background-size: cover;
  height: 650px;
  background:url(/images/banner/topbanner_2024_expo_bg_mob.png) bottom 0px left 8%;
}


.keyv-slider07-header {
  min-width: 100%;
  background: linear-gradient(#ffffff, #f1f3f0);
  height: 650px;
}


.main_slider07_area {
    width: 100%;
    margin-right: 0;
    text-align: center;
    margin-top: 26px;
}


.main_slider07_img_area {
    width: 100%;
    padding-top: -5px;
}


.mainv_slider07_pic1 {
  width: 100%;
  margin: 0 auto;
  padding: 0px 7px;
  margin-top: 45px;
}



.keyv-slider-event{
  min-width: 100%;
  background-size: cover;
  height: 650px;
  background:url(/images/banner/topbanner_InteropTokyo2024_bg_mob.png) top 0px center 47%;
}

.main_sliderevent_warp {
  position: relative;
  z-index: 100;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
  width: 100%;
  vertical-align: bottom;
}

.main_sliderevent_area {
    width: 100%;
    margin-right: 0;
    text-align: center;
    margin-top: 0px;
}


.main_sliderevent_img_area {
    width: 100%;
    padding-top: -5px;
}


.mainv_sliderevent_pic1 {
  width: 100%;
  margin: 0 auto;
  padding: 0px;
  margin-top: 38px;
}


.keyv-slider-ai{
  min-width: 100%;
  /* background-position: top 50px left 51%; */
  background-position: top 20px left 76%;
  background-size: cover;
  height: 650px;
}

.main_slider-ai_area {
    width: 95%;
    margin-right: 0;
    text-align: center;
}


.main_slider-ai_img_area {
    width: 100%;
    padding-top: -5px;
}


.mainv_slider-ai_pic1 {
  width: 100%;
  margin: 0 auto;
  padding: 27px;
  margin-top: 22px;
}


.keyv-gradation-blue{
  min-width: 100%;
  /* background-position: top 50px left 51%; */
  /* background-position: top 20px left 76%;
  background-size: cover; */
  height: 650px;

  background: linear-gradient(160deg, rgba(25, 177, 199, 1) 0%, rgba(35, 19, 144, 1) 100%);
}

.main_gradation_blue_area {
    width: 91%;
    margin-right: 0;
    text-align: center;
}


.main_gradation_blue_img_area {
    width: 100%;
    padding-top: -5px;
}


.mainv_gradation_pic1{
  width: 100%;
  margin: 0 auto;
  margin-top: 48px;
  padding: 21px;
}



.keyv-slider-green{
  min-width: 100%;
  /* background-position: top 50px left 51%; */
  background-position: top 20px left 76%;
  background-size: cover;
  height: 650px;
}

.main_slider-green_area {
  width: 86%;
  text-align: center;
  margin-top: 1px;
  overflow: inherit;
}

.main_slider-green_img_area {
    width: 100%;
    padding-top: -5px;
}


.mainv_slider-green_pic1 {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  margin-top: 50px;
}


.keyv-slider-Nov20{
  min-width: 100%;
  background:url(/images/banner/seminar_2024Nov20_mob_bg.jpg) center 91% no-repeat;
  /* background-position: top 20px left 76%; */
  background-size: cover;
  height: 650px;
}

.main_slider-Nov20_area {
  width: 100%;
  text-align: center;
  padding-top: 55px;
  overflow: inherit;
}

.main_slider-Nov20_img_area {
    width: 100%;
    padding-top: -5px;
}


.mainv_slider-Nov20_pic1 {
  width: 100%;
  margin: 0 auto;
  padding: 23px;
  margin-top: 40px;
}


.keyv-slider-Nov21{
  min-width: 100%;
  background:url(/images/banner/seminar_2024Nov21_mob_bg.jpg) center 91% no-repeat;
  background-position: top 20px left 76%;
  background-size: cover;
  height: 650px;
}

.main_slider-Nov21_area {
  width: 89%;
  margin-right: 0;
  text-align: center;
  margin-top: 65px;
}


.main_slider-Nov21_img_area {
    width: 100%;
    padding-top: -5px;
}


.mainv_slider-Nov21_pic1 {
  width: 100%;
  margin: 0 auto;
  padding: 23px;
  margin-top: 40px;
}


.keyv-slider-Nov28{
  min-width: 100%;
  background:url(/images/banner/seminar_2024Nov28_bg_mob.jpg) center 91% no-repeat;
  background-size: cover;
  height: 650px;
}

.main_slider-Nov28_area {
  width: 86%;
  margin-right: 0;
  text-align: center;
  margin-top: 85px;
}


.main_slider-Nov28_img_area {
    width: 100%;
    padding-top: -5px;
}


.mainv_slider-Nov28_pic1 {
  width: 100%;
  margin: 0 auto;
  padding: 23px;
  margin-top: 40px;
}

.keyv-slider-office{
  min-width: 100%;
  height: 650px;
  background:url(/images/contents/topbanner_officebg_mob.png) center 91% no-repeat;
  background-size: cover;
}

.main_slider-office_area {
  width: 82%;
  margin-right: 0;
  text-align: center;
  margin-top: 43px;
}

.main_slider-office_img_area {
    width: 100%;
    padding-top: 0px;
}


.mainv_slider-office_pic1{
  width: 100%;
  margin: 0 auto;
  padding: 0px;
  margin-top: 40px;
}


.keyv-slider-usergroup{
  min-width: 100%;
  /* background-position: top 50px left 51%;
  background-size: cover; */
  height: 665px;
}

.main_slider-usergroup_area {
  width: 100%;
  margin-right: 0;
  text-align: center;
  margin-top: 60px;
}


.mainv_slider-usergroup_pic1 {
  width: 100%;
  margin: 0 auto;
  padding: 9px;
  margin-top: 45px;
}

.keyv-slider-usergroup02{
  min-width: 100%;
  background-size: cover;
  height: 665px;
  background: url(/images/contents/DirectCloud_UserGroup2024_join02_bg.png) 67% 31% no-repeat;
  max-height: 665px;
  background-size: cover;
}

.main_slider-usergroup02_area {
  width: 100%;
  margin-right: 0;
  text-align: center;
  margin-top: 50px;
  padding:10px 0px;
}


.main_slider-usergroup02_img_area {
    width: 100%;
    padding-top: -5px;
}


.mainv_slider-usergroup02_pic1 {
  width: 100%;
  margin: 0 auto;
  padding: 0px;
  margin-top: 30px;
}


.keyv-slider-dxexpo{
  min-width: 100%;
  /* background-position: top 50px left 51%;
  background-size: cover; */
  height: 665px;
  background:url(/images/event_schedule/Expo_Autumn2024_bg_mob.gif) center 100% no-repeat;
}

.main_slider-dxexpo_area {
  width: 90%;
  margin-right: 0;
  text-align: center;
  margin-top: 74px;
}


.mainv_slider-dxexpo_pic1 {
  width: 100%;
  margin: 0 auto;
  padding: 9px;
  margin-top: 45px;
}


.keyv-slider-interop2025{
  min-width: 100%;
  /* background-position: top 50px left 51%;
  background-size: cover; */
  height: 665px;
  background:url(/images/event_schedule/topbanner_InteropTokyo2025_mob_bg.jpg) 50% 29% no-repeat;
}

.keyv-slider-interop2025 .interop2025-bg {
    width: 100%;
    height: 100%;
    background: rgb(8 7 126 / 25%);
    background: linear-gradient(180deg, rgb(0 3 63 / 87%) 0%, rgb(8 2 95 / 47%) 15%, rgb(8 7 126 / 30%) 39%, rgb(0 40 132 / 30%) 69%, rgb(0 29 114 / 42%) 85%, rgb(0 5 78 / 75%) 100%);
}

.main_slider-interop2025_area {
  width: 89%;
  margin-right: 0;
  text-align: center;
  margin-top: 52px;
}


.mainv_slider-interop2025_pic1 {
  width: 100%;
  margin: 0 auto;
  padding: 2px;
  margin-top: 42px;
}

.keyv-slider-movie{
  min-width: 100%;
  /* background-position: top 50px left 51%;
  background-size: cover; */
  height: 665px;
}

.main_slider-movie_area {
  width: 94%;
  margin-right: 0;
  text-align: center;
  margin-top: 74px;
}


.mainv_slider-movie_pic1 {
  width: 100%;
  margin: 0 auto;
  padding: 9px;
  margin-top: 72px;
}


.keyv-slider-partner{
  min-width: 100%;
  /* background-position: top 50px left 51%; */
  background-position: center 49%;
  background-size: cover;
  height: 665px;
}


.main_slider-partner_area {
  /* width: 100%;
  margin-right: 0;
  text-align: center;
  margin-top: 11px; */

  /* width: 95%;
  margin-right: 0;
  text-align: center;
  margin-top: 12px; */

  width: 92%;
  margin-right: 0;
  text-align: center;
  margin-top: 46px;
  padding: 24px 15px;
}


.main_slider-partner_img_area {
    width: 100%;
    padding-top: -5px;
}


.mainv_slider-partner_pic1 {
  width: 100%;
  margin: 0 auto;
  padding: 21px;
  margin-top: 40px;
}


.keyv-slider-partner01{
  min-width: 100%;
  background-position: top 10% left 5%;
  background-size: cover;
  height: 665px;
}

.main_slider-partner01_area {
  width: 100%;
  margin-right: 0;
  text-align: center;
  margin-top: 5px;
}


.main_slider-partner01_img_area {
    width: 100%;
    padding-top: -5px;
}


.mainv_slider-partner01_pic1 {
  width: 100%;
  margin: 0 auto;
  padding: 22px;
  margin-top: 43px;
}



.keyv-slider-dec3{
  min-width: 100%;
  background-position: center 49%;
  background-size: cover;
  height: 665px;
}


.main_slider-dec3_area {
   width: 92%;
  margin-right: 0;
  text-align: center;
  margin-top: 46px;
  padding: 24px 15px;
}


.main_slider-dec3_img_area {
    width: 100%;
    padding-top: -5px;
}


.mainv_slider-dec3_pic1 {
  width: 100%;
  margin: 0 auto;
  padding: 21px;
  margin-top: 40px;
}


.keyv-slider-dec3{
  min-width: 100%;
  background-position: top 10% left 5%;
  background:url(/images/banner/topbanner_seminar_2024Dec3_mob_bg.jpg) 28% 61% no-repeat;
  background-size: cover;
  height: 665px;
}

.main_slider-dec3_area {
  width:92%;
  margin-right: 0;
  text-align: center;
  margin-top: 52px;
}


.main_slider-dec3_img_area {
    width: 100%;
    padding-top: -5px;
}


.mainv_slider-dec3_pic1 {
  width: 100%;
  margin: 0 auto;
  padding: 22px;
  margin-top: 43px;
}



.keyv-slider-userday{
  min-width: 100%;
  background-position: top 50px left 0%;
  background-size: cover;
  height: 665px;
}

.mainv_slider-userday_area {
    width: 100%;
    margin-right: 0;
    text-align: center;
    margin-top: 31px;
}


.mainv_slider-userday_img_area {
    width: 100%;
    padding-top: -5px;
}


.mainv_slider-userday_pic1 {
  width: 100%;
  margin: 0 auto;
  padding: 23px;
  margin-top: 50px;
}


.keyv-slider08{
  min-width: 100%;
  background-position: top 10% left 5%;
  background-size: cover;
  height: 665px;
}

.main_slider08_area {
  width: 96%;
  margin-right: 0;
  text-align: center;
  margin-top: 7px;
}


.main_slider08_img_area {
    width: 100%;
    padding-top: -5px;
}


.mainv_slider08_pic1 {
  width: 100%;
  margin: 0 auto;
  padding: 22px;
  margin-top: 43px;
}

.keyv-slider09{
  min-width: 100%;
  /* background-position: top 10% left 5%; */
  background-size: cover;
  height: 665px;
  background:url(/images/lp/datamigration/topbanner-section-bg-sp.png) 32% 25% no-repeat;
}

.main_slider09_area {
  width: 100%;
  margin-right: 0;
  text-align: center;
  margin-top: 30px;
}


.main_slider09_img_area {
    width: 100%;
    padding-top: -5px;
}


.mainv_slider09_pic1 {
  width: 100%;
  margin: 0 auto;
  padding: 20px;
  margin-top: 43px;
}

.keyv-slider10{
  min-width: 100%;
  /* background-position: top 10% left 5%; */
  background-size: cover;
  height: 665px;
  background:url(/images/banner/banner_seminar_2024sep11_bg_mob.png) 87% 31% no-repeat;
}

.main_slider10_area {
  width: 94%;
  margin-right: 0;
  text-align: center;
  margin-top: 13px;
}


.main_slider10_img_area {
    width: 100%;
    padding-top: -5px;
}


.mainv_slider10_pic1 {
  width: 100%;
  margin: 0 auto;
  padding: 20px;
  margin-top: 43px;
}




.keyv-slider11{
  min-width: 100%;
  background-size: cover;
  height: 665px;
  background: url(/images/banner/topbanner_campaign_nankaitrough_mob_bg.png) 87% 31% no-repeat;
  max-height: 665px;
  background-size: cover;
}

.main_slider11_area {
  width: 94%;
  margin-right: 0;
  text-align: center;
  margin-top: 25px;
  padding:10px;
}


.main_slider11_img_area {
    width: 100%;
    padding-top: -5px;
}


.mainv_slider11_pic1 {
  width: 100%;
  margin: 0 auto;
  padding: 0px;
  margin-top: 30px;
}


/********** 動画 css **************/
.link_movie {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}


.tit-post-text {
  color: #6b6b6b;
  font-size: 19px;
  padding: 2rem 2rem 2.5rem;
  font-weight: 500;
  height: 125px;
}

li.link_movie_box img {
  width: 100%;
  cursor: pointer;
}


.moviebox_ul{
  display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin: 35px 15px 75px;
    border-radius: 0px 0px 15px 15px;
}

.moviebox_ul li{
  background-color: #fff;
    padding: 35px 30px;
    border-radius: 12px;
    box-sizing: border-box;
    text-align: center;
    width: 48%;
    border: 1px solid #d3dce3;
    margin: 0px;
}


.examination_ul li:hover {
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    transform: scale(1.02,1.02);
    transition: transform .2s;
}



.examination_ul h4{
  font-size: 31px;
  margin: 0;
  /* letter-spacing: -0.6px; */
  line-height: 1.85;
  padding-top: 11px;
  font-weight: 700;
}

.ctaSection_text {
  text-align: center;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.4;
    padding-top: 9px;
    margin-bottom: 18px;
    color: #919191;
    height: 60px;
}


@media screen and (max-width: 480px) {
  .link_movie {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }


  .tit-post-text {
    color: #6b6b6b;
    font-size: 19px;
    padding: 2rem 2rem 2.5rem;
    font-weight: 500;
    height: 125px;
  }

  li.link_movie_box img {
    width: 100%;
    cursor: pointer;
  }

  .examination_ul{
    display: flex;
        width: 100%;
        margin: 20px 0px;
        border-radius: 6px;
  }

  .examination_ul li{
      width: 100%;
      margin-bottom:25px;
      padding: 20px 20px 28px;
  }

  .ctaSection_text {
    font-size: 14px;
    height: auto;
    margin-bottom: 12px;
  }
}

/********** datamigration css **************/
.mv-box {
  flex-direction: column;
   padding:105px 0px 0px;
   width: 100%;
}

.mv-tit {
   text-align: center;
   width: 100%;
   margin-right: 0px;
   padding: 0px 20px;
}

.mv-tit h2 {
 font-size: 3.0rem;
 line-height: 1.35;
 text-align: center;
 padding-left: 18px;
 color: #ffffff;
}

.mv-tit h2::after {
 content: "";
 display: block;
 height: 1px;
 background: linear-gradient(to right, #ffffff26 0%, #ffffffb3 5%, #ffffffb3 85%, #fff0 100%);
 margin-top: 18px;
}

.img-cloud {
 width: 90%;
 padding-top: 0px;
}

.mv-tit h3 {
 font-size: 1.75rem;
 line-height: 1.25;
 padding: 15px 0px;
 text-align: center;
 letter-spacing: -0.3px;
 color: #ffffff;
}

.mv-inn {
   width: 100%;
   padding: 0px 20px;
}

/************datamigration css ***********/


.freeplan_btn_area:after {
  width: 8%;
  top: 13px;
  left: 213px;
}


.freeplan_btn_area{
      width: 90%;
      height: 52px;
      font-size: 21px;
}


.campaign_btn_area{
    width: 80%;
    height: 52px;
    font-size: 20px;
    top: 96%;
    left: 10%;
}

.campaign_btn_area:after{
      left: 203px;
      display: block;
      width: 8%;
      top: 14px;
}


.keyv-slider03 {
  height: 665px;
  min-width: 100%;
  background-position: top 60px left 52%;
  background-size: cover;
}

.main_slider03_area {
    width: 95%;
    margin-top: 24px;
}


.mainv_slider03_pic1 {
  width: 92%;
  margin: 0 auto;
  margin-top: 58px;
  padding: 20px;
}


.prev {
    background-image: url(/images/contents/ico_next_b32.svg);
    background-size: 60%;
    width: 10%;
}

.next {
    background-image: url(/images/contents/ico_next_b32-1.svg);
    background-size: 60%;
    width: 10%;
}


/* main visual end  */





/*  サービスの特徴 start  */


section.sect__intro_contents{
  margin-bottom:40px;
  min-width: 100%;
}


.section_point {
    padding: 50px 0px 10px 0px;
    min-width: 100%;
}

.menu-feature-wrapper-arrow {
    display: none;
}

.choose_info li {
    margin-bottom: 7em;
}

.choose_info li:nth-last-child(1) {
    margin-bottom: 0;
}


.choose_info_item_text {
      margin: 6px 0 0;
      line-height: 1.5;
}

.top_h2_txt {
  font-size: 3.5em;
line-height: 1.2;
margin-top: 10px;
}

.subtitle_toptxt{
      font-size: 26px;
}


.intro_con_section{
    padding: 2em;
}


.txt_item_01, .txt_item_03{
  margin-right: 0;
}

.txt_item_02, .txt_item_04{
      margin-left: 0px;
}

.s_text_area {
    width: 100%;
}

.s_text_area h3{
      font-size: 28px;
      margin-bottom: 9px;
}

.s_text_area p {
    font-size: 19px;
  }

  .s_text_area::before{
        font-size: 5em;
  }


  .s_text_area ul {
    margin: 1.3em 0 1.5em;
    padding:20px 15px;
    }

  .s_text_area ul li{
    font-size: 15px;
    padding-bottom: 6px;
    text-indent: -13px;
    padding-left: 13px;
  }

  .option_grey{
    font-size: 13px;
  }


  .s_text_area ul li:nth-last-child(1){
    padding-bottom:0;
  }

  .s_img_area{
    width: 100%;
    height: auto;
    margin-top: 1.2em;

  }

  .contents_sec_btn {
    width: 100%;
    height: 48px;
  }

  .contents_sec_btn a{
    font-size: 19px;
  }



  .intro_con_section{
    width: 100%;
  }


/*  サービスの特徴 end */








/*  cta start */

.index_cta{
  min-width:100%;
  padding: 50px 0 50px 0;
}


.cta_contents {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
}


.cta_item {
    width: 60%;
}

.cta_text{
  width:100%;
}

h5.cta_subtxt{
  text-align: left;
  font-size: 22px;
  line-height: 1.4;
}

.cta_btn_area {
    display: flex;
    flex-direction: column;
    align-items: center;
}

h4.cta_maintxt {
    font-size: 32px;
    line-height: 1.2;
}

.btn_trial{
  width:98%;
  height: 50px;
  margin-right: 0;
  margin-bottom: 10px;
}

.btn_down{
    width:98%;
    height: 50px;
}

.btn_trial a,
.btn_down a{
  font-size:19px;
}

/*  cta end */







/********************* 料金プラン start **********************/




.top_h2_txt1{
  font-size: 3.3em;
line-height: 1.2;
}

.title_sbtext {
    line-height: 1.4;
    text-align: left;
    font-size: 1.2rem;
    margin-top: 15px;
    margin-bottom: 0;
}

.dc-plan__group{
  flex-direction: column;
}

.dc-plan__item.dc-plan-box {
    margin-bottom: 20px;
}

.dc-plan__item:nth-child(3) {
    margin-top: 30px;
}

.dc-plan__item:nth-child(5){
  margin-bottom:0;
}

.dc-plan__contents{
  height:auto;
  padding-bottom:0px;
}

.dc-plan__recommend .inner{
    font-size: 17px;
    padding: 7px 40px;
}

.dc-plan__recommend{
  top:-16px;
}

.dc-plan{
      padding: 15px 0px 0;
      width: 100%;
}

.dc-plan-tit{
      font-size: 16px;
      height: 100px;
}

.dc-plan__item.dc-plan-box{
    margin: 10px 0 0;
}



/********************* 料金プラン end **********************/













/********************* 導入をご検討されているお客様へ start **********************/

.examination_ul{
    display: flex;
        width: 100%;

}

.examination_ul li{
      width: 100%;
      margin-bottom:20px;
}

.interview_item {
    box-shadow: 0 1px 7px 0 rgba(0,0,0,.1);
}


/********************* 導入をご検討されているお客様へ end **********************/










/********************* 他社サービスとの比較 start **********************/

.dc-compare{
  padding: 0px 0px 0 0;
  width: 100%;
  margin: 0 auto;
}

.dc-compare-daytxt {
  padding: 0px 0px 20px 5px;
  line-height: 8px;
  font-size: 12px;
  width: 92%;
}


.dc-compare__group{
      flex-direction: column;
}


.dc-compare__item:nth-child(1),
.dc-compare__item:nth-child(2),
.dc-compare__item:nth-child(3),
.dc-compare__item:nth-child(5),
.dc-compare__item:nth-child(6),
.dc-compare__item:nth-child(7) {
  background: #e6f2ff;
   box-shadow: none;
   height:655px;
}


.dc-compare__item:nth-child(4) ,
.dc-compare__item:nth-child(8) {
    /* background-color: #1e65c7; */
    background: transparent linear-gradient(180deg,#1d76cf 20%,#0d68c3 100%) 0% 0% no-repeat;
    box-shadow: none;
    position: relative;
    color: #fff;
}


/********************* 他社サービスとの比較 end **********************/




.more-button-block,
.more-button-block1  {
    margin-bottom: 0;
    width: 100%;
    height: 60px;
    font-size: 20px;
}

.more-button-block1 {
    margin: 0;
}

.top_h1_txt{
  padding: 0px;
  font-size: 31px;
  line-height: 1.4;
}

.c-title{
      font-size: 19px;
}

.top_intro{
  font-size: 26px;
}

.c-title__sub{
  font-size:16px;
}


.c-title__bg--grass {
    background-size: 35px 120px, 35px 120px;
    background-position: 2% 5%, 98% 5%;
    padding: 0 37px 0 37px;
}

.top_logo_area {
    width: 100% !important;
    box-sizing: border-box;
    padding: 8px 15px 15px 15px;
}


li.works_logo_line{
        width: 31.5% !important;
}

li.works_logo_line img {
    width: 74%;
}


.details_btn {
width: 100%;
  }

.details_area{
  justify-content: center;
}

.point_subtxt {
text-align: left;
}

.top_title_b{
  font-size: 40px;
  line-height: 1.2;
}

.sevice_movie_text{
 text-align:left;
}

.it_review_area{
  margin-bottom: 20px;
}

.it_review_top{
  flex-direction: column;
      height: auto;
}

.it_review_left_img{
  width:100%;
}

.it-review_left_hoshi {
    width: 30% !important;
    top: 16px;
    left: 38%;
}

.it-review_left_new{
    width: 35% !important;
}


.it_review_right{
    width:100%;
    box-sizing: border-box;
    padding: 60px 20px 0;
}

.it_review_serve_title{
  font-size:22px;
  margin:0;
}

.it_review_txt{
      font-size: 16px;
      padding: 10px 0px 0px 0px;
      line-height: 1.6;
}


.it_review_item{
  width:100% !important;
  margin-bottom: 15px;
  flex-direction: row;
  align-items: center;
}


.it_review_item:nth-last-child(1){
  margin:0;
}

.it_review_bottom{
  flex-direction: column;
  box-sizing: border-box;
  padding: 25px 20px 25px;
}

.item_title{
  width: 44%;
  padding: 5px 0px 5px 0px;
  font-size: 16px;
}

.item_content{
  text-align: left;
  padding: 3px 0 3px 0px;
  font-size: 16px;
  width: 50%;
  margin-left: 13px;
}


.top_movie_area ul{
width:100%;
}

.movie_area_ul li {
    width: 100%;
    margin-right:0;
}

.movie_thum{
  width:100%;
}


.movie_text_area{
  width:100%;
}


.movie_area_ul li:nth-child(3){
    margin-bottom: 15px;
}


.play_btn{
  left:42%;
  top: 26%;
}

.cm_keyv{
  width:100%;
  height:100%;
}




.scene_title p{
  padding: 18px 20px 11px;
  line-height: 1.3;
  font-size: 26px;
}

.news_area {
  width: 100%;
}


.news_item{
  width:100%;
  margin-bottom: 7px;
  padding: 20px 20px;
}

.press_txt_link{
  padding: 0.5rem 0px 0px;
  font-size: 1.15rem;
}


.tit_price_txt_01{
  padding: 0;
  text-align: left;
  letter-spacing: -0.6px;
  margin-top:10px;
  margin-bottom: 20px;
}


.top_move{
  margin:30px auto 50px;
}


.filesever_plan, .fileshare_plan{
  font-size: 15px;
  width: 50%;
  padding: 15px;
  box-sizing: border-box;
}


.warp{
  width:100%;
  margin:0 auto;
}


.con_company_wrap{
      width: 100%;
}

.table_fixed_tit {
    width: 100%;
  }

.table_fixed_cont {
    width: 100%;
}


.cm_pdf_keyv{
  width:100%;
  height: 185px;
  margin-top: 0;
}


.cm_cta_dw_right h6 {
    margin-top: 2em;
    font-size: 25px;
    padding: 0;
    text-align: left;
}


.cm_cta_dw_right_c{
  display: block;
}


.cm_cta_dw_right_c ul{
  width:100%;
}

.cm-img-area{
  width: 100%;
}



.interview_b_img{
  max-width: 100%;
  margin: 0 auto;
  padding: 17px 0px 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2px;
  flex-direction: column;
  text-align: center;
}

.interview_b_img li:nth-child(1) {
  width: 100%;
}

.interview_b_img li:nth-child(2) {
	width: 100%;
margin: 20px 0;
}

.interview_b_img li:nth-child(3) {
    width: 100%;
}

.it_review_area {
    margin-bottom: 0px;
}

.itreview_p {
   font-size: 12px;
   padding: 14px 0 0 0;
}


.slick-prev, .slick-next{
  border-top: 3px solid #9ca7b2;
  border-right: 3px solid #9ca7b2;
  height: 16px;
  width: 16px;
}


.slider {/*横幅94%で左右に余白を持たせて中央寄せ*/
   width:94%;
    margin:0 auto;
        cursor: pointer;
}

.slider img {
    width:98%;/*スライダー内の画像を横幅100%に*/
    height:auto;
}

/*slickのJSで書かれるタグ内、スライド左右の余白調整*/

.slider .slick-slide {
  margin:20px 10px 10px;
  cursor: grab;
}


section.index_news{
      padding-bottom: 30px;
}

.choose_merit_img1{
      width: 100%;
}

.choose_merit_img2 {
    width: 50%;
}

.choose_merit_img3 {
    width: 62%;
}


.mob_campaign_bn {
    padding: 20px;
}


.sp_on.mob_campaign_bn img{
  border-radius: 6px;
}


.dc-plan__item:nth-child(1):hover,
.dc-plan__item:nth-child(1):focus,
.dc-plan__item:nth-child(2):hover,
.dc-plan__item:nth-child(2):focus,
.dc-plan__item:nth-child(3):hover,
.dc-plan__item:nth-child(3):focus,
.dc-plan__item:nth-child(4):hover,
.dc-plan__item:nth-child(4):focus,
.dc-plan__item:nth-child(5):hover,
.dc-plan__item:nth-child(5):focus {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.25);
  transform:scale(1);
}


.dc-plan__item:nth-child(3){
  box-shadow: 0px 0px 10px rgb(91 92 93 / 50%);
}



.interview_logo_area{
      height: 130px;
}

.interview_info h4{
      font-size: 17px;
          height: 88px;
}




}


@media screen and (max-width: 320px) {
  /* 320pxまでの幅の場合に適応される */

  /* main visual start */

  .slider-banner {
    height: 101vh;
  /* position: relative; */
  }
}



/* ========================================
■ section  movie start　▼
======================================== */

.section_dcmovie {
  /* background-color: #378ee4; */
  padding: 6.2em 0em 6em 0em;
  min-width: 1200px;
  width: 100%;
  background: linear-gradient(90deg, #378ee4 0%, #2d89ef 25%, #d9007f 97%);
}

.movie_box {
  display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto;
    border-radius: 12px;
    padding: 45px 35px 55px;
}

.movie_box ul {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0px;
}

.movie_box ul li{
  width: 48%;
  cursor: pointer;
      /* background-color: #fff;
      border-radius: 8px;
      border: 1px solid #E1E7EF;
      padding: 30px 20px 25px; */
}

.movie_box_item_title{
  font-size: 32px;
  line-height: 1.35;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 1px;
  letter-spacing: -1pt;
}

.movie_box_item_pointtitle{
  font-size: 52px;
    line-height: 1.4;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 0px;
    letter-spacing: -0.3pt;
    /* text-indent: -24px; */
    padding-top: 1px;
    text-align: left;
    text-shadow: 0px 1px 3px #054d8bcf;
}


.txt_title_p{
  font-size: 67px;
  line-height: 1.2;
}

.dc-movie_subtext {
  position: absolute;
  left: 0;
  right: 0;
  top: -20px;
  margin: auto;
  text-align: center;
}

.movie_subtext{
  /* font-size: 21px;
  font-weight: 700;
  color: #595c5f;
  color: #ffffff;
  line-height: 1.55;
  padding: 0.65em 0px 0px 3px; */

  font-size: 20px;
    font-weight: 700;
    color: #00307b;
    line-height: 1.3;
    padding: 10px 30px;
    border-radius: 30px;
    background: #b1dcff;
    margin: 0em;
    text-align: center;
    border: 2px solid #003f9f;
}


.movie_subtext::before {
  content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px 12px 0 12px;
    border-color: #003f9f transparent transparent transparent;
    bottom: -26px;
    left: 0;
    right: 0;
    margin: auto;
}

.intro_txt_movie{
  /* color: #378ee4;
  letter-spacing: .08em;
  font-size: 24px;
  padding-bottom: 5px;
  font-weight: 700; */

  color: #ffef0e;
  letter-spacing: .04em;
  font-size: 34px;
  padding-bottom: 5px;
  font-weight: 700;
}


/* ----------------------------------------------------------------------
 制作実績一覧
---------------------------------------------------------------------- */
.youtube_movie_box{
  width: 88%;
  height: auto;
  display: block;
  margin: 0px 5px;
  overflow: hidden;
  position: relative;
  z-index: 2;
  line-height: 0;
  border: 1px solid #e6e6e6;
  border-radius: 6px;
  padding: 20px;
}

.youtube_movie_box img{
  width:100%;
  height:100%;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  max-width:none;
}

.youtube_movie_box img{
  -webkit-transition: all 0.75s ease;
  -moz-transition: all 0.75s ease;
  transition: all 0.75s ease;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.youtube_movie_box:hover img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

.arrow {
  display: inline-block;
  padding: 0 0 0 16px;
  color: #000;
  vertical-align: middle;
  text-decoration: none;
  font-size: 15px;
  z-index: 3;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.arrow::before,
.arrow::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  margin: auto;
  content: "";
  vertical-align: middle;
}
.arrow-design::before {
  width: 70px;
  height: 70px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #de3345;
  box-shadow: 0 6px 15px 0 rgb(0 0 0 / 20%);
}
.arrow-design::after {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: 44px;
  height: 0px;
  margin-left: 33px;
  border: 16px solid transparent;
  border-left: 27px solid #fff;
}



/*------------- MP4 MOVIE CSS -----------------------------*/
.moviebox_section{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  /* margin-bottom: 9.5em; */
  padding: 0em 2.5em;
  /* background-color: #ffffff; */
  width: 100%;
  margin: 0 auto;
}

.movietxt_area{
  width: 43%;
  margin-top: 13px;
}

.movieimg_area {
  width: 53%;
  height: 100%;
  box-shadow: 0 5px 12px rgba(0, 0, 0, .25);
  /* margin-top: 0.3em; */
  background-color: #000000;
}

.movie_que_box{
    padding: 26px 20px 20px 0px;
    position: relative;
}

.movietxt_area ul {
  /* margin: 1em 1.0em 1.8em 0.2em;
    background-color: #f1faff;
    padding: 20px 20px 20px 15px;
    border-radius: 6px; */


}

.movietxt_area ul li {
  padding-left: 0px;
  font-size: 25px;
  color: #ffffff;
  line-height: 1.85;
  text-shadow: 0px 1px 3px #002e56d1;
  letter-spacing: -0.5pt;
}

.txt_point_color{
  background: linear-gradient(transparent 75%, #46B2F7 10%);
  font-weight: 700;
  color: #ffffff;
  font-size: 29px;
  letter-spacing: -0.2pt;
}


.embed-16-9{
  display: block;
  height: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.embed-16-9 {
  padding-bottom: 56.25%;
  /* padding-bottom: 53.2%; */
}

.embed-16-9 .embed-item {
  width: 100%;
  height: 100%;
  border: 0;
  position: absolute;
  top: 0;
  left: 0;
  vertical-align: middle;
}



@media only screen and (max-width:767px){
.tag_works {
  margin: 0 18px;
}
}

/*-----------------------------------------------------------------*/



@media screen and (max-width: 480px) {
  .section_dcmovie {
    padding: 10px 0px 30px;
    min-width: 100%;
}

  .movie_box ul{
    margin: 25px 0 0 !important;
    flex-direction: column;
    padding: 0 !important;
  }

  .movie_box ul li {
      width: 100%;
      cursor: pointer;
      padding: 20px 20px 25px;
  }

  .moviebox_section{
    padding: 1em 2em;
    width: 100%;
  }

  .intro_txt_movie {
    font-size: 24px;
    text-align: center;
}

.dc-movie_subtext {
  top: -12px;
}

.movie_que_box {
  padding:0px;
}

.movie_box_item_title {
  font-size: 21px;
  line-height: 1.5;
  text-align: center;
}

.movie_box_item_pointtitle {
  font-size: 34px;
  line-height: 1.35;
}

.txt_title_p {
  font-size: 38px;
  line-height: 1.4;
}

.movie_subtext {
  font-size: 13px;
  font-weight: 700;
  color: #595c5f;
  line-height: 1.5;
  padding: 12px 8px;
  text-align: center;
}

  .movietxt_area {
    width: 100%;
}

  .movieimg_area{
    width: 100%;
    height: auto;
    margin-top: 1.2em;

  }

  .movietxt_area ul {
    margin: 1em 0 0em;
    padding:0px;
    }

  .movietxt_area ul li{
    font-size: 20px;
    padding-bottom: 6px;
    text-indent: -17px;
    padding-left: 17px;
    line-height: 1.55;
  }

  .txt_point_color {
    font-size: 21px;
    letter-spacing: -0.5pt;
  }
}

/* ========================================
■ section  movie end　▲
======================================== */



/************** youtube movie css add ***********/
#player-container {
  position: relative;
  width: 100%;
  /* height: 0; */
  padding-top: 0%;
  background-color: #000;
}

iframe {
  width: 100%;
  height: 100%;
  border: none;
  display: none;
}

iframe[src*="youtube.com"],
iframe[src*="youtube-nocookie.com"] {
	aspect-ratio: 16 / 9;
	width: 100%;
	height: auto;
}

.thumbnail {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.custom-play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 15px 30px;
  background-color: rgba(255, 0, 0, 0.8);
  color: white;
  font-size: 18px;
  font-weight: bold;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  z-index: 10;
}

/************ button ************/
.ytp-button {
  border: none;
  background-color: transparent;
  padding: 0;
  color: inherit;
  text-align: inherit;
  font-size: 100%;
  font-family: inherit;
  cursor: pointer;
  line-height: inherit;
}

.ytp-large-play-button {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 108px;
  height: 108px;
  margin-left: -54px;
  margin-top: -54px;
  transition: opacity .25s cubic-bezier(0.0, 0.0, 0.2, 1);
  z-index: 63;
  border: none;
}

.ytp-large-play-button:focus,
.ytp-large-play-button {
  outline: 0;
}

.ytp-large-play-button svg {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  pointer-events: none;
}

.ytp-large-play-button-bg {
  transition: fill .1s cubic-bezier(0.4, 0.0, 1, 1), fill-opacity .1s cubic-bezier(0.4, 0.0, 1, 1);
  fill: #ff0000;
  fill-opacity: 1;
}

.ytp-large-play-button:hover .ytp-large-play-button-bg {
  transition: fill .1s cubic-bezier(0.0, 0.0, 0.2, 1), fill-opacity .1s cubic-bezier(0.0, 0.0, 0.2, 1);
  fill: #f00;
  fill-opacity: 1;
}



div.play-button {
  transition: fill .1s cubic-bezier(0.4, 0.0, 1, 1), fill-opacity .1s cubic-bezier(0.4, 0.0, 1, 1);
  fill: #ff0000;
  fill-opacity: 1;
}


@media screen and (max-width: 480px) {
  .movie-wrap iframe {
    border-radius: 0px;
  }

  .ytp-large-play-button {
      width: 62px !important;
      height: 62px !important;
      margin-left: -31px;
      margin-top: -44px;
  }

  a.video span {
    background-size: 400%;
  }

}