@charset "utf-8";

.eimoji001 {
  font-family: gill-sans-nova, sans-serif;
}

.eimoji002 {
  font-family: gill-sans-nova-condensed, sans-serif;
}

.eimoji003 {
  font-family: linotype-didot, serif;
}

.eimoji004 {
  font-family: linotype-didot-headline, serif;
}

.new_goth {
  font-family: 'Noto sans JP',dnp-shuei-gothic-kin-std, sans-serif !important;
}

.new_min {
  font-family: a-otf-ryumin-pr6n, serif;
}

.contents1440 {
    max-width: 1440px;
    width: 100%;
    margin: auto;
}

.contents1200 {
    max-width: 1200px;
    width: 100%;
    margin: auto;
}

.contents1174 {
    max-width: 1174px;
    width: 100%;
    margin: auto;
}

.contents1000 {
    max-width: 1000px;
    width: 100%;
    margin: auto;
}

.page-header__svg {
    width: 31%;
}

.not_pc {
    display: block;
}

.not_sp {
    display: none;
}

.not_pic {}

.not_pic img {
    width: 100%;
    max-width: 100%;
    margin: auto;
}

.not_red {
    color: #760707;
}

/* 募集要項　開始 */

.not_bold {
    font-weight: 600;
}


/* =============================

co00

============================= */

.not_co00 {
    padding: 7em 0 4em;
}


.not_co00 .co00_in {}

.not_co00 .co00_in h2 {
    font-size: 27px;
    line-height: 1em;
    letter-spacing: 0.05em;
    font-weight: 600;
}

.not_co00 .co00_in p {
    font-size: 27px;
    line-height: 1.2em;
    letter-spacing: 0.05em;
    font-weight: 600;
    text-align: center;
}

.not_co00 .co00_in p strong {
    padding: 3em 0;
    display: inline-block;
}

.not_co00 .co00_in .co00_box {
    counter-increment: mycounter;
    margin: auto auto 4em;
}

.not_co00 .co00_in .co00_box h3 {
    position: relative;
    font-size: 27px;
    line-height: 1.5em;
    letter-spacing: 0.1em;
    font-weight: 600;
    padding: 0.1em 0 0 2.5em;
    margin-bottom: 0.5em;
}

.not_co00 .co00_in .co00_box h3::before {
    font-family: linotype-didot-headline, serif;
    content: counter(mycounter, decimal-leading-zero)".";
    position: absolute;
    width: ;
    height: ;
    font-size: 3rem;
    font-weight: 400;
    letter-spacing: ;
    color: #a78d69;
    font-style: italic;
    top: 0em;
    left: 0;
}

.not_co00 .co00_in .co00_box p {
    font-size: 14px;
    line-height: 1.9em;
    letter-spacing: 0.05em;
    text-align: left;
    padding-left: 5em;
    font-weight: 400;
}

.not_co00 .co00_in .co00_btn {
    margin: 5em auto 3em;
}

.not_co00 .co00_in .co00_btn .co00_b {
    text-align: center;
}

.not_co00 .co00_in .co00_btn .co00_b a {
    display: inline-block;
    font-size: 16px;
    line-height: 1.7em;
    letter-spacing: 0.05em;
    position: relative;
    padding: 0.1em 2em;
    transition: 0.3s ease;
}

.not_co00 .co00_in .co00_btn .co00_b a::before {}

.not_co00 .co00_in .co00_btn .co00_b a::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 0.02em;
    color: ;
    background: #000;
    bottom: -0.15em;
    left: 0;
    transition: transform 0.3s ease, opacity 0.3s ease;
    transform: translateY(0);
    opacity: 1;
}

.not_co00 .co00_in .co00_btn .co00_b a:hover {
    color: #861b20;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
    transition: 0.3s ease;
}

.not_co00 .co00_in .co00_btn .co00_b a:hover::after {
    transform: translateY(0.15em);
    opacity: 0;
}

/* =============================

co01

============================= */

