@charset "UTF-8";

:root {
  --design-width: 390;
  --design-pc-width: 1280;
  --contents-side-padding: 10;
  --minwidth: 320;
  --root-fz: 16;
  --MAIN_WHITE: #FFFFFF;
  --MAIN_BROWN: #46322b;
  --MAIN_BEIGE: #EEE5DC;
  --MAIN_BLACK: #333333;
  --MAIN_RED: #880000;
  --DETAIL_TITLE_INDEX: 1;
  --POINT_INDEX: 2;
  --BASE_FONT_FAMILY: "Zen Old Mincho", serif;
}

body {
  margin: 0;
}

.main__wrap img {
  width: 100%;
  height: auto;
}

.main__wrap ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

.main__wrap ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.main__wrap li {
  letter-spacing: calc(0.3 / var(--design-width) * 100vw);
}

.main__wrap a {
  letter-spacing: calc(3 / var(--design-width) * 100vw);
  transition-duration: 0.5s;
}

.main__wrap h2{
  margin-bottom:calc(24 / var(--design-width) * 100vw);
}
.main__wrap h3,
.main__wrap h4{
  margin: 0;
}

.main__wrap p {
  margin: 0;
  letter-spacing: calc(0.3 / var(--design-width) * 100vw);
}

.main__wrap {
  padding-block: calc(120 / var(--design-width) * 100vw) calc(80 / var(--design-width) * 100vw);
  display: block;
  background-color: var(--MAIN_BEIGE);
  color: var(--MAIN_BLACK);
  font-family: var(--BASE_FONT_FAMILY);
}
.info-fv{
  text-align: center;
}

.info-fv img{
  width: auto;
  height: calc(53.3 / var(--design-width) * 100vw);
}

.section-recruit{
  display: flex;
  flex-direction: column;
  gap: calc(32 / var(--design-width) * 100vw);
  padding-inline:calc(16 / var(--design-width) * 100vw);
}

h3{
  font-size: calc(18 / var(--design-width) * 100vw);
}

.content-recruit__item{
  display: flex;
  flex-direction: column;
  gap: calc(16 / var(--design-width) * 100vw);
  padding-block:calc(28 / var(--design-width) * 100vw);
  border-bottom:solid var(--MAIN_BLACK) calc(1 / var(--design-width) * 100vw);
}

.content-recruit__item:first-of-type{
  border-top:solid var(--MAIN_BLACK) calc(1 / var(--design-width) * 100vw);
}

h4{
  font-size: calc(16 / var(--design-width) * 100vw);
}

.content-recruit__item--bottom{
  display: flex;
  flex-direction: column;
  gap: calc(16 / var(--design-width) * 100vw);
}

.content-recruit__item__description{
  font-size: calc(14 / var(--design-width) * 100vw);
  line-height: calc(24 / var(--design-width) * 100vw);
}

.content-recruit__item__description--small{
  font-size: calc(12 / var(--design-width) * 100vw);
}

.lead--small{
  display: inline-block;
  margin-bottom: calc(4 / var(--design-width) * 100vw)!important;
  padding: calc(4/ var(--design-width) * 100vw) calc(10 / var(--design-width) * 100vw);
  background: var(--MAIN_BLACK);
  border-radius: calc(64 / var(--design-width) * 100vw);
  font-weight: 600;
  font-size: calc(10 / var(--design-width) * 100vw);
  color: var(--MAIN_WHITE);
}

.description--small{
  font-size: calc(12 / var(--design-width) * 100vw);
  line-height: calc(20/ var(--design-width) * 100vw);
}

.description__unit{
  display: flex;
  flex-direction: column;
  gap:calc(4/ var(--design-width) * 100vw);
  font-size:calc(14/ var(--design-width) * 100vw);
}

.description__list{
  position: relative;
  padding-left: calc(10/ var(--design-width) * 100vw);
  font-size:calc(14/ var(--design-width) * 100vw);
}

.description__list::before{
  content: "";
  position: absolute;
  top:calc(8/ var(--design-width) * 100vw);
  left: 0;
  width: calc(4/ var(--design-width) * 100vw);
  height: calc(4/ var(--design-width) * 100vw);
  background: var(--MAIN_BLACK);
  border-radius: 50%;
}

