@charset "UTF-8";
/*
Sitename: csv tool
Date: 2025.05.27
LastUpdate： 2025.05.27
Version：1.0
Author：Haruna Ogino
Copyright Comcent All Right Reserved.
*/
/*
Sitename: Site Title
Date: 2025.05.22
LastUpdate：2025.05.22
Version：1.0
Author：Haruna Ogino
Copyright Comcent All Right Reserved.
*/
/*
これより下の記述は作成例です。
必要に応じて追加・削除・セレクタの変更を行ってください
*/
/*
Sitename: csv tool
Date: 2025.05.22
LastUpdate： 2025.05.26
Version：1.0
Author：Haruna Ogino
Copyright Comcent All Right Reserved.
*/
/*
Sitename: csv tool
Date: 2025.05.22
LastUpdate： 2025.05.26
Version：1.0
Author：Haruna Ogino
Copyright Comcent All Right Reserved.
*/
/*
Sitename: Site Title
Date: 2025.05.22
LastUpdate：2025.05.22
Version：1.0
Author：Haruna Ogino
Copyright Comcent All Right Reserved.
*/
/*
これより下の記述は作成例です。
必要に応じて追加・削除・セレクタの変更を行ってください
*/
/*
Sitename: csv tool
Date: 2025.05.22
LastUpdate： 2025.05.26
Version：1.0
Author：Haruna Ogino
Copyright Comcent All Right Reserved.
*/
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
}
*::before, *::after {
  background-repeat: no-repeat;
}

img {
  display: block;
  width: 100%;
  height: auto;
}

a, button {
  text-decoration: none;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  outline: none;
}
a:hover, button:hover {
  opacity: 0.7;
  filter: alpha(opacity=50);
}
a:hover img, button:hover img {
  opacity: 0.7;
}
a:active, button:active {
  opacity: 1;
}
a:disabled, button:disabled {
  opacity: 0.4;
}
a:disabled:hover, button:disabled:hover {
  opacity: 0.4;
}

body, h1, h2, h3, h4, h5, h6, ul, ol, li, p, figure, figcaption, dl, dt, dd, input, textarea, a, button, table, strong, small {
  margin: 0;
  padding: 0;
  font-weight: normal;
  border: none;
  background: none;
  font-family: -apple-system, BlinkMacSystemFont, "Noto Sans Japanese", "Noto Sans JP", "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Noto Sans Japanese, Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
  border-spacing: none;
}

a {
  color: #009CA4;
  text-decoration: underline;
}

