@charset "utf-8";

/* ========================================
    ■ reset start
======================================== */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    font-family: 'Noto Sans JP', sans-serif;
}

body { line-height: 1;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
h1,
h2,
h3,
h4,
h5,
h6 { font-weight: inherit; }
a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
ins {
    background-color: #ff9;
    color: #666666;
    text-decoration: none;
}
mark {
    background-color: #ff9;
    color: #666666;
    font-style: italic;
    font-weight: bold;
}
del { text-decoration: line-through; }
abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}


th {
    text-align: left;
    vertical-align: top;
    font-weight: normal;
}
td {

    vertical-align: middle;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
input, select, textarea, img { vertical-align:middle; }
ul, dl, ol { list-style: none; }
em { font-style: normal; }
* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}


a {
    color: #1e93e4;
    text-decoration: none;
    /* transition: 0.2s ease; */
}

a.server_url_link{
	font-size: 16px;
	color: #1e87d0;
	font-weight: normal;
	text-decoration: none;
}


a.server_url_link:hover{
	color: #0054a6;
	text-decoration: underline;
}


body {
    color: #666666;
    font-size:19px;
    line-height: 1.631;
    background: #fff;
    -webkit-text-size-adjust: 100%;
}



a:hover {
    text-decoration: none;
    opacity: 0.9;
    /* transition: 0.2s ease; */
}

a::before, a:hover::before,
a::after, a:hover::after {
    /* transition: 0.2s ease; */
}


img,
video,
object {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
    border: none;
}

/* ========================================
    ■ reset　end　▲
======================================== */





/* ========================================
    ■ 共通　start　▼
======================================== */

section{position: relative;}

.wrap {
    position: relative;
    max-width: 1380px;
    width:100%;
    margin: 0 auto;
    z-index:100;
    padding: 0px;
}

.clearfix {
    /* overflow: hidden; */
    zoom: 1;
}
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}


.scrollbar::-webkit-scrollbar {
    background: #ccc;
    width: 10px;
}
.scrollbar::-webkit-scrollbar-thumb { background: #aaa; }

table.tbl-block,
table.tbl-block tbody,
table.tbl-block tr,
table.tbl-block th,
table.tbl-block td {
    display: block;
    text-align: left;
}


h2.strength_title {
  color: #262b34;
  text-align: center;
  font-size: clamp(3.6em, 5vw, 68px);
  font-weight: 700;
  line-height: 1.3;
  margin: 0 21px;
  padding-bottom: 22px;
  letter-spacing: 0px;
  padding-top: 0px;
}

h2.strength_title_b {
  color: #262b34;
  text-align: center;
  font-size: clamp(3.6em, 5vw, 68px);
  font-weight: 700;
  line-height: 1.45;
  margin: 0 21px;
  padding-bottom: 28px;
  letter-spacing: 0px;
  padding-top: 0px;
}


.esh_title{
  font-size:59px !important;
}

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

.eng_title_maintop {
  display: inline-block;
  font-size: 34px;
  font-weight: 700;
  text-align: center;
  color: #378ee4;
  padding: 0px 25px 3px 25px;
  border-radius: 40px;
  border: solid 2px rgb(55 142 228 / 80%);
  margin-bottom: 10px;
  line-height: 1.5;
  background-color: #ffffff;
}


.eng_title_s{
  font-size:26px !important;
}




/* ========================================
    ■ 共通　end　▲
======================================== */






/* ========================================
■ section header start ▼
======================================== */

#header {
      z-index: 200;
      background-color: #fff;
      box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 15%);
      position: fixed;
      top: 0;
      width: 100%;
}

.header_desc {
  width: 385px;
  float: left;
  position: relative;
  padding: 12px 0px 5px 22px;
  color: #b4bbbf;
  font-size: 19px;
  font-weight: lighter;
  margin: 10px 0px;

}


#header .innerBlock {
    max-width: 1366px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 72px;
    padding: 0 50px;
}



#header .innerBlock #leftContents {
      width: 80%;
      position: relative;
      padding: 3px 0px 5px 0px;
      display: flex;
      align-items: center;
      justify-content: flex-start;
}



#lp_leftContents {
    width: 68%;
    min-width:360px;
}



#lp_leftContents li {
    height: 50px;
    display: flex;
    align-items: center;
}


#lp_leftContents li a{
    color:#4f5f6d;
    font-weight: 700;
}

#lp_leftContents li a:hover{
    color:#378ee4;
}

/********* TOP MENU NAVI CSS ************/
#lp_leftContents li a.ExToggle:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    transform: rotate(135deg);
    opacity: .4;
    top: -2px;
    bottom: 0;
    left: 74px;
    border-top: solid 2px #4f5f6d;
    border-right: solid 2px #4f5f6d;
    margin: auto;
}



#lp_rightContents #lp_gnav {
    padding: 0px 14px 0 0px;
}

#lp_rightContents {
    padding: 9px 10px 5px 0px;
    /* width:30%; */
}


li.navi_cta {
    width: 48.5%;
    text-align: center;
    height: 40px;
    border-radius: 50px;
    font-weight: bold;
    font-size: 16px;
    position: relative;
    border: 2px solid rgba(79,95,109,.2);
    min-width: 160px;
}

li.navi_cta:hover {
  border: 1px solid #ffffff;
  box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.2);
  cursor:pointer;transform:scale(1.02,1.02);transition:transform .2s;
}


li.navi_cta a{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 5px;
  color: #6c6e70;
}

li.navi_cta a:hover{
  color: #378ee4;
}


.cta_orange {
    background-color: #FF114A;
    border: 1px solid #FF114A !important;
    margin-left: 12px;
}


.cta_orange a{
      color:#fff !important;
}



.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    z-index: 200;
    background-color: #fff;
    transition: background-color .3s ease;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.16);
}


.header__container {
    max-width: 1400px;
    height: 75px;
    padding: 0px 20px;
    margin: auto;
    display: flex;
    align-items: center;
}


.header .maegaMenu .is opne{
  /*boder-top:2px solid #f4f8f9;*/
  height:170px;
}


.header__navi {
    flex-grow: 1;
    display: flex;
    align-items: center;

    justify-content:flex-start;
}

.header__navi--left {
    display: flex;
    align-items: center;
    font-size:16px;
}

.header__navi--left li{
  margin-right: 25px;
  margin-left: 25px;
}


