@charset "UTF-8";

/**,*:before,*:after {
    outline: 2px solid red!important;
}*/

/*ポリシー系ページ共通設定*/
.SecArea {
    width:100%;
    max-width:1280px;
    margin:0 auto;
    padding-bottom:30px;
}
h3 {
    font-size:1.6rem;
    font-weight:400;
}
.MainArea p {
    font-size:1.6rem;
    line-height:2.25;
    margin-bottom:55px;
}
/*全体設定*/
body.top-page .PcContainer {
  max-width:1280px;
  height:100%;
  background:url("../images/img_TopMv@2x.png") center no-repeat;
  background-size:cover;
  aspect-ratio: 16 / 12.5;
}
/*メインビジュアルエリア設定*/
.MvArea {
  width:100%;
  max-width:1280px;
  position:relative;
}
.MvArea picture img {
  width:100%;
  max-width:780px;
  display:block;
  height:auto;
  margin:210px auto 0;
}
.MvArea p.Chiba {
  width:100%;
  max-width:175px;
  /*height:175px;*/
  margin:0 0 0 calc(90vw / 12.8);
}
p.BtnSize1 {
  margin:-46px auto 0;
}
.MvArea p.LedPgt {
text-align:center;
margin:25px 0 0;
}
/*1行表示ニュースエリア設定*/
.News1Line, .NewsTitle {
  width:100%;
}
.NewsTitle hr.PcNone {
  display:none;
}
.News1Line {
  width:100%;
  max-width:calc(960vw / 12.8);
  height:80px;
  margin:90px auto 135px;
}
.News1Line p img {
  width:25px;
  height:24px;
  line-height:24px;
  vertical-align: middle;
  margin:0 0 0 10px;
}
.NewsTitle {
  width:100%;
  max-width:1050px;
  height:80px;
  background:#cde8f9;
  display:flex;
  justify-content:center;
  align-items:center;
  border:1px solid #959595;
  border-radius:15px;
  box-shadow:0 calc(10vw /10.5) #fff8ba;
  padding:0 calc(10vw /12.8);
  margin:0 auto;
}
.NewsTitle p:nth-child(2) {
  margin:0 calc(10vw / 9.6);
}
.NewsTitle ul#new {
  display:flex;
  justify-content:center;
  align-items:center;
}
.NewsTitle ul#new li {
  line-height:1.3;
}
.NewsTitle ul li a {
  color:#000;
  letter-spacing:0.1em;
  text-decoration:underline;
  display:block;
}
.NewsTitle ul li img {
  width:25px;
  height:100%;
  margin:0 0 0 8%;
}
/*メインエリア設定*/
.MeritArea {
  width:100%;
  background:#fff8ba;
  border-top:1px solid #000;
  padding:55px 0 0;
}
.MeritArea p {
  width:100%;
  max-width:810px;
  height:60px;
  text-align: center;
  background:#fff;
  border:1px solid #959595;
  border-radius:calc(7vw / 8.1);
  font-size:2.4rem;
  letter-spacing:0.3em;
  line-height:60px;
  margin:0 auto 60px;
}
.MeritArea p br.PcNone {
  display:none;
}
.MeritArea h2.MeritTitle {
  font-size:3.6rem;
  font-weight:400;
  letter-spacing:0.15em;
  line-height:1.67;
  text-align:center;
  margin:0 0 90px;
}
/*ちば・ひかりスイッチとは設定*/
.WhatsThis {
  width:100%;
  max-width:960px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:nowrap;
  margin:0 auto 50px;
}
.WTTxt p:first-child, 
.WTTxt p:last-child {
  font-size:2rem;
  background:none;
  border:none;
  line-height:2;
  letter-spacing:normal;
  margin:0 0 65px;
  height:auto;
  text-align:left;
}
.WTTxt p:last-child {
  font-size:1.6rem;
  margin-bottom:0;
}
.WhatsThis p {
  width:100%;
  max-width:469px;
  margin:30px 0 0;
  height:auto;
  background:none;
  border:none;
}
.MeritArea p.BtnSize1 {
  width:320px;
  background:none;
  border:none;
}
/*Youtube設定*/
.youtube {
  background:#cde8f9;
  border-top:1px solid #000;
  border-bottom:1px solid #000;
  /*background:url("../images/img_PcBgYoutube@2x.png") center no-repeat;
  background-size:cover;
  aspect-ratio: 16 / 11;*/
  width:100%;
  padding:calc(200vw / 12.8) 0 calc(125vw / 12.8) 0;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.youtube picture img {
  display:block;
  background:none;
  border:none;
  width:100%;
  max-width:780px;
  height:100%;
  max-height:70px;
  margin:0 auto 20px;
}
.youtube iframe {
  width: 100%;
  max-width:760px;
  height: 100%;
  aspect-ratio: 16 / 9;
  border:none;
  border-radius:calc(15vw / 7.6);
  box-shadow:0 calc(15vw / 7.6) #ffcacb;
  margin:0 auto;
}
/*メリットについて設定*/
.CHSMerit {
  background:#fff;
  padding:calc(125vw / 12.8) 0 0;
}
.CHSMerit h2 {
    margin:0 0 105px;
}
.CHSMerit h2 br.None {
  display:none;
}
.CHSMerit h2::after {
  max-width:calc(780vw / 9.6);
}
.ThreeMerit {
  width:100%;
  max-width:960px;
  display:flex;
  justify-content: space-between;
  margin:0 auto 130px;
}
.CHSMerit .ThreeMerit ul, 
.CHSMerit .ThreeMerit ul li {
  width:100%;
  max-width:290px;
  font-size:1.8rem;
}
.CHSMerit .ThreeMerit ul {
  position:relative;
}
.CHSMerit .ThreeMerit ul li:first-child {
  font-size:2rem;
  line-height:1.4;
}
.CHSMerit .ThreeMerit ul li.merit01, 
.CHSMerit .ThreeMerit ul li.merit02 {
  position:absolute;
  top:15px;
}
.CHSMerit .ThreeMerit ul li.merit01 {
  font-size:2.4rem;
  top:30px;
}
.CHSMerit .ThreeMerit ul li:nth-child(2) {
  margin:0 0 20px;
}
.CHSMerit .ThreeMerit ul li:last-child {
  line-height:2.25;
}
/*コストダン設定*/
.CostDown {
  width:100%;
  max-width:calc(1050vw / 12.8);
  background:#cde8f9;
  border:1px solid #959595;
  border-radius:calc(15vw / 9.6);
  padding:55px 0 55px;
}
.CostDown h3 {
  font-size:3.6rem;
  background: #fff8ba;
  background: linear-gradient(transparent 65%, #fff8ba 15%);
  width:100%;
  max-width:650px;
  letter-spacing:0.01em;
  margin:0 auto 20px;
  text-align:center;
}
.CHSMerit .CostDown ul {
  width:100%;
  max-width:945px;
  display:flex;
  justify-content:space-between;
  margin:55px auto;
}
.CHSMerit .CostDown ul.Change li {
  width:100%;
  max-width:450px;
  height:100%;
  /*max-height:495px;*/
  margin-bottom:calc(150vw / 9.6);
}
.CostDown p {
  font-size:2.4rem;
  background:none;
  border:none;
  background: linear-gradient(transparent 65%, #fff8ba 15%);
  margin:0 auto;
}
.CHSMerit p {
  margin:100px auto 90px; 
}
/*申込方法について*/
.Application {
  padding:80px 0 0;
  background:#a9cf6a;
  padding:175px 0 100px;
  border-top:1px solid #000;
  border-bottom:1px solid #000;
}
.Application h2 {
  margin:0 0 125px;
}
span.Step {
  display:block;
  width:115px;
  height:35px;
  background:#fff8ba;
  border:1px solid #959595;
  border-radius:5px;
  line-height:35px;
  text-align:center;
  position:absolute;
  top:calc(-20vw / 12.8);
  left:calc(30vw / 12.8);
}
.Application h3 {
  font-size:2.2em;
  text-align:center;
  margin:30px 0 20px;
}
.StepArea {
  width:100%;
  max-width:770px;
  height:auto;
  /*max-height:275px;*/
  background:#fff;
  border:1px solid #959595;
  border-radius:10px;
  margin:0 auto 40px;
  position:relative;
}
.StepArea p {
  margin:0 0 35px;
}
hr.StepLine {
  border:1px solid #959595;
  width:75%;
  margin:0 auto 40px;
}
.Application p.Allow {
  width:70px;
  height:36px;
  margin:0 auto 40px;
}
.Application p.BtnSize1 {
  margin:100px auto 0;
}
.Application span.FormUnder {
  background:linear-gradient(transparent 70%,#a9cf6a 70%)
}
.Application p a {
  width:294px;
  height:38px;
  display:block;
  margin:0 auto;
}
/*FAQ(抜粋部分)設定*/
.FAQ h2.ColorP {
  margin:145px auto 125px;
}
.FAQ a.BtnSize1 {
  display:block;
  width:293px;
  height:45px;
  margin:70px auto 50px;
}

/*for SP*/
@media screen and (min-width:0) and (max-width:960px) {
  body.top-page .SpContainer {
    background:url("../images/img_TopMvSp@2x.png") center no-repeat;
    background-size:cover;
    aspect-ratio: 6 / 16;
  }
  header {
    background:none;
  }
  .MvArea picture img {
    width:calc(333vw / 3.75);
    height:calc(196vw / 3.75);
    margin:110px auto 0;
  }
  .MvArea p.Chiba {
    width:calc(100vw / 3.75);
    height:calc(100vw /3.75);
    margin:25px auto 30px;
  }
  .MvArea p.BtnSize1 {
    margin-top:35px;
  }
  .MvArea p.LedPgt {
    display:none;
  }
  .News1Line {
    width:100%;
    max-width:calc(325vw / 3.75);
    /*margin:50px auto;*/
    background:#cde8f9;
  }
  .NewsTitle {
    display:block;
    padding:10px 10px 10px;
    text-align:center;
    height:auto;
    background:#cde8f9;
  }
  .NewsTitle p:nth-child(2) {
    display:none;
  }
  .NewsTitle hr.PcNone {
    display:block;
    border:1px solid #959595;
    width:90%;
    margin:5px auto 5px
  }
  .NewsTitle ul li a {
    text-decoration:underline;
    text-align:left;
    line-height:1.6;
  }
  .MeritArea p {
    width:85%;
    font-size:1.6rem;
    margin:0 auto;
    line-height:1.4;
    padding:7px 0 30px;
  }
  .MeritArea p br.PcNone {
    display:block;
  }
  .MeritArea h2.MeritTitle {
    font-size:2.6rem;
  }
  .WhatsThis {
    display:flex;
    flex-direction: column-reverse;
  }
  .WhatsThis .WTTxt p {
    max-width:85% !important;
    margin:0 auto !important;
  }
  .WhatsThis p img {
    max-width:80%;
  }
  .MeritArea p.BtnSize1 {
    margin:45px auto 50px;
  }
  .youtube picture img {
  display:block;
  background:none;
  border:none;
  width:100%;
  max-width:calc(292vw / 3.75);
  height:100%;
  max-height:70px;
  margin:0 auto 20px;
}
.CHSMerit h2 {
  font-size:2.6rem;
  margin-top:80px;
}
.CHSMerit h2 br.None {
  display:block;
}
.ThreeMerit {
  flex-direction:column;
  justify-content:space-between;
  align-items:center;
}
.CHSMerit .ThreeMerit ul {
  margin-bottom:50px;
  max-width:90%;
}
.CHSMerit .ThreeMerit ul li {
  width:100% !important;
  max-width:100% !important;
}
.CostDown {
  border:none;
  width:100%;
  max-width:100%;
}
.CostDown h3 {
  font-size:calc(3rem / 1.7);
  font-weight:600;
  padding:0 20% 0;
  background:none;
  margin-bottom:0;
  background:#fff8ba;
  width:90%;
  padding:calc(10vw / 3.75);
  /*padding-bottom:0;*/
  white-space:nowrap;
  /*border:1px solid #959595;*/
  /*border-radius:5px;*/
}
.CostDown h3.UnderH3 {
  padding-bottom:calc(10vw / 3.75);
}
.CHSMerit .CostDown ul {
  flex-direction:column;
  align-items:center;
  max-width:90%;
}
.CostDown p {
  /*background:none;*/
}
.StepArea {
  width:100%;
}
span.Step {
  position:absolute;
  top: -6%;
  left:10%;
}
.Application h3 {
  font-size:2rem;
}
.SecArea {
  width:100% !important;
}
}
@media screen and (min-width:867px) and (max-width:1280px) {
  .NewsTitle ul li img {
    display:none;
  }
}