.not_co01 {}

.not_co01 .co01_in {
    padding: 5em 0 3em;
}

.not_co01 .co01_in h2 {
    font-size: 27px;
    line-height: 1.5em;
    letter-spacing: 0.1em;
    font-weight: 600;
}

.not_co01 .co01_in .co01_ptop {
    font-size: 14px;
    line-height: 1.9em;
    letter-spacing: 0.05em;
    font-weight: ;
    padding: 3.5em 0 6em;
/*     color: #040000; */
}

.not_co01 .co01_in .co01_flowbox {
    margin-bottom: 15em;
}

.not_co01 .co01_in .co01_flowbox:last-child {
    margin-bottom: auto;
}

.not_co01 .co01_in .co01_flowbox h3 {
    font-size: 23px;
    line-height: 1.5em;
    letter-spacing: 0.1em;
    font-weight: 600;
}

.not_co01 .co01_in .co01_flowbox .co01_fp01 {
    font-size: 16px;
    line-height: 1.9em;
    letter-spacing: 0.05em;
    font-weight: ;
    padding: 2em 0 4em;
    /*color: #040000;*/
}

.not_co01 .co01_in .co01_flowbox .co01_f_figure {}

.not_co01 .co01_in .co01_flowbox .co01_f_figure .co01_ffbox {
    display: flex;
    flex-flow: row wrap;
    max-width: 800px;
    margin: auto;
}

.not_co01 .co01_in .co01_flowbox .co01_f_figure .co01_ffbox .co01_f_f_left,
.not_co01 .co01_in .co01_flowbox .co01_f_figure .co01_ffbox .co01_f_f_right {
    width: 33%;
    margin: auto;
    font-size: 30px;
    line-height: 1.5em;
    letter-spacing: 0.07em;
    font-weight: 600;
    text-align: center;
    color: #000;
}

.not_co01 .co01_in .co01_flowbox .co01_f_figure .co01_ffbox .co01_f_f_center {
    text-align: center;
    width: 33%;
    margin: auto;
}

.not_co01 .co01_in .co01_flowbox .co01_f_figure .co01_ffbox .co01_f_f_center picture {
    display: inline-block;
}

.not_co01 .co01_in .co01_flowbox .co01_f_figure .co01_ffbox .co01_f_f_center picture img {
    width: 100%;
}

.not_co01 .co01_in .co01_flowbox .co01_fp02 {
    font-size: 16px;
    line-height: 1.9em;
    letter-spacing: 0.05em;
    font-weight: 600;
    padding: 2em 0 4em;
    text-align: center;
    color: #000;
}

.not_co01 .co01_in .co01_flowbox .co01_fbc {
    overflow: hidden;
}

.not_co01 .co01_in .co01_flowbox .co01_fbc .co01_fbc_in {
    background: #e5e5e5;
    border-radius: 15px 15px;
    padding: 2em 3em;
    box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.3);
}

.not_co01 .co01_in .co01_flowbox .co01_fbc .co01_fbc_in .fbc_p01 {
    font-size: 14px;
    line-height: 1.7em;
    letter-spacing: 0.05em;
    font-weight: ;
    color: #040000;
}

.not_co01 .co01_in .co01_flowbox .co01_fbc .co01_fbc_in .fbc_p02 {
    color: #861b20;
    font-size: 30px;
    line-height: 1em;
    letter-spacing: 0.15em;
    font-weight: 300;
    position: relative;
    padding: 1.3em 5em 2em 0;
    display: inline-block;
}

.not_co01 .co01_in .co01_flowbox .co01_fbc .co01_fbc_in .fbc_p02::before {
    content: "";
    position: absolute;
    display: block;
    width: 4em;
    height: 0.05em;
    background: #686868;
    top: 1.8em;
    right: 0;
}


.not_co01 .co01_in .co01_flowbox .co01_fbc .co01_fbc_in .co01_swpr {}

.not_co01 .co01_in .co01_flowbox .co01_fbc .co01_fbc_in .co01_swpr .co01_swbox {}