.header__navi--right {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.header__navi--left .naviItem__inner {
    display: block;
    position: relative;
    transition: color .3s ease;
}


.header__navi--left .naviItem__inner:before {
    content: "";
    position: absolute;
    bottom: -24px;
    width: 100%;
    z-index: 2;
    height: 4px;
    background-color: #009dff;
    transition: transform .3s ease;
    transform: scaleX(0);
}

.header__navi--left .naviItem__inner:hover:before{transform:scaleX(1)}

.header p {
    margin: 0;
    color:#4f5f6d;
    font-weight: 700;
}

.header__navi--left .naviItem__inner i {
  margin-left: 8px;
  color: #378ee4;
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: auto;
  transform: translate(0);
}


.header .megaMenu {
    position: relative;
    height: 0;
    background-color: #fff;
    transition: height .3s ease;

    overflow: hidden;
}


.header .megaMenu__inner {
    position: relative;
    height: 100%;
    max-width: 1366px;
    margin: auto;
}


.header .megaMenu__group {
    opacity: 1;
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: opacity .6s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}


.header .megaMenu.is-open {
    height: 150px;
    border-top:2px solid #f4f8f9;
}



.header .megaMenu__group--inner {
    display: flex;
}


.header .megaMenu__group--list {
    flex-grow: 1;
}

.header .megaMenu__group--title {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  margin-right: 72px;
}

.header .megaMenu__group--titleInner {
  position: relative;
  font-weight: 700;
  font-size: 20px;
  line-height: 1;
  padding-right: 28px;
  color: #4c4c4c;
  transition: color .2s;
}


.header .megaMenu__list {
  display: grid;
  grid-template-columns: 300px 300px 300px;
  gap: 22px 50px;
}


.header .megaMenu__item {
    white-space: nowrap;
    display: flex;
}


li.naviItem {
    cursor: pointer;
}


.header_logo {
    width: 17%;
    margin-right: 24px;
    min-width: 240px;
}

.header .megaMenu__item--inner {
    display: block;
    position: relative;
    padding-left: 21px;
    padding-bottom: 3px;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    color: #4f5f6d;
    background-image: linear-gradient(#158aff,#158aff);
    background-size: 0 1px;
    background-position: left 16px bottom;
    background-repeat: no-repeat;
    transition: color .3s ease,background-size .3s ease;
}

.header .megaMenu__item--inner:before {
  content: "";
  position: absolute;
  width: 8px;
  height: 2px;
  background-color: #158aff;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}



.header .megaMenu__item--inner:hover {
    color: #378ee4;
    background-size: calc(100% - 16px) 1px;
    text-decoration: none;
}




/* ========================================
■ section header end　▲
======================================== */







/* ========================================
■ section cta start ▼
======================================== */

.cta {
  text-align: center;
  max-width: 1366px;
  margin: 40px auto 0px;
  position: relative;
  z-index: 5;
  padding: 0px 0px 20px 0px;
}

.cta_area{
  position: relative;
  margin: 45px 0 0;
  z-index: 1;
}


/* ========================================
■ section cta end　▲
======================================== */








/* ========================================
■ section main start ▼
======================================== */

.g-wrapper{
  min-width: 1366px;
  margin-top: 72px;
}

.keyv {
  background: #0050CF;
  background: linear-gradient(180deg, #002153 0%, #0050CF 100%);
  background-repeat: repeat-x;
}

.keyv .keyv_bg{
  background-image: url(/images/lp/dc_trustcenter/banner_trustbg.svg);
  background-position: bottom 0% center;
  background-size: 70% auto;
  background-repeat: repeat-x;
}

.keyv .mv{
  position: relative;
  color: #fff;
  background-position: center;
  padding: 45px 0px 55px;
  margin: 0 auto;
  max-width: 1400px;
  width:100%;
  }


  .keyv .mv .logo{
    margin: 0 auto;
    padding-top: 25px;
    text-align: right;
  }

  .keyv .mv .logo img{
      width:160px;
  }



  .main_v_warp{
    position: relative;
    z-index: 100;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 auto;
    align-items: center;
    justify-content: space-between;
  }


.main_title_area{
      width: 56.5%;
}

.main_btn_contents_area{
  display: flex;
  justify-content: center;
  padding: 7px 0px 5px;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  flex-direction: row;
  width: 65%;
}


.main_btn_boxtd{
  width: 45%;
  text-align: center;
  height: 65px;
  border-radius: 50px;
  font-weight: bold;
  font-size: 25px;
  line-height: 1.8;
  position: relative;
  flex: 1 1;
  max-width: 44%;
  margin-top: 7px;
}

.main_btn_boxtd_contents{
  width: 100%;
  text-align: center;
  height: 65px;
  border-radius: 50px;
  font-weight: bold;
  font-size: 25px;
  line-height: 1.8;
  position: relative;
  flex: 1 1;
  max-width: 60%;
  margin-top: 20px;
}



.main_btn_boxtd a{
  display: flex;
  align-items: center;
  width: 100%;
  height: 60px;
  min-width: auto;
  gap: 0 12px;
  padding: 1px 23px 0px 34px;
}





  .main_title {
    color: #fff;
    font-size: 1.9em;
    font-weight: 600;
    font-family: A-OTF Shin Go Pro, 'Noto Sans JP', sans-serif;
    text-align: center;
    line-height: 1.45;
    padding-bottom: 35px;
    padding-top: 0px;
    letter-spacing: 0px;
  }


  .main_title span {
      font-size: 27px;
      font-weight: 100;
      letter-spacing: 0;
      color: #fff;
  }

  .main_serve_en {
    width: 87%;
    margin: 0 auto;
    padding-top: 10px;
  }


  .main_title_en{
    color: #fff;
    font-size: 4.25em;
    font-weight: 600;
    letter-spacing: 3.0px;
    font-family: A-OTF Shin Go Pro, 'Noto Sans JP', sans-serif;
    text-align: center;
    line-height: 1.32;
    padding-bottom: 20px;
    padding-top: 20px;
    text-shadow: 0 4px 10px rgba(1, 20, 70, 0.3);
}



  .main_img_area {
    width: 42.5%;
    padding: 20px 0px 0px 0px;
  }


.mainv_pic1{
  width: 100%;

}


.main_title img{
width: 92%;
}

.itreview_icon{
  width: 100%;
  margin: 5px auto 0;
  text-align: center;
}


.itreview_icon img{
  width: 59%;
}



.main_b_ul li {
      position: relative;
      padding-left: 32px;
  }

  .iso_img {
    width: 33%;
    padding: 4px 0px 0px;
    margin: 0;
  }


.contents_box{
  margin-top: 15px;
  padding: 50px 40px 50px;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 0px 7px 0px #d3d5d8bf;
}

.contents_nobox{
  margin-top: 15px;
}


.vulnerability_area{
  display: flex;
  margin-bottom: 45px;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}



.vulner_img{
width:40%;
}

.vulner_text_area{
  width: 56%;
  margin-top: 10px;
}

/* .vulner_text_area h4 {
    font-size: 26px;
    font-weight: bold;
    color: #378ee4;
} */


.vulner_text_area h4 {
  color: #333;
  margin: 0;
  border-left: 5px solid #3b8be6;
  padding-left: 15px;
  margin-top: 0;
  padding-bottom: 2px;
  font-weight: bold;
  margin-bottom: 5px;
  margin-bottom: 10px;
  /* border-bottom: 1px dotted #cccccc; */
  font-size: 26px;
  line-height: 35px;
  font-size: 28px;
  line-height: 36px;
}

.vulner_text_area p {
  font-size: 22px;
  line-height: 1.5;
  padding-left: 20px;
}



  /******************** TOP Banner ******************/
  .app-mv-button-text {
    margin-bottom: 4px;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    color: #e1efff;
    margin-top: 3px;
  }

  .appbt-mv-button-text {
    margin-bottom: 7px;
    font-size: 19px;
    font-weight: 500;
    text-align: center;
    color: #dbebff;
  }

  .appbt-mv-button-text:before,
  .appbt-mv-button-text:after
 {
  content: "";
  display: inline-block;
  position: absolute;
  width: 5.3%;
  height: 1px;
  background: #dbebff;
  top: 19px;
 }


 .appbt-mv-button-text:before{
   transform: rotate(53deg);
   left: 16.7%;
 }

 .appbt-mv-button-text:after{
   transform:rotate(-53deg);
 }

 .appbt-mv-button-text1 {
  margin-bottom: 7px;
  font-size: 19px;
  font-weight: 500;
  text-align: center;
  color: #dbebff;
}

.appbt-mv-button-text1:before,
.appbt-mv-button-text1:after
{
content: "";
display: inline-block;
position: absolute;
width: 5%;
height: 1px;
background: #dbebff;
top: 18px;
}


.appbt-mv-button-text1:before{
 transform: rotate(53deg);
 left: 14%;
}

.appbt-mv-button-text1:after{
 transform:rotate(-53deg);
}



  .app-btn-contents-image {
    width: 50px;
    padding-bottom: 2px;
  }

  .app-btn-contents-image-w {
    width: 41px;
  }

  .app-btn-contents-image-b{
    width: 67px;
  }

  .app-btn-contents-image-wb{
    width: 54px;
    padding-top: 3px;
  }

  .app-btn-contents-text {
    flex: 1 1;
    font-size: 20px;
    text-align: left;
  }

  .app-btn-contents-text1 {
    flex: 1 1;
    font-size: 30px;
    text-align: left;
    padding-left: 5px;
    color: #ffffff;
  }



  .app-btn-contents-arr {
    width: 19px;
    height: 19px;
    margin-left: auto;
    pointer-events: none;
    padding-top: 1px;
  }

  .app-btn-contents-arr1 {
    width: 30px;
    height: 30px;
    margin-left: auto;
    pointer-events: none;
  }

  .app-btn-contents {
    width: 100%;
    min-width: auto;
    font-size: 20px;
    gap: 0 16px;
}

.app-btn-contents1 {
  width: 100%;
  min-width: auto;
  font-size: 20px;
  gap: 0 16px;
}

.app-btn {
  display: inline-block;
  padding: 17px 32px 18px;
  transition: .2s;
  border: 0;
  border-radius: 32px;
  font-weight: 700;
  line-height: normal;
  text-align: center;
}

.app-btn1 {
  display: inline-block;
  padding: 20px 32px 21px;
  transition: .2s;
  border: 0;
  border-radius: 60px;
  font-weight: 700;
  line-height: normal;
  text-align: center;
}

.app-btn-tertiary {
 color: #ffffff;
  background-color: #FF114A;
  border: 1px solid #FF114A !important;
}

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

.app-btn-contents {
  font-size: 18px;
  display: flex;
  align-items: center;
  width: 272px;
  height: 58px;
  margin: 0 auto;
  padding: 0 24px 0 16px;
  gap: 0 16px;
}

.app-btn-contents1 {
  font-size: 18px;
  display: flex;
  align-items: center;
  width: 100%;
  height: 84px;
  margin: 0 auto;
  padding: 0 45px 0 60px;
  gap: 0 16px;
}



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


/* ========================================
■ section main end　▲
======================================== */


.strength_title {
    color: #000;
    text-align: center;
    font-size: 47px;
    font-weight: bold;
}



.tabs{
  background-color: transparent;
  margin-top:30px;
}

.contents_p{
  padding-left: 0px;
  font-size: 23px;
  line-height: 1.55;
  font-weight: 100;
  color: #64727e;
  margin-top: 0px;
  padding-bottom: 20px;
  text-align: center;
}





/* ========================================
■ section fuction start ▼
======================================== */


.section_function {
  padding: 0rem 0 1.2em;
  background-color: #ffffff;
  background: linear-gradient(0deg, #ffffff 10%, #e7f2fe 100%);
}


.section_function01 {
  background: #f6fbff;
  background-image: url(/images/contents/bg_interview.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  width: 100%;
}



.function_con1{
    padding: 70px 0px 55px;
}

.function_con{
    padding:70px 0px 55px;
}



.function_con_second,
.function_con_third,
.function_con_fourth,
.function_con_fifth{
  margin-top: 0px;
}


/* ========================================
■ section　fuction end ▲
======================================== */


.highlight {
  font-weight: 100;
  padding: 8px 0px 14px 7px;
  font-size: 26px;
  color: #444444;
}



/*戻る、次へ矢印の位置*/
.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: -2vw !important;
    transform: rotate(225deg);
}

.slick-next {/*次へ矢印の位置と形状*/
    right: -2vw !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;/*ドットボタンの現在地表示の色*/
}


/* ========================================
■ section  infomation end　▲
======================================== */





.footer{
    text-align: center;
}

.footer .wrap{
  padding-bottom: 40px;
  padding-top: 40px;
  font-size: 15px;
  font-weight: 100;
  color: #8d9296;
}


#page_top a {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    text-decoration: none;
}


A:visited {
    color: #0F76CC;
    text-decoration: none;
}

#page_top {
    position: fixed;
    bottom: 1.5%;
    opacity: 1;
    border-radius: 50%;
    z-index: 5;
    right: 0.5%;
}




.invisible {
    display: none;
}


td.gr14 {
    padding: 13px 20px 8px;
    font-size: 17px;
}


.br_pc {
    display: block;
}


.br_sp {
    display: none;
}


.pc_on {
    display: block !important;
}

.sp_on {
    display: none !important;
}





.sp_toggle_menu {
    margin-top: -30vh;
}


.sp_toggle_menu{display:none;}



.intro_con_section {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 0px;
}



.chap_subtxt{
  font-size: 23px;
  line-height: 1.5;
  font-weight: 100;
  color: #64727e;
  margin-top: 7px;
  margin-bottom: 12px;
}







/* ========================================
■ cta start
======================================== */
.table_ul li{
  margin-bottom:5px;
}


.table_ul li:nth-last-child(1) {
    margin-bottom: 2px;
}


.index_cta{
   padding: 35px 0 55px;
   background: transparent linear-gradient(124deg, #1d71c4 20%, #0e63b7 100%) 0% 0% no-repeat;
   color: #fff;
   text-align: center;
   font-weight: 700;
   position: relative;
 }

 .index_cta:after {
   display: block;
   content: "";
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   background: transparent url(/images/lp/lp_drive/drive_cta_bg.png) 0% 0% no-repeat;
   background-size: cover;
}



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

 .cta_wrap {
   position: relative;
       max-width: 1280px;
       width: 100%;
       margin: 0 auto;
       z-index: 100;
       padding: 0px 0px;
 }

 .cta_item {
   width: 32%;
   padding-top: 18px;
 }

 .cta_text {
   width: 100%;
   padding: 0.75em 0em;
 }

 h4.cta_maintxt{
  font-weight: 700;
    font-size: 54px;
    text-align: center;
    color: #ffffff;
    margin-top: 0px;
    line-height: 1.4;
    letter-spacing: -0.8pt;
    margin-bottom: 5px;
 }



 h5.cta_subtxt{
  font-size: 34px;
    text-align: center;
    line-height: 1.0;
    /* color: #96999c; */
    color: #ffffff;
    font-weight: 100;
    margin-bottom: 3px;
    margin-top: 2px;
 }


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

 .cta_btn_area_cont {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top:0px;
  gap: 0 25px;
}


 /* ========================================
 ■ cta end
 ======================================== */








 /* ========================================
 ■ sla table start
 ======================================== */
 table {
   display: table;
   border-collapse: separate;
   text-indent: initial;
    unicode-bidi: isolate;
    background-color: #bec4ca;
    box-sizing: border-box;
}

td {
   vertical-align: middle;
}


 .sla_table{
   width: 100%;
   background-color: #b8bdc2;
   margin-bottom: 3px;
 }


 .sla_td_title {
    text-align: center;
    background-color: #e3e5ee;
    font-size: 18px;
    padding: 15px 20px;
}


.sla_td_left {
    width: 25%;
    background-color: #ffffff;
    font-size: 18px;
    padding: 15px 20px;
}


.sla_td_right {
    width: 75%;
    background-color: #ffffff;
    font-size: 18px;
    padding: 15px 20px;
    text-align: left;
}


 .sla_talbe_plan {
   background-color: #3784d9;
   color: #fff;
   font-weight: bold;
   padding: 18px 0px;
   border: 1px solid rgb(116 162 210 / 57%);
   }

   .sla_talbe_plan_point {
       /* background-color:#f67c00;
       color: #fff;
       font-weight: bold;
       padding: 18px 0px;
       border: 1px solid rgb(147 164 182 / 62%);
       font-size: 24px; */
   }

   .sla_table_l {
       text-align: left;
       background: #f5f6f9;
       color: #555;
       font-size: 22px;
       padding: 30px 0px 30px 25px;
   }

   .sla_table_r {
       background: #ffffff;
       font-weight: 100;
       font-size: 24px;
   }

   .sla_b_br {
       /* background-color: #fff6b0 !important;
       color: #000;
       font-size: 30px;
       padding: 17px 0px 22px; */
   }

   .sla_average{
     font-weight: bold;
   }






/* 他社比較　css  */

.func_table_area {
  width: 100%;
  text-align: center;
  background-color: #fff;
  position: relative;
  font-size: 21px;
  border: 2px solid #dadfe4;
  color: #555;
  box-shadow: 0px 0px 7px #a7afba59;
  border-collapse: collapse;
}



.func_table_area td {
font-size: 22px;
vertical-align: middle;
border:1.2px solid #bdc4ca69;
line-height: 1.4;
padding: 20px 10px 24px 16px!important;
letter-spacing: -0.4px;
}

.func_table_area_w {
    width: 100%;
    text-align: center;
    background-color: #fff;
    position: relative;
    font-size: 21px;
    border: 2px solid #dadfe4;
    color: #555;
    box-shadow: 0px 0px 7px #a7afba59;
    border-collapse: collapse;
}



.func_table_area_w td {
  font-size: 22px;
  vertical-align: middle;
  border:1.2px solid #bdc4ca69;
  line-height: 1.35;
  padding: 20px 20px 22px!important;
  /* letter-spacing: -0.4px; */
}

.detail_img{
  margin-top:8px;
}

.font-size-tit{
  font-size: 23px;
}

.func_table_area_sm{
  font-size: 18px;
  font-weight: 100;
  color: #bddbfc;
}


.trust_span_tit{
  font-size: 24px;
  line-height: 1.4;
  color:#ffffff;
}

.trust_span_tit1{
  font-size: 26px;
  line-height: 1.4;
  color:#ffffff;
}

.trust_td_span{
  font-size: 23px;
  line-height: 1.45;
  color:#555555;
}

.tab_item {
  width: 19.7%;
  height: 70px;
  line-height: 70px;
  font-size: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 4px;
  position: relative;
  border: 1px solid #bdc4cd;
  border-bottom: 0px;
  top: 1px;
  background-color: #b4bfcc;
  color: #ffffff;
}

.tabs input:checked + .tab_item {
  background-color: #3784d9;
  border-bottom: 0px solid #a6b5c6;
  font-size: 27px;
  color: #fff;
  font-weight:bold;
}

.tab_item:hover{
  background-color: #3784d9;
}


.bg_blue_line{
  background-color: #f4faff;
}


.td_year_month{
  /* background-color: #f0f8ff; */
}


.other_text_link {
    font-size: 18px;
    padding-top: 25px;
    text-align: right;
    float: right;
    color: #8e9398;
    font-family: "Noto Sans JP", sans-serif, Meiryo;
    line-height: 1.4;
}

.link_txt_space{
  padding-left: 17px;
}

.other_text_link:before{
  content: "";
  background: url(/images/type_arrow_oran.svg) no-repeat 0px center;
  height: 26px;
  position: absolute;
  width: 12px;
}

td.sla_td_left.table_number A{
    color: #555555;
    cursor: inherit;
}

.left-space{
  padding-left:7px;
}


td.sla_td_left.table_number A:visited {
    color: #555555;
}


.info_sub {
    font-size: 15px;
    color: #8d8d8d;
    line-height: 15px;
}

.per_num {
  font-size: 20px;
  color: #8d8d8d;
  line-height: 15px;
}

.tit_function_txt {
    background: #3784d9;
    font-weight: bold;
    color: #fff;
    font-size: 23px !important;
    border-right: 1px solid rgb(186 198 207 / 60%) !important;
    border-bottom: 1px solid rgb(186 198 207 / 60%) !important;
}


.trust_tit_function_txt {
    background: #3784d9;
    font-weight: bold;
    color: #fff;
    font-size: 23px !important;
    border-right: 1px solid rgb(186 198 207 / 60%) !important;
    border-bottom: 1px solid rgb(186 198 207 / 60%) !important;
}



.td_year_month{
      width: 14%;
      position: relative;
}


.sla_talbe_plan_point {
    /* background-color: #f67c00 ;
    color: #fff;
    font-weight: bold;
    padding: 18px 0px;
    border: 1px solid rgb(147 164 182 / 62%);
    font-size: 24px; */
}


.odd_avail{
  /* background-color: #fff9c7 !important; */
}



.main-td-txt{
  font-size: 25px;
  letter-spacing: -0.25pt;
}



.compare_table_point {
  /* border: 3px solid #0061D5; */
  border: 3px solid #e30500;
  position: absolute;
  width: 29%;
  height: 100%;
  z-index: 5;
  right: 0;
  top: 0%;
}



.sla_table_average{
  border: 3px solid #e30500;
  position: absolute;
  width: 1300px;
  height: 100%;
  z-index: 5;
  left: 0;
  top: 0%;
}



.sla_table_hover_line{
  position: absolute;
  width: 717%;
  height: 100%;
  z-index: 5;
  left: 0;
  top: 0%;
}



.sla_table_hover_line:hover{
  /* background: #fafcff;
  background: #f0f8ff; */
  mix-blend-mode: darken;
  transition : 0.35s;
}




.average_area_td{
  background-color: #f67c00;
  padding: 25px 20px;
}

.sla_average_td{
  background-color: #fff6b0 !important;
}

.average_area_td .trust_td_span{
    color: #fff;
}


td.occupancy_rate_td1 {
}

.table_number{
  background-color: #f5f6f8;
  border-right: 1px solid #bdc4ca69 !important;
  padding: 18px;
  text-align: center;
}


.point_txt_tit{
  background-color: #fcffbd;
  border-bottom: 1px solid #e3cebf !important;
  border-top: 0px !important;
  color: #333;
  padding:18px;
  text-align: left;
  line-height: 1.55 !important;
}


.company_name {
    font-size: 20px;
    padding-left: 2px;
}





.table_c_icon_b {
    width: 26px;
    vertical-align: middle;
    padding-bottom: 4px;
}



.line_bar_rgrey{
  padding: 0px 12px;
    font-size: 29px;
    line-height: 18px;
    color: #c3c1c1;
    vertical-align: sub;
    font-weight: 100;
}


.table_c_icon {
    width: 20px;
    vertical-align: sub;
}


/* 他社比較　css end */





.examination_ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    /* padding: 15px 0px 0px;
    border-radius: 15px; */
}

.examination_ul li {
  background-color: #fff;
  border-radius: 12px;
  box-sizing: border-box;
  text-align: center;
  width: 48.5%;
  margin: 0px;
  border: 1.5px solid #e2e4e7;
  box-shadow: 0px 0px 7px #a7afba59;
}

.examination_ul li:hover{
  cursor:pointer;
  transform:scale(1.02,1.02);
  transition:transform .2s;
}

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


.examination_ul figure img {
  width: 68%;
  vertical-align: middle;
  padding-bottom: 10px;
}

.bottom_01{
   padding-bottom: 0px !important;
}


.examination_ul h4 {
    line-height: 1.85;
    font-size: 30px;
    padding: 10px 0px 11px;
    background-color: #3784d9;
    text-align: center;
    font-weight: 700;
    color: #fff;
    width: 100%;
    margin: 0px auto 25px;
    border-radius: 10px 10px 0px 0px;
}

.ctaSection_text {
    text-align: center;
    font-weight: 500;
    font-size: 23px;
    line-height: 1.5;
    padding: 15px 0px 20px;
    color: #6d6f74;
}


.examination_ul .detail_btn{
  background: #ff114a;
  border-radius: 50px;
  font-size: 26px;
  padding: 10px;
  color: #fff;
  width: 73%;
  margin: 0 auto;
  font-weight: 700;
  margin: 0px auto 40px;
}






/*  itreview　css start */


.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_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;
}



.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;
}



.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;
}


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



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



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


