.app-main {
  background: #faf6f6 url(../../img/application/bg_main.png) no-repeat top
    center;
  padding: 0 0 1px;
}
.app-main-div {
  margin-bottom: 9em;
}
.app-main-heading {
  position: relative;
  z-index: 3;
  text-align: center;
  color: #df0515;
  font-size: 30px;
  font-family: "Ÿà–¾’©", YuMincho, "ƒqƒ‰ƒMƒm–¾’©ProN W3", "Hiragino Mincho ProN",
    "HG–¾’©E", "‚l‚r ‚o–¾’©", serif;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.1em;
  margin-bottom: 1.5em;
}
.app-main-tabs {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: row;
  margin: 0 -0.3em 0;
}
.app-main-tabs-item {
  flex: 1;
  padding: 0 0.3em;
}
.app-main-tabs-item-link {
  display: block;
  color: #e05050;
  font-size: 17px;
  font-family: "Ÿà–¾’©", YuMincho, "ƒqƒ‰ƒMƒm–¾’©ProN W3", "Hiragino Mincho ProN",
    "HG–¾’©E", "‚l‚r ‚o–¾’©", serif;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.1em;
  text-align: center;
  border: 2px solid #e05050;
  border-bottom: 0;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  padding: 2em 1em 1.6em;
  background: #fff;
}
.app-main-tabs-item-link:hover,
.app-main-tabs-item-link.is-active {
  background-color: #e05050;
  color: #fff;
}
.app-main-tabs-item-link__cc {
  color: #dc7c00;
  border-color: #dc7c00;
}
.app-main-tabs-item-link__cc:hover,
.app-main-tabs-item-link__cc.is-active {
  background-color: #dc7c00;
}
.app-main-tabs-item-link__ho {
  color: #3e9941;
  border-color: #3e9941;
}
.app-main-tabs-item-link__ho:hover,
.app-main-tabs-item-link__ho.is-active {
  background-color: #3e9941;
}
.app-main-tabContents {
  position: relative;
}
.app-main-tabContents__bg02::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: -16.2em;
  bottom: -9.4em;
  background: url(../../img/application/bg_main_02.png) no-repeat left bottom;
  width: 380px;
  height: 429px;
  max-width: 40vw;
  background-size: contain;
}
.app-main-tabContents__bg03::before {
  content: "";
  display: inline-block;
  position: absolute;
  right: -9.9em;
  bottom: -8.3em;
  background: url(../../img/application/bg_main_03.png) no-repeat right bottom;
  width: 300px;
  height: 364px;
  max-width: 40vw;
  background-size: contain;
}
.app-main-box {
  position: relative;
  z-index: 2;
  background: #fff;
  border: 2px solid #e05050;
  padding: 3.5em 4.2em 2.7em;
}
.app-main-box-heading {
  color: #df0515;
  font-size: 25px;
  font-family: "Ÿà–¾’©", YuMincho, "ƒqƒ‰ƒMƒm–¾’©ProN W3", "Hiragino Mincho ProN",
    "HG–¾’©E", "‚l‚r ‚o–¾’©", serif;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.1em;
  margin-bottom: 1.1em;
}

.app-main-box-active-recruitment-heading {
  color: #df0515;
  font-size: 23px;
  font-family: "Ÿà–¾’©", YuMincho, "ƒqƒ‰ƒMƒm–¾’©ProN W3", "Hiragino Mincho ProN",
    "HG–¾’©E", "‚l‚r ‚o–¾’©", serif;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.1em;
  margin-bottom: 1.1em;
  line-height:2.2
}
.app-main-box-tmp-box {
  display: flex;
  flex-direction: row;
  border-bottom: 1px dashed #f8d5d5;
  padding: 2.2em 0 1.5em;
}
.app-main-box-tmp-box-left {
  width: 176px;
}
.app-main-box-tmp-box-right {
  flex: 1;
}
.app-main-box-tmp-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 -0.3em 0;
}
.app-main-box-tmp-list-item {
  width: 51%;
  padding: 0 0.3em;
  margin-bottom: 0.8em;
}
.app-main-box-tmp-list-item-link {
  display: block;
  color: #222222;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.1em;
  border: 1px solid #e25a5a;
  border-radius: 10px;
  padding: 1.1em 1.7em 1.1em 1.7em;
  background: #fcd8d4  url(../../img/application/arrow_areas.png) no-repeat center
    right 1em;
}

