@charset "utf-8";

/*-------------------------------------
  トップページ
--------------------------------------*/
#vegas_js {
  padding-top: 45%;
}
/*-- @ animate @ --*/
.vegas-animation-kenburns {
  -webkit-animation: kenburns linear;
  animation: kenburns linear;
}
@-webkit-keyframes kenburns {
  0% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}
@keyframes kenburns {
  0% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

.vegas-animation-kenburnsDown {
  -webkit-animation: kenburnsDown linear;
  animation: kenburnsDown linear;
}
@-webkit-keyframes kenburnsDown {
  0% {
    -webkit-transform: scale(1.2) translate(0, -6%);
    transform: scale(1.2) translate(0, -6%)
  }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0)
  }
}
@keyframes kenburnsDown {
  0% {
    -webkit-transform: scale(1.2) translate(0, -6%);
    transform: scale(1.2) translate(0, -6%)
  }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0)
  }
}

.vegas-animation-kenburnsLeft {
  -webkit-animation: kenburnsLeft linear;
  animation: kenburnsLeft linear;
}
@-webkit-keyframes kenburnsLeft {
  0% {
    -webkit-transform: scale(1.2) translate(6%, 0);
    transform: scale(1.2) translate(6%, 0)
  }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0)
  }
}
@keyframes kenburnsLeft {
  0% {
    -webkit-transform: scale(1.2) translate(6%, 0);
    transform: scale(1.2) translate(6%, 0)
  }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0)
  }
}

.vegas-animation-kenburnsRight {
  -webkit-animation: kenburnsRight linear;
  animation: kenburnsRight linear;
}
@-webkit-keyframes kenburnsRight {
  0% {
    -webkit-transform: scale(1.2) translate(-6%, 0);
    transform: scale(1.2) translate(-6%, 0)
  }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0)
  }
}
@keyframes kenburnsRight {
  0% {
    -webkit-transform: scale(1.2) translate(-6%, 0);
    transform: scale(1.2) translate(-6%, 0)
  }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0)
  }
}

.vegas-animation-kenburnsUp {
  -webkit-animation: kenburnsUp linear;
  animation: kenburnsUp linear;
}
@-webkit-keyframes kenburnsUp {
  0% {
    -webkit-transform: scale(1.2) translate(0, 6%);
    transform: scale(1.2) translate(0, 6%)
  }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0)
  }
}
@keyframes kenburnsUp {
  0% {
    -webkit-transform: scale(1.2) translate(0, 6%);
    transform: scale(1.2) translate(0, 6%)
  }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0)
  }
}


/* WELCOME */
.top_welcome .wrap_welcome_ttl {
  position: relative;
  margin-bottom: 3em;
  padding: 0 11em;
  text-align: center;
}
.top_welcome .wrap_welcome_ttl::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: -1em;
  width: 11.2em;
  height: 7.8em;
  background: url('../Image/top/deco_welcome01.png') center/contain no-repeat;
}
.top_welcome .wrap_welcome_ttl::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 11em;
  height: 6.9em;
  background: url('../Image/top/deco_welcome02.png') left center/contain no-repeat;
}
.top_welcome .wrap_welcome_ttl > .catch {
  font-size: 2rem;
  letter-spacing: .1rem;
}

.fx_2col_link {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  margin: -3.75em -1.875em 0;
}
.fx_2col_link > .item {
  width: 50%;
  margin-top: 3.75em;
  padding: 0 1.875em;
}
.fx_2col_link > .item > a {
  position: relative;
  display: block;
  height: 100%;
  padding-top: 45%;
}
.fx_2col_link > .item > a .wrap_ofi {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding-top: 52%;
  border-radius: 1em;
  overflow: hidden;
  border: 1px solid #eee;
}
.fx_2col_link > .item > a .wrap_ofi > img {
  transition: .4s;
  backface-visibility: hidden;
}
.fx_2col_link > .item > a:hover .wrap_ofi > img,
.fx_2col_link > .item > a:focus .wrap_ofi > img {
  transform: scale(1.1);
}
.fx_2col_link > .item > a .conts {
  position: relative;
  width: 90%;
  height: 100%;
  margin-left: auto;
}
.fx_2col_link > .item > a .conts::before {
  content: '';
  display: block;
  position: absolute;
  top: .5em;
  right: .5em;
  width: 100%;
  height: 100%;
  background: #ebf1fc;
  border-radius: 1em;
}
.fx_2col_link > .item.pu > a .conts::before {
  background: #e7d0fe;
}
.fx_2col_link > .item.pi > a .conts::before {
  background: #fed6ea;
}
.fx_2col_link > .item.re > a .conts::before {
  background: #fed0d0;
}
.fx_2col_link > .item.or > a .conts::before {
  background: #fde2c9;
}
.fx_2col_link > .item > a .conts > .inr_conts {
  position: relative;
  padding: 1.5625em 1.875em;
  height: 100%;
  background-color: #fff;
  border-radius: 1em;
  transition: .4s;
}
.fx_2col_link > .item > a:hover .conts > .inr_conts,
.fx_2col_link > .item > a:focus .conts > .inr_conts {
  background: #f5f9ff;
}
.fx_2col_link > .item.pu > a:hover .conts > .inr_conts,
.fx_2col_link > .item.pu > a:focus .conts > .inr_conts {
  background: #f8f1ff;
}
.fx_2col_link > .item.pi > a:hover .conts > .inr_conts,
.fx_2col_link > .item.pi > a:focus .conts > .inr_conts {
  background: #fff0f8;
}
.fx_2col_link > .item.re > a:hover .conts > .inr_conts,
.fx_2col_link > .item.re > a:focus .conts > .inr_conts {
  background: #fef1f1;
}
.fx_2col_link > .item.or > a:hover .conts > .inr_conts,
.fx_2col_link > .item.or > a:focus .conts > .inr_conts {
  background: #fff6ee;
}
.fx_2col_link > .item > a .conts .title {
  position: relative;
  margin-bottom: .5em;
  padding-left: 1em;
  font-weight: normal;
  font-size: 2.6rem;
  line-height: 1.1;
  letter-spacing: .1rem;
}
.fx_2col_link > .item > a .conts .title.mgb0 {
  margin-bottom: 0;
}
.fx_2col_link > .item > a .conts .title::before {
  content: '';
  display: block;
  position: absolute;
  top: .25em;
  left: 0;
  width: .6em;
  height: .6em;
  background: url('../Image/common/icon_arrow_bl.png') center/contain no-repeat;
}
.fx_2col_link > .item.pu > a .conts .title::before {
  background-image: url('../Image/common/icon_arrow_pu.png');
}
.fx_2col_link > .item.pi > a .conts .title::before {
  background-image: url('../Image/common/icon_arrow_pi.png');
}
.fx_2col_link > .item.re > a .conts .title::before {
  background-image: url('../Image/common/icon_arrow_re.png');
}
.fx_2col_link > .item.or > a .conts .title::before {
  background-image: url('../Image/common/icon_arrow_or.png');
}
.fx_2col_link > .item > a .conts .title > .sm {
  display: inline-block;
  margin-left: .5em;
  font-size: 1.6rem;
}

.fx_2col_link.img_lg > .item > a {
  padding-top: 54%;
}
.fx_2col_link.img_lg > .item > a .wrap_ofi {
  padding-top: 60%;
}

@media screen and (max-width: 991px) {
  .top_welcome .wrap_welcome_ttl {
    margin-bottom: 2em;
    padding: 0 6em;
  }
  .top_welcome .wrap_welcome_ttl::before {
    top: 0;
    bottom: auto;
    width: 5em;
  }
  .top_welcome .wrap_welcome_ttl::after {
    right: 0;
    width: 4em;
  }

  .top_welcome .wrap_welcome_ttl > .catch {
    font-size: 1.6rem;
  }

  .fx_2col_link {
    margin: -2.5em -1.5% 0;
  }
  .fx_2col_link > .item {
    margin-top: 2.5em;
    padding: 0 1.5%;
  }
  .fx_2col_link > .item > a .conts > .inr_conts {
    padding: 1.2em;
  }
  .fx_2col_link > .item > a .conts .title {
    font-size: 2rem;
  }
  .fx_2col_link > .item > a .conts .title > .sm {
    font-size: 1.5rem;
  }
  .fx_2col_link > .item > a .conts .text {
    font-size: 1.5rem;
    line-height: 1.5;
  }
}

@media screen and (max-width: 767px) {
  .fx_2col_link > .item {
    width: 100%;
  }
  .fx_2col_link > .item > a .conts .title {
    letter-spacing: 0;
  }
}
@media screen and (max-width: 575px) {
  .top_welcome .wrap_welcome_ttl {
    padding: 0 0 4em;
  }
  .top_welcome .wrap_welcome_ttl::before {
    top: auto;
    left: 15%;
    bottom: -.5em;
    height: 3.5em;
  }
  .top_welcome .wrap_welcome_ttl::after {
    top: auto;
    right: 15%;
    bottom: -.5em;
    height: 3.5em;
  }
}


