@charset "UTF-8";

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

/*----------------------------------------------------
 mainvisual
----------------------------------------------------*/
.cfd-mainvisual {
  position: relative;
}
.cfd .cfd-schedule {
  position: absolute;
  top: 100%;
  left: 12.44%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 75.1%;
}

@media (min-width: 940px) {
  .cfd .cfd-schedule {
    left: 28.775%;
    width: 42.45%;
  }
}

/*----------------------------------------------------
 cfd-content
----------------------------------------------------*/
@media (min-width: 940px) {
  .cfd-content {
    background: #C7E9F7;
    padding: 0 3.65%;
  }
  .cfd-inner {
    background: #fff;
  }
}

/*----------------------------------------------------
 catch
----------------------------------------------------*/
.cfd-catch-in {
  padding-bottom: 11.56vw;
}

.cfd-catch-in {
  padding-bottom: 11.56vw;
}

.cfd-catch-img {
  margin-bottom: 5vw;
  text-align: center;
}
.cfd-catch-link {
  font-size: 3vw;
  margin-bottom: 10vw;
  text-align: center;
}
.cfd-catch-link a {
  color: #13327B;
  text-decoration: underline;
}
.cfd-catch-link a:hover {
  text-decoration: none;
}

@media (min-width: 940px) {
  .cfd-catch-in {
    padding-top: 7.9167vw;
    padding-bottom: 9.33vw;
  }
  .cfd-catch-img {
    margin: 0 auto 3vw;
    width: 88.65%;
  }
  .cfd-catch-link {
    font-size: 2vw;
    margin-bottom: 10vw;
  }
}

/*----------------------------------------------------
 apply
----------------------------------------------------*/
.cfd-apply {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  width: 83.8%;
}

.cfd-apply-left,
.cfd-apply-right {
  width: 45.4%;
}

.cfd-apply-hojin {
  padding-top: 1vw;
  text-align: center;
}
.cfd-apply-hojin a {
  border-bottom: 1px solid #13327B;
  color: #13327B;
  display: inline-block;
  font-size: 2.96vw;
  font-weight: bold;
}

@media (min-width: 940px) {
  .cfd-apply {
    width: 52.92%;
  }
  
  .cfd-apply-left,
  .cfd-apply-right {
    width: 45.4%;
  }

  .cfd-apply-hojin a {
    font-size: 1.734375vw;
  }
}

/*----------------------------------------------------
 cando
----------------------------------------------------*/
@media (min-width: 940px) {
  .cfd-cando img {
    margin: 0 auto;
    width: 83.15%;
  }
}

/*----------------------------------------------------
 diff-comp
----------------------------------------------------*/
.cfd-difference,
.cfd-comparison {
  margin: 0 auto;
  width: 88.89%;
}
.cfd-comparison {
  padding-top: 14.4vw;
}

.cfd-difference-title {
  margin: 0 auto 30px;
  width: 85.46%;
}

.cfd-comparison-title {
  margin: 0 auto 30px;
  width: 47.1%;
}

@media (min-width: 940px) {
  .cfd-difference,
  .cfd-comparison {
    width: 78.65%;
  }
  
  .cfd-difference-title {
    margin-bottom: 3.65vw;
    width: 100%;
  }
  
  .cfd-comparison-title {
    margin-bottom: 3.65vw;
    width: 31.43%;
  }
}


/*----------------------------------------------------
 table
----------------------------------------------------*/
.cfd-table table {
  border-collapse: collapse;
  width: 100%;
}
.cfd-table table thead th:nth-child(1) {
  width: 20%;
}
.cfd-table table thead th:nth-child(n+2) {
  width: 40%;
}

.cfd-table table th,
.cfd-table table td {
  border-bottom: 2px solid #13327B;
  padding: 10px 5px;
  text-align: center;
}
.cfd-table table th {
  background: #F2F2F2;
  font-size: 2.68vw;
  font-weight: normal;
}
.cfd-table-remark,
.cfd-table table th small {
  font-size: 1.98vw;
}
.cfd-table-remark {
  margin-top: 10px;
}

.cfd-table table td {
  font-size: 3.5vw;
  font-weight: bold;
  line-height: 1.3;
}
.cfd-table-vat {
  vertical-align: top;
}
.cfd-table table td small {
  color: #000;
  font-size: 2.25vw;
}
.cfd-table table td small.cfd-table-small1 {
  color: inherit;
}

