@charset "UTF-8";

.mv{
  margin-top:53px;
  background:url(../img/bg_main_250314.jpg)center center/ cover;
}

.mv-inner{
  max-width:1280px;
  margin:0 auto;
  display: flex;
  color:#fff;
  height:500px;
  justify-content: center;
  flex-direction:column;
  margin-top:-50px;
}

@media screen and (max-width: 900px) {
    .mv-inner{
      height:auto;
      padding: 20px 22px 20px;
      margin-top:0;
}
}  

.mv-copy{
  color:#0696d7;
  font-weight:600;
}

@media screen and (max-width: 900px) {
  .mv-copy{
    color:#0696d7;
    font-weight:600;
    line-height:1.3;
  }
  }

.mv_title{
  font-size:44px;
  font-weight:800;
  line-height:1.5;
  margin:0 0 30px;
}

.mv-item{
  letter-spacing:0.1em;
}

@media screen and (max-width: 900px) {
  .mv_title{
    font-size:24px;
    line-height:1.3;
    margin:15px 0
    }
  }

  @media screen and (max-width: 900px) {
    .mv-item{
      line-height:1.3;
      margin-bottom:4px;
      }
    }

.mv-list{
  margin-bottom:30px;
}

.mv_cv-block{
  display:flex;
  flex-direction:row;
  width:100%;
}

@media screen and (max-width: 900px) {
  .mv_cv-block{
    flex-direction:column;
    margin: 0 auto;
  }
  }

.mv_btn{
  position: relative;
  display: block;
  padding: 10px 35px;
  letter-spacing: 0.1rem;
  font-weight: 600;
  border: 1px solid #0696d7;
}

.mv_btn:hover{
  opacity:0.7;
  transition:0.5s ease;
}

 .mv_btn:first-child{
  margin-right:30px;
 }

 @media screen and (max-width: 900px) {
  .mv_btn:first-child{
    margin-right:0;
   }
  }

 .mv_btn-contact-link{
  color:#fff;
  background:#0696d7;
  text-align:center;
 }

 @media screen and (max-width: 900px) {
  .mv_btn-contact-link{
    margin-bottom:15px;
   }
  }


  .mv_btn-wpdl-link{
  color:#0696d7;
  background:#fff;
  text-align:center;
 }


.read{
  padding:80px 0 60px;
 }

 @media screen and (max-width: 900px) {
  .read{
    padding:0 0 0;
   }
  }

.read-list{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin: -150px 0 0;
  background: #f0f1f5;
}

@media screen and (max-width: 900px) {
  .read-list{
    display: block;
    margin: 0;
    padding: 0;
    background: #fff;
  }
  }

.read-item{
  display: flex;
  flex-direction: column;
  padding: 25px;
  position: relative;
  width: calc(100% / 3);
  border-right: 2px solid #e9e7e7;
}

.read-item:last-child{
  border-right: 0;
}

.read-item:hover{
  opacity:0.7;
}

@media screen and (max-width: 903px) {
  .read-item{
    flex-direction:column;
    padding:0 0 10px;
    width:100%;
    margin:0 0 15px;
    border-right: 0;
    border-bottom: 1px solid #e9e7e7;
  }
  .read-item:last-child{
    margin:0 0 0;
  }
  }

.read-item_title{
  font-size: 20px;
  font-weight: 800;
  margin: 0 0 24px;
  padding-left: 60px;
  position: relative;
  line-height:1.5;
}

@media screen and (max-width: 900px) {
  .read-item_title{
    font-size:16px;
    margin:0 0 10px;
  }
  }

.read-item_title01:before{
  position:absolute;
  content:"";
  background:url(../img/read_icon04.png)no-repeat center center;
  width:47px;
  height:60px;
  background-size: contain;
  left:0;
  top:50%;
  transform:translate(0,-50%);
}

@media screen and (max-width: 900px) {
  .read-item_title01:before{
    position:absolute;
    content:"";
    background:url(../img/read_icon01.png)no-repeat center center;
    width:49px;
    height:50px;
    background-size: contain;
    left:0;
    top:50%;
    transform:translate(0,-50%);
  }
  }

.read-item_title02:before{
  position:absolute;
  content:"";
  background:url(../img/read_icon02.png)no-repeat center center;
  width:58px;
  height:45px;
  background-size: contain;
  left:0;
  top:50%;
  transform:translate(0,-50%);
}

@media screen and (max-width: 900px) {
  .read-item_title02:before{
    position:absolute;
    content:"";
    background:url(../img/read_icon02.png)no-repeat center center;
    width:51px;
    height:38px;
    background-size: contain;
    left:0;
    top:50%;
    transform:translate(0,-50%);
  }
  }

.read-item_title03:before{
  position:absolute;
  content:"";
  background:url(../img/read_icon03.png)no-repeat center center;
  width:48px;
  height:46px;
  background-size: contain;
  left:0;
  top:50%;
  transform:translate(0,-50%);
}

@media screen and (max-width: 900px) {
  .read-item_title03:before{
    position:absolute;
    content:"";
    background:url(../img/read_icon03.png)no-repeat center center;
    width:41px;
    height:39px;
    background-size: contain;
    left:0;
    top:50%;
    transform:translate(0,-50%);
  }
  }

  .read-item_title04:before{
    position:absolute;
    content:"";
    background:url(../img/read_icon01.png)no-repeat center center;
    width:48px;
    height:46px;
    background-size: contain;
    left:0;
    top:50%;
    transform:translate(0,-50%);
  }
  
  @media screen and (max-width: 900px) {
    .read-item_title04:before{
      position:absolute;
      content:"";
      background:url(../img/read_icon01.png)no-repeat center center;
      width:41px;
      height:39px;
      background-size: contain;
      left:0;
      top:50%;
      transform:translate(0,-50%);
    }
    }

.read-head{
  font-size:28px;
  font-weight:800;
  margin:0 0 70px;
}

@media screen and (max-width: 900px) {
  .read-head{
    font-size:18px;
    margin:0 0 30px;
  }
  }

.read-head_disc{
  line-height:2.2em;
}

.head{
  position:relative;
}

.head_consept{
  display:flex;
  justify-content: space-between;
  margin-bottom:90px;
}

@media screen and (max-width: 900px) {
  .head_consept{
    flex-direction: column;
    margin-bottom:15px;
  }
  }

.head_consept_ttl_block{
  width:calc((480 / 1280) *100%);
}