.description__unit--middle{
  display: flex;
  flex-direction: column;
  gap:calc(4/ var(--design-width) * 100vw);
  font-size:calc(13/ var(--design-width) * 100vw);
}

.description__list--middle{
  position: relative;
  padding-left: calc(10/ var(--design-width) * 100vw);
  font-size:calc(13/ var(--design-width) * 100vw);
}

.description__list--middle::before{
  content: "";
  position: absolute;
  top:calc(9/ var(--design-width) * 100vw);
  left: 0;
  width: calc(4/ var(--design-width) * 100vw);
  height: calc(4/ var(--design-width) * 100vw);
  background: var(--MAIN_BLACK);
  border-radius: 50%;
}

.description__unit--num{
  display: flex;
  flex-direction: column;
  gap: calc(20/ var(--design-width) * 100vw);
}
.description__list--num{
  display: flex;
  flex-direction: column;
  gap: calc(8/ var(--design-width) * 100vw);
}
.description__list--num--head{
  font-size: calc(14 / var(--design-width) * 100vw);
}
.description__list--num--bottom{
  font-size: calc(13 / var(--design-width) * 100vw);
}

.content-recruit__item__description--middle,
.description__unit--middle{
  font-size: calc(13 / var(--design-width) * 100vw);
}

.wrapper__button-entry{
  text-align: center;
}

.button-entry{
  display: inline-block;
  padding: calc(16 / var(--design-width) * 100vw) calc(48 / var(--design-width) * 100vw);
  border-radius:calc(64 / var(--design-width) * 100vw);
  background: var(--MAIN_RED);
  font-size: calc(18 / var(--design-width) * 100vw);
  color: var(--MAIN_WHITE);
}