.not_co01 .co01_in .co01_flowbox .co01_fbc .co01_fbc_in .co01_swpr .co01_swbox .swiper-wrapper {}

.not_co01 .co01_in .co01_flowbox .co01_fbc .co01_fbc_in .co01_swpr .co01_swbox .swiper-wrapper .swb_con {
    background: #fff;
    box-shadow: 5px 8px 8px rgb(255 255 255 / 50%);
    max-width: 510px;
    width: 40%;
    margin: 0 auto 3em 0;
}

.not_co01 .co01_in .co01_flowbox .co01_fbc .co01_fbc_in .co01_swpr .co01_swbox .swiper-wrapper .swb_con .swb_con_top {
    position: relative;
}

.not_co01 .co01_in .co01_flowbox .co01_fbc .co01_fbc_in .co01_swpr .co01_swbox .swiper-wrapper .swb_con .swb_con_top picture {}

.not_co01 .co01_in .co01_flowbox .co01_fbc .co01_fbc_in .co01_swpr .co01_swbox .swiper-wrapper .swb_con .swb_con_top picture img {}

.not_co01 .co01_in .co01_flowbox .co01_fbc .co01_fbc_in .co01_swpr .co01_swbox .swiper-wrapper .swb_con .swb_con_top .swb_con_topnum {
    font-size: 90px;
    line-height: 1em;
    letter-spacing: 0em;
    font-weight: 600;
    color: #fff;
    text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    position: absolute;
    bottom: -0.2em;
    left: 0.01em;
}


.not_co01 .co01_in .co01_flowbox .co01_fbc .co01_fbc_in .co01_swpr .co01_swbox .swiper-wrapper .swb_con .swb_con_bottom {
    padding: 2em 1.5em 1em;
    height: 270px;
    color: #040000;
}

.not_co01 .co01_in .co01_flowbox .co01_fbc .co01_fbc_in .co01_swpr .co01_swbox .swiper-wrapper .swb_con .swb_con_bottom h3 {
    font-size: 20px;
    line-height: 1.7em;
    letter-spacing: 0.08em;
    font-weight: 600;
    padding-bottom: 0.5em;
}

.not_co01 .co01_in .co01_flowbox .co01_fbc .co01_fbc_in .co01_swpr .co01_swbox .swiper-wrapper .swb_con .swb_con_bottom p {
    font-size: 16px;
    line-height: 1.9em;
    letter-spacing: 0.05em;
    font-weight: 600;
}


/* ================================

swiper部分

================================ */