input[type=submit], input[type=button], button[type=submit], button[type=button] {
  font-family: -apple-system, BlinkMacSystemFont, "Noto Sans Japanese", "Noto Sans JP", "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Noto Sans Japanese, Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
  line-height: 1.7;
  cursor: pointer;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
input[type=submit]:hover, input[type=button]:hover, button[type=submit]:hover, button[type=button]:hover {
  opacity: 0.7;
}
input[type=submit]:disabled, input[type=button]:disabled, button[type=submit]:disabled, button[type=button]:disabled {
  opacity: 0.4;
}

input[type=text], input[type=email], textarea, input[type=password], input[type=number], input[type=tel] {
  background-color: #E2F4F5;
  border: 1px solid #E2F4F5;
  padding: 5px 15px 6px;
  border-radius: 6px;
  width: 100%;
  resize: none;
}
input[type=text].dError, input[type=email].dError, textarea.dError, input[type=password].dError, input[type=number].dError, input[type=tel].dError {
  border: 1px solid #F0355E;
  background-color: #FCD7DF;
}

input:focus {
  outline: none;
}

input::-webkit-input-placeholder {
  color: rgba(38, 38, 38, 0.6);
  font-family: -apple-system, BlinkMacSystemFont, "Noto Sans Japanese", "Noto Sans JP", "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Noto Sans Japanese, Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
}

input:-ms-input-placeholder {
  color: rgba(38, 38, 38, 0.6);
  font-family: -apple-system, BlinkMacSystemFont, "Noto Sans Japanese", "Noto Sans JP", "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Noto Sans Japanese, Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
}

input::-moz-placeholder {
  color: rgba(38, 38, 38, 0.6);
  font-family: -apple-system, BlinkMacSystemFont, "Noto Sans Japanese", "Noto Sans JP", "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Noto Sans Japanese, Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

textarea::-webkit-input-placeholder {
  color: rgba(38, 38, 38, 0.6);
  font-family: -apple-system, BlinkMacSystemFont, "Noto Sans Japanese", "Noto Sans JP", "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Noto Sans Japanese, Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
}

textarea:-ms-input-placeholder {
  color: rgba(38, 38, 38, 0.6);
  font-family: -apple-system, BlinkMacSystemFont, "Noto Sans Japanese", "Noto Sans JP", "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Noto Sans Japanese, Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
}

textarea::-moz-placeholder {
  color: rgba(38, 38, 38, 0.6);
  font-family: -apple-system, BlinkMacSystemFont, "Noto Sans Japanese", "Noto Sans JP", "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Noto Sans Japanese, Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select::-ms-expand {
  display: none;
}

li {
  list-style-type: none;
}

table {
  border: none;
  border-collapse: collapse;
}

html {
  font-size: 62.5%;
}

body {
  color: #262626;
  background: #F8F8F8;
  font-size: 1.6rem;
  letter-spacing: 0.5px;
  line-height: 1.7;
  min-width: 1280px;
}
@media screen and (max-width: 1024px) {
  body {
    min-width: 768px;
  }
}
@media screen and (max-width: 567px) {
  body {
    min-width: 375px;
  }
}

main {
  width: 100%;
  height: 100%;
}

progress {
  -webkit-appearance: none; /* プログレスバーのスタイルをリセット */
  -moz-appearance: none; /* プログレスバーのスタイルをリセット */
  background-color: #dddddd; /* プログレスバーの背景色/-moz- 用 */
  height: 10px;
}

::-webkit-progress-bar {
  background-color: #dddddd; /* プログレスバーの背景色/-webkit- 用 */
  border-radius: 5px;
}

::-webkit-progress-value {
  background: -webkit-gradient(linear, left top, right top, from(#A7E0D5), color-stop(67.5%, #009CA4));
  background: linear-gradient(90deg, #A7E0D5 0%, #009CA4 67.5%); /* プログレスバーの進捗部分色/-webkit- 用 */
  border-radius: 5px;
}

::-moz-progress-bar {
  background: linear-gradient(90deg, #A7E0D5 0%, #009CA4 67.5%); /* プログレスバーの進捗部分色/-moz- 用 */
  border-radius: 5px;
}

/*
Sitename: csv tool
Date: 2025.05.22
LastUpdate： 2025.05.23
Version：1.0
Author：Haruna Ogino
Copyright Comcent All Right Reserved.
*/
/*
Sitename: Site Title
Date: 2025.05.22
LastUpdate：2025.05.22
Version：1.0
Author：Haruna Ogino
Copyright Comcent All Right Reserved.
*/
/*
これより下の記述は作成例です。
必要に応じて追加・削除・セレクタの変更を行ってください
*/
/*
Sitename: csv tool
Date: 2025.05.22
LastUpdate： 2025.05.26
Version：1.0
Author：Haruna Ogino
Copyright Comcent All Right Reserved.
*/
.lyHorizontal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.lyHorizontalBreak {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.lyHorizontalBw {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.lyHorizontalBwBreak {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.lyHorizontalStart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.lyHorizontalEnd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.lyHorizontalEndBreak {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.lyHorizontalCnt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.lyHorizontalCntBreak {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.lyVerticalCnt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.lyVerticalCntBreak {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.lyHvCnt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.lyHvCntBreak {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.lyColumn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.lyColumnEnd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.lyColumnRev {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.lyColumnHorizontalCnt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.lyBlockCnt {
  margin-right: auto;
  margin-left: auto;
}

.lyBlockRight {
  margin-left: auto;
}

.lyBlockLeft {
  margin-right: auto;
}

.lyTextCnt {
  text-align: center;
}

.lyTextRight {
  text-align: right;
}

.lyTextLeft {
  text-align: left;
}

.lyIb {
  display: inline-block;
}

.lyTxtBreak {
  word-break: break-all;
}

.lyRelative {
  position: relative;
}

.lyPstRightTop {
  position: absolute;
  top: 0;
  right: 0;
}

.lySpDpIl, .lyTbDpIl, .lySpDpTc {
  display: none;
}

.lyMt0 {
  margin-top: 0;
}

.lyMr0 {
  margin-right: 0;
}

.lyMb0 {
  margin-bottom: 0;
}

.lyMl0 {
  margin-left: 0;
}

.lyMt5 {
  margin-top: 5px;
}

.lyMr5 {
  margin-right: 5px;
}

.lyMb5 {
  margin-bottom: 5px;
}

.lyMl5 {
  margin-left: 5px;
}

.lyMt6 {
  margin-top: 6px;
}

.lyMr6 {
  margin-right: 6px;
}

.lyMb6 {
  margin-bottom: 6px;
}

.lyMl6 {
  margin-left: 6px;
}

.lyMt8 {
  margin-top: 8px;
}

.lyMr8 {
  margin-right: 8px;
}

.lyMb8 {
  margin-bottom: 8px;
}

.lyMl8 {
  margin-left: 8px;
}

.lyMt12 {
  margin-top: 12px;
}

.lyMr12 {
  margin-right: 12px;
}

.lyMb12 {
  margin-bottom: 12px;
}

.lyMl12 {
  margin-left: 12px;
}

.lyMt10 {
  margin-top: 10px;
}

.lyMr10 {
  margin-right: 10px;
}

.lyMb10 {
  margin-bottom: 10px;
}

.lyMl10 {
  margin-left: 10px;
}

.lyMt15 {
  margin-top: 15px;
}

.lyMr15 {
  margin-right: 15px;
}

.lyMb15 {
  margin-bottom: 15px;
}

.lyMl15 {
  margin-left: 15px;
}

.lyMt16 {
  margin-top: 16px;
}

.lyMr16 {
  margin-right: 16px;
}

.lyMb16 {
  margin-bottom: 16px;
}

.lyMl16 {
  margin-left: 16px;
}

.lyMt20 {
  margin-top: 20px;
}

.lyMr20 {
  margin-right: 20px;
}

.lyMb20 {
  margin-bottom: 20px;
}

.lyMl20 {
  margin-left: 20px;
}

.lyMt24 {
  margin-top: 24px;
}

.lyMr24 {
  margin-right: 24px;
}

.lyMb24 {
  margin-bottom: 24px;
}

.lyMl24 {
  margin-left: 24px;
}

.lyMt30 {
  margin-top: 30px;
}

.lyMr30 {
  margin-right: 30px;
}

.lyMb30 {
  margin-bottom: 30px;
}

.lyMl30 {
  margin-left: 30px;
}

.lyMt40 {
  margin-top: 40px;
}

.lyMr40 {
  margin-right: 40px;
}

.lyMb40 {
  margin-bottom: 40px;
}

.lyMl40 {
  margin-left: 40px;
}

.lyMt50 {
  margin-top: 50px;
}

.lyMr50 {
  margin-right: 50px;
}

.lyMb50 {
  margin-bottom: 50px;
}

.lyMl50 {
  margin-left: 50px;
}

.lyPt16 {
  padding-top: 16px;
}

.lyPr16 {
  padding-right: 16px;
}

.lyPb16 {
  padding-bottom: 16px;
}

.lyPl16 {
  padding-left: 16px;
}

.lyPt20 {
  padding-top: 20px;
}

.lyPr20 {
  padding-right: 20px;
}

.lyPb20 {
  padding-bottom: 20px;
}

.lyPl20 {
  padding-left: 20px;
}

.lyPt24 {
  padding-top: 24px;
}

.lyPr24 {
  padding-right: 24px;
}

.lyPb24 {
  padding-bottom: 24px;
}

.lyPl24 {
  padding-left: 24px;
}

.lyPt100 {
  padding-top: 100px;
}

.lyPr100 {
  padding-right: 100px;
}

.lyPb100 {
  padding-bottom: 100px;
}

.lyPl100 {
  padding-left: 100px;
}

.lyW40px {
  width: 40px;
}

.lyW60px {
  width: 60px;
}

.lyW70px {
  width: 70px;
}

.lyW80px {
  width: 80px;
}

.lyW90px {
  width: 90px;
}

.lyW100px {
  width: 100px;
}

.lyW140px {
  width: 140px;
}

.lyW150px {
  width: 150px;
}

.lyW175px {
  width: 175px;
}

.lyW200px {
  width: 200px;
}

.lyW250px {
  width: 250px;
}

.lyW290px {
  width: 290px;
}

.lyW300px {
  width: 300px;
}

.lyW500px {
  width: 500px;
}

.lyW900px {
  width: 900px;
}

.lyW100 {
  width: 100%;
}

.lyW70 {
  width: 70%;
}

.lyW50 {
  width: 50%;
}

.lyW48 {
  width: 48%;
}

.lyW30 {
  width: 30%;
}

.lyFlWide {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.lyFlShrink {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.lyH80px {
  height: 80px;
}

.lyH150px {
  height: 150px;
}

.lyH200px {
  height: 200px;
}

.lyH250px {
  height: 250px;
}

.lyH300px {
  height: 300px;
}

.lyH320px {
  height: 320px;
}

.lyH350px {
  height: 350px;
}

.lyH400px {
  height: 400px;
}

@media only screen and (max-width: 1024px) {
  .lyTbDpNone {
    display: none;
  }
  .lyTbDpIl {
    display: inline-block;
  }
  .lyTbMt20 {
    margin-top: 20px;
  }
  .lyTbMr20 {
    margin-right: 20px;
  }
  .lyTbMb20 {
    margin-bottom: 20px;
  }
  .lyTbMl20 {
    margin-left: 20px;
  }
  .lyTbMt30 {
    margin-top: 30px;
  }
  .lyTbMr30 {
    margin-right: 30px;
  }
  .lyTbMb30 {
    margin-bottom: 30px;
  }
  .lyTbMl30 {
    margin-left: 30px;
  }
  .lyTbW150px {
    width: 150px;
  }
  .lyTbW100 {
    width: 100%;
  }
}
@media only screen and (max-width: 567px) {
  .lySpDpIl {
    display: inline-block;
  }
  .lySpDpTc {
    display: table-cell;
  }
  .lySpDpNone {
    display: none;
  }
  .lySpTextLeft {
    text-align: left;
  }
  .lySpMt0 {
    margin-top: 0;
  }
  .lySpMr0 {
    margin-right: 0;
  }
  .lySpMb0 {
    margin-bottom: 0;
  }
  .lySpMl0 {
    margin-left: 0;
  }
  .lySpMt5 {
    margin-top: 5px;
  }
  .lySpMr5 {
    margin-right: 5px;
  }
  .lySpMb5 {
    margin-bottom: 5px;
  }
  .lySpMl5 {
    margin-left: 5px;
  }
  .lySpMt10 {
    margin-top: 10px;
  }
  .lySpMr10 {
    margin-right: 10px;
  }
  .lySpMb10 {
    margin-bottom: 10px;
  }
  .lySpMl10 {
    margin-left: 10px;
  }
  .lySpMt15 {
    margin-top: 15px;
  }
  .lySpMr15 {
    margin-right: 15px;
  }
  .lySpMb15 {
    margin-bottom: 15px;
  }
  .lySpMl15 {
    margin-left: 15px;
  }
  .lySpMt16 {
    margin-top: 16px;
  }
  .lySpMr16 {
    margin-right: 16px;
  }
  .lySpMb16 {
    margin-bottom: 16px;
  }
  .lySpMl16 {
    margin-left: 16px;
  }
  .lySpMt20 {
    margin-top: 20px;
  }
  .lySpMr20 {
    margin-right: 20px;
  }
  .lySpMb20 {
    margin-bottom: 20px;
  }
  .lySpMl20 {
    margin-left: 20px;
  }
  .lySpMt30 {
    margin-top: 30px;
  }
  .lySpMr30 {
    margin-right: 30px;
  }
  .lySpMb30 {
    margin-bottom: 30px;
  }
  .lySpMl30 {
    margin-left: 30px;
  }
  .lySpPt0 {
    padding-top: 0;
  }
  .lySpPr0 {
    padding-right: 0;
  }
  .lySpPb0 {
    padding-bottom: 0;
  }
  .lySpPl0 {
    padding-left: 0;
  }
  .lySpW60px {
    width: 60px;
  }
  .lySpW80px {
    width: 80px;
  }
  .lySpW130px {
    width: 130px;
  }
  .lySpW170px {
    width: 170px;
  }
  .lySpW250px {
    width: 250px;
  }
  .lySpW100 {
    width: 100%;
  }
  .lySpH200px {
    height: 200px;
  }
  .lySpH300px {
    height: 300px;
  }
}
/*
Sitename: csv tool
Date: 2025.05.22
LastUpdate： 2025.06.02
Version：1.0
Author：Haruna Ogino
Copyright Comcent All Right Reserved.
*/
/*
Sitename: Site Title
Date: 2025.05.22
LastUpdate：2025.05.22
Version：1.0
Author：Haruna Ogino
Copyright Comcent All Right Reserved.
*/
/*
これより下の記述は作成例です。
必要に応じて追加・削除・セレクタの変更を行ってください
*/
/*
Sitename: csv tool
Date: 2025.05.22
LastUpdate： 2025.05.26
Version：1.0
Author：Haruna Ogino
Copyright Comcent All Right Reserved.
*/
/*---------フォントサイズ---------*/
.pFont10 {
  font-size: 1rem;
}

.pFont12 {
  font-size: 1.2rem;
}

.pFont14 {
  font-size: 1.4rem;
}

.pFont16 {
  font-size: 1.6rem;
}

.pFont18 {
  font-size: 1.8rem;
}

.pFont20 {
  font-size: 2rem;
}

.pFont22 {
  font-size: 2.2rem;
}

.pFont24 {
  font-size: 2.4rem;
}

.pFont26 {
  font-size: 2.6rem;
}

.pFont28 {
  font-size: 2.8rem;
}

.pFont40 {
  font-size: 4rem;
}

.pLetterNomal {
  letter-spacing: normal;
}

/*---------フォントカラー---------*/
.pFontSubBlack {
  color: #555555;
}

.pFontGray {
  color: #777777;
}

.pFontGreen {
  color: #009CA4;
}

.pFontRed {
  color: #F0355E;
}

/*---------フォントの太さ---------*/
.pFontBold {
  font-weight: bold;
}

.pFontMedium {
  font-weight: 500;
}

.pFontNormal {
  font-weight: normal;
}

/*---------3点リーダー---------*/
.pLeader {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*---------ボタンのスタイル---------*/
.pLightGrayBtnL {
  display: block;
  width: 100%;
  padding: 17px 0;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  text-decoration: none;
}

.pLightGrayBtnM {
  display: block;
  width: 100%;
  padding: 10px 0;
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
  text-decoration: none;
}

.pLightGrayBtnS {
  display: block;
  width: 100%;
  padding: 7px 0;
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
  text-decoration: none;
}

.pLightGrayBtnL {
  background-color: #dddddd;
  color: #777777;
}

.pLightGrayBtnM {
  background-color: #dddddd;
  color: #777777;
}

.pLightGrayBtnS {
  background-color: #dddddd;
  color: #777777;
}

.pWhtieGreenBtn {
  padding: 6px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  color: #009CA4;
  font-size: 1.4rem;
  font-weight: bold;
  border: 1px solid #dddddd;
  border-radius: 6px;
  text-decoration: none;
  background-color: #FFFFFF;
  white-space: nowrap;
}
.pWhtieGreenBtn.dTreatment::before, .pWhtieGreenBtn.dCheck::before, .pWhtieGreenBtn.dReset::before, .pWhtieGreenBtn.dContact::before, .pWhtieGreenBtn.dLogin::before, .pWhtieGreenBtn.dLogout::before, .pWhtieGreenBtn.dPreset::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
}
.pWhtieGreenBtn.dTreatment::before {
  background-image: url(../images/iconBookGreen.svg);
}
.pWhtieGreenBtn.dCheck::before {
  background-image: url(../images/iconCheckGreen.svg);
}
.pWhtieGreenBtn.dReset::before {
  background-image: url(../images/iconRedoGreen.svg);
}
.pWhtieGreenBtn.dContact::before {
  background-image: url(../images/iconMailGreen.svg);
  background-size: contain;
}
.pWhtieGreenBtn.dLogin {
  position: relative;
  width: 200px;
  padding: 10px 16px;
  font-size: 1.6rem;
}
.pWhtieGreenBtn.dLogin::before {
  position: absolute;
  top: 50%;
  left: 16px;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  background-image: url(../images/iconLoginGreen.svg);
}
.pWhtieGreenBtn.dLogout::before {
  background-image: url(../images/iconLogoutGreen.svg);
}
.pWhtieGreenBtn.dPreset::before {
  background-image: url(../images/iconListAltCheckGreen.svg);
  background-size: contain;
}

.pUserDeleteBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  padding: 6px;
  font-size: 1.4rem;
  font-weight: 500;
  color: #555555;
}
.pUserDeleteBtn::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(../images/iconAccountCircleOffBlack.svg);
}

.pRedBtn {
  padding: 7px 16px;
  color: #FFFFFF;
  font-size: 1.6rem;
  font-weight: bold;
  border-radius: 6px;
  text-decoration: none;
  background-color: #F0355E;
}
.pRedBtn.dUpload {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4px;
}
.pRedBtn.dUpload::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(../images/iconUploadWhite.svg);
}
.pRedBtn.dDounload {
  width: 100%;
  padding: 10px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 2rem;
  gap: 8px;
}
.pRedBtn.dDounload::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url(../images/iconDownloadWhtie.svg);
}

.pGreenBtn {
  padding: 10px 16px;
  color: #FFFFFF;
  font-size: 2rem;
  font-weight: bold;
  border-radius: 6px;
  text-decoration: none;
  background-color: #009CA4;
}
.pGreenBtn.dUpload {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
}
.pGreenBtn.dUpload::before {
  content: "";
  display: inline-block;
  width: 23px;
  height: 23px;
  background-image: url(../images/iconUploadWhite.svg);
}
.pGreenBtn.dDounload {
  width: 100%;
  padding: 10px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 2rem;
  gap: 8px;
}
.pGreenBtn.dDounload::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url(../images/iconDownloadWhtie.svg);
}
.pGreenBtn.dPreset {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4px;
  padding: 6px 12px;
  font-size: 1.4rem;
}
.pGreenBtn.dPreset::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(../images/iconListAltCheckWhite.svg);
}

.pGreenBtnMin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4px;
  padding: 10px 16px;
  color: #FFFFFF;
  font-size: 1.6rem;
  font-weight: bold;
  border-radius: 6px;
  text-decoration: none;
  background-color: #009CA4;
}
.pGreenBtnMin::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url(../images/iconArrowCircleRightWhite.svg);
}

.pGreenLineBtn {
  color: #009CA4;
  text-decoration: none;
  background-color: #FFFFFF;
  white-space: nowrap;
  padding: 6px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  font-size: 1.4rem;
  font-weight: bold;
  border-radius: 6px;
  text-decoration: none;
  border: 1px solid #009CA4;
}
.pGreenLineBtn.dPreset::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(../images/iconCheckCircleGreen.svg);
}

.pBlackLineBtn {
  color: #555555;
  text-decoration: none;
  background-color: #FFFFFF;
  white-space: nowrap;
  padding: 10px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  font-size: 1.6rem;
  font-weight: bold;
  border-radius: 6px;
  text-decoration: none;
  border: 1px solid #555555;
}

/*---------背景・エリア・ラッパー---------*/
.pBaseColorBack {
  background-color: #F8F8F8;
}

.pGrayBack {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 56px;
  padding: 8px 12px;
  border-radius: 6px;
  background-color: #f5f5f5;
}
.pGrayBack .pRadioCheckLabel {
  width: calc(100% + 24px);
  margin: -8px -12px;
  height: 56px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pGrayBack:has(.pRadioCheckLabel) {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.pGrayBack:has(.pRadioCheckLabel) .pRadioCheckTitle {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.pGrayBack:has(.pRadioCheckLabel):hover {
  background-color: rgba(245, 245, 245, 0.7);
}
.pGrayBack:has(.pRadioCheckLabel):hover .pRadioCheckTitle {
  opacity: 0.7;
}

.pShadowWhiteBack {
  border-radius: 12px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.pGreenBack {
  padding: 10px 16px;
  text-align: center;
  border: 1px solid #0d935f;
  background-color: #E4F5EC;
  border-radius: 6px;
  color: #0d935f;
}

.pRedBack {
  padding: 10px 16px;
  text-align: center;
  border: 1px solid #D82F32;
  background-color: #FCD7DF;
  border-radius: 6px;
  color: #D82F32;
}

/*---------タイトル・見出し---------*/
.pBasicTitle {
  font-size: 2rem;
  font-weight: bold;
  color: #222831;
}

.pIconTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.6rem;
  font-weight: bold;
}
.pIconTitle::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 6px;
}
.pIconTitle.dUpload::before {
  background-image: url(../images/iconUploadGreen.svg);
}
.pIconTitle.dImport::before {
  background-image: url(../images/iconSplitscreenGreen.svg);
}
.pIconTitle.dSort::before {
  background-image: url(../images/iconMoveupGreen.svg);
}
.pIconTitle.dPreview::before {
  background-image: url(../images/iconDataCheckGreen.svg);
}
.pIconTitle.dContact, .pIconTitle.dTerms, .pIconTitle.dInfo, .pIconTitle.dNote, .pIconTitle.dCompare, .pIconTitle.dFAQ, .pIconTitle.dUser, .pIconTitle.dPass, .pIconTitle.dCompany, .pIconTitle.dStar, .pIconTitle.dCredit, .pIconTitle.dApi {
  font-size: 2rem;
}
@media screen and (max-width: 567px) {
  .pIconTitle.dContact, .pIconTitle.dTerms, .pIconTitle.dInfo, .pIconTitle.dNote, .pIconTitle.dCompare, .pIconTitle.dFAQ, .pIconTitle.dUser, .pIconTitle.dPass, .pIconTitle.dCompany, .pIconTitle.dStar, .pIconTitle.dCredit, .pIconTitle.dApi {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.pIconTitle.dContact::before, .pIconTitle.dTerms::before, .pIconTitle.dInfo::before, .pIconTitle.dNote::before, .pIconTitle.dCompare::before, .pIconTitle.dFAQ::before, .pIconTitle.dUser::before, .pIconTitle.dPass::before, .pIconTitle.dCompany::before, .pIconTitle.dStar::before, .pIconTitle.dCredit::before, .pIconTitle.dApi::before {
  width: 32px;
  height: 32px;
}
.pIconTitle.dContact::before {
  background-image: url(../images/iconMailGreen.svg);
}
.pIconTitle.dTerms::before {
  background-image: url(../images/iconContractGreen.svg);
}
.pIconTitle.dInfo::before {
  background-image: url(../images/iconInfoGreen.svg);
}
.pIconTitle.dNote::before {
  background-image: url(../images/iconBookGreen.svg);
  background-size: contain;
}
.pIconTitle.dCompare::before {
  background-image: url(../images/iconCompareGreen.svg);
}
.pIconTitle.dFAQ::before {
  background-image: url(../images/iconSupportGreen.svg);
}
.pIconTitle.dUser::before {
  background-image: url(../images/iconAccountCircleGreen.svg);
  background-size: contain;
}
.pIconTitle.dPass::before {
  background-image: url(../images/iconPasswordGreen.svg);
  background-size: contain;
}
.pIconTitle.dCompany::before {
  background-image: url(../images/iconBadgeGreen.svg);
}
.pIconTitle.dStar::before {
  background-image: url(../images/iconStarGreen.svg);
}
.pIconTitle.dCredit::before {
  background-image: url(../images/iconCreditScoreGreen.svg);
}
.pIconTitle.dApi::before {
  background-image: url(../images/iconApiGreen.svg);
}

.pUploadFileTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #555555;
}

/*---------テキスト・コメント---------*/
.pBasicNote {
  font-size: 1.4rem;
}

/*---------アイコン類---------*/
.pReq {
  display: inline-block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.pReq:before {
  content: "必須";
  padding: 1px 9px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #F0355E;
  background-color: #FCD7DF;
  margin-right: 10px;
  border-radius: 4px;
}

.pNum {
  display: inline-block;
  width: 64px;
  min-width: 64px;
  text-align: center;
  color: #009CA4;
  font-size: 1.6rem;
  font-weight: bold;
  border-radius: 4px;
  background-color: #E2F4F5;
}

/*---------フォームパーツ類---------*/
.mdDisabled {
  opacity: 0.6;
  pointer-events: none;
}

.pTextForm {
  background-color: #E2F4F5;
  border: 1px solid #E2F4F5;
  padding: 5px 15px 6px;
  border-radius: 6px;
  width: 100%;
}
.pTextForm.dError {
  border: 1px solid #F0355E;
  background-color: #FCD7DF;
}

input[type=text].pTextFormWhtie, input[type=email].pTextFormWhtie, textarea.pTextFormWhtie, input[type=password].pTextFormWhtie, input[type=number].pTextFormWhtie, input[type=tel].pTextFormWhtie {
  padding: 6px 6px 6px 12px;
  line-height: 1.65;
  border: 1px solid #dddddd;
  background-color: #FFFFFF;
}

.pSearchWrap {
  position: relative;
}
.pSearchBtn {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/iconSearchGreen.svg);
}

.pFileLabel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 7px 12px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #009CA4;
  border-radius: 6px;
  cursor: pointer;
}
.pFileLabel::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../images/iconAddWhite.svg);
}
.pFileLabel input[type=file] {
  display: none;
}

.pSelectLabel {
  overflow: hidden;
  position: relative;
  border-radius: 6px;
  background-color: #E2F4F5;
  display: block;
  width: 100%;
}
.pSelectLabel.dWhite {
  border: 1px solid #dddddd;
  background-color: #FFFFFF;
}
.pSelectLabel:before {
  content: "";
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  top: 19px;
  right: 13px;
  z-index: 10;
  width: 9px;
  height: 5px;
  background-image: url(../images/iconArrowDropDownGreen.svg);
  position: absolute;
  pointer-events: none;
}

.pSelect {
  width: 100%;
  cursor: pointer;
  text-indent: 0.01px;
  text-overflow: ellipsis;
  border: none;
  outline: none;
  background: transparent;
  background-image: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 7px 15px;
}

.pRadioCheckLabel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  padding: 4px 0;
}
.pRadioCheckLabel .pCheckBtn, .pRadioCheckLabel .pRadioBtn {
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.pRadioCheckLabel .pCheckBtn {
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 4px;
}
.pRadioCheckLabel .pCheckBtn:before {
  top: 50%;
  left: 50%;
  width: 12px;
  height: 9px;
  content: "";
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  background-image: url(../images/iconCheckWhite.svg);
  display: none;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.pRadioCheckLabel .pRadioBtn {
  top: 0;
  left: 0;
  width: 22px;
  height: 22px;
  border-radius: 999px;
}
.pRadioCheckLabel .pRadioBtn:before {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  position: absolute;
  content: "";
  background: #FFFFFF;
  display: none;
  border-radius: 6px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.pRadioCheckLabel input[type=checkbox], .pRadioCheckLabel input[type=radio] {
  display: none;
}
.pRadioCheckLabel input[type=checkbox]:checked ~ .pCheckBtn, .pRadioCheckLabel input[type=checkbox]:checked ~ .pRadioBtn, .pRadioCheckLabel input[type=radio]:checked ~ .pCheckBtn, .pRadioCheckLabel input[type=radio]:checked ~ .pRadioBtn {
  background-color: #009CA4;
  border: 1px solid #009CA4;
}
.pRadioCheckLabel input[type=checkbox]:checked ~ .pCheckBtn:before, .pRadioCheckLabel input[type=checkbox]:checked ~ .pRadioBtn:before, .pRadioCheckLabel input[type=radio]:checked ~ .pCheckBtn:before, .pRadioCheckLabel input[type=radio]:checked ~ .pRadioBtn:before {
  display: block;
}
.pRadioCheckLabel .pRadioCheckTitle {
  display: inline-block;
  margin-left: 10px;
  line-height: 1.4;
}

.pPassBtn {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/iconVisibilityOffGreen.svg);
}
.pPassBtnWrap {
  position: relative;
}
.pPassBtnWrap.mdOn .pPassBtn {
  background-image: url(../images/iconVisibilityOnGreen.svg);
}

.pSubmitGreenLabel, .pSubmitGreenBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding: 10px 16px;
  text-align: center;
  color: #FFFFFF;
  font-size: 1.6rem;
  font-weight: bold;
  text-decoration: none;
  border-radius: 6px;
  background-color: #009CA4;
  position: relative;
  cursor: pointer;
}
.pSubmitGreenLabel input[type=submit], .pSubmitGreenBtn input[type=submit] {
  font-size: 1.6rem;
  font-weight: bold;
}
.pSubmitGreenLabel::before, .pSubmitGreenBtn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 16px;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  display: block;
  width: 24px;
  height: 24px;
  background-image: url(../images/iconCheckCircleWhite.svg);
}
.pSubmitGreenBtn::before {
  background-image: url(../images/iconLoginWhite.svg);
}

.pHelpBtn {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 32px;
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/iconHelpBlack.svg);
}
.pHelpBtn:hover .pHelpAns {
  opacity: 1;
  visibility: visible;
}

.pHelpAns {
  position: absolute;
  bottom: calc(100% + 11px);
  left: -16px;
  display: inline-block;
  width: 400px;
  padding: 20px;
  font-size: 1.4rem;
  border-radius: 12px;
  background-color: #FFFFFF;
  pointer-events: none;
  -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.25));
          filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.25));
  opacity: 0;
  visibility: hidden;
  z-index: 200;
}
.pHelpAns::after {
  content: "";
  position: absolute;
  bottom: -19px;
  left: 20px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 12px 0 12px;
  border-color: #FFFFFF transparent transparent transparent;
}

/*
Sitename: csv tool
Date: 2025.05.22
LastUpdate： 2025.06.17
Version：1.0
Author：Haruna Ogino
Copyright Comcent All Right Reserved.
*/
/*
Sitename: Site Title
Date: 2025.05.22
LastUpdate：2025.05.22
Version：1.0
Author：Haruna Ogino
Copyright Comcent All Right Reserved.
*/
/*
これより下の記述は作成例です。
必要に応じて追加・削除・セレクタの変更を行ってください
*/
/*
Sitename: csv tool
Date: 2025.05.22
LastUpdate： 2025.05.26
Version：1.0
Author：Haruna Ogino
Copyright Comcent All Right Reserved.
*/
.gbWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.gbWrap.isOpen .gbMainArea {
  width: calc(100% - 340px);
  min-width: 375px;
}
@media screen and (max-width: 1024px) {
  .gbWrap.isOpen .gbMainArea {
    width: 100%;
  }
}
.gbWrap.isOpen .gbMenuArea {
  width: 340px;
  right: 0;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.gbWrap.isOpen .gbMenuBtn::before {
  background-image: url(../images/iconMenuClose.svg);
}
.gbWrap.isOpen .gbMenuBtn .dText::before {
  content: "閉じる";
}

.gbMainArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  min-height: 100vh;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.gbMenuArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: fixed;
  top: 0;
  right: -340px;
  width: 340px;
  height: 100vh;
  background-color: #FFFFFF;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 500;
}
@media screen and (max-width: 1024px) {
  .gbMenuArea {
    display: none;
  }
}
.gbMenuBtn {
  position: absolute;
  top: 100px;
  left: -44px;
  padding: 12px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 170px;
  color: #009CA4;
  font-size: 1.4rem;
  font-weight: bold;
  letter-spacing: 3px;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  border-radius: 6px 0 0 6px;
  background-color: #FFFFFF;
  -webkit-box-shadow: -3px 0 6px rgba(0, 0, 0, 0.1);
          box-shadow: -3px 0 6px rgba(0, 0, 0, 0.1);
}
.gbMenuBtn::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-image: url(../images/iconMenuOpen.svg);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.gbMenuBtn .dText {
  display: inline-block;
  height: 120px;
  text-align: center;
}
.gbMenuBtn .dText::before {
  content: "メニューを開く";
}
@media screen and (max-width: 1024px) {
  .gbMenuBtn {
    display: none;
  }
}
.gbMenuUpSec {
  padding: 20px;
  text-align: center;
}
.gbMenuUpBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  width: 100%;
  padding: 10px;
  border-radius: 6px;
  text-decoration: none;
  font-size: 1.6rem;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #009CA4;
}
.gbMenuUpBtn::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../images/iconUploadWhite.svg);
}
.gbMenuUpDLText {
  font-size: 1.4rem;
  line-height: 1;
}
.gbMenuUpDLText .dNum {
  display: inline-block;
  margin: 0 4px;
  font-size: 2.4rem;
  font-weight: bold;
  color: #009CA4;
}
.gbMenuSec {
  padding: 0;
  overflow-y: scroll;
  /* 幅 */
  /* 幅（Firefox用） */
  scrollbar-width: thin;
}
.gbMenuSec::-webkit-scrollbar {
  width: 5px;
}
.gbMenuSecList {
  padding: 20px 0;
}
.gbMenuSecList > li {
  border-bottom: 1px solid #dddddd;
}
.gbMenuSecList > li:first-child {
  border-top: 1px solid #dddddd;
}
.gbMenuSecList > li.isOpen .gbMenuDate .dOpenClose {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.gbMenuSecList > li.isOpen .gbMenuDateList {
  display: block;
}
.gbMenuSecList .dDateList {
  padding-bottom: 14px;
}
.gbMenuSecList .dDateList > li {
  padding: 6px 0;
}
.gbMenuDate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px 20px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #555555;
  cursor: pointer;
}
.gbMenuDate .dTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.gbMenuDate .dTitle::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-size: contain;
  background-image: url(../images/iconListAltCheckGreen.svg);
}
.gbMenuDate .dTitle.dDounload::before {
  background-image: url(../images/iconDownloadGreen.svg);
}
.gbMenuDate .dOpenClose {
  display: inline-block;
  position: relative;
  width: 28px;
  min-width: 28px;
  height: 28px;
  border-radius: 999px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  background-image: url(../images/iconArrowLineDownGreen.svg);
}
.gbMenuDateList {
  padding: 0 12px 14px;
}
.gbMenuDateList > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 6px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.gbMenuDateList > li:nth-child(odd) {
  background-color: #F8F8F8;
}
.gbMenuDateList > li:nth-child(even) {
  background-color: #FFFFFF;
}
.gbMenuDateList > li:hover {
  background-color: #E2F4F5;
}
.gbMenuDateList > li:hover .gbMenuLogDelet {
  opacity: 1;
  visibility: visible;
}
.gbMenuDateList > li:not(:last-child) {
  margin-bottom: 2px;
}
.gbMenuDateList > li.isCurrent {
  background-color: #E2F4F5;
}
.gbMenuDateList > li.isCurrent .gbMenuLogLink .dFileName {
  color: #009CA4;
  font-weight: 500;
}
.gbMenuDateList > li.isCurrent .gbMenuLogLink .dNum {
  border: 1px solid #009CA4;
}
.gbMenuDateTime {
  margin: 0 20px;
  font-size: 1.4rem;
  font-weight: 500;
  color: #555555;
}
.gbMenuDateTimeList {
  padding: 8px 12px 0;
}
.gbMenuDateTimeList > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 6px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.gbMenuDateTimeList > li:nth-child(odd) {
  background-color: #F8F8F8;
}
.gbMenuDateTimeList > li:nth-child(even) {
  background-color: #FFFFFF;
}
.gbMenuDateTimeList > li:not(:last-child) {
  margin-bottom: 2px;
}
.gbMenuDateTimeList > li:hover {
  background-color: #E2F4F5;
}
.gbMenuDateTimeList > li:hover .gbMenuLogDelet {
  opacity: 1;
  visibility: visible;
}
.gbMenuDateTimeList > li.isCurrent {
  background-color: #E2F4F5;
}
.gbMenuDateTimeList > li.isCurrent .gbMenuLogLink .dFileName {
  color: #009CA4;
  font-weight: 500;
}
.gbMenuDateTimeList > li.isCurrent .gbMenuLogLink .dTime {
  color: #009CA4;
}
.gbMenuLog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 18px;
  border: 1px solid #009CA4;
  border-radius: 6px;
}
.gbMenuLogWrap {
  padding: 20px;
  position: sticky;
  bottom: 0;
}
.gbMenuLog .dText {
  display: inline-block;
  width: calc(100% - 44px);
}
.gbMenuLogTitle {
  font-size: 1.6rem;
  font-weight: bold;
  color: #009CA4;
}
.gbMenuLogNote {
  font-size: 1.2rem;
  font-weight: 500;
}
.gbMenuLogLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  width: calc(100% - 32px);
  padding: 8px 6px 8px 8px;
  text-decoration: none;
  color: #262626;
  font-size: 1.4rem;
  font-weight: normal;
}
.gbMenuLogLink:hover {
  opacity: 1;
}
.gbMenuLogLink .dNum {
  display: inline-block;
  width: 56px;
  min-width: 56px;
  text-align: center;
  color: #009CA4;
  font-size: 1.4rem;
  font-weight: 500;
  border: 1px solid #FFFFFF;
  border-radius: 4px;
  background-color: #E2F4F5;
}
.gbMenuLogLink .dTime {
  width: 44px;
  min-width: 44px;
  font-size: 1.4rem;
  color: #555555;
}
.gbMenuLogLink .dFileName {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gbMenuLogDelet {
  display: block;
  width: 32px;
  height: 42px;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url(../images/iconDeleteBlack.svg);
  opacity: 0;
  visibility: hidden;
}

.gbHeader {
  padding: 20px 64px;
}
@media screen and (max-width: 567px) {
  .gbHeader {
    padding: 16px 4px 16px 16px;
  }
}
.gbHeaderWrap {
  width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.gbHeaderLogo {
  height: 32px;
}
.gbHeaderLogo > a {
  display: block;
}
.gbHeaderLogo img {
  width: auto;
  height: 32px;
}
@media screen and (max-width: 1024px) {
  .gbHeaderLogo {
    height: 24px;
  }
  .gbHeaderLogo img {
    height: 24px;
  }
}
@media screen and (max-width: 567px) {
  .gbHeaderLogo {
    height: 20px;
  }
  .gbHeaderLogo img {
    height: 20px;
  }
}
.gbHeaderLogo a {
  text-decoration: none;
  font-weight: bold;
}
.gbHeaderBtnWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.gbHeaderLogin, .gbHeaderMembership {
  padding: 6px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  font-size: 1.4rem;
  font-weight: bold;
  border-radius: 6px;
  text-decoration: none;
  border: 1px solid #009CA4;
}
@media screen and (max-width: 1024px) {
  .gbHeaderLogin, .gbHeaderMembership {
    display: none;
  }
}
.gbHeaderLogin {
  color: #009CA4;
  text-decoration: none;
  background-color: #FFFFFF;
  white-space: nowrap;
}
.gbHeaderLogin::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(../images/iconLoginGreen.svg);
}
.gbHeaderLogin.dMypage::before {
  background-size: contain;
  background-image: url(../images/iconAccountCircleGreen.svg);
}
.gbHeaderMembership {
  color: #FFFFFF;
  background-color: #009CA4;
}
.gbHeaderMembership::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../images/iconAccountCircleWhtie.svg);
}
.gbHeaderBusiness {
  display: inline-block;
  padding: 6px 12px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #555555;
  text-decoration: none;
}