@media screen and (max-width:900px) {
    .head_consept_ttl_block{
    width:100%;
  }
}

.head_consept_subttl{
  font-size:14px;
  font-weight:600;
  line-height:1.5;
  margin-bottom:18px;
}

@media screen and (max-width:900px) {
  .head_consept_subttl{
    font-size:16px;
  }
}

.head_consept_ttl{
  font-size:28px;
  font-weight:800;
  line-height:1.5;
  position:relative;
  padding-bottom:30px;
}

.head_consept_ttl:after{
  position: absolute;
  content: "";
  width: 50px;
  height: 3px;
  background: #0696d7;
  left: 0;
  bottom: 0;
}

@media screen and (max-width: 900px) {
  .head_consept_ttl{
    font-size:18px;
    padding-bottom:15px;
  }
  }

.head_consept_main_block{
  width:calc((720 / 1280) *100%);
}

@media screen and (max-width: 900px) {
  .head_consept_main_block{
    width:100%;
  }
}

.head_consept_list{
  margin-top:50px;
}

@media screen and (max-width: 900px) {
  .head_consept_list{
    margin-top:15px;
  }  
}

.head_consept_item{
  position:relative;
  padding-left:30px;
  margin-bottom:3px;
  font-weight:600;
  
}

.head_consept_item:before{
  position: absolute;
  content: "";
  background: url(../img/checkbox.png);
  display: block;
  top: 10px;
  left: 0;
  width: 18px;
  height: 18px;
}

.eng-service{
  margin-bottom:70px;
}

.eng-service_content_block{
  display:flex;
  padding:40px 0;
  justify-content: space-between;
}

@media screen and (max-width: 900px) {
  .eng-service_content_block{
    display:flex;
    flex-direction:column-reverse;
    padding:15px 0;
  }
}

.eng-service_content_sub{
  width: calc((480 / 1280)* 100%);
  margin-right:70px;
}

@media screen and (max-width: 900px) {
  .eng-service_content_sub{
    width: 100%;
    margin:0;
    text-align:center;
  }

  .eng-service_content_sub img{
    width: 60%;
    margin:15px 0;
  }
}

.eng-service_content_main{
  width: calc((800 / 1280)* 100%);
  display:flex;
  flex-direction: column;
  justify-content: center;
}

@media screen and (max-width: 900px) {
  .eng-service_content_main{
    width: 100%;
    display:flex;
    flex-direction: column;
    justify-content: center;
  }
}

.eng-service_content_main_ttl{
  font-size:26px;
  font-weight:800;
  line-height:1.5;
  margin-bottom:45px;
}

@media screen and (max-width: 900px) {
  .eng-service_content_main_ttl{
    font-size:16px;
    margin-bottom:15px;
  }
}

.eng-service_content_main_desc{
  font-size:18px;
  line-height:1.8;
  margin-bottom:30px;
}

@media screen and (max-width: 900px) {
  .eng-service_content_main_desc{
    font-size:14px;
    margin-bottom:15px;
  }
}

.eng-service_btn{
  width:370px;
}

@media screen and (max-width: 900px) {
  .eng-service_btn{
    margin:0 auto;
    width:80%;
  }
}


.eng-service_link{
  background: #000;
  display:block;
  padding:15px 15px;
  position:relative;
  font-weight:600;
  color:#fff;
  position:relative;
  font-size:14px
}

.eng-service_link:after{
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  right: 30px;
  top: 50%;
  margin-top: -4px;
}




.product{
  margin:0 0 95px;
}

@media screen and (max-width: 900px) {
  .product{
    margin:0 0 20px;
  }
}

.product_list_wrap{
  display:flex;
  flex-direction:row;
  padding-bottom:70px;
  justify-content: center;
}

@media screen and (max-width: 900px) {
  .product_list_wrap{
    display:block;
    padding-bottom:15px;
  }
}

.product_list_item{
  display:flex;
  flex-direction:column;
  width:calc((100% - 50px)/ 3);
  text-align:center;
  box-shadow: 0 0 8px 4px rgb(207 207 207 / 48%);
  padding:25px 20px 20px;
}

@media screen and (max-width: 900px) {
  .product_list_item{
    width:100%;
  }
}

.product_list_item:not(:last-child){
  margin-right:25px;
}

@media screen and (max-width: 900px) {
  .product_list_item:not(:last-child){
    margin-right:0;
  }
}

.product_list_txt{
  margin-bottom:10px;
  font-size:14px;
}

.product_list_logo{
  margin-bottom:15px;
}

.product_list_btn{
  position:relative;
  background:#000;
  color:#fff;
  font-weight:500;
  padding:10px 0;
  margin-top:auto;
  font-size:14px;
}

.product_list_btn:hover{
  opacity:0.7;
  transition: all 0.7s;
}

.product_list_btn:after{
  position:absolute;
  content:"";
  width:8px;
  height:8px;
  border-top:2px solid #fff;
  border-right:2px solid #fff;
  transform:rotate(45deg);
  right:30px;
  top:50%;
  margin-top:-4px;
}





.product_head_bg{
  background:#f2f2f2;
  margin-bottom:70px;
}

@media screen and (max-width: 900px) {
  .product_head_bg{
    margin-bottom:0;
  }
}

.product_head{
  display:flex;
  flex-direction:row;
  padding:75px 0 50px;
  justify-content: space-between;
}

@media screen and (max-width: 900px) {
  .product_head{
    display:block;
    padding:75px 0 50px;
  }
}

.product_head-main{
  width:775px;
  margin-right:50px;
}

@media screen and (max-width: 900px) {
  .product_head-main{
    width:100%;
    margin-right:0;
  }
}

.product_head-main_ttl{
  font-size: 22px;
  font-weight: 700;
  position: relative;
  padding: 0 0 17px;
  margin: 0 0 50px;
}

@media screen and (max-width: 900px) {
  .product_head-main_ttl{
    font-size: 16px;
    margin: 0 0 15px;
  }
}

.product_head-main_ttl span{
  font-size:20px;
  display:block;
  padding:24px 0 0;
}

@media screen and (max-width: 900px) {
  .product_head-main_ttl span{
    font-size:18px;
    display:block;
    padding:5px 0 0;
  }
}

.product_head-main_ttl:after{
  position: absolute;
  content: "";
  width: 50px;
  height: 3px;
  background: #0696d7;
  left: 0;
  bottom: 0;
}

@media screen and (max-width: 900px) {
  .product_head-main_txt{
      margin-bottom:15px;
  }
}

