@charset "utf-8";

@media(max-width:1100px){

/* メイン画像 */
#sec0 {
  width: 100%;
}

#sec0 img {
  max-width: 100%;
}

/* 会社紹介 */
.title1 {
  font-size: 30px; 
  text-align: center; 
  color: #fff; 
  background-color: #F9C625; 
  font-weight: bold; 
  padding: 20px 0;
}

.sec1_wrap {
  width: 95%; 
  margin: 30px auto 0;
}

.sec1_left_wrap {
  width: 100%;
}

.sec1_left_wrap img {
  max-width: 100%;
}

.sec1_wrap_in {
  display: flex; 
  justify-content: space-between; 
  align-items: center; 
  margin: 10px auto 0; 
  width: 95%;
}

.sec1_wrap_in_txt {
  line-height: 1.5;
}

.sec1_right_wrap {
  width: 100%;
}

.sec1_h3 {
  font-size: 25px; 
  font-weight: bold;
  margin-top: 50px;
  text-align: center;
}

.sec1_sub {
  font-size: 20px; 
  font-weight: bold; 
  margin-top: 20px;
  text-align: center;
}

.sec1_txt1 {
  margin-top: 30px; line-height: 1.5;
}

.sec1_txt2 {
  margin-top: 50px; 
  line-height: 2; 
  color: #B98C00;
}

/* CEOインタビュー */
#sec2 {
  margin-top: 100px;
}

.title2 {
  font-size: 30px; 
  color: #fff; 
  background-color: #283271; 
  font-weight: bold; 
  text-align: center; 
  padding: 20px 0;
}

.sec2_wrap {
  background-image: url(https://tanizen-kensetu.com/wp-content/uploads/2025/06/ceo_back-scaled.jpg); 
  padding: 20px 0 50px; 
  background-repeat: no-repeat; 
  background-size: 100% 100%;
}

.sec2_wrap_in {
  width: 95%; 
  margin: 50px auto 0; 
}

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

.sec2_right_wrap {
  width: 100%;
}

.sec2_right_h3 {
  font-size: 20px; 
  font-weight: bold; 
  margin-top: 50px;
  text-align: center;
}

.sec2_right_txt {
  margin-top: 20px; 
  line-height: 1.5;
}


/* 当社で働く魅力 */
#sec3 {
  margin-top: 100px;
}

.title3 {
  font-size: 30px; 
  font-weight: bold; 
  text-align: center;
}

.pen-highlight {
  position: relative;
  /* 文字の前面に疑似要素を配置するために z-index を下げる */
  z-index: 1;
}
.pen-highlight::before {
  content: "";
  position: absolute;
  left: 0; right: 0;
  /* 線の高さ・配置を調整 */
  top: 50%;
  height: .8em;
  background: #F9C625;
  transform: translateY(10%);
  z-index: -1;  /* 文字の背後に */
}

.sec3_1_wrap {
  background-color: #5FBCBC;
  margin-top: 30px;
  padding: 0 0 20px;
}

.sec3_2_wrap {
  background-color: #428BAC;
  padding: 0 0 20px;
}

.sec3_3_wrap {
  background-color: #538AE3;
  padding: 0 0 20px;
}

.sec3_wrap_in {
  display: flex; 
  justify-content: space-between; 
  align-items: center; 
  width: 95%; 
  margin: 50px auto 0;
}

.sec3_wrap_in2 {
  display: flex; 
  justify-content: space-between; 
  align-items: center; 
  width: 95%; 
  margin: 0 auto;
}

.parallelogram_left {
  width: 0px;
  height: 0px;
  object-fit: cover; /* 画像のアスペクト比を保ったまま領域を埋める */
  /* 左上(0,0)→右上(100%,0)→右下(80%,100%)→左下(0,100%) */
  clip-path: polygon(0 0, 70% 0, 100% 100%, 30% 100%);
}
.parallelogram_right {
  width: 0px;
  height: 0px;
  object-fit: cover; /* 画像のアスペクト比を保ったまま領域を埋める */
  /* 左上(0,0)→右上(100%,0)→右下(80%,100%)→左下(0,100%) */
  clip-path: polygon(30% 0, 100% 0, 70% 100%, 0% 100%);
}