.gbFooter {
  padding: 40px;
  color: #FFFFFF;
  background-color: #262626;
}
@media screen and (max-width: 1024px) {
  .gbFooter {
    padding: 40px 16px;
  }
}
.gbFooterWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.gbFooterWrap .pFont12 {
  text-align: right;
}
@media screen and (max-width: 1024px) {
  .gbFooterWrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    gap: 32px;
  }
  .gbFooterWrap .lyMb10 {
    margin-bottom: 24px;
  }
  .gbFooterWrap .pFont12 {
    text-align: center;
  }
}
.gbFooterLogo > a {
  display: block;
}
.gbFooterLogo img {
  width: auto;
  height: 32px;
}
.gbFooterSNS {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.gbFooterSNSList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.gbFooterSNSList > li {
  width: 32px;
}
.gbFooterSNSNote {
  font-size: 1.4rem;
  font-weight: bold;
}
.gbFooterLink {
  padding: 0 12px;
  color: #FFFFFF;
  font-size: 1.4rem;
  font-weight: bold;
  text-decoration: none;
}
.gbFooterLinkList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
  .gbFooterLinkList {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 10px 0;
  }
}

.gbCsenterContent {
  max-width: 940px;
  margin: 0 auto auto;
  padding: 0 64px 40px;
}
@media screen and (max-width: 567px) {
  .gbCsenterContent {
    padding: 0 16px 40px;
  }
}