.not_co01 .co01_in .co01_flowbox .co01_fbc .co01_fbc_in .co01_swpr {
  --easing: cubic-bezier(.2, 1, .2, 1);
  --transition: .8s var(--easing);
  --color-base: #f8f8f8;
  --color-gray: #515151;
  --color-theme: #000;
  --color-theme-darken: #f12617;
  --box-shadow: .8rem .8rem 1.2rem rgba(0, 0, 0, .05), -.8rem -.8rem 1.2rem #fff;
  --box-shadow-hover: 1rem 1rem 1.5rem rgba(0, 0, 0, .08), -1rem -1rem 1.5rem #fff;
  --box-shadow-inset: inset .8rem .8rem 1.2rem rgba(0, 0, 0, .05), inset -.8rem -.8rem 1.2rem #fff;
  --box-shadow-dark: .8rem .8rem 1.2rem rgba(0, 0, 0, .1), -.8rem -.8rem 1.2rem rgba(#fff,.2);
}


.swiper-button-prev {
    right: calc(100% - 0rem);
    top: 17em;
    bottom: 0;
}

.swiper-button-next {
    left: calc(100% - 4.6rem);
    top: 17em;
    bottom: 0;
}

.swiper-button-prev, .swiper-button-next {
  display: grid;
  place-content: center;
  width: 4rem;
  height: 4rem;
  cursor: pointer;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.swiper-button-prev::before, .swiper-button-next::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: var(--box-shadow);
          box-shadow: var(--box-shadow);
}

.swiper-button-prev::after, .swiper-button-next::after {
  width: 1.2rem;
  height: 1.2rem;
  content: "" !important;
  border: solid var(--color-gray);
  border-width: 3px 3px 0 0;
  background-image: none;
}

.swiper-button-prev::after {
  margin-left: 0.4rem;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

.swiper-button-next::after {
  margin-right: 0.4rem;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.swiper-button-disabled {
  pointer-events: none;
  opacity: 0;
}


.not_co01 .co01_in .co01_flowbox .co01_fbc .co01_fbc_in .co01_swpr .co01_swbox .swiper-controller {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 1.6rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 3.2rem;
}


.not_co01 .co01_in .co01_flowbox .co01_fbc .co01_fbc_in .co01_swpr .co01_swbox .swiper-pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 1.2rem 0.8rem;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 0 auto 0 0;
  text-align: center;
}


.not_co01 .co01_in .co01_flowbox .co01_fbc .co01_fbc_in .co01_swpr .co01_swbox .swiper-pagination-bullet {
  width: 1.6rem;
  height: 3px;
  cursor: pointer;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  vertical-align: top;
  background-color: var(--color-gray);
  border-radius: 0;
}


.not_co01 .co01_in .co01_flowbox .co01_fbc .co01_fbc_in .co01_swpr .co01_swbox .swiper-pagination-bullet-active {
  width: 4rem;
  background-color: var(--color-theme);
}


.not_co01 .co01_in .co01_flowbox .co01_fbc .co01_fbc_in .co01_swpr .co01_swbox .swiper-button-prev,
.not_co01 .co01_in .co01_flowbox .co01_fbc .co01_fbc_in .co01_swpr .co01_swbox .swiper-button-next {
/*   position: relative; */
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin: 0;
}


.not_co01 .co01_in .co01_flowbox .co01_fbc .co01_fbc_in .co01_swpr .co01_swbox .swiper-button-disabled {
  pointer-events: none;
  opacity: 0.5;
}


.not_co01 .co01_in .co01_flowbox .co01_fbc .co01_fbc_in .co01_swpr .co01_swbox .swiper-button-disabled::before {
  -webkit-box-shadow: var(--box-shadow-inset);
          box-shadow: var(--box-shadow-inset);
}


/* =============================

co02

============================= */



/* =============================

co02 ドット部分

============================= */


/* =============================

co03

============================= */


/**************************************************************

not_stf_link表示用

**************************************************************/

.not_stf_link {
    padding: 1em 0em;
    margin: 6em auto 10em;
    background: -moz-linear-gradient(0deg, rgba(238,238,238,0.3) 0%, rgba(226,226,226,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(238,238,238,0.3) 0%, rgba(226,226,226,0) 100%);
    background: linear-gradient(0deg, rgba(238,238,238,0.3) 0%, rgba(226,226,226,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee",endColorstr="#e2e2e2",GradientType=1);
    width: calc(100% - 14em);
}

.not_stf_link .not_stflink_in {
    display: flex;
    flex-flow: row wrap;
}

.not_stf_link .not_stflink_in .not_stflink_box {
    width: 24%;
    margin: 0 auto auto;
}

.not_stf_link .not_stflink_in .not_stflink_box p a {
    display: block;
    transition: all 0.5s ease-in-out;
    padding: 2em 4em;
}

.not_stf_link .not_stflink_in .not_stflink_box p a:hover {
/*     background: rgba(255, 255, 255, 0.1); */
    box-shadow: 0px 0px 7vw 3vw rgba(180, 180, 180, 0.2);
}

.not_stf_link .not_stflink_in .not_stflink_box p a {
    font-size: 19px;
    line-height: 1.5em;
    letter-spacing: 0.05em;
    font-weight: 500;
    color: ;
    display: block;
    position: relative;
/*     text-align: center; */
}


.not_stf_link .not_stflink_in .not_stflink_box p a::before {
    width: 1.7rem;
    height: 1.7rem;
    content: "" !important;
    border-radius: 50%;
    background: #ffffff33;
    position: absolute;
    left: 2.14em;
    top: 2.2em;
    transition: all 0.5s ease-in-out;
}

.not_stf_link .not_stflink_in .not_stflink_box p a::after {
    width: 0.4rem;
    height: 0.4rem;
    content: "" !important;
    border: solid #12113b;
    border-width: 1px 1px 0 0;
    background: none;
    position: absolute;
    margin-right: 0.4rem;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 2.55em;
    top: 2.6em;
    transition: all 0.5s ease-in-out;
}

.not_stf_link .not_stflink_in .not_stflink_box p a span {
    font-size: 20px;
    line-height: ;
    letter-spacing: 0.1em;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.6);
    display: inline-block;
    transition: all 0.5s ease-in-out;
    /* position: absolute;
    bottom: 0.2em;
    right: 0; */
}

.not_stf_link .not_stflink_in .not_stflink_box p a:hover span {
    color: rgba(134, 27, 32, 0.8);
}


.not_stf_link .not_stflink_in .not_stflink_box p a:hover::before {
    background: #12113b;
}

.not_stf_link .not_stflink_in .not_stflink_box p a:hover::after {
    border: solid #fff;
    border-width: 1px 1px 0 0;
}


/**************************************************************

modal表示用

**************************************************************/


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



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


}


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


}


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


}

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


}