.slider {
    width: 96%;
    margin: 0 auto;
    cursor: pointer;
}


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

/****************** cta add design start ********************/

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

.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   ▲▲▲▲▲      */




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



.table_disc_ul {
  font-size: 15px;
  margin-top: 15px;
}


.table_disc_ul li {
  font-size: 16px;
  text-indent: -19px;
  padding: 0px 50px 0px 20px;
  line-height: 26px;
  color: #8d8d8d;
}



.table_span_parentheses {
  font-size: 19px;
  color: #979c9f;
}


.span_block{
  display: block;
  margin-left: -12px;
}




/*　　グラフ　start　　*/
.chart_area{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  margin-top: 30px;
  height: auto;
  /* border: 1px solid #eaeaea; */
  border-radius: 20px;
  box-shadow: 0px 4px 4px #acacac2e;
  /* border: 1px solid #9ab8d9; */
  background-color: #ffffff;
  padding: 50px 20px;
}



.radar_chart{
  width: 63%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  flex-direction: column;
}

.radar_chart img{
  width: 85%;
}

.rader_char_info{
  font-size: 0.8em;
  margin-top: 20px;
  color: #9b9b9b;
  text-align: right;
  width: 95%;
}


.radar_chart_tit {
  font-family: A-OTF Shin Go Pro, 'Noto Sans JP', sans-serif;
  position: absolute;
  font-size: 26px;
  color: #003164;
  font-weight: 500;
  letter-spacing: -1px;
}


