body {
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 20px;
  line-height: 1.8em;
}
/*イメージ*/
.el_select_img_pc {
  display: block;
}
.el_select_img_sp {
  display: none;
}
/*全体レイアウト*/
.ly_layout {
  height: auto;
  width: 100vw;
  z-index: 1;
  background-color: rgb(255, 255, 255);
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 100px auto 400px;
}
/*幅のレイアウトコントロール*/
.ly_out_ctrl {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
}
.ly_in_ctrl {
  display: grid;
  /* grid-template-columns: 1fr 1024px 1fr; */
  grid-template-columns: 1fr minmax(768px, 1280px) 1fr;
  grid-template-rows: auto;
}
/*ヘッダ*/
.ly_header {
  background-color: rgb(255, 255, 255);
  grid-column: 1;
  grid-row: 1;
}
/*フロート設定*/
.ly_globalnavi {
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.75) 60%, rgba(255, 255, 255, 0));
  height: 100px;
  width: 100vw;
  z-index: 100;
  position: fixed;
  grid-template-rows: 100px;
}
/*グローバルナビ*/
.bl_globalnavi {
  grid-column: 2;
  grid-row: 1;
  display: grid;
  grid-template-columns: 10px 180px 50px minmax(518px, 1130px) 10px;
  grid-template-rows: 1fr 1fr 1fr;
}
/*会社ロゴ*/
.el_logo {
  grid-column: 2;
  grid-row: 1/4;
  height: 90px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: 5px 55px 1fr;
  background-color: rgb(255, 255, 255);
  border-bottom: #707070 1px solid;
  border-left: #707070 1px solid;
  border-right: #707070 1px solid;
  border-radius: 0 0 21px 21px;
  box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.16);
}
.el_logo h1 {
  grid-column: 1/4;
  grid-row: 3;
  font-size: 20px;
  color: #707070;
  text-align: center;
}
.el_logo img {
  height: 55px;
  width: auto;
  grid-column: 2;
  grid-row: 2;
  text-align: center;
}
/*メニュー*/
ul.el_navi {
  grid-column: 4;
  grid-row: 2;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(7, 1fr auto 1fr);
  grid-template-rows: 1fr;
  background-color: rgb(255, 255, 255);
  border: #707070 1px solid;
  border-radius: 21px;
  box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.16);
  padding: 3px 10px 4px 10px;
}

ul.el_navi li {
  list-style: none;
  font-size: 20px;
  font-weight: bold;
}
ul.el_navi li:nth-child(1) {
  grid-column: 2;
}
ul.el_navi li:nth-child(2) {
  grid-column: 5;
}
ul.el_navi li:nth-child(3) {
  grid-column: 8;
}
ul.el_navi li:nth-child(4) {
  grid-column: 11;
}
ul.el_navi li:nth-child(5) {
  grid-column: 14;
}
ul.el_navi li:nth-child(6) {
  grid-column: 17;
}
ul.el_navi li:nth-child(7) {
  grid-column: 20;
}
ul.el_navi a {
  color: #707070;
}
ul.el_navi li.el_blank a {
  color: #ffffff;
  cursor: default;
}
ul.el_navi li:hover ul {
  display: block;
}
/*ドロップダウンメニュー*/
ul.el_navi ul {
  margin: -1px 0px 0px 0px;
  padding: 0px;
  display: none;
  position: absolute;
  background-color: rgb(255, 255, 255);
  border-bottom: #707070 1px solid;
  border-left: #707070 1px solid;
  border-right: #707070 1px solid;
  border-radius: 0 0 21px 21px;
  box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.16);
  transition: all 0.3s;
}

ul.el_navi ul li {
  width: auto;
}
ul.el_navi ul li a {
  line-height: 35px;
  text-align: left;
  padding: 5px 10px;
}
ul.el_navi li a {
  border-bottom: rgba(255, 255, 255, 0) 3px solid;
}
ul.el_navi ul li a:hover,
ul.el_navi li a:hover {
  color: #707070;
  text-shadow: 0px 0px 10px rgba(0, 46, 255, 0.4);
  border-bottom: rgba(4, 23, 81, 0.369) 3px solid;
}