.top_staff_specialist {
  overflow: hidden;
}
/* staff */
.top_staff {
  position: relative;
}
.top_staff::before {
  content: '';
  display: block;
  z-index: -1;
  position: absolute;
  top: 3.75em;
  left: 0;
  right: 0;
  bottom: 3.75em;
  width: 100%;
  background: #fffbeb;
}
.top_staff .inner .conts {
  z-index: 1;
  position: relative;
  padding-top: 1em;
  padding-bottom: 8.5em;
}
.top_staff .inner .conts::before {
  content: '';
  display: block;
  z-index: -1;
  position: absolute;
  left: 25%;
  bottom: 0;
  width: 10.6em;
  height: 10.6em;
  background: url('../Image/top/deco_staff.png') center/contain no-repeat;
}
.top_staff .inr_conts {
  width: 50%;
  padding-right: calc( 5em + 1.5vw );
}
.top_staff .inr_conts > .title {
  margin-top: .5em;
  margin-bottom: 1.4em;
  font-weight: normal;
  font-size: 2.8rem;
  line-height: 1.1;
  letter-spacing: .1rem;
}
.top_staff .wrap_ofi {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: calc( ( ( 100vw - ( 100vw - 100% ) ) / 2 ) + 1.5vw );
  padding-top: 0;
  border-radius: 1em;
  overflow: hidden;
}

@media screen and (max-width: 991px) {
  .top_staff::before {
    top: 2.5em;
    bottom: 5em;
  }
  .top_staff .inner .conts {
    padding-bottom: 3em;
    text-align: center;
  }
  .top_staff .inner .conts::before {
    left: auto;
    right: 5%;
    width: 8em;
    height: 8em;
  }
  .top_staff .inr_conts {
    width: 100%;
    padding-right: 0;
  }
  .top_staff .inr_conts > .title {
    margin-bottom: 1em;
    font-size: 2rem;
  }
  .top_staff .inr_conts > .text {
    max-width: 50rem;
    margin: 0 auto;
    text-align: left;
  }
  .top_staff .wrap_ofi {
    position: relative;
    width: 100%;
    padding-top: 50%;
  }
}


/* specialist */
.top_specialist {
  position: relative;
  margin-top: 4.3em;
  padding-bottom: 1em;
}
.top_specialist::before {
  content: '';
  display: block;
  z-index: -1;
  position: absolute;
  top: 3.75em;
  left: 0;
  right: 0;
  bottom: 3.5em;
  width: 100%;
  background: #ebf1fc;
}
.top_specialist .inner {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: row-reverse;
}
.top_specialist .inner .conts {
  width: 50%;
  z-index: 1;
  position: relative;
  padding-bottom: 8.75em;
}
.top_specialist .inner .conts::before {
  content: '';
  display: block;
  z-index: -1;
  position: absolute;
  right: 0;
  bottom: -4em;
  width: 14em;
  height: 10.25em;
  background: url('../Image/top/deco_specialist.png') center/contain no-repeat;
}
.top_specialist .conts .ttl_aurore {
  padding-right: .25em;
  text-align: right;
}
.top_specialist .inr_conts {
  margin-left: auto;
  padding-left: 6.25em;
}
.top_specialist .inr_conts > .title {
  margin-top: .5em;
  margin-bottom: 1.4em;
  font-weight: normal;
  font-size: 2.8rem;
  line-height: 1.1;
  letter-spacing: .1rem;
}
.top_specialist .wrap_ofi {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: calc( ( 100vw - ( 100vw - 100% ) ) / 2 );
  padding-top: 0;
  border-radius: 1em;
  overflow: hidden;
}

@media screen and (max-width: 991px) {
  .top_specialist {
    margin-top: 3em;
    padding-bottom: 0;
  }
  .top_specialist::before {
    top: 2.5em;
    bottom: 5em;
  }
  .top_specialist .inner {
    display: block;
  }
  .top_specialist .inner .conts {
    width: 100%;
    padding-top: 1em;
    padding-bottom: 3em;
    text-align: center;
  }
  .top_specialist .inner .conts::before {
    bottom: .5em;
    width: 9em;
    height: 7em;
  }
  .top_specialist .conts .ttl_aurore {
    text-align: center;
  }
  .top_specialist .inr_conts {
    margin-left: auto;
    padding-left: 0;
  }
  .top_specialist .inr_conts > .title {
    margin-bottom: 1em;
    font-size: 2rem;
  }
  .top_specialist .inr_conts > .text {
    max-width: 50rem;
    margin: 0 auto;
    text-align: left;
  }
  .top_specialist .wrap_ofi {
    position: relative;
    width: 100%;
    padding-top: 50%;
  }
}



/* recruit */
.top_recruit .recruit_row01 {
  position: relative;
  padding: 3em 0;
}
.top_recruit .recruit_row01::before,
.top_recruit .recruit_row01::after {
  content: '';
  display: block;
  position: absolute;
  top: 3em;
  bottom: 3em;
  width: calc( ( 100% - 32.5em ) / 2 );
}
.top_recruit .recruit_row01::before {
  left: 0;
  background: url('../Image/top/recruit01.jpg') right center/cover no-repeat;
}
.top_recruit .recruit_row01::after {
  right: 0;
  background: url('../Image/top/recruit02.jpg') left center/cover no-repeat;
}
.top_recruit .recruit_row01 > .conts {
  z-index: 1;
  position: relative;
  width: 32.5em;
  margin: -3em auto;
  padding: 7.5em 5em;
  background-color: #fff;
  box-shadow: 0 0 1em rgba(0,0,0,.1);
  text-align: center;
}
.top_recruit .recruit_row01 > .conts .ttl_aurore {
  margin-left: calc( ( -100vw + 52rem ) / 2 );
  margin-right: calc( ( -100vw + 52rem ) / 2 );
}
.top_recruit .recruit_row01 > .conts .sup {
  margin-top: -.5em;
  margin-bottom: .5em;
  font-size: 2.4rem;
  line-height: 1.1;
  letter-spacing: .1rem;
}
.top_recruit .recruit_row01 > .conts .title {
  margin-bottom: 1.6em;
  font-weight: normal;
  font-size: 3rem;
  line-height: 1.1;
  letter-spacing: .1rem;
}
.top_recruit .recruit_row01 > .conts .text {
  text-align: left;
  line-height: 2;
}

.recruit_row02 {
  margin-top: -3em;
  padding-top: 3em;
  background-color: #f1f8ef;
}
.fx_2col_horizon {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  margin: -2.5em -1.25em 0;
}
.fx_2col_horizon > .item {
  width: 50%;
  margin-top: 2.5em;
  padding: 0 1.25em;
}
.fx_2col_horizon > .item > a {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  border: 1px solid #dddddd;
  border-radius: .5em;
  overflow: hidden;
}
.fx_2col_horizon > .item > a .wrap_ofi {
  width: 50%;
  padding-top: 26%;
  overflow: hidden;
}
.fx_2col_horizon > .item > a .wrap_ofi > img {
  transition: .4s;
  backface-visibility: hidden;
}
.fx_2col_horizon > .item > a:hover .wrap_ofi > img,
.fx_2col_horizon > .item > a:focus .wrap_ofi > img {
  transform: scale(1.1);
}
.fx_2col_horizon > .item > a .conts {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  padding: 1em;
  background-color: #fff;
  transition: .4s;
}
.fx_2col_horizon > .item > a:hover .conts,
.fx_2col_horizon > .item > a:focus .conts {
  background: #7ab759;
  color: #fff;
}
.fx_2col_horizon > .item > a .conts > .title {
  font-weight: normal;
  font-size: 2rem;
  line-height: 1.3;
  letter-spacing: .1rem;
  white-space: nowrap;
}

@media screen and (max-width: 991px) {
  .top_recruit .recruit_row01 {
    padding: 2em 0;
  }
  .top_recruit .recruit_row01::before,
  .top_recruit .recruit_row01::after {
    top: 2em;
    bottom: 2em;
    width: calc( ( 100% - 25em ) / 2 );
  }
  .top_recruit .recruit_row01 > .conts {
    width: 25em;
    margin: -2em auto;
    padding: 3em 2em;
  }
  .top_recruit .recruit_row01 > .conts .ttl_aurore {
    margin-left: calc( ( -100vw + 40rem ) / 2 );
    margin-right: calc( ( -100vw + 40rem ) / 2 );
  }
  .top_recruit .recruit_row01 > .conts .sup {
    margin-top: 0;
    margin-bottom: .5em;
    font-size: 2rem;
  }
  .top_recruit .recruit_row01 > .conts .title {
    margin-bottom: 1em;
    font-size: 2.4rem;
  }
  .top_recruit .recruit_row01 > .conts .text {
    line-height: 1.7;
  }

  .recruit_row02 {
    margin-top: -2em;
    padding-top: 2em;
  }
  .fx_2col_horizon {
    margin: -1.5em -1.5% 0;
  }
  .fx_2col_horizon > .item {
    width: 50%;
    margin-top: 1.5em;
    padding: 0 1.5%;
  }
  .fx_2col_horizon > .item > a .wrap_ofi {
    padding-top: 30%;
  }
  .fx_2col_horizon > .item > a .conts > .title {
    font-size: 1.7rem;
    letter-spacing: .05rem;
  }
}

@media screen and (max-width: 767px) {
  .top_recruit .recruit_row01 {
    padding: 45% 0 0;
    background-color: #f1f8ef;
  }
  .top_recruit .recruit_row01::before,
  .top_recruit .recruit_row01::after {
    top: 0;
    bottom: auto;
    width: 50%;
    padding-top: 45%;
  }
  .top_recruit .recruit_row01 > .conts {
    max-width: 90%;
    margin: -1em auto;
  }

  .recruit_row02 {
    margin-top: 0;
    padding-top: 0;
  }
  .fx_2col_horizon {
    margin: -1em -1.5% 0;
  }
  .fx_2col_horizon > .item {
    margin-top: 1em;
  }
  .fx_2col_horizon > .item > a {
    display: block;
  }
  .fx_2col_horizon > .item > a .wrap_ofi {
    width: 100%;
    padding-top: 45%;
  }
  .fx_2col_horizon > .item > a .conts {
    width: 100%;
  }
}


