@charset "UTF-8";
/* ===================================================================
CSS information

file name  : homepage.css
author     : Abilive
style info : トップページ
=================================================================== */
/* ===================================================================
CSS information

file name  : _settings.scss
author     : Abilive
style info : 汎用設定
=================================================================== */
.con_news {
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 1025px) {
  .con_news {
    width: calc(1100 / 1440 * 100%);
    max-width: calc(1100px);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .con_news {
    max-width: calc(1100px * (17 / 14));
  }
}
@media only screen and (min-width: 1025px) {
  html[data-fsz="large"] .con_news {
    max-width: none;
    width: calc(100% - 5%*1);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_news {
    width: calc(1320 / 1440 * 100%);
  }
}
@media only screen and (min-width: 768px) {
  .con_news {
    margin-bottom: 9.28rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_news {
    margin-bottom: 4.61rem;
  }
}
@media only screen and (min-width: 768px) {
  .con_news {
    margin-top: 7.14rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_news {
    margin-top: 4rem;
  }
}
@media only screen and (min-width: 768px) {
  .con_news .st_news {
    margin-bottom: 2.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_news .st_news {
    margin-bottom: 1.73rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_news .tab_news {
    margin-bottom: 1.15rem;
  }
}
@media only screen and (min-width: 768px) {
  .con_news .btn_news {
    margin-top: 3.57rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_news .btn_news {
    margin-top: 1.73rem;
  }
}

.box_news {
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .box_news.tmp_bdr_box:not(.with_link) {
    border-width: 1px 0 1px 0;
    border-radius: 0;
  }
}
.box_news li:not(:last-child) {
  border-width: 0 0 1px 0;
  border-style: solid;
}
[data-theme="white"] .box_news li:not(:last-child) {
  border-color: #dcdcdc;
}
.box_news a {
  min-height: 6.07rem;
  width: 100%;
  display: flex;
  align-items: center;
  text-decoration: none;
  padding: 1em 0;
}
@media only screen and (max-width: 767px) {
  .box_news a {
    height: auto;
    padding: 1em 0;
  }
}
.box_news a > .inner {
  height: 100%;
  width: calc(1000 / 1100 * 100%);
  margin-right: auto;
  margin-left: auto;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.box_news a > .inner > .inner2 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: calc(915 / 1000 * 100%);
}
@media only screen and (max-width: 767px) {
  .box_news a > .inner > .inner2 {
    width: calc(688 / 768 * 100%);
  }
}
.box_news a > .inner > .inner2 time {
  width: calc(125 / 915 * 100%);
  letter-spacing: .06em;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .box_news a > .inner > .inner2 time {
    font-size: 0.86rem;
  }
}
@media only screen and (max-width: 767px) {
  .box_news a > .inner > .inner2 time {
    font-size: 0.92rem;
  }
}
@media only screen and (max-width: 767px) {
  .box_news a > .inner > .inner2 time {
    width: auto;
    margin-right: .5em;
  }
}
.box_news a > .inner > .inner2 .cate {
  width: calc(135 / 915 * 100%);
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .box_news a > .inner > .inner2 .cate {
    font-size: 0.86rem;
  }
}
@media only screen and (max-width: 767px) {
  .box_news a > .inner > .inner2 .cate {
    font-size: 0.92rem;
  }
}
@media only screen and (max-width: 767px) {
  .box_news a > .inner > .inner2 .cate {
    width: 8em;
  }
}
.box_news a > .inner > .inner2 .cate span {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 .6em;
  overflow: hidden;
  border-radius: 0.35rem;
  line-height: 1;
  height: 1.42rem;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
}
[data-theme="white"] .box_news a > .inner > .inner2 .cate span {
  color: #fff;
  background-color: #222222;
}
@media only screen and (max-width: 767px) {
  .box_news a > .inner > .inner2 .cate span {
    border-radius: 1000px;
  }
}
.box_news a > .inner > .inner2 .txt {
  text-decoration: underline;
  width: calc(655 / 915 * 100%);
}
@media only screen and (min-width: 768px) {
  .box_news a > .inner > .inner2 .txt {
    font-size: 1.07rem;
  }
}
@media only screen and (max-width: 767px) {
  .box_news a > .inner > .inner2 .txt {
    font-size: 0.96rem;
  }
}
@media only screen and (max-width: 767px) {
  .box_news a > .inner > .inner2 .txt {
    letter-spacing: 0.03em;
    width: 100%;
  }
}
.box_news a > .inner::after {
  font-size: 1.07rem;
  content: "\e901";
  font-family: 'icomoon';
  text-align: center;
  width: calc(85 / 1000 * 100%);
  display: block;
}
@media only screen and (max-width: 767px) {
  .box_news a > .inner::after {
    width: calc(80 / 768 * 100%);
  }
}
[data-theme="white"] .box_news a > .inner::after {
  color: #045ccf;
}
[data-theme="white"] .box_news a:visited {
  color: #395a77;
}
[data-theme="white"] .box_news a:visited > .inner .inner2 .cate span {
  background-color: #395a77;
}
.mouse .box_news a:hover, .box_news a.is-active, .box_news a:focus, .box_news a:focus-within, .touch .box_news a.touchstart {
  outline: none;
  box-shadow: 0.12rem 0.48rem 1.14rem 0 rgba(0, 0, 0, 0.1);
}
.mouse .box_news a:hover > .inner, .box_news a.is-active > .inner, .box_news a:focus > .inner, .box_news a:focus-within > .inner, .touch .box_news a.touchstart > .inner {
  transform: translateX(1.07rem);
}
@media only screen and (max-width: 767px) {
  .mouse .box_news a:hover > .inner, .box_news a.is-active > .inner, .box_news a:focus > .inner, .box_news a:focus-within > .inner, .touch .box_news a.touchstart > .inner {
    transform: translateX(0.96rem);
  }
}
.touch .box_news a {
  -webkit-tap-highlight-color: transparent;
}
.touch .box_news a.touchend {
  transition-delay: 200ms;
}
[data-theme="white"].mouse .box_news a:hover, [data-theme="white"] .box_news a.is-active, [data-theme="white"] .box_news a:focus, [data-theme="white"] .box_news a:focus-within, [data-theme="white"].touch .box_news a.touchstart {
  outline: none;
  color: #045ccf;
  background-color: #f4f4f5;
}
[data-theme="white"].mouse .box_news a:hover > .inner .inner2 .cate span, [data-theme="white"] .box_news a.is-active > .inner .inner2 .cate span, [data-theme="white"] .box_news a:focus > .inner .inner2 .cate span, [data-theme="white"] .box_news a:focus-within > .inner .inner2 .cate span, [data-theme="white"].touch .box_news a.touchstart > .inner .inner2 .cate span {
  background-color: #045ccf;
}

.con_imp {
  margin-right: auto;
  margin-left: auto;
  align-items: center;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_imp {
    width: calc(1320 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_imp {
    width: calc(700 / 767 * 100%);
  }
}
@media only screen and (min-width: 768px) {
  .con_imp {
    margin-bottom: 6.42rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_imp {
    margin-bottom: 4rem;
  }
}
@media only screen and (min-width: 768px) {
  .con_imp {
    width: calc(1360 / 1440 * 100%);
    max-width: 1651px;
    display: flex;
  }
}
@media only screen and (max-width: 767px) {
  .con_imp {
    padding: 1em 0;
  }
}
.con_imp::after {
  content: "";
  display: block;
  left: -1000px;
  right: -1000px;
  bottom: 0;
  height: 0;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #d9d9d9;
  position: absolute;
}
@media only screen and (min-width: 768px) {
  .con_imp .st_imp {
    margin-right: 2em;
  }
}
.con_imp .box_imp {
  display: flex;
}
@media only screen and (min-width: 768px) {
  .con_imp .box_imp {
    height: 6.07rem;
  }
}
.con_imp .box_imp a {
  display: flex;
  align-items: center;
  text-decoration: none;
}
.con_imp .box_imp time {
  margin-left: auto;
}
@media only screen and (min-width: 1025px) {
  .con_imp .box_imp time {
    font-size: 0.86rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_imp .box_imp time {
    font-size: 0.86rem;
  }
}
@media only screen and (min-width: 768px) {
  .con_imp .box_imp time {
    margin-right: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .con_imp .box_imp time {
    width: 10rem;
  }
}
.con_imp .box_imp .txt {
  line-height: 1.5;
}
@media only screen and (max-width: 767px) {
  .con_imp .box_imp .txt {
    width: calc(100% - 10rem);
    margin-top: 0.5em;
  }
}
.con_imp .box_imp .txt .i {
  margin-left: 1em;
  color: #045ccf;
}

.con_imp:first-child {
  margin-bottom: 0 !important;
}
.con_imp:first-child::before {
  content: "";
  display: block;
  position: absolute;
  left: -1000px;
  right: -1000px;
  top: 0;
  bottom: 0;
  background-color: #fff6fb;
}
.con_imp:first-child > * {
  z-index: 1;
  position: relative;
}
.con_imp:first-child .st_imp {
  color: #e10955;
}
@media only screen and (min-width: 768px) {
  .con_imp:first-child .box_imp {
    height: auto;
    min-height: 4.28rem;
  }
}
.con_imp:first-child .box_imp a {
  color: #e10955;
}
.con_imp:first-child .txt .i {
  color: #e10955;
}

@media only screen and (min-width: 768px) {
  .con_pick {
    margin-top: 6.42rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_pick {
    margin-top: 4rem;
  }
}
@media only screen and (min-width: 768px) {
  .con_pick {
    margin-bottom: 4.28rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_pick {
    margin-bottom: 4rem;
  }
}

.box_pick {
  margin-right: auto;
  margin-left: auto;
  display: flex !important;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
@media only screen and (min-width: 1025px) {
  html[data-fsz="normal"] .box_pick {
    max-width: 1748px;
  }
}
.box_pick .tmp_slick_arr {
  width: calc(150 / 1440 * 100%);
}
@media only screen and (max-width: 767px) {
  .box_pick .tmp_slick_arr {
    width: calc(110 / 768 * 100%);
  }
}
.box_pick .tmp_slick_arr.arr_prev {
  order: 0;
}
@media only screen and (max-width: 767px) {
  .box_pick .tmp_slick_arr.arr_prev {
    margin-right: calc(-25 / 768 * 100%);
  }
}
.box_pick .tmp_slick_arr.arr_next {
  order: 2;
}
@media only screen and (max-width: 767px) {
  .box_pick .tmp_slick_arr.arr_next {
    margin-left: calc(-25 / 768 * 100%);
  }
}
.box_pick .slick-list {
  width: calc(1140 / 1440 * 100%);
  order: 1;
}
@media only screen and (max-width: 767px) {
  .box_pick .slick-list {
    width: calc(560 / 768 * 100%);
  }
}
.box_pick .slick-dots {
  order: 3;
  width: 100%;
  z-index: 1;
  position: relative;
}
.box_pick .slick-dots li:only-child {
  display: none;
}
@media only screen and (min-width: 1025px) {
  .box_pick > .slide {
    max-width: 461px;
  }
  .box_pick > .slide:nth-child(n+4) {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_pick > .slide:nth-child(n+3) {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .box_pick > .slide:not(:first-child) {
    display: none;
  }
}
.box_pick a.slide {
  text-decoration: none !important;
  padding-top: 2.14rem;
  padding-bottom: 2.14rem;
}
@media only screen and (min-width: 1025px) {
  .box_pick a.slide {
    width: calc(1 / 3 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_pick a.slide {
    width: calc(1 / 2 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .box_pick a.slide {
    width: 100%;
    padding-right: 0.57rem;
    padding-left: 0.57rem;
    padding-top: 1.53rem;
    padding-bottom: 0.38rem;
  }
}
.box_pick a.slide > .inner1 {
  display: block;
  width: calc(340 / 380 * 100%);
  margin-right: auto;
  margin-left: auto;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .box_pick a.slide > .inner1 {
    width: 100%;
  }
}
.box_pick a.slide > .inner1 .img {
  position: relative;
  border-radius: 0.71rem;
  overflow: hidden;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.box_pick a.slide > .inner1 .img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.box_pick a.slide > .inner1 .img::after {
  content: "";
  width: 100%;
  display: block;
  padding-bottom: calc(205 / 340 * 100%);
}
.box_pick a.slide > .inner1 > .inner2 {
  width: calc(300 / 340 * 100%);
  margin-right: auto;
  margin-left: auto;
  padding: 1.07rem 0 0;
  display: flex;
  flex-wrap: wrap;
}
.box_pick a.slide > .inner1 > .inner2 .txt {
  order: 0;
  width: 100%;
}
.box_pick a.slide > .inner1 > .inner2 .box_cate {
  order: 1;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 1.07rem 0;
}
.box_pick a.slide > .inner1 > .inner2 .box_cate time {
  font-size: 0.86rem;
  letter-spacing: 0;
}
.box_pick a.slide > .inner1 > .inner2 .box_cate .cate {
  font-size: 0.86rem;
  margin-left: 0.71rem;
}
.box_pick a.slide > .inner1 > .inner2 .box_cate .cate span {
  background-color: #222222;
  line-height: 1;
  color: #fff;
  border-radius: 0.21rem;
  height: 1.42rem;
  display: flex;
  align-items: center;
  padding: 0 .75em;
}
.box_pick a.slide > .inner1 > .inner2 .tmp_arr {
  position: absolute;
  right: -.5em;
  bottom: -.5em;
}
.box_pick a.slide > .inner1::before {
  content: "";
  border-radius: 0.71rem;
  display: block;
  opacity: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 1;
  border-width: 2px;
  border-style: solid;
  box-sizing: content-box;
  opacity: 0;
}
[data-theme="white"] .box_pick a.slide > .inner1::before {
  border-color: #045ccf;
}
[data-theme="white"] .box_pick a.slide:visited > .inner1 > .inner2 .box_cate .cate span {
  background-color: #395a77;
}
[data-theme="white"] .box_pick a.slide:visited > .inner1 > .inner2 .txt {
  color: #395a77;
}
.mouse .box_pick a.slide:hover, .box_pick a.slide.is-active, .box_pick a.slide:focus, .box_pick a.slide:focus-within, .touch .box_pick a.slide.touchstart {
  outline: none;
  background: none;
}
.mouse .box_pick a.slide:hover > .inner1, .box_pick a.slide.is-active > .inner1, .box_pick a.slide:focus > .inner1, .box_pick a.slide:focus-within > .inner1, .touch .box_pick a.slide.touchstart > .inner1 {
  box-shadow: 0 0 2.07rem 0.06rem rgba(0, 0, 0, 0.2);
}
.mouse .box_pick a.slide:hover > .inner1 > .inner2 .txt, .box_pick a.slide.is-active > .inner1 > .inner2 .txt, .box_pick a.slide:focus > .inner1 > .inner2 .txt, .box_pick a.slide:focus-within > .inner1 > .inner2 .txt, .touch .box_pick a.slide.touchstart > .inner1 > .inner2 .txt {
  text-decoration: underline;
}
.mouse .box_pick a.slide:hover > .inner1 > .inner2 .box_cate time, .box_pick a.slide.is-active > .inner1 > .inner2 .box_cate time, .box_pick a.slide:focus > .inner1 > .inner2 .box_cate time, .box_pick a.slide:focus-within > .inner1 > .inner2 .box_cate time, .touch .box_pick a.slide.touchstart > .inner1 > .inner2 .box_cate time {
  text-decoration: underline;
}
.mouse .box_pick a.slide:hover > .inner1 > .inner2 .tmp_arr, .box_pick a.slide.is-active > .inner1 > .inner2 .tmp_arr, .box_pick a.slide:focus > .inner1 > .inner2 .tmp_arr, .box_pick a.slide:focus-within > .inner1 > .inner2 .tmp_arr, .touch .box_pick a.slide.touchstart > .inner1 > .inner2 .tmp_arr {
  transform: scale(1.3);
}
.mouse .box_pick a.slide:hover > .inner1::before, .box_pick a.slide.is-active > .inner1::before, .box_pick a.slide:focus > .inner1::before, .box_pick a.slide:focus-within > .inner1::before, .touch .box_pick a.slide.touchstart > .inner1::before {
  opacity: 1;
}
.touch .box_pick a.slide {
  -webkit-tap-highlight-color: transparent;
}
.touch .box_pick a.slide.touchend {
  transition-delay: 200ms;
}
[data-theme="white"].mouse .box_pick a.slide:hover, [data-theme="white"] .box_pick a.slide.is-active, [data-theme="white"] .box_pick a.slide:focus, [data-theme="white"] .box_pick a.slide:focus-within, [data-theme="white"].touch .box_pick a.slide.touchstart {
  outline: none;
  background: none;
}
[data-theme="white"].mouse .box_pick a.slide:hover > .inner1 > .inner2 .txt, [data-theme="white"] .box_pick a.slide.is-active > .inner1 > .inner2 .txt, [data-theme="white"] .box_pick a.slide:focus > .inner1 > .inner2 .txt, [data-theme="white"] .box_pick a.slide:focus-within > .inner1 > .inner2 .txt, [data-theme="white"].touch .box_pick a.slide.touchstart > .inner1 > .inner2 .txt {
  color: #045ccf;
}
[data-theme="white"].mouse .box_pick a.slide:hover > .inner1 > .inner2 .box_cate .cate span, [data-theme="white"] .box_pick a.slide.is-active > .inner1 > .inner2 .box_cate .cate span, [data-theme="white"] .box_pick a.slide:focus > .inner1 > .inner2 .box_cate .cate span, [data-theme="white"] .box_pick a.slide:focus-within > .inner1 > .inner2 .box_cate .cate span, [data-theme="white"].touch .box_pick a.slide.touchstart > .inner1 > .inner2 .box_cate .cate span {
  background-color: #045ccf;
}
.touch .box_pick a.slide {
  -webkit-tap-highlight-color: transparent;
}
.touch .box_pick a.slide.touchend {
  transition-delay: 200ms;
}

.con_flow {
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 768px) {
  .con_flow {
    margin-bottom: 8.57rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_flow {
    margin-bottom: 6.15rem;
  }
}
@media only screen and (min-width: 1025px) {
  .con_flow {
    width: calc(1100 / 1440 * 100%);
    max-width: calc(1100px);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .con_flow {
    max-width: calc(1100px * (17 / 14));
  }
}
@media only screen and (min-width: 1025px) {
  html[data-fsz="large"] .con_flow {
    max-width: none;
    width: calc(100% - 5%*1);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_flow {
    width: calc(1320 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_flow {
    width: calc(650 / 767 * 100%);
  }
}
@media only screen and (min-width: 1025px) {
  html[data-fsz="normal"] .con_flow {
    max-width: 1200px;
    width: calc(1200 / 1440 * 100%);
    margin-right: auto;
    margin-left: auto;
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  html[data-fsz="normal"] .con_flow {
    max-width: calc(1200px * (17 / 14));
  }
}

.con_flow .tmp_intro {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .con_flow .tmp_intro {
    margin-bottom: 3.57rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_flow .tmp_intro {
    margin-bottom: 1.15rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_flow .tmp_intro {
    width: calc(768 / 650 * 100%);
    margin-left: calc(-59 / 650 * 100%);
    margin-right: calc(-59 / 650 * 100%);
  }
}
.con_flow .tmp_intro .tmp_text {
  text-align: center;
}

.box_flow {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .box_flow {
    margin-bottom: 3.57rem;
  }
}
@media only screen and (max-width: 1024px) {
  .box_flow .tmp_slick_arr {
    width: calc(110 / 650 * 100%);
  }
  .box_flow .tmp_slick_arr.arr_prev {
    order: 0;
  }
  .box_flow .tmp_slick_arr.arr_next {
    order: 2;
  }
  .box_flow .slick-list {
    overflow: visible;
    order: 1;
    width: calc(530 / 650 * 100%);
    margin-left: calc(-50 / 650 * 100%);
    margin-right: calc(-50 / 650 * 100%);
  }
  .box_flow .slick-dots {
    order: 3;
    width: 100%;
    z-index: 1;
    position: relative;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_flow > .slide:nth-child(n+4) {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .box_flow > .slide:first-child {
    margin-right: auto;
    margin-left: auto;
    width: calc(530 / 650 * 100%);
  }
  .box_flow > .slide:not(:first-child) {
    display: none;
  }
}
.box_flow .slide {
  position: relative;
}
.box_flow .slide .i {
  display: none;
}
@media only screen and (min-width: 1025px) {
  .box_flow .slide {
    width: calc(165 / 1200 * 100%);
  }
  .box_flow .slide:not(:last-child) {
    position: relative;
    margin-right: calc(42 / 1200 * 100%);
  }
  .box_flow .slide:not(:last-child) .i {
    display: block;
  }
  .box_flow .slide:not(:last-child) .i::before {
    width: calc(42 / 165 * 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 100%;
    text-align: center;
    top: 0;
    bottom: 0;
    line-height: 0;
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .box_flow .slide:not(:last-child) .i::before {
    font-size: 2.14rem;
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1440px) {
  .box_flow .slide:not(:last-child) .i::before {
    font-size: 1.29rem;
  }
}
@media only screen and (min-width: 1025px) {
  [data-theme="white"] .box_flow .slide:not(:last-child) .i::before {
    color: #004683;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_flow .slide {
    width: calc(1 / 3 * 100%);
    margin-right: 0;
  }
  .box_flow .slide > .inner {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (max-width: 767px) {
  .box_flow .slide {
    width: 100%;
    margin-right: 0;
  }
  .box_flow .slide > .inner {
    margin-right: auto;
    margin-left: auto;
    width: calc(430 / 530 * 100%);
  }
}
.box_flow .slide .st {
  display: flex;
  flex-direction: column;
}
.box_flow .slide .st .step {
  display: block;
  text-align: center;
  order: 0;
}
.box_flow .slide .st .step .num {
  font-size: 143%;
  margin-left: .25em;
}
.box_flow .slide .st .ic {
  position: relative;
  order: 1;
  display: block;
  width: calc(140 / 165 * 100%);
  margin-right: auto;
  margin-left: auto;
  margin-top: 1.07rem;
}
.box_flow .slide .st .ic img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.box_flow .slide .st .ic::after {
  content: "";
  width: 100%;
  display: block;
  padding-bottom: calc(127 / 170 * 100%);
}
.box_flow .slide .st .t {
  order: 2;
  display: block;
  text-align: center;
  padding: .75em 0;
}
.box_flow .slide .txt {
  display: block;
}

.con_info {
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 1025px) {
  .con_info {
    width: calc(1100 / 1440 * 100%);
    max-width: calc(1100px);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .con_info {
    max-width: calc(1100px * (17 / 14));
  }
}
@media only screen and (min-width: 1025px) {
  html[data-fsz="large"] .con_info {
    max-width: none;
    width: calc(100% - 5%*1);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_info {
    width: calc(1320 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_info {
    width: calc(700 / 767 * 100%);
  }
}
@media only screen and (min-width: 768px) {
  .con_info {
    margin-bottom: 10rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_info {
    margin-bottom: 4.23rem;
  }
}
.con_info .tmp_intro {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .con_info .tmp_intro {
    margin-bottom: 2.85rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_info .tmp_intro {
    margin-bottom: 1.15rem;
  }
}
.con_info .tmp_intro .tmp_text {
  text-align: center;
}

.box_info_lnk {
  margin-bottom: 2.14rem;
}
.box_info_lnk .img_info_lnk {
  position: relative;
  width: calc(289 / 1000 * 100%);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.box_info_lnk .img_info_lnk img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.box_info_lnk .img_info_lnk::after {
  content: "";
  width: 100%;
  display: block;
  padding-bottom: calc(261 / 289 * 100%);
}
@media only screen and (min-width: 1025px) {
  .box_info_lnk .img_info_lnk {
    max-width: 350px;
  }
}
@media only screen and (max-width: 767px) {
  .box_info_lnk .img_info_lnk {
    z-index: 1;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    width: calc(289 / 700 * 100%);
    margin-bottom: -2.89rem;
  }
}
@media only screen and (min-width: 768px) {
  .box_info_lnk .tmp_bdr_box {
    padding: 4.28rem 0;
  }
}
@media only screen and (max-width: 767px) {
  .box_info_lnk .tmp_bdr_box {
    padding: 4.23rem 0 2.88rem;
  }
}
.box_info_lnk .tmp_bdr_box > .inner {
  width: calc(1000 / 1100 * 100%);
  margin-right: auto;
  margin-left: auto;
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-start;
}
@media only screen and (max-width: 767px) {
  .box_info_lnk .tmp_bdr_box > .inner {
    flex-direction: column-reverse;
    width: calc(580 / 700 * 100%);
  }
}
.box_info_lnk .tmp_bdr_box > .inner .box_lnk {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-width: 768px) {
  .box_info_lnk .tmp_bdr_box > .inner .box_lnk {
    width: calc(680 / 1000 * 100%);
    margin-right: 0;
    margin-left: auto;
  }
}
@media only screen and (max-width: 767px) {
  .box_info_lnk .tmp_bdr_box > .inner .box_lnk li {
    font-size: 1.15rem;
  }
}
@media only screen and (min-width: 768px) {
  .box_info_lnk .tmp_bdr_box > .inner .box_lnk li {
    width: calc(330 / 680 * 100%);
  }
  .box_info_lnk .tmp_bdr_box > .inner .box_lnk li:nth-child(2n+3) {
    margin-left: calc(20 / 680 * 100%);
  }
  .box_info_lnk .tmp_bdr_box > .inner .box_lnk li:nth-child(n+2) {
    margin-top: calc(20 / 680 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .box_info_lnk .tmp_bdr_box > .inner .box_lnk li {
    width: 100%;
  }
  .box_info_lnk .tmp_bdr_box > .inner .box_lnk li:not(:first-child) {
    margin-top: 1.15rem;
  }
}
.box_info_lnk .tmp_bdr_box > .inner .box_lnk li a {
  border-width: 0 0 2px 0;
  border-style: solid;
  display: block;
  text-decoration: none;
  padding: 1em 0;
  display: flex;
  align-items: center;
  font-weight: 700;
}
[data-theme="white"] .box_info_lnk .tmp_bdr_box > .inner .box_lnk li a {
  border-color: #dcdcdc;
  color: #045ccf;
}
@media only screen and (min-width: 768px) {
  .box_info_lnk .tmp_bdr_box > .inner .box_lnk li a {
    min-height: 4.64rem;
  }
}
@media only screen and (max-width: 767px) {
  .box_info_lnk .tmp_bdr_box > .inner .box_lnk li a {
    min-height: 2.69rem;
    padding: 0.25em 0;
    border-bottom-width: 1px;
  }
}
.box_info_lnk .tmp_bdr_box > .inner .box_lnk li a .inner {
  display: block;
}
.box_info_lnk .tmp_bdr_box > .inner .box_lnk li a::after {
  content: "\e901";
  font-family: 'icomoon';
  display: block;
  margin-right: 0;
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  .box_info_lnk .tmp_bdr_box > .inner .box_lnk li a::after {
    font-size: 0.96rem;
  }
}
[data-theme="white"].mouse .box_info_lnk .tmp_bdr_box > .inner .box_lnk li a:hover, [data-theme="white"] .box_info_lnk .tmp_bdr_box > .inner .box_lnk li a.is-active, [data-theme="white"] .box_info_lnk .tmp_bdr_box > .inner .box_lnk li a:focus, [data-theme="white"] .box_info_lnk .tmp_bdr_box > .inner .box_lnk li a:focus-within, [data-theme="white"].touch .box_info_lnk .tmp_bdr_box > .inner .box_lnk li a.touchstart {
  outline: none;
  border-color: #045ccf;
}
.touch .box_info_lnk .tmp_bdr_box > .inner .box_lnk li a {
  -webkit-tap-highlight-color: transparent;
}
.touch .box_info_lnk .tmp_bdr_box > .inner .box_lnk li a.touchend {
  transition-delay: 200ms;
}
.box_info_lnk .tmp_bdr_box > .inner .box_lnk li:first-child {
  width: 100%;
}
.box_info_lnk .tmp_bdr_box > .inner .box_lnk li:first-child a {
  color: inherit;
  width: 100%;
  padding: 0 0 1em 0;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .box_info_lnk .tmp_bdr_box > .inner .box_lnk li:first-child a {
    padding: 0 0 .5em 0;
  }
}
.box_info_lnk .tmp_bdr_box > .inner .box_lnk li:first-child a::after {
  display: none;
}
.box_info_lnk .tmp_bdr_box > .inner .box_lnk li:first-child a > .inner {
  display: block;
  line-height: 1.4;
}
@media only screen and (min-width: 768px) {
  .box_info_lnk .tmp_bdr_box > .inner .box_lnk li:first-child a > .inner {
    width: calc(100% - 2.85rem);
    padding-right: 2em;
  }
}
.box_info_lnk .tmp_bdr_box > .inner .box_lnk li:first-child a > .inner .txt1 {
  display: block;
}
@media only screen and (min-width: 768px) {
  .box_info_lnk .tmp_bdr_box > .inner .box_lnk li:first-child a > .inner .txt1 {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 767px) {
  .box_info_lnk .tmp_bdr_box > .inner .box_lnk li:first-child a > .inner .txt1 {
    font-size: 1.54rem;
  }
}
[data-theme="white"] .box_info_lnk .tmp_bdr_box > .inner .box_lnk li:first-child a > .inner .txt1 {
  color: #045ccf;
}
.box_info_lnk .tmp_bdr_box > .inner .box_lnk li:first-child a > .inner .txt2 {
  display: block;
  font-weight: normal;
  margin-top: 0.25em;
}
@media only screen and (max-width: 767px) {
  .box_info_lnk .tmp_bdr_box > .inner .box_lnk li:first-child a > .inner .txt2 {
    font-size: 1rem;
  }
}
@media only screen and (max-width: 767px) {
  .box_info_lnk .tmp_bdr_box > .inner .box_lnk li:first-child a > .inner .txt2 {
    margin-top: 0.5em;
    line-height: calc(52 / 26);
  }
}
.box_info_lnk .tmp_bdr_box > .inner .box_lnk li:first-child a .tmp_arr {
  margin-right: 0;
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  .box_info_lnk .tmp_bdr_box > .inner .box_lnk li:first-child a .tmp_arr {
    position: absolute;
    right: 0;
    top: 1em;
    transform: translateY(-50%);
  }
}

.con_info > .con_hp_info_search {
  width: 100% !important;
}

.con_scholarship {
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 1025px) {
  .con_scholarship {
    width: calc(1100 / 1440 * 100%);
    max-width: calc(1100px);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .con_scholarship {
    max-width: calc(1100px * (17 / 14));
  }
}
@media only screen and (min-width: 1025px) {
  html[data-fsz="large"] .con_scholarship {
    max-width: none;
    width: calc(100% - 5%*1);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_scholarship {
    width: calc(1320 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_scholarship {
    width: calc(700 / 767 * 100%);
  }
}
@media only screen and (min-width: 768px) {
  .con_scholarship {
    margin-bottom: 10.71rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_scholarship {
    margin-bottom: 4.23rem;
  }
}
@media only screen and (min-width: 768px) {
  .con_scholarship .tmp_intro {
    margin-bottom: 2.14rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_scholarship .tmp_intro {
    margin-bottom: 1.92rem;
  }
}
.con_scholarship .tmp_intro .tmp_text {
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .con_scholarship ul {
    display: flex;
  }
}
@media only screen and (min-width: 768px) {
  .con_scholarship ul li {
    width: calc(533 / 1100 * 100%);
  }
  .con_scholarship ul li:not(:nth-child(2n+1)) {
    margin-left: calc((100% - (calc(533 / 1100 * 100%) * 2)) / 1);
  }
  .con_scholarship ul li:nth-child(n+3) {
    margin-top: calc((100% - (calc(533 / 1100 * 100%) * 2)) / 1 * 1);
  }
}
@media only screen and (min-width: 768px) and (min-width: 1025px) and (max-width: 1440px) {
  html[data-fsz="normal"] .con_scholarship ul li {
    max-width: 530px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1441px) {
  html[data-fsz="normal"] .con_scholarship ul li {
    max-width: 646px;
  }
}

@media only screen and (max-width: 767px) {
  .con_scholarship ul li:not(:first-child) {
    margin-top: 1.92rem;
  }
}
.con_scholarship ul li .img {
  order: 0;
  border-end-start-radius: 0 !important;
  border-end-end-radius: 0 !important;
}
.con_scholarship ul li .ic_scholarship {
  position: absolute;
  left: calc(-40 / 530 * 100%);
  top: calc(-30 / 530 * 100%);
  width: calc(137 / 646 * 100%);
}
@media only screen and (max-width: 767px) {
  .con_scholarship ul li .ic_scholarship {
    left: calc(-15 / 700 * 100%);
    width: calc(188 / 700 * 100%);
  }
}
.con_scholarship ul li a {
  display: flex !important;
  flex-direction: column;
}
.con_scholarship ul li a > .inner {
  width: calc(450 / 530 * 100%);
  order: 1;
}
.con_scholarship ul li a .st_scholarship {
  font-size: 1.43rem;
  margin-top: .75em;
}
[data-theme="white"] .con_scholarship ul li a .st_scholarship {
  color: #045ccf;
}
[data-theme="white"].mouse .con_scholarship ul li a .st_scholarship:hover, [data-theme="white"] .con_scholarship ul li a .st_scholarship.is-active, [data-theme="white"] .con_scholarship ul li a .st_scholarship:focus, [data-theme="white"] .con_scholarship ul li a .st_scholarship:focus-within, [data-theme="white"].touch .con_scholarship ul li a .st_scholarship.touchstart {
  outline: none;
  color: inherit;
}
.touch .con_scholarship ul li a .st_scholarship {
  -webkit-tap-highlight-color: transparent;
}
.touch .con_scholarship ul li a .st_scholarship.touchend {
  transition-delay: 200ms;
}
.con_scholarship ul li a .tmp_arr {
  order: 2;
}

.con_exp {
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
  overflow: visible;
}
@media only screen and (min-width: 768px) {
  .con_exp {
    margin-bottom: 20rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_exp {
    margin-bottom: 10.19rem;
  }
}
@media only screen and (min-width: 1025px) {
  .con_exp {
    width: calc(1100 / 1440 * 100%);
    max-width: calc(1100px);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .con_exp {
    max-width: calc(1100px * (17 / 14));
  }
}
@media only screen and (min-width: 1025px) {
  html[data-fsz="large"] .con_exp {
    max-width: none;
    width: calc(100% - 5%*1);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_exp {
    width: calc(1320 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_exp {
    width: calc(650 / 767 * 100%);
  }
}
.con_exp .tmp_intro {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .con_exp .tmp_intro {
    margin-bottom: 2.85rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_exp .tmp_intro {
    margin-bottom: 1.75rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_exp .tmp_intro .tmp_text {
    text-align: center;
    margin-right: -1em;
    margin-left: -1em;
  }
}
.con_exp .box_elem {
  display: flex;
  flex-direction: column;
  height: auto;
}
@media only screen and (min-width: 768px) {
  .con_exp .box_elem {
    padding: 2.14rem 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_exp .box_elem {
    padding: 1.73rem 0 0;
  }
}
@media only screen and (min-width: 1025px) {
  .con_exp .box_elem {
    width: calc(245 / 1100 * 100%);
  }
  .con_exp .box_elem:not(:last-child) {
    margin-right: calc(25 / 1100 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_exp .box_elem {
    width: 30%;
  }
  .con_exp .box_elem:not(:last-child) {
    margin-right: 3%;
  }
}
@media only screen and (max-width: 767px) {
  .con_exp .box_elem {
    width: calc(395 / 650 * 100%);
    margin-right: calc(40 / 650 * 100%);
  }
}
.con_exp .box_elem > .inner {
  width: calc(200 / 243 * 100%);
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  height: calc(100% - 2.85rem + 0.71rem + .3rem);
  flex-direction: column;
}
.con_exp .box_elem .img {
  position: relative;
  border-radius: 1000px;
  width: calc(122 / 200 * 100%);
  overflow: hidden;
  margin-right: auto;
  margin-left: auto;
  order: 0;
}
.con_exp .box_elem .img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.con_exp .box_elem .img::after {
  content: "";
  width: 100%;
  display: block;
  padding-bottom: calc(120 / 120 * 100%);
}
.con_exp .box_elem .country {
  width: 100%;
  order: 1;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .con_exp .box_elem .country {
    margin: 1.78rem 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_exp .box_elem .country {
    margin: 1.78rem 0;
  }
}
.con_exp .box_elem .country .ic_country {
  display: block;
  width: 2.28rem;
  line-height: 1;
}
.con_exp .box_elem .country .t {
  padding-left: 0.42rem;
  max-width: calc(100% - 2.28rem);
  height: auto;
  line-height: 1em;
  display: block;
}
.con_exp .box_elem .txt {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  line-height: 1.75;
  width: 100%;
  order: 2;
}
@media only screen and (min-width: 768px) {
  .con_exp .box_elem .txt {
    margin: 1.07rem 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_exp .box_elem .txt {
    margin: 1.07rem 0;
  }
}
@media only screen and (min-width: 768px) {
  .con_exp .box_elem .txt {
    font-size: 1.14rem;
  }
}
.firefox .con_exp .box_elem .txt {
  max-height: 8.75em;
}
.con_exp .box_elem .name {
  order: 3;
  width: 100%;
  text-align: right;
  margin-top: auto;
  margin-bottom: 0;
}
[data-theme="white"].mouse .con_exp .box_elem:hover, [data-theme="white"] .con_exp .box_elem.is-active, [data-theme="white"] .con_exp .box_elem:focus, [data-theme="white"] .con_exp .box_elem:focus-within, [data-theme="white"].touch .con_exp .box_elem.touchstart {
  outline: none;
}
[data-theme="white"].mouse .con_exp .box_elem:hover .txt, [data-theme="white"] .con_exp .box_elem.is-active .txt, [data-theme="white"] .con_exp .box_elem:focus .txt, [data-theme="white"] .con_exp .box_elem:focus-within .txt, [data-theme="white"].touch .con_exp .box_elem.touchstart .txt {
  color: #045ccf;
}
.touch .con_exp .box_elem {
  -webkit-tap-highlight-color: transparent;
}
.touch .con_exp .box_elem.touchend {
  transition-delay: 200ms;
}

.con_online {
  background: url("/content/000000058.png") #004683 repeat center top;
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .con_online {
    padding-bottom: 4.28rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_online {
    padding-bottom: 6.15rem;
  }
}
@media only screen and (min-width: 768px) {
  .con_online {
    margin-right: 0;
    margin-left: auto;
    width: calc(1350 / 1440 * 100%);
    border-radius: 0.71rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
  .con_online {
    border-radius: 0.57rem;
  }
}

@media only screen and (max-width: 767px) {
  .con_online {
    padding-top: 2.3rem;
  }
}
.con_online .img_online_man {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: calc(195 / 388 * 100%);
  margin-right: auto;
  margin-left: auto;
  order: 0;
  margin-top: -7.15rem;
  margin-bottom: 2.14rem;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_online .img_online_man {
    margin-bottom: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_online .img_online_man {
    width: calc(235 / 768 * 100%);
    margin-top: -7rem;
    margin-bottom: 1.25rem;
  }
}
.con_online .img_online_man::after {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: calc(197 / 260 * 100%);
}
.con_online .img_online_man.lazyloaded {
  background-image: url("/content/000000057.png");
}
.con_online .box_online {
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  .con_online .box_online {
    width: calc(700 / 767 * 100%);
  }
}
@media only screen and (min-width: 768px) {
  .con_online .box_online {
    display: flex;
    align-items: center;
  }
}
@media only screen and (min-width: 768px) {
  .con_online .box_text {
    width: calc(549 / 1350 * 100%);
  }
}
.con_online .box_text > .inner {
  margin-right: auto;
  margin-left: auto;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .con_online .box_text > .inner {
    width: 88%;
  }
  html[data-fsz="normal"] .con_online .box_text > .inner {
    max-width: 388px;
  }
}
.con_online .box_text > .inner .img_online_man {
  order: 0;
}
.con_online .box_text > .inner .st_online {
  order: 1;
  line-height: 1.3;
}
@media only screen and (min-width: 1025px) {
  .con_online .box_text > .inner .st_online {
    font-size: 2.14rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_online .box_text > .inner .st_online {
    font-size: 1.71rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_online .box_text > .inner .st_online {
    font-size: 1.54rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_online .box_text > .inner .st_online {
    margin-bottom: 1.5rem;
  }
}
.con_online .box_text > .inner .st_online .st1 {
  display: block;
}
@media only screen and (max-width: 767px) {
  .con_online .box_text > .inner .st_online .st1 {
    text-align: center;
  }
}
.con_online .box_text > .inner .st_online .st2 {
  font-size: 117%;
  display: flex;
  align-items: center;
  margin-top: 0.3em;
}
@media only screen and (max-width: 767px) {
  .con_online .box_text > .inner .st_online .st2 {
    justify-content: center;
  }
}
.con_online .box_text > .inner .st_online .st2 .i {
  margin-right: 0.71rem;
  display: block;
  font-size: 1.1em;
}
.con_online .box_text > .inner .box_img {
  order: 2;
}
.con_online .box_text > .inner .txt {
  order: 3;
}
@media only screen and (min-width: 768px) {
  .con_online .box_text > .inner .txt {
    margin-top: 1.25em;
  }
}
@media only screen and (max-width: 767px) {
  .con_online .box_text > .inner .txt {
    margin-top: 1.34rem;
  }
}
@media only screen and (min-width: 768px) {
  .con_online .box_text > .inner .txt {
    margin-bottom: 1.25em;
  }
}
@media only screen and (max-width: 767px) {
  .con_online .box_text > .inner .txt {
    margin-bottom: 2.69rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_online .box_text > .inner .txt {
    text-align: center;
  }
}
.con_online .box_text > .inner .tmp_btn {
  order: 4;
}
@media only screen and (min-width: 768px) {
  .con_online .box_text > .inner .tmp_btn a {
    width: 100%;
  }
}
.con_online .box_img {
  overflow: hidden;
  border-radius: 0.71rem;
}
@media only screen and (min-width: 768px) {
  .con_online .box_img {
    max-width: 1067px;
    width: calc(801 / 1350 * 100%);
    margin-right: 0;
    margin-top: -5.86rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_online .box_img {
    margin-top: -4.29rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_online .box_img {
    border-radius: 0.57rem;
  }
}
@media only screen and (min-width: 768px) {
  .con_online .box_img {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
}

.c_block_txt {
  width: 100%;
  max-width: none;
}