@charset "utf-8";
/* CSS Document */

/*==============================
    +sitemap-list
==============================*/
.sitemap-list {
  margin: 30px auto 0;
}

.sitemap-list dd {
  margin: 0 auto 10px
}

.sitemap-list dd a {
  font-size: 18px;
}

.sitemap-list dd a::before {
  content: '❯';
  padding: 0 8px 0;
  color: #e53435;
}

.sub-link {
  margin: 0 10px 10px 20px !important;
}

.sitemap-list dd.sub-link a::before {
  content: '┗' !important;
  top: 2px;
  position: relative;
}



.privacy-list {
  margin: 30px auto 0;
}

.privacy-list strong {
  display: block;
  font-size: 15px;
  border-bottom: 2px dotted #081590;
  box-sizing: border-box;
  padding: 0 0 5px 0;
}

.privacy-list p {
  margin: 10px auto 30px;
  padding: 0 10px;
  box-sizing: border-box;
}

.privacy-list ul {
  margin: -20px 0 30px;
  box-sizing: border-box;
  padding: 0 35px !important;
  list-style-type: decimal
}

.privacy-list ul li {
  line-height: 1.8;
}

.list-number {
  margin: 0px 0 30px !important;
  list-style-type: lower-latin !important;
  padding: 0 25px !important;
}

.news_tab {
  display: flex;
  margin: 50px 0 20px;
}

.news_tab li {
  width: 50%;
}

.news_tab li a {
  display: block;
  background-color: #dedede;
  color: #303030 !important;
  height: 80px;
  line-height: 80px;
  text-align: center;
  font-size: 16px;
  transition: 0.8s;
}

.news_tab li a i {
  margin: 0 10px 0 0;

}

.news_tab li a.newshit,
.news_tab li a:hover {
  color: #FFF !important;
  background-color: #df0000;
}



.news-list li {
  padding: 25px 25px;
  box-sizing: border-box;
  width: 100%;
  border-bottom: 1px solid #e4e4e4;
}

.news-list li a {
  display: block;
  width: 100%;
}

.news_date {
  border-left: 4px solid #df0000;
  padding: 0 0 0 12px;
}

.news_date small {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  font-style: italic;
  box-sizing: border-box;
  color: #df0000;
  margin: 0 0 0 10px;
}

.news-list li h3 {
  padding: 0 19px;
  margin: 10px 0 10px;
  font-size: 18px;
  font-weight: bold;
}

.news-list li p {
  padding: 0 30px 0 19px;
}

a.news_link {
  margin: 10px;
  display: inline-block;
  background: #d9d9d9;
  padding: 10px 15px;
  transition: all 0.3s;
  border: 3px solid #d9d9d9;
}

a.news_link:hover {
  /* color: #FF0000; */
  border: 3px solid #000;
  background: #FFF;
}

.paging {
  display: flex;
  justify-content: center;
  margin: 30px 0;
}

.paging a {
  width: 30px;
  height: 30px;
  border: 1px solid #d1d1d1;
  background-color: #d1d1d1;
  text-align: center;
  line-height: 28px;
  margin: 0 5px;
}

.paging a:hover {
  background: #df0000;
  border: 1px solid #df0000;
  color: #FFF;

}

a.page-active {
  background: #df0000;
  border: 1px solid #df0000;
  color: #FFF;
  font-weight: bold;
}



@media (max-width:768px) {
  .news-list li {
    padding: 25px;
    box-sizing: border-box;
    width: 100%;
    border-bottom: 1px solid #e4e4e4;
  }

  .news-list li a {
    display: block;
    width: 100%;
  }

  .news_date {
    border-left: 4px solid #ffde00;
    padding: 0 0 0 15px;
  }

  .news_date small {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-style: italic;
    box-sizing: border-box;
    color: #df0000;
    margin: 0 0 0 10px;
  }

  .news-list li h3 {
    padding: 0 19px;
    margin: 5px 0;
    font-size: 18px;
    font-weight: 500;
  }

  .news-list li p {
    padding: 0 30px 0 19px;
  }

  .tablinks {
    padding: 1rem !important;
  }

  .contact-container-cus .two textarea {
    width: 100% !important;
  }
}

/*detail*/
.title-news {
  /* margin: 50px auto 0; */
  border-left: 4px solid #cf1126;
  padding: 0 0 0 15px;
}

.title-news h1 {
  font-size: 28px;
  display: inline;
}

.content-news-detail {
  display: flex;
  margin: 20px auto;
  flex-direction: column;
}

.slide-news {
  /* width: 48%; */
  /* float: left; */
}

.text-news {
  width: 100%;
  /* margin: 0 0 0 4%; */
  /* float: right; */
  line-height: 1.6;
  font-size: 1rem;
}