.gbSec {
  padding: 40px 0;
}
@media screen and (max-width: 567px) {
  .gbSec {
    padding: 20px 0;
  }
  .gbSec.mdTopSec {
    padding: 0 0 20px;
  }
}
.gbSec.mdSPOnry {
  display: none;
}
@media screen and (max-width: 1024px) {
  .gbSec.mdSPOnry {
    display: block;
    padding: 0 0 24px;
  }
}

.modQuestionList > li {
  cursor: pointer;
  padding: 20px;
  border-radius: 12px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
.modQuestionList > li:not(:last-child) {
  margin-bottom: 16px;
}
.modQuestionList > li.isOpen .modQuestionTitle .dOpenClose {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.modQuestionList > li.isOpen .modQuestionAnser {
  display: block;
}
.modQuestionTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #555555;
  font-size: 1.6rem;
  font-weight: bold;
  gap: 16px;
}
@media screen and (max-width: 1024px) {
  .modQuestionTitle {
    font-size: 1.6rem;
  }
}
.modQuestionTitle .dTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
}
.modQuestionTitle .dTitle::before {
  content: "";
  display: block;
  width: 24px;
  min-width: 24px;
  height: 24px;
  margin-top: 2px;
  background-image: url(../images/iconQCircleGreen.svg);
}
.modQuestionTitle .dOpenClose {
  display: inline-block;
  position: relative;
  width: 28px;
  min-width: 28px;
  height: 28px;
  border-radius: 999px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  background-image: url(../images/iconArrowLineDownGreen.svg);
}
.modQuestionAnser {
  margin-top: 10px;
  display: none;
}
@media screen and (max-width: 1024px) {
  .modQuestionAnser {
    margin-top: 16px;
  }
}
.modQuestionAnser > p {
  color: #009CA4;
  font-size: 1.6rem;
}

