@charset "utf-8";

/*========================中ページメイン画像*/

#partition .main,#recruit .main,#information .main,#faq .main,#product .main,#contact .main,#case .main,#flow .main {
  background: url(../../information/img/main.png) center top no-repeat;
  background-size: cover;
  width: 100%;
  height: 180px;
}
#recruit .main {
  background: url(../../recruit/img/main.png) center top no-repeat;
  background-size: cover;
}
#partition .main {
  background: url(../../partition/img/main.png) center top no-repeat;
  background-size: cover;
}
@media (max-width: 768px) {
  #recruit .main {
    background: url(../../recruit/img/main.png) left bottom no-repeat;
  }
  #partition .main {
    background: url(../../partition/img/main_sp.png) center top no-repeat;
  }
}
#faq .main {
  background: url(../../faq/img/main.png) center top no-repeat;
  background-size: cover;
}
#product .main {
  background: url(../../product/img/main.png) center top no-repeat;
  background-size: cover;
}
#case .main {
   background: url(../../case/img/main.png) center top no-repeat;
  background-size: cover;
}
#flow .main {
  background: url(../../flow/img/main.png) center top no-repeat;
  background-size: cover;
}
/*========================中ページメインタイトル*/

.main h2 {
  font-size: 3rem;
  color: #fff;
  line-height: 1;
  padding-top: 60px;
  text-align: center;
}
.main h2 span {
  font-size: 1.8rem;
}
/*========================パーテーション*/
#partition .protection .cont_title{
 text-align: center;
  margin-bottom: 65px;
}
#partition .protection .product_ttl .prevent{
  font-size: 2.4rem;
}
#partition .protection .fl_box{
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
}
#partition .protection .img_box{
  width: 560px;
}
#partition .protection .txt_box{
  width: 390px;
}
#partition .protection .txt{
  font-size: 2.2rem;
  font-weight: bold;
  background: #ffef00;
  padding:15px 19px 10px 19px;
  line-height: 1.5;
  border-radius: 10px;
  margin-bottom: 30px;
}
#partition .protection .txt span{
  color: #ff7f00;
}
#partition .protection .img_list{
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  
}
#partition .protection .txt_list{
  border-top:1px dashed #a7a7a8; 
  margin-bottom:40px;
}
#partition .protection .txt_item{
  border-bottom:1px dashed #a7a7a8; 
  font-size: 2.3rem;
  font-weight: bold;
  padding:11px 0;
  position: relative;
}
#partition .protection .txt_item::before{
  display:inline-block;
  content: "";
  width:24px;
  height: 24px;
  background:#008ad2;
  position: absolute;
  top: 18px;
}
#partition .protection .txt_item .in_txt{
  display: inline-block;
  margin-left: 35px;
}
#partition .protection .txt_item .or{
  color:#ff7f00;
  width: 350px;
}

#partition .protection .type{
  font-size: 2.6rem;
  font-weight: bold;
}
#partition .protection .txt_table{
  width: 100%;
  border: 1px solid #333333;
  box-sizing: border-box;
}
#partition .txt_table th,#partition .txt_table td{
  text-align: center;
  font-size: 2.0rem;
  border: 1px solid #333333;
}
#partition .txt_table th{
  background:#008ad2;
  color: #FFFFFF;
  font-weight: bolder;
  padding: 6px 0;
}
#partition .txt_table .width,#partition .txt_table .height{
  padding: 0 27px 0;
}
#partition .txt_table .price{
  padding: 0 18px 0;
}
#partition .txt_table th .f-size{
  font-size: 1.6rem;
}
#partition .txt_table th .spacing{
  letter-spacing: -0.3em;
}
#partition .txt_table th .b-left{
  margin-right:6px;
}
#partition .txt_table td{
   background:#FFFFFF;
}
#partition .txt_table .size{
  width: 70px;
}
.pdf_link{
  width: 320px;
    margin: 0 auto 70px;
    border: 1px solid #008AD1;
}
.pdf_link a{
  display: block;
    padding: 10px 20px;
    color: #008AD1;
    text-align: center;
    transition: 0.3s all;
}
.pdf_link a:hover {
  background: #008AD1;
  color: #fff;
}
.order{
  margin: 0 auto 35px;
}