@media screen and (min-width: 500px) {

  .main__wrap {
    padding-left: 189px;
  }

  .main__wrap li {
    letter-spacing: calc(0.3 / var(--design-width) * (100vw * 0.67357513));
  }

  .main__wrap a {
    letter-spacing: calc(3 / var(--design-width) * (100vw * 0.67357513));
  }

  .main__wrap h2{
    margin-bottom:calc(24 / var(--design-width) * (100vw * 0.67357513));
  }

  .main__wrap p {
    letter-spacing: calc(0.3 / var(--design-width) * (100vw * 0.67357513));
  }

  .main__wrap {
    padding-block: calc(120 / var(--design-width) * (100vw * 0.67357513)) calc(80 / var(--design-width) * (100vw * 0.67357513));
    display: block;
    background-color: var(--MAIN_BEIGE);
    color: var(--MAIN_BLACK);
    font-family: var(--BASE_FONT_FAMILY);
  }
  .info-fv{
    text-align: center;
  }
  
  .info-fv img{
    width: auto;
    height: calc(53.3 / var(--design-width) * (100vw * 0.67357513));
  }
  
  .section-recruit{
    display: flex;
    flex-direction: column;
    gap: calc(32 / var(--design-width) * (100vw * 0.67357513));
    padding-inline:calc(16 / var(--design-width) * (100vw * 0.67357513));
  }
  
  h3{
    font-size: calc(18 / var(--design-width) * (100vw * 0.67357513));
  }
  
  .content-recruit__item{
    display: flex;
    flex-direction: column;
    gap: calc(16 / var(--design-width) * (100vw * 0.67357513));
    padding-block:calc(28 / var(--design-width) * (100vw * 0.67357513));
    border-bottom:solid var(--MAIN_BLACK) calc(1 / var(--design-width) * (100vw * 0.67357513));
  }
  
  .content-recruit__item:first-of-type{
    border-top:solid var(--MAIN_BLACK) calc(1 / var(--design-width) * (100vw * 0.67357513));
  }
  
  h4{
    font-size: calc(16 / var(--design-width) * (100vw * 0.67357513));
  }
  
  .content-recruit__item--bottom{
    display: flex;
    flex-direction: column;
    gap: calc(16 / var(--design-width) * (100vw * 0.67357513));
  }
  
  .content-recruit__item__description{
    font-size: calc(14 / var(--design-width) * (100vw * 0.67357513));
    line-height: calc(24 / var(--design-width) * (100vw * 0.67357513));
  }
  
  .content-recruit__item__description--small{
    font-size: calc(12 / var(--design-width) * (100vw * 0.67357513));
  }
  
  .lead--small{
    display: inline-block;
    margin-bottom: calc(4 / var(--design-width) * (100vw * 0.67357513))!important;
    padding: calc(4/ var(--design-width) * (100vw * 0.67357513)) calc(10 / var(--design-width) * (100vw * 0.67357513));
    background: var(--MAIN_BLACK);
    border-radius: calc(64 / var(--design-width) * (100vw * 0.67357513));
    font-weight: 600;
    font-size: calc(10 / var(--design-width) * (100vw * 0.67357513));
    color: var(--MAIN_WHITE);
  }
  
  .description--small{
    font-size: calc(12 / var(--design-width) * (100vw * 0.67357513));
    line-height: calc(20/ var(--design-width) * (100vw * 0.67357513));
  }
  
  .description__unit{
    display: flex;
    flex-direction: column;
    gap:calc(4/ var(--design-width) * (100vw * 0.67357513));
    font-size:calc(14/ var(--design-width) * (100vw * 0.67357513));
  }
  
  .description__list{
    position: relative;
    padding-left: calc(10/ var(--design-width) * (100vw * 0.67357513));
    font-size:calc(14/ var(--design-width) * (100vw * 0.67357513));
  }
  
  .description__list::before{
    content: "";
    position: absolute;
    top:calc(9/ var(--design-width) * (100vw * 0.67357513));
    left: 0;
    width: calc(4/ var(--design-width) * (100vw * 0.67357513));
    height: calc(4/ var(--design-width) * (100vw * 0.67357513));
    background: var(--MAIN_BLACK);
    border-radius: 50%;
  }

  .description__unit--middle{
    display: flex;
    flex-direction: column;
    gap:calc(4/ var(--design-width) * (100vw * 0.67357513));
    font-size:calc(13/ var(--design-width) * (100vw * 0.67357513));
  }
  
  .description__list--middle{
    position: relative;
    padding-left: calc(10/ var(--design-width) * (100vw * 0.67357513));
    font-size:calc(13/ var(--design-width) * (100vw * 0.67357513));
  }
  
  .description__list--middle::before{
    content: "";
    position: absolute;
    top:calc(9/ var(--design-width) * (100vw * 0.67357513));
    left: 0;
    width: calc(4/ var(--design-width) * (100vw * 0.67357513));
    height: calc(4/ var(--design-width) * (100vw * 0.67357513));
    background: var(--MAIN_BLACK);
    border-radius: 50%;
  }
  
  .description__unit--num{
    display: flex;
    flex-direction: column;
    gap: calc(20/ var(--design-width) * (100vw * 0.67357513));
  }
  .description__list--num{
    display: flex;
    flex-direction: column;
    gap: calc(8/ var(--design-width) * (100vw * 0.67357513));
  }
  .description__list--num--head{
    font-size: calc(14 / var(--design-width) * (100vw * 0.67357513));
  }
  .description__list--num--bottom{
    font-size: calc(13 / var(--design-width) * (100vw * 0.67357513));
  }
  
  .content-recruit__item__description--middle,
  .description__unit--middle{
    font-size: calc(13 / var(--design-width) * (100vw * 0.67357513));
  }
  
  .wrapper__button-entry{
    text-align: center;
  }
  
  .button-entry{
    display: inline-block;
    padding: calc(16 / var(--design-width) * (100vw * 0.67357513)) calc(48 / var(--design-width) * (100vw * 0.67357513));
    border-radius:calc(64 / var(--design-width) * (100vw * 0.67357513));
    background: var(--MAIN_RED);
    font-size: calc(18 / var(--design-width) * (100vw * 0.67357513));
    color: var(--MAIN_WHITE);
  }

}

