/*============================
  setting
============================*/

.sub_contents .sub__inner {
  max-width: 1200px;
  padding-top: 120px;
  padding-bottom: 120px;
  width: 96%;
  margin: 0 auto;
}

.sub_contents .pb0 {
  padding-bottom: 0;
}

.sub_contents p {
  font-size: 16px;
}

.sub_contents .span_bold {
  font-weight: bold;
font-size: 22px;
    color:#887565;
}

.font-jp{
font-size:17px;
  font-family: '游明朝', 'Yu Mincho', '游明朝体', 'YuMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'MS Ｐ明朝', 'MS PMincho', serif;
}

@media screen and (min-width: 1024px) {
  .font-jp{
font-size:18px;
  font-family: '游明朝', 'Yu Mincho', '游明朝体', 'YuMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'MS Ｐ明朝', 'MS PMincho', serif;
}
  .sub_contents .sub__inner {
    padding-top: 100px;
    padding-bottom: 100px;
    width: 94%;
  }
  .font-jp{
font-size: 25px;
}
}

@media screen and (min-width: 768px) {
  .sub_contents .sub__inner {
    padding-top: 80px;
    padding-bottom: 80px;
    width: 92%;
  }

  .sub_contents p {
    font-size: 16px;
  }
  .font-jp{
font-size:23px;
    font-family: '游明朝', 'Yu Mincho', '游明朝体', 'YuMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'MS Ｐ明朝', 'MS PMincho', serif;
}

}



/*============================
  sub-visual
============================*/
.sub_contents .main {
  position: relative;
}
.sub_contents .sub_mv {
  height: 300px;
  width: 80%;
  position: relative;
  background: url(../images/new_sub_mv.png) no-repeat right bottom / cover ;
  margin: 0 0 0 auto;
}
.sub_contents .sub_mv_second {
  height: 300px;
  width: 80%;
  position: relative;
  background: url(../images/sub_mv02.png) no-repeat left  / cover ;
  margin: 0 0 0 auto;
}
.sub_contents .sub_mv_third {
  height: 300px;
  width: 80%;
  position: relative;
  background: url(../images/new_sub_mv03.png) no-repeat right top / cover ;
  margin: 0 0 0 auto;
}
.sub_contents .sub_mv_four {
  height: 300px;
  width: 80%;
  position: relative;
  background: url(../images/sub_mv04.png) no-repeat right top / cover ;
  margin: 0 0 0 auto;
}
.sub_contents .sub_mv_five {
  height: 300px;
  width: 80%;
  position: relative;
  background: url(../images/sub.mv05.png) no-repeat right top / cover ;
  margin: 0 0 0 auto;
}
.sub_contents .submain_ttl {
  text-shadow: 3px 1px 2px rgb(255, 255, 255), 0 0 1em rgb(255, 255, 255), 0 0 0.2em rgb(255, 255, 255);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: .1em;
  text-transform: uppercase;
    font-family: "Marcellus", serif;
  color:#1f214d;
  display: block;
  line-height: .5;
}
.sub_contents .submain_ttl::first-letter {
  font-size: 18px;
}
.sub_contents .submain_txt {
text-shadow: 3px 1px 2px rgb(255, 255, 255), 0 0 1em rgb(255, 255, 255), 0 0 0.2em rgb(255, 255, 255);
  font-family: '游明朝', 'Yu Mincho', '游明朝体', 'YuMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'MS Ｐ明朝', 'MS PMincho', serif;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: .1em;
  color:#1f214d;
  display: block;
  text-align: right;
  margin-bottom: 15px;
}
.sub_contents .submain_box{
  position:absolute;
  top:45%;
  left:-15%;
  width:auto;
  z-index: 0;
}
@media screen and (min-width: 768px) {
.sub_contents .sub_mv {
  height: 350px;
}
.sub_contents .sub_second {
  height: 350px;
}
.sub_contents .sub_third{
  height: 350px;
}
.sub_contents .sub_four {
  height: 350px;
}
.sub_contents .sub_five {
  height: 350px;
}
.sub_contents .submain_ttl {
  font-size: 20px;
}
.sub_contents .submain_ttl::first-letter {
  font-size: 20px;
}
.sub_contents .submain_txt {
  font-size: 26px;
  margin-bottom: 15px;
}
}
@media screen and (min-width: 1024px) {
  .sub_contents .submain_box{
  position:absolute;
  top:52%;
  left:-15%;
  width:auto;
  z-index: 999;
}
.sub_contents .sub_mv{
  height: 525px;
}
.sub_contents .sub_mv_second{
  height: 525px;
}
.sub_contents .sub_mv_third{
  height: 525px;
}
.sub_contents .sub_mv_four{
  height: 525px;
}
.sub_contents .sub_mv_five{
  height: 525px;
}
.sub_contents .submain_ttl {
  font-size: 21px;
}
.sub_contents .submain_ttl::first-letter {
  font-size: 21px;
}
.sub_contents .submain_txt {
font-size: 30px;
  margin-bottom: 15px;
}
.sub_contents .submain_box{
max-width: 1240px;
  z-index: 0;
}
}
@media screen and (min-width: 1280px) {
.sub_contents .sub_mv{
  height: 507px;
}
.sub_contents .sub_mv_second{
  height: 507px;
}
.sub_contents .sub_mv_third{
  height: 507px;
}
.sub_contents .sub_mv_four{
  height: 507px;
}
.sub_contents .sub_mv_five{
  height: 507px;
}
.sub_contents .submain_ttl {
  font-size: 22px;
}
.sub_contents .submain_ttl::first-letter {
  font-size: 22px;
}
.sub_contents .submain_txt {
font-size: 36px;
  margin-bottom: 15px;
    font-family: '游明朝', 'Yu Mincho', '游明朝体', 'YuMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'MS Ｐ明朝', 'MS PMincho', serif;
}
}

/*============================
  breadcrumb
============================*/

.sub_contents .breadcrumb {
  background-color: #fff ;
  font-size: 16px;
  border-radius: 0;
  margin-bottom: 0;

  font-weight: normal;
  font-family: "Staatliches", sans-serif;
}

.sub_contents .breadcrumb a {
  color: #bdbdbd;
}