.cfd-table table th:nth-child(2),
.cfd-table table td:nth-child(2) {
  border-left: 2px solid #13327B;
  border-right: 2px solid #13327B;
}

.cfd-table table td:nth-child(2) {
  color: #0071BC;
}
.cfd-table table td:nth-child(3) {
  color: #E05E8D;
}

@media (min-width: 940px) {
  .cfd-table table thead th:nth-child(1) {
    width: 24%;
  }
  .cfd-table table thead th:nth-child(n+2) {
    width: 38%;
  }
  
  .cfd-table table th,
  .cfd-table table td {
    border-bottom: 2px solid #13327B;
    padding: 20px;
  }
  .cfd-table table th {
    font-size: 1.45vw;
    padding-top: 1.35vw;
    padding-bottom: 1.35vw;
  }
  .cfd-table table th img {
    width: 60%;
  }
  .cfd-table-remark,
  .cfd-table table th small {
    font-size: 1.074vw;
  }
  .cfd-table-remark {
    margin-top: 1.35vw;
  }
  
  .cfd-table table td {
    font-size: 1.9vw;
    padding-top: 2.34vw;
    padding-bottom: 2.34vw;
  }
  .cfd-table table td small {
    font-size: 1.21875vw;
  }
}

/*----------------------------------------------------
 introduction
----------------------------------------------------*/
.cfd-introduction {
  text-align: center;
}
/* title */
.cfd-introduction-title {
  margin: 0 auto 10px;
  width: 91.55%;
}
/* text */
.cfd-introduction-text {
  font-size: 2.44vw;
  margin-bottom: 20px;
}
/* img */
.cfd-introduction-img {
  font-size: 1.75vw;
  margin-bottom: 10.13vw;
}
.cfd-introduction-img img {
  margin-bottom: 10px;
}

.cfd-introduction .cfd-table {
  margin: 0 auto;
  width: 88.89%;
}
.cfd-hold-down-img {
  margin: 0 auto;
  padding: 9.375vw 0;
  width: 91.55%;
}

.cfd-coming-soon-img {
  background: #FFFF8F;
  margin-top: 8.89vw;
  margin-bottom: 7.55vw;
  padding: 6.2vw 14.45%;
}
.cfd-release-img {
  margin-top: 8.89vw;
  margin-bottom: 7.55vw;
}

@media (min-width: 940px) {
  .cfd-introduction-in {
    margin-left: auto;
    margin-right: auto;
    width: 78.65%;
  }
  .cfd-introduction-in:nth-child(n+2) {
    padding-bottom: 7.55vw; 
  }
  /* title */
  .cfd-introduction-title {
    margin-bottom: 1.91vw;
  }
  /* text */
  .cfd-introduction-text {
    font-size: 1.786vw;
    margin-bottom: 2.34375vw;
  }
  /* img */
  .cfd-introduction-img {
    font-size: 1.276vw;
    margin-bottom: 7.03vw;
  }
  .cfd-introduction-img img {
    margin-bottom: .9375vw;
  }
  
  .cfd-introduction .cfd-table {
    width: 100%;
  }
  .cfd-hold-down-img {
    padding: 8.073vw 0 11.72vw;
    width: 92%;
  }
  
  .cfd-coming-soon-img {
    border-radius: 4.16vw;
    margin-top: 6.25vw;
    margin-bottom: 0;
    padding: 3.85vw 21.7% 2.86vw;
  }
  .cfd-release-img {
    margin-top: 6.25vw;
    margin-bottom: 0;
  }
  .cfd-release-img img {
    border-radius: 4.16vw;
  }
}

/*----------------------------------------------------
 introduction
----------------------------------------------------*/
.cfd-important {
  margin: 8.89vw auto 7.55vw;
  padding: 0 20px;
}
.cfd-important-title {
  font-size: 3.5vw;
  font-weight: bold;
  margin-bottom: 30px;
}
.cfd-important p,
.cfd-important li {
  font-size: 2.68vw;
  text-align: left;
}
.cfd-important p {
  margin-bottom: 15px;
}
.cfd-important li a {
  text-decoration: underline;
}

@media (min-width: 940px) {
  .cfd-important {
    margin-top: 6.25vw;
    margin-bottom: 0;
    padding-bottom: 7.55vw;
    width: 78.65%;
  }
  .cfd-important-title {
    font-size: 1.9vw;
    margin-bottom: 3.65vw;
  }
  .cfd-important p,
  .cfd-important li {
    font-size: 1.45vw;
  }
  .cfd-important p {
    margin-bottom: 2.3vw;
  }
}