.app-main-box-areas {
  padding: 2.1em 0 1.5em;
}
.app-main-box-areas-box {
  display: flex;
  flex-direction: row;
  border-bottom: 1px dashed #f8d5d5;
  padding: 2.2em 0 1.5em;
}
.app-main-box-areas-box-left {
  width: 176px;
}
.app-main-box-areas-box-right {
  flex: 1;
}
.app-main-box-areas-box:last-child {
  border-bottom: 0;
}
.app-main-box-areas-heading {
  color: #e05050;
  font-size: 18px;
  font-weight: bold;
  line-height: 2.2;
  letter-spacing: 0.1em;
}
.app-main-box-areas-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 -0.3em 0;
}
.app-main-box-areas-list-item {
  width: 25%;
  padding: 0 0.3em;
  margin-bottom: 0.8em;
}
.app-main-box-areas-list-item-link {
  display: block;
  color: #222222;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.1em;
  border: 1px solid #e25a5a;
  border-radius: 10px;
  padding: 1.1em 1.7em 1.1em 1.7em;
  background: #fff url(../../img/application/arrow_areas.png) no-repeat center
    right 1em;
}
.app-main-box-areas-list-item-link small {
  font-size: 80%;
}
.app-main-box-areas-list-item-link span {
  display: block;
  text-align: center;
  font-size: 80%;
  margin-top: 0.5em;
}
.app-main-box-flow {
  margin-bottom: 5.5em;
}
.app-main-box-flow-area {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #222222;
  font-size: 25px;
  font-family: "Ÿà–¾’©", YuMincho, "ƒqƒ‰ƒMƒm–¾’©ProN W3", "Hiragino Mincho ProN",
    "HG–¾’©E", "‚l‚r ‚o–¾’©", serif;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.1em;
  margin-bottom: 1.1em;
}
.app-main-box-flow-area small {
  position: relative;
  bottom: -0.2em;
  font-size: 17px;
}
.app-main-box-flow-area::before {
  content: "";
  display: inline-block;
  background: #e05050;
  aspect-ratio: 1/1;
  width: 1.6em;
  height: 1.6em;
  border-radius: 100%;
  margin-right: 0.6em;
}
.app-main-box-flow-count {
  color: #222222;
  font-size: 25px;
  font-family: "Ÿà–¾’©", YuMincho, "ƒqƒ‰ƒMƒm–¾’©ProN W3", "Hiragino Mincho ProN",
    "HG–¾’©E", "‚l‚r ‚o–¾’©", serif;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.1em;
  margin-bottom: 0.9em;
}
.app-main-box-flow-count b {
  color: #e05050;
  font-size: 200%;
  font-style: italic;
}
.app-main-box-flow-count small {
  font-size: 17px;
}
.app-main-box-flow-txt {
  margin-bottom: 1.6em;
}
.app-main-box-flow-txt p {
  color: #372928;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.1em;
}
.app-main-box-flow-list-item {
  padding-bottom: 1.4em;
}
.app-main-box-flow-list-item-in {
  display: flex;
  flex-direction: row;
  border: 1px solid #e05050;
  border-radius: 40px;
}
.app-main-box-flow-list-item-in-left {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 292px;
  border-top-left-radius: 40px;
  border-bottom-left-radius: 40px;
}
.app-main-box-flow-list-item-in-left::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: 0;
  background: url(../../img/application/arrow_flow.png) no-repeat left bottom;
  width: 33px;
  height: 17px;
  background-size: contain;
  transform: translateY(95%) translateX(-50%);
}
.app-main-box-flow-list-item-in-left.is-last {
  background-color: #e05050;
}
.app-main-box-flow-list-item-in-left.is-last::before {
  display: none;
}
.app-main-box-flow-list-item-in-right {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
  background: #faf6f6;
  padding: 1em 2em;
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
}
.app-main-box-flow-list-item-heading {
  color: #e05050;
  font-size: 17px;
  font-family: "Ÿà–¾’©", YuMincho, "ƒqƒ‰ƒMƒm–¾’©ProN W3", "Hiragino Mincho ProN",
    "HG–¾’©E", "‚l‚r ‚o–¾’©", serif;
  font-weight: 500;
  line-height: 2.3;
  letter-spacing: 0.1em;
}
.app-main-box-flow-list-item-txt p {
  color: #222222;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.1em;
}
.app-main-box-flow-list-item:last-child .app-main-box-flow-list-item-heading {
  color: #fff;
}
.app-main-box-flow__no-mb {
  margin-bottom: 0;
}
.app-main-box__cc {
  border-color: #e5a52a;
}
.app-main-box__cc .app-main-box-heading {
  color: #dc7c00;
}
.app-main-box__cc .app-main-box-areas {
  border-bottom-color: #f8e8ca;
}
.app-main-box__cc .app-main-box-areas-box {
  border-bottom-color: #e8b146;
}
.app-main-box__cc .app-main-box-areas-heading {
  color: #dc7c00;
}
.app-main-box__cc .app-main-box-areas-list-item-link {
  border-color: #e8b146;
  background-image: url(../../img/application/arrow_areas_yellow.png);
}
.app-main-box__cc .app-main-box-flow-count b {
  color: #dc7c00;
}
.app-main-box__cc .app-main-box-flow-list-item-in {
  border-color: #e5a52a;
}
.app-main-box__cc .app-main-box-flow-list-item-in-left::before {
  background-image: url(../../img/application/arrow_flow_yellow.png);
}
.app-main-box__cc .app-main-box-flow-list-item-in-left.is-last {
  background-color: #e5a52a;
}
.app-main-box__cc .app-main-box-flow-list-item-in-right {
  background-color: #fffbf3;
}
.app-main-box__cc .app-main-box-flow-list-item-heading {
  color: #dc7c00;
}
.app-main-box__ho {
  border-color: #4daa62;
}
.app-main-box__ho .app-main-box-heading {
  color: #3e9941;
}
.app-main-box__ho .app-main-box-areas {
  border-bottom-color: #64b576;
}
.app-main-box__ho .app-main-box-areas-box {
  border-bottom-color: #64b576;
}
.app-main-box__ho .app-main-box-areas-heading {
  color: #dc7c00;
}
.app-main-box__ho .app-main-box-areas-list-item-link {
  border-color: #64b576;
  background-image: url(../../img/application/arrow_areas_green.png);
}
.app-main-box__ho .app-main-box-areas-list-item-link:not(:has(span)) {
  padding: 1.4em 0em 1.4em 1.8em;
}
.app-main-box__ho .app-main-box-flow-count b {
  color: #3e9941;
}
.app-main-box__ho .app-main-box-flow-list-item-in {
  border-color: #4daa62;
}
.app-main-box__ho .app-main-box-flow-list-item-in-left::before {
  background-image: url(../../img/application/arrow_flow_green.png);
}
.app-main-box__ho .app-main-box-flow-list-item-in-left.is-last {
  background-color: #4daa62;
}
.app-main-box__ho .app-main-box-flow-list-item-in-right {
  background-color: #f8fff8;
}
.app-main-box__ho .app-main-box-flow-list-item-heading {
  color: #3e9941;
}
@media screen and (max-width: 768px) {
  .app-main {
    padding: 0 0 4px;
    background-position: top left -40vw;
    background-size: 270vw auto;
  }
  .app-main-div {
    margin-bottom: 5.1em;
  }
  .app-main-heading {
    font-size: min(5.98958vw, 29.9px);
    margin-bottom: 1.5em;
  }
  .app-main-tabs {
    margin: 0 -0.2em 0;
  }
  .app-main-tabs-item {
    padding: 0 0.2em;
  }
  .app-main-tabs-item-link {
    font-size: min(3.38542vw, 16.9px);
    line-height: 1.3;
    padding: 0.9em 0.5em 0.8em;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .app-main-tabs-item-link__ad {
    padding:1.7em 0em 1.3em 0em;
  }
  .app-main-box {
    padding: 2em 1.5em 1.8em;
  }
  .app-main-box-heading {
    font-size: min(5.20833vw, 26px);
    margin-bottom: 0.6em;
  }
  .app-main-box-areas {
    padding: 1em 0 0.7em;
  }
  .app-main-box-areas-box {
    flex-direction: column;
  }
  .app-main-box-areas-box-left {
    width: 100%;
    margin-bottom: 0.5em;
  }
  .app-main-box-areas-box-right {
    width: 100%;
  }
  .app-main-box-areas-heading {
    font-size: min(4.16667vw, 20.8px);
  }
  .app-main-box-areas-list {
    margin: 0 -0.2em 0;
  }
  .app-main-box-areas-list-item {
    width: 50%;
    padding: 0 0.3em;
    margin-bottom: 0.8em;
  }
  .app-main-box-areas-list-item-link {
    font-size: min(3.38542vw, 16.9px);
    padding: 0.8em 0.8em 0.8em 0.8em;
  }
  .app-main-box-flow {
    margin-bottom: 3em;
  }
  .app-main-box-flow-area {
    display: block;
    font-size: min(4.42708vw, 22.1px);
    margin-bottom: 0.9em;
  }
  .app-main-box-flow-area span {
    position: relative;
    top: -0.3em;
  }
  .app-main-box-flow-area small {
    display: block;
    margin-top: 0.6em;
    font-size: min(3.64583vw, 18.2px);
  }
  .app-main-box-flow-area::before {
    margin-right: 0.6em;
  }
  .app-main-box-flow-count {
    font-size: min(4.94792vw, 24.7px);
    margin-bottom: 0.9em;
  }
  .app-main-box-flow-count small {
    font-size: min(3.38542vw, 16.9px);
  }
  .app-main-box-flow-txt {
    margin-bottom: 0.9em;
  }
  .app-main-box-flow-txt p {
    font-size: min(3.64583vw, 18.2px);
  }
  .app-main-box-flow-list-item {
    padding-bottom: 0.7em;
  }
  .app-main-box-flow-list-item-in {
    border-radius: 10px;
  }
  .app-main-box-flow-list-item-in-left {
    width: 25vw;
  }
  .app-main-box-flow-list-item-in-left.is-last {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
  }
  .app-main-box-flow-list-item-in-right {
    padding: 0.9em 0.9em;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  .app-main-box-flow-list-item-heading {
    font-size: min(3.90625vw, 19.5px);
  }
  .app-main-box-flow-list-item-txt p {
    font-size: min(3.64583vw, 18.2px);
  }
  .app-main-box-flow__no-mb {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 1100px) and (min-width: 769px) {
  .app-main-box-areas-list-item {
    width: 50%;
  }
}

@media only screen and (max-width:960px){
  .app-main-box-tmp-list-item { width: 51%; }
  .app-main-box-tmp-list-item { width: 100%; }
}