@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+1p&family=M+PLUS+Rounded+1c&family=Noto+Serif+JP:wght@400;700&family=Zen+Kaku+Gothic+Antique&family=Zen+Kaku+Gothic+New:wght@300;400&display=swap");
.zaku, section.workstyle .workstyle_tab ul li a span, section.workstyle .view_box .flex .history .history_names > h3 span {
  font-family: 'Zen Kaku Gothic Antique', sans-serif;
}

.zaku2, section.workstyle .view_box .flex .history .history_block ul li .age b, section.workstyle .view_box .flex .history .history_block ul li .age strong {
  font-family: 'Zen Kaku Gothic New', sans-serif;
}

.mincho {
  font-family: 'Noto Serif JP', serif;
}

.mp1 {
  font-family: 'M PLUS Rounded 1c', sans-serif;
}

.mp1p {
  font-family: 'M PLUS 1p', sans-serif;
}

section.workstyle {
  margin: auto;
  width: 1020px;
}
section.workstyle .workstyle_tab ul {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 3% 0 0;
  margin: 10% 10px 5%;
  border-bottom: 3px solid #94b7c6;
  position: relative;
}
section.workstyle .workstyle_tab ul:before {
  content: "●";
  position: absolute;
  bottom: -11px;
  left: -10px;
  color: #94b7c6;
  width: 20px;
  height: 20px;
  font-size: 20px;
  line-height: 1;
}
section.workstyle .workstyle_tab ul:after {
  content: "●";
  position: absolute;
  bottom: -11px;
  right: -10px;
  color: #94b7c6;
  width: 20px;
  height: 20px;
  font-size: 20px;
  line-height: 1;
}
section.workstyle .workstyle_tab ul li {
  position: relative;
  width: 22%;
  bottom: -3px;
  transition: .15s;
}
section.workstyle .workstyle_tab ul li:before {
  content: "●";
  position: absolute;
  bottom: -8px;
  left: -10px;
  color: #94b7c6;
  width: 20px;
  height: 20px;
  font-size: 20px;
  line-height: 1;
}
section.workstyle .workstyle_tab ul li:after {
  content: "●";
  position: absolute;
  bottom: -8px;
  right: -10px;
  color: #94b7c6;
  width: 20px;
  height: 20px;
  font-size: 20px;
  line-height: 1;
}
section.workstyle .workstyle_tab ul li.on {
  background: white;
}
section.workstyle .workstyle_tab ul li.on:before {
  content: "●";
  position: absolute;
  bottom: -7px;
  left: -10px;
  color: #0075c3;
  width: 20px;
  height: 20px;
  font-size: 20px;
  z-index: 3;
  line-height: 1;
}
section.workstyle .workstyle_tab ul li.on:after {
  content: "●";
  position: absolute;
  bottom: -7px;
  right: -10px;
  color: #0075c3;
  width: 20px;
  height: 20px;
  font-size: 20px;
  line-height: 1;
  z-index: 3;
}
section.workstyle .workstyle_tab ul li.on div {
  position: relative;
}
section.workstyle .workstyle_tab ul li.on div:before {
  content: "●";
  position: absolute;
  top: -10px;
  left: 5px;
  color: #0075c3;
  width: 20px;
  height: 20px;
  font-size: 20px;
  line-height: 1;
  z-index: 3;
}
section.workstyle .workstyle_tab ul li.on div:after {
  content: "●";
  position: absolute;
  top: -10px;
  right: 5px;
  color: #0075c3;
  width: 20px;
  height: 20px;
  font-size: 20px;
  line-height: 1;
  z-index: 3;
}
section.workstyle .workstyle_tab ul li.on div a {
  margin: auto;
  width: calc(100% - 30px);
  border-top: 3px solid #0075c3;
  position: relative;
  transition: 0;
}
section.workstyle .workstyle_tab ul li.on div a:before {
  content: "";
  width: 3px;
  position: absolute;
  border-left: 3px solid #0075c3;
  height: 100%;
  left: -9px;
  bottom: 0;
  transform: rotate(12deg);
}
section.workstyle .workstyle_tab ul li.on div a:after {
  content: "";
  width: 3px;
  position: absolute;
  border-left: 3px solid #0075c3;
  height: 100%;
  right: -12px;
  bottom: 0;
  transform: rotate(-12deg);
}
section.workstyle .workstyle_tab ul li.on div a span, section.workstyle .workstyle_tab ul li.on div a p {
  color: #0075c3;
}
section.workstyle .workstyle_tab ul li a {
  display: block;
  align-items: center;
  text-align: center;
  padding: 7% 15px;
  box-sizing: border-box;
  transition: 0;
  border-top: 3px solid white;
  cursor: pointer;
}
section.workstyle .workstyle_tab ul li a p, section.workstyle .workstyle_tab ul li a span {
  display: inline-block;
  vertical-align: middle;
  color: #94b7c6;
  padding: 0 5px;
}
section.workstyle .workstyle_tab ul li a span {
  vertical-align: sub;
  font-size: 130%;
}
section.workstyle .workstyle_tab.bottom ul {
  border-top: 3px solid #94b7c6;
  border-bottom: none;
  padding: 0 0 3%;
}
section.workstyle .workstyle_tab.bottom ul li {
  bottom: inherit;
  top: -3px;
}
section.workstyle .workstyle_tab.bottom ul li a {
  border-top: none;
}
section.workstyle .workstyle_tab.bottom ul li:after {
  bottom: inherit;
  top: -10px;
}
section.workstyle .workstyle_tab.bottom ul li:before {
  bottom: inherit;
  top: -10px;
}
section.workstyle .workstyle_tab.bottom ul li.on a {
  border-top: none;
  border-bottom: 3px solid #0075c3;
}
section.workstyle .workstyle_tab.bottom ul li.on div:after {
  top: inherit;
  bottom: -7px;
}
section.workstyle .workstyle_tab.bottom ul li.on div:before {
  top: inherit;
  bottom: -7px;
}
section.workstyle .workstyle_tab.bottom ul li.on div a:before {
  transform: rotate(-12deg);
}
section.workstyle .workstyle_tab.bottom ul li.on div a:after {
  transform: rotate(12deg);
}
section.workstyle .workstyle_tab.bottom ul:before {
  bottom: inherit;
  top: -13px;
}
section.workstyle .workstyle_tab.bottom ul:after {
  bottom: inherit;
  top: -13px;
}
section.workstyle .view_box .main_image {
  text-align: right;
}
section.workstyle .view_box .main_image img {
  width: 80%;
}
section.workstyle .view_box .flex {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  justify-content: space-between;
  top: -200px;
}
section.workstyle .view_box .flex .history {
  width: 25%;
}
section.workstyle .view_box .flex .history .history_names {
  color: white;
  background: #0075c3;
  padding: 10% 10% 20%;
}
section.workstyle .view_box .flex .history .history_names > h3 {
  font-size: 1.3rem;
  padding: 3% 0;
  font-weight: normal;
}
section.workstyle .view_box .flex .history .history_names > h3 span {
  font-size: 300%;
  display: inline-block;
  padding: 0 10px;
  vertical-align: text-bottom;
}
section.workstyle .view_box .flex .history .history_names .name {
  padding: 5% 0;
  font-size: 146%;
  font-weight: bold;
  line-height: 110%;
}
section.workstyle .view_box .flex .history .history_names .belongs {
  font-size: 1.5rem;
}
section.workstyle .view_box .flex .history .history_block {
  color: white;
  background: url("/company/recruit/adoption_detail/images/workstyle/work_back01.png");
  background-size: cover;
  background-repeat: repeat-y;
  padding: 10% 5% 10% 20%;
  overflow: hidden;
  position: relative;
  min-height: 70vh;
}
section.workstyle .view_box .flex .history .history_block:before {
  position: absolute;
  left: calc(10% - 1.5px);
  top: 0;
  content: "";
  display: block;
  height: 100%;
  border-left: 3px solid #0075c3;
}
section.workstyle .view_box .flex .history .history_block:after {
  content: "●";
  position: absolute;
  bottom: -7px;
  left: calc(10% - 9px);
  color: #0075c3;
  width: 20px;
  height: 20px;
  font-size: 20px;
  z-index: 3;
}
section.workstyle .view_box .flex .history .history_block ul:before {
  content: "●";
  position: absolute;
  top: -13px;
  left: calc(10% - 10px);
  color: #0075c3;
  width: 20px;
  height: 20px;
  font-size: 20px;
  z-index: 3;
}
section.workstyle .view_box .flex .history .history_block ul li {
  position: relative;
  margin-bottom: 5%;
}
section.workstyle .view_box .flex .history .history_block ul li:before {
  content: "●";
  position: absolute;
  top: 11px;
  left: calc(-20% + 4px);
  color: #0075c3;
  width: 20px;
  height: 20px;
  font-size: 20px;
  z-index: 3;
}
section.workstyle .view_box .flex .history .history_block ul li .age {
  display: flex;
  align-items: center;
  padding: 5% 0;
}
section.workstyle .view_box .flex .history .history_block ul li .age b {
  font-weight: normal;
  font-size: 150%;
  display: inline-block;
  min-width: 40%;
}
section.workstyle .view_box .flex .history .history_block ul li .age strong {
  font-size: 80%;
  padding-left: 5%;
  font-weight: normal;
  color: #fef7a5;
  display: block;
}
section.workstyle .view_box .flex .history .history_block ul li .comment p {
  font-size: 1.3rem;
}
section.workstyle .view_box .flex .history .history_block .history_comment {
  padding: 10% 0;
}
section.workstyle .view_box .flex .history .history_block .history_comment p {
  font-size: 1.3rem;
}
section.workstyle .view_box .flex .main_text {
  width: 72%;
  top: 250px;
  position: relative;
}
section.workstyle .view_box .flex .main_text .block {
  margin-bottom: 5%;
}
section.workstyle .view_box .flex .main_text .block h3 {
  margin: auto;
  width: auto;
  margin-bottom: 3%;
  padding-bottom: 1.5%;
  padding-right: 1.5%;
  position: relative;
  display: inline-block;
  min-width: 50%;
}
section.workstyle .view_box .flex .main_text .block h3:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom: 3px solid #94b7c6;
}
section.workstyle .view_box .flex .main_text .block h3:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 80px;
  border-bottom: 3px solid #0074c1;
}
section.workstyle .view_box .flex .main_text .block h3 strong {
  display: inline-block;
  color: #0075c3;
  font-weight: normal;
  padding: 3% 0;
}
section.workstyle .view_box .flex .main_text .block h3 strong:before {
  content: "●";
  position: absolute;
  bottom: -7px;
  left: -5px;
  color: #0075c3;
  width: 20px;
  height: 20px;
  font-size: 20px;
  z-index: 3;
}
section.workstyle .view_box .flex .main_text .block h3 strong:after {
  content: "●";
  position: absolute;
  bottom: -7px;
  left: 75px;
  color: #0075c3;
  width: 20px;
  height: 20px;
  font-size: 20px;
  z-index: 3;
}
section.workstyle .view_box .flex .main_text .block h3 span:after {
  content: "●";
  position: absolute;
  bottom: -7px;
  right: -10px;
  color: #94b7c6;
  width: 20px;
  height: 20px;
  font-size: 20px;
  z-index: 3;
}
section.workstyle .view_box .flex .main_text .block h4 {
  font-weight: normal;
  color: #0073bd;
  padding: 3%;
  background-color: #dfe9ed;
  margin-bottom: 3%;
  text-align: center;
}
section.workstyle .view_box .flex .main_text .block .text {
  padding: 3% 0 5%;
  line-height: 150%;
}
section.workstyle .ikuji,
section.workstyle .seido,
section.workstyle .wlv {
  padding: 3% 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
section.workstyle .ikuji .image,
section.workstyle .seido .image,
section.workstyle .wlv .image {
  width: 28%;
}
section.workstyle .ikuji .text,
section.workstyle .seido .text,
section.workstyle .wlv .text {
  width: 65%;
}
section.workstyle .ikuji .text h3,
section.workstyle .seido .text h3,
section.workstyle .wlv .text h3 {
  text-align: center;
  font-family: 'M PLUS 1p', sans-serif;
  font-weight: normal;
  color: #0073bd;
  padding: 3% 0;
  line-height: 130%;
}
section.workstyle .ikuji .text p,
section.workstyle .seido .text p,
section.workstyle .wlv .text p {
  display: block;
  margin-bottom: 5%;
}
section.workstyle .ikuji .text .btn,
section.workstyle .seido .text .btn,
section.workstyle .wlv .text .btn {
  margin: 5% auto;
}
section.workstyle .ikuji .text .btn a,
section.workstyle .seido .text .btn a,
section.workstyle .wlv .text .btn a {
  display: block;
  padding: 3%;
  font-size: 1.5rem;
  color: white;
  background: #0073bd;
  border-radius: 5px;
  position: relative;
}
section.workstyle .ikuji .text .btn a:after,
section.workstyle .seido .text .btn a:after,
section.workstyle .wlv .text .btn a:after {
  transition: .3s;
  content: "";
  background: url("/company/recruit/adoption_detail/images/workstyle/arrow3.png");
  width: 45px;
  height: 1.5rem;
  background-size: contain;
  position: absolute;
  bottom: calc(50% - 0.75rem);
  right: 3%;
  background-repeat: no-repeat;
}
section.workstyle .ikuji .text .btn a:hover:after,
section.workstyle .seido .text .btn a:hover:after,
section.workstyle .wlv .text .btn a:hover:after {
  right: 5%;
}
section.workstyle .ikuji {
  text-align: center;
}
section.workstyle .ikuji .ikuji_list {
  padding: 2% 2% 5%;
  border-radius: 10px;
  background: #6db3d4;
  color: white;
  width: 48%;
  position: relative;
}
section.workstyle .ikuji .ikuji_list ul {
  display: flex;
  flex-wrap: wrap;
  margin: auto;
}
section.workstyle .ikuji .ikuji_list ul li {
  text-align: left;
  width: 100%;
  font-size: 1.8rem;
  padding: 1% 0;
}
section.workstyle .ikuji .ikuji_list ul li:before {
  content: "●";
  display: inline-block;
  margin-right: 2%;
  color: #0073bd;
}
section.workstyle .ikuji .ikuji_list > span {
  position: absolute;
  bottom: 5%;
  right: 5%;
  font-size: 1.5rem;
}
section.workstyle .ikuji h4 {
  display: inline-block;
  text-align: center;
  font-family: 'M PLUS 1p', sans-serif;
  font-weight: normal;
  color: #0073bd;
  padding: 3% 0;
  line-height: 130%;
}
section.workstyle .ikuji h4 span {
  color: #333;
  text-align: right;
  font-size: 1.4rem;
  font-family: inherit;
  font-weight: normal;
}
section.workstyle .ikuji .flex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
section.workstyle .ikuji .flex.kurumin {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 48%;
}
section.workstyle .ikuji .flex.kurumin.sp_none {
  display: flex !important;
}
section.workstyle .ikuji .flex.kurumin .image {
  width: 30%;
}
section.workstyle .ikuji .flex.kurumin .text {
  width: 65%;
  font-size: 1.4rem;
  text-align: left;
  color: #e1467f;
}
section.workstyle .wlv .wlv_list {
  padding: 2% 2% 5%;
  border-radius: 10px;
  background: #6db3d4;
  color: white;
  position: relative;
}
section.workstyle .wlv .wlv_list dl {
  margin: 1% 1.5% 0;
}
section.workstyle .wlv .wlv_list dl dt {
  text-align: left;
  width: 100%;
  font-size: 1.8rem;
  padding: 1% 0 0;
}
section.workstyle .wlv .wlv_list dl dt:before {
  content: "●";
  display: inline-block;
  margin-right: .2%;
  color: #0073bd;
}
section.workstyle .wlv .wlv_list dl dd {
  font-size: 1.8rem;
	margin-bottom: 1.2%;
}
section.workstyle .wlv .wlv_list > p {
  font-size: 1.5rem;
	text-align: right;
	margin: 10px 0 0;
}
section.workstyle .view_box .flex .main_text .block .text table {
	margin-top: 30px;
}
section.workstyle .view_box .flex .main_text .block .text table th {
	color: #0075C3;
	font-size: 70%;
	font-weight: normal;
}
section.workstyle .view_box .flex .main_text .block .text table td {
	padding-bottom: 15px;
}
section.workstyle .view_box .flex .main_text .block .text table td ul li {
	font-size: 62%;
	text-indent: -1.65rem;
	line-height: 1.4;
	margin-bottom: 5px;
	padding-left: 1.5rem;
}

.pc_none {
  display: none !important;
}

.sp_none {
  display: block;
}

@media screen and (max-width: 1020px) {
  section.workstyle {
    margin: auto;
    font-size: 1vw;
    line-height: 180%;
    width: 100%;
    box-sizing: border-box;
    padding: 2%;
  }
  section.workstyle p {
    font-size: 150%;
    line-height: 180%;
  }
  section.workstyle .workstyle_tab ul:before, section.workstyle .workstyle_tab ul:after {
    bottom: -13px;
  }
  section.workstyle .workstyle_tab ul li.on:before, section.workstyle .workstyle_tab ul li.on:after, section.workstyle .workstyle_tab ul li:before, section.workstyle .workstyle_tab ul li:after {
    bottom: -10px;
  }
  section.workstyle .workstyle_tab ul li a span {
    font-size: 250%;
  }
  section.workstyle .view_box .flex .history .history_names > h3 {
    font-size: 150%;
  }
  section.workstyle .view_box .flex .history .history_names > h3 span {
    font-size: 200%;
    vertical-align: sub;
  }
  section.workstyle .view_box .flex .history .history_names .name {
    padding: 10% 0;
    font-size: 300%;
  }
  section.workstyle .view_box .flex .history .history_names .belongs {
    font-size: 130%;
  }
  section.workstyle .view_box .flex .history .history_block {
    min-height: inherit;
  }
  section.workstyle .view_box .flex .history .history_block:after {
    bottom: -10px;
    left: calc(10% - 8px);
  }
  section.workstyle .view_box .flex .history .history_block ul:before {
    top: -10px;
    left: calc(10% - 8px);
  }
  section.workstyle .view_box .flex .history .history_block ul li:before {
    left: -19%;
  }
  section.workstyle .view_box .flex .history .history_block ul li .age b {
    font-size: 250%;
    min-width: inherit;
  }
  section.workstyle .view_box .flex .history .history_block ul li .age strong {
    font-size: 150%;
  }
  section.workstyle .view_box .flex .history .history_block ul li .comment p {
    font-size: 100%;
  }
  section.workstyle .view_box .flex .history .history_block .history_comment p {
    font-size: 100%;
  }
  section.workstyle .view_box .flex .main_text .block h3 strong {
    font-size: 250%;
  }
  section.workstyle .view_box .flex .main_text .block h3 strong:before, section.workstyle .view_box .flex .main_text .block h3 strong:after {
    bottom: -10px;
  }
  section.workstyle .view_box .flex .main_text .block h3 span:after {
    bottom: -10px;
  }
  section.workstyle .view_box .flex .main_text .block h4 {
    font-size: 200%;
  }
	section.workstyle .view_box .flex .main_text .block .text table th {
		color: #0075C3;
		font-size: 150%;
		font-weight: normal;
	}
	section.workstyle .view_box .flex .main_text .block .text table td ul li {
		font-size: 140%;
		text-indent: -1rem;
	}
  section.workstyle .seido .text h3,
  section.workstyle .ikuji .text h3,
	section.workstyle .wlv .text h3 {
    font-size: 250%;
  }
  section.workstyle .seido .text .btn a,
  section.workstyle .ikuji .text .btn a,
  section.workstyle .wlv .text .btn a {
    font-size: 100%;
  }
  section.workstyle .seido .text .btn a:after,
  section.workstyle .ikuji .text .btn a:after,
  section.workstyle .wlv .text .btn a:after {
    width: 5%;
    height: 1vw;
    bottom: calc(50% - 0.5vw);
  }
  section.workstyle .ikuji .ikuji_list ul {
    width: 100%;
  }
  section.workstyle .ikuji .ikuji_list ul li {
    width: 50%;
    font-size: 200%;
    text-align: left;
  }
  section.workstyle .ikuji .ikuji_list > span {
    font-size: 100%;
  }
  section.workstyle .ikuji h4 {
    font-size: 250%;
  }
  section.workstyle .ikuji h4 > span {
    font-size: 60%;
  }
  section.workstyle .ikuji .flex.kurumin .text {
    font-size: 150%;
  }
  section.workstyle .wlv .text dl dt,
  section.workstyle .wlv .text dl dd {
    font-size: 150%;
  }
  section.workstyle .wlv .text p {
    font-size: 130%;
  }
}
@media screen and (max-width: 850px) {
  section.workstyle .view_box .flex .history .history_block ul li:before {
    left: -19%;
  }
}
@media screen and (max-width: 767px) {
  .pc_none {
    display: block !important;
  }

  .sp_none {
    display: none !important;
  }

  .wrapper {
    padding-top: 60px;
  }

  .sb_main_img {
  }

  section.workstyle {
    font-size: 3.5vw;
  }
  section.workstyle p {
    font-size: 3.5vw;
  }
  section.workstyle .workstyle_tab {
    display: flex;
    flex-wrap: wrap;
    margin: 1% -2% 5%;
    position: relative;
    align-items: flex-end;
  }
  section.workstyle .workstyle_tab:after {
    content: "";
    display: block;
    position: absolute;
    border-bottom: 3px solid #94b7c6;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: -1;
  }
  section.workstyle .workstyle_tab .sp_title {
    width: 25%;
    text-align: right;
    color: #94b7c6;
    padding-bottom: 2%;
  }
  section.workstyle .workstyle_tab ul {
    width: 75%;
    margin: auto;
  }
  section.workstyle .workstyle_tab ul:before, section.workstyle .workstyle_tab ul:after {
    display: none;
  }
  section.workstyle .workstyle_tab ul li.on:before, section.workstyle .workstyle_tab ul li.on:after {
    font-size: 3.5vw;
    width: 3.5vw;
    height: 3.5vw;
    line-height: 3.5vw;
    bottom: calc(-2vw + 1px);
  }
  section.workstyle .workstyle_tab ul li.on:before {
    left: -1.75vw;
  }
  section.workstyle .workstyle_tab ul li.on:after {
    right: -1.75vw;
  }
  section.workstyle .workstyle_tab ul li.on div:before, section.workstyle .workstyle_tab ul li.on div:after {
    font-size: 3.5vw;
    width: 3.5vw;
    height: 3.5vw;
    line-height: 3.5vw;
    bottom: calc(-2vw + 1px);
  }
  section.workstyle .workstyle_tab ul li.on div:before {
    top: -1.5vw;
    left: 1.2vw;
  }
  section.workstyle .workstyle_tab ul li.on div:after {
    top: -1.5vw;
    right: 1.2vw;
  }
  section.workstyle .workstyle_tab ul li.on div a:before {
    left: -2.8vw;
    transform: rotate(16deg);
  }
  section.workstyle .workstyle_tab ul li.on div a:after {
    right: -3.8vw;
    transform: rotate(-16deg);
  }
  section.workstyle .workstyle_tab ul li:before, section.workstyle .workstyle_tab ul li:after {
    font-size: 3.5vw;
    width: 3.5vw;
    height: 3.5vw;
    line-height: 3.5vw;
    bottom: calc(-2vw + 1px);
  }
  section.workstyle .workstyle_tab ul li:before {
    left: -1.75vw;
  }
  section.workstyle .workstyle_tab ul li:after {
    right: -1.75vw;
  }
  section.workstyle .workstyle_tab ul li a {
    padding: 7% 0;
  }
  section.workstyle .workstyle_tab ul li a span {
    font-size: 200%;
  }
  section.workstyle .workstyle_tab ul li a p {
    display: none;
  }
  section.workstyle .workstyle_tab.bottom {
    align-items: center;
  }
  section.workstyle .workstyle_tab.bottom:after {
    bottom: inherit;
    top: 0;
  }
  section.workstyle .workstyle_tab.bottom ul li:before, section.workstyle .workstyle_tab.bottom ul li:after {
    top: calc(-2vw + 3px);
  }
  section.workstyle .workstyle_tab.bottom ul li.on:after, section.workstyle .workstyle_tab.bottom ul li.on:before {
    top: calc(-2vw + 5px);
  }
  section.workstyle .view_box {
    padding: 2%;
    box-sizing: border-box;
  }
  section.workstyle .view_box .main_image {
    width: auto;
    margin: auto -2% 5%;
  }
  section.workstyle .view_box .main_image img {
    width: 100%;
  }
  section.workstyle .view_box .flex {
    top: 0;
    flex-direction: column;
  }
  section.workstyle .view_box .flex .history,
  section.workstyle .view_box .flex .main_text {
    width: 100%;
    top: 0;
  }
  section.workstyle .view_box .flex .history {
    margin-bottom: 10%;
  }
  section.workstyle .view_box .flex .history .history_names {
    padding: 5% 5% 10%;
    display: flex;
    flex-wrap: wrap;
  }
  section.workstyle .view_box .flex .history .history_names > h3 {
    display: inline-block;
    font-size: 120%;
    width: 48%;
  }
  section.workstyle .view_box .flex .history .history_names .name {
    width: 52%;
    font-size: 200%;
    padding: 3% 0;
  }
  section.workstyle .view_box .flex .history .history_names .belongs {
    padding: 5% 0;
    font-size: 120%;
  }
  section.workstyle .view_box .flex .history .history_block:before {
    left: 10vw;
  }
  section.workstyle .view_box .flex .history .history_block:after {
    left: calc(10vw - 2.5vw);
    font-size: 6vw;
    width: 6vw;
    height: 6vw;
    line-height: 6vw;
    bottom: -3vw;
  }
  section.workstyle .view_box .flex .history .history_block ul:before, section.workstyle .view_box .flex .history .history_block ul:after {
    left: calc(-10vw + -1vw);
    font-size: 6vw;
    width: 6vw;
    height: 6vw;
    line-height: 6vw;
  }
  section.workstyle .view_box .flex .history .history_block ul:before {
    top: -12.5vw;
  }
  section.workstyle .view_box .flex .history .history_block ul li:before {
    left: calc(-10vw + -1vw);
    font-size: 6vw;
    width: 6vw;
    height: 6vw;
    line-height: 6vw;
    top: 4.2vw;
  }
  section.workstyle .view_box .flex .main_text .block h3:after {
    width: 10vw;
  }
  section.workstyle .view_box .flex .main_text .block h3 strong {
    font-size: 120%;
    padding: 2vw;
  }
  section.workstyle .view_box .flex .main_text .block h3 strong:before, section.workstyle .view_box .flex .main_text .block h3 strong:after {
    font-size: 3.5vw;
    width: 3.5vw;
    height: 3.5vw;
    line-height: 3.5vw;
    bottom: -1.7vw;
  }
  section.workstyle .view_box .flex .main_text .block h3 strong:after {
    left: 9vw;
  }
  section.workstyle .view_box .flex .main_text .block h3 span:after {
    font-size: 3.5vw;
    width: 3.5vw;
    height: 3.5vw;
    line-height: 3.5vw;
    bottom: -1.7vw;
  }
  section.workstyle .view_box .flex .main_text .block h4 {
    font-size: 120%;
    line-height: 100%;
    padding: 5% 0;
    margin-bottom: 5%;
  }
  section.workstyle .seido,
  section.workstyle .ikuji,
  section.workstyle .wlv {
    padding: 5%;
  }
  section.workstyle .seido .image,
  section.workstyle .seido .text,
  section.workstyle .ikuji .image,
  section.workstyle .ikuji .text,
  section.workstyle .wlv .image,
  section.workstyle .wlv .text {
    width: 100%;
  }
  section.workstyle .seido .image,
  section.workstyle .ikuji .image,
  section.workstyle .wlv .image {
    text-align: center;
    margin-bottom: 10%;
  }
  section.workstyle .seido .image img,
  section.workstyle .ikuji .image img,
  section.workstyle .wlv .image img {
    width: 60%;
  }
  section.workstyle .seido .text h3,
  section.workstyle .ikuji .text h3,
  section.workstyle .wlv .text h3 {
    font-size: 150%;
  }
  section.workstyle .seido .text h4,
  section.workstyle .ikuji .text h4,
  section.workstyle .wlv.text h4 {
    font-size: 130%;
  }
  section.workstyle .seido .text .btn a:after,
  section.workstyle .ikuji .text .btn a:after,
  section.workstyle .wlv .text .btn a:after {
    width: 10%;
    height: 3vw;
    bottom: calc(50% - 1.5vw);
  }
  section.workstyle .ikuji .flex {
    flex-wrap: wrap;
  }
  section.workstyle .ikuji .image {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  section.workstyle .ikuji .image > div:nth-of-type(1) {
    width: 30%;
  }
  section.workstyle .ikuji .image > div.pc_none {
    width: 70%;
  }
  section.workstyle .ikuji .image > div img {
    width: 90%;
  }
  section.workstyle .ikuji .image > div h3 {
    text-align: center;
    color: #0073bd;
    padding: 3% 0;
    line-height: 130%;
    font-size: 140%;
    font-family: 'M PLUS 1p', sans-serif;
    font-weight: normal;
  }
  section.workstyle .ikuji .text {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  section.workstyle .ikuji .text h4 {
    font-size: 120%;
    width: 50%;
  }
  section.workstyle .ikuji .ikuji_list {
    width: 100%;
    padding: 10%;
    margin-bottom: 5%;
  }
  section.workstyle .ikuji .ikuji_list ul li {
    width: 100%;
    font-size: 130%;
  }
  section.workstyle .ikuji h4 > span {
    text-align: center;
  }
  section.workstyle .ikuji .flex.kurumin.sp_none {
    display: none !important;
  }
  section.workstyle .ikuji .flex.kurumin.pc_none {
    display: flex !important;
  }
  section.workstyle .ikuji .flex.kurumin.pc_none .image {
    width: 45%;
    padding: 3% 0;
    margin-bottom: 0;
  }
  section.workstyle .ikuji .flex.kurumin.pc_none .image img {
    width: 90%;
  }
  section.workstyle .ikuji .flex.kurumin.pc_none .text {
    width: 55%;
    font-size: 80%;
    line-height: 120%;
  }
  section.workstyle .wlv .wlv_list dl dt,
  section.workstyle .wlv .wlv_list dl dd {
    font-size: 120%;
  }
  section.workstyle .wlv .wlv_list p {
    font-size: 100%;
  }
	section.workstyle .view_box .flex .main_text .block .text table th {
		font-size: 106%;
	}
	section.workstyle .view_box .flex .main_text .block .text table td ul li {
		font-size: 100%;
		text-indent: -1.3rem;
	}
}