/* CSS Document */
.forPc{
  display: none;
}

.note{
  font-size: .8em;
}

.it_chiba{
  background: #EBEBF2;
  position: relative;
  padding-bottom: 1px;
  line-height: 1.8;
  }

@media screen and ( max-width: 320px ){
  .it_chiba{
    font-size: .9em;
    }
}
.it_chiba:before{
  content: "";
  width: 30%;
  height: 100%;
  background-size: auto auto;
  background-color: rgba(255, 255, 255, 0);
  background-image: repeating-linear-gradient(135deg, transparent, transparent 6px, rgba(255, 255, 255, 1) 6px, rgba(255, 255, 255, 1) 8px );
  position: absolute;
  left: 0;
  top: 0;
}
.contentArea .it_chiba p{
  line-height: 1.8;
}
.it_chiba>article{
  background: url("../../../img/page/LP/it_chiba/bg_school.jpg") center top / 150% no-repeat;
  position: relative;
}

.it_chiba img{
  max-width: 100%;
  height: auto;
}

.it_chiba h1{
  text-align: center;
  margin: 1rem auto;
  width: 60%;
}

.leadText{
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
}
.yorisoi{
  text-align: center;
}
.mainText{
  background: #FFD400 ;
  border-radius: 1rem;
  font-size: 1.2em;
  margin: .75rem 2rem;
  padding: 20px;
  position: relative;
}
.mainText:after{
  bottom: -.5rem;
  background: linear-gradient( 135deg, rgba(255,255,255, 0) 50% , #FFD400 50%   );
  content: "";
  height: 2rem;
  left: calc(50% - .5rem);
  position: absolute;
  transform: rotate(45deg);
  width: 2rem;
}
.mainText p{
  color: #5E4100;
  font-weight: 700;
  line-height: 1.8;
  text-align: center;
  font-size: 1.5rem;
}
.mainText .term{
  font-size: .8em;
}
.mainText .money{
  font-size: 2rem;
}
.mainText p.menjo{
  color: #FF4106;
  background: url("../../../img/page/LP/it_chiba/img_wave.svg") bottom center / 4.5em no-repeat;
  font-size: 2em;
  line-height: 1;
  padding-bottom: 1rem;
}
.mainText p.menjo span{
  filter: drop-shadow( 3px 3px #fff);
}

table.compare{
  background: #fff;
  border: 1px solid #FFD400;
  border-collapse: collapse;
  box-sizing: border-box;
  font-size: .9em;
  margin: 2rem auto;
  text-align: center;
  width: calc( 100% - 2rem );
}
table.compare th,
table.compare td{
  border: 1px solid #FFD400;
  padding: 1rem;
}
table.compare th{
  background: #D3D3E5;
}
table.compare .free{
  background: #FFE3DC;
  color: #FF4106;
  font-size: 1.1em;
  font-weight: bold;
  position: relative;
}
table.compare .free:after{
  background: url("../../../img/page/LP/it_chiba/icn_arrow.svg") top center / contain no-repeat;
  content: "";
  width: 2em;
  height: 1em;
  position: absolute;
  right: -.75em;
  top: calc(50% - .5em);
}
table.compare+p{
  font-size: .8em;
}

.it_chiba>article>section{
  margin: 3rem 0;
}
.it_chiba>article>section>*{
  margin: 2rem;
}
.it_chiba>article>section>h2{
  color: #6F6AAD;
  font-size: 1em;
  text-align: center;
}
.it_chiba>article>section>h2 span{
  display: inline-block;
  border-bottom: 5px solid #fff;
  padding-bottom: .5rem;
}
.it_chiba>article>section>h2 b{
  font-size: 1.5em;
  font-weight: 700;
  color: #6F6AAD;
}
.feature>div{
  background: #fff;
  border-radius: 1rem;
  margin: 1rem;
  overflow: hidden;
  text-align: center;
}
.individualExamWrap h3{
  font-size: 1.2em;
  text-align: center;
  font-weight: 400;
}
.individualExamWrap h3 b{
  background: #FFEC9C;
  font-size: 1.1em;
  padding: 0 .5rem;
}

.individualExamWrap table{
  box-sizing: border-box;
  position: relative;
  width: 100%;
}
.individualExamWrap tr.darkblue th{
  background: #4B4599;
  color: #fff;
  line-height: 1.8;
}
.individualExamWrap th,
.individualExamWrap td{
  padding: 1rem;
}
.individualExamWrap th{
  background: #D3D3E5;
  font-size: 1.2em;
  font-weight: 700;
  line-height: 1.8;
  border: 1px solid #EBEBF2;
  text-align: center; /* テキストを水平方向に中央揃え */
  vertical-align: middle; /* テキストを垂直方向に中央揃え */
  }
.individualExamWrap td{
  background: #fff;
  line-height: 1.8;
  border: 1px solid #EBEBF2
}
.individualExamWrap table .info{
  color: #4B4599;
  font-size: .8em;
  letter-spacing: -1px;
  text-align: center;
  position: absolute;
  right: -.75rem;
  top: -4.5em;
}
.individualExamWrap table .info span{
  position: relative;
  z-index: 3;
}
.individualExamWrap table .info:before{
  content: "";
  background: linear-gradient( 225deg, rgba(255,255,255, 0) 50%, #FFD400 50%);
  width: 1em;
  height: 1em;
  position: absolute;
  left: 0;
  bottom: -.5em;
  z-index: 1;
}
.individualExamWrap table .info:after{
  content: "";
  background: #FFD400;
  width: 8.5em;
  height: 8.5em;
  border-radius: 50%;
  position: absolute;
  left: -1em;
  top: -1.5em;
  z-index: 2;
}
ul.detailLinks{
  list-style: none;
  margin: .5rem 0;
  padding: 0;
}
ul.detailLinks li{
  margin: .5rem 0;
  padding: 0;
}
ul.detailLinks a{
  background: #4B4599;
  border-radius: .5rem;
  color: #fff;
  display: block;
  filter: drop-shadow( 3px 3px #FFD400);
  font-size: 1.3em;
  font-weight: 700;
  padding: 1rem;
  position: relative;
  text-align: center;
}
ul.detailLinks a:before{
  border-width: 4px 4px 0 0;
  border-style: solid;
  border-color: #fff;
  content: "";
  left: .75rem;
  height: .75rem;
  top: calc(50% - .5rem);
  position: absolute;
  transform: rotate(45deg);
  width: .75rem;
}

.detailLinks li a{
  display: flex;
  height: 100%;
  box-sizing: border-box;
}
.detailLinks li a span{
  margin: auto;
}
.lastChance p{
  color: #4B4599;
  font-weight: 700;
  text-align: center;
}
.lastChance p:first-of-type{
  font-size: 1.25em;
  line-height: 1.3;
  margin-top: 2rem;
}
.lastChance p:last-of-type{
  line-height: 1.5;
  margin-bottom: 2rem;
}
.topic{
  background-color: #fff;
  border-radius: 0.5rem;
  padding: 10px;
  margin: 70px 20px !important;
}
.topic p{
  line-height: 1.8;

}
/* float */
@keyframes float {
  0% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(-20px);
  }
  100% {
    transform: translatey(0px);
  }
}
p.title{
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
}
p.title span{
  color: #FF4106;
}
.topicmidasi{
  background-color: #FF4106;
  padding: 10px;
  border-radius: 50px;
  width: 145px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  margin: 0 auto;
  filter: drop-shadow(0 2px 0 rgba(0, 0, 0, 0.05)) drop-shadow(0 2px 5px rgba(0, 0, 0, 0.2));
  bottom: 25px;
  position: relative;
  border: 3px solid #fff;
  font-size: 1.1em;
}

.topicmidasi::before {
  content: '';
  display: inline-block;
  position: absolute;
  bottom: 9px;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 1px;
  background-color: #fff;

}
.topic2img{
  margin: 0 auto;
  width: 300px;

}
.topic2img img{
  width: 300px;
  margin: 0 auto;
}
.kaizyou p{
  line-height: 1.8;
}
.kaizyou p.kaizyoutitle{
  color: #6F6AAD;
  font-size: 1em;
  text-align: center;
  border-bottom: 5px solid #fff;
  padding-bottom: .5rem;
  margin: 2rem;
  margin-top: 5rem;
}
.kaizyou p.kaizyoutitle span{
  font-size: 1.5em;
  font-weight: bold;
}
.fukidasi{
  position: relative;
  padding-top: 30px;
}
.fukidasi::before{
  content: '';
  background: url(/new/_app/_webroot/img/page/LP/it_chiba/img_nahanew.png) no-repeat;
  background-size: auto;
  width: 135px;
  height: 87px;
  background-size: contain;
  position: absolute;
  right: 45%;
  top: 7%;
  opacity: 1;
  transform: rotate(6deg);
  animation: float 6s ease-in-out infinite;
}
/* ------------------------ PC.css ------------------------ */


@media screen and (min-width:768px) {


/* CSS Document */
.forSp{
  display: none; 
 }
 .forPc{
   display: block;
 }
 .it_chiba article{
   overflow: hidden;
   padding-top: 3rem;
   background-size: contain;
 }
 .it_chiba article > *{
   width: 960px;
   box-sizing: border-box;
   margin: auto;
 }
 .it_chiba article .leadText{
   padding-bottom: 2rem;
   padding-top: 7rem;
   font-size: 1.4em;
 }
 .it_chiba article .leadText img{
   vertical-align: middle;
 }
 .it_chiba>article>section{
   margin: 5rem auto;
 }
 
 .yorisoi{
   padding: 3rem 0 1rem;
 }
 .mainText{
   font-size: 2em;
   padding: 2rem 0;
 }
 .mainText:after{
   height: 4rem;
   width: 4rem;
   left: calc(50% - 2rem);
 }
 .mainText .money{
   font-size: 1.75em;
 }
 .mainText .yen{
   font-size: 1.2em;
 }
 .mainText p{
  font-size: 2.5rem;
 }
 .mainText p.menjo{
   font-size: 1.8em;
   background-size: 4.5em;
   padding-bottom: .5em;
 }
 .mainText p span{
   vertical-align: middle;
   font-size: 47px;
 }
 
 table.compare{
   font-size: 1em;
   margin-top: 1rem;
   table-layout: fixed;
 }
 table.compare th{
   padding: 1.5em;
 }
 table.compare td{
   font-size: 1.1em;
   line-height: 1.3;
   padding: .75em;
   }
 table.compare .free{
   font-size: 1.5em;
 }
 table.compare .free:after{
   height: 2em;
   right: -1.5em;
   top: calc(50% - 1em);
   width: 4em;
 }
 table.compare+p{
   font-size: 1em;
 }
 .it_chiba>article>section>h2{
   font-size: 1.5em;
 }
 .it_chiba>article>section>h2 b{
   font-size: 1.4em;
   margin-right: .5rem;
 }
 .feature{
   display: flex;
   justify-content: center;
 }
 .feature>div{
   display: flex;
   flex-direction: column;
   margin: 1%;
   padding: 1.5em 0;
   width: 33%;
 }
 .feature>div>p{
   font-size: 1.2em;
   font-weight: 700;
   margin: 0;
 }
 .feature>div>p:first-of-type{
   flex-grow: 1;
 }
 .individualExamWrap table .info{
   font-size: .9em;
 }
 .individualExamWrap table .info:after{
   height: 10em;
   left: -1.75em;
   top: -2em;
   width: 10em;
 }
 .individualExamWrap table .info:before{
   left: -.75em;
 }
 .individualExamWrap h3{
   font-weight: 700;
 }
 
 .detailLinks{
   display: flex;
   justify-content: space-between;
 }
 .examBox>section{
   width: 100%;
   margin: auto;
 }
 ul.detailLinks{
   margin-top: 3rem;
 }
 ul.detailLinks li{
   width: 32%;
 }
 .lastChance p:first-of-type{
   font-size: 2em;
 }
 .forSp{
   display: none;
 }
 .topic{
  padding: 40px;
  padding-top: 0;
 }
 .topic.one img{
   width: 800px;
   margin: 0 auto;
 }
 .topic2img{
   display: flex;
   margin: 0 auto;
   width: 730px;
 }
 .kome{
   text-align: center;
 }
 .topic.two::before{
   background: url(/new/_app/_webroot/img/page/LP/it_chiba/img_nahanew_pc.png) no-repeat;
   width: 240px;
   height: 217px;
   position: absolute;
   right: 4%;
   background-size: contain;
 }
 .topicmidasi{
  width: 181px;
  padding: 5px;
 }
 .fukidasi{
   position: relative;
   padding-top: 30px;
 }
 .fukidasi::before{
   content: '';
   background: url(/new/_app/_webroot/img/page/LP/it_chiba/img_nahanew_pc.png) no-repeat;
   background-size: auto;
   width: 248px;
   height: 65px;
   background-size: contain;
   position: absolute;
   right: 340px;
   top: 67%;
   opacity: 1;
   transform:none;
   animation: none;
 }
 ul.detailLinks a{
  font-size: 1em;
  line-height: 1.8;
 }
}