@charset "utf-8";


/* 特徴
-------------------------------------*/
.tokuchou{
   margin: 4rem 0 3rem;
}
.tokuchou__box{
   padding: 20px 40px;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   text-align: center;
   border: 1px solid var(--color-blue);
}
.tokuchou__box p{
   margin: 1em 0 0;
}
@media screen and (max-width: 767px) {
   .tokuchou {
      margin: 10px 0;
   }
   .tokuchou__box{
      margin: 8px 0;
   }
   .tokuchou__box img{
      width: 35%;
      max-width: 100px;
   }
   .tokuchou__box p {
      margin: .5em 0 0;
   }
}

/* 画面イメージ
-------------------------------------*/
.screen__list{
   margin: 0;
   padding: 0;
   border-top: 1px solid #ddd;
}
.screen__item{
   padding: 35px 0;
   justify-content: space-between;
   border-bottom: 1px solid #ddd;
}
.screen__item-tit{
   font-weight: 700;
   font-size: 1.2em;
}
.screen__icon{
   width: 12%;
   padding-right: 25px;
}
.screen__text{
   width: 48%;
   padding-right: 25px;
}
.screen__img{
   width: 40%;
}
@media screen and (max-width: 767px) {
   .screen__icon{
      width: 25%;
      max-width: 80px;
      margin: auto;
      padding-right: 0;
   }
   .screen__item-tit{
      margin-top: .5em;
      text-align: center;
   }
   .screen__text{
      width: 100%;
      padding-right: 0;
   }
   .screen__img{
      width: 100%;
   }
   
}

/* 動画
-------------------------------------*/
.video{
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   background: var(--color-lightblue2);
   border-radius: 1rem;
   padding: 4rem;
   margin-top: 5rem;
}
.video__tit{
   width: 100%;
   text-align: center;
   font-weight: 700;
   margin-bottom: 2rem;
   font-size: 1.6em;
}
.video__box{
   width: 48%;
}
.video__caption{
   margin: 0;
   text-align: center;
}
@media screen and (max-width: 767px) {
   .video{
      padding: 2rem;
   }
   .video__tit{
      font-size: 1.3em;
      margin-bottom: 1.5rem;
   }
   .video__box{
      width: 100%;
   }
   .video__box+.video__box{
      margin-top: 10px;
   }
}