.sec3_point {
  font-size: 30px; 
  color: #fff;
  margin-top: 20px;
}

.sec3_sub {
  font-size: 20px; 
  color: #fff; 
  line-height: 1.5; 
  margin-top: 10px;
}

.sec3_txt {
  margin-top: 10px; 
  line-height: 1.5;
}

/* 仕事内容 */
#sec4 {
  margin-top: 100px;
}

.sec4_sub {
  font-size: 20px; 
  line-height: 1.5; 
  margin-top: 30px; 
  text-align: center; 
  font-weight: bold;
}

.sec4_wrap {
  display: flex; 
  justify-content: space-between; 
  margin: 50px auto 0; 
  width: 95%;
}

.sec4_wrap_in {
  width: 22%;
}

.sec4_wrap_in img {
  max-width: 100%;
}

.sec4_txt {
  padding: 10px; 
  line-height: 1.5;
}

.sec4_wrap2 {
  display: flex; 
  width: 100%; 
  margin-top: 30px;
}

.sec4_wrap2_in {
  width: 25%;
}

.sec4_wrap2_in img {
  max-width: 100%;
}


/* 社内イベント */
.sec4_event {
  margin-top: 30px; 
  text-align: center;
}

.sec4_event img {
  max-width: 100%;
}


/* 先輩社員の声 */
#sec5 {
  margin-top: 100px;
}

.sec5_wrap {
  width: 95%; 
  margin: 80px auto 0;
}

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

.sec5_wrap_left img {
  width: 280px;
}

.sec5_wrap_right {
  width: 100%;
}

.sec5_name {
  font-size: 20px; 
  font-weight: bold; 
  border-bottom: #999 2px solid; 
  padding-bottom: 10px;
}

.sec5_txt {
  line-height: 1.5; 
  margin-top: 10px;
}

.sec5_ceo {
  width: 100%; 
  height: 100px; 
  background-color: #BAE1F8; 
  margin: 80px auto 0; 
  font-size: 20px; 
  font-weight: bold; 
  display: flex; 
  justify-content: center; 
  align-items: center;
}

.sec5_ceo_wrap {
  display: flex;
  justify-content: space-between;
  width: 95%; 
  margin: auto; 
  margin-top: 20px; 
  align-items: baseline;
}

.sec5_ceo_wrap_in {
  width: 32%;
}

.sec5_ceo_wrap_in2 {
  width: 32%; 
}

.sec5_ceo_wrap_in img ,.sec5_ceo_wrap_in2 img {
  max-width: 100%;
}

.kikitai {
  background:
    linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),
    url("https://tanizen-kensetu.com/wp-content/uploads/2025/06/company_back-scaled.jpg") no-repeat center/cover;
    background-position: 0 35%;
}

.kikitai_margin {
  width: 100%; 
  margin-top: 80px; 
  padding: 50px 0;
}

.kikitai_wrap0 {
  width: 95%; 
  margin: auto;
}

.kikitai_sub {
  font-size: 20px; 
  font-weight: bold; 
  color: #fff; 
  text-align: center; 
  line-height: 1.5;
}

.kikitai_wrap {
  display: flex; 
  justify-content: space-between; 
  flex-wrap: wrap;
  width: 85%; 
  margin: 50px auto 0;
}

.kikitai_wrap_in {
  width: 150px; 
  height: 150px; 
  border-radius: 50%; 
  background-color: #FF9D00; 
  color: #fff; 
  display: flex; 
  align-items: center; 
  justify-content: center; 
  font-size: 20px; 
  font-weight: bold; 
  text-align: center; 
  line-height: 1.5;
  margin-bottom: 30px;
}