.product_head-main_btn{
  display:inline-block;
  margin:25px 0 15px;
  position:relative;
  color:#fff;
  background:#000;
  padding:10px 50px;
}

@media screen and (max-width: 900px) {
  .product_head-main_btn{
    width:100%;
    margin:10px 0;
    text-align:center;
  }
}

.product_head-main_btn:hover{
  opacity:0.7;
}


.product_head-main_btn:before{
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  right: 20px;
  top: 50%;
  margin-top: -4px;
}

.product_qcd_list{
  margin: 50px 0 70px;
  display:flex;
  flex-direction:row;
}

@media screen and (max-width: 900px) {
  .product_qcd_list{
    margin: 0 0 20px;
    display:block;
  }
}

.product_qcd_item{
  display:flex;
  flex-direction:column;
  width:calc((100% - 100px) / 3);
  box-shadow: 0 0 8px 4px rgb(207 207 207 / 48%);
}

@media screen and (max-width: 900px) {
  .product_qcd_item{
    width:100%;
   }
}

.product_qcd_item:not(:nth-of-type(3)){
  margin-right:50px;
}

.product_qcd_item-ttlblock{
  display:flex;
  flex-direction:row;
  background:#000;
  color:#fff;
  align-items:center;
  justify-content: center;
  position:relative;
}

@media screen and (max-width: 900px) {
  .product_qcd_item-ttlblock{
    padding:5px;
  }
}


.product_qcd_item-ttlblock:after{
  position: absolute;
  content: '';
  border-top: 8px solid #333;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.product_qcd_item-ttlblock-ico{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content: center;
  margin-right:15px;
}

.product_qcd_item-ttlblock-ttl{
  font-size:18px;
  letter-spacing:0.1em;
}

@media screen and (max-width: 900px) {
  {
  font-size:16px;
  }
}

.product_qcd_item-ttlblock-ico-01{
  font-size:20px;
}

.product_qcd_item-ttlblock-ico-en{
  margin-top: -12px;
  font-size: 10px;
  padding: 5px;
  letter-spacing: 0.1em;
  font-weight: 600;
}

.product_head-sub{
  width:calc(100% - 825px);
}

@media screen and (max-width: 900px) {
  .product_head-sub{
    width:100%;
  }
}

.product_qcd_item_wrap{
  padding:20px 20px 30px;
}

@media screen and (max-width: 900px) {
  .product_qcd_item_wrap{
    padding:15px;
  }
}

.product_qcd_item_question{
  font-size:18px;
  font-weight:600;
  margin: 9px 0 13px;
}

@media screen and (max-width: 900px) {
  .product_qcd_item_question{
    font-size:16px;
  }
}

.product_qcd_item_check_list{
  margin-bottom:10px;
}

.product_qcd_item_check_item{
  position:relative;
  font-size:14px;
  padding: 10px 0 10px 35px;
}

.product_qcd_item_check_item:not(:last-child){
  border-bottom:1px solid #d9d6d6;
}


.product_qcd_item_check_item:before{
  position: absolute;
  content: "";
  background: url(../img/checkbox.png);
  display: block;
  top: 19px;
  left: 0;
  width: 18px;
  height: 18px;
}

.product_qcd_item_answer{
  font-size:18px;
  font-weight:600;
  color:#0696d7;
  text-align:center;
  margin-bottom:25px;
}

@media screen and (max-width: 900px) {
  .product_qcd_item_answer{
    font-size:16px;
    margin-bottom:15px;
  }
}

.product_qcd_item_answer-txt{
  font-size:14px;
}

.product_menu{
  display:flex;
  flex-direction: row;
  justify-content: center;
  margin-bottom:70px;  
}

@media screen and (max-width: 900px) {
  .product_menu{
    display:block;
    margin-bottom:0;  
  }
}

.prudct_menu-list:not(:last-child){
  margin-right:50px;
}

@media screen and (max-width: 900px) {
  .prudct_menu-list:not(:last-child){
    margin-right:0;
  }
}

.prudct_menu-list .btn{
  display:block;
  text-decoration:none;
  padding:13px 45px;
  border:2px solid #000;
  text-align:center;
}

@media screen and (max-width: 900px) {
  .prudct_menu-list .btn{
    margin-bottom:15px;
  }
} 

.prudct_menu-list .btn:hover{
  opacity:0.7;
}

.prudct_menu-list .btn_product{
  background:#000;
  color:#fff;
  position:relative;
}

.prudct_menu-list .btn_product:after {
  display: block;
  position: absolute;
  content: "";
  top: 50%;
  right: 20px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-top: -4px;
}

.prudct_menu-list .btn_wpdl{
  color:#333; 
  display:flex;
  align-items:center;
  justify-content: center;
}

.prudct_menu-list .btn_wpdl img{
  margin-right:10px;
}

.product_case_ttl{
  font-size:24px;
  font-weight:600;
  margin-bottom:50px;
  text-align:center;
}

@media screen and (max-width: 900px) {
  .product_case_ttl{
    font-size:20px;
    margin-bottom:15px;
  }
}

.product_case_list{
  display:flex;
  flex-direction:row; 
  margin-bottom:35px;
  flex-wrap:wrap;
}

@media screen and (max-width: 900px) {
  .product_case_list{
    display:block;
    margin-bottom:20px;
  }
} 

.product_case_item{
  padding:10px;
  width:calc((100% - 50px)/ 2);
  display:flex;
  flex-direction:row;
  box-shadow: 0 0 8px 4px rgb(207 207 207 / 48%);
  padding:30px;
  margin-bottom:50px;
  }

  @media screen and (max-width: 900px) {
    .product_case_item{
      padding:15px;
      width:100%;
      margin-bottom:15px;
      }
  } 

  .product_case_item:nth-child(odd){
    margin-right:50px;
  }

  .product_case_item a{
    display: flex;
    justify-content: space-between;
    gap: 30px;
    width: 100%;
    height: 100%;
    cursor: pointer;
    }

    @media screen and (max-width: 900px) {
      .product_case_item a{
        display:block;
        }
    } 

   .product_case_item a:hover{
    opacity:0.7;
    }   

  .product_case_item-img{
    width:30%;
  }

  @media screen and (max-width: 900px) {
    .product_case_item-img{
      width:100%;
    }
  } 

  .product_case_item-main{
    width:70%;
  }

  @media screen and (max-width: 900px) {
    .product_case_item-main{
      width:100%;
    }
  } 

  .product_case_list_ttl{
    margin:0 0 5px;
    font-size:18px;
    font-weight:600;
  }

  @media screen and (max-width: 900px) {
    .product_case_list_ttl{
      font-size:16px;
    }
  }

  .product_case_company{
    color:#9f9f9f;
    font-weight:600;
    border-bottom:1px solid #eee;
    padding-bottom:10px;
    margin-bottom:13px;
    font-size:14px;
  }