@media screen and (max-width: 768px) {
/* .footer .follow-link {
    display: block;
} */

.footer--lawyers .follow-link {
    display: block;
}

.staff-information__list {
    margin-left: auto;
}

}


@media screen and (max-width: 640px) {
/* .page-header__svg {
    width: 60%;
}
 */
.not_pc {
    display: none;
}

.not_sp {
    display: block;
}

.not_pic_pad {
    padding-top: 1.5em;
}


.contents1200 {
    max-width: 100%;
    width: 88%;
    margin: auto 6%;
}

.contents1174 {
    width: 90%;
    margin: auto;
}

.contents1000 {
    width: 90%;
    margin: auto;
}


.page-header__svg {
    width: 100%;
}
/* =============================

co00

============================= */


.not_co00 {
    padding: 6em 0 4em;
}


.not_co00 .co00_in {}

.not_co00 .co00_in h2 {
    font-size: 6vw;
}

.not_co00 .co00_in p {
    font-size: 6vw;
    line-height: 1.7em;
    text-align: left;
}

.not_co00 .co00_in .co00_box h3 {
    position: relative;
    font-size: 5.5vw;
    padding: 9vw 0 0 1vw;
    margin-bottom: 4vw;
}

.not_co00 .co00_in .co00_box h3::before {
    font-family: linotype-didot-headline, serif;
    content: counter(mycounter, decimal-leading-zero)".";
    position: absolute;
    width: ;
    height: ;
    font-size: 7.5vw;
    font-weight: 400;
    letter-spacing: ;
    color: #a78d69;
    font-style: italic;
    top: 0em;
    left: 0;
}

.not_co00 .co00_in .co00_box p {
    font-size: 3.4vw;
    line-height: 2.1em;
    padding-left: 4vw;
}

.not_co00 .co00_in .co00_btn {
    margin: 5em auto 3em;
}

.not_co00 .co00_in .co00_btn .co00_b {
    text-align: center;
}

.not_co00 .co00_in .co00_btn .co00_b a {
    font-size: 3.8vw;
}

.not_co00 .co00_in .co00_btn .co00_b a::after {
    height: 0.1em;
}

.not_co00 .co00_in .co00_btn .co00_b a:hover {
    color: #861b20;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
    transition: 0.3s ease;
}

.not_co00 .co00_in .co00_btn .co00_b a:hover::after {
    transform: translateY(0.15em);
    opacity: 0;
}


/* =============================

co01

============================= */


.not_co01 {}

.not_co01 .co01_in {
    padding: 5em 0 3em;
}

.not_co01 .co01_in h2 {
    font-size: 6vw;
}

.not_co01 .co01_in .co01_ptop {
    font-size: 3.4vw;
    padding: 7vw 0 14vw;
}

.not_co01 .co01_in .co01_flowbox h3 {
    font-size: 5.4vw;
}

.not_co01 .co01_in .co01_flowbox .co01_fp01 {
    font-size: 3.6vw;
    padding: 4vw 0 12vw;
}

.not_co01 .co01_in .co01_flowbox .co01_f_figure {}

.not_co01 .co01_in .co01_flowbox .co01_f_figure .co01_ffbox {
    max-width: auto;
}

.not_co01 .co01_in .co01_flowbox .co01_f_figure .co01_ffbox .co01_f_f_left,
.not_co01 .co01_in .co01_flowbox .co01_f_figure .co01_ffbox .co01_f_f_right {
    font-size: 5.5vw;
}

.not_co01 .co01_in .co01_flowbox .co01_f_figure .co01_ffbox .co01_f_f_center {
    text-align: center;
    width: 33%;
    margin: auto;
}

.not_co01 .co01_in .co01_flowbox .co01_f_figure .co01_ffbox .co01_f_f_center picture {
    display: inline-block;
}

.not_co01 .co01_in .co01_flowbox .co01_f_figure .co01_ffbox .co01_f_f_center picture img {
    width: 100%;
}

.not_co01 .co01_in .co01_flowbox .co01_fp02 {
    font-size: 3.4vw;
    line-height: 1.9em;
    letter-spacing: 0.05em;
    font-weight: 600;
    padding: 2em 0 4em;
    text-align: center;
    color: #000;
}

.not_co01 .co01_in .co01_flowbox .co01_fbc {
    overflow: hidden;
}

.not_co01 .co01_in .co01_flowbox .co01_fbc .co01_fbc_in {
    background: #e5e5e5;
    border-radius: 15px 15px;
    padding: 7vw 6.5vw;
    box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.3);
}

