@charset "UTF-8";
/*
@font-face {
  font-family: "N-Chihaya";
  src: url(https://smooooth-cms.web-srv.biz/fonts/n_chifont/n_chifont.woff2) format("woff2"),
  url(https://smooooth-cms.web-srv.biz/fonts/n_chifont/n_chifont.woff) format("woff"),
  url(https://smooooth-cms.web-srv.biz/fonts/n_chifont/n_chifont.eot) format("eot");
  font-weight: 400;
  font-style: normal;
}
*/

/*************************************
*　
**************************************/

body{
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 1.666;
  color: #000000;
  font-size: 16px;
}

h1, h2, h3, h4, h5, h6{
  margin: 0;
}

a,
a:hover{
  color: #000000;
}

ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

i, em{
  font-style: normal;
}

p{
  margin-bottom: 0;
}

img{
  max-width: 100%;
}

/* テーブル */
table{
  width: 100%;
  table-layout: fixed;
}
table th,
table td{
  padding: 10px 10px;
}

/* テーブル 汎用class */
.tbl{

}
.tbl th,
.tbl td{
  border: 1px solid #b2b2b2;
}
.tbl th{

}
.tbl td{

}

.detail_content_txt table {
  max-width: 100%;
  width: auto;
}

.detail_content_txt table td,
.detail_content_txt table th {
  word-wrap: break-word;
    width: auto;
    padding: 10px;
    line-height: 1.3;
}

/* スクロール テーブル */
.js-scrollable{
  overflow-x: auto;
}
.js-scrollable table{
  min-width: 748px;
}

/* 指定デバイスのみで表示するclass */
@media (min-width:1024px){
  .tb:not(.pc){
    display: none;
  }
  .sp:not(.pc){
    display: none;
  }
}
@media (min-width:768px) and (max-width:1023px){
  .pc:not(.tb){
    display: none;
  }
  .sp:not(.tb){
    display: none;
  }
}
@media (max-width:767px){
  .pc:not(.sp){
    display: none;
  }
  .tb:not(.sp){
    display: none;
  }
}

/*************************************
*　TOPページ
**************************************/

.pg_home .section.sec1 {
  padding: 118px 0px 93px 0px;
}

.home_response_head {
  font-weight: 700;
  text-align: center;
  font-size: 35px;
  line-height: 0.371em;
  letter-spacing: 1px;
  padding-left: 10px;
}

.home_response_txt {
  text-align: center;
  padding: 37px 0px 0px 17px;
  letter-spacing: 0.03em;
  font-size: 16px;
  line-height: 2.2;
}

.pg_home .section.sec2 {
  padding: 96px 0px 151px 0px;
}

.home_list_head {
  font-weight: 700;
  font-size: 24px;
  letter-spacing: 0.13em;
  text-align: center;
}

.home_list_bar {
  border-top: 2px solid #02267a;
  margin: 15px auto 7px auto;
  max-width: 350px;
}

.home_list_eng {
  letter-spacing: 1.4px;
  font-weight: 700;
  margin-bottom: 49px;
  text-align: center;
  font-size: 17px;
}

.home_row_1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.home_col_1 {
  width: 25%;
}


.home_col_bar {
  border-top: 1px solid #959595;
  margin: 0px auto 0px auto;
  width: 250px;
}

.home_sec2_btn {
  display: inline-block;
  margin: 20px 0px 0px 0px;
  padding: 9px 73px 9px 73px;
  border: 1px solid #02267a;
  border-radius: 23px;
  position: relative;
  background: url(/system_panel/uploads/images/home_arrow.png) no-repeat 89% center;
}


.home_btn_box {
  text-align: center;
}

.home_look_txt {
  display: inline-block;
  letter-spacing: 0px;
  font-size: 15px;
}

.home_arrow_3 {
  position: absolute;
  top: 36%;
  left: 87%;
}

.home_machine_name {
  padding: 13px 0px 0px 18px;
  letter-spacing: 3px;
}

.home_machine_txt {
  padding: 9px 0px 0px 17px;
  letter-spacing: 1.5px;
}

.pg_home .section.sec3 {
  padding: 48px 0px 50px 0px;
}

.home_row_2 {
  /*display: flex;
  flex-wrap: wrap;
  justify-content: space-between;*/
}

