@charset "UTF-8";
/* title-box
-----------------------*/
#page-title-box {
  position: relative;
  background: no-repeat center top/cover;
}
#page-title-box.-question .text-box .page-title-ja{
  line-height: 1.5;
}
#page-title-box.-formal {
  background-image: url(../../images/products/formal/pc_bg_mv.jpg);
}
#page-title-box .text-box .lead{
  display: none;
}

@media screen and (max-width: 600px) {
  #page-title-box.-formal {
    background-image: url(../../images/products/formal/sp_bg_mv.jpg);
  }
}

/* common
-----------------------*/
.txt,
.case .lead,
.series .lead{
  font-weight: 400;
}
@media screen and (min-width: 601px) {
section  .inner > .list {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}

}




/* formal-mv
-----------------------*/
#formal-mv .inner{
  width: 100%;
  padding: 0;
  position: relative;
  background: #141718;
}
#formal-mv .image{
  display: block;
  width: 100%;
}
#formal-mv img{
  width: 100%;
}
@media screen and (min-width: 601px) {
#formal-mv .image{
  max-width: 1280px;
  margin: 0 auto;
}
}




/* case
-----------------------*/
.case{
  background: #2b2b2b;
}
.case .title-block{
  padding: 8rem 0 8rem 0;
  text-align: center;
  background: url(../../images/products/formal/pc_bg_case.png) no-repeat center center / cover;
}
.case .section-title{
  margin-bottom: 3rem;
  color: #fff;
  font-size: 3.6rem;
  font-weight: 500;
  line-height: 1;
}
.case .lead{
  color: #fff;
  font-size: 1.5rem;
  line-height: 2;
}
.case .inner{
  width: 940px;
  padding: 2rem 0 12rem;
  background: #2b2b2b;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.case .ttl{
  color: #fff;
  margin-top: 2.5rem;
  font-size: 2.5rem;
  line-height: 1;
}
.case .sub{
  color: #d9ba90;
  margin-top: 1.5rem;
  font-size: 1.5rem;
  line-height: 1.76;
}
.case .sub span{
  margin-right: 1rem;
  color: #d9ba90;
  font-size: 1.5rem;
  font-weight: 400;
}


@media screen and (min-width: 601px) {
.case .item{
  width: 44%;
  margin: 8rem 0 0 12%;
}
.case .item:first-child,
.case .item:nth-child(3){
  margin-left: 0;
}

}


@media screen and (max-width: 600px) {
  .case .title-block{
    padding: 9vw 0 9vw 0;
    text-align: center;
    background: url(../../images/products/formal/sp_bg_case.png) no-repeat center center / cover;
  }
  .case .section-title{
    margin-bottom: 5.73333vw;
    font-size: 5.73333vw;
    line-height: 1.5;
  }
  .case .lead{
    font-size: 3.68vw;
  }
  .case .inner{
    padding: 11vw 10vw 6vw;
    display: inline-block;
  }
  .case .item{
    margin-bottom: 12vw;
  }
  .case .ttl{
    margin-top: 5.56667vw;
    font-size: 5.06667vw;
  }
  .case .sub,
  .case .sub span{
    font-size: 3.3333vw;
  }
  .case .sub{
    margin-top: 2.3333vw;
  }
}



/* series
-----------------------*/
.series{
  padding: 9rem 0 12rem 0;
  background: url(../../images/products/formal/bg_series.jpg) no-repeat center center / cover;
  color: #fff;
}
.series .inner{
  width: 1000px;
  padding: 0;
}
.series .section-title{
  margin-bottom: 3rem;
  color: #dee6ef;
  font-size: 3.6rem;
  font-weight: 400;
  line-height: 1;
  text-align: center;
}
.series .inner > .ttl{
  margin-bottom: 3rem;
  font-size: 2rem;
  line-height: 1.5;
  text-align: center;
}
.series .lead{
  margin-bottom: 5rem;
  font-size: 1.5rem;
  line-height: 2;
  text-align: center;
}
.series .name{
  margin-top: 2.4rem;
  font-size: 2.5rem;
  line-height: 1;
  text-align: left;
}
.series .num{
  color: #d9ba90;
  margin-top: 1.8rem;
  font-size: 1.5rem;
  line-height: 1;
  text-align: left;
}
.series .item .ttl{
  margin-top: 1.8rem;
  font-size: 1.8rem;
  line-height: 1.6;
  text-align: left;
}
.series .txt{
  color: #d3d3d3;
  margin-top: .6rem;
  font-size: 1.2rem;
  line-height: 1.8;
  letter-spacing: .08rem;
  text-align: left;
}