.kikitai_sub2 {
  font-size: 20px; 
  font-weight: bold; 
  color: #fff; 
  text-align: center; 
  line-height: 1.5; 
  margin-top: 20px;
}

/* 求人一覧 */
#sec6 {
  margin-top: 100px;
}

.sec6_sub {
  font-size: 20px; 
  line-height: 1.5; 
  margin-top: 30px; 
  text-align: center; 
  font-weight: bold;
}

.sec6_wrap {
  font-size: 16px; 
  line-height: 2; 
  margin: 20px auto 0; 
  width: 95%; 
  border: 3px solid #000; 
  border-radius: 20px; 
  padding: 20px 30px;
}

/* 求人入力 */
.recruit {
  margin: 100px auto 0; 
  width: 95%;
}

.title4 {
  font-size: 20px; 
  font-weight: bold;
}

.recruit_wrap {
  margin-top: 30px; 
  width: 100%;
}

.recruit_wrap dt {
  border-bottom: #999 1px dotted; 
  padding-bottom: 5px;
}

.recruit_wrap dd {
  margin-top: 10px; 
  line-height: 1.5; 
  font-size: 14px;
}

.recruit_wrap div {
  margin-top: 40px;
}

.oubo_wrap {
  margin: 100px auto 0;
  padding-bottom: 100px;
}

.oubo {
  display: block;           /* ブロック化 */
  text-decoration: none;    /* 下線を消す */
  color: inherit;           /* 文字色を継承 */
  width: 250px;
  margin: auto;
}

.oubo_in {
  background-color: #29515D; 
  padding: 20px 50px; 
  color: #fff; 
  text-align: center; 
}

.oubo_sub {
  text-align: center; 
  margin-top: 50px;
}

.oubo_txt {
  text-align: center; 
  line-height: 1.5; 
  margin-top: 10px;
}

}



@media(min-width:1100px){

/* メイン画像 */
#sec0 {
  width: 100%;
}

#sec0 img {
  max-width: 100%;
}

/* 会社紹介 */
.title1 {
  font-size: 45px; 
  text-align: center; 
  color: #fff; 
  background-color: #F9C625; 
  font-weight: bold; 
  padding: 30px 0;
}

.sec1_wrap {
  display: flex; 
  justify-content: space-between; 
  width: 1050px; 
  margin: 150px auto 0;
}

.sec1_left_wrap {
  width: 36%;
}

.sec1_left_wrap img {
  max-width: 100%;
}

.sec1_wrap_in {
  display: flex; 
  justify-content: space-between; 
  align-items: center; 
  margin: 10px auto 0; 
  width: 80%;
}

.sec1_wrap_in_txt {
  line-height: 1.5;
}

.sec1_right_wrap {
  width: 59%;
}

.sec1_h3 {
  font-size: 30px; 
  font-weight: bold;
}

.sec1_sub {
  font-size: 24px; 
  font-weight: bold; 
  margin-top: 30px;
}

.sec1_txt1 {
  margin-top: 30px; line-height: 1.5;
}

.sec1_txt2 {
  margin-top: 50px; 
  line-height: 2; 
  color: #B98C00;
}

/* CEOインタビュー */
#sec2 {
  margin-top: 150px;
}

.title2 {
  font-size: 35px; 
  color: #fff; 
  background-color: #283271; 
  font-weight: bold; 
  text-align: center; 
  padding: 30px 0;
}