.home_col_2 {
  /*width: 31.5%;*/
}

.home_img_box {
  text-align: center;
}

.home_sec3_btn {
  display: inline-block;
  padding: 27px 0px 27px 27px;
  background: url(/system_panel/uploads/images/home_arrow.png) no-repeat 93.5% center #ffffff;
  width: 100%;
  position: relative;
}

.home_arrow {
  position: absolute;
  top: 45%;
  left: 92%;
}

.home_sec3_txt {
  display: inline-block;
  font-weight: 700;
  letter-spacing: 0.12em;
  font-size: 16px;
}

.pg_home .section.sec4 {
  padding: 149px 0px 149px 0px;
}

.home_row_3 {
  
}

.home_col_3 > a{
  height: 180px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.home_col_3 > a:hover{
  opacity: 0.7;
  text-decoration: none;
}

.home_sec4_btn {
  display: inline-block;
  padding: 16px 10px 16px 30px;
  max-width: 380px;
  width: 100%;
  position: relative;
}

.home_arrow_2 {
  position: absolute;
  top: 40%;
  left: 90%;
}

.home_sec4_txt {
  display: inline-block;
  font-weight: 700;
  letter-spacing: 0.15em;
  font-size: 16px;
  background-position: 91% center, center!important;
}

.home_recruit {
  /*margin-left: 31px;*/
}

/* 中古機械販売 */

#home_machine_wrap{
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}
#home_machine_wrap .webgene-item{
  /*display: inline-block;
  width: 24%;
  padding-left: 14px;
  padding-right: 6px;
  margin-right: 8px;*/
}
#home_machine_wrap .webgene-item a{
  display: block;
}
#home_machine_wrap .webgene-item a:hover{
  opacity: 0.7;
  text-decoration: none;
}

#home_machine_wrap .photo {
  position: relative;
  display: block;
  overflow: hidden;
}

#home_machine_wrap .photo:before {
  content: "";
  display: block;
  padding-top: 86%;
}

#home_machine_wrap .photo img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
}

#home_machine_wrap .category {
  font-size: 15px;
  letter-spacing: 0.15em;
  line-height: 0.866;
  padding: 17px 0px 6px 0px;
}


#home_machine_wrap .bar {
  border-top: 1px solid #959595;
}

#home_machine_wrap .link {
  border: 1px solid #02267a;
  border-radius: 16px;
  padding: 5px 90px 5px 91px;
  margin-top: 20px;
  position: relative;
}

#home_machine_wrap .link::after {
  content: "\f105";
  font-family: "FontAwesome";
  font-weight: 900;
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);  
}

#home_machine_wrap .title {
  padding: 8px 0px 25px 0px;
  font-size: 15px;
  letter-spacing: 0.05em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*************************************
*　ヘッダー / フッター
**************************************/

.header {
  padding-top: 18px;
  margin-bottom: 13px;
}

.header_contact_link {
  background-color: #02267a;
  padding: 2px 34px 4px 34px;
}

.header .hdr_r{
  padding-bottom: 3px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.hdr_langs {
  margin-right: 60px;
}

.footer {
  margin-top: 50px;
}

.ftr_middle_container {
  padding: 40px 0px 46px 10px;
}

.footer_copyright_box {
  background-color: #eeeeee;
  padding: 10px 0px 10px 0px;
}

.footer_copyright {
  text-align: center;
  font-size: 12px;
  letter-spacing: 0.2px;
}

.footer_contact_box {
  background-color: #02267a;
  padding-top: 8px;
  padding-bottom: 14px;
}

.footer_address {
  padding-top: 3px;
  font-size: 16px;
  padding-left: 3px;
  letter-spacing: 0.02em;
  line-height: 1.85;
}

.ftr_bar {
  width: 80px;
  border-top: 1px solid #ffffff;
  margin: 0px 0px 5px 0px;
}

.ftr1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.ftr1_box2 {
  padding: 0px 0px 0px 0px;
  margin-right: 3px;
}

.ftr_ul {
  column-count: 2;
}

.ftr_li {
  position: relative;
  margin-right: 7px;
  padding: 0px 8px 5px 8px;
}

.ftr_li::before {
  position: absolute;
  content: "□";
  top: 0%;
  right: 104%;
}

.ftr_li_bottom::before {
  content:"";
}

.ftr_btn {
  display: block;
}

.ftr_txt {
  letter-spacing: -0.5px;
}

.ftr2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.ftr2_box1 {

}

.ftr2_box2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 6px;
}