#partition .protection .contact{
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  #partition .protection .cont_title{
    margin-bottom:30px;
  }
  #partition .protection .cont_title img{
    width: 100%;
  }
  #partition .protection .product_ttl .prevent{
    font-size: 1.8rem;
  }
  #partition .protection .fl_box{
    display: block;
    justify-content: inherit;
    margin-bottom:30px;
  }
  #partition .protection .img_box{
    width:100%;
  }
  #partition .protection .txt_box{
    width: 100%;
  }
  #partition .protection .txt{
    font-size: 1.8rem;
    margin:30px 0;
  }
  #partition .protection .txt_list{
    margin-bottom:30px;
  }
  #partition .protection .txt_item{
    font-size: 1.8rem;
    padding:7px 0;
  }
  #partition .protection .txt_item::before{
    width:20px;
    height: 20px;
    top: 12px;
  }
  #partition .protection .txt_item .in_txt{
    margin-left:25px;
  }
  #partition .protection .txt_item .or{
    width: 90%;
  }
  
  #partition .protection .type{
    font-size: 1.9rem;
  }
  #partition .txt_table th .f-size{
    font-size: 1.4rem;
  }
  #partition .txt_table th,#partition .txt_table td{
   font-size: 1.6rem;
  }
  #partition .txt_table .width,#partition .txt_table .height{
    padding: 0 20px 0;
  }
  #partition .txt_table .price{
    padding: 0 12px 0;
  }
  #partition .txt_table .size{
    width:50px;
  }
  .pdf_link{
    width:80%;
      margin:30px auto 70px;
  }
  .order{
    margin: 0 auto 50px;
  }
  
}


/*========================採用情報*/
#recruit .adopt{
  margin-bottom: 100px;
}

#recruit .adoptInfo{
  width: 1000px;
  box-sizing: border-box;
  margin: 0 auto;
  border:1px solid #dddddd;
}
#recruit .adoptInfo th{
  width:190px;
  background: #e4e4e4;
  box-sizing: border-box;
  padding:25px 0 25px 30px;
  border-bottom: 1px solid #FFF;
}
#recruit .adoptInfo td{
  background: #FFF;
  padding:25px 0 25px 30px;
  border-bottom: 1px solid #e4e4e4;
}
#recruit .adoptInfo .jobDesc{
  margin-bottom:30px;
}
#recruit .adoptInfo .mention{
  text-indent: -1em;
  padding-left: 1em;
}
#recruit .adoptInfo .indent{
  margin-left: -0.5em;
}
/*========================会社情報*/

#content {
  margin-top: 80px;
}

.info {
  margin-bottom: 100px;
}
.info_title {
  margin-bottom: 80px;
}
.info_list {
  border-bottom: 1px solid #DDDDDD;
  margin-bottom: 25px;
}
.info_cate {
  float: left;
  width: 180px;
  padding: 0 0 20px 20px;
}
.info_naiyo {
  float: left;
  max-width: 620px;
  padding-bottom: 20px;
}

/*========================よくある質問*/

.faq_content {
  margin: 80px 0;
}
.q_icon,.a_icon {
  width: 40px;
  height: 40px;
  border-radius: 50px;
  float: left;
  margin:0 30px 24px;
  background: #008AD1;
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  line-height: 2;
}
.a_icon {
  clear: both;
   background: #FC6E6E;
}
.fa_content {
  padding-top: 3px;
  font-size: 2rem;
}
.a_content {
  padding-top: 6px;
  font-size: 1.6rem;
}
.a_list {
  border-bottom: 1px solid #DDDDDD;
  margin-bottom: 35px;
  padding-bottom: 35px;
}


/*========================製品情報*/

.Product_list {
  margin-bottom: 20px;
}
.Product_list02 {
  margin-bottom: 60px;
}
.Product_list li {
  width: 233px;
  border: 2px solid #008AD1;
  float: left;
  margin-right: 15px;
}
.Product_list li:nth-child(4) {
  margin-right: 0;
}
.Product_list li a {
  display: block;
  padding: 12px 0 20px;
  text-align: center;
  color: #008AD1;
  font-weight: bold;
  transition: 0.3s all;
}
.Product_list li a:hover {
  color: #fff;
  background: #008AD1;
}
.Product_list_ora li {
  width: 233px;
  border: 2px solid #ff9900;
  float: left;
  margin-right: 15px;
}
.Product_list_ora li:nth-child(4) {
  margin-right: 0;
}
.Product_list_ora li a {
  display: block;
  padding: 12px 0 20px;
  text-align: center;
  color: #ff9900;
  font-weight: bold;
  transition: 0.3s all;
}
.Product_list_ora li a:hover {
  color: #fff;
  background: #ff9900;
}