.not_co01 .co01_in .co01_flowbox .co01_fbc .co01_fbc_in .fbc_p01 {
    font-size: 3.4vw;
}

.not_co01 .co01_in .co01_flowbox .co01_fbc .co01_fbc_in .fbc_p02 {
    color: #861b20;
    font-size: 5.4vw;
    line-height: 1em;
    letter-spacing: 0.15em;
    font-weight: 300;
    position: relative;
    padding: 1.3em 5em 2em 0;
    display: inline-block;
}

.not_co01 .co01_in .co01_flowbox .co01_fbc .co01_fbc_in .fbc_p02::before {
    content: "";
    position: absolute;
    display: block;
    width: 4em;
    height: 0.05em;
    background: #686868;
    top: 1.8em;
    right: 0;
}


.not_co01 .co01_in .co01_flowbox .co01_fbc .co01_fbc_in .co01_swpr {}

.not_co01 .co01_in .co01_flowbox .co01_fbc .co01_fbc_in .co01_swpr .co01_swbox {}

.not_co01 .co01_in .co01_flowbox .co01_fbc .co01_fbc_in .co01_swpr .co01_swbox .swiper-wrapper {}

.not_co01 .co01_in .co01_flowbox .co01_fbc .co01_fbc_in .co01_swpr .co01_swbox .swiper-wrapper .swb_con {
    background: #fff;
    box-shadow: 5px 8px 8px rgb(255 255 255 / 50%);
    max-width: 510px;
    width: 40%;
    margin: 0 auto 3em 0;
    -webkit-text-size-adjust: 100%;
}

.not_co01 .co01_in .co01_flowbox .co01_fbc .co01_fbc_in .co01_swpr .co01_swbox .swiper-wrapper .swb_con .swb_con_top {
    position: relative;
}