ul.el_navi ul li.el_blank a {
  color: #ffffff;
  cursor: default;
  display: none;
}
.el_close {
  display: none;
}
/*コンテンツ*/
.ly_contents {
  grid-column: 1;
  grid-row: 2;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(10, auto);
}
/*アイキャッチ_コンテンツ*/
.bl_eyecatch {
  width: 100vw;
  height: 530px;
  border-top: #0c2057 10px solid;
  border-bottom: #0c2057 20px solid;
  box-sizing: content-box;
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 115px 1fr;
}
.uni_top {
  background-image: url(../images/eyecatch_00.png);
}
.uni_com {
  background-image: url(../images/eyecatch_01.png);
}
.uni_int {
  background-image: url(../images/eyecatch_02.png);
}
.el_logo_top {
  grid-column: 1;
  grid-row: 1/4;
  display: grid;
  grid-template-columns: 1fr 1fr 145px 1fr 1fr;
  grid-template-rows: 1fr 5px auto auto 1fr;
  text-align: center;
}
.el_logo_top h2 {
  grid-column: 2/5;
  grid-row: 4;
  font-size: 20px;
  color: #ffffff;
  text-align: center;
}
.el_logo_top img {
  height: auto;
  width: 145px;
  grid-column: 3;
  grid-row: 3;
  text-align: center;
}
.el_title {
  grid-column: 1;
  grid-row: 2;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 20%, rgba(0, 0, 0, 0.5) 80%, rgba(0, 0, 0, 0) 100%);
  display: flex;
  justify-content: center;
  align-items: center;
}
.el_title h2 {
  width: 777px;
  padding-bottom: 5px;
  color: #ffffff;
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  border-bottom: #ffffff solid 3px;
}
/*コンテンツ_ノーマル*/
.bl_contents {
  grid-column: 1;
}
.el_inframe {
  grid-column: 2;
  grid-row: 1;
  margin: 30px 0px 30px 0px;
  display: grid;
}
.el_inframe h3 {
  width: 100%;
  /* font-size: 36px; */
  font-size: 24px;
  color: #707070;
  padding-left: 50px;
  padding-bottom: 5px;
  border-bottom: #707070 solid 3px;
  background-image: url(../images/logo.png);
  background-repeat: no-repeat;
  background-position: center left;
  background-size: auto 22px;
  margin-bottom: 30px;
}
.el_inframe img {
  width: calc(100% - 20px);
  height: auto;
  margin: 0 10px 0 10px;
  margin-bottom: 30px;
  margin-top: 30px;
}
.el_inframe p {
  padding: 30px 60px 30px 60px;
  /* font-size: 24px; */
  color: #707070;
}
/*トップバナー*/
.el_eyecatch_banner {
  width: 90%;
  margin-left: 5%;
  margin-bottom: 30px;
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  display: grid;
  grid-template-columns: 1fr 2fr 15fr 50% 15fr 2fr 1fr;
  grid-template-rows: 10px auto 5px auto 10px;
}
.uni_banner_img_01 {
  background-image: url(../images/eyecatch_banner_01.png);
}
.uni_banner_img_02 {
  background-image: url(../images/eyecatch_banner_02.png);
}
.el_eyecatch_banner_inner {
  grid-column: 3/6;
  grid-row: 2;
  background-color: #00000062;
  display: grid;
  grid-template-columns: 1fr 90% 1fr;
  grid-template-rows: 20px auto 10px 1fr 10px;
  text-align: center;
}
.el_eyecatch_banner_inner h4 {
  color: #ffffff;
  grid-column: 2;
  grid-row: 2;
  font-size: 22px;
  text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.7);
}
.el_eyecatch_banner_inner p {
  padding: 0;
  color: #ffffff;
  grid-column: 2;
  grid-row: 4;
  text-align: left;
  text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.7);
}
/*詳しくはボタン*/
.el_eyecatch_banner button {
  grid-column: 5/7;
  grid-row: 4;
  border: 1px solid #ffffff;
  background-color: #00000077;
  border-radius: 50px;
  color: #ffffff;
  cursor: pointer;
}
.el_eyecatch_banner button:hover {
  background-color: #ffffff;
  color: #00000077;
}
/*詳しくは　▶︎*/
.triangle {
  background: #ffffff;
  height: calc(tan(60deg) * 60px / 2);
  width: 60px;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
/*coming soon*/
.uni_banner_cs {
  border: #dedede 3px dotted;
}
.uni_banner_cs .el_eyecatch_banner_inner {
  background-color: #ffffff;
  display: grid;
  grid-template-columns: 1fr 90% 1fr;
  grid-template-rows: 3fr 1fr 0.1fr;
}
.uni_banner_cs .el_eyecatch_banner_inner h5 {
  grid-column: 2;
  grid-row: 2;
  margin: 0;
  padding: 0;
  font-size: 30px;
  color: #d3d3d3;
  text-align: right;
}
/*会社概要のテーブル*/
.bl_table {
  margin: 30px 60px 30px 60px;
}
.el_inframe dl {
  width: 100%;
  /* font-size: 24px; */
  color: #707070;
  border-bottom: #707070 solid 1px;
  display: grid;
  grid-template-columns: 15% 85%;
  grid-template-rows: 1fr;
}
.el_inframe dt {
  grid-column: 1;
  grid-row: 1;
  padding-left: 10px;
}
.el_inframe dd {
  grid-column: 2;
  grid-row: 1;
  padding-left: 10px;
}
.el_inframe ul {
  padding: 30px 60px 30px 60px;
  /* font-size: 24px; */
  color: #707070;
}
/*サポート*/
.bl_support {
  width: calc(100% - 40px);
  /* height: 500px; */
  height: auto;
  margin: 30px 20px 30px 20px;
  color: #ffffff;
  background-image: url(../images/img02.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
  display: grid;
  grid-template-columns: 1fr 38% 60% 1fr;
  grid-template-rows: 20px auto 10px auto 30px;
}
.el_su_img {
  grid-column: 2;
  grid-row: 2;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bl_support img {
  width: 300px;
  height: auto;
}
.bl_support h4 {
  grid-column: 2;
  grid-row: 4;
  /* font-size: 36px; */
  text-align: center;
}
.bl_support ol {
  grid-column: 3;
  grid-row: 2/5;
  list-style: none;
  counter-reset: li;
}

/* ol内のliのスタイル */
ol li {
  position: relative;
  /* font-size: 18px; */
  padding-left: 2em;
  padding-right: 2em;
  margin-bottom: 30px;
}

/* 2つ目以降のliにmargin-topを指定 */
ol li:not(:first-child) {
  margin-top: 0.5em;
}

/* 数字のスタイル */
ol li::before {
  counter-increment: li;
  content: counter(li);
  position: absolute;
  left: 0;
  top: 3px; /* 数字のY軸線上の位置を調整 */
  display: block;
  width: 29px;
  height: 29px;
  background-image: url(../images/icon_hurt.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
  /* font-size: 18px; */
  font-weight: bold;
  color: #707070;
  line-height: 27px;
  text-align: center;
}
.bl_support ol p {
  margin: 0;
  padding: 0;
  color: #ffffff;
}
.bl_support ol p.el_list_title {
  /* font-size: 22px; */
  line-height: 28px;
}
.bl_support ol p.el_list_con {
  /* font-size: 20px; */
  line-height: 22px;
}
/*フッター*/
.ly_footer {
  background-color: #0c2057;
  grid-column: 1;
  grid-row: 3;
}
.bl_footer {
  grid-column: 2;
  grid-row: 1;
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  grid-template-rows: 1fr 50px;
  color: #ffffff;
}
/*フッターの左側*/
.bl_f_left {
  grid-column: 1;
  grid-row: 1;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 2fr auto 1fr auto 1fr;
}
/*フッターの会社ロゴ*/
.el_corporate_logo {
  grid-column: 1/5;
  grid-row: 2;
  width: 388px;
  height: 66px;
  background-image: url(../images/logo.png);
  background-size: 93px 66px;
  background-repeat: no-repeat;
  background-position: left center;
  display: grid;
  grid-template-columns: 95px 1fr;
  grid-template-rows: 41px 1fr;
}
.el_co_upper {
  grid-column: 2;
  grid-row: 1;
  font-size: 39px;
  line-height: 41px;
  text-align: center;
  border-bottom: 1px #9d3032 solid;
}
.el_co_lower {
  grid-column: 2;
  grid-row: 2;
  font-size: 18px;
  text-align: center;
}
/*会社住所*/
.bl_address {
  grid-column: 2/6;
  grid-row: 4;
  /* font-size: 16px; */
}
/*会社電話*/
.bl_tel {
  grid-column: 2/6;
  grid-row: 6;
  /* font-size: 16px; */
}
/*会社FAX*/
.bl_fax {
  grid-column: 2/6;
  grid-row: 7;
  /* font-size: 16px; */
}

/*フッターの右側*/
.bl_f_right {
  grid-column: 2;
  grid-row: 1;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 100px 200px;
}
/*サイトマップ*/
.el_sitemap {
  grid-column: 1;
  grid-row: 2;
  padding-left: 30px;
  /* font-size: 20px; */
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  grid-template-rows: repeat(7, repeat);
}
.el_sitemap li:nth-child(1) {
  grid-column: 1;
  grid-row: 1;
}
.el_sitemap li:nth-child(2) {
  grid-column: 1;
  grid-row: 2/8;
}
.el_sitemap li:nth-child(3) {
  grid-column: 2;
  grid-row: 1;
}
.el_sitemap li:nth-child(4) {
  grid-column: 2;
  grid-row: 2;
}
.el_sitemap li:nth-child(5) {
  grid-column: 2;
  grid-row: 3;
}
.el_sitemap li:nth-child(6) {
  grid-column: 2;
  grid-row: 4;
}
.el_sitemap li ul {
  padding-left: 15px;
}
.el_sitemap .el_blank {
  display: none;
}
/*コピーライト*/
.bl_copyright {
  grid-column: 1/3;
  grid-row: 2;
  border-top: 2px #707070 solid;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
/*トップアニメーション*/
.el_ani_top_img {
  width: 100%;
  height: 530px;
  background-image: url(../images/top_img_ani_bass.png);
  background-position: center center;
  background-size: 100% auto;
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}
.el_ani_img_line {
  grid-column: 1;
  grid-row: 1;
  margin-top: 0px;
  margin-left: 0px;
  width: 1920px;
  height: 1200px;
  z-index: 30;
  mask-image: url("../images/top_img_ani.svg");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: -50% center;
  -webkit-mask-image: url("../images/top_img_ani.svg");
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: -50% center;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  transform-style: preserve-3d;
}
.js_3d_ani_01 {
  transform: rotateX(0deg) rotateY(0deg) scale(1, 1);
  transition: transform 5s;
}
.js_3d_ani_02 {
  transform: rotateX(-20deg) rotateY(-20deg) scale(1.3, 1.3);
  transition: transform 5s;
}
.js_3d_ani_03 {
  transform: rotateX(20deg) rotateY(-20deg) scale(1.3, 1.3);
  transition: transform 5s;
}
.js_3d_ani_04 {
  transform: rotateX(20deg) rotateY(20deg) scale(1.3, 1.3);
  transition: transform 5s;
}
.js_3d_ani_05 {
  transform: rotateX(-20deg) rotateY(20deg) scale(1.3, 1.3);
  transition: transform 5s;
}
.el_ani_cack_colors_gradation_1 {
  grid-column: 1;
  grid-row: 1;
  z-index: 10;
  background-image: radial-gradient(rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.5) 20%, rgba(54, 236, 252, 0.25) 30%);
  opacity: 1;
  /* animation: ani_1 2s ease infinite; */
}
.el_ani_cack_colors_gradation_2 {
  grid-column: 1;
  grid-row: 1;
  z-index: 5;
  background-image: radial-gradient(rgba(54, 236, 252, 1) 0%, rgba (54, 236, 252, 0.25) 20%, rgba(255, 255, 255, 0.5) 30%);
  opacity: 1;
  /* animation: ani_2 2s ease infinite; */
}
.js_pattern_zero {
  animation: forwards ani_back_0 2s 1;
}
@keyframes ani_back_0 {
  0% {
    background-position: 0px 0px;
  }
  100% {
    background-position: 0px 0px;
  }
}
.js_pattern_one {
  animation: forwards ani_back_1 2s 1;
}
@keyframes ani_back_1 {
  0% {
    background-position: 230px 340px;
  }
  100% {
    background-position: 0px 0px;
  }
}
.js_pattern_two {
  animation: forwards ani_back_2 2s 1;
}
@keyframes ani_back_2 {
  0% {
    background-position: 0px 0px;
  }
  100% {
    background-position: -230px 340px;
  }
}
.js_pattern_three {
  animation: forwards ani_back_3 2s 1;
}
@keyframes ani_back_3 {
  0% {
    background-position: -230px 340px;
  }
  100% {
    background-position: -230px -340px;
  }
}
.js_pattern_four {
  animation: forwards ani_back_4 2s 1;
}
@keyframes ani_back_4 {
  0% {
    background-position: -230px -340px;
  }
  100% {
    background-position: 230px -340px;
  }
}

.js_pattern_five {
  animation: forwards ani_back_5 2s 1;
}
@keyframes ani_back_5 {
  0% {
    background-position: 230px -340px;
  }
  100% {
    background-position: 230px 340px;
  }
}

.el_ani_cack_colors_back {
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  height: auto;
  z-index: 20;
  /* background-color: rgba(255, 255, 255, 0.5); */
}
@keyframes ani_1 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes ani_2 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.el_ani_img_line_back {
  grid-column: 1;
  grid-row: 1;
  width: 2880px;
  height: auto;
  z-index: 20;
}
.el_back_color {
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  height: auto;
  background-color: rgba(0, 26, 112, 0.2);
  z-index: 10;
}
.el_img_message {
  position: absolute;
  width: 100%;
  /* height: 115px; */
  height: auto;
  background: #000000;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 20%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0) 100%);
  z-index: 40;
  text-align: center;
}
.el_img_message h2 {
  color: #ffffff;
  font-size: 24px;
  margin-top: 30px;
  margin-bottom: 1px;
}

.el_img_message p {
  color: #ffffff;
  font-size: 20px;
  line-height: 22px;
  margin: 10px 0 30px 0;
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  body {
    font-size: 16px;
    line-height: 1.8em;
  }
  /*幅のレイアウトコントロール*/
  .ly_in_ctrl {
    grid-template-columns: 10px minmax(768px, 1260px) 10px;
  }
  /*アイキャッチ_コンテンツ*/
  .bl_eyecatch {
    background-size: auto 100%;
  }
  /*サポート*/
  .bl_support {
    grid-template-columns: 1fr 33% 65% 1fr;
    /* height: 700px; */
    /* background-size: auto 100%; */
  }
  .bl_support img {
    width: 100%;
  }
  /*アニメーション*/
  .el_ani_top_img {
    background-size: 100% auto;
  }
}

@media screen and (max-width: 900px) {
  /*全体レイアウト*/
  .ly_layout {
    grid-template-rows: 100px auto auto;
  }
  /*幅のレイアウトコントロール*/
  .ly_in_ctrl {
    grid-template-columns: 10px auto 10px;
  }
  /*グローバルナビ*/
  .bl_globalnavi {
    width: 100%;
    grid-template-columns: 10px 180px auto 50px 10px;
    grid-template-rows: 1fr auto 1fr;
  }
  /*メニュー*/
  ul.el_navi {
    grid-column: 4;
    height: 50px;
    border-radius: 10px;
    background-image: url(../images/icon_menu.png);
    background-position: center;
  }
  ul.el_navi li {
    display: none;
  }

  ul.el_navi.js_menu {
    background-image: none;
  }
  ul.js_menu {
    display: block;
    background-color: #000000a9;
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    border-radius: 0;
    display: grid;
    grid-template-columns: 1fr 50px 50% 50px 1fr;
    grid-template-rows: 20vh 50px repeat(10, auto);
  }
  ul.js_menu li {
    display: block;
    text-align: center;
  }
  ul.js_menu li:nth-child(1) {
    grid-column: 3;
    grid-row: 3;
  }
  ul.js_menu li:nth-child(2) {
    grid-column: 3;
    grid-row: 4;
  }
  ul.js_menu li:nth-child(3) {
    grid-column: 3;
    grid-row: 5;
  }
  ul.js_menu li:nth-child(4) {
    grid-column: 3;
    grid-row: 6;
  }
  ul.js_menu li:nth-child(5) {
    grid-column: 3;
    grid-row: 7;
  }
  ul.js_menu li:nth-child(6) {
    grid-column: 3;
    grid-row: 8;
  }
  ul.js_menu li:nth-child(7) {
    grid-column: 3;
    grid-row: 9;
  }
  ul.js_menu li:nth-child(8) {
    grid-column: 3;
    grid-row: 10;
  }
  ul.js_menu li a,
  ul.js_menu li a ul a {
    color: #ffffff;
    text-align: center;
    font-size: 36px;
  }
  ul.js_menu li.el_close {
    display: block;
    grid-column: 4;
    grid-row: 2;
  }
  /* ul.js_menu ul li a:hover, */
  ul.js_menu li a:hover {
    color: #e0e0e0;
    text-shadow: 0px 0px 10px rgba(0, 229, 255, 0.443);
    border-bottom: rgba(255, 255, 255, 0.593) 3px solid;
  }
  ul.el_navi li.el_blank a {
    color: #707070;
    display: none;
  }
  /*トップバナー*/
  .el_eyecatch_banner {
    background-size: auto 120%;
  }
  /*アニメーション*/
  .el_ani_top_img {
    background-size: auto 100%;
  }
}
@media screen and (max-width: 768px) {
  /*コンテンツ*/
  .ly_contents {
    width: 100vw;
  }
  /*イメージ*/
  .el_select_img_pc {
    display: none;
  }
  .el_select_img_sp {
    display: block;
  }
  /*アイキャッチ_コンテンツ*/
  .bl_eyecatch {
    /* height: 50vh; */
    background-size: auto 100%;
  }
  .el_title h2 {
    width: 100%;
  }
  /*コンテンツ_ノーマル*/
  .el_inframe h3 {
    width: 100%;
  }
  .el_inframe p {
    padding: 30px 10px 30px 10px;
  }
  .bl_table {
    margin: 30px 10px 30px 10px;
  }
  .el_inframe dl {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    border-top: #707070 solid 2px;
    border-bottom: #707070 solid 2px;
  }
  .el_inframe dt {
    grid-column: 1;
    grid-row: 1;
    background-color: #e4e4e4;
  }
  .el_inframe dd {
    grid-column: 1;
    grid-row: 2;
    margin-bottom: 10px;
  }
  .el_inframe ul {
    padding: 0px 10px 30px 20px;
  }
  /*coming soon*/
  .uni_banner_cs .el_eyecatch_banner_inner h5 {
    grid-column: 1/4;
    grid-row: 2;
    font-size: 28px;
  }
  /*サポート*/
  .bl_support {
    grid-template-columns: 10px auto 10px;
    grid-template-rows: 1fr auto auto auto auto;
    background-size: auto 100%;
    margin: 30px 5px 30px 5px;
    width: calc(100% - 10px);
  }
  .bl_support h4 {
    grid-column: 2;
    grid-row: 3;
  }
  .el_su_img {
    grid-column: 2;
    grid-row: 2;
  }
  .bl_support ol {
    grid-column: 2;
    grid-row: 4;
    padding: 0;
  }
  .bl_support ol li {
    padding-right: 1em;
  }
  .bl_support ol p.el_list_title {
    margin-bottom: 15px;
  }
  .el_eyecatch_banner button {
    grid-column: 4;
  }
  /*フッター*/
  .bl_footer {
    grid-template-columns: 10px auto 10px;
    grid-template-rows: 1fr 1fr 50px;
  }
  .bl_f_left {
    grid-column: 2;
    grid-row: 2;
  }
  .bl_f_right {
    grid-column: 2;
    grid-row: 1;
  }
  .el_corporate_logo {
    grid-column: 1/6;
    width: 100%;
  }
  .el_co_upper {
    font-size: 35px;
  }
  .el_co_lower {
    font-size: 15px;
  }
  .bl_address {
    grid-column: 1/6;
    padding: 10px;
  }
  .bl_copyright {
    grid-column: 2;
    grid-row: 3;
  }
  /* display: none; */
}