.product_case_txt{
  font-size:14px;
}

.dx{
  padding:0 0 95px;
}

@media screen and (max-width: 900px) {
  .dx{
    padding:0 0 30px;
  }
  }

.dx .dx_title{
  font-size: 36px;
  font-weight: 800;
  position: relative;
  margin: 0 0 30px;
  color: #333333;
}

@media screen and (max-width: 900px) {
  .dx .dx_title{
    font-size: 20px;
    margin-bottom: 10px;
  }
  }


.dx_title:before{
  content: "製造業におけるDXとは";
    font-size: 18px;
    font-weight: 800;
    position: relative;
    color: #0696d7;
    display: block;
    top: 8px;
    left: 0;
}

.dx_disc{
  margin:0 0 130px;
}

@media screen and (max-width: 900px) {
  .dx_disc{
    margin:0 0 50px;
  }
  }

.dx_section01{
  display:flex;
  flex-direction:row;
  max-width:1280px;
}

@media screen and (max-width: 900px) {
  .dx_section01{
    display:block;
  }
  }

.dx_section01 .dx_section-img{
  flex: 1;
  margin-left: calc(50% - 50vw);
  margin-right: 4%;
  width:50%;
  background:url(../img/dx_hero@2x.jpg) center center/ cover;
}

@media screen and (max-width: 900px) {
  .dx_section01 .dx_section-img{
    margin:0;
    width:100%;
    height:180px;
    margin:0 0 15px;
  }
  }

.dx_section01 .dx_section-txtblock{
  width:50%;
}

@media screen and (max-width: 900px) {
  .dx_section01 .dx_section-txtblock{
    width:100%;
  }
  }

.dx_section01 .dx_secdtion-title{
  font-size:24px;
  font-weight:800;
  margin:0 0 50px;
}

@media screen and (max-width: 900px) {
  .dx_section01 .dx_secdtion-title{
    font-size:18px;
    margin:0 0 20px;
  }
  }

.dx_section01 .dx_secdtion-title span{
  font-size:16px;
  font-weight:800;
  color:#0696d7;
  display:block;
}

@media screen and (max-width: 900px) {
  .dx_section01 .dx_secdtion-title{
    font-size:18px;
  }
  }

.feature{
  flex-direction: row;
  flex-wrap: wrap;
  background:url(../img/feature_bg@2x.jpg)center center/ cover;
  padding:80px 0 80px;
 }

 @media screen and (max-width: 900px) {
  .feature{
    padding:20px 0 20px;
   }
  }

.feature-list{
 display:flex;
 flex-direction: row;
 flex-wrap: wrap;
}

@media screen and (max-width: 900px) {
  .feature-list{
    display:block;s
   }
  }

.feature-item{
  width:calc((100% - 100px) /3);
  background:#fff;
  padding:45px 30px 25px;
}

@media screen and (max-width: 900px) {
  .feature-item{
    width:100%;
    background:#fff;
    padding:45px 30px 25px;
  }
  }

.feature-item:not(:last-child){
  margin-right:50px;
}

.feature-item_img{
  text-align:center;
}

.feature-item_title{
  font-size:20px;
  font-weight:700;
  position:relative;
}

@media screen and (max-width: 900px) {
  .feature-item_title{
    font-size:18px;
  }
  }