.ftr2_box2_c1 {

}

.ftr2_box2_c2 {
  margin-left: 28px;
}

.ftr_tel_btn {
  background-color: #ffffff;
  border-radius: 18px;
  padding: 5px 90px 13px 87px;
  display: block;
}

.ftr_mail_btn {
  background-color: #ffffff;
  border-radius: 21px;
  padding: 7px 69px 11px 67px;
  display: block;
}

.ftr_contact_txt {
  color: #ffffff;
  text-align: center;
  font-weight: 700;
  font-size: 14px;
  padding-bottom: 9px;
  letter-spacing: 2px;
}

.ftr_contact_head {
  color: #ffffff;
  font-weight: 700;
  font-size: 28px;
  letter-spacing: 0.14em;
}

.ftr_under_head {
  color: #ffffff;
  font-weight: 700;
  letter-spacing: 2.0px;
}

.gnav_wrap{
  margin-top: 10px;
}
.gnav{
  display: flex;
  flex-wrap: wrap;
}
.gnav_item{
  position:relative;
  padding:2px 10px;
  width: auto;
  white-space: nowrap;
  text-align: center;
  color: #000000;
}

.gnav_item:before,
.gnav_item.end:after{
  content:"";
  width:2px;
  height: 30px;
  position:absolute;
  top:50%;
  background-image:url('/system_panel/uploads/images/gnav_bdr.png');
  background-repeat:repeat-y;
  background-position: center top;
}
.gnav_item:before{
  left:0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.gnav_item.end:after{
  right:0;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
}

/* **********************************
 *  共通パーツ
 * ********************************* */

/* 下層ヘッダー */

.pg_header{
  margin-bottom: 88px;
  /*height: 156px;*/
  margin-top: 10px;
}

.pg_header_1 {
  padding: 45px 0px 46px 0px;
  background-color: #02267a;
}

.pg_header_2 {
  padding: 3px 0px 6px 0px;
  background-color: #eeeeee;
}

/* 見出し1 */
.tt1 {
  color: #ffffff;
  font-weight: 700;
  font-size: 28px;
  letter-spacing: 0.2em;
  line-height: 1.071;
  text-align: center;
}

/* 見出し2 */
.tt2 {
  font-weight: 700;
  font-size: 30px;
  letter-spacing: 0.2em;
  line-height: 1.666;
  color: #043459;
  text-align: center;
}

.under_tt2 {
  text-align: center;
  line-height: 1.85;
  font-size: 16px;
  letter-spacing: 0;
  padding: 19px 0px 0px 0;
}

/* テーブル */

.table_box{
  border: 1px solid #c9c9c9;
  border-bottom: 0px;
}

.grid_row {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #c9c9c9;
}

.grid_row + .grid_row{
  /*border-right: 1px solid #c9c9c9;*/
}

.col_1 {
  width: 31.5%;
  background-color: #eeeeee;
  padding: 0px 0px 0px 48px;
  border-right: 1px solid #c9c9c9;
  display: flex;
  align-items: center;
}

.col_2 {
  width: 68.5%;
  padding: 14px 10px 14px 48px;
  border: 0;
}

.col_txt {
  font-size: 16px;
  line-height: 1.89;
  letter-spacing: 0px;
}


/* パンくずリスト */

.breadcrumb {
  display: inline-block;
  padding: 0;
  margin: 0;
  font-size: 14px;
}

/* ページトップへ戻る */

#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
} 

#pageTop i {
  padding-top: 6px
}

#pageTop a {
  font-size: 50px;
  display: block;
  z-index: 999;
  color: #07267a;
}

#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}


/*************************************
*　プライバシーポリシー
**************************************/

.privacy_tt2 {
  text-align: center;
  line-height: 1.695;
  font-size: 23px;
  letter-spacing: 0.2em;
  margin-bottom: 52px;
  padding-left: 20px;
  padding-top: 4px;
}

.privacy_h4 {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.75;
  letter-spacing: 0.04em;
  padding: 6px 0px 6px 15px;
  border-left: 6px solid #02267a;
  margin-bottom: 12px;
}

