@charset "UTF-8";







/* mv */



#mv {



  height: 530px;



  background-repeat: no-repeat;



  background-image: url(/img/mv_bg_tamura_no.jpg);



  background-size: auto 100%;



  background-position: center;



}



#mv p {



  margin: 0 auto;



  padding-top: 70px;



  max-width: 960px;



  text-align: left;



}







/* service */



/* service */



.service_detail_area {



  margin: 0 auto;



  padding: 50px 55px;



  max-width: 960px;



  background: #f6f7f8;



  box-sizing: border-box;



  box-shadow: 0px 0px 50px 0px rgba(191,191,191,0.5);



  overflow: hidden;



}



.service_detail {



  float: left;



  margin-right: 4%;



  width: 29%;



}



.service_detail:last-child {



  margin-right: 0;



}



.service_detail_icon img {



  margin-bottom: 25px;



  height: 50px;



}



.service_detail_title {



  margin-bottom: 15px;



  font-size: 18px;



  font-weight: bold;



}



.service_detail_text {



  display: table-cell;



  width: 250px;



  height: 73px;



  line-height: 1.8;



  vertical-align: middle;



}



.service_detail_link {



  margin-top: 35px;



  font-weight: bold;



}



.service_detail_link a {



  display: inline-block;



  padding-left: 22px;



  position: relative;



}



.service_detail_link a::before{



  content: '';



  width: 6px;



  height: 6px;



  border: 0px;



  border-top: solid 3px #16bf6b;



  border-right: solid 3px #16bf6b;



  -ms-transform: rotate(45deg);



  -webkit-transform: rotate(45deg);



  transform: rotate(45deg);



  position: absolute;



  top: 3px;



  left: 0;



}



.service_detail_title small{

  font-size: 0.8em;

  font-weight: 100;

}







/* company */



.company_about_area {



  margin: 0 auto;



  max-width: 1000px;



}



.company_about {



  overflow: hidden;



  margin: 0 auto 40px;



  width: 490px;



}



.company_about dt {



  float: left;



  margin-right: 60px;



  width: 55px;



  font-size: 18px;



}



.company_about dd {



  margin-bottom: 14px;



  font-size: 18px;



}



.company_about dd:last-child {



  margin-bottom: 0;



}



.company_map_area {



  margin: 0 auto;



  max-width: 1000px;



  height: 295px;



}







/* contact */



#contact p {



  line-height: 1.8;



}



.contact_btn_area {



  margin: 20px auto 0;



  width: 900px;



  overflow: hidden;



}



.contact_btn {



  float: left;



  margin-right: 20px;



  width: 275px;



  box-sizing: border-box;



}



.contact_btn:last-child {



  margin-right: 0;



}



.contact_btn a {



  display: inline-block;



  padding: 22px 0;



  border: 1px solid #444444;



  width: 100%;



  color: #444444;



  font-size: 18px;



  font-weight: bold;



}



.contact_btn a:hover {



  background: rgba(255,255,255,0.4);



}







/* SP */



@media (max-width:767px){



  /* mv */



  #mv {



    height: auto;



    background: none;



  }



  #mv p {



    margin: 0;



    padding-top: 0;



    width: 100%;



  }



  #mv p img {



    width: 100%;



  }







  /* service */



  .service_detail_area {



    margin: 0 25px;



    padding: 40px 10px 50px;



    width: auto;



  }



  .service_detail {



    float: none;



    margin-right: 0;



    margin-bottom: 50px;



    width: 100%;



  }



  .service_detail:last-child {



    margin-bottom: 0;



  }



  .service_detail_icon img {



    margin-bottom: 18px;



    height: 48px;



  }



  .service_detail_title {



    margin-bottom: 22px;



    font-size: 18px;



  }



  .service_detail_text {



    display: block;



    width: 100%;



    height: auto;



    line-height: 1.8;



  }



  .service_detail_link {



    margin-top: 22px;



  }



  .service_detail_link a {



    font-size: 13px;



  }



  .service_detail_link a::before{



    width: 5px;



    height: 5px;



    border-top: solid 2px #16bf6b;



    border-right: solid 2px #16bf6b;



  }







  /* company */



  .company_about_area {



    margin: 0;



    width: 100%;



  }



  .company_about {



    margin: 0 25px 40px;



    width: auto;



  }



  .company_about dt {



    margin-right: 0;



    width: 25%;



    font-size: 14px;



  }



  .company_about dd {



    float: left;



    margin-bottom: 20px;



    font-size: 14px;



    width: 75%;



  }



  .company_about dd:last-child {



    margin-bottom: 0;



  }



  .company_map_area {



    width: 100%;



    height: 225px;



  }







  /* contact */



  .contact_btn_area {



    margin-top: 38px;



    width: 100%;



  }



  .contact_btn {



    float: none;



    margin: 0 50px 25px;



    width: auto;



  }



  .contact_btn:last-child {



    margin: 0 50px 0;



  }



}















/*--- about ---*/



/*----------------------------------------*/







/* mv */



#mv_about {



  height: 300px;



  background-image: url(../img/mv_bg_about.jpg);



  background-repeat: no-repeat;



  background-size: contain;



  background-position: center;



}



#mv_about p {



  margin: 0 auto;



  padding-top: 70px;



  max-width: 960px;



  text-align: left;



}







@media (max-width:767px) {



  /* mv */



  #mv_about {



    height: auto;



    background: none;



  }







  #mv_about p {



    margin: 0;



    padding-top: 0;



    width: 100%;



  }







  #mv_about p img {



    width: 100%;



  }



}