.feature-item_title:after{
  content: "";
    display: block;
    width: 20px;
    height: 3px;
    background: #0696d7;
    margin: 10px 0 18px;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.feature-item_desc{
  line-height:2;
  margin:0 0 50px;
}

.feature-item_title>span{
  display:block;
  color:#0696d7;
  position:absolute;
  top:-25px;
  left:0;
  font-size:14px;
}

.system{
  padding:0 0 95px;
}

@media screen and (max-width: 900px) {
  .system{
    padding:0 0 0;
  }
  }


.solution{
  padding:45px 0 75px;
  background:#f0f1f5;
}

@media screen and (max-width: 900px) {
  .solution{
    padding:0 0 20px;
  }
  }

.solution_ttl_wrap{
  display:flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom:40px;
}

@media screen and (max-width: 900px) {
  .solution_ttl_wrap{
    display:block;
    margin-bottom:15px;
    padding:0 0 20px;
  }
  }

.solution_ttl_wrap02{
  width:calc((100% - 40px) - 80px);
  margin-top: 50px;
}

@media screen and (max-width: 900px) {
  .solution_ttl_wrap02{
    width:100%;
    margin-top: 0;
  }
}

.solution_movielist{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0 auto;
}

@media screen and (max-width: 900px) {
  .solution_movielist{
    display:block;
    margin: 0 0 0;
  }
  }

.solution_movieitem{
  width:49%;
}

@media screen and (max-width: 900px) {
  .solution_movieitem{
    width:100%;
  }
  }

.solution_movie_link{
  display: block;
  padding: 10px 45px;
  background: #000;
  text-align: center;
  color: #fff;
  position: relative;
  margin: 0 10px 10px;
  margin-top: auto;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}

@media screen and (max-width: 900px) {
  .solution_movie_link{
    padding: 10px 25px;
  }
  }

.solution_movie_link:hover{
  opacity:0.7;
}

.solution_movie_link:after{
  display: block;
  position: absolute;
  content: "";
  top: 50%;
  right: 20px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-top: -4px;
}

.solution_title{
  font-size:26px;
  font-weight:bold;
}

@media screen and (max-width: 900px) {
  .solution_title{
    font-size:18px;
    margin:0 0 15px;
  }
  }

.solution_title>span{
  font-size:18px;
  font-weight:bold;
  display:block;
  color:#0696d7;
}

.solution_desc{
  margin:0 0 80px;
  font-size:18px;
}

@media screen and (max-width: 900px) {
  .solution_desc{
    margin:0 0 20px;
    font-size:14px;
  }
  }

.solution_subtitle{
  font-size:22px;
  font-weight:bold;
  position:relative;
  padding:0 0 50px;
  text-align:center;
  margin:0 0 80px;
}

@media screen and (max-width: 900px) {
  .solution_subtitle{
    font-size:18px;
    padding:0 0 20px;
    margin:0 0 20px;
  }
  }

.solution_subtitle:after{
  position:absolute;
  content:"";
  width:80px;
  height:3px;
  background: #0696d7;
  left:0;
  right:0;
  margin:0 auto;
  bottom:0;
}

.solution_list{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
}

.solution_item{
  width:calc((100% - 40px) /2);
  display:flex;
  flex-direction:column;
  border:1px solid #e5e1e3;
  box-shadow: 0 0 8px 4px rgb(207 207 207 / 48%);
  padding: 32px;
  margin:0 40px 50px 0;
}
 
@media screen and (max-width: 900px) {
  .solution_item{
    width:100%;
    padding: 25px;
    margin:0 0 20px 0;
  }
  .solution_item:last-child{
    margin-bottom:0;
  }
  }

.solution_item:nth-child(2n){
  margin-right:0;
}

.solution_item-icon{
  width: 11%;
  display: block;
  margin: 29px auto;
}

@media screen and (max-width: 900px) {
  .solution_item-icon{
    width: 20%;
    display: block;
    margin: 15px auto;
  }
  }

.solution_item-title{
  font-size:18px;
  font-weight:800;
  margin:0 0 47px;
}

@media screen and (max-width: 900px) {
  .solution_item-title{
    font-size:16px;
    margin:0 0 15px;
  }
  }

.solution_item-subtitle{
  font-weight:800;
}

@media screen and (max-width: 900px) {
    .solution_item-subtitle{
      font-weight:800;
      font-size:14px;
    }
  }


.solution_item-desc{
  margin:0 0 30px;
}

.solution_link{
  display:block;
  padding-left:20px;
  position:relative;
}

@media screen and (max-width: 900px) {
  .solution_link{
    display:block;
    font-size:14px;
  }
  }

.solution_link:hover{
  opacity:0.7;
}

.solution_link:before{
  content:"";
  display:block;
  position:absolute;
  width:15px;
  height:2px;
  background:#0696d7;
  top:13px;
  left:0;
}

.linkage{
  padding:95PX 0 110px;
}

@media screen and (max-width: 900px) {
  .linkage{
    padding:0 0 20px;
  }
  }

.linkage_title{
  font-size:36px;
  font-weight:800;
  position:relative;
  margin:0 0 95px;
  color:#333333;
}

@media screen and (max-width: 900px) {
  .linkage_title{
    font-size:20px;
    margin:0 0 20px;
  }
  }

.linkage_title:before{
  content: "Autodesk Inventor&Autodesk Vault 連携により設計業務全体を改善";
  font-size:18px;
  font-weight:800;
  position:relative;
  color:#0696d7;
  display:block;
  top:8px;
  left:0;
}

@media screen and (max-width: 900px) {
  .linkage_title:before{
    font-size:14px;
  }
  }

  .linkage_desc{
    font-size:18px;
  }

  @media screen and (max-width: 900px) {
    .linkage_desc{
      font-size:16px;
    }
    }

.linkage_subtitle{
  font-size: 24px;
  font-weight: 800;
  position: relative;
  padding-bottom: 15px;
  margin: 0px 0px 70px;
}

@media screen and (max-width: 900px) {
  .linkage_subtitle{
    margin: 0 0 30px;
    font-size:18px;
}
  }

.linkage_subtitle:after{
  position: absolute;
  width: 60px;
  height: 3px;
  content: "";
  left: 0px;
  bottom: 0px;
  background: rgb(6, 150, 215);
}

.linkage-list{
  display:flex;
  flex-direction: row;
  flex-wrap: wrap;
 }

 @media screen and (max-width: 900px) {
  .linkage-list{
    display:block;
   }
  }
 
 .linkage-item{
   width:calc((100% - 80px) / 2);
   margin:0 80px 0 0;
 }

 @media screen and (max-width: 900px) {
  .linkage-item{
    width:100%;
    margin:0 0 40px;
  }
  }

 .linkage-item:nth-child(even){
  margin:0;
}

 .linkage-item_title{
  font-size:18px;
  font-weight:700;
  margin:0 0 15px;
 }

 @media screen and (max-width: 900px) {
  .linkage-item_title{
    font-size:16px;
   }
  }

 .linkage-item_desc{
   margin:0 0 80px;
 }

 @media screen and (max-width: 900px) {
  .linkage-item_desc{
    margin:0 0 20px;
  }
  .linkage-item_desc:last-chile{
    margin:0;
  }
  }

 .linkage-item_img{
  align-items: baseline;
  margin: 0 0 45px;
 }

 @media screen and (max-width: 900px) {
  .linkage-item_img{
    margin: 0 0 15px;
   }
  }

 .inventor{
  position:relative;
  padding:0 0 30px;
}

@media screen and (max-width: 900px) {
  .inventor{
    position:relative;
    padding:0 0 20px;
  }
  }

 .inventor_title,.vault_title{
  font-size: 24px;
  font-weight: 800;
  position: relative;
  padding-bottom: 15px;
  margin: 0 0 70px;
}

.inventor_title:after,.vault_title:after{
  position: absolute;
  width: 60px;
  height: 3px;
  content: "";
  left: 0;
  bottom: 0;
  background: #0696d7;
}

@media screen and (max-width: 900px) {
  .inventor_title,.vault_title{
    font-size:18px;
    margin:0 0 30px;
  }
  }

.inventor-list_title{
  font-size:18px;
  font-weight:800;
  position:relative;
  padding-bottom:15px;
}

@media screen and (max-width: 900px) {
  .inventor-list_title{
    font-size:16px;
  }
  }

.inventor_item{
  display:flex;
  flex-direction: column;
  width:calc((100% - 40px) / 2);
  margin-right:40px;
}

@media screen and (max-width: 900px) {
  .inventor_item{
    width:100%;
    margin:0 0 15px;
  }
  }

.inventor_item:nth-child(2n){
  margin-right:0;
}

.inventor_list{
  display:flex;
  flex-direction: row;
}

@media screen and (max-width: 900px) {
  .inventor_list{
    display:block;
  }
  }

.inventor-list_contentwrap{
  display:flex;
  flex-wrap:nowrap;
  margin:30px 0 50px;
}

@media screen and (max-width: 900px) {
  .inventor-list_contentwrap{
    display:block;
    margin:0 0 0;
  }
  }

.inventor-list_contentwrap > li{
  width:calc((100% - 15px) / 2);
  font-size:16px;
}

@media screen and (max-width: 900px) {
  .inventor-list_contentwrap > li{
    width:100%;
    margin:0 0 7px;
    font-size:14px;
  }
}

.inventor-list_contentwrap > li:not(:last-child){
  margin-right:15px;
}

@media screen and (max-width: 900px) {
  .inventor-list_contentwrap > li:not(:last-child){
    margin-right:0;
  }
}

@media screen and (max-width: 900px) {
  .inventor-list_img{
    text-align:center;
  }
}

.vault{
  position:relative;
  padding:95px 0 95px;
}

@media screen and (max-width: 900px) {
  .vault{
    padding:30px 0 30px;
  }
  }

 .vault:before{
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  z-index: -1;
  width: 90%;
  height: 300px;
  background:#f0f4f7;  
}

.vault-list_title{
  font-size:18px;
  font-weight:800;
  position:relative;
  padding-bottom:15px;
}

@media screen and (max-width: 900px) {
  .vault-list_title{
    font-size:16px;
  }
  }

.vault_list{
  display:flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin:0 0 50px;
}

@media screen and (max-width: 900px) {
  .vault_list{
    display:block;
    margin:0 0 20px;
  }
  }

.vault_item{
  display:flex;
  flex-direction: column;
  width: calc((100% - 60px) / 2);
  margin-right:60px;
}

@media screen and (max-width: 900px) {
  .vault_item{
    width: 100%;
    margin:0 0 20px 0;
  }
  }

.vault_item:nth-child(even){
  margin-right:0;
}

.vault-list_contentwrap{
  display:flex;
  flex-wrap:nowrap;
  margin:30px 0 0;
}

@media screen and (max-width: 900px) {
  .vault-list_contentwrap{
    display:block;
    margin:0;
  }
  }

.vault-list_contentwrap > li{
  width:calc((100% - 15px) / 2);
  font-size:16px;
}

@media screen and (max-width: 900px) {
  .vault-list_contentwrap > li{
    width:100%;
    font-size:14px;
    margin:0 0 14px;
  }
  }

.vault-list_contentwrap > li:not(:last-child){
  margin-right:15px;
}

@media screen and (max-width: 900px) {
  .vault-list_contentwrap > li:not(:last-child){
    margin-right:0;
  }
  }

  @media screen and (max-width: 900px) {
    .vault-list_img{
      text-align:center;
    }
    }

.vault_linkage_title{
  font-size:20px;
  font-weight:800;
  position:relative;
  padding-bottom:15px;
}

@media screen and (max-width: 900px) {
  .vault_linkage_title{
    font-size:16px;
  }
  }

.vault_linkage_desc{
  padding:30px 0 105px;
}

@media screen and (max-width: 900px) {
  .vault_linkage_desc{
    padding:0 0 40px;
    font-size:14px;
  }
  }

.vault_linkage_list{
  display:flex;
  flex-direction:row;
  flex-wrap: wrap;
}

@media screen and (max-width: 900px) {
  .vault_linkage_list{
    display:block;
  }
  }

.vault_linkage_item{
  width:calc((100% - 40px) / 2);
  margin-right:40px;
   padding:35px;
  position:relative;
  border: 1px solid #e9e9e9;
  box-shadow: 0 0 8px 4px rgb(207 207 207 / 48%);
}

@media screen and (max-width: 900px) {
  .vault_linkage_item{
    width:100%;
    margin:0 0 30px;
    padding:20px;
  }
  .vault_linkage_item:last-child{
    margin:0 0 0;
  }

  }

.vault_linkage_item:nth-child(even){
  margin-right:0;
}

.vault_linkage_item_number{
  position:absolute;
  display:flex;
  background:#000;
  color:#fff;
  padding:5px 13px;
  left:25px;
  top:-20px;
  z-index:10001;
  font-family: 'Roboto', sans-serif;
}

.vault_linkage_item_img{
  text-align:center;
  margin:20px 0 0;
}

.vault_linkage_item-title{
  font-size:18px;
  font-weight:800;
  margin:35px 0 35px;
}

@media screen and (max-width: 900px) {
  .vault_linkage_item-title{
    font-size:16px;
    font-weight:800;
    margin:20px 0 20px;
  }
  }

.vault_linkage_item-desc{
  margin:0 0 20px;
}

@media screen and (max-width: 900px) {
  .vault_linkage_item-desc{
    margin:0 0 15px;
  }
  }

.vault_linkage_item-link{
  display: block;
  padding-left: 20px;
  position: relative;
}

@media screen and (max-width: 900px) {
  .vault_linkage_item-link{
    font-size: 14px;
  }
  }

.vault_linkage_item-link:hover{
  opacity:0.4;
}



.vault_linkage_item-link:before{
  content: "";
  display: block;
  position: absolute;
  width: 15px;
  height: 2px;
  background: #0696d7;
  top: 13px;
  left: 0;
}

.reason{
  padding:95px 0 170px;
  overflow:hidden;
}

@media screen and (max-width: 900px) {
  .reason{
    padding:0 0 0;
  }
  }

.reason_title{
  font-size:36px;
  font-weight:800;
  position:relative;
  margin:0 0 95px;
  color:#333333;
  text-align:center;
}

@media screen and (max-width: 900px) {
  .reason_title{
    font-size:20px;
    margin:0 0 30px;
  }
  }

.reason_title:before{
  content: "SCSKはここが違う";
  font-size:20px;
  font-weight:800;
  position:relative;
  color:#0696d7;
  display:block;
  top:8px;
  left:0;
}

@media screen and (max-width: 900px) {
  .reason_title:before{
    font-size:18px;
  }
  }

.reason_subtitle{
  font-size:22px;
  font-weight:800;
  margin:0 0 30px;
  padding:0 0 30px;
  position:relative;
}

@media screen and (max-width: 900px) {
  .reason_subtitle{
    font-size:18px;
    padding:0 0 15px;
  }
  }

.reason_subtitle:after{
  position:absolute;
  content:"";
  width:50px;
  height:3px;
  background:#0696d7;
  left:0;
  bottom:0;
}

.reason_desc{
  font-size: 18px;
  margin: 0 0 100px;
}

@media screen and (max-width: 900px) {
  .reason_desc{
    font-size: 14px;
    margin: 0 0 30px;
  }
  }

.reason_list{
  display:flex;
  flex-direction:row;
}

@media screen and (max-width: 900px) {
  .reason_list{
    display:block;
  }
  }

.reason_item{
  width:calc((100% - 60px) / 3);
  background: #f0f1f5;
}

@media screen and (max-width: 900px) {
  .reason_item{
    width:100%;
    margin-bottom:15px;
  }
  }

.reason_item:not(:last-child){
  margin-right:30px;
}

@media screen and (max-width: 900px) {
  .reason_item:not(:last-child){
    margin-right:0;
  }
  }

.reason_item-main{
  padding: 30px 23px 23px 70px;
}

@media screen and (max-width: 900px) {
  .reason_item-main{
    width: 100%;
    padding: 15px 10px 10px 70px;
  }
  }

.reason_item-title{
  position:relative;
  font-size:18px;
  font-weight:800;
  padding:0 0 20px;
}

@media screen and (max-width: 900px) {
  .reason_item-title{
    font-size:16px;
    margin:0 0 15px;
    padding:0 0 15px;
    line-height:1.3;
  }
  }

.reason_item-number{
  position: absolute;
  font-family: 'Roboto', sans-serif;
  font-size: 30px;
  left: -48px;
  top: -5px;
}

@media screen and (max-width: 900px) {
  .reason_item-number{
    position: absolute;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    left: -48px;
    top: 0;
  }
  }

 .document{
  position:relative;
  background:#f0f4f7;
  padding:95px 0 70px;
  z-index:1;
  margin-bottom:90px;
 }

 @media screen and (max-width: 900px) {
  .document{
    padding:30px 0 30px;
    z-index:1;
   }
  }

 .document_bg{
   position:absolute;
   top:0;
   left:0;
   width:100%;
   height:350px;
   z-index:-1;
   background:#000;
 }

 .document_title{
  font-size:36px;
  font-weight:800;
  position:relative;
  margin:0 0 95px;
  color:#fff;
}

@media screen and (max-width: 900px) {
  .document_title{
    font-size:20px;
    margin:0 0 30px;
  }
  }

.document_title:before{
  content: "技術コラム";
  font-size:20px;
  font-weight:800;
  position:relative;
  color:#0696d7;
  display:block;
  top:8px;
  left:0;
}

@media screen and (max-width: 900px) {
  .document_title:before{
    font-size:18px;
  }
  }

 .document-list{
   display:flex;
   flex-direction:row;
   flex-wrap: wrap;
   z-index:1001;
   margin-bottom: 30px;
 }

 @media screen and (max-width: 900px) {
  .document-list{
    display:block;
    margin-bottom: 15px;
  }
  }

 .document-item{
  width:calc((100% - 150px) / 6);
  margin:0 30px 30px 0;
  background:#fff;
  display:flex;
  flex-direction: column;
}

@media screen and (max-width: 900px) {
  .document-item{
    width:100%;
    margin:0 0 7px;
  }
  }

.document-item:nth-child(6n){
  margin-right:0;
}

.document-item_title{
  font-weight:600;
  margin:20px 15px 30px;
  position:relative;
  line-height:1.5;
  font-size:14px;
}

@media screen and (max-width: 900px) {
  .document-item_title{
    margin:15px 20px 15px;
  }
  }

.document-item_disc{
  margin:0 20px 50px;
}

@media screen and (max-width: 900px) {
  .document-item_disc{
    margin:0 20px 15px;
  }
  }

.document-item_img{
  text-align:center;
}

.document-item_link{
  display:block;
  margin:20px 20px 20px;
  background:#000;
  padding:10px;
  display:flex;
  align-items:center;
  justify-content: center;
  color:#fff;
  font-size:14px;
  margin-top: auto;
  position:relative;
}


.document-item_link:after{
  display: block;
  position: absolute;
  content: "";
  top: 50%;
  right: 20px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-top: -4px;
}

.document-item_link:hover{
  opacity: 0.9;
}

.document-item_download{
  margin:0 8px 0 0;
}

.document_link_block{
  display: flex;
  justify-content: center;
}

.document_link_more{
     padding: 10px 45px;
    background: #000;
    color: #fff;
    display: inline-block;
    position: relative;
}

.document_link_more:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: -4px;
}

