@charset "UTF-8";


.m0 {
  margin: 0 !important;
}

.mt0 {
  margin-top: 0px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.ml0 {
  margin-left: 0px !important;
}

.mr0 {
  margin-right: 0px !important;
}

.p0 {
  padding: 0px !important;
}

.pt0 {
  padding-top: 0px !important;
}

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

.pl0 {
  padding-left: 0px !important;
}

.pr0 {
  padding-right: 0px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.p5 {
  padding: 5px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pl5 {
  padding-left: 5px !important;
}

.pr5 {
  padding-right: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.p10 {
  padding: 10px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.p15 {
  padding: 15px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.p20 {
  padding: 20px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.p25 {
  padding: 25px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.pr25 {
  padding-right: 25px !important;
}

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

.mb30 {
  margin-bottom: 30px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.p30 {
  padding: 30px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.p35 {
  padding: 35px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.pr35 {
  padding-right: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.p40 {
  padding: 40px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.ml45 {
  margin-left: 45px !important;
}

.mr45 {
  margin-right: 45px !important;
}

.p45 {
  padding: 45px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pl45 {
  padding-left: 45px !important;
}

.pr45 {
  padding-right: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.p50 {
  padding: 50px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.w5per {
  width: 5% !important;
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  .w5perS {
    width: 5% !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .w5perM {
    width: 5% !important;
  }
}
@media only screen and (min-width: 1100px) {
  .w5perL {
    width: 5% !important;
  }
}
@media only screen and (max-width: 1099px) {
  .w5perSM {
    width: 5% !important;
  }
}
@media only screen and (min-width: 768px) {
  .w5perML {
    width: 5% !important;
  }
}
.w10per {
  width: 10% !important;
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  .w10perS {
    width: 10% !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .w10perM {
    width: 10% !important;
  }
}
@media only screen and (min-width: 1100px) {
  .w10perL {
    width: 10% !important;
  }
}
@media only screen and (max-width: 1099px) {
  .w10perSM {
    width: 10% !important;
  }
}
@media only screen and (min-width: 768px) {
  .w10perML {
    width: 10% !important;
  }
}
.w15per {
  width: 15% !important;
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  .w15perS {
    width: 15% !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .w15perM {
    width: 15% !important;
  }
}
@media only screen and (min-width: 1100px) {
  .w15perL {
    width: 15% !important;
  }
}
@media only screen and (max-width: 1099px) {
  .w15perSM {
    width: 15% !important;
  }
}
@media only screen and (min-width: 768px) {
  .w15perML {
    width: 15% !important;
  }
}
.w20per {
  width: 20% !important;
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  .w20perS {
    width: 20% !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .w20perM {
    width: 20% !important;
  }
}
@media only screen and (min-width: 1100px) {
  .w20perL {
    width: 20% !important;
  }
}
@media only screen and (max-width: 1099px) {
  .w20perSM {
    width: 20% !important;
  }
}
@media only screen and (min-width: 768px) {
  .w20perML {
    width: 20% !important;
  }
}
.w25per {
  width: 25% !important;
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  .w25perS {
    width: 25% !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .w25perM {
    width: 25% !important;
  }
}
@media only screen and (min-width: 1100px) {
  .w25perL {
    width: 25% !important;
  }
}
@media only screen and (max-width: 1099px) {
  .w25perSM {
    width: 25% !important;
  }
}
@media only screen and (min-width: 768px) {
  .w25perML {
    width: 25% !important;
  }
}
.w30per {
  width: 30% !important;
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  .w30perS {
    width: 30% !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .w30perM {
    width: 30% !important;
  }
}
@media only screen and (min-width: 1100px) {
  .w30perL {
    width: 30% !important;
  }
}
@media only screen and (max-width: 1099px) {
  .w30perSM {
    width: 30% !important;
  }
}
@media only screen and (min-width: 768px) {
  .w30perML {
    width: 30% !important;
  }
}
.w35per {
  width: 35% !important;
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  .w35perS {
    width: 35% !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .w35perM {
    width: 35% !important;
  }
}
@media only screen and (min-width: 1100px) {
  .w35perL {
    width: 35% !important;
  }
}
@media only screen and (max-width: 1099px) {
  .w35perSM {
    width: 35% !important;
  }
}
@media only screen and (min-width: 768px) {
  .w35perML {
    width: 35% !important;
  }
}
.w40per {
  width: 40% !important;
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  .w40perS {
    width: 40% !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .w40perM {
    width: 40% !important;
  }
}
@media only screen and (min-width: 1100px) {
  .w40perL {
    width: 40% !important;
  }
}
@media only screen and (max-width: 1099px) {
  .w40perSM {
    width: 40% !important;
  }
}
@media only screen and (min-width: 768px) {
  .w40perML {
    width: 40% !important;
  }
}
.w45per {
  width: 45% !important;
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  .w45perS {
    width: 45% !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .w45perM {
    width: 45% !important;
  }
}
@media only screen and (min-width: 1100px) {
  .w45perL {
    width: 45% !important;
  }
}
@media only screen and (max-width: 1099px) {
  .w45perSM {
    width: 45% !important;
  }
}
@media only screen and (min-width: 768px) {
  .w45perML {
    width: 45% !important;
  }
}
.w50per {
  width: 50% !important;
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  .w50perS {
    width: 50% !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .w50perM {
    width: 50% !important;
  }
}
@media only screen and (min-width: 1100px) {
  .w50perL {
    width: 50% !important;
  }
}
@media only screen and (max-width: 1099px) {
  .w50perSM {
    width: 50% !important;
  }
}
@media only screen and (min-width: 768px) {
  .w50perML {
    width: 50% !important;
  }
}
.w55per {
  width: 55% !important;
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  .w55perS {
    width: 55% !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .w55perM {
    width: 55% !important;
  }
}
@media only screen and (min-width: 1100px) {
  .w55perL {
    width: 55% !important;
  }
}
@media only screen and (max-width: 1099px) {
  .w55perSM {
    width: 55% !important;
  }
}
@media only screen and (min-width: 768px) {
  .w55perML {
    width: 55% !important;
  }
}
.w60per {
  width: 60% !important;
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  .w60perS {
    width: 60% !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .w60perM {
    width: 60% !important;
  }
}
@media only screen and (min-width: 1100px) {
  .w60perL {
    width: 60% !important;
  }
}
@media only screen and (max-width: 1099px) {
  .w60perSM {
    width: 60% !important;
  }
}
@media only screen and (min-width: 768px) {
  .w60perML {
    width: 60% !important;
  }
}
.w65per {
  width: 65% !important;
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  .w65perS {
    width: 65% !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .w65perM {
    width: 65% !important;
  }
}
@media only screen and (min-width: 1100px) {
  .w65perL {
    width: 65% !important;
  }
}
@media only screen and (max-width: 1099px) {
  .w65perSM {
    width: 65% !important;
  }
}
@media only screen and (min-width: 768px) {
  .w65perML {
    width: 65% !important;
  }
}
.w70per {
  width: 70% !important;
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  .w70perS {
    width: 70% !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .w70perM {
    width: 70% !important;
  }
}
@media only screen and (min-width: 1100px) {
  .w70perL {
    width: 70% !important;
  }
}
@media only screen and (max-width: 1099px) {
  .w70perSM {
    width: 70% !important;
  }
}
@media only screen and (min-width: 768px) {
  .w70perML {
    width: 70% !important;
  }
}
.w75per {
  width: 75% !important;
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  .w75perS {
    width: 75% !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .w75perM {
    width: 75% !important;
  }
}
@media only screen and (min-width: 1100px) {
  .w75perL {
    width: 75% !important;
  }
}
@media only screen and (max-width: 1099px) {
  .w75perSM {
    width: 75% !important;
  }
}
@media only screen and (min-width: 768px) {
  .w75perML {
    width: 75% !important;
  }
}
.w80per {
  width: 80% !important;
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  .w80perS {
    width: 80% !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .w80perM {
    width: 80% !important;
  }
}
@media only screen and (min-width: 1100px) {
  .w80perL {
    width: 80% !important;
  }
}
@media only screen and (max-width: 1099px) {
  .w80perSM {
    width: 80% !important;
  }
}
@media only screen and (min-width: 768px) {
  .w80perML {
    width: 80% !important;
  }
}
.w85per {
  width: 85% !important;
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  .w85perS {
    width: 85% !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .w85perM {
    width: 85% !important;
  }
}
@media only screen and (min-width: 1100px) {
  .w85perL {
    width: 85% !important;
  }
}
@media only screen and (max-width: 1099px) {
  .w85perSM {
    width: 85% !important;
  }
}
@media only screen and (min-width: 768px) {
  .w85perML {
    width: 85% !important;
  }
}
.w90per {
  width: 90% !important;
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  .w90perS {
    width: 90% !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .w90perM {
    width: 90% !important;
  }
}
@media only screen and (min-width: 1100px) {
  .w90perL {
    width: 90% !important;
  }
}
@media only screen and (max-width: 1099px) {
  .w90perSM {
    width: 90% !important;
  }
}
@media only screen and (min-width: 768px) {
  .w90perML {
    width: 90% !important;
  }
}
.w95per {
  width: 95% !important;
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  .w95perS {
    width: 95% !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .w95perM {
    width: 95% !important;
  }
}
@media only screen and (min-width: 1100px) {
  .w95perL {
    width: 95% !important;
  }
}
@media only screen and (max-width: 1099px) {
  .w95perSM {
    width: 95% !important;
  }
}
@media only screen and (min-width: 768px) {
  .w95perML {
    width: 95% !important;
  }
}
.w100per {
  width: 100% !important;
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  .w100perS {
    width: 100% !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .w100perM {
    width: 100% !important;
  }
}
@media only screen and (min-width: 1100px) {
  .w100perL {
    width: 100% !important;
  }
}
@media only screen and (max-width: 1099px) {
  .w100perSM {
    width: 100% !important;
  }
}
@media only screen and (min-width: 768px) {
  .w100perML {
    width: 100% !important;
  }
}
.fl {
  float: left !important;
}

.fr {
  float: right !important;
}

.tal {
  text-align: left !important;
}

.tar {
  text-align: right !important;
}

.tac {
  text-align: center !important;
}

.break-all {
  word-break: break-all !important;
}

.indent {
  display: inline-block;
  text-indent: -0.5em;
}

.disp-n {
  display: none !important;
}

.disp-i {
  display: inline !important;
}

.disp-ib {
  display: inline-block !important;
}

.disp-b {
  display: block !important;
}

.font-normal {
  font-weight: normal !important;
}

.font-bold {
  font-weight: bold !important;
}

.font-xs {
  font-size: 10px !important;
}

.font-s {
  font-size: 12px !important;
}

.font-m {
  font-size: 14px !important;
}

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

.font-xl {
  font-size: 18px !important;
}

.amazon_en {
  font-family: Verdana, Roboto, "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

.amazon_ja {
  font-family: "MS PGothic", Roboto, "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

.base-color {
  color: #1b63a7 !important;
}

.orange {
  color: #f88522 !important;
}

.yellow {
  color: #ecc200 !important;
}

.bright-yellow {
  color: #eca700 !important;
}

.light-yellow {
  color: #ffe400 !important;
}

.red_two {
  color: #BF1517 !important;
}

.red {
  color: #eb1010 !important;
}

.light-blue {
  color: #87b4de !important;
}

.green {
  color: #00a498 !important;
}

.light-green {
  color: #6cc104 !important;
}

.light-gray {
  color: #ccc !important;
}

.dark-gray {
  color: #aaa !important;
}

.white {
  color: #fff !important;
}

.clear {
  clear: both;
}

.clearfix:before, .clearfix:after,
.cf:before, .cf:after {
  content: " ";
  display: table;
}

.clearfix:after, .cf:after {
  clear: both;
}

.clearfix, .cf {
  *zoom: 1;
}

.fluid {
  display: block;
  width: 100%;
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  .fluid-s,
  .fluid-sm {
    display: block;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .fluid-m,
  .fluid-sm {
    display: block;
    width: 100%;
  }
}
.flex {
  max-width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .fluid-max {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  .visible-m {
    display: none !important;
  }
  .visible-l {
    display: none !important;
  }
  .hidden-s {
    display: none !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .visible-s {
    display: none !important;
  }
  .visible-l {
    display: none !important;
  }
  .hidden-m {
    display: none !important;
  }
}
@media only screen and (min-width: 1100px) {
  .visible-s {
    display: none !important;
  }
  .visible-m {
    display: none !important;
  }
  .hidden-l {
    display: none !important;
  }
}
@media only screen and (min-width: 1100px) {
  .hover {
    -webkit-transition: opacity 0.1s ease-out;
    transition: opacity 0.1s ease-out;
  }
  .hover:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha(opacity=80)";
  }
}

#pid-functions .webfont-cmn-col2 .webfont-cmn-contents img,
#pid-functions .webfont-cmn-col3 .webfont-cmn-contents img,
#pid-functions .webfont-hyougen .hyougen-contents_img img,
#pid-functions .webfont-manuals .manual_img img,
#pid-functions .xaPerf .xaPerf__iconPhp img,
#pid-functions .xaPerfComp__block__inner img,
#pid-feature .featureIntro__img__inner img,
#pid-feature .pricingIntro__img__inner img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: auto;
}

#pid-feature .feature__item__img img,
#pid-feature .ft01Intro__img,
#pid-feature .wptm01Intro__img img,
#pid-feature .wptm02Intro__img img {
  display: block;
  width: 70%;
  max-width: 384px;
  height: auto;
  margin: auto;
}
@media only screen and (min-width: 768px) {
  #pid-feature .feature__item__img img,
  #pid-feature .ft01Intro__img,
  #pid-feature .wptm01Intro__img img,
  #pid-feature .wptm02Intro__img img {
    width: auto;
    max-width: 100%;
  }
}

#pid-functions .xaIntro__func .xa_features .xa_features_holder,
#pid-functions .xaPerfComp__block__inner,
#pid-functions .xaMeritIntro,
#pid-functions .xaRcm__block,
#pid-functions .xpsIntro__func .xps_features__img__list-child,
#pid-functions .xpsPerf__img,
#pid-functions .xpsMeritIntro,
#pid-functions .xpsRcm__block,
#pid-functions .feature__block,
#pid-feature .feature__block,
#pid-feature .ft02Func__item a,
#pid-feature .ft03,
#pid-support .download-cat-link,
#pid-faq .download-cat-link,
#pid-support .download-box a,
#pid-faq .download-box a {
  -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
}

.async-hide {
  opacity: 0 !important;
}

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, code, form, fieldset, legend, table, th, td, caption, a, article, aside, nav, section, figure, figcaption, footer, header, main, audio, canvas, video, menu, details {
  margin: 0;
  padding: 0;
  background: transparent;
  font-size: 100%;
  vertical-align: baseline;
}

fieldset, legend, img {
  border: 0;
}

article, aside, nav, section, figure, figcaption, footer, header, main, menu, details {
  display: block;
}

video, audio, canvas {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
}

[hidden] {
  display: none;
}

@font-face {
  font-display: swap;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/roboto-v32-latin-regular.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url("fonts/roboto-v32-latin-500.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("fonts/roboto-v32-latin-700.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/noto-sans-jp-v53-japanese-regular.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 500;
  src: url("fonts/noto-sans-jp-v53-japanese-500.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  src: url("fonts/noto-sans-jp-v53-japanese-700.woff2") format("woff2");
}
html {
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-size: 62.5%;
  /* アンカーリンク用の余白調整 */
  scroll-padding-top: calc((var(--headerHeight, 70px)) + 30px);
}

body {
  background: #fff;
  color: #2f334c;
  font: 1.55rem/1.6 Roboto, "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  letter-spacing: 0.03em;
  word-wrap: break-word;
  -webkit-text-size-adjust: 100%;
}
.ltie7 body,
.ie7 body,
.ie8 body,
.srcset {
  visibility: hidden;
}

h1, h2, h3, h4, h5, h6 {
  max-height: 100%;
  font-weight: bold;
  line-height: 1.3;
}

p {
  max-height: 100%;
  margin: 0 0 1em;
}

ul {
  max-height: 100%;
  list-style: none;
}

ol {
  max-height: 100%;
  list-style: none;
}

dt {
  max-height: 100%;
  font-weight: bold;
}

dd {
  max-height: 100%;
}

hr {
  display: block;
  height: 1px;
  margin: 1em 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #ccc;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

pre {
  font-family: monospace, serif;
  white-space: pre-wrap;
  word-wrap: break-word;
}

a {
  color: #286ed3;
}

a:link, a.visited {
  text-decoration: underline;
}

a:hover, a.active {
  color: #818181;
  text-decoration: underline;
}

a:focus {
  outline: thin dotted;
}

a:hover, a:active {
  outline: 0;
}

img {
  vertical-align: middle;
}

address, cite, em, dfn, i, var {
  font-style: normal;
}

em {
  font-weight: bold;
}

strong, b {
  font-weight: bold;
}

code, samp, kbd {
  font-family: monospace, sans-serif;
}

abbr {
  border: 0;
  font-variant: normal;
}

abbr[title], dfn[title] {
  cursor: help;
  border-bottom: 1px dotted;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

del {
  text-decoration: line-through;
}

mark {
  background-color: #ff0;
  color: #333;
  font-style: italic;
  font-weight: bold;
}

br {
  *letter-spacing: 0;
}

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

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

th {
  font-weight: bold;
}

caption {
  font-weight: normal;
  text-align: left;
}

input, textarea, select {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  *font-size: 14px;
}

input, button {
  line-height: normal;
  vertical-align: middle;
}

input[type=text],
input[type=password],
textarea {
  padding: 12px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  font-size: 1.5rem;
}
@media only screen and (max-width: 1099px) {
  input[type=text],
  input[type=password],
  textarea {
    font-size: 1.6rem;
  }
}

input[type=text]:focus,
input[type=password]:focus,
textarea:focus {
  border: 1px solid #1b63a7;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

select {
  padding: 12px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  font-size: 1.5rem;
}
@media only screen and (max-width: 1099px) {
  select {
    font-size: 1.6rem;
  }
}

select, option {
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
  background: linear-gradient(#fff, #fff);
}

@media only screen and (min-width: 970px) {
  select {
    background-color: inherit;
    border: 1px solid #ddd;
  }
}
label {
  cursor: pointer;
}

legend {
  *margin-left: -7px;
  color: #333;
}

@media only screen and (max-width: 1099px) {
  :target::before {
    content: "";
    display: block;
    height: 50px;
    margin: -50px 0 0;
  }
}
.block {
  margin: 0 0 40px;
}
@media only screen and (min-width: 1100px) {
  .block {
    margin: 0 0 50px;
  }
}
.block:last-child {
  margin: 0;
}
.block_ttl {
  font-size: 2rem;
}
@media only screen and (min-width: 1100px) {
  .block_ttl {
    font-size: 2.4rem;
  }
}
.block_ttl {
  margin: 0 0 25px;
  padding: 0 0 10px 20px;
  font-weight: 500;
  border-bottom: 1px solid #ddd;
  position: relative;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.block_ttl:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  left: 0;
  top: 0.5em;
  background: #286ed3;
}
.block_body > :last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .block_body {
    padding: 0;
  }
}

.blV2 {
  margin: 0 0 100px;
}
.blV2:last-child {
  margin: 0;
}
.blV2__ttl {
  font-size: 2.2rem;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .blV2__ttl {
    font-size: 2.4rem;
  }
}
@media only screen and (min-width: 1100px) {
  .blV2__ttl {
    font-size: 3.2rem;
  }
}
.blV2__ttl {
  text-align: center;
  font-weight: bold;
  line-height: 1.3;
  margin: 0 0 60px;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.blV2__ttl__elm {
  display: inline-block;
  padding-bottom: 10px;
  position: relative;
}
.blV2__ttl__elm::before {
  content: "";
  background: #1b5ba0;
  background: -webkit-gradient(linear, left top, right top, from(#00a9ef), to(#1b63a7));
  background: linear-gradient(to right, #00a9ef, #1b63a7);
  width: 80px;
  height: 5px;
  position: absolute;
  left: 50%;
  margin-left: -40px;
  bottom: 0;
}
.blV2__subttl {
  font-size: 2rem;
}
@media only screen and (min-width: 1100px) {
  .blV2__subttl {
    font-size: 2.6rem;
  }
}
.blV2__subttl {
  background: url(../img/common/blv2_subttl_bg.png);
  padding: 10px 0;
  margin-bottom: 40px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  line-height: 1.3;
}
.blV2__subttl__elm::before {
  width: 50px;
  height: 5px;
  margin-left: 30px;
}
@media only screen and (max-width: 1099px) {
  .blV2 {
    margin-bottom: 60px;
  }
  .blV2__ttl {
    margin-bottom: 40px;
  }
  .blV2__subttl {
    background-size: 10px 10px;
    padding: 8px 0;
    margin-bottom: 20px;
  }
}

.border {
  margin-bottom: 1em;
  padding: 20px;
  border: 1px solid;
  border-radius: 3px;
}
@media only screen and (min-width: 768px) {
  .border {
    padding: 25px;
  }
}
.border > :last-child {
  margin-bottom: 0;
}
.border_gray {
  background-color: #fff;
  border-color: #ccc;
}
.border_blue {
  background-color: #f7f8fa;
  border-color: #84a8c5;
}
.border_yellow {
  background-color: #fffdf5;
  border-color: #efe6c0;
}

.border-campaign_and {
  border: 0;
  height: 32px;
  background-image: url(../img/common/img_and.png);
  background-repeat: no-repeat;
  background-position: center;
}

.box {
  margin: 0 0 20px;
  border: 1px solid #d6e5f2;
}
.serial-box .box {
  margin: 0;
  border-bottom: none;
}
.serial-box .box_body {
  padding: 20px 20px 30px;
}
@media only screen and (min-width: 768px) {
  .serial-box .box_body {
    padding: 30px 30px 40px;
  }
}
.serial-box .box:last-child {
  border-bottom: 1px solid #d6e5f2;
}
.box_ttl {
  font-size: 1.6rem;
}
@media only screen and (min-width: 768px) {
  .box_ttl {
    font-size: 1.8rem;
  }
}
.box_ttl {
  padding: 15px 20px;
  background: #eff4f8;
  font-weight: 500;
}
.box_ttl.js--accordion {
  cursor: pointer;
  border-bottom: none;
  position: relative;
}
.box_ttl.js--accordion .ico {
  position: absolute;
  right: 8px;
  top: 50%;
  margin-top: -0.45em;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.box_ttl.js--accordion + .box__body {
  display: none;
}
.box_ttl.js--accordion.is--open + .box__body {
  display: block;
}
@media only screen and (min-width: 768px) {
  .box_ttl {
    padding: 15px 30px;
  }
}
.box_ttl:last-child {
  border-bottom: none;
}
.box_ttl_no-body {
  border-bottom: none;
}
.box_body {
  padding: 20px;
}
@media only screen and (min-width: 768px) {
  .box_body {
    padding: 30px;
  }
}
.box_body > :last-child {
  margin-bottom: 0;
}

@font-face {
  font-family: "xserver";
  font-style: normal;
  font-weight: normal;
  src: url(fonts/xserver.eot?-yof791);
  src: url(fonts/xserver.eot?#iefix-yof791) format("embedded-opentype"), url(fonts/xserver.ttf?-yof791) format("truetype"), url(fonts/xserver.woff?-yof791) format("woff"), url(fonts/xserver.svg?-yof791#xserver) format("svg");
  font-display: swap;
}
.ico {
  font-family: "xserver";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: middle;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ico_circle:before {
  content: "\e800";
}
.ico_circle-double:before {
  content: "\e814";
}
.ico_circle-fill:before {
  content: "\e801";
}
.ico_square:before {
  content: "\e802";
}
.ico_square-fill:before {
  content: "\e803";
}
.ico_exclamation:before {
  content: "\e804";
}
.ico_exclamation-fill:before {
  content: "\e805";
}
.ico_triangle-down:before {
  content: "\e815";
}
.ico_triangle-left:before {
  content: "\e816";
}
.ico_triangle-right:before {
  content: "\e817";
}
.ico_triangle-up:before {
  content: "\e818";
}
.ico_circle-arrow-down:before {
  content: "\e806";
}
.ico_circle-arrow-left:before {
  content: "\e807";
}
.ico_circle-arrow-right:before {
  content: "\e808";
}
.ico_circle-arrow-up:before {
  content: "\e809";
}
.ico_arrow-down:before {
  content: "\e600";
}
.ico_arrow-left:before {
  content: "\e601";
}
.ico_arrow-right:before {
  content: "\e602";
}
.ico_arrow-up:before {
  content: "\e603";
}
.ico_chevron-down:before {
  content: "\e604";
}
.ico_chevron-left:before {
  content: "\e605";
}
.ico_chevron-right:before {
  content: "\e606";
}
.ico_chevron-up:before {
  content: "\e607";
}
.ico_circle-down:before {
  content: "\e608";
}
.ico_circle-left:before {
  content: "\e609";
}
.ico_circle-right:before {
  content: "\e60a";
}
.ico_circle-up:before {
  content: "\e60b";
}
.ico_hierarchy:before {
  content: "\e624";
}
.ico_check:before {
  content: "\e80f";
}
.ico_cross:before {
  content: "\e60c";
}
.ico_plus:before {
  content: "\e60d";
}
.ico_minus:before {
  content: "\e60e";
}
.ico_menu:before {
  content: "\e60f";
}
.ico_list:before {
  content: "\e610";
}
.ico_book:before {
  content: "\e611";
}
.ico_display:before {
  content: "\e612";
}
.ico_circle-check:before {
  content: "\e613";
}
.ico_email:before {
  content: "\e614";
}
.ico_gear:before {
  content: "\e615";
}
.ico_globe:before {
  content: "\e616";
}
.ico_home:before {
  content: "\e617";
}
.ico_lock:before {
  content: "\e618";
}
.ico_magnifier:before {
  content: "\e619";
}
.ico_mouse:before {
  content: "\e61a";
}
.ico_operator:before {
  content: "\e61c";
}
.ico_pencil:before {
  content: "\e61d";
}
.ico_phone:before {
  content: "\e61e";
}
.ico_refresh:before {
  content: "\e61f";
}
.ico_safety:before {
  content: "\e620";
}
.ico_server:before {
  content: "\e621";
}
.ico_tag:before {
  content: "\e622";
}
.ico_unlock:before {
  content: "\e623";
}
.ico_balloon:before {
  content: "\e80a";
}
.ico_balloon-q:before {
  content: "\e80b";
}
.ico_balloon-a:before {
  content: "\e80c";
}
.ico_square-q:before {
  content: "\e80d";
}
.ico_square-a:before {
  content: "\e80e";
}
.ico_q:before {
  content: "\e810";
}
.ico_signature:before {
  content: "\e811";
}
.ico_window:before {
  content: "\e812";
}
.ico_wordpress:before {
  content: "\e813";
}
.ico_square-exclamation:before {
  content: "\e900";
}
.ico_square-question:before {
  content: "\e901";
}
.ico_smartphone:before {
  content: "\e902";
}
.ico_new-window {
  margin-left: 6px;
  margin-right: 3px;
}
.ico_new-window:before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url(../img/common/ico_blank.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
}
.ico_business:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url(../img/common/ico_sitemap_corporation.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
}

.btn_blue .ico_new-window:before, .btn_blue-l .ico_new-window:before {
  background-image: url(../img/common/ico_blank.svg);
}
.btn_blue .ico_new-window:before, .btn_blue-l .ico_new-window:before, .btn_orange .ico_new-window:before, .btn_orange-l .ico_new-window:before, .btn_red-l .ico_new-window:before, .btn_green .ico_new-window:before, .btn_green-l .ico_new-window:before, .btn_black .ico_new-window:before, .btn_black-l .ico_new-window:before {
  background-image: url(../img/common/ico_blank_white.svg);
}
.btn_gray .ico_new-window:before, .btn_gray-l .ico_new-window:before, .btn_white .ico_new-window:before, .btn_white-l .ico_new-window:before {
  background-image: url(../img/common/ico_blank_black.svg);
}

.support-faqmore_btn .ico_new-window:before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url(../img/common/ico_blank_white.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
}

.buttonCta .ico_new-window:before, .button01--fill .ico_new-window:before, .button02--fill .ico_new-window:before, .button03--fill .ico_new-window:before {
  background-image: url(../img/common/ico_blank_white.svg);
}

[class*=button01--fill] .ico_new-window:before,
[class*=button02--fill] .ico_new-window:before,
[class*=button03--fill] .ico_new-window:before {
  background-image: url(../img/common/ico_blank_white.svg);
}

@font-face {
  font-family: "xacc";
  src: url("fonts/xacc.eot?nwmjai");
  src: url("fonts/xacc.eot?nwmjai#iefix") format("embedded-opentype"), url("fonts/xacc.ttf?nwmjai") format("truetype"), url("fonts/xacc.woff?nwmjai") format("woff"), url("fonts/xacc.svg?nwmjai#xacc") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.ico-xacc {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "xacc" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* サービスメニュー */
}
.ico-xacc--menu:before {
  content: "\e90f";
}
.ico-xacc {
  /* 契約メニュー */
}
.ico-xacc--list:before {
  content: "\e90c";
}

.gnav > li span::after,
.gnav > li a::after,
.gnav_sub > li a::after,
#pid-feature .wpreasonsNav__item__link::after,
#pid-feature .wpreasonsResult__catch::before,
#pid-feature .wpreasonsSpecialist__theme::before,
#pid-feature .wpreasonsBtn::after,
#pid-feature .wpreasonsTxtBtn::before {
  font-family: "xserver";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: middle;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.btn {
  cursor: pointer;
  display: inline-block;
  margin: 0 0 5px;
  border: none;
  line-height: 1.4;
  text-align: center;
  -webkit-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.btn:hover {
  opacity: 0.8;
}
.ltie7 .btn, .ie7 .btn {
  display: inline;
  zoom: 1;
}
.ie7 .btn, .ie8 .btn {
  -webkit-filter: none;
          filter: none;
}
.btn .ico {
  margin: 0 0 0 5px;
  position: relative;
  top: -0.1em;
  right: 0;
}
.btn .imgico {
  margin-left: 5px;
}

a.btn {
  text-decoration: none !important;
}

.btn_blue {
  padding: 0.6em 1em;
  background: #fff;
  border: 2px solid #286ed3;
  border-radius: 3px;
  color: #286ed3 !important;
  font-weight: 500;
}
.btn_blue:hover, .btn_blue:visited {
  color: #286ed3;
}
.btn_blue-secondary {
  background: #1b63a7;
  border-color: #1b63a7;
  color: #fff !important;
}
.btn_blue-secondary:hover, .btn_blue-secondary:visited {
  color: #fff;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .btn_blue {
    padding: 10px 12px;
  }
}

button.btn_blue {
  background: #1b63a7;
  border-color: #1b63a7;
  color: #fff !important;
}
button.btn_blue:hover, button.btn_blue:visited {
  color: #fff;
}

.btn_orange {
  padding: 0.6em 1em;
  background: #f7790b; /* Old Browsers */
  border-radius: 3px;
  color: #fff !important;
  font-weight: 500;
  border: 2px solid transparent;
}
.ie7 .btn_orange, .ie8 .btn_orange {
  border-bottom: 2px solid #f7790b;
}
.btn_orange:hover, .btn_orange:visited {
  color: #fff;
}
.btn_orange.btnbdr {
  background: #fff;
  border: 2px solid #f7790b;
  border-radius: 3px;
  color: #f7790b !important;
}
.btn_orange.btnbdr:hover, .btn_orange.btnbdr:visited {
  color: #f7790b;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .btn_orange {
    padding: 10px 12px;
  }
}

.btn_gray {
  padding: 0.6em 1em;
  background: #fff; /* Old Browsers */
  border-radius: 3px;
  color: #333 !important;
  border: 2px solid #333;
  font-weight: 500;
}
.btn_gray:hover, .btn_gray:visited {
  color: #333;
}
.btn_gray .ico {
  color: #333;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .btn_gray {
    padding: 10px 12px;
  }
}

.btn_white {
  padding: 0.6em 1em;
  background: #fff; /* Old Browsers */
  border-radius: 3px;
  color: #333 !important;
  border: 2px solid #333;
  font-weight: 500;
}
.btn_white:hover, .btn_white:visited {
  color: #333;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .btn_white {
    padding: 10px 12px;
  }
}

/* 白+灰色ボーダー+黒文字 */
.btn_white-borderd {
  padding: 0.6em 1em;
  background: #f1f1f1; /* Old Browsers */
  border-radius: 3px;
  color: #333 !important;
}
.btn_white-borderd:hover, .btn_white-borderd:visited {
  color: #333;
}
.btn_white-borderd .ico {
  color: #333;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .btn_white-borderd {
    padding: 10px 12px;
  }
}

.btn_orange-l {
  font-size: 1.6rem;
}
@media only screen and (min-width: 768px) {
  .btn_orange-l {
    font-size: 1.8rem;
  }
}
.btn_orange-l {
  padding: 18px;
  background: #f7790b; /* Old Browsers */
  border-radius: 3px;
  color: #fff !important;
  font-weight: bold;
}
.btn_orange-l:hover {
  color: #fff;
}
.btn_orange-l.btnbdr {
  background: #fff;
  border: 2px solid #f7790b;
  border-radius: 3px;
  color: #f7790b !important;
}
.btn_orange-l.btnbdr:hover {
  color: #f7790b;
}

.btn_gray-l {
  font-size: 1.6rem;
}
@media only screen and (min-width: 768px) {
  .btn_gray-l {
    font-size: 1.8rem;
  }
}
.btn_gray-l {
  padding: 18px;
  background: #e2e2e2; /* Old Browsers */
  border-radius: 3px;
  color: #333 !important;
  font-weight: 500;
}
.btn_gray-l:hover, .btn_gray-l:visited {
  color: #333;
}
.btn_gray-l .ico {
  color: #1b63a7;
}

.btn_black-l {
  font-size: 1.6rem;
}
@media only screen and (min-width: 768px) {
  .btn_black-l {
    font-size: 1.8rem;
  }
}
.btn_black-l {
  padding: 18px;
  background: #333; /* Old Browsers */
  border-radius: 3px;
  color: #fff !important;
  font-weight: 500;
}
.btn_black-l:hover {
  color: #fff;
}

.btn_blue-l {
  font-size: 1.6rem;
}
@media only screen and (min-width: 768px) {
  .btn_blue-l {
    font-size: 1.8rem;
  }
}
.btn_blue-l {
  padding: 18px;
  background: #1b63a7; /* Old Browsers */
  border-radius: 3px;
  color: #fff !important;
  font-weight: 500;
}
.btn_blue-l:hover, .btn_blue-l:visited {
  color: #fff;
}

.btn_blue-xl {
  width: 350px;
  max-width: 95%;
  font-size: 1.8rem;
  padding: 20px 18px;
  background: #1b63a7; /* Old Browsers */
  border-radius: 3px;
  color: #fff !important;
  font-weight: 500;
}
.btn_blue-xl:hover, .btn_blue-xl:visited {
  color: #fff;
}

.btn_green-l {
  font-size: 1.6rem;
}
@media only screen and (min-width: 768px) {
  .btn_green-l {
    font-size: 1.8rem;
  }
}
.btn_green-l {
  padding: 18px;
  background: #66bb1f; /* Old Browsers */
  border-radius: 3px;
  color: #fff !important;
  font-weight: 500;
}
.btn_green-l:hover, .btn_green-l:visited {
  color: #fff;
}

.btn_red-l {
  font-size: 1.6rem;
}
@media only screen and (min-width: 768px) {
  .btn_red-l {
    font-size: 1.8rem;
  }
}
.btn_red-l {
  padding: 18px;
  background: #e42540; /* Old Browsers */
  border-radius: 3px;
  color: #fff !important;
  font-weight: bold;
}
.btn_red-l:hover {
  color: #fff;
}
.btn_red-l.btnbdr {
  background: #fff;
  border: 2px solid #e42540;
  border-radius: 3px;
  color: #e42540 !important;
}
.btn_red-l.btnbdr:hover {
  color: #e42540;
}

.buttonGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -10px -5px 0;
}
.buttonGroup .button {
  margin: 10px 5px 0;
}

.buttonGroup--center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .buttonGroup--center-s {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .buttonGroup--center-m {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media only screen and (min-width: 1100px) {
  .buttonGroup--center-l {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.button {
  -webkit-transition-property: color, border, background-color;
  transition-property: color, border, background-color;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-block;
  position: relative;
  padding: 0.7em 1em;
  border: 2px solid transparent;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-weight: 500;
  line-height: 1.4;
  vertical-align: middle;
  text-align: center;
  text-decoration: none !important;
}
@media only screen and (min-width: 768px) {
  .button {
    font-size: 1.6rem;
  }
}
.button .ico {
  position: relative;
  top: -0.1em;
}
.button .ico_new-window {
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .button.noArrow {
    padding-right: 2em;
    padding-left: 2em;
  }
}
@media only screen and (min-width: 1100px) {
  .button.noArrow {
    padding-right: 2.5em;
    padding-left: 2.5em;
  }
}
.button.noArrow::after {
  content: "";
  display: none;
}

.button--lg {
  padding: 0.7em 1.5em;
}
@media only screen and (min-width: 768px) {
  .button--lg {
    font-size: 2rem;
    padding: 0.8em 1.5em;
  }
}

.buttonCta--btnblue, .buttonCta--border, .buttonCta--width-xl, .buttonCta, .button04--fill--width-xl, .button04--fill--width-lg, .button04--fill--width-md, .button04--fill--width-sm, .button04--fill, .button04--width-xl, .button04--width-lg, .button04--width-md, .button04--width-sm, .button04, .button03--fill--width-xl, .button03--fill--width-lg, .button03--fill--width-md, .button03--fill--width-sm, .button03--fill, .button03--width-xl, .button03--width-lg, .button03--width-md, .button03--width-sm, .button03, .button02--fill--width-xl, .button02--fill--width-lg, .button02--fill--width-md, .button02--fill--width-sm, .button02--fill, .button02--width-xl, .button02--width-lg, .button02--width-md, .button02--width-sm, .button02, .button01--fill--width-xl, .button01--fill--width-lg, .button01--fill--width-md, .button01--fill--width-sm, .button01--fill, .button01--width-xl, .button01--width-lg, .button01--width-md, .button01--width-sm, .button01 {
  padding-right: 0.7em;
  padding-left: 1em;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .buttonCta--btnblue, .buttonCta--border, .buttonCta--width-xl, .buttonCta, .button04--fill--width-xl, .button04--fill--width-lg, .button04--fill--width-md, .button04--fill--width-sm, .button04--fill, .button04--width-xl, .button04--width-lg, .button04--width-md, .button04--width-sm, .button04, .button03--fill--width-xl, .button03--fill--width-lg, .button03--fill--width-md, .button03--fill--width-sm, .button03--fill, .button03--width-xl, .button03--width-lg, .button03--width-md, .button03--width-sm, .button03, .button02--fill--width-xl, .button02--fill--width-lg, .button02--fill--width-md, .button02--fill--width-sm, .button02--fill, .button02--width-xl, .button02--width-lg, .button02--width-md, .button02--width-sm, .button02, .button01--fill--width-xl, .button01--fill--width-lg, .button01--fill--width-md, .button01--fill--width-sm, .button01--fill, .button01--width-xl, .button01--width-lg, .button01--width-md, .button01--width-sm, .button01 {
    padding-right: 2em;
    padding-left: 2em;
  }
}
@media only screen and (min-width: 1100px) {
  .buttonCta--btnblue, .buttonCta--border, .buttonCta--width-xl, .buttonCta, .button04--fill--width-xl, .button04--fill--width-lg, .button04--fill--width-md, .button04--fill--width-sm, .button04--fill, .button04--width-xl, .button04--width-lg, .button04--width-md, .button04--width-sm, .button04, .button03--fill--width-xl, .button03--fill--width-lg, .button03--fill--width-md, .button03--fill--width-sm, .button03--fill, .button03--width-xl, .button03--width-lg, .button03--width-md, .button03--width-sm, .button03, .button02--fill--width-xl, .button02--fill--width-lg, .button02--fill--width-md, .button02--fill--width-sm, .button02--fill, .button02--width-xl, .button02--width-lg, .button02--width-md, .button02--width-sm, .button02, .button01--fill--width-xl, .button01--fill--width-lg, .button01--fill--width-md, .button01--fill--width-sm, .button01--fill, .button01--width-xl, .button01--width-lg, .button01--width-md, .button01--width-sm, .button01 {
    padding-right: 2.5em;
    padding-left: 2.5em;
  }
}
.buttonCta--btnblue::after, .buttonCta--border::after, .buttonCta--width-xl::after, .buttonCta::after, .button04--fill--width-xl::after, .button04--fill--width-lg::after, .button04--fill--width-md::after, .button04--fill--width-sm::after, .button04--fill::after, .button04--width-xl::after, .button04--width-lg::after, .button04--width-md::after, .button04--width-sm::after, .button04::after, .button03--fill--width-xl::after, .button03--fill--width-lg::after, .button03--fill--width-md::after, .button03--fill--width-sm::after, .button03--fill::after, .button03--width-xl::after, .button03--width-lg::after, .button03--width-md::after, .button03--width-sm::after, .button03::after, .button02--fill--width-xl::after, .button02--fill--width-lg::after, .button02--fill--width-md::after, .button02--fill--width-sm::after, .button02--fill::after, .button02--width-xl::after, .button02--width-lg::after, .button02--width-md::after, .button02--width-sm::after, .button02::after, .button01--fill--width-xl::after, .button01--fill--width-lg::after, .button01--fill--width-md::after, .button01--fill--width-sm::after, .button01--fill::after, .button01--width-xl::after, .button01--width-lg::after, .button01--width-md::after, .button01--width-sm::after, .button01::after {
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  font-family: "xserver";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: middle;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e606";
  display: inline-block;
  position: relative;
  top: -0.05em;
  margin-left: 0.6em;
  font-size: 95%;
  font-weight: 500;
}
@media only screen and (min-width: 768px) {
  .buttonCta--btnblue::after, .buttonCta--border::after, .buttonCta--width-xl::after, .buttonCta::after, .button04--fill--width-xl::after, .button04--fill--width-lg::after, .button04--fill--width-md::after, .button04--fill--width-sm::after, .button04--fill::after, .button04--width-xl::after, .button04--width-lg::after, .button04--width-md::after, .button04--width-sm::after, .button04::after, .button03--fill--width-xl::after, .button03--fill--width-lg::after, .button03--fill--width-md::after, .button03--fill--width-sm::after, .button03--fill::after, .button03--width-xl::after, .button03--width-lg::after, .button03--width-md::after, .button03--width-sm::after, .button03::after, .button02--fill--width-xl::after, .button02--fill--width-lg::after, .button02--fill--width-md::after, .button02--fill--width-sm::after, .button02--fill::after, .button02--width-xl::after, .button02--width-lg::after, .button02--width-md::after, .button02--width-sm::after, .button02::after, .button01--fill--width-xl::after, .button01--fill--width-lg::after, .button01--fill--width-md::after, .button01--fill--width-sm::after, .button01--fill::after, .button01--width-xl::after, .button01--width-lg::after, .button01--width-md::after, .button01--width-sm::after, .button01::after {
    position: absolute;
    top: 0;
    right: 0.5em;
    bottom: 0;
    height: 1em;
    margin: auto;
  }
}
@media only screen and (min-width: 768px) {
  .buttonCta--btnblue:hover::after, .buttonCta--border:hover::after, .buttonCta--width-xl:hover::after, .buttonCta:hover::after, .button04--fill--width-xl:hover::after, .button04--fill--width-lg:hover::after, .button04--fill--width-md:hover::after, .button04--fill--width-sm:hover::after, .button04--fill:hover::after, .button04--width-xl:hover::after, .button04--width-lg:hover::after, .button04--width-md:hover::after, .button04--width-sm:hover::after, .button04:hover::after, .button03--fill--width-xl:hover::after, .button03--fill--width-lg:hover::after, .button03--fill--width-md:hover::after, .button03--fill--width-sm:hover::after, .button03--fill:hover::after, .button03--width-xl:hover::after, .button03--width-lg:hover::after, .button03--width-md:hover::after, .button03--width-sm:hover::after, .button03:hover::after, .button02--fill--width-xl:hover::after, .button02--fill--width-lg:hover::after, .button02--fill--width-md:hover::after, .button02--fill--width-sm:hover::after, .button02--fill:hover::after, .button02--width-xl:hover::after, .button02--width-lg:hover::after, .button02--width-md:hover::after, .button02--width-sm:hover::after, .button02:hover::after, .button01--fill--width-xl:hover::after, .button01--fill--width-lg:hover::after, .button01--fill--width-md:hover::after, .button01--fill--width-sm:hover::after, .button01--fill:hover::after, .button01--width-xl:hover::after, .button01--width-lg:hover::after, .button01--width-md:hover::after, .button01--width-sm:hover::after, .button01:hover::after {
    right: 0.4em;
  }
}

.trial-footer_btn_txt::after {
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  font-family: "xserver";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: middle;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e606";
  display: block;
  position: absolute;
  top: 0;
  right: 0.6em;
  bottom: 0;
  height: 1em;
  margin: auto;
  font-size: 95%;
  font-weight: 500;
}
.trial-footer_btn_txt:hover::after {
  right: 0.5em;
}

.button01--width-xl, .button01--width-lg, .button01--width-md, .button01--width-sm, .button01 {
  background-color: #fff;
  border-color: #286ed3;
  color: #286ed3;
}
.button01--width-xl:hover, .button01--width-lg:hover, .button01--width-md:hover, .button01--width-sm:hover, .button01:hover {
  background-color: #f5f9ff;
  color: #286ed3;
}

.button01--fill--width-xl, .button01--fill--width-lg, .button01--fill--width-md, .button01--fill--width-sm, .button01--fill {
  background-color: #286ed3;
  color: #fff;
}
.button01--fill--width-xl:hover, .button01--fill--width-lg:hover, .button01--fill--width-md:hover, .button01--fill--width-sm:hover, .button01--fill:hover {
  background-color: #3382f3;
  color: #fff;
}

.button02--width-xl, .button02--width-lg, .button02--width-md, .button02--width-sm, .button02 {
  background-color: #fff;
  border-color: #2f334c;
  color: #2f334c;
}
.button02--width-xl:hover, .button02--width-lg:hover, .button02--width-md:hover, .button02--width-sm:hover, .button02:hover {
  background-color: #f5f5f5;
  color: #2f334c;
}

.button02--fill--width-xl, .button02--fill--width-lg, .button02--fill--width-md, .button02--fill--width-sm, .button02--fill {
  background-color: #2f334c;
  color: #fff;
}
.button02--fill--width-xl:hover, .button02--fill--width-lg:hover, .button02--fill--width-md:hover, .button02--fill--width-sm:hover, .button02--fill:hover {
  background-color: #484c68;
  color: #fff;
}

.button03--width-xl, .button03--width-lg, .button03--width-md, .button03--width-sm, .button03 {
  background-color: #fff;
  border-color: #66bb1f;
  color: #66bb1f;
}
.button03--width-xl:hover, .button03--width-lg:hover, .button03--width-md:hover, .button03--width-sm:hover, .button03:hover {
  background-color: #f1fbe6;
  color: #66bb1f;
}

.button03--fill--width-xl, .button03--fill--width-lg, .button03--fill--width-md, .button03--fill--width-sm, .button03--fill {
  background-color: #66bb1f;
  color: #fff;
}
.button03--fill--width-xl:hover, .button03--fill--width-lg:hover, .button03--fill--width-md:hover, .button03--fill--width-sm:hover, .button03--fill:hover {
  background-color: #82c847;
  color: #fff;
}

.button04--width-xl, .button04--width-lg, .button04--width-md, .button04--width-sm, .button04 {
  background-color: #fff;
  border: 1px solid #eee;
  color: #2f334c;
}
.button04--width-xl:hover, .button04--width-lg:hover, .button04--width-md:hover, .button04--width-sm:hover, .button04:hover {
  background-color: #f8f8f8;
  color: #2f334c;
}

.button04--fill--width-xl, .button04--fill--width-lg, .button04--fill--width-md, .button04--fill--width-sm, .button04--fill {
  background-color: #f1f1f1;
  color: #2f334c;
}
.button04--fill--width-xl:hover, .button04--fill--width-lg:hover, .button04--fill--width-md:hover, .button04--fill--width-sm:hover, .button04--fill:hover {
  background-color: #f8f8f8;
  color: #2f334c;
}

.buttonCta--width-xl, .buttonCta {
  background-color: #f7790b;
  color: #fff;
}
.buttonCta--width-xl:hover, .buttonCta:hover {
  background-color: #f98d2f;
  color: #fff;
}
.buttonCta--width-xl .icon, .buttonCta .icon {
  color: #fff;
}

.buttonCta--border {
  background-color: #fff;
  border-color: #f7790b;
  color: #f7790b;
}
.buttonCta--border:hover {
  background-color: #f98d2f;
  border-color: #f98d2f;
  color: #fff;
}
.buttonCta--border:hover .icon {
  color: #fff;
}
.buttonCta--border .icon {
  color: #f7790b;
}

.buttonCta--btnblue {
  color: #fff;
  background-color: #1b63a7;
}
.buttonCta--btnblue:hover {
  background-color: #2b72b5;
  color: #fff;
}
.buttonCta--btnblue .icon {
  color: #fff;
}

.button--expand {
  display: block;
  width: 100%;
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  .button--expand-s {
    display: block;
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .button--expand-m {
    display: block;
    width: 100%;
  }
}

@media only screen and (min-width: 1100px) {
  .button--expand-l {
    display: block;
    width: 100%;
  }
}

.button01--width-sm, .button01--fill--width-sm, .button02--width-sm, .button02--fill--width-sm, .button03--width-sm, .button03--fill--width-sm, .button04--width-sm, .button04--fill--width-sm {
  padding-right: 0.7em;
  padding-left: 1em;
}
@media only screen and (min-width: 768px) {
  .button01--width-sm, .button01--fill--width-sm, .button02--width-sm, .button02--fill--width-sm, .button03--width-sm, .button03--fill--width-sm, .button04--width-sm, .button04--fill--width-sm {
    padding-right: 1.8em;
    padding-left: 1em;
  }
}

.button01--width-md, .button01--fill--width-md, .button02--width-md, .button02--fill--width-md, .button03--width-md, .button03--fill--width-md, .button04--width-md, .button04--fill--width-md {
  min-width: 11em;
}
@media only screen and (min-width: 768px) {
  .button01--width-md, .button01--fill--width-md, .button02--width-md, .button02--fill--width-md, .button03--width-md, .button03--fill--width-md, .button04--width-md, .button04--fill--width-md {
    min-width: 12.5em;
  }
}

.button01--width-lg, .button01--fill--width-lg, .button02--width-lg, .button02--fill--width-lg, .button03--width-lg, .button03--fill--width-lg, .button04--width-lg, .button04--fill--width-lg {
  min-width: 11em;
}
@media only screen and (min-width: 768px) {
  .button01--width-lg, .button01--fill--width-lg, .button02--width-lg, .button02--fill--width-lg, .button03--width-lg, .button03--fill--width-lg, .button04--width-lg, .button04--fill--width-lg {
    min-width: 15.625em;
  }
}

.button01--width-xl, .button01--fill--width-xl, .button02--width-xl, .button02--fill--width-xl, .button03--width-xl, .button03--fill--width-xl, .button04--width-xl, .button04--fill--width-xl, .buttonCta--width-xl {
  min-width: 11em;
}
@media only screen and (min-width: 768px) {
  .button01--width-xl, .button01--fill--width-xl, .button02--width-xl, .button02--fill--width-xl, .button03--width-xl, .button03--fill--width-xl, .button04--width-xl, .button04--fill--width-xl, .buttonCta--width-xl {
    min-width: 18.75em;
  }
}

#pid-top .mvTrials__btn {
  padding-right: 0.7em;
  padding-left: 1em;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .mvTrials__btn {
    padding-right: 2em;
    padding-left: 2em;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-top .mvTrials__btn {
    padding-right: 2.5em;
    padding-left: 2.5em;
  }
}
#pid-top .mvTrials__btn::after {
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  font-family: "xserver";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: middle;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e606";
  display: inline-block;
  position: relative;
  top: -0.05em;
  margin-left: 0.6em;
  font-size: 95%;
  font-weight: 500;
}
@media only screen and (min-width: 768px) {
  #pid-top .mvTrials__btn::after {
    position: absolute;
    top: 0;
    right: 0.5em;
    bottom: 0;
    height: 1em;
    margin: auto;
  }
}
@media only screen and (min-width: 768px) {
  #pid-top .mvTrials__btn:hover::after {
    right: 0.4em;
  }
}

.code {
  margin-bottom: 1em;
  padding: 12px 15px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  font-size: 13px;
  -webkit-box-shadow: 1px 1px 2px #eee inset;
  box-shadow: 1px 1px 2px #eee inset;
}
.code--cmd {
  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  .holder-s, .holder-smlxl, .holder-sml, .holder-sl, .holder-sm {
    width: 93.75%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .holder-m, .holder-smlxl, .holder-sml, .holder-ml, .holder-sm {
    width: 94.79%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (min-width: 1100px) {
  .holder-l, .holder-smlxl, .holder-sml, .holder-ml, .holder-sl {
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (min-width: 1100px) {
  .holder-xl, .holder-smlxl {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
}

.img {
  max-width: 100%;
  border: 1px solid #eee;
  -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.05);
          box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.05);
}

.imgico {
  display: inline-block;
  background: url(../img/common/icons.png?date=200124) 0 0 no-repeat;
  line-height: 0;
  vertical-align: middle;
}
.ie7 .imgico {
  display: inline;
  zoom: 1;
}
.imgico_medal {
  width: 16px;
  height: 23px;
  background-position: 0 0;
}
.imgico_marker-gray {
  width: 7px;
  height: 4px;
  background-position: 0 -60px;
}
.imgico_marker-blue {
  width: 7px;
  height: 4px;
  background-position: -10px -60px;
}
.imgico_xserver {
  width: 16px;
  height: 16px;
  background-position: 0 -30px;
}
.imgico_sixcore {
  width: 16px;
  height: 16px;
  background-position: -20px -30px;
}
.imgico_xdomain {
  width: 16px;
  height: 16px;
  background-position: -40px -30px;
}
.imgico_wpx {
  width: 16px;
  height: 16px;
  background-position: -60px -30px;
}
.imgico_drivee {
  width: 16px;
  height: 16px;
  background-position: -80px -30px;
}
.imgico_xbiz {
  width: 16px;
  height: 16px;
  background-position: -100px -30px;
}
.imgico_xdrive {
  width: 16px;
  height: 16px;
  background-position: -120px -30px;
}
.imgico_nextshop {
  width: 16px;
  height: 16px;
  background-position: -140px -30px;
}
.imgico_seveneleven {
  width: 36px;
  height: 35px;
  background-position: 0 -80px;
}
.imgico_lawson {
  width: 36px;
  height: 35px;
  background-position: -40px -80px;
}
.imgico_familymart {
  width: 36px;
  height: 35px;
  background-position: -80px -80px;
}
.imgico_dailyyamazaki {
  width: 36px;
  height: 35px;
  background-position: -120px -80px;
}
.imgico_ministop {
  width: 36px;
  height: 35px;
  background-position: -160px -80px;
}
.imgico_seicomart {
  width: 36px;
  height: 35px;
  background-position: -200px -80px;
}
.imgico_circlek {
  width: 36px;
  height: 35px;
  background-position: -240px -80px;
}
.imgico_2way {
  width: 39px;
  height: 39px;
  background-position: 0 -120px;
}
.imgico_transfer-server {
  width: 35px;
  height: 25px;
  background-position: 0 -160px;
}
.imgico_transfer-domain {
  width: 29px;
  height: 25px;
  background-position: -40px -160px;
}
.imgico_transfer-domain {
  width: 29px;
  height: 25px;
  background-position: -40px -160px;
}
.imgico_circle-double {
  width: 26px;
  height: 26px;
  background-position: -50px 0;
}
.imgico_circle {
  width: 26px;
  height: 26px;
  background-position: -20px 0;
}
.imgico_circle-mini_orange {
  width: 11px;
  height: 11px;
  background-position: -80px 0;
}
.imgico_question {
  width: 17px;
  height: 17px;
  background-position: -100px 0;
}

.link {
  display: inline-block;
}
.link .ico {
  margin: 0 5px;
  color: #1b63a7;
}
.note .link {
  text-indent: 0;
}

.ul {
  margin: 0 0 1em 1.5em;
  list-style: disc outside;
}
.ul_margin > li {
  margin-bottom: 1em;
}
.ul_circle {
  list-style: circle outside;
}

.ol {
  margin: 0 0 1em 2em;
  list-style: decimal outside;
}
.ol_lower-roman {
  list-style-type: lower-roman;
}
.ol_margin > li {
  margin-bottom: 1em;
}

.list {
  margin: 0 0 1em 1.5em;
}
.list li {
  position: relative;
}
.list li::after {
  content: "";
  position: absolute;
  top: 0.5em;
  left: -1.1em;
  display: block;
}
.list li li {
  margin: 0 0 0 13px;
}
.list_margin > li {
  margin-bottom: 1em;
}
.list_arrow-down li:after {
  top: 0.6em;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #1b63a7;
}
.list_arrow-up li:after {
  top: 0.6em;
  width: 0;
  height: 0;
  border-bottom: 5px solid #1b63a7;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.list_arrow-right li:after {
  top: 0.6em;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #1b63a7;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.list_chevron-down li:after {
  top: 0.4em;
  width: 6px;
  height: 6px;
  border-bottom: 1px solid #1b63a7;
  border-right: 1px solid #1b63a7;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.list_chevron-up li:after {
  top: 0.6em;
  width: 6px;
  height: 6px;
  border-bottom: 1px solid #1b63a7;
  border-right: 1px solid #1b63a7;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.list_chevron-right li:after {
  width: 6px;
  height: 6px;
  border-bottom: 1px solid #1b63a7;
  border-right: 1px solid #1b63a7;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.list_circle li:after {
  width: 5px;
  height: 5px;
  background-color: #fff;
  border: 1px solid #1b63a7;
  border-radius: 100%;
}
.list_check li:after {
  width: 8px;
  height: 3px;
  border-bottom: 2px solid #1b63a7;
  border-left: 2px solid #1b63a7;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.dl {
  margin: 0 0 1em;
  padding: 20px;
  background: #fff;
  border: 1px solid #ccc;
}
.dl dt {
  margin: 0 0 10px;
  padding: 5px 8px;
  background: #eee;
  font-weight: bold;
}
.dl dd {
  margin: 0 0 25px;
  padding: 0 0 0 1em;
}
.dl dd:last-child {
  margin: 0;
}
.dl dd > :last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .dl dd {
    padding: 0;
  }
}

.media {
  clear: both;
  *zoom: 1;
}
.media::before, .media::after {
  content: " ";
  display: table;
}
.media::after {
  clear: both;
}
.media_image {
  float: left;
  margin-right: 30px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .media_image {
    float: none;
    display: block;
    margin: 0 0 20px;
    text-align: center;
  }
}
.media_image > img {
  display: block;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .media_image > img {
    display: inline;
  }
}
.media_image_rev {
  float: right;
  margin-left: 30px;
  margin-right: 0;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .media_image_rev {
    float: none;
    margin: 0 0 20px;
  }
}
.media_body {
  overflow: hidden;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .media_body {
    overflow: visible;
  }
}
.media_body > :last-child {
  margin-bottom: 0;
}

.modalOverlay {
  z-index: 1000000;
  position: fixed;
  opacity: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: hidden;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-animation: all 0.3s ease-in;
          animation: all 0.3s ease-in;
}

.flModal {
  z-index: 1000000;
  position: fixed;
  opacity: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: hidden;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-animation: all 0.3s ease-in;
          animation: all 0.3s ease-in;
  pointer-events: none;
}
.flModal * {
  pointer-events: auto;
}
.flModal.is--show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
  -webkit-animation: flModalfadeIn forwards 0.3s ease-in;
          animation: flModalfadeIn forwards 0.3s ease-in;
}
.flModal.is--show ~ .modalOverlay {
  z-index: 999999;
  visibility: visible;
  -webkit-animation: flModalfadeIn forwards 0.3s ease-in;
          animation: flModalfadeIn forwards 0.3s ease-in;
}
.flModal button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
}
.flModal .flModalClose button {
  z-index: 1000000;
  position: absolute;
  top: -20px;
  right: -20px;
  width: 80px;
  height: 80px;
  background: #000;
  border-radius: 50%;
  padding: 0;
  border: none;
  cursor: pointer;
  text-indent: -9999px;
  overflow: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .flModal .flModalClose button {
    top: -15px;
    right: -10px;
    width: 50px;
    height: 50px;
  }
}
.flModal .flModalClose button:before, .flModal .flModalClose button:after {
  display: block;
  content: "";
  position: absolute;
  width: 40px;
  height: 5px;
  background: #fff;
  left: calc(50% - 20px);
  top: 50%;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .flModal .flModalClose button:before, .flModal .flModalClose button:after {
    width: 24px;
    height: 4px;
    left: calc(50% - 12px);
  }
}
.flModal .flModalClose button:before {
  -webkit-transform: rotate(45deg) translate(-1px, -1px);
          transform: rotate(45deg) translate(-1px, -1px);
}
.flModal .flModalClose button:after {
  -webkit-transform: rotate(-45deg) translate(1px, -1px);
          transform: rotate(-45deg) translate(1px, -1px);
}
.flModal .flModalClose button:focus {
  outline: none;
}
.flModal .flModalClose button:hover {
  background: #222;
}
.flModal .flModalBody {
  position: relative;
  max-height: 80%;
  background: #fff;
  border-radius: 3px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .flModal .flModalBody .flModalContents__header img {
    max-width: 100%;
    height: auto;
  }
  .flModal .flModalBody .flModalContents__subcaption {
    font-size: 1.4rem;
  }
  .flModal .flModalBody .flModalContents__discount {
    width: auto;
    display: block;
  }
  .flModal .flModalBody .flModalContents__discount img {
    max-width: 100%;
    height: auto;
  }
  .flModal .flModalBody .flModalContents__discount .discountDetails {
    display: block;
  }
  .flModal .flModalBody .flModalContents__discount .discountDetails .item {
    margin: 14px 0 0;
  }
}
.flModal .flModalContents {
  color: #000;
}
.flModal .flModalContents .row1, .flModal .flModalContents .row2 {
  text-align: center;
}
.flModal .flModalContents .row1 {
  border-radius: 3px 3px 0 0;
}
.flModal .flModalContents .row2 {
  background: #fff;
  border-radius: 0 0 3px 3px;
}
.flModal .flModalContents .row2 img {
  max-width: 35%;
  height: auto;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .flModal .flModalContents .row2 img {
    max-width: 50%;
  }
}
.flModal .flModalContents__caption {
  margin: 20px 0 0;
  text-align: center;
  font-weight: bold;
  font-size: 1.8rem;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .flModal .flModalContents__caption {
    font-size: 1.6rem;
  }
}
.flModal .flModalContents__discount {
  margin: 0 auto;
  text-align: center;
}
.flModal .flModalContents__discount .discountDetails {
  background: #fff;
  padding: 12px 0 20px;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.flModal .flModalContents__subcaption {
  font-size: 1.6rem;
  font-weight: bold;
}
.flModal .flModalContents__subcaption span {
  font-weight: bold;
}
.flModal .flModalContents__register {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.4;
  margin: 4px 0 0;
}
.flModal .flModalContents__register img {
  vertical-align: baseline;
  max-width: 90%;
  height: auto;
}
.flModal .flModalContents__close button {
  width: 100%;
  background: #000;
  border: none;
  padding: 18px 0;
  color: #fff;
  font-size: inherit;
  border-radius: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .flModal .flModalContents__close button {
    padding: 12px 0;
  }
}
.flModal .flModalContents__close button:hover {
  background: #222;
}

@-webkit-keyframes flModalfadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes flModalfadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.msg {
  margin: 0 0 20px;
  padding: 20px;
  background: #f8f8f8;
  border: 1px solid #ddd;
  border-radius: 3px;
}
@media only screen and (min-width: 768px) {
  .msg {
    padding: 25px;
  }
}
.msg > :last-child {
  margin-bottom: 0;
}
.msg .btn {
  margin: 0 5px 5px 0;
}
.msg_notice {
  background: #fbf8ea;
  border-color: #e7e3d3;
}
.msg_notice .msg_ttl {
  color: #eca700;
}
.msg_caution {
  background: #fbeded;
  border-color: #ebd5d5;
}
.msg_caution .msg_ttl {
  color: #bf1517;
}
.msg_ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 10px;
  color: #69b000;
  font-size: 1.6rem;
  font-weight: bold;
}
.msg_ttl .ico {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0 5px 0 0;
  font-size: 1.8rem;
}
@media all and (-ms-high-contrast: none) {
  .msg_ttl .ico {
    margin-top: 0.15em;
  }
}
.msg_body > :last-child {
  margin-bottom: 0;
}
.msg_body_cp {
  font-size: 14px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .msg_body_cp {
    font-size: 12px;
  }
}

.note {
  margin-left: 1em;
  text-indent: -1em;
}
.note_x2, .note_x3 {
  margin-left: 1em;
  text-indent: -1em;
}
.note_x2 {
  margin-left: 1em;
  text-indent: -1em;
}
.note_x3 {
  margin-left: 3em;
  text-indent: -3em;
}

.note-list > li {
  margin-left: 1em;
  text-indent: -1em;
}
.note-list_x2 > li, .note-list_x3 > li {
  margin-left: 1em;
  text-indent: -1em;
}
.note-list_x2 > li {
  margin-left: 2em;
  text-indent: -2em;
}
.note-list_x3 > li {
  margin-left: 3em;
  text-indent: -3em;
}
.note-list_margin > li {
  margin-bottom: 10px;
}
.note-list_margin > li:last-child {
  margin-bottom: 0;
}

.topic-path + .section {
  margin-top: 30px;
}

.section {
  margin: 0 0 60px;
}
@media only screen and (min-width: 1100px) {
  .section {
    margin: 0 0 80px;
  }
}
.section:last-child {
  margin: 0;
}
.section_ttl {
  font-size: 2rem;
}
@media only screen and (min-width: 1100px) {
  .section_ttl {
    font-size: 2.6rem;
  }
}
.section_ttl {
  position: relative;
  background: #f8f8f8;
  font-weight: 500;
  padding: 15px;
  padding-left: 20px;
  margin: 0 0 25px;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.section_ttl::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -12.5px;
  display: block;
  width: 8px;
  height: 25px;
  background: #286ed3;
}
.section_ttl_border {
  font-size: 2rem;
}
@media only screen and (min-width: 1100px) {
  .section_ttl_border {
    font-size: 2.6rem;
  }
}
.section_ttl_border {
  margin: 0 0 30px;
  padding: 0 0 11px;
  border-bottom: 1px solid #113d6b;
  font-weight: bold;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.section_body {
  margin-bottom: 40px;
}
.section_body:last-child {
  margin-bottom: 0;
}
.section_body > :last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .section_body {
    padding: 0;
  }
}
.section_footer {
  padding: 20px 0 0;
  border-top: 1px dotted #ccc;
}

.sticker {
  display: inline-block;
  margin: 0 5px;
  padding: 4px 5px;
  background: #eca700;
  border: 1px solid #fff;
  border-radius: 3px;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  line-height: 1;
  vertical-align: middle;
  text-decoration: none !important;
  -webkit-box-shadow: 0 0 3px 0 #ccc;
  box-shadow: 0 1px 1px 0 #ccc;
  -webkit-transition: background-color 0.1s ease-out;
  transition: background-color 0.1s ease-out;
}

a.sticker:hover {
  background: #E59600;
  color: #fff;
}

.sub-ttl {
  position: relative;
  display: table;
  margin: -0.25em 0 40px;
  padding-bottom: 15px;
  font-size: 2.2rem;
  font-weight: 500;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .sub-ttl {
    font-size: 2.4rem;
  }
}
@media only screen and (min-width: 1100px) {
  .sub-ttl {
    margin-bottom: 50px;
    padding-bottom: 20px;
    font-size: 3.2rem;
  }
}
.sub-ttl:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 5px;
  background-image: -webkit-gradient(linear, left top, right top, from(rgb(82, 200, 222)), to(rgb(25, 94, 196)));
  background-image: linear-gradient(90deg, rgb(82, 200, 222) 0%, rgb(25, 94, 196) 100%);
}

.table {
  width: 100%;
  margin: 0 0 20px;
  background: #fff;
}
.table caption {
  padding: 15px 12px;
  background: #2d74bf;
  color: #fff;
  text-align: center;
  font-size: 1.5rem;
}
.table th,
.table td {
  padding: 15px 12px;
  border: 1px solid #d6e5f2;
  vertical-align: middle;
  font-weight: normal;
}
.table th, .table td {
  font-size: 1.35rem;
}
@media only screen and (min-width: 1100px) {
  .table th, .table td {
    font-size: 1.45rem;
  }
}
.table th > :last-child,
.table td > :last-child {
  margin-bottom: 0;
}
.table thead th {
  background: #d6e5f2;
  text-align: center;
  border-color: #fff;
}
.table thead th:first-child {
  border-left-color: #d6e5f2;
}
.table thead th:last-child {
  border-right-color: #d6e5f2;
}
.table tbody th {
  background: #f3f3f3;
  border: 1px solid #f3f3f3;
  border-bottom-color: #fff;
}
.table tbody tr:last-child th {
  border-bottom-color: #f3f3f3;
}
.table_striped tbody tr:nth-child(even) th {
  background: #f3f3f3;
}
.table_striped tbody tr:nth-child(even) td {
  background: #f8f8f8;
}
.table_striped tbody tr:last-child th {
  border-bottom: 1px solid #f3f3f3;
}
.table_striped tbody tr:last-child td {
  border-bottom: 1px solid #f8f8f8;
}
.table_striped tbody th, .table_striped tbody td {
  border: none;
}
.table_striped tbody th {
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .table_striped tbody tr:nth-child(odd) th,
  .table_striped tbody tr:nth-child(even) th {
    background: #f3f3f3;
  }
}
.table_use-caption thead th {
  background: #999;
  -webkit-filter: none;
          filter: none;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .table caption a {
    color: #fff;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .table_responsive {
    width: 100%;
  }
  .table_responsive th,
  .table_responsive td {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    border-bottom: none;
    text-align: center;
  }
  .table_responsive th {
    padding: 10px;
    background-position: 0 100%;
  }
  .table_responsive tr:last-child > :last-child {
    border-bottom: 1px solid #ccc;
  }
}

.table_similarBg tbody th {
  border-left-color: #d6e5f2;
}
.table_similarBg tbody tr:last-child th {
  border-bottom-color: #d6e5f2;
}

.table_ttl {
  background: #cbd9e6 !important;
  color: #355d7d;
}

.cell_nowrap {
  width: 1%;
  white-space: nowrap;
}

.no-js .primary-table-ml,
.no-js .primary-table-l,
.no-js .ssl-primary-table-l {
  display: table !important;
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  .primary-table-ml,
  .primary-table-l,
  .ssl-primary-table-l {
    display: none;
  }
  .secondly-table-s,
  .secondly-table-sm,
  .ssl-secondly-table-sm {
    margin: 0 0 20px;
  }
  .secondly-table-s caption,
  .secondly-table-s th,
  .secondly-table-s td,
  .secondly-table-sm caption,
  .secondly-table-sm th,
  .secondly-table-sm td,
  .ssl-secondly-table-sm caption,
  .ssl-secondly-table-sm th,
  .ssl-secondly-table-sm td {
    padding: 10px;
  }
  .secondly-table-s tbody th {
    background: #f3f3f3;
  }
  .secondly-table-s.table_striped tbody tr:nth-child(odd) th, .secondly-table-s.table_striped tbody tr:nth-child(even) th {
    background: #f3f3f3;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .primary-table-l {
    display: none;
  }
  .ssl-primary-table-l {
    display: none;
  }
  .secondly-table-s {
    display: none;
  }
  .secondly-table-sm {
    margin: 0 0 20px;
  }
  .ssl-secondly-table-sm {
    margin: 0 0 20px;
  }
  .secondly-table-sm caption,
  .secondly-table-sm th,
  .secondly-table-sm td {
    padding: 10px;
  }
  .ssl-secondly-table-sm caption,
  .ssl-secondly-table-sm th,
  .ssl-secondly-table-sm td {
    padding: 10px;
  }
}
@media only screen and (min-width: 1100px) {
  .secondly-table-s,
  .secondly-table-sm,
  .ssl-secondly-table-sm {
    display: none;
  }
}
.tooltip {
  display: inline-block;
}
.tooltip_target {
  display: inline-block;
  cursor: pointer;
}
.tooltip_content {
  display: none;
}
.tooltip_balloon {
  text-align: left;
  color: #222;
  background: #f8f8f8;
  border: 1px solid #ddd;
  border-radius: 3px;
  position: absolute;
  z-index: 100000;
  padding: 10px;
  font-size: 12px;
  max-width: 480px;
}
.tooltip_balloon::before {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #ddd;
  content: "";
  position: absolute;
  left: 50%;
  bottom: -11px;
  margin-left: -10px;
}
.tooltip_balloon::after {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #f8f8f8;
  content: "";
  position: absolute;
  left: 50%;
  bottom: -10px;
  margin-left: -10px;
}
.tooltip_balloon.top::before {
  border-top-color: transparent;
  border-bottom: 10px solid #ddd;
  top: -21px;
  bottom: auto;
}
.tooltip_balloon.top::after {
  border-top-color: transparent;
  border-bottom: 10px solid #f8f8f8;
  top: -20px;
  bottom: auto;
}
.tooltip_balloon.left::before {
  left: 10px;
  margin: 0;
}
.tooltip_balloon.left::after {
  left: 10px;
  margin: 0;
}
.tooltip_balloon.left .tooltip_balloon_bottom {
  left: 20px;
}
.tooltip_balloon.left .tooltip_balloon_btn {
  left: 20px;
}
.tooltip_balloon.right::before {
  right: 10px;
  left: auto;
  margin: 0;
}
.tooltip_balloon.right::after {
  right: 10px;
  left: auto;
  margin: 0;
}
.tooltip_balloon.right .tooltip_balloon_bottom {
  right: 20px;
}
.tooltip_balloon.right .tooltip_balloon_btn {
  right: 20px;
}
.tooltip_balloon_bottom {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 50%;
  bottom: -30px;
  background: #f8f8f8;
  opacity: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.tooltip_balloon_btn {
  position: absolute;
  width: 20px;
  height: 20px;
  left: 50%;
  bottom: -30px;
  background: #f8f8f8;
  opacity: 0;
  cursor: pointer;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.topic-path {
  margin: 15px 0 30px 0;
  font-size: 1.2rem;
  color: #777;
}
.topic-path .ico_circle {
  display: none;
}
.topic-path ol li {
  display: inline-block;
}
.topic-path ol li .ico {
  margin: 0 5px;
  color: #a7a7a7;
}
.topic-path ol li a {
  text-decoration: underline;
  color: #777;
}
.topic-path ol li a:hover {
  color: #286ed3;
  text-decoration: none;
}
.topic-path ol li span.is-current {
  background: none;
}

.selectForm {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 45px;
  padding: 0 38px 0 12px;
  background: url(../img/common/ico_arrow_down_black.svg) no-repeat right 13px center #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  cursor: pointer;
  font-size: 1.6rem;
  outline: none;
}
.selectForm:focus {
  border: 1px solid #1b63a7;
}
.selectForm::-ms-value {
  background: none;
  color: #2f334c;
}
.selectForm::-ms-expand {
  display: none;
}

input.inputForm {
  width: 100%;
  height: 45px;
  padding: 0 12px;
  border: 1px solid #ccc;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 1.6rem;
  outline: none;
}
input.inputForm::-ms-clear {
  visibility: hidden;
}

.buttonForm {
  -webkit-transition-property: color, border, background-color;
  transition-property: color, border, background-color;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-block;
  position: relative;
  height: 45px;
  padding: 0 1em;
  border: none;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  font-family: inherit;
  font-size: 1.6rem;
  font-weight: normal;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  line-height: 1.4;
  vertical-align: middle;
  text-align: center;
  text-decoration: none !important;
  background-color: #1b63a7;
  color: #fff;
}
.buttonForm:hover {
  background-color: #2b72b5;
  color: #fff;
}

.inputForm__group--row {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -10px -5px 0;
}
@media only screen and (min-width: 768px) {
  .inputForm__group--row {
    margin: -16px -8px 0;
  }
}
.inputForm__group--row .inputForm__body {
  margin-top: 10px;
}
@media only screen and (min-width: 768px) {
  .inputForm__group--row .inputForm__body {
    margin-top: 16px;
  }
}
.inputForm__group--row .inputForm__body .inputForm__body__inr {
  padding: 0 5px;
}
@media only screen and (min-width: 768px) {
  .inputForm__group--row .inputForm__body .inputForm__body__inr {
    padding: 0 8px;
  }
}
.inputForm__group--col {
  overflow: hidden;
  margin-top: -10px;
}
.inputForm__group--col .inputForm__body {
  display: block;
  margin-top: 10px;
}

.inputForm__body {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}

.radioForm,
.checkboxForm {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  overflow: hidden;
  padding: 0;
  clip: rect(0, 0, 0, 0);
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .radioForm,
  .checkboxForm {
    display: none;
  }
}

.radioLabelForm,
.radioLabelForm--simple,
.checkboxLabelForm,
.checkboxLabelForm--simple {
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  font-size: 1.6rem;
  line-height: 1.4;
  vertical-align: middle;
}
@media all and (-ms-high-contrast: none) {
  .radioLabelForm,
  .radioLabelForm--simple,
  .checkboxLabelForm,
  .checkboxLabelForm--simple {
    font-family: Meiryo, sans-serif;
  }
}
.radioLabelForm::before,
.radioLabelForm--simple::before,
.checkboxLabelForm::before,
.checkboxLabelForm--simple::before {
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  content: "";
  opacity: 0;
  display: block;
  position: absolute;
  top: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.radioLabelForm::after,
.radioLabelForm--simple::after,
.checkboxLabelForm::after,
.checkboxLabelForm--simple::after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  width: 18px;
  height: 18px;
  margin-top: -10px;
  border: 1px solid #666;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.radioLabelForm .subLabelForm,
.radioLabelForm--simple .subLabelForm,
.checkboxLabelForm .subLabelForm,
.checkboxLabelForm--simple .subLabelForm {
  display: block;
  color: #999;
}

.radioLabelForm,
.checkboxLabelForm {
  -webkit-transition-property: background-color, border;
  transition-property: background-color, border;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  padding: 10px 12px 10px 38px;
  border-radius: 3px;
  background-color: #fff;
  border: 1px solid #ccc;
}
.radioLabelForm::after,
.checkboxLabelForm::after {
  left: 13px;
}

.radioLabelForm--simple,
.checkboxLabelForm--simple {
  padding-left: 25px;
}
.radioLabelForm--simple::after,
.checkboxLabelForm--simple::after {
  left: 0;
}

.radioLabelForm::before,
.radioLabelForm--simple::before {
  top: 50%;
  margin-top: -6px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #1b63a7;
}
.radioLabelForm::after,
.radioLabelForm--simple::after {
  border-radius: 50%;
}

.radioLabelForm::before {
  left: 17px;
}

.radioLabelForm--simple::before {
  left: 4px;
}

.checkboxLabelForm::before,
.checkboxLabelForm--simple::before {
  top: 50%;
  margin-top: -8px;
  width: 6px;
  height: 12px;
  border-right: 3px solid #1b63a7;
  border-bottom: 3px solid #1b63a7;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.checkboxLabelForm::before {
  left: 19px;
}

.checkboxLabelForm--simple::before {
  left: 6px;
}

.radioForm:focus + .radioLabelForm,
.checkboxForm:focus + .checkboxLabelForm,
.radioLabelForm:hover,
.checkboxLabelForm:hover {
  border: 1px solid #1b63a7;
}

.radioForm:checked + .radioLabelForm {
  border-color: #1b63a7;
  background-color: #D8ECFF;
}

.radioForm:checked + .radioLabelForm::before,
.radioForm:checked + .radioLabelForm--simple::before {
  opacity: 1;
}

.checkboxForm:checked + .checkboxLabelForm {
  border-color: #1b63a7;
  background-color: #D8ECFF;
}

.checkboxForm:checked + .checkboxLabelForm:before,
.checkboxForm:checked + .checkboxLabelForm--simple:before {
  opacity: 1;
}

.labelForm {
  margin-right: 10px;
}

.labelRadioForm {
  -webkit-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  border-radius: 50%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  border: 1px solid #666;
  padding: 0;
  width: 18px;
  height: 18px;
  margin: -1px 6px 0 0;
  outline: 0;
  -webkit-box-shadow: inset 0 0 0 4px #fff;
          box-shadow: inset 0 0 0 4px #fff;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: 1.6rem;
}
.labelRadioForm:checked {
  background-color: #1b63a7;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #666, inset 0 0 0 4px #fff;
          box-shadow: inset 0 0 0 1px #666, inset 0 0 0 4px #fff;
}

.textareaForm {
  width: 100%;
  padding: 12px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: inherit;
  font-size: 1.6rem;
  font-weight: normal;
  outline: none;
}

.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  margin: 0;
  overflow: hidden;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: auto;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: calc(50% - 15px);
  display: block;
  width: 18px;
  height: 34px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent no-repeat left top/100% 100%;
  z-index: 1;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.slick-prev:hover,
.slick-next:hover {
  color: transparent;
  outline: none;
  opacity: 0.5;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev {
  background-image: url("../img/common/ico_slide_prev.png");
  left: -30px;
}

.slick-next {
  background-image: url("../img/common/ico_slide_next.png");
  right: -30px;
}

.slick-dots {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  font-size: 0;
  line-height: 0;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 20px 5px 0;
  padding: 0;
}

.slick-dots li button {
  width: 100%;
  height: 100%;
  font-size: 0;
  line-height: 0;
  display: block;
  color: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  outline: none;
  background: #fff;
  border-radius: 50%;
  opacity: 0.6;
  cursor: pointer;
}

.slick-dots li.slick-active button {
  opacity: 1;
}

.slick-dots li:only-child {
  display: none;
}

.footer_note {
  margin: 30px 0 40px;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  counter-reset: number 0;
}
@media only screen and (min-width: 1100px) {
  .footer_note {
    margin: 40px 0 50px;
  }
}
.footer_note li:before {
  counter-increment: number 1;
  content: "\203b" counter(number) " ";
}
.footer_note li {
  margin-left: 2em;
  color: #888;
  font-size: 11px;
  line-height: 1.4;
  text-indent: -2em;
}
.footer_note li a {
  color: #888;
}

.related-site ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 -5px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .related-site li {
    width: 49%;
    margin: 0 0 10px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .related-site li img {
    display: block;
    width: 100%;
    height: auto;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .related-site {
    margin: 20px 10px;
  }
}
@media only screen and (min-width: 768px) {
  .related-site {
    width: 190px;
    margin-left: 20px;
  }
  .related-site ul {
    display: block;
    margin: -10px 0 0;
  }
  .related-site li {
    margin: 10px 0 0;
  }
}

#footer {
  padding: 40px 0 0;
}
@media only screen and (min-width: 768px) {
  #footer {
    padding: 60px 0 0;
  }
}
#footer .footerColumn1 > .spmenu_list {
  border-bottom: 1px solid #ccc;
}
#footer .footerColumn1 .is-current > .spmenu_list_label,
#footer .footerColumn1 .is-current .is-current .spmenu_list_label,
#footer .footerColumn1 .spmenu_list_label.is-current {
  color: #222;
  font-weight: normal;
}
#footer .footerColumn1 .spmenu_list_column_inner > .spmenu_list_item:last-child {
  border-bottom: 1px solid #ccc;
}
@media only screen and (min-width: 768px) {
  #footer .footerColumn1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media only screen and (min-width: 1100px) {
  #footer .footerColumn1 .spmenu_list_column_inner > .spmenu_list_item:last-child {
    border-bottom: none;
  }
  #footer .footerColumn1 > .spmenu_list {
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #footer .footerColumn1 > .spmenu_list a {
    text-decoration: none;
  }
  #footer .footerColumn1 > .spmenu_list .ico_chevron-right,
  #footer .footerColumn1 > .spmenu_list .ico_plus {
    display: none;
  }
  #footer .footerColumn1 > .spmenu_list .spmenu_list_column_inner > li:not(:last-child) {
    margin-bottom: 40px;
  }
  #footer .footerColumn1 > .spmenu_list .spmenu_list_column_inner > .spmenu_list_item > a {
    pointer-events: none;
  }
  #footer .footerColumn1 > .spmenu_list > .spmenu_list_item > a {
    pointer-events: none;
  }
  #footer .footerColumn1 > .spmenu_list .spmenu_list_item {
    border: none;
    padding: 0;
  }
  #footer .footerColumn1 > .spmenu_list .spmenu_list_label {
    padding: 0;
    background: none;
    border: none;
    font-size: 1.3rem;
    font-weight: bold;
  }
  #footer .footerColumn1 > .spmenu_list .spmenu_list_label span {
    display: inline-block;
    width: auto;
    float: none;
  }
  #footer .footerColumn1 > .spmenu_list .spmenu_list_label .ico_new-window {
    display: inline-block;
    float: none;
    width: auto;
    margin-left: 6px;
  }
  #footer .footerColumn1 > .spmenu_list .spmenu_list_sub {
    display: block;
    font-size: 1.3rem;
    font-weight: normal;
    border: none;
    margin: 20px 0 0;
  }
  #footer .footerColumn1 > .spmenu_list .spmenu_list_sub > .spmenu_list_item {
    margin: 12px 0 0;
  }
  #footer .footerColumn1 > .spmenu_list .spmenu_list_sub > .spmenu_list_item .spmenu_list_label {
    font-weight: normal;
  }
}
#footer .spmenu_list .spmenu_list_item.registry > .spmenu_list_label {
  color: #2f334c;
  background: none;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #footer .spmenu_list .spmenu_list_sub .spmenu_list_label {
    padding-left: 26px;
  }
}
#footer .spmenu_list .spmenu_list_label {
  padding: 12px 3.13%;
  font-size: 1.4rem;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
#footer .spmenu_list .spmenu_list_label i {
  color: #286ed3;
}
#footer .spmenu_list .spmenu_list_label .ico_new-window {
  position: relative;
  top: -1px;
}
#footer .spmenu_list .spmenu_list_label span i {
  color: #2f334c;
}
@media only screen and (min-width: 768px) {
  #footer .spmenu_list {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

.footer-nav {
  padding: 20px 0 30px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .footer-nav {
    padding: 25px 0 30px;
  }
}
@media only screen and (min-width: 1100px) {
  .footer-nav {
    display: table;
    margin: 0 auto;
    padding: 25px 0 50px;
  }
  .footer-nav .footer-nav-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.footer-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -2px -10px;
  font-size: 1.2rem;
}
.footer-link li {
  margin: 2px 10px;
}
.footer-link a {
  color: #2f334c;
  text-decoration: none;
}

.footer-socialLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 15px -8px -5px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .footer-socialLink {
    margin: 20px -8px -5px;
  }
}
@media only screen and (min-width: 1100px) {
  .footer-socialLink {
    margin: -5px -5px -5px 20px;
  }
}
.footer-socialLink li {
  margin: 5px 8px;
}
@media only screen and (min-width: 1100px) {
  .footer-socialLink li {
    margin: 5px;
  }
}
.footer-socialLink a {
  text-decoration: none;
}
.footer-socialLink img {
  width: 32px;
  height: auto;
}

.footer-pr-area {
  overflow: hidden;
  margin: 30px 0;
  padding: 30px 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .footer-pr-area {
    margin: 40px 0 30px;
    padding: 30px 0;
  }
}
@media only screen and (min-width: 1100px) {
  .footer-pr-area {
    margin: 40px 0;
    padding: 40px 0;
  }
}

.footer_siteid {
  text-align: center;
}
.footer_siteid img {
  max-width: 100%;
  height: auto;
}

.pr-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: 12px;
}
@media only screen and (max-width: 1099px) {
  .pr-area {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media only screen and (min-width: 1100px) {
  .pr-area {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.pr-area .pr-area-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 1099px) {
  .pr-area .pr-area-item {
    width: 50%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
  }
}
@media only screen and (min-width: 1100px) {
  .pr-area .pr-area-item {
    padding: 0 10px;
  }
  .pr-area .pr-area-item:last-child {
    width: 40%;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .pr-area .pr-area-item img {
    max-width: 100%;
  }
}
.pr-area .pr-area-item dt {
  padding-right: 10px;
}
@media only screen and (max-width: 1099px) {
  .pr-area .pr-area-item dt {
    padding-right: 0;
  }
}
@media only screen and (max-width: 1099px) {
  .pr-area .pr-area-item dd {
    text-align: left;
    word-break: break-all;
    padding: 10px;
  }
}
.pr-area .pr-isms dd {
  width: 240px;
  word-break: break-all;
}
@media only screen and (max-width: 1099px) {
  .pr-area .pr-isms dd {
    width: auto;
  }
}
@media only screen and (max-width: 1099px) {
  .pr-area .pr-siteseal {
    width: 100%;
    margin-top: 30px;
    padding: 30px 5px 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-top: 1px solid #eee;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .pr-area .pr-siteseal {
    display: block;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .pr-area .pr-siteseal dt {
    display: inline-block;
    margin-right: 3px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .pr-area .pr-siteseal dt {
    margin-right: 10px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .pr-area .pr-siteseal dd {
    display: inline-block;
  }
}

.copyright {
  padding: 20px 0;
  background: #1b63a7;
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
}
.copyright p {
  margin: 0;
}

.related-service {
  padding: 15px 0;
  background: #eff4f8;
  font-size: 1.2rem;
}
.related-service a {
  display: inline-block;
  padding: 3px 0;
  color: #2f334c;
  text-decoration: none;
}
@media only screen and (min-width: 768px) {
  .related-service a {
    padding: 5px 0;
  }
}
.related-service a:hover {
  text-decoration: underline;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .related-service ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .related-service ul > li {
    width: 50%;
  }
}
@media only screen and (min-width: 1100px) {
  .related-service ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .related-service ul > li {
    width: 33%;
  }
}

#layout-switch {
  display: none;
  margin: 0;
  padding: 10px 0;
  text-align: center;
}

#pagetop-btn {
  display: block;
}
@media only screen and (max-width: 1099px) {
  #pagetop-btn {
    height: 50px;
    background: #262626;
    color: #fff;
    line-height: 50px;
    text-align: center;
    text-decoration: none;
  }
}
@media only screen and (min-width: 1100px) {
  #pagetop-btn {
    position: fixed;
    bottom: -65px;
    right: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 60px;
    height: 60px;
    background: #1b63a7;
    border: 3px solid #fff;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px #2e577f;
    -webkit-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
  }
}
@media only screen and (min-width: 1100px) {
  #pagetop-btn:hover {
    background-color: #0e4579;
    text-decoration: none;
    -webkit-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
  }
}
@media only screen and (min-width: 1100px) {
  #pagetop-btn span {
    display: none;
  }
}
@media only screen and (max-width: 1099px) {
  #pagetop-btn .ico {
    margin: 0 5px 0 0;
  }
}
@media only screen and (min-width: 1100px) {
  #pagetop-btn .ico {
    color: #fff;
    font-size: 30px;
    line-height: 54px;
  }
}

.cashless {
  position: fixed;
  right: 25px;
  bottom: 25px;
  z-index: 9999;
  background: #fff;
  padding: 12px;
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  text-align: center;
}
.cashless a {
  display: block;
}
.cashless .button {
  min-width: 180px;
  margin-bottom: 0;
  padding-right: 0.5em;
  padding-left: 0.5em;
  background-color: #f7790b;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.cashless .button:hover {
  background-color: #f98d2f;
  color: #fff;
}
.cashless .button .ico_new-window:before {
  background-image: url(../img/common/ico_blank_white.svg);
}

#pid-info .cashless {
  display: none !important;
}

.cashless-pr {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  margin-bottom: 3px;
  color: #1b63a7;
}

.cashless .campaign-add {
  margin-top: 8px !important;
}

.cashless-del {
  position: absolute;
  top: -17px;
  right: -17px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #28425b;
  color: #fff;
  cursor: pointer;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 2px solid #fff;
  -webkit-box-shadow: 0 2px 4px 0 #666;
          box-shadow: 0 2px 4px 0 #666;
}

.cashless-del span::before,
.cashless-del span::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60%;
  height: 12%;
  margin: -7% 0 0 -30%;
  background: #fff;
}

.cashless-del span::before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.cashless-del span::after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.is--none {
  display: none !important;
}

@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .cashless .btn_orange-l {
    font-size: 14px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .cashless {
    width: 170px;
    padding: 10px 4px 8px 4px;
    bottom: 15px !important;
  }
  .cashless-del {
    width: 26px;
    height: 26px;
  }
  .cashless img {
    width: 92%;
    height: auto;
  }
  .cashless-pr {
    display: none;
  }
  .cashless .campaign-add {
    display: none;
  }
  .cashless p {
    font-size: 10px !important;
  }
}
#header {
  max-width: 1260px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
}
@media only screen and (max-width: 1099px) {
  #header {
    position: fixed;
    z-index: 10;
    top: 0 !important;
    left: 0;
    border-bottom: 1px solid #ccc;
    width: 100%;
  }
}
@media only screen and (max-width: 1099px) {
  #header .headerInner {
    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;
    height: 50px;
  }
}
@media only screen and (min-width: 1100px) {
  #header {
    position: absolute;
    padding: 0 30px;
    z-index: 12;
    background: #fff;
    width: 100%;
    max-width: unset;
  }
  #header .headerInner {
    max-width: 1200px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 1099px) {
  #wrapper.spnav-is-open #header {
    position: relative;
    top: auto;
    left: auto;
  }
}
@media only screen and (min-width: 1100px) {
  #header.isFixed {
    position: fixed;
    -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.05);
            box-shadow: 0 8px 8px rgba(0, 0, 0, 0.05);
  }
  #header.isFixed .sitehead_pr,
  #header.isFixed .head_sub {
    -webkit-transform: translateY(-8vh);
            transform: translateY(-8vh);
    -webkit-transform-origin: right top;
            transform-origin: right top;
    visibility: hidden;
    margin-bottom: 0;
    height: 0;
  }
  #header.isFixed .gnav_item_label {
    padding: 7px 8px 21px;
  }
  #header.isFixed .snav .gnav_item {
    padding-bottom: 0;
  }
  #header.isFixed .snav .gnav_item_label {
    padding: 5px 0 5px 0.25em;
  }
  #header.isFixed .sitehead_siteid_img {
    width: 240px;
  }
}
#header.isFixed .gnav_item.is-current:after {
  display: none;
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  .headerTop {
    margin: 0 0 0 3.6%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .headerTop {
    width: 94.79%;
    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: left;
        -ms-flex-pack: left;
            justify-content: left;
  }
}
@media only screen and (min-width: 1100px) {
  .headerTop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media only screen and (min-width: 768px) {
  .headerTop__leftColumn {
    margin-bottom: 4px;
  }
}
@media only screen and (min-width: 1100px) {
  .headerTop__rightColumn {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}

.sitehead_siteid {
  line-height: 1;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .sitehead_siteid {
    margin-right: 30px;
  }
}
.sitehead_siteid > a {
  display: inline-block;
  margin-right: 15px;
}
@media only screen and (min-width: 1100px) {
  .sitehead_siteid > a {
    margin-right: 0;
  }
}
.sitehead .head_sub {
  display: block;
  font-size: 1.2rem;
  font-weight: bold;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.sitehead .head_sub .num {
  color: #bb940f;
  font-size: 1.6rem;
  -webkit-font-kerning: normal;
          font-kerning: normal;
  letter-spacing: 0;
}
@media only screen and (min-width: 1100px) {
  .sitehead .head_sub .num {
    font-size: 2.4rem;
  }
}
.sitehead .head_sub a {
  color: inherit;
  font-size: 0.9rem;
}
@media only screen and (min-width: 1100px) {
  .sitehead .head_sub {
    font-size: 1.4rem;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    overflow: hidden;
  }
}
.sitehead .sitehead_siteid_img {
  width: 192px;
  height: auto;
}
@media only screen and (min-width: 1100px) {
  .sitehead .sitehead_siteid_img {
    width: 282px;
    margin: 5px 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
}
@media only screen and (min-width: 1099px) and (max-width: 1144px) {
  .sitehead .sitehead_siteid_img {
    width: 240px;
  }
}
.sitehead .head_share_img {
  display: block;
  position: relative;
  margin: 2px 0 0;
}
@media only screen and (min-width: 768px) {
  .sitehead .head_share_img {
    display: inline-block;
  }
}
@media only screen and (min-width: 1100px) {
  .sitehead .head_share_img {
    margin: 5px 0;
  }
}
.sitehead .head_share_img img {
  width: 164px;
  height: auto;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .sitehead .head_share_img img {
    width: 100px;
  }
}
@media only screen and (min-width: 1160px) {
  .sitehead .head_share_img img {
    width: auto;
  }
}
.sitehead .head_share_img a {
  margin-left: 3px;
  color: #2f334c;
  font-size: 10px;
}
@media only screen and (min-width: 1100px) {
  .sitehead .head_share_img a {
    position: relative;
    top: 8px;
  }
}
.sitehead_pr {
  margin: 0;
  line-height: 1;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media only screen and (max-width: 824px) {
  .sitehead_pr {
    display: none;
  }
}
@media only screen and (min-width: 1100px) {
  .sitehead_pr {
    margin: 15px 0 8px;
    text-align: right;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    position: relative;
    z-index: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.sitehead_pr_text {
  display: inline-block;
  color: #286ed3;
  position: relative;
  font-weight: 500;
  font-size: 1.4rem;
}
@media only screen and (min-width: 1300px) {
  .sitehead_pr_text {
    -webkit-transform: translateX(5%);
            transform: translateX(5%);
  }
}
.sitehead_pr_text a {
  font-size: 10px;
  margin-left: 3px;
  color: #2f334c;
}
.sitehead_pr-num {
  margin-left: 0.1em;
  font-weight: bold;
  vertical-align: -0.06em;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .sitehead_pr-num {
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 768px) {
  .sitehead_pr-num {
    font-size: 2.3rem;
  }
}

.cp-sv-int-header {
  display: block;
  background: url(../img/campaign/cp_sv_int_header_bg.png) 0 0 repeat;
  text-align: center;
}
.spnav-is-open .cp-sv-int-header {
  display: none;
}

.cp-sv-int-header_date {
  display: inline-block;
  background: #f43c3c;
  color: #fff;
}

.cp-sv-int-header_ttl {
  display: inline-block;
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  .cp-sv-int-header {
    height: 40px;
  }
  .cp-sv-int-header_bg {
    margin: 0 auto;
    background: url(../img/campaign/cp_sv_int_header_s_sparkle.png) 0 0 no-repeat;
    background-size: cover;
  }
  .cp-sv-int-header_ttl {
    display: inline-block;
    line-height: 40px;
    margin: 2px 0 0;
    width: 187px;
    height: 35px;
    background: url(../img/campaign/cp_sv_int_header_s_txt.png) 0 0 no-repeat;
    background-size: cover;
    text-indent: -9999px;
  }
  .cp-sv-int-header_date {
    padding: 3px;
    margin: 0 0 0 5px;
    font-size: 11px;
    position: relative;
    top: -3px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .cp-sv-int-header {
    height: 60px;
  }
  .cp-sv-int-header_bg {
    margin: 0 auto;
    height: 60px;
    background: url(../img/campaign/cp_sv_int_header_m_sparkle.png) 50% 50% no-repeat;
  }
  .cp-sv-int-header_ttl {
    display: inline-block;
    line-height: 60px;
    height: 60px;
    width: 290px;
    background: url(../img/campaign/cp_sv_int_header_m_txt.png) 0 50% no-repeat;
    text-indent: -9999px;
  }
  .cp-sv-int-header_date {
    padding: 3px;
    margin: 0 0 0 5px;
    font-size: 12px;
  }
}
@media only screen and (min-width: 1100px) {
  .cp-sv-int-header {
    height: 60px;
    width: 1010px;
    margin: 0 auto 15px;
    position: relative;
  }
  .cp-sv-int-header_bg {
    margin: 0 auto;
    width: 1010px;
    height: 60px;
    background: url(../img/campaign/cp_sv_int_header_l_sparkle.png) 0 0 no-repeat;
  }
  .cp-sv-int-header_ttl {
    display: inline-block;
    width: 290px;
    height: 60px;
    margin: 0 5px 0 0;
    line-height: 60px;
    background: url(../img/campaign/cp_sv_int_header_l_txt.png) 50% 50% no-repeat;
    text-indent: -9999px;
  }
  .cp-sv-int-header_date {
    padding: 5px;
    font-size: 14px;
    position: relative;
  }
}
.cp-dp-header {
  display: block;
  background: url(../img/campaign/cp_dp_header_bg.png) 0 0 repeat;
  text-align: center;
}
.spnav-is-open .cp-dp-header {
  display: none;
}

.cp-dp-header_date {
  display: inline-block;
  background: #7ec830;
  color: #fff;
}

.cp-dp-header_ttl {
  display: inline-block;
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  .cp-dp-header {
    height: 40px;
  }
  .cp-dp-header_bg {
    margin: 0 auto;
    background: url(../img/campaign/cp_dp_header_s_sparkle.png) 0 0 no-repeat;
    background-size: cover;
  }
  .cp-dp-header_ttl {
    display: inline-block;
    line-height: 40px;
    width: 211px;
    height: 40px;
    background: url(../img/campaign/cp_dp_header_s_txt.png) 0 0 no-repeat;
    background-size: cover;
    text-indent: -9999px;
  }
  .cp-dp-header_date {
    padding: 3px;
    margin: 0 0 0 2px;
    font-size: 11px;
    position: relative;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .cp-dp-header {
    height: 60px;
  }
  .cp-dp-header_bg {
    margin: 0 auto;
    height: 60px;
    background: url(../img/campaign/cp_dp_header_m_sparkle.png) 50% 50% no-repeat;
  }
  .cp-dp-header_ttl {
    display: inline-block;
    line-height: 60px;
    height: 60px;
    width: 418px;
    background: url(../img/campaign/cp_dp_header_m_txt.png) 0 50% no-repeat;
    text-indent: -9999px;
  }
  .cp-dp-header_date {
    padding: 3px;
    margin: 0 0 0 5px;
    font-size: 12px;
  }
}
@media only screen and (min-width: 1100px) {
  .cp-dp-header {
    height: 60px;
    width: 1010px;
    margin: 0 auto 15px;
    position: relative;
  }
  .cp-dp-header_bg {
    margin: 0 auto;
    width: 1010px;
    height: 60px;
    background: url(../img/campaign/cp_dp_header_l_sparkle.png) 0 0 no-repeat;
  }
  .cp-dp-header_ttl {
    display: inline-block;
    width: 418px;
    height: 60px;
    margin: 0 5px 0 0;
    line-height: 60px;
    background: url(../img/campaign/cp_dp_header_l_txt.png) 50% 50% no-repeat;
    text-indent: -9999px;
  }
  .cp-dp-header_date {
    padding: 5px;
    font-size: 14px;
    position: relative;
  }
}
@media only screen and (max-width: 1099px) {
  #gnav {
    display: none;
  }
}

@media only screen and (min-width: 1100px) {
  #gnav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
  }
  #gnav .gnav_item_label.alone::after {
    display: none;
  }
  .snav .gnav_item {
    margin-left: 10px;
    padding-bottom: 20px;
  }
  .snav .gnav_item_label {
    display: block;
    width: 7.5em;
    color: #2f334c;
    padding: 5px 0 5px 0.25em;
    border: 1px solid #ddd;
    border-radius: 3px;
    text-align: center;
  }
  .snav .gnav_item_label:hover {
    cursor: pointer;
  }
  .snav .gnav_item_label.registry {
    background-color: #f7790b;
    border-color: #f7790b;
    color: #fff;
  }
  .snav .gnav_item_label.registry::after {
    content: "\e606";
    color: #fff;
  }
  .snav .gnav_item_label.login {
    background-color: #fff;
  }
  .snav .gnav_item_label.login::after {
    color: #2f334c;
  }
  .gnav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .gnav * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .gnav a, .gnav span {
    display: block;
    color: #2f334c;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
    text-decoration: none;
  }
  .gnav_item {
    position: relative;
  }
  .gnav_item:hover .gnav_sub {
    visibility: visible;
    opacity: 1;
  }
  .gnav_item.is-hover > a, .gnav_item.is-current > a {
    color: #286ed3;
  }
  .gnav_item.is-current:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    margin: auto;
    border-top: 10px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 10px solid #eff4f8;
    border-left: 7px solid transparent;
  }
  .gnav_item_label {
    padding: 7px 8px 25px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .gnav_item_label:hover {
    cursor: pointer;
  }
  .gnav_item_label::after {
    content: "\e604";
    display: inline-block;
    position: relative;
    top: -0.1em;
    margin-left: 5px;
    font-size: 90%;
    font-weight: 500;
    color: #286ed3;
  }
  .gnav_sub {
    max-height: none;
    visibility: hidden;
    position: absolute;
    z-index: 999999;
    top: calc(100% - 3px);
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    padding: 15px 0;
    background-color: #f8f8f8;
    border-top: 3px solid #286ed3;
    border-radius: 0 0 3px 3px;
    -webkit-box-shadow: 5px 5px 10px rgba(34, 34, 34, 0.1);
            box-shadow: 5px 5px 10px rgba(34, 34, 34, 0.1);
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
  }
  .gnav_sub::before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: calc(100% + 3px);
    left: 0;
    width: 0;
    height: 0;
    margin: auto;
    border-top: 9px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 9px solid #286ed3;
    border-left: 7px solid transparent;
  }
  .gnav_sub > li a {
    position: relative;
    padding: 5px 2.5em;
    font-size: 16px;
    white-space: nowrap;
  }
  .gnav_sub > li a:hover {
    color: #286ed3;
  }
  .gnav_sub > li a::after {
    content: "\e606";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 1.6em;
    bottom: 0;
    height: 1em;
    margin: auto;
    font-size: 90%;
    font-weight: 500;
    color: #286ed3;
  }
  .gnav_sub > li a .ico_new-window {
    position: relative;
    top: -0.1em;
  }
  .gnav_sub_ttl {
    color: #286ed3 !important;
    font-weight: 700;
    border-bottom: 1px solid #c6c6c6;
    margin: 10px 1.5em;
    padding-bottom: 0.2em;
    white-space: nowrap;
  }
  .gnav_item_order,
  .gnav_item_login {
    z-index: 99999;
  }
  .gnav_item_order .gnav_sub,
  .gnav_item_login .gnav_sub {
    right: 0;
    left: auto;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .gnav_item_order .gnav_sub::before,
  .gnav_item_login .gnav_sub::before {
    left: auto;
    right: 3.3em;
  }
  .gnav_item_login .gnav_sub li.gnav_sub_item_1 a {
    padding: 5px 1em;
  }
  .gnav_item_login .gnav_sub li.gnav_sub_item_1 a:hover {
    color: #286ed3;
  }
  .gnav_item_login .gnav_sub li.gnav_sub_item_1 a::after {
    display: none;
  }
  .gnav_item_login .gnav_sub li.gnav_sub_item_1 a span {
    position: relative;
    padding: 5px 1.6em 15px;
  }
  .gnav_item_login .gnav_sub li.gnav_sub_item_1 a span:hover {
    color: #286ed3;
  }
  .gnav_item_login .gnav_sub li.gnav_sub_item_1 a span::before {
    content: "";
    width: 100%;
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 1px solid #286ed3;
  }
  .gnav_item_login .gnav_sub li.gnav_sub_item_1 a span::after {
    content: "\e606";
    display: inline-block;
    position: absolute;
    top: -10px;
    left: 0.5em;
    bottom: 0;
    height: 1em;
    margin: auto;
    font-size: 90%;
    font-weight: 500;
    color: #286ed3;
  }
  .gnav_item_login .gnav_sub li.gnav_sub_item_1 .gnav_sub_in {
    padding: 10px 1.1em 5px;
  }
  .gnav_item_login .gnav_sub li.gnav_sub_item_1 .gnav_sub_in > li a {
    position: relative;
    padding: 2px 1.6em;
    font-size: 13px;
    white-space: nowrap;
  }
  .gnav_item_login .gnav_sub li.gnav_sub_item_1 .gnav_sub_in > li a:hover {
    color: #286ed3;
  }
  .gnav_item_login .gnav_sub li.gnav_sub_item_1 .gnav_sub_in > li a::after {
    content: "\e606";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0.5em;
    bottom: 0;
    height: 1em;
    margin: auto;
    font-size: 90%;
    font-weight: 500;
    color: #286ed3;
  }
}
@media only screen and (max-width: 1099px) {
  #spnav {
    width: 100px;
    height: 50px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #spnav {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 100px;
    height: 50px;
  }
}
@media only screen and (min-width: 1100px) {
  #spnav {
    display: none;
  }
}

.spnav_btn {
  width: 50px;
  height: 50px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 32px 32px;
}

#spnav_btn_menu {
  float: right;
  background-color: #1b63a7;
  background-image: url(../img/common/img_spnav_menu.png);
}
#spnav_btn_menu.is-show {
  background-image: url(../img/common/img_spnav_close.png);
}

#spnav_btn_login {
  float: left;
  background-color: #4b4b4b;
  background-image: url(../img/common/img_spnav_login.png);
}
#spnav_btn_login.is-show {
  background-image: url(../img/common/img_spnav_close.png);
}

@media only screen and (max-width: 1099px) {
  .spmenu {
    z-index: 10000;
    position: absolute;
    top: 51px;
    left: 0;
    display: none;
    width: 100%;
    background: #fff;
  }
  .spmenu a {
    text-decoration: none;
  }
}
@media only screen and (min-width: 1100px) {
  .spmenu {
    display: none;
  }
}

.spmenu_list_sub {
  display: none;
  border-top: 1px solid #ccc;
}
.spmenu_list_item {
  border-bottom: 1px solid #ccc;
}
.spmenu_list_item:last-child {
  border-bottom: none;
}
.spmenu_list_sub .spmenu_list_item:last-child {
  border: none;
}
.spmenu_list_item.registry > .spmenu_list_label {
  background: #f7790b;
  color: #fff;
}
.spmenu_list_item.registry > .spmenu_list_label i {
  color: #fff;
}
.spmenu_list_label {
  display: block;
  padding: 20px;
  background: #fff;
  line-height: 1;
  color: #2f334c;
  font-size: 1.5rem;
  font-weight: 500;
}
.spmenu_list_label:hover, .spmenu_list_label:active {
  color: #286ed3;
}
.spmenu_list_sub .spmenu_list_label {
  background: #f8f8f8;
  padding-left: 28px;
}
.is-current > .spmenu_list_label, .is-current .is-current .spmenu_list_label, .spmenu_list_label.is-current {
  color: #286ed3;
  font-weight: bold;
}
#spmenu_login .spmenu_list_label {
  border-bottom: 1px solid #ccc;
}
#spmenu_login .spmenu_list_label:last-child {
  border-bottom: none;
}
.spmenu_list_label span {
  float: left;
  display: block;
  width: 70%;
}
.spmenu_list_label .ico {
  margin: 0 5px 0 0;
  font-size: 16px;
}
.spmenu_list_label > .ico {
  float: right;
  display: block;
  width: 20%;
  margin: 0;
  color: #286ed3;
  text-align: right;
}
.spmenu_list .spmenu_list_in li a {
  background: #f8f8f8;
  padding-left: 28px;
  border-bottom: 1px solid #ccc;
}
.spmenu_list .spmenu_sub_item {
  padding: 20px 0 0 28px;
  background: #f8f8f8;
}
.spmenu_list .spmenu_sub_group {
  border-top: 1px solid #dbdbdb;
}
.spmenu_list .spmenu_sub_group .spmenu_list_item {
  border-bottom: 1px solid #dbdbdb;
}
.spmenu_list .spmenu_sub_group .spmenu_list_item:last-child {
  border-bottom: none;
}
.spmenu_list .spmenu_sub_ttl {
  color: #286ed3;
  font-weight: bold;
  padding-bottom: 20px;
  line-height: 1;
  display: block;
}
.spmenu_list .spmenu_sub .spmenu_list_label {
  padding-left: 20px;
}

.spmenu_btns {
  font-size: 1.2rem;
}
.spmenu_btns_item {
  float: left;
  width: 50%;
  background: #fff;
  border-top: 1px solid #ddd;
}
.spmenu_btns_label {
  display: block;
  padding: 20px 5.7%;
  color: #2f334c;
  letter-spacing: -0.005em;
}
.spmenu_btns_label:hover {
  text-decoration: none;
}
.spmenu_btns_label .spmenu_btns_item {
  font-size: 1.2rem;
}
.spmenu_btns_item:nth-child(2n+1) .spmenu_btns_label {
  border-right: 1px solid #ccc;
}
.spmenu_btns_label .ico {
  float: right;
  color: #286ed3;
  font-size: 16px;
  vertical-align: middle;
}

.spmenu_close {
  display: block;
  margin: 0;
  padding: 20px;
  background: #1b63a7;
  color: #fff;
  line-height: 1;
  text-align: center;
}
.spmenu_close .ico {
  margin: 0 5px 0 0;
  font-size: 16px;
  vertical-align: middle;
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  #wrapper {
    padding-top: 50px;
  }
  #wrapper.spnav-is-open {
    padding-top: 0 !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #wrapper {
    padding-top: 50px;
  }
  #wrapper.spnav-is-open {
    padding-top: 0 !important;
  }
}
@media only screen and (min-width: 1100px) {
  #wrapper {
    overflow: hidden;
  }
}

@media only screen and (min-width: 1100px) {
  #toggle-target {
    padding-top: 104px;
  }
}

@media only screen and (min-width: 1100px) {
  .contents {
    margin: 0 auto 1px;
  }
}

.main {
  margin-bottom: 80px;
}
@media only screen and (max-width: 1099px) {
  .main {
    margin-bottom: 51px;
  }
}

@media only screen and (min-width: 1100px) {
  .col-main {
    float: right;
    width: 760px;
  }
}

@media only screen and (max-width: 1099px) {
  .col-side {
    position: relative;
    padding: 40px 0;
    background-color: #f8f8f8;
  }
  .col-side::after {
    content: "";
    display: block;
    width: 100vw;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #f8f8f8;
    margin: 0 calc(50% - 50vw);
    z-index: -1;
  }
}
@media only screen and (min-width: 1100px) {
  .col-side {
    float: left;
    width: 275px;
  }
}

.contents {
  overflow: hidden;
}

.main-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  margin: 0 -60px 15px;
  max-width: 1200px;
}
@media only screen and (min-width: 1099px) and (max-width: 1260px) {
  .main-header {
    max-width: calc(100vw - 60px);
    margin-left: calc(-50vw + 570px);
    margin-right: calc(-50vw + 570px);
  }
}
@media only screen and (max-width: 1099px) {
  .main-header {
    margin: 0 0 15px;
  }
}
.main-header * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.main-header::before {
  content: "";
  display: block;
  width: 100vw;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #eff4f8;
  margin: 0 calc(50% - 50vw);
  z-index: 0;
}
.main-header .ttl {
  font-size: 1.6rem;
}
@media only screen and (min-width: 768px) {
  .main-header .ttl {
    font-size: 1.8rem;
  }
}
.main-header .ttl {
  position: relative;
  z-index: 2;
  margin: 0;
  padding-right: 15px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(228, 238, 247, 0)), to(#e4eef7));
  background: linear-gradient(to right, rgba(228, 238, 247, 0) 0%, #e4eef7 100%);
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  line-height: 50px;
}
.main-header .ttl::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 100%;
  width: 0;
  height: 0;
  border-top: 25px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 25px solid transparent;
  border-left: 20px solid transparent;
  border-left-color: #e4eef7;
}
.main-header .ttl span {
  padding-bottom: 0;
}
.main-header .ttl span:after {
  display: none;
}
@media only screen and (max-width: 1099px) {
  .main-header .ttl {
    margin-left: -3.5%;
    padding-left: 3.5%;
  }
}

.main-header_subnav {
  margin: 0 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 2;
}
.main-header_subnav > li {
  margin: 0 12px;
  font-weight: 500;
}
.main-header_subnav > li a {
  overflow: hidden;
  display: block;
  position: relative;
  color: #2f334c;
  line-height: 50px;
  text-decoration: none;
}
.main-header_subnav > li a::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: -3px;
  left: 0;
  height: 3px;
  -webkit-transition: bottom 0.2s ease-out;
  transition: bottom 0.2s ease-out;
}
.main-header_subnav > li a:hover, .main-header_subnav > li a.is-current {
  color: #286ed3;
}
.main-header_subnav > li a:hover::after, .main-header_subnav > li a.is-current::after {
  background-color: #286ed3;
  bottom: 0;
}
.main-header_subnav > li a .ico_new-window {
  position: relative;
  top: -0.1em;
}
@media only screen and (max-width: 1099px) {
  .main-header_subnav {
    display: none;
  }
}

.suvnav_item_label_community::after,
.suvnav_item_label_business_xbiz::after,
.suvnav_item_label_business_partner::after {
  content: "";
  display: inline-block !important;
  width: 14px;
  height: 14px !important;
  position: relative !important;
  margin-left: 3px;
  background-image: url(../img/common/ico_blank_black.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
}
.suvnav_item_label_community:hover::after, .suvnav_item_label_community.is-current::after,
.suvnav_item_label_business_xbiz:hover::after,
.suvnav_item_label_business_xbiz.is-current::after,
.suvnav_item_label_business_partner:hover::after,
.suvnav_item_label_business_partner.is-current::after {
  background-color: transparent !important;
  bottom: -3px !important;
}

.ttl {
  position: relative;
  margin: 0 0 40px;
  display: table;
  font-size: 2.2rem;
  font-weight: 500;
}
@media only screen and (min-width: 768px) {
  .ttl {
    font-size: 2.4rem;
  }
}
@media only screen and (min-width: 1100px) {
  .ttl {
    margin: 0 0 50px;
    font-size: 3.2rem;
  }
}
.ttl span {
  position: relative;
  display: inline-block;
  padding-bottom: 15px;
}
@media only screen and (min-width: 1100px) {
  .ttl span {
    padding-bottom: 20px;
  }
}
.ttl span:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 5px;
  background-image: -webkit-gradient(linear, left top, right top, from(rgb(82, 200, 222)), to(rgb(25, 94, 196)));
  background-image: linear-gradient(90deg, rgb(82, 200, 222) 0%, rgb(25, 94, 196) 100%);
}
.ttl .ico {
  margin: 0 8px 0 0;
  font-size: 24px;
  display: none;
}

.support-searchSec .search-box .gsc-input {
  position: relative !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  width: 100% !important;
  border: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  background: #fff !important;
  border-radius: 3px !important;
}

.support-searchSec input.gsc-input, .support-searchSec .gsc-input-box, .support-searchSec .gsc-input-box-hover, .support-searchSec .gsc-input-box-focus {
  border-color: #fff !important;
}

.support-searchSec form.gsc-search-box {
  margin: 0 !important;
}

.support-searchSec .search-box {
  padding: 0 !important;
}

.support-searchSec .search-box-container:has(input:focus) {
  background: rgba(6, 99, 197, 0.6) !important;
}

.gsc-control-cse * {
  max-width: 900px;
  margin: 0 auto;
  font-size: 1.55rem !important;
  font-family: Roboto, "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif !important;
}

.gsc-wrapper, .gsc-above-wrapper-area {
  max-width: 900px !important;
}

div.gs-title {
  margin: 0 0 10px;
}

div.gs-bidi-start-align.gs-snippet {
  margin: 0 0 15px;
}

a.gs-title {
  color: #286ed3 !important;
  text-decoration: underline !important;
  font-weight: bold !important;
  font-size: 1.8rem !important;
}
a.gs-title b {
  color: #286ed3 !important;
  font-size: 1.8rem !important;
}
a.gs-title:hover {
  color: #818181 !important;
  text-decoration: underline !important;
}
a.gs-title:hover b {
  color: #818181 !important;
  text-decoration: underline !important;
}
a.gs-title.active {
  color: #818181 !important;
  text-decoration: underline !important;
}
a.gs-title.active b {
  color: #818181 !important;
  text-decoration: underline !important;
}

.gsc-refinementHeader.gsc-inline-block {
  font-weight: 500 !important;
  color: #2f334c !important;
  -webkit-transition: border-bottom-width 0.2s ease-out;
  transition: border-bottom-width 0.2s ease-out;
  border-bottom: 0;
}
.gsc-refinementHeader.gsc-inline-block:hover {
  border-bottom: 3px solid #286ed3 !important;
  color: #286ed3 !important;
}

.gsc-refinementHeader.gsc-refinementhInactive {
  padding-bottom: 0 !important;
}

.gsc-refinementHeader.gsc-inline-block.gsc-refinementhActive {
  border-bottom: 3px solid #286ed3;
  color: #286ed3 !important;
  padding-bottom: 0 !important;
}

.gsc-selected-option-container.gsc-inline-block {
  font-weight: 500 !important;
}

.gs-visibleUrl {
  color: #999 !important;
  margin: 0 0 10px;
}
.gs-visibleUrl span {
  font-size: 14px !important;
}

.gsc-results .gsc-cursor-box {
  text-align: center !important;
}

.gsc-cursor {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}
.gsc-cursor .gsc-cursor-page {
  width: 32px !important;
  height: 32px !important;
  line-height: 32px !important;
  padding: 0 !important;
  margin-right: 10px !important;
  border: 2px solid #ddd !important;
  background: #ffffff !important;
  color: #2f334c !important;
  border-radius: 3px;
  font-weight: 500 !important;
}
.gsc-cursor .gsc-cursor-page:hover {
  text-decoration: none !important;
  border: 2px solid #1b63a7 !important;
  color: #1b63a7 !important;
}
.gsc-cursor .gsc-cursor-page.gsc-cursor-current-page {
  border: 2px solid #1b63a7 !important;
  background: #1b63a7 !important;
  color: #fff !important;
  font-weight: bold !important;
}

.search-results {
  margin: 0 0 30px;
}
.search-results_list {
  margin: 0 0 2em 2em;
  list-style: decimal outside;
}
.search-results_list > li {
  margin-bottom: 2em;
}
.search-results_ttl {
  margin-bottom: 0.7em;
}
.search-results_body {
  margin-bottom: 0.7em;
}
@media only screen and (min-width: 1100px) {
  .search-results_bottom {
    clear: both;
    *zoom: 1;
  }
}
@media only screen and (min-width: 1100px) {
  .search-results_bottom::before {
    content: " ";
    display: table;
  }
}
@media only screen and (min-width: 1100px) {
  .search-results_bottom::after {
    content: " ";
    display: table;
    clear: both;
  }
}
@media only screen and (min-width: 1100px) {
  .search-results_bottom_url {
    float: left;
  }
}
@media only screen and (min-width: 1100px) {
  .search-results_bottom_words {
    overflow: hidden;
    text-align: right;
  }
}

.side-box {
  margin-bottom: 30px;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.side-box:last-child {
  margin-bottom: 0;
}
.side-box_ttl {
  position: relative;
  margin-bottom: 15px;
  font-size: 1.6rem;
  padding-left: 15px;
  font-weight: 500;
}
@media only screen and (min-width: 1100px) {
  .side-box_ttl {
    padding: 15px 10px 15px 15px;
    background-color: #f8f8f8;
  }
}
.side-box_ttl:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10px;
  width: 5px;
  height: 20px;
  background-color: #286ed3;
}
.side-box_sub-ttl {
  padding: 0.7em 10px 0.7em 24px;
  background-color: #f8f8f8;
  font-weight: 500;
}
.side-box_sub-ttl span {
  position: relative;
  display: block;
  font-size: 1.45rem;
}
.side-box_sub-ttl span::after {
  content: "";
  display: block;
  position: absolute;
  top: 0.5em;
  left: -14px;
  width: 0;
  height: 0;
  border-top: 5px solid #aaa;
  border-right: 4px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 4px solid transparent;
}

.side-menu .is-current {
  color: #286ed3;
}
.side-menu ul {
  margin: 0;
}
@media only screen and (max-width: 1099px) {
  .side-menu {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
  }
}
.side-menu a {
  color: #2f334c;
}

.side-menu_label {
  cursor: pointer;
  display: block;
  padding: 0.7em 10px 0.7em 24px;
  border-bottom: 1px solid #eee;
  font-size: 1.45rem;
}
.side-menu_item:first-child .side-menu_label {
  border-top: 1px solid #eee;
}
.side-menu_label.is-current {
  background: #eff4f8;
}
.side-menu_item.is-open .side-menu_label {
  background: #eff4f8;
  border-bottom: 1px solid #d6e5f2;
  color: #1b63a7;
}
@media only screen and (max-width: 1099px) {
  .side-menu_item:first-child .side-menu_label {
    border-top: none;
  }
  .side-menu_item:last-child .side-menu_label {
    border-bottom: none;
  }
}
@media only screen and (min-width: 1100px) {
  .side-menu_label:hover {
    background-color: #f5f5f5;
  }
}

a.side-menu_label {
  text-decoration: none;
}

.side-menu_label_inner {
  position: relative;
}
.side-menu_label_inner::after {
  content: "";
  position: absolute;
  top: 0.3em;
  left: -15px;
  display: block;
  width: 5px;
  height: 5px;
  border-bottom: 2px solid #286ed3;
  border-right: 2px solid #286ed3;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.side-menu_item.is-open .side-menu_label_inner::after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  left: -13px;
}

.side-menu_body {
  display: none;
  padding: 0.7em 0 0.4em;
  background-color: #fbfcfc;
  border-bottom: 1px solid #d6e5f2;
  font-size: 1.4rem;
  line-height: 1.4;
}
.no-js .side-menu_body {
  display: block;
}
.side-menu_body > li > a {
  position: relative;
  padding: 0.3em 10px 0.3em 24px;
}
.side-menu_body > li > a::after {
  content: "";
  display: block;
  position: absolute;
  top: 0.6em;
  left: 12px;
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 5px solid #286ed3;
}
.side-menu_body > li > ul {
  padding-top: 0.4em;
  margin-top: 0.6em;
  border-top: 1px solid #ddd;
}
.side-menu_body > li > ul a {
  padding: 0.3em 0;
}
.side-menu_body > li > ul ul li {
  position: relative;
  padding-left: 1em;
}
.side-menu_body > li > ul ul li:after {
  content: "";
  display: block;
  position: absolute;
  top: 0.9em;
  left: 0.15em;
  width: 0.5em;
  height: 1px;
  background-color: #ccc;
}
.side-menu_body > li:not(.side-menu_nolink) > ul {
  margin: 0.3em 15px 0.7em 24px;
}
.side-menu_body .side-menu_nolink {
  position: relative;
  padding: 0 15px 0.7em 24px;
}
.side-menu_body .side-menu_nolink::after {
  content: "";
  display: block;
  position: absolute;
  top: 0.45em;
  left: 10px;
  width: 0;
  height: 0;
  border-top: 5px solid #aaa;
  border-right: 4px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 4px solid transparent;
}
.side-menu_body a {
  display: block;
  text-decoration: none;
}
.side-menu_body a:hover {
  color: #286ed3;
}

.side-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.side-search * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.side-search .side-search_input {
  min-width: 0;
  border-radius: 3px 0 0 3px;
  border-right: none;
}
.side-search .btn {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 45px;
  margin: 0;
  border-radius: 0 3px 3px 0;
  font-family: inherit;
  font-size: 16px;
  letter-spacing: 0.1em;
  white-space: nowrap;
}
.side-search .btn i {
  display: none;
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  .side-search_body_radio {
    margin: 7px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .side-search_body_radio {
    margin: 7px 0;
  }
}
@media only screen and (min-width: 1100px) {
  .side-search_btn {
    cursor: pointer;
    width: 67px;
    height: 23px;
    border: none;
  }
  .side-search_body_radio {
    padding-bottom: 15px;
    text-align: left;
  }
  .side-search_body_error {
    text-align: left;
  }
}
.side-searchExtra {
  margin-top: 20px;
}

/*検索フォーム仕様変更後調整*/
#gs_tti50 .gsc-input {
  height: 37px !important;
}

.side-box .gsc-control-searchbox-only form.gsc-search-box {
  margin: 0 !important;
}

.side-box .gsc-input-box:has(input:focus) {
  border: 1px solid #1b63a7 !important;
}

.side-box .gsib_b {
  display: none !important;
}

.trial-footer {
  padding: 40px 3.125vw 30px;
  margin: 0 auto;
  background: url(../img/common/footer_cta_bg.png) no-repeat center center;
  background-size: cover;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .trial-footer {
    padding: 50px 2.605vw 40px;
  }
}
@media only screen and (min-width: 1100px) {
  .trial-footer {
    padding: 80px 10px 70px;
  }
}
.trial-footer_txt {
  margin-bottom: 20px;
  color: #fff;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.3;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .trial-footer_txt {
    margin-bottom: 25px;
    font-size: 2.4rem;
  }
}
@media only screen and (min-width: 1100px) {
  .trial-footer_txt {
    margin-bottom: 35px;
    font-size: 3.4rem;
  }
}
.trial-footer_flow-link-sub {
  margin: 7px 0 0;
  text-align: center;
  color: #fff;
}
.trial-footer_flow-link-sub .ico {
  vertical-align: -1px;
}
.trial-footer_flow-link-sub a {
  color: #fff;
  text-decoration: none;
}
.trial-footer_flow-link-sub a:hover {
  text-decoration: underline;
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  .trial {
    margin: 0 0 10px;
    padding: 20px 0;
    background: #1b63a7;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    -webkit-box-shadow: 0 0 0 1px #185a99;
            box-shadow: 0 0 0 1px #185a99;
  }
  .trial_ttl {
    margin: 0 0 10px;
    padding: 8px 10px;
    background: #fff;
    border-radius: 3px;
    color: #1b63a7;
    font-size: 16px;
    text-align: center;
  }
  .trial_term {
    margin: 0 0 10px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
  }
  .trial_term b {
    font-size: 28px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .trial {
    padding: 15px 0;
    background: #1b63a7;
  }
  .trial_wrap {
    float: left;
    width: 49%;
  }
  .trial_ttl {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 50%;
    height: 50px;
    background: #fff;
    border-radius: 3px 0 0 3px;
    color: #1b63a7;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
  }
  .trial_term {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: right;
    width: 50%;
    height: 50px;
    margin: 0;
    border: 2px solid #fff;
    border-radius: 0 3px 3px 0;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
  }
  .trial_term img {
    margin-top: 6px;
  }
}
@media only screen and (min-width: 1100px) {
  .trial .btn_orange-l {
    float: right;
    display: block;
    width: 470px;
    height: 60px;
    padding: 0;
    line-height: 60px;
  }
  .trial_wrap {
    float: left;
    width: 470px;
  }
  .trial_ttl {
    float: left;
    width: 235px;
    height: 60px;
    background: #fff;
    border-radius: 3px 0 0 3px;
    color: #1b63a7;
    line-height: 60px;
    text-align: center;
  }
  .trial_term {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: right;
    width: 235px;
    height: 60px;
    margin: 0;
    border: 2px solid #fff;
    border-radius: 0 3px 3px 0;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
  }
  .ie7 .trial_term {
    width: 256px;
    height: 56px;
  }
  .trial_term img {
    margin: 11px 0 0;
  }
}
.help *,
.tel-footer * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.help .holder-sml,
.tel-footer .holder-sml {
  max-width: 1080px;
}

.help .help_content_ttl,
.tel-footer .tel_content_ttl,
.help-s .help_content_ttl {
  color: #1b63a7;
  font-size: 1.6rem;
  margin: 0 0 5px;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media only screen and (min-width: 768px) {
  .help .help_content_ttl,
  .tel-footer .tel_content_ttl,
  .help-s .help_content_ttl {
    padding-right: 1em;
  }
}
@media only screen and (min-width: 1100px) {
  .help .help_content_ttl,
  .tel-footer .tel_content_ttl,
  .help-s .help_content_ttl {
    font-size: 1.8rem;
  }
}

.help .help_content_info,
.tel-footer .tel_content_info {
  margin-bottom: 1em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: 1.3rem;
  line-height: 1;
}
@media only screen and (min-width: 768px) {
  .help .help_content_info,
  .tel-footer .tel_content_info {
    min-width: 20.5em;
    margin: 0;
    padding-right: 1em;
  }
}
@media only screen and (min-width: 1100px) {
  .help .help_content_info,
  .tel-footer .tel_content_info {
    font-size: 1.4rem;
  }
}

.help {
  padding-bottom: 40px;
}
@media only screen and (min-width: 1100px) {
  .help {
    padding-bottom: 60px;
  }
}
.help .help_content {
  padding: 20px 0;
  border-top: 1px solid #eee;
}
@media only screen and (min-width: 768px) {
  .help .help_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media only screen and (min-width: 1100px) {
  .help .help_content {
    padding: 30px 0;
  }
}
.help .help_content:last-child {
  padding-bottom: 0;
}
.help .help_content_emailblock {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.help .help_content_emailblock .help_content_info {
  line-height: 1.3;
}
.help .help_content_emailblock .help_content_info_ttl {
  display: inline-block;
  min-width: 3.5em;
}
.help .help_content_btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -8px;
}
@media only screen and (min-width: 768px) {
  .help .help_content_btns {
    margin: 0 -15px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .help .help_content_btns {
    display: block;
  }
}
.help .help_content_btns li {
  width: 50%;
  padding: 0 8px;
}
@media only screen and (min-width: 768px) {
  .help .help_content_btns li {
    width: auto;
    padding: 7px 15px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .help .help_content_btns li {
    width: 100%;
    margin-bottom: 1em;
  }
}
.help .help_content_btns li .button {
  display: block;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .help .help_content_btns li .button {
    min-width: auto;
  }
}
.help .help_content_btns li .community:after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 1em;
  background-image: url(../img/common/ico_blank_black.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0.5em;
  bottom: 0;
}
.help .help_content_note {
  width: 100%;
  margin-top: 10px;
}
.help .help_content_note .note {
  margin-bottom: 0;
}

.tel-footer {
  margin: 0 auto;
  padding: 40px 0 15px;
}
@media only screen and (min-width: 1100px) {
  .tel-footer {
    padding: 60px 0 25px;
  }
}
@media only screen and (min-width: 768px) {
  .tel-footer .tel-footer_body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.tel-footer .tel_content_numberblock > li {
  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;
}
.tel-footer .tel_content_numberblock > li + li {
  margin-top: 12px;
}
.tel-footer .tel_content_numberblock .numberblock_category {
  position: relative;
  width: 15.5em;
  margin: 0;
  padding: 0 1em 0 0.7em;
  font-weight: 500;
  font-size: 1.5rem;
}
.tel-footer .tel_content_numberblock .numberblock_category::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.5em;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #2f334c;
}
.tel-footer .tel_content_numberblock .numberblock_number {
  margin: 5px 0;
}
@media only screen and (min-width: 768px) {
  .tel-footer .tel_content_numberblock .numberblock_number {
    margin: 0;
  }
}
.tel-footer .tel_content_numberblock .numberblock_number img {
  width: 180px;
  height: auto;
}
@media only screen and (min-width: 1100px) {
  .tel-footer .tel_content_numberblock .numberblock_number img {
    width: auto;
  }
}
.tel-footer .tel_content_inner {
  margin-top: 10px;
  font-size: 1.3rem;
}
@media only screen and (min-width: 768px) {
  .tel-footer .tel_content_inner {
    margin-top: 20px;
  }
}
.tel-footer .tel_content_inner .annotation {
  margin: 0;
  padding-left: 1em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  text-indent: -1em;
}

.help-s {
  padding-top: 20px;
}
@media only screen and (min-width: 1100px) {
  .help-s {
    padding-top: 30px;
  }
}
.help-s .help_content:first-child {
  border: none;
}
@media only screen and (min-width: 768px) {
  .help-s .help_content {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media only screen and (min-width: 768px) {
  .help-s .help_content_ttl {
    min-width: 17em;
  }
}
.help-s .help_content_new .help_content_btns li,
.help-s .help_content_existing .help_content_btns li {
  width: inherit;
}
@media only screen and (min-width: 768px) {
  .help-s .help_content_new .help_content_ttl,
  .help-s .help_content_existing .help_content_ttl {
    margin: 0;
  }
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  .affiliate {
    margin: 0 0 10px;
    background: #fff2dc;
    text-align: center;
  }
  .affiliate_ttl {
    padding: 7px 0;
    background: #ffc517; /* Old Browsers */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffc517), to(#ffaa17));
    background: linear-gradient(to bottom, #ffc517 0, #ffaa17 100%); /* W3C */
    color: #fff;
    font-size: 16px;
    font-weight: bold;
  }
  .affiliate_ttl_label {
    display: inline;
  }
  .affiliate_ttl_img {
    width: 41px;
    height: 27px;
  }
  .affiliate_body {
    padding: 10px 0 20px;
  }
  .affiliate_body p {
    color: #f88522;
  }
  .btn_affiliate {
    display: block;
    margin: 0 0 5px;
    padding: 8px 12px;
    background: #fff; /* Old Browsers */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(50%, #fff), color-stop(51%, #fcf7ed), to(#fcf7ed));
    background: linear-gradient(to bottom, #fff 0, #fff 50%, #fcf7ed 51%, #fcf7ed 100%); /* W3C */
    border-radius: 3px;
    color: #f88931 !important;
    font-weight: bold;
    text-shadow: 0 1px 0 #fff;
    -webkit-box-shadow: inset 0 0 0 1px #fff, 0 1px 3px rgba(0, 0, 0, 0.3);
            box-shadow: inset 0 0 0 1px #fff, 0 1px 3px rgba(0, 0, 0, 0.3);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .affiliate {
    margin: 0 0 10px;
    background: #fff2dc;
    text-align: center;
  }
  .affiliate_ttl {
    padding: 7px 0;
    background: #ffc517; /* Old Browsers */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffc517), to(#ffaa17));
    background: linear-gradient(to bottom, #ffc517 0, #ffaa17 100%); /* W3C */
    color: #fff;
    font-size: 16px;
    font-weight: bold;
  }
  .affiliate_ttl_label {
    display: inline;
  }
  .affiliate_ttl_img {
    width: 41px;
    height: 27px;
  }
  .affiliate_body {
    padding: 10px 0;
  }
  .affiliate_body p {
    display: inline-block;
    margin: 0 10px 0 0;
    color: #f88522;
  }
  .btn_affiliate {
    padding: 8px 50px;
    background: #fff; /* Old Browsers */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(50%, #fff), color-stop(51%, #fcf7ed), to(#fcf7ed));
    background: linear-gradient(to bottom, #fff 0, #fff 50%, #fcf7ed 51%, #fcf7ed 100%); /* W3C */
    border-radius: 3px;
    color: #f88931 !important;
    font-weight: bold;
    text-shadow: 0 1px 0 #fff;
    -webkit-box-shadow: inset 0 0 0 1px #fff, 0 1px 3px rgba(0, 0, 0, 0.3);
            box-shadow: inset 0 0 0 1px #fff, 0 1px 3px rgba(0, 0, 0, 0.3);
  }
}
@media only screen and (min-width: 1100px) {
  .affiliate {
    max-width: 1010px;
    margin: 0 auto 20px;
    padding: 20px 0;
    background: #fff2dc;
    border-bottom: 1px solid #e3d8c4;
    border-top: 1px solid #fff9ee;
    text-align: left;
  }
  .affiliate_ttl {
    display: inline-block;
    width: 280px;
    margin: 0 15px 0 0;
    padding: 8px 10px 5px 10px;
    background: #ffab17;
    border-radius: 3px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    -webkit-box-shadow: 0 -1px 0 #e49100;
            box-shadow: 0 -1px 0 #e49100;
  }
  .affiliate_ttl_label {
    display: inline;
  }
  .affiliate_ttl_img {
    width: 41px;
    height: 27px;
  }
  .affiliate_body {
    display: inline-block;
  }
  .affiliate_body p {
    display: inline-block;
    margin: 0 10px 0 0;
    color: #f88522;
  }
  .btn_affiliate {
    padding: 8px 50px;
    background: #fff; /* Old Browsers */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(50%, #fff), color-stop(51%, #fcf7ed), to(#fcf7ed));
    background: linear-gradient(to bottom, #fff 0, #fff 50%, #fcf7ed 51%, #fcf7ed 100%); /* W3C */
    border-radius: 3px;
    color: #f88931 !important;
    font-weight: bold;
    text-shadow: 0 1px 0 #fff;
    -webkit-box-shadow: inset 0 0 0 1px #fff, 0 1px 3px rgba(0, 0, 0, 0.3);
            box-shadow: inset 0 0 0 1px #fff, 0 1px 3px rgba(0, 0, 0, 0.3);
  }
}
@media only screen and (min-width: 768px) {
  .trial-footer_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.trial-footer_btn_link {
  position: relative;
  text-decoration: none !important;
}
.trial-footer_btn_link:hover .trial-footer_btn_txt {
  background-color: #f98d2f;
}
.trial-footer_btn_link:hover .trial-footer_btn_txt::after {
  right: 0.5em;
}

.trial-footer_btn_txt {
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  display: inline-block;
  position: relative;
  width: 100%;
  max-width: 430px;
  margin: auto;
  padding: 16px 2em;
  background-color: #f7790b;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: 2.2rem;
  font-weight: bold;
}
@media only screen and (min-width: 768px) {
  .trial-footer_btn_txt {
    width: 430px;
    font-size: 2.4rem;
  }
}

.campaign-balloon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  z-index: 9;
  margin-bottom: -8px;
}
.campaign-balloon .campaign-balloon_body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 1px;
  background-color: #fff;
  border-radius: 2px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.3;
}
@media only screen and (min-width: 768px) {
  .campaign-balloon .campaign-balloon_body {
    font-size: 1.6rem;
  }
}
.campaign-balloon .campaign-balloon_body:after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  width: 0;
  height: 0;
  margin: auto;
  border: 8px solid transparent;
  border-top-color: #fff;
}
.campaign-balloon .campaign-pr,
.campaign-balloon .campaign-limit {
  padding: 6px 12px 5px;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .campaign-balloon .campaign-pr,
  .campaign-balloon .campaign-limit {
    padding: 6px 7px 5px;
  }
}
.campaign-balloon .campaign-pr {
  color: #2f334c;
}
.campaign-balloon .campaign-limit {
  background-color: #e42540;
  border-radius: 0 2px 2px 0;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  .transfer {
    margin: 0 0 10px;
    background: #d6eaba;
    border-bottom: 1px solid #96c84d;
  }
  .transfer_ttl {
    padding: 10px 10px;
    background: #8dc33c; /* Old Browsers */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8dc33c), to(#6ab000));
    background: linear-gradient(to bottom, #8dc33c 0, #6ab000 100%); /* W3C */
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
  }
  .transfer_body {
    padding: 10px 0 20px;
  }
  .transfer .btn {
    display: block;
    margin: 0 0 5px;
  }
  .transfer .btn .ico {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .transfer {
    margin: 0 0 10px;
    background: #d6eaba;
    text-align: center;
  }
  .transfer_ttl {
    padding: 10px 10px;
    background: #8dc33c; /* Old Browsers */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8dc33c), to(#6ab000));
    background: linear-gradient(to bottom, #8dc33c 0, #6ab000 100%); /* W3C */
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
  }
  .transfer_body {
    padding: 10px 0 20px;
  }
  .transfer .btn {
    margin: 0 5px;
    padding-left: 50px;
    padding-right: 50px;
  }
  .transfer .btn .ico {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1100px) {
  .transfer {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 470px;
    margin: 0 20px 0 0;
    background: #d6eaba;
    border: 1px solid #96c84d;
    text-align: center;
  }
  .ie7 .transfer {
    width: 458px;
  }
  .transfer_ttl {
    padding: 10px 10px;
    background: #8dc33c; /* Old Browsers */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8dc33c), to(#6ab000));
    background: linear-gradient(to bottom, #8dc33c 0, #6ab000 100%); /* W3C */
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
  }
  .transfer_body {
    padding: 10px 10px 20px;
  }
  .transfer .btn {
    margin: 0 5px 5px;
  }
  .transfer .btn .ico {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1100px) {
  .domain-search {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 470px;
    border: 2px solid #ececec;
    text-align: center;
  }
  .ie7 .domain-search {
    width: 456px;
  }
  .domain-search_ttl {
    padding: 10px 10px;
    background: #ececec;
    font-weight: bold;
  }
  .domain-search_sttl {
    display: inline-block;
    margin-left: 5px;
    font-size: 11px;
    font-weight: normal;
  }
  .domain-search_body {
    padding: 10px;
  }
  .domain-search_body b {
    font-size: 16px;
  }
  .domain-search_input {
    display: inline-block;
  }
  .domain-search_i-text {
    width: 140px;
  }
  .domain-search_submit {
    display: inline-block;
  }
}
.beginner {
  padding: 40px 0;
  background-color: #f8f8f8;
}
@media only screen and (min-width: 768px) {
  .beginner {
    padding: 40px 0 45px;
  }
}
.beginner__ttl {
  font-size: 2rem;
}
@media only screen and (min-width: 1100px) {
  .beginner__ttl {
    font-size: 2.4rem;
  }
}
.beginner__ttl {
  text-align: center;
  font-weight: bold;
  line-height: 1;
  position: relative;
  display: table;
  margin: 0 auto 20px;
  padding: 0 40px;
}
.beginner__ttl:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.5px;
  background: #ddd;
}
.beginner__ttl span {
  background: #f8f8f8;
  display: inline-block;
  padding: 0 15px;
  position: relative;
}
.beginner__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: -10px -5px 0;
}
@media only screen and (min-width: 768px) {
  .beginner__link {
    max-width: 654px;
    margin: -14px auto 0;
  }
}
@media only screen and (min-width: 1100px) {
  .beginner__link {
    max-width: none;
    margin: -14px -15px 0 0;
  }
}
.beginner__link:after {
  content: "";
  display: block;
  width: 50%;
  max-width: 180px;
  height: 0;
}
@media only screen and (min-width: 768px) {
  .beginner__link:after {
    display: none;
  }
}
.beginner__item {
  width: 50%;
  max-width: 180px;
  margin-top: 10px;
  padding: 0 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (min-width: 768px) {
  .beginner__item {
    max-width: none;
    width: 204px;
    margin: 14px 7px 0;
    padding: 0;
  }
}
@media only screen and (min-width: 1100px) {
  .beginner__item {
    width: 20%;
    margin: 14px 0 0 0;
    padding-right: 15px;
  }
}
.beginner__item a {
  display: block;
}
.beginner__item img {
  width: 100%;
  height: auto;
}

@media only screen and (min-width: 1100px) {
  #pid-top .contents {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 1099px) {
  #pid-top .contents {
    margin-bottom: 60px;
  }
}
#pid-top sup {
  display: inline;
  font-size: 60%;
  line-height: 0;
  vertical-align: baseline;
  position: relative;
  top: -0.5em;
}
#pid-top .note_x2 {
  display: inline-block;
  font-size: 11px;
  line-height: 1.4;
}
#pid-top .note_x2, #pid-top .note_x2 a {
  color: #222;
}
@media only screen and (max-width: 1099px) {
  #pid-top .note_x2 {
    font-size: 10px;
  }
}
#pid-top .mainVisual * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#pid-top .mvCp {
  background-color: #f5ed0a;
  border-top: 1px solid #ccc;
  color: #fff;
  padding: 13px 0;
}
#pid-top .mvCp a {
  display: block;
}
#pid-top .mvCp img {
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
  margin: auto;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .mvCp img {
    max-width: 80%;
  }
}
#pid-top .mvCp--special {
  background-color: #ff70ae;
  /* background: url(../img/campaign/221226_newyear2023/campaign_top_bnr_bg.png); */
  overflow: hidden;
}
#pid-top .mvCp--special a {
  display: block;
}
#pid-top .mvCp--special img {
  /* width: 1114px; */
  max-width: 109%;
  height: auto;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media only screen and (min-width: 1100px) {
  #pid-top .mvCp--special {
    border-top: 1px solid #ccc;
  }
}
@media only screen and (min-width: 560px) and (max-width: 960px) {
  #pid-top .mvCp--special img {
    max-width: 100%;
    padding: 0 10px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .mvCp--special img {
    width: 100%;
    max-width: none;
    left: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
#pid-top .mvCp--newyear {
  padding: 0;
}
#pid-top .mvCp--newyear .holder-sm {
  width: 100%;
}
#pid-top .mvCp--newyear a {
  padding: 0 2.4vw 0 0;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .mvCp--newyear a {
    padding: 0 10px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-top .mvCp--newyear a {
    padding: 0 15px;
  }
}
#pid-top .mvCpNewyear {
  background-color: #038650;
  color: #fff;
  position: relative;
}
#pid-top .mvCpNewyear::before, #pid-top .mvCpNewyear::after {
  content: "";
  display: block;
  width: 13px;
  height: 3px;
  background: #fff;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: -2px;
  border-radius: 3px;
}
#pid-top .mvCpNewyear::after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
#pid-top .mvCpNewyear .holder-sm {
  width: 100%;
}
#pid-top .mvCpNewyear a {
  padding: 2.2vw 8px 1.6vw;
  display: block;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .mvCpNewyear a {
    padding: 12px 15px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-top .mvCpNewyear a {
    padding: 10px;
  }
}
#pid-top .mvCpNewyear img {
  display: block;
  max-width: 350px;
  width: 100%;
  height: auto;
  margin: auto;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .mvCpNewyear img {
    max-width: 640px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-top .mvCpNewyear img {
    max-width: 100%;
    width: auto;
  }
}
#pid-top .mvCpAnniversary {
  background-color: #038650;
  color: #fff;
  position: relative;
  /* &::before,
  &::after {
      content: "";
      display: block;
      width: 13px;
      height: 3px;
      background: #fff;
      position: absolute;
      left: 0;
      right: 0;
      margin: auto;
      top: -2px;
      border-radius: 3px;
  }
  &::after {
      transform: rotate(90deg);
  } */
}
#pid-top .mvCpAnniversary .holder-sm {
  width: 100%;
}
#pid-top .mvCpAnniversary a {
  padding: 1.6vw 8px;
  display: block;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .mvCpAnniversary a {
    padding: 12px 15px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-top .mvCpAnniversary a {
    padding: 10px;
  }
}
#pid-top .mvCpAnniversary img {
  display: block;
  max-width: 90%;
  width: 80%;
  height: auto;
  margin: auto;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .mvCpAnniversary img {
    max-width: 75%;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-top .mvCpAnniversary img {
    max-width: 100%;
    width: auto;
  }
}
#pid-top .mvCpAnniversary {
  /* ==============================
      23周年CP 帯バナー
    ============================== */
}
#pid-top .mvCpAnniversary--23rdcp {
  position: relative;
  overflow: hidden;
  background-color: #FC6584;
}
#pid-top .mvCpAnniversary--23rdcp::before, #pid-top .mvCpAnniversary--23rdcp::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  width: 488px;
  background-image: url("../img/top/bg_dot_23rdcp.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  mix-blend-mode: multiply;
  opacity: 0.14;
  pointer-events: none;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .mvCpAnniversary--23rdcp::before, #pid-top .mvCpAnniversary--23rdcp::after {
    display: none;
  }
}
#pid-top .mvCpAnniversary--23rdcp::before {
  left: -10%;
  background-position: left;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .mvCpAnniversary--23rdcp::before {
    left: -34%;
  }
}
#pid-top .mvCpAnniversary--23rdcp::after {
  right: -10%;
  background-position: right;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .mvCpAnniversary--23rdcp::after {
    right: -34%;
  }
}
#pid-top .mvCpAnniversary--23rdcp .holder-sm {
  position: relative;
  z-index: 2;
}
#pid-top .mvCpAnniversary--23rdcp a {
  padding: 1.1vw 8px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .mvCpAnniversary--23rdcp a {
    padding: 4px 15px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-top .mvCpAnniversary--23rdcp a {
    padding: 4px;
  }
}
#pid-top .mvCpAnniversary--23rdcp img {
  width: 100%;
  max-width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .mvCpAnniversary--23rdcp img {
    max-width: 738px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-top .mvCpAnniversary--23rdcp img {
    width: auto;
  }
}
#pid-top .mvCpWeekend {
  background-color: #484f6e;
  color: #fff;
  padding: 1.4vw 0;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .mvCpWeekend {
    padding: 12px 0;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-top .mvCpWeekend {
    padding: 8px;
  }
}
#pid-top .mvCpWeekend a {
  display: block;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .mvCpWeekend a {
    padding: 0 15px;
  }
}
#pid-top .mvCpWeekend img {
  display: block;
  max-width: 460px;
  width: 100%;
  height: auto;
  margin: auto;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .mvCpWeekend img {
    max-width: 620px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-top .mvCpWeekend img {
    max-width: 100%;
    width: auto;
  }
}
#pid-top .mvNo1 {
  padding: 50px 4vw 40px;
  background-image: url(../img/top/bg_mv_s.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .mvNo1 {
    padding: 70px 15px 40px;
    background-image: url(../img/top/bg_mv_m.png);
  }
}
@media only screen and (min-width: 1100px) {
  #pid-top .mvNo1 {
    padding: 70px 15px 40px;
    background-image: url(../img/top/bg_mv_l.png);
  }
}
#pid-top .mvNo1 .mvTtl {
  text-align: center;
}
#pid-top .mvNo1 .mvTtl img {
  width: 100%;
  max-width: 500px;
  height: auto;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .mvNo1 .mvTtl img {
    max-width: 674px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-top .mvNo1 .mvTtl img {
    width: auto;
    max-width: 100%;
  }
}
#pid-top .mvWordpress-a {
  padding: 24px 4vw 40px;
  background-image: url(../img/top/mv_bg_wordpress_a_s.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .mvWordpress-a {
    padding: 48px 15px;
    background-image: url(../img/top/mv_bg_wordpress_a_m.png);
  }
}
@media only screen and (min-width: 1100px) {
  #pid-top .mvWordpress-a {
    padding: 70px 15px 40px;
    background-image: url(../img/top/mv_bg_wordpress_a_l.png);
  }
}
#pid-top .mvWordpress-a:before {
  content: "";
  width: 100%;
  height: 68vmin;
  max-height: 300px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.24);
  -webkit-transform: skew(0, -2.4deg);
          transform: skew(0, -2.4deg);
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
}
@media only screen and (min-width: 768px) {
  #pid-top .mvWordpress-a:before {
    height: 218px;
  }
}
#pid-top .mvWordpress-a:after {
  content: "";
  width: 100%;
  height: 96px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(9, 67, 112, 0.47843)), to(rgba(9, 67, 112, 0)));
  background: linear-gradient(0deg, rgba(9, 67, 112, 0.47843) 0%, rgba(9, 67, 112, 0) 100%);
}
#pid-top .mvWordpress-a * {
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  #pid-top .mvWordpress-a .sp-only {
    display: none;
  }
}
#pid-top .mvWordpress-a .tab-only {
  display: none;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .mvWordpress-a .tab-only {
    display: block;
  }
}
#pid-top .mvWordpress-a .pc-only {
  display: none;
}
@media only screen and (min-width: 1100px) {
  #pid-top .mvWordpress-a .pc-only {
    display: block;
  }
}
#pid-top .mvWordpress-a br.sp-only {
  display: block;
}
@media only screen and (min-width: 768px) {
  #pid-top .mvWordpress-a br.sp-only {
    display: none;
  }
}
#pid-top .mvWordpress-a .mvTtl {
  text-align: center;
}
#pid-top .mvWordpress-a .mvTtl img {
  width: 92.178%;
  max-width: 480px;
  height: auto;
  margin-left: 1.45%;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .mvWordpress-a .mvTtl img {
    max-width: 696px;
    margin-left: 16px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-top .mvWordpress-a .mvTtl img {
    width: auto;
    max-width: 100%;
    margin-left: 28px;
  }
}
#pid-top .mvWordpress-a .mvBox {
  margin: 56px 0 25px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .mvWordpress-a .mvBox {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 38px 0 20px;
  }
}
#pid-top .mvWordpress-a .mvBox__item {
  max-width: 280px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border-radius: 3px;
  background: #e9ebf7;
  -webkit-box-shadow: 0 8px 16px 2px rgba(42, 42, 42, 0.08);
          box-shadow: 0 8px 16px 2px rgba(42, 42, 42, 0.08);
  margin-left: 14px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
#pid-top .mvWordpress-a .mvBox__item__domain .mvBox__item--txt .num {
  font-size: 3.2rem;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .mvWordpress-a .mvBox__item {
    width: 47.83%;
    -webkit-box-flex: initial;
        -ms-flex-positive: initial;
            flex-grow: initial;
    margin-left: 0;
  }
  #pid-top .mvWordpress-a .mvBox__item__domain {
    margin-left: 4.34%;
  }
  #pid-top .mvWordpress-a .mvBox__item__domain .mvBox__item--sub {
    line-height: 1.4;
  }
  #pid-top .mvWordpress-a .mvBox__item__domain .mvBox__item--txt .num {
    font-size: 2.4rem;
  }
  #pid-top .mvWordpress-a .mvBox__item__price {
    max-width: 400px;
    width: 100%;
    margin-top: 16px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) and (min-width: 0) and (max-width: 767px) {
  #pid-top .mvWordpress-a .mvBox__item__price {
    margin-top: 16px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .mvWordpress-a .mvBox__item__price .mvBox__item__inner {
    margin-top: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  #pid-top .mvWordpress-a .mvBox__item__price .mvBox__item--txt {
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .mvWordpress-a .mvBox__item {
    max-width: 238px;
    margin-left: 12px;
  }
}
#pid-top .mvWordpress-a .mvBox__item:first-child {
  margin-left: 0;
}
#pid-top .mvWordpress-a .mvBox__item__inner {
  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-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 16px;
  margin-top: -4px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .mvWordpress-a .mvBox__item__inner {
    margin-top: 4px;
    padding-bottom: 12px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
#pid-top .mvWordpress-a .mvBox__item p {
  margin-bottom: 0;
}
#pid-top .mvWordpress-a .mvBox__item--ttl {
  border-radius: 3px;
  background: linear-gradient(280deg, rgb(54, 62, 96) 0%, rgb(9, 67, 112) 100%);
  font-size: 1.8rem;
  color: #FFF;
  width: 86%;
  max-width: 240px;
  margin: 0 auto;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 11px 0;
  line-height: 1;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .mvWordpress-a .mvBox__item--ttl {
    font-size: 1.2rem;
    padding: 6px 0;
    -webkit-transform: translateY(-32%);
            transform: translateY(-32%);
  }
}
#pid-top .mvWordpress-a .mvBox__item--txt {
  color: #444;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .mvWordpress-a .mvBox__item--txt {
    font-size: 1.2rem;
  }
}
#pid-top .mvWordpress-a .mvBox__item--txt + .mvBox__item--sub {
  margin-top: 6px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .mvWordpress-a .mvBox__item--txt + .mvBox__item--sub {
    margin-top: 4px;
  }
}
#pid-top .mvWordpress-a .mvBox__item--txt strong {
  color: #ff5400;
}
#pid-top .mvWordpress-a .mvBox__item--txt .num {
  font-size: 4rem;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .mvWordpress-a .mvBox__item--txt .num {
    font-size: 3.2rem;
  }
}
#pid-top .mvWordpress-a .mvBox__item--txt .big {
  font-size: 2.8rem;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .mvWordpress-a .mvBox__item--txt .big {
    font-size: 2.1rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .mvWordpress-a .mvBox__item--txt sub {
    font-size: 0.9rem;
  }
}
#pid-top .mvWordpress-a .mvBox__item--txt a {
  color: inherit;
}
#pid-top .mvWordpress-a .mvBox__item--sub {
  color: #626262;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .mvWordpress-a .mvBox__item--sub {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .mvWordpress-a .mvBox__item--sub {
    font-size: 1.2rem;
  }
}
#pid-top .mvWordpress-a .mvBox__item--sub + .mvBox__item--txt {
  margin-top: 6px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .mvWordpress-a .mvBox__item--sub + .mvBox__item--txt {
    margin-top: 4px;
  }
}
#pid-top .mvWordpress-a .mvBox__item--sub .num {
  font-size: 1.6rem;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .mvWordpress-a .mvBox__item--sub .num {
    font-size: 1.2rem;
  }
}
#pid-top .mvWordpress-a .mvBox__item--cptxt {
  color: #f7790b;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .mvWordpress-a .mvBox__item--cptxt {
    border: 1px solid #f7790b;
    border-radius: 3px;
    font-size: 1.2rem;
    line-height: 1.4;
    padding: 0.2em 0.4em;
    margin-left: 12px;
  }
}
#pid-top .mvWordpress-a .mvBox__item--cptxt:before, #pid-top .mvWordpress-a .mvBox__item--cptxt:after {
  content: "";
  width: 1px;
  height: 1em;
  background: #f7790b;
  display: inline-block;
  vertical-align: middle;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .mvWordpress-a .mvBox__item--cptxt:before, #pid-top .mvWordpress-a .mvBox__item--cptxt:after {
    display: none;
  }
}
#pid-top .mvWordpress-a .mvBox__item--cptxt:before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  margin-right: 0.64em;
}
#pid-top .mvWordpress-a .mvBox__item--cptxt:after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  margin-left: 0.64em;
}
#pid-top .mvWordpress-a .mvTrials__links {
  max-width: 400px;
  margin: 0 auto;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .mvWordpress-a .mvTrials__links {
    max-width: 280px;
  }
}
#pid-top .mvWordpress-a .mvTrials__links .mvTrials__btn {
  padding-top: 14px;
  padding-bottom: 13px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .mvWordpress-a .mvTrials__links .mvTrials__btn {
    padding-top: 12px;
    padding-bottom: 11px;
  }
}
#pid-top .mvWordpress-b {
  background-image: url(../img/top/mv_bg_wordpress_b_s.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .mvWordpress-b {
    background-image: url(../img/top/mv_bg_wordpress_b_m.png);
  }
}
@media only screen and (min-width: 1100px) {
  #pid-top .mvWordpress-b {
    background-image: url(../img/top/mv_bg_wordpress_b_l.png);
  }
}
#pid-top .mvWordpress-b-wrap {
  padding: 24px 4vw 40px;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .mvWordpress-b-wrap {
    padding: 48px 15px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-top .mvWordpress-b-wrap {
    padding: 54px 15px 40px;
  }
}
#pid-top .mvWordpress-b-wrap:after {
  content: "";
  width: 100%;
  height: 96px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(9, 67, 112, 0.47843)), to(rgba(9, 67, 112, 0)));
  background: linear-gradient(0deg, rgba(9, 67, 112, 0.47843) 0%, rgba(9, 67, 112, 0) 100%);
}
#pid-top .mvWordpress-b:before {
  content: "";
  width: 100%;
  height: 4px;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.16);
  mix-blend-mode: color-burn;
}
@media only screen and (min-width: 768px) {
  #pid-top .mvWordpress-b:before {
    height: 8px;
  }
}
#pid-top .mvWordpress-b:after {
  content: "";
  width: 100%;
  height: 68vmin;
  max-height: 300px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.16);
  mix-blend-mode: color-burn;
}
@media only screen and (min-width: 768px) {
  #pid-top .mvWordpress-b:after {
    height: 174px;
  }
}
#pid-top .mvWordpress-b * {
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  #pid-top .mvWordpress-b .sp-only {
    display: none;
  }
}
#pid-top .mvWordpress-b .tab-only {
  display: none;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .mvWordpress-b .tab-only {
    display: block;
  }
}
#pid-top .mvWordpress-b .pc-only {
  display: none;
}
@media only screen and (min-width: 1100px) {
  #pid-top .mvWordpress-b .pc-only {
    display: block;
  }
}
#pid-top .mvWordpress-b br.sp-only {
  display: block;
}
@media only screen and (min-width: 768px) {
  #pid-top .mvWordpress-b br.sp-only {
    display: none;
  }
}
#pid-top .mvWordpress-b .mvTtl {
  text-align: center;
}
#pid-top .mvWordpress-b .mvTtl img {
  width: 85.22%;
  max-width: 480px;
  height: auto;
  margin-left: 1.16%;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .mvWordpress-b .mvTtl img {
    max-width: 696px;
    margin-left: 6px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-top .mvWordpress-b .mvTtl img {
    width: auto;
    max-width: 100%;
    margin-left: 6px;
  }
}
#pid-top .mvWordpress-b .mvBox {
  margin: 60px 0 25px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .mvWordpress-b .mvBox {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 38px 0 20px;
  }
}
#pid-top .mvWordpress-b .mvBox__item {
  max-width: 280px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border-radius: 3px;
  background: #e9ebf7;
  -webkit-box-shadow: 0 8px 16px 2px rgba(42, 42, 42, 0.08);
          box-shadow: 0 8px 16px 2px rgba(42, 42, 42, 0.08);
  margin-left: 14px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
#pid-top .mvWordpress-b .mvBox__item__domain .mvBox__item--txt .num {
  font-size: 3.2rem;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .mvWordpress-b .mvBox__item {
    width: 47.83%;
    -webkit-box-flex: initial;
        -ms-flex-positive: initial;
            flex-grow: initial;
    margin-left: 0;
  }
  #pid-top .mvWordpress-b .mvBox__item__domain {
    margin-right: 4.34%;
  }
  #pid-top .mvWordpress-b .mvBox__item__domain .mvBox__item--sub {
    line-height: 1.4;
  }
  #pid-top .mvWordpress-b .mvBox__item__domain .mvBox__item--txt .num {
    font-size: 2.4rem;
  }
  #pid-top .mvWordpress-b .mvBox__item__price {
    max-width: 400px;
    width: 100%;
    margin-bottom: 16px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) and (min-width: 0) and (max-width: 767px) {
  #pid-top .mvWordpress-b .mvBox__item__price {
    margin-bottom: 16px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .mvWordpress-b .mvBox__item__price .mvBox__item__inner {
    margin-top: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  #pid-top .mvWordpress-b .mvBox__item__price .mvBox__item--txt {
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .mvWordpress-b .mvBox__item {
    max-width: 238px;
    margin-left: 12px;
  }
}
#pid-top .mvWordpress-b .mvBox__item:first-child {
  margin-left: 0;
}
#pid-top .mvWordpress-b .mvBox__item__inner {
  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-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 16px;
  margin-top: -4px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .mvWordpress-b .mvBox__item__inner {
    margin-top: 4px;
    padding-bottom: 12px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
#pid-top .mvWordpress-b .mvBox__item p {
  margin-bottom: 0;
}
#pid-top .mvWordpress-b .mvBox__item--ttl {
  border-radius: 3px;
  background: linear-gradient(280deg, rgb(54, 62, 96) 0%, rgb(60, 70, 111) 100%);
  font-size: 1.8rem;
  color: #FFF;
  width: 86%;
  max-width: 240px;
  margin: 0 auto;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 11px 0;
  line-height: 1;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .mvWordpress-b .mvBox__item--ttl {
    font-size: 1.2rem;
    padding: 6px 0;
    -webkit-transform: translateY(-32%);
            transform: translateY(-32%);
  }
}
#pid-top .mvWordpress-b .mvBox__item--txt {
  color: #444;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .mvWordpress-b .mvBox__item--txt {
    font-size: 1.2rem;
  }
}
#pid-top .mvWordpress-b .mvBox__item--txt + .mvBox__item--sub {
  margin-top: 6px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .mvWordpress-b .mvBox__item--txt + .mvBox__item--sub {
    margin-top: 4px;
  }
}
#pid-top .mvWordpress-b .mvBox__item--txt strong {
  color: #ff5400;
}
#pid-top .mvWordpress-b .mvBox__item--txt .num {
  font-size: 4rem;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .mvWordpress-b .mvBox__item--txt .num {
    font-size: 3.2rem;
  }
}
#pid-top .mvWordpress-b .mvBox__item--txt .big {
  font-size: 2.8rem;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .mvWordpress-b .mvBox__item--txt .big {
    font-size: 2.1rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .mvWordpress-b .mvBox__item--txt sub {
    font-size: 0.9rem;
  }
}
#pid-top .mvWordpress-b .mvBox__item--txt a {
  color: inherit;
}
#pid-top .mvWordpress-b .mvBox__item--sub {
  color: #626262;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .mvWordpress-b .mvBox__item--sub {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .mvWordpress-b .mvBox__item--sub {
    font-size: 1.2rem;
  }
}
#pid-top .mvWordpress-b .mvBox__item--sub + .mvBox__item--txt {
  margin-top: 6px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .mvWordpress-b .mvBox__item--sub + .mvBox__item--txt {
    margin-top: 4px;
  }
}
#pid-top .mvWordpress-b .mvBox__item--sub .num {
  font-size: 1.6rem;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .mvWordpress-b .mvBox__item--sub .num {
    font-size: 1.2rem;
  }
}
#pid-top .mvWordpress-b .mvBox__item--cptxt {
  color: #f7790b;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .mvWordpress-b .mvBox__item--cptxt {
    border: 1px solid #f7790b;
    border-radius: 3px;
    font-size: 1.2rem;
    line-height: 1.4;
    padding: 0.2em 0.4em;
    margin-left: 12px;
  }
}
#pid-top .mvWordpress-b .mvBox__item--cptxt:before, #pid-top .mvWordpress-b .mvBox__item--cptxt:after {
  content: "";
  width: 1px;
  height: 1em;
  background: #f7790b;
  display: inline-block;
  vertical-align: middle;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .mvWordpress-b .mvBox__item--cptxt:before, #pid-top .mvWordpress-b .mvBox__item--cptxt:after {
    display: none;
  }
}
#pid-top .mvWordpress-b .mvBox__item--cptxt:before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  margin-right: 0.64em;
}
#pid-top .mvWordpress-b .mvBox__item--cptxt:after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  margin-left: 0.64em;
}
#pid-top .mvWordpress-b .mvTrials__links {
  max-width: 400px;
  margin: 0 auto;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .mvWordpress-b .mvTrials__links {
    max-width: 280px;
  }
}
#pid-top .mvWordpress-b .mvTrials__links .mvTrials__btn {
  padding-top: 14px;
  padding-bottom: 13px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .mvWordpress-b .mvTrials__links .mvTrials__btn {
    padding-top: 12px;
    padding-bottom: 11px;
  }
}
#pid-top .mvBox {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 40px;
}
@media only screen and (max-width: 1099px) {
  #pid-top .mvBox {
    margin-top: 15px;
  }
}
#pid-top .mvFree {
  position: absolute;
  top: -5px;
}
@media only screen and (min-width: 1100px) {
  #pid-top .mvFree img {
    width: 452px;
    height: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .mvFree {
    top: 7px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .mvFree {
    top: 7px;
    text-align: center;
  }
  #pid-top .mvFree img {
    width: 75%;
    height: 75%;
  }
}
#pid-top .mvTrials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .mvTrials {
    margin-top: 45px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-top .mvTrials {
    margin-top: 30px;
  }
}
#pid-top .mvTrials__body {
  background-color: #f8f8f8;
  border-radius: 3px;
  padding: 20px 5.3vw;
}
@media only screen and (min-width: 768px) {
  #pid-top .mvTrials__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 15px 25px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-top .mvTrials__body {
    padding: 16px 35px 16px 45px;
  }
}
#pid-top .mvTrials__caption {
  font-size: 1.9rem;
  font-weight: bold;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .mvTrials__caption {
    font-size: 2.1rem;
    text-align: left;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-top .mvTrials__caption {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 2.3rem;
    text-align: left;
  }
}
#pid-top .mvTrials__caption--image {
  display: none;
}
@media only screen and (min-width: 1100px) {
  #pid-top .mvTrials__caption--image {
    display: block;
    margin-right: 35px;
  }
}
#pid-top .mvTrials__caption--txt {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  line-height: 1.2;
}
#pid-top .mvTrials__caption--txt .tax {
  margin-left: 3px;
  font-size: 78%;
  font-weight: 400;
}
#pid-top .mvTrials__caption .numset {
  color: #ff5400;
}
#pid-top .mvTrials__caption .numset .num {
  margin-left: 0.05em;
  font-size: 3.7rem;
  line-height: 1;
  vertical-align: -0.04em;
}
@media only screen and (min-width: 768px) {
  #pid-top .mvTrials__caption .numset .num {
    font-size: 4.2rem;
  }
}
#pid-top .mvTrials__links {
  margin: 10px 0 0;
}
@media only screen and (min-width: 768px) {
  #pid-top .mvTrials__links {
    margin: 0 0 0 40px;
  }
}
#pid-top .mvTrials__links--txt {
  margin: 0 0 3px;
  color: #f7790b;
  font-weight: bold;
  font-size: 1.5rem;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  #pid-top .mvTrials__links--txt {
    font-size: 1.7rem;
  }
}
#pid-top .mvTrials__btn {
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  display: block;
  position: relative;
  padding-top: 10px;
  padding-bottom: 9px;
  background-color: #f7790b;
  border-radius: 3px;
  color: #fff;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
}
@media only screen and (min-width: 768px) {
  #pid-top .mvTrials__btn {
    font-size: 1.8rem;
  }
}
#pid-top .mvTrials__btn:hover {
  background-color: #f98d2f;
}
#pid-top .mvSpec {
  padding: 60px 0;
}
@media only screen and (min-width: 1100px) {
  #pid-top .mvSpec {
    padding: 100px 0 80px;
  }
}
#pid-top .mvSpec img {
  width: 100%;
  height: auto;
}
#pid-top .mvSpec__detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: -40px;
}
@media only screen and (min-width: 768px) {
  #pid-top .mvSpec__detail {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0;
  }
}
#pid-top .mvSpec__detail__item {
  width: 50%;
  margin-top: 40px;
  padding: 0 10px;
  background-color: #fff;
  line-height: 1.6;
}
@media only screen and (min-width: 768px) {
  #pid-top .mvSpec__detail__item {
    width: auto;
    margin-top: 0;
    padding: 0 15px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-top .mvSpec__detail__item {
    padding: 0 35px;
  }
}
#pid-top .mvSpec__detail__img {
  margin-bottom: 25px;
  text-align: center;
}
#pid-top .mvSpec__detail__img img {
  width: 80%;
  max-width: 180px;
  height: auto;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .mvSpec__detail__img img {
    width: 20vw;
    max-width: 100%;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-top .mvSpec__detail__img img {
    width: auto;
    max-width: 100%;
  }
}
#pid-top .mvSpec__detail__txt {
  display: block;
  position: relative;
  font-size: 1.4rem;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-weight: 500;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .mvSpec__detail__txt {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-top .mvSpec__detail__txt {
    font-size: 1.8rem;
  }
}
#pid-top .mvSpec__detail strong {
  color: #ff5400;
  font-size: 125%;
}
@media screen and (max-width: 374px) {
  #pid-top .mvSpec__detail__txt {
    font-size: 3.4vw;
  }
}
#pid-top .mvPickup {
  background: #fff;
  padding: 20px 0;
  position: relative;
  text-align: center;
}
#pid-top .mvPickup__single {
  width: 416px;
  max-width: 92vw;
  margin: 0 auto;
}
#pid-top .mvPickup__slide {
  width: 882px;
  max-width: calc(100% - 100px);
  margin: 0 auto;
}
#pid-top .mvPickup__slide__item {
  margin: 0 7px;
}
#pid-top .mvPickup .balloon {
  margin: 0 auto;
  text-align: center;
  width: 240px;
  position: absolute;
  left: 50%;
  top: -19px;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  background: #363e60;
  border-radius: 50px;
  color: #fff;
  padding: 0.5rem 1rem;
  line-height: 1;
  font-size: 15px;
}
#pid-top .mvPickup .balloon:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: -18px;
  margin-left: -10px;
  border: 10px solid transparent;
  border-top-color: #363e60;
}
#pid-top .mvPickup a {
  display: inline-block;
  text-align: center;
}
#pid-top .mvPickup img {
  height: auto;
  max-width: 100%;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .mvPickup {
    padding: 15px 0;
  }
  #pid-top .mvPickup__slide {
    width: 280px;
    max-width: none;
    padding-top: 15px;
  }
  #pid-top .mvPickup__slide__item {
    margin: 0 0 15px;
  }
}
#pid-top .feature .featureHeader {
  padding: 60px 0;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(60%, rgb(255, 255, 255)), to(rgb(248, 248, 248)));
  background-image: linear-gradient(90deg, rgb(255, 255, 255) 60%, rgb(248, 248, 248) 100%);
  -webkit-box-shadow: inset 0px 20px 20px 0px rgba(0, 0, 0, 0.01);
          box-shadow: inset 0px 20px 20px 0px rgba(0, 0, 0, 0.01);
}
@media only screen and (min-width: 1100px) {
  #pid-top .feature .featureHeader {
    padding: 100px 0;
  }
}
#pid-top .feature .blV2__ttl {
  margin-bottom: 50px;
}
@media only screen and (min-width: 1100px) {
  #pid-top .feature .blV2__ttl {
    margin-bottom: 100px;
  }
}
#pid-top .ftNav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  font-weight: bold;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .ftNav {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
#pid-top .ftNav__item {
  width: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .ftNav__item:first-child {
    width: 100%;
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) {
  #pid-top .ftNav__item {
    width: auto;
    padding: 0 25px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-top .ftNav__item {
    padding: 0 35px;
  }
}
#pid-top .ftNav__img {
  position: relative;
  display: inline-block;
}
#pid-top .ftNav__img img {
  width: auto;
  height: 80px;
}
@media only screen and (min-width: 768px) {
  #pid-top .ftNav__img img {
    height: auto;
  }
}
#pid-top .ftNav__num {
  position: absolute;
  top: -5px;
  right: 100%;
  width: 22px;
  height: 28px;
  margin: 0;
  padding-top: 0.3em;
  background: url(../img/top/feature_nav_box.png) no-repeat left top/100% 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  font-size: 1.4rem;
  line-height: 1;
}
@media only screen and (min-width: 1100px) {
  #pid-top .ftNav__num {
    top: -20px;
    width: 36px;
    height: 48px;
    padding-top: 0.2em;
    font-size: 2.4rem;
  }
}
#pid-top .ftNav__txt {
  margin: 20px 0 0 0;
  color: #ff5400;
  font-size: 2rem;
  line-height: 1.4;
}
@media only screen and (min-width: 1100px) {
  #pid-top .ftNav__txt {
    margin: 30px 0 0;
    font-size: 2.2rem;
  }
}
#pid-top .ftNav__txt__s {
  color: #222;
  font-size: 85%;
}
#pid-top .ftSec {
  position: relative;
  padding: 60px 0;
}
@media only screen and (min-width: 1100px) {
  #pid-top .ftSec {
    padding: 100px 40px;
  }
}
#pid-top .ftSec:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 0;
  height: 0;
  border-top: 24px solid #fff;
  border-right: 20px solid transparent;
  border-bottom: 24px solid transparent;
  border-left: 20px solid transparent;
}
@media only screen and (min-width: 1100px) {
  #pid-top .ftSec:before {
    border-top-width: 30px;
    border-right-width: 25px;
    border-bottom-width: 30px;
    border-left-width: 25px;
  }
}
#pid-top .ftSec__ttl {
  margin-bottom: 30px;
  font-weight: bold;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  text-align: center;
}
@media only screen and (min-width: 768px) {
  #pid-top .ftSec__ttl {
    text-align: left;
  }
}
#pid-top .ftSec__ttl__s {
  display: inline-block;
  margin-bottom: 15px;
  padding: 6px 12px;
  background-color: #222;
  border-radius: 2px;
  color: #fff;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1;
}
@media only screen and (min-width: 768px) {
  #pid-top .ftSec__ttl__s {
    font-size: 1.5rem;
  }
}
#pid-top .ftSec__ttl__m {
  font-size: 2.2rem;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .ftSec__ttl__m {
    font-size: 2.4rem;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-top .ftSec__ttl__m {
    font-size: 3rem;
  }
}
#pid-top .ftSec__ttl__m {
  color: #286ed3;
  line-height: 1.3;
}
#pid-top .ftSec__body {
  position: relative;
  line-height: 1.8;
}
@media only screen and (min-width: 768px) {
  #pid-top .ftSec__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
#pid-top .ftSec__body__txt {
  margin: 1em 0 0;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  text-align: justify;
}
#pid-top .ftSec__body__txt:first-child {
  margin: 0;
}
#pid-top .ftSec .buttonGroup {
  margin-top: 30px;
}
#pid-top .ftSec--no1, #pid-top .ftSec--no3 {
  background: #eff4f8;
}
@media only screen and (min-width: 768px) {
  #pid-top .ftSec--no1 .ftSec__body__detail, #pid-top .ftSec--no3 .ftSec__body__detail {
    padding-right: 30px;
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-top .ftSec--no1 .ftSec__body__detail, #pid-top .ftSec--no3 .ftSec__body__detail {
    padding-right: 50px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-top .ftSec--no1 .holder-sml, #pid-top .ftSec--no3 .holder-sml {
    width: 960px;
  }
}
#pid-top .ftSec--no2:before {
  border-top-color: #eff4f8;
}
#pid-top .ftSec--no2 .buttonGroup {
  margin-top: 40px;
}
@media only screen and (min-width: 1100px) {
  #pid-top .ftSec--no2 .buttonGroup {
    margin-top: 50px;
    text-align: center;
  }
}
#pid-top .ftSec--no2 .ftSec__ttl {
  text-align: center;
}
#pid-top .ftSec--no2 .ftSec__txt1 {
  margin: 0 0 40px;
  line-height: 1.8;
}
@media only screen and (min-width: 768px) {
  #pid-top .ftSec--no2 .ftSec__txt1 {
    text-align: center;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-top .ftSec--no2 .ftSec__txt1 {
    margin: 0 0 60px;
  }
}
@media only screen and (min-width: 768px) {
  #pid-top .ftSec--no2 .ftSec__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: -30px -20px 0;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-top .ftSec--no2 .ftSec__body {
    margin: 0 -20px;
  }
}
#pid-top .ftSec--no2 .ftSec__body__item {
  margin-top: 30px;
}
@media only screen and (min-width: 768px) {
  #pid-top .ftSec--no2 .ftSec__body__item {
    width: 50%;
    margin: 30px 0 0;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-top .ftSec--no2 .ftSec__body__item {
    width: 25%;
    margin-top: 0;
  }
}
#pid-top .ftSec--no2 .ftSec__body__img {
  padding: 15px;
  background: url(../img/top/bg_feature_02_img.svg) center center no-repeat #e4edf4;
  background-size: 100% 100%;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  #pid-top .ftSec--no2 .ftSec__body__img {
    padding: 25px 20px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-top .ftSec--no2 .ftSec__body__img {
    padding: 35px 20px;
  }
}
#pid-top .ftSec--no2 .ftSec__body__img img {
  width: 100%;
  max-width: 250px;
  height: auto;
}
@media only screen and (min-width: 768px) {
  #pid-top .ftSec--no2 .ftSec__body__img img {
    width: auto;
    max-width: 100%;
  }
}
#pid-top .ftSec--no2 .ftSec__body__ttl {
  font-size: 1.8rem;
}
@media only screen and (min-width: 1100px) {
  #pid-top .ftSec--no2 .ftSec__body__ttl {
    font-size: 2rem;
  }
}
#pid-top .ftSec--no2 .ftSec__body__ttl {
  margin-top: 20px;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
}
#pid-top .ftSec--no2 .ftSec__body__txt {
  margin: 1.2em 0 0;
  font-size: 1.45rem;
  line-height: 1.6;
  letter-spacing: 0;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .ftSec--no1 .ftSec__body__img, #pid-top .ftSec--no3 .ftSec__body__img {
    text-align: center;
  }
  #pid-top .ftSec--no1 .ftSec__body__img img, #pid-top .ftSec--no3 .ftSec__body__img img {
    width: 100%;
    height: auto;
  }
  #pid-top .ftSec--no1 .ftSec__body__detail, #pid-top .ftSec--no3 .ftSec__body__detail {
    margin: 30px 0 0;
  }
  #pid-top .ftSec--no1 .ftSec__body__img img {
    max-width: 254px;
  }
  #pid-top .ftSec--no3 .ftSec__body__img img {
    max-width: 254px;
  }
}
#pid-top .reason {
  background-color: #e5f0f8;
  padding: 80px 0;
  margin-bottom: 80px;
}
@media only screen and (max-width: 1099px) {
  #pid-top .reason {
    padding: 60px 0;
    margin-bottom: 60px;
  }
}
#pid-top .reason-inner {
  max-width: 1232px;
  margin: 0 auto;
}
#pid-top .reason__body {
  margin: 0 16px 65px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .reason__body {
    margin: 0 0 40px;
  }
}
#pid-top .reason__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .reason__grid {
    grid-template-columns: 1fr;
  }
}
#pid-top .reason__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px 8px;
  margin-top: 50px;
}
@media only screen and (min-width: 768px) {
  #pid-top .reason__footer {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 16px;
  }
}
#pid-top .reason__footer .button {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 250px;
}
@media only screen and (min-width: 768px) {
  #pid-top .reason__footer .button {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 320px;
            flex: 0 1 320px;
  }
}
#pid-top .reason-card {
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
          box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 1099px) {
  #pid-top .reason-card {
    -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;
  }
}
#pid-top .reason-card__label {
  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-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #286ed3;
  color: #fff;
  border-radius: 0 0 3px 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 34px 14px 0px;
  margin-left: 24px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .reason-card__label {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    padding: 8px 16px;
    margin: 0 auto;
  }
}
#pid-top .reason-card__txt {
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
}
#pid-top .reason-card__number {
  font-size: 54px;
  font-weight: 700;
  line-height: 1;
  border-top: 1px solid #fff;
  position: relative;
  margin-top: -4px;
  top: 9px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .reason-card__number {
    font-size: 38px;
    border-top: none;
    -webkit-border-start: 1px solid #fff;
            border-inline-start: 1px solid #fff;
    margin-top: 0;
    -webkit-margin-start: 8px;
            margin-inline-start: 8px;
    padding-top: 0;
    -webkit-padding-start: 8px;
            padding-inline-start: 8px;
    top: 0;
    line-height: 0.77;
  }
}
#pid-top .reason-card__main {
  width: 100%;
}
#pid-top .reason-card__content {
  margin: 20px 0 40px 40px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .reason-card__content {
    margin: 20px 24px 24px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .reason-card__content {
    margin: 20px 16px 24px;
  }
}
#pid-top .reason-card__title {
  font-size: 30px;
  color: #2f334c;
  font-weight: 700;
  margin: 0 0 20px 0;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .reason-card__title {
    margin: 0 0 16px 0;
    text-align: center;
    font-size: 26px;
  }
}
#pid-top .reason-card__visuals {
  background-color: #f3f7fa;
  border-radius: 0 3px 3px 0;
  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;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 200px;
          flex: 0 0 200px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  padding: 8px;
  margin: 8px 16px 16px 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .reason-card__visuals {
    margin-top: 0;
    padding: 16px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .reason-card__visuals {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin-top: 0;
    padding: 16px;
    min-height: 160px;
  }
}
#pid-top .reason-card__visuals img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
#pid-top .reason-card__img {
  width: 100%;
  position: relative;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .reason-card__img {
    max-width: 400px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-top .reason-card__img {
    max-width: 160px;
  }
}
#pid-top .reason-card__img figcaption {
  font-size: clamp(8px, 2.1333333333vw, 11px);
  position: absolute;
  top: 50%;
  right: 59%;
  color: #ff0000;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .reason-card__img figcaption {
    font-size: clamp(8px, 2.1333333333vw, 9px);
    top: 51%;
    right: 60%;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-top .reason-card__img figcaption {
    font-size: clamp(8px, 2.1333333333vw, 9px);
    top: 20.5%;
    right: 14%;
  }
}
#pid-top .reason-card__img figcaption a {
  color: #2f334c;
}
#pid-top .reason-card__img figcaption a:hover {
  text-decoration: none;
}
#pid-top .reason-card:nth-child(2) .reason-card__img figcaption {
  top: 41%;
}
@media only screen and (min-width: 1100px) {
  #pid-top .reason-card:nth-child(2) .reason-card__img figcaption {
    top: 13%;
  }
}
#pid-top .reason-card__feature-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  font-size: 13px;
  color: #333;
  font-weight: 500;
}
@media only screen and (max-width: 1099px) {
  #pid-top .reason-card__feature-list br {
    display: none;
  }
}
#pid-top .reason-card__feature-list li {
  -webkit-padding-start: 24px;
          padding-inline-start: 24px;
  position: relative;
}
#pid-top .reason-card__feature-list li::before {
  position: absolute;
  top: 3px;
  left: 0;
  width: 16px;
  height: 16px;
  content: "";
  background: url(../img/top/check.svg) no-repeat center center/contain;
}
#pid-top .reason-card__feature-list .highlight {
  color: #286ed3;
}
#pid-top .more-link {
  font-size: 14px;
  font-weight: 700;
  margin-top: 16px;
  color: #286ed3;
  display: inline-block;
  position: relative;
  margin-bottom: 0;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .more-link {
    display: block;
    text-align: center;
  }
}
#pid-top .cta__btnContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0px -8px 0;
}
@media only screen and (min-width: 768px) {
  #pid-top .cta__btnContainer {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
#pid-top .cta__btnContainer .button {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  margin: 10px 8px 0;
}
@media only screen and (min-width: 768px) {
  #pid-top .cta__btnContainer .button {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    margin: 0 15px;
    min-width: 250px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .cta__btnContainer .button {
    padding-right: 1.5em;
    padding-left: 1em;
    display: block;
  }
}
#pid-top .cta__btnWrap {
  text-align: center;
  position: relative;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .cta__btnWrap {
    width: 100%;
  }
}
#pid-top .campaignBalloon {
  position: absolute;
  top: -22px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  text-shadow: none;
  z-index: 1;
  border: 1px solid #ea2803;
  border-radius: 3px;
  font-weight: 600;
  font-size: 13px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .campaignBalloon {
    top: -12px;
  }
}
#pid-top .campaignBalloon:before {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #ea2803;
}
#pid-top .campaignBalloon:after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #fff;
}
#pid-top .campaignPr {
  padding: 2px 6px 0 10px;
  line-height: 24px;
  text-align: center;
}
#pid-top .campaignLimit {
  padding: 2px 8px 0;
  background-color: #ea2803;
  color: #fff;
  line-height: 24px;
  text-align: center;
}
#pid-top .plan {
  max-width: 1232px;
  padding: 0 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .plan {
    padding: 0;
  }
}
#pid-top .plan * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (min-width: 1100px) {
  #pid-top .plan .blV2__ttl {
    margin-bottom: 120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .plan .blV2__ttl {
    margin-bottom: 100px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .plan .blV2__ttl {
    margin-bottom: 30px;
  }
}
#pid-top .plan .imgico {
  background: url(../img/common/ico_tooltip.svg) 0 0 no-repeat;
  width: 16px;
  height: 16px;
}
#pid-top .plan .buttonGroup {
  margin-top: 30px;
  margin-bottom: 30px;
}
#pid-top .pldistinction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .pldistinction {
    gap: 100px 16px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .pldistinction {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
}
#pid-top .pldistinction__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 1px solid #d2d2d2;
  border-radius: 2px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .pldistinction__item {
    padding: 0;
    border: 0;
    margin-bottom: 40px;
  }
}
#pid-top .pldistinction__item--personal {
  width: calc(50% - 24px);
}
@media only screen and (max-width: 1099px) {
  #pid-top .pldistinction__item--personal {
    width: 100%;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .pldistinction__item--personal {
    border: 0;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .pldistinction__item--personal .plList__item {
    border: 1px solid #d2d2d2;
  }
}
#pid-top .pldistinction__item--personal .plList__item:first-child {
  border-right: 1px solid #d2d2d2;
}
#pid-top .pldistinction__item--corporation, #pid-top .pldistinction__item--wordpress {
  width: calc(25% - 12px);
  background-color: #f7f7f7;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .pldistinction__item--corporation, #pid-top .pldistinction__item--wordpress {
    width: calc(50% - 8px);
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .pldistinction__item--corporation, #pid-top .pldistinction__item--wordpress {
    width: 100%;
    background-color: transparent;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .pldistinction__item--corporation .pldistinction__ttl, #pid-top .pldistinction__item--wordpress .pldistinction__ttl {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .pldistinction__item--corporation .plList__item, #pid-top .pldistinction__item--wordpress .plList__item {
    background-color: #f7f7f7;
  }
}
#pid-top .pldistinction__item--corporation .plList__item:first-child, #pid-top .pldistinction__item--wordpress .plList__item:first-child {
  border-top: none;
  width: 350px;
}
@media only screen and (max-width: 1099px) {
  #pid-top .pldistinction__item--corporation .plList__item:first-child, #pid-top .pldistinction__item--wordpress .plList__item:first-child {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  #pid-top .pldistinction__item--corporation .plList__item:first-child .plList__item__wrap, #pid-top .pldistinction__item--wordpress .plList__item:first-child .plList__item__wrap {
    border: none;
  }
}
#pid-top .pldistinction__item--corporation .plList__item:first-child .plListTtl__price s, #pid-top .pldistinction__item--wordpress .plList__item:first-child .plListTtl__price s {
  color: #8a8a8a;
}
#pid-top .pldistinction__item--corporation .plListSpec__entry, #pid-top .pldistinction__item--wordpress .plListSpec__entry {
  padding: 30px 0 70px;
  margin: auto auto 0;
  width: calc(100% - 40px);
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .pldistinction__item--corporation .plListSpec__entry, #pid-top .pldistinction__item--wordpress .plListSpec__entry {
    padding: 30px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .pldistinction__item--corporation .plListSpec__entry, #pid-top .pldistinction__item--wordpress .plListSpec__entry {
    width: calc(100% - 100px);
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .pldistinction__item--corporation .plListSpec__entry, #pid-top .pldistinction__item--wordpress .plListSpec__entry {
    padding: 20px 0 0;
  }
}
#pid-top .pldistinction__item--corporation .buttonCta, #pid-top .pldistinction__item--wordpress .buttonCta {
  background: #6b7198;
}
#pid-top .pldistinction__item--corporation .buttonCta:hover, #pid-top .pldistinction__item--wordpress .buttonCta:hover {
  opacity: 0.8;
}
#pid-top .pldistinction__item--corporation .buttonCta::after, #pid-top .pldistinction__item--wordpress .buttonCta::after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url(../img/common/ico_blank_white.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  right: 12px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .pldistinction__item--corporation .buttonCta::after, #pid-top .pldistinction__item--wordpress .buttonCta::after {
    right: auto;
  }
}
#pid-top .pldistinction__item--corporation .plList__item:last-child .plListSpec, #pid-top .pldistinction__item--wordpress .plList__item:last-child .plListSpec {
  border-right: none;
}
#pid-top .pldistinction__item--corporation .plList__item--recom .plListTtl, #pid-top .pldistinction__item--wordpress .plList__item--recom .plListTtl {
  border-top: 10px solid #1e3658;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .pldistinction__item--corporation .plList__item--recom .plListTtl, #pid-top .pldistinction__item--wordpress .plList__item--recom .plListTtl {
    border-top: 1px solid #d2d2d2;
  }
}
#pid-top .pldistinction__item--corporation .plListTtl__nameWrap, #pid-top .pldistinction__item--wordpress .plListTtl__nameWrap {
  margin: 0 0 25px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .pldistinction__item--corporation .plListTtl__nameWrap, #pid-top .pldistinction__item--wordpress .plListTtl__nameWrap {
    background-color: #1e3658;
    padding: 15px;
    margin: 0 0 20px;
  }
}
#pid-top .pldistinction__item--corporation .plListTtl__name, #pid-top .pldistinction__item--wordpress .plListTtl__name {
  background: #FFF;
  border-radius: 2px;
  margin: 0 auto;
  width: calc(100% - 20px);
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .pldistinction__item--corporation .plListTtl__name, #pid-top .pldistinction__item--wordpress .plListTtl__name {
    min-height: 36px;
    max-width: 300px;
  }
}
#pid-top .pldistinction__item--corporation .plListTtl__price__balloon, #pid-top .pldistinction__item--wordpress .plListTtl__price__balloon {
  color: #1e3658;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .pldistinction__item--corporation .plListSpec__contents, #pid-top .pldistinction__item--wordpress .plListSpec__contents {
    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-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
#pid-top .pldistinction__item--corporation .plListSpec__contents--base, #pid-top .pldistinction__item--wordpress .plListSpec__contents--base {
  position: relative;
  text-align: center;
  background: #fff;
  border: #d2d2d2 1px solid;
  color: #113d6b;
  padding: 7px;
  border-radius: 2px;
  margin-bottom: 50px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .pldistinction__item--corporation .plListSpec__contents--base, #pid-top .pldistinction__item--wordpress .plListSpec__contents--base {
    margin-bottom: 40px;
  }
}
#pid-top .pldistinction__item--corporation .plListSpec__contents--base::after, #pid-top .pldistinction__item--wordpress .plListSpec__contents--base::after {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  border-radius: 11px;
  background-color: #2f334c;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -36px;
  margin: 0 auto;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .pldistinction__item--corporation .plListSpec__contents--base::after, #pid-top .pldistinction__item--wordpress .plListSpec__contents--base::after {
    bottom: -31px;
  }
}
#pid-top .pldistinction__item--corporation .plListSpec__contents--base span::before, #pid-top .pldistinction__item--corporation .plListSpec__contents--base span::after, #pid-top .pldistinction__item--wordpress .plListSpec__contents--base span::before, #pid-top .pldistinction__item--wordpress .plListSpec__contents--base span::after {
  content: "";
  display: block;
  width: 10px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -26px;
  margin: 0 auto;
  z-index: 2;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .pldistinction__item--corporation .plListSpec__contents--base span::before, #pid-top .pldistinction__item--corporation .plListSpec__contents--base span::after, #pid-top .pldistinction__item--wordpress .plListSpec__contents--base span::before, #pid-top .pldistinction__item--wordpress .plListSpec__contents--base span::after {
    bottom: -21px;
  }
}
#pid-top .pldistinction__item--corporation .plListSpec__contents--base span::after, #pid-top .pldistinction__item--wordpress .plListSpec__contents--base span::after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
#pid-top .pldistinction__item--corporation .plListSpec__contents--feature .contentsDetail__list li, #pid-top .pldistinction__item--wordpress .plListSpec__contents--feature .contentsDetail__list li {
  font-size: 13px;
  list-style: disc;
  margin-left: 1.2em;
  margin-bottom: 5px;
}
#pid-top .pldistinction__item--corporation .plListSpec__contents--feature .contentsDetail__list li::marker, #pid-top .pldistinction__item--wordpress .plListSpec__contents--feature .contentsDetail__list li::marker {
  color: #e6e3e1;
}
#pid-top .pldistinction__item--corporation .plListSpec__contents--feature .contentsDetail__list li:last-child, #pid-top .pldistinction__item--wordpress .plListSpec__contents--feature .contentsDetail__list li:last-child {
  margin-bottom: 0;
}
#pid-top .pldistinction__item--corporation .plListSpec__contents--feature .contentsDetail .itemDomain, #pid-top .pldistinction__item--wordpress .plListSpec__contents--feature .contentsDetail .itemDomain {
  margin: 10px 0 0;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1.6;
}
#pid-top .pldistinction__item--corporation .plListSpec__contents--feature .contentsDetail .itemDomain strong, #pid-top .pldistinction__item--wordpress .plListSpec__contents--feature .contentsDetail .itemDomain strong {
  color: #ff5400;
}
#pid-top .pldistinction__item--corporation .plListSpec__contents--feature .contentsDetail .itemDomain .domain--normal,
#pid-top .pldistinction__item--corporation .plListSpec__contents--feature .contentsDetail .itemDomain .domain--premium,
#pid-top .pldistinction__item--corporation .plListSpec__contents--feature .contentsDetail .itemDomain .domain--corporation, #pid-top .pldistinction__item--wordpress .plListSpec__contents--feature .contentsDetail .itemDomain .domain--normal,
#pid-top .pldistinction__item--wordpress .plListSpec__contents--feature .contentsDetail .itemDomain .domain--premium,
#pid-top .pldistinction__item--wordpress .plListSpec__contents--feature .contentsDetail .itemDomain .domain--corporation {
  display: inline-block;
  border-radius: 2px;
  padding: 0.1em 0.4em;
  margin-right: 4px;
  line-height: 1.2;
  text-align: center;
  width: 3.2em;
}
#pid-top .pldistinction__item--corporation .plListSpec__contents--feature .contentsDetail .itemDomain .domain--normal, #pid-top .pldistinction__item--wordpress .plListSpec__contents--feature .contentsDetail .itemDomain .domain--normal {
  background: #d6e5f2;
}
#pid-top .pldistinction__item--corporation .plListSpec__contents--feature .contentsDetail .itemDomain .domain--premium, #pid-top .pldistinction__item--wordpress .plListSpec__contents--feature .contentsDetail .itemDomain .domain--premium {
  background: #1b63a7;
  color: #FFF;
}
#pid-top .pldistinction__item--corporation .plListSpec__contents--feature .contentsDetail .itemDomain .domain--corporation, #pid-top .pldistinction__item--wordpress .plListSpec__contents--feature .contentsDetail .itemDomain .domain--corporation {
  background: #113d6b;
  color: #FFF;
  width: 4.2em;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .pldistinction__item--corporation .plListSpec__entry, #pid-top .pldistinction__item--wordpress .plListSpec__entry {
    padding-top: 30px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .pldistinction__item--wordpress {
    margin-bottom: 0;
  }
}
#pid-top .pldistinction__item--wordpress .plList__item--recom .plListTtl {
  border-top: 10px solid #2a5bc4;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .pldistinction__item--wordpress .plList__item--recom .plListTtl {
    border-top: 1px solid #d2d2d2;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .pldistinction__item--wordpress .plListTtl__nameWrap {
    background-color: #2a5bc4;
  }
}
#pid-top .pldistinction__ttl {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding-bottom: 30px;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .pldistinction__ttl {
    font-size: 22px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .pldistinction__ttl {
    font-size: 26px;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    padding-bottom: 0;
    position: relative;
    transform: translateY(0);
    margin-bottom: 15px;
  }
}
#pid-top .pldistinction__ttl span {
  font-size: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .pldistinction__ttl span {
    font-size: 16px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .pldistinction__ttl span {
    font-size: 20px;
  }
}
#pid-top .pldistinction__link {
  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;
  text-align: center;
  height: 70px;
  color: #286ed3;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .pldistinction__link {
    height: auto;
    margin-top: 25px;
  }
}
#pid-top .pldistinction__link a {
  color: #2f334c;
}
#pid-top .plList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
#pid-top .plList__item {
  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%;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .plList__item {
    padding: 0 0 25px;
    border: 1px solid #d2d2d2;
  }
}
#pid-top .plList__item:first-child .plListTtl__name {
  border-bottom-color: #185895;
}
#pid-top .plList__item:nth-child(2) {
  border-top: none;
  background: #FFF;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .plList__item:nth-child(2) {
    margin-top: 50px;
  }
}
#pid-top .plList__item:nth-child(2) .plListTtl__name {
  border-bottom-color: #0081b6;
}
#pid-top .plList__item:nth-child(2) .plList__item__wrap {
  background: transparent;
}
@media only screen and (min-width: 768px) {
  #pid-top .plList__item {
    /*width: 360px;*/
  }
  #pid-top .plList__item .plListSpec__entry .btn {
    padding: 10px 0;
  }
}
#pid-top .plList__item__wrap {
  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-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
#pid-top .plListTtl {
  border-top: 10px solid #1B63A6;
  padding: 30px 10px 20px;
  position: relative;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .plListTtl {
    border-top: 0;
    padding: 0 0 10px;
  }
}
#pid-top .plListTtl__recom {
  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;
  background-color: #ff5400;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 140px;
  height: 30px;
  font-weight: bold;
  padding: 0 10px;
  font-size: 16px;
  line-height: 1;
  color: #fff;
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 2;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .plListTtl__recom {
    top: -18px;
    height: 24px;
    font-size: 14px;
  }
}
#pid-top .plListTtl__recom::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 7px 0 7px;
  border-color: #ff5400 transparent transparent transparent;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -7px;
  margin: auto;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .plListTtl__recom::before {
    bottom: -6px;
  }
}
#pid-top .plListTtl__name {
  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-weight: bold;
  font-size: 26px;
  color: #1b63a6;
  line-height: 1;
  min-height: 50px;
  margin-bottom: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .plListTtl__name {
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .plListTtl__name {
    background-color: #1B63A6;
    color: #fff;
    min-height: 56px;
    font-size: 20px;
    margin-bottom: 20px;
  }
}
#pid-top .plListTtl__name__s {
  font-size: 80%;
  font-weight: normal;
}
#pid-top .plListTtl__priceBox {
  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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 116px;
}
#pid-top .plListTtl__normal {
  color: #888888;
  font-size: 13px;
  display: block;
  line-height: 1;
}
#pid-top .plListTtl__cp {
  color: #ff5400;
  font-weight: bold;
  line-height: 1;
}
#pid-top .plListTtl__orange {
  color: #ff5400;
}
#pid-top .plListTtl__price {
  margin: 0 0 35px;
  font-weight: 500;
  font-size: 36px;
  line-height: 1;
  position: relative;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .plListTtl__price {
    margin: 0 0 35px !important;
  }
}
#pid-top .plListTtl__price__s {
  font-size: 16px;
  vertical-align: 0.05em;
}
#pid-top .plListTtl__price s {
  display: block;
  margin: -12px 0 3px;
  font-size: 44%;
}
#pid-top .plListTtl__price del {
  display: block;
  margin: -12px 0 3px;
  font-size: 80%;
}
#pid-top .plListTtl__price__balloon {
  display: block;
  background-color: #ffe400;
  padding: 3px 8px;
  color: #2f334c;
  font-weight: bold;
  font-size: 12px;
  white-space: nowrap;
  position: absolute;
  left: 50%;
  bottom: -25px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
#pid-top .plListTtl__price__balloon::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 6px 7px 6px;
  border-color: transparent transparent #ffe400 transparent;
  position: absolute;
  top: -6px;
  left: 0;
  right: 0;
  margin: auto;
}
#pid-top .plListTtl__copy {
  margin: 0 0 20px;
  line-height: 1.6;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: 1.3rem;
  letter-spacing: 0;
  font-weight: bold;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .plListTtl__copy {
    margin: 0 0 15px;
  }
}
#pid-top .plList__item--recom {
  padding-top: 0;
}
#pid-top .plListSpec {
  padding: 0 20px;
  text-align: left;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .plListSpec {
    padding: 0 50px;
  }
}
#pid-top .plListSpec__detail--item {
  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;
  border-bottom: 1px solid #eee;
  padding: 15px 0;
  line-height: 1.2;
  letter-spacing: 0;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .plListSpec__detail--item {
    padding: 12px 0;
  }
}
#pid-top .plListSpec__detail--item:first-child {
  padding-top: 0;
}
#pid-top .plListSpec__detail--itemColumn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#pid-top .plListSpec__detail--itemExtra {
  display: block;
  padding: 15px;
}
#pid-top .plListSpec__detail--item .itemCaption {
  color: #888;
  font-size: 13px;
  margin-right: 5px;
}
#pid-top .plListSpec__detail--item .itemDetail {
  font-size: 13px;
  font-weight: bold;
  text-align: right;
}
#pid-top .plListSpec__detail--item .itemDetail .free {
  font-size: 20px;
}
#pid-top .plListSpec__detail--item .itemDetail .num {
  font-size: 15px;
}
#pid-top .plListSpec__detail--item .itemDetail .big {
  font-size: 16px;
}
#pid-top .plListSpec__detail--item .itemDomain {
  font-size: 13px;
  font-weight: bold;
  line-height: 1.6;
}
#pid-top .plListSpec__detail--item .itemDomain strong {
  color: #ff5400;
}
#pid-top .plListSpec__detail--item .itemDomain .domain--normal,
#pid-top .plListSpec__detail--item .itemDomain .domain--premium {
  display: inline-block;
  border-radius: 2px;
  padding: 0.1em 0.2em;
  margin-right: 4px;
  line-height: 1.2;
  text-align: center;
  min-width: 3em;
}
#pid-top .plListSpec__detail--item .itemDomain .domain--normal {
  background: #d6e5f2;
}
#pid-top .plListSpec__detail--item .itemDomain .domain--premium {
  background: #1b63a7;
  color: #FFF;
}
#pid-top .plListSpec__detail--item .itemWp {
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1;
}
#pid-top .plListSpec__detail--item .itemWp .price {
  color: #ff5400;
  font-size: 13px;
  font-weight: bold;
}
#pid-top .plListSpec__detail--item .itemWp .price-num {
  font-weight: 500;
  font-size: 20px;
  -webkit-transform: translateY(8%);
          transform: translateY(8%);
  display: inline-block;
}
#pid-top .plListSpec__detail--item .itemWp strong {
  color: #286ed3;
}
#pid-top .plListSpec__entry {
  padding: 30px 0 0;
  margin: auto auto 0;
  width: calc(100% - 40px);
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .plListSpec__entry {
    width: calc(100% - 100px);
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .plListSpec__entry {
    padding: 20px 0 0;
  }
}
#pid-top .plListSpec__entry .button {
  width: 100%;
  padding-left: 1.5em;
  padding-right: 1.5em;
  font-size: 14px;
}
@media only screen and (min-width: 768px) and (max-width: 812px) {
  #pid-top .plListSpec__entry .button {
    padding-left: 1.6em;
    padding-right: 1.6em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .plListSpec__entry .button {
    padding: 10px 1em;
    font-size: 15px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .plListSpec__entry .button {
    padding: 0.7em 1em;
    font-size: 15px;
  }
}
#pid-top .plMail {
  font-size: 12px;
  color: #666666;
  background-color: #fff;
  padding: 10px 25px;
  margin-top: 15px;
  line-height: 1.4;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .plMail {
    padding: 10px 20px;
  }
}
#pid-top .plNote {
  display: block;
  margin-top: 10px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .plNote {
    margin-top: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .plList__item {
    width: 50%;
  }
  #pid-top .plListTtl {
    padding: 20px 5px 10px;
  }
  #pid-top .plListTtl__copy {
    font-size: 1.3rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .plList {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #pid-top .plList__item {
    width: 100%;
  }
}
#pid-top .comparisonLinkBnr a {
  -webkit-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out;
}
#pid-top .comparisonLinkBnr a:hover {
  opacity: 0.6;
}
#pid-top .comparisonLinkBnr a img {
  max-width: 100%;
  width: auto;
  height: auto;
}
#pid-top .domain-benefit {
  background-color: #EFF4F8;
  padding: 80px 0;
}
@media only screen and (max-width: 1099px) {
  #pid-top .domain-benefit {
    padding: 60px 0;
  }
}
#pid-top .domain-benefit_box > p {
  text-align: center;
}
@media only screen and (max-width: 1099px) {
  #pid-top .domain-benefit_box > p {
    text-align: left;
  }
}
#pid-top .domain-benefit_box.forever_domain .domain-benefit_subttl {
  background: #20b5aa;
}
#pid-top .domain-benefit_box.forever_domain .domain-benefit_target-plan {
  color: #20b5aa;
}
#pid-top .domain-benefit_box.forever_domain .domain-benefit_domain-more {
  background-color: #fff;
  border: 1px solid #20b5aa;
}
#pid-top .domain-benefit_box.forever_domain .note {
  display: inline-block;
  font-size: 11px;
  line-height: 1.4;
  color: #888;
}
#pid-top .domain-benefit_box_note-list {
  margin-top: 10px;
}
@media only screen and (min-width: 768px) {
  #pid-top .domain-benefit_box_note-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#pid-top .domain-benefit_box_note-list li {
  font-size: 10px;
  line-height: 1.4;
  padding-left: 1em;
  text-indent: -1em;
}
#pid-top .domain-benefit_box_note-list li:not(:first-child) {
  margin-top: 4px;
}
@media only screen and (min-width: 1100px) {
  #pid-top .domain-benefit_box_note-list li {
    font-size: 11px;
  }
}
#pid-top .domain-benefit_subttl {
  overflow: hidden;
  padding: 13px 5px;
  border-radius: 3px 3px 0 0;
  color: #fff;
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
}
#pid-top .domain-benefit_subttl_sub {
  display: block;
}
@media only screen and (min-width: 768px) {
  #pid-top .domain-benefit_subttl_sub {
    font-size: 2rem;
  }
}
#pid-top .domain-benefit_subttl_main {
  display: block;
  margin: 7px 0 0;
}
@media only screen and (min-width: 768px) {
  #pid-top .domain-benefit_subttl_main {
    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;
  }
}
#pid-top .domain-benefit_txt-bold {
  color: #f6ff00;
}
#pid-top .domain-benefit_target-plan {
  display: inline-block;
  margin: 0 20px 10px;
  padding: 6px 15px 3px 15px;
  background-color: #fff;
  font-size: 1.4rem;
  font-weight: 500;
}
@media only screen and (min-width: 768px) {
  #pid-top .domain-benefit_target-plan {
    margin: 0 15px 0 0;
    font-size: 1.6rem;
  }
}
#pid-top .domain-benefit_domain-name {
  font-size: 2rem;
}
@media only screen and (min-width: 1100px) {
  #pid-top .domain-benefit_domain-name {
    font-size: 2.6rem;
  }
}
#pid-top .domain-benefit_domain-name {
  display: block;
  font-weight: 500;
  line-height: 1;
}
@media only screen and (min-width: 768px) {
  #pid-top .domain-benefit_domain-name {
    display: inline-block;
  }
}
#pid-top .domain-benefit_domain-more {
  padding: 4vw;
  border-radius: 0 0 3px 3px;
}
@media only screen and (min-width: 1100px) {
  #pid-top .domain-benefit_domain-more {
    padding: 40px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-top .domain-benefit_domain-more_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-top .domain-benefit_domain-more_box_item {
    max-width: 500px;
  }
}
#pid-top .domain-benefit_domain-more_box_item--x30 {
  margin-top: 30px;
}
@media only screen and (min-width: 1100px) {
  #pid-top .domain-benefit_domain-more_box_item--x30 {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin: 0 0 0 30px;
  }
}
#pid-top .domain-benefit_domain-more_box_item_ttl {
  margin-bottom: 15px;
  padding-left: 10px;
  border-left: 8px solid #20b5aa;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5;
}
#pid-top .domain-benefit_domain-more_box_item_ttl span {
  font-weight: 400;
}
#pid-top .domain-benefit_domain-more_box_item_ttl_marker {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(0%, #f6ff00));
  background: linear-gradient(transparent 50%, #f6ff00 0%);
}
#pid-top .domain-benefit_domain-more_box_item_ttl_strong {
  color: #eb5160;
}
#pid-top .domain-benefit_domain-list {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -6px -3px 0;
}
@media only screen and (min-width: 1100px) {
  #pid-top .domain-benefit_domain-list--x30 {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
#pid-top .domain-benefit_domain-list li {
  width: 33.33333%;
  margin-top: 6px;
  padding: 0 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (min-width: 375px) {
  #pid-top .domain-benefit_domain-list li {
    width: 25%;
  }
}
@media only screen and (min-width: 540px) {
  #pid-top .domain-benefit_domain-list li {
    width: 20%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .domain-benefit_domain-list li {
    width: 12.5%;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-top .domain-benefit_domain-list li {
    min-width: 4.7em;
    width: auto;
  }
}
#pid-top .domain-benefit_domain-list li > span {
  display: block;
  padding: 3px 2px;
  background-color: #eff4f8;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 1.3rem;
  letter-spacing: 0;
  text-align: center;
}
@media only screen and (min-width: 1100px) {
  #pid-top .domain-benefit_domain-list li > span {
    font-size: inherit;
  }
}
#pid-top .domain-benefit_domain-more_note {
  margin: 16px -4vw -4vw;
  padding: 16px 4vw;
  background-color: #F9FAFA;
  border-radius: 0 0 3px 3px;
  font-size: 11px;
  line-height: 1.4;
}
@media only screen and (min-width: 1100px) {
  #pid-top .domain-benefit_domain-more_note {
    margin: 24px -40px -40px;
    padding: 16px 40px;
  }
}
#pid-top .xbizLinkBox {
  margin: 40px 0 30px;
}
@media only screen and (min-width: 1100px) {
  #pid-top .xbizLinkBox {
    margin: 70px 0 40px;
  }
}
#pid-top .xbizLinkBox__body {
  display: block;
  color: #222;
  text-decoration: none;
}
#pid-top .xbizLinkBox__desc {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
#pid-top .xbizLinkBox__desc, #pid-top .xbizLinkBox__priceDetail {
  margin-bottom: 0;
}
#pid-top .xbizLinkBox__balloon {
  display: inline-block;
  position: relative;
  margin: 0 0 8px;
  padding: 3px 8px;
  background-color: #088b44;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.2;
}
#pid-top .xbizLinkBox__balloon::before {
  content: "";
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  width: 0;
  height: 0;
  margin: auto;
  border-width: 6px 6px 0 6px;
  border-style: solid;
  border-color: #088b44 transparent transparent transparent;
}
#pid-top .xbizLinkBox__price {
  display: block;
  font-size: 3.1rem;
  font-weight: 500;
  line-height: 1;
}
#pid-top .xbizLinkBox__price__s {
  font-size: 60%;
  vertical-align: 0.05em;
}
#pid-top .xbizLinkBox img {
  max-width: 100%;
  height: auto;
}
#pid-top .xbizLinkBox .button {
  color: #113d6b;
  border-color: currentColor;
}
#pid-top .xbizLinkBox--type01 .xbizLinkBox__body {
  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;
  padding: 20px 20px 30px;
  background-color: #f8f9fc;
  border: 2px solid #ddd;
}
@media only screen and (min-width: 768px) {
  #pid-top .xbizLinkBox--type01 .xbizLinkBox__body {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .xbizLinkBox--type01 .xbizLinkBox__body {
    padding: 30px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-top .xbizLinkBox--type01 .xbizLinkBox__body {
    padding: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .xbizLinkBox--type01 .xbizLinkBox__txt {
    padding: 0 30px 0 0;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-top .xbizLinkBox--type01 .xbizLinkBox__txt {
    padding: 0 60px 0 20px;
  }
}
#pid-top .xbizLinkBox--type01 .xbizLinkBox__ttl {
  margin-bottom: 20px;
}
@media only screen and (min-width: 1100px) {
  #pid-top .xbizLinkBox--type01 .xbizLinkBox__ttl {
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .xbizLinkBox--type01 .xbizLinkBox__ttl img {
    display: block;
    width: 82%;
    max-width: 360px;
    margin: auto;
  }
}
#pid-top .xbizLinkBox--type01 .xbizLinkBox__priceBtn {
  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;
  gap: 15px 20px;
  margin-top: 20px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .xbizLinkBox--type01 .xbizLinkBox__priceBtn {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .xbizLinkBox--type01 .xbizLinkBox__priceBtn {
    -webkit-column-gap: 25px;
       -moz-column-gap: 25px;
            column-gap: 25px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-top .xbizLinkBox--type01 .xbizLinkBox__priceBtn {
    -webkit-column-gap: 40px;
       -moz-column-gap: 40px;
            column-gap: 40px;
  }
}
#pid-top .xbizLinkBox--type01 .xbizLinkBox__priceDetail {
  text-align: center;
}
#pid-top .xbizLinkBox--type01 .xbizLinkBox__img {
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
  #pid-top .xbizLinkBox--type01 .xbizLinkBox__img {
    -ms-flex-item-align: stretch;
        align-self: stretch;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 40%;
    margin-bottom: 0;
  }
}
#pid-top .xbizLinkBox--type01 .xbizLinkBox__img img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .xbizLinkBox--type01 .xbizLinkBox__img img {
    max-height: 260px;
  }
}
@media only screen and (min-width: 768px) {
  #pid-top .xbizLinkBox--type01 .xbizLinkBox__img img {
    height: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .xbizLinkBox--type01 .button {
    min-width: auto;
  }
}
#pid-top .xbizLinkBox--type02 .xbizLinkBox__body {
  padding: 30px 20px;
  background-color: #eff4f8;
}
@media only screen and (min-width: 768px) {
  #pid-top .xbizLinkBox--type02 .xbizLinkBox__body {
    padding: 55px 30px;
  }
}
#pid-top .xbizLinkBox--type02 .xbizLinkBox__header {
  margin-bottom: 20px;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  #pid-top .xbizLinkBox--type02 .xbizLinkBox__header {
    margin-bottom: 30px;
  }
}
#pid-top .xbizLinkBox--type02 .xbizLinkBox__subttl {
  font-size: 2rem;
}
@media only screen and (min-width: 1100px) {
  #pid-top .xbizLinkBox--type02 .xbizLinkBox__subttl {
    font-size: 2.6rem;
  }
}
#pid-top .xbizLinkBox--type02 .xbizLinkBox__subttl {
  margin-bottom: 0.6em;
  font-weight: bold;
  line-height: 1.4;
}
@media only screen and (min-width: 768px) {
  #pid-top .xbizLinkBox--type02 .xbizLinkBox__ttlPrice {
    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: 15px 25px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
#pid-top .xbizLinkBox--type02 .xbizLinkBox__ttl img {
  display: block;
  margin: auto;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .xbizLinkBox--type02 .xbizLinkBox__ttl img {
    width: 86%;
    max-width: 370px;
  }
}
@media only screen and (min-width: 768px) {
  #pid-top .xbizLinkBox--type02 .xbizLinkBox__ttl img {
    width: 370px;
  }
}
#pid-top .xbizLinkBox--type02 .xbizLinkBox__priceDetail {
  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;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  margin-top: 15px;
}
@media only screen and (min-width: 768px) {
  #pid-top .xbizLinkBox--type02 .xbizLinkBox__priceDetail {
    margin-top: 0;
  }
}
#pid-top .xbizLinkBox--type02 .xbizLinkBox__balloon {
  margin: 0;
  font-size: 1.3rem;
}
@media only screen and (min-width: 768px) {
  #pid-top .xbizLinkBox--type02 .xbizLinkBox__balloon {
    padding: 5px 10px;
  }
}
#pid-top .xbizLinkBox--type02 .xbizLinkBox__balloon::before {
  display: none;
}
#pid-top .xbizLinkBox--type02 .xbizLinkBox__price {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 3.2rem;
}
@media only screen and (min-width: 768px) {
  #pid-top .xbizLinkBox--type02 .xbizLinkBox__desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-top .xbizLinkBox--type02 .xbizLinkBox__desc {
    text-align: center;
  }
}
#pid-top .xbizLinkBox--type02 .xbizLinkBox__priceBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 20px;
}
@media only screen and (min-width: 768px) {
  #pid-top .xbizLinkBox--type02 .xbizLinkBox__priceBtn {
    margin-top: 30px;
  }
}
#pid-top .xbizLinkBox--type03 .xbizLinkBox__body,
#pid-top .xbizLinkBox--type04 .xbizLinkBox__body {
  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;
  background-color: #f8f9fc;
  border: 2px solid #ddd;
}
@media only screen and (min-width: 768px) {
  #pid-top .xbizLinkBox--type03 .xbizLinkBox__body,
  #pid-top .xbizLinkBox--type04 .xbizLinkBox__body {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
#pid-top .xbizLinkBox--type03 .xbizLinkBox__txt,
#pid-top .xbizLinkBox--type04 .xbizLinkBox__txt {
  padding: 30px 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .xbizLinkBox--type03 .xbizLinkBox__txt,
  #pid-top .xbizLinkBox--type04 .xbizLinkBox__txt {
    padding: 30px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-top .xbizLinkBox--type03 .xbizLinkBox__txt,
  #pid-top .xbizLinkBox--type04 .xbizLinkBox__txt {
    padding: 40px 60px;
  }
}
#pid-top .xbizLinkBox--type03 .xbizLinkBox__ttl,
#pid-top .xbizLinkBox--type04 .xbizLinkBox__ttl {
  font-size: 2.2rem;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .xbizLinkBox--type03 .xbizLinkBox__ttl,
  #pid-top .xbizLinkBox--type04 .xbizLinkBox__ttl {
    font-size: 2.4rem;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-top .xbizLinkBox--type03 .xbizLinkBox__ttl,
  #pid-top .xbizLinkBox--type04 .xbizLinkBox__ttl {
    font-size: 3rem;
  }
}
#pid-top .xbizLinkBox--type03 .xbizLinkBox__ttl,
#pid-top .xbizLinkBox--type04 .xbizLinkBox__ttl {
  margin-bottom: 0.5em;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .xbizLinkBox--type03 .xbizLinkBox__ttl,
  #pid-top .xbizLinkBox--type04 .xbizLinkBox__ttl {
    text-align: center;
  }
}
#pid-top .xbizLinkBox--type03 .xbizLinkBox__priceBtn,
#pid-top .xbizLinkBox--type04 .xbizLinkBox__priceBtn {
  margin-top: 20px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .xbizLinkBox--type03 .xbizLinkBox__priceBtn,
  #pid-top .xbizLinkBox--type04 .xbizLinkBox__priceBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
#pid-top .xbizLinkBox--type03 .xbizLinkBox__img,
#pid-top .xbizLinkBox--type04 .xbizLinkBox__img {
  padding: 35px;
  background: url(../img/top/xbiz_link_box_type03_bg.png) no-repeat left top/cover;
}
@media only screen and (min-width: 768px) {
  #pid-top .xbizLinkBox--type03 .xbizLinkBox__img,
  #pid-top .xbizLinkBox--type04 .xbizLinkBox__img {
    -ms-flex-item-align: stretch;
        align-self: stretch;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .xbizLinkBox--type03 .xbizLinkBox__img,
  #pid-top .xbizLinkBox--type04 .xbizLinkBox__img {
    width: 40%;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-top .xbizLinkBox--type03 .xbizLinkBox__img,
  #pid-top .xbizLinkBox--type04 .xbizLinkBox__img {
    width: 42.750929%;
  }
}
#pid-top .xbizLinkBox--type03 .xbizLinkBox__img img,
#pid-top .xbizLinkBox--type04 .xbizLinkBox__img img {
  display: block;
  margin: auto;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .xbizLinkBox--type03 .button,
  #pid-top .xbizLinkBox--type04 .button {
    min-width: auto;
  }
}
#pid-top .xbizLinkBox--type04 .xbizLinkBox__img {
  background-image: url(../img/top/xbiz_link_box_type04_bg.png);
  background-position: left center;
}
#pid-top .flow .flowHeader {
  padding: 60px 0;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(60%, rgb(255, 255, 255)), to(rgb(248, 248, 248)));
  background-image: linear-gradient(90deg, rgb(255, 255, 255) 60%, rgb(248, 248, 248) 100%);
  -webkit-box-shadow: inset 0px 20px 20px 0px rgba(0, 0, 0, 0.01);
          box-shadow: inset 0px 20px 20px 0px rgba(0, 0, 0, 0.01);
}
@media only screen and (min-width: 1100px) {
  #pid-top .flow .flowHeader {
    padding: 100px 0;
  }
}
#pid-top .flow.blV2 {
  margin: 0;
}
#pid-top .flow .blV2__ttl {
  margin-bottom: 50px;
}
#pid-top .flowNav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  counter-reset: number 0;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .flowNav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#pid-top .flowNav li {
  width: 25%;
  max-width: 200px;
  margin-left: 40px;
  counter-increment: number 1;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .flowNav li {
    margin-left: 30px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .flowNav li {
    width: 100%;
    max-width: 100%;
    margin: 30px 0 0;
    padding-left: 47px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #pid-top .flowNav li:before {
    width: 32px;
    line-height: 32px;
    content: counter(number) " ";
    display: block;
    background: #286ed3;
    color: #FFF;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    border-radius: 2px;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  #pid-top .flowNav li:after {
    width: 2px;
    height: calc(100% + 30px);
    content: "";
    display: block;
    background: #286ed3;
    position: absolute;
    top: 50%;
    left: 15px;
    z-index: 0;
  }
}
#pid-top .flowNav li:first-child {
  margin: 0;
}
#pid-top .flowNav li:last-child .flowNav__box:after, #pid-top .flowNav li:last-child:after {
  display: none;
}
#pid-top .flowNav__img {
  line-height: 0;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .flowNav__img {
    width: 80px;
  }
}
#pid-top .flowNav__img img {
  max-width: 100%;
  height: auto;
}
#pid-top .flowNav__box {
  position: relative;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .flowNav__box {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-left: 15px;
  }
}
#pid-top .flowNav__box:before {
  width: 40px;
  line-height: 40px;
  content: counter(number) " ";
  display: block;
  background: #286ed3;
  color: #FFF;
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  border-radius: 2px;
  margin: 20px auto 0;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .flowNav__box:before {
    display: none;
  }
}
#pid-top .flowNav__box:after {
  width: calc(100% + 40px);
  height: 2px;
  content: "";
  display: block;
  background: #286ed3;
  position: absolute;
  top: 19px;
  left: 50%;
  z-index: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .flowNav__box:after {
    width: calc(100% + 30px);
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .flowNav__box:after {
    display: none;
  }
}
#pid-top .flowNav__ttl {
  margin: 15px 0 0;
  font-size: 2rem;
  line-height: 1.6;
  text-align: center;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .flowNav__ttl {
    text-align: left;
    font-size: 1.8rem;
    margin: 0;
  }
}
#pid-top .flowNav__txt {
  margin: 0.8em 0 0;
  font-size: 1.45rem;
  line-height: 1.6;
  letter-spacing: 0;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .flowNav__txt {
    margin: 0;
  }
}
#pid-top .flow .buttonGroup {
  margin-top: 50px;
  text-align: center;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .flow .buttonGroup {
    margin-top: 30px;
  }
}
#pid-top .case {
  background: url("../img/top/bg_case.png?date=220309") no-repeat center top;
  background-size: 100% auto;
  padding: 80px 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
#pid-top .case * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#pid-top .case_wrap {
  position: relative;
  padding: 0 10px;
}
#pid-top .case_ttl {
  text-align: center;
}
#pid-top .case_ttl img {
  max-width: 100%;
  height: auto;
}
#pid-top .case_num_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 20px -10px 0;
}
#pid-top .case_num {
  margin: 0 10px;
}
#pid-top .case_body {
  margin-top: 20px;
  text-align: center;
}
#pid-top .case_body .button {
  margin: 30px 0 0;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
#pid-top .case_txt {
  margin-bottom: 0;
  font-size: 1.6rem;
  line-height: 1.6;
  text-align: center;
}
#pid-top .case_notes {
  margin: 5px 0 0;
  color: #777;
  font-size: 10px;
  text-align: left;
}
@media only screen and (min-width: 768px) {
  #pid-top .case_notes {
    position: absolute;
    right: 20px;
    bottom: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .case {
    padding: 60px 0;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .case {
    background: none;
    padding: 60px 0;
  }
  #pid-top .case_wrap {
    padding: 0;
  }
  #pid-top .case_num_wrap {
    margin: 15px -3px 0;
  }
  #pid-top .case_num {
    margin: 0 3px;
  }
  #pid-top .case_num img {
    max-width: 200px;
    width: 100%;
    height: auto;
  }
  #pid-top .case_body {
    margin-top: 20px;
  }
  #pid-top .case_body .button {
    margin: 25px 0 0;
    width: 100%;
  }
  #pid-top .case_txt {
    text-align: justify;
    font-size: 1.5rem;
  }
}
#pid-top .logo_holder {
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 20px -15px 0;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .logo_holder {
    width: 95%;
    margin: 20px auto 0;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .logo_holder {
    margin: 20px -8px 0;
  }
}
#pid-top .logo_corporate {
  margin: 10px 15px;
}
@media only screen and (max-width: 1099px) {
  #pid-top .logo_corporate {
    margin: 10px 8px;
  }
}
#pid-top .faq {
  display: block;
  background-color: #EFF4F8;
  padding: 80px 0;
  margin-bottom: 80px;
}
@media only screen and (max-width: 1099px) {
  #pid-top .faq {
    padding: 60px 0;
    margin-bottom: 60px;
  }
}
#pid-top .faq .headlines_body {
  margin: 0 auto;
}
#pid-top .faq .headlines_body ul.faq_body {
  margin-bottom: 64px;
}
@media only screen and (max-width: 1099px) {
  #pid-top .faq .headlines_body ul.faq_body {
    margin-bottom: 40px;
  }
}
#pid-top .faq .headlines_body ul.faq_body li {
  padding: 32px;
  background-color: #fff;
  border-radius: 5px;
  margin-bottom: 24px;
}
#pid-top .faq .headlines_body ul.faq_body li:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 1099px) {
  #pid-top .faq .headlines_body ul.faq_body li {
    padding: 24px;
    margin-bottom: 16px;
  }
}
#pid-top .faq .headlines_body ul.faq_body li div {
  position: relative;
  padding-left: 32px;
}
@media only screen and (max-width: 1099px) {
  #pid-top .faq .headlines_body ul.faq_body li div {
    padding-left: 24px;
  }
}
#pid-top .faq .headlines_body ul.faq_body li div:before {
  display: block;
  position: absolute;
  font-size: 32px;
  line-height: 1;
  font-weight: bold;
  left: 0;
  top: -3px;
}
@media only screen and (max-width: 1099px) {
  #pid-top .faq .headlines_body ul.faq_body li div:before {
    font-size: 24px;
    top: 0;
  }
}
#pid-top .faq .headlines_body ul.faq_body li div.faq_question:before {
  content: "Q";
  color: #286ED3;
}
#pid-top .faq .headlines_body ul.faq_body li div.faq_question {
  font-size: 20px;
  margin-bottom: 16px;
  font-weight: bold;
}
@media only screen and (max-width: 1099px) {
  #pid-top .faq .headlines_body ul.faq_body li div.faq_question {
    font-size: 16px;
    margin-bottom: 8px;
  }
}
#pid-top .faq .headlines_body ul.faq_body li div.faq_answer:before {
  content: "A";
  color: #C8D8E3;
}
@media only screen and (max-width: 1099px) {
  #pid-top .faq .headlines_body ul.faq_body li div.faq_answer {
    font-size: 14px;
  }
}
#pid-top .faq .headlines_body .buttonGroup {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#pid-top .headlines_ttl {
  margin: 0 0 15px;
  background: url(../img/top/bg_news_ttl.png) 0 50% repeat-x;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
}
#pid-top .headlines_box {
  border-top: 1px solid #eee;
  padding: 14px 10px;
}
#pid-top .headlines_box:last-child {
  border-bottom: 1px solid #eee;
}
#pid-top .headlines_box:first-child {
  margin: 0;
}
#pid-top .headlines_box_date {
  font-weight: normal;
}
#pid-top .headlines_box_date .ico {
  position: relative;
  top: -1px;
  margin-right: 5px;
  font-size: 16px;
}
#pid-top .headlines_box_list li {
  margin: 0.5em 0 0 1.3em;
  text-indent: -1.3em;
}
#pid-top .headlines_box_list li a {
  color: #222;
  text-decoration: none;
}
#pid-top .headlines_box_list li a:hover {
  opacity: 0.8;
}
#pid-top .headlines_box_list li:first-child {
  margin-top: 0;
}
#pid-top .headlines_box_list .ico {
  position: relative;
  top: -1px;
  margin: 0 0.3em 0 0;
  color: #1b63a7;
  font-size: 12px;
}
#pid-top .headlines_body {
  margin-bottom: 30px;
}
@media only screen and (min-width: 1100px) {
  #pid-top .headlines_body {
    width: 850px;
    margin: 0 auto 40px;
  }
}
#pid-top .headlines_footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: -10px -8px 0;
}
@media only screen and (min-width: 768px) {
  #pid-top .headlines_footer {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
#pid-top .headlines_footer .button {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  margin: 10px 8px 0;
}
@media only screen and (min-width: 768px) {
  #pid-top .headlines_footer .button {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    margin: 0 15px;
    min-width: 250px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .headlines_footer .button {
    padding-right: 1.5em;
    padding-left: 1em;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-top .headlines_ttl {
    padding: 12px;
    background: url(../img/top/bg_news_ttl.png) 0 100% repeat-x;
    background-size: 5px 3px;
    border-top: 2px solid #1b63a7;
    text-align: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-top .headlines_ttl {
    padding: 12px;
    background: url(../img/top/bg_news_ttl.png) 0 100% repeat-x;
    background-size: 5px 3px;
    border-top: 2px solid #1b63a7;
    text-align: center;
  }
  #pid-top .headlines_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #pid-top .headlines_box_date {
    width: 110px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-top .headlines_ttl_label {
    display: inline-block;
    padding: 0 10px 0 0;
    background: #fff;
  }
  #pid-top .headlines_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #pid-top .headlines_box:first-child {
    margin: 0;
  }
  #pid-top .headlines_box_date {
    width: 110px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}

#pid-feature.pid-feature-index .main-header {
  margin-bottom: 0;
}
#pid-feature.pid-feature-index .topic-path {
  margin-top: 0;
  margin-bottom: 0;
}
#pid-feature.pid-feature-index .note, #pid-feature.pid-feature-index .note_x2 {
  display: inline-block;
  font-size: 11px;
  line-height: 1.4;
}
#pid-feature.pid-feature-index .note, #pid-feature.pid-feature-index .note a, #pid-feature.pid-feature-index .note_x2, #pid-feature.pid-feature-index .note_x2 a {
  color: #888;
}
@media only screen and (max-width: 1099px) {
  #pid-feature.pid-feature-index .note, #pid-feature.pid-feature-index .note_x2 {
    font-size: 10px;
  }
}
#pid-feature.pid-feature-index sup {
  display: inline;
  font-size: 60%;
  line-height: 0;
  vertical-align: baseline;
  position: relative;
  top: -0.5em;
}
#pid-feature.pid-feature-index .btn_blue-l {
  display: block;
  width: 330px;
  margin: 0 auto;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#pid-feature.pid-feature-index .btn_blue-l .ico_chevron-right {
  line-height: 61px;
  position: absolute;
  top: 0;
  right: 10px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature.pid-feature-index .btn_blue-l {
    width: auto;
    height: 50px;
    margin: 30px auto 0;
    padding: 0;
    font-size: 16px;
    line-height: 50px;
  }
  #pid-feature.pid-feature-index .btn_blue-l .ico_chevron-right {
    line-height: 50px;
  }
}
#pid-feature .blV2 {
  margin: 0;
  padding: 100px 55px;
}
#pid-feature .blV2--bg {
  background-color: #eff4f8;
}
#pid-feature .blV2__ttl__num {
  display: inline-block;
  background-color: #1b63a7;
  padding: 4px 10px;
  margin-bottom: 10px;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  line-height: 1;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .blV2 {
    padding: 60px 2.605vw;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .blV2 {
    padding: 60px 3.125vw;
  }
}
@media only screen and (max-width: 1099px) {
  #pid-feature .blV2__ttl__num {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-feature .section_ttl .label {
    vertical-align: top;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-feature .label_feature_ttl-affiliate01 {
    width: 142px;
    height: 18px;
    background-position: 0 0;
  }
  #pid-feature .label_feature_ttl-affiliate02 {
    width: 409px;
    height: 26px;
    background-position: 0 -20px;
  }
  #pid-feature .label_feature_ttl-affiliate03 {
    width: 296px;
    height: 18px;
    background-position: 0 -50px;
  }
  #pid-feature .label_feature_ttl-affiliate04 {
    width: 176px;
    height: 21px;
    background-position: 0 -70px;
  }
  #pid-feature .label_feature_ttl-affiliate05 {
    width: 119px;
    height: 22px;
    background-position: 0 -100px;
  }
  #pid-feature .label_feature_ttl-affiliate06 {
    width: 134px;
    height: 22px;
    background-position: 0 -130px;
  }
  #pid-feature .label_feature_ttl-affiliate07 {
    width: 201px;
    height: 22px;
    background-position: 0 -160px;
  }
  #pid-feature .label_feature_btn-affiliate {
    width: 310px;
    height: 28px;
    background-position: 0 -190px;
  }
  #pid-feature .label_feature_btn-affiliate02 {
    width: 320px;
    height: 22px;
    background-position: 0 -220px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .btn-box {
    margin: 30px 0 0;
    text-align: center;
  }
  #pid-feature .btn-box .btn {
    width: 90%;
    margin: 0 0 10px;
  }
  #pid-feature .btn-box .btn:last-child {
    margin: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .btn-box {
    margin: 50px 0 0;
    text-align: center;
  }
  #pid-feature .btn-box1 .btn {
    width: 60%;
  }
  #pid-feature .btn-box2 .btn {
    width: 42%;
    margin: 0 5px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-feature .btn-box {
    margin: 50px 0 0;
    text-align: center;
  }
  #pid-feature .btn-box1 .btn {
    width: 460px;
  }
  #pid-feature .btn-box2 .btn {
    width: 400px;
    margin: 0 5px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .main-feature {
    margin: 0 0 40px;
  }
  #pid-feature .main-feature li {
    margin: 0 0 5px;
  }
  #pid-feature .main-feature li:last-child {
    margin: 0;
  }
  #pid-feature .main-feature li img {
    display: block;
    width: 90%;
    max-width: 500px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .main-feature {
    margin: 0 0 40px;
  }
  #pid-feature .main-feature li {
    float: left;
    width: 32.5%;
    margin: 0 1% 0 0;
  }
  #pid-feature .main-feature li:last-child {
    margin: 0;
  }
  #pid-feature .main-feature li img {
    display: block;
    width: 100%;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-feature .main-feature {
    margin: 0 0 40px;
  }
  #pid-feature .main-feature li {
    float: left;
    width: 318px;
    margin: 0 0 0 3px;
  }
  #pid-feature .main-feature li:first-child {
    margin: 0;
  }
  #pid-feature .main-feature li img {
    display: block;
    width: 100%;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .feature {
    margin: 20px 0 0;
    padding: 0 0 20px;
    border-bottom: 1px dotted #ccc;
  }
  #pid-feature .feature:first-child {
    margin: 0;
  }
  #pid-feature .feature .media_image {
    display: none;
  }
  #pid-feature .feature_ttl {
    margin: 0 0 10px;
    font-size: 21px;
  }
  #pid-feature .feature_ttl_num {
    display: inline-block;
    padding: 0 5px 0 0;
    color: #1b63a7;
    font-family: Arial, Helvetica, sans-serif;
  }
  #pid-feature .feature_description {
    padding: 0 0 2px;
  }
  #pid-feature .feature_description p:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .feature {
    margin: 20px 0 0;
    padding: 0 0 20px;
    border-bottom: 1px dotted #ccc;
  }
  #pid-feature .feature:first-child {
    margin: 0;
  }
  #pid-feature .feature .media_image {
    width: 20%;
  }
  #pid-feature .feature .media_image img {
    width: 100%;
  }
  #pid-feature .feature_ttl {
    margin: 0 0 10px;
    font-size: 21px;
  }
  #pid-feature .feature_ttl_num {
    float: left;
    width: 13%;
    padding: 0 0 0 2%;
    color: #1b63a7;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
  }
  #pid-feature .feature_ttl_label {
    float: right;
    width: 84%;
    padding: 0.4em 0 0;
  }
  #pid-feature .feature_description {
    padding: 0 0 2px 16%;
  }
  #pid-feature .feature_description p:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-feature .feature {
    margin: 20px 0 0;
    padding: 0 0 30px;
    border-bottom: 1px dotted #ccc;
  }
  #pid-feature .feature:first-child {
    margin: 0;
  }
  #pid-feature .feature_ttl {
    margin: 0 0 10px;
    font-size: 21px;
  }
  #pid-feature .feature_ttl_num {
    float: left;
    width: 60px;
    margin-left: 10px;
    color: #1b63a7;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
  }
  #pid-feature .feature_ttl_label {
    float: right;
    width: 705px;
    padding: 0.4em 0 0;
  }
  #pid-feature .feature_description {
    padding: 0 0 2px 70px;
  }
  #pid-feature .feature_description p:last-child {
    margin-bottom: 0;
  }
}
#pid-feature .featureIntro {
  padding-top: 15px;
  background-image: url(../img/feature/bg_feature-intro_m.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 768px) {
  #pid-feature .featureIntro {
    background-image: url(../img/feature/bg_feature-intro_l.jpg);
  }
}
#pid-feature .featureIntro__inner {
  max-width: 920px;
  margin: auto;
  padding: 60px 3.125vw;
}
@media only screen and (min-width: 768px) {
  #pid-feature .featureIntro__inner {
    padding: 100px 2.605vw;
  }
}
#pid-feature .featureIntro__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#pid-feature .featureIntro__img {
  width: 50%;
  text-align: center;
}
#pid-feature .featureIntro__img__inner {
  display: inline-block;
  position: relative;
  padding: 0 2.2em;
  font-size: 10px;
  font-weight: 500;
}
@media only screen and (min-width: 768px) {
  #pid-feature .featureIntro__img__inner {
    font-size: 12px;
  }
}
#pid-feature .featureIntro__img__inner img {
  width: 100%;
}
#pid-feature .featureIntro__ico {
  position: absolute;
  top: 0.1em;
  right: 0;
}
#pid-feature .featureIntro__ico--share {
  color: #01aee0;
}
#pid-feature .featureIntro__ico--speed {
  color: #266bd1;
}
#pid-feature .featureIntro__txt {
  margin-top: 40px;
}
@media only screen and (min-width: 768px) {
  #pid-feature .featureIntro__txt {
    margin-top: 60px;
  }
}
#pid-feature .featureIntro__txt__copy {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  line-height: 1.8;
}
@media only screen and (min-width: 768px) {
  #pid-feature .featureIntro__txt__copy {
    font-size: 1.7rem;
    text-align: center;
  }
}
#pid-feature .featureIntro__txt__note {
  display: block;
  margin-top: 20px;
  padding-top: 25px;
  border-top: 1px solid #eee;
}
@media only screen and (min-width: 768px) {
  #pid-feature .featureIntro__txt__note {
    margin-top: 30px;
    padding-top: 35px;
  }
}
#pid-feature .server-lp-bnr {
  text-align: center;
  margin: 0 0 50px;
}
@media only screen and (max-width: 1099px) {
  #pid-feature .server-lp-bnr img {
    width: 86%;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .server-lp-bnr {
    margin: 0 0 7%;
  }
  #pid-feature .server-lp-bnr img {
    width: 90%;
  }
}
#pid-feature .feature-share {
  background: #2287a2; /* Old Browsers */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #29a9c0), to(#1a6181));
  background: linear-gradient(to bottom, #29a9c0 0, #1a6181 100%); /* W3C */
}
#pid-feature .feature-share:before {
  display: none;
}
#pid-feature .feature-share-figure {
  padding: 50px 0 30px;
  background: url("../img/feature/bg_share.png") repeat-y 0 0;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .feature-share-figure {
    padding: 30px 0 20px;
    background-size: cover;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .feature-share-figure {
    padding: 5% 0.5% 3%;
    background-size: cover;
  }
}
#pid-feature .feature-share_ttl {
  margin: 0 0 25px;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .feature-share_ttl {
    margin: 0 0 15px;
  }
  #pid-feature .feature-share_ttl img {
    width: 70%;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .feature-share_ttl {
    margin: 0 0 2%;
  }
  #pid-feature .feature-share_ttl img {
    width: 92%;
  }
}
#pid-feature .feature-share_txt {
  margin: 0 0 25px;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .feature-share_txt {
    margin: 0 auto 15px;
    width: 90%;
    font-size: 18px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .feature-share_txt {
    margin: 0 auto 2%;
    width: 90%;
    font-size: 14px;
    text-align: left;
  }
}
#pid-feature .feature-share_txt span {
  color: #ffde00;
}
#pid-feature .feature-share-grounds {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 880px;
  margin: 0 auto;
  padding: 25px 0;
  border: 1px solid #fff;
  background: url("../img/feature/bg_grounds.png") repeat 0 0;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .feature-share-grounds {
    padding: 15px 10%;
    width: 70%;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .feature-share-grounds {
    padding: 3%;
    width: 84%;
  }
}
#pid-feature .feature-share-grounds_img {
  width: 181px;
  margin: 0 30px 0 0;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .feature-share-grounds_img {
    width: 30%;
    margin: 0 2% 0 0;
  }
  #pid-feature .feature-share-grounds_img img {
    width: 100%;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .feature-share-grounds_img {
    width: 35%;
    margin: 0 2% 2% 0;
  }
  #pid-feature .feature-share-grounds_img img {
    width: 100%;
  }
}
#pid-feature .feature-share-grounds_txt {
  width: 410px;
  color: #ffffff;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .feature-share-grounds_txt {
    width: 68%;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .feature-share-grounds_txt {
    width: 63%;
    font-size: 12px;
  }
}
#pid-feature .feature-share-grounds_txt .grounds-note {
  font-size: 10px;
}
#pid-feature .feature-share-grounds_txt .grounds-note a {
  color: #ffffff;
}
#pid-feature .feature-share-grounds + .grounds-note {
  width: 880px;
  margin: 20px auto 0;
  color: #fff;
  font-size: 11px;
  text-align: right;
}
#pid-feature .feature-share-grounds + .grounds-note a:link, #pid-feature .feature-share-grounds + .grounds-note a:visited {
  color: #fff;
}
@media only screen and (max-width: 1099px) {
  #pid-feature .feature-share-grounds + .grounds-note {
    width: 90%;
    margin: 2.5% auto 0;
  }
}
#pid-feature .feature-share-more {
  padding: 30px 40px 40px;
  margin: 0 0 30px;
  background: #d0eaef;
}
@media only screen and (max-width: 1099px) {
  #pid-feature .feature-share-more {
    padding: 5%;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .feature-share-more {
    margin: 0 0 5%;
  }
}
#pid-feature .feature-share-more-content_ttl {
  margin: 0 0 30px;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .feature-share-more-content_ttl img {
    width: 97%;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .feature-share-more-content_ttl {
    margin: 0 0 3%;
  }
  #pid-feature .feature-share-more-content_ttl img {
    width: 80%;
  }
}
#pid-feature .feature-share-more-content_box {
  padding: 25px;
  margin: 0 0 20px;
  background: #ffffff;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .feature-share-more-content_box {
    padding: 3%;
    margin: 0 0 2.5%;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .feature-share-more-content_box {
    padding: 5%;
    margin: 0 0 3%;
  }
}
#pid-feature .feature-share-more-content_box:last-child {
  margin: 0;
}
#pid-feature .feature-share-more-content_subttl {
  margin: 0 0 20px;
  font-size: 22px;
  color: #1f7996;
  font-weight: bold;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .feature-share-more-content_subttl {
    margin: 0 0 2%;
    width: 85%;
    font-size: 18px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .feature-share-more-content_subttl {
    margin: 0 0 2%;
    width: 100%;
    font-size: 16px;
  }
}
#pid-feature .feature-share-more-content_subtxt {
  margin: 0;
  padding: 0 0 0 20px;
  width: 630px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .feature-share-more-content_subtxt {
    padding: 0;
    width: 85%;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .feature-share-more-content_subtxt {
    padding: 0;
    width: 100%;
  }
}
#pid-feature .feature-share-more-content .share-img {
  position: absolute;
  right: 25px;
  top: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .feature-share-more-content .share-img {
    width: 13%;
    right: 3%;
    top: 30%;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .feature-share-more-content .share-img {
    display: block;
    position: relative;
    width: 30%;
    margin: 3% auto;
    right: 0;
    top: 0;
  }
}
#pid-feature .feature-share-more-content strong {
  color: #e7541a;
  font-size: 16px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .feature-share-more-content strong {
    font-size: 14px;
  }
}
#pid-feature .feature-speed {
  padding: 50px 0;
  background: url("../img/feature/bg_speed.png") repeat-y 0 0;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .feature-speed {
    padding: 30px 0;
    background-size: cover;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .feature-speed {
    padding: 10% 0.5%;
    background-size: cover;
  }
}
#pid-feature .feature-speed_ttl {
  margin: 0 0 25px;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .feature-speed_ttl {
    margin: 0 0 15px;
  }
  #pid-feature .feature-speed_ttl img {
    width: 70%;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .feature-speed_ttl {
    margin: 0 0 2%;
  }
  #pid-feature .feature-speed_ttl img {
    width: 95%;
  }
}
#pid-feature .feature-speed_txt {
  margin: 0 0 25px;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .feature-speed_txt {
    margin: 0 auto 15px;
    width: 90%;
    font-size: 18px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .feature-speed_txt {
    margin: 0 auto 2%;
    width: 90%;
    font-size: 14px;
    text-align: left;
  }
}
#pid-feature .feature-speed_txt span {
  color: #ffde00;
}
#pid-feature .feature-speed-grounds {
  width: 880px;
  margin: 0 auto;
  padding: 40px 0;
  border: 1px solid #fff;
  background: url("../img/feature/bg_grounds.png") repeat 0 0;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .feature-speed-grounds {
    width: 90%;
    padding: 20px 0;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .feature-speed-grounds {
    padding: 3%;
    width: 84%;
  }
}
#pid-feature .feature-speed-grounds_figure {
  text-align: center;
}
@media only screen and (max-width: 1099px) {
  #pid-feature .feature-speed-grounds_figure img {
    width: 90%;
  }
}
#pid-feature .feature-speed-grounds .grounds-note {
  width: 798px;
  margin: 0 auto;
  text-align: left;
  font-size: 10px;
  color: #ffffff;
}
@media only screen and (max-width: 1099px) {
  #pid-feature .feature-speed-grounds .grounds-note {
    width: 90%;
  }
}
#pid-feature .feature-speed-grounds .grounds-note a {
  color: #ffffff;
}
#pid-feature .feature-speed-more {
  padding: 30px 40px 40px;
  margin: 0 0 50px;
  background: #d6e2f4;
}
@media only screen and (max-width: 1099px) {
  #pid-feature .feature-speed-more {
    padding: 5%;
  }
}
#pid-feature .feature-speed-more-content_ttl {
  margin: 0 0 30px;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .feature-speed-more-content_ttl img {
    width: 97%;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .feature-speed-more-content_ttl {
    margin: 0 0 3%;
  }
  #pid-feature .feature-speed-more-content_ttl img {
    width: 80%;
  }
}
#pid-feature .feature-speed-more-content_nvme-box, #pid-feature .feature-speed-more-content_xaccelerator-box {
  padding: 25px;
  margin: 0 0 20px;
  background: #ffffff;
}
@media only screen and (max-width: 1099px) {
  #pid-feature .feature-speed-more-content_nvme-box, #pid-feature .feature-speed-more-content_xaccelerator-box {
    padding: 5%;
    margin: 0 0 2.5%;
  }
}
#pid-feature .feature-speed-more-content_box {
  width: 380px;
  padding: 25px;
  margin: 0 20px 20px 0;
  background: #ffffff;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .feature-speed-more-content_box {
    width: 42.75%;
    padding: 3%;
    margin: 0 2.5% 2.5% 0;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .feature-speed-more-content_box {
    width: 90%;
    padding: 5%;
    margin: 0 0 2.5% 0;
  }
}
#pid-feature .feature-speed-more-content_box:last-child {
  margin: 0 0 20px 0;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .feature-speed-more-content_box:last-child {
    margin: 0 0 2.5% 0;
  }
}
#pid-feature .feature-speed-more-content_img {
  margin: 0 0 20px;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .feature-speed-more-content_img {
    margin: 0 0 2%;
  }
  #pid-feature .feature-speed-more-content_img img {
    width: 50%;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .feature-speed-more-content_img {
    margin: 0 0 2%;
  }
  #pid-feature .feature-speed-more-content_img img {
    width: 30%;
  }
}
#pid-feature .feature-speed-more-content_subttl {
  margin: 0 0 30px;
  font-size: 22px;
  color: #114ea8;
  font-weight: bold;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .feature-speed-more-content_subttl {
    margin: 0 0 2%;
    font-size: 18px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .feature-speed-more-content_subttl {
    margin: 0 0 2%;
    font-size: 16px;
  }
}
#pid-feature .feature-speed-more-content_subttl sup {
  font-size: 10px;
}
#pid-feature .feature-speed-more-content_subttl span {
  font-size: 16px;
  color: #7992b6;
  font-weight: normal;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .feature-speed-more-content_subttl span {
    font-size: 14px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .feature-speed-more-content_subttl span {
    font-size: 12px;
  }
}
#pid-feature .feature-speed-more-content_nvme-subttl {
  margin: 0 0 20px;
  font-size: 22px;
  color: #114ea8;
  font-weight: bold;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .feature-speed-more-content_nvme-subttl {
    margin: 0 0 2%;
    font-size: 18px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .feature-speed-more-content_nvme-subttl {
    margin: 0 0 2%;
    font-size: 16px;
  }
}
#pid-feature .feature-speed-more-content_nvme-subttl span {
  font-size: 16px;
  color: #7992b6;
  font-weight: normal;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .feature-speed-more-content_nvme-subttl span {
    font-size: 14px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .feature-speed-more-content_nvme-subttl span {
    font-size: 12px;
  }
}
#pid-feature .feature-speed-more-content .nvme-ct {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#pid-feature .feature-speed-more-content .nvme-ct sup {
  font-size: 11px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .feature-speed-more-content .nvme-ct {
    display: block;
    -ms-flex-wrap: initial;
        flex-wrap: initial;
  }
}
#pid-feature .feature-speed-more-content .nvme-ct_img {
  width: 400px;
}
@media only screen and (max-width: 1099px) {
  #pid-feature .feature-speed-more-content .nvme-ct_img {
    width: 100%;
  }
  #pid-feature .feature-speed-more-content .nvme-ct_img img {
    width: 100%;
  }
}
#pid-feature .feature-speed-more-content .nvme-ct_txt {
  width: 400px;
  margin: 0 20px 0 0;
}
@media only screen and (max-width: 1099px) {
  #pid-feature .feature-speed-more-content .nvme-ct_txt {
    width: 100%;
    margin: 0 0 10px;
  }
  #pid-feature .feature-speed-more-content .nvme-ct_txt .note-list {
    margin: 0 0 15px;
  }
}
#pid-feature .feature-speed-more-content_subtxt {
  margin: 0;
  padding: 0 0 0 20px;
  width: 630px;
}
#pid-feature .feature-speed-more-content strong {
  color: #e7541a;
  font-size: 16px;
}
@media only screen and (max-width: 1099px) {
  #pid-feature .feature-speed-more-content strong {
    font-size: 14px;
  }
}
#pid-feature .feature-speed-more-content .other-ct {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 30px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .feature-speed-more-content .other-ct {
    display: block;
    -ms-flex-wrap: initial;
        flex-wrap: initial;
  }
}
#pid-feature .feature-speed-more-content .xaccelerator-ct {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 1099px) {
  #pid-feature .feature-speed-more-content .xaccelerator_logo {
    display: block;
    width: 60%;
    margin: 0 auto 8px;
  }
}
#pid-feature .feature-speed-more-content .xaccelerator_txt {
  width: 370px;
  margin: 0 20px 0 0;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .feature-speed-more-content .xaccelerator_txt {
    width: 50%;
    margin: 0 2% 0 0;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .feature-speed-more-content .xaccelerator_txt {
    width: 100%;
    margin: 0 0 3% 0;
  }
}
#pid-feature .feature-speed-more-content .xaccelerator_compare {
  width: 440px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .feature-speed-more-content .xaccelerator_compare {
    width: 48%;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .feature-speed-more-content .xaccelerator_compare {
    width: 100%;
  }
}
#pid-feature .feature-speed-more-content .xaccelerator_figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#pid-feature .feature-speed-more-content .xaccelerator_figure > img {
  margin: 0 15px 0 0;
}
@media only screen and (max-width: 1099px) {
  #pid-feature .feature-speed-more-content .xaccelerator_figure > img {
    width: 49.5%;
    margin: 0 1% 0 0;
  }
}
#pid-feature .feature-speed-more-content .xaccelerator_figure > img:last-child {
  margin: 0;
}
#pid-feature .feature-speed-more-content .xaccelerator-note {
  font-size: 10px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .service-section {
    margin-bottom: 2%;
  }
  #pid-feature .service-section_ttl {
    padding-bottom: 10px;
    color: #1967b2;
    font-size: 24px;
    font-weight: normal;
  }
  #pid-feature .service-section_icon {
    font-size: 10px;
    display: inline-block;
    vertical-align: text-top;
  }
  #pid-feature .service-section_img {
    display: block;
    margin: 0 auto 10px;
    width: 200px;
  }
  #pid-feature .service-section_text {
    font-size: 10px;
  }
  #pid-feature .features {
    margin: 0 0 1%;
    padding: 2%;
    background: #377db3 url(../img/feature/bg_features.png) 50% 0 no-repeat;
    border-radius: 5px;
  }
  #pid-feature .features_ttl {
    margin: 1% 0 1.5%;
    text-align: center;
  }
  #pid-feature .features_ttl img {
    width: 96%;
  }
  #pid-feature .features_text {
    text-align: center;
    color: #ffffff;
    padding-bottom: 1%;
  }
  #pid-feature .n-features {
    margin: 0 0 8% 1em;
  }
  #pid-feature .f-main {
    background: #28425c;
    border-radius: 3px;
    margin-bottom: 2%;
  }
  #pid-feature .f-main_ttl > img {
    width: 100%;
    border-radius: 3px 3px 0 0;
  }
  #pid-feature .f-main_body {
    padding: 10px;
    color: #fff;
    font-size: 13px;
    line-height: 1.3;
    text-align: left;
  }
  #pid-feature .f-main_body > :last-child {
    margin-bottom: 0;
  }
  #pid-feature .f-main_body .yellow {
    color: #ffd200;
  }
  #pid-feature .f-main_body .blue {
    color: #00deff;
  }
  #pid-feature .f-unit-container {
    background: #fff;
    border-radius: 3px;
    padding: 0 2%;
  }
  #pid-feature .f-unit,
  #pid-feature .f-xa {
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 15px 0;
    border-bottom: 1px solid #ddd;
  }
  #pid-feature .f-unit:last-child,
  #pid-feature .f-xa:last-child {
    margin-bottom: 0;
  }
  #pid-feature .f-xa {
    display: block;
    width: 100%;
  }
  #pid-feature .f-unit_ttl,
  #pid-feature .f-xa_ttl {
    margin: 0 0 70px;
    font-size: 17px;
    color: #2064a5;
    text-align: center;
  }
  #pid-feature .f-xa_ttl {
    display: inline;
    vertical-align: middle;
    margin-bottom: 10px;
  }
  #pid-feature .f-xa_icon {
    display: inline-block;
    vertical-align: middle;
    padding: 6px 9px 6px 10px;
    margin: 10px;
    border-radius: 2px;
    color: #000000;
    font-weight: bold;
    font-size: 13px;
    background-color: #ffce0a;
  }
  #pid-feature .f-unit_body {
    font-size: 12px;
    line-height: 1.4;
  }
  #pid-feature .f-unit_body > :last-child {
    margin-bottom: 0;
  }
  #pid-feature .f-unit_body strong {
    font-size: 14px;
    color: #e7541a;
  }
  #pid-feature .f-unit_img {
    position: absolute;
    top: 35px;
    left: 50%;
    width: 100px;
    margin-left: -50px;
  }
  #pid-feature .f-unit_img_2 {
    top: 60px;
  }
  #pid-feature .f-unit_img > img {
    width: 100%;
  }
  #pid-feature .f-xa_body {
    font-size: 12px;
    line-height: 1.4;
  }
  #pid-feature .f-xa_body > div:first-child {
    margin-bottom: 20px;
  }
  #pid-feature .f-xa_body strong {
    font-size: 14px;
    color: #e7541a;
  }
  #pid-feature .f-xa_logo {
    display: block;
    width: 60%;
    margin: 0 auto 8px;
  }
  #pid-feature .f-xa_compare {
    margin: 0 0 10px;
  }
  #pid-feature .f-xa_compare > img {
    width: 45%;
  }
  #pid-feature .f-xa_compare > img:first-child {
    margin-right: 5%;
  }
  #pid-feature .f-xa_footnote {
    font-size: 10px;
    color: #666;
  }
  #pid-feature .f-xa_footnote_ttl {
    font-size: 12px;
    margin-bottom: 10px;
  }
  #pid-feature .f-xa_footnote > :last-child,
  #pid-feature .f-xa_footnote li:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .service-section {
    margin-bottom: 2%;
  }
  #pid-feature .service-section_ttl {
    width: 70%;
    display: inline-block;
    padding-bottom: 20px;
    color: #1967b2;
    font-size: 27px;
    font-weight: normal;
  }
  #pid-feature .service-section_icon {
    font-size: 10px;
    display: inline-block;
    vertical-align: text-top;
  }
  #pid-feature .service-section_img {
    width: 29%;
    margin-left: 1%;
    float: right;
  }
  #pid-feature .service-section_text {
    font-size: 10px;
  }
  #pid-feature .features {
    margin: 0 0 1%;
    padding: 2%;
    background: #377db3 url(../img/feature/bg_features.png) 50% 0 no-repeat;
    border-radius: 5px;
  }
  #pid-feature .features_ttl {
    margin: 1% 0 1.5%;
    text-align: center;
  }
  #pid-feature .features_ttl img {
    width: 80%;
  }
  #pid-feature .features_text {
    text-align: center;
    color: #ffffff;
    padding-bottom: 1%;
  }
  #pid-feature .n-features {
    margin: 0 0 3% 1em;
  }
  #pid-feature .f-main-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 0 15px;
  }
  #pid-feature .f-main {
    width: 49%;
    background: #28425c;
    border-radius: 3px;
  }
  #pid-feature .f-main_ttl > img {
    width: 100%;
    border-radius: 3px 3px 0 0;
  }
  #pid-feature .f-main_body {
    padding: 10px;
    color: #fff;
    font-size: 13px;
    line-height: 1.3;
    text-align: left;
  }
  #pid-feature .f-main_body > :last-child {
    margin-bottom: 0;
  }
  #pid-feature .f-main_body .yellow {
    color: #ffd200;
  }
  #pid-feature .f-main_body .blue {
    color: #00deff;
  }
  #pid-feature .f-unit-container {
    background: #fff;
    border-radius: 3px;
    padding: 0 15px;
  }
  #pid-feature .f-unit,
  #pid-feature .f-xa {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 15px 0;
    border-bottom: 1px solid #ddd;
  }
  #pid-feature .f-unit:last-child,
  #pid-feature .f-xa:last-child {
    margin-bottom: 0;
  }
  #pid-feature .f-xa {
    display: block;
    width: 100%;
  }
  #pid-feature .f-unit_ttl,
  #pid-feature .f-xa_ttl {
    margin: 0 0 10px;
    font-size: 20px;
    color: #2064a5;
  }
  #pid-feature .f-xa_ttl {
    display: inline;
    vertical-align: middle;
    text-align: center;
  }
  #pid-feature .f-xa_icon {
    display: inline-block;
    vertical-align: middle;
    padding: 7px 9px 7px 10px;
    margin: 10px;
    border-radius: 2px;
    color: #000000;
    font-weight: bold;
    font-size: 13px;
    background-color: #ffce0a;
  }
  #pid-feature .f-unit_body {
    font-size: 12px;
    line-height: 1.4;
  }
  #pid-feature .f-unit_body > :last-child {
    margin-bottom: 0;
  }
  #pid-feature .f-unit_body strong {
    font-size: 16px;
    color: #e7541a;
  }
  #pid-feature .f-unit_img {
    float: right;
    width: 20%;
    margin: 0;
  }
  #pid-feature .f-unit_img > img {
    width: 100%;
  }
  #pid-feature .f-unit_inner {
    float: left;
    width: 77%;
  }
  #pid-feature .f-xa_body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    line-height: 1.4;
  }
  #pid-feature .f-xa_body > div {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 50%;
    margin: 0 20px 0 0;
  }
  #pid-feature .f-xa_body > div:last-child {
    margin-right: 0;
  }
  #pid-feature .f-xa_body > div > :last-child {
    margin-bottom: 0;
  }
  #pid-feature .f-xa_body strong {
    font-size: 16px;
    color: #e7541a;
  }
  #pid-feature .f-xa_logo {
    display: block;
    width: 60%;
    margin: 0 auto 8px;
  }
  #pid-feature .f-xa_compare {
    margin: 0 0 10px;
  }
  #pid-feature .f-xa_compare img {
    width: 45%;
  }
  #pid-feature .f-xa_compare img:first-child {
    margin-right: 5%;
  }
  #pid-feature .f-xa_footnote {
    font-size: 10px;
    color: #666;
  }
  #pid-feature .f-xa_footnote_ttl {
    font-size: 12px;
    margin-bottom: 10px;
  }
  #pid-feature .f-xa_footnote > :last-child,
  #pid-feature .f-xa_footnote li:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-feature .service-section {
    position: relative;
    margin-bottom: 20px;
  }
  #pid-feature .service-section_ttl {
    display: inline-block;
    padding-bottom: 20px;
    color: #1967b2;
    font-size: 31px;
    font-weight: normal;
  }
  #pid-feature .service-section_icon {
    font-size: 10px;
    display: inline-block;
    vertical-align: text-top;
  }
  #pid-feature .service-section_img {
    margin-left: 10px;
    float: right;
  }
  #pid-feature .service-section_text {
    font-size: 10px;
  }
  #pid-feature .features {
    margin-bottom: 5px;
    padding: 15px 15px 0;
    background: #397eb2 url(../img/feature/bg_features.png) 50% 0 no-repeat;
    border-radius: 5px;
  }
  #pid-feature .features_ttl {
    margin: 10px 0 10px;
    text-align: center;
  }
  #pid-feature .features_text {
    text-align: center;
    color: #ffffff;
    padding-bottom: 10px;
  }
  #pid-feature .n-features {
    margin: 0 0 35px 1em;
  }
  #pid-feature .f-main-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 0 15px;
  }
  #pid-feature .f-main {
    width: 457px;
    background: #28425c;
    border-radius: 3px;
  }
  #pid-feature .f-main_ttl > img {
    border-radius: 3px 3px 0 0;
  }
  #pid-feature .f-main_body {
    padding: 15px 0;
    color: #fff;
    font-size: 12px;
    line-height: 1.3;
    text-align: center;
  }
  #pid-feature .f-main_body > :last-child {
    margin-bottom: 0;
  }
  #pid-feature .f-main_body .yellow {
    color: #ffd200;
    font-size: 15px;
  }
  #pid-feature .f-main_body .blue {
    color: #00deff;
    font-size: 15px;
  }
  #pid-feature .f-unit-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #pid-feature .f-unit,
  #pid-feature .f-xa {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 457px;
    margin: 0 0 15px;
    padding: 15px 20px;
    background: #fff;
    border-radius: 3px;
  }
  #pid-feature .f-xa {
    display: block;
    width: 100%;
  }
  #pid-feature .f-unit_ttl,
  #pid-feature .f-xa_ttl {
    margin: 0 0 15px;
    font-size: 20px;
    color: #2064a5;
  }
  #pid-feature .f-xa_ttl {
    display: inline;
    vertical-align: middle;
    font-size: 22px;
    text-align: center;
  }
  #pid-feature .f-xa_icon {
    display: inline-block;
    vertical-align: middle;
    padding: 8px 9px 8px 10px;
    margin: 10px;
    border-radius: 3px;
    color: #000000;
    font-weight: bold;
    font-size: 13px;
    background-color: #ffce0a;
  }
  #pid-feature .f-unit_body {
    font-size: 12px;
    line-height: 1.4;
  }
  #pid-feature .f-unit_body > :last-child {
    margin-bottom: 0;
  }
  #pid-feature .f-unit_body strong {
    font-size: 16px;
    color: #e7541a;
  }
  #pid-feature .f-unit_img {
    margin: 0 13px 0 0;
  }
  #pid-feature .f-xa_body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    line-height: 1.4;
  }
  #pid-feature .f-xa_body > div {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 50%;
    padding: 0 20px 0 0;
  }
  #pid-feature .f-xa_body > div:last-child {
    padding-right: 0;
  }
  #pid-feature .f-xa_body > div > :last-child {
    margin-bottom: 0;
  }
  #pid-feature .f-xa_body strong {
    font-size: 18px;
    color: #e7541a;
  }
  #pid-feature .f-xa_logo {
    display: block;
    margin: 0 auto 8px;
  }
  #pid-feature .f-xa_compare {
    margin: 0 0 10px;
    vertical-align: top;
  }
  #pid-feature .f-xa_compare img:first-child {
    margin-right: 15px;
  }
  #pid-feature .f-xa_footnote {
    font-size: 10px;
    color: #666;
  }
  #pid-feature .f-xa_footnote_ttl {
    font-size: 12px;
    margin-bottom: 10px;
  }
  #pid-feature .f-xa_footnote > :last-child,
  #pid-feature .f-xa_footnote li:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .trust {
    margin: 0 2% 10%;
  }
  #pid-feature .trust_ttl {
    text-align: center;
  }
  #pid-feature .trust_ttl img {
    width: 100%;
  }
  #pid-feature .trust_unit {
    margin: 10px 0 auto;
    border-bottom: 1px solid #ccc;
  }
  #pid-feature .trust_unit img {
    float: right;
    width: 50px;
    margin-left: 10px;
  }
  #pid-feature .trust_sub-ttl {
    margin: 0 0 10px 0;
    font-size: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .trust {
    margin-bottom: 5%;
  }
  #pid-feature .trust_ttl {
    text-align: center;
  }
  #pid-feature .trust_ttl img {
    width: 100%;
  }
  #pid-feature .trust_unit {
    margin: 30px auto 0;
    padding: 0 0 0 10px;
    border-bottom: 1px solid #ccc;
  }
  #pid-feature .trust_unit img {
    width: 80%;
  }
  #pid-feature .trust_sub-ttl {
    margin: 0 0 10px;
    font-size: 18px;
  }
  #pid-feature .trust_description {
    padding: 0 0 2px 20px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-feature .trust {
    width: 960px;
    margin-bottom: 50px;
  }
  #pid-feature .trust_ttl {
    margin: 10px 0 25px;
    text-align: center;
  }
  #pid-feature .trust_unit {
    width: 890px;
    margin: 30px auto 0;
    padding: 0 0 30px 10px;
    border-bottom: 1px solid #ccc;
  }
  #pid-feature .trust_sub-ttl {
    margin: 0 0 10px;
    font-size: 21px;
  }
  #pid-feature .trust_description {
    padding: 0 0 2px 30px;
  }
}
#pid-feature .domain-benefit_intro {
  font-size: 1.6rem;
}
@media only screen and (min-width: 768px) {
  #pid-feature .domain-benefit_intro {
    font-size: 1.8rem;
  }
}
#pid-feature .domain-benefit_intro {
  margin-bottom: 25px;
}
@media only screen and (min-width: 768px) {
  #pid-feature .domain-benefit_intro {
    margin-bottom: 30px;
    text-align: center;
  }
}
#pid-feature .domain-benefit_box.single_domain {
  margin-top: 35px;
}
#pid-feature .domain-benefit_box.single_domain .domain-benefit_subttl {
  background: #008ec8;
}
#pid-feature .domain-benefit_box.single_domain .domain-benefit_target-plan {
  color: #008ec8;
}
#pid-feature .domain-benefit_box.single_domain .domain-benefit_domain-more {
  border: 1px solid #008ec8;
}
#pid-feature .domain-benefit_box.forever_domain .domain-benefit_subttl {
  background: #20b5aa;
}
#pid-feature .domain-benefit_box.forever_domain .domain-benefit_target-plan {
  color: #20b5aa;
}
#pid-feature .domain-benefit_box.forever_domain .domain-benefit_domain-more {
  border: 1px solid #20b5aa;
}
#pid-feature .domain-benefit_box.cp_domain {
  width: 890px;
  padding-bottom: 20px;
  border: 3px solid #ccc;
  color: #222222;
  text-shadow: none;
  background: url(../img/feature/bg_forerver_domain_cp.png?date=210401) center top no-repeat;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .domain-benefit_box.cp_domain {
    width: 95%;
    padding: 2%;
    border: 3px solid #ccc;
    background: url(../img/feature/bg_forerver_domain_cp.png?date=210401) center top no-repeat;
    background-size: cover;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .domain-benefit_box.cp_domain {
    width: 89%;
    padding: 5%;
    border: 3px solid #ccc;
    background: url(../img/feature/bg_forerver_domain_cp_s.png?date=210401) no-repeat;
    background-size: cover;
  }
}
#pid-feature .domain-benefit_box.cp_domain .ico_chevron-right {
  color: #e61212;
}
#pid-feature .domain-benefit_box.cp_domain .domain-benefit_domain-more {
  border-top: none;
  width: 820px;
  margin: 0 auto;
  padding: 15px 0;
  background: url(../img/feature/bg_forerver_domain_more_cp.png) 0 0 repeat;
  font-size: 22px;
  line-height: 1.3;
}
@media only screen and (max-width: 1099px) {
  #pid-feature .domain-benefit_box.cp_domain .domain-benefit_domain-more {
    width: 80%;
    padding: 15px;
    font-size: 14px;
  }
}
#pid-feature .domain-benefit_box.cp_domain .domain-benefit_domain-more .ico_chevron-right {
  font-size: 16px;
}
@media only screen and (max-width: 1099px) {
  #pid-feature .domain-benefit_box.cp_domain .domain-benefit_domain-more .ico_chevron-right {
    font-size: 13px;
  }
}
#pid-feature .domain-benefit_box.cp_domain .domain-benefit_domain-name {
  font-size: 42px;
}
@media only screen and (max-width: 1099px) {
  #pid-feature .domain-benefit_box.cp_domain .domain-benefit_domain-name {
    font-size: 20px;
  }
}
#pid-feature .domain-benefit_box.cp_domain .domain-benefit_txt-bold {
  color: #222;
  font-size: 22px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #fff000));
  background: linear-gradient(transparent 60%, #fff000 60%);
}
@media only screen and (max-width: 1099px) {
  #pid-feature .domain-benefit_box.cp_domain .domain-benefit_txt-bold {
    font-size: 16px;
  }
}
#pid-feature .domain-benefit_box.cp_domain .domain-benefit_target-plan {
  font-size: 17px;
  background: #100964;
  padding: 6px 15px;
  margin: 0 7px 0 0;
  position: relative;
  top: -5px;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #ffffff;
}
@media only screen and (max-width: 1099px) {
  #pid-feature .domain-benefit_box.cp_domain .domain-benefit_target-plan {
    padding: 3px 5px;
    margin: 0 5px 0 0;
    font-size: 13px;
    top: 0;
  }
}
#pid-feature .domain-benefit_box.cp_domain .domain-benefit_domain-name {
  color: #c80404;
}
#pid-feature .domain-benefit_box.cp_domain .domain-benefit_subttl {
  padding: 20px 0 10px;
  text-shadow: none;
  color: #222;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .domain-benefit_box.cp_domain .domain-benefit_subttl {
    padding: 0 0 2%;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .domain-benefit_box.cp_domain .domain-benefit_subttl {
    padding: 0 0 2%;
  }
}
#pid-feature .domain-benefit_box_note-list {
  margin-top: 10px;
}
@media only screen and (min-width: 768px) {
  #pid-feature .domain-benefit_box_note-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
#pid-feature .domain-benefit_box_note-list li {
  font-size: 10px;
  line-height: 1.4;
}
@media only screen and (min-width: 1100px) {
  #pid-feature .domain-benefit_box_note-list li {
    font-size: 11px;
  }
}
#pid-feature .domain-benefit_box_note-list li, #pid-feature .domain-benefit_box_note-list li a {
  color: #888;
}
#pid-feature .domain-benefit_subttl {
  overflow: hidden;
  padding: 13px 5px;
  border-radius: 3px 3px 0 0;
  color: #fff;
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
}
#pid-feature .domain-benefit_subttl_sub {
  display: block;
}
@media only screen and (min-width: 768px) {
  #pid-feature .domain-benefit_subttl_sub {
    font-size: 2rem;
  }
}
#pid-feature .domain-benefit_subttl_main {
  display: block;
  margin: 7px 0 0;
}
@media only screen and (min-width: 768px) {
  #pid-feature .domain-benefit_subttl_main {
    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;
  }
}
#pid-feature .domain-benefit-pr-txt {
  font-size: 1.6rem;
}
@media only screen and (min-width: 768px) {
  #pid-feature .domain-benefit-pr-txt {
    font-size: 1.8rem;
  }
}
#pid-feature .domain-benefit-pr-txt {
  margin-bottom: 5px;
  font-weight: 500;
  text-align: center;
}
#pid-feature .domain-benefit_txt-bold {
  color: #f6ff00;
}
#pid-feature .domain-benefit-cp-date {
  padding: 5px;
  margin-right: 5px;
  font-size: 1.6rem;
  color: #ffffff;
  background: #c80404;
}
@media only screen and (max-width: 1099px) {
  #pid-feature .domain-benefit-cp-date {
    padding: 3px;
    font-size: 1.2rem;
  }
}
#pid-feature .domain-benefit_target-plan {
  display: inline-block;
  margin: 0 20px 10px;
  padding: 6px 15px 3px 15px;
  background-color: #fff;
  font-size: 1.4rem;
  font-weight: 500;
}
@media only screen and (min-width: 768px) {
  #pid-feature .domain-benefit_target-plan {
    margin: 0 15px 0 0;
    font-size: 1.6rem;
  }
}
#pid-feature .domain-benefit_domain-name {
  font-size: 2rem;
}
@media only screen and (min-width: 1100px) {
  #pid-feature .domain-benefit_domain-name {
    font-size: 2.6rem;
  }
}
#pid-feature .domain-benefit_domain-name {
  display: block;
  font-weight: 500;
  line-height: 1;
}
@media only screen and (min-width: 768px) {
  #pid-feature .domain-benefit_domain-name {
    display: inline-block;
  }
}
#pid-feature .domain-benefit_domain-more {
  padding: 4vw;
  border-radius: 0 0 3px 3px;
}
@media only screen and (min-width: 1100px) {
  #pid-feature .domain-benefit_domain-more {
    padding: 40px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-feature .domain-benefit_domain-more_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-feature .domain-benefit_domain-more_box_item {
    max-width: 500px;
  }
}
#pid-feature .domain-benefit_domain-more_box_item--x30 {
  margin-top: 30px;
}
@media only screen and (min-width: 1100px) {
  #pid-feature .domain-benefit_domain-more_box_item--x30 {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin: 0 0 0 30px;
  }
}
#pid-feature .domain-benefit_domain-more_box_item_ttl {
  margin-bottom: 15px;
  padding-left: 10px;
  border-left: 8px solid #20b5aa;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5;
}
#pid-feature .domain-benefit_domain-more_box_item_ttl span {
  font-weight: 400;
}
#pid-feature .domain-benefit_domain-more_box_item_ttl_marker {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(0%, #f6ff00));
  background: linear-gradient(transparent 50%, #f6ff00 0%);
}
#pid-feature .domain-benefit_domain-more_box_item_ttl_strong {
  color: #eb5160;
}
#pid-feature .domain-benefit_domain-list {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -6px -3px 0;
}
@media only screen and (min-width: 1100px) {
  #pid-feature .domain-benefit_domain-list--x30 {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
#pid-feature .domain-benefit_domain-list li {
  width: 33.33333%;
  margin-top: 6px;
  padding: 0 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (min-width: 375px) {
  #pid-feature .domain-benefit_domain-list li {
    width: 25%;
  }
}
@media only screen and (min-width: 540px) {
  #pid-feature .domain-benefit_domain-list li {
    width: 20%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .domain-benefit_domain-list li {
    width: 12.5%;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-feature .domain-benefit_domain-list li {
    min-width: 4.7em;
    width: auto;
  }
}
#pid-feature .domain-benefit_domain-list li > span {
  display: block;
  padding: 3px 2px;
  background-color: #eff4f8;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 1.3rem;
  letter-spacing: 0;
  text-align: center;
}
@media only screen and (min-width: 1100px) {
  #pid-feature .domain-benefit_domain-list li > span {
    font-size: inherit;
  }
}
#pid-feature .domain-benefit_domain-more_note {
  margin: 16px -4vw -4vw;
  padding: 16px 4vw;
  background-color: #F9FAFA;
  border-radius: 0 0 3px 3px;
  font-size: 11px;
  line-height: 1.4;
}
@media only screen and (min-width: 1100px) {
  #pid-feature .domain-benefit_domain-more_note {
    margin: 24px -40px -40px;
    padding: 16px 40px;
  }
}
#pid-feature .func-unit-box {
  margin-top: -10px;
}
@media only screen and (min-width: 768px) {
  #pid-feature .func-unit-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: -16px -8px 0;
  }
}
#pid-feature .func-unit {
  margin-top: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (min-width: 768px) {
  #pid-feature .func-unit {
    width: 50%;
    margin-top: 16px;
    padding: 0 8px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-feature .func-unit {
    width: 33.33333%;
  }
}
#pid-feature .func-unit a {
  color: #286ed3;
  text-decoration: none;
}
@media only screen and (min-width: 768px) {
  #pid-feature .func-unit_l {
    width: 100%;
  }
}
#pid-feature .func-unit_l .func-unit_inner {
  min-height: 80px;
}
@media only screen and (min-width: 768px) {
  #pid-feature .func-unit_l .func-unit_inner {
    width: 60%;
    max-width: 400px;
    margin: auto;
  }
}
#pid-feature .func-unit_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 50px;
  padding: 5px 20px;
  background-color: #eff4f8;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (min-width: 768px) {
  #pid-feature .func-unit_inner {
    height: 70px;
    padding: 10px 20px;
  }
}
#pid-feature a.func-unit_inner .dtc {
  position: relative;
}
#pid-feature a.func-unit_inner .dtc .ico {
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  position: absolute;
  right: -0.8em;
}
#pid-feature a.func-unit_inner:hover .dtc .ico {
  right: -0.9em;
}
#pid-feature .func-unit_body {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#pid-feature .func-unit_body .func-unit_ttl {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
#pid-feature .func-unit_body .func-unit_sub {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin: 3px 0 0;
  font-size: 1.2rem;
}
#pid-feature .func-unit_ttl {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  font-weight: 700;
  line-height: 1.2;
  word-break: break-all;
  font-size: 15px;
}
#pid-feature .func-unit_img {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  padding: 0 16px 0 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#pid-feature .func-unit_img img {
  width: 40px;
  height: auto;
}
@media only screen and (min-width: 768px) {
  #pid-feature .func-unit_img img {
    width: 51px;
  }
}
#pid-feature .func-unit_btn a {
  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;
  height: 100%;
  min-height: 50px;
}
@media only screen and (min-width: 768px) {
  #pid-feature .func-unit_btn a {
    height: 70px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .needs {
    position: relative;
    margin-top: 70px;
    padding: 15px 2% 2%;
    background: #cce5f8 url(../img/feature/needs_bg.png) 0 0 no-repeat;
  }
  #pid-feature .needs_ttl {
    margin-bottom: 10px;
    text-align: center;
  }
  #pid-feature .needs_ttl img {
    width: 100%;
  }
  #pid-feature .performance {
    position: absolute;
    top: -60px;
    left: 0;
    right: 0;
    display: inline-block;
    width: 280px;
    height: 36px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #e34130;
    font-weight: bold;
    line-height: 36px;
    text-align: center;
  }
  #pid-feature .performance img {
    position: relative;
    top: -5px;
    width: 30px;
  }
  #pid-feature .performance .red {
    color: #e34230;
  }
  #pid-feature .performance::before {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -5px;
    border-color: #e34230 transparent transparent transparent;
    border-style: solid;
    border-width: 10px 9px 0 9px;
  }
  #pid-feature .performance::after {
    content: "";
    position: absolute;
    bottom: -9px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -5px;
    border-color: #fff transparent transparent transparent;
    border-style: solid;
    border-width: 10px 9px 0 9px;
  }
  #pid-feature .performance_num {
    font-size: 18px;
  }
  #pid-feature .needs-unit {
    margin-bottom: 5px;
    padding: 10px 10px 10px 3em;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, #fff), to(#e3e3e3));
    background: linear-gradient(to bottom, #fff 80%, #e3e3e3 100%); /* W3C */
    border: 1px solid #fff;
    font-size: 13px;
    text-indent: -3em;
    -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
  }
  #pid-feature .needs-unit:last-child {
    margin-bottom: 0;
  }
  #pid-feature .needs-unit .check {
    display: inline-block;
    width: 18px;
    height: 15px;
    margin: 0 5px 0 10px;
    background: url(../img/feature/needs_check.png) 0 0 no-repeat;
  }
  #pid-feature .needs-unit span {
    color: #f16b12;
    font-size: 16px;
    font-weight: bold;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .needs {
    position: relative;
    margin-top: 70px;
    padding: 15px 23px 23px;
    background: #cce5f8 url(../img/feature/needs_bg.png) 0 0 no-repeat;
  }
  #pid-feature .needs_ttl {
    margin-bottom: 10px;
    text-align: center;
  }
  #pid-feature .needs_ttl img {
    width: 95%;
  }
  #pid-feature .performance {
    position: absolute;
    top: -60px;
    left: 0;
    right: 0;
    display: inline-block;
    width: 300px;
    height: 40px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #e34130;
    font-size: 15px;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
  }
  #pid-feature .performance img {
    position: relative;
    top: -5px;
  }
  #pid-feature .performance .red {
    color: #e34230;
  }
  #pid-feature .performance::before {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -5px;
    border-color: #e34230 transparent transparent transparent;
    border-style: solid;
    border-width: 10px 9px 0 9px;
  }
  #pid-feature .performance::after {
    content: "";
    position: absolute;
    bottom: -9px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -5px;
    border-color: #fff transparent transparent transparent;
    border-style: solid;
    border-width: 10px 9px 0 9px;
  }
  #pid-feature .performance_num {
    font-size: 24px;
  }
  #pid-feature .needs-unit {
    height: 48px;
    margin-bottom: 5px;
    padding-left: 20px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, #fff), to(#e3e3e3));
    background: linear-gradient(to bottom, #fff 80%, #e3e3e3 100%); /* W3C */
    border: 1px solid #fff;
    font-size: 14px;
    line-height: 48px;
    -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
  }
  #pid-feature .needs-unit:last-child {
    margin-bottom: 0;
  }
  #pid-feature .needs-unit .check {
    display: inline-block;
    width: 18px;
    height: 15px;
    margin-right: 5px;
    background: url(../img/feature/needs_check.png) 0 0 no-repeat;
  }
  #pid-feature .needs-unit span {
    color: #f16b12;
    font-size: 18px;
    font-weight: bold;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-feature .needs {
    position: relative;
    margin-top: 110px;
    padding: 15px 23px 23px;
    background: #cce5f8 url(../img/feature/needs_bg.png) 0 0 no-repeat;
  }
  #pid-feature .needs_ttl {
    margin-bottom: 15px;
    text-align: center;
  }
  #pid-feature .performance {
    position: absolute;
    top: -70px;
    left: 0;
    right: 0;
    display: inline-block;
    width: 380px;
    height: 50px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #e34130;
    font-size: 20px;
    font-weight: bold;
    line-height: 50px;
    text-align: center;
  }
  #pid-feature .performance img {
    position: relative;
    top: -3px;
  }
  #pid-feature .performance .red {
    color: #e34230;
  }
  #pid-feature .performance::before {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -5px;
    border-color: #e34230 transparent transparent transparent;
    border-style: solid;
    border-width: 10px 9px 0 9px;
  }
  #pid-feature .performance::after {
    content: "";
    position: absolute;
    bottom: -9px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -5px;
    border-color: #fff transparent transparent transparent;
    border-style: solid;
    border-width: 10px 9px 0 9px;
  }
  #pid-feature .performance_num {
    font-size: 29px;
  }
  #pid-feature .needs-unit {
    float: left;
    width: 428px;
    height: 68px;
    margin-bottom: 10px;
    margin-right: 10px;
    padding-left: 20px;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, #fff), to(#e3e3e3));
    background: linear-gradient(to bottom, #fff 80%, #e3e3e3 100%); /* W3C */
    border: 1px solid #fff;
    font-size: 17px;
    line-height: 68px;
    -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
  }
  #pid-feature .needs-unit:nth-child(2n) {
    margin-right: 0;
  }
  #pid-feature .needs-unit:nth-last-child(-n+2) {
    margin-bottom: 0;
  }
  #pid-feature .needs-unit .check {
    display: inline-block;
    width: 18px;
    height: 15px;
    margin-right: 5px;
    background: url(../img/feature/needs_check.png) 0 0 no-repeat;
  }
  #pid-feature .needs-unit span {
    color: #f16b12;
    font-size: 20px;
    font-weight: bold;
  }
}
#pid-feature .feature_wordpress {
  background: #eff4f8;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .feature_wordpress .button {
    width: 100%;
  }
}
#pid-feature .ftWpIntro__img {
  margin-bottom: 60px;
  text-align: center;
  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;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .ftWpIntro__img {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 auto 40px;
  }
}
#pid-feature .ftWpIntro__item {
  margin: 0 24px 0;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .ftWpIntro__item:first-of-type {
    margin-bottom: 24px;
    width: 75.1%;
  }
  #pid-feature .ftWpIntro__item:nth-of-type(2) {
    width: 100%;
  }
}
#pid-feature .ftWpIntro__item img {
  max-width: 100%;
  height: auto;
}
#pid-feature .ftWpIntro__txt {
  text-align: center;
}
#pid-feature .ftWpIntro__txt__ttl {
  font-size: 26px;
  font-weight: bold;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .ftWpIntro__txt__ttl {
    font-size: 22px;
  }
}
#pid-feature .ftWpIntro__txt__elm {
  font-size: 18px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .ftWpIntro__txt__elm {
    font-size: 16px;
    text-align: left;
  }
}
#pid-feature .ftWpIntro__txt strong {
  color: #ff5400;
}
#pid-feature .wpResult {
  padding: 0 64px 60px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpResult {
    padding: 0 16px 32px;
  }
}
#pid-feature .wpResult img {
  max-width: 100%;
  height: auto;
}
#pid-feature .wpResult__note {
  color: #2f334c;
  font-size: 12px;
  position: relative;
  text-indent: -1em;
  text-align: center;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpResult__note {
    text-align: left;
  }
}
#pid-feature .wpResult__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  #pid-feature .wpResult__body {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 48px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpResult__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpResult__body__img--no1 {
    max-width: 240px;
    margin: 0 23%;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpResult__body__img--graph {
    max-width: 400px;
    margin-left: 11%;
  }
}
#pid-feature .fea-unit-box {
  margin-top: -10px;
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  #pid-feature .fea-unit-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: -16px -8px 40px;
  }
}
#pid-feature .fea-unit {
  margin-top: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (min-width: 768px) {
  #pid-feature .fea-unit {
    width: 50%;
    margin-top: 16px;
    padding: 0 8px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-feature .fea-unit {
    width: 33.33333%;
  }
}
#pid-feature .fea-unit a {
  color: #286ed3;
  text-decoration: none;
}
@media only screen and (min-width: 768px) {
  #pid-feature .fea-unit_l {
    width: 100%;
  }
}
#pid-feature .fea-unit_l .fea-unit_inner {
  min-height: 80px;
}
@media only screen and (min-width: 768px) {
  #pid-feature .fea-unit_l .fea-unit_inner {
    width: 60%;
    max-width: 400px;
    margin: auto;
  }
}
#pid-feature .fea-unit_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 64px;
  padding: 8px 16px;
  background-color: #eff4f8;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (min-width: 768px) {
  #pid-feature .fea-unit_inner {
    height: 88px;
    padding: 10px 16px;
  }
}
#pid-feature a.fea-unit_inner .dtc {
  position: relative;
}
#pid-feature a.fea-unit_inner .dtc .ico {
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  position: absolute;
  right: -0.8em;
}
#pid-feature a.fea-unit_inner:hover .dtc .ico {
  right: -0.9em;
}
#pid-feature .fea-unit_body {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#pid-feature .fea-unit_body .fea-unit_ttl {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
#pid-feature .fea-unit_body .fea-unit_sub {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin: 3px 0 0;
  font-size: 1.2rem;
}
#pid-feature .fea-unit_ttl {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  font-weight: bold;
  line-height: 1.4;
  word-break: break-all;
  font-size: 15px;
}
#pid-feature .fea-unit_ttl .note {
  color: #9698a6;
  font-size: 11px;
}
#pid-feature .fea-unit_img {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  padding: 0 12px 0 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#pid-feature .fea-unit_img img {
  width: 40px;
  height: auto;
}
@media only screen and (min-width: 768px) {
  #pid-feature .fea-unit_img img {
    width: 51px;
  }
}
#pid-feature .fea-unit_btn a {
  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;
  height: 100%;
  min-height: 50px;
}
@media only screen and (min-width: 768px) {
  #pid-feature .fea-unit_btn a {
    height: 70px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .voice {
    margin: 0 0 15px;
  }
  #pid-feature .voice_list {
    margin: 0 0 1px;
    padding: 25px 20px;
    background: #fffdf5;
    border: 1px solid #efe6c0;
    border-radius: 8px;
  }
  #pid-feature .voice_list li {
    margin: 0 0 1em 2.1em;
    text-indent: -2.1em;
  }
  #pid-feature .voice_list li:last-child {
    margin-bottom: 0;
  }
  #pid-feature .voice_list p {
    margin: 0;
  }
  #pid-feature .voice_list strong {
    font-size: 16px;
  }
  #pid-feature .voice_list .ico {
    margin: 0 5px 0 0;
    color: #98bcda;
    font-size: 24px;
  }
  #pid-feature .voice_arrow {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 265px;
    height: 39px;
    margin: 0 auto;
    padding: 6px 0 0;
    background: url(../img/feature/bg_arrow.png);
    background-size: 265px 39px;
    color: #1b63a7;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .voice {
    margin: 0 0 15px;
  }
  #pid-feature .voice_list {
    margin: 0 0 1px;
    padding: 25px 20px;
    background: #fffdf5;
    border: 1px solid #efe6c0;
    border-radius: 8px;
  }
  #pid-feature .voice_list li {
    margin: 0 0 1em 2.1em;
    text-indent: -2.1em;
  }
  #pid-feature .voice_list li:last-child {
    margin-bottom: 0;
  }
  #pid-feature .voice_list p {
    margin: 0;
  }
  #pid-feature .voice_list strong {
    font-size: 16px;
  }
  #pid-feature .voice_list .ico {
    margin: 0 5px 0 0;
    color: #98bcda;
    font-size: 24px;
  }
  #pid-feature .voice_arrow {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 531px;
    height: 78px;
    margin: 0 auto;
    padding: 13px 0 0;
    background: url(../img/feature/bg_arrow.png);
    color: #1b63a7;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-feature .voice {
    margin: 0 0 15px;
  }
  #pid-feature .voice_list {
    margin: 0 0 1px;
    padding: 30px;
    background: #fffdf5;
    border: 1px solid #efe6c0;
    border-radius: 8px;
  }
  #pid-feature .voice_list li {
    margin: 0 0 1em 2.1em;
    text-indent: -2.1em;
  }
  #pid-feature .voice_list li:last-child {
    margin-bottom: 0;
  }
  #pid-feature .voice_list p {
    margin: 0;
  }
  #pid-feature .voice_list strong {
    font-size: 16px;
  }
  #pid-feature .voice_list .ico {
    margin: 0 5px 0 0;
    color: #98bcda;
    font-size: 24px;
  }
  #pid-feature .voice_arrow {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 531px;
    height: 78px;
    margin: 0 auto;
    padding: 13px 0 0;
    background: url(../img/feature/bg_arrow.png);
    color: #1b63a7;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
  }
}
#pid-feature .feature-box_ttl {
  margin: 0 0 7px 5px;
  color: #b5b5b5;
  font-size: 1.8rem;
  line-height: 1.6em;
}
#pid-feature .feature-box_ttl span {
  display: inline-block;
  width: 1.6em;
  height: 1.6em;
  margin: 0 5px 0 0;
  background: #e6e6e6;
  border-radius: 0.8em;
  text-align: center;
}
#pid-feature .feature-box_ttl .ico {
  color: #1b63a7;
  line-height: 1.6em;
}
#pid-feature .feature-box_list {
  border-left: 1px solid #e2e2e2;
  border-top: 1px solid #e2e2e2;
  -webkit-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 768px) {
  #pid-feature .feature-box_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
#pid-feature .feature-box_list li {
  border-bottom: 1px solid #e2e2e2;
  border-right: 1px solid #e2e2e2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: bold;
  line-height: 1.4;
}
@media only screen and (min-width: 768px) {
  #pid-feature .feature-box_list li {
    width: 33.33333%;
  }
}
#pid-feature .feature-box_list_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0;
  padding: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media only screen and (min-width: 768px) {
  #pid-feature .feature-box_list_inner {
    height: 6em;
    padding: 0 10px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-feature .feature-box_list_inner {
    padding: 0 15px;
  }
}
#pid-feature .feature-box_list_inner .ico {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0 8px 0 0;
  color: #eca700;
  font-size: 2.2rem;
}
@media only screen and (min-width: 1100px) {
  #pid-feature .feature-box_list_inner .ico {
    font-size: 2.8rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .test-btns {
    margin: 0 0 30px;
  }
  #pid-feature .test-btns a {
    text-decoration: none;
  }
  #pid-feature .test-btn {
    display: block;
    margin: 0 0 10px;
    padding: 5px 10px;
    background: #fff; /* Old Browsers */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), to(#f5f5f5));
    background: linear-gradient(to bottom, #fff 0, #f5f5f5 100%); /* W3C */
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 12px;
    line-height: 1.2;
    text-align: center;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
  }
  #pid-feature .test-btns .test-btn:last-child {
    margin: 0;
  }
  #pid-feature .test-btn_img {
    display: block;
    margin: 0 auto 5px;
  }
  #pid-feature .test-btn_size {
    margin: 0 0 0 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .test-btns {
    margin: 0 0 30px;
  }
  #pid-feature .test-btns a {
    text-decoration: none;
  }
  #pid-feature .test-btn {
    display: block;
    height: 3em;
    margin: 0 0 10px;
    padding: 5px 10px;
    background: #fff; /* Old Browsers */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), to(#f5f5f5));
    background: linear-gradient(to bottom, #fff 0, #f5f5f5 100%); /* W3C */
    border: 1px solid #ccc;
    border-radius: 5px;
    line-height: 3em;
    text-align: center;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
  }
  #pid-feature .test-btns .test-btn:last-child {
    margin: 0;
  }
  #pid-feature .test-btn_img {
    display: inline-block;
    margin: 0 5px 0 0;
  }
  #pid-feature .test-btn_size {
    margin: 0 0 0 10px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-feature .test-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 30px;
  }
  #pid-feature .test-btns a {
    text-decoration: none;
  }
  #pid-feature .test-btn {
    float: left;
    display: block;
    width: 160px;
    margin: 0 5px;
    padding: 15px 10px 20px;
    background: #fff; /* Old Browsers */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), to(#f5f5f5));
    background: linear-gradient(to bottom, #fff 0, #f5f5f5 100%); /* W3C */
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 12px;
    line-height: 1.2;
    text-align: center;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
  }
  #pid-feature .ie8 .test-btn {
    background: #fff;
    -webkit-filter: none;
            filter: none;
  }
  #pid-feature .test-btn_img {
    display: block;
    margin: 0 auto 10px;
  }
  #pid-feature .test-btn_size {
    display: block;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-feature .test-bottom {
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .btn_a8-register {
    font-size: 14px;
  }
  #pid-feature .btn_a8-register_sticker {
    display: inline-block;
    margin: 0 0 0 10px;
    padding: 4px 7px;
    background: #fff;
    border-radius: 2px;
    color: #e42f12;
    font-size: 12px;
    font-weight: bold;
    text-shadow: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .btn_a8-register_sticker {
    display: inline-block;
    margin: 0 0 0 10px;
    padding: 4px 7px;
    background: #fff;
    border-radius: 2px;
    color: #e42f12;
    font-size: 12px;
    font-weight: bold;
    text-shadow: none;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-feature .btn_a8-register {
    width: 460px;
  }
  #pid-feature .btn_a8-register_sticker {
    display: inline-block;
    margin: 0 0 0 10px;
    padding: 4px 7px;
    background: #fff;
    border-radius: 2px;
    color: #e42f12;
    font-size: 12px;
    font-weight: bold;
    text-shadow: none;
    -webkit-box-shadow: 0 1px 1px #5AA51B;
    box-shadow: 0 1px 1px #5AA51B;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .reason {
    margin: 0 0 30px;
    padding: 10px 0 0;
  }
  #pid-feature .reason_ttl {
    margin: 0 0 30px;
    padding: 8px 0;
    background: #ffecac; /* Old Browsers */ /* FF3.6+ */
    background: -webkit-gradient(left top, right top, color-stop(0%, #faf7ed), color-stop(50%, #ffecac), color-stop(100%, #faf7ed)); /* Chrome, Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE 10+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #faf7ed), color-stop(50%, #ffecac), to(#faf7ed));
    background: linear-gradient(to right, #faf7ed 0, #ffecac 50%, #faf7ed 100%); /* W3C */
    color: #c32a25;
    font-size: 18px;
    text-align: center;
  }
  #pid-feature .reason_unit {
    margin: 0 0 20px;
    border: 1px solid #dc454d;
    border-radius: 5px;
  }
  #pid-feature .reason_unit:last-child {
    margin-bottom: 0;
  }
  #pid-feature .reason_unit p:last-child {
    margin-bottom: 0;
  }
  #pid-feature .reason_unit_ttl {
    position: relative;
    padding: 5px 5px 5px 64px;
    background: #dd4246; /* Old Browsers */ /* FF3.6+ */
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #dd4246), color-stop(100%, #ec6d78)); /* Chrome, Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE 10+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dd4246), to(#ec6d78));
    background: linear-gradient(to bottom, #dd4246 0, #ec6d78 100%); /* W3C */
    color: #fff;
    font-size: 16px;
    text-shadow: 0 1px 0 #cd3d43;
  }
  #pid-feature .reason_unit_broad .reason_unit_ttl {
    padding-left: 100px;
  }
  #pid-feature .reason_unit_ttl_img {
    position: absolute;
    bottom: 2px;
    left: 7px;
  }
  #pid-feature .reason_unit_ttl_num {
    display: inline-block;
    margin: 0 5px 0 0;
    padding: 3px 6px;
    background: #fff;
    border-radius: 3px;
    color: #c32a25;
    line-height: 1;
    text-shadow: none;
  }
  #pid-feature .reason_unit_body {
    padding: 10px 10px 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .reason {
    margin: 0 0 30px;
    padding: 10px 0 0;
  }
  #pid-feature .reason_ttl {
    position: relative;
    margin: 0 0 30px;
    padding: 8px 0;
    background: #ffecac; /* Old Browsers */ /* FF3.6+ */
    background: -webkit-gradient(left top, right top, color-stop(0%, #faf7ed), color-stop(50%, #ffecac), color-stop(100%, #faf7ed)); /* Chrome, Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE 10+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #faf7ed), color-stop(50%, #ffecac), to(#faf7ed));
    background: linear-gradient(to right, #faf7ed 0, #ffecac 50%, #faf7ed 100%); /* W3C */
    color: #c32a25;
    font-size: 18px;
    text-align: center;
  }
  #pid-feature .reason_ttl_img {
    position: absolute;
    bottom: 0;
    right: 0;
  }
  #pid-feature .reason_unit {
    margin: 0 0 20px;
    border: 1px solid #dc454d;
    border-radius: 5px;
  }
  #pid-feature .reason_unit:last-child {
    margin-bottom: 0;
  }
  #pid-feature .reason_unit p:last-child {
    margin-bottom: 0;
  }
  #pid-feature .reason_unit_ttl {
    position: relative;
    padding: 5px 5px 5px 64px;
    background: #dd4246; /* Old Browsers */ /* FF3.6+ */
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #dd4246), color-stop(100%, #ec6d78)); /* Chrome, Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE 10+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dd4246), to(#ec6d78));
    background: linear-gradient(to bottom, #dd4246 0, #ec6d78 100%); /* W3C */
    color: #fff;
    font-size: 16px;
    text-shadow: 0 1px 0 #cd3d43;
  }
  #pid-feature .reason_unit_broad .reason_unit_ttl {
    padding-left: 100px;
  }
  #pid-feature .reason_unit_ttl_img {
    position: absolute;
    bottom: 2px;
    left: 7px;
  }
  #pid-feature .reason_unit_ttl_num {
    display: inline-block;
    margin: 0 5px 0 0;
    padding: 3px 6px;
    background: #fff;
    border-radius: 3px;
    color: #c32a25;
    line-height: 1;
    text-shadow: none;
  }
  #pid-feature .reason_unit_body {
    padding: 10px 10px 15px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-feature .reason {
    margin: 0 0 30px;
    padding: 10px 0 0;
  }
  #pid-feature .reason_ttl {
    position: relative;
    margin: 0 0 30px;
    padding: 8px 0;
    background: #ffecac; /* Old Browsers */ /* FF3.6+ */
    background: -webkit-gradient(left top, right top, color-stop(0%, #faf7ed), color-stop(50%, #ffecac), color-stop(100%, #faf7ed)); /* Chrome, Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE 10+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #faf7ed), color-stop(50%, #ffecac), to(#faf7ed));
    background: linear-gradient(to right, #faf7ed 0, #ffecac 50%, #faf7ed 100%); /* W3C */
    color: #c32a25;
    font-size: 18px;
    text-align: center;
  }
  #pid-feature .reason_ttl_img {
    position: absolute;
    bottom: 0;
    right: 0;
  }
  #pid-feature .reason_body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #pid-feature .reason_unit {
    float: left;
    width: 25.5%;
    margin: 0 1% 0 0;
    border: 1px solid #dc454d;
    border-radius: 5px;
  }
  #pid-feature .reason_unit_broad {
    width: 46%;
    margin: 0;
  }
  #pid-feature .reason_unit_ttl {
    position: relative;
    padding: 5px 5px 5px 64px;
    background: #dd4246; /* Old Browsers */ /* FF3.6+ */
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #dd4246), color-stop(100%, #ec6d78)); /* Chrome, Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE 10+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dd4246), to(#ec6d78));
    background: linear-gradient(to bottom, #dd4246 0, #ec6d78 100%); /* W3C */
    color: #fff;
    font-size: 16px;
    text-shadow: 0 1px 0 #cd3d43;
  }
  #pid-feature .reason_unit_broad .reason_unit_ttl {
    padding-left: 100px;
  }
  #pid-feature .reason_unit_ttl_img {
    position: absolute;
    bottom: 2px;
    left: 7px;
  }
  #pid-feature .reason_unit_ttl_num {
    display: inline-block;
    margin: 0 5px 0 0;
    padding: 3px 6px;
    background: #fff;
    border-radius: 3px;
    color: #c32a25;
    line-height: 1;
    text-shadow: none;
  }
  #pid-feature .reason_unit_body {
    padding: 10px 10px 15px;
  }
  #pid-feature .reason_unit_body > p:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .fee {
    margin: 10px auto 30px;
    padding: 2px;
    border: 1px solid #ccc;
  }
  #pid-feature .fee .table {
    margin-bottom: 0;
  }
  #pid-feature .fee_amount {
    color: #eca700;
    font-size: 18px;
    font-weight: bold;
  }
  #pid-feature .campaign_prtxt {
    display: inline-block;
    padding: 3px 5px;
    color: #fff;
    background: #e61212;
    font-size: 11px;
    margin-bottom: 3px;
  }
  #pid-feature .pr-txt {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .fee {
    margin: 10px auto 30px;
    padding: 20px;
    border: 1px solid #ccc;
  }
  #pid-feature .fee .table {
    margin-bottom: 0;
  }
  #pid-feature .fee .table th,
  #pid-feature .fee .table td {
    padding: 20px;
  }
  #pid-feature .fee_amount {
    color: #eca700;
    font-size: 18px;
    font-weight: bold;
  }
  #pid-feature .campaign_prtxt {
    display: inline-block;
    padding: 3px 5px;
    color: #fff;
    background: #e61212;
    font-size: 11px;
    margin-bottom: 3px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-feature .fee {
    margin: 10px auto 30px;
    padding: 20px;
    border: 1px solid #ccc;
  }
  #pid-feature .fee .table {
    margin-bottom: 0;
  }
  #pid-feature .fee .table th,
  #pid-feature .fee .table td {
    padding: 20px;
  }
  #pid-feature .fee_amount {
    color: #eca700;
    font-size: 18px;
    font-weight: bold;
  }
  #pid-feature .campaign_prtxt {
    display: inline-block;
    padding: 3px 5px;
    color: #fff;
    background: #e61212;
    font-size: 11px;
    margin-bottom: 3px;
  }
  #pid-feature .br-sp {
    display: none;
  }
  #pid-feature .pr-txt {
    font-size: 16px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .xbiz_headcopy {
    margin-bottom: 11px;
    color: #113d6b;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
    line-height: 1.3;
  }
  #pid-feature .xbiz_wrap {
    border: 2px solid #1b5fa6;
    padding: 10px;
    background: url(../img/feature/img_xbiz_bgimg_s.png) 50% 50% #dbeaf3;
  }
  #pid-feature .xbiz_head {
    text-align: center;
  }
  #pid-feature .xbiz_head_caption {
    position: relative;
  }
  #pid-feature .xbiz_head_caption > span {
    font-weight: bold;
    font-size: 14px;
  }
  #pid-feature .caption_green span {
    font-weight: bold;
    font-size: 12px;
  }
  #pid-feature .head_caption {
    margin: 0 0 5px;
    padding: 3px 10px;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
  }
  #pid-feature .caption_blue {
    background: #32699c url("../img/feature/img_xbiz_operator.png") 10px 50% no-repeat;
  }
  #pid-feature .caption_green {
    text-shadow: 1px 1px 0 #20b5aa, -1px -1px 0 #20b5aa;
    background: #20b5aa url("../img/feature/img_xbiz_rock.png") 16px 50% no-repeat;
  }
  #pid-feature .xbiz_icon {
    position: absolute;
    left: 0;
    top: -8px;
    display: none;
  }
  #pid-feature .xbiz_ttl {
    margin-bottom: 10px;
    font-size: 20px;
    text-align: center;
    color: #32699c;
  }
  #pid-feature .xbiz_btn {
    position: relative;
    margin: 0;
    padding: 12px 10px;
    border: 1px solid #113d6b;
    text-align: center;
    background-color: #fff;
    -webkit-box-shadow: 1px 1px 1px 1px #acc0cc;
            box-shadow: 1px 1px 1px 1px #acc0cc;
  }
  #pid-feature .xbiz_btn_logo {
    margin: 0 0 10px 0;
  }
  #pid-feature .xbiz_btn_txt {
    margin: 0;
    padding: 0 10px 0 0;
    text-align: left;
  }
  #pid-feature .xbiz_btn_txt > b {
    color: #f0555a;
  }
  #pid-feature .xbiz_btn_arrow {
    position: absolute;
    right: 5px;
    top: 40%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .xbiz_headcopy {
    margin-bottom: 11px;
    color: #113d6b;
    text-align: center;
    font-weight: bold;
    font-size: 17px;
  }
  #pid-feature .xbiz_headcopy:before {
    content: "\ff3c ";
  }
  #pid-feature .xbiz_headcopy:after {
    content: " \ff0f";
  }
  #pid-feature .xbiz_wrap {
    padding: 24px 0 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: url(../img/feature/img_xbiz_bgimg.png) 50% 0 repeat-y;
    border: 2px solid #1b5fa6;
  }
  #pid-feature .xbiz_wrap > a.btn {
    display: block;
    width: 96%;
    margin: 0 auto;
    text-align: left;
  }
  #pid-feature .xbiz_head {
    text-align: center;
  }
  #pid-feature .xbiz_head_caption {
    display: inline-block;
    position: relative;
  }
  #pid-feature .xbiz_head_caption > span {
    font-weight: bold;
    font-size: 16px;
  }
  #pid-feature .caption_green span {
    font-weight: bold;
    font-size: 14px;
  }
  #pid-feature .head_caption {
    margin: 0 0 12px 20px;
    padding: 2px 15px 1px 28px;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
  }
  #pid-feature .caption_blue {
    margin-right: 10px;
    background: #32699c;
  }
  #pid-feature .caption_green {
    background: #20b5aa;
  }
  #pid-feature .xbiz_icon {
    position: absolute;
    left: 0;
    top: -8px;
  }
  #pid-feature .xbiz_ttl {
    margin-bottom: 20px;
    font-size: 26px;
    text-align: center;
    color: #32699c;
  }
  #pid-feature .xbiz_btn {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    border: 1px solid #113d6b;
    text-align: center;
    margin: 0 auto;
    padding: 5px 10px 0;
    background-color: #fff;
    -webkit-box-shadow: 1px 1px 1px 1px #acc0cc;
            box-shadow: 1px 1px 1px 1px #acc0cc;
  }
  #pid-feature .xbiz_btn_logo {
    margin: 10px 0 5px 0;
  }
  #pid-feature .xbiz_btn_txt {
    text-align: center;
  }
  #pid-feature .xbiz_btn_txt > b {
    color: #f0555a;
  }
  #pid-feature .xbiz_btn_txt > span {
    display: inline-block;
  }
  #pid-feature .xbiz_btn_arrow {
    position: absolute;
    right: 10px;
    top: 40%;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-feature .xbiz_headcopy {
    margin-bottom: 11px;
    color: #113d6b;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
  }
  #pid-feature .xbiz_headcopy:before {
    content: "\ff3c ";
  }
  #pid-feature .xbiz_headcopy:after {
    content: " \ff0f";
  }
  #pid-feature .xbiz_wrap {
    padding-top: 24px;
    width: 960px;
    height: 217px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: url(../img/feature/img_xbiz_bgimg.png) no-repeat;
    border: 2px solid #1b5fa6;
  }
  #pid-feature .xbiz_btn {
    position: relative;
    border: 1px solid #113d6b;
    background-color: #fff;
    -webkit-box-shadow: 1px 1px 1px 1px #acc0cc;
            box-shadow: 1px 1px 1px 1px #acc0cc;
  }
  #pid-feature .xbiz_btn_logo {
    margin: 12px 24px;
  }
  #pid-feature .xbiz_btn_txt {
    position: absolute;
    left: 195px;
    top: 14px;
    margin: 0px;
    font-size: 16px;
    text-align: left !important;
  }
  #pid-feature .xbiz_btn_arrow {
    position: absolute;
    right: 18px;
    top: 24px;
  }
  #pid-feature .xbiz_btn_txt > b {
    color: #f0555a;
  }
  #pid-feature .xbiz_btn_txt > span {
    display: inline-block;
  }
  #pid-feature .xbiz_head {
    text-align: center;
  }
  #pid-feature .xbiz_head_caption {
    display: inline-block;
    position: relative;
  }
  #pid-feature .xbiz_head_caption > span {
    font-weight: bold;
    font-size: 18px;
  }
  #pid-feature .caption_green span {
    font-weight: bold;
    font-size: 16px;
  }
  #pid-feature .head_caption {
    margin: 0 0 12px 20px;
    padding: 2px 15px 1px 28px;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
  }
  #pid-feature .caption_blue {
    margin-right: 10px;
    background: #32699c;
  }
  #pid-feature .caption_green {
    background: #20b5aa;
  }
  #pid-feature .xbiz_icon {
    position: absolute;
    left: 0;
    top: -8px;
  }
  #pid-feature .xbiz_ttl {
    margin-bottom: 17px;
    font-size: 30px;
    text-align: center;
    color: #32699c;
  }
  #pid-feature .xbiz_wrap > a.btn {
    display: block;
    text-align: left;
    width: 75.25%;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .x_bp {
    margin-top: 35px;
    text-align: center;
  }
  #pid-feature .x_bp_copy {
    margin-bottom: 10px;
    color: #333;
    font-weight: bold;
    font-size: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .x_bp {
    margin-top: 35px;
    text-align: center;
  }
  #pid-feature .x_bp_copy {
    margin-bottom: 10px;
    color: #333;
    font-weight: bold;
    font-size: 18px;
  }
  #pid-feature .x_bp_copy:before {
    content: "\ff3c ";
  }
  #pid-feature .x_bp_copy:after {
    content: " \ff0f";
  }
}
@media only screen and (min-width: 1100px) {
  #pid-feature .x_bp {
    margin-top: 35px;
    text-align: center;
  }
  #pid-feature .x_bp_copy {
    margin-bottom: 10px;
    color: #333;
    font-weight: bold;
    font-size: 16px;
  }
  #pid-feature .x_bp_copy:before {
    content: "\ff3c ";
  }
  #pid-feature .x_bp_copy:after {
    content: " \ff0f";
  }
}
#pid-feature .sp_case {
  display: none;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .sp_case {
    display: block;
  }
}
#pid-feature .cardtag {
  border: 1px solid #1b63a7;
  font-size: 13px;
  display: inline-block;
  padding: 0 10px;
  min-width: 100px;
  text-align: center;
}
#pid-feature .cardtag-cat {
  background: #1b63a7;
  color: #fff;
}
#pid-feature .cardtag-comment {
  background: #fff;
  color: #1b63a7;
}
@media only screen and (min-width: 768px) {
  #pid-feature .case {
    display: block;
  }
}
#pid-feature .case * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#pid-feature .case_ttl {
  display: table;
  margin: 0 auto 25px;
  padding: 0 0 5px;
  border-bottom: 5px solid #1b63a7;
  font-size: 24px;
  font-weight: bold;
}
#pid-feature .case_desc {
  margin: 0 0 35px;
}
#pid-feature .case_list {
  margin-top: -20px;
}
@media only screen and (min-width: 768px) {
  #pid-feature .case_list {
    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;
    margin: -40px -20px 0;
  }
}
#pid-feature .case_list > li {
  margin: 20px 0 0;
}
@media only screen and (min-width: 768px) {
  #pid-feature .case_list > li {
    width: 50%;
    margin: 40px 0 0;
    padding: 0 20px;
  }
}
#pid-feature .case_card {
  margin: 0 auto;
  border: 1px solid #ddd;
}
@media only screen and (min-width: 768px) {
  #pid-feature .case_card {
    position: relative;
    height: 100%;
    word-break: break-all;
  }
}
#pid-feature .case .taglist {
  margin-top: -5px;
}
#pid-feature .case .taglist > li {
  margin: 5px 0 0;
}
#pid-feature .case .card_thumb {
  position: relative;
}
#pid-feature .case .card_thumb button {
  border: none;
  background: none;
  cursor: pointer;
}
#pid-feature .case .card_thumb button:active, #pid-feature .case .card_thumb button:focus {
  outline: none;
}
#pid-feature .case .card_thumb img {
  width: 100%;
  height: auto;
}
#pid-feature .case .card_thumb .taglist {
  position: absolute;
  top: 5px;
  right: 5px;
}
#pid-feature .case .card_thumb .ico {
  position: absolute;
  right: 0;
  bottom: 0;
}
#pid-feature .case .card_info {
  border-top: 1px solid #ddd;
  padding: 10px;
}
@media only screen and (min-width: 768px) {
  #pid-feature .case .card_info {
    padding: 25px 15px;
  }
}
#pid-feature .case .info_company {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
#pid-feature .case .info_logo {
  max-width: 160px;
  padding-right: 10px;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  #pid-feature .case .info_logo {
    padding-right: 20px;
  }
}
#pid-feature .case .info_detail {
  font-size: 12px;
}
#pid-feature .case .info_detail_name {
  font-weight: bold;
  margin-right: 5px;
}
#pid-feature .case .info_detail_name .name {
  font-size: 16px;
  margin-right: 5px;
}
#pid-feature .case .info_detail_url a {
  text-decoration: none;
}
#pid-feature .case .info_detail_url a:link, #pid-feature .case .info_detail_url a:visited {
  color: #666;
}
#pid-feature .case .info_comment button {
  border: none;
  background: none;
  cursor: pointer;
  font-size: 14px;
  text-decoration: underline;
}
#pid-feature .case .info_comment button:focus {
  outline: 0;
}
@media only screen and (min-width: 768px) {
  #pid-feature .case .info_comment.zoom {
    position: absolute;
    right: 15px;
    bottom: 25px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .case_card.saga .info_comment {
    margin-top: 29px;
  }
}
#pid-feature {
  /*
      Colorbox Core Style:
      The following CSS is consistent between example themes and should not be altered.
  */
}
#pid-feature #colorbox, #pid-feature #cboxOverlay, #pid-feature #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  -webkit-transform: translate3d(0, 0, 0);
}
#pid-feature #cboxWrapper {
  max-width: none;
}
#pid-feature #cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}
#pid-feature #cboxMiddleLeft, #pid-feature #cboxBottomLeft {
  clear: left;
}
#pid-feature #cboxContent {
  position: relative;
}
#pid-feature #cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
#pid-feature #cboxTitle {
  margin: 0;
}
#pid-feature #cboxLoadingOverlay, #pid-feature #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#pid-feature #cboxPrevious, #pid-feature #cboxNext, #pid-feature #cboxClose, #pid-feature #cboxSlideshow {
  cursor: pointer;
}
#pid-feature .cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}
#pid-feature .cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
}
#pid-feature #colorbox, #pid-feature #cboxContent, #pid-feature #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}
#pid-feature {
  /*
      User Style:
      Change the following styles to modify the appearance of Colorbox.  They are
      ordered & tabbed in a way that represents the nesting of the generated HTML.
  */
}
#pid-feature #cboxOverlay {
  background: rgba(0, 0, 0, 0.4);
}
#pid-feature #colorbox {
  outline: none;
}
#pid-feature #cboxContent {
  background: #fff;
}
#pid-feature .cboxIframe {
  background: #fff;
}
#pid-feature #cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}
#pid-feature #cboxLoadedContent {
  margin-bottom: 0;
}
#pid-feature #cboxTitle {
  position: absolute;
  bottom: 4px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #949494;
}
#pid-feature #cboxCurrent {
  position: absolute;
  bottom: 4px;
  left: 58px;
  color: #949494;
  display: none;
}
#pid-feature #cboxPrevious, #pid-feature #cboxNext, #pid-feature #cboxSlideshow, #pid-feature #cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none;
}
#pid-feature #cboxPrevious:active, #pid-feature #cboxNext:active, #pid-feature #cboxSlideshow:active, #pid-feature #cboxClose:active {
  outline: none;
}
#pid-feature #cboxClose {
  position: absolute;
  top: -8px;
  right: -8px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #28425b;
  color: #fff;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 2px solid #fff;
  -webkit-box-shadow: 0px 2px 4px 0px #666;
          box-shadow: 0px 2px 4px 0px #666;
  text-indent: -9999px;
  overflow: hidden;
}
#pid-feature #cboxClose:before, #pid-feature #cboxClose:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60%;
  height: 12%;
  margin: -7% 0 0 -30%;
  background: #fff;
}
#pid-feature #cboxClose:before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
#pid-feature #cboxClose:after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
#pid-feature #cboxClose:focus {
  outline: none;
}
@media only screen and (min-width: 768px) {
  #pid-feature #cboxClose {
    top: -25px;
    right: -25px;
    width: 50px;
    height: 50px;
  }
}
#pid-feature .modal_body {
  padding: 0 0 30px;
}
#pid-feature .modal_image img {
  width: 100%;
  height: auto;
}
#pid-feature .modal_info {
  border-top: 1px solid #ddd;
  padding: 15px;
  text-align: center;
}
#pid-feature .modal .info_logo {
  margin: 0 auto 16px;
  max-width: 140px;
  text-align: center;
}
#pid-feature .modal .info_logo img {
  width: 100%;
  height: auto;
  max-width: auto;
}
#pid-feature .modal .info_detail {
  font-size: 12px;
  text-align: center;
}
#pid-feature .modal .info_detail_name {
  font-weight: bold;
  line-height: 1;
  margin: 10px 0 5px;
}
#pid-feature .modal .info_detail_name .name {
  font-size: 16px;
  margin-right: 5px;
}
#pid-feature .modal .info_detail_url a {
  text-decoration: none;
}
#pid-feature .modal .info_detail_url a:link, #pid-feature .modal .info_detail_url a:visited {
  color: #666;
}
#pid-feature .modal_data {
  margin-top: -20px;
  padding: 0 15px;
}
#pid-feature .modal_data_caption {
  border-left: 4px solid #222;
  margin: 20px 0 10px;
  padding-left: 10px;
  font-size: 15px;
  font-weight: bold;
}
@media only screen and (min-width: 768px) {
  #pid-feature .modal {
    width: 700px;
    margin: 0 auto;
  }
  #pid-feature .modal_info {
    padding: 30px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #pid-feature .modal .info_logo {
    width: 210px;
    margin: 0;
    max-width: none;
  }
  #pid-feature .modal .info_logo img {
    width: auto;
    height: auto;
  }
  #pid-feature .modal .info_detail {
    font-size: 17px;
    text-align: left;
  }
  #pid-feature .modal .info_detail_tag {
    font-size: 13px;
  }
  #pid-feature .modal .info_detail_name .name {
    font-size: 22px;
  }
  #pid-feature .modal_data {
    padding: 0 45px 0 25px;
  }
  #pid-feature .modal_data_caption {
    font-size: 18px;
  }
}
#pid-feature .sp_modal {
  border: 1px solid #cccccc;
  margin-bottom: 40px;
}
#pid-feature .sp_modal .info_logo {
  margin: 15px 0 20px;
}
#pid-feature .sp_modal .info_detail_name .name {
  font-size: 16px;
  font-weight: bold;
  margin-right: 5px;
}
#pid-feature .sp_modal .info_detail_tag {
  margin-bottom: 5px;
}
#pid-feature .ico_zoom {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../img/feature/ico_zoom.png") no-repeat center center;
  pointer-events: none;
  position: relative;
  right: 3px;
  top: -1px;
}
#pid-feature .ico_popup {
  margin-left: 5px;
  display: inline-block;
  width: 10px;
  height: 8px;
  background: url("../img/feature/ico_popup.png") no-repeat center center;
}
#pid-feature .featureSec {
  padding: 60px 0;
}
@media only screen and (min-width: 1100px) {
  #pid-feature .featureSec {
    padding: 100px 0;
  }
}
#pid-feature .featureSec--bg {
  background-color: #eff4f8;
}
#pid-feature .featureSec__ttl {
  margin-bottom: 35px;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .featureSec__ttl {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-feature .featureSec__ttl {
    margin-bottom: 50px;
  }
}
#pid-feature .featureSec__ttl__num {
  display: block;
}
#pid-feature .featureSec__ttl__num span {
  display: inline-block;
  padding: 4px 30px;
  background-color: #222;
  border-radius: 2px;
  color: #fff;
  font-weight: 400;
}
#pid-feature .featureSec__ttl__elm {
  font-size: 2.2rem;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .featureSec__ttl__elm {
    font-size: 2.4rem;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-feature .featureSec__ttl__elm {
    font-size: 3.2rem;
  }
}
#pid-feature .featureSec__ttl__elm {
  display: inline-block;
  position: relative;
  margin-top: 15px;
  padding-bottom: 15px;
  font-weight: bold;
  line-height: 1.3;
}
#pid-feature .featureSec__ttl__elm::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 5px;
  background: #1b5ba0;
  background: -webkit-gradient(linear, left top, right top, from(#00a9ef), to(#1b63a7));
  background: linear-gradient(to right, #00a9ef, #1b63a7);
}
#pid-feature .feature__block {
  overflow: hidden;
  margin-top: 40px;
  background-color: #fff;
  border-radius: 3px;
}
@media only screen and (min-width: 768px) {
  #pid-feature .feature__block {
    margin-top: 60px;
  }
}
#pid-feature .feature__block__ttl {
  font-size: 2rem;
}
@media only screen and (min-width: 1100px) {
  #pid-feature .feature__block__ttl {
    font-size: 2.6rem;
  }
}
#pid-feature .feature__block__ttl {
  padding: 0.65em;
  background-color: #1b63a7;
  border-radius: 3px 3px 0 0;
  color: #fff;
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
}
#pid-feature .feature__block__ttl .feature-block__text {
  vertical-align: middle;
}
@media only screen and (max-width: 1099px) {
  #pid-feature .feature__block__ttl .feature-block__text {
    display: block;
  }
}
#pid-feature .feature__block__body {
  padding: 5.33333vw;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .feature__block__body {
    padding: 3.90625vw;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-feature .feature__block__body {
    padding: 50px;
  }
}
#pid-feature .feature__block--xwrite .target-label {
  font-size: 16px;
  color: #1B63A7;
  padding: 8px 16px 6px;
  background: #fff;
  vertical-align: middle;
  margin-right: 1rem;
  display: inline-block;
}
@media only screen and (max-width: 1099px) {
  #pid-feature .feature__block--xwrite .target-label {
    margin: 0 0 1rem 0;
  }
}
#pid-feature .feature__block--xwrite .feature-block__text {
  vertical-align: bottom;
}
#pid-feature .feature__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (min-width: 768px) {
  #pid-feature .feature__item {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
#pid-feature .feature__item__txtCont {
  display: contents;
}
@media only screen and (min-width: 768px) {
  #pid-feature .feature__item__txtCont {
    display: block;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
#pid-feature .feature__item__sub {
  margin: 0 0 2px;
  font-size: 1.4rem;
  font-weight: 500;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  #pid-feature .feature__item__sub {
    text-align: left;
  }
}
#pid-feature .feature__item__ttl {
  font-size: 2rem;
}
@media only screen and (min-width: 1100px) {
  #pid-feature .feature__item__ttl {
    font-size: 2.6rem;
  }
}
#pid-feature .feature__item__ttl {
  margin-bottom: 25px;
  color: #286ed3;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  #pid-feature .feature__item__ttl {
    margin-bottom: 20px;
    text-align: left;
  }
}
#pid-feature .feature__item__ttl span {
  display: inline-block;
}
#pid-feature .feature__item__txt {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin: 30px 0 0;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  text-align: justify;
}
@media only screen and (min-width: 768px) {
  #pid-feature .feature__item__txt {
    -webkit-box-ordinal-group: inherit;
        -ms-flex-order: inherit;
            order: inherit;
    margin: 0;
    line-height: 1.8;
  }
}
#pid-feature .feature__item__txt:nth-child(2) {
  margin-top: 1rem;
}
#pid-feature .feature__item__txt strong {
  color: #ff5400;
}
@media all and (-ms-high-contrast: none) {
  #pid-feature .feature__item__img {
    margin-top: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .feature__item__img {
    margin: 0;
    padding: 0 30px 0 0;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-feature .feature__item__img {
    padding: 0 50px 0 40px;
  }
}
@media only screen and (min-width: 768px) {
  #pid-feature .feature__item__img {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 32%;
  }
}
@media only screen and (min-width: 768px) {
  #pid-feature .ft01Intro {
    padding: 0 30px;
  }
}
#pid-feature .ft01Intro__txt {
  font-size: 1.6rem;
}
@media only screen and (min-width: 768px) {
  #pid-feature .ft01Intro__txt {
    font-size: 1.8rem;
  }
}
#pid-feature .ft01Intro__txt {
  margin-top: 30px;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  text-align: center;
}
@media only screen and (min-width: 768px) {
  #pid-feature .ft01Intro__txt {
    margin-top: 0;
  }
}
#pid-feature .ft01Intro__txt strong {
  color: #ff5400;
}
#pid-feature .ft01Intro__txt__elm {
  margin: 0;
}
#pid-feature .ft01Intro__txt__elm + .ft01Intro__txt__elm {
  margin-top: 1em;
}
#pid-feature .ft01Intro__img {
  display: block;
}
@media only screen and (min-width: 768px) {
  #pid-feature .ft01Intro__img {
    padding-top: 40px;
    margin: 0 auto;
    width: 70%;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .ft01Intro__img {
    padding-top: 30px;
    margin: Auto;
    width: 80%;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .ft01Intro__img.is-pc {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  #pid-feature .ft01Intro__img.is-sp {
    display: none;
  }
}
#pid-feature .ft01Speed__item {
  padding: 30px 0;
  border-bottom: 1px solid #eee;
}
#pid-feature .ft01Speed__item:first-child {
  padding-top: 0;
}
@media only screen and (min-width: 1100px) {
  #pid-feature .ft01Speed__item {
    padding: 30px 20px 30px 0;
  }
}
#pid-feature .ft01Speed__itembottom {
  padding: 30px 0;
}
#pid-feature .ft01Speed__itembottom:first-child {
  padding-top: 0;
}
@media only screen and (min-width: 1100px) {
  #pid-feature .ft01Speed__itembottom {
    padding: 30px 20px 30px 0;
  }
}
#pid-feature .ft01Speed__note {
  display: block;
  margin-top: 10px;
  letter-spacing: 0;
}
#pid-feature .ft01Speed__note .note {
  display: block;
}
#pid-feature .ft01Speed .buttonGroup {
  margin-top: calc(5.33333vw - 10px);
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .ft01Speed .buttonGroup {
    margin-top: calc(3.90625vw - 10px);
  }
}
@media only screen and (min-width: 1100px) {
  #pid-feature .ft01Speed .buttonGroup {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 768px) {
  #pid-feature .ft01Chart .feature__item__txtCont {
    width: 47.4489795918%;
  }
}
#pid-feature .ft01Chart__table {
  position: relative;
  margin-top: 30px;
}
@media only screen and (min-width: 1100px) {
  #pid-feature .ft01Chart__table {
    margin-top: 50px;
  }
}
#pid-feature .ft01Chart__table__xbox {
  position: absolute;
  z-index: 9;
  top: 0;
  left: calc(15.7% + 1px);
  bottom: 0;
  width: calc(21.5% - 2px);
  border: 4px solid #1b63a7;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#pid-feature .ft01Chart__table .ft01ChartTable {
  width: 100%;
  line-height: 1.2;
}
#pid-feature .ft01Chart__table .ft01ChartTable thead th {
  width: 15.7%;
  background-color: #a6a6a6;
  color: #fff;
}
#pid-feature .ft01Chart__table .ft01ChartTable thead th:not(:last-child) {
  border-right: 2px solid #fff;
}
#pid-feature .ft01Chart__table .ft01ChartTable thead .th__x {
  width: 21.5%;
  background-color: #1b63a7;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: 1.7rem;
}
#pid-feature .ft01Chart__table .ft01ChartTable thead .null {
  background-color: transparent;
}
@media only screen and (min-width: 1100px) {
  #pid-feature .ft01Chart__table .ft01ChartTable tbody th {
    width: 15.7%;
    border-top: 1px solid #fff;
    border-right: 2px solid #fff;
  }
}
#pid-feature .ft01Chart__table .ft01ChartTable tbody .td__x {
  color: #ff5400;
  font-size: 2.4rem;
  font-weight: bold;
}
#pid-feature .ft01Chart__table .ft01ChartTable tr:nth-child(even) {
  background-color: #f8f8f8;
}
#pid-feature .ft01Chart__table .ft01ChartTable th, #pid-feature .ft01Chart__table .ft01ChartTable td {
  height: 5rem;
  font-weight: 500;
  text-align: center;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#pid-feature .ft01Chart__table .ft01ChartTable th {
  background-color: #d6e5f2;
}
#pid-feature .ft01Chart__table .ft01ChTa__m {
  font-size: 85%;
}
#pid-feature .ft01Chart__table .ft01ChTa__s {
  font-size: 75%;
}
#pid-feature .ft01Chart__table .ft01ChTa__s--jp {
  font-size: 65%;
}
#pid-feature .ft01Chart__table .secondly-table-sm {
  margin-bottom: 30px;
  line-height: 1.2;
}
#pid-feature .ft01Chart__table .secondly-table-sm:last-child {
  margin-bottom: 0;
}
#pid-feature .ft01Chart__table .secondly-table-sm caption {
  padding: 8px;
  background-color: #d6e5f2;
  color: #333;
}
#pid-feature .ft01Chart__table .secondly-table-sm caption br {
  display: none;
}
#pid-feature .ft01Chart__table .secondly-table-sm tr:first-child th {
  background-color: #1b63a7;
  border-top: 2px solid #1b63a7;
  border-bottom: 2px solid #1b63a7;
}
#pid-feature .ft01Chart__table .secondly-table-sm tr:first-child td {
  border: 2px solid #1b63a7;
  border-left: none;
  color: #ff5400;
  font-size: 2rem;
  font-weight: bold;
}
#pid-feature .ft01Chart__table .secondly-table-sm tr:not(:first-child) th {
  border-top: 1px solid #fff;
}
#pid-feature .ft01Chart__table .secondly-table-sm th, #pid-feature .ft01Chart__table .secondly-table-sm td {
  padding: 8px 12px;
  font-size: inherit;
}
#pid-feature .ft01Chart__table .secondly-table-sm th {
  width: 1%;
  background-color: #a6a6a6;
  color: #fff;
  white-space: nowrap;
}
#pid-feature .ft01Chart__note {
  display: block;
  margin-top: 10px;
  text-align: right;
}
#pid-feature .ft01Backbone .feature__item {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .ft01Backbone .feature__item {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .ft01Backbone .feature__item {
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
  }
}
#pid-feature .ft01Backbone .feature__item__txt:nth-child(2) {
  margin-top: 16px;
}
#pid-feature .ft01Backbone .feature__item__img {
  width: 48%;
  max-width: 470px;
  padding: 0;
  margin: -25px 50px -15px -13px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .ft01Backbone .feature__item__img {
    margin-right: 3.90625vw;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .ft01Backbone .feature__item__img {
    margin: 0 auto -6px;
    width: 100%;
  }
}
#pid-feature .ft01Backbone .feature__item__img img {
  max-width: 100%;
  height: auto;
}
#pid-feature .feature_02 .buttonGroup {
  margin-top: 30px;
}
@media only screen and (min-width: 768px) {
  #pid-feature .ft02Func {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: -20px -10px 0;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-feature .ft02Func {
    margin: -30px -15px 0;
  }
}
#pid-feature .ft02Func__item {
  margin-top: 30px;
}
@media only screen and (min-width: 768px) {
  #pid-feature .ft02Func__item {
    width: 50%;
    margin-top: 20px;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-feature .ft02Func__item {
    margin-top: 30px;
    padding: 0 15px;
  }
}
#pid-feature .ft02Func__item a {
  overflow: hidden;
  display: block;
  height: 100%;
  background-color: #fff;
  border-radius: 3px;
  text-decoration: none;
}
#pid-feature .ft02Func__img {
  display: block;
  padding: 5.33333vw 5.33333vw 0;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .ft02Func__img {
    padding: 20px 25px 0;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-feature .ft02Func__img {
    padding: 25px 35px 0;
  }
}
#pid-feature .ft02Func__img img {
  max-width: 384px;
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 768px) {
  #pid-feature .ft02Func__img img {
    max-width: 100%;
  }
}
#pid-feature .ft02Func__txtCont {
  padding: 4vw 5.33333vw;
  border-top: 1px solid #eff4f8;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .ft02Func__txtCont {
    padding: 20px 25px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-feature .ft02Func__txtCont {
    padding: 20px 35px;
  }
}
#pid-feature .ft02Func__txt {
  margin: 0;
  color: #333;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  text-align: justify;
}
#pid-feature .ft02Func__more {
  margin: 10px 0 0;
  font-size: 1.4rem;
  color: #286ed3;
}
#pid-feature .ft02Func__more .ico {
  font-weight: 700;
  vertical-align: -1px;
}
#pid-feature .ft02Pickup {
  background: #1a60a3;
  padding: 26px 20px 30px;
  border-radius: 3px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .ft02Pickup {
    padding: 24px 5.33333vw 30px;
  }
}
#pid-feature .ft02Pickup__title {
  font-size: 2.8rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  margin-bottom: 27px;
}
@media only screen and (max-width: 1099px) {
  #pid-feature .ft02Pickup__title {
    font-size: 2.2rem;
    margin-bottom: 24px;
  }
}
#pid-feature .ft02Pickup__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  overflow-x: auto;
  display: flex;
  gap: 16px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .ft02Pickup__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#pid-feature .ft02Pickup__item {
  background: #fff;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .ft02Pickup__item {
    min-width: 0;
  }
}
#pid-feature .ft02Pickup__item .pickup-label {
  display: inline-block;
  font-weight: bold;
  font-size: 18px;
  color: #fff;
  background: #ff5400;
  padding: 4px 8px 0;
  border-radius: 2px;
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (max-width: 1099px) {
  #pid-feature .ft02Pickup__item .pickup-label {
    font-size: 14px;
  }
}
#pid-feature .ft02Pickup__image {
  background: #eff4f8;
  border-radius: 3px 3px 0 0;
  text-align: center;
  min-height: 168px;
  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;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .ft02Pickup__image {
    min-height: 148px;
  }
}
#pid-feature .ft02Pickup__image img {
  max-width: 100%;
  height: auto;
}
#pid-feature .ft02Pickup__content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
#pid-feature .ft02Pickup__content-title {
  text-align: center;
  font-size: 2.8rem;
  font-weight: bold;
  color: #1a60a3;
  margin: 36px 8px 24px;
  line-height: 1.4;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .ft02Pickup__content-title {
    font-size: 2.5vw;
    margin: 24px 8px 16px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .ft02Pickup__content-title {
    font-size: 2.2rem;
    margin: 24px 8px 16px;
  }
}
#pid-feature .ft02Pickup__content-subtitle {
  font-size: 1.7rem;
  display: block;
  font-weight: normal;
  color: #333333;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .ft02Pickup__content-subtitle {
    font-size: 1.5vw;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .ft02Pickup__content-subtitle {
    font-size: 1.4rem;
  }
}
#pid-feature .ft02Pickup__content-subtitle span {
  font-size: 1.4rem;
  margin: 0 -0.5em;
}
@media only screen and (max-width: 1099px) {
  #pid-feature .ft02Pickup__content-subtitle span {
    font-size: 0.8em;
  }
}
#pid-feature .ft02Pickup__content-text {
  margin: 0 28px 16px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .ft02Pickup__content-text {
    margin: 0 16px 16px;
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .ft02Pickup__content-text {
    margin: 3vw 5.33333vw;
    font-size: 1.4rem;
  }
}
#pid-feature .ft02Pickup__more {
  border-top: 1px solid #eff4f8;
  text-align: center;
}
#pid-feature .ft02Pickup__more a {
  display: block;
}
#pid-feature .ft02Pickup__more-text {
  font-size: 1.4rem;
  color: #286ed3;
  margin: 24px auto;
  display: inline-block;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .ft02Pickup__more-text {
    margin: 20px auto;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .ft02Pickup__more-text {
    margin: 16px auto;
  }
}
#pid-feature .ft02Ttl {
  font-size: 2.8rem;
  font-weight: bold;
  margin-bottom: 30px;
  text-align: center;
}
@media only screen and (max-width: 1099px) {
  #pid-feature .ft02Ttl {
    font-size: 2.4rem;
  }
}
@media only screen and (max-width: 1099px) {
  #pid-feature .ft02Ttl {
    font-size: 2.2rem;
  }
}
#pid-feature .ft02Api {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 60px;
  padding: 0 30px;
}
@media only screen and (max-width: 1099px) {
  #pid-feature .ft02Api {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0;
    gap: 30px;
  }
}
#pid-feature .ft02Api__info {
  width: 375px;
}
@media only screen and (max-width: 1099px) {
  #pid-feature .ft02Api__info {
    width: 100%;
  }
}
@media only screen and (max-width: 1099px) {
  #pid-feature .ft02Api__info .info__head {
    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: 20px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .ft02Api__info .info__head {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 12px;
    margin-bottom: 10px;
  }
}
#pid-feature .ft02Api__info .info__head--icon {
  width: 129px;
}
@media only screen and (max-width: 1099px) {
  #pid-feature .ft02Api__info .info__head--icon {
    padding-top: 6px;
    margin-bottom: 0 !important;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .ft02Api__info .info__head--icon {
    width: 82px;
  }
}
#pid-feature .ft02Api__info .info__head--icon img {
  display: block;
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 1099px) {
  #pid-feature .ft02Api__info .info__head--tit {
    margin-bottom: 0 !important;
  }
}
#pid-feature .ft02Api__info .info__head span {
  display: block;
}
#pid-feature .ft02Api__info .info__head--sub {
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 1.2;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .ft02Api__info .info__head--sub {
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .ft02Api__info .info__head--sub {
    font-size: 1.1rem;
    margin-bottom: 5px !important;
  }
}
#pid-feature .ft02Api__info .info__head--ttl {
  font-family: "Roboto";
  font-weight: bold;
  font-size: 5rem;
  line-height: 1;
  color: #286ed3;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .ft02Api__info .info__head--ttl {
    font-size: 4.2rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .ft02Api__info .info__head--ttl {
    font-size: 3.6rem;
  }
}
@media only screen and (max-width: 1099px) {
  #pid-feature .ft02Api__info .buttonGroup {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 1099px) {
  #pid-feature .ft02Api__info .buttonGroup .button {
    margin: 0 auto;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .ft02Api__info .buttonGroup .button {
    width: 100%;
  }
}
#pid-feature .ft02Api__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .ft02Api__list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
#pid-feature .ft02Api__item {
  background-color: #fff;
  -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.05);
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .ft02Api__item {
    width: calc(50% - 10px);
  }
}
#pid-feature .ft02Api__item a {
  display: block;
  padding: 30px 35px 20px;
  text-decoration: none;
  color: #333;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .ft02Api__item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
@media only screen and (max-width: 1099px) {
  #pid-feature .ft02Api__item a {
    padding: 30px 20px 20px;
  }
}
#pid-feature .ft02Api__item a .item__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .ft02Api__item a .item__head {
    gap: 10px;
  }
}
#pid-feature .ft02Api__item a .item__head--icon {
  width: 66px;
  display: inline-block;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .ft02Api__item a .item__head--icon {
    width: 52px;
  }
}
#pid-feature .ft02Api__item a .item__head--icon img {
  display: block;
  width: 100%;
  height: auto;
}
#pid-feature .ft02Api__item a .item__head--tit {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#pid-feature .ft02Api__item a .item__head span {
  display: block;
}
#pid-feature .ft02Api__item a .item__head--sub {
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 1.2;
}
@media only screen and (max-width: 1099px) {
  #pid-feature .ft02Api__item a .item__head--sub {
    font-size: 1.2rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .ft02Api__item a .item__head--sub {
    font-size: 1.1rem;
  }
}
#pid-feature .ft02Api__item a .item__head--ttl {
  font-family: "Roboto";
  font-weight: bold;
  font-size: 3.2rem;
  line-height: 1;
  color: #286ed3;
}
#pid-feature .ft02Api__item a .item__text {
  font-size: 1.5rem;
}
#pid-feature .ft02Api__item a .item__more {
  margin-bottom: 0;
  color: #286ed3;
  font-size: 1.4rem;
  text-align: right;
  margin-top: auto;
}
#pid-feature .divider-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 40px auto;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .divider-wrapper {
    margin: 30px auto;
  }
}
#pid-feature .divider-wrapper::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #d7e4ef;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
}
#pid-feature .plus-icon {
  display: block;
  position: relative;
  z-index: 2;
  margin: 0 auto;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #1a60a3;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .plus-icon {
    width: 32px;
    height: 32px;
  }
}
#pid-feature .plus-icon::before, #pid-feature .plus-icon::after {
  content: "";
  position: absolute;
  background-color: #fff;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
#pid-feature .plus-icon::before {
  width: 24px;
  height: 4px;
  border-radius: 2px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .plus-icon::before {
    width: 16px;
    height: 3px;
  }
}
#pid-feature .plus-icon::after {
  width: 4px;
  height: 24px;
  border-radius: 2px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .plus-icon::after {
    width: 3px;
    height: 16px;
  }
}
#pid-feature .ft03 {
  overflow: hidden;
  padding: 5.33333vw;
  background-color: #fff;
  border-radius: 3px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .ft03 {
    padding: 3.90625vw;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-feature .ft03 {
    padding: 50px 90px;
  }
}
#pid-feature .ft03Wrap {
  position: relative;
  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-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 768px) {
  #pid-feature .ft03Wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
#pid-feature .ft03Wrap__txtCont {
  display: contents;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (min-width: 768px) {
  #pid-feature .ft03Wrap__txtCont {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    display: block;
    width: 70%;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-feature .ft03Wrap__txtCont {
    width: 61.11111%;
  }
}
@media all and (-ms-high-contrast: none) {
  #pid-feature .ft03Wrap__img {
    margin-top: 25px;
  }
}
@media only screen and (min-width: 768px) {
  #pid-feature .ft03Wrap__img {
    margin: 0;
  }
}
#pid-feature .ft03Wrap__img img {
  display: block;
  height: auto;
  margin: auto;
}
#pid-feature .ft03Wrap__ttl {
  font-size: 2rem;
}
@media only screen and (min-width: 1100px) {
  #pid-feature .ft03Wrap__ttl {
    font-size: 2.6rem;
  }
}
#pid-feature .ft03Wrap__ttl {
  margin-bottom: 20px;
  color: #286ed3;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  #pid-feature .ft03Wrap__ttl {
    text-align: left;
  }
}
#pid-feature .ft03Wrap__ttl span {
  display: inline-block;
}
#pid-feature .ft03Wrap__txtBox {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin-top: 30px;
}
@media only screen and (min-width: 768px) {
  #pid-feature .ft03Wrap__txtBox {
    -webkit-box-ordinal-group: inherit;
        -ms-flex-order: inherit;
            order: inherit;
    margin-top: 0;
  }
}
#pid-feature .ft03Wrap__txtBox .ft03Wrap__txt {
  margin: 0;
}
#pid-feature .ft03Wrap__txtBox .ft03Wrap__txt + .ft03Wrap__txt {
  margin-top: 1em;
}
@media only screen and (min-width: 768px) {
  #pid-feature .ft03Wrap--01 .ft03Wrap__txtCont {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media only screen and (min-width: 768px) {
  #pid-feature .ft03Wrap--01 .ft03Wrap__img {
    padding-right: 40px;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-top: 20px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-feature .ft03Wrap--01 .ft03Wrap__img {
    padding-right: 80px;
  }
}
#pid-feature .ft03Wrap--01 .ft03Wrap__img img {
  max-width: 150px;
  width: 70%;
}
@media only screen and (min-width: 768px) {
  #pid-feature .ft03Wrap--01 .ft03Wrap__img img {
    max-width: 100%;
    width: 100%;
  }
}
#pid-feature .ft03Wrap--02 {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #eee;
}
@media only screen and (min-width: 1100px) {
  #pid-feature .ft03Wrap--02 {
    margin-top: 40px;
    padding-top: 0;
    border: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .ft03Wrap--02 .ft03Wrap__img {
    padding-left: 30px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-feature .ft03Wrap--02 .ft03Wrap__img {
    padding-left: 20px;
  }
}
#pid-feature .ft03Wrap--02 .ft03Wrap__img img {
  max-width: 350px;
  width: 90%;
}
@media only screen and (min-width: 768px) {
  #pid-feature .ft03Wrap--02 .ft03Wrap__img img {
    max-width: 100%;
    width: 100%;
  }
}
#pid-feature .feature_biz .feature__block {
  margin-top: 0;
}
#pid-feature .feature_biz .feature__block__ttl {
  text-indent: -0.5em;
}
@media screen and (max-width: 374px) {
  #pid-feature .feature_biz .feature__block__ttl {
    font-size: 5.2vw;
  }
}
#pid-feature .ftBiz__wrap {
  padding: 50px;
}
#pid-feature .ftBiz__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#pid-feature .ftBiz__item {
  background-color: #eff4f8;
  width: 308px;
}
#pid-feature .ftBiz__item:not(:last-child) {
  margin-right: 28px;
}
#pid-feature .ftBiz__item a {
  display: block;
  padding: 25px 20px;
  text-decoration: none;
}
#pid-feature .ftBiz__item a:hover {
  color: #286ed3;
}
#pid-feature .ftBiz__item__sub {
  margin-bottom: 0.2em;
  color: #333;
  font-weight: bold;
  font-size: 15px;
}
#pid-feature .ftBiz__item__ttl {
  color: #286ed3;
  font-size: 29px;
}
#pid-feature .ftBiz__item__ttl sup {
  color: #333;
  font-size: 36%;
  top: -1.4em;
}
#pid-feature .ftBiz__item__img {
  margin: 12px 0 17px;
  text-align: center;
}
#pid-feature .ftBiz__item__img img {
  width: 100%;
  max-width: 214px;
}
#pid-feature .ftBiz__item__txtCont {
  height: 120px;
  color: #333;
  font-size: 14px;
}
#pid-feature .ftBiz__item__txtCont .note {
  color: #333;
}
#pid-feature .ftBiz__item__txt {
  margin-bottom: 0;
  letter-spacing: 0;
}
#pid-feature .ftBiz__item__more {
  margin: 0;
  text-align: right;
  font-size: 14px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .ftBiz__wrap {
    padding: 3vw;
  }
  #pid-feature .ftBiz__item {
    width: 32%;
  }
  #pid-feature .ftBiz__item:not(:last-child) {
    margin-right: 2%;
  }
  #pid-feature .ftBiz__item a {
    padding: 2vw;
  }
  #pid-feature .ftBiz__item__sub {
    font-size: 1.5vw;
  }
  #pid-feature .ftBiz__item__ttl {
    font-size: 2.5vw;
  }
  #pid-feature .ftBiz__item__img {
    margin: 0.5vw 0 1.8vw;
  }
  #pid-feature .ftBiz__item__txtCont {
    height: 12em;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .ftBiz__wrap {
    padding: 5.3vw;
  }
  #pid-feature .ftBiz__list {
    display: block;
  }
  #pid-feature .ftBiz__item {
    width: auto;
  }
  #pid-feature .ftBiz__item:not(:last-child) {
    margin: 0 0 15px;
  }
  #pid-feature .ftBiz__item a {
    padding: 5.3vw 4vw;
  }
  #pid-feature .ftBiz__item__ttl {
    font-size: 27px;
  }
  #pid-feature .ftBiz__item__img {
    margin: 2px 0 12px;
  }
  #pid-feature .ftBiz__item__txtCont {
    height: auto;
  }
  #pid-feature .ftBiz__item__more {
    margin: 10px 0 0;
  }
}
@media screen and (max-width: 374px) {
  #pid-feature .ftBiz__item__ttl {
    font-size: 7vw;
  }
}
#pid-feature.pid-feature-wptheme .main-header {
  margin-bottom: 0;
}
#pid-feature.pid-feature-wptheme .topic-path {
  margin-top: 0;
  margin-bottom: 0;
}
#pid-feature .wpthemeIntro {
  padding-top: 15px;
  background-image: url(../img/feature/bg_wptheme-intro_m.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 768px) {
  #pid-feature .wpthemeIntro {
    background-image: url(../img/feature/bg_wptheme-intro_l.png);
  }
}
#pid-feature .wpthemeIntro__inner {
  max-width: 920px;
  margin: auto;
  padding: 40px 3.125vw 60px;
}
@media only screen and (min-width: 1100px) {
  #pid-feature .wpthemeIntro__inner {
    padding: 80px 2.605vw 110px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpthemeIntro__inner {
    padding: 55px 5vw 75px;
  }
}
#pid-feature .wpthemeIntro__ttl {
  text-align: center;
  padding-bottom: 40px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpthemeIntro__ttl {
    padding-bottom: 30px;
  }
}
#pid-feature .wpthemeIntro__ttl img {
  max-width: 100%;
}
#pid-feature .wpthemeIntro__logo {
  text-align: center;
}
#pid-feature .wpthemeIntro__logo img {
  max-width: 100%;
}
@media only screen and (min-width: 768px) {
  #pid-feature .wptm01Intro, #pid-feature .wptm02Intro {
    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;
    padding: 0 30px;
  }
}
#pid-feature .wptm01Intro__txt, #pid-feature .wptm02Intro__txt {
  font-size: 1.6rem;
}
@media only screen and (min-width: 768px) {
  #pid-feature .wptm01Intro__txt, #pid-feature .wptm02Intro__txt {
    font-size: 1.8rem;
  }
}
#pid-feature .wptm01Intro__txt, #pid-feature .wptm02Intro__txt {
  margin-top: 30px;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media only screen and (min-width: 768px) {
  #pid-feature .wptm01Intro__txt, #pid-feature .wptm02Intro__txt {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-top: 0;
    width: 60%;
  }
}
#pid-feature .wptm01Intro__txt strong, #pid-feature .wptm02Intro__txt strong {
  color: #ff5400;
}
#pid-feature .wptm01Intro__txt .no1, #pid-feature .wptm02Intro__txt .no1 {
  color: #2f334c;
  font-size: 10px;
}
@media only screen and (min-width: 768px) {
  #pid-feature .wptm01Intro__img, #pid-feature .wptm02Intro__img {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 40%;
    padding-left: 30px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-feature .wptm01Intro__img, #pid-feature .wptm02Intro__img {
    padding-left: 50px;
  }
}
#pid-feature .wptm03Intro__txt {
  font-size: 1.6rem;
}
@media only screen and (min-width: 768px) {
  #pid-feature .wptm03Intro__txt {
    font-size: 1.8rem;
  }
}
#pid-feature .wptm03Intro__txt {
  text-align: center;
  margin-bottom: 3em;
}
#pid-feature .wptm03Intro__txt strong {
  color: #ff5400;
}
#pid-feature .wptm03Intro__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wptm03Intro__body {
    display: block;
  }
}
#pid-feature .wptm03Intro__body__item {
  width: 45%;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wptm03Intro__body__item {
    width: 100%;
  }
}
#pid-feature .wptm03Intro__body__item__ttl {
  color: #286ed3;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wptm03Intro__body__item__ttl {
    font-size: 2rem;
  }
}
#pid-feature .wptm03Intro__body__item__img {
  padding: 30px 40px;
  background: url(../img/feature/bg_wptm03Intro_item.png) center center no-repeat #e4edf4;
  background-size: 100% 100%;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 1099px) {
  #pid-feature .wptm03Intro__body__item__img {
    padding: 20px 25px;
  }
}
#pid-feature .wptm03Intro__body__item__img img {
  max-width: 100%;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wptm03Intro__body__item:last-child {
    margin-top: 3em;
  }
}
#pid-feature .wptm03__item {
  padding: 30px 0;
  border-bottom: 1px solid #eee;
}
#pid-feature .wptm03__item:first-child {
  padding-top: 0;
}
#pid-feature .wptm03__item:last-child {
  border-bottom: none;
  padding-bottom: 5px;
}
@media only screen and (min-width: 1100px) {
  #pid-feature .wptm03__item {
    padding: 30px 20px 30px 0;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wptm03__item {
    text-align: center;
  }
}
#pid-feature .wptm03__item__txtCont {
  display: block;
}
@media only screen and (min-width: 768px) {
  #pid-feature .wptm03__item__txtCont {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 59%;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wptm03__item__txtCont .feature__item__txt {
    margin-top: 20px;
  }
  #pid-feature .wptm03__item__txtCont .feature__item__txt:nth-child(2) {
    margin-top: 1rem;
  }
}
@media only screen and (min-width: 768px) {
  #pid-feature .wptm03__item__themeCont {
    width: 41%;
    padding-right: 2rem;
  }
}
#pid-feature .wptm03__item__ttl {
  margin: 0.05em 0 0.2em;
  font-size: 3.7rem;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-weight: bold;
  line-height: 1.1;
}
@media only screen and (min-width: 768px) {
  #pid-feature .wptm03__item__ttl {
    font-size: 4.2rem;
  }
}
#pid-feature .wptm03__item__sub, #pid-feature .wptm03__item__txt {
  margin: 0;
  font-size: 1.4rem;
  font-weight: 500;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wptm03__item .buttonGroup {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
#pid-feature .wptm03__note {
  display: block;
  margin-top: 10px;
  letter-spacing: 0;
}
#pid-feature .wptm03__note .note {
  display: block;
}
#pid-feature .wpthemeOutro__txt {
  font-weight: bold;
  font-size: 1.8rem;
}
@media only screen and (min-width: 768px) {
  #pid-feature .wpthemeOutro__txt {
    font-size: 2rem;
  }
}
#pid-feature .wpthemeOutro__bnr img {
  max-width: 100%;
  height: auto;
}
#pid-feature.pid-feature-pricing .main-header {
  margin-bottom: 0;
}
#pid-feature.pid-feature-pricing .pricingSec {
  padding: 40px 0;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature.pid-feature-pricing .pricingSec {
    padding: 80px 0;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-feature.pid-feature-pricing .pricingSec {
    padding: 100px 0;
  }
}
#pid-feature.pid-feature-pricing .pricing__01 .pricingSec__ttl {
  text-align: center;
  font-size: 2.4rem;
  margin: 0 0 32px;
  line-height: 1.6;
}
@media only screen and (min-width: 1100px) {
  #pid-feature.pid-feature-pricing .pricing__01 .pricingSec__ttl {
    margin: 0 0 64px;
  }
}
#pid-feature.pid-feature-pricing .pricing__01 .pricingSec__ttl span {
  color: #256ac5;
}
#pid-feature.pid-feature-pricing .pricing__01 .pricing__txt {
  margin: 28px 0 0;
  line-height: 1.9;
}
#pid-feature.pid-feature-pricing .pricing__01 .pricing__txt span {
  color: #256ac5;
  font-weight: bold;
}
@media only screen and (min-width: 1100px) {
  #pid-feature.pid-feature-pricing .pricing__01 .pricing__txt {
    font-size: 1.8rem;
  }
}
#pid-feature.pid-feature-pricing .pricing__01 .pricingAbout__graph {
  margin: 40px 0 0;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature.pid-feature-pricing .pricing__01 .pricingAbout {
    margin: 0 30px;
  }
}
@media only screen and (min-width: 768px) {
  #pid-feature.pid-feature-pricing .pricing__01 .pricingSec__ttl {
    text-align: left;
    font-size: 3.2rem;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1100px) {
  #pid-feature.pid-feature-pricing .pricing__01 .pricingSec__ttl {
    font-size: 4rem;
  }
}
@media only screen and (min-width: 768px) {
  #pid-feature.pid-feature-pricing .pricing__01 .pricingAbout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #pid-feature.pid-feature-pricing .pricing__01 .pricingAbout__details {
    margin-right: 40px;
  }
  #pid-feature.pid-feature-pricing .pricing__01 .pricingAbout__graph {
    margin: 0;
    text-align: left;
  }
  #pid-feature.pid-feature-pricing .pricing__01 .pricingAbout__graph img {
    width: auto;
    height: auto;
  }
}
#pid-feature.pid-feature-pricing .pricing__02 {
  padding-top: 0;
}
#pid-feature.pid-feature-pricing .pricing__02 .pricingSec__ttl {
  text-align: center;
  position: relative;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature.pid-feature-pricing .pricing__02 .pricingSec__ttl {
    margin-left: -2.2%;
  }
}
@media only screen and (min-width: 768px) {
  #pid-feature.pid-feature-pricing .pricing__02 .pricingSec__ttl img {
    width: auto;
    height: auto;
  }
}
#pid-feature.pid-feature-pricing .pricing__02 .holder-sml {
  max-width: 1200px;
}
#pid-feature.pid-feature-pricing .pricing__02 .pricingPlan {
  position: relative;
  padding: 40px 0 0 3.12%;
  margin: 0 -3.12% 0;
}
#pid-feature.pid-feature-pricing .pricing__02 .pricingPlan:before {
  content: "";
  display: block;
  width: 100%;
  height: 800px;
  background: #f7fbff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature.pid-feature-pricing .pricing__02 .pricingPlan {
    padding: 80px 0 0 3.1%;
    margin: 0 -3.1% 0;
  }
  #pid-feature.pid-feature-pricing .pricing__02 .pricingPlan:before {
    height: 870px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-feature.pid-feature-pricing .pricing__02 .holder-sml {
    max-width: 1200px;
  }
  #pid-feature.pid-feature-pricing .pricing__02 .pricingPlan {
    padding: 100px 0 0;
  }
  #pid-feature.pid-feature-pricing .pricing__02 .pricingPlan:before {
    height: 870px;
  }
}
#pid-feature.pid-feature-pricing .pricing__02 .pricingPlanCautions {
  max-width: 1080px;
  margin: 20px auto 0;
  position: relative;
  font-size: 1.4rem;
}
#pid-feature.pid-feature-pricing .pricing__02 .prisingPlanTable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  max-width: 1080px;
  margin: 64px auto 0;
  position: relative;
}
#pid-feature.pid-feature-pricing .pricing__02 .prisingPlanTable * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#pid-feature.pid-feature-pricing .pricing__02 .planTableItem {
  width: 260px;
  background: #c8d8e3;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.08);
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature.pid-feature-pricing .pricing__02 .planTableItem {
    width: 200px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature.pid-feature-pricing .pricing__02 .planTableItem {
    width: 240px;
  }
}
#pid-feature.pid-feature-pricing .pricing__02 .planTableItem__header {
  text-align: center;
  padding: 12px 0;
  position: relative;
}
#pid-feature.pid-feature-pricing .pricing__02 .planTableItem__header--balloon {
  font-weight: bold;
  font-size: 1.4rem;
  color: #fff;
  background: #f7790b;
  border-radius: 4px;
  position: absolute;
  left: 50%;
  top: -18px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 130px;
  padding: 4px;
}
#pid-feature.pid-feature-pricing .pricing__02 .planTableItem__header--balloon:before {
  content: "";
  display: block;
  position: absolute;
  border: 4px solid transparent;
  border-top-color: #f7790b;
  left: 50%;
  margin-left: -4px;
  bottom: -8px;
}
#pid-feature.pid-feature-pricing .pricing__02 .planTableItem__header--caption {
  font-weight: bold;
  font-size: 2rem;
}
#pid-feature.pid-feature-pricing .pricing__02 .planTableItem__body {
  margin: 4px;
  padding: 0 0 28px;
  background: #fff;
}
#pid-feature.pid-feature-pricing .pricing__02 .planTableItem__body--box {
  text-align: center;
  font-weight: bold;
  min-height: 100px;
  margin: 2px 12px 0;
  padding: 16px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #f9fdff;
  line-height: 1.2;
}
@media only screen and (max-width: 1099px) {
  #pid-feature.pid-feature-pricing .pricing__02 .planTableItem__body--box {
    padding: 20px 0 0;
  }
}
#pid-feature.pid-feature-pricing .pricing__02 .planTableItem__body--box .caption {
  color: #93abc4;
  font-size: 1.4rem;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature.pid-feature-pricing .pricing__02 .planTableItem__body--box .caption {
    font-size: 1.3rem;
  }
}
#pid-feature.pid-feature-pricing .pricing__02 .planTableItem__body--box .price__txt {
  font-size: 1.4rem;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature.pid-feature-pricing .pricing__02 .planTableItem__body--box .price__txt {
    font-size: 1.3rem;
  }
}
#pid-feature.pid-feature-pricing .pricing__02 .planTableItem__body--box .price.none {
  margin: 16px 0 0;
}
#pid-feature.pid-feature-pricing .pricing__02 .planTableItem__body--box.add {
  background: #fef0ed;
  position: relative;
}
#pid-feature.pid-feature-pricing .pricing__02 .planTableItem__body--box.add:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url(../img/feature/ico_simple_plan_plus.png) no-repeat 0 0;
  position: absolute;
  left: 50%;
  margin-left: -12px;
  top: -12px;
}
#pid-feature.pid-feature-pricing .pricing__02 .planTableItem__body--box.add .caption {
  color: #2f334c;
}
#pid-feature.pid-feature-pricing .pricing__02 .planTableItem__body--box.add .price {
  color: #ff3600;
  font-size: 2.4rem;
  margin: 0;
}
@media only screen and (max-width: 1099px) {
  #pid-feature.pid-feature-pricing .pricing__02 .planTableItem__body--box.add .price {
    font-size: 2rem;
  }
}
#pid-feature.pid-feature-pricing .pricing__02 .planTableItem__body--box.add .price .price__num {
  font-size: 3.2rem;
}
@media only screen and (max-width: 1099px) {
  #pid-feature.pid-feature-pricing .pricing__02 .planTableItem__body--box.add .price .price__num {
    font-size: 2.8rem;
  }
}
#pid-feature.pid-feature-pricing .pricing__02 .planTableItem__body--box:nth-child(1) .caption, #pid-feature.pid-feature-pricing .pricing__02 .planTableItem__body--box:nth-child(2) .caption {
  color: #2971bc;
}
#pid-feature.pid-feature-pricing .pricing__02 .planTableItem__body--box:nth-child(1) {
  min-height: 140px;
  padding-top: 24px;
  background: #fff;
}
#pid-feature.pid-feature-pricing .pricing__02 .planTableItem__body--box:nth-child(1) .caption {
  font-size: 1.6rem;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature.pid-feature-pricing .pricing__02 .planTableItem__body--box:nth-child(1) .caption {
    font-size: 1.4rem;
  }
}
#pid-feature.pid-feature-pricing .pricing__02 .planTableItem__body--box:nth-child(1) .price {
  font-size: 3.2rem;
}
@media only screen and (max-width: 1099px) {
  #pid-feature.pid-feature-pricing .pricing__02 .planTableItem__body--box:nth-child(1) .price {
    font-size: 2.4rem;
  }
}
#pid-feature.pid-feature-pricing .pricing__02 .planTableItem__body--box:nth-child(1) .price .price__num {
  font-size: 4.8rem;
}
@media only screen and (max-width: 1099px) {
  #pid-feature.pid-feature-pricing .pricing__02 .planTableItem__body--box:nth-child(1) .price .price__num {
    font-size: 4rem;
  }
}
#pid-feature.pid-feature-pricing .pricing__02 .planTableItem__body--box:nth-child(1) .price .price__txt {
  display: block;
  color: #969696;
}
#pid-feature.pid-feature-pricing .pricing__02 .planTableItem__body--box:nth-child(2) {
  background: #d9e9f5;
  padding-top: 24px;
  position: relative;
}
#pid-feature.pid-feature-pricing .pricing__02 .planTableItem__body--box:nth-child(2):before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: -16px;
  margin-left: -8px;
  border: 8px solid transparent;
  border-bottom-color: #d9e9f5;
}
#pid-feature.pid-feature-pricing .pricing__02 .planTableItem__body--box:nth-child(2) .price {
  font-size: 2.4rem;
}
@media only screen and (max-width: 1099px) {
  #pid-feature.pid-feature-pricing .pricing__02 .planTableItem__body--box:nth-child(2) .price {
    font-size: 2rem;
  }
}
#pid-feature.pid-feature-pricing .pricing__02 .planTableItem__body--box:nth-child(2) .price .price__num {
  font-size: 3.2rem;
}
@media only screen and (max-width: 1099px) {
  #pid-feature.pid-feature-pricing .pricing__02 .planTableItem__body--box:nth-child(2) .price .price__num {
    font-size: 2.8rem;
  }
}
#pid-feature.pid-feature-pricing .pricing__02 .planTableItem.xserver {
  background: #2971bc;
}
#pid-feature.pid-feature-pricing .pricing__02 .planTableItem.xserver .planTableItem__header--caption {
  color: #fff;
  font-size: 2.2rem;
  padding: 10px 0;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature.pid-feature-pricing .pricing__02 .planTableItem.xserver .planTableItem__header--caption {
    font-size: 2rem;
  }
}
#pid-feature.pid-feature-pricing .pricing__02 .planTableItem.xserver .planTableItem__body--box.payment {
  padding-top: 32px;
}
#pid-feature.pid-feature-pricing .pricing__02 .planTableItem.xserver .planTableItem__body--box.payment .price {
  color: #ff5400;
}
#pid-feature.pid-feature-pricing .pricing__02 .planTableItem.range .planTableItem__body--box.payment {
  padding-top: 44px;
}
#pid-feature.pid-feature-pricing .pricing__02 .planTableItem.range .planTableItem__body--box.payment .price {
  font-size: 2.4rem;
}
@media only screen and (max-width: 1099px) {
  #pid-feature.pid-feature-pricing .pricing__02 .planTableItem.range .planTableItem__body--box.payment .price {
    font-size: 1.6rem;
  }
}
#pid-feature.pid-feature-pricing .pricing__02 .planTableItem.range .planTableItem__body--box.payment .price .price__num {
  font-size: 3.4rem;
}
@media only screen and (max-width: 1099px) {
  #pid-feature.pid-feature-pricing .pricing__02 .planTableItem.range .planTableItem__body--box.payment .price .price__num {
    font-size: 2.6rem;
  }
}
#pid-feature.pid-feature-pricing .pricing__02 .planTableItem.alone .planTableItem__body--box.payment {
  padding-top: 32px;
}
#pid-feature.pid-feature-pricing .pricing__02 .planTableItem:nth-child(2) .planTableItem__body--box.add .price, #pid-feature.pid-feature-pricing .pricing__02 .planTableItem:nth-child(3) .planTableItem__body--box.add .price {
  font-size: 1.6rem;
}
#pid-feature.pid-feature-pricing .pricing__02 .planTableItem:nth-child(2) .planTableItem__body--box.add .price__num, #pid-feature.pid-feature-pricing .pricing__02 .planTableItem:nth-child(3) .planTableItem__body--box.add .price__num {
  font-size: 2.4rem;
}
#pid-feature .pricingIntro {
  position: relative;
  overflow: hidden;
}
#pid-feature .pricingIntro .pricingIntroAnimeFig {
  position: absolute;
  opacity: -2;
  mix-blend-mode: overlay;
}
#pid-feature .pricingIntro .pricingIntroAnime01--left {
  left: 50%;
  margin-left: -1010px;
  bottom: -40px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .pricingIntro .pricingIntroAnime01--left {
    margin-left: -820px;
    bottom: -90px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .pricingIntro .pricingIntroAnime01--left {
    margin-left: -600px;
    bottom: -140px;
    display: none;
  }
}
#pid-feature .pricingIntro .pricingIntroAnime01--right {
  left: 50%;
  margin-left: 670px;
  top: -410px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .pricingIntro .pricingIntroAnime01--right {
    margin-left: 580px;
    top: -380px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .pricingIntro .pricingIntroAnime01--right {
    margin-left: 400px;
    top: -380px;
  }
}
#pid-feature .pricingIntro .pricingIntroAnime02--left {
  left: 50%;
  margin-left: -430px;
  bottom: -300px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .pricingIntro .pricingIntroAnime02--left {
    margin-left: -430px;
    bottom: -360px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .pricingIntro .pricingIntroAnime02--left {
    margin-left: -340px;
    bottom: -360px;
  }
}
#pid-feature .pricingIntro .pricingIntroAnime02--right {
  left: 50%;
  margin-left: 750px;
  top: -80px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .pricingIntro .pricingIntroAnime02--right {
    margin-left: 650px;
    top: -150px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .pricingIntro .pricingIntroAnime02--right {
    margin-left: 460px;
    top: -180px;
  }
}
#pid-feature .pricingIntro .pricingIntroAnime03--left {
  left: 50%;
  margin-left: -920px;
  bottom: -300px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .pricingIntro .pricingIntroAnime03--left {
    margin-left: -760px;
    bottom: -360px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .pricingIntro .pricingIntroAnime03--left {
    margin-left: -580px;
    bottom: -340px;
  }
}
#pid-feature .pricingIntro .pricingIntroAnime03--right {
  left: 50%;
  margin-left: 550px;
  top: -450px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .pricingIntro .pricingIntroAnime03--right {
    margin-left: 500px;
    top: -400px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .pricingIntro .pricingIntroAnime03--right {
    margin-left: 300px;
    top: -380px;
  }
}
#pid-feature .pricingIntro .topic-path {
  color: #fff;
  margin: 0;
}
#pid-feature .pricingIntro .topic-path ol li .ico, #pid-feature .pricingIntro .topic-path a {
  color: #fff;
}
#pid-feature .pricingIntro {
  padding-top: 15px;
  background-image: url(../img/feature/bg_simple_mv_s.png);
  background-image: url(../img/feature/bg_simple_mv_anime_s.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 330px;
}
@media only screen and (min-width: 768px) {
  #pid-feature .pricingIntro {
    background-image: url(../img/feature/bg_simple_mv_l.png);
    background-image: url(../img/feature/bg_simple_mv_anime_l.png);
    height: 470px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-feature .pricingIntro {
    height: 623px;
  }
}
#pid-feature .pricingIntro__inner {
  max-width: 920px;
  margin: auto;
  padding: 72px 3.125vw 80px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .pricingIntro__inner {
    padding: 96px 0 80px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-feature .pricingIntro__inner {
    padding: 140px 0 180px;
  }
}
#pid-feature .pricingIntro__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#pid-feature .pricingIntro__img {
  text-align: center;
}
#pid-feature .pricingIntro__img__inner {
  display: inline-block;
  position: relative;
  padding: 0 2.2em;
  font-size: 10px;
  font-weight: 500;
  opacity: 0;
  -webkit-transform: translate(0px, 50px);
          transform: translate(0px, 50px);
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .pricingIntro__img__inner {
    padding: 0;
    margin-left: -4%;
  }
}
@media only screen and (min-width: 768px) {
  #pid-feature .pricingIntro__img__inner {
    font-size: 12px;
  }
}
#pid-feature .pricingIntro__img__inner img {
  width: 100%;
}
#pid-feature .pricingIntro__txt {
  margin-top: 12px;
  color: #fff;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate(0px, 50px);
          transform: translate(0px, 50px);
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .pricingIntro__txt {
    margin-top: 16px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-feature .pricingIntro__txt {
    margin-top: 32px;
  }
}
#pid-feature .pricingIntro__txt__copy {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  line-height: 1.8;
  letter-spacing: 0.12em;
  font-size: 1.3rem;
}
@media only screen and (min-width: 768px) {
  #pid-feature .pricingIntro__txt__copy {
    line-height: 2.2;
    font-size: 1.6rem;
    text-align: center;
  }
}
#pid-feature .js_scrolltip {
  position: relative;
  overflow-x: auto;
}
@media only screen and (max-width: 1099px) {
  #pid-feature .js_scrolltip {
    overflow-x: auto;
  }
  #pid-feature .js_scrolltip .prisingPlanTable {
    min-width: 840px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .js_scrolltip .prisingPlanTable {
    min-width: 1000px;
  }
}
#pid-feature .scrollHint {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  pointer-events: none;
}
#pid-feature .scrollHint * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (min-width: 1080px) {
  #pid-feature .scrollHint {
    display: none;
  }
}
#pid-feature .scrollHint_icon {
  width: 120px;
  height: 80px;
  position: absolute;
  top: 360px;
  left: 0;
  right: 0;
  margin: auto;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  line-height: 1;
  font-size: 1rem;
  padding: 10px;
  border-radius: 5px;
}
#pid-feature .scrollHint_icon i {
  font-size: 4rem;
  -webkit-animation: movearrow 1s ease-out infinite;
          animation: movearrow 1s ease-out infinite;
  position: relative;
}
#pid-feature .scrollHint_icon i::before {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  display: inline-block;
}
@-webkit-keyframes movearrow {
  0% {
    left: 0;
  }
  25% {
    left: 6px;
  }
  50% {
    left: 0;
  }
  75% {
    left: -4px;
  }
  100% {
    left: 0;
  }
}
@keyframes movearrow {
  0% {
    left: 0;
  }
  25% {
    left: 6px;
  }
  50% {
    left: 0;
  }
  75% {
    left: -4px;
  }
  100% {
    left: 0;
  }
}
#pid-feature .pr_badge {
  display: inline-block;
  font-size: 1.4rem;
  padding: 0.4em 0.8em;
  line-height: 1.4rem;
  margin-left: 8px;
  background: #666;
  color: #fff;
  vertical-align: middle;
}
#pid-feature.pid-feature-wpreasons .main-header {
  margin-bottom: 0;
}
#pid-feature.pid-feature-wpreasons .main {
  background: #F0F2F8;
  margin-bottom: 0;
}
#pid-feature .wpreasonsIntro {
  position: relative;
}
#pid-feature .wpreasonsIntro__mv {
  position: relative;
  padding-top: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (min-width: 768px) {
  #pid-feature .wpreasonsIntro__mv {
    height: 540px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-feature .wpreasonsIntro__mv {
    background: url(../img/feature/bg_wpreasons_mv_l.png) no-repeat top center/cover;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsIntro__mv {
    background: url(../img/feature/bg_wpreasons_mv_m.png) no-repeat top center/cover;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsIntro__mv {
    background: url(../img/feature/bg_wpreasons_mv_s.png) no-repeat top center/cover;
    padding-bottom: 30px;
  }
}
#pid-feature .wpreasonsIntro .topic-path {
  color: #fff;
  margin: 0;
  text-shadow: 0 0 5px #2856bc;
}
#pid-feature .wpreasonsIntro .topic-path ol li .ico, #pid-feature .wpreasonsIntro .topic-path a {
  color: #fff;
}
#pid-feature .wpreasonsIntro__inner {
  position: relative;
  padding: 84px 3.125vw;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsIntro__inner {
    padding: 80px 3.125vw;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsIntro__inner {
    padding: 40px 6vw;
  }
}
#pid-feature .wpreasonsIntro__ttl {
  text-align: center;
}
#pid-feature .wpreasonsIntro__ttl img {
  max-width: 100%;
}
#pid-feature .wpreasonsNav {
  -webkit-filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.05));
          filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.05));
}
@media only screen and (min-width: 768px) {
  #pid-feature .wpreasonsNav {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 800px;
    padding: 0 24px;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
    margin: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsNav {
    position: relative;
    width: 93.75%;
    margin: -24px auto auto;
  }
}
#pid-feature .wpreasonsNav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsNav__list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
#pid-feature .wpreasonsNav__item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (min-width: 768px) {
  #pid-feature .wpreasonsNav__item {
    text-align: center;
    position: relative;
    width: 20%;
  }
  #pid-feature .wpreasonsNav__item + .wpreasonsNav__item::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 1px;
    height: calc(100% - 16px);
    background: #eee;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsNav__item {
    width: 50%;
  }
  #pid-feature .wpreasonsNav__item:nth-child(even) {
    border-left: 1px solid #ddd;
  }
  #pid-feature .wpreasonsNav__item:nth-child(n+3) {
    border-top: 1px solid #ddd;
  }
}
#pid-feature .wpreasonsNav__item__link {
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: 0.1s ease-out;
  transition: 0.1s ease-out;
  position: relative;
  background: #fff;
}
@media only screen and (min-width: 1100px) {
  #pid-feature .wpreasonsNav__item__link {
    padding: 16px 16px 32px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsNav__item__link {
    padding: 16px 12px 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsNav__item__link {
    padding: 20px 24px 20px 12px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
#pid-feature .wpreasonsNav__item__link:hover {
  background: #f5f9ff;
}
@media only screen and (min-width: 768px) {
  #pid-feature .wpreasonsNav__item__link:hover::after {
    -webkit-transform: translateY(20%);
            transform: translateY(20%);
  }
}
#pid-feature .wpreasonsNav__item__link::after {
  content: "\e604";
  display: inline-block;
  position: absolute;
  color: #B3CBD5;
  -webkit-transition: 0.1s ease-out;
  transition: 0.1s ease-out;
}
@media only screen and (min-width: 1100px) {
  #pid-feature .wpreasonsNav__item__link::after {
    bottom: 6%;
    left: 0;
    right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsNav__item__link::after {
    bottom: 3%;
    left: 0;
    right: 0;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsNav__item__link::after {
    right: 4%;
  }
}
#pid-feature .wpreasonsNav__item__num {
  font-size: 20px;
  font-weight: bold;
  color: #1b63a7;
  line-height: 1;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsNav__item__num {
    font-size: 18px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsNav__item__num {
    font-size: 14px;
    margin-right: 8px;
  }
}
#pid-feature .wpreasonsNav__item__img {
  margin-bottom: 2px;
  margin-top: -4px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsNav__item__img {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsNav__item__img {
    display: none;
  }
}
#pid-feature .wpreasonsNav__item__img img {
  max-width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsNav__item__img img {
    width: 60px;
  }
}
#pid-feature .wpreasonsNav__item__txt {
  font-size: 16px;
  font-weight: bold;
  color: #2f334c;
  line-height: 1;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsNav__item__txt {
    font-size: 14px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsNav__item__txt {
    font-size: 14px;
  }
}
#pid-feature .wpreasonsSec {
  padding: 72px 0 0;
}
#pid-feature .wpreasonsSec:first-of-type {
  padding-top: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsSec {
    padding: 64px 0 0;
  }
  #pid-feature .wpreasonsSec:first-of-type {
    padding-top: 96px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsSec {
    padding: 56px 0 0;
  }
  #pid-feature .wpreasonsSec:first-of-type {
    padding-top: 80px;
  }
}
#pid-feature .wpreasonsSec__ttl {
  margin-bottom: 48px;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsSec__ttl {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsSec__ttl {
    margin-bottom: 32px;
  }
}
#pid-feature .wpreasonsSec__ttl__num {
  display: block;
  color: #2468CB;
  word-spacing: -0.2em;
}
#pid-feature .wpreasonsSec__ttl__num__txt01 {
  font-size: 1.8rem;
}
@media only screen and (min-width: 1100px) {
  #pid-feature .wpreasonsSec__ttl__num__txt01 {
    font-size: 2rem;
  }
}
#pid-feature .wpreasonsSec__ttl__num__txt01 {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  display: inline-block;
}
#pid-feature .wpreasonsSec__ttl__num__txt02 {
  font-size: 2.2rem;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsSec__ttl__num__txt02 {
    font-size: 2.4rem;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-feature .wpreasonsSec__ttl__num__txt02 {
    font-size: 3.2rem;
  }
}
#pid-feature .wpreasonsSec__ttl__num__txt02 {
  letter-spacing: -0.03em;
}
#pid-feature .wpreasonsSec__ttl__sub {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 20px;
  background: #2468CB;
  color: #fff;
  padding: 8px 16px 7px;
  font-size: 2.2rem;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsSec__ttl__sub {
    font-size: 2.4rem;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-feature .wpreasonsSec__ttl__sub {
    font-size: 3.2rem;
  }
}
#pid-feature .wpreasonsSec__ttl__sub {
  line-height: 1;
}
#pid-feature .wpreasonsSec__ttl__main {
  font-size: 44px;
  display: inline-block;
  font-weight: bold;
  line-height: 1.3;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsSec__ttl__main {
    font-size: 36px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsSec__ttl__main {
    font-size: 28px;
  }
}
#pid-feature .wpreasonsSec__ttl__main__em {
  color: #2468CB;
}
#pid-feature .wpreasonsSec__lead {
  font-size: 18px;
  margin-bottom: 40px;
  text-align: center;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsSec__lead {
    font-size: 16px;
    margin-bottom: 32px;
  }
}
#pid-feature .wpreasonsSec__txt {
  text-align: center;
  font-size: 20px;
  line-height: 2;
  position: relative;
  font-weight: bold;
  margin: 56px auto 88px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsSec__txt {
    font-size: 18px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsSec__txt {
    font-size: 16px;
    margin: 40px auto 64px;
  }
}
#pid-feature .wpreasonsSec__txt::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -48px;
  margin: auto;
  width: 74px;
  height: 34px;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  background: #2468CB;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsSec__txt::after {
    bottom: -40px;
  }
}
#pid-feature .wpreasonsSec__txt__em {
  color: #2468CB;
  font-size: 22px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsSec__txt__em {
    font-size: 20px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsSec__txt__em {
    font-size: 18px;
  }
}
#pid-feature .wpreasonsSec img {
  max-width: 100%;
  height: auto;
}
#pid-feature .wpreasonsBlock {
  margin-top: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsBlock {
    margin-top: 72px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsBlock {
    margin-top: 64px;
  }
}
#pid-feature .wpreasonsBlock__ttl {
  font-size: 32px;
  color: #2468CB;
  font-weight: bold;
  margin-bottom: 40px;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsBlock__ttl {
    font-size: 28px;
    margin-bottom: 32px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsBlock__ttl {
    font-size: 24px;
    margin-bottom: 24px;
  }
}
#pid-feature .wpreasonsShare {
  padding: 56px 64px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
  border: 1px solid #ddd;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsShare {
    padding: 32px 16px;
  }
}
#pid-feature .wpreasonsShare__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 768px) {
  #pid-feature .wpreasonsShare__body {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap: 56px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsShare__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsShare__body__img--no1 {
    max-width: 240px;
    margin: 0 23%;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsShare__body__img--graph {
    max-width: 400px;
    margin-left: 12%;
  }
}
#pid-feature .wpreasonsAchieve {
  display: grid;
}
@media only screen and (min-width: 768px) {
  #pid-feature .wpreasonsAchieve {
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    max-width: 88%;
    margin: auto;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsAchieve {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }
}
#pid-feature .wpreasonsAchieve__item__body {
  border: 1px solid #ddd;
  padding: 36px 28px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  background: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsAchieve__item__body {
    padding: 32px 24px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsAchieve__item__body {
    padding: 24px 16px;
  }
}
#pid-feature .wpreasonsAchieve__item__ttl img {
  width: 100%;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsAchieve__item__ttl img {
    max-width: 140px;
  }
}
#pid-feature .wpreasonsResult {
  margin-top: 64px;
  padding: 96px 0 64px;
  background: #2468CB;
  position: relative;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsResult {
    margin-top: 56px;
    padding: 80px 0 56px;
  }
}
#pid-feature .wpreasonsResult::before {
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
  margin: auto;
  width: 120px;
  height: 40px;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  background: #F0F2F8;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsResult::before {
    width: 99.6px;
    height: 33.2px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsResult::before {
    width: 90px;
    height: 30px;
  }
}
#pid-feature .wpreasonsResult__catch {
  font-size: 32px;
  text-align: center;
  padding: 40px 0 24px;
  font-weight: bold;
  color: #fff;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsResult__catch {
    font-size: 24px;
    padding: 32px 0 20px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsResult__catch {
    font-size: 22px;
    padding: 24px 0 16px;
  }
}
#pid-feature .wpreasonsResult__catch::before {
  text-align: center;
  content: "\e60d";
  display: block;
  color: #2468CB;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 8px;
  background: #fff;
  border-radius: 100%;
  padding: 10px;
  font-size: 90%;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsResult__catch::before {
    padding: 6px;
  }
}
#pid-feature .wpreasonsResult__catch__em {
  color: #FFE718;
  background-image: radial-gradient(circle at center, #FFE718 20%, transparent 20%);
  background-position: top right;
  background-repeat: repeat-x;
  background-size: 1em 0.3em;
  padding-top: 0.3em;
}
#pid-feature .wpreasonsResult__content01 {
  padding: 80px 64px 72px;
  position: relative;
  border-top: solid 12px #FFE718;
  background: #fff;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsResult__content01 {
    padding: 56px 24px 48px;
  }
}
#pid-feature .wpreasonsResult__content01__top {
  position: absolute;
  top: -6px;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: auto;
  z-index: 1;
  color: #2468CB;
  font-size: 2rem;
}
@media only screen and (min-width: 1100px) {
  #pid-feature .wpreasonsResult__content01__top {
    font-size: 2.4rem;
  }
}
#pid-feature .wpreasonsResult__content01__top {
  font-weight: bold;
  background: #FFE718;
  padding: 17px 40px 16px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 1;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsResult__content01__top {
    padding: 13px 32px 12px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsResult__content01__top {
    padding: 9px 24px 8px;
    font-size: 18px;
  }
}
#pid-feature .wpreasonsResult__content01__ttl {
  font-size: 40px;
  margin-bottom: 56px;
  font-weight: bold;
  text-align: center;
  color: #2468CB;
  line-height: 1.5;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsResult__content01__ttl {
    font-size: 32px;
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsResult__content01__ttl {
    font-size: 24px;
    margin-bottom: 32px;
  }
}
#pid-feature .wpreasonsResult__content01__ttl__line {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(75%, transparent), color-stop(0%, #FFE718));
  background: linear-gradient(transparent 75%, #FFE718 0%);
}
#pid-feature .wpreasonsResult__content01__body {
  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;
  gap: 24px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsResult__content01__body {
    gap: 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
#pid-feature .wpreasonsResult__content01__body__main {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 0;
}
#pid-feature .wpreasonsResult__content01__body__txt {
  font-size: 18px;
  margin-bottom: 0;
  line-height: 2;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsResult__content01__body__txt {
    font-size: 16px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsResult__content01__body__txt {
    font-size: 14px;
    text-align: left;
  }
}
#pid-feature .wpreasonsResult__content01__body__txt + .wpreasonsResult__content01__body__txt {
  margin-top: 24px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsResult__content01__body__txt + .wpreasonsResult__content01__body__txt {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsResult__content01__body__txt + .wpreasonsResult__content01__body__txt {
    margin-top: 16px;
  }
}
#pid-feature .wpreasonsResult__content01__body__txt strong {
  color: #ff5400;
}
#pid-feature .wpreasonsResult__content01__body__bnr {
  margin-top: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsResult__content01__body__bnr {
    margin-top: 32px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsResult__content01__body__bnr {
    margin-top: 24px;
    text-align: center;
  }
}
#pid-feature .wpreasonsResult__content01__body__bnr__link {
  -webkit-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out;
}
#pid-feature .wpreasonsResult__content01__body__bnr__link:hover {
  opacity: 0.8;
}
#pid-feature .wpreasonsResult__content01__body__img {
  text-align: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsResult__content01__body__img img {
    width: 260px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsResult__content01__body__img img {
    max-height: 180px;
    width: auto;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsResult__content01__body__img--small img {
    max-height: 130px;
  }
}
#pid-feature .wpreasonsResult__content02 {
  padding: 72px 32px 56px;
  position: relative;
  background: #fff;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsResult__content02 {
    padding: 48px 24px 40px;
  }
}
#pid-feature .wpreasonsResult__content02::before {
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
  margin: auto;
  width: 120px;
  height: 40px;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  background: #2468CB;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsResult__content02::before {
    width: 99.6px;
    height: 33.2px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsResult__content02::before {
    width: 90px;
    height: 30px;
  }
}
#pid-feature .wpreasonsResult__content02__txt {
  line-height: 2;
}
#pid-feature .wpreasonsResult__content02__top {
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
  margin: auto;
  width: 120px;
  height: 40px;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  background: #2468CB;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsResult__content02__top {
    width: 99.6px;
    height: 33.2px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsResult__content02__top {
    width: 90px;
    height: 30px;
  }
}
#pid-feature .wpreasonsResult__content02__cont:first-child {
  margin-bottom: 60px;
}
#pid-feature .wpreasonsResult__content02__cont--xwrite .wpreasonsResult__content02__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (min-width: 768px) {
  #pid-feature .wpreasonsResult__content02__cont--xwrite .wpreasonsResult__content02__body {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 40px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsResult__content02__cont--xwrite .wpreasonsResult__content02__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#pid-feature .wpreasonsResult__content02__cont--xwrite .wpreasonsResult__content02__btnWrap {
  margin-top: 24px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsResult__content02__cont--xwrite .wpreasonsResult__content02__btnWrap {
    text-align: center;
  }
}
#pid-feature .wpreasonsResult__content02__cont--xwrite .wpreasonsResult__content02__btnWrap .wpreasonsBtn::after {
  display: none;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsResult__content02__cont--xwrite .wpreasonsResult__content02__img {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    margin: 0 auto 24px;
  }
}
#pid-feature .wpreasonsResult__content02__ttl {
  font-size: 32px;
  margin-bottom: 48px;
  font-weight: bold;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsResult__content02__ttl {
    font-size: 24px;
    margin-bottom: 32px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsResult__content02__ttl {
    font-size: 18px;
    margin-bottom: 24px;
  }
}
#pid-feature .wpreasonsResult__content02__ttl__em {
  color: #2468CB;
}
#pid-feature .wpreasonsResult__content02__body .xwrite-pr__visual {
  max-width: 360px;
}
#pid-feature .wpreasonsResult__content02__body__txt {
  font-size: 18px;
  margin-bottom: 0;
  line-height: 2;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsResult__content02__body__txt {
    font-size: 16px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsResult__content02__body__txt {
    font-size: 14px;
    text-align: left;
  }
}
#pid-feature .wpreasonsResult__content02__body__txt + .wpreasonsResult__content01__body__txt {
  margin-top: 24px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsResult__content02__body__txt + .wpreasonsResult__content01__body__txt {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsResult__content02__body__txt + .wpreasonsResult__content01__body__txt {
    margin-top: 16px;
  }
}
#pid-feature .wpreasonsResult__content02__body__txt strong {
  color: #ff5400;
}
#pid-feature .wpreasonsResult__content02__body__btnWrap {
  text-align: center;
  margin-top: 48px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsResult__content02__body__btnWrap {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsResult__content02__body__btnWrap {
    margin-top: 32px;
  }
}
#pid-feature .wpreasonsResult__content02__img {
  border: 1px solid #ddd;
  max-width: 420px;
  width: 100%;
  height: auto;
}
#pid-feature .wpreasonsResult__content02__note {
  font-size: 14px;
}
#pid-feature .wpreasonsNote {
  margin-top: 8px;
}
#pid-feature .wpreasonsNote--black .wpreasonsNote__item {
  color: #2f334c;
}
#pid-feature .wpreasonsNote--black .wpreasonsNote__item a {
  color: #2f334c;
}
#pid-feature .wpreasonsNote--black .wpreasonsNote__item a[target=_blank]::after {
  background-image: url(../img/common/ico_blank_black.svg);
}
#pid-feature .wpreasonsNote__item {
  color: #fff;
  font-size: 12px;
  position: relative;
  text-indent: -2em;
  padding-left: 2em;
}
#pid-feature .wpreasonsNote__item__num {
  margin-right: 4px;
}
#pid-feature .wpreasonsNote__item a {
  color: #fff;
  -webkit-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out;
}
#pid-feature .wpreasonsNote__item a:hover {
  opacity: 0.8;
}
#pid-feature .wpreasonsNote__item a[target=_blank]::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url(../img/common/ico_blank_white.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0 3px;
  vertical-align: text-top;
}
#pid-feature .wpreasonsNote02 {
  margin-top: 8px;
}
#pid-feature .wpreasonsNote02__item {
  color: #2f334c;
  font-size: 12px;
  position: relative;
  text-indent: -1em;
  padding-left: 1em;
}
#pid-feature .wpreasonsTheme {
  margin-bottom: 40px;
  display: grid;
  gap: 8px;
}
@media only screen and (min-width: 1100px) {
  #pid-feature .wpreasonsTheme {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsTheme {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsTheme {
    gap: 16px;
  }
}
#pid-feature .wpreasonsTheme__item {
  text-align: center;
  position: relative;
  word-break: break-all;
}
@media only screen and (min-width: 768px) {
  #pid-feature .wpreasonsTheme__item {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 4;
    row-gap: 0;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsTheme__item {
    max-width: 400px;
    margin: auto;
  }
}
#pid-feature .wpreasonsTheme__item__label {
  background: #2468CB;
  display: inline-block;
  padding: 1px 8px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  color: #fff;
  font-weight: bold;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 12px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsTheme__item__label {
    font-size: 13px;
  }
}
#pid-feature .wpreasonsTheme__item__img {
  border: 1px solid #ddd;
  margin: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#pid-feature .wpreasonsTheme__item__body {
  padding: 16px;
  border: 1px solid #ddd;
  border-top: none;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto;
}
@media only screen and (min-width: 768px) {
  #pid-feature .wpreasonsTheme__item__body {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 3;
  }
}
#pid-feature .wpreasonsTheme__item__ttl {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 8px;
  -ms-flex-item-align: center;
      align-self: center;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsTheme__item__ttl {
    font-size: 20px;
  }
}
#pid-feature .wpreasonsTheme__item__txt {
  font-size: 12px;
  margin-bottom: 16px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsTheme__item__txt {
    font-size: 13px;
  }
}
#pid-feature .wpreasonsTheme__item__txt__small {
  font-size: 10px;
}
#pid-feature .wpreasonsTheme__item__cpBalloon {
  display: inline-block;
  background: #ff5400;
  color: #fff;
  text-align: center;
  font-size: 12px;
  padding: 0 12px;
  margin-bottom: 8px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}
#pid-feature .wpreasonsTheme__item__cpBalloon::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 1px;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  margin: auto;
  width: 10px;
  height: 6px;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  background: inherit;
}
#pid-feature .wpreasonsTheme__item__priceArea {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
#pid-feature .wpreasonsTheme__item__priceRow {
  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;
}
#pid-feature .wpreasonsTheme__item__purchase {
  font-size: 11px;
  border: 1px solid #2468CB;
  padding: 0 3px;
  color: #2468CB;
  margin-right: 8px;
}
#pid-feature .wpreasonsTheme__item__price {
  color: #2468CB;
  font-weight: bold;
  font-size: 15px;
}
#pid-feature .wpreasonsTheme__item__price--default {
  color: #888;
  font-size: 12px;
  margin-left: 6px;
}
#pid-feature .wpreasonsTheme__item__price--cp {
  color: #ff5400;
}
#pid-feature .wpreasonsSpecialist {
  margin-top: 184px;
  border: 4px solid #fff;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsSpecialist {
    margin-top: 176px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsSpecialist {
    margin-top: 168px;
  }
}
#pid-feature .wpreasonsSpecialist__inner {
  padding: 0 40px 72px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsSpecialist__inner {
    padding: 0 32px 64px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsSpecialist__inner {
    padding: 0 16px 56px;
  }
}
#pid-feature .wpreasonsSpecialist__ttl {
  text-align: center;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: -136px auto 0;
  max-width: 98%;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsSpecialist__ttl {
    margin: -104px auto 0;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsSpecialist__ttl {
    margin: -82px auto 0;
  }
}
#pid-feature .wpreasonsSpecialist__ttl__sub {
  display: inline-block;
  font-size: 24px;
  color: #2468CB;
  padding: 8px 24px 6px;
  margin: 0 auto 24px;
  background: #fff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsSpecialist__ttl__sub {
    font-size: 20px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsSpecialist__ttl__sub {
    font-size: 16px;
    padding: 4px 8px;
    margin-bottom: 8px;
  }
}
#pid-feature .wpreasonsSpecialist__ttl__main {
  font-size: 32px;
  padding: 0 32px;
  margin: 0 auto;
  background: #2468CB;
  display: inline-block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 1.5;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsSpecialist__ttl__main {
    font-size: 24px;
    padding: 0 24px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsSpecialist__ttl__main {
    font-size: 20px;
    padding: 0 8px;
  }
}
#pid-feature .wpreasonsSpecialist__ttl__main__em {
  color: #FFE718;
}
#pid-feature .wpreasonsSpecialist__lead {
  font-size: 16px;
  line-height: 2;
  color: #fff;
  margin: 48px 0 0;
}
@media only screen and (min-width: 768px) {
  #pid-feature .wpreasonsSpecialist__lead {
    text-align: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsSpecialist__lead {
    margin: 40px 0 0;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsSpecialist__lead {
    margin: 32px 0 0;
    font-size: 14px;
  }
}
#pid-feature .wpreasonsSpecialist__lead strong {
  color: #FFE718;
}
#pid-feature .wpreasonsSpecialist__card {
  display: grid;
  gap: 12px;
  margin-top: 48px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsSpecialist__card {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsSpecialist__card {
    margin-top: 32px;
  }
}
@media only screen and (min-width: 768px) {
  #pid-feature .wpreasonsSpecialist__card {
    grid-template-columns: repeat(3, 1fr);
  }
}
#pid-feature .wpreasonsSpecialist__card__item {
  padding: 24px 16px 32px;
  background: #fff;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsSpecialist__card__item {
    padding: 16px 16px 24px;
  }
}
#pid-feature .wpreasonsSpecialist__card__img {
  text-align: center;
}
#pid-feature .wpreasonsSpecialist__card__ttl {
  font-size: 18px;
  color: #2468CB;
  text-align: center;
  margin-top: 24px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsSpecialist__card__ttl {
    margin-top: 16px;
  }
}
#pid-feature .wpreasonsSpecialist__card__body {
  margin-top: 24px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsSpecialist__card__body {
    margin-top: 16px;
  }
}
#pid-feature .wpreasonsSpecialist__card__txt {
  font-size: 14px;
  margin-bottom: 0;
}
#pid-feature .wpreasonsSpecialist__card__txt + .wpreasonsSpecialist__card__txt {
  margin-top: 16px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsSpecialist__card__txt + .wpreasonsSpecialist__card__txt {
    margin-top: 12px;
  }
}
#pid-feature .wpreasonsSpecialist__card__txt strong {
  color: #FF5400;
}
#pid-feature .wpreasonsSpecialist__theme {
  background: #fff;
  padding: 48px 64px 56px;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsSpecialist__theme {
    padding: 40px 40px 48px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsSpecialist__theme {
    padding: 40px 24px 24px;
  }
}
#pid-feature .wpreasonsSpecialist__theme::before {
  text-align: center;
  content: "\e60d";
  display: block;
  color: #2468CB;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 8px;
  background: #fff;
  border-radius: 100%;
  padding: 10px;
  font-size: 24px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsSpecialist__theme::before {
    padding: 6px;
  }
}
#pid-feature .wpreasonsSpecialist__theme__catch {
  color: #2468CB;
  font-weight: bold;
  text-align: center;
  font-size: 32px;
  margin-bottom: 48px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsSpecialist__theme__catch {
    font-size: 24px;
    margin-bottom: 32px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsSpecialist__theme__catch {
    font-size: 18px;
    margin-bottom: 16px;
  }
}
#pid-feature .wpreasonsSpecialist__theme__catch__em {
  background-image: radial-gradient(circle at center, #2468CB 20%, transparent 20%);
  background-position: top right;
  background-repeat: repeat-x;
  background-size: 1em 0.3em;
  padding-top: 0.3em;
}
#pid-feature .wpreasonsSpecialist__theme__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (min-width: 768px) {
  #pid-feature .wpreasonsSpecialist__theme__body {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 40px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsSpecialist__theme__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsSpecialist__theme__detail {
    display: contents;
  }
}
#pid-feature .wpreasonsSpecialist__theme__img {
  text-align: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsSpecialist__theme__img {
    width: 40%;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsSpecialist__theme__img {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    margin-top: 16px;
  }
}
#pid-feature .wpreasonsSpecialist__theme__img img {
  max-width: 420px;
  width: 100%;
}
#pid-feature .wpreasonsSpecialist__theme__ttl {
  font-size: 24px;
  line-height: 1.5;
}
#pid-feature .wpreasonsSpecialist__theme__ttl__em {
  color: #2468CB;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsSpecialist__theme__ttl {
    font-size: 22px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsSpecialist__theme__ttl {
    -webkit-box-ordinal-group: -1;
        -ms-flex-order: -2;
            order: -2;
    font-size: 20px;
    text-align: center;
  }
}
#pid-feature .wpreasonsSpecialist__theme__txt {
  font-size: 16px;
  margin: 32px 0 0;
  line-height: 2;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsSpecialist__theme__txt {
    margin: 24px 0 0;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsSpecialist__theme__txt {
    margin: 16px 0 0;
    font-size: 14px;
  }
}
#pid-feature .wpreasonsSpecialist__theme__txt strong {
  color: #FF5400;
}
#pid-feature .wpreasonsSpecialist__theme__txt__em {
  color: #2468CB;
  font-weight: bold;
}
#pid-feature .wpreasonsSpecialist__theme__btnWrap {
  text-align: right;
  margin-top: 24px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsSpecialist__theme__btnWrap {
    margin-top: 16px;
  }
}
#pid-feature .wpreasonsOrderBox {
  max-width: 800px;
  width: 100%;
  border: 3px solid #ddd;
  padding: 40px;
  position: relative;
  text-align: center;
  margin: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsOrderBox {
    padding: 40px 32px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsOrderBox {
    padding: 32px 8px 24px;
  }
}
#pid-feature .wpreasonsOrderBox__ttl {
  font-size: 20px;
  position: absolute;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  top: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: #fff;
  margin: auto;
  padding: 0px 12px;
  font-weight: bold;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsOrderBox__ttl {
    font-size: 18px;
  }
}
#pid-feature .wpreasonsOrderLead {
  font-size: 16px;
  line-height: 2;
  text-align: center;
  margin: 0;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsOrderLead {
    font-size: 14px;
  }
}
#pid-feature .wpreasonsOrderLead strong {
  color: #FF5400;
}
#pid-feature .wpreasonsOrderFlow {
  background: #EFF4F8;
  padding: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsOrderFlow {
    padding: 32px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsOrderFlow {
    padding: 24px 16px;
  }
}
@media only screen and (min-width: 768px) {
  #pid-feature .wpreasonsOrderFlow__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
#pid-feature .wpreasonsOrderFlow__item {
  text-align: center;
}
@media only screen and (min-width: 768px) {
  #pid-feature .wpreasonsOrderFlow__item {
    width: 100%;
    max-width: 248px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsOrderFlow__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsOrderFlow__head {
    width: 20%;
  }
}
#pid-feature .wpreasonsOrderFlow__step {
  font-size: 20px;
  font-weight: bold;
  color: #2468CB;
  margin-bottom: 4px;
  display: block;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsOrderFlow__step {
    font-size: 18px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsOrderFlow__step {
    font-size: 12px;
    margin-bottom: 0;
  }
}
#pid-feature .wpreasonsOrderFlow__step__num {
  font-size: 28px;
  margin-left: 2px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsOrderFlow__step__num {
    font-size: 24px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsOrderFlow__step__num {
    font-size: 16px;
  }
}
#pid-feature .wpreasonsOrderFlow__img {
  background: #fff;
  text-align: center;
  padding: 32px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsOrderFlow__img {
    padding: 24px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsOrderFlow__img {
    padding: 14%;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsOrderFlow__body {
    margin-left: 5%;
    width: 75%;
    padding-top: 24px;
  }
}
#pid-feature .wpreasonsOrderFlow__ttl {
  font-size: 22px;
  margin-bottom: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsOrderFlow__ttl {
    font-size: 18px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsOrderFlow__ttl {
    font-size: 16px;
    margin-bottom: 8px;
    text-align: left;
  }
}
#pid-feature .wpreasonsOrderFlow__txt {
  font-size: 14px;
  text-align: left;
  margin-bottom: 0;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsOrderFlow__txt {
    font-size: 13px;
  }
}
#pid-feature .wpreasonsOrderFlow__note {
  position: relative;
}
@media only screen and (min-width: 1100px) {
  #pid-feature .wpreasonsOrderFlow__note {
    margin: 100px 24px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsOrderFlow__note {
    margin: 80px 24px 0;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsOrderFlow__note {
    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;
    width: 20%;
    margin: 12px 0;
  }
}
#pid-feature .wpreasonsOrderFlow__note::before {
  display: block;
  content: "";
  width: 24px;
  height: 56px;
  clip-path: polygon(0% 0%, 0% 100%, 100% 50%);
  background: #8AB8FA;
  margin: auto;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsOrderFlow__note::before {
    width: 32px;
    height: 16px;
    clip-path: polygon(0 0, 50% 100%, 100% 0);
    margin: 4px auto 0;
  }
}
#pid-feature .wpreasonsOrderFlow__note__txt {
  font-size: 13px;
  color: #2468CB;
  margin: 8px 0 0;
  text-align: center;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsOrderFlow__note__txt {
    margin: 0;
    font-size: 11px;
    line-height: 1.2;
  }
}
#pid-feature .wpreasonsOrderFlow02 {
  background: #EFF4F8;
  padding: 40px;
}
@media only screen and (min-width: 768px) {
  #pid-feature .wpreasonsOrderFlow02 {
    margin-bottom: 56px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsOrderFlow02 {
    padding: 32px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsOrderFlow02 {
    padding: 24px 16px;
  }
}
#pid-feature .wpreasonsOrderFlow02__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (min-width: 768px) {
  #pid-feature .wpreasonsOrderFlow02__list {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 16px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsOrderFlow02__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 44px;
  }
}
#pid-feature .wpreasonsOrderFlow02__item {
  text-align: center;
  position: relative;
}
@media only screen and (min-width: 768px) {
  #pid-feature .wpreasonsOrderFlow02__item {
    width: 100%;
    max-width: 180px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsOrderFlow02__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
#pid-feature .wpreasonsOrderFlow02__item + .wpreasonsOrderFlow02__item .wpreasonsOrderFlow02__head {
  position: relative;
}
#pid-feature .wpreasonsOrderFlow02__item + .wpreasonsOrderFlow02__item .wpreasonsOrderFlow02__head::before {
  display: block;
  content: "";
  width: 16px;
  height: 40px;
  clip-path: polygon(0% 0%, 0% 100%, 100% 50%);
  background: #84CCEF;
  margin: auto;
  position: absolute;
}
@media only screen and (min-width: 768px) {
  #pid-feature .wpreasonsOrderFlow02__item + .wpreasonsOrderFlow02__item .wpreasonsOrderFlow02__head::before {
    left: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    top: 54%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsOrderFlow02__item + .wpreasonsOrderFlow02__item .wpreasonsOrderFlow02__head::before {
    width: 12px;
    height: 36px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsOrderFlow02__item + .wpreasonsOrderFlow02__item .wpreasonsOrderFlow02__head::before {
    width: 32px;
    height: 16px;
    clip-path: polygon(0 0, 50% 100%, 100% 0);
    left: 0;
    right: 0;
    top: -28px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsOrderFlow02__head {
    width: 20%;
  }
}
#pid-feature .wpreasonsOrderFlow02__step {
  font-size: 16px;
  font-weight: bold;
  color: #1F8BBF;
  margin-bottom: 4px;
  display: block;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsOrderFlow02__step {
    font-size: 14px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsOrderFlow02__step {
    font-size: 12px;
    margin-bottom: 0;
  }
}
#pid-feature .wpreasonsOrderFlow02__step__num {
  font-size: 24px;
  margin-left: 2px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsOrderFlow02__step__num {
    font-size: 20px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsOrderFlow02__step__num {
    font-size: 16px;
  }
}
#pid-feature .wpreasonsOrderFlow02__img {
  background: #fff;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 20px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsOrderFlow02__img {
    margin: 0 auto;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsOrderFlow02__body {
    margin-left: 5%;
    width: 75%;
    padding-top: 24px;
  }
}
#pid-feature .wpreasonsOrderFlow02__ttl {
  font-size: 18px;
  margin-bottom: 8px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsOrderFlow02__ttl {
    font-size: 16px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsOrderFlow02__ttl {
    font-size: 16px;
    margin-bottom: 4px;
    text-align: left;
  }
}
#pid-feature .wpreasonsOrderFlow02__txt {
  font-size: 13px;
  text-align: left;
  margin-bottom: 0;
}
#pid-feature .wpreasonsOrderAttention {
  padding: 32px 40px;
  background: #EFF4F8;
  border: 3px solid #2468CB;
  width: 100%;
  max-width: 800px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsOrderAttention {
    padding: 24px;
  }
}
#pid-feature .wpreasonsOrderAttention__ttl {
  font-size: 24px;
  margin: 0 auto 24px;
  text-align: center;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-left: 1.2em;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsOrderAttention__ttl {
    font-size: 22px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsOrderAttention__ttl {
    font-size: 18px;
    margin: 0 auto 16px;
  }
}
#pid-feature .wpreasonsOrderAttention__ttl::before {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 22px;
  height: 20px;
  background: url(../img/feature/ico_wpreasons_order_attention.svg) no-repeat center center/contain;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsOrderAttention__ttl::before {
    width: 17.6px;
    height: 16px;
    top: -3px;
  }
}
#pid-feature .wpreasonsOrderAttention__list {
  margin: auto;
  max-width: 590px;
  width: 100%;
  list-style: disc;
  padding-left: 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#pid-feature .wpreasonsOrderAttention__item {
  font-size: 16px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsOrderAttention__item {
    font-size: 14px;
  }
}
#pid-feature .wpreasonsOrderAttention__item + .wpreasonsOrderAttention__item {
  margin-top: 8px;
}
#pid-feature .wpreasonsFaq {
  background: #DAE8FC;
  padding: 72px 0;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsFaq {
    padding: 64px 0;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsFaq {
    padding: 56px 0;
  }
}
#pid-feature .wpreasonsFaq__item {
  background: #fff;
  border-radius: 3px;
}
#pid-feature .wpreasonsFaq__item + .wpreasonsFaq__item {
  margin-top: 16px;
}
#pid-feature .wpreasonsFaq__question {
  padding: 40px 88px;
  font-size: 1.8rem;
}
@media only screen and (min-width: 1100px) {
  #pid-feature .wpreasonsFaq__question {
    font-size: 2rem;
  }
}
#pid-feature .wpreasonsFaq__question {
  position: relative;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsFaq__question {
    padding: 24px 24px 24px 64px;
  }
}
#pid-feature .wpreasonsFaq__questionWrap:before {
  content: "Q";
  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;
  background: #2468CB;
  color: #fff;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  font-size: 2rem;
}
@media only screen and (min-width: 1100px) {
  #pid-feature .wpreasonsFaq__questionWrap:before {
    font-size: 2.4rem;
  }
}
#pid-feature .wpreasonsFaq__questionWrap:before {
  position: absolute;
  left: 32px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsFaq__questionWrap:before {
    width: 32px;
    height: 32px;
    left: 16px;
    font-size: 18px;
  }
}
#pid-feature .wpreasonsFaq__answer {
  padding: 0 88px 40px;
  font-size: 16px;
  position: relative;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsFaq__answer {
    padding: 0 24px 32px 64px;
    font-size: 14px;
  }
}
#pid-feature .wpreasonsFaq__answerWrap {
  position: relative;
}
#pid-feature .wpreasonsFaq__answerWrap:before {
  content: "A";
  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;
  background: #fff;
  border: 2px solid #2468CB;
  color: #2468CB;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  font-size: 2rem;
}
@media only screen and (min-width: 1100px) {
  #pid-feature .wpreasonsFaq__answerWrap:before {
    font-size: 2.4rem;
  }
}
#pid-feature .wpreasonsFaq__answerWrap:before {
  position: absolute;
  left: -56px;
  top: -8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsFaq__answerWrap:before {
    width: 32px;
    height: 32px;
    left: -48px;
    top: -4px;
    font-size: 18px;
  }
}
#pid-feature .wpreasonsFaq__answer__txt {
  margin-bottom: 32px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsFaq__answer__txt {
    margin-bottom: 16px;
  }
}
#pid-feature .wpreasonsFaq__answer__txt:last-child {
  margin-bottom: 0;
}
#pid-feature .wpreasonsFaq__answer__link[target=_blank]::after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url(../img/common/ico_blank.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0 4px;
  vertical-align: -2px;
}
#pid-feature .wpreasonsBox01--green .wpreasonsBox01__ttl {
  background: #1F8BBF;
}
#pid-feature .wpreasonsBox01--green .wpreasonsBox01__body {
  background: #DAF0FC;
}
#pid-feature .wpreasonsBox01 + .wpreasonsBox01 {
  margin-top: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsBox01 + .wpreasonsBox01 {
    margin-top: 32px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsBox01 + .wpreasonsBox01 {
    margin-top: 24px;
  }
}
#pid-feature .wpreasonsBox01__ttl {
  font-size: 36px;
  color: #fff;
  text-align: center;
  padding: 12px 32px;
  background: #2468CB;
  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;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsBox01__ttl {
    font-size: 28px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsBox01__ttl {
    font-size: 24px;
  }
}
#pid-feature .wpreasonsBox01__ttl__txt {
  position: relative;
}
#pid-feature .wpreasonsBox01__ttl img {
  position: absolute;
  left: -4px;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsBox01__ttl img {
    width: 44px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsBox01__ttl img {
    width: 32px;
  }
}
#pid-feature .wpreasonsBox01__body {
  background: #DAE8FC;
  padding: 32px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsBox01__body {
    padding: 24px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsBox01__body {
    padding: 16px;
  }
}
#pid-feature .wpreasonsBox02--green .wpreasonsBox02__ttl {
  background: #1F8BBF;
}
#pid-feature .wpreasonsBox02--green .wpreasonsBox02__body {
  border-color: #1F8BBF;
}
#pid-feature .wpreasonsBox02--support {
  margin-top: 80px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsBox02--support {
    margin-top: 80px;
  }
}
#pid-feature .wpreasonsBox02 + .wpreasonsBox02 {
  margin-top: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsBox02 + .wpreasonsBox02 {
    margin-top: 32px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsBox02 + .wpreasonsBox02 {
    margin-top: 24px;
  }
}
#pid-feature .wpreasonsBox02__ttl {
  font-size: 32px;
  color: #fff;
  text-align: center;
  padding: 24px 32px 16px;
  background: #2468CB;
  line-height: 1.2;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsBox02__ttl {
    font-size: 24px;
    padding: 20px 24px 12px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsBox02__ttl {
    font-size: 18px;
    padding: 16px 16px 8px;
  }
}
#pid-feature .wpreasonsBox02__ttl--arw {
  position: relative;
}
#pid-feature .wpreasonsBox02__ttl--arw::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  margin: auto;
  width: 40px;
  height: 24px;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  background: inherit;
}
#pid-feature .wpreasonsBox02__ttl--small {
  padding: 16px 32px 12px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsBox02__ttl--small {
    padding: 14px 32px 8px;
  }
}
#pid-feature .wpreasonsBox02__ttl__yellow {
  color: #FFE718;
}
#pid-feature .wpreasonsBox02__ttl__txt01 {
  font-size: 38px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsBox02__ttl__txt01 {
    font-size: 30px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsBox02__ttl__txt01 {
    font-size: 26px;
  }
}
#pid-feature .wpreasonsBox02__ttl__txt02 {
  font-size: 58px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsBox02__ttl__txt02 {
    font-size: 50px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsBox02__ttl__txt02 {
    font-size: 32px;
  }
}
#pid-feature .wpreasonsBox02__ttl__txt03 {
  font-size: 26px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsBox02__ttl__txt03 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsBox02__ttl__txt03 {
    font-size: 18px;
  }
}
#pid-feature .wpreasonsBox02__ttl__target {
  display: inline-block;
  padding: 2px 8px;
  border: 1px solid #fff;
  margin: 0 4px 8px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsBox02__ttl__target {
    padding: 2px 4px;
  }
}
#pid-feature .wpreasonsBox02__body {
  background: #fff;
  border: 4px solid #2468CB;
}
#pid-feature .wpreasonsBox02__inner {
  padding: 56px 32px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsBox02__inner {
    padding: 48px 24px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsBox02__inner {
    padding: 40px 16px;
  }
}
#pid-feature .wpreasonsBox02__lead {
  font-size: 18px;
  text-align: center;
  line-height: 2;
  margin-bottom: 40px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsBox02__lead {
    font-size: 16px;
    margin-bottom: 32px;
  }
}
#pid-feature .wpreasonsCard01 {
  display: grid;
  gap: 24px;
}
@media only screen and (min-width: 768px) {
  #pid-feature .wpreasonsCard01 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 1099px) {
  #pid-feature .wpreasonsCard01 {
    gap: 16px;
  }
}
#pid-feature .wpreasonsCard01__item {
  background: #fff;
  border: 1px solid #ddd;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 4;
  gap: 0;
  padding-bottom: 32px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsCard01__item {
    padding-bottom: 24px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsCard01__item {
    padding-bottom: 24px;
  }
}
@media only screen and (min-width: 768px) {
  #pid-feature .wpreasonsCard01__item:nth-child(odd):last-child {
    grid-column: 1/-1;
    justify-self: center;
    width: calc(50% - 12px);
  }
}
#pid-feature .wpreasonsCard01__ttl {
  font-size: 26px;
  text-align: center;
  color: #fff;
  background: #2468CB;
  padding: 16px 40px;
  -ms-flex-line-pack: center;
      align-content: center;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsCard01__ttl {
    font-size: 22px;
    padding: 16px 32px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsCard01__ttl {
    font-size: 18px;
    padding: 16px 24px;
  }
}
#pid-feature .wpreasonsCard01__img {
  text-align: center;
  padding: 0 40px;
  margin-top: 32px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsCard01__img {
    padding: 0 32px;
    margin-top: 24px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsCard01__img {
    padding: 0 24px;
    margin-top: 16px;
  }
}
#pid-feature .wpreasonsCard01__txt {
  font-size: 16px;
  padding: 0 40px;
  margin-top: 32px;
  margin-bottom: 0;
}
#pid-feature .wpreasonsCard01__txt strong {
  color: #ff5400;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsCard01__txt {
    font-size: 14px;
    padding: 0 32px;
    margin-top: 24px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsCard01__txt {
    font-size: 14px;
    padding: 0 24px;
    margin-top: 16px;
  }
}
#pid-feature .wpreasonsCard01__btnWrap {
  padding: 0 40px;
  margin-top: 24px;
  text-align: right;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsCard01__btnWrap {
    padding: 0 32px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsCard01__btnWrap {
    padding: 0 24px;
  }
}
#pid-feature .wpreasonsCard02 {
  display: grid;
  gap: 24px;
}
@media only screen and (min-width: 768px) {
  #pid-feature .wpreasonsCard02 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 1099px) {
  #pid-feature .wpreasonsCard02 {
    gap: 16px;
  }
}
#pid-feature .wpreasonsCard02__item {
  background: #fff;
  display: grid;
  gap: 0;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsCard02__item {
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsCard02__item {
    padding-bottom: 32px;
  }
}
#pid-feature .wpreasonsCard02__item--l {
  padding: 32px 40px 40px;
}
@media only screen and (min-width: 768px) {
  #pid-feature .wpreasonsCard02__item--l {
    grid-column: 1/-1;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsCard02__item--l {
    padding: 40px 32px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsCard02__item--l {
    padding: 32px 24px;
  }
}
#pid-feature .wpreasonsCard02__item--l .wpreasonsCard02__ttl {
  margin-top: 32px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsCard02__item--l .wpreasonsCard02__ttl {
    margin-top: 24px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsCard02__item--l .wpreasonsCard02__ttl {
    margin-top: 16px;
  }
}
#pid-feature .wpreasonsCard02__item--l .wpreasonsCard02__ttl__sub {
  font-size: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsCard02__item--l .wpreasonsCard02__ttl__sub {
    font-size: 14px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsCard02__item--l .wpreasonsCard02__ttl__sub {
    font-size: 13px;
  }
}
#pid-feature .wpreasonsCard02__item--l .wpreasonsCard02__ttl__main {
  font-size: 32px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsCard02__item--l .wpreasonsCard02__ttl__main {
    font-size: 24px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsCard02__item--l .wpreasonsCard02__ttl__main {
    font-size: 22px;
  }
}
#pid-feature .wpreasonsCard02__item--l .wpreasonsCard02__txt {
  font-size: 18px;
  margin-top: 32px;
}
@media only screen and (min-width: 768px) {
  #pid-feature .wpreasonsCard02__item--l .wpreasonsCard02__txt {
    text-align: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsCard02__item--l .wpreasonsCard02__txt {
    font-size: 16px;
    margin-top: 24px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsCard02__item--l .wpreasonsCard02__txt {
    font-size: 14px;
    margin-top: 16px;
  }
}
#pid-feature .wpreasonsCard02__item--l .wpreasonsCard02__btnWrap {
  margin-top: 32px;
  text-align: center;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsCard02__item--l .wpreasonsCard02__btnWrap {
    margin-top: 24px;
  }
}
#pid-feature .wpreasonsCard02__item--m {
  padding: 40px 40px 32px;
  grid-template-rows: subgrid;
  grid-row: span 4;
}
@media only screen and (min-width: 768px) {
  #pid-feature .wpreasonsCard02__item--m {
    grid-column: span 1;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsCard02__item--m {
    padding: 32px 32px 24px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsCard02__item--m {
    padding: 32px 24px 24px;
  }
}
#pid-feature .wpreasonsCard02__item--m .wpreasonsCard02__ttl {
  margin-top: 24px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsCard02__item--m .wpreasonsCard02__ttl {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsCard02__item--m .wpreasonsCard02__ttl {
    margin-top: 16px;
  }
}
#pid-feature .wpreasonsCard02__item--m .wpreasonsCard02__ttl__sub {
  font-size: 18px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsCard02__item--m .wpreasonsCard02__ttl__sub {
    font-size: 13px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsCard02__item--m .wpreasonsCard02__ttl__sub {
    font-size: 13px;
  }
}
#pid-feature .wpreasonsCard02__item--m .wpreasonsCard02__ttl__main {
  font-size: 24px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsCard02__item--m .wpreasonsCard02__ttl__main {
    font-size: 22px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsCard02__item--m .wpreasonsCard02__ttl__main {
    font-size: 20px;
  }
}
#pid-feature .wpreasonsCard02__item--m .wpreasonsCard02__txt {
  font-size: 16px;
  margin-top: 24px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsCard02__item--m .wpreasonsCard02__txt {
    font-size: 14px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsCard02__item--m .wpreasonsCard02__txt {
    font-size: 14px;
    margin-top: 16px;
  }
}
#pid-feature .wpreasonsCard02__item--m .wpreasonsCard02__btnWrap {
  margin-top: 24px;
  text-align: right;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsCard02__item--m .wpreasonsCard02__btnWrap {
    margin-top: 16px;
  }
}
#pid-feature .wpreasonsCard02__item--m .wpreasonsCard02__btnWrap .wpreasonsBtn {
  max-width: 100%;
}
#pid-feature .wpreasonsCard02__item--s {
  padding: 32px 40px 24px;
  grid-template-rows: subgrid;
  grid-row: span 3;
}
@media only screen and (min-width: 768px) {
  #pid-feature .wpreasonsCard02__item--s {
    grid-column: span 1;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsCard02__item--s {
    padding: 32px 32px 24px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsCard02__item--s {
    padding: 24px;
  }
}
#pid-feature .wpreasonsCard02__item--s .wpreasonsCard02__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsCard02__item--s .wpreasonsCard02__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#pid-feature .wpreasonsCard02__item--s .wpreasonsCard02__img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media only screen and (min-width: 768px) {
  #pid-feature .wpreasonsCard02__item--s .wpreasonsCard02__img {
    margin-right: 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsCard02__item--s .wpreasonsCard02__img img {
    width: 56px;
  }
}
#pid-feature .wpreasonsCard02__item--s .wpreasonsCard02__ttl {
  text-align: left;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsCard02__item--s .wpreasonsCard02__ttl {
    margin-top: 8px;
    text-align: center;
  }
}
#pid-feature .wpreasonsCard02__item--s .wpreasonsCard02__ttl__sub {
  font-size: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsCard02__item--s .wpreasonsCard02__ttl__sub {
    font-size: 14px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsCard02__item--s .wpreasonsCard02__ttl__sub {
    font-size: 13px;
  }
}
#pid-feature .wpreasonsCard02__item--s .wpreasonsCard02__ttl__main {
  font-size: 22px;
}
@media only screen and (min-width: 768px) {
  #pid-feature .wpreasonsCard02__item--s .wpreasonsCard02__ttl__main {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsCard02__item--s .wpreasonsCard02__ttl__main {
    font-size: 20px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsCard02__item--s .wpreasonsCard02__ttl__main {
    font-size: 18px;
  }
}
#pid-feature .wpreasonsCard02__item--s .wpreasonsCard02__txt {
  font-size: 14px;
  margin-top: 16px;
}
@media only screen and (max-width: 1099px) {
  #pid-feature .wpreasonsCard02__item--s .wpreasonsCard02__txt {
    font-size: 13px;
  }
}
#pid-feature .wpreasonsCard02__item--s .wpreasonsCard02__btnWrap {
  margin-top: 16px;
  text-align: right;
}
#pid-feature .wpreasonsCard02__item--s .wpreasonsCard02__btnWrap .wpreasonsBtn {
  max-width: 100%;
}
#pid-feature .wpreasonsCard02__item--recom {
  border: 4px solid #FF5400;
}
#pid-feature .wpreasonsCard02__labelWrap {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#pid-feature .wpreasonsCard02__label {
  color: #fff;
  background: #2468CB;
  font-size: 16px;
  padding: 6px 16px;
  line-height: 1;
  font-weight: bold;
}
@media only screen and (max-width: 1099px) {
  #pid-feature .wpreasonsCard02__label {
    font-size: 14px;
    padding: 4px 12px;
  }
}
#pid-feature .wpreasonsCard02__label--operation {
  background: #1AAE96;
}
#pid-feature .wpreasonsCard02__label--support {
  background: #4D72D8;
}
#pid-feature .wpreasonsCard02__label--security {
  background: #FFE718;
  color: #2f334c;
}
#pid-feature .wpreasonsCard02__label--recom {
  background: #FF5400;
}
#pid-feature .wpreasonsCard02__img {
  text-align: center;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsCard02__img img {
    max-width: 240px;
  }
}
#pid-feature .wpreasonsCard02__ttl {
  text-align: center;
}
#pid-feature .wpreasonsCard02__ttl__sub {
  color: #2468CB;
  font-weight: bold;
  display: block;
  margin-bottom: 4px;
}
#pid-feature .wpreasonsCard02__ttl__main__paid {
  color: #FF5400;
  display: inline-block;
  padding: 2px 4px;
  margin-left: 4px;
  font-size: 16px;
  border: 1px solid #FF5400;
  vertical-align: 3px;
}
#pid-feature .wpreasonsCard02__txt {
  margin-bottom: 0;
}
#pid-feature .wpreasonsCard02__txt strong {
  color: #ff5400;
}
#pid-feature .wpreasonsColorCard01 {
  display: grid;
  gap: 12px;
  margin-top: 40px;
}
@media only screen and (min-width: 1100px) {
  #pid-feature .wpreasonsColorCard01 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsColorCard01 {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsColorCard01 {
    margin-top: 32px;
  }
}
#pid-feature .wpreasonsColorCard01__item {
  padding: 24px 16px 20px;
  background: #EFF4F8;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 4;
  gap: 0;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsColorCard01__item {
    padding: 24px 16px;
  }
}
#pid-feature .wpreasonsColorCard01__img {
  text-align: center;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsColorCard01__img img {
    max-width: 220px;
  }
}
#pid-feature .wpreasonsColorCard01__ttl {
  margin-top: 32px;
  text-align: center;
}
@media only screen and (max-width: 1099px) {
  #pid-feature .wpreasonsColorCard01__ttl {
    margin-top: 24px;
  }
}
#pid-feature .wpreasonsColorCard01__ttl__sub {
  font-size: 16px;
  margin-bottom: 4px;
  color: #2468CB;
  font-weight: bold;
  display: block;
}
#pid-feature .wpreasonsColorCard01__ttl__main {
  font-size: 22px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsColorCard01__ttl__main {
    font-size: 20px;
  }
}
#pid-feature .wpreasonsColorCard01__txt {
  font-size: 14px;
  margin-top: 24px;
  margin-bottom: 0;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsColorCard01__txt {
    margin-top: 16px;
  }
}
#pid-feature .wpreasonsColorCard01__txt strong {
  color: #FF5400;
}
#pid-feature .wpreasonsColorCard01__btnWrap {
  margin-top: 16px;
  text-align: right;
}
#pid-feature .wpreasonsColorCard02 {
  display: grid;
  gap: 24px;
  margin-top: 40px;
}
@media only screen and (min-width: 768px) {
  #pid-feature .wpreasonsColorCard02 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 1099px) {
  #pid-feature .wpreasonsColorCard02 {
    gap: 16px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsColorCard02 {
    margin-top: 32px;
  }
}
#pid-feature .wpreasonsColorCard02__item {
  background: #EFF4F8;
  padding: 24px 32px 32px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsColorCard02__item {
    padding: 24px 16px;
  }
}
#pid-feature .wpreasonsColorCard02__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
}
#pid-feature .wpreasonsColorCard02__img {
  margin-right: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media only screen and (max-width: 1099px) {
  #pid-feature .wpreasonsColorCard02__img img {
    width: 56px;
  }
}
#pid-feature .wpreasonsColorCard02__ttl {
  color: #2468CB;
  font-size: 20px;
  font-weight: bold;
}
@media only screen and (max-width: 1099px) {
  #pid-feature .wpreasonsColorCard02__ttl {
    font-size: 18px;
  }
}
#pid-feature .wpreasonsColorCard02__txt {
  font-size: 14px;
  margin-bottom: 0;
}
@media only screen and (max-width: 1099px) {
  #pid-feature .wpreasonsColorCard02__txt {
    font-size: 13px;
  }
}
#pid-feature .wpreasonsIconBox {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsIconBox {
    -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;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsIconBox:has(> :nth-child(4)) {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #pid-feature .wpreasonsIconBox:has(> :nth-child(4)) .wpreasonsIconBox__item {
    width: calc(50% - 8px);
    max-width: 100%;
  }
}
#pid-feature .wpreasonsIconBox__item {
  position: relative;
  background: #EFF4F8;
  padding: 56px 16px 32px;
  text-align: center;
  margin-top: 40px;
  max-width: 240px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsIconBox__item {
    padding: 48px 16px 24px;
    margin-top: 32px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsIconBox__item {
    padding: 32px 16px 16px;
    margin-top: 24px;
  }
}
#pid-feature .wpreasonsIconBox__img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsIconBox__img img {
    width: 64px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsIconBox__img img {
    width: 40px;
  }
}
#pid-feature .wpreasonsIconBox__ttl {
  font-size: 24px;
  color: #2468CB;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsIconBox__ttl {
    font-size: 18px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsIconBox__ttl {
    font-size: 16px;
  }
}
#pid-feature .wpreasonsIconBox__sub {
  font-size: 16px;
  color: #FF5400;
  font-weight: bold;
  margin-top: 8px;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsIconBox__sub {
    font-size: 14px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsIconBox__sub {
    font-size: 13px;
  }
}
#pid-feature .wpreasonsIconBox__sub__small {
  font-size: 13px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsIconBox__sub__small {
    font-size: 12px;
  }
}
#pid-feature .wpreasonsIconBox__txt {
  font-size: 13px;
  margin-top: 8px;
  margin-bottom: 0;
  text-align: left;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsIconBox__txt {
    font-size: 12px;
  }
}
#pid-feature .wpreasonsIconBox__btnGroup {
  margin-top: 48px;
}
@media only screen and (min-width: 768px) {
  #pid-feature .wpreasonsIconBox__btnGroup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 24px;
  }
  #pid-feature .wpreasonsIconBox__btnGroup > * {
    width: 100%;
    max-width: 280px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsIconBox__btnGroup {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsIconBox__btnGroup {
    margin-top: 32px;
  }
}
#pid-feature .wpreasonsIconBox__btnWrap {
  text-align: center;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsIconBox__btnWrap + .wpreasonsIconBox__btnWrap {
    margin-top: 24px;
  }
}
#pid-feature .wpreasonsBtnWrap {
  text-align: center;
  margin-top: 56px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsBtnWrap {
    margin-top: 48px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsBtnWrap {
    margin-top: 40px;
  }
}
#pid-feature .wpreasonsBtn {
  width: 100%;
  display: inline-block;
  border: 2px solid #2468CB;
  line-height: 1.3;
  text-align: center;
  -webkit-transition: 0.1s ease-out;
  transition: 0.1s ease-out;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-decoration: none;
  color: #2468CB;
  font-weight: bold;
  background: #fff;
}
#pid-feature .wpreasonsBtn:hover {
  background: #f5f9ff;
}
#pid-feature .wpreasonsBtn:hover::after {
  -webkit-transform: translateX(20%);
          transform: translateX(20%);
}
#pid-feature .wpreasonsBtn::after {
  content: "\e606";
  display: inline-block;
  position: absolute;
  color: #2468CB;
  -webkit-transition: 0.1s ease-out;
  transition: 0.1s ease-out;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: auto;
}
@media only screen and (min-width: 1100px) {
  #pid-feature .wpreasonsBtn::after {
    right: 24px;
    top: 0;
    bottom: 0;
  }
}
@media only screen and (max-width: 1099px) {
  #pid-feature .wpreasonsBtn::after {
    right: 16px;
    top: 0;
    bottom: 0;
  }
}
#pid-feature .wpreasonsBtn[target=_blank]:not(.wpreasonsBtn--cta)::after {
  content: "";
  width: 14px;
  height: 14px;
  background-image: url(../img/common/ico_blank.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transform: translate(0);
          transform: translate(0);
}
#pid-feature .wpreasonsBtn--xl {
  padding: 20px 40px;
  font-size: 24px;
  max-width: 640px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsBtn--xl {
    font-size: 20px;
  }
}
#pid-feature .wpreasonsBtn--l {
  padding: 16px 40px;
  font-size: 18px;
}
@media only screen and (min-width: 768px) {
  #pid-feature .wpreasonsBtn--l {
    max-width: 640px;
  }
}
#pid-feature .wpreasonsBtn--m {
  padding: 16px 40px;
  font-size: 16px;
  max-width: 420px;
}
@media only screen and (min-width: 768px) {
  #pid-feature .wpreasonsBtn--m {
    max-width: 420px;
  }
}
#pid-feature .wpreasonsBtn--s {
  padding: 12px 40px;
  font-size: 16px;
}
@media only screen and (min-width: 768px) {
  #pid-feature .wpreasonsBtn--s {
    max-width: 280px;
  }
}
#pid-feature .wpreasonsBtn--xs {
  padding: 12px 40px;
  font-size: 16px;
  max-width: 210px;
}
#pid-feature .wpreasonsBtn--cta {
  background: #F7790B;
  color: #fff;
  border: none;
}
#pid-feature .wpreasonsBtn--cta::after {
  color: #fff;
}
#pid-feature .wpreasonsBtn--cta:hover {
  background-color: rgb(247.8095238095, 134.5595238095, 35.6904761905);
}
#pid-feature .wpreasonsTxtBtn {
  text-decoration: none;
  position: relative;
  font-weight: bold;
  padding-right: 18px;
  -webkit-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out;
  color: #2468cb;
  font-size: 13px;
}
#pid-feature .wpreasonsTxtBtn:hover {
  opacity: 0.8;
  color: #2468cb;
}
#pid-feature .wpreasonsTxtBtn::before {
  content: "\e606";
  color: #fff;
  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;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 16px;
  height: 16px;
  background: #2468cb;
  border-radius: 100%;
  padding: 1px 0 0 1px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 11px;
}
#pid-feature .wpreasonsCta {
  padding: 64px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}
@media only screen and (min-width: 1100px) {
  #pid-feature .wpreasonsCta {
    background: url(../img/feature/bg_wpreasons_cta_l.png) no-repeat center center/cover;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsCta {
    background: url(../img/feature/bg_wpreasons_cta_m.png) no-repeat center center/cover;
    padding: 56px 0;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsCta {
    background: url(../img/feature/bg_wpreasons_cta_s.png) no-repeat center center/cover;
    padding: 40px 0;
  }
}
#pid-feature .wpreasonsCta__txt {
  font-size: 32px;
  color: #fff;
  font-weight: bold;
  margin-bottom: 32px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsCta__txt {
    font-size: 26px;
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsCta__txt {
    font-size: 18px;
    margin-bottom: 16px;
  }
}
#pid-feature .wpreasonsCta__btnWrap {
  text-align: center;
}
#pid-feature .wpreasonsBnr {
  background: #DAE8FC;
  padding: 40px 0;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsBnr--small {
    padding: 32px 0;
  }
}
#pid-feature .wpreasonsBnr--small .wpreasonsBnr__txt {
  font-size: 16px;
  margin-bottom: 8px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsBnr--small .wpreasonsBnr__txt {
    font-size: 14px;
  }
}
#pid-feature .wpreasonsBnr__txt {
  font-size: 22px;
  margin: 0 auto 16px;
  text-align: center;
  font-weight: bold;
  position: relative;
  padding: 0 1em;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .wpreasonsBnr__txt {
    font-size: 20px;
    margin-bottom: 12px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsBnr__txt {
    font-size: 18px;
    margin-bottom: 8px;
  }
}
#pid-feature .wpreasonsBnr__txt::before, #pid-feature .wpreasonsBnr__txt::after {
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  width: 1px;
  background: #2f334c;
}
@media only screen and (min-width: 768px) {
  #pid-feature .wpreasonsBnr__txt::before, #pid-feature .wpreasonsBnr__txt::after {
    top: 0;
    bottom: 0;
    height: 1em;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .wpreasonsBnr__txt::before, #pid-feature .wpreasonsBnr__txt::after {
    bottom: 2px;
    height: 1.5em;
  }
}
#pid-feature .wpreasonsBnr__txt::before {
  left: 2px;
  -webkit-transform: rotate(-20deg);
          transform: rotate(-20deg);
}
#pid-feature .wpreasonsBnr__txt::after {
  right: 2px;
  -webkit-transform: rotate(20deg);
          transform: rotate(20deg);
}
#pid-feature .wpreasonsBnr__txt strong {
  color: #FF5400;
}
#pid-feature .wpreasonsBnr__txt__blue {
  color: #2468CB;
}
#pid-feature .wpreasonsBnr__img {
  text-align: center;
}
#pid-feature .wpreasonsBnr__link {
  -webkit-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out;
}
#pid-feature .wpreasonsBnr__link:hover {
  opacity: 0.8;
}
#pid-feature .caseMain {
  margin-bottom: 0;
}
#pid-feature .caseMain * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#pid-feature .ico_filter {
  background: url(../img/feature/ico_filter.svg) no-repeat center center;
  background-size: cover;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 4px;
}
#pid-feature .filterSubmit .button {
  width: 100%;
  padding: 0.95em 1em;
  border: none;
}
#pid-feature .filterSubmit .button:after {
  display: none;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .filterSubmit {
    margin: 8px 0 0;
  }
}
#pid-feature .filterUnit input[type=radio], #pid-feature .filterUnit input[type=checkbox] {
  display: none;
}
#pid-feature .filterUnit .radio, #pid-feature .filterUnit .checkbox {
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 1rem 1.6rem 1rem 3.8rem;
  border-color: #ABBFD1;
  vertical-align: middle;
  cursor: pointer;
}
#pid-feature .filterUnit .radio:hover, #pid-feature .filterUnit .checkbox:hover {
  opacity: 0.8;
}
#pid-feature .filterUnit .radio:hover:before, #pid-feature .filterUnit .radio:hover:after, #pid-feature .filterUnit .checkbox:hover:before, #pid-feature .filterUnit .checkbox:hover:after {
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  #pid-feature .filterUnit .radio, #pid-feature .filterUnit .checkbox {
    padding: 0.5rem 1.6rem 0.5rem 3.8rem;
  }
}
#pid-feature .filterUnit .radio:before, #pid-feature .filterUnit .radio:after, #pid-feature .filterUnit .checkbox:before, #pid-feature .filterUnit .checkbox:after {
  content: "";
  display: block;
  position: absolute;
  left: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#pid-feature .filterUnit .radio:after, #pid-feature .filterUnit .checkbox:after {
  opacity: 0;
  left: 15px;
}
#pid-feature .filterUnit input[type=radio]:checked + .radio:before {
  border-color: #286ED3;
}
#pid-feature .filterUnit input[type=radio]:checked + .radio:after {
  opacity: 1;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .filterUnit input[type=checkbox]:checked + .checkbox {
    background: #EFF4F8;
  }
}
@media only screen and (min-width: 768px) {
  #pid-feature .filterUnit input[type=checkbox]:checked + .checkbox {
    color: #286ED3;
  }
}
#pid-feature .filterUnit input[type=checkbox]:checked + .checkbox:before {
  border-color: #286ED3;
  background-color: #286ED3;
}
#pid-feature .filterUnit input[type=checkbox]:checked + .checkbox:after {
  opacity: 1;
}
#pid-feature .filterUnit .radio:before {
  width: 20px;
  height: 20px;
  border: 1px solid #C8D8E3;
  border-radius: 50px;
}
#pid-feature .filterUnit .radio:after {
  width: 12px;
  height: 12px;
  background: #286ED3;
  border-radius: 50px;
}
#pid-feature .filterUnit .radio:hover:after {
  opacity: 0;
}
#pid-feature .filterUnit .checkbox:before {
  width: 20px;
  height: 20px;
  border: 1px solid #C8D8E3;
  border-radius: 4px;
}
#pid-feature .filterUnit .checkbox:after {
  width: 12px;
  height: 8px;
  background: url(../img/feature/ico_form_checkbox.svg) no-repeat center center;
  background-size: 100% auto;
}
#pid-feature .filterUnit .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #C8D8E3;
  padding: 24px 0;
}
#pid-feature .filterUnit .row:first-child {
  border: none;
  padding-top: 0;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .filterUnit .row {
    display: block;
    padding: 16px 0 4px;
  }
}
#pid-feature .filterUnit .rowCaption {
  width: 180px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .filterUnit .rowCaption {
    width: auto;
  }
}
#pid-feature .filterUnit .rowCaption span {
  border-left: 4px solid #286ED3;
  font-weight: bold;
  padding-left: 8px;
  line-height: 1.4;
}
#pid-feature .filterUnit .rowCaption span.type2 {
  border-left-color: #F7C80B;
}
#pid-feature .filterUnit .rowfilterButtons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: -0.2em;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .filterUnit .rowfilterButtons {
    display: block;
    margin: 8px 0 0;
  }
}
#pid-feature .filterUnit .radioAll {
  width: 110px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .filterUnit .radioAll {
    width: auto;
  }
  #pid-feature .filterUnit .radioAll .radio {
    width: 100%;
  }
}
#pid-feature .filterUnit .checkboxGroup {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#pid-feature .filterUnit .checkboxList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .filterUnit .checkboxList {
    display: block;
  }
  #pid-feature .filterUnit .checkboxList .checkbox {
    width: 100%;
  }
}
#pid-feature .caseSection {
  background: #EFF4F8;
  padding: 40px 0 80px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .caseSection {
    padding: 40px 0;
  }
}
#pid-feature .filterArea {
  border: 1px solid #C8D8E3;
  background: #fff;
  margin: 0 0 28px;
  position: relative;
  font-size: 1.4rem;
}
#pid-feature .filterTtl {
  font-weight: bold;
  padding: 16px;
  cursor: pointer;
}
#pid-feature .filterAccordion {
  position: absolute;
  top: 16px;
  right: 8px;
  background: none;
  border: none;
  pointer-events: none;
}
#pid-feature .filterAccordion .ico {
  font-size: 2.4rem;
}
#pid-feature .filterAccordion.is-close .ico:before {
  display: inline-block;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
#pid-feature .filterAreaInner {
  padding: 16px 32px 32px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .filterAreaInner {
    padding: 16px;
  }
}
#pid-feature .resultNumbers {
  margin: 0 0 28px;
  font-size: 1.4rem;
}
#pid-feature .resultNumbers .num {
  font-family: "Roboto";
  font-weight: bold;
  font-size: 2rem;
}
#pid-feature .resultNumbers .numAll {
  font-family: "Roboto";
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .resultControls {
    display: none;
  }
}
#pid-feature .resultContainer {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px; /* 子要素の上下左右の間隔 */
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out; /* 必要に応じて調整 */
}
#pid-feature .resultContainer.is-active {
  opacity: 1;
}
#pid-feature .resultContainer.is-transitioning .resultItem {
  opacity: 0; /* 切り替え中に非表示にする */
}
#pid-feature .resultContainer.list {
  margin: 0;
}
#pid-feature .resultContainer.column3 {
  grid-template-columns: repeat(3, 1fr);
  gap: 30px; /* 子要素の上下左右の間隔 */
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .resultContainer {
    display: block;
  }
  #pid-feature .resultContainer .resultItem {
    margin: 40px 0 0;
  }
  #pid-feature .resultContainer .resultItem:first-child {
    margin-top: 0;
  }
}
#pid-feature .resultItem {
  opacity: 1;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out; /* 切り替え時のアニメーション */
}
#pid-feature .resultItem .itemTtl {
  margin: 16px 0 0;
  font-size: 1.2rem;
}
#pid-feature .resultItem .itemTtl .client {
  font-size: 1.4rem;
  margin-right: 0.3em;
}
#pid-feature .resultItem .itemLink {
  font-size: 1rem;
}
#pid-feature .resultItem .itemLink a {
  color: #666;
  text-decoration: none;
}
#pid-feature .resultItem .itemLink a:hover {
  text-decoration: underline;
}
#pid-feature .resultItem .itemCategory {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 8px 0 0;
}
#pid-feature .resultItem .itemCategory > li {
  margin-left: 4px;
}
#pid-feature .resultItem .itemCategory > li:first-child {
  margin-left: 0;
}
#pid-feature .resultItem .itemCategory .itemLabel {
  background: #fff;
  display: inline-block;
  position: relative;
  padding: 8px;
  padding-left: 18px;
  font-size: 1rem;
  line-height: 1;
}
#pid-feature .resultItem .itemCategory .itemLabel:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background: #286ED3;
  position: absolute;
  left: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#pid-feature .resultItem .itemCategory .itemLabel.type2:before {
  background: #F7C80B;
}
#pid-feature .resultItem .itemThumbnail {
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
#pid-feature .resultHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#pid-feature .resultPaginations {
  margin: 40px 0 0;
}
#pid-feature .resultPaginations .pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#pid-feature .resultPaginations .active a, #pid-feature .resultPaginations .active span {
  background: #286ED3;
  color: #fff;
  border-color: #286ED3;
  pointer-events: none;
}
#pid-feature .resultPaginations .disabled a, #pid-feature .resultPaginations .disabled span {
  background: #fff;
  color: #2f334c;
  border-color: #fff;
  pointer-events: none;
}
#pid-feature .resultPaginations a, #pid-feature .resultPaginations span.pagenation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 36px;
  height: 36px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  background: #fff;
  border-radius: 3px;
  border: 2px solid #ddd;
  margin: 5px;
  text-decoration: none;
  font-weight: bold;
  color: #2F334C;
  line-height: 1;
}
#pid-feature .resultPaginations a:hover, #pid-feature .resultPaginations span.pagenation:hover {
  background: #286ED3;
  color: #fff;
  border-color: #286ED3;
}
#pid-feature .resultPaginations span {
  background: none !important;
  border: none !important;
  line-height: 1;
  display: inline-block;
  vertical-align: bottom;
}
#pid-feature .btn_layoutChange {
  display: inline-block;
  width: 48px;
  height: 48px;
  background: no-repeat center center;
  border: none;
  border-radius: 3px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#pid-feature .btn_layoutChange:hover {
  cursor: pointer;
  background-color: #DBE6F5;
}
#pid-feature .btn_layoutChange.is-active:hover {
  background: none;
}
#pid-feature .btn_layoutChange.column2 {
  background-image: url(../img/feature/ico_2columns_gray.svg);
}
#pid-feature .btn_layoutChange.column2.is-active {
  background-image: url(../img/feature/ico_2columns_blue.svg);
}
#pid-feature .btn_layoutChange.column3 {
  background-image: url(../img/feature/ico_3columns_gray.svg);
}
#pid-feature .btn_layoutChange.column3.is-active {
  background-image: url(../img/feature/ico_3columns_blue.svg);
}
#pid-feature .caseRequest {
  border-top: 1px solid #C8D8E3;
  margin: 36px 0 0;
  padding: 12px 0 0;
  font-size: 1.2rem;
}
#pid-feature .case {
  background: url("../img/top/bg_case.png?date=220309") no-repeat center top;
  background-size: 100% auto;
  padding: 80px 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
#pid-feature .case * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#pid-feature .case_wrap {
  position: relative;
  padding: 0 10px;
}
#pid-feature .case_ttl {
  text-align: center;
}
#pid-feature .case_ttl img {
  max-width: 100%;
  height: auto;
}
#pid-feature .case_num_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 20px -10px 0;
}
#pid-feature .case_num {
  margin: 0 10px;
}
#pid-feature .case_body {
  margin-top: 20px;
  text-align: center;
}
#pid-feature .case_body .button {
  margin: 30px 0 0;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
#pid-feature .case_txt {
  margin-bottom: 0;
  font-size: 1.6rem;
  line-height: 1.6;
  text-align: center;
}
#pid-feature .case_notes {
  margin: 5px 0 0;
  color: #777;
  font-size: 10px;
  text-align: left;
}
@media only screen and (min-width: 768px) {
  #pid-feature .case_notes {
    position: absolute;
    right: 20px;
    bottom: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .case {
    padding: 60px 0;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .case {
    background: none;
    padding: 60px 0;
  }
  #pid-feature .case_wrap {
    padding: 0;
  }
  #pid-feature .case_num_wrap {
    margin: 15px -3px 0;
  }
  #pid-feature .case_num {
    margin: 0 3px;
  }
  #pid-feature .case_num img {
    max-width: 200px;
    width: 100%;
    height: auto;
  }
  #pid-feature .case_body {
    margin-top: 20px;
  }
  #pid-feature .case_body .button {
    margin: 25px 0 0;
    width: 100%;
  }
  #pid-feature .case_txt {
    text-align: justify;
    font-size: 1.5rem;
  }
}
#pid-feature .logo_holder {
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 20px -15px 0;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .logo_holder {
    width: 95%;
    margin: 20px auto 0;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .logo_holder {
    margin: 20px -8px 0;
  }
}
#pid-feature .logo_corporate {
  margin: 10px 15px;
}
@media only screen and (max-width: 1099px) {
  #pid-feature .logo_corporate {
    margin: 10px 8px;
  }
}
#pid-feature .xwrite-pr__intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  width: 94%;
  margin: 0 auto 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 1099px) {
  #pid-feature .xwrite-pr__intro {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
    margin-bottom: 32px;
  }
}
#pid-feature .xwrite-pr__visual {
  padding-top: 10px;
  margin: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-width: 282px;
}
#pid-feature .xwrite-pr__visual img {
  max-width: 100%;
  height: auto;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .xwrite-pr__visual {
    padding-top: 0;
  }
}
#pid-feature .xwrite-pr__price {
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 64px;
  line-height: 1;
}
#pid-feature .xwrite-pr__price .label {
  background: #2F334C;
  color: #fff;
  padding: 6px 12px;
  font-size: 14px;
  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;
}
@media only screen and (max-width: 1099px) {
  #pid-feature .xwrite-pr__price {
    margin-bottom: 16px;
    gap: 48px;
  }
}
@media only screen and (max-width: 1099px) {
  #pid-feature .xwrite-pr__price {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
#pid-feature .xwrite-pr__price-regular {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: normal;
      -ms-flex-align: normal;
          align-items: normal;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .xwrite-pr__price-regular {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#pid-feature .xwrite-pr__price-regular .price {
  font-size: 27px;
  font-weight: 500;
}
#pid-feature .xwrite-pr__price-regular .yen {
  font-size: 18px;
  font-weight: 500;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .xwrite-pr__price-regular .price {
    font-size: 20px;
  }
  #pid-feature .xwrite-pr__price-regular .yen {
    font-size: 14px;
  }
}
#pid-feature .xwrite-pr__price-regular .strike-container {
  position: relative;
  display: inline-block;
}
#pid-feature .xwrite-pr__price-regular .strike-container::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #2F334C;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#pid-feature .xwrite-pr__price-special {
  position: relative;
  padding-bottom: 12px;
  color: #F7790B;
}
#pid-feature .xwrite-pr__price-special::before {
  content: "";
  display: block;
  position: absolute;
  left: -24px;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 12px solid #D8D8D8;
  border-right: 0;
}
@media only screen and (max-width: 1099px) {
  #pid-feature .xwrite-pr__price-special::before {
    left: -16px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .xwrite-pr__price-special {
    padding-bottom: 4px;
  }
}
#pid-feature .xwrite-pr__price-note {
  position: absolute;
  top: 1rem;
  font-weight: bold;
  font-size: 11px;
}
#pid-feature .xwrite-pr__price-label, #pid-feature .xwrite-pr__price-number, #pid-feature .xwrite-pr__price-unit {
  font-weight: bold;
}
#pid-feature .xwrite-pr__price-label, #pid-feature .xwrite-pr__price-unit {
  font-size: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .xwrite-pr__price-label, #pid-feature .xwrite-pr__price-unit {
    font-size: 24px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .xwrite-pr__price-label, #pid-feature .xwrite-pr__price-unit {
    font-size: 20px;
  }
}
#pid-feature .xwrite-pr__price-number {
  font-size: 70px;
  vertical-align: sub;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .xwrite-pr__price-number {
    font-size: 56px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .xwrite-pr__price-number {
    font-size: 44px;
  }
}
#pid-feature .xwrite-pr__text {
  font-size: 15px;
  text-align: left;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .xwrite-pr__text {
    font-size: 14px;
  }
}
#pid-feature .xwrite-pr__text strong {
  color: #286ED3;
}
#pid-feature .xwrite-pr__note {
  font-size: 14px;
  padding-left: 1em;
  text-indent: -1em;
  margin-bottom: 0;
}
#pid-feature .xwrite-pr__about {
  background: url("../img/feature/bg_xwrite_l.png") no-repeat center top;
  padding: 40px;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .xwrite-pr__about {
    padding: 32px 24px;
    background: url("../img/feature/bg_xwrite_l.png") no-repeat center/cover;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .xwrite-pr__about {
    padding: 32px 16px;
    background: url("../img/feature/bg_xwrite_s.png") no-repeat center/cover;
  }
}
#pid-feature .xwrite-pr__title {
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  color: #FFF;
  margin-bottom: 40px;
  background: -webkit-gradient(linear, left top, right top, from(#2083D0), to(#1b5fa6));
  background: linear-gradient(to right, #2083D0, #1b5fa6);
  padding: 10px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .xwrite-pr__title {
    font-size: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .xwrite-pr__body {
    padding: 0 24px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .xwrite-pr__body {
    padding: 0;
  }
}
#pid-feature .xwrite-pr__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}
@media only screen and (max-width: 1099px) {
  #pid-feature .xwrite-pr__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature .xwrite-pr__wrapper {
    gap: 40px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .xwrite-pr__wrapper {
    gap: 32px;
  }
}
#pid-feature .xwrite-pr__sample-image {
  margin: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-width: 366px;
}
#pid-feature .xwrite-pr__sample-image img {
  max-width: 100%;
  height: auto;
}
#pid-feature .xwrite-pr__icon-list {
  margin-bottom: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 97%;
  gap: 12px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0;
}
@media only screen and (max-width: 1099px) {
  #pid-feature .xwrite-pr__icon-list {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .xwrite-pr__icon-list {
    margin-bottom: 24px;
    gap: 0;
  }
}
#pid-feature .xwrite-pr__icon-item {
  font-size: 15px;
  text-align: center;
  width: 33.3333333333%;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .xwrite-pr__icon-item {
    width: 100%;
  }
}
#pid-feature .xwrite-pr__icon-image {
  margin: 0 auto 12px;
  background: #FFF;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  text-align: center;
}
#pid-feature .xwrite-pr__icon-image img {
  max-width: 35px;
  width: 100%;
  height: 100%;
}
#pid-feature .xwrite-pr__icon-text {
  font-weight: bold;
  color: #113D6B;
  display: block;
  -ms-flex-line-pack: center;
      align-content: center;
  min-height: 42px;
  line-height: 1.3;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .xwrite-pr__icon-text {
    font-size: 10px;
  }
}
#pid-feature .xwrite-pr__button-wrapper {
  text-align: center;
  margin: 32px auto 0;
}
#pid-feature .xwrite-pr__button-wrapper .btn {
  margin-bottom: 0;
  width: 100%;
  max-width: 300px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature .xwrite-pr__button-wrapper {
    margin: 24px auto 0;
    font-size: 14px;
  }
  #pid-feature .xwrite-pr__button-wrapper .btn {
    max-width: 280px;
  }
}
#pid-feature.pid-feature-xwrite {
  /* ----------------------------------------------------------
      共通
  ------------------------------------------------------------- */
}
#pid-feature.pid-feature-xwrite .main-header {
  margin-bottom: 0;
}
#pid-feature.pid-feature-xwrite h3 {
  color: #000;
  font-size: 30px;
  margin: 0 auto 40px;
  text-align: center;
  font-weight: 500;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature.pid-feature-xwrite h3 {
    font-size: 20px;
  }
}
#pid-feature.pid-feature-xwrite .flowXwrite a, #pid-feature.pid-feature-xwrite .faqXwrite a {
  color: #000;
}
#pid-feature.pid-feature-xwrite .flowXwrite .ico_new-window:before, #pid-feature.pid-feature-xwrite .faqXwrite .ico_new-window:before {
  background-image: none;
  background-color: #000;
  -webkit-mask-image: url(../img/common/ico_blank.svg);
          mask-image: url(../img/common/ico_blank.svg);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
#pid-feature.pid-feature-xwrite .flowXwrite .ico_new-window, #pid-feature.pid-feature-xwrite .faqXwrite .ico_new-window {
  margin-left: 3px;
}
#pid-feature.pid-feature-xwrite #pagetop-btn {
  z-index: 100;
}
#pid-feature.pid-feature-xwrite {
  /* ----------------------------------------------------------
      MV
  ------------------------------------------------------------- */
}
#pid-feature.pid-feature-xwrite .mvXwrite {
  background: url(../img/feature/xwrite/mv_bg_pc.png) center top/cover no-repeat;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  padding: 15px 0 0;
  position: relative;
}
@media only screen and (min-width: 0) and (max-width: 599px) {
  #pid-feature.pid-feature-xwrite .mvXwrite {
    background: url(../img/feature/xwrite/mv_bg_sp.png) center top/cover no-repeat;
    padding: 0 0 22px;
  }
}
#pid-feature.pid-feature-xwrite .mvXwrite ::after {
  position: absolute;
  bottom: -30px;
  left: 50%;
  width: 1000px;
  height: 44px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 4px;
  z-index: 2;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature.pid-feature-xwrite .mvXwrite ::after {
    bottom: -75px;
    height: 150px;
    border-radius: 0;
  }
}
#pid-feature.pid-feature-xwrite .mvXwrite__text {
  position: relative;
  text-align: center;
  margin-top: 80px;
}
#pid-feature.pid-feature-xwrite .mvXwrite__text > p {
  color: #0F0F0F;
  font-size: 20px;
  margin-bottom: 24px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature.pid-feature-xwrite .mvXwrite__text > p {
    font-size: 15px;
    margin-bottom: 10px;
  }
}
#pid-feature.pid-feature-xwrite .mvXwrite__title {
  margin-bottom: 24px;
}
#pid-feature.pid-feature-xwrite .mvXwrite__title figure {
  margin: 0 auto;
}
#pid-feature.pid-feature-xwrite .mvXwrite__title img {
  height: auto;
  width: 360px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature.pid-feature-xwrite .mvXwrite__title img {
    width: 190px;
  }
}
#pid-feature.pid-feature-xwrite .mvXwrite__title--sub {
  color: #0F0F0F;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 64px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature.pid-feature-xwrite .mvXwrite__title--sub {
    font-size: 22px;
  }
}
#pid-feature.pid-feature-xwrite .mvXwrite__title--sub em {
  color: #FFF;
  background: -webkit-gradient(linear, left top, right top, from(#2083D0), to(#0074AD));
  background: linear-gradient(to right, #2083D0, #0074AD);
  padding: 5px 8px;
  margin-right: 4px;
}
#pid-feature.pid-feature-xwrite .mvXwrite__item {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  max-width: 840px;
  margin-bottom: -20px;
  z-index: 2;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature.pid-feature-xwrite .mvXwrite__item {
    grid-template-columns: 1fr;
    max-width: 500px;
    width: calc(100% - 24px);
  }
}
#pid-feature.pid-feature-xwrite .mvXwrite__item .mvXwrite__itemBox:nth-child(2)::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -22px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 44px;
  height: 44px;
  z-index: 2;
  background: url(../img/feature/xwrite/flow_ico_arrow.svg) center center no-repeat;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature.pid-feature-xwrite .mvXwrite__item .mvXwrite__itemBox:nth-child(2)::before {
    top: -24px;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(-90deg);
            transform: translateX(-50%) rotate(-90deg);
  }
}
#pid-feature.pid-feature-xwrite .mvXwrite__item--badge {
  position: absolute;
  top: -34px;
  right: -34px;
  width: 70px;
  height: 70px;
  margin: 0;
  border-radius: 50%;
  background: #ff7a00;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 70px;
  text-align: center;
  z-index: 3;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature.pid-feature-xwrite .mvXwrite__item--badge {
    right: -20px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature.pid-feature-xwrite .mvXwrite__item--badge {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    right: 5px;
  }
}
#pid-feature.pid-feature-xwrite .mvXwrite__itemBox {
  position: relative;
  padding: 16px 32px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #037FC7;
  border-radius: 4px 0 0 4px;
}
#pid-feature.pid-feature-xwrite .mvXwrite__itemBox:last-of-type {
  border-radius: 0 4px 4px 0;
  background: #037FC7;
  color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature.pid-feature-xwrite .mvXwrite__itemBox {
    padding: 16px 16px 20px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature.pid-feature-xwrite .mvXwrite__itemBox {
    padding: 36px 16px 24px;
    border-radius: 0 0 4px 4px;
  }
  #pid-feature.pid-feature-xwrite .mvXwrite__itemBox:nth-child(2) {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  #pid-feature.pid-feature-xwrite .mvXwrite__itemBox:last-of-type {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding: 16px 16px 36px;
    border-radius: 4px 4px 0 0;
  }
}
#pid-feature.pid-feature-xwrite .mvXwrite__itemBox h3 {
  margin: 0 0 16px;
  padding: 0 0 10px;
  border-bottom: 1px solid #E7EFF6;
  color: #0074AD;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
}
#pid-feature.pid-feature-xwrite .mvXwrite__itemBox:last-of-type h3 {
  color: #fff;
  border-bottom: 1px solid #73a1c9;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature.pid-feature-xwrite .mvXwrite__itemBox:last-of-type .mvXwrite__itemDetail {
    grid-template-columns: 162px 1fr;
  }
}
#pid-feature.pid-feature-xwrite .mvXwrite__itemDetail {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
#pid-feature.pid-feature-xwrite .mvXwrite__itemDetailBox {
  text-align: center;
  position: relative;
  color: #0074ad;
  padding: 0 8px;
}
#pid-feature.pid-feature-xwrite .mvXwrite__itemDetailBox .subTitle {
  margin: 0 0 8px;
  color: #0074AD;
  font-size: 10px;
  line-height: 1.4;
  font-weight: 400;
  background: rgba(0, 116, 173, 0.1);
  padding: 4px 8px;
}
#pid-feature.pid-feature-xwrite .mvXwrite__itemDetailBox .price {
  margin: 0;
  color: #000;
  font-size: 12px;
  line-height: 1.2;
}
#pid-feature.pid-feature-xwrite .mvXwrite__itemDetailBox .price span {
  padding-left: 1px;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature.pid-feature-xwrite .mvXwrite__itemDetailBox:last-of-type {
    padding-right: 0;
  }
}
#pid-feature.pid-feature-xwrite .mvXwrite__itemDetailBox:last-of-type .price {
  color: #FC7004;
}
#pid-feature.pid-feature-xwrite .mvXwrite__itemDetailBox .price__before {
  margin-top: 2px;
  color: #000;
  font-size: 11px;
  line-height: 1.2;
}
#pid-feature.pid-feature-xwrite .mvXwrite__itemBox__description {
  margin: 16px 0 0;
  font-size: 11px;
  line-height: 1.4;
  text-align: center;
  color: #FC7004;
  font-weight: 500;
}
@media only screen and (max-width: 1099px) {
  #pid-feature.pid-feature-xwrite .mvXwrite__itemBox__description {
    font-size: 10px;
  }
}
#pid-feature.pid-feature-xwrite .mvXwrite__itemBox__note {
  margin: 16px 0 0;
  font-size: 11px;
  line-height: 1.3;
  text-align: center;
  color: #000;
}
@media only screen and (max-width: 1099px) {
  #pid-feature.pid-feature-xwrite .mvXwrite__itemBox:nth-of-type(2) .mvXwrite__itemDetail .mvXwrite__itemDetailBox .subTitle {
    padding: 4px;
  }
}
#pid-feature.pid-feature-xwrite .mvXwrite__itemBox:last-of-type .mvXwrite__itemDetail {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature.pid-feature-xwrite .mvXwrite__itemBox:last-of-type .mvXwrite__itemDetail {
    padding: 0 16px;
  }
}
#pid-feature.pid-feature-xwrite .mvXwrite__itemBox:last-of-type .mvXwrite__itemDetailBox:first-child {
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
  font-size: 11px;
  padding: 10px 12px;
}
#pid-feature.pid-feature-xwrite .mvXwrite__itemBox:last-of-type .mvXwrite__itemDetailBox:last-child .price {
  line-height: 1;
}
#pid-feature.pid-feature-xwrite .mvXwrite__itemBox:last-of-type .mvXwrite__itemDetailBox:last-child .price span:first-child {
  margin-bottom: 2px;
  font-size: 20px;
  font-weight: 700;
  color: #ffd200;
}
#pid-feature.pid-feature-xwrite .mvXwrite__itemBox:last-of-type .mvXwrite__itemDetailBox:last-child .price span:nth-child(2) {
  font-size: 72px;
  font-weight: 700;
  color: #ffd200;
}
#pid-feature.pid-feature-xwrite .mvXwrite__itemBox:last-of-type .mvXwrite__itemDetailBox:last-child .price span:last-child {
  font-size: 28px;
  font-weight: 700;
  color: #ffd200;
}
#pid-feature.pid-feature-xwrite .mvXwrite__itemBox:last-of-type .mvXwrite__itemBox__description {
  color: #fff;
  font-size: 14px;
}
#pid-feature.pid-feature-xwrite .mvXwrite__itemBox:last-of-type .mvXwrite__itemBox__description span {
  color: #ffd200;
  font-weight: 700;
}
#pid-feature.pid-feature-xwrite .mvXwrite__itemBox:last-of-type .mvXwrite__itemBox__note {
  margin: 4px 0 0;
  color: #fff;
  font-size: 11px;
}
#pid-feature.pid-feature-xwrite {
  /* ----------------------------------------------------------
      about
  ------------------------------------------------------------- */
}
#pid-feature.pid-feature-xwrite .aboutXwrite {
  margin-top: 20px;
  padding: 120px 0;
  background-color: #FFF;
  overflow: hidden;
  z-index: 1;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature.pid-feature-xwrite .aboutXwrite {
    margin-top: 0;
    padding: 80px 0 120px;
  }
}
#pid-feature.pid-feature-xwrite .aboutXwrite h3 {
  margin-bottom: 24px;
  font-weight: normal;
  text-align: left;
  line-height: 1.5;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature.pid-feature-xwrite .aboutXwrite h3 {
    font-size: 20px;
    margin-bottom: 20px;
    text-align: center;
  }
}
#pid-feature.pid-feature-xwrite .aboutXwrite h3 em {
  color: #0074AD;
  font-weight: 500;
}
#pid-feature.pid-feature-xwrite .aboutXwrite h3 span {
  color: #0074AD;
  font-size: 20px;
  font-weight: 500;
}
#pid-feature.pid-feature-xwrite .aboutXwrite__item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature.pid-feature-xwrite .aboutXwrite__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#pid-feature.pid-feature-xwrite .aboutXwrite__itemBox:first-child {
  width: 51%;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature.pid-feature-xwrite .aboutXwrite__itemBox:first-child {
    width: 470px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature.pid-feature-xwrite .aboutXwrite__itemBox:first-child {
    width: 100%;
    z-index: 1;
  }
}
#pid-feature.pid-feature-xwrite .aboutXwrite__itemBox:last-child {
  width: 47%;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature.pid-feature-xwrite .aboutXwrite__itemBox:last-child {
    width: calc(97% - 470px);
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature.pid-feature-xwrite .aboutXwrite__itemBox:last-child {
    width: 260px;
    margin: 40px auto 0;
    text-align: center;
  }
}
#pid-feature.pid-feature-xwrite .aboutXwrite__itemBox:last-child figure {
  position: relative;
}
#pid-feature.pid-feature-xwrite .aboutXwrite__itemBox:last-child figure::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 65%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 520px;
  height: 520px;
  background-color: #e6f1f7;
  border-radius: 50%;
  z-index: 0;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature.pid-feature-xwrite .aboutXwrite__itemBox:last-child figure::after {
    left: 70%;
    width: 400px;
    height: 400px;
  }
}
#pid-feature.pid-feature-xwrite .aboutXwrite__itemBox:last-child img {
  position: relative;
  height: auto;
  max-width: 100%;
  z-index: 1;
}
#pid-feature.pid-feature-xwrite .aboutXwrite__item--list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 464px;
  gap: 35px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 24px;
  padding: 0;
}
@media only screen and (max-width: 1099px) {
  #pid-feature.pid-feature-xwrite .aboutXwrite__item--list {
    gap: 0;
    width: 100%;
    max-width: 450px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature.pid-feature-xwrite .aboutXwrite__item--list {
    margin: 0 auto 24px;
  }
}
#pid-feature.pid-feature-xwrite .aboutXwrite__item--list li {
  color: #0074AD;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  width: 33.333%;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature.pid-feature-xwrite .aboutXwrite__item--list li {
    font-size: 13px;
    line-height: 1.45;
  }
}
#pid-feature.pid-feature-xwrite .aboutXwrite__item--list figure {
  margin: 0 auto 12px;
  background: #E6F1F7;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  text-align: center;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature.pid-feature-xwrite .aboutXwrite__item--list figure {
    margin-bottom: 8px;
    width: 60px;
    height: 60px;
  }
}
#pid-feature.pid-feature-xwrite .aboutXwrite__item--list figure img {
  max-width: 35px;
  width: 100%;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature.pid-feature-xwrite .aboutXwrite__item--list figure img {
    max-width: 25px;
    height: 100%;
  }
}
#pid-feature.pid-feature-xwrite .aboutXwrite__text {
  width: 464px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature.pid-feature-xwrite .aboutXwrite__text {
    width: 100%;
  }
}
#pid-feature.pid-feature-xwrite .aboutXwrite__text p {
  font-size: 16px;
  margin: 0;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature.pid-feature-xwrite .aboutXwrite__text p {
    font-size: 14px;
    line-height: 1.9;
  }
}
#pid-feature.pid-feature-xwrite {
  /* ----------------------------------------------------------
      design
  ------------------------------------------------------------- */
}
#pid-feature.pid-feature-xwrite .designXwrite {
  background-color: #0074AD;
  color: #000;
  overflow: hidden;
  position: relative;
  padding: 0 0 8px;
  text-align: center;
  width: 100%;
  z-index: 1;
}
#pid-feature.pid-feature-xwrite .designXwrite::before {
  background: #fff;
  content: "";
  height: 60%;
  left: 50%;
  position: absolute;
  top: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100vw;
  z-index: -1;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature.pid-feature-xwrite .designXwrite::before {
    width: 101vw;
  }
}
#pid-feature.pid-feature-xwrite .designXwrite h3 {
  color: #0074AD;
  font-size: 32px;
  line-height: 1.5;
  margin-bottom: 24px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature.pid-feature-xwrite .designXwrite h3 {
    font-size: 20px;
  }
}
#pid-feature.pid-feature-xwrite .designXwrite > p {
  font-size: 16px;
  line-height: 1.5;
  margin: 0 auto;
  text-align: center;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature.pid-feature-xwrite .designXwrite > p {
    font-size: 14px;
    margin: 0 12px;
  }
}
#pid-feature.pid-feature-xwrite .designXwrite__item--list {
  z-index: 2;
  -webkit-animation: xwriteDesignMarquee 96s linear infinite;
          animation: xwriteDesignMarquee 96s linear infinite;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  margin: 64px 0 40px;
  padding: 0;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  will-change: transform;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature.pid-feature-xwrite .designXwrite__item--list {
    margin: 24px 0 40px;
  }
}
#pid-feature.pid-feature-xwrite .designXwrite__item--list li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 344px;
          flex: 0 0 344px;
}
@media only screen and (min-width: 0) and (max-width: 599px) {
  #pid-feature.pid-feature-xwrite .designXwrite__item--list li {
    -ms-flex-preferred-size: 218px;
        flex-basis: 218px;
  }
}
#pid-feature.pid-feature-xwrite .designXwrite__item--list figure {
  margin: 0;
}
#pid-feature.pid-feature-xwrite .designXwrite__item--list img {
  display: block;
  height: auto;
  width: 100%;
}
#pid-feature.pid-feature-xwrite .designXwrite .xwrite__btn {
  margin-top: 0;
  text-align: center;
  display: inline-block;
  border-bottom: 1px solid #fff;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature.pid-feature-xwrite .designXwrite .xwrite__btn {
    font-size: 14px;
  }
}
#pid-feature.pid-feature-xwrite .designXwrite .xwrite__btn:hover {
  opacity: 0.8;
}
#pid-feature.pid-feature-xwrite .designXwrite .xwrite__btn a {
  color: #fff;
  text-decoration: none;
}
#pid-feature.pid-feature-xwrite .designXwrite .xwrite__btn .ico_new-window:before {
  background-image: url(../img/common/ico_blank_white.svg);
}
@-webkit-keyframes xwriteDesignMarquee {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@keyframes xwriteDesignMarquee {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
#pid-feature.pid-feature-xwrite {
  /* ----------------------------------------------------------
      Xwriteが選ばれる3つの特長
  ------------------------------------------------------------- */
}
#pid-feature.pid-feature-xwrite .featureXwrite {
  padding: 80px 0;
  position: relative;
}
#pid-feature.pid-feature-xwrite .featureXwrite::before {
  background-color: #0074AD;
  content: "";
  height: 100%;
  left: 50%;
  position: absolute;
  top: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100vw;
  z-index: -1;
}
#pid-feature.pid-feature-xwrite .featureXwrite h3 {
  color: #eef4f8;
  font-size: 32px;
  margin-bottom: 40px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature.pid-feature-xwrite .featureXwrite h3 {
    font-size: 20px;
  }
}
#pid-feature.pid-feature-xwrite .featureXwrite__item {
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature.pid-feature-xwrite .featureXwrite__item {
    max-width: none;
  }
}
#pid-feature.pid-feature-xwrite .featureXwrite__item--list {
  counter-reset: featureReason;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature.pid-feature-xwrite .featureXwrite__item--list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#pid-feature.pid-feature-xwrite .featureXwrite__item--list li {
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  padding: 0 20px 28px;
  text-align: center;
  position: relative;
  counter-increment: featureReason;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature.pid-feature-xwrite .featureXwrite__item--list li {
    padding: 0 24px 24px;
    max-width: 500px;
    margin: 0 auto;
  }
}
#pid-feature.pid-feature-xwrite .featureXwrite__item--list li::after {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #144A7F;
  border-radius: 2px;
  color: #fff;
  content: counter(featureReason);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 19px;
  font-weight: 700;
  height: 36px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 50%;
  line-height: 1;
  position: absolute;
  top: 100px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 36px;
}
#pid-feature.pid-feature-xwrite .featureXwrite__item--list figure {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 -26px;
  padding-top: 30px;
  padding-bottom: 30px;
  position: relative;
  width: auto;
}
#pid-feature.pid-feature-xwrite .featureXwrite__item--list figure::before {
  background: #E9F4FF;
  content: "";
  inset: 0;
  position: absolute;
}
#pid-feature.pid-feature-xwrite .featureXwrite__item--list figure img {
  height: auto;
  position: relative;
  width: 60px;
  z-index: 1;
}
#pid-feature.pid-feature-xwrite .featureXwrite__item--list .featureXwrite__itemContent {
  margin-top: 28px;
}
#pid-feature.pid-feature-xwrite .featureXwrite__item--list h4 {
  color: #144A7F;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.45;
  margin-bottom: 12px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-feature.pid-feature-xwrite .featureXwrite__item--list h4 {
    font-size: 18px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature.pid-feature-xwrite .featureXwrite__item--list h4 {
    font-size: 16px;
  }
}
#pid-feature.pid-feature-xwrite .featureXwrite__item--list p {
  color: #000;
  font-size: 16px;
  line-height: 1.6;
  margin: 0;
  text-align: left;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature.pid-feature-xwrite .featureXwrite__item--list p {
    font-size: 14px;
  }
}
#pid-feature.pid-feature-xwrite {
  /* ----------------------------------------------------------
      ご利用できるプランの比較
  ------------------------------------------------------------- */
}
#pid-feature.pid-feature-xwrite .planXwrite {
  background: #fff;
  padding: 80px 0;
  position: relative;
}
#pid-feature.pid-feature-xwrite .planXwrite h3 {
  color: #0074AD;
  margin-bottom: 34px;
}
@media only screen and (max-width: 1099px) {
  #pid-feature.pid-feature-xwrite .planXwrite h3 {
    margin-bottom: 24px;
  }
}
#pid-feature.pid-feature-xwrite .xwritePlanContainer {
  width: 900px;
  margin: 0 auto;
}
@media only screen and (max-width: 900px) {
  #pid-feature.pid-feature-xwrite .xwritePlanContainer {
    width: 93.75%;
    margin-left: auto;
    margin-right: auto;
  }
}
#pid-feature.pid-feature-xwrite .xwritePlanContainer .js_scrolltip {
  overflow-x: clip;
}
@media only screen and (max-width: 1099px) {
  #pid-feature.pid-feature-xwrite .xwritePlanContainer .js_scrolltip {
    overflow-x: auto;
  }
}
#pid-feature.pid-feature-xwrite .xwritePlanTable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  margin-bottom: 16px;
  padding-top: 14px;
}
@media only screen and (max-width: 1099px) {
  #pid-feature.pid-feature-xwrite .xwritePlanTable {
    min-width: 820px;
  }
}
#pid-feature.pid-feature-xwrite .xwritePlanTable__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  width: 100%;
}
#pid-feature.pid-feature-xwrite .xwritePlanTable__card {
  background: #fff;
  border: 1px solid #cfd9e4;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  padding: 0 0 84px;
  position: relative;
}
#pid-feature.pid-feature-xwrite .xwritePlanTable__name {
  color: #1b79b3;
  padding: 24px 32px 0;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 1099px) {
  #pid-feature.pid-feature-xwrite .xwritePlanTable__name {
    padding: 24px 16px 0;
  }
}
#pid-feature.pid-feature-xwrite .xwritePlanTable__plan {
  font-size: 24px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 12px;
}
#pid-feature.pid-feature-xwrite .xwritePlanTable__head {
  position: relative;
  color: #000;
  padding: 0 32px;
  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-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#pid-feature.pid-feature-xwrite .xwritePlanTable__label {
  display: inline-block;
  position: absolute;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  top: -16px;
  left: 50%;
  white-space: nowrap;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #FF5400;
  color: #fff;
  font-size: 14px;
  line-height: 1.2;
  text-align: center;
  padding: 5px 5px 3px;
  z-index: 2;
}
#pid-feature.pid-feature-xwrite .xwritePlanTable__label:before {
  aspect-ratio: 1/1;
  bottom: -6px;
  content: "";
  height: 6px;
  clip-path: polygon(50% 100%, 100% 0, 0 0);
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #FF5400;
}
#pid-feature.pid-feature-xwrite .xwritePlanTable__desc {
  border-bottom: 1px solid #d7e1ea;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 24px;
  padding-bottom: 24px;
  color: #949494;
}
#pid-feature.pid-feature-xwrite .xwritePlanTable__cb {
  color: #FF5400;
  font-size: 12px;
  margin-bottom: 0;
}
#pid-feature.pid-feature-xwrite .xwritePlanTable__monthly {
  color: #000;
  font-size: 14px;
  margin-bottom: 12px;
  line-height: 1;
}
#pid-feature.pid-feature-xwrite .xwritePlanTable__actual {
  color: #000;
  font-size: 24px;
  line-height: 1;
  margin-bottom: 11px;
}
#pid-feature.pid-feature-xwrite .xwritePlanTable__actual .month {
  font-size: 24px;
  margin-right: 1px;
}
@media only screen and (max-width: 1099px) {
  #pid-feature.pid-feature-xwrite .xwritePlanTable__actual .month {
    font-size: 20px;
  }
}
#pid-feature.pid-feature-xwrite .xwritePlanTable__actual .number {
  font-size: 36px;
  font-weight: 500;
}
#pid-feature.pid-feature-xwrite .xwritePlanTable__infoBalloon {
  display: inline-block;
  position: relative;
  background: #FFE400;
  color: #144A7F;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  margin: 0 auto;
  padding: 4px 10px;
}
#pid-feature.pid-feature-xwrite .xwritePlanTable__infoBalloon:before {
  aspect-ratio: 1.35/1;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  content: "";
  left: 50%;
  position: absolute;
  top: -7px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 10px;
  background: #FFE400;
}
#pid-feature.pid-feature-xwrite .xwritePlanTable__button {
  background: #fff;
  border: 2px solid #ff8a00;
  border-radius: 3px;
  color: #ff8a00;
  display: block;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.02em;
  padding: 10px 8px;
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 18px;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  width: auto;
}
#pid-feature.pid-feature-xwrite .xwritePlanTable__theme {
  background: #eef5fc;
  border-radius: 6px;
  margin: 16px 24px;
  padding: 20px;
  text-align: center;
}
@media only screen and (max-width: 1099px) {
  #pid-feature.pid-feature-xwrite .xwritePlanTable__theme {
    padding: 12px;
  }
}
#pid-feature.pid-feature-xwrite .xwritePlanTable__themeName {
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 8px;
}
#pid-feature.pid-feature-xwrite .xwritePlanTable__themeName span {
  font-size: 14px;
  font-weight: bold;
}
#pid-feature.pid-feature-xwrite .xwritePlanTable__themePrice {
  color: #ff5400;
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 8px;
}
#pid-feature.pid-feature-xwrite .xwritePlanTable__themePrice .number {
  font-size: 32px;
  margin-right: 2px;
}
#pid-feature.pid-feature-xwrite .xwritePlanTable__themePrice sup {
  font-size: 38%;
}
#pid-feature.pid-feature-xwrite .xwritePlanTable__themeNote {
  font-size: 12px;
  margin-bottom: 0;
}
#pid-feature.pid-feature-xwrite .xwritePlanTable__specList {
  padding: 0 32px;
  min-height: 183px;
}
@media only screen and (max-width: 1099px) {
  #pid-feature.pid-feature-xwrite .xwritePlanTable__specList {
    padding: 0 24px;
  }
}
#pid-feature.pid-feature-xwrite .xwritePlanTable__specList .tooltip {
  vertical-align: text-bottom;
}
#pid-feature.pid-feature-xwrite .xwritePlanTable__specList .presentDomain {
  font-size: 12px;
}
@media only screen and (max-width: 1099px) {
  #pid-feature.pid-feature-xwrite .xwritePlanTable__specList .presentDomain {
    font-size: 10px;
  }
}
#pid-feature.pid-feature-xwrite .xwritePlanTable__specList li {
  color: #000;
  font-size: 14px;
  line-height: 1.55;
  margin-bottom: 8px;
  padding-left: 20px;
  position: relative;
}
@media only screen and (max-width: 1099px) {
  #pid-feature.pid-feature-xwrite .xwritePlanTable__specList li {
    font-size: 12px;
  }
}
#pid-feature.pid-feature-xwrite .xwritePlanTable__specList li::before {
  content: "";
  position: absolute;
  background: url(../img/common/ico_check.svg) no-repeat center;
  width: 14px;
  height: 10px;
  top: 10.85px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
}
#pid-feature.pid-feature-xwrite .xwritePlanTable__specList li:last-child {
  margin-bottom: 0;
}
#pid-feature.pid-feature-xwrite .xwritePlanTable__specList li .font-bold {
  font-size: 18px;
  font-weight: 500 !important;
}
@media only screen and (max-width: 1099px) {
  #pid-feature.pid-feature-xwrite .xwritePlanTable__specList li .font-bold {
    font-size: 16px;
  }
}
#pid-feature.pid-feature-xwrite .xwritePlanTable__specList li .imgico {
  background: url(../img/common/ico_tooltip.svg) 0 0 no-repeat;
  width: 16px;
  height: 16px;
}
#pid-feature.pid-feature-xwrite .xwritePlanTable__button {
  padding: 16px;
}
#pid-feature.pid-feature-xwrite .xwritePlanTable {
  /* キャンペーンレイアウト分岐設定 */
}
#pid-feature.pid-feature-xwrite .xwritePlanTable .xwritePlanTable__priceCp .xwritePlanTable__actual {
  color: #FF5400;
}
#pid-feature.pid-feature-xwrite .xwritePlanTable .xwritePlanTable__card.is--standard {
  background-color: #F4F4F4;
  border: 1px solid #F4F4F4;
}
#pid-feature.pid-feature-xwrite .xwritePlanTable .xwritePlanTable__card.is--standard .xwritePlanTable__desc {
  border-bottom: 1px solid #fff;
}
#pid-feature.pid-feature-xwrite .xwritePlanTable .xwritePlanTable__card.is--standard .xwritePlanTable__theme {
  background-color: #FFF;
}
#pid-feature.pid-feature-xwrite .xwritePlanTable .xwritePlanTable__card.is--standard .xwritePlanTable__themeName {
  margin-bottom: 16px;
}
#pid-feature.pid-feature-xwrite .xwritePlanTable .xwritePlanTable__card.is--standard .xwritePlanTable__themePrice span {
  font-size: 24px;
  color: #1f64a7;
  margin-right: 0;
  font-weight: 500;
}
@media only screen and (max-width: 1099px) {
  #pid-feature.pid-feature-xwrite .xwritePlanTable .xwritePlanTable__card.is--standard .xwritePlanTable__themePrice span {
    font-size: 22px;
  }
}
#pid-feature.pid-feature-xwrite .xwritePlanTable .xwritePlanTable__card.is--premium {
  border: 2px solid #0e77b9;
  -webkit-box-shadow: 0 0 0 1px rgba(14, 119, 185, 0.1);
          box-shadow: 0 0 0 1px rgba(14, 119, 185, 0.1);
}
#pid-feature.pid-feature-xwrite .xwritePlanTable .xwritePlanTable__card.is--premium .xwritePlanTable__button {
  background: #ff8a00;
  color: #fff;
}
#pid-feature.pid-feature-xwrite .note {
  font-size: 10px;
  margin-bottom: 0;
}
#pid-feature.pid-feature-xwrite {
  /* ----------------------------------------------------------
      ご利用開始までの流れ
  ------------------------------------------------------------- */
}
#pid-feature.pid-feature-xwrite .flowXwrite {
  padding: 80px 0;
  background-color: #e6f1f7;
}
#pid-feature.pid-feature-xwrite .flowXwrite__container {
  width: 960px;
  margin: 0 auto;
}
@media only screen and (max-width: 900px) {
  #pid-feature.pid-feature-xwrite .flowXwrite__container {
    width: 93.75%;
    margin-left: auto;
    margin-right: auto;
  }
}
#pid-feature.pid-feature-xwrite .flowXwrite__container > p {
  color: #222;
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 40px;
  text-align: center;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature.pid-feature-xwrite .flowXwrite__container > p {
    font-size: 14px;
    margin-bottom: 20px;
  }
}
#pid-feature.pid-feature-xwrite .flowXwrite h3 {
  color: #0074AD;
  margin-bottom: 14px;
}
#pid-feature.pid-feature-xwrite .flowXwrite__item {
  counter-reset: flowStep;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}
#pid-feature.pid-feature-xwrite .flowXwrite__item::before {
  border-top: 2px dotted #144A7F;
  content: "";
  left: 12.5%;
  position: absolute;
  right: 12.5%;
  top: 140px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature.pid-feature-xwrite .flowXwrite__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #pid-feature.pid-feature-xwrite .flowXwrite__item::before {
    display: none;
  }
}
#pid-feature.pid-feature-xwrite .flowXwrite__itemBox {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 16px;
  position: relative;
  width: 25%;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature.pid-feature-xwrite .flowXwrite__itemBox {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
  }
}
#pid-feature.pid-feature-xwrite .flowXwrite__itemBox::before {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #144A7F;
  border-radius: 50%;
  color: #fff;
  content: counter(flowStep);
  counter-increment: flowStep;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 22px;
  width: 40px;
  height: 40px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 50%;
  line-height: 1;
  position: absolute;
  top: 120px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
}
#pid-feature.pid-feature-xwrite .flowXwrite__itemBox:nth-child(-n+2) .flowXwrite__img img {
  height: 47px;
  width: 47px;
}
#pid-feature.pid-feature-xwrite .flowXwrite__itemBox:last-child .flowXwrite__box {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
#pid-feature.pid-feature-xwrite .flowXwrite__img {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #FFF;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 103px;
  height: 103px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto 80px;
  text-align: center;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature.pid-feature-xwrite .flowXwrite__img {
    margin: 0 auto 72px;
  }
}
#pid-feature.pid-feature-xwrite .flowXwrite__img img {
  height: 53px;
  width: 53px;
}
#pid-feature.pid-feature-xwrite .flowXwrite__box {
  max-width: 192px;
  margin: 0 auto;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature.pid-feature-xwrite .flowXwrite__box {
    max-width: none;
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 2px dotted #144A7F;
  }
}
#pid-feature.pid-feature-xwrite .flowXwrite__ttl {
  color: #0074AD;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 16px;
  text-align: center;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature.pid-feature-xwrite .flowXwrite__ttl {
    font-size: 16px;
  }
}
#pid-feature.pid-feature-xwrite .flowXwrite__txt {
  color: #222;
  font-size: 16px;
  margin: 0;
  text-align: left;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature.pid-feature-xwrite .flowXwrite__txt {
    font-size: 14px;
  }
}
#pid-feature.pid-feature-xwrite .flowXwrite__txt a {
  text-decoration: underline;
}
#pid-feature.pid-feature-xwrite .flowXwrite__txt .ico--newWindow {
  margin-left: 3px;
}
#pid-feature.pid-feature-xwrite {
  /* ----------------------------------------------------------
      よくある質問
  ------------------------------------------------------------- */
}
#pid-feature.pid-feature-xwrite .faqXwrite {
  margin: 80px 0;
}
#pid-feature.pid-feature-xwrite .faqXwrite h3 {
  color: #0074ad;
  margin-bottom: 32px;
}
#pid-feature.pid-feature-xwrite .faqXwrite__body {
  margin: 0 auto;
  max-width: 800px;
  padding: 0;
}
@media only screen and (min-width: 0) and (max-width: 800px) {
  #pid-feature.pid-feature-xwrite .faqXwrite__body {
    width: 93.75%;
    margin-left: auto;
    margin-right: auto;
  }
}
#pid-feature.pid-feature-xwrite .faqXwrite__body li {
  background: #fff;
  border: 1px solid #e7edf3;
  border-radius: 2px;
  list-style: none;
  margin-bottom: 18px;
}
#pid-feature.pid-feature-xwrite .faqXwrite__body li:last-child {
  margin-bottom: 0;
}
#pid-feature.pid-feature-xwrite .faqXwrite__card {
  margin: 0;
  padding: 0;
}
#pid-feature.pid-feature-xwrite .faqXwrite__question {
  background: #e6f1f7;
  color: #5b5b5b;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 0;
  padding: 24px 24px 24px 52px;
  position: relative;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature.pid-feature-xwrite .faqXwrite__question {
    font-size: 16px;
    padding: 16px 8px 16px 44px;
  }
}
#pid-feature.pid-feature-xwrite .faqXwrite__question:before {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #144A7F;
  border-radius: 50%;
  color: #fff;
  content: "Q";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 15px;
  font-weight: normal;
  height: 25px;
  width: 25px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 16px;
  top: 50%;
  position: absolute;
  padding-left: 1px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature.pid-feature-xwrite .faqXwrite__question:before {
    left: 12px;
    width: 20px;
    height: 20px;
    font-size: 13px;
  }
}
#pid-feature.pid-feature-xwrite .faqXwrite__answer {
  color: #333;
  font-size: 16px;
  line-height: 1.9;
  padding: 24px 24px 24px 52px;
  position: relative;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature.pid-feature-xwrite .faqXwrite__answer {
    font-size: 14px;
    line-height: 1.8;
    padding: 24px 8px 16px 44px;
  }
}
#pid-feature.pid-feature-xwrite .faqXwrite__answer:before {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #144a7f;
  border-radius: 50%;
  color: #144a7f;
  content: "A";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 15px;
  font-weight: normal;
  height: 23px;
  width: 23px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  top: 25px;
  left: 16px;
  padding-left: 1px;
  position: absolute;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-feature.pid-feature-xwrite .faqXwrite__answer:before {
    left: 12px;
    width: 20px;
    height: 20px;
    font-size: 13px;
  }
}
#pid-feature.pid-feature-xwrite .faqXwrite__answer p {
  margin-bottom: 0;
}
#pid-feature.pid-feature-xwrite .faqXwrite__answer a {
  color: inherit;
  text-decoration: underline;
}
#pid-feature.pid-feature-xwrite .faqXwrite__answer p:last-child {
  margin-bottom: 0;
}

#pid-functions .font22 {
  font-size: 2.2rem;
}
#pid-functions .block_functions .block_body {
  padding: 0;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .block_functions .block_body {
    overflow-x: auto;
  }
  #pid-functions .block_functions .block_body .table {
    min-width: 600px;
  }
  #pid-functions .block_functions .block_body .table > thead th:not(:first-child) {
    width: 120px !important;
  }
  #pid-functions .block_functions .block_body .table > thead th:first-child {
    width: 200px !important;
  }
}
@media only screen and (min-width: 768px) {
  #pid-functions .block_functions .tooltip {
    display: none;
    margin-top: 3px;
  }
  #pid-functions .block_functions .tooltip i {
    display: none;
  }
  #pid-functions .block_functions .tooltip .tooltip_content {
    display: block;
    font-size: 1.1rem;
    line-height: 1.3;
    color: #888;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .planCommons {
    min-width: unset !important;
  }
  #pid-functions .planCommons thead {
    display: none;
  }
  #pid-functions .planCommons tbody th, #pid-functions .planCommons tbody td {
    display: block;
  }
  #pid-functions .planCommons tbody th {
    background: #286ed3;
    color: #fff;
    text-align: center;
  }
  #pid-functions .planCommons tbody th a {
    color: #fff;
  }
  #pid-functions .planCommons tbody th.secondaryCaption {
    background: #f3f3f3;
    color: #2f334c;
  }
  #pid-functions .planCommons tbody th.secondaryCaption a {
    color: #2f334c;
  }
  #pid-functions .planCommons tbody td {
    background: #fff;
    border-bottom: 1px solid #f8f8f8;
    margin-bottom: 20px;
  }
}
#pid-functions .js_scrolltip {
  position: relative;
}
#pid-functions .scrollHint {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  pointer-events: none;
}
#pid-functions .scrollHint * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (min-width: 640px) {
  #pid-functions .scrollHint {
    display: none;
  }
}
#pid-functions .scrollHint_icon {
  width: 120px;
  height: 80px;
  position: absolute;
  top: 60px;
  left: 0;
  right: 0;
  margin: auto;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  line-height: 1;
  font-size: 1rem;
  padding: 10px;
  border-radius: 5px;
}
#pid-functions .scrollHint_icon i {
  font-size: 4rem;
  -webkit-animation: movearrow 1s ease-out infinite;
          animation: movearrow 1s ease-out infinite;
  position: relative;
}
@keyframes movearrow {
  0% {
    left: 0;
  }
  25% {
    left: 6px;
  }
  50% {
    left: 0;
  }
  75% {
    left: -4px;
  }
  100% {
    left: 0;
  }
}
#pid-functions .backup-dl {
  margin: 0 0 1em;
}
#pid-functions .backup-dl:last-child {
  margin-bottom: 0;
}
#pid-functions .backup-dl dt {
  margin: 0 0 5px;
  font-weight: bold;
}
#pid-functions .backup-dl dt .ico {
  margin-right: 5px;
  color: #87b4de;
}
#pid-functions .backup-dl dd {
  margin: 0 0 1.5em;
  padding: 0 0 0 20px;
}
#pid-functions .backup-dl dd:last-child {
  margin-bottom: 0;
}
#pid-functions .caution_ttl {
  font-size: 1.6rem;
}
@media only screen and (min-width: 768px) {
  #pid-functions .caution_ttl {
    font-size: 1.8rem;
  }
}
#pid-functions .caution_ttl {
  margin-bottom: 5px;
  color: #f88522;
}
#pid-functions .caution_ttl .ico {
  margin: 0 5px 0 0;
  font-size: 40px;
}
#pid-functions .caution_body {
  border: 1px solid #f1d1a0;
  -webkit-box-shadow: 0 0 2px 1px #ffebd9 inset;
          box-shadow: 0 0 2px 1px #ffebd9 inset;
}
#pid-functions .caution_item {
  padding: 20px;
  border-bottom: 1px solid #e2e2e2;
}
#pid-functions .caution_item:last-child {
  margin-bottom: 0;
}
#pid-functions .caution_item > p {
  margin-bottom: 0;
  margin-left: 1.4em;
  text-indent: -1.4em;
}
#pid-functions .caution_item_ttl {
  margin-bottom: 10px;
  font-size: 1.6rem;
}
#pid-functions .caution_item_body {
  padding: 0 0 0 1.4em;
}
#pid-functions .caution_item_body p:last-child {
  margin-bottom: 0;
}
#pid-functions .caution_item .ico_circle {
  margin: 0 5px 0 0;
  color: #f88522;
}
#pid-functions .cards {
  text-align: center;
}
#pid-functions .card {
  display: inline-block;
  width: 290px;
  margin: 0 5px 15px;
  text-align: center;
}
#pid-functions .card_header {
  margin: 0;
  padding: 12px 0 10px;
  background: #666;
  border-radius: 3px 3px 0 0;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.2;
}
#pid-functions .card_coressl .card_header {
  background: #046fb5;
}
#pid-functions .card_securecore .card_header {
  background: #115098;
}
#pid-functions .card_rapidssl .card_header {
  background: #c44141;
}
#pid-functions .card_geotrust .card_header {
  background: #eb6d0a;
}
#pid-functions .card_globalsign .card_header {
  background: #00923e;
}
#pid-functions .card_body {
  border: 1px solid #b3b3b3;
  border-top: none;
  border-radius: 0 0 3px 3px;
}
#pid-functions .card_name_logo {
  display: block;
  margin: 0 auto;
}
#pid-functions .card_name_label {
  display: block;
  margin-bottom: 7px;
  color: #666;
  font-size: 16px;
  font-weight: bold;
}
#pid-functions .card_pr {
  margin: 0;
  padding: 2px 0;
  background: #f00;
  color: #fff;
  font-size: 13px;
}
#pid-functions .card_price {
  margin: 0;
  padding: 10px 0 7px;
  background: #eee;
  border-radius: 0 0 3px 3px;
  font-weight: bold;
  line-height: 1.2;
}
#pid-functions .card_coressl .card_price {
  background: #cde2f0;
  color: #046fb5;
}
#pid-functions .card_securecore .card_price {
  background: #cfdcea;
  color: #115098;
}
#pid-functions .card_rapidssl .card_price {
  background: #f2d8d8;
  color: #c44141;
}
#pid-functions .card_geotrust .card_price {
  background: #fbe2ce;
  color: #eb6d0a;
}
#pid-functions .card_globalsign .card_price {
  background: #cce9d8;
  color: #00923e;
}
#pid-functions .card_price_pr {
  color: #f00 !important;
}
#pid-functions .card_price_num {
  font-size: 28px;
}
#pid-functions .ssl-table {
  width: 100%;
  margin: 0 0 20px;
  background: #fff;
}
#pid-functions .ssl-table th,
#pid-functions .ssl-table td {
  padding: 10px;
  border: 1px solid #ccc;
  vertical-align: middle;
}
#pid-functions .ssl-table th p:last-child,
#pid-functions .ssl-table td p:last-child {
  margin-bottom: 0;
}
#pid-functions .ssl-table_coressl,
#pid-functions .ssl-table_securecore,
#pid-functions .ssl-table_rapidssl,
#pid-functions .ssl-table_geotrust,
#pid-functions .ssl-table_globalsign {
  width: 17.5%;
}
#pid-functions .ssl-table thead th {
  background: #767676;
  color: #fff;
  font-size: 13px;
  text-align: center;
}
#pid-functions .ssl-table thead th.ssl-table_coressl {
  background: #046fb5;
}
#pid-functions .ssl-table thead th.ssl-table_securecore {
  background: #115098;
}
#pid-functions .ssl-table thead th.ssl-table_rapidssl {
  background: #c44141;
}
#pid-functions .ssl-table thead th.ssl-table_geotrust {
  background: #eb6d0a;
}
#pid-functions .ssl-table thead th.ssl-table_globalsign {
  background: #00923e;
}
#pid-functions .ssl-table tbody th,
#pid-functions .ssl-table tbody td {
  font-size: 12px;
}
#pid-functions .ssl-table tbody th {
  background: #f0f4f7;
}
#pid-functions .ssl-table tbody td {
  background: #f9f9f9;
  font-weight: bold;
  text-align: center;
}
#pid-functions .ssl-table tbody .ssl-table_coressl {
  background: #f2f8fb;
}
#pid-functions .ssl-table tbody .ssl-table_securecore {
  background: #f3f6fa;
}
#pid-functions .ssl-table tbody .ssl-table_rapidssl {
  background: #fcf5f5;
}
#pid-functions .ssl-table tbody .ssl-table_geotrust {
  background: #fffaf6;
}
#pid-functions .ssl-table tbody .ssl-table_globalsign {
  background: #f2f9f5;
}
#pid-functions .ssl-table tbody tr:nth-child(even) th {
  background: #e7eaed;
}
#pid-functions .ssl-table tbody tr:nth-child(even) td {
  background: #f5f5f5;
}
#pid-functions .ssl-table tbody tr:nth-child(even) .ssl-table_coressl {
  background: #e5f0f7;
}
#pid-functions .ssl-table tbody tr:nth-child(even) .ssl-table_securecore {
  background: #e7edf4;
}
#pid-functions .ssl-table tbody tr:nth-child(even) .ssl-table_rapidssl {
  background: #f2ebeb;
}
#pid-functions .ssl-table tbody tr:nth-child(even) .ssl-table_geotrust {
  background: #f5f0ec;
}
#pid-functions .ssl-table tbody tr:nth-child(even) .ssl-table_globalsign {
  background: #e5f4eb;
}
#pid-functions .ssl-table_inner {
  margin-bottom: 0;
  padding: 10px 0 0;
  border-top: 1px dashed #ccc;
}
#pid-functions .ssl-table_mark {
  margin: 5px;
}
#pid-functions .ssl-table_label {
  display: inline-block;
  padding: 3px;
  background: #fff;
  border-radius: 2px;
  line-height: 1.2;
}
#pid-functions .ssl-table_dl {
  margin-bottom: 1em;
}
#pid-functions .ssl-table_dl dd {
  font-size: 11px;
  font-weight: normal !important;
}
#pid-functions .info {
  margin: 0 0 20px;
  padding: 15px 15px 15px 50px;
  background: #fff url(../img/functions/ico_info.png) 10px 10px no-repeat;
  border: 1px solid #ccc;
}
#pid-functions .info_ttl {
  margin-bottom: 10px;
  font-size: 15px;
}
#pid-functions .info_body {
  color: #555;
  font-size: 13px;
}
#pid-functions .lede {
  margin: 0 0 1em;
}
#pid-functions .lede .media_body {
  font-size: 2rem;
}
@media only screen and (min-width: 1100px) {
  #pid-functions .lede .media_body {
    font-size: 2.6rem;
  }
}
#pid-functions .lede .media_body {
  margin-bottom: 0;
  color: #286ed3;
  line-height: 1.4;
}
#pid-functions .btn_white_border {
  border: 1px solid #eee;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .btn_brand-more {
    height: 10px;
    line-height: 10px;
    font-size: 12px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-functions .btn_brand-more {
    height: 14px;
    line-height: 14px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-functions .btn_brand-more {
    height: 14px;
    line-height: 14px;
  }
}
#pid-functions .funcTrial {
  text-align: center;
  margin: 10px 0 0;
}
#pid-functions .funcTrial .button {
  font-size: 1.3rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
#pid-functions.pid-feature-index .secondly-table-s th, #pid-functions.pid-feature-index .secondly-table-sm th {
  width: 1%;
  white-space: nowrap;
}
#pid-functions .secondly-table-s th,
#pid-functions .secondly-table-sm th {
  width: 30%;
}
#pid-functions .ssl-secondly-table-sm th {
  width: 20%;
  background: #00a498 !important;
  color: #fff;
}
#pid-functions .ssl-secondly-table-sm tr:nth-child(even) th {
  width: 20%;
  background: #1b5fa6 !important;
  color: #fff;
}
#pid-functions .ssl-secondly-table-sm td {
  background: #f2fafa !important;
}
#pid-functions .ssl-secondly-table-sm tr:nth-child(even) td {
  background: #e9eff6 !important;
}
#pid-functions .table_value {
  display: block;
  line-height: 1.1;
  text-align: center;
}
#pid-functions .table_value--xwrite .table_value__text {
  display: inline-block;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-weight: 600;
  line-height: 1.3;
  font-size: 12px;
  margin-top: 1rem;
}
#pid-functions .table_value--xwrite .table_value__name {
  font-weight: bold;
  color: #286ed3;
}
#pid-functions .table_value--xwrite .table_value__price {
  color: #ff5400;
  font-weight: bold;
}
#pid-functions .table_value--xwrite .table_value__price .num {
  font-size: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-functions .table-value span {
    display: block;
  }
}
#pid-functions .intro {
  margin-bottom: 40px;
}
#pid-functions .intro .media_body {
  margin-bottom: 0;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .intro .media_image {
    margin-right: 0 !important;
  }
}
#pid-functions .feature {
  margin: 30px 0 0;
  padding: 0 0 30px;
  border-bottom: 1px dotted #ccc;
}
#pid-functions .feature:first-child {
  margin: 0;
}
@media only screen and (min-width: 1100px) {
  #pid-functions .feature:last-child {
    padding: 0;
    border-bottom: none;
  }
}
#pid-functions .feature_description-ssl {
  margin: 0 0 40px 0;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .feature .media_image {
    display: none;
  }
  #pid-functions .feature_ttl {
    margin: 0 0 10px;
    font-size: 21px;
  }
  #pid-functions .feature_ttl_num {
    display: inline-block;
    padding: 0 5px 0 0;
    color: #1b63a7;
    font-family: Arial, Helvetica, sans-serif;
  }
  #pid-functions .feature_description {
    padding: 0 0 2px;
  }
  #pid-functions .feature_description p:last-child {
    margin: 0;
  }
  #pid-functions .free-feature {
    margin: 20px 0 0;
  }
  #pid-functions .free-feature:first-child {
    margin: 0;
  }
  #pid-functions .free-feature_ttl {
    margin: 0 0 5px;
    font-size: 21px;
  }
  #pid-functions .free-feature_description p:last-child {
    margin: 0;
  }
  #pid-functions .free-feature_img {
    display: block;
    margin: 0 auto 5px;
  }
  #pid-functions .ssl-nav {
    text-align: center;
    margin-bottom: 10px;
  }
  #pid-functions .ssl-nav li {
    width: 47%;
    display: inline-block;
    margin-right: 10px;
    list-style: none;
  }
  #pid-functions .ssl-nav li a {
    display: block;
    padding: 10px 0;
    border: 2px solid #1b63a7;
    border-radius: 4px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
  }
  #pid-functions .ssl-nav li a:hover {
    background: #e7f3ff;
  }
  #pid-functions .ssl-nav_txt {
    font-size: 75%;
    color: #f78600;
    line-height: 1px;
  }
  #pid-functions .ssl-nav_ttl {
    font-size: 83.33%;
    color: #1b63a7;
    line-height: 1px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-functions .feature_ttl {
    margin: 0 0 5px;
    font-size: 21px;
  }
  #pid-functions .feature_ttl_num {
    float: left;
    width: 6%;
    color: #1b63a7;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
  }
  #pid-functions .feature_ttl_label {
    width: auto;
    padding: 0;
  }
  #pid-functions .feature_description {
    padding: 0;
  }
  #pid-functions .feature_description p:last-child {
    margin: 0;
  }
  #pid-functions .free-feature {
    margin: 20px 0 0;
  }
  #pid-functions .free-feature:first-child {
    margin: 0;
  }
  #pid-functions .free-feature_ttl {
    margin: 0 0 5px;
    font-size: 21px;
  }
  #pid-functions .free-feature_description p:last-child {
    margin: 0;
  }
  #pid-functions .free-feature_img {
    float: right;
    margin-left: 10px;
  }
  #pid-functions .ssl-nav {
    width: 610px;
    margin: 0 auto 15px;
  }
  #pid-functions .ssl-nav li {
    float: left;
    margin-right: 10px;
    list-style: none;
  }
  #pid-functions .ssl-nav li a {
    display: block;
    width: 296px;
    padding: 15px 0;
    border: 2px solid #1b63a7;
    border-radius: 4px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
  }
  #pid-functions .ssl-nav li a:hover {
    background: #e7f3ff;
  }
  #pid-functions .ssl-nav_txt {
    color: #f78600;
  }
  #pid-functions .ssl-nav_ttl {
    color: #1b63a7;
    font-size: 121.42%;
    line-height: 1;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-functions .feature_ttl {
    margin: 0 0 5px;
    font-size: 21px;
  }
  #pid-functions .feature_ttl_label {
    padding: 0.4em 0 0;
  }
  #pid-functions .feature_description {
    padding: 0 0 2px 0;
  }
  #pid-functions .feature_description p:last-child {
    margin: 0;
  }
  #pid-functions .free-feature {
    margin: 20px 0 0;
  }
  #pid-functions .free-feature:first-child {
    margin: 0;
  }
  #pid-functions .free-feature_ttl {
    margin: 0 0 5px;
    font-size: 21px;
  }
  #pid-functions .free-feature_description p:last-child {
    margin: 0;
  }
  #pid-functions .free-feature_img {
    float: right;
    margin-left: 10px;
  }
  #pid-functions .ssl-nav {
    width: 610px;
    margin: 0 auto 15px;
  }
  #pid-functions .ssl-nav li {
    float: left;
    margin-right: 10px;
    list-style: none;
  }
  #pid-functions .ssl-nav li a {
    display: block;
    width: 296px;
    padding: 15px 0;
    border: 2px solid #1b63a7;
    border-radius: 4px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
  }
  #pid-functions .ssl-nav li a:hover {
    background: #e7f3ff;
  }
  #pid-functions .ssl-nav_txt {
    color: #f78600;
  }
  #pid-functions .ssl-nav_ttl {
    color: #1b63a7;
    font-size: 121.42%;
    line-height: 1;
  }
}
@media only screen and (min-width: 768px) {
  #pid-functions .ssltype {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -15px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-functions .ssltype {
    margin: 0 -25px;
  }
}
@media only screen and (min-width: 768px) {
  #pid-functions .ssltype .ssltype_block {
    width: 50%;
    margin-bottom: 0;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-functions .ssltype .ssltype_block {
    padding: 0 25px;
  }
}
#pid-functions .feature-ssl {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
#pid-functions .ssltype_block_img {
  max-width: 100%;
}
#pid-functions .sslauth_table thead th {
  font-size: 12px;
  line-height: 1.2;
  color: #222222;
  background: #eeeeee;
  border: none;
  border-right: 1px solid #fff;
}
#pid-functions .sslauth_table thead th:nth-child(1) {
  width: 15%;
}
#pid-functions .sslauth_table thead th:nth-child(2) {
  width: 22.5%;
}
#pid-functions .sslauth_table thead th:nth-child(3) {
  width: 15%;
}
#pid-functions .sslauth_table thead th:nth-child(4) {
  width: 8%;
}
#pid-functions .sslauth_table thead th:nth-child(5) {
  width: 14%;
}
#pid-functions .sslauth_table thead th:nth-child(6) {
  width: 11%;
}
@media only screen and (min-width: 1100px) {
  #pid-functions .sslauth_table thead th:nth-child(1) {
    width: 14.5%;
  }
  #pid-functions .sslauth_table thead th:nth-child(2) {
    width: 16.5%;
  }
  #pid-functions .sslauth_table thead th:nth-child(3) {
    width: 13%;
  }
  #pid-functions .sslauth_table thead th:nth-child(4) {
    width: 11%;
  }
  #pid-functions .sslauth_table thead th:nth-child(5) {
    width: 10%;
  }
  #pid-functions .sslauth_table thead th:nth-child(6) {
    width: 11%;
  }
  #pid-functions .sslauth_table thead th:nth-child(7) {
    width: 8%;
  }
}
#pid-functions .sslauth_table tbody tr:nth-child(even) td {
  background: #fff;
}
#pid-functions .sslauth_table tbody td {
  padding: 6px 0;
  font-size: 14px;
  line-height: 1.2;
  text-align: center;
  color: #222222;
  border: none;
  border-bottom: 1px solid #ccc;
}
#pid-functions .sslauth_table .balloon {
  position: relative;
}
#pid-functions .sslauth_table .balloon .pr {
  position: absolute;
  top: -100%;
  left: 50%;
  padding: 4px 12px;
  display: inline-block;
  background: #ffa200;
  color: #fff;
  font-size: 11px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  white-space: nowrap;
}
#pid-functions .sslauth_table .balloon .pr:after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  right: 0;
  display: block;
  width: 0;
  height: 0;
  margin: auto;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #ffa200;
}
#pid-functions .secondly-table-sm .balloon .tooltip {
  margin-right: 7px;
}
#pid-functions .secondly-table-sm .balloon .pr {
  padding: 2px 12px;
  display: inline-block;
  background: #ffa200;
  color: #fff;
  font-size: 11px;
}
#pid-functions .authInfo {
  margin-bottom: 40px;
}
#pid-functions .authInfo--ev .authInfo__head {
  background: #32699c;
}
#pid-functions .authInfo--ev .authInfo__headLevelCopy {
  color: #cfd8e4;
  border: 1px solid #658fb5;
}
#pid-functions .authInfo--ev .authInfo__body {
  border-color: #32699c;
  background: #eff3f7;
}
#pid-functions .authInfo--ev .authInfo__copy {
  color: #32699c;
}
#pid-functions .authInfo--ev .authInfo__list .ico {
  color: #32699c;
}
#pid-functions .authInfo--ev .authInfo__barTtl {
  background: #32699c;
}
#pid-functions .authInfo--ov .authInfo__head {
  background: #2090b5;
}
#pid-functions .authInfo--ov .authInfo__headLevelCopy {
  color: #cde1ea;
  border: 1px solid #58acc8;
}
#pid-functions .authInfo--ov .authInfo__body {
  border-color: #2090b5;
  background: #eef6f9;
}
#pid-functions .authInfo--ov .authInfo__copy {
  color: #2090b5;
}
#pid-functions .authInfo--ov .authInfo__list .ico {
  color: #2090b5;
}
#pid-functions .authInfo--ov .authInfo__barTtl {
  background: #2090b5;
}
#pid-functions .authInfo--dv .authInfo__head {
  background: #20b5aa;
}
#pid-functions .authInfo--dv .authInfo__headLevelCopy {
  color: #cdeae7;
  border: 1px solid #58c8bf;
}
#pid-functions .authInfo--dv .authInfo__body {
  border-color: #20b5aa;
  background: #eef9f8;
}
#pid-functions .authInfo--dv .authInfo__copy {
  color: #20b5aa;
}
#pid-functions .authInfo--dv .authInfo__list .ico {
  color: #20b5aa;
}
#pid-functions .authInfo--dv .authInfo__barTtl {
  background: #20b5aa;
}
#pid-functions .authInfo__head {
  font-size: 2rem;
}
@media only screen and (min-width: 1100px) {
  #pid-functions .authInfo__head {
    font-size: 2.4rem;
  }
}
#pid-functions .authInfo__head {
  padding: 0.5em 5px 0.5em 23px;
  border-radius: 3px 3px 0 0;
  font-weight: 500;
  line-height: 1.3;
}
@media only screen and (min-width: 768px) {
  #pid-functions .authInfo__head {
    padding: 0.65em 33px;
  }
}
#pid-functions .authInfo__headTtl {
  display: inline-block;
  margin-right: 8px;
  color: #fff;
  vertical-align: middle;
}
#pid-functions .authInfo__headLevel {
  display: inline-block;
  font-size: 13px;
}
#pid-functions .authInfo__headLevelCopy {
  display: inline-block;
  margin-right: 5px;
  padding: 5px 5px;
  line-height: 1;
}
#pid-functions .authInfo__body {
  padding: 20px;
  border-width: 3px;
  border-style: solid;
  border-top: none;
  border-radius: 0 0 3px 3px;
}
@media only screen and (min-width: 768px) {
  #pid-functions .authInfo__body {
    padding: 30px;
  }
}
#pid-functions .authInfo__copy {
  font-size: 1.8rem;
}
@media only screen and (min-width: 1100px) {
  #pid-functions .authInfo__copy {
    font-size: 2rem;
  }
}
#pid-functions .authInfo__copy {
  margin-bottom: 0.3em;
}
#pid-functions .authInfo__list {
  font-size: 16px;
}
#pid-functions .authInfo__list .ico {
  margin-right: 5px;
}
#pid-functions .authInfo__bar {
  padding: 10px 14px;
  font-size: 12px;
  line-height: 1;
}
#pid-functions .authInfo__barTtl {
  display: inline-block;
  margin-right: 5px;
  padding: 6px 5px;
  color: #ffffff;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .ssllineup {
    margin-bottom: 15px;
    padding: 18px;
  }
  #pid-functions .ssllineup:last-child {
    margin-bottom: 0;
  }
  #pid-functions .ssllineup-dv {
    border: 2px solid #2064a5;
  }
  #pid-functions .ssllineup-ovev {
    border: 2px solid #143e6a;
  }
  #pid-functions .ssllineup_ttl {
    margin-bottom: 20px;
    font-size: 16px;
  }
  #pid-functions .ssllineup_ttl-dv {
    color: #2064a5;
  }
  #pid-functions .ssllineup_ttl-ovev {
    color: #143e6a;
  }
  #pid-functions .ssllineup_ttl_service {
    display: inline-block;
    margin-right: 5px;
    padding: 3px 6px;
    font-size: 14px;
    color: #fff;
  }
  #pid-functions .ssllineup_ttl_service-xsv {
    background: #2064a5;
  }
  #pid-functions .ssllineup_ttl_service-xbiz {
    background: #143e6a;
  }
  #pid-functions .ssllineup_type {
    display: inline-block;
    width: 100px;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
  }
  #pid-functions .ssllineup_type-free {
    color: #20a701;
    background: #e2ffda;
    border: 1px solid #c0f2b2;
  }
  #pid-functions .ssllineup_type-option {
    color: #1675b7;
    background: #daf2ff;
    border: 1px solid #c7e4f4;
  }
  #pid-functions .ssllineup_link {
    margin: 0 20px;
    padding: 18px 28px 15px 28px;
    text-align: center;
    border: 1px solid #1b5fa6;
    background: url(../img/functions/bg_grid_xbiz.png);
  }
  #pid-functions .ssllineup_link > img {
    display: block;
    max-width: 100%;
    margin: 0 auto 12px auto;
  }
  #pid-functions .ssllineup_link_btn {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin-right: 5px;
    padding: 8px 8px 8px 12px;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #143e6a;
    border-radius: 0;
    background: #fff;
  }
  #pid-functions .ssllineup_link_btn > img {
    display: block;
    margin: 0 auto 5px auto;
  }
  #pid-functions .ssllineup_link_btn > .ico {
    font-size: 16px;
    color: #143e6a;
  }
  #pid-functions .msg-siteseal .media_image {
    padding: 11px 20px 16px 20px;
    border: 1px solid #cccccc;
    background: #fff;
  }
  #pid-functions .msg-siteseal .media_image > img {
    max-width: 100%;
  }
  #pid-functions .sslauth {
    margin-bottom: 35px;
  }
  #pid-functions .authwrap {
    padding: 11px 13px;
    border: 1px solid #cccccc;
    background: #fff;
  }
  #pid-functions .authinfo:last-child {
    margin-bottom: 0px;
  }
  #pid-functions .authinfo_head {
    margin: 0 0 10px 0;
    padding: 6px 10px;
  }
  #pid-functions .authinfo-ev .authinfo_head {
    color: #115098;
    background: #e7edf4;
  }
  #pid-functions .authinfo-ov .authinfo_head {
    color: #1894b0;
    background: #e7f4f7;
  }
  #pid-functions .authinfo-dv .authinfo_head {
    color: #1eb2ab;
    background: #e8f7f6;
  }
  #pid-functions .authinfo_head_ttl {
    display: inline-block;
    margin-right: 8px;
    font-size: 18px;
    vertical-align: middle;
  }
  #pid-functions .authinfo_head_level {
    display: inline-block;
  }
  #pid-functions .authinfo_head_level_copy {
    display: inline-block;
    margin-right: 5px;
    padding: 5px 5px;
    font-size: 13px;
    line-height: 1;
  }
  #pid-functions .authinfo-ev .authinfo_head_level_copy {
    color: #cfd8e4;
    border: 1px solid #658fb5;
  }
  #pid-functions .authinfo-ov .authinfo_head_level_copy {
    color: #cde1ea;
    border: 1px solid #58acc8;
  }
  #pid-functions .authinfo-dv .authinfo_head_level_copy {
    color: #cdeae7;
    border: 1px solid #58c8bf;
  }
  #pid-functions .authinfo_body {
    margin: 0 0 10px 0;
  }
  #pid-functions .authinfo_body > ul {
    margin-bottom: 0;
  }
  #pid-functions .authinfo_copy {
    margin-bottom: 0.3em;
    font-size: 14px;
    font-weight: bold;
  }
  #pid-functions .authinfo-ev .authinfo_copy {
    color: #115098;
  }
  #pid-functions .authinfo-ov .authinfo_copy {
    color: #0693b1;
  }
  #pid-functions .authinfo-dv .authinfo_copy {
    color: #06b1ab;
  }
  #pid-functions .authinfo_list .ico {
    margin-right: 5px;
  }
  #pid-functions .authinfo-ev .authinfo_list .ico {
    color: #115098;
  }
  #pid-functions .authinfo-ov .authinfo_list .ico {
    color: #0693b1;
  }
  #pid-functions .authinfo-dv .authinfo_list .ico {
    color: #06b1ab;
  }
  #pid-functions .authinfo_bar {
    font-size: 12px;
    line-height: 1.6;
  }
  #pid-functions .authinfo_bar > img {
    margin-bottom: 5px;
  }
  #pid-functions .authinfo_bar_ttl {
    display: block;
    margin: 0 0 10px 0;
    margin-right: 8px;
    padding: 5px 7px;
    font-weight: bold;
    color: #ffffff;
  }
  #pid-functions .authinfo-ev .authinfo_bar_ttl {
    color: #115098;
    border: 1px solid #c5d3e5;
  }
  #pid-functions .authinfo-ov .authinfo_bar_ttl {
    color: #0693b1;
    border: 1px solid #c5e4eb;
  }
  #pid-functions .authinfo-dv .authinfo_bar_ttl {
    color: #06b1ab;
    border: 1px solid #c7ecea;
  }
  #pid-functions .sslauth_campaign {
    display: inline-block;
    margin: 0 0 5px 0;
    padding: 2px 4px;
    background: #eb1010;
    color: #fff;
    font-size: 12px;
  }
  #pid-functions .sslauth_offer {
    margin-bottom: 10px;
    padding: 5px;
    font-size: 12px;
    border: 1px dotted #ccc;
  }
  #pid-functions .sslauth_offer_item {
    margin-right: 5px;
    display: inline-block;
  }
  #pid-functions .sslauth_offer_item > img {
    margin-right: 5px;
  }
  #pid-functions .sslauth_btn {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-functions .ssllineup {
    margin-bottom: 15px;
    padding: 18px;
  }
  #pid-functions .ssllineup:last-child {
    margin-bottom: 0;
  }
  #pid-functions .ssllineup-dv {
    border: 2px solid #2064a5;
  }
  #pid-functions .ssllineup-ovev {
    border: 2px solid #143e6a;
  }
  #pid-functions .ssllineup_ttl {
    margin-bottom: 20px;
    font-size: 18px;
  }
  #pid-functions .ssllineup_ttl-dv {
    color: #2064a5;
  }
  #pid-functions .ssllineup_ttl-ovev {
    color: #143e6a;
  }
  #pid-functions .ssllineup_ttl_service {
    display: inline-block;
    margin-right: 5px;
    padding: 4px 7px;
    font-size: 16px;
    color: #fff;
  }
  #pid-functions .ssllineup_ttl_service-xsv {
    background: #2064a5;
  }
  #pid-functions .ssllineup_ttl_service-xbiz {
    background: #143e6a;
  }
  #pid-functions .ssllineup_type {
    display: inline-block;
    width: 120px;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
  }
  #pid-functions .ssllineup_type-free {
    color: #20a701;
    background: #e2ffda;
    border: 1px solid #c0f2b2;
  }
  #pid-functions .ssllineup_type-option {
    color: #1675b7;
    background: #daf2ff;
    border: 1px solid #c7e4f4;
  }
  #pid-functions .ssllineup_link {
    margin: 0 20px;
    padding: 18px 28px 15px 28px;
    text-align: center;
    border: 1px solid #1b5fa6;
    background: url(../img/functions/bg_grid_xbiz.png);
  }
  #pid-functions .ssllineup_link > img {
    display: block;
    margin: 0 auto 12px auto;
  }
  #pid-functions .ssllineup_link_btn {
    margin-right: 5px;
    padding: 11px 9px 11px 13px;
    font-size: 16px;
    font-weight: bold;
    border: 1px solid #143e6a;
    border-radius: 0;
    background: #fff;
  }
  #pid-functions .ssllineup_link_btn > .ico {
    font-size: 20px;
    color: #143e6a;
  }
  #pid-functions .msg-siteseal .media_image {
    padding: 11px 20px 16px 20px;
    border: 1px solid #cccccc;
    background: #fff;
  }
  #pid-functions .sslauth {
    margin-bottom: 35px;
  }
  #pid-functions .authwrap {
    padding: 11px 13px;
    border: 1px solid #cccccc;
    background: #fff;
  }
  #pid-functions .authinfo:last-child {
    margin-bottom: 0px;
  }
  #pid-functions .authinfo_head {
    margin: 0 0 10px 0;
    padding: 6px 10px;
  }
  #pid-functions .authinfo-ev .authinfo_head {
    color: #115098;
    background: #e7edf4;
  }
  #pid-functions .authinfo-ov .authinfo_head {
    color: #1894b0;
    background: #e7f4f7;
  }
  #pid-functions .authinfo-dv .authinfo_head {
    color: #1eb2ab;
    background: #e8f7f6;
  }
  #pid-functions .authinfo_head_ttl {
    display: inline-block;
    margin-right: 8px;
    font-size: 18px;
    vertical-align: middle;
  }
  #pid-functions .authinfo_head_level {
    display: inline-block;
  }
  #pid-functions .authinfo_head_level_copy {
    display: inline-block;
    margin-right: 5px;
    padding: 5px 5px;
    font-size: 13px;
    line-height: 1;
  }
  #pid-functions .authinfo-ev .authinfo_head_level_copy {
    color: #cfd8e4;
    border: 1px solid #658fb5;
  }
  #pid-functions .authinfo-ov .authinfo_head_level_copy {
    color: #cde1ea;
    border: 1px solid #58acc8;
  }
  #pid-functions .authinfo-dv .authinfo_head_level_copy {
    color: #cdeae7;
    border: 1px solid #58c8bf;
  }
  #pid-functions .authinfo_body {
    margin: 0 0 10px 13px;
  }
  #pid-functions .authinfo_body > ul {
    margin-bottom: 0;
  }
  #pid-functions .authinfo_copy {
    margin-bottom: 0.3em;
    font-size: 16px;
    font-weight: bold;
  }
  #pid-functions .authinfo-ev .authinfo_copy {
    color: #115098;
  }
  #pid-functions .authinfo-ov .authinfo_copy {
    color: #0693b1;
  }
  #pid-functions .authinfo-dv .authinfo_copy {
    color: #06b1ab;
  }
  #pid-functions .authinfo_list .ico {
    margin-right: 5px;
  }
  #pid-functions .authinfo-ev .authinfo_list .ico {
    color: #115098;
  }
  #pid-functions .authinfo-ov .authinfo_list .ico {
    color: #0693b1;
  }
  #pid-functions .authinfo-dv .authinfo_list .ico {
    color: #06b1ab;
  }
  #pid-functions .authinfo_bar {
    margin-left: 13px;
    font-size: 12px;
    line-height: 1.6;
  }
  #pid-functions .authinfo_bar > img {
    margin-bottom: 5px;
  }
  #pid-functions .authinfo_bar_ttl {
    display: inline-block;
    margin-right: 8px;
    padding: 2px 7px;
    font-weight: bold;
    color: #ffffff;
  }
  #pid-functions .authinfo-ev .authinfo_bar_ttl {
    color: #115098;
    border: 1px solid #c5d3e5;
  }
  #pid-functions .authinfo-ov .authinfo_bar_ttl {
    color: #0693b1;
    border: 1px solid #c5e4eb;
  }
  #pid-functions .authinfo-dv .authinfo_bar_ttl {
    color: #06b1ab;
    border: 1px solid #c7ecea;
  }
  #pid-functions .sslauth_campaign {
    display: inline-block;
    margin: 0 0 5px 0;
    padding: 2px 4px;
    background: #eb1010;
    color: #fff;
    font-size: 12px;
  }
  #pid-functions .sslauth_offer {
    margin-bottom: 10px;
    padding: 5px;
    font-size: 12px;
    border: 1px dotted #ccc;
  }
  #pid-functions .sslauth_offer_item {
    margin-right: 5px;
    display: inline-block;
  }
  #pid-functions .sslauth_offer_item > img {
    margin-right: 5px;
  }
  #pid-functions .sslauth_btn {
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-functions .ssllineup {
    margin-bottom: 15px;
    padding: 18px;
  }
  #pid-functions .ssllineup:last-child {
    margin-bottom: 0;
  }
  #pid-functions .ssllineup-dv {
    border: 2px solid #2064a5;
  }
  #pid-functions .ssllineup-ovev {
    border: 2px solid #143e6a;
  }
  #pid-functions .ssllineup_ttl {
    margin-bottom: 20px;
    font-size: 20px;
  }
  #pid-functions .ssllineup_ttl-dv {
    color: #2064a5;
  }
  #pid-functions .ssllineup_ttl-ovev {
    color: #143e6a;
  }
  #pid-functions .ssllineup_ttl_service {
    display: inline-block;
    margin-right: 5px;
    padding: 4px 7px;
    font-size: 18px;
    color: #fff;
  }
  #pid-functions .ssllineup_ttl_service-xsv {
    background: #2064a5;
  }
  #pid-functions .ssllineup_ttl_service-xbiz {
    background: #143e6a;
  }
  #pid-functions .ssllineup_type {
    display: inline-block;
    width: 120px;
    font-size: 10px;
    font-weight: bold;
  }
  #pid-functions .ssllineup_type-free {
    color: #20a701;
    background: #e2ffda;
    border: 1px solid #c0f2b2;
  }
  #pid-functions .ssllineup_type-option {
    color: #1675b7;
    background: #daf2ff;
    border: 1px solid #c7e4f4;
  }
  #pid-functions .ssllineup_link {
    margin: 0 30px;
    padding: 18px 28px;
    border: 1px solid #1b5fa6;
    background: url(../img/functions/bg_grid_xbiz.png);
  }
  #pid-functions .ssllineup_link > img {
    margin-right: 18px;
  }
  #pid-functions .ssllineup_link_btn {
    margin-right: 5px;
    padding: 11px 9px 11px 13px;
    font-size: 16px;
    font-weight: bold;
    border: 1px solid #143e6a;
    border-radius: 0;
    background: #fff;
  }
  #pid-functions .ssllineup_link_btn > .ico {
    font-size: 20px;
    color: #143e6a;
  }
  #pid-functions .msg-siteseal .media_image {
    padding: 13px 25px 20px 25px;
    border: 1px solid #cccccc;
    background: #fff;
  }
  #pid-functions .sslauth {
    margin-bottom: 35px;
  }
  #pid-functions .authwrap {
    padding: 12px 15px;
    border: 1px solid #cccccc;
    background: #fff;
  }
  #pid-functions .authinfo:last-child {
    margin-bottom: 0px;
  }
  #pid-functions .authinfo_head {
    margin: 0 0 10px 0;
    padding: 6px 10px;
  }
  #pid-functions .authinfo-ev .authinfo_head {
    color: #115098;
    background: #e7edf4;
  }
  #pid-functions .authinfo-ov .authinfo_head {
    color: #1894b0;
    background: #e7f4f7;
  }
  #pid-functions .authinfo-dv .authinfo_head {
    color: #1eb2ab;
    background: #e8f7f6;
  }
  #pid-functions .authinfo_head_ttl {
    display: inline-block;
    margin-right: 8px;
    font-size: 18px;
    vertical-align: middle;
  }
  #pid-functions .authinfo_head_level {
    display: inline-block;
  }
  #pid-functions .authinfo_head_level_copy {
    display: inline-block;
    margin-right: 5px;
    padding: 5px 5px;
    font-size: 13px;
    line-height: 1;
  }
  #pid-functions .authinfo-ev .authinfo_head_level_copy {
    color: #cfd8e4;
    border: 1px solid #658fb5;
  }
  #pid-functions .authinfo-ov .authinfo_head_level_copy {
    color: #cde1ea;
    border: 1px solid #58acc8;
  }
  #pid-functions .authinfo-dv .authinfo_head_level_copy {
    color: #cdeae7;
    border: 1px solid #58c8bf;
  }
  #pid-functions .authinfo_body {
    float: left;
    margin-left: 13px;
  }
  #pid-functions .authinfo_body > ul {
    margin-bottom: 0;
  }
  #pid-functions .authinfo_copy {
    margin-bottom: 0.3em;
    font-size: 16px;
    font-weight: bold;
  }
  #pid-functions .authinfo-ev .authinfo_copy {
    color: #115098;
  }
  #pid-functions .authinfo-ov .authinfo_copy {
    color: #0693b1;
  }
  #pid-functions .authinfo-dv .authinfo_copy {
    color: #06b1ab;
  }
  #pid-functions .authinfo_list .ico {
    margin-right: 5px;
  }
  #pid-functions .authinfo-ev .authinfo_list .ico {
    color: #115098;
  }
  #pid-functions .authinfo-ov .authinfo_list .ico {
    color: #0693b1;
  }
  #pid-functions .authinfo-dv .authinfo_list .ico {
    color: #06b1ab;
  }
  #pid-functions .authinfo_bar {
    float: right;
    width: 355px;
    font-size: 12px;
    line-height: 1.6;
  }
  #pid-functions .authinfo_bar > img {
    margin-bottom: 5px;
  }
  #pid-functions .authinfo_bar_ttl {
    float: left;
    display: inline-block;
    margin-right: 11px;
    padding: 25px 7px;
    font-weight: bold;
    color: #ffffff;
  }
  #pid-functions .authinfo-ev .authinfo_bar_ttl {
    color: #115098;
    border: 1px solid #c5d3e5;
  }
  #pid-functions .authinfo-ov .authinfo_bar_ttl {
    color: #0693b1;
    border: 1px solid #c5e4eb;
  }
  #pid-functions .authinfo-dv .authinfo_bar_ttl {
    color: #06b1ab;
    border: 1px solid #c7ecea;
  }
  #pid-functions .ssllineup-ovev .sslauth_table thead th:nth-child(1) {
    width: 14.5%;
  }
  #pid-functions .ssllineup-ovev .sslauth_table thead th:nth-child(2) {
    width: 14.5%;
  }
  #pid-functions .ssllineup-ovev .sslauth_table thead th:nth-child(3) {
    width: 13%;
  }
  #pid-functions .ssllineup-ovev .sslauth_table thead th:nth-child(4) {
    width: 11%;
  }
  #pid-functions .ssllineup-ovev .sslauth_table thead th:nth-child(5) {
    width: 10%;
  }
  #pid-functions .ssllineup-ovev .sslauth_table thead th:nth-child(6) {
    width: 10%;
  }
  #pid-functions .ssllineup-ovev .sslauth_table thead th:nth-child(7) {
    width: 9%;
  }
  #pid-functions .ssllineup-ovev .sslauth_table thead th:nth-child(8) {
    width: 9%;
  }
  #pid-functions .sslauth_campaign {
    display: inline-block;
    margin: 0 0 5px 0;
    padding: 2px 4px;
    background: #eb1010;
    color: #fff;
    font-size: 12px;
  }
  #pid-functions .sslauth_offer {
    margin-bottom: 10px;
    padding: 5px;
    font-size: 12px;
    border: 1px dotted #ccc;
  }
  #pid-functions .sslauth_offer_item {
    margin-right: 5px;
    display: inline-block;
  }
  #pid-functions .sslauth_offer_item > img {
    margin-right: 5px;
  }
  #pid-functions .sslauth_btn {
    font-size: 14px;
  }
}
#pid-functions .bnr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin: 0 auto 20px;
  position: relative;
}
@media only screen and (max-width: 1099px) {
  #pid-functions .bnr {
    max-width: 524px;
    display: block;
  }
}
#pid-functions .bnr div:nth-of-type(2) {
  margin-left: 32px;
}
@media only screen and (max-width: 1099px) {
  #pid-functions .bnr div:nth-of-type(2) {
    margin-left: 0;
    padding-top: 64px;
  }
}
#pid-functions .bnr div:nth-of-type(2)::before {
  display: block;
  position: absolute;
  content: "+";
  font-size: 24px;
  line-height: 1;
  color: #fff;
  background-color: #aaaaaa;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
  text-align: center;
  border: 3px solid #fff;
  z-index: 1;
}
@media only screen and (max-width: 1099px) {
  #pid-functions .bnr div:nth-of-type(2)::before {
    top: calc(50% - 10px);
  }
}
#pid-functions .bnr div:nth-of-type(2)::after {
  display: block;
  position: absolute;
  content: "\ff3c\ff12\3064\306e\30ad\30e3\30f3\30da\30fc\30f3\3092\540c\6642\958b\50ac\4e2d\ff01 \ff0f";
  font-size: 14px;
  font-weight: bold;
  color: #f88522;
  line-height: 1;
  top: -20px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
@media only screen and (max-width: 1099px) {
  #pid-functions .bnr div:nth-of-type(2)::after {
    content: "\ff3c\3055\3089\306b\ff01\8ffd\52a0\3067\304a\5f97\306a\30ad\30e3\30f3\30da\30fc\30f3\540c\6642\958b\50ac\4e2d\ff01\ff0f";
    width: 100%;
    text-align: center;
    border-top: 1px dashed #ccc;
    top: calc(50% - 10px);
    padding-top: 20px;
  }
}
#pid-functions .bnr .mb25 {
  width: 100%;
  max-width: 757px;
  margin: 0 auto 25px;
}
#pid-functions .bnr .mb25 img {
  width: 100%;
  height: auto;
}
#pid-functions .bnr hr, #pid-functions .bnr p.tac {
  max-width: 757px;
  margin-left: auto;
  margin-right: auto;
}
#pid-functions .bnr .mb5 {
  margin-bottom: 5px;
}
#pid-functions .bnr .mb20 {
  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;
  gap: 20px;
}
@media only screen and (max-width: 1099px) {
  #pid-functions .bnr .mb20 {
    gap: 10px;
  }
}
#pid-functions .bnr .mb20 p {
  width: 524px;
  max-width: 100%;
  margin: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
#pid-functions .bnr .mb20 img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
#pid-functions .ssl-brand-price {
  margin-bottom: 30px;
  padding-bottom: 25px;
  border-bottom: 1px solid #ccc;
}
#pid-functions .ssl-brand-price_more {
  text-align: center;
}
#pid-functions .ssl-brand-price_more dl:last-child {
  margin-right: 0;
}
#pid-functions .ssl-brand-price_more dl {
  display: inline-block;
  margin-right: 10px;
}
#pid-functions .ssl-brand-price_more dt {
  position: relative;
  top: -5px;
  display: inline-block;
  width: 80px;
  height: 25px;
  margin-right: 5px;
  background-color: #1b63a7;
  color: #fff;
  font-weight: bold;
  line-height: 25px;
}
#pid-functions .ssl-brand-price_more dd {
  display: inline-block;
  font-size: 15px;
  font-weight: bold;
}
#pid-functions .ssl-brand-price_more dd span {
  font-size: 25px;
}
#pid-functions .ssl-brand-price_more dl.pr-price dt {
  background-color: #222 !important;
}
#pid-functions .ssl-brand-price_more dl.pr-price dd {
  color: #222 !important;
}
#pid-functions .ssl-brand-price_more .cpPrice {
  border: 1px solid #d63524;
  color: #d63524;
  padding: 5px 10px;
  margin-left: 10px;
  display: inline-block;
  font-size: 16px;
  position: relative;
  top: -3px;
}
#pid-functions .ssl-brand-link {
  margin-bottom: 30px;
  text-align: center;
}
#pid-functions .ssl-brand-link li a {
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  display: block;
  width: 240px;
  height: 46px;
  background-color: #1b63a7;
  border-radius: 23px;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  line-height: 46px;
  text-decoration: none;
}
#pid-functions .ssl-brand-link li a .ico {
  position: relative;
  top: -0.1em;
  margin-right: 5px;
}
#pid-functions .ssl-brand-link li a:hover {
  background-color: #2b72b5;
}
#pid-functions th.ssl-table_snissl {
  background: #00a498 !important;
  color: #fff;
}
#pid-functions th.ssl-table_ipbase {
  background: #1b5fa6 !important;
  color: #fff;
}
#pid-functions td.ssl-table_snissl {
  background: #f2fafa !important;
}
#pid-functions tr:nth-child(even) td.ssl-table_snissl {
  background: #d9f1f0 !important;
}
#pid-functions td.ssl-table_ipbase {
  background: #e9eff6 !important;
}
#pid-functions tr:nth-child(even) td.ssl-table_ipbase {
  background: #dde7f2 !important;
}
#pid-functions .two-bdt {
  border-top: 3px double #ccc !important;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .ssl-brand-header {
    margin-bottom: 30px;
    padding: 30px 20px;
    border-bottom: 1px solid #ccc;
    border-top: 3px solid #1b63a7;
    text-align: center;
  }
  #pid-functions .ssl-brand-header_l {
    display: inline-block;
    width: 90%;
  }
  #pid-functions .ssl-brand-header_ttl {
    margin-bottom: 10px;
    color: #1b63a7;
    font-size: 26px;
  }
  #pid-functions .ssl-brand-header_r {
    display: inline-block;
    width: 90%;
    height: 86px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    line-height: 86px;
    text-align: center;
  }
  #pid-functions .ssl-brand-header_auth {
    display: inline-block;
    margin: 0 0 10px 0;
    padding: 0 0 0 3px;
    background: #ecf4fb;
    border: 1px solid #ecf4fb;
  }
  #pid-functions .ssl-brand-header_auth_ttl {
    display: inline-block;
    color: #1b63a7;
  }
  #pid-functions .ssl-brand-header_auth_body {
    display: inline-block;
    padding: 2px 7px;
    background: #fff;
  }
  #pid-functions .ssl-brand-header_auth_body > img {
    margin-right: 5px;
  }
  #pid-functions .ssl-brand-end {
    padding: 14px;
    text-align: center;
    border: 2px solid #d63524;
    background: #fdf5f4;
  }
  #pid-functions .ssl-brand-end > p {
    margin-bottom: 8px;
  }
  #pid-functions .ssl-brand-end > :last-child {
    margin-bottom: 0;
  }
  #pid-functions .ssl-brand-end_ttl {
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: bold;
    color: #d63524;
  }
  #pid-functions .ssl-brand-end_date {
    margin-bottom: 10px;
  }
  #pid-functions .ssl-brand-end_new {
    margin-bottom: 5px;
  }
  #pid-functions .ssl-brand-end_new,
  #pid-functions .ssl-brand-end_update {
    display: inline-block;
    padding: 3px 7px;
    background: #fff;
  }
  #pid-functions .ssl-brand-end_new > b,
  #pid-functions .ssl-brand-end_update > b {
    margin-right: 5px;
    color: #e8a72b;
  }
  #pid-functions .ssl-brand-price_pr {
    width: 80%;
    height: 30px;
    margin: 0 auto 15px;
    border: 1px solid #d63524;
    color: #d63524;
    font-size: 15px;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
  }
  #pid-functions .ssl-brand-feature_ttl {
    margin-bottom: 10px;
    color: #1b63a7;
    font-size: 20px;
    text-align: center;
  }
  #pid-functions .ssl-brand-feature_pr {
    margin: 0 auto 30px;
    background-color: #e4f0fa;
    border-bottom: 2px solid #cedce9;
  }
  #pid-functions .ssl-brand-feature_pr ul {
    padding: 5px;
  }
  #pid-functions .ssl-brand-feature_pr li {
    margin-bottom: 5px;
    background-color: #fff;
    border-bottom: 2px solid #cedce9;
  }
  #pid-functions .ssl-brand-feature_pr li:last-child {
    margin-bottom: 0 !important;
  }
  #pid-functions .ssl-brand-feature_pr dt {
    float: left;
    width: 66px;
    height: 66px;
  }
  #pid-functions .ssl-brand-feature_pr dd {
    min-height: 56px;
    padding: 8px 8px 8px 65px;
  }
  #pid-functions .ssl-brand-feature_pr dd b {
    color: #eca700;
    font-size: 16px;
  }
  #pid-functions .ssl-brand-link li {
    display: inline-block;
    width: 240px;
    height: 46px;
    margin-bottom: 15px;
  }
  #pid-functions .ssl-brand-link li:last-child {
    margin-bottom: 0 !important;
  }
  #pid-functions .sni-color {
    float: left;
    margin-bottom: 5px;
    margin-right: 10px;
    padding: 5px;
    background-color: #00a498;
    color: #fff;
    font-weight: bold;
  }
  #pid-functions .ip-color {
    float: left;
    margin-bottom: 5px;
    padding: 5px;
    background-color: #1b5fa6;
    color: #fff;
    font-weight: bold;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-functions .ssl-brand-header {
    margin-bottom: 30px;
    padding: 30px 20px;
    border-bottom: 1px solid #ccc;
    border-top: 3px solid #1b63a7;
    text-align: center;
  }
  #pid-functions .ssl-brand-header_l {
    display: inline-block;
    width: 80%;
  }
  #pid-functions .ssl-brand-header_ttl {
    margin-bottom: 10px;
    color: #1b63a7;
    font-size: 38px;
  }
  #pid-functions .ssl-brand-header_r {
    display: inline-block;
    width: 80%;
    height: 106px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    line-height: 106px;
    text-align: center;
  }
  #pid-functions .ssl-brand-header_auth {
    display: inline-block;
    margin: 0 0 10px 0;
    padding: 0 0 0 3px;
    background: #ecf4fb;
    border: 1px solid #ecf4fb;
  }
  #pid-functions .ssl-brand-header_auth_ttl {
    display: inline-block;
    color: #1b63a7;
  }
  #pid-functions .ssl-brand-header_auth_body {
    display: inline-block;
    padding: 2px 7px;
    background: #fff;
  }
  #pid-functions .ssl-brand-header_auth_body > img {
    margin-right: 5px;
  }
  #pid-functions .ssl-brand-end {
    padding: 18px;
    text-align: center;
    border: 2px solid #d63524;
    background: #fdf5f4;
  }
  #pid-functions .ssl-brand-end > p {
    margin-bottom: 10px;
  }
  #pid-functions .ssl-brand-end > :last-child {
    margin-bottom: 0;
  }
  #pid-functions .ssl-brand-end_ttl {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: bold;
    color: #d63524;
  }
  #pid-functions .ssl-brand-end_date {
    margin-bottom: 15px;
  }
  #pid-functions .ssl-brand-end_new,
  #pid-functions .ssl-brand-end_update {
    display: inline-block;
    padding: 3px 7px;
    background: #fff;
  }
  #pid-functions .ssl-brand-end_new > b,
  #pid-functions .ssl-brand-end_update > b {
    margin-right: 5px;
    color: #e8a72b;
  }
  #pid-functions .ssl-brand-price_pr {
    width: 360px;
    height: 30px;
    margin: 0 auto 15px;
    border: 1px solid #d63524;
    color: #d63524;
    font-size: 15px;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
  }
  #pid-functions .ssl-brand-feature_ttl {
    margin-bottom: 10px;
    color: #1b63a7;
    font-size: 20px;
    text-align: center;
  }
  #pid-functions .ssl-brand-feature_pr {
    margin: 0 auto 30px;
    background-color: #e4f0fa;
    border-bottom: 2px solid #cedce9;
  }
  #pid-functions .ssl-brand-feature_pr ul {
    padding: 5px;
  }
  #pid-functions .ssl-brand-feature_pr li {
    margin-bottom: 5px;
    background-color: #fff;
    border-bottom: 2px solid #cedce9;
  }
  #pid-functions .ssl-brand-feature_pr li:last-child {
    margin-bottom: 0 !important;
  }
  #pid-functions .ssl-brand-feature_pr dt {
    float: left;
    width: 66px;
    height: 66px;
  }
  #pid-functions .ssl-brand-feature_pr dd {
    min-height: 56px;
    padding: 8px 8px 8px 65px;
  }
  #pid-functions .ssl-brand-feature_pr dd b {
    color: #eca700;
    font-size: 16px;
  }
  #pid-functions .ssl-brand-link li {
    display: inline-block;
    width: 240px;
    height: 46px;
  }
  #pid-functions .ssl-brand-link li:last-child {
    margin-right: 0 !important;
  }
  #pid-functions .ssl-table-header {
    margin-bottom: 10px;
  }
  #pid-functions .sni-color {
    float: left;
    margin-right: 10px;
    padding: 5px;
    background-color: #00a498;
    color: #fff;
    font-weight: bold;
  }
  #pid-functions .ip-color {
    float: left;
    padding: 5px;
    background-color: #1b5fa6;
    color: #fff;
    font-weight: bold;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-functions .ssl-brand-header {
    margin-bottom: 30px;
    padding: 30px 20px;
    border-bottom: 1px solid #ccc;
    border-top: 3px solid #1b63a7;
  }
  #pid-functions .ssl-brand-header_l {
    float: left;
    width: 570px;
  }
  #pid-functions .ssl-brand-header_ttl {
    margin-bottom: 5px;
    color: #1b63a7;
    font-size: 32px;
  }
  #pid-functions .ssl-brand-header_r {
    float: right;
    width: 334px;
    height: 120px;
    border: 1px solid #ccc;
    border-radius: 5px;
    line-height: 120px;
    text-align: center;
  }
  #pid-functions .ssl-brand-header_auth {
    display: inline-block;
    margin: 0 0 10px 0;
    padding: 0 0 0 3px;
    background: #ecf4fb;
    border: 1px solid #ecf4fb;
  }
  #pid-functions .ssl-brand-header_auth_ttl {
    display: inline-block;
    color: #1b63a7;
  }
  #pid-functions .ssl-brand-header_auth_body {
    display: inline-block;
    padding: 2px 7px;
    background: #fff;
  }
  #pid-functions .ssl-brand-header_auth_body > img {
    margin-right: 5px;
  }
  #pid-functions .ssl-brand-end {
    padding: 18px;
    text-align: center;
    border: 2px solid #d63524;
    background: #fdf5f4;
  }
  #pid-functions .ssl-brand-end > p {
    margin-bottom: 10px;
  }
  #pid-functions .ssl-brand-end > :last-child {
    margin-bottom: 0;
  }
  #pid-functions .ssl-brand-end_ttl {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: bold;
    color: #d63524;
  }
  #pid-functions .ssl-brand-end_date {
    margin-bottom: 15px;
  }
  #pid-functions .ssl-brand-end_new,
  #pid-functions .ssl-brand-end_update {
    display: inline-block;
    padding: 3px 7px;
    background: #fff;
  }
  #pid-functions .ssl-brand-end_new > b,
  #pid-functions .ssl-brand-end_update > b {
    margin-right: 5px;
    color: #e8a72b;
  }
  #pid-functions .ssl-brand-price {
    margin-bottom: 30px;
    padding-bottom: 25px;
    border-bottom: 1px solid #ccc;
  }
  #pid-functions .ssl-brand-price_pr {
    width: 360px;
    height: 30px;
    margin: 0 auto 15px;
    border: 1px solid #d63524;
    color: #d63524;
    font-size: 15px;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
  }
  #pid-functions .ssl-brand-price_more {
    text-align: center;
  }
  #pid-functions .ssl-brand-price_more dl:last-child {
    margin-right: 0;
  }
  #pid-functions .ssl-brand-price_more dl {
    display: inline-block;
    margin-right: 10px;
  }
  #pid-functions .ssl-brand-price_more dt {
    position: relative;
    top: -5px;
    display: inline-block;
    width: 80px;
    height: 25px;
    margin-right: 5px;
    background-color: #1b63a7;
    color: #fff;
    font-weight: bold;
    line-height: 25px;
  }
  #pid-functions .ssl-brand-price_more dd {
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
  }
  #pid-functions .ssl-brand-price_more dd span {
    font-size: 25px;
  }
  #pid-functions .ssl-brand-price_more dl.pr-price dt {
    background-color: #222 !important;
  }
  #pid-functions .ssl-brand-price_more .cpPrice {
    border: 1px solid #d63524;
    color: #d63524;
    padding: 5px 10px;
    margin-left: 10px;
    display: inline-block;
    font-size: 16px;
    position: relative;
    top: -3px;
  }
  #pid-functions .ssl-brand-feature_ttl {
    margin-bottom: 10px;
    color: #1b63a7;
    font-size: 20px;
    text-align: center;
  }
  #pid-functions .ssl-brand-feature_pr {
    width: 890px;
    margin: 0 auto 30px;
    background-color: #e4f0fa;
    border-bottom: 2px solid #cedce9;
  }
  #pid-functions .ssl-brand-feature_pr ul {
    display: table;
    border-collapse: separate;
    border-spacing: 15px;
  }
  #pid-functions .ssl-brand-feature_pr ul:nth-child(even) {
    border-spacing: 15px 0;
  }
  #pid-functions .ssl-brand-feature_pr li {
    display: table-cell;
    width: 437px;
    background-color: #fff;
    border-bottom: 2px solid #cedce9;
  }
  #pid-functions .ssl-brand-feature_pr dt {
    width: 66px;
    height: 66px;
    float: left;
  }
  #pid-functions .ssl-brand-feature_pr dd {
    min-height: 56px;
    padding: 8px 8px 8px 65px;
  }
  #pid-functions .ssl-brand-feature_pr dd b {
    color: #eca700;
    font-size: 16px;
  }
  #pid-functions .ssl-table-header {
    width: 770px;
    padding-left: 230px;
  }
  #pid-functions .ssl-brand-link li {
    display: inline-block;
    width: 240px;
    height: 46px;
  }
  #pid-functions .ssl-brand-link li:last-child {
    margin-right: 0 !important;
  }
  #pid-functions .sni-color {
    padding: 5px;
    width: 250px;
    margin-right: 125px;
    text-align: center;
    font-weight: bold;
    color: #00a498;
    float: left;
  }
  #pid-functions .ip-color {
    padding: 5px;
    width: 250px;
    text-align: center;
    font-weight: bold;
    color: #1b5fa6;
    float: left;
  }
}
#pid-functions .css_close_btn {
  display: block;
  padding-left: 18px;
  width: 88px;
  height: 36px;
  line-height: 36px;
  position: absolute;
  z-index: 1004;
  top: -40px;
  right: -5px;
  color: #fff;
  font-size: 120%;
  text-decoration: none !important;
  background: #1b63a7 url(../img/functions/font_close_btn.png) 77px center no-repeat;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
#pid-functions .css_close_btn:hover {
  background: #3d7ab4 url(../img/functions/font_close_btn.png) 77px center no-repeat;
  color: #fff;
}
@media only screen and (min-width: 768px) {
  #pid-functions .webfontIntro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -15px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-functions .webfontIntro {
    margin: 0 -25px;
  }
}
@media only screen and (min-width: 768px) {
  #pid-functions .webfontIntro .webfont-block {
    width: 50%;
    margin-bottom: 0;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-functions .webfontIntro .webfont-block {
    padding: 0 25px;
  }
}
#pid-functions .webfontIntro .webfont-block .block_img {
  margin-bottom: 25px;
  text-align: center;
}
#pid-functions .webfontIntro .webfont-block .block_img img {
  max-width: 100%;
  height: auto;
}
@media only screen and (min-width: 768px) {
  #pid-functions .webfont-cmn-col2,
  #pid-functions .webfont-cmn-col3 {
    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;
  }
}
#pid-functions .webfont-cmn-col2 .webfont-cmn-contents,
#pid-functions .webfont-cmn-col3 .webfont-cmn-contents {
  margin-top: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#pid-functions .webfont-cmn-col2 .webfont-cmn-contents + .webfont-cmn-contents,
#pid-functions .webfont-cmn-col3 .webfont-cmn-contents + .webfont-cmn-contents {
  padding-top: 30px;
  border-top: 1px solid #eee;
}
@media only screen and (min-width: 768px) {
  #pid-functions .webfont-cmn-col2 .webfont-cmn-contents + .webfont-cmn-contents,
  #pid-functions .webfont-cmn-col3 .webfont-cmn-contents + .webfont-cmn-contents {
    padding-top: 0;
    border-top: none;
  }
}
@media only screen and (min-width: 768px) {
  #pid-functions .webfont-cmn-col2 {
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-functions .webfont-cmn-col2 {
    margin-right: -25px;
    margin-left: -25px;
  }
}
@media only screen and (min-width: 768px) {
  #pid-functions .webfont-cmn-col2 .webfont-cmn-contents {
    width: 50%;
    padding: 0 15px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-functions .webfont-cmn-col2 .webfont-cmn-contents {
    padding: 0 25px;
  }
}
@media only screen and (min-width: 768px) {
  #pid-functions .webfont-cmn-col3 {
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-functions .webfont-cmn-col3 {
    margin-right: -20px;
    margin-left: -20px;
  }
}
@media only screen and (min-width: 768px) {
  #pid-functions .webfont-cmn-col3 .webfont-cmn-contents {
    width: 33.33333%;
    padding: 0 15px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-functions .webfont-cmn-col3 .webfont-cmn-contents {
    padding: 0 20px;
  }
}
#pid-functions .webfont-cmn-contents_ttl {
  font-size: 1.8rem;
}
@media only screen and (min-width: 1100px) {
  #pid-functions .webfont-cmn-contents_ttl {
    font-size: 2rem;
  }
}
#pid-functions .webfont-cmn-contents_ttl {
  margin: 20px 0 15px;
  color: #286ed3;
  font-weight: bold;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  #pid-functions .webfont-cmn-contents_ttl {
    margin: 30px 0 25px;
  }
}
#pid-functions .webfont-cmn-contents_txt {
  margin-bottom: 0;
  text-align: justify;
}
#pid-functions .webfont-merit {
  margin-bottom: 40px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .webfont-merit .webfont-cmn-contents:first-child {
    margin-top: 0;
  }
}
#pid-functions .webfont-image {
  margin-bottom: 30px;
}
#pid-functions .webfont-hyougen .webfont-cmn-contents {
  margin-bottom: 40px;
}
@media only screen and (min-width: 1100px) {
  #pid-functions .webfont-hyougen .webfont-cmn-contents {
    max-width: 510px;
  }
}
#pid-functions .webfont-hyougen .hyougen-contents_ttl {
  position: relative;
  margin-bottom: 15px;
  font-size: 16px;
}
@media only screen and (min-width: 1100px) {
  #pid-functions .webfont-hyougen .hyougen-contents_ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
#pid-functions .webfont-hyougen .hyougen-contents_img {
  margin-bottom: 20px;
}
#pid-functions .webfont-hyougen .webfont-icons {
  display: block;
  margin-top: 10px;
  font-size: 12px;
}
@media only screen and (min-width: 1100px) {
  #pid-functions .webfont-hyougen .webfont-icons {
    margin: 5px 0;
  }
}
#pid-functions .webfont-hyougen .webfont-ico {
  display: inline-block;
  margin-right: 5px;
  padding: 5px;
  font-weight: 500;
  color: #fff;
  letter-spacing: 0;
  line-height: 1;
}
#pid-functions .webfont-hyougen .webfont-ico:last-child {
  margin-right: 0px;
}
#pid-functions .webfont-hyougen .webfont-ico.news {
  background: #69b823;
}
#pid-functions .webfont-hyougen .webfont-ico.infomation {
  background: #366f1f;
}
#pid-functions .webfont-hyougen .webfont-ico.company {
  background: #409bda;
}
#pid-functions .webfont-hyougen .webfont-ico.biz {
  background: #485e8b;
}
#pid-functions .webfont-hyougen .webfont-ico.fashion {
  background: #e3496d;
}
#pid-functions .webfont-hyougen .webfont-ico.woman {
  background: #e771ae;
}
#pid-functions .webfont-hyougen .webfont-ico.pr {
  background: #ff842a;
}
#pid-functions .webfont-hyougen .webfont-ico.event {
  background: #ffc341;
}
#pid-functions .tryout {
  margin-top: 40px;
}
@media only screen and (min-width: 768px) {
  #pid-functions .tryout {
    margin-top: 0;
  }
}
#pid-functions .tryout .tryout_inr {
  padding: 30px 20px;
  background: #f1fbe6;
  border: 1px solid #ccc;
  position: relative;
}
#pid-functions .tryout .tryout_fukidashi {
  margin-bottom: -10px;
  text-align: center;
}
#pid-functions .tryout .tryout_fukidashi span {
  display: inline-block;
  position: relative;
  z-index: 9;
  padding: 10px 15px;
  background: #fff;
  border: 2px solid #ff6139;
  border-radius: 5px;
  color: #ff6139;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4;
}
@media only screen and (min-width: 768px) {
  #pid-functions .tryout .tryout_fukidashi span {
    padding: 12px 30px;
  }
}
#pid-functions .tryout .tryout_fukidashi span::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -15px;
  width: 19px;
  height: 15px;
  margin: auto;
  background: url(../img/functions/fukidashi_tryout.png) no-repeat;
}
#pid-functions .tryout .tryout_ttl {
  font-size: 2rem;
}
@media only screen and (min-width: 1100px) {
  #pid-functions .tryout .tryout_ttl {
    font-size: 2.4rem;
  }
}
#pid-functions .tryout .tryout_ttl {
  margin-bottom: 10px;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  #pid-functions .tryout .btn_green-l {
    width: 400px;
  }
}
#pid-functions .webfont-style .style-contents {
  text-align: center;
}
#pid-functions .webfont-style .style-contents_ttl {
  font-size: 16px;
  text-align: center;
}
#pid-functions .webfont-style .style-contents_btn {
  display: block;
  max-width: 260px;
  height: 36px;
  margin: auto;
  background: #1b63a7;
  border-radius: 18px;
  color: #fff;
  font-weight: bold;
  line-height: 36px;
  text-decoration: none !important;
}
#pid-functions .webfont-style .style-contents_btn:hover {
  background: #3d7ab4;
}
#pid-functions .shotai-mihon img {
  margin-left: 0 !important;
}
@media only screen and (min-width: 768px) {
  #pid-functions .webfont-manuals {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
#pid-functions .webfont-manuals .webfont-manuals_contents {
  position: relative;
  margin-top: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (min-width: 768px) {
  #pid-functions .webfont-manuals .webfont-manuals_contents {
    width: 50%;
    padding: 0 15px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-functions .webfont-manuals .webfont-manuals_contents {
    padding: 70px 25px 0;
  }
}
#pid-functions .webfont-manuals .manual-fukidashi {
  display: none;
}
@media only screen and (min-width: 1100px) {
  #pid-functions .webfont-manuals .manual-fukidashi {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin-bottom: 20px;
    text-align: center;
  }
  #pid-functions .webfont-manuals .manual-fukidashi span {
    display: inline-block;
    position: relative;
    width: 100%;
    max-width: 19em;
    margin: auto;
    padding: 12px 0.5em;
    background: #fff;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4;
    text-align: center;
  }
  #pid-functions .webfont-manuals .manual-fukidashi span::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    bottom: -15px;
    margin: auto;
    width: 19px;
    height: 15px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-functions .webfont-manuals .manual-fukidashi.wp-manual-fukidashi span {
    color: #0b5782;
    border: 2px solid #c7e2f3;
  }
  #pid-functions .webfont-manuals .manual-fukidashi.wp-manual-fukidashi span::after {
    background: url(../img/functions/fukidashi_wp.png) no-repeat;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-functions .webfont-manuals .manual-fukidashi.html-manual-fukidashi span {
    color: #4f991c;
    border: 2px solid #d2f1c6;
  }
  #pid-functions .webfont-manuals .manual-fukidashi.html-manual-fukidashi span::after {
    background: url(../img/functions/fukidashi_html.png) no-repeat;
  }
}
#pid-functions .webfont-manuals .webfont-manuals_contents_inr {
  border: 1px solid #ccc;
}
@media only screen and (min-width: 768px) {
  #pid-functions .webfont-manuals .webfont-manuals_contents_inr {
    height: 100%;
  }
}
#pid-functions .webfont-manuals .webfont-manuals_contents_body {
  padding: 20px;
}
@media only screen and (min-width: 1100px) {
  #pid-functions .webfont-manuals .webfont-manuals_contents_body {
    padding: 30px;
  }
}
#pid-functions .webfont-manuals .manual_ttl {
  font-size: 1.8rem;
}
@media only screen and (min-width: 1100px) {
  #pid-functions .webfont-manuals .manual_ttl {
    font-size: 2rem;
  }
}
#pid-functions .webfont-manuals .manual_ttl {
  padding: 10px 5px;
  line-height: 1.4;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  #pid-functions .webfont-manuals .manual_ttl {
    padding: 15px 5px;
  }
}
#pid-functions .webfont-manuals .manual_ttl.wp-manual_ttl {
  background: #c7e2f3;
  color: #264e6c;
}
#pid-functions .webfont-manuals .manual_ttl.html-manual_ttl {
  background: #d2f1c6;
  color: #2b5f18;
}
#pid-functions .webfont-manuals .manual_ttl .ico_manual {
  padding: 3px 10px;
  font-size: 12px;
  color: #fff;
  font-weight: bold;
  border-radius: 3px;
}
#pid-functions .webfont-manuals .manual_ttl .ico_manual.ico_wp-manual {
  background: #0b5782;
}
#pid-functions .webfont-manuals .manual_ttl .ico_manual.ico_html-manual {
  background: #4f991c;
}
#pid-functions .webfont-manuals .manual_img {
  margin-bottom: 20px;
}
#pid-functions .webfont-manuals .manual_txt {
  margin-bottom: 15px;
}
@media only screen and (min-width: 1100px) {
  #pid-functions .webfont-manuals .manual_txt {
    text-align: center;
  }
}
#pid-functions .faq-list {
  margin-bottom: 30px;
}
@media only screen and (min-width: 1100px) {
  #pid-functions .faq-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-right: -3%;
  }
}
#pid-functions .faq-list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
}
#pid-functions .faq-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding: 15px 30px 15px 0;
  border-bottom: 1px solid #ccc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1.4;
}
@media only screen and (min-width: 1100px) {
  #pid-functions .faq-list li {
    width: 47%;
    margin-right: 3%;
    padding: 15px 30px 15px 15px;
  }
}
#pid-functions .faq-list .ico_q {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  top: -0.1em;
  margin: 0 5px 0 0;
  color: #ccc;
  font-size: 2.3rem;
}
#pid-functions .faq-list .ico_chevron-right {
  position: absolute;
  top: 0;
  right: 5px;
  bottom: 0;
  height: 1em;
  margin: auto;
  color: #1b63a7;
  font-size: 1.6rem;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .page_anchor {
    text-align: left !important;
  }
  #pid-functions .webfont-tips,
  #pid-functions .ssl-tips {
    width: 54px;
    height: 54px;
    float: left;
    margin-right: 15px;
    background: #ff9600;
    border-radius: 50px;
    font-size: 16px;
    line-height: 54px;
    color: #fff;
    text-align: center;
  }
  #pid-functions .ssl-tips {
    font-size: 11px;
  }
  #pid-functions .tips-desc {
    width: 100%;
  }
  #pid-functions .black_overlay {
    display: none;
    margin: auto;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: auto;
    background-color: black;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: 0.8;
    filter: alpha(opacity=80);
  }
  #pid-functions .white_content {
    display: none;
    margin: auto;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 86%;
    height: 60%;
    background-color: #fff;
    border: 5px solid #1b63a7;
    z-index: 1002;
  }
  #pid-functions .code_area {
    width: 95%;
    height: 95%;
    margin: 0 auto;
    overflow: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-functions .webfont-tips,
  #pid-functions .ssl-tips {
    width: 54px;
    height: 54px;
    float: left;
    margin-right: 15px;
    background: #ff9600;
    border-radius: 50px;
    font-size: 16px;
    line-height: 54px;
    color: #fff;
    text-align: center;
  }
  #pid-functions .ssl-tips {
    font-size: 11px;
  }
  #pid-functions .tips-desc {
    width: 88%;
    float: left;
  }
  #pid-functions #webfont-section2 .btn_black-l {
    width: 400px;
  }
  #pid-functions .black_overlay {
    display: none;
    margin: auto;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: auto;
    background-color: black;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: 0.8;
    filter: alpha(opacity=80);
  }
  #pid-functions .white_content {
    display: none;
    margin: auto;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 532px;
    height: 532px;
    background-color: #fff;
    border: 5px solid #1b63a7;
    z-index: 1002;
  }
  #pid-functions .code_area {
    width: 500px;
    height: 500px;
    padding: 16px;
    overflow: auto;
  }
  #pid-functions #webfont-section3 .btn_black-l {
    width: 400px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-functions .webfont-tips,
  #pid-functions .ssl-tips {
    width: 54px;
    height: 54px;
    float: left;
    margin-right: 15px;
    background: #ff9600;
    border-radius: 50px;
    font-size: 16px;
    line-height: 54px;
    color: #fff;
    text-align: center;
  }
  #pid-functions .ssl-tips {
    font-size: 11px;
  }
  #pid-functions .tips-desc {
    margin: 0 auto;
  }
  #pid-functions #webfont-section2 .btn_black-l {
    width: 400px;
  }
  #pid-functions .black_overlay {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: 0.8;
    filter: alpha(opacity=80);
  }
  #pid-functions .white_content {
    display: none;
    margin: auto;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 532px;
    height: 532px;
    background-color: #fff;
    border: 5px solid #1b63a7;
    z-index: 1002;
  }
  #pid-functions .code_area {
    width: 500px;
    height: 500px;
    padding: 16px;
    overflow: auto;
  }
  #pid-functions #webfont-section3 .btn_black-l {
    width: 400px;
  }
}
#pid-functions .about-conductor {
  text-align: center;
  margin: 30px 0 40px;
}
#pid-functions .about-conductor .ico {
  color: #222;
}
#pid-functions .about-item {
  border: 1px solid #ccc;
  padding: 15px;
  font-weight: bold;
  margin: 0 0 15px 0;
  list-style: none;
}
#pid-functions .about-item li:first-child {
  margin-bottom: 10px;
}
#pid-functions .about-item li .ico,
#pid-functions .left_item-ttl .ico {
  margin: 0 5px 0 0;
  color: #87b4e2;
}
#pid-functions .left,
#pid-functions .right {
  display: block;
  width: 50%;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#pid-functions .left {
  padding-right: 20px;
}
#pid-functions .left_item {
  margin-bottom: 15px;
}
#pid-functions .left_item-ttl {
  margin-bottom: 10px;
}
#pid-functions .left_item-list {
  padding-left: 15px;
}
#pid-functions .about-img {
  text-align: center;
}
#pid-functions .about-list {
  margin-top: 25px;
}
#pid-functions .about-list li {
  margin-bottom: 10px;
}
#pid-functions .conduct-btn {
  text-align: center;
  margin: 20px 0;
}
#pid-functions .conduct-btn .btn {
  width: 320px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .left,
  #pid-functions .right {
    display: block;
    width: 100%;
    float: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  #pid-functions .left {
    padding-right: 0;
  }
  #pid-functions .right {
    text-align: center;
  }
  #pid-functions .conduct-btn .btn {
    width: auto;
  }
  #pid-functions .about-img img {
    max-width: 100%;
  }
}
#pid-functions.pid-feature-xaccelerator .main-header {
  margin-bottom: 0;
}
#pid-functions.pid-feature-xaccelerator .topic-path {
  margin-top: 0;
  margin-bottom: 0;
}
#pid-functions.pid-feature-xaccelerator .main {
  margin-bottom: 0;
}
#pid-functions .xaSec {
  padding: 60px 0;
}
@media only screen and (min-width: 1100px) {
  #pid-functions .xaSec {
    padding: 100px 0;
  }
}
#pid-functions .xaSec--bg {
  background-color: #eff4f8;
}
#pid-functions .xaSec__ttl {
  margin-bottom: 35px;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-functions .xaSec__ttl {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-functions .xaSec__ttl {
    margin-bottom: 50px;
  }
}
#pid-functions .xaSec__ttl__elm {
  font-size: 2.2rem;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-functions .xaSec__ttl__elm {
    font-size: 2.4rem;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-functions .xaSec__ttl__elm {
    font-size: 3.2rem;
  }
}
#pid-functions .xaSec__ttl__elm {
  display: inline-block;
  position: relative;
  padding-bottom: 15px;
  font-weight: bold;
  line-height: 1.3;
}
#pid-functions .xaSec__ttl__elm::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 5px;
  background: #1b5ba0;
  background: -webkit-gradient(linear, left top, right top, from(#00a9ef), to(#1b63a7));
  background: linear-gradient(to right, #00a9ef, #1b63a7);
}
#pid-functions .color-speed {
  color: #286ed3;
}
#pid-functions .color-stability {
  color: #17af91;
}
#pid-functions .xaIntro {
  padding-top: 15px;
  background: url(../img/functions/bg_xa.png?date=211223) center top no-repeat;
  background-size: 100% auto;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .xaIntro .topic-path ol {
    display: inline-block;
    background: rgba(255, 255, 255, 0.8);
  }
}
#pid-functions .xaIntro__mv {
  padding-top: 40px;
}
@media only screen and (min-width: 768px) {
  #pid-functions .xaIntro__mv {
    padding-top: 65px;
  }
}
#pid-functions .xaIntro__mv .xa_label {
  margin: 0 0 20px;
  text-align: right;
}
@media only screen and (min-width: 768px) {
  #pid-functions .xaIntro__mv .xa_label {
    margin: 0 0 10px;
  }
}
#pid-functions .xaIntro__mv .xa_label span {
  display: inline-block;
  padding: 2px 5px 0;
  background-color: #fff;
  border: 1px solid #286ed3;
  color: #286ed3;
  font-size: 1.2rem;
}
@media only screen and (min-width: 768px) {
  #pid-functions .xaIntro__mv .xa_label span {
    padding: 2px 15px 0;
    font-size: 1.6rem;
  }
}
#pid-functions .xaIntro__mv .xa_logo {
  text-align: center;
}
#pid-functions .xaIntro__mv .xa_logo img {
  max-width: 100%;
  height: auto;
}
#pid-functions .xaIntro__mv .xa_pr {
  margin: 0 0 30px 0;
  text-align: center;
}
#pid-functions .xaIntro__mv .xa_pr img {
  max-width: 100%;
  height: auto;
}
#pid-functions .xaIntro__mv .xa_lead_ttl {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.03em;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  #pid-functions .xaIntro__mv .xa_lead_ttl {
    font-weight: normal;
    font-size: 3.2rem;
  }
}
#pid-functions .xaIntro__mv .xa_lead_text {
  margin: 30px 0 0 0;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media only screen and (min-width: 768px) {
  #pid-functions .xaIntro__mv .xa_lead_text {
    margin: 80px 0 0 0;
    font-size: 1.8rem;
    text-align: center;
  }
}
@media only screen and (min-width: 768px) {
  #pid-functions .xaIntro__mv .xa_lead_text_ib {
    display: inline-block;
  }
}
#pid-functions .xaIntro__func {
  padding: 60px 0;
}
@media only screen and (min-width: 768px) {
  #pid-functions .xaIntro__func {
    background: url(../img/functions/bg_intro_symbol.png) left bottom no-repeat;
    background-size: 35% auto;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-functions .xaIntro__func {
    padding: 105px 0 100px;
    background-size: auto;
  }
}
#pid-functions .xaIntro__func .xa_features .xa_features_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (min-width: 768px) {
  #pid-functions .xaIntro__func .xa_features .xa_features_item {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
#pid-functions .xaIntro__func .xa_features .xa_features_holder {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  z-index: 9;
  margin-top: -10vw;
  padding: 20px;
  background-color: #fff;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-functions .xaIntro__func .xa_features .xa_features_holder {
    width: 55%;
    padding: 30px;
    margin-top: 20px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-functions .xaIntro__func .xa_features .xa_features_holder {
    width: 44.44444%;
    margin-top: 40px;
    padding: 70px 50px;
  }
}
#pid-functions .xaIntro__func .xa_features .xa_features_ttl {
  font-size: 2.2rem;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-functions .xaIntro__func .xa_features .xa_features_ttl {
    font-size: 2.4rem;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-functions .xaIntro__func .xa_features .xa_features_ttl {
    font-size: 3.2rem;
  }
}
#pid-functions .xaIntro__func .xa_features .xa_features_ttl {
  margin-bottom: 0.625em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-weight: 500;
}
#pid-functions .xaIntro__func .xa_features .xa_features_text {
  margin: 0;
}
@media only screen and (min-width: 768px) {
  #pid-functions .xaIntro__func .xa_features .xa_features_text {
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
    font-size: 1.8rem;
    text-align: justify;
  }
}
#pid-functions .xaIntro__func .xa_features .xa_features_item_img img {
  max-width: 100%;
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 768px) {
  #pid-functions .xaIntro__func .xa_features .xa_speed {
    margin-right: 4.62962%;
  }
}
#pid-functions .xaIntro__func .xa_features .xa_speed .xa_features_holder {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin-right: 5vw;
  margin-left: 10vw;
}
@media only screen and (min-width: 768px) {
  #pid-functions .xaIntro__func .xa_features .xa_speed .xa_features_holder {
    margin-right: auto;
    margin-left: -13.88888%;
  }
}
#pid-functions .xaIntro__func .xa_features .xa_speed .xa_features_ttl {
  color: #286ed3;
}
#pid-functions .xaIntro__func .xa_features .xa_speed .xa_features_item_img {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
#pid-functions .xaIntro__func .xa_features .xa_stability {
  margin-top: 50px;
}
@media only screen and (min-width: 768px) {
  #pid-functions .xaIntro__func .xa_features .xa_stability {
    margin-left: 4.62962%;
  }
}
#pid-functions .xaIntro__func .xa_features .xa_stability .xa_features_holder {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin-right: 10vw;
  margin-left: 5vw;
}
@media only screen and (min-width: 768px) {
  #pid-functions .xaIntro__func .xa_features .xa_stability .xa_features_holder {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-right: -13.88888%;
    margin-left: auto;
  }
}
#pid-functions .xaIntro__func .xa_features .xa_stability .xa_features_ttl {
  color: #17af91;
}
#pid-functions .xaIntro__func .xa_features .xa_stability .xa_features_item_img {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
@media only screen and (min-width: 768px) {
  #pid-functions .xaIntro__func .xa_features .xa_stability .xa_features_item_img {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
#pid-functions .xaPerf .xaPerf__lead {
  font-size: 1.6rem;
}
@media only screen and (min-width: 768px) {
  #pid-functions .xaPerf .xaPerf__lead {
    font-size: 1.8rem;
  }
}
#pid-functions .xaPerf .xaPerf__lead {
  margin: 20px 0 0;
}
@media only screen and (min-width: 768px) {
  #pid-functions .xaPerf .xaPerf__lead {
    text-align: center;
  }
}
@media only screen and (min-width: 768px) {
  #pid-functions .xaPerf .xaPerfComp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 40px -15px 0;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-functions .xaPerf .xaPerfComp {
    margin: 60px -25px 0;
  }
}
#pid-functions .xaPerf .xaPerfComp .xaPerfComp__block {
  margin-top: 40px;
}
@media only screen and (min-width: 768px) {
  #pid-functions .xaPerf .xaPerfComp .xaPerfComp__block {
    width: 50%;
    margin-top: 0;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-functions .xaPerf .xaPerfComp .xaPerfComp__block {
    padding: 0 25px;
  }
}
#pid-functions .xaPerf .xaPerfComp .xaPerfComp__block__inner {
  overflow: hidden;
  background-color: #fff;
  border-radius: 3px;
}
#pid-functions .xaPerf .xaPerfComp .xaPerfComp__block__ttl {
  font-size: 2rem;
}
@media only screen and (min-width: 1100px) {
  #pid-functions .xaPerf .xaPerfComp .xaPerfComp__block__ttl {
    font-size: 2.6rem;
  }
}
#pid-functions .xaPerf .xaPerfComp .xaPerfComp__block__ttl {
  padding: 0.65em;
  border-radius: 3px 3px 0 0;
  color: #fff;
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
}
#pid-functions .xaPerf .xaPerfComp .xaPerfComp__block__img {
  padding: 20px 15px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-functions .xaPerf .xaPerfComp .xaPerfComp__block__img {
    padding: 20px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-functions .xaPerf .xaPerfComp .xaPerfComp__block__img {
    padding: 30px;
  }
}
#pid-functions .xaPerf .xaPerfComp .xaPerfComp__block--php .xaPerfComp__block__ttl {
  background-color: #777cb1;
}
#pid-functions .xaPerf .xaPerfComp .xaPerfComp__block--wp .xaPerfComp__block__ttl {
  background-color: #26769a;
}
#pid-functions .xaPerf .note-list {
  margin-top: 30px;
  color: #888;
}
#pid-functions .xaMerit {
  padding-bottom: 0;
}
#pid-functions .xaMeritIntro {
  border-radius: 3px;
  padding: 0 5.33333vw;
}
@media only screen and (min-width: 768px) {
  #pid-functions .xaMeritIntro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 30px 8px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-functions .xaMeritIntro {
    padding: 40px 8px;
  }
}
#pid-functions .xaMeritIntro__item + .xaMeritIntro__item {
  border-top: 1px solid #eee;
}
@media only screen and (min-width: 768px) {
  #pid-functions .xaMeritIntro__item + .xaMeritIntro__item {
    border-top: none;
    border-left: 1px solid #eee;
  }
}
#pid-functions .xaMeritIntro__item {
  padding: 30px 0;
}
@media only screen and (min-width: 768px) {
  #pid-functions .xaMeritIntro__item {
    width: 33.33333%;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-functions .xaMeritIntro__item {
    padding: 0 22px;
  }
}
#pid-functions .xaMeritIntro__item__img {
  text-align: center;
}
#pid-functions .xaMeritIntro__item__img img {
  max-width: 100%;
  height: 60px;
}
@media only screen and (min-width: 1100px) {
  #pid-functions .xaMeritIntro__item__img img {
    height: auto;
  }
}
#pid-functions .xaMeritIntro__item__ttl {
  font-size: 1.8rem;
}
@media only screen and (min-width: 1100px) {
  #pid-functions .xaMeritIntro__item__ttl {
    font-size: 2.2rem;
  }
}
#pid-functions .xaMeritIntro__item__ttl {
  margin: 20px 0 15px;
  font-weight: 500;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  #pid-functions .xaMeritIntro__item__ttl {
    margin: 30px 0 25px;
  }
}
#pid-functions .xaMeritIntro__item__txt {
  margin: 0;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  text-align: justify;
}
#pid-functions .xaMeritIntro__item--cvr .xaMeritIntro__item__txt b {
  color: #d69008;
}
#pid-functions .xaMeritIntro__item--seo .xaMeritIntro__item__txt b {
  color: #4da9b9;
}
#pid-functions .xaMeritIntro__item--quit .xaMeritIntro__item__txt b {
  color: #3b9c3b;
}
#pid-functions .xaRcm {
  background: url(../img/functions/bg_xa_outro.png) center bottom no-repeat;
  background-size: 100% auto;
}
#pid-functions .xaRcm__block {
  position: relative;
  margin-top: 40px;
  background-color: #fff;
}
@media only screen and (min-width: 768px) {
  #pid-functions .xaRcm__block {
    margin-top: 60px;
  }
}
#pid-functions .xaRcm__block::before, #pid-functions .xaRcm__block::after {
  content: "";
  position: absolute;
  top: calc(100% - 3px);
  right: 0;
  left: 0;
  width: 0;
  height: 0;
  margin: auto;
}
#pid-functions .xaRcm__block::before {
  z-index: 2;
  border-top: 27px solid #fff;
  border-right: 23px solid transparent;
  border-bottom: 27px solid transparent;
  border-left: 23px solid transparent;
}
#pid-functions .xaRcm__block::after {
  z-index: 1;
  border-top: 32px solid #1b63a7;
  border-right: 27px solid transparent;
  border-bottom: 32px solid transparent;
  border-left: 27px solid transparent;
}
#pid-functions .xaRcm__block__ttl {
  font-size: 2rem;
}
@media only screen and (min-width: 1100px) {
  #pid-functions .xaRcm__block__ttl {
    font-size: 2.6rem;
  }
}
#pid-functions .xaRcm__block__ttl {
  padding: 0.65em;
  background-color: #1b63a7;
  border-radius: 3px 3px 0 0;
  color: #fff;
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
}
#pid-functions .xaRcm__block__body {
  padding: 5.33333vw;
  border: 3px solid #1b63a7;
  border-radius: 0 0 3px 3px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-functions .xaRcm__block__body {
    padding: 3.90625vw;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-functions .xaRcm__block__body {
    padding: 50px;
  }
}
#pid-functions .xaRcm__list {
  overflow: hidden;
  margin: -10px 0 15px;
}
@media only screen and (min-width: 768px) {
  #pid-functions .xaRcm__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: -20px -10px 20px;
  }
}
#pid-functions .xaRcm__list li {
  margin-top: 10px;
}
@media only screen and (min-width: 768px) {
  #pid-functions .xaRcm__list li {
    width: 50%;
    margin-top: 20px;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
#pid-functions .xaRcm__list li div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  padding: 15px 8px 15px 35px;
  background-color: #eff4f8;
  background-image: url(../img/functions/ico_check.svg);
  background-position: 13px 50%;
  background-repeat: no-repeat;
  background-size: 15px auto;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1.4;
}
@media only screen and (min-width: 768px) {
  #pid-functions .xaRcm__list li div {
    padding: 15px 8px 15px 40px;
    background-position: 15px 50%;
    background-size: 17px auto;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-functions .xaRcm__list li div {
    padding: 20px 8px 20px 46px;
    background-position: 20px 50%;
    background-size: auto;
    font-size: 1.8rem;
  }
}
#pid-functions .xaRcm__list li span {
  display: block;
}
#pid-functions .xaRcm__list li span .marker {
  display: inline-block;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(0%, #f6ff00));
  background: linear-gradient(transparent 50%, #f6ff00 0%);
}
#pid-functions .xaOutro {
  padding: 100px 0 120px;
  background: url(../img/functions/bg_outro_symbol.png) center center no-repeat;
  background-size: 70% auto;
}
@media only screen and (min-width: 768px) {
  #pid-functions .xaOutro {
    padding: 150px 0 210px;
    background-size: auto;
  }
}
#pid-functions .xaOutro__txt {
  font-size: 2rem;
}
@media only screen and (min-width: 1100px) {
  #pid-functions .xaOutro__txt {
    font-size: 2.6rem;
  }
}
#pid-functions .xaOutro__txt {
  margin: 0;
  text-align: center;
}
#pid-functions .xaOutro__txt strong {
  display: block;
  margin-bottom: 5px;
  font-size: 169.23076%;
  font-weight: 400;
}
#pid-functions .xaOutro__txt strong b {
  font-weight: 500;
}
#pid-functions.pid-feature-xpagespeed .main-header {
  margin-bottom: 0;
}
#pid-functions.pid-feature-xpagespeed .topic-path {
  margin-top: 0;
  margin-bottom: 0;
}
#pid-functions.pid-feature-xpagespeed .main {
  margin-bottom: 0;
}
#pid-functions.pid-feature-xpagespeed strong.orange {
  color: #ff5400;
}
#pid-functions .xpsSec {
  padding: 60px 0;
}
@media only screen and (min-width: 1100px) {
  #pid-functions .xpsSec {
    padding: 100px 0;
  }
}
#pid-functions .xpsSec--bg {
  background-color: #f0f9f7;
}
#pid-functions .xpsSec__ttl {
  margin-bottom: 35px;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-functions .xpsSec__ttl {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-functions .xpsSec__ttl {
    margin-bottom: 50px;
  }
}
#pid-functions .xpsSec__ttl__elm {
  font-size: 2.2rem;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-functions .xpsSec__ttl__elm {
    font-size: 2.4rem;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-functions .xpsSec__ttl__elm {
    font-size: 3.2rem;
  }
}
#pid-functions .xpsSec__ttl__elm {
  display: inline-block;
  position: relative;
  padding-bottom: 15px;
  font-weight: bold;
  line-height: 1.3;
}
#pid-functions .xpsSec__ttl__elm::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 5px;
  background: #1b5ba0;
  background: -webkit-gradient(linear, left top, right top, from(#00e8be), to(#15ccd9));
  background: linear-gradient(to right, #00e8be, #15ccd9);
}
#pid-functions .xpsIntro {
  padding-top: 15px;
  background: url(../img/functions/bg_xps_l.png) center top no-repeat;
  background-size: 100% auto;
}
@media only screen and (min-width: 1600px) {
  #pid-functions .xpsIntro {
    background-image: url(../img/functions/bg_xps_xl.png);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-functions .xpsIntro {
    background-image: url(../img/functions/bg_xps_m.png);
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .xpsIntro {
    background-image: url(../img/functions/bg_xps_s.png);
  }
}
#pid-functions .xpsIntro__mv {
  padding-top: 65px;
  text-align: center;
}
@media only screen and (max-width: 1099px) {
  #pid-functions .xpsIntro__mv {
    padding-top: 30px;
  }
}
#pid-functions .xpsIntro__mv .xps_label {
  margin: 0 0 20px;
  text-align: right;
}
@media only screen and (min-width: 768px) {
  #pid-functions .xpsIntro__mv .xps_label {
    margin: 0 0 10px;
  }
}
#pid-functions .xpsIntro__mv .xps_label span {
  display: inline-block;
  padding: 2px 5px 0;
  background-color: #fff;
  border: 1px solid #286ed3;
  color: #286ed3;
  font-size: 1.2rem;
}
@media only screen and (min-width: 768px) {
  #pid-functions .xpsIntro__mv .xps_label span {
    padding: 2px 15px 0;
    font-size: 1.6rem;
  }
}
#pid-functions .xpsIntro__mv .xps_logo {
  margin-bottom: 50px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .xpsIntro__mv .xps_logo {
    margin-bottom: 30px;
  }
}
#pid-functions .xpsIntro__mv .xps_logo img {
  max-width: 100%;
  height: auto;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-functions .xpsIntro__mv .xps_logo img {
    max-width: 75%;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .xpsIntro__mv .xps_logo img {
    max-width: 85%;
  }
}
#pid-functions .xpsIntro__mv .xps_pr {
  margin: 0 0 30px 0;
  text-align: center;
}
#pid-functions .xpsIntro__mv .xps_pr img {
  max-width: 100%;
  height: auto;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .xpsIntro__mv .xps_pr img {
    width: 85%;
  }
}
#pid-functions .xpsIntro__note {
  text-align: right;
  margin-top: 60px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .xpsIntro__note {
    text-align: left;
  }
}
#pid-functions .xpsIntro__func {
  padding: 80px 0;
}
@media only screen and (min-width: 1100px) {
  #pid-functions .xpsIntro__func {
    padding: 120px 0 100px;
    background-size: auto;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .xpsIntro__func {
    padding: 50px 0;
  }
}
#pid-functions .xpsIntro__func .xps_features__txt {
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-functions .xpsIntro__func .xps_features__txt {
    font-size: 1.8rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .xpsIntro__func .xps_features__txt {
    text-align: left;
  }
}
#pid-functions .xpsIntro__func .xps_features__img {
  position: relative;
  background: #f0f9f7;
  padding: 60px 75px;
  margin-top: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-functions .xpsIntro__func .xps_features__img {
    padding: 50px 35px 40px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .xpsIntro__func .xps_features__img {
    padding: 50px 30px 30px;
  }
}
#pid-functions .xpsIntro__func .xps_features__img__logo {
  position: absolute;
  top: -15px;
  left: 50%;
  margin-left: -120px;
}
#pid-functions .xpsIntro__func .xps_features__img__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .xpsIntro__func .xps_features__img__list {
    display: inherit;
    text-align: center;
  }
}
#pid-functions .xpsIntro__func .xps_features__img__list-child {
  background: #fff;
  padding: 35px;
  width: 45%;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-functions .xpsIntro__func .xps_features__img__list-child {
    padding: 30px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .xpsIntro__func .xps_features__img__list-child {
    width: 100%;
  }
}
#pid-functions .xpsIntro__func .xps_features__img__list-plus {
  line-height: 1;
  width: 35px;
  height: 6px;
  background: #1eb494;
  position: relative;
}
#pid-functions .xpsIntro__func .xps_features__img__list-plus::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .xpsIntro__func .xps_features__img__list-plus {
    display: inline-block;
    margin: 35px auto 30px;
  }
}
#pid-functions .xpsIntro__func .xps_features__img img {
  max-width: 100%;
}
#pid-functions .xpsPerf__txt {
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-functions .xpsPerf__txt {
    font-size: 1.8rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .xpsPerf__txt {
    text-align: left;
  }
}
#pid-functions .xpsPerf__txt sup {
  display: inline;
  font-size: 60%;
  line-height: 0;
  vertical-align: baseline;
  position: relative;
  top: -0.5em;
}
#pid-functions .xpsPerf__img {
  background: #fff;
  padding: 50px 30px;
  width: 920px;
  margin: 30px auto;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#pid-functions .xpsPerf__img img {
  max-width: 100%;
}
@media only screen and (max-width: 1099px) {
  #pid-functions .xpsPerf__img {
    max-width: 100%;
    padding: 50px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .xpsPerf__img {
    padding: 30px;
  }
}
#pid-functions .xpsPerf .note-list {
  width: 920px;
  margin: 30px auto 0;
  color: #888;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .xpsPerf .note-list {
    width: 100%;
    margin: 0;
  }
}
#pid-functions .xpsMerit {
  padding-bottom: 0;
}
#pid-functions .xpsMeritIntro {
  border-radius: 3px;
  padding: 0 5.33333vw;
}
@media only screen and (min-width: 768px) {
  #pid-functions .xpsMeritIntro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 30px 8px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-functions .xpsMeritIntro {
    padding: 40px 8px;
    width: 920px;
    margin: auto;
  }
}
#pid-functions .xpsMeritIntro__item + .xpsMeritIntro__item {
  border-top: 1px solid #eee;
}
@media only screen and (min-width: 768px) {
  #pid-functions .xpsMeritIntro__item + .xpsMeritIntro__item {
    border-top: none;
    border-left: 1px solid #eee;
  }
}
#pid-functions .xpsMeritIntro__item {
  padding: 30px 0;
}
@media only screen and (min-width: 768px) {
  #pid-functions .xpsMeritIntro__item {
    width: 50%;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-functions .xpsMeritIntro__item {
    padding: 0 30px;
  }
}
#pid-functions .xpsMeritIntro__item__img {
  text-align: center;
}
#pid-functions .xpsMeritIntro__item__img img {
  max-width: 100%;
  height: 60px;
}
@media only screen and (min-width: 1100px) {
  #pid-functions .xpsMeritIntro__item__img img {
    height: auto;
  }
}
#pid-functions .xpsMeritIntro__item__ttl {
  font-size: 1.8rem;
}
@media only screen and (min-width: 1100px) {
  #pid-functions .xpsMeritIntro__item__ttl {
    font-size: 2.2rem;
  }
}
#pid-functions .xpsMeritIntro__item__ttl {
  margin: 20px 0 15px;
  font-weight: 500;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  #pid-functions .xpsMeritIntro__item__ttl {
    margin: 30px 0 25px;
  }
}
#pid-functions .xpsMeritIntro__item__txt {
  margin: 0;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  text-align: justify;
}
#pid-functions .xpsMeritIntro__item--cvr .xpsMeritIntro__item__txt b {
  color: #d69008;
}
#pid-functions .xpsMeritIntro__item--seo .xpsMeritIntro__item__txt b {
  color: #4da9b9;
}
#pid-functions .xpsMeritIntro__item--quit .xpsMeritIntro__item__txt b {
  color: #3b9c3b;
}
#pid-functions .xpsRcm__block {
  position: relative;
  background-color: #fff;
}
#pid-functions .xpsRcm__block__ttl {
  font-size: 2rem;
}
@media only screen and (min-width: 1100px) {
  #pid-functions .xpsRcm__block__ttl {
    font-size: 2.6rem;
  }
}
#pid-functions .xpsRcm__block__ttl {
  padding: 0.65em;
  background-color: #1eb494;
  border-radius: 3px 3px 0 0;
  color: #fff;
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
}
#pid-functions .xpsRcm__block__body {
  padding: 5.33333vw;
  border: 3px solid #1eb494;
  border-radius: 0 0 3px 3px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-functions .xpsRcm__block__body {
    padding: 3.90625vw;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-functions .xpsRcm__block__body {
    padding: 50px;
  }
}
#pid-functions .xpsRcm__list {
  overflow: hidden;
  margin: -10px 0 15px;
}
@media only screen and (min-width: 768px) {
  #pid-functions .xpsRcm__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: -20px -10px 20px;
  }
}
#pid-functions .xpsRcm__list li {
  margin-top: 10px;
}
@media only screen and (min-width: 768px) {
  #pid-functions .xpsRcm__list li {
    width: 50%;
    margin-top: 20px;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
#pid-functions .xpsRcm__list li div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  padding: 15px 8px 15px 35px;
  background-color: #f0f9f7;
  background-image: url(../img/functions/ico_check_xps.png);
  background-position: 13px 50%;
  background-repeat: no-repeat;
  background-size: 15px auto;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1.4;
}
@media only screen and (min-width: 768px) {
  #pid-functions .xpsRcm__list li div {
    padding: 15px 8px 15px 40px;
    background-position: 15px 50%;
    background-size: 17px auto;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-functions .xpsRcm__list li div {
    padding: 20px 8px 20px 46px;
    background-position: 20px 50%;
    background-size: auto;
    font-size: 1.8rem;
  }
}
#pid-functions .xpsRcm__list li span {
  display: block;
}
#pid-functions .xpsRcm__list li span .marker {
  display: inline-block;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(0%, #f6ff00));
  background: linear-gradient(transparent 50%, #f6ff00 0%);
}
#pid-functions .daiko_cpn_title {
  display: inline-block;
  margin-left: 5px;
  color: #f88522;
  font-size: 20px;
  font-weight: bold;
  line-height: 40px;
  vertical-align: middle;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .daiko_cpn_title {
    margin-top: 5px;
    line-height: 1.3;
    font-size: 13px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .daiko_cpn_icon {
    text-align: center;
  }
}
#pid-functions .daiko_cpn_text {
  margin: 5px 0 5px 50px;
  font-weight: bold;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .daiko_cpn_text {
    margin: 5px 0 5px 10px;
  }
}
#pid-functions .daiko_cpn_text_detail {
  margin-left: 50px;
  font-size: 14px;
}
@media only screen and (min-width: 1100px) {
  #pid-functions .daiko_cpn_text_detail {
    margin: 0 auto;
    width: 772px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .daiko_cpn_text_detail {
    margin-left: 0;
    font-size: 12px;
  }
}
#pid-functions .daiko_osusume {
  color: red;
  font-size: 12px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .daiko_osusume {
    color: #ffff00;
    font-size: 12px;
  }
}
#pid-functions #security-diagnosis {
  margin-top: 40px;
  border: 2px solid #18a0eb;
}
#pid-functions .security-diagnosis_band {
  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;
  margin-top: 30px;
  padding: 5px 10px;
  background-color: #18a0eb;
}
#pid-functions .security-diagnosis_band img {
  width: 38px;
  height: auto;
  margin-right: 10px;
}
@media only screen and (min-width: 768px) {
  #pid-functions .security-diagnosis_band img {
    width: auto;
    margin: -10px 10px -10px 0;
  }
}
#pid-functions .security-diagnosis_band .security-diagnosis_ttl {
  font-size: 1.8rem;
}
@media only screen and (min-width: 1100px) {
  #pid-functions .security-diagnosis_band .security-diagnosis_ttl {
    font-size: 2rem;
  }
}
#pid-functions .security-diagnosis_band .security-diagnosis_ttl {
  margin-bottom: 0;
  color: #fff;
  font-weight: bold;
}
#pid-functions .security-diagnosis_inner {
  padding: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-functions .security-diagnosis_inner {
    padding: 30px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-functions .security-diagnosis_inner {
    padding: 50px;
  }
}
@media only screen and (min-width: 768px) {
  #pid-functions .security-diagnosis_inner_ttl ul {
    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;
  }
}
#pid-functions .security-diagnosis_inner_ttl ul li.txt {
  font-size: 2rem;
}
@media only screen and (min-width: 1100px) {
  #pid-functions .security-diagnosis_inner_ttl ul li.txt {
    font-size: 2.4rem;
  }
}
#pid-functions .security-diagnosis_inner_ttl ul li.txt {
  margin-top: 15px;
  font-weight: bold;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  #pid-functions .security-diagnosis_inner_ttl ul li.txt {
    margin: 0 0 0 15px;
    text-align: left;
  }
}
#pid-functions .security-diagnosis_inner_ttl ul li.txt span {
  border-bottom: 1px solid #333;
  display: inline-block;
}
#pid-functions .security-diagnosis_inner_ttl ul img {
  display: block;
  width: 260px;
  height: auto;
  margin: auto;
}
@media only screen and (min-width: 768px) {
  #pid-functions .security-diagnosis_inner_ttl ul img {
    width: auto;
  }
}
#pid-functions .security-diagnosis_desc {
  margin: 30px 0;
  padding-bottom: 30px;
  border-bottom: 1px dotted #cccccc;
}
#pid-functions .security-diagnosis_secure_ttl p {
  color: #1b63a7;
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 5px;
}
#pid-functions .security-diagnosis_secure_ttl img {
  float: left;
}
#pid-functions .security-diagnosis_secure_ttl ul {
  margin: 10px 0 0 20px;
  float: left;
}
#pid-functions .security-diagnosis_secure_ttl ul li {
  float: left;
  background: #1b63a7;
  padding: 3px 10px;
  color: #fff;
  margin-right: 5px;
  font-size: 13px;
}
#pid-functions .security-diagnosis_secure_desc {
  margin: 30px 0;
}
@media only screen and (min-width: 768px) {
  #pid-functions .security-diagnosis_secure_desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-functions .security-diagnosis_secure_desc {
    margin: 30px 0 40px;
  }
}
@media only screen and (min-width: 768px) {
  #pid-functions .security-diagnosis_secure_desc_left {
    width: 60%;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-functions .security-diagnosis_secure_desc_left {
    padding-right: 30px;
  }
}
#pid-functions .security-diagnosis_secure_desc_right {
  border: 1px solid #1eb988;
  margin-top: 30px;
}
@media only screen and (min-width: 768px) {
  #pid-functions .security-diagnosis_secure_desc_right {
    margin-top: 0;
    width: 40%;
  }
}
#pid-functions .security-diagnosis_secure_desc_right p {
  color: #15b683;
  background: #e8fdf6;
  font-weight: bold;
  text-align: center;
  padding: 7px 0;
  border-bottom: 1px solid #1eb988;
  margin-bottom: 0;
}
#pid-functions .security-diagnosis_secure_desc_right_siteseal {
  padding: 10px 15px 0 15px;
}
#pid-functions .security-diagnosis_secure_desc_right_siteseal dl {
  text-align: center;
  margin-bottom: 10px;
}
#pid-functions .security-diagnosis_secure_desc_right_siteseal dl dt {
  background: #ffa200;
  text-align: center;
  font-size: 12px;
  padding: 2px 10px;
  color: #fff;
  border-radius: 3px;
  position: relative;
}
@media only screen and (min-width: 1100px) {
  #pid-functions .security-diagnosis_secure_desc_right_siteseal dl dt {
    font-size: 13px;
  }
}
#pid-functions .security-diagnosis_secure_desc_right_siteseal dl dt.gray {
  background: #e5e5e5;
  color: #333333;
  position: relative;
}
#pid-functions .security-diagnosis_secure_desc_right_siteseal dl dt:after {
  content: "";
  position: absolute;
  top: 23px;
  left: 0;
  right: 0;
  display: block;
  width: 0;
  height: 0;
  margin: auto;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #ffa200;
}
#pid-functions .security-diagnosis_secure_desc_right_siteseal dl dt.gray:after {
  top: 23px;
  border-top: 6px solid #e5e5e5;
}
#pid-functions .security-diagnosis_secure_desc_right_siteseal dd {
  margin-top: 3px;
}
#pid-functions .security-diagnosis_lineup {
  position: relative;
}
#pid-functions .security-diagnosis_lineup .security-diagnosis_lineup_ttl {
  font-size: 1.6rem;
}
@media only screen and (min-width: 768px) {
  #pid-functions .security-diagnosis_lineup .security-diagnosis_lineup_ttl {
    font-size: 1.8rem;
  }
}
#pid-functions .security-diagnosis_lineup .security-diagnosis_lineup_ttl {
  margin-bottom: 15px;
  color: #1b63a7;
  font-weight: bold;
  text-align: center;
}
#pid-functions .security-diagnosis_lineup .security-diagnosis_lineup_list {
  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;
}
#pid-functions .security-diagnosis_lineup .security-diagnosis_lineup_list li {
  max-width: 300px;
  width: 100%;
  margin-bottom: 15px;
  font-size: 13px;
}
@media only screen and (min-width: 768px) {
  #pid-functions .security-diagnosis_lineup .security-diagnosis_lineup_list li {
    margin: 0 5px;
    max-width: 20.3em;
    font-size: 15px;
  }
}
#pid-functions .security-diagnosis_lineup .security-diagnosis_lineup_list a {
  display: block;
  padding: 11px 29px 11px 25px;
  color: #113d6b;
  font-weight: bold;
  text-align: left;
}
#pid-functions .security-diagnosis_lineup .security-diagnosis_lineup_list a span {
  color: #333333;
  display: inline-block;
  margin-right: 5px;
  font-size: 13px;
}
#pid-functions .security-diagnosis_lineup .security-diagnosis_lineup_list a .ico {
  position: absolute;
  top: 40%;
  right: 15px;
}
@media only screen and (min-width: 768px) {
  #pid-functions .security-diagnosis_lineup .security-diagnosis_lineup_list a .ico {
    right: 8px;
  }
}
#pid-functions .security-diagnosis_lineup a span.now {
  color: #fff;
  padding: 2px 6px;
  background: #113d6b;
  position: absolute;
  font-weight: 500;
}
#pid-functions span.dv, #pid-functions span.ov, #pid-functions span.ev {
  top: -13px;
  left: 5px;
}
#pid-functions .security-diagnosis_lineup .btn {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition-property: transform, background-color;
  -webkit-transition-property: background-color, -webkit-transform;
  transition-property: background-color, -webkit-transform;
  transition-property: transform, background-color;
  transition-property: transform, background-color, -webkit-transform;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
}
#pid-functions .security-diagnosis_lineup .btn:hover {
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}
#pid-functions .security-diagnosis_lineup .btn--primary {
  background: #fff;
  border: 1px solid #1b63a7;
  color: #1b63a7 !important;
  font-size: 15px;
}
#pid-functions .security-diagnosis_lineup .btn--primary:hover {
  background-color: #f7f7f7;
}
#pid-functions .security-diagnosis_lineup span.now {
  color: #fff;
  padding: 2px 6px;
  background: #1b63a7;
  position: absolute;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .contLeft {
    float: none;
    width: auto;
  }
  #pid-functions .contRight {
    float: none;
  }
  #pid-functions .sslDetail__item--ttl {
    font-size: 16px;
  }
  #pid-functions .aboutImg img {
    max-width: 100%;
  }
  #pid-functions .security-diagnosis_secure_ttl {
    text-align: center;
  }
  #pid-functions .security-diagnosis_secure_ttl p {
    font-size: 15px;
  }
  #pid-functions .security-diagnosis_secure_ttl img {
    float: none;
  }
  #pid-functions .security-diagnosis_secure_ttl ul {
    margin: 10px 0 0 0;
    float: none;
  }
  #pid-functions .security-diagnosis_secure_ttl ul li {
    float: none;
    display: inline-block;
  }
  #pid-functions .security-diagnosis_lineup .btn--primary {
    font-size: 13px;
  }
  #pid-functions .ssllineup .secondly-table-sm .balloon {
    position: relative;
  }
  #pid-functions .ssllineup .secondly-table-sm .balloon .pr {
    background: #ffa200;
    padding: 4px 12px;
    color: #fff;
    font-size: 11px;
    position: absolute;
    top: -73px;
    left: 2px;
  }
  #pid-functions .ssllineup .secondly-table-sm .balloon .pr:after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    display: block;
    width: 0;
    height: 0;
    margin: auto;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #ffa200;
  }
  #pid-functions .ssllineup .secondly-table-sm tr:nth-child(5) th {
    padding-top: 35px;
    letter-spacing: -1.7px;
  }
  #pid-functions .ssllineup .secondly-table-sm th {
    width: 33%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-functions .security-diagnosis_lineup .btn {
    margin-bottom: 10px;
  }
  #pid-functions .ssllineup .secondly-table-sm .balloon {
    position: relative;
  }
  #pid-functions .ssllineup .secondly-table-sm .balloon .pr {
    background: #ffa200;
    padding: 4px 12px;
    color: #fff;
    font-size: 11px;
    position: absolute;
    top: -72px;
    left: 0;
  }
  #pid-functions .ssllineup .secondly-table-sm .balloon .pr:after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    display: block;
    width: 0;
    height: 0;
    margin: auto;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #ffa200;
  }
  #pid-functions .ssllineup .secondly-table-sm tr:nth-child(5) th {
    padding-top: 35px;
  }
}
#pid-functions {
  /* ----------------------------------------------------------
  年間のご利用料金
  ------------------------------------------------------------- */
}
#pid-functions .yearPriceTable {
  border: 1px solid #eee;
}
@media only screen and (min-width: 1100px) {
  #pid-functions .yearPriceTable thead {
    display: none;
  }
}
#pid-functions .yearPriceTable td {
  border: none;
  border-bottom: 1px solid #eee;
}
#pid-functions .sslCaption {
  font-size: 16px;
  font-weight: bold;
  margin-left: 10px;
  vertical-align: middle;
}
@media only screen and (max-width: 1099px) {
  #pid-functions .sslCaption {
    display: block;
    margin: 0;
  }
}
#pid-functions .taxCaption {
  text-align: right;
  margin: 0 0 5px;
}
@media only screen and (max-width: 1099px) {
  #pid-functions .taxCaption {
    display: none;
  }
}
#pid-functions .numYears {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 1099px) {
  #pid-functions .numYears.fr {
    float: none !important;
  }
}
#pid-functions .numYears__caption {
  margin-right: 10px;
}
@media only screen and (max-width: 1099px) {
  #pid-functions .numYears__caption {
    display: none;
  }
}
#pid-functions .numYears__price {
  font-weight: bold;
  min-width: 9.5em;
  text-align: right;
}
@media only screen and (max-width: 1099px) {
  #pid-functions .numYears__price {
    min-width: auto;
  }
}
#pid-functions .numYears__price .normalPrice {
  color: #222 !important;
  margin: 0 0 -5px;
  font-weight: normal;
  text-decoration: line-through;
}
#pid-functions .numYears__price--num {
  font-size: 26px;
}
@media only screen and (max-width: 1099px) {
  #pid-functions .numYears__price--num {
    font-size: 18px;
  }
}
#pid-functions .numYears__term {
  font-weight: bold;
  text-align: right;
}
#pid-functions .numYears__term--num {
  font-size: 26px;
  margin-left: 10px;
}
@media only screen and (max-width: 1099px) {
  #pid-functions .numYears__term--num {
    margin-left: 0;
    font-size: 18px;
  }
}
#pid-functions .numYears__period {
  font-weight: bold;
  font-size: 18px;
  margin-left: 10px;
}
#pid-functions .functionsSec {
  padding: 100px 0;
}
#pid-functions .functionsSec:last-child {
  padding-bottom: 0;
}
#pid-functions .functionsSec * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 1099px) {
  #pid-functions .functionsSec {
    padding: 60px 0;
  }
}
#pid-functions .functionsSec:nth-child(2n) {
  background: #EFF4F8;
}
#pid-functions .functionsSec--bg {
  background-color: #eff4f8;
}
#pid-functions .functionsSec__ttl {
  margin-bottom: 35px;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-functions .functionsSec__ttl {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-functions .functionsSec__ttl {
    margin-bottom: 50px;
  }
}
#pid-functions .functionsSec__ttl__num {
  display: block;
}
#pid-functions .functionsSec__ttl__num span {
  display: inline-block;
  padding: 4px 30px;
  background-color: #222;
  border-radius: 2px;
  color: #fff;
  font-weight: 400;
}
#pid-functions .functionsSec__ttl__elm {
  font-size: 2.2rem;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-functions .functionsSec__ttl__elm {
    font-size: 2.4rem;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-functions .functionsSec__ttl__elm {
    font-size: 3.2rem;
  }
}
#pid-functions .functionsSec__ttl__elm {
  display: inline-block;
  position: relative;
  padding-bottom: 15px;
  font-weight: bold;
  line-height: 1.3;
}
#pid-functions .functionsSec__ttl__elm::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 5px;
  background: #1b5ba0;
  background: -webkit-gradient(linear, left top, right top, from(#00a9ef), to(#1b63a7));
  background: linear-gradient(to right, #00a9ef, #1b63a7);
}
@media only screen and (min-width: 768px) {
  #pid-functions .functionsSec__desc {
    text-align: center;
    font-size: 1.8rem;
    margin: 0 0 40px;
  }
}
#pid-functions.pid-functions-wptheme .main-header {
  margin-bottom: 0;
}
#pid-functions .topic-path {
  position: relative;
  z-index: 1;
}
#pid-functions .wpthemeIntro {
  position: relative;
}
#pid-functions .wpthemeIntro:before, #pid-functions .wpthemeIntro:after {
  content: "";
  display: block;
  position: absolute;
  opacity: 0.4;
  top: -16px;
}
#pid-functions .wpthemeIntro .holder-sml {
  position: relative;
  z-index: 1;
}
#pid-functions .wpthemeIntro:before {
  background: url(../img/functions/bg_wptheme_headerfig_left.svg) no-repeat 0 0;
  background-size: cover;
  width: 202px;
  height: 180px;
  left: 0;
}
#pid-functions .wpthemeIntro:after {
  background: url(../img/functions/bg_wptheme_headerfig_right.svg) no-repeat 0 0;
  background-size: cover;
  width: 96px;
  height: 200px;
  right: 0;
}
#pid-functions .wpthemeIntro__inner {
  margin: 72px 0 0;
  text-align: center;
}
#pid-functions .wpthemeIntro__inner .wpthemeIntro__caption {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.2;
}
#pid-functions .wpthemeIntro__inner .wpthemeIntro__caption span {
  color: #286ED3;
}
#pid-functions .wpthemeIntro__inner h3 {
  margin: 8px 0 0;
  font-size: 4rem;
  line-height: 1.1;
}
#pid-functions .wpthemeIntro__inner h3 .en {
  color: #286ED3;
  font-size: 4.8rem;
  font-family: Roboto;
}
#pid-functions .wpthemeIntro__inner .wpthemeIntro__desc {
  text-align: left;
  margin: 20px 12px 0;
}
#pid-functions .wpthemeIntro .topic-path ol {
  display: inline-block;
  background: rgba(255, 255, 255, 0.8);
}
@media only screen and (min-width: 1100px) {
  #pid-functions .wpthemeIntro:before, #pid-functions .wpthemeIntro:after {
    opacity: 1;
  }
}
@media only screen and (min-width: 768px) {
  #pid-functions .wpthemeIntro .holder-sml {
    position: relative;
    z-index: 1;
  }
  #pid-functions .wpthemeIntro:before {
    width: 434px;
    height: 385px;
  }
  #pid-functions .wpthemeIntro:after {
    width: 258px;
    height: 536px;
  }
  #pid-functions .wpthemeIntro__inner {
    margin: 88px 0 0;
  }
  #pid-functions .wpthemeIntro__inner .wpthemeIntro__caption {
    font-size: 2.4rem;
  }
  #pid-functions .wpthemeIntro__inner h3 {
    font-size: 6.8rem;
  }
  #pid-functions .wpthemeIntro__inner h3 .en {
    font-size: 7.7rem;
  }
  #pid-functions .wpthemeIntro__inner .wpthemeIntro__desc {
    text-align: center;
    margin: 32px 0 0;
  }
}
#pid-functions .themeBox {
  background: #fff;
  border: 1px dashed #286ED3;
  padding: 24px;
}
#pid-functions .themeBox__caption {
  font-weight: bold;
  position: relative;
  padding-left: 32px;
  line-height: 1.4;
  margin-bottom: 16px;
}
#pid-functions .themeBox__caption + p {
  margin-top: 12px;
}
#pid-functions .themeBox__caption .ico {
  position: absolute;
  left: 0;
  top: -6px;
}
#pid-functions .themeBox__caption .ico:before {
  color: #286ED3;
  font-size: 3.2rem;
}
#pid-functions .themeBox .whichList {
  margin-bottom: 4px;
}
#pid-functions .themeBox .whichList li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#pid-functions .themeBox .whichList li:not(:last-child) {
  margin-bottom: 4px;
}
@media only screen and (max-width: 1099px) {
  #pid-functions .themeBox .whichList li {
    display: block;
  }
}
#pid-functions .themeBox p {
  font-size: 1.4rem;
  margin: 0;
}
#pid-functions .themeBox p span {
  color: #286ED3;
  font-weight: bold;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .themeAbout {
    margin: 0 12px;
  }
}
#pid-functions .themeAbout .listItem {
  margin: 32px 0 0;
}
#pid-functions .themeAbout .listItem .item__fig {
  text-align: center;
}
#pid-functions .themeAbout .listItem .item__caption {
  text-align: center;
  font-weight: bold;
  font-size: 1.8rem;
  margin: 16px 0 0;
}
#pid-functions .themeAbout .listItem .item__caption span {
  color: #286ED3;
}
#pid-functions .themeAbout .listItem .item__desc {
  margin: 8px 0 0;
}
@media only screen and (min-width: 768px) {
  #pid-functions .themeAbout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: -56px -20px 0;
  }
  #pid-functions .themeAbout .listItem {
    margin: 56px 20px 0;
    max-width: 460px;
    width: 45%;
  }
  #pid-functions .themeAbout .listItem .item__caption {
    font-size: 2.8rem;
    margin: 16px 0 0;
  }
  #pid-functions .themeAbout .listItem .item__desc {
    margin: 12px 0 0;
  }
}
#pid-functions .themeList {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}
@media only screen and (max-width: 1099px) {
  #pid-functions .themeList {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
#pid-functions .themeList .themeCard {
  background: #fff;
  border: 1px solid #C8D8E3;
  border-radius: 4px;
  text-align: center;
  max-width: 353px;
  padding-bottom: 72px;
  position: relative;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .themeList .themeCard {
    margin: 0 auto;
  }
}
#pid-functions .themeList .themeCard .card__label {
  position: absolute;
  top: 0;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  line-height: 1;
  padding: 6px;
  border-radius: 0 0 3px 3px;
  background-color: #286ed3;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  max-width: 200px;
  width: 100%;
}
#pid-functions .themeList .themeCard .card__head {
  border-radius: 4px;
}
#pid-functions .themeList .themeCard .card__head img {
  width: 100%;
  height: auto;
  border-radius: 4px 4px 0 0;
}
#pid-functions .themeList .themeCard .card__body {
  border-top: 1px solid #C8D8E3;
  padding: 16px 24px 24px;
}
#pid-functions .themeList .themeCard .card__ttl {
  font-size: 2.4rem;
  font-weight: bold;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .themeList .themeCard .card__desc {
    font-size: 1.4rem;
  }
}
#pid-functions .themeList .themeCard .card__use {
  font-size: 1.2rem;
  margin: 12px 0 0;
}
#pid-functions .themeList .themeCard .card__use .label {
  color: #a6a6a6;
}
#pid-functions .themeList .themeCard .card__use .category {
  background: #EFF4F8;
  border-radius: 4px;
  margin-left: 0.5em;
  padding: 4px;
}
#pid-functions .themeList .themeCard .card__use + .card__price {
  margin: 24px 0 0;
}
#pid-functions .themeList .themeCard .card__priceBalloon {
  margin: 16px 0 0;
}
#pid-functions .themeList .themeCard .card__priceBalloon .balloon {
  background: #F7790B;
  color: #fff;
  border-radius: 4px;
  position: relative;
  display: table;
  margin: 0 auto;
  padding: 4px 8px;
  font-size: 1.4rem;
}
#pid-functions .themeList .themeCard .card__priceBalloon .balloon:before {
  content: "";
  display: block;
  border: 6px solid transparent;
  border-top-color: #F7790B;
  position: absolute;
  left: 50%;
  bottom: -12px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
#pid-functions .themeList .themeCard .card__priceBalloon .default {
  color: #a6a6a6;
  margin: 4px 0 0;
}
#pid-functions .themeList .themeCard .card__priceBalloon .default .price {
  font-size: 1.2rem;
}
#pid-functions .themeList .themeCard .card__priceBalloon .default .price .num {
  font-size: 1.4rem;
}
#pid-functions .themeList .themeCard .cp__row {
  font-size: 1.2rem;
  font-weight: bold;
  color: #eb1010;
}
#pid-functions .themeList .themeCard .card__price {
  margin: 4px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
#pid-functions .themeList .themeCard .card__price .label {
  border: 1px solid #286ED3;
  border-radius: 2px;
  padding: 4px;
  line-height: 1;
  color: #286ED3;
  font-size: 1.2rem;
}
#pid-functions .themeList .themeCard .card__price .label.unsubscribe {
  color: #F7790B;
  border-color: #F7790B;
}
#pid-functions .themeList .themeCard .card__price .label.cp__red {
  color: #eb1010;
  border-color: #eb1010;
}
#pid-functions .themeList .themeCard .card__price .price {
  font-weight: bold;
  margin-left: 0.5em;
  line-height: 1;
  letter-spacing: -0.5px;
}
#pid-functions .themeList .themeCard .card__price .price .num {
  font-size: 2.8rem;
  margin-right: 2px;
}
#pid-functions .themeList .themeCard .card__price .price.cp {
  color: #F7790B;
}
#pid-functions .themeList .themeCard .card__price .price.cp__red {
  color: #eb1010;
}
#pid-functions .themeList .themeCard .card__price .free {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1;
  margin-left: 4px;
}
#pid-functions .themeList .themeCard .card__link {
  position: absolute;
  bottom: 24px;
  width: calc(100% - 48px);
  margin: 16px 0 0;
}
#pid-functions .themeList .themeCard .card__link .button {
  position: relative;
}
#pid-functions .themeList .themeCard .card__link .button:after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url(../img/common/ico_blank.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 12px;
}
#pid-functions .themeGuide .guideBox {
  border: 2px solid #286ED3;
  border-radius: 4px;
  padding: 16px;
  margin: 16px 0 0;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .themeGuide .guideBox > p {
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .themeGuide .themeBox p {
    font-size: 1.4rem;
  }
}
#pid-functions .themeGuide .box__header {
  text-align: center;
  border-bottom: 1px solid #a6a6a6;
  padding: 0 0 16px;
  margin: 0 0 16px;
}
#pid-functions .themeGuide .box__header--ttl {
  font-size: 2rem;
  font-weight: bold;
}
@media only screen and (min-width: 1100px) {
  #pid-functions .themeGuide .box__header--ttl {
    font-size: 2.4rem;
  }
}
#pid-functions .themeGuide .box__btnLink {
  margin: 16px 0 0;
  position: relative;
}
#pid-functions .themeGuide .box__btnLink--arrow {
  margin: 0 0 20px;
  padding-bottom: 32px;
  position: relative;
}
#pid-functions .themeGuide .box__btnLink--arrow:after {
  content: "";
  display: block;
  border: 12px solid transparent;
  border-top-color: #2F334C;
  border-left-width: 8px;
  border-right-width: 8px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -12px;
}
#pid-functions .themeGuide .btnLink--balloon {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: -24px;
  border: 2px solid #F7790B;
  border-radius: 4px;
  background: #fff;
  font-weight: bold;
  z-index: 1;
  min-width: 22em;
  text-align: center;
  padding: 4px;
}
@media only screen and (max-width: 1099px) {
  #pid-functions .themeGuide .btnLink--balloon {
    font-size: 1.4rem;
  }
}
#pid-functions .themeGuide .btnLink--btn {
  position: relative;
  z-index: 0;
  text-align: center;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .themeGuide .btnLink--btn .button {
    width: 100%;
  }
}
#pid-functions .themeGuide .btnLink--btn .buttonCta {
  font-size: 1.8rem;
  padding: 22px;
  width: 100%;
}
@media only screen and (min-width: 1100px) {
  #pid-functions .themeGuide .btnLink--btn .buttonCta {
    min-width: 380px;
    width: auto;
  }
}
#pid-functions .themeGuide .btnLink--btn .buttonCta:after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url(../img/common/ico_blank_white.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  position: static;
  margin-left: 0.5em;
}
#pid-functions .themeGuide .btnLink--flow {
  text-align: center;
  margin: 16px 0;
}
#pid-functions .themeGuide .btnLink--flowleft {
  text-align: left;
  margin: 4px 0;
}
#pid-functions .themeGuide .cautionList {
  margin-top: 16px;
}
#pid-functions .themeGuide .cautionList li {
  color: #888888;
  text-indent: -1em;
  padding-left: 1em;
  font-size: 1.2rem;
}
#pid-functions .themeGuide .cautionList--center {
  margin-top: 16px;
  text-align: center;
}
#pid-functions .themeGuide .cautionList--center li {
  color: #888888;
  text-indent: -1em;
  padding-left: 1em;
  font-size: 1.2rem;
}
@media only screen and (min-width: 768px) {
  #pid-functions .themeGuide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #pid-functions .themeGuide .guideBox {
    max-width: 520px;
    width: 48%;
    margin: 0;
    padding: 40px;
  }
}
#pid-functions .xwrite-pr__intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  width: 94%;
  margin: 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 1099px) {
  #pid-functions .xwrite-pr__intro {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
  }
}
#pid-functions .xwrite-pr__visual {
  padding-top: 10px;
  margin: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-width: 282px;
}
#pid-functions .xwrite-pr__visual img {
  max-width: 100%;
  height: auto;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .xwrite-pr__visual {
    padding-top: 0;
  }
}
#pid-functions .xwrite-pr__price {
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 64px;
  line-height: 1;
}
#pid-functions .xwrite-pr__price .label {
  background: #2F334C;
  color: #fff;
  padding: 6px 12px;
  font-size: 14px;
  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;
}
@media only screen and (max-width: 1099px) {
  #pid-functions .xwrite-pr__price {
    margin-bottom: 16px;
    gap: 48px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
#pid-functions .xwrite-pr__price-regular {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: normal;
      -ms-flex-align: normal;
          align-items: normal;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .xwrite-pr__price-regular {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#pid-functions .xwrite-pr__price-regular .price {
  font-size: 27px;
  font-weight: 500;
}
#pid-functions .xwrite-pr__price-regular .yen {
  font-size: 18px;
  font-weight: 500;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .xwrite-pr__price-regular .price {
    font-size: 20px;
  }
  #pid-functions .xwrite-pr__price-regular .yen {
    font-size: 14px;
  }
}
#pid-functions .xwrite-pr__price-regular .strike-container {
  position: relative;
  display: inline-block;
}
#pid-functions .xwrite-pr__price-regular .strike-container::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #2F334C;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#pid-functions .xwrite-pr__price-special {
  position: relative;
  padding-bottom: 12px;
  color: #F7790B;
}
#pid-functions .xwrite-pr__price-special::before {
  content: "";
  display: block;
  position: absolute;
  left: -24px;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 12px solid #D8D8D8;
  border-right: 0;
}
@media only screen and (max-width: 1099px) {
  #pid-functions .xwrite-pr__price-special::before {
    left: -16px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .xwrite-pr__price-special {
    padding-bottom: 4px;
  }
}
#pid-functions .xwrite-pr__price-note {
  position: absolute;
  top: 1rem;
  font-weight: bold;
  font-size: 11px;
}
#pid-functions .xwrite-pr__price-label, #pid-functions .xwrite-pr__price-number, #pid-functions .xwrite-pr__price-unit {
  font-weight: bold;
}
#pid-functions .xwrite-pr__price-label, #pid-functions .xwrite-pr__price-unit {
  font-size: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-functions .xwrite-pr__price-label, #pid-functions .xwrite-pr__price-unit {
    font-size: 24px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .xwrite-pr__price-label, #pid-functions .xwrite-pr__price-unit {
    font-size: 20px;
  }
}
#pid-functions .xwrite-pr__price-number {
  font-size: 70px;
  vertical-align: sub;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-functions .xwrite-pr__price-number {
    font-size: 56px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .xwrite-pr__price-number {
    font-size: 44px;
  }
}
#pid-functions .xwrite-pr__text {
  font-size: 15px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .xwrite-pr__text {
    font-size: 14px;
  }
}
#pid-functions .xwrite-pr__text strong {
  color: #286ED3;
}
#pid-functions .xwrite-pr__note {
  font-size: 14px;
  padding-left: 1em;
  text-indent: -1em;
  margin-bottom: 0;
}
#pid-functions .feature__block {
  overflow: hidden;
  margin-top: 40px;
  background-color: #fff;
  border-radius: 3px;
}
@media only screen and (min-width: 768px) {
  #pid-functions .feature__block {
    margin-top: 60px;
  }
}
#pid-functions .feature__block__ttl {
  font-size: 2rem;
}
@media only screen and (min-width: 1100px) {
  #pid-functions .feature__block__ttl {
    font-size: 2.6rem;
  }
}
#pid-functions .feature__block__ttl {
  padding: 0.65em;
  background-color: #1b63a7;
  border-radius: 3px 3px 0 0;
  color: #fff;
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
}
@media only screen and (max-width: 1099px) {
  #pid-functions .feature__block__ttl {
    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;
  }
}
#pid-functions .feature__block__body {
  padding: 5.33333vw;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-functions .feature__block__body {
    padding: 3.90625vw;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-functions .feature__block__body {
    padding: 50px;
  }
}
#pid-functions .feature__block .target-label {
  font-size: 16px;
  color: #1B63A7;
  padding: 8px 16px 6px;
  background: #fff;
  vertical-align: middle;
  margin-right: 1rem;
  display: inline-block;
}
@media only screen and (max-width: 1099px) {
  #pid-functions .feature__block .target-label {
    margin: 0 0 1rem 0;
  }
}
#pid-functions {
  /*-------------------------------------
  　260309_WordPressリカバリーページ追加
  -------------------------------------*/
}
#pid-functions.pid-feature-wprecovery .main-header {
  margin-bottom: 0;
}
#pid-functions.pid-feature-wprecovery .topic-path {
  margin-top: 0;
  padding-top: 15px;
  margin-bottom: 16px;
}
#pid-functions.pid-feature-wprecovery .main {
  margin-bottom: 0;
}
#pid-functions .wprecovery {
  overflow: hidden;
}
#pid-functions .wprecovery img {
  width: 100%;
}
#pid-functions .wprecovery .container {
  max-width: 1200px;
  width: 93.75%;
  margin-left: auto;
  margin-right: auto;
}
#pid-functions .wprecovery .container--sm {
  max-width: 900px;
}
#pid-functions .wprecovery .section {
  padding: 80px 0;
  margin: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-functions .wprecovery .section {
    padding: 64px 0;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .wprecovery .section {
    padding: 56px 0;
  }
}
#pid-functions .wprecovery .section__title {
  text-align: center;
  margin-bottom: 48px;
}
#pid-functions .wprecovery .section__title h2 {
  display: inline-block;
  position: relative;
  padding-bottom: 16px;
  font-size: 3rem;
  color: #1e293b;
  font-weight: bold;
}
#pid-functions .wprecovery .section__title h2::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 56px;
  height: 4px;
  background: -webkit-gradient(linear, left top, right top, from(#2F73C4), to(#58B9F0));
  background: linear-gradient(to right, #2F73C4, #58B9F0);
  border-radius: 8px;
}
#pid-functions .wprecovery .section__title span {
  color: #0059b3;
}
@media only screen and (max-width: 1099px) {
  #pid-functions .wprecovery .section__title h2 {
    font-size: 2.4rem;
  }
}
#pid-functions .wprecovery .section__desc {
  text-align: center;
  max-width: 768px;
  margin: 0 auto 40px;
}
#pid-functions .wprecovery .mv {
  position: relative;
  background: #F6FCFF;
  padding: 0px 16px 84px;
  overflow: visible;
}
@media only screen and (max-width: 1099px) {
  #pid-functions .wprecovery .mv {
    padding: 0px 16px 60px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .wprecovery .mv {
    padding: 0px 3% 40px;
  }
}
#pid-functions .wprecovery .mv::before {
  content: "";
  position: absolute;
  left: calc(50% + 530px);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: -34%;
  width: 990px;
  aspect-ratio: 990/791;
  z-index: 0;
  background-image: url("../img/functions/wprecovery_bg_hexagon.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media only screen and (max-width: 1099px) {
  #pid-functions .wprecovery .mv::before {
    display: none;
  }
}
#pid-functions .wprecovery .mv::after {
  content: "";
  position: absolute;
  left: calc(50% + 420px);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: -10%;
  width: 673px;
  aspect-ratio: 673/601.12;
  z-index: 0;
  background-image: url("../img/functions/wprecovery_bg_shape.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 0.8;
}
@media only screen and (max-width: 1099px) {
  #pid-functions .wprecovery .mv::after {
    display: none;
  }
}
#pid-functions .wprecovery .mv .com-label {
  text-align: right;
  max-width: 1080px;
  margin: 0 auto 24px;
  position: relative;
  z-index: 3;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .wprecovery .mv .com-label {
    margin-bottom: 16px;
  }
}
#pid-functions .wprecovery .mv .com-label span {
  display: inline-block;
  padding: 2px 15px 0;
  background-color: #fff;
  border: 1px solid #2F63AB;
  color: #265DAA;
  font-size: 1.6rem;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .wprecovery .mv .com-label span {
    font-size: 1.2rem;
  }
}
#pid-functions .wprecovery .mv .container {
  max-width: 1080px;
}
#pid-functions .wprecovery .mv__inner {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 118px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-functions .wprecovery .mv__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 98px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .wprecovery .mv__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 94px;
  }
}
#pid-functions .wprecovery .mv__text {
  text-align: left;
  position: relative;
  z-index: 1;
  margin-left: 2%;
}
@media only screen and (max-width: 1099px) {
  #pid-functions .wprecovery .mv__text {
    width: 100%;
    text-align: center;
    margin-left: 0;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .wprecovery .mv__text {
    max-width: 460px;
  }
}
#pid-functions .wprecovery .mv__text::before {
  content: "";
  position: absolute;
  top: -410px;
  left: -320px;
  width: 150%;
  height: 150%;
  background-image: url("../img/functions/wprecovery_bg_hexagon_s_01.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: -1;
  pointer-events: none;
}
@media only screen and (max-width: 1099px) {
  #pid-functions .wprecovery .mv__text::before {
    top: -350px;
    left: 40px;
  }
}
#pid-functions .wprecovery .mv__text::after {
  content: "";
  position: absolute;
  bottom: -90px;
  left: -100px;
  width: 40%;
  height: 40%;
  background-image: url("../img/functions/wprecovery_bg_hexagon_s_02.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: -1;
  pointer-events: none;
}
@media only screen and (max-width: 1099px) {
  #pid-functions .wprecovery .mv__text::after {
    bottom: -50px;
    left: -60px;
  }
}
#pid-functions .wprecovery .mv__subcopy {
  color: #265DAA;
  font-weight: 700;
  font-size: 2.4rem;
  margin-bottom: 20px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .wprecovery .mv__subcopy {
    font-size: 1.8rem;
    margin-bottom: 12px;
    line-height: normal;
  }
}
#pid-functions .wprecovery .mv__title {
  width: 590px;
  height: auto;
  margin-bottom: 40px;
}
#pid-functions .wprecovery .mv__title span {
  color: #0059b3;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-functions .wprecovery .mv__title {
    font-size: 3.75rem;
    max-width: 624px;
    margin: 0 auto 32px;
    width: 100%;
  }
  #pid-functions .wprecovery .mv__title br {
    display: none;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .wprecovery .mv__title {
    margin: 0 auto 24px;
    width: 100%;
    max-width: 394px;
  }
}
#pid-functions .wprecovery .mv__desc {
  font-size: 1.5rem;
  margin: 0;
  color: #3B4044;
  font-weight: 500;
}
@media only screen and (max-width: 1099px) {
  #pid-functions .wprecovery .mv__desc {
    max-width: 600px;
    margin: 0 auto;
  }
  #pid-functions .wprecovery .mv__desc br.pc-only {
    display: none;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .wprecovery .mv__desc {
    text-align: left;
    font-size: 1.2rem;
    margin: 0 8px;
  }
}
#pid-functions .wprecovery .mv__visual {
  position: relative;
  margin-bottom: -110px;
  z-index: 2;
}
@media only screen and (max-width: 1099px) {
  #pid-functions .wprecovery .mv__visual {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-left: 92px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .wprecovery .mv__visual {
    margin-left: 0px;
  }
}
#pid-functions .wprecovery .mv__visual::before {
  content: "";
  position: absolute;
  left: calc(50% + 530px);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: -34%;
  width: 990px;
  aspect-ratio: 990/791;
  z-index: 0;
  background-image: url("../img/functions/wprecovery_bg_hexagon.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: none;
}
@media only screen and (max-width: 1099px) {
  #pid-functions .wprecovery .mv__visual::before {
    display: block;
    background-image: url("../img/functions/wprecovery_bg_hexagon_s.svg");
    left: 50%;
    top: -21%;
    width: 535px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .wprecovery .mv__visual::before {
    left: 64%;
    top: -37%;
    width: 144%;
  }
}
#pid-functions .wprecovery .mv__badge {
  z-index: 2;
  position: absolute;
  left: -142px;
  top: -32px;
  width: 145px;
  height: auto;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-functions .wprecovery .mv__badge {
    left: -147px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .wprecovery .mv__badge {
    width: 137px;
    top: -41px;
    left: unset;
    right: 55%;
  }
}
#pid-functions .wprecovery .mv__mockup {
  position: relative;
  width: 100%;
  height: auto;
  max-width: 481px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-functions .wprecovery .mv__mockup {
    max-width: 347px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .wprecovery .mv__mockup {
    max-width: 256px;
  }
}
#pid-functions .wprecovery .trouble {
  padding-top: 140px;
  padding-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-functions .wprecovery .trouble {
    padding-top: 200px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .wprecovery .trouble {
    padding-top: 140px;
  }
}
#pid-functions .wprecovery .trouble .section__title {
  font-size: 2.8rem;
  margin-bottom: 24px;
  z-index: 1;
  position: relative;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .wprecovery .trouble .section__title {
    font-size: 2.2rem;
  }
}
#pid-functions .wprecovery .trouble .section__title span {
  color: #2F5396;
  background: #EFF6FF;
  border-radius: 2px;
  padding: 0.7rem;
  margin-left: 4px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .wprecovery .trouble .section__title span {
    display: inline-block;
    margin-top: 4px;
  }
}
#pid-functions .wprecovery .trouble .section__title::before {
  content: "";
  position: absolute;
  top: 120%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 414.76px;
  height: 189.44px;
  background-image: url("../img/functions/wprecovery_trouble_title_bg.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: -1;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .wprecovery .trouble .section__title::before {
    width: 80%;
    top: 50%;
  }
}
#pid-functions .wprecovery .trouble .section__desc {
  font-size: 1.6rem;
  font-weight: 500;
  margin: 0 auto 62px;
}
@media only screen and (max-width: 1099px) {
  #pid-functions .wprecovery .trouble .section__desc {
    text-align: center;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .wprecovery .trouble .section__desc {
    font-size: 1.4rem;
  }
}
#pid-functions .wprecovery .trouble__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-functions .wprecovery .trouble__list {
    gap: 24px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .wprecovery .trouble__list {
    grid-template-columns: 1fr;
    gap: 52px;
    max-width: 340px;
    margin: 0 auto;
  }
}
#pid-functions .wprecovery .trouble__item {
  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;
  text-align: center;
  background: #EEF2F8;
  padding: 40px 24px 24px 24px;
  border-radius: 4px;
  position: relative;
  -webkit-box-shadow: 0 3px 6px rgba(10, 23, 43, 0.08);
          box-shadow: 0 3px 6px rgba(10, 23, 43, 0.08);
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-functions .wprecovery .trouble__item {
    padding: 40px 16px 16px;
  }
}
#pid-functions .wprecovery .trouble__item::before {
  content: "";
  position: absolute;
  top: -35px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 86px;
  height: 76.47px;
  background-image: url("../img/functions/wprecovery_trouble_icon_01.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
#pid-functions .wprecovery .trouble__item:nth-child(2)::before {
  background-image: url("../img/functions/wprecovery_trouble_icon_02.svg");
}
#pid-functions .wprecovery .trouble__item:nth-child(3)::before {
  background-image: url("../img/functions/wprecovery_trouble_icon_03.svg");
}
#pid-functions .wprecovery .trouble__icon {
  font-size: 4.5rem;
  color: #4b5563;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  #pid-functions .wprecovery .trouble__icon {
    font-size: 3.75rem;
  }
}
#pid-functions .wprecovery .trouble__title {
  font-size: 1.7rem;
  margin: 16px auto;
  letter-spacing: -1%;
}
@media only screen and (max-width: 1099px) {
  #pid-functions .wprecovery .trouble__title {
    font-size: 1.6rem;
    letter-spacing: 0;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .wprecovery .trouble__title {
    margin: 8px auto;
  }
}
#pid-functions .wprecovery .trouble__desc {
  font-size: 1.2rem;
  text-align: left;
  margin: 0 6px;
}
@media only screen and (max-width: 1099px) {
  #pid-functions .wprecovery .trouble__desc {
    margin: 0;
  }
}
#pid-functions .wprecovery .trouble__scroll {
  margin: 48px auto;
  width: 65.74px;
  height: auto;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .wprecovery .trouble__scroll {
    margin: 32px auto;
    width: 56px;
  }
}
#pid-functions .wprecovery .solution {
  background: -webkit-gradient(linear, left top, right top, color-stop(-10%, #6DBCEE), to(#3482DB));
  background: linear-gradient(to right, #6DBCEE -10%, #3482DB);
  position: relative;
  z-index: 2;
}
#pid-functions .wprecovery .solution::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -21%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  height: 100%;
  background-image: url("../img/functions/wprecovery_solution_bg.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
  z-index: -1;
  pointer-events: none;
  mix-blend-mode: color-burn;
  opacity: 0.1;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .wprecovery .solution::before {
    width: 120px;
    height: 120px;
    left: -20px;
  }
}
#pid-functions .wprecovery .solution .container {
  margin-bottom: -240px;
}
#pid-functions .wprecovery .solution__header {
  text-align: center;
  margin-bottom: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-functions .wprecovery .solution__header {
    margin-bottom: 48px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .wprecovery .solution__header {
    margin-bottom: 32px;
  }
}
#pid-functions .wprecovery .solution__catch {
  position: relative;
  display: inline-block;
  padding: 0 20px;
  font-size: 1.6rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  margin-bottom: 16px;
  color: #EBF4FF;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .wprecovery .solution__catch {
    padding: 0 16px;
    font-size: 1.4rem;
  }
}
#pid-functions .wprecovery .solution__catch::before, #pid-functions .wprecovery .solution__catch::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 2px;
  height: 1.2em;
  background: #ebf4ff;
  border-radius: 6px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .wprecovery .solution__catch::before, #pid-functions .wprecovery .solution__catch::after {
    bottom: 0;
    top: unset;
  }
}
#pid-functions .wprecovery .solution__catch::before {
  left: 0;
  -webkit-transform: translateY(-50%) rotate(-36deg);
          transform: translateY(-50%) rotate(-36deg);
}
#pid-functions .wprecovery .solution__catch::after {
  right: 0;
  -webkit-transform: translateY(-50%) rotate(36deg);
          transform: translateY(-50%) rotate(36deg);
}
#pid-functions .wprecovery .solution__title {
  font-size: 3.2rem;
  font-weight: 900;
  color: #fff;
  text-shadow: 0 2px 6px rgba(20, 40, 68, 0.22);
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .wprecovery .solution__title {
    font-size: 2.6rem;
    line-height: 4rem;
  }
}
#pid-functions .wprecovery .solution__title .pickup {
  background: #fff;
  color: #286ED3;
  padding: 4px 8px;
  border-radius: 2px;
  text-shadow: none;
  margin: 0 4px;
}
#pid-functions .wprecovery .solution__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 64px;
  color: #4b5563;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-functions .wprecovery .solution__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 40px;
    gap: 40px;
    margin-bottom: 56px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .wprecovery .solution__box {
    padding: 0;
    gap: 44px;
  }
}
@media only screen and (max-width: 1099px) {
  #pid-functions .wprecovery .solution__box--pc {
    display: none;
  }
}
#pid-functions .wprecovery .solution__box--sp {
  display: none;
}
@media only screen and (max-width: 1099px) {
  #pid-functions .wprecovery .solution__box--sp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0;
    gap: 44px;
  }
}
#pid-functions .wprecovery .solution__visual {
  position: relative;
  min-height: 380px;
}
#pid-functions .wprecovery .solution__visual-sp {
  position: relative;
  width: 100%;
  min-height: auto;
  margin-top: 24px;
}
#pid-functions .wprecovery .solution__image, #pid-functions .wprecovery .solution__image-sp {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  pointer-events: none;
}
#pid-functions .wprecovery .solution__image.active, #pid-functions .wprecovery .solution__image-sp.active {
  opacity: 1;
  position: relative;
  pointer-events: auto;
  z-index: 10;
}
#pid-functions .wprecovery .solution__content {
  background: #fff;
  padding: 32px 40px 40px;
  border-radius: 4px;
  position: relative;
  max-width: 390px;
}
@media only screen and (max-width: 1099px) {
  #pid-functions .wprecovery .solution__content {
    max-width: 100%;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .wprecovery .solution__content {
    padding: 24px 16px;
  }
}
#pid-functions .wprecovery .solution__content::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: none;
  border-right: 20px solid #fff;
}
@media only screen and (max-width: 1099px) {
  #pid-functions .wprecovery .solution__content::before {
    display: none;
  }
}
#pid-functions .wprecovery .solution__steps-title {
  font-size: 2.2rem;
  font-weight: 700;
  color: #496CB1;
  text-align: center;
  margin-bottom: 24px;
  background: #EFF6FE;
  padding: 12px 0;
  border-radius: 4px;
}
#pid-functions .wprecovery .solution__steps-title span {
  color: #F1913A;
  padding: 0 4px;
}
#pid-functions .wprecovery .solution__steps-title span .num {
  font-size: 3.2rem;
  padding: 0;
}
@media only screen and (max-width: 1099px) {
  #pid-functions .wprecovery .solution__steps-title {
    text-align: center;
    font-size: 2rem;
    padding: 4px 0 6px;
  }
  #pid-functions .wprecovery .solution__steps-title span {
    font-size: 1.875rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .wprecovery .solution__steps-title {
    font-size: 1.8rem;
  }
  #pid-functions .wprecovery .solution__steps-title span .num {
    font-size: 3rem;
    padding: 0;
  }
}
#pid-functions .wprecovery .solution__steps-subcopy {
  color: #457EC7;
  font-weight: 700;
  text-align: center;
  margin-bottom: 8px;
  font-size: 1.8rem;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .wprecovery .solution__steps-subcopy {
    font-size: 1.6rem;
  }
}
#pid-functions .wprecovery .solution__steps-subcopy span {
  color: #3B4044;
}
#pid-functions .wprecovery .solution .ui-mock {
  -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  max-width: 520px;
}
#pid-functions .wprecovery .solution .ui-mock__ping--01 {
  position: absolute;
  top: 36%;
  right: 6%;
  width: 12px;
  height: 12px;
  background: #ef4444;
  border-radius: 50%;
  -webkit-animation: ping 1.5s cubic-bezier(0, 0, 0.2, 1) infinite;
          animation: ping 1.5s cubic-bezier(0, 0, 0.2, 1) infinite;
}
#pid-functions .wprecovery .solution .ui-mock__ping--02 {
  position: absolute;
  bottom: 9%;
  right: 6%;
  width: 12px;
  height: 12px;
  background: #ef4444;
  border-radius: 50%;
  -webkit-animation: ping 1.5s cubic-bezier(0, 0, 0.2, 1) infinite;
          animation: ping 1.5s cubic-bezier(0, 0, 0.2, 1) infinite;
}
@-webkit-keyframes ping {
  75%, 100% {
    -webkit-transform: scale(2);
            transform: scale(2);
    opacity: 0;
  }
}
@keyframes ping {
  75%, 100% {
    -webkit-transform: scale(2);
            transform: scale(2);
    opacity: 0;
  }
}
#pid-functions .wprecovery .solution .step-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
#pid-functions .wprecovery .solution .step-list__item {
  cursor: pointer;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  opacity: 0.5;
  position: relative;
}
#pid-functions .wprecovery .solution .step-list__item--active {
  opacity: 1;
}
#pid-functions .wprecovery .solution .step-list__item--active .step-list__title {
  color: #265DAA;
}
#pid-functions .wprecovery .solution .step-list__item--active .step-list__desc {
  color: #3B4044;
}
#pid-functions .wprecovery .solution .step-list__item--active .step-list__num {
  background: #0059b3;
}
#pid-functions .wprecovery .solution .step-list__item--active .step-list__progress-fill {
  width: 100%;
  -webkit-transition: width 5000ms linear;
  transition: width 5000ms linear;
}
#pid-functions .wprecovery .solution .step-list__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 8px;
}
#pid-functions .wprecovery .solution .step-list__num {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #cbd5e1;
  color: #fff;
  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-weight: 500;
  font-size: 2.4rem;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  position: absolute;
  top: 10%;
}
#pid-functions .wprecovery .solution .step-list__title {
  font-size: 1.8rem;
  font-weight: 700;
  color: #265DAA;
}
#pid-functions .wprecovery .solution .step-list__desc {
  font-size: 1.2rem;
  color: #3B4044;
  font-weight: 500;
}
#pid-functions .wprecovery .solution .step-list__wrap {
  margin-left: 56px;
  margin-bottom: 16px;
}
#pid-functions .wprecovery .solution .step-list__progress-bg {
  height: 4px;
  background: #e2e8f0;
  border-radius: 3px;
  overflow: hidden;
  position: relative;
}
#pid-functions .wprecovery .solution .step-list__progress-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #0059b3;
  width: 0%;
  -webkit-transition: width 0s;
  transition: width 0s;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .wprecovery .solution .step-list__title {
    font-size: 1.6rem;
  }
  #pid-functions .wprecovery .solution .step-list__num {
    width: 32px;
    height: 32px;
    top: 18%;
    font-size: 2.2rem;
  }
  #pid-functions .wprecovery .solution .step-list__header {
    margin-bottom: 4px;
  }
  #pid-functions .wprecovery .solution .step-list__wrap {
    margin-left: 42px;
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 1099px) {
  #pid-functions .wprecovery .solution .step-list-sp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
  #pid-functions .wprecovery .solution .step-list-sp__item {
    position: relative;
    padding-left: 24px;
    margin-bottom: 16px;
    cursor: pointer;
    opacity: 0.5;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  #pid-functions .wprecovery .solution .step-list-sp__item:last-child {
    padding-bottom: 0;
  }
  #pid-functions .wprecovery .solution .step-list-sp__item--active {
    opacity: 1;
  }
  #pid-functions .wprecovery .solution .step-list-sp__item--active .step-list-sp__num {
    background: #0059b3;
  }
  #pid-functions .wprecovery .solution .step-list-sp__item--active .step-list-sp__title {
    color: #0059b3;
  }
  #pid-functions .wprecovery .solution .step-list-sp__item--active .step-list-sp__line-fill {
    height: 100%;
    -webkit-transition: height 5000ms linear;
    transition: height 5000ms linear;
  }
  #pid-functions .wprecovery .solution .step-list-sp__line-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: #e2e8f0;
    border-radius: 2px;
    overflow: hidden;
    z-index: 1;
  }
  #pid-functions .wprecovery .solution .step-list-sp__line-fill {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0%;
    background: #0059b3;
    -webkit-transition: height 0s;
    transition: height 0s;
  }
  #pid-functions .wprecovery .solution .step-list-sp__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
  }
  #pid-functions .wprecovery .solution .step-list-sp__num {
    width: 32px;
    height: 32px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    border-radius: 50%;
    background: #cbd5e1;
    color: #fff;
    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-weight: 700;
    font-size: 1.6rem;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  #pid-functions .wprecovery .solution .step-list-sp__text {
    padding-top: 4px;
  }
  #pid-functions .wprecovery .solution .step-list-sp__title {
    font-size: 1.6rem;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 8px;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
  }
  #pid-functions .wprecovery .solution .step-list-sp__desc {
    font-size: 1.4rem;
    margin: 0;
    color: #3B4044;
    line-height: 1.6;
  }
}
#pid-functions .wprecovery .usp {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(229, 242, 252, 0.25)), to(rgba(229, 242, 252, 0.25))), -webkit-gradient(linear, left top, right top, from(#6DBCEE), to(#3482DB));
  background-image: linear-gradient(rgba(229, 242, 252, 0.25), rgba(229, 242, 252, 0.25)), linear-gradient(to right, #6DBCEE, #3482DB);
  background-blend-mode: screen, normal;
  padding-top: 124px;
  position: relative;
  z-index: 1;
}
#pid-functions .wprecovery .usp .container {
  max-width: 1080px;
}
#pid-functions .wprecovery .usp::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -57%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 90%;
  height: 90%;
  background-image: url("../img/functions/wprecovery_solution_bg.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
  z-index: -1;
  pointer-events: none;
  mix-blend-mode: screen;
  opacity: 0.13;
}
@media (max-width: 767px) {
  #pid-functions .wprecovery .usp::before {
    width: 120px;
    height: 120px;
    left: -20px;
  }
}
#pid-functions .wprecovery .usp__box {
  background: #fff;
  border-radius: 8px;
  position: relative;
  -webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
  margin-top: 60px;
}
#pid-functions .wprecovery .usp__ribbon {
  position: absolute;
  top: -24px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #E0C97C;
  color: #3B4044;
  font-weight: 900;
  padding: 6px 16px 4px;
  border-radius: 24px;
  font-size: 1.8rem;
  -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  white-space: nowrap;
}
#pid-functions .wprecovery .usp__ribbon::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-top: 10px solid #E0C97C;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .wprecovery .usp__ribbon {
    font-size: 1.6rem;
    top: -17px;
  }
}
#pid-functions .wprecovery .usp__header {
  text-align: center;
  background: -webkit-gradient(linear, left top, right top, from(#265BA8), to(#2F7FBB));
  background: linear-gradient(to right, #265BA8, #2F7FBB);
  padding: 36px 16px 20px;
  border-radius: 8px 8px 0 0;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .wprecovery .usp__header {
    padding: 36px 8px 20px;
  }
}
#pid-functions .wprecovery .usp__title {
  font-size: 2.6rem;
  color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-functions .wprecovery .usp__title {
    font-size: 2.4rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .wprecovery .usp__title {
    font-size: 2rem;
  }
}
#pid-functions .wprecovery .usp__title span {
  background: #fff;
  border-radius: 2px;
  color: #005CAA;
  padding: 4px 6px;
  margin-left: 4px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .wprecovery .usp__title span {
    display: inline-block;
    margin: 6px 0 0;
  }
}
#pid-functions .wprecovery .usp__desc {
  font-size: 1.6rem;
  text-align: center;
  font-weight: 500;
  margin: 0 0 30px;
  line-height: 3rem;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-functions .wprecovery .usp__desc {
    margin-bottom: 56px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .wprecovery .usp__desc {
    font-size: 1.4rem;
    text-align: left;
    margin: 0 8px 54px;
    line-height: normal;
  }
}
#pid-functions .wprecovery .usp__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-functions .wprecovery .usp__list {
    gap: 16px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .wprecovery .usp__list {
    grid-template-columns: 1fr;
    gap: 48px;
  }
}
#pid-functions .wprecovery .usp__item {
  background: #EFF6FF;
  border-radius: 8px;
  padding: 24px 24px 24px 78px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 56px;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-functions .wprecovery .usp__item {
    margin-left: 0;
    padding: 56px 20px 20px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .wprecovery .usp__item {
    margin-left: 0;
    padding: 48px 24px 24px;
  }
}
#pid-functions .wprecovery .usp__item::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 114px;
  height: 100%;
  left: -50px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-functions .wprecovery .usp__item::before {
    width: 88px;
    top: -50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .wprecovery .usp__item::before {
    width: 72px;
    top: -50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
#pid-functions .wprecovery .usp__item:nth-child(1)::before {
  background-image: url("../img/functions/wprecovery_usp_list_icon_01.svg");
}
#pid-functions .wprecovery .usp__item:nth-child(2)::before {
  background-image: url("../img/functions/wprecovery_usp_list_icon_02.svg");
}
#pid-functions .wprecovery .usp__item-title {
  font-size: 2.1rem;
  margin-bottom: 10px;
  color: #005CAA;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-functions .wprecovery .usp__item-title {
    font-size: 1.8rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .wprecovery .usp__item-title {
    font-size: 1.8rem;
    text-align: center;
  }
}
#pid-functions .wprecovery .usp__item-desc {
  font-size: 1.45rem;
  text-align: justify;
  color: #3B4044;
  font-weight: 500;
  margin-bottom: 0;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .wprecovery .usp__item-desc {
    font-size: 1.4rem;
  }
}
#pid-functions .wprecovery .usp__wrap {
  padding: 30px 48px 40px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-functions .wprecovery .usp__wrap {
    padding: 30px 30px 40px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .wprecovery .usp__wrap {
    padding: 30px 16px;
  }
}
#pid-functions .wprecovery .usp__wrap::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 192px;
  height: 175.66px;
  background-image: url("../img/functions/wprecovery_usp_bg.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: -1;
}
@media (max-width: 767px) {
  #pid-functions .wprecovery .usp__wrap::after {
    width: 80px;
    height: 80px;
    top: -10px;
    right: -10px;
  }
}
#pid-functions .wprecovery .usp__note {
  font-size: 1.2rem;
  color: #727D8D;
  text-align: left;
  margin: 16px 0 0;
}
#pid-functions .wprecovery .feature__header {
  text-align: center;
  margin-bottom: 64px;
}
#pid-functions .wprecovery .feature__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  max-width: 904px;
  margin: 56px auto 0;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-functions .wprecovery .feature__list {
    gap: 24px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .wprecovery .feature__list {
    grid-template-columns: 1fr;
    gap: 40px;
    max-width: 340px;
  }
}
#pid-functions .wprecovery .feature__item {
  background: #fff;
  border-radius: 4px;
  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;
  text-align: center;
  -webkit-box-shadow: 0 3px 6px rgba(10, 23, 43, 0.08);
          box-shadow: 0 3px 6px rgba(10, 23, 43, 0.08);
  position: relative;
}
#pid-functions .wprecovery .feature__num {
  position: absolute;
  font-size: 5.6rem;
  font-weight: 500;
  letter-spacing: -0.1rem;
  color: #457EC7;
  left: 3%;
  top: -12%;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .wprecovery .feature__num {
    font-size: 5rem;
    top: -10%;
  }
}
#pid-functions .wprecovery .feature__icon-wrap {
  background: #EFF6FF;
  min-height: 165px;
  width: 100%;
  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;
}
@media only screen and (max-width: 1099px) {
  #pid-functions .wprecovery .feature__icon-wrap {
    min-height: 136px;
  }
}
#pid-functions .wprecovery .feature__icon-wrap img {
  max-width: 211px;
}
@media only screen and (max-width: 1099px) {
  #pid-functions .wprecovery .feature__icon-wrap img {
    width: 70%;
  }
}
#pid-functions .wprecovery .feature__text-wrap {
  padding: 24px;
}
@media only screen and (max-width: 1099px) {
  #pid-functions .wprecovery .feature__text-wrap {
    padding: 24px 16px;
  }
}
#pid-functions .wprecovery .feature__item-title {
  font-size: 2rem;
  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;
  margin-bottom: 16px;
  line-height: 1.3;
  color: #005CAA;
  font-weight: bold;
}
@media only screen and (max-width: 1099px) {
  #pid-functions .wprecovery .feature__item-title {
    font-size: 1.8rem;
  }
}
#pid-functions .wprecovery .feature__item-desc {
  font-size: 1.4rem;
  text-align: left;
  color: #3B4044;
  margin-bottom: 0;
}
#pid-functions .wprecovery .compare {
  background-color: #F4F6FB;
}
#pid-functions .wprecovery .compare__container {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 20px;
}
#pid-functions .wprecovery .compare__title {
  text-align: center;
  font-size: 3rem;
  letter-spacing: -0.6px;
  margin: 0 0 8px 0;
  font-weight: normal;
}
#pid-functions .wprecovery .compare__divider {
  width: 56px;
  height: 4px;
  border-radius: 4px;
  background-image: linear-gradient(184deg, #58B9F0 50%, #2F73C4 50%);
  margin: 0 auto 48px auto;
}
#pid-functions .wprecovery .compare__wrapper {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: #cbd5e1 transparent;
}
#pid-functions .wprecovery .compare__wrapper::-webkit-scrollbar {
  height: 8px;
}
#pid-functions .wprecovery .compare__wrapper::-webkit-scrollbar-thumb {
  background-color: #cbd5e1;
  border-radius: 4px;
}
@media (max-width: 767px) {
  #pid-functions .wprecovery .compare__wrapper--pc {
    display: none;
  }
}
#pid-functions .wprecovery .compare__wrapper--sp {
  display: none;
}
@media (max-width: 767px) {
  #pid-functions .wprecovery .compare__wrapper--sp {
    display: block;
    overflow-x: unset;
  }
  #pid-functions .wprecovery .compare__wrapper--sp .compare__table {
    width: 100%;
    grid-template-columns: 1fr 1fr;
    border-radius: 6px;
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  }
  #pid-functions .wprecovery .compare__wrapper--sp .compare__cell {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 16px 8px;
    font-size: 1.2rem;
    word-break: keep-all;
    overflow-wrap: anywhere;
  }
  #pid-functions .wprecovery .compare__wrapper--sp .compare__cell:nth-child(even) {
    border-left: 1px solid #eaeff7;
  }
  #pid-functions .wprecovery .compare__wrapper--sp .compare__cell.compare__cell--bottom {
    border-radius: 0;
  }
  #pid-functions .wprecovery .compare__wrapper--sp .compare__cell--highlight.compare__cell--head {
    -webkit-box-shadow: none;
            box-shadow: none;
    padding: 16px 10px;
    font-size: 1.6rem;
  }
  #pid-functions .wprecovery .compare__wrapper--sp .compare__cell--highlight.compare__cell--head span {
    font-size: 1rem;
    padding: 4px 8px;
    margin-top: 0px;
  }
  #pid-functions .wprecovery .compare__wrapper--sp .compare__cell--highlight .compare__value {
    color: #056DC6;
  }
  #pid-functions .wprecovery .compare__wrapper--sp .compare__cell--other {
    font-size: 1.5rem;
    border-radius: 0 6px 0 0;
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    margin-top: auto;
    padding: 24px 10px;
  }
  #pid-functions .wprecovery .compare__wrapper--sp .compare__label {
    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: 1.2rem;
    font-weight: 700;
    color: #888888;
    margin-bottom: 6px;
  }
  #pid-functions .wprecovery .compare__wrapper--sp .compare__label::before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 6px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
  }
  #pid-functions .wprecovery .compare__wrapper--sp .compare__label.is-icon-01::before {
    -webkit-mask-image: url("../img/functions/wprecovery_compare_icon_01.svg");
    mask-image: url("../img/functions/wprecovery_compare_icon_01.svg");
  }
  #pid-functions .wprecovery .compare__wrapper--sp .compare__label.is-icon-02::before {
    -webkit-mask-image: url("../img/functions/wprecovery_compare_icon_02.svg");
    mask-image: url("../img/functions/wprecovery_compare_icon_02.svg");
  }
  #pid-functions .wprecovery .compare__wrapper--sp .compare__label.is-icon-03::before {
    -webkit-mask-image: url("../img/functions/wprecovery_compare_icon_03.svg");
    mask-image: url("../img/functions/wprecovery_compare_icon_03.svg");
  }
  #pid-functions .wprecovery .compare__wrapper--sp .compare__label.is-icon-04::before {
    -webkit-mask-image: url("../img/functions/wprecovery_compare_icon_04.svg");
    mask-image: url("../img/functions/wprecovery_compare_icon_04.svg");
  }
  #pid-functions .wprecovery .compare__wrapper--sp .compare__label.is-icon-05::before {
    -webkit-mask-image: url("../img/functions/wprecovery_compare_icon_05.svg");
    mask-image: url("../img/functions/wprecovery_compare_icon_05.svg");
  }
  #pid-functions .wprecovery .compare__wrapper--sp .compare__value {
    font-size: 1.3rem;
    color: #1E293B;
    font-weight: 500;
    line-height: 1.6rem;
  }
  #pid-functions .wprecovery .compare__wrapper--sp .compare__value.compare__price {
    color: #FF7A00;
    font-size: 1.6rem;
    font-weight: 900;
  }
  #pid-functions .wprecovery .compare__wrapper--sp .compare__value.compare__price .price-num {
    font-size: 2.8rem;
  }
}
#pid-functions .wprecovery .compare__table {
  display: grid;
  grid-template-columns: 200px 1fr 1fr;
  border-radius: 4px;
  width: 900px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .wprecovery .compare__table {
    width: 840px;
  }
}
#pid-functions .wprecovery .compare__cell {
  background-color: #ffffff;
  padding: 16px 20px;
  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;
  text-align: center;
  font-size: 1.5rem;
  -webkit-box-shadow: inset 0 -1px 0 #eaeff7;
          box-shadow: inset 0 -1px 0 #eaeff7;
  color: #3b4044;
  font-weight: 500;
}
#pid-functions .wprecovery .compare__cell sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
#pid-functions .wprecovery .compare__cell--left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-align: left;
  color: #163f76;
  padding-left: 16px;
  font-weight: bold;
}
#pid-functions .wprecovery .compare__cell--left::before {
  content: "";
  display: inline-block;
  width: 1.25em;
  height: 1.25em;
  margin-right: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
#pid-functions .wprecovery .compare__cell--left.is-icon-01::before {
  background-image: url("../img/functions/wprecovery_compare_icon_01.svg");
}
#pid-functions .wprecovery .compare__cell--left.is-icon-02::before {
  background-image: url("../img/functions/wprecovery_compare_icon_02.svg");
}
#pid-functions .wprecovery .compare__cell--left.is-icon-03::before {
  background-image: url("../img/functions/wprecovery_compare_icon_03.svg");
}
#pid-functions .wprecovery .compare__cell--left.is-icon-04::before {
  background-image: url("../img/functions/wprecovery_compare_icon_04.svg");
}
#pid-functions .wprecovery .compare__cell--left.is-icon-05::before {
  background-image: url("../img/functions/wprecovery_compare_icon_05.svg");
}
#pid-functions .wprecovery .compare__cell--left.compare__cell--bottom {
  border-radius: 0 0 0 4px;
}
#pid-functions .wprecovery .compare__cell--highlight {
  background-color: #eff6ff;
  color: #005caa;
  font-size: 1.9rem;
  -webkit-box-shadow: inset 3px 0 0 #265daa, inset -3px 0 0 #265daa, inset 0 -1px 0 #eaeff7;
          box-shadow: inset 3px 0 0 #265daa, inset -3px 0 0 #265daa, inset 0 -1px 0 #eaeff7;
  font-weight: bold;
}
#pid-functions .wprecovery .compare__cell--highlight.compare__cell--head {
  background-color: #265daa;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 4px 4px 0 0;
  color: #fff;
  font-size: 2.2rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 16px 20px;
}
#pid-functions .wprecovery .compare__cell--highlight.compare__cell--head span {
  display: inline-block;
  background-color: #1c4987;
  color: #fff;
  font-size: 1.3rem;
  padding: 4px 10px 2px;
  border-radius: 2px;
  font-weight: 500;
}
#pid-functions .wprecovery .compare__cell--highlight.compare__cell--bottom {
  -webkit-box-shadow: inset 3px 0 0 #265daa, inset -3px 0 0 #265daa, inset 0 -3px 0 #265daa;
          box-shadow: inset 3px 0 0 #265daa, inset -3px 0 0 #265daa, inset 0 -3px 0 #265daa;
}
#pid-functions .wprecovery .compare__cell--highlight .compare__value {
  font-weight: bold;
  font-size: 1.4rem;
}
#pid-functions .wprecovery .compare__cell--head {
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 1.8rem;
  padding: 20px;
}
#pid-functions .wprecovery .compare__cell--empty {
  background-color: transparent;
}
#pid-functions .wprecovery .compare__cell--other {
  background-color: #636e7e;
  color: #fff;
  font-weight: 500;
  border-radius: 0 4px 0 0;
  margin-top: 14px;
}
#pid-functions .wprecovery .compare__cell--bottom {
  -webkit-box-shadow: none;
          box-shadow: none;
}
#pid-functions .wprecovery .compare__cell--bottom:last-child {
  border-radius: 0 0 4px 0;
}
#pid-functions .wprecovery .compare__price {
  color: #FF7A00;
  font-size: 1.8rem;
  font-weight: 900;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
#pid-functions .wprecovery .compare__price .price-num {
  font-size: 3.4rem;
  line-height: 1;
}
#pid-functions .wprecovery .compare__note {
  color: #727d8d;
  font-size: 1.2rem;
  margin-top: 16px;
}
#pid-functions .wprecovery .compare .icon-activity::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 12h-4l-3 9L9 3l-3 9H2'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 12h-4l-3 9L9 3l-3 9H2'/%3E%3C/svg%3E");
}
#pid-functions .wprecovery .compare .icon-clock::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E");
}
#pid-functions .wprecovery .compare .icon-book::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z'/%3E%3Cpath d='M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z'/%3E%3Cpath d='M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z'/%3E%3C/svg%3E");
}
#pid-functions .wprecovery .compare .icon-yen::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 9.5V21m0-11.5L6 3m6 6.5L18 3M6 15h12M6 11h12'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 9.5V21m0-11.5L6 3m6 6.5L18 3M6 15h12M6 11h12'/%3E%3C/svg%3E");
}
#pid-functions .wprecovery .faq__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  margin-top: 40px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .wprecovery .faq__list {
    gap: 16px;
  }
}
#pid-functions .wprecovery .faq__item {
  background: #F8F9FC;
  padding: 32px;
  border-radius: 8px;
  color: #3B4044;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .wprecovery .faq__item {
    padding: 16px;
  }
}
#pid-functions .wprecovery .faq__icon-q {
  width: 32px;
  height: 32px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: #0059b3;
  color: #fff;
  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-weight: 700;
  font-family: serif;
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}
#pid-functions .wprecovery .faq__icon-a {
  width: 32px;
  height: 32px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: #fff;
  color: #0059b3;
  border: 2px solid #0059b3;
  border-radius: 50%;
  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-weight: 700;
  font-family: serif;
}
#pid-functions .wprecovery .faq__q, #pid-functions .wprecovery .faq__a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
#pid-functions .wprecovery .faq__q::before, #pid-functions .wprecovery .faq__a::before {
  content: "";
  display: block;
  width: 44px;
  height: 39.13px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .wprecovery .faq__q::before, #pid-functions .wprecovery .faq__a::before {
    width: 30px;
    height: 26.68px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .wprecovery .faq__q, #pid-functions .wprecovery .faq__a {
    gap: 8px;
  }
}
#pid-functions .wprecovery .faq__q {
  font-size: 2.2rem;
  font-weight: 700;
  padding-top: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding-bottom: 16px;
  margin-bottom: 16px;
}
#pid-functions .wprecovery .faq__q::before {
  background-image: url("../img/functions/wprecovery_faq_icon_01.svg");
}
#pid-functions .wprecovery .faq__q::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #EAEFF7;
}
#pid-functions .wprecovery .faq__a {
  font-size: 1.6rem;
  color: #4b5563;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#pid-functions .wprecovery .faq__a::before {
  background-image: url("../img/functions/wprecovery_faq_icon_02.svg");
}
#pid-functions .wprecovery .faq__text-q {
  font-size: 2.2rem;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-functions .wprecovery .faq__text-q {
    font-size: 1.8rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .wprecovery .faq__text-q {
    font-size: 1.6rem;
  }
}
#pid-functions .wprecovery .faq__text-a {
  font-size: 1.6rem;
}
@media only screen and (max-width: 1099px) {
  #pid-functions .wprecovery .faq__text-a {
    font-size: 1.4rem;
  }
}
#pid-functions .wprecovery .faq__text-a p {
  margin-bottom: 8px;
}
#pid-functions .wprecovery .faq__text-a ul {
  font-weight: 500;
  color: #646E7D;
  background: #fff;
  border: 1px solid #EAEFF7;
  border-radius: 4px;
  padding: 16px;
  margin: 8px 0;
  font-size: 1.4rem;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .wprecovery .faq__text-a ul {
    padding: 8px;
    font-size: 1.2rem;
  }
}
#pid-functions .wprecovery .faq__text-a li {
  line-height: 2.4rem;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions .wprecovery .faq__text-a li {
    line-height: 2rem;
  }
}
#pid-functions .wprecovery .faq__link {
  color: #0059b3;
  text-decoration: underline;
}
#pid-functions .wprecovery .faq__link:hover {
  text-decoration: none;
}
#pid-functions .table.table_striped.planCommons .pickup-label {
  display: inline-block;
  font-weight: bold;
  font-size: 12px;
  margin-left: 8px;
  color: #fff;
  background: #ff5400;
  padding: 3px 5px 0;
  border-radius: 2px;
}
#pid-functions.pid-functions-skill {
  /* 共通：セクション見出し装飾 */
}
#pid-functions.pid-functions-skill .skillFlow__ttl, #pid-functions.pid-functions-skill .skillTimeline__ttl, #pid-functions.pid-functions-skill .skillPrompt__ttl, #pid-functions.pid-functions-skill .skillFaq__ttl {
  position: relative;
  padding-bottom: 20px;
}
#pid-functions.pid-functions-skill .skillFlow__ttl::after, #pid-functions.pid-functions-skill .skillTimeline__ttl::after, #pid-functions.pid-functions-skill .skillPrompt__ttl::after, #pid-functions.pid-functions-skill .skillFaq__ttl::after {
  content: "";
  display: block;
  width: 48px;
  height: 3px;
  background: -webkit-gradient(linear, left top, right top, from(#1b63a7), to(#3382f3));
  background: linear-gradient(90deg, #1b63a7, #3382f3);
  margin: 16px auto 0;
  border-radius: 2px;
}
#pid-functions.pid-functions-skill {
  /* 共通ユーティリティ  */
}
#pid-functions.pid-functions-skill .skillSection__cta {
  text-align: center;
  margin-top: 40px;
}
#pid-functions.pid-functions-skill .main {
  margin-bottom: 0;
}
#pid-functions.pid-functions-skill {
  /* MV */
}
#pid-functions.pid-functions-skill .main-header {
  margin-bottom: 0;
}
#pid-functions.pid-functions-skill .skillHero {
  padding: 10px 0 72px;
  background: linear-gradient(135deg, #1b63a7 0%, #286ed3 60%, #3382f3 100%);
  color: #fff;
  position: relative;
  overflow: hidden;
}
#pid-functions.pid-functions-skill .skillHero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url(../img/functions/bg_skill_hero.png?date=20260423) center center/cover no-repeat;
  mix-blend-mode: multiply;
  opacity: 0.6;
  pointer-events: none;
}
#pid-functions.pid-functions-skill .skillHero > .holder-sml {
  position: relative;
  z-index: 1;
}
#pid-functions.pid-functions-skill .skillHero__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 64px 0 0;
  gap: 48px;
}
#pid-functions.pid-functions-skill .skillHero__body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#pid-functions.pid-functions-skill .skillHero__label {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: #fff;
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 4px;
  padding: 4px 14px;
  margin-bottom: 20px;
}
#pid-functions.pid-functions-skill .skillHero__ttl {
  font-size: 4.8rem;
  font-weight: 700;
  line-height: 1.45;
  color: #fff;
  margin-bottom: 20px;
}
#pid-functions.pid-functions-skill .skillHero__ttl strong {
  color: #fff;
  text-shadow: 0 0 24px rgba(255, 255, 255, 0.3);
}
#pid-functions.pid-functions-skill .skillHero__ttl__brand {
  display: inline-block;
  font-size: 5.2rem;
  line-height: 1.2;
  letter-spacing: 0.02em;
  margin-top: 16px;
}
#pid-functions.pid-functions-skill .skillHero__sub {
  font-size: 1.7rem;
  line-height: 1.8;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 28px;
}
#pid-functions.pid-functions-skill .skillHero__terminal {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 420px;
          flex: 0 1 420px;
  min-width: 0;
  background: #1e2235;
  border-radius: 12px;
  overflow: hidden;
  -webkit-box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
          box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
}
#pid-functions.pid-functions-skill .skillHero__terminal__bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  padding: 12px 16px;
  background: #282d45;
}
#pid-functions.pid-functions-skill .skillHero__terminal__dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
#pid-functions.pid-functions-skill .skillHero__terminal__dot--r {
  background: #ff5f57;
}
#pid-functions.pid-functions-skill .skillHero__terminal__dot--y {
  background: #febc2e;
}
#pid-functions.pid-functions-skill .skillHero__terminal__dot--g {
  background: #28c840;
}
#pid-functions.pid-functions-skill .skillHero__terminal__barTxt {
  margin-left: auto;
  font-size: 1.1rem;
  color: rgba(255, 255, 255, 0.4);
  font-family: "SFMono-Regular", Consolas, monospace;
}
#pid-functions.pid-functions-skill .skillHero__terminal__body {
  padding: 20px;
}
#pid-functions.pid-functions-skill .skillHero__terminal__prompt {
  font-size: 1.3rem;
  color: #82c847;
  font-family: "SFMono-Regular", Consolas, monospace;
  margin-bottom: 10px;
}
#pid-functions.pid-functions-skill .skillHero__terminal__cmd {
  font-size: 1.3rem;
  color: #e0e3ea;
  font-family: "SFMono-Regular", Consolas, monospace;
  line-height: 1.7;
  word-break: break-all;
  margin-bottom: 16px;
}
#pid-functions.pid-functions-skill .skillHero__terminal__copy {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #fff;
  font-size: 1.2rem;
  padding: 6px 14px;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
#pid-functions.pid-functions-skill .skillHero__terminal__copy:hover {
  background: rgba(255, 255, 255, 0.2);
}
#pid-functions.pid-functions-skill .skillHero__terminal__copy .ico {
  font-size: 1.4rem;
  line-height: 1;
}
#pid-functions.pid-functions-skill .skillHero__terminal__copy.is-copied {
  background: rgba(130, 200, 71, 0.2);
  border-color: rgba(130, 200, 71, 0.5);
}
#pid-functions.pid-functions-skill .skillHero__terminal__copy.is-copied .ico_check {
  color: #82c847;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-functions.pid-functions-skill .skillHero__inner {
    gap: 32px;
    padding-top: 48px;
  }
  #pid-functions.pid-functions-skill .skillHero__ttl {
    font-size: 3.1rem;
    line-height: 1.4;
  }
  #pid-functions.pid-functions-skill .skillHero__ttl__brand {
    font-size: 3.5rem;
  }
  #pid-functions.pid-functions-skill .skillHero__sub {
    font-size: 1.5rem;
    line-height: 1.7;
  }
  #pid-functions.pid-functions-skill .skillHero__terminal {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 330px;
            flex: 0 1 330px;
  }
  #pid-functions.pid-functions-skill .skillHero__terminal__body {
    padding: 16px;
  }
  #pid-functions.pid-functions-skill .skillHero__terminal__cmd {
    font-size: 1.2rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions.pid-functions-skill .skillHero {
    padding: 32px 0 40px;
  }
  #pid-functions.pid-functions-skill .skillHero__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 32px 0 0;
    gap: 32px;
  }
  #pid-functions.pid-functions-skill .skillHero__ttl {
    font-size: 3rem;
  }
  #pid-functions.pid-functions-skill .skillHero__ttl__brand {
    font-size: 3.3rem;
  }
  #pid-functions.pid-functions-skill .skillHero__sub {
    font-size: 1.5rem;
    margin-bottom: 0;
  }
  #pid-functions.pid-functions-skill .skillHero__terminal {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    width: 100%;
  }
}
#pid-functions.pid-functions-skill .skillHero .topic-path {
  margin: 0 0 8px;
  color: rgba(255, 255, 255, 0.6);
}
#pid-functions.pid-functions-skill .skillHero .topic-path a {
  color: rgba(255, 255, 255, 0.6);
  text-decoration: none;
}
#pid-functions.pid-functions-skill .skillHero .topic-path a:hover {
  color: #fff;
}
#pid-functions.pid-functions-skill .skillHero .topic-path .ico {
  color: rgba(255, 255, 255, 0.35);
}
#pid-functions.pid-functions-skill {
  /* 3ステップ */
}
#pid-functions.pid-functions-skill .skillFlow {
  padding: 56px 0;
  text-align: center;
  background: #f7f8fa;
}
#pid-functions.pid-functions-skill .skillFlow__ttl {
  font-size: 3.2rem;
  font-weight: 700;
  color: #2f334c;
  margin-bottom: 16px;
  letter-spacing: 0.02em;
}
#pid-functions.pid-functions-skill .skillFlow__lead {
  font-size: 1.7rem;
  color: #666;
  margin-bottom: 44px;
  line-height: 1.8;
  font-weight: 300;
}
#pid-functions.pid-functions-skill .skillFlow__steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0;
  list-style: none;
  padding: 0;
  margin: 0 auto;
  max-width: 960px;
}
#pid-functions.pid-functions-skill .skillFlow__step {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  padding: 50px 16px 32px;
  background: #fff;
  border-radius: 12px;
  -webkit-box-shadow: 0 2px 16px rgba(0, 0, 0, 0.06);
          box-shadow: 0 2px 16px rgba(0, 0, 0, 0.06);
  border: 1px solid #eef1f6;
}
#pid-functions.pid-functions-skill .skillFlow__step__img {
  display: block;
  width: 160px;
  height: 120px;
  margin: 0 auto 20px;
  -o-object-fit: contain;
     object-fit: contain;
}
#pid-functions.pid-functions-skill .skillFlow__step__ttl {
  font-size: 2.2rem;
  font-weight: 700;
  color: #2f334c;
  margin-bottom: 8px;
}
#pid-functions.pid-functions-skill .skillFlow__step__txt {
  font-size: 1.6rem;
  color: #666;
  line-height: 1.6;
}
#pid-functions.pid-functions-skill .skillFlow__arrow {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 48px;
          flex: 0 0 48px;
  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: 2.4rem;
  color: #1b63a7;
}
#pid-functions.pid-functions-skill .skillFlow__tools {
  margin-top: 36px;
  font-size: 1.4rem;
  color: #888;
}
#pid-functions.pid-functions-skill .skillFlow__tools strong {
  color: #2f334c;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions.pid-functions-skill .skillFlow {
    padding: 40px 0;
  }
  #pid-functions.pid-functions-skill .skillFlow__ttl {
    font-size: 2.2rem;
  }
  #pid-functions.pid-functions-skill .skillFlow__lead {
    font-size: 1.5rem;
    margin-bottom: 32px;
  }
  #pid-functions.pid-functions-skill .skillFlow__steps {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }
  #pid-functions.pid-functions-skill .skillFlow__step {
    padding: 40px 16px 24px;
  }
  #pid-functions.pid-functions-skill .skillFlow__step__img {
    width: 120px;
    height: 90px;
  }
  #pid-functions.pid-functions-skill .skillFlow__arrow {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    padding: 0;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    font-size: 3rem;
  }
}
#pid-functions.pid-functions-skill {
  /*4つのステップ*/
}
#pid-functions.pid-functions-skill .skillTimeline {
  padding: 64px 0;
}
#pid-functions.pid-functions-skill .skillTimeline__ttl {
  text-align: center;
  font-size: 3.2rem;
  font-weight: 700;
  color: #2f334c;
  margin-bottom: 12px;
  letter-spacing: 0.02em;
}
#pid-functions.pid-functions-skill .skillTimeline__lead {
  text-align: center;
  font-size: 1.6rem;
  color: #777;
  margin-bottom: 48px;
}
#pid-functions.pid-functions-skill .skillTimeline__list {
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
#pid-functions.pid-functions-skill .skillTimeline__list::before {
  content: "";
  position: absolute;
  left: 28px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: #d0d5e0;
}
#pid-functions.pid-functions-skill .skillTimeline__item {
  position: relative;
  padding-left: 76px;
  padding-bottom: 40px;
}
#pid-functions.pid-functions-skill .skillTimeline__item:last-child {
  padding-bottom: 0;
}
#pid-functions.pid-functions-skill .skillTimeline__item__num {
  position: absolute;
  left: 8px;
  top: 0;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #1b63a7;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 700;
  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;
  z-index: 1;
}
#pid-functions.pid-functions-skill .skillTimeline__item__card {
  background: #fff;
  border: 1px solid #e0e3ea;
  border-radius: 12px;
  padding: 28px 28px;
}
#pid-functions.pid-functions-skill .skillTimeline__item__ttl {
  font-size: 2rem;
  font-weight: 700;
  color: #2f334c;
  margin-bottom: 10px;
}
#pid-functions.pid-functions-skill .skillTimeline__item__txt {
  font-size: 1.6rem;
  color: #555;
  line-height: 1.8;
}
#pid-functions.pid-functions-skill .skillTimeline__item__txt:last-child {
  margin-bottom: 0;
}
#pid-functions.pid-functions-skill .skillTimeline__item__code {
  display: block;
  font-family: "SFMono-Regular", Consolas, monospace;
  font-size: 1.3rem;
  color: #2f334c;
  word-break: break-all;
  margin-top: 12px;
  margin-bottom: 8px;
  line-height: 1.6;
}
#pid-functions.pid-functions-skill .skillTimeline__item__codeBox {
  position: relative;
  background: #f4f6f9;
  border: 1px solid #e0e3ea;
  border-radius: 4px;
  margin-top: 12px;
  padding: 10px 14px;
}
#pid-functions.pid-functions-skill .skillTimeline__item__codeBox .skillTimeline__item__code {
  margin-top: 0;
}
#pid-functions.pid-functions-skill .skillTimeline__item__copy {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 4px 10px;
  gap: 4px;
  background: #fff;
  border: 1px solid #d0d5de;
  color: #2f334c;
  font-size: 1.2rem;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: background 0.3s, border-color 0.3s;
  transition: background 0.3s, border-color 0.3s;
}
#pid-functions.pid-functions-skill .skillTimeline__item__copy:hover {
  background: #eef1f6;
}
#pid-functions.pid-functions-skill .skillTimeline__item__copy .ico {
  font-size: 1.3rem;
  line-height: 1;
}
#pid-functions.pid-functions-skill .skillTimeline__item__copy.is-copied {
  background: #eaf6dd;
  border-color: #82c847;
}
#pid-functions.pid-functions-skill .skillTimeline__item__copy.is-copied .ico_check {
  color: #82c847;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions.pid-functions-skill .skillTimeline {
    padding: 40px 0;
  }
  #pid-functions.pid-functions-skill .skillTimeline__ttl {
    font-size: 2.2rem;
  }
  #pid-functions.pid-functions-skill .skillTimeline__item {
    padding-left: 60px;
  }
  #pid-functions.pid-functions-skill .skillTimeline__list::before {
    left: 20px;
  }
  #pid-functions.pid-functions-skill .skillTimeline__item__num {
    left: 0;
    width: 40px;
    height: 40px;
    font-size: 1.4rem;
  }
  #pid-functions.pid-functions-skill .skillTimeline__item__card {
    padding: 20px;
  }
  #pid-functions.pid-functions-skill .skillTimeline__item__copy {
    top: 6px;
    right: 6px;
  }
}
#pid-functions.pid-functions-skill {
  /* よくある質問 */
}
#pid-functions.pid-functions-skill .skillFaq {
  padding: 64px 0;
  background: #f7f8fa;
}
#pid-functions.pid-functions-skill .skillFaq__ttl {
  text-align: center;
  font-size: 3.2rem;
  font-weight: 700;
  color: #2f334c;
  margin-bottom: 40px;
  letter-spacing: 0.02em;
}
#pid-functions.pid-functions-skill .skillFaq__list {
  max-width: 800px;
  margin: 0 auto;
  list-style: none;
  padding: 0;
}
#pid-functions.pid-functions-skill .skillFaq__item {
  padding: 8px;
  background: #fff;
  border-radius: 8px;
  margin-bottom: 12px;
  border: 1px solid #e0e3ea;
  overflow: hidden;
}
#pid-functions.pid-functions-skill .skillFaq__item__q {
  font-size: 2rem;
  font-weight: 700;
  color: #2f334c;
  padding: 20px 24px 20px 60px;
  position: relative;
}
#pid-functions.pid-functions-skill .skillFaq__item__q::before {
  content: "Q";
  position: absolute;
  left: 16px;
  top: 18px;
  width: 34px;
  height: 34px;
  background: #1b63a7;
  color: #fff;
  border-radius: 50%;
  font-size: 1.6rem;
  font-weight: 700;
  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;
}
#pid-functions.pid-functions-skill .skillFaq__item__a {
  font-size: 1.6rem;
  color: #555;
  line-height: 1.8;
  padding: 0 24px 20px 60px;
  position: relative;
}
#pid-functions.pid-functions-skill .skillFaq__item__a::before {
  content: "A";
  position: absolute;
  left: 16px;
  top: 0;
  width: 34px;
  height: 34px;
  background: #f7790b;
  color: #fff;
  border-radius: 50%;
  font-size: 1.6rem;
  font-weight: 700;
  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;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions.pid-functions-skill .skillFaq {
    padding: 40px 0;
  }
  #pid-functions.pid-functions-skill .skillFaq__ttl {
    font-size: 2.2rem;
  }
}
#pid-functions.pid-functions-skill {
  /* CTA */
}
#pid-functions.pid-functions-skill .skillCta {
  padding: 56px 0;
  background: #2f334c;
  color: #fff;
  text-align: center;
}
#pid-functions.pid-functions-skill .skillCta__ttl {
  font-size: 2.8rem;
  font-weight: 700;
  margin-bottom: 16px;
}
#pid-functions.pid-functions-skill .skillCta__lead {
  font-size: 1.7rem;
  opacity: 0.85;
  margin-bottom: 28px;
  line-height: 1.7;
}
#pid-functions.pid-functions-skill .skillCta .button.buttonCta {
  display: inline-block;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-functions.pid-functions-skill .skillCta {
    padding: 40px 0;
  }
  #pid-functions.pid-functions-skill .skillCta__ttl {
    font-size: 2.2rem;
  }
  #pid-functions.pid-functions-skill .skillCta__lead {
    font-size: 1.5rem;
  }
}

@media only screen and (max-width: 1099px) {
  #pid-price .col-main {
    margin-bottom: 40px;
  }
}
#pid-price .primary-table-ml tbody th,
#pid-price .primary-table-l tbody th {
  width: 10%;
}
#pid-price .secondly-table-s th,
#pid-price .secondly-table-sm th {
  width: 30%;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-price .table_value {
    font-weight: bold;
    line-height: 1.1;
    text-align: center;
  }
  #pid-price .table-value span {
    display: block;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-price .table_value {
    font-weight: bold;
    line-height: 1.1;
    text-align: center;
  }
  #pid-price .table-value span {
    display: block;
  }
}
#pid-price .bnr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin: 0 auto 20px;
  position: relative;
}
@media only screen and (max-width: 1099px) {
  #pid-price .bnr {
    max-width: 524px;
    display: block;
  }
}
#pid-price .bnr div:nth-of-type(2) {
  margin-left: 32px;
}
@media only screen and (max-width: 1099px) {
  #pid-price .bnr div:nth-of-type(2) {
    margin-left: 0;
    padding-top: 64px;
  }
}
#pid-price .bnr div:nth-of-type(2)::before {
  display: block;
  position: absolute;
  content: "+";
  font-size: 24px;
  line-height: 1;
  color: #fff;
  background-color: #aaaaaa;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
  text-align: center;
  border: 3px solid #fff;
  z-index: 1;
}
@media only screen and (max-width: 1099px) {
  #pid-price .bnr div:nth-of-type(2)::before {
    top: calc(50% - 10px);
  }
}
#pid-price .bnr div:nth-of-type(2)::after {
  display: block;
  position: absolute;
  content: "\ff3c\ff12\3064\306e\30ad\30e3\30f3\30da\30fc\30f3\3092\540c\6642\958b\50ac\4e2d\ff01 \ff0f";
  font-size: 14px;
  font-weight: bold;
  color: #f88522;
  line-height: 1;
  top: -20px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
@media only screen and (max-width: 1099px) {
  #pid-price .bnr div:nth-of-type(2)::after {
    content: "\ff3c\3055\3089\306b\ff01\8ffd\52a0\3067\304a\5f97\306a\30ad\30e3\30f3\30da\30fc\30f3\540c\6642\958b\50ac\4e2d\ff01\ff0f";
    width: 100%;
    text-align: center;
    border-top: 1px dashed #ccc;
    top: calc(50% - 10px);
    padding-top: 20px;
  }
}
#pid-price .caution_ttl {
  color: #f88522;
  font-size: 17px;
}
#pid-price .caution_ttl .ico {
  margin: 0 5px 0 0;
  font-size: 40px;
}
#pid-price .caution_body {
  border: 1px solid #f1d1a0;
  -webkit-box-shadow: 0 0 2px 1px #f1f2f2 inset;
  box-shadow: 0 0 2px 1px #ffebd9 inset;
}
#pid-price .caution_item {
  padding: 20px;
  border-bottom: 1px solid #e2e2e2;
}
#pid-price .caution_item:last-child {
  margin-bottom: 0;
}
#pid-price .caution_item > p {
  margin-bottom: 0;
  margin-left: 1.4em;
  text-indent: -1.4em;
}
#pid-price .caution_item_ttl {
  margin-bottom: 10px;
  font-size: 15px;
}
#pid-price .caution_item_body {
  padding: 0 0 0 1.4em;
}
#pid-price .caution_item_body p:last-child {
  margin-bottom: 0;
}
#pid-price .caution_item .ico_circle {
  margin: 0 5px 0 0;
  color: #f88522;
}
#pid-price .ssl-price {
  margin: 0 0 40px;
}
#pid-price .ssl-price:last-child {
  margin: 0;
}
#pid-price .ssl-price_ttl {
  margin: 10px auto 15px;
  padding: 8px 6px;
  background-color: #c5daed;
  border-left: 5px solid #196ab9;
  color: #196ab9;
}
#pid-price .ssl-price_body {
  padding: 0 0 0 10px;
}
#pid-price .ssl-price_body > :last-child {
  margin-bottom: 0;
}
#pid-price .ssl-price_plus {
  margin: 5px 0;
  padding: 0;
  color: #666;
  font-size: 24px;
  line-height: 1;
  text-align: center;
}
#pid-price .ssl-price_sub-ttl, #pid-price .xplan-price_sub-ttl {
  margin-bottom: 0;
  padding: 10px;
  background: #2d74bf;
  color: #fff;
  font-size: 1.7rem;
  font-weight: 500;
  text-align: center;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-price .ssl-price_body {
    padding: 0;
  }
  #pid-price .ssl-price_wrap {
    padding: 3%;
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 5px;
  }
  #pid-price .ssl-price_plus {
    margin: 5px 0;
  }
  #pid-price .ssl-price_sub-ttl {
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-price .ssl-price_wrap {
    padding: 1.5%;
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 5px;
  }
  #pid-price .ssl-price_plus {
    margin: 5px 0;
  }
  #pid-price .ssl-price_sub-ttl {
    margin-bottom: 10px;
  }
}
#pid-price .ssl-table {
  width: 100%;
  margin: 0 0 20px;
  background: #fff;
}
#pid-price .ssl-table th,
#pid-price .ssl-table td {
  padding: 10px;
  border: 1px solid #ccc;
  vertical-align: middle;
}
#pid-price .ssl-table th p:last-child,
#pid-price .ssl-table td p:last-child {
  margin-bottom: 0;
}
#pid-price .ssl-table thead th {
  background: #767676;
  color: #fff;
  font-size: 13px;
  text-align: center;
}
#pid-price .ssl-table tbody th.ssl-table_snissl {
  background: #00a498 !important;
  color: #fff;
}
#pid-price .ssl-table tbody th.ssl-table_ipbase {
  background: #1b5fa6 !important;
  color: #fff;
}
#pid-price .ssl-table tbody td.ssl-table_snissl {
  background: #d9f1f0 !important;
}
#pid-price .ssl-table tbody td.ssl-table_ipbase {
  background: #dde7f2 !important;
}
#pid-price .ssl-table tbody th,
#pid-price .ssl-table tbody td {
  padding: 15px 10px;
  line-height: 1.4;
}
#pid-price .ssl-table tbody th {
  background: #f0f4f7;
  font-size: 13px;
}
#pid-price .ssl-table tbody td {
  background: #f9f9f9;
  font-weight: bold;
  text-align: center;
}
#pid-price .ssl-table tbody tr:nth-child(even) th {
  background: #e7eaed;
}
#pid-price .ssl-table tbody tr:nth-child(even) td {
  background: #f5f5f5;
}
#pid-price .ssl-table_label {
  display: inline-block;
  margin: 0 0 0 5px;
  padding: 3px;
  background: #fff;
  border-radius: 2px;
  color: #1b5fa6;
  line-height: 1.2;
}
#pid-price .ssl-table_dl {
  margin-bottom: 1em;
}
#pid-price .ssl-table_dl dd {
  font-size: 13px;
  font-weight: normal !important;
}
#pid-price .ssl-table .ssl-table_use {
  padding: 10px 10px;
}
#pid-price .useservice {
  display: block;
  width: 158px;
  margin-bottom: 3px;
  padding: 2px 0;
  font-size: 12px;
  text-align: center;
  color: #fff;
  background: #ccc;
}
#pid-price .useservice:last-child {
  margin-bottom: 0;
}
#pid-price .useservice-xsv {
  background: #2165a5;
}
#pid-price .useservice-xbiz {
  background: #113d6b;
}
#pid-price .payment-list_item {
  float: left;
  margin: 0 13px 13px 0;
}
#pid-price .payment-list_item:last-child {
  margin: 0;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-price .payment-list_item {
    width: 40%;
  }
}
#pid-price .flow {
  margin: 0 0 40px;
  list-style: none;
}
#pid-price .flow_item {
  counter-increment: flownumber;
  position: relative;
  margin: 0 0 30px;
  padding: 0 0 0 2.5em;
}
#pid-price .flow_item:last-child {
  margin-bottom: 0;
}
#pid-price .flow_item:after {
  content: counter(flownumber);
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 1.7em;
  height: 1.7em;
  background: #1b63a7;
  border-radius: 1px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.7em;
  text-align: center;
}
#pid-price .flow_ttl {
  margin: 0 0 5px;
  padding: 0.2em 0 0;
  font-size: 16px;
  line-height: 1.4;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-price .banner-list li.banner-list_item {
    padding-bottom: 10px;
    text-align: center;
  }
  #pid-price .banner-list li.banner-list_item:last-child {
    padding-bottom: 0;
  }
  #pid-price .banner-list li.banner-list_item img {
    max-width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-price .banner-list li.banner-list_item {
    padding-bottom: 10px;
    text-align: center;
  }
  #pid-price .banner-list li.banner-list_item:last-child {
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-price .banner-box {
    padding-top: 15px;
  }
  #pid-price .banner-list {
    text-align: center;
  }
  #pid-price .banner-list li.banner-list_item {
    margin-bottom: 10px;
  }
}
#pid-price .campaign-jcb img {
  max-width: 100%;
  display: block;
  margin: auto;
}
#pid-price #domain-price-table tr th {
  line-height: 1.4;
}
#pid-price #domain-price-table tr th.domain-benefit {
  color: #fff;
  background-color: #20B5AA;
}
#pid-price #domain-price-table tr td {
  line-height: 1.2;
}
#pid-price .source {
  color: #a7a7a7;
  font-size: 12px;
}
#pid-price .source img {
  position: relative;
  margin: 0 3px 0;
  top: -3px;
}
#pid-price .tr-even th {
  background: #e7eaed !important;
}
#pid-price .tr-even td {
  background: #f5f5f5 !important;
}
#pid-price {
  /* ----------------------------------------------------------
  キャッシュレス・消費者還元事業
  ------------------------------------------------------------- */
}
#pid-price .sectionCashless {
  background: #FBF8EA;
  border: 1px solid #e7e3d3;
  padding: 15px 10px;
  margin: 0 10px 15px 0;
}
#pid-price .sectionCashless_inner {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#pid-price .sectionCashless_left {
  width: 54%;
}
#pid-price .sectionCashless strong {
  font-weight: bold;
  font-size: 16px;
  color: #eca700;
  margin-bottom: 5px;
}
#pid-price .sectionCashless p.sectionCashless_left_desc {
  border-top: 1px solid #b3b3b3;
  margin: 5px 0;
  padding-top: 6px;
  font-size: 12px;
}
#pid-price .sectionCashless img {
  margin: 3px 0 10px 12px;
}
#pid-price .sectionCashless_info {
  background: #fff;
  width: 80%;
  margin: 5px auto 0;
  padding: 7px;
  border: 1px solid #ccc;
}
#pid-price .sectionCashless_info p {
  text-indent: -1em;
  padding-left: 1em;
  font-size: 12px;
  margin-bottom: 0;
}
#pid-price .sectionCashless_info .ico {
  margin: 0 1px 0 0;
  font-size: 17px;
  color: #BF1517;
  position: relative;
  top: -1px;
}
#pid-price {
  /* SP */
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-price .sectionCashless {
    padding: 15px 10px;
    margin-right: 0;
  }
  #pid-price .sectionCashless_inner {
    display: block;
  }
  #pid-price .sectionCashless_info {
    width: 95%;
    margin: 10px auto 0;
  }
  #pid-price .sectionCashless_left {
    width: 100%;
  }
  #pid-price .sectionCashless_right {
    text-align: center;
  }
  #pid-price .sectionCashless img {
    margin: 0;
  }
  #pid-price .sectionCashless strong {
    font-size: 14px;
  }
  #pid-price .sectionCashless p {
    font-size: 11px;
  }
}
#pid-price {
  /* Tab */
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  #pid-price .sectionCashless_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #pid-price .sectionCashless_left {
    width: 54%;
  }
}
#pid-price .cashLessPrTxt {
  display: inline-block;
  margin: 5px 0 0 0;
  color: #e61212;
  font-weight: bold;
  font-size: 12px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-price .cashLessPrTxt {
    margin: 0;
  }
}
#pid-price .cashlessPrBnrTxt {
  color: #e61212;
  font-size: 17px;
  font-weight: bold;
  margin: 0;
  text-align: center;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-price .cashlessPrBnrTxt {
    font-size: 12px;
  }
}
#pid-price {
  /* ----------------------------------------------------------
  ドメイン特典PR
  ------------------------------------------------------------- */
}
#pid-price .price-pr-txt-single {
  color: #1c65a8;
}
#pid-price .price-pr-txt-cp {
  color: #e61212;
}
#pid-price .price-domain-benefit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 10px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#pid-price .price-domain-benefit img {
  display: block;
  margin-right: 12px;
}
@media only screen and (max-width: 1099px) {
  #pid-price .price-domain-benefit img {
    width: 49.5%;
    margin-right: 1%;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-price .price-domain-benefit img {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1%;
  }
}
#pid-price .price-domain-benefit img:last-child {
  margin: 0;
}
#pid-price {
  /* ----------------------------------------------------------
  オプション独自SSL支払い料金表
  ------------------------------------------------------------- */
}
#pid-price .optionTable {
  border: 1px solid #eee;
}
@media only screen and (min-width: 1100px) {
  #pid-price .optionTable thead {
    display: none;
  }
}
#pid-price .optionTable td {
  border: none;
  border-bottom: 1px solid #eee;
}
#pid-price .optionTable .sslauth_btn {
  padding: 8px 15px 10px;
  font-size: 14px;
}
#pid-price .sslCaption {
  font-size: 16px;
  font-weight: bold;
  margin-left: 10px;
  vertical-align: middle;
}
@media only screen and (max-width: 1099px) {
  #pid-price .sslCaption {
    display: block;
    margin: 0;
  }
}
#pid-price .taxCaption {
  text-align: right;
  margin: 0 0 5px;
}
@media only screen and (max-width: 1099px) {
  #pid-price .taxCaption {
    display: none;
  }
}
#pid-price .numYears {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#pid-price .numYears__caption {
  margin-right: 20px;
}
@media only screen and (max-width: 1099px) {
  #pid-price .numYears__caption {
    display: none;
  }
}
#pid-price .numYears__price {
  font-weight: bold;
}
#pid-price .numYears__price .normalPrice {
  color: #222 !important;
  margin: 0 0 -5px;
  font-weight: normal;
  text-decoration: line-through;
}
#pid-price .numYears__price--num {
  font-size: 26px;
}
@media only screen and (max-width: 1099px) {
  #pid-price .numYears__price--num {
    font-size: 18px;
  }
}
#pid-price {
  /* -------------------------------------------------------------
      ページ内リンクボタン
  ------------------------------------------------------------- */
}
#pid-price .pricePagelink ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  background-color: #ecf1f6;
  padding: 16px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-price .pricePagelink ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#pid-price .pricePagelink ul li {
  width: 32%;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-price .pricePagelink ul li {
    width: 100%;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-price .pricePagelink ul li:not(:last-child) {
    margin-bottom: 4px;
  }
}
#pid-price .pricePagelink ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-price .pricePagelink ul li a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 120px;
    padding-bottom: 32px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-price .pricePagelink ul li a {
    padding: 10px;
  }
}
#pid-price .pricePagelink ul li a::after {
  position: absolute;
  content: "\25bc";
  right: 16px;
  -webkit-transition: none;
  transition: none;
  margin: 0;
  top: 50%;
  translate: 0 -50%;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-price .pricePagelink ul li a::after {
    top: inherit;
    right: 50%;
    bottom: 8px;
    translate: 50% 0;
  }
}
#pid-price .pricePagelink ul li a img {
  max-width: 48px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-price .pricePagelink ul li a img {
    margin-bottom: 4px;
  }
}
@media only screen and (max-width: 1099px) {
  #pid-price .pricePagelink ul li a img {
    max-width: 32px;
  }
}
#pid-price .pricePagelink ul li a span {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.25;
  text-align: left;
  margin-left: 8px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-price .pricePagelink ul li a span {
    text-align: center;
    margin-left: 0;
  }
}
@media only screen and (max-width: 1099px) {
  #pid-price .pricePagelink ul li a span {
    font-size: 16px;
  }
}
#pid-price {
  /* ----------------------------------------------------------
      料金シミュレーター
  ------------------------------------------------------------- */
}
@media only screen and (min-width: 1100px) {
  #pid-price .simulation {
    width: 90%;
    margin: auto;
  }
}
#pid-price .simulation *, #pid-price .simulation *::before, #pid-price .simulation *::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
#pid-price .simulation .sim__priceCp {
  color: #eb1010;
  font-weight: bold;
}
#pid-price .simulation .sim__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 10px;
}
@media only screen and (min-width: 768px) {
  #pid-price .simulation .sim__nav {
    margin: 0 25px;
  }
}
#pid-price .simulation .sim__nav .sim__nav__item {
  width: 50%;
  padding: 0 5px;
}
@media only screen and (min-width: 768px) {
  #pid-price .simulation .sim__nav .sim__nav__item {
    padding: 0 10px;
  }
}
#pid-price .simulation .sim__nav .sim__nav__item .sim__nav__label {
  -webkit-transition-property: background-color, color;
  transition-property: background-color, color;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  display: block;
  font-size: 1.6rem;
}
@media only screen and (min-width: 768px) {
  #pid-price .simulation .sim__nav .sim__nav__item .sim__nav__label {
    font-size: 1.8rem;
  }
}
#pid-price .simulation .sim__nav .sim__nav__item .sim__nav__label {
  padding: 1.2rem 1rem calc(1.2rem - 3px);
  background-color: #f0f0f0;
  border-radius: 3px 3px 0 0;
  color: #2f334c;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
}
#pid-price .simulation .sim__nav .sim__nav__item .sim__nav__label:hover {
  background-color: #f8f8f8;
  color: #1b63a7;
}
#pid-price .simulation .sim__nav .sim__nav__item .sim__nav__label:focus {
  outline: none;
}
#pid-price .simulation .sim__nav .sim__nav__item.sim__nav__item--active .sim__nav__label {
  pointer-events: none;
  background-color: #1b63a7;
  color: #fff;
  outline-color: #2f334c;
}
#pid-price .simulation .sim__target:not(.sim__target--active) {
  visibility: hidden;
  position: absolute;
}
#pid-price .simulation .sim__body {
  padding: 25px 20px 0;
  border: 2px solid #1b63a7;
  border-radius: 3px;
}
@media only screen and (min-width: 768px) {
  #pid-price .simulation .sim__body {
    border-width: 3px;
    border-radius: 5px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-price .simulation .sim__body {
    padding: 25px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-price .simulation .sim__body {
    padding: 30px 50px 50px;
  }
}
#pid-price .simulation .sim__item + .sim__item {
  margin-top: 25px;
}
#pid-price .simulation .sim__item__ttl {
  margin-bottom: 7px;
  color: #1b63a7;
  font-weight: 500;
}
#pid-price .simulation .sim__item__ttl .sim__item__ttl__main {
  margin-right: 25px;
}
#pid-price .simulation .sim__item__ttl .sim__item__runningCpNotes,
#pid-price .simulation .sim__item__ttl .sim__item__initialCpNotes {
  display: inline-block;
  color: #eb1010;
  font-weight: 400;
}
#pid-price .simulation .sim__item__ttl .sim__item__initialCpNotes {
  font-weight: 500;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-price .simulation .sim__item__body--plan,
  #pid-price .simulation .sim__item__body--period {
    display: block;
  }
  #pid-price .simulation .sim__item__body--plan .inputForm__body,
  #pid-price .simulation .sim__item__body--period .inputForm__body {
    display: block;
  }
}
#pid-price .simulation .sim__item__body--plan .mainLabelForm,
#pid-price .simulation .sim__item__body--period .mainLabelForm {
  display: inline-block;
  min-width: 3em;
  margin-right: 1em;
}
@media only screen and (min-width: 768px) {
  #pid-price .simulation .sim__item__body--plan .inputForm__body {
    width: 33.33333%;
  }
}
#pid-price .simulation .sim__item__body--plan .inputForm__body .radioLabelForm {
  display: block;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-price .simulation.is--runningCp01 .sim__item__body--period .inputForm__body {
    width: 50%;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-price .simulation.is--runningCp01 .sim__item__body--period .inputForm__body {
    width: 33.33333%;
  }
}
#pid-price .simulation.is--runningCp01 .sim__item__body--period .mainLabelForm {
  display: inline-block;
  min-width: 3em;
  margin-right: 1em;
}
#pid-price .simulation.is--runningCp01 .sim__item__body--period .subLabelForm {
  display: inline-block;
}
@media only screen and (min-width: 1100px) {
  #pid-price .simulation.is--runningCp01 .sim__item__body--period .subLabelForm {
    display: block;
  }
}
#pid-price .simulation.is--initialCp .sim__item__body--period .subLabelForm, #pid-price .simulation.is--runningCp02 .sim__item__body--period .subLabelForm {
  display: inline-block;
}
@media only screen and (min-width: 1100px) {
  #pid-price .simulation.is--initialCp .sim__item__body--period .subLabelForm, #pid-price .simulation.is--runningCp02 .sim__item__body--period .subLabelForm {
    display: block;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-price .simulation .sim__item__body--period .inputForm__body {
    width: 33.33333%;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-price .simulation .sim__item__body--period .inputForm__body {
    width: 20%;
  }
}
#pid-price .simulation .sim__item__body--period .inputForm__body .radioLabelForm {
  display: block;
}
#pid-price .simulation .sim__result {
  margin: 30px -20px 0;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-price .simulation .sim__result {
    margin: 35px 0 0;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-price .simulation .sim__result {
    margin: 40px 0 0;
  }
}
#pid-price .simulation .sim__result .sim__result__ttl {
  font-size: 1.6rem;
}
@media only screen and (min-width: 768px) {
  #pid-price .simulation .sim__result .sim__result__ttl {
    font-size: 1.8rem;
  }
}
#pid-price .simulation .sim__result .sim__result__ttl {
  padding: 1.2rem;
  background-color: #222;
  color: #fff;
  font-weight: 500;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  #pid-price .simulation .sim__result .sim__result__ttl {
    border-radius: 3px 3px 0 0;
  }
}
#pid-price .simulation .sim__result .sim__result__body {
  padding: 30px 20px;
  background-color: #f8f8f8;
  border-radius: 0 0 3px 3px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-price .simulation .sim__result .sim__result__body {
    padding: 25px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-price .simulation .sim__result .sim__result__body {
    padding: 40px 70px;
  }
}
#pid-price .simulation .sim__result .sim__result__body .sim__result__inputNotes {
  margin: 0;
  font-weight: 500;
  text-align: center;
}
#pid-price .simulation .sim__result .sim__resultDetail {
  display: none;
}
#pid-price .simulation .sim__result .sim__resultDetail__ttl {
  font-size: 1.6rem;
}
@media only screen and (min-width: 768px) {
  #pid-price .simulation .sim__result .sim__resultDetail__ttl {
    font-size: 1.8rem;
  }
}
#pid-price .simulation .sim__result .sim__resultDetail__ttl {
  margin-bottom: 5px;
  color: #1b63a7;
}
#pid-price .simulation .sim__result .sim__resultDetail__ttl .sim__resultDetail__ttl__label {
  padding: 3px 14px;
  background-color: #1b63a7;
  border-radius: 2px;
  color: #fff;
  font-size: 85%;
  font-weight: normal;
}
#pid-price .simulation .sim__result .sim__resultDetail__ttl .js-selectPlan {
  display: block;
  margin-top: 8px;
}
@media only screen and (min-width: 768px) {
  #pid-price .simulation .sim__result .sim__resultDetail__ttl .js-selectPlan {
    display: inline;
    margin: 0 0 0 10px;
  }
}
#pid-price .simulation .sim__result .sim__resultRunning,
#pid-price .simulation .sim__result .sim__resultInitial {
  padding: 15px 0;
  border-bottom: 1px solid #e8e8e8;
}
@media only screen and (min-width: 768px) {
  #pid-price .simulation .sim__result .sim__resultRunning,
  #pid-price .simulation .sim__result .sim__resultInitial {
    padding: 20px 0;
  }
}
#pid-price .simulation .sim__result .sim__resultRunning {
  padding-top: 0;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-price .simulation .sim__result .sim__resultRunning .sim__resultDetail__calc dt {
    font-size: 1.5rem;
  }
}
#pid-price .simulation .sim__result .sim__resultRunning .sim__resultDetail__calc dd {
  font-size: 2.2rem;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-price .simulation .sim__result .sim__resultRunning .sim__resultDetail__calc dd {
    font-size: 2.4rem;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-price .simulation .sim__result .sim__resultRunning .sim__resultDetail__calc dd {
    font-size: 2.8rem;
  }
}
#pid-price .simulation .sim__result .sim__resultRunning .sim__resultDetail__calc dd {
  font-weight: bold;
  line-height: 1.2;
}
#pid-price .simulation .sim__result .sim__resultRunning .sim__resultDetail__calc dd .jp_en {
  font-size: 70%;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-price .simulation .sim__result .sim__resultInitial .sim__resultDetail__calc dt {
    font-size: 1.5rem;
  }
}
#pid-price .simulation .sim__result .sim__resultInitial .sim__resultDetail__calc dd {
  font-size: 1.8rem;
}
@media only screen and (min-width: 1100px) {
  #pid-price .simulation .sim__result .sim__resultInitial .sim__resultDetail__calc dd {
    font-size: 2rem;
  }
}
#pid-price .simulation .sim__result .sim__resultInitial .sim__resultDetail__calc .sim__priceCp {
  font-size: 2.2rem;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-price .simulation .sim__result .sim__resultInitial .sim__resultDetail__calc .sim__priceCp {
    font-size: 2.4rem;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-price .simulation .sim__result .sim__resultInitial .sim__resultDetail__calc .sim__priceCp {
    font-size: 2.8rem;
  }
}
#pid-price .simulation .sim__result .sim__resultInitial .sim__resultDetail__calc .sim__priceCp {
  font-weight: bold;
  line-height: 1.2;
}
#pid-price .simulation .sim__result .sim__resultInitial .sim__resultDetail__calc .sim__priceCp .jp_en {
  font-size: 70%;
}
#pid-price .simulation .sim__result .sim__resultDetail__calc {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#pid-price .simulation .sim__result .sim__resultDetail__calc dt {
  margin: 3px 10px 3px 0;
  font-weight: 500;
}
@media only screen and (min-width: 768px) {
  #pid-price .simulation .sim__result .sim__resultDetail__calc dt {
    margin: 0;
  }
}
#pid-price .simulation .sim__result .sim__resultDetail__calc dt i::before {
  display: inline-block;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}
#pid-price .simulation .sim__result .sim__resultDetail__calc dd {
  margin: 3px 0 3px auto;
  letter-spacing: 0;
}
@media only screen and (min-width: 768px) {
  #pid-price .simulation .sim__result .sim__resultDetail__calc dd {
    margin: 0;
  }
}
#pid-price .simulation .sim__result .sim__resultInitial__notes {
  margin-bottom: 0;
  padding-left: 1em;
  color: #777;
  font-size: 1.4rem;
  text-indent: -1em;
}
#pid-price .simulation .sim__result .sim__resultDetail__runningCpNotes,
#pid-price .simulation .sim__result .sim__resultDetail__initialCpNotes {
  margin: 0.8em 0 0;
  padding-left: 1em;
  color: #eb1010;
  font-weight: 500;
  text-indent: -1em;
}
#pid-price .simulation .sim__result .sim__result__estimate {
  background: #f0f0f0;
  padding: 40px 60px;
  margin: 50px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#pid-price .simulation .sim__result .sim__result__estimate .estimate_form {
  max-width: 100%;
}
#pid-price .simulation .sim__result .sim__result__estimate .sim__result__estimate__input {
  margin-bottom: 10px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
#pid-price .simulation .sim__result .sim__result__estimate .sim__result__estimate__input .estimate_input {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 70%;
}
#pid-price .simulation .sim__result .sim__result__estimate .sim__result__estimate__input select {
  background-color: #f8f8f8;
}
#pid-price .simulation .sim__result .sim__result__estimate .btn--estimate {
  padding: 5px;
  width: 100%;
}
#pid-price .simulation .sim__result .sim__result__estimate .btn--primary {
  background: #fff;
  border: 1px solid #1b63a7;
  color: #1b63a7 !important;
  font-size: 15px;
}
@media only screen and (max-width: 1099px) {
  #pid-price .simulation .sim__result .sim__result__estimate {
    padding: 20px;
  }
}
#pid-price .simulation .sim__result .sim__result__buttonCta {
  margin-top: 25px;
  text-align: center;
}
#pid-price .simulation .sim__result .sim__result__buttonCta .sim__result__buttonCta__txt {
  font-size: 1.6rem;
}
@media only screen and (min-width: 768px) {
  #pid-price .simulation .sim__result .sim__result__buttonCta .sim__result__buttonCta__txt {
    font-size: 1.8rem;
  }
}
#pid-price .simulation .sim__result .sim__result__buttonCta .sim__result__buttonCta__txt {
  margin-bottom: 5px;
  font-weight: 500;
}
#pid-price .simulation .sim__result .sim__result__buttonCta .buttonCta {
  display: block;
  max-width: 400px;
  margin: auto;
}
#pid-price .simulation .sim__result .sim__resultRenewalNote {
  margin-top: 0.8em;
}
#pid-price .simulation .sim__result .sim__resultRenewalNote a {
  color: #2f334c;
}
#pid-price .simulation .sim__result .sim__resultRenewalNote a:hover {
  color: #818181;
}
#pid-price .section--price .table th,
#pid-price .section--price .table td {
  font-size: 1.45rem;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-price .section--price .table th,
  #pid-price .section--price .table td {
    padding: 10px;
  }
}
#pid-price .section--price .table td {
  padding-top: 12px;
  padding-bottom: 12px;
}
#pid-price .section--price .table caption {
  background: #1b63a7;
  border: none;
}
#pid-price .section--price .table thead th {
  background: #1b63a7;
}
#pid-price .section--price .runningTable {
  margin-bottom: 0;
}
#pid-price .section--price .runningTable.is--runningCp01 .runningPrice s,
#pid-price .section--price .runningTable.is--runningCp01 .runningPrice .runningPriceArrow {
  color: #999;
}
#pid-price .section--price .runningTable.is--runningCp01 .runningTable__head, #pid-price .section--price .runningTable.is--runningCp02 .runningTable__head {
  margin-bottom: 40px;
}
#pid-price .section--price .runningTable th,
#pid-price .section--price .runningTable td {
  border: none;
  border-bottom: 1px solid #eee;
}
#pid-price .section--price .runningTable th {
  font-size: 1.55rem;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  #pid-price .section--price .runningTable td {
    text-align: center;
  }
}
#pid-price .section--price .runningTable td .text-muted {
  color: #C5C5C5;
  text-decoration: line-through #C5C5C5;
  margin-bottom: 4px;
  display: block;
  font-weight: 500;
}
#pid-price .section--price .runningTable td .wpPr .table_value {
  display: block;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-price .section--price .runningTable thead {
    display: none;
  }
}
#pid-price .section--price .runningTable thead .cell_plan {
  width: 26%;
  position: relative;
}
#pid-price .section--price .runningTable thead .cell_plan__recom {
  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;
  background-color: #ff5400;
  color: #fff;
  width: 8.2em;
  height: 30px;
  font-weight: bold;
  font-size: 1.55rem;
  line-height: 1;
  position: absolute;
  top: -26px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  right: 0;
  margin: auto;
  z-index: 2;
}
#pid-price .section--price .runningTable thead .cell_plan__recom::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 7px 0 7px;
  border-color: #ff5400 transparent transparent transparent;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -7px;
  margin: auto;
}
#pid-price .section--price .runningTable thead .tr_desc th, #pid-price .section--price .runningTable thead .tr_desc td {
  background-color: #deeef4;
  border-bottom: none;
  color: inherit;
  font-size: 13px;
}
#pid-price .section--price .runningTable thead th,
#pid-price .section--price .runningTable thead td {
  color: #fff;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-price .section--price .runningTable .runningTable__head {
    display: block;
    margin-bottom: 20px;
  }
  #pid-price .section--price .runningTable .runningTable__head tr th:nth-child(1) {
    display: none;
  }
  #pid-price .section--price .runningTable .runningTable__head tr .cell_plan {
    color: initial;
    background: #deeef4;
    font-size: 1.45rem;
  }
  #pid-price .section--price .runningTable .runningTable__head .tr_desc th, #pid-price .section--price .runningTable .runningTable__head .tr_desc td {
    background: none;
  }
  #pid-price .section--price .runningTable .runningTable__head .tr_desc th {
    position: relative;
    border-bottom: 1px solid #eee;
  }
  #pid-price .section--price .runningTable .runningTable__head .tr_desc th:nth-child(n+3)::before {
    display: block;
    content: "";
    width: 1px;
    background: #ddd;
    height: calc(100% - 20px);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-price .section--price .runningTable tbody tr:not(:first-child) th {
    border-top: none;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-price .section--price .runningTable tbody tr:not(.tr_initial) .td_runningInner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-price .section--price .runningTable tbody tr:not(.tr_initial) .td_runningInner .runningPrice {
    padding-left: 1em;
    border-left: 1px solid #ddd;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-price .section--price .runningTable tbody tr:not(.tr_initial) .td_runningInner::before {
    content: attr(data-row-label);
    display: inline-block;
    min-width: 7.3em;
    padding-right: 1em;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
#pid-price .section--price .runningTable tbody tr .btnTrial {
  display: block;
  margin-top: 8px;
}
#pid-price .section--price .runningTable tbody tr:last-child th {
  border-bottom: 1px solid #f0f0f0;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-price .section--price .runningTable tbody tr:last-child .td_runningInner .runningPrice {
    width: 100%;
  }
  #pid-price .section--price .runningTable tbody tr:last-child .td_runningInner .runningPrice .button {
    width: 100%;
    max-width: 16em;
  }
}
#pid-price .section--price .runningTable tbody th {
  background-color: #f0f0f0;
  border-bottom: 1px solid #fff;
  text-align: left;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-price .section--price .runningTable tbody th {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-price .section--price .runningTable tbody td {
    display: block;
    width: 100%;
    background: #fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-top: none;
    text-align: left;
  }
}
#pid-price .section--price .runningTable .th_priceTxt,
#pid-price .section--price .runningTable .th_diskTxt {
  font-weight: 500;
}
#pid-price .section--price .runningTable .td_priceTxt .runningPrice--usual {
  font-weight: 500;
  font-size: 22px;
  color: #286ed3;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-price .section--price .runningTable .td_priceTxt .runningPrice--usual {
    font-size: 18px;
  }
}
#pid-price .section--price .runningTable .td_priceTxt .runningPrice--cp {
  font-size: 22px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-price .section--price .runningTable .td_priceTxt .runningPrice--cp {
    font-size: 18px;
  }
}
#pid-price .section--price .runningTable .td_diskTxt {
  line-height: 1;
}
#pid-price .section--price .runningTable .td_diskTxt .runningPrice {
  font-weight: 500;
  font-size: 18px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-price .section--price .runningTable .td_diskTxt .runningPrice {
    font-size: 16px;
  }
}
#pid-price .section--price .runningTable .txtCpBalloon {
  display: inline-block;
  position: relative;
  padding: 2px 10px 1px;
  background-color: #f7790b;
  border-radius: 2px;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
}
#pid-price .section--price .runningTable .txtCpBalloon::after {
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  width: 0;
  height: 0;
}
#pid-price .section--price .runningTable .tr_initial th,
#pid-price .section--price .runningTable .tr_initial td {
  border-bottom: none;
}
#pid-price .section--price .runningTable .tr_initial .th_initial {
  font-weight: 500;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-price .section--price .runningTable .tr_initial .th_initial {
    padding: 12px 5px;
    background-color: #deeef4;
  }
}
#pid-price .section--price .runningTable .tr_initial .th_initial .th_initialInr {
  position: relative;
}
#pid-price .section--price .runningTable .tr_initial .th_initial .th_initialInr .txtCpBalloon {
  display: none;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-price .section--price .runningTable .tr_initial .th_initial .th_initialInr .txtCpBalloon {
    display: block;
    position: absolute;
    bottom: calc(100% + 7px);
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  #pid-price .section--price .runningTable .tr_initial .th_initial .th_initialInr .txtCpBalloon::after {
    right: 0;
    bottom: -14px;
    left: 0;
    border-top: 7px solid #f7790b;
    border-right: 5px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 5px solid transparent;
  }
}
@media only screen and (min-width: 768px) {
  #pid-price .section--price .runningTable .tr_initial .td_initialInr {
    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;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-price .section--price .runningTable .tr_initial .td_initialInr {
    text-align: center;
  }
}
#pid-price .section--price .runningTable .tr_initial .td_initialInr .txtCpBalloon {
  display: none;
}
@media only screen and (min-width: 768px) {
  #pid-price .section--price .runningTable .tr_initial .td_initialInr .txtCpBalloon {
    display: inline-block;
    margin-left: 13px;
  }
}
#pid-price .section--price .runningTable .tr_initial .td_initialInr .txtCpBalloon::after {
  top: 0;
  left: -14px;
  bottom: 0;
  border-top: 5px solid transparent;
  border-right: 7px solid #f7790b;
  border-bottom: 5px solid transparent;
  border-left: 7px solid transparent;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-price .section--price .runningTable .tr_initial--cp .th_initial {
    border-top: 20px solid #fff;
  }
}
#pid-price .section--price .runningTable .tr_running th,
#pid-price .section--price .runningTable .tr_running td {
  background-color: #deeef4;
  border-bottom: none;
}
#pid-price .section--price .runningTable .tr_running .th_period {
  border-right: 1px solid #cfe6ef;
  font-weight: 500;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-price .section--price .runningTable .tr_running .th_period {
    display: none;
  }
}
#pid-price .section--price .runningTable .tr_running .th_monthly {
  font-weight: 500;
  text-align: center;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-price .section--price .runningTable .tr_running .th_monthly {
    padding: 12px 5px;
    border-top: 10px solid #fff;
    border-bottom: 15px solid #fff;
  }
}
@media only screen and (min-width: 768px) {
  #pid-price .section--price .runningTable .tr_running .th_monthly .txtMonthly {
    display: none;
  }
}
#pid-price .section--price .runningTable .tr_running .th_monthly .th_monthlyInr {
  position: relative;
  text-align: center;
}
#pid-price .section--price .runningTable .tr_running .th_monthly .th_monthlyInr .txtCpBalloon {
  position: absolute;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-price .section--price .runningTable .tr_running .th_monthly .th_monthlyInr .txtCpBalloon {
    bottom: calc(100% + 7px);
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  #pid-price .section--price .runningTable .tr_running .th_monthly .th_monthlyInr .txtCpBalloon::after {
    right: 0;
    bottom: -14px;
    left: 0;
    border-top: 7px solid #f7790b;
    border-right: 5px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 5px solid transparent;
  }
}
@media only screen and (min-width: 768px) {
  #pid-price .section--price .runningTable .tr_running .th_monthly .th_monthlyInr .txtCpBalloon {
    margin-left: 15px;
  }
  #pid-price .section--price .runningTable .tr_running .th_monthly .th_monthlyInr .txtCpBalloon::after {
    top: 0;
    left: -14px;
    bottom: 0;
    border-top: 5px solid transparent;
    border-right: 7px solid #f7790b;
    border-bottom: 5px solid transparent;
    border-left: 7px solid transparent;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-price .section--price .runningTable .tr_running--cp .th_monthly {
    border-top: 30px solid #fff;
  }
}
#pid-price .section--price .runningTable .tr_running--pr .th_monthly {
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}
#pid-price .section--price .runningTable .tr_monthlyPrice .th_monthlyPriceInr {
  position: relative;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-price .section--price .runningTable .tr_monthlyPrice .txtCpBalloon {
    position: absolute;
    bottom: calc(100% + 8px);
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  #pid-price .section--price .runningTable .tr_monthlyPrice .txtCpBalloon::after {
    right: 0;
    bottom: -13px;
    left: 0;
    border-top: 7px solid #f7790b;
    border-right: 5px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 5px solid transparent;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-price .section--price .runningTable .tr_monthlyPrice .txtCpBalloon {
    position: absolute;
    bottom: calc(100% + 8px);
    left: 0;
  }
  #pid-price .section--price .runningTable .tr_monthlyPrice .txtCpBalloon::after {
    left: 8px;
    bottom: -13px;
    border-top: 7px solid #f7790b;
    border-right: 5px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 5px solid transparent;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-price .section--price .runningTable .tr_monthlyPrice .txtCpBalloon {
    margin-left: 15px;
  }
  #pid-price .section--price .runningTable .tr_monthlyPrice .txtCpBalloon::after {
    left: -13px;
    bottom: 0;
    top: 0;
    border-top: 5px solid transparent;
    border-right: 7px solid #f7790b;
    border-bottom: 5px solid transparent;
    border-left: 7px solid transparent;
  }
}
#pid-price .section--price .runningTable .initialPrice--cp {
  color: #eb1010;
  font-weight: 500;
}
#pid-price .section--price .runningTable .runningPrice--cp {
  display: inline-block;
  font-weight: 500;
  color: #eb1010;
  line-height: 1.3;
}
#pid-price .section--price .runningTable .runningPrice--actual {
  display: inline-block;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-weight: 500;
  color: #eb1010;
  line-height: 1.3;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-price .section--price .runningTable .runningPrice--actual br {
    display: inline-block;
  }
}
#pid-price .section--price .runningTable .runningPrice--xwrite {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-weight: 500;
  line-height: 1.3;
  font-size: 12px;
}
#pid-price .section--price .runningTable .runningPrice--xwrite .runningPrice-xwrite__wrapper {
  margin-top: 1rem;
  display: inline-block;
}
#pid-price .section--price .runningTable .runningPrice--xwrite .runningPrice-xwrite__name {
  font-weight: bold;
  color: #286ed3;
}
#pid-price .section--price .runningTable .runningPrice--xwrite .runningPrice-xwrite__price {
  color: #ff5400;
  font-weight: bold;
}
#pid-price .section--price .runningTable .runningPrice--xwrite .runningPrice-xwrite__price .num {
  font-size: 16px;
}
#pid-price .section--price .runningTable .txtCpPr {
  margin-top: 10px;
  padding: 10px 5px 7px;
  background-color: #f8f8f8;
  border-bottom: 1px solid #eee;
  color: #eb1010;
  font-weight: bold;
}
@media only screen and (min-width: 768px) {
  #pid-price .section--price .runningTable .txtCpPr {
    margin-top: 15px;
  }
}
#pid-price .section--price .runningTable .imgico {
  background: url(../img/common/ico_tooltip.svg) 0 0 no-repeat;
  width: 16px;
  height: 16px;
  margin-bottom: 2px;
  display: inline-block;
}
#pid-price .section--price .buttonGroup {
  padding: 0 10px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-price .section--price .buttonGroup {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    text-align: center;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-price .section--price .button01--width-xl,
  #pid-price .section--price .buttonCta--width-xl {
    max-width: 15em;
    width: 100%;
  }
}
#pid-price .initialPriceNotes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (min-width: 768px) {
  #pid-price .initialPriceNotes {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
#pid-price .initialPriceNotes .initialPriceNotes_item {
  margin: 0;
  color: #eb1010;
}
#pid-price .initialPriceNotes .initialPriceNotes_item:after {
  content: "\ff0f";
  display: inline-block;
}
#pid-price .initialPriceNotes .initialPriceNotes_item:last-child:after {
  content: "";
}
#pid-price .cpTxt {
  padding: 15px 10px;
  border-bottom: 1px solid #ddd;
  color: #eb1010;
  font-weight: 500;
}
@media only screen and (min-width: 768px) {
  #pid-price .cpTxt {
    text-align: center;
  }
}
#pid-price .cpTxt .note {
  margin-bottom: 0;
}
#pid-price .domain-merit_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-price .domain-merit_box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#pid-price .domain-merit_box_list {
  width: 290px;
  counter-increment: number 1;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-price .domain-merit_box_list {
    width: 100%;
  }
}
#pid-price .domain-merit_box_list:not(:last-of-type) {
  margin: 0 40px 0 0;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-price .domain-merit_box_list:not(:last-of-type) {
    margin: 0 0 24px 0;
  }
}
#pid-price .domain-merit_box_list_img {
  text-align: center;
  position: relative;
  width: 124px;
  margin: 0 auto;
}
#pid-price .domain-merit_box_list_img::before {
  content: counter(number) " ";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 1.5em;
  font-size: 24px;
  line-height: 1.5;
  font-weight: bold;
  color: #fff;
  background-color: #286ed3;
  text-align: center;
  border-radius: 3px;
}
#pid-price .domain-merit_box_list_img img {
  border: 1px solid #C8D8E3;
  border-radius: 50%;
}
#pid-price .domain-merit_box_list_text div {
  font-size: 18px;
  text-align: center;
  margin: 0.5em 0 0.5em;
}
#pid-price .domain-merit_box_list_text p {
  font-size: 14px;
  margin: 0;
}
#pid-price .domain-benefit_box h3 {
  position: relative;
}
#pid-price .domain-benefit_box h3 span {
  font-size: 12px;
  color: #fff;
  background-color: #286ED3;
  border-radius: 3px;
  padding: 0.5em;
  vertical-align: middle;
  margin-left: 1em;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-price .domain-benefit_box h3 span {
    display: block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: 0.25em 0 0;
    top: -24px;
    left: 0;
  }
}
#pid-price .domain-benefit_box .btn_orange-l {
  width: 400px;
}
@media only screen and (max-width: 1099px) {
  #pid-price .domain-benefit_box .btn_orange-l {
    width: auto;
  }
}
#pid-price .domain-benefit_box.forever_domain .domain-benefit_subttl {
  background: #20b5aa;
}
#pid-price .domain-benefit_box.forever_domain .domain-benefit_target-plan {
  color: #20b5aa;
}
#pid-price .domain-benefit_box.forever_domain .domain-benefit_domain-more {
  border: 1px solid #20b5aa;
}
#pid-price .domain-benefit_box.forever_domain .note {
  display: inline-block;
  font-size: 11px;
  line-height: 1.4;
  color: #888;
}
#pid-price .domain-benefit_box_note-list {
  margin-top: 10px;
}
@media only screen and (min-width: 768px) {
  #pid-price .domain-benefit_box_note-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#pid-price .domain-benefit_box_note-list li {
  font-size: 10px;
  line-height: 1.4;
  padding-left: 1em;
  text-indent: -1em;
}
#pid-price .domain-benefit_box_note-list li:not(:first-child) {
  margin-top: 4px;
}
@media only screen and (min-width: 1100px) {
  #pid-price .domain-benefit_box_note-list li {
    font-size: 11px;
  }
}
#pid-price .domain-benefit_box_flow ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 40px;
  counter-reset: number 0;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-price .domain-benefit_box_flow ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#pid-price .domain-benefit_box_flow ul li {
  width: 100%;
  background-color: #EFF4F8;
  border-radius: 3px;
  text-align: center;
  font-weight: bold;
  line-height: 1.4;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#pid-price .domain-benefit_box_flow ul li::before {
  counter-increment: number 1;
  content: counter(number) " ";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  padding: 0.15em 0.5em;
  font-size: 28px;
  font-weight: bold;
  color: #fff;
  background-color: #286ED3;
  border-radius: 3px;
  text-align: center;
}
@media only screen and (max-width: 1099px) {
  #pid-price .domain-benefit_box_flow ul li::before {
    font-size: 20px;
  }
}
#pid-price .domain-benefit_box_flow ul li:not(:last-child) {
  margin: 0 60px 0 0;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-price .domain-benefit_box_flow ul li:not(:last-child) {
    margin: 0 0 30px;
  }
}
#pid-price .domain-benefit_box_flow ul li:not(:last-child)::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 10px solid #2F334C;
  border-right: 0;
  top: 50%;
  right: -30px;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-price .domain-benefit_box_flow ul li:not(:last-child)::after {
    top: unset;
    right: unset;
    left: 50%;
    bottom: -15px;
    -webkit-transform: translate(-50%, 50%) rotate(90deg);
            transform: translate(-50%, 50%) rotate(90deg);
  }
}
#pid-price .domain-benefit_box_flow ul li div {
  -ms-flex-item-align: center;
      align-self: center;
  width: 100%;
  padding: 32px 20px;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  line-height: 1.6;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-price .domain-benefit_box_flow ul li div {
    padding: 16px 32px;
  }
}
#pid-price .domain-benefit_box_flow ul li div img {
  width: 100px;
  height: 100px;
}
@media only screen and (max-width: 1099px) {
  #pid-price .domain-benefit_box_flow ul li div img {
    width: 80px;
    height: 80px;
  }
}
#pid-price .domain-benefit_box_flow ul li div p {
  margin: 0;
}
@media only screen and (max-width: 1099px) {
  #pid-price .domain-benefit_box_flow ul li div p {
    font-size: 14px;
  }
}
#pid-price .domain-benefit_box_flow ul li div p span {
  display: block;
  font-size: 11px;
  font-weight: normal;
}
#pid-price .domain-benefit_subttl {
  overflow: hidden;
  padding: 13px 5px;
  border-radius: 3px 3px 0 0;
  color: #fff;
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
}
#pid-price .domain-benefit_subttl_sub {
  display: block;
}
@media only screen and (min-width: 768px) {
  #pid-price .domain-benefit_subttl_sub {
    font-size: 2rem;
  }
}
#pid-price .domain-benefit_subttl_main {
  display: block;
  margin: 7px 0 0;
}
@media only screen and (min-width: 768px) {
  #pid-price .domain-benefit_subttl_main {
    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;
  }
}
#pid-price .domain-benefit_txt-bold {
  color: #f6ff00;
}
#pid-price .domain-benefit_target-plan {
  display: inline-block;
  margin: 0 20px 10px;
  padding: 6px 15px 3px 15px;
  background-color: #fff;
  font-size: 1.4rem;
  font-weight: 500;
}
@media only screen and (min-width: 768px) {
  #pid-price .domain-benefit_target-plan {
    margin: 0 15px 0 0;
    font-size: 1.6rem;
  }
}
#pid-price .domain-benefit_domain-name {
  font-size: 2rem;
}
@media only screen and (min-width: 1100px) {
  #pid-price .domain-benefit_domain-name {
    font-size: 2.6rem;
  }
}
#pid-price .domain-benefit_domain-name {
  display: block;
  font-weight: 500;
  line-height: 1;
}
@media only screen and (min-width: 768px) {
  #pid-price .domain-benefit_domain-name {
    display: inline-block;
  }
}
#pid-price .domain-benefit_domain-more {
  padding: 4vw;
  border-radius: 0 0 3px 3px;
}
@media only screen and (min-width: 1100px) {
  #pid-price .domain-benefit_domain-more {
    padding: 40px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-price .domain-benefit_domain-more_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-price .domain-benefit_domain-more_box_item {
    max-width: 500px;
  }
}
#pid-price .domain-benefit_domain-more_box_item--x30 {
  margin-top: 30px;
}
@media only screen and (min-width: 1100px) {
  #pid-price .domain-benefit_domain-more_box_item--x30 {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin: 0 0 0 30px;
  }
}
#pid-price .domain-benefit_domain-more_box_item_ttl {
  margin-bottom: 15px;
  padding-left: 10px;
  border-left: 8px solid #20b5aa;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5;
}
#pid-price .domain-benefit_domain-more_box_item_ttl span {
  font-weight: 400;
}
#pid-price .domain-benefit_domain-more_box_item_ttl_marker {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(0%, #f6ff00));
  background: linear-gradient(transparent 50%, #f6ff00 0%);
}
#pid-price .domain-benefit_domain-more_box_item_ttl_strong {
  color: #eb5160;
}
#pid-price .domain-benefit_domain-list {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -6px -3px 0;
}
@media only screen and (min-width: 1100px) {
  #pid-price .domain-benefit_domain-list--x30 {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
#pid-price .domain-benefit_domain-list li {
  width: 33.33333%;
  margin-top: 6px;
  padding: 0 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (min-width: 375px) {
  #pid-price .domain-benefit_domain-list li {
    width: 25%;
  }
}
@media only screen and (min-width: 540px) {
  #pid-price .domain-benefit_domain-list li {
    width: 20%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-price .domain-benefit_domain-list li {
    width: 12.5%;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-price .domain-benefit_domain-list li {
    min-width: 4.7em;
    width: auto;
  }
}
#pid-price .domain-benefit_domain-list li > span {
  display: block;
  padding: 3px 2px;
  background-color: #eff4f8;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 1.3rem;
  letter-spacing: 0;
  text-align: center;
}
@media only screen and (min-width: 1100px) {
  #pid-price .domain-benefit_domain-list li > span {
    font-size: inherit;
  }
}
#pid-price .domain-benefit_domain-more_note {
  margin: 16px -4vw -4vw;
  padding: 16px 4vw;
  background-color: #F9FAFA;
  border-radius: 0 0 3px 3px;
  font-size: 11px;
  line-height: 1.4;
}
@media only screen and (min-width: 1100px) {
  #pid-price .domain-benefit_domain-more_note {
    margin: 24px -40px -40px;
    padding: 16px 40px;
  }
}
#pid-price .js_scrolltip {
  position: relative;
}
#pid-price .scrollHint {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  pointer-events: none;
}
#pid-price .scrollHint * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (min-width: 458px) {
  #pid-price .scrollHint {
    display: none;
  }
}
#pid-price .scrollHint_icon {
  width: 120px;
  height: 80px;
  position: absolute;
  top: 60px;
  left: 0;
  right: 0;
  margin: auto;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  line-height: 1;
  font-size: 1rem;
  padding: 10px;
  border-radius: 5px;
}
#pid-price .scrollHint_icon i {
  font-size: 4rem;
  -webkit-animation: movearrow 1s ease-out infinite;
          animation: movearrow 1s ease-out infinite;
  position: relative;
}
@keyframes movearrow {
  0% {
    left: 0;
  }
  25% {
    left: 6px;
  }
  50% {
    left: 0;
  }
  75% {
    left: -4px;
  }
  100% {
    left: 0;
  }
}
#pid-price .domainTableBlock #fixed-header {
  display: none;
  position: fixed;
  top: 0;
  background-color: white;
  z-index: 1000;
  width: 100%;
}
@media only screen and (max-width: 1099px) {
  #pid-price .domainTableBlock {
    overflow-x: auto;
    height: 60vh;
  }
  #pid-price .domainTableBlock #domain-price-table {
    min-width: 430px;
  }
  #pid-price .domainTableBlock #domain-price-table th, #pid-price .domainTableBlock #domain-price-table td {
    padding: 15px 4px;
  }
  #pid-price .domainTableBlock #domain-price-table thead {
    position: sticky;
    left: 0;
    top: 0;
  }
  #pid-price .domainTableBlock #domain-price-table thead tr > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  #pid-price .domainTableBlock #domain-price-table > thead th:not(:first-child) {
    width: 80px !important;
  }
  #pid-price .domainTableBlock #domain-price-table > thead th:first-child {
    width: 80px !important;
  }
  #pid-price .domainTableBlock #domain-price-table > thead th:last-child {
    width: 110px !important;
  }
}
#pid-price .sticky {
  position: fixed;
  top: 0;
  z-index: 11;
  display: table;
  width: 1080px;
}
#pid-price .note-wrap {
  font-size: 12px;
  background: #f5f3f3;
  padding: 1rem;
  border-radius: 4px;
  margin: 4px 0;
  text-indent: 0;
}

@media only screen and (min-width: 1100px) {
  #pid-order .w500-l {
    width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-order .media_body_tablet_clear {
    overflow: visible;
  }
}
#pid-order .round-box {
  margin-bottom: 30px;
  background: #f2f2f2;
  border-radius: 3px;
}
#pid-order .round-box > :last-child {
  margin-bottom: 0;
}
#pid-order .round-box_flow {
  position: relative;
  margin-bottom: 28px;
}
#pid-order .round-box_flow:after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 50%;
  right: 50%;
  display: block;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #999;
}
#pid-order .round-box_flow:last-child:after {
  display: none;
}
#pid-order .round-box_ttl {
  font-size: 1.6rem;
}
@media only screen and (min-width: 768px) {
  #pid-order .round-box_ttl {
    font-size: 1.8rem;
  }
}
#pid-order .round-box_ttl {
  padding: 12px;
  color: #fff;
  font-weight: normal;
  text-align: center;
  background-color: #286ed3;
}
#pid-order .round-box_ttl--secondary {
  color: #1b63a7;
}
#pid-order .round-box_ttl--caption .ico,
#pid-order .round-box_ttl .ico {
  margin-right: 5px;
  color: #1b63a7;
}
#pid-order .round-box_sub-ttl {
  margin-bottom: 10px;
  color: #414141;
}
#pid-order .round-box_body {
  padding: 25px;
}
#pid-order .round-box_body > p:last-child {
  margin-bottom: 0;
}
#pid-order .round-box_body > div:last-child {
  margin-bottom: 0;
}
#pid-order .round-box--secondary {
  background-color: #ffffff;
}
#pid-order .round-box-base {
  background-color: #eff4f8;
  margin-bottom: 30px;
  border-radius: 3px;
}
@media only screen and (min-width: 768px) {
  #pid-order .round-box-base {
    padding: 25px;
  }
}
#pid-order .round-box_ttl--caption {
  font-weight: bold;
  margin-bottom: 5px;
}
#pid-order .reference {
  margin-bottom: 40px;
}
#pid-order .reference_ttl {
  z-index: 1;
  position: relative;
  width: 80%;
  margin: 0 auto;
  padding: 7px;
  background: #5ba5d4; /* Old Browsers */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #76B4DB), to(#5ba5d4));
  background: linear-gradient(to bottom, #76B4DB 0, #5ba5d4 100%); /* W3C */
  border: 1px solid #fff;
  border-radius: 10px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 1px #3186BC;
  -webkit-box-shadow: 0 1px 1px #ccc;
  box-shadow: 0 1px 1px #ccc;
}
#pid-order .reference_sub-ttl {
  margin-bottom: 15px;
  padding-bottom: 7px;
  border-bottom: 2px solid #a6c3d5;
  font-size: 18px;
}
#pid-order .reference_body {
  margin-top: -1.2em;
  padding: 40px 10px 10px;
  border: 2px solid #a6c3d5;
  border-radius: 10px;
}
#pid-order .reference_body > :last-child {
  margin-bottom: 0;
}
#pid-order .reference_inner {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px dashed #ccc;
}
#pid-order .reference_inner:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
#pid-order .btn_reference {
  display: block;
  padding: 12px;
  background: #5ba5d4; /* Old Browsers */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #76B4DB), to(#5ba5d4));
  background: linear-gradient(to bottom, #76B4DB 0, #5ba5d4 100%); /* W3C */
  border-radius: 3px;
  color: #fff !important;
  font-weight: bold;
  text-shadow: 0 1px 1px #3186BC;
  -webkit-box-shadow: inset 0 0 0 1px #fff, 0 1px 3px rgba(0, 0, 0, 0.3);
          box-shadow: inset 0 0 0 1px #fff, 0 1px 3px rgba(0, 0, 0, 0.3);
}
@media only screen and (min-width: 1100px) {
  #pid-order .reference_body {
    padding: 40px 20px 20px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-order .label_order_nav01 {
    width: 172px;
    height: 17px;
    background-position: 0 0;
  }
  #pid-order .is-current .label_order_nav01 {
    background-position: -182px 0;
  }
  #pid-order .label_order_nav02 {
    width: 120px;
    height: 17px;
    background-position: 0 -21px;
  }
  #pid-order .is-current .label_order_nav02 {
    background-position: -182px -21px;
  }
  #pid-order .label_order_nav03 {
    width: 95px;
    height: 17px;
    background-position: 0 -41px;
  }
  #pid-order .is-current .label_order_nav03 {
    background-position: -182px -41px;
  }
  #pid-order .label_order_nav04 {
    width: 90px;
    height: 17px;
    background-position: 0 -60px;
  }
  #pid-order .is-current .label_order_nav04 {
    background-position: -182px -61px;
  }
  #pid-order .label_order_flow01 {
    width: 86px;
    height: 18px;
    background-position: 0 -80px;
  }
  #pid-order .label_order_flow02 {
    width: 141px;
    height: 18px;
    background-position: 0 -100px;
  }
  #pid-order .label_order_flow03 {
    width: 176px;
    height: 18px;
    background-position: 0 -120px;
  }
  #pid-order .label_order_flow04 {
    width: 156px;
    height: 18px;
    background-position: 0 -140px;
  }
  #pid-order .label_order_flow05 {
    width: 185px;
    height: 18px;
    background-position: 0 -160px;
  }
  #pid-order .label_order_flow06 {
    width: 129px;
    height: 18px;
    background-position: 0 -180px;
  }
  #pid-order .label_order_flow07 {
    width: 74px;
    height: 18px;
    background-position: 0 -200px;
  }
  #pid-order .label_order_flow08 {
    width: 99px;
    height: 18px;
    background-position: 0 -220px;
  }
  #pid-order .label_order_flow09 {
    width: 173px;
    height: 18px;
    background-position: 0 -240px;
  }
  #pid-order .label_order_flow10 {
    width: 135px;
    height: 18px;
    background-position: 0 -260px;
  }
  #pid-order .label_order_flow11 {
    width: 103px;
    height: 15px;
    background-position: 0 -280px;
  }
  #pid-order .label_order_flow12 {
    width: 129px;
    height: 15px;
    background-position: 0 -300px;
  }
  #pid-order .label_order_flow13 {
    width: 53px;
    height: 15px;
    background-position: 0 -320px;
  }
  #pid-order .label_order_flow14 {
    width: 255px;
    height: 15px;
    background-position: 0 -340px;
  }
  #pid-order .label_order_flow15 {
    width: 114px;
    height: 15px;
    background-position: 0 -360px;
  }
  #pid-order .label_order_flow16 {
    width: 219px;
    height: 15px;
    background-position: 0 -380px;
  }
  #pid-order .label_order_btn-apply {
    width: 182px;
    height: 22px;
    background-position: 0 -400px;
  }
  #pid-order .label_order_ttl-more {
    width: 607px;
    height: 18px;
    background-position: 0 -430px;
  }
  #pid-order .label_order_btn-more {
    width: 192px;
    height: 16px;
    background-position: 0 -450px;
  }
  #pid-order .label_order_footer {
    width: 380px;
    height: 64px;
    background-position: 0 -470px;
  }
  #pid-order .label_order_ttl-transfer-domain {
    width: 728px;
    height: 18px;
    background-position: 0 -540px;
  }
  #pid-order .label_order_btn-search-domain {
    width: 75px;
    height: 19px;
    background-position: 13px -558px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-order .reference_body {
    padding: 40px 20px 20px;
  }
}
@media only screen and (min-width: 768px) {
  #pid-order .order-nav {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
    padding: 25px 0;
    font-size: 1.6rem;
  }
  #pid-order .order-nav_item {
    width: 50%;
    padding: 0px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-weight: 500;
    line-height: 1.2;
    text-align: center;
  }
  #pid-order .order-nav_item:last-child {
    padding-left: 8px;
  }
  #pid-order .order-nav li + li + li + li {
    margin: 0;
  }
  #pid-order .order-nav_item-transfer img {
    margin-right: 5px;
  }
  #pid-order .order-nav_item_label {
    position: relative;
    display: block;
    background-color: #fff;
    border: 1px solid #1b63a7;
    padding: 30px 0;
    border-radius: 5px;
    color: #1b63a7;
    font-size: 22px;
    position: relative;
  }
  #pid-order .ie8 .order-nav_item_label {
    background: #fff;
    -webkit-filter: none;
            filter: none;
  }
  #pid-order a.order-nav_item_label {
    text-decoration: none;
    -webkit-transition: opacity 0.1s ease-out;
    transition: opacity 0.1s ease-out;
  }
  #pid-order a.order-nav_item_label:hover {
    color: #222;
    opacity: 0.6;
  }
  #pid-order .is-current .order-nav_item_label {
    background-color: #1b63a7;
    color: #fff;
    border-color: #1b63a7;
  }
  #pid-order .is-current .order-nav_item_label:before {
    content: "";
    border: 13px solid transparent;
    border-top: 13px solid #1b63a7;
    margin-left: -10px;
    top: 100%;
    left: 50%;
    position: absolute;
  }
  #pid-order .ie8 .is-current .order-nav_item_label {
    background-color: #1b63a7;
    -webkit-filter: none;
            filter: none;
    border-color: transparent;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-order .order-nav_item_label {
    padding: 20px 0;
    font-size: 18px;
  }
  #pid-order .order-nav_item_label_icon {
    width: 70px;
    height: auto;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-order .order-nav {
    overflow: hidden;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    border-radius: 3px;
  }
  #pid-order .order-nav_item {
    border-bottom: 1px solid #ccc;
  }
  #pid-order .order-nav_item:last-child {
    border: none;
  }
  #pid-order .order-nav_item_label {
    display: block;
    padding: 10px;
    background: #f9f9f9;
  }
  #pid-order a.order-nav_item_label {
    color: #2f334c;
    text-decoration: none;
  }
  #pid-order .is-current .order-nav_item_label {
    background: #286ed3;
    color: #fff;
  }
  #pid-order .order-nav_item_label_icon {
    display: inline-block;
    width: 51px;
    height: 26px;
    margin-right: 5px;
  }
}
#pid-order .order-flow {
  margin: 30px 0;
  text-align: center;
}
#pid-order #demo {
  margin: 0 auto;
  width: auto;
}
#pid-order .demo_ttl {
  padding: 8px 10px;
  background-color: #286ed3;
  border-radius: 3px 3px 0 0;
  color: #fff;
  font-weight: 500;
}
@media only screen and (min-width: 768px) {
  #pid-order .demo_ttl {
    font-size: 2rem;
    text-align: center;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-order .demo_ttl {
    text-align: center;
  }
}
#pid-order .demo_txt {
  padding: 20px;
  background-color: #d9e9f8;
  border-top: none;
  border-radius: 0 0 3px 3px;
}
@media only screen and (min-width: 768px) {
  #pid-order .demo_txt {
    padding: 25px;
  }
}
#pid-order .order-flow .ico {
  margin: 0 2px;
  color: #b2d480;
  font-size: 20px;
}
#pid-order .order-flow_ttl {
  margin-bottom: 20px;
  color: #69b000;
  font-size: 2rem;
  text-align: left;
}
#pid-order .order-flow_item {
  display: inline-block;
  margin-bottom: 5px;
  padding: 15px 10px;
  background: #67BC00; /* Old Browsers */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8FD835), to(#67BC00));
  background: linear-gradient(to bottom, #8FD835 0, #67BC00 100%); /* W3C */
  border: 1px solid #fff;
  border-radius: 4px;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.2;
  text-shadow: 0 1px 1px #629433;
  -webkit-box-shadow: 0 1px 1px #ccc;
          box-shadow: 0 1px 1px #ccc;
}
#pid-order .ie8 .order-nav_item_label {
  background: #6cc104;
  -webkit-filter: none;
          filter: none;
}
#pid-order a.order-flow_item {
  text-decoration: none;
  -webkit-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out;
}
#pid-order a.order-flow_item:hover {
  color: #fff;
  opacity: 0.7;
}
#pid-order .order-flow_item_orange {
  background: #FD9500; /* Old Browsers */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDAD00), to(#FD9500));
  background: linear-gradient(to bottom, #FDAD00 0, #FD9500 100%); /* W3C */
  text-shadow: 0 1px 1px #ce801b;
}
#pid-order .order-flow_item_light-blue {
  background: #6CA1D3; /* Old Browsers */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #87b4de), to(#6CA1D3));
  background: linear-gradient(to bottom, #87b4de 0, #6CA1D3 100%); /* W3C */
  text-shadow: 0 1px 1px #5489BB;
}
#pid-order .order-flow_item_light {
  background: #fff9e8; /* Old Browsers */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), to(#fff9e8));
  background: linear-gradient(to bottom, #fff 0, #fff9e8 100%); /* W3C */
  border: 1px solid #E8E3D5;
  color: #f88522;
  text-shadow: 0 1px 0 #fff;
  -webkit-box-shadow: inset 0 0 0 1px #fff, 0 1px 1px #ccc;
          box-shadow: inset 0 0 0 1px #fff, 0 1px 1px #ccc;
}
#pid-order a.order-flow_item_light:hover {
  color: #f88522;
}
#pid-order .prQuickStart {
  margin: 40px 0 0;
  padding-bottom: 5px;
  background: #ecf6ff;
  border-radius: 3px;
}
#pid-order .prQuickStart__ttl {
  font-size: 1.8rem;
}
@media only screen and (min-width: 1100px) {
  #pid-order .prQuickStart__ttl {
    font-size: 2rem;
  }
}
#pid-order .prQuickStart__ttl {
  margin: 0 0 10px;
  text-align: center;
  display: inline-block;
  width: 100%;
  padding: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #286ed3;
  background-color: #d9e9f8;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-order .prQuickStart__ttl {
    font-size: 15px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-order .prQuickStart__ttl {
    text-align: center;
    font-size: 15px;
  }
}
#pid-order .prQuickStart__ttl .underLine {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(40%, rgb(255, 231, 115)));
  background: linear-gradient(transparent 60%, rgb(255, 231, 115) 40%);
}
#pid-order .prQuickStart__txt {
  text-align: center;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-order .prQuickStart__txt {
    text-align: left;
    padding: 0 10px;
  }
}
#pid-order .prQuickStart__img {
  text-align: center;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-order .prQuickStart__img {
    width: 100%;
  }
  #pid-order .prQuickStart__img img {
    width: 100%;
  }
}
#pid-order .QuickStartUse {
  padding: 20px;
  margin: 30px;
  background: #ffffff;
  border-radius: 3px;
}
@media only screen and (min-width: 768px) {
  #pid-order .QuickStartUse {
    padding: 25px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-order .QuickStartUse {
    padding: 15px;
    margin: 10px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-order .QuickStartUse__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
#pid-order .QuickStartUse__ttl {
  font-size: 1.6rem;
}
@media only screen and (min-width: 768px) {
  #pid-order .QuickStartUse__ttl {
    font-size: 1.8rem;
  }
}
#pid-order .QuickStartUse__ttl {
  margin: 0 0 5px;
  color: #1b63a7;
}
@media only screen and (min-width: 1100px) {
  #pid-order .QuickStartUse__txt {
    margin: 0 20px 0 0;
  }
}
#pid-order .QuickStartUse__img {
  margin-bottom: 0;
}
#pid-order .QuickStartUse__img img {
  max-width: 100%;
  height: auto;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-order .order-flow {
    text-align: center;
  }
  #pid-order .order-flow img {
    width: 90%;
  }
  #pid-order .order-flow_item {
    padding: 10px;
  }
  #pid-order .order-flow_item:last-child {
    margin: 0;
  }
}
#pid-order .order-ttl {
  position: relative;
  margin-bottom: 15px;
  padding: 15px 15px 10px;
  background: #fff; /* Old Browsers */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), to(#f4f9ec));
  background: linear-gradient(to bottom, #fff 0, #f4f9ec 100%); /* W3C */
  color: #69b000;
  font-size: 23px;
  line-height: 1.2;
  -webkit-box-shadow: inset 0 0 0 1px #d6e7bd;
          box-shadow: inset 0 0 0 1px #d6e7bd;
}
#pid-order .order-ttl:after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: #589b34;
}
#pid-order .order {
  margin-bottom: 40px;
}
#pid-order .order_ttl {
  font-size: 1.8rem;
}
@media only screen and (min-width: 1100px) {
  #pid-order .order_ttl {
    font-size: 2.2rem;
  }
}
#pid-order .order_ttl {
  margin-bottom: 25px;
  padding-bottom: 5px;
  border-bottom: 4px solid #d2e7b2;
}
@media only screen and (min-width: 1100px) {
  #pid-order .order_body_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-order .order_body_flex .round-box_left,
  #pid-order .order_body_flex .round-box_right {
    width: 50%;
    margin-right: 15px;
    margin-left: 15px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-order .order_apply-btn {
    display: block;
    width: 260px;
    margin: 0 auto;
    padding: 18px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-order .order_apply-btn {
    display: block;
    width: 380px;
    margin: 0 auto;
    padding: 18px 0;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-order .order_apply-btn {
    display: block;
    width: 380px;
    margin: 0 auto;
    padding: 18px 0;
  }
}
#pid-order .frame {
  border: 1px solid #ccc;
}
#pid-order .related-link {
  padding: 15px;
  background: #e9f1f4;
  border-radius: 5px;
}
#pid-order .related-link:last-child {
  margin: 0;
}
#pid-order .related-link_ttl {
  margin-bottom: 10px;
  padding-bottom: 3px;
  border-bottom: 3px solid #3477a1;
  color: #3477a1;
  font-size: 18px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-order .related-link {
    margin: 0 0 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-order .related-link {
    margin: 0 0 10px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-order .related-link {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    float: left;
    width: 32%;
    margin: 0 2% 0 0;
  }
  #pid-order .ie8 .related-link {
    width: 31.3%;
  }
  #pid-order .related-link_ttl {
    text-align: center;
  }
}
#pid-order .order-footer {
  text-align: center;
}
#pid-order .order-footer_intro {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.2;
}
#pid-order .order-footer_btn .btn {
  width: 50%;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-order .order-footer_intro {
    font-size: 16px;
  }
  #pid-order .order-footer_intro .disp-ib {
    font-size: 22px;
  }
  #pid-order .order-footer_btn .btn {
    width: 80%;
  }
}
#pid-order .campaign_domain {
  position: relative;
  margin: 0 0 40px;
  padding: 20px;
  border: 2px solid #2064a5;
  border-radius: 3px;
}
@media only screen and (min-width: 768px) {
  #pid-order .campaign_domain {
    margin: 0 0 50px;
    padding: 40px;
  }
}
#pid-order .campaign_domain .campaign_domain_ttl {
  position: absolute;
  z-index: 9;
  left: 10px;
  right: 10px;
  top: 0;
  text-align: center;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#pid-order .campaign_domain .campaign_domain_ttl span {
  display: inline-block;
  padding: 0 10px;
  background: #fff;
  font-size: 14px;
}
@media only screen and (min-width: 768px) {
  #pid-order .campaign_domain .campaign_domain_ttl span {
    padding: 0 20px;
    font-size: 17px;
  }
}
#pid-order .campaign_domain .bnr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin: 0 auto 20px;
  position: relative;
}
@media only screen and (max-width: 1099px) {
  #pid-order .campaign_domain .bnr {
    max-width: 524px;
    display: block;
  }
}
#pid-order .campaign_domain .bnr img {
  width: 100%;
}
#pid-order .campaign_domain .bnr div:nth-of-type(2) {
  margin-left: 32px;
}
@media only screen and (max-width: 1099px) {
  #pid-order .campaign_domain .bnr div:nth-of-type(2) {
    margin-left: 0;
    padding-top: 64px;
  }
}
#pid-order .campaign_domain .bnr div:nth-of-type(2)::before {
  display: block;
  position: absolute;
  content: "+";
  font-size: 24px;
  line-height: 1;
  color: #fff;
  background-color: #aaaaaa;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
  text-align: center;
  border: 3px solid #fff;
  z-index: 1;
}
@media only screen and (max-width: 1099px) {
  #pid-order .campaign_domain .bnr div:nth-of-type(2)::before {
    top: calc(50% - 10px);
  }
}
#pid-order .campaign_domain .bnr div:nth-of-type(2)::after {
  display: block;
  position: absolute;
  content: "\ff3c\ff12\3064\306e\30ad\30e3\30f3\30da\30fc\30f3\3092\540c\6642\958b\50ac\4e2d\ff01 \ff0f";
  font-size: 14px;
  font-weight: bold;
  color: #f88522;
  line-height: 1;
  top: -20px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
@media only screen and (max-width: 1099px) {
  #pid-order .campaign_domain .bnr div:nth-of-type(2)::after {
    content: "\ff3c\3055\3089\306b\ff01\8ffd\52a0\3067\304a\5f97\306a\30ad\30e3\30f3\30da\30fc\30f3\540c\6642\958b\50ac\4e2d\ff01\ff0f";
    width: 100%;
    text-align: center;
    border-top: 1px dashed #ccc;
    top: calc(50% - 10px);
    padding-top: 20px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-order .campaign_domain .bnr div:nth-of-type(2)::after {
    font-size: 12px;
  }
}
#pid-order .campaign_domain .msg {
  margin: 0;
}
#pid-order .domain_ttl {
  padding: 18px 10px;
  background: #e6e6e6;
  border-radius: 3px 3px 0 0;
  text-align: center;
}
#pid-order .domain_ttl_icon {
  margin-right: 10px;
}
#pid-order .domain_ttl_label {
  display: inline-block;
  font-size: 17px;
  line-height: 1;
}
#pid-order .domain_ttl_label span {
  position: relative;
  top: 4px;
}
#pid-order .domain_ttl_note {
  display: inline-block;
  font-size: 12px;
  font-weight: normal;
}
#pid-order .domain_body {
  padding: 20px 20px 15px;
  border: 3px solid #e6e6e6;
  border-top: none;
  border-radius: 0 0 3px 3px;
}
@media only screen and (min-width: 768px) {
  #pid-order .domain_body {
    padding: 40px 20px 35px;
  }
}
#pid-order .domain_search {
  margin: 0 auto 1em;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  #pid-order .domain_search {
    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;
  }
}
#pid-order .domain_search * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#pid-order .domain_search .buttonForm {
  min-width: 70px;
  padding-right: 0;
  padding-left: 0;
}
@media only screen and (min-width: 768px) {
  #pid-order .domain_search .buttonForm {
    border-radius: 0 3px 3px 0;
  }
}
#pid-order .domain_input {
  display: inline-block;
  margin-bottom: 10px;
  font-weight: bold;
}
@media only screen and (min-width: 768px) {
  #pid-order .domain_input {
    margin-bottom: 0;
  }
}
#pid-order .domain_input .inputForm {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  #pid-order .domain_input .inputForm {
    width: 400px;
    border-radius: 3px 0 0 3px;
    border-right: none;
  }
}
#pid-order .domain_text {
  margin-bottom: 0;
  text-align: center;
}
#pid-order .domain_checkbox {
  margin-bottom: 30px;
  padding: 15px 25px 0;
  background: #ecf3f8;
  border: 1px solid #e7eaed;
  border-radius: 5px;
}
#pid-order .domain_checkbox_item {
  display: inline-block;
  min-width: 100px;
  margin: 0 10px 15px 0;
}
#pid-order .domain_checkbox_item input {
  margin-right: 5px;
}
#pid-order .domain_submit {
  text-align: center;
}
#pid-order .domain_submit .btn {
  width: 120px;
  margin-bottom: 50px;
  padding: 15px;
  font-size: 16px;
  font-weight: bold;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-order .domain_checkbox_item {
    min-width: 70px;
  }
  #pid-order .domain_submit .btn {
    width: 100%;
  }
  #pid-order .domain_input {
    font-size: 12px;
    display: block;
  }
  #pid-order .domain_ttl_label {
    font-size: 18px;
  }
  #pid-order .domain_ttl_label img {
    padding-bottom: 5px;
  }
  #pid-order .domain_ttl_icon {
    margin: 0 0 5px 0;
  }
}
#pid-order .result {
  margin-bottom: 20px;
}
#pid-order .result_ttl {
  padding: 10px;
  background: #ffc028;
  color: #fff;
  font-size: 18px;
  text-align: center;
}
#pid-order .result_body {
  padding: 15px 15px 20px;
  background: #fff5dc;
  border: 3px solid #ffc028;
  border-top: none;
  text-align: center;
}
#pid-order .result_table {
  margin: 0 auto;
}
#pid-order .result_table th,
#pid-order .result_table td {
  background: none;
  font-weight: normal;
  line-height: 1.2;
}
#pid-order .result_table td {
  padding: 7px 0 7px 40px;
  font-size: 16px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-order .result_table td {
    padding: 7px 0 7px 10px;
  }
}
#pid-order {
  /* ページ上部 ボタン */
}
#pid-order .btn-video {
  width: 250px;
  padding: 16px;
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  background: #1b63a7;
  border-radius: 3px;
}
#pid-order {
  /* 動画設置 */
}
#pid-order .video__wrap {
  padding-bottom: 40px;
  text-align: center;
  background: url(../img/order/bg_video.png) center 75% no-repeat;
  background-size: contain;
}
@media only screen and (min-width: 1100px) {
  #pid-order .video__wrap {
    margin-top: -60px;
  }
}
#pid-order .video__contents {
  position: relative;
  width: 100%;
  padding: 56.25% 0 0;
}
#pid-order .video__contents iframe {
  position: absolute;
  top: 22%;
  left: 15%;
  width: 70%;
  height: 70%;
  border: 1px solid #113d6b;
}
#pid-order .video__read {
  text-align: center;
  font-size: 18px;
}
#pid-order .balloon {
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 200%);
          transform: translate(-50%, 200%);
  line-height: 1;
  padding: 15px 10px;
  min-width: 16em;
  max-width: 58%;
  color: #555;
  font-size: 15px;
  background: #2d74bf;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  z-index: 1;
  text-align: center;
}
#pid-order .balloon:before {
  content: "";
  position: absolute;
  top: 90%;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  border: 15px solid transparent;
  border-top: 15px solid #2d74bf;
}
#pid-order .balloon p {
  font-weight: bold;
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: 24px;
}
#pid-order {
  /* SP - Tab */
}
@media only screen and (max-width: 960px) {
  #pid-order .video__wrap {
    padding: 0 0 25px;
    background-size: cover;
  }
  #pid-order .balloon {
    -webkit-transform: translate(-50%, 90%);
            transform: translate(-50%, 90%);
    max-width: 65%;
  }
}
#pid-order {
  /* SP */
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-order {
    /* video */
  }
  #pid-order .video__wrap {
    padding: 20px 10px 20px;
    background-size: cover;
  }
  #pid-order .balloon {
    max-width: 75%;
    -webkit-transform: translate(-50%, 10%);
            transform: translate(-50%, 10%);
    margin-bottom: 15px;
    line-height: 1.3;
  }
  #pid-order .balloon p {
    font-size: 17px;
  }
  #pid-order .video__contents {
    position: relative;
    width: 100%;
    padding: 56.25% 0 0;
  }
  #pid-order .video__contents iframe {
    position: absolute;
    top: 5%;
    left: 5%;
    width: 90%;
    height: 90%;
    margin-bottom: 0%;
  }
  #pid-order .video__read {
    margin-top: 10px;
    font-size: 14px;
  }
}
#pid-order {
  /* 移転代行バナー */
}
#pid-order .daiko-warp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#pid-order .daiko-txt {
  -webkit-box-flex: 35%;
      -ms-flex: 35%;
          flex: 35%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#pid-order .daiko-bnr {
  -webkit-box-flex: 65%;
      -ms-flex: 65%;
          flex: 65%;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-order .daiko-txt {
    font-size: 14px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-order .daiko-txt,
  #pid-order .daiko-bnr {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
  }
}
#pid-order {
  /* お申し込み・移転の流れ */
}
#pid-order .flow .flowHeader {
  padding: 60px 0;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(60%, rgb(255, 255, 255)), to(rgb(248, 248, 248)));
  background-image: linear-gradient(90deg, rgb(255, 255, 255) 60%, rgb(248, 248, 248) 100%);
  -webkit-box-shadow: inset 0px 20px 20px 0px rgba(0, 0, 0, 0.01);
          box-shadow: inset 0px 20px 20px 0px rgba(0, 0, 0, 0.01);
}
@media only screen and (min-width: 1100px) {
  #pid-order .flow .flowHeader {
    padding: 100px 0;
  }
}
#pid-order .flow.blV2 {
  margin: 0;
}
#pid-order .flow .blV2__ttl {
  margin-bottom: 50px;
}
#pid-order .flowNav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  counter-reset: number 0;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-order .flowNav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#pid-order .flowNav li {
  width: 25%;
  max-width: 200px;
  margin-left: 40px;
  counter-increment: number 1;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-order .flowNav li {
    margin-left: 30px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-order .flowNav li {
    width: 100%;
    max-width: 100%;
    margin: 30px 0 0;
    padding-left: 47px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #pid-order .flowNav li:before {
    width: 32px;
    line-height: 32px;
    content: counter(number) " ";
    display: block;
    background: #286ed3;
    color: #FFF;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    border-radius: 2px;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  #pid-order .flowNav li:after {
    width: 2px;
    height: calc(100% + 30px);
    content: "";
    display: block;
    background: #286ed3;
    position: absolute;
    top: 50%;
    left: 15px;
    z-index: 0;
  }
}
#pid-order .flowNav li:first-child {
  margin: 0;
}
#pid-order .flowNav li:last-child .flowNav__box:after, #pid-order .flowNav li:last-child:after {
  display: none;
}
#pid-order .flowNav__img {
  line-height: 0;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-order .flowNav__img {
    width: 80px;
  }
}
#pid-order .flowNav__img img {
  max-width: 100%;
  height: auto;
}
#pid-order .flowNav__box {
  position: relative;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-order .flowNav__box {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-left: 15px;
  }
}
#pid-order .flowNav__box:before {
  width: 40px;
  line-height: 40px;
  content: counter(number) " ";
  display: block;
  background: #286ed3;
  color: #FFF;
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  border-radius: 2px;
  margin: 20px auto 0;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-order .flowNav__box:before {
    display: none;
  }
}
#pid-order .flowNav__box:after {
  width: calc(100% + 40px);
  height: 2px;
  content: "";
  display: block;
  background: #286ed3;
  position: absolute;
  top: 19px;
  left: 50%;
  z-index: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-order .flowNav__box:after {
    width: calc(100% + 30px);
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-order .flowNav__box:after {
    display: none;
  }
}
#pid-order .flowNav__ttl {
  margin: 15px 0 0;
  font-size: 2rem;
  line-height: 1.6;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-order .flowNav__ttl {
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-order .flowNav__ttl {
    text-align: left;
    font-size: 1.8rem;
    margin: 0;
  }
}
#pid-order .flowNav__txt {
  margin: 0.8em 0 0;
  font-size: 1.45rem;
  line-height: 1.6;
  letter-spacing: 0;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-order .flowNav__txt {
    margin: 0;
  }
}
#pid-order .flow .buttonGroup {
  margin-top: 50px;
  text-align: center;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-order .flow .buttonGroup {
    margin-top: 30px;
  }
}
#pid-order {
  /* お申し込みの流れ 詳細 */
}
#pid-order .orderFlow {
  margin-bottom: 50px;
}
#pid-order .orderFlow ul {
  counter-reset: number;
}
#pid-order .orderFlow li {
  position: relative;
  margin-bottom: 70px;
  padding: 0 0 0 100px;
}
#pid-order .orderFlow li .stepCaption {
  position: absolute;
  left: 0;
  width: 60px;
  color: #fff;
  font-size: 13px;
  top: -0.3em;
  text-align: center;
  z-index: 1;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-order .orderFlow li .stepCaption {
    width: 40px;
    top: 0.2em;
    font-size: 10px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-order .orderFlow li {
    margin-bottom: 45px;
    padding: 0 0 0 50px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-order .orderFlow li .ttl {
    margin-bottom: 30px;
    padding-top: 7px;
  }
}
#pid-order .orderFlow li:before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 60px;
  height: 60px;
  padding-top: 16px;
  counter-increment: number;
  content: counter(number) " ";
  display: block;
  background: #286ed3;
  color: #FFF;
  font-size: 28px;
  font-family: "Roboto";
  text-align: center;
  border-radius: 2px;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-order .orderFlow li:before {
    width: 40px;
    height: 40px;
    font-size: 18px;
    padding-top: 12px;
  }
}
#pid-order .orderFlow li:after {
  width: 2px;
  height: calc(100% + 50px);
  content: "";
  display: block;
  background: #286ed3;
  position: absolute;
  top: 25px;
  left: 29px;
  z-index: 0;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-order .orderFlow li:after {
    left: 19px;
  }
}
#pid-order .orderFlow li:last-child::after {
  display: none;
}
#pid-order .btn-order-transfer {
  background-color: #f7f7f7;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-order .btn-order-transfer {
    font-size: 13px;
  }
}
#pid-order {
  /* サーバー移転 */
}
#pid-order .round-box-white {
  margin-bottom: 30px;
  background: #fff;
  border-radius: 3px;
}
#pid-order {
  /* サーバー移転 詳細 */
}
#pid-order .blue-box,
#pid-order .gray-box {
  margin: 0 auto;
  width: auto;
  background-color: #eff4f8;
}
#pid-order .blue-box {
  background-color: #eff4f8;
}
#pid-order .gray-box {
  background-color: #f2f2f2;
}
#pid-order .blue-box-ttl,
#pid-order .gray-box-ttl {
  padding: 20px 0 20px 30px;
  border-radius: 3px 3px 0 0;
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  text-align: left;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-order .blue-box-ttl,
  #pid-order .gray-box-ttl {
    padding: 20px;
    font-size: 18px;
    text-align: center;
  }
}
#pid-order .blue-box-ttl {
  background-color: #286ed3;
}
#pid-order .gray-box-ttl {
  background-color: #666;
}
#pid-order .blue-box-inner,
#pid-order .gray-box-inner {
  padding: 20px;
}
#pid-order .blue-box-body,
#pid-order .gray-box-body {
  margin-top: 20px;
  padding: 25px;
  background-color: #fff;
}
#pid-order .blue-box-body h5,
#pid-order .gray-box-body h5 {
  margin-bottom: 15px;
  font-size: 22px;
  font-weight: 500;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-order .blue-box-body h5,
  #pid-order .gray-box-body h5 {
    margin: 0 0 15px 0;
    font-size: 18px;
  }
}
#pid-order .blue-box-body:first-child,
#pid-order .gray-box-body:first-child {
  margin-top: 0;
}
#pid-order .blue-box-body h5 {
  color: #1b63a7;
}
#pid-order .box-body-image {
  width: 30%;
  margin: 35px 0 0 60px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-order .box-body-image {
    width: 40%;
    margin: 60px 0 0 20px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-order .box-body-image {
    width: 100%;
    margin: 0 0 30px 0;
  }
}
#pid-order {
  /* ネームサーバーの変更について */
}
#pid-order .name-box {
  border: none;
  background-color: #f3f3f3;
}
#pid-order .name-box h6 {
  margin: 30px 0;
  font-size: 18px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-order .name-box h6 {
    margin: 0 0 25px 0;
  }
}
#pid-order {
  /* ステップメニュー */
}
#pid-order .step-menu-wrap {
  max-width: 100%;
  margin-bottom: 60px;
  padding: 30px;
  text-align: center;
  background-color: #eff4f8;
}
#pid-order .step-list {
  list-style: none;
  padding: 0;
}
#pid-order .step-item {
  border: 1px solid #ccc;
  margin-bottom: 10px;
}
#pid-order .step-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px;
  cursor: pointer;
}
#pid-order .step-icon {
  margin-right: 10px;
}
#pid-order .step-toggle {
  border: none;
  background: none;
  cursor: pointer;
}
#pid-order {
  /* コンテンツ */
}
#pid-order .step-wrap {
  margin: 0 auto;
  width: auto;
}
#pid-order .step-inner {
  margin-bottom: 60px;
  border: 10px solid #eff4f8;
  position: relative;
}
#pid-order .step-inner:last-child {
  margin-bottom: 10px;
}
#pid-order .step-inner::after {
  content: "";
  position: absolute;
  bottom: -50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-width: 40px 55px 0 55px;
  border-style: solid;
  border-color: #eff4f8 transparent transparent transparent;
}
#pid-order .step-inner:last-child::after {
  content: none;
}
#pid-order .content-box-inner ul {
  counter-reset: none;
  border: 1px solid #ccc;
}
#pid-order .step-body {
  padding: 30px;
  background-color: #fff;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-order .step-body {
    padding: 20px;
  }
}
#pid-order .step-body-ttl {
  padding: 0 0 30px 0;
  color: #286ed3;
  font-size: 22px;
  font-weight: 500;
}
#pid-order .content-box {
  border: 2px solid #428fd6;
}
#pid-order .content-box h5 {
  padding: 15px 25px;
  background-color: #428fd6;
  color: #fff;
  font-size: 18px;
}
#pid-order .content-box h5.js--accordion {
  position: relative;
  cursor: pointer;
}
#pid-order .content-box h5.js--accordion .ico {
  position: absolute;
  right: 24px;
  top: 50%;
  margin-top: -12.5px;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  width: 25px;
  height: 25px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-order .content-box h5.js--accordion .ico {
    right: 16px;
  }
}
#pid-order .content-box h5.js--accordion .ico:before {
  width: 25px;
  height: 25px;
  display: block;
  left: 0;
  top: 0;
  content: "";
}
#pid-order .content-box h5.js--accordion .ico.ico_plus:before {
  background: url(../img/common/ico_accordion_open.png) no-repeat 0 0;
}
#pid-order .content-box h5.js--accordion .ico.ico_minus:before {
  background: url(../img/common/ico_accordion_close.png) no-repeat 0 0;
}
#pid-order .content-box h5.js--accordion + .content-box-inner {
  display: none;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-order .content-box h5 {
    padding: 10px 15px;
    font-size: 15px;
  }
  #pid-order .content-box h5.js--accordion {
    padding-right: 48px;
  }
}
#pid-order .content-box-inner {
  padding: 25px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-order .content-box-inner {
    padding: 15px;
    font-size: 14px;
  }
}
#pid-order {
  /* 個別設定 */
}
#pid-order .transfer-ttl {
  color: #286ed3;
}
#pid-order .transfer-th {
  width: 25%;
  text-align: center;
  font-weight: bold;
  background-color: #eff4f8;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-order .transfer-th {
    width: 28%;
  }
}
#pid-order .case-detail {
  margin-left: 1em;
  font-size: 14px;
  font-weight: bold;
}
#pid-order .manual-link {
  width: 380px;
  padding: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #ccc;
  font-size: 13px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-order .manual-link {
    width: 260px;
  }
}
#pid-order .docListContainer {
  background: #eff4f8;
  margin: 12px auto 48px;
  line-height: 1.2;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-order .docListContainer {
    padding: 0 0 12px;
  }
}
#pid-order .docListContainer .category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 24px;
  border-top: 1px solid #e3e6e8;
  padding: 10px 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 2rem;
  font-weight: bold;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-order .docListContainer .category {
    margin: 0 12px;
    border-top: none;
    padding: 0;
  }
}
#pid-order .docListContainer .category .catTitle {
  width: 280px;
  text-align: center;
  color: #286ed3;
}
@media only screen and (max-width: 1099px) {
  #pid-order .docListContainer .category .catTitle {
    display: none;
  }
}
#pid-order .docListContainer .docList {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#pid-order .docListContainer .docList li {
  margin: 10px 0 0;
}
#pid-order .docListContainer .docList li:first-child {
  margin-top: 0;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-order .docListContainer .docList li:first-child {
    margin-top: 10px;
  }
}
#pid-order .docListContainer .docList li .ico {
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  display: inline-block;
  background: #286ed3;
  position: absolute;
  left: 28px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-order .docListContainer .docList li .ico {
    left: 16px;
  }
}
#pid-order .docListContainer .docList li .ico.step1 {
  -webkit-mask-image: url(../img/order/ico_step_01.svg);
          mask-image: url(../img/order/ico_step_01.svg);
  width: 23px;
  height: 27px;
}
#pid-order .docListContainer .docList li .ico.step2 {
  -webkit-mask-image: url(../img/order/ico_step_02.svg);
          mask-image: url(../img/order/ico_step_02.svg);
  width: 23px;
  height: 23px;
}
#pid-order .docListContainer .docList li .ico.step3 {
  -webkit-mask-image: url(../img/order/ico_step_03.svg);
          mask-image: url(../img/order/ico_step_03.svg);
  width: 28px;
  height: 28px;
}
#pid-order .docListContainer .docList li .ico.step4 {
  -webkit-mask-image: url(../img/order/ico_step_04.svg);
          mask-image: url(../img/order/ico_step_04.svg);
  width: 26px;
  height: 26px;
}
#pid-order .docListContainer .docList li .ico.step5 {
  -webkit-mask-image: url(../img/order/ico_step_05.svg);
          mask-image: url(../img/order/ico_step_05.svg);
  width: 24px;
  height: 18px;
}
#pid-order .docListContainer .docList li .ico.step6 {
  -webkit-mask-image: url(../img/order/ico_step_06.svg);
          mask-image: url(../img/order/ico_step_06.svg);
  width: 21px;
  height: 27px;
}
#pid-order .docListContainer .docList li .ico.step7 {
  -webkit-mask-image: url(../img/order/ico_step_07.svg);
          mask-image: url(../img/order/ico_step_07.svg);
  width: 19px;
  height: 14px;
}
#pid-order .docListContainer .docList li a {
  display: block;
  background: #fff;
  border: 2px solid #428fd6;
  border-radius: 4px;
  padding: 18px;
  padding-left: 100px;
  position: relative;
  color: #286ed3;
  text-decoration: none;
  -webkit-transition: background 0.1s ease-out;
  transition: background 0.1s ease-out;
}
#pid-order .docListContainer .docList li a::after {
  content: "\e604";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 28px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 110%;
  font-weight: 500;
  font-family: xserver;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-order .docListContainer .docList li a::after {
    right: 12px;
  }
}
#pid-order .docListContainer .docList li a:hover {
  background: #428fd6;
  color: #fff;
}
#pid-order .docListContainer .docList li a:hover i {
  background: #fff;
}
#pid-order .docListContainer .docList li a span {
  display: inline-block;
  min-width: 100px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-order .docListContainer .docList li a span {
    display: block;
    min-width: unset;
  }
  #pid-order .docListContainer .docList li a span.step {
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-order .docListContainer .docList li a {
    padding-left: 60px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-order .responsiveTable th, #pid-order .responsiveTable td {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  #pid-order .responsiveTable td {
    border-top: none;
  }
}

#pid-manual .font-en {
  font-family: Arial, Helvetica, sans-serif;
}
#pid-manual .break-word {
  word-break: break-word;
}
#pid-manual .ul_list_margin li {
  margin-bottom: 0.5em;
}
#pid-manual .note, #pid-manual .note-list {
  font-size: 12px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-manual .w30per-s {
    width: 30% !important;
  }
  #pid-manual .wauto-s {
    width: auto !important;
  }
  #pid-manual .col-main {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-manual .col-main {
    margin-bottom: 40px;
  }
}
#pid-manual .manual-youtube-box {
  margin: 0 auto 30px;
}
#pid-manual .manual-youtube-box p {
  margin: 0 0 1em;
}
#pid-manual .manual-youtube {
  position: relative;
  width: 100%;
  padding-top: 56.24%;
}
@media only screen and (max-width: 1099px) {
  #pid-manual .manual-youtube {
    position: relative;
    width: 100%;
    padding-top: 56.24%;
  }
}
#pid-manual .manual-youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 1099px) {
  #pid-manual .manual-youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-manual .label_manual {
    background: transparent url(../img/manual/labels.png) no-repeat;
  }
  #pid-manual .label_manual_question {
    width: 19px;
    height: 19px;
    background-position: 0 0;
  }
}
#pid-manual .link-box {
  margin: 0 0 30px;
  padding: 15px 20px;
  border: 1px solid #ddd;
  border-radius: 2px;
}
#pid-manual .link-box a {
  text-decoration: none;
  color: #222;
}
#pid-manual .link-box .ico {
  left: 1em;
  margin: 0 5px 0 0;
  color: #1b63a7;
}
#pid-manual .domain-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 1099px) {
  #pid-manual .domain-link {
    display: block;
  }
}
#pid-manual .domain-link .btn {
  width: 50%;
  margin: 0 10px 0 0;
}
#pid-manual .domain-link .btn:last-child {
  margin: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-manual .domain-link .btn {
    width: 90%;
    margin: 0 0 10px;
    font-size: 1rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-manual .domain-link .btn {
    width: 70%;
    margin: 0 0 10px;
    font-size: 1rem;
  }
}
#pid-manual .menu-box {
  padding: 15px;
  background: #fbfcfc;
  border: 1px solid #ddd;
  border-radius: 3px;
  font-size: 1.45rem;
}
#pid-manual .menu-box a {
  color: #333;
}
#pid-manual .menu-box_sub-box {
  margin: 0 0 15px 0.4em;
  padding: 0 0 15px;
  border-bottom: 1px dotted #ccc;
}
#pid-manual .menu-box_sub-box:last-child {
  border: none;
}
#pid-manual .menu-box_sub-box dt {
  position: relative;
  margin: 5px 0;
  padding: 0 0 0 15px;
  font-weight: bold;
}
#pid-manual .menu-box_sub-box dt::after {
  content: "";
  position: absolute;
  top: 0.5em;
  left: 0;
  display: block;
  width: 6px;
  height: 6px;
  border-right: 1px solid #1b63a7;
  border-top: 1px solid #1b63a7;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
#pid-manual .menu-box_sub-box dt.menu-box_nolink {
  color: #90adc4;
}
#pid-manual .menu-box_sub-box dt.menu-box_nolink::after {
  top: 0.4em;
  border-bottom: 1px solid #999;
  border-right: 1px solid #999;
  border-top: none;
}
#pid-manual .menu-box_sub-box dd {
  padding: 0 0 0 5px;
}
#pid-manual .menu-box_sub-box dd dt {
  padding-left: 1.5em;
}
#pid-manual .menu-box_sub-box dd dt::after {
  left: 0.4em;
}
#pid-manual .menu-box_sub-box dd dd {
  padding-left: 15px;
}
#pid-manual .menu-box .list {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  #pid-manual .menu-box .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-right: -1.5em;
  }
}
#pid-manual .menu-box .list li {
  margin: 0 0 5px;
}
#pid-manual .menu-box .list li:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  #pid-manual .menu-box .list li {
    width: 50%;
    padding-right: 1.5em;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
#pid-manual .num-marker {
  padding: 0 6px;
  background: #000;
  background: -webkit-gradient(linear, bottom center, color-stop(0, #999), to(#000));
  background: linear-gradient(top center, #999 0, #000 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#000));
  background: linear-gradient(#999, #000);
  border-radius: 2px;
  color: #FFF;
}
#pid-manual .faq {
  margin: 0 0 40px;
  border: 1px solid #e2e2e2;
  -webkit-box-shadow: 0 0 3px 0 #ccc inset;
          box-shadow: 0 0 3px 0 #ccc inset;
}
#pid-manual .faq_unit {
  border-bottom: 1px solid #e2e2e2;
}
#pid-manual .faq_unit:last-child {
  border: none;
}
#pid-manual .faq_unit_ttl {
  position: relative;
  cursor: pointer;
  padding: 20px 20px 20px 50px;
  font-weight: normal;
}
#pid-manual .is-open .faq_unit_ttl {
  font-weight: bold;
}
#pid-manual .faq_unit_ttl .ico_square-q {
  position: absolute;
  top: 17px;
  left: 18px;
  color: #1b63a7;
  font-size: 28px;
}
#pid-manual .faq_unit_ttl .ico_square-question {
  position: absolute;
  top: 17px;
  left: 18px;
  color: #1b63a7;
  font-size: 28px;
}
#pid-manual .faq_unit_body {
  position: relative;
  display: none;
  margin: 0 2px;
  padding: 20px 18px 20px 48px;
  background: #f7f9f9;
  border-top: 1px dotted #e2e2e2;
}
#pid-manual .faq_unit_body > :last-child {
  margin-bottom: 0;
}
#pid-manual .faq_unit_body .ico_square-a {
  position: absolute;
  top: 17px;
  left: 16px;
  color: #eca700;
  font-size: 28px;
}
#pid-manual .faq_unit_body .ol {
  margin-left: 2em;
}
#pid-manual .faq_unit_body li {
  line-height: 1.8;
}
#pid-manual .faq_unit_body .list_arrow-right {
  margin: 0 0 1.5em 2.5em;
}
#pid-manual .faq_unit_body .list_arrow-right li {
  margin-bottom: 0.3em;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-manual .faq_unit_ttl {
    padding: 18px 10px 18px 40px;
  }
  #pid-manual .faq_unit_body {
    padding: 18px 10px;
  }
  #pid-manual .faq_unit_ttl .ico_square-q {
    top: 15px;
    left: 8px;
  }
  #pid-manual .faq_unit_ttl .ico_square-question {
    top: 15px;
    left: 8px;
  }
  #pid-manual .faq_unit_body .ico_square-a {
    display: none;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-manual .faq_unit_ttl .ico_square-question {
    top: 21px;
    left: 22px;
  }
}
#pid-manual .tab-area {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: table;
  width: 100%;
  overflow: hidden;
  margin: 0;
  font-size: 13px;
  font-weight: bold;
}
#pid-manual .tab-li {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  width: 50%;
  padding: 10px 10px 10px 10px;
  background: #fff;
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #fff), color-stop(50%, #fff), color-stop(51%, #f1f1f1), color-stop(100%, #f1f1f1));
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(50%, #fff), color-stop(51%, #f1f1f1), to(#f1f1f1));
  background: linear-gradient(to bottom, #fff 0, #fff 50%, #f1f1f1 51%, #f1f1f1 100%);
  border: 1px solid #CCC;
  border-bottom: 4px solid #1a6bb5;
  border-radius: 4px 4px 0 0;
  color: #353535;
  font-weight: bold;
  text-align: center;
}
#pid-manual .tab-area_wrapper {
  overflow: hidden;
  padding: 10px;
  border: 1px solid #d2d2d2;
  border-top: none;
}
#pid-manual .tab-area_content {
  padding: 10px 10px 10px 2px;
}
#pid-manual .tab-area .is-select {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  cursor: auto;
  display: inline-block;
  width: 50%;
  padding: 17px 10px 10px 10px;
  background: #1a6bb5;
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #5c94ca), color-stop(100%, #1a6bb5));
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5c94ca), to(#1a6bb5));
  background: linear-gradient(to bottom, #5c94ca 0, #1a6bb5 100%);
  border-left: none;
  border-right: none;
  border-top: none;
  color: white;
  -webkit-box-shadow: 0 0 1px #aaa;
  box-shadow: 0 0 1px #aaa;
}
#pid-manual .tab-area .is-hide {
  display: none;
}
#pid-manual .tab-area .is-select .ico_chevron-right {
  display: inline-block;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
#pid-manual .tab-area span {
  font-size: 1.2em;
}
#pid-manual .table_td-center td {
  text-align: center;
}
#pid-manual .toc-list {
  background: #f8f8f8;
  position: relative;
  margin: 35px 0 30px;
  padding: 20px 20px 17px;
  border-radius: 2px;
}
#pid-manual .toc-list:first-child {
  margin-top: 0;
}
@media only screen and (min-width: 768px) {
  #pid-manual .toc-list {
    padding: 20px 30px 17px;
  }
}
@media only screen and (min-width: 768px) {
  #pid-manual .toc-list .toc-list--body.column2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-right: -2%;
    margin-left: -2%;
  }
}
@media only screen and (min-width: 768px) {
  #pid-manual .toc-list .toc-list--body.column2 > li {
    width: 46%;
    margin-right: 2%;
    margin-left: 2%;
  }
}
#pid-manual .toc-list * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#pid-manual .toc-list .toc-list--body {
  overflow: hidden;
  margin: -10px 0 0;
  font-size: 1.4rem;
}
#pid-manual .toc-list .toc-list--body ol, #pid-manual .toc-list .toc-list--body ul {
  margin: 0;
  list-style: none;
}
#pid-manual .toc-list .toc-list--body li {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
#pid-manual .toc-list .toc-list--body li a {
  color: #222;
  text-decoration: none;
}
#pid-manual .toc-list .toc-list--body li a:hover {
  color: #286ed3;
}
#pid-manual .toc-list .toc-list--body > li {
  position: relative;
  margin-top: 10px;
  padding-left: 18px;
}
#pid-manual .toc-list .toc-list--body > li:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background: url(../img/common/ico_toc_arrow.png) no-repeat 0 0;
  position: absolute;
  left: 0;
  top: 0.3em;
}
#pid-manual .toc-list .toc-list--body > li > a {
  padding-bottom: 4px;
}
#pid-manual .toc-list .toc-list--body > li > a::after {
  content: "";
  position: relative;
  top: 3px;
  display: block;
  width: calc(100% + 18px);
  margin-left: -18px;
  border-bottom: 1px solid #eee;
}
#pid-manual .toc-list .toc-list--body > li > ul,
#pid-manual .toc-list .toc-list--body > li > ol {
  margin-top: 10px;
}
#pid-manual .toc-list .toc-list--body > li ol + ul,
#pid-manual .toc-list .toc-list--body > li ol + ol,
#pid-manual .toc-list .toc-list--body > li ul + ul,
#pid-manual .toc-list .toc-list--body > li ul + ol {
  margin-top: 0;
}
#pid-manual .toc-list .toc-list--body > li ul,
#pid-manual .toc-list .toc-list--body > li ol {
  margin-left: 5px;
}
#pid-manual .toc-list .toc-list--body > li ul li,
#pid-manual .toc-list .toc-list--body > li ol li {
  position: relative;
  padding-left: 12px;
  margin-top: 5px;
}
#pid-manual .toc-list .toc-list--body > li ul li::after,
#pid-manual .toc-list .toc-list--body > li ol li::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55em;
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #286ed3;
}
#pid-manual .toc-list .toc-list--body > li ul li li::after,
#pid-manual .toc-list .toc-list--body > li ol li li::after {
  background-color: #83b9e9;
}
#pid-manual .toc-list .toc-list--body > li ul li li li::after,
#pid-manual .toc-list .toc-list--body > li ol li li li::after {
  background-color: #bfbfbf;
}
#pid-manual .toc-list--head {
  position: absolute;
  left: 15px;
  top: -1em;
  padding: 5px 12px 4px;
  background: #1b63a7;
  border-radius: 2px;
  color: #fff;
  font-size: 1.4rem;
  line-height: 1;
}
#pid-manual .supportTabContents .toc-list {
  margin-top: 20px;
}
#pid-manual .col-single .available {
  color: #8dc221;
}
#pid-manual .col-single .face-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  padding: 10px 0;
  border-bottom: 1px dotted #ccc;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-manual .col-single .face-icon {
    display: block;
    text-align: center;
  }
}
#pid-manual .col-single .face-icon::before {
  display: block;
  margin-right: 1em;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-manual .col-single .face-icon::before {
    display: inline-block;
  }
}
#pid-manual .col-single .border-none {
  border: none;
  padding: 0;
}
#pid-manual .col-single .reference-example_sp {
  display: none;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-manual .col-single .reference-example_sp {
    display: block;
    text-align: center;
  }
}
#pid-manual .col-single .quick-start-use {
  padding: 20px;
  margin: 15px 0 15px;
  background: #ffffff;
  border: #ccc solid 1px;
  border-radius: 5px;
}
@media only screen and (min-width: 1100px) {
  #pid-manual .col-single .quick-start-use_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-manual .col-single .quick-start-use_txt {
    margin: 0 20px 0 0;
  }
}
#pid-manual .col-single .quick-start-use_img {
  margin: 0;
}
#pid-manual .col-single .quick-start-use_ttl {
  margin: 0 0 5px;
  color: #1b63a7;
  font-size: 1.8rem;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-manual .col-single .quick-start-use_ttl {
    font-size: 1.6rem;
  }
}
#pid-manual .col-single .face-icon_operator::before {
  content: url(../img/manual/img_operator.png);
}
#pid-manual .col-single .face-icon_user-men1::before {
  content: url(../img/manual/img_user_men1.png);
}
#pid-manual .col-single .face-icon_user-men2::before {
  content: url(../img/manual/img_user_men2.png);
}
#pid-manual .col-single .face-icon_user-men3::before {
  content: url(../img/manual/img_user_men3.png);
}
#pid-manual .col-single .face-icon_user-men4::before {
  content: url(../img/manual/img_user_men4.png);
}
#pid-manual .col-single .face-icon_user-men5::before {
  content: url(../img/manual/img_user_men5.png);
}
#pid-manual .col-single .face-icon_user-men6::before {
  content: url(../img/manual/img_user_men6.png);
}
#pid-manual .col-single .face-icon_user-men7::before {
  content: url(../img/manual/img_user_men7.png);
}
#pid-manual .col-single .face-icon_user-women1::before {
  content: url(../img/manual/img_user_women1.png);
}
#pid-manual .col-single .face-icon_user-women2::before {
  content: url(../img/manual/img_user_women2.png);
}
#pid-manual .col-single .face-icon_user-women3::before {
  content: url(../img/manual/img_user_women3.png);
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-manual .col-single .reference-example {
    display: none;
  }
  #pid-manual .col-single .ul li {
    text-align: left;
  }
  #pid-manual .col-single .msg_body {
    padding-left: 0 !important;
  }
  #pid-manual .col-single .quick-start-use_img img {
    width: 100%;
  }
}
#pid-manual .msg_reciprocal {
  margin: 0 20px 30px;
}
#pid-manual .reciprocal_list {
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #fff;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#pid-manual .reciprocal_list > li {
  width: 50%;
  border-right: 1px solid #ccc;
}
#pid-manual .reciprocal_list > li:last-child {
  border: none;
}
#pid-manual .reciprocal_list a {
  display: block;
  padding: 10px;
  text-decoration: none;
}
#pid-manual .reciprocal_list a .ico {
  color: #1b63a7;
  margin-right: 5px;
  position: relative;
  top: -0.05em;
}
#pid-manual .reciprocal_list a .reciprocal_list_caption {
  text-decoration: underline;
}
#pid-manual .reciprocal_list .current {
  pointer-events: none;
}
#pid-manual .reciprocal_list .current .reciprocal_list_caption {
  font-weight: bold;
  text-decoration: none;
}
#pid-manual .reciprocal_list .current .reciprocal_list_caption span {
  font-weight: normal;
  color: #999;
  font-size: 12px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-manual .reciprocal_list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: left;
  }
  #pid-manual .reciprocal_list > li {
    width: auto;
    border-right: none;
    border-bottom: 1px solid #ccc;
  }
}
#pid-manual .targetPlan {
  margin: -10px 0 60px;
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 1;
}
#pid-manual .targetPlan, #pid-manual .targetPlan_wrap, #pid-manual .targetPlan_ttl, #pid-manual .targetPlan_body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#pid-manual .targetPlan_wrap {
  border: 2px solid #1b63a7;
}
#pid-manual .targetPlan_ttl, #pid-manual .targetPlan_body {
  height: 2.6rem;
  padding: 0.2rem 0.8rem 0;
}
#pid-manual .targetPlan_ttl {
  margin: 0;
  padding-right: 0.5rem;
  position: relative;
}
#pid-manual .targetPlan_ttl::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1.3rem 0 1.3rem 10px;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 0;
  right: -10px;
  bottom: 0;
  margin: auto;
}
#pid-manual .targetPlan_body {
  background-color: #1b63a7;
  padding-left: 1.7rem;
  color: #fff;
}
#pid-manual .targetPlan_body:not(:last-child) {
  margin-right: 5px;
}
#pid-manual .targetPlan--premiumPlus .targetPlan_wrap {
  border: 2px solid #3382f3;
}
#pid-manual .targetPlan--premiumPlus .targetPlan_body {
  background-color: #3382f3;
}
#pid-manual .ico_biz {
  display: inline-block;
  background-color: #1b63a7;
  padding: 0.4rem 0.4rem 0.3rem;
  margin-left: 0.8rem;
  color: #fff;
  font-size: 1rem;
  line-height: 1;
  position: relative;
  top: -0.1rem;
}
#pid-manual .ico_premiumPlus {
  display: inline-block;
  background-color: #3382f3;
  padding: 0.4rem 0.4rem 0.3rem;
  margin-left: 0.8rem;
  color: #fff;
  font-size: 1rem;
  line-height: 1;
  position: relative;
  top: -0.1rem;
}
#pid-manual .manualEnq {
  background: #eff4f8;
  padding: 30px;
}
@media only screen and (min-width: 768px) {
  #pid-manual .manualEnq {
    height: 3.2em;
    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;
  }
}
#pid-manual .manualEnq__text {
  text-align: center;
}
#pid-manual .manualEnq__answer {
  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;
  margin: 10px 0 0;
}
#pid-manual .manualEnq__answer > li {
  margin: 0 5px;
}
#pid-manual .manualEnq .button {
  width: 110px;
  padding-left: 0;
  padding-right: 0;
}
#pid-manual .manualEnq .button:after {
  display: none;
}
@media only screen and (min-width: 768px) {
  #pid-manual .manualEnq .manualEnqWrap {
    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;
  }
  #pid-manual .manualEnq__answer {
    margin: 0 0 0 30px;
  }
}
#pid-manual .check-box {
  margin: 0 0 30px;
  padding: 25px;
  border: 1px solid #ccc;
  border-radius: 3px;
}
#pid-manual .check-box li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin-bottom: 10px;
}
#pid-manual .check-box li:last-child {
  margin-bottom: 0;
}
#pid-manual .check-box .ico {
  left: 1em;
  font-size: 1.8rem;
  margin: 0 5px 0 0;
  color: #286ed3;
}
#pid-manual .supportTabArea {
  margin: 0 0 40px;
}
#pid-manual .supportTabArea .supportTabWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#pid-manual .supportTabArea .tab-label {
  background: #f1f1f1;
  margin-left: 10px;
  padding: 8px 16px;
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  border-radius: 4px 4px 0 0;
  border: 1px solid #ccc;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-manual .supportTabArea .tab-label {
    font-size: 1.4rem;
  }
}
#pid-manual .supportTabArea .tab-label:nth-child(2) {
  margin-left: 14px;
}
#pid-manual .supportTabArea .tab-label i {
  margin-right: 8px;
  position: relative;
  top: -2px;
}
@media only screen and (max-width: 1099px) {
  #pid-manual .supportTabArea .tab-label {
    padding: 8px 10px;
    margin-left: 8px;
  }
  #pid-manual .supportTabArea .tab-label:nth-child(2) {
    margin-left: 8px;
  }
}
#pid-manual .supportTabArea .supportTabContents {
  width: 100%;
  display: none;
  padding: 20px 0 0;
  border-top: 1px solid #ccc;
  margin-top: -1px;
  position: relative;
  z-index: 0;
}
#pid-manual .supportTabArea {
  /* アクティブなタブ */
}
#pid-manual .supportTabArea .tab-switch:checked + .tab-label {
  background: #fff;
  color: #286ed3;
  border-bottom-color: #fff;
}
#pid-manual .supportTabArea .tab-switch:checked + .tab-label i:before {
  content: "\e604";
}
#pid-manual .supportTabArea .tab-switch:checked + .tab-label + .supportTabContents {
  display: block;
}
#pid-manual .supportTabArea .tab-switch {
  display: none;
}
#pid-manual .supportTabArea {
  /* ラジオボタン非表示 */
}
#pid-manual .pickupFaq {
  position: relative;
  padding: 15px 20px;
  border: 1px solid #ddd;
  border-radius: 2px;
}
#pid-manual .pickupFaq__title {
  position: absolute;
  left: 15px;
  top: -1em;
  padding: 8px 12px 6px;
  background: #1b63a7;
  border-radius: 2px;
  color: #fff;
  font-size: 1.4rem;
  line-height: 1;
}
#pid-manual .pickupFaq .pickupFaq__list {
  margin-top: 10px;
}
#pid-manual .pickupFaq .pickupFaq__list li {
  position: relative;
  padding-left: 22px;
}
#pid-manual .pickupFaq .pickupFaq__list li .ico {
  left: 1em;
  margin: 0 5px 0 0;
  color: #1b63a7;
}
#pid-manual .pickupFaq .pickupFaq__list li a {
  font-size: 1.45rem;
  text-decoration: none;
  color: #222;
  vertical-align: top;
}
#pid-manual .pickupFaq .pickupFaq__list li a:hover {
  color: #286ed3;
}
#pid-manual .pickupFaq .pickupFaq__list li :before {
  font-family: "xserver";
  color: #1b63a7;
  content: "\e60a";
  font-size: 1.8rem;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: middle;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  top: 1px;
  left: 0;
  position: absolute;
}
#pid-manual .receiveMail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 10px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-manual .receiveMail {
    margin: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#pid-manual .receiveMail .receiveMailContents {
  width: 50%;
  -ms-flex-line-pack: center;
      align-content: center;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-manual .receiveMail .receiveMailContents {
    width: 100%;
    -ms-flex-line-pack: unset;
        align-content: unset;
    margin-bottom: 20px;
  }
  #pid-manual .receiveMail .receiveMailContents:last-child {
    margin-bottom: 0;
  }
}
#pid-manual .receiveMail .receiveMailContents .flowNav {
  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-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  counter-reset: number 0;
}
#pid-manual .receiveMail .receiveMailContents .flowNav li {
  width: 100%;
  max-width: 100%;
  margin: 20px 0 0;
  counter-increment: number 1;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#pid-manual .receiveMail .receiveMailContents .flowNav li:before {
  width: 28px;
  line-height: 28px;
  content: counter(number) " ";
  display: block;
  background: #616161;
  color: #FFF;
  font-size: 1.7rem;
  font-weight: bold;
  text-align: center;
  border-radius: 2px;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#pid-manual .receiveMail .receiveMailContents .flowNav li:after {
  width: 2px;
  height: calc(100% + 20px);
  content: "";
  display: block;
  background: #616161;
  position: absolute;
  top: 50%;
  left: 13px;
  z-index: 0;
}
#pid-manual .receiveMail .receiveMailContents .flowNav li:first-child {
  margin: 10px 0 0;
}
#pid-manual .receiveMail .receiveMailContents .flowNav li:last-child .flowNav__box:after, #pid-manual .receiveMail .receiveMailContents .flowNav li:last-child:after {
  display: none;
}
#pid-manual .receiveMail .receiveMailContents .flowNav__box {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 15px;
}
#pid-manual .receiveMail .receiveMailContents .flowNav__ttl {
  font-size: 1.6rem;
  margin: 0;
  padding-left: 25px;
}
#pid-manual .receiveMail .receiveMailContents .flowNav .current:before {
  background: #286ed3;
}
#pid-manual .receiveMail .receiveMailContents .flowNav .current .flowNav__ttl {
  font-weight: bold;
}
#pid-manual .receiveMail .receiveMailContents p:last-child {
  margin-bottom: 0;
}
#pid-manual .benefitCase {
  padding: 0 15px 15px;
  position: relative;
}
#pid-manual .benefitCase::before {
  content: "";
  display: block;
  position: absolute;
  top: 30px;
  bottom: 0;
  left: 0;
  right: 0;
  border: 2px solid #D6E5F2;
  margin: auto;
  width: 100%;
  height: auto;
  pointer-events: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#pid-manual .benefitCase__ttl {
  font-size: 1.8rem;
  font-weight: 500;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 15px;
  background: #fff;
  margin: 0 auto 20px;
  text-align: center;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-manual .benefitCase__ttl {
    font-size: 1.6rem;
    padding: 0 5px;
  }
}
#pid-manual .benefitCase__ttl__logo {
  margin: 0 4px 6px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-manual .benefitCase__ttl__logo {
    height: 15px;
  }
}
#pid-manual .benefitCase__box {
  background: #E0F3FC;
  padding: 25px 15px 15px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-manual .benefitCase__box {
    padding: 20px 15px 15px;
  }
}
#pid-manual .benefitCase__box--red {
  background: #FFE3E3;
}
#pid-manual .benefitCase__box--red .benefitCase__box__ttl {
  color: #D80000;
}
#pid-manual .benefitCase__box--red .benefitCase__box__item__ttl {
  background: #D64B4B;
}
#pid-manual .benefitCase__box + .benefitCase__box {
  margin-top: 15px;
}
#pid-manual .benefitCase__box__ttl {
  font-size: 2rem;
  text-align: center;
  color: #0060BA;
  margin-bottom: 20px;
  font-weight: 500;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-manual .benefitCase__box__ttl {
    font-size: 1.8rem;
    margin-bottom: 15px;
  }
}
#pid-manual .benefitCase__box__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  grid-template-rows: auto auto 1fr;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-manual .benefitCase__box__list {
    grid-template-columns: 1fr;
  }
}
#pid-manual .benefitCase__box__item {
  background: #fff;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  gap: 0;
}
#pid-manual .benefitCase__box__item__ttl {
  background: #1B63A7;
  padding: 8px;
  text-align: center;
  font-weight: 500;
  color: #fff;
  font-size: 1.6rem;
  margin-bottom: 0;
  place-items: center;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-manual .benefitCase__box__item__ttl {
    font-size: 1.5rem;
  }
}
#pid-manual .benefitCase__box__item__img {
  text-align: center;
  padding: 30px 15px;
}
#pid-manual .benefitCase__box__item__img img {
  max-width: 100%;
}
#pid-manual .benefitCase__box__item__desc {
  font-size: 1.4rem;
  border-top: 1px solid #ddd;
  padding: 20px 0;
  margin: 0 15px;
}

#pid-support .sni_ttl,
#pid-support .sni_ttl .ico,
#pid-faq .sni_ttl,
#pid-faq .sni_ttl .ico {
  color: #00A498 !important;
}
#pid-support .sni_ttl .ico,
#pid-faq .sni_ttl .ico {
  font-size: 21px;
}
#pid-support .menu_ipaddress,
#pid-support .sni_table .table_striped tbody tr th,
#pid-faq .menu_ipaddress,
#pid-faq .sni_table .table_striped tbody tr th {
  width: 40%;
  background: #bacfe4 !important;
  color: #1B5FA6 !important;
}
#pid-support .menu_sni,
#pid-support .sni_table .table_striped tbody tr:nth-child(even) th,
#pid-faq .menu_sni,
#pid-faq .sni_table .table_striped tbody tr:nth-child(even) th {
  width: 40%;
  background: #b2e4e0 !important;
  color: #00A498 !important;
}
#pid-support .spec_mark,
#pid-faq .spec_mark {
  margin: 5px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-support .table,
  #pid-faq .table {
    word-break: break-all;
  }
  #pid-support .col-main,
  #pid-faq .col-main {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-support .col-main,
  #pid-faq .col-main {
    margin-bottom: 40px;
  }
}
#pid-support article .section_body img,
#pid-faq article .section_body img {
  image-rendering: -webkit-optimize-contrast;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-support .br-pc,
  #pid-faq .br-pc {
    display: none;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-support .br-pc,
  #pid-faq .br-pc {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-support .br-sp,
  #pid-faq .br-sp {
    display: none;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-support .br-sp,
  #pid-faq .br-sp {
    display: none;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-support .label_support_q,
  #pid-faq .label_support_q {
    width: 19px;
    height: 19px;
    background-position: 0 0;
  }
  #pid-support .label_support_a,
  #pid-faq .label_support_a {
    width: 19px;
    height: 19px;
    background-position: 0 -20px;
  }
}
#pid-support .support-contents,
#pid-faq .support-contents {
  padding: 0 0 25px;
  border: 1px solid #d3d3d3;
  border-radius: 4px;
}
#pid-support .support-contents_ttl,
#pid-faq .support-contents_ttl {
  padding: 15px 20px;
  background: #f9f9f9;
  border-bottom: 1px dotted #d3d3d3;
  border-radius: 4px 4px 0 0;
  font-size: 16px;
}
#pid-support .support-contents_body,
#pid-faq .support-contents_body {
  margin: 0 0 20px;
  padding: 20px 20px 0;
}
#pid-support .support-contents_footer,
#pid-faq .support-contents_footer {
  padding: 0 20px;
  text-align: center;
}
#pid-support .support-contents_footer .btn,
#pid-faq .support-contents_footer .btn {
  margin: 0 10px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-support .support-contents,
  #pid-faq .support-contents {
    padding: 0 0 15px;
  }
  #pid-support .support-contents_body,
  #pid-faq .support-contents_body {
    margin: 0 0 20px;
    padding: 10px 10px 0;
  }
  #pid-support .support-contents_footer,
  #pid-faq .support-contents_footer {
    padding: 0 10px;
  }
  #pid-support .support-contents_footer .btn,
  #pid-faq .support-contents_footer .btn {
    margin: 0 0 10px;
  }
}
#pid-support .faq-top_ttl,
#pid-faq .faq-top_ttl {
  font-size: 2.6rem;
  position: relative;
  background: #f8f8f8;
  font-weight: 500;
  padding: 15px;
  padding-left: 20px;
  margin: 0 0 25px;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-support .faq-top_ttl,
  #pid-faq .faq-top_ttl {
    font-size: 2.2rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-support .faq-top_ttl,
  #pid-faq .faq-top_ttl {
    font-size: 2rem;
  }
}
#pid-support .faq-top_ttl::before,
#pid-faq .faq-top_ttl::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -12.5px;
  display: block;
  width: 8px;
  height: 25px;
  background: #286ed3;
}
#pid-support .faq-section,
#pid-faq .faq-section {
  margin: 0 0 30px;
}
#pid-support .faq-section:last-child,
#pid-faq .faq-section:last-child {
  margin: 0;
}
#pid-support .faq-section-box .faq-section,
#pid-faq .faq-section-box .faq-section {
  margin: 0 0 10px;
}
#pid-support .faq-section_ttl,
#pid-faq .faq-section_ttl {
  margin: 0 0 25px;
  padding: 0;
  color: #333;
  font-size: 1.6rem;
  line-height: 1.4;
  font-weight: 500;
  position: relative;
}
#pid-support .faq-section_ttl:not(:first-child),
#pid-faq .faq-section_ttl:not(:first-child) {
  margin-top: 1.5em;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-support .faq-section_ttl,
  #pid-faq .faq-section_ttl {
    font-size: 1.4rem;
  }
  #pid-support .faq-section_ttl:not(:first-child),
  #pid-faq .faq-section_ttl:not(:first-child) {
    margin-top: 1em;
  }
}
#pid-support .faq-section_body .faq-section_ttl,
#pid-faq .faq-section_body .faq-section_ttl {
  padding-bottom: 3px;
  border-bottom: 1px solid #1967b3;
}
#pid-support .faq-section_ttl .ico,
#pid-faq .faq-section_ttl .ico {
  margin: 0 5px 0 0;
  font-size: 2.3rem;
  vertical-align: -0.18em;
  color: #286ed3;
}
#pid-support .faq-section_body,
#pid-faq .faq-section_body {
  margin: 10px 0 0;
  padding: 15px;
  background-color: #fbfcfc;
  border: 1px solid #f1f2f2;
  border-radius: 3px;
}
@media only screen and (min-width: 768px) {
  #pid-support .faq-section_body,
  #pid-faq .faq-section_body {
    padding: 20px;
  }
}
#pid-support .faq-section_body:first-child,
#pid-faq .faq-section_body:first-child {
  margin-top: 0;
}
#pid-support .faq-section_list,
#pid-faq .faq-section_list {
  margin: 0 0 15px;
  padding: 0 0 15px;
  border-bottom: 1px dotted #ccc;
}
#pid-support .faq-section_list:last-child,
#pid-faq .faq-section_list:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border: none;
}
#pid-support .faq-section_list li,
#pid-faq .faq-section_list li {
  margin: 0 10px 10px 2em;
  line-height: 1.4;
  text-indent: -2em;
}
#pid-support .faq-section_list li:last-child,
#pid-faq .faq-section_list li:last-child {
  margin-bottom: 0;
}
#pid-support .faq-section_list .ico,
#pid-faq .faq-section_list .ico {
  margin: 0 5px 0 0;
  color: #ccc;
  font-size: 2.3rem;
  vertical-align: -0.2em;
}
#pid-support .faq-section_more_ttl,
#pid-faq .faq-section_more_ttl {
  margin: 0 0 10px;
  font-weight: normal;
}
#pid-support .faq-section_more_list,
#pid-faq .faq-section_more_list {
  padding: 0 0 0 10px;
}
#pid-support .faq-section_more_list li,
#pid-faq .faq-section_more_list li {
  display: inline-block;
  margin: 0 10px 0 0;
}
#pid-support .faq-section_more_list .ico,
#pid-faq .faq-section_more_list .ico {
  margin: 0 0 0 5px;
  color: #1b63a7;
}
@media only screen and (min-width: 1100px) {
  #pid-support .faq-section-box .faq-section,
  #pid-faq .faq-section-box .faq-section {
    float: left;
    width: 449px;
  }
}
#pid-support .example-box,
#pid-faq .example-box {
  margin-bottom: 20px;
}
#pid-support .example,
#pid-faq .example {
  padding: 15px;
  background: #f8f8f8;
  border: 1px solid #d1d1d1;
  border-radius: 4px;
  font-size: 12px;
  -webkit-box-shadow: 0 1px 1px #ccc;
  box-shadow: 0 1px 1px #ccc;
}
#pid-support .example :last-child,
#pid-faq .example :last-child {
  margin-bottom: 0;
}
#pid-support .example_ttl,
#pid-faq .example_ttl {
  display: inline-block;
  margin-bottom: 10px;
  padding: 3px 10px;
  background: #5c5c5c;
  border-radius: 10px;
  color: #fff;
  font-size: 11px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-support .example,
  #pid-faq .example {
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-support .example,
  #pid-faq .example {
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-support .example-box,
  #pid-faq .example-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #pid-support .example,
  #pid-faq .example {
    float: left;
    width: 435px;
    margin-right: 15px;
  }
  #pid-support .ie8 .example,
  #pid-faq .ie8 .example {
    width: 428px;
  }
  #pid-support .example:nth-child(even),
  #pid-faq .example:nth-child(even) {
    margin-right: 0;
  }
}
#pid-support .i-short,
#pid-faq .i-short {
  width: 150px;
}
#pid-support .i-middle,
#pid-faq .i-middle {
  width: 300px;
}
#pid-support .i-long,
#pid-faq .i-long {
  width: 450px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-support .i-short,
  #pid-faq .i-short {
    width: 150px;
  }
  #pid-support .i-middle,
  #pid-faq .i-middle {
    width: 200px;
  }
  #pid-support .i-long,
  #pid-faq .i-long {
    width: 200px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-support .i-long,
  #pid-faq .i-long {
    width: 400px;
  }
}
#pid-support .form_table,
#pid-faq .form_table {
  margin-bottom: 0;
}
#pid-support .form_table th,
#pid-support .form_table td,
#pid-faq .form_table th,
#pid-faq .form_table td {
  padding: 15px;
}
#pid-support .form textarea,
#pid-faq .form textarea {
  max-width: 600px;
}
#pid-support .form_btn-box,
#pid-faq .form_btn-box {
  margin-bottom: 10px;
  padding: 25px;
  border: 1px solid #d3d3d3;
  border-top: none;
  text-align: center;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-support .form textarea,
  #pid-faq .form textarea {
    width: 250px;
    height: 150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-support .form textarea,
  #pid-faq .form textarea {
    width: 500px;
    height: 250px;
  }
  #pid-support .form_table th,
  #pid-faq .form_table th {
    width: 20%;
  }
  #pid-support .form_btn-box .btn,
  #pid-faq .form_btn-box .btn {
    width: 300px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-support .form textarea,
  #pid-faq .form textarea {
    width: 600px;
    height: 250px;
  }
  #pid-support .form_table th,
  #pid-faq .form_table th {
    width: 20%;
  }
  #pid-support .form_btn-box .btn,
  #pid-faq .form_btn-box .btn {
    width: 300px;
  }
}
#pid-support .pickup-faq,
#pid-faq .pickup-faq {
  margin: 0 0 30px;
  padding: 15px;
  background: #fbffc4;
  border: 1px solid #fbf663;
  border-radius: 4px;
  line-height: 1.4;
}
@media only screen and (min-width: 768px) {
  #pid-support .pickup-faq,
  #pid-faq .pickup-faq {
    padding: 20px;
  }
}
#pid-support .pickup-faq p,
#pid-faq .pickup-faq p {
  margin: 0 0 10px 2em;
  text-indent: -2em;
}
#pid-support .pickup-faq p:last-child,
#pid-faq .pickup-faq p:last-child {
  margin-bottom: 0;
}
#pid-support .pickup-faq .ico,
#pid-faq .pickup-faq .ico {
  margin: 0 5px 0 0;
  color: #eca700;
  font-size: 2.3rem;
  vertical-align: -0.2em;
}
@media only screen and (min-width: 1100px) {
  #pid-support .faq_unit_ttl .ico_square-q,
  #pid-faq .faq_unit_ttl .ico_square-q {
    top: 21px;
    left: 22px;
  }
  #pid-support .faq_unit_body .ico_square-a,
  #pid-faq .faq_unit_body .ico_square-a {
    top: 21px;
    left: 20px;
  }
}
#pid-support .faq,
#pid-faq .faq {
  margin: 0 0 40px;
  border: 1px solid #e2e2e2;
  -webkit-box-shadow: 0 0 3px 0 #ccc inset;
  box-shadow: 0 0 3px 0 #ccc inset;
}
#pid-support .faq_unit,
#pid-faq .faq_unit {
  border-bottom: 1px solid #e2e2e2;
}
#pid-support .faq_unit:last-child,
#pid-faq .faq_unit:last-child {
  border: none;
}
#pid-support .faq_unit_ttl,
#pid-faq .faq_unit_ttl {
  position: relative;
  cursor: pointer;
  padding: 20px 20px 20px 50px;
  font-weight: normal;
}
#pid-support .is-open .faq_unit_ttl,
#pid-faq .is-open .faq_unit_ttl {
  font-weight: bold;
}
#pid-support .faq_unit_ttl .ico_square-q,
#pid-faq .faq_unit_ttl .ico_square-q {
  position: absolute;
  top: 19px;
  left: 18px;
  color: #1b63a7;
  font-size: 2.8rem;
}
#pid-support .faq_unit_ttl .ico_square-question,
#pid-faq .faq_unit_ttl .ico_square-question {
  position: absolute;
  top: 19px;
  left: 18px;
  color: #1b63a7;
  font-size: 2.8rem;
}
#pid-support .faq_unit_body,
#pid-faq .faq_unit_body {
  position: relative;
  display: none;
  margin: 0 2px;
  padding: 20px 18px 20px 48px;
  background: #f7f9f9;
  border-top: 1px dotted #e2e2e2;
}
#pid-support .faq_unit_body .block_ttl,
#pid-faq .faq_unit_body .block_ttl {
  font-size: 1.8rem;
}
#pid-support .no-js .faq_unit_body,
#pid-faq .no-js .faq_unit_body {
  display: block;
}
#pid-support .faq_unit_body > :last-child,
#pid-faq .faq_unit_body > :last-child {
  margin-bottom: 0;
}
#pid-support .faq_unit_body .ico_square-a,
#pid-faq .faq_unit_body .ico_square-a {
  position: absolute;
  top: 19px;
  left: 16px;
  color: #eca700;
  font-size: 2.8rem;
}
#pid-support .faq_unit_body .ol,
#pid-faq .faq_unit_body .ol {
  margin-left: 2em;
}
#pid-support .faq_unit_body li,
#pid-faq .faq_unit_body li {
  line-height: 1.8;
}
#pid-support .faq_unit_body .list_arrow-right,
#pid-faq .faq_unit_body .list_arrow-right {
  margin: 0 0 1.5em 2.5em;
}
#pid-support .faq_unit_body .list_arrow-right li,
#pid-faq .faq_unit_body .list_arrow-right li {
  margin-bottom: 0.3em;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-support .faq_unit_ttl,
  #pid-faq .faq_unit_ttl {
    padding: 18px 10px 18px 40px;
  }
  #pid-support .faq_unit_body,
  #pid-faq .faq_unit_body {
    padding: 18px 10px;
  }
  #pid-support .faq_unit_ttl .ico_square-q,
  #pid-faq .faq_unit_ttl .ico_square-q {
    top: 15px;
    left: 8px;
  }
  #pid-support .faq_unit_ttl .ico_square-question,
  #pid-faq .faq_unit_ttl .ico_square-question {
    top: 15px;
    left: 8px;
  }
  #pid-support .faq_unit_body .ico_square-a,
  #pid-faq .faq_unit_body .ico_square-a {
    display: none;
  }
}
#pid-support .headlines,
#pid-faq .headlines {
  margin-bottom: 40px;
}
#pid-support .headlines_ttl,
#pid-faq .headlines_ttl {
  margin: 0 0 15px;
  background: url(../img/top/bg_news_ttl.png) 0 50% repeat-x;
  font-size: 1.8rem;
  font-weight: bold;
  text-transform: uppercase;
}
#pid-support .headlines_box,
#pid-faq .headlines_box {
  border-bottom: 1px solid #eee;
  padding: 14px 10px;
}
#pid-support .headlines_box:first-child,
#pid-faq .headlines_box:first-child {
  margin: 0;
}
#pid-support .headlines_box_date,
#pid-faq .headlines_box_date {
  font-weight: normal;
}
#pid-support .headlines_box_date .ico,
#pid-faq .headlines_box_date .ico {
  position: relative;
  top: -1px;
  margin-right: 5px;
  font-size: 1.6rem;
}
#pid-support .headlines_box_list li,
#pid-faq .headlines_box_list li {
  margin: 0.5em 0 0 1.3em;
  text-indent: -1.3em;
}
#pid-support .headlines_box_list li a,
#pid-faq .headlines_box_list li a {
  color: #222;
  text-decoration: none;
}
#pid-support .headlines_box_list li a:hover,
#pid-faq .headlines_box_list li a:hover {
  opacity: 0.8;
}
#pid-support .headlines_box_list li:first-child,
#pid-faq .headlines_box_list li:first-child {
  margin-top: 0;
}
#pid-support .headlines_box_list .ico,
#pid-faq .headlines_box_list .ico {
  position: relative;
  top: -1px;
  margin: 0 0.3em 0 0;
  color: #1b63a7;
  font-size: 12px;
}
#pid-support .headlines_footer,
#pid-faq .headlines_footer {
  text-align: center;
}
#pid-support .headlines_footer .btn,
#pid-faq .headlines_footer .btn {
  margin: 0 0 0 5px;
}
#pid-support .headlines_footer .btn:first-child,
#pid-faq .headlines_footer .btn:first-child {
  margin: 0;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-support .headlines_ttl,
  #pid-faq .headlines_ttl {
    padding: 12px;
    background: url(../img/top/bg_news_ttl.png) 0 100% repeat-x;
    background-size: 5px 3px;
    border-top: 2px solid #1b63a7;
    text-align: center;
  }
  #pid-support .headlines_body,
  #pid-faq .headlines_body {
    margin-bottom: 15px;
  }
  #pid-support .headlines_footer .btn,
  #pid-faq .headlines_footer .btn {
    margin: 10px 0 0 5px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-support .headlines_ttl,
  #pid-faq .headlines_ttl {
    padding: 12px;
    background: url(../img/top/bg_news_ttl.png) 0 100% repeat-x;
    background-size: 5px 3px;
    border-top: 2px solid #1b63a7;
    text-align: center;
  }
  #pid-support .headlines_body,
  #pid-faq .headlines_body {
    margin-bottom: 15px;
  }
  #pid-support .headlines_box_date,
  #pid-faq .headlines_box_date {
    float: left;
    width: 18%;
  }
  #pid-support .headlines_box_list,
  #pid-faq .headlines_box_list {
    float: left;
    width: 81.5%;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-support .headlines_ttl_label,
  #pid-faq .headlines_ttl_label {
    display: inline-block;
    padding: 0 10px 0 0;
    background: #fff;
  }
  #pid-support .headlines_body,
  #pid-faq .headlines_body {
    margin: 0 0 20px;
  }
  #pid-support .headlines_box_date,
  #pid-faq .headlines_box_date {
    float: left;
    width: 130px;
  }
  #pid-support .headlines_box_list,
  #pid-faq .headlines_box_list {
    float: left;
    width: 850px;
  }
}
#pid-support .social-btn,
#pid-faq .social-btn {
  float: right;
  margin-bottom: 20px;
  text-align: right;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-support .social-btn,
  #pid-faq .social-btn {
    height: 28px;
    width: 100%;
  }
}
#pid-support .social-btn_item,
#pid-faq .social-btn_item {
  display: inline-block;
  margin-left: 10px;
  vertical-align: top;
}
#pid-support .social-btn_item:first-child,
#pid-faq .social-btn_item:first-child {
  margin-left: 0;
}
#pid-support table.news_table,
#pid-faq table.news_table {
  margin: 0 0 20px;
  background: #fff;
  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-support table.news_table,
  #pid-faq table.news_table {
    width: auto;
  }
}
#pid-support table.news_table td,
#pid-faq table.news_table td {
  padding: 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 1px solid #eee;
  border-right: 1px solid #eee;
  text-align: center;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-support table.news_table td,
  #pid-faq table.news_table td {
    padding: 10px;
  }
}
#pid-support table.news_table td:first-child,
#pid-faq table.news_table td:first-child {
  background: #f0f0f0;
  border-bottom: 1px solid #fff;
  text-align: left;
}
#pid-support table.news_table2,
#pid-faq table.news_table2 {
  margin: 0 0 20px;
  background: #fff;
  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-support table.news_table2,
  #pid-faq table.news_table2 {
    width: auto;
  }
}
#pid-support table.news_table2 th,
#pid-faq table.news_table2 th {
  background: #f0f0f0;
  border-bottom: 1px solid #eee;
  border-right: 1px solid #fff;
  text-align: center;
  padding: 12px;
}
#pid-support table.news_table2 td,
#pid-faq table.news_table2 td {
  padding: 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 1px solid #eee;
  border-right: 1px solid #eee;
  text-align: center;
}
#pid-support .privacy,
#pid-faq .privacy {
  margin-bottom: 20px;
}
#pid-support .privacy_ttl,
#pid-faq .privacy_ttl {
  margin-bottom: 7px;
}
#pid-support .privacy_body,
#pid-faq .privacy_body {
  padding-left: 3em;
}
#pid-support .privacy_body > :last-child,
#pid-faq .privacy_body > :last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-support .privacy_body,
  #pid-faq .privacy_body {
    padding-left: 0;
  }
  #pid-support .privacy table,
  #pid-faq .privacy table {
    width: 100%;
  }
  #pid-support .privacy th,
  #pid-support .privacy td,
  #pid-faq .privacy th,
  #pid-faq .privacy td {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    border-bottom: none;
  }
  #pid-support .privacy caption,
  #pid-support .privacy td,
  #pid-faq .privacy caption,
  #pid-faq .privacy td {
    padding-bottom: 10px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-support .guide-number,
  #pid-faq .guide-number {
    margin-left: 10px;
  }
  #pid-support .guide-number li,
  #pid-faq .guide-number li {
    margin-bottom: 30px;
  }
  #pid-support .guide-number_ico,
  #pid-faq .guide-number_ico {
    display: inline-block;
    width: 24px;
    height: 18px;
    background: #1e6db6;
    border-radius: 3px;
    text-align: center;
    line-height: 18px;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
  }
  #pid-support .guide-number_space,
  #pid-faq .guide-number_space {
    margin: 0 10px 0 0;
    font-size: 20px;
    letter-spacing: -10px;
  }
  #pid-support .guide-sub-number,
  #pid-faq .guide-sub-number {
    margin-left: 20px;
    display: table;
  }
  #pid-support .guide-sub-number .guide-number_ico,
  #pid-faq .guide-sub-number .guide-number_ico {
    background: #5AAFFF;
  }
  #pid-support .guide-sub-number li,
  #pid-faq .guide-sub-number li {
    display: table-row;
    height: 18px;
    margin-bottom: 6px;
    position: relative;
  }
  #pid-support .guide-sub-number li::before,
  #pid-faq .guide-sub-number li::before {
    content: "";
    display: block;
    width: 10px;
    height: 2px;
    background: #707070;
    position: absolute;
    left: -20px;
    top: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-support .guide-number,
  #pid-faq .guide-number {
    margin-left: 10px;
  }
  #pid-support .guide-number li,
  #pid-faq .guide-number li {
    display: block;
    margin-bottom: 30px;
  }
  #pid-support .guide-number li:last-child,
  #pid-faq .guide-number li:last-child {
    margin-bottom: 14px;
  }
  #pid-support .guide-number_ico,
  #pid-faq .guide-number_ico {
    display: inline-block;
    width: 24px;
    height: 18px;
    background: #1e6db6;
    border-radius: 3px;
    text-align: center;
    line-height: 18px;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
  }
  #pid-support .guide-number_space,
  #pid-faq .guide-number_space {
    margin: 0 10px 0 0;
    font-size: 20px;
    letter-spacing: -10px;
  }
  #pid-support .guide-sub-number,
  #pid-faq .guide-sub-number {
    margin-left: 50px;
  }
  #pid-support .guide-sub-number .guide-number_ico,
  #pid-faq .guide-sub-number .guide-number_ico {
    background: #5AAFFF;
  }
  #pid-support .guide-sub-number li,
  #pid-faq .guide-sub-number li {
    position: relative;
    height: 18px;
    margin-bottom: 6px;
  }
  #pid-support .guide-sub-number li::before,
  #pid-faq .guide-sub-number li::before {
    content: "";
    display: block;
    width: 10px;
    height: 2px;
    background: #707070;
    position: absolute;
    left: -20px;
    top: 18px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-support .guide-number,
  #pid-faq .guide-number {
    margin-left: 10px;
  }
  #pid-support .guide-number li,
  #pid-faq .guide-number li {
    display: block;
    margin-bottom: 30px;
  }
  #pid-support .guide-number li:last-child,
  #pid-faq .guide-number li:last-child {
    margin-bottom: 14px;
  }
  #pid-support .guide-number_ico,
  #pid-faq .guide-number_ico {
    display: inline-block;
    width: 24px;
    height: 18px;
    background: #1e6db6;
    border-radius: 3px;
    text-align: center;
    line-height: 18px;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
  }
  #pid-support .guide-number_space,
  #pid-faq .guide-number_space {
    margin: 0 10px 0 0;
    font-size: 20px;
    letter-spacing: -10px;
  }
  #pid-support .guide-sub-number,
  #pid-faq .guide-sub-number {
    margin-left: 50px;
  }
  #pid-support .guide-sub-number .guide-number_ico,
  #pid-faq .guide-sub-number .guide-number_ico {
    background: #5AAFFF;
  }
  #pid-support .guide-sub-number li,
  #pid-faq .guide-sub-number li {
    position: relative;
    height: 18px;
    margin-bottom: 6px;
  }
  #pid-support .guide-sub-number li::before,
  #pid-faq .guide-sub-number li::before {
    content: "";
    display: block;
    width: 10px;
    height: 2px;
    background: #707070;
    position: absolute;
    left: -20px;
    top: 18px;
  }
}
#pid-support .msg_reciprocal,
#pid-faq .msg_reciprocal {
  margin: 0 20px 30px;
}
#pid-support .reciprocal_list,
#pid-faq .reciprocal_list {
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #fff;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#pid-support .reciprocal_list > li,
#pid-faq .reciprocal_list > li {
  width: 50%;
  border-right: 1px solid #ccc;
}
#pid-support .reciprocal_list > li:last-child,
#pid-faq .reciprocal_list > li:last-child {
  border: none;
}
#pid-support .reciprocal_list a,
#pid-faq .reciprocal_list a {
  display: block;
  padding: 10px;
  text-decoration: none;
}
#pid-support .reciprocal_list a .ico,
#pid-faq .reciprocal_list a .ico {
  color: #1b63a7;
  margin-right: 5px;
  position: relative;
  top: -0.05em;
}
#pid-support .reciprocal_list a .reciprocal_list_caption,
#pid-faq .reciprocal_list a .reciprocal_list_caption {
  text-decoration: underline;
}
#pid-support .reciprocal_list .current,
#pid-faq .reciprocal_list .current {
  pointer-events: none;
}
#pid-support .reciprocal_list .current .reciprocal_list_caption,
#pid-faq .reciprocal_list .current .reciprocal_list_caption {
  font-weight: bold;
  text-decoration: none;
}
#pid-support .reciprocal_list .current .reciprocal_list_caption span,
#pid-faq .reciprocal_list .current .reciprocal_list_caption span {
  font-weight: normal;
  color: #999;
  font-size: 12px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-support .reciprocal_list,
  #pid-faq .reciprocal_list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: left;
  }
  #pid-support .reciprocal_list > li,
  #pid-faq .reciprocal_list > li {
    width: auto;
    border-right: none;
    border-bottom: 1px solid #ccc;
  }
}
#pid-support .support-tel-contents,
#pid-faq .support-tel-contents {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 10px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-support .support-tel-contents,
  #pid-faq .support-tel-contents {
    text-align: center;
    line-height: 1rem;
  }
}
#pid-support .support-tel-contents .support-tel-category,
#pid-faq .support-tel-contents .support-tel-category {
  background-color: #5c5c5c;
  border-radius: 15px;
  color: #fff;
  text-align: center;
  padding: 5px 15px;
  font-size: 1.4rem;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-support .support-tel-contents .support-tel-category,
  #pid-faq .support-tel-contents .support-tel-category {
    display: block;
    margin-bottom: 10px;
  }
}
#pid-support .support-chat-trigger,
#pid-faq .support-chat-trigger {
  width: 300px;
  font-weight: bold;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-support .support-chat-trigger,
  #pid-faq .support-chat-trigger {
    width: auto;
  }
}
#pid-support,
#pid-faq {
  /* --- 全体 --- */
}
#pid-support .section_body.support,
#pid-faq .section_body.support {
  padding: 0;
}
#pid-support .section_ttl.support,
#pid-faq .section_ttl.support {
  background: #f7f7f7;
  border: none;
  color: #1b63a7;
  padding: 12px 0 14px 65px;
  font-size: 2rem;
}
#pid-support .section_ttl.support::before,
#pid-faq .section_ttl.support::before {
  content: "";
  background: url(../img/support/ico_section_ttl.png) no-repeat;
  background-size: contain;
  width: 50px;
  height: 50px;
  top: 0;
  left: 0;
  margin-top: 0;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-support .section_ttl.support,
  #pid-faq .section_ttl.support {
    font-size: 1.6rem;
    padding: 12px 8px 14px 45px;
  }
  #pid-support .section_ttl.support::before,
  #pid-faq .section_ttl.support::before {
    width: 24px;
    height: 24px;
    left: 10px;
    top: 50%;
    margin-top: -12px;
  }
}
#pid-support .list li,
#pid-faq .list li {
  padding-bottom: 5px;
}
#pid-support .list.list_arrow-right,
#pid-faq .list.list_arrow-right {
  line-height: 1.8em;
}
#pid-support .list.list_arrow-right li:after,
#pid-faq .list.list_arrow-right li:after {
  top: 0.8em;
}
#pid-support .support-section,
#pid-faq .support-section {
  margin-bottom: 40px;
}
#pid-support .support-section .list a,
#pid-faq .support-section .list a {
  color: #2066a8;
}
#pid-support .support-section .list a:hover,
#pid-faq .support-section .list a:hover {
  opacity: 0.8;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-support .support-section_body .list,
  #pid-faq .support-section_body .list {
    margin: 0 0 15px 15px;
  }
}
#pid-support .support-section_ttl,
#pid-faq .support-section_ttl {
  font-size: 3rem;
  color: #1b63a7;
  text-align: center;
  line-height: 1.4;
  margin-bottom: 20px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-support .support-section_ttl,
  #pid-faq .support-section_ttl {
    font-size: 2.4rem;
  }
}
#pid-support .support-section_ttl-sub,
#pid-faq .support-section_ttl-sub {
  font-size: 2rem;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-support .support-section_ttl-sub,
  #pid-faq .support-section_ttl-sub {
    font-size: 1.6rem;
  }
}
#pid-support .support-btn,
#pid-faq .support-btn {
  width: 49%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  position: relative;
}
#pid-support .support-btn:last-child,
#pid-faq .support-btn:last-child {
  margin-left: 2%;
}
#pid-support .support-btn.single,
#pid-faq .support-btn.single {
  margin: 0 auto;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-support .support-btn.single,
  #pid-faq .support-btn.single {
    width: 100%;
  }
}
#pid-support .support-btn.daiko-add,
#pid-faq .support-btn.daiko-add {
  width: 100%;
  max-width: 780px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-support .support-btn.daiko-add,
  #pid-faq .support-btn.daiko-add {
    display: block;
  }
  #pid-support .support-btn.daiko-add li:first-child,
  #pid-faq .support-btn.daiko-add li:first-child {
    margin: 0 0 10px;
  }
}
#pid-support .support-btn.daiko-add li,
#pid-faq .support-btn.daiko-add li {
  width: 100%;
}
#pid-support .support-btn.daiko-add li:first-child,
#pid-faq .support-btn.daiko-add li:first-child {
  margin-right: 10px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-support .support-btn.daiko-add li:first-child,
  #pid-faq .support-btn.daiko-add li:first-child {
    margin-right: 0;
  }
}
#pid-support .support-btn a,
#pid-faq .support-btn a {
  text-decoration: none;
  padding: 20px 0;
  display: block;
  border-radius: 3px;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  margin: 0;
}
#pid-support .support-btn:hover,
#pid-faq .support-btn:hover {
  opacity: 0.8;
}
#pid-support .support-btn .ico,
#pid-faq .support-btn .ico {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -7px;
}
#pid-support .support-btn .ico.blue,
#pid-faq .support-btn .ico.blue {
  color: #1b63a7;
}
#pid-support .support-btn .ico_chevron-right,
#pid-faq .support-btn .ico_chevron-right {
  font-weight: bold;
}
#pid-support .support-btn.blue a,
#pid-faq .support-btn.blue a {
  background: #0080c3;
  color: #fff;
}
#pid-support .support-btn.gray a,
#pid-faq .support-btn.gray a {
  background: #fbfcfc;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-support .support-btn,
  #pid-faq .support-btn {
    width: 100%;
    font-size: 14px;
  }
  #pid-support .support-btn:last-child,
  #pid-faq .support-btn:last-child {
    margin: 10px 0 0;
  }
}
#pid-support .support-btn_dbl,
#pid-faq .support-btn_dbl {
  margin: auto;
  max-width: 660px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-support .support-btn_dbl,
  #pid-faq .support-btn_dbl {
    display: inherit;
  }
}
#pid-support .community-btn,
#pid-faq .community-btn {
  width: 450px !important;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-support .community-btn,
  #pid-faq .community-btn {
    width: auto !important;
  }
}
#pid-support,
#pid-faq {
  /* --- 重要なお知らせ --- */
}
#pid-support .support-news,
#pid-faq .support-news {
  border: 1px solid #f7900b;
  background: #fff5e9;
  margin-bottom: 30px;
}
#pid-support .support-news .list,
#pid-faq .support-news .list {
  padding: 0 30px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-support .support-news .list,
  #pid-faq .support-news .list {
    padding: 0 10px;
  }
}
#pid-support .support-news .list_arrow-right li:after,
#pid-faq .support-news .list_arrow-right li:after {
  border-top: 5px solid #f7900b;
}
#pid-support .support-news_ttl,
#pid-faq .support-news_ttl {
  background: #f7900b;
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 1.8rem;
  padding: 5px 0;
}
#pid-support .support-news_ttl::before,
#pid-faq .support-news_ttl::before {
  content: "";
  width: 22px;
  height: 22px;
  background: url(../img/support/ico_news_ttl.png) no-repeat;
  display: inline-block;
  background-size: contain;
  padding-right: 5px;
  vertical-align: middle;
  margin-top: -4px;
}
#pid-support,
#pid-faq {
  /* --- フィッシングメールに関するお知らせ --- */
}
#pid-support .support-news-phishing,
#pid-faq .support-news-phishing {
  border: 1px solid #1b63a7;
  background: #f7f7f7;
  margin-bottom: 30px;
}
#pid-support .support-news-phishing .list,
#pid-faq .support-news-phishing .list {
  padding: 0 30px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-support .support-news-phishing .list,
  #pid-faq .support-news-phishing .list {
    padding: 0 10px;
  }
}
#pid-support .support-news-phishing .list_arrow-right li:after,
#pid-faq .support-news-phishing .list_arrow-right li:after {
  border-top: 5px solid #1b63a7;
}
#pid-support .support-news-phishing_ttl,
#pid-faq .support-news-phishing_ttl {
  background: #1b63a7;
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 1.8rem;
  padding: 5px 0;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-support .support-news-phishing_ttl,
  #pid-faq .support-news-phishing_ttl {
    font-size: 1.7rem;
  }
}
#pid-support .support-news-phishing_ttl::before,
#pid-faq .support-news-phishing_ttl::before {
  content: "";
  width: 22px;
  height: 22px;
  background: url(../img/support/ico_news_ttl_blue.png) no-repeat;
  display: inline-block;
  background-size: contain;
  padding-right: 5px;
  vertical-align: middle;
  margin-top: -4px;
}
#pid-support .support-news-phishing_txt,
#pid-faq .support-news-phishing_txt {
  padding: 0 30px;
}
#pid-support,
#pid-faq {
  /* --- 検索 --- */
}
#pid-support .support-searchSec,
#pid-faq .support-searchSec {
  background: #deeef4;
  padding: 30px 0;
  text-align: center;
}
#pid-support .support-searchSec .search,
#pid-faq .support-searchSec .search {
  max-width: 660px;
  margin: auto;
  background: #fff;
  padding: 30px 0;
  margin-bottom: 20px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-support .support-searchSec,
  #pid-faq .support-searchSec {
    padding: 15px;
    text-align: left;
  }
  #pid-support .support-searchSec .search,
  #pid-faq .support-searchSec .search {
    margin: 0 0 15px;
  }
}
#pid-support .search_ttl,
#pid-faq .search_ttl {
  font-size: 2.4rem;
  color: #0080c3;
  margin-bottom: 1rem;
  text-align: center;
}
#pid-support .search-box-container,
#pid-faq .search-box-container {
  margin: 0 30px;
  padding: 4px;
  background: rgba(17, 61, 107, 0.3);
  border-radius: 8px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-support .search-box-container,
  #pid-faq .search-box-container {
    margin: 0 5%;
  }
}
#pid-support .search-box,
#pid-faq .search-box {
  position: relative;
  padding: 8px;
  background: #fff;
  border-radius: 4px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-support .search-box,
  #pid-faq .search-box {
    padding: 0px;
  }
}
#pid-support .search-box_input[type=text],
#pid-faq .search-box_input[type=text] {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 44px;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 5px 10px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-support .search-box_input[type=text],
  #pid-faq .search-box_input[type=text] {
    height: 36px;
    width: 100%;
  }
}
#pid-support .search-box_btn,
#pid-faq .search-box_btn {
  position: absolute;
  cursor: pointer;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  right: 8px;
  width: 115px;
  height: 44px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  border: none;
  border-radius: 3px;
  background-color: #1b63a7;
}
#pid-support .search-box_btn:hover,
#pid-faq .search-box_btn:hover {
  opacity: 0.8;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-support .search-box_btn,
  #pid-faq .search-box_btn {
    right: 0;
    left: 0;
    width: 100%;
    bottom: -65px;
  }
}
#pid-support,
#pid-faq {
  /* --- よくいただくお問い合わせ --- */
}
#pid-support .support-faqsec_box,
#pid-faq .support-faqsec_box {
  border: 2px solid #1b63a7;
  margin-bottom: 20px;
}
#pid-support .support-faqsec_ttl,
#pid-faq .support-faqsec_ttl {
  background: #1b63a7;
  color: #fff;
  font-size: 2rem;
  padding: 15px 30px;
  text-align: center;
}
#pid-support .support-faqsec_ttl::before,
#pid-faq .support-faqsec_ttl::before {
  content: "";
  width: 36px;
  height: 36px;
  background: url(../img/support/ico_faqsec_01.png) no-repeat;
  display: inline-block;
  background-size: contain;
  padding-right: 7px;
  vertical-align: middle;
  margin-top: -3px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-support .support-faqsec_ttl,
  #pid-faq .support-faqsec_ttl {
    font-size: 1.6rem;
    padding: 10px;
  }
  #pid-support .support-faqsec_ttl::before,
  #pid-faq .support-faqsec_ttl::before {
    width: 26px;
    height: 26px;
    padding-right: 5px;
  }
}
#pid-support .support-faqsec_box_wrapper,
#pid-faq .support-faqsec_box_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#pid-support .support-faqsec_box_wrapper .support-faqsec_box,
#pid-faq .support-faqsec_box_wrapper .support-faqsec_box {
  width: 49%;
}
#pid-support .support-faqsec_box_wrapper .support-faqsec_box:last-child,
#pid-faq .support-faqsec_box_wrapper .support-faqsec_box:last-child {
  margin-left: 2%;
}
#pid-support .support-faqsec_box_wrapper .support-faqsec_box .support-faqsec_ttl,
#pid-faq .support-faqsec_box_wrapper .support-faqsec_box .support-faqsec_ttl {
  text-align: left;
}
#pid-support .support-faqsec_box_wrapper .support-faqsec_box:first-child .support-faqsec_ttl::before,
#pid-faq .support-faqsec_box_wrapper .support-faqsec_box:first-child .support-faqsec_ttl::before {
  background: url(../img/support/ico_faqsec_02.png) no-repeat;
  background-size: contain;
}
#pid-support .support-faqsec_box_wrapper .support-faqsec_box:last-child .support-faqsec_ttl::before,
#pid-faq .support-faqsec_box_wrapper .support-faqsec_box:last-child .support-faqsec_ttl::before {
  background: url(../img/support/ico_faqsec_03.png) no-repeat;
  background-size: contain;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-support .support-faqsec_box_wrapper,
  #pid-faq .support-faqsec_box_wrapper {
    display: inherit;
  }
  #pid-support .support-faqsec_box_wrapper .support-faqsec_box,
  #pid-faq .support-faqsec_box_wrapper .support-faqsec_box {
    width: 100%;
  }
  #pid-support .support-faqsec_box_wrapper .support-faqsec_box:last-child,
  #pid-faq .support-faqsec_box_wrapper .support-faqsec_box:last-child {
    margin: 0;
  }
  #pid-support .support-faqsec_box_wrapper .support-faqsec_box .support-faqsec_ttl,
  #pid-faq .support-faqsec_box_wrapper .support-faqsec_box .support-faqsec_ttl {
    text-align: center;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-support .support-faqsec_box_wrapper,
  #pid-faq .support-faqsec_box_wrapper {
    display: inherit;
  }
  #pid-support .support-faqsec_box_wrapper .support-faqsec_box,
  #pid-faq .support-faqsec_box_wrapper .support-faqsec_box {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  #pid-support .support-faqsec_box_wrapper .support-faqsec_box .support-faqsec_ttl,
  #pid-faq .support-faqsec_box_wrapper .support-faqsec_box .support-faqsec_ttl {
    text-align: center;
  }
  #pid-support .support-faqsec_box_wrapper .support-faqsec_box:last-child,
  #pid-faq .support-faqsec_box_wrapper .support-faqsec_box:last-child {
    margin: 0;
  }
}
#pid-support .support-faqsec_body,
#pid-faq .support-faqsec_body {
  padding: 30px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-support .support-faqsec_body,
  #pid-faq .support-faqsec_body {
    padding: 15px;
  }
  #pid-support .support-faqsec_body .list:last-child,
  #pid-faq .support-faqsec_body .list:last-child {
    margin-bottom: 0;
  }
}
#pid-support .support-faqsec_body p,
#pid-faq .support-faqsec_body p {
  text-align: center;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-support .support-faqsec_body p,
  #pid-faq .support-faqsec_body p {
    text-align: left;
  }
}
#pid-support .faq-section_txt,
#pid-faq .faq-section_txt {
  margin-bottom: 5px;
}
#pid-support,
#pid-faq {
  /* --- その他のお問い合わせ --- */
}
#pid-support .support-faqmore,
#pid-faq .support-faqmore {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-support .support-faqmore,
  #pid-faq .support-faqmore {
    display: inherit;
  }
}
#pid-support .support-faqmore_box,
#pid-faq .support-faqmore_box {
  border: 2px solid #2066a8;
  padding: 30px 0;
  width: 49%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#pid-support .support-faqmore_box:nth-child(even),
#pid-faq .support-faqmore_box:nth-child(even) {
  margin-left: 2%;
}
#pid-support .support-faqmore_box:nth-child(1) .support-faqmore_ttl::before,
#pid-faq .support-faqmore_box:nth-child(1) .support-faqmore_ttl::before {
  background-image: url(../img/support/ico_faqsec_01_blue.png);
}
#pid-support .support-faqmore_box:nth-child(2) .support-faqmore_ttl::before,
#pid-faq .support-faqmore_box:nth-child(2) .support-faqmore_ttl::before {
  background-image: url(../img/support/ico_faqsec_03_blue.png);
}
#pid-support .support-faqmore_box:nth-child(3) .support-faqmore_ttl::before,
#pid-faq .support-faqmore_box:nth-child(3) .support-faqmore_ttl::before {
  background-image: url(../img/support/ico_faqsec_02_blue.png);
}
#pid-support .support-faqmore_box:nth-child(4) .support-faqmore_ttl::before,
#pid-faq .support-faqmore_box:nth-child(4) .support-faqmore_ttl::before {
  background-image: url(../img/support/ico_faqmore_02.png);
}
#pid-support .support-faqmore_box:nth-child(5) .support-faqmore_ttl::before,
#pid-faq .support-faqmore_box:nth-child(5) .support-faqmore_ttl::before {
  background-image: url(../img/support/ico_faqmore_03.png);
}
#pid-support .support-faqmore_box:nth-child(6) .support-faqmore_ttl::before,
#pid-faq .support-faqmore_box:nth-child(6) .support-faqmore_ttl::before {
  background-image: url(../img/support/ico_faqmore_04.png);
}
#pid-support .support-faqmore_box:nth-child(7) .support-faqmore_ttl::before,
#pid-faq .support-faqmore_box:nth-child(7) .support-faqmore_ttl::before {
  background-image: url(../img/support/ico_faqmore_01.png);
}
#pid-support .support-faqmore_box:nth-child(8) .support-faqmore_ttl::before,
#pid-faq .support-faqmore_box:nth-child(8) .support-faqmore_ttl::before {
  background-image: url(../img/support/ico_faqmore_02.png);
}
#pid-support .support-faqmore_box:nth-child(9) .support-faqmore_ttl::before,
#pid-faq .support-faqmore_box:nth-child(9) .support-faqmore_ttl::before {
  background-image: url(../img/support/ico_faqmore_05.png);
}
#pid-support .support-faqmore_box:nth-child(10) .support-faqmore_ttl::before,
#pid-faq .support-faqmore_box:nth-child(10) .support-faqmore_ttl::before {
  background-image: url(../img/support/ico_faqmore_06.png);
}
#pid-support .support-faqmore_box:nth-child(11) .support-faqmore_ttl::before,
#pid-faq .support-faqmore_box:nth-child(11) .support-faqmore_ttl::before {
  background-image: url(../img/support/ico_faqmore_07.png);
}
#pid-support .support-faqmore_box:nth-child(12) .support-faqmore_ttl::before,
#pid-faq .support-faqmore_box:nth-child(12) .support-faqmore_ttl::before {
  background-image: url(../img/support/ico_faqmore_08.png);
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-support .support-faqmore_box,
  #pid-faq .support-faqmore_box {
    padding: 25px 0;
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-support .support-faqmore_box,
  #pid-faq .support-faqmore_box {
    width: 100%;
    padding: 20px 0;
  }
  #pid-support .support-faqmore_box:nth-child(even),
  #pid-faq .support-faqmore_box:nth-child(even) {
    margin-left: 0;
  }
}
#pid-support .section-contact h5,
#pid-faq .section-contact h5 {
  font-size: 1.8rem;
  padding: 0 0 1.5rem 3rem;
  text-indent: -3rem;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-support .section-contact h5,
  #pid-faq .section-contact h5 {
    font-size: 1.6rem;
  }
}
#pid-support .section-contact h5 span,
#pid-faq .section-contact h5 span {
  display: inline-block;
  padding-left: 3rem;
}
#pid-support .section-contact .support-faqmore_box:nth-child(1) .support-faqmore_ttl::before,
#pid-faq .section-contact .support-faqmore_box:nth-child(1) .support-faqmore_ttl::before {
  background-image: url(../img/support/ico_faqsec_09.png);
  width: 30px;
  height: 23px;
  padding: 0;
}
#pid-support .section-contact .support-faqmore_box:nth-child(2) .support-faqmore_ttl::before,
#pid-faq .section-contact .support-faqmore_box:nth-child(2) .support-faqmore_ttl::before {
  background-image: url(../img/support/ico_faqsec_10.png);
  width: 30px;
  height: 20px;
  padding: 0;
}
#pid-support .support-faqmore_ttl,
#pid-faq .support-faqmore_ttl {
  border-bottom: 2px solid #2066a8;
  font-size: 2rem;
  padding-bottom: 15px;
  margin: 0 30px 1rem;
}
#pid-support .support-faqmore_ttl::before,
#pid-faq .support-faqmore_ttl::before {
  content: "";
  width: 32px;
  height: 32px;
  display: inline-block;
  background-size: contain;
  padding-right: 10px;
  vertical-align: middle;
  margin-top: -5px;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-support .support-faqmore_ttl,
  #pid-faq .support-faqmore_ttl {
    margin: 0 20px 1rem;
    font-size: 1.8rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-support .support-faqmore_ttl,
  #pid-faq .support-faqmore_ttl {
    margin: 0 15px 1rem;
    font-size: 1.6rem;
  }
  #pid-support .support-faqmore_ttl::before,
  #pid-faq .support-faqmore_ttl::before {
    width: 24px;
    height: 24px;
    padding-right: 5px;
  }
}
#pid-support .support-faqmore_body,
#pid-faq .support-faqmore_body {
  padding: 0 30px 8px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-support .support-faqmore_body,
  #pid-faq .support-faqmore_body {
    padding: 0 25px 0;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-support .support-faqmore_body,
  #pid-faq .support-faqmore_body {
    padding: 0 15px 0;
  }
}
#pid-support .support-faqmore_body_ttl,
#pid-faq .support-faqmore_body_ttl {
  color: #1b63a7;
  font-weight: bold;
  font-size: 1.9rem;
  margin-bottom: 1.4rem;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-support .support-faqmore_body_ttl,
  #pid-faq .support-faqmore_body_ttl {
    font-size: 1.7rem;
  }
}
#pid-support .support-faqmore_btn,
#pid-faq .support-faqmore_btn {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  bottom: 30px;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  padding: 0 30px;
  margin: auto 0 0;
}
#pid-support .support-faqmore_btn span,
#pid-faq .support-faqmore_btn span {
  display: inline-block;
}
#pid-support .support-faqmore_btn:hover,
#pid-faq .support-faqmore_btn:hover {
  opacity: 0.8;
}
#pid-support .support-faqmore_btn a,
#pid-faq .support-faqmore_btn a {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  padding: 6px 30px;
  background: #2066a8;
  text-align: center;
  border-radius: 3px;
  position: relative;
}
#pid-support .support-faqmore_btn a .ico,
#pid-faq .support-faqmore_btn a .ico {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -7px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-support .support-faqmore_btn,
  #pid-faq .support-faqmore_btn {
    bottom: 25px;
    padding: 0 25px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-support .support-faqmore_btn,
  #pid-faq .support-faqmore_btn {
    bottom: 20px;
    padding: 0 15px;
  }
}
#pid-support .support-infoSec,
#pid-faq .support-infoSec {
  text-align: center;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-support .support-infoSec,
  #pid-faq .support-infoSec {
    padding: 0 15px;
  }
}
#pid-support .support-otherSec,
#pid-faq .support-otherSec {
  background: #deeef4;
  padding: 30px;
}
#pid-support .support-otherSec a.blue,
#pid-faq .support-otherSec a.blue {
  color: #1b63a7;
}
#pid-support .support-otherSec a:hover,
#pid-faq .support-otherSec a:hover {
  opacity: 0.8;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-support .support-otherSec,
  #pid-faq .support-otherSec {
    padding: 15px 15px 20px;
  }
}
#pid-support,
#pid-faq {
  /* --- 障害情報 重要なお知らせ --- */
}
#pid-support .support-important,
#pid-faq .support-important {
  border: 1px solid #d44035;
  background: #ffebe9;
  margin-bottom: 40px;
  border-radius: 3px;
  text-align: center;
}
#pid-support .support-important ul,
#pid-faq .support-important ul {
  padding: 15px 10px;
}
#pid-support .support-important ul li a,
#pid-faq .support-important ul li a {
  color: #222;
  font-weight: bold;
}
#pid-support .support-important a:hover,
#pid-faq .support-important a:hover {
  opacity: 0.8;
}
#pid-support .manualEnq,
#pid-faq .manualEnq {
  background: #eff4f8;
  padding: 30px;
}
@media only screen and (min-width: 768px) {
  #pid-support .manualEnq,
  #pid-faq .manualEnq {
    height: 3.2em;
    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;
  }
}
#pid-support .manualEnq__text,
#pid-faq .manualEnq__text {
  text-align: center;
}
#pid-support .manualEnq__answer,
#pid-faq .manualEnq__answer {
  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;
  margin: 10px 0 0;
}
#pid-support .manualEnq__answer > li,
#pid-faq .manualEnq__answer > li {
  margin: 0 5px;
}
#pid-support .manualEnq .button,
#pid-faq .manualEnq .button {
  width: 110px;
  padding-left: 0;
  padding-right: 0;
}
#pid-support .manualEnq .button:after,
#pid-faq .manualEnq .button:after {
  display: none;
}
@media only screen and (min-width: 768px) {
  #pid-support .manualEnq .manualEnqWrap,
  #pid-faq .manualEnq .manualEnqWrap {
    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;
  }
  #pid-support .manualEnq__answer,
  #pid-faq .manualEnq__answer {
    margin: 0 0 0 30px;
  }
}
#pid-support,
#pid-faq {
  /* --- 電話窓口混雑状況 --- */
}
#pid-support .table_window,
#pid-faq .table_window {
  width: 85%;
  border-left: 1px solid #ededed;
  border-top: 1px solid #ededed;
  margin-bottom: 10px;
}
#pid-support .table_window th,
#pid-faq .table_window th {
  background: #f7f8fa;
  padding: 5px;
  border-right: 1px solid #ededed;
  text-align: center;
}
#pid-support .table_window td,
#pid-faq .table_window td {
  padding: 5px;
  border-bottom: 1px solid #ededed;
  border-right: 1px solid #ededed;
  text-align: center;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-support .table_window,
  #pid-faq .table_window {
    min-width: 600px;
    overflow-x: auto;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-support .table_window_box,
  #pid-faq .table_window_box {
    overflow-x: auto;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-support .br-sp,
  #pid-faq .br-sp {
    display: block;
  }
}
#pid-support .js_scrolltip,
#pid-faq .js_scrolltip {
  position: relative;
}
#pid-support .scrollHint,
#pid-faq .scrollHint {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  pointer-events: none;
  display: inline-block;
}
#pid-support .scrollHint *,
#pid-faq .scrollHint * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (min-width: 640px) {
  #pid-support .scrollHint,
  #pid-faq .scrollHint {
    display: none;
  }
}
#pid-support .scrollHint_icon,
#pid-faq .scrollHint_icon {
  width: 120px;
  height: 80px;
  position: absolute;
  top: 60px;
  left: 0;
  right: 0;
  margin: auto;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  line-height: 1;
  font-size: 1rem;
  padding: 10px;
  border-radius: 5px;
}
#pid-support .scrollHint_icon i,
#pid-faq .scrollHint_icon i {
  font-size: 4rem;
  -webkit-animation: movearrow 1s ease-out infinite;
          animation: movearrow 1s ease-out infinite;
  position: relative;
}
@keyframes movearrow {
  0% {
    left: 0;
  }
  25% {
    left: 6px;
  }
  50% {
    left: 0;
  }
  75% {
    left: -4px;
  }
  100% {
    left: 0;
  }
}
#pid-support .search-box #gs_tti50 .gsc-input,
#pid-faq .search-box #gs_tti50 .gsc-input {
  position: relative !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  width: 100% !important;
  border: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  padding: 5px 10px !important;
  background: #fff !important;
  border-radius: 3px !important;
  font-size: 1.5rem !important;
}
@media only screen and (min-width: 768px) {
  #pid-support .search-box #gs_tti50 .gsc-input,
  #pid-faq .search-box #gs_tti50 .gsc-input {
    height: 44px !important;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-support .search-box #gs_tti50 .gsc-input,
  #pid-faq .search-box #gs_tti50 .gsc-input {
    height: 36px !important;
  }
}
#pid-support .chatbtn_box,
#pid-faq .chatbtn_box {
  text-align: center;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-support .chatbtn,
  #pid-faq .chatbtn {
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-support .chatbtn,
  #pid-faq .chatbtn {
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-support .chatbtn_box,
  #pid-faq .chatbtn_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 30px;
  }
  #pid-support .chatbtn,
  #pid-faq .chatbtn {
    width: 435px;
    margin-right: 15px;
  }
}
#pid-support .btn_chat_1,
#pid-faq .btn_chat_1 {
  width: 350px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-support .btn_chat_1,
  #pid-faq .btn_chat_1 {
    width: 95%;
  }
}
#pid-support .btn_chat_1,
#pid-faq .btn_chat_1 {
  padding: 18px;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  background: #1b63a7;
  border-radius: 3px;
}
#pid-support .btn_chat_1:after,
#pid-faq .btn_chat_1:after {
  content: url(../img/support/icon_operator.png);
  vertical-align: middle;
  padding-left: 7px;
}
#pid-support .btn_chat_2,
#pid-faq .btn_chat_2 {
  width: 350px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-support .btn_chat_2,
  #pid-faq .btn_chat_2 {
    width: 95%;
  }
}
#pid-support .btn_chat_2,
#pid-faq .btn_chat_2 {
  padding: 16px;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  background: #0080c3;
  border-radius: 3px;
}
#pid-support .btn_chat_2:after,
#pid-faq .btn_chat_2:after {
  content: url(../img/support/icon_chatbot.png);
  vertical-align: middle;
  padding-left: 7px;
}
#pid-support .faqList__btnBox,
#pid-faq .faqList__btnBox {
  text-align: center;
  margin-top: 50px;
}
#pid-support,
#pid-faq {
  /* ----------------------------------------------------------
  	よくある質問一覧
  ------------------------------------------------------------- */
}
#pid-support .faqList,
#pid-faq .faqList {
  margin: 0 0 40px;
  padding: 10px;
  border: 5px solid #f5f5f5;
}
#pid-support .faqList__item,
#pid-faq .faqList__item {
  border-bottom: 1px dotted #ccc;
}
#pid-support .faqList__item:last-child,
#pid-faq .faqList__item:last-child {
  border-bottom: none;
}
#pid-support .faqList__label,
#pid-faq .faqList__label {
  position: relative;
  display: block;
  padding: 20px 40px 20px 50px;
  background: url(../img/faq/ico_faqlist_q.png) no-repeat 10px center;
}
#pid-support .faqList__label:hover,
#pid-faq .faqList__label:hover {
  background-color: #f5f5f5;
}
#pid-support .faqList__label > i,
#pid-faq .faqList__label > i {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
#pid-support,
#pid-faq {
  /* SP - Tab */
}
#pid-support,
#pid-faq {
  /* SP */
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-support .faqList__label,
  #pid-faq .faqList__label {
    padding: 15px 40px 15px 50px;
  }
}
#pid-support,
#pid-faq {
  /* Tab */
}
#pid-support,
#pid-faq {
  /* ----------------------------------------------------------
  	お問い合わせのコミュニティ
  ------------------------------------------------------------- */
}
#pid-support .support-contact-community,
#pid-faq .support-contact-community {
  border: 2px solid #1b63a7;
  background: #fff;
  margin-bottom: 30px;
}
#pid-support .support-contact-community .list,
#pid-faq .support-contact-community .list {
  padding: 0 30px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-support .support-contact-community .list,
  #pid-faq .support-contact-community .list {
    padding: 0 10px;
  }
}
#pid-support .support-contact-community .list_arrow-right li:after,
#pid-faq .support-contact-community .list_arrow-right li:after {
  border-top: 5px solid #f7900b;
}
#pid-support .support-contact-community p,
#pid-faq .support-contact-community p {
  padding: 0 20px;
  text-align: center;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-support .support-contact-community p,
  #pid-faq .support-contact-community p {
    text-align: left;
  }
}
#pid-support p.support-contact-community_ttl,
#pid-faq p.support-contact-community_ttl {
  background: #1b63a7;
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 1.8rem;
  padding: 5px 20px;
}
#pid-support p.support-contact-community_ttl::before,
#pid-faq p.support-contact-community_ttl::before {
  content: "";
  width: 22px;
  height: 22px;
  background: url(../img/support/ico_news_ttl_blue.png) no-repeat;
  display: inline-block;
  background-size: contain;
  padding-right: 5px;
  vertical-align: middle;
  margin-top: -4px;
}
#pid-support .support-contact-section,
#pid-faq .support-contact-section {
  background: #fff;
  padding: 0 0 30px;
  text-align: center;
}
#pid-support .support-contact-community-section_ttl,
#pid-faq .support-contact-community-section_ttl {
  font-size: 3rem;
  color: #1b63a7;
  text-align: center;
  line-height: 1.4;
  margin-bottom: 20px;
  font-weight: bold;
  padding: 0 20px;
}
@media only screen and (max-width: 1099px) {
  #pid-support .support-contact-community-section_ttl,
  #pid-faq .support-contact-community-section_ttl {
    font-size: 2.7rem;
  }
}
#pid-support .support-contact-community-section_ttl-sub,
#pid-faq .support-contact-community-section_ttl-sub {
  font-size: 1.6rem;
}
#pid-support .faqEnq,
#pid-faq .faqEnq {
  background: #eff4f8;
  padding: 30px;
}
@media only screen and (min-width: 768px) {
  #pid-support .faqEnq,
  #pid-faq .faqEnq {
    height: 3.2em;
    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;
  }
}
#pid-support .faqEnq__text,
#pid-faq .faqEnq__text {
  text-align: center;
}
#pid-support .faqEnq__answer,
#pid-faq .faqEnq__answer {
  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;
  margin: 10px 0 0;
}
#pid-support .faqEnq__answer > li,
#pid-faq .faqEnq__answer > li {
  margin: 0 5px;
}
#pid-support .faqEnq .button,
#pid-faq .faqEnq .button {
  width: 110px;
  padding-left: 0;
  padding-right: 0;
}
#pid-support .faqEnq .button:after,
#pid-faq .faqEnq .button:after {
  display: none;
}
@media only screen and (min-width: 768px) {
  #pid-support .faqEnq .faqEnqWrap,
  #pid-faq .faqEnq .faqEnqWrap {
    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;
  }
  #pid-support .faqEnq__answer,
  #pid-faq .faqEnq__answer {
    margin: 0 0 0 30px;
  }
}
#pid-support .download-cat,
#pid-faq .download-cat {
  margin-top: 60px;
  padding: 40px 0 30px;
  position: relative;
}
#pid-support .download-cat::before,
#pid-faq .download-cat::before {
  content: "";
  display: block;
  width: 100vw;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #eff4f8;
  margin: 0 calc(50% - 50vw);
  z-index: -1;
}
@media only screen and (max-width: 1099px) {
  #pid-support .download-cat,
  #pid-faq .download-cat {
    margin-top: 40px;
    padding-top: 20px;
  }
}
#pid-support .download-lead,
#pid-faq .download-lead {
  background: #1b63a7;
  border-radius: 30px;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  padding: 7px 20px 6px;
  position: absolute;
  top: -18px;
  left: 50%;
  text-align: center;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 550px;
}
#pid-support .download-lead:before,
#pid-faq .download-lead:before {
  background: #1b63a7;
  bottom: -9px;
  content: "";
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
  height: 10px;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 11px;
}
@media only screen and (max-width: 1099px) {
  #pid-support .download-lead,
  #pid-faq .download-lead {
    border-radius: 3px;
    font-size: 1.4rem;
    margin: -40px auto 20px;
    position: static;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    width: calc(100% - 40px);
  }
}
#pid-support .download-lead .is-sp,
#pid-faq .download-lead .is-sp {
  display: none;
}
@media only screen and (max-width: 1099px) {
  #pid-support .download-lead .is-sp,
  #pid-faq .download-lead .is-sp {
    display: block;
  }
}
#pid-support .download-cat-link,
#pid-faq .download-cat-link {
  background: #fff;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-weight: 700;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px 10px;
}
@media only screen and (max-width: 1099px) {
  #pid-support .download-cat-link,
  #pid-faq .download-cat-link {
    font-size: 1.4rem;
  }
}
#pid-support .download-cat-link li,
#pid-faq .download-cat-link li {
  padding: 0 15px;
}
@media only screen and (max-width: 1099px) {
  #pid-support .download-cat-link li,
  #pid-faq .download-cat-link li {
    padding: 0 5px;
  }
}
#pid-support .download-cat-link li + li,
#pid-faq .download-cat-link li + li {
  border-left: 1px solid #ccc;
}
@media only screen and (max-width: 1099px) {
  #pid-support .download-cat-link li + li,
  #pid-faq .download-cat-link li + li {
    border-left: 0;
  }
}
#pid-support .download-cat-link li a,
#pid-faq .download-cat-link li a {
  color: #2f334c;
  padding-left: 15px;
  position: relative;
  text-decoration: none;
}
@media only screen and (max-width: 1099px) {
  #pid-support .download-cat-link li a,
  #pid-faq .download-cat-link li a {
    padding-left: 10px;
  }
}
#pid-support .download-cat-link li a::before,
#pid-faq .download-cat-link li a::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background: url(../img/common/ico_toc_arrow.png) no-repeat 0 0;
  position: absolute;
  left: 0;
  top: 0.3em;
}
#pid-support .download-cat-link li a:hover,
#pid-faq .download-cat-link li a:hover {
  color: #1b63a7;
}
#pid-support .download-wrap,
#pid-faq .download-wrap {
  padding: 80px 0;
  position: relative;
}
@media only screen and (max-width: 1099px) {
  #pid-support .download-wrap,
  #pid-faq .download-wrap {
    padding: 60px 0;
  }
}
#pid-support .download-wrap:nth-child(odd)::before,
#pid-faq .download-wrap:nth-child(odd)::before {
  content: "";
  display: block;
  width: 100vw;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #eff4f8;
  margin: 0 calc(50% - 50vw);
  z-index: -1;
}
#pid-support .download-wrap:last-child,
#pid-faq .download-wrap:last-child {
  margin-bottom: -40px;
}
#pid-support .download-cat-ttl,
#pid-faq .download-cat-ttl {
  font-size: 2.4rem;
  margin: 0 0 30px;
  text-align: center;
}
@media only screen and (max-width: 1099px) {
  #pid-support .download-cat-ttl,
  #pid-faq .download-cat-ttl {
    margin-bottom: 20px;
  }
}
#pid-support .download-list,
#pid-faq .download-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 30px;
}
#pid-support .download-box,
#pid-faq .download-box {
  text-align: center;
  width: calc(33.33% - 20px);
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-support .download-box,
  #pid-faq .download-box {
    width: calc(50% - 20px);
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-support .download-list,
  #pid-faq .download-list {
    gap: 20px;
  }
  #pid-support .download-box,
  #pid-faq .download-box {
    width: 100%;
  }
}
#pid-support .download-box a,
#pid-faq .download-box a {
  color: #2f334c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: calc(100% - 35px);
  padding: 0 0 35px;
  overflow: hidden;
  background-color: #fff;
  border-radius: 3px;
  text-decoration: none;
}
#pid-support .download-thumb,
#pid-faq .download-thumb {
  height: 180px;
  padding: 10px 10px 20px;
}
@media only screen and (max-width: 1099px) {
  #pid-support .download-thumb,
  #pid-faq .download-thumb {
    height: 180px;
  }
}
#pid-support .download-thumb img,
#pid-faq .download-thumb img {
  max-height: 100%;
  max-width: 100%;
}
#pid-support .download-ttl,
#pid-faq .download-ttl {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 15px;
}
#pid-support .download-box .button01,
#pid-faq .download-box .button01 {
  margin: auto auto 0;
  padding-left: 0;
  padding-right: 6px;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  #pid-support .download-box .button01,
  #pid-faq .download-box .button01 {
    width: 200px;
  }
}
@media only screen and (max-width: 1099px) {
  #pid-support .download-box .button01,
  #pid-faq .download-box .button01 {
    margin: 0 20px;
    width: calc(100% - 40px);
  }
}
#pid-support .download-box .button01:after,
#pid-faq .download-box .button01:after {
  display: none;
}
#pid-support .download-box .button01 i,
#pid-faq .download-box .button01 i {
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

#pid-login input::-ms-reveal,
#pid-login input::-ms-clear {
  visibility: hidden;
}
#pid-login input[type=text],
#pid-login input[type=password] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 80%;
  padding: 1em 20px 1em 1em;
  font-size: 14px;
}
#pid-login input[type=text],
#pid-login input[type=password] {
  width: 80%;
  padding: 1em;
  font-size: 14px;
}
#pid-login {
  /* focus */
}
#pid-login input[type=text]:focus,
#pid-login input[type=password]:focus,
#pid-login textarea:focus {
  outline: 1px;
  border-color: #333;
  background-color: #eee;
  line-height: 1;
}
#pid-login .ico_eye_field {
  display: inline-block;
  position: relative;
}
#pid-login .ico_eye {
  display: inline-block;
  position: absolute;
  width: 22px;
  height: 22px;
  top: -16px;
  left: -40px;
  background-position: middle center;
  background-repeat: no-repeat;
  cursor: pointer;
}
#pid-login .ico_eye_close {
  background-image: url(../img/common/ico_eye_close.png);
}
#pid-login .ico_eye_open {
  background-image: url(../img/common/ico_eye_open.png);
}
#pid-login .form_hide {
  display: none !important;
}
#pid-login {
  /* スマホ */
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-login {
    /* placeholder */
  }
  #pid-login :-moz-placeholder {
    text-align: center;
  }
  #pid-login :-ms-input-placeholder {
    text-align: center;
  }
  #pid-login :placeholder-shown {
    text-align: center;
  }
  #pid-login {
    /* Google Chrome, Safari, Opera 15+, Android, iOS */
  }
  #pid-login ::-webkit-input-placeholder {
    text-align: center;
  }
  #pid-login {
    /* Firefox 18- */
  }
  #pid-login :-moz-placeholder {
    opacity: 1;
    text-align: center;
  }
  #pid-login {
    /* Firefox 19+ */
  }
  #pid-login ::-moz-placeholder {
    opacity: 1;
    text-align: center;
  }
  #pid-login {
    /* IE 10+ */
  }
  #pid-login :-ms-input-placeholder {
    text-align: center;
  }
}
#pid-login .loginHeader {
  position: relative;
  padding: 2px 0 0 56px;
  width: 80%;
  margin: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#pid-login .loginHeader__ttl {
  margin-bottom: 0.25em;
  font-size: 1.2em;
}
#pid-login .loginHeader__img {
  position: absolute;
  left: 0;
  top: 0;
}
#pid-login .loginTable {
  width: 100%;
  border-top: 3px solid;
  margin-bottom: 20px;
}
#pid-login .loginTable th {
  padding: 1em;
  border-bottom: 1px solid #ccc;
  width: 40%;
}
#pid-login .loginTable td {
  padding: 1em;
  border-bottom: 1px solid #ccc;
}
#pid-login input [type=submit] {
  font-size: 1.2em;
  padding: 1em 4em;
}
#pid-login .btnarea {
  text-align: center;
  margin-bottom: 20px;
}
#pid-login .btnarea .btn {
  display: block;
  margin: 0 auto;
  padding: 0.8em 5em;
  border-radius: 4px;
  background-color: #ebebeb;
  text-decoration: none;
  text-align: center;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-size: 1.2em;
  font-weight: bold;
  color: #fff;
}
#pid-login .btn:hover {
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
  opacity: 0.8;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#pid-login .infopanel .loginHeader__ttl {
  color: #1b63a7;
}
#pid-login .infopanel .loginTable {
  border-top-color: #1b63a7;
}
#pid-login .infopanel .loginTable th {
  background-color: #e6f2fd;
}
#pid-login .infopanel .btn {
  background-color: #1b63a7;
  color: #fff;
}
#pid-login .serverpanel .loginHeader__ttl {
  color: #f78601;
}
#pid-login .serverpanel .loginTable {
  border-top-color: #f78601;
}
#pid-login .serverpanel .loginTable th {
  background-color: #faeee4;
}
#pid-login .serverpanel .btn {
  background-color: #f78601;
  color: #fff;
}
#pid-login .webmail .loginHeader__ttl {
  color: #9a55aa;
}
#pid-login .webmail .loginTable {
  border-top-color: #9a55aa;
}
#pid-login .webmail .loginTable th {
  background-color: #f1e9f3;
}
#pid-login .webmail .btn {
  background-color: #9a55aa;
  color: #fff;
}
#pid-login .webftp .loginHeader__ttl {
  color: #018847;
}
#pid-login .webftp .loginTable {
  border-top-color: #018847;
}
#pid-login .webftp .loginTable th {
  background-color: #e3f9e3;
}
#pid-login .webftp .btn {
  background-color: #018847;
  color: #fff;
}
#pid-login .newLogin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  margin: 30px auto 0;
  background: #f7f7f7;
  border: 1px solid #b7cde3;
  padding: 2rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#pid-login .newLogin_text {
  width: 56%;
  padding-right: 30px;
}
#pid-login .newLogin_ttl {
  font-weight: bold;
  font-size: 1rem;
  margin-bottom: 0.3em;
}
#pid-login .newLogin .btnarea {
  margin: 0;
}
#pid-login .newLogin .btnarea a {
  padding: 20px 32px;
}
#pid-login {
  /* タブレット */
}
@media only screen and (max-width: 959px) {
  #pid-login .newLogin {
    display: block;
  }
  #pid-login .newLogin_text {
    width: 100%;
    padding-right: 0;
  }
  #pid-login .newLogin .btnarea a {
    display: inline-block;
    padding: 20px;
    margin-top: 15px;
  }
}
#pid-login {
  /* スマホ */
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-login .loginHeader {
    padding-left: 0;
    width: 100%;
  }
  #pid-login .loginHeader__ttl {
    padding-left: 30px;
  }
  #pid-login .loginTable th {
    padding: 1em 0;
    width: 100%;
  }
  #pid-login .loginTable td {
    padding: 0.5em 0 1.5em;
  }
  #pid-login .infopanel .loginTable th,
  #pid-login .serverpanel .loginTable th,
  #pid-login .webmail .loginTable th,
  #pid-login .webftp .loginTable th {
    background-color: #fff;
    border-bottom: 0;
    padding-bottom: 0;
  }
  #pid-login .newLogin {
    display: block;
    width: 100%;
    margin: 20px 0;
    padding: 1.2rem;
  }
  #pid-login .newLogin .btnarea {
    margin: 0;
  }
  #pid-login .newLogin .btnarea a {
    display: block;
    margin-bottom: 5px;
  }
}
#pid-login .login {
  display: block;
  margin: 0 auto;
}
#pid-login .login.serverpanel .loginForm__item--caption {
  color: #f78601;
}
#pid-login .login.webftp .loginForm__item--caption {
  color: #018847;
}
#pid-login .login.webmail .loginForm__item--caption {
  color: #9a55aa;
}
#pid-login .loginForm {
  display: table;
  margin: 20px auto;
}
#pid-login .loginForm input[type=text],
#pid-login .loginForm input[type=password] {
  width: 100%;
}
#pid-login .loginForm input[type=text]::-webkit-input-placeholder, #pid-login .loginForm input[type=password]::-webkit-input-placeholder {
  text-align: left;
}
#pid-login .loginForm input[type=text]::-moz-placeholder, #pid-login .loginForm input[type=password]::-moz-placeholder {
  text-align: left;
}
#pid-login .loginForm input[type=text]:-ms-input-placeholder, #pid-login .loginForm input[type=password]:-ms-input-placeholder {
  text-align: left;
}
#pid-login .loginForm input[type=text]::-ms-input-placeholder, #pid-login .loginForm input[type=password]::-ms-input-placeholder {
  text-align: left;
}
#pid-login .loginForm input[type=text]::placeholder,
#pid-login .loginForm input[type=password]::placeholder {
  text-align: left;
}
#pid-login .loginForm__item {
  margin: 20px 0 0;
}
#pid-login .loginForm__item--caption {
  color: #1b63a7;
  font-weight: bold;
}
#pid-login .loginForm__item--input {
  margin: 5px 0 0;
  width: 440px;
  position: relative;
}
#pid-login .loginForm__item--input .ico_eye_field {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}
#pid-login .loginForm__item--input .ico_eye_field .ico_eye {
  top: 50%;
  right: 15px;
  margin-top: -11px;
}
#pid-login .loginForm__item--note {
  margin: 5px 0 0;
  color: #666;
  font-size: 12px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-login .loginForm {
    display: block;
  }
  #pid-login .loginForm__item--input {
    width: auto;
  }
}
#pid-login .btnarea {
  margin: 40px 20px;
}

#pid-support .infoDetail h1, #pid-support .infoDetail h4 {
  border-radius: 2px;
  line-height: 1;
  padding: 1.2rem 1.6rem;
  font-size: 1.8rem;
  font-weight: bold;
  background-color: #e5f0fa;
  border-left: 3px solid #1A60A3;
}
#pid-support .infoDetail h2, #pid-support .infoDetail h5 {
  font-size: 1.6rem;
  font-weight: bold;
}
#pid-support .infoDetail h2:before, #pid-support .infoDetail h5:before {
  display: inline-block;
  font-size: 2.5rem;
  margin-right: 5px;
  content: "\25a0";
  color: #1A60A3;
}
#pid-support .infoDetail h3, #pid-support .infoDetail h6 {
  font-size: 1.5rem;
  font-weight: bold;
}
#pid-support .infoDetail table {
  margin: 0 0 20px;
  background: #fff;
  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
  border-collapse: collapse;
}
#pid-support .infoDetail table th {
  background: #f0f0f0;
  border-bottom: 1px solid #eee;
  border-right: 1px solid #fff;
  text-align: center;
  padding: 12px;
}
#pid-support .infoDetail table td {
  padding: 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 1px solid #eee;
  border-right: 1px solid #eee;
  text-align: center;
}
#pid-support .infoDetail a {
  color: #286ed3;
}
#pid-support .infoDetail a:hover {
  opacity: 0.7;
}
@media only screen and (max-width: 1099px) {
  #pid-support .infoDetail img {
    max-width: 100%;
  }
}
#pid-support .note-news {
  display: inline-block;
  font-size: 11px;
  line-height: 1.4;
}
#pid-support .note-news .item-inner {
  overflow: hidden;
}
@media only screen and (max-width: 1099px) {
  #pid-support .note-news {
    font-size: 10px;
  }
}

#pid-info  .break-word,
#pid-404  .break-word,
#pid-ylp  .break-word,
#pid-saec  .break-word {
  word-break: break-word;
}
#pid-info .campaign_visual,
#pid-404 .campaign_visual,
#pid-ylp .campaign_visual,
#pid-saec .campaign_visual {
  margin-bottom: 30px;
  text-align: center;
  position: relative;
}
#pid-info .campaign_visual img,
#pid-404 .campaign_visual img,
#pid-ylp .campaign_visual img,
#pid-saec .campaign_visual img {
  max-width: 100%;
}
#pid-info .campaign_visual_title,
#pid-404 .campaign_visual_title,
#pid-ylp .campaign_visual_title,
#pid-saec .campaign_visual_title {
  background-image: url("../img/campaign/260804/bg_campaign_l.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 55px 0 75px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info .campaign_visual_title,
  #pid-404 .campaign_visual_title,
  #pid-ylp .campaign_visual_title,
  #pid-saec .campaign_visual_title {
    background-image: url("../img/campaign/260804/bg_campaign_m.png");
    padding: 45px 0 48px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info .campaign_visual_title,
  #pid-404 .campaign_visual_title,
  #pid-ylp .campaign_visual_title,
  #pid-saec .campaign_visual_title {
    background-image: url("../img/campaign/260804/bg_campaign_s.png");
    padding: 36px 0;
  }
}
#pid-info .campaign_visual_title_image,
#pid-404 .campaign_visual_title_image,
#pid-ylp .campaign_visual_title_image,
#pid-saec .campaign_visual_title_image {
  margin: 0 auto;
  max-width: 662px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info .campaign_visual_title_image,
  #pid-404 .campaign_visual_title_image,
  #pid-ylp .campaign_visual_title_image,
  #pid-saec .campaign_visual_title_image {
    max-width: 80%;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info .campaign_visual_title_image,
  #pid-404 .campaign_visual_title_image,
  #pid-ylp .campaign_visual_title_image,
  #pid-saec .campaign_visual_title_image {
    max-width: 90%;
  }
}
#pid-info .campaign_visual_data,
#pid-404 .campaign_visual_data,
#pid-ylp .campaign_visual_data,
#pid-saec .campaign_visual_data {
  font-weight: 600;
  position: relative;
  background: #CBE9F4;
  color: #fff;
  font-size: 27px;
  padding: 8px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info .campaign_visual_data,
  #pid-404 .campaign_visual_data,
  #pid-ylp .campaign_visual_data,
  #pid-saec .campaign_visual_data {
    font-size: 2.5rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info .campaign_visual_data,
  #pid-404 .campaign_visual_data,
  #pid-ylp .campaign_visual_data,
  #pid-saec .campaign_visual_data {
    font-size: 1.4rem;
  }
}
#pid-info .campaign_visual_newyeardata,
#pid-404 .campaign_visual_newyeardata,
#pid-ylp .campaign_visual_newyeardata,
#pid-saec .campaign_visual_newyeardata {
  font-weight: 600;
  position: relative;
  background: #cce5ff;
  color: #fff;
  font-size: 27px;
  padding: 8px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info .campaign_visual_newyeardata,
  #pid-404 .campaign_visual_newyeardata,
  #pid-ylp .campaign_visual_newyeardata,
  #pid-saec .campaign_visual_newyeardata {
    font-size: 2.5rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info .campaign_visual_newyeardata,
  #pid-404 .campaign_visual_newyeardata,
  #pid-ylp .campaign_visual_newyeardata,
  #pid-saec .campaign_visual_newyeardata {
    font-size: 1.4rem;
  }
}
#pid-info .campaign_visual_balloon,
#pid-404 .campaign_visual_balloon,
#pid-ylp .campaign_visual_balloon,
#pid-saec .campaign_visual_balloon {
  display: table;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  top: -19px;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  background: #363e60;
  border-radius: 50px;
  color: #fff;
  line-height: 1;
  padding: 9px 20px 7px;
  font-size: 2rem;
}
#pid-info .campaign_visual_balloon:after,
#pid-404 .campaign_visual_balloon:after,
#pid-ylp .campaign_visual_balloon:after,
#pid-saec .campaign_visual_balloon:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: -18px;
  margin-left: -10px;
  border: 10px solid transparent;
  border-top-color: #363e60;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info .campaign_visual_balloon,
  #pid-404 .campaign_visual_balloon,
  #pid-ylp .campaign_visual_balloon,
  #pid-saec .campaign_visual_balloon {
    font-size: 1.6rem;
    padding: 8px 24px 6px;
    /* top: -15px; */
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info .campaign_visual_balloon,
  #pid-404 .campaign_visual_balloon,
  #pid-ylp .campaign_visual_balloon,
  #pid-saec .campaign_visual_balloon {
    font-size: 1.1rem;
    padding: 5px 16px;
    top: -14px;
  }
  #pid-info .campaign_visual_balloon:after,
  #pid-404 .campaign_visual_balloon:after,
  #pid-ylp .campaign_visual_balloon:after,
  #pid-saec .campaign_visual_balloon:after {
    content: "";
    display: block;
    margin-left: -8px;
    bottom: -14px;
    border: 8px solid transparent;
    border-top-color: #363e60;
  }
}
#pid-info .campaign_visual_newyearballoon,
#pid-404 .campaign_visual_newyearballoon,
#pid-ylp .campaign_visual_newyearballoon,
#pid-saec .campaign_visual_newyearballoon {
  display: table;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  top: -19px;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  background: #363e60;
  border-radius: 50px;
  color: #fff;
  line-height: 1;
  padding: 9px 20px 7px;
  font-size: 1.9rem;
}
#pid-info .campaign_visual_newyearballoon:after,
#pid-404 .campaign_visual_newyearballoon:after,
#pid-ylp .campaign_visual_newyearballoon:after,
#pid-saec .campaign_visual_newyearballoon:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: -18px;
  margin-left: -10px;
  border: 10px solid transparent;
  border-top-color: #363e60;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info .campaign_visual_newyearballoon,
  #pid-404 .campaign_visual_newyearballoon,
  #pid-ylp .campaign_visual_newyearballoon,
  #pid-saec .campaign_visual_newyearballoon {
    font-size: 1.6rem;
    width: 38%;
    padding: 8px 10px 6px;
    /* top: -15px; */
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info .campaign_visual_newyearballoon,
  #pid-404 .campaign_visual_newyearballoon,
  #pid-ylp .campaign_visual_newyearballoon,
  #pid-saec .campaign_visual_newyearballoon {
    font-size: 1.1rem;
    width: 60vw;
    padding: 5px 10px;
    top: -14px;
  }
  #pid-info .campaign_visual_newyearballoon:after,
  #pid-404 .campaign_visual_newyearballoon:after,
  #pid-ylp .campaign_visual_newyearballoon:after,
  #pid-saec .campaign_visual_newyearballoon:after {
    content: "";
    display: block;
    margin-left: -8px;
    bottom: -14px;
    border: 8px solid transparent;
    border-top-color: #363e60;
  }
}
#pid-info .campaign_visual_cashback,
#pid-404 .campaign_visual_cashback,
#pid-ylp .campaign_visual_cashback,
#pid-saec .campaign_visual_cashback {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 32px auto 16px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info .campaign_visual_cashback,
  #pid-404 .campaign_visual_cashback,
  #pid-ylp .campaign_visual_cashback,
  #pid-saec .campaign_visual_cashback {
    margin: 20px auto 8px;
    max-width: 60%;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info .campaign_visual_cashback,
  #pid-404 .campaign_visual_cashback,
  #pid-ylp .campaign_visual_cashback,
  #pid-saec .campaign_visual_cashback {
    margin: 10px auto 4px;
    max-width: 85%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 6px;
  }
}
#pid-info .campaign_visual_cashback a:not(:last-child),
#pid-404 .campaign_visual_cashback a:not(:last-child),
#pid-ylp .campaign_visual_cashback a:not(:last-child),
#pid-saec .campaign_visual_cashback a:not(:last-child) {
  margin: 0 16px 0 0;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info .campaign_visual_cashback a:not(:last-child),
  #pid-404 .campaign_visual_cashback a:not(:last-child),
  #pid-ylp .campaign_visual_cashback a:not(:last-child),
  #pid-saec .campaign_visual_cashback a:not(:last-child) {
    margin: 0 0 8px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info .campaign_visual_cashback.campaign,
  #pid-404 .campaign_visual_cashback.campaign,
  #pid-ylp .campaign_visual_cashback.campaign,
  #pid-saec .campaign_visual_cashback.campaign {
    margin: 20px auto 8px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info .campaign_visual_cashback.campaign,
  #pid-404 .campaign_visual_cashback.campaign,
  #pid-ylp .campaign_visual_cashback.campaign,
  #pid-saec .campaign_visual_cashback.campaign {
    margin: 10px auto 4px;
    width: 60%;
  }
}
#pid-info .campaign_visual_finish,
#pid-404 .campaign_visual_finish,
#pid-ylp .campaign_visual_finish,
#pid-saec .campaign_visual_finish {
  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;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8;
}
#pid-info .campaign_visual_finish span,
#pid-404 .campaign_visual_finish span,
#pid-ylp .campaign_visual_finish span,
#pid-saec .campaign_visual_finish span {
  display: block;
  background-color: #fff;
  padding: 30px;
  font-size: 33px;
  line-height: 1;
}
@media only screen and (max-width: 1099px) {
  #pid-info .campaign_visual_finish span,
  #pid-404 .campaign_visual_finish span,
  #pid-ylp .campaign_visual_finish span,
  #pid-saec .campaign_visual_finish span {
    padding: 3vw;
    font-size: 3.2vw;
  }
}
#pid-info .campaign_visualtransferdaiko .campaign_visual_title,
#pid-404 .campaign_visualtransferdaiko .campaign_visual_title,
#pid-ylp .campaign_visualtransferdaiko .campaign_visual_title,
#pid-saec .campaign_visualtransferdaiko .campaign_visual_title {
  background-image: url("../img/campaign/250120/bg_campaign_l.png?date=250304");
  padding: 50px 0 40px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info .campaign_visualtransferdaiko .campaign_visual_title,
  #pid-404 .campaign_visualtransferdaiko .campaign_visual_title,
  #pid-ylp .campaign_visualtransferdaiko .campaign_visual_title,
  #pid-saec .campaign_visualtransferdaiko .campaign_visual_title {
    background-image: url("../img/campaign/250120/bg_campaign_m.png?date=250304");
    padding: 40px 0 35px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info .campaign_visualtransferdaiko .campaign_visual_title,
  #pid-404 .campaign_visualtransferdaiko .campaign_visual_title,
  #pid-ylp .campaign_visualtransferdaiko .campaign_visual_title,
  #pid-saec .campaign_visualtransferdaiko .campaign_visual_title {
    background-image: url("../img/campaign/250120/bg_campaign_s.png?date=250304");
    padding: 30px 0;
  }
}
#pid-info .campaign_visualtransferdaiko .campaign_visual_title_image,
#pid-404 .campaign_visualtransferdaiko .campaign_visual_title_image,
#pid-ylp .campaign_visualtransferdaiko .campaign_visual_title_image,
#pid-saec .campaign_visualtransferdaiko .campaign_visual_title_image {
  max-width: 850px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info .campaign_visualtransferdaiko .campaign_visual_title_image,
  #pid-404 .campaign_visualtransferdaiko .campaign_visual_title_image,
  #pid-ylp .campaign_visualtransferdaiko .campaign_visual_title_image,
  #pid-saec .campaign_visualtransferdaiko .campaign_visual_title_image {
    max-width: 70%;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info .campaign_visualtransferdaiko .campaign_visual_title_image,
  #pid-404 .campaign_visualtransferdaiko .campaign_visual_title_image,
  #pid-ylp .campaign_visualtransferdaiko .campaign_visual_title_image,
  #pid-saec .campaign_visualtransferdaiko .campaign_visual_title_image {
    max-width: 95%;
  }
}
#pid-info .campaign_btn,
#pid-404 .campaign_btn,
#pid-ylp .campaign_btn,
#pid-saec .campaign_btn {
  margin-bottom: 25px;
  text-align: center;
}
#pid-info .campaign_btn .btn,
#pid-404 .campaign_btn .btn,
#pid-ylp .campaign_btn .btn,
#pid-saec .campaign_btn .btn {
  width: 500px;
}
#pid-info .campaign_table,
#pid-404 .campaign_table,
#pid-ylp .campaign_table,
#pid-saec .campaign_table {
  width: 100%;
  margin-bottom: 30px;
}
#pid-info .campaign_table th,
#pid-info .campaign_table td,
#pid-404 .campaign_table th,
#pid-404 .campaign_table td,
#pid-ylp .campaign_table th,
#pid-ylp .campaign_table td,
#pid-saec .campaign_table th,
#pid-saec .campaign_table td {
  background: url(../img/common/bg_grid_dark.png);
  border-bottom: 2px solid #fff;
}
#pid-info .campaign_table th,
#pid-404 .campaign_table th,
#pid-ylp .campaign_table th,
#pid-saec .campaign_table th {
  width: 18%;
  padding: 4px 10px 4px 23px;
  background-position: 100% 0;
  vertical-align: middle;
}
#pid-info .campaign_table td,
#pid-404 .campaign_table td,
#pid-ylp .campaign_table td,
#pid-saec .campaign_table td {
  padding: 5px;
}
#pid-info .campaign_table_inner,
#pid-404 .campaign_table_inner,
#pid-ylp .campaign_table_inner,
#pid-saec .campaign_table_inner {
  padding: 27px 25px;
  background: #fff;
}
#pid-info .campaign_table_inner :last-child,
#pid-404 .campaign_table_inner :last-child,
#pid-ylp .campaign_table_inner :last-child,
#pid-saec .campaign_table_inner :last-child {
  margin-bottom: 0;
}
#pid-info .campaign_flow-wrap h3,
#pid-info .campaign_flow-wrap h4,
#pid-404 .campaign_flow-wrap h3,
#pid-404 .campaign_flow-wrap h4,
#pid-ylp .campaign_flow-wrap h3,
#pid-ylp .campaign_flow-wrap h4,
#pid-saec .campaign_flow-wrap h3,
#pid-saec .campaign_flow-wrap h4 {
  position: relative;
  margin-left: 36px;
}
#pid-info .h3-number,
#pid-404 .h3-number,
#pid-ylp .h3-number,
#pid-saec .h3-number {
  background: #e4e4e4;
  padding: 5px 10px;
  position: absolute;
  left: -38px;
  top: -5px;
}
#pid-info .flow-text,
#pid-404 .flow-text,
#pid-ylp .flow-text,
#pid-saec .flow-text {
  margin: 7px 0 23px 37px;
}
#pid-info .cp-flow,
#pid-404 .cp-flow,
#pid-ylp .cp-flow,
#pid-saec .cp-flow {
  margin-bottom: 30px;
  padding: 20px 20px 15px;
  background: #e5fbff;
}
#pid-info .cp-flow > p:last-child,
#pid-404 .cp-flow > p:last-child,
#pid-ylp .cp-flow > p:last-child,
#pid-saec .cp-flow > p:last-child {
  margin-bottom: 0;
}
#pid-info .cp-flow_ttl,
#pid-404 .cp-flow_ttl,
#pid-ylp .cp-flow_ttl,
#pid-saec .cp-flow_ttl {
  margin-bottom: 20px;
  font-size: 22px;
  font-weight: bold;
  color: #008098;
  text-align: center;
}
#pid-info .cp-flow_unit,
#pid-404 .cp-flow_unit,
#pid-ylp .cp-flow_unit,
#pid-saec .cp-flow_unit {
  position: relative;
  margin-bottom: 30px;
  padding: 15px 10px 12px 115px;
  background: #fff;
  border: 1px solid #acdce5;
}
#pid-info .cp-flow_unit:before,
#pid-404 .cp-flow_unit:before,
#pid-ylp .cp-flow_unit:before,
#pid-saec .cp-flow_unit:before {
  position: absolute;
  left: 15px;
  width: 90px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background: #008098;
}
#pid-info .cp-flow_unit:nth-of-type(1):before,
#pid-404 .cp-flow_unit:nth-of-type(1):before,
#pid-ylp .cp-flow_unit:nth-of-type(1):before,
#pid-saec .cp-flow_unit:nth-of-type(1):before {
  content: "STEP1";
}
#pid-info .cp-flow_unit:nth-of-type(2):before,
#pid-404 .cp-flow_unit:nth-of-type(2):before,
#pid-ylp .cp-flow_unit:nth-of-type(2):before,
#pid-saec .cp-flow_unit:nth-of-type(2):before {
  content: "STEP2";
}
#pid-info .cp-flow_unit:nth-of-type(1):after,
#pid-404 .cp-flow_unit:nth-of-type(1):after,
#pid-ylp .cp-flow_unit:nth-of-type(1):after,
#pid-saec .cp-flow_unit:nth-of-type(1):after {
  content: "";
  position: absolute;
  bottom: -34px;
  left: 50%;
  margin-left: -1px;
  border: 11px solid transparent;
  border-top: 14px solid #008098;
}
#pid-info .cp-flow_unit:nth-of-type(2),
#pid-404 .cp-flow_unit:nth-of-type(2),
#pid-ylp .cp-flow_unit:nth-of-type(2),
#pid-saec .cp-flow_unit:nth-of-type(2) {
  margin-bottom: 10px;
}
#pid-info .cp-flow_unit > p:last-child,
#pid-404 .cp-flow_unit > p:last-child,
#pid-ylp .cp-flow_unit > p:last-child,
#pid-saec .cp-flow_unit > p:last-child {
  margin-bottom: 0;
}
#pid-info .cp-flow_unit_ttl,
#pid-404 .cp-flow_unit_ttl,
#pid-ylp .cp-flow_unit_ttl,
#pid-saec .cp-flow_unit_ttl {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 18px;
  color: #008098;
}
#pid-info .cp-flow_unit_ttl_noagree,
#pid-404 .cp-flow_unit_ttl_noagree,
#pid-ylp .cp-flow_unit_ttl_noagree,
#pid-saec .cp-flow_unit_ttl_noagree {
  margin-left: 10px;
  font-size: 12px;
  font-weight: normal;
  color: #333;
}
#pid-info .cp-btnset,
#pid-404 .cp-btnset,
#pid-ylp .cp-btnset,
#pid-saec .cp-btnset {
  margin-bottom: 30px;
  padding: 15px;
  background: #e5fbff;
}
#pid-info .cp-btnset_ttl,
#pid-404 .cp-btnset_ttl,
#pid-ylp .cp-btnset_ttl,
#pid-saec .cp-btnset_ttl {
  margin-bottom: 15px;
  font-size: 22px;
  font-weight: bold;
  color: #008098;
  text-align: center;
}
#pid-info .cp-btnset_body,
#pid-404 .cp-btnset_body,
#pid-ylp .cp-btnset_body,
#pid-saec .cp-btnset_body {
  display: -moz-flex;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}
#pid-info .cp-btnset_unitwide,
#pid-404 .cp-btnset_unitwide,
#pid-ylp .cp-btnset_unitwide,
#pid-saec .cp-btnset_unitwide {
  width: 750px;
  margin: 0 auto;
  padding: 15px 10px 0 10px;
  text-align: center;
  border: 1px solid #acdce5;
  background: #fff;
}
#pid-info .cp-btnset_unit,
#pid-404 .cp-btnset_unit,
#pid-ylp .cp-btnset_unit,
#pid-saec .cp-btnset_unit {
  width: 445px;
  margin-right: 10px;
  padding: 15px 10px 0 10px;
  text-align: center;
  border: 1px solid #acdce5;
  background: #fff;
}
#pid-info .cp-btnset_unit:last-child,
#pid-404 .cp-btnset_unit:last-child,
#pid-ylp .cp-btnset_unit:last-child,
#pid-saec .cp-btnset_unit:last-child {
  width: 471px;
  margin-right: 0;
}
#pid-info .cp-btnset_unit_ttl,
#pid-404 .cp-btnset_unit_ttl,
#pid-ylp .cp-btnset_unit_ttl,
#pid-saec .cp-btnset_unit_ttl {
  margin-bottom: 5px;
  font-size: 22px;
  letter-spacing: -0.01em;
}
#pid-info .cp-btnset_unit-dv .cp-btnset_unit_ttl,
#pid-404 .cp-btnset_unit-dv .cp-btnset_unit_ttl,
#pid-ylp .cp-btnset_unit-dv .cp-btnset_unit_ttl,
#pid-saec .cp-btnset_unit-dv .cp-btnset_unit_ttl {
  color: #1b63a7;
}
#pid-info .cp-btnset_unit-ovev .cp-btnset_unit_ttl,
#pid-404 .cp-btnset_unit-ovev .cp-btnset_unit_ttl,
#pid-ylp .cp-btnset_unit-ovev .cp-btnset_unit_ttl,
#pid-saec .cp-btnset_unit-ovev .cp-btnset_unit_ttl {
  color: #143e6a;
}
#pid-info .cp-btnset_unit-dv .btn,
#pid-404 .cp-btnset_unit-dv .btn,
#pid-ylp .cp-btnset_unit-dv .btn,
#pid-saec .cp-btnset_unit-dv .btn {
  width: 80%;
}
#pid-info .cp-btnset > p:last-child,
#pid-404 .cp-btnset > p:last-child,
#pid-ylp .cp-btnset > p:last-child,
#pid-saec .cp-btnset > p:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info .campaign_btn .btn,
  #pid-404 .campaign_btn .btn,
  #pid-ylp .campaign_btn .btn,
  #pid-saec .campaign_btn .btn {
    max-width: 100%;
  }
  #pid-info .campaign_table,
  #pid-404 .campaign_table,
  #pid-ylp .campaign_table,
  #pid-saec .campaign_table {
    width: 100%;
  }
  #pid-info .campaign_table th,
  #pid-info .campaign_table td,
  #pid-404 .campaign_table th,
  #pid-404 .campaign_table td,
  #pid-ylp .campaign_table th,
  #pid-ylp .campaign_table td,
  #pid-saec .campaign_table th,
  #pid-saec .campaign_table td {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    border-bottom: none;
    word-break: break-all;
  }
  #pid-info .campaign_table th,
  #pid-404 .campaign_table th,
  #pid-ylp .campaign_table th,
  #pid-saec .campaign_table th {
    padding: 10px 10px 4px 10px;
    background-position: 0 100%;
    text-align: center;
  }
  #pid-info .campaign_table td,
  #pid-404 .campaign_table td,
  #pid-ylp .campaign_table td,
  #pid-saec .campaign_table td {
    border-bottom: 4px solid #fff;
  }
  #pid-info .campaign_table tr:last-child td,
  #pid-404 .campaign_table tr:last-child td,
  #pid-ylp .campaign_table tr:last-child td,
  #pid-saec .campaign_table tr:last-child td {
    border-bottom: none;
  }
  #pid-info .campaign_table_inner,
  #pid-404 .campaign_table_inner,
  #pid-ylp .campaign_table_inner,
  #pid-saec .campaign_table_inner {
    padding: 15px;
  }
  #pid-info .cp-flow,
  #pid-404 .cp-flow,
  #pid-ylp .cp-flow,
  #pid-saec .cp-flow {
    padding: 15px;
  }
  #pid-info .cp-flow_ttl,
  #pid-404 .cp-flow_ttl,
  #pid-ylp .cp-flow_ttl,
  #pid-saec .cp-flow_ttl {
    margin-bottom: 15px;
    font-size: 20px;
  }
  #pid-info .cp-flow_unit,
  #pid-404 .cp-flow_unit,
  #pid-ylp .cp-flow_unit,
  #pid-saec .cp-flow_unit {
    margin-bottom: 30px;
    padding: 15px 10px 12px 15px;
  }
  #pid-info .cp-flow_unit:before,
  #pid-404 .cp-flow_unit:before,
  #pid-ylp .cp-flow_unit:before,
  #pid-saec .cp-flow_unit:before {
    position: static;
    margin-bottom: 5px;
    padding: 3px;
    font-size: 14px;
  }
  #pid-info .cp-flow_unit:nth-of-type(1):after,
  #pid-404 .cp-flow_unit:nth-of-type(1):after,
  #pid-ylp .cp-flow_unit:nth-of-type(1):after,
  #pid-saec .cp-flow_unit:nth-of-type(1):after {
    bottom: -26px;
    margin-left: -3px;
    border: 7px solid transparent;
    border-top: 10px solid #008098;
  }
  #pid-info .cp-flow_unit_ttl,
  #pid-404 .cp-flow_unit_ttl,
  #pid-ylp .cp-flow_unit_ttl,
  #pid-saec .cp-flow_unit_ttl {
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 16px;
  }
  #pid-info .cp-btnset,
  #pid-404 .cp-btnset,
  #pid-ylp .cp-btnset,
  #pid-saec .cp-btnset {
    margin-bottom: 20px;
    padding: 10px;
  }
  #pid-info .cp-btnset_ttl,
  #pid-404 .cp-btnset_ttl,
  #pid-ylp .cp-btnset_ttl,
  #pid-saec .cp-btnset_ttl {
    margin-bottom: 10px;
    font-size: 20px;
  }
  #pid-info .cp-btnset_body,
  #pid-404 .cp-btnset_body,
  #pid-ylp .cp-btnset_body,
  #pid-saec .cp-btnset_body {
    display: block;
    margin-bottom: 10px;
  }
  #pid-info .cp-btnset_unitwide,
  #pid-404 .cp-btnset_unitwide,
  #pid-ylp .cp-btnset_unitwide,
  #pid-saec .cp-btnset_unitwide {
    width: auto;
    margin-bottom: 10px;
  }
  #pid-info .cp-btnset_unit,
  #pid-404 .cp-btnset_unit,
  #pid-ylp .cp-btnset_unit,
  #pid-saec .cp-btnset_unit {
    width: auto;
    margin-right: 0;
    margin-bottom: 10px;
  }
  #pid-info .cp-btnset_unit:last-child,
  #pid-404 .cp-btnset_unit:last-child,
  #pid-ylp .cp-btnset_unit:last-child,
  #pid-saec .cp-btnset_unit:last-child {
    width: auto;
  }
  #pid-info .cp-btnset_unit_ttl,
  #pid-404 .cp-btnset_unit_ttl,
  #pid-ylp .cp-btnset_unit_ttl,
  #pid-saec .cp-btnset_unit_ttl {
    margin-bottom: 5px;
    font-size: 20px;
  }
  #pid-info .service-pr,
  #pid-404 .service-pr,
  #pid-ylp .service-pr,
  #pid-saec .service-pr {
    padding: 5%;
    background-size: contain;
    margin-bottom: 3%;
  }
  #pid-info .service-pr_head,
  #pid-404 .service-pr_head,
  #pid-ylp .service-pr_head,
  #pid-saec .service-pr_head {
    margin-bottom: 3%;
  }
  #pid-info .service-pr_ttl,
  #pid-404 .service-pr_ttl,
  #pid-ylp .service-pr_ttl,
  #pid-saec .service-pr_ttl {
    width: 100%;
    margin-bottom: 2%;
  }
  #pid-info .service-pr_spec,
  #pid-404 .service-pr_spec,
  #pid-ylp .service-pr_spec,
  #pid-saec .service-pr_spec {
    width: 217px;
  }
  #pid-info .cpAdd,
  #pid-404 .cpAdd,
  #pid-ylp .cpAdd,
  #pid-saec .cpAdd {
    margin-top: 11%;
  }
  #pid-info .service-pr_spec img,
  #pid-404 .service-pr_spec img,
  #pid-ylp .service-pr_spec img,
  #pid-saec .service-pr_spec img {
    margin: 3% 0;
  }
  #pid-info .service-pr_spec img:last-child,
  #pid-404 .service-pr_spec img:last-child,
  #pid-ylp .service-pr_spec img:last-child,
  #pid-saec .service-pr_spec img:last-child {
    margin: 0;
  }
  #pid-info .service-pr_ttl img,
  #pid-404 .service-pr_ttl img,
  #pid-ylp .service-pr_ttl img,
  #pid-saec .service-pr_ttl img {
    width: 100%;
  }
  #pid-info .service-pr_feature,
  #pid-404 .service-pr_feature,
  #pid-ylp .service-pr_feature,
  #pid-saec .service-pr_feature {
    width: 100%;
    padding: 3%;
    margin: 0 0 3%;
  }
  #pid-info .service-pr_feature img,
  #pid-404 .service-pr_feature img,
  #pid-ylp .service-pr_feature img,
  #pid-saec .service-pr_feature img {
    margin: 0 0 3%;
  }
  #pid-info .service-pr_feature:last-child,
  #pid-404 .service-pr_feature:last-child,
  #pid-ylp .service-pr_feature:last-child,
  #pid-saec .service-pr_feature:last-child {
    margin: 0;
  }
  #pid-info .service-pr_bold-txt,
  #pid-404 .service-pr_bold-txt,
  #pid-ylp .service-pr_bold-txt,
  #pid-saec .service-pr_bold-txt {
    font-size: 15px;
  }
  #pid-info .service-pr_btn,
  #pid-404 .service-pr_btn,
  #pid-ylp .service-pr_btn,
  #pid-saec .service-pr_btn {
    width: 40%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info .service-pr,
  #pid-404 .service-pr,
  #pid-ylp .service-pr,
  #pid-saec .service-pr {
    padding: 3%;
    background-size: cover !important;
    margin-bottom: 20px;
  }
  #pid-info .service-pr_head,
  #pid-404 .service-pr_head,
  #pid-ylp .service-pr_head,
  #pid-saec .service-pr_head {
    margin-bottom: 1%;
  }
  #pid-info .service-pr_ttl, #pid-info .service-pr_spec,
  #pid-404 .service-pr_ttl,
  #pid-404 .service-pr_spec,
  #pid-ylp .service-pr_ttl,
  #pid-ylp .service-pr_spec,
  #pid-saec .service-pr_ttl,
  #pid-saec .service-pr_spec {
    width: 49%;
  }
  #pid-info .service-pr_spec img,
  #pid-404 .service-pr_spec img,
  #pid-ylp .service-pr_spec img,
  #pid-saec .service-pr_spec img {
    width: 49%;
  }
  #pid-info .service-pr_spec .cpAdd img,
  #pid-404 .service-pr_spec .cpAdd img,
  #pid-ylp .service-pr_spec .cpAdd img,
  #pid-saec .service-pr_spec .cpAdd img {
    width: 100%;
  }
  #pid-info .service-pr_ttl img,
  #pid-404 .service-pr_ttl img,
  #pid-ylp .service-pr_ttl img,
  #pid-saec .service-pr_ttl img {
    width: 100%;
  }
  #pid-info .service-pr_spec,
  #pid-404 .service-pr_spec,
  #pid-ylp .service-pr_spec,
  #pid-saec .service-pr_spec {
    margin: 0 0 0 2%;
  }
  #pid-info .cpAdd,
  #pid-404 .cpAdd,
  #pid-ylp .cpAdd,
  #pid-saec .cpAdd {
    width: 49%;
  }
  #pid-info .service-pr_feature,
  #pid-404 .service-pr_feature,
  #pid-ylp .service-pr_feature,
  #pid-saec .service-pr_feature {
    width: 28%;
    padding: 2%;
    margin: 0 2% 0 0;
  }
  #pid-info .service-pr_feature img,
  #pid-404 .service-pr_feature img,
  #pid-ylp .service-pr_feature img,
  #pid-saec .service-pr_feature img {
    width: 90%;
    margin: 0 0 3% 0;
  }
  #pid-info .service-pr_feature:last-child,
  #pid-404 .service-pr_feature:last-child,
  #pid-ylp .service-pr_feature:last-child,
  #pid-saec .service-pr_feature:last-child {
    margin: 0;
  }
  #pid-info .service-pr_bold-txt,
  #pid-404 .service-pr_bold-txt,
  #pid-ylp .service-pr_bold-txt,
  #pid-saec .service-pr_bold-txt {
    font-size: 17px;
  }
  #pid-info .service-pr_btn,
  #pid-404 .service-pr_btn,
  #pid-ylp .service-pr_btn,
  #pid-saec .service-pr_btn {
    width: 40%;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-info .service-pr,
  #pid-404 .service-pr,
  #pid-ylp .service-pr,
  #pid-saec .service-pr {
    padding: 20px;
    margin-bottom: 25px;
    background-size: cover !important;
  }
  #pid-info .service-pr_head,
  #pid-404 .service-pr_head,
  #pid-ylp .service-pr_head,
  #pid-saec .service-pr_head {
    margin: 0 auto 20px;
  }
  #pid-info .service-pr_spec,
  #pid-404 .service-pr_spec,
  #pid-ylp .service-pr_spec,
  #pid-saec .service-pr_spec {
    margin: 0 0 0 30px;
  }
  #pid-info .service-pr_feature,
  #pid-404 .service-pr_feature,
  #pid-ylp .service-pr_feature,
  #pid-saec .service-pr_feature {
    width: 32%;
    padding: 20px;
    margin-right: 2%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    line-height: 1.1;
  }
  #pid-info .service-pr_feature img,
  #pid-404 .service-pr_feature img,
  #pid-ylp .service-pr_feature img,
  #pid-saec .service-pr_feature img {
    margin: 0 0 10px 0;
  }
  #pid-info .service-pr_feature:last-child,
  #pid-404 .service-pr_feature:last-child,
  #pid-ylp .service-pr_feature:last-child,
  #pid-saec .service-pr_feature:last-child {
    margin: 0;
  }
  #pid-info .service-pr_bold-txt,
  #pid-404 .service-pr_bold-txt,
  #pid-ylp .service-pr_bold-txt,
  #pid-saec .service-pr_bold-txt {
    font-size: 20px;
  }
  #pid-info .service-pr_btn,
  #pid-404 .service-pr_btn,
  #pid-ylp .service-pr_btn,
  #pid-saec .service-pr_btn {
    width: 300px;
  }
}
#pid-info .cpAdd,
#pid-404 .cpAdd,
#pid-ylp .cpAdd,
#pid-saec .cpAdd {
  position: relative;
  display: inline-block;
}
#pid-info .spec_cp_balloon,
#pid-404 .spec_cp_balloon,
#pid-ylp .spec_cp_balloon,
#pid-saec .spec_cp_balloon {
  font-size: 13px !important;
  position: absolute;
  top: -29px;
  right: 10px;
  display: inline-block;
  background: #ffd800;
  border-radius: 3px;
  padding: 0 10px;
  color: #e70600;
  font-weight: bold;
  line-height: 23px;
  white-space: nowrap;
  z-index: 2;
}
#pid-info .spec_cp_balloon::after,
#pid-404 .spec_cp_balloon::after,
#pid-ylp .spec_cp_balloon::after,
#pid-saec .spec_cp_balloon::after {
  content: "";
  display: block;
  position: absolute;
  right: 10px;
  bottom: -10px;
  border: 10px solid transparent;
  border-left-color: #ffd800;
  z-index: -1;
}
@media only screen and (max-width: 1099px) {
  #pid-info .spec_cp_balloon,
  #pid-404 .spec_cp_balloon,
  #pid-ylp .spec_cp_balloon,
  #pid-saec .spec_cp_balloon {
    font-size: 12px !important;
    top: -26px;
    right: 0;
    line-height: 20px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info .spec_cp_balloon,
  #pid-404 .spec_cp_balloon,
  #pid-ylp .spec_cp_balloon,
  #pid-saec .spec_cp_balloon {
    top: -22px;
  }
}
#pid-info .domain_free_pr,
#pid-404 .domain_free_pr,
#pid-ylp .domain_free_pr,
#pid-saec .domain_free_pr {
  background-color: #fff;
  border: #1b63a7 solid 2px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 30px;
}
#pid-info .domain_free_pr_ttl,
#pid-404 .domain_free_pr_ttl,
#pid-ylp .domain_free_pr_ttl,
#pid-saec .domain_free_pr_ttl {
  background-color: #1b63a7;
  color: #fff;
  padding: 10px 0;
  font-size: 16px;
}
#pid-info .domain_free_pr_inner,
#pid-404 .domain_free_pr_inner,
#pid-ylp .domain_free_pr_inner,
#pid-saec .domain_free_pr_inner {
  padding: 20px;
}
#pid-info .domain_free_pr_inner_box,
#pid-404 .domain_free_pr_inner_box,
#pid-ylp .domain_free_pr_inner_box,
#pid-saec .domain_free_pr_inner_box {
  background-color: #edf6fe;
  padding: 15px 10px;
  margin-top: 15px;
}
#pid-info .domain_free_pr_note,
#pid-404 .domain_free_pr_note,
#pid-ylp .domain_free_pr_note,
#pid-saec .domain_free_pr_note {
  font-size: 12px;
  line-height: 1.4;
  color: #888;
  margin-bottom: 0;
}
#pid-info .domain_transfer_pr_before,
#pid-404 .domain_transfer_pr_before,
#pid-ylp .domain_transfer_pr_before,
#pid-saec .domain_transfer_pr_before {
  font-size: 22px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info .domain_transfer_pr_before,
  #pid-404 .domain_transfer_pr_before,
  #pid-ylp .domain_transfer_pr_before,
  #pid-saec .domain_transfer_pr_before {
    font-size: 16px;
  }
}
#pid-info .domain_transfer_pr_before span,
#pid-404 .domain_transfer_pr_before span,
#pid-ylp .domain_transfer_pr_before span,
#pid-saec .domain_transfer_pr_before span {
  color: #1b63a7;
}
#pid-info .domain_transfer_pr_inner,
#pid-404 .domain_transfer_pr_inner,
#pid-ylp .domain_transfer_pr_inner,
#pid-saec .domain_transfer_pr_inner {
  background-color: #fff;
  border: #eff4f8 solid 8px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 30px;
  padding: 20px;
}
#pid-info .domain_transfer_pr_inner_title,
#pid-404 .domain_transfer_pr_inner_title,
#pid-ylp .domain_transfer_pr_inner_title,
#pid-saec .domain_transfer_pr_inner_title {
  font-size: 22px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info .domain_transfer_pr_inner_title,
  #pid-404 .domain_transfer_pr_inner_title,
  #pid-ylp .domain_transfer_pr_inner_title,
  #pid-saec .domain_transfer_pr_inner_title {
    font-size: 16px;
  }
}
#pid-info .xinfo,
#pid-404 .xinfo,
#pid-ylp .xinfo,
#pid-saec .xinfo {
  margin-bottom: 40px;
  border: 1px solid #dddddd;
}
#pid-info .xinfo_head,
#pid-404 .xinfo_head,
#pid-ylp .xinfo_head,
#pid-saec .xinfo_head {
  padding: 25px 20px;
  text-align: center;
  background: #f4f4f4 url(../img/campaign/181001ylp/img_xinfo_bgimg.png) 0 0 no-repeat;
}
#pid-info .x-head_headtxt,
#pid-404 .x-head_headtxt,
#pid-ylp .x-head_headtxt,
#pid-saec .x-head_headtxt {
  margin-bottom: 30px;
  font-size: 30px;
  font-weight: bold;
  color: #2064a5;
  line-height: 1.4;
}
#pid-info .x-head_logo,
#pid-404 .x-head_logo,
#pid-ylp .x-head_logo,
#pid-saec .x-head_logo {
  margin-bottom: 30px;
}
#pid-info .x-head_logo > img,
#pid-404 .x-head_logo > img,
#pid-ylp .x-head_logo > img,
#pid-saec .x-head_logo > img {
  max-width: 100%;
}
#pid-info .x-head_description,
#pid-404 .x-head_description,
#pid-ylp .x-head_description,
#pid-saec .x-head_description {
  margin-bottom: 20px;
  font-size: 16px;
}
#pid-info .x-head_price > span,
#pid-404 .x-head_price > span,
#pid-ylp .x-head_price > span,
#pid-saec .x-head_price > span {
  margin-right: 10px;
}
#pid-info .x-head_price > span:last-child,
#pid-404 .x-head_price > span:last-child,
#pid-ylp .x-head_price > span:last-child,
#pid-saec .x-head_price > span:last-child {
  margin-right: 0;
}
#pid-info .xinfo_inner,
#pid-404 .xinfo_inner,
#pid-ylp .xinfo_inner,
#pid-saec .xinfo_inner {
  padding: 9px;
  background-color: #f4f4f4;
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #f4f4f4), color-stop(75%, #fff));
  background: -ms-linear-gradient(top, #f4f4f4 0, #fff 75%);
}
#pid-info .f-spec,
#pid-404 .f-spec,
#pid-ylp .f-spec,
#pid-saec .f-spec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto 20px;
  max-width: 600px;
  text-align: center;
}
#pid-info .f-spec > *,
#pid-404 .f-spec > *,
#pid-ylp .f-spec > *,
#pid-saec .f-spec > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#pid-info .f-spec > div,
#pid-404 .f-spec > div,
#pid-ylp .f-spec > div,
#pid-saec .f-spec > div {
  position: relative;
  width: 50%;
  padding: 10px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info .f-spec > div img,
  #pid-404 .f-spec > div img,
  #pid-ylp .f-spec > div img,
  #pid-saec .f-spec > div img {
    width: 90%;
  }
}
#pid-info .f-spec_capacity,
#pid-404 .f-spec_capacity,
#pid-ylp .f-spec_capacity,
#pid-saec .f-spec_capacity {
  background: #e6f2ff;
  border-radius: 3px 0 0 3px;
}
#pid-info .f-spec_balloon,
#pid-404 .f-spec_balloon,
#pid-ylp .f-spec_balloon,
#pid-saec .f-spec_balloon {
  position: absolute;
  top: -15px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: inline-block;
  background: #ff5400;
  border-radius: 3px;
  padding: 0 10px;
  color: #ffffff;
  word-break: keep-all;
}
#pid-info .f-spec_balloon:after,
#pid-404 .f-spec_balloon:after,
#pid-ylp .f-spec_balloon:after,
#pid-saec .f-spec_balloon:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: -10px;
  border: 10px solid transparent;
  border-left-color: #ff5400;
  z-index: -1;
}
#pid-info .features_cautions,
#pid-404 .features_cautions,
#pid-ylp .features_cautions,
#pid-saec .features_cautions {
  font-size: 11px;
  margin: 5px 0 25px 1em;
}
#pid-info .features_cautions > li,
#pid-404 .features_cautions > li,
#pid-ylp .features_cautions > li,
#pid-saec .features_cautions > li {
  text-indent: -2em;
  padding-left: 1em;
}
#pid-info .features_cautions > li ul,
#pid-404 .features_cautions > li ul,
#pid-ylp .features_cautions > li ul,
#pid-saec .features_cautions > li ul {
  list-style-type: disc;
  margin-left: 1.5em;
}
#pid-info .features_cautions > li li,
#pid-404 .features_cautions > li li,
#pid-ylp .features_cautions > li li,
#pid-saec .features_cautions > li li {
  text-indent: 0;
  padding-left: 0;
}
#pid-info .x-features,
#pid-404 .x-features,
#pid-ylp .x-features,
#pid-saec .x-features {
  margin: 0;
  padding: 28px 19px 19px 19px;
  background: #377db3 url(../img/feature/bg_features.png) 50% 0 no-repeat;
  border-radius: 4px;
}
#pid-info .x-features_ttl,
#pid-404 .x-features_ttl,
#pid-ylp .x-features_ttl,
#pid-saec .x-features_ttl {
  margin-bottom: 30px;
  text-align: center;
}
#pid-info .xf-main,
#pid-404 .xf-main,
#pid-ylp .xf-main,
#pid-saec .xf-main {
  margin: 0 0 15px;
}
#pid-info .xf-sub,
#pid-404 .xf-sub,
#pid-ylp .xf-sub,
#pid-saec .xf-sub {
  padding: 12px 11px 0 11px;
  background: rgba(187, 237, 255, 0.25);
  border-radius: 3px;
}
#pid-info .xf-unit,
#pid-404 .xf-unit,
#pid-ylp .xf-unit,
#pid-saec .xf-unit {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
}
#pid-info .xf-unit_l,
#pid-404 .xf-unit_l,
#pid-ylp .xf-unit_l,
#pid-saec .xf-unit_l {
  width: 444px;
  margin: 0 0 0 14px;
}
#pid-info .xf-unit_l:first-child,
#pid-404 .xf-unit_l:first-child,
#pid-ylp .xf-unit_l:first-child,
#pid-saec .xf-unit_l:first-child {
  margin-left: 0;
}
#pid-info .xf-unit_m,
#pid-404 .xf-unit_m,
#pid-ylp .xf-unit_m,
#pid-saec .xf-unit_m {
  width: 435px;
  height: 60px;
  margin: 0 0 10px 0;
  padding-top: 10px;
  padding-left: 80px;
  background: #fff;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
}
#pid-info .xf-unit_m:nth-child(odd),
#pid-404 .xf-unit_m:nth-child(odd),
#pid-ylp .xf-unit_m:nth-child(odd),
#pid-saec .xf-unit_m:nth-child(odd) {
  margin-right: 10px;
}
#pid-info .xf-unit_s,
#pid-404 .xf-unit_s,
#pid-ylp .xf-unit_s,
#pid-saec .xf-unit_s {
  width: 218px;
  height: 60px;
  margin: 0 0 0 10px;
  padding: 0 10px 0 75px;
}
#pid-info .xf-unit_s:nth-child(3),
#pid-404 .xf-unit_s:nth-child(3),
#pid-ylp .xf-unit_s:nth-child(3),
#pid-saec .xf-unit_s:nth-child(3) {
  margin-left: 0;
}
#pid-info .xf-unit_ttl img,
#pid-404 .xf-unit_ttl img,
#pid-ylp .xf-unit_ttl img,
#pid-saec .xf-unit_ttl img {
  border-radius: 3px 3px 0 0;
  width: 100%;
}
#pid-info .xf-main .xf-unit_body,
#pid-404 .xf-main .xf-unit_body,
#pid-ylp .xf-main .xf-unit_body,
#pid-saec .xf-main .xf-unit_body {
  padding: 12px;
  background: #28425c;
  border-radius: 0 0 3px 3px;
  color: #fff;
  line-height: 1.5;
  text-align: center;
}
#pid-info .xf-main .xf-unit_body strong.yellow,
#pid-404 .xf-main .xf-unit_body strong.yellow,
#pid-ylp .xf-main .xf-unit_body strong.yellow,
#pid-saec .xf-main .xf-unit_body strong.yellow {
  color: #ffd200;
  font-size: 15px;
}
#pid-info .xf-main .xf-unit_body strong.blue,
#pid-404 .xf-main .xf-unit_body strong.blue,
#pid-ylp .xf-main .xf-unit_body strong.blue,
#pid-saec .xf-main .xf-unit_body strong.blue {
  color: #00deff;
  font-size: 15px;
}
#pid-info .xf-unit_m .xf-unit_body strong,
#pid-404 .xf-unit_m .xf-unit_body strong,
#pid-ylp .xf-unit_m .xf-unit_body strong,
#pid-saec .xf-unit_m .xf-unit_body strong {
  color: #e7541a;
  font-size: 19px;
  font-weight: bold;
  line-height: 1.1;
  word-break: break-all;
}
#pid-info .xf-unit_body > :last-child,
#pid-404 .xf-unit_body > :last-child,
#pid-ylp .xf-unit_body > :last-child,
#pid-saec .xf-unit_body > :last-child {
  margin-bottom: 0;
}
#pid-info .xf-unit_body p,
#pid-404 .xf-unit_body p,
#pid-ylp .xf-unit_body p,
#pid-saec .xf-unit_body p {
  margin-bottom: 0;
  letter-spacing: 0;
}
#pid-info .xf-unit_m .xf-unit_body,
#pid-404 .xf-unit_m .xf-unit_body,
#pid-ylp .xf-unit_m .xf-unit_body,
#pid-saec .xf-unit_m .xf-unit_body {
  font-size: 14px;
}
#pid-info .xf-unit_img,
#pid-404 .xf-unit_img,
#pid-ylp .xf-unit_img,
#pid-saec .xf-unit_img {
  position: absolute;
}
#pid-info .xf-unit_m .xf-unit_img,
#pid-404 .xf-unit_m .xf-unit_img,
#pid-ylp .xf-unit_m .xf-unit_img,
#pid-saec .xf-unit_m .xf-unit_img {
  top: 2px;
  left: 3px;
}
#pid-info .xinfo_support,
#pid-404 .xinfo_support,
#pid-ylp .xinfo_support,
#pid-saec .xinfo_support {
  margin-bottom: 15px;
  padding: 24px 24px 0 24px;
  background-color: #fff;
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #eaf3fc), color-stop(75%, #fff));
  background: -ms-linear-gradient(top, #eaf3fc 0, #fff 75%);
  border: 1px solid #aac0d6;
  border-radius: 2px;
}
#pid-info .x-support_ttl,
#pid-404 .x-support_ttl,
#pid-ylp .x-support_ttl,
#pid-saec .x-support_ttl {
  margin-bottom: 10px;
  color: #0ba1b7;
  font-size: 24px;
  text-align: center;
}
#pid-info .x-support_unit,
#pid-404 .x-support_unit,
#pid-ylp .x-support_unit,
#pid-saec .x-support_unit {
  margin-bottom: 15px;
  padding-bottom: 5px;
  border-bottom: 1px solid #aac0d6;
}
#pid-info .x-support_unit:last-child,
#pid-404 .x-support_unit:last-child,
#pid-ylp .x-support_unit:last-child,
#pid-saec .x-support_unit:last-child {
  margin-bottom: 0;
  border-bottom: none;
}
#pid-info .x-support_unit_ttl,
#pid-404 .x-support_unit_ttl,
#pid-ylp .x-support_unit_ttl,
#pid-saec .x-support_unit_ttl {
  margin-bottom: 10px;
  color: #2f557a;
  font-size: 21px;
}
#pid-info .x-support_unit p > strong,
#pid-404 .x-support_unit p > strong,
#pid-ylp .x-support_unit p > strong,
#pid-saec .x-support_unit p > strong {
  color: #e7541a;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.1;
  word-break: break-all;
}
#pid-info .xinfo_btn,
#pid-404 .xinfo_btn,
#pid-ylp .xinfo_btn,
#pid-saec .xinfo_btn {
  margin-bottom: 20px;
  text-align: center;
}
#pid-info .xinfo_btn .btn,
#pid-404 .xinfo_btn .btn,
#pid-ylp .xinfo_btn .btn,
#pid-saec .xinfo_btn .btn {
  width: 500px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info .xinfo_head,
  #pid-404 .xinfo_head,
  #pid-ylp .xinfo_head,
  #pid-saec .xinfo_head {
    padding: 15px 20px 5px 20px;
  }
  #pid-info .x-head_headtxt,
  #pid-404 .x-head_headtxt,
  #pid-ylp .x-head_headtxt,
  #pid-saec .x-head_headtxt {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 20px;
  }
  #pid-info .x-head_headtxt > img,
  #pid-404 .x-head_headtxt > img,
  #pid-ylp .x-head_headtxt > img,
  #pid-saec .x-head_headtxt > img {
    margin-bottom: 10px;
    max-width: 100%;
  }
  #pid-info .x-head_logo,
  #pid-404 .x-head_logo,
  #pid-ylp .x-head_logo,
  #pid-saec .x-head_logo {
    width: 220px;
    margin: 0 auto 15px auto;
  }
  #pid-info .x-head_description,
  #pid-404 .x-head_description,
  #pid-ylp .x-head_description,
  #pid-saec .x-head_description {
    margin-bottom: 15px;
    font-size: 13px;
    text-align: left;
  }
  #pid-info .x-head_price,
  #pid-404 .x-head_price,
  #pid-ylp .x-head_price,
  #pid-saec .x-head_price {
    margin-bottom: 0;
  }
  #pid-info .x-head_price > span,
  #pid-404 .x-head_price > span,
  #pid-ylp .x-head_price > span,
  #pid-saec .x-head_price > span {
    display: block;
    margin: 0 0 5px 0;
  }
  #pid-info .x-features,
  #pid-404 .x-features,
  #pid-ylp .x-features,
  #pid-saec .x-features {
    margin: 0 0 5px;
    padding: 20px 0 10px 0;
  }
  #pid-info .x-features_ttl > img,
  #pid-404 .x-features_ttl > img,
  #pid-ylp .x-features_ttl > img,
  #pid-saec .x-features_ttl > img {
    width: 96%;
  }
  #pid-info .xf-unit_l,
  #pid-404 .xf-unit_l,
  #pid-ylp .xf-unit_l,
  #pid-saec .xf-unit_l {
    width: auto;
    margin: 0 0 10px 0;
  }
  #pid-info .xf-sub,
  #pid-404 .xf-sub,
  #pid-ylp .xf-sub,
  #pid-saec .xf-sub {
    padding: 5px;
  }
  #pid-info .xf-sub .xf-unit_body,
  #pid-404 .xf-sub .xf-unit_body,
  #pid-ylp .xf-sub .xf-unit_body,
  #pid-saec .xf-sub .xf-unit_body {
    font-size: 12px;
  }
  #pid-info .xf-unit_m,
  #pid-404 .xf-unit_m,
  #pid-ylp .xf-unit_m,
  #pid-saec .xf-unit_m {
    width: 100%;
    height: auto;
    margin: 0 0 5px;
    padding: 13px 10px 13px 85px;
  }
  #pid-info .xf-unit_m:last-child,
  #pid-404 .xf-unit_m:last-child,
  #pid-ylp .xf-unit_m:last-child,
  #pid-saec .xf-unit_m:last-child {
    margin: 0;
  }
  #pid-info .xf-unit_m .xf-unit_img,
  #pid-404 .xf-unit_m .xf-unit_img,
  #pid-ylp .xf-unit_m .xf-unit_img,
  #pid-saec .xf-unit_m .xf-unit_img {
    top: 50%;
    left: 2px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  #pid-info .xinfo_support,
  #pid-404 .xinfo_support,
  #pid-ylp .xinfo_support,
  #pid-saec .xinfo_support {
    margin-bottom: 15px;
    padding: 15px 15px 10px 15px;
  }
  #pid-info .x-support_unit_ttl,
  #pid-404 .x-support_unit_ttl,
  #pid-ylp .x-support_unit_ttl,
  #pid-saec .x-support_unit_ttl {
    font-size: 18px;
  }
  #pid-info .x-support_unit img,
  #pid-404 .x-support_unit img,
  #pid-ylp .x-support_unit img,
  #pid-saec .x-support_unit img {
    width: 80px;
  }
  #pid-info .xinfo_btn .btn,
  #pid-404 .xinfo_btn .btn,
  #pid-ylp .xinfo_btn .btn,
  #pid-saec .xinfo_btn .btn {
    width: auto;
    margin: 0 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info #pid-ylp .sitehead,
  #pid-404 #pid-ylp .sitehead,
  #pid-ylp #pid-ylp .sitehead,
  #pid-saec #pid-ylp .sitehead {
    width: 100%;
  }
  #pid-info .xinfo_head,
  #pid-404 .xinfo_head,
  #pid-ylp .xinfo_head,
  #pid-saec .xinfo_head {
    padding: 15px 20px;
  }
  #pid-info .x-head_headtxt,
  #pid-404 .x-head_headtxt,
  #pid-ylp .x-head_headtxt,
  #pid-saec .x-head_headtxt {
    margin-bottom: 15px;
    font-size: 26px;
  }
  #pid-info .x-head_logo,
  #pid-404 .x-head_logo,
  #pid-ylp .x-head_logo,
  #pid-saec .x-head_logo {
    width: 220px;
    margin: 0 auto 15px auto;
  }
  #pid-info .x-head_description,
  #pid-404 .x-head_description,
  #pid-ylp .x-head_description,
  #pid-saec .x-head_description {
    margin-bottom: 15px;
    font-size: 14px;
  }
  #pid-info .x-head_price,
  #pid-404 .x-head_price,
  #pid-ylp .x-head_price,
  #pid-saec .x-head_price {
    margin-bottom: 0;
  }
  #pid-info .x-features,
  #pid-404 .x-features,
  #pid-ylp .x-features,
  #pid-saec .x-features {
    margin: 0 0 5px;
    padding: 28px 0 10px 0;
  }
  #pid-info .xf-unit_l,
  #pid-404 .xf-unit_l,
  #pid-ylp .xf-unit_l,
  #pid-saec .xf-unit_l {
    width: 49%;
    margin: 0 0 0 2%;
  }
  #pid-info .xf-unit_m,
  #pid-404 .xf-unit_m,
  #pid-ylp .xf-unit_m,
  #pid-saec .xf-unit_m {
    width: 100%;
  }
  #pid-info .xinfo_support,
  #pid-404 .xinfo_support,
  #pid-ylp .xinfo_support,
  #pid-saec .xinfo_support {
    margin-bottom: 15px;
    padding: 15px 15px 10px 15px;
  }
  #pid-info .x-support_unit_ttl,
  #pid-404 .x-support_unit_ttl,
  #pid-ylp .x-support_unit_ttl,
  #pid-saec .x-support_unit_ttl {
    font-size: 19px;
  }
  #pid-info .x-support_unit img,
  #pid-404 .x-support_unit img,
  #pid-ylp .x-support_unit img,
  #pid-saec .x-support_unit img {
    width: 80%;
  }
}
#pid-info .xbiz,
#pid-404 .xbiz,
#pid-ylp .xbiz,
#pid-saec .xbiz {
  max-width: 790px;
  width: 100%;
  margin: 0 auto 60px auto;
  border: 3px solid #1b5fa6;
}
#pid-info .xbiz_headcopy,
#pid-404 .xbiz_headcopy,
#pid-ylp .xbiz_headcopy,
#pid-saec .xbiz_headcopy {
  padding: 7px 0;
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  background: #1b5fa6;
}
#pid-info .xbiz_wrap,
#pid-404 .xbiz_wrap,
#pid-ylp .xbiz_wrap,
#pid-saec .xbiz_wrap {
  padding: 22px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: url(../img/campaign/181001ylp/img_xbiz_bgimg.png) repeat;
}
#pid-info .xbiz_head,
#pid-404 .xbiz_head,
#pid-ylp .xbiz_head,
#pid-saec .xbiz_head {
  text-align: center;
}
#pid-info .xbiz_head_caption,
#pid-404 .xbiz_head_caption,
#pid-ylp .xbiz_head_caption,
#pid-saec .xbiz_head_caption {
  display: inline-block;
  position: relative;
}
#pid-info .head_caption,
#pid-404 .head_caption,
#pid-ylp .head_caption,
#pid-saec .head_caption {
  margin: 0 0 12px 20px;
  padding: 2px 15px 1px 28px;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
}
#pid-info .xbiz_head_caption > span,
#pid-404 .xbiz_head_caption > span,
#pid-ylp .xbiz_head_caption > span,
#pid-saec .xbiz_head_caption > span {
  font-weight: bold;
  font-size: 18px;
}
#pid-info .caption_blue,
#pid-404 .caption_blue,
#pid-ylp .caption_blue,
#pid-saec .caption_blue {
  margin-right: 10px;
  background: #32699c;
}
#pid-info .caption_green,
#pid-404 .caption_green,
#pid-ylp .caption_green,
#pid-saec .caption_green {
  background: #20b5aa;
}
#pid-info .caption_green span,
#pid-404 .caption_green span,
#pid-ylp .caption_green span,
#pid-saec .caption_green span {
  font-weight: bold;
  font-size: 16px;
}
#pid-info .xbiz_icon,
#pid-404 .xbiz_icon,
#pid-ylp .xbiz_icon,
#pid-saec .xbiz_icon {
  position: absolute;
  left: 0;
  top: -8px;
}
#pid-info .xbiz_ttl,
#pid-404 .xbiz_ttl,
#pid-ylp .xbiz_ttl,
#pid-saec .xbiz_ttl {
  margin-bottom: 17px;
  font-size: 30px;
  text-align: center;
  color: #333;
}
#pid-info .media-xbiz,
#pid-404 .media-xbiz,
#pid-ylp .media-xbiz,
#pid-saec .media-xbiz {
  position: relative;
  padding: 20px 25px 16px 25px;
}
#pid-info .media-xbiz > .media_image,
#pid-404 .media-xbiz > .media_image,
#pid-ylp .media-xbiz > .media_image,
#pid-saec .media-xbiz > .media_image {
  margin-right: 35px;
  padding-top: 25px;
}
#pid-info .btn_xbiz,
#pid-404 .btn_xbiz,
#pid-ylp .btn_xbiz,
#pid-saec .btn_xbiz {
  display: block;
  margin-bottom: 10px;
  padding: 10px 5px;
  font-size: 16px;
  border: 1px solid #113d6b;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 1px 1px #eee;
          box-shadow: 1px 1px 1px 1px #eee;
}
#pid-info .btn_xbiz-orange,
#pid-404 .btn_xbiz-orange,
#pid-ylp .btn_xbiz-orange,
#pid-saec .btn_xbiz-orange {
  background: #fdb928;
}
#pid-info .xbiz_link,
#pid-404 .xbiz_link,
#pid-ylp .xbiz_link,
#pid-saec .xbiz_link {
  margin: 0 20px;
  background: #fff;
}
#pid-info .xbiz_btn_arrow,
#pid-404 .xbiz_btn_arrow,
#pid-ylp .xbiz_btn_arrow,
#pid-saec .xbiz_btn_arrow {
  position: absolute;
  right: 18px;
  top: 24px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info .xbiz,
  #pid-404 .xbiz,
  #pid-ylp .xbiz,
  #pid-saec .xbiz {
    margin: 0 auto 30px auto;
    border: 2px solid #1b5fa6;
  }
  #pid-info .xbiz_headcopy,
  #pid-404 .xbiz_headcopy,
  #pid-ylp .xbiz_headcopy,
  #pid-saec .xbiz_headcopy {
    padding: 7px 5px;
    font-size: 16px;
  }
  #pid-info .xbiz_wrap,
  #pid-404 .xbiz_wrap,
  #pid-ylp .xbiz_wrap,
  #pid-saec .xbiz_wrap {
    padding: 10px;
  }
  #pid-info .xbiz_head,
  #pid-404 .xbiz_head,
  #pid-ylp .xbiz_head,
  #pid-saec .xbiz_head {
    text-align: center;
  }
  #pid-info .xbiz_head_caption,
  #pid-404 .xbiz_head_caption,
  #pid-ylp .xbiz_head_caption,
  #pid-saec .xbiz_head_caption {
    display: block;
  }
  #pid-info .head_caption,
  #pid-404 .head_caption,
  #pid-ylp .head_caption,
  #pid-saec .head_caption {
    margin: 0 0 5px;
    padding: 3px 10px;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
  }
  #pid-info .xbiz_head_caption > span,
  #pid-404 .xbiz_head_caption > span,
  #pid-ylp .xbiz_head_caption > span,
  #pid-saec .xbiz_head_caption > span {
    font-weight: bold;
    font-size: 14px;
  }
  #pid-info .caption_blue,
  #pid-404 .caption_blue,
  #pid-ylp .caption_blue,
  #pid-saec .caption_blue {
    background: #32699c url("../img/feature/img_xbiz_operator.png") 10px 50% no-repeat;
  }
  #pid-info .caption_green,
  #pid-404 .caption_green,
  #pid-ylp .caption_green,
  #pid-saec .caption_green {
    text-shadow: 1px 1px 0 #20b5aa, -1px -1px 0 #20b5aa;
    background: #20b5aa url("../img/feature/img_xbiz_rock.png") 16px 50% no-repeat;
  }
  #pid-info .caption_green span,
  #pid-404 .caption_green span,
  #pid-ylp .caption_green span,
  #pid-saec .caption_green span {
    font-weight: bold;
    font-size: 12px;
  }
  #pid-info .xbiz_icon,
  #pid-404 .xbiz_icon,
  #pid-ylp .xbiz_icon,
  #pid-saec .xbiz_icon {
    display: none;
  }
  #pid-info .xbiz_ttl,
  #pid-404 .xbiz_ttl,
  #pid-ylp .xbiz_ttl,
  #pid-saec .xbiz_ttl {
    margin-bottom: 10px;
    font-size: 20px;
  }
  #pid-info .media-xbiz,
  #pid-404 .media-xbiz,
  #pid-ylp .media-xbiz,
  #pid-saec .media-xbiz {
    position: relative;
    padding: 10px 15px 16px 15px;
  }
  #pid-info .media-xbiz > .media_image,
  #pid-404 .media-xbiz > .media_image,
  #pid-ylp .media-xbiz > .media_image,
  #pid-saec .media-xbiz > .media_image {
    margin-right: 0;
    padding-top: 10px;
  }
  #pid-info .media-xbiz > .media_image > img,
  #pid-404 .media-xbiz > .media_image > img,
  #pid-ylp .media-xbiz > .media_image > img,
  #pid-saec .media-xbiz > .media_image > img {
    width: 70%;
  }
  #pid-info .btn_xbiz,
  #pid-404 .btn_xbiz,
  #pid-ylp .btn_xbiz,
  #pid-saec .btn_xbiz {
    padding: 10px;
    font-size: 14px;
  }
  #pid-info .btn_xbiz-orange,
  #pid-404 .btn_xbiz-orange,
  #pid-ylp .btn_xbiz-orange,
  #pid-saec .btn_xbiz-orange {
    background: #fdb928;
  }
  #pid-info .xbiz_link,
  #pid-404 .xbiz_link,
  #pid-ylp .xbiz_link,
  #pid-saec .xbiz_link {
    margin: 0;
    background: #fff;
  }
  #pid-info .xbiz_btn_arrow,
  #pid-404 .xbiz_btn_arrow,
  #pid-ylp .xbiz_btn_arrow,
  #pid-saec .xbiz_btn_arrow {
    position: absolute;
    right: 18px;
    top: 24px;
  }
}
#pid-info .info_ttl,
#pid-404 .info_ttl,
#pid-ylp .info_ttl,
#pid-saec .info_ttl {
  position: relative;
  padding: 13px 15px 13px 30px;
  background: #1c60a7; /* Old Browsers */ /* FF3.6+ */
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #5ca3d3), color-stop(100%, #1c60a7)); /* Chrome, Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE 10+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5ca3d3), to(#1c60a7));
  background: linear-gradient(to bottom, #5ca3d3 0, #1c60a7 100%); /* W3C */
  border-radius: 5px 5px 0 0;
  color: #fff;
  font-size: 18px;
}
#pid-info .info_ttl:before,
#pid-404 .info_ttl:before,
#pid-ylp .info_ttl:before,
#pid-saec .info_ttl:before {
  content: " ";
  position: absolute;
  top: 15px;
  left: 15px;
  display: block;
  width: 8px;
  height: 18px;
  background: #fdf364;
  vertical-align: bottom;
}
#pid-info .info_body,
#pid-404 .info_body,
#pid-ylp .info_body,
#pid-saec .info_body {
  padding: 20px;
  border: 1px solid #1c60a7;
  border-top: none;
  border-radius: 0 0 5px 5px;
}
#pid-info .service-pr,
#pid-404 .service-pr,
#pid-ylp .service-pr,
#pid-saec .service-pr {
  background: #377db3 url("../img/campaign/service_pr/bg.png") 0 0 no-repeat;
  border-radius: 3px;
}
#pid-info .service-pr_head,
#pid-404 .service-pr_head,
#pid-ylp .service-pr_head,
#pid-saec .service-pr_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#pid-info .service-pr_body,
#pid-404 .service-pr_body,
#pid-ylp .service-pr_body,
#pid-saec .service-pr_body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#pid-info .service-pr_feature,
#pid-404 .service-pr_feature,
#pid-ylp .service-pr_feature,
#pid-saec .service-pr_feature {
  background: #fff;
  border-radius: 3px;
  text-align: center;
}
#pid-info .service-pr_feature img,
#pid-404 .service-pr_feature img,
#pid-ylp .service-pr_feature img,
#pid-saec .service-pr_feature img {
  display: inline-block;
}
#pid-info .service-pr_bold-txt,
#pid-404 .service-pr_bold-txt,
#pid-ylp .service-pr_bold-txt,
#pid-saec .service-pr_bold-txt {
  color: #e7541a;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info .info_body,
  #pid-404 .info_body,
  #pid-ylp .info_body,
  #pid-saec .info_body {
    padding: 15px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info .chapter_body,
  #pid-404 .chapter_body,
  #pid-ylp .chapter_body,
  #pid-saec .chapter_body {
    padding: 0;
  }
}
#pid-info .article,
#pid-404 .article,
#pid-ylp .article,
#pid-saec .article {
  margin-bottom: 20px;
}
#pid-info .article_ttl,
#pid-404 .article_ttl,
#pid-ylp .article_ttl,
#pid-saec .article_ttl {
  margin-bottom: 5px;
}
#pid-info .article_ttl:before,
#pid-404 .article_ttl:before,
#pid-ylp .article_ttl:before,
#pid-saec .article_ttl:before {
  content: "";
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  width: 11px;
  height: 11px;
  margin-right: 7px;
  border: 3px solid #BED2E1;
  border-radius: 6px;
}
#pid-info .article_body,
#pid-404 .article_body,
#pid-ylp .article_body,
#pid-saec .article_body {
  padding: 0 0 0 18px;
}
#pid-info .article_body > :last-child,
#pid-404 .article_body > :last-child,
#pid-ylp .article_body > :last-child,
#pid-saec .article_body > :last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info .article_body,
  #pid-404 .article_body,
  #pid-ylp .article_body,
  #pid-saec .article_body {
    padding: 0;
  }
}
#pid-info .doc .ol li,
#pid-404 .doc .ol li,
#pid-ylp .doc .ol li,
#pid-saec .doc .ol li {
  margin-bottom: 0.5em;
}
#pid-info .doc_ttl,
#pid-404 .doc_ttl,
#pid-ylp .doc_ttl,
#pid-saec .doc_ttl {
  margin-bottom: 1em;
  font-weight: normal;
}
#pid-info .doc_body,
#pid-404 .doc_body,
#pid-ylp .doc_body,
#pid-saec .doc_body {
  padding-left: 1.5em;
}
#pid-info .sitemap,
#pid-404 .sitemap,
#pid-ylp .sitemap,
#pid-saec .sitemap {
  margin-bottom: 40px;
}
#pid-info .sitemap > :last-child,
#pid-404 .sitemap > :last-child,
#pid-ylp .sitemap > :last-child,
#pid-saec .sitemap > :last-child {
  margin-bottom: 0;
}
#pid-info .sitemap > .ico,
#pid-404 .sitemap > .ico,
#pid-ylp .sitemap > .ico,
#pid-saec .sitemap > .ico {
  margin-right: 5px;
  color: #1b63a7;
  font-size: 18px;
}
#pid-info .sitemap .list li,
#pid-404 .sitemap .list li,
#pid-ylp .sitemap .list li,
#pid-saec .sitemap .list li {
  margin-bottom: 10px;
}
#pid-info .sitemap_unit_ttl,
#pid-404 .sitemap_unit_ttl,
#pid-ylp .sitemap_unit_ttl,
#pid-saec .sitemap_unit_ttl {
  margin-bottom: 15px;
}
#pid-info .sitemap_unit_ttl .ico,
#pid-404 .sitemap_unit_ttl .ico,
#pid-ylp .sitemap_unit_ttl .ico,
#pid-saec .sitemap_unit_ttl .ico {
  margin-right: 5px;
  color: #1b63a7;
  font-size: 18px;
}
#pid-info .sitemap_unit_body,
#pid-404 .sitemap_unit_body,
#pid-ylp .sitemap_unit_body,
#pid-saec .sitemap_unit_body {
  padding-left: 20px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info .sitemap,
  #pid-404 .sitemap,
  #pid-ylp .sitemap,
  #pid-saec .sitemap {
    margin-bottom: 30px;
  }
  #pid-info .sitemap_unit,
  #pid-404 .sitemap_unit,
  #pid-ylp .sitemap_unit,
  #pid-saec .sitemap_unit {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info .sitemap_unit,
  #pid-404 .sitemap_unit,
  #pid-ylp .sitemap_unit,
  #pid-saec .sitemap_unit {
    float: left;
    width: 25%;
  }
  #pid-info .sitemap_unit_body,
  #pid-404 .sitemap_unit_body,
  #pid-ylp .sitemap_unit_body,
  #pid-saec .sitemap_unit_body {
    padding-left: 10px;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-info .sitemap_unit,
  #pid-404 .sitemap_unit,
  #pid-ylp .sitemap_unit,
  #pid-saec .sitemap_unit {
    float: left;
    width: 22%;
  }
  #pid-info .sitemap_unit:not(:last-of-type),
  #pid-404 .sitemap_unit:not(:last-of-type),
  #pid-ylp .sitemap_unit:not(:last-of-type),
  #pid-saec .sitemap_unit:not(:last-of-type) {
    margin-right: 2%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info .info-table th,
  #pid-404 .info-table th,
  #pid-ylp .info-table th,
  #pid-saec .info-table th {
    width: 25%;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-info .info-table th,
  #pid-404 .info-table th,
  #pid-ylp .info-table th,
  #pid-saec .info-table th {
    width: 20%;
  }
}
#pid-info .saec--wrapper,
#pid-404 .saec--wrapper,
#pid-ylp .saec--wrapper,
#pid-saec .saec--wrapper {
  background: none;
  min-width: 1280px;
}
#pid-info .saec--wrapper .saec--header__main,
#pid-404 .saec--wrapper .saec--header__main,
#pid-ylp .saec--wrapper .saec--header__main,
#pid-saec .saec--wrapper .saec--header__main {
  width: 1000px;
  padding: 43px 0 18px;
  margin: 0 auto;
}
#pid-info .saec--wrapper .saec--header__main .logoX,
#pid-404 .saec--wrapper .saec--header__main .logoX,
#pid-ylp .saec--wrapper .saec--header__main .logoX,
#pid-saec .saec--wrapper .saec--header__main .logoX {
  display: inline-block;
  float: left;
}
#pid-info .saec--wrapper .saec--header__main .logoSaec,
#pid-404 .saec--wrapper .saec--header__main .logoSaec,
#pid-ylp .saec--wrapper .saec--header__main .logoSaec,
#pid-saec .saec--wrapper .saec--header__main .logoSaec {
  display: inline-block;
  float: right;
}
#pid-info .saec--wrapper .saec--mv__txt,
#pid-404 .saec--wrapper .saec--mv__txt,
#pid-ylp .saec--wrapper .saec--mv__txt,
#pid-saec .saec--wrapper .saec--mv__txt {
  padding: 14px 0;
  background: #0c0d0d;
  color: #fff;
  font-size: 24px;
  text-align: center;
  font-weight: normal;
}
#pid-info .saec--wrapper .saec--mv__img,
#pid-404 .saec--wrapper .saec--mv__img,
#pid-ylp .saec--wrapper .saec--mv__img,
#pid-saec .saec--wrapper .saec--mv__img {
  height: 540px;
  background: rgb(11, 53, 97);
  background: linear-gradient(135deg, rgb(11, 53, 97) 0%, rgb(11, 38, 66) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b3561', endColorstr='#0b2642',GradientType=1 );
}
#pid-info .saec--wrapper .saec--mv__img h3,
#pid-404 .saec--wrapper .saec--mv__img h3,
#pid-ylp .saec--wrapper .saec--mv__img h3,
#pid-saec .saec--wrapper .saec--mv__img h3 {
  padding: 30px 0 0;
  height: 510px;
  background: url(../img/campaign/saec/bg_mv_2.png?date=201228) 63% 0 no-repeat;
  text-align: center;
  font-weight: normal;
}
#pid-info .saec--wrapper .saec--mv__img h3 .note,
#pid-404 .saec--wrapper .saec--mv__img h3 .note,
#pid-ylp .saec--wrapper .saec--mv__img h3 .note,
#pid-saec .saec--wrapper .saec--mv__img h3 .note {
  padding: 15px 0 0;
  font-size: 12px;
  color: #fff;
}
#pid-info .saec--wrapper .specialBenefit,
#pid-404 .saec--wrapper .specialBenefit,
#pid-ylp .saec--wrapper .specialBenefit,
#pid-saec .saec--wrapper .specialBenefit {
  padding: 50px 0;
}
#pid-info .saec--wrapper .specialBenefit__main,
#pid-404 .saec--wrapper .specialBenefit__main,
#pid-ylp .saec--wrapper .specialBenefit__main,
#pid-saec .saec--wrapper .specialBenefit__main {
  width: 1000px;
  margin: 0 auto;
}
#pid-info .saec--wrapper .specialBenefit__ttl,
#pid-404 .saec--wrapper .specialBenefit__ttl,
#pid-ylp .saec--wrapper .specialBenefit__ttl,
#pid-saec .saec--wrapper .specialBenefit__ttl {
  padding: 10px 0 10px 15px;
  margin: 0 0 20px 0;
  background: #e9eff6;
  font-size: 17px;
}
#pid-info .saec--wrapper .specialBenefit__desc,
#pid-404 .saec--wrapper .specialBenefit__desc,
#pid-ylp .saec--wrapper .specialBenefit__desc,
#pid-saec .saec--wrapper .specialBenefit__desc {
  padding: 0 0 30px 20px;
}
#pid-info .saec--wrapper .xBizServicePr,
#pid-404 .saec--wrapper .xBizServicePr,
#pid-ylp .saec--wrapper .xBizServicePr,
#pid-saec .saec--wrapper .xBizServicePr {
  padding: 50px 0;
  background: #0a3461;
}
#pid-info .saec--wrapper .xBizServicePr__ttl,
#pid-404 .saec--wrapper .xBizServicePr__ttl,
#pid-ylp .saec--wrapper .xBizServicePr__ttl,
#pid-saec .saec--wrapper .xBizServicePr__ttl {
  margin: 0 0 20px 0;
  color: #fff;
  font-size: 29px;
  text-align: center;
  font-weight: normal;
}
#pid-info .saec--wrapper .xBizServicePr__desc,
#pid-404 .saec--wrapper .xBizServicePr__desc,
#pid-ylp .saec--wrapper .xBizServicePr__desc,
#pid-saec .saec--wrapper .xBizServicePr__desc {
  padding: 0 0 40px 0;
  text-align: center;
  color: #fff;
}
#pid-info .saec--wrapper .xBizServicePr .xbizPr,
#pid-404 .saec--wrapper .xBizServicePr .xbizPr,
#pid-ylp .saec--wrapper .xBizServicePr .xbizPr,
#pid-saec .saec--wrapper .xBizServicePr .xbizPr {
  width: 1280px;
  margin: 0 auto;
  background: #fff url(../img/campaign/saec/pr_xbiz_bg.png) 50% 0 no-repeat;
}
#pid-info .saec--wrapper .xBizServicePr .xbizPrIntro,
#pid-404 .saec--wrapper .xBizServicePr .xbizPrIntro,
#pid-ylp .saec--wrapper .xBizServicePr .xbizPrIntro,
#pid-saec .saec--wrapper .xBizServicePr .xbizPrIntro {
  padding: 25px 0 0;
}
#pid-info .saec--wrapper .xBizServicePr .xbizPrIntroTtl,
#pid-404 .saec--wrapper .xBizServicePr .xbizPrIntroTtl,
#pid-ylp .saec--wrapper .xBizServicePr .xbizPrIntroTtl,
#pid-saec .saec--wrapper .xBizServicePr .xbizPrIntroTtl {
  text-align: center;
  font-weight: normal;
  font-size: 29px;
}
#pid-info .saec--wrapper .xBizServicePr .xbizPrIntroTtl img,
#pid-404 .saec--wrapper .xBizServicePr .xbizPrIntroTtl img,
#pid-ylp .saec--wrapper .xBizServicePr .xbizPrIntroTtl img,
#pid-saec .saec--wrapper .xBizServicePr .xbizPrIntroTtl img {
  position: relative;
  left: 15px;
}
#pid-info .saec--wrapper .xBizServicePr .xbizPrIntroTtl .potxt,
#pid-404 .saec--wrapper .xBizServicePr .xbizPrIntroTtl .potxt,
#pid-ylp .saec--wrapper .xBizServicePr .xbizPrIntroTtl .potxt,
#pid-saec .saec--wrapper .xBizServicePr .xbizPrIntroTtl .potxt {
  position: relative;
  top: 22px;
  line-height: 1;
}
#pid-info .saec--wrapper .xBizServicePr .xbizPrIntroTtl .xTxt,
#pid-404 .saec--wrapper .xBizServicePr .xbizPrIntroTtl .xTxt,
#pid-ylp .saec--wrapper .xBizServicePr .xbizPrIntroTtl .xTxt,
#pid-saec .saec--wrapper .xBizServicePr .xbizPrIntroTtl .xTxt {
  margin-right: -15px;
  color: #1f65a8;
}
#pid-info .saec--wrapper .xBizServicePr .xbizPrIntroTtl .xBigTxt,
#pid-404 .saec--wrapper .xBizServicePr .xbizPrIntroTtl .xBigTxt,
#pid-ylp .saec--wrapper .xBizServicePr .xbizPrIntroTtl .xBigTxt,
#pid-saec .saec--wrapper .xBizServicePr .xbizPrIntroTtl .xBigTxt {
  font-size: 36px;
  font-weight: bold;
}
#pid-info .saec--wrapper .xBizServicePr .xbizPrIntroBizLogo,
#pid-404 .saec--wrapper .xBizServicePr .xbizPrIntroBizLogo,
#pid-ylp .saec--wrapper .xBizServicePr .xbizPrIntroBizLogo,
#pid-saec .saec--wrapper .xBizServicePr .xbizPrIntroBizLogo {
  padding: 35px 0 0;
  text-align: center;
}
#pid-info .saec--wrapper .xBizServicePr .xbizPrIntroDesc,
#pid-404 .saec--wrapper .xBizServicePr .xbizPrIntroDesc,
#pid-ylp .saec--wrapper .xBizServicePr .xbizPrIntroDesc,
#pid-saec .saec--wrapper .xBizServicePr .xbizPrIntroDesc {
  padding: 30px 0;
  text-align: center;
}
#pid-info .saec--wrapper .xBizServicePr .xbizPrIntro .xbizSpec,
#pid-404 .saec--wrapper .xBizServicePr .xbizPrIntro .xbizSpec,
#pid-ylp .saec--wrapper .xBizServicePr .xbizPrIntro .xbizSpec,
#pid-saec .saec--wrapper .xBizServicePr .xbizPrIntro .xbizSpec {
  width: 629px;
  margin: 0 auto 30px;
}
#pid-info .saec--wrapper .xBizServicePr .xbizPrIntro .xbizSpecSpace,
#pid-404 .saec--wrapper .xBizServicePr .xbizPrIntro .xbizSpecSpace,
#pid-ylp .saec--wrapper .xBizServicePr .xbizPrIntro .xbizSpecSpace,
#pid-saec .saec--wrapper .xBizServicePr .xbizPrIntro .xbizSpecSpace {
  margin: 2px 10px 0 0;
  float: left;
}
#pid-info .saec--wrapper .xBizServicePr .xbizPrIntro .xbizSpecPrice,
#pid-404 .saec--wrapper .xBizServicePr .xbizPrIntro .xbizSpecPrice,
#pid-ylp .saec--wrapper .xBizServicePr .xbizPrIntro .xbizSpecPrice,
#pid-saec .saec--wrapper .xBizServicePr .xbizPrIntro .xbizSpecPrice {
  width: 323px;
  float: left;
}
#pid-info .saec--wrapper .xBizServicePr .xbizPrIntroBody,
#pid-404 .saec--wrapper .xBizServicePr .xbizPrIntroBody,
#pid-ylp .saec--wrapper .xBizServicePr .xbizPrIntroBody,
#pid-saec .saec--wrapper .xBizServicePr .xbizPrIntroBody {
  padding: 0 0 90px;
  width: 1000px;
  margin: 0 auto;
}
#pid-info .saec--wrapper .xBizServicePr .xbizPr .feature,
#pid-404 .saec--wrapper .xBizServicePr .xbizPr .feature,
#pid-ylp .saec--wrapper .xBizServicePr .xbizPr .feature,
#pid-saec .saec--wrapper .xBizServicePr .xbizPr .feature {
  position: relative;
  margin-bottom: 53px;
}
#pid-info .saec--wrapper .xBizServicePr .xbizPr .feature__ttl,
#pid-404 .saec--wrapper .xBizServicePr .xbizPr .feature__ttl,
#pid-ylp .saec--wrapper .xBizServicePr .xbizPr .feature__ttl,
#pid-saec .saec--wrapper .xBizServicePr .xbizPr .feature__ttl {
  margin-bottom: 34px;
  color: #113d6b;
  font-weight: normal;
  font-size: 30px;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  text-align: center;
}
#pid-info .saec--wrapper .xBizServicePr .xbizPr .feature__body > :last-child,
#pid-404 .saec--wrapper .xBizServicePr .xbizPr .feature__body > :last-child,
#pid-ylp .saec--wrapper .xBizServicePr .xbizPr .feature__body > :last-child,
#pid-saec .saec--wrapper .xBizServicePr .xbizPr .feature__body > :last-child {
  margin-bottom: 0;
}
#pid-info .saec--wrapper .xBizServicePr .xbizPr .environment,
#pid-404 .saec--wrapper .xBizServicePr .xbizPr .environment,
#pid-ylp .saec--wrapper .xBizServicePr .xbizPr .environment,
#pid-saec .saec--wrapper .xBizServicePr .xbizPr .environment {
  margin-bottom: 50px;
  padding: 40px 14px 14px 14px;
  background: #1f65a8 url(../img/campaign/saec/bg_highspec.png) no-repeat center top;
}
#pid-info .saec--wrapper .xBizServicePr .xbizPr .environment > :last-child,
#pid-404 .saec--wrapper .xBizServicePr .xbizPr .environment > :last-child,
#pid-ylp .saec--wrapper .xBizServicePr .xbizPr .environment > :last-child,
#pid-saec .saec--wrapper .xBizServicePr .xbizPr .environment > :last-child {
  margin-bottom: 0;
}
#pid-info .saec--wrapper .xBizServicePr .xbizPr .environment__ttl,
#pid-404 .saec--wrapper .xBizServicePr .xbizPr .environment__ttl,
#pid-ylp .saec--wrapper .xBizServicePr .xbizPr .environment__ttl,
#pid-saec .saec--wrapper .xBizServicePr .xbizPr .environment__ttl {
  margin: 0 0 35px;
  font-size: 30px;
  color: #ffffff;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.3);
  text-align: center;
  font-weight: normal;
}
#pid-info .saec--wrapper .xBizServicePr .xbizPr .envItemContainer,
#pid-404 .saec--wrapper .xBizServicePr .xbizPr .envItemContainer,
#pid-ylp .saec--wrapper .xBizServicePr .xbizPr .envItemContainer,
#pid-saec .saec--wrapper .xBizServicePr .xbizPr .envItemContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#pid-info .saec--wrapper .xBizServicePr .xbizPr .envItem,
#pid-404 .saec--wrapper .xBizServicePr .xbizPr .envItem,
#pid-ylp .saec--wrapper .xBizServicePr .xbizPr .envItem,
#pid-saec .saec--wrapper .xBizServicePr .xbizPr .envItem {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 480px;
  margin-bottom: 15px;
  padding: 22px 15px;
  font-size: 14px;
  background: #fff;
}
#pid-info .saec--wrapper .xBizServicePr .xbizPr .envItem .media,
#pid-404 .saec--wrapper .xBizServicePr .xbizPr .envItem .media,
#pid-ylp .saec--wrapper .xBizServicePr .xbizPr .envItem .media,
#pid-saec .saec--wrapper .xBizServicePr .xbizPr .envItem .media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
#pid-info .saec--wrapper .xBizServicePr .xbizPr .envItem .media__image,
#pid-404 .saec--wrapper .xBizServicePr .xbizPr .envItem .media__image,
#pid-ylp .saec--wrapper .xBizServicePr .xbizPr .envItem .media__image,
#pid-saec .saec--wrapper .xBizServicePr .xbizPr .envItem .media__image {
  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: 132px;
  margin-right: 20px;
}
#pid-info .saec--wrapper .xBizServicePr .xbizPr .envItem .media__image img,
#pid-404 .saec--wrapper .xBizServicePr .xbizPr .envItem .media__image img,
#pid-ylp .saec--wrapper .xBizServicePr .xbizPr .envItem .media__image img,
#pid-saec .saec--wrapper .xBizServicePr .xbizPr .envItem .media__image img {
  max-width: 100%;
}
#pid-info .saec--wrapper .xBizServicePr .xbizPr .envItem .media__body,
#pid-404 .saec--wrapper .xBizServicePr .xbizPr .envItem .media__body,
#pid-ylp .saec--wrapper .xBizServicePr .xbizPr .envItem .media__body,
#pid-saec .saec--wrapper .xBizServicePr .xbizPr .envItem .media__body {
  width: 298px;
}
#pid-info .saec--wrapper .xBizServicePr .xbizPr .envItem .media__body p,
#pid-404 .saec--wrapper .xBizServicePr .xbizPr .envItem .media__body p,
#pid-ylp .saec--wrapper .xBizServicePr .xbizPr .envItem .media__body p,
#pid-saec .saec--wrapper .xBizServicePr .xbizPr .envItem .media__body p {
  margin: 0;
}
#pid-info .saec--wrapper .xBizServicePr .xbizPr .envItem .media__body sup,
#pid-404 .saec--wrapper .xBizServicePr .xbizPr .envItem .media__body sup,
#pid-ylp .saec--wrapper .xBizServicePr .xbizPr .envItem .media__body sup,
#pid-saec .saec--wrapper .xBizServicePr .xbizPr .envItem .media__body sup {
  display: inline;
  font-size: 60%;
  line-height: 0;
  vertical-align: baseline;
  position: relative;
  top: -0.5em;
}
#pid-info .saec--wrapper .xBizServicePr .xbizPr .envItem .envItem__emYellow,
#pid-404 .saec--wrapper .xBizServicePr .xbizPr .envItem .envItem__emYellow,
#pid-ylp .saec--wrapper .xBizServicePr .xbizPr .envItem .envItem__emYellow,
#pid-saec .saec--wrapper .xBizServicePr .xbizPr .envItem .envItem__emYellow {
  font-weight: normal;
  background: #ffe22f;
}
#pid-info .saec--wrapper .xBizServicePr .xbizPr .envItem__ttl,
#pid-404 .saec--wrapper .xBizServicePr .xbizPr .envItem__ttl,
#pid-ylp .saec--wrapper .xBizServicePr .xbizPr .envItem__ttl,
#pid-saec .saec--wrapper .xBizServicePr .xbizPr .envItem__ttl {
  margin-bottom: 10px;
  font-size: 22px;
  color: #1f65a8;
  font-weight: normal;
}
#pid-info .saec--wrapper .xBizServicePr .xbizPr .envItem--xac,
#pid-404 .saec--wrapper .xBizServicePr .xbizPr .envItem--xac,
#pid-ylp .saec--wrapper .xBizServicePr .xbizPr .envItem--xac,
#pid-saec .saec--wrapper .xBizServicePr .xbizPr .envItem--xac {
  width: 100%;
  margin-bottom: 20px;
  padding: 22px;
  font-size: 16px;
}
#pid-info .saec--wrapper .xBizServicePr .xbizPr .envItem--xac .envItem__ttl,
#pid-404 .saec--wrapper .xBizServicePr .xbizPr .envItem--xac .envItem__ttl,
#pid-ylp .saec--wrapper .xBizServicePr .xbizPr .envItem--xac .envItem__ttl,
#pid-saec .saec--wrapper .xBizServicePr .xbizPr .envItem--xac .envItem__ttl {
  text-align: center;
}
#pid-info .saec--wrapper .xBizServicePr .xbizPr .envItem--xac .media__image,
#pid-404 .saec--wrapper .xBizServicePr .xbizPr .envItem--xac .media__image,
#pid-ylp .saec--wrapper .xBizServicePr .xbizPr .envItem--xac .media__image,
#pid-saec .saec--wrapper .xBizServicePr .xbizPr .envItem--xac .media__image {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 419px;
  margin-right: 30px;
}
#pid-info .saec--wrapper .xBizServicePr .xbizPr .envItem--xac .media__body,
#pid-404 .saec--wrapper .xBizServicePr .xbizPr .envItem--xac .media__body,
#pid-ylp .saec--wrapper .xBizServicePr .xbizPr .envItem--xac .media__body,
#pid-saec .saec--wrapper .xBizServicePr .xbizPr .envItem--xac .media__body {
  width: 479px;
}
#pid-info .saec--wrapper .xBizServicePr .xbizPr .environment .noteList,
#pid-404 .saec--wrapper .xBizServicePr .xbizPr .environment .noteList,
#pid-ylp .saec--wrapper .xBizServicePr .xbizPr .environment .noteList,
#pid-saec .saec--wrapper .xBizServicePr .xbizPr .environment .noteList {
  color: #fff;
  font-size: 12px;
}
#pid-info .saec--wrapper .xBizServicePr .xbizPr .environment .noteList a,
#pid-404 .saec--wrapper .xBizServicePr .xbizPr .environment .noteList a,
#pid-ylp .saec--wrapper .xBizServicePr .xbizPr .environment .noteList a,
#pid-saec .saec--wrapper .xBizServicePr .xbizPr .environment .noteList a {
  color: #fff;
}
#pid-info .saec--wrapper .xBizServicePr .xbizPr .environment__btn,
#pid-404 .saec--wrapper .xBizServicePr .xbizPr .environment__btn,
#pid-ylp .saec--wrapper .xBizServicePr .xbizPr .environment__btn,
#pid-saec .saec--wrapper .xBizServicePr .xbizPr .environment__btn {
  min-width: 380px;
  color: #1f65a8 !important;
  border: 1px solid #1f65a8;
}
#pid-info .saec--wrapper .xBizServicePr .xbizPr .pickUpService,
#pid-404 .saec--wrapper .xBizServicePr .xbizPr .pickUpService,
#pid-ylp .saec--wrapper .xBizServicePr .xbizPr .pickUpService,
#pid-saec .saec--wrapper .xBizServicePr .xbizPr .pickUpService {
  float: left;
  display: block;
  margin: 0 20px 10px 0;
  text-align: right;
  font-size: 14px;
}
#pid-info .saec--wrapper .xBizServicePr .xbizPr .pickUpService:nth-child(even),
#pid-404 .saec--wrapper .xBizServicePr .xbizPr .pickUpService:nth-child(even),
#pid-ylp .saec--wrapper .xBizServicePr .xbizPr .pickUpService:nth-child(even),
#pid-saec .saec--wrapper .xBizServicePr .xbizPr .pickUpService:nth-child(even) {
  margin-right: 0;
}
#pid-info .saec--wrapper .xBizServicePr .xbizPr .pickUpService:link,
#pid-info .saec--wrapper .xBizServicePr .xbizPr .pickUpService:visited,
#pid-404 .saec--wrapper .xBizServicePr .xbizPr .pickUpService:link,
#pid-404 .saec--wrapper .xBizServicePr .xbizPr .pickUpService:visited,
#pid-ylp .saec--wrapper .xBizServicePr .xbizPr .pickUpService:link,
#pid-ylp .saec--wrapper .xBizServicePr .xbizPr .pickUpService:visited,
#pid-saec .saec--wrapper .xBizServicePr .xbizPr .pickUpService:link,
#pid-saec .saec--wrapper .xBizServicePr .xbizPr .pickUpService:visited {
  text-decoration: none;
  color: #113d6b;
}
#pid-info .saec--wrapper .xBizServicePr .xbizPr .pickUpService--daikou:link,
#pid-info .saec--wrapper .xBizServicePr .xbizPr .pickUpService--daikou:visited,
#pid-404 .saec--wrapper .xBizServicePr .xbizPr .pickUpService--daikou:link,
#pid-404 .saec--wrapper .xBizServicePr .xbizPr .pickUpService--daikou:visited,
#pid-ylp .saec--wrapper .xBizServicePr .xbizPr .pickUpService--daikou:link,
#pid-ylp .saec--wrapper .xBizServicePr .xbizPr .pickUpService--daikou:visited,
#pid-saec .saec--wrapper .xBizServicePr .xbizPr .pickUpService--daikou:link,
#pid-saec .saec--wrapper .xBizServicePr .xbizPr .pickUpService--daikou:visited {
  color: #32699c;
}
#pid-info .saec--wrapper .xBizServicePr .xbizPr .pickUpService--security:link,
#pid-info .saec--wrapper .xBizServicePr .xbizPr .pickUpService--security:visited,
#pid-404 .saec--wrapper .xBizServicePr .xbizPr .pickUpService--security:link,
#pid-404 .saec--wrapper .xBizServicePr .xbizPr .pickUpService--security:visited,
#pid-ylp .saec--wrapper .xBizServicePr .xbizPr .pickUpService--security:link,
#pid-ylp .saec--wrapper .xBizServicePr .xbizPr .pickUpService--security:visited,
#pid-saec .saec--wrapper .xBizServicePr .xbizPr .pickUpService--security:link,
#pid-saec .saec--wrapper .xBizServicePr .xbizPr .pickUpService--security:visited {
  color: #00aab9;
}
#pid-info .saec--wrapper .xBizServicePr .xbizPr .pickUpService > img,
#pid-404 .saec--wrapper .xBizServicePr .xbizPr .pickUpService > img,
#pid-ylp .saec--wrapper .xBizServicePr .xbizPr .pickUpService > img,
#pid-saec .saec--wrapper .xBizServicePr .xbizPr .pickUpService > img {
  display: block;
  max-width: 100%;
  margin: 0 0 2px;
}
#pid-info .saec--wrapper .xBizServicePr .xbizPr .pickUpService:hover .pickUpService__text,
#pid-404 .saec--wrapper .xBizServicePr .xbizPr .pickUpService:hover .pickUpService__text,
#pid-ylp .saec--wrapper .xBizServicePr .xbizPr .pickUpService:hover .pickUpService__text,
#pid-saec .saec--wrapper .xBizServicePr .xbizPr .pickUpService:hover .pickUpService__text {
  text-decoration: underline;
}
#pid-info .saec--wrapper .xBizServicePr .xbizPr .bizCvBtn,
#pid-404 .saec--wrapper .xBizServicePr .xbizPr .bizCvBtn,
#pid-ylp .saec--wrapper .xBizServicePr .xbizPr .bizCvBtn,
#pid-saec .saec--wrapper .xBizServicePr .xbizPr .bizCvBtn {
  display: inline-block;
  width: 700px;
  height: 80px;
  margin: 0 0 15px;
  text-align: center;
  background: #fbd60c;
  color: #113d6b;
  line-height: 80px;
  font-size: 18px;
  text-decoration: none;
}
#pid-info .saec--wrapper .xBizServicePr .xbizPr .bizCvBtn:hover,
#pid-404 .saec--wrapper .xBizServicePr .xbizPr .bizCvBtn:hover,
#pid-ylp .saec--wrapper .xBizServicePr .xbizPr .bizCvBtn:hover,
#pid-saec .saec--wrapper .xBizServicePr .xbizPr .bizCvBtn:hover {
  opacity: 0.7;
}
#pid-info .saec--wrapper .xBizServicePr .xbizPr .bizSiteBtn,
#pid-404 .saec--wrapper .xBizServicePr .xbizPr .bizSiteBtn,
#pid-ylp .saec--wrapper .xBizServicePr .xbizPr .bizSiteBtn,
#pid-saec .saec--wrapper .xBizServicePr .xbizPr .bizSiteBtn {
  display: inline-block;
  width: 345px;
  height: 60px;
  text-align: center;
  background: #ffffff;
  color: #113d6b;
  line-height: 60px;
  border: 1px solid #113d6b;
  font-size: 16px;
  text-decoration: none;
}
#pid-info .saec--wrapper .xBizServicePr .xbizPr .bizSiteBtn:hover,
#pid-404 .saec--wrapper .xBizServicePr .xbizPr .bizSiteBtn:hover,
#pid-ylp .saec--wrapper .xBizServicePr .xbizPr .bizSiteBtn:hover,
#pid-saec .saec--wrapper .xBizServicePr .xbizPr .bizSiteBtn:hover {
  opacity: 0.7;
}
#pid-info .saec--wrapper .xBizServicePr .xPr,
#pid-404 .saec--wrapper .xBizServicePr .xPr,
#pid-ylp .saec--wrapper .xBizServicePr .xPr,
#pid-saec .saec--wrapper .xBizServicePr .xPr {
  width: 1000px;
  margin: 80px auto 0;
}
#pid-info .saec--wrapper .xBizServicePr .xPrTtl,
#pid-404 .saec--wrapper .xBizServicePr .xPrTtl,
#pid-ylp .saec--wrapper .xBizServicePr .xPrTtl,
#pid-saec .saec--wrapper .xBizServicePr .xPrTtl {
  height: 50px;
  line-height: 50px;
  color: #ffffff;
  font-size: 21px;
  font-weight: normal;
  background: #1b63a7;
  text-align: center;
}
#pid-info .saec--wrapper .xBizServicePr .xPrBody,
#pid-404 .saec--wrapper .xBizServicePr .xPrBody,
#pid-ylp .saec--wrapper .xBizServicePr .xPrBody,
#pid-saec .saec--wrapper .xBizServicePr .xPrBody {
  padding: 30px 0;
  border: 3px solid #1b63a7;
  border-top: none;
  background: #f3f3f3 url(../img/campaign/saec/pr_x_bg.png) 0 0 no-repeat;
  text-align: center;
}
#pid-info .saec--wrapper .xBizServicePr .xPrBodyTtl,
#pid-404 .saec--wrapper .xBizServicePr .xPrBodyTtl,
#pid-ylp .saec--wrapper .xBizServicePr .xPrBodyTtl,
#pid-saec .saec--wrapper .xBizServicePr .xPrBodyTtl {
  margin: 0 0 15px;
  font-size: 25px;
  color: #1b5fa6;
  text-align: center;
  font-weight: normal;
}
#pid-info .saec--wrapper .xBizServicePr .xPrBodyDesc,
#pid-404 .saec--wrapper .xBizServicePr .xPrBodyDesc,
#pid-ylp .saec--wrapper .xBizServicePr .xPrBodyDesc,
#pid-saec .saec--wrapper .xBizServicePr .xPrBodyDesc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 846px;
  margin: 0 auto 20px;
}
#pid-info .saec--wrapper .xBizServicePr .xPrBodyDesc.descCpAdd,
#pid-404 .saec--wrapper .xBizServicePr .xPrBodyDesc.descCpAdd,
#pid-ylp .saec--wrapper .xBizServicePr .xPrBodyDesc.descCpAdd,
#pid-saec .saec--wrapper .xBizServicePr .xPrBodyDesc.descCpAdd {
  margin-top: 30px;
}
#pid-info .saec--wrapper .xBizServicePr .xPrBodyDesc img,
#pid-404 .saec--wrapper .xBizServicePr .xPrBodyDesc img,
#pid-ylp .saec--wrapper .xBizServicePr .xPrBodyDesc img,
#pid-saec .saec--wrapper .xBizServicePr .xPrBodyDesc img {
  margin: 0 10px 0 0;
}
#pid-info .saec--wrapper .xBizServicePr .xPrBodyDesc img:last-child,
#pid-404 .saec--wrapper .xBizServicePr .xPrBodyDesc img:last-child,
#pid-ylp .saec--wrapper .xBizServicePr .xPrBodyDesc img:last-child,
#pid-saec .saec--wrapper .xBizServicePr .xPrBodyDesc img:last-child {
  margin: 0;
}
#pid-info .saec--wrapper .xBizServicePr .xPrBodyDesc .priceCpAdd,
#pid-404 .saec--wrapper .xBizServicePr .xPrBodyDesc .priceCpAdd,
#pid-ylp .saec--wrapper .xBizServicePr .xPrBodyDesc .priceCpAdd,
#pid-saec .saec--wrapper .xBizServicePr .xPrBodyDesc .priceCpAdd {
  position: relative;
}
#pid-info .saec--wrapper .xBizServicePr .xPrBodyDesc .xPr_spec_cp_balloon,
#pid-404 .saec--wrapper .xBizServicePr .xPrBodyDesc .xPr_spec_cp_balloon,
#pid-ylp .saec--wrapper .xBizServicePr .xPrBodyDesc .xPr_spec_cp_balloon,
#pid-saec .saec--wrapper .xBizServicePr .xPrBodyDesc .xPr_spec_cp_balloon {
  position: absolute;
  top: -26px;
  right: 30px;
  display: inline-block;
  background: #ffd800;
  border-radius: 3px;
  padding: 0 10px;
  color: #e70600;
  line-height: 30px;
}
@media only screen and (max-width: 1099px) {
  #pid-info .saec--wrapper .xBizServicePr .xPrBodyDesc .xPr_spec_cp_balloon,
  #pid-404 .saec--wrapper .xBizServicePr .xPrBodyDesc .xPr_spec_cp_balloon,
  #pid-ylp .saec--wrapper .xBizServicePr .xPrBodyDesc .xPr_spec_cp_balloon,
  #pid-saec .saec--wrapper .xBizServicePr .xPrBodyDesc .xPr_spec_cp_balloon {
    /*-- width: 130px; --*/
    font-size: 12px;
  }
}
#pid-info .saec--wrapper .xBizServicePr .xPrBodyDesc .xPr_spec_cp_balloon::after,
#pid-404 .saec--wrapper .xBizServicePr .xPrBodyDesc .xPr_spec_cp_balloon::after,
#pid-ylp .saec--wrapper .xBizServicePr .xPrBodyDesc .xPr_spec_cp_balloon::after,
#pid-saec .saec--wrapper .xBizServicePr .xPrBodyDesc .xPr_spec_cp_balloon::after {
  content: "";
  display: block;
  position: absolute;
  right: 10px;
  bottom: -10px;
  border: 10px solid transparent;
  border-left-color: #ffd800;
}
#pid-info .saec--wrapper .xBizServicePr .xPrBody .xCvBtn,
#pid-404 .saec--wrapper .xBizServicePr .xPrBody .xCvBtn,
#pid-ylp .saec--wrapper .xBizServicePr .xPrBody .xCvBtn,
#pid-saec .saec--wrapper .xBizServicePr .xPrBody .xCvBtn {
  display: inline-block;
  margin: 0 0 15px 0;
  width: 600px;
  height: 50px;
  text-align: center;
  text-decoration: none;
  line-height: 50px;
  border: 2px solid #fff;
  font-size: 21px;
  background: #f7790b; /* Old Browsers */ /* FF3.6+ */
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #f88b14), color-stop(100%, #f56708)); /* Chrome, Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE 10+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f88b14), to(#f56708));
  background: linear-gradient(to bottom, #f88b14 0, #f56708 100%); /* W3C */
  color: #ffffff;
  text-shadow: 0 -1px 0 #cd7220;
}
#pid-info .saec--wrapper .xBizServicePr .xPrBody .xCvBtn:hover,
#pid-404 .saec--wrapper .xBizServicePr .xPrBody .xCvBtn:hover,
#pid-ylp .saec--wrapper .xBizServicePr .xPrBody .xCvBtn:hover,
#pid-saec .saec--wrapper .xBizServicePr .xPrBody .xCvBtn:hover {
  opacity: 0.7;
}
#pid-info .saec--wrapper .xBizServicePr .xPrBody .xSiteBtn,
#pid-404 .saec--wrapper .xBizServicePr .xPrBody .xSiteBtn,
#pid-ylp .saec--wrapper .xBizServicePr .xPrBody .xSiteBtn,
#pid-saec .saec--wrapper .xBizServicePr .xPrBody .xSiteBtn {
  display: inline-block;
  width: 260px;
  height: 46px;
  font-size: 16px;
  border: 1px solid #1b5fa6;
  color: #1b5fa6;
  text-align: center;
  line-height: 46px;
  background: #ffffff;
  text-decoration: none;
}
#pid-info .saec--wrapper .xBizServicePr .xPrBody .xSiteBtn:hover,
#pid-404 .saec--wrapper .xBizServicePr .xPrBody .xSiteBtn:hover,
#pid-ylp .saec--wrapper .xBizServicePr .xPrBody .xSiteBtn:hover,
#pid-saec .saec--wrapper .xBizServicePr .xPrBody .xSiteBtn:hover {
  opacity: 0.7;
}
#pid-info .saec--wrapper .noteArea,
#pid-404 .saec--wrapper .noteArea,
#pid-ylp .saec--wrapper .noteArea,
#pid-saec .saec--wrapper .noteArea {
  padding: 50px 0;
  margin: 0 auto;
  width: 1000px;
}
#pid-info .saec--wrapper .footer,
#pid-404 .saec--wrapper .footer,
#pid-ylp .saec--wrapper .footer,
#pid-saec .saec--wrapper .footer {
  padding: 15px 0;
  text-align: center;
  color: #ffffff;
  font-size: 14px;
  background: #1f1f1f;
  font-style: normal;
}
#pid-info,
#pid-404,
#pid-ylp,
#pid-saec {
  /* ----------------------------------------------------------
  キャッシュレス・消費者還元事業
  ------------------------------------------------------------- */
}
#pid-info .campaign_cashless_visual,
#pid-404 .campaign_cashless_visual,
#pid-ylp .campaign_cashless_visual,
#pid-saec .campaign_cashless_visual {
  background: #faf2c1;
  padding: 18px;
  text-align: center;
  border: 1px solid #ccc;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info .campaign_cashless_visual,
  #pid-404 .campaign_cashless_visual,
  #pid-ylp .campaign_cashless_visual,
  #pid-saec .campaign_cashless_visual {
    padding: 5px 10px 0;
  }
}
#pid-info .campaign_cashles_visual_txt,
#pid-404 .campaign_cashles_visual_txt,
#pid-ylp .campaign_cashles_visual_txt,
#pid-saec .campaign_cashles_visual_txt {
  color: #e61212;
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 5px;
  text-align: center;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info .campaign_cashles_visual_txt,
  #pid-404 .campaign_cashles_visual_txt,
  #pid-ylp .campaign_cashles_visual_txt,
  #pid-saec .campaign_cashles_visual_txt {
    font-size: 13px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info .campaign_cashles_visual_txt .hidden, #pid-info .cpinfo .hidden,
  #pid-404 .campaign_cashles_visual_txt .hidden,
  #pid-404 .cpinfo .hidden,
  #pid-ylp .campaign_cashles_visual_txt .hidden,
  #pid-ylp .cpinfo .hidden,
  #pid-saec .campaign_cashles_visual_txt .hidden,
  #pid-saec .cpinfo .hidden {
    display: none !important;
  }
}
#pid-info .campaignCopy,
#pid-404 .campaignCopy,
#pid-ylp .campaignCopy,
#pid-saec .campaignCopy {
  font-weight: bold;
  text-align: center;
  color: #e61212;
  font-size: 16px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info .campaignCopy,
  #pid-404 .campaignCopy,
  #pid-ylp .campaignCopy,
  #pid-saec .campaignCopy {
    font-size: 10px;
  }
}
#pid-info .cashlessCopy,
#pid-404 .cashlessCopy,
#pid-ylp .cashlessCopy,
#pid-saec .cashlessCopy {
  display: none;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info .cashlessCopy,
  #pid-404 .cashlessCopy,
  #pid-ylp .cashlessCopy,
  #pid-saec .cashlessCopy {
    display: block;
    text-align: center;
    font-size: 10px;
    letter-spacing: 0.3px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info .campaign_visual.cashless_visual img,
  #pid-404 .campaign_visual.cashless_visual img,
  #pid-ylp .campaign_visual.cashless_visual img,
  #pid-saec .campaign_visual.cashless_visual img {
    display: none;
  }
  #pid-info .campaign_visual.cashless_visual,
  #pid-404 .campaign_visual.cashless_visual,
  #pid-ylp .campaign_visual.cashless_visual,
  #pid-saec .campaign_visual.cashless_visual {
    background: url(../img/common/cashless_top_img_sp.png) no-repeat center 0;
    background-size: contain;
    padding-top: 30%;
    margin-bottom: 5px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info .cashlessDesc,
  #pid-404 .cashlessDesc,
  #pid-ylp .cashlessDesc,
  #pid-saec .cashlessDesc {
    font-size: 14px !important;
  }
}
#pid-info .campaign_buttons,
#pid-404 .campaign_buttons,
#pid-ylp .campaign_buttons,
#pid-saec .campaign_buttons {
  margin: 0 auto 25px;
  padding: 15px 0;
  text-align: center;
}
#pid-info .cpinfo,
#pid-404 .cpinfo,
#pid-ylp .cpinfo,
#pid-saec .cpinfo {
  display: table;
  position: relative;
  margin: 40px auto 0;
  padding: 20px;
  border: 1px solid #e61212;
  text-align: center;
}
#pid-info .cpinfo_ttl,
#pid-404 .cpinfo_ttl,
#pid-ylp .cpinfo_ttl,
#pid-saec .cpinfo_ttl {
  position: absolute;
  top: -0.8em;
  left: 0;
  width: 100%;
  color: #e61212;
  font-size: 16px;
  font-weight: bold;
}
#pid-info .cpinfo_ttl span,
#pid-404 .cpinfo_ttl span,
#pid-ylp .cpinfo_ttl span,
#pid-saec .cpinfo_ttl span {
  display: inline-block;
  padding: 0 10px;
  background: #fff;
}
#pid-info,
#pid-404,
#pid-ylp,
#pid-saec {
  /* ----------------------------------------------------------
  セゾン会員優待キャンペーン 追加施策
  ------------------------------------------------------------- */
}
#pid-info .xdrive_request_title,
#pid-404 .xdrive_request_title,
#pid-ylp .xdrive_request_title,
#pid-saec .xdrive_request_title {
  padding: 5px;
  font-weight: bold;
  background-color: #efefef;
}
#pid-info .xdrive_request_text,
#pid-404 .xdrive_request_text,
#pid-ylp .xdrive_request_text,
#pid-saec .xdrive_request_text {
  margin-left: 3em;
}
#pid-info .pr_xdrive,
#pid-404 .pr_xdrive,
#pid-ylp .pr_xdrive,
#pid-saec .pr_xdrive {
  width: 1000px;
  margin-bottom: 30px;
  padding: 25px 0 5px;
  background-image: url("../img/campaign/saec/pr_xdrive_bg.png");
}
#pid-info .pr_xdrive_cpn,
#pid-404 .pr_xdrive_cpn,
#pid-ylp .pr_xdrive_cpn,
#pid-saec .pr_xdrive_cpn {
  margin-bottom: 10px;
  text-align: center;
  font-size: 22px;
  font-weight: bold;
}
#pid-info .pr_xdrive_cpn_red,
#pid-404 .pr_xdrive_cpn_red,
#pid-ylp .pr_xdrive_cpn_red,
#pid-saec .pr_xdrive_cpn_red {
  color: #ff0000;
  font-size: 35px;
}
#pid-info .pr_xdrive_tite,
#pid-404 .pr_xdrive_tite,
#pid-ylp .pr_xdrive_tite,
#pid-saec .pr_xdrive_tite {
  text-align: center;
}
#pid-info .pr_xdrive_box,
#pid-404 .pr_xdrive_box,
#pid-ylp .pr_xdrive_box,
#pid-saec .pr_xdrive_box {
  width: 100%;
  padding: 25px 35px;
  overflow: hidden;
}
#pid-info .pr_xdrive_detail,
#pid-404 .pr_xdrive_detail,
#pid-ylp .pr_xdrive_detail,
#pid-saec .pr_xdrive_detail {
  width: 290px;
  float: left;
  margin-left: 15px;
  background-color: #fff;
}
#pid-info .pr_xdrive_detail_copy,
#pid-404 .pr_xdrive_detail_copy,
#pid-ylp .pr_xdrive_detail_copy,
#pid-saec .pr_xdrive_detail_copy {
  float: left;
  padding: 15px 20px 0 20px;
}
#pid-info .pr_xdrive_detail_copy_pic,
#pid-404 .pr_xdrive_detail_copy_pic,
#pid-ylp .pr_xdrive_detail_copy_pic,
#pid-saec .pr_xdrive_detail_copy_pic {
  float: left;
}
#pid-info .pr_xdrive_detail_copy_catch,
#pid-404 .pr_xdrive_detail_copy_catch,
#pid-ylp .pr_xdrive_detail_copy_catch,
#pid-saec .pr_xdrive_detail_copy_catch {
  float: left;
  margin: 5px 0 0 5px;
  color: #4a67a8;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5em;
}
#pid-info .pr_xdrive_detail_text,
#pid-404 .pr_xdrive_detail_text,
#pid-ylp .pr_xdrive_detail_text,
#pid-saec .pr_xdrive_detail_text {
  clear: both;
  padding: 10px 17px 17px 17px;
  font-size: 13px;
}
#pid-info,
#pid-404,
#pid-ylp,
#pid-saec {
  /* ----------------------------------------------------------
  Xdrive既存向けキャンペーン
  ------------------------------------------------------------- */
}
#pid-info .freeXdriveCpFlow,
#pid-404 .freeXdriveCpFlow,
#pid-ylp .freeXdriveCpFlow,
#pid-saec .freeXdriveCpFlow {
  width: 900px;
  padding: 30px;
  margin: 0 auto 30px;
  background: #cfddec;
}
#pid-info .freeXdriveCpFlow h2,
#pid-404 .freeXdriveCpFlow h2,
#pid-ylp .freeXdriveCpFlow h2,
#pid-saec .freeXdriveCpFlow h2 {
  margin-bottom: 10px;
  font-size: 25px;
  text-align: center;
  font-weight: bold;
}
#pid-info .freeXdriveCpFlow__step,
#pid-404 .freeXdriveCpFlow__step,
#pid-ylp .freeXdriveCpFlow__step,
#pid-saec .freeXdriveCpFlow__step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #ffffff;
  margin: 0 0 30px;
  padding: 20px;
  position: relative;
}
#pid-info .freeXdriveCpFlow__step::after,
#pid-404 .freeXdriveCpFlow__step::after,
#pid-ylp .freeXdriveCpFlow__step::after,
#pid-saec .freeXdriveCpFlow__step::after {
  display: block;
  position: absolute;
  left: 50%;
  width: 0;
  height: 0;
  bottom: -23px;
  border-style: solid;
  border-width: 17px 11px 0 11px;
  border-color: #1b5fa6 transparent transparent transparent;
  content: "";
}
#pid-info .freeXdriveCpFlow__step dt,
#pid-404 .freeXdriveCpFlow__step dt,
#pid-ylp .freeXdriveCpFlow__step dt,
#pid-saec .freeXdriveCpFlow__step dt {
  font-size: 20px;
  margin-right: 40px;
}
#pid-info .freeXdriveCpFlow__stepTtl,
#pid-404 .freeXdriveCpFlow__stepTtl,
#pid-ylp .freeXdriveCpFlow__stepTtl,
#pid-saec .freeXdriveCpFlow__stepTtl {
  font-size: 20px;
  margin-bottom: 10px;
  font-weight: bold;
}
#pid-info .freeXdriveCpFlow__step:last-child,
#pid-404 .freeXdriveCpFlow__step:last-child,
#pid-ylp .freeXdriveCpFlow__step:last-child,
#pid-saec .freeXdriveCpFlow__step:last-child {
  margin: 0;
}
#pid-info .freeXdriveCpFlow__step:last-child::after,
#pid-404 .freeXdriveCpFlow__step:last-child::after,
#pid-ylp .freeXdriveCpFlow__step:last-child::after,
#pid-saec .freeXdriveCpFlow__step:last-child::after {
  display: none;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info .freeXdriveCpFlow,
  #pid-404 .freeXdriveCpFlow,
  #pid-ylp .freeXdriveCpFlow,
  #pid-saec .freeXdriveCpFlow {
    width: 90%;
    padding: 5%;
  }
  #pid-info .freeXdriveCpFlow h2,
  #pid-404 .freeXdriveCpFlow h2,
  #pid-ylp .freeXdriveCpFlow h2,
  #pid-saec .freeXdriveCpFlow h2 {
    margin-bottom: 5px;
    font-size: 25px;
  }
  #pid-info .freeXdriveCpFlow__step,
  #pid-404 .freeXdriveCpFlow__step,
  #pid-ylp .freeXdriveCpFlow__step,
  #pid-saec .freeXdriveCpFlow__step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #ffffff;
    margin: 0 0 30px;
    padding: 5%;
    position: relative;
  }
  #pid-info .freeXdriveCpFlow__step::after,
  #pid-404 .freeXdriveCpFlow__step::after,
  #pid-ylp .freeXdriveCpFlow__step::after,
  #pid-saec .freeXdriveCpFlow__step::after {
    display: block;
    position: absolute;
    left: 50%;
    width: 0;
    height: 0;
    bottom: -23px;
    border-style: solid;
    border-width: 17px 11px 0 11px;
    border-color: #113d6b transparent transparent transparent;
    content: "";
  }
  #pid-info .freeXdriveCpFlow__step dt,
  #pid-404 .freeXdriveCpFlow__step dt,
  #pid-ylp .freeXdriveCpFlow__step dt,
  #pid-saec .freeXdriveCpFlow__step dt {
    font-size: 20px;
    margin-right: 15px;
  }
  #pid-info .freeXdriveCpFlow__stepTtl,
  #pid-404 .freeXdriveCpFlow__stepTtl,
  #pid-ylp .freeXdriveCpFlow__stepTtl,
  #pid-saec .freeXdriveCpFlow__stepTtl {
    font-size: 20px;
    margin-bottom: 5px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info .freeXdriveCpFlow,
  #pid-404 .freeXdriveCpFlow,
  #pid-ylp .freeXdriveCpFlow,
  #pid-saec .freeXdriveCpFlow {
    width: 90%;
    padding: 5%;
  }
  #pid-info .freeXdriveCpFlow h2,
  #pid-404 .freeXdriveCpFlow h2,
  #pid-ylp .freeXdriveCpFlow h2,
  #pid-saec .freeXdriveCpFlow h2 {
    margin-bottom: 5px;
    font-size: 15px;
  }
  #pid-info .freeXdriveCpFlow__step,
  #pid-404 .freeXdriveCpFlow__step,
  #pid-ylp .freeXdriveCpFlow__step,
  #pid-saec .freeXdriveCpFlow__step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #ffffff;
    margin: 0 0 15px;
    padding: 5%;
    position: relative;
  }
  #pid-info .freeXdriveCpFlow__step::after,
  #pid-404 .freeXdriveCpFlow__step::after,
  #pid-ylp .freeXdriveCpFlow__step::after,
  #pid-saec .freeXdriveCpFlow__step::after {
    display: block;
    position: absolute;
    left: 50%;
    width: 0;
    height: 0;
    bottom: -12px;
    border-style: solid;
    border-width: 8px 5px 0 5px;
    border-color: #113d6b transparent transparent transparent;
    content: "";
  }
  #pid-info .freeXdriveCpFlow__step dt,
  #pid-404 .freeXdriveCpFlow__step dt,
  #pid-ylp .freeXdriveCpFlow__step dt,
  #pid-saec .freeXdriveCpFlow__step dt {
    font-size: 13px;
    margin-right: 15px;
  }
  #pid-info .freeXdriveCpFlow__stepTtl,
  #pid-404 .freeXdriveCpFlow__stepTtl,
  #pid-ylp .freeXdriveCpFlow__stepTtl,
  #pid-saec .freeXdriveCpFlow__stepTtl {
    font-size: 13px;
    margin-bottom: 5px;
  }
}
#pid-info .xdrivePrCt,
#pid-404 .xdrivePrCt,
#pid-ylp .xdrivePrCt,
#pid-saec .xdrivePrCt {
  width: 800px;
  padding: 40px 80px;
  margin: 20px auto 30px;
  border: 1px solid #ccc;
  background: #fff url(../img/campaign/bg_xdrive.png) 0 0 no-repeat;
}
#pid-info .xdrivePrCt h3,
#pid-404 .xdrivePrCt h3,
#pid-ylp .xdrivePrCt h3,
#pid-saec .xdrivePrCt h3 {
  margin-bottom: 10px;
  font-size: 21px;
  text-align: center;
  font-weight: bold;
}
#pid-info .xdrivePrCt__spec,
#pid-404 .xdrivePrCt__spec,
#pid-ylp .xdrivePrCt__spec,
#pid-saec .xdrivePrCt__spec {
  width: 600px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto 20px;
  font-size: 17px;
  font-weight: bold;
}
#pid-info .xdrivePrCt__spec .space,
#pid-404 .xdrivePrCt__spec .space,
#pid-ylp .xdrivePrCt__spec .space,
#pid-saec .xdrivePrCt__spec .space {
  width: 300px;
  padding: 12px;
  background: #4a67a8;
  text-align: center;
  color: #ffffff;
}
#pid-info .xdrivePrCt__spec .price,
#pid-404 .xdrivePrCt__spec .price,
#pid-ylp .xdrivePrCt__spec .price,
#pid-saec .xdrivePrCt__spec .price {
  width: 296px;
  padding: 10px 0;
  background: #ffffff;
  border: 2px solid #4a67a8;
  text-align: center;
  color: #4a67a8;
}
#pid-info .xdrivePrCt__spec span,
#pid-404 .xdrivePrCt__spec span,
#pid-ylp .xdrivePrCt__spec span,
#pid-saec .xdrivePrCt__spec span {
  font-size: 37px;
}
#pid-info .xdrivePrCt__block,
#pid-404 .xdrivePrCt__block,
#pid-ylp .xdrivePrCt__block,
#pid-saec .xdrivePrCt__block {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 14px;
}
#pid-info .xdrivePrCt__block div,
#pid-404 .xdrivePrCt__block div,
#pid-ylp .xdrivePrCt__block div,
#pid-saec .xdrivePrCt__block div {
  width: 228px;
  padding: 12px;
  border: 2px solid #4a67a8;
  background: #ffffff;
  margin-right: 15px;
}
#pid-info .xdrivePrCt__block .big,
#pid-404 .xdrivePrCt__block .big,
#pid-ylp .xdrivePrCt__block .big,
#pid-saec .xdrivePrCt__block .big {
  width: 346px;
  padding: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
  text-align: center;
}
#pid-info .xdrivePrCt__block div h4,
#pid-404 .xdrivePrCt__block div h4,
#pid-ylp .xdrivePrCt__block div h4,
#pid-saec .xdrivePrCt__block div h4 {
  font-size: 14px;
  color: #4a67a8;
  font-weight: bold;
}
#pid-info .xdrivePrCt__block .big h4,
#pid-404 .xdrivePrCt__block .big h4,
#pid-ylp .xdrivePrCt__block .big h4,
#pid-saec .xdrivePrCt__block .big h4 {
  padding: 10px 0 0;
  font-size: 17px;
  color: #4a67a8;
}
#pid-info .xdrivePrCt__block div:nth-child(2), #pid-info .xdrivePrCt__block div:nth-child(5),
#pid-404 .xdrivePrCt__block div:nth-child(2),
#pid-404 .xdrivePrCt__block div:nth-child(5),
#pid-ylp .xdrivePrCt__block div:nth-child(2),
#pid-ylp .xdrivePrCt__block div:nth-child(5),
#pid-saec .xdrivePrCt__block div:nth-child(2),
#pid-saec .xdrivePrCt__block div:nth-child(5) {
  margin-right: 0;
}
#pid-info .btn--xdrive,
#pid-404 .btn--xdrive,
#pid-ylp .btn--xdrive,
#pid-saec .btn--xdrive {
  width: 390px;
  padding: 24px 16px;
  background: #f2c657;
  color: #000000;
  font-weight: bold;
  text-decoration: none;
  font-size: 18px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info .xdrivePrCt,
  #pid-404 .xdrivePrCt,
  #pid-ylp .xdrivePrCt,
  #pid-saec .xdrivePrCt {
    width: 90%;
    padding: 5%;
    margin: 10px auto 15px;
    border: 1px solid #ccc;
  }
  #pid-info .xdrivePrCt h3,
  #pid-404 .xdrivePrCt h3,
  #pid-ylp .xdrivePrCt h3,
  #pid-saec .xdrivePrCt h3 {
    margin-bottom: 5px;
    font-size: 20px;
  }
  #pid-info .xdrivePrCt__spec,
  #pid-404 .xdrivePrCt__spec,
  #pid-ylp .xdrivePrCt__spec,
  #pid-saec .xdrivePrCt__spec {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto 20px;
    font-size: 16px;
    font-weight: bold;
  }
  #pid-info .xdrivePrCt__spec .space,
  #pid-404 .xdrivePrCt__spec .space,
  #pid-ylp .xdrivePrCt__spec .space,
  #pid-saec .xdrivePrCt__spec .space {
    width: 50%;
    padding: 2% 0;
  }
  #pid-info .xdrivePrCt__spec .price,
  #pid-404 .xdrivePrCt__spec .price,
  #pid-ylp .xdrivePrCt__spec .price,
  #pid-saec .xdrivePrCt__spec .price {
    width: 50%;
    padding: 2% 0;
  }
  #pid-info .xdrivePrCt__spec span,
  #pid-404 .xdrivePrCt__spec span,
  #pid-ylp .xdrivePrCt__spec span,
  #pid-saec .xdrivePrCt__spec span {
    font-size: 27px;
  }
  #pid-info .xdrivePrCt__block,
  #pid-404 .xdrivePrCt__block,
  #pid-ylp .xdrivePrCt__block,
  #pid-saec .xdrivePrCt__block {
    margin-bottom: 15px;
    font-size: 12px;
  }
  #pid-info .xdrivePrCt__block div,
  #pid-404 .xdrivePrCt__block div,
  #pid-ylp .xdrivePrCt__block div,
  #pid-saec .xdrivePrCt__block div {
    width: 25.7%;
    padding: 2.5%;
    margin-right: 3%;
  }
  #pid-info .xdrivePrCt__block .big,
  #pid-404 .xdrivePrCt__block .big,
  #pid-ylp .xdrivePrCt__block .big,
  #pid-saec .xdrivePrCt__block .big {
    width: 41.8%;
    padding: 3%;
    margin-right: 3%;
    margin-bottom: 20px;
    text-align: center;
  }
  #pid-info .xdrivePrCt__block div h4,
  #pid-404 .xdrivePrCt__block div h4,
  #pid-ylp .xdrivePrCt__block div h4,
  #pid-saec .xdrivePrCt__block div h4 {
    font-size: 12px;
  }
  #pid-info .xdrivePrCt__block .big h4,
  #pid-404 .xdrivePrCt__block .big h4,
  #pid-ylp .xdrivePrCt__block .big h4,
  #pid-saec .xdrivePrCt__block .big h4 {
    padding: 5px 0 0;
    font-size: 14px;
  }
  #pid-info .btn--xdrive,
  #pid-404 .btn--xdrive,
  #pid-ylp .btn--xdrive,
  #pid-saec .btn--xdrive {
    width: 390px;
    padding: 18px 16px;
    background: #f2c657;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info .xdrivePrCt,
  #pid-404 .xdrivePrCt,
  #pid-ylp .xdrivePrCt,
  #pid-saec .xdrivePrCt {
    width: 90%;
    padding: 5%;
    margin: 10px auto 15px;
    border: 1px solid #ccc;
  }
  #pid-info .xdrivePrCt h3,
  #pid-404 .xdrivePrCt h3,
  #pid-ylp .xdrivePrCt h3,
  #pid-saec .xdrivePrCt h3 {
    margin-bottom: 5px;
    font-size: 16px;
  }
  #pid-info .xdrivePrCt h3 img,
  #pid-404 .xdrivePrCt h3 img,
  #pid-ylp .xdrivePrCt h3 img,
  #pid-saec .xdrivePrCt h3 img {
    width: 50%;
  }
  #pid-info .xdrivePrCt__spec,
  #pid-404 .xdrivePrCt__spec,
  #pid-ylp .xdrivePrCt__spec,
  #pid-saec .xdrivePrCt__spec {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 auto 20px;
    font-size: 15px;
    font-weight: bold;
  }
  #pid-info .xdrivePrCt__spec .space,
  #pid-404 .xdrivePrCt__spec .space,
  #pid-ylp .xdrivePrCt__spec .space,
  #pid-saec .xdrivePrCt__spec .space {
    width: 100%;
    padding: 2% 0;
  }
  #pid-info .xdrivePrCt__spec .price,
  #pid-404 .xdrivePrCt__spec .price,
  #pid-ylp .xdrivePrCt__spec .price,
  #pid-saec .xdrivePrCt__spec .price {
    width: 100%;
    padding: 2% 0;
  }
  #pid-info .xdrivePrCt__spec span,
  #pid-404 .xdrivePrCt__spec span,
  #pid-ylp .xdrivePrCt__spec span,
  #pid-saec .xdrivePrCt__spec span {
    font-size: 20px;
  }
  #pid-info .xdrivePrCt__block,
  #pid-404 .xdrivePrCt__block,
  #pid-ylp .xdrivePrCt__block,
  #pid-saec .xdrivePrCt__block {
    margin-bottom: 15px;
    font-size: 12px;
  }
  #pid-info .xdrivePrCt__block div,
  #pid-404 .xdrivePrCt__block div,
  #pid-ylp .xdrivePrCt__block div,
  #pid-saec .xdrivePrCt__block div {
    width: 100%;
    padding: 2.5%;
    margin-bottom: 20px;
    margin-right: 0;
  }
  #pid-info .xdrivePrCt__block .big,
  #pid-404 .xdrivePrCt__block .big,
  #pid-ylp .xdrivePrCt__block .big,
  #pid-saec .xdrivePrCt__block .big {
    width: 1000%;
    padding: 3%;
    margin-right: 0;
    margin-bottom: 20px;
    text-align: center;
  }
  #pid-info .xdrivePrCt__block div h4,
  #pid-404 .xdrivePrCt__block div h4,
  #pid-ylp .xdrivePrCt__block div h4,
  #pid-saec .xdrivePrCt__block div h4 {
    font-size: 12px;
  }
  #pid-info .xdrivePrCt__block .big h4,
  #pid-404 .xdrivePrCt__block .big h4,
  #pid-ylp .xdrivePrCt__block .big h4,
  #pid-saec .xdrivePrCt__block .big h4 {
    padding: 5px 0 0;
    font-size: 14px;
  }
  #pid-info .btn--xdrive,
  #pid-404 .btn--xdrive,
  #pid-ylp .btn--xdrive,
  #pid-saec .btn--xdrive {
    width: 90%;
    padding: 18px 5%;
    background: #f2c657;
    color: #000000;
    font-weight: bold;
    font-size: 15px;
    text-decoration: none;
  }
}
#pid-info .xXbizPrCt,
#pid-404 .xXbizPrCt,
#pid-ylp .xXbizPrCt,
#pid-saec .xXbizPrCt {
  width: 960px;
  margin: 0 auto;
}
#pid-info .xXbizPrCt h3,
#pid-404 .xXbizPrCt h3,
#pid-ylp .xXbizPrCt h3,
#pid-saec .xXbizPrCt h3 {
  color: #ff4b33;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}
#pid-info .xXbizPrCt__block,
#pid-404 .xXbizPrCt__block,
#pid-ylp .xXbizPrCt__block,
#pid-saec .xXbizPrCt__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
}
#pid-info .xXbizPrCt__block h4,
#pid-404 .xXbizPrCt__block h4,
#pid-ylp .xXbizPrCt__block h4,
#pid-saec .xXbizPrCt__block h4 {
  margin-bottom: 10px;
}
#pid-info .xXbizPrCt__block .xPr,
#pid-404 .xXbizPrCt__block .xPr,
#pid-ylp .xXbizPrCt__block .xPr,
#pid-saec .xXbizPrCt__block .xPr {
  width: 381px;
  padding: 40px;
  border: 2px solid #dadada;
  margin-right: 30px;
  text-align: center;
}
#pid-info .xXbizPrCt__block .xbizPr,
#pid-404 .xXbizPrCt__block .xbizPr,
#pid-ylp .xXbizPrCt__block .xbizPr,
#pid-saec .xXbizPrCt__block .xbizPr {
  width: 381px;
  padding: 40px;
  border: 2px solid #dadada;
  text-align: center;
}
#pid-info .spec,
#pid-404 .spec,
#pid-ylp .spec,
#pid-saec .spec {
  width: 380px;
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 13px;
}
#pid-info .spec span,
#pid-404 .spec span,
#pid-ylp .spec span,
#pid-saec .spec span {
  font-size: 26px;
}
#pid-info .xPr .spec .space,
#pid-404 .xPr .spec .space,
#pid-ylp .xPr .spec .space,
#pid-saec .xPr .spec .space {
  width: 190px;
  padding: 10px 0;
  background: #1b5fa6;
  color: #fff;
}
#pid-info .xPr .spec .price,
#pid-404 .xPr .spec .price,
#pid-ylp .xPr .spec .price,
#pid-saec .xPr .spec .price {
  width: 186px;
  padding: 10px 0;
  border: 2px solid #1b5fa6;
  color: #1b5fa6;
  position: relative;
}
#pid-info .xbizPr .spec .space,
#pid-404 .xbizPr .spec .space,
#pid-ylp .xbizPr .spec .space,
#pid-saec .xbizPr .spec .space {
  width: 190px;
  padding: 10px 0;
  background: #113d6b;
  color: #fff;
}
#pid-info .xbizPr .spec .price,
#pid-404 .xbizPr .spec .price,
#pid-ylp .xbizPr .spec .price,
#pid-saec .xbizPr .spec .price {
  width: 186px;
  padding: 10px 0;
  border: 2px solid #113d6b;
  color: #113d6b;
  position: relative;
}
#pid-info .spec .price .cp_pr,
#pid-404 .spec .price .cp_pr,
#pid-ylp .spec .price .cp_pr,
#pid-saec .spec .price .cp_pr {
  display: inline-block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: 22px;
  padding: 0 10px;
  line-height: 22px;
  background: #ffd800;
  color: #e72900;
  font-weight: bold;
  font-size: 12px;
  position: absolute;
  top: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
#pid-info .spec .price .cp_pr::after,
#pid-404 .spec .price .cp_pr::after,
#pid-ylp .spec .price .cp_pr::after,
#pid-saec .spec .price .cp_pr::after {
  content: "";
  display: block;
  position: absolute;
  right: 10px;
  bottom: -10px;
  border: 10px solid transparent;
  border-left-color: #ffd800;
  z-index: -1;
}
#pid-info .cpTxt,
#pid-404 .cpTxt,
#pid-ylp .cpTxt,
#pid-saec .cpTxt {
  color: #ff4b33;
  font-weight: bold;
  margin-bottom: 0;
}
#pid-info .btn--x,
#pid-404 .btn--x,
#pid-ylp .btn--x,
#pid-saec .btn--x {
  width: 300px;
  padding: 18px 0;
  background: #f7790b;
  color: #ffffff;
}
#pid-info .btn--x .ico_new-window:before,
#pid-404 .btn--x .ico_new-window:before,
#pid-ylp .btn--x .ico_new-window:before,
#pid-saec .btn--x .ico_new-window:before {
  background-image: url(../img/common/ico_blank_white.svg);
}
#pid-info .btn--xbiz,
#pid-404 .btn--xbiz,
#pid-ylp .btn--xbiz,
#pid-saec .btn--xbiz {
  width: 300px;
  padding: 18px 0;
  background: #ffba00;
  color: #1A2E51;
}
#pid-info .btn--xbiz .ico_new-window:before,
#pid-404 .btn--xbiz .ico_new-window:before,
#pid-ylp .btn--xbiz .ico_new-window:before,
#pid-saec .btn--xbiz .ico_new-window:before {
  background-image: url(../img/common/ico_blank_black.svg);
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info .xXbizPrCt,
  #pid-404 .xXbizPrCt,
  #pid-ylp .xXbizPrCt,
  #pid-saec .xXbizPrCt {
    width: 95%;
    margin: 0 auto;
  }
  #pid-info .xXbizPrCt h3,
  #pid-404 .xXbizPrCt h3,
  #pid-ylp .xXbizPrCt h3,
  #pid-saec .xXbizPrCt h3 {
    color: #ff4b33;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
  }
  #pid-info .xXbizPrCt__block,
  #pid-404 .xXbizPrCt__block,
  #pid-ylp .xXbizPrCt__block,
  #pid-saec .xXbizPrCt__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
  }
  #pid-info .xXbizPrCt__block h4,
  #pid-404 .xXbizPrCt__block h4,
  #pid-ylp .xXbizPrCt__block h4,
  #pid-saec .xXbizPrCt__block h4 {
    margin-bottom: 10px;
  }
  #pid-info .xXbizPrCt__block h4 img,
  #pid-404 .xXbizPrCt__block h4 img,
  #pid-ylp .xXbizPrCt__block h4 img,
  #pid-saec .xXbizPrCt__block h4 img {
    width: 70%;
  }
  #pid-info .xXbizPrCt__block .xPr,
  #pid-404 .xXbizPrCt__block .xPr,
  #pid-ylp .xXbizPrCt__block .xPr,
  #pid-saec .xXbizPrCt__block .xPr {
    width: 40%;
    padding: 4%;
    margin-right: 3%;
  }
  #pid-info .xXbizPrCt__block .xbizPr,
  #pid-404 .xXbizPrCt__block .xbizPr,
  #pid-ylp .xXbizPrCt__block .xbizPr,
  #pid-saec .xXbizPrCt__block .xbizPr {
    width: 40%;
    padding: 4%;
  }
  #pid-info .spec,
  #pid-404 .spec,
  #pid-ylp .spec,
  #pid-saec .spec {
    width: 100%;
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 10px;
  }
  #pid-info .spec span,
  #pid-404 .spec span,
  #pid-ylp .spec span,
  #pid-saec .spec span {
    font-size: 16px;
  }
  #pid-info .xPr .spec .space,
  #pid-404 .xPr .spec .space,
  #pid-ylp .xPr .spec .space,
  #pid-saec .xPr .spec .space {
    width: 50%;
    padding: 10px 0;
  }
  #pid-info .xPr .spec .price,
  #pid-404 .xPr .spec .price,
  #pid-ylp .xPr .spec .price,
  #pid-saec .xPr .spec .price {
    width: 50%;
    padding: 10px 0;
  }
  #pid-info .xbizPr .spec .space,
  #pid-404 .xbizPr .spec .space,
  #pid-ylp .xbizPr .spec .space,
  #pid-saec .xbizPr .spec .space {
    width: 50%;
    padding: 10px 0;
  }
  #pid-info .xbizPr .spec .price,
  #pid-404 .xbizPr .spec .price,
  #pid-ylp .xbizPr .spec .price,
  #pid-saec .xbizPr .spec .price {
    width: 50%;
    padding: 10px 0;
  }
  #pid-info .spec .price .cp_pr,
  #pid-404 .spec .price .cp_pr,
  #pid-ylp .spec .price .cp_pr,
  #pid-saec .spec .price .cp_pr {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: 22px;
    padding: 0 10px;
    margin: 0 auto;
    line-height: 22px;
    font-size: 10px;
    top: -16px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  #pid-info .btn--x,
  #pid-404 .btn--x,
  #pid-ylp .btn--x,
  #pid-saec .btn--x {
    width: 100%;
  }
  #pid-info .btn--xbiz,
  #pid-404 .btn--xbiz,
  #pid-ylp .btn--xbiz,
  #pid-saec .btn--xbiz {
    width: 100%;
  }
  #pid-info .cpTxt,
  #pid-404 .cpTxt,
  #pid-ylp .cpTxt,
  #pid-saec .cpTxt {
    font-size: 12px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info .xXbizPrCt,
  #pid-404 .xXbizPrCt,
  #pid-ylp .xXbizPrCt,
  #pid-saec .xXbizPrCt {
    width: 95%;
    margin: 0 auto;
  }
  #pid-info .xXbizPrCt h3,
  #pid-404 .xXbizPrCt h3,
  #pid-ylp .xXbizPrCt h3,
  #pid-saec .xXbizPrCt h3 {
    color: #ff4b33;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
  }
  #pid-info .xXbizPrCt__block,
  #pid-404 .xXbizPrCt__block,
  #pid-ylp .xXbizPrCt__block,
  #pid-saec .xXbizPrCt__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    font-size: 14px;
  }
  #pid-info .xXbizPrCt__block h4,
  #pid-404 .xXbizPrCt__block h4,
  #pid-ylp .xXbizPrCt__block h4,
  #pid-saec .xXbizPrCt__block h4 {
    margin-bottom: 10px;
  }
  #pid-info .xXbizPrCt__block h4 img,
  #pid-404 .xXbizPrCt__block h4 img,
  #pid-ylp .xXbizPrCt__block h4 img,
  #pid-saec .xXbizPrCt__block h4 img {
    width: 70%;
  }
  #pid-info .xXbizPrCt__block .xPr,
  #pid-404 .xXbizPrCt__block .xPr,
  #pid-ylp .xXbizPrCt__block .xPr,
  #pid-saec .xXbizPrCt__block .xPr {
    width: 100%;
    padding: 4%;
    margin-right: 0;
    margin-bottom: 4%;
  }
  #pid-info .xXbizPrCt__block .xbizPr,
  #pid-404 .xXbizPrCt__block .xbizPr,
  #pid-ylp .xXbizPrCt__block .xbizPr,
  #pid-saec .xXbizPrCt__block .xbizPr {
    width: 100%;
    padding: 4%;
  }
  #pid-info .spec,
  #pid-404 .spec,
  #pid-ylp .spec,
  #pid-saec .spec {
    width: 100%;
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 10px;
  }
  #pid-info .spec span,
  #pid-404 .spec span,
  #pid-ylp .spec span,
  #pid-saec .spec span {
    font-size: 14px;
  }
  #pid-info .xPr .spec .space,
  #pid-404 .xPr .spec .space,
  #pid-ylp .xPr .spec .space,
  #pid-saec .xPr .spec .space {
    width: 50%;
    padding: 10px 0;
  }
  #pid-info .xPr .spec .price,
  #pid-404 .xPr .spec .price,
  #pid-ylp .xPr .spec .price,
  #pid-saec .xPr .spec .price {
    width: 50%;
    padding: 10px 0;
  }
  #pid-info .xbizPr .spec .space,
  #pid-404 .xbizPr .spec .space,
  #pid-ylp .xbizPr .spec .space,
  #pid-saec .xbizPr .spec .space {
    width: 50%;
    padding: 10px 0;
  }
  #pid-info .xbizPr .spec .price,
  #pid-404 .xbizPr .spec .price,
  #pid-ylp .xbizPr .spec .price,
  #pid-saec .xbizPr .spec .price {
    width: 50%;
    padding: 10px 0;
  }
  #pid-info .spec .price .cp_pr,
  #pid-404 .spec .price .cp_pr,
  #pid-ylp .spec .price .cp_pr,
  #pid-saec .spec .price .cp_pr {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: 0 auto;
    height: 22px;
    padding: 0 10px;
    line-height: 22px;
    font-size: 10px;
    top: -16px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  #pid-info .btn--x,
  #pid-404 .btn--x,
  #pid-ylp .btn--x,
  #pid-saec .btn--x {
    width: 100%;
  }
  #pid-info .btn--xbiz,
  #pid-404 .btn--xbiz,
  #pid-ylp .btn--xbiz,
  #pid-saec .btn--xbiz {
    width: 100%;
  }
  #pid-info .cpTxt,
  #pid-404 .cpTxt,
  #pid-ylp .cpTxt,
  #pid-saec .cpTxt {
    font-size: 12px;
  }
}
#pid-info,
#pid-404,
#pid-ylp,
#pid-saec {
  /* ----------------------------------------------------------
  お友達紹介キャンペーン
  ------------------------------------------------------------- */
}
#pid-info .cautionList li,
#pid-404 .cautionList li,
#pid-ylp .cautionList li,
#pid-saec .cautionList li {
  text-align: right;
}
#pid-info .cpStepContainer,
#pid-404 .cpStepContainer,
#pid-ylp .cpStepContainer,
#pid-saec .cpStepContainer {
  width: 770px;
  margin: 0 auto;
}
#pid-info .cpStepContainer h2,
#pid-404 .cpStepContainer h2,
#pid-ylp .cpStepContainer h2,
#pid-saec .cpStepContainer h2 {
  margin-bottom: 30px;
  font-size: 25px;
  text-align: center;
  font-weight: bold;
}
#pid-info .cpStepContainer .cpStep,
#pid-404 .cpStepContainer .cpStep,
#pid-ylp .cpStepContainer .cpStep,
#pid-saec .cpStepContainer .cpStep {
  margin: 0 0 80px;
}
#pid-info .cpStepContainer .cpStepItem,
#pid-404 .cpStepContainer .cpStepItem,
#pid-ylp .cpStepContainer .cpStepItem,
#pid-saec .cpStepContainer .cpStepItem {
  border: 3px solid #1b5fa6;
  border-radius: 5px;
  background: #e9f7ff;
  margin: 60px 0 0;
  padding: 20px 70px;
  position: relative;
}
#pid-info .cpStepContainer .cpStepItem:first-child,
#pid-404 .cpStepContainer .cpStepItem:first-child,
#pid-ylp .cpStepContainer .cpStepItem:first-child,
#pid-saec .cpStepContainer .cpStepItem:first-child {
  margin: 0;
}
#pid-info .cpStepContainer .cpStepItem:last-child:after,
#pid-404 .cpStepContainer .cpStepItem:last-child:after,
#pid-ylp .cpStepContainer .cpStepItem:last-child:after,
#pid-saec .cpStepContainer .cpStepItem:last-child:after {
  display: none;
}
#pid-info .cpStepContainer .cpStepItem:after,
#pid-404 .cpStepContainer .cpStepItem:after,
#pid-ylp .cpStepContainer .cpStepItem:after,
#pid-saec .cpStepContainer .cpStepItem:after {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -16px;
  width: 0;
  height: 0;
  bottom: -40px;
  border-style: solid;
  border-width: 16px 10px 0 10px;
  border-color: #1b5fa6 transparent transparent transparent;
}
#pid-info .cpStepContainer .cpStepItem__num,
#pid-404 .cpStepContainer .cpStepItem__num,
#pid-ylp .cpStepContainer .cpStepItem__num,
#pid-saec .cpStepContainer .cpStepItem__num {
  background: #1b5fa6;
  width: 40px;
  height: 40px;
  border-radius: 5px;
  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;
  position: absolute;
  left: -20px;
  top: -20px;
}
#pid-info .cpStepContainer .cpStepItem.avatar02,
#pid-404 .cpStepContainer .cpStepItem.avatar02,
#pid-ylp .cpStepContainer .cpStepItem.avatar02,
#pid-saec .cpStepContainer .cpStepItem.avatar02 {
  border-color: #0ba107;
  background: #f3faf2;
}
#pid-info .cpStepContainer .cpStepItem.avatar02:after,
#pid-404 .cpStepContainer .cpStepItem.avatar02:after,
#pid-ylp .cpStepContainer .cpStepItem.avatar02:after,
#pid-saec .cpStepContainer .cpStepItem.avatar02:after {
  border-color: #0ba107 transparent transparent transparent;
}
#pid-info .cpStepContainer .cpStepItem.avatar02 .cpStepItem__num,
#pid-404 .cpStepContainer .cpStepItem.avatar02 .cpStepItem__num,
#pid-ylp .cpStepContainer .cpStepItem.avatar02 .cpStepItem__num,
#pid-saec .cpStepContainer .cpStepItem.avatar02 .cpStepItem__num {
  background: #0ba107;
}
#pid-info .cpStepContainer .cpStepItem.avatar02 .cpStepItem__unit--avatar,
#pid-404 .cpStepContainer .cpStepItem.avatar02 .cpStepItem__unit--avatar,
#pid-ylp .cpStepContainer .cpStepItem.avatar02 .cpStepItem__unit--avatar,
#pid-saec .cpStepContainer .cpStepItem.avatar02 .cpStepItem__unit--avatar {
  margin: 0 0 0 20px;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
#pid-info .cpStepContainer .cpStepItem.caption,
#pid-404 .cpStepContainer .cpStepItem.caption,
#pid-ylp .cpStepContainer .cpStepItem.caption,
#pid-saec .cpStepContainer .cpStepItem.caption {
  background: #ffffff;
  border: none;
  text-align: center;
}
#pid-info .cpStepContainer .cpStepItem.caption:after,
#pid-404 .cpStepContainer .cpStepItem.caption:after,
#pid-ylp .cpStepContainer .cpStepItem.caption:after,
#pid-saec .cpStepContainer .cpStepItem.caption:after {
  border-color: #0ba107 transparent transparent transparent;
}
#pid-info .cpStepContainer .cpStepItem.caption img,
#pid-404 .cpStepContainer .cpStepItem.caption img,
#pid-ylp .cpStepContainer .cpStepItem.caption img,
#pid-saec .cpStepContainer .cpStepItem.caption img {
  max-width: 100%;
  height: auto;
}
#pid-info .cpStepContainer .cpStepItem__unit,
#pid-404 .cpStepContainer .cpStepItem__unit,
#pid-ylp .cpStepContainer .cpStepItem__unit,
#pid-saec .cpStepContainer .cpStepItem__unit {
  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;
}
#pid-info .cpStepContainer .cpStepItem__unit--avatar,
#pid-404 .cpStepContainer .cpStepItem__unit--avatar,
#pid-ylp .cpStepContainer .cpStepItem__unit--avatar,
#pid-saec .cpStepContainer .cpStepItem__unit--avatar {
  width: 100px;
  text-align: center;
  margin: 0 20px 0 0;
}
#pid-info .cpStepContainer .cpStepItem__unit--avatar .caption,
#pid-404 .cpStepContainer .cpStepItem__unit--avatar .caption,
#pid-ylp .cpStepContainer .cpStepItem__unit--avatar .caption,
#pid-saec .cpStepContainer .cpStepItem__unit--avatar .caption {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
#pid-info .cpStepContainer .cpStepItem__unit--details,
#pid-404 .cpStepContainer .cpStepItem__unit--details,
#pid-ylp .cpStepContainer .cpStepItem__unit--details,
#pid-saec .cpStepContainer .cpStepItem__unit--details {
  font-size: 18px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#pid-info .cpStepContainer .cpStepItem__unit--details p,
#pid-404 .cpStepContainer .cpStepItem__unit--details p,
#pid-ylp .cpStepContainer .cpStepItem__unit--details p,
#pid-saec .cpStepContainer .cpStepItem__unit--details p {
  margin: 0;
}
#pid-info .cpStepContainer .cpStepItem__unit--details p + div,
#pid-404 .cpStepContainer .cpStepItem__unit--details p + div,
#pid-ylp .cpStepContainer .cpStepItem__unit--details p + div,
#pid-saec .cpStepContainer .cpStepItem__unit--details p + div {
  margin: 10px 0 0;
}
#pid-info .introGuide,
#pid-404 .introGuide,
#pid-ylp .introGuide,
#pid-saec .introGuide {
  width: 900px;
  padding: 30px;
  margin: 0 auto 30px;
  background: #e9eff6;
}
#pid-info .introGuide h2,
#pid-404 .introGuide h2,
#pid-ylp .introGuide h2,
#pid-saec .introGuide h2 {
  margin-bottom: 25px;
  font-size: 25px;
  text-align: center;
  font-weight: bold;
}
#pid-info .introGuide__step,
#pid-404 .introGuide__step,
#pid-ylp .introGuide__step,
#pid-saec .introGuide__step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #ffffff;
  margin: 0 0 30px;
  padding: 20px;
  position: relative;
}
#pid-info .introGuide__step:after,
#pid-404 .introGuide__step:after,
#pid-ylp .introGuide__step:after,
#pid-saec .introGuide__step:after {
  display: block;
  position: absolute;
  left: 50%;
  width: 0;
  height: 0;
  bottom: -23px;
  border-style: solid;
  border-width: 17px 11px 0 11px;
  border-color: #1b5fa6 transparent transparent transparent;
  content: "";
}
#pid-info .introGuide__step:last-child,
#pid-404 .introGuide__step:last-child,
#pid-ylp .introGuide__step:last-child,
#pid-saec .introGuide__step:last-child {
  margin: 0;
}
#pid-info .introGuide__step:last-child:after,
#pid-404 .introGuide__step:last-child:after,
#pid-ylp .introGuide__step:last-child:after,
#pid-saec .introGuide__step:last-child:after {
  display: none;
}
#pid-info .introGuide__step dt,
#pid-404 .introGuide__step dt,
#pid-ylp .introGuide__step dt,
#pid-saec .introGuide__step dt {
  font-size: 20px;
  margin-right: 40px;
}
#pid-info .introGuide__stepTtl,
#pid-404 .introGuide__stepTtl,
#pid-ylp .introGuide__stepTtl,
#pid-saec .introGuide__stepTtl {
  font-size: 20px;
  margin-bottom: 10px;
  font-weight: bold;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info .cpStepContainer,
  #pid-404 .cpStepContainer,
  #pid-ylp .cpStepContainer,
  #pid-saec .cpStepContainer {
    width: auto;
  }
  #pid-info .cpStepContainer h2,
  #pid-404 .cpStepContainer h2,
  #pid-ylp .cpStepContainer h2,
  #pid-saec .cpStepContainer h2 {
    margin-bottom: 30px;
    font-size: 25px;
    text-align: center;
    font-weight: bold;
  }
  #pid-info .cpStepContainer .cpStep,
  #pid-404 .cpStepContainer .cpStep,
  #pid-ylp .cpStepContainer .cpStep,
  #pid-saec .cpStepContainer .cpStep {
    margin: 0 0 80px;
  }
  #pid-info .cpStepContainer .cpStepItem,
  #pid-404 .cpStepContainer .cpStepItem,
  #pid-ylp .cpStepContainer .cpStepItem,
  #pid-saec .cpStepContainer .cpStepItem {
    margin: 60px 0 0;
    padding: 20px 40px;
  }
  #pid-info .cpStepContainer .cpStepItem__unit--avatar,
  #pid-404 .cpStepContainer .cpStepItem__unit--avatar,
  #pid-ylp .cpStepContainer .cpStepItem__unit--avatar,
  #pid-saec .cpStepContainer .cpStepItem__unit--avatar {
    width: 100px;
    text-align: center;
    margin: 0 20px 0 0;
  }
  #pid-info .cpStepContainer .cpStepItem__unit--avatar .caption,
  #pid-404 .cpStepContainer .cpStepItem__unit--avatar .caption,
  #pid-ylp .cpStepContainer .cpStepItem__unit--avatar .caption,
  #pid-saec .cpStepContainer .cpStepItem__unit--avatar .caption {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
  }
  #pid-info .cpStepContainer .cpStepItem__unit--details,
  #pid-404 .cpStepContainer .cpStepItem__unit--details,
  #pid-ylp .cpStepContainer .cpStepItem__unit--details,
  #pid-saec .cpStepContainer .cpStepItem__unit--details {
    font-size: 18px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  #pid-info .cpStepContainer .cpStepItem__unit--details p,
  #pid-404 .cpStepContainer .cpStepItem__unit--details p,
  #pid-ylp .cpStepContainer .cpStepItem__unit--details p,
  #pid-saec .cpStepContainer .cpStepItem__unit--details p {
    margin: 0;
  }
  #pid-info .cpStepContainer .cpStepItem__unit--details p + div,
  #pid-404 .cpStepContainer .cpStepItem__unit--details p + div,
  #pid-ylp .cpStepContainer .cpStepItem__unit--details p + div,
  #pid-saec .cpStepContainer .cpStepItem__unit--details p + div {
    margin: 10px 0 0;
  }
  #pid-info .introGuide,
  #pid-404 .introGuide,
  #pid-ylp .introGuide,
  #pid-saec .introGuide {
    width: 90%;
    padding: 5%;
  }
  #pid-info .introGuide h2,
  #pid-404 .introGuide h2,
  #pid-ylp .introGuide h2,
  #pid-saec .introGuide h2 {
    margin-bottom: 5px;
    font-size: 25px;
  }
  #pid-info .introGuide img,
  #pid-404 .introGuide img,
  #pid-ylp .introGuide img,
  #pid-saec .introGuide img {
    max-width: 100%;
    height: auto;
  }
  #pid-info .introGuide__step,
  #pid-404 .introGuide__step,
  #pid-ylp .introGuide__step,
  #pid-saec .introGuide__step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #ffffff;
    margin: 0 0 30px;
    padding: 5%;
    position: relative;
  }
  #pid-info .introGuide__step:after,
  #pid-404 .introGuide__step:after,
  #pid-ylp .introGuide__step:after,
  #pid-saec .introGuide__step:after {
    display: block;
    position: absolute;
    left: 50%;
    width: 0;
    height: 0;
    bottom: -23px;
    border-style: solid;
    border-width: 17px 11px 0 11px;
    border-color: #113d6b transparent transparent transparent;
    content: "";
  }
  #pid-info .introGuide__step dt,
  #pid-404 .introGuide__step dt,
  #pid-ylp .introGuide__step dt,
  #pid-saec .introGuide__step dt {
    font-size: 20px;
    margin-right: 15px;
  }
  #pid-info .introGuide__stepTtl,
  #pid-404 .introGuide__stepTtl,
  #pid-ylp .introGuide__stepTtl,
  #pid-saec .introGuide__stepTtl {
    font-size: 20px;
    margin-bottom: 5px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info .cpStepContainer,
  #pid-404 .cpStepContainer,
  #pid-ylp .cpStepContainer,
  #pid-saec .cpStepContainer {
    width: auto;
  }
  #pid-info .cpStepContainer h2,
  #pid-404 .cpStepContainer h2,
  #pid-ylp .cpStepContainer h2,
  #pid-saec .cpStepContainer h2 {
    margin-bottom: 20px;
    font-size: 18px;
  }
  #pid-info .cpStepContainer .cpStep,
  #pid-404 .cpStepContainer .cpStep,
  #pid-ylp .cpStepContainer .cpStep,
  #pid-saec .cpStepContainer .cpStep {
    margin: 0 0 40px;
  }
  #pid-info .cpStepContainer .cpStepItem,
  #pid-404 .cpStepContainer .cpStepItem,
  #pid-ylp .cpStepContainer .cpStepItem,
  #pid-saec .cpStepContainer .cpStepItem {
    margin: 30px 0 0;
    padding: 15px;
  }
  #pid-info .cpStepContainer .cpStepItem:after,
  #pid-404 .cpStepContainer .cpStepItem:after,
  #pid-ylp .cpStepContainer .cpStepItem:after,
  #pid-saec .cpStepContainer .cpStepItem:after {
    bottom: -26px;
  }
  #pid-info .cpStepContainer .cpStepItem__num,
  #pid-404 .cpStepContainer .cpStepItem__num,
  #pid-ylp .cpStepContainer .cpStepItem__num,
  #pid-saec .cpStepContainer .cpStepItem__num {
    left: -3px;
    top: -3px;
  }
  #pid-info .cpStepContainer .cpStepItem.avatar02 .cpStepItem__unit--avatar,
  #pid-404 .cpStepContainer .cpStepItem.avatar02 .cpStepItem__unit--avatar,
  #pid-ylp .cpStepContainer .cpStepItem.avatar02 .cpStepItem__unit--avatar,
  #pid-saec .cpStepContainer .cpStepItem.avatar02 .cpStepItem__unit--avatar {
    margin: 0 0 10px;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  #pid-info .cpStepContainer .cpStepItem__unit,
  #pid-404 .cpStepContainer .cpStepItem__unit,
  #pid-ylp .cpStepContainer .cpStepItem__unit,
  #pid-saec .cpStepContainer .cpStepItem__unit {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #pid-info .cpStepContainer .cpStepItem__unit--avatar,
  #pid-404 .cpStepContainer .cpStepItem__unit--avatar,
  #pid-ylp .cpStepContainer .cpStepItem__unit--avatar,
  #pid-saec .cpStepContainer .cpStepItem__unit--avatar {
    text-align: center;
    margin: 0 0 10px;
  }
  #pid-info .cpStepContainer .cpStepItem__unit--avatar .caption,
  #pid-404 .cpStepContainer .cpStepItem__unit--avatar .caption,
  #pid-ylp .cpStepContainer .cpStepItem__unit--avatar .caption,
  #pid-saec .cpStepContainer .cpStepItem__unit--avatar .caption {
    font-size: 15px;
  }
  #pid-info .cpStepContainer .cpStepItem__unit--details,
  #pid-404 .cpStepContainer .cpStepItem__unit--details,
  #pid-ylp .cpStepContainer .cpStepItem__unit--details,
  #pid-saec .cpStepContainer .cpStepItem__unit--details {
    font-size: 14px;
  }
  #pid-info .cpStepContainer .cpStepItem__unit--details p + div img,
  #pid-404 .cpStepContainer .cpStepItem__unit--details p + div img,
  #pid-ylp .cpStepContainer .cpStepItem__unit--details p + div img,
  #pid-saec .cpStepContainer .cpStepItem__unit--details p + div img {
    width: 100%;
    height: auto;
  }
  #pid-info .introGuide,
  #pid-404 .introGuide,
  #pid-ylp .introGuide,
  #pid-saec .introGuide {
    width: 90%;
    padding: 5%;
  }
  #pid-info .introGuide h2,
  #pid-404 .introGuide h2,
  #pid-ylp .introGuide h2,
  #pid-saec .introGuide h2 {
    margin-bottom: 5px;
    font-size: 15px;
  }
  #pid-info .introGuide img,
  #pid-404 .introGuide img,
  #pid-ylp .introGuide img,
  #pid-saec .introGuide img {
    max-width: 100%;
    height: auto;
  }
  #pid-info .introGuide__step,
  #pid-404 .introGuide__step,
  #pid-ylp .introGuide__step,
  #pid-saec .introGuide__step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #ffffff;
    margin: 0 0 15px;
    padding: 5%;
    position: relative;
  }
  #pid-info .introGuide__step:after,
  #pid-404 .introGuide__step:after,
  #pid-ylp .introGuide__step:after,
  #pid-saec .introGuide__step:after {
    display: block;
    position: absolute;
    left: 50%;
    width: 0;
    height: 0;
    bottom: -12px;
    border-style: solid;
    border-width: 8px 5px 0 5px;
    border-color: #113d6b transparent transparent transparent;
    content: "";
  }
  #pid-info .introGuide__step dt,
  #pid-404 .introGuide__step dt,
  #pid-ylp .introGuide__step dt,
  #pid-saec .introGuide__step dt {
    font-size: 13px;
    margin-right: 15px;
  }
  #pid-info .introGuide__stepTtl,
  #pid-404 .introGuide__stepTtl,
  #pid-ylp .introGuide__stepTtl,
  #pid-saec .introGuide__stepTtl {
    font-size: 13px;
    margin-bottom: 5px;
  }
}
#pid-info.pid-lp-student,
#pid-404.pid-lp-student,
#pid-ylp.pid-lp-student,
#pid-saec.pid-lp-student {
  font-weight: 500;
}
#pid-info.pid-lp-student .holder-l, #pid-info.pid-lp-student .holder-smlxl, #pid-info.pid-lp-student .holder-sml, #pid-info.pid-lp-student .holder-ml, #pid-info.pid-lp-student .holder-sl,
#pid-404.pid-lp-student .holder-l,
#pid-404.pid-lp-student .holder-smlxl,
#pid-404.pid-lp-student .holder-sml,
#pid-404.pid-lp-student .holder-ml,
#pid-404.pid-lp-student .holder-sl,
#pid-ylp.pid-lp-student .holder-l,
#pid-ylp.pid-lp-student .holder-smlxl,
#pid-ylp.pid-lp-student .holder-sml,
#pid-ylp.pid-lp-student .holder-ml,
#pid-ylp.pid-lp-student .holder-sl,
#pid-saec.pid-lp-student .holder-l,
#pid-saec.pid-lp-student .holder-smlxl,
#pid-saec.pid-lp-student .holder-sml,
#pid-saec.pid-lp-student .holder-ml,
#pid-saec.pid-lp-student .holder-sl {
  max-width: 1120px;
}
#pid-info.pid-lp-student #wrapper,
#pid-404.pid-lp-student #wrapper,
#pid-ylp.pid-lp-student #wrapper,
#pid-saec.pid-lp-student #wrapper {
  padding: 0;
  overflow: hidden;
}
#pid-info.pid-lp-student p,
#pid-404.pid-lp-student p,
#pid-ylp.pid-lp-student p,
#pid-saec.pid-lp-student p {
  line-height: 1.8;
}
#pid-info.pid-lp-student sup,
#pid-404.pid-lp-student sup,
#pid-ylp.pid-lp-student sup,
#pid-saec.pid-lp-student sup {
  vertical-align: top;
}
#pid-info.pid-lp-student sup a,
#pid-404.pid-lp-student sup a,
#pid-ylp.pid-lp-student sup a,
#pid-saec.pid-lp-student sup a {
  color: #333;
  text-decoration: none;
}
#pid-info.pid-lp-student header.holder-sml,
#pid-404.pid-lp-student header.holder-sml,
#pid-ylp.pid-lp-student header.holder-sml,
#pid-saec.pid-lp-student header.holder-sml {
  padding: 40px 20px;
  position: relative;
}
#pid-info.pid-lp-student header.holder-sml:after,
#pid-404.pid-lp-student header.holder-sml:after,
#pid-ylp.pid-lp-student header.holder-sml:after,
#pid-saec.pid-lp-student header.holder-sml:after {
  content: "";
  display: block;
  width: 684px;
  height: 936px;
  background: url(../img/student/bg_mv_l.png) no-repeat 0 0;
  position: absolute;
  right: -10px;
  top: 0;
  z-index: -1;
}
@media only screen and (min-width: 1100px) {
  #pid-info.pid-lp-student header.holder-sml,
  #pid-404.pid-lp-student header.holder-sml,
  #pid-ylp.pid-lp-student header.holder-sml,
  #pid-saec.pid-lp-student header.holder-sml {
    max-width: 1240px;
    width: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info.pid-lp-student header.holder-sml,
  #pid-404.pid-lp-student header.holder-sml,
  #pid-ylp.pid-lp-student header.holder-sml,
  #pid-saec.pid-lp-student header.holder-sml {
    max-width: 710px;
  }
  #pid-info.pid-lp-student header.holder-sml:after,
  #pid-404.pid-lp-student header.holder-sml:after,
  #pid-ylp.pid-lp-student header.holder-sml:after,
  #pid-saec.pid-lp-student header.holder-sml:after {
    background: url(../img/student/bg_mv_m.png) no-repeat 0 0;
    width: 346px;
    height: 526px;
    right: 50%;
    margin-right: -354px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-student header.holder-sml,
  #pid-404.pid-lp-student header.holder-sml,
  #pid-ylp.pid-lp-student header.holder-sml,
  #pid-saec.pid-lp-student header.holder-sml {
    padding-bottom: 0;
  }
  #pid-info.pid-lp-student header.holder-sml:after,
  #pid-404.pid-lp-student header.holder-sml:after,
  #pid-ylp.pid-lp-student header.holder-sml:after,
  #pid-saec.pid-lp-student header.holder-sml:after {
    background: url(../img/student/bg_mv_s.png) no-repeat 0 0;
    width: 346px;
    height: 314px;
    right: 50%;
    position: static;
    margin: 24px auto 0;
  }
}
#pid-info.pid-lp-student .main,
#pid-404.pid-lp-student .main,
#pid-ylp.pid-lp-student .main,
#pid-saec.pid-lp-student .main {
  margin: 0;
}
#pid-info.pid-lp-student .main p,
#pid-404.pid-lp-student .main p,
#pid-ylp.pid-lp-student .main p,
#pid-saec.pid-lp-student .main p {
  margin: 0;
}
#pid-info.pid-lp-student .section,
#pid-404.pid-lp-student .section,
#pid-ylp.pid-lp-student .section,
#pid-saec.pid-lp-student .section {
  margin: 0;
  padding: 90px 0;
}
#pid-info.pid-lp-student .section .sectionHeader,
#pid-404.pid-lp-student .section .sectionHeader,
#pid-ylp.pid-lp-student .section .sectionHeader,
#pid-saec.pid-lp-student .section .sectionHeader {
  text-align: center;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
#pid-info.pid-lp-student .section .sectionHeader .sec__subCaption,
#pid-404.pid-lp-student .section .sectionHeader .sec__subCaption,
#pid-ylp.pid-lp-student .section .sectionHeader .sec__subCaption,
#pid-saec.pid-lp-student .section .sectionHeader .sec__subCaption {
  color: #888888;
  font-size: 1, 8rem;
  margin: 0 0 8px;
}
#pid-info.pid-lp-student .section .sectionHeader .sec__mainCaption,
#pid-404.pid-lp-student .section .sectionHeader .sec__mainCaption,
#pid-ylp.pid-lp-student .section .sectionHeader .sec__mainCaption,
#pid-saec.pid-lp-student .section .sectionHeader .sec__mainCaption {
  font-size: 3rem;
  margin: 0 0 40px;
  font-weight: 600;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-student .section .sectionHeader .sec__mainCaption,
  #pid-404.pid-lp-student .section .sectionHeader .sec__mainCaption,
  #pid-ylp.pid-lp-student .section .sectionHeader .sec__mainCaption,
  #pid-saec.pid-lp-student .section .sectionHeader .sec__mainCaption {
    font-size: 2.6rem;
  }
}
#pid-info.pid-lp-student .mv,
#pid-404.pid-lp-student .mv,
#pid-ylp.pid-lp-student .mv,
#pid-saec.pid-lp-student .mv {
  width: 1240px;
  height: 870px;
  margin: 0 auto;
  padding: 100px 20px 0;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info.pid-lp-student .mv,
  #pid-404.pid-lp-student .mv,
  #pid-ylp.pid-lp-student .mv,
  #pid-saec.pid-lp-student .mv {
    max-width: 710px;
  }
}
#pid-info.pid-lp-student .mv .mv__subCaption,
#pid-404.pid-lp-student .mv .mv__subCaption,
#pid-ylp.pid-lp-student .mv .mv__subCaption,
#pid-saec.pid-lp-student .mv .mv__subCaption {
  color: #286ed3;
  font-weight: 600;
  font-size: 1.8rem;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  margin-bottom: 0.5em;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-student .mv .mv__subCaption,
  #pid-404.pid-lp-student .mv .mv__subCaption,
  #pid-ylp.pid-lp-student .mv .mv__subCaption,
  #pid-saec.pid-lp-student .mv .mv__subCaption {
    font-size: 1.6rem;
  }
}
#pid-info.pid-lp-student .mv .mv__mainCaption,
#pid-404.pid-lp-student .mv .mv__mainCaption,
#pid-ylp.pid-lp-student .mv .mv__mainCaption,
#pid-saec.pid-lp-student .mv .mv__mainCaption {
  font-size: 4rem;
  margin: 0 0 60px;
  line-height: 1.4;
  font-weight: 600;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-student .mv .mv__mainCaption,
  #pid-404.pid-lp-student .mv .mv__mainCaption,
  #pid-ylp.pid-lp-student .mv .mv__mainCaption,
  #pid-saec.pid-lp-student .mv .mv__mainCaption {
    font-size: 2.6rem;
    margin: 0 0 32px;
  }
}
#pid-info.pid-lp-student .mv .mv__registry,
#pid-404.pid-lp-student .mv .mv__registry,
#pid-ylp.pid-lp-student .mv .mv__registry,
#pid-saec.pid-lp-student .mv .mv__registry {
  margin: 20px 0 0;
}
#pid-info.pid-lp-student .mv .mv__registry .btn,
#pid-404.pid-lp-student .mv .mv__registry .btn,
#pid-ylp.pid-lp-student .mv .mv__registry .btn,
#pid-saec.pid-lp-student .mv .mv__registry .btn {
  background: #111;
  color: #fff;
  border-radius: 50px;
  padding: 16px 44px;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: 2rem;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-student .mv .mv__registry .btn,
  #pid-404.pid-lp-student .mv .mv__registry .btn,
  #pid-ylp.pid-lp-student .mv .mv__registry .btn,
  #pid-saec.pid-lp-student .mv .mv__registry .btn {
    font-size: 1.8rem;
    padding: 16px 40px;
  }
}
#pid-info.pid-lp-student .mv .mv__desc,
#pid-404.pid-lp-student .mv .mv__desc,
#pid-ylp.pid-lp-student .mv .mv__desc,
#pid-saec.pid-lp-student .mv .mv__desc {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info.pid-lp-student .mv .mv__desc,
  #pid-404.pid-lp-student .mv .mv__desc,
  #pid-ylp.pid-lp-student .mv .mv__desc,
  #pid-saec.pid-lp-student .mv .mv__desc {
    max-width: 360px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info.pid-lp-student .mv,
  #pid-404.pid-lp-student .mv,
  #pid-ylp.pid-lp-student .mv,
  #pid-saec.pid-lp-student .mv {
    padding: 40px 20px 0;
    height: auto;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-student .mv,
  #pid-404.pid-lp-student .mv,
  #pid-ylp.pid-lp-student .mv,
  #pid-saec.pid-lp-student .mv {
    width: 93.75%;
    height: auto;
    padding: 0;
    height: auto;
  }
}
#pid-info.pid-lp-student .leadContents,
#pid-404.pid-lp-student .leadContents,
#pid-ylp.pid-lp-student .leadContents,
#pid-saec.pid-lp-student .leadContents {
  position: relative;
  min-height: 780px;
}
@media only screen and (min-width: 768px) {
  #pid-info.pid-lp-student .leadContents .holder-sml,
  #pid-404.pid-lp-student .leadContents .holder-sml,
  #pid-ylp.pid-lp-student .leadContents .holder-sml,
  #pid-saec.pid-lp-student .leadContents .holder-sml {
    max-width: 1240px;
    width: auto;
  }
}
@media only screen and (min-width: 1100px) {
  #pid-info.pid-lp-student .leadContents .holder-sml,
  #pid-404.pid-lp-student .leadContents .holder-sml,
  #pid-ylp.pid-lp-student .leadContents .holder-sml,
  #pid-saec.pid-lp-student .leadContents .holder-sml {
    padding-right: 20px;
  }
}
#pid-info.pid-lp-student .leadContents:before,
#pid-404.pid-lp-student .leadContents:before,
#pid-ylp.pid-lp-student .leadContents:before,
#pid-saec.pid-lp-student .leadContents:before {
  content: "";
  display: block;
  width: 784px;
  height: 680px;
  background: url(../img/student/bg_lead_l.jpg) no-repeat 0 0;
  position: absolute;
  left: 50%;
  top: 0;
  z-index: -1;
  margin-left: -720px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info.pid-lp-student .leadContents:before,
  #pid-404.pid-lp-student .leadContents:before,
  #pid-ylp.pid-lp-student .leadContents:before,
  #pid-saec.pid-lp-student .leadContents:before {
    position: static;
    background: url(../img/student/bg_lead_m.jpg) no-repeat 0 0;
    background-size: 536px auto;
    height: 365px;
    margin-left: 0;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-student .leadContents:before,
  #pid-404.pid-lp-student .leadContents:before,
  #pid-ylp.pid-lp-student .leadContents:before,
  #pid-saec.pid-lp-student .leadContents:before {
    position: static;
    background: url(../img/student/bg_lead_s.jpg) no-repeat 0 0;
    background-size: 375px auto;
    height: 280px;
    margin-left: 0;
  }
}
#pid-info.pid-lp-student .leadContents .inner,
#pid-404.pid-lp-student .leadContents .inner,
#pid-ylp.pid-lp-student .leadContents .inner,
#pid-saec.pid-lp-student .leadContents .inner {
  margin: 60px 0 40px auto;
  max-width: 645px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info.pid-lp-student .leadContents .inner,
  #pid-404.pid-lp-student .leadContents .inner,
  #pid-ylp.pid-lp-student .leadContents .inner,
  #pid-saec.pid-lp-student .leadContents .inner {
    padding: 40px;
    background: rgba(255, 255, 255, 0.8);
    max-width: none;
    margin: -80px 50px 0px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-student .leadContents .inner,
  #pid-404.pid-lp-student .leadContents .inner,
  #pid-ylp.pid-lp-student .leadContents .inner,
  #pid-saec.pid-lp-student .leadContents .inner {
    margin: 40px auto 0;
  }
}
#pid-info.pid-lp-student .leadContents .caption,
#pid-404.pid-lp-student .leadContents .caption,
#pid-ylp.pid-lp-student .leadContents .caption,
#pid-saec.pid-lp-student .leadContents .caption {
  font-size: 2.4rem;
  line-height: 1.6;
  font-weight: 600;
  margin-bottom: 2em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-student .leadContents .caption,
  #pid-404.pid-lp-student .leadContents .caption,
  #pid-ylp.pid-lp-student .leadContents .caption,
  #pid-saec.pid-lp-student .leadContents .caption {
    font-size: 2rem;
  }
}
#pid-info.pid-lp-student .leadContents .leadtext p,
#pid-404.pid-lp-student .leadContents .leadtext p,
#pid-ylp.pid-lp-student .leadContents .leadtext p,
#pid-saec.pid-lp-student .leadContents .leadtext p {
  margin: 1.4em 0 0;
  font-size: 1.6rem;
  line-height: 2;
}
#pid-info.pid-lp-student .section.env,
#pid-404.pid-lp-student .section.env,
#pid-ylp.pid-lp-student .section.env,
#pid-saec.pid-lp-student .section.env {
  position: relative;
  padding-bottom: 250px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info.pid-lp-student .section.env,
  #pid-404.pid-lp-student .section.env,
  #pid-ylp.pid-lp-student .section.env,
  #pid-saec.pid-lp-student .section.env {
    padding-bottom: 180px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-student .section.env,
  #pid-404.pid-lp-student .section.env,
  #pid-ylp.pid-lp-student .section.env,
  #pid-saec.pid-lp-student .section.env {
    padding-bottom: 80px;
  }
}
#pid-info.pid-lp-student .section.env:before,
#pid-404.pid-lp-student .section.env:before,
#pid-ylp.pid-lp-student .section.env:before,
#pid-saec.pid-lp-student .section.env:before {
  content: "";
  display: block;
  width: 100%;
  height: 400px;
  background: #4284d2;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-student .section.env:before,
  #pid-404.pid-lp-student .section.env:before,
  #pid-ylp.pid-lp-student .section.env:before,
  #pid-saec.pid-lp-student .section.env:before {
    height: 1200px;
  }
}
#pid-info.pid-lp-student .section.env .sectionHeader,
#pid-404.pid-lp-student .section.env .sectionHeader,
#pid-ylp.pid-lp-student .section.env .sectionHeader,
#pid-saec.pid-lp-student .section.env .sectionHeader {
  color: #fff;
  padding-top: 40px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-student .section.env .sectionHeader,
  #pid-404.pid-lp-student .section.env .sectionHeader,
  #pid-ylp.pid-lp-student .section.env .sectionHeader,
  #pid-saec.pid-lp-student .section.env .sectionHeader {
    padding-top: 0;
  }
}
#pid-info.pid-lp-student .section.env .sectionHeader .sec__subCaption,
#pid-404.pid-lp-student .section.env .sectionHeader .sec__subCaption,
#pid-ylp.pid-lp-student .section.env .sectionHeader .sec__subCaption,
#pid-saec.pid-lp-student .section.env .sectionHeader .sec__subCaption {
  color: #fff;
}
#pid-info.pid-lp-student .section.env .sectionHeader .sec__mainCaption--en,
#pid-404.pid-lp-student .section.env .sectionHeader .sec__mainCaption--en,
#pid-ylp.pid-lp-student .section.env .sectionHeader .sec__mainCaption--en,
#pid-saec.pid-lp-student .section.env .sectionHeader .sec__mainCaption--en {
  text-align: center;
  position: absolute;
  color: #fff;
  opacity: 0.08;
  font-size: 11rem;
  font-family: "Montserrat";
  font-weight: 500;
  width: 100%;
  top: 60px;
  line-height: 1;
  z-index: -1;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-student .section.env .sectionHeader .sec__mainCaption--en,
  #pid-404.pid-lp-student .section.env .sectionHeader .sec__mainCaption--en,
  #pid-ylp.pid-lp-student .section.env .sectionHeader .sec__mainCaption--en,
  #pid-saec.pid-lp-student .section.env .sectionHeader .sec__mainCaption--en {
    font-size: 6rem;
  }
}
#pid-info.pid-lp-student .section.env .contentsAnchor,
#pid-404.pid-lp-student .section.env .contentsAnchor,
#pid-ylp.pid-lp-student .section.env .contentsAnchor,
#pid-saec.pid-lp-student .section.env .contentsAnchor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 72px auto 0;
  max-width: 1040px;
}
#pid-info.pid-lp-student .section.env .contentsAnchor .anchorItem,
#pid-404.pid-lp-student .section.env .contentsAnchor .anchorItem,
#pid-ylp.pid-lp-student .section.env .contentsAnchor .anchorItem,
#pid-saec.pid-lp-student .section.env .contentsAnchor .anchorItem {
  width: 30%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  #pid-info.pid-lp-student .section.env .contentsAnchor .anchorItem,
  #pid-404.pid-lp-student .section.env .contentsAnchor .anchorItem,
  #pid-ylp.pid-lp-student .section.env .contentsAnchor .anchorItem,
  #pid-saec.pid-lp-student .section.env .contentsAnchor .anchorItem {
    max-width: 310px;
  }
}
#pid-info.pid-lp-student .section.env .contentsAnchor .anchorItem a,
#pid-404.pid-lp-student .section.env .contentsAnchor .anchorItem a,
#pid-ylp.pid-lp-student .section.env .contentsAnchor .anchorItem a,
#pid-saec.pid-lp-student .section.env .contentsAnchor .anchorItem a {
  display: block;
  width: 100%;
  padding: 72px 0 40px;
  color: #333;
  position: relative;
  text-decoration: none;
  background: #fff;
  border-radius: 5px;
  border-bottom: 2px solid #b0c7e1;
  -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.05);
}
#pid-info.pid-lp-student .section.env .contentsAnchor .anchorItem a:hover,
#pid-404.pid-lp-student .section.env .contentsAnchor .anchorItem a:hover,
#pid-ylp.pid-lp-student .section.env .contentsAnchor .anchorItem a:hover,
#pid-saec.pid-lp-student .section.env .contentsAnchor .anchorItem a:hover {
  background: #f3f9ff;
}
#pid-info.pid-lp-student .section.env .contentsAnchor .anchorItem .num,
#pid-404.pid-lp-student .section.env .contentsAnchor .anchorItem .num,
#pid-ylp.pid-lp-student .section.env .contentsAnchor .anchorItem .num,
#pid-saec.pid-lp-student .section.env .contentsAnchor .anchorItem .num {
  font-size: 3.3rem;
  font-family: "Montserrat";
  position: absolute;
  color: #fff;
  background: #111;
  border-radius: 50px;
  width: 76px;
  height: 76px;
  line-height: 76px;
  left: 50%;
  top: -38px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-student .section.env .contentsAnchor .anchorItem .num,
  #pid-404.pid-lp-student .section.env .contentsAnchor .anchorItem .num,
  #pid-ylp.pid-lp-student .section.env .contentsAnchor .anchorItem .num,
  #pid-saec.pid-lp-student .section.env .contentsAnchor .anchorItem .num {
    font-size: 3rem;
  }
}
#pid-info.pid-lp-student .section.env .contentsAnchor .anchorItem .fig,
#pid-404.pid-lp-student .section.env .contentsAnchor .anchorItem .fig,
#pid-ylp.pid-lp-student .section.env .contentsAnchor .anchorItem .fig,
#pid-saec.pid-lp-student .section.env .contentsAnchor .anchorItem .fig {
  margin: 0 0 32px;
}
#pid-info.pid-lp-student .section.env .contentsAnchor .anchorItem .text,
#pid-404.pid-lp-student .section.env .contentsAnchor .anchorItem .text,
#pid-ylp.pid-lp-student .section.env .contentsAnchor .anchorItem .text,
#pid-saec.pid-lp-student .section.env .contentsAnchor .anchorItem .text {
  font-size: 1.8rem;
  line-height: 1.6;
}
#pid-info.pid-lp-student .section.env .contentsAnchor .anchorItem .text sup,
#pid-404.pid-lp-student .section.env .contentsAnchor .anchorItem .text sup,
#pid-ylp.pid-lp-student .section.env .contentsAnchor .anchorItem .text sup,
#pid-saec.pid-lp-student .section.env .contentsAnchor .anchorItem .text sup {
  font-size: 1.3rem;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info.pid-lp-student .section.env .contentsAnchor .anchorItem,
  #pid-404.pid-lp-student .section.env .contentsAnchor .anchorItem,
  #pid-ylp.pid-lp-student .section.env .contentsAnchor .anchorItem,
  #pid-saec.pid-lp-student .section.env .contentsAnchor .anchorItem {
    width: 32%;
  }
  #pid-info.pid-lp-student .section.env .contentsAnchor .anchorItem .text,
  #pid-404.pid-lp-student .section.env .contentsAnchor .anchorItem .text,
  #pid-ylp.pid-lp-student .section.env .contentsAnchor .anchorItem .text,
  #pid-saec.pid-lp-student .section.env .contentsAnchor .anchorItem .text {
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-student .section.env .contentsAnchor,
  #pid-404.pid-lp-student .section.env .contentsAnchor,
  #pid-ylp.pid-lp-student .section.env .contentsAnchor,
  #pid-saec.pid-lp-student .section.env .contentsAnchor {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #pid-info.pid-lp-student .section.env .contentsAnchor .anchorItem,
  #pid-404.pid-lp-student .section.env .contentsAnchor .anchorItem,
  #pid-ylp.pid-lp-student .section.env .contentsAnchor .anchorItem,
  #pid-saec.pid-lp-student .section.env .contentsAnchor .anchorItem {
    width: 100%;
    max-width: 400px;
    margin: 80px auto 0;
  }
  #pid-info.pid-lp-student .section.env .contentsAnchor .anchorItem:first-child,
  #pid-404.pid-lp-student .section.env .contentsAnchor .anchorItem:first-child,
  #pid-ylp.pid-lp-student .section.env .contentsAnchor .anchorItem:first-child,
  #pid-saec.pid-lp-student .section.env .contentsAnchor .anchorItem:first-child {
    margin-top: 0;
  }
}
#pid-info.pid-lp-student .section.env .contentsEnv,
#pid-404.pid-lp-student .section.env .contentsEnv,
#pid-ylp.pid-lp-student .section.env .contentsEnv,
#pid-saec.pid-lp-student .section.env .contentsEnv {
  margin: 140px 0 0;
  position: relative;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-student .section.env .contentsEnv,
  #pid-404.pid-lp-student .section.env .contentsEnv,
  #pid-ylp.pid-lp-student .section.env .contentsEnv,
  #pid-saec.pid-lp-student .section.env .contentsEnv {
    margin: 60px 0 0;
  }
}
#pid-info.pid-lp-student .section.env .contentsEnv .envItem,
#pid-404.pid-lp-student .section.env .contentsEnv .envItem,
#pid-ylp.pid-lp-student .section.env .contentsEnv .envItem,
#pid-saec.pid-lp-student .section.env .contentsEnv .envItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 140px 0 0;
  position: relative;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-student .section.env .contentsEnv .envItem,
  #pid-404.pid-lp-student .section.env .contentsEnv .envItem,
  #pid-ylp.pid-lp-student .section.env .contentsEnv .envItem,
  #pid-saec.pid-lp-student .section.env .contentsEnv .envItem {
    margin: 48px 0 0;
  }
}
#pid-info.pid-lp-student .section.env .contentsEnv .envItem:before,
#pid-404.pid-lp-student .section.env .contentsEnv .envItem:before,
#pid-ylp.pid-lp-student .section.env .contentsEnv .envItem:before,
#pid-saec.pid-lp-student .section.env .contentsEnv .envItem:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  pointer-events: none;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-student .section.env .contentsEnv .envItem:before,
  #pid-404.pid-lp-student .section.env .contentsEnv .envItem:before,
  #pid-ylp.pid-lp-student .section.env .contentsEnv .envItem:before,
  #pid-saec.pid-lp-student .section.env .contentsEnv .envItem:before {
    display: none;
  }
}
#pid-info.pid-lp-student .section.env .contentsEnv .envItem:nth-child(1):before,
#pid-404.pid-lp-student .section.env .contentsEnv .envItem:nth-child(1):before,
#pid-ylp.pid-lp-student .section.env .contentsEnv .envItem:nth-child(1):before,
#pid-saec.pid-lp-student .section.env .contentsEnv .envItem:nth-child(1):before {
  width: 145px;
  height: 116px;
  right: 75px;
  top: 360px;
  background: url(../img/student/bg_env_tri_01.png) no-repeat 0 0;
}
#pid-info.pid-lp-student .section.env .contentsEnv .envItem:nth-child(2):before,
#pid-404.pid-lp-student .section.env .contentsEnv .envItem:nth-child(2):before,
#pid-ylp.pid-lp-student .section.env .contentsEnv .envItem:nth-child(2):before,
#pid-saec.pid-lp-student .section.env .contentsEnv .envItem:nth-child(2):before {
  width: 134px;
  height: 150px;
  left: 110px;
  top: -170px;
  background: url(../img/student/bg_env_tri_02.png) no-repeat 0 0;
}
#pid-info.pid-lp-student .section.env .contentsEnv .envItem:nth-child(3):before,
#pid-404.pid-lp-student .section.env .contentsEnv .envItem:nth-child(3):before,
#pid-ylp.pid-lp-student .section.env .contentsEnv .envItem:nth-child(3):before,
#pid-saec.pid-lp-student .section.env .contentsEnv .envItem:nth-child(3):before {
  width: 160px;
  height: 192px;
  right: 260px;
  top: -192px;
  background: url(../img/student/bg_env_tri_03.png) no-repeat 0 0;
}
#pid-info.pid-lp-student .section.env .contentsEnv .envItem:nth-child(3):after,
#pid-404.pid-lp-student .section.env .contentsEnv .envItem:nth-child(3):after,
#pid-ylp.pid-lp-student .section.env .contentsEnv .envItem:nth-child(3):after,
#pid-saec.pid-lp-student .section.env .contentsEnv .envItem:nth-child(3):after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  pointer-events: none;
  width: 162px;
  height: 158px;
  left: 88px;
  top: 340px;
  background: url(../img/student/bg_env_tri_04.png) no-repeat 0 0;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-student .section.env .contentsEnv .envItem:nth-child(3):after,
  #pid-404.pid-lp-student .section.env .contentsEnv .envItem:nth-child(3):after,
  #pid-ylp.pid-lp-student .section.env .contentsEnv .envItem:nth-child(3):after,
  #pid-saec.pid-lp-student .section.env .contentsEnv .envItem:nth-child(3):after {
    display: none;
  }
}
#pid-info.pid-lp-student .section.env .contentsEnv .envItem:first-child,
#pid-404.pid-lp-student .section.env .contentsEnv .envItem:first-child,
#pid-ylp.pid-lp-student .section.env .contentsEnv .envItem:first-child,
#pid-saec.pid-lp-student .section.env .contentsEnv .envItem:first-child {
  margin-top: 0;
}
#pid-info.pid-lp-student .section.env .contentsEnv .envItem .detail,
#pid-404.pid-lp-student .section.env .contentsEnv .envItem .detail,
#pid-ylp.pid-lp-student .section.env .contentsEnv .envItem .detail,
#pid-saec.pid-lp-student .section.env .contentsEnv .envItem .detail {
  padding-left: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info.pid-lp-student .section.env .contentsEnv .envItem .detail,
  #pid-404.pid-lp-student .section.env .contentsEnv .envItem .detail,
  #pid-ylp.pid-lp-student .section.env .contentsEnv .envItem .detail,
  #pid-saec.pid-lp-student .section.env .contentsEnv .envItem .detail {
    padding-left: 0;
  }
}
#pid-info.pid-lp-student .section.env .contentsEnv .envItem .detail .num,
#pid-404.pid-lp-student .section.env .contentsEnv .envItem .detail .num,
#pid-ylp.pid-lp-student .section.env .contentsEnv .envItem .detail .num,
#pid-saec.pid-lp-student .section.env .contentsEnv .envItem .detail .num {
  font-size: 1.5rem;
  font-family: "Montserrat";
  color: #fff;
  position: relative;
  background: #111;
  border-radius: 50px;
  padding: 6px 20px;
  display: table;
  line-height: 1;
  font-weight: normal;
}
#pid-info.pid-lp-student .section.env .contentsEnv .envItem .detail .num span,
#pid-404.pid-lp-student .section.env .contentsEnv .envItem .detail .num span,
#pid-ylp.pid-lp-student .section.env .contentsEnv .envItem .detail .num span,
#pid-saec.pid-lp-student .section.env .contentsEnv .envItem .detail .num span {
  font-size: 2.2rem;
  margin-left: 0.5em;
}
#pid-info.pid-lp-student .section.env .contentsEnv .envItem .detail .caption,
#pid-404.pid-lp-student .section.env .contentsEnv .envItem .detail .caption,
#pid-ylp.pid-lp-student .section.env .contentsEnv .envItem .detail .caption,
#pid-saec.pid-lp-student .section.env .contentsEnv .envItem .detail .caption {
  font-size: 2.6rem;
  color: #286ed3;
  margin: 0.5em 0 0;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
#pid-info.pid-lp-student .section.env .contentsEnv .envItem .detail .caption a,
#pid-404.pid-lp-student .section.env .contentsEnv .envItem .detail .caption a,
#pid-ylp.pid-lp-student .section.env .contentsEnv .envItem .detail .caption a,
#pid-saec.pid-lp-student .section.env .contentsEnv .envItem .detail .caption a {
  color: #286ed3;
}
#pid-info.pid-lp-student .section.env .contentsEnv .envItem .detail .caption sup,
#pid-404.pid-lp-student .section.env .contentsEnv .envItem .detail .caption sup,
#pid-ylp.pid-lp-student .section.env .contentsEnv .envItem .detail .caption sup,
#pid-saec.pid-lp-student .section.env .contentsEnv .envItem .detail .caption sup {
  font-size: 60%;
}
#pid-info.pid-lp-student .section.env .contentsEnv .envItem .detail .text,
#pid-404.pid-lp-student .section.env .contentsEnv .envItem .detail .text,
#pid-ylp.pid-lp-student .section.env .contentsEnv .envItem .detail .text,
#pid-saec.pid-lp-student .section.env .contentsEnv .envItem .detail .text {
  margin: 20px 0 0;
}
#pid-info.pid-lp-student .section.env .contentsEnv .envItem .detail .link,
#pid-404.pid-lp-student .section.env .contentsEnv .envItem .detail .link,
#pid-ylp.pid-lp-student .section.env .contentsEnv .envItem .detail .link,
#pid-saec.pid-lp-student .section.env .contentsEnv .envItem .detail .link {
  margin: 20px 0 0;
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}
#pid-info.pid-lp-student .section.env .contentsEnv .envItem .detail .link a,
#pid-404.pid-lp-student .section.env .contentsEnv .envItem .detail .link a,
#pid-ylp.pid-lp-student .section.env .contentsEnv .envItem .detail .link a,
#pid-saec.pid-lp-student .section.env .contentsEnv .envItem .detail .link a {
  color: #2f334c;
  text-underline-offset: 0.25em;
}
#pid-info.pid-lp-student .section.env .contentsEnv .envItem .detail .link a:hover,
#pid-404.pid-lp-student .section.env .contentsEnv .envItem .detail .link a:hover,
#pid-ylp.pid-lp-student .section.env .contentsEnv .envItem .detail .link a:hover,
#pid-saec.pid-lp-student .section.env .contentsEnv .envItem .detail .link a:hover {
  text-decoration: none;
}
#pid-info.pid-lp-student .section.env .contentsEnv .envItem .image,
#pid-404.pid-lp-student .section.env .contentsEnv .envItem .image,
#pid-ylp.pid-lp-student .section.env .contentsEnv .envItem .image,
#pid-saec.pid-lp-student .section.env .contentsEnv .envItem .image {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding-left: 60px;
  width: 46.5%;
  margin-top: -32px;
}
#pid-info.pid-lp-student .section.env .contentsEnv .envItem .image img,
#pid-404.pid-lp-student .section.env .contentsEnv .envItem .image img,
#pid-ylp.pid-lp-student .section.env .contentsEnv .envItem .image img,
#pid-saec.pid-lp-student .section.env .contentsEnv .envItem .image img {
  width: 100%;
  height: auto;
  max-width: 100%;
}
#pid-info.pid-lp-student .section.env .contentsEnv .envItem:nth-child(2n) .detail,
#pid-404.pid-lp-student .section.env .contentsEnv .envItem:nth-child(2n) .detail,
#pid-ylp.pid-lp-student .section.env .contentsEnv .envItem:nth-child(2n) .detail,
#pid-saec.pid-lp-student .section.env .contentsEnv .envItem:nth-child(2n) .detail {
  padding-left: 0;
  padding-right: 60px;
  margin-left: -16px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info.pid-lp-student .section.env .contentsEnv .envItem:nth-child(2n) .detail,
  #pid-404.pid-lp-student .section.env .contentsEnv .envItem:nth-child(2n) .detail,
  #pid-ylp.pid-lp-student .section.env .contentsEnv .envItem:nth-child(2n) .detail,
  #pid-saec.pid-lp-student .section.env .contentsEnv .envItem:nth-child(2n) .detail {
    padding-right: 0;
  }
}
#pid-info.pid-lp-student .section.env .contentsEnv .envItem:nth-child(2n) .image,
#pid-404.pid-lp-student .section.env .contentsEnv .envItem:nth-child(2n) .image,
#pid-ylp.pid-lp-student .section.env .contentsEnv .envItem:nth-child(2n) .image,
#pid-saec.pid-lp-student .section.env .contentsEnv .envItem:nth-child(2n) .image {
  padding-left: 0;
  padding-right: 60px;
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-student .section.env .contentsEnv .envItem,
  #pid-404.pid-lp-student .section.env .contentsEnv .envItem,
  #pid-ylp.pid-lp-student .section.env .contentsEnv .envItem,
  #pid-saec.pid-lp-student .section.env .contentsEnv .envItem {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #pid-info.pid-lp-student .section.env .contentsEnv .envItem .detail,
  #pid-404.pid-lp-student .section.env .contentsEnv .envItem .detail,
  #pid-ylp.pid-lp-student .section.env .contentsEnv .envItem .detail,
  #pid-saec.pid-lp-student .section.env .contentsEnv .envItem .detail {
    display: contents;
  }
  #pid-info.pid-lp-student .section.env .contentsEnv .envItem .detail .num,
  #pid-404.pid-lp-student .section.env .contentsEnv .envItem .detail .num,
  #pid-ylp.pid-lp-student .section.env .contentsEnv .envItem .detail .num,
  #pid-saec.pid-lp-student .section.env .contentsEnv .envItem .detail .num {
    max-width: 7.7em;
    font-size: 1.3rem;
  }
  #pid-info.pid-lp-student .section.env .contentsEnv .envItem .detail .num span,
  #pid-404.pid-lp-student .section.env .contentsEnv .envItem .detail .num span,
  #pid-ylp.pid-lp-student .section.env .contentsEnv .envItem .detail .num span,
  #pid-saec.pid-lp-student .section.env .contentsEnv .envItem .detail .num span {
    font-size: 2rem;
  }
  #pid-info.pid-lp-student .section.env .contentsEnv .envItem .detail .text,
  #pid-404.pid-lp-student .section.env .contentsEnv .envItem .detail .text,
  #pid-ylp.pid-lp-student .section.env .contentsEnv .envItem .detail .text,
  #pid-saec.pid-lp-student .section.env .contentsEnv .envItem .detail .text {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    margin: 0;
  }
  #pid-info.pid-lp-student .section.env .contentsEnv .envItem .detail .caption,
  #pid-404.pid-lp-student .section.env .contentsEnv .envItem .detail .caption,
  #pid-ylp.pid-lp-student .section.env .contentsEnv .envItem .detail .caption,
  #pid-saec.pid-lp-student .section.env .contentsEnv .envItem .detail .caption {
    line-height: 1.4;
    font-size: 2.2rem;
  }
  #pid-info.pid-lp-student .section.env .contentsEnv .envItem .image,
  #pid-404.pid-lp-student .section.env .contentsEnv .envItem .image,
  #pid-ylp.pid-lp-student .section.env .contentsEnv .envItem .image,
  #pid-saec.pid-lp-student .section.env .contentsEnv .envItem .image {
    width: 100%;
    max-width: 400px;
    margin: 1.4em auto;
    padding: 0;
  }
  #pid-info.pid-lp-student .section.env .contentsEnv .envItem:nth-child(2n) .detail,
  #pid-404.pid-lp-student .section.env .contentsEnv .envItem:nth-child(2n) .detail,
  #pid-ylp.pid-lp-student .section.env .contentsEnv .envItem:nth-child(2n) .detail,
  #pid-saec.pid-lp-student .section.env .contentsEnv .envItem:nth-child(2n) .detail {
    padding: 0;
  }
  #pid-info.pid-lp-student .section.env .contentsEnv .envItem:nth-child(2n) .image,
  #pid-404.pid-lp-student .section.env .contentsEnv .envItem:nth-child(2n) .image,
  #pid-ylp.pid-lp-student .section.env .contentsEnv .envItem:nth-child(2n) .image,
  #pid-saec.pid-lp-student .section.env .contentsEnv .envItem:nth-child(2n) .image {
    padding: 0;
    -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
            order: unset;
  }
}
#pid-info.pid-lp-student .section.howto,
#pid-404.pid-lp-student .section.howto,
#pid-ylp.pid-lp-student .section.howto,
#pid-saec.pid-lp-student .section.howto {
  position: relative;
  background: url(../img/student/bg_howtouse.png) no-repeat top 22% right calc((100vw - 1315px) / 2) #4284d2;
  -webkit-transform: skewY(-6deg);
          transform: skewY(-6deg);
}
#pid-info.pid-lp-student .section.howto .outer,
#pid-404.pid-lp-student .section.howto .outer,
#pid-ylp.pid-lp-student .section.howto .outer,
#pid-saec.pid-lp-student .section.howto .outer {
  -webkit-transform: skewY(6deg);
          transform: skewY(6deg);
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-student .section.howto,
  #pid-404.pid-lp-student .section.howto,
  #pid-ylp.pid-lp-student .section.howto,
  #pid-saec.pid-lp-student .section.howto {
    background-image: none;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-student .section.howto,
  #pid-404.pid-lp-student .section.howto,
  #pid-ylp.pid-lp-student .section.howto,
  #pid-saec.pid-lp-student .section.howto {
    padding-top: 50px;
    padding-bottom: 60px;
  }
}
#pid-info.pid-lp-student .section.howto .sectionHeader,
#pid-404.pid-lp-student .section.howto .sectionHeader,
#pid-ylp.pid-lp-student .section.howto .sectionHeader,
#pid-saec.pid-lp-student .section.howto .sectionHeader {
  color: #fff;
  position: relative;
  text-align: left;
}
#pid-info.pid-lp-student .section.howto .sectionHeader .sec__mainCaption,
#pid-404.pid-lp-student .section.howto .sectionHeader .sec__mainCaption,
#pid-ylp.pid-lp-student .section.howto .sectionHeader .sec__mainCaption,
#pid-saec.pid-lp-student .section.howto .sectionHeader .sec__mainCaption {
  font-size: 2.8rem;
  padding-left: 28px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-student .section.howto .sectionHeader .sec__mainCaption,
  #pid-404.pid-lp-student .section.howto .sectionHeader .sec__mainCaption,
  #pid-ylp.pid-lp-student .section.howto .sectionHeader .sec__mainCaption,
  #pid-saec.pid-lp-student .section.howto .sectionHeader .sec__mainCaption {
    font-size: 2.2rem;
    padding-left: 0;
  }
}
#pid-info.pid-lp-student .section.howto .sectionHeader .sec__mainCaption--en,
#pid-404.pid-lp-student .section.howto .sectionHeader .sec__mainCaption--en,
#pid-ylp.pid-lp-student .section.howto .sectionHeader .sec__mainCaption--en,
#pid-saec.pid-lp-student .section.howto .sectionHeader .sec__mainCaption--en {
  position: absolute;
  color: #333;
  opacity: 0.3;
  font-size: 12rem;
  font-family: "Montserrat";
  font-weight: 500;
  top: -130px;
  line-height: 1;
  z-index: -1;
  padding-left: 28px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-student .section.howto .sectionHeader .sec__mainCaption--en,
  #pid-404.pid-lp-student .section.howto .sectionHeader .sec__mainCaption--en,
  #pid-ylp.pid-lp-student .section.howto .sectionHeader .sec__mainCaption--en,
  #pid-saec.pid-lp-student .section.howto .sectionHeader .sec__mainCaption--en {
    font-size: 6rem;
    padding-left: 0;
    top: -80px;
    width: 100%;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-student .section.howto .sectionHeader,
  #pid-404.pid-lp-student .section.howto .sectionHeader,
  #pid-ylp.pid-lp-student .section.howto .sectionHeader,
  #pid-saec.pid-lp-student .section.howto .sectionHeader {
    text-align: center;
  }
  #pid-info.pid-lp-student .section.howto .sectionHeader .holder-sml,
  #pid-404.pid-lp-student .section.howto .sectionHeader .holder-sml,
  #pid-ylp.pid-lp-student .section.howto .sectionHeader .holder-sml,
  #pid-saec.pid-lp-student .section.howto .sectionHeader .holder-sml {
    width: 100%;
  }
}
#pid-info.pid-lp-student .section.howto .contentsHowto,
#pid-404.pid-lp-student .section.howto .contentsHowto,
#pid-ylp.pid-lp-student .section.howto .contentsHowto,
#pid-saec.pid-lp-student .section.howto .contentsHowto {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 80px auto 0;
  max-width: 1040px;
}
#pid-info.pid-lp-student .section.howto .contentsHowto .howtoItem,
#pid-404.pid-lp-student .section.howto .contentsHowto .howtoItem,
#pid-ylp.pid-lp-student .section.howto .contentsHowto .howtoItem,
#pid-saec.pid-lp-student .section.howto .contentsHowto .howtoItem {
  width: 30%;
  max-width: 310px;
}
#pid-info.pid-lp-student .section.howto .contentsHowto .howtoItem .caption,
#pid-404.pid-lp-student .section.howto .contentsHowto .howtoItem .caption,
#pid-ylp.pid-lp-student .section.howto .contentsHowto .howtoItem .caption,
#pid-saec.pid-lp-student .section.howto .contentsHowto .howtoItem .caption {
  font-size: 1.8rem;
  text-align: center;
  padding: 16px 0;
  background: #fff;
  border-radius: 0 0 5px 5px;
}
#pid-info.pid-lp-student .section.howto .contentsHowto .howtoItem .image img,
#pid-404.pid-lp-student .section.howto .contentsHowto .howtoItem .image img,
#pid-ylp.pid-lp-student .section.howto .contentsHowto .howtoItem .image img,
#pid-saec.pid-lp-student .section.howto .contentsHowto .howtoItem .image img {
  width: 100%;
  height: auto;
}
#pid-info.pid-lp-student .section.howto .contentsHowto .howtoItem:nth-child(2),
#pid-404.pid-lp-student .section.howto .contentsHowto .howtoItem:nth-child(2),
#pid-ylp.pid-lp-student .section.howto .contentsHowto .howtoItem:nth-child(2),
#pid-saec.pid-lp-student .section.howto .contentsHowto .howtoItem:nth-child(2) {
  margin-top: -40px;
}
#pid-info.pid-lp-student .section.howto .contentsHowto .howtoItem:nth-child(3),
#pid-404.pid-lp-student .section.howto .contentsHowto .howtoItem:nth-child(3),
#pid-ylp.pid-lp-student .section.howto .contentsHowto .howtoItem:nth-child(3),
#pid-saec.pid-lp-student .section.howto .contentsHowto .howtoItem:nth-child(3) {
  margin-top: -80px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info.pid-lp-student .section.howto .contentsHowto .howtoItem,
  #pid-404.pid-lp-student .section.howto .contentsHowto .howtoItem,
  #pid-ylp.pid-lp-student .section.howto .contentsHowto .howtoItem,
  #pid-saec.pid-lp-student .section.howto .contentsHowto .howtoItem {
    width: 32%;
  }
  #pid-info.pid-lp-student .section.howto .contentsHowto .howtoItem .caption,
  #pid-404.pid-lp-student .section.howto .contentsHowto .howtoItem .caption,
  #pid-ylp.pid-lp-student .section.howto .contentsHowto .howtoItem .caption,
  #pid-saec.pid-lp-student .section.howto .contentsHowto .howtoItem .caption {
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-student .section.howto .contentsHowto,
  #pid-404.pid-lp-student .section.howto .contentsHowto,
  #pid-ylp.pid-lp-student .section.howto .contentsHowto,
  #pid-saec.pid-lp-student .section.howto .contentsHowto {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 40px 0 0;
  }
  #pid-info.pid-lp-student .section.howto .contentsHowto .howtoItem,
  #pid-404.pid-lp-student .section.howto .contentsHowto .howtoItem,
  #pid-ylp.pid-lp-student .section.howto .contentsHowto .howtoItem,
  #pid-saec.pid-lp-student .section.howto .contentsHowto .howtoItem {
    width: 100%;
    max-width: 400px;
    margin: 20px auto 0;
  }
  #pid-info.pid-lp-student .section.howto .contentsHowto .howtoItem:first-child,
  #pid-404.pid-lp-student .section.howto .contentsHowto .howtoItem:first-child,
  #pid-ylp.pid-lp-student .section.howto .contentsHowto .howtoItem:first-child,
  #pid-saec.pid-lp-student .section.howto .contentsHowto .howtoItem:first-child {
    margin-top: 0;
  }
  #pid-info.pid-lp-student .section.howto .contentsHowto .howtoItem:nth-child(2), #pid-info.pid-lp-student .section.howto .contentsHowto .howtoItem:nth-child(3),
  #pid-404.pid-lp-student .section.howto .contentsHowto .howtoItem:nth-child(2),
  #pid-404.pid-lp-student .section.howto .contentsHowto .howtoItem:nth-child(3),
  #pid-ylp.pid-lp-student .section.howto .contentsHowto .howtoItem:nth-child(2),
  #pid-ylp.pid-lp-student .section.howto .contentsHowto .howtoItem:nth-child(3),
  #pid-saec.pid-lp-student .section.howto .contentsHowto .howtoItem:nth-child(2),
  #pid-saec.pid-lp-student .section.howto .contentsHowto .howtoItem:nth-child(3) {
    margin-top: 20px;
  }
}
#pid-info.pid-lp-student .section.howto .more,
#pid-404.pid-lp-student .section.howto .more,
#pid-ylp.pid-lp-student .section.howto .more,
#pid-saec.pid-lp-student .section.howto .more {
  text-align: right;
  color: #fff;
  font-size: 2rem;
  max-width: 1040px;
  margin: 0 auto;
}
#pid-info.pid-lp-student .section.howto .more span,
#pid-404.pid-lp-student .section.howto .more span,
#pid-ylp.pid-lp-student .section.howto .more span,
#pid-saec.pid-lp-student .section.howto .more span {
  -webkit-transform: skew(0deg, -6deg);
          transform: skew(0deg, -6deg);
  display: inline-block;
}
@media only screen and (min-width: 768px) {
  #pid-info.pid-lp-student .section.howto .more,
  #pid-404.pid-lp-student .section.howto .more,
  #pid-ylp.pid-lp-student .section.howto .more,
  #pid-saec.pid-lp-student .section.howto .more {
    margin-top: -1em;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-student .section.howto .more,
  #pid-404.pid-lp-student .section.howto .more,
  #pid-ylp.pid-lp-student .section.howto .more,
  #pid-saec.pid-lp-student .section.howto .more {
    margin-top: 40px;
    text-align: center;
  }
}
#pid-info.pid-lp-student .section.orderFlow .orderContents,
#pid-404.pid-lp-student .section.orderFlow .orderContents,
#pid-ylp.pid-lp-student .section.orderFlow .orderContents,
#pid-saec.pid-lp-student .section.orderFlow .orderContents {
  margin: 0 auto;
  padding: 80px 0;
  max-width: 1200px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-student .section.orderFlow .orderContents,
  #pid-404.pid-lp-student .section.orderFlow .orderContents,
  #pid-ylp.pid-lp-student .section.orderFlow .orderContents,
  #pid-saec.pid-lp-student .section.orderFlow .orderContents {
    padding: 0;
  }
}
#pid-info.pid-lp-student .section.orderFlow .orderContents .orderWrap,
#pid-404.pid-lp-student .section.orderFlow .orderContents .orderWrap,
#pid-ylp.pid-lp-student .section.orderFlow .orderContents .orderWrap,
#pid-saec.pid-lp-student .section.orderFlow .orderContents .orderWrap {
  max-width: 800px;
  margin: 0 auto;
}
#pid-info.pid-lp-student .section.orderFlow .orderContents .orderRule,
#pid-404.pid-lp-student .section.orderFlow .orderContents .orderRule,
#pid-ylp.pid-lp-student .section.orderFlow .orderContents .orderRule,
#pid-saec.pid-lp-student .section.orderFlow .orderContents .orderRule {
  background: #f8f8f8;
  padding: 24px 24px 16px;
}
#pid-info.pid-lp-student .section.orderFlow .orderContents .orderRule .orderRule__caption,
#pid-404.pid-lp-student .section.orderFlow .orderContents .orderRule .orderRule__caption,
#pid-ylp.pid-lp-student .section.orderFlow .orderContents .orderRule .orderRule__caption,
#pid-saec.pid-lp-student .section.orderFlow .orderContents .orderRule .orderRule__caption {
  clear: left;
  float: left;
  width: 10em;
  padding: 0 0 8px;
  font-weight: normal;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-student .section.orderFlow .orderContents .orderRule .orderRule__caption,
  #pid-404.pid-lp-student .section.orderFlow .orderContents .orderRule .orderRule__caption,
  #pid-ylp.pid-lp-student .section.orderFlow .orderContents .orderRule .orderRule__caption,
  #pid-saec.pid-lp-student .section.orderFlow .orderContents .orderRule .orderRule__caption {
    float: none;
    padding: 8px 0 0;
    font-weight: bold;
  }
  #pid-info.pid-lp-student .section.orderFlow .orderContents .orderRule .orderRule__caption:first-child,
  #pid-404.pid-lp-student .section.orderFlow .orderContents .orderRule .orderRule__caption:first-child,
  #pid-ylp.pid-lp-student .section.orderFlow .orderContents .orderRule .orderRule__caption:first-child,
  #pid-saec.pid-lp-student .section.orderFlow .orderContents .orderRule .orderRule__caption:first-child {
    padding-top: 0;
  }
}
#pid-info.pid-lp-student .section.orderFlow .orderContents .orderRule .orderRule__detail,
#pid-404.pid-lp-student .section.orderFlow .orderContents .orderRule .orderRule__detail,
#pid-ylp.pid-lp-student .section.orderFlow .orderContents .orderRule .orderRule__detail,
#pid-saec.pid-lp-student .section.orderFlow .orderContents .orderRule .orderRule__detail {
  padding: 0 0 8px;
  padding-left: 10em;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-student .section.orderFlow .orderContents .orderRule .orderRule__detail,
  #pid-404.pid-lp-student .section.orderFlow .orderContents .orderRule .orderRule__detail,
  #pid-ylp.pid-lp-student .section.orderFlow .orderContents .orderRule .orderRule__detail,
  #pid-saec.pid-lp-student .section.orderFlow .orderContents .orderRule .orderRule__detail {
    padding-left: 1em;
  }
}
#pid-info.pid-lp-student .section.orderFlow .orderContents .orderStep,
#pid-404.pid-lp-student .section.orderFlow .orderContents .orderStep,
#pid-ylp.pid-lp-student .section.orderFlow .orderContents .orderStep,
#pid-saec.pid-lp-student .section.orderFlow .orderContents .orderStep {
  margin: 44px 0 0;
}
#pid-info.pid-lp-student .section.orderFlow .orderContents .orderStep .stepItem,
#pid-404.pid-lp-student .section.orderFlow .orderContents .orderStep .stepItem,
#pid-ylp.pid-lp-student .section.orderFlow .orderContents .orderStep .stepItem,
#pid-saec.pid-lp-student .section.orderFlow .orderContents .orderStep .stepItem {
  background: #f8f8f8;
  padding: 40px;
  border-radius: 2px;
  margin: 72px 0 0;
  position: relative;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-student .section.orderFlow .orderContents .orderStep .stepItem,
  #pid-404.pid-lp-student .section.orderFlow .orderContents .orderStep .stepItem,
  #pid-ylp.pid-lp-student .section.orderFlow .orderContents .orderStep .stepItem,
  #pid-saec.pid-lp-student .section.orderFlow .orderContents .orderStep .stepItem {
    padding: 20px;
  }
}
#pid-info.pid-lp-student .section.orderFlow .orderContents .orderStep .stepItem:before,
#pid-404.pid-lp-student .section.orderFlow .orderContents .orderStep .stepItem:before,
#pid-ylp.pid-lp-student .section.orderFlow .orderContents .orderStep .stepItem:before,
#pid-saec.pid-lp-student .section.orderFlow .orderContents .orderStep .stepItem:before {
  content: "";
  display: block;
  width: 36px;
  height: 22px;
  background: url(../img/student/ico_flow_arrow.png) no-repeat 0 0;
  position: absolute;
  left: 50%;
  margin-left: -18px;
  top: -44px;
}
#pid-info.pid-lp-student .section.orderFlow .orderContents .orderStep .stepItem:first-child,
#pid-404.pid-lp-student .section.orderFlow .orderContents .orderStep .stepItem:first-child,
#pid-ylp.pid-lp-student .section.orderFlow .orderContents .orderStep .stepItem:first-child,
#pid-saec.pid-lp-student .section.orderFlow .orderContents .orderStep .stepItem:first-child {
  margin: 0;
}
#pid-info.pid-lp-student .section.orderFlow .orderContents .orderStep .stepItem:first-child:before,
#pid-404.pid-lp-student .section.orderFlow .orderContents .orderStep .stepItem:first-child:before,
#pid-ylp.pid-lp-student .section.orderFlow .orderContents .orderStep .stepItem:first-child:before,
#pid-saec.pid-lp-student .section.orderFlow .orderContents .orderStep .stepItem:first-child:before {
  display: none;
}
#pid-info.pid-lp-student .section.orderFlow .orderContents .orderStep .stepHeader,
#pid-404.pid-lp-student .section.orderFlow .orderContents .orderStep .stepHeader,
#pid-ylp.pid-lp-student .section.orderFlow .orderContents .orderStep .stepHeader,
#pid-saec.pid-lp-student .section.orderFlow .orderContents .orderStep .stepHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#pid-info.pid-lp-student .section.orderFlow .orderContents .orderStep .stepHeader .num,
#pid-404.pid-lp-student .section.orderFlow .orderContents .orderStep .stepHeader .num,
#pid-ylp.pid-lp-student .section.orderFlow .orderContents .orderStep .stepHeader .num,
#pid-saec.pid-lp-student .section.orderFlow .orderContents .orderStep .stepHeader .num {
  font-family: "Montserrat";
  background: #668698;
  color: #fff;
  padding: 4px 10px;
  margin-right: 20px;
  border-radius: 2px;
  min-width: 90px;
  text-align: center;
  font-size: 1.8rem;
}
#pid-info.pid-lp-student .section.orderFlow .orderContents .orderStep .stepHeader .caption,
#pid-404.pid-lp-student .section.orderFlow .orderContents .orderStep .stepHeader .caption,
#pid-ylp.pid-lp-student .section.orderFlow .orderContents .orderStep .stepHeader .caption,
#pid-saec.pid-lp-student .section.orderFlow .orderContents .orderStep .stepHeader .caption {
  font-size: 1.8rem;
  font-weight: 600;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-student .section.orderFlow .orderContents .orderStep .stepHeader,
  #pid-404.pid-lp-student .section.orderFlow .orderContents .orderStep .stepHeader,
  #pid-ylp.pid-lp-student .section.orderFlow .orderContents .orderStep .stepHeader,
  #pid-saec.pid-lp-student .section.orderFlow .orderContents .orderStep .stepHeader {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #pid-info.pid-lp-student .section.orderFlow .orderContents .orderStep .stepHeader .num,
  #pid-404.pid-lp-student .section.orderFlow .orderContents .orderStep .stepHeader .num,
  #pid-ylp.pid-lp-student .section.orderFlow .orderContents .orderStep .stepHeader .num,
  #pid-saec.pid-lp-student .section.orderFlow .orderContents .orderStep .stepHeader .num {
    margin: 0 0 12px;
  }
}
#pid-info.pid-lp-student .section.orderFlow .orderContents .orderStep .stepBody,
#pid-404.pid-lp-student .section.orderFlow .orderContents .orderStep .stepBody,
#pid-ylp.pid-lp-student .section.orderFlow .orderContents .orderStep .stepBody,
#pid-saec.pid-lp-student .section.orderFlow .orderContents .orderStep .stepBody {
  margin: 20px 0 0;
}
#pid-info.pid-lp-student .section.orderFlow .orderContents .orderStep .stepBody .stepColumn,
#pid-404.pid-lp-student .section.orderFlow .orderContents .orderStep .stepBody .stepColumn,
#pid-ylp.pid-lp-student .section.orderFlow .orderContents .orderStep .stepBody .stepColumn,
#pid-saec.pid-lp-student .section.orderFlow .orderContents .orderStep .stepBody .stepColumn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#pid-info.pid-lp-student .section.orderFlow .orderContents .orderStep .stepBody .stepColumn .image,
#pid-404.pid-lp-student .section.orderFlow .orderContents .orderStep .stepBody .stepColumn .image,
#pid-ylp.pid-lp-student .section.orderFlow .orderContents .orderStep .stepBody .stepColumn .image,
#pid-saec.pid-lp-student .section.orderFlow .orderContents .orderStep .stepBody .stepColumn .image {
  margin-right: 32px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-student .section.orderFlow .orderContents .orderStep .stepBody .stepColumn,
  #pid-404.pid-lp-student .section.orderFlow .orderContents .orderStep .stepBody .stepColumn,
  #pid-ylp.pid-lp-student .section.orderFlow .orderContents .orderStep .stepBody .stepColumn,
  #pid-saec.pid-lp-student .section.orderFlow .orderContents .orderStep .stepBody .stepColumn {
    display: contents;
  }
  #pid-info.pid-lp-student .section.orderFlow .orderContents .orderStep .stepBody .stepColumn .image,
  #pid-404.pid-lp-student .section.orderFlow .orderContents .orderStep .stepBody .stepColumn .image,
  #pid-ylp.pid-lp-student .section.orderFlow .orderContents .orderStep .stepBody .stepColumn .image,
  #pid-saec.pid-lp-student .section.orderFlow .orderContents .orderStep .stepBody .stepColumn .image {
    text-align: center;
    margin: 0 0 12px;
  }
}
#pid-info.pid-lp-student .section.orderFlow .orderContents .orderTabArea,
#pid-404.pid-lp-student .section.orderFlow .orderContents .orderTabArea,
#pid-ylp.pid-lp-student .section.orderFlow .orderContents .orderTabArea,
#pid-saec.pid-lp-student .section.orderFlow .orderContents .orderTabArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 40px 0 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#pid-info.pid-lp-student .section.orderFlow .orderContents .tab-label,
#pid-404.pid-lp-student .section.orderFlow .orderContents .tab-label,
#pid-ylp.pid-lp-student .section.orderFlow .orderContents .tab-label,
#pid-saec.pid-lp-student .section.orderFlow .orderContents .tab-label {
  background: white;
  color: #7aa0b6;
  width: 45.75%;
  padding: 8px 16px;
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  border: 1px solid #8db9d2;
  position: relative;
  z-index: 1;
  text-align: center;
  font-size: 1.8rem;
}
#pid-info.pid-lp-student .section.orderFlow .orderContents .tab-label:nth-child(2),
#pid-404.pid-lp-student .section.orderFlow .orderContents .tab-label:nth-child(2),
#pid-ylp.pid-lp-student .section.orderFlow .orderContents .tab-label:nth-child(2),
#pid-saec.pid-lp-student .section.orderFlow .orderContents .tab-label:nth-child(2) {
  border-radius: 2px 0 0 2px;
}
#pid-info.pid-lp-student .section.orderFlow .orderContents .tab-label:nth-child(5),
#pid-404.pid-lp-student .section.orderFlow .orderContents .tab-label:nth-child(5),
#pid-ylp.pid-lp-student .section.orderFlow .orderContents .tab-label:nth-child(5),
#pid-saec.pid-lp-student .section.orderFlow .orderContents .tab-label:nth-child(5) {
  border-radius: 0 2px 2px 0;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-student .section.orderFlow .orderContents .tab-label,
  #pid-404.pid-lp-student .section.orderFlow .orderContents .tab-label,
  #pid-ylp.pid-lp-student .section.orderFlow .orderContents .tab-label,
  #pid-saec.pid-lp-student .section.orderFlow .orderContents .tab-label {
    padding: 8px 10px;
    width: 40%;
  }
}
#pid-info.pid-lp-student .section.orderFlow .orderContents .orderTabContents,
#pid-404.pid-lp-student .section.orderFlow .orderContents .orderTabContents,
#pid-ylp.pid-lp-student .section.orderFlow .orderContents .orderTabContents,
#pid-saec.pid-lp-student .section.orderFlow .orderContents .orderTabContents {
  width: 100%;
  display: none;
  position: relative;
  z-index: 0;
}
#pid-info.pid-lp-student .section.orderFlow .orderContents,
#pid-404.pid-lp-student .section.orderFlow .orderContents,
#pid-ylp.pid-lp-student .section.orderFlow .orderContents,
#pid-saec.pid-lp-student .section.orderFlow .orderContents {
  /* アクティブなタブ */
}
#pid-info.pid-lp-student .section.orderFlow .orderContents .tab-switch:hover + .tab-label,
#pid-404.pid-lp-student .section.orderFlow .orderContents .tab-switch:hover + .tab-label,
#pid-ylp.pid-lp-student .section.orderFlow .orderContents .tab-switch:hover + .tab-label,
#pid-saec.pid-lp-student .section.orderFlow .orderContents .tab-switch:hover + .tab-label {
  background: #eef5f8;
}
#pid-info.pid-lp-student .section.orderFlow .orderContents .tab-switch:checked + .tab-label,
#pid-404.pid-lp-student .section.orderFlow .orderContents .tab-switch:checked + .tab-label,
#pid-ylp.pid-lp-student .section.orderFlow .orderContents .tab-switch:checked + .tab-label,
#pid-saec.pid-lp-student .section.orderFlow .orderContents .tab-switch:checked + .tab-label {
  background: #8db9d2;
  color: #fff;
}
#pid-info.pid-lp-student .section.orderFlow .orderContents .tab-switch:checked + .tab-label:after,
#pid-404.pid-lp-student .section.orderFlow .orderContents .tab-switch:checked + .tab-label:after,
#pid-ylp.pid-lp-student .section.orderFlow .orderContents .tab-switch:checked + .tab-label:after,
#pid-saec.pid-lp-student .section.orderFlow .orderContents .tab-switch:checked + .tab-label:after {
  content: "";
  display: block;
  border: 12px solid transparent;
  border-width: 16px 12px;
  border-top-color: #8db9d2;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  bottom: -32px;
}
#pid-info.pid-lp-student .section.orderFlow .orderContents .tab-switch:checked + .tab-label + .orderTabContents,
#pid-404.pid-lp-student .section.orderFlow .orderContents .tab-switch:checked + .tab-label + .orderTabContents,
#pid-ylp.pid-lp-student .section.orderFlow .orderContents .tab-switch:checked + .tab-label + .orderTabContents,
#pid-saec.pid-lp-student .section.orderFlow .orderContents .tab-switch:checked + .tab-label + .orderTabContents {
  display: block;
}
#pid-info.pid-lp-student .section.orderFlow .orderContents .tab-switch,
#pid-404.pid-lp-student .section.orderFlow .orderContents .tab-switch,
#pid-ylp.pid-lp-student .section.orderFlow .orderContents .tab-switch,
#pid-saec.pid-lp-student .section.orderFlow .orderContents .tab-switch {
  display: none;
}
#pid-info.pid-lp-student .section.faq,
#pid-404.pid-lp-student .section.faq,
#pid-ylp.pid-lp-student .section.faq,
#pid-saec.pid-lp-student .section.faq {
  background: #222;
  color: #fff;
}
#pid-info.pid-lp-student .section.faq .faqContents,
#pid-404.pid-lp-student .section.faq .faqContents,
#pid-ylp.pid-lp-student .section.faq .faqContents,
#pid-saec.pid-lp-student .section.faq .faqContents {
  margin: 40px 0 0;
}
#pid-info.pid-lp-student .section.faq .faqFoot,
#pid-404.pid-lp-student .section.faq .faqFoot,
#pid-ylp.pid-lp-student .section.faq .faqFoot,
#pid-saec.pid-lp-student .section.faq .faqFoot {
  text-align: center;
  margin: 40px 0 0;
}
#pid-info.pid-lp-student .section.faq .faqFoot a,
#pid-404.pid-lp-student .section.faq .faqFoot a,
#pid-ylp.pid-lp-student .section.faq .faqFoot a,
#pid-saec.pid-lp-student .section.faq .faqFoot a {
  color: #fff;
  text-underline-offset: 0.25em;
}
#pid-info.pid-lp-student .section.faq .faqFoot a:hover,
#pid-404.pid-lp-student .section.faq .faqFoot a:hover,
#pid-ylp.pid-lp-student .section.faq .faqFoot a:hover,
#pid-saec.pid-lp-student .section.faq .faqFoot a:hover {
  text-decoration: none;
}
#pid-info.pid-lp-student .section.faq .faqFoot a img,
#pid-404.pid-lp-student .section.faq .faqFoot a img,
#pid-ylp.pid-lp-student .section.faq .faqFoot a img,
#pid-saec.pid-lp-student .section.faq .faqFoot a img {
  vertical-align: baseline;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-student .section.faq .faqFoot,
  #pid-404.pid-lp-student .section.faq .faqFoot,
  #pid-ylp.pid-lp-student .section.faq .faqFoot,
  #pid-saec.pid-lp-student .section.faq .faqFoot {
    text-align: left;
  }
}
#pid-info.pid-lp-student .section.faq .faqList,
#pid-404.pid-lp-student .section.faq .faqList,
#pid-ylp.pid-lp-student .section.faq .faqList,
#pid-saec.pid-lp-student .section.faq .faqList {
  max-width: 800px;
  margin: 0 auto;
  border-bottom: 1px solid #4b4b4b;
}
#pid-info.pid-lp-student .section.faq .faqList a,
#pid-404.pid-lp-student .section.faq .faqList a,
#pid-ylp.pid-lp-student .section.faq .faqList a,
#pid-saec.pid-lp-student .section.faq .faqList a {
  color: #fff;
  text-underline-offset: 0.25em;
}
#pid-info.pid-lp-student .section.faq .faqList a:hover,
#pid-404.pid-lp-student .section.faq .faqList a:hover,
#pid-ylp.pid-lp-student .section.faq .faqList a:hover,
#pid-saec.pid-lp-student .section.faq .faqList a:hover {
  text-decoration: none;
}
#pid-info.pid-lp-student .section.faq .faqList .question,
#pid-404.pid-lp-student .section.faq .faqList .question,
#pid-ylp.pid-lp-student .section.faq .faqList .question,
#pid-saec.pid-lp-student .section.faq .faqList .question {
  border-top: 1px solid #4b4b4b;
  font-size: 1.6rem;
  font-weight: 600;
  padding: 20px 0;
  display: block;
  position: relative;
  padding-left: 40px;
  color: #fff;
}
#pid-info.pid-lp-student .section.faq .faqList .question i,
#pid-404.pid-lp-student .section.faq .faqList .question i,
#pid-ylp.pid-lp-student .section.faq .faqList .question i,
#pid-saec.pid-lp-student .section.faq .faqList .question i {
  color: #fff;
  margin: -8px 12px 0;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
}
#pid-info.pid-lp-student .section.faq .faqList .answer,
#pid-404.pid-lp-student .section.faq .faqList .answer,
#pid-ylp.pid-lp-student .section.faq .faqList .answer,
#pid-saec.pid-lp-student .section.faq .faqList .answer {
  height: 0;
  overflow: hidden;
  padding: 0 0 0 40px;
  color: #ddd;
  font-weight: normal;
}
#pid-info.pid-lp-student .section.faq .faqList .answer p, #pid-info.pid-lp-student .section.faq .faqList .answer ul,
#pid-404.pid-lp-student .section.faq .faqList .answer p,
#pid-404.pid-lp-student .section.faq .faqList .answer ul,
#pid-ylp.pid-lp-student .section.faq .faqList .answer p,
#pid-ylp.pid-lp-student .section.faq .faqList .answer ul,
#pid-saec.pid-lp-student .section.faq .faqList .answer p,
#pid-saec.pid-lp-student .section.faq .faqList .answer ul {
  margin: 1em 0 0;
}
#pid-info.pid-lp-student .section.faq .faqList .answer p:first-child, #pid-info.pid-lp-student .section.faq .faqList .answer ul:first-child,
#pid-404.pid-lp-student .section.faq .faqList .answer p:first-child,
#pid-404.pid-lp-student .section.faq .faqList .answer ul:first-child,
#pid-ylp.pid-lp-student .section.faq .faqList .answer p:first-child,
#pid-ylp.pid-lp-student .section.faq .faqList .answer ul:first-child,
#pid-saec.pid-lp-student .section.faq .faqList .answer p:first-child,
#pid-saec.pid-lp-student .section.faq .faqList .answer ul:first-child {
  margin-top: 0;
}
#pid-info.pid-lp-student .section.faq .faqList .answer ul:not([class]) li,
#pid-404.pid-lp-student .section.faq .faqList .answer ul:not([class]) li,
#pid-ylp.pid-lp-student .section.faq .faqList .answer ul:not([class]) li,
#pid-saec.pid-lp-student .section.faq .faqList .answer ul:not([class]) li {
  list-style-type: disc;
  margin-left: 1.2em;
}
#pid-info.pid-lp-student .section.faq .faqList input[type=checkbox],
#pid-404.pid-lp-student .section.faq .faqList input[type=checkbox],
#pid-ylp.pid-lp-student .section.faq .faqList input[type=checkbox],
#pid-saec.pid-lp-student .section.faq .faqList input[type=checkbox] {
  opacity: 0;
  position: absolute;
}
#pid-info.pid-lp-student .section.faq .faqList input[type=checkbox]:checked + .question i,
#pid-404.pid-lp-student .section.faq .faqList input[type=checkbox]:checked + .question i,
#pid-ylp.pid-lp-student .section.faq .faqList input[type=checkbox]:checked + .question i,
#pid-saec.pid-lp-student .section.faq .faqList input[type=checkbox]:checked + .question i {
  color: #fff;
  opacity: 0.7;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
#pid-info.pid-lp-student .section.faq .faqList input[type=checkbox]:checked + .question + .answer,
#pid-404.pid-lp-student .section.faq .faqList input[type=checkbox]:checked + .question + .answer,
#pid-ylp.pid-lp-student .section.faq .faqList input[type=checkbox]:checked + .question + .answer,
#pid-saec.pid-lp-student .section.faq .faqList input[type=checkbox]:checked + .question + .answer {
  height: auto;
  padding: 0 0 20px 40px;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
#pid-info.pid-lp-student .section.faq .faqAnswerDetail,
#pid-404.pid-lp-student .section.faq .faqAnswerDetail,
#pid-ylp.pid-lp-student .section.faq .faqAnswerDetail,
#pid-saec.pid-lp-student .section.faq .faqAnswerDetail {
  container-type: inline-size;
  margin-top: 20px;
}
@container (max-width: 645px) {
  #pid-info.pid-lp-student .section.faq .faqAnswerDetail .scrollHint,
  #pid-404.pid-lp-student .section.faq .faqAnswerDetail .scrollHint,
  #pid-ylp.pid-lp-student .section.faq .faqAnswerDetail .scrollHint,
  #pid-saec.pid-lp-student .section.faq .faqAnswerDetail .scrollHint {
    display: block;
  }
}
#pid-info.pid-lp-student .section.faq .faqAnswerDetail__table,
#pid-404.pid-lp-student .section.faq .faqAnswerDetail__table,
#pid-ylp.pid-lp-student .section.faq .faqAnswerDetail__table,
#pid-saec.pid-lp-student .section.faq .faqAnswerDetail__table {
  width: 100%;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-student .section.faq .faqAnswerDetail__table,
  #pid-404.pid-lp-student .section.faq .faqAnswerDetail__table,
  #pid-ylp.pid-lp-student .section.faq .faqAnswerDetail__table,
  #pid-saec.pid-lp-student .section.faq .faqAnswerDetail__table {
    width: 645px;
  }
}
#pid-info.pid-lp-student .section.faq .faqAnswerDetail__table thead,
#pid-404.pid-lp-student .section.faq .faqAnswerDetail__table thead,
#pid-ylp.pid-lp-student .section.faq .faqAnswerDetail__table thead,
#pid-saec.pid-lp-student .section.faq .faqAnswerDetail__table thead {
  background-color: #ddd;
  color: #fff;
}
#pid-info.pid-lp-student .section.faq .faqAnswerDetail__table thead th,
#pid-404.pid-lp-student .section.faq .faqAnswerDetail__table thead th,
#pid-ylp.pid-lp-student .section.faq .faqAnswerDetail__table thead th,
#pid-saec.pid-lp-student .section.faq .faqAnswerDetail__table thead th {
  width: 33%;
  color: #222;
  text-align: center;
}
#pid-info.pid-lp-student .section.faq .faqAnswerDetail__table tbody th,
#pid-404.pid-lp-student .section.faq .faqAnswerDetail__table tbody th,
#pid-ylp.pid-lp-student .section.faq .faqAnswerDetail__table tbody th,
#pid-saec.pid-lp-student .section.faq .faqAnswerDetail__table tbody th {
  font-weight: normal;
  color: #fff;
}
#pid-info.pid-lp-student .section.faq .faqAnswerDetail__table td,
#pid-404.pid-lp-student .section.faq .faqAnswerDetail__table td,
#pid-ylp.pid-lp-student .section.faq .faqAnswerDetail__table td,
#pid-saec.pid-lp-student .section.faq .faqAnswerDetail__table td {
  text-align: center;
}
#pid-info.pid-lp-student .section.faq .faqAnswerDetail__table th, #pid-info.pid-lp-student .section.faq .faqAnswerDetail__table td,
#pid-404.pid-lp-student .section.faq .faqAnswerDetail__table th,
#pid-404.pid-lp-student .section.faq .faqAnswerDetail__table td,
#pid-ylp.pid-lp-student .section.faq .faqAnswerDetail__table th,
#pid-ylp.pid-lp-student .section.faq .faqAnswerDetail__table td,
#pid-saec.pid-lp-student .section.faq .faqAnswerDetail__table th,
#pid-saec.pid-lp-student .section.faq .faqAnswerDetail__table td {
  padding: 6px 12px;
  border: 1px solid #333;
  vertical-align: middle;
}
#pid-info.pid-lp-student .announce,
#pid-404.pid-lp-student .announce,
#pid-ylp.pid-lp-student .announce,
#pid-saec.pid-lp-student .announce {
  background: #f8f8f8;
  padding: 50px 0;
}
#pid-info.pid-lp-student .announce .holder-sml,
#pid-404.pid-lp-student .announce .holder-sml,
#pid-ylp.pid-lp-student .announce .holder-sml,
#pid-saec.pid-lp-student .announce .holder-sml {
  max-width: 800px;
}
#pid-info.pid-lp-student .announce .caption,
#pid-404.pid-lp-student .announce .caption,
#pid-ylp.pid-lp-student .announce .caption,
#pid-saec.pid-lp-student .announce .caption {
  font-size: 2.4rem;
  font-weight: 600;
  margin: 0 0 16px;
}
#pid-info.pid-lp-student .announce .announceList li,
#pid-404.pid-lp-student .announce .announceList li,
#pid-ylp.pid-lp-student .announce .announceList li,
#pid-saec.pid-lp-student .announce .announceList li {
  list-style-type: disc;
  margin-left: 1.2em;
}
#pid-info.pid-lp-student footer .footCTA,
#pid-404.pid-lp-student footer .footCTA,
#pid-ylp.pid-lp-student footer .footCTA,
#pid-saec.pid-lp-student footer .footCTA {
  background: url(../img/student/bg_foot_cta_l.png) no-repeat right center #cfedfa;
  height: 380px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info.pid-lp-student footer .footCTA,
  #pid-404.pid-lp-student footer .footCTA,
  #pid-ylp.pid-lp-student footer .footCTA,
  #pid-saec.pid-lp-student footer .footCTA {
    background: url(../img/student/bg_foot_cta_m.png) no-repeat right center #cfedfa;
    height: 277px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-student footer .footCTA,
  #pid-404.pid-lp-student footer .footCTA,
  #pid-ylp.pid-lp-student footer .footCTA,
  #pid-saec.pid-lp-student footer .footCTA {
    background: url(../img/student/bg_foot_cta_s.png) no-repeat right center #cfedfa;
    height: 277px;
    background-size: cover;
  }
}
#pid-info.pid-lp-student footer .footCTA .subCaption,
#pid-404.pid-lp-student footer .footCTA .subCaption,
#pid-ylp.pid-lp-student footer .footCTA .subCaption,
#pid-saec.pid-lp-student footer .footCTA .subCaption {
  font-size: 2.1rem;
  font-weight: 600;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-student footer .footCTA .subCaption,
  #pid-404.pid-lp-student footer .footCTA .subCaption,
  #pid-ylp.pid-lp-student footer .footCTA .subCaption,
  #pid-saec.pid-lp-student footer .footCTA .subCaption {
    font-size: 1.6rem;
  }
}
#pid-info.pid-lp-student footer .footCTA .mainCaption,
#pid-404.pid-lp-student footer .footCTA .mainCaption,
#pid-ylp.pid-lp-student footer .footCTA .mainCaption,
#pid-saec.pid-lp-student footer .footCTA .mainCaption {
  font-size: 3rem;
  font-weight: 600;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-student footer .footCTA .mainCaption,
  #pid-404.pid-lp-student footer .footCTA .mainCaption,
  #pid-ylp.pid-lp-student footer .footCTA .mainCaption,
  #pid-saec.pid-lp-student footer .footCTA .mainCaption {
    font-size: 2.3rem;
  }
}
#pid-info.pid-lp-student footer .footCTA .ctaRegistry,
#pid-404.pid-lp-student footer .footCTA .ctaRegistry,
#pid-ylp.pid-lp-student footer .footCTA .ctaRegistry,
#pid-saec.pid-lp-student footer .footCTA .ctaRegistry {
  margin: 20px 0 0;
}
#pid-info.pid-lp-student footer .footCTA .btn,
#pid-404.pid-lp-student footer .footCTA .btn,
#pid-ylp.pid-lp-student footer .footCTA .btn,
#pid-saec.pid-lp-student footer .footCTA .btn {
  background: #000;
  color: #fff;
  border-radius: 50px;
  padding: 14px 40px;
  font-size: 2.5rem;
  max-width: 440px;
  width: 100%;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-student footer .footCTA .btn,
  #pid-404.pid-lp-student footer .footCTA .btn,
  #pid-ylp.pid-lp-student footer .footCTA .btn,
  #pid-saec.pid-lp-student footer .footCTA .btn {
    max-width: 340px;
  }
}
#pid-info.pid-lp-student footer .cautionList,
#pid-404.pid-lp-student footer .cautionList,
#pid-ylp.pid-lp-student footer .cautionList,
#pid-saec.pid-lp-student footer .cautionList {
  padding: 16px 0;
}
#pid-info.pid-lp-student footer .cautionList li,
#pid-404.pid-lp-student footer .cautionList li,
#pid-ylp.pid-lp-student footer .cautionList li,
#pid-saec.pid-lp-student footer .cautionList li {
  font-size: 1.3rem;
  color: #888;
  padding-left: 1em;
  text-indent: -1em;
  text-align: left;
}
#pid-info.pid-lp-student footer .cautionList li a,
#pid-404.pid-lp-student footer .cautionList li a,
#pid-ylp.pid-lp-student footer .cautionList li a,
#pid-saec.pid-lp-student footer .cautionList li a {
  color: #888;
  text-underline-offset: 0.25em;
}
#pid-info.pid-lp-student footer .cautionList li a:hover,
#pid-404.pid-lp-student footer .cautionList li a:hover,
#pid-ylp.pid-lp-student footer .cautionList li a:hover,
#pid-saec.pid-lp-student footer .cautionList li a:hover {
  text-decoration: none;
}
#pid-info.pid-lp-student footer .footInfo,
#pid-404.pid-lp-student footer .footInfo,
#pid-ylp.pid-lp-student footer .footInfo,
#pid-saec.pid-lp-student footer .footInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-top: 1px solid #eee;
  padding: 20px 0;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-student footer .footInfo,
  #pid-404.pid-lp-student footer .footInfo,
  #pid-ylp.pid-lp-student footer .footInfo,
  #pid-saec.pid-lp-student footer .footInfo {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#pid-info.pid-lp-student footer .copyright,
#pid-404.pid-lp-student footer .copyright,
#pid-ylp.pid-lp-student footer .copyright,
#pid-saec.pid-lp-student footer .copyright {
  background: none;
  color: #333;
  margin: 0;
  padding: 0;
  font-size: 1.3rem;
}
#pid-info.pid-lp-student footer .footLink,
#pid-404.pid-lp-student footer .footLink,
#pid-ylp.pid-lp-student footer .footLink,
#pid-saec.pid-lp-student footer .footLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#pid-info.pid-lp-student footer .footLink li,
#pid-404.pid-lp-student footer .footLink li,
#pid-ylp.pid-lp-student footer .footLink li,
#pid-saec.pid-lp-student footer .footLink li {
  font-size: 1.3rem;
  margin-left: 40px;
}
#pid-info.pid-lp-student footer .footLink li:first-child,
#pid-404.pid-lp-student footer .footLink li:first-child,
#pid-ylp.pid-lp-student footer .footLink li:first-child,
#pid-saec.pid-lp-student footer .footLink li:first-child {
  margin-left: 0;
}
#pid-info.pid-lp-student footer .footLink a,
#pid-404.pid-lp-student footer .footLink a,
#pid-ylp.pid-lp-student footer .footLink a,
#pid-saec.pid-lp-student footer .footLink a {
  color: #333;
  text-decoration: none;
  -webkit-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out;
}
#pid-info.pid-lp-student footer .footLink a:hover,
#pid-404.pid-lp-student footer .footLink a:hover,
#pid-ylp.pid-lp-student footer .footLink a:hover,
#pid-saec.pid-lp-student footer .footLink a:hover {
  opacity: 0.8;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-student footer .footLink,
  #pid-404.pid-lp-student footer .footLink,
  #pid-ylp.pid-lp-student footer .footLink,
  #pid-saec.pid-lp-student footer .footLink {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    margin: 0 0 16px;
  }
  #pid-info.pid-lp-student footer .footLink li,
  #pid-404.pid-lp-student footer .footLink li,
  #pid-ylp.pid-lp-student footer .footLink li,
  #pid-saec.pid-lp-student footer .footLink li {
    margin: 4px 0 0;
  }
  #pid-info.pid-lp-student footer .footLink li:first-child,
  #pid-404.pid-lp-student footer .footLink li:first-child,
  #pid-ylp.pid-lp-student footer .footLink li:first-child,
  #pid-saec.pid-lp-student footer .footLink li:first-child {
    margin-top: 0;
  }
}
#pid-info.pid-lp-student .js_scrolltip,
#pid-404.pid-lp-student .js_scrolltip,
#pid-ylp.pid-lp-student .js_scrolltip,
#pid-saec.pid-lp-student .js_scrolltip {
  position: relative;
  overflow-x: auto;
}
#pid-info.pid-lp-student .scrollHint,
#pid-404.pid-lp-student .scrollHint,
#pid-ylp.pid-lp-student .scrollHint,
#pid-saec.pid-lp-student .scrollHint {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  pointer-events: none;
}
#pid-info.pid-lp-student .scrollHint *,
#pid-404.pid-lp-student .scrollHint *,
#pid-ylp.pid-lp-student .scrollHint *,
#pid-saec.pid-lp-student .scrollHint * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#pid-info.pid-lp-student .scrollHint_icon,
#pid-404.pid-lp-student .scrollHint_icon,
#pid-ylp.pid-lp-student .scrollHint_icon,
#pid-saec.pid-lp-student .scrollHint_icon {
  width: 120px;
  height: 80px;
  position: absolute;
  top: 85px;
  left: 0;
  right: 0;
  margin: auto;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  line-height: 1;
  font-size: 1rem;
  padding: 10px;
  border-radius: 5px;
}
#pid-info.pid-lp-student .scrollHint_icon i,
#pid-404.pid-lp-student .scrollHint_icon i,
#pid-ylp.pid-lp-student .scrollHint_icon i,
#pid-saec.pid-lp-student .scrollHint_icon i {
  font-size: 4rem;
  -webkit-animation: movearrow 1s ease-out infinite;
          animation: movearrow 1s ease-out infinite;
  position: relative;
}
@keyframes movearrow {
  0% {
    left: 0;
  }
  25% {
    left: 6px;
  }
  50% {
    left: 0;
  }
  75% {
    left: -4px;
  }
  100% {
    left: 0;
  }
}
#pid-info.pid-lp-logo .logo-guideline,
#pid-404.pid-lp-logo .logo-guideline,
#pid-ylp.pid-lp-logo .logo-guideline,
#pid-saec.pid-lp-logo .logo-guideline {
  border-top: 4px solid #1B5FA6;
  border-bottom: 1px solid #ccc;
}
@media only screen and (min-width: 768px) {
  #pid-info.pid-lp-logo .logo-guideline,
  #pid-404.pid-lp-logo .logo-guideline,
  #pid-ylp.pid-lp-logo .logo-guideline,
  #pid-saec.pid-lp-logo .logo-guideline {
    border-top-width: 8px;
  }
}
#pid-info.pid-lp-logo .logo-guideline *,
#pid-404.pid-lp-logo .logo-guideline *,
#pid-ylp.pid-lp-logo .logo-guideline *,
#pid-saec.pid-lp-logo .logo-guideline * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#pid-info.pid-lp-logo .logo-guideline .btn,
#pid-404.pid-lp-logo .logo-guideline .btn,
#pid-ylp.pid-lp-logo .logo-guideline .btn,
#pid-saec.pid-lp-logo .logo-guideline .btn {
  display: inline-block;
  border: 1px solid #1c5e9c;
  border-radius: 3px;
  background: #fff;
  color: #1c5e9c;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  padding: 16px;
  -webkit-box-shadow: 1px 0 3px rgba(0, 0, 0, 0.3);
          box-shadow: 1px 0 3px rgba(0, 0, 0, 0.3);
  width: 100%;
  max-width: 375px;
}
@media only screen and (min-width: 768px) {
  #pid-info.pid-lp-logo .logo-guideline .btn,
  #pid-404.pid-lp-logo .logo-guideline .btn,
  #pid-ylp.pid-lp-logo .logo-guideline .btn,
  #pid-saec.pid-lp-logo .logo-guideline .btn {
    max-width: 250px;
  }
}
#pid-info.pid-lp-logo .logo-guideline .btn:hover,
#pid-404.pid-lp-logo .logo-guideline .btn:hover,
#pid-ylp.pid-lp-logo .logo-guideline .btn:hover,
#pid-saec.pid-lp-logo .logo-guideline .btn:hover {
  background: #f5f9ff;
  color: #1c5e9c;
}
#pid-info.pid-lp-logo .logo-guideline .ul,
#pid-404.pid-lp-logo .logo-guideline .ul,
#pid-ylp.pid-lp-logo .logo-guideline .ul,
#pid-saec.pid-lp-logo .logo-guideline .ul {
  list-style: disc;
  margin-bottom: 1rem;
  padding-left: 3rem;
}
#pid-info.pid-lp-logo .logo-guideline .note,
#pid-404.pid-lp-logo .logo-guideline .note,
#pid-ylp.pid-lp-logo .logo-guideline .note,
#pid-saec.pid-lp-logo .logo-guideline .note {
  text-indent: -1em;
  padding-left: 1em;
  font-size: 1.2rem;
}
#pid-info.pid-lp-logo .logo-guideline .holder,
#pid-404.pid-lp-logo .logo-guideline .holder,
#pid-ylp.pid-lp-logo .logo-guideline .holder,
#pid-saec.pid-lp-logo .logo-guideline .holder {
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-logo .logo-guideline .holder,
  #pid-404.pid-lp-logo .logo-guideline .holder,
  #pid-ylp.pid-lp-logo .logo-guideline .holder,
  #pid-saec.pid-lp-logo .logo-guideline .holder {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
#pid-info.pid-lp-logo .logo-guideline .headerArea,
#pid-404.pid-lp-logo .logo-guideline .headerArea,
#pid-ylp.pid-lp-logo .logo-guideline .headerArea,
#pid-saec.pid-lp-logo .logo-guideline .headerArea {
  background: #F5F5F5;
  padding: 40px 0;
  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;
}
@media only screen and (min-width: 768px) {
  #pid-info.pid-lp-logo .logo-guideline .headerArea,
  #pid-404.pid-lp-logo .logo-guideline .headerArea,
  #pid-ylp.pid-lp-logo .logo-guideline .headerArea,
  #pid-saec.pid-lp-logo .logo-guideline .headerArea {
    padding: 110px 0;
  }
}
#pid-info.pid-lp-logo .logo-guideline .headerArea > *,
#pid-404.pid-lp-logo .logo-guideline .headerArea > *,
#pid-ylp.pid-lp-logo .logo-guideline .headerArea > *,
#pid-saec.pid-lp-logo .logo-guideline .headerArea > * {
  line-height: 1;
  margin: 0;
}
#pid-info.pid-lp-logo .logo-guideline .headerArea .header__logoArea,
#pid-404.pid-lp-logo .logo-guideline .headerArea .header__logoArea,
#pid-ylp.pid-lp-logo .logo-guideline .headerArea .header__logoArea,
#pid-saec.pid-lp-logo .logo-guideline .headerArea .header__logoArea {
  width: 80px;
}
#pid-info.pid-lp-logo .logo-guideline .headerArea .header__logoArea img,
#pid-404.pid-lp-logo .logo-guideline .headerArea .header__logoArea img,
#pid-ylp.pid-lp-logo .logo-guideline .headerArea .header__logoArea img,
#pid-saec.pid-lp-logo .logo-guideline .headerArea .header__logoArea img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 768px) {
  #pid-info.pid-lp-logo .logo-guideline .headerArea .header__logoArea,
  #pid-404.pid-lp-logo .logo-guideline .headerArea .header__logoArea,
  #pid-ylp.pid-lp-logo .logo-guideline .headerArea .header__logoArea,
  #pid-saec.pid-lp-logo .logo-guideline .headerArea .header__logoArea {
    width: 208px;
  }
}
#pid-info.pid-lp-logo .logo-guideline .headerArea .headerColumns,
#pid-404.pid-lp-logo .logo-guideline .headerArea .headerColumns,
#pid-ylp.pid-lp-logo .logo-guideline .headerArea .headerColumns,
#pid-saec.pid-lp-logo .logo-guideline .headerArea .headerColumns {
  border-left: 1px solid #ccc;
  padding-left: 10px;
  margin-left: 10px;
}
#pid-info.pid-lp-logo .logo-guideline .headerArea .headerColumns h1,
#pid-404.pid-lp-logo .logo-guideline .headerArea .headerColumns h1,
#pid-ylp.pid-lp-logo .logo-guideline .headerArea .headerColumns h1,
#pid-saec.pid-lp-logo .logo-guideline .headerArea .headerColumns h1 {
  font-size: 1.8rem;
}
#pid-info.pid-lp-logo .logo-guideline .headerArea .headerColumns .desc,
#pid-404.pid-lp-logo .logo-guideline .headerArea .headerColumns .desc,
#pid-ylp.pid-lp-logo .logo-guideline .headerArea .headerColumns .desc,
#pid-saec.pid-lp-logo .logo-guideline .headerArea .headerColumns .desc {
  font-size: 1rem;
  font-weight: bold;
}
@media only screen and (min-width: 768px) {
  #pid-info.pid-lp-logo .logo-guideline .headerArea .headerColumns,
  #pid-404.pid-lp-logo .logo-guideline .headerArea .headerColumns,
  #pid-ylp.pid-lp-logo .logo-guideline .headerArea .headerColumns,
  #pid-saec.pid-lp-logo .logo-guideline .headerArea .headerColumns {
    border-left-width: 2px;
    padding-left: 40px;
    margin-left: 40px;
  }
  #pid-info.pid-lp-logo .logo-guideline .headerArea .headerColumns h1,
  #pid-404.pid-lp-logo .logo-guideline .headerArea .headerColumns h1,
  #pid-ylp.pid-lp-logo .logo-guideline .headerArea .headerColumns h1,
  #pid-saec.pid-lp-logo .logo-guideline .headerArea .headerColumns h1 {
    font-size: 3.2rem;
  }
  #pid-info.pid-lp-logo .logo-guideline .headerArea .headerColumns .desc,
  #pid-404.pid-lp-logo .logo-guideline .headerArea .headerColumns .desc,
  #pid-ylp.pid-lp-logo .logo-guideline .headerArea .headerColumns .desc,
  #pid-saec.pid-lp-logo .logo-guideline .headerArea .headerColumns .desc {
    font-size: 1.7rem;
  }
}
#pid-info.pid-lp-logo .logo-guideline .section,
#pid-404.pid-lp-logo .logo-guideline .section,
#pid-ylp.pid-lp-logo .logo-guideline .section,
#pid-saec.pid-lp-logo .logo-guideline .section {
  margin: 0 20px;
  padding: 40px 0;
  border-bottom: 1px solid #CCCCCC;
}
#pid-info.pid-lp-logo .logo-guideline .section:last-child,
#pid-404.pid-lp-logo .logo-guideline .section:last-child,
#pid-ylp.pid-lp-logo .logo-guideline .section:last-child,
#pid-saec.pid-lp-logo .logo-guideline .section:last-child {
  border-bottom: none;
}
@media only screen and (min-width: 768px) {
  #pid-info.pid-lp-logo .logo-guideline .section,
  #pid-404.pid-lp-logo .logo-guideline .section,
  #pid-ylp.pid-lp-logo .logo-guideline .section,
  #pid-saec.pid-lp-logo .logo-guideline .section {
    max-width: 700px;
    margin: 0 auto;
    padding: 80px 0;
  }
  #pid-info.pid-lp-logo .logo-guideline .section:last-child,
  #pid-404.pid-lp-logo .logo-guideline .section:last-child,
  #pid-ylp.pid-lp-logo .logo-guideline .section:last-child,
  #pid-saec.pid-lp-logo .logo-guideline .section:last-child {
    padding-bottom: 120px;
  }
}
#pid-info.pid-lp-logo .logo-guideline .section--colored,
#pid-404.pid-lp-logo .logo-guideline .section--colored,
#pid-ylp.pid-lp-logo .logo-guideline .section--colored,
#pid-saec.pid-lp-logo .logo-guideline .section--colored {
  background: #eaeff3;
}
#pid-info.pid-lp-logo .logo-guideline .section__ttl,
#pid-404.pid-lp-logo .logo-guideline .section__ttl,
#pid-ylp.pid-lp-logo .logo-guideline .section__ttl,
#pid-saec.pid-lp-logo .logo-guideline .section__ttl {
  margin-bottom: 16px;
  font-size: 1.8rem;
  font-weight: bold;
}
@media only screen and (min-width: 768px) {
  #pid-info.pid-lp-logo .logo-guideline .section__ttl,
  #pid-404.pid-lp-logo .logo-guideline .section__ttl,
  #pid-ylp.pid-lp-logo .logo-guideline .section__ttl,
  #pid-saec.pid-lp-logo .logo-guideline .section__ttl {
    font-size: 2.4rem;
    margin-bottom: 24px;
  }
}
#pid-info.pid-lp-logo .logo-guideline .section__sttl,
#pid-404.pid-lp-logo .logo-guideline .section__sttl,
#pid-ylp.pid-lp-logo .logo-guideline .section__sttl,
#pid-saec.pid-lp-logo .logo-guideline .section__sttl {
  margin-bottom: 2.5rem;
  font-size: 2.8rem;
  font-weight: bold;
  background: #fff;
  border-left: 10px solid #1b5fa6;
  padding: 18px;
}
#pid-info.pid-lp-logo .logo-guideline .section__description,
#pid-404.pid-lp-logo .logo-guideline .section__description,
#pid-ylp.pid-lp-logo .logo-guideline .section__description,
#pid-saec.pid-lp-logo .logo-guideline .section__description {
  margin: 0 0 16px;
  line-height: 1.4285714286;
  font-size: 1.4rem;
}
@media only screen and (min-width: 768px) {
  #pid-info.pid-lp-logo .logo-guideline .section__description,
  #pid-404.pid-lp-logo .logo-guideline .section__description,
  #pid-ylp.pid-lp-logo .logo-guideline .section__description,
  #pid-saec.pid-lp-logo .logo-guideline .section__description {
    font-size: 1.6rem;
  }
}
#pid-info.pid-lp-logo .logo-guideline .section__body:last-child,
#pid-404.pid-lp-logo .logo-guideline .section__body:last-child,
#pid-ylp.pid-lp-logo .logo-guideline .section__body:last-child,
#pid-saec.pid-lp-logo .logo-guideline .section__body:last-child {
  margin-bottom: 0;
}
#pid-info.pid-lp-logo .logo-guideline .unitImage,
#pid-404.pid-lp-logo .logo-guideline .unitImage,
#pid-ylp.pid-lp-logo .logo-guideline .unitImage,
#pid-saec.pid-lp-logo .logo-guideline .unitImage {
  text-align: center;
}
#pid-info.pid-lp-logo .logo-guideline .unitImage__inner,
#pid-404.pid-lp-logo .logo-guideline .unitImage__inner,
#pid-ylp.pid-lp-logo .logo-guideline .unitImage__inner,
#pid-saec.pid-lp-logo .logo-guideline .unitImage__inner {
  background: #fff;
  padding: 60px;
  display: inline-block;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-logo .logo-guideline .unitImage img,
  #pid-404.pid-lp-logo .logo-guideline .unitImage img,
  #pid-ylp.pid-lp-logo .logo-guideline .unitImage img,
  #pid-saec.pid-lp-logo .logo-guideline .unitImage img {
    max-width: 100%;
    width: 100%;
    height: auto;
  }
  #pid-info.pid-lp-logo .logo-guideline .unitImage__inner,
  #pid-404.pid-lp-logo .logo-guideline .unitImage__inner,
  #pid-ylp.pid-lp-logo .logo-guideline .unitImage__inner,
  #pid-saec.pid-lp-logo .logo-guideline .unitImage__inner {
    padding: 30px;
  }
}
#pid-info.pid-lp-logo .logo-guideline .ico,
#pid-404.pid-lp-logo .logo-guideline .ico,
#pid-ylp.pid-lp-logo .logo-guideline .ico,
#pid-saec.pid-lp-logo .logo-guideline .ico {
  display: inline-block;
  position: relative;
}
#pid-info.pid-lp-logo .logo-guideline .ico:after,
#pid-404.pid-lp-logo .logo-guideline .ico:after,
#pid-ylp.pid-lp-logo .logo-guideline .ico:after,
#pid-saec.pid-lp-logo .logo-guideline .ico:after {
  content: "";
  display: block;
  background-position: 0 0;
  background-repeat: no-repeat;
}
#pid-info.pid-lp-logo .logo-guideline .ico__download,
#pid-404.pid-lp-logo .logo-guideline .ico__download,
#pid-ylp.pid-lp-logo .logo-guideline .ico__download,
#pid-saec.pid-lp-logo .logo-guideline .ico__download {
  top: 0;
}
#pid-info.pid-lp-logo .logo-guideline .ico__download:after,
#pid-404.pid-lp-logo .logo-guideline .ico__download:after,
#pid-ylp.pid-lp-logo .logo-guideline .ico__download:after,
#pid-saec.pid-lp-logo .logo-guideline .ico__download:after {
  width: 11px;
  height: 13px;
  background-image: url(../info/logo-guideline/img/ico_download.png);
}
#pid-info.pid-lp-logo .logo-guideline .downloadList,
#pid-404.pid-lp-logo .logo-guideline .downloadList,
#pid-ylp.pid-lp-logo .logo-guideline .downloadList,
#pid-saec.pid-lp-logo .logo-guideline .downloadList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
}
#pid-info.pid-lp-logo .logo-guideline .downloadList > li,
#pid-404.pid-lp-logo .logo-guideline .downloadList > li,
#pid-ylp.pid-lp-logo .logo-guideline .downloadList > li,
#pid-saec.pid-lp-logo .logo-guideline .downloadList > li {
  margin: 0 5px;
}
#pid-info.pid-lp-logo .logo-guideline .downloadList > li:first-child,
#pid-404.pid-lp-logo .logo-guideline .downloadList > li:first-child,
#pid-ylp.pid-lp-logo .logo-guideline .downloadList > li:first-child,
#pid-saec.pid-lp-logo .logo-guideline .downloadList > li:first-child {
  margin-left: 0;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-logo .logo-guideline .downloadList,
  #pid-404.pid-lp-logo .logo-guideline .downloadList,
  #pid-ylp.pid-lp-logo .logo-guideline .downloadList,
  #pid-saec.pid-lp-logo .logo-guideline .downloadList {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #pid-info.pid-lp-logo .logo-guideline .downloadList > li,
  #pid-404.pid-lp-logo .logo-guideline .downloadList > li,
  #pid-ylp.pid-lp-logo .logo-guideline .downloadList > li,
  #pid-saec.pid-lp-logo .logo-guideline .downloadList > li {
    margin: 8px 0 0;
  }
}
@media only screen and (min-width: 768px) {
  #pid-info.pid-lp-logo .logo-guideline .downloadList .btn,
  #pid-404.pid-lp-logo .logo-guideline .downloadList .btn,
  #pid-ylp.pid-lp-logo .logo-guideline .downloadList .btn,
  #pid-saec.pid-lp-logo .logo-guideline .downloadList .btn {
    min-width: 270px;
  }
}
#pid-info.pid-lp-logo .logo-guideline .exampleList,
#pid-404.pid-lp-logo .logo-guideline .exampleList,
#pid-ylp.pid-lp-logo .logo-guideline .exampleList,
#pid-saec.pid-lp-logo .logo-guideline .exampleList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto;
}
#pid-info.pid-lp-logo .logo-guideline .exampleList > li,
#pid-404.pid-lp-logo .logo-guideline .exampleList > li,
#pid-ylp.pid-lp-logo .logo-guideline .exampleList > li,
#pid-saec.pid-lp-logo .logo-guideline .exampleList > li {
  margin: 16px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
#pid-info.pid-lp-logo .logo-guideline .exampleList > li:first-child,
#pid-404.pid-lp-logo .logo-guideline .exampleList > li:first-child,
#pid-ylp.pid-lp-logo .logo-guideline .exampleList > li:first-child,
#pid-saec.pid-lp-logo .logo-guideline .exampleList > li:first-child {
  margin-top: 0;
}
#pid-info.pid-lp-logo .logo-guideline .exampleList__image,
#pid-404.pid-lp-logo .logo-guideline .exampleList__image,
#pid-ylp.pid-lp-logo .logo-guideline .exampleList__image,
#pid-saec.pid-lp-logo .logo-guideline .exampleList__image {
  width: 150px;
  border: 1px solid #ccc;
  border-radius: 3px;
}
#pid-info.pid-lp-logo .logo-guideline .exampleList__image img,
#pid-404.pid-lp-logo .logo-guideline .exampleList__image img,
#pid-ylp.pid-lp-logo .logo-guideline .exampleList__image img,
#pid-saec.pid-lp-logo .logo-guideline .exampleList__image img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 768px) {
  #pid-info.pid-lp-logo .logo-guideline .exampleList__image,
  #pid-404.pid-lp-logo .logo-guideline .exampleList__image,
  #pid-ylp.pid-lp-logo .logo-guideline .exampleList__image,
  #pid-saec.pid-lp-logo .logo-guideline .exampleList__image {
    width: 230px;
  }
}
#pid-info.pid-lp-logo .logo-guideline .exampleList__text,
#pid-404.pid-lp-logo .logo-guideline .exampleList__text,
#pid-ylp.pid-lp-logo .logo-guideline .exampleList__text,
#pid-saec.pid-lp-logo .logo-guideline .exampleList__text {
  font-size: 1.2rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 10px;
}
@media only screen and (min-width: 768px) {
  #pid-info.pid-lp-logo .logo-guideline .exampleList__text,
  #pid-404.pid-lp-logo .logo-guideline .exampleList__text,
  #pid-ylp.pid-lp-logo .logo-guideline .exampleList__text,
  #pid-saec.pid-lp-logo .logo-guideline .exampleList__text {
    font-size: 1.6rem;
    margin-left: 24px;
  }
}
#pid-info.pid-lp-logo .logo-guideline .serviceColor,
#pid-404.pid-lp-logo .logo-guideline .serviceColor,
#pid-ylp.pid-lp-logo .logo-guideline .serviceColor,
#pid-saec.pid-lp-logo .logo-guideline .serviceColor {
  margin: 40px 0 0;
}
#pid-info.pid-lp-logo .logo-guideline .colorSet,
#pid-404.pid-lp-logo .logo-guideline .colorSet,
#pid-ylp.pid-lp-logo .logo-guideline .colorSet,
#pid-saec.pid-lp-logo .logo-guideline .colorSet {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#pid-info.pid-lp-logo .logo-guideline .colorSet > *,
#pid-404.pid-lp-logo .logo-guideline .colorSet > *,
#pid-ylp.pid-lp-logo .logo-guideline .colorSet > *,
#pid-saec.pid-lp-logo .logo-guideline .colorSet > * {
  margin: 0 0 0 25px;
}
#pid-info.pid-lp-logo .logo-guideline .colorSet > *:first-child,
#pid-404.pid-lp-logo .logo-guideline .colorSet > *:first-child,
#pid-ylp.pid-lp-logo .logo-guideline .colorSet > *:first-child,
#pid-saec.pid-lp-logo .logo-guideline .colorSet > *:first-child {
  margin-left: 0;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-logo .logo-guideline .colorSet,
  #pid-404.pid-lp-logo .logo-guideline .colorSet,
  #pid-ylp.pid-lp-logo .logo-guideline .colorSet,
  #pid-saec.pid-lp-logo .logo-guideline .colorSet {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #pid-info.pid-lp-logo .logo-guideline .colorSet > *,
  #pid-404.pid-lp-logo .logo-guideline .colorSet > *,
  #pid-ylp.pid-lp-logo .logo-guideline .colorSet > *,
  #pid-saec.pid-lp-logo .logo-guideline .colorSet > * {
    margin: 25px 0 0 0;
  }
  #pid-info.pid-lp-logo .logo-guideline .colorSet > *:first-child,
  #pid-404.pid-lp-logo .logo-guideline .colorSet > *:first-child,
  #pid-ylp.pid-lp-logo .logo-guideline .colorSet > *:first-child,
  #pid-saec.pid-lp-logo .logo-guideline .colorSet > *:first-child {
    margin-top: 0;
  }
}
#pid-info.pid-lp-logo .logo-guideline .colorUnit,
#pid-404.pid-lp-logo .logo-guideline .colorUnit,
#pid-ylp.pid-lp-logo .logo-guideline .colorUnit,
#pid-saec.pid-lp-logo .logo-guideline .colorUnit {
  position: relative;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (min-width: 768px) {
  #pid-info.pid-lp-logo .logo-guideline .colorUnit,
  #pid-404.pid-lp-logo .logo-guideline .colorUnit,
  #pid-ylp.pid-lp-logo .logo-guideline .colorUnit,
  #pid-saec.pid-lp-logo .logo-guideline .colorUnit {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%;
  }
  #pid-info.pid-lp-logo .logo-guideline .colorUnit > .colorUnit__col,
  #pid-404.pid-lp-logo .logo-guideline .colorUnit > .colorUnit__col,
  #pid-ylp.pid-lp-logo .logo-guideline .colorUnit > .colorUnit__col,
  #pid-saec.pid-lp-logo .logo-guideline .colorUnit > .colorUnit__col {
    width: 50%;
  }
}
#pid-info.pid-lp-logo .logo-guideline .colorUnit__col,
#pid-404.pid-lp-logo .logo-guideline .colorUnit__col,
#pid-ylp.pid-lp-logo .logo-guideline .colorUnit__col,
#pid-saec.pid-lp-logo .logo-guideline .colorUnit__col {
  padding: 24px;
  font-size: 1.4rem;
  background: #000;
}
@media only screen and (min-width: 768px) {
  #pid-info.pid-lp-logo .logo-guideline .colorUnit__col,
  #pid-404.pid-lp-logo .logo-guideline .colorUnit__col,
  #pid-ylp.pid-lp-logo .logo-guideline .colorUnit__col,
  #pid-saec.pid-lp-logo .logo-guideline .colorUnit__col {
    padding: 32px 24px;
  }
}
#pid-info.pid-lp-logo .logo-guideline .colorUnit__col.xoficial,
#pid-404.pid-lp-logo .logo-guideline .colorUnit__col.xoficial,
#pid-ylp.pid-lp-logo .logo-guideline .colorUnit__col.xoficial,
#pid-saec.pid-lp-logo .logo-guideline .colorUnit__col.xoficial {
  background: #1b5fa6;
}
#pid-info.pid-lp-logo .logo-guideline .colorUnit__col.xserver,
#pid-404.pid-lp-logo .logo-guideline .colorUnit__col.xserver,
#pid-ylp.pid-lp-logo .logo-guideline .colorUnit__col.xserver,
#pid-saec.pid-lp-logo .logo-guideline .colorUnit__col.xserver {
  background: #1b5fa6;
}
#pid-info.pid-lp-logo .logo-guideline .colorUnit__col.xbiz,
#pid-404.pid-lp-logo .logo-guideline .colorUnit__col.xbiz,
#pid-ylp.pid-lp-logo .logo-guideline .colorUnit__col.xbiz,
#pid-saec.pid-lp-logo .logo-guideline .colorUnit__col.xbiz {
  background: #113d6b;
}
#pid-info.pid-lp-logo .logo-guideline .colorUnit__col.xvps,
#pid-404.pid-lp-logo .logo-guideline .colorUnit__col.xvps,
#pid-ylp.pid-lp-logo .logo-guideline .colorUnit__col.xvps,
#pid-saec.pid-lp-logo .logo-guideline .colorUnit__col.xvps {
  background: #148dce;
}
#pid-info.pid-lp-logo .logo-guideline .colorUnit__col.xdomain,
#pid-404.pid-lp-logo .logo-guideline .colorUnit__col.xdomain,
#pid-ylp.pid-lp-logo .logo-guideline .colorUnit__col.xdomain,
#pid-saec.pid-lp-logo .logo-guideline .colorUnit__col.xdomain {
  background: #1c5e9c;
}
#pid-info.pid-lp-logo .logo-guideline .colorUnit__col.xssl,
#pid-404.pid-lp-logo .logo-guideline .colorUnit__col.xssl,
#pid-ylp.pid-lp-logo .logo-guideline .colorUnit__col.xssl,
#pid-saec.pid-lp-logo .logo-guideline .colorUnit__col.xssl {
  background: #1c5e9c;
}
#pid-info.pid-lp-logo .logo-guideline .colorUnit__col.xshop,
#pid-404.pid-lp-logo .logo-guideline .colorUnit__col.xshop,
#pid-ylp.pid-lp-logo .logo-guideline .colorUnit__col.xshop,
#pid-saec.pid-lp-logo .logo-guideline .colorUnit__col.xshop {
  background: #00a1b7;
}
#pid-info.pid-lp-logo .logo-guideline .colorUnit__col.xdrive,
#pid-404.pid-lp-logo .logo-guideline .colorUnit__col.xdrive,
#pid-ylp.pid-lp-logo .logo-guideline .colorUnit__col.xdrive,
#pid-saec.pid-lp-logo .logo-guideline .colorUnit__col.xdrive {
  background: #4a67a8;
}
#pid-info.pid-lp-logo .logo-guideline .colorUnit__col.w100,
#pid-404.pid-lp-logo .logo-guideline .colorUnit__col.w100,
#pid-ylp.pid-lp-logo .logo-guideline .colorUnit__col.w100,
#pid-saec.pid-lp-logo .logo-guideline .colorUnit__col.w100 {
  width: 100%;
}
#pid-info.pid-lp-logo .logo-guideline .colorUnit .colorUnit__data,
#pid-404.pid-lp-logo .logo-guideline .colorUnit .colorUnit__data,
#pid-ylp.pid-lp-logo .logo-guideline .colorUnit .colorUnit__data,
#pid-saec.pid-lp-logo .logo-guideline .colorUnit .colorUnit__data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#pid-info.pid-lp-logo .logo-guideline .colorUnit .colorUnit__data .caption,
#pid-404.pid-lp-logo .logo-guideline .colorUnit .colorUnit__data .caption,
#pid-ylp.pid-lp-logo .logo-guideline .colorUnit .colorUnit__data .caption,
#pid-saec.pid-lp-logo .logo-guideline .colorUnit .colorUnit__data .caption {
  width: 4.5em;
}
#pid-info.pid-lp-logo .logo-guideline .colorUnit .colorUnit__data .data,
#pid-404.pid-lp-logo .logo-guideline .colorUnit .colorUnit__data .data,
#pid-ylp.pid-lp-logo .logo-guideline .colorUnit .colorUnit__data .data,
#pid-saec.pid-lp-logo .logo-guideline .colorUnit .colorUnit__data .data {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#pid-info.pid-lp-comparison .xbiz,
#pid-404.pid-lp-comparison .xbiz,
#pid-ylp.pid-lp-comparison .xbiz,
#pid-saec.pid-lp-comparison .xbiz {
  max-width: unset;
  margin: 0;
  border: none;
}
#pid-info.pid-lp-comparison *,
#pid-404.pid-lp-comparison *,
#pid-ylp.pid-lp-comparison *,
#pid-saec.pid-lp-comparison * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison #wrapper,
  #pid-404.pid-lp-comparison #wrapper,
  #pid-ylp.pid-lp-comparison #wrapper,
  #pid-saec.pid-lp-comparison #wrapper {
    padding-top: 0;
  }
}
#pid-info.pid-lp-comparison .ttl,
#pid-404.pid-lp-comparison .ttl,
#pid-ylp.pid-lp-comparison .ttl,
#pid-saec.pid-lp-comparison .ttl {
  margin: 0 auto 80px;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .ttl,
  #pid-404.pid-lp-comparison .ttl,
  #pid-ylp.pid-lp-comparison .ttl,
  #pid-saec.pid-lp-comparison .ttl {
    margin: 0 auto 48px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .ttl,
  #pid-404.pid-lp-comparison .ttl,
  #pid-ylp.pid-lp-comparison .ttl,
  #pid-saec.pid-lp-comparison .ttl {
    margin: 0 auto 32px;
  }
}
#pid-info.pid-lp-comparison #toggle-target,
#pid-404.pid-lp-comparison #toggle-target,
#pid-ylp.pid-lp-comparison #toggle-target,
#pid-saec.pid-lp-comparison #toggle-target {
  padding-top: 0;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .contents,
  #pid-404.pid-lp-comparison .contents,
  #pid-ylp.pid-lp-comparison .contents,
  #pid-saec.pid-lp-comparison .contents {
    overflow: visible;
  }
}
#pid-info.pid-lp-comparison .header,
#pid-404.pid-lp-comparison .header,
#pid-ylp.pid-lp-comparison .header,
#pid-saec.pid-lp-comparison .header {
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .header,
  #pid-404.pid-lp-comparison .header,
  #pid-ylp.pid-lp-comparison .header,
  #pid-saec.pid-lp-comparison .header {
    height: 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .header .header__logoArea,
  #pid-404.pid-lp-comparison .header .header__logoArea,
  #pid-ylp.pid-lp-comparison .header .header__logoArea,
  #pid-saec.pid-lp-comparison .header .header__logoArea {
    width: 240px;
  }
  #pid-info.pid-lp-comparison .header .header__logoArea img,
  #pid-404.pid-lp-comparison .header .header__logoArea img,
  #pid-ylp.pid-lp-comparison .header .header__logoArea img,
  #pid-saec.pid-lp-comparison .header .header__logoArea img {
    max-width: 100%;
  }
}
#pid-info.pid-lp-comparison .footer,
#pid-404.pid-lp-comparison .footer,
#pid-ylp.pid-lp-comparison .footer,
#pid-saec.pid-lp-comparison .footer {
  margin-top: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .footer,
  #pid-404.pid-lp-comparison .footer,
  #pid-ylp.pid-lp-comparison .footer,
  #pid-saec.pid-lp-comparison .footer {
    margin-top: 96px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .footer,
  #pid-404.pid-lp-comparison .footer,
  #pid-ylp.pid-lp-comparison .footer,
  #pid-saec.pid-lp-comparison .footer {
    margin-top: 80px;
  }
}
#pid-info.pid-lp-comparison .footer .copyright,
#pid-404.pid-lp-comparison .footer .copyright,
#pid-ylp.pid-lp-comparison .footer .copyright,
#pid-saec.pid-lp-comparison .footer .copyright {
  display: block;
  background: #333;
  color: #fff;
  width: 100%;
  text-align: center;
  padding: 32px 0;
  font-size: 1.4rem;
}
#pid-info.pid-lp-comparison .contents,
#pid-404.pid-lp-comparison .contents,
#pid-ylp.pid-lp-comparison .contents,
#pid-saec.pid-lp-comparison .contents {
  position: relative;
  min-height: 1000px;
}
#pid-info.pid-lp-comparison .mv,
#pid-404.pid-lp-comparison .mv,
#pid-ylp.pid-lp-comparison .mv,
#pid-saec.pid-lp-comparison .mv {
  background: url(../img/comparison/bg_mv.png) no-repeat center top #f0f4ff;
  min-height: 1200px;
  position: relative;
  padding: 100px 0 120px;
  z-index: 1;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .mv,
  #pid-404.pid-lp-comparison .mv,
  #pid-ylp.pid-lp-comparison .mv,
  #pid-saec.pid-lp-comparison .mv {
    background: url(../img/comparison/bg_mv_tab.png) no-repeat center top #f0f4ff;
    background-size: 100% auto;
    min-height: auto;
    padding: 48px 0 96px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .mv,
  #pid-404.pid-lp-comparison .mv,
  #pid-ylp.pid-lp-comparison .mv,
  #pid-saec.pid-lp-comparison .mv {
    background: url(../img/comparison/bg_mv_sp.png) no-repeat center top #f0f4ff;
    background-size: 100% auto;
    padding: 48px 0 80px;
    overflow: hidden;
  }
}
@media only screen and (max-width: 767px) and (min-width: 460px) {
  #pid-info.pid-lp-comparison .mv,
  #pid-404.pid-lp-comparison .mv,
  #pid-ylp.pid-lp-comparison .mv,
  #pid-saec.pid-lp-comparison .mv {
    background: url(../img/comparison/bg_mv_sp.png) no-repeat center bottom 380px #f0f4ff;
  }
}
#pid-info.pid-lp-comparison .mv:before, #pid-info.pid-lp-comparison .mv:after,
#pid-404.pid-lp-comparison .mv:before,
#pid-404.pid-lp-comparison .mv:after,
#pid-ylp.pid-lp-comparison .mv:before,
#pid-ylp.pid-lp-comparison .mv:after,
#pid-saec.pid-lp-comparison .mv:before,
#pid-saec.pid-lp-comparison .mv:after {
  content: "";
  display: block;
  position: absolute;
}
#pid-info.pid-lp-comparison .mv:before,
#pid-404.pid-lp-comparison .mv:before,
#pid-ylp.pid-lp-comparison .mv:before,
#pid-saec.pid-lp-comparison .mv:before {
  background: url(../img/comparison/fig_woman.png) no-repeat 0 0;
  width: 285px;
  height: 1003px;
  top: 320px;
  left: 50%;
  margin-left: -640px;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .mv:before,
  #pid-404.pid-lp-comparison .mv:before,
  #pid-ylp.pid-lp-comparison .mv:before,
  #pid-saec.pid-lp-comparison .mv:before {
    background-size: 100% auto;
    width: 16.408%;
    height: 445px;
    top: 20%;
    left: 6%;
    margin-left: 0;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .mv:before,
  #pid-404.pid-lp-comparison .mv:before,
  #pid-ylp.pid-lp-comparison .mv:before,
  #pid-saec.pid-lp-comparison .mv:before {
    width: 33.602%;
    top: auto;
    bottom: 28.5%;
    left: -8%;
  }
}
#pid-info.pid-lp-comparison .mv:after,
#pid-404.pid-lp-comparison .mv:after,
#pid-ylp.pid-lp-comparison .mv:after,
#pid-saec.pid-lp-comparison .mv:after {
  background: url(../img/comparison/fig_man.png) no-repeat 0 0;
  width: 341px;
  height: 1036px;
  top: 280px;
  right: 50%;
  margin-right: -664px;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .mv:after,
  #pid-404.pid-lp-comparison .mv:after,
  #pid-ylp.pid-lp-comparison .mv:after,
  #pid-saec.pid-lp-comparison .mv:after {
    background-size: 100% auto;
    width: 19.792%;
    height: 460px;
    top: 19%;
    right: 4%;
    margin-right: 0;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .mv:after,
  #pid-404.pid-lp-comparison .mv:after,
  #pid-ylp.pid-lp-comparison .mv:after,
  #pid-saec.pid-lp-comparison .mv:after {
    width: 40.535%;
    top: auto;
    bottom: 28.5%;
    right: -8%;
  }
}
#pid-info.pid-lp-comparison .mv .mvTtlGroup,
#pid-404.pid-lp-comparison .mv .mvTtlGroup,
#pid-ylp.pid-lp-comparison .mv .mvTtlGroup,
#pid-saec.pid-lp-comparison .mv .mvTtlGroup {
  text-align: center;
}
#pid-info.pid-lp-comparison .mv .mvTtl,
#pid-404.pid-lp-comparison .mv .mvTtl,
#pid-ylp.pid-lp-comparison .mv .mvTtl,
#pid-saec.pid-lp-comparison .mv .mvTtl {
  margin: 0 0 60px;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .mv .mvTtl,
  #pid-404.pid-lp-comparison .mv .mvTtl,
  #pid-ylp.pid-lp-comparison .mv .mvTtl,
  #pid-saec.pid-lp-comparison .mv .mvTtl {
    margin: 0 auto 24px;
    max-width: 53.908%;
  }
  #pid-info.pid-lp-comparison .mv .mvTtl img,
  #pid-404.pid-lp-comparison .mv .mvTtl img,
  #pid-ylp.pid-lp-comparison .mv .mvTtl img,
  #pid-saec.pid-lp-comparison .mv .mvTtl img {
    max-width: 100%;
    height: auto;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .mv .mvTtl,
  #pid-404.pid-lp-comparison .mv .mvTtl,
  #pid-ylp.pid-lp-comparison .mv .mvTtl,
  #pid-saec.pid-lp-comparison .mv .mvTtl {
    max-width: 85.07%;
    margin: 0 auto 32px;
  }
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .mv .mvVS,
  #pid-404.pid-lp-comparison .mv .mvVS,
  #pid-ylp.pid-lp-comparison .mv .mvVS,
  #pid-saec.pid-lp-comparison .mv .mvVS {
    margin: 0 auto;
    max-width: 62.24%;
  }
  #pid-info.pid-lp-comparison .mv .mvVS img,
  #pid-404.pid-lp-comparison .mv .mvVS img,
  #pid-ylp.pid-lp-comparison .mv .mvVS img,
  #pid-saec.pid-lp-comparison .mv .mvVS img {
    max-width: 100%;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .mv .mvVS,
  #pid-404.pid-lp-comparison .mv .mvVS,
  #pid-ylp.pid-lp-comparison .mv .mvVS,
  #pid-saec.pid-lp-comparison .mv .mvVS {
    max-width: 93.75%;
  }
}
#pid-info.pid-lp-comparison .mv .mvComparison,
#pid-404.pid-lp-comparison .mv .mvComparison,
#pid-ylp.pid-lp-comparison .mv .mvComparison,
#pid-saec.pid-lp-comparison .mv .mvComparison {
  margin: 90px auto 0;
  width: 930px;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .mv .mvComparison,
  #pid-404.pid-lp-comparison .mv .mvComparison,
  #pid-ylp.pid-lp-comparison .mv .mvComparison,
  #pid-saec.pid-lp-comparison .mv .mvComparison {
    margin-top: 48px;
    width: 88.543%;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .mv .mvComparison,
  #pid-404.pid-lp-comparison .mv .mvComparison,
  #pid-ylp.pid-lp-comparison .mv .mvComparison,
  #pid-saec.pid-lp-comparison .mv .mvComparison {
    width: 93.75%;
  }
}
#pid-info.pid-lp-comparison .mv .mvComparison .mvComparison__ballooon,
#pid-404.pid-lp-comparison .mv .mvComparison .mvComparison__ballooon,
#pid-ylp.pid-lp-comparison .mv .mvComparison .mvComparison__ballooon,
#pid-saec.pid-lp-comparison .mv .mvComparison .mvComparison__ballooon {
  text-align: center;
  margin: 0 0 16px;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .mv .mvComparison .mvComparison__ballooon,
  #pid-404.pid-lp-comparison .mv .mvComparison .mvComparison__ballooon,
  #pid-ylp.pid-lp-comparison .mv .mvComparison .mvComparison__ballooon,
  #pid-saec.pid-lp-comparison .mv .mvComparison .mvComparison__ballooon {
    max-width: 362px;
    margin: 0 auto 16px;
  }
  #pid-info.pid-lp-comparison .mv .mvComparison .mvComparison__ballooon img,
  #pid-404.pid-lp-comparison .mv .mvComparison .mvComparison__ballooon img,
  #pid-ylp.pid-lp-comparison .mv .mvComparison .mvComparison__ballooon img,
  #pid-saec.pid-lp-comparison .mv .mvComparison .mvComparison__ballooon img {
    max-width: 100%;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .mv .mvComparison .mvComparison__ballooon,
  #pid-404.pid-lp-comparison .mv .mvComparison .mvComparison__ballooon,
  #pid-ylp.pid-lp-comparison .mv .mvComparison .mvComparison__ballooon,
  #pid-saec.pid-lp-comparison .mv .mvComparison .mvComparison__ballooon {
    max-width: 215px;
    margin: 0 auto 10px;
  }
}
#pid-info.pid-lp-comparison .mv .mvComparison .comparisonGroup,
#pid-404.pid-lp-comparison .mv .mvComparison .comparisonGroup,
#pid-ylp.pid-lp-comparison .mv .mvComparison .comparisonGroup,
#pid-saec.pid-lp-comparison .mv .mvComparison .comparisonGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#pid-info.pid-lp-comparison .mv .mvComparison .comparisonGroup > *,
#pid-404.pid-lp-comparison .mv .mvComparison .comparisonGroup > *,
#pid-ylp.pid-lp-comparison .mv .mvComparison .comparisonGroup > *,
#pid-saec.pid-lp-comparison .mv .mvComparison .comparisonGroup > * {
  width: 47.4%;
}
#pid-info.pid-lp-comparison .mv .mvComparison .unitPersonal,
#pid-404.pid-lp-comparison .mv .mvComparison .unitPersonal,
#pid-ylp.pid-lp-comparison .mv .mvComparison .unitPersonal,
#pid-saec.pid-lp-comparison .mv .mvComparison .unitPersonal {
  position: relative;
}
#pid-info.pid-lp-comparison .mv .mvComparison .unitPersonal:before, #pid-info.pid-lp-comparison .mv .mvComparison .unitPersonal:after,
#pid-404.pid-lp-comparison .mv .mvComparison .unitPersonal:before,
#pid-404.pid-lp-comparison .mv .mvComparison .unitPersonal:after,
#pid-ylp.pid-lp-comparison .mv .mvComparison .unitPersonal:before,
#pid-ylp.pid-lp-comparison .mv .mvComparison .unitPersonal:after,
#pid-saec.pid-lp-comparison .mv .mvComparison .unitPersonal:before,
#pid-saec.pid-lp-comparison .mv .mvComparison .unitPersonal:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background: #428bd8;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .mv .mvComparison .unitPersonal:before, #pid-info.pid-lp-comparison .mv .mvComparison .unitPersonal:after,
  #pid-404.pid-lp-comparison .mv .mvComparison .unitPersonal:before,
  #pid-404.pid-lp-comparison .mv .mvComparison .unitPersonal:after,
  #pid-ylp.pid-lp-comparison .mv .mvComparison .unitPersonal:before,
  #pid-ylp.pid-lp-comparison .mv .mvComparison .unitPersonal:after,
  #pid-saec.pid-lp-comparison .mv .mvComparison .unitPersonal:before,
  #pid-saec.pid-lp-comparison .mv .mvComparison .unitPersonal:after {
    display: none;
  }
}
#pid-info.pid-lp-comparison .mv .mvComparison .unitPersonal:before,
#pid-404.pid-lp-comparison .mv .mvComparison .unitPersonal:before,
#pid-ylp.pid-lp-comparison .mv .mvComparison .unitPersonal:before,
#pid-saec.pid-lp-comparison .mv .mvComparison .unitPersonal:before {
  width: 48px;
  height: 4px;
}
#pid-info.pid-lp-comparison .mv .mvComparison .unitPersonal:after,
#pid-404.pid-lp-comparison .mv .mvComparison .unitPersonal:after,
#pid-ylp.pid-lp-comparison .mv .mvComparison .unitPersonal:after,
#pid-saec.pid-lp-comparison .mv .mvComparison .unitPersonal:after {
  width: 4px;
  height: 48px;
}
#pid-info.pid-lp-comparison .mv .mvComparison .unitPersonal .inner,
#pid-404.pid-lp-comparison .mv .mvComparison .unitPersonal .inner,
#pid-ylp.pid-lp-comparison .mv .mvComparison .unitPersonal .inner,
#pid-saec.pid-lp-comparison .mv .mvComparison .unitPersonal .inner {
  position: relative;
  padding: 16px;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .mv .mvComparison .unitPersonal .inner,
  #pid-404.pid-lp-comparison .mv .mvComparison .unitPersonal .inner,
  #pid-ylp.pid-lp-comparison .mv .mvComparison .unitPersonal .inner,
  #pid-saec.pid-lp-comparison .mv .mvComparison .unitPersonal .inner {
    padding: 0;
  }
}
#pid-info.pid-lp-comparison .mv .mvComparison .unitPersonal .inner:before, #pid-info.pid-lp-comparison .mv .mvComparison .unitPersonal .inner:after,
#pid-404.pid-lp-comparison .mv .mvComparison .unitPersonal .inner:before,
#pid-404.pid-lp-comparison .mv .mvComparison .unitPersonal .inner:after,
#pid-ylp.pid-lp-comparison .mv .mvComparison .unitPersonal .inner:before,
#pid-ylp.pid-lp-comparison .mv .mvComparison .unitPersonal .inner:after,
#pid-saec.pid-lp-comparison .mv .mvComparison .unitPersonal .inner:before,
#pid-saec.pid-lp-comparison .mv .mvComparison .unitPersonal .inner:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  background: #428bd8;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .mv .mvComparison .unitPersonal .inner:before, #pid-info.pid-lp-comparison .mv .mvComparison .unitPersonal .inner:after,
  #pid-404.pid-lp-comparison .mv .mvComparison .unitPersonal .inner:before,
  #pid-404.pid-lp-comparison .mv .mvComparison .unitPersonal .inner:after,
  #pid-ylp.pid-lp-comparison .mv .mvComparison .unitPersonal .inner:before,
  #pid-ylp.pid-lp-comparison .mv .mvComparison .unitPersonal .inner:after,
  #pid-saec.pid-lp-comparison .mv .mvComparison .unitPersonal .inner:before,
  #pid-saec.pid-lp-comparison .mv .mvComparison .unitPersonal .inner:after {
    display: none;
  }
}
#pid-info.pid-lp-comparison .mv .mvComparison .unitPersonal .inner:before,
#pid-404.pid-lp-comparison .mv .mvComparison .unitPersonal .inner:before,
#pid-ylp.pid-lp-comparison .mv .mvComparison .unitPersonal .inner:before,
#pid-saec.pid-lp-comparison .mv .mvComparison .unitPersonal .inner:before {
  width: 48px;
  height: 4px;
}
#pid-info.pid-lp-comparison .mv .mvComparison .unitPersonal .inner:after,
#pid-404.pid-lp-comparison .mv .mvComparison .unitPersonal .inner:after,
#pid-ylp.pid-lp-comparison .mv .mvComparison .unitPersonal .inner:after,
#pid-saec.pid-lp-comparison .mv .mvComparison .unitPersonal .inner:after {
  width: 4px;
  height: 48px;
}
#pid-info.pid-lp-comparison .mv .mvComparison .unitPersonal .personalList,
#pid-404.pid-lp-comparison .mv .mvComparison .unitPersonal .personalList,
#pid-ylp.pid-lp-comparison .mv .mvComparison .unitPersonal .personalList,
#pid-saec.pid-lp-comparison .mv .mvComparison .unitPersonal .personalList {
  padding: 12px;
  background: rgba(255, 255, 255, 0.64);
  position: relative;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .mv .mvComparison .unitPersonal .personalList,
  #pid-404.pid-lp-comparison .mv .mvComparison .unitPersonal .personalList,
  #pid-ylp.pid-lp-comparison .mv .mvComparison .unitPersonal .personalList,
  #pid-saec.pid-lp-comparison .mv .mvComparison .unitPersonal .personalList {
    padding: 0;
    background: transparent;
  }
}
#pid-info.pid-lp-comparison .mv .mvComparison .unitPersonal .personalList:after,
#pid-404.pid-lp-comparison .mv .mvComparison .unitPersonal .personalList:after,
#pid-ylp.pid-lp-comparison .mv .mvComparison .unitPersonal .personalList:after,
#pid-saec.pid-lp-comparison .mv .mvComparison .unitPersonal .personalList:after {
  content: "";
  display: block;
  border: 16px solid transparent;
  border-left-width: 12px;
  border-right-width: 12px;
  border-top-color: #6a9acf;
  position: absolute;
  bottom: -32px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .mv .mvComparison .unitPersonal .personalList:after,
  #pid-404.pid-lp-comparison .mv .mvComparison .unitPersonal .personalList:after,
  #pid-ylp.pid-lp-comparison .mv .mvComparison .unitPersonal .personalList:after,
  #pid-saec.pid-lp-comparison .mv .mvComparison .unitPersonal .personalList:after {
    border: 12px solid transparent;
    border-left-width: 8px;
    border-right-width: 8px;
    border-top-color: #6a9acf;
    bottom: -24px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .mv .mvComparison .unitPersonal .personalList:after,
  #pid-404.pid-lp-comparison .mv .mvComparison .unitPersonal .personalList:after,
  #pid-ylp.pid-lp-comparison .mv .mvComparison .unitPersonal .personalList:after,
  #pid-saec.pid-lp-comparison .mv .mvComparison .unitPersonal .personalList:after {
    bottom: -32px;
  }
}
#pid-info.pid-lp-comparison .mv .mvComparison .unitPersonal .personalList li,
#pid-404.pid-lp-comparison .mv .mvComparison .unitPersonal .personalList li,
#pid-ylp.pid-lp-comparison .mv .mvComparison .unitPersonal .personalList li,
#pid-saec.pid-lp-comparison .mv .mvComparison .unitPersonal .personalList li {
  padding: 8px;
  padding-left: 40px;
  border-radius: 4px;
  margin: 8px 0 0;
  background: url(../img/comparison/ico_check_xs.png) no-repeat 12px center #deeafc;
  font-size: 1.8rem;
  font-weight: bold;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .mv .mvComparison .unitPersonal .personalList li,
  #pid-404.pid-lp-comparison .mv .mvComparison .unitPersonal .personalList li,
  #pid-ylp.pid-lp-comparison .mv .mvComparison .unitPersonal .personalList li,
  #pid-saec.pid-lp-comparison .mv .mvComparison .unitPersonal .personalList li {
    font-size: 1.4rem;
    padding: 5px;
    padding-left: 32px;
    background-size: 14px auto;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .mv .mvComparison .unitPersonal .personalList li,
  #pid-404.pid-lp-comparison .mv .mvComparison .unitPersonal .personalList li,
  #pid-ylp.pid-lp-comparison .mv .mvComparison .unitPersonal .personalList li,
  #pid-saec.pid-lp-comparison .mv .mvComparison .unitPersonal .personalList li {
    padding-left: 8px;
    background: #deeafc;
    line-height: 1.2;
    text-align: center;
  }
}
@media only screen and (max-width: 500px) {
  #pid-info.pid-lp-comparison .mv .mvComparison .unitPersonal .personalList li,
  #pid-404.pid-lp-comparison .mv .mvComparison .unitPersonal .personalList li,
  #pid-ylp.pid-lp-comparison .mv .mvComparison .unitPersonal .personalList li,
  #pid-saec.pid-lp-comparison .mv .mvComparison .unitPersonal .personalList li {
    text-align: left;
  }
}
@media only screen and (max-width: 362px) {
  #pid-info.pid-lp-comparison .mv .mvComparison .unitPersonal .personalList li,
  #pid-404.pid-lp-comparison .mv .mvComparison .unitPersonal .personalList li,
  #pid-ylp.pid-lp-comparison .mv .mvComparison .unitPersonal .personalList li,
  #pid-saec.pid-lp-comparison .mv .mvComparison .unitPersonal .personalList li {
    font-size: 1.2rem;
  }
}
#pid-info.pid-lp-comparison .mv .mvComparison .unitPersonal .personalList li span,
#pid-404.pid-lp-comparison .mv .mvComparison .unitPersonal .personalList li span,
#pid-ylp.pid-lp-comparison .mv .mvComparison .unitPersonal .personalList li span,
#pid-saec.pid-lp-comparison .mv .mvComparison .unitPersonal .personalList li span {
  color: #428bd8;
}
#pid-info.pid-lp-comparison .mv .mvComparison .unitPersonal .personalList li:first-child,
#pid-404.pid-lp-comparison .mv .mvComparison .unitPersonal .personalList li:first-child,
#pid-ylp.pid-lp-comparison .mv .mvComparison .unitPersonal .personalList li:first-child,
#pid-saec.pid-lp-comparison .mv .mvComparison .unitPersonal .personalList li:first-child {
  margin-top: 0;
}
#pid-info.pid-lp-comparison .mv .mvComparison .serviceBox,
#pid-404.pid-lp-comparison .mv .mvComparison .serviceBox,
#pid-ylp.pid-lp-comparison .mv .mvComparison .serviceBox,
#pid-saec.pid-lp-comparison .mv .mvComparison .serviceBox {
  border-radius: 20px 20px 10px 10px;
  background-color: rgb(255, 255, 255);
  -webkit-box-shadow: 0 4px 15.36px 0.64px rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 15.36px 0.64px rgba(0, 0, 0, 0.2);
  margin: 40px 0 0;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .mv .mvComparison .serviceBox,
  #pid-404.pid-lp-comparison .mv .mvComparison .serviceBox,
  #pid-ylp.pid-lp-comparison .mv .mvComparison .serviceBox,
  #pid-saec.pid-lp-comparison .mv .mvComparison .serviceBox {
    margin: 36px 0 0;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .mv .mvComparison .serviceBox,
  #pid-404.pid-lp-comparison .mv .mvComparison .serviceBox,
  #pid-ylp.pid-lp-comparison .mv .mvComparison .serviceBox,
  #pid-saec.pid-lp-comparison .mv .mvComparison .serviceBox {
    width: 105.02%;
    margin-left: -7%;
    border-radius: 0 10px 8px 0;
  }
}
#pid-info.pid-lp-comparison .mv .mvComparison .serviceBox .boxHeader,
#pid-404.pid-lp-comparison .mv .mvComparison .serviceBox .boxHeader,
#pid-ylp.pid-lp-comparison .mv .mvComparison .serviceBox .boxHeader,
#pid-saec.pid-lp-comparison .mv .mvComparison .serviceBox .boxHeader {
  border-radius: 10px 10px 0 0;
  background: #2464c4;
  padding: 32px 0 72px;
  text-align: center;
  line-height: 1;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .mv .mvComparison .serviceBox .boxHeader,
  #pid-404.pid-lp-comparison .mv .mvComparison .serviceBox .boxHeader,
  #pid-ylp.pid-lp-comparison .mv .mvComparison .serviceBox .boxHeader,
  #pid-saec.pid-lp-comparison .mv .mvComparison .serviceBox .boxHeader {
    padding: 24px 0;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .mv .mvComparison .serviceBox .boxHeader,
  #pid-404.pid-lp-comparison .mv .mvComparison .serviceBox .boxHeader,
  #pid-ylp.pid-lp-comparison .mv .mvComparison .serviceBox .boxHeader,
  #pid-saec.pid-lp-comparison .mv .mvComparison .serviceBox .boxHeader {
    border-radius: 0 8px 0 0;
    line-height: 1.2;
  }
}
#pid-info.pid-lp-comparison .mv .mvComparison .serviceBox .boxHeader .caption,
#pid-404.pid-lp-comparison .mv .mvComparison .serviceBox .boxHeader .caption,
#pid-ylp.pid-lp-comparison .mv .mvComparison .serviceBox .boxHeader .caption,
#pid-saec.pid-lp-comparison .mv .mvComparison .serviceBox .boxHeader .caption {
  font-size: 1.6rem;
  color: #c3dffc;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .mv .mvComparison .serviceBox .boxHeader .caption,
  #pid-404.pid-lp-comparison .mv .mvComparison .serviceBox .boxHeader .caption,
  #pid-ylp.pid-lp-comparison .mv .mvComparison .serviceBox .boxHeader .caption,
  #pid-saec.pid-lp-comparison .mv .mvComparison .serviceBox .boxHeader .caption {
    font-size: 1.2rem;
  }
}
#pid-info.pid-lp-comparison .mv .mvComparison .serviceBox .boxHeader .serviceName,
#pid-404.pid-lp-comparison .mv .mvComparison .serviceBox .boxHeader .serviceName,
#pid-ylp.pid-lp-comparison .mv .mvComparison .serviceBox .boxHeader .serviceName,
#pid-saec.pid-lp-comparison .mv .mvComparison .serviceBox .boxHeader .serviceName {
  font-size: 3.2rem;
  font-weight: bold;
  color: #fff;
  margin: 8px 0 0;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .mv .mvComparison .serviceBox .boxHeader .serviceName,
  #pid-404.pid-lp-comparison .mv .mvComparison .serviceBox .boxHeader .serviceName,
  #pid-ylp.pid-lp-comparison .mv .mvComparison .serviceBox .boxHeader .serviceName,
  #pid-saec.pid-lp-comparison .mv .mvComparison .serviceBox .boxHeader .serviceName {
    font-size: 2.4rem;
  }
}
#pid-info.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody,
#pid-404.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody,
#pid-ylp.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody,
#pid-saec.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody {
  background: #fff;
  border-radius: 8px;
  margin: 0 40px;
  margin-top: -40px;
  padding: 24px 0;
  text-align: center;
  min-height: 244px;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody,
  #pid-404.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody,
  #pid-ylp.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody,
  #pid-saec.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody {
    margin: 0;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody,
  #pid-404.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody,
  #pid-ylp.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody,
  #pid-saec.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody {
    padding: 24px 12px;
    min-height: 224px;
  }
}
#pid-info.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .inner,
#pid-404.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .inner,
#pid-ylp.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .inner,
#pid-saec.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .inner {
  min-height: 132px;
  line-height: 1;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .inner,
  #pid-404.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .inner,
  #pid-ylp.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .inner,
  #pid-saec.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .inner {
    min-height: 120px;
  }
}
#pid-info.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .beforePrice,
#pid-404.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .beforePrice,
#pid-ylp.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .beforePrice,
#pid-saec.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .beforePrice {
  font-size: 1.4rem;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .beforePrice,
  #pid-404.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .beforePrice,
  #pid-ylp.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .beforePrice,
  #pid-saec.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .beforePrice {
    font-size: 1.2rem;
  }
}
#pid-info.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .beforePrice s,
#pid-404.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .beforePrice s,
#pid-ylp.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .beforePrice s,
#pid-saec.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .beforePrice s {
  color: #7c7d83;
}
#pid-info.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .campaign,
#pid-404.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .campaign,
#pid-ylp.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .campaign,
#pid-saec.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .campaign {
  color: #ec6106;
  margin: 4px 0 0;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .campaign,
  #pid-404.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .campaign,
  #pid-ylp.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .campaign,
  #pid-saec.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .campaign {
    font-size: 1.4rem;
  }
}
#pid-info.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .label,
#pid-404.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .label,
#pid-ylp.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .label,
#pid-saec.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .label {
  background: #fae929;
  padding: 6px 24px;
  display: table;
  margin: 8px auto 0;
  min-width: 188px;
  font-size: 1.4rem;
  position: relative;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .label,
  #pid-404.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .label,
  #pid-ylp.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .label,
  #pid-saec.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .label {
    min-width: auto;
    font-size: 1.2rem;
    padding: 6px;
  }
}
#pid-info.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .label::before,
#pid-404.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .label::before,
#pid-ylp.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .label::before,
#pid-saec.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .label::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 6px 7px 6px;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fae929 rgba(0, 0, 0, 0);
  position: absolute;
  top: -6px;
  left: 0;
  right: 0;
  margin: auto;
}
#pid-info.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .priceSet,
#pid-404.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .priceSet,
#pid-ylp.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .priceSet,
#pid-saec.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .priceSet {
  font-size: 2.4rem;
  font-weight: bold;
  margin: 4px 0 8px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .priceSet,
  #pid-404.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .priceSet,
  #pid-ylp.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .priceSet,
  #pid-saec.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .priceSet {
    font-size: 1.6rem;
  }
}
#pid-info.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .priceSet .price,
#pid-404.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .priceSet .price,
#pid-ylp.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .priceSet .price,
#pid-saec.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .priceSet .price {
  color: #ec6106;
}
#pid-info.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .priceSet .num,
#pid-404.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .priceSet .num,
#pid-ylp.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .priceSet .num,
#pid-saec.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .priceSet .num {
  font-size: 3.6rem;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .priceSet .num,
  #pid-404.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .priceSet .num,
  #pid-ylp.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .priceSet .num,
  #pid-saec.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .priceSet .num {
    font-size: 2.8rem;
  }
}
#pid-info.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .registryBtn,
#pid-404.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .registryBtn,
#pid-ylp.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .registryBtn,
#pid-saec.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .registryBtn {
  margin: 0 auto;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .registryBtn,
  #pid-404.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .registryBtn,
  #pid-ylp.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .registryBtn,
  #pid-saec.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .registryBtn {
    max-width: 280px;
  }
}
#pid-info.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .registryBtn .btn,
#pid-404.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .registryBtn .btn,
#pid-ylp.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .registryBtn .btn,
#pid-saec.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .registryBtn .btn {
  font-size: 1.6rem;
  font-weight: bold;
  background: #ec6106;
  color: #fff;
  border-radius: 4px;
  width: 100%;
  padding: 16px;
  position: relative;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .registryBtn .btn,
  #pid-404.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .registryBtn .btn,
  #pid-ylp.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .registryBtn .btn,
  #pid-saec.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .registryBtn .btn {
    padding: 8px;
  }
}
#pid-info.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .registryBtn .btn:after,
#pid-404.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .registryBtn .btn:after,
#pid-ylp.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .registryBtn .btn:after,
#pid-saec.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .registryBtn .btn:after {
  content: "\e606";
  display: inline-block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 16px;
  font-size: 90%;
  color: #fff;
  font-family: "xserver";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: middle;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .registryBtn .btn:after,
  #pid-404.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .registryBtn .btn:after,
  #pid-ylp.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .registryBtn .btn:after,
  #pid-saec.pid-lp-comparison .mv .mvComparison .serviceBox .boxBody .registryBtn .btn:after {
    display: none;
  }
}
#pid-info.pid-lp-comparison .mv .mvComparison .comparisonUnit.xbiz .unitPersonal:before, #pid-info.pid-lp-comparison .mv .mvComparison .comparisonUnit.xbiz .unitPersonal:after,
#pid-404.pid-lp-comparison .mv .mvComparison .comparisonUnit.xbiz .unitPersonal:before,
#pid-404.pid-lp-comparison .mv .mvComparison .comparisonUnit.xbiz .unitPersonal:after,
#pid-ylp.pid-lp-comparison .mv .mvComparison .comparisonUnit.xbiz .unitPersonal:before,
#pid-ylp.pid-lp-comparison .mv .mvComparison .comparisonUnit.xbiz .unitPersonal:after,
#pid-saec.pid-lp-comparison .mv .mvComparison .comparisonUnit.xbiz .unitPersonal:before,
#pid-saec.pid-lp-comparison .mv .mvComparison .comparisonUnit.xbiz .unitPersonal:after {
  background: #4277d8;
}
#pid-info.pid-lp-comparison .mv .mvComparison .comparisonUnit.xbiz .unitPersonal .inner:before, #pid-info.pid-lp-comparison .mv .mvComparison .comparisonUnit.xbiz .unitPersonal .inner:after,
#pid-404.pid-lp-comparison .mv .mvComparison .comparisonUnit.xbiz .unitPersonal .inner:before,
#pid-404.pid-lp-comparison .mv .mvComparison .comparisonUnit.xbiz .unitPersonal .inner:after,
#pid-ylp.pid-lp-comparison .mv .mvComparison .comparisonUnit.xbiz .unitPersonal .inner:before,
#pid-ylp.pid-lp-comparison .mv .mvComparison .comparisonUnit.xbiz .unitPersonal .inner:after,
#pid-saec.pid-lp-comparison .mv .mvComparison .comparisonUnit.xbiz .unitPersonal .inner:before,
#pid-saec.pid-lp-comparison .mv .mvComparison .comparisonUnit.xbiz .unitPersonal .inner:after {
  background: #4277d8;
}
#pid-info.pid-lp-comparison .mv .mvComparison .comparisonUnit.xbiz .unitPersonal .personalList:after,
#pid-404.pid-lp-comparison .mv .mvComparison .comparisonUnit.xbiz .unitPersonal .personalList:after,
#pid-ylp.pid-lp-comparison .mv .mvComparison .comparisonUnit.xbiz .unitPersonal .personalList:after,
#pid-saec.pid-lp-comparison .mv .mvComparison .comparisonUnit.xbiz .unitPersonal .personalList:after {
  border-top-color: #6f8db5;
}
#pid-info.pid-lp-comparison .mv .mvComparison .comparisonUnit.xbiz .unitPersonal .personalList li,
#pid-404.pid-lp-comparison .mv .mvComparison .comparisonUnit.xbiz .unitPersonal .personalList li,
#pid-ylp.pid-lp-comparison .mv .mvComparison .comparisonUnit.xbiz .unitPersonal .personalList li,
#pid-saec.pid-lp-comparison .mv .mvComparison .comparisonUnit.xbiz .unitPersonal .personalList li {
  background: url(../img/comparison/ico_check_xbiz.png) no-repeat 12px center #dee4fc;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .mv .mvComparison .comparisonUnit.xbiz .unitPersonal .personalList li,
  #pid-404.pid-lp-comparison .mv .mvComparison .comparisonUnit.xbiz .unitPersonal .personalList li,
  #pid-ylp.pid-lp-comparison .mv .mvComparison .comparisonUnit.xbiz .unitPersonal .personalList li,
  #pid-saec.pid-lp-comparison .mv .mvComparison .comparisonUnit.xbiz .unitPersonal .personalList li {
    background-size: 14px auto;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .mv .mvComparison .comparisonUnit.xbiz .unitPersonal .personalList li,
  #pid-404.pid-lp-comparison .mv .mvComparison .comparisonUnit.xbiz .unitPersonal .personalList li,
  #pid-ylp.pid-lp-comparison .mv .mvComparison .comparisonUnit.xbiz .unitPersonal .personalList li,
  #pid-saec.pid-lp-comparison .mv .mvComparison .comparisonUnit.xbiz .unitPersonal .personalList li {
    padding-left: 8px;
    background: #dee4fc;
  }
}
#pid-info.pid-lp-comparison .mv .mvComparison .comparisonUnit.xbiz .unitPersonal .personalList li span,
#pid-404.pid-lp-comparison .mv .mvComparison .comparisonUnit.xbiz .unitPersonal .personalList li span,
#pid-ylp.pid-lp-comparison .mv .mvComparison .comparisonUnit.xbiz .unitPersonal .personalList li span,
#pid-saec.pid-lp-comparison .mv .mvComparison .comparisonUnit.xbiz .unitPersonal .personalList li span {
  color: #13509e;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .mv .mvComparison .comparisonUnit.xbiz .serviceBox,
  #pid-404.pid-lp-comparison .mv .mvComparison .comparisonUnit.xbiz .serviceBox,
  #pid-ylp.pid-lp-comparison .mv .mvComparison .comparisonUnit.xbiz .serviceBox,
  #pid-saec.pid-lp-comparison .mv .mvComparison .comparisonUnit.xbiz .serviceBox {
    margin-left: auto;
    margin-right: -7%;
    border-radius: 10px 0 0 8px;
  }
}
#pid-info.pid-lp-comparison .mv .mvComparison .comparisonUnit.xbiz .serviceBox .boxHeader,
#pid-404.pid-lp-comparison .mv .mvComparison .comparisonUnit.xbiz .serviceBox .boxHeader,
#pid-ylp.pid-lp-comparison .mv .mvComparison .comparisonUnit.xbiz .serviceBox .boxHeader,
#pid-saec.pid-lp-comparison .mv .mvComparison .comparisonUnit.xbiz .serviceBox .boxHeader {
  background: #11478b;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .mv .mvComparison .comparisonUnit.xbiz .serviceBox .boxHeader,
  #pid-404.pid-lp-comparison .mv .mvComparison .comparisonUnit.xbiz .serviceBox .boxHeader,
  #pid-ylp.pid-lp-comparison .mv .mvComparison .comparisonUnit.xbiz .serviceBox .boxHeader,
  #pid-saec.pid-lp-comparison .mv .mvComparison .comparisonUnit.xbiz .serviceBox .boxHeader {
    border-radius: 8px 0 0 0;
  }
}
#pid-info.pid-lp-comparison .mv .mvComparison .comparisonUnit.xbiz .serviceBox .boxBody .priceSet .price,
#pid-404.pid-lp-comparison .mv .mvComparison .comparisonUnit.xbiz .serviceBox .boxBody .priceSet .price,
#pid-ylp.pid-lp-comparison .mv .mvComparison .comparisonUnit.xbiz .serviceBox .boxBody .priceSet .price,
#pid-saec.pid-lp-comparison .mv .mvComparison .comparisonUnit.xbiz .serviceBox .boxBody .priceSet .price {
  /*color: #11478b;*/
}
#pid-info.pid-lp-comparison .mv .mvComparison .comparisonUnit.xbiz .serviceBox .boxBody .registryBtn .btn,
#pid-404.pid-lp-comparison .mv .mvComparison .comparisonUnit.xbiz .serviceBox .boxBody .registryBtn .btn,
#pid-ylp.pid-lp-comparison .mv .mvComparison .comparisonUnit.xbiz .serviceBox .boxBody .registryBtn .btn,
#pid-saec.pid-lp-comparison .mv .mvComparison .comparisonUnit.xbiz .serviceBox .boxBody .registryBtn .btn {
  background: #ffba00;
  color: #113d6b;
}
#pid-info.pid-lp-comparison .mv .mvComparison .comparisonUnit.xbiz .serviceBox .boxBody .registryBtn .btn:after,
#pid-404.pid-lp-comparison .mv .mvComparison .comparisonUnit.xbiz .serviceBox .boxBody .registryBtn .btn:after,
#pid-ylp.pid-lp-comparison .mv .mvComparison .comparisonUnit.xbiz .serviceBox .boxBody .registryBtn .btn:after,
#pid-saec.pid-lp-comparison .mv .mvComparison .comparisonUnit.xbiz .serviceBox .boxBody .registryBtn .btn:after {
  color: #113d6b;
}
#pid-info.pid-lp-comparison .comparisonArea,
#pid-404.pid-lp-comparison .comparisonArea,
#pid-ylp.pid-lp-comparison .comparisonArea,
#pid-saec.pid-lp-comparison .comparisonArea {
  position: relative;
  min-height: 1000px;
  z-index: 1;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .comparisonArea,
  #pid-404.pid-lp-comparison .comparisonArea,
  #pid-ylp.pid-lp-comparison .comparisonArea,
  #pid-saec.pid-lp-comparison .comparisonArea {
    overflow: hidden;
  }
}
#pid-info.pid-lp-comparison .comparisonArea .areaHeader,
#pid-404.pid-lp-comparison .comparisonArea .areaHeader,
#pid-ylp.pid-lp-comparison .comparisonArea .areaHeader,
#pid-saec.pid-lp-comparison .comparisonArea .areaHeader {
  padding: 32px 0 80px;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .comparisonArea .areaHeader,
  #pid-404.pid-lp-comparison .comparisonArea .areaHeader,
  #pid-ylp.pid-lp-comparison .comparisonArea .areaHeader,
  #pid-saec.pid-lp-comparison .comparisonArea .areaHeader {
    margin: 0 auto;
    padding: 0 0 48px;
    max-width: 568px;
  }
  #pid-info.pid-lp-comparison .comparisonArea .areaHeader img,
  #pid-404.pid-lp-comparison .comparisonArea .areaHeader img,
  #pid-ylp.pid-lp-comparison .comparisonArea .areaHeader img,
  #pid-saec.pid-lp-comparison .comparisonArea .areaHeader img {
    max-width: 100%;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .comparisonArea .areaHeader,
  #pid-404.pid-lp-comparison .comparisonArea .areaHeader,
  #pid-ylp.pid-lp-comparison .comparisonArea .areaHeader,
  #pid-saec.pid-lp-comparison .comparisonArea .areaHeader {
    padding: 0 0 32px;
    max-width: 351px;
  }
}
#pid-info.pid-lp-comparison .comparisonArea .areaBody,
#pid-404.pid-lp-comparison .comparisonArea .areaBody,
#pid-ylp.pid-lp-comparison .comparisonArea .areaBody,
#pid-saec.pid-lp-comparison .comparisonArea .areaBody {
  position: relative;
  z-index: 1;
  padding-bottom: 104px;
}
#pid-info.pid-lp-comparison .comparisonArea .areaBody:before, #pid-info.pid-lp-comparison .comparisonArea .areaBody:after,
#pid-404.pid-lp-comparison .comparisonArea .areaBody:before,
#pid-404.pid-lp-comparison .comparisonArea .areaBody:after,
#pid-ylp.pid-lp-comparison .comparisonArea .areaBody:before,
#pid-ylp.pid-lp-comparison .comparisonArea .areaBody:after,
#pid-saec.pid-lp-comparison .comparisonArea .areaBody:before,
#pid-saec.pid-lp-comparison .comparisonArea .areaBody:after {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  width: 50%;
  height: calc(100% - 176px);
  background: #2564c4;
  z-index: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .comparisonArea .areaBody:before, #pid-info.pid-lp-comparison .comparisonArea .areaBody:after,
  #pid-404.pid-lp-comparison .comparisonArea .areaBody:before,
  #pid-404.pid-lp-comparison .comparisonArea .areaBody:after,
  #pid-ylp.pid-lp-comparison .comparisonArea .areaBody:before,
  #pid-ylp.pid-lp-comparison .comparisonArea .areaBody:after,
  #pid-saec.pid-lp-comparison .comparisonArea .areaBody:before,
  #pid-saec.pid-lp-comparison .comparisonArea .areaBody:after {
    height: calc(100% - 60px);
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .comparisonArea .areaBody:before, #pid-info.pid-lp-comparison .comparisonArea .areaBody:after,
  #pid-404.pid-lp-comparison .comparisonArea .areaBody:before,
  #pid-404.pid-lp-comparison .comparisonArea .areaBody:after,
  #pid-ylp.pid-lp-comparison .comparisonArea .areaBody:before,
  #pid-ylp.pid-lp-comparison .comparisonArea .areaBody:after,
  #pid-saec.pid-lp-comparison .comparisonArea .areaBody:before,
  #pid-saec.pid-lp-comparison .comparisonArea .areaBody:after {
    height: calc(100% - 32px);
  }
}
#pid-info.pid-lp-comparison .comparisonArea .areaBody:before,
#pid-404.pid-lp-comparison .comparisonArea .areaBody:before,
#pid-ylp.pid-lp-comparison .comparisonArea .areaBody:before,
#pid-saec.pid-lp-comparison .comparisonArea .areaBody:before {
  background-color: #2564c4;
  left: 0;
  -webkit-transform: skew(0, 13deg);
          transform: skew(0, 13deg);
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
}
#pid-info.pid-lp-comparison .comparisonArea .areaBody:after,
#pid-404.pid-lp-comparison .comparisonArea .areaBody:after,
#pid-ylp.pid-lp-comparison .comparisonArea .areaBody:after,
#pid-saec.pid-lp-comparison .comparisonArea .areaBody:after {
  background-color: #134c90;
  right: 0;
  -webkit-transform: skew(0, -13deg);
          transform: skew(0, -13deg);
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
}
#pid-info.pid-lp-comparison .comparisonArea:before, #pid-info.pid-lp-comparison .comparisonArea:after,
#pid-404.pid-lp-comparison .comparisonArea:before,
#pid-404.pid-lp-comparison .comparisonArea:after,
#pid-ylp.pid-lp-comparison .comparisonArea:before,
#pid-ylp.pid-lp-comparison .comparisonArea:after,
#pid-saec.pid-lp-comparison .comparisonArea:before,
#pid-saec.pid-lp-comparison .comparisonArea:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 400px;
  background-size: cover;
}
#pid-info.pid-lp-comparison .comparisonArea:before,
#pid-404.pid-lp-comparison .comparisonArea:before,
#pid-ylp.pid-lp-comparison .comparisonArea:before,
#pid-saec.pid-lp-comparison .comparisonArea:before {
  background: #f0f4ff;
}
#pid-info.pid-lp-comparison .comparisonArea > *,
#pid-404.pid-lp-comparison .comparisonArea > *,
#pid-ylp.pid-lp-comparison .comparisonArea > *,
#pid-saec.pid-lp-comparison .comparisonArea > * {
  position: relative;
  z-index: 1;
}
#pid-info.pid-lp-comparison .vsSection,
#pid-404.pid-lp-comparison .vsSection,
#pid-ylp.pid-lp-comparison .vsSection,
#pid-saec.pid-lp-comparison .vsSection {
  width: 1080px;
  min-height: 500px;
  margin: 80px auto 0;
  border-radius: 8px;
  background: #deeafc;
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .vsSection,
  #pid-404.pid-lp-comparison .vsSection,
  #pid-ylp.pid-lp-comparison .vsSection,
  #pid-saec.pid-lp-comparison .vsSection {
    width: 87.5%;
    margin: 40px auto 0;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .vsSection,
  #pid-404.pid-lp-comparison .vsSection,
  #pid-ylp.pid-lp-comparison .vsSection,
  #pid-saec.pid-lp-comparison .vsSection {
    width: 93.75%;
    margin: 24px auto 0;
  }
}
#pid-info.pid-lp-comparison .vsSection:first-child,
#pid-404.pid-lp-comparison .vsSection:first-child,
#pid-ylp.pid-lp-comparison .vsSection:first-child,
#pid-saec.pid-lp-comparison .vsSection:first-child {
  margin-top: 0;
}
#pid-info.pid-lp-comparison .vsSection:after,
#pid-404.pid-lp-comparison .vsSection:after,
#pid-ylp.pid-lp-comparison .vsSection:after,
#pid-saec.pid-lp-comparison .vsSection:after {
  position: absolute;
  content: "";
  display: block;
  width: 50%;
  height: 100%;
  right: 0;
  top: 0;
  background: #d9e6f9;
  border-radius: 0 8px 8px 0;
}
#pid-info.pid-lp-comparison .vsSection .inner,
#pid-404.pid-lp-comparison .vsSection .inner,
#pid-ylp.pid-lp-comparison .vsSection .inner,
#pid-saec.pid-lp-comparison .vsSection .inner {
  padding: 80px 72px;
  position: relative;
  z-index: 1;
  -webkit-box-shadow: 0px 4px 15.36px 0.64px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 4px 15.36px 0.64px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .vsSection .inner,
  #pid-404.pid-lp-comparison .vsSection .inner,
  #pid-ylp.pid-lp-comparison .vsSection .inner,
  #pid-saec.pid-lp-comparison .vsSection .inner {
    padding: 48px 40px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .vsSection .inner,
  #pid-404.pid-lp-comparison .vsSection .inner,
  #pid-ylp.pid-lp-comparison .vsSection .inner,
  #pid-saec.pid-lp-comparison .vsSection .inner {
    padding: 32px 16px;
  }
}
#pid-info.pid-lp-comparison .vsSection .cautionList,
#pid-404.pid-lp-comparison .vsSection .cautionList,
#pid-ylp.pid-lp-comparison .vsSection .cautionList,
#pid-saec.pid-lp-comparison .vsSection .cautionList {
  margin: 8px 0 0;
}
#pid-info.pid-lp-comparison .vsSection .cautionList li,
#pid-404.pid-lp-comparison .vsSection .cautionList li,
#pid-ylp.pid-lp-comparison .vsSection .cautionList li,
#pid-saec.pid-lp-comparison .vsSection .cautionList li {
  text-indent: -2em;
  padding-left: 2em;
  text-align: left;
  font-size: 1.2rem;
}
#pid-info.pid-lp-comparison .vsSection .featureBox,
#pid-404.pid-lp-comparison .vsSection .featureBox,
#pid-ylp.pid-lp-comparison .vsSection .featureBox,
#pid-saec.pid-lp-comparison .vsSection .featureBox {
  border: 4px solid #2564c4;
  border-radius: 8px;
  padding: 8px;
  margin: 60px 0 0;
  position: relative;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .vsSection .featureBox,
  #pid-404.pid-lp-comparison .vsSection .featureBox,
  #pid-ylp.pid-lp-comparison .vsSection .featureBox,
  #pid-saec.pid-lp-comparison .vsSection .featureBox {
    padding: 4px;
  }
}
#pid-info.pid-lp-comparison .vsSection .featureBox:after,
#pid-404.pid-lp-comparison .vsSection .featureBox:after,
#pid-ylp.pid-lp-comparison .vsSection .featureBox:after,
#pid-saec.pid-lp-comparison .vsSection .featureBox:after {
  content: "";
  display: block;
  border: 16px solid transparent;
  border-left-width: 12px;
  border-right-width: 12px;
  border-bottom-color: #2564c4;
  position: absolute;
  top: -36px;
  left: 180px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .vsSection .featureBox:after,
  #pid-404.pid-lp-comparison .vsSection .featureBox:after,
  #pid-ylp.pid-lp-comparison .vsSection .featureBox:after,
  #pid-saec.pid-lp-comparison .vsSection .featureBox:after {
    left: calc(20.271% + 20px);
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .vsSection .featureBox:after,
  #pid-404.pid-lp-comparison .vsSection .featureBox:after,
  #pid-ylp.pid-lp-comparison .vsSection .featureBox:after,
  #pid-saec.pid-lp-comparison .vsSection .featureBox:after {
    left: calc(18% + 20px);
  }
}
#pid-info.pid-lp-comparison .vsSection .featureBox .inner,
#pid-404.pid-lp-comparison .vsSection .featureBox .inner,
#pid-ylp.pid-lp-comparison .vsSection .featureBox .inner,
#pid-saec.pid-lp-comparison .vsSection .featureBox .inner {
  background: #fff;
  padding: 32px 24px;
  border-radius: 10px;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .vsSection .featureBox .inner,
  #pid-404.pid-lp-comparison .vsSection .featureBox .inner,
  #pid-ylp.pid-lp-comparison .vsSection .featureBox .inner,
  #pid-saec.pid-lp-comparison .vsSection .featureBox .inner {
    padding: 0 0 24px;
    border-radius: 6px;
  }
}
#pid-info.pid-lp-comparison .vsSection .featureBox .caption,
#pid-404.pid-lp-comparison .vsSection .featureBox .caption,
#pid-ylp.pid-lp-comparison .vsSection .featureBox .caption,
#pid-saec.pid-lp-comparison .vsSection .featureBox .caption {
  border-radius: 50px;
  color: #fff;
  background: #2564c4;
  font-size: 2.2rem;
  font-weight: bold;
  margin: 0 auto;
  padding: 6px;
  text-align: center;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .vsSection .featureBox .caption,
  #pid-404.pid-lp-comparison .vsSection .featureBox .caption,
  #pid-ylp.pid-lp-comparison .vsSection .featureBox .caption,
  #pid-saec.pid-lp-comparison .vsSection .featureBox .caption {
    border-radius: 6px 6px 0 0;
    font-size: 1.8rem;
    padding: 10px;
  }
}
#pid-info.pid-lp-comparison .vsSection .featureBox.xbiz,
#pid-404.pid-lp-comparison .vsSection .featureBox.xbiz,
#pid-ylp.pid-lp-comparison .vsSection .featureBox.xbiz,
#pid-saec.pid-lp-comparison .vsSection .featureBox.xbiz {
  border-color: #134b8e;
}
#pid-info.pid-lp-comparison .vsSection .featureBox.xbiz:after,
#pid-404.pid-lp-comparison .vsSection .featureBox.xbiz:after,
#pid-ylp.pid-lp-comparison .vsSection .featureBox.xbiz:after,
#pid-saec.pid-lp-comparison .vsSection .featureBox.xbiz:after {
  border-bottom-color: #134b8e;
  left: auto;
  right: 180px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .vsSection .featureBox.xbiz:after,
  #pid-404.pid-lp-comparison .vsSection .featureBox.xbiz:after,
  #pid-ylp.pid-lp-comparison .vsSection .featureBox.xbiz:after,
  #pid-saec.pid-lp-comparison .vsSection .featureBox.xbiz:after {
    right: calc(20.271% + 20px);
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .vsSection .featureBox.xbiz:after,
  #pid-404.pid-lp-comparison .vsSection .featureBox.xbiz:after,
  #pid-ylp.pid-lp-comparison .vsSection .featureBox.xbiz:after,
  #pid-saec.pid-lp-comparison .vsSection .featureBox.xbiz:after {
    right: calc(18% + 20px);
  }
}
#pid-info.pid-lp-comparison .vsSection .featureBox.xbiz .caption,
#pid-404.pid-lp-comparison .vsSection .featureBox.xbiz .caption,
#pid-ylp.pid-lp-comparison .vsSection .featureBox.xbiz .caption,
#pid-saec.pid-lp-comparison .vsSection .featureBox.xbiz .caption {
  background: #134b8e;
}
#pid-info.pid-lp-comparison .vsSection .featureBox .featureList,
#pid-404.pid-lp-comparison .vsSection .featureBox .featureList,
#pid-ylp.pid-lp-comparison .vsSection .featureBox .featureList,
#pid-saec.pid-lp-comparison .vsSection .featureBox .featureList {
  margin: 20px 0 0;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .vsSection .featureBox .featureList,
  #pid-404.pid-lp-comparison .vsSection .featureBox .featureList,
  #pid-ylp.pid-lp-comparison .vsSection .featureBox .featureList,
  #pid-saec.pid-lp-comparison .vsSection .featureBox .featureList {
    margin: 20px 24px 0;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .vsSection .featureBox .featureList,
  #pid-404.pid-lp-comparison .vsSection .featureBox .featureList,
  #pid-ylp.pid-lp-comparison .vsSection .featureBox .featureList,
  #pid-saec.pid-lp-comparison .vsSection .featureBox .featureList {
    margin: 20px 16px 0;
  }
}
#pid-info.pid-lp-comparison .vsSection .featureBox .featureList li,
#pid-404.pid-lp-comparison .vsSection .featureBox .featureList li,
#pid-ylp.pid-lp-comparison .vsSection .featureBox .featureList li,
#pid-saec.pid-lp-comparison .vsSection .featureBox .featureList li {
  list-style-type: disc;
  margin: 8px 0 0 2em;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .vsSection .featureBox .featureList li,
  #pid-404.pid-lp-comparison .vsSection .featureBox .featureList li,
  #pid-ylp.pid-lp-comparison .vsSection .featureBox .featureList li,
  #pid-saec.pid-lp-comparison .vsSection .featureBox .featureList li {
    margin-left: 1.2em;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .vsSection .featureBox .featureList li,
  #pid-404.pid-lp-comparison .vsSection .featureBox .featureList li,
  #pid-ylp.pid-lp-comparison .vsSection .featureBox .featureList li,
  #pid-saec.pid-lp-comparison .vsSection .featureBox .featureList li {
    font-size: 1.4rem;
  }
}
#pid-info.pid-lp-comparison .vsSection .featureBox .featureList li span,
#pid-404.pid-lp-comparison .vsSection .featureBox .featureList li span,
#pid-ylp.pid-lp-comparison .vsSection .featureBox .featureList li span,
#pid-saec.pid-lp-comparison .vsSection .featureBox .featureList li span {
  font-weight: bold;
  color: #ff5400;
}
#pid-info.pid-lp-comparison .vsSection .speedInfoBox,
#pid-404.pid-lp-comparison .vsSection .speedInfoBox,
#pid-ylp.pid-lp-comparison .vsSection .speedInfoBox,
#pid-saec.pid-lp-comparison .vsSection .speedInfoBox {
  max-width: 940px;
  border-radius: 8px;
  margin: 60px 0 0;
  padding: 20px;
  background: #fff;
  -webkit-box-shadow: 0 4px 15.36px 0.64px rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 15.36px 0.64px rgba(0, 0, 0, 0.2);
}
#pid-info.pid-lp-comparison .vsSection .speedInfoBox .caption,
#pid-404.pid-lp-comparison .vsSection .speedInfoBox .caption,
#pid-ylp.pid-lp-comparison .vsSection .speedInfoBox .caption,
#pid-saec.pid-lp-comparison .vsSection .speedInfoBox .caption {
  background: -webkit-gradient(linear, left top, right top, from(#2564c4), color-stop(#2564c4), color-stop(#134c90), to(#134c90));
  background: linear-gradient(to right, #2564c4, #2564c4, #134c90, #134c90);
  color: #fff;
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  padding: 16px 24px 12px;
  border-radius: 8px;
  text-decoration: underline;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .vsSection .speedInfoBox .caption,
  #pid-404.pid-lp-comparison .vsSection .speedInfoBox .caption,
  #pid-ylp.pid-lp-comparison .vsSection .speedInfoBox .caption,
  #pid-saec.pid-lp-comparison .vsSection .speedInfoBox .caption {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .vsSection .speedInfoBox .caption,
  #pid-404.pid-lp-comparison .vsSection .speedInfoBox .caption,
  #pid-ylp.pid-lp-comparison .vsSection .speedInfoBox .caption,
  #pid-saec.pid-lp-comparison .vsSection .speedInfoBox .caption {
    font-size: 1.8rem;
    padding: 12px 16px 10px;
  }
}
#pid-info.pid-lp-comparison .vsSection .speedInfoBox .infoBody,
#pid-404.pid-lp-comparison .vsSection .speedInfoBox .infoBody,
#pid-ylp.pid-lp-comparison .vsSection .speedInfoBox .infoBody,
#pid-saec.pid-lp-comparison .vsSection .speedInfoBox .infoBody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 24px 32px;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .vsSection .speedInfoBox .infoBody,
  #pid-404.pid-lp-comparison .vsSection .speedInfoBox .infoBody,
  #pid-ylp.pid-lp-comparison .vsSection .speedInfoBox .infoBody,
  #pid-saec.pid-lp-comparison .vsSection .speedInfoBox .infoBody {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 20px 16px 24px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .vsSection .speedInfoBox .infoBody,
  #pid-404.pid-lp-comparison .vsSection .speedInfoBox .infoBody,
  #pid-ylp.pid-lp-comparison .vsSection .speedInfoBox .infoBody,
  #pid-saec.pid-lp-comparison .vsSection .speedInfoBox .infoBody {
    padding: 20px 0 0;
  }
}
#pid-info.pid-lp-comparison .vsSection .speedInfoBox .fig,
#pid-404.pid-lp-comparison .vsSection .speedInfoBox .fig,
#pid-ylp.pid-lp-comparison .vsSection .speedInfoBox .fig,
#pid-saec.pid-lp-comparison .vsSection .speedInfoBox .fig {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 230px;
  text-align: center;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .vsSection .speedInfoBox .fig,
  #pid-404.pid-lp-comparison .vsSection .speedInfoBox .fig,
  #pid-ylp.pid-lp-comparison .vsSection .speedInfoBox .fig,
  #pid-saec.pid-lp-comparison .vsSection .speedInfoBox .fig {
    width: 200px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .vsSection .speedInfoBox .fig,
  #pid-404.pid-lp-comparison .vsSection .speedInfoBox .fig,
  #pid-ylp.pid-lp-comparison .vsSection .speedInfoBox .fig,
  #pid-saec.pid-lp-comparison .vsSection .speedInfoBox .fig {
    width: 180px;
  }
}
#pid-info.pid-lp-comparison .vsSection .speedInfoBox .fig img,
#pid-404.pid-lp-comparison .vsSection .speedInfoBox .fig img,
#pid-ylp.pid-lp-comparison .vsSection .speedInfoBox .fig img,
#pid-saec.pid-lp-comparison .vsSection .speedInfoBox .fig img {
  max-width: 100%;
  height: auto;
}
#pid-info.pid-lp-comparison .vsSection .speedInfoBox .textBlock,
#pid-404.pid-lp-comparison .vsSection .speedInfoBox .textBlock,
#pid-ylp.pid-lp-comparison .vsSection .speedInfoBox .textBlock,
#pid-saec.pid-lp-comparison .vsSection .speedInfoBox .textBlock {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 0 0 24px;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .vsSection .speedInfoBox .textBlock,
  #pid-404.pid-lp-comparison .vsSection .speedInfoBox .textBlock,
  #pid-ylp.pid-lp-comparison .vsSection .speedInfoBox .textBlock,
  #pid-saec.pid-lp-comparison .vsSection .speedInfoBox .textBlock {
    margin: 0;
    width: 100%;
  }
}
#pid-info.pid-lp-comparison .vsSection .speedInfoBox .featureList,
#pid-404.pid-lp-comparison .vsSection .speedInfoBox .featureList,
#pid-ylp.pid-lp-comparison .vsSection .speedInfoBox .featureList,
#pid-saec.pid-lp-comparison .vsSection .speedInfoBox .featureList {
  margin: 0;
}
#pid-info.pid-lp-comparison .vsSection .speedInfoBox .featureList li,
#pid-404.pid-lp-comparison .vsSection .speedInfoBox .featureList li,
#pid-ylp.pid-lp-comparison .vsSection .speedInfoBox .featureList li,
#pid-saec.pid-lp-comparison .vsSection .speedInfoBox .featureList li {
  list-style-type: none;
  margin: 8px 0 0;
  padding-left: 1em;
  text-indent: -1em;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .vsSection .speedInfoBox .featureList li,
  #pid-404.pid-lp-comparison .vsSection .speedInfoBox .featureList li,
  #pid-ylp.pid-lp-comparison .vsSection .speedInfoBox .featureList li,
  #pid-saec.pid-lp-comparison .vsSection .speedInfoBox .featureList li {
    font-size: 1.4rem;
  }
}
#pid-info.pid-lp-comparison .vsSection .speedInfoBox .featureList li:first-child,
#pid-404.pid-lp-comparison .vsSection .speedInfoBox .featureList li:first-child,
#pid-ylp.pid-lp-comparison .vsSection .speedInfoBox .featureList li:first-child,
#pid-saec.pid-lp-comparison .vsSection .speedInfoBox .featureList li:first-child {
  margin-top: 0;
}
#pid-info.pid-lp-comparison .vsSection .speedInfoBox .featureList li span,
#pid-404.pid-lp-comparison .vsSection .speedInfoBox .featureList li span,
#pid-ylp.pid-lp-comparison .vsSection .speedInfoBox .featureList li span,
#pid-saec.pid-lp-comparison .vsSection .speedInfoBox .featureList li span {
  font-weight: bold;
  color: #ff5400;
}
#pid-info.pid-lp-comparison .vsSection .featureList.supplement,
#pid-404.pid-lp-comparison .vsSection .featureList.supplement,
#pid-ylp.pid-lp-comparison .vsSection .featureList.supplement,
#pid-saec.pid-lp-comparison .vsSection .featureList.supplement {
  margin: 20px 0 0;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .vsSection .featureList.supplement,
  #pid-404.pid-lp-comparison .vsSection .featureList.supplement,
  #pid-ylp.pid-lp-comparison .vsSection .featureList.supplement,
  #pid-saec.pid-lp-comparison .vsSection .featureList.supplement {
    margin: 20px auto 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
#pid-info.pid-lp-comparison .vsSection .featureList.supplement li,
#pid-404.pid-lp-comparison .vsSection .featureList.supplement li,
#pid-ylp.pid-lp-comparison .vsSection .featureList.supplement li,
#pid-saec.pid-lp-comparison .vsSection .featureList.supplement li {
  font-size: 1.8rem;
  padding-left: 0;
  text-indent: 0;
  list-style-type: disc;
  margin: 8px 0 0 2em;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .vsSection .featureList.supplement li,
  #pid-404.pid-lp-comparison .vsSection .featureList.supplement li,
  #pid-ylp.pid-lp-comparison .vsSection .featureList.supplement li,
  #pid-saec.pid-lp-comparison .vsSection .featureList.supplement li {
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .vsSection .featureList.supplement li,
  #pid-404.pid-lp-comparison .vsSection .featureList.supplement li,
  #pid-ylp.pid-lp-comparison .vsSection .featureList.supplement li,
  #pid-saec.pid-lp-comparison .vsSection .featureList.supplement li {
    font-size: 1.4rem;
    margin: 8px 0 0 1em;
  }
}
#pid-info.pid-lp-comparison .vsSection .featureList.supplement li span,
#pid-404.pid-lp-comparison .vsSection .featureList.supplement li span,
#pid-ylp.pid-lp-comparison .vsSection .featureList.supplement li span,
#pid-saec.pid-lp-comparison .vsSection .featureList.supplement li span {
  font-weight: bold;
  color: #ff5400;
}
#pid-info.pid-lp-comparison .vsSection .supportContents,
#pid-404.pid-lp-comparison .vsSection .supportContents,
#pid-ylp.pid-lp-comparison .vsSection .supportContents,
#pid-saec.pid-lp-comparison .vsSection .supportContents {
  position: absolute;
  left: -40px;
  top: 108px;
  width: calc(100% + 80px);
  z-index: -1;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .vsSection .supportContents,
  #pid-404.pid-lp-comparison .vsSection .supportContents,
  #pid-ylp.pid-lp-comparison .vsSection .supportContents,
  #pid-saec.pid-lp-comparison .vsSection .supportContents {
    left: 0;
    top: 87px;
    width: 720px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .vsSection .supportContents,
  #pid-404.pid-lp-comparison .vsSection .supportContents,
  #pid-ylp.pid-lp-comparison .vsSection .supportContents,
  #pid-saec.pid-lp-comparison .vsSection .supportContents {
    width: 640px;
    top: 98px;
  }
}
#pid-info.pid-lp-comparison .vsSection .supportContents .contentsRow,
#pid-404.pid-lp-comparison .vsSection .supportContents .contentsRow,
#pid-ylp.pid-lp-comparison .vsSection .supportContents .contentsRow,
#pid-saec.pid-lp-comparison .vsSection .supportContents .contentsRow {
  margin: 0;
  background: #e6eaf3;
}
#pid-info.pid-lp-comparison .vsSection .supportContents .contentsRow:nth-child(2n),
#pid-404.pid-lp-comparison .vsSection .supportContents .contentsRow:nth-child(2n),
#pid-ylp.pid-lp-comparison .vsSection .supportContents .contentsRow:nth-child(2n),
#pid-saec.pid-lp-comparison .vsSection .supportContents .contentsRow:nth-child(2n) {
  background: #fff;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .vsSection .supportContents .contentsRow:nth-child(1) .fig,
  #pid-404.pid-lp-comparison .vsSection .supportContents .contentsRow:nth-child(1) .fig,
  #pid-ylp.pid-lp-comparison .vsSection .supportContents .contentsRow:nth-child(1) .fig,
  #pid-saec.pid-lp-comparison .vsSection .supportContents .contentsRow:nth-child(1) .fig {
    width: 78px;
  }
  #pid-info.pid-lp-comparison .vsSection .supportContents .contentsRow:nth-child(2) .fig,
  #pid-404.pid-lp-comparison .vsSection .supportContents .contentsRow:nth-child(2) .fig,
  #pid-ylp.pid-lp-comparison .vsSection .supportContents .contentsRow:nth-child(2) .fig,
  #pid-saec.pid-lp-comparison .vsSection .supportContents .contentsRow:nth-child(2) .fig {
    width: 52px;
  }
  #pid-info.pid-lp-comparison .vsSection .supportContents .contentsRow:nth-child(3) .contentsInner,
  #pid-404.pid-lp-comparison .vsSection .supportContents .contentsRow:nth-child(3) .contentsInner,
  #pid-ylp.pid-lp-comparison .vsSection .supportContents .contentsRow:nth-child(3) .contentsInner,
  #pid-saec.pid-lp-comparison .vsSection .supportContents .contentsRow:nth-child(3) .contentsInner {
    min-height: 280px;
  }
  #pid-info.pid-lp-comparison .vsSection .supportContents .contentsRow:nth-child(3) .fig,
  #pid-404.pid-lp-comparison .vsSection .supportContents .contentsRow:nth-child(3) .fig,
  #pid-ylp.pid-lp-comparison .vsSection .supportContents .contentsRow:nth-child(3) .fig,
  #pid-saec.pid-lp-comparison .vsSection .supportContents .contentsRow:nth-child(3) .fig {
    width: 80px;
  }
  #pid-info.pid-lp-comparison .vsSection .supportContents .contentsRow:nth-child(4) .fig,
  #pid-404.pid-lp-comparison .vsSection .supportContents .contentsRow:nth-child(4) .fig,
  #pid-ylp.pid-lp-comparison .vsSection .supportContents .contentsRow:nth-child(4) .fig,
  #pid-saec.pid-lp-comparison .vsSection .supportContents .contentsRow:nth-child(4) .fig {
    width: 77px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .vsSection .supportContents .contentsRow:nth-child(2) .contentsInner,
  #pid-404.pid-lp-comparison .vsSection .supportContents .contentsRow:nth-child(2) .contentsInner,
  #pid-ylp.pid-lp-comparison .vsSection .supportContents .contentsRow:nth-child(2) .contentsInner,
  #pid-saec.pid-lp-comparison .vsSection .supportContents .contentsRow:nth-child(2) .contentsInner {
    min-height: 240px;
  }
  #pid-info.pid-lp-comparison .vsSection .supportContents .contentsRow:nth-child(3) .contentsInner,
  #pid-404.pid-lp-comparison .vsSection .supportContents .contentsRow:nth-child(3) .contentsInner,
  #pid-ylp.pid-lp-comparison .vsSection .supportContents .contentsRow:nth-child(3) .contentsInner,
  #pid-saec.pid-lp-comparison .vsSection .supportContents .contentsRow:nth-child(3) .contentsInner {
    min-height: 200px;
  }
}
#pid-info.pid-lp-comparison .vsSection .supportContents .contentsRow .contentsInner,
#pid-404.pid-lp-comparison .vsSection .supportContents .contentsRow .contentsInner,
#pid-ylp.pid-lp-comparison .vsSection .supportContents .contentsRow .contentsInner,
#pid-saec.pid-lp-comparison .vsSection .supportContents .contentsRow .contentsInner {
  width: 260px;
  margin: 0 auto;
  min-height: 280px;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .vsSection .supportContents .contentsRow .contentsInner,
  #pid-404.pid-lp-comparison .vsSection .supportContents .contentsRow .contentsInner,
  #pid-ylp.pid-lp-comparison .vsSection .supportContents .contentsRow .contentsInner,
  #pid-saec.pid-lp-comparison .vsSection .supportContents .contentsRow .contentsInner {
    width: 240px;
    padding: 0 24px;
    min-height: 240px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .vsSection .supportContents .contentsRow .contentsInner,
  #pid-404.pid-lp-comparison .vsSection .supportContents .contentsRow .contentsInner,
  #pid-ylp.pid-lp-comparison .vsSection .supportContents .contentsRow .contentsInner,
  #pid-saec.pid-lp-comparison .vsSection .supportContents .contentsRow .contentsInner {
    width: 200px;
    min-height: 200px;
  }
  #pid-info.pid-lp-comparison .vsSection .supportContents .contentsRow .contentsInner *,
  #pid-404.pid-lp-comparison .vsSection .supportContents .contentsRow .contentsInner *,
  #pid-ylp.pid-lp-comparison .vsSection .supportContents .contentsRow .contentsInner *,
  #pid-saec.pid-lp-comparison .vsSection .supportContents .contentsRow .contentsInner * {
    display: none;
  }
}
#pid-info.pid-lp-comparison .vsSection .supportContents .contentsRow .contentsInner .caption,
#pid-404.pid-lp-comparison .vsSection .supportContents .contentsRow .contentsInner .caption,
#pid-ylp.pid-lp-comparison .vsSection .supportContents .contentsRow .contentsInner .caption,
#pid-saec.pid-lp-comparison .vsSection .supportContents .contentsRow .contentsInner .caption {
  margin: 12px 0 0;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.4;
  color: #134c90;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .vsSection .supportContents .contentsRow .contentsInner .caption,
  #pid-404.pid-lp-comparison .vsSection .supportContents .contentsRow .contentsInner .caption,
  #pid-ylp.pid-lp-comparison .vsSection .supportContents .contentsRow .contentsInner .caption,
  #pid-saec.pid-lp-comparison .vsSection .supportContents .contentsRow .contentsInner .caption {
    font-size: 1.8rem;
  }
}
#pid-info.pid-lp-comparison .vsSection .supportContents .contentsRow .contentsInner .fig,
#pid-404.pid-lp-comparison .vsSection .supportContents .contentsRow .contentsInner .fig,
#pid-ylp.pid-lp-comparison .vsSection .supportContents .contentsRow .contentsInner .fig,
#pid-saec.pid-lp-comparison .vsSection .supportContents .contentsRow .contentsInner .fig {
  text-align: center;
}
#pid-info.pid-lp-comparison .vsSection .supportContents .contentsRow .contentsInner .fig img,
#pid-404.pid-lp-comparison .vsSection .supportContents .contentsRow .contentsInner .fig img,
#pid-ylp.pid-lp-comparison .vsSection .supportContents .contentsRow .contentsInner .fig img,
#pid-saec.pid-lp-comparison .vsSection .supportContents .contentsRow .contentsInner .fig img {
  max-width: 100%;
}
#pid-info.pid-lp-comparison .vsSection .supportContents .contentsRow .contentsInner .detail,
#pid-404.pid-lp-comparison .vsSection .supportContents .contentsRow .contentsInner .detail,
#pid-ylp.pid-lp-comparison .vsSection .supportContents .contentsRow .contentsInner .detail,
#pid-saec.pid-lp-comparison .vsSection .supportContents .contentsRow .contentsInner .detail {
  font-size: 1.2rem;
  margin: 8px 0 0;
}
#pid-info.pid-lp-comparison .vsSection .ttlContents,
#pid-404.pid-lp-comparison .vsSection .ttlContents,
#pid-ylp.pid-lp-comparison .vsSection .ttlContents,
#pid-saec.pid-lp-comparison .vsSection .ttlContents {
  position: absolute;
  left: 50%;
  top: 114px;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  width: calc(93.75% - 32px);
  pointer-events: none;
}
#pid-info.pid-lp-comparison .vsSection .ttlContents .contentsRow,
#pid-404.pid-lp-comparison .vsSection .ttlContents .contentsRow,
#pid-ylp.pid-lp-comparison .vsSection .ttlContents .contentsRow,
#pid-saec.pid-lp-comparison .vsSection .ttlContents .contentsRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  pointer-events: auto;
  margin-top: 168px;
}
#pid-info.pid-lp-comparison .vsSection .ttlContents .contentsRow:first-child,
#pid-404.pid-lp-comparison .vsSection .ttlContents .contentsRow:first-child,
#pid-ylp.pid-lp-comparison .vsSection .ttlContents .contentsRow:first-child,
#pid-saec.pid-lp-comparison .vsSection .ttlContents .contentsRow:first-child {
  margin-top: 0;
}
#pid-info.pid-lp-comparison .vsSection .ttlContents .contentsRow:nth-child(3),
#pid-404.pid-lp-comparison .vsSection .ttlContents .contentsRow:nth-child(3),
#pid-ylp.pid-lp-comparison .vsSection .ttlContents .contentsRow:nth-child(3),
#pid-saec.pid-lp-comparison .vsSection .ttlContents .contentsRow:nth-child(3) {
  margin-top: 208px;
}
#pid-info.pid-lp-comparison .vsSection .ttlContents .contentsRow:before,
#pid-404.pid-lp-comparison .vsSection .ttlContents .contentsRow:before,
#pid-ylp.pid-lp-comparison .vsSection .ttlContents .contentsRow:before,
#pid-saec.pid-lp-comparison .vsSection .ttlContents .contentsRow:before {
  content: "";
  width: 100%;
  height: 2px;
  background: #134c90;
  position: absolute;
  left: 0;
  top: calc(50% - 1px);
  z-index: 0;
}
#pid-info.pid-lp-comparison .vsSection .ttlContents .contentsRow .caption,
#pid-404.pid-lp-comparison .vsSection .ttlContents .contentsRow .caption,
#pid-ylp.pid-lp-comparison .vsSection .ttlContents .contentsRow .caption,
#pid-saec.pid-lp-comparison .vsSection .ttlContents .contentsRow .caption {
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  background: #134c90;
  border-radius: 4em;
  color: #FFF;
  line-height: 32px;
  padding: 0 1em;
  position: relative;
  z-index: 1;
}
#pid-info.pid-lp-comparison .vsSection .graphComparison,
#pid-404.pid-lp-comparison .vsSection .graphComparison,
#pid-ylp.pid-lp-comparison .vsSection .graphComparison,
#pid-saec.pid-lp-comparison .vsSection .graphComparison {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 60px 0 0;
  position: relative;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .vsSection .graphComparison,
  #pid-404.pid-lp-comparison .vsSection .graphComparison,
  #pid-ylp.pid-lp-comparison .vsSection .graphComparison,
  #pid-saec.pid-lp-comparison .vsSection .graphComparison {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 50px 0 0;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .vsSection .graphComparison,
  #pid-404.pid-lp-comparison .vsSection .graphComparison,
  #pid-ylp.pid-lp-comparison .vsSection .graphComparison,
  #pid-saec.pid-lp-comparison .vsSection .graphComparison {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: calc(117.35% + 12px);
    margin-left: calc(-8.675% - 6px);
  }
}
#pid-info.pid-lp-comparison .vsSection .graphComparison:before,
#pid-404.pid-lp-comparison .vsSection .graphComparison:before,
#pid-ylp.pid-lp-comparison .vsSection .graphComparison:before,
#pid-saec.pid-lp-comparison .vsSection .graphComparison:before {
  content: "";
  display: block;
  width: 80px;
  height: 80px;
  background: url(../img/comparison/ico_comparison_arrow_xs.png) no-repeat 0 0;
  top: 50%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .vsSection .graphComparison:before,
  #pid-404.pid-lp-comparison .vsSection .graphComparison:before,
  #pid-ylp.pid-lp-comparison .vsSection .graphComparison:before,
  #pid-saec.pid-lp-comparison .vsSection .graphComparison:before {
    background-size: 100% auto;
    width: 40px;
    height: 40px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .vsSection .graphComparison:before,
  #pid-404.pid-lp-comparison .vsSection .graphComparison:before,
  #pid-ylp.pid-lp-comparison .vsSection .graphComparison:before,
  #pid-saec.pid-lp-comparison .vsSection .graphComparison:before {
    display: none;
  }
}
#pid-info.pid-lp-comparison .vsSection .graphComparison.xbiz:before,
#pid-404.pid-lp-comparison .vsSection .graphComparison.xbiz:before,
#pid-ylp.pid-lp-comparison .vsSection .graphComparison.xbiz:before,
#pid-saec.pid-lp-comparison .vsSection .graphComparison.xbiz:before {
  background-image: url(../img/comparison/ico_comparison_arrow_xbiz.png);
}
#pid-info.pid-lp-comparison .vsSection .graphComparison.support:before,
#pid-404.pid-lp-comparison .vsSection .graphComparison.support:before,
#pid-ylp.pid-lp-comparison .vsSection .graphComparison.support:before,
#pid-saec.pid-lp-comparison .vsSection .graphComparison.support:before {
  display: none;
}
#pid-info.pid-lp-comparison .vsSection .graphComparison.support .comparisonUnit,
#pid-404.pid-lp-comparison .vsSection .graphComparison.support .comparisonUnit,
#pid-ylp.pid-lp-comparison .vsSection .graphComparison.support .comparisonUnit,
#pid-saec.pid-lp-comparison .vsSection .graphComparison.support .comparisonUnit {
  width: 280px;
  padding: 0;
  background: #f0f4fa;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .vsSection .graphComparison.support .comparisonUnit,
  #pid-404.pid-lp-comparison .vsSection .graphComparison.support .comparisonUnit,
  #pid-ylp.pid-lp-comparison .vsSection .graphComparison.support .comparisonUnit,
  #pid-saec.pid-lp-comparison .vsSection .graphComparison.support .comparisonUnit {
    width: 240px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .vsSection .graphComparison.support .comparisonUnit,
  #pid-404.pid-lp-comparison .vsSection .graphComparison.support .comparisonUnit,
  #pid-ylp.pid-lp-comparison .vsSection .graphComparison.support .comparisonUnit,
  #pid-saec.pid-lp-comparison .vsSection .graphComparison.support .comparisonUnit {
    width: 44%;
    min-width: 180px;
  }
}
#pid-info.pid-lp-comparison .vsSection .graphComparison.support .comparisonUnit .unitHeader,
#pid-404.pid-lp-comparison .vsSection .graphComparison.support .comparisonUnit .unitHeader,
#pid-ylp.pid-lp-comparison .vsSection .graphComparison.support .comparisonUnit .unitHeader,
#pid-saec.pid-lp-comparison .vsSection .graphComparison.support .comparisonUnit .unitHeader {
  margin: 20px 20px 0;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .vsSection .graphComparison.support .comparisonUnit .unitHeader,
  #pid-404.pid-lp-comparison .vsSection .graphComparison.support .comparisonUnit .unitHeader,
  #pid-ylp.pid-lp-comparison .vsSection .graphComparison.support .comparisonUnit .unitHeader,
  #pid-saec.pid-lp-comparison .vsSection .graphComparison.support .comparisonUnit .unitHeader {
    margin: 6px 6px 0;
  }
}
#pid-info.pid-lp-comparison .vsSection .graphComparison.support .comparisonUnit .unitHeader .caption,
#pid-404.pid-lp-comparison .vsSection .graphComparison.support .comparisonUnit .unitHeader .caption,
#pid-ylp.pid-lp-comparison .vsSection .graphComparison.support .comparisonUnit .unitHeader .caption,
#pid-saec.pid-lp-comparison .vsSection .graphComparison.support .comparisonUnit .unitHeader .caption {
  font-size: 2rem;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .vsSection .graphComparison.support .comparisonUnit .unitHeader .caption,
  #pid-404.pid-lp-comparison .vsSection .graphComparison.support .comparisonUnit .unitHeader .caption,
  #pid-ylp.pid-lp-comparison .vsSection .graphComparison.support .comparisonUnit .unitHeader .caption,
  #pid-saec.pid-lp-comparison .vsSection .graphComparison.support .comparisonUnit .unitHeader .caption {
    font-size: 1.8rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .vsSection .graphComparison.support .comparisonUnit .unitHeader .caption,
  #pid-404.pid-lp-comparison .vsSection .graphComparison.support .comparisonUnit .unitHeader .caption,
  #pid-ylp.pid-lp-comparison .vsSection .graphComparison.support .comparisonUnit .unitHeader .caption,
  #pid-saec.pid-lp-comparison .vsSection .graphComparison.support .comparisonUnit .unitHeader .caption {
    font-size: 1.6rem;
  }
}
#pid-info.pid-lp-comparison .vsSection .graphComparison.support .comparisonUnit .unitBody,
#pid-404.pid-lp-comparison .vsSection .graphComparison.support .comparisonUnit .unitBody,
#pid-ylp.pid-lp-comparison .vsSection .graphComparison.support .comparisonUnit .unitBody,
#pid-saec.pid-lp-comparison .vsSection .graphComparison.support .comparisonUnit .unitBody {
  margin: 0;
}
#pid-info.pid-lp-comparison .vsSection .graphComparison.support .comparisonUnit.xserver,
#pid-404.pid-lp-comparison .vsSection .graphComparison.support .comparisonUnit.xserver,
#pid-ylp.pid-lp-comparison .vsSection .graphComparison.support .comparisonUnit.xserver,
#pid-saec.pid-lp-comparison .vsSection .graphComparison.support .comparisonUnit.xserver {
  border: none;
  border-bottom: 6px solid #f0f4fa;
}
#pid-info.pid-lp-comparison .vsSection .graphComparison.support .comparisonUnit.xbiz .unitHeader,
#pid-404.pid-lp-comparison .vsSection .graphComparison.support .comparisonUnit.xbiz .unitHeader,
#pid-ylp.pid-lp-comparison .vsSection .graphComparison.support .comparisonUnit.xbiz .unitHeader,
#pid-saec.pid-lp-comparison .vsSection .graphComparison.support .comparisonUnit.xbiz .unitHeader {
  margin: 14px 14px 0;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .vsSection .graphComparison.support .comparisonUnit.xbiz .unitHeader,
  #pid-404.pid-lp-comparison .vsSection .graphComparison.support .comparisonUnit.xbiz .unitHeader,
  #pid-ylp.pid-lp-comparison .vsSection .graphComparison.support .comparisonUnit.xbiz .unitHeader,
  #pid-saec.pid-lp-comparison .vsSection .graphComparison.support .comparisonUnit.xbiz .unitHeader {
    margin: 0;
  }
}
#pid-info.pid-lp-comparison .vsSection .graphComparison.support .supportRow,
#pid-404.pid-lp-comparison .vsSection .graphComparison.support .supportRow,
#pid-ylp.pid-lp-comparison .vsSection .graphComparison.support .supportRow,
#pid-saec.pid-lp-comparison .vsSection .graphComparison.support .supportRow {
  min-height: 280px;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
}
#pid-info.pid-lp-comparison .vsSection .graphComparison.support .supportRow:nth-child(2n),
#pid-404.pid-lp-comparison .vsSection .graphComparison.support .supportRow:nth-child(2n),
#pid-ylp.pid-lp-comparison .vsSection .graphComparison.support .supportRow:nth-child(2n),
#pid-saec.pid-lp-comparison .vsSection .graphComparison.support .supportRow:nth-child(2n) {
  background: #fff;
}
#pid-info.pid-lp-comparison .vsSection .graphComparison.support .supportRow:last-child,
#pid-404.pid-lp-comparison .vsSection .graphComparison.support .supportRow:last-child,
#pid-ylp.pid-lp-comparison .vsSection .graphComparison.support .supportRow:last-child,
#pid-saec.pid-lp-comparison .vsSection .graphComparison.support .supportRow:last-child {
  min-height: 300px;
  border-radius: 0;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .vsSection .graphComparison.support .supportRow,
  #pid-404.pid-lp-comparison .vsSection .graphComparison.support .supportRow,
  #pid-ylp.pid-lp-comparison .vsSection .graphComparison.support .supportRow,
  #pid-saec.pid-lp-comparison .vsSection .graphComparison.support .supportRow {
    min-height: 240px;
  }
  #pid-info.pid-lp-comparison .vsSection .graphComparison.support .supportRow:nth-child(3),
  #pid-404.pid-lp-comparison .vsSection .graphComparison.support .supportRow:nth-child(3),
  #pid-ylp.pid-lp-comparison .vsSection .graphComparison.support .supportRow:nth-child(3),
  #pid-saec.pid-lp-comparison .vsSection .graphComparison.support .supportRow:nth-child(3) {
    min-height: 280px;
  }
  #pid-info.pid-lp-comparison .vsSection .graphComparison.support .supportRow:last-child,
  #pid-404.pid-lp-comparison .vsSection .graphComparison.support .supportRow:last-child,
  #pid-ylp.pid-lp-comparison .vsSection .graphComparison.support .supportRow:last-child,
  #pid-saec.pid-lp-comparison .vsSection .graphComparison.support .supportRow:last-child {
    min-height: 256px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .vsSection .graphComparison.support .supportRow,
  #pid-404.pid-lp-comparison .vsSection .graphComparison.support .supportRow,
  #pid-ylp.pid-lp-comparison .vsSection .graphComparison.support .supportRow,
  #pid-saec.pid-lp-comparison .vsSection .graphComparison.support .supportRow {
    min-height: 200px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-top: 72px;
  }
  #pid-info.pid-lp-comparison .vsSection .graphComparison.support .supportRow:nth-child(2),
  #pid-404.pid-lp-comparison .vsSection .graphComparison.support .supportRow:nth-child(2),
  #pid-ylp.pid-lp-comparison .vsSection .graphComparison.support .supportRow:nth-child(2),
  #pid-saec.pid-lp-comparison .vsSection .graphComparison.support .supportRow:nth-child(2) {
    min-height: 240px;
  }
  #pid-info.pid-lp-comparison .vsSection .graphComparison.support .supportRow:nth-child(3),
  #pid-404.pid-lp-comparison .vsSection .graphComparison.support .supportRow:nth-child(3),
  #pid-ylp.pid-lp-comparison .vsSection .graphComparison.support .supportRow:nth-child(3),
  #pid-saec.pid-lp-comparison .vsSection .graphComparison.support .supportRow:nth-child(3) {
    min-height: 200px;
  }
  #pid-info.pid-lp-comparison .vsSection .graphComparison.support .supportRow:last-child,
  #pid-404.pid-lp-comparison .vsSection .graphComparison.support .supportRow:last-child,
  #pid-ylp.pid-lp-comparison .vsSection .graphComparison.support .supportRow:last-child,
  #pid-saec.pid-lp-comparison .vsSection .graphComparison.support .supportRow:last-child {
    min-height: 216px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .vsSection .graphComparison.support .supportRow .review,
  #pid-404.pid-lp-comparison .vsSection .graphComparison.support .supportRow .review,
  #pid-ylp.pid-lp-comparison .vsSection .graphComparison.support .supportRow .review,
  #pid-saec.pid-lp-comparison .vsSection .graphComparison.support .supportRow .review {
    width: 48px;
  }
}
#pid-info.pid-lp-comparison .vsSection .graphComparison.support .supportRow .detail,
#pid-404.pid-lp-comparison .vsSection .graphComparison.support .supportRow .detail,
#pid-ylp.pid-lp-comparison .vsSection .graphComparison.support .supportRow .detail,
#pid-saec.pid-lp-comparison .vsSection .graphComparison.support .supportRow .detail {
  font-weight: bold;
  font-size: 1.5rem;
  margin: 8px 0 0;
}
#pid-info.pid-lp-comparison .vsSection .graphComparison.support .supportRow .detail span,
#pid-404.pid-lp-comparison .vsSection .graphComparison.support .supportRow .detail span,
#pid-ylp.pid-lp-comparison .vsSection .graphComparison.support .supportRow .detail span,
#pid-saec.pid-lp-comparison .vsSection .graphComparison.support .supportRow .detail span {
  font-size: 2rem;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .vsSection .graphComparison.support .supportRow .detail span,
  #pid-404.pid-lp-comparison .vsSection .graphComparison.support .supportRow .detail span,
  #pid-ylp.pid-lp-comparison .vsSection .graphComparison.support .supportRow .detail span,
  #pid-saec.pid-lp-comparison .vsSection .graphComparison.support .supportRow .detail span {
    font-size: 1.8rem;
  }
}
#pid-info.pid-lp-comparison .vsSection .graphComparison.support .supportRow .detail span .num,
#pid-404.pid-lp-comparison .vsSection .graphComparison.support .supportRow .detail span .num,
#pid-ylp.pid-lp-comparison .vsSection .graphComparison.support .supportRow .detail span .num,
#pid-saec.pid-lp-comparison .vsSection .graphComparison.support .supportRow .detail span .num {
  font-size: 2.4rem;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .vsSection .graphComparison.support .supportRow .detail span .num,
  #pid-404.pid-lp-comparison .vsSection .graphComparison.support .supportRow .detail span .num,
  #pid-ylp.pid-lp-comparison .vsSection .graphComparison.support .supportRow .detail span .num,
  #pid-saec.pid-lp-comparison .vsSection .graphComparison.support .supportRow .detail span .num {
    font-size: 2rem;
  }
}
#pid-info.pid-lp-comparison .vsSection .graphComparison.support .supportRow .cautions,
#pid-404.pid-lp-comparison .vsSection .graphComparison.support .supportRow .cautions,
#pid-ylp.pid-lp-comparison .vsSection .graphComparison.support .supportRow .cautions,
#pid-saec.pid-lp-comparison .vsSection .graphComparison.support .supportRow .cautions {
  font-size: 1.2rem;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .vsSection .graphComparison.support .supportRow .cautions,
  #pid-404.pid-lp-comparison .vsSection .graphComparison.support .supportRow .cautions,
  #pid-ylp.pid-lp-comparison .vsSection .graphComparison.support .supportRow .cautions,
  #pid-saec.pid-lp-comparison .vsSection .graphComparison.support .supportRow .cautions {
    font-size: 1.1rem;
  }
}
#pid-info.pid-lp-comparison .vsSection .graphComparison.support .supportRow .cautions a,
#pid-404.pid-lp-comparison .vsSection .graphComparison.support .supportRow .cautions a,
#pid-ylp.pid-lp-comparison .vsSection .graphComparison.support .supportRow .cautions a,
#pid-saec.pid-lp-comparison .vsSection .graphComparison.support .supportRow .cautions a {
  color: #2f334c;
}
#pid-info.pid-lp-comparison .vsSection .graphComparison .comparisonUnit,
#pid-404.pid-lp-comparison .vsSection .graphComparison .comparisonUnit,
#pid-ylp.pid-lp-comparison .vsSection .graphComparison .comparisonUnit,
#pid-saec.pid-lp-comparison .vsSection .graphComparison .comparisonUnit {
  width: 400px;
  border: 6px solid transparent;
  border-radius: 8px;
  padding: 16px 16px 24px;
  background: #fff;
  position: relative;
  -webkit-box-shadow: 0px 4px 15.36px 0.64px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 4px 15.36px 0.64px rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .vsSection .graphComparison .comparisonUnit,
  #pid-404.pid-lp-comparison .vsSection .graphComparison .comparisonUnit,
  #pid-ylp.pid-lp-comparison .vsSection .graphComparison .comparisonUnit,
  #pid-saec.pid-lp-comparison .vsSection .graphComparison .comparisonUnit {
    width: 40.542%;
    min-width: 240px;
    padding: 0;
  }
  #pid-info.pid-lp-comparison .vsSection .graphComparison .comparisonUnit:nth-child(2),
  #pid-404.pid-lp-comparison .vsSection .graphComparison .comparisonUnit:nth-child(2),
  #pid-ylp.pid-lp-comparison .vsSection .graphComparison .comparisonUnit:nth-child(2),
  #pid-saec.pid-lp-comparison .vsSection .graphComparison .comparisonUnit:nth-child(2) {
    margin-left: 56px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .vsSection .graphComparison .comparisonUnit,
  #pid-404.pid-lp-comparison .vsSection .graphComparison .comparisonUnit,
  #pid-ylp.pid-lp-comparison .vsSection .graphComparison .comparisonUnit,
  #pid-saec.pid-lp-comparison .vsSection .graphComparison .comparisonUnit {
    width: 48%;
    min-width: 180px;
  }
  #pid-info.pid-lp-comparison .vsSection .graphComparison .comparisonUnit:nth-child(2),
  #pid-404.pid-lp-comparison .vsSection .graphComparison .comparisonUnit:nth-child(2),
  #pid-ylp.pid-lp-comparison .vsSection .graphComparison .comparisonUnit:nth-child(2),
  #pid-saec.pid-lp-comparison .vsSection .graphComparison .comparisonUnit:nth-child(2) {
    margin-left: 0;
  }
}
#pid-info.pid-lp-comparison .vsSection .graphComparison .comparisonUnit .label,
#pid-404.pid-lp-comparison .vsSection .graphComparison .comparisonUnit .label,
#pid-ylp.pid-lp-comparison .vsSection .graphComparison .comparisonUnit .label,
#pid-saec.pid-lp-comparison .vsSection .graphComparison .comparisonUnit .label {
  background: #f7790b;
  border-radius: 4px;
  color: #fff;
  padding: 4px 12px 2px;
  font-size: 1.4rem;
  font-weight: bold;
  position: absolute;
  top: -20px;
  left: 50%;
  text-align: center;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
#pid-info.pid-lp-comparison .vsSection .graphComparison .comparisonUnit .label:after,
#pid-404.pid-lp-comparison .vsSection .graphComparison .comparisonUnit .label:after,
#pid-ylp.pid-lp-comparison .vsSection .graphComparison .comparisonUnit .label:after,
#pid-saec.pid-lp-comparison .vsSection .graphComparison .comparisonUnit .label:after {
  content: "";
  display: block;
  border: 6px solid transparent;
  border-left-width: 6px;
  border-right-width: 6px;
  border-top-color: #f7790b;
  position: absolute;
  bottom: -12px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
#pid-info.pid-lp-comparison .vsSection .graphComparison .comparisonUnit .caption,
#pid-404.pid-lp-comparison .vsSection .graphComparison .comparisonUnit .caption,
#pid-ylp.pid-lp-comparison .vsSection .graphComparison .comparisonUnit .caption,
#pid-saec.pid-lp-comparison .vsSection .graphComparison .comparisonUnit .caption {
  font-size: 2.4rem;
  font-weight: bold;
  color: #fff;
  background: #2564c4;
  text-decoration: underline;
  padding: 12px 18px;
  border-radius: 4px;
  text-align: center;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .vsSection .graphComparison .comparisonUnit .caption,
  #pid-404.pid-lp-comparison .vsSection .graphComparison .comparisonUnit .caption,
  #pid-ylp.pid-lp-comparison .vsSection .graphComparison .comparisonUnit .caption,
  #pid-saec.pid-lp-comparison .vsSection .graphComparison .comparisonUnit .caption {
    font-size: 2rem;
    border-radius: 4px 4px 0 0;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .vsSection .graphComparison .comparisonUnit .caption,
  #pid-404.pid-lp-comparison .vsSection .graphComparison .comparisonUnit .caption,
  #pid-ylp.pid-lp-comparison .vsSection .graphComparison .comparisonUnit .caption,
  #pid-saec.pid-lp-comparison .vsSection .graphComparison .comparisonUnit .caption {
    font-size: 1.6rem;
    border-radius: 0 4px 0 0;
    padding: 20px 18px;
  }
}
#pid-info.pid-lp-comparison .vsSection .graphComparison .comparisonUnit .unitBody,
#pid-404.pid-lp-comparison .vsSection .graphComparison .comparisonUnit .unitBody,
#pid-ylp.pid-lp-comparison .vsSection .graphComparison .comparisonUnit .unitBody,
#pid-saec.pid-lp-comparison .vsSection .graphComparison .comparisonUnit .unitBody {
  text-align: center;
  margin: 32px 0 0;
}
#pid-info.pid-lp-comparison .vsSection .graphComparison .comparisonUnit .unitBody img,
#pid-404.pid-lp-comparison .vsSection .graphComparison .comparisonUnit .unitBody img,
#pid-ylp.pid-lp-comparison .vsSection .graphComparison .comparisonUnit .unitBody img,
#pid-saec.pid-lp-comparison .vsSection .graphComparison .comparisonUnit .unitBody img {
  max-width: 100%;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .vsSection .graphComparison .comparisonUnit .unitBody,
  #pid-404.pid-lp-comparison .vsSection .graphComparison .comparisonUnit .unitBody,
  #pid-ylp.pid-lp-comparison .vsSection .graphComparison .comparisonUnit .unitBody,
  #pid-saec.pid-lp-comparison .vsSection .graphComparison .comparisonUnit .unitBody {
    margin: 24px 0 0;
    padding: 0 16px 40px;
  }
}
#pid-info.pid-lp-comparison .vsSection .graphComparison .comparisonUnit.xbiz .caption,
#pid-404.pid-lp-comparison .vsSection .graphComparison .comparisonUnit.xbiz .caption,
#pid-ylp.pid-lp-comparison .vsSection .graphComparison .comparisonUnit.xbiz .caption,
#pid-saec.pid-lp-comparison .vsSection .graphComparison .comparisonUnit.xbiz .caption {
  background: #134c90;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .vsSection .graphComparison .comparisonUnit.xbiz .caption,
  #pid-404.pid-lp-comparison .vsSection .graphComparison .comparisonUnit.xbiz .caption,
  #pid-ylp.pid-lp-comparison .vsSection .graphComparison .comparisonUnit.xbiz .caption,
  #pid-saec.pid-lp-comparison .vsSection .graphComparison .comparisonUnit.xbiz .caption {
    border-radius: 4px 0 0 0;
  }
}
#pid-info.pid-lp-comparison .vsSection .graphComparison .comparisonUnit.win,
#pid-404.pid-lp-comparison .vsSection .graphComparison .comparisonUnit.win,
#pid-ylp.pid-lp-comparison .vsSection .graphComparison .comparisonUnit.win,
#pid-saec.pid-lp-comparison .vsSection .graphComparison .comparisonUnit.win {
  border-color: #f7790b;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .vsSection .graphComparison .comparisonUnit.win .caption,
  #pid-404.pid-lp-comparison .vsSection .graphComparison .comparisonUnit.win .caption,
  #pid-ylp.pid-lp-comparison .vsSection .graphComparison .comparisonUnit.win .caption,
  #pid-saec.pid-lp-comparison .vsSection .graphComparison .comparisonUnit.win .caption {
    border-radius: 2px 2px 0 0;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .vsSection .graphComparison .comparisonUnit.win .caption,
  #pid-404.pid-lp-comparison .vsSection .graphComparison .comparisonUnit.win .caption,
  #pid-ylp.pid-lp-comparison .vsSection .graphComparison .comparisonUnit.win .caption,
  #pid-saec.pid-lp-comparison .vsSection .graphComparison .comparisonUnit.win .caption {
    border-radius: 0 2px 0 0;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .vsSection .graphComparison .comparisonUnit.win.xbiz .caption,
  #pid-404.pid-lp-comparison .vsSection .graphComparison .comparisonUnit.win.xbiz .caption,
  #pid-ylp.pid-lp-comparison .vsSection .graphComparison .comparisonUnit.win.xbiz .caption,
  #pid-saec.pid-lp-comparison .vsSection .graphComparison .comparisonUnit.win.xbiz .caption {
    border-radius: 2px 0 0 0;
  }
}
#pid-info.pid-lp-comparison .vsSection .sectionHeader,
#pid-404.pid-lp-comparison .vsSection .sectionHeader,
#pid-ylp.pid-lp-comparison .vsSection .sectionHeader,
#pid-saec.pid-lp-comparison .vsSection .sectionHeader {
  text-align: center;
  line-height: 1;
}
#pid-info.pid-lp-comparison .vsSection .sectionHeader .label,
#pid-404.pid-lp-comparison .vsSection .sectionHeader .label,
#pid-ylp.pid-lp-comparison .vsSection .sectionHeader .label,
#pid-saec.pid-lp-comparison .vsSection .sectionHeader .label {
  display: table;
  margin: 0 auto;
  color: #fff;
  background: #2564c4;
  border-radius: 50px;
  font-size: 1.2rem;
  font-weight: bold;
  padding: 4px 20px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .vsSection .sectionHeader .label,
  #pid-404.pid-lp-comparison .vsSection .sectionHeader .label,
  #pid-ylp.pid-lp-comparison .vsSection .sectionHeader .label,
  #pid-saec.pid-lp-comparison .vsSection .sectionHeader .label {
    padding: 4px 16px;
  }
}
#pid-info.pid-lp-comparison .vsSection .sectionHeader .num,
#pid-404.pid-lp-comparison .vsSection .sectionHeader .num,
#pid-ylp.pid-lp-comparison .vsSection .sectionHeader .num,
#pid-saec.pid-lp-comparison .vsSection .sectionHeader .num {
  font-size: 4.8rem;
  font-weight: bold;
  font-family: "Roboto";
  color: #2564c4;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .vsSection .sectionHeader .num,
  #pid-404.pid-lp-comparison .vsSection .sectionHeader .num,
  #pid-ylp.pid-lp-comparison .vsSection .sectionHeader .num,
  #pid-saec.pid-lp-comparison .vsSection .sectionHeader .num {
    font-size: 4rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .vsSection .sectionHeader .num,
  #pid-404.pid-lp-comparison .vsSection .sectionHeader .num,
  #pid-ylp.pid-lp-comparison .vsSection .sectionHeader .num,
  #pid-saec.pid-lp-comparison .vsSection .sectionHeader .num {
    font-size: 3.6rem;
  }
}
#pid-info.pid-lp-comparison .vsSection .sectionHeader .caption,
#pid-404.pid-lp-comparison .vsSection .sectionHeader .caption,
#pid-ylp.pid-lp-comparison .vsSection .sectionHeader .caption,
#pid-saec.pid-lp-comparison .vsSection .sectionHeader .caption {
  font-size: 4rem;
  font-weight: bold;
  color: #2f334c;
  margin: 8px 0 0;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .vsSection .sectionHeader .caption,
  #pid-404.pid-lp-comparison .vsSection .sectionHeader .caption,
  #pid-ylp.pid-lp-comparison .vsSection .sectionHeader .caption,
  #pid-saec.pid-lp-comparison .vsSection .sectionHeader .caption {
    font-size: 2.8rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .vsSection .sectionHeader .caption,
  #pid-404.pid-lp-comparison .vsSection .sectionHeader .caption,
  #pid-ylp.pid-lp-comparison .vsSection .sectionHeader .caption,
  #pid-saec.pid-lp-comparison .vsSection .sectionHeader .caption {
    font-size: 2.4rem;
  }
}
#pid-info.pid-lp-comparison .vsSection01 .speedInfoBox,
#pid-404.pid-lp-comparison .vsSection01 .speedInfoBox,
#pid-ylp.pid-lp-comparison .vsSection01 .speedInfoBox,
#pid-saec.pid-lp-comparison .vsSection01 .speedInfoBox {
  margin-top: 40px;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .vsSection01 .graphComparison .comparisonUnit .unitBody img,
  #pid-404.pid-lp-comparison .vsSection01 .graphComparison .comparisonUnit .unitBody img,
  #pid-ylp.pid-lp-comparison .vsSection01 .graphComparison .comparisonUnit .unitBody img,
  #pid-saec.pid-lp-comparison .vsSection01 .graphComparison .comparisonUnit .unitBody img {
    max-width: 190px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .vsSection01 .graphComparison .comparisonUnit .label,
  #pid-404.pid-lp-comparison .vsSection01 .graphComparison .comparisonUnit .label,
  #pid-ylp.pid-lp-comparison .vsSection01 .graphComparison .comparisonUnit .label,
  #pid-saec.pid-lp-comparison .vsSection01 .graphComparison .comparisonUnit .label {
    width: 7em;
    text-align: center;
  }
  #pid-info.pid-lp-comparison .vsSection01 .graphComparison .comparisonUnit .unitBody img,
  #pid-404.pid-lp-comparison .vsSection01 .graphComparison .comparisonUnit .unitBody img,
  #pid-ylp.pid-lp-comparison .vsSection01 .graphComparison .comparisonUnit .unitBody img,
  #pid-saec.pid-lp-comparison .vsSection01 .graphComparison .comparisonUnit .unitBody img {
    max-width: 100%;
  }
}
@media only screen and (min-width: 528px) {
  #pid-info.pid-lp-comparison .vsSection01 .graphComparison .comparisonUnit .unitBody img,
  #pid-404.pid-lp-comparison .vsSection01 .graphComparison .comparisonUnit .unitBody img,
  #pid-ylp.pid-lp-comparison .vsSection01 .graphComparison .comparisonUnit .unitBody img,
  #pid-saec.pid-lp-comparison .vsSection01 .graphComparison .comparisonUnit .unitBody img {
    max-width: 190px;
  }
}
#pid-info.pid-lp-comparison .vsSection02 .featureBox,
#pid-404.pid-lp-comparison .vsSection02 .featureBox,
#pid-ylp.pid-lp-comparison .vsSection02 .featureBox,
#pid-saec.pid-lp-comparison .vsSection02 .featureBox {
  margin-top: 40px;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .vsSection02 .graphComparison .comparisonUnit .label,
  #pid-404.pid-lp-comparison .vsSection02 .graphComparison .comparisonUnit .label,
  #pid-ylp.pid-lp-comparison .vsSection02 .graphComparison .comparisonUnit .label,
  #pid-saec.pid-lp-comparison .vsSection02 .graphComparison .comparisonUnit .label {
    width: 13em;
  }
  #pid-info.pid-lp-comparison .vsSection02 .graphComparison .comparisonUnit .unitBody img,
  #pid-404.pid-lp-comparison .vsSection02 .graphComparison .comparisonUnit .unitBody img,
  #pid-ylp.pid-lp-comparison .vsSection02 .graphComparison .comparisonUnit .unitBody img,
  #pid-saec.pid-lp-comparison .vsSection02 .graphComparison .comparisonUnit .unitBody img {
    max-width: 196px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .vsSection02 .graphComparison .comparisonUnit .unitBody img,
  #pid-404.pid-lp-comparison .vsSection02 .graphComparison .comparisonUnit .unitBody img,
  #pid-ylp.pid-lp-comparison .vsSection02 .graphComparison .comparisonUnit .unitBody img,
  #pid-saec.pid-lp-comparison .vsSection02 .graphComparison .comparisonUnit .unitBody img {
    max-width: 100%;
  }
  #pid-info.pid-lp-comparison .vsSection02 .graphComparison .comparisonUnit.xserver .unitBody,
  #pid-404.pid-lp-comparison .vsSection02 .graphComparison .comparisonUnit.xserver .unitBody,
  #pid-ylp.pid-lp-comparison .vsSection02 .graphComparison .comparisonUnit.xserver .unitBody,
  #pid-saec.pid-lp-comparison .vsSection02 .graphComparison .comparisonUnit.xserver .unitBody {
    padding-left: calc(16px + 12%);
    padding-right: calc(16px + 12%);
  }
}
@media only screen and (max-width: 767px) and (min-width: 528px) {
  #pid-info.pid-lp-comparison .vsSection02 .graphComparison .comparisonUnit .unitBody img,
  #pid-404.pid-lp-comparison .vsSection02 .graphComparison .comparisonUnit .unitBody img,
  #pid-ylp.pid-lp-comparison .vsSection02 .graphComparison .comparisonUnit .unitBody img,
  #pid-saec.pid-lp-comparison .vsSection02 .graphComparison .comparisonUnit .unitBody img {
    max-width: 196px;
  }
  #pid-info.pid-lp-comparison .vsSection02 .graphComparison .comparisonUnit.xserver .unitBody img,
  #pid-404.pid-lp-comparison .vsSection02 .graphComparison .comparisonUnit.xserver .unitBody img,
  #pid-ylp.pid-lp-comparison .vsSection02 .graphComparison .comparisonUnit.xserver .unitBody img,
  #pid-saec.pid-lp-comparison .vsSection02 .graphComparison .comparisonUnit.xserver .unitBody img {
    max-width: 124px;
  }
}
#pid-info.pid-lp-comparison .vsSection03 .featureBox,
#pid-404.pid-lp-comparison .vsSection03 .featureBox,
#pid-ylp.pid-lp-comparison .vsSection03 .featureBox,
#pid-saec.pid-lp-comparison .vsSection03 .featureBox {
  margin-top: 40px;
}
#pid-info.pid-lp-comparison .vsSection03 .graphComparison .comparisonUnit .unitBody,
#pid-404.pid-lp-comparison .vsSection03 .graphComparison .comparisonUnit .unitBody,
#pid-ylp.pid-lp-comparison .vsSection03 .graphComparison .comparisonUnit .unitBody,
#pid-saec.pid-lp-comparison .vsSection03 .graphComparison .comparisonUnit .unitBody {
  margin: 16px 0 0;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .vsSection03 .graphComparison .comparisonUnit .label,
  #pid-404.pid-lp-comparison .vsSection03 .graphComparison .comparisonUnit .label,
  #pid-ylp.pid-lp-comparison .vsSection03 .graphComparison .comparisonUnit .label,
  #pid-saec.pid-lp-comparison .vsSection03 .graphComparison .comparisonUnit .label {
    width: 10em;
  }
  #pid-info.pid-lp-comparison .vsSection03 .graphComparison .comparisonUnit .caption,
  #pid-404.pid-lp-comparison .vsSection03 .graphComparison .comparisonUnit .caption,
  #pid-ylp.pid-lp-comparison .vsSection03 .graphComparison .comparisonUnit .caption,
  #pid-saec.pid-lp-comparison .vsSection03 .graphComparison .comparisonUnit .caption {
    padding: 12px 10px;
    font-size: 1.9rem;
  }
  #pid-info.pid-lp-comparison .vsSection03 .graphComparison .comparisonUnit .unitBody,
  #pid-404.pid-lp-comparison .vsSection03 .graphComparison .comparisonUnit .unitBody,
  #pid-ylp.pid-lp-comparison .vsSection03 .graphComparison .comparisonUnit .unitBody,
  #pid-saec.pid-lp-comparison .vsSection03 .graphComparison .comparisonUnit .unitBody {
    margin: 8px 0 0;
    padding: 0 12px 24px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .vsSection03 .graphComparison .comparisonUnit .caption,
  #pid-404.pid-lp-comparison .vsSection03 .graphComparison .comparisonUnit .caption,
  #pid-ylp.pid-lp-comparison .vsSection03 .graphComparison .comparisonUnit .caption,
  #pid-saec.pid-lp-comparison .vsSection03 .graphComparison .comparisonUnit .caption {
    padding: 20px 10px;
    font-size: 1.4rem;
  }
  #pid-info.pid-lp-comparison .vsSection03 .graphComparison .comparisonUnit .unitBody,
  #pid-404.pid-lp-comparison .vsSection03 .graphComparison .comparisonUnit .unitBody,
  #pid-ylp.pid-lp-comparison .vsSection03 .graphComparison .comparisonUnit .unitBody,
  #pid-saec.pid-lp-comparison .vsSection03 .graphComparison .comparisonUnit .unitBody {
    padding: 0 0 24px;
  }
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .vsSection04 .sectionBody,
  #pid-404.pid-lp-comparison .vsSection04 .sectionBody,
  #pid-ylp.pid-lp-comparison .vsSection04 .sectionBody,
  #pid-saec.pid-lp-comparison .vsSection04 .sectionBody {
    max-width: 720px;
    margin: 0 auto;
  }
  #pid-info.pid-lp-comparison .vsSection04 .graphComparison,
  #pid-404.pid-lp-comparison .vsSection04 .graphComparison,
  #pid-ylp.pid-lp-comparison .vsSection04 .graphComparison,
  #pid-saec.pid-lp-comparison .vsSection04 .graphComparison {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    left: 50%;
    width: 720px;
  }
  #pid-info.pid-lp-comparison .vsSection04 .graphComparison .comparisonUnit:nth-child(2),
  #pid-404.pid-lp-comparison .vsSection04 .graphComparison .comparisonUnit:nth-child(2),
  #pid-ylp.pid-lp-comparison .vsSection04 .graphComparison .comparisonUnit:nth-child(2),
  #pid-saec.pid-lp-comparison .vsSection04 .graphComparison .comparisonUnit:nth-child(2) {
    margin-left: 240px;
  }
  #pid-info.pid-lp-comparison .vsSection04 .graphComparison .comparisonUnit .unitBody,
  #pid-404.pid-lp-comparison .vsSection04 .graphComparison .comparisonUnit .unitBody,
  #pid-ylp.pid-lp-comparison .vsSection04 .graphComparison .comparisonUnit .unitBody,
  #pid-saec.pid-lp-comparison .vsSection04 .graphComparison .comparisonUnit .unitBody {
    padding: 0;
  }
  #pid-info.pid-lp-comparison .vsSection04 .graphComparison .comparisonUnit .label,
  #pid-404.pid-lp-comparison .vsSection04 .graphComparison .comparisonUnit .label,
  #pid-ylp.pid-lp-comparison .vsSection04 .graphComparison .comparisonUnit .label,
  #pid-saec.pid-lp-comparison .vsSection04 .graphComparison .comparisonUnit .label {
    width: 8em;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .vsSection04 .graphComparison,
  #pid-404.pid-lp-comparison .vsSection04 .graphComparison,
  #pid-ylp.pid-lp-comparison .vsSection04 .graphComparison,
  #pid-saec.pid-lp-comparison .vsSection04 .graphComparison {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-transform: none;
            transform: none;
    left: auto;
    width: calc(117.35% + 12px);
  }
  #pid-info.pid-lp-comparison .vsSection04 .graphComparison.support .comparisonUnit,
  #pid-404.pid-lp-comparison .vsSection04 .graphComparison.support .comparisonUnit,
  #pid-ylp.pid-lp-comparison .vsSection04 .graphComparison.support .comparisonUnit,
  #pid-saec.pid-lp-comparison .vsSection04 .graphComparison.support .comparisonUnit {
    width: 48%;
  }
  #pid-info.pid-lp-comparison .vsSection04 .graphComparison .comparisonUnit:nth-child(2),
  #pid-404.pid-lp-comparison .vsSection04 .graphComparison .comparisonUnit:nth-child(2),
  #pid-ylp.pid-lp-comparison .vsSection04 .graphComparison .comparisonUnit:nth-child(2),
  #pid-saec.pid-lp-comparison .vsSection04 .graphComparison .comparisonUnit:nth-child(2) {
    margin-left: 0;
  }
  #pid-info.pid-lp-comparison .vsSection04 .sectionBody,
  #pid-404.pid-lp-comparison .vsSection04 .sectionBody,
  #pid-ylp.pid-lp-comparison .vsSection04 .sectionBody,
  #pid-saec.pid-lp-comparison .vsSection04 .sectionBody {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 640px;
  }
}
@media only screen and (min-width: 914px) {
  #pid-info.pid-lp-comparison .vsSection04 .graphComparison,
  #pid-404.pid-lp-comparison .vsSection04 .graphComparison,
  #pid-ylp.pid-lp-comparison .vsSection04 .graphComparison,
  #pid-saec.pid-lp-comparison .vsSection04 .graphComparison {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
#pid-info.pid-lp-comparison .choise,
#pid-404.pid-lp-comparison .choise,
#pid-ylp.pid-lp-comparison .choise,
#pid-saec.pid-lp-comparison .choise {
  padding: 120px 0 0;
  margin: 0;
  position: relative;
  z-index: 1;
  background: #fff;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .choise,
  #pid-404.pid-lp-comparison .choise,
  #pid-ylp.pid-lp-comparison .choise,
  #pid-saec.pid-lp-comparison .choise {
    padding: 96px 0 0;
  }
  #pid-info.pid-lp-comparison .choise .ttl,
  #pid-404.pid-lp-comparison .choise .ttl,
  #pid-ylp.pid-lp-comparison .choise .ttl,
  #pid-saec.pid-lp-comparison .choise .ttl {
    width: 472px;
  }
  #pid-info.pid-lp-comparison .choise .ttl img,
  #pid-404.pid-lp-comparison .choise .ttl img,
  #pid-ylp.pid-lp-comparison .choise .ttl img,
  #pid-saec.pid-lp-comparison .choise .ttl img {
    max-width: 100%;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .choise,
  #pid-404.pid-lp-comparison .choise,
  #pid-ylp.pid-lp-comparison .choise,
  #pid-saec.pid-lp-comparison .choise {
    padding: 80px 0 0;
  }
  #pid-info.pid-lp-comparison .choise .ttl,
  #pid-404.pid-lp-comparison .choise .ttl,
  #pid-ylp.pid-lp-comparison .choise .ttl,
  #pid-saec.pid-lp-comparison .choise .ttl {
    width: 277px;
  }
}
#pid-info.pid-lp-comparison .choise .service,
#pid-404.pid-lp-comparison .choise .service,
#pid-ylp.pid-lp-comparison .choise .service,
#pid-saec.pid-lp-comparison .choise .service {
  width: 100%;
  max-width: 1400px;
  border-radius: 8px;
  background: #134c90;
  margin: 80px auto 0;
  padding: 80px 0;
  position: relative;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .choise .service,
  #pid-404.pid-lp-comparison .choise .service,
  #pid-ylp.pid-lp-comparison .choise .service,
  #pid-saec.pid-lp-comparison .choise .service {
    width: 93.75%;
    margin: 48px auto 0;
    padding: 56px 0 48px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .choise .service,
  #pid-404.pid-lp-comparison .choise .service,
  #pid-ylp.pid-lp-comparison .choise .service,
  #pid-saec.pid-lp-comparison .choise .service {
    width: 100%;
    margin: 32px auto 0;
    padding: 40px 0 48px;
    border-radius: 8px 8px 0 0;
  }
}
#pid-info.pid-lp-comparison .choise .service:before,
#pid-404.pid-lp-comparison .choise .service:before,
#pid-ylp.pid-lp-comparison .choise .service:before,
#pid-saec.pid-lp-comparison .choise .service:before {
  content: "";
  display: block;
  width: 100%;
  height: 224px;
  background: #006a7c;
  position: absolute;
  left: 0;
  bottom: 112px;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .choise .service:before,
  #pid-404.pid-lp-comparison .choise .service:before,
  #pid-ylp.pid-lp-comparison .choise .service:before,
  #pid-saec.pid-lp-comparison .choise .service:before {
    bottom: 64px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .choise .service:before,
  #pid-404.pid-lp-comparison .choise .service:before,
  #pid-ylp.pid-lp-comparison .choise .service:before,
  #pid-saec.pid-lp-comparison .choise .service:before {
    height: 280px;
  }
}
#pid-info.pid-lp-comparison .choise .service:after,
#pid-404.pid-lp-comparison .choise .service:after,
#pid-ylp.pid-lp-comparison .choise .service:after,
#pid-saec.pid-lp-comparison .choise .service:after {
  content: "";
  display: block;
  position: absolute;
  background: url(../img/comparison/fig_man.png) no-repeat 0 0;
  width: 341px;
  height: 1036px;
  top: -240px;
  right: 50%;
  margin-right: -680px;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .choise .service:after,
  #pid-404.pid-lp-comparison .choise .service:after,
  #pid-ylp.pid-lp-comparison .choise .service:after,
  #pid-saec.pid-lp-comparison .choise .service:after {
    background-size: 100% auto;
    width: 20.8%;
    top: -3%;
    right: 3%;
    margin-right: 0;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .choise .service:after,
  #pid-404.pid-lp-comparison .choise .service:after,
  #pid-ylp.pid-lp-comparison .choise .service:after,
  #pid-saec.pid-lp-comparison .choise .service:after {
    width: 27.467%;
    top: 1%;
  }
}
#pid-info.pid-lp-comparison .choise .service .serviceHeader,
#pid-404.pid-lp-comparison .choise .service .serviceHeader,
#pid-ylp.pid-lp-comparison .choise .service .serviceHeader,
#pid-saec.pid-lp-comparison .choise .service .serviceHeader {
  color: #fff;
  font-size: 4rem;
  font-weight: bold;
  text-align: center;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .choise .service .serviceHeader,
  #pid-404.pid-lp-comparison .choise .service .serviceHeader,
  #pid-ylp.pid-lp-comparison .choise .service .serviceHeader,
  #pid-saec.pid-lp-comparison .choise .service .serviceHeader {
    font-size: 2.8rem;
    position: relative;
    z-index: 1;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .choise .service .serviceHeader,
  #pid-404.pid-lp-comparison .choise .service .serviceHeader,
  #pid-ylp.pid-lp-comparison .choise .service .serviceHeader,
  #pid-saec.pid-lp-comparison .choise .service .serviceHeader {
    font-size: 2.4rem;
    width: 93.75%;
    text-align: left;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 448px) {
  #pid-info.pid-lp-comparison .choise .service .serviceHeader,
  #pid-404.pid-lp-comparison .choise .service .serviceHeader,
  #pid-ylp.pid-lp-comparison .choise .service .serviceHeader,
  #pid-saec.pid-lp-comparison .choise .service .serviceHeader {
    text-align: center;
  }
}
@media only screen and (max-width: 362px) {
  #pid-info.pid-lp-comparison .choise .service .serviceHeader,
  #pid-404.pid-lp-comparison .choise .service .serviceHeader,
  #pid-ylp.pid-lp-comparison .choise .service .serviceHeader,
  #pid-saec.pid-lp-comparison .choise .service .serviceHeader {
    font-size: 2rem;
  }
}
#pid-info.pid-lp-comparison .choise .service .serviceHeader span,
#pid-404.pid-lp-comparison .choise .service .serviceHeader span,
#pid-ylp.pid-lp-comparison .choise .service .serviceHeader span,
#pid-saec.pid-lp-comparison .choise .service .serviceHeader span {
  background: #fff;
  color: #134c90;
  padding: 4px 8px;
}
#pid-info.pid-lp-comparison .choise .service .serviceList,
#pid-404.pid-lp-comparison .choise .service .serviceList,
#pid-ylp.pid-lp-comparison .choise .service .serviceList,
#pid-saec.pid-lp-comparison .choise .service .serviceList {
  margin: 48px auto 0;
  max-width: 800px;
  border: #FFF 4px solid;
  border-radius: 8px;
  padding: 24px 40px;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .choise .service .serviceList,
  #pid-404.pid-lp-comparison .choise .service .serviceList,
  #pid-ylp.pid-lp-comparison .choise .service .serviceList,
  #pid-saec.pid-lp-comparison .choise .service .serviceList {
    margin: 32px auto 0;
    padding: 24px;
    width: 77.778%;
    position: relative;
    z-index: 1;
    background: #2564c4;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .choise .service .serviceList,
  #pid-404.pid-lp-comparison .choise .service .serviceList,
  #pid-ylp.pid-lp-comparison .choise .service .serviceList,
  #pid-saec.pid-lp-comparison .choise .service .serviceList {
    padding: 16px;
    width: 93.75%;
  }
}
#pid-info.pid-lp-comparison .choise .service .serviceList li,
#pid-404.pid-lp-comparison .choise .service .serviceList li,
#pid-ylp.pid-lp-comparison .choise .service .serviceList li,
#pid-saec.pid-lp-comparison .choise .service .serviceList li {
  list-style: disc;
  color: #FFF;
  font-size: 1.8rem;
  margin: 0.4em 0 0 1em;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .choise .service .serviceList li,
  #pid-404.pid-lp-comparison .choise .service .serviceList li,
  #pid-ylp.pid-lp-comparison .choise .service .serviceList li,
  #pid-saec.pid-lp-comparison .choise .service .serviceList li {
    font-size: 1.4rem;
  }
}
#pid-info.pid-lp-comparison .choise .service .serviceList li:first-child,
#pid-404.pid-lp-comparison .choise .service .serviceList li:first-child,
#pid-ylp.pid-lp-comparison .choise .service .serviceList li:first-child,
#pid-saec.pid-lp-comparison .choise .service .serviceList li:first-child {
  margin-top: 0;
}
#pid-info.pid-lp-comparison .choise .service .serviceBody,
#pid-404.pid-lp-comparison .choise .service .serviceBody,
#pid-ylp.pid-lp-comparison .choise .service .serviceBody,
#pid-saec.pid-lp-comparison .choise .service .serviceBody {
  max-width: 1080px;
  width: 100%;
  margin: 60px auto 0;
  border-radius: 8px;
  background: #fff;
  padding: 0 0 64px;
  -webkit-box-shadow: 0px 4px 15.36px 0.64px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 4px 15.36px 0.64px rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .choise .service .serviceBody,
  #pid-404.pid-lp-comparison .choise .service .serviceBody,
  #pid-ylp.pid-lp-comparison .choise .service .serviceBody,
  #pid-saec.pid-lp-comparison .choise .service .serviceBody {
    width: calc(100% - 48px);
    margin: 32px 24px 0;
    padding: 0 0 32px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .choise .service .serviceBody,
  #pid-404.pid-lp-comparison .choise .service .serviceBody,
  #pid-ylp.pid-lp-comparison .choise .service .serviceBody,
  #pid-saec.pid-lp-comparison .choise .service .serviceBody {
    width: 93.75%;
    margin: 32px auto 0;
  }
}
#pid-info.pid-lp-comparison .choise .service .serviceBody:before,
#pid-404.pid-lp-comparison .choise .service .serviceBody:before,
#pid-ylp.pid-lp-comparison .choise .service .serviceBody:before,
#pid-saec.pid-lp-comparison .choise .service .serviceBody:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border: 16px solid transparent;
  border-top-color: #134c90;
  border-left-width: 12px;
  border-right-width: 12px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .choise .service .serviceData,
  #pid-404.pid-lp-comparison .choise .service .serviceData,
  #pid-ylp.pid-lp-comparison .choise .service .serviceData,
  #pid-saec.pid-lp-comparison .choise .service .serviceData {
    padding: 0 40px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .choise .service .serviceData,
  #pid-404.pid-lp-comparison .choise .service .serviceData,
  #pid-ylp.pid-lp-comparison .choise .service .serviceData,
  #pid-saec.pid-lp-comparison .choise .service .serviceData {
    padding: 0 6.4%;
  }
}
#pid-info.pid-lp-comparison .choise .service .dataHeader,
#pid-404.pid-lp-comparison .choise .service .dataHeader,
#pid-ylp.pid-lp-comparison .choise .service .dataHeader,
#pid-saec.pid-lp-comparison .choise .service .dataHeader {
  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;
  padding: 0 72px 0 0;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .choise .service .dataHeader,
  #pid-404.pid-lp-comparison .choise .service .dataHeader,
  #pid-ylp.pid-lp-comparison .choise .service .dataHeader,
  #pid-saec.pid-lp-comparison .choise .service .dataHeader {
    padding: 0;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .choise .service .dataHeader,
  #pid-404.pid-lp-comparison .choise .service .dataHeader,
  #pid-ylp.pid-lp-comparison .choise .service .dataHeader,
  #pid-saec.pid-lp-comparison .choise .service .dataHeader {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#pid-info.pid-lp-comparison .choise .service .dataHeader .dataDetail,
#pid-404.pid-lp-comparison .choise .service .dataHeader .dataDetail,
#pid-ylp.pid-lp-comparison .choise .service .dataHeader .dataDetail,
#pid-saec.pid-lp-comparison .choise .service .dataHeader .dataDetail {
  margin: 72px 0 0 40px;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .choise .service .dataHeader .dataDetail,
  #pid-404.pid-lp-comparison .choise .service .dataHeader .dataDetail,
  #pid-ylp.pid-lp-comparison .choise .service .dataHeader .dataDetail,
  #pid-saec.pid-lp-comparison .choise .service .dataHeader .dataDetail {
    margin: 48px 0 0 40px;
    width: 48%;
  }
  #pid-info.pid-lp-comparison .choise .service .dataHeader .dataDetail .logo,
  #pid-404.pid-lp-comparison .choise .service .dataHeader .dataDetail .logo,
  #pid-ylp.pid-lp-comparison .choise .service .dataHeader .dataDetail .logo,
  #pid-saec.pid-lp-comparison .choise .service .dataHeader .dataDetail .logo {
    width: 249px;
  }
  #pid-info.pid-lp-comparison .choise .service .dataHeader .dataDetail .logo img,
  #pid-404.pid-lp-comparison .choise .service .dataHeader .dataDetail .logo img,
  #pid-ylp.pid-lp-comparison .choise .service .dataHeader .dataDetail .logo img,
  #pid-saec.pid-lp-comparison .choise .service .dataHeader .dataDetail .logo img {
    max-width: 100%;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .choise .service .dataHeader .dataDetail,
  #pid-404.pid-lp-comparison .choise .service .dataHeader .dataDetail,
  #pid-ylp.pid-lp-comparison .choise .service .dataHeader .dataDetail,
  #pid-saec.pid-lp-comparison .choise .service .dataHeader .dataDetail {
    margin: 48px 0 0;
    width: 100%;
  }
  #pid-info.pid-lp-comparison .choise .service .dataHeader .dataDetail .logo,
  #pid-404.pid-lp-comparison .choise .service .dataHeader .dataDetail .logo,
  #pid-ylp.pid-lp-comparison .choise .service .dataHeader .dataDetail .logo,
  #pid-saec.pid-lp-comparison .choise .service .dataHeader .dataDetail .logo {
    margin: 0 auto;
  }
}
#pid-info.pid-lp-comparison .choise .service .dataHeader .dataDetail .desc,
#pid-404.pid-lp-comparison .choise .service .dataHeader .dataDetail .desc,
#pid-ylp.pid-lp-comparison .choise .service .dataHeader .dataDetail .desc,
#pid-saec.pid-lp-comparison .choise .service .dataHeader .dataDetail .desc {
  line-height: 2;
  margin: 32px 0 0;
  width: 500px;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .choise .service .dataHeader .dataDetail .desc,
  #pid-404.pid-lp-comparison .choise .service .dataHeader .dataDetail .desc,
  #pid-ylp.pid-lp-comparison .choise .service .dataHeader .dataDetail .desc,
  #pid-saec.pid-lp-comparison .choise .service .dataHeader .dataDetail .desc {
    line-height: 1.8;
    width: auto;
    margin: 24px 0 0;
    font-size: 1.4rem;
  }
}
#pid-info.pid-lp-comparison .choise .service .dataHeader .dataThumbs,
#pid-404.pid-lp-comparison .choise .service .dataHeader .dataThumbs,
#pid-ylp.pid-lp-comparison .choise .service .dataHeader .dataThumbs,
#pid-saec.pid-lp-comparison .choise .service .dataHeader .dataThumbs {
  margin-top: -24px;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .choise .service .dataHeader .dataThumbs,
  #pid-404.pid-lp-comparison .choise .service .dataHeader .dataThumbs,
  #pid-ylp.pid-lp-comparison .choise .service .dataHeader .dataThumbs,
  #pid-saec.pid-lp-comparison .choise .service .dataHeader .dataThumbs {
    margin-top: 48px;
    width: 45.296%;
  }
  #pid-info.pid-lp-comparison .choise .service .dataHeader .dataThumbs img,
  #pid-404.pid-lp-comparison .choise .service .dataHeader .dataThumbs img,
  #pid-ylp.pid-lp-comparison .choise .service .dataHeader .dataThumbs img,
  #pid-saec.pid-lp-comparison .choise .service .dataHeader .dataThumbs img {
    max-width: 100%;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .choise .service .dataHeader .dataThumbs,
  #pid-404.pid-lp-comparison .choise .service .dataHeader .dataThumbs,
  #pid-ylp.pid-lp-comparison .choise .service .dataHeader .dataThumbs,
  #pid-saec.pid-lp-comparison .choise .service .dataHeader .dataThumbs {
    margin: 24px auto 0;
    width: 84%;
  }
}
#pid-info.pid-lp-comparison .choise .service .dataContents .contentsList,
#pid-404.pid-lp-comparison .choise .service .dataContents .contentsList,
#pid-ylp.pid-lp-comparison .choise .service .dataContents .contentsList,
#pid-saec.pid-lp-comparison .choise .service .dataContents .contentsList {
  border: 4px solid #134c90;
  border-radius: 8px;
  padding: 20px 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 880px;
  margin: 40px auto 0;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .choise .service .dataContents .contentsList,
  #pid-404.pid-lp-comparison .choise .service .dataContents .contentsList,
  #pid-ylp.pid-lp-comparison .choise .service .dataContents .contentsList,
  #pid-saec.pid-lp-comparison .choise .service .dataContents .contentsList {
    padding: 20px 24px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .choise .service .dataContents .contentsList,
  #pid-404.pid-lp-comparison .choise .service .dataContents .contentsList,
  #pid-ylp.pid-lp-comparison .choise .service .dataContents .contentsList,
  #pid-saec.pid-lp-comparison .choise .service .dataContents .contentsList {
    padding: 20px 16px;
  }
}
#pid-info.pid-lp-comparison .choise .service .dataContents .contentsList li,
#pid-404.pid-lp-comparison .choise .service .dataContents .contentsList li,
#pid-ylp.pid-lp-comparison .choise .service .dataContents .contentsList li,
#pid-saec.pid-lp-comparison .choise .service .dataContents .contentsList li {
  width: 50%;
  background: url(../img/comparison/ico_check_xbiz.png) no-repeat 0 2px;
  margin: 4px 0 0;
  padding: 0 0 0 32px;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .choise .service .dataContents .contentsList li,
  #pid-404.pid-lp-comparison .choise .service .dataContents .contentsList li,
  #pid-ylp.pid-lp-comparison .choise .service .dataContents .contentsList li,
  #pid-saec.pid-lp-comparison .choise .service .dataContents .contentsList li {
    width: 100%;
    font-size: 1.4rem;
    padding: 0 0 0 26px;
    margin: 8px 0 0;
  }
  #pid-info.pid-lp-comparison .choise .service .dataContents .contentsList li br,
  #pid-404.pid-lp-comparison .choise .service .dataContents .contentsList li br,
  #pid-ylp.pid-lp-comparison .choise .service .dataContents .contentsList li br,
  #pid-saec.pid-lp-comparison .choise .service .dataContents .contentsList li br {
    display: none;
  }
  #pid-info.pid-lp-comparison .choise .service .dataContents .contentsList li:first-child,
  #pid-404.pid-lp-comparison .choise .service .dataContents .contentsList li:first-child,
  #pid-ylp.pid-lp-comparison .choise .service .dataContents .contentsList li:first-child,
  #pid-saec.pid-lp-comparison .choise .service .dataContents .contentsList li:first-child {
    margin-top: 0;
  }
}
#pid-info.pid-lp-comparison .choise .service .dataContents .contentsList li span,
#pid-404.pid-lp-comparison .choise .service .dataContents .contentsList li span,
#pid-ylp.pid-lp-comparison .choise .service .dataContents .contentsList li span,
#pid-saec.pid-lp-comparison .choise .service .dataContents .contentsList li span {
  color: #134c90;
  font-weight: bold;
}
#pid-info.pid-lp-comparison .choise .service .dataContents .contentsList--xs li,
#pid-404.pid-lp-comparison .choise .service .dataContents .contentsList--xs li,
#pid-ylp.pid-lp-comparison .choise .service .dataContents .contentsList--xs li,
#pid-saec.pid-lp-comparison .choise .service .dataContents .contentsList--xs li {
  width: 40%;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .choise .service .dataContents .contentsList--xs li,
  #pid-404.pid-lp-comparison .choise .service .dataContents .contentsList--xs li,
  #pid-ylp.pid-lp-comparison .choise .service .dataContents .contentsList--xs li,
  #pid-saec.pid-lp-comparison .choise .service .dataContents .contentsList--xs li {
    width: 100%;
  }
}
#pid-info.pid-lp-comparison .choise .service .dataContents .dataCampaign,
#pid-404.pid-lp-comparison .choise .service .dataContents .dataCampaign,
#pid-ylp.pid-lp-comparison .choise .service .dataContents .dataCampaign,
#pid-saec.pid-lp-comparison .choise .service .dataContents .dataCampaign {
  text-align: center;
  margin: 32px 0 0;
}
#pid-info.pid-lp-comparison .choise .service .dataContents .dataCampaign .caption span,
#pid-404.pid-lp-comparison .choise .service .dataContents .dataCampaign .caption span,
#pid-ylp.pid-lp-comparison .choise .service .dataContents .dataCampaign .caption span,
#pid-saec.pid-lp-comparison .choise .service .dataContents .dataCampaign .caption span {
  font-weight: bold;
}
#pid-info.pid-lp-comparison .choise .service .dataContents .dataCampaign .bnr,
#pid-404.pid-lp-comparison .choise .service .dataContents .dataCampaign .bnr,
#pid-ylp.pid-lp-comparison .choise .service .dataContents .dataCampaign .bnr,
#pid-saec.pid-lp-comparison .choise .service .dataContents .dataCampaign .bnr {
  margin: 4px 0 0;
}
#pid-info.pid-lp-comparison .choise .service .dataContents .dataCampaign .bnr a,
#pid-404.pid-lp-comparison .choise .service .dataContents .dataCampaign .bnr a,
#pid-ylp.pid-lp-comparison .choise .service .dataContents .dataCampaign .bnr a,
#pid-saec.pid-lp-comparison .choise .service .dataContents .dataCampaign .bnr a {
  -webkit-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out;
}
#pid-info.pid-lp-comparison .choise .service .dataContents .dataCampaign .bnr a:hover,
#pid-404.pid-lp-comparison .choise .service .dataContents .dataCampaign .bnr a:hover,
#pid-ylp.pid-lp-comparison .choise .service .dataContents .dataCampaign .bnr a:hover,
#pid-saec.pid-lp-comparison .choise .service .dataContents .dataCampaign .bnr a:hover {
  opacity: 0.6;
}
#pid-info.pid-lp-comparison .choise .service .dataContents .dataCampaign .bnr img,
#pid-404.pid-lp-comparison .choise .service .dataContents .dataCampaign .bnr img,
#pid-ylp.pid-lp-comparison .choise .service .dataContents .dataCampaign .bnr img,
#pid-saec.pid-lp-comparison .choise .service .dataContents .dataCampaign .bnr img {
  max-width: 100%;
}
#pid-info.pid-lp-comparison .choise .service .serviceLink,
#pid-404.pid-lp-comparison .choise .service .serviceLink,
#pid-ylp.pid-lp-comparison .choise .service .serviceLink,
#pid-saec.pid-lp-comparison .choise .service .serviceLink {
  background: #006a7c;
  margin: 64px 0 0;
  height: 224px;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .choise .service .serviceLink,
  #pid-404.pid-lp-comparison .choise .service .serviceLink,
  #pid-ylp.pid-lp-comparison .choise .service .serviceLink,
  #pid-saec.pid-lp-comparison .choise .service .serviceLink {
    margin: 48px 0 0;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .choise .service .serviceLink,
  #pid-404.pid-lp-comparison .choise .service .serviceLink,
  #pid-ylp.pid-lp-comparison .choise .service .serviceLink,
  #pid-saec.pid-lp-comparison .choise .service .serviceLink {
    height: 280px;
  }
}
#pid-info.pid-lp-comparison .choise .service .serviceLink .caption,
#pid-404.pid-lp-comparison .choise .service .serviceLink .caption,
#pid-ylp.pid-lp-comparison .choise .service .serviceLink .caption,
#pid-saec.pid-lp-comparison .choise .service .serviceLink .caption {
  text-align: center;
  font-size: 2.4rem;
  font-weight: bold;
  color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .choise .service .serviceLink .caption,
  #pid-404.pid-lp-comparison .choise .service .serviceLink .caption,
  #pid-ylp.pid-lp-comparison .choise .service .serviceLink .caption,
  #pid-saec.pid-lp-comparison .choise .service .serviceLink .caption {
    font-size: 1.8rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .choise .service .serviceLink .caption,
  #pid-404.pid-lp-comparison .choise .service .serviceLink .caption,
  #pid-ylp.pid-lp-comparison .choise .service .serviceLink .caption,
  #pid-saec.pid-lp-comparison .choise .service .serviceLink .caption {
    font-size: 1.6rem;
  }
}
#pid-info.pid-lp-comparison .choise .service .serviceLink .linkList,
#pid-404.pid-lp-comparison .choise .service .serviceLink .linkList,
#pid-ylp.pid-lp-comparison .choise .service .serviceLink .linkList,
#pid-saec.pid-lp-comparison .choise .service .serviceLink .linkList {
  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;
  margin: 20px 0 0;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .choise .service .serviceLink .linkList,
  #pid-404.pid-lp-comparison .choise .service .serviceLink .linkList,
  #pid-ylp.pid-lp-comparison .choise .service .serviceLink .linkList,
  #pid-saec.pid-lp-comparison .choise .service .serviceLink .linkList {
    margin: 20px 40px 0;
    width: calc(100% - 80px);
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .choise .service .serviceLink .linkList,
  #pid-404.pid-lp-comparison .choise .service .serviceLink .linkList,
  #pid-ylp.pid-lp-comparison .choise .service .serviceLink .linkList,
  #pid-saec.pid-lp-comparison .choise .service .serviceLink .linkList {
    margin: 20px 6.4% 0;
    width: 87.2%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
#pid-info.pid-lp-comparison .choise .service .serviceLink .linkList li,
#pid-404.pid-lp-comparison .choise .service .serviceLink .linkList li,
#pid-ylp.pid-lp-comparison .choise .service .serviceLink .linkList li,
#pid-saec.pid-lp-comparison .choise .service .serviceLink .linkList li {
  margin: 0 8px;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .choise .service .serviceLink .linkList li,
  #pid-404.pid-lp-comparison .choise .service .serviceLink .linkList li,
  #pid-ylp.pid-lp-comparison .choise .service .serviceLink .linkList li,
  #pid-saec.pid-lp-comparison .choise .service .serviceLink .linkList li {
    margin: 0;
    width: 47.975%;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .choise .service .serviceLink .linkList li,
  #pid-404.pid-lp-comparison .choise .service .serviceLink .linkList li,
  #pid-ylp.pid-lp-comparison .choise .service .serviceLink .linkList li,
  #pid-saec.pid-lp-comparison .choise .service .serviceLink .linkList li {
    width: 100%;
  }
  #pid-info.pid-lp-comparison .choise .service .serviceLink .linkList li:not(:last-child),
  #pid-404.pid-lp-comparison .choise .service .serviceLink .linkList li:not(:last-child),
  #pid-ylp.pid-lp-comparison .choise .service .serviceLink .linkList li:not(:last-child),
  #pid-saec.pid-lp-comparison .choise .service .serviceLink .linkList li:not(:last-child) {
    margin-top: 16px;
  }
}
#pid-info.pid-lp-comparison .choise .service .serviceLink .linkList .btn,
#pid-404.pid-lp-comparison .choise .service .serviceLink .linkList .btn,
#pid-ylp.pid-lp-comparison .choise .service .serviceLink .linkList .btn,
#pid-saec.pid-lp-comparison .choise .service .serviceLink .linkList .btn {
  width: 400px;
  padding: 18px 0;
  text-align: center;
  position: relative;
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  border: 4px solid #fff;
  border-radius: 4px;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .choise .service .serviceLink .linkList .btn,
  #pid-404.pid-lp-comparison .choise .service .serviceLink .linkList .btn,
  #pid-ylp.pid-lp-comparison .choise .service .serviceLink .linkList .btn,
  #pid-saec.pid-lp-comparison .choise .service .serviceLink .linkList .btn {
    width: 100%;
    font-size: 1.6rem;
  }
}
#pid-info.pid-lp-comparison .choise .service .serviceLink .linkList .btn:after,
#pid-404.pid-lp-comparison .choise .service .serviceLink .linkList .btn:after,
#pid-ylp.pid-lp-comparison .choise .service .serviceLink .linkList .btn:after,
#pid-saec.pid-lp-comparison .choise .service .serviceLink .linkList .btn:after {
  content: "\e606";
  display: inline-block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 16px;
  font-size: 90%;
  color: #fff;
  font-family: "xserver";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: middle;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
}
#pid-info.pid-lp-comparison .choise .service .serviceLink .linkList .btn.registry,
#pid-404.pid-lp-comparison .choise .service .serviceLink .linkList .btn.registry,
#pid-ylp.pid-lp-comparison .choise .service .serviceLink .linkList .btn.registry,
#pid-saec.pid-lp-comparison .choise .service .serviceLink .linkList .btn.registry {
  color: #254862;
  background: #ffba00;
  border-color: #ffba00;
}
#pid-info.pid-lp-comparison .choise .service .serviceLink .linkList .btn.registry:after,
#pid-404.pid-lp-comparison .choise .service .serviceLink .linkList .btn.registry:after,
#pid-ylp.pid-lp-comparison .choise .service .serviceLink .linkList .btn.registry:after,
#pid-saec.pid-lp-comparison .choise .service .serviceLink .linkList .btn.registry:after {
  color: #254862;
}
#pid-info.pid-lp-comparison .choise .service.xserver,
#pid-404.pid-lp-comparison .choise .service.xserver,
#pid-ylp.pid-lp-comparison .choise .service.xserver,
#pid-saec.pid-lp-comparison .choise .service.xserver {
  background: #2564c4;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .choise .service.xserver,
  #pid-404.pid-lp-comparison .choise .service.xserver,
  #pid-ylp.pid-lp-comparison .choise .service.xserver,
  #pid-saec.pid-lp-comparison .choise .service.xserver {
    margin-top: 0;
    border-radius: 0 0 8px 8px;
  }
}
#pid-info.pid-lp-comparison .choise .service.xserver:before,
#pid-404.pid-lp-comparison .choise .service.xserver:before,
#pid-ylp.pid-lp-comparison .choise .service.xserver:before,
#pid-saec.pid-lp-comparison .choise .service.xserver:before {
  background: #3692c1;
}
#pid-info.pid-lp-comparison .choise .service.xserver:after,
#pid-404.pid-lp-comparison .choise .service.xserver:after,
#pid-ylp.pid-lp-comparison .choise .service.xserver:after,
#pid-saec.pid-lp-comparison .choise .service.xserver:after {
  background: url(../img/comparison/fig_woman.png) no-repeat 0 0;
  width: 285px;
  height: 1003px;
  top: -40px;
  right: auto;
  left: 50%;
  margin-right: 0;
  margin-left: -676px;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .choise .service.xserver:after,
  #pid-404.pid-lp-comparison .choise .service.xserver:after,
  #pid-ylp.pid-lp-comparison .choise .service.xserver:after,
  #pid-saec.pid-lp-comparison .choise .service.xserver:after {
    background-size: 100% auto;
    width: 17.5%;
    height: 1003px;
    top: 2%;
    right: auto;
    left: 0.4%;
    margin-right: 0;
    margin-left: 0;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .choise .service.xserver:after,
  #pid-404.pid-lp-comparison .choise .service.xserver:after,
  #pid-ylp.pid-lp-comparison .choise .service.xserver:after,
  #pid-saec.pid-lp-comparison .choise .service.xserver:after {
    width: 22.935%;
    top: 3%;
    left: -4%;
  }
}
#pid-info.pid-lp-comparison .choise .service.xserver .serviceHeader span,
#pid-404.pid-lp-comparison .choise .service.xserver .serviceHeader span,
#pid-ylp.pid-lp-comparison .choise .service.xserver .serviceHeader span,
#pid-saec.pid-lp-comparison .choise .service.xserver .serviceHeader span {
  color: #2564c4;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .choise .service.xserver .serviceHeader,
  #pid-404.pid-lp-comparison .choise .service.xserver .serviceHeader,
  #pid-ylp.pid-lp-comparison .choise .service.xserver .serviceHeader,
  #pid-saec.pid-lp-comparison .choise .service.xserver .serviceHeader {
    padding-left: 3em;
  }
}
#pid-info.pid-lp-comparison .choise .service.xserver .serviceBody:before,
#pid-404.pid-lp-comparison .choise .service.xserver .serviceBody:before,
#pid-ylp.pid-lp-comparison .choise .service.xserver .serviceBody:before,
#pid-saec.pid-lp-comparison .choise .service.xserver .serviceBody:before {
  border-top-color: #2564c4;
}
#pid-info.pid-lp-comparison .choise .service.xserver .dataHeader,
#pid-404.pid-lp-comparison .choise .service.xserver .dataHeader,
#pid-ylp.pid-lp-comparison .choise .service.xserver .dataHeader,
#pid-saec.pid-lp-comparison .choise .service.xserver .dataHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 0 0 0 72px;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .choise .service.xserver .dataHeader,
  #pid-404.pid-lp-comparison .choise .service.xserver .dataHeader,
  #pid-ylp.pid-lp-comparison .choise .service.xserver .dataHeader,
  #pid-saec.pid-lp-comparison .choise .service.xserver .dataHeader {
    padding: 0;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .choise .service.xserver .dataHeader,
  #pid-404.pid-lp-comparison .choise .service.xserver .dataHeader,
  #pid-ylp.pid-lp-comparison .choise .service.xserver .dataHeader,
  #pid-saec.pid-lp-comparison .choise .service.xserver .dataHeader {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#pid-info.pid-lp-comparison .choise .service.xserver .dataHeader .dataDetail,
#pid-404.pid-lp-comparison .choise .service.xserver .dataHeader .dataDetail,
#pid-ylp.pid-lp-comparison .choise .service.xserver .dataHeader .dataDetail,
#pid-saec.pid-lp-comparison .choise .service.xserver .dataHeader .dataDetail {
  margin: 72px 40px 0 0;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .choise .service.xserver .dataHeader .dataDetail,
  #pid-404.pid-lp-comparison .choise .service.xserver .dataHeader .dataDetail,
  #pid-ylp.pid-lp-comparison .choise .service.xserver .dataHeader .dataDetail,
  #pid-saec.pid-lp-comparison .choise .service.xserver .dataHeader .dataDetail {
    margin: 48px 40px 0 0;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .choise .service.xserver .dataHeader .dataDetail,
  #pid-404.pid-lp-comparison .choise .service.xserver .dataHeader .dataDetail,
  #pid-ylp.pid-lp-comparison .choise .service.xserver .dataHeader .dataDetail,
  #pid-saec.pid-lp-comparison .choise .service.xserver .dataHeader .dataDetail {
    margin: 48px 0 0;
  }
}
#pid-info.pid-lp-comparison .choise .service.xserver .dataHeader .dataThumbs,
#pid-404.pid-lp-comparison .choise .service.xserver .dataHeader .dataThumbs,
#pid-ylp.pid-lp-comparison .choise .service.xserver .dataHeader .dataThumbs,
#pid-saec.pid-lp-comparison .choise .service.xserver .dataHeader .dataThumbs {
  margin-top: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .choise .service.xserver .dataHeader .dataThumbs,
  #pid-404.pid-lp-comparison .choise .service.xserver .dataHeader .dataThumbs,
  #pid-ylp.pid-lp-comparison .choise .service.xserver .dataHeader .dataThumbs,
  #pid-saec.pid-lp-comparison .choise .service.xserver .dataHeader .dataThumbs {
    margin-top: 48px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .choise .service.xserver .dataHeader .dataThumbs,
  #pid-404.pid-lp-comparison .choise .service.xserver .dataHeader .dataThumbs,
  #pid-ylp.pid-lp-comparison .choise .service.xserver .dataHeader .dataThumbs,
  #pid-saec.pid-lp-comparison .choise .service.xserver .dataHeader .dataThumbs {
    margin-top: 24px;
  }
}
#pid-info.pid-lp-comparison .choise .service.xserver .dataContents .contentsList,
#pid-404.pid-lp-comparison .choise .service.xserver .dataContents .contentsList,
#pid-ylp.pid-lp-comparison .choise .service.xserver .dataContents .contentsList,
#pid-saec.pid-lp-comparison .choise .service.xserver .dataContents .contentsList {
  border-color: #2564c4;
}
#pid-info.pid-lp-comparison .choise .service.xserver .dataContents .contentsList li,
#pid-404.pid-lp-comparison .choise .service.xserver .dataContents .contentsList li,
#pid-ylp.pid-lp-comparison .choise .service.xserver .dataContents .contentsList li,
#pid-saec.pid-lp-comparison .choise .service.xserver .dataContents .contentsList li {
  background-image: url(../img/comparison/ico_check_xs.png);
}
#pid-info.pid-lp-comparison .choise .service.xserver .dataContents .contentsList li span,
#pid-404.pid-lp-comparison .choise .service.xserver .dataContents .contentsList li span,
#pid-ylp.pid-lp-comparison .choise .service.xserver .dataContents .contentsList li span,
#pid-saec.pid-lp-comparison .choise .service.xserver .dataContents .contentsList li span {
  color: #1b5fa6;
}
#pid-info.pid-lp-comparison .choise .service.xserver .serviceLink,
#pid-404.pid-lp-comparison .choise .service.xserver .serviceLink,
#pid-ylp.pid-lp-comparison .choise .service.xserver .serviceLink,
#pid-saec.pid-lp-comparison .choise .service.xserver .serviceLink {
  background: #3692c1;
}
#pid-info.pid-lp-comparison .choise .service.xserver .serviceLink .linkList .btn.registry,
#pid-404.pid-lp-comparison .choise .service.xserver .serviceLink .linkList .btn.registry,
#pid-ylp.pid-lp-comparison .choise .service.xserver .serviceLink .linkList .btn.registry,
#pid-saec.pid-lp-comparison .choise .service.xserver .serviceLink .linkList .btn.registry {
  color: #fff;
  background: #f7790b;
  border-color: #f7790b;
}
#pid-info.pid-lp-comparison .choise .service.xserver .serviceLink .linkList .btn.registry:after,
#pid-404.pid-lp-comparison .choise .service.xserver .serviceLink .linkList .btn.registry:after,
#pid-ylp.pid-lp-comparison .choise .service.xserver .serviceLink .linkList .btn.registry:after,
#pid-saec.pid-lp-comparison .choise .service.xserver .serviceLink .linkList .btn.registry:after {
  color: #fff;
}
#pid-info.pid-lp-comparison .chart,
#pid-404.pid-lp-comparison .chart,
#pid-ylp.pid-lp-comparison .chart,
#pid-saec.pid-lp-comparison .chart {
  margin: 120px auto 0;
  max-width: 1160px;
  width: 100%;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .chart,
  #pid-404.pid-lp-comparison .chart,
  #pid-ylp.pid-lp-comparison .chart,
  #pid-saec.pid-lp-comparison .chart {
    margin: 96px auto 0;
    width: 93.75%;
  }
  #pid-info.pid-lp-comparison .chart .ttl,
  #pid-404.pid-lp-comparison .chart .ttl,
  #pid-ylp.pid-lp-comparison .chart .ttl,
  #pid-saec.pid-lp-comparison .chart .ttl {
    max-width: 321px;
  }
  #pid-info.pid-lp-comparison .chart .ttl img,
  #pid-404.pid-lp-comparison .chart .ttl img,
  #pid-ylp.pid-lp-comparison .chart .ttl img,
  #pid-saec.pid-lp-comparison .chart .ttl img {
    max-width: 100%;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .chart,
  #pid-404.pid-lp-comparison .chart,
  #pid-ylp.pid-lp-comparison .chart,
  #pid-saec.pid-lp-comparison .chart {
    margin: 80px auto 0;
    width: 100%;
  }
  #pid-info.pid-lp-comparison .chart .ttl,
  #pid-404.pid-lp-comparison .chart .ttl,
  #pid-ylp.pid-lp-comparison .chart .ttl,
  #pid-saec.pid-lp-comparison .chart .ttl {
    margin: 0 auto 16px;
  }
  #pid-info.pid-lp-comparison .chart .ttl:after,
  #pid-404.pid-lp-comparison .chart .ttl:after,
  #pid-ylp.pid-lp-comparison .chart .ttl:after,
  #pid-saec.pid-lp-comparison .chart .ttl:after {
    content: "\30bf\30c3\30d7\3067\5207\308a\66ff\3048\3067\304d\307e\3059 \25bc";
    border: 2px solid #2564c4;
    border-radius: 50px;
    font-size: 1.6rem;
    font-weight: bold;
    padding: 2px 20px 0;
    color: #2564c4;
    margin-top: 24px;
    display: inline-block;
  }
}
#pid-info.pid-lp-comparison .chart .chartWrapper,
#pid-404.pid-lp-comparison .chart .chartWrapper,
#pid-ylp.pid-lp-comparison .chart .chartWrapper,
#pid-saec.pid-lp-comparison .chart .chartWrapper {
  position: relative;
}
#pid-info.pid-lp-comparison .chart .serviceFixHeader,
#pid-404.pid-lp-comparison .chart .serviceFixHeader,
#pid-ylp.pid-lp-comparison .chart .serviceFixHeader,
#pid-saec.pid-lp-comparison .chart .serviceFixHeader {
  display: none;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .chart .serviceFixHeader,
  #pid-404.pid-lp-comparison .chart .serviceFixHeader,
  #pid-ylp.pid-lp-comparison .chart .serviceFixHeader,
  #pid-saec.pid-lp-comparison .chart .serviceFixHeader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    z-index: 1;
    position: sticky;
    top: 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #pid-info.pid-lp-comparison .chart .serviceFixHeader:before,
  #pid-404.pid-lp-comparison .chart .serviceFixHeader:before,
  #pid-ylp.pid-lp-comparison .chart .serviceFixHeader:before,
  #pid-saec.pid-lp-comparison .chart .serviceFixHeader:before {
    content: "";
    background: #FFF;
    width: 100%;
    height: 8px;
  }
  #pid-info.pid-lp-comparison .chart .serviceFixHeader li,
  #pid-404.pid-lp-comparison .chart .serviceFixHeader li,
  #pid-ylp.pid-lp-comparison .chart .serviceFixHeader li,
  #pid-saec.pid-lp-comparison .chart .serviceFixHeader li {
    width: 50%;
    text-align: center;
  }
  #pid-info.pid-lp-comparison .chart .serviceFixHeader li input[name=fix-tab],
  #pid-404.pid-lp-comparison .chart .serviceFixHeader li input[name=fix-tab],
  #pid-ylp.pid-lp-comparison .chart .serviceFixHeader li input[name=fix-tab],
  #pid-saec.pid-lp-comparison .chart .serviceFixHeader li input[name=fix-tab] {
    display: none;
  }
  #pid-info.pid-lp-comparison .chart .serviceFixHeader li label,
  #pid-404.pid-lp-comparison .chart .serviceFixHeader li label,
  #pid-ylp.pid-lp-comparison .chart .serviceFixHeader li label,
  #pid-saec.pid-lp-comparison .chart .serviceFixHeader li label {
    background: #2564c4;
    color: #FFF;
    font-size: 1.2rem;
    padding: 14px 16px;
    display: block;
    height: 96px;
  }
  #pid-info.pid-lp-comparison .chart .serviceFixHeader li label.service_xbiz,
  #pid-404.pid-lp-comparison .chart .serviceFixHeader li label.service_xbiz,
  #pid-ylp.pid-lp-comparison .chart .serviceFixHeader li label.service_xbiz,
  #pid-saec.pid-lp-comparison .chart .serviceFixHeader li label.service_xbiz {
    background: #134c90;
  }
  #pid-info.pid-lp-comparison .chart .serviceFixHeader li label .serviceName,
  #pid-404.pid-lp-comparison .chart .serviceFixHeader li label .serviceName,
  #pid-ylp.pid-lp-comparison .chart .serviceFixHeader li label .serviceName,
  #pid-saec.pid-lp-comparison .chart .serviceFixHeader li label .serviceName {
    background: #FFF;
    border-radius: 4px;
    padding: 6px 0;
    margin-top: 2px;
    position: relative;
  }
  #pid-info.pid-lp-comparison .chart .serviceFixHeader li label .serviceName:after,
  #pid-404.pid-lp-comparison .chart .serviceFixHeader li label .serviceName:after,
  #pid-ylp.pid-lp-comparison .chart .serviceFixHeader li label .serviceName:after,
  #pid-saec.pid-lp-comparison .chart .serviceFixHeader li label .serviceName:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -16px;
    border: 6px solid rgba(0, 0, 0, 0);
    border-top-color: #fff;
  }
  #pid-info.pid-lp-comparison .chart .serviceFixHeader li input:checked + label,
  #pid-404.pid-lp-comparison .chart .serviceFixHeader li input:checked + label,
  #pid-ylp.pid-lp-comparison .chart .serviceFixHeader li input:checked + label,
  #pid-saec.pid-lp-comparison .chart .serviceFixHeader li input:checked + label {
    height: 104px;
    padding-top: 22px;
    margin-top: -8px;
  }
  #pid-info.pid-lp-comparison .chart .serviceFixHeader li img,
  #pid-404.pid-lp-comparison .chart .serviceFixHeader li img,
  #pid-ylp.pid-lp-comparison .chart .serviceFixHeader li img,
  #pid-saec.pid-lp-comparison .chart .serviceFixHeader li img {
    width: auto;
    height: 36px;
  }
}
#pid-info.pid-lp-comparison .chart .chartContainer,
#pid-404.pid-lp-comparison .chart .chartContainer,
#pid-ylp.pid-lp-comparison .chart .chartContainer,
#pid-saec.pid-lp-comparison .chart .chartContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-width: 960px;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .chart .chartContainer,
  #pid-404.pid-lp-comparison .chart .chartContainer,
  #pid-ylp.pid-lp-comparison .chart .chartContainer,
  #pid-saec.pid-lp-comparison .chart .chartContainer {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-width: auto;
  }
}
#pid-info.pid-lp-comparison .chart .chartContainer .service,
#pid-404.pid-lp-comparison .chart .chartContainer .service,
#pid-ylp.pid-lp-comparison .chart .chartContainer .service,
#pid-saec.pid-lp-comparison .chart .chartContainer .service {
  width: 570px;
  background: #eff4f8;
  border-radius: 8px;
  padding: 80px 24px;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .chart .chartContainer .service,
  #pid-404.pid-lp-comparison .chart .chartContainer .service,
  #pid-ylp.pid-lp-comparison .chart .chartContainer .service,
  #pid-saec.pid-lp-comparison .chart .chartContainer .service {
    padding: 48px 16px;
    width: calc(50% - 6px);
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .chart .chartContainer .service,
  #pid-404.pid-lp-comparison .chart .chartContainer .service,
  #pid-ylp.pid-lp-comparison .chart .chartContainer .service,
  #pid-saec.pid-lp-comparison .chart .chartContainer .service {
    display: none;
    opacity: 0;
    -webkit-animation-name: fadeIn;
            animation-name: fadeIn;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-duration: 0.5s;
            animation-duration: 0.5s;
    width: 100%;
    border-radius: 0 0 8px 8px;
    background: #2564c4;
    padding-top: 0;
  }
  @-webkit-keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  #pid-info.pid-lp-comparison .chart .chartContainer .service.selected,
  #pid-404.pid-lp-comparison .chart .chartContainer .service.selected,
  #pid-ylp.pid-lp-comparison .chart .chartContainer .service.selected,
  #pid-saec.pid-lp-comparison .chart .chartContainer .service.selected {
    display: block;
  }
}
#pid-info.pid-lp-comparison .chart .chartContainer .service .serviceHeader,
#pid-404.pid-lp-comparison .chart .chartContainer .service .serviceHeader,
#pid-ylp.pid-lp-comparison .chart .chartContainer .service .serviceHeader,
#pid-saec.pid-lp-comparison .chart .chartContainer .service .serviceHeader {
  text-align: center;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .chart .chartContainer .service .serviceHeader,
  #pid-404.pid-lp-comparison .chart .chartContainer .service .serviceHeader,
  #pid-ylp.pid-lp-comparison .chart .chartContainer .service .serviceHeader,
  #pid-saec.pid-lp-comparison .chart .chartContainer .service .serviceHeader {
    display: none;
  }
}
#pid-info.pid-lp-comparison .chart .chartContainer .service .serviceHeader .caption,
#pid-404.pid-lp-comparison .chart .chartContainer .service .serviceHeader .caption,
#pid-ylp.pid-lp-comparison .chart .chartContainer .service .serviceHeader .caption,
#pid-saec.pid-lp-comparison .chart .chartContainer .service .serviceHeader .caption {
  display: table;
  margin: 0 auto;
  border: 2px solid #2564c4;
  border-radius: 50px;
  font-size: 1.8rem;
  font-weight: bold;
  padding: 2px 20px 0;
  color: #2564c4;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .chart .chartContainer .service .serviceHeader .caption,
  #pid-404.pid-lp-comparison .chart .chartContainer .service .serviceHeader .caption,
  #pid-ylp.pid-lp-comparison .chart .chartContainer .service .serviceHeader .caption,
  #pid-saec.pid-lp-comparison .chart .chartContainer .service .serviceHeader .caption {
    font-size: 1.6rem;
  }
}
#pid-info.pid-lp-comparison .chart .chartContainer .service .serviceHeader .serviceName,
#pid-404.pid-lp-comparison .chart .chartContainer .service .serviceHeader .serviceName,
#pid-ylp.pid-lp-comparison .chart .chartContainer .service .serviceHeader .serviceName,
#pid-saec.pid-lp-comparison .chart .chartContainer .service .serviceHeader .serviceName {
  margin: 8px 0 0;
}
#pid-info.pid-lp-comparison .chart .chartContainer .service .serviceHeader .serviceName img,
#pid-404.pid-lp-comparison .chart .chartContainer .service .serviceHeader .serviceName img,
#pid-ylp.pid-lp-comparison .chart .chartContainer .service .serviceHeader .serviceName img,
#pid-saec.pid-lp-comparison .chart .chartContainer .service .serviceHeader .serviceName img {
  width: auto;
  height: 28px;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .chart .chartContainer .service .serviceHeader .serviceName img,
  #pid-404.pid-lp-comparison .chart .chartContainer .service .serviceHeader .serviceName img,
  #pid-ylp.pid-lp-comparison .chart .chartContainer .service .serviceHeader .serviceName img,
  #pid-saec.pid-lp-comparison .chart .chartContainer .service .serviceHeader .serviceName img {
    height: 20px;
    max-width: 100%;
  }
}
#pid-info.pid-lp-comparison .chart .chartContainer .service .serviceBody,
#pid-404.pid-lp-comparison .chart .chartContainer .service .serviceBody,
#pid-ylp.pid-lp-comparison .chart .chartContainer .service .serviceBody,
#pid-saec.pid-lp-comparison .chart .chartContainer .service .serviceBody {
  margin: 48px 0 0;
  width: 480px;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .chart .chartContainer .service .serviceBody,
  #pid-404.pid-lp-comparison .chart .chartContainer .service .serviceBody,
  #pid-ylp.pid-lp-comparison .chart .chartContainer .service .serviceBody,
  #pid-saec.pid-lp-comparison .chart .chartContainer .service .serviceBody {
    width: auto;
  }
}
#pid-info.pid-lp-comparison .chart .chartContainer .service .serviceFooter,
#pid-404.pid-lp-comparison .chart .chartContainer .service .serviceFooter,
#pid-ylp.pid-lp-comparison .chart .chartContainer .service .serviceFooter,
#pid-saec.pid-lp-comparison .chart .chartContainer .service .serviceFooter {
  margin: 40px 0 0;
}
#pid-info.pid-lp-comparison .chart .chartContainer .service .serviceFooter .officialLink,
#pid-404.pid-lp-comparison .chart .chartContainer .service .serviceFooter .officialLink,
#pid-ylp.pid-lp-comparison .chart .chartContainer .service .serviceFooter .officialLink,
#pid-saec.pid-lp-comparison .chart .chartContainer .service .serviceFooter .officialLink {
  margin: 20px 0 0;
  text-align: center;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .chart .chartContainer .service .serviceFooter .officialLink a,
  #pid-404.pid-lp-comparison .chart .chartContainer .service .serviceFooter .officialLink a,
  #pid-ylp.pid-lp-comparison .chart .chartContainer .service .serviceFooter .officialLink a,
  #pid-saec.pid-lp-comparison .chart .chartContainer .service .serviceFooter .officialLink a {
    color: #FFF;
  }
  #pid-info.pid-lp-comparison .chart .chartContainer .service .serviceFooter .officialLink .ico_new-window:before,
  #pid-404.pid-lp-comparison .chart .chartContainer .service .serviceFooter .officialLink .ico_new-window:before,
  #pid-ylp.pid-lp-comparison .chart .chartContainer .service .serviceFooter .officialLink .ico_new-window:before,
  #pid-saec.pid-lp-comparison .chart .chartContainer .service .serviceFooter .officialLink .ico_new-window:before {
    background-image: url(../img/common/ico_blank_white.svg);
  }
}
#pid-info.pid-lp-comparison .chart .chartContainer .service .serviceFooter .registryBtn,
#pid-404.pid-lp-comparison .chart .chartContainer .service .serviceFooter .registryBtn,
#pid-ylp.pid-lp-comparison .chart .chartContainer .service .serviceFooter .registryBtn,
#pid-saec.pid-lp-comparison .chart .chartContainer .service .serviceFooter .registryBtn {
  margin: 0 auto;
  max-width: 400px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .chart .chartContainer .service .serviceFooter .registryBtn,
  #pid-404.pid-lp-comparison .chart .chartContainer .service .serviceFooter .registryBtn,
  #pid-ylp.pid-lp-comparison .chart .chartContainer .service .serviceFooter .registryBtn,
  #pid-saec.pid-lp-comparison .chart .chartContainer .service .serviceFooter .registryBtn {
    width: 264px;
  }
}
#pid-info.pid-lp-comparison .chart .chartContainer .service .serviceFooter .registryBtn .btn,
#pid-404.pid-lp-comparison .chart .chartContainer .service .serviceFooter .registryBtn .btn,
#pid-ylp.pid-lp-comparison .chart .chartContainer .service .serviceFooter .registryBtn .btn,
#pid-saec.pid-lp-comparison .chart .chartContainer .service .serviceFooter .registryBtn .btn {
  font-size: 2rem;
  font-weight: bold;
  background: #f7790b;
  color: #fff;
  border-radius: 4px;
  width: 100%;
  padding: 22px;
  position: relative;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .chart .chartContainer .service .serviceFooter .registryBtn .btn,
  #pid-404.pid-lp-comparison .chart .chartContainer .service .serviceFooter .registryBtn .btn,
  #pid-ylp.pid-lp-comparison .chart .chartContainer .service .serviceFooter .registryBtn .btn,
  #pid-saec.pid-lp-comparison .chart .chartContainer .service .serviceFooter .registryBtn .btn {
    font-size: 1.6rem;
  }
}
#pid-info.pid-lp-comparison .chart .chartContainer .service .serviceFooter .registryBtn .btn:after,
#pid-404.pid-lp-comparison .chart .chartContainer .service .serviceFooter .registryBtn .btn:after,
#pid-ylp.pid-lp-comparison .chart .chartContainer .service .serviceFooter .registryBtn .btn:after,
#pid-saec.pid-lp-comparison .chart .chartContainer .service .serviceFooter .registryBtn .btn:after {
  content: "\e606";
  display: inline-block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 16px;
  font-size: 90%;
  color: #fff;
  font-family: "xserver";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: middle;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
}
#pid-info.pid-lp-comparison .chart .chartContainer .service #planDummy_xserver, #pid-info.pid-lp-comparison .chart .chartContainer .service #planDummy_xbiz,
#pid-404.pid-lp-comparison .chart .chartContainer .service #planDummy_xserver,
#pid-404.pid-lp-comparison .chart .chartContainer .service #planDummy_xbiz,
#pid-ylp.pid-lp-comparison .chart .chartContainer .service #planDummy_xserver,
#pid-ylp.pid-lp-comparison .chart .chartContainer .service #planDummy_xbiz,
#pid-saec.pid-lp-comparison .chart .chartContainer .service #planDummy_xserver,
#pid-saec.pid-lp-comparison .chart .chartContainer .service #planDummy_xbiz {
  height: 1px;
}
#pid-info.pid-lp-comparison .chart .chartContainer .service .planHeader,
#pid-404.pid-lp-comparison .chart .chartContainer .service .planHeader,
#pid-ylp.pid-lp-comparison .chart .chartContainer .service .planHeader,
#pid-saec.pid-lp-comparison .chart .chartContainer .service .planHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .chart .chartContainer .service .planHeader,
  #pid-404.pid-lp-comparison .chart .chartContainer .service .planHeader,
  #pid-ylp.pid-lp-comparison .chart .chartContainer .service .planHeader,
  #pid-saec.pid-lp-comparison .chart .chartContainer .service .planHeader {
    position: sticky;
    z-index: 2;
    top: 132px;
  }
  #pid-info.pid-lp-comparison .chart .chartContainer .service .planHeader:before,
  #pid-404.pid-lp-comparison .chart .chartContainer .service .planHeader:before,
  #pid-ylp.pid-lp-comparison .chart .chartContainer .service .planHeader:before,
  #pid-saec.pid-lp-comparison .chart .chartContainer .service .planHeader:before {
    background: #2564c4;
    content: "";
    display: block;
    width: 100%;
    height: 35px;
    position: absolute;
    left: 0;
    top: -28px;
  }
}
#pid-info.pid-lp-comparison .chart .chartContainer .service .planHeader_xserver .headerBox:first-child,
#pid-404.pid-lp-comparison .chart .chartContainer .service .planHeader_xserver .headerBox:first-child,
#pid-ylp.pid-lp-comparison .chart .chartContainer .service .planHeader_xserver .headerBox:first-child,
#pid-saec.pid-lp-comparison .chart .chartContainer .service .planHeader_xserver .headerBox:first-child {
  border-radius: 8px 0 0 0;
}
#pid-info.pid-lp-comparison .chart .chartContainer .service .planHeader_xserver .headerBox:first-child:before,
#pid-404.pid-lp-comparison .chart .chartContainer .service .planHeader_xserver .headerBox:first-child:before,
#pid-ylp.pid-lp-comparison .chart .chartContainer .service .planHeader_xserver .headerBox:first-child:before,
#pid-saec.pid-lp-comparison .chart .chartContainer .service .planHeader_xserver .headerBox:first-child:before {
  display: none !important;
}
#pid-info.pid-lp-comparison .chart .chartContainer .service .planHeader_xserver .headerBox:last-child:before,
#pid-404.pid-lp-comparison .chart .chartContainer .service .planHeader_xserver .headerBox:last-child:before,
#pid-ylp.pid-lp-comparison .chart .chartContainer .service .planHeader_xserver .headerBox:last-child:before,
#pid-saec.pid-lp-comparison .chart .chartContainer .service .planHeader_xserver .headerBox:last-child:before {
  background: #008ec8;
  content: "";
  display: block;
  width: 100%;
  border-radius: 8px 8px 0 0;
  height: 10px;
  position: absolute;
  left: 0;
  top: -6px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .chart .chartContainer .service .planHeader_xserver .headerBox:last-child:before,
  #pid-404.pid-lp-comparison .chart .chartContainer .service .planHeader_xserver .headerBox:last-child:before,
  #pid-ylp.pid-lp-comparison .chart .chartContainer .service .planHeader_xserver .headerBox:last-child:before,
  #pid-saec.pid-lp-comparison .chart .chartContainer .service .planHeader_xserver .headerBox:last-child:before {
    background: #008ec8;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .chart .chartContainer .service .planHeader.hover .headerBox,
  #pid-404.pid-lp-comparison .chart .chartContainer .service .planHeader.hover .headerBox,
  #pid-ylp.pid-lp-comparison .chart .chartContainer .service .planHeader.hover .headerBox,
  #pid-saec.pid-lp-comparison .chart .chartContainer .service .planHeader.hover .headerBox {
    height: 104px;
  }
  #pid-info.pid-lp-comparison .chart .chartContainer .service .planHeader.hover .planDesc,
  #pid-404.pid-lp-comparison .chart .chartContainer .service .planHeader.hover .planDesc,
  #pid-ylp.pid-lp-comparison .chart .chartContainer .service .planHeader.hover .planDesc,
  #pid-saec.pid-lp-comparison .chart .chartContainer .service .planHeader.hover .planDesc {
    display: none;
  }
}
#pid-info.pid-lp-comparison .chart .chartContainer .service .planHeader .headerBox,
#pid-404.pid-lp-comparison .chart .chartContainer .service .planHeader .headerBox,
#pid-ylp.pid-lp-comparison .chart .chartContainer .service .planHeader .headerBox,
#pid-saec.pid-lp-comparison .chart .chartContainer .service .planHeader .headerBox {
  background: #1b63a7;
  color: #fff;
  width: 180px;
  height: 140px;
  padding: 28px 8px 12px;
  position: relative;
  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-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .chart .chartContainer .service .planHeader .headerBox,
  #pid-404.pid-lp-comparison .chart .chartContainer .service .planHeader .headerBox,
  #pid-ylp.pid-lp-comparison .chart .chartContainer .service .planHeader .headerBox,
  #pid-saec.pid-lp-comparison .chart .chartContainer .service .planHeader .headerBox {
    width: 50%;
    height: 164px;
    padding: 28px 12px 12px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .chart .chartContainer .service .planHeader .headerBox,
  #pid-404.pid-lp-comparison .chart .chartContainer .service .planHeader .headerBox,
  #pid-ylp.pid-lp-comparison .chart .chartContainer .service .planHeader .headerBox,
  #pid-saec.pid-lp-comparison .chart .chartContainer .service .planHeader .headerBox {
    height: 104px;
    background: #074f93;
  }
}
#pid-info.pid-lp-comparison .chart .chartContainer .service .planHeader .headerBox .balloon,
#pid-404.pid-lp-comparison .chart .chartContainer .service .planHeader .headerBox .balloon,
#pid-ylp.pid-lp-comparison .chart .chartContainer .service .planHeader .headerBox .balloon,
#pid-saec.pid-lp-comparison .chart .chartContainer .service .planHeader .headerBox .balloon {
  padding: 4px 0px 2px;
  font-size: 1.4rem;
  min-width: 120px;
  color: #fff;
  font-weight: bold;
  background: #ff5400;
  position: absolute;
  top: -18px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center;
}
#pid-info.pid-lp-comparison .chart .chartContainer .service .planHeader .headerBox .balloon:after,
#pid-404.pid-lp-comparison .chart .chartContainer .service .planHeader .headerBox .balloon:after,
#pid-ylp.pid-lp-comparison .chart .chartContainer .service .planHeader .headerBox .balloon:after,
#pid-saec.pid-lp-comparison .chart .chartContainer .service .planHeader .headerBox .balloon:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -11px;
  border: 6px solid transparent;
  border-top-color: #ff5400;
}
#pid-info.pid-lp-comparison .chart .chartContainer .service .planHeader .headerBox:first-child:before,
#pid-404.pid-lp-comparison .chart .chartContainer .service .planHeader .headerBox:first-child:before,
#pid-ylp.pid-lp-comparison .chart .chartContainer .service .planHeader .headerBox:first-child:before,
#pid-saec.pid-lp-comparison .chart .chartContainer .service .planHeader .headerBox:first-child:before {
  background: #1b63a7;
  content: "";
  display: block;
  width: 100%;
  border-radius: 8px 8px 0 0;
  height: 10px;
  position: absolute;
  left: 0;
  top: -6px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .chart .chartContainer .service .planHeader .headerBox:first-child:before,
  #pid-404.pid-lp-comparison .chart .chartContainer .service .planHeader .headerBox:first-child:before,
  #pid-ylp.pid-lp-comparison .chart .chartContainer .service .planHeader .headerBox:first-child:before,
  #pid-saec.pid-lp-comparison .chart .chartContainer .service .planHeader .headerBox:first-child:before {
    background: #074f93;
  }
}
#pid-info.pid-lp-comparison .chart .chartContainer .service .planHeader .headerBox:last-child,
#pid-404.pid-lp-comparison .chart .chartContainer .service .planHeader .headerBox:last-child,
#pid-ylp.pid-lp-comparison .chart .chartContainer .service .planHeader .headerBox:last-child,
#pid-saec.pid-lp-comparison .chart .chartContainer .service .planHeader .headerBox:last-child {
  background: #008ec8;
  border-radius: 0 8px 0 0;
}
#pid-info.pid-lp-comparison .chart .chartContainer .service .planHeader .headerBox .serverType,
#pid-404.pid-lp-comparison .chart .chartContainer .service .planHeader .headerBox .serverType,
#pid-ylp.pid-lp-comparison .chart .chartContainer .service .planHeader .headerBox .serverType,
#pid-saec.pid-lp-comparison .chart .chartContainer .service .planHeader .headerBox .serverType {
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.2;
}
#pid-info.pid-lp-comparison .chart .chartContainer .service .planHeader .headerBox .planName,
#pid-404.pid-lp-comparison .chart .chartContainer .service .planHeader .headerBox .planName,
#pid-ylp.pid-lp-comparison .chart .chartContainer .service .planHeader .headerBox .planName,
#pid-saec.pid-lp-comparison .chart .chartContainer .service .planHeader .headerBox .planName {
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.2;
  margin: 4px 0 0;
}
#pid-info.pid-lp-comparison .chart .chartContainer .service .planHeader .headerBox .planDesc,
#pid-404.pid-lp-comparison .chart .chartContainer .service .planHeader .headerBox .planDesc,
#pid-ylp.pid-lp-comparison .chart .chartContainer .service .planHeader .headerBox .planDesc,
#pid-saec.pid-lp-comparison .chart .chartContainer .service .planHeader .headerBox .planDesc {
  font-size: 1.2rem;
  margin: 4px 0 0;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .chart .chartContainer .service .planHeader .headerBox .planDesc,
  #pid-404.pid-lp-comparison .chart .chartContainer .service .planHeader .headerBox .planDesc,
  #pid-ylp.pid-lp-comparison .chart .chartContainer .service .planHeader .headerBox .planDesc,
  #pid-saec.pid-lp-comparison .chart .chartContainer .service .planHeader .headerBox .planDesc {
    margin: 8px 0 0;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .chart .chartContainer .service .planHeader .headerBox .planDesc,
  #pid-404.pid-lp-comparison .chart .chartContainer .service .planHeader .headerBox .planDesc,
  #pid-ylp.pid-lp-comparison .chart .chartContainer .service .planHeader .headerBox .planDesc,
  #pid-saec.pid-lp-comparison .chart .chartContainer .service .planHeader .headerBox .planDesc {
    display: none;
  }
}
#pid-info.pid-lp-comparison .chart .chartContainer .service .planBody .planData,
#pid-404.pid-lp-comparison .chart .chartContainer .service .planBody .planData,
#pid-ylp.pid-lp-comparison .chart .chartContainer .service .planBody .planData,
#pid-saec.pid-lp-comparison .chart .chartContainer .service .planBody .planData {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  line-height: 1.2;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .chart .chartContainer .service .planBody .planData--large .dataCaption,
  #pid-404.pid-lp-comparison .chart .chartContainer .service .planBody .planData--large .dataCaption,
  #pid-ylp.pid-lp-comparison .chart .chartContainer .service .planBody .planData--large .dataCaption,
  #pid-saec.pid-lp-comparison .chart .chartContainer .service .planBody .planData--large .dataCaption {
    width: -webkit-max-content !important;
    width: -moz-max-content !important;
    width: max-content !important;
  }
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .chart .chartContainer .service .planBody .planData--large .data,
  #pid-404.pid-lp-comparison .chart .chartContainer .service .planBody .planData--large .data,
  #pid-ylp.pid-lp-comparison .chart .chartContainer .service .planBody .planData--large .data,
  #pid-saec.pid-lp-comparison .chart .chartContainer .service .planBody .planData--large .data {
    padding: 68px 6px 24px;
  }
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .chart .chartContainer .service .planBody .planData--large .noData,
  #pid-404.pid-lp-comparison .chart .chartContainer .service .planBody .planData--large .noData,
  #pid-ylp.pid-lp-comparison .chart .chartContainer .service .planBody .planData--large .noData,
  #pid-saec.pid-lp-comparison .chart .chartContainer .service .planBody .planData--large .noData {
    height: auto !important;
  }
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .chart .chartContainer .service .planBody .planData:after,
  #pid-404.pid-lp-comparison .chart .chartContainer .service .planBody .planData:after,
  #pid-ylp.pid-lp-comparison .chart .chartContainer .service .planBody .planData:after,
  #pid-saec.pid-lp-comparison .chart .chartContainer .service .planBody .planData:after {
    content: "";
    width: calc(100% - 32px);
    height: 2px;
    background: #414141;
    position: absolute;
    left: 16px;
    top: 24px;
    z-index: 0;
  }
}
#pid-info.pid-lp-comparison .chart .chartContainer .service .planBody .planData > *,
#pid-404.pid-lp-comparison .chart .chartContainer .service .planBody .planData > *,
#pid-ylp.pid-lp-comparison .chart .chartContainer .service .planBody .planData > *,
#pid-saec.pid-lp-comparison .chart .chartContainer .service .planBody .planData > * {
  padding: 12px 6px;
  min-height: 48px;
  width: 180px;
  text-align: center;
  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: 1.5rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .chart .chartContainer .service .planBody .planData > *,
  #pid-404.pid-lp-comparison .chart .chartContainer .service .planBody .planData > *,
  #pid-ylp.pid-lp-comparison .chart .chartContainer .service .planBody .planData > *,
  #pid-saec.pid-lp-comparison .chart .chartContainer .service .planBody .planData > * {
    width: 50%;
    padding: 48px 6px 24px;
  }
}
#pid-info.pid-lp-comparison .chart .chartContainer .service .planBody .planData > * .numSet,
#pid-404.pid-lp-comparison .chart .chartContainer .service .planBody .planData > * .numSet,
#pid-ylp.pid-lp-comparison .chart .chartContainer .service .planBody .planData > * .numSet,
#pid-saec.pid-lp-comparison .chart .chartContainer .service .planBody .planData > * .numSet {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
#pid-info.pid-lp-comparison .chart .chartContainer .service .planBody .planData > * .num,
#pid-404.pid-lp-comparison .chart .chartContainer .service .planBody .planData > * .num,
#pid-ylp.pid-lp-comparison .chart .chartContainer .service .planBody .planData > * .num,
#pid-saec.pid-lp-comparison .chart .chartContainer .service .planBody .planData > * .num {
  font-size: 2.4rem;
  font-family: "Roboto";
}
#pid-info.pid-lp-comparison .chart .chartContainer .service .planBody .planData > * .desc,
#pid-404.pid-lp-comparison .chart .chartContainer .service .planBody .planData > * .desc,
#pid-ylp.pid-lp-comparison .chart .chartContainer .service .planBody .planData > * .desc,
#pid-saec.pid-lp-comparison .chart .chartContainer .service .planBody .planData > * .desc {
  font-size: 1.2rem;
}
#pid-info.pid-lp-comparison .chart .chartContainer .service .planBody .planData > * .desc span,
#pid-404.pid-lp-comparison .chart .chartContainer .service .planBody .planData > * .desc span,
#pid-ylp.pid-lp-comparison .chart .chartContainer .service .planBody .planData > * .desc span,
#pid-saec.pid-lp-comparison .chart .chartContainer .service .planBody .planData > * .desc span {
  color: #ff5400;
}
#pid-info.pid-lp-comparison .chart .chartContainer .service .planBody .planData > * .desc .desc_noData,
#pid-404.pid-lp-comparison .chart .chartContainer .service .planBody .planData > * .desc .desc_noData,
#pid-ylp.pid-lp-comparison .chart .chartContainer .service .planBody .planData > * .desc .desc_noData,
#pid-saec.pid-lp-comparison .chart .chartContainer .service .planBody .planData > * .desc .desc_noData {
  border-top: 2px solid #cacaca;
  width: 12px;
  margin: 1em auto;
}
#pid-info.pid-lp-comparison .chart .chartContainer .service .planBody .planData > * .data-xwrite,
#pid-404.pid-lp-comparison .chart .chartContainer .service .planBody .planData > * .data-xwrite,
#pid-ylp.pid-lp-comparison .chart .chartContainer .service .planBody .planData > * .data-xwrite,
#pid-saec.pid-lp-comparison .chart .chartContainer .service .planBody .planData > * .data-xwrite {
  display: inline-block;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-weight: normal;
  line-height: 1.2;
  font-size: 12px;
  margin-top: 1rem;
}
#pid-info.pid-lp-comparison .chart .chartContainer .service .planBody .planData > * .data-xwrite__name,
#pid-404.pid-lp-comparison .chart .chartContainer .service .planBody .planData > * .data-xwrite__name,
#pid-ylp.pid-lp-comparison .chart .chartContainer .service .planBody .planData > * .data-xwrite__name,
#pid-saec.pid-lp-comparison .chart .chartContainer .service .planBody .planData > * .data-xwrite__name {
  font-weight: bold;
  color: #286ed3;
}
#pid-info.pid-lp-comparison .chart .chartContainer .service .planBody .planData > * .data-xwrite__price,
#pid-404.pid-lp-comparison .chart .chartContainer .service .planBody .planData > * .data-xwrite__price,
#pid-ylp.pid-lp-comparison .chart .chartContainer .service .planBody .planData > * .data-xwrite__price,
#pid-saec.pid-lp-comparison .chart .chartContainer .service .planBody .planData > * .data-xwrite__price {
  color: #ff5400;
  font-weight: bold;
}
#pid-info.pid-lp-comparison .chart .chartContainer .service .planBody .planData > * .data-xwrite__price .num,
#pid-404.pid-lp-comparison .chart .chartContainer .service .planBody .planData > * .data-xwrite__price .num,
#pid-ylp.pid-lp-comparison .chart .chartContainer .service .planBody .planData > * .data-xwrite__price .num,
#pid-saec.pid-lp-comparison .chart .chartContainer .service .planBody .planData > * .data-xwrite__price .num {
  font-size: 16px !important;
}
#pid-info.pid-lp-comparison .chart .chartContainer .service .planBody .planData > *:first-child,
#pid-404.pid-lp-comparison .chart .chartContainer .service .planBody .planData > *:first-child,
#pid-ylp.pid-lp-comparison .chart .chartContainer .service .planBody .planData > *:first-child,
#pid-saec.pid-lp-comparison .chart .chartContainer .service .planBody .planData > *:first-child {
  text-align: left;
  font-size: 1.3rem;
  color: #888888;
  -webkit-box-align: unset;
      -ms-flex-align: unset;
          align-items: unset;
  width: 120px;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .chart .chartContainer .service .planBody .planData > *:first-child,
  #pid-404.pid-lp-comparison .chart .chartContainer .service .planBody .planData > *:first-child,
  #pid-ylp.pid-lp-comparison .chart .chartContainer .service .planBody .planData > *:first-child,
  #pid-saec.pid-lp-comparison .chart .chartContainer .service .planBody .planData > *:first-child {
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
    background: #414141;
    border-radius: 4em;
    color: #fff;
    line-height: 24px;
    padding: 0 1em;
    position: absolute;
    left: 50%;
    top: 12px;
    -webkit-transform: translate(-50%);
            transform: translate(-50%);
    z-index: 1;
    min-height: auto;
    width: auto;
  }
}
#pid-info.pid-lp-comparison .chart .chartContainer .service .planBody .planData > *:nth-child(2n),
#pid-404.pid-lp-comparison .chart .chartContainer .service .planBody .planData > *:nth-child(2n),
#pid-ylp.pid-lp-comparison .chart .chartContainer .service .planBody .planData > *:nth-child(2n),
#pid-saec.pid-lp-comparison .chart .chartContainer .service .planBody .planData > *:nth-child(2n) {
  border-left: 4px solid #1b63a7;
  border-right: 4px solid #1b63a7;
  background: #e0f0ff;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .chart .chartContainer .service .planBody .planData > *:nth-child(2n),
  #pid-404.pid-lp-comparison .chart .chartContainer .service .planBody .planData > *:nth-child(2n),
  #pid-ylp.pid-lp-comparison .chart .chartContainer .service .planBody .planData > *:nth-child(2n),
  #pid-saec.pid-lp-comparison .chart .chartContainer .service .planBody .planData > *:nth-child(2n) {
    border-left: 4px solid #074f93;
    border-right: 4px solid #074f93;
  }
}
#pid-info.pid-lp-comparison .chart .chartContainer .service .planBody .planData > *:nth-child(2n).noBg,
#pid-404.pid-lp-comparison .chart .chartContainer .service .planBody .planData > *:nth-child(2n).noBg,
#pid-ylp.pid-lp-comparison .chart .chartContainer .service .planBody .planData > *:nth-child(2n).noBg,
#pid-saec.pid-lp-comparison .chart .chartContainer .service .planBody .planData > *:nth-child(2n).noBg {
  background: #fff !important;
}
#pid-info.pid-lp-comparison .chart .chartContainer .service .planBody .planData > *:last-child,
#pid-404.pid-lp-comparison .chart .chartContainer .service .planBody .planData > *:last-child,
#pid-ylp.pid-lp-comparison .chart .chartContainer .service .planBody .planData > *:last-child,
#pid-saec.pid-lp-comparison .chart .chartContainer .service .planBody .planData > *:last-child {
  border-right: 1px solid #cfcfcf;
}
#pid-info.pid-lp-comparison .chart .chartContainer .service .planBody .planData > *.noData,
#pid-404.pid-lp-comparison .chart .chartContainer .service .planBody .planData > *.noData,
#pid-ylp.pid-lp-comparison .chart .chartContainer .service .planBody .planData > *.noData,
#pid-saec.pid-lp-comparison .chart .chartContainer .service .planBody .planData > *.noData {
  position: relative;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .chart .chartContainer .service .planBody .planData > *.noData,
  #pid-404.pid-lp-comparison .chart .chartContainer .service .planBody .planData > *.noData,
  #pid-ylp.pid-lp-comparison .chart .chartContainer .service .planBody .planData > *.noData,
  #pid-saec.pid-lp-comparison .chart .chartContainer .service .planBody .planData > *.noData {
    height: 90px;
  }
}
#pid-info.pid-lp-comparison .chart .chartContainer .service .planBody .planData > *.noData:after,
#pid-404.pid-lp-comparison .chart .chartContainer .service .planBody .planData > *.noData:after,
#pid-ylp.pid-lp-comparison .chart .chartContainer .service .planBody .planData > *.noData:after,
#pid-saec.pid-lp-comparison .chart .chartContainer .service .planBody .planData > *.noData:after {
  content: "";
  display: block;
  width: 12px;
  height: 1px;
  background: #cacaca;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .chart .chartContainer .service .planBody .planData > *.noData:after,
  #pid-404.pid-lp-comparison .chart .chartContainer .service .planBody .planData > *.noData:after,
  #pid-ylp.pid-lp-comparison .chart .chartContainer .service .planBody .planData > *.noData:after,
  #pid-saec.pid-lp-comparison .chart .chartContainer .service .planBody .planData > *.noData:after {
    top: calc(50% + 18px);
  }
}
#pid-info.pid-lp-comparison .chart .chartContainer .service .planBody .planData:nth-child(2n),
#pid-404.pid-lp-comparison .chart .chartContainer .service .planBody .planData:nth-child(2n),
#pid-ylp.pid-lp-comparison .chart .chartContainer .service .planBody .planData:nth-child(2n),
#pid-saec.pid-lp-comparison .chart .chartContainer .service .planBody .planData:nth-child(2n) {
  background: #f8f8f8;
}
#pid-info.pid-lp-comparison .chart .chartContainer .service .planBody .planData:nth-child(2n) > *:nth-child(2n),
#pid-404.pid-lp-comparison .chart .chartContainer .service .planBody .planData:nth-child(2n) > *:nth-child(2n),
#pid-ylp.pid-lp-comparison .chart .chartContainer .service .planBody .planData:nth-child(2n) > *:nth-child(2n),
#pid-saec.pid-lp-comparison .chart .chartContainer .service .planBody .planData:nth-child(2n) > *:nth-child(2n) {
  background: #dae9f8;
}
#pid-info.pid-lp-comparison .chart .chartContainer .service .planBody .planData:nth-child(2n) > *:nth-child(2n).noBg,
#pid-404.pid-lp-comparison .chart .chartContainer .service .planBody .planData:nth-child(2n) > *:nth-child(2n).noBg,
#pid-ylp.pid-lp-comparison .chart .chartContainer .service .planBody .planData:nth-child(2n) > *:nth-child(2n).noBg,
#pid-saec.pid-lp-comparison .chart .chartContainer .service .planBody .planData:nth-child(2n) > *:nth-child(2n).noBg {
  background: #f8f8f8 !important;
}
#pid-info.pid-lp-comparison .chart .chartContainer .service .planBody .planData:last-child > *:nth-child(2n),
#pid-404.pid-lp-comparison .chart .chartContainer .service .planBody .planData:last-child > *:nth-child(2n),
#pid-ylp.pid-lp-comparison .chart .chartContainer .service .planBody .planData:last-child > *:nth-child(2n),
#pid-saec.pid-lp-comparison .chart .chartContainer .service .planBody .planData:last-child > *:nth-child(2n) {
  border-bottom: 4px solid #1b63a7;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .chart .chartContainer .service .planBody .planData:last-child > *:nth-child(2n),
  #pid-404.pid-lp-comparison .chart .chartContainer .service .planBody .planData:last-child > *:nth-child(2n),
  #pid-ylp.pid-lp-comparison .chart .chartContainer .service .planBody .planData:last-child > *:nth-child(2n),
  #pid-saec.pid-lp-comparison .chart .chartContainer .service .planBody .planData:last-child > *:nth-child(2n) {
    border-bottom: 4px solid #074f93;
  }
}
#pid-info.pid-lp-comparison .chart .chartContainer .service .planBody .planData:last-child > *:last-child,
#pid-404.pid-lp-comparison .chart .chartContainer .service .planBody .planData:last-child > *:last-child,
#pid-ylp.pid-lp-comparison .chart .chartContainer .service .planBody .planData:last-child > *:last-child,
#pid-saec.pid-lp-comparison .chart .chartContainer .service .planBody .planData:last-child > *:last-child {
  border-bottom: 1px solid #cfcfcf;
}
@media only screen and (min-width: 1100px) {
  #pid-info.pid-lp-comparison .chart .chartContainer .service .planBody .planData--support,
  #pid-404.pid-lp-comparison .chart .chartContainer .service .planBody .planData--support,
  #pid-ylp.pid-lp-comparison .chart .chartContainer .service .planBody .planData--support,
  #pid-saec.pid-lp-comparison .chart .chartContainer .service .planBody .planData--support {
    height: 80px;
  }
  #pid-info.pid-lp-comparison .chart .chartContainer .service .planBody .planData--dedicated,
  #pid-404.pid-lp-comparison .chart .chartContainer .service .planBody .planData--dedicated,
  #pid-ylp.pid-lp-comparison .chart .chartContainer .service .planBody .planData--dedicated,
  #pid-saec.pid-lp-comparison .chart .chartContainer .service .planBody .planData--dedicated {
    height: 80px;
  }
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .chart .chartContainer .service .planBody .planData--domain,
  #pid-404.pid-lp-comparison .chart .chartContainer .service .planBody .planData--domain,
  #pid-ylp.pid-lp-comparison .chart .chartContainer .service .planBody .planData--domain,
  #pid-saec.pid-lp-comparison .chart .chartContainer .service .planBody .planData--domain {
    min-height: 96px;
  }
  #pid-info.pid-lp-comparison .chart .chartContainer .service .planBody .planData--domain .dataCaption,
  #pid-404.pid-lp-comparison .chart .chartContainer .service .planBody .planData--domain .dataCaption,
  #pid-ylp.pid-lp-comparison .chart .chartContainer .service .planBody .planData--domain .dataCaption,
  #pid-saec.pid-lp-comparison .chart .chartContainer .service .planBody .planData--domain .dataCaption {
    width: 15em;
  }
  #pid-info.pid-lp-comparison .chart .chartContainer .service .planBody .planData--support,
  #pid-404.pid-lp-comparison .chart .chartContainer .service .planBody .planData--support,
  #pid-ylp.pid-lp-comparison .chart .chartContainer .service .planBody .planData--support,
  #pid-saec.pid-lp-comparison .chart .chartContainer .service .planBody .planData--support {
    min-height: 120px;
  }
  #pid-info.pid-lp-comparison .chart .chartContainer .service .planBody .planData--support .dataCaption,
  #pid-404.pid-lp-comparison .chart .chartContainer .service .planBody .planData--support .dataCaption,
  #pid-ylp.pid-lp-comparison .chart .chartContainer .service .planBody .planData--support .dataCaption,
  #pid-saec.pid-lp-comparison .chart .chartContainer .service .planBody .planData--support .dataCaption {
    width: 15em;
  }
  #pid-info.pid-lp-comparison .chart .chartContainer .service .planBody .planData--homepage .dataCaption,
  #pid-404.pid-lp-comparison .chart .chartContainer .service .planBody .planData--homepage .dataCaption,
  #pid-ylp.pid-lp-comparison .chart .chartContainer .service .planBody .planData--homepage .dataCaption,
  #pid-saec.pid-lp-comparison .chart .chartContainer .service .planBody .planData--homepage .dataCaption {
    width: 19em;
  }
  #pid-info.pid-lp-comparison .chart .chartContainer .service .planBody .planData--multi .dataCaption,
  #pid-404.pid-lp-comparison .chart .chartContainer .service .planBody .planData--multi .dataCaption,
  #pid-ylp.pid-lp-comparison .chart .chartContainer .service .planBody .planData--multi .dataCaption,
  #pid-saec.pid-lp-comparison .chart .chartContainer .service .planBody .planData--multi .dataCaption {
    width: 15em;
  }
  #pid-info.pid-lp-comparison .chart .chartContainer .service .planBody .planData--sla .dataCaption,
  #pid-404.pid-lp-comparison .chart .chartContainer .service .planBody .planData--sla .dataCaption,
  #pid-ylp.pid-lp-comparison .chart .chartContainer .service .planBody .planData--sla .dataCaption,
  #pid-saec.pid-lp-comparison .chart .chartContainer .service .planBody .planData--sla .dataCaption {
    width: 14em;
  }
  #pid-info.pid-lp-comparison .chart .chartContainer .service .planBody .planData--cloudmark,
  #pid-404.pid-lp-comparison .chart .chartContainer .service .planBody .planData--cloudmark,
  #pid-ylp.pid-lp-comparison .chart .chartContainer .service .planBody .planData--cloudmark,
  #pid-saec.pid-lp-comparison .chart .chartContainer .service .planBody .planData--cloudmark {
    min-height: 130px;
  }
  #pid-info.pid-lp-comparison .chart .chartContainer .service .planBody .planData--cloudmark .dataCaption,
  #pid-404.pid-lp-comparison .chart .chartContainer .service .planBody .planData--cloudmark .dataCaption,
  #pid-ylp.pid-lp-comparison .chart .chartContainer .service .planBody .planData--cloudmark .dataCaption,
  #pid-saec.pid-lp-comparison .chart .chartContainer .service .planBody .planData--cloudmark .dataCaption {
    width: 22em;
  }
  #pid-info.pid-lp-comparison .chart .chartContainer .service .planBody .planData--dedicated,
  #pid-404.pid-lp-comparison .chart .chartContainer .service .planBody .planData--dedicated,
  #pid-ylp.pid-lp-comparison .chart .chartContainer .service .planBody .planData--dedicated,
  #pid-saec.pid-lp-comparison .chart .chartContainer .service .planBody .planData--dedicated {
    height: 130px;
  }
  #pid-info.pid-lp-comparison .chart .chartContainer .service .planBody .planData--dedicated .data,
  #pid-404.pid-lp-comparison .chart .chartContainer .service .planBody .planData--dedicated .data,
  #pid-ylp.pid-lp-comparison .chart .chartContainer .service .planBody .planData--dedicated .data,
  #pid-saec.pid-lp-comparison .chart .chartContainer .service .planBody .planData--dedicated .data {
    height: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .chart .chartContainer .service .planBody .planData--domain,
  #pid-404.pid-lp-comparison .chart .chartContainer .service .planBody .planData--domain,
  #pid-ylp.pid-lp-comparison .chart .chartContainer .service .planBody .planData--domain,
  #pid-saec.pid-lp-comparison .chart .chartContainer .service .planBody .planData--domain {
    min-height: 144px;
  }
  #pid-info.pid-lp-comparison .chart .chartContainer .service .planBody .planData--support,
  #pid-404.pid-lp-comparison .chart .chartContainer .service .planBody .planData--support,
  #pid-ylp.pid-lp-comparison .chart .chartContainer .service .planBody .planData--support,
  #pid-saec.pid-lp-comparison .chart .chartContainer .service .planBody .planData--support {
    min-height: 130px;
  }
}
#pid-info.pid-lp-comparison .chart .chartContainer .service.xserver .serviceBody,
#pid-404.pid-lp-comparison .chart .chartContainer .service.xserver .serviceBody,
#pid-ylp.pid-lp-comparison .chart .chartContainer .service.xserver .serviceBody,
#pid-saec.pid-lp-comparison .chart .chartContainer .service.xserver .serviceBody {
  margin-left: 40px;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .chart .chartContainer .service.xserver .serviceBody,
  #pid-404.pid-lp-comparison .chart .chartContainer .service.xserver .serviceBody,
  #pid-ylp.pid-lp-comparison .chart .chartContainer .service.xserver .serviceBody,
  #pid-saec.pid-lp-comparison .chart .chartContainer .service.xserver .serviceBody {
    margin-left: 0;
  }
}
#pid-info.pid-lp-comparison .chart .chartContainer .service.xserver .planBody .planData > *:nth-child(2n),
#pid-404.pid-lp-comparison .chart .chartContainer .service.xserver .planBody .planData > *:nth-child(2n),
#pid-ylp.pid-lp-comparison .chart .chartContainer .service.xserver .planBody .planData > *:nth-child(2n),
#pid-saec.pid-lp-comparison .chart .chartContainer .service.xserver .planBody .planData > *:nth-child(2n) {
  border-left: 1px solid #cfcfcf;
  border-right: none;
  background: unset;
}
#pid-info.pid-lp-comparison .chart .chartContainer .service.xserver .planBody .planData:nth-child(2n) > *:nth-child(2n),
#pid-404.pid-lp-comparison .chart .chartContainer .service.xserver .planBody .planData:nth-child(2n) > *:nth-child(2n),
#pid-ylp.pid-lp-comparison .chart .chartContainer .service.xserver .planBody .planData:nth-child(2n) > *:nth-child(2n),
#pid-saec.pid-lp-comparison .chart .chartContainer .service.xserver .planBody .planData:nth-child(2n) > *:nth-child(2n) {
  background: unset;
}
#pid-info.pid-lp-comparison .chart .chartContainer .service.xserver .planBody .planData:last-child > *:nth-child(2n),
#pid-404.pid-lp-comparison .chart .chartContainer .service.xserver .planBody .planData:last-child > *:nth-child(2n),
#pid-ylp.pid-lp-comparison .chart .chartContainer .service.xserver .planBody .planData:last-child > *:nth-child(2n),
#pid-saec.pid-lp-comparison .chart .chartContainer .service.xserver .planBody .planData:last-child > *:nth-child(2n) {
  border-bottom: 1px solid #cfcfcf;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .chart .chartContainer .service.xserver .planBody .planData:last-child > *:nth-child(2n),
  #pid-404.pid-lp-comparison .chart .chartContainer .service.xserver .planBody .planData:last-child > *:nth-child(2n),
  #pid-ylp.pid-lp-comparison .chart .chartContainer .service.xserver .planBody .planData:last-child > *:nth-child(2n),
  #pid-saec.pid-lp-comparison .chart .chartContainer .service.xserver .planBody .planData:last-child > *:nth-child(2n) {
    border-bottom: 1px solid #cfcfcf;
  }
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .chart .chartContainer .service.xserver--premiumPickup .planBody .planData--large .data,
  #pid-404.pid-lp-comparison .chart .chartContainer .service.xserver--premiumPickup .planBody .planData--large .data,
  #pid-ylp.pid-lp-comparison .chart .chartContainer .service.xserver--premiumPickup .planBody .planData--large .data,
  #pid-saec.pid-lp-comparison .chart .chartContainer .service.xserver--premiumPickup .planBody .planData--large .data {
    padding: 68px 6px 24px;
  }
  #pid-info.pid-lp-comparison .chart .chartContainer .service.xserver--premiumPickup .planBody .planData--large .noData,
  #pid-404.pid-lp-comparison .chart .chartContainer .service.xserver--premiumPickup .planBody .planData--large .noData,
  #pid-ylp.pid-lp-comparison .chart .chartContainer .service.xserver--premiumPickup .planBody .planData--large .noData,
  #pid-saec.pid-lp-comparison .chart .chartContainer .service.xserver--premiumPickup .planBody .planData--large .noData {
    height: auto;
  }
}
#pid-info.pid-lp-comparison .chart .chartContainer .service.xserver--premiumPickup .planBody .planData > * .text-muted,
#pid-404.pid-lp-comparison .chart .chartContainer .service.xserver--premiumPickup .planBody .planData > * .text-muted,
#pid-ylp.pid-lp-comparison .chart .chartContainer .service.xserver--premiumPickup .planBody .planData > * .text-muted,
#pid-saec.pid-lp-comparison .chart .chartContainer .service.xserver--premiumPickup .planBody .planData > * .text-muted {
  color: #C5C5C5;
  text-decoration: line-through #C5C5C5;
  margin-bottom: 4px;
}
#pid-info.pid-lp-comparison .chart .chartContainer .service.xserver--premiumPickup .planBody .planData > *:last-child,
#pid-404.pid-lp-comparison .chart .chartContainer .service.xserver--premiumPickup .planBody .planData > *:last-child,
#pid-ylp.pid-lp-comparison .chart .chartContainer .service.xserver--premiumPickup .planBody .planData > *:last-child,
#pid-saec.pid-lp-comparison .chart .chartContainer .service.xserver--premiumPickup .planBody .planData > *:last-child {
  border-left: 4px solid #008ec8;
  border-right: 4px solid #008ec8;
  background: #EAF9FF;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .chart .chartContainer .service.xserver--premiumPickup .planBody .planData > *:last-child,
  #pid-404.pid-lp-comparison .chart .chartContainer .service.xserver--premiumPickup .planBody .planData > *:last-child,
  #pid-ylp.pid-lp-comparison .chart .chartContainer .service.xserver--premiumPickup .planBody .planData > *:last-child,
  #pid-saec.pid-lp-comparison .chart .chartContainer .service.xserver--premiumPickup .planBody .planData > *:last-child {
    border-left: 4px solid #008ec8;
    border-right: 4px solid #008ec8;
  }
}
#pid-info.pid-lp-comparison .chart .chartContainer .service.xserver--premiumPickup .planBody .planData > *:last-child.noBg,
#pid-404.pid-lp-comparison .chart .chartContainer .service.xserver--premiumPickup .planBody .planData > *:last-child.noBg,
#pid-ylp.pid-lp-comparison .chart .chartContainer .service.xserver--premiumPickup .planBody .planData > *:last-child.noBg,
#pid-saec.pid-lp-comparison .chart .chartContainer .service.xserver--premiumPickup .planBody .planData > *:last-child.noBg {
  background: #fff;
}
#pid-info.pid-lp-comparison .chart .chartContainer .service.xserver--premiumPickup .planBody .planData:nth-child(2n) > *:last-child,
#pid-404.pid-lp-comparison .chart .chartContainer .service.xserver--premiumPickup .planBody .planData:nth-child(2n) > *:last-child,
#pid-ylp.pid-lp-comparison .chart .chartContainer .service.xserver--premiumPickup .planBody .planData:nth-child(2n) > *:last-child,
#pid-saec.pid-lp-comparison .chart .chartContainer .service.xserver--premiumPickup .planBody .planData:nth-child(2n) > *:last-child {
  background: #DBF1FB;
}
#pid-info.pid-lp-comparison .chart .chartContainer .service.xserver--premiumPickup .planBody .planData:nth-child(2n) > *:last-child.noBg,
#pid-404.pid-lp-comparison .chart .chartContainer .service.xserver--premiumPickup .planBody .planData:nth-child(2n) > *:last-child.noBg,
#pid-ylp.pid-lp-comparison .chart .chartContainer .service.xserver--premiumPickup .planBody .planData:nth-child(2n) > *:last-child.noBg,
#pid-saec.pid-lp-comparison .chart .chartContainer .service.xserver--premiumPickup .planBody .planData:nth-child(2n) > *:last-child.noBg {
  background: #f8f8f8;
}
#pid-info.pid-lp-comparison .chart .chartContainer .service.xserver--premiumPickup .planBody .planData:last-child > *:last-child,
#pid-404.pid-lp-comparison .chart .chartContainer .service.xserver--premiumPickup .planBody .planData:last-child > *:last-child,
#pid-ylp.pid-lp-comparison .chart .chartContainer .service.xserver--premiumPickup .planBody .planData:last-child > *:last-child,
#pid-saec.pid-lp-comparison .chart .chartContainer .service.xserver--premiumPickup .planBody .planData:last-child > *:last-child {
  border-bottom: 4px solid #008ec8;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .chart .chartContainer .service.xserver--premiumPickup .planBody .planData:last-child > *:last-child,
  #pid-404.pid-lp-comparison .chart .chartContainer .service.xserver--premiumPickup .planBody .planData:last-child > *:last-child,
  #pid-ylp.pid-lp-comparison .chart .chartContainer .service.xserver--premiumPickup .planBody .planData:last-child > *:last-child,
  #pid-saec.pid-lp-comparison .chart .chartContainer .service.xserver--premiumPickup .planBody .planData:last-child > *:last-child {
    border-bottom: 4px solid #008ec8;
  }
}
#pid-info.pid-lp-comparison .chart .chartContainer .service.xbiz,
#pid-404.pid-lp-comparison .chart .chartContainer .service.xbiz,
#pid-ylp.pid-lp-comparison .chart .chartContainer .service.xbiz,
#pid-saec.pid-lp-comparison .chart .chartContainer .service.xbiz {
  background: #e6edf4;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .chart .chartContainer .service.xbiz,
  #pid-404.pid-lp-comparison .chart .chartContainer .service.xbiz,
  #pid-ylp.pid-lp-comparison .chart .chartContainer .service.xbiz,
  #pid-saec.pid-lp-comparison .chart .chartContainer .service.xbiz {
    margin-left: 16px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .chart .chartContainer .service.xbiz,
  #pid-404.pid-lp-comparison .chart .chartContainer .service.xbiz,
  #pid-ylp.pid-lp-comparison .chart .chartContainer .service.xbiz,
  #pid-saec.pid-lp-comparison .chart .chartContainer .service.xbiz {
    margin-left: 0;
    background: #134c90;
  }
}
#pid-info.pid-lp-comparison .chart .chartContainer .service.xbiz .serviceHeader .caption,
#pid-404.pid-lp-comparison .chart .chartContainer .service.xbiz .serviceHeader .caption,
#pid-ylp.pid-lp-comparison .chart .chartContainer .service.xbiz .serviceHeader .caption,
#pid-saec.pid-lp-comparison .chart .chartContainer .service.xbiz .serviceHeader .caption {
  border-color: #134c90;
  color: #134c90;
}
#pid-info.pid-lp-comparison .chart .chartContainer .service.xbiz .serviceFooter .registryBtn .btn,
#pid-404.pid-lp-comparison .chart .chartContainer .service.xbiz .serviceFooter .registryBtn .btn,
#pid-ylp.pid-lp-comparison .chart .chartContainer .service.xbiz .serviceFooter .registryBtn .btn,
#pid-saec.pid-lp-comparison .chart .chartContainer .service.xbiz .serviceFooter .registryBtn .btn {
  background: #ffba00;
  color: #254862;
}
#pid-info.pid-lp-comparison .chart .chartContainer .service.xbiz .serviceFooter .registryBtn .btn:after,
#pid-404.pid-lp-comparison .chart .chartContainer .service.xbiz .serviceFooter .registryBtn .btn:after,
#pid-ylp.pid-lp-comparison .chart .chartContainer .service.xbiz .serviceFooter .registryBtn .btn:after,
#pid-saec.pid-lp-comparison .chart .chartContainer .service.xbiz .serviceFooter .registryBtn .btn:after {
  color: #254862;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .chart .chartContainer .service.xbiz .planHeader:before,
  #pid-404.pid-lp-comparison .chart .chartContainer .service.xbiz .planHeader:before,
  #pid-ylp.pid-lp-comparison .chart .chartContainer .service.xbiz .planHeader:before,
  #pid-saec.pid-lp-comparison .chart .chartContainer .service.xbiz .planHeader:before {
    background: #134c90;
  }
}
#pid-info.pid-lp-comparison .chart .chartContainer .service.xbiz .planHeader .headerBox,
#pid-404.pid-lp-comparison .chart .chartContainer .service.xbiz .planHeader .headerBox,
#pid-ylp.pid-lp-comparison .chart .chartContainer .service.xbiz .planHeader .headerBox,
#pid-saec.pid-lp-comparison .chart .chartContainer .service.xbiz .planHeader .headerBox {
  background: #1da198;
}
#pid-info.pid-lp-comparison .chart .chartContainer .service.xbiz .planHeader .headerBox:first-child:before,
#pid-404.pid-lp-comparison .chart .chartContainer .service.xbiz .planHeader .headerBox:first-child:before,
#pid-ylp.pid-lp-comparison .chart .chartContainer .service.xbiz .planHeader .headerBox:first-child:before,
#pid-saec.pid-lp-comparison .chart .chartContainer .service.xbiz .planHeader .headerBox:first-child:before {
  background: #1da198;
}
#pid-info.pid-lp-comparison .chart .chartContainer .service.xbiz .planHeader .headerBox:last-child,
#pid-404.pid-lp-comparison .chart .chartContainer .service.xbiz .planHeader .headerBox:last-child,
#pid-ylp.pid-lp-comparison .chart .chartContainer .service.xbiz .planHeader .headerBox:last-child,
#pid-saec.pid-lp-comparison .chart .chartContainer .service.xbiz .planHeader .headerBox:last-child {
  background: #287fac;
}
#pid-info.pid-lp-comparison .chart .chartContainer .service.xbiz .planBody .planData > *:nth-child(2n),
#pid-404.pid-lp-comparison .chart .chartContainer .service.xbiz .planBody .planData > *:nth-child(2n),
#pid-ylp.pid-lp-comparison .chart .chartContainer .service.xbiz .planBody .planData > *:nth-child(2n),
#pid-saec.pid-lp-comparison .chart .chartContainer .service.xbiz .planBody .planData > *:nth-child(2n) {
  border-left-color: #1da198;
  border-right-color: #1da198;
  background: #def5f3;
}
#pid-info.pid-lp-comparison .chart .chartContainer .service.xbiz .planBody .planData:nth-child(2n) > *:nth-child(2n),
#pid-404.pid-lp-comparison .chart .chartContainer .service.xbiz .planBody .planData:nth-child(2n) > *:nth-child(2n),
#pid-ylp.pid-lp-comparison .chart .chartContainer .service.xbiz .planBody .planData:nth-child(2n) > *:nth-child(2n),
#pid-saec.pid-lp-comparison .chart .chartContainer .service.xbiz .planBody .planData:nth-child(2n) > *:nth-child(2n) {
  background: #d8eeec;
}
#pid-info.pid-lp-comparison .chart .chartContainer .service.xbiz .planBody .planData:last-child > *:nth-child(2n),
#pid-404.pid-lp-comparison .chart .chartContainer .service.xbiz .planBody .planData:last-child > *:nth-child(2n),
#pid-ylp.pid-lp-comparison .chart .chartContainer .service.xbiz .planBody .planData:last-child > *:nth-child(2n),
#pid-saec.pid-lp-comparison .chart .chartContainer .service.xbiz .planBody .planData:last-child > *:nth-child(2n) {
  border-bottom-color: #1da198;
}
#pid-info.pid-lp-comparison .chart .chartContainer .btnTrial a,
#pid-404.pid-lp-comparison .chart .chartContainer .btnTrial a,
#pid-ylp.pid-lp-comparison .chart .chartContainer .btnTrial a,
#pid-saec.pid-lp-comparison .chart .chartContainer .btnTrial a {
  font-size: 1.4rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
#pid-info.pid-lp-comparison .chart .chartContainer .btnTrial a.xbiz,
#pid-404.pid-lp-comparison .chart .chartContainer .btnTrial a.xbiz,
#pid-ylp.pid-lp-comparison .chart .chartContainer .btnTrial a.xbiz,
#pid-saec.pid-lp-comparison .chart .chartContainer .btnTrial a.xbiz {
  background: #ffba00;
  color: #254862;
}
#pid-info.pid-lp-comparison .faq,
#pid-404.pid-lp-comparison .faq,
#pid-ylp.pid-lp-comparison .faq,
#pid-saec.pid-lp-comparison .faq {
  margin: 120px 0 0;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .faq,
  #pid-404.pid-lp-comparison .faq,
  #pid-ylp.pid-lp-comparison .faq,
  #pid-saec.pid-lp-comparison .faq {
    margin: 96px auto 0;
    width: 93.75%;
  }
  #pid-info.pid-lp-comparison .faq .ttl,
  #pid-404.pid-lp-comparison .faq .ttl,
  #pid-ylp.pid-lp-comparison .faq .ttl,
  #pid-saec.pid-lp-comparison .faq .ttl {
    max-width: 192px;
  }
  #pid-info.pid-lp-comparison .faq .ttl img,
  #pid-404.pid-lp-comparison .faq .ttl img,
  #pid-ylp.pid-lp-comparison .faq .ttl img,
  #pid-saec.pid-lp-comparison .faq .ttl img {
    max-width: 100%;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .faq,
  #pid-404.pid-lp-comparison .faq,
  #pid-ylp.pid-lp-comparison .faq,
  #pid-saec.pid-lp-comparison .faq {
    margin: 80px auto 0;
  }
}
#pid-info.pid-lp-comparison .faq .faqList,
#pid-404.pid-lp-comparison .faq .faqList,
#pid-ylp.pid-lp-comparison .faq .faqList,
#pid-saec.pid-lp-comparison .faq .faqList {
  max-width: 800px;
  margin: 0 auto;
}
#pid-info.pid-lp-comparison .faq .faqList .answer,
#pid-404.pid-lp-comparison .faq .faqList .answer,
#pid-ylp.pid-lp-comparison .faq .faqList .answer,
#pid-saec.pid-lp-comparison .faq .faqList .answer {
  border: 2px solid #2564c4;
  border-top: none;
  padding: 24px 60px;
  display: none;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .faq .faqList .answer,
  #pid-404.pid-lp-comparison .faq .faqList .answer,
  #pid-ylp.pid-lp-comparison .faq .faqList .answer,
  #pid-saec.pid-lp-comparison .faq .faqList .answer {
    font-size: 1.3rem;
    padding: 24px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .faq .faqList .answer,
  #pid-404.pid-lp-comparison .faq .faqList .answer,
  #pid-ylp.pid-lp-comparison .faq .faqList .answer,
  #pid-saec.pid-lp-comparison .faq .faqList .answer {
    padding: 16px;
  }
}
#pid-info.pid-lp-comparison .faq .faqList .answer p:last-child,
#pid-404.pid-lp-comparison .faq .faqList .answer p:last-child,
#pid-ylp.pid-lp-comparison .faq .faqList .answer p:last-child,
#pid-saec.pid-lp-comparison .faq .faqList .answer p:last-child {
  margin-bottom: 0;
}
#pid-info.pid-lp-comparison .faq .faqList .question,
#pid-404.pid-lp-comparison .faq .faqList .question,
#pid-ylp.pid-lp-comparison .faq .faqList .question,
#pid-saec.pid-lp-comparison .faq .faqList .question {
  background: #2564c4;
  color: #fff;
  padding: 20px 60px;
  font-size: 2rem;
  position: relative;
  cursor: pointer;
  border-bottom: 2px solid #fff;
  -webkit-transition: all ease-out 0.3s;
  transition: all ease-out 0.3s;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .faq .faqList .question,
  #pid-404.pid-lp-comparison .faq .faqList .question,
  #pid-ylp.pid-lp-comparison .faq .faqList .question,
  #pid-saec.pid-lp-comparison .faq .faqList .question {
    font-size: 1.8rem;
    padding: 15px 60px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-comparison .faq .faqList .question,
  #pid-404.pid-lp-comparison .faq .faqList .question,
  #pid-ylp.pid-lp-comparison .faq .faqList .question,
  #pid-saec.pid-lp-comparison .faq .faqList .question {
    font-size: 1.6rem;
  }
}
#pid-info.pid-lp-comparison .faq .faqList .question:first-child,
#pid-404.pid-lp-comparison .faq .faqList .question:first-child,
#pid-ylp.pid-lp-comparison .faq .faqList .question:first-child,
#pid-saec.pid-lp-comparison .faq .faqList .question:first-child {
  border-radius: 10px 10px 0 0;
}
#pid-info.pid-lp-comparison .faq .faqList .question:last-of-type,
#pid-404.pid-lp-comparison .faq .faqList .question:last-of-type,
#pid-ylp.pid-lp-comparison .faq .faqList .question:last-of-type,
#pid-saec.pid-lp-comparison .faq .faqList .question:last-of-type {
  border-radius: 0 0 10px 10px;
}
#pid-info.pid-lp-comparison .faq .faqList .question:last-of-type.is-open,
#pid-404.pid-lp-comparison .faq .faqList .question:last-of-type.is-open,
#pid-ylp.pid-lp-comparison .faq .faqList .question:last-of-type.is-open,
#pid-saec.pid-lp-comparison .faq .faqList .question:last-of-type.is-open {
  border-radius: 0;
}
#pid-info.pid-lp-comparison .faq .faqList .question:before, #pid-info.pid-lp-comparison .faq .faqList .question:after,
#pid-404.pid-lp-comparison .faq .faqList .question:before,
#pid-404.pid-lp-comparison .faq .faqList .question:after,
#pid-ylp.pid-lp-comparison .faq .faqList .question:before,
#pid-ylp.pid-lp-comparison .faq .faqList .question:after,
#pid-saec.pid-lp-comparison .faq .faqList .question:before,
#pid-saec.pid-lp-comparison .faq .faqList .question:after {
  background: #fff;
  content: "";
  display: block;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -1.5px;
  width: 16px;
  height: 3px;
  -webkit-transition: all ease-out 0.3s;
  transition: all ease-out 0.3s;
}
#pid-info.pid-lp-comparison .faq .faqList .question:after,
#pid-404.pid-lp-comparison .faq .faqList .question:after,
#pid-ylp.pid-lp-comparison .faq .faqList .question:after,
#pid-saec.pid-lp-comparison .faq .faqList .question:after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
#pid-info.pid-lp-comparison .faq .faqList .question.is-open,
#pid-404.pid-lp-comparison .faq .faqList .question.is-open,
#pid-ylp.pid-lp-comparison .faq .faqList .question.is-open,
#pid-saec.pid-lp-comparison .faq .faqList .question.is-open {
  border-bottom-color: transparent;
}
#pid-info.pid-lp-comparison .faq .faqList .question.is-open:after,
#pid-404.pid-lp-comparison .faq .faqList .question.is-open:after,
#pid-ylp.pid-lp-comparison .faq .faqList .question.is-open:after,
#pid-saec.pid-lp-comparison .faq .faqList .question.is-open:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  opacity: 0;
}
#pid-info.pid-lp-comparison .faq .faqList .question .questionWrap:before,
#pid-404.pid-lp-comparison .faq .faqList .question .questionWrap:before,
#pid-ylp.pid-lp-comparison .faq .faqList .question .questionWrap:before,
#pid-saec.pid-lp-comparison .faq .faqList .question .questionWrap:before {
  content: "Q";
  display: block;
  font-size: 3.2rem;
  position: absolute;
  left: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .faq .faqList .question .questionWrap:before,
  #pid-404.pid-lp-comparison .faq .faqList .question .questionWrap:before,
  #pid-ylp.pid-lp-comparison .faq .faqList .question .questionWrap:before,
  #pid-saec.pid-lp-comparison .faq .faqList .question .questionWrap:before {
    font-size: 2.4rem;
  }
}
#pid-info.pid-lp-comparison .imgico_question,
#pid-404.pid-lp-comparison .imgico_question,
#pid-ylp.pid-lp-comparison .imgico_question,
#pid-saec.pid-lp-comparison .imgico_question {
  background: url(../img/comparison/ico_tooltip.png) no-repeat 0 0;
  width: 16px;
  height: 16px;
  vertical-align: -4px;
}
#pid-info.pid-lp-comparison .itemDomain,
#pid-404.pid-lp-comparison .itemDomain,
#pid-ylp.pid-lp-comparison .itemDomain,
#pid-saec.pid-lp-comparison .itemDomain {
  margin: 10px 0 0;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1.6;
}
#pid-info.pid-lp-comparison .itemDomain strong,
#pid-404.pid-lp-comparison .itemDomain strong,
#pid-ylp.pid-lp-comparison .itemDomain strong,
#pid-saec.pid-lp-comparison .itemDomain strong {
  color: #ff5400;
}
#pid-info.pid-lp-comparison .itemDomain .domain--normal, #pid-info.pid-lp-comparison .itemDomain .domain--premium, #pid-info.pid-lp-comparison .itemDomain .domain--corporation,
#pid-404.pid-lp-comparison .itemDomain .domain--normal,
#pid-404.pid-lp-comparison .itemDomain .domain--premium,
#pid-404.pid-lp-comparison .itemDomain .domain--corporation,
#pid-ylp.pid-lp-comparison .itemDomain .domain--normal,
#pid-ylp.pid-lp-comparison .itemDomain .domain--premium,
#pid-ylp.pid-lp-comparison .itemDomain .domain--corporation,
#pid-saec.pid-lp-comparison .itemDomain .domain--normal,
#pid-saec.pid-lp-comparison .itemDomain .domain--premium,
#pid-saec.pid-lp-comparison .itemDomain .domain--corporation {
  display: inline-block;
  border-radius: 2px;
  padding: 0.1em 0.4em;
  margin-right: 4px;
  line-height: 1.2;
  text-align: center;
  width: 3.2em;
}
#pid-info.pid-lp-comparison .itemDomain .domain--normal,
#pid-404.pid-lp-comparison .itemDomain .domain--normal,
#pid-ylp.pid-lp-comparison .itemDomain .domain--normal,
#pid-saec.pid-lp-comparison .itemDomain .domain--normal {
  background: #d6e5f2;
}
#pid-info.pid-lp-comparison .itemDomain .domain--premium,
#pid-404.pid-lp-comparison .itemDomain .domain--premium,
#pid-ylp.pid-lp-comparison .itemDomain .domain--premium,
#pid-saec.pid-lp-comparison .itemDomain .domain--premium {
  background: #1b63a7;
  color: #FFF;
}
#pid-info.pid-lp-comparison .itemDomain .domain--corporation,
#pid-404.pid-lp-comparison .itemDomain .domain--corporation,
#pid-ylp.pid-lp-comparison .itemDomain .domain--corporation,
#pid-saec.pid-lp-comparison .itemDomain .domain--corporation {
  background: #113d6b;
  color: #FFF;
  width: 4.2em;
}
#pid-info.pid-lp-comparison .plListSpec,
#pid-404.pid-lp-comparison .plListSpec,
#pid-ylp.pid-lp-comparison .plListSpec,
#pid-saec.pid-lp-comparison .plListSpec {
  text-align: left;
}
#pid-info.pid-lp-comparison .plListSpec__detail,
#pid-404.pid-lp-comparison .plListSpec__detail,
#pid-ylp.pid-lp-comparison .plListSpec__detail,
#pid-saec.pid-lp-comparison .plListSpec__detail {
  padding-top: 5px;
}
#pid-info.pid-lp-comparison .plListSpec__detail--item,
#pid-404.pid-lp-comparison .plListSpec__detail--item,
#pid-ylp.pid-lp-comparison .plListSpec__detail--item,
#pid-saec.pid-lp-comparison .plListSpec__detail--item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px 8px;
  line-height: 1.2;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .plListSpec__detail--item,
  #pid-404.pid-lp-comparison .plListSpec__detail--item,
  #pid-ylp.pid-lp-comparison .plListSpec__detail--item,
  #pid-saec.pid-lp-comparison .plListSpec__detail--item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 16px 8px;
  }
}
#pid-info.pid-lp-comparison .plListSpec__detail--item:nth-child(2n),
#pid-404.pid-lp-comparison .plListSpec__detail--item:nth-child(2n),
#pid-ylp.pid-lp-comparison .plListSpec__detail--item:nth-child(2n),
#pid-saec.pid-lp-comparison .plListSpec__detail--item:nth-child(2n) {
  background: #f0f4ff;
}
#pid-info.pid-lp-comparison .plListSpec__detail--item:nth-child(2), #pid-info.pid-lp-comparison .plListSpec__detail--item:nth-child(3),
#pid-404.pid-lp-comparison .plListSpec__detail--item:nth-child(2),
#pid-404.pid-lp-comparison .plListSpec__detail--item:nth-child(3),
#pid-ylp.pid-lp-comparison .plListSpec__detail--item:nth-child(2),
#pid-ylp.pid-lp-comparison .plListSpec__detail--item:nth-child(3),
#pid-saec.pid-lp-comparison .plListSpec__detail--item:nth-child(2),
#pid-saec.pid-lp-comparison .plListSpec__detail--item:nth-child(3) {
  text-align: center;
}
#pid-info.pid-lp-comparison .plListSpec__detail--itemColumn,
#pid-404.pid-lp-comparison .plListSpec__detail--itemColumn,
#pid-ylp.pid-lp-comparison .plListSpec__detail--itemColumn,
#pid-saec.pid-lp-comparison .plListSpec__detail--itemColumn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .plListSpec__detail--itemColumn,
  #pid-404.pid-lp-comparison .plListSpec__detail--itemColumn,
  #pid-ylp.pid-lp-comparison .plListSpec__detail--itemColumn,
  #pid-saec.pid-lp-comparison .plListSpec__detail--itemColumn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#pid-info.pid-lp-comparison .plListSpec__detail--itemExtra,
#pid-404.pid-lp-comparison .plListSpec__detail--itemExtra,
#pid-ylp.pid-lp-comparison .plListSpec__detail--itemExtra,
#pid-saec.pid-lp-comparison .plListSpec__detail--itemExtra {
  display: block;
  padding: 15px;
}
#pid-info.pid-lp-comparison .plListSpec__detail--item:last-child,
#pid-404.pid-lp-comparison .plListSpec__detail--item:last-child,
#pid-ylp.pid-lp-comparison .plListSpec__detail--item:last-child,
#pid-saec.pid-lp-comparison .plListSpec__detail--item:last-child {
  display: block;
}
#pid-info.pid-lp-comparison .plListSpec__detail--item .itemCaption,
#pid-404.pid-lp-comparison .plListSpec__detail--item .itemCaption,
#pid-ylp.pid-lp-comparison .plListSpec__detail--item .itemCaption,
#pid-saec.pid-lp-comparison .plListSpec__detail--item .itemCaption {
  width: 8.5em;
  color: #888;
  font-size: 1.3rem;
  margin-right: 5px;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .plListSpec__detail--item .itemCaption,
  #pid-404.pid-lp-comparison .plListSpec__detail--item .itemCaption,
  #pid-ylp.pid-lp-comparison .plListSpec__detail--item .itemCaption,
  #pid-saec.pid-lp-comparison .plListSpec__detail--item .itemCaption {
    width: auto;
    margin: 0 0 4px;
    text-align: center;
  }
}
#pid-info.pid-lp-comparison .plListSpec__detail--item .itemDetail,
#pid-404.pid-lp-comparison .plListSpec__detail--item .itemDetail,
#pid-ylp.pid-lp-comparison .plListSpec__detail--item .itemDetail,
#pid-saec.pid-lp-comparison .plListSpec__detail--item .itemDetail {
  font-size: 1.5rem;
  font-weight: 500;
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#pid-info.pid-lp-comparison .plListSpec__detail--item .itemDetail .num,
#pid-404.pid-lp-comparison .plListSpec__detail--item .itemDetail .num,
#pid-ylp.pid-lp-comparison .plListSpec__detail--item .itemDetail .num,
#pid-saec.pid-lp-comparison .plListSpec__detail--item .itemDetail .num {
  font-size: 2.4rem;
}
#pid-info.pid-lp-comparison .plListSpec__detail--item .itemDomain,
#pid-404.pid-lp-comparison .plListSpec__detail--item .itemDomain,
#pid-ylp.pid-lp-comparison .plListSpec__detail--item .itemDomain,
#pid-saec.pid-lp-comparison .plListSpec__detail--item .itemDomain {
  margin: 10px 0 0;
  /*color: #1b63a7;*/
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1.6;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-comparison .plListSpec__detail--item .itemDomain,
  #pid-404.pid-lp-comparison .plListSpec__detail--item .itemDomain,
  #pid-ylp.pid-lp-comparison .plListSpec__detail--item .itemDomain,
  #pid-saec.pid-lp-comparison .plListSpec__detail--item .itemDomain {
    font-size: 1.2rem;
  }
}
#pid-info.pid-lp-comparison .plListSpec__detail--item .itemDomain strong,
#pid-404.pid-lp-comparison .plListSpec__detail--item .itemDomain strong,
#pid-ylp.pid-lp-comparison .plListSpec__detail--item .itemDomain strong,
#pid-saec.pid-lp-comparison .plListSpec__detail--item .itemDomain strong {
  color: #ff5400;
}
#pid-info.pid-lp-comparison .plListSpec__detail--item .itemDomain .domain--normal, #pid-info.pid-lp-comparison .plListSpec__detail--item .itemDomain .domain--premium,
#pid-404.pid-lp-comparison .plListSpec__detail--item .itemDomain .domain--normal,
#pid-404.pid-lp-comparison .plListSpec__detail--item .itemDomain .domain--premium,
#pid-ylp.pid-lp-comparison .plListSpec__detail--item .itemDomain .domain--normal,
#pid-ylp.pid-lp-comparison .plListSpec__detail--item .itemDomain .domain--premium,
#pid-saec.pid-lp-comparison .plListSpec__detail--item .itemDomain .domain--normal,
#pid-saec.pid-lp-comparison .plListSpec__detail--item .itemDomain .domain--premium {
  display: inline-block;
  border-radius: 2px;
  padding: 0.1em 0.4em;
  margin-right: 4px;
  line-height: 1.2;
  text-align: center;
  width: 3.2em;
}
#pid-info.pid-lp-comparison .plListSpec__detail--item .itemDomain .domain--normal,
#pid-404.pid-lp-comparison .plListSpec__detail--item .itemDomain .domain--normal,
#pid-ylp.pid-lp-comparison .plListSpec__detail--item .itemDomain .domain--normal,
#pid-saec.pid-lp-comparison .plListSpec__detail--item .itemDomain .domain--normal {
  background: #d6e5f2;
}
#pid-info.pid-lp-comparison .plListSpec__detail--item .itemDomain .domain--premium,
#pid-404.pid-lp-comparison .plListSpec__detail--item .itemDomain .domain--premium,
#pid-ylp.pid-lp-comparison .plListSpec__detail--item .itemDomain .domain--premium,
#pid-saec.pid-lp-comparison .plListSpec__detail--item .itemDomain .domain--premium {
  background: #1b63a7;
  color: #FFF;
}
#pid-info.pid-lp-comparison .plListSpec__entry,
#pid-404.pid-lp-comparison .plListSpec__entry,
#pid-ylp.pid-lp-comparison .plListSpec__entry,
#pid-saec.pid-lp-comparison .plListSpec__entry {
  padding: 25px 0 35px;
}
#pid-info.pid-lp-comparison .plListSpec__entry .button,
#pid-404.pid-lp-comparison .plListSpec__entry .button,
#pid-ylp.pid-lp-comparison .plListSpec__entry .button,
#pid-saec.pid-lp-comparison .plListSpec__entry .button {
  width: 100%;
  padding-left: 2em;
  padding-right: 2em;
}
@media only screen and (min-width: 768px) and (max-width: 812px) {
  #pid-info.pid-lp-comparison .plListSpec__entry .button,
  #pid-404.pid-lp-comparison .plListSpec__entry .button,
  #pid-ylp.pid-lp-comparison .plListSpec__entry .button,
  #pid-saec.pid-lp-comparison .plListSpec__entry .button {
    padding-left: 1.6em;
    padding-right: 1.6em;
  }
}
#pid-info,
#pid-404,
#pid-ylp,
#pid-saec {
  /* ----------------------------------------------------------
  cloudsecure1年間無料プレゼントキャンペーン
  ------------------------------------------------------------- */
}
#pid-info .cloudsecureCpFlow,
#pid-404 .cloudsecureCpFlow,
#pid-ylp .cloudsecureCpFlow,
#pid-saec .cloudsecureCpFlow {
  max-width: 940px;
  padding: 30px;
  margin: 0 auto 30px;
  background: #cfddec;
}
#pid-info .cloudsecureCpFlow h2,
#pid-404 .cloudsecureCpFlow h2,
#pid-ylp .cloudsecureCpFlow h2,
#pid-saec .cloudsecureCpFlow h2 {
  margin-bottom: 10px;
  font-size: 25px;
  text-align: center;
  font-weight: bold;
}
#pid-info .cloudsecureCpFlow__step,
#pid-404 .cloudsecureCpFlow__step,
#pid-ylp .cloudsecureCpFlow__step,
#pid-saec .cloudsecureCpFlow__step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #ffffff;
  margin: 0 0 30px;
  padding: 20px;
  position: relative;
}
#pid-info .cloudsecureCpFlow__step::after,
#pid-404 .cloudsecureCpFlow__step::after,
#pid-ylp .cloudsecureCpFlow__step::after,
#pid-saec .cloudsecureCpFlow__step::after {
  display: block;
  position: absolute;
  left: 50%;
  width: 0;
  height: 0;
  bottom: -23px;
  border-style: solid;
  border-width: 17px 11px 0 11px;
  border-color: #1b5fa6 transparent transparent transparent;
  content: "";
}
#pid-info .cloudsecureCpFlow__step dt,
#pid-404 .cloudsecureCpFlow__step dt,
#pid-ylp .cloudsecureCpFlow__step dt,
#pid-saec .cloudsecureCpFlow__step dt {
  font-size: 20px;
  margin-right: 40px;
}
#pid-info .cloudsecureCpFlow__stepTtl,
#pid-404 .cloudsecureCpFlow__stepTtl,
#pid-ylp .cloudsecureCpFlow__stepTtl,
#pid-saec .cloudsecureCpFlow__stepTtl {
  font-size: 20px;
  margin-bottom: 10px;
  font-weight: bold;
}
#pid-info .cloudsecureCpFlow__step:last-child,
#pid-404 .cloudsecureCpFlow__step:last-child,
#pid-ylp .cloudsecureCpFlow__step:last-child,
#pid-saec .cloudsecureCpFlow__step:last-child {
  margin: 0;
}
#pid-info .cloudsecureCpFlow__step:last-child::after,
#pid-404 .cloudsecureCpFlow__step:last-child::after,
#pid-ylp .cloudsecureCpFlow__step:last-child::after,
#pid-saec .cloudsecureCpFlow__step:last-child::after {
  display: none;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info .cloudsecureCpFlow,
  #pid-404 .cloudsecureCpFlow,
  #pid-ylp .cloudsecureCpFlow,
  #pid-saec .cloudsecureCpFlow {
    width: 90%;
    padding: 5%;
  }
  #pid-info .cloudsecureCpFlow h2,
  #pid-404 .cloudsecureCpFlow h2,
  #pid-ylp .cloudsecureCpFlow h2,
  #pid-saec .cloudsecureCpFlow h2 {
    margin-bottom: 5px;
    font-size: 25px;
  }
  #pid-info .cloudsecureCpFlow__step,
  #pid-404 .cloudsecureCpFlow__step,
  #pid-ylp .cloudsecureCpFlow__step,
  #pid-saec .cloudsecureCpFlow__step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #ffffff;
    margin: 0 0 30px;
    padding: 5%;
    position: relative;
  }
  #pid-info .cloudsecureCpFlow__step::after,
  #pid-404 .cloudsecureCpFlow__step::after,
  #pid-ylp .cloudsecureCpFlow__step::after,
  #pid-saec .cloudsecureCpFlow__step::after {
    display: block;
    position: absolute;
    left: 50%;
    width: 0;
    height: 0;
    bottom: -23px;
    border-style: solid;
    border-width: 17px 11px 0 11px;
    border-color: #113d6b transparent transparent transparent;
    content: "";
  }
  #pid-info .cloudsecureCpFlow__step dt,
  #pid-404 .cloudsecureCpFlow__step dt,
  #pid-ylp .cloudsecureCpFlow__step dt,
  #pid-saec .cloudsecureCpFlow__step dt {
    font-size: 20px;
    margin-right: 15px;
  }
  #pid-info .cloudsecureCpFlow__stepTtl,
  #pid-404 .cloudsecureCpFlow__stepTtl,
  #pid-ylp .cloudsecureCpFlow__stepTtl,
  #pid-saec .cloudsecureCpFlow__stepTtl {
    font-size: 20px;
    margin-bottom: 5px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info .cloudsecureCpFlow,
  #pid-404 .cloudsecureCpFlow,
  #pid-ylp .cloudsecureCpFlow,
  #pid-saec .cloudsecureCpFlow {
    width: 90%;
    padding: 5%;
  }
  #pid-info .cloudsecureCpFlow h2,
  #pid-404 .cloudsecureCpFlow h2,
  #pid-ylp .cloudsecureCpFlow h2,
  #pid-saec .cloudsecureCpFlow h2 {
    margin-bottom: 5px;
    font-size: 15px;
  }
  #pid-info .cloudsecureCpFlow__step,
  #pid-404 .cloudsecureCpFlow__step,
  #pid-ylp .cloudsecureCpFlow__step,
  #pid-saec .cloudsecureCpFlow__step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #ffffff;
    margin: 0 0 15px;
    padding: 5%;
    position: relative;
  }
  #pid-info .cloudsecureCpFlow__step::after,
  #pid-404 .cloudsecureCpFlow__step::after,
  #pid-ylp .cloudsecureCpFlow__step::after,
  #pid-saec .cloudsecureCpFlow__step::after {
    display: block;
    position: absolute;
    left: 50%;
    width: 0;
    height: 0;
    bottom: -12px;
    border-style: solid;
    border-width: 8px 5px 0 5px;
    border-color: #113d6b transparent transparent transparent;
    content: "";
  }
  #pid-info .cloudsecureCpFlow__step dt,
  #pid-404 .cloudsecureCpFlow__step dt,
  #pid-ylp .cloudsecureCpFlow__step dt,
  #pid-saec .cloudsecureCpFlow__step dt {
    font-size: 13px;
    margin-right: 15px;
  }
  #pid-info .cloudsecureCpFlow__stepTtl,
  #pid-404 .cloudsecureCpFlow__stepTtl,
  #pid-ylp .cloudsecureCpFlow__stepTtl,
  #pid-saec .cloudsecureCpFlow__stepTtl {
    font-size: 13px;
    margin-bottom: 5px;
  }
}
#pid-info,
#pid-404,
#pid-ylp,
#pid-saec {
  /* ----------------------------------------------------------
   学生プラン注釈調整
  ------------------------------------------------------------- */
}
#pid-info .student_annotation,
#pid-404 .student_annotation,
#pid-ylp .student_annotation,
#pid-saec .student_annotation {
  counter-reset: number 0;
}
#pid-info .student_annotation li:before,
#pid-404 .student_annotation li:before,
#pid-ylp .student_annotation li:before,
#pid-saec .student_annotation li:before {
  counter-increment: number 1;
  content: "\203b" counter(number) " ";
}
#pid-info,
#pid-404,
#pid-ylp,
#pid-saec {
  /* ----------------------------------------------------------
   大口契約
  ------------------------------------------------------------- */
}
#pid-info.pid-lp-largecontracts .trial-footer,
#pid-404.pid-lp-largecontracts .trial-footer,
#pid-ylp.pid-lp-largecontracts .trial-footer,
#pid-saec.pid-lp-largecontracts .trial-footer {
  display: none;
}
#pid-info.pid-lp-largecontracts .main-header,
#pid-404.pid-lp-largecontracts .main-header,
#pid-ylp.pid-lp-largecontracts .main-header,
#pid-saec.pid-lp-largecontracts .main-header {
  margin-bottom: 0;
}
#pid-info.pid-lp-largecontracts .topic-path,
#pid-404.pid-lp-largecontracts .topic-path,
#pid-ylp.pid-lp-largecontracts .topic-path,
#pid-saec.pid-lp-largecontracts .topic-path {
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 768px) {
  #pid-info.pid-lp-largecontracts .topic-path,
  #pid-404.pid-lp-largecontracts .topic-path,
  #pid-ylp.pid-lp-largecontracts .topic-path,
  #pid-saec.pid-lp-largecontracts .topic-path {
    position: absolute;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-largecontracts .topic-path,
  #pid-404.pid-lp-largecontracts .topic-path,
  #pid-ylp.pid-lp-largecontracts .topic-path,
  #pid-saec.pid-lp-largecontracts .topic-path {
    margin-bottom: 0;
  }
}
#pid-info.pid-lp-largecontracts .contents > .holder-sml,
#pid-404.pid-lp-largecontracts .contents > .holder-sml,
#pid-ylp.pid-lp-largecontracts .contents > .holder-sml,
#pid-saec.pid-lp-largecontracts .contents > .holder-sml {
  position: relative;
  z-index: 2;
}
#pid-info.pid-lp-largecontracts .contents *,
#pid-404.pid-lp-largecontracts .contents *,
#pid-ylp.pid-lp-largecontracts .contents *,
#pid-saec.pid-lp-largecontracts .contents * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#pid-info.pid-lp-largecontracts .contents .wrap,
#pid-404.pid-lp-largecontracts .contents .wrap,
#pid-ylp.pid-lp-largecontracts .contents .wrap,
#pid-saec.pid-lp-largecontracts .contents .wrap {
  max-width: 1080px;
  margin: 0 auto;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-largecontracts .contents .wrap,
  #pid-404.pid-lp-largecontracts .contents .wrap,
  #pid-ylp.pid-lp-largecontracts .contents .wrap,
  #pid-saec.pid-lp-largecontracts .contents .wrap {
    max-width: 93.75%;
  }
}
#pid-info.pid-lp-largecontracts .contents .section,
#pid-404.pid-lp-largecontracts .contents .section,
#pid-ylp.pid-lp-largecontracts .contents .section,
#pid-saec.pid-lp-largecontracts .contents .section {
  padding: 80px 0;
  margin: 0;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-largecontracts .contents .section,
  #pid-404.pid-lp-largecontracts .contents .section,
  #pid-ylp.pid-lp-largecontracts .contents .section,
  #pid-saec.pid-lp-largecontracts .contents .section {
    padding: 40px 0;
  }
}
#pid-info.pid-lp-largecontracts .contents .sttl,
#pid-404.pid-lp-largecontracts .contents .sttl,
#pid-ylp.pid-lp-largecontracts .contents .sttl,
#pid-saec.pid-lp-largecontracts .contents .sttl {
  text-align: center;
}
#pid-info.pid-lp-largecontracts .contents .sttl .caption,
#pid-404.pid-lp-largecontracts .contents .sttl .caption,
#pid-ylp.pid-lp-largecontracts .contents .sttl .caption,
#pid-saec.pid-lp-largecontracts .contents .sttl .caption {
  font-size: 4.8rem;
  font-weight: bold;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-largecontracts .contents .sttl .caption,
  #pid-404.pid-lp-largecontracts .contents .sttl .caption,
  #pid-ylp.pid-lp-largecontracts .contents .sttl .caption,
  #pid-saec.pid-lp-largecontracts .contents .sttl .caption {
    font-size: 3.2rem;
    margin: 0 0 24px;
  }
}
#pid-info.pid-lp-largecontracts .contents .main,
#pid-404.pid-lp-largecontracts .contents .main,
#pid-ylp.pid-lp-largecontracts .contents .main,
#pid-saec.pid-lp-largecontracts .contents .main {
  max-width: unset;
  margin-bottom: 0;
}
#pid-info.pid-lp-largecontracts .lcCtaButtonUnit,
#pid-404.pid-lp-largecontracts .lcCtaButtonUnit,
#pid-ylp.pid-lp-largecontracts .lcCtaButtonUnit,
#pid-saec.pid-lp-largecontracts .lcCtaButtonUnit {
  max-width: 500px;
  position: relative;
  margin: 0 auto;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-largecontracts .lcCtaButtonUnit,
  #pid-404.pid-lp-largecontracts .lcCtaButtonUnit,
  #pid-ylp.pid-lp-largecontracts .lcCtaButtonUnit,
  #pid-saec.pid-lp-largecontracts .lcCtaButtonUnit {
    max-width: 350px;
  }
}
#pid-info.pid-lp-largecontracts .lcCtaButtonUnit__balloon,
#pid-404.pid-lp-largecontracts .lcCtaButtonUnit__balloon,
#pid-ylp.pid-lp-largecontracts .lcCtaButtonUnit__balloon,
#pid-saec.pid-lp-largecontracts .lcCtaButtonUnit__balloon {
  pointer-events: none;
  position: absolute;
  border: 2px solid #ff4b33;
  background: #fff;
  border-radius: 50px;
  font-weight: bold;
  font-size: 1.4rem;
  text-align: center;
  padding: 6px 12px 4px;
  left: 50%;
  -webkit-transform: translate3d(-50%, -1.2em, 0);
          transform: translate3d(-50%, -1.2em, 0);
  z-index: 2;
  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: calc(100% - 120px);
  color: #2f334c;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-largecontracts .lcCtaButtonUnit__balloon,
  #pid-404.pid-lp-largecontracts .lcCtaButtonUnit__balloon,
  #pid-ylp.pid-lp-largecontracts .lcCtaButtonUnit__balloon,
  #pid-saec.pid-lp-largecontracts .lcCtaButtonUnit__balloon {
    font-size: 1.2rem;
    width: calc(100% - 32px);
  }
}
#pid-info.pid-lp-largecontracts .lcCtaButtonUnit__body,
#pid-404.pid-lp-largecontracts .lcCtaButtonUnit__body,
#pid-ylp.pid-lp-largecontracts .lcCtaButtonUnit__body,
#pid-saec.pid-lp-largecontracts .lcCtaButtonUnit__body {
  position: relative;
  background: #F7790B;
  display: inline-block;
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  width: 100%;
  padding: 26px 32px 16px;
  border-radius: 3px;
  text-decoration: none;
  z-index: 1;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-largecontracts .lcCtaButtonUnit__body,
  #pid-404.pid-lp-largecontracts .lcCtaButtonUnit__body,
  #pid-ylp.pid-lp-largecontracts .lcCtaButtonUnit__body,
  #pid-saec.pid-lp-largecontracts .lcCtaButtonUnit__body {
    font-size: 1.6rem;
    padding: 26px 32px 12px;
  }
}
#pid-info.pid-lp-largecontracts .lcCtaButtonUnit a,
#pid-404.pid-lp-largecontracts .lcCtaButtonUnit a,
#pid-ylp.pid-lp-largecontracts .lcCtaButtonUnit a,
#pid-saec.pid-lp-largecontracts .lcCtaButtonUnit a {
  display: inline-block;
  position: relative;
  width: 100%;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
#pid-info.pid-lp-largecontracts .lcCtaButtonUnit a i,
#pid-404.pid-lp-largecontracts .lcCtaButtonUnit a i,
#pid-ylp.pid-lp-largecontracts .lcCtaButtonUnit a i,
#pid-saec.pid-lp-largecontracts .lcCtaButtonUnit a i {
  position: absolute;
  right: 32px;
  -webkit-transform: translateY(0.1em);
          transform: translateY(0.1em);
}
#pid-info.pid-lp-largecontracts .lcCtaButtonUnit a:after,
#pid-404.pid-lp-largecontracts .lcCtaButtonUnit a:after,
#pid-ylp.pid-lp-largecontracts .lcCtaButtonUnit a:after,
#pid-saec.pid-lp-largecontracts .lcCtaButtonUnit a:after {
  content: "";
  display: block;
  width: 100%;
  height: 6px;
  background: #CC3F00;
  position: absolute;
  bottom: -3px;
  left: 0;
  border-radius: 0 0 3px 3px;
  z-index: 0;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
#pid-info.pid-lp-largecontracts .lcCtaButtonUnit a:hover,
#pid-404.pid-lp-largecontracts .lcCtaButtonUnit a:hover,
#pid-ylp.pid-lp-largecontracts .lcCtaButtonUnit a:hover,
#pid-saec.pid-lp-largecontracts .lcCtaButtonUnit a:hover {
  -webkit-transform: translateY(3px);
          transform: translateY(3px);
}
#pid-info.pid-lp-largecontracts .lcCtaButtonUnit a:hover:after,
#pid-404.pid-lp-largecontracts .lcCtaButtonUnit a:hover:after,
#pid-ylp.pid-lp-largecontracts .lcCtaButtonUnit a:hover:after,
#pid-saec.pid-lp-largecontracts .lcCtaButtonUnit a:hover:after {
  bottom: 0;
}
#pid-info.pid-lp-largecontracts .lcCtaButtonUnit__foot,
#pid-404.pid-lp-largecontracts .lcCtaButtonUnit__foot,
#pid-ylp.pid-lp-largecontracts .lcCtaButtonUnit__foot,
#pid-saec.pid-lp-largecontracts .lcCtaButtonUnit__foot {
  text-align: center;
  font-weight: bold;
  font-size: 1.4rem;
  margin: 12px 0 0;
}
#pid-info.pid-lp-largecontracts .mv,
#pid-404.pid-lp-largecontracts .mv,
#pid-ylp.pid-lp-largecontracts .mv,
#pid-saec.pid-lp-largecontracts .mv {
  position: relative;
  z-index: 1;
}
#pid-info.pid-lp-largecontracts .mv .mvMain,
#pid-404.pid-lp-largecontracts .mv .mvMain,
#pid-ylp.pid-lp-largecontracts .mv .mvMain,
#pid-saec.pid-lp-largecontracts .mv .mvMain {
  background: url(../img/business/largecontracts/mv_bg_pc.jpg) no-repeat center top;
  background-size: cover;
  height: 500px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-largecontracts .mv .mvMain,
  #pid-404.pid-lp-largecontracts .mv .mvMain,
  #pid-ylp.pid-lp-largecontracts .mv .mvMain,
  #pid-saec.pid-lp-largecontracts .mv .mvMain {
    height: auto;
    background: none;
    padding-bottom: 66%;
  }
  #pid-info.pid-lp-largecontracts .mv .mvMain:after,
  #pid-404.pid-lp-largecontracts .mv .mvMain:after,
  #pid-ylp.pid-lp-largecontracts .mv .mvMain:after,
  #pid-saec.pid-lp-largecontracts .mv .mvMain:after {
    content: "";
    display: block;
    width: 100%;
    height: 500px;
    background: url(../img/business/largecontracts/mv_bg_sp.jpg) no-repeat center bottom;
    background-size: cover;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
  }
}
#pid-info.pid-lp-largecontracts .mv .mvMain .mvTtlGroup,
#pid-404.pid-lp-largecontracts .mv .mvMain .mvTtlGroup,
#pid-ylp.pid-lp-largecontracts .mv .mvMain .mvTtlGroup,
#pid-saec.pid-lp-largecontracts .mv .mvMain .mvTtlGroup {
  padding: 66px 0 0;
}
#pid-info.pid-lp-largecontracts .mv .mvMain .mvTtlGroup__ttl,
#pid-404.pid-lp-largecontracts .mv .mvMain .mvTtlGroup__ttl,
#pid-ylp.pid-lp-largecontracts .mv .mvMain .mvTtlGroup__ttl,
#pid-saec.pid-lp-largecontracts .mv .mvMain .mvTtlGroup__ttl {
  margin: 0 0 16px;
  position: relative;
}
@media only screen and (min-width: 1100px) {
  #pid-info.pid-lp-largecontracts .mv .mvMain .mvTtlGroup__ttl img,
  #pid-404.pid-lp-largecontracts .mv .mvMain .mvTtlGroup__ttl img,
  #pid-ylp.pid-lp-largecontracts .mv .mvMain .mvTtlGroup__ttl img,
  #pid-saec.pid-lp-largecontracts .mv .mvMain .mvTtlGroup__ttl img {
    width: 490px;
    height: auto;
  }
}
#pid-info.pid-lp-largecontracts .mv .mvMain .mvTtlGroup__achievements,
#pid-404.pid-lp-largecontracts .mv .mvMain .mvTtlGroup__achievements,
#pid-ylp.pid-lp-largecontracts .mv .mvMain .mvTtlGroup__achievements,
#pid-saec.pid-lp-largecontracts .mv .mvMain .mvTtlGroup__achievements {
  position: relative;
}
@media only screen and (min-width: 1100px) {
  #pid-info.pid-lp-largecontracts .mv .mvMain .mvTtlGroup__achievements img,
  #pid-404.pid-lp-largecontracts .mv .mvMain .mvTtlGroup__achievements img,
  #pid-ylp.pid-lp-largecontracts .mv .mvMain .mvTtlGroup__achievements img,
  #pid-saec.pid-lp-largecontracts .mv .mvMain .mvTtlGroup__achievements img {
    width: 520px;
    height: auto;
  }
}
#pid-info.pid-lp-largecontracts .mv .mvMain .mvTtlGroup .cautionLinks,
#pid-404.pid-lp-largecontracts .mv .mvMain .mvTtlGroup .cautionLinks,
#pid-ylp.pid-lp-largecontracts .mv .mvMain .mvTtlGroup .cautionLinks,
#pid-saec.pid-lp-largecontracts .mv .mvMain .mvTtlGroup .cautionLinks {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1rem;
  text-decoration: none;
  font-weight: normal;
  color: #286ED3;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-largecontracts .mv .mvMain .mvTtlGroup .cautionLinks,
  #pid-404.pid-lp-largecontracts .mv .mvMain .mvTtlGroup .cautionLinks,
  #pid-ylp.pid-lp-largecontracts .mv .mvMain .mvTtlGroup .cautionLinks,
  #pid-saec.pid-lp-largecontracts .mv .mvMain .mvTtlGroup .cautionLinks {
    font-size: 0.9rem;
  }
}
#pid-info.pid-lp-largecontracts .mv .mvMain .mvTtlGroup .cautionLinks--01,
#pid-404.pid-lp-largecontracts .mv .mvMain .mvTtlGroup .cautionLinks--01,
#pid-ylp.pid-lp-largecontracts .mv .mvMain .mvTtlGroup .cautionLinks--01,
#pid-saec.pid-lp-largecontracts .mv .mvMain .mvTtlGroup .cautionLinks--01 {
  left: 39.2%;
  top: 34.5%;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-largecontracts .mv .mvMain .mvTtlGroup .cautionLinks--01,
  #pid-404.pid-lp-largecontracts .mv .mvMain .mvTtlGroup .cautionLinks--01,
  #pid-ylp.pid-lp-largecontracts .mv .mvMain .mvTtlGroup .cautionLinks--01,
  #pid-saec.pid-lp-largecontracts .mv .mvMain .mvTtlGroup .cautionLinks--01 {
    left: 86.2%;
  }
}
#pid-info.pid-lp-largecontracts .mv .mvMain .mvTtlGroup .cautionLinks--02,
#pid-404.pid-lp-largecontracts .mv .mvMain .mvTtlGroup .cautionLinks--02,
#pid-ylp.pid-lp-largecontracts .mv .mvMain .mvTtlGroup .cautionLinks--02,
#pid-saec.pid-lp-largecontracts .mv .mvMain .mvTtlGroup .cautionLinks--02 {
  left: 10.7%;
  top: 4%;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-largecontracts .mv .mvMain .mvTtlGroup .cautionLinks--02,
  #pid-404.pid-lp-largecontracts .mv .mvMain .mvTtlGroup .cautionLinks--02,
  #pid-ylp.pid-lp-largecontracts .mv .mvMain .mvTtlGroup .cautionLinks--02,
  #pid-saec.pid-lp-largecontracts .mv .mvMain .mvTtlGroup .cautionLinks--02 {
    left: 22.6%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info.pid-lp-largecontracts .mv .mvMain .mvTtlGroup .cautionLinks--02,
  #pid-404.pid-lp-largecontracts .mv .mvMain .mvTtlGroup .cautionLinks--02,
  #pid-ylp.pid-lp-largecontracts .mv .mvMain .mvTtlGroup .cautionLinks--02,
  #pid-saec.pid-lp-largecontracts .mv .mvMain .mvTtlGroup .cautionLinks--02 {
    top: -2%;
  }
}
#pid-info.pid-lp-largecontracts .mv .mvMain .mvTtlGroup .cautionLinks--03,
#pid-404.pid-lp-largecontracts .mv .mvMain .mvTtlGroup .cautionLinks--03,
#pid-ylp.pid-lp-largecontracts .mv .mvMain .mvTtlGroup .cautionLinks--03,
#pid-saec.pid-lp-largecontracts .mv .mvMain .mvTtlGroup .cautionLinks--03 {
  left: 28.7%;
  top: 4%;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-largecontracts .mv .mvMain .mvTtlGroup .cautionLinks--03,
  #pid-404.pid-lp-largecontracts .mv .mvMain .mvTtlGroup .cautionLinks--03,
  #pid-ylp.pid-lp-largecontracts .mv .mvMain .mvTtlGroup .cautionLinks--03,
  #pid-saec.pid-lp-largecontracts .mv .mvMain .mvTtlGroup .cautionLinks--03 {
    left: 60%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info.pid-lp-largecontracts .mv .mvMain .mvTtlGroup .cautionLinks--03,
  #pid-404.pid-lp-largecontracts .mv .mvMain .mvTtlGroup .cautionLinks--03,
  #pid-ylp.pid-lp-largecontracts .mv .mvMain .mvTtlGroup .cautionLinks--03,
  #pid-saec.pid-lp-largecontracts .mv .mvMain .mvTtlGroup .cautionLinks--03 {
    top: -2%;
  }
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-largecontracts .mv .mvMain .mvTtlGroup,
  #pid-404.pid-lp-largecontracts .mv .mvMain .mvTtlGroup,
  #pid-ylp.pid-lp-largecontracts .mv .mvMain .mvTtlGroup,
  #pid-saec.pid-lp-largecontracts .mv .mvMain .mvTtlGroup {
    padding: 20px 0 0;
    text-align: center;
  }
  #pid-info.pid-lp-largecontracts .mv .mvMain .mvTtlGroup__ttl,
  #pid-404.pid-lp-largecontracts .mv .mvMain .mvTtlGroup__ttl,
  #pid-ylp.pid-lp-largecontracts .mv .mvMain .mvTtlGroup__ttl,
  #pid-saec.pid-lp-largecontracts .mv .mvMain .mvTtlGroup__ttl {
    margin: 0 28px 6px;
  }
  #pid-info.pid-lp-largecontracts .mv .mvMain .mvTtlGroup__ttl img,
  #pid-404.pid-lp-largecontracts .mv .mvMain .mvTtlGroup__ttl img,
  #pid-ylp.pid-lp-largecontracts .mv .mvMain .mvTtlGroup__ttl img,
  #pid-saec.pid-lp-largecontracts .mv .mvMain .mvTtlGroup__ttl img {
    width: 100%;
    height: auto;
  }
  #pid-info.pid-lp-largecontracts .mv .mvMain .mvTtlGroup__achievements,
  #pid-404.pid-lp-largecontracts .mv .mvMain .mvTtlGroup__achievements,
  #pid-ylp.pid-lp-largecontracts .mv .mvMain .mvTtlGroup__achievements,
  #pid-saec.pid-lp-largecontracts .mv .mvMain .mvTtlGroup__achievements {
    margin: 0 38px 0;
  }
  #pid-info.pid-lp-largecontracts .mv .mvMain .mvTtlGroup__achievements img,
  #pid-404.pid-lp-largecontracts .mv .mvMain .mvTtlGroup__achievements img,
  #pid-ylp.pid-lp-largecontracts .mv .mvMain .mvTtlGroup__achievements img,
  #pid-saec.pid-lp-largecontracts .mv .mvMain .mvTtlGroup__achievements img {
    width: 100%;
    height: auto;
  }
}
#pid-info.pid-lp-largecontracts .mv .mvCautionList,
#pid-404.pid-lp-largecontracts .mv .mvCautionList,
#pid-ylp.pid-lp-largecontracts .mv .mvCautionList,
#pid-saec.pid-lp-largecontracts .mv .mvCautionList {
  position: absolute;
  right: 16px;
  bottom: 16px;
  text-shadow: 0 0 5px rgb(0, 0, 0);
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-largecontracts .mv .mvCautionList,
  #pid-404.pid-lp-largecontracts .mv .mvCautionList,
  #pid-ylp.pid-lp-largecontracts .mv .mvCautionList,
  #pid-saec.pid-lp-largecontracts .mv .mvCautionList {
    bottom: 48px;
  }
}
#pid-info.pid-lp-largecontracts .mv .mvCautionList li,
#pid-404.pid-lp-largecontracts .mv .mvCautionList li,
#pid-ylp.pid-lp-largecontracts .mv .mvCautionList li,
#pid-saec.pid-lp-largecontracts .mv .mvCautionList li {
  text-indent: -1em;
  padding-left: 1em;
  color: #fff;
  font-size: 1rem;
}
#pid-info.pid-lp-largecontracts .mv .lcCtaButtonUnit,
#pid-404.pid-lp-largecontracts .mv .lcCtaButtonUnit,
#pid-ylp.pid-lp-largecontracts .mv .lcCtaButtonUnit,
#pid-saec.pid-lp-largecontracts .mv .lcCtaButtonUnit {
  position: absolute;
  left: 50%;
  margin-left: -250px;
  bottom: -70px;
  z-index: 1;
  width: 500px;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-largecontracts .mv .lcCtaButtonUnit,
  #pid-404.pid-lp-largecontracts .mv .lcCtaButtonUnit,
  #pid-ylp.pid-lp-largecontracts .mv .lcCtaButtonUnit,
  #pid-saec.pid-lp-largecontracts .mv .lcCtaButtonUnit {
    bottom: -66px;
    margin-left: -175px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info.pid-lp-largecontracts .mv .mvMain,
  #pid-404.pid-lp-largecontracts .mv .mvMain,
  #pid-ylp.pid-lp-largecontracts .mv .mvMain,
  #pid-saec.pid-lp-largecontracts .mv .mvMain {
    height: 320px;
  }
  #pid-info.pid-lp-largecontracts .mv .mvMain .wrap,
  #pid-404.pid-lp-largecontracts .mv .mvMain .wrap,
  #pid-ylp.pid-lp-largecontracts .mv .mvMain .wrap,
  #pid-saec.pid-lp-largecontracts .mv .mvMain .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
  }
  #pid-info.pid-lp-largecontracts .mv .mvMain .mvTtlGroup,
  #pid-404.pid-lp-largecontracts .mv .mvMain .mvTtlGroup,
  #pid-ylp.pid-lp-largecontracts .mv .mvMain .mvTtlGroup,
  #pid-saec.pid-lp-largecontracts .mv .mvMain .mvTtlGroup {
    padding: 0 0 24px;
    max-width: 420px;
  }
  #pid-info.pid-lp-largecontracts .mv .mvCautionList,
  #pid-404.pid-lp-largecontracts .mv .mvCautionList,
  #pid-ylp.pid-lp-largecontracts .mv .mvCautionList,
  #pid-saec.pid-lp-largecontracts .mv .mvCautionList {
    bottom: 8px;
  }
}
#pid-info.pid-lp-largecontracts .contents section.trouble,
#pid-404.pid-lp-largecontracts .contents section.trouble,
#pid-ylp.pid-lp-largecontracts .contents section.trouble,
#pid-saec.pid-lp-largecontracts .contents section.trouble {
  background: #EEF7FF;
  padding-top: 140px;
  position: relative;
  z-index: 0;
}
#pid-info.pid-lp-largecontracts .contents section.trouble .mvFooter,
#pid-404.pid-lp-largecontracts .contents section.trouble .mvFooter,
#pid-ylp.pid-lp-largecontracts .contents section.trouble .mvFooter,
#pid-saec.pid-lp-largecontracts .contents section.trouble .mvFooter {
  position: absolute;
  right: 0;
  top: 12px;
  font-size: 1rem;
  color: #888;
}
#pid-info.pid-lp-largecontracts .contents section.trouble .mvFooter a,
#pid-404.pid-lp-largecontracts .contents section.trouble .mvFooter a,
#pid-ylp.pid-lp-largecontracts .contents section.trouble .mvFooter a,
#pid-saec.pid-lp-largecontracts .contents section.trouble .mvFooter a {
  color: #888;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info.pid-lp-largecontracts .contents section.trouble .mvFooter,
  #pid-404.pid-lp-largecontracts .contents section.trouble .mvFooter,
  #pid-ylp.pid-lp-largecontracts .contents section.trouble .mvFooter,
  #pid-saec.pid-lp-largecontracts .contents section.trouble .mvFooter {
    top: 8px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-largecontracts .contents section.trouble .mvFooter,
  #pid-404.pid-lp-largecontracts .contents section.trouble .mvFooter,
  #pid-ylp.pid-lp-largecontracts .contents section.trouble .mvFooter,
  #pid-saec.pid-lp-largecontracts .contents section.trouble .mvFooter {
    position: static;
    margin: 12px auto 0;
    max-width: 93.75%;
  }
}
#pid-info.pid-lp-largecontracts .contents section.trouble .subcaption,
#pid-404.pid-lp-largecontracts .contents section.trouble .subcaption,
#pid-ylp.pid-lp-largecontracts .contents section.trouble .subcaption,
#pid-saec.pid-lp-largecontracts .contents section.trouble .subcaption {
  font-weight: bold;
  font-size: 2.4rem;
}
#pid-info.pid-lp-largecontracts .contents section.trouble .sttl span,
#pid-404.pid-lp-largecontracts .contents section.trouble .sttl span,
#pid-ylp.pid-lp-largecontracts .contents section.trouble .sttl span,
#pid-saec.pid-lp-largecontracts .contents section.trouble .sttl span {
  color: #4C92EE;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info.pid-lp-largecontracts .contents section.trouble,
  #pid-404.pid-lp-largecontracts .contents section.trouble,
  #pid-ylp.pid-lp-largecontracts .contents section.trouble,
  #pid-saec.pid-lp-largecontracts .contents section.trouble {
    padding-top: 120px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-largecontracts .contents section.trouble,
  #pid-404.pid-lp-largecontracts .contents section.trouble,
  #pid-ylp.pid-lp-largecontracts .contents section.trouble,
  #pid-saec.pid-lp-largecontracts .contents section.trouble {
    padding-top: 80px;
  }
  #pid-info.pid-lp-largecontracts .contents section.trouble .sttl,
  #pid-404.pid-lp-largecontracts .contents section.trouble .sttl,
  #pid-ylp.pid-lp-largecontracts .contents section.trouble .sttl,
  #pid-saec.pid-lp-largecontracts .contents section.trouble .sttl {
    margin-top: 60px;
  }
}
#pid-info.pid-lp-largecontracts .contents section.trouble .troubleSolution,
#pid-404.pid-lp-largecontracts .contents section.trouble .troubleSolution,
#pid-ylp.pid-lp-largecontracts .contents section.trouble .troubleSolution,
#pid-saec.pid-lp-largecontracts .contents section.trouble .troubleSolution {
  border: 5px solid #FFAB3E;
  border-radius: 20px;
  background: #fff;
  padding: 64px;
  text-align: center;
  position: relative;
  margin: 80px 0 0;
}
#pid-info.pid-lp-largecontracts .contents section.trouble .troubleSolution:before, #pid-info.pid-lp-largecontracts .contents section.trouble .troubleSolution:after,
#pid-404.pid-lp-largecontracts .contents section.trouble .troubleSolution:before,
#pid-404.pid-lp-largecontracts .contents section.trouble .troubleSolution:after,
#pid-ylp.pid-lp-largecontracts .contents section.trouble .troubleSolution:before,
#pid-ylp.pid-lp-largecontracts .contents section.trouble .troubleSolution:after,
#pid-saec.pid-lp-largecontracts .contents section.trouble .troubleSolution:before,
#pid-saec.pid-lp-largecontracts .contents section.trouble .troubleSolution:after {
  content: "";
  display: block;
  position: absolute;
  top: -40px;
  width: 180px;
  height: 180px;
}
#pid-info.pid-lp-largecontracts .contents section.trouble .troubleSolution:before,
#pid-404.pid-lp-largecontracts .contents section.trouble .troubleSolution:before,
#pid-ylp.pid-lp-largecontracts .contents section.trouble .troubleSolution:before,
#pid-saec.pid-lp-largecontracts .contents section.trouble .troubleSolution:before {
  background: url(../img/business/largecontracts/solve_img_01.svg) no-repeat 0 0;
  left: 40px;
}
#pid-info.pid-lp-largecontracts .contents section.trouble .troubleSolution:after,
#pid-404.pid-lp-largecontracts .contents section.trouble .troubleSolution:after,
#pid-ylp.pid-lp-largecontracts .contents section.trouble .troubleSolution:after,
#pid-saec.pid-lp-largecontracts .contents section.trouble .troubleSolution:after {
  background: url(../img/business/largecontracts/solve_img_02.svg) no-repeat 0 0;
  right: 40px;
}
#pid-info.pid-lp-largecontracts .contents section.trouble .troubleSolution .caption,
#pid-404.pid-lp-largecontracts .contents section.trouble .troubleSolution .caption,
#pid-ylp.pid-lp-largecontracts .contents section.trouble .troubleSolution .caption,
#pid-saec.pid-lp-largecontracts .contents section.trouble .troubleSolution .caption {
  font-size: 2.4rem;
  font-weight: bold;
}
#pid-info.pid-lp-largecontracts .contents section.trouble .troubleSolution .caption span,
#pid-404.pid-lp-largecontracts .contents section.trouble .troubleSolution .caption span,
#pid-ylp.pid-lp-largecontracts .contents section.trouble .troubleSolution .caption span,
#pid-saec.pid-lp-largecontracts .contents section.trouble .troubleSolution .caption span {
  font-size: 4.8rem;
}
#pid-info.pid-lp-largecontracts .contents section.trouble .troubleSolution .caption strong,
#pid-404.pid-lp-largecontracts .contents section.trouble .troubleSolution .caption strong,
#pid-ylp.pid-lp-largecontracts .contents section.trouble .troubleSolution .caption strong,
#pid-saec.pid-lp-largecontracts .contents section.trouble .troubleSolution .caption strong {
  color: #F7790B;
}
#pid-info.pid-lp-largecontracts .contents section.trouble .troubleSolution .troubleSolutionText,
#pid-404.pid-lp-largecontracts .contents section.trouble .troubleSolution .troubleSolutionText,
#pid-ylp.pid-lp-largecontracts .contents section.trouble .troubleSolution .troubleSolutionText,
#pid-saec.pid-lp-largecontracts .contents section.trouble .troubleSolution .troubleSolutionText {
  margin: 24px 0 0;
  line-height: 2;
  font-size: 1.6rem;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
#pid-info.pid-lp-largecontracts .contents section.trouble .troubleSolution .troubleSolutionText span,
#pid-404.pid-lp-largecontracts .contents section.trouble .troubleSolution .troubleSolutionText span,
#pid-ylp.pid-lp-largecontracts .contents section.trouble .troubleSolution .troubleSolutionText span,
#pid-saec.pid-lp-largecontracts .contents section.trouble .troubleSolution .troubleSolutionText span {
  color: #4c92ee;
  font-weight: bold;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-largecontracts .contents section.trouble .troubleSolution,
  #pid-404.pid-lp-largecontracts .contents section.trouble .troubleSolution,
  #pid-ylp.pid-lp-largecontracts .contents section.trouble .troubleSolution,
  #pid-saec.pid-lp-largecontracts .contents section.trouble .troubleSolution {
    padding: 40px 24px 24px;
    border-width: 3px;
  }
  #pid-info.pid-lp-largecontracts .contents section.trouble .troubleSolution .caption,
  #pid-404.pid-lp-largecontracts .contents section.trouble .troubleSolution .caption,
  #pid-ylp.pid-lp-largecontracts .contents section.trouble .troubleSolution .caption,
  #pid-saec.pid-lp-largecontracts .contents section.trouble .troubleSolution .caption {
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
  }
  #pid-info.pid-lp-largecontracts .contents section.trouble .troubleSolution .caption span,
  #pid-404.pid-lp-largecontracts .contents section.trouble .troubleSolution .caption span,
  #pid-ylp.pid-lp-largecontracts .contents section.trouble .troubleSolution .caption span,
  #pid-saec.pid-lp-largecontracts .contents section.trouble .troubleSolution .caption span {
    font-size: 3.2rem;
  }
  #pid-info.pid-lp-largecontracts .contents section.trouble .troubleSolution .troubleSolutionText,
  #pid-404.pid-lp-largecontracts .contents section.trouble .troubleSolution .troubleSolutionText,
  #pid-ylp.pid-lp-largecontracts .contents section.trouble .troubleSolution .troubleSolutionText,
  #pid-saec.pid-lp-largecontracts .contents section.trouble .troubleSolution .troubleSolutionText {
    margin: 16px 0 0;
    text-align: left;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info.pid-lp-largecontracts .contents section.trouble .troubleSolution:before, #pid-info.pid-lp-largecontracts .contents section.trouble .troubleSolution:after,
  #pid-404.pid-lp-largecontracts .contents section.trouble .troubleSolution:before,
  #pid-404.pid-lp-largecontracts .contents section.trouble .troubleSolution:after,
  #pid-ylp.pid-lp-largecontracts .contents section.trouble .troubleSolution:before,
  #pid-ylp.pid-lp-largecontracts .contents section.trouble .troubleSolution:after,
  #pid-saec.pid-lp-largecontracts .contents section.trouble .troubleSolution:before,
  #pid-saec.pid-lp-largecontracts .contents section.trouble .troubleSolution:after {
    width: 140px;
    height: 140px;
    background-size: cover;
  }
  #pid-info.pid-lp-largecontracts .contents section.trouble .troubleSolution:before,
  #pid-404.pid-lp-largecontracts .contents section.trouble .troubleSolution:before,
  #pid-ylp.pid-lp-largecontracts .contents section.trouble .troubleSolution:before,
  #pid-saec.pid-lp-largecontracts .contents section.trouble .troubleSolution:before {
    left: 50%;
    margin-left: -320px;
  }
  #pid-info.pid-lp-largecontracts .contents section.trouble .troubleSolution:after,
  #pid-404.pid-lp-largecontracts .contents section.trouble .troubleSolution:after,
  #pid-ylp.pid-lp-largecontracts .contents section.trouble .troubleSolution:after,
  #pid-saec.pid-lp-largecontracts .contents section.trouble .troubleSolution:after {
    right: 50%;
    margin-right: -310px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-largecontracts .contents section.trouble .troubleSolution:before, #pid-info.pid-lp-largecontracts .contents section.trouble .troubleSolution:after,
  #pid-404.pid-lp-largecontracts .contents section.trouble .troubleSolution:before,
  #pid-404.pid-lp-largecontracts .contents section.trouble .troubleSolution:after,
  #pid-ylp.pid-lp-largecontracts .contents section.trouble .troubleSolution:before,
  #pid-ylp.pid-lp-largecontracts .contents section.trouble .troubleSolution:after,
  #pid-saec.pid-lp-largecontracts .contents section.trouble .troubleSolution:before,
  #pid-saec.pid-lp-largecontracts .contents section.trouble .troubleSolution:after {
    top: -20px;
    width: 80px;
    height: 80px;
    background-size: cover;
  }
  #pid-info.pid-lp-largecontracts .contents section.trouble .troubleSolution:before,
  #pid-404.pid-lp-largecontracts .contents section.trouble .troubleSolution:before,
  #pid-ylp.pid-lp-largecontracts .contents section.trouble .troubleSolution:before,
  #pid-saec.pid-lp-largecontracts .contents section.trouble .troubleSolution:before {
    left: 50%;
    margin-left: -168px;
  }
  #pid-info.pid-lp-largecontracts .contents section.trouble .troubleSolution:after,
  #pid-404.pid-lp-largecontracts .contents section.trouble .troubleSolution:after,
  #pid-ylp.pid-lp-largecontracts .contents section.trouble .troubleSolution:after,
  #pid-saec.pid-lp-largecontracts .contents section.trouble .troubleSolution:after {
    right: 50%;
    margin-right: -168px;
  }
}
#pid-info.pid-lp-largecontracts .contents section.trouble .troubleList,
#pid-404.pid-lp-largecontracts .contents section.trouble .troubleList,
#pid-ylp.pid-lp-largecontracts .contents section.trouble .troubleList,
#pid-saec.pid-lp-largecontracts .contents section.trouble .troubleList {
  margin: 40px 0 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(3, 1fr);
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  gap: 40px;
  place-items: center;
}
#pid-info.pid-lp-largecontracts .contents section.trouble .troubleUnit,
#pid-404.pid-lp-largecontracts .contents section.trouble .troubleUnit,
#pid-ylp.pid-lp-largecontracts .contents section.trouble .troubleUnit,
#pid-saec.pid-lp-largecontracts .contents section.trouble .troubleUnit {
  background: #fff;
  border-radius: 20px;
  padding: 24px 32px;
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}
#pid-info.pid-lp-largecontracts .contents section.trouble .troubleUnit:last-child,
#pid-404.pid-lp-largecontracts .contents section.trouble .troubleUnit:last-child,
#pid-ylp.pid-lp-largecontracts .contents section.trouble .troubleUnit:last-child,
#pid-saec.pid-lp-largecontracts .contents section.trouble .troubleUnit:last-child {
  grid-area: 3/1/4/3;
  width: 730px;
}
#pid-info.pid-lp-largecontracts .contents section.trouble .troubleUnit:last-child .troubleDetail,
#pid-404.pid-lp-largecontracts .contents section.trouble .troubleUnit:last-child .troubleDetail,
#pid-ylp.pid-lp-largecontracts .contents section.trouble .troubleUnit:last-child .troubleDetail,
#pid-saec.pid-lp-largecontracts .contents section.trouble .troubleUnit:last-child .troubleDetail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#pid-info.pid-lp-largecontracts .contents section.trouble .troubleUnit:last-child .troubleDetail .troubleCaption,
#pid-404.pid-lp-largecontracts .contents section.trouble .troubleUnit:last-child .troubleDetail .troubleCaption,
#pid-ylp.pid-lp-largecontracts .contents section.trouble .troubleUnit:last-child .troubleDetail .troubleCaption,
#pid-saec.pid-lp-largecontracts .contents section.trouble .troubleUnit:last-child .troubleDetail .troubleCaption {
  margin-right: 24px;
}
#pid-info.pid-lp-largecontracts .contents section.trouble .troubleUnit:last-child .troubleDetail .troubleBody,
#pid-404.pid-lp-largecontracts .contents section.trouble .troubleUnit:last-child .troubleDetail .troubleBody,
#pid-ylp.pid-lp-largecontracts .contents section.trouble .troubleUnit:last-child .troubleDetail .troubleBody,
#pid-saec.pid-lp-largecontracts .contents section.trouble .troubleUnit:last-child .troubleDetail .troubleBody {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#pid-info.pid-lp-largecontracts .contents section.trouble .troubleUnit .troubleColumn,
#pid-404.pid-lp-largecontracts .contents section.trouble .troubleUnit .troubleColumn,
#pid-ylp.pid-lp-largecontracts .contents section.trouble .troubleUnit .troubleColumn,
#pid-saec.pid-lp-largecontracts .contents section.trouble .troubleUnit .troubleColumn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#pid-info.pid-lp-largecontracts .contents section.trouble .troubleUnit .troubleColumn .troubleFigure,
#pid-404.pid-lp-largecontracts .contents section.trouble .troubleUnit .troubleColumn .troubleFigure,
#pid-ylp.pid-lp-largecontracts .contents section.trouble .troubleUnit .troubleColumn .troubleFigure,
#pid-saec.pid-lp-largecontracts .contents section.trouble .troubleUnit .troubleColumn .troubleFigure {
  width: 120px;
  margin-right: 24px;
}
#pid-info.pid-lp-largecontracts .contents section.trouble .troubleUnit .troubleCaption,
#pid-404.pid-lp-largecontracts .contents section.trouble .troubleUnit .troubleCaption,
#pid-ylp.pid-lp-largecontracts .contents section.trouble .troubleUnit .troubleCaption,
#pid-saec.pid-lp-largecontracts .contents section.trouble .troubleUnit .troubleCaption {
  background: #000;
  color: #fff;
  display: table;
  font-weight: bold;
  font-size: 1.6rem;
  border-radius: 50px;
  margin: 8px 0 0;
  padding: 6px 16px 5px;
}
#pid-info.pid-lp-largecontracts .contents section.trouble .troubleUnit .troubleBody,
#pid-404.pid-lp-largecontracts .contents section.trouble .troubleUnit .troubleBody,
#pid-ylp.pid-lp-largecontracts .contents section.trouble .troubleUnit .troubleBody,
#pid-saec.pid-lp-largecontracts .contents section.trouble .troubleUnit .troubleBody {
  margin: 16px 0 0;
  line-height: 1.4;
  font-weight: bold;
  font-size: 1.6rem;
}
#pid-info.pid-lp-largecontracts .contents section.trouble .troubleUnit .troubleBody span,
#pid-404.pid-lp-largecontracts .contents section.trouble .troubleUnit .troubleBody span,
#pid-ylp.pid-lp-largecontracts .contents section.trouble .troubleUnit .troubleBody span,
#pid-saec.pid-lp-largecontracts .contents section.trouble .troubleUnit .troubleBody span {
  color: #4c92ee;
}
#pid-info.pid-lp-largecontracts .contents section.trouble .troubleUnit .troubleBody p:last-child,
#pid-404.pid-lp-largecontracts .contents section.trouble .troubleUnit .troubleBody p:last-child,
#pid-ylp.pid-lp-largecontracts .contents section.trouble .troubleUnit .troubleBody p:last-child,
#pid-saec.pid-lp-largecontracts .contents section.trouble .troubleUnit .troubleBody p:last-child {
  margin-bottom: 0;
}
#pid-info.pid-lp-largecontracts .contents section.trouble .troubleUnit .problemList li,
#pid-404.pid-lp-largecontracts .contents section.trouble .troubleUnit .problemList li,
#pid-ylp.pid-lp-largecontracts .contents section.trouble .troubleUnit .problemList li,
#pid-saec.pid-lp-largecontracts .contents section.trouble .troubleUnit .problemList li {
  position: relative;
  font-weight: bold;
  padding-left: 1em;
  margin: 8px 0 0;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
#pid-info.pid-lp-largecontracts .contents section.trouble .troubleUnit .problemList li:first-child,
#pid-404.pid-lp-largecontracts .contents section.trouble .troubleUnit .problemList li:first-child,
#pid-ylp.pid-lp-largecontracts .contents section.trouble .troubleUnit .problemList li:first-child,
#pid-saec.pid-lp-largecontracts .contents section.trouble .troubleUnit .problemList li:first-child {
  margin-top: 0;
}
#pid-info.pid-lp-largecontracts .contents section.trouble .troubleUnit .problemList li:before,
#pid-404.pid-lp-largecontracts .contents section.trouble .troubleUnit .problemList li:before,
#pid-ylp.pid-lp-largecontracts .contents section.trouble .troubleUnit .problemList li:before,
#pid-saec.pid-lp-largecontracts .contents section.trouble .troubleUnit .problemList li:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50px;
  position: absolute;
  left: 0;
  top: 6px;
  background: #4c92ee;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-largecontracts .contents section.trouble .troubleUnit,
  #pid-404.pid-lp-largecontracts .contents section.trouble .troubleUnit,
  #pid-ylp.pid-lp-largecontracts .contents section.trouble .troubleUnit,
  #pid-saec.pid-lp-largecontracts .contents section.trouble .troubleUnit {
    margin: 100px 0 0;
    padding: 32px 24px 24px;
    width: 100%;
    position: relative;
  }
  #pid-info.pid-lp-largecontracts .contents section.trouble .troubleUnit .troubleColumn,
  #pid-404.pid-lp-largecontracts .contents section.trouble .troubleUnit .troubleColumn,
  #pid-ylp.pid-lp-largecontracts .contents section.trouble .troubleUnit .troubleColumn,
  #pid-saec.pid-lp-largecontracts .contents section.trouble .troubleUnit .troubleColumn {
    display: block;
  }
  #pid-info.pid-lp-largecontracts .contents section.trouble .troubleUnit .troubleColumn .troubleFigure,
  #pid-404.pid-lp-largecontracts .contents section.trouble .troubleUnit .troubleColumn .troubleFigure,
  #pid-ylp.pid-lp-largecontracts .contents section.trouble .troubleUnit .troubleColumn .troubleFigure,
  #pid-saec.pid-lp-largecontracts .contents section.trouble .troubleUnit .troubleColumn .troubleFigure {
    margin: 0;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    top: -54%;
  }
  #pid-info.pid-lp-largecontracts .contents section.trouble .troubleUnit:nth-child(3) .troubleFigure,
  #pid-404.pid-lp-largecontracts .contents section.trouble .troubleUnit:nth-child(3) .troubleFigure,
  #pid-ylp.pid-lp-largecontracts .contents section.trouble .troubleUnit:nth-child(3) .troubleFigure,
  #pid-saec.pid-lp-largecontracts .contents section.trouble .troubleUnit:nth-child(3) .troubleFigure {
    top: -48%;
  }
  #pid-info.pid-lp-largecontracts .contents section.trouble .troubleUnit:last-child,
  #pid-404.pid-lp-largecontracts .contents section.trouble .troubleUnit:last-child,
  #pid-ylp.pid-lp-largecontracts .contents section.trouble .troubleUnit:last-child,
  #pid-saec.pid-lp-largecontracts .contents section.trouble .troubleUnit:last-child {
    margin-top: -20px;
  }
  #pid-info.pid-lp-largecontracts .contents section.trouble .troubleUnit:last-child .troubleDetail,
  #pid-404.pid-lp-largecontracts .contents section.trouble .troubleUnit:last-child .troubleDetail,
  #pid-ylp.pid-lp-largecontracts .contents section.trouble .troubleUnit:last-child .troubleDetail,
  #pid-saec.pid-lp-largecontracts .contents section.trouble .troubleUnit:last-child .troubleDetail {
    display: block;
  }
  #pid-info.pid-lp-largecontracts .contents section.trouble .troubleUnit:last-child .troubleDetail .troubleCaption,
  #pid-404.pid-lp-largecontracts .contents section.trouble .troubleUnit:last-child .troubleDetail .troubleCaption,
  #pid-ylp.pid-lp-largecontracts .contents section.trouble .troubleUnit:last-child .troubleDetail .troubleCaption,
  #pid-saec.pid-lp-largecontracts .contents section.trouble .troubleUnit:last-child .troubleDetail .troubleCaption {
    margin: 0;
  }
  #pid-info.pid-lp-largecontracts .contents section.trouble .troubleUnit:last-child .troubleCaption,
  #pid-404.pid-lp-largecontracts .contents section.trouble .troubleUnit:last-child .troubleCaption,
  #pid-ylp.pid-lp-largecontracts .contents section.trouble .troubleUnit:last-child .troubleCaption,
  #pid-saec.pid-lp-largecontracts .contents section.trouble .troubleUnit:last-child .troubleCaption {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    top: -1em;
  }
  #pid-info.pid-lp-largecontracts .contents section.trouble .troubleUnit:last-child .troubleBody,
  #pid-404.pid-lp-largecontracts .contents section.trouble .troubleUnit:last-child .troubleBody,
  #pid-ylp.pid-lp-largecontracts .contents section.trouble .troubleUnit:last-child .troubleBody,
  #pid-saec.pid-lp-largecontracts .contents section.trouble .troubleUnit:last-child .troubleBody {
    margin-top: 0;
  }
  #pid-info.pid-lp-largecontracts .contents section.trouble .troubleUnit .troubleCaption,
  #pid-404.pid-lp-largecontracts .contents section.trouble .troubleUnit .troubleCaption,
  #pid-ylp.pid-lp-largecontracts .contents section.trouble .troubleUnit .troubleCaption,
  #pid-saec.pid-lp-largecontracts .contents section.trouble .troubleUnit .troubleCaption {
    background: #000;
    color: #fff;
    display: table;
    font-weight: bold;
    font-size: 1.6rem;
    border-radius: 50px;
    margin: 0 auto;
    position: relative;
  }
  #pid-info.pid-lp-largecontracts .contents section.trouble .troubleUnit .troubleBody,
  #pid-404.pid-lp-largecontracts .contents section.trouble .troubleUnit .troubleBody,
  #pid-ylp.pid-lp-largecontracts .contents section.trouble .troubleUnit .troubleBody,
  #pid-saec.pid-lp-largecontracts .contents section.trouble .troubleUnit .troubleBody {
    margin: 16px 0 0;
    line-height: 1.4;
    font-weight: bold;
    font-size: 1.6rem;
  }
  #pid-info.pid-lp-largecontracts .contents section.trouble .troubleUnit .troubleBody p:last-child,
  #pid-404.pid-lp-largecontracts .contents section.trouble .troubleUnit .troubleBody p:last-child,
  #pid-ylp.pid-lp-largecontracts .contents section.trouble .troubleUnit .troubleBody p:last-child,
  #pid-saec.pid-lp-largecontracts .contents section.trouble .troubleUnit .troubleBody p:last-child {
    margin-bottom: 0;
  }
  #pid-info.pid-lp-largecontracts .contents section.trouble .troubleUnit .problemList li,
  #pid-404.pid-lp-largecontracts .contents section.trouble .troubleUnit .problemList li,
  #pid-ylp.pid-lp-largecontracts .contents section.trouble .troubleUnit .problemList li,
  #pid-saec.pid-lp-largecontracts .contents section.trouble .troubleUnit .problemList li {
    position: relative;
    font-weight: bold;
    padding-left: 1em;
    margin: 8px 0 0;
  }
  #pid-info.pid-lp-largecontracts .contents section.trouble .troubleUnit .problemList li:first-child,
  #pid-404.pid-lp-largecontracts .contents section.trouble .troubleUnit .problemList li:first-child,
  #pid-ylp.pid-lp-largecontracts .contents section.trouble .troubleUnit .problemList li:first-child,
  #pid-saec.pid-lp-largecontracts .contents section.trouble .troubleUnit .problemList li:first-child {
    margin-top: 0;
  }
  #pid-info.pid-lp-largecontracts .contents section.trouble .troubleUnit .problemList li:before,
  #pid-404.pid-lp-largecontracts .contents section.trouble .troubleUnit .problemList li:before,
  #pid-ylp.pid-lp-largecontracts .contents section.trouble .troubleUnit .problemList li:before,
  #pid-saec.pid-lp-largecontracts .contents section.trouble .troubleUnit .problemList li:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50px;
    position: absolute;
    left: 0;
    top: 6px;
    background: #4c92ee;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-largecontracts .contents section.trouble .troubleList,
  #pid-404.pid-lp-largecontracts .contents section.trouble .troubleList,
  #pid-ylp.pid-lp-largecontracts .contents section.trouble .troubleList,
  #pid-saec.pid-lp-largecontracts .contents section.trouble .troubleList {
    margin: 24px auto 0;
    display: block;
  }
  #pid-info.pid-lp-largecontracts .contents section.trouble .troubleUnit:last-child,
  #pid-404.pid-lp-largecontracts .contents section.trouble .troubleUnit:last-child,
  #pid-ylp.pid-lp-largecontracts .contents section.trouble .troubleUnit:last-child,
  #pid-saec.pid-lp-largecontracts .contents section.trouble .troubleUnit:last-child {
    grid-area: unset;
    width: auto;
    margin-top: 40px;
  }
  #pid-info.pid-lp-largecontracts .contents section.trouble .troubleUnit:last-child .troubleDetail,
  #pid-404.pid-lp-largecontracts .contents section.trouble .troubleUnit:last-child .troubleDetail,
  #pid-ylp.pid-lp-largecontracts .contents section.trouble .troubleUnit:last-child .troubleDetail,
  #pid-saec.pid-lp-largecontracts .contents section.trouble .troubleUnit:last-child .troubleDetail {
    display: block;
  }
  #pid-info.pid-lp-largecontracts .contents section.trouble .troubleUnit:last-child .troubleDetail .troubleCaption,
  #pid-404.pid-lp-largecontracts .contents section.trouble .troubleUnit:last-child .troubleDetail .troubleCaption,
  #pid-ylp.pid-lp-largecontracts .contents section.trouble .troubleUnit:last-child .troubleDetail .troubleCaption,
  #pid-saec.pid-lp-largecontracts .contents section.trouble .troubleUnit:last-child .troubleDetail .troubleCaption {
    margin: 0;
  }
  #pid-info.pid-lp-largecontracts .contents section.trouble .troubleUnit:last-child .troubleCaption,
  #pid-404.pid-lp-largecontracts .contents section.trouble .troubleUnit:last-child .troubleCaption,
  #pid-ylp.pid-lp-largecontracts .contents section.trouble .troubleUnit:last-child .troubleCaption,
  #pid-saec.pid-lp-largecontracts .contents section.trouble .troubleUnit:last-child .troubleCaption {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    top: -1em;
  }
  #pid-info.pid-lp-largecontracts .contents section.trouble .troubleUnit:last-child .troubleBody,
  #pid-404.pid-lp-largecontracts .contents section.trouble .troubleUnit:last-child .troubleBody,
  #pid-ylp.pid-lp-largecontracts .contents section.trouble .troubleUnit:last-child .troubleBody,
  #pid-saec.pid-lp-largecontracts .contents section.trouble .troubleUnit:last-child .troubleBody {
    margin-top: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info.pid-lp-largecontracts .contents section.trouble .troubleList,
  #pid-404.pid-lp-largecontracts .contents section.trouble .troubleList,
  #pid-ylp.pid-lp-largecontracts .contents section.trouble .troubleList,
  #pid-saec.pid-lp-largecontracts .contents section.trouble .troubleList {
    margin: 0 auto;
  }
}
#pid-info.pid-lp-largecontracts .contents section.forte,
#pid-404.pid-lp-largecontracts .contents section.forte,
#pid-ylp.pid-lp-largecontracts .contents section.forte,
#pid-saec.pid-lp-largecontracts .contents section.forte {
  background: #4C92EE;
  position: relative;
  padding-top: 160px;
}
#pid-info.pid-lp-largecontracts .contents section.forte:before,
#pid-404.pid-lp-largecontracts .contents section.forte:before,
#pid-ylp.pid-lp-largecontracts .contents section.forte:before,
#pid-saec.pid-lp-largecontracts .contents section.forte:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -0.2px;
  width: 100%;
  height: 80px;
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
  background: #EEF7FF;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-largecontracts .contents section.forte,
  #pid-404.pid-lp-largecontracts .contents section.forte,
  #pid-ylp.pid-lp-largecontracts .contents section.forte,
  #pid-saec.pid-lp-largecontracts .contents section.forte {
    padding-top: 60px;
  }
  #pid-info.pid-lp-largecontracts .contents section.forte .sttl span,
  #pid-404.pid-lp-largecontracts .contents section.forte .sttl span,
  #pid-ylp.pid-lp-largecontracts .contents section.forte .sttl span,
  #pid-saec.pid-lp-largecontracts .contents section.forte .sttl span {
    font-size: 2.4rem;
  }
  #pid-info.pid-lp-largecontracts .contents section.forte:before,
  #pid-404.pid-lp-largecontracts .contents section.forte:before,
  #pid-ylp.pid-lp-largecontracts .contents section.forte:before,
  #pid-saec.pid-lp-largecontracts .contents section.forte:before {
    height: 22px;
    top: -1px;
  }
}
#pid-info.pid-lp-largecontracts .contents section.forte .sttl .caption,
#pid-404.pid-lp-largecontracts .contents section.forte .sttl .caption,
#pid-ylp.pid-lp-largecontracts .contents section.forte .sttl .caption,
#pid-saec.pid-lp-largecontracts .contents section.forte .sttl .caption {
  color: #fff;
}
#pid-info.pid-lp-largecontracts .contents section.forte .forteList > *,
#pid-404.pid-lp-largecontracts .contents section.forte .forteList > *,
#pid-ylp.pid-lp-largecontracts .contents section.forte .forteList > *,
#pid-saec.pid-lp-largecontracts .contents section.forte .forteList > * {
  margin: 40px 0 0;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-largecontracts .contents section.forte .forteList > *,
  #pid-404.pid-lp-largecontracts .contents section.forte .forteList > *,
  #pid-ylp.pid-lp-largecontracts .contents section.forte .forteList > *,
  #pid-saec.pid-lp-largecontracts .contents section.forte .forteList > * {
    margin: 24px 0 0;
  }
}
#pid-info.pid-lp-largecontracts .contents section.forte .forteList .unitFootCautions,
#pid-404.pid-lp-largecontracts .contents section.forte .forteList .unitFootCautions,
#pid-ylp.pid-lp-largecontracts .contents section.forte .forteList .unitFootCautions,
#pid-saec.pid-lp-largecontracts .contents section.forte .forteList .unitFootCautions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 8px 0 0;
}
#pid-info.pid-lp-largecontracts .contents section.forte .forteList .unitFootCautions li,
#pid-404.pid-lp-largecontracts .contents section.forte .forteList .unitFootCautions li,
#pid-ylp.pid-lp-largecontracts .contents section.forte .forteList .unitFootCautions li,
#pid-saec.pid-lp-largecontracts .contents section.forte .forteList .unitFootCautions li {
  color: #fff;
  text-indent: -2em;
  padding-left: 2em;
  font-size: 1rem;
  margin-right: 1em;
}
#pid-info.pid-lp-largecontracts .contents section.forte .forteList .unitFootCautions li a,
#pid-404.pid-lp-largecontracts .contents section.forte .forteList .unitFootCautions li a,
#pid-ylp.pid-lp-largecontracts .contents section.forte .forteList .unitFootCautions li a,
#pid-saec.pid-lp-largecontracts .contents section.forte .forteList .unitFootCautions li a {
  color: #fff;
}
#pid-info.pid-lp-largecontracts .contents section.forte .forteUnit,
#pid-404.pid-lp-largecontracts .contents section.forte .forteUnit,
#pid-ylp.pid-lp-largecontracts .contents section.forte .forteUnit,
#pid-saec.pid-lp-largecontracts .contents section.forte .forteUnit {
  background: #fff;
  border-radius: 20px;
  padding: 80px;
  position: relative;
}
#pid-info.pid-lp-largecontracts .contents section.forte .forteUnit .forteNumber,
#pid-404.pid-lp-largecontracts .contents section.forte .forteUnit .forteNumber,
#pid-ylp.pid-lp-largecontracts .contents section.forte .forteUnit .forteNumber,
#pid-saec.pid-lp-largecontracts .contents section.forte .forteUnit .forteNumber {
  position: absolute;
  left: 10px;
  top: 10px;
}
#pid-info.pid-lp-largecontracts .contents section.forte .forteUnit .forteCaption,
#pid-404.pid-lp-largecontracts .contents section.forte .forteUnit .forteCaption,
#pid-ylp.pid-lp-largecontracts .contents section.forte .forteUnit .forteCaption,
#pid-saec.pid-lp-largecontracts .contents section.forte .forteUnit .forteCaption {
  text-align: center;
  font-weight: bold;
  font-size: 3.2rem;
}
#pid-info.pid-lp-largecontracts .contents section.forte .forteUnit .forteCaption a,
#pid-404.pid-lp-largecontracts .contents section.forte .forteUnit .forteCaption a,
#pid-ylp.pid-lp-largecontracts .contents section.forte .forteUnit .forteCaption a,
#pid-saec.pid-lp-largecontracts .contents section.forte .forteUnit .forteCaption a {
  text-decoration: none;
  color: #2f334c;
}
#pid-info.pid-lp-largecontracts .contents section.forte .forteUnit .forteCaption sup,
#pid-404.pid-lp-largecontracts .contents section.forte .forteUnit .forteCaption sup,
#pid-ylp.pid-lp-largecontracts .contents section.forte .forteUnit .forteCaption sup,
#pid-saec.pid-lp-largecontracts .contents section.forte .forteUnit .forteCaption sup {
  font-size: 1.2rem;
}
#pid-info.pid-lp-largecontracts .contents section.forte .forteUnit .forteDetail,
#pid-404.pid-lp-largecontracts .contents section.forte .forteUnit .forteDetail,
#pid-ylp.pid-lp-largecontracts .contents section.forte .forteUnit .forteDetail,
#pid-saec.pid-lp-largecontracts .contents section.forte .forteUnit .forteDetail {
  margin: 32px 0 0;
}
#pid-info.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList,
#pid-404.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList,
#pid-ylp.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList,
#pid-saec.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 24px;
}
#pid-info.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList li,
#pid-404.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList li,
#pid-ylp.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList li,
#pid-saec.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList li {
  list-style: none;
  position: relative;
}
@media only screen and (min-width: 1100px) {
  #pid-info.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList li img,
  #pid-404.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList li img,
  #pid-ylp.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList li img,
  #pid-saec.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList li img {
    width: 200px;
    height: auto;
  }
}
#pid-info.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList li .cautionLinks,
#pid-404.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList li .cautionLinks,
#pid-ylp.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList li .cautionLinks,
#pid-saec.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList li .cautionLinks {
  position: absolute;
  font-size: 1rem;
  text-decoration: none;
  font-weight: normal;
  color: #2F334C;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList li .cautionLinks,
  #pid-404.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList li .cautionLinks,
  #pid-ylp.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList li .cautionLinks,
  #pid-saec.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList li .cautionLinks {
    font-size: 0.9rem;
  }
}
#pid-info.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList li .cautionLinks--01,
#pid-404.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList li .cautionLinks--01,
#pid-ylp.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList li .cautionLinks--01,
#pid-saec.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList li .cautionLinks--01 {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 19%;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList li .cautionLinks--01,
  #pid-404.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList li .cautionLinks--01,
  #pid-ylp.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList li .cautionLinks--01,
  #pid-saec.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList li .cautionLinks--01 {
    left: auto;
    bottom: auto;
    top: 9%;
    right: 0%;
  }
}
#pid-info.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList li .cautionLinks--02,
#pid-404.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList li .cautionLinks--02,
#pid-ylp.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList li .cautionLinks--02,
#pid-saec.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList li .cautionLinks--02 {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 15%;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList li .cautionLinks--02,
  #pid-404.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList li .cautionLinks--02,
  #pid-ylp.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList li .cautionLinks--02,
  #pid-saec.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList li .cautionLinks--02 {
    left: auto;
    bottom: auto;
    top: 9%;
    right: 0%;
  }
}
#pid-info.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsText,
#pid-404.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsText,
#pid-ylp.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsText,
#pid-saec.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsText {
  text-align: center;
  margin: 20px 0 0;
  padding: 0 0 20px;
  border-bottom: 1px solid #ccc;
}
#pid-info.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsLogo,
#pid-404.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsLogo,
#pid-ylp.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsLogo,
#pid-saec.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsLogo {
  margin: 0 -8px 0;
  padding: 20px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#pid-info.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsLogo li,
#pid-404.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsLogo li,
#pid-ylp.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsLogo li,
#pid-saec.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsLogo li {
  list-style: none;
  margin: 12px;
}
#pid-info.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList__cautions,
#pid-404.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList__cautions,
#pid-ylp.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList__cautions,
#pid-saec.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList__cautions {
  text-align: right;
  font-size: 1rem;
  margin: 10px auto;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList__cautions,
  #pid-404.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList__cautions,
  #pid-ylp.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList__cautions,
  #pid-saec.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList__cautions {
    max-width: 640px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList__cautions,
  #pid-404.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList__cautions,
  #pid-ylp.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList__cautions,
  #pid-saec.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList__cautions {
    max-width: 320px;
  }
}
#pid-info.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsLogo__cautions,
#pid-404.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsLogo__cautions,
#pid-ylp.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsLogo__cautions,
#pid-saec.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsLogo__cautions {
  text-align: right;
  font-size: 1rem;
}
#pid-info.pid-lp-largecontracts .contents section.forte .specBlock,
#pid-404.pid-lp-largecontracts .contents section.forte .specBlock,
#pid-ylp.pid-lp-largecontracts .contents section.forte .specBlock,
#pid-saec.pid-lp-largecontracts .contents section.forte .specBlock {
  background: #EEF7FF;
  border-radius: 15px;
  padding: 40px;
  margin: 24px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#pid-info.pid-lp-largecontracts .contents section.forte .specBlock .specFigure,
#pid-404.pid-lp-largecontracts .contents section.forte .specBlock .specFigure,
#pid-ylp.pid-lp-largecontracts .contents section.forte .specBlock .specFigure,
#pid-saec.pid-lp-largecontracts .contents section.forte .specBlock .specFigure {
  max-width: 364px;
  border-radius: 10px;
  background: #fff;
  margin-right: 24px;
}
#pid-info.pid-lp-largecontracts .contents section.forte .specBlock .specFigure img,
#pid-404.pid-lp-largecontracts .contents section.forte .specBlock .specFigure img,
#pid-ylp.pid-lp-largecontracts .contents section.forte .specBlock .specFigure img,
#pid-saec.pid-lp-largecontracts .contents section.forte .specBlock .specFigure img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}
#pid-info.pid-lp-largecontracts .contents section.forte .specBlock .specDetail,
#pid-404.pid-lp-largecontracts .contents section.forte .specBlock .specDetail,
#pid-ylp.pid-lp-largecontracts .contents section.forte .specBlock .specDetail,
#pid-saec.pid-lp-largecontracts .contents section.forte .specBlock .specDetail {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#pid-info.pid-lp-largecontracts .contents section.forte .specBlock .specDetail__subcaption,
#pid-404.pid-lp-largecontracts .contents section.forte .specBlock .specDetail__subcaption,
#pid-ylp.pid-lp-largecontracts .contents section.forte .specBlock .specDetail__subcaption,
#pid-saec.pid-lp-largecontracts .contents section.forte .specBlock .specDetail__subcaption {
  font-weight: bold;
  font-size: 1.6rem;
}
#pid-info.pid-lp-largecontracts .contents section.forte .specBlock .specDetail__caption,
#pid-404.pid-lp-largecontracts .contents section.forte .specBlock .specDetail__caption,
#pid-ylp.pid-lp-largecontracts .contents section.forte .specBlock .specDetail__caption,
#pid-saec.pid-lp-largecontracts .contents section.forte .specBlock .specDetail__caption {
  font-size: 2.4rem;
  font-weight: bold;
  margin: 0 0 16px;
  color: #4C92EE;
}
#pid-info.pid-lp-largecontracts .contents section.forte .specBlock .specDetail__text,
#pid-404.pid-lp-largecontracts .contents section.forte .specBlock .specDetail__text,
#pid-ylp.pid-lp-largecontracts .contents section.forte .specBlock .specDetail__text,
#pid-saec.pid-lp-largecontracts .contents section.forte .specBlock .specDetail__text {
  margin: 16px 0 0;
  line-height: 1.4;
  font-size: 1.4rem;
}
#pid-info.pid-lp-largecontracts .contents section.forte .specBlock .specDetail__text span,
#pid-404.pid-lp-largecontracts .contents section.forte .specBlock .specDetail__text span,
#pid-ylp.pid-lp-largecontracts .contents section.forte .specBlock .specDetail__text span,
#pid-saec.pid-lp-largecontracts .contents section.forte .specBlock .specDetail__text span {
  color: #4c92ee;
  font-weight: bold;
}
#pid-info.pid-lp-largecontracts .contents section.forte .specBlock .specDetail__text sup,
#pid-404.pid-lp-largecontracts .contents section.forte .specBlock .specDetail__text sup,
#pid-ylp.pid-lp-largecontracts .contents section.forte .specBlock .specDetail__text sup,
#pid-saec.pid-lp-largecontracts .contents section.forte .specBlock .specDetail__text sup {
  font-size: 50%;
}
#pid-info.pid-lp-largecontracts .contents section.forte .specBlock .specDetail__cautionList,
#pid-404.pid-lp-largecontracts .contents section.forte .specBlock .specDetail__cautionList,
#pid-ylp.pid-lp-largecontracts .contents section.forte .specBlock .specDetail__cautionList,
#pid-saec.pid-lp-largecontracts .contents section.forte .specBlock .specDetail__cautionList {
  margin: 16px 0 0;
}
#pid-info.pid-lp-largecontracts .contents section.forte .specBlock .specDetail__cautionList li,
#pid-404.pid-lp-largecontracts .contents section.forte .specBlock .specDetail__cautionList li,
#pid-ylp.pid-lp-largecontracts .contents section.forte .specBlock .specDetail__cautionList li,
#pid-saec.pid-lp-largecontracts .contents section.forte .specBlock .specDetail__cautionList li {
  color: #888;
  text-indent: -1em;
  padding-left: 1em;
  font-size: 1rem;
}
#pid-info.pid-lp-largecontracts .contents section.forte .specBlock .specDetail__cautionList li a,
#pid-404.pid-lp-largecontracts .contents section.forte .specBlock .specDetail__cautionList li a,
#pid-ylp.pid-lp-largecontracts .contents section.forte .specBlock .specDetail__cautionList li a,
#pid-saec.pid-lp-largecontracts .contents section.forte .specBlock .specDetail__cautionList li a {
  color: #888;
}
#pid-info.pid-lp-largecontracts .contents section.forte .supportBlock,
#pid-404.pid-lp-largecontracts .contents section.forte .supportBlock,
#pid-ylp.pid-lp-largecontracts .contents section.forte .supportBlock,
#pid-saec.pid-lp-largecontracts .contents section.forte .supportBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#pid-info.pid-lp-largecontracts .contents section.forte .supportBlock:last-child,
#pid-404.pid-lp-largecontracts .contents section.forte .supportBlock:last-child,
#pid-ylp.pid-lp-largecontracts .contents section.forte .supportBlock:last-child,
#pid-saec.pid-lp-largecontracts .contents section.forte .supportBlock:last-child {
  margin: 32px 0 0;
  padding: 32px 0 0;
  border-top: 1px solid #ccc;
}
#pid-info.pid-lp-largecontracts .contents section.forte .supportBlock .supportCaption,
#pid-404.pid-lp-largecontracts .contents section.forte .supportBlock .supportCaption,
#pid-ylp.pid-lp-largecontracts .contents section.forte .supportBlock .supportCaption,
#pid-saec.pid-lp-largecontracts .contents section.forte .supportBlock .supportCaption {
  background: url(../img/business/largecontracts/strengths_03_ico_check.svg) no-repeat 0 8px;
  font-weight: bold;
  font-size: 2rem;
  width: 280px;
  padding-left: 48px;
}
#pid-info.pid-lp-largecontracts .contents section.forte .supportBlock .supportText,
#pid-404.pid-lp-largecontracts .contents section.forte .supportBlock .supportText,
#pid-ylp.pid-lp-largecontracts .contents section.forte .supportBlock .supportText,
#pid-saec.pid-lp-largecontracts .contents section.forte .supportBlock .supportText {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 1.4;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-largecontracts .contents section.forte .forteUnit,
  #pid-404.pid-lp-largecontracts .contents section.forte .forteUnit,
  #pid-ylp.pid-lp-largecontracts .contents section.forte .forteUnit,
  #pid-saec.pid-lp-largecontracts .contents section.forte .forteUnit {
    padding: 40px 16px 16px;
  }
  #pid-info.pid-lp-largecontracts .contents section.forte .forteUnit .forteNumber,
  #pid-404.pid-lp-largecontracts .contents section.forte .forteUnit .forteNumber,
  #pid-ylp.pid-lp-largecontracts .contents section.forte .forteUnit .forteNumber,
  #pid-saec.pid-lp-largecontracts .contents section.forte .forteUnit .forteNumber {
    left: 0;
    top: 0;
  }
  #pid-info.pid-lp-largecontracts .contents section.forte .forteUnit .forteNumber img,
  #pid-404.pid-lp-largecontracts .contents section.forte .forteUnit .forteNumber img,
  #pid-ylp.pid-lp-largecontracts .contents section.forte .forteUnit .forteNumber img,
  #pid-saec.pid-lp-largecontracts .contents section.forte .forteUnit .forteNumber img {
    width: 60px;
    height: auto;
  }
  #pid-info.pid-lp-largecontracts .contents section.forte .forteUnit .forteCaption,
  #pid-404.pid-lp-largecontracts .contents section.forte .forteUnit .forteCaption,
  #pid-ylp.pid-lp-largecontracts .contents section.forte .forteUnit .forteCaption,
  #pid-saec.pid-lp-largecontracts .contents section.forte .forteUnit .forteCaption {
    font-size: 2.4rem;
  }
  #pid-info.pid-lp-largecontracts .contents section.forte .forteUnit .forteDetail,
  #pid-404.pid-lp-largecontracts .contents section.forte .forteUnit .forteDetail,
  #pid-ylp.pid-lp-largecontracts .contents section.forte .forteUnit .forteDetail,
  #pid-saec.pid-lp-largecontracts .contents section.forte .forteUnit .forteDetail {
    margin: 16px 0 0;
  }
  #pid-info.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsLogo,
  #pid-404.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsLogo,
  #pid-ylp.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsLogo,
  #pid-saec.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsLogo {
    margin: -16px -16px 0;
    padding: 32px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #pid-info.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsLogo li,
  #pid-404.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsLogo li,
  #pid-ylp.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsLogo li,
  #pid-saec.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsLogo li {
    list-style: none;
    margin: 8px 16px;
    text-align: center;
  }
  #pid-info.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList li,
  #pid-404.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList li,
  #pid-ylp.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList li,
  #pid-saec.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList li {
    width: 319px;
  }
  #pid-info.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList li img,
  #pid-404.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList li img,
  #pid-ylp.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList li img,
  #pid-saec.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList li img {
    width: 100%;
    height: auto;
  }
  #pid-info.pid-lp-largecontracts .contents section.forte .specBlock,
  #pid-404.pid-lp-largecontracts .contents section.forte .specBlock,
  #pid-ylp.pid-lp-largecontracts .contents section.forte .specBlock,
  #pid-saec.pid-lp-largecontracts .contents section.forte .specBlock {
    padding: 16px;
    margin: 16px 0 0;
    display: block;
  }
  #pid-info.pid-lp-largecontracts .contents section.forte .specBlock .specFigure,
  #pid-404.pid-lp-largecontracts .contents section.forte .specBlock .specFigure,
  #pid-ylp.pid-lp-largecontracts .contents section.forte .specBlock .specFigure,
  #pid-saec.pid-lp-largecontracts .contents section.forte .specBlock .specFigure {
    max-width: 480px;
    margin: 0 auto;
  }
  #pid-info.pid-lp-largecontracts .contents section.forte .specBlock .specDetail,
  #pid-404.pid-lp-largecontracts .contents section.forte .specBlock .specDetail,
  #pid-ylp.pid-lp-largecontracts .contents section.forte .specBlock .specDetail,
  #pid-saec.pid-lp-largecontracts .contents section.forte .specBlock .specDetail {
    margin: 20px 0 0;
  }
  #pid-info.pid-lp-largecontracts .contents section.forte .specBlock .specDetail__subcaption,
  #pid-404.pid-lp-largecontracts .contents section.forte .specBlock .specDetail__subcaption,
  #pid-ylp.pid-lp-largecontracts .contents section.forte .specBlock .specDetail__subcaption,
  #pid-saec.pid-lp-largecontracts .contents section.forte .specBlock .specDetail__subcaption {
    font-size: 1.3rem;
  }
  #pid-info.pid-lp-largecontracts .contents section.forte .specBlock .specDetail__caption,
  #pid-404.pid-lp-largecontracts .contents section.forte .specBlock .specDetail__caption,
  #pid-ylp.pid-lp-largecontracts .contents section.forte .specBlock .specDetail__caption,
  #pid-saec.pid-lp-largecontracts .contents section.forte .specBlock .specDetail__caption {
    font-size: 2rem;
    margin: 0 0 16px;
  }
  #pid-info.pid-lp-largecontracts .contents section.forte .specBlock .specDetail__text,
  #pid-404.pid-lp-largecontracts .contents section.forte .specBlock .specDetail__text,
  #pid-ylp.pid-lp-largecontracts .contents section.forte .specBlock .specDetail__text,
  #pid-saec.pid-lp-largecontracts .contents section.forte .specBlock .specDetail__text {
    margin: 16px 0 0;
  }
  #pid-info.pid-lp-largecontracts .contents section.forte .supportBlock,
  #pid-404.pid-lp-largecontracts .contents section.forte .supportBlock,
  #pid-ylp.pid-lp-largecontracts .contents section.forte .supportBlock,
  #pid-saec.pid-lp-largecontracts .contents section.forte .supportBlock {
    display: block;
    margin: 0 16px;
  }
  #pid-info.pid-lp-largecontracts .contents section.forte .supportBlock:last-child,
  #pid-404.pid-lp-largecontracts .contents section.forte .supportBlock:last-child,
  #pid-ylp.pid-lp-largecontracts .contents section.forte .supportBlock:last-child,
  #pid-saec.pid-lp-largecontracts .contents section.forte .supportBlock:last-child {
    margin: 16px 16px 0;
    padding: 16px 0 0;
  }
  #pid-info.pid-lp-largecontracts .contents section.forte .supportBlock .supportCaption,
  #pid-404.pid-lp-largecontracts .contents section.forte .supportBlock .supportCaption,
  #pid-ylp.pid-lp-largecontracts .contents section.forte .supportBlock .supportCaption,
  #pid-saec.pid-lp-largecontracts .contents section.forte .supportBlock .supportCaption {
    font-size: 1.6rem;
  }
  #pid-info.pid-lp-largecontracts .contents section.forte .supportBlock .supportText,
  #pid-404.pid-lp-largecontracts .contents section.forte .supportBlock .supportText,
  #pid-ylp.pid-lp-largecontracts .contents section.forte .supportBlock .supportText,
  #pid-saec.pid-lp-largecontracts .contents section.forte .supportBlock .supportText {
    margin: 16px 0 0;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList,
  #pid-404.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList,
  #pid-ylp.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList,
  #pid-saec.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList {
    margin: 0 auto;
    display: block;
    text-align: center;
  }
  #pid-info.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList li,
  #pid-404.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList li,
  #pid-ylp.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList li,
  #pid-saec.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList li {
    margin: 4px auto 0;
    max-width: 400px;
  }
  #pid-info.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsText,
  #pid-404.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsText,
  #pid-ylp.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsText,
  #pid-saec.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsText {
    text-align: left;
    margin: 16px 0 0;
    padding-bottom: 16px;
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList,
  #pid-404.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList,
  #pid-ylp.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList,
  #pid-saec.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList {
    margin: 0 auto;
    max-width: 642px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #pid-info.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList li,
  #pid-404.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList li,
  #pid-ylp.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList li,
  #pid-saec.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList li {
    margin: 4px 0 0;
  }
  #pid-info.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList li img,
  #pid-404.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList li img,
  #pid-ylp.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList li img,
  #pid-saec.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsList li img {
    width: 100%;
    height: auto;
    max-width: 480px;
  }
  #pid-info.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsText,
  #pid-404.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsText,
  #pid-ylp.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsText,
  #pid-saec.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsText {
    text-align: left;
    margin: 16px auto 0;
    padding-bottom: 16px;
  }
  #pid-info.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsText__wrap,
  #pid-404.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsText__wrap,
  #pid-ylp.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsText__wrap,
  #pid-saec.pid-lp-largecontracts .contents section.forte .forteUnit .achievementsText__wrap {
    max-width: 642px;
    margin: 0 auto;
  }
}
#pid-info.pid-lp-largecontracts .contents section.case,
#pid-404.pid-lp-largecontracts .contents section.case,
#pid-ylp.pid-lp-largecontracts .contents section.case,
#pid-saec.pid-lp-largecontracts .contents section.case {
  background: #EEF7FF;
}
#pid-info.pid-lp-largecontracts .contents section.case .sttl .caption,
#pid-404.pid-lp-largecontracts .contents section.case .sttl .caption,
#pid-ylp.pid-lp-largecontracts .contents section.case .sttl .caption,
#pid-saec.pid-lp-largecontracts .contents section.case .sttl .caption {
  color: #4C92EE;
}
#pid-info.pid-lp-largecontracts .contents section.case .slick-list,
#pid-404.pid-lp-largecontracts .contents section.case .slick-list,
#pid-ylp.pid-lp-largecontracts .contents section.case .slick-list,
#pid-saec.pid-lp-largecontracts .contents section.case .slick-list {
  overflow: unset;
}
@media only screen and (min-width: 1100px) {
  #pid-info.pid-lp-largecontracts .contents section.case .slick-track,
  #pid-404.pid-lp-largecontracts .contents section.case .slick-track,
  #pid-ylp.pid-lp-largecontracts .contents section.case .slick-track,
  #pid-saec.pid-lp-largecontracts .contents section.case .slick-track {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
#pid-info.pid-lp-largecontracts .contents section.case .slick-slide img,
#pid-404.pid-lp-largecontracts .contents section.case .slick-slide img,
#pid-ylp.pid-lp-largecontracts .contents section.case .slick-slide img,
#pid-saec.pid-lp-largecontracts .contents section.case .slick-slide img {
  display: inline;
}
#pid-info.pid-lp-largecontracts .contents section.case .slick-slide, #pid-info.pid-lp-largecontracts .contents section.case .slick-current,
#pid-404.pid-lp-largecontracts .contents section.case .slick-slide,
#pid-404.pid-lp-largecontracts .contents section.case .slick-current,
#pid-ylp.pid-lp-largecontracts .contents section.case .slick-slide,
#pid-ylp.pid-lp-largecontracts .contents section.case .slick-current,
#pid-saec.pid-lp-largecontracts .contents section.case .slick-slide,
#pid-saec.pid-lp-largecontracts .contents section.case .slick-current {
  max-width: 680px;
  width: 100% !important;
  margin: auto;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-largecontracts .contents section.case .slick-slide, #pid-info.pid-lp-largecontracts .contents section.case .slick-current,
  #pid-404.pid-lp-largecontracts .contents section.case .slick-slide,
  #pid-404.pid-lp-largecontracts .contents section.case .slick-current,
  #pid-ylp.pid-lp-largecontracts .contents section.case .slick-slide,
  #pid-ylp.pid-lp-largecontracts .contents section.case .slick-current,
  #pid-saec.pid-lp-largecontracts .contents section.case .slick-slide,
  #pid-saec.pid-lp-largecontracts .contents section.case .slick-current {
    width: 94vw !important;
  }
}
#pid-info.pid-lp-largecontracts .contents section.case .slick-dots li,
#pid-404.pid-lp-largecontracts .contents section.case .slick-dots li,
#pid-ylp.pid-lp-largecontracts .contents section.case .slick-dots li,
#pid-saec.pid-lp-largecontracts .contents section.case .slick-dots li {
  width: 16px;
  height: 16px;
  margin: 40px 8px 0;
}
#pid-info.pid-lp-largecontracts .contents section.case .slick-dots li button,
#pid-404.pid-lp-largecontracts .contents section.case .slick-dots li button,
#pid-ylp.pid-lp-largecontracts .contents section.case .slick-dots li button,
#pid-saec.pid-lp-largecontracts .contents section.case .slick-dots li button {
  background: #fff;
  border: 2px solid #4c92ee;
  opacity: 1;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-largecontracts .contents section.case .slick-dots li,
  #pid-404.pid-lp-largecontracts .contents section.case .slick-dots li,
  #pid-ylp.pid-lp-largecontracts .contents section.case .slick-dots li,
  #pid-saec.pid-lp-largecontracts .contents section.case .slick-dots li {
    margin: 24px 4px 0;
    width: 10px;
    height: 10px;
  }
}
#pid-info.pid-lp-largecontracts .contents section.case .slick-dots .slick-active button,
#pid-404.pid-lp-largecontracts .contents section.case .slick-dots .slick-active button,
#pid-ylp.pid-lp-largecontracts .contents section.case .slick-dots .slick-active button,
#pid-saec.pid-lp-largecontracts .contents section.case .slick-dots .slick-active button {
  background: #4c92ee;
}
#pid-info.pid-lp-largecontracts .contents section.case .slick-arrow,
#pid-404.pid-lp-largecontracts .contents section.case .slick-arrow,
#pid-ylp.pid-lp-largecontracts .contents section.case .slick-arrow,
#pid-saec.pid-lp-largecontracts .contents section.case .slick-arrow {
  width: 64px;
  height: 64px;
  background: url(../img/business/largecontracts/case_ico_arrow.svg) no-repeat center center;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
#pid-info.pid-lp-largecontracts .contents section.case .slick-arrow:hover,
#pid-404.pid-lp-largecontracts .contents section.case .slick-arrow:hover,
#pid-ylp.pid-lp-largecontracts .contents section.case .slick-arrow:hover,
#pid-saec.pid-lp-largecontracts .contents section.case .slick-arrow:hover {
  opacity: 0.8;
}
#pid-info.pid-lp-largecontracts .contents section.case .slick-arrow.slick-next,
#pid-404.pid-lp-largecontracts .contents section.case .slick-arrow.slick-next,
#pid-ylp.pid-lp-largecontracts .contents section.case .slick-arrow.slick-next,
#pid-saec.pid-lp-largecontracts .contents section.case .slick-arrow.slick-next {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
@media only screen and (min-width: 1100px) {
  #pid-info.pid-lp-largecontracts .contents section.case .slick-arrow,
  #pid-404.pid-lp-largecontracts .contents section.case .slick-arrow,
  #pid-ylp.pid-lp-largecontracts .contents section.case .slick-arrow,
  #pid-saec.pid-lp-largecontracts .contents section.case .slick-arrow {
    top: 64px;
  }
  #pid-info.pid-lp-largecontracts .contents section.case .slick-arrow.slick-prev,
  #pid-404.pid-lp-largecontracts .contents section.case .slick-arrow.slick-prev,
  #pid-ylp.pid-lp-largecontracts .contents section.case .slick-arrow.slick-prev,
  #pid-saec.pid-lp-largecontracts .contents section.case .slick-arrow.slick-prev {
    left: 50%;
    margin-left: -370px;
  }
  #pid-info.pid-lp-largecontracts .contents section.case .slick-arrow.slick-next,
  #pid-404.pid-lp-largecontracts .contents section.case .slick-arrow.slick-next,
  #pid-ylp.pid-lp-largecontracts .contents section.case .slick-arrow.slick-next,
  #pid-saec.pid-lp-largecontracts .contents section.case .slick-arrow.slick-next {
    right: 50%;
    margin-right: -370px;
  }
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-largecontracts .contents section.case .slick-arrow,
  #pid-404.pid-lp-largecontracts .contents section.case .slick-arrow,
  #pid-ylp.pid-lp-largecontracts .contents section.case .slick-arrow,
  #pid-saec.pid-lp-largecontracts .contents section.case .slick-arrow {
    width: 48px;
    height: 48px;
    top: 20px;
    background-size: 100% auto;
  }
  #pid-info.pid-lp-largecontracts .contents section.case .slick-arrow.slick-prev,
  #pid-404.pid-lp-largecontracts .contents section.case .slick-arrow.slick-prev,
  #pid-ylp.pid-lp-largecontracts .contents section.case .slick-arrow.slick-prev,
  #pid-saec.pid-lp-largecontracts .contents section.case .slick-arrow.slick-prev {
    left: 24px;
  }
  #pid-info.pid-lp-largecontracts .contents section.case .slick-arrow.slick-next,
  #pid-404.pid-lp-largecontracts .contents section.case .slick-arrow.slick-next,
  #pid-ylp.pid-lp-largecontracts .contents section.case .slick-arrow.slick-next,
  #pid-saec.pid-lp-largecontracts .contents section.case .slick-arrow.slick-next {
    right: 24px;
  }
}
#pid-info.pid-lp-largecontracts .contents section.case .caseContainer,
#pid-404.pid-lp-largecontracts .contents section.case .caseContainer,
#pid-ylp.pid-lp-largecontracts .contents section.case .caseContainer,
#pid-saec.pid-lp-largecontracts .contents section.case .caseContainer {
  margin: 40px 0 0;
  position: relative;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-largecontracts .contents section.case .caseContainer,
  #pid-404.pid-lp-largecontracts .contents section.case .caseContainer,
  #pid-ylp.pid-lp-largecontracts .contents section.case .caseContainer,
  #pid-saec.pid-lp-largecontracts .contents section.case .caseContainer {
    margin: 24px 0 0;
  }
}
#pid-info.pid-lp-largecontracts .contents section.case .caseUnit,
#pid-404.pid-lp-largecontracts .contents section.case .caseUnit,
#pid-ylp.pid-lp-largecontracts .contents section.case .caseUnit,
#pid-saec.pid-lp-largecontracts .contents section.case .caseUnit {
  max-width: 680px;
  margin: 0 20px;
  background: #fff;
  border-radius: 20px;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
#pid-info.pid-lp-largecontracts .contents section.case .caseUnit .caseHeader,
#pid-404.pid-lp-largecontracts .contents section.case .caseUnit .caseHeader,
#pid-ylp.pid-lp-largecontracts .contents section.case .caseUnit .caseHeader,
#pid-saec.pid-lp-largecontracts .contents section.case .caseUnit .caseHeader {
  border-radius: 20px 20px 0 0;
  background: #4CC2EE;
  color: #fff;
  padding: 40px 40px 40px 180px;
  position: relative;
  min-height: 166px;
}
#pid-info.pid-lp-largecontracts .contents section.case .caseUnit .caseHeader .caseNumber,
#pid-404.pid-lp-largecontracts .contents section.case .caseUnit .caseHeader .caseNumber,
#pid-ylp.pid-lp-largecontracts .contents section.case .caseUnit .caseHeader .caseNumber,
#pid-saec.pid-lp-largecontracts .contents section.case .caseUnit .caseHeader .caseNumber {
  color: rgba(255, 255, 255, 0.3);
  position: absolute;
  left: 0;
  top: 0;
  font-family: "Roboto";
  font-size: 5.3rem;
  font-weight: bold;
}
#pid-info.pid-lp-largecontracts .contents section.case .caseUnit .caseHeader .caseFigure,
#pid-404.pid-lp-largecontracts .contents section.case .caseUnit .caseHeader .caseFigure,
#pid-ylp.pid-lp-largecontracts .contents section.case .caseUnit .caseHeader .caseFigure,
#pid-saec.pid-lp-largecontracts .contents section.case .caseUnit .caseHeader .caseFigure {
  position: absolute;
  left: 40px;
  bottom: 0;
}
#pid-info.pid-lp-largecontracts .contents section.case .caseUnit .caseHeader .caseCaption,
#pid-404.pid-lp-largecontracts .contents section.case .caseUnit .caseHeader .caseCaption,
#pid-ylp.pid-lp-largecontracts .contents section.case .caseUnit .caseHeader .caseCaption,
#pid-saec.pid-lp-largecontracts .contents section.case .caseUnit .caseHeader .caseCaption {
  font-size: 2rem;
  font-weight: bold;
}
#pid-info.pid-lp-largecontracts .contents section.case .caseUnit .caseHeader .caseClient,
#pid-404.pid-lp-largecontracts .contents section.case .caseUnit .caseHeader .caseClient,
#pid-ylp.pid-lp-largecontracts .contents section.case .caseUnit .caseHeader .caseClient,
#pid-saec.pid-lp-largecontracts .contents section.case .caseUnit .caseHeader .caseClient {
  margin: 8px 0 0;
  padding: 0 0 0 32px;
  position: relative;
}
#pid-info.pid-lp-largecontracts .contents section.case .caseUnit .caseHeader .caseClient:before,
#pid-404.pid-lp-largecontracts .contents section.case .caseUnit .caseHeader .caseClient:before,
#pid-ylp.pid-lp-largecontracts .contents section.case .caseUnit .caseHeader .caseClient:before,
#pid-saec.pid-lp-largecontracts .contents section.case .caseUnit .caseHeader .caseClient:before {
  content: "";
  width: 24px;
  height: 1px;
  background: #fff;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.5px;
}
#pid-info.pid-lp-largecontracts .contents section.case .caseUnit .caseBody,
#pid-404.pid-lp-largecontracts .contents section.case .caseUnit .caseBody,
#pid-ylp.pid-lp-largecontracts .contents section.case .caseUnit .caseBody,
#pid-saec.pid-lp-largecontracts .contents section.case .caseUnit .caseBody {
  background: #fff;
  padding: 40px;
  border-radius: 0 0 20px 20px;
}
#pid-info.pid-lp-largecontracts .contents section.case .caseUnit .caseBody .caseInfo,
#pid-404.pid-lp-largecontracts .contents section.case .caseUnit .caseBody .caseInfo,
#pid-ylp.pid-lp-largecontracts .contents section.case .caseUnit .caseBody .caseInfo,
#pid-saec.pid-lp-largecontracts .contents section.case .caseUnit .caseBody .caseInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 24px 0 0;
  font-size: 1.4rem;
}
#pid-info.pid-lp-largecontracts .contents section.case .caseUnit .caseBody .caseInfo > *,
#pid-404.pid-lp-largecontracts .contents section.case .caseUnit .caseBody .caseInfo > *,
#pid-ylp.pid-lp-largecontracts .contents section.case .caseUnit .caseBody .caseInfo > *,
#pid-saec.pid-lp-largecontracts .contents section.case .caseUnit .caseBody .caseInfo > * {
  width: 50%;
}
#pid-info.pid-lp-largecontracts .contents section.case .caseUnit .caseBody .caseInfo span,
#pid-404.pid-lp-largecontracts .contents section.case .caseUnit .caseBody .caseInfo span,
#pid-ylp.pid-lp-largecontracts .contents section.case .caseUnit .caseBody .caseInfo span,
#pid-saec.pid-lp-largecontracts .contents section.case .caseUnit .caseBody .caseInfo span {
  font-weight: bold;
}
#pid-info.pid-lp-largecontracts .contents section.case .caseUnit .caseBody .caseInfo span:after,
#pid-404.pid-lp-largecontracts .contents section.case .caseUnit .caseBody .caseInfo span:after,
#pid-ylp.pid-lp-largecontracts .contents section.case .caseUnit .caseBody .caseInfo span:after,
#pid-saec.pid-lp-largecontracts .contents section.case .caseUnit .caseBody .caseInfo span:after {
  content: ":";
  margin-right: 0.5em;
  margin-left: 0.5em;
}
#pid-info.pid-lp-largecontracts .contents section.case .caseUnit .caseBody .issuesContents > *,
#pid-404.pid-lp-largecontracts .contents section.case .caseUnit .caseBody .issuesContents > *,
#pid-ylp.pid-lp-largecontracts .contents section.case .caseUnit .caseBody .issuesContents > *,
#pid-saec.pid-lp-largecontracts .contents section.case .caseUnit .caseBody .issuesContents > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 16px 0 0;
}
#pid-info.pid-lp-largecontracts .contents section.case .caseUnit .caseBody .issuesContents > *:first-child,
#pid-404.pid-lp-largecontracts .contents section.case .caseUnit .caseBody .issuesContents > *:first-child,
#pid-ylp.pid-lp-largecontracts .contents section.case .caseUnit .caseBody .issuesContents > *:first-child,
#pid-saec.pid-lp-largecontracts .contents section.case .caseUnit .caseBody .issuesContents > *:first-child {
  margin-top: 0;
}
#pid-info.pid-lp-largecontracts .contents section.case .caseUnit .caseBody .issuesContents .caption,
#pid-404.pid-lp-largecontracts .contents section.case .caseUnit .caseBody .issuesContents .caption,
#pid-ylp.pid-lp-largecontracts .contents section.case .caseUnit .caseBody .issuesContents .caption,
#pid-saec.pid-lp-largecontracts .contents section.case .caseUnit .caseBody .issuesContents .caption {
  border-radius: 5px;
  background: #888;
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  width: 120px;
  padding: 12px 0;
  margin-right: 16px;
}
#pid-info.pid-lp-largecontracts .contents section.case .caseUnit .caseBody .issuesContents .text,
#pid-404.pid-lp-largecontracts .contents section.case .caseUnit .caseBody .issuesContents .text,
#pid-ylp.pid-lp-largecontracts .contents section.case .caseUnit .caseBody .issuesContents .text,
#pid-saec.pid-lp-largecontracts .contents section.case .caseUnit .caseBody .issuesContents .text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 1.6rem;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
#pid-info.pid-lp-largecontracts .contents section.case .caseUnit .caseBody .issuesContents .suggestion .caption,
#pid-404.pid-lp-largecontracts .contents section.case .caseUnit .caseBody .issuesContents .suggestion .caption,
#pid-ylp.pid-lp-largecontracts .contents section.case .caseUnit .caseBody .issuesContents .suggestion .caption,
#pid-saec.pid-lp-largecontracts .contents section.case .caseUnit .caseBody .issuesContents .suggestion .caption {
  background: #4c92ee;
}
#pid-info.pid-lp-largecontracts .contents section.case .caseUnit .clientVoice,
#pid-404.pid-lp-largecontracts .contents section.case .caseUnit .clientVoice,
#pid-ylp.pid-lp-largecontracts .contents section.case .caseUnit .clientVoice,
#pid-saec.pid-lp-largecontracts .contents section.case .caseUnit .clientVoice {
  background: #EEF7FF;
  border-radius: 5px;
  margin: 24px 0 0;
  padding: 24px;
}
#pid-info.pid-lp-largecontracts .contents section.case .caseUnit .clientVoice__caption,
#pid-404.pid-lp-largecontracts .contents section.case .caseUnit .clientVoice__caption,
#pid-ylp.pid-lp-largecontracts .contents section.case .caseUnit .clientVoice__caption,
#pid-saec.pid-lp-largecontracts .contents section.case .caseUnit .clientVoice__caption {
  font-weight: bold;
  font-size: 1.6rem;
  padding-left: 28px;
  background: url(../img/business/largecontracts/case_voice.svg) no-repeat 0 0;
}
#pid-info.pid-lp-largecontracts .contents section.case .caseUnit .clientVoice__text,
#pid-404.pid-lp-largecontracts .contents section.case .caseUnit .clientVoice__text,
#pid-ylp.pid-lp-largecontracts .contents section.case .caseUnit .clientVoice__text,
#pid-saec.pid-lp-largecontracts .contents section.case .caseUnit .clientVoice__text {
  margin: 16px 0 0;
  line-height: 1.4;
}
#pid-info.pid-lp-largecontracts .contents section.case .caseUnit .clientVoice__text p:last-child,
#pid-404.pid-lp-largecontracts .contents section.case .caseUnit .clientVoice__text p:last-child,
#pid-ylp.pid-lp-largecontracts .contents section.case .caseUnit .clientVoice__text p:last-child,
#pid-saec.pid-lp-largecontracts .contents section.case .caseUnit .clientVoice__text p:last-child {
  margin-bottom: 0;
}
#pid-info.pid-lp-largecontracts .contents section.case .caseUnit.secondColor .caseHeader,
#pid-404.pid-lp-largecontracts .contents section.case .caseUnit.secondColor .caseHeader,
#pid-ylp.pid-lp-largecontracts .contents section.case .caseUnit.secondColor .caseHeader,
#pid-saec.pid-lp-largecontracts .contents section.case .caseUnit.secondColor .caseHeader {
  background: #73E38E;
}
#pid-info.pid-lp-largecontracts .contents section.case .caseUnit.thirdColor .caseHeader,
#pid-404.pid-lp-largecontracts .contents section.case .caseUnit.thirdColor .caseHeader,
#pid-ylp.pid-lp-largecontracts .contents section.case .caseUnit.thirdColor .caseHeader,
#pid-saec.pid-lp-largecontracts .contents section.case .caseUnit.thirdColor .caseHeader {
  background: #F595B2;
}
#pid-info.pid-lp-largecontracts .contents section.case .caseUnit.fourthColor .caseHeader,
#pid-404.pid-lp-largecontracts .contents section.case .caseUnit.fourthColor .caseHeader,
#pid-ylp.pid-lp-largecontracts .contents section.case .caseUnit.fourthColor .caseHeader,
#pid-saec.pid-lp-largecontracts .contents section.case .caseUnit.fourthColor .caseHeader {
  background: #EBB268;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-largecontracts .contents section.case .caseUnit .caseHeader,
  #pid-404.pid-lp-largecontracts .contents section.case .caseUnit .caseHeader,
  #pid-ylp.pid-lp-largecontracts .contents section.case .caseUnit .caseHeader,
  #pid-saec.pid-lp-largecontracts .contents section.case .caseUnit .caseHeader {
    border-radius: 20px 20px 0 0;
    background: #4CC2EE;
    color: #fff;
    padding: 16px;
    min-height: 180px;
  }
  #pid-info.pid-lp-largecontracts .contents section.case .caseUnit .caseHeader .caseNumber,
  #pid-404.pid-lp-largecontracts .contents section.case .caseUnit .caseHeader .caseNumber,
  #pid-ylp.pid-lp-largecontracts .contents section.case .caseUnit .caseHeader .caseNumber,
  #pid-saec.pid-lp-largecontracts .contents section.case .caseUnit .caseHeader .caseNumber {
    left: 50%;
    margin-left: -80px;
    top: 10px;
    font-size: 3.2rem;
  }
  #pid-info.pid-lp-largecontracts .contents section.case .caseUnit .caseHeader .caseFigure,
  #pid-404.pid-lp-largecontracts .contents section.case .caseUnit .caseHeader .caseFigure,
  #pid-ylp.pid-lp-largecontracts .contents section.case .caseUnit .caseHeader .caseFigure,
  #pid-saec.pid-lp-largecontracts .contents section.case .caseUnit .caseHeader .caseFigure {
    position: static;
    text-align: center;
  }
  #pid-info.pid-lp-largecontracts .contents section.case .caseUnit .caseHeader .caseFigure img,
  #pid-404.pid-lp-largecontracts .contents section.case .caseUnit .caseHeader .caseFigure img,
  #pid-ylp.pid-lp-largecontracts .contents section.case .caseUnit .caseHeader .caseFigure img,
  #pid-saec.pid-lp-largecontracts .contents section.case .caseUnit .caseHeader .caseFigure img {
    width: 60px;
    height: auto;
  }
  #pid-info.pid-lp-largecontracts .contents section.case .caseUnit .caseHeader .caseCaption,
  #pid-404.pid-lp-largecontracts .contents section.case .caseUnit .caseHeader .caseCaption,
  #pid-ylp.pid-lp-largecontracts .contents section.case .caseUnit .caseHeader .caseCaption,
  #pid-saec.pid-lp-largecontracts .contents section.case .caseUnit .caseHeader .caseCaption {
    font-size: 1.6rem;
    margin: 12px 0 0;
  }
  #pid-info.pid-lp-largecontracts .contents section.case .caseUnit .caseBody,
  #pid-404.pid-lp-largecontracts .contents section.case .caseUnit .caseBody,
  #pid-ylp.pid-lp-largecontracts .contents section.case .caseUnit .caseBody,
  #pid-saec.pid-lp-largecontracts .contents section.case .caseUnit .caseBody {
    background: #fff;
    padding: 16px;
  }
  #pid-info.pid-lp-largecontracts .contents section.case .caseUnit .caseBody .caseInfo,
  #pid-404.pid-lp-largecontracts .contents section.case .caseUnit .caseBody .caseInfo,
  #pid-ylp.pid-lp-largecontracts .contents section.case .caseUnit .caseBody .caseInfo,
  #pid-saec.pid-lp-largecontracts .contents section.case .caseUnit .caseBody .caseInfo {
    display: block;
    margin: 16px 0 0;
  }
  #pid-info.pid-lp-largecontracts .contents section.case .caseUnit .caseBody .caseInfo > *,
  #pid-404.pid-lp-largecontracts .contents section.case .caseUnit .caseBody .caseInfo > *,
  #pid-ylp.pid-lp-largecontracts .contents section.case .caseUnit .caseBody .caseInfo > *,
  #pid-saec.pid-lp-largecontracts .contents section.case .caseUnit .caseBody .caseInfo > * {
    width: auto;
  }
  #pid-info.pid-lp-largecontracts .contents section.case .caseUnit .caseBody .issuesContents > *,
  #pid-404.pid-lp-largecontracts .contents section.case .caseUnit .caseBody .issuesContents > *,
  #pid-ylp.pid-lp-largecontracts .contents section.case .caseUnit .caseBody .issuesContents > *,
  #pid-saec.pid-lp-largecontracts .contents section.case .caseUnit .caseBody .issuesContents > * {
    display: block;
    margin: 16px 0 0;
  }
  #pid-info.pid-lp-largecontracts .contents section.case .caseUnit .caseBody .issuesContents > *:first-child,
  #pid-404.pid-lp-largecontracts .contents section.case .caseUnit .caseBody .issuesContents > *:first-child,
  #pid-ylp.pid-lp-largecontracts .contents section.case .caseUnit .caseBody .issuesContents > *:first-child,
  #pid-saec.pid-lp-largecontracts .contents section.case .caseUnit .caseBody .issuesContents > *:first-child {
    margin-top: 0;
  }
  #pid-info.pid-lp-largecontracts .contents section.case .caseUnit .caseBody .issuesContents .caption,
  #pid-404.pid-lp-largecontracts .contents section.case .caseUnit .caseBody .issuesContents .caption,
  #pid-ylp.pid-lp-largecontracts .contents section.case .caseUnit .caseBody .issuesContents .caption,
  #pid-saec.pid-lp-largecontracts .contents section.case .caseUnit .caseBody .issuesContents .caption {
    width: auto;
    padding: 4px 0;
    margin: 0;
  }
  #pid-info.pid-lp-largecontracts .contents section.case .caseUnit .caseBody .issuesContents .text,
  #pid-404.pid-lp-largecontracts .contents section.case .caseUnit .caseBody .issuesContents .text,
  #pid-ylp.pid-lp-largecontracts .contents section.case .caseUnit .caseBody .issuesContents .text,
  #pid-saec.pid-lp-largecontracts .contents section.case .caseUnit .caseBody .issuesContents .text {
    margin: 8px 0 0;
    font-size: 1.4rem;
  }
  #pid-info.pid-lp-largecontracts .contents section.case .caseUnit .clientVoice,
  #pid-404.pid-lp-largecontracts .contents section.case .caseUnit .clientVoice,
  #pid-ylp.pid-lp-largecontracts .contents section.case .caseUnit .clientVoice,
  #pid-saec.pid-lp-largecontracts .contents section.case .caseUnit .clientVoice {
    margin: 16px 0 0;
    padding: 16px;
  }
}
#pid-info.pid-lp-largecontracts .contents section.flow .sttl .caption,
#pid-404.pid-lp-largecontracts .contents section.flow .sttl .caption,
#pid-ylp.pid-lp-largecontracts .contents section.flow .sttl .caption,
#pid-saec.pid-lp-largecontracts .contents section.flow .sttl .caption {
  color: #4C92EE;
}
#pid-info.pid-lp-largecontracts .contents section.flow .stepListContainer,
#pid-404.pid-lp-largecontracts .contents section.flow .stepListContainer,
#pid-ylp.pid-lp-largecontracts .contents section.flow .stepListContainer,
#pid-saec.pid-lp-largecontracts .contents section.flow .stepListContainer {
  margin: 60px 0 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 20px;
}
#pid-info.pid-lp-largecontracts .contents section.flow .stepListContainer .step,
#pid-404.pid-lp-largecontracts .contents section.flow .stepListContainer .step,
#pid-ylp.pid-lp-largecontracts .contents section.flow .stepListContainer .step,
#pid-saec.pid-lp-largecontracts .contents section.flow .stepListContainer .step {
  width: 200px;
  border-radius: 10px;
  padding: 32px 16px 16px;
  background: #EEF7FF;
  position: relative;
}
#pid-info.pid-lp-largecontracts .contents section.flow .stepListContainer .step:before,
#pid-404.pid-lp-largecontracts .contents section.flow .stepListContainer .step:before,
#pid-ylp.pid-lp-largecontracts .contents section.flow .stepListContainer .step:before,
#pid-saec.pid-lp-largecontracts .contents section.flow .stepListContainer .step:before {
  content: "";
  display: block;
  position: absolute;
  left: -16px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 12px;
  height: 28px;
  clip-path: polygon(0% 100%, 0% 0%, 100% 50%);
  background: #4C92EE;
}
#pid-info.pid-lp-largecontracts .contents section.flow .stepListContainer .step:first-child:before,
#pid-404.pid-lp-largecontracts .contents section.flow .stepListContainer .step:first-child:before,
#pid-ylp.pid-lp-largecontracts .contents section.flow .stepListContainer .step:first-child:before,
#pid-saec.pid-lp-largecontracts .contents section.flow .stepListContainer .step:first-child:before {
  display: none;
}
#pid-info.pid-lp-largecontracts .contents section.flow .stepListContainer .stepNumber,
#pid-404.pid-lp-largecontracts .contents section.flow .stepListContainer .stepNumber,
#pid-ylp.pid-lp-largecontracts .contents section.flow .stepListContainer .stepNumber,
#pid-saec.pid-lp-largecontracts .contents section.flow .stepListContainer .stepNumber {
  margin: 0 auto;
  display: table;
  background: #4C92EE;
  color: #fff;
  border-radius: 50px;
  font-size: 1.6rem;
  font-weight: bold;
  padding: 8px 16px;
  line-height: 1;
  position: absolute;
  top: -1em;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
#pid-info.pid-lp-largecontracts .contents section.flow .stepListContainer .stepFigure,
#pid-404.pid-lp-largecontracts .contents section.flow .stepListContainer .stepFigure,
#pid-ylp.pid-lp-largecontracts .contents section.flow .stepListContainer .stepFigure,
#pid-saec.pid-lp-largecontracts .contents section.flow .stepListContainer .stepFigure {
  text-align: center;
  min-height: 120px;
}
#pid-info.pid-lp-largecontracts .contents section.flow .stepListContainer .stepCaption,
#pid-404.pid-lp-largecontracts .contents section.flow .stepListContainer .stepCaption,
#pid-ylp.pid-lp-largecontracts .contents section.flow .stepListContainer .stepCaption,
#pid-saec.pid-lp-largecontracts .contents section.flow .stepListContainer .stepCaption {
  margin: 16px 0 0;
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
}
#pid-info.pid-lp-largecontracts .contents section.flow .stepListContainer .stepText,
#pid-404.pid-lp-largecontracts .contents section.flow .stepListContainer .stepText,
#pid-ylp.pid-lp-largecontracts .contents section.flow .stepListContainer .stepText,
#pid-saec.pid-lp-largecontracts .contents section.flow .stepListContainer .stepText {
  margin: 16px 0 0;
  line-height: 1.4;
  font-size: 1.4rem;
}
#pid-info.pid-lp-largecontracts .contents section.flow .stepListContainer .stepText plast-child,
#pid-404.pid-lp-largecontracts .contents section.flow .stepListContainer .stepText plast-child,
#pid-ylp.pid-lp-largecontracts .contents section.flow .stepListContainer .stepText plast-child,
#pid-saec.pid-lp-largecontracts .contents section.flow .stepListContainer .stepText plast-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-largecontracts .contents section.flow .stepListContainer,
  #pid-404.pid-lp-largecontracts .contents section.flow .stepListContainer,
  #pid-ylp.pid-lp-largecontracts .contents section.flow .stepListContainer,
  #pid-saec.pid-lp-largecontracts .contents section.flow .stepListContainer {
    grid-template-columns: 1fr;
    gap: 40px;
    margin-top: 40px;
  }
  #pid-info.pid-lp-largecontracts .contents section.flow .stepListContainer .step,
  #pid-404.pid-lp-largecontracts .contents section.flow .stepListContainer .step,
  #pid-ylp.pid-lp-largecontracts .contents section.flow .stepListContainer .step,
  #pid-saec.pid-lp-largecontracts .contents section.flow .stepListContainer .step {
    width: 100%;
    max-width: 650px;
    margin: 0 auto;
  }
  #pid-info.pid-lp-largecontracts .contents section.flow .stepListContainer .step:before,
  #pid-404.pid-lp-largecontracts .contents section.flow .stepListContainer .step:before,
  #pid-ylp.pid-lp-largecontracts .contents section.flow .stepListContainer .step:before,
  #pid-saec.pid-lp-largecontracts .contents section.flow .stepListContainer .step:before {
    left: 50%;
    top: -42px;
    -webkit-transform: translateX(-50%) translateY(0) rotate(90deg);
            transform: translateX(-50%) translateY(0) rotate(90deg);
  }
  #pid-info.pid-lp-largecontracts .contents section.flow .stepListContainer .stepNumber,
  #pid-404.pid-lp-largecontracts .contents section.flow .stepListContainer .stepNumber,
  #pid-ylp.pid-lp-largecontracts .contents section.flow .stepListContainer .stepNumber,
  #pid-saec.pid-lp-largecontracts .contents section.flow .stepListContainer .stepNumber {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: calc(100% - 32px);
    text-align: center;
    max-width: 350px;
  }
  #pid-info.pid-lp-largecontracts .contents section.flow .stepListContainer .stepColumn,
  #pid-404.pid-lp-largecontracts .contents section.flow .stepListContainer .stepColumn,
  #pid-ylp.pid-lp-largecontracts .contents section.flow .stepListContainer .stepColumn,
  #pid-saec.pid-lp-largecontracts .contents section.flow .stepListContainer .stepColumn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #pid-info.pid-lp-largecontracts .contents section.flow .stepListContainer .stepFigure,
  #pid-404.pid-lp-largecontracts .contents section.flow .stepListContainer .stepFigure,
  #pid-ylp.pid-lp-largecontracts .contents section.flow .stepListContainer .stepFigure,
  #pid-saec.pid-lp-largecontracts .contents section.flow .stepListContainer .stepFigure {
    text-align: center;
    min-width: 120px;
    min-height: unset;
    margin-right: 16px;
  }
  #pid-info.pid-lp-largecontracts .contents section.flow .stepListContainer .stepCaption,
  #pid-404.pid-lp-largecontracts .contents section.flow .stepListContainer .stepCaption,
  #pid-ylp.pid-lp-largecontracts .contents section.flow .stepListContainer .stepCaption,
  #pid-saec.pid-lp-largecontracts .contents section.flow .stepListContainer .stepCaption {
    text-align: left;
  }
  #pid-info.pid-lp-largecontracts .contents section.flow .stepListContainer .stepText,
  #pid-404.pid-lp-largecontracts .contents section.flow .stepListContainer .stepText,
  #pid-ylp.pid-lp-largecontracts .contents section.flow .stepListContainer .stepText,
  #pid-saec.pid-lp-largecontracts .contents section.flow .stepListContainer .stepText {
    margin: 4px 0 0;
  }
}
#pid-info.pid-lp-largecontracts .contents section.flow .lcCtaButtonUnit,
#pid-404.pid-lp-largecontracts .contents section.flow .lcCtaButtonUnit,
#pid-ylp.pid-lp-largecontracts .contents section.flow .lcCtaButtonUnit,
#pid-saec.pid-lp-largecontracts .contents section.flow .lcCtaButtonUnit {
  margin: 40px auto 0;
}
#pid-info.pid-lp-largecontracts .contents section.faq,
#pid-404.pid-lp-largecontracts .contents section.faq,
#pid-ylp.pid-lp-largecontracts .contents section.faq,
#pid-saec.pid-lp-largecontracts .contents section.faq {
  background: #EEF7FF;
}
#pid-info.pid-lp-largecontracts .contents section.faq .sttl .caption,
#pid-404.pid-lp-largecontracts .contents section.faq .sttl .caption,
#pid-ylp.pid-lp-largecontracts .contents section.faq .sttl .caption,
#pid-saec.pid-lp-largecontracts .contents section.faq .sttl .caption {
  color: #4C92EE;
}
#pid-info.pid-lp-largecontracts .contents section.faq .faqList,
#pid-404.pid-lp-largecontracts .contents section.faq .faqList,
#pid-ylp.pid-lp-largecontracts .contents section.faq .faqList,
#pid-saec.pid-lp-largecontracts .contents section.faq .faqList {
  margin: 40px 0 0;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-largecontracts .contents section.faq .faqList,
  #pid-404.pid-lp-largecontracts .contents section.faq .faqList,
  #pid-ylp.pid-lp-largecontracts .contents section.faq .faqList,
  #pid-saec.pid-lp-largecontracts .contents section.faq .faqList {
    margin: 24px 0 0;
  }
}
#pid-info.pid-lp-largecontracts .contents section.faq .faqList a:hover,
#pid-404.pid-lp-largecontracts .contents section.faq .faqList a:hover,
#pid-ylp.pid-lp-largecontracts .contents section.faq .faqList a:hover,
#pid-saec.pid-lp-largecontracts .contents section.faq .faqList a:hover {
  text-decoration: none;
}
#pid-info.pid-lp-largecontracts .contents section.faq .faqList .questionUnit,
#pid-404.pid-lp-largecontracts .contents section.faq .faqList .questionUnit,
#pid-ylp.pid-lp-largecontracts .contents section.faq .faqList .questionUnit,
#pid-saec.pid-lp-largecontracts .contents section.faq .faqList .questionUnit {
  border: 1px solid #4C92EE;
  background: #fff;
  color: #4C92EE;
  margin: 8px 0 0;
  border-radius: 20px;
  background: url(../img/business/largecontracts/faq_ico.svg) no-repeat 24px 24px #fff;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-largecontracts .contents section.faq .faqList .questionUnit,
  #pid-404.pid-lp-largecontracts .contents section.faq .faqList .questionUnit,
  #pid-ylp.pid-lp-largecontracts .contents section.faq .faqList .questionUnit,
  #pid-saec.pid-lp-largecontracts .contents section.faq .faqList .questionUnit {
    background: url(../img/business/largecontracts/faq_ico.svg) no-repeat 16px 16px #fff;
    background-size: 24px 24px;
    border-radius: 10px;
  }
}
#pid-info.pid-lp-largecontracts .contents section.faq .faqList .questionUnit:first-child,
#pid-404.pid-lp-largecontracts .contents section.faq .faqList .questionUnit:first-child,
#pid-ylp.pid-lp-largecontracts .contents section.faq .faqList .questionUnit:first-child,
#pid-saec.pid-lp-largecontracts .contents section.faq .faqList .questionUnit:first-child {
  margin-top: 0;
}
#pid-info.pid-lp-largecontracts .contents section.faq .faqList .questionUnit i,
#pid-404.pid-lp-largecontracts .contents section.faq .faqList .questionUnit i,
#pid-ylp.pid-lp-largecontracts .contents section.faq .faqList .questionUnit i,
#pid-saec.pid-lp-largecontracts .contents section.faq .faqList .questionUnit i {
  color: #4C92EE;
  margin: -8px 12px 0;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
}
#pid-info.pid-lp-largecontracts .contents section.faq .faqList .question,
#pid-404.pid-lp-largecontracts .contents section.faq .faqList .question,
#pid-ylp.pid-lp-largecontracts .contents section.faq .faqList .question,
#pid-saec.pid-lp-largecontracts .contents section.faq .faqList .question {
  position: relative;
  display: block;
  padding: 24px;
  padding-left: 64px;
  font-size: 2rem;
  font-weight: bold;
}
#pid-info.pid-lp-largecontracts .contents section.faq .faqList .question:hover,
#pid-404.pid-lp-largecontracts .contents section.faq .faqList .question:hover,
#pid-ylp.pid-lp-largecontracts .contents section.faq .faqList .question:hover,
#pid-saec.pid-lp-largecontracts .contents section.faq .faqList .question:hover {
  opacity: 0.8;
}
#pid-info.pid-lp-largecontracts .contents section.faq .faqList .question .question__text,
#pid-404.pid-lp-largecontracts .contents section.faq .faqList .question .question__text,
#pid-ylp.pid-lp-largecontracts .contents section.faq .faqList .question .question__text,
#pid-saec.pid-lp-largecontracts .contents section.faq .faqList .question .question__text {
  display: block;
  position: relative;
  padding-right: 32px;
}
#pid-info.pid-lp-largecontracts .contents section.faq .faqList .question .question__text:before, #pid-info.pid-lp-largecontracts .contents section.faq .faqList .question .question__text:after,
#pid-404.pid-lp-largecontracts .contents section.faq .faqList .question .question__text:before,
#pid-404.pid-lp-largecontracts .contents section.faq .faqList .question .question__text:after,
#pid-ylp.pid-lp-largecontracts .contents section.faq .faqList .question .question__text:before,
#pid-ylp.pid-lp-largecontracts .contents section.faq .faqList .question .question__text:after,
#pid-saec.pid-lp-largecontracts .contents section.faq .faqList .question .question__text:before,
#pid-saec.pid-lp-largecontracts .contents section.faq .faqList .question .question__text:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -1.5px;
  width: 18px;
  height: 3px;
  background: #4C92EE;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  border-radius: 50px;
}
#pid-info.pid-lp-largecontracts .contents section.faq .faqList .question .question__text:after,
#pid-404.pid-lp-largecontracts .contents section.faq .faqList .question .question__text:after,
#pid-ylp.pid-lp-largecontracts .contents section.faq .faqList .question .question__text:after,
#pid-saec.pid-lp-largecontracts .contents section.faq .faqList .question .question__text:after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-largecontracts .contents section.faq .faqList .question .question__text,
  #pid-404.pid-lp-largecontracts .contents section.faq .faqList .question .question__text,
  #pid-ylp.pid-lp-largecontracts .contents section.faq .faqList .question .question__text,
  #pid-saec.pid-lp-largecontracts .contents section.faq .faqList .question .question__text {
    line-height: 1.25;
  }
}
#pid-info.pid-lp-largecontracts .contents section.faq .faqList .answer,
#pid-404.pid-lp-largecontracts .contents section.faq .faqList .answer,
#pid-ylp.pid-lp-largecontracts .contents section.faq .faqList .answer,
#pid-saec.pid-lp-largecontracts .contents section.faq .faqList .answer {
  height: 0;
  overflow: hidden;
  padding: 0 24px 0 64px;
  color: #2F334C;
  font-weight: normal;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
#pid-info.pid-lp-largecontracts .contents section.faq .faqList .answer p, #pid-info.pid-lp-largecontracts .contents section.faq .faqList .answer ul,
#pid-404.pid-lp-largecontracts .contents section.faq .faqList .answer p,
#pid-404.pid-lp-largecontracts .contents section.faq .faqList .answer ul,
#pid-ylp.pid-lp-largecontracts .contents section.faq .faqList .answer p,
#pid-ylp.pid-lp-largecontracts .contents section.faq .faqList .answer ul,
#pid-saec.pid-lp-largecontracts .contents section.faq .faqList .answer p,
#pid-saec.pid-lp-largecontracts .contents section.faq .faqList .answer ul {
  margin: 1em 0 0;
}
#pid-info.pid-lp-largecontracts .contents section.faq .faqList .answer p:first-child, #pid-info.pid-lp-largecontracts .contents section.faq .faqList .answer ul:first-child,
#pid-404.pid-lp-largecontracts .contents section.faq .faqList .answer p:first-child,
#pid-404.pid-lp-largecontracts .contents section.faq .faqList .answer ul:first-child,
#pid-ylp.pid-lp-largecontracts .contents section.faq .faqList .answer p:first-child,
#pid-ylp.pid-lp-largecontracts .contents section.faq .faqList .answer ul:first-child,
#pid-saec.pid-lp-largecontracts .contents section.faq .faqList .answer p:first-child,
#pid-saec.pid-lp-largecontracts .contents section.faq .faqList .answer ul:first-child {
  margin-top: 0;
}
#pid-info.pid-lp-largecontracts .contents section.faq .faqList .answer ul:not([class]) li,
#pid-404.pid-lp-largecontracts .contents section.faq .faqList .answer ul:not([class]) li,
#pid-ylp.pid-lp-largecontracts .contents section.faq .faqList .answer ul:not([class]) li,
#pid-saec.pid-lp-largecontracts .contents section.faq .faqList .answer ul:not([class]) li {
  list-style-type: disc;
  margin-left: 1.2em;
}
#pid-info.pid-lp-largecontracts .contents section.faq .faqList input[type=checkbox],
#pid-404.pid-lp-largecontracts .contents section.faq .faqList input[type=checkbox],
#pid-ylp.pid-lp-largecontracts .contents section.faq .faqList input[type=checkbox],
#pid-saec.pid-lp-largecontracts .contents section.faq .faqList input[type=checkbox] {
  opacity: 0;
  position: absolute;
}
#pid-info.pid-lp-largecontracts .contents section.faq .faqList input[type=checkbox]:checked + .question,
#pid-404.pid-lp-largecontracts .contents section.faq .faqList input[type=checkbox]:checked + .question,
#pid-ylp.pid-lp-largecontracts .contents section.faq .faqList input[type=checkbox]:checked + .question,
#pid-saec.pid-lp-largecontracts .contents section.faq .faqList input[type=checkbox]:checked + .question {
  padding-bottom: 12px;
}
#pid-info.pid-lp-largecontracts .contents section.faq .faqList input[type=checkbox]:checked + .question i,
#pid-404.pid-lp-largecontracts .contents section.faq .faqList input[type=checkbox]:checked + .question i,
#pid-ylp.pid-lp-largecontracts .contents section.faq .faqList input[type=checkbox]:checked + .question i,
#pid-saec.pid-lp-largecontracts .contents section.faq .faqList input[type=checkbox]:checked + .question i {
  color: #fff;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
#pid-info.pid-lp-largecontracts .contents section.faq .faqList input[type=checkbox]:checked + .question .question__text:after,
#pid-404.pid-lp-largecontracts .contents section.faq .faqList input[type=checkbox]:checked + .question .question__text:after,
#pid-ylp.pid-lp-largecontracts .contents section.faq .faqList input[type=checkbox]:checked + .question .question__text:after,
#pid-saec.pid-lp-largecontracts .contents section.faq .faqList input[type=checkbox]:checked + .question .question__text:after {
  opacity: 0;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
#pid-info.pid-lp-largecontracts .contents section.faq .faqList input[type=checkbox]:checked + .question + .answer,
#pid-404.pid-lp-largecontracts .contents section.faq .faqList input[type=checkbox]:checked + .question + .answer,
#pid-ylp.pid-lp-largecontracts .contents section.faq .faqList input[type=checkbox]:checked + .question + .answer,
#pid-saec.pid-lp-largecontracts .contents section.faq .faqList input[type=checkbox]:checked + .question + .answer {
  height: auto;
  padding: 0 24px 24px 64px;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-largecontracts .contents section.faq .faqList .question,
  #pid-404.pid-lp-largecontracts .contents section.faq .faqList .question,
  #pid-ylp.pid-lp-largecontracts .contents section.faq .faqList .question,
  #pid-saec.pid-lp-largecontracts .contents section.faq .faqList .question {
    padding: 16px;
    padding-left: 48px;
    font-size: 1.6rem;
  }
  #pid-info.pid-lp-largecontracts .contents section.faq .faqList .question .question__text:before, #pid-info.pid-lp-largecontracts .contents section.faq .faqList .question .question__text:after,
  #pid-404.pid-lp-largecontracts .contents section.faq .faqList .question .question__text:before,
  #pid-404.pid-lp-largecontracts .contents section.faq .faqList .question .question__text:after,
  #pid-ylp.pid-lp-largecontracts .contents section.faq .faqList .question .question__text:before,
  #pid-ylp.pid-lp-largecontracts .contents section.faq .faqList .question .question__text:after,
  #pid-saec.pid-lp-largecontracts .contents section.faq .faqList .question .question__text:before,
  #pid-saec.pid-lp-largecontracts .contents section.faq .faqList .question .question__text:after {
    margin-top: -1px;
    width: 12px;
    height: 2px;
  }
  #pid-info.pid-lp-largecontracts .contents section.faq .faqList .answer,
  #pid-404.pid-lp-largecontracts .contents section.faq .faqList .answer,
  #pid-ylp.pid-lp-largecontracts .contents section.faq .faqList .answer,
  #pid-saec.pid-lp-largecontracts .contents section.faq .faqList .answer {
    padding: 0 16px 0 48px;
  }
  #pid-info.pid-lp-largecontracts .contents section.faq .faqList input[type=checkbox]:checked + .question,
  #pid-404.pid-lp-largecontracts .contents section.faq .faqList input[type=checkbox]:checked + .question,
  #pid-ylp.pid-lp-largecontracts .contents section.faq .faqList input[type=checkbox]:checked + .question,
  #pid-saec.pid-lp-largecontracts .contents section.faq .faqList input[type=checkbox]:checked + .question {
    padding-bottom: 8px;
  }
  #pid-info.pid-lp-largecontracts .contents section.faq .faqList input[type=checkbox]:checked + .question + .answer,
  #pid-404.pid-lp-largecontracts .contents section.faq .faqList input[type=checkbox]:checked + .question + .answer,
  #pid-ylp.pid-lp-largecontracts .contents section.faq .faqList input[type=checkbox]:checked + .question + .answer,
  #pid-saec.pid-lp-largecontracts .contents section.faq .faqList input[type=checkbox]:checked + .question + .answer {
    padding: 0 16px 16px 48px;
  }
}
#pid-info.pid-lp-largecontracts .contents section.footCTA,
#pid-404.pid-lp-largecontracts .contents section.footCTA,
#pid-ylp.pid-lp-largecontracts .contents section.footCTA,
#pid-saec.pid-lp-largecontracts .contents section.footCTA {
  background: url("../img/business/largecontracts/cta_bg.jpg") no-repeat center center;
  background-size: cover;
  width: 100%;
  height: 450px;
  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;
  padding: 0;
}
#pid-info.pid-lp-largecontracts .contents section.footCTA .sttl .caption,
#pid-404.pid-lp-largecontracts .contents section.footCTA .sttl .caption,
#pid-ylp.pid-lp-largecontracts .contents section.footCTA .sttl .caption,
#pid-saec.pid-lp-largecontracts .contents section.footCTA .sttl .caption {
  color: #fff;
  font-size: 3.2rem;
  line-height: 1.5;
}
#pid-info.pid-lp-largecontracts .contents section.footCTA .sttl .caption span,
#pid-404.pid-lp-largecontracts .contents section.footCTA .sttl .caption span,
#pid-ylp.pid-lp-largecontracts .contents section.footCTA .sttl .caption span,
#pid-saec.pid-lp-largecontracts .contents section.footCTA .sttl .caption span {
  font-size: 4rem;
}
#pid-info.pid-lp-largecontracts .contents section.footCTA .lcCtaButtonUnit,
#pid-404.pid-lp-largecontracts .contents section.footCTA .lcCtaButtonUnit,
#pid-ylp.pid-lp-largecontracts .contents section.footCTA .lcCtaButtonUnit,
#pid-saec.pid-lp-largecontracts .contents section.footCTA .lcCtaButtonUnit {
  margin: 44px auto 0;
}
@media only screen and (max-width: 1099px) {
  #pid-info.pid-lp-largecontracts .contents section.footCTA,
  #pid-404.pid-lp-largecontracts .contents section.footCTA,
  #pid-ylp.pid-lp-largecontracts .contents section.footCTA,
  #pid-saec.pid-lp-largecontracts .contents section.footCTA {
    height: 360px;
  }
  #pid-info.pid-lp-largecontracts .contents section.footCTA .sttl .caption,
  #pid-404.pid-lp-largecontracts .contents section.footCTA .sttl .caption,
  #pid-ylp.pid-lp-largecontracts .contents section.footCTA .sttl .caption,
  #pid-saec.pid-lp-largecontracts .contents section.footCTA .sttl .caption {
    font-size: 2.4rem;
  }
  #pid-info.pid-lp-largecontracts .contents section.footCTA .sttl .caption span,
  #pid-404.pid-lp-largecontracts .contents section.footCTA .sttl .caption span,
  #pid-ylp.pid-lp-largecontracts .contents section.footCTA .sttl .caption span,
  #pid-saec.pid-lp-largecontracts .contents section.footCTA .sttl .caption span {
    font-size: 3.2rem;
  }
  #pid-info.pid-lp-largecontracts .contents section.footCTA .lcCtaButtonUnit,
  #pid-404.pid-lp-largecontracts .contents section.footCTA .lcCtaButtonUnit,
  #pid-ylp.pid-lp-largecontracts .contents section.footCTA .lcCtaButtonUnit,
  #pid-saec.pid-lp-largecontracts .contents section.footCTA .lcCtaButtonUnit {
    margin: 32px auto 0;
  }
}
#pid-info.pid-lp-largecontracts,
#pid-404.pid-lp-largecontracts,
#pid-ylp.pid-lp-largecontracts,
#pid-saec.pid-lp-largecontracts {
  /* ----------------------------------------------------------
      スクロールヒント
  ------------------------------------------------------------- */
}
#pid-info.pid-lp-largecontracts .js-animeGroup,
#pid-404.pid-lp-largecontracts .js-animeGroup,
#pid-ylp.pid-lp-largecontracts .js-animeGroup,
#pid-saec.pid-lp-largecontracts .js-animeGroup {
  opacity: 0;
  -webkit-transition: all 0.3ms linear;
  transition: all 0.3ms linear;
}
#pid-info.pid-lp-largecontracts .js-scroll,
#pid-404.pid-lp-largecontracts .js-scroll,
#pid-ylp.pid-lp-largecontracts .js-scroll,
#pid-saec.pid-lp-largecontracts .js-scroll {
  opacity: 0;
  -webkit-transition: all 0.3ms linear;
  transition: all 0.3ms linear;
}
#pid-info.pid-lp-largecontracts .js-scroll-top,
#pid-404.pid-lp-largecontracts .js-scroll-top,
#pid-ylp.pid-lp-largecontracts .js-scroll-top,
#pid-saec.pid-lp-largecontracts .js-scroll-top {
  -webkit-transform: translateY(-30px);
          transform: translateY(-30px);
}
#pid-info.pid-lp-largecontracts .js-scroll-bottom,
#pid-404.pid-lp-largecontracts .js-scroll-bottom,
#pid-ylp.pid-lp-largecontracts .js-scroll-bottom,
#pid-saec.pid-lp-largecontracts .js-scroll-bottom {
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}
#pid-info.pid-lp-largecontracts .js-scroll-right,
#pid-404.pid-lp-largecontracts .js-scroll-right,
#pid-ylp.pid-lp-largecontracts .js-scroll-right,
#pid-saec.pid-lp-largecontracts .js-scroll-right {
  -webkit-transform: translateX(30px);
          transform: translateX(30px);
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info.pid-lp-largecontracts .js-scroll-right,
  #pid-404.pid-lp-largecontracts .js-scroll-right,
  #pid-ylp.pid-lp-largecontracts .js-scroll-right,
  #pid-saec.pid-lp-largecontracts .js-scroll-right {
    -webkit-transform: translate(0px, 30px);
            transform: translate(0px, 30px);
  }
}
#pid-info.pid-lp-largecontracts .js-scroll-left,
#pid-404.pid-lp-largecontracts .js-scroll-left,
#pid-ylp.pid-lp-largecontracts .js-scroll-left,
#pid-saec.pid-lp-largecontracts .js-scroll-left {
  -webkit-transform: translateX(-30px);
          transform: translateX(-30px);
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info.pid-lp-largecontracts .js-scroll-left,
  #pid-404.pid-lp-largecontracts .js-scroll-left,
  #pid-ylp.pid-lp-largecontracts .js-scroll-left,
  #pid-saec.pid-lp-largecontracts .js-scroll-left {
    -webkit-transform: translate(0px, 30px);
            transform: translate(0px, 30px);
  }
}
#pid-info.pid-lp-largecontracts .js-scroll-extra,
#pid-404.pid-lp-largecontracts .js-scroll-extra,
#pid-ylp.pid-lp-largecontracts .js-scroll-extra,
#pid-saec.pid-lp-largecontracts .js-scroll-extra {
  -webkit-transform: translate(-900px, 900px);
          transform: translate(-900px, 900px);
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info.pid-lp-largecontracts .js-scroll-extra,
  #pid-404.pid-lp-largecontracts .js-scroll-extra,
  #pid-ylp.pid-lp-largecontracts .js-scroll-extra,
  #pid-saec.pid-lp-largecontracts .js-scroll-extra {
    -webkit-transform: translate(-630px, 630px);
            transform: translate(-630px, 630px);
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info.pid-lp-largecontracts .js-scroll-extra,
  #pid-404.pid-lp-largecontracts .js-scroll-extra,
  #pid-ylp.pid-lp-largecontracts .js-scroll-extra,
  #pid-saec.pid-lp-largecontracts .js-scroll-extra {
    -webkit-transform: translate(-450px, 450px);
            transform: translate(-450px, 450px);
  }
}
#pid-info,
#pid-404,
#pid-ylp,
#pid-saec {
  /* ----------------------------------------------------------
  キャンペーンプラン一覧
  ------------------------------------------------------------- */
}
#pid-info .planSection,
#pid-404 .planSection,
#pid-ylp .planSection,
#pid-saec .planSection {
  background: #eff4f8;
  padding: 80px 0;
  margin: 0 auto 32px;
}
#pid-info .planSection .imgico,
#pid-404 .planSection .imgico,
#pid-ylp .planSection .imgico,
#pid-saec .planSection .imgico {
  background: url(../img/common/ico_tooltip.svg) 0 0 no-repeat;
  width: 16px;
  height: 16px;
}
@media only screen and (max-width: 1099px) {
  #pid-info .planSection,
  #pid-404 .planSection,
  #pid-ylp .planSection,
  #pid-saec .planSection {
    padding: 40px 0;
  }
}
#pid-info .planSection .blV2__ttl em,
#pid-404 .planSection .blV2__ttl em,
#pid-ylp .planSection .blV2__ttl em,
#pid-saec .planSection .blV2__ttl em {
  color: #1b63a7;
}
#pid-info .planSection .plList,
#pid-404 .planSection .plList,
#pid-ylp .planSection .plList,
#pid-saec .planSection .plList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  border-bottom: 1px solid #d2d2d2;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  #pid-info .planSection .plList,
  #pid-404 .planSection .plList,
  #pid-ylp .planSection .plList,
  #pid-saec .planSection .plList {
    border-bottom: none;
  }
}
#pid-info .planSection .plList__item,
#pid-404 .planSection .plList__item,
#pid-ylp .planSection .plList__item,
#pid-saec .planSection .plList__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 33.3333333333%;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info .planSection .plList__item,
  #pid-404 .planSection .plList__item,
  #pid-ylp .planSection .plList__item,
  #pid-saec .planSection .plList__item {
    width: auto;
  }
}
#pid-info .planSection .plList__item:first-child .plListTtl__name,
#pid-404 .planSection .plList__item:first-child .plListTtl__name,
#pid-ylp .planSection .plList__item:first-child .plListTtl__name,
#pid-saec .planSection .plList__item:first-child .plListTtl__name {
  border-bottom-color: #185895;
}
#pid-info .planSection .plList__item:nth-child(2),
#pid-404 .planSection .plList__item:nth-child(2),
#pid-ylp .planSection .plList__item:nth-child(2),
#pid-saec .planSection .plList__item:nth-child(2) {
  border: 5px solid #008ec8;
  border-top: none;
  background: #FFF;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info .planSection .plList__item:nth-child(2),
  #pid-404 .planSection .plList__item:nth-child(2),
  #pid-ylp .planSection .plList__item:nth-child(2),
  #pid-saec .planSection .plList__item:nth-child(2) {
    margin-top: 40px;
  }
}
#pid-info .planSection .plList__item:nth-child(2) .plListTtl__name,
#pid-404 .planSection .plList__item:nth-child(2) .plListTtl__name,
#pid-ylp .planSection .plList__item:nth-child(2) .plListTtl__name,
#pid-saec .planSection .plList__item:nth-child(2) .plListTtl__name {
  border-bottom-color: #0081b6;
}
#pid-info .planSection .plList__item:nth-child(2) .plList__item__wrap,
#pid-404 .planSection .plList__item:nth-child(2) .plList__item__wrap,
#pid-ylp .planSection .plList__item:nth-child(2) .plList__item__wrap,
#pid-saec .planSection .plList__item:nth-child(2) .plList__item__wrap {
  background: transparent;
}
@media only screen and (min-width: 768px) {
  #pid-info .planSection .plList__item,
  #pid-404 .planSection .plList__item,
  #pid-ylp .planSection .plList__item,
  #pid-saec .planSection .plList__item {
    /*width: 360px;*/
  }
  #pid-info .planSection .plList__item:nth-child(2) .plListSpec__entry,
  #pid-404 .planSection .plList__item:nth-child(2) .plListSpec__entry,
  #pid-ylp .planSection .plList__item:nth-child(2) .plListSpec__entry,
  #pid-saec .planSection .plList__item:nth-child(2) .plListSpec__entry {
    margin-bottom: -5px;
  }
  #pid-info .planSection .plList__item .plListSpec__entry .btn,
  #pid-404 .planSection .plList__item .plListSpec__entry .btn,
  #pid-ylp .planSection .plList__item .plListSpec__entry .btn,
  #pid-saec .planSection .plList__item .plListSpec__entry .btn {
    padding: 10px 0;
  }
  #pid-info .planSection .plList__item:first-child .plList__item__wrap, #pid-info .planSection .plList__item:last-child .plList__item__wrap,
  #pid-404 .planSection .plList__item:first-child .plList__item__wrap,
  #pid-404 .planSection .plList__item:last-child .plList__item__wrap,
  #pid-ylp .planSection .plList__item:first-child .plList__item__wrap,
  #pid-ylp .planSection .plList__item:last-child .plList__item__wrap,
  #pid-saec .planSection .plList__item:first-child .plList__item__wrap,
  #pid-saec .planSection .plList__item:last-child .plList__item__wrap {
    border: 1px solid #d2d2d2;
  }
}
#pid-info .planSection .plList__item__wrap,
#pid-404 .planSection .plList__item__wrap,
#pid-ylp .planSection .plList__item__wrap,
#pid-saec .planSection .plList__item__wrap {
  background: #FFF;
  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-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-bottom: 32px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info .planSection .plList__item__wrap,
  #pid-404 .planSection .plList__item__wrap,
  #pid-ylp .planSection .plList__item__wrap,
  #pid-saec .planSection .plList__item__wrap {
    padding-bottom: 0;
  }
}
#pid-info .planSection .plListTtl,
#pid-404 .planSection .plListTtl,
#pid-ylp .planSection .plListTtl,
#pid-saec .planSection .plListTtl {
  background-color: #1B63A6;
  padding: 20px 12px;
  color: #fff;
  position: relative;
}
#pid-info .planSection .plListTtl__recom,
#pid-404 .planSection .plListTtl__recom,
#pid-ylp .planSection .plListTtl__recom,
#pid-saec .planSection .plListTtl__recom {
  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;
  background-color: #ff5400;
  width: 8.2em;
  height: 30px;
  font-weight: bold;
  font-size: 16px;
  line-height: 1;
  position: absolute;
  top: -27px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 2;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info .planSection .plListTtl__recom,
  #pid-404 .planSection .plListTtl__recom,
  #pid-ylp .planSection .plListTtl__recom,
  #pid-saec .planSection .plListTtl__recom {
    top: -14px;
  }
}
#pid-info .planSection .plListTtl__recom::before,
#pid-404 .planSection .plListTtl__recom::before,
#pid-ylp .planSection .plListTtl__recom::before,
#pid-saec .planSection .plListTtl__recom::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 7px 0 7px;
  border-color: #ff5400 transparent transparent transparent;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -7px;
  margin: auto;
}
#pid-info .planSection .plListTtl__name,
#pid-404 .planSection .plListTtl__name,
#pid-ylp .planSection .plListTtl__name,
#pid-saec .planSection .plListTtl__name {
  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-weight: 500;
  font-size: 20px;
  line-height: 1;
  padding: 0 0 10px;
  border-bottom: 1px solid #0081b6;
  margin-bottom: 10px;
}
#pid-info .planSection .plListTtl__name__s,
#pid-404 .planSection .plListTtl__name__s,
#pid-ylp .planSection .plListTtl__name__s,
#pid-saec .planSection .plListTtl__name__s {
  font-size: 80%;
  font-weight: normal;
}
#pid-info .planSection .plListTtl__price,
#pid-404 .planSection .plListTtl__price,
#pid-ylp .planSection .plListTtl__price,
#pid-saec .planSection .plListTtl__price {
  margin: 0 0 35px;
  font-weight: 500;
  font-size: 32px;
  line-height: 1;
  position: relative;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info .planSection .plListTtl__price,
  #pid-404 .planSection .plListTtl__price,
  #pid-ylp .planSection .plListTtl__price,
  #pid-saec .planSection .plListTtl__price {
    margin: 0 0 35px !important;
  }
}
#pid-info .planSection .plListTtl__price__s,
#pid-404 .planSection .plListTtl__price__s,
#pid-ylp .planSection .plListTtl__price__s,
#pid-saec .planSection .plListTtl__price__s {
  font-size: 60%;
  vertical-align: 0.05em;
}
#pid-info .planSection .plListTtl__price s,
#pid-404 .planSection .plListTtl__price s,
#pid-ylp .planSection .plListTtl__price s,
#pid-saec .planSection .plListTtl__price s {
  display: block;
  margin: -12px 0 3px;
  font-size: 44%;
  color: #b8b8b8;
}
#pid-info .planSection .plListTtl__price del,
#pid-404 .planSection .plListTtl__price del,
#pid-ylp .planSection .plListTtl__price del,
#pid-saec .planSection .plListTtl__price del {
  display: block;
  margin: -12px 0 3px;
  font-size: 80%;
}
#pid-info .planSection .plListTtl__price__balloon,
#pid-404 .planSection .plListTtl__price__balloon,
#pid-ylp .planSection .plListTtl__price__balloon,
#pid-saec .planSection .plListTtl__price__balloon {
  display: block;
  background-color: #ffe400;
  padding: 3px 8px;
  color: #1b63a7;
  font-weight: bold;
  font-size: 12px;
  white-space: nowrap;
  position: absolute;
  left: 50%;
  bottom: -25px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
#pid-info .planSection .plListTtl__price__balloon::before,
#pid-404 .planSection .plListTtl__price__balloon::before,
#pid-ylp .planSection .plListTtl__price__balloon::before,
#pid-saec .planSection .plListTtl__price__balloon::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 6px 7px 6px;
  border-color: transparent transparent #ffe400 transparent;
  position: absolute;
  top: -6px;
  left: 0;
  right: 0;
  margin: auto;
}
#pid-info .planSection .plListTtl .font-normal,
#pid-404 .planSection .plListTtl .font-normal,
#pid-ylp .planSection .plListTtl .font-normal,
#pid-saec .planSection .plListTtl .font-normal {
  font-size: 50%;
}
#pid-info .planSection .plListTtl__copy,
#pid-404 .planSection .plListTtl__copy,
#pid-ylp .planSection .plListTtl__copy,
#pid-saec .planSection .plListTtl__copy {
  margin: 15px 0 0;
  line-height: 1.6;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
#pid-info .planSection .plList__item--recom,
#pid-404 .planSection .plList__item--recom,
#pid-ylp .planSection .plList__item--recom,
#pid-saec .planSection .plList__item--recom {
  padding-top: 0;
}
#pid-info .planSection .plList__item--recom .plListTtl,
#pid-404 .planSection .plList__item--recom .plListTtl,
#pid-ylp .planSection .plList__item--recom .plListTtl,
#pid-saec .planSection .plList__item--recom .plListTtl {
  background-color: #008ec8;
}
#pid-info .planSection .plListSpec,
#pid-404 .planSection .plListSpec,
#pid-ylp .planSection .plListSpec,
#pid-saec .planSection .plListSpec {
  padding: 0 25px;
  text-align: left;
}
#pid-info .planSection .plListSpec__detail,
#pid-404 .planSection .plListSpec__detail,
#pid-ylp .planSection .plListSpec__detail,
#pid-saec .planSection .plListSpec__detail {
  padding-top: 5px;
}
#pid-info .planSection .plListSpec__detail--item,
#pid-404 .planSection .plListSpec__detail--item,
#pid-ylp .planSection .plListSpec__detail--item,
#pid-saec .planSection .plListSpec__detail--item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #eee;
  padding: 17px 0;
  line-height: 1.2;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info .planSection .plListSpec__detail--item,
  #pid-404 .planSection .plListSpec__detail--item,
  #pid-ylp .planSection .plListSpec__detail--item,
  #pid-saec .planSection .plListSpec__detail--item {
    padding: 28px 0 29px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info .planSection .plListSpec__detail--item,
  #pid-404 .planSection .plListSpec__detail--item,
  #pid-ylp .planSection .plListSpec__detail--item,
  #pid-saec .planSection .plListSpec__detail--item {
    padding: 15px 0;
  }
}
#pid-info .planSection .plListSpec__detail--item:nth-child(2),
#pid-404 .planSection .plListSpec__detail--item:nth-child(2),
#pid-ylp .planSection .plListSpec__detail--item:nth-child(2),
#pid-saec .planSection .plListSpec__detail--item:nth-child(2) {
  text-align: center;
}
#pid-info .planSection .plListSpec__detail--itemColumn,
#pid-404 .planSection .plListSpec__detail--itemColumn,
#pid-ylp .planSection .plListSpec__detail--itemColumn,
#pid-saec .planSection .plListSpec__detail--itemColumn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info .planSection .plListSpec__detail--itemColumn,
  #pid-404 .planSection .plListSpec__detail--itemColumn,
  #pid-ylp .planSection .plListSpec__detail--itemColumn,
  #pid-saec .planSection .plListSpec__detail--itemColumn {
    text-align: left;
  }
}
#pid-info .planSection .plListSpec__detail--itemExtra,
#pid-404 .planSection .plListSpec__detail--itemExtra,
#pid-ylp .planSection .plListSpec__detail--itemExtra,
#pid-saec .planSection .plListSpec__detail--itemExtra {
  display: block;
  padding: 15px;
}
#pid-info .planSection .plListSpec__detail--item:nth-child(2), #pid-info .planSection .plListSpec__detail--item:nth-child(5),
#pid-404 .planSection .plListSpec__detail--item:nth-child(2),
#pid-404 .planSection .plListSpec__detail--item:nth-child(5),
#pid-ylp .planSection .plListSpec__detail--item:nth-child(2),
#pid-ylp .planSection .plListSpec__detail--item:nth-child(5),
#pid-saec .planSection .plListSpec__detail--item:nth-child(2),
#pid-saec .planSection .plListSpec__detail--item:nth-child(5) {
  display: block;
}
#pid-info .planSection .plListSpec__detail--item:nth-child(2),
#pid-404 .planSection .plListSpec__detail--item:nth-child(2),
#pid-ylp .planSection .plListSpec__detail--item:nth-child(2),
#pid-saec .planSection .plListSpec__detail--item:nth-child(2) {
  min-height: 70px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info .planSection .plListSpec__detail--item:nth-child(2),
  #pid-404 .planSection .plListSpec__detail--item:nth-child(2),
  #pid-ylp .planSection .plListSpec__detail--item:nth-child(2),
  #pid-saec .planSection .plListSpec__detail--item:nth-child(2) {
    min-height: 90px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info .planSection .plListSpec__detail--item:nth-child(2),
  #pid-404 .planSection .plListSpec__detail--item:nth-child(2),
  #pid-ylp .planSection .plListSpec__detail--item:nth-child(2),
  #pid-saec .planSection .plListSpec__detail--item:nth-child(2) {
    min-height: auto;
  }
}
#pid-info .planSection .plListSpec__detail--item .itemCaption,
#pid-404 .planSection .plListSpec__detail--item .itemCaption,
#pid-ylp .planSection .plListSpec__detail--item .itemCaption,
#pid-saec .planSection .plListSpec__detail--item .itemCaption {
  width: 8.5em;
  color: #888;
  font-size: 1.3rem;
  margin-right: 5px;
}
#pid-info .planSection .plListSpec__detail--item .itemDetail,
#pid-404 .planSection .plListSpec__detail--item .itemDetail,
#pid-ylp .planSection .plListSpec__detail--item .itemDetail,
#pid-saec .planSection .plListSpec__detail--item .itemDetail {
  font-size: 1.5rem;
  font-weight: 500;
  text-align: left;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#pid-info .planSection .plListSpec__detail--item .itemDetail .num,
#pid-404 .planSection .plListSpec__detail--item .itemDetail .num,
#pid-ylp .planSection .plListSpec__detail--item .itemDetail .num,
#pid-saec .planSection .plListSpec__detail--item .itemDetail .num {
  font-size: 2.4rem;
}
#pid-info .planSection .plListSpec__detail--item .itemDetail .freePrice,
#pid-404 .planSection .plListSpec__detail--item .itemDetail .freePrice,
#pid-ylp .planSection .plListSpec__detail--item .itemDetail .freePrice,
#pid-saec .planSection .plListSpec__detail--item .itemDetail .freePrice {
  color: #ff5400;
  font-size: 1.6rem;
  font-weight: bold;
}
#pid-info .planSection .plListSpec__detail--item .itemDetail .cautions,
#pid-404 .planSection .plListSpec__detail--item .itemDetail .cautions,
#pid-ylp .planSection .plListSpec__detail--item .itemDetail .cautions,
#pid-saec .planSection .plListSpec__detail--item .itemDetail .cautions {
  color: #888;
  font-size: 1.2rem;
  font-weight: normal;
  margin-left: 0.5em;
}
#pid-info .planSection .plListSpec__detail--item .itemDomain,
#pid-404 .planSection .plListSpec__detail--item .itemDomain,
#pid-ylp .planSection .plListSpec__detail--item .itemDomain,
#pid-saec .planSection .plListSpec__detail--item .itemDomain {
  margin: 10px 0 0;
  /*color: #1b63a7;*/
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1.6;
}
#pid-info .planSection .plListSpec__detail--item .itemDomain strong,
#pid-404 .planSection .plListSpec__detail--item .itemDomain strong,
#pid-ylp .planSection .plListSpec__detail--item .itemDomain strong,
#pid-saec .planSection .plListSpec__detail--item .itemDomain strong {
  color: #ff5400;
}
#pid-info .planSection .plListSpec__detail--item .itemDomain .domain--normal,
#pid-info .planSection .plListSpec__detail--item .itemDomain .domain--premium,
#pid-info .planSection .plListSpec__detail--item .itemDomain .domain--corporation,
#pid-404 .planSection .plListSpec__detail--item .itemDomain .domain--normal,
#pid-404 .planSection .plListSpec__detail--item .itemDomain .domain--premium,
#pid-404 .planSection .plListSpec__detail--item .itemDomain .domain--corporation,
#pid-ylp .planSection .plListSpec__detail--item .itemDomain .domain--normal,
#pid-ylp .planSection .plListSpec__detail--item .itemDomain .domain--premium,
#pid-ylp .planSection .plListSpec__detail--item .itemDomain .domain--corporation,
#pid-saec .planSection .plListSpec__detail--item .itemDomain .domain--normal,
#pid-saec .planSection .plListSpec__detail--item .itemDomain .domain--premium,
#pid-saec .planSection .plListSpec__detail--item .itemDomain .domain--corporation {
  display: inline-block;
  border-radius: 2px;
  padding: 0.1em 0.4em;
  margin-right: 4px;
  line-height: 1.2;
  text-align: center;
  width: 3.2em;
}
#pid-info .planSection .plListSpec__detail--item .itemDomain .domain--normal,
#pid-404 .planSection .plListSpec__detail--item .itemDomain .domain--normal,
#pid-ylp .planSection .plListSpec__detail--item .itemDomain .domain--normal,
#pid-saec .planSection .plListSpec__detail--item .itemDomain .domain--normal {
  background: #d6e5f2;
}
#pid-info .planSection .plListSpec__detail--item .itemDomain .domain--premium,
#pid-404 .planSection .plListSpec__detail--item .itemDomain .domain--premium,
#pid-ylp .planSection .plListSpec__detail--item .itemDomain .domain--premium,
#pid-saec .planSection .plListSpec__detail--item .itemDomain .domain--premium {
  background: #1b63a7;
  color: #FFF;
}
#pid-info .planSection .plListSpec__detail--item .itemDomain .domain--corporation,
#pid-404 .planSection .plListSpec__detail--item .itemDomain .domain--corporation,
#pid-ylp .planSection .plListSpec__detail--item .itemDomain .domain--corporation,
#pid-saec .planSection .plListSpec__detail--item .itemDomain .domain--corporation {
  background: #113d6b;
  color: #FFF;
}
#pid-info .planSection .plListSpec__detail--item .itemWp,
#pid-404 .planSection .plListSpec__detail--item .itemWp,
#pid-ylp .planSection .plListSpec__detail--item .itemWp,
#pid-saec .planSection .plListSpec__detail--item .itemWp {
  margin: 10px 0 0;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info .planSection .plListSpec__detail--item .itemWp,
  #pid-404 .planSection .plListSpec__detail--item .itemWp,
  #pid-ylp .planSection .plListSpec__detail--item .itemWp,
  #pid-saec .planSection .plListSpec__detail--item .itemWp {
    text-align: left;
    margin: 0;
  }
}
#pid-info .planSection .plListSpec__detail--item .itemWp .price,
#pid-404 .planSection .plListSpec__detail--item .itemWp .price,
#pid-ylp .planSection .plListSpec__detail--item .itemWp .price,
#pid-saec .planSection .plListSpec__detail--item .itemWp .price {
  color: #ff5400;
  font-size: 1.2em;
  font-weight: bold;
}
#pid-info .planSection .plListSpec__detail--item .itemWp .price-num,
#pid-404 .planSection .plListSpec__detail--item .itemWp .price-num,
#pid-ylp .planSection .plListSpec__detail--item .itemWp .price-num,
#pid-saec .planSection .plListSpec__detail--item .itemWp .price-num {
  font-weight: 500;
  font-size: 2em;
  -webkit-transform: translateY(8%);
          transform: translateY(8%);
  display: inline-block;
}
#pid-info .planSection .plListSpec__detail--item .itemWp strong,
#pid-404 .planSection .plListSpec__detail--item .itemWp strong,
#pid-ylp .planSection .plListSpec__detail--item .itemWp strong,
#pid-saec .planSection .plListSpec__detail--item .itemWp strong {
  color: #286ed3;
}
#pid-info .planSection .plListSpec__entry,
#pid-404 .planSection .plListSpec__entry,
#pid-ylp .planSection .plListSpec__entry,
#pid-saec .planSection .plListSpec__entry {
  padding: 25px 0 35px;
}
#pid-info .planSection .plListSpec__entry .button,
#pid-404 .planSection .plListSpec__entry .button,
#pid-ylp .planSection .plListSpec__entry .button,
#pid-saec .planSection .plListSpec__entry .button {
  width: 100%;
  padding-left: 2em;
  padding-right: 2em;
}
@media only screen and (min-width: 768px) and (max-width: 812px) {
  #pid-info .planSection .plListSpec__entry .button,
  #pid-404 .planSection .plListSpec__entry .button,
  #pid-ylp .planSection .plListSpec__entry .button,
  #pid-saec .planSection .plListSpec__entry .button {
    padding-left: 1.6em;
    padding-right: 1.6em;
  }
}
#pid-info .planSection .plNote,
#pid-404 .planSection .plNote,
#pid-ylp .planSection .plNote,
#pid-saec .planSection .plNote {
  display: block;
  margin-top: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-info .planSection .plListTtl,
  #pid-404 .planSection .plListTtl,
  #pid-ylp .planSection .plListTtl,
  #pid-saec .planSection .plListTtl {
    padding: 20px 5px;
  }
  #pid-info .planSection .plListTtl__copy,
  #pid-404 .planSection .plListTtl__copy,
  #pid-ylp .planSection .plListTtl__copy,
  #pid-saec .planSection .plListTtl__copy {
    font-size: 1.3rem;
  }
  #pid-info .planSection .plListSpec,
  #pid-404 .planSection .plListSpec,
  #pid-ylp .planSection .plListSpec,
  #pid-saec .planSection .plListSpec {
    padding: 0 15px;
  }
  #pid-info .planSection .plListSpec__detail--item,
  #pid-404 .planSection .plListSpec__detail--item,
  #pid-ylp .planSection .plListSpec__detail--item,
  #pid-saec .planSection .plListSpec__detail--item {
    display: block;
  }
  #pid-info .planSection .plListSpec__detail--item:nth-child(2), #pid-info .planSection .plListSpec__detail--item:nth-child(3),
  #pid-404 .planSection .plListSpec__detail--item:nth-child(2),
  #pid-404 .planSection .plListSpec__detail--item:nth-child(3),
  #pid-ylp .planSection .plListSpec__detail--item:nth-child(2),
  #pid-ylp .planSection .plListSpec__detail--item:nth-child(3),
  #pid-saec .planSection .plListSpec__detail--item:nth-child(2),
  #pid-saec .planSection .plListSpec__detail--item:nth-child(3) {
    text-align: left;
  }
  #pid-info .planSection .plListSpec__detail--itemColumn,
  #pid-404 .planSection .plListSpec__detail--itemColumn,
  #pid-ylp .planSection .plListSpec__detail--itemColumn,
  #pid-saec .planSection .plListSpec__detail--itemColumn {
    display: block;
  }
  #pid-info .planSection .plListSpec__detail--item .itemCaption,
  #pid-404 .planSection .plListSpec__detail--item .itemCaption,
  #pid-ylp .planSection .plListSpec__detail--item .itemCaption,
  #pid-saec .planSection .plListSpec__detail--item .itemCaption {
    width: auto;
    margin: 0 0 5px;
  }
  #pid-info .planSection .plListSpec__detail--item .itemDomain,
  #pid-404 .planSection .plListSpec__detail--item .itemDomain,
  #pid-ylp .planSection .plListSpec__detail--item .itemDomain,
  #pid-saec .planSection .plListSpec__detail--item .itemDomain {
    font-size: 1.3rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-info .planSection .plList,
  #pid-404 .planSection .plList,
  #pid-ylp .planSection .plList,
  #pid-saec .planSection .plList {
    display: block;
    border-bottom: none;
  }
  #pid-info .planSection .plList__item,
  #pid-404 .planSection .plList__item,
  #pid-ylp .planSection .plList__item,
  #pid-saec .planSection .plList__item {
    border-bottom: 1px solid #d2d2d2;
  }
  #pid-info .planSection .plList__item:not(:last-child),
  #pid-404 .planSection .plList__item:not(:last-child),
  #pid-ylp .planSection .plList__item:not(:last-child),
  #pid-saec .planSection .plList__item:not(:last-child) {
    margin-bottom: 15px;
  }
  #pid-info .planSection .plListTtl,
  #pid-404 .planSection .plListTtl,
  #pid-ylp .planSection .plListTtl,
  #pid-saec .planSection .plListTtl {
    padding: 15px;
  }
  #pid-info .planSection .plListTtl__recom,
  #pid-404 .planSection .plListTtl__recom,
  #pid-ylp .planSection .plListTtl__recom,
  #pid-saec .planSection .plListTtl__recom {
    height: 26px;
    font-size: 14px;
  }
  #pid-info .planSection .plListTtl__name,
  #pid-404 .planSection .plListTtl__name,
  #pid-ylp .planSection .plListTtl__name,
  #pid-saec .planSection .plListTtl__name {
    height: 54px;
    font-size: 18px;
  }
  #pid-info .planSection .plListTtl__price del, #pid-info .planSection .plListTtl__price s,
  #pid-404 .planSection .plListTtl__price del,
  #pid-404 .planSection .plListTtl__price s,
  #pid-ylp .planSection .plListTtl__price del,
  #pid-ylp .planSection .plListTtl__price s,
  #pid-saec .planSection .plListTtl__price del,
  #pid-saec .planSection .plListTtl__price s {
    margin-top: 0;
  }
  #pid-info .planSection .plListTtl__copy,
  #pid-404 .planSection .plListTtl__copy,
  #pid-ylp .planSection .plListTtl__copy,
  #pid-saec .planSection .plListTtl__copy {
    margin: 10px 0 0;
  }
  #pid-info .planSection .plList__item--recom .plListTtl,
  #pid-404 .planSection .plList__item--recom .plListTtl,
  #pid-ylp .planSection .plList__item--recom .plListTtl,
  #pid-saec .planSection .plList__item--recom .plListTtl {
    padding-top: 20px;
  }
  #pid-info .planSection .plListSpec,
  #pid-404 .planSection .plListSpec,
  #pid-ylp .planSection .plListSpec,
  #pid-saec .planSection .plListSpec {
    border: solid #d2d2d2;
    border-width: 0 1px;
    padding: 0 20px;
  }
  #pid-info .planSection .plListSpec__entry,
  #pid-404 .planSection .plListSpec__entry,
  #pid-ylp .planSection .plListSpec__entry,
  #pid-saec .planSection .plListSpec__entry {
    padding: 20px 0;
  }
}

#pid-saec {
  background: #fff !important;
}

#pid-friend :target {
  scroll-margin-top: 100vh;
}
#pid-friend #header a, #pid-friend #main-content a {
  line-height: 1;
}
#pid-friend #header a:focus:not(:focus-visible), #pid-friend #main-content a:focus:not(:focus-visible) {
  outline: none;
}
#pid-friend .wrap {
  max-width: 1000px;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-friend .wrap {
    width: 93.75%;
  }
}
#pid-friend .nowrapGroup {
  white-space: nowrap;
}
#pid-friend .contents {
  padding: 80px 0;
  margin: 0 auto;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend .contents {
    padding: 60px 0;
  }
}
#pid-friend .note, #pid-friend .noteList li {
  font-size: 1rem;
  text-align: left;
}
#pid-friend .note--highlight {
  font-weight: bold;
  color: #ff2424;
}
#pid-friend .note a[target=_blank] {
  display: inline;
  padding-right: 0.2em;
}
#pid-friend .note a::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: 0.1em;
  vertical-align: middle;
  position: relative;
  top: -0.1em;
  background-color: currentColor;
  -webkit-mask: url("../img/friend/ico_window_white.svg") no-repeat center/contain;
          mask: url("../img/friend/ico_window_white.svg") no-repeat center/contain;
}
#pid-friend h3 {
  color: #1B5FA6;
  font-size: 3.2rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 40px;
  letter-spacing: 0.05em;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend h3 {
    font-size: 2.4rem;
    margin-bottom: 24px;
  }
}
#pid-friend sup {
  font-size: 1rem;
}
#pid-friend .toolTip {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
#pid-friend .toolTip__target {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  background: url("../img/friend/ico_tooltip.svg") no-repeat center/contain;
}
#pid-friend .toolTip__content {
  display: none;
  position: absolute;
  width: 240px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 12px;
  color: #333;
  font-size: 1.2rem;
  line-height: 1.6;
  pointer-events: none;
  z-index: 10000;
}
#pid-friend .toolTip__content .toolTip__arrow {
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  height: 0;
  border: 9px solid transparent;
  border-top-color: #ddd;
  pointer-events: none;
}
#pid-friend .toolTip__content .toolTip__arrow::after {
  content: "";
  position: absolute;
  top: -9px;
  left: -8px;
  border: 8px solid transparent;
  border-top-color: #fff;
}
#pid-friend .toolTip:hover .toolTip__content {
  visibility: visible;
  opacity: 1;
}
#pid-friend .divider__wave {
  position: relative;
  background: #2060a4;
  height: 30px;
  overflow: hidden;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend .divider__wave {
    height: 20px;
  }
}
#pid-friend .divider__wave::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 30px;
  background: url("../img/friend/bg_wave.svg") repeat-x bottom/auto 160%;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend .divider__wave::after {
    top: 0;
    height: 20px;
    background: url("../img/friend/bg_wave.svg") repeat-x bottom/auto 100%;
  }
}
#pid-friend .divider__wave--dot {
  background: #dff2fc;
}
#pid-friend .divider__semicircle {
  position: relative;
  background: #2060a4;
  height: 63px;
  overflow: hidden;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend .divider__semicircle {
    height: 20px;
  }
}
#pid-friend .divider__semicircle::after {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 0;
  width: 100%;
  height: 62px;
  background: url("../img/friend/bg_semicircle_white.svg") center bottom/100% 100% no-repeat;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend .divider__semicircle::after {
    bottom: 0;
    height: 20px;
  }
}
#pid-friend .divider__semicircle--white {
  background: #fff;
}
#pid-friend .divider__semicircle--white::after {
  background: url("../img/friend/bg_semicircle_blue.svg") center bottom/100% 100% no-repeat;
}
#pid-friend .divider--reverse::after {
  -webkit-transform: scaleY(-1);
          transform: scaleY(-1);
}
#pid-friend.is-modal-open {
  position: fixed !important;
  width: 100% !important;
  overflow: hidden !important;
}
#pid-friend .videoModal__close,
#pid-friend .benefitModal__close {
  position: absolute;
  top: -10px;
  right: -10px;
  z-index: 100;
  text-indent: -9999px;
  overflow: hidden;
  width: 54px;
  height: 54px;
  background-color: #222;
  border: 2px solid #fff;
  border-radius: 50%;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-transition: -webkit-transform 0.1s ease;
  transition: -webkit-transform 0.1s ease;
  transition: transform 0.1s ease;
  transition: transform 0.1s ease, -webkit-transform 0.1s ease;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend .videoModal__close,
  #pid-friend .benefitModal__close {
    top: -30px;
  }
}
#pid-friend .videoModal__close::before, #pid-friend .videoModal__close::after,
#pid-friend .benefitModal__close::before,
#pid-friend .benefitModal__close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 23px;
  height: 2px;
  background-color: #fff;
  border-radius: 2px;
}
#pid-friend .videoModal__close::before,
#pid-friend .benefitModal__close::before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
#pid-friend .videoModal__close::after,
#pid-friend .benefitModal__close::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
#pid-friend .videoModal__close:hover,
#pid-friend .benefitModal__close:hover {
  background: #333;
}
#pid-friend .videoModal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}
#pid-friend .videoModal.is-active {
  opacity: 1;
  visibility: visible;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#pid-friend .videoModal__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  cursor: pointer;
}
#pid-friend .videoModal__content {
  position: relative;
  width: 90%;
  max-width: 800px;
  aspect-ratio: 16/9;
}
#pid-friend .videoModal__video {
  width: 100%;
  height: 100%;
  background: #000;
  border-radius: 5px;
  overflow: hidden;
}
#pid-friend .videoModal__video iframe {
  width: 100%;
  height: 100%;
  display: block;
}
#pid-friend .benefitModal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  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;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}
#pid-friend .benefitModal.is-active {
  opacity: 1;
  visibility: visible;
}
#pid-friend .benefitModal__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  cursor: pointer;
}
#pid-friend .benefitModal__content {
  position: relative;
  background: #fff;
  width: 90%;
  max-width: 800px;
  padding: 40px 40px 0 40px;
  border-radius: 24px;
  max-height: 80%;
  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-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend .benefitModal__content {
    padding: 24px 24px 0 24px;
  }
}
#pid-friend .benefitModal__content #gameSelector__container {
  margin-bottom: 16px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
#pid-friend .benefitModal__content #gameSelector__container label {
  font-size: 1.4rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  pointer-events: none;
}
#pid-friend .benefitModal__content #gameSelector__container label::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 4px;
  border-top: 6px solid #222;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
#pid-friend .benefitModal__content #gameSelector__container .gameSelector__select {
  width: 100%;
  padding: 10px 40px 10px 15px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  border: 1px solid #ccc;
  border-radius: 10px;
  background: #fff;
}
#pid-friend .benefitModal__content #gameSelector__container::after {
  content: "";
  position: absolute;
  pointer-events: none;
  right: 18px;
  bottom: 18px;
  width: 8px;
  height: 8px;
  border-right: 2px solid #666;
  border-bottom: 2px solid #666;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
#pid-friend .benefitModal__header {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-bottom: 16px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend .benefitModal__header {
    line-height: 1;
  }
}
#pid-friend .benefitModal__header h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 2.4rem;
  color: #005bac;
  margin: 0;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend .benefitModal__header h3 {
    font-size: 1.5rem;
    line-height: 1;
  }
}
#pid-friend .benefitModal__header h3 .title {
  font-size: 1.4rem;
  border: 1px solid #005bac;
  padding: 6px 8px 4px;
  border-radius: 4px;
  margin-right: 15px;
  line-height: 1;
  font-weight: normal;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend .benefitModal__header h3 .title {
    font-size: 1.2rem;
    margin-right: 8px;
  }
}
#pid-friend .benefitModal__header .note {
  display: block;
  margin-top: 8px;
}
#pid-friend .benefitModal__header .campaignLavel {
  display: inline-block;
  margin-top: 8px;
  padding: 4px;
  line-height: 1;
  background: #fed44b;
  font-size: 1.2rem;
  font-weight: bold;
  border-radius: 3px;
  color: #222;
}
#pid-friend .benefitModal__body {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
#pid-friend .benefitModal__body::-webkit-scrollbar {
  display: none;
}
#pid-friend .benefitModal__body .benefitModal__close--footer {
  display: block;
  width: 100%;
  margin-top: 16px;
  margin-bottom: 40px;
  padding: 16px;
  background: #fff;
  border: 2px solid #333;
  border-radius: 50px;
  font-size: 1.6rem;
  font-weight: bold;
  cursor: pointer;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
#pid-friend .benefitModal__body .benefitModal__close--footer:hover {
  background: #333;
  color: #fff;
}
#pid-friend .benefitModal__body .noteList li {
  text-indent: -1em;
  padding-left: 1em;
}
#pid-friend .benefitModal__container {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#pid-friend .benefitModal__table {
  position: relative;
  border: 2px solid #e0e0e0;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
  margin-bottom: 16px;
}
#pid-friend .benefitModal__table .benefitModal__table__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  border-bottom: 1px solid #e0e0e0;
}
#pid-friend .benefitModal__table .benefitModal__table__row:last-child {
  border-bottom: 0;
}
#pid-friend .benefitModal__table .benefitModal__table__subRows {
  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-flex: 3.6;
      -ms-flex: 3.6;
          flex: 3.6;
  border-left: 1px solid #e0e0e0;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend .benefitModal__table .benefitModal__table__subRows {
    -webkit-box-flex: 3.4;
        -ms-flex: 3.4;
            flex: 3.4; /* スマホ時は合計値 3.4 に戻す */
  }
}
#pid-friend .benefitModal__table .benefitModal__table__subRows__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  border-bottom: 1px solid #e0e0e0;
}
#pid-friend .benefitModal__table .benefitModal__table__subRows__container:last-child {
  border-bottom: 0;
}
#pid-friend .benefitModal__table .benefitModal__table__subRows__container--suspended .benefitModal__table__cell--suspended {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  background: #f9f9f9;
}
#pid-friend .benefitModal__table__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border-bottom: 1px solid #e0e0e0;
}
#pid-friend .benefitModal__table__cell {
  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-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 0;
  word-break: break-word;
  font-weight: bold;
  font-size: 1.4rem;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend .benefitModal__table__cell {
    padding: 4px 2px;
    font-size: 1rem;
  }
}
#pid-friend .benefitModal__table__cell--header {
  border-bottom: 1px solid #e0e0e0;
  background-color: #FBFBFB;
  font-size: 1.4rem;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend .benefitModal__table__cell--header {
    font-size: 1.1rem;
  }
}
#pid-friend .benefitModal__table__cell--header__group {
  -webkit-box-flex: 3.6;
      -ms-flex: 3.6;
          flex: 3.6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend .benefitModal__table__cell--header__group {
    -webkit-box-flex: 3.4;
        -ms-flex: 3.4;
            flex: 3.4; /* スマホ時は合計値 3.4 に戻す */
  }
}
#pid-friend .benefitModal__table__cell--header.benefitModal__table__cell--service {
  background-color: #FBFBFB;
}
#pid-friend .benefitModal__table__cell--header.benefitModal__table__cell--rate {
  border-left: 1px solid #e0e0e0;
}
#pid-friend .benefitModal__table__cell--header.benefitModal__table__cell--referrer {
  background-color: #FDF3F3;
  color: #ED5F5F;
}
#pid-friend .benefitModal__table__cell--header.benefitModal__table__cell--friend {
  background-color: #F2F8FC;
  color: #53A4D6;
}
#pid-friend .benefitModal__table__cell--header .small {
  display: block;
  font-size: 1.2rem;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend .benefitModal__table__cell--header .small {
    font-size: 0.6rem;
  }
}
#pid-friend .benefitModal__table__cell--header .rate-label-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 1099px) {
  #pid-friend .benefitModal__table__cell--header .rate-label-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend .benefitModal__table__cell--header .rate-label-wrap {
    font-size: 0.9rem;
    letter-spacing: 0;
  }
}
#pid-friend .benefitModal__table__cell--service {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#pid-friend .benefitModal__table__cell.isSuspended {
  background: #f9f9f9;
}
#pid-friend .benefitModal__table__cell--service {
  -webkit-box-flex: 1.2;
      -ms-flex: 1.2;
          flex: 1.2;
}
#pid-friend .benefitModal__table__cell--rate {
  -webkit-box-flex: 1.2;
      -ms-flex: 1.2;
          flex: 1.2;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend .benefitModal__table__cell--rate {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; /* スマホ時は 1 に戻す */
  }
}
#pid-friend .benefitModal__table__cell--referrer {
  -webkit-box-flex: 1.2;
      -ms-flex: 1.2;
          flex: 1.2;
}
#pid-friend .benefitModal__table__cell--friend {
  -webkit-box-flex: 1.2;
      -ms-flex: 1.2;
          flex: 1.2;
}
#pid-friend .benefitModal__table__body .benefitModal__table__cell--service {
  color: #222;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#pid-friend .benefitModal__table__body .benefitModal__table__cell--service span {
  display: block;
}
#pid-friend .benefitModal__table__body .benefitModal__table__cell--service span.small {
  font-size: 1.2rem;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend .benefitModal__table__body .benefitModal__table__cell--service span.small {
    font-size: 0.9rem;
  }
}
#pid-friend .benefitModal__table__body .benefitModal__table__cell--referrer {
  background-color: #FDF3F3;
  color: #ED5F5F;
}
#pid-friend .benefitModal__table__body .benefitModal__table__cell--friend {
  background-color: #F2F8FC;
  color: #53A4D6;
}
#pid-friend .benefitModal__table__body .benefitModal__table__cell .price--before {
  font-size: 1.2rem;
  color: #888;
  text-decoration: line-through;
}
#pid-friend .benefitModal__table__body .benefitModal__table__cell .price--campaign {
  font-size: 1.6rem;
  font-weight: bold;
  color: #ff2424;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend .benefitModal__table__body .benefitModal__table__cell .price--campaign {
    font-size: 1.2rem;
  }
}
#pid-friend .benefitModal__table__body .benefitModal__table__cell .txt--campaign {
  color: #FF2424;
  font-weight: bold;
  font-size: 1.2rem;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #benefitsList13 .benefitModal__table__cell--header.benefitModal__table__cell--rate {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 1100px) {
  #pid-friend #wrapper {
    padding-top: 0;
  }
}
#pid-friend #header {
  position: fixed;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  margin: 0 auto;
  z-index: 9999;
  width: calc(100% - 40px);
  max-width: 1200px;
  height: 64px;
  border-radius: 0 0 20px 20px;
  background-color: #fff;
  top: 0;
}
@media only screen and (min-width: 0) and (max-width: 1100px) {
  #pid-friend #header {
    top: 0 !important;
    left: 0;
    -webkit-transform: none;
            transform: none;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 56px;
    display: block;
    border-radius: 0;
    border-bottom: 0;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  }
}
@media only screen and (min-width: 0) and (max-width: 1100px) {
  #pid-friend #header .headerInner {
    position: relative;
    z-index: 100;
    height: 56px;
  }
}
#pid-friend #header #main-content {
  padding-top: 64px;
}
@media only screen and (min-width: 0) and (max-width: 1100px) {
  #pid-friend #header #main-content {
    padding-top: 0;
  }
}
#pid-friend #header.isFixed {
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
#pid-friend #header .headerTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 0) and (max-width: 1100px) {
  #pid-friend #header .headerTop {
    position: relative;
    z-index: 1001;
  }
}
#pid-friend #header .headerTop__leftColumn {
  padding: 8px 0;
}
@media only screen and (min-width: 0) and (max-width: 1200px) {
  #pid-friend #header .headerTop__leftColumn .siteHead img {
    width: 170px;
  }
}
#pid-friend #header .headerTop__leftColumn a {
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
#pid-friend #header .headerTop__leftColumn a:hover {
  opacity: 0.8;
}
@media only screen and (min-width: 0) and (max-width: 1200px) {
  #pid-friend #header .headerTop__rightColumn {
    -ms-flex-negative: unset;
        flex-shrink: unset;
  }
}
@media only screen and (min-width: 0) and (max-width: 1100px) {
  #pid-friend #header .headerTop__rightColumn {
    display: none;
  }
}
#pid-friend #header .gnav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
}
#pid-friend #header .gnav__item {
  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;
  font-size: 1.4rem;
  font-weight: bold;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
@media only screen and (min-width: 0) and (max-width: 1200px) {
  #pid-friend #header .gnav__item {
    font-size: 1.3rem;
  }
}
#pid-friend #header .gnav--main .gnav__item {
  color: #222;
  position: relative;
  padding: 0;
}
#pid-friend #header .gnav--main .gnav__item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  padding: 22px 28px 20px 14px;
  text-decoration: none;
  color: inherit;
  position: relative;
}
#pid-friend #header .gnav--main .gnav__item a::after {
  content: "";
  position: absolute;
  right: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #222 url(../img/friend/ico_arrow_white.svg) no-repeat center/60%;
  opacity: 0;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
#pid-friend #header .gnav--main .gnav__item:hover a::after {
  opacity: 1;
}
#pid-friend #header .gnav--main .gnav__item:first-child a::after {
  background-color: #FF5454;
}
#pid-friend #header .gnav--main .gnav__item:nth-child(2) a::after {
  background-color: #20AAE9;
}
#pid-friend #header .gnav--main .gnav__item:nth-child(3) a::after {
  background-color: #55C85A;
}
#pid-friend #header .gnav--main .gnav__item:nth-child(4) a::after {
  background-color: #FFD53E;
}
#pid-friend #header .gnav--sub .gnav__item {
  margin-left: 20px;
}
@media only screen and (min-width: 0) and (max-width: 1200px) {
  #pid-friend #header .gnav--sub .gnav__item {
    margin-left: 10px;
  }
}
#pid-friend #header .gnav .gnav__label--registry {
  position: relative;
  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;
  background: #ff2424;
  color: #fff;
  width: 100%;
  min-width: 190px;
  border-radius: 24px;
  margin: 0 auto;
  height: 44px;
  padding: 10px 20px;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
@media only screen and (min-width: 0) and (max-width: 1200px) {
  #pid-friend #header .gnav .gnav__label--registry {
    min-width: 170px;
  }
}
#pid-friend #header .gnav .gnav__label--registry:hover {
  opacity: 0.8;
}
#pid-friend #header .gnav .gnav__label--registry::after {
  content: "";
  display: inline-block;
  width: 1.6rem;
  height: 13px;
  margin-left: 3px;
  margin-bottom: 2px;
  background: url("../img/friend/ico_window_white.svg") no-repeat center/contain;
}
#pid-friend #header #spNav,
#pid-friend #header #spMenu {
  display: none;
}
@media only screen and (min-width: 0) and (max-width: 1100px) {
  #pid-friend #header {
    /* --- スマートフォン用メニュー (spNav) --- */
  }
  #pid-friend #header #spNav {
    display: block;
    position: fixed;
    top: 15px;
    right: 15px;
    z-index: 1002;
  }
  #pid-friend #header .spNav__btn {
    display: block;
    width: 60px;
    height: 60px;
    background-color: #1B5FA6;
    border: 3px solid #fff;
    border-radius: 8px;
    position: relative;
    cursor: pointer;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 1002;
  }
  #pid-friend #header .spNav__btn * {
    pointer-events: none;
  }
  #pid-friend #header .spNav__btn::before, #pid-friend #header .spNav__btn::after {
    content: "";
    position: absolute;
    left: 10px;
    width: 34px;
    height: 3px;
    border-radius: 10px;
    background-color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    pointer-events: none;
  }
  #pid-friend #header .spNav__btn::before {
    top: 13px;
  }
  #pid-friend #header .spNav__btn::after {
    top: 23px;
  }
  #pid-friend #header .spNav__btn__text {
    position: absolute;
    bottom: 11px;
    left: 0;
    width: 100%;
    color: #fff;
    font-size: 1.1rem;
    text-align: center;
    font-weight: bold;
    letter-spacing: 0.05em;
    line-height: 1;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    pointer-events: none;
  }
  #pid-friend #header {
    /* --- メニュー展開時のボタン (バツ印) --- */
  }
  #pid-friend #header.nav-open .spNav__btn {
    background-color: #fff;
    border: 3px solid #1B5FA6;
  }
  #pid-friend #header.nav-open .spNav__btn::before {
    top: 26px;
    left: 10px;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    background-color: #1B5FA6;
  }
  #pid-friend #header.nav-open .spNav__btn::after {
    top: 26px;
    left: 10px;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    background-color: #1B5FA6;
  }
  #pid-friend #header.nav-open .spNav__btn__text {
    opacity: 0;
  }
  #pid-friend #header {
    /* --- メニュー本体 (spMenu) --- */
  }
  #pid-friend #header #spMenu {
    display: block;
    position: fixed;
    top: -80px;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 998;
    padding-top: 80px;
    background: rgba(0, 0, 0, 0.8);
    cursor: pointer;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
    transition: opacity 0.3s ease-in-out, visibility 0.3s linear;
  }
  #pid-friend #header .spMenu__list,
  #pid-friend #header .spMenu__registry__balloon,
  #pid-friend #header .spMenu__registry__link {
    background-color: #fff;
    margin: 0;
    cursor: default;
  }
  #pid-friend #header.nav-open #spMenu {
    opacity: 1;
    visibility: visible;
  }
  #pid-friend #header .spMenu__list {
    padding: 100px 20px 60px 20px;
    margin: 0;
    background: #fff;
  }
  #pid-friend #header .spMenu__list__item {
    border-bottom: 1px solid #ccc;
  }
  #pid-friend #header .spMenu__list__item:first-child {
    border-top: 1px solid #ccc;
  }
  #pid-friend #header .spMenu__list__item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 100%;
    font-size: 1.6rem;
    font-weight: bold;
    padding-top: 24px;
    padding-bottom: 24px;
    text-decoration: none;
    color: inherit;
    position: relative;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 8px;
  }
  #pid-friend #header .spMenu__list__item a::after {
    content: "";
    display: inline-block;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #222 url(../img/friend/ico_arrow_white.svg) no-repeat center/60%;
  }
  #pid-friend #header .spMenu__list__item:first-child a::after {
    background-color: #FF5454;
  }
  #pid-friend #header .spMenu__list__item:nth-child(2) a::after {
    background-color: #20AAE9;
  }
  #pid-friend #header .spMenu__list__item:nth-child(3) a::after {
    background-color: #55C85A;
  }
  #pid-friend #header .spMenu__list__item:nth-child(4) a::after {
    background-color: #FFD53E;
  }
  #pid-friend #header .spMenuFooter {
    position: relative;
    margin-top: -20px;
    z-index: 2;
    background-color: #fff;
    padding: 0 20px 44px 20px;
  }
  #pid-friend #header .spMenuFooter__balloon {
    position: absolute;
    top: -5px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    display: inline-block;
    background: #ffd53e;
    color: #222;
    border-radius: 20px;
    font-weight: bold;
    z-index: 1;
    padding: 5px 10px 3px;
    font-size: 1.1rem;
    width: calc(100% - 100px);
    max-width: 250px;
    text-align: center;
  }
}
@media only screen and (min-width: 0) and (max-width: 1100px) and (min-width: 0) and (max-width: 767px) {
  #pid-friend #header .spMenuFooter__balloon {
    max-width: 100%;
  }
}
@media only screen and (min-width: 0) and (max-width: 1100px) {
  #pid-friend #header .spMenuFooter__balloon::after {
    content: "";
    position: absolute;
    top: 90%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    border-style: solid;
    border-width: 10px 8px 0 8px;
    border-color: #ffd53e transparent transparent transparent;
  }
  #pid-friend #header .spMenuFooter__link {
    max-width: 300px;
    margin: 0 auto;
  }
  #pid-friend #header .spMenuFooter__link a {
    position: relative;
    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;
    background: #FF2424;
    color: #fff;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    height: 70px;
    border: 3px solid #fff;
    border-radius: 45px;
    font-size: 2rem;
    font-weight: bold;
    text-decoration: none;
    -webkit-box-shadow: 0 0 10px #d9d9d9;
            box-shadow: 0 0 10px #d9d9d9;
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
  }
  #pid-friend #header .spMenuFooter__link a::after {
    content: "";
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 16px;
    height: 13px;
    background: url("../img/friend/ico_window_white.svg") no-repeat center/contain;
  }
}
#pid-friend #mv {
  position: relative;
  width: 100%;
  padding: 60px 0 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#64B7FF), to(#5DE3FF));
  background: linear-gradient(to bottom, #64B7FF 0%, #5DE3FF 100%);
  overflow: hidden;
  text-align: center;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #mv {
    padding: 100px 0 0;
  }
}
#pid-friend #mv::before, #pid-friend #mv::after {
  content: "";
  position: absolute;
  bottom: 20px;
  width: 50%;
  height: 490px;
  background: url(../img/friend/mv_bg_pc.svg) no-repeat center top;
  background-size: cover;
  z-index: 1;
}
@media only screen and (min-width: 0) and (max-width: 1100px) {
  #pid-friend #mv::before, #pid-friend #mv::after {
    bottom: -55px;
  }
}
#pid-friend #mv::before {
  left: -8%;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #mv::before {
    bottom: 118px;
    width: 100%;
    left: 0;
    height: 390px;
    background: url(../img/friend/mv_bg_sp.svg) no-repeat center bottom;
    background-size: 100% auto;
    aspect-ratio: 16/9;
  }
}
#pid-friend #mv::after {
  right: -8%;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #mv::after {
    display: none;
  }
}
#pid-friend #mv .mvHeader {
  position: relative;
  max-width: 700px;
  margin: 80px auto 0;
  background: #fff;
  border-radius: 250px;
  padding: 20px 20px 80px;
  z-index: 2;
}
@media only screen and (min-width: 0) and (max-width: 950px) {
  #pid-friend #mv .mvHeader {
    max-width: 530px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #mv .mvHeader {
    margin: 0 auto;
    padding: 24px;
    max-width: 300px;
    border-radius: 200px;
  }
}
#pid-friend #mv .mvHeader .mv__main {
  position: relative;
  z-index: 1;
}
#pid-friend #mv .mvHeader .mv__main .mv__mainHead {
  position: absolute;
  top: -62px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #mv .mvHeader .mv__main .mv__mainHead {
    top: -35px;
  }
}
#pid-friend #mv .mvHeader .mv__main .mv__mainHead img {
  width: 76px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #mv .mvHeader .mv__main .mv__mainHead img {
    width: 38px;
  }
}
#pid-friend #mv .mvHeader .mv__main .mv__mainTitle {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #mv .mvHeader .mv__main .mv__mainTitle {
    margin-top: 0;
    position: relative;
    display: block;
    width: 100%;
  }
}
#pid-friend #mv .mvHeader .mv__main .mv__mainTitle h1 {
  margin: 0;
}
#pid-friend #mv .mvHeader .mv__main .mv__mainTitle h1 img {
  max-width: 365px;
  width: 100%;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #mv .mvHeader .mv__main .mv__mainTitle h1 img {
    max-width: 215px;
  }
}
#pid-friend #mv .mvHeader .mv__main .mv__mainTitle > img {
  width: 80px;
  height: auto;
  -ms-flex-item-align: end;
      align-self: flex-end;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #mv .mvHeader .mv__main .mv__mainTitle > img {
    width: 48px;
  }
  #pid-friend #mv .mvHeader .mv__main .mv__mainTitle > img:first-of-type, #pid-friend #mv .mvHeader .mv__main .mv__mainTitle > img:last-of-type {
    position: absolute;
    bottom: 0;
  }
  #pid-friend #mv .mvHeader .mv__main .mv__mainTitle > img:first-of-type {
    left: -20px;
  }
  #pid-friend #mv .mvHeader .mv__main .mv__mainTitle > img:last-of-type {
    right: -20px;
  }
}
#pid-friend #mv .mvHeader .mv__main .mv__mainTitle__logo {
  position: relative;
}
#pid-friend #mv .mvHeader .mv__main .mv__mainTitle__badge {
  position: absolute;
  top: -40px;
  right: -20px;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #mv .mvHeader .mv__main .mv__mainTitle__badge {
    right: 45px;
  }
}
@media only screen and (max-width: 560px) {
  #pid-friend #mv .mvHeader .mv__main .mv__mainTitle__badge {
    right: 70px;
  }
}
#pid-friend #mv .mvFooter {
  position: relative;
  margin-top: -20px;
  z-index: 2;
  background-color: #fff;
  padding-bottom: 50px;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 160px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #mv .mvFooter {
    margin-top: 54px;
    padding-bottom: 10px;
    height: 120px;
  }
}
#pid-friend #mv .mvFooter__link {
  width: 100%;
}
#pid-friend #mv .mvFooter__balloon {
  position: absolute;
  top: -5px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: inline-block;
  background: #ffd53e;
  color: #222;
  padding: 5px 20px 3px;
  border-radius: 20px;
  font-weight: bold;
  font-size: 1.3rem;
  z-index: 1;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #mv .mvFooter__balloon {
    padding: 5px 10px 3px;
    font-size: 1.1rem;
    width: calc(100% - 100px);
    max-width: 300px;
  }
}
#pid-friend #mv .mvFooter__balloon::after {
  content: "";
  position: absolute;
  top: 90%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-style: solid;
  border-width: 10px 8px 0 8px;
  border-color: #ffd53e transparent transparent transparent;
}
#pid-friend #mv .mvFooter__link a {
  position: relative;
  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;
  background: #FF2424;
  color: #fff;
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  height: 70px;
  border: 3px solid #fff;
  border-radius: 45px;
  font-size: 2rem;
  font-weight: bold;
  text-decoration: none;
  -webkit-box-shadow: 0 0 10px #d9d9d9;
          box-shadow: 0 0 10px #d9d9d9;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #mv .mvFooter__link a {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: calc(100% - 40px);
    max-width: 350px;
  }
}
#pid-friend #mv .mvFooter__link a:hover {
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}
#pid-friend #mv .mvFooter__link a::after {
  content: "";
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 16px;
  height: 13px;
  background: url("../img/friend/ico_window_white.svg") no-repeat center/contain;
}
#pid-friend #mv .mvFooter .note {
  margin-top: 8px;
  color: #888;
  text-align: center;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend .bnrCampaign {
    margin-top: 40px;
  }
}
#pid-friend .bnrCampaign img {
  display: block;
  max-width: 680px;
  width: 100%;
  height: auto;
  margin-inline: auto;
  -webkit-transition: opacity 0.1s;
  transition: opacity 0.1s;
}
@media only screen and (max-width: 560px) {
  #pid-friend .bnrCampaign img {
    max-width: 380px;
  }
}
#pid-friend .bnrCampaign img:hover {
  opacity: 0.8;
}
#pid-friend .bnrCampaign .wrap {
  padding: 0 20px;
}
#pid-friend #about {
  padding: 60px 0 0;
  color: #222;
  line-height: 1.6;
  text-align: center;
}
#pid-friend #about .about__container {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
#pid-friend #about .about__container .wrap {
  padding-bottom: 30px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #about .about__container .wrap {
    padding-bottom: 76px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #about .wrap {
    padding: 0 20px;
  }
}
#pid-friend #about .about__Img {
  content: "";
  position: absolute;
  top: 56%;
  left: 50%;
  margin-left: -470px;
  width: 120px;
  height: 92px;
  -webkit-filter: drop-shadow(10px 10px 20px rgba(0, 0, 0, 0.2));
          filter: drop-shadow(10px 10px 20px rgba(0, 0, 0, 0.2));
  z-index: 2;
  -webkit-animation: floating 3s ease-in-out infinite;
          animation: floating 3s ease-in-out infinite;
}
@media only screen and (min-width: 0) and (max-width: 1000px) {
  #pid-friend #about .about__Img {
    max-width: 250px;
    top: 40%;
    left: 5%;
    margin-left: 0;
    width: 100px;
    height: 72px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #about .about__Img {
    top: 53%;
    left: 5%;
    margin-left: 0;
    width: 70px;
    height: 42px;
  }
}
#pid-friend #about .about__Img img {
  width: 100%;
}
#pid-friend #about .aboutHead {
  position: relative;
  width: 100%;
}
#pid-friend #about .aboutHead::before, #pid-friend #about .aboutHead::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 55px;
  height: 63px;
  background: url(../img/friend/about_ico_shine.svg) no-repeat center top;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #about .aboutHead::before, #pid-friend #about .aboutHead::after {
    display: none;
  }
}
#pid-friend #about .aboutHead::before {
  left: 13%;
}
#pid-friend #about .aboutHead::after {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
  right: 13%;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #about .aboutHead p {
    text-align: left;
    font-size: 1.4rem;
  }
}
#pid-friend #about h2 {
  font-size: 2.4rem;
  color: #1B5FA6;
  margin-bottom: 20px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #about h2 {
    font-size: 1.6rem;
    margin-bottom: 24px;
  }
}
#pid-friend #about h2 span {
  font-size: 3.2rem;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #about h2 span {
    font-size: 2.4rem;
  }
}
#pid-friend #about > p {
  font-size: 1.6rem;
  margin-bottom: 40px;
}
#pid-friend #about .aboutBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 40px;
  margin-top: 65px;
  margin-bottom: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-friend #about .aboutBox {
    padding-top: 16px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #about .aboutBox {
    -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;
    gap: 40px;
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
#pid-friend #about .aboutBox__detail {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 480px;
  padding: 40px 0 30px;
  border-radius: 128px;
  color: #fff;
  font-weight: bold;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #about .aboutBox__detail {
    width: 100%;
    border-radius: 50px;
  }
}
#pid-friend #about .aboutBox__detail div:nth-child(1) {
  position: absolute;
  top: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #222;
  padding: 6px 20px 4px;
  border-radius: 20px;
  font-size: 1.8rem;
}
@media only screen and (max-width: 1099px) {
  #pid-friend #about .aboutBox__detail div:nth-child(1) {
    font-size: 1.6rem;
    width: 100%;
    max-width: 140px;
  }
}
#pid-friend #about .aboutBox__detail div:nth-child(2) {
  font-size: 1.8rem;
}
#pid-friend #about .aboutBox__detail div:nth-child(3) {
  font-size: 3.5rem;
  line-height: 1;
}
#pid-friend #about .aboutBox__detail div:nth-child(3) .number {
  font-size: 7rem;
  line-height: 0.9;
}
#pid-friend #about .aboutBox__detail div:nth-child(3) .text {
  font-size: 2.3rem;
}
#pid-friend #about .aboutBox__detail:first-child {
  background-color: #ED5F5F;
}
#pid-friend #about .aboutBox__detail:first-child::before {
  content: "";
  position: absolute;
  top: -80px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 80px;
  height: 80px;
  background: url("../img/friend/about_01.svg") no-repeat center/contain;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #about .aboutBox__detail:first-child::before {
    top: auto;
    left: 15px;
    bottom: 0;
    -webkit-transform: none;
            transform: none;
    width: 60px;
    height: 60px;
  }
}
#pid-friend #about .aboutBox__detail:last-child {
  background-color: #53A4D6;
}
#pid-friend #about .aboutBox__detail:last-child::before {
  content: "";
  position: absolute;
  top: -80px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 80px;
  height: 80px;
  background: url("../img/friend/about_02.svg") no-repeat center/contain;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #about .aboutBox__detail:last-child::before {
    top: auto;
    left: auto;
    right: 15px;
    bottom: 0;
    -webkit-transform: none;
            transform: none;
    width: 60px;
    height: 60px;
  }
}
#pid-friend #about .aboutExample {
  position: relative;
  border: 4px dotted #ccc;
  border-radius: 40px;
  padding: 40px 80px;
  margin-bottom: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-friend #about .aboutExample {
    padding: 40px 24px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #about .aboutExample {
    padding: 40px 24px;
    margin-bottom: 82px;
  }
}
#pid-friend #about .aboutExample__head {
  position: absolute;
  top: -17px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #fff;
  padding: 0 20px;
  font-weight: bold;
  font-size: 2rem;
}
#pid-friend #about .aboutExample__title {
  font-size: 1.4rem;
  margin-bottom: 30px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #about .aboutExample__title {
    text-align: center;
  }
}
#pid-friend #about .aboutExample__title span {
  color: #1B5FA6;
  font-weight: bold;
  font-size: 2rem;
  padding-right: 3px;
  letter-spacing: 0;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #about .aboutExample__title span {
    font-size: 1.6rem;
    display: block;
  }
}
#pid-friend #about .aboutExample__box {
  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: 30px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #about .aboutExample__box {
    -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;
    margin-top: 40px;
  }
}
#pid-friend #about .aboutExample__boxDetail {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 20px;
  border-radius: 20px;
  background: #fff;
  font-weight: bold;
  font-size: 2.2rem;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #about .aboutExample__boxDetail {
    width: calc(100% - 40px);
    border-radius: 50px;
    font-size: 2rem;
  }
}
#pid-friend #about .aboutExample__boxDetail__target {
  font-size: 1.6rem;
  line-height: 1rem;
}
#pid-friend #about .aboutExample__boxDetail__price {
  font-size: 5rem;
  color: #222;
  line-height: 5rem;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #about .aboutExample__boxDetail__price {
    font-size: 5.6rem;
    line-height: 5.6rem;
  }
}
#pid-friend #about .aboutExample__boxDetail__yen {
  color: #222;
  margin-left: 2px;
}
#pid-friend #about .aboutExample__boxDetail__bottomImg {
  position: absolute;
  left: 50%;
  bottom: -50px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 64px;
  height: 64px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #about .aboutExample__boxDetail__bottomImg {
    left: auto;
    right: -60px;
    bottom: -35px;
  }
}
#pid-friend #about .aboutExample__boxDetail__bottomImg img {
  width: 100%;
}
#pid-friend #about .aboutExample__boxDetail:nth-child(1) {
  border: 3px solid #ED5F5F;
  color: #ED5F5F;
}
#pid-friend #about .aboutExample__boxDetail:nth-child(1)::after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: -30px;
  width: 80px;
  height: 80px;
  background: url("../img/friend/about_03.svg") no-repeat center/contain;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #about .aboutExample__boxDetail:nth-child(1)::after {
    left: -5px;
  }
}
#pid-friend #about .aboutExample__boxDetail:nth-child(2) {
  background-color: #1B5FA6;
  color: #fff;
  padding: 30px 20px 20px;
  border-radius: 40px;
  width: 210px;
  height: 120px;
  font-size: 2rem;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-friend #about .aboutExample__boxDetail:nth-child(2) {
    font-size: 1.8rem;
  }
}
#pid-friend #about .aboutExample__boxDetail:nth-child(2) .aboutExample__boxDetail__point {
  color: #ffd53e;
}
#pid-friend #about .aboutExample__boxDetail:nth-child(2)::before, #pid-friend #about .aboutExample__boxDetail:nth-child(2)::after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border: 10px solid transparent;
}
#pid-friend #about .aboutExample__boxDetail:nth-child(2)::before {
  left: -20px;
  border-right-color: #1B5FA6;
}
#pid-friend #about .aboutExample__boxDetail:nth-child(2)::after {
  right: -20px;
  border-left-color: #1B5FA6;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #about .aboutExample__boxDetail:nth-child(2)::before, #pid-friend #about .aboutExample__boxDetail:nth-child(2)::after {
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    top: auto;
    bottom: auto;
    border-color: transparent;
    border-width: 10px;
  }
  #pid-friend #about .aboutExample__boxDetail:nth-child(2)::before {
    top: -20px;
    border-bottom-color: #1B5FA6;
  }
  #pid-friend #about .aboutExample__boxDetail:nth-child(2)::after {
    bottom: -20px;
    border-top-color: #1B5FA6;
  }
}
#pid-friend #about .aboutExample__boxDetail:nth-child(3) {
  border: 3px solid #22a9e2;
  color: #22a9e2;
}
#pid-friend #about .aboutExample__boxDetail:nth-child(3)::after {
  content: "";
  position: absolute;
  bottom: -30px;
  right: -30px;
  width: 80px;
  height: 80px;
  background: url("../img/friend/about_05.svg") no-repeat center/contain;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #about .aboutExample__boxDetail:nth-child(3)::after {
    right: -5px;
  }
}
#pid-friend #about .aboutExampleMore {
  background: #fff;
  background-image: repeating-linear-gradient(121deg, rgba(223, 242, 252, 0.5) 0 2px, #def2fc 0 12px);
  border-radius: 40px;
  padding: 30px 30px 0;
  margin-top: 60px;
  margin-bottom: 40px;
  position: relative;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #about .aboutExampleMore {
    border-radius: 20px;
    padding: 20px 10px 0;
    margin-bottom: 24px;
  }
}
#pid-friend #about .aboutExampleMore:has(.aboutExampleMore__link:hover) {
  opacity: 0.8;
}
#pid-friend #about .aboutExampleMore__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  cursor: pointer;
}
#pid-friend #about .aboutExampleMore__head {
  position: relative;
  z-index: 10;
  width: 360px;
  text-align: center;
  margin: -60px auto 20px;
  padding: 6px 15px 6px 55px;
  border: 3px solid #53A4D6;
  border-radius: 30px;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #about .aboutExampleMore__head {
    width: 304px;
    margin: -45px auto 20px;
    padding: 6px 15px 6px 45px;
  }
}
#pid-friend #about .aboutExampleMore__headMark {
  position: absolute;
  top: -10px;
  left: -10px;
  width: 64px;
  height: 64px;
  z-index: 11;
}
#pid-friend #about .aboutExampleMore__headMark img {
  width: 100%;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #about .aboutExampleMore__headMark {
    width: 50px;
    height: 50px;
    top: -5px;
    left: -5px;
  }
}
#pid-friend #about .aboutExampleMore__headTitle {
  font-weight: bold;
  font-size: 2rem;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #about .aboutExampleMore__headTitle {
    font-size: 1.6rem;
  }
}
#pid-friend #about .aboutExampleMore__headTitle span {
  color: #53A4D6;
}
#pid-friend #about .aboutExampleMore__box {
  position: relative;
  width: 430px;
  margin: 0 auto;
  padding-bottom: 30px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #about .aboutExampleMore__box {
    width: 100%;
    max-width: 430px;
    padding-bottom: 20px;
  }
}
#pid-friend #about .aboutExampleMore__boxText {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 5rem;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #about .aboutExampleMore__boxText {
    line-height: 3rem;
  }
}
#pid-friend #about .aboutExampleMore__boxText .blue {
  color: #53A4D6;
  font-size: 2rem;
}
#pid-friend #about .aboutExampleMore__boxText .black {
  color: #222;
  font-size: 2.4rem;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #about .aboutExampleMore__boxText .black {
    font-size: 1.6rem;
  }
}
#pid-friend #about .aboutExampleMore__boxText .marker {
  background: #53A4D6;
  color: #fff;
  font-size: 2.4rem;
  padding: 10px 15px;
  margin-right: 10px;
  border-radius: 4px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #about .aboutExampleMore__boxText .marker {
    font-size: 2rem;
    margin-right: 0;
    line-height: 4.5rem;
  }
}
#pid-friend #about .aboutExampleMore__boxImg {
  position: absolute;
  top: 0;
  right: -120px;
  width: 96px;
  height: 97px;
  -webkit-animation: floating 3s ease-in-out infinite;
          animation: floating 3s ease-in-out infinite;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #about .aboutExampleMore__boxImg {
    display: none;
  }
}
#pid-friend #about .aboutExampleMore__boxImg img {
  width: 100%;
}
#pid-friend #about .aboutExampleMore__foot {
  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;
  background: #53A4D6;
  color: #fff;
  padding: 6px 10px;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
  margin: 0 -30px;
  border-radius: 0 0 40px 40px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #about .aboutExampleMore__foot {
    margin: 0 -10px;
    border-radius: 0 0 30px 30px;
  }
}
#pid-friend #about .aboutExampleMore__foot::after {
  content: "";
  width: 24px;
  height: 24px;
  margin-top: -2px;
  background: url(../img/friend/ico_arrow_white.svg) no-repeat center;
}
#pid-friend #about .note {
  margin-bottom: 0;
}
#pid-friend #about .btn a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 15px 40px;
  border: 2px solid #222;
  border-radius: 40px;
  color: #222;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.8rem;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #about .btn a {
    font-size: 1.4rem;
    padding: 15px 25px;
  }
}
#pid-friend #about .btn a::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: 10px;
  border-radius: 50%;
  background: #222 url("../img/friend/ico_arrow_white.svg") no-repeat center/60%;
}
#pid-friend #about .btn a:hover {
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}
#pid-friend #points {
  position: relative;
  width: 100%;
  background-color: #2060a4;
}
#pid-friend #points.contents .wrap {
  padding-bottom: 0;
}
#pid-friend #points::before {
  content: "";
  position: absolute;
  bottom: 3%;
  left: -10%;
  width: 120%;
  height: 740px;
  background: url(../img/friend/points_bg_pc.svg) repeat-y center top;
  opacity: 0.1;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #points::before {
    bottom: 7%;
    width: 120%;
    height: 85.5%;
    background-image: url(../img/friend/points_bg_sp.svg);
    background-repeat: repeat-y;
    background-position: center top;
    background-size: 114% 240px;
  }
}
#pid-friend #points h3 {
  color: #fff !important;
  font-size: 2.4rem;
}
#pid-friend #points h3 span {
  font-size: 3.2rem;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #points h3 {
    font-size: 1.6rem;
  }
  #pid-friend #points h3 span {
    font-size: 2.4rem;
  }
}
#pid-friend #points .pointsContainer {
  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-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#pid-friend #points .pointsContainer__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 50px;
}
@media only screen and (min-width: 0) and (max-width: 1000px) {
  #pid-friend #points .pointsContainer__group {
    -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;
    gap: 25px;
  }
}
#pid-friend #points .pointsBox {
  position: relative;
  width: 100%;
  max-width: 300px;
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
  text-align: center;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
#pid-friend #points .pointsBox::before {
  content: "";
  position: absolute;
  top: 0;
  left: -5%;
  width: 110%;
  height: 180px;
  border-radius: 0 0 50% 50%/0 0 40px 40px;
  z-index: 1;
}
#pid-friend #points .pointsBox__deco {
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
  height: 12px;
  z-index: 2;
  pointer-events: none;
}
#pid-friend #points .pointsBox__deco::before, #pid-friend #points .pointsBox__deco::after {
  content: "";
  position: absolute;
  top: 0;
  width: 12px;
  height: 12px;
  background-color: #222;
  border-radius: 8px;
}
#pid-friend #points .pointsBox__deco::before {
  left: 0;
}
#pid-friend #points .pointsBox__deco::after {
  right: 0;
}
#pid-friend #points .pointsBox__head {
  position: relative;
  z-index: 2;
  color: #fff;
  font-size: 2.4rem;
  font-weight: bold;
  padding: 60px 10px 20px;
  line-height: 1.3;
}
@media only screen and (min-width: 0) and (max-width: 1000px) {
  #pid-friend #points .pointsBox__head {
    font-size: 2rem;
  }
}
#pid-friend #points .pointsBox__head::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 104px;
  height: 32px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
#pid-friend #points .pointsBox__img {
  position: relative;
  z-index: 2;
  margin: -10px auto 20px;
}
#pid-friend #points .pointsBox__img img {
  width: 120px;
  height: auto;
}
#pid-friend #points .pointsBox p {
  font-size: 1.5rem;
  line-height: 1.6;
  color: #222;
  padding: 0 15px;
  margin-bottom: 20px;
}
#pid-friend #points .pointsBox p span {
  font-weight: bold;
}
#pid-friend #points .pointsBox__comment {
  margin: 0 20px 20px;
  position: relative;
  display: block;
  padding: 10px 20px;
  border-radius: 10px;
  color: #fff;
  font-weight: bold;
  font-size: 1.5rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#pid-friend #points .pointsBox__comment::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border: 8px solid transparent;
}
#pid-friend #points .pointsBox--01::before {
  background-color: #f05050;
}
#pid-friend #points .pointsBox--01::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 60px;
  height: 44px;
  background: url("../img/friend/points_contents_ico_01.svg") no-repeat center/contain;
}
#pid-friend #points .pointsBox--01 .pointsBox__deco::before, #pid-friend #points .pointsBox--01 .pointsBox__deco::after {
  background-color: #BF3F3F;
}
#pid-friend #points .pointsBox--01 .pointsBox__head::before {
  background: url("../img/friend/points_contents_label_01.svg") no-repeat;
}
#pid-friend #points .pointsBox--01 p span {
  color: #f05050;
}
#pid-friend #points .pointsBox--01 .pointsBox__comment {
  background-color: #f05050;
}
#pid-friend #points .pointsBox--01 .pointsBox__comment::after {
  border-top-color: #f05050;
}
#pid-friend #points .pointsBox--02::before {
  background-color: #50c050;
}
#pid-friend #points .pointsBox--02::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 60px;
  height: 44px;
  background: url("../img/friend/points_contents_ico_02.svg") no-repeat center/contain;
}
#pid-friend #points .pointsBox--02 .pointsBox__deco::before, #pid-friend #points .pointsBox--02 .pointsBox__deco::after {
  background-color: #409644;
}
#pid-friend #points .pointsBox--02 .pointsBox__head::before {
  background: url("../img/friend/points_contents_label_02.svg") no-repeat;
}
#pid-friend #points .pointsBox--02 p span {
  color: #50c050;
}
#pid-friend #points .pointsBox--02 .pointsBox__comment {
  background-color: #50c050;
}
#pid-friend #points .pointsBox--02 .pointsBox__comment::after {
  border-top-color: #50c050;
}
#pid-friend #points .pointsBox--03::before {
  background-color: #22a9e2;
}
#pid-friend #points .pointsBox--03::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 60px;
  height: 44px;
  background: url("../img/friend/points_contents_ico_03.svg") no-repeat center/contain;
}
#pid-friend #points .pointsBox--03 .pointsBox__deco::before, #pid-friend #points .pointsBox--03 .pointsBox__deco::after {
  background-color: #1880AF;
}
#pid-friend #points .pointsBox--03 .pointsBox__head::before {
  background: url("../img/friend/points_contents_label_03.svg") no-repeat;
}
#pid-friend #points .pointsBox--03 p span {
  color: #22a9e2;
}
#pid-friend #points .pointsBox--03 .pointsBox__comment {
  background-color: #22a9e2;
}
#pid-friend #points .pointsBox--03 .pointsBox__comment::after {
  border-top-color: #22a9e2;
}
#pid-friend #points .note {
  width: 290px;
  margin-left: auto;
  color: #fff;
}
@media only screen and (min-width: 0) and (max-width: 1000px) {
  #pid-friend #points .note {
    width: 280px;
    margin: 0 auto;
  }
}
#pid-friend #benefits.contents {
  padding-bottom: 0;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #benefits .wrap {
    padding: 0 20px;
  }
}
#pid-friend #benefits .note {
  margin-top: 10px;
}
#pid-friend #benefits .benefitsLink {
  margin: 0 auto 40px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #benefits .benefitsLink {
    margin: 0 auto 25px;
  }
}
#pid-friend #benefits .benefitsLink__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
  padding: 0;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #benefits .benefitsLink__list {
    -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;
    gap: 4px;
  }
}
#pid-friend #benefits .benefitsLink__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 calc(50% - 8px);
          flex: 0 1 calc(50% - 8px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 10px;
  -webkit-box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #benefits .benefitsLink__item {
    width: 100%;
  }
}
#pid-friend #benefits .benefitsLink__item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding: 0 50px 0 55px;
  background: #fff;
  border: 2px solid #222;
  border-radius: 10px;
  color: #222;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.6rem;
  min-height: 64px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
  line-height: 1.5;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #benefits .benefitsLink__item a {
    padding: 0 42px;
    font-size: 1.4rem;
    line-height: 1;
    border-radius: 5px;
  }
}
#pid-friend #benefits .benefitsLink__item a::before {
  content: "";
  position: absolute;
  left: 15px;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #benefits .benefitsLink__item a::before {
    left: 12px;
    width: 24px;
    height: 24px;
  }
}
#pid-friend #benefits .benefitsLink__item a::after {
  content: "";
  position: absolute;
  right: 15px;
  width: 32px;
  height: 32px;
  background-color: #60d070;
  background-image: url("../img/friend/ico_arrow_white.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
  border-radius: 50%;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #benefits .benefitsLink__item a::after {
    right: 12px;
    width: 24px;
    height: 24px;
  }
}
#pid-friend #benefits .benefitsLink__item a:hover {
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
  -webkit-box-shadow: none;
          box-shadow: none;
}
#pid-friend #benefits .benefitsLink__item--server a::before {
  background-image: url("../img/friend/benefits_ico_01_gray.svg");
}
#pid-friend #benefits .benefitsLink__item--vps a::before {
  background-image: url("../img/friend/benefits_ico_02_gray.svg");
}
#pid-friend #benefits .benefitsLink__item--game a::before {
  background-image: url("../img/friend/benefits_ico_03_gray.svg");
}
#pid-friend #benefits .benefitsLink__item--other a::before {
  background-image: url("../img/friend/benefits_ico_04_gray.svg");
}
#pid-friend #benefits01 h4::before {
  background: url("../img/friend/benefits_ico_01_green.svg") no-repeat center/contain;
}
#pid-friend #benefits02 h4::before {
  background: url("../img/friend/benefits_ico_02_green.svg") no-repeat center/contain;
}
#pid-friend #benefits03 h4::before {
  background: url("../img/friend/benefits_ico_03_green.svg") no-repeat center/contain;
}
#pid-friend #benefits04 h4::before {
  background: url("../img/friend/benefits_ico_04_green.svg") no-repeat center/contain;
}
#pid-friend #benefits01 {
  margin-top: 40px;
}
#pid-friend .benefitsTable {
  position: relative;
  margin-bottom: 40px;
  padding-top: 30px;
  margin-top: -30px;
}
#pid-friend .benefitsTable:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend .benefitsTable {
    margin-bottom: 40px;
    padding-top: 0;
    margin-top: 0;
  }
}
#pid-friend .benefitsTable h4 {
  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;
  color: #222;
}
@media only screen and (min-width: 0) and (max-width: 970px) {
  #pid-friend .benefitsTable h4 {
    margin-bottom: 5px;
  }
}
#pid-friend .benefitsTable h4::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend .benefitsTable h4::before {
    width: 32px;
    height: 32px;
  }
}
#pid-friend .benefitsTable .campaignLavel {
  display: inline-block;
  padding: 4px;
  line-height: 1;
  background: #fed44b;
  font-size: 1.2rem;
  font-weight: bold;
  border-radius: 3px;
  color: #222;
}
#pid-friend .benefitsTable__titleWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 15px;
}
@media only screen and (min-width: 0) and (max-width: 970px) {
  #pid-friend .benefitsTable__titleWrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
#pid-friend .benefitsTable__wrapper {
  position: relative;
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
}
@media only screen and (min-width: 0) and (max-width: 970px) {
  #pid-friend .benefitsTable__wrapper {
    width: 100%;
    overflow-x: auto;
    display: block;
  }
}
#pid-friend .benefitsTable__wrapper.js_scrolltip {
  position: relative;
}
#pid-friend .benefitsTable__wrapper .scrollHint {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
#pid-friend .benefitsTable__wrapper .scrollHint * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#pid-friend .benefitsTable__wrapper .scrollHint__icon {
  width: 120px;
  height: 100px;
  position: absolute;
  top: 85px;
  left: 0;
  right: 0;
  margin: auto;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  border-radius: 8px;
  padding: 15px 10px;
  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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#pid-friend .benefitsTable__wrapper .scrollHint__icon::before {
  content: "";
  display: block;
  width: 40px;
  height: 30px;
  margin-bottom: 8px;
  background-image: url("../img/friend/ico_arrow_white.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-animation: movearrow 1s ease-out infinite;
          animation: movearrow 1s ease-out infinite;
}
#pid-friend .benefitsTable__wrapper .scrollHint__icon span {
  font-size: 1.1rem;
  font-weight: bold;
  line-height: 1.2;
  white-space: nowrap;
}
#pid-friend .benefitsTable__wrapper.has-scroll .scrollHint {
  display: block;
}
@keyframes movearrow {
  0% {
    -webkit-transform: rotate(270deg) translateY(0);
            transform: rotate(270deg) translateY(0);
  }
  25% {
    -webkit-transform: rotate(270deg) translateY(6px);
            transform: rotate(270deg) translateY(6px);
  }
  50% {
    -webkit-transform: rotate(270deg) translateY(0);
            transform: rotate(270deg) translateY(0);
  }
  75% {
    -webkit-transform: rotate(270deg) translateY(-4px);
            transform: rotate(270deg) translateY(-4px);
  }
  100% {
    -webkit-transform: rotate(270deg) translateY(0);
            transform: rotate(270deg) translateY(0);
  }
}
#pid-friend .benefitsTable__container {
  min-width: 900px;
}
@media only screen and (min-width: 0) and (max-width: 970px) {
  #pid-friend .benefitsTable__container {
    min-width: auto;
    width: 900px;
    display: inline-block;
  }
}
#pid-friend .benefitsTable__rowGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
  border-bottom: 1px solid #e0e0e0;
}
#pid-friend .benefitsTable__rowGroup:last-child {
  border-bottom: none;
}
#pid-friend .benefitsTable__rowGroup .benefitsTable__cell--service {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 27%;
          flex: 0 0 27%;
  width: 27%;
  background-color: #fff;
}
@media only screen and (min-width: 0) and (max-width: 970px) {
  #pid-friend .benefitsTable__rowGroup .benefitsTable__cell--service {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    width: 20%;
  }
}
#pid-friend .benefitsTable__subRows {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 73%;
          flex: 0 0 73%;
  width: 73%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 0;
}
@media only screen and (min-width: 0) and (max-width: 970px) {
  #pid-friend .benefitsTable__subRows {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 80%;
            flex: 0 0 80%;
    width: 80%;
  }
}
#pid-friend .benefitsTable__subRows .benefitsTable__cell--serviceSub {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
  width: 20%;
}
#pid-friend .benefitsTable__subRows .benefitsTable__cell--rate {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16%;
          flex: 0 0 16%;
  width: 16%;
}
#pid-friend .benefitsTable__subRows .benefitsTable__cell--referrer {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24%;
          flex: 0 0 24%;
  width: 24%;
}
#pid-friend .benefitsTable__subRows .benefitsTable__cell--friend {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24%;
          flex: 0 0 24%;
  width: 24%;
}
#pid-friend .benefitsTable__subRows .benefitsTable__cell--detail {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16%;
          flex: 0 0 16%;
  width: 16%;
}
@media only screen and (min-width: 0) and (max-width: 970px) {
  #pid-friend .benefitsTable__subRows .benefitsTable__cell--serviceSub {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 10%;
            flex: 0 0 10%;
    width: 10%;
  }
  #pid-friend .benefitsTable__subRows .benefitsTable__cell--rate {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 18%;
            flex: 0 0 18%;
    width: 18%;
  }
  #pid-friend .benefitsTable__subRows .benefitsTable__cell--referrer {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 27%;
            flex: 0 0 27%;
    width: 27%;
  }
  #pid-friend .benefitsTable__subRows .benefitsTable__cell--friend {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 27%;
            flex: 0 0 27%;
    width: 27%;
  }
  #pid-friend .benefitsTable__subRows .benefitsTable__cell--detail {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 18%;
            flex: 0 0 18%;
    width: 18%;
  }
}
#pid-friend .benefitsTable__subRows .benefitsTable__row {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #e0e0e0;
  border-left: none;
}
#pid-friend .benefitsTable__subRows .benefitsTable__row:last-child {
  border-bottom: 0;
}
#pid-friend .benefitsTable .benefitsTable__row:last-child {
  border-bottom: 0;
}
#pid-friend .benefitsTable__row {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border-bottom: 1px solid #e0e0e0;
}
#pid-friend .benefitsTable__row .benefitsTable__subRows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-left: 1px solid #e0e0e0;
}
#pid-friend .benefitsTable__row .benefitsTable__subRows .benefitsTable__row--games, #pid-friend .benefitsTable__row .benefitsTable__subRows .benefitsTable__row--vps {
  border-bottom: 1px solid #e0e0e0;
}
#pid-friend .benefitsTable__row .benefitsTable__subRows .benefitsTable__row--games:last-child, #pid-friend .benefitsTable__row .benefitsTable__subRows .benefitsTable__row--vps:last-child {
  border-bottom: none;
}
#pid-friend .benefitsTable__cell {
  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-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#pid-friend .benefitsTable__cell--header {
  background-color: #F2F2F2;
  font-weight: bold;
  font-size: 1.4rem;
  padding: 15px 10px;
}
#pid-friend .benefitsTable__cell--header.benefitsTable__cell--service {
  background-color: #F2F2F2;
}
#pid-friend .benefitsTable__cell--header.benefitsTable__cell--referrer {
  background-color: #FCE7E7;
  color: #ED5F5F;
}
#pid-friend .benefitsTable__cell--header.benefitsTable__cell--friend {
  background-color: #E5F1F9;
  color: #53A4D6;
}
#pid-friend .benefitsTable__cell--serviceSub {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend .benefitsTable__cell--serviceSub {
    -webkit-box-flex: 0.65;
        -ms-flex: 0.65;
            flex: 0.65;
  }
}
#pid-friend .benefitsTable__cell--service {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 41.6%;
          flex: 0 0 41.6%;
  width: 41.6%;
  background-color: #fff;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend .benefitsTable__cell--service {
    -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2;
  }
}
@media only screen and (min-width: 0) and (max-width: 970px) {
  #pid-friend .benefitsTable__cell--service {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 28%;
            flex: 0 0 28%;
    width: 28%;
  }
}
#pid-friend .benefitsTable__cell--rate {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 11.7%;
          flex: 0 0 11.7%;
  width: 11.7%;
}
#pid-friend .benefitsTable__cell--referrer {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 17.5%;
          flex: 0 0 17.5%;
  width: 17.5%;
}
#pid-friend .benefitsTable__cell--friend {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 17.5%;
          flex: 0 0 17.5%;
  width: 17.5%;
}
#pid-friend .benefitsTable__cell--detail {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 11.7%;
          flex: 0 0 11.7%;
  width: 11.7%;
}
@media only screen and (min-width: 0) and (max-width: 970px) {
  #pid-friend .benefitsTable__cell--rate {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 14.4%;
            flex: 0 0 14.4%;
    width: 14.4%;
  }
  #pid-friend .benefitsTable__cell--referrer {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 21.6%;
            flex: 0 0 21.6%;
    width: 21.6%;
  }
  #pid-friend .benefitsTable__cell--friend {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 21.6%;
            flex: 0 0 21.6%;
    width: 21.6%;
  }
  #pid-friend .benefitsTable__cell--detail {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 14.4%;
            flex: 0 0 14.4%;
    width: 14.4%;
  }
}
#pid-friend .benefitsTable__body .benefitsTable__cell {
  line-height: 1.2;
}
#pid-friend .benefitsTable__body .benefitsTable__cell--service {
  font-weight: bold;
  color: #222;
  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-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 80px;
}
#pid-friend .benefitsTable__body .benefitsTable__cell--service .recommendBalloon {
  display: block;
  margin-bottom: 8px;
  background-color: #f2f2f2;
  border-radius: 4px;
  padding: 6px 6px 4px;
}
@media only screen and (min-width: 0) and (max-width: 970px) {
  #pid-friend .benefitsTable__body .benefitsTable__cell--service .recommendBalloon {
    padding: 6px 5px 4px;
  }
}
#pid-friend .benefitsTable__body .benefitsTable__cell--service .recommendBalloon span {
  display: block;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.2;
  color: #666;
}
#pid-friend .benefitsTable__body .benefitsTable__cell--service .balloon {
  display: block;
}
#pid-friend .benefitsTable__body .benefitsTable__cell--service .balloon span {
  display: block;
  font-size: 1.2rem;
  color: #1B5FA6;
  font-weight: bold;
}
#pid-friend .benefitsTable__body .benefitsTable__cell--service .cellContent {
  display: block;
  margin-bottom: 4px;
  font-size: 1.7rem;
}
#pid-friend .benefitsTable__body .benefitsTable__cell--service .cellContent .toolTip__target {
  margin-top: -2px;
}
#pid-friend .benefitsTable__body .benefitsTable__cell--rate {
  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;
  margin: 0;
  line-height: 1;
  font-size: 1.6rem;
  font-weight: bold;
}
#pid-friend .benefitsTable__body .benefitsTable__cell--referrer {
  color: #ED5F5F;
}
#pid-friend .benefitsTable__body .benefitsTable__cell--friend {
  color: #53A4D6;
}
#pid-friend .benefitsTable__body .benefitsTable__row--games .benefitsTable__cell--rate, #pid-friend .benefitsTable__body .benefitsTable__row--games .benefitsTable__cell--referrer, #pid-friend .benefitsTable__body .benefitsTable__row--games .benefitsTable__cell--friend, #pid-friend .benefitsTable__body .benefitsTable__row--vps .benefitsTable__cell--rate, #pid-friend .benefitsTable__body .benefitsTable__row--vps .benefitsTable__cell--referrer, #pid-friend .benefitsTable__body .benefitsTable__row--vps .benefitsTable__cell--friend {
  display: inline-block;
  text-align: center;
  line-height: 1.4;
}
#pid-friend .benefitsTable__body .benefitsTable__row--games .benefitsTable__cell--referrer, #pid-friend .benefitsTable__body .benefitsTable__row--games .benefitsTable__cell--friend, #pid-friend .benefitsTable__body .benefitsTable__row--vps .benefitsTable__cell--referrer, #pid-friend .benefitsTable__body .benefitsTable__row--vps .benefitsTable__cell--friend {
  font-size: 1.2rem;
  font-weight: bold;
}
#pid-friend .benefitsTable__body .benefitsTable__row--games .benefitsTable__cell--referrer .benefitsTable__benefitUnit--yen, #pid-friend .benefitsTable__body .benefitsTable__row--games .benefitsTable__cell--friend .benefitsTable__benefitUnit--yen, #pid-friend .benefitsTable__body .benefitsTable__row--vps .benefitsTable__cell--referrer .benefitsTable__benefitUnit--yen, #pid-friend .benefitsTable__body .benefitsTable__row--vps .benefitsTable__cell--friend .benefitsTable__benefitUnit--yen {
  font-size: 1.6rem;
}
#pid-friend .benefitsTable__body .benefitsTable__row--games:not(:nth-child(2)) .benefitsTable__cell--rate, #pid-friend .benefitsTable__body .benefitsTable__row--vps .benefitsTable__cell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#pid-friend .benefitsTable__body .benefitsTable__benefitValue {
  font-size: 1.6rem;
  font-weight: bold;
}
#pid-friend .benefitsTable__body .benefitsTable__benefitUnit {
  font-size: 1.2rem;
  font-weight: bold;
}
#pid-friend .benefitsTable__body .benefitsTable__benefitPrefix {
  display: block;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 2px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend .benefitsTable__body .benefitsTable__benefitPrefix {
    font-size: 1rem;
    margin-bottom: 0;
  }
}
#pid-friend .benefitsTable__body .benefitsTable__benefitUnitRate {
  font-size: 1.6rem;
}
#pid-friend .benefitsTable__body .benefitsTable__benefitPlus {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 13px;
  height: 13px;
  background-color: #222;
  border-radius: 50%;
  font-size: 1.1rem;
  color: #fff;
  margin: 3px 0;
  line-height: 1;
}
#pid-friend .benefitsTable__body .benefitsTable__serviceNameSub {
  text-align: center;
  font-size: 1.2rem;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend .benefitsTable__body .benefitsTable__serviceNameSub {
    font-size: 1.1rem;
  }
}
#pid-friend .benefitsTable__body .benefitsTable__rateUnit--mini {
  font-size: 1.2rem;
  line-height: 2.5;
  font-weight: bold;
  color: #222;
  background-color: #FFF4CF;
  padding: 4px 6px 3px;
}
#pid-friend .benefitsTable__body .benefitsTable__benefitValue--black, #pid-friend .benefitsTable__body .benefitsTable__benefitUnit--black, #pid-friend .benefitsTable__body .benefitsTable__benefitOff--black {
  color: #222;
}
#pid-friend .benefitsTable__body .benefitsTable__benefitValue--before, #pid-friend .benefitsTable__body .benefitsTable__rateValue--before {
  font-size: 1.2rem;
  color: #888;
  text-decoration: line-through;
}
#pid-friend .benefitsTable__body .benefitsTable__cell:has(.campaign) {
  background-color: #fffbeb;
}
#pid-friend .benefitsTable__body .benefitsTable__benefitValue--campaignPrice, #pid-friend .benefitsTable__body .benefitsTable__rateValue--campaign {
  font-size: 2.4rem;
  font-weight: bold;
  color: #FF2424;
}
#pid-friend .benefitsTable__body .benefitsTable__benefitValue--campaignTxt {
  color: #FF2424;
  font-weight: bold;
  font-size: 1.2rem;
}
#pid-friend .benefitsTable__detailBtn a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-radius: 20px;
  color: #666;
  text-decoration: none;
  font-size: 1.2rem;
  font-weight: bold;
  background: #fff;
  white-space: nowrap;
}
#pid-friend .benefitsTable__detailBtn a::after {
  content: "";
  width: 12px;
  height: 12px;
  margin-left: 4px;
  background: url("../img/friend/ico_arrow_black.svg") no-repeat center/contain;
  -webkit-filter: invert(61%) sepia(0%) saturate(0%) hue-rotate(155deg) brightness(91%) contrast(89%);
          filter: invert(61%) sepia(0%) saturate(0%) hue-rotate(155deg) brightness(91%) contrast(89%);
}
#pid-friend .benefitsTable .entrySuspended {
  width: 64%;
  height: 100%;
  position: absolute;
  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;
  right: 0;
  font-size: 1.2rem;
}
@media only screen and (min-width: 0) and (max-width: 970px) {
  #pid-friend .benefitsTable .entrySuspended {
    width: 72%;
  }
}
#pid-friend #flow {
  position: relative;
  z-index: 0;
  padding: 80px 0;
  text-align: center;
  background-color: #dff2fc;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #flow {
    padding: 40px 0;
  }
}
#pid-friend #flow::before {
  content: "";
  position: absolute;
  top: -5px;
  left: 0;
  right: 0;
  bottom: 10px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(223, 242, 252, 0.5)), to(rgba(223, 242, 252, 0.5))), url("../img/friend/bg_dot.svg") repeat;
  background: linear-gradient(rgba(223, 242, 252, 0.5), rgba(223, 242, 252, 0.5)), url("../img/friend/bg_dot.svg") repeat;
  z-index: -1;
}
#pid-friend #flow h3 {
  margin-bottom: 50px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #flow h3 {
    margin-bottom: 24px;
  }
}
#pid-friend #flow .flowContainer {
  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-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 1200px;
  margin: 0 auto 60px;
  counter-reset: flow-step;
  position: relative;
}
@media only screen and (min-width: 0) and (max-width: 1200px) {
  #pid-friend #flow .flowContainer {
    margin: 0 auto 60px;
    max-width: 500px;
  }
}
#pid-friend #flow .flowContainer__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 0) and (max-width: 1200px) {
  #pid-friend #flow .flowContainer__group {
    -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;
    gap: 50px;
  }
}
#pid-friend #flow .flowBox {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 250px;
  max-width: 250px;
  max-height: 358px;
  background: #fff;
  border-radius: 40px;
  padding: 40px 16px 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}
@media only screen and (min-width: 0) and (max-width: 1200px) {
  #pid-friend #flow .flowBox {
    width: calc(100% - 40px);
    max-width: none;
    max-height: -webkit-fill-available;
    max-height: -moz-available;
    max-height: stretch;
    border-radius: 20px;
    padding: 32px 24px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
#pid-friend #flow .flowBox::before {
  counter-increment: flow-step;
  content: counter(flow-step);
  position: absolute;
  top: -25px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 40px;
  height: 40px;
  background: #888;
  color: #fff;
  border-radius: 50%;
  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: 2.4rem;
  font-weight: bold;
}
@media only screen and (min-width: 0) and (max-width: 1200px) {
  #pid-friend #flow .flowBox::before {
    top: -15px;
    width: 32px;
    height: 32px;
    font-size: 2.2rem;
  }
}
#pid-friend #flow .flowBox:not(:last-of-type)::after {
  content: "";
  position: absolute;
  right: -26px;
  top: 50%;
  background: url("../img/friend/flow_ico_arrow.svg") no-repeat center;
  width: 16px;
  height: 20px;
  z-index: 2;
}
@media only screen and (min-width: 0) and (max-width: 1200px) {
  #pid-friend #flow .flowBox:not(:last-of-type)::after {
    right: auto;
    left: 50%;
    top: auto;
    bottom: -30px;
    -webkit-transform: translateX(-50%) rotate(90deg);
            transform: translateX(-50%) rotate(90deg);
  }
}
#pid-friend #flow .flowBox:nth-child(3)::after {
  top: 44.5%;
}
@media only screen and (min-width: 0) and (max-width: 1200px) {
  #pid-friend #flow .flowBox:nth-child(3)::after {
    top: auto;
  }
}
#pid-friend #flow .flowBox__img {
  max-width: 100%;
  height: auto;
  margin-bottom: 16px;
  border: 1px solid #eee;
  border-radius: 10px;
}
@media only screen and (max-width: 1099px) {
  #pid-friend #flow .flowBox__img {
    max-width: 204px;
    margin: 0 auto 16px;
  }
}
#pid-friend #flow .flowBox__img img {
  width: 100%;
  border-radius: 10px;
}
#pid-friend #flow .flowBox h4 {
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 8px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-friend #flow .flowBox h4 {
    font-size: 1.3rem;
  }
}
#pid-friend #flow .flowBox p {
  font-size: 1.2rem;
  text-align: left;
  color: #222;
}
#pid-friend #flow .flowBox .btn a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px 36px;
  border: 2px solid #222;
  border-radius: 40px;
  color: #222;
  line-height: 1.2;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.2rem;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
  background: #fff;
}
@media only screen and (max-width: 1099px) {
  #pid-friend #flow .flowBox .btn a {
    padding: 16px;
    line-height: 1;
  }
}
#pid-friend #flow .flowBox .btn a::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 10px;
  background: url("../img/friend/ico_window_black.svg") no-repeat center;
}
#pid-friend #flow .flowBox--friend, #pid-friend #flow .flowBox--referrer {
  width: 300px;
  max-width: 300px;
  border: 3px solid #ccc;
  min-height: 400px;
  max-height: -webkit-fill-available;
  max-height: -moz-available;
  max-height: stretch;
  padding: 40px;
}
@media only screen and (min-width: 0) and (max-width: 1200px) {
  #pid-friend #flow .flowBox--friend, #pid-friend #flow .flowBox--referrer {
    width: calc(100% - 40px);
    max-width: none;
    min-height: -webkit-fill-available;
    min-height: -moz-available;
    min-height: stretch;
    padding: 32px 24px;
  }
}
#pid-friend #flow .flowBox--friend::before, #pid-friend #flow .flowBox--referrer::before {
  width: 50px;
  height: 50px;
  font-size: 3rem;
}
#pid-friend #flow .flowBox--friend .flowBox__head, #pid-friend #flow .flowBox--referrer .flowBox__head {
  display: block;
  padding: 5px 10px;
  border-radius: 10px;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 20px;
}
#pid-friend #flow .flowBox--friend .flowBox__img, #pid-friend #flow .flowBox--referrer .flowBox__img {
  max-width: none;
  border: none;
  border-radius: 0;
  margin-bottom: 20px;
}
#pid-friend #flow .flowBox--friend .flowBox__img img, #pid-friend #flow .flowBox--referrer .flowBox__img img {
  width: 125px;
}
#pid-friend #flow .flowBox--friend h4, #pid-friend #flow .flowBox--referrer h4 {
  font-size: 1.6rem;
  margin-bottom: 20px;
}
#pid-friend #flow .flowBox--friend h4 span, #pid-friend #flow .flowBox--referrer h4 span {
  display: inline-block;
  color: inherit;
  font-size: 2.4rem;
}
#pid-friend #flow .flowBox--friend .flowBox__point, #pid-friend #flow .flowBox--referrer .flowBox__point {
  padding: 10px;
  border-radius: 10px;
  font-size: 1.2rem;
}
#pid-friend #flow .flowBox--friend .flowBox__point span, #pid-friend #flow .flowBox--referrer .flowBox__point span {
  font-size: 1.4rem;
  font-weight: bold;
}
#pid-friend #flow .flowBox--friend .flowBox__point sup, #pid-friend #flow .flowBox--referrer .flowBox__point sup {
  vertical-align: super;
}
#pid-friend #flow .flowBox--friend {
  border-color: #22a9e2;
}
#pid-friend #flow .flowBox--friend::before {
  background: #22a9e2;
}
#pid-friend #flow .flowBox--friend .flowBox__head {
  background: #e6f7ff;
  color: #22a9e2;
}
#pid-friend #flow .flowBox--friend h4 {
  color: #22a9e2;
}
#pid-friend #flow .flowBox--friend .flowBox__point {
  background: #DEF2FC;
}
#pid-friend #flow .flowBox--referrer {
  border-color: #ff5a5a;
}
#pid-friend #flow .flowBox--referrer::before {
  background: #ff5a5a;
}
#pid-friend #flow .flowBox--referrer .flowBox__head {
  background: #fff0f0;
  color: #ff5a5a;
}
#pid-friend #flow .flowBox--referrer h4 {
  color: #ff5a5a;
}
#pid-friend #flow .flowBox--referrer h4 span:first-child {
  font-size: 1.2rem;
}
#pid-friend #flow .flowBox--referrer .flowBox__point {
  background: #fff0f0;
}
#pid-friend #flow .noteList {
  width: 310px;
  margin-left: auto;
}
@media only screen and (min-width: 0) and (max-width: 1200px) {
  #pid-friend #flow .noteList {
    width: calc(100% - 20px);
  }
}
#pid-friend #flow .flowMovie {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 930px;
  margin: 40px auto 0;
  background: #fff;
  border: 3px solid #005bac;
  border-radius: 15px;
  padding: 20px;
  position: relative;
  text-align: left;
}
@media only screen and (min-width: 0) and (max-width: 1000px) {
  #pid-friend #flow .flowMovie {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 36px;
    margin: 0 20px;
  }
}
#pid-friend #flow .flowMovie::before {
  content: "";
  position: absolute;
  top: -32px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 150px;
  height: 30px;
  background: url("../img/friend/flow_movie_02.svg") no-repeat center/contain;
}
#pid-friend #flow .flowMovie::after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 50%;
  margin-left: -470px;
  width: 100px;
  height: 64px;
  background: url("../img/friend/flow_movie_03.svg") no-repeat;
  z-index: 2;
}
@media only screen and (min-width: 0) and (max-width: 1000px) {
  #pid-friend #flow .flowMovie::after {
    bottom: -20px;
    left: -5px;
    margin-left: 0;
  }
}
#pid-friend #flow .flowMovie__left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30%;
          flex: 0 0 30%;
  position: relative;
  z-index: 1;
  border-radius: 10px;
  aspect-ratio: 16/9;
  overflow: hidden;
  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;
  background-image: url("https://img.youtube.com/vi/5k-3wglRZ04/maxresdefault.jpg");
  background-size: cover;
  background-position: center;
}
@media only screen and (min-width: 0) and (max-width: 1000px) {
  #pid-friend #flow .flowMovie__left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
    margin-bottom: 16px;
  }
}
#pid-friend #flow .flowMovie__left::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 1;
  -webkit-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
  z-index: -1;
}
#pid-friend #flow .flowMovie__left:hover::before {
  opacity: 0;
}
#pid-friend #flow .flowMovie__left a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
#pid-friend #flow .flowMovie__left::after {
  content: "";
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 30px solid rgba(255, 255, 255, 0.9);
  -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.3));
          filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.3));
}
#pid-friend #flow .flowMovie__right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 30px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #flow .flowMovie__right {
    padding-left: 0;
  }
}
#pid-friend #flow .flowMovie__right h4 {
  font-size: 2rem;
  color: #005bac;
  font-weight: bold;
  margin-bottom: 10px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #flow .flowMovie__right h4 {
    font-size: 1.6rem;
  }
}
#pid-friend #flow .flowMovie__right .flowMovie__text {
  font-size: 1.4rem;
  margin-bottom: 5px;
}
#pid-friend #flow .flowMovie__right .note {
  font-size: 1.1rem;
  color: #999;
}
#pid-friend #flow .flowMovie__img {
  position: absolute;
  right: 40px;
  top: -10%;
  width: 138px;
  z-index: 1;
  -webkit-animation: floating 3s ease-in-out infinite;
          animation: floating 3s ease-in-out infinite;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #flow .flowMovie__img {
    right: 0;
    top: -15%;
    width: 100px;
  }
}
#pid-friend #flow .flowMovie__img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 29.5%;
  width: 51%;
  height: 45%;
  background-color: #fff;
  border-radius: 47%;
  z-index: -1;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}
#pid-friend #flow .flowMovie__img:hover::before {
  opacity: 1;
}
#pid-friend #flow .flowMovie__img:hover img {
  opacity: 0.8;
}
#pid-friend #flow .flowMovie__img img {
  width: 100%;
  height: auto;
  display: block;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media only screen and (min-width: 0) and (max-width: 1000px) {
  #pid-friend #schedule .wrap {
    padding: 0 20px;
  }
}
#pid-friend #schedule picture {
  text-align: center;
  display: block;
  margin: 0 auto 4px;
}
@media only screen and (min-width: 0) and (max-width: 1000px) {
  #pid-friend #schedule picture {
    max-width: 340px;
  }
}
#pid-friend #schedule picture img {
  width: 100%;
}
#pid-friend #schedule .noteList {
  margin-top: 10px;
}
#pid-friend #schedule .noteList li {
  font-size: 1rem;
  text-align: left;
}
#pid-friend #targets {
  background-color: #2060a4;
  padding: 80px 20px 20px;
  color: #fff;
  text-align: center;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #targets {
    padding: 60px 0 40px;
  }
}
#pid-friend #targets .targetsHead {
  position: relative;
  width: 100%;
}
#pid-friend #targets .targetsHead::before {
  content: "";
  position: absolute;
  bottom: 10px;
  left: 50%;
  margin-left: -380px;
  width: 124px;
  height: 56px;
  background: url("../img/friend/targets_01.svg") no-repeat center top;
  -webkit-animation: floating 3s ease-in-out infinite;
          animation: floating 3s ease-in-out infinite;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-friend #targets .targetsHead::before {
    margin-left: -350px;
  }
}
#pid-friend #targets .targetsHead h3 {
  color: #fff;
  margin-bottom: 10px;
}
#pid-friend #targets .targetsHead p {
  font-size: 1.6rem;
  margin-bottom: 40px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #targets .targetsHead p {
    font-size: 1.4rem;
    margin-bottom: 16px;
  }
}
#pid-friend #targets .targetsContainer {
  overflow: hidden;
  position: relative;
  width: 100%;
  mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(10%, black), color-stop(90%, black), to(transparent));
  mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
  -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(10%, black), color-stop(90%, black), to(transparent));
  -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
  -ms-touch-action: pan-y;
      touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #targets .targetsContainer {
    mask-image: none;
    -webkit-mask-image: none;
  }
}
#pid-friend #targets .targetsBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  list-style: none;
  padding: 0;
  margin: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  will-change: transform;
}
#pid-friend #targets .targetsBox__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 357.5px;
          flex: 0 0 357.5px;
  width: 357.5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 32px 0 0;
  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;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  -webkit-transform: scale(0.75);
          transform: scale(0.75);
  -webkit-transform-origin: center center;
          transform-origin: center center;
  margin-inline: -44.6875px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #targets .targetsBox__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 250px;
            flex: 0 0 250px;
    width: 250px;
    padding: 20px 0 0;
    margin-inline: -31.25px;
  }
}
#pid-friend #targets .targetsBox__item.ico01 {
  --targets-ico: url('../img/friend/targets_ico_01.svg');
}
#pid-friend #targets .targetsBox__item.ico02 {
  --targets-ico: url('../img/friend/targets_ico_02.svg');
}
#pid-friend #targets .targetsBox__item.ico03 {
  --targets-ico: url('../img/friend/targets_ico_03.svg');
}
#pid-friend #targets .targetsBox__item.ico04 {
  --targets-ico: url('../img/friend/targets_ico_04.svg');
}
#pid-friend #targets .targetsBox__item.ico05 {
  --targets-ico: url('../img/friend/targets_ico_05.svg');
}
#pid-friend #targets .targetsBox__item.ico06 {
  --targets-ico: url('../img/friend/targets_ico_06.svg');
}
#pid-friend #targets .targetsBox__item.ico07 {
  --targets-ico: url('../img/friend/targets_ico_07.svg');
}
#pid-friend #targets .targetsBox__item.ico08 {
  --targets-ico: url('../img/friend/targets_ico_08.svg');
}
#pid-friend #targets .targetsBox__item.ico09 {
  --targets-ico: url('../img/friend/targets_ico_09.svg');
}
#pid-friend #targets .targetsBox__item.ico10 {
  --targets-ico: url('../img/friend/targets_ico_10.svg');
}
#pid-friend #targets .targetsBox__item.ico11 {
  --targets-ico: url('../img/friend/targets_ico_11.svg');
}
#pid-friend #targets .targetsBox__item.ico12 {
  --targets-ico: url('../img/friend/targets_ico_12.svg');
}
#pid-friend #targets .targetsBox__item.ico13 {
  --targets-ico: url('../img/friend/targets_ico_13.svg');
}
#pid-friend #targets .targetsBox__item.is-active {
  -webkit-transform: scale(1);
          transform: scale(1);
  z-index: 2;
  margin-inline: 0;
}
#pid-friend #targets .targetsBox__balloon {
  position: relative;
  background: #FFF;
  border-radius: 40px 40px 0 0;
  color: #222;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 0;
  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%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 40px 16px 24px;
  border-bottom: 2px solid #dce5ee;
  text-align: center;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #targets .targetsBox__balloon {
    font-size: 1.4rem;
    padding: 28px 8px 14px;
  }
}
#pid-friend #targets .targetsBox__balloon::before {
  content: "";
  position: absolute;
  top: -32px;
  width: 118px;
  height: 32px;
  background: url("../img/friend/targets_ico_bg.svg") no-repeat center/contain;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #targets .targetsBox__balloon::before {
    height: 20px;
    top: -20px;
  }
}
#pid-friend #targets .targetsBox__balloon::after {
  content: "";
  position: absolute;
  top: -16px;
  width: 40px;
  height: 40px;
  background: var(--targets-ico) no-repeat center/contain;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #targets .targetsBox__balloon::after {
    height: 24px;
    top: -8px;
  }
}
#pid-friend #targets .targetsBox__detail {
  background: #E9EFF6;
  border-radius: 0 0 40px 40px;
  overflow: hidden;
  padding: 24px 24px 0;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16);
  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: 301px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#pid-friend #targets .targetsBox__detail.back--red {
  background: #F6E9F6;
}
#pid-friend #targets .targetsBox__detail.back--yellow {
  background: #F6F0E9;
}
#pid-friend #targets .targetsBox__detail.back--green {
  background: #E9F6EA;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #targets .targetsBox__detail {
    padding: 14px 14px 0;
    min-height: auto;
  }
}
#pid-friend #targets .targetsBox__service {
  width: 100%;
  height: 80px;
  margin: 0 auto 16px;
  background-color: #FFF;
  border-radius: 10px;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #targets .targetsBox__service {
    width: 214px;
    height: 56px;
  }
}
#pid-friend #targets .targetsBox__service img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 20px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #targets .targetsBox__service img {
    height: 14px;
  }
}
#pid-friend #targets .targetsBox__service.long img {
  height: 42px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #targets .targetsBox__service.long img {
    height: 32px;
  }
}
#pid-friend #targets .targetsBox__comment {
  color: #333;
  font-size: 1.75rem;
  line-height: 1.55;
  padding: 0;
  text-align: center;
  margin-bottom: 24px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #targets .targetsBox__comment {
    font-size: 1.2rem;
    margin-bottom: 16px;
  }
}
#pid-friend #targets .targetsBox__img {
  margin: 0 auto;
}
#pid-friend #targets .targetsBox__img img {
  height: 80px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #targets .targetsBox__img img {
    height: 56px;
  }
}
#pid-friend #targets .carouselDots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  margin-top: 40px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #targets .carouselDots {
    margin-top: 24px;
  }
}
#pid-friend #targets .carouselDots .dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff;
  border: none;
  cursor: pointer;
  padding: 0;
  opacity: 0.4;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
}
#pid-friend #targets .carouselDots .dot.is-active {
  opacity: 1;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
#pid-friend #targets .carousel-nav {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  max-width: 450px;
  height: 0;
  pointer-events: none;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.8s ease, visibility 0.8s ease;
  transition: opacity 0.8s ease, visibility 0.8s ease;
}
#pid-friend #targets .carousel-nav.is-initialized {
  opacity: 1;
  visibility: visible;
}
#pid-friend #targets .carousel-nav button {
  pointer-events: auto;
  position: absolute;
  top: 0;
  width: 44px;
  height: 44px;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
  transition: opacity 0.2s, -webkit-transform 0.2s;
  transition: transform 0.2s, opacity 0.2s;
  transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s;
}
#pid-friend #targets .carousel-nav button:hover {
  opacity: 0.8;
}
#pid-friend #targets .carousel-nav button#carouselPrev {
  left: 44px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-image: url("../img/friend/targets_ico_arrow.svg");
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #targets .carousel-nav button#carouselPrev {
    left: 15%;
  }
}
#pid-friend #targets .carousel-nav button#carouselNext {
  right: 44px;
  background-image: url("../img/friend/targets_ico_arrow.svg");
  -webkit-transform: translate(50%, -50%) scaleX(-1);
          transform: translate(50%, -50%) scaleX(-1);
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #targets .carousel-nav button#carouselNext {
    right: 15%;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #faq.contents {
    padding: 60px 0;
  }
}
#pid-friend #faq .wrap {
  text-align: center;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #faq .wrap {
    padding: 0 20px;
  }
}
#pid-friend #faq h3 {
  color: #222;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #faq h3 {
    margin-bottom: 24px;
  }
}
#pid-friend #faq .faqList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
  margin-bottom: 40px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #faq .faqList {
    margin-bottom: 24px;
  }
}
#pid-friend #faq .faqUnit {
  width: 100%;
  background-color: #fff;
}
#pid-friend #faq .faqUnit__toggle {
  display: none;
}
#pid-friend #faq .faqUnit__question {
  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: 20px 25px;
  background-color: #f2f2f2;
  border-radius: 8px;
  cursor: pointer;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  position: relative;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #faq .faqUnit__question {
    padding: 16px;
  }
}
#pid-friend #faq .faqUnit__question:hover {
  background-color: rgb(234.35, 234.35, 234.35);
}
#pid-friend #faq .faqUnit__questionText {
  font-weight: bold;
  line-height: 1.5;
  padding-right: 40px;
  color: #222;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #faq .faqUnit__questionText {
    text-align: left;
    font-size: 1.4rem;
    padding-right: 16px;
  }
}
#pid-friend #faq .faqUnit__question::after {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 30px;
  height: 30px;
  background-color: #1B5FA6;
  border-radius: 50%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
  background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 14px 2px, 2px 14px;
  -webkit-transition: background-color 0.3s, -webkit-transform 0.2s;
  transition: background-color 0.3s, -webkit-transform 0.2s;
  transition: transform 0.2s, background-color 0.3s;
  transition: transform 0.2s, background-color 0.3s, -webkit-transform 0.2s;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #faq .faqUnit__question::after {
    width: 24px;
    height: 24px;
    background-size: 12px 2px, 2px 12px;
  }
}
#pid-friend #faq .faqUnit__answer {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.2s ease-in-out, opacity 0.2s ease-in-out, border-color 0s 0.2s;
  transition: max-height 0.2s ease-in-out, opacity 0.2s ease-in-out, border-color 0s 0.2s;
  border: 3px solid #f2f2f2;
  border-top: none;
  border-radius: 0 0 8px 8px;
  opacity: 0;
}
#pid-friend #faq .faqUnit__answer p {
  padding: 20px 25px;
  line-height: 1.8;
  font-size: 1.5rem;
  text-align: left;
  color: #222;
  margin: 0;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #faq .faqUnit__answer p {
    padding: 16px;
    font-size: 1.4rem;
  }
}
#pid-friend #faq .faqUnit__answer a[target=_blank] {
  display: inline;
  padding-right: 0.2em;
}
#pid-friend #faq .faqUnit__answer a[target=_blank]::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: 0.1em;
  vertical-align: middle;
  position: relative;
  top: -0.1em;
  background-color: currentColor;
  -webkit-mask: url("../img/friend/ico_window_white.svg") no-repeat center/contain;
          mask: url("../img/friend/ico_window_white.svg") no-repeat center/contain;
}
#pid-friend #faq .faqUnit__toggle:checked + .faqUnit__question .faqUnit__questionText {
  color: #1B5FA6;
}
#pid-friend #faq .faqUnit__toggle:checked + .faqUnit__question::after {
  background-size: 14px 2px, 0 0;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
#pid-friend #faq .faqUnit__toggle:checked + .faqUnit__question {
  border-radius: 8px 8px 0 0;
}
#pid-friend #faq .faqUnit__toggle:checked ~ .faqUnit__answer {
  max-height: 500px;
  border-color: #f2f2f2;
  -webkit-transition: max-height 0.2s ease-in-out, opacity 0.3s ease-in-out, border-color 0s;
  transition: max-height 0.2s ease-in-out, opacity 0.3s ease-in-out, border-color 0s;
  opacity: 1;
}
#pid-friend #faq .btn a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 15px 40px;
  border: 2px solid #222;
  border-radius: 40px;
  color: #222;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.8rem;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #faq .btn a {
    font-size: 1.4rem;
    padding: 18px 24px;
  }
}
#pid-friend #faq .btn a::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: -40px;
  width: 60px;
  height: 70px;
  background: url(../img/friend/faq_01.svg) no-repeat center/contain;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #faq .btn a::before {
    bottom: -5px;
    right: -23px;
    width: 40px;
    height: 50px;
  }
}
#pid-friend #faq .btn a::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: 8px;
  border-radius: 50%;
  background: #222 url("../img/friend/ico_arrow_white.svg") no-repeat center/60%;
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}
#pid-friend #faq .btn a:hover {
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}
#pid-friend #other {
  width: 100%;
  max-width: 1200px;
}
#pid-friend #other.contents {
  padding-top: 0;
  padding-bottom: 0;
}
#pid-friend #other .other__container {
  max-width: 1200px;
  padding: 80px 0;
  margin: 0 auto;
  border-radius: 40px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(223, 242, 252, 0.5)), to(rgba(223, 242, 252, 0.5))), url("../img/friend/bg_dot.svg") repeat, #dff2fc;
  background: linear-gradient(rgba(223, 242, 252, 0.5), rgba(223, 242, 252, 0.5)), url("../img/friend/bg_dot.svg") repeat, #dff2fc;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-friend #other .other__container {
    margin: 0 20px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #other .other__container {
    padding: 60px 0;
    margin: 0 20px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #other .other__container .wrap {
    padding: 0 20px;
  }
}
#pid-friend #other h3 {
  margin-bottom: 50px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #other h3 {
    margin-bottom: 24px;
  }
}
#pid-friend #other .reviewsBox {
  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;
  gap: 22px 18px;
  padding: 0;
  margin: 0;
}
@media only screen and (min-width: 0) and (max-width: 1000px) {
  #pid-friend #other .reviewsBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#pid-friend #other .reviewsBox__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 calc((100% - 18px) / 2);
          flex: 0 1 calc((100% - 18px) / 2);
  list-style: none;
}
@media only screen and (min-width: 0) and (max-width: 1000px) {
  #pid-friend #other .reviewsBox__item {
    width: 100%;
    max-width: none;
  }
}
#pid-friend #other .reviewsBox__item:first-child {
  margin-top: 0;
}
@media only screen and (min-width: 0) and (max-width: 1000px) {
  #pid-friend #other .reviewsBox__item:nth-child(1) {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  #pid-friend #other .reviewsBox__item:nth-child(3) {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  #pid-friend #other .reviewsBox__item:nth-child(5) {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  #pid-friend #other .reviewsBox__item:nth-child(7) {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  #pid-friend #other .reviewsBox__item:nth-child(2) {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  #pid-friend #other .reviewsBox__item:nth-child(4) {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  #pid-friend #other .reviewsBox__item:nth-child(6) {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  #pid-friend #other .reviewsBox__item:nth-child(8) {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
}
#pid-friend #other .reviewsBox__label {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 3px;
  color: #fff;
  font-weight: bold;
  font-size: 1.2rem;
  line-height: 1;
  white-space: nowrap;
  margin-bottom: 8px;
}
#pid-friend #other .reviewsBox__label--red {
  background-color: #ff5a5a;
}
#pid-friend #other .reviewsBox__label--blue {
  background-color: #22a9e2;
}
#pid-friend #other .reviewsBox__detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0 16px;
  background: #fff;
  border-radius: 20px;
  padding: 24px;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #222;
}
@media only screen and (min-width: 0) and (max-width: 1000px) {
  #pid-friend #other .reviewsBox__detail {
    gap: 0 12px;
    padding: 14px 14px 14px;
    border-radius: 14px;
  }
}
#pid-friend #other .reviewsBox__detailImg {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 64px;
          flex: 0 0 64px;
}
@media only screen and (min-width: 0) and (max-width: 1000px) {
  #pid-friend #other .reviewsBox__detailImg {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50px;
            flex: 0 0 50px;
  }
}
#pid-friend #other .reviewsBox__detailImg p {
  margin-bottom: 0;
}
#pid-friend #other .reviewsBox__detailImg img {
  display: block;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #ececec;
}
@media only screen and (min-width: 0) and (max-width: 1000px) {
  #pid-friend #other .reviewsBox__detailImg img {
    width: 50px;
    height: 50px;
  }
}
#pid-friend #other .reviewsBox__detailTxt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  padding-top: 2px;
}
@media only screen and (min-width: 0) and (max-width: 1000px) {
  #pid-friend #other .reviewsBox__detailTxt {
    padding-top: 0;
  }
}
#pid-friend #other .reviewsBox__data {
  font-size: 1.6rem;
  font-weight: bold;
  color: #222;
  margin: 0 0 12px;
}
@media only screen and (min-width: 0) and (max-width: 1000px) {
  #pid-friend #other .reviewsBox__data {
    font-size: 1.4rem;
    margin-bottom: 8px;
  }
}
#pid-friend #other .reviewsBox__data span {
  display: inline-block;
  margin-left: 8px;
  font-size: 1.2rem;
  font-weight: normal;
  vertical-align: baseline;
}
#pid-friend #other .reviewsBox__comment {
  margin: 0;
  padding-top: 12px;
  border-top: 1px solid #ccc;
  font-size: 1.6rem;
  color: #222;
}
@media only screen and (min-width: 0) and (max-width: 1000px) {
  #pid-friend #other .reviewsBox__comment {
    font-size: 1.2rem;
  }
}
#pid-friend .other__Img {
  position: absolute;
  top: -45px;
  left: 110px;
  width: 120px;
  z-index: 10;
  -webkit-filter: drop-shadow(10px 10px 20px rgba(0, 0, 0, 0.2));
          filter: drop-shadow(10px 10px 20px rgba(0, 0, 0, 0.2));
  -webkit-animation: floating 3s ease-in-out infinite;
          animation: floating 3s ease-in-out infinite;
}
@media only screen and (min-width: 0) and (max-width: 1000px) {
  #pid-friend .other__Img {
    width: 100px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend .other__Img {
    width: 80px;
    top: -10px;
    left: 10%;
  }
}
#pid-friend .other__Img img {
  width: 100%;
  display: block;
}
#pid-friend #campaign {
  position: relative;
  max-width: 1200px;
  padding: 80px 0 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0.8))), url("../img/friend/campaign_bg.svg") repeat-x center top;
  background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url("../img/friend/campaign_bg.svg") repeat-x center top;
  background-size: 100% auto;
  text-align: center;
  overflow: visible;
  z-index: 2;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #campaign {
    padding: 60px 0 0;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #campaign .wrap {
    padding: 0 20px;
  }
}
#pid-friend #campaign h3 {
  color: #222;
  margin-bottom: 20px;
}
#pid-friend #campaign .campaignHead {
  font-size: 1.6rem;
  margin-bottom: 40px;
  color: #222;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #campaign .campaignHead {
    font-size: 1.4rem;
    text-align: left;
  }
}
#pid-friend #campaign .campaignHead a {
  color: #1B5FA6;
  text-decoration: underline;
}
#pid-friend #campaign .campaignHead a:hover {
  text-decoration: none;
  opacity: 0.8;
}
#pid-friend #campaign .camapignBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 30px 24px;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #pid-friend #campaign .camapignBox {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #campaign .camapignBox {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 16px;
  }
}
#pid-friend #campaign .camapignBox li {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 calc(50% - 12px);
          flex: 0 1 calc(50% - 12px);
  max-width: 310px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #campaign .camapignBox li p {
    margin-bottom: 0;
  }
}
#pid-friend #campaign .camapignBox li .camapignBox__img {
  margin-bottom: 10px;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
#pid-friend #campaign .camapignBox li .camapignBox__img img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  display: block;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #campaign .camapignBox li .camapignBox__img img {
    border-radius: 5px;
  }
}
#pid-friend #campaign .camapignBox li .camapignBox__img:hover {
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}
#pid-friend #campaign .camapignBox li .camapignBox__service {
  font-size: 1.4rem;
  color: #222;
  font-weight: bold;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #campaign .camapignBox li .camapignBox__service {
    font-size: 1.2rem;
    font-weight: normal;
  }
}
#pid-friend #campaign .camapignBox li a:link {
  text-decoration: none;
}
#pid-friend #campaign .campaignMore {
  text-align: center;
  margin-top: 20px;
  display: none;
}
#pid-friend #campaign .campaignMore.is-active {
  display: block;
}
#pid-friend #campaign .campaignMore__btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 15px 40px;
  border: 2px solid #222;
  background: #fff;
  border-radius: 40px;
  color: #222;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.8rem;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
  cursor: pointer;
  line-height: 1;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #campaign .campaignMore__btn {
    font-size: 1.4rem;
    padding: 18px 24px;
    min-width: 214px;
  }
}
#pid-friend #campaign .campaignMore__btn::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: 8px;
  border-radius: 50%;
  background: #222 url("../img/friend/ico_arrow_white.svg") no-repeat center/60%;
}
#pid-friend #campaign .campaignMore__btn:hover {
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}
#pid-friend #attention {
  background-color: #f2f2f2;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #attention .wrap {
    margin: 0 20px;
  }
}
#pid-friend #attention h3 {
  font-size: 2.4rem;
  color: #222;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #attention h3 {
    margin-bottom: 24px;
  }
}
#pid-friend #attention .twoColumn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  border-bottom: 1px solid #ccc;
  border-left: 2px solid #ccc;
  border-right: 2px solid #ccc;
  overflow: hidden;
}
#pid-friend #attention .twoColumn:first-of-type {
  border-top: 2px solid #ccc;
  border-radius: 8px 8px 0 0;
}
#pid-friend #attention .twoColumn:last-of-type {
  border-radius: 0 0 8px 8px;
  border-bottom: 2px solid #ccc;
}
#pid-friend #attention .twoColumn__left {
  background: #fff;
  -ms-flex-preferred-size: 240px;
      flex-basis: 240px;
  padding: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #attention .twoColumn__left {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    padding: 24px 24px 16px 24px;
  }
}
#pid-friend #attention .twoColumn__right {
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: calc(100% - 240px);
      flex-basis: calc(100% - 240px);
  padding: 40px 40px 40px 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #attention .twoColumn__right {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    padding: 0 24px 24px 24px;
    font-size: 1.4rem;
  }
}
#pid-friend #attention .twoColumn__right ul {
  padding-left: 1em;
}
#pid-friend #attention .twoColumn__right ul li {
  list-style: disc;
  margin-left: 1em;
  margin-bottom: 8px;
}
#pid-friend #attention .twoColumn__right ul li:last-child {
  margin-bottom: 0;
}
#pid-friend #attention .twoColumn__right ul li span {
  font-weight: bold;
}
#pid-friend #attention .twoColumn__right .note {
  margin-top: 4px;
}
#pid-friend #attention .twoColumn__title {
  font-size: 1.6rem;
  font-weight: bold;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #attention .twoColumn__title {
    margin: 0;
  }
}
#pid-friend #attention .twoColumn .twoColumn__box {
  border: 1px solid #EFE6C0;
  background: #fffdf5;
  padding: 24px;
  margin-top: 14px;
  border-radius: 5px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #attention .twoColumn .twoColumn__box {
    margin-top: 16px;
    padding: 16px;
  }
}
#pid-friend #attention .twoColumn .twoColumn__box__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #eca700;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 8px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #attention .twoColumn .twoColumn__box__title {
    font-size: 1.4rem;
  }
}
#pid-friend #attention .twoColumn .twoColumn__box__title::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-top: 1px;
  margin-right: 2px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: url(../img/friend/attention_ico_arrow.svg) no-repeat center;
}
#pid-friend #attention .twoColumn .twoColumn__infoGroup {
  width: 100%;
  margin-top: 14px;
  border: 1px solid #ccc;
  border-radius: 5px;
  overflow: hidden;
}
#pid-friend #attention .twoColumn .twoColumn__infoGroup + .twoColumn__infoGroup {
  margin-top: 14px;
}
#pid-friend #attention .twoColumn .twoColumn__infoGroup:first-child {
  margin-top: 0;
}
#pid-friend #attention .twoColumn .twoColumn__infoGroup .twoColumn__info__title {
  padding: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
  background: #ccc;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #attention .twoColumn .twoColumn__infoGroup .twoColumn__info__title {
    font-size: 1.4rem;
    padding: 8px 16px;
  }
}
#pid-friend #attention .twoColumn .twoColumn__infoGroup .twoColumn__info__subTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
  margin-bottom: 6px;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #attention .twoColumn .twoColumn__infoGroup .twoColumn__info__subTitle {
    font-size: 1.4rem;
  }
}
#pid-friend #attention .twoColumn .twoColumn__infoGroup .twoColumn__info__subTitle::before {
  content: "\25a0";
  color: #ccc;
  font-size: 2rem;
  margin-right: 4px;
  margin-top: -5px;
  line-height: 1;
}
#pid-friend #attention .twoColumn .twoColumn__infoGroup .twoColumn__info__detail {
  padding: 24px;
  background: #fff;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend #attention .twoColumn .twoColumn__infoGroup .twoColumn__info__detail {
    padding: 16px;
  }
}
#pid-friend #attention .twoColumn .twoColumn__infoGroup--red {
  border-color: #ff5454;
}
#pid-friend #attention .twoColumn .twoColumn__infoGroup--red .twoColumn__info__title {
  background: #ff5454;
}
#pid-friend #attention .twoColumn .twoColumn__infoGroup--red .twoColumn__info__subTitle {
  color: #ff5454;
}
#pid-friend #attention .twoColumn .twoColumn__infoGroup--red .twoColumn__info__subTitle::before {
  color: #ff5454;
}
#pid-friend #attention .twoColumn .twoColumn__infoGroup--red .twoColumn__info__detail {
  background: #fff8f8;
}
#pid-friend #attention .twoColumn .twoColumn__infoGroup--blue {
  border-color: #20aae9;
}
#pid-friend #attention .twoColumn .twoColumn__infoGroup--blue .twoColumn__info__title {
  background: #20aae9;
}
#pid-friend #attention .twoColumn .twoColumn__infoGroup--blue .twoColumn__info__subTitle {
  color: #20aae9;
}
#pid-friend #attention .twoColumn .twoColumn__infoGroup--blue .twoColumn__info__subTitle::before {
  color: #20aae9;
}
#pid-friend #attention .twoColumn .twoColumn__infoGroup--blue .twoColumn__info__detail {
  background: #f6fbfe;
}
#pid-friend #attention .twoColumn .twoColumn__infoGroup--yellow {
  border-color: #eca700;
}
#pid-friend #attention .twoColumn .twoColumn__infoGroup--yellow .twoColumn__info__title {
  background: #eca700;
}
#pid-friend #attention .twoColumn .twoColumn__infoGroup--yellow .twoColumn__info__subTitle {
  color: #eca700;
}
#pid-friend #attention .twoColumn .twoColumn__infoGroup--yellow .twoColumn__info__subTitle::before {
  color: #eca700;
}
#pid-friend #attention .twoColumn .twoColumn__infoGroup--yellow .twoColumn__info__detail {
  background: #fffdf5;
}
#pid-friend .copyright {
  color: #222;
  background-color: #f2f2f2;
}
#pid-friend .ctaArea {
  position: relative;
  max-width: 1200px;
  margin: 80px auto;
  padding: 60px 20px 0;
  background-color: #fed44b;
  border-radius: 40px;
  overflow: hidden;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 1099px) {
  #pid-friend .ctaArea {
    border-radius: 0;
    margin: 60px auto;
  }
}
#pid-friend .ctaArea::before {
  content: "";
  position: absolute;
  bottom: -18px;
  left: -10%;
  width: 118%;
  height: 335px;
  background: url(../img/friend/cta_bg.svg) no-repeat center top;
  background-size: cover;
  opacity: 0.5;
  z-index: 1;
}
@media only screen and (min-width: 0) and (max-width: 1100px) {
  #pid-friend .ctaArea::before {
    bottom: -90px;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend .ctaArea::before {
    bottom: -90px;
    left: 0;
    width: 100%;
  }
}
#pid-friend .ctaArea__balloon {
  position: absolute;
  top: 55px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: inline-block;
  background-color: #1a56a5;
  color: #fff;
  padding: 5px 20px 3px;
  border-radius: 20px;
  font-weight: bold;
  font-size: 1.3rem;
  z-index: 3;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  #pid-friend .ctaArea__balloon {
    font-size: 1.2rem;
    width: 100%;
    max-width: 335px;
    padding: 5px 10px 3px;
  }
}
#pid-friend .ctaArea__balloon::after {
  content: "";
  position: absolute;
  top: 90%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-style: solid;
  border-width: 10px 8px 0 8px;
  border-color: #1a56a5 transparent transparent transparent;
}
#pid-friend .ctaArea__link {
  position: relative;
  z-index: 2;
}
#pid-friend .ctaArea__link .btn--primary {
  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%;
  max-width: 420px;
  margin: 0 auto;
  height: 70px;
  background-color: #ff3333;
  color: #fff;
  text-decoration: none;
  font-size: 2rem;
  font-weight: bold;
  border-radius: 35px;
  border: 3px solid #fff;
  -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
#pid-friend .ctaArea__link .btn--primary:hover {
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}
#pid-friend .ctaArea__link .btn--primary::after {
  content: "";
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 16px;
  height: 13px;
  background: url("../img/friend/ico_window_white.svg") no-repeat center/contain;
}
#pid-friend .ctaArea__foot {
  position: relative;
  margin-top: 10px;
  z-index: 3;
}
#pid-friend .ctaArea__foot img {
  width: 150px;
  height: auto;
  vertical-align: bottom;
}
@-webkit-keyframes floating {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes floating {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
/*# sourceMappingURL=site.css.map */