/*--------------------------------------------
  UNDER COMMON
--------------------------------------------*/
.under_key {
  position: relative;
  background-color: #ebf1fc;
  overflow: hidden;
}
.under_key .inner {
  z-index: 1;
  position: relative;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  height: 22em;
}
.under_key .key_text > .title {
  font-weight: 400;
  font-family: 'Kosugi Maru', sans-serif;
  font-size: 3rem;
  line-height: 1.1;
  letter-spacing: .1rem;
}
.under_key .key_text > .title .sm {
  display: inline-block;
  margin-left: 1em;
  font-size: 1.8rem;
  text-shadow: 0 0 1em #fff;
}
.under_key .key_text > .sup_en {
  margin-top: 1em;
  font-weight: 400;
  font-family: 'La Belle Aurore', cursive;
  font-size: 2.2rem;
  color: #2e5b99;
  line-height: 1.1;
  letter-spacing: .1rem;
}
.under_key .wrap_ofi {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding-top: 0;
  width: 62%;
}
@media screen and (min-width: 992px) {
  .under_key .wrap_ofi > img {
    object-position: left center;
    font-family: 'object-fit: cover;object-position:left center';
  }
}

.wrap_box + .wrap_box {
  padding-top: 3.75em;
}

.inr_box {
  padding-left: 1em;
  padding-right: 1em;
}

.conts_mgt + .conts_mgt.ss {
  margin-top: .4em;
}
.conts_mgt + .conts_mgt.xs {
  margin-top: 1em;
}
.conts_mgt + .conts_mgt.sm {
  margin-top: 1.5em;
}
.conts_mgt + .conts_mgt {
  margin-top: 2em;
}
.conts_mgt + .conts_mgt.lg {
  margin-top: 3em;
}

.conts_mgt a:not([class]) {
  font-weight: 500;
  color: #2e5b99;
  letter-spacing: .05rem;
  word-break: break-all;
}
.conts_mgt a:not([class]):hover,
.conts_mgt a:not([class]):focus {
  opacity: .7;
}

.under_wrap {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: row-reverse;
}
.under_wrap > .conts_main {
  width: 73%;
}
.under_wrap > .conts_side {
  width: 27%;
  padding-right: 5%;
}

.side_nav > li {
  border-bottom: 1px solid #e5e5e5;
}
.side_nav > li > a {
  position: relative;
  display: block;
  padding: 1em;
  line-height: 1.3;
  letter-spacing: .05rem;
  cursor: pointer;
  transition: 0.6s;
}
.side_nav > li > a:hover,
.side_nav > li > a:focus {
  background-color: #ebf1fc;
}
.side_nav > li > a::before {
  content: '';
  display: block;
  position: absolute;
  top: 1.5em;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: .1875em 0 .1875em .375em;
  border-color: transparent transparent transparent #B7B7B7;
}
.side_nav > li > ul {
  padding: 1em 1.5em;
  border-top: 1px solid #e5e5e5;
  background-color: #f6f7f7;
}
.side_nav > li > ul > li + li {
  margin-top: .4em;
}
.side_nav > li > ul > li > a {
  position: relative;
  display: inline-block;
  padding: .2em .8em;
  line-height: 1.3;
}
.side_nav > li > ul > li > a::before {
  content: '';
  display: block;
  position: absolute;
  top: .7em;
  left: 0;
  bottom: 0;
  width: .5em;
  height: .375em;
  transform: rotate(-90deg);
  line-height: 1;
  background: url(../Image/common/arrow_b_bl.png) center/contain no-repeat;
}
.side_nav > li > ul > li > a:hover,
.side_nav > li > ul > li > a:focus {
  opacity: .7;
}


@media screen and (max-width: 991px) {
  .under_key .inner {
    justify-content: center;
    text-align: center;
    height: 16em;
  }
  .under_key .key_text {
    padding: 2em;
    background-color: rgba(235, 241, 252, .9);
  }
  .under_key .key_text > .title {
    font-size: 2.4rem;
  }
  .under_key .key_text > .sup_en {
    font-size: 2rem;
  }
  .under_key .wrap_ofi {
    left: 0;
    width: auto;
  }

  .wrap_box + .wrap_box {
    padding-top: 3em;
  }

  .conts_mgt + .conts_mgt.sm {
    margin-top: .8em;
  }
  .conts_mgt + .conts_mgt.sm
  .conts_mgt + .conts_mgt {
    margin-top: 1em;
  }
  .conts_mgt + .conts_mgt {
    margin-top: 1.5em;
  }
  .conts_mgt + .conts_mgt.lg,
  .conts_mgt + .conts_mgt.lg_sp {
    margin-top: 2em;
  }

  .under_wrap {
    display: block;
  }
  .under_wrap > .conts_main {
    width: 100%;
  }
  .under_wrap > .conts_side {
    display: none;
  }

}
@media screen and (max-width: 767px) {
  .under_key .key_text > .title .sm {
    display: block;
    margin-top: .3em;
    margin-left: 0;
  }

  .inr_box.sp_pd0 {
    padding-left: 0;
    padding-right: 0;
  }
}

/*--------------------------------------------
  greeting
--------------------------------------------*/
.fx_box.greeting > .item > .wrap_ofi {
  padding-top: 105%;
}


@media screen and (min-width: 992px) {
  .under_key.rightblank .wrap_ofi > img {
    object-position: 25% center;
    font-family: 'object-fit: cover;object-position: 25% center';
  }
}

@media screen and (max-width: 991px) {
  .under_key.rightblank .wrap_ofi {
    right: auto;
    width: 130%;
  }

  .fx_box.greeting > .item > .wrap_ofi {
    padding-top: 60%;
  }
}


/*--------------------------------------------
  education
--------------------------------------------*/
.box_panel {
  border: 1px solid #dddddd;
  border-radius: .5em;
}
.box_panel + .box_panel {
  margin-top: 3em;
}
.box_panel > .p_hd {
  padding: 1.3em 2.2em;
  border-radius: .5em .5em 0 0;
  background-color: #ebf1fc;
}
.box_panel > .p_hd.none {
  padding: 0;
  padding-top: 1.25em;
}
.box_panel > .p_conts {
  padding: 1.3em 2.2em;
  border-radius: 0 0 .5em .5em;
  background-color: #fff;
}

.box_panel.step {
  position: relative;
}
.box_panel.step:not(.bd_none)::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 5.625em;
  bottom: -3em;
  width: 0;
  border-left: .3rem dotted #2e5b99;
}
.box_panel.step > .p_hd,
.box_panel.step > .p_conts {
  padding-left: 10.6em;
}
.box_panel.step > .conts_fx {
  padding: 2em 2.2em;
  padding-left: 8.6em;
}
.box_panel.step > .conts_fx .fx_box > .item:first-child {
  width: 63%;
}
.box_panel.step > .conts_fx .fx_box > .item:last-child {
  width: 37%;
}
.box_panel.step > .p_hd .label_num {
  position: absolute;
  top: -1.3em;
  left: 2.5em;
  width: 6.25em;
  height: 6.25em;
  padding-top: 1.5em;
  background-color: #2e5b99;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  line-height: 1.1;
  letter-spacing: .05rem;
}
.box_panel.step > .p_hd .label_num .num {
  font-size: 4rem;
}

@media screen and (max-width: 1399px) {
  .under_key.education .wrap_ofi > img {
    object-position: 15% center;
    font-family: 'object-fit: cover;object-position:15% center';
  }
}
@media screen and (max-width: 991px) {
  .under_key.education .wrap_ofi {
    right: auto;
    width: 135%;
  }
  .under_key.education .wrap_ofi > img {
    object-position: 0% center;
    font-family: 'object-fit: cover;object-position:0% center';
  }

  .box_panel + .box_panel {
    margin-top: 2em;
  }
  .box_panel > .p_hd,
  .box_panel > .p_conts {
    padding: 1em 1.5em 1.2em;
  }
  .box_panel > .p_hd.none {
    padding-top: 1em;
  }

  .box_panel.step:not(.bd_none)::before {
    left: 2.8em;
    bottom: -2em;
    border-left: .2rem dotted #2e5b99;
  }
  .box_panel.step > .p_hd,
  .box_panel.step > .p_conts {
    padding-left: 6em;
  }
  .box_panel.step > .conts_fx {
    padding: 1.5em;
    padding-left: 4.2em;
  }
  .box_panel.step > .conts_fx .fx_box {
    display: block;
  }
  .box_panel.step > .conts_fx .fx_box > .item:first-child,
  .box_panel.step > .conts_fx .fx_box > .item:last-child {
    width: 100%;
  }
  .box_panel.step > .p_hd .label_num {
    top: -1em;
    left: 1em;
    width: 5.5em;
    height: 5.5em;
    padding-top: 1.3em;
    font-size: 1.2rem;
  }
  .box_panel.step > .p_hd .label_num .num {
    font-size: 3rem;
  }
}
@media screen and (max-width: 767px) {
  .under_key.education .wrap_ofi {
    right: auto;
    width: 100%;
  }
  .under_key.education .wrap_ofi > img {
    object-position: 13% center;
    font-family: 'object-fit: cover;object-position:13% center';
  }
}
@media screen and (max-width: 575px) {
  .under_key.education .wrap_ofi > img {
    object-position: 5% center;
    font-family: 'object-fit: cover;object-position:5% center';
  }
}