.document_link_more:hover{
  opacity:0.7;
  transition: 0.3s all ease;
}

.case{
  padding:0 0 95px;
}

@media screen and (max-width: 900px) {
  .case{
    padding:0 0 0;
  }
  }

 .case_title{
  font-size:36px;
  font-weight:800;
  position:relative;
  margin:0 0 95px;
  color:#333333;
  text-align:center;
}

@media screen and (max-width: 900px) {
  .case_title{
    font-size:20px;
    margin:0 0 30px;
  }
  }

.case_title:before{
  content: "導入事例";
  font-size:20px;
  font-weight:800;
  position:relative;
  color:#0696d7;
  display:block;
  top:8px;
  left:0;
}

@media screen and (max-width: 900px) {
  .case_title:before{
    font-size:18px;
  }
}

.case-list{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
}

@media screen and (max-width: 900px) {
  .case-list{
    display:block;
  }
}

.case-item{
  border: 1px solid #e9e9e9;
  box-shadow: 0 0 8px 3px rgb(207 207 207 / 33%);
  margin: 0 0 100px;
  width: calc((100% - 90px) / 4);
  margin-right:30px;
  background:#fff;
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 900px) {
  .case-item{
    padding: 10px;
    margin: 0 0 20px;
    width: 100%;
    margin-right:0;
  }
}