.sec2_wrap {
  background-image: url(https://tanizen-kensetu.com/wp-content/uploads/2025/06/ceo_back-scaled.jpg); 
  padding: 20px 0 150px; 
  background-repeat: no-repeat; 
  background-size: 100%;
}

.sec2_wrap_in {
  display: flex; 
  justify-content: space-between; 
  width: 1050px; 
  margin: 100px auto 0; 
  align-items: center;
}

.sec2_left_wrap {
  width: 36%; 
  text-align: center;
}

.sec2_right_wrap {
  width: 59%;
}

.sec2_right_h3 {
  font-size: 24px; 
  font-weight: bold; 
  margin-top: 30px;
}

.sec2_right_txt {
  margin-top: 30px; 
  line-height: 1.5;
}


/* 当社で働く魅力 */
#sec3 {
  margin-top: 150px;
}

.title3 {
  font-size: 60px; 
  font-weight: bold; 
  text-align: center;
}

.pen-highlight {
  position: relative;
  /* 文字の前面に疑似要素を配置するために z-index を下げる */
  z-index: 1;
}
.pen-highlight::before {
  content: "";
  position: absolute;
  left: 0; right: 0;
  /* 線の高さ・配置を調整 */
  top: 50%;
  height: .8em;
  background: #F9C625;
  transform: translateY(10%);
  z-index: -1;  /* 文字の背後に */
}

.sec3_1_wrap {
  background-color: #5FBCBC;
}

.sec3_2_wrap {
  background-color: #428BAC;
}

.sec3_3_wrap {
  background-color: #538AE3;
}

.sec3_wrap_in {
  display: flex; 
  justify-content: space-between; 
  align-items: center; 
  width: 1200px; 
  margin: 50px auto 0;
}

.sec3_wrap_in2 {
  display: flex; 
  justify-content: space-between; 
  align-items: center; 
  width: 1200px; 
  margin: 0 auto;
}

.parallelogram_left {
  width: 400px;
  height: 400px;
  object-fit: cover; /* 画像のアスペクト比を保ったまま領域を埋める */
  /* 左上(0,0)→右上(100%,0)→右下(80%,100%)→左下(0,100%) */
  clip-path: polygon(0 0, 70% 0, 100% 100%, 30% 100%);
}
.parallelogram_right {
  width: 400px;
  height: 400px;
  object-fit: cover; /* 画像のアスペクト比を保ったまま領域を埋める */
  /* 左上(0,0)→右上(100%,0)→右下(80%,100%)→左下(0,100%) */
  clip-path: polygon(30% 0, 100% 0, 70% 100%, 0% 100%);
}

.sec3_point {
  font-size: 50px; 
  color: #fff;
}

.sec3_sub {
  font-size: 25px; 
  color: #fff; 
  line-height: 1.5; 
  margin-top: 20px;
}

.sec3_txt {
  margin-top: 20px; 
  line-height: 1.5;
}

/* 仕事内容 */
#sec4 {
  margin-top: 150px;
}

.sec4_sub {
  font-size: 25px; 
  line-height: 1.5; 
  margin-top: 80px; 
  text-align: center; 
  font-weight: bold;
}

.sec4_wrap {
  display: flex; 
  justify-content: space-between; 
  margin: 80px auto 0; 
  width: 1050px;
}

.sec4_wrap_in {
  width: 18%;
}

.sec4_wrap_in img {
  max-width: 100%;
}

.sec4_txt {
  padding: 20px; 
  line-height: 1.5;
}

.sec4_wrap2 {
  display: flex; 
  width: 100%; 
  margin-top: 30px;
}

.sec4_wrap2_in {
  width: 25%;
}

.sec4_wrap2_in img {
  max-width: 100%;
}


/* 社内イベント */
.sec4_event {
  margin-top: 30px; 
  text-align: center;
}


/* 先輩社員の声 */
#sec5 {
  margin-top: 150px;
}

.sec5_wrap {
  display: flex; 
  justify-content: space-between; 
  align-items: center; 
  width: 1000px; 
  margin: 150px auto 0;
}

.sec5_wrap_left {
  width: 36%; 
  text-align: center;
}

.sec5_wrap_left img {
  width: 280px;
}

.sec5_wrap_right {
  width: 59%;
}