.privacy_txt {
  font-size: 16px;
  line-height: 1.85;
  letter-spacing: 0.04em;
}

.privacy_item {
    margin-bottom: 35px;
}

.pg_privacy .section.sec1 {
  padding-bottom: 113px;
}

.privacy_info_txt {
  font-size: 16px;
  letter-spacing: 1.6px;
  line-height: 1.8;
}

/*************************************
*　求人情報
**************************************/

.recruit_bar {
  border-top: 5px solid #02267a;
  margin: 3px auto 50px auto;
  width: 160px;
}

.pg_recruit .section.sec2 {
  padding: 0px 0px 150px 0px;
}

/*************************************
*　会社概要
**************************************/

.pg_about .section.sec1 {
  padding: 12px 0px 0px 0px;
}

.about_bar {
  border-top: 5px solid #02267a;
  margin: 2px 0px 25px 0px;
  width: 100%;
}

.about_access {
  font-weight: 700;
  font-size: 18px;
  padding: 0 1px;
  line-height: 1.8;
  color: #043459;
}

.pg_about .section.sec2 {
  padding: 33px 0px 144px 0px;
}

.about_map {
  width: 100%;
  height: 425px;
  border: 0px;
}

/*************************************
*　機械修理
**************************************/

.pg_repair .section.sec1 {
  padding: 0px 0px 50px 0px;
}

.pg_repair .section.sec2 {
  padding: 23px 0px 129px 0px;
}

.repair_row {
  padding: 30px 65px 33px;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 21px;
  border: 1px solid #043459;
}


.repair_col1 {
  width: 285px;
}
.repair_col2 {
  width: calc(100% - 285px);
  padding-left: 30px;
}

.repair_col2_head {
  font-weight: 700;
  letter-spacing: 0px;
  font-size: 21px;
  padding: 0 0 15px;
  line-height: 1;
}

.repair_col2_bar1 {
  border-top: 3px solid #02267a;
}

.repair_under_head {
  font-weight: 500;
  letter-spacing: 0px;
  padding: 20px 0px 7px 0px;
}

.repair_col2_bar2 {
  border-top: 1px dotted #181818;
  margin-bottom: 15px;
}

.repair_col2_list {
  font-size: 16px;
  letter-spacing: 0;
  padding: 0 0 0 33px;
  position: relative;
}
.repair_col2_list + .repair_col2_list{
  margin-top: 4px;
}

.repair_col2_list:before{
  content: "■";
  position: absolute;
  top: 0;
  left: 0;
  color: #02267a;
  display: inline-block;
}

.pg_repair .tt2 {
  padding-left: 15px;
  letter-spacing: 0px;
}

/*************************************
*　レンタル・リース
**************************************/

.pg_rental .section.sec1 {
  padding-bottom: 37px;
}

.rental_under_head {
  text-align: center;
  font-size: 16px;
  letter-spacing: 0;
  padding: 21px 0px 27px 6px;
  line-height: 1.85;
}

.pg_rental .tt2 {
  letter-spacing: 0px;
}

.pg_rental .section.sec2 {
  padding: 10px 0px 150px 0px;
}

.rental_row > div:nth-child(n+5){
  margin-top: 50px;
}

.rental_col {
  border: 1px solid #02267a;
  border-bottom: 5px solid #02267a;
}

.rental_product_txt {
  background-color: #eeeeee;
  padding: 14px 0px 13px 0px;
  text-align: center;
  letter-spacing: 0px;
}