.case-item:nth-child(4n){
  margin-right:0;
}

@media screen and (max-width: 900px) {
  .case-item{
    border: 1px solid #e9e9e9;
    display: block;
    margin: 0 0 30px;
  }
  }

  .case-item_wrap{
    padding:15px;
  }

.case-item_title{
  font-size: 18px;
  font-weight: 800;
  padding: 20px 0 0;
}

@media screen and (max-width: 900px) {
  .case-item_title{
    font-size: 16px;
    font-weight: 800;
     padding: 0 0 20px;
  }
  }

.case-item_img {
  position: relative;
}

.case-item_company{
   color: #706f67;
   font-weight: 800;
   margin-bottom: 10px;
}

.case-item_tag{
  background:#d9d9d9;
  color:#706f67;
  display:inline-block;
  padding:2px 5px;
}

.case_more_wrap{
  display:flex;
  justify-content: center;
}

.case_more_link{
    padding: 10px 45px;
    background: #000;
    color: #fff;
    display: inline-block;
    position: relative;
}

.case_more_link:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: -4px;
}

.event{
  position:relative;
  padding:50px 0 90px;
}

@media screen and (max-width: 900px) {
  .event{
    padding:0 0 30px;
  }
  }

 .event_title{
  font-size:36px;
  font-weight:800;
  position:relative;
  margin:0 0 95px;
  color:#333333;
  text-align:center;
}

