html {
  font-size: 62.5%;
	font-family: "Noto Sans JP", sans-serif;
  line-height: 1.75;
  vertical-align: baseline;
  color: #222;
  scroll-behavior: smooth; }

body {
  font-size: 1.6rem; }
  @media (max-width: 767px) {
    body {
      padding-top: 0px;
      /*60*/ } }

a {
  color: #FF6010;
  text-decoration: none; }

.fwB {
  font-family: "Noto Sans JP", sans-serif; }

img {
  max-width: 100%;
  vertical-align: bottom; }

ul, li {
  list-style: none; }

fieldset {
  border: none; }

select, label {
  cursor: pointer; }

address {
  font-style: normal; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

em {
  font-weight: bold;
  font-style: normal; }

input {
  min-width: 0; }

::placeholder {
  color: #999; }

summary {
  display: block; }

summary::-webkit-details-marker {
  display: none; }
@media (max-width: 767px) {
  .ly_mainColumn {
    padding-top: 60px;
    /* tuika */ } }
@media (min-width: 768px) {
  .ly_mainColumn {
    padding-right: 0px;
    padding-top: 80px;
    /* tuika */ } }


/*!
 * 
 * 一時追加調整用
 * 
 */

.head_internal {
    background: no-repeat;
    background-size: auto 100%;
    background-position: center;
    background-image: url(../cscloud/img_2022/bg_jumbotron.svg),linear-gradient(90deg, #005b97 0%, #0075be 18.23%, #1e9cd7 44.83%, #cce0f4 100%);
}
.head_internal div {
    max-width: 1100px;
    height: 240px;
	margin: 0 auto;
	padding: 0 40px;
    position: relative;
}
.head_internal h1 {
    font-size: 38px;
    color: #FFF;
    line-height: 1.2;
    position: absolute;
    top: 49%;
    left: 0;
    transform: translate( 0, -50%);
}
.head_internal h1 span {
    display: block;
    margin: 0 0 6px;
    font-size: 22px;
    color: #FFF500;
}
.pc_show { display: block;}
.sp_show { display: none;}

@media screen and ( max-width: 768px ) {
    .head_internal div {
        max-width: unset;
        height: auto;
        min-height: 120px;
        padding: 0 20px;
    }
    .head_internal h1 {
        padding: 0 20px;
        font-size: 26px;
        position: absolute;
        top: 50%;
        left: 0;
    }

    .jirei .head_internal div {
        padding: 20px;
    }
    .jirei .head_internal h1 {
        padding: 0;
        position: relative;
        top: unset;
        left: unset;
        transform: unset;
    }

    .head_internal h1 span {
        font-size: 14px;
    }
    .pc_show { display: none;}
    .sp_show { display: block;}
}



/* セキュリティへの取り組み
---------------------------------------------------------------- */

body.security .lead_area {
    padding: 60px 0;
    font-size: 1.8rem;
    text-align: center;
}

.torikumi_area.bg_blue {
    background: #EDF5FB;
}
.torikumi_area.last {
    margin: 0 0 120px;
}

.torikumi_area .d-flex {
    display: flex;
    align-items: center;
    max-width: 1060px;
    margin: 0 auto;
    padding: 80px 20px;
}

.torikumi_area .d-flex.right-col {
    flex-direction: row-reverse;
}

.torikumi_area .d-flex .text {
    width: calc( 100% - 240px );
    padding: 0 0 0 100px;
    z-index: 1;
}
.torikumi_area .d-flex.right-col .text {
    padding: 0 100px 0 0;
}
.torikumi_area .d-flex .text .title {
    margin: 0 0 30px;
    font-size: 3.2rem;
    font-weight: bold;
}
.torikumi_area .d-flex .text .title span {
    display: block;
    line-height: 1;
    font-size: 1.8rem;
    color: #FF6010;
}
.torikumi_area .d-flex .text .small_text {
    margin: 15px 0 0;
    font-size: 1.4rem;
}

.torikumi_area .d-flex .icon {
    width: 240px;
    z-index: 1;
}

.torikumi_area .d-flex {
    position: relative;
}
.torikumi_area.box_01 .d-flex::before {
    content: 'Safety';
    font-family: "FOT-スーラ ProN DB";
    font-size: 13.8rem;
    font-weight: bold;
    color: #F7FBFD;
    line-height: 1;
    position: absolute;
    top: 0;
    left: -100px;
}
.torikumi_area.box_02 .d-flex::before {
    content: 'Security';
    font-family: "FOT-スーラ ProN DB";
    font-size: 13.8rem;
    font-weight: bold;
    color: #F4F9FC;
    line-height: 1;
    position: absolute;
    top: 0;
    right: -100px;
}
.torikumi_area.box_03 .d-flex::before {
    content: 'Data center';
    font-family: "FOT-スーラ ProN DB";
    font-size: 13.8rem;
    font-weight: bold;
    color: #F7FBFD;
    line-height: 1;
    position: absolute;
    top: 0;
    left: -100px;
}

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

    body.security .lead_area {
        padding: 30px 15px;
        font-size: 1.6rem;
    }

    .torikumi_area.last {
        margin: 0 0 80px;
    }

    .torikumi_area .d-flex {
        display: block;
        max-width: unset;
        padding: 60px 20px;
    }

    .torikumi_area .d-flex .text {
        width: 100%;
        padding: 0;
    }
    .torikumi_area .d-flex.right-col .text {
        padding: 0;
    }
    .torikumi_area .d-flex .text .title {
        margin: 0 0 20px;
        font-size: 2.3rem;
    }
    .torikumi_area .d-flex .text .title span {
        font-size: 1.4rem;
    }
    .torikumi_area .d-flex .text .small_text {
        font-size: 1.2rem;
    }

    .torikumi_area .d-flex .icon {
        width: 140px;
        margin: 0 auto 30px;
    }

    .torikumi_area.box_01 .d-flex::before {
        font-size: 5.6rem;
        position: absolute;
        top: 0;
        left: 0;
    }
    .torikumi_area.box_02 .d-flex::before {
        font-size: 5.6rem;
        position: absolute;
        top: 0;
        right: unset;
        left: 0;
    }
    .torikumi_area.box_03 .d-flex::before {
        font-size: 5.6rem;
        position: absolute;
        top: 0;
        left: 0;
    }
}


/* セキュリティー・ポリシー
---------------------------------------------------------------- */

.security_policy {
	max-width: 1100px;
	margin: 60px auto 120px;
	padding: 0 20px;
}
.security_policy ol {
    padding-left: 1.25em;
}
.security_policy ol li {
    list-style:decimal /*auto*/;
	margin: 20px 0;
	padding-left: 6px;
}
.security_policy .name {
	text-align: right;
}

@media screen and ( max-width: 768px ) {
	.security_policy {
		max-width: unset;
		margin: 40px auto 60px;
	}
}

/* プライバシー・ポリシー
---------------------------------------------------------------- */
.privacy_policy {
	max-width: 1100px;
	margin: 60px auto 60px;
	padding: 0 20px;    
}
.privacy_policy .name {
	text-align: right;
    margin-top: 40px;
}
@media screen and ( max-width: 768px ) {
	.privacy_policy {
		max-width: unset;
		margin: 40px auto 60px;
	}
}
.privacy_policy h1 {
  font-size: 28px;
  color: #2c3e50;
  border-bottom: 2px solid #ccc;
  padding-bottom: 10px;
}
.privacy_policy h2 {
  font-size: 22px;
  color: #34495e;
  margin-top: 30px;
}
.privacy_policy h3 {
  font-size: 18px;
  color: #555;
  margin-top: 20px;
}
.privacy_policy p {
  margin: 10px 0;
}
.privacy_policy ul {
  margin: 10px 0 20px 20px;
}
.privacy_policy li {
  margin-bottom: 5px;
}

/* ====== 中黒付きの箇条書き（折り返し時も文字位置を揃える） ====== */
.privacy_policy .list-dot li {
  padding-left: 1em;
  text-indent: -1em;
}
.privacy_policy .list-dot li::before {
  content: '・';
}