.rental_img_box {    
  padding: 0;
  margin: 10px 10px 17px;
  border: 1px solid #e5e5e5;
  position: relative;
  overflow: hidden;
}
.rental_img_box:before{
  content: "";
  display: block;
  padding-top: 83%;
}
.rental_img{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.rental_bottom_row {
  justify-content: flex-start;
}

.rental_bottom_col {
  margin-right: 31px;
}

/*************************************
*　機械買取
**************************************/

.pg_purchase .section.sec1 {
  padding-bottom: 52px;
}

.purchase_under_head {
  text-align: center;
  font-size: 16px;
  letter-spacing: 0;
  padding: 20px 0px 22px 10px;
  line-height: 1.85;
}

.purchase_tt2 {
  letter-spacing: 0px;
}

.pcs_process_head {
  background-color: #02267a;
  color: #ffffff;
  font-weight: 500;
  font-size: 18px;
  padding: 20px 0px 20px 20px;
  margin-bottom: 23px;
}

.purchase_row {
  /*display: flex;
  flex-wrap: wrap;*/
  margin-bottom: 50px;
}

.purchase_col1 {
/*  width: 68.4%;*/
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.purchase_col2 {
  /*width: 31.6%;*/
}

.purchase_txt {
  font-size: 16px;
  padding-left: 20px;
  padding-bottom: 8px;
  line-height: 1.85;
}

.purchase_tel_link {
  display: inline-block;
  padding: 5px 10px 5px 10px;
  margin-left: 11px;
}

.purchase_contact_link {
  display: inline-block;
  padding: 5px 21px 11px 21px;
  background-color: #043459;
  margin-top: 15px;
  margin-left: 19px;
}

.purchase_img {
  margin-top: 7px;
}

.pg_purchase .section.sec2 {
  padding-bottom: 100px;
}

/*************************************
*　お問い合わせ
**************************************/

.pg_contact .section.sec1 {
  padding: 12px 0px 0px 0px;
}

.ctt_tel_txt {
  color: #ffffff;
  font-weight: 700;
  font-size: 20px;
  letter-spacing: 0.14em;
  line-height: 2.7;
  text-align: center;
  padding-bottom: 9px;
  padding-left: 14px;
}

.ctt_tel_shell {
  background-color: #02267a;
  padding: 19px 26px 22px 24px;
}

.ctt_tel_block {
  display: inline-block;
  background-color: #02267a;
  border-radius: 5px;
  color: #ffffff;
  font-weight: bold;
  padding: 0px 15px 0px 18px;
  font-size: 25px;
  margin-right: 12px;
  letter-spacing: 3px;
  margin-bottom: 3px;
}

.ctt_tel_inner {
  background-color: #ffffff;
  padding: 21px 30px 21px 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.ctt_tel_link {
  display: inline-block;
  padding: 10px;
}

.ctt_link_txt {
  font-family: 'Kozuka Gothic Pr6N';
  font-weight: 500;
  font-size: 44px;
  letter-spacing: 2px;
  line-height: 0.681;
  margin-top: 4px;
}

.ctt_reception_txt {
  display: inline-block;
  font-weight: 700;
  line-height: 1.625;
  margin-left: 32px;
  letter-spacing: 2.37px;
  font-size: 16px;
}

.ctt_form_head {
  text-align: center;
  font-size: 23px;
  margin-bottom: 30px;
  letter-spacing: 4.5px;
}

.pg_contact .section.sec2 {
  padding: 90px 0px 151px 0px;
}

.ctt_row{  
  border: 1px solid #b2b2b2;
}
.ctt_row + .ctt_row{
  border-top: 0;
}

.ctt_required {
  color: #ffffff;
  background-color: #b80000;
  padding: 1px 13px;
  font-size: 13px;
  letter-spacing: 0.05em;
  margin-bottom: 4px;
  font-weight: 700;
}

.ctt_th {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  background-color: #f0f0f0;
  width: 310px;
  padding: 14px 15px 8px 20px;
}

.ctt_send_col {
  width: 100%;
  text-align: center;
}

.ctt_send_btn {
  max-width: 314px;
  width: 100%;
  display: inline-block;
  background-color: #043459;
  padding: 13px;
  color: #ffffff;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.6111;
  letter-spacing: 0.1em;
  border: 0;
}

.ctt_td {
  width: calc(100% - 310px);
  display: flex;
  align-items: center;
  padding: 9px 9px 9px 18px;
}

.ctt_row {
  display: flex;
  flex-wrap: wrap;
}

.accept_row {
  margin: 44px -15px 24px -15px;
  padding-left: 6px;
}

.accept_txt {
  letter-spacing: 1.5px;
  font-size: 17px;
}

.ctt_check_box {
  margin-right: 30px;
}

.ctt_check_txt {
  padding: 0px 0px 0px 5px;
  letter-spacing: 0;
  font-size: 16px;
}

.radioArea{
    padding: 5px 3px 0;
}

.ctt_input,
.ctt_input_number,
.ctt_textarea{
    border: 1px solid #a8acad;
}

.ctt_th_bottom {
  padding-bottom: 255px;
}

.ctt_textarea {
  height: 94%;
  width: 96.3%;
  margin-bottom: 10px;
  padding: 5px 8px;
}

.ctt_privacy_txt {
  letter-spacing: 1.5px;
  font-size: 17px;
  color: #1a3e9b;
}

.ctt_privacy_btn {
  display: inline-block;
  margin-left: 9px;
}

.ctt_th_txt {
  letter-spacing: 0.08em;
  font-size: 16px;
}

.ctt_input {
  max-width: 461px;
  width: 100%;
  height: 39px;
  padding: 5px 8px;
}

.ctt_input_number {
  max-width: 151px;
  width: 100%;
  height: 39px;
  padding: 5px 8px;
}


/*************************************
*　中古機械販売一覧
**************************************/

.pg_sale .sale_container {
  padding: 12px 15px 14px 15px;
}

/*#wgc-products{
  display: flex;
  flex-wrap: wrap;
}*/

#wgc-products{
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}

#wgc-products .photo {
  position: relative;
  display: block;
  overflow: hidden;
}
#wgc-products .photo:before {
  content: "";
  display: block;
  padding-top: 86%;
}
#wgc-products .photo img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
}