/*--------------------------------------------
  specialist
--------------------------------------------*/
/* KEY */
@media screen and (max-width: 991px) {
  .under_key.specialist .wrap_ofi {
    right: auto;
    width: 130%;
  }
}
@media screen and (max-width: 575px) {
  .under_key.specialist .wrap_ofi {
    width: 155%;
  }
}

/* PAGE NAV */
.w870 {
  max-width: 87rem;
  margin-left: auto;
  margin-right: auto;
}
.nav_page {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: -1.25em;
  margin-left: -.625em;
  margin-right: -.625em;
}
.nav_page > li {
  width: 33%;
  margin-top: 1.25em;
  padding-left: .625em;
  padding-right: .625em;
}
.nav_page > li > a {
  display: block;
  padding: .8em .5em;
  text-align: center;
  line-height: 1.1;
  letter-spacing: .05rem;
}
.nav_page > li > a:hover,
.nav_page > li > a:focus {
  opacity: .7;
}
.nav_page > li > a > span {
  position: relative;
  display: inline-block;
  padding-right: 1.1em;
}
.nav_page > li > a > span::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: .625em;
  height: .375em;
  line-height: 1;
  -webkit-background-size: contain;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.nav_page > li:nth-child(1) > a {
  background-color: #f5f1f9;
}
.nav_page > li:nth-child(1) > a > span::before {
  background-image: url('../Image/common/arrow_b_pu.png');
}
.nav_page > li:nth-child(2) > a {
  background-color: #f1f8ef;
}
.nav_page > li:nth-child(2) > a > span::before {
  background-image: url('../Image/common/arrow_b_gr.png');
}
.nav_page > li:nth-child(3) > a {
  background-color: #ebf1fc;
}
.nav_page > li:nth-child(3) > a > span::before {
  background-image: url('../Image/common/arrow_b_bl.png');
}
.nav_page > li:nth-child(4) > a {
  background-color: #fdfaeb;
}
.nav_page > li:nth-child(4) > a > span::before {
  background-image: url('../Image/common/arrow_b_ye.png');
}
.nav_page > li:nth-child(5) > a {
  background-color: #fef5ed;
}
.nav_page > li:nth-child(5) > a > span::before {
  background-image: url('../Image/common/arrow_b_or.png');
}
.nav_page > li:nth-child(6) > a {
  background-color: #fcf0f6;
}
.nav_page > li:nth-child(6) > a > span::before {
  background-image: url('../Image/common/arrow_b_pi.png');
}

@media screen and (max-width: 991px) {
  .nav_page {
    margin-top: -1em;
    margin-left: -.5em;
    margin-right: -.5em;
  }
  .nav_page > li {
    width: 50%;
    margin-top: 1em;
    padding-left: .5em;
    padding-right: .5em;
  }
}


/* specialist box */
.wrap_special {
  position: relative;
  padding: 5em 0;
  overflow: hidden;
}
.wrap_special::before {
  content: '';
  display: block;
  z-index: -1;
  position: absolute;
  bottom: 0;
  width: 65vw;
  height: 50%;
}
.wrap_special:nth-of-type(odd)::before {
  right: 0;
}
.wrap_special:nth-of-type(even)::before {
  left: 0;
}
.wrap_special:nth-of-type(1)::before {
  background-color: #f5f1f9;
}
.wrap_special:nth-of-type(2)::before {
  background-color: #f1f8ef;
}
.wrap_special:nth-of-type(3)::before {
  background-color: #ebf1fc;
}
.wrap_special:nth-of-type(4)::before {
  background-color: #fdfaeb;
}
.wrap_special:nth-of-type(5)::before {
  background-color: #fef5ed;
}
.wrap_special:nth-of-type(6)::before {
  background-color: #fcf0f6;
}
.wrap_special > .inner > .inr_conts {
  position: relative;
  padding-top: 2.5em;
}
@media screen and (min-width: 992px) {
  .wrap_special:nth-of-type(2) > .inner > .inr_conts {
    padding-bottom: 1em;
  }
}
.wrap_special > .inner > .inr_conts .wrap_ofi {
  position: absolute;
  top: 0;
  width: 50%;
  padding-top: 30%;
}
.wrap_special:nth-of-type(even) > .inner > .inr_conts .wrap_ofi {
  right: 0;
}
.wrap_special > .inner > .inr_conts .conts {
  z-index: 1;
  position: relative;
  width: calc( 50% + 2em );
  padding: 3.75em;
  border-top: .3rem solid transparent;
  background-color: #FFF;
  box-shadow: .5em .5em 1em 0 rgba(0,0,0,.1);
}
.wrap_special:nth-of-type(odd) > .inner > .inr_conts .conts {
  margin-left: auto;
}
.wrap_special:nth-of-type(1) > .inner > .inr_conts .conts {
  border-top-color: #a279c4;
}
.wrap_special:nth-of-type(2) > .inner > .inr_conts .conts {
  border-top-color: #7ab759;
}
.wrap_special:nth-of-type(3) > .inner > .inr_conts .conts {
  border-top-color: #2e5b99;
}
.wrap_special:nth-of-type(4) > .inner > .inr_conts .conts {
  border-top-color: #edca3a;
}
.wrap_special:nth-of-type(5) > .inner > .inr_conts .conts {
  border-top-color: #f79f40;
}
.wrap_special:nth-of-type(6) > .inner > .inr_conts .conts {
  border-top-color: #e26da7;
}
.wrap_special > .inner > .inr_conts .conts > .title {
  margin-bottom: 1em;
  font-weight: 400;
  font-family: 'Kosugi Maru', sans-serif;
  font-size: 2.6rem;
  line-height: 1.3;
  letter-spacing: .1rem;
}
.wrap_special > .inner > .inr_conts .conts > .catch {
  margin-bottom: 1em;
  font-weight: 400;
  font-family: 'Kosugi Maru', sans-serif;
  font-size: 2.1rem;
  line-height: 1.3;
  letter-spacing: .1rem;
}

@media screen and (max-width: 1399px) {
  .wrap_special > .inner > .inr_conts .conts {
    width: 55%;
    padding: 3em;
  }
  .wrap_special > .inner > .inr_conts .conts > .text {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 991px) {
  .wrap_special {
    padding: 3em 0;
  }
  .wrap_special::before {
    width: 100vw;
  }

  .wrap_special > .inner > .inr_conts {
    padding-top: 45%;
  }
  .wrap_special > .inner > .inr_conts .wrap_ofi {
    width: 100%;
    padding-top: 55%;
  }
  .wrap_special > .inner > .inr_conts .conts {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding: 2em 1.5em;
  }
  .wrap_special > .inner > .inr_conts .conts > .title {
    font-size: 2.2rem;
  }
  .wrap_special > .inner > .inr_conts .conts > .catch {
    font-size: 1.8rem;
  }
}



/*-------------------------------------
  department
--------------------------------------*/
.wrap_illust {
  text-align: center;
}
.wrap_illust > .inr_illust {
  position: relative;
  display: inline-block;
  vertical-align: top;
}

.ul_illust {
  position: absolute;
  right: 19%;
  bottom: 15%;
}
.ul_illust > li {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-end;
  margin-top: 1.5em;
  text-align: right;
  white-space: nowrap;
}
.ul_illust > li:nth-child(4) {
  margin-top: 3.8em;
}
.ul_illust > li > a + a {
  margin-left: 1em;
}

.ul_illust > li > a {
  z-index: 1;
  position: relative;
  display: inline-block;
  min-width: 7.7em;
  padding: .5em 2em .6em;
  border-radius: 3em;
  text-align: center;
  font-weight: 500;
  font-size: 1.3rem;
  color: #fff;
  line-height: 1;
  letter-spacing: .1rem;
  transition: .4s;
  cursor: pointer;
  outline: none;
}
.ul_illust > li > a::before,
.ul_illust > li > a::after {
  content: '';
  display: block;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 3em;
  transition: .4s;
}
.ul_illust > li > a::before {
  background-color: #a3b5b9;
  transform: translateY(.15em);
}
.ul_illust > li > a::after {
  border: 1px solid #2e5b99;
  background-color: #2e5b99;
}
.ul_illust > li > a:hover,
.ul_illust > li > a:focus {
  opacity: .9;
  transform: translateY(.15em);
}
.ul_illust > li > a:hover::before,
.ul_illust > li > a:focus::before {
  transform: translateY(0);
}

.ul_illust > li > a > span {
  position: relative;
  display: inline-block;
  padding-left: .8em;
}
.ul_illust > li > a > span::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0;
  margin: auto;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  border-width: .3em 0 .3em .3em;
}