.radar_chart_tit.tit1 {
  top: 103px;
  right: 327px;
}

.radar_chart_tit.tit2 {
  top: 235px;
  right: 82px;
}
.radar_chart_tit.tit3 {
  bottom: 242px;
  right: 31px;
}
.radar_chart_tit.tit4 {
  bottom: 110px;
  right: 327px;
}
.radar_chart_tit.tit5 {
  bottom: 240px;
  left: 55px;
}
.radar_chart_tit.tit6 {
  top: 235px;
  left: 155px;
}



.chart_graph_ul{
  font-size: 17px;
  width: 50%;
  padding-left: 30px;
}

.chart_graph_ul li{
  display: flex;
  align-items: center;
  margin-bottom:1px;
  line-height: 1.5;
}



.graph_company{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: flex-start;
}


.pie_chart{
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  padding: 30px 35px 0px;
  /* border-radius: 15px;*/
  width: 100%;
  margin: 0 auto;
}


.graph_industry{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 60px 20px;
  flex-direction: row;
}

.graph_industry li {
  background-color: #fff;
  /* padding: 35px 30px; */
  border-radius: 12px;
  box-sizing: border-box;
  text-align: center;
  width: 100%;
  border: 2px solid #e0e4e7;
  margin: 0px;
}


.graph_industry .chart_graph_ul li{
  margin-bottom:5px;
}