#wgc-products .webgene-item:nth-child(n+5){
  margin-top: 84px;
}

#wgc-products .category {
  font-size: 15px;
  letter-spacing: 0.15em;
  line-height: 0.866;
  padding: 17px 0px 6px 0px;
}

#wgc-products .bar {
  border-top: 1px solid #959595;
}

#wgc-products .link {
  width: 100%;
  border: 1px solid #02267a;
  border-radius: 16px;
  padding: 3px;
  margin-top: 20px;
  position: relative;
  font-size: 14px;
  display: block;
  text-align: center;
}

#wgc-products .link::after {
  content: "\f105";
  font-family: "FontAwesome";
  font-weight: 900;
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);  
  text-align: center;
}

#wgc-products .title {
  padding: 8px 0 0;
  font-size: 15px;
  letter-spacing: 0.05em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.webgene-pagination{
  width: 100%;
  margin-top: 100px;
}

.webgene-pagination ul{
  display: flex;
  justify-content: center;
}

.webgene-pagination ul li{
  margin: 0 5px;
}

.webgene-pagination ul li a{
  display: block;
  font-weight: 700;
  border: 1px solid #c0c0c0;
  color: #181818;
  padding: 5px 10px;
}

.webgene-pagination ul li.selected a{
  background: #e5e5e5;
}

.webgene-pagination ul li.prev a:before{
  content: "\f100";
  font-family: "FontAwesome";
  margin-right: 5px;
}

.webgene-pagination ul li.next a:after{
  content: "\f101";
  font-family: "FontAwesome";
  margin-left: 5px;
}

/*************************************
*　中古機械販売詳細
**************************************/

.detail_container {
  padding: 12px 15px 152px 15px;
}

.detail_flexbox {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-bottom: 15px;
}

.detail_category {
  width: 160px;
  background-color: #043459;
  color: #ffffff;
  padding: 7px;
  font-size: 16px;
  text-align: center;
}

.detail_product_name {
  width: calc(100% - 160px - 190px);
  padding: 10px 30px 0;
  font-weight: 500;
  font-size: 18px;
}

.detail_product_number {
  width: 190px;
  border: 1px solid #d2d2d2;
  font-size: 14px;
  padding: 5px;
  margin-top: 3px;
  text-align: center;
}

.detail_content_txt {
  line-height: 2.25;
  font-size: 16px;
  margin-bottom: 91px;
}

.detail_bar {
  border-top: 3px solid #02267a;
  margin-bottom: 51px;
  margin-top: 15px;
}

.detail_return_btn {
  max-width: 350px;
  width: 100%;
  display: inline-block;
  background-color: #02267a;
  padding: 14px;
  margin-top: 30px;
}

.detail_return_txt {
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0;
}

.detail_photo {
  width: 65.7%;
  margin-bottom: 50px;
}

.detail_photo .webgene-item-main-image:nth-of-type(n+2) {
    margin-top: 1em;
}

.detail_return_box {
  text-align: center;
}