.text-news-cus {
  /* width: 48%; */
  /* margin: 0 0 0 4%; */
  /* float: right; */
  font-size: 1rem;
  line-height: 1.6;
}

.text-news-cus>*:not(:last-child) {
  margin-bottom: 1rem;
}

.text-news-cus a {
  color: #0000ee;
}

.text-news-cus a:hover {
  text-decoration: underline !important;
}

.text-news-cus a:visited {
  color: #551A8B;
}

.text-news-cus pre {
  white-space: pre-wrap;
  word-break: break-word;
  overflow-x: auto;
}

@media (max-width:768px) {
  .content-news-detail {
    display: block;
    margin: 20px auto;
  }

  .text-news-cus {
    width: 100%;
    font-size: 0.875rem;
  }

  .slide-news {
    width: 100%;
    float: none;
    margin: 0 0 20px;
  }

  .text-news {
    width: 100%;
    float: none;
    margin: 0px;
  }
}

.news-item h3 {
  font-size: 16px;
  font-weight: 600;
  /* margin-bottom: 10px; */
  /* padding: 10px; */
}

.news-item {
  /* margin: 10px 0; */
  padding: 30px 0;
  border-bottom: 1px solid #e6e6e6;
}

.news-item:first-child {
  border-top: 1px solid #e6e6e6;
}

.post-content {
  padding: 0 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/*.post-content p span {
    border-left: 4px solid #df0000;
    padding-left: 9px;
    font-size: 14px;
}*/
/* .post-content p {
    padding: 0 10px;
} */

/* Tab Links */
.tabs {
  display: flex;
  gap: 1rem;
  /* margin: 50px 0 20px; */
}

.tabs i {
  margin: 0 10px 0 0;
}

.tablinks {
  border: none;
  outline: none;
  cursor: pointer;
  width: 100%;
  padding: 1.8rem;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
  transition: 0.2s ease;
  background-color: #dedede;
}

.tablinks:hover {
  background: #df0000;
  color: #fff;
}

/* Tab active */
.tablinks.active {
  background: #df0000;
  color: #fff;
}

/* tab content */
.tabcontent {
  display: none;
  margin-top: 4rem;
}

/* Text*/
.tabcontent p {
  color: #333;
  font-size: 16px;
}

/* tab content active */
.tabcontent.active {
  display: block;
}

.image-cus-ctn {
  width: 60%;
}

.image-cus-ctn img {
  width: 100%;
  height: 100%;
}

div#left_img a img {
  width: 100%;
  height: 100%;
}

.useful-form-content {
  border: 1px solid #CCC;
  padding: 0 0 15px;
}

.use-form-detai h5 {
  color: #FFF;
  background: #4c4c4c;
  font-size: 18px;
  padding: 20px;
}

.use-form-detai h6 {
  padding: 15px;
}

.use-form-detai ul.contact-container li {
  padding: 1px 15px;
  border-bottom: 1px solid #e4e6e7;
}

.use-form-detai ul.contact-container {
  padding: 0 10px;
}

.use-form-detai ul.contact-container div {
  margin: 16px 0;
}

.use-form-detai strong.highlight-red {
  background-color: #4c4c4c;
  color: #fff;
  padding: 2px 5px;
  margin: 0 0 0 15px;
}

.use-form-detai ul.contact-container input {
  border: 1px solid #d5d5d5;
  background-color: #f1f1f1;
  padding: 7px 10px;
  margin: 0 20px 0 0;
}

.use-form-detai select.wpcf7-form-control.wpcf7-select {
  width: 150px;
  /*background: url(https://ctn-demo.com/ctn-coporation/wp-content/uploads/2023/03/serect.png) no-repeat center right #f1f1f1;*/
  border: 1px solid #d5d5d5;
  background-color: #f1f1f1;
  padding: 7px 10px;
  margin: 0 20px 0 0;
}

.use-form-detai .btn-container {
  margin: 20px auto 0;
  text-align: center;
}

.use-form-detai button#send_merumaga_Bt {
  width: 280px;
  height: 69px;
  background-color: #f03333;
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  text-align: left;
  box-sizing: border-box;
  border-bottom: 2px solid #c61010;
  text-align: center;
}

.use-form-detai span.wpcf7-spinner {
  display: none;
}

.use-form-detai button#send_merumaga_Bt input {
  background: no-repeat;
  border: none;
  color: #fff;
}

.contact-container-cus .two input {
  border: 1px solid #d5d5d5;
  background-color: #f1f1f1;
  padding: 7px 10px;
  margin: 0;
}

.contact-container-cus .two textarea {
  border: 1px solid #d5d5d5;
  background-color: #f1f1f1;
  padding: 7px 10px;
  margin: 0;
  width: 600px;
  height: 180px;
}