.sec5_name {
  font-size: 25px; 
  font-weight: bold; 
  border-bottom: #999 2px solid; 
  padding-bottom: 10px;
}

.sec5_txt {
  line-height: 1.5; 
  margin-top: 30px;
}

.sec5_ceo {
  width: 1000px; 
  height: 300px; 
  background-color: #BAE1F8; 
  margin: 150px auto 0; 
  font-size: 25px; 
  font-weight: bold; 
  display: flex; 
  justify-content: center; 
  padding-top: 100px;
}

.sec5_ceo_wrap {
  display: flex; 
  width: 1000px; 
  margin: auto; 
  margin-top: -250px; 
  align-items: baseline;
}

.sec5_ceo_wrap_in {
  width: 28%;
}

.sec5_ceo_wrap_in2 {
  width: 25%; 
  margin-left: 80px;
}

.sec5_ceo_wrap_in img ,.sec5_ceo_wrap_in2 img {
  max-width: 100%;
}

.kikitai {
  background:
    linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),
    url("https://tanizen-kensetu.com/wp-content/uploads/2025/06/company_back-scaled.jpg") no-repeat center/cover;
    background-position: 0 35%;
}

.kikitai_margin {
  width: 100%; 
  margin-top: 100px; 
  padding: 80px 0;
}

.kikitai_wrap0 {
  width: 1000px; 
  margin: auto;
}

.kikitai_sub {
  font-size: 25px; 
  font-weight: bold; 
  color: #fff; 
  text-align: center; 
  line-height: 1.5;
}

.kikitai_wrap {
  display: flex; 
  justify-content: space-between; 
  width: 1000px; 
  margin: 50px auto 0;
}

.kikitai_wrap_in {
  width: 220px; 
  height: 220px; 
  border-radius: 50%; 
  background-color: #FF9D00; 
  color: #fff; 
  display: flex; 
  align-items: center; 
  justify-content: center; 
  font-size: 30px; 
  font-weight: bold; 
  text-align: center; 
  line-height: 1.5;
}

.kikitai_sub2 {
  font-size: 25px; 
  font-weight: bold; 
  color: #fff; 
  text-align: center; 
  line-height: 1.5; 
  margin-top: 50px;
}

/* 求人一覧 */
#sec6 {
  margin-top: 150px;
}

.sec6_sub {
  font-size: 25px; 
  line-height: 1.5; 
  margin-top: 80px; 
  text-align: center; 
  font-weight: bold;
}

.sec6_wrap {
  font-size: 20px; 
  line-height: 2; 
  margin: 30px auto 0; 
  width: 700px; 
  border: 5px solid #000; 
  border-radius: 20px; 
  padding: 20px 50px;
}

/* 求人入力 */
.recruit {
  margin: 150px auto 0; 
  width: 1200px;
}

.title4 {
  font-size: 25px; 
  font-weight: bold;
}

.recruit_wrap {
  margin-top: 50px; 
  width: 100%;
}

.recruit_wrap dt {
  border-bottom: #999 1px dotted; 
  padding-bottom: 5px;
}

.recruit_wrap dd {
  margin-top: 10px; 
  line-height: 1.5; 
  font-size: 14px;
}

.recruit_wrap div {
  margin-top: 40px;
}

.oubo_wrap {
  margin: 100px auto 0;
  padding-bottom: 100px;
}

.oubo {
  display: block;           /* ブロック化 */
  text-decoration: none;    /* 下線を消す */
  color: inherit;           /* 文字色を継承 */
  width: 300px;
  margin: auto;
}

.oubo_in {
  background-color: #29515D; 
  padding: 20px 50px; 
  color: #fff; 
  text-align: center; 
}

.oubo_sub {
  text-align: center; 
  margin-top: 50px;
}

.oubo_txt {
  text-align: center; 
  line-height: 1.5; 
  margin-top: 10px;
}

}