@media screen and (min-width: 601px) {
.series .item{
  width: 31.2%;
  margin-left: 3.2%;
}
.series .item:first-child{
  margin-left: 0;
}

}

@media screen and (max-width: 600px) {
.series{
  padding: 14vw 5.33333vw 5vw;
  background: url(../../images/products/formal/sp_bg_series.jpg) no-repeat center center / cover;
}
.series .section-title{
  margin-bottom: 9vw;
  font-size: 5.73333vw;
}
.series .inner > .ttl{
  margin-bottom: 3.33333vw;
  font-size: 4.2vw;
}
.series .lead{
  margin-bottom: 9vw;
  font-size: 3.68vw;
}
.series .item{
  width: 90%;
  margin: 0 auto 12vw;
}
.series .name{
  margin-top: 6.06667vw;
  font-size: 5.06667vw;
}
.series .num{
  margin-top: 2.3333vw;
  font-size: 3.3333vw;
}
.series .item .ttl{
  margin-top: 5.06667vw;
  font-size: 4.2vw;
}
.series .txt{
  margin-top: 2.3333vw;
  font-size: 3.46667vw;
}
}



/* price
-----------------------*/
.price{
  padding: 9rem 0 12rem 0;
  background: #2b2b2b;
  color: #fff;
}
.price .inner{
  width: 940px;
  padding: 0;
}
.price .section-title {
  color: #dee6ef;
  font-size: 4.5rem;
  font-weight: 400;
  text-align: center;
}
.price .section-title-ja{
  margin-bottom: 6.8rem;
  color: #f0c285;
  font-size: 1.8rem;
  letter-spacing: 0.1em;
  text-align: center;
}
.price table{
  width: 100%;
}
.price th,
.price td{
  text-align: left;
}
.price th{
  width: 100%;
  font-size: 2.2rem;
  font-weight: 600;
  display: table-cell;
}
.price th::before {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 1.5rem;
    background-color: #d9ba90;
    transform: rotate(45deg) translateY(-50%);
    content: '';
}
.price td{
  padding: 2rem 0 2.2rem;
  font-size: 1.8rem;
  border-bottom: 1px solid #585858;
}
.price .num{
  text-align: right;
}

@media screen and (min-width: 601px) {
.price .item{
  width: 47%;
  margin-left: 6%;
}
.price .item:first-child{
  margin-left: 0;
}
}

@media screen and (max-width: 600px) {
.price{
  padding: 12vw 5.33333vw;
}
.price .section-title{
  font-size: 9.6vw;
}
.price .section-title-ja{
  font-size: 3.73333vw;
  margin-bottom: 8vw;
}
.price .item{
  margin-bottom: 9vw;
}
.price th{
  font-size: 4.2vw;
}
.price td{
  padding: 4.3vw 0;
  font-size: 3.46667vw;
}
}



/* choice
-----------------------*/
.choice{
  padding: 10rem 0 12rem 0;
  background: url(../../images/products/formal/bg_choice.jpg) no-repeat center center / cover;
  color: #fff;
}
.choice .inner{
  width: 940px;
  padding: 0;
}
.choice .section-title{
  color: #dee6ef;
  font-size: 3.6rem;
  font-weight: 400;
  line-height: 1.41;
  text-align: center;
}
.choice .item{
  margin-top: 6rem;
}
.choice .copy{
  font-size: 2.8rem;
  font-weight: 400;
  line-height: 1.6;
}
.choice .txt{
  margin-top: 1.3rem;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.87;
}
@media screen and (max-width: 600px) {
.choice{
  padding: 12vw 8vw 5vw;
  background: url(../../images/products/formal/sp_bg_choice.jpg) no-repeat center center / cover;
}
.choice .section-title{
  margin-bottom: 9vw;
  font-size: 5.43333vw;
}
.choice .item{
  margin: 0 auto 9vw;
}
.choice .copy{
  font-size: 5.06667vw;
}
.choice .txt{
  margin-top: 2.3333vw;
  font-size: 3.46667vw;
}
}



/* faq
-----------------------*/
#formal .faq {
  padding: 8rem 0;
  background-color: #f5f5f5;
}
#formal .faq .section-title {
  margin-bottom: var(--size-60);
}
@media screen and (max-width: 600px) {
  #formal .faq {
    padding: 8vw 0;
    background-color: #f5f5f5;
  }
  #formal .faq .section-title {
    font-size: 5.06667vw;
  }
}