@media screen and (min-width: 769px) {
  .main__wrap {
    padding-left: 309px;
  }

  .main__wrap li {
    letter-spacing: calc(0.3 / var(--design-width) * (100vw * 0.557939914));
  }

  .main__wrap a {
    letter-spacing: calc(3 / var(--design-width) * (100vw * 0.557939914));
  }

.main__wrap h2{
  margin-bottom:calc(24 / var(--design-width) * (100vw * 0.557939914));
}

  .main__wrap p {
    letter-spacing: calc(0.3 / var(--design-width) * (100vw * 0.557939914));
  }

  .main__wrap {
    padding-block: calc(120 / var(--design-width) * (100vw * 0.557939914)) calc(80 / var(--design-width) * (100vw * 0.557939914));
    display: block;
    background-color: var(--MAIN_BEIGE);
    color: var(--MAIN_BLACK);
    font-family: var(--BASE_FONT_FAMILY);
  }
  .info-fv{
    text-align: center;
  }
  
  .info-fv img{
    width: auto;
    height: calc(53.3 / var(--design-width) * (100vw * 0.557939914));
  }
  
  .section-recruit{
    display: flex;
    flex-direction: column;
    gap: calc(32 / var(--design-width) * (100vw * 0.557939914));
    padding-inline:calc(16 / var(--design-width) * (100vw * 0.557939914));
  }
  
  h3{
    font-size: calc(18 / var(--design-width) * (100vw * 0.557939914));
  }
  
  .content-recruit__item{
    display: flex;
    flex-direction: column;
    gap: calc(16 / var(--design-width) * (100vw * 0.557939914));
    padding-block:calc(28 / var(--design-width) * (100vw * 0.557939914));
    border-bottom:solid var(--MAIN_BLACK) calc(1 / var(--design-width) * (100vw * 0.557939914));
  }
  
  .content-recruit__item:first-of-type{
    border-top:solid var(--MAIN_BLACK) calc(1 / var(--design-width) * (100vw * 0.557939914));
  }
  
  h4{
    font-size: calc(16 / var(--design-width) * (100vw * 0.557939914));
  }
  
  .content-recruit__item--bottom{
    display: flex;
    flex-direction: column;
    gap: calc(16 / var(--design-width) * (100vw * 0.557939914));
  }
  
  .content-recruit__item__description{
    font-size: calc(14 / var(--design-width) * (100vw * 0.557939914));
    line-height: calc(24 / var(--design-width) * (100vw * 0.557939914));
  }
  
  .content-recruit__item__description--small{
    font-size: calc(12 / var(--design-width) * (100vw * 0.557939914));
  }
  
  .lead--small{
    display: inline-block;
    margin-bottom: calc(4 / var(--design-width) * (100vw * 0.557939914))!important;
    padding: calc(4/ var(--design-width) * (100vw * 0.557939914)) calc(10 / var(--design-width) * (100vw * 0.557939914));
    background: var(--MAIN_BLACK);
    border-radius: calc(64 / var(--design-width) * (100vw * 0.557939914));
    font-weight: 600;
    font-size: calc(10 / var(--design-width) * (100vw * 0.557939914));
    color: var(--MAIN_WHITE);
  }
  
  .description--small{
    font-size: calc(12 / var(--design-width) * (100vw * 0.557939914));
    line-height: calc(20/ var(--design-width) * (100vw * 0.557939914));
  }
  
  .description__unit{
    display: flex;
    flex-direction: column;
    gap:calc(4/ var(--design-width) * (100vw * 0.557939914));
    font-size:calc(14/ var(--design-width) * (100vw * 0.557939914));
  }
  
  .description__list{
    position: relative;
    padding-left: calc(10/ var(--design-width) * (100vw * 0.557939914));
    font-size:calc(14/ var(--design-width) * (100vw * 0.557939914));
  }
  
  .description__list::before{
    content: "";
    position: absolute;
    top:calc(9/ var(--design-width) * (100vw * 0.557939914));
    left: 0;
    width: calc(4/ var(--design-width) * (100vw * 0.557939914));
    height: calc(4/ var(--design-width) * (100vw * 0.557939914));
    background: var(--MAIN_BLACK);
    border-radius: 50%;
  }

  .description__unit--middle{
    display: flex;
    flex-direction: column;
    gap:calc(4/ var(--design-width) * (100vw * 0.557939914));
    font-size:calc(13/ var(--design-width) * (100vw * 0.557939914));
  }
  
  .description__list--middle{
    position: relative;
    padding-left: calc(10/ var(--design-width) * (100vw * 0.557939914));
    font-size:calc(13/ var(--design-width) * (100vw * 0.557939914));
  }
  
  .description__list--middle::before{
    content: "";
    position: absolute;
    top:calc(9/ var(--design-width) * (100vw * 0.557939914));
    left: 0;
    width: calc(4/ var(--design-width) * (100vw * 0.557939914));
    height: calc(4/ var(--design-width) * (100vw * 0.557939914));
    background: var(--MAIN_BLACK);
    border-radius: 50%;
  }
  
  .description__unit--num{
    display: flex;
    flex-direction: column;
    gap: calc(20/ var(--design-width) * (100vw * 0.557939914));
  }
  .description__list--num{
    display: flex;
    flex-direction: column;
    gap: calc(8/ var(--design-width) * (100vw * 0.557939914));
  }
  .description__list--num--head{
    font-size: calc(14 / var(--design-width) * (100vw * 0.557939914));
  }
  .description__list--num--bottom{
    font-size: calc(13 / var(--design-width) * (100vw * 0.557939914));
  }
  
  .content-recruit__item__description--middle,
  .description__unit--middle{
    font-size: calc(13 / var(--design-width) * (100vw * 0.557939914));
  }
  
  .wrapper__button-entry{
    text-align: center;
  }
  
  .button-entry{
    display: inline-block;
    padding: calc(16 / var(--design-width) * (100vw * 0.557939914)) calc(48 / var(--design-width) * (100vw * 0.557939914));
    border-radius:calc(64 / var(--design-width) * (100vw * 0.557939914));
    background: var(--MAIN_RED);
    font-size: calc(18 / var(--design-width) * (100vw * 0.557939914));
    color: var(--MAIN_WHITE);
  }
}