.pie_chart h5{
  font-size: 32px;
  padding: 13px 0px 14px;
  background-color: #3784d9;
  text-align: center;
  font-weight: 700;
  color: #fff;
  width: 100%;
  margin: 0px auto;
  border-radius: 10px 10px 0px 0px;
}

.chart_plan{
  font-size: 23px;
  font-weight: 100;
  color: #e7f3ff;
}


.pie_chart img{
  width: 89%;
  margin-top: 0;
  margin: 0 auto;
  padding: 10px 0px;
}


.chart_contents{
  display: flex;
  flex-direction: row;
  width: 100%;
  padding: 15px 30px 40px;
  justify-content: center;
  align-items: flex-start;
}


.graph_image{
  width: 100%;
  padding: 0;
  display: flex;
  align-items: center;
  margin: 0 auto;
}

.chart_tit_color{
  width: 28px;
  height: 18px;
}


.chart_tit_text{
  padding-left: 10px;
}




.chart_tit_color.first {
    background-color: #dc6764;
}

.chart_tit_color.second {
    background-color: #dcdf61;
}

.chart_tit_color.third {
    background-color: #4e8ad0;
}

.chart_tit_color.fourth {
    background-color: #dc6764;
}

.chart_tit_color.fifth {
    background-color: #dcdf61;
}

.chart_tit_color.sixth {
    background-color: #47a277;
}

.chart_tit_color.seventh {
    background-color: #3fb59f;
}

.chart_tit_color.eighth {
    background-color: #4e8ad0;
}

.chart_tit_color.ninth {
    background-color: #58a7cc;
}

.chart_tit_color.tenth {
    background-color: #8bc1db;
}

.chart_tit_color.eleventh {
    background-color: #8672a6;
}

.chart_tit_color.twelfth {
    background-color: #a45c9c;
}


.radar-chart-3 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 230px;
    height: 230px;
    margin: 0 auto;
    padding: 35px;
    box-sizing: content-box;
}

.radar-chart-3 svg {
    width: 100%;
    height: 100%;
}

.radar-chart-3 dl {
    position: absolute;
    width: 100%;
    height: 100%;
}

.radar-chart-3 dl > div {
    position: absolute;
    color: #777;
    font-size: .6em;
    text-align: center;
}