.arrow{
  position: relative;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  font-size: 15px;
}
.arrow::before,
.arrow::after{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}
.sample5-2::before{
  left: 111px;
  bottom: -33px;
  width: 8px;
  height: 8px;
  border-top: 3px solid #008AD1;
  border-right: 3px solid #008AD1;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.sample5-2:hover::before {
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
}
.sample5-ora-2::before{
  left: 111px;
  bottom: -33px;
  width: 8px;
  height: 8px;
  border-top: 3px solid #ff9900;
  border-right: 3px solid #ff9900;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.sample5-ora-2:hover::before {
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
}


.pro_section {
  margin-bottom: 50px;
}
.product_ttl {
  background: #008AD1;
  padding: 10px;
  margin-bottom: 30px;
}
.product_ttl_orange {
  background: #ff9900;
  padding: 10px;
  margin-bottom: 30px;
}
.product_ttl h2 {
  border-left: 5px solid #fff;
  padding-left: 10px;
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
}
.product_ttl_orange h2 {
  border-left: 5px solid #fff;
  padding-left: 10px;
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
}
.product_images {
  float: left;
  max-width: 37%;
  margin-right: 30px;
}
.product_images_list li {
  float: left;
    width: 31.3%;
    margin-top: 10px;
    margin-right: 2%;
}
.product_images_list li:last-child {
  margin-right: 0;
}
.product_content {
  float: left;
  max-width: 58%;
}
.product_content p {
  margin-bottom: 40px;
}
.pdf_btn {
    width: 320px;
    margin: 0 auto;
    border: 1px solid #008AD1;
    float: right;
}
.pdf_btn a {
  display: block;
  padding: 10px 20px;
  color: #008AD1;
  text-align: center;
  transition: 0.3s all;
}
.pdf_btn a:hover {
  background: #008AD1;
  color: #fff;
}
.fa-file-pdf-o {
  vertical-align: bottom;
}
.even {
  background: #fff;
  padding: 50px 0;
}
/*========================お問い合わせ*/
.contact {
  margin-bottom: 80px;
}
.contact dt {
  margin-bottom: 10px;
  font-weight: bold;
}
.contact dd {
  margin-bottom: 20px;
}
.contact dt span {
  background: #ff4444;
    padding: 0 16px;
    color: #fff;
    font-weight: normal;
    font-size: 1.4rem;
    margin-left: 15px;
}
.error {
  color:#db1111;
}
.input_btn {
  text-align: center;
}
.input_btn button {
    background: #008AD1;
    border: none;
    color: #fff;
    width: 340px;
    padding: 5px 0;
}
.kakunin {
  margin-bottom: 80px;
}
.contact h2 {
  border-bottom: 2px solid #008AD1;
  padding-bottom: 10px;
  margin-bottom: 20px;
  font-size: 2rem;
  font-weight: bold;
}
.kakunin dt {
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  margin-bottom: 10px;
  padding: 5px 15px;
  font-weight: bold;
}
.kakunin dd {
  margin: 20px;
}
.submit {
  width: 45%;
  float: left;
  margin: 40px 2.5% 0;
}
.submit input {
  background: #ccc;
  border: none;
}
.submit02 input {
  background: #008AD1;
  color: #fff;
  border: none;
}
.contact_section {
  background: #008AD1;
  padding: 6px 0;
  max-width: 340px;
  margin: 60px auto 0;
}
.contact_section a {
  display: block;
  text-align: center;
  color: #fff;
}

.case_list {
  margin-bottom: 100px;
}
.flow_list {
  margin-bottom: 20px;
}
.case_list li {
  float: left;
  text-align: center;
  margin-right: 4%;
  width: 48%;
}
.case_list li:last-child {
  margin-right: 0;
}
.flow_list li {
  font-size: 1.4rem;
  float: left;
  width: 30%;
  margin: 0 10px 30px 0;
  text-align: center;
}
.flow_list li:nth-child(5) {
  margin-right: 0;
}
.flow_list li:nth-child(10) {
  margin-right: 0;
}
.flow_list .arrow {
  padding-top: 8.5%;
  width: 2%;
}
.flow_list_footer{
  text-align: center;
}
.case_area {
  margin-bottom: 100px;
}