.not_co01 .co01_in .co01_flowbox .co01_fbc .co01_fbc_in .co01_swpr .co01_swbox .swiper-wrapper .swb_con .swb_con_top picture {}

.not_co01 .co01_in .co01_flowbox .co01_fbc .co01_fbc_in .co01_swpr .co01_swbox .swiper-wrapper .swb_con .swb_con_top picture img {}

.not_co01 .co01_in .co01_flowbox .co01_fbc .co01_fbc_in .co01_swpr .co01_swbox .swiper-wrapper .swb_con .swb_con_top .swb_con_topnum {
    font-size: 18vw;
    line-height: 1em;
    letter-spacing: -0.05em;
    font-weight: 600;
    color: #fff;
    text-shadow: 5px 5px 6px rgba(0, 0, 0, 0.4);
    position: absolute;
    bottom: -0.2em;
    left: 0.01em;
}


.not_co01 .co01_in .co01_flowbox .co01_fbc .co01_fbc_in .co01_swpr .co01_swbox .swiper-wrapper .swb_con .swb_con_bottom {
    padding: 2em 1.5em 1em;
    height: 70vw;
    color: #040000;
}

.not_co01 .co01_in .co01_flowbox .co01_fbc .co01_fbc_in .co01_swpr .co01_swbox .swiper-wrapper .swb_con .swb_con_bottom h3 {
    font-size: 4.2vw;
    line-height: 1.7em;
    letter-spacing: 0.08em;
    font-weight: 600;
}

.not_co01 .co01_in .co01_flowbox .co01_fbc .co01_fbc_in .co01_swpr .co01_swbox .swiper-wrapper .swb_con .swb_con_bottom p {
    font-size: 3.4vw;
    line-height: 1.9em;
    letter-spacing: 0.05em;
    font-weight: 600;
}


/* ================================

swiper部分

================================ */