@media screen and (max-width: 900px) {
  .event_title{
    font-size:20px;
    margin:0 0 30px;
  }
}

.event_title:before{
  content: "セミナー";
  font-size:20px;
  font-weight:800;
  position:relative;
  color:#0696d7;
  display:block;
  top:8px;
  left:0;
}

.event_list{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content: center;
}

.event_item{
  display:flex;
  flex-direction:column;
  width:calc((100% - 100px) / 3);
  background:#fff;
  margin-right:50px;
}

@media screen and (max-width: 900px) {
  .event_item{
    width:100%;
    margin-right:0;
  }
}

.event_item:nth-of-type(3){
  margin-right:0;
}

.event_item:hover{
  opacity:0.7;
}

.event_item-wrap{
  padding:24px 20px 30px;
}

.event_ttl{
  font-size:18px;
  font-weight:600;
  margin-bottom:5px;
}

@media screen and (max-width: 900px) {
  .event_ttl{
    font-size:16px;
  }
}

.event_date{
  padding-left: 32px;
  position: relative;
  font-size: 14px;
  margin-bottom: 20px;
}

@media screen and (max-width: 900px) {
  .event_date{
    margin-bottom: 15px;
  }
}

.event_date:before{
  display:block;
  position:absolute;
  content:"";
  background:url(../img/ico_time.png) center center no-repeat;
  background-size:contain;
  width:18px;
  height:16px;
  top:6px;
  left:0;
}
.seminar{
  position:relative;
  padding:0 0 50px;
  background:#f0f1f5;
}

@media screen and (max-width: 900px) {
  .seminar{
    padding:30px 0 15px;
  }
  }

 .seminar_title{
  font-size:36px;
  font-weight:800;
  position:relative;
  margin:0 0 50px;
  color:#333333;
}

@media screen and (max-width: 900px) {
  .seminar_title{
    font-size:20px;
    margin:0 0 30px;
  }
  }

.seminar_title:before{
  content: "設計DX推進　データ活用動画";
  font-size:20px;
  font-weight:800;
  position:relative;
  color:#0696d7;
  display:block;
  top:8px;
  left:0;
}

.seminar-list{
  display:flex;
  flex-direction: row;
  flex-wrap:wrap;
}

@media screen and (max-width: 900px) {
  .seminar-list{
    display:block;
  }
  }

.seminar-item{
  width: calc((100% - 80px) / 3);
  margin:0 40px 50px 0;
  background:#fff;
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 900px) {
  .seminar-item{
    width:100%;
    margin:0 0 15px;
  }
  }

.seminar-item:nth-child(3n){
  margin-right:0;
}

.seminar-item_bg-link{
  display:block;
  position:relative;
}

.seminar-item_bg-link:before{
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  left: 50%; 
  transform: translate(-50%,-50%);
  background-color: rgba(35,35,35,.8);
  border-radius: 50%;
  border: 1px solid #666;
  width: 40px;
  height: 40px;
}

.seminar-item_bg-link:after{
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-35%,-50%);
  transform: translate(-35%,-50%);
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  border-width: 10px 0 10px 15px;
}

.seminar-item_wrap{
  padding:20px 10px;
}

.seminar-item_title{
  font-size:18px;
  font-weight:800;
  padding: 20px 10px 25px;
}

@media screen and (max-width: 900px) {
  .seminar-item_title{
    font-size:16px;
    padding:0 0 15px;
  }
  
  }


.seminar-item_link{
  display:block;
  padding:10px 0;
  background:#000;
  text-align:center;
  color:#fff;
  position:relative;
  margin: 0 10px 10px;
  margin-top: auto;
  font-size: 14px;
}

.seminar-item_link:after{
  display: block;
    position: absolute;
    content: "";
    top: 50%;
    right: 20px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: -4px;
}

.seminar-item_link:hover{
  opacity:0.7;
}

.seminar_read-title{
  font-size:24px;
  font-weight:700;
  color:#333;
  margin:0 0 55px;
}

@media screen and (max-width: 900px) {
  .seminar_read-title{
    font-size:18px;
    margin:0 0 20px;
  }
  }

.seminar_read-title span{
  font-size:14px;
  font-weight:700;
  display:block;
  color:#333;
}

.seminar_title-free{
  padding: 2px 10px;
  border: 1px solid #ffffff;
  font-size: 16px;
  margin: 0 7px 0 0;
  background: #333;
  color: #fff;
}

.seminar_disc{
  line-height:2.2;
  margin:0 0 90px;
}

@media screen and (max-width: 900px) {
  .seminar_disc{
    margin:0 0 20px;
  }
  }

.seminar_link{
  margin: 15px 0 0;
  display: inline-block;
  padding: 8px 25px;
  border: 1px solid rgba(255, 255, 255, 0.8);
  font-size:14px;
  margin-left: auto;
}

.seminar-item_img{
  display:block;
  margin:0 auto;
}

.banner_ondemand{
  background:url(../img/bnr_ondemand.png)center center;
  background-repeat: no-repeat;
  width:800px;
  margin:0 auto 150px;
  padding:20px 10px 20px 0;
  border:1px solid #eee;
  position:relative;
  cursor: pointer;
}

.banner_ondemand:hover{
  opacity:0.7;
  transition: all 0.7s;
}

.banner_ondemand:after{
  position:absolute;
  border:1px solid rgba(255, 255, 255, 0.5);
  content:"";
  content: "";
    top: 6px;
    bottom: 6px;
    left: 6px;
    right: 6px;
}


.banner_ondemand_textarea{
  background: #fff;
  width: 70%;
  padding: 20px 70px 20px 20px;
  position:relative;
}

.banner_ondemand_textarea:after{
  position:absolute;
  content:"";
  background:url(../img/arrow.png)center center;
  background-repeat: no-repeat;
  background-size: contain;
  width:18px;
  height:18px;
  right:20px;
  top:50%;
  margin-top:-9px;
}

.banner_ondemand_ttl{
  font-size:16px;
  font-weight:600;
  border-bottom:1px solid #333;
  
  margin-bottom:10px;
}

.banner_ondemand_txt{
  font-size:14px;
}