.radar-chart-3 dl > div:nth-child(1) {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.radar-chart-3 dl > div:nth-child(2) {
    top: 24%;
    right: 10%;
    transform: translateX(50%);
}

.radar-chart-3 dl > div:nth-child(3) {
    bottom: 24%;
    right: 10%;
    transform: translateX(50%);
}

.radar-chart-3 dl > div:nth-child(4) {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.radar-chart-3 dl > div:nth-child(5) {
    bottom: 24%;
    left: 10%;
    transform: translateX(-50%);
}

.radar-chart-3 dl > div:nth-child(6) {
    top: 24%;
    left: 10%;
    transform: translateX(-50%);
}

.radar-chart-3 dd {
    margin: 0;
}



/*　グラフ　end　*/




/*************** scroll css ***************/
.tab_content_description {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}

.laurel___span{
  display: block;
  font-size: 10px;
  color: #969696;
  text-align: center;
  padding-top: 1px;
}

.main_bottom_area {
  background-color: #fff;
  padding: 35px 0px 40px;
  background: url(/images/lp/dc_trustcenter/trustcenter_bg_line.svg) no-repeat 15% center;
  background-size: cover;
  position: relative;
  width: 100%;
}

.main_bottom_inner {
  position: relative;
  text-align: center;
  max-width: 1180px;
  width: 100%;
  margin: 0px auto;
}

.main_bottom_inner .statement {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: 32px;
  color: rgb(8 11 14 / 80%);
  position: relative;
}

.main_b_img {
  max-width: 1366px;
  margin: 0 auto;
  padding: 0 0 3px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

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

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

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

.performance_img {
  width: 100%;
}

.dctrust_box_w1{
  position: absolute;
  width: 150px;
  top: -60px;
  left: 46%;
  margin: 0 auto;
  background-color: #ffffff;
  border-radius: 85px;
}


/***************** 稼働率 ********************/
.tab_content {
  display: none;
  clear: both;
  overflow: hidden;
  padding: 50px 35px;
  border: 2px solid #d1d7db;
  background-color: #ffffff;
  width: 99.7%;
}




/*************  graph_table add ****************/
.flex_between{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  padding: 40px 40px 40px 10px;
}

.engraph_area{
  width: 60%;
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}


.engraph_area img{
  width: 91%;
  padding: 28px 0px;
}

.graph_table_area{
    width: 39%;
}

.graph_table{
   width:100%;
   border:0;
   background:#c6c9cd;
}


.grp_title_left{
  width: 60%;
  font-size: 19px;
  line-height: 16pt;
  color: #525658;
  padding-left: 0px;
  background-color: #e0e3eb;
  text-align: center;
}

.grp_title_right{
    width:26%;
    font-size: 19px;
    line-height: 16pt;
    color: #666666;
    padding-right: 0px;
    background-color: #e0e3eb;
    text-align: center;
}



.grp_p_left{
  font-size: 18px;
  line-height: 16pt;
  color: #666666;
  padding-left: 20px;
  background-color: #f5f9fc;
  text-align: left;
  padding: 10px 13px;
}

.point_num_b{
  color: #444444;
  font-weight:700;
}

.point_num_no{
  color: #444444;
  font-weight:100;
  padding-left:3px;
}

.grp_p_right{
  font-size: 18px;
  line-height: 16pt;
  color: #666666;
  padding-right: 22px;
  background-color: #fff;
  text-align: right;
}


.graph_td_Padding{
  padding: 15px;
}


.research_td_tit{
  background-color: #f5f6f8;
  border-right: 1px solid #bdc4ca69 !important;
  padding: 18px;
  text-align: center;
  width:30%;
  }

  .research_td_con{
    width:70%;
    padding:20px 20px 20px 28px;
    background: #ffffff;
    text-align: left;
  }



.calculatio_formula{
  margin-top:45px;
  width: 99.7%;
}



.major_td1{
    width: 6%;
padding: 18px 14px;
}


.major_td2{
    width: 29%;
padding: 18px 14px;
}



.major_td3{
    width: 8.5%;
padding: 18px 14px;
}



.major_td4{
  width: 18%;
  padding: 18px 14px;
}


.major_td5{
  width: 25%;
  padding: 18px 10px !important;
  /* color: #fff;
  font-weight: bold; */
  border-right: 1px solid rgb(186 198 207 / 0%);
}



.major_td6{
width: 12%;
padding: 18px 10px !important;
color: #fff;
font-weight: bold;
border-right: 1px solid rgb(186 198 207 / 0%);
}







/*    -----------------------------------   sp   ----------------------------------- */

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


  #header{
    width:100%;
  }


  .header {
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      z-index: 999;
      background-color: #fff;
      transition: background-color .3s ease;
      box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 15%);
  }


  .header_logo {
      min-width: 210px;
      margin-right: 0;
      padding-top: 4px;
    }

  .header__container {
        width: 100%;
        padding: 0px 20px;
        justify-content: space-between;
        position: relative;
        z-index: 10;
        height: 65px;
        background:#fff;
    }


  .header__navi {
        display: none;
    }


  .sp_hamburger_Btn{
    height: 22px;
    width: 27px;
  position: relative;
  }


  .hamburger_Btn_line {
      position: absolute;
      left: 0;
      width: 100%;
      height: 3px;
      border-radius: 4px;
      background-color: #378ee4;
      transform-origin: right;
      transition: background-color .3s ease,transform .3s ease;
  }



  .hamburger_Btn_line:nth-child(2) {
      top: 10px;
  }

  .hamburger_Btn_line:nth-child(3) {
      top: 20px;
  }


  .sp_hamburger_Btn.active .hamburger_Btn_line:nth-child(1){
      transform: translateY(0px) rotate(-45deg);
  }

  .sp_hamburger_Btn.active .hamburger_Btn_line:nth-child(2){
    opacity:0;
  }

  .sp_hamburger_Btn.active .hamburger_Btn_line:nth-child(3){
    transform: translateY(0px) rotate(45deg);
  }



.g-wrapper{
  min-width:100%;
  margin-top:0;
}

.keyv .mv{
  padding: 0;
}


.main_v_warp {
  width: 100%;
  margin-top: 65px;
  padding: 20px;
  flex-direction: column;
  padding-bottom: 30px;
}


.main_title_area {
    width: 100%;
}



.main_title {
  font-size: 27px;
  line-height: 1.45;
  text-align: center;
  padding-bottom: 14px !important;
  letter-spacing: -.3pt;
  padding-top: 8px;
}

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


.main_title_en{
  font-size: 34px;
  line-height: 1.4;
  text-align: center;
  padding-bottom: 7px !important;
  letter-spacing: 1.7pt;
  padding-top: 10px;
}





.keyv .keyv_bg {
  background-size: 193% auto;
}

.main_img_area {
    width: 100%;
    padding: 24px 0 15px !important;
}



.mainv_pic1 {
  width: 100%;
  padding-left: 0;
  }

  .main_title img {
  width: 90%;
  }



  .cta{
    width:100%;
    margin: 1.7em auto 0em !important;
    max-width: 100%;
    /* padding: 0px 20px; */
    padding: 0px 0px;
  }


.wrap{
  width: 100%;
  padding: 0px 20px;
}




.itreview_icon{
  width: 100%;
  margin: 5px auto 15px;
  text-align: center;
}


.itreview_icon img{
  width: 80%;
}




h2.strength_title{
  margin: 0;
  font-size: 30px !important;
  line-height: 1.2;
  padding-bottom:12px;
}

h2.strength_title_b{
  margin: 0;
  font-size: 28px !important;
  line-height: 1.35;
  padding-bottom: 17px;
  letter-spacing: -0.4px;
}

.tabs {
  margin-top: 12px;
}



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

.function_con1{
    width: 100%;
    margin: 0 auto;
    padding: 0;
    margin-top: 0;
  }


.function_con_second, .function_con_third, .function_con_fourth, .function_con_fifth {
    margin-top: 20px;
}



.eng_title_s {
    font-size: 1.0em !important;
}

.esh_title {
    font-size: 1.7em !important;
}


.left_img {
    padding: 1px 4px 0 3px;
}

.left_img img {
    padding: 7px 3px 7px 7px;
}



ul.main_img_area {
    margin-top: 16px;
    width: 96%;
    margin: 16px auto 0;
}


#banner{
  display: none !important;
}