@media screen and (max-width: 1199px) {
  .wrap_illust > .inr_illust {
    max-width: 80%;
  }
}
@media screen and (max-width: 991px) {
  .wrap_illust > .inr_illust {
    max-width: 100%;
  }

  .ul_illust > li {
    margin-top: 1.2em;
  }
  .ul_illust > li:nth-child(4) {
    margin-top: 2em;
  }
}
@media screen and (max-width: 767px) {
  .ul_illust {
    bottom: 11%;
  }
  .ul_illust > li {
    margin-top: 1em;
  }
  .ul_illust > li:nth-child(4) {
    margin-top: 1.5em;
  }

  .ul_illust > li > a {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 575px) {
  .ul_illust {
    position: static;
  }
  .ul_illust > li {
    flex-direction: column;
    align-items: center;
    margin-top: 1.5em;
  }
  .ul_illust > li:nth-child(4) {
    margin-top: 1.5em;
  }
  .ul_illust > li > a {
    min-width: 90%;
    font-size: 1.4rem;
    letter-spacing: .2rem;
  }
  .ul_illust > li > a + a {
    margin-top: 1.5em;
    margin-left: 0;
  }
}

/* department CHILD */
.fx_box.department > .item {
  width: 50%;
}

.fx_box.department4 > .item:first-child {
  width: 45%;
}
.fx_box.department4 > .item:last-child {
  width: 55%;
}

.fx_box.department5 > .item:first-child {
  width: 32.5%;
}
.fx_box.department5 > .item:last-child {
  width: 67.5%;
}

@media screen and (max-width: 991px) {
  .fx_box.department > .item + .item,
  .fx_box.department4 > .item + .item,
  .fx_box.department5 > .item + .item {
      margin-top: 0;
  }
}



/*-------------------------------------
  interview
--------------------------------------*/
.deco_catch {
  margin-bottom: 1.5em;
  text-align: center;
  font-weight: 400;
  font-family: 'Kosugi Maru', sans-serif;
  font-size: 2.6rem;
  letter-spacing: .1rem;
}
.deco_catch > span {
  position: relative;
  display: inline-block;
  padding: 0 2.3em;
}
.deco_catch > span::before,
.deco_catch > span::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1.9em;
  height: 1.9em;
}
.deco_catch > span::before {
  left: 0;
  background: url('../Image/interview/deco01.png') center/contain no-repeat;
}
.deco_catch > span::after {
  right: 0;
  background: url('../Image/interview/deco02.png') center/contain no-repeat;
}

@media screen and (max-width: 991px) {
  .deco_catch {
    font-size: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .deco_catch {
    font-size: 1.7rem;
  }
}




.box_interview {
  padding: 2.2em 3em;
  border-radius: .3em;
  background-color: #ebf1fc;
}

.box_interview > .i_conts {
  padding: 2em 2.5em;
  border-radius: .3em;
  background-color: #fff;
}
.box_interview > .i_conts + .i_conts {
  margin-top: .4em;
}

.box_interview > .i_conts .title {
  font-weight: 400;
  font-family: 'Kosugi Maru', sans-serif;
  font-size: 2.2rem;
  color: #2e5b99;
  line-height: 1.3;
  letter-spacing: .1rem;
}
.box_interview > .i_conts .title > span {
  position: relative;
  display: inline-block;
  padding-left: 1.8em;
}
.box_interview > .i_conts .title > span::before {
  content: 'Q.';
  display: block;
  position: absolute;
  top: -.1em;
  left: 0;
  font-weight: 500;
  font-family: 'Open Sans', sans-serif;
}

.box_interview > .i_conts .indent_txt {
  position: relative;
  padding-left: 3.4em;
}
.box_interview > .i_conts .indent_txt.txt3 {
  padding-left: 4.4em;
}
.box_interview > .i_conts .indent_txt .indent {
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 500;
}
.box_interview > .i_conts > .indent_txt > p:not(.indent) + p:not(.indent) {
  margin-top: .8em;
}

@media screen and (max-width: 991px) {
  .box_interview {
    padding: 1.5em;
  }

  .box_interview > .i_conts {
    padding: 1.2em 1.5em;
  }

  .box_interview > .i_conts .title {
    font-size: 1.8rem;
  }

  .box_interview > .i_conts .indent_txt {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 575px) {
  .box_interview {
    padding: 1em;
  }

  .box_interview > .i_conts {
    padding: 1em;
  }
}



.interview_foot {
  position: relative;
  margin-top: 6.25em;
  padding-top: 20%;
}
.interview_foot::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding-top: 25%;
  background: url('../Image/interview/foot_interview.jpg') center/cover;
}

.interview_foot .inner {
  position: relative;
}
.interview_foot .inner .box_wh {
  padding: 5em 6em 0;
  border-radius: .3em;
  background-color: #fff;
}
.interview_foot .inner .box_wh .catch {
  margin-bottom: 1.5em;
  text-align: center;
  font-weight: 400;
  font-family: 'Kosugi Maru', sans-serif;
  font-size: 2.6rem;
  letter-spacing: .1rem;
}

.interview_foot .btn_3col {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -.6em;
}
.interview_foot .btn_3col > li {
  width: 33.333%;
  padding: 0 .6em;
}
.interview_foot .btn_3col > li > a {
  width: 100%;
}

@media screen and (max-width: 991px) {
  .interview_foot {
    margin-top: 3.75em;
  }

  .interview_foot .inner .box_wh {
    padding: 2em 1em 0;
  }
  .interview_foot .inner .box_wh .catch {
    font-size: 2rem;
  }

  .interview_foot .btn_3col {
    margin: 0 -1.5%;
  }
  .interview_foot .btn_3col > li {
    padding: 0 1.5%;
  }
}
@media screen and (max-width: 767px) {
  .interview_foot .inner .box_wh .catch {
    font-size: 1.7rem;
  }

  .interview_foot .btn_3col > li > a {
    min-width: unset;
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 575px) {
  .interview_foot .btn_3col > li {
    width: 100%;
    text-align: center;
  }
  .interview_foot .btn_3col > li + li {
    margin-top: 1em;
  }
  .interview_foot .btn_3col > li > a {
    max-width: 15em;
  }
}



/*-------------------------------------
  recruit
--------------------------------------*/
.ul_bdcolor {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  margin-top: -2.5em;
  margin-left: -1.25em;
  margin-right: -1.25em;
}
.ul_bdcolor > li {
  width: 50%;
  margin-top: 2.5em;
  padding-left: 1.25em;
  padding-right: 1.25em;
}
.ul_bdcolor > li > a {
  position: relative;
  display: block;
  height: 100%;
}
.ul_bdcolor > li > a::before {
  content: '';
  display: block;
  position: absolute;
  top: .5em;
  left: .5em;
  width: 100%;
  height: 100%;
  border-radius: 1em;
  background: rgba(162, 121, 196, .4);
}
.ul_bdcolor > li:nth-child(2) > a::before {
  background: rgba(226, 109, 167, .4);
}
.ul_bdcolor > li:nth-child(3) > a::before {
  background: rgba(46, 91, 153, .4);
}
.ul_bdcolor > li:nth-child(4) > a::before {
  background: rgba(62, 199, 191, .4);
}
.ul_bdcolor > li:nth-child(5) > a::before {
  background: rgba(122, 183, 89, .4);
}
.ul_bdcolor > li:nth-child(6) > a::before {
  background: rgba(247, 159, 64, .4);
}
.ul_bdcolor > li:nth-child(7) > a::before {
  background: rgba(63, 150, 204, .4);
}
.ul_bdcolor > li > a .inr_wrap {
  position: relative;
  display: block;
  height: 100%;
  padding: 1.5em 2em;
  border-radius: 1em;
  border: .2rem solid #fff;
  background-color: #fff;
}
@media screen and (min-width: 992px) {
  .ul_bdcolor > li > a .inr_wrap {
    transition: .4s;
  }
}
.ul_bdcolor > li > a:hover .inr_wrap,
.ul_bdcolor > li > a:focus .inr_wrap {
  border-color: rgba(162, 121, 196, 1);
  transform: translate(.5em, .5em);
}
.ul_bdcolor > li:nth-child(2) > a:hover .inr_wrap,
.ul_bdcolor > li:nth-child(2) > a:focus .inr_wrap {
  border-color: rgba(226, 109, 167, 1);
}
.ul_bdcolor > li:nth-child(3) > a:hover .inr_wrap,
.ul_bdcolor > li:nth-child(3) > a:focus .inr_wrap {
  border-color: rgba(46, 91, 153, 1);
}
.ul_bdcolor > li:nth-child(4) > a:hover .inr_wrap,
.ul_bdcolor > li:nth-child(4) > a:focus .inr_wrap {
  border-color: rgba(62, 199, 191, 1);
}
.ul_bdcolor > li:nth-child(5) > a:hover .inr_wrap,
.ul_bdcolor > li:nth-child(5) > a:focus .inr_wrap {
  border-color: rgba(122, 183, 89, 1);
}
.ul_bdcolor > li:nth-child(6) > a:hover .inr_wrap,
.ul_bdcolor > li:nth-child(6) > a:focus .inr_wrap {
  border-color: rgba(247, 159, 64, 1);
}
.ul_bdcolor > li:nth-child(7) > a:hover .inr_wrap,
.ul_bdcolor > li:nth-child(7) > a:focus .inr_wrap {
  border-color: rgba(63, 150, 204, 1);
}
.ul_bdcolor > li > a .inr_wrap .title {
  font-weight: 400;
  font-family: 'Kosugi Maru', sans-serif;
  font-size: 2rem;
  line-height: 1.3;
  letter-spacing: .1rem;
}
.ul_bdcolor > li > a .inr_wrap .title > span {
  position: relative;
  display: inline-block;
  padding-left: 1.2em;
}
.ul_bdcolor > li > a .inr_wrap .title > span::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: .7em;
  height: .7em;
  border-radius: 50%;
  background-color: rgba(162, 121, 196, 1);
}
.ul_bdcolor > li:nth-child(2) > a .inr_wrap .title > span::before {
  background: rgba(226, 109, 167, 1);
}
.ul_bdcolor > li:nth-child(3) > a .inr_wrap .title > span::before {
  background: rgba(46, 91, 153, 1);
}
.ul_bdcolor > li:nth-child(4) > a .inr_wrap .title > span::before {
  background: rgba(62, 199, 191, 1);
}
.ul_bdcolor > li:nth-child(5) > a .inr_wrap .title > span::before {
  background: rgba(122, 183, 89, 1);
}
.ul_bdcolor > li:nth-child(6) > a .inr_wrap .title > span::before {
  background: rgba(247, 159, 64, 1);
}
.ul_bdcolor > li:nth-child(7) > a .inr_wrap .title > span::before {
  background: rgba(63, 150, 204, 1);
}
.ul_bdcolor > li > a .inr_wrap .title > span::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: .28em;
  bottom: 0;
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: .15em 0 .15em .2em;
  border-color: transparent transparent transparent #fff;
}
.ul_bdcolor > li > a .inr_wrap .text {
  margin-top: .5em;
  font-size: 1.5rem;
}