.div_message {



  text-align: center;



}







.div_message img{



  max-width: 100%;



}











/*--table--*/



div.table { max-width: 800px; margin: 10px auto;}



div.table table { width: 100%; }



div.table th, div.table td  { padding: 20px; border: 1px solid #ddd; }



div.table th  { background: #f4f4f4;}



div.table .demo01 th  { width: 25%; text-align: center; }







@media only screen and (max-width:480px){



  div.table .demo01 { margin: 0 -10px; }



  div.table .demo01 th,



  div.table .demo01 td{



    width: 90%;



    display: block;



    border-top: none;



  }



  div.table .demo01 tr:first-child th { border-top: 1px solid #ddd; }



}







div.table2 .demo01 th {background-color: #FFF; width: 20%; font-weight: normal;}



@media only screen and (max-width:480px) {



  div.table2 .demo01 th,



  div.table2 .demo01 td{



    width: 90%;



    display: block;



    border-top: none;



  }



}











/*--- List ----*/



ul.ul_text {



  padding-left: 20px;



}







ul.ul_text li{



  font-size: 1.2em;



  line-height: 1.5em;



  margin-bottom: 10px;



}











/*--flex box --*/



.flex{



  max-width: 600px;



  margin: 0 auto;



}



img{



  /*max-width: 100%;*/



  display: block;



  margin: 0 auto;



}



.item{text-align: left;}



.item p{text-align: left; font-size: 1em; line-height: 1.2em; margin-bottom:10px;}



.item p.title{color: #666; font-size: 0.8em;}



.item p.name{font-weight:bold;}



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



  .flex{



    display:flex;



    flex-wrap:nowrap;



    justify-content:space-between;



  }



  .item+.item{



    margin-left:1.0em;



  }



}







hr {



  border-color: #EEE!important;



}







.container a {



  color: blue;



  text-decoration-line: underline;



  font-size: 1.0em;



}



















/* ---- pkobo news detail ----*/



.pkobo_news_detail{



  padding: 20px;



  max-width: 960px;



  margin-right: auto;



  margin-left: auto;



}







.pkobo_news_detail .pNav{



  margin-bottom: 20px;



}







.pkobo_news_detail h2{



  font-size: 30px;



  padding-bottom: 10px;



  border-bottom: 1px solid #CCC;



  margin-bottom: 30px;



}







.pkobo_news_detail #up_ymd{



  text-align: right;



  margin-bottom:20px;



}







.pkobo_news_detail .detailText div span{



  font-size: 16px!important;



  line-height: 1.2em;



}







.pkobo_news_detail  .backORcloseBtn{



  margin-top:30px;



  margin-bottom: 30px;



}









/* ---- pkobo news detail ----*/





.pkobo_news_detail #newsList li{

  margin-bottom:15px;

}









/* Pager style（外部化可） */

.pkobo_news_detail .pager{

  text-align:center;

  padding:10px;

  clear:both;

}

/*ページャーボタン*/

.pkobo_news_detail .pager a{

  border: 1px solid #999;

  border-radius: 5px 5px 5px 5px;

  color: #333;

  font-size: 12px;

  padding: 3px 7px 2px;

  text-decoration: none;

  margin:0 1px;

}



/*現在のページのボタン*/

.pkobo_news_detail .pager a.current{

  background: #999;

  border: 1px solid #999;

  border-radius: 5px 5px 5px 5px;

  color: #fff;

  font-size: 12px;

  padding: 3px 7px 2px;

  margin:0 1px;

  text-decoration: none;

}



.pkobo_news_detail .pager a:hover{

  background:#999;

  color: #fff;

}



.pkobo_news_detail.overPagerPattern{

  padding:0 2px ;

}











/* ---- trouble map list ----*/



#trouble_map #trouble_map_wrap{



  max-width: 960px;



  margin-right: auto;



  margin-left: auto;



  text-align: left;



  margin-top: 50px;



  margin-bottom: 50px;



}







#trouble_map ul li{



  margin-bottom: 20px;



}



















/* ---- content ----*/



div.content_wrap{

  max-width: 960px;

  margin-right: auto;

  margin-left: auto;

  text-align: left;

  margin-top: 50px;

  margin-bottom: 50px;

}





div.content_wrap h2{

  font-size: 20px;

  margin-bottom: 20px;

  margin-top: 20px;

}





div.content_wrap p{

  font-size: 16px;

  text-align: left;

  margin-bottom: 10px;

  line-height: 1.5em;

}



div.content_wrap ul li{

  font-size: 16px;

  text-align: left;

  margin-bottom: 10px;

  line-height: 1.5em;

  list-style: inside;

}



.flex_contents {

  width: 100%;

  max-width: 958px;

  margin: auto;

}

.flex_contents img {

  width: 100%;

}

.text-center {

  text-align: center;

}

.flexbox {

  display: flex;

}

.flex_box1 {

  width: 55%;

  margin: auto;

}

.flex_box2 {

  width: 45%;

  margin: auto .5rem;

}

@media screen and (max-width: 767px) {

  .flexbox {

    display: block;

  }

  .flexbox .flex_box1 {

    width: 100%;

    margin: 0 auto;

  }

  .flexbox .flex_box2 {

    width: 100%;

    margin: 0 auto;

  }

}







/* ---------- form contact ------------------*/
.form_table table.form_contact {
  max-width: 100%;
}

@media screen and (max-width: 767px) {
  .form_table table.form_contact {
    width: 360px;
    font-size: 1.2em;
  }
}