.sp_toggle_menu {
    position: fixed;
    top: 65px;
    left: 0;
    margin-top: -100vh;
    width: 100vw;
    height: calc(100vh - 64px) !important;
    overflow-y: scroll;
    background-color: #fff;
    transition: margin .3s ease !important;;
}

.sp_toggle_menu.active{
  margin-top: 0;
  border-top: 1px solid #d8d8d8;
}


.sp_toggle_menu{
  display: block;
}

.sp_toggle__list {
  height: 0;
  background-color: #fff;
  transition: height .3s ease;
  overflow: hidden;
}

.sp_toggle__list.is-open {
  display: block;
  transition: height .3s ease;
  overflow: hidden;
  height: 170px;
}


.sp_toggle_contents{
    padding: 25px;
}

.sp_toggle_menu {
    font-size: 17px;
}

.sp_toggle_title {
    position: relative;
    margin-bottom: 25px;
}

.sp_t_title3{
margin-bottom:0;
}

.sp_toggle_title a{
    color: inherit;
}

.sp_toggle_item {
    font-size: 15px;
    padding: 10px 20px;
}

.sp_toggle_item:nth-child(4){
    padding: 10px 20px 0;
}


.sp_toggle_title i{
  transform: rotate(0deg);
  transition: transform .3s ease;
  color: #b9bfc5;
}

.sp_toggle_title.is-open i{
  transform: rotate(180deg);
  color: #b9bfc5;
}

i.fa.fa-angle-down {
    position: absolute;
    right: 0;
    top: 5px;
}

.sp_toggle_item a{
  position: relative;
  padding-left: 5px;
}


.sp_toggle_item a:before{
  content: "";
  position: absolute;
  width: 8px;
  height: 2px;
  background-color: #158aff;
  top: 57%;
  left: -15px;
  transform: translateY(-50%);
}


.sp_toggle_cta_area{
  border-top: 1px solid #d8d8d8;
}


#lp_rightContents {
    padding: 25px;
    flex-direction: column;
}


.section_function {
  padding:40px 0 40px !important;
}

.section_function01{
  padding: 40px 0 16px;
}



li.navi_cta{
  width: 100%;
  height: 50px;
  margin-bottom: 15px;
}

li.navi_cta a{
  top: 4px;
  font-size: 19px;
}

.cta_orange {
    margin-left: 0;
}


.br_pc {
    display: none;
    line-height: 1.3;
}

.br_sp {
    display: block;
}

.pc_on {
    display: none !important;
}

.sp_on {
    display: block !important;
}



/********************** css add - min ********************/


.highlight {
  font-weight: 100;
  padding: 15px 0px 20px 0px;
  font-size: 23px;
  color: #000;
  text-align: center;
  letter-spacing: -.2pt;
  line-height: 1.4;
  text-align: left;
}



.cta_wrap{
  width:90%;
  margin:0 auto;
}


.chap_subtxt{
  font-size: 16px;
  margin-bottom: 0px;
  line-height: 1.35 !important;
  text-align: center;
  padding: 0px 12px;
}




.detail_img ul{
  flex-direction: column;
}


.detail_img{
      width: 100%;
}


.sla_table{
  font-size:15px;
  color:#555555;
  margin-top: 0;
  box-shadow: 0px 0px 0px #a7afba59;
}



.sla_table:nth-child(1){
  margin-top: 0;
}



.sla_talbe_plan{
width: 50%;
font-size: 18px;
padding: 6px 0px;
}

/*  addition 24080 */




.cta_text {
    width: 100%;
    padding: 0;
}


.cta_btn_area{
      flex-direction: column;
}



h5.cta_subtxt{
    font-size: 20px;
    line-height: 1.3;
    margin-bottom: 5px;
}



h4.cta_maintxt{
  font-size: 22px;
  line-height: 1.25;
  width: 98%;
  margin: 0 auto 0;
}

.cta_btn_area_cont {
    margin-top: 5px;
}


.contents_nobox {
    margin-top: 10px;
}


.examination_ul {
    flex-direction: column;
}


.examination_ul li{
  width:100%;
}

.examination_ul li:nth-child(1){
  margin-bottom:20px;
}


.examination_ul h4{
  font-size:24px;
}


p.ctaSection_text {
    font-size: 19px;
    padding: 20px;
}


.examination_ul .detail_btn {
    font-size: 20px;
    padding: 10px;
    width: 86%;
    margin: 0px auto 30px;
}



.examination_ul figure {
    width: 130px;
    height: 130px;
}




.function_con{
  padding:0 !important;
}


.function_sec2{
  margin:0 !important;
}


.function_con_second{
  margin-top:0 !important;
}



h5.cta_subtxt:before{
      left: -10px;
}

h5.cta_subtxt:after{
  right: -10px;
}

h5.cta_subtxt:before, h5.cta_subtxt:after{
      width: 12.5%;
      top: 252px;
}


.eng_title_maintop{
      padding: 4px 16px;
      margin-bottom: 4px;
}




.main_btn_boxtd {
    width: 100%;
    max-width: 100%;
}


.main_btn_contents_area {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 20px;
}

.main_btn_boxtd_contents{
  max-width:100%;
  width:100%;
  margin-top: 2px;
}


.appbt-mv-button-text{
  width:100%;
  font-size:16px;
  margin-bottom:2px;
}


.app-btn-contents1{
  padding: 0 20px 0;
  position: relative;
  height:60px;
}


.app-btn-contents-image-wb{
  width:35px;
  position: absolute;
  left: 55px;
  top: 10px;
}

.app-btn-contents-text1{
  font-size: 20px;
  text-align: center;
  padding-left: 65px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;

}


.app-btn-contents-arr1 {
    width: 20px;
    height: 20px;
  }



.app-btn-contents-text1-w{
  font-size: 20px;
  height: 60px;
  text-align: center;
  padding-left: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
}


.app-btn-contents-image-b {
    width: 41px;
    position: absolute;
    left: 50px;
}


.appbt-mv-button-text1 {
    font-size: 16px;
    margin-bottom:4px;
  }


.appbt-mv-button-text:before{
      left: 7.7%;
      top:16px;
}


.appbt-mv-button-text:after{
      right: 8%;
      top:16px;
}


.appbt-mv-button-text1:before {
    transform: rotate(53deg);
    left: 6%;
}


.appbt-mv-button-text1:before,
.appbt-mv-button-text1:after{
    top: 16px;
    right: 24px;
}