.contact-container-cus .ubin input {
  width: 120px;
}

.contact-container-cus span.note input {
  width: 100%;
}

ul.ez-toc-list {
  text-align: left;
}

.ez-toc-counter nav ul li ul li a::before {
  content: none !important;
}

.right_disp table {
  width: 100% !important;

}

.right_disp table td {
  border: 1px solid #b6b6b6;
  padding: 12px;
}

.right_disp table strong {
  font-size: 16px;
}

h2.use_h4_1 {
  padding: 20px 0;
  font-size: 22px;
  font-weight: 700;
  text-align: center;
}

.news-item p span {
  padding-left: 8px;
  border-left: 4px solid #df0000;
}

.logo_p {
  float: left;
  font-weight: 300;
  font-size: 11px;
  color: #251a17;
  width: auto;
  margin: 14px 0 0 10px;
}

.goback-new input {
  display: block !important;
}

.btn-container-check input {
  color: #000;
  background-color: #b2b2b2;
}

.submit-form-request {
  margin: 40px auto 0;
  text-align: center;
}

.submit-form-request input {
  width: 280px;
  height: 69px;
  background-color: #f03333 !important;
  background-image: url(../images/big-red.jpg) !important;
  background-position: center right !important;
  background-repeat: no-repeat !important;
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  text-align: left;
  box-sizing: border-box;
  border-bottom: 2px solid #c61010 !important;
  padding: 0 0 0 105px;
}

.goback-new {
  margin: 40px auto 0;
  text-align: center;
}

.goback-new button {
  width: 280px;
  height: 69px;
  background-color: #1060cc !important;
  background-image: url(../images/big-blue.jpg) !important;
  background-position: center right !important;
  background-repeat: no-repeat !important;
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  text-align: left;
  box-sizing: border-box;
  border-bottom: 2px solid #1060cc !important;
  padding: 0 0 0 105px;
  border: 1px solid #1060cc;
}

@media(min-width: 768px) {
  .image-cus-ctn {
    width: 60%;
  }
}

@media(min-width: 468px) {
  .submit-form-request {
    width: 50%;
  }

  .goback-new {
    width: 20%;
  }

  .btn-new-custom {
    width: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
  }
}

strong.highlight-black {
  margin-left: 10px;
  background-color: #4c4c4c;
  color: #fff;
  padding: 3px 10px;
}

li.goback button {
  display: block !important;
  width: 280px;
  height: 69px;
  background-color: #0362cc;
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  text-align: left;
  box-sizing: border-box;
  border: 2px solid #0362cc;
  text-align: center;
}

li.btn-container-check input {
  width: 280px;
  height: 69px;
  background-color: #f03333 !important;
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  text-align: left;
  box-sizing: border-box;
  border: 2px solid #f03333;
  text-align: center;
}

.btn-new-custom .submit-form-request {
  text-align: left !important;
}

.thank-detail p {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}

.thank-detail {
  padding: 150px 0;
}

#section0 .auctionTT:nth-of-type(1) {
  border-top: none !important;
}

.post-content h2 {
  position: relative;
}

.post-content h2::before {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 0;
  width: 100%;
  height: 1px;
  color: #000;
}

@media(max-width: 468px) {
  .logo_p {
    display: none;
  }
}




/*==============================
    +BUTTON
==============================*/
button {
  background-color: transparent;
  cursor: pointer;
  outline: none;
  appearance: none;
  padding: .5rem .75rem;
  border-radius: .25rem;
  border: 1px solid #333;
}

.btn-submit,
#send_Bt1 {
  width: 280px;
  height: 69px;
  background-color: #f03333;
  background-image: url(../images/bt/big-red.jpg);
  background-position: center right;
  background-repeat: no-repeat;
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  text-align: left;
  box-sizing: border-box;
  border-bottom: 2px solid #c61010;
  padding: 0 0 0 105px;
}

.btn_block,
#clear_Bt1 {
  width: 280px;
  height: 69px;
  background-color: #0362cc;
  background-image: url(../images/bt/big-blue.jpg);
  background-position: center right;
  background-repeat: no-repeat;
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  text-align: left;
  box-sizing: border-box;
  border-bottom: 2px solid #034997;
  padding: 0 0 0 105px;
}

@media (max-width:480px) {
  #clear_Bt1 {
    margin: 15px auto;
  }
}

.pc_merumaga {
  display: block;
}

.sp_merumaga {
  display: none;
}

@media (max-width:768px) {
  button {
    font-size: 0.75rem;
  }

  .pc_merumaga {
    display: none;
  }

  .sp_merumaga {
    display: block;
  }

}

.btn-default::before {
  content: "<";
  display: inline-block;
  transform: scaleX(0.5) scale(1.75);
  margin-right: .5rem;
}