.modBnr {
  width: 100%;
  margin: 40px auto 0;
}
.modBnr.lyMt40 {
  margin: 40px auto;
}
@media screen and (max-width: 567px) {
  .modBnr {
    margin: 20px auto 0;
  }
  .modBnr.lyMt40 {
    margin: 20px auto;
  }
}

.modModal {
  display: none;
}
.modModal.isOpen {
  display: block;
}
.modModalBack {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1000;
  background-color: rgba(38, 38, 38, 0.5);
}
.modModalSec {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1100;
  width: 343px;
  padding: 10px 0;
  border-radius: 12px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.modModalSec.dWide {
  width: 560px;
}
.modModalSec.dHeight {
  min-height: 425px;
}
.modModalHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 10px 0 20px;
}
.modModalTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.6rem;
  font-weight: bold;
  gap: 6px;
}
.modModalTitle::before {
  content: "";
  display: block;
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.modModalTitle.dUserCreat::before {
  background-image: url(../images/iconAccountCircleGreen.svg);
}
.modModalTitle.dLogin::before {
  background-size: contain;
  background-image: url(../images/iconLoginGreen.svg);
}
.modModalTitle.dPassword::before {
  background-size: contain;
  background-image: url(../images/iconPasswordGreen.svg);
}
.modModalTitle.dUpload::before {
  background-size: contain;
  background-image: url(../images/iconUploadGreen.svg);
}
.modModalTitle.dDownload::before {
  background-image: url(../images/iconDownloadGreen.svg);
}
.modModalTitle.dDelete::before {
  background-image: url(../images/iconDeleteGreen.svg);
}
.modModalTitle.dPreset::before {
  background-size: contain;
  background-image: url(../images/iconListAltCheckGreen.svg);
}
.modModalTitle.dCheck::before {
  background-size: contain;
  background-image: url(../images/iconCheckCircleGreen.svg);
}
.modModalClose {
  display: block;
  width: 40px;
  min-width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-size: 32px;
  background-position: center;
  background-image: url(../images/iconCloseBlack.svg);
}
.modModalItemSec {
  padding: 10px 20px;
}
.modModalItemSec .lyVerticalCnt {
  gap: 12px;
}
.modModalItemSec .lyVerticalCnt button {
  width: 50%;
}
.modModalSimpleBtn {
  padding: 6px;
  color: #555555;
  font-size: 1.4rem;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4px;
  margin: auto;
}
.modModalSimpleBtn::before {
  content: "";
  width: 20px;
  height: 20px;
}
.modModalSimpleBtn.dLogin::before {
  background-image: url(../images/iconLoginBlack.svg);
}
.modModalSimpleBtn.dLoginBack::before {
  background-size: contain;
  background-image: url(../images/iconArrowBackGray.svg);
}
.modModalSimpleBtn.dUserCreat::before {
  background-image: url(../images/iconAccountCircleBlack.svg);
}
.modModalSimpleBtn.dUpload::before {
  background-image: url(../images/iconUploadBlack.svg);
}
.modModalSimpleBtn.dLogin::before {
  background-size: contain;
  background-image: url(../images/iconCloseBlack.svg);
}
.modModalLogin, .modModalMembership, .modModalCheck, .modModalBtnClose, .modModalDelete, .modModalCansel {
  padding: 10px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-size: 1.6rem;
  font-weight: bold;
  border-radius: 6px;
  text-decoration: none;
  border: 1px solid #009CA4;
}
.modModalLogin::before, .modModalMembership::before, .modModalCheck::before, .modModalBtnClose::before, .modModalDelete::before, .modModalCansel::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: contain;
}
.modModalLogin {
  color: #009CA4;
  text-decoration: none;
  background-color: #FFFFFF;
  white-space: nowrap;
}
.modModalLogin::before {
  background-image: url(../images/iconLoginGreen.svg);
}
.modModalBtnClose, .modModalDelete {
  color: #555555;
  text-decoration: none;
  background-color: #FFFFFF;
  white-space: nowrap;
  border: 1px solid #dddddd;
}
.modModalBtnClose::before {
  background-size: contain;
  background-image: url(../images/iconCloseBlack.svg);
}
.modModalDelete::before {
  background-image: url(../images/iconDeleteBlack.svg);
}
.modModalMembership, .modModalCheck, .modModalCansel {
  color: #FFFFFF;
  background-color: #009CA4;
}
.modModalMembership::before {
  background-image: url(../images/iconAccountCircleWhtie.svg);
}
.modModalCheck::before {
  background-image: url(../images/iconCheckCircleWhite.svg);
}
.modModalCansel::before {
  background-image: url(../images/iconCloseWhite.svg);
}
.modModalLookout {
  background-color: #F5F5F5;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 17px 0;
  border-radius: 6px;
}
.modModalPreset {
  height: 220px;
  border-radius: 6px;
  border: 1px solid #dddddd;
  overflow-y: auto;
}
.modModalPresetList > li:nth-child(odd) .modModalPresetItem {
  background-color: #FFFFFF;
}
.modModalPresetList > li:nth-child(even) .modModalPresetItem {
  background-color: #F8F8F8;
}
.modModalPresetItem {
  width: 100%;
  padding: 8px;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
}
.modModalPresetItem .dNum {
  display: inline-block;
  width: 56px;
  min-width: 56px;
  text-align: center;
  color: #009CA4;
  font-size: 1.4rem;
  font-weight: 500;
  border: 1px solid #FFFFFF;
  border-radius: 4px;
  background-color: #E2F4F5;
}
.modModalPresetItem .pLeader {
  display: inline-block;
  width: calc(100% - 56px - 40px - 12px);
}
.modModalPresetItem .dString {
  display: inline-block;
  width: 40px;
  text-align: end;
  font-size: 1.4rem;
  color: #555555;
}

.pageTerms p {
  margin-bottom: 40px;
}
.pageTermsRight {
  text-align: end;
}
.pageTermsTitle {
  font-size: 2rem;
  font-weight: bold;
  color: #555555;
  margin-bottom: 24px;
}

.pageCompany {
  border-radius: 12px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.pageCompanyFlex {
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.pageCompanyFlex:not(:last-child) {
  border-bottom: 1px solid #dddddd;
}
@media screen and (max-width: 1024px) {
  .pageCompanyFlex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 567px) {
  .pageCompanyFlex {
    padding: 16px;
  }
}
.pageCompany dt, .pageCompany dd {
  padding: 6px 0;
  font-size: 1.6rem;
}
.pageCompany dt {
  width: 240px;
  font-weight: bold;
  color: #555555;
}
.pageCompany dd {
  width: calc(100% - 240px);
}
@media screen and (max-width: 1024px) {
  .pageCompany dd {
    width: 100%;
  }
}
.pageCompanySec {
  padding: 24px 0 40px;
}