@media screen and (max-width: 991px) {
  .ul_bdcolor {
    margin-top: -1.5em;
    margin-left: -1.5%;
    margin-right: -1.5%;
  }
  .ul_bdcolor > li {
    margin-top: 1.5em;
    padding-left: 1.5%;
    padding-right: 1.5%;
  }

  .ul_bdcolor > li > a .inr_wrap {
    padding: 1.2em 1.5em;
  }
  .ul_bdcolor > li > a .inr_wrap .title {
    font-size: 1.8rem;
  }
  .ul_bdcolor > li > a .inr_wrap .text {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .ul_bdcolor > li {
    width: 100%;
  }
}



/*-------------------------------------
  FAQ
--------------------------------------*/
.dl_faq {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
.dl_faq dd + dt {
  border-top: 1px solid #dddddd;
}
.dl_faq dt {
  position: relative;
  padding: 1.2em 2em;
  font-size: 2rem;
  line-height: 1.3;
  letter-spacing: .1rem;
  cursor: pointer;
}
.dl_faq dt::before {
  content: 'Q';
  display: block;
  position: absolute;
  top: 1em;
  left: .3em;
  font-weight: 400;
  font-family: 'La Belle Aurore', cursive;
  font-size: 3rem;
  color: #2e5b99;
  line-height: 1;
}
.dl_faq dt::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: .5em;
  bottom: 0;
  margin: auto;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  background: #ebf1fc url(../Image/common/arrow_b_bl.png) center/.5em no-repeat;
  transition: .4s;
}
.dl_faq > dd {
  position: relative;
  padding-left: 2.5em;
  padding-right: 2em;
  padding-bottom: 2em;
}
.dl_faq > dd::before {
  content: 'A';
  display: block;
  position: absolute;
  top: .1em;
  left: 0;
  font-weight: 400;
  font-family: 'La Belle Aurore', cursive;
  font-size: 3rem;
  color: #DF5E5E;
  line-height: 1;
}

.dl_faq dt + dd {
  display: none;
}
.dl_faq dt.open::after {
  transform: rotate(180deg);
}

@media screen and (max-width: 991px) {
  .dl_faq dt {
    font-size: 1.8rem;
  }
  .dl_faq dt::before {
    top: .8em;
  }
  .dl_faq > dd {
    padding-left: 2.3em;
  }
}




/*-------------------------------------
  お問い合わせ
--------------------------------------*/
input:not([type='radio']):not([type='checkbox']),
select,
textarea {
  width: 100%;
  font-size: 1.4rem;
  padding: 1rem;
  border: 1px solid #eee;
  line-height: 1.3;
}
select {
  padding: .8rem 1rem;
}
.ios select {
  -webkit-appearance: button;
  appearance: button;
  padding: .8rem 1rem;
}
textarea {
  min-height: 20rem;
}

.input_short {
  max-width: 15em;
}
.input_middle {
  max-width: 30em;
}

.tbl_col2.tbl_form > tbody > tr > th {
  width: 26%;
}

.input_under {
  margin-top: .3em;
  font-size: 1.4rem;
}

.form_require {
  position: relative;
  display: block;
  padding-right: 3.5em;
}
.form_require > span {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  height: 1.8em;
  padding: .4em .6em;
  background-color: #0d1e59;
  text-align: center;
  font-weight: 500;
  font-size: 75%;
  color: #fff;
  line-height: 1;
  letter-spacing: .1rem;
}


.ul_radio {
  line-height: 2;
}
.ul_radio > li {
  display: inline-block;
  line-height: 1.3;
}
.ul_radio > li:not(:last-child) label {
  display: inline-block;
  margin-right: 1.6em;
}
.ul_radio > li:last-child {
  margin-right: 0;
}
.ul_radio > li label > input {
  position: absolute;
  visibility: hidden;
}
.ul_radio > li label > input + span {
  position: relative;
  display: inline-block;
  padding-left: 1.8em;
}
.ul_radio > li label > input + span::before {
  content: '';
  display: block;
  position: absolute;
  top: .0625em;
  left: 0;
  width: 1.125em;
  height: 1.125em;
  border-radius: 50%;
  border: 1px solid #c9c9c9;
  background-color: #f4f4f4;
}
.ul_radio > li label > input:checked + span::after {
  content: '';
  display: block;
  position: absolute;
  top: .375em;
  left: .3125em;
  width: .5em;
  height: .5em;
  border-radius: 50%;
  background-color: #666;
}

.item_checkbox {
  text-align: center;
  line-height: 1.3;
  letter-spacing: .1rem;
}
.item_checkbox label > input {
  position: absolute;
  visibility: hidden;
}
.item_checkbox label > input + span {
  position: relative;
  display: inline-block;
  padding-left: 1.8em;
}
.item_checkbox label > input + span::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1.25em;
  height: 1.25em;
  border: 1px solid #c9c9c9;
  background-color: #f4f4f4;
}
.item_checkbox label > input:checked + span::after {
  display: block;
  content: '';
  position: absolute;
  top: .1875em;
  left: .1875em;
  width: 1.125em;
  height: .6em;
  border-left: .3rem solid #333;
  border-bottom: .3rem solid #333;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}


.label_row {
  width: 100%;
  display: table;
}
.label_row + .label_row {
  margin-top: 1em;
}
.label_row > * {
  display: table-cell;
}
.label_row > .label {
  width: 3em;
  padding-right: 1em;
  text-align: right;
  white-space: nowrap;
}
.label_row.bk {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
}
.label_row.bk > .label {
  width: calc( 100% - 15em );
  padding-left: 1em;
  padding-right: 0;
  text-align: left;
}



.address_row {
  display: table;
  width: 100%;
}
.address_row + .address_row {
  margin-top: .8em;
}
.address_row > * {
  display: table-cell;
}
.address_row > .label {
  width: 11.25em;
  padding-right: 1em;
  text-align: right;
  white-space: nowrap;
}

@media screen and (max-width : 991px ) {
  input:not([type='radio']):not([type='checkbox']),
  select,
  textarea {
    font-size: 1.8rem;
    padding: 1rem .8rem;
  }
  select {
    padding: 1rem .8rem;
  }
  .ios select {
    padding: 1.4rem .8rem;
  }

  .label_row + .label_row {
    margin-top: .8em;
  }
}

@media screen and (max-width : 767px ) {
  textarea {
    min-height: 14rem;
  }

  .under_text {
    font-size: 1.2rem;
  }

  .address_row {
    display: block;
  }
  .address_row:not(.tbl_sp) > * {
    display: block;
  }
  .address_row:not(.tbl_sp) > .label {
    margin-bottom: .3em;
    width: 100%;
    padding-right: 0;
    text-align: left;
  }
  .address_row.tbl_sp > .label {
    width: 2.5em;
    padding-right: .6em;
  }

}


/*-------------------------------------
  プライバシーポリシー
--------------------------------------*/
.terms_box > h2,
.terms_box > h3,
.terms_box > h4 {
  margin-bottom: 1rem;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.3;
}
.terms_box > h2::before,
.terms_box > h3::before,
.terms_box > h4::before {
  content: '■';
  margin-right: 1rem;
  font-size: 1.2rem;
  vertical-align: .1rem;
}
.terms_box > p,
.terms_box > ul {
  font-size: 1.4rem;
}
.terms_box > p + h2,
.terms_box > ul + h2,
.terms_box > p + h3,
.terms_box > ul + h3,
.terms_box > p + h4,
.terms_box > ul + h4 {
  margin-top: 3.5rem;
}
.terms_box > p + p {
  margin-top: 1.5rem;
}
.terms_box > p + ul {
  margin-top: 1rem;
}
.terms_box > p > a {
  color: #3094b3;
  word-break: break-all;
}

@media screen and (max-width : 767px ) {
  .terms_box > p + h2,
  .terms_box > ul + h2,
  .terms_box > p + h3,
  .terms_box > ul + h3,
  .terms_box > p + h4,
  .terms_box > ul + h4 {
    margin-top: 2.5rem;
  }

}



/*-------------------------------------
  サイトマップ
--------------------------------------*/
.ul_sitemap > li + li {
  margin-top: 1.5em;
}
.ul_sitemap > li > a,
.ul_sitemap > li > div {
  position: relative;
  display: block;
  padding: .6em 1em;
  padding-right: 2em;
  border-radius: .5em;
  background-color: #ebf1fc;
  font-weight: 400;
  font-family: 'Kosugi Maru', sans-serif;
  font-size: 2rem;
  line-height: 1.3;
  letter-spacing: .1rem;
}
.ul_sitemap > li > a::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 1em;
  bottom: 0;
  margin: auto;
  width: .8em;
  height: .8em;
  background: url(../Image/common/icon_arrow_bl.png) center/contain no-repeat;
}
.ul_sitemap > li > a:hover,
.ul_sitemap > li > a:focus {
  opacity: .7;
}
.ul_sitemap > li > ul {
  margin-top: 1em;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  margin-left: -.5em;
  margin-right: -.5em;
}
.ul_sitemap > li > ul > li {
  width: 50%;
  padding-left: .5em;
  padding-right: .5em;
}
.ul_sitemap > li > ul > li > a {
  position: relative;
  display: block;
  padding: .6em;
  padding-left: 2em;
  border-bottom: 1px solid #ddd;
}
.ul_sitemap > li > ul > li > a::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: .8em;
  bottom: 0;
  margin: auto;
  width: .625em;
  height: .375em;
  transform: rotate(-90deg);
  line-height: 1;
  background: url(../Image/common/arrow_b_bl.png) center/contain no-repeat;
}
.ul_sitemap > li > ul > li > a:hover,
.ul_sitemap > li > ul > li > a:focus {
  background-color: #f4f4f4;
}