/*============================
  sub_bg
============================*/
.sub_contents .sub_bg{background-color: #ece7e3;}




/*============================
  btn
============================*/
.sub_contents .block{display:block;}
.sub_contents .btn_list .li{width: 38%; margin: 0 10px; font-size: 15px;}
.sub_contents .btn_list .li a{border: 1px solid #303253;font-weight: normal;display: block;padding: 8px;text-align: center;margin: 0 auto 10px;width: 100%;color: #303253;background: #ffffff;}
.sub_contents .btn_list .li a:hover{color: #ffffff;transition: .4s; opacity: 1;background:#303253;font-weight: normal;opacity: 0.8;}
.sub_contents .btn_list .li.current a{color: #ffffff;background: #303253; }
.sub_contents .btn_list_second .li{width: 42%; margin: 0 10px; font-size: 15px;}
.sub_contents .btn_list_second .li a{border: 1px solid #303253;font-weight: normal;display: block;padding: 8px;text-align: center;margin: 0 auto 10px;width: 100%;color: #303253;background: #ffffff;}
.sub_contents .btn_list_second .li a:hover{color: #ffffff;transition: .4s; opacity: 1;background:#303253;font-weight: normal;opacity: 0.8;}
.sub_contents .btn_list_second .li.current a{color: #ffffff;background: #303253; }
  .sub_contents .btn_list_third .li{width: 30%; margin: 0 10px; font-size: 15px;}
.sub_contents .btn_list_third .li a{border: 1px solid #303253;font-weight: normal;display: block;padding: 8px;text-align: center;margin: 0 auto 10px;width: 100%;color: #303253;background: #ffffff;}
.sub_contents .btn_list_third .li a:hover{color: #ffffff;transition: .4s; opacity: 1;background:#303253;font-weight: normal;opacity: 0.8;}
.sub_contents .btn_list_third .li.current a{color: #ffffff;background: #303253; }
@media screen and (min-width: 300px) {
.sub_contents .btn_list .li{width: 100%; margin: 0 10px; font-size: 15px;}
.sub_contents .btn_list .li a{border: 1px solid #303253;font-weight: normal;display: block;padding: 8px;text-align: center;margin: 20px auto 20px;width: 100%;color: #303253;background: #ffffff;}
.sub_contents .btn_list .li a:hover{color: #ffffff;transition: .4s; opacity: 1;background:#303253;font-weight: normal;opacity: 0.8;}
.sub_contents .btn_list .li.current a{color: #ffffff;background: #303253; }
  .sub_contents .btn_list_second .li{width: 100%; margin: 0 10px; font-size: 15px;}
.sub_contents .btn_list_second .li a{border: 1px solid #303253;font-weight: normal;display: block;padding: 8px;text-align: center;margin: 20px auto 20px;width: 100%;color: #303253;background: #ffffff;}
.sub_contents .btn_list_second .li a:hover{color: #ffffff;transition: .4s; opacity: 1;background:#303253;font-weight: normal;opacity: 0.8;}
.sub_contents .btn_list_second .li.current a{color: #ffffff;background: #303253; }
    .sub_contents .btn_list_third .li{width: 100%; margin: 0 10px; font-size: 15px;}
.sub_contents .btn_list_third .li a{border: 1px solid #303253;font-weight: normal;display: block;padding: 8px;text-align: center;margin: 20px auto 20px;width: 100%;color: #303253;background: #ffffff;}
.sub_contents .btn_list_third .li a:hover{color: #ffffff;transition: .4s; opacity: 1;background:#303253;font-weight: normal;opacity: 0.8;}
.sub_contents .btn_list_third .li.current a{color: #ffffff;background: #303253; }
}

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

.sub_contents .btn_list .li{width: 100%; margin: 0 10px; font-size: 15px;}
.sub_contents .btn_list .li a{border: 1px solid #303253;font-weight: normal;display: block;padding: 8px;text-align: center;margin: 15px auto 10px;width: 100%;color: #303253;background: #ffffff;}
.sub_contents .btn_list .li a:hover{color: #ffffff;transition: .4s; opacity: 1;background:#303253;font-weight: normal;opacity: 0.8;}
.sub_contents .btn_list .li.current a{color: #ffffff;background: #303253; }
  .sub_contents .btn_list_second .li{width: 100%; margin: 0 10px; font-size: 15px;}
.sub_contents .btn_list_second .li a{border: 1px solid #303253;font-weight: normal;display: block;padding: 8px;text-align: center;margin: 0 auto 10px;width: 100%;color: #303253;background: #ffffff;}
.sub_contents .btn_list_second .li a:hover{color: #ffffff;transition: .4s; opacity: 1;background:#303253;font-weight: normal;opacity: 0.8;}
.sub_contents .btn_list_second .li.current a{color: #ffffff;background: #303253; }
}
@media screen and (min-width: 1024px) {
.sub_contents .btn_list .li{width: 60%; margin: 0 10px; font-size: 15px;}
.sub_contents .btn_list .li a{border: 1px solid #303253;font-weight: normal;display: block;padding: 8px;text-align: center;margin: 0 auto 10px;width: 100%;color: #303253;background: #ffffff;}
.sub_contents .btn_list .li a:hover{color: #ffffff;transition: .4s; opacity: 1;background:#303253;font-weight: normal;opacity: 0.8;}
.sub_contents .btn_list .li.current a{color: #ffffff;background: #303253; }
  .sub_contents .btn_list_second .li{width: 42%; margin: 0 10px; font-size: 15px;}
.sub_contents .btn_list_second .li a{border: 1px solid #303253;font-weight: normal;display: block;padding: 8px;text-align: center;margin: 0 auto 10px;width: 100%;color: #303253;background: #ffffff;}
.sub_contents .btn_list_second .li a:hover{color: #ffffff;transition: .4s; opacity: 1;background:#303253;font-weight: normal;opacity: 0.8;}
.sub_contents .btn_list_second .li.current a{color: #ffffff;background: #303253; }
    .sub_contents .btn_list_third .li{width: 30%; margin: 0 10px; font-size: 15px;}
.sub_contents .btn_list_third .li a{border: 1px solid #303253;font-weight: normal;display: block;padding: 8px;text-align: center;margin: 0 auto 10px;width: 100%;color: #303253;background: #ffffff;}
.sub_contents .btn_list_third .li a:hover{color: #ffffff;transition: .4s; opacity: 1;background:#303253;font-weight: normal;opacity: 0.8;}
.sub_contents .btn_list_third .li.current a{color: #ffffff;background: #303253; }
}
@media screen and (min-width: 1280px) {
.sub_contents .btn_list .li{width: 60%; margin: 0 10px; font-size: 15px;}
.sub_contents .btn_list .li a{border: 1px solid #303253;font-weight: normal;display: block;padding: 8px;text-align: center;margin: 10px auto 10px;width: 100%;color: #303253;background: #ffffff;}
.sub_contents .btn_list .li a:hover{color: #ffffff;transition: .4s; opacity: 1;background:#303253;font-weight: normal;opacity: 0.8;}
.sub_contents .btn_list .li.current a{color: #ffffff;background: #303253; }
.sub_contents .btn_list_second .li{width: 45%; margin: 0 10px; font-size: 15px;}
.sub_contents .btn_list_second .li a{border: 1px solid #303253;font-weight: normal;display: block;padding: 8px;text-align: center;margin: 0 auto 10px;width: 100%;color: #303253;background: #ffffff;}
.sub_contents .btn_list_second .li a:hover{color: #ffffff;transition: .4s; opacity: 1;background:#303253;font-weight: normal;opacity: 0.8;}
.sub_contents .btn_list_second .li.current a{color: #ffffff;background: #303253; }
  .sub_contents .btn_list_third .li{width: 30%; margin: 0 10px; font-size: 15px;}
.sub_contents .btn_list_third .li a{border: 1px solid #303253;font-weight: normal;display: block;padding: 8px;text-align: center;margin: 0 auto 10px;width: 100%;color: #303253;background: #ffffff;}
.sub_contents .btn_list_third .li a:hover{color: #ffffff;transition: .4s; opacity: 1;background:#303253;font-weight: normal;opacity: 0.8;}
.sub_contents .btn_list_third .li.current a{color: #ffffff;background: #303253; }
}



/*============================
  title
============================*/

.sub_contents .sub__ttl01 .font-en {
  font-size: 50px;
}

.sub_contents .sub__ttl01 .font-jp {
  font-size: 18px;
}

.sub_contents .sub_ttl02 {
  font-size: 42px;
  letter-spacing: 0.1em;
  font-weight: bold;
  position: relative;
  display: inline-block;
  left: 50%;
  transform: translateX(-50%);
}

.sub_contents .sub_ttl03 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.6;
}

.sub_contents .sub_ttl03 span {
  font-family: "Special Elite", system-ui;
  line-height: 1;
  color: #00909d;
  margin-right: .5em;
}

@media screen and (max-width:1180px) {

  .sub_contents .sub_ttl02 {
    font-size: 34px;
  }
}

@media screen and (max-width: 768px) {

  .sub_contents .sub__ttl01 .font-en {
    font-size: 34px;
  }

  .sub_contents .sub__ttl01 .font-jp {
    font-size: 16px;
  }

  .sub_contents .sub_ttl02 {
    font-size: 22px;
  }

  .sub_contents .sub_ttl03 {
    font-size: 17px;
    font-weight: bold;
    line-height: 1.6;
  }

  .sub_contents .sub_ttl03 span {
    font-size: 20px !important;
  }


}

/* anker link */
.sub_contents .anker__items {
  column-gap: 1%;
  row-gap: 20px;
}

.sub_contents .anker__item {
  width: 23%;
  height: 50px;
  position: relative;
}

.sub_contents .anker__item a {
  display: block;
  text-align: center;
  line-height: 50px;
  color: #fff;
  background: #00909d;
  border: 1px solid #00909d;
  transition: .5s
}

@media screen and (max-width:800px) {
  .sub_contents .anker__items {
    column-gap: 4%;
  }

  .sub_contents .anker__item {
    width: 100%;
    height: 45px;
  }

  .sub_contents .anker__item:not(:last-of-type) {
    margin-bottom: 10px;
  }

  .sub_contents .anker__item a {
    line-height: 45px;
  }
}

@media screen and (max-width:499px) {
  .sub_contents .anker__items {
    row-gap: 10px;
  }

  .sub_contents .anker__item {
    width: 100%;
    max-width: 320px;
  }
}

/*============================
  concept
============================*/
/*.movie_box{
width:100%;
}
.mov_youtube{
width:100%;
}*/
.sub_contents .beige{
color:#1f214d;
}
.sub_contents .navy{
color:#1f214d;
  font-weight:bold;
}
.sub_contents .strength_flex {align-items: center;margin-top: 80px;}
.sub_contents .strength_flex:first-child {margin-top: 0;}
.sub_contents .strength_flex .flex_img img {width: 100%;}
.sub_contents .strength_flex:nth-child(2n+1) {flex-direction: row-reverse;}
.sub_contents .strength_flex:nth-child(2n+1) .flex_img {width: 48%;flex: 1;margin-left: calc(50% - 50vw);margin-right: 4%;z-index: 0;padding-left: 0;}
.sub_contents .strength_flex:nth-child(2n+1) .flex_txt {width: 53%;}
.sub_contents .strength_flex:nth-child(2n) {flex-direction: row;}
.sub_contents .strength_flex:nth-child(2n) .flex_img { width: 48%;flex: 1;margin-right: calc(50% - 50vw);margin-left: 4%;z-index: 0;padding-right: 0;}
.sub_contents .strength_flex:nth-child(2n) .flex_txt {width: 53%;}
.sub_contents .concept__title {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .sub_contents .strength_flex:nth-child(2n+1) {flex-direction: row-reverse;}
  .sub_contents .strength_flex:nth-child(2n+1) .flex_img {width: 100%;flex: unset;margin-left: unset;margin-right: 0;z-index: 0;padding-left: 0;margin-top: 20px;}
  .sub_contents .strength_flex:nth-child(2n+1) .flex_txt {width: 100%;}
  .sub_contents .strength_flex:nth-child(2n) {flex-direction: row;}
 .sub_contents  .strength_flex:nth-child(2n) .flex_img { width: 100%;flex: unset;margin-right: unset;margin-left: 0;z-index: 0;padding-right: 0;margin-top: 20px;}
  .sub_contents .strength_flex:nth-child(2n) .flex_txt {width: 100%;}
  .sub_contents .concept_flex .flex_img img {height: auto;}
  .sub_contents .concept_flex {margin-top: 30px;}
  .sub_contents .strength_flex {margin-top: 0;}
 .sub_contents  .strength_flex .flex_img {margin-top: 20px;}
  .sub_contents .sub_concept .txt {margin-top: 30px;}
  .sub_contents .point_box {margin-bottom: 10px;}
}
.sub_contents .concept__title h2 {
  font-size: 29px;
  font-weight: bold;
  letter-spacing: .1em;
  padding: 0 1rem;
}

.sub_contents .concept__title strong {
  font-size: 34px;
}

.sub_contents .concept__title img {
  width: 6%;
  max-width: 53px;
}

.sub_contents .flex__img {
  width: 46%;
}

.sub_contents .flex__txt {
  width: 50%;
}
@media screen and (min-width: 768px) {


}

@media screen and (max-width: 1180px) {

  .sub_contents .concept__title h2 {
    font-size: 20px;
  }
}

@media screen and (max-width: 768px) {
  .sub_contents .concept__title h2 {
    font-size: 17px;
    font-weight: bold;
    letter-spacing: .1em;
    padding: 0 1rem;
  }

  .sub_contents .concept__title strong {
    font-size: 20px;
  }

  .sub_contents .flex__img {
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
  }

  .sub_contents .flex__txt {
    width: 100%;
  }
}

/*============================
  commitment
============================*/

.sub_contents .sub_commitment .flexBox {
  align-items: center;
}

.sub_contents .pro__btn.btn01 {
  width: 300px;
}

.sub_contents .sub_promise .flexBox {
  align-items: center;
}

.sub_contents .flexBox02 {
  padding: 30px 50px;
  background: #fff;
}

.sub_contents .flexBox02 .flex__img {
  width: 35%;
}

.sub_contents .flexBox02 .flex__txt {
  width: 60%;
}

.sub_contents .sub_promise .sub_ttl03 {
  border-bottom: 2px solid #ccc;
  padding: 10px 0 15px;
  position: relative;
}

.sub_contents .sub_promise .sub_ttl03::after {
  border-bottom: 3px solid #3e2709;
  position: absolute;
  content: "";
  bottom: -2px;
  width: 15%;
  display: block;
  left: 0;
}

@media screen and (max-width: 768px) {
  .sub_contents .flexBox02 {
    padding: 20px;
  }

  .sub_contents .flexBox02 .flex__img {
    width: 100%;
    margin-bottom: 10px;
  }

  .sub_contents .flexBox02 .flex__txt {
    width: 100%;
  }
}


/*============================
  about
============================*/
.sub_contents .tog_box {
  background: #eee;
  padding: 32px;
}
.sub_contents .point__box {
  background: #fff;
  border-radius: 10px;
  padding: 20px;
}

.sub_contents .point__ttl {
  position: relative;
  align-items: center;
  display: flex;
  margin-bottom: 15px;
}

.sub_contents .point__ttl p {
  font-size: 18px;
}

.sub_contents .point__ttl::before {
  content: "";
  display: inline-block;
  margin-right: 7px;
  width: 7px;
  height: 7px;
  background: #00909d;
  border-radius: 7px;
}

.sub_contents .point__hena span {
  margin-bottom: 10px;
  display: block;
}

.sub_contents .sub_gallery .sub_ttl03 {
  border-bottom: 2px solid #ccc;
  padding: 10px 0 15px;
  position: relative;
}

.sub_contents .sub_gallery .sub_ttl03::after {
  border-bottom: 3px solid #3e2709;
  position: absolute;
  content: "";
  bottom: -2px;
  width: 15%;
  display: block;
  left: 0;
}

.sub_contents .movie__wrap {
  text-align: center;
}

.sub_contents .movie__wrap iframe {
  width: 650px;
  max-width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
}


@media screen and (max-width: 768px) {

  .sub_contents .point__ttl p {
    font-size: 16px;
  }

}

@media screen and (max-width: 414px) {
  .sub_contents .spbr strong {
    display: block;
    font-weight: 700;
  }
}


/*============================
trimmer
============================*/
.sub_contents .flo_box {
background-color: #fff;
padding: 15px;
}
.sub_contents .l-content2 {
  width: 100%;
  max-width: 940px;
  height: auto;
  margin: 0 auto;
}

.sub_contents .p-course-sec01 .block {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.sub_contents .p-course-sec01 .block .ul{
margin: 0 auto;
}
.sub_contents .p-course-sec01 .block .ul .li {
  margin-bottom: 70px;
  line-height: 1.6;
  font-size: 15px;
  padding-left: 53px;
  position: relative;
}
.sub_contents .p-course-sec01 .block .ul .li02 {
  margin-bottom: 40px;
  line-height: 1.6;
  font-size: 15px;
  padding-left: 53px;
  position: relative;
}

.sub_contents .p-course-sec01 .block .ul .li:not(:last-child)::after {
  content: "";
  position: absolute;
  bottom: 3px;
  left: 4px;
  width: 13px;
  height: 50px;
  background-image:url(../images/company01.png);
  top: calc(100% + 19px);
}
.sub_contents .p-course-sec01 .block .ul .li02:not(:last-child)::after {
  content: "";
  position: absolute;
  bottom: 3px;
  left: 4px;
  width: 13px;
  height: 50px;
  background-image:url(../images/company01.png);
  top: calc(100% + -12px);
}
.sub_contents .p-course-sec01 .block .ul .li .span {
  width: auto;
  padding: 5px 15px;
  border: 1px solid #322f29;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  margin-right:10px;
   position: absolute;
  left: 0px;
  font-size: 19px;
  /*top: calc(50% - 15px); */
}
.sub_contents .p-course-sec01 .block .ul .li02 .span {
  width: auto;
  padding: 5px 15px;
  border: 1px solid #322f29;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  margin-right:10px;
   position: absolute;
  left: 0px;
  font-size: 19px;
  /*top: calc(50% - 15px); */
}
.sub_contents .p-course-sec01 .block .ul .li .bold{
font-size: 18px;
margin-top: 5px;
padding-top: 7px;
}
.sub_contents .p-course-sec01 .block .ul .li02 .bold{
  font-size: 18px;
  margin-top: 5px;
  padding-top: 7px;
  }
  .sub_contents .justify{
  text-align-last: justify;
}


  @media screen and (min-width:627px) {
    .sub_contents .p-course-sec01 .block .ul .li02 {
      margin-bottom: 62px;
      line-height: 1.6;
      font-size: 15px;
      padding-left: 53px;
      position: relative;
  }
  .sub_contents .p-course-sec01 .block .ul .li02:not(:last-child)::after {
    content: "";
    position: absolute;
    bottom: 3px;
    left: 4px;
    width: 13px;
    height: 50px;
    background-image:url(../images/company01.png);
    top: calc(100% + 7px);
  }
  }
@media screen and (min-width:768px) {
  .sub_contents .p-course-sec01 .block .ul .li02:not(:last-child)::after {
    content: "";
    position: absolute;
    bottom: 3px;
    left: 4px;
    width: 13px;
    height: 50px;
    background-image:url(../images/company01.png);
    top: calc(100% + 19px);
  }
  .sub_contents .p-course-sec01 .block .ul .li {
    margin-bottom: 70px;
    line-height: 1.6;
    font-size: 15px;
    padding-left: 75px;
    position: relative;
  }
  .sub_contents .p-course-sec01 .block .ul .li02 {
    margin-bottom: 70px;
    line-height: 1.6;
    font-size: 15px;
    padding-left: 75px;
    position: relative;
  }
  .sub_contents .flo_box {
    background-color: #fff;
    padding: 20px;
}
}
/*============================
  company
============================*/
.sub_contents .l-content2 {
  width: 100%;
  max-width: 940px;
  height: auto;
  margin: 0 auto;
}
.sub_contents .p-course-sec03  {
 background-color: #ece7e3;
 padding: 20px;
}
.sub_contents .p-course-sec03 .flow {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.sub_contents .p-course-sec03 .flow .ul .li {
  margin-bottom: 120px;
  line-height: 1.6;
  font-size: 15px;
  padding-left: 95px;
  position: relative;
}
.sub_contents .p-course-sec03 .flow .ul_second .li {
  margin-bottom: 120px;
  line-height: 1.6;
  font-size: 15px;
  padding-left: 95px;;
  position: relative;
}

.sub_contents .p-course-sec03 .flow .ul .li:not(:last-child)::after {
  content: "";
  position: absolute;
  bottom: 3px;
  left: 4px;
  width: 13px;
  height: 50px;
  background-image:url(../images/company01.png);
  top: calc(100% + 40px);
}
.sub_contents .p-course-sec03 .flow .ul_second .li:after {
  content: "";
  position: absolute;
  bottom: 3px;
  left: 4px;
  width: 13px;
  height: 50px;
  background-image:url(../images/company01.png);
  top: calc(100% + 40px);
}
.sub_contents .p-course-sec03 .flow .ul .li .span {
  width: auto;
  padding: 5px 10px;
  border: 1px solid #322f29;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  margin-right:10px;
   position: absolute;
  left: 0px;
  font-size: 19px;
  /*top: calc(50% - 15px); */
}
.sub_contents .p-course-sec03 .flow .ul_second .li .span {
  width: auto;
  padding: 5px 10px;
  border: 1px solid #322f29;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  margin-right:10px;
   position: absolute;
  left: 0px;
  font-size: 19px;
  /*top: calc(50% - 15px); */
}
.sub_contents .p-course-sec03 .flow .ul .li .bold{
font-size: 18px;
margin-top: 5px;
}
.sub_contents .p-course-sec03 .flow .ul_second .li .bold{
  font-size: 18px;
  margin-top: 5px;
  }
.sub_contents .gap-50{
gap: 0px;
}
.sub_contents .gre_img {width: 100%;margin: 0 auto 20px;}
@media screen and (min-width:300px) {
.sub_contents .pic_05 .figW70per {width: 100%;margin-bottom: 40px; position: relative;}
.sub_contents .pic_05_p .p-b-30 {margin-top: 90px;}
.sub_contents .pic_05 .title-conteiner {z-index: 90; position:absolute; max-width: 300px;background: #fff;padding: 20px 15px 10px;border: 1px solid #ccc;right: 15px; top:21%;}
.sub_contents .pic_05 .title-conteiner p{font-size: 18px;}
.sub_contents .pic_05 .title-conteiner .ttl {font-size: 19px;text-align: center;line-height: 1.6;margin-bottom: 5px;margin-top: 23px;}
.sub_contents .pic_05_p .bigger {font-size: 20px;margin-bottom: 10px;}
.sub_contents .tab_02 .contents .img {background-size: 100%;padding: 0 0 78%;width: 100%;min-height: 340px;}
.sub_contents .tab_02 .contents .box { padding: 4% 4% 10%; width: 100%; display: contents;}
.sub_contents .tab_02 .contents .box .inner table th { padding: 3% 0 3% 2%; width: 85px; }
.sub_contents .tab_02 .contents .box .inner table td { padding: 3% 2%;}
.sub_contents .pic_05 .message{font-size: 20px;color: #1f214d;margin-bottom: 10px;font-family: "Josefin Sans", serif;}

}

@media screen and (min-width:330px) {
.sub_contents .pic_05 .figW70per {width: 100%;margin-bottom: 40px; position: relative;}
.sub_contents .pic_05_p .p-b-30 {margin-top: 90px;}
.sub_contents .pic_05 .title-conteiner {z-index: 90; position:absolute; max-width: 300px;background: #fff;padding: 20px 15px 10px;border: 1px solid #ccc;right: 25px; top:21%;}
.sub_contents .pic_05 .title-conteiner p{font-size: 18px;}
.sub_contents .pic_05 .title-conteiner .ttl {font-size: 19px;text-align: center;line-height: 1.6;margin-bottom: 5px;margin-top: 23px;}
.sub_contents .pic_05_p .bigger {font-size: 20px;margin-bottom: 10px;}
.sub_contents .tab_02 .contents .img {background-size: 100%;padding: 0 0 78%;width: 100%;min-height: 340px;}
.sub_contents .tab_02 .contents .box { padding: 4% 4% 10%; width: 100%; display: contents;}
.sub_contents .tab_02 .contents .box .inner table th { padding: 3% 0 3% 2%; width: 85px; }
.sub_contents .tab_02 .contents .box .inner table td { padding: 3% 2%;}
.sub_contents .pic_05 .message{font-size: 20px;color: #1f214d;margin-bottom: 10px;font-family: "Josefin Sans", serif;}

}

@media screen and (min-width:345px) {
.sub_contents .pic_05 .figW70per {width: 100%;margin-bottom: 40px; position: relative;}
.sub_contents .pic_05_p .p-b-30 {margin-top: 90px;}
.sub_contents .pic_05 .title-conteiner {z-index: 90; position:absolute; max-width: 300px;background: #fff;padding: 20px 15px 10px;border: 1px solid #ccc;right: 35px; top:22%;}
.sub_contents .pic_05 .title-conteiner p{font-size: 18px;}
.sub_contents .pic_05 .title-conteiner .ttl {font-size: 19px;text-align: center;line-height: 1.6;margin-bottom: 5px;margin-top: 23px;}
.sub_contents .pic_05_p .bigger {font-size: 20px;margin-bottom: 10px;}
.sub_contents .tab_02 .contents .img {background-size: 100%;padding: 0 0 78%;width: 100%;min-height: 340px;}
.sub_contents .tab_02 .contents .box { padding: 4% 4% 10%; width: 100%; display: contents;}
.sub_contents .tab_02 .contents .box .inner table th { padding: 3% 0 3% 2%; width: 85px; }
.sub_contents .tab_02 .contents .box .inner table td { padding: 3% 2%;}
.sub_contents .pic_05 .message{font-size: 20px;color: #1f214d;margin-bottom: 10px;font-family: "Josefin Sans", serif;}

}



@media screen and (min-width:380px) {
.sub_contents .pic_05 .figW70per {width: 100%;margin-bottom: 40px; position: relative;}
.sub_contents .pic_05_p .p-b-30 {margin-top: 90px;}
.sub_contents .pic_05 .title-conteiner {z-index: 90; position:absolute; max-width: 300px;background: #fff;padding: 20px 15px 10px;border: 1px solid #ccc;right: 60px; top:23%;}
.sub_contents .pic_05 .title-conteiner p{font-size: 18px;}
.sub_contents .pic_05 .title-conteiner .ttl {font-size: 19px;text-align: center;line-height: 1.6;margin-bottom: 5px;margin-top: 23px;}
.sub_contents .pic_05_p .bigger {font-size: 20px;margin-bottom: 10px;}
.sub_contents .tab_02 .contents .img {background-size: 100%;padding: 0 0 78%;width: 100%;min-height: 340px;}
.sub_contents .tab_02 .contents .box { padding: 4% 4% 10%; width: 100%; display: contents;}
.sub_contents .tab_02 .contents .box .inner table th { padding: 3% 0 3% 2%; width: 85px; }
.sub_contents .tab_02 .contents .box .inner table td { padding: 3% 2%;}
.sub_contents .pic_05 .message{font-size: 20px;color: #1f214d;margin-bottom: 10px;font-family: "Josefin Sans", serif;}

}




@media screen and (min-width:460px) {
.sub_contents .pic_05 .figW70per {width: 100%;margin-bottom: 40px; position: relative;}
.sub_contents .pic_05_p .p-b-30 {margin-top: 90px;}
.sub_contents .pic_05 .title-conteiner {z-index: 90; position:absolute; max-width: 300px;background: #fff;padding: 20px 15px 10px;border: 1px solid #ccc;right: 37px; top:25%;}
.sub_contents .pic_05 .title-conteiner p{font-size: 18px;}
.sub_contents .pic_05 .title-conteiner .ttl {font-size: 19px;text-align: center;line-height: 1.6;margin-bottom: 5px;margin-top: 23px;}
.sub_contents .pic_05_p .bigger {font-size: 20px;margin-bottom: 10px;}
.sub_contents .tab_02 .contents .img {background-size: 100%;padding: 0 0 78%;width: 100%;min-height: 340px;}
.sub_contents .tab_02 .contents .box { padding: 4% 4% 10%; width: 100%; display: contents;}
.sub_contents .tab_02 .contents .box .inner table th { padding: 3% 0 3% 2%; width: 85px; }
.sub_contents .tab_02 .contents .box .inner table td { padding: 3% 2%;}
.sub_contents .pic_05 .message{font-size: 20px;color: #1f214d;margin-bottom: 10px;font-family: "Josefin Sans", serif;}

}




@media screen and (min-width:545px) {
.sub_contents .pic_05 .figW70per {width: 100%;margin-bottom: 40px; position: relative;}
.sub_contents .pic_05_p .p-b-30 {margin-top: 90px;}
.sub_contents .pic_05 .title-conteiner {z-index: 90; position:absolute; max-width: 300px;background: #fff;padding: 20px 15px 10px;border: 1px solid #ccc;right: 37px; top:28%;}
.sub_contents .pic_05 .title-conteiner p{font-size: 18px;}
.sub_contents .pic_05 .title-conteiner .ttl {font-size: 19px;text-align: center;line-height: 1.6;margin-bottom: 5px;margin-top: 23px;}
.sub_contents .pic_05_p .bigger {font-size: 20px;margin-bottom: 10px;}
.sub_contents .tab_02 .contents .img {background-size: 100%;padding: 0 0 78%;width: 100%;min-height: 340px;}
.sub_contents .tab_02 .contents .box { padding: 4% 4% 10%; width: 100%; display: contents;}
.sub_contents .tab_02 .contents .box .inner table th { padding: 3% 0 3% 2%; width: 85px; }
.sub_contents .tab_02 .contents .box .inner table td { padding: 3% 2%;}
.sub_contents .pic_05 .message{font-size: 20px;color: #1f214d;margin-bottom: 10px;font-family: "Josefin Sans", serif;}

}

@media screen and (min-width:768px) {
  .sub_contents .p-course-sec03 .flow {
    margin-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
  .sub_contents .gap-50{
    gap: 150px;
    }
    .sub_contents .p-course-sec03 .flow {
      margin-top: 80px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
    }
  .sub_contents .gre_img {width: 600px;margin: 0 auto 20px;}
    .sub_contents .pic_05 .title-conteiner .ttl {color: #c00000;font-size: 23px;text-align: center;line-height: 1.6;margin-bottom: 5px;}
.sub_contents .pic_05 .title-conteiner p .name {font-size: 2rem;}
.sub_contents .pic_05 {box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.4);}
.sub_contents .pic_05_p {font-size: 1.5rem; }
.sub_contents .pic_05 .figW70per {width: 70%;margin-bottom: 40px;}
.sub_contents .pic_05 .title-conteiner {z-index: 90; position: absolute;max-width: 560px;background: #fff;padding: 30px 20px 10px;border: 1px solid #ccc;    top: 28%;right: 76px;width: 527px;height: 74px;}
.sub_contents .pic_05_p .p-b-30 {padding: 10px;margin-top: 10px;}
.sub_contents .pic_05_p .bigger {padding-left:15px;  font-size: 25px;color: #1f214d;margin-bottom: 10px;font-family: "Josefin Sans", serif; }
.sub_contents .pic_05 .message{font-size: 25px;color: #1f214d;margin-bottom: 10px;font-family: "Josefin Sans", serif;}
.sub_contents .pic_05 .title-conteiner p {font-size: 19px; text-align: center;}
.sub_contents .pic_05 .title-conteiner h3 {font-size: 2rem;}
.sub_contents .pic_05_p .green {background-color: #eef3e8;padding: 15px;margin-top: 10px;border-radius: 10px;}
.sub_contents .pic_05_p .green strong {font-size: 17px;font-weight: bold;}  
.sub_contents .com_img{width: 30%;}
.sub_contents .com_box{gap: 15px;}

    }

.sub_contents .gmap iframe{width:100%;}
.sub_contents .message_p {padding:15px;}

/*============================
  wheelchair
============================*/

.sub_contents .video {
display:block;
  margin: 0 auto 50px;
  width:100%;
height:300px;
}

@media screen and (min-width:300px) {
.sub_contents .video {
display:block;
  margin: 0 auto 50px;
  width:100%;
height:350px;
}
}
@media screen and (min-width:380px) {
.sub_contents .video {
display:block;
  margin: 0 auto 50px;
  width:100%;
height:480px;
}
}
@media screen and (min-width:540px) {
.sub_contents .video {
display:block;
  margin: 0 auto 50px;
  width:100%;
height:480px;
}
}
@media screen and (min-width:500px) {
.sub_contents .video {
display:block;
  margin: 0 auto 50px;
  width:100%;
height:520px;
}
}
@media screen and (min-width:650px) {
.sub_contents .video {
display:block;
  margin: 0 auto 50px;
  width:100%;
height:500px;
}
}

@media screen and (min-width:768px) {
.sub_contents .video {
display:block;
  margin: 0 auto 50px;
  width:100%;
height:550px;
}
}
@media screen and (min-width:1024px) {
.sub_contents .video {
display:block;
  margin: 0 auto 50px;
  width:80%;
height:500px;
}
}
@media screen and (min-width:1720px) {
 .sub_contents .video {
display:block;
  margin: 0 auto 50px;
  width:60%;
height:400px;
}
}  


/*============================
  triming
============================*/
.sub_contents .table01 .tr {
  display: flex;
  justify-content: flex-start;
}

.sub_contents .table01 .th {
  width: 35%;
  padding: 20px;
  border-bottom: 1px solid #887565;
  line-height: 1.6;
  font-weight:bold;
}

.sub_contents .table01 .td {
  width: 65%;
  padding: 20px;
  line-height: 1.6;
  border-bottom: 1px solid #ccc;
  text-align: left;
}

.sub_contents .menu_img {
  margin: 0 auto 50px;
  max-width: 800px;
}

.sub_contents .menu_img img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .sub_contents .table01 .th {
    padding: 15px 0;
    border-bottom: 1px solid #E4E4E4;
  }

  .sub_contents .table01 .td {
    padding: 15px 0 15px 15px;
  }
}


@media screen and (max-width: 1180px) {
  .sub_contents .sub_menu-intro .sub_ttl02 {
    font-size: 23px;
  }
}

@media screen and (max-width: 768px) {
  .sub_contents .sub_menu-intro .sub_ttl02 {
    font-size: 17px;
  }

  .sub_contents .sub_menu-intro .title__after::after {
    width: 24px;
    height: 23px;
  }

  .sub_contents .menu__item {
    background: #fff;
    padding: 30px 20px;
  }

  .sub_contents .menu__title {
    font-size: 16px;
  }

  .sub_contents .table01 .tr {
    display: block;
  }

  .sub_contents .table01 .th {
    width: 100%;
    padding: 10px 10px 0;
    border-bottom: none;
  }

  .sub_contents .table01 .td {
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #3e2709;
  }

}



/*============================
  story
============================*/
.sub_contents .concept_textBox {
  position: relative;
}
.sub_contents .img02{
  width: 100%;
  margin-bottom: 0px;

}
.sub_contents .textarea02{
  width: 100%;
  display: block;
  /* box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.1); */
  padding: 15px;
  z-index: 1;
  background: #fff;
  /*position: absolute;*/
  top: 104px;
  left: -5px;
}


/*@media screen and (min-width: 768px) {
.sub_contents .textarea02{
  width: 100%;
  display: block;
  padding: 20px;
  z-index: 1;
  background: #fff;
  position: absolute;
  top: 167px;
  left: -34px;
}
  }*/
@media screen and (min-width: 1024px) {
.sub_contents .textarea02{
  width: 100%;
  display: block;
  /* box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.1); */
  padding: 40px;
  z-index: 1;
  background: #fff;
  position: absolute;
  top: 306px;
  left: -34px;
}
  }
.sub_contents .staff__name {
  padding-bottom: 10px;
  border-bottom: 1px solid #3e2709;
}

.sub_contents .staff__box:not(:last-of-type) {
  margin-bottom: 10px;
}

.sub_contents .staff__ttl {
  font-size: 18px;
  color: #00909d;
  position: relative;
  padding-left: 1.2em;
}

.sub_contents .staff__ttl::before {
  content: "▼";
  position: absolute;
  display: block;
  top: 1px;
  left: 0;
  font-size: 16px;
}

.sub_contents .staff__img {
  width: 50%;
  margin: 0 auto 30px;
}

@media screen and (max-width: 768px) {
  .sub_contents .staff__position {
    font-size: 14px;
  }

  .sub_contents .staff__name.sub_ttl03 span {
    font-size: 13px !important;
  }

  .sub_contents .staff__ttl {
    font-size: 15px;
  }

  .sub_contents .staff__ttl::before {
    font-size: 12px;
  }

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

}
.sub_contents .space_img01,.space_img03 {
    width: 80%;
    height: auto;
  	padding:50px 0;
  margin-left: calc(50% - 50vw);
}
.sub_contents .space_img02,.space_img04 {
    width:  80%;
    height: auto;
  	padding:50px 0;
  margin: 0 0 0 auto;
  margin-right: calc(50% - 50vw);
}
@media screen and (max-width: 768px) {
.sub_contents .space_img01,.space_img03 {
    width: 100%;
    height: auto;
  	padding:20px 0;
}
.sub_contents .space_img02,.space_img04 {
    width: 100%;
    height: auto;
  	padding:20px 0;
  margin: 0 0 0 auto;
    margin-right: calc(50% - 50vw);
}
}

/*============================
  about
============================*/

.sub_contents .textarea {
  width: 100%;
  background: #1f214d;
  padding:15px;
} 
.sub_contents .textarea .con_ttl{
  font-size:18px;
} 
.sub_contents .img{
  width: 100%;
}
.sub_contents .textarea .con_ttl{
font-weight: bold;
}

@media screen and (min-width:768px) {
 .sub_contents .inner{
  padding-bottom:80px;
}
/* flexbox */
.sub_contents .textarea {
  width: 50%;
  /* box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.1); */
  padding: 30px;
  z-index: 1;
}
.sub_contents .row-reverse .textarea {
    margin-left: 0;
  }
.sub_contents .img{
  width: 50%;
  margin-bottom: 0px;
  flex: 1;
}
.sub_contents .img img{
    width:100%;
    height:400px;
    object-fit:cover;
  }
 .sub_contents .row-reverse .img {
  width: 50%;
  margin-bottom: 0px;
  flex: 1;
  margin-left:0;
  }
}

.sub_contents .flow__item{
    padding: 30px 7px 20px;
    background: rgba(255, 255, 255, .8);
    position: relative;
    box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
    position: relative;
  width:100%;
  }

.sub_contents .flow__item::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 10px;
    left: 10px;
    background: #f3f8f5;
    z-index: -1;
  }

 .sub_contents .flow__item .flex__img {
    width: 100%;
  }

 .sub_contents .flow__item .flex__text {
    width: 100%;
   text-align:center;
  }

.sub_contents  .flow__num {
    font-size: 30px;
    color: #4b3a32;
    position: absolute;
    top: -20px;
    left: 10px;
  }
@media screen and (min-width:1024px) {
.sub_contents .inner{
  padding-bottom:100px;
}
.sub_contents .textarea {
  padding: 30px 50px;
  background:#1f214d;
}
.sub_contents .textarea .con_ttl{
  font-size:22px;
} 
.sub_contents .flow__item .flex__img {
    width: 33%;
  }

.sub_contents .flow__item .flex__text {
    width: 100%;
  text-align:center;
  }
}
@media screen and (min-width:1720px) {
 .sub_contents .flow__item .flex__img{
    width: 33%;
  }

}
/*============================
  recruit
============================*/
.sub_contents .tab_area {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    column-gap: 15px;
    row-gap: 15px;
}
.sub_contents .tab {
    padding: 10px 5px;
    text-align: center;
    cursor: pointer;
    transition: all ease 0.3s;
    color: #1f214d;
    background:#fff;
    border: solid 1px #1f214d;
    border-radius:50px;
    width:100%;
}
.sub_contents .tab p {
    font-size: 15px;
    display: inline;
}
.sub_contents .tab.is-active {
    border: solid 1px #1f214d;
    background: #1f214d;
    color: #fff;
}
.sub_contents .panel {
    display: none;
}
.sub_contents .panel.is-active {
    display: block;
    background-size: cover;
}
@media screen and (min-width: 768px) {
    .sub_contents .tab {
        padding: 10px 0;
        width:100%;
    }
    .sub_contents .tab p {
        font-size: 16px;
    }
}
.sub_contents .tbl_recruit{
  width:100%;
}
.sub_contents .tbl_recruit .tr{
  padding:25px 20px;
}
.sub_contents .tbl_recruit .tr:nth-child(odd){
  background:#eff0fa;
}
.sub_contents .tbl_recruit .th{
  width:25%;
  text-align:center;
}
.sub_contents .tbl_recruit .th p{
  font-size:16px;
  font-weight:bold;
}
.sub_contents .tbl_recruit .td{
  width:70%;
  text-align:left;
}

/*============================
  recruit
============================*/
/*=message=*/
.sub_contents .wrapper_video video{
    display:none;
}
.sub_contents .area_message{
    background-size:cover;
    z-index:-1;
    position: relative;
}
.sub_contents .area_message .wrapper_video{
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height:850px;
    z-index: -1;
    overflow:hidden;
    min-width: 100%;
    min-height: 100%;
}
.sub_contents .area_message .inner {
    position: absolute;
    z-index: 1;
    padding:40px 15px;
    left:0;
    right:0;
    top:50px;
    margin:0 auto;
    text-align: center;
    color: #FFFFFF;
    background:rgba(31,33,77,0.5);
    border-radius:20px;
}
.sub_contents .area_message .inner p{
  font-size:14px;
}
.sub_contents .area_message .inner .title_cmn{
    color:#fff;
}
.sub_contents .area_message .inner .title_cmn_en{
    color:#fff;
}
@media screen and (min-width: 768px) {
/*=message=*/
.sub_contents .wrapper_video video{
    display:block;
}
.sub_contents .area_message{
    background:none;
}
.sub_contents .area_message .wrapper_video{
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height:700px;
    z-index: -1;
    overflow:hidden;
    min-width: 100%;
    min-height: 100%;
}
.sub_contents .area_message .inner {
    position: absolute;
    z-index: 1;
    padding:40px;
    left:0;
    right:0;
    top:80px;
    margin:0 auto;
    text-align: center;
    color: #FFFFFF;
    background:rgba(31,33,77,0.5);
    border-radius:20px;
}
.sub_contents .area_message .inner p{
  font-size:15px;
}
.sub_contents .area_message .inner .title_cmn{
    color:#fff;
}
.sub_contents .area_message .inner .title_cmn_en{
    color:#fff;
}
}
/*=infinite=*/
.mb200 {
  margin-bottom:200px;
}
.sub_contents .infinite {
    position:relative;
}
.sub_contents .infinite .ttl_inf{
	position: absolute;
	color:#fff;
    z-index:100;
    left:10px;
    bottom:-20px;
    mix-blend-mode: overlay;
}
.sub_contents .infinite .ttl_inf p{
  font-family: "Montserrat", serif;
  font-size:50px;
  font-weight:bold;
}
.sub_contents .infinite .infiniteslide img{
	width:250px;
    height:auto;
    padding:0px 8px;
    border-radius:20px;
    object-fit:cover;
}
@media screen and (min-width: 768px) {
.sub_contents .infinite {
    position:relative;
}
.sub_contents .infinite .ttl_inf{
	position: absolute;
	color:#fff;
    z-index:100;
    left:150px;
    bottom:-70px;
    mix-blend-mode: overlay;
}
.sub_contents .infinite .ttl_inf p{
  font-size:180px;
}
.sub_contents .infinite .infiniteslide img{
	width:25%;
    height:500px;
}
}

/*=charm=*/
.sub_contents .sub_charm{
  background:#eff0fa;
  position:relative;
}
.sub_contents .sub_charm::before{
  background:#fff;
  position:absolute;
  width:94%;
  height:100%;
  top:120px;
  z-index:0;
  content:"";
  border-radius:0px 120px 0px 0px;
}
.sub_contents .sub_charm .inner{
    position:relative;
    padding:50px 0px 50px;
}
.sub_contents .sub_charm .inner .ttl_area{
  display:block;
}
.sub_contents .sub_charm .inner .title_cmn{
  font-size:22px;
  text-align:left;
  margin:0px;
  width:100%;
}
.sub_contents .sub_charm .inner .title_cmn_en{
  font-size:19px;
  text-align:left;
  width:100%;
　display:block;
  margin:0px 0px 0px 0px;
}
.sub_contents .charm_box{
  width:100%;
}
.sub_contents .charm_box .charm_block{
  width:100%;
  position:relative;
  margin-bottom:30px;
}
.sub_contents .charm_box .charm_block:nth-child(1){
  width:100%;
  margin-bottom:30px;
}
.sub_contents .charm_box .charm_block .figure{
    position:relative;
	display:block;
}
.sub_contents .charm_box .charm_block img{
  width:100%;
  height:250px;
  object-fit:cover;
  margin-bottom:10px;
}
.sub_contents .charm_box .charm_block .font-en{
	position:absolute;
	background:#fff;
	left:0px;
	top:0px;
	padding:6px 20px;
	border-radius:0px 0px 20px 0px
}
.sub_contents .charm_box .charm_block .font-en p{
	font-size:18px;
	font-weight:bold;
	color:#1f214d;
	font-family: "Montserrat", serif;
}
.sub_contents .charm_box .charm_block .font-jp p{
	font-size:17px;
	font-weight:bold;
	color:#1f214d;
	margin-bottom:10px;
} 
.sub_contents .charm_box .charm_block .font-jp p::before{
	content:"●";
	font-size:10px;
	margin-right:10px;
}
@media screen and (min-width: 768px) {
.sub_contents .sub_charm{
  background:#eff0fa;
  position:relative;
}
.sub_contents .sub_charm::before{
  background:#fff;
  position:absolute;
  width:1500px;
  height:90%;
  top:120px;
  z-index:0;
  content:"";
  border-radius:0px 120px 0px 0px;
}
.sub_contents .sub_charm .inner{
    position:relative;
    padding:250px 0px 100px;
}
.sub_contents .sub_charm .inner .ttl_area{
  display:inline-flex;
}
.sub_contents .sub_charm .inner .title_cmn{
  writing-mode: vertical-rl;
  text-orientation: upright;
  font-size:40px;
  text-align:left;
  margin:0px;
}
.sub_contents .sub_charm .inner .title_cmn_en{
  writing-mode: vertical-rl;
  text-orientation: upright;
  font-size:17px;
  text-align:left;
  margin:0px 5px 0px 0px;
}
.sub_contents .charm_box{
  width:85%;
}
.sub_contents .charm_box .charm_block{
  width:48%;
  position:relative;
}
.sub_contents .charm_box .charm_block:nth-child(1){
  width:100%;
  margin-bottom:50px;
}
.sub_contents .charm_box .charm_block .figure{
    position:relative;
	display:block;
}
.sub_contents .charm_box .charm_block img{
  width:100%;
  height:300px;
  object-fit:cover;
  margin-bottom:10px;
}
.sub_contents .charm_box .charm_block .font-en{
	position:absolute;
	background:#fff;
	left:0px;
	top:0px;
	padding:10px 40px;
	border-radius:0px 0px 20px 0px
}
.sub_contents .charm_box .charm_block .font-en p{
	font-size:26px;
	font-weight:bold;
	color:#1f214d;
	font-family: "Montserrat", serif;
}
.sub_contents .charm_box .charm_block .font-jp p{
	font-size:21px;
	font-weight:bold;
	color:#1f214d;
	margin-bottom:10px;
} 
.sub_contents .charm_box .charm_block .font-jp p::before{
	content:"●";
	font-size:10px;
	margin-right:10px;
}
}

/*=human=*/
.sub_contents .sub_human.mb200{
    margin-bottom:140px;
}
.sub_contents .sub_human .title_cmn p{
    font-size:30px;
}
.sub_contents .sub_human{
  background:#1f214d;
  position:relative;
}
/* .sub_contents .sub_human::after{
  background:#eff0fa;
  position:absolute;
  left:0px;
  width:100%;
  height:100%;
  bottom:-70px;
  z-index:-1;
  content:"";
  border-radius:0px 0px 120px 0px;
} */
.sub_contents .sub_human .inner{
    position:relative;
    padding:70px 0px 70px;
}
.sub_contents .sub_human .inner .title_cmn_en {
	color:#fff;
	font-size:30px;
	letter-spacing:0.1em;
	opacity:0.1;
	font-family: "Montserrat", serif;
	position:absolute;
	left:0px;
	right:0px;
	top:70px;
}
.sub_contents .sub_human .inner .title_cmn{
	font-size:26px;
	color:#fff;
	margin-bottom:50px;
}
.sub_contents .sub_human .inner .human_list .block{
  width:90%;
  color:#fff;
  padding:30px 20px 20px;
  border:1px solid #fff;
  border-radius:10px;
  position:relative;
  margin:0 auto 50px;
}
.sub_contents .sub_human .inner .human_list .block .nomber{
	position:relative;
}
.sub_contents .sub_human .inner .human_list .block img{
	width:120px;
	text-align:center;
	display:block;
	margin:20px auto;
}
.sub_contents .sub_human .inner .human_list .block .nomber p{
	font-size:50px;
	font-family: "Montserrat", serif;
	position:absolute;
	left:0px;
	right:0px;
	top:-50px;
	text-align:center;
	margin:0 auto;
	background:#1f214d;
	display:block;
	width:100px;
	line-height:100%;
}
.sub_contents .sub_human .inner .human_list .block .txt_english p{
	font-size:8px;
	font-family: "Montserrat", serif;
	position:absolute;
	left:-35px;
	top:0px;
    opacity:0.5;
    writing-mode: vertical-rl;
}
.sub_contents .sub_human .inner .human_list .block .ttl_human p{
	font-size:17px;
	text-align:center;
}
@media screen and (min-width: 768px) {
.sub_contents .sub_human .title_cmn p{
    font-size:50px;
}
.sub_contents .sub_human{
  background:#1f214d;
  position:relative;
}
/* .sub_contents .sub_human::after{
  background:#eff0fa;
  position:absolute;
  left:0px;
  width:1500px;
  height:100%;
  bottom:-100px;
  z-index:-1;
  content:"";
  border-radius:0px 0px 120px 0px;
} */
.sub_contents .sub_human .inner{
    position:relative;
    padding:160px 0px 100px;
}
.sub_contents .sub_human .inner .title_cmn_en {
	color:#fff;
	font-size:120px;
	letter-spacing:0.1em;
	opacity:0.1;
	font-family: "Montserrat", serif;
	position:absolute;
	left:0px;
	right:0px;
	top:120px;
}
.sub_contents .sub_human .inner .title_cmn{
	font-size:40px;
	color:#fff;
	margin-bottom:100px;
}
.sub_contents .sub_human .inner .human_list .block{
  width:47%;
  color:#fff;
  margin-bottom:90px;
  padding:50px 30px 20px;
  border:1px solid #fff;
  border-radius:10px;
	position:relative;
}
.sub_contents .sub_human .inner .human_list .block .nomber{
	position:relative;
}
.sub_contents .sub_human .inner .human_list .block img{
	width:120px;
	text-align:center;
	display:block;
	margin:20px auto;
}
.sub_contents .sub_human .inner .human_list .block .nomber p{
	font-size:90px;
	font-family: "Montserrat", serif;
	position:absolute;
	left:0px;
	right:0px;
	top:-100px;
	text-align:center;
	margin:0 auto;
	background:#1f214d;
	display:block;
	width:200px;
	line-height:100%;
}
.sub_contents .sub_human .inner .human_list .block .txt_english p{
	font-size:11px;
	font-family: "Montserrat", serif;
	position:absolute;
	left:-40px;
	top:0px;
    opacity:0.5;
    writing-mode: vertical-rl;
}
.sub_contents .sub_human .inner .human_list .block .ttl_human p{
	font-size:21px;
	text-align:center;
}
}
/*=tab=*/
.sub_contents .tab_area {
    display: inherit;
    grid-template-columns:none;
    column-gap: 0px;
    row-gap: 15px;
}
.sub_contents .tab {
    padding: 10px 5px;
    text-align: center;
    cursor: pointer;
    transition: all ease 0.3s;
    color: #1f214d;
    background:#fff;
    border: solid 1px #1f214d;
    border-radius:50px;
    margin-bottom:20px;
    width:100%;
}
.sub_contents .tab p {
    font-size: 15px;
    display: inline;
}
.sub_contents .tab.is-active {
    border: solid 1px #1f214d;
    background: #1f214d;
    color: #fff;
}
.sub_contents .panel {
    display: none;
}
.sub_contents .panel.is-active {
    display: block;
    background-size: cover;
}
@media screen and (min-width: 768px) {
/*=tab=*/
.sub_contents .tab_area {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    column-gap: 15px;
    row-gap: 15px;
}
.sub_contents .tab {
    padding: 10px 5px;
    text-align: center;
    cursor: pointer;
    transition: all ease 0.3s;
    color: #1f214d;
    background:#fff;
    border: solid 1px #1f214d;
    border-radius:50px;
    width:100%;
    margin-bottom:0px;
}
.sub_contents .tab p {
    font-size: 15px;
    display: inline;
}
.sub_contents .tab.is-active {
    border: solid 1px #1f214d;
    background: #1f214d;
    color: #fff;
}
.sub_contents .panel {
    display: none;
}
.sub_contents .panel.is-active {
    display: block;
    background-size: cover;
}
}
/*=job=*/
.sub_contents .tbl_recruit .tr{
  padding:0px 0px;
}
.sub_contents .tbl_recruit .th{
  width:100%;
  display:block;
  background:#eff0fa;
  padding:10px 0px;
}
.sub_contents .tbl_recruit .td{
  width:100%;
  display:block;
  padding:10px 0px;
}
.sub_contents .tbl_recruit .tr:nth-child(odd){
  background:none;
}

@media screen and (min-width: 768px) {
.sub_contents .tbl_recruit{
  width:100%;
}
.sub_contents .tbl_recruit .tr{
  padding:25px 20px;
}
.sub_contents .tbl_recruit .tr:nth-child(odd){
  background:#ece7e3;
}
.sub_contents .tbl_recruit .th{
  width:25%;
  text-align:center;
  background:none;
  padding:0px 0px;
}
.sub_contents .tbl_recruit .th p{
  font-size:16px;
  font-weight:bold;
}
.sub_contents .tbl_recruit .td{
  width:70%;
  text-align:left;
  padding:0px 0px;
}
}
/*============================
greeting
============================*/
.sub_contents .jas_box{
width: 230px;
margin: 0 auto;
display: block;
}
.sub_contents .flow__item_second{
    padding: 30px 20px 20px;
    background: #1f214d;
    position: relative;
  width:100%;
  color:#fff;
  }

.sub_contents .mb10{
margin-bottom:10px;
}
.sub_contents .sta_img {
width:55%;
    }
.sub_contents .sta_img img {
width:95%;
    }
.sub_contents .sta_txt {
width:95%;
    }
.sub_contents .sta_ttl {
width:107px;
  text-align:center;
background-color:#887565;
  color:#fff;
  padding:5px;
}
@media screen and (min-width: 768px) {
    .sub_contents .sta_img {
        width:34%;
            }
        .sub_contents .sta_img img {
        width:95%;
            }
        .sub_contents .sta_txt {
        width:63%;
            }
        .sub_contents .sta_ttl {
        width:107px;
          text-align:center;
        background-color:#887565;
          color:#fff;
          padding:5px;
        }

}
.sub_contents .faq .box-wrap .box:not(:last-of-type){
	margin-bottom: 30px;
}
.sub_contents .faq .box-wrap .box > div{
	padding:  15px 5px;
	position: relative;
}
.sub_contents .faq .box-wrap .box .q-box{
	background-color:#eee;
	padding-right: 0px;
	cursor: pointer;
  align-items:center;
  padding: 10px 3px;
}
.sub_contents .faq .box-wrap .box .a-box{
display:flex;
  align-items:center;
}


.sub_contents .faq .box-wrap .box > div > img{
	width: 30px;
}
.sub_contents .faq .box-wrap .box > div > h3,.faq .box-wrap .box > div > h4,.faq .box-wrap .box > div p{
	/*width: calc(100% - 30px);*/
	box-sizing: border-box;
	padding-left: 0px;
}
.sub_contents .faq .box-wrap .box > div p{
	/*margin-left: auto;*/
	margin-right: 0px;

}
.sub_contents .faq_ttl{
	font-size:20px;
  color:#887565;
  width:22px;
}
.sub_contents .a-box .faq_ttl{
display:none;
}
@media screen and (min-width: 768px) {
  .sub_contents .a-box .faq_ttl{
display:block;
}
    .sub_contents .faq .box-wrap .box:not(:last-of-type){
        margin-bottom: 30px;
    }
    .sub_contents .faq .box-wrap .box > div{
        padding: 20px;
        position: relative;
    }
    .sub_contents .faq .box-wrap .box .q-box{
        background-color:#eee;
        padding-right: 60px;
        cursor: pointer;
      align-items:center;
    }
    .sub_contents .faq .box-wrap .box .a-box{
    display:flex;
      align-items:center;
    }
   
   
    .sub_contents .faq .box-wrap .box > div > img{
        width: 30px;
    }
    .sub_contents .faq .box-wrap .box > div > h3,.faq .box-wrap .box > div > h4,.faq .box-wrap .box > div p{
        /*width: calc(100% - 30px);*/
        box-sizing: border-box;
        padding-left: 20px;
    }
    .sub_contents .faq .box-wrap .box > div p{
        /*margin-left: auto;*/
        margin-right: 5px;
    
    }
    .sub_contents .faq_ttl{
        font-size:20px;
      color:#887565;
      width:50px;
    } 
}
/*============================
management
============================*/

.sub_contents .mes_box{
 background-color: #1f214d;
color:#fff;
padding: 15px;
} 
.sub_contents .wor_img{
width:100%;
margin:0 auto;
} 
.sub_contents .int_img{
width:100%;
margin:0 auto 30px;
}
@media screen and (min-width: 768px) {
  .sub_contents .mes_box{
 background-color: #1f214d;
color:#fff;
padding: 35px;
} 
.sub_contents .wor_img{
width:1048px;
margin:0 auto;
} 
  .sub_contents .int_img{

    width:600px;
margin:0 auto 30px;
}
}
/*============================
contact
============================*/
.sub_contents .con_box{
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  padding: 30px;
}

/* 20250829 追加 */
.sub_human.sub_human250829 {
    background-color: #ece7e3;
}

.sub_contents .sub_human .inner .human_list .block .nomber250829 p {
    background-color: #ece7e3;
    color: #333333;
}

.sub_contents .sub_human .inner .title_cmn250829 {
    color: #333333;
}

.sub_contents .sub_human .inner .human_list .block .ttl_human250829 p {
    color: #333333;
}

.sub_contents .sub_human .inner .human_list .block250829 {
    color: #333333;
    border: 1px solid #333333;
}

.management_textWrap {
    color: #333333;
    max-width: 730px;
    width: 100%;
    margin: 0 auto;
}

.management_wrap250829 {
    color: #333333;
    max-width: 900px;
    width: 100%;
    margin: 20rem auto 0;
}

.management_otherWrap {
    color: #333333;
    max-width: 600px;
    width: 100%;
    margin: 12rem auto 0;
}

.management_title250829 {
    font-size: 3rem;
    font-weight: 600;
    color: #333333;
    margin-bottom: 50px;
    font-family: '游明朝', 'Yu Mincho', '游明朝体', 'YuMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'MS Ｐ明朝', 'MS PMincho', serif;
    text-align: center;
}

.management_flex-wrap {
    display: flex;
    margin-top: 1rem;
    padding: 15px 0 20px;
    border-bottom: 1px dashed #8e8e8e;
}

.management_flex-itemL {
    width: 20%;
}

.management_flex-itemR {
    width: 80%;
}

.title_cmn250829 br {
    display: none;
}

@media screen and (max-width:1024px) {
    .title_cmn250829 br {
        display: block;
    }
}

@media screen and (max-width:767px) {
    .management_textWrap, .management_wrap250829, .management_otherWrap {
        width: 90%;
    }

    .management_flex-wrap {
        flex-direction: column;
    }

    .management_flex-itemL {
        font-weight: 600;
        padding-bottom: 5px;
        width: 100%;
    }

    .management_flex-itemR {
        width: 100%;
    }

    .title_cmn250829 {
        width: 90%;
        margin: 0 auto;
    }

    .sub_contents .sub_human .inner .title_cmn250829 {
        font-size: 23px;
    }
}

.management_table {
    overflow-x: scroll;
    background: #fffcfa;
    padding: 12px;
}

.management_table-row {
    width: 730px;
    border-bottom: 1px dashed #8e8e8e;
}

.management_table-text {
    padding: 12px 0;
    text-align: center;
    font-size: 15px!important;
}

.managementBtn-mt50 {
    margin-top: 50px;
}