.not_co01 .co01_in .co01_flowbox .co01_fbc .co01_fbc_in .co01_swpr {
  --easing: cubic-bezier(.2, 1, .2, 1);
  --transition: .8s var(--easing);
  --color-base: #f8f8f8;
  --color-gray: #515151;
  --color-theme: #000;
  --color-theme-darken: #f12617;
  --box-shadow: .8rem .8rem 1.2rem rgba(0, 0, 0, .05), -.8rem -.8rem 1.2rem #fff;
  --box-shadow-hover: 1rem 1rem 1.5rem rgba(0, 0, 0, .08), -1rem -1rem 1.5rem #fff;
  --box-shadow-inset: inset .8rem .8rem 1.2rem rgba(0, 0, 0, .05), inset -.8rem -.8rem 1.2rem #fff;
  --box-shadow-dark: .8rem .8rem 1.2rem rgba(0, 0, 0, .1), -.8rem -.8rem 1.2rem rgba(#fff,.2);
}


.swiper-button-prev {
    right: calc(100% - 0rem);
    top: 17em;
    bottom: 0;
}

.swiper-button-next {
    left: calc(100% - 3rem);
    top: 10.3em;
    bottom: 0;
}

.swiper-button-prev, .swiper-button-next {
  display: grid;
  place-content: center;
  width: 3rem;
  height: 3rem;
  cursor: pointer;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.swiper-button-prev::before, .swiper-button-next::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: var(--box-shadow);
          box-shadow: var(--box-shadow);
}

.swiper-button-prev::after, .swiper-button-next::after {
  width: 0.9rem;
  height: 0.9rem;
  content: "" !important;
  border: solid var(--color-gray);
  border-width: 3px 3px 0 0;
  background-image: none;
}

.swiper-button-prev::after {
  margin-left: 0.4rem;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

.swiper-button-next::after {
  margin-right: 0.4rem;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.swiper-button-disabled {
  pointer-events: none;
  opacity: 0;
}


.not_co01 .co01_in .co01_flowbox .co01_fbc .co01_fbc_in .co01_swpr .co01_swbox .swiper-controller {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 1.6rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 3.2rem;
}


.not_co01 .co01_in .co01_flowbox .co01_fbc .co01_fbc_in .co01_swpr .co01_swbox .swiper-pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 1.2rem 0.8rem;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 0 auto 0 0;
  text-align: center;
}


.not_co01 .co01_in .co01_flowbox .co01_fbc .co01_fbc_in .co01_swpr .co01_swbox .swiper-pagination-bullet {
  width: 1.6rem;
  height: 3px;
  cursor: pointer;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  vertical-align: top;
  background-color: var(--color-gray);
  border-radius: 0;
}


.not_co01 .co01_in .co01_flowbox .co01_fbc .co01_fbc_in .co01_swpr .co01_swbox .swiper-pagination-bullet-active {
  width: 4rem;
  background-color: var(--color-theme);
}


.not_co01 .co01_in .co01_flowbox .co01_fbc .co01_fbc_in .co01_swpr .co01_swbox .swiper-button-prev,
.not_co01 .co01_in .co01_flowbox .co01_fbc .co01_fbc_in .co01_swpr .co01_swbox .swiper-button-next {
/*   position: relative; */
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin: 0;
}


.not_co01 .co01_in .co01_flowbox .co01_fbc .co01_fbc_in .co01_swpr .co01_swbox .swiper-button-disabled {
  pointer-events: none;
  opacity: 0.5;
}


.not_co01 .co01_in .co01_flowbox .co01_fbc .co01_fbc_in .co01_swpr .co01_swbox .swiper-button-disabled::before {
  -webkit-box-shadow: var(--box-shadow-inset);
          box-shadow: var(--box-shadow-inset);
}



/**************************************************************

not_stf_link表示用

**************************************************************/

.not_stf_link {
    padding: 1em 0em;
    margin: 10vw auto 10em;
    background: none;
    width: calc(100% - 3em);
}

.not_stf_link .not_stflink_in {
    display: flex;
    flex-flow: row wrap;
}

.not_stf_link .not_stflink_in .not_stflink_box {
    width: 94%;
    margin: 0 auto 5vw;
}


.not_stf_link .not_stflink_in .not_stflink_box:last-child {
    margin-bottom: auto;
}

.not_stf_link .not_stflink_in .not_stflink_box p a {
    display: block;
    transition: all 0.5s ease-in-out;
    padding: 2em 4em;
    box-shadow: 0px 0px 7vw 3vw rgba(180, 180, 180, 0.4);
}

.not_stf_link .not_stflink_in .not_stflink_box p a {
    font-size: 4.2vw;
    line-height: 1.5em;
    letter-spacing: 0.05em;
    font-weight: 500;
    color: ;
    display: block;
    position: relative;
/*     text-align: center; */
}


.not_stf_link .not_stflink_in .not_stflink_box p a::before {
    width: 1.7rem;
    height: 1.7rem;
    content: "" !important;
    border-radius: 50%;
    background: #12113b;
    position: absolute;
    left: 2.14em;
    top: 2.2em;
    transition: all 0.5s ease-in-out;
}

.not_stf_link .not_stflink_in .not_stflink_box p a::after {
    width: 0.4rem;
    height: 0.4rem;
    content: "" !important;
    border: solid #fff;
    border-width: 1px 1px 0 0;
    background: none;
    position: absolute;
    margin-right: 0.4rem;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 2.6em;
    top: 2.75em;
    transition: all 0.5s ease-in-out;
}

.not_stf_link .not_stflink_in .not_stflink_box p a span {
    font-size: 3.8vw;
    line-height: ;
    letter-spacing: 0.1em;
    font-weight: 400;
    color: rgba(134, 27, 32, 0.8);
    display: inline-block;
    transition: all 0.5s ease-in-out;
    /* position: absolute;
    bottom: 0.2em;
    right: 0; */
}


/* =============================

co02

============================= */

.not_co02 {}


/* =============================

co03

============================= */


.not_co03 {}



/**************************************************************

modal表示用

**************************************************************/



}