@media screen and (min-width:1000px) {
  .main__wrap li {
    letter-spacing: calc(0.3 / var(--design-pc-width) * (100vw * 0.805538074));
  }

  .main__wrap a {
    letter-spacing: calc(3 / var(--design-pc-width) * (100vw * 0.805538074));
  }

.main__wrap h2{
  margin-bottom:calc(32 / var(--design-pc-width) * (100vw * 0.805538074));
}

  .main__wrap p {
    letter-spacing: calc(0.3 / var(--design-pc-width) * (100vw * 0.805538074));
  }

  .main__wrap {
    padding-block: calc(100 / var(--design-pc-width) * (100vw * 0.805538074));
    display: block;
    background-color: var(--MAIN_BEIGE);
    color: var(--MAIN_BLACK);
    font-family: var(--BASE_FONT_FAMILY);
  }
  .info-fv{
    text-align: center;
  }
  
  .info-fv img{
    width: auto;
    height: calc(63.3 / var(--design-pc-width) * (100vw * 0.805538074));
    max-height: 63.3px;
  }
  
  .section-recruit{
    display: flex;
    flex-direction: column;
    gap: calc(40 / var(--design-pc-width) * (100vw * 0.805538074));
    width: 100%;
    max-width: 1000px;
    margin-inline: auto;
    padding-inline:0;
  }
  
  h3{
    font-size: calc(24 / var(--design-pc-width) * (100vw * 0.805538074));
    padding-inline:clamp(0px, calc((1509px - 100vw) / 2), 24px)!important;
  }
  
  .content-recruit{
    padding-inline:clamp(0px, calc((1509px - 100vw) / 2), 24px)!important;
  }

  .content-recruit__item{
    display: flex;
    flex-direction: column;
    gap: calc(24 / var(--design-pc-width) * (100vw * 0.805538074));
    padding-block:calc(32 / var(--design-pc-width) * (100vw * 0.805538074));
    border-bottom:solid var(--MAIN_BLACK) calc(1 / var(--design-pc-width) * (100vw * 0.805538074));
  }
  
  .content-recruit__item:first-of-type{
    border-top:solid var(--MAIN_BLACK) calc(1 / var(--design-pc-width) * (100vw * 0.805538074));
  }
  
  h4{
    font-size: calc(18 / var(--design-pc-width) * (100vw * 0.805538074));
  }
  
  .content-recruit__item--bottom{
    display: flex;
    flex-direction: column;
    gap: calc(18 / var(--design-pc-width) * (100vw * 0.805538074));
  }
  
  .content-recruit__item__description{
    font-size: calc(16 / var(--design-pc-width) * (100vw * 0.805538074));
    line-height: calc(28 / var(--design-pc-width) * (100vw * 0.805538074));
  }
  
  .content-recruit__item__description--small{
    font-size: calc(14 / var(--design-pc-width) * (100vw * 0.805538074));
  }
  
  .lead--small{
    display: inline-block;
    margin-bottom: calc(4 / var(--design-pc-width) * (100vw * 0.805538074))!important;
    padding: calc(4 / var(--design-pc-width) * (100vw * 0.805538074)) calc(10 / var(--design-pc-width) * (100vw * 0.805538074));
    background: var(--MAIN_BLACK);
    border-radius: calc(64 / var(--design-pc-width) * (100vw * 0.805538074));
    font-weight: 600;
    font-size: calc(12 / var(--design-pc-width) * (100vw * 0.805538074));
    color: var(--MAIN_WHITE);
  }
  
  .description--small{
    font-size: calc(14 / var(--design-pc-width) * (100vw * 0.805538074));
    line-height: calc(24/ var(--design-pc-width) * (100vw * 0.805538074));
  }
  
  .description__unit{
    display: flex;
    flex-direction: column;
    gap:calc(4/ var(--design-pc-width) * (100vw * 0.805538074));
    font-size:calc(16/ var(--design-pc-width) * (100vw * 0.805538074));
  }
  
  .description__list{
    position: relative;
    padding-left: calc(10/ var(--design-pc-width) * (100vw * 0.805538074));
    font-size:calc(16/ var(--design-pc-width) * (100vw * 0.805538074));
  }
  
  .description__list::before{
    content: "";
    position: absolute;
    top:calc(11/ var(--design-pc-width) * (100vw * 0.805538074));
    left: 0;
    width: calc(4/ var(--design-pc-width) * (100vw * 0.805538074));
    height: calc(4/ var(--design-pc-width) * (100vw * 0.805538074));
    background: var(--MAIN_BLACK);
    border-radius: 50%;
  }
  
  .description__unit--middle{
    display: flex;
    flex-direction: column;
    gap:calc(4/ var(--design-pc-width) * (100vw * 0.805538074));
    font-size:calc(15/ var(--design-pc-width) * (100vw * 0.805538074));
  }
  
  .description__list--middle{
    position: relative;
    padding-left: calc(10/ var(--design-pc-width) * (100vw * 0.805538074));
    font-size:calc(15/ var(--design-pc-width) * (100vw * 0.805538074));
  }
  
  .description__list--middle::before{
    content: "";
    position: absolute;
    top:calc(9/ var(--design-pc-width) * (100vw * 0.805538074));
    left: 0;
    width: calc(4/ var(--design-pc-width) * (100vw * 0.805538074));
    height: calc(4/ var(--design-pc-width) * (100vw * 0.805538074));
    background: var(--MAIN_BLACK);
    border-radius: 50%;
  }

  .description__unit--num{
    display: flex;
    flex-direction: column;
    gap: calc(20/ var(--design-pc-width) * (100vw * 0.805538074));
  }
  .description__list--num{
    display: flex;
    flex-direction: column;
    gap: calc(8/ var(--design-pc-width) * (100vw * 0.805538074));
  }
  .description__list--num--head{
    font-size: calc(16 / var(--design-pc-width) * (100vw * 0.805538074));
  }
  .description__list--num--bottom{
    font-size: calc(15 / var(--design-pc-width) * (100vw * 0.805538074));
  }
  
  .content-recruit__item__description--middle,
  .description__unit--middle{
    font-size: calc(15 / var(--design-pc-width) * (100vw * 0.805538074));
  }
  
  .wrapper__button-entry{
    text-align: center;
  }
  
  .button-entry{
    display: inline-block;
    padding: calc(16 / var(--design-pc-width) * (100vw * 0.805538074)) calc(56 / var(--design-pc-width) * (100vw * 0.805538074));
    border-radius:calc(64 / var(--design-pc-width) * (100vw * 0.805538074));
    background: var(--MAIN_RED);
    font-size: calc(20 / var(--design-pc-width) * (100vw * 0.805538074));
    color: var(--MAIN_WHITE);
  }
}