@media screen and (max-width: 575px) {
  .ul_sitemap > li > ul > li {
    width: 100%;
  }
}




/*-------------------------------------
  schedule
--------------------------------------*/
.schedule_box > .row {
  position: relative;
  min-height: 14rem;
  padding-top: 4rem;
  padding-left: 13.5rem;
  padding-bottom: 4rem;
}
.schedule_box > .row:last-child {
  min-height: auto;
  padding-bottom: 0;
}
.schedule_box > .row.pdb0 {
  padding-bottom: 0;
}
.schedule_box > .row:not(:last-child)::before {
  content: '';
  display: block;
  position: absolute;
  top: 1em;
  bottom: 0;
  left: 4.7rem;
  width: .6rem;
  background-color: #eb91bd;
}
.schedule_box > .row > .time {
  position: relative;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 10rem;
  height: 10rem;
  background-color: #fed6ea;
  border-radius: 50%;
  font-weight: 600;
  font-family: 'Open Sans', sans-serif;
  font-size: 2.8rem;
  color: #e26da7;
  line-height: 1.1;
}
.schedule_box > .row > .time:before {
  content: '';
  display: block;
  position: absolute;
  top: .5rem;
  left: .5rem;
  right: .5rem;
  bottom: .5rem;
  border: 2px solid #fff;
  border-radius: 50%;
}
.schedule_box > .row > .itemwrap {
  position: relative;
}
.schedule_box > .row > .itemwrap > .item {
  position: relative;
  width: 40rem;
}
.schedule_box > .row > .itemwrap > .item .imgwrap {
  position: relative;
  padding-top: 2em;
}
.schedule_box > .row > .itemwrap > .item .imgwrap.pdt_lg {
  padding-top: 3.4em;
}
.schedule_box > .row > .itemwrap > .item .imgwrap > img {
  border-radius: .3em;
}

@media screen and (max-width : 991px ) {
  .schedule_box > .row {
    min-height: 10rem;
    padding-top: 2.5rem;
    padding-left: 9rem;
    padding-bottom: 2.5rem;
  }
  .schedule_box > .row:last-child {
    padding-bottom: 0;
  }
  .schedule_box > .row:not(:last-child)::before {
    left: 3.3rem;
    width: .4rem;
  }
  .schedule_box > .row > .time {
    width: 7rem;
    height: 7rem;
    font-size: 2rem;
  }
  .schedule_box > .row > .time:before {
    top: .3rem;
    left: .3rem;
    right: .3rem;
    bottom: .3rem;
  }
  .schedule_box > .row > .itemwrap > .item {
    width: 28rem;
  }
  .schedule_box > .row > .itemwrap > .item .imgwrap {
    padding-top: 1.5em;
  }
  .schedule_box > .row > .itemwrap > .item .imgwrap.pdt_lg {
    padding-top: 2.5em;
  }
}

@media screen and (max-width : 767px ) {
  .schedule_box > .row {
    min-height: 8rem;
    padding-top: 1.8rem;
    padding-left: 8rem;
  }
  .schedule_box > .row:not(:last-child)::before {
    left: 2.8rem;
    width: .4rem;
  }
  .schedule_box > .row > .time {
    width: 6rem;
    height: 6rem;
    font-size: 1.7rem;
  }
  .schedule_box > .row > .time:before {
    border-width: 1px;
  }
  .schedule_box > .row > .itemwrap > .item {
    width: 100%;
  }
}




/* acute */
.schedule_box > .row > .itemwrap.acute0830 > .item:nth-of-type(1) .imgwrap .deco {
  position: absolute;
  right: 2.5em;
  transform: translateY(-110%);
}
.schedule_box > .row > .itemwrap.acute0830 > .item:nth-of-type(2) {
  margin-top: -15rem;
  transform: translateX( 45rem );
}
.schedule_box > .row > .itemwrap.acute0830 > .item:nth-of-type(2) .imgwrap .fukidashi {
  margin-top: -7em;
}
.schedule_box > .row > .itemwrap.acute0830 > .item:nth-of-type(3) {
  position: absolute;
  left: 0;
  bottom: 10rem;
}

.schedule_box > .row > .itemwrap.acute0900 > .item:nth-of-type(1) .imgwrap .fukidashi {
  position: absolute;
  left: 42rem;
  white-space: nowrap;
}

.schedule_box > .row > .itemwrap.acute1130 > .item:nth-of-type(1) .imgwrap .fukidashi {
  position: absolute;
  left: 42rem;
  white-space: nowrap;
}

.schedule_box > .row > .itemwrap.acute1330 > .item:nth-of-type(1) .imgwrap .fukidashi {
  position: absolute;
  left: 42rem;
  white-space: nowrap;
}
.schedule_box > .row > .itemwrap.acute1330 > .item:nth-of-type(1) .imgwrap .fukidashi .deco {
  position: absolute;
  right: -2.5em;
  bottom: 1em;
}

.schedule_box > .row > .itemwrap.acute1400 > .item:nth-of-type(2) {
  margin-top: -15rem;
  transform: translateX( 45rem );
}
.schedule_box > .row > .itemwrap.acute1400 > .item:nth-of-type(2) .imgwrap .fukidashi {
  margin-top: -5em;
  margin-right: -4em;
}

.schedule_box > .row > .itemwrap.acute1645 > .item:nth-of-type(1) .imgwrap .fukidashi {
  position: absolute;
  left: 42rem;
  white-space: nowrap;
}

.schedule_box > .row > .itemwrap.acute1715 > .item:nth-of-type(1) .deco {
  position: absolute;
  top: -1em;
  left: 21rem;
  width: 9rem;
}


@media screen and (max-width : 991px ) {
  .schedule_box > .row > .itemwrap.acute0830 > .item:nth-of-type(1) .imgwrap .deco {
    right: -2em;
    width: 10rem;
  }
  .schedule_box > .row > .itemwrap.acute0830 > .item:nth-of-type(2) {
    transform: translateX( 32rem );
  }
  .schedule_box > .row > .itemwrap.acute0830 > .item:nth-of-type(2) .imgwrap .fukidashi {
    margin-top: -1.5em;
  }

  .schedule_box > .row > .itemwrap.acute0900 > .item:nth-of-type(1) .imgwrap .fukidashi {
    left: 30rem;
  }

  .schedule_box > .row > .itemwrap.acute1130 > .item:nth-of-type(1) .imgwrap .fukidashi {
    left: 30rem;
  }

  .schedule_box > .row > .itemwrap.acute1330 > .item:nth-of-type(1) .imgwrap .fukidashi {
    left: 30rem;
  }
  .schedule_box > .row > .itemwrap.acute1330 > .item:nth-of-type(1) .imgwrap .fukidashi .deco {
    width: 4.5rem;
    right: -1.5em;
  }

  .schedule_box > .row > .itemwrap.acute1400 > .item:nth-of-type(2) {
    transform: translateX( 32rem );
  }
  .schedule_box > .row > .itemwrap.acute1400 > .item:nth-of-type(2) .imgwrap .fukidashi {
    margin-top: -.5em;
    margin-right: 0;
  }

  .schedule_box > .row > .itemwrap.acute1645 > .item:nth-of-type(1) .imgwrap .fukidashi {
    left: 30rem;
  }

  .schedule_box > .row > .itemwrap.acute1715 > .item:nth-of-type(1) .deco {
    top: -.5em;
    left: 20rem;
    width: 7.5rem;
  }
}