.index_cta{
  padding:35px 0;
}


.index_cta:after{
  width:100%;
}







.slider {
    width: 100%;
    margin: 0 auto;
    cursor: pointer;
}

#slider01 {
    height: 440px;
}


#column-content .case-b p.txt-point-bl1{
    height: auto;
    font-size: 16px;
}



/*
.slick-prev{
  left: 0.2vw !important;
}

.slick-next {
    right: 1vw !important;
} */


#page_top {
    right: 0%;
}


#topBtn img {
    width: 40px !important;
}


.top_move {
  margin: 20px 20px 0px !important;
  text-align: right;
}

.func_table_area_w {
  width: 265%;
}

.func_table_area_w td{
  padding: 12px 2px 12px 2px;
  text-indent: 0px;
  font-size: 16px;
  line-height: 23px;
  height: 68px;
  width: 15%;
  padding: 15px 12px 17px 12px !important;
}


.func_table_area td{
  padding: 12px 2px 12px 2px;
  text-indent: 0px;
  font-size: 16px;
  line-height: 23px;
  height: 68px;
  width: 15%;
  padding: 15px 12px 17px 12px !important;
}

.table_disc_ul li {
  font-size: 12px;
  text-indent: -19px;
  padding: 0px 20px 0px;
  line-height: 19px;
}


.company_name{
  font-size: 16px;
}




.main-td-txt{
  font-size:17px;
}


.tit_function_txt{
      padding: 15px 0px !important;
}


.trust_tit_function_txt{
  padding: 15px 0px !important;
}


.compare_table_point{
  width: 31.5%;
  right: 0%;
}




.scroll-hint.is-left-scrollable {
    background: linear-gradient(180deg, rgb(193 193 193 / 15%) 0, rgb(255 0 0 / 0%) 16px, rgb(81 37 37 / 0%)) !important;
}


dt.tit_function_txt.border-right-none.func_tit_font {
    text-align: center;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}



dt.trust_tit_function_txt.border-right-none.func_tit_font {
    text-align: center;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}




dd.tit_function_txt{
  font-size: 18px !important;
  height: 73px;
  text-align: center;
  line-height: 1.22;
}


dd.trust_tit_function_txt{
  font-size: 18px !important;
  height: 73px;
  text-align: center;
  line-height: 1.22;
}




dd.point_txt_tit {
  width: 100%;
  padding: 14px 4px;
  font-size: 16px;
  height: 64px;
  line-height: 1.4;
  vertical-align: initial;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-right: 1px solid #d8dee3;
}



.main_bottom_area{
  padding: 22px 17px 18px;
}

.main_b_img li{
width: 100%;
}

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

.main_b_img li:nth-child(2) {
width: 100%;
margin: 15px auto;
}


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

.performance_img{
width: 80%;
padding-left: 0px;
padding-top: 0;
}

.laurel___span {
padding-top: 5px;
}

.dctrust_box_w1{
width:80px;
top: 122px;
left: 39%;
}


.chart_area{
  padding: 30px 20px 16px;
  border-radius: 10px;
  margin-top: 15px;
}

.rader_char_info {
  font-size: 0.7em;
  margin-top: 20px;
  color: #9b9b9b;
  text-align: right;
  width: 96%;
}


.engraph_area{
  width:100%;
}


.graph_table_area{
  width:100%;
  margin-top: 5px;
}



.engraph_area img{
  width:100%;
}

.graph_td_Padding {
  padding: 12px;
  font-size: 17px;
}

.grp_p_left {
    font-size: 16px;
    padding: 10px 12px 7px;
}

.grp_p_right{
    font-size: 16px;
}

.graph_industry {
    gap: 24px 20px;
}


.tab_content{
    width: 100%;
    padding: 24px;
}

.tab_item {
    width: 18.8%;
    height: 50px;
    line-height: 70px;
    font-size: 18px;
}

.tabs input:checked + .tab_item {
  font-size: 18px;
}

.scroll-hint-icon {
  height: 85px !important;
  z-index: 100;
}

.trust_span_tit{
font-size:19px;
}



.trust_td_span {
  font-size: 18px;
}


.sla_table_average {
        width: 687%;
}


.main_bottom_inner .statement {
  font-size: 21px;
  line-height: 1.3;
  margin-bottom: 27px;
}


.contents_p {
  padding-left: 0px;
  font-size: 16px;
  text-align: center;
  padding-bottom: 8px;
  line-height: 1.35;
}


/*  raider chart */


.chart_wrap{
  width:100%;
  padding: 0px;
}



.radar_chart {
width: 100%;
}

.radar_chart img {
width: 100%;
}


.pie_chart{
padding: 15px 0 10px;
}


.pie_chart h5{
  font-size:20px;
}

.flex.flex_between{
      padding: 10px 20px 20px 20px;
}

.chart_plan {
    font-size: 16px;
  }

.graph_industry li{
width: 100%;
}


.per_num {
    font-size: 15px;
    color: #8d8d8d;
    line-height: 15px;
}


.contents_box {
    margin-top: 15px;
    padding: 40px 24px 40px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0px 0px 7px 0px #d3d5d8bf;
}

.vulnerability_area {
    flex-direction: column;
    margin-bottom: 15px;
}


.vulner_img {
    width: 100%;
}

.vulner_text_area {
    width: 100%;
    margin-top: 20px;
}


.vulner_text_area h4{
  font-size: 24px;
  margin-bottom: 5px;
}


.vulner_h4_last{
  margin-top:30px !important;
}

.vulner_text_area p {
    font-size: 18px;
  }


.trust_span_tit1{
  font-size: 19px;
}

.tit_function_txt{
  font-size:16px !important;
}

.func_table_area_sm {
  font-size: 15px;
}

.table_c_icon_b {
  width: 21px;
}


.trust_tit_function_txt{
  font-size:19px !important;
}



/*itleview */


.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: 3px 0 0 0;
}


.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;
}


.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;
}

.details_area {
    margin-top: 0;
    margin-bottom:35px;
}

.research_td_tit{
  /* background-color: #f0f8ff;
  border-right: 1px solid #c6c6c6 !important; */
  padding: 18px;
  text-align: center;

  }

  .research_td_con{


  }

  .table_span_parentheses {
      font-size: 13px;
      color: #979c9f;
      margin-left: 0px;
  }


.sla_td_left{
      width: 35% !important;
  }

  .sla_td_right {
      width: 60% !important;
 }



.average2025{
        width: 741%;

}


.calculatio_formula{
  margin-top:20px;
}


td.occupancy_rate_td1.tit_function_txt {
    width: 36% !important;
}


td.occupancy_rate_td2.tit_function_txt {
    width: 64% !important;
    text-align: center;
}

.occupancy_rate_td2 {
  text-align: left;

}


.major_td1{
  width: 38px !important;
  padding: 18px 14px;
}


.major_td2{
    width: 80px !important;
    padding: 18px 14px;
}



.major_td3{
    width: 42px !important;
    padding: 18px 14px;
}



.major_td4{
    width: 82px !important;
    padding: 18px 14px;
}


.major_td5{
    width: 80px !important;
    padding: 18px 14px;
}



.major_td6{
    width: 80px !important;
}









 }
/*   --------------  sp end  -----------------   */