@charset "UTF-8";

/* top mv 1000px start */
/* company 2 1000px start */
.sub-company02__message .message {
  flex-direction: column;
}

.sub-company02__message .message__imgbox {
  width: 100%;
  max-width: 250px;
  margin: 0 auto;
}

.sub-company02__message .message__textbox {
  width: 100%;
}

/* company 2 1000px end */

.otoiawase-flex-line {
  flex-direction: column;
  align-items: center;
  width: 100%;
  justify-content: center;
  align-content: center;
}

h1.lower-mv__text {
  color: white;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  text-shadow: 0px 0px 5px #000000, 0px 0px 10px #000000;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  align-items: center;
  line-height: 20px;
}

h1.lower-mv__text .jp {
  font-size: calc(38px - 0.5rem);
}

/* sub-history start */

#history .breadcrumb {
  background-color: #fff;
  padding-bottom: 15px;
}

.sub-history--content .item {
  width: 100%;
  z-index: 3;
  max-width: 567px;
  margin: auto;
  position: relative !important;
  margin-bottom: 50px;
}

.sub-history--content .item::before {
  content: "1994";
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  color: #664414;
  font-size: 42px;
  font-weight:bold;
}

.sub-history--content .item .line {
  display: none;
}

.sub-history--content .item .cards {
  width: 100%;
  background-color: #fff;
  margin-top: 80px;
}

.sub-history--content .item:nth-of-type(even) {
  margin-top: 0;
  position: initial;
  left: 0;
}

.sub-history--content .item:nth-of-type(odd) {
  right: 0;
  position: initial;
  margin-bottom: 50px;
}

.sub-history--content .item:nth-of-type(2):before {
  content: "1995";
}
.sub-history--content .item:nth-of-type(3):before {
  content: "2007";
}
.sub-history--content .item:nth-of-type(4):before {
  content: "2010";
}
.sub-history--content .item:nth-of-type(5):before {
  content: "2011";
}
.sub-history--content .item:nth-of-type(6):before {
  content: "2013";
}
.sub-history--content .item:nth-of-type(7):before {
  content: "2014";
}
.sub-history--content .item:nth-of-type(8):before {
  content: "2015";
}
.sub-history--content .item:nth-of-type(9):before {
  content: "2016";
}
.sub-history--content .item:nth-of-type(10):before {
  content: "2017";
}
.sub-history--content .item:nth-of-type(11):before {
  content: "2019";
}
.sub-history--content .item:nth-of-type(12):before {
  content: "2023";
}

.sub-history--content .item:nth-of-type(13):before {
  content: "2024";
}

div.item.invisible {
  display: none;
}

/* sub-history end */

/* news-page-text */

#news .mv-text-small .lower-mv__text .jp {
  font-size: 24px;
}

/* news-page-text-end */

/* sub-office-start */

.office_info .card {
  max-width: 100%;
  width: 100%;
}

/* sub-office-end */

/*jun start*/
.dialogue .brown-bgtxt {
  text-align: center;
  padding: 10px;
}

.dialogue_card .card {
  width: calc(calc(100% / 2) - calc(20px * calc(2 / 2)));
}

.company__graph .graph {
  width: 60%;
  text-align: center;
}

.message {
  padding: 0 10px;
}

.message__wrap .left img {
  width: 35%;
}

.message__wrap .left {
  text-align: center;
}

.company__lower .message .message__wrap {
  flex-direction: column;
}

.message__wrap .left,
.right {
  width: 100%;
  padding: 1%;
}

.company__profile-wrap ul li {
  flex-direction: column;
  /*margin-bottom: 3%;*/
  border-bottom: 1px solid;
}

.company__profile-wrap ul li .label {
  width: 100%;
  padding: 10px;
  /*background: #eaeaea;*/
}

.company__profile-wrap ul li .details {
  width: 100%;
  padding: 10px;
  border-bottom: solid 0px;
  color:black !important;
  line-height: 17px;
}

.company__profile-wrap ul li .company_names br {
  display: none;
}

.company__graph {
  padding: 0 10px;
}

.company__ttl h1 {
  font-size: 5vh;
}

.company__ttl h2 {
  font-size: 16px;
}

.company__ttl .right .ttl {
  font-size: 25px;
}

.company__ttl .left img {
  width: 100%;
  max-width: 300px;
}

.company__ttl .right {
  padding: 0;
}

.company__graph .graph img {
  width: 100%;
  /*max-width: 500px;*/
  margin-bottom: 10%;
}

.dialogue_card {
  gap: 30px;
}
/*jun end*/

.sub-attractive .future .wrapper {
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.sub-attractive .future .wrapper-container {
  flex-direction: column-reverse;
  align-items: center;
  gap: 20px;
}

.sub-attractive .future .wrapper-container .textbox {
  width: 100%;
}

.sub-attractive .future .wrapper-container .textbox .heading {
  padding: 20px 20px 20px 30px;
}

.sub-attractive .future .wrapper-container .imgbox {
  width: 50%;
  min-width: 300px;
  max-width: 400px;
}

.sub-attractive .future .wrapper-container .imgbox--full {
  width: 100%;
  margin: 0 auto;
}

.sub-attractive .future .wrapper-container--images {
  flex-direction: row;
}

.sub-attractive .future .wrapper-container--images > .imgbox {
  width: 100%;
}

.sub-attractive .flow {
  padding-left: 0;
}

.sub-attractive .flow .content {
  gap: 20px;
}

.sub-attractive .flow .content .imgbox,
.sub-attractive .flow .content .textbox {
  width: 50%;
}

.sub-attractive .flow .container {
  padding-left: 40px;
}

.sub-attractive .flow .container::before {
  left: 20px;
}

.sub-attractive .flow .wrapper .ttl::before {
  left: -19px;
}

.sub-attractive .scenery {
  padding-bottom: 40px;
}

.sub-works {
  margin-bottom: 40px;
}

.company__graph {
    flex-direction: column;
    align-items: center;
}


span.kuro a {
    color: black !important;
}

.company__profile-wrap ul li .details {
    line-height: 1.5;
}



.taidan_left_column {
    padding-left: 0%;
    background-image: none;

}

.taidan_right_column {
    padding-right: 0%;
    background-image: none;
}
.taidan_left_column.second {
    padding-right: 0%;
    background-image: none;
    }




.sp_only_img_taidan img {
    width: 100%;
}