@media screen and (max-width : 767px ) {
  .schedule_box > .row > .itemwrap.acute0830 > .item:nth-of-type(1) .imgwrap {
    margin-top: -1em;
  }
  .schedule_box > .row > .itemwrap.acute0830 > .item:nth-of-type(1) .imgwrap .deco {
    top: 2em;
    left: 3em;
    right: auto;
    width: 10rem;
    transform: translateY(0);
  }
  .schedule_box > .row > .itemwrap.acute0830 > .item:nth-of-type(2) {
    margin-top: 3em;
    transform: translateX(0);
  }
  .schedule_box > .row > .itemwrap.acute0830 > .item:nth-of-type(2) .imgwrap .fukidashi {
    margin-top: -4em;
  }
  .schedule_box > .row > .itemwrap.acute0830 > .item:nth-of-type(3) {
    position: static;
    margin-top: 3em;
    padding-bottom: 2em;
  }

  .schedule_box > .row > .itemwrap.acute0900 > .item:nth-of-type(1) .imgwrap .fukidashi {
    position: static;
    margin-top: -5em;
  }

  .schedule_box > .row > .itemwrap.acute1130 > .item:nth-of-type(1) .imgwrap .fukidashi {
    position: static;
    margin-top: -3em;
  }

  .schedule_box > .row > .itemwrap.acute1330 > .item:nth-of-type(1) .imgwrap .fukidashi {
    position: relative;
    left: auto;
    margin-top: -3em;
  }
  .schedule_box > .row > .itemwrap.acute1330 > .item:nth-of-type(1) .imgwrap .fukidashi .deco {
    width: 4rem;
    right: -.5em;
    bottom: 0em;
  }

  .schedule_box > .row > .itemwrap.acute1400 > .item:nth-of-type(2) {
    margin-top: 3em;
    transform: translateX(0);
  }
  .schedule_box > .row > .itemwrap.acute1400 > .item:nth-of-type(2) .imgwrap .fukidashi {
    margin-top: -4em;
  }

  .schedule_box > .row > .itemwrap.acute1645 > .item:nth-of-type(1) .imgwrap .fukidashi {
    position: static;
    margin-top: -3em;
  }
}

@media screen and (max-width : 575px ) {
  .schedule_box > .row > .itemwrap.acute0830 > .item:nth-of-type(1) .imgwrap .deco {
    left: .5em;
  }
  .schedule_box > .row > .itemwrap.acute0830 > .item:nth-of-type(2) .imgwrap .fukidashi {
    margin-top: -1em;
  }

  .schedule_box > .row > .itemwrap.acute0900 > .item:nth-of-type(1) .imgwrap .fukidashi {
    margin-top: -.5em;
  }

  .schedule_box > .row > .itemwrap.acute1130 > .item:nth-of-type(1) .imgwrap .fukidashi {
    margin-top: -.5em;
  }

  .schedule_box > .row > .itemwrap.acute1330 > .item:nth-of-type(1) .imgwrap .fukidashi {
    margin-top: -.5em;
  }
  .schedule_box > .row > .itemwrap.acute1330 > .item:nth-of-type(1) .imgwrap .fukidashi .deco {
    right: 0;
  }

  .schedule_box > .row > .itemwrap.acute1400 > .item:nth-of-type(2) .imgwrap .fukidashi {
    margin-top: -.5em;
  }

  .schedule_box > .row > .itemwrap.acute1645 > .item:nth-of-type(1) .imgwrap .fukidashi {
    margin-top: -.5em;
  }
}



/* ope */
.schedule_box > .row > .itemwrap.ope0830 > .item:nth-of-type(1) .imgwrap .deco {
  position: absolute;
  right: 2.5em;
  transform: translateY(-110%);
}
.schedule_box > .row > .itemwrap.ope0830 > .item:nth-of-type(1) .imgwrap .fukidashi {
  position: absolute;
  left: 42rem;
  white-space: nowrap;
}

.schedule_box > .row > .itemwrap.ope0845 > .item:nth-of-type(1) .imgwrap .fukidashi {
  position: absolute;
  left: 42rem;
  white-space: nowrap;
}

.schedule_box > .row > .itemwrap.ope0900 > .item:nth-of-type(1) .imgwrap .fukidashi {
  margin-top: -5em;
}
.schedule_box > .row > .itemwrap.ope0900 > .item:nth-of-type(2) {
  margin-top: -15rem;
  transform: translateX( 45rem );
}
.schedule_box > .row > .itemwrap.ope0900 > .item:nth-of-type(2) .imgwrap .fukidashi {
  margin-top: -5em;
}
.schedule_box > .row > .itemwrap.ope0900 > .item:nth-of-type(3) {
  margin-top: -15rem;
}

.schedule_box > .row > .itemwrap.ope1130 > .item:nth-of-type(1) {
  margin-top: 4em;
  margin-bottom: -2em;
}
.schedule_box > .row > .itemwrap.ope1130 > .item:nth-of-type(1) .deco {
  position: absolute;
  top: -.5em;
  left: 35rem;
  width: 4.5rem;
}

.schedule_box > .row > .itemwrap.ope1400 > .item:nth-of-type(2) {
  margin-top: -15rem;
  transform: translateX( 45rem );
}
.schedule_box > .row > .itemwrap.ope1400 > .item:nth-of-type(2) .imgwrap .fukidashi {
  margin-top: -5em;
}

.schedule_box > .row > .itemwrap.ope1715 > .item:nth-of-type(1) .deco {
  position: absolute;
  top: -1em;
  left: 21rem;
  width: 9rem;
}

@media screen and (max-width : 991px ) {
  .schedule_box > .row > .itemwrap.ope0830 > .item:nth-of-type(1) .imgwrap .deco {
    right: -2em;
    width: 10rem;
  }
  .schedule_box > .row > .itemwrap.ope0830 > .item:nth-of-type(1) .imgwrap .fukidashi {
    left: 30rem;
  }

  .schedule_box > .row > .itemwrap.ope0845 > .item:nth-of-type(1) .imgwrap .fukidashi {
    left: 30rem;
  }

  .schedule_box > .row > .itemwrap.ope0900 > .item:nth-of-type(1) .imgwrap .fukidashi {
    margin-top: -.5em;
  }
  .schedule_box > .row > .itemwrap.ope0900 > .item:nth-of-type(2) {
    transform: translateX( 32rem );
  }
  .schedule_box > .row > .itemwrap.ope0900 > .item:nth-of-type(2) .imgwrap .fukidashi {
    margin-top: -.5em;
  }
  .schedule_box > .row > .itemwrap.ope0900 > .item:nth-of-type(3) {
    margin-top: -12rem;
  }

  .schedule_box > .row > .itemwrap.ope1130 > .item:nth-of-type(1) {
    margin-top: 3em;
    margin-bottom: -1em;
  }
  .schedule_box > .row > .itemwrap.ope1130 > .item:nth-of-type(1) .deco {
    top: 0;
    left: 22rem;
  }

  .schedule_box > .row > .itemwrap.ope1400 > .item:nth-of-type(2) {
    transform: translateX( 32rem );
  }
  .schedule_box > .row > .itemwrap.ope1400 > .item:nth-of-type(2) .imgwrap .fukidashi {
    margin-top: -.5em;
  }

  .schedule_box > .row > .itemwrap.ope1715 > .item:nth-of-type(1) .deco {
    top: -.5em;
    left: 20rem;
    width: 7.5rem;
  }
}
@media screen and (max-width : 767px ) {
  .schedule_box > .row > .itemwrap.ope0830 > .item:nth-of-type(1) .imgwrap .deco {
    top: 1em;
    left: 3em;
    right: auto;
    width: 10rem;
    transform: translateY(0);
  }
  .schedule_box > .row > .itemwrap.ope0830 > .item:nth-of-type(1) .imgwrap .fukidashi {
    position: static;
  }

  .schedule_box > .row > .itemwrap.ope0845 > .item:nth-of-type(1) .imgwrap .fukidashi {
    position: static;
    margin-top: -4em;
  }

  .schedule_box > .row > .itemwrap.ope0900 > .item:nth-of-type(1) .imgwrap .fukidashi {
    margin-top: -4em;
  }
  .schedule_box > .row > .itemwrap.ope0900 > .item:nth-of-type(2) {
    margin-top: 3em;
    transform: translateX(0);
  }
  .schedule_box > .row > .itemwrap.ope0900 > .item:nth-of-type(2) .imgwrap .fukidashi {
    margin-top: -3em;
  }
  .schedule_box > .row > .itemwrap.ope0900 > .item:nth-of-type(3) {
    margin-top: 3em;
  }
  .schedule_box > .row > .itemwrap.ope0900 > .item:nth-of-type(3) .imgwrap .fukidashi {
    margin-top: -1.5em;
  }

  .schedule_box > .row > .itemwrap.ope1400 > .item:nth-of-type(2) {
    margin-top: 3em;
    transform: translateX(0);
  }
  .schedule_box > .row > .itemwrap.ope1400 > .item:nth-of-type(2) .imgwrap .fukidashi {
    margin-top: -3em;
  }
}
@media screen and (max-width : 575px ) {
  .schedule_box > .row > .itemwrap.ope0830 > .item:nth-of-type(1) .imgwrap .deco {
    left: .5em;
  }

  .schedule_box > .row > .itemwrap.ope0845 > .item:nth-of-type(1) .imgwrap .fukidashi {
    margin-top: -.5em;
  }

  .schedule_box > .row > .itemwrap.ope0900 > .item:nth-of-type(1) .imgwrap .fukidashi {
    margin-top: -.5em;
  }

  .schedule_box > .row > .itemwrap.ope1130 > .item:nth-of-type(1) {
    margin-top: 2em;
  }

  .schedule_box > .row > .itemwrap.ope1400 > .item:nth-of-type(2) .imgwrap .fukidashi {
    margin-top: -.5em;
  }
}
