@charset "UTF-8";
/* -------------------------------------
link: 2
----------------------------------------
.information
.news
.cases
------------------------------------- */
.messages {
  padding: 15px 20px 15px 35px;
  word-wrap: break-word;
  border: 1px solid;
  border-width: 1px 1px 1px 0;
  border-radius: 2px;
  background: no-repeat 10px 17px;
  overflow-wrap: break-word;
}

[dir=rtl] .messages {
  padding-right: 35px;
  padding-left: 20px;
  text-align: right;
  border-width: 1px 0 1px 1px;
  background-position: right 10px top 17px;
}

.messages + .messages {
  margin-top: 1.538em;
}

.messages__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.messages__item + .messages__item {
  margin-top: 0.769em;
}

.messages--status {
  color: #325e1c;
  border-color: #c9e1bd #c9e1bd #c9e1bd transparent;
  background-color: #f3faef;
  background-image: url(/themes/misc/icons/73b355/check.svg);
  box-shadow: -8px 0 0 #77b259;
}

[dir=rtl] .messages--status {
  margin-left: 0;
  border-color: #c9e1bd transparent #c9e1bd #c9e1bd;
  box-shadow: 8px 0 0 #77b259;
}

.messages--warning {
  color: #734c00;
  border-color: #f4daa6 #f4daa6 #f4daa6 transparent;
  background-color: #fdf8ed;
  background-image: url(/themes/misc/icons/e29700/warning.svg);
  box-shadow: -8px 0 0 #e09600;
}

[dir=rtl] .messages--warning {
  border-color: #f4daa6 transparent #f4daa6 #f4daa6;
  box-shadow: 8px 0 0 #e09600;
}

.messages--error {
  color: #a51b00;
  border-color: #f9c9bf #f9c9bf #f9c9bf transparent;
  background-color: #fcf4f2;
  background-image: url(/themes/misc/icons/e32700/error.svg);
  box-shadow: -8px 0 0 #e62600;
}

[dir=rtl] .messages--error {
  border-color: #f9c9bf transparent #f9c9bf #f9c9bf;
  box-shadow: 8px 0 0 #e62600;
}

.messages--error p.error {
  color: #a51b00;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block;
}

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
}

[hidden] {
  display: none;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

html, button, input, select, textarea {
  font-family: sans-serif;
  color: #222222;
}

body {
  margin: 0;
  font-size: 1em;
  line-height: 1.8;
}

a {
  text-decoration: none;
}

a:visited {
  outline: 0;
}

a:hover {
  outline: 0;
}

a:hover, a:active {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

dfn {
  font-style: italic;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

ins {
  background: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

pre, code, kbd, samp {
  font-family: monospace, serif;
  _font-family: "courier new", monospace;
  font-size: 1em;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

q {
  quotes: none;
}

q:before, q:after {
  content: "";
  content: none;
}

small {
  font-size: 85%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

dd {
  margin: 0;
}

ul, ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: bottom;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

form {
  margin: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

label {
  cursor: pointer;
}

legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
  white-space: normal;
}

button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}

button, input {
  line-height: normal;
}

button, input[type=button], input[type=reset], input[type=submit] {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible;
}

button[disabled], input[disabled] {
  cursor: default;
}

input[type=checkbox], input[type=radio] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  *width: 13px;
  *height: 13px;
}

input[type=search] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

input:invalid, textarea:invalid {
  background-color: #f0dddd;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td {
  vertical-align: top;
}

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: black;
  padding: 0.2em 0;
}

.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  *line-height: 0;
}

.ir br {
  display: none;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

html {
  font-size: 62.5%;
}

a {
  -webkit-tap-highlight-color: transparent;
}

html {
  width: 100%;
  height: 100%;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", system-ui, -apple-system, メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 62.5%;
  line-height: 1.6;
}

html, button, input, select, textarea {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", system-ui, -apple-system, メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body {
  width: 100%;
  height: 100%;
  font-weight: 300;
  letter-spacing: 1px;
  color: #000;
  background-color: #fff;
  -webkit-text-size-adjust: 100%;
  position: relative;
  z-index: 0;
  overflow-x: hidden;
}

@media (min-width: 769px) {
  body {
    z-index: 1;
  }
}
@media (min-width: 1024px) {
  body {
    z-index: 2;
  }
}
@media (min-width: 1440px) {
  body {
    z-index: 3;
  }
}
body.mvmock .news, body.mvmock .contents, body.mvmock .banners, body.mvmock .page-top, body.mvmock .footer {
  display: none;
}

body#page-news,
body.page-overflow-auto {
  overflow: auto;
}

.container {
  width: 100%;
  height: 100%;
}

.main {
  position: relative;
  display: block;
  width: 100%;
  padding-top: 74px;
  overflow: hidden;
}
#page-news .main, .page-overflow-auto .main {
  overflow: auto;
}

@media (min-width: 769px) {
  .main {
    padding-top: 100px;
  }
}
section {
  position: relative;
}

a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

div, p, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, label {
  background-image: url(../img/common/transparent.gif);
}

img {
  width: 100%;
}

.sp {
  display: inline;
}

.pc {
  display: none;
}

.sp-block {
  display: block;
}

.pc-block {
  display: none;
}

@media (min-width: 769px) {
  .sp {
    display: none;
  }
  .pc {
    display: inline;
  }
  .sp-block {
    display: none;
  }
  .pc-block {
    display: block;
  }
}
.font-red {
  color: #ff0000;
}

.mgb_5 {
  margin-bottom: 5px;
}

.mgb_10 {
  margin-bottom: 10px;
}

.mgb_15 {
  margin-bottom: 15px;
}

.mgb_20 {
  margin-bottom: 20px;
}

.mgb_25 {
  margin-bottom: 25px;
}

.mgb_30 {
  margin-bottom: 30px;
}

.mgb_35 {
  margin-bottom: 35px;
}

.mgb_40 {
  margin-bottom: 40px;
}

.mgb_45 {
  margin-bottom: 45px;
}

.mgb_50 {
  margin-bottom: 50px;
}

.mgb_55 {
  margin-bottom: 55px;
}

.mgb_60 {
  margin-bottom: 60px;
}

.mgb_65 {
  margin-bottom: 65px;
}

.mgb_70 {
  margin-bottom: 70px;
}

.mgb_75 {
  margin-bottom: 75px;
}

.mgb_80 {
  margin-bottom: 80px;
}

.mgb_85 {
  margin-bottom: 85px;
}

.mgb_90 {
  margin-bottom: 90px;
}

.mgb_95 {
  margin-bottom: 95px;
}

.mgt_5 {
  margin-top: 5px;
}

.mgt_10 {
  margin-top: 10px;
}

.mgt_15 {
  margin-top: 15px;
}

.mgt_20 {
  margin-top: 20px;
}

.mgt_25 {
  margin-top: 25px;
}

.mgt_30 {
  margin-top: 30px;
}

.mgt_35 {
  margin-top: 35px;
}

.mgt_40 {
  margin-top: 40px;
}

.mgt_45 {
  margin-top: 45px;
}

.mgt_50 {
  margin-top: 50px;
}

.mgt_55 {
  margin-top: 55px;
}

.mgt_60 {
  margin-top: 60px;
}

.mgt_65 {
  margin-top: 65px;
}

.mgt_70 {
  margin-top: 70px;
}

.mgt_75 {
  margin-top: 75px;
}

.mgt_80 {
  margin-top: 80px;
}

.mgt_85 {
  margin-top: 85px;
}

.mgt_90 {
  margin-top: 90px;
}

.mgt_95 {
  margin-top: 95px;
}

.pdb_5 {
  padding-bottom: 5px;
}

.pdb_10 {
  padding-bottom: 10px;
}

.pdb_15 {
  padding-bottom: 15px;
}

.pdb_20 {
  padding-bottom: 20px;
}

.pdb_25 {
  padding-bottom: 25px;
}

.pdb_30 {
  padding-bottom: 30px;
}

.pdb_35 {
  padding-bottom: 35px;
}

.pdb_40 {
  padding-bottom: 40px;
}

.pdb_45 {
  padding-bottom: 45px;
}

.pdb_50 {
  padding-bottom: 50px;
}

.pdb_55 {
  padding-bottom: 55px;
}

.pdb_60 {
  padding-bottom: 60px;
}

.pdb_65 {
  padding-bottom: 65px;
}

.pdb_70 {
  padding-bottom: 70px;
}

.pdb_75 {
  padding-bottom: 75px;
}

.pdb_80 {
  padding-bottom: 80px;
}

.pdb_85 {
  padding-bottom: 85px;
}

.pdb_90 {
  padding-bottom: 90px;
}

.pdb_95 {
  padding-bottom: 95px;
}

.pdt_5 {
  padding-top: 5px;
}

.pdt_10 {
  padding-top: 10px;
}

.pdt_15 {
  padding-top: 15px;
}

.pdt_20 {
  padding-top: 20px;
}

.pdt_25 {
  padding-top: 25px;
}

.pdt_30 {
  padding-top: 30px;
}

.pdt_35 {
  padding-top: 35px;
}

.pdt_40 {
  padding-top: 40px;
}

.pdt_45 {
  padding-top: 45px;
}

.pdt_50 {
  padding-top: 50px;
}

.pdt_55 {
  padding-top: 55px;
}

.pdt_60 {
  padding-top: 60px;
}

.pdt_65 {
  padding-top: 65px;
}

.pdt_70 {
  padding-top: 70px;
}

.pdt_75 {
  padding-top: 75px;
}

.pdt_80 {
  padding-top: 80px;
}

.pdt_85 {
  padding-top: 85px;
}

.pdt_90 {
  padding-top: 90px;
}

.pdt_95 {
  padding-top: 95px;
}

.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track, .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-loading .slick-list {
  background: #fff url(../etc/img/ajax-loader.gif) center center no-repeat;
}

@font-face {
  font-family: "slick";
  src: url(../etc/fonts/slick.eot);
  src: url(../etc/fonts/slick.eot#iefix) format("embedded-opentype"), url(../etc/fonts/slick.woff) format("woff"), url(../etc/fonts/slick.ttf) format("truetype"), url(../etc/fonts/slick.svg#slick) format("svg");
  font-weight: normal;
  font-style: normal;
}
.slick-prev, .slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before, .slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}

.slick-prev:before {
  content: "←";
}

[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}

[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}

.slick-next:before {
  content: "→";
}

[dir=rtl] .slick-next:before {
  content: "←";
}

.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 1px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: #000;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  color: #000;
  opacity: 0.75;
}

.loader {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 9999;
}

.loader__circle {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 15.625vw;
  height: 15.625vw;
  -webkit-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  opacity: 0;
  -webkit-animation: 1300ms cubic-bezier(0.165, 0.84, 0.44, 1) infinite loader-animation-01;
  animation: 1300ms cubic-bezier(0.165, 0.84, 0.44, 1) infinite loader-animation-01;
  z-index: 0;
}

.loader__circle:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 15.625vw;
  height: 15.625vw;
  border: 7.812vw #c9e4f4 solid;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-animation: 1300ms cubic-bezier(0.165, 0.84, 0.44, 1) infinite loader-animation-02;
  animation: 1300ms cubic-bezier(0.165, 0.84, 0.44, 1) infinite loader-animation-02;
  z-index: 1;
}

@media (min-width: 769px) {
  .loader__circle {
    width: 100px;
    height: 100px;
  }
  .loader__circle:before {
    width: 100px;
    height: 100px;
    border: 60px #c9e4f4 solid;
    -webkit-animation: 1300ms cubic-bezier(0.165, 0.84, 0.44, 1) infinite loader-animation-03;
    animation: 1300ms cubic-bezier(0.165, 0.84, 0.44, 1) infinite loader-animation-03;
  }
}
@-webkit-keyframes loader-animation-01 {
  10% {
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}
@keyframes loader-animation-01 {
  10% {
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}
@-webkit-keyframes loader-animation-02 {
  10% {
    border: 7.812vw #c9e4f4 solid;
  }
  40% {
    border: 7.812vw #c9e4f4 solid;
  }
  100% {
    border: 5.208vw #c9e4f4 solid;
  }
}
@keyframes loader-animation-02 {
  10% {
    border: 7.812vw #c9e4f4 solid;
  }
  40% {
    border: 7.812vw #c9e4f4 solid;
  }
  100% {
    border: 5.208vw #c9e4f4 solid;
  }
}
@-webkit-keyframes loader-animation-03 {
  10% {
    border: 50px #c9e4f4 solid;
  }
  40% {
    border: 50px #c9e4f4 solid;
  }
  100% {
    border: 35px #c9e4f4 solid;
  }
}
@keyframes loader-animation-03 {
  10% {
    border: 50px #c9e4f4 solid;
  }
  40% {
    border: 50px #c9e4f4 solid;
  }
  100% {
    border: 35px #c9e4f4 solid;
  }
}
.header {
  position: fixed;
  z-index: 5000;
  width: 100%;
  height: 74px;
  background-color: #fff;
  -webkit-transition: height 400ms ease;
  -o-transition: height 400ms ease;
  transition: height 400ms ease;
}

.header__inner {
  position: relative;
  width: 97%;
  margin: 0 auto;
}

.header__logo {
  width: 116px;
  margin: 0 auto;
  padding-top: 17px;
  -webkit-transition: padding 400ms ease;
  -o-transition: padding 400ms ease;
  transition: padding 400ms ease;
}

.header__menu-btn {
  position: absolute;
  right: 0;
  top: 10px;
  width: 48px;
  height: 48px;
  -webkit-transition: top 400ms ease;
  -o-transition: top 400ms ease;
  transition: top 400ms ease;
}

.header__menu-btn a {
  position: relative;
  display: block;
}

.header__menu-btn span {
  position: absolute;
  left: 12px;
  display: block;
  width: 24px;
  height: 1px;
  background-color: #000;
}

.header__menu-btn span:nth-child(1) {
  top: 16px;
  -webkit-transition: width 400ms ease, -webkit-transform 400ms ease;
  transition: width 400ms ease, -webkit-transform 400ms ease;
  -o-transition: transform 400ms ease, width 400ms ease;
  transition: transform 400ms ease, width 400ms ease;
  transition: transform 400ms ease, width 400ms ease, -webkit-transform 400ms ease;
}

.header__menu-btn span:nth-child(2) {
  top: 22px;
  -webkit-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}

.header__menu-btn span:nth-child(3) {
  top: 28px;
  -webkit-transition: width 400ms ease, -webkit-transform 400ms ease;
  transition: width 400ms ease, -webkit-transform 400ms ease;
  -o-transition: transform 400ms ease, width 400ms ease;
  transition: transform 400ms ease, width 400ms ease;
  transition: transform 400ms ease, width 400ms ease, -webkit-transform 400ms ease;
}

.header__menu-btn.close-btn span:nth-child(1) {
  width: 34px;
  -webkit-transform: translate(-4px, 6px) rotate(45deg);
  -ms-transform: translate(-4px, 6px) rotate(45deg);
  transform: translate(-4px, 6px) rotate(45deg);
}

.header__menu-btn.close-btn span:nth-child(2) {
  opacity: 0;
}

.header__menu-btn.close-btn span:nth-child(3) {
  width: 34px;
  -webkit-transform: translate(-4px, -6px) rotate(-45deg);
  -ms-transform: translate(-4px, -6px) rotate(-45deg);
  transform: translate(-4px, -6px) rotate(-45deg);
}

.header.small {
  height: 58px;
}

.header.small .header__logo {
  padding-top: 9px;
}

.header.small .header__menu-btn {
  top: 2px;
}

@media (min-width: 769px) {
  .header {
    height: 100px;
  }
  .header__inner {
    width: 93%;
    max-width: 1024px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
  }
  .header__logo {
    width: 160px;
    margin: 0;
    padding-top: 22px;
  }
  .header__menu-btn {
    display: none;
  }
  .header.small {
    height: 80px;
  }
  .header.small .header__logo {
    padding-top: 12px;
  }
}
@media (min-width: 1440px) {
  .header__inner {
    width: 71.11111%;
    max-width: 1366px;
  }
}
.footer {
  width: 100%;
  background-color: #323d4a;
}

.footer__inner {
  width: 87%;
  margin: 0 auto;
  padding: 50px 0 15px;
}

.footer__logo {
  width: 149px;
  margin: 0 auto 15px;
}

.footer__nav {
  margin-bottom: 35px;
}

.footer__nav__item {
  margin-bottom: 12px;
}

.footer__nav__item:last-child {
  margin-bottom: 0px;
}

.footer__nav__item a {
  display: inline-block;
  font-size: 1.1rem;
  color: #fff;
  line-height: 1em;
}

.footer__nav__item dt {
  margin-bottom: 12px;
}

.footer__nav__item dd {
  margin-bottom: 12px;
  text-indent: 0.8em;
}

.footer__nav__item dd:last-child {
  margin-bottom: 0px;
}

.footer__others {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
}

.footer__consortium {
  width: 184px;
  margin: 0 auto;
}

.footer__consortium__link {
  display: block;
}

.footer__consortium__box {
  padding: 20px 0 15px;
  border: 1px #fff solid;
}

.footer__consortium__img {
  text-align: center;
  margin-bottom: 8px;
}

.footer__consortium__img .icon-consortium {
  width: 100px;
  height: 46px;
}

.footer__consortium__img .icon-consortium path {
  fill: #fff;
}

.footer__consortium__txt {
  font-size: 1.2rem;
  color: #fff;
  text-align: center;
  line-height: 1em;
}

.footer__consortium__txt .icon-external {
  stroke: #fff;
  display: inline-block;
  margin-left: 4px;
  width: 12px;
  height: 12px;
}

.footer__sns {
  display: none;
  width: 125px;
  margin-left: 25px;
  padding-top: 10px;
}

.footer__sns__ttl {
  font-size: 1.1rem;
  color: #fff;
  text-align: center;
  line-height: 1em;
  margin-bottom: 12px;
}

.footer__sns__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.footer__sns__item {
  width: 44px;
  margin: 0 8px;
}

.footer__sns__item--tw svg {
  width: 21px;
}

.footer__sns__item--fb svg {
  width: 10px;
}

.footer__sns__item a {
  position: relative;
  display: block;
  width: 43px;
  height: 43px;
  border: 1px #fff solid;
  border-radius: 50%;
}

.footer__sns__item svg {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.footer__sns__item path {
  fill: #fff;
}

.footer__subnav__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

.footer__subnav__item {
  margin-bottom: 8px;
}

.footer__subnav__item:before {
  content: "|";
  display: inline-block;
  font-size: 1.1rem;
  color: #fff;
}

.footer__subnav__item:first-child:before {
  content: "";
}

.footer__subnav__item a {
  display: inline-block;
  font-size: 1.1rem;
  color: #fff;
  margin: 0 8px;
}

.footer__copyright {
  padding: 15px;
  text-align: center;
  background-color: #223542;
}

.footer__copyright small {
  font-size: 1.1rem;
  color: #fff;
}

@media (min-width: 769px) {
  .footer__inner {
    width: 93%;
    max-width: 1024px;
    padding: 70px 0 65px;
  }
  .footer__body {
    position: relative;
  }
  .footer__logo {
    width: 200px;
    margin: 0;
    margin-bottom: 45px;
  }
  .footer__nav {
    margin-bottom: 30px;
  }
  .footer__nav__item a {
    font-size: 1.4rem;
    -webkit-transition: opacity 200ms linear;
    -o-transition: opacity 200ms linear;
    transition: opacity 200ms linear;
  }
  .footer__nav__item a:hover {
    opacity: 0.65;
  }
  .footer__others {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    margin-bottom: 0px;
  }
  .footer__consortium {
    width: 340px;
    margin-bottom: 0px;
  }
  .footer__consortium__link:hover .footer__consortium__box {
    background-color: #fff;
  }
  .footer__consortium__link:hover .footer__consortium__img .icon-consortium path {
    fill: #323d4a;
  }
  .footer__consortium__link:hover .footer__consortium__txt {
    color: #323d4a;
  }
  .footer__consortium__link:hover .footer__consortium__txt .icon-external {
    stroke: #323d4a;
  }
  .footer__consortium__box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 18px 0 18px;
    -webkit-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
  }
  .footer__consortium__img {
    width: 98px;
    margin-bottom: 0px;
    margin-right: 10px;
  }
  .footer__consortium__img .icon-consortium {
    width: 98px;
    height: 44px;
  }
  .footer__consortium__img .icon-consortium path {
    -webkit-transition: fill 200ms linear;
    -o-transition: fill 200ms linear;
    transition: fill 200ms linear;
  }
  .footer__consortium__txt {
    font-size: 1.4rem;
    margin-left: 10px;
    -webkit-transition: color 200ms linear;
    -o-transition: color 200ms linear;
    transition: color 200ms linear;
  }
  .footer__consortium__txt .icon-external {
    position: relative;
    top: 0px;
    margin-left: 5px;
    -webkit-transition: stroke 200ms linear;
    -o-transition: stroke 200ms linear;
    transition: stroke 200ms linear;
  }
  .footer__sns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin-left: 0px;
    padding-top: 0px;
    display: none;
  }
  .footer__sns__ttl {
    font-size: 1.4rem;
    margin-bottom: 0px;
    margin-right: 10px;
  }
  .footer__sns__list {
    width: 106px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .footer__sns__item {
    width: 46px;
    margin: 0px;
  }
  .footer__sns__item a {
    width: 46px;
    height: 46px;
    -webkit-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
  }
  .footer__sns__item a:hover {
    background-color: #fff;
  }
  .footer__sns__item a:hover path {
    fill: #323d4a;
  }
  .footer__sns__item svg {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .footer__sns__item path {
    fill: #fff;
    -webkit-transition: fill 200ms linear;
    -o-transition: fill 200ms linear;
    transition: fill 200ms linear;
  }
  .footer__subnav__list {
    width: 55%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .footer__subnav__item {
    margin-bottom: 0px;
  }
  .footer__subnav__item:before {
    font-size: 1.4rem;
  }
  .footer__subnav__item:first-child a {
    margin-left: 0px;
  }
  .footer__subnav__item a {
    font-size: 1.4rem;
    margin: 0 15px;
    -webkit-transition: opacity 200ms linear;
    -o-transition: opacity 200ms linear;
    transition: opacity 200ms linear;
  }
  .footer__subnav__item a:hover {
    opacity: 0.65;
  }
  .footer__copyright {
    padding: 20px 0;
  }
  .footer__copyright small {
    font-size: 1.4rem;
  }
}
@media (min-width: 1024px) {
  .footer__nav {
    margin-bottom: 40px;
  }
  .footer__nav__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 600px;
    height: 60px;
    /*
    // サブメニューを展開する場合（サービス・ソリューションから探す、製品・プロダクトから探す）
    width: 800px;
    height: 168px;
    // 移設前
    width: 500px;
    height: 90px;
    */
  }
}
@media (min-width: 1440px) {
  .footer__inner {
    width: 71.11111%;
    max-width: 1366px;
  }
}
.gnav {
  position: fixed;
  top: 74px;
  left: 100%;
  width: 100%;
  background-color: #323d4a;
}

.gnav__item, .gnav__sub-item {
  width: 100%;
  border-bottom: 1px #535b65 solid;
}

.gnav__item a, .gnav__sub-item a {
  display: block;
  font-size: 1.6rem;
  color: #fff;
  height: 70px;
  line-height: 70px;
  text-indent: 7.8%;
}

.gnav__item .icon-external, .gnav__sub-item .icon-external {
  stroke: #fff;
  display: inline-block;
  margin-left: 7px;
  margin-top: -3px;
  width: 14px;
  vertical-align: middle;
}

.gnav.open {
  left: 0;
}

.gnav.small {
  top: 58px;
}

@media (min-width: 769px) {
  .gnav {
    display: block;
    width: auto;
    position: static;
    left: 0;
    background-color: transparent;
  }
  .gnav__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 57px;
    -webkit-transition: padding 400ms ease;
    -o-transition: padding 400ms ease;
    transition: padding 400ms ease;
  }
  .gnav__item {
    width: auto;
    margin-left: 40px;
    border: none;
  }
  .gnav__item:first-child {
    margin-left: 0;
  }
  .gnav__item a {
    position: relative;
    font-size: 1.3rem;
    color: #000;
    height: auto;
    line-height: 1.5em;
    text-indent: 0;
  }
  .gnav__item a:hover:after, .gnav__item a.current:after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
  }
  .gnav__item a:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -2px;
    width: 100%;
    height: 1px;
    background-color: #000;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform 400ms ease;
    transition: -webkit-transform 400ms ease;
    -o-transition: transform 400ms ease;
    transition: transform 400ms ease;
    transition: transform 400ms ease, -webkit-transform 400ms ease;
  }
  .gnav__sub-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 0;
    top: 18px;
    -webkit-transition: top 400ms ease;
    -o-transition: top 400ms ease;
    transition: top 400ms ease;
  }
  .gnav__sub-item {
    width: auto;
    border: none;
    margin-left: 10px;
  }
  .gnav__sub-item a {
    font-size: 1.3rem;
    color: #000;
    display: block;
    height: 22px;
    line-height: 22px;
    text-indent: 0;
    padding: 0 13px;
    border: 1px #b6b6b6 solid;
    border-radius: 20px;
    -webkit-transition: background-color 200ms linear, color 200ms linear;
    -o-transition: background-color 200ms linear, color 200ms linear;
    transition: background-color 200ms linear, color 200ms linear;
  }
  .gnav__sub-item a:hover {
    color: #fff;
    background-color: #000;
  }
  .gnav__sub-item a:hover .icon-external {
    stroke: #fff;
  }
  .gnav__sub-item .icon-external {
    stroke: #000;
    display: inline-block;
    margin-left: 5px;
    margin-top: -3px;
    width: 12px;
    vertical-align: middle;
    -webkit-transition: stroke 200ms linear;
    -o-transition: stroke 200ms linear;
    transition: stroke 200ms linear;
  }
  .gnav.small .gnav__list {
    padding-top: 47px;
  }
  .gnav.small .gnav__sub-list {
    top: 13px;
  }
  .header--r202206 .header__logo {
    width: 140px;
  }
  .header--r202206 .gnav__item {
    margin-left: 1.432vw;
  }
  .header--r202206 .gnav__item:first-child {
    margin-left: 0;
  }
  .header--r202206 .gnav__item a,
.header--r202206 .gnav__sub-item a {
    font-size: 1.432vw;
    letter-spacing: 0;
  }
}
@media (min-width: 1024px) {
  .gnav__item {
    margin-left: 60px;
  }
  .gnav__item a {
    font-size: 1.4rem;
  }
  .gnav__sub-item a {
    font-size: 1.4rem;
  }
  .header--r202206 .header__logo {
    width: 160px;
  }
  .header--r202206 .gnav__item {
    margin-left: 2.8rem;
  }
  .header--r202206 .gnav__item:first-child {
    margin-left: 0;
  }
  .header--r202206 .gnav__item a,
.header--r202206 .gnav__sub-item a {
    font-size: 1.4rem;
    letter-spacing: 1px;
  }
}
.button, .button00, .button00--wide, .button02 {
  font-size: 3.385vw;
  color: #fff;
  display: inline-block;
  width: 46.875vw;
  height: 9.375vw;
  line-height: 9.375vw;
  text-align: center;
  background-color: #00689c;
  background-image: url(../img/common/icon_btn_arrow_w.svg);
  background-size: 5.598vw 1.562vw;
  background-repeat: no-repeat;
  background-position: 39.062vw 3.385vw;
}

.button--text_small {
  font-size: 3.0465vw;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0.2em 0;
  line-height: 1.33;
  letter-spacing: 0;
}
.button--text_small.button--blank, .button--text_small.button--blank:hover {
  background-position: 94% center;
}

.external-button {
  font-size: 3.385vw;
  color: #fff;
  display: inline-block;
  width: 49.479vw;
  height: 9.375vw;
  line-height: 9.375vw;
  text-align: center;
  background-color: #b4c518;
}

.external-button svg {
  display: inline-block;
  width: 3.125vw;
  margin-left: 1.302vw;
  margin-top: -0.652vw;
  vertical-align: middle;
}

.external-button svg polyline {
  stroke: #fff;
}

@media (min-width: 769px) {
  .button, .button00, .button00--wide, .button02 {
    font-size: 16px;
    width: 238px;
    height: 54px;
    line-height: 54px;
    background-size: 33px 8px;
    background-position: 186px 20px;
    -webkit-transition: background-position 300ms, background-color 300ms ease;
    -o-transition: background-position 300ms, background-color 300ms ease;
    transition: background-position 300ms, background-color 300ms ease;
    border: solid 1px #00689c;
  }
  .button--text_small {
    font-size: 16px;
    line-height: 1.33;
  }
  .button:hover, .button00:hover, .button00--wide:hover, .button02:hover {
    background-position: 192px 20px;
    background-color: #fff;
    color: #00689c;
    background-image: url(../etc/img/icn_arrow_blue.svg);
  }
  .external-button {
    font-size: 14px;
    width: 238px;
    height: 54px;
    line-height: 54px;
    -webkit-transition: color 200ms linear, background-color 200ms linear;
    -o-transition: color 200ms linear, background-color 200ms linear;
    transition: color 200ms linear, background-color 200ms linear;
  }
  .external-button svg {
    width: 18px;
    margin-left: 10px;
    margin-top: -5px;
  }
  .external-button svg polyline {
    -webkit-transition: stroke 200ms linear;
    -o-transition: stroke 200ms linear;
    transition: stroke 200ms linear;
  }
  .external-button:hover {
    color: #b4c518;
    background-color: #fff;
  }
  .external-button:hover svg polyline {
    stroke: #b4c518;
  }
}
.button00, .button00--wide {
  background-position: top 3.385vw right 3.125vw;
}

.button00:hover, .button00--wide:hover {
  background-position: top 3.385vw right 2.343vw;
  background-color: #fff;
  color: #00689c;
  background-image: url(../etc/img/icn_arrow_blue.svg);
}

.button--blank,
.button00--blank {
  background-image: url(../etc/img/icn_blank_white.svg);
  background-size: 3.125vw 2.864vw;
}

.button00--blank:hover {
  background-image: url(../etc/img/icn_blank_blue.svg);
}

.button00--wide {
  display: inline-block;
  width: auto;
  padding-right: 4em;
  padding-left: 4em;
}

.button00--wide.button00--blank {
  background-position: top 3.125vw right 6.25vw;
}

.button00--wide.button00--blank:hover {
  background-position: top 3.125vw right 5.208vw;
}

@media (min-width: 769px) {
  .button00--wide.button00--blank {
    background-position: top 20px right 1.8em;
  }
  .button00--wide.button00--blank:hover {
    background-position: top 20px right 1.5em;
  }
}
@media (min-width: 769px) {
  .button00, .button00--wide {
    background-position: top 20px right 1em;
  }
  .button00:hover, .button00--wide:hover {
    background-position: top 20px right 0.5em;
  }
  .button--blank,
.button00--blank {
    background-size: 14px 14px;
  }
  .button--blank:hover,
.button00--blank:hover {
    background-position: 186px 20px;
  }
  .button--blank:hover {
    background-image: url(../etc/img/icn_blank_blue.svg);
  }
}
.button01 {
  font-size: 3.385vw;
  color: #fff;
  display: inline-block;
  width: 46.875vw;
  height: 9.375vw;
  line-height: 9.375vw;
  text-align: center;
  background-color: #00689c;
  border: solid 1px #00689c;
}
.button01.alm-load-more-btn {
  box-sizing: content-box;
  padding: 0;
}
.button01.alm-load-more-btn:hover {
  color: #fff;
  background-color: #00689c;
}
.button01.alm-load-more-btn:disabled {
  display: none;
}
.button01:hover {
  background-color: #fff;
  color: #00689c;
}

.button01 span {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  margin-left: 1.302vw;
}

.button01 span:before, .button01 span:after {
  content: "";
  display: block;
  position: absolute;
}

.button01--more {
  -webkit-transition: background-color 300ms ease;
  -o-transition: background-color 300ms ease;
  transition: background-color 300ms ease;
}

.button01--more span {
  width: 1.953vw;
  -webkit-transform: translateY(-0.261vw);
  -ms-transform: translateY(-0.261vw);
  transform: translateY(-0.261vw);
  margin-left: 1.302vw;
}

.button01--more span:before, .button01--more span:after {
  background: #fff;
  width: 1.953vw;
  height: 0.26vw;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.button01--more span:after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}

.button01--more:hover span:before, .button01--more:hover span:after {
  background: #00689c;
}

.button01--dropdown {
  -webkit-transition: background-color 300ms ease;
  -o-transition: background-color 300ms ease;
  transition: background-color 300ms ease;
}

.button01--dropdown--wrap {
  position: relative;
  margin: 25px 0 0 0;
}

.button01--dropdown--inner {
  position: absolute;
  top: 50px;
  left: 0;
}

.button01--dropdown span {
  width: 1.953vw;
  height: 1.953vw;
  -webkit-transform: translateY(-0.261vw);
  -ms-transform: translateY(-0.261vw);
  transform: translateY(-0.261vw);
  margin-left: 1.562vw;
}

.button01--dropdown span:before {
  width: 1.953vw;
  height: 1.953vw;
  border-left: solid 0.26vw #fff;
  border-bottom: solid 0.26vw #fff;
  -webkit-transform: rotate(-45deg) translateX(1.041vw) translateY(-0.261vw);
  -ms-transform: rotate(-45deg) translateX(1.041vw) translateY(-0.261vw);
  transform: rotate(-45deg) translateX(1.041vw) translateY(-0.261vw);
}

.button01--dropdown:hover span:before {
  border-left-color: #00689c;
  border-bottom-color: #00689c;
}

.button01--mail {
  display: flex;
  justify-content: center;
  align-items: center;
}
.button01--mail::before {
  content: "";
  width: 1.875em;
  height: 1.25em;
  background: url(../img/common/icon_btn_mail_w.svg) center/contain no-repeat;
  margin-right: 0.75em;
}
.button01--mail:hover::before {
  background-image: url(../img/common/icon_btn_mail_bl.svg);
}

@media (min-width: 769px) {
  .button01 {
    font-size: 17px;
    width: 250px;
    height: 50px;
    line-height: 50px;
  }
  .button01.alm-load-more-btn:hover {
    background-color: #fff;
    color: #00689c;
  }
  .button01--more span {
    width: 15px;
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
    margin-left: 10px;
  }
  .button01--more span:before, .button01--more span:after {
    width: 15px;
    height: 2px;
  }
  .button01--dropdown span {
    width: 15px;
    height: 15px;
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
    margin-left: 12px;
  }
  .button01--dropdown span:before {
    width: 10px;
    height: 10px;
    border-left: solid 1px #fff;
    border-bottom: solid 1px #fff;
    -webkit-transform: rotate(-45deg) translateX(3px) translateY(0px);
    -ms-transform: rotate(-45deg) translateX(3px) translateY(0px);
    transform: rotate(-45deg) translateX(3px) translateY(0px);
  }
}
.button02 {
  background-image: url(../etc/img/icn_arrow2_white.svg);
  background-position: 40.364vw 3.385vw;
  font-size: 3.575vw;
  border: solid 1px #00689c;
  background-size: 2.864vw 2.734vw;
}

.button02:hover {
  background-color: #fff;
  color: #00689c;
  background-image: url(../etc/img/icn_arrow2_blue.svg);
  background-position: 40.364vw 3.385vw;
}

@media (min-width: 769px) {
  .button02 {
    background-size: 11px 10px;
    background-position: 206px 22px;
    font-size: 14px;
    width: 236px;
    height: 54px;
    line-height: 54px;
  }
  .button02:hover {
    background-position: 206px 22px;
  }
}
.button10 {
  display: inline-block;
  width: 27.213vw;
  font-size: 3.385vw;
  color: #000;
  border: solid 1px #000;
  border-radius: 13.02vw;
  padding: 0 6.51vw 0 3.645vw;
  line-height: 4.687vw;
  position: relative;
}

.button10:after {
  content: "";
  display: block;
  width: 3.125vw;
  height: 2.864vw;
  background-image: url(../etc/img/icn_blank_black.svg);
  background-size: 3.125vw 2.864vw;
  position: absolute;
  right: 2.604vw;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.button10:hover {
  border: solid 1px #00689c;
  color: #00689c;
}

.button10:hover:after {
  background-image: url(../etc/img/icn_blank_blue.svg);
}

@media (min-width: 769px) {
  .button10 {
    width: 209px;
    font-size: 14.5px;
    border-radius: 100px;
    padding: 0 40px 0 16px;
    line-height: 22px;
  }
  .button10:after {
    width: 10px;
    height: 10px;
    background-size: 10px 10px;
    right: 15px;
  }
}
.page-top {
  text-align: center;
  padding-bottom: 7.161vw;
}

.page-top a {
  display: inline-block;
  width: 18.229vw;
  height: 18.229vw;
  position: relative;
  text-align: center;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1.302vw #cce8f7 solid;
  border-radius: 100%;
}

.page-top a:before {
  content: "";
  display: block;
  width: 13.02vw;
  height: 13.02vw;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100%;
  background-color: #cce8f7;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.page-top a .icon {
  position: relative;
  width: 100%;
  height: 100%;
  background-image: url(../img/common/icon_arrow_t.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 6.25vw 3.906vw;
  z-index: 10;
}

@media (min-width: 769px) {
  .page-top {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
    padding-bottom: 40px;
    text-align: right;
  }
  .page-top a {
    width: 70px;
    height: 70px;
    border: 5px #cce8f7 solid;
  }
  .page-top a:before {
    width: 50px;
    height: 50px;
    -webkit-transition: width 350ms ease, height 350ms ease;
    -o-transition: width 350ms ease, height 350ms ease;
    transition: width 350ms ease, height 350ms ease;
  }
  .page-top a .icon {
    background-size: 20px 12px;
  }
  .page-top a:hover:before {
    width: 61px;
    height: 61px;
  }
}
.ring-wrap {
  position: absolute;
  left: 50%;
  top: 0;
  width: 88%;
  margin: 0 auto;
  z-index: 10;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.ring-box {
  position: absolute;
  width: 14.062vw;
  height: 14.062vw;
}

.ring-box--small {
  width: 5.158vw;
  height: 5.158vw;
}

.ring {
  position: relative;
  width: 14.062vw;
  height: 14.062vw;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 900ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: -webkit-transform 900ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: transform 900ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 900ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 900ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 900ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.ring:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 14.062vw;
  height: 14.062vw;
  border: 7.031vw #008ad3 solid;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 300ms;
  -o-transition: border 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 300ms;
  transition: border 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 300ms;
}

.ring.show {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.ring.show:before {
  border: 4.687vw #008ad3 solid;
}

.ring--small {
  width: 5.158vw;
  height: 5.158vw;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.ring--small:before {
  width: 5.158vw;
  height: 5.158vw;
  border: 1.778vw #008ad3 solid;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.ring--small.show {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.ring--small.show:before {
  border: 1.778vw #008ad3 solid;
}

.ring-lines {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 25;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.ring-lines .ring-line {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 0px;
  height: 1px;
  background-color: #1091d6;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform 1200ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: -webkit-transform 1200ms cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: transform 1200ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: transform 1200ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: transform 1200ms cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 1200ms cubic-bezier(0.77, 0, 0.175, 1);
}

.ring-lines--no-animation {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.ring-lines--no-animation .ring-line {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.ring-lines--biz .ring-line:nth-of-type(5), .ring-lines--biz .ring-line:nth-of-type(6) {
  display: none;
}

@media (min-width: 769px) {
  .ring-lines--biz .ring-line:nth-of-type(4) {
    display: none;
  }
  .ring-lines--biz .ring-line:nth-of-type(5), .ring-lines--biz .ring-line:nth-of-type(6) {
    display: block;
  }
}
@media (min-width: 769px) {
  .ring-wrap {
    width: 1024px;
  }
  .ring-box {
    width: 108px;
    height: 108px;
  }
  .ring-box--small {
    width: 39.615px;
    height: 39.615px;
  }
  .ring {
    width: 108px;
    height: 108px;
  }
  .ring:before {
    width: 108px;
    height: 108px;
    border: 54px #008ad3 solid;
  }
  .ring.show:before {
    border: 36px #008ad3 solid;
  }
  .ring--small {
    width: 39.615px;
    height: 39.615px;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
  .ring--small:before {
    width: 39.615px;
    height: 39.615px;
    border: 13.66px #008ad3 solid;
  }
  .ring--small.show:before {
    border: 13.66px #008ad3 solid;
  }
}
.title00 {
  background-size: auto 39.062vw;
  background-position: top center;
  background-repeat: no-repeat;
  padding-top: 39.062vw;
  position: relative;
  z-index: 100;
}

.title00--center {
  padding-top: 0;
  height: 39.062vw;
  position: relative;
}

.title00--center .title00__wrap {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  padding-left: 3.906vw;
}

.title00--center .title00__main {
  padding-top: 0;
}

.title00--white {
  color: #fff;
}

.title00__wrap {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 3.906vw;
}

.title00__main {
  padding-top: 5.208vw;
}

.title00__sub {
  margin-top: 2.604vw;
}

.title00__tags {
  margin-top: 7.031vw;
  font-size: 3.385vw;
}

.title00__tag {
  color: #808080;
  display: inline-block;
}

.title00__tag + .title00__tag {
  padding-left: 3.906vw;
}

@media (min-width: 769px) {
  .title00 {
    background-size: cover;
    background-position: center;
    height: 266px;
    padding-top: 0;
    position: relative;
  }
  .title00--center {
    height: 266px;
  }
  .title00--center .title00__wrap {
    padding-left: 0;
  }
  .title00--center .title00__wrap--gap {
    padding-left: 40px;
  }
  .title00--center .title00__main {
    padding-top: 0;
  }
  .title00__wrap {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    padding-left: 0;
  }
  .title00__wrap--gap {
    padding-left: 40px;
  }
  .title00__main, .title00__sub, .title00__tags {
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
  }
  .title00__main {
    padding-top: 0;
  }
  .title00__sub {
    margin-top: 0;
  }
  .title00__tags {
    margin-top: 0;
    font-size: 18px;
  }
}
.title10 {
  font-weight: bold;
  font-size: 5.338vw;
  line-height: 1.33;
}

@media (min-width: 769px) {
  .title10 {
    font-size: 35px;
    line-height: 1.45;
  }
}
.title20 {
  font-size: 4.166vw;
  line-height: 1.58;
}

@media (min-width: 769px) {
  .title20 {
    font-size: 20px;
    line-height: 2.53;
  }
}
.title30 {
  font-weight: bold;
  font-size: 4.817vw;
  line-height: 1.37;
}

@media (min-width: 769px) {
  .title30 {
    font-size: 30px;
    line-height: 1.69;
  }
}
.title40 {
  font-weight: bold;
  font-size: 4.166vw;
  line-height: 1.58;
}

@media (min-width: 769px) {
  .title40 {
    font-size: 26px;
    line-height: 1.95;
  }
}
.title50 {
  font-weight: bold;
  font-size: 3.906vw;
  line-height: 1.69;
}

@media (min-width: 769px) {
  .title50 {
    font-size: 22px;
    line-height: 2.3;
  }
}
.title-lead {
  max-width: 1024px;
  width: 92.18%;
  margin: 1em auto 0;
}
@media (min-width: 769px) {
  .title-lead {
    margin-top: 4em;
  }
}

.text00 {
  color: #545454;
  font-size: 3.385vw;
  line-height: 1.8;
}

.text00--small {
  color: #545454;
  font-size: 3.125vw;
  line-height: 1.7;
}

.text00--center {
  text-align: center;
}

.text00--border {
  border: #d2d3d3 1px solid;
  padding: 1.953vw 2.604vw;
}

@media (min-width: 769px) {
  .text00 {
    font-size: 18px;
    line-height: 1.83;
  }
  .text00--small {
    font-size: 16px;
    line-height: 1.76;
  }
  .text00--border {
    padding: 15px 20px;
  }
}
.bold00, .bold10 {
  font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 游ゴシック体, "Yu Gothic", YuGothic, メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.bold00 {
  font-weight: normal;
}

.bold10 {
  font-weight: bold;
}

.list00 {
  font-size: 3.385vw;
  line-height: 1.83;
  margin-left: 3.385vw;
}

.list00__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.list00__item:before {
  content: "・";
  display: inline-block;
  margin-left: -3.646vw;
}

.list00 .list00__inner {
  margin-left: 6.77vw;
}

.list00--number {
  counter-reset: number;
}

.list00--number .list00__item {
  padding-left: 1.302vw;
}

.list00--number .list00__item:before {
  counter-increment: number;
  content: counter(number) ".";
  margin-left: -4.688vw;
  margin-right: 1.302vw;
}

.list00--notes .list00__item {
  padding-left: 1.171vw;
}

.list00--notes .list00__item:before {
  content: "※";
  margin-left: -4.297vw;
  margin-right: 0.911vw;
}

.list00--links .list00__item:before {
  color: #008ad3;
}

@media (min-width: 769px) {
  .list00 {
    font-size: 18px;
    margin-left: 18px;
  }
  .list00__item:before {
    margin-left: -19px;
  }
  .list00 .list00__inner {
    margin-left: 34px;
  }
  .list00--number .list00__item {
    padding-left: 10px;
  }
  .list00--number .list00__item:before {
    margin-left: -24px;
    margin-right: 7px;
  }
  .list00--notes .list00__item {
    padding-left: 9px;
  }
  .list00--notes .list00__item:before {
    margin-left: -24px;
    margin-right: 5px;
  }
}
.lis10 {
  border-top: solid 1px #dfe3e7;
}

.lis10__item {
  border-bottom: solid 1px #dfe3e7;
}

.lis10__link {
  display: block;
  color: #000;
  padding: 3.255vw 3.906vw;
}

.lis10__data {
  color: #878787;
  font-size: 3.125vw;
}

.lis10__txt {
  color: #545454;
  font-size: 3.385vw;
  line-height: 1.38;
  padding: 1.953vw 0;
}

.lis10__tags {
  color: #878787;
  font-size: 3.125vw;
}

.lis10__tag {
  color: #878787;
}

@media (min-width: 769px) {
  .lis10__link {
    padding: 15px 22px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .lis10__data {
    font-size: 14px;
    width: 12%;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .lis10__txt {
    font-size: 17px;
    padding: 10px 0 0;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
  .lis10__tags {
    width: 88%;
    font-size: 14px;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
}
.link00 {
  color: #008ad3;
}

.link10:after {
  content: "";
  display: inline-block;
  width: 6.38vw;
  height: 1.692vw;
  background-image: url(../etc/img/icn_arrow_black.svg);
  background-size: 6.38vw 1.692vw;
  background-repeat: no-repeat;
  margin-left: 1.302vw;
}

.link10--black {
  color: #000;
}

.link10--gray {
  color: #545454;
}

.link10--underline {
  text-decoration: underline;
}

.link10--underline:hover {
  text-decoration: none;
}

.link10--blank:after {
  width: 3.125vw;
  height: 2.864vw;
  background-image: url(../etc/img/icn_blank_black.svg);
  background-size: 3.125vw 2.864vw;
  margin-left: 1.953vw;
}

.link10--pdf:after {
  width: 3.645vw;
  height: 3.776vw;
  background-image: url(../etc/img/icn_pdf.svg);
  background-size: 3.645vw 3.776vw;
  margin-left: 1.171vw;
}

@media (min-width: 769px) {
  .link10:after {
    width: 32px;
    height: 8px;
    background-size: 32px 8px;
    margin-left: 10px;
  }
  .link10--blank:after {
    width: 15px;
    height: 15px;
    background-size: 15px 15px;
    margin-left: 15px;
  }
  .link10--pdf:after {
    width: 17px;
    height: 17px;
    background-size: 17px 17px;
    margin-left: 9px;
  }
}
.content-fix {
  width: 92.44%;
  margin: 6.51vw auto;
}

@media (min-width: 769px) {
  .content-fix {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
  }
}
.block00--single-movie .block00__item {
  max-width: 880px;
  width: 100%;
}

.block00--single-movie .movie__iframe {
  width: 100%;
  height: 51.822vw;
}

@media (min-width: 769px) {
  .block00--single-movie .movie__iframe {
    height: 495px;
  }
}
.block00--2col-movie .block00__item {
  width: 100%;
}

.block00--2col-movie .movie__iframe {
  width: 100%;
  height: 51.822vw;
}

@media (min-width: 769px) {
  .block00--2col-movie .movie__iframe {
    height: 280px;
  }
}
.block00__item:nth-of-type(n+2) {
  margin-top: 6.51vw;
}

.block00__media {
  line-height: 0;
  text-align: center;
}

.block00__media img {
  width: auto;
  height: auto;
  max-width: 100%;
}

.block00__ttl {
  margin-top: 1.953vw;
}

.block00__txt {
  margin-top: 1.953vw;
  font-size: 3.125vw;
  line-height: 1.37;
  color: #545454;
}

.block00__txt--center {
  font-size: 3.385vw;
  text-align: center;
}

@media (min-width: 769px) {
  .block00 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .block00--3col, .block00--2col {
    margin-left: -10px;
    margin-right: -10px;
  }
  .block00--3col .block00__item, .block00--2col .block00__item {
    margin: 0 10px;
  }
  .block00--3col .block00__item {
    max-width: 328px;
  }
  .block00--2col .block00__item {
    max-width: 502px;
  }
  .block00__item {
    max-width: 100%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .block00__item:nth-of-type(n+2) {
    margin-top: 0;
  }
  .block00__ttl {
    margin-top: 15px;
  }
  .block00__link {
    margin-top: 15px;
    display: block;
    -webkit-transition: opacity 400ms linear;
    -o-transition: opacity 400ms linear;
    transition: opacity 400ms linear;
  }
  .block00__link:hover {
    opacity: 0.6;
  }
  .block00__txt {
    margin-top: 15px;
    font-size: 22px;
    line-height: 1.77;
  }
  .block00__txt--center {
    text-align: center;
  }
  .block00__txt--medium {
    font-size: 18px;
  }
  .block00__txt--small {
    font-size: 15px;
  }
}
.block10__cap {
  margin-top: 3.255vw;
  font-size: 3.125vw;
}

.block10__txt {
  color: #545454;
  font-size: 3.385vw;
  line-height: 1.83;
}

@media (min-width: 769px) {
  .block10 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .block10__left {
    width: 502px;
  }
  .block10__right {
    width: 482px;
  }
  .block10__cap {
    margin-top: 25px;
    font-size: 15px;
  }
  .block10__txt {
    font-size: 18px;
  }
  .block10--reverse .block10__left {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
.card00 {
  border-top: solid 1px #dfe3e7;
  overflow: hidden;
}
.card00--pane {
  border-top: none;
}
.card00--pane .card00__item {
  display: flex;
  background-color: #f5f5f5;
  border-bottom: none;
}
.card00--pane .card00__item:first-child {
  margin-top: 0;
}
.card00--pane .card00__item:last-child {
  border-bottom: none;
}
.card00--pane .card00__link {
  padding: 4.23% 0;
  position: relative;
}
.card00--pane .card00__link::after {
  content: "";
  position: absolute;
  bottom: 4vw;
  right: 3.2vw;
  width: 9.6vw;
  height: 2.4vw;
  background: url(../img/common/icon_btn_arrow_bl.svg) right bottom/contain no-repeat;
}
.card00--pane .card00__txt-area {
  background-color: transparent;
}
.card00--pane .card00__txt:last-child::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
}

.card00__item {
  border-bottom: solid 1px #dfe3e7;
  margin: 4.23% 0;
}

.card00__link {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.card00__link--center {
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.card00__img {
  width: 31.07%;
  margin-left: 4.23%;
}

.card00__txt-area {
  width: 58.47%;
  margin-right: 2.82%;
  background-color: #fff;
}

.card00__info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 2.604vw;
}

.card00__date {
  font-size: 3.125vw;
  color: #545454;
  line-height: 1;
}

.card00__txt {
  font-size: 3.645vw;
  line-height: 1.44;
  color: #000;
  font-weight: bold;
}
.card00__txt--desc {
  margin-top: 0.2em;
  font-weight: normal;
  line-height: 1.33;
  color: #545454;
}

.card00__tags {
  width: 91.52%;
  margin: 2.82% auto 3.53%;
  font-size: 2.994vw;
}

.card00__tag {
  color: #545454;
  margin-right: 2.604vw;
}

@media (min-width: 769px) {
  .card00 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 0;
    border-top: none;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .card00--pane .card00__item {
    border: none;
  }
  .card00--pane .card00__link {
    padding: 0 0 40px;
  }
  .card00--pane .card00__link::after {
    display: block;
    content: "";
    position: absolute;
    bottom: 20px;
    right: 16px;
    width: 32px;
    height: 8px;
  }
  .card00:after {
    content: "";
    display: block;
    width: 32.03%;
    height: 0;
  }
  .card00__item {
    width: 32.03%;
    margin: 0;
    border: solid 1px #dfe3e7;
  }
  .card00__item:nth-of-type(n+4) {
    margin-top: 40px;
  }
  .card00__img {
    width: auto;
    margin-left: 0;
    margin-right: 0;
  }
  .card00__link {
    display: block;
    -webkit-transition: opacity 400ms linear;
    -o-transition: opacity 400ms linear;
    transition: opacity 400ms linear;
  }
  .card00__link:after {
    display: none;
  }
  .card00__link:hover {
    opacity: 0.6;
  }
  .card00__txt-area {
    padding-top: 20px;
    width: auto;
    margin-right: 0;
  }
  .card00__info {
    padding-bottom: 20px;
  }
  .card00__date {
    font-size: 14px;
    margin-left: 12px;
    margin-right: 10px;
  }
  .card00__txt {
    width: 91.46%;
    font-size: 20px;
    line-height: 1.78;
    margin: 0 auto;
  }
  .card00__tags {
    margin-top: 20px;
    width: 91.46%;
    font-size: 15px;
  }
  .card00__tag {
    margin-right: 10px;
  }
}
.table__wrap {
  max-width: 100%;
  overflow-x: auto;
  background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.1))) 0 0/20px 100%, -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.1))) right/20px 100%;
  background: -o-linear-gradient(right, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1)) 0 0/20px 100%, -o-linear-gradient(left, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1)) right/20px 100%;
  background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1)) 0 0/20px 100%, linear-gradient(to right, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1)) right/20px 100%;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

@media (min-width: 769px) {
  .table__wrap {
    background: none;
    border: none;
  }
}
.table00 {
  display: table;
  white-space: nowrap;
  background: -o-linear-gradient(right, rgba(255, 255, 255, 0), white 15px) 0 0/50px 100%, -o-linear-gradient(left, rgba(255, 255, 255, 0), white 15px) right/50px 100%;
  background: linear-gradient(to left, rgba(255, 255, 255, 0), white 15px) 0 0/50px 100%, linear-gradient(to right, rgba(255, 255, 255, 0), white 15px) right/50px 100%;
  background-repeat: no-repeat;
  background-attachment: local;
  border-bottom: 1px solid #CCC;
  border-collapse: collapse;
  min-width: 100%;
}

.table00--dark .table00__th, .table00--dark .table00__td {
  border: solid 1px #808080;
}

.table00--dark .table00__th {
  background-color: #d8d8d8;
}

.table00--dark .table00__th--sub {
  background-color: #eeeeee;
}

.table00--dark .table00__th--nobg {
  background: none;
}

.table00__tr {
  display: table-row;
}

.table00__th, .table00__td {
  display: table-cell;
  border: solid 1px #808080;
  font-size: 3.125vw;
  padding: 2.604vw;
}

.table00__th {
  text-align: left;
  background-color: #d8d8d8;
  font-weight: normal;
  padding: 1.302vw 2.604vw;
}

.table00__td {
  color: #545454;
}

.table00__small {
  font-size: 2.864vw;
}

@media (min-width: 769px) {
  .table00 {
    max-width: 880px;
    margin-right: auto;
    margin-left: auto;
    width: auto;
    white-space: normal;
    background: none;
    min-width: auto;
  }
  .table00__tr {
    display: table-row;
  }
  .table00__th {
    white-space: nowrap;
  }
  .table00__th, .table00__td {
    display: table-cell;
    font-size: 16px;
    padding: 20px;
  }
  .table00__small {
    font-size: 12px;
  }
}
.textarea00 {
  background-color: #DFE3E7;
  border-radius: 3.255vw;
  padding: 1.302vw 6.51vw 6.51vw;
}

.textarea00__ttl {
  margin-top: 3.906vw;
}

.textarea00__txt {
  margin-top: 3.906vw;
}

.textarea00__hr {
  margin-top: 5.208vw;
}

@media (min-width: 769px) {
  .textarea00 {
    padding: 15px 60px 50px;
  }
  .textarea00__ttl {
    margin-top: 25px;
  }
  .textarea00__txt {
    margin-top: 20px;
  }
  .textarea00__hr {
    margin-top: 40px;
  }
}
.panel00 {
  border: 1px solid #dfe3e7;
  padding: 3.385vw;
}

.panel00__img {
  line-height: 0;
}

.panel00__ttl {
  padding: 3.906vw 0 3.255vw;
  font-size: 4.166vw;
  font-weight: bold;
}

.panel00__txt {
  font-size: 3.385vw;
  line-height: 1.26;
}

@media (min-width: 769px) {
  .panel00 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px 0;
  }
  .panel00__img {
    width: 26.36719%;
    margin-left: 20px;
  }
  .panel00__textarea {
    width: 63.95508%;
    margin-right: auto;
    margin-left: auto;
  }
  .panel00__ttl {
    padding: 30px 0 25px;
    font-size: 26px;
    color: #545454;
  }
  .panel00__txt {
    font-size: 18px;
    color: #545454;
    line-height: 1.6;
  }
}
.accordion00 {
  border: solid 1px #dfe3e7;
  border-top: none;
}

.accordion00__ttl {
  background-color: #f5f5f5;
  font-weight: bold;
  font-size: 2.604vw;
  padding: 2.604vw 6.51vw;
  position: relative;
  cursor: pointer;
  border-top: solid 1px #dfe3e7;
}

.accordion00__ttl:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 6.51vw;
  width: 1.953vw;
  height: 1.953vw;
  border-left: solid 0.26vw #000;
  border-bottom: solid 0.26vw #000;
  -webkit-transform: rotate(-45deg) translateX(0) translateY(-100%);
  -ms-transform: rotate(-45deg) translateX(0) translateY(-100%);
  transform: rotate(-45deg) translateX(0) translateY(-100%);
}

.is-open .accordion00__ttl {
  border-bottom: solid 1px #dfe3e7;
}

.is-open .accordion00__ttl:after {
  right: 7.161vw;
  -webkit-transform: rotate(135deg) translateX(0) translateY(50%);
  -ms-transform: rotate(135deg) translateX(0) translateY(50%);
  transform: rotate(135deg) translateX(0) translateY(50%);
}

.accordion00__txtarea {
  font-size: 2.604vw;
  padding: 2.604vw 6.51vw;
  display: none;
}

.is-open .accordion00__txtarea {
  display: block;
}

@media (min-width: 769px) {
  .accordion00__ttl {
    font-size: 16px;
    padding: 20px 50px;
  }
  .accordion00__ttl:after {
    right: 50px;
    width: 13px;
    height: 13px;
    border-left: solid 1px #000;
    border-bottom: solid 1px #000;
  }
  .is-open .accordion00__ttl:after {
    right: 55px;
  }
  .accordion00__txtarea {
    font-size: 16px;
    padding: 20px 50px;
  }
}
.hr00, .hr10 {
  border-top-width: 1px;
  border-top-color: #000;
}

.hr00 {
  border-top-style: solid;
}

.hr00--gray {
  border-top-color: #878787;
}

.hr00--blue {
  border-top-color: #00689c;
}

.hr00--light-gray {
  border-top-color: #dfe3e7;
}

.hr10 {
  border-top-style: dashed;
}

.hr10--gray {
  border-top-color: #878787;
}

.hr10--blue {
  border-top-color: #00689c;
}

.hr10--light-gray {
  border-top-color: #dfe3e7;
}

.breadcrumb {
  background-color: #f5f5f5;
  font-size: 2.083vw;
  color: #777777;
}

.breadcrumb__list {
  max-width: 1024px;
  width: 92.18%;
  margin: 0 auto;
  padding: 1.302vw 0;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  overflow-scrolling: touch;
  overflow: auto;
}

.breadcrumb__item {
  display: inline;
}

.breadcrumb__item:nth-of-type(n+2):before {
  content: ">";
  display: inline-block;
  margin: 0 0.651vw;
}

.breadcrumb__link {
  color: #777777;
}

.breadcrumb__txt {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (min-width: 769px) {
  .breadcrumb {
    font-size: 12px;
  }
  .breadcrumb__list {
    padding: 10px 0;
    max-width: 1024px;
    margin: 0 auto;
  }
  .breadcrumb__item:nth-of-type(n+2):before {
    margin: 0 5px;
  }
}
.anchor {
  margin-top: -100px;
  padding-top: 100px;
}

.dropdown00 {
  position: relative;
  z-index: 5;
  width: 46.875vw;
  height: 9.375vw;
  margin: 0 auto;
}

.dropdown00__inner {
  width: 100%;
  overflow: hidden;
  display: none;
}

.dropdown00__inner li {
  padding: 0;
}

.dropdown00__inner li a {
  cursor: pointer;
  background-color: #245377;
  font-size: 3.385vw;
  color: #fff;
  display: inline-block;
  width: 46.875vw;
  height: 9.375vw;
  line-height: 9.375vw;
  text-align: center;
  border-bottom: solid 1px #4e7490;
  -webkit-transition: background-color 600ms ease;
  -o-transition: background-color 600ms ease;
  transition: background-color 600ms ease;
}

.dropdown00__inner li a:hover {
  background-color: #fff;
  color: #00689c;
  border-right: 1px solid #00689c;
  border-left: 1px solid #00689c;
}

@media (min-width: 769px) {
  .dropdown00 {
    width: auto;
    height: 50px;
  }
  .dropdown00__inner {
    position: absolute;
    top: 50px;
    left: 0;
  }
  .dropdown00__inner li a {
    font-size: 16px;
    width: 250px;
    height: 50px;
    line-height: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.information {
  position: relative;
  width: 100%;
  background-color: #f5f5f5;
  overflow: hidden;
}
.information--incident {
  background-color: #048da8;
}

.information__inner {
  position: relative;
  width: 94%;
  margin: 0 auto;
}

.information__link {
  display: block;
  color: #000;
  padding: 6px 0;
  background-image: url(../img/common/icon_btn_arrow_b.svg);
  background-size: 22px 6px;
  background-repeat: no-repeat;
  background-position: right 47%;
}
.information__link dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.1rem;
  line-height: 1.6em;
}
.information__link dt {
  max-width: 110px;
  display: inline-block;
}
.information__link dd {
  width: 59.635vw;
}
.information__link--incident {
  color: #fff;
  background-image: url(../img/common/icon_btn_arrow_w.svg);
}
.information__link--incident dl {
  padding-right: 22px;
}
.information__link--incident dt {
  display: flex;
  align-items: center;
  padding-right: 1em;
  max-width: none;
  font-weight: bold;
  white-space: nowrap;
}
.information__link--incident dt i {
  width: 1.6rem;
  height: 1.6rem;
  background: url(../img/common/icon_incident.svg) center/contain no-repeat;
  margin-right: 1em;
}
.information__link--incident dd {
  width: auto;
}

@media (min-width: 769px) {
  .information__inner {
    width: 93%;
    max-width: 1024px;
  }
  .information__link {
    padding: 6px 0;
    background-size: 27px 7px;
    background-position: 99.2% 47%;
    -webkit-transition: background-position 300ms ease;
    -o-transition: background-position 300ms ease;
    transition: background-position 300ms ease;
  }
  .information__link dl {
    font-size: 1.2rem;
  }
  .information__link dt {
    max-width: 200px;
  }
  .information__link dd {
    width: 72%;
  }
  .information__link:hover {
    background-position: 100% 47%;
  }
  .information__link:hover span {
    opacity: 0.6;
  }
  .information__link--incident dl {
    font-size: 1.6rem;
  }
  .information__link--incident dt {
    max-width: none;
  }
  .information__link--incident dt i {
    width: 1.625em;
    height: 1.625em;
  }
  .information__link--incident dd {
    width: auto;
  }
}
@media (min-width: 1440px) {
  .information__inner {
    width: 71.11111%;
    max-width: 1366px;
  }
}
.mainvis {
  z-index: 0;
}

.mainvis__bg {
  position: relative;
  width: 100%;
  height: 100%;
}

.mainvis__wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.mainvis__video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.mainvis__video video {
  position: absolute;
  left: 50%;
  top: 0;
  height: 100%;
  width: auto;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.mainvis__video--04 video {
  left: -20%;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.mainvis__video--05 video {
  -webkit-transform: translateX(-58%);
  -ms-transform: translateX(-58%);
  transform: translateX(-58%);
}

.mainvis__img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.mainvis__img > div {
  position: absolute;
  width: 100%;
  height: 100%;
}

.mainvis__img img {
  position: absolute;
  width: auto;
  height: 100%;
}

.mainvis__img--01 img {
  -webkit-transform: scale(1.1) translate3d(-17%, 0, 0);
  transform: scale(1.1) translate3d(-17%, 0, 0);
}

.mainvis__img--01.move img {
  -webkit-transform: scale(1.1) translate3d(-22%, 0, 0);
  transform: scale(1.1) translate3d(-22%, 0, 0);
  -webkit-transition: -webkit-transform 3500ms linear;
  transition: -webkit-transform 3500ms linear;
  -o-transition: transform 3500ms linear;
  transition: transform 3500ms linear;
  transition: transform 3500ms linear, -webkit-transform 3500ms linear;
}

.mainvis__img--02 img {
  -webkit-transform: scale(1) translate3d(-19%, 0, 0);
  transform: scale(1) translate3d(-19%, 0, 0);
  -webkit-transform-origin: 20% center;
  -ms-transform-origin: 20% center;
  transform-origin: 20% center;
}

.mainvis__img--02.move img {
  -webkit-transform: scale(1.25) translate3d(-19%, 0, 0);
  transform: scale(1.25) translate3d(-19%, 0, 0);
  -webkit-transition: -webkit-transform 6000ms linear;
  transition: -webkit-transform 6000ms linear;
  -o-transition: transform 6000ms linear;
  transition: transform 6000ms linear;
  transition: transform 6000ms linear, -webkit-transform 6000ms linear;
}

.mainvis__img--03 img {
  -webkit-transform: scale(1.15) translate3d(-35%, 0, 0);
  transform: scale(1.15) translate3d(-35%, 0, 0);
  -webkit-transform-origin: 28% center;
  -ms-transform-origin: 28% center;
  transform-origin: 28% center;
}

.mainvis__img--03.move img {
  -webkit-transform: scale(1) translate3d(-35%, 0, 0);
  transform: scale(1) translate3d(-35%, 0, 0);
  -webkit-transition: -webkit-transform 4000ms linear;
  transition: -webkit-transform 4000ms linear;
  -o-transition: transform 4000ms linear;
  transition: transform 4000ms linear;
  transition: transform 4000ms linear, -webkit-transform 4000ms linear;
}

.mainvis__img--04 img {
  -webkit-transform: scale(1.1) translate3d(-10%, 0, 0);
  transform: scale(1.1) translate3d(-10%, 0, 0);
}

.mainvis__img--04.move img {
  -webkit-transform: scale(1.1) translate3d(-16%, 0, 0);
  transform: scale(1.1) translate3d(-16%, 0, 0);
  -webkit-transition: -webkit-transform 4000ms linear;
  transition: -webkit-transform 4000ms linear;
  -o-transition: transform 4000ms linear;
  transition: transform 4000ms linear;
  transition: transform 4000ms linear, -webkit-transform 4000ms linear;
}

.mainvis__img--05 img {
  -webkit-transform: translate3d(-22%, 0, 0);
  transform: translate3d(-22%, 0, 0);
}

.mainvis__img--05.move img {
  -webkit-transform: translate3d(-17%, 0, 0);
  transform: translate3d(-17%, 0, 0);
  -webkit-transition: -webkit-transform 4000ms linear;
  transition: -webkit-transform 4000ms linear;
  -o-transition: transform 4000ms linear;
  transition: transform 4000ms linear;
  transition: transform 4000ms linear, -webkit-transform 4000ms linear;
}

.mainvis__img--06 img {
  -webkit-transform: scale(1.15) translate3d(-23%, 0, 0);
  transform: scale(1.15) translate3d(-23%, 0, 0);
  -webkit-transform-origin: 20% center;
  -ms-transform-origin: 20% center;
  transform-origin: 20% center;
}

.mainvis__img--06.move img {
  -webkit-transform: scale(1) translate3d(-23%, 0, 0);
  transform: scale(1) translate3d(-23%, 0, 0);
  -webkit-transition: -webkit-transform 4000ms linear;
  transition: -webkit-transform 4000ms linear;
  -o-transition: transform 4000ms linear;
  transition: transform 4000ms linear;
  transition: transform 4000ms linear, -webkit-transform 4000ms linear;
}

.mainvis__content {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 77.604vw;
  height: 77.604vw;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 100;
}

.mainvis__content.show .mainvis__ttl > div, .mainvis__content.show .mainvis__txt, .mainvis__content.show .mainvis__btn a {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}

.mainvis__content.show .mainvis__ttl > div:after, .mainvis__content.show .mainvis__txt:after, .mainvis__content.show .mainvis__btn a:after {
  -webkit-transform: translateX(102%);
  -ms-transform: translateX(102%);
  transform: translateX(102%);
}

.mainvis__content.show .mainvis__circle {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.mainvis__content.show .mainvis__circle:before {
  border: 26.041vw rgba(0, 138, 211, 0.3) solid;
}

.mainvis__content.show .mainvis__circle:after {
  border: 26.041vw rgba(255, 255, 255, 0.3) solid;
}

.mainvis__body {
  text-align: center;
}

.mainvis__ttl {
  position: relative;
  text-align: center;
  line-height: 1em;
  padding-top: 16.927vw;
  z-index: 10;
}

.mainvis__ttl > div {
  position: relative;
  display: inline-block;
  line-height: 1em;
  margin-bottom: 3.255vw;
  padding: 0.781vw 1.302vw;
  overflow: hidden;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}

.mainvis__ttl > div img {
  position: relative;
  z-index: 5;
}

.mainvis__ttl > div:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 10;
}

.mainvis__ttl__01 {
  width: 57.291vw;
  -webkit-transition: -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1700ms;
  transition: -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1700ms;
  -o-transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1700ms;
  transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1700ms;
  transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1700ms, -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1700ms;
}

.mainvis__ttl__01:after {
  -webkit-transition: -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 2100ms;
  transition: -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 2100ms;
  -o-transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 2100ms;
  transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 2100ms;
  transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 2100ms, -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 2100ms;
}

.mainvis__ttl__02 {
  width: 40.625vw;
  -webkit-transition: -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1900ms;
  transition: -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1900ms;
  -o-transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1900ms;
  transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1900ms;
  transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1900ms, -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1900ms;
}

.mainvis__ttl__02:after {
  -webkit-transition: -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 2300ms;
  transition: -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 2300ms;
  -o-transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 2300ms;
  transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 2300ms;
  transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 2300ms, -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 2300ms;
}

.mainvis__txt {
  display: inline-block;
  position: relative;
  font-size: 3.385vw;
  font-weight: bold;
  text-align: center;
  line-height: 1em;
  margin-bottom: 4.557vw;
  padding: 1.302vw 0.651vw 0.781vw 1.302vw;
  z-index: 10;
  overflow: hidden;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 2100ms;
  transition: -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 2100ms;
  -o-transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 2100ms;
  transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 2100ms;
  transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 2100ms, -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 2100ms;
}

.mainvis__txt span {
  display: inline-block;
  position: relative;
  z-index: 5;
}

.mainvis__txt:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 10;
  -webkit-transition: -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 2500ms;
  transition: -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 2500ms;
  -o-transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 2500ms;
  transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 2500ms;
  transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 2500ms, -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 2500ms;
}

.mainvis__btn {
  position: relative;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  z-index: 10;
}

.mainvis__btn a {
  position: relative;
  overflow: hidden;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: background-position 300ms ease, -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 2300ms;
  transition: background-position 300ms ease, -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 2300ms;
  -o-transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 2300ms, background-position 300ms ease;
  transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 2300ms, background-position 300ms ease;
  transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 2300ms, background-position 300ms ease, -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 2300ms;
}

.mainvis__btn a:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #00689c;
  z-index: 10;
  -webkit-transition: -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 2700ms;
  transition: -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 2700ms;
  -o-transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 2700ms;
  transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 2700ms;
  transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 2700ms, -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 2700ms;
}

.mainvis__circle {
  position: absolute;
  left: 0;
  top: 0;
  width: 77.604vw;
  height: 77.604vw;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 900ms cubic-bezier(0.165, 0.84, 0.44, 1) 1000ms;
  transition: -webkit-transform 900ms cubic-bezier(0.165, 0.84, 0.44, 1) 1000ms;
  -o-transition: transform 900ms cubic-bezier(0.165, 0.84, 0.44, 1) 1000ms;
  transition: transform 900ms cubic-bezier(0.165, 0.84, 0.44, 1) 1000ms;
  transition: transform 900ms cubic-bezier(0.165, 0.84, 0.44, 1) 1000ms, -webkit-transform 900ms cubic-bezier(0.165, 0.84, 0.44, 1) 1000ms;
  z-index: 0;
}

.mainvis__circle .blur {
  position: absolute;
  left: 0;
  top: 0;
  width: 77.604vw;
  height: 77.604vw;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  z-index: 0;
  -webkit-filter: blur(20px);
  filter: blur(20px);
}

.mainvis__circle:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 77.604vw;
  height: 77.604vw;
  border: 38.802vw rgba(0, 138, 211, 0.3) solid;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1300ms;
  -o-transition: border 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1300ms;
  transition: border 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1300ms;
  z-index: 1;
}

.mainvis__circle:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 77.604vw;
  height: 77.604vw;
  border: 38.802vw rgba(255, 255, 255, 0.3) solid;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1300ms;
  -o-transition: border 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1300ms;
  transition: border 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 1300ms;
  z-index: 2;
}

.mainvis__circle.showend {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.mainvis__circle.showend:before {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.mainvis__circle.showend:after {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.mainvis__ring-wrap {
  top: 13.02vw;
}

@media (min-width: 769px) {
  .mainvis__wrap {
    width: 50%;
    height: 100%;
  }
  .mainvis__wrap:nth-child(odd) {
    left: 0;
    top: 0;
  }
  .mainvis__wrap:nth-child(even) {
    left: auto;
    right: 0;
    top: 0;
  }
  .mainvis__video--04 video {
    left: 0;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  .mainvis__img > div {
    width: 50vw;
  }
  .mainvis__img--01 {
    height: 0%;
  }
  .mainvis__img--01 img {
    right: 0;
    left: auto;
    -webkit-transform: scale(1.1) translate3d(6%, 0, 0);
    transform: scale(1.1) translate3d(6%, 0, 0);
  }
  .mainvis__img--01.start {
    height: 100%;
  }
  .mainvis__img--01.move {
    height: 100%;
    -webkit-transition: height 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -o-transition: height 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: height 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
  .mainvis__img--01.move img {
    -webkit-transform: scale(1.1) translate3d(0, 0, 0);
    transform: scale(1.1) translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 4000ms linear;
    transition: -webkit-transform 4000ms linear;
    -o-transition: transform 4000ms linear;
    transition: transform 4000ms linear;
    transition: transform 4000ms linear, -webkit-transform 4000ms linear;
  }
  .mainvis__img--02 {
    width: 0%;
    left: 100%;
  }
  .mainvis__img--02 > div {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  .mainvis__img--02 img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
  }
  .mainvis__img--02.move {
    width: 100%;
    left: 0;
    -webkit-transition: width 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86), left 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -o-transition: width 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86), left 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: width 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86), left 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
  .mainvis__img--02.move > div {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: -webkit-transform 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -o-transition: transform 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: transform 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: transform 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
  .mainvis__img--02.move img {
    -webkit-transform: scale(1.25);
    -ms-transform: scale(1.25);
    transform: scale(1.25);
    -webkit-transition: -webkit-transform 6000ms linear;
    transition: -webkit-transform 6000ms linear;
    -o-transition: transform 6000ms linear;
    transition: transform 6000ms linear;
    transition: transform 6000ms linear, -webkit-transform 6000ms linear;
  }
  .mainvis__img--03 {
    height: 0%;
    top: 100%;
  }
  .mainvis__img--03 > div {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  .mainvis__img--03 img {
    right: 0;
    left: auto;
    -webkit-transform: scale(1.15) translate3d(0, 0, 0);
    transform: scale(1.15) translate3d(0, 0, 0);
    -webkit-transform-origin: 30% center;
    -ms-transform-origin: 30% center;
    transform-origin: 30% center;
  }
  .mainvis__img--03.move {
    height: 100%;
    top: 0;
    -webkit-transition: height 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86), top 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -o-transition: height 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86), top 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: height 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86), top 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
  .mainvis__img--03.move > div {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: -webkit-transform 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -o-transition: transform 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: transform 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: transform 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
  .mainvis__img--03.move img {
    -webkit-transform: scale(1) translate3d(0, 0, 0);
    transform: scale(1) translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 4000ms linear;
    transition: -webkit-transform 4000ms linear;
    -o-transition: transform 4000ms linear;
    transition: transform 4000ms linear;
    transition: transform 4000ms linear, -webkit-transform 4000ms linear;
  }
  .mainvis__img--04 {
    width: 0%;
  }
  .mainvis__img--04 img {
    left: 0;
    -webkit-transform: scale(1.1) translate3d(0, 0, 0);
    transform: scale(1.1) translate3d(0, 0, 0);
  }
  .mainvis__img--04.move {
    width: 100%;
    -webkit-transition: width 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -o-transition: width 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: width 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
  .mainvis__img--04.move img {
    -webkit-transform: scale(1.1) translate3d(-6%, 0, 0);
    transform: scale(1.1) translate3d(-6%, 0, 0);
    -webkit-transition: -webkit-transform 4000ms linear;
    transition: -webkit-transform 4000ms linear;
    -o-transition: transform 4000ms linear;
    transition: transform 4000ms linear;
    transition: transform 4000ms linear, -webkit-transform 4000ms linear;
  }
  .mainvis__img--05 {
    height: 0%;
    top: 100%;
  }
  .mainvis__img--05 > div {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  .mainvis__img--05 img {
    right: 0;
    left: auto;
    -webkit-transform: scale(1.1) translate3d(0, 0, 0);
    transform: scale(1.1) translate3d(0, 0, 0);
  }
  .mainvis__img--05.move {
    height: 100%;
    top: 0;
    -webkit-transition: height 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86), top 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -o-transition: height 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86), top 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: height 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86), top 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
  .mainvis__img--05.move > div {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: -webkit-transform 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -o-transition: transform 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: transform 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: transform 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
  .mainvis__img--05.move img {
    -webkit-transform: scale(1.1) translate3d(5%, 0, 0);
    transform: scale(1.1) translate3d(5%, 0, 0);
    -webkit-transition: -webkit-transform 4000ms linear;
    transition: -webkit-transform 4000ms linear;
    -o-transition: transform 4000ms linear;
    transition: transform 4000ms linear;
    transition: transform 4000ms linear, -webkit-transform 4000ms linear;
  }
  .mainvis__img--06 {
    width: 0%;
    left: 100%;
  }
  .mainvis__img--06 > div {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  .mainvis__img--06 img {
    -webkit-transform: scale(1.13) translate3d(0, 0, 0);
    transform: scale(1.13) translate3d(0, 0, 0);
    -webkit-transform-origin: 30% center;
    -ms-transform-origin: 30% center;
    transform-origin: 30% center;
  }
  .mainvis__img--06.move {
    width: 100%;
    left: 0;
    -webkit-transition: width 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86), left 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -o-transition: width 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86), left 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: width 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86), left 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
  .mainvis__img--06.move > div {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: -webkit-transform 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -o-transition: transform 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: transform 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: transform 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 900ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
  .mainvis__img--06.move img {
    -webkit-transform: scale(1) translate3d(0, 0, 0);
    transform: scale(1) translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 4000ms linear;
    transition: -webkit-transform 4000ms linear;
    -o-transition: transform 4000ms linear;
    transition: transform 4000ms linear;
    transition: transform 4000ms linear, -webkit-transform 4000ms linear;
  }
  .mainvis__content {
    width: 456px;
    height: 456px;
  }
  .mainvis__content.show .mainvis__circle {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  .mainvis__content.show .mainvis__circle:before {
    border: 155px rgba(0, 138, 211, 0.3) solid;
  }
  .mainvis__content.show .mainvis__circle:after {
    border: 155px rgba(255, 255, 255, 0.3) solid;
  }
  .mainvis__ttl {
    padding-top: 100px;
  }
  .mainvis__ttl > div {
    margin-bottom: 10px;
    padding: 6px 10px;
  }
  .mainvis__ttl__01 {
    width: 352px;
  }
  .mainvis__ttl__02 {
    width: 250px;
  }
  .mainvis__txt {
    font-size: 2rem;
    margin-bottom: 25px;
    padding: 5px 5px 5px 10px;
  }
  .mainvis__circle {
    position: absolute;
    left: 0;
    top: 0;
    width: 456px;
    height: 456px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  .mainvis__circle .blur {
    width: 456px;
    height: 456px;
    -webkit-filter: blur(30px);
    filter: blur(30px);
  }
  .mainvis__circle:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 456px;
    height: 456px;
    border: 228px rgba(0, 138, 211, 0.3) solid;
    border-radius: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .mainvis__circle:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 456px;
    height: 456px;
    border: 228px rgba(255, 255, 255, 0.3) solid;
    border-radius: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .mainvis__ring-wrap {
    top: 100px;
  }
}
.news {
  width: 100%;
  margin-top: 0;
  background-color: #f5f5f5;
  overflow: hidden;
  position: relative;
  z-index: 50;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.news__header {
  width: 83%;
  margin: 0 auto;
  padding-top: 10.416vw;
  padding-bottom: 7.812vw;
}
.news__header--case {
  padding-top: 0;
}

.news__ttl {
  width: 21.223vw;
  margin-bottom: 2.604vw;
}
.news__ttl--case {
  width: auto;
  margin-bottom: 0;
  font-size: 6.4vw;
  font-weight: bold;
}

.news__caption {
  font-size: 2.864vw;
}

.news__body {
  position: relative;
  padding-bottom: 9.114vw;
  z-index: 10;
}
.news__body--case {
  padding-bottom: 10.416vw;
}

.news__list {
  margin-bottom: 9.114vw;
}

.news__item {
  margin: 0 5.208vw;
}

.news__item.slick-center .news__link:after {
  opacity: 0;
}

.news__link {
  position: relative;
  display: block;
}

.news__link:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 100;
  -webkit-transition: opacity 400ms linear;
  -o-transition: opacity 400ms linear;
  transition: opacity 400ms linear;
}

.news__txt-area {
  padding-top: 1.953vw;
  padding-bottom: 2.604vw;
  background-color: #fff;
}

.news__info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 3.255vw;
}

.news__date {
  font-size: 2.604vw;
  color: #545454;
  margin-left: 2.604vw;
}

.news__category {
  font-size: 2.734vw;
  color: #fff;
  width: 22.135vw;
  height: 3.906vw;
  text-align: center;
  line-height: 3.906vw;
  background-color: #6d6d6d;
}

.news__txt {
  width: 53.125vw;
  height: 22.135vw;
  margin: 0 auto;
  font-size: 3.515vw;
  color: #000;
  font-weight: bold;
}

.news__tags {
  width: 53.125vw;
  margin: 0 auto;
  font-size: 2.994vw;
  color: #545454;
  overflow: hidden span;
  overflow-margin-right: 10px;
}

.news__tags-txt {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.news__arrow {
  position: absolute;
  top: 37.5vw;
  width: 3.906vw;
  display: inline-block;
}

.news__arrow--r {
  right: 50%;
  -webkit-transform: translateX(36.197vw);
  -ms-transform: translateX(36.197vw);
  transform: translateX(36.197vw);
}

.news__arrow--l {
  left: 50%;
  -webkit-transform: translateX(-36.198vw);
  -ms-transform: translateX(-36.198vw);
  transform: translateX(-36.198vw);
}

.news__btn {
  text-align: center;
}

.news__ring-wrap {
  top: 123.697vw;
  z-index: 0;
  opacity: 0;
}

@media (min-width: 769px) {
  .news {
    height: auto;
  }
  .news__header {
    width: 93%;
    max-width: 1024px;
    padding-top: 65px;
    padding-bottom: 40px;
  }
  .news__header--case {
    padding-top: 0;
  }
  .news__ttl {
    width: 163px;
    margin-bottom: 15px;
  }
  .news__ttl--case {
    width: auto;
    margin-bottom: 0;
    font-size: 42px;
  }
  .news__caption {
    font-size: 18px;
  }
  .news__body {
    width: 93%;
    max-width: 1024px;
    margin: 0 auto;
    padding-bottom: 60px;
  }
  .news__body--case {
    padding-bottom: 65px;
  }
  .news__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 0;
  }
  .news__item {
    width: 23%;
    margin: 0;
  }
  .news__link {
    -webkit-transition: opacity 400ms linear;
    -o-transition: opacity 400ms linear;
    transition: opacity 400ms linear;
  }
  .news__link:after {
    display: none;
  }
  .news__link:hover {
    opacity: 0.6;
  }
  .news__txt-area {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .news__info {
    padding-bottom: 10px;
  }
  .news__date {
    font-size: 12px;
    margin-left: 12px;
    margin-right: 10px;
  }
  .news__category {
    font-size: 12px;
    width: 100px;
    height: 20px;
    line-height: 20px;
  }
  .news__txt {
    width: 84%;
    height: 100px;
    font-size: 15px;
    padding-bottom: 20px;
  }
  .news__tags {
    width: 84%;
    font-size: 12px;
  }
  .news__arrow {
    display: none;
  }
  .news__btn {
    position: absolute;
    right: 0;
    top: -130px;
    width: 238px;
  }
  .news__ring-wrap {
    top: auto;
    bottom: 150px;
  }
}
.news-tags {
  max-width: 1024px;
  width: 92.18%;
  margin: 0 auto;
}
.news-single-article .news-tags {
  width: auto;
}
.news-single-article .news-tags .news-tags__ttl {
  line-height: 1.8;
  margin: 0;
}
@media (max-width: 768px) {
  .news-single-article .news-tags .news-tags__ttl {
    font-size: 3.385vw !important;
  }
}

.news-tags--bottom {
  border-top: solid 1px #d3d3d3;
  padding-top: 5.208vw;
}

.news-tags--bottom .news-tags__ttl {
  text-align: center;
}

.news-tags--bottom .news-tags__list {
  text-align: center;
  margin: 4.557vw 0 0 1.8vw;
}

.news-tags__ttl {
  font-size: 3.385vw;
  color: #545454;
  font-weight: bold;
}

.news-tags__btn {
  margin: 7.812vw auto 0;
  display: block;
}

.news-tags__list {
  margin: 6.51vw auto 0;
}

.news-tags__item {
  /*
  font-size: 3.255vw;
  color: #545454;
  margin-right: 1em;
  white-space: nowrap;
  display: inline-block;
  */
  font-size: 2.604vw;
  color: #878787;
  margin: 0 0.7143em 0.7143em 0;
  white-space: nowrap;
  display: inline-block;
  border: 1px solid #878787;
  padding: 0.4286em 0.7142em;
  line-height: 1;
  border-radius: 2em;
}

@media (min-width: 769px) {
  .news-tags {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .news-tags--bottom {
    padding-top: 20px;
  }
  .news-tags--bottom .news-tags__ttl {
    width: 15.13672%;
    text-align: center;
  }
  .news-tags--bottom .news-tags__list {
    width: 84.86328%;
    margin: 0;
    margin-top: 5px;
    margin-right: auto;
    text-align: left;
    max-width: inherit;
  }
  .news-tags__ttl {
    font-size: 22px;
  }
  .news-tags__btn {
    margin: 0px 0 0;
  }
  .news-tags__dropdown {
    margin: 25px 0 0;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .news-tags__list {
    margin: 25px auto 0;
    margin-left: 0;
    max-width: 760px;
  }
  .news-tags__item {
    /*
    display: inline-block;
    font-size: 15px;
    line-height: 1.75;
    */
    display: inline-block;
    font-size: 1.4rem;
    line-height: 1;
  }
  .news-tags__item:hover {
    opacity: 0.6;
  }
}
.news-list {
  max-width: 1024px;
  width: 92.18%;
  margin: 0 auto;
}

.news-list + .page-top {
  margin-top: 18.229vw;
}

.news-list__ttl {
  margin-top: 10.416vw;
  margin-bottom: 6.51vw;
}

.news-list__more,
.alm-btn-wrap {
  margin-top: 11.718vw;
  padding-bottom: 1.302vw;
  text-align: center;
}

@media (min-width: 769px) {
  .news-list + .page-top {
    margin-top: 80px;
  }
  .news-list__ttl {
    margin-top: 50px;
    margin-bottom: 40px;
  }
  .news-list__list {
    max-width: 920px;
    margin: 0 auto;
  }
  .news-list__more,
.alm-btn-wrap {
    margin-top: 60px;
    padding-bottom: 50px;
    text-align: center;
  }
}
.news-single-intro {
  max-width: 1024px;
  width: 92.31%;
  margin: 3.906vw auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}
.news-single-article .news-single-intro {
  width: auto;
}
.news-single-article .news-single-intro--bottom {
  margin-top: 6.5vw;
}
@media (min-width: 769px) {
  .news-single-article .news-single-intro--bottom {
    margin-top: 120px;
  }
}

.news-single-intro--bottom .news-single-intro__sns {
  margin: 0 auto;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 38.02vw;
}

.news-single-intro--bottom .news-single-intro__txt {
  color: #545454;
  width: 100%;
  text-align: center;
  margin-bottom: 1.302vw;
}

.news-single-intro--bottom .news-single-intro__link img {
  width: 10.843vw;
  height: 10.843vw;
}

.news-single-intro__sns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 40.364vw;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}

.news-single-intro__txt {
  font-size: 2.994vw;
}

.news-single-intro__link img {
  width: 8.547vw;
  height: 8.547vw;
}

@media (min-width: 769px) {
  .news-single-intro {
    margin: 35px auto;
  }
  .news-single-intro__sns {
    width: 254px;
  }
  .news-single-intro__txt {
    font-size: 16px;
  }
  .news-single-intro__link img {
    width: 54px;
    height: 54px;
  }
  .news-single-intro--bottom .news-single-intro__sns {
    width: 254px;
  }
  .news-single-intro--bottom .news-single-intro__txt {
    width: auto;
    margin-bottom: 0;
  }
  .news-single-intro--bottom .news-single-intro__link img {
    width: 54px;
    height: 54px;
  }
}
.news-single-title {
  background-size: auto 39.062vw;
  background-position: top center;
  background-repeat: no-repeat;
  padding-top: 39.062vw;
}

.news-single-title--no-img {
  padding-top: 0;
}

.news-single-title--no-img .news-single-title__wrap {
  padding-right: 3.906vw;
}

.news-single-title--no-img .news-single-title__data {
  border-top: solid 1px #000;
}

.news-single-title__wrap {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 3.906vw;
}

.news-single-title__data {
  font-size: 2.864vw;
  padding-top: 7.291vw;
}

.news-single-title__main {
  padding-top: 2.604vw;
}

.news-single-title__sub {
  margin-top: 2.604vw;
  font-size: 4.166vw;
}

@media (min-width: 769px) {
  .news-single-title {
    background-size: cover;
    background-position: center;
    height: 400px;
    padding-top: 0;
    position: relative;
  }
  .news-single-title--no-img {
    height: auto;
  }
  .news-single-title--no-img .news-single-title__wrap {
    position: relative;
    top: inherit;
    width: 92.31%;
    margin: 0 auto;
    padding: 0;
  }
  .news-single-title--no-img .news-single-title__data {
    padding-top: 30px;
  }
  .news-single-title__wrap {
    position: absolute;
    top: 30px;
    width: 100%;
    padding-left: 40px;
  }
  .news-single-title__main, .news-single-title__sub, .news-single-title__data {
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
  }
  .news-single-title__data {
    font-size: 16px;
    padding-top: 0;
  }
  .news-single-title__main {
    padding-top: 20px;
  }
  .news-single-title__sub {
    margin-top: 20px;
    font-size: 20px;
  }
}
.news-single-article {
  max-width: 1024px;
  width: 92.31%;
  margin: 3.906vw auto;
  margin-top: 13.02vw;
}

.news-single-article__txt + .news-single-article__txt {
  margin-top: 8.463vw;
}

.news-single-article__ttl {
  margin-top: 13.02vw;
  margin-bottom: 2.604vw;
}

.news-single-article img {
  width: auto;
  height: auto;
  max-width: 100%;
}

@media (min-width: 769px) {
  .news-single-article {
    margin: 50px auto 120px;
  }
  .news-single-article__txt + .news-single-article__txt {
    margin-top: 36px;
  }
  .news-single-article__ttl {
    margin-top: 46px;
    margin-bottom: 10px;
  }
}
.news-single-main--r202206 {
  box-sizing: border-box;
  font-size: 3.385vw;
  line-height: 1.333;
  width: 92.31%;
  max-width: 1024px;
  margin: 1.5em auto 0;
}
.news-single-main--r202206 .lead {
  color: #545454;
}
.news-single-main--r202206 .lead p {
  margin-top: 1em;
}
@media (min-width: 769px) {
  .news-single-main--r202206 {
    font-size: 18px;
  }
}

.news-single-toc--r202206 {
  box-sizing: border-box;
  font-size: 3.125vw;
  line-height: 1.333;
  width: 92.31%;
  max-width: 1024px;
  margin: 1.875em auto 0;
  padding: 1.875em;
  background: #f1f7fa;
  border-radius: 1.25em;
}
.news-single-article .news-single-toc--r202206 {
  width: auto;
}
.news-single-article .news-single-toc--r202206 .head p {
  margin-top: 0;
}
@media (min-width: 769px) {
  .news-single-toc--r202206 {
    font-size: 16px;
    margin-top: 3em;
  }
}
.news-single-toc--r202206 .head {
  display: flex;
  align-items: center;
  padding-bottom: 1.25em;
  border-bottom: 1px solid #dfe3e7;
}
.news-single-toc--r202206 .head::before {
  content: "";
  width: 1.375em;
  height: 1em;
  background: url(../img/common/icon_toc.svg) center/contain no-repeat;
  margin-right: 0.75em;
}
.news-single-toc--r202206 .head p {
  font-size: 1.375em;
  line-height: 1;
  font-weight: bold;
}
.news-single-toc--r202206 .body {
  color: #545454;
}
.news-single-toc--r202206 .body a {
  color: #545454;
}
.news-single-toc--r202206 .body a:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.news-single-toc--r202206 .body ul {
  line-height: 1.75;
  list-style-type: disc;
  margin-left: 1.25em;
}
.news-single-toc--r202206 .body ul li {
  margin-top: 1em;
}
.news-single-toc--r202206 .body ul li a {
  font-weight: bold;
}
.news-single-toc--r202206 .body ul li ul {
  list-style-type: circle;
  margin-left: 1.25em;
}
.news-single-toc--r202206 .body ul li ul li {
  margin-top: 0;
}
.news-single-toc--r202206 .body ul li ul li a {
  font-weight: normal;
}

.news-single-article--r202206 {
  box-sizing: border-box;
  font-size: 3.125vw;
  line-height: 1.333;
  width: 92.31%;
  max-width: 1024px;
  margin: 0 auto;
}
.news-single-article .news-single-article--r202206 {
  width: auto;
}
.news-single-article--r202206 > .section > .scrollx {
  margin: 0 -3.845% -1em;
  padding: 0 3.845% 1em;
  overflow-x: auto;
}
.news-single-article--r202206 .section {
  margin: 5em 0;
}
.news-single-article--r202206 .section .heading {
  font-size: 1.625em;
  font-weight: bold;
  line-height: 1;
}
.news-single-article--r202206 .section .body {
  margin-top: 1.875em;
  font-size: 1.125em;
}
.news-single-article--r202206 .section .body p {
  margin-top: 1em;
  color: #545454;
}
.news-single-article--r202206 .section .section {
  margin-top: 2.5em;
}
.news-single-article--r202206 .section .section .heading {
  font-size: 1.5em;
}
@media (min-width: 769px) {
  .news-single-article--r202206 {
    font-size: 16px;
  }
  .news-single-article--r202206 .section .heading {
    font-size: 1.875em;
  }
  .news-single-article--r202206 .section .section .heading {
    font-size: 1.625em;
  }
}

.news-single-article--r202206 .body .figure-wrap {
  margin: 2em -10px;
}
.news-single-article--r202206 .body .figure-wrap .col {
  margin: 2em 10px;
}
@media (min-width: 769px) {
  .news-single-article--r202206 .body .figure-wrap .row {
    display: flex;
    justify-content: space-between;
  }
  .news-single-article--r202206 .body .figure-wrap .col {
    margin-top: 0;
    margin-bottom: 0;
  }
}
.news-single-article--r202206 .body .figure-wrap .caption {
  margin-top: 1em;
  color: #545454;
  font-size: 2.083vw;
  line-height: 1.5;
}
.news-single-article--r202206 .body .figure-wrap .caption--list {
  list-style-type: disc;
  margin-left: 1.25em;
  letter-spacing: -0.02em;
}
@media (min-width: 769px) {
  .news-single-article--r202206 .body .figure-wrap .caption {
    font-size: 14px;
  }
}
.news-single-article--r202206 .body .table-wrap table {
  width: 100%;
  table-layout: fixed;
}
.news-single-article--r202206 .body .table-wrap th, .news-single-article--r202206 .body .table-wrap td {
  border: 1px solid #dfe3e7;
  padding: 0.5em;
  vertical-align: middle;
  text-align: center;
  box-sizing: border-box;
}
.news-single-article--r202206 .body .table-wrap thead {
  font-size: 1.222em;
}
.news-single-article--r202206 .body .table-wrap thead .before {
  background-color: #dfe3e7;
  border-color: transparent;
}
.news-single-article--r202206 .body .table-wrap thead .after {
  color: #fff;
  background-color: #00689c;
  border-color: transparent;
}
.news-single-article--r202206 .body .table-wrap tbody th, .news-single-article--r202206 .body .table-wrap tbody td {
  padding: 1em 0.5em;
  height: 5em;
}
.news-single-article--r202206 .body .table-wrap tbody th p, .news-single-article--r202206 .body .table-wrap tbody td p {
  margin: 0.5em 0;
}
.news-single-article--r202206 .body .table-wrap tbody th p:first-child, .news-single-article--r202206 .body .table-wrap tbody td p:first-child {
  margin-top: 0;
}
.news-single-article--r202206 .body .table-wrap tbody th p:last-child, .news-single-article--r202206 .body .table-wrap tbody td p:last-child {
  margin-bottom: 0;
}
.news-single-article--r202206 .body .table-wrap tbody th b, .news-single-article--r202206 .body .table-wrap tbody td b {
  color: #00689c;
}
.news-single-article--r202206 .body .table-wrap tbody th .small, .news-single-article--r202206 .body .table-wrap tbody td .small {
  font-size: 0.778em;
}
.news-single-article--r202206 .body .related-article {
  display: flex;
  flex-direction: column;
  margin: -1.111em -10px 0;
}
.news-single-article--r202206 .body .related-article .link {
  box-sizing: border-box;
  margin: 0 10px;
  margin-top: 1.111em;
  padding: 1.667em 5em 1.667em 1.667em;
  border: 1px solid #dfe3e7;
  position: relative;
  transition: 0.3s;
  /*
  &:hover {
    .name,
    .desc {
      color: #00689c;
    }
    &::after {
      background-image: url(../img/common/icon_btn_arrow_w.svg);
    }
  }
  */
}
.news-single-article--r202206 .body .related-article .link::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.667em;
  margin-top: -1.2vw;
  width: 9.6vw;
  height: 2.4vw;
  background: url(../img/common/icon_btn_arrow_bl.svg) right bottom/contain no-repeat;
}
.news-single-article--r202206 .body .related-article .name {
  margin-top: 0;
  font-size: 1.222em;
  font-weight: bold;
}
.news-single-article--r202206 .body .related-article .desc {
  margin-top: 0.5em;
}
@media (min-width: 769px) {
  .news-single-article--r202206 .body .related-article {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .news-single-article--r202206 .body .related-article .link {
    width: calc(50% - 20px);
  }
  .news-single-article--r202206 .body .related-article .link::after {
    margin-top: 4px;
    width: 32px;
    height: 8px;
  }
}
.news-single-article--r202206 .body .related-case {
  line-height: 1.8;
}
.news-single-article--r202206 .body .related-case p {
  margin-top: 0;
}
.news-single-article--r202206 .body .related-case .more {
  margin-top: 3.75em;
  text-align: center;
}
.news-single-article--r202206 .body .back {
  text-align: center;
}
.news-single-article--r202206 .body .back .button {
  width: auto;
  padding: 0 3.5em;
}
.news-single-article--r202206 .body .text-link {
  color: #545454;
  text-decoration: underline;
  text-underline-offset: 3px;
}
@media (min-width: 769px) {
  .news-single-article--r202206 .body ._hide-lap {
    display: none;
  }
}

.news-single-action--r202206 {
  background-color: #cce8f7;
  box-sizing: border-box;
  font-size: 3.125vw;
  line-height: 1.333;
  margin: 5em 0;
}
.news-single-article .news-single-action--r202206 {
  margin-right: -3.845%;
  margin-left: -3.845%;
  position: relative;
}
.news-single-article .news-single-action--r202206::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  bottom: 0;
  z-index: -1;
  width: 100vw;
  background: #cce8f7;
  transform: translateX(-50%);
}
.news-single-article .news-single-action--r202206 p {
  margin-top: 0;
}
.news-single-action--r202206 .inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 92.31%;
  margin: 0 auto;
  padding: 2em 0 1.5em;
}
.news-single-action--r202206 .heading {
  margin-bottom: 0.8em;
  font-size: 1.625em;
  font-weight: bold;
  line-height: 1;
}
.news-single-action--r202206 .action > a {
  height: 10.417vw;
}
.news-single-action--r202206 .note {
  margin-top: 2em;
  color: #545454;
  font-size: 2.083vw;
  line-height: 1.5;
}
@media (min-width: 769px) {
  .news-single-action--r202206 {
    font-size: 16px;
  }
  .news-single-action--r202206 .heading {
    font-size: 1.875em;
  }
  .news-single-action--r202206 .action > a {
    height: 56px;
  }
  .news-single-action--r202206 .note {
    font-size: 14px;
  }
}

.news-single-article--incident {
  font-size: 3.385vw;
}
.news-single-article--incident > .lead {
  margin: 0 0 2em;
}
.news-single-article--incident > .list {
  border-top: solid 1px #dfe3e7;
  margin-bottom: 18.229vw;
}
.news-single-article--incident > .list .link {
  display: block;
  padding: 1.5em 0;
  border-bottom: solid 1px #dfe3e7;
}
.news-single-article--incident > .list .date {
  display: block;
  font-size: 3.125vw;
  color: #545454;
  line-height: 1;
  padding-bottom: 1em;
}
.news-single-article--incident > .list .text {
  margin-bottom: 0;
  line-height: 1.44;
  color: #000;
  font-size: 3.645vw;
  font-weight: bold;
}
.news-single-article--incident h3 {
  font-weight: bold;
}
.news-single-article--incident p {
  margin: 0 0 1em;
}
.news-single-article--incident > .wp-block-group {
  margin: 2em 0;
}
.news-single-article--incident .has-text-align-right {
  text-align: right;
}
.news-single-article--incident .has-text-align-center {
  text-align: center;
}
@media (min-width: 769px) {
  .news-single-article--incident {
    font-size: 1.8rem;
  }
  .news-single-article--incident > .list {
    margin-bottom: 80px;
  }
  .news-single-article--incident > .list .date {
    font-size: 100%;
  }
  .news-single-article--incident > .list .text {
    font-size: 2rem;
    line-height: 1.78;
  }
}

.news-single-back {
  text-align: center;
  margin-top: 7.812vw;
  margin-bottom: 7.812vw;
}

@media (min-width: 769px) {
  .news-single-back {
    margin-top: 100px;
    margin-bottom: 100px;
  }
}
.contents {
  width: 100%;
  padding-top: 15.625vw;
  padding-bottom: 23.437vw;
  overflow: hidden;
  position: relative;
  z-index: 50;
}

.contents__sec {
  position: relative;
}

.contents__sec--01 {
  margin-bottom: 16.927vw;
}

.contents__sec--01 .contents__txt-area {
  margin-left: 8.463vw;
}

.contents__sec--01 .contents__caption {
  margin-left: 13.02vw;
}

.contents__sec--01 .contents__caption span {
  width: 23.697vw;
}

.contents__sec--01 .contents__img {
  right: 0;
  top: 26.041vw;
  width: 65.625vw;
}

.contents__sec--01 .contents__circle {
  left: 3.125vw;
  top: 7.812vw;
}

.contents__sec--01 .contents__ring-wrap {
  top: -3.907vw;
}

.contents__sec--02 {
  margin-bottom: 19.531vw;
}

.contents__sec--02 .contents__txt-area {
  width: 83%;
  margin: 0 auto 44.27vw;
  text-align: right;
}

.contents__sec--02 .contents__caption {
  margin-right: 12.76vw;
}

.contents__sec--02 .contents__caption span {
  width: 25.52vw;
}

.contents__sec--02 .contents__img--01 {
  left: 0;
  top: 26.041vw;
  width: 65.625vw;
}

.contents__sec--02 .contents__img--02 {
  left: 42.187vw;
  top: 68.098vw;
  width: 40.885vw;
  z-index: 1;
}

.contents__sec--02 .contents__circle {
  right: 7.812vw;
  top: 9.114vw;
  width: 47.656vw;
  height: 47.656vw;
}

.contents__sec--02 .contents__circle:before {
  width: 47.656vw;
  height: 47.656vw;
  border: 24.479vw rgba(0, 138, 211, 0.3) solid;
}

.contents__sec--02 .contents__circle:after {
  width: 47.656vw;
  height: 47.656vw;
  border: 24.479vw rgba(255, 255, 255, 0.35) solid;
}

.contents__sec--02 .contents__ring-wrap {
  top: -3.907vw;
}

.contents__sec--02 .contents__ring-wrap .ring-box {
  right: 0;
}

.contents__sec--02.show .contents__circle:before {
  border: 16.145vw rgba(0, 138, 211, 0.3) solid !important;
}

.contents__sec--02.show .contents__circle:after {
  border: 16.145vw rgba(255, 255, 255, 0.3) solid !important;
}

.contents__sec--03 .contents__txt-area {
  margin-left: 8.463vw;
}

.contents__sec--03 .contents__caption {
  margin-left: 13.02vw;
}

.contents__sec--03 .contents__caption span {
  width: 30.989vw;
}

.contents__sec--03 .contents__txt {
  margin-bottom: 2.604vw;
}

.contents__sec--03 .contents__btn a:after {
  background-color: #b4c518;
}

.contents__sec--03 .contents__img {
  right: 0;
  top: 12.369vw;
  width: 65.625vw;
}

.contents__sec--03 .contents__circle {
  left: 2.604vw;
  top: 6.51vw;
}

.contents__sec--03 .contents__ring-wrap {
  top: -3.125vw;
}

.contents__sec.show .contents__caption span, .contents__sec.show .contents__ttl, .contents__sec.show .contents__txt, .contents__sec.show .contents__btn a {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}

.contents__sec.show .contents__caption span:after, .contents__sec.show .contents__ttl:after, .contents__sec.show .contents__txt:after, .contents__sec.show .contents__btn a:after {
  -webkit-transform: translateX(102%);
  -ms-transform: translateX(102%);
  transform: translateX(102%);
}

.contents__sec.show .contents__img:after {
  -webkit-transform: translateX(102%);
  -ms-transform: translateX(102%);
  transform: translateX(102%);
}

.contents__sec.show .contents__circle {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.contents__sec.show .contents__circle:before {
  border: 20.833vw rgba(0, 138, 211, 0.3) solid;
}

.contents__sec.show .contents__circle:after {
  border: 20.833vw rgba(255, 255, 255, 0.3) solid;
}

.contents__txt-area {
  position: relative;
  z-index: 100;
}

.contents__caption {
  position: relative;
  margin-bottom: 6.51vw;
}

.contents__caption span {
  position: relative;
  display: inline-block;
  overflow: hidden;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1000ms;
  transition: -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1000ms;
  -o-transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1000ms;
  transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1000ms;
  transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1000ms, -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1000ms;
}

.contents__caption span:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #00689c;
  z-index: 10;
  -webkit-transition: -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1400ms;
  transition: -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1400ms;
  -o-transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1400ms;
  transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1400ms;
  transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1400ms, -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1400ms;
}

.contents__ttl {
  position: relative;
  display: inline-block;
  font-size: 5.729vw;
  font-weight: bold;
  line-height: 1.31em;
  margin-bottom: 1.953vw;
  overflow: hidden;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms;
  transition: -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms;
  -o-transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms;
  transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms;
  transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms, -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1200ms;
}

.contents__ttl:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 10;
  -webkit-transition: -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1600ms;
  transition: -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1600ms;
  -o-transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1600ms;
  transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1600ms;
  transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1600ms, -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1600ms;
}

.contents__txt {
  position: relative;
  display: inline-block;
  font-size: 3.385vw;
  font-weight: bold;
  line-height: 1.6em;
  text-shadow: 0px 0px 3px white;
  margin-bottom: 3.906vw;
  overflow: hidden;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1400ms;
  transition: -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1400ms;
  -o-transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1400ms;
  transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1400ms;
  transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1400ms, -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1400ms;
}

.contents__txt:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 10;
  -webkit-transition: -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1800ms;
  transition: -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1800ms;
  -o-transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1800ms;
  transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1800ms;
  transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1800ms, -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1800ms;
}

.contents__btn a {
  position: relative;
  overflow: hidden;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: background-position 300ms ease, color 200ms linear, background-color 200ms linear, -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1600ms;
  transition: background-position 300ms ease, color 200ms linear, background-color 200ms linear, -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1600ms;
  -o-transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1600ms, background-position 300ms ease, color 200ms linear, background-color 200ms linear;
  transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1600ms, background-position 300ms ease, color 200ms linear, background-color 200ms linear;
  transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1600ms, background-position 300ms ease, color 200ms linear, background-color 200ms linear, -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 1600ms;
}

.contents__btn a:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #00689c;
  z-index: 10;
  -webkit-transition: -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 2000ms;
  transition: -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 2000ms;
  -o-transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 2000ms;
  transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 2000ms;
  transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 2000ms, -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 2000ms;
}

.contents__img {
  position: absolute;
  overflow: hidden;
}

.contents__img:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 10;
  -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: -webkit-transform 1000ms cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: transform 1000ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: transform 1000ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: transform 1000ms cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 1000ms cubic-bezier(0.77, 0, 0.175, 1);
}

.contents__circle {
  position: absolute;
  width: 59.895vw;
  height: 59.895vw;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 600ms;
  transition: -webkit-transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 600ms;
  -o-transition: transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 600ms;
  transition: transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 600ms;
  transition: transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 600ms, -webkit-transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 600ms;
  z-index: 5;
}

.contents__circle:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 59.895vw;
  height: 59.895vw;
  border: 29.947vw rgba(0, 138, 211, 0.3) solid;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 900ms;
  -o-transition: border 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 900ms;
  transition: border 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 900ms;
}

.contents__circle:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 59.895vw;
  height: 59.895vw;
  border: 29.947vw rgba(255, 255, 255, 0.35) solid;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 900ms;
  -o-transition: border 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 900ms;
  transition: border 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 900ms;
}

.contents__circle.showend {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.contents__circle.showend:before {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.contents__circle.showend:after {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.contents__icon-consortium {
  position: absolute;
  right: 6.25vw;
  bottom: 0;
  width: 24.218vw;
}

@media (min-width: 769px) {
  .contents {
    padding-top: 90px;
    padding-bottom: 110px;
  }
  .contents__sec {
    margin: 0 auto;
  }
  .contents__sec--01 {
    width: 820px;
    margin-bottom: 265px;
  }
  .contents__sec--01 .contents__txt-area {
    padding-top: 75px;
    margin-left: 0;
  }
  .contents__sec--01 .contents__caption {
    margin-left: 17px;
  }
  .contents__sec--01 .contents__caption span {
    width: 161px;
  }
  .contents__sec--01 .contents__img {
    right: auto;
    left: 50%;
    top: 0;
    width: 915px;
    -webkit-transform: translateX(-195px);
    -ms-transform: translateX(-195px);
    transform: translateX(-195px);
  }
  .contents__sec--01 .contents__circle {
    left: 50%;
    top: 63px;
    -webkit-transform: translateX(-504px) scale(0);
    -ms-transform: translateX(-504px) scale(0);
    transform: translateX(-504px) scale(0);
  }
  .contents__sec--01 .contents__ring-wrap {
    width: 100%;
    left: -100px;
    top: 34px;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  .contents__sec--01.show .contents__circle {
    -webkit-transform: translateX(-504px) scale(1);
    -ms-transform: translateX(-504px) scale(1);
    transform: translateX(-504px) scale(1);
  }
  .contents__sec--01.show .contents__circle:before {
    border: 200px rgba(0, 138, 211, 0.3) solid;
  }
  .contents__sec--01.show .contents__circle:after {
    border: 200px rgba(255, 255, 255, 0.35) solid;
  }
  .contents__sec--02 {
    margin-bottom: 117px;
  }
  .contents__sec--02 .contents__txt-area {
    width: 500px;
    margin: 0;
    margin-left: 50%;
    padding-top: 30px;
    padding-bottom: 405px;
    text-align: left;
    -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(18px);
  }
  .contents__sec--02 .contents__caption {
    margin-left: 205px;
  }
  .contents__sec--02 .contents__caption span {
    width: 174px;
  }
  .contents__sec--02 .contents__img--01 {
    left: auto;
    right: 50%;
    top: 0;
    width: 884px;
    -webkit-transform: translateX(165px);
    -ms-transform: translateX(165px);
    transform: translateX(165px);
  }
  .contents__sec--02 .contents__img--02 {
    left: auto;
    right: 50%;
    top: 443px;
    width: 448px;
    -webkit-transform: translateX(575px);
    -ms-transform: translateX(575px);
    transform: translateX(575px);
  }
  .contents__sec--02 .contents__circle {
    right: 50%;
    top: 47px;
    -webkit-transform: translateX(453px) scale(0);
    -ms-transform: translateX(453px) scale(0);
    transform: translateX(453px) scale(0);
    width: 460px;
    height: 460px;
  }
  .contents__sec--02 .contents__circle:before {
    width: 460px;
    height: 460px;
    border: 160px rgba(0, 138, 211, 0.3) solid;
  }
  .contents__sec--02 .contents__circle:after {
    width: 460px;
    height: 460px;
    border: 160px rgba(255, 255, 255, 0.35) solid;
  }
  .contents__sec--02 .contents__ring-wrap {
    top: -15px;
  }
  .contents__sec--02.show .contents__circle {
    -webkit-transform: translateX(453px) scale(1);
    -ms-transform: translateX(453px) scale(1);
    transform: translateX(453px) scale(1);
  }
  .contents__sec--02.show .contents__circle:before {
    border: 160px rgba(0, 138, 211, 0.3) solid !important;
  }
  .contents__sec--02.show .contents__circle:after {
    border: 160px rgba(255, 255, 255, 0.35) solid !important;
  }
  .contents__sec--03 .contents__txt-area {
    width: 530px;
    padding-top: 0px;
    padding-bottom: 70px;
    margin-left: 50%;
    -webkit-transform: translateX(-360px);
    -ms-transform: translateX(-360px);
    transform: translateX(-360px);
  }
  .contents__sec--03 .contents__caption {
    margin-left: 120px;
  }
  .contents__sec--03 .contents__caption span {
    width: 210px;
  }
  .contents__sec--03 .contents__img {
    right: auto;
    left: 50%;
    top: 0;
    width: 885px;
    -webkit-transform: translateX(-15px);
    -ms-transform: translateX(-15px);
    transform: translateX(-15px);
  }
  .contents__sec--03 .contents__circle {
    left: 50%;
    top: -65px;
    -webkit-transform: translateX(-455px) scale(0);
    -ms-transform: translateX(-455px) scale(0);
    transform: translateX(-455px) scale(0);
    width: 600px;
    height: 600px;
  }
  .contents__sec--03 .contents__circle:before {
    width: 600px;
    height: 600px;
    border: 300px rgba(0, 138, 211, 0.3) solid;
  }
  .contents__sec--03 .contents__circle:after {
    width: 600px;
    height: 600px;
    border: 300px rgba(255, 255, 255, 0.35) solid;
  }
  .contents__sec--03 .contents__ring-wrap {
    width: 720px;
    top: -22px;
  }
  .contents__sec--03.show .contents__circle {
    -webkit-transform: translateX(-455px) scale(1);
    -ms-transform: translateX(-455px) scale(1);
    transform: translateX(-455px) scale(1);
  }
  .contents__sec--03.show .contents__circle:before {
    border: 200px rgba(0, 138, 211, 0.3) solid;
  }
  .contents__sec--03.show .contents__circle:after {
    border: 200px rgba(255, 255, 255, 0.35) solid;
  }
  .contents__caption {
    margin-bottom: 65px;
  }
  .contents__ttl {
    font-size: 4rem;
    line-height: 1.35em;
    margin-bottom: 10px;
  }
  .contents__txt {
    font-size: 1.8rem;
    line-height: 1.8em;
    margin-bottom: 40px;
  }
  .contents__img {
    position: absolute;
  }
  .contents__img:after {
    -webkit-transition: -webkit-transform 1200ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: -webkit-transform 1200ms cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: transform 1200ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: transform 1200ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: transform 1200ms cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 1200ms cubic-bezier(0.77, 0, 0.175, 1);
  }
  .contents__circle {
    width: 586px;
    height: 586px;
  }
  .contents__circle:before {
    width: 586px;
    height: 586px;
    border: 293px rgba(0, 138, 211, 0.3) solid;
  }
  .contents__circle:after {
    width: 586px;
    height: 586px;
    border: 293px rgba(255, 255, 255, 0.35) solid;
  }
  .contents__icon-consortium {
    position: relative;
    right: 0;
    bottom: 0;
    width: 213px;
    margin-left: 50%;
    -webkit-transform: translateX(-360px);
    -ms-transform: translateX(-360px);
    transform: translateX(-360px);
  }
}
@media (min-width: 1024px) {
  .contents__sec--03 .contents__txt-area {
    -webkit-transform: translateX(-510px);
    -ms-transform: translateX(-510px);
    transform: translateX(-510px);
  }
  .contents__sec--03 .contents__img {
    -webkit-transform: translateX(-165px);
    -ms-transform: translateX(-165px);
    transform: translateX(-165px);
  }
  .contents__sec--03 .contents__circle {
    -webkit-transform: translateX(-605px) scale(0);
    -ms-transform: translateX(-605px) scale(0);
    transform: translateX(-605px) scale(0);
  }
  .contents__sec--03 .contents__ring-wrap {
    width: 1024px;
  }
  .contents__sec--03.show .contents__circle {
    -webkit-transform: translateX(-605px) scale(1);
    -ms-transform: translateX(-605px) scale(1);
    transform: translateX(-605px) scale(1);
  }
  .contents__icon-consortium {
    -webkit-transform: translateX(-510px);
    -ms-transform: translateX(-510px);
    transform: translateX(-510px);
  }
}
.cases {
  width: 83%;
  margin: 0 auto;
  padding-bottom: 7.812vw;
}

.cases__caption {
  font-size: 2.864vw;
  padding-bottom: 7.812vw;
}

.cases__link {
  color: #000;
  -webkit-transition: opacity 400ms linear;
  -o-transition: opacity 400ms linear;
  transition: opacity 400ms linear;
}

.cases__link:hover {
  opacity: 0.6;
}

.cases__list {
  width: 100%;
  margin: 0 auto;
}

.cases__item {
  margin-bottom: 3.906vw;
}

.cases__item:last-child {
  margin-bottom: 0;
}

.cases__item.show {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.cases__link {
  display: block;
  background-color: #f5f5f5;
}

.cases__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.cases__img {
  width: 28.776vw;
}

.cases__txt-area {
  width: 52.083vw;
  color: #000;
  padding-top: 2.604vw;
  padding-bottom: 1.953vw;
  padding-left: 3.906vw;
}

.cases__date {
  font-size: 3.125vw;
  color: #545454;
  margin-bottom: 1.041vw;
}

.cases__txt {
  font-size: 3.645vw;
  font-weight: bold;
  line-height: 1.42em;
  height: 21.484vw;
}

@media (min-width: 769px) {
  .cases {
    width: 93%;
    max-width: 1024px;
    margin: 0 auto;
    padding-bottom: 60px;
  }
  .cases__caption {
    font-size: 18px;
    padding-bottom: 40px;
  }
  .cases__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    max-width: 1024px;
  }
  .cases__item {
    width: 48.5%;
    margin-bottom: 0;
  }
  .cases__link {
    -webkit-transition: background-color 400ms linear;
    -o-transition: background-color 400ms linear;
    transition: background-color 400ms linear;
  }
  .cases__link:hover {
    background-color: #e1e1e1;
  }
  .cases__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0;
  }
  .cases__img {
    position: relative;
    width: 41%;
    overflow: hidden;
  }
  .cases__img img {
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: auto;
    height: 100%;
  }
  .cases__txt-area {
    width: 54%;
    padding-top: 35px;
    padding-bottom: 30px;
    padding-left: 0;
  }
  .cases__date {
    font-size: 1.2rem;
    margin-bottom: 5px;
  }
  .cases__txt {
    font-size: 1.5rem;
    line-height: 1.6em;
    height: 80px;
    margin-right: 5%;
  }
}
.banners {
  margin-bottom: 18.229vw;
}

.banners__list {
  width: 92.447vw;
  margin: 7.812vw auto 0;
}
.banners__list:last-child .banners__item:last-child {
  margin-bottom: 0;
}

.banners__item {
  margin-bottom: 7.812vw;
  background-color: #f5f5f5;
  opacity: 0;
  -webkit-transform: translateY(40px);
  -ms-transform: translateY(40px);
  transform: translateY(40px);
  -webkit-transition: opacity 800ms linear, -webkit-transform 800ms ease;
  transition: opacity 800ms linear, -webkit-transform 800ms ease;
  -o-transition: transform 800ms ease, opacity 800ms linear;
  transition: transform 800ms ease, opacity 800ms linear;
  transition: transform 800ms ease, opacity 800ms linear, -webkit-transform 800ms ease;
}
.banners__item--marketplace .banners__ttl {
  width: 47.63vw;
}
.banners__item--consortium .banners__ttl {
  width: 45.265vw;
}
.banners__item--about .banners__ttl {
  width: 24.088vw;
}
.banners__item--message .banners__ttl {
  width: 32.031vw;
}

.banners__item.show {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.banners__inner {
  padding: 5.208vw;
}

.banners__ttl {
  max-width: 100%;
  margin-bottom: 3.255vw;
}

.banners__txt {
  font-size: 3.385vw;
  height: 26.041vw;
  line-height: 2em;
}

.banners__btn {
  text-align: right;
}

@media (min-width: 769px) {
  .banners {
    margin-bottom: 120px;
  }
  .banners__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    max-width: 1024px;
    margin-top: 25px;
  }
  .banners__item {
    width: 48.9%;
    max-width: 500px;
    margin-bottom: 0;
  }
  .banners__item--marketplace .banners__ttl {
    width: 381px;
  }
  .banners__item--consortium .banners__ttl {
    width: 362px;
  }
  .banners__item--about .banners__ttl {
    width: 196px;
  }
  .banners__item--message .banners__ttl {
    width: 259px;
  }
  .banners__inner {
    padding: 40px 30px 30px 40px;
  }
  .banners__ttl {
    margin-bottom: 15px;
  }
  .banners__txt {
    font-size: 16px;
    height: 130px;
    line-height: 1.8em;
  }
}
.banners--mainlink {
  margin-bottom: 0;
}
.banners--mainlink .banners__item--mainlink_01 .banners__ttl {
  width: 56.666vw;
}
.banners--mainlink .banners__item--mainlink_02 .banners__ttl {
  width: 47.083vw;
}
.banners--mainlink .banners__item--mainlink_03 .banners__ttl {
  width: 56.666vw;
}
.banners--mainlink .banners__txt-area {
  position: absolute;
  bottom: 0;
  z-index: 1;
  color: #fff;
}
.banners--mainlink .banners__btn {
  text-align: left;
}
.banners--mainlink .banners__btn .button {
  border: 1px solid #fff;
  background-color: transparent;
  background-position: 93% 45%;
  max-width: 100%;
}
.banners--mainlink .banners__btn .button:hover {
  color: #000;
  background-color: #fff;
  background-image: url(../etc/img/icn_arrow_black.svg);
}
@media (min-width: 769px) {
  .banners--mainlink {
    margin-bottom: 100px;
  }
  .banners--mainlink .banners__list {
    margin: 0;
    max-width: none;
  }
  .banners--mainlink .banners__item {
    max-width: none;
  }
  .banners--mainlink .banners__item--mainlink_01 .banners__ttl {
    width: 18.889vw;
  }
  .banners--mainlink .banners__item--mainlink_02 .banners__ttl {
    width: 15.694vw;
  }
  .banners--mainlink .banners__item--mainlink_03 .banners__ttl {
    width: 18.889vw;
  }
  .banners--mainlink .bnanner__inner {
    padding: 2.083vw;
  }
  .banners--mainlink .banners__txt-area {
    max-width: 100%;
  }
  .banners--mainlink .banners__txt {
    height: 9.5em;
    line-height: 1.5;
    font-size: 1.111vw;
  }
  .banners--mainlink .banners__btn .button:hover {
    background-position: 96% 45%;
  }
}
@media (min-width: 1070px) {
  .banners--mainlink .banners__item--mainlink_01 .banners__ttl {
    max-width: 272px;
  }
  .banners--mainlink .banners__item--mainlink_02 .banners__ttl {
    max-width: 226px;
  }
  .banners--mainlink .banners__item--mainlink_03 .banners__ttl {
    max-width: 272px;
  }
  .banners--mainlink .banners__txt {
    height: 7.5em;
    font-size: 14px;
  }
}
@media (min-width: 1440px) {
  .banners--mainlink .bnanner__inner {
    padding: 30px;
  }
  .banners--mainlink .banners__txt {
    height: 6em;
    font-size: 16px;
  }
}

.contact-header {
  border-bottom: solid #888888 2px;
  padding: 0 0 5.208vw;
  text-align: center;
}

@media (min-width: 769px) {
  .contact-header {
    border-bottom: solid #d8d8d8 1px;
    padding: 40px 0;
    text-align: left;
  }
}
.contact-txt {
  max-width: 1024px;
  width: 92.31%;
  margin: 2.604vw auto 0;
}

@media (min-width: 769px) {
  .contact-txt {
    margin: 40px auto 0;
  }
}
.contact-form {
  max-width: 1024px;
  width: 92.31%;
  margin: 6.51vw auto 0;
}

.contact-form--confirm .contact-table__tr {
  border-bottom: solid #888888 1px;
  margin-bottom: 5.208vw;
}

.contact-form--confirm .contact-table__td {
  padding-bottom: 1.953vw;
}

.contact-form--confirm .contact-table__th {
  padding-bottom: 0;
}

.contact-form--complete {
  margin: 7.812vw auto 0;
}

.contact-form--complete .contact-form__ttl {
  margin-bottom: 3.906vw;
}

.contact-form--complete .contact-form__button {
  margin-top: 13.02vw;
}

.contact-form__ttl {
  border-bottom: solid #888888 1px;
}

.contact-form__text {
  background-color: #e5e8ec;
  width: 100%;
  border: none;
  padding: 3.906vw 4.557vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  border-radius: 0;
}

.contact-form__text--half {
  width: 34.375vw;
}

.contact-form__text--short {
  width: 20.963vw;
}

.contact-form__select {
  width: 100%;
  position: relative;
  display: inline-block;
}

.contact-form__select:after {
  content: "";
  pointer-events: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3.385vw 2.343vw 0 2.343vw;
  border-color: #00689f transparent transparent transparent;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 5.208vw;
  z-index: 1;
}

.contact-form__select__el {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  background: #e5e8ec;
  position: relative;
  z-index: 1;
  height: 13.02vw;
  padding: 0 5.208vw 0 3.255vw;
  border: 1px solid #e5e8ec;
  outline: none;
  border-radius: 0;
  -moz-appearance: none;
  text-indent: 0.01px;
  -o-text-overflow: "";
  text-overflow: "";
}

.contact-form__select__el::-ms-expand {
  display: none;
}

.contact-form__textarea {
  border-radius: 0;
  background-color: #e5e8ec;
  width: 100%;
  border: none;
  padding: 3.906vw 4.557vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
}

.contact-form__consent {
  position: relative;
  display: table;
  font-size: 3.906vw;
  padding: 6.51vw 0;
  margin: 0 auto;
}

.contact-form__button {
  text-align: center;
  margin-bottom: 15.625vw;
}

.contact-form__submit {
  width: 58.854vw;
  line-height: 13.541vw;
  height: 13.541vw;
  background-position: 52.083vw 50%;
}

.contact-form__submit:hover {
  background-position: 52.083vw 50%;
}

.contact-form__checkbox {
  display: none;
  outline: none;
}

.contact-form__checkbox:checked + .contact-form__checkbox-txt:after {
  content: "";
  display: block;
  position: absolute;
  top: -0.912vw;
  left: 3.255vw;
  width: 2.864vw;
  height: 4.557vw;
  -webkit-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  transform: rotate(40deg);
  border-bottom: 0.52vw solid #00689f;
  border-right: 0.52vw solid #00689f;
}

.contact-form__checkbox-txt {
  padding-left: 13.671vw;
  position: relative;
}

.contact-form__checkbox-txt:before {
  content: "";
  display: block;
  position: absolute;
  top: -2.605vw;
  left: 0;
  width: 10.156vw;
  height: 10.156vw;
  background-color: #e5e8ec;
  border: 1px solid #e5e8ec;
}

@media (min-width: 769px) {
  .contact-form {
    margin: 40px auto 0;
  }
  .contact-form--confirm .contact-table {
    margin-top: 60px;
  }
  .contact-form--confirm .contact-table__tr {
    border-bottom: solid #888888 1px;
    margin-bottom: 60px;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-align-content: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end;
  }
  .contact-form--confirm .contact-table__td {
    padding-bottom: 15px;
  }
  .contact-form--confirm .contact-table__th {
    padding-bottom: 15px;
  }
  .contact-form--complete {
    margin: 110px auto 0;
  }
  .contact-form--complete .contact-form__ttl {
    margin-bottom: 30px;
  }
  .contact-form--complete .contact-form__button {
    margin-top: 100px;
  }
  .contact-form__text {
    padding: 18px 25px;
    max-width: 509px;
  }
  .contact-form__text--half {
    width: 100%;
    max-width: 200px;
  }
  .contact-form__text--short {
    width: 100%;
    max-width: 88px;
  }
  .contact-form__select {
    max-width: 272px;
  }
  .contact-form__select:after {
    border-width: 14px 10px 0 10px;
    right: 20px;
  }
  .contact-form__select__el {
    width: 100%;
    height: 56px;
    padding: 0 20px 0 20px;
  }
  .contact-form__textarea {
    padding: 20px 25px;
  }
  .contact-form__consent {
    font-size: 18px;
    padding: 36px 0;
    display: block;
  }
  .contact-form__button {
    margin-bottom: 100px;
  }
  .contact-form__submit {
    width: 236px;
    line-height: 54px;
    height: 54px;
    background-position: 200px 50%;
  }
  .contact-form__submit:hover {
    background-position: 200px 50%;
  }
  .contact-form__checkbox:checked + .contact-form__checkbox-txt:after {
    top: -8px;
    left: 16px;
    width: 11px;
    height: 21px;
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
    border-bottom: 3px solid #00689f;
    border-right: 2px solid #00689f;
  }
  .contact-form__checkbox-txt {
    padding-left: 60px;
  }
  .contact-form__checkbox-txt:before {
    top: -14px;
    left: 0;
    width: 43px;
    height: 43px;
    background-color: #e5e8ec;
    border: 1px solid #e5e8ec;
  }
}
.contact-form .select-hidden {
  display: none;
  visibility: hidden;
  padding-right: 10px;
}

.contact-form .select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  color: #000;
  width: 100%;
  height: 13.02vw;
}

@media (min-width: 769px) {
  .contact-form .select {
    font-size: 16px;
    width: 272px;
    height: 56px;
  }
}
.contact-form .select-styled {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #e5e8ec;
  padding: 3.255vw;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

@media (min-width: 769px) {
  .contact-form .select-styled {
    padding: 14px 15px;
  }
}
.contact-form .select-styled:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3.385vw 2.343vw 0 2.343vw;
  border-color: #00689f transparent transparent transparent;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 5.208vw;
  z-index: 1;
}

@media (min-width: 769px) {
  .contact-form .select-styled:after {
    border-width: 14px 10px 0 10px;
    right: 20px;
  }
}
.contact-form .select-styled:hover {
  background-color: #dfe3e8;
}

.contact-form .select-styled:active, .contact-form .select-styled.active {
  background-color: #d6dbe1;
}

.contact-form .select-options {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #d6dbe1;
}

.contact-form .select-options li {
  margin: 0;
  padding: 12px 0;
  text-indent: 15px;
  border-top: 1px solid #c8ced6;
  -webkit-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
}

.contact-form .select-options li:hover {
  color: #e5e8ec;
  background: #00689f;
}

.contact-form .select-options li[rel=hide] {
  display: none;
}

.contact-table {
  margin-top: 7.812vw;
  margin-bottom: 10.416vw;
}

.contact-table__th {
  font-size: 3.385vw;
  padding-bottom: 1.953vw;
}

.contact-table__td {
  font-size: 3.385vw;
  padding-bottom: 5.208vw;
}

.contact-table__td a {
  color: #000;
  text-decoration: underline;
}

.contact-table__td--last {
  padding-bottom: 0;
}

.contact-table__ttl {
  font-style: normal;
}

.contact-table__any, .contact-table__req {
  font-size: 2.864vw;
  font-style: normal;
  border: solid #888888 1px;
  width: 9.635vw;
  line-height: 4.687vw;
  display: inline-block;
  text-align: center;
  margin-left: 3.255vw;
}

.contact-table__any {
  color: #545454;
}

.contact-table__req {
  color: #fff;
  border: solid #00689f 1px;
  background-color: #00689f;
}

.contact-table__unit {
  display: block;
}

.contact-table__unit--flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.contact-table__unit--again {
  margin-top: 4.557vw;
}

.contact-table__unit--small {
  color: #545454;
  font-size: 2.864vw;
}

.contact-table__dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.contact-table__dt {
  display: inline-block;
  margin-right: 4.557vw;
}

.contact-table__dd {
  display: inline-block;
  text-align: right;
}

.contact-table__hyphen {
  display: inline-block;
  margin: 0 2.604vw;
}

@media (min-width: 769px) {
  .contact-table {
    margin-top: 40px;
    margin-bottom: 110px;
    max-width: 830px;
  }
  .contact-table--full {
    max-width: 1024px;
  }
  .contact-table--full .contact-table__td {
    width: 68.55%;
  }
  .contact-table__tr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .contact-table__tr:nth-of-type(n+2) {
    margin-top: 20px;
  }
  .contact-table__th {
    font-size: 18px;
    padding-bottom: 15px;
    width: 27.71%;
    max-width: 230px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .contact-table__th--start {
    -webkit-align-self: self-start;
    -ms-flex-item-align: self-start;
    align-self: self-start;
    margin-top: 18px;
  }
  .contact-table__td {
    font-size: 16px;
    width: 61.32%;
    padding-bottom: 0;
  }
  .contact-table__td--last {
    padding-bottom: 0;
  }
  .contact-table__any, .contact-table__req {
    font-size: 14px;
    width: 48px;
    line-height: 22px;
    margin-left: auto;
  }
  .contact-table__unit--again {
    margin-top: 20px;
  }
  .contact-table__unit--small {
    font-size: 12px;
  }
  .contact-table__dt {
    margin-right: 10px;
  }
  .contact-table__hyphen {
    margin: 0 10px;
  }
}
.company-idea {
  max-width: 1024px;
  width: 92.31%;
  margin: 0 auto;
  margin-top: 8.463vw;
  margin-bottom: 15.625vw;
  position: relative;
}

.company-idea:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 80.905vw;
  height: 80.905vw;
  border: 26.041vw #dbf3ff solid;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: -10;
  -webkit-transform: translateX(-50%) translateY(-42%);
  -ms-transform: translateX(-50%) translateY(-42%);
  transform: translateX(-50%) translateY(-42%);
}

.company-idea__heading {
  font-size: 5.338vw;
  line-height: 2.01;
  font-weight: bold;
  text-align: center;
  padding-top: 5.208vw;
}

.company-idea__txt1 {
  padding-right: 1em;
  display: inline-block;
}

.company-idea__txt2 {
  padding-left: 1em;
  display: inline-block;
}

.company-idea__ring-wrap .ring-box {
  left: 57.812vw;
  top: -6.511vw;
}

@media (min-width: 769px) {
  .company-idea {
    margin-top: 90px;
    margin-bottom: 90px;
  }
  .company-idea:before {
    width: 641.607px;
    height: 641.607px;
    border: 223px #dbf3ff solid;
    -webkit-transform: translateX(-50%) translateY(-40%);
    -ms-transform: translateX(-50%) translateY(-40%);
    transform: translateX(-50%) translateY(-40%);
  }
  .company-idea__heading {
    font-size: 32px;
    line-height: 1.8;
  }
  .company-idea__ring-wrap .ring-box {
    left: 968px;
    top: 180px;
  }
}
.company-message {
  position: relative;
  padding-top: 7.421vw;
  padding-bottom: 15.104vw;
}

.company-message:after {
  content: "";
  display: block;
  background-color: rgba(202, 235, 249, 0.4);
  top: 0;
  bottom: 9.895vw;
  left: 14.192vw;
  right: 0;
  position: absolute;
  z-index: -1;
}

.company-message__ttl {
  width: 92.31%;
  margin: 0 auto 5.598vw;
}

.company-message__img {
  position: relative;
  z-index: 50;
}

.company-message__textarea {
  position: relative;
}

.company-message__textarea:before {
  content: "";
  display: block;
  position: absolute;
  left: -9.375vw;
  top: 2.213vw;
  width: 36.442vw;
  height: 36.442vw;
  border: 12.566vw #dbf3ff solid;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: -1;
}

.company-message__heading {
  padding-left: 18.229vw;
  font-size: 3.515vw;
  line-height: 1.85;
  margin-top: 10.286vw;
  padding-bottom: 1.302vw;
}

.company-message__text {
  color: #545454;
  font-size: 3.385vw;
  line-height: 1.8;
  padding-left: 18.229vw;
  padding-top: 7.812vw;
  padding-right: 3.906vw;
}

.company-message__sine {
  color: #545454;
  text-align: right;
  font-weight: bold;
  padding-right: 3.906vw;
  padding-top: 9.114vw;
  position: relative;
}

.company-message__data {
  font-size: 3.125vw;
  line-height: 1.7;
}

.company-message__name {
  font-size: 3.385vw;
  line-height: 1.5;
}

.company-message__ceo {
  font-size: 3.776vw;
  line-height: 1.41;
}

.company-message__ring-wrap1 .ring-box {
  top: 5.208vw;
  right: 5.208vw;
}

.company-message__ring-wrap2 .ring-box {
  top: 130.208vw;
  right: 5.208vw;
}

.company-message__ring-wrap3 {
  top: inherit;
  bottom: 0;
}

.company-message__ring-wrap3 .ring-box {
  bottom: 65.104vw;
  left: 0vw;
}

@media (min-width: 769px) {
  .company-message {
    max-width: 1024px;
    width: 92.31%;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 160px;
  }
  .company-message:after {
    bottom: 110px;
    left: 0;
    -webkit-transform: translateX(170px);
    -ms-transform: translateX(170px);
    transform: translateX(170px);
  }
  .company-message__ttl {
    width: auto;
    margin: 0 auto 44px;
  }
  .company-message__textarea {
    position: relative;
  }
  .company-message__textarea:before {
    content: "";
    display: block;
    position: absolute;
    left: -152px;
    top: 55px;
    width: 390.844px;
    height: 390.844px;
    border: 134.77px #dbf3ff solid;
    border-radius: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: -1;
  }
  .company-message__body {
    position: relative;
    padding-top: 120px;
    padding-bottom: 0;
  }
  .company-message__img {
    width: 955px;
    position: absolute;
    right: -170px;
    top: 0;
    z-index: 50;
  }
  .company-message__heading {
    padding-top: 143px;
    padding-bottom: 143px;
    padding-left: 0;
    font-size: 25.69px;
    line-height: 2.26;
    margin-top: 0;
    z-index: 51;
    position: relative;
    background-color: rgba(255, 255, 255, 0.7);
    max-width: 554px;
    margin-bottom: 160px;
  }
  .company-message__text {
    font-size: 18px;
    line-height: 1.83;
    padding-left: 340px;
    padding-top: 40px;
    padding-right: 0;
  }
  .company-message__sine {
    padding-right: 0;
    padding-top: 40px;
  }
  .company-message__data {
    font-size: 18px;
    line-height: 1.72;
  }
  .company-message__name {
    font-size: 20px;
    line-height: 1.65;
  }
  .company-message__ceo {
    font-size: 24px;
    line-height: 1.37;
  }
  .company-message__ring-wrap1 .ring-box {
    top: 271px;
    right: -130px;
  }
  .company-message__ring-wrap2 .ring-box {
    top: 271px;
    right: -130px;
  }
  .company-message__ring-wrap3 {
    top: inherit;
    bottom: 0;
  }
  .company-message__ring-wrap3 .ring-box {
    bottom: 245px;
    left: -76px;
  }
}
.company-movie {
  padding-bottom: 15.625vw;
  position: relative;
}

.company-movie:before {
  content: "";
  display: block;
  position: absolute;
  right: -14.358vw;
  bottom: -19.141vw;
  width: 28.714vw;
  height: 28.714vw;
  border: 9.901vw #dbf3ff solid;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: -1;
}

.company-movie .block00__item {
  width: 92.18%;
  margin: 0 auto;
}

@media (min-width: 769px) {
  .company-movie {
    padding-bottom: 115px;
  }
  .company-movie:before {
    display: none;
  }
}
.company-outline {
  max-width: 1024px;
  width: 92.18%;
  margin: 0 auto;
  padding-bottom: 15.625vw;
}

@media (min-width: 769px) {
  .company-outline {
    padding-bottom: 130px;
  }
}
.company-table {
  font-size: 3.385vw;
  line-height: 1.53;
  border-bottom: solid 1px #d2d2d2;
  color: #545454;
}

.company-table__tr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-top: solid 1px #d2d2d2;
}

.company-table__th {
  padding: 3.125vw 0;
  width: 26.83%;
}

.company-table__td {
  padding: 3.125vw 0;
  width: 73.16%;
}

.company-table__map {
  width: 92.187vw;
  margin-left: -24.74vw;
  margin-top: 1.953vw;
}

@media (min-width: 769px) {
  .company-table {
    font-size: 16px;
    max-width: 883px;
    margin: 50px auto 0;
  }
  .company-table__th {
    padding: 22px 0;
    width: 29.89%;
  }
  .company-table__th--center {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
  }
  .company-table__td {
    padding: 22px 0;
    width: 70.1%;
  }
  .company-table__map {
    width: 619px;
    margin-left: 0;
    margin-top: 30px;
  }
}
.company-notes {
  font-size: 2.864vw;
  line-height: 1.5;
  margin-left: 5.468vw;
  color: #545454;
  margin-top: 5.208vw;
}

.company-notes__item:before {
  content: "";
  display: inline-block;
  margin-left: -5.469vw;
}

@media (min-width: 769px) {
  .company-notes {
    font-size: 12px;
    line-height: 1.91;
    color: #545454;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    max-width: 883px;
  }
  .company-notes__item:before {
    content: "";
    display: none;
    margin-left: 0;
  }
}
.company-history {
  background-color: #ebf7fd;
  padding: 7.812vw 0;
  position: relative;
  overflow: hidden;
}

.company-history:before {
  content: "";
  display: block;
  position: absolute;
  right: -3.256vw;
  top: -12.175vw;
  width: 24.349vw;
  height: 24.349vw;
  border: 8.396vw #c2e3f4 solid;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.company-history__inner {
  width: 92.18%;
  margin: 0 auto;
  background-color: #fff;
  padding: 2.604vw 3.906vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.company-history__inner:before, .company-history__inner:after {
  content: "";
  display: block;
  position: absolute;
  width: 15.477vw;
  height: 15.477vw;
  border: 5.337vw #dbf3ff solid;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: -1;
}

.company-history__inner:before {
  left: 10.937vw;
  top: -7.739vw;
}

.company-history__inner:after {
  left: 1.302vw;
  bottom: 1.302vw;
}

.company-history__list {
  color: #545454;
  font-size: 3.385vw;
  line-height: 1.53;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 65.104vw;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.company-history__data {
  width: 22.135vw;
  letter-spacing: 0;
}

.company-history__detail {
  width: 42.968vw;
}

.company-history__ring-wrap .ring-box {
  left: -100vw;
}

@media (min-width: 769px) {
  .company-history {
    padding: 7.812vw 0;
  }
  .company-history:before {
    z-index: 3;
    right: inherit;
    top: inherit;
    left: 50%;
    bottom: -118px;
    width: 283px;
    height: 283px;
    border: 97.58px rgba(0, 140, 207, 0.3) solid;
    -webkit-transform: translateX(330px);
    -ms-transform: translateX(330px);
    transform: translateX(330px);
  }
  .company-history__inner {
    max-width: 883px;
    width: 100%;
    margin: 0 auto;
    padding: 15px 15px 15px 0;
  }
  .company-history__inner:before {
    left: 104px;
    top: -66.75px;
    width: 133.485px;
    height: 133.485px;
    border: 46.02px #dbf3ff solid;
    border-radius: 100%;
    z-index: -1;
  }
  .company-history__inner:after {
    left: -22px;
    bottom: -22px;
    width: 115.309px;
    height: 115.309px;
    border: 39.76px #dbf3ff solid;
    border-radius: 100%;
    z-index: -1;
  }
  .company-history_ttl {
    margin: 0 auto;
  }
  .company-history__list {
    font-size: 16px;
    line-height: 2.06;
    width: 70.21%;
  }
  .company-history__data {
    width: 16.52%;
  }
  .company-history__detail {
    width: 83.47%;
  }
  .company-history__ring-wrap .ring-box {
    top: 128px;
    left: -76px;
  }
}
.company-link {
  max-width: 1024px;
  width: 73.75%;
  margin: 15.625vw auto 13.02vw;
}

@media (min-width: 769px) {
  .company-link {
    margin: 120px auto 0;
  }
}
.about-content {
  max-width: 1024px;
  margin: 0 auto 13.02vw;
}

.about-content__sec {
  margin-top: 13.02vw;
  position: relative;
}

.about-content__sec--01 .about-content__img-sub {
  margin-left: auto;
}

.about-content__sec--01 .about-content__textarea {
  margin-left: 15.625vw;
}

.about-content__sec--01:before {
  content: "";
  display: block;
  position: absolute;
  right: -8.855vw;
  top: -27.319vw;
  width: 54.637vw;
  height: 54.637vw;
  border: 18.84vw rgba(187, 222, 240, 0.6) solid;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 60;
}

.about-content__sec--01__ring-wrap1 {
  z-index: 61;
}

.about-content__sec--01__ring-wrap1 .ring-box {
  right: 3.906vw;
  top: -8.464vw;
}

.about-content__sec--01__ring-wrap2 .ring-box {
  left: 0vw;
  top: 67.057vw;
}

.about-content__sec--02 .about-content__img {
  margin-left: auto;
}

.about-content__sec--02 .about-content__textarea {
  margin-left: 5.208vw;
}

.about-content__sec--02:before {
  content: "";
  display: block;
  position: absolute;
  left: -5.469vw;
  top: -24.089vw;
  width: 48.176vw;
  height: 48.176vw;
  border: 16.612vw rgba(187, 222, 240, 0.6) solid;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: -1;
}

.about-content__sec--02__ring-wrap1 .ring-box {
  right: 0vw;
  top: 79.427vw;
}

.about-content__sec--02__ring-wrap2 .ring-box {
  right: 0vw;
  top: 79.427vw;
}

.about-content__sec--03 .about-content__img-sub {
  margin-left: auto;
}

.about-content__sec--03 .about-content__textarea {
  margin-left: 15.625vw;
}

.about-content__sec--03:before {
  content: "";
  display: block;
  position: absolute;
  right: -15.625vw;
  top: -19.587vw;
  width: 52.193vw;
  height: 52.193vw;
  border: 17.997vw rgba(187, 222, 240, 0.6) solid;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 51;
}

.about-content__sec--03__ring-wrap .ring-box {
  left: 0vw;
  top: 80.078vw;
}

.about-content__img {
  width: 81.144vw;
  position: relative;
  z-index: 50;
}

.about-content__img-sub {
  width: 70.977vw;
  margin-top: -3.907vw;
  position: relative;
  z-index: 50;
}

.about-content__textarea {
  width: 79.16%;
  margin-top: 5.859vw;
}

.about-content__txt {
  margin-top: 3.906vw;
  color: #545454;
  background: rgba(255, 255, 255, 0.6);
  z-index: 50;
  position: relative;
}

@media (min-width: 769px) {
  .about-content {
    margin: 0 auto 0;
    padding-bottom: 50px;
  }
  .about-content__sec {
    position: relative;
    margin: 85px auto 0;
    padding-bottom: 70px;
  }
  .about-content__sec--01 .about-content__img {
    left: 50%;
    -webkit-transform: translateX(-723px);
    -ms-transform: translateX(-723px);
    transform: translateX(-723px);
  }
  .about-content__sec--01 .about-content__main {
    margin-left: 50%;
  }
  .about-content__sec--01 .about-content__img-sub {
    margin-left: -73px;
    margin-top: 70px;
  }
  .about-content__sec--01 .about-content__textarea {
    margin-left: 65px;
  }
  .about-content__sec--01:before {
    right: inherit;
    left: -146px;
    top: 340px;
    width: 487.207px;
    height: 487.207px;
    border: 168px rgba(187, 222, 240, 0.6) solid;
    border-radius: 100%;
    z-index: 1;
  }
  .about-content__sec--01__ring-wrap1 .ring-box {
    right: inherit;
    left: 569px;
    top: 0;
  }
  .about-content__sec--01__ring-wrap2 .ring-box {
    right: inherit;
    left: 569px;
    top: 0;
  }
  .about-content__sec--02 .about-content__img {
    right: 50%;
    -webkit-transform: translateX(723px);
    -ms-transform: translateX(723px);
    transform: translateX(723px);
  }
  .about-content__sec--02 .about-content__main {
    margin-left: 0;
  }
  .about-content__sec--02 .about-content__img {
    margin-left: auto;
  }
  .about-content__sec--02 .about-content__img-sub {
    margin-left: -130px;
    margin-top: 140px;
  }
  .about-content__sec--02 .about-content__textarea {
    margin-left: 20px;
  }
  .about-content__sec--02 .about-content__txt {
    margin-right: 55.95%;
  }
  .about-content__sec--02:before {
    left: inherit;
    top: inherit;
    right: 0;
    bottom: -35px;
    width: 369.997px;
    height: 369.997px;
    border: 127.58px rgba(187, 222, 240, 0.6) solid;
    z-index: 52;
  }
  .about-content__sec--02__ring-wrap1 {
    width: 100%;
  }
  .about-content__sec--02__ring-wrap1 .ring-box {
    right: inherit;
    left: 18px;
    top: 0;
  }
  .about-content__sec--02__ring-wrap2 .ring-box {
    right: inherit;
    left: -1000px;
    top: -300px;
  }
  .about-content__sec--03 .about-content__img {
    left: 50%;
    -webkit-transform: translateX(-723px);
    -ms-transform: translateX(-723px);
    transform: translateX(-723px);
  }
  .about-content__sec--03 .about-content__main {
    margin-left: 50%;
  }
  .about-content__sec--03 .about-content__img-sub {
    margin-left: -73px;
    margin-top: 70px;
  }
  .about-content__sec--03 .about-content__textarea {
    margin-top: 65px;
    margin-left: 65px;
  }
  .about-content__sec--03:before {
    right: inherit;
    top: inherit;
    left: -274px;
    bottom: -185px;
    width: 453.544px;
    height: 453.544px;
    border: 156.39px rgba(187, 222, 240, 0.6) solid;
    z-index: 52;
  }
  .about-content__sec--03__ring-wrap .ring-box {
    right: inherit;
    left: 572px;
    top: 10px;
  }
  .about-content__img {
    width: 710px;
    position: absolute;
    top: 0;
  }
  .about-content__main {
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .about-content__img-sub {
    width: 710px;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .about-content__textarea {
    width: auto;
    margin-top: 50px;
  }
  .about-content__txt {
    margin-top: 30px;
    color: #545454;
  }
}
.about-link {
  max-width: 1024px;
  width: 90.88%;
  margin: 0 auto 12.239vw;
  border-top: solid 1px #d3d3d3;
  border-bottom: solid 1px #d3d3d3;
  padding: 10.416vw 0;
}

.about-link__item {
  width: 81.14%;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 769px) {
  .about-link {
    width: 100%;
    margin: 0 auto 120px;
    padding: 80px 0 70px 0;
  }
  .about-link__item {
    width: auto;
    margin: 0 10px;
  }
}
.about-keyword {
  background-color: #f5fbfe;
  padding: 7.812vw 0;
  margin-bottom: 13.02vw;
}

.about-keyword__inner {
  max-width: 1024px;
  width: 90.88%;
  margin: 0 auto;
}

.about-keyword__ttl {
  width: 40.689vw;
}

.about-keyword__read {
  font-size: 3.385vw;
  line-height: 2.03;
  font-weight: bold;
  margin: 3.906vw 0 2.604vw;
}

.about-keyword__txt {
  color: #545454;
  line-height: 1.65;
}

.about-keyword__figure {
  margin-top: 3.906vw;
}

@media (min-width: 769px) {
  .about-keyword {
    padding: 60px 0;
    margin-bottom: 60px;
  }
  .about-keyword__inner {
    width: 100%;
  }
  .about-keyword__ttl {
    width: 268.513px;
  }
  .about-keyword__read {
    font-size: 19px;
    line-height: 2.05;
    margin: 20px 0 5px;
  }
  .about-keyword__read {
    line-height: 1.83;
  }
  .about-keyword__figure {
    margin-top: 40px;
  }
}
.about-keyword-illustration {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 98.56%;
  margin: 7.031vw auto 0;
}

.about-keyword-illustration__item {
  background-color: #66b9e0;
  width: 42.187vw;
  height: 34.527vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 2.604vw;
  padding-left: 2.343vw;
  padding-top: 2.343vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.about-keyword-illustration__item--connected {
  margin-right: 30%;
  margin-top: 0;
}

.about-keyword-illustration__item--connected .about-keyword-illustration__en {
  width: 26.505vw;
  margin-bottom: 3.906vw;
  max-width: 100%;
}

.about-keyword-illustration__item--connected .about-keyword-illustration__ill {
  margin-right: 6.51vw;
  width: 26.324vw;
}

.about-keyword-illustration__item--autonomous .about-keyword-illustration__en {
  width: 31.382vw;
  margin-bottom: 2.604vw;
  max-width: 100%;
}

.about-keyword-illustration__item--autonomous .about-keyword-illustration__ill {
  width: 21.754vw;
}

.about-keyword-illustration__item--shared {
  padding-left: 0;
}

.about-keyword-illustration__item--shared .about-keyword-illustration__en {
  margin-left: auto;
  width: 38.929vw;
  margin-bottom: 2.604vw;
  max-width: 100%;
}

.about-keyword-illustration__item--shared .about-keyword-illustration__ill {
  width: 15.044vw;
}

.about-keyword-illustration__item--electric {
  margin-left: auto;
}

.about-keyword-illustration__item--electric .about-keyword-illustration__en {
  width: 18.783vw;
  margin-bottom: 9.765vw;
  max-width: 100%;
}

.about-keyword-illustration__item--electric .about-keyword-illustration__ill {
  width: 23.198vw;
}

.about-keyword-illustration__en {
  margin-right: auto;
}

@media (min-width: 769px) {
  .about-keyword-illustration {
    width: 100%;
    margin: 50px 0 0;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .about-keyword-illustration__item {
    width: 23.4375%;
    max-width: 240px;
    height: 204px;
    margin-top: 0;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 18px;
  }
  .about-keyword-illustration__item--connected {
    margin-right: 0;
    margin-top: 0;
  }
  .about-keyword-illustration__item--connected .about-keyword-illustration__en {
    width: 140.724px;
    margin-bottom: 30px;
  }
  .about-keyword-illustration__item--connected .about-keyword-illustration__ill {
    width: 141.546px;
    margin-right: 20px;
  }
  .about-keyword-illustration__item--autonomous .about-keyword-illustration__en {
    width: 167.166px;
    margin-bottom: 20px;
  }
  .about-keyword-illustration__item--autonomous .about-keyword-illustration__ill {
    width: 121.866px;
  }
  .about-keyword-illustration__item--shared .about-keyword-illustration__en {
    margin-left: auto;
    width: 219.068px;
    margin-bottom: 20px;
  }
  .about-keyword-illustration__item--shared .about-keyword-illustration__ill {
    width: 78.805px;
  }
  .about-keyword-illustration__item--electric {
    margin-left: 0;
  }
  .about-keyword-illustration__item--electric .about-keyword-illustration__en {
    width: 98.343px;
    margin-bottom: 75px;
  }
  .about-keyword-illustration__item--electric .about-keyword-illustration__ill {
    width: 121.519px;
  }
  .about-keyword-illustration__en {
    margin-right: auto;
    margin-left: auto;
  }
}
.consortium {
  max-width: 1024px;
  width: 90.88%;
  margin: 0 auto;
}

.consortium__txt {
  margin-top: 3.385vw;
  line-height: 1.65;
  color: #545454;
}

.consortium__link {
  margin: 13.02vw auto;
}

.consortium__item {
  width: 81.14%;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 769px) {
  .consortium {
    width: 100%;
  }
  .consortium__ttl {
    padding-top: 50px;
  }
  .consortium__txt {
    margin-top: 20px;
    line-height: 1.83;
  }
  .consortium__link {
    margin: 110px auto 0;
  }
  .consortium__item {
    width: auto;
  }
}
.solution-nav {
  max-width: 1024px;
  width: 90.88%;
  margin: 0 auto;
}

.solution-nav__inner {
  margin: 7.812vw 0 10.416vw;
}

.solution-nav__item {
  text-align: center;
  padding-top: 2.604vw;
}

.solution-nav__button {
  -webkit-transition: background-color 300ms ease;
  -o-transition: background-color 300ms ease;
  transition: background-color 300ms ease;
  font-size: 3.385vw;
  font-weight: bold;
  color: #fff;
  display: inline-block;
  width: 57.291vw;
  height: 10.416vw;
  line-height: 10.416vw;
  text-align: center;
  background-color: #0088cb;
  border: solid 1px #0088cb;
  letter-spacing: -0.02em;
}

.solution-nav__button:hover {
  background-color: #fff;
  color: #0088cb;
}

.solution-nav__button:hover span:before {
  border-color: #0088cb;
}

.solution-nav__button span {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  width: 1.953vw;
  height: 1.953vw;
  -webkit-transform: translateY(-0.261vw);
  -ms-transform: translateY(-0.261vw);
  transform: translateY(-0.261vw);
  margin-left: 1.562vw;
}

.solution-nav__button span:before {
  content: "";
  display: block;
  position: absolute;
  width: 1.953vw;
  height: 1.953vw;
  border-left: solid 0.26vw #fff;
  border-bottom: solid 0.26vw #fff;
  -webkit-transform: rotate(-45deg) translateX(1.041vw) translateY(-0.261vw);
  -ms-transform: rotate(-45deg) translateX(1.041vw) translateY(-0.261vw);
  transform: rotate(-45deg) translateX(1.041vw) translateY(-0.261vw);
}

@media (min-width: 769px) {
  .solution-nav__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 30px 0 50px;
  }
  .solution-nav__item {
    margin: 0 10px;
    padding-top: 0;
  }
  .solution-nav__button {
    font-size: 17px;
    width: 250px;
    height: 90px;
    line-height: 1.28;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .solution-nav__button--multi {
    padding-bottom: 10px;
  }
  .solution-nav__button span {
    display: block;
    position: absolute;
    bottom: 7px;
    left: 50%;
    width: 15px;
    height: 15px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-left: 0;
  }
  .solution-nav__button span:before {
    width: 10px;
    height: 10px;
    border-left: solid 1px #fff;
    border-bottom: solid 1px #fff;
    -webkit-transform: rotate(-45deg) translateX(3px) translateY(0px);
    -ms-transform: rotate(-45deg) translateX(3px) translateY(0px);
    transform: rotate(-45deg) translateX(3px) translateY(0px);
  }
}
.solution-platform {
  background-color: #f1f7fa;
  position: relative;
  overflow: hidden;
}

.solution-platform__inner {
  max-width: 1024px;
  margin: 0 auto;
  padding: 7.812vw 0;
  position: relative;
  z-index: 1;
}

.solution-platform__inner:before {
  content: "";
  display: block;
  position: absolute;
  left: -3.516vw;
  top: -15.235vw;
  width: 27.744vw;
  height: 27.744vw;
  border: 9.566vw #e5f1f7 solid;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: -1;
}

.solution-platform__inner:after {
  content: "";
  display: block;
  position: absolute;
  right: 2.473vw;
  bottom: -11.719vw;
  width: 27.744vw;
  height: 27.744vw;
  border: 9.566vw #e5f1f7 solid;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: -1;
}

.solution-platform__ttl {
  width: 78.125vw;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  font-size: 3.385vw;
  line-height: 1.5;
  padding: 1.302vw 0;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.solution-platform__ttl:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 47.818vw;
  height: 47.818vw;
  border: 16.488vw #3398ce solid;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: -1;
}

.solution-platform__ttl:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #379fd2;
  z-index: -2;
}

.solution-platform__sub {
  font-size: 3.645vw;
  line-height: 1.67;
  text-align: center;
  margin: 6.51vw 0;
}

.solution-platform__read {
  color: #545454;
  margin-bottom: 5.208vw;
}

.solution-platform__heading {
  font-size: 4.166vw;
  line-height: 0.79;
  font-weight: bold;
  text-align: center;
}

.solution-platform__last {
  margin-top: 13.02vw;
  text-align: center;
}

@media (min-width: 769px) {
  .solution-platform__inner {
    padding: 60px 0;
    z-index: 1;
  }
  .solution-platform__inner:before {
    left: -453px;
    top: 147px;
    width: 664.963px;
    height: 664.963px;
    border: 229.29px #e5f1f7 solid;
    z-index: -1;
  }
  .solution-platform__inner:after {
    right: -280px;
    bottom: 0;
    width: 664.963px;
    height: 664.963px;
    border: 229.29px #e5f1f7 solid;
    z-index: -1;
  }
  .solution-platform__ttl {
    width: 600px;
    margin: 0 auto;
    font-size: 22px;
    line-height: 1.77;
    padding: 10px 0;
  }
  .solution-platform__ttl:before {
    left: 50%;
    top: 50%;
    width: 367.243px;
    height: 367.243px;
    border: 126.63px #3398ce solid;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: -1;
  }
  .solution-platform__sub {
    font-size: 22px;
    line-height: 1.67;
    margin: 63px 0 25px;
  }
  .solution-platform__read {
    margin-bottom: 55px;
  }
  .solution-platform__heading {
    font-size: 22.73px;
    line-height: 1.11;
  }
  .solution-platform__last {
    margin-top: 100px;
  }
}
.solution-platform-task {
  width: 92.18%;
  margin: 0 auto;
  background-color: #d8d9d9;
  padding: 4.166vw 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

.solution-platform-task:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9.114vw 46.093vw 0 46.093vw;
  border-color: #d8d9d9 transparent transparent transparent;
  bottom: -9.011vw;
  right: 0;
  left: 0;
  position: absolute;
  z-index: 1;
}

.solution-platform-task:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9.114vw 46.093vw 0 46.093vw;
  border-color: #f1f7fa transparent transparent transparent;
  bottom: -11.589vw;
  right: 0;
  left: 0;
  position: absolute;
  z-index: 1;
}

.solution-platform-task__card {
  width: 92.21%;
  margin: 0 auto;
  padding-top: 1.302vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.solution-platform-task__item {
  margin-top: 2.604vw;
  width: 49.22%;
  min-height: 46.223vw;
  background-color: #fff;
}

.solution-platform-task__textarea {
  padding: 1.953vw;
}

.solution-platform-task__ttl {
  font-size: 3.515vw;
  line-height: 1.2;
  text-align: center;
}

.solution-platform-task__txt {
  margin-top: 1.041vw;
  color: #545454;
  line-height: 1.35;
  letter-spacing: 0;
}

.solution-platform-task__list {
  margin-left: -0.652vw;
}

.solution-platform-task__list-item {
  margin-left: 0.5em;
}

.solution-platform-task__list-item:before {
  content: "・";
  display: inline-block;
  margin-left: -0.8em;
  margin-right: -0.2em;
}

@media (min-width: 769px) {
  .solution-platform-task {
    width: 100%;
    margin: 0 auto;
    padding: 50px 0;
  }
  .solution-platform-task:after {
    border-width: 87px 512px 0 512px;
    bottom: -87px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .solution-platform-task:before {
    border-width: 87px 512px 0 512px;
    bottom: -100px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .solution-platform-task__card {
    width: 88.23%;
    margin: 0 auto;
    padding-top: 1.302vw;
  }
  .solution-platform-task__item {
    margin-top: 10px;
    width: 23.53%;
    min-height: inherit;
  }
  .solution-platform-task__textarea {
    padding: 24px 15px 20px;
  }
  .solution-platform-task__ttl {
    font-size: 17.62px;
    line-height: 1.25;
  }
  .solution-platform-task__txt {
    font-size: 14px;
    margin-top: 10px;
    line-height: 1.57;
  }
  .solution-platform-task__list {
    margin-left: -7px;
  }
}
.solution-platform-actions {
  width: 92.18%;
  margin: 2.539vw auto 0;
  background-color: #acd6eb;
  padding: 11.718vw 0 4.166vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

.solution-platform-actions:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9.114vw 46.093vw 0 46.093vw;
  border-color: #acd6eb transparent transparent transparent;
  bottom: -9.011vw;
  right: 0;
  left: 0;
  position: absolute;
  z-index: 1;
}

.solution-platform-actions__heading {
  text-align: center;
  padding-bottom: 1.302vw;
}

.solution-platform-actions__panel {
  background-color: #fff;
  width: 92.35%;
  margin: 1.302vw auto 0;
  padding: 4.166vw 0;
}

.solution-platform-actions__read {
  width: 87.87%;
  margin: 0 auto;
  color: #545454;
  line-height: 1.37;
}

.solution-platform-actions__cards {
  width: 87.87%;
  margin: 1.953vw auto 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.solution-platform-actions__item {
  width: 49.21%;
  background-color: #f2f9fc;
}

.solution-platform-actions__ttl {
  color: #0088cb;
  font-weight: bold;
  text-align: center;
  letter-spacing: -0.05em;
  padding-top: 1.302vw;
}

.solution-platform-actions__txt {
  text-align: center;
  color: #545454;
  line-height: 1.37;
  padding-bottom: 2.604vw;
  padding-top: 0.651vw;
  letter-spacing: 0;
}

.solution-platform-actions__txt--single {
  padding-top: 0.7em;
}

@media (min-width: 769px) {
  .solution-platform-actions {
    width: 100%;
    margin: 13px auto 0;
    padding: 133px 0 25px;
    background-color: rgba(0, 136, 203, 0.29);
  }
  .solution-platform-actions:after {
    border-width: 87px 512px 0 512px;
    border-color: rgba(0, 136, 203, 0.29) transparent transparent transparent;
    bottom: -87px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .solution-platform-actions__heading {
    padding-bottom: 24px;
  }
  .solution-platform-actions__inner {
    width: 88.19%;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .solution-platform-actions__panel {
    width: 49.02%;
    margin: 0 auto;
    padding: 26px 0 18px;
  }
  .solution-platform-actions__read {
    width: auto;
    margin: 0 auto;
    padding: 0 26px;
    font-size: 14px;
    line-height: 1.57;
    letter-spacing: -0.04em;
  }
  .solution-platform-actions__cards {
    width: 87.93%;
    margin: 1.953vw auto 0;
  }
  .solution-platform-actions__item {
    width: 47.73%;
    min-height: 230px;
  }
  .solution-platform-actions__ttl {
    letter-spacing: -0.05em;
    padding-top: 12px;
    font-size: 14px;
    font-weight: normal;
  }
  .solution-platform-actions__txt {
    font-size: 14px;
    line-height: 1.57;
    padding-bottom: 20px;
    padding-top: 10px;
    letter-spacing: 0;
  }
}
.solution-feature {
  background-color: #f1f7fa;
  overflow: hidden;
  margin-top: 11.067vw;
}

.solution-feature__inner {
  max-width: 1024px;
  margin: 0 auto;
  padding: 7.812vw 0;
  position: relative;
  z-index: 1;
}

.solution-feature__inner:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -21.46vw;
  width: 42.919vw;
  height: 42.919vw;
  border: 14.799vw #e5f1f7 solid;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: -1;
}

.solution-feature__inner:after {
  content: "";
  display: block;
  position: absolute;
  right: -19.532vw;
  bottom: -9.115vw;
  width: 67.907vw;
  height: 67.907vw;
  border: 23.416vw #e5f1f7 solid;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: -1;
}

.solution-feature__ttl {
  width: 78.125vw;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  font-size: 3.385vw;
  line-height: 1.5;
  padding: 1.302vw 0;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.solution-feature__ttl:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 47.818vw;
  height: 47.818vw;
  border: 16.488vw #3398ce solid;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: -1;
}

.solution-feature__ttl:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #379fd2;
  z-index: -2;
}

.solution-feature__read {
  width: 92.44%;
  margin: 6.51vw auto 0;
}

.solution-feature__text {
  width: 92.44%;
  margin: 2.604vw auto 0;
  color: #545454;
}

.solution-feature__img {
  width: 91.92%;
  margin: 7.812vw auto;
  background-color: #fff;
  padding: 3.906vw 3.515vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.solution-feature__heading {
  border-top: solid 1px #808080;
  width: 92.31%;
  margin: 0 auto;
  padding-top: 6.51vw;
  font-weight: bold;
}

@media (min-width: 769px) {
  .solution-feature {
    margin-top: 100px;
  }
  .solution-feature__inner {
    padding: 60px 0;
    z-index: 1;
  }
  .solution-feature__inner:before {
    left: -370px;
    top: 76px;
    width: 664.963px;
    height: 664.963px;
    border: 229.29px #e5f1f7 solid;
    z-index: -1;
  }
  .solution-feature__inner:after {
    right: -380px;
    bottom: -157px;
    width: 664.963px;
    height: 664.963px;
    border: 229.29px #e5f1f7 solid;
    z-index: -1;
  }
  .solution-feature__ttl {
    width: 600px;
    margin: 0 auto;
    font-size: 22px;
    line-height: 1.77;
    padding: 10px 0;
  }
  .solution-feature__ttl:before {
    left: 50%;
    top: 50%;
    width: 367.243px;
    height: 367.243px;
    border: 126.63px #3398ce solid;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: -1;
  }
  .solution-feature__section {
    margin-top: 55px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .solution-feature__textarea {
    width: 49.24%;
  }
  .solution-feature__read {
    width: auto;
    margin: 0 0 20px 0;
    font-size: 20px;
  }
  .solution-feature__text {
    width: auto;
    margin: 0;
  }
  .solution-feature__img {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 47.3%;
    margin: 0;
    padding: 30px 27px;
  }
  .solution-feature__heading {
    width: auto;
    margin: 50px auto 0;
    padding-top: 55px;
    font-size: 26px;
  }
}
.solution-feature-panel {
  max-width: 1024px;
  width: 92.18%;
  margin: 0 auto;
  padding-bottom: 6.51vw;
  border-bottom: solid 1px #808080;
}

.solution-feature-panel__item {
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1.692vw 1.692vw 1.692vw 2.604vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 3.125vw;
}

.solution-feature-panel__textarea {
  width: 61.979vw;
  letter-spacing: -0.05em;
}

.solution-feature-panel__ttl {
  font-size: 3.515vw;
  line-height: 0.92;
  padding-top: 1.302vw;
}

.solution-feature-panel__txt {
  color: #545454;
  line-height: 1.37;
  margin-top: 1.953vw;
  padding-bottom: 1.302vw;
}

.solution-feature-panel__img {
  background-color: #f8f8f8;
  width: 23.858vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}

.solution-feature-panel__icn1 {
  width: 11.545vw;
}

.solution-feature-panel__icn2 {
  width: 15.619vw;
}

.solution-feature-panel__icn3 {
  width: 15.594vw;
}

.solution-feature-panel__icn4 {
  width: 12.087vw;
}

@media (min-width: 769px) {
  .solution-feature-panel {
    width: auto;
    margin: 0 auto;
    padding-bottom: 70px;
    padding-top: 20px;
  }
  .solution-feature-panel__item {
    padding: 12px;
    margin-top: 24px;
    width: 69.92%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .solution-feature-panel__item--right {
    margin-left: auto;
  }
  .solution-feature-panel__textarea {
    width: 66.24%;
    letter-spacing: 0;
    padding: 13px 0 13px 10px;
  }
  .solution-feature-panel__ttl {
    font-size: 20px;
    line-height: 1.25;
    padding-top: 0;
  }
  .solution-feature-panel__txt {
    line-height: 1.68;
    margin-top: 18px;
    padding-bottom: 0;
  }
  .solution-feature-panel__img {
    width: 24.25%;
    height: 166px;
  }
  .solution-feature-panel__icn1 {
    width: 80.664px;
  }
  .solution-feature-panel__icn2 {
    width: 96.234px;
  }
  .solution-feature-panel__icn3 {
    width: 119.765px;
  }
  .solution-feature-panel__icn4 {
    width: 80.238px;
  }
}
.solution-marketplace__contents {
  background: #fff;
  padding: 5.208vw 3.906vw;
  margin-left: 3.906vw;
  margin-right: 3.906vw;
  margin-bottom: 6.51vw;
}

.solution-marketplace__contents__heading {
  margin: 0 auto 3.255vw;
}

.solution-marketplace__contents__read {
  margin-bottom: 3.255vw;
}

.solution-marketplace__contents__cards {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 -3.907vw;
}

.solution-marketplace__contents__cards li {
  width: 50%;
  text-align: center;
  border-right: dotted 1px #ccc;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 6.51vw;
  padding: 0 2.929vw;
  position: relative;
}

.solution-marketplace__contents__cards li:nth-child(2n) {
  border: none;
}

.solution-marketplace__contents__cards li:nth-child(2n):after {
  display: none;
}

.solution-marketplace__contents__cards li:after {
  content: "";
  display: block;
  position: absolute;
  right: -2.865vw;
  top: 50%;
  bottom: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 1.822vw;
  height: 1.822vw;
  border: 1.822vw solid transparent;
  border-left: 1.822vw solid #569ecd;
}

.solution-marketplace__contents__cards__heading {
  font-weight: bold;
  color: #000;
}

.solution-marketplace__contents__cards__img {
  width: 75%;
  margin: 0 auto;
  background-color: #fff;
  padding: 0 0 1.041vw 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.solution-marketplace__read {
  width: 92.44%;
  margin: 2.929vw auto 2.929vw;
}

.solution-marketplace__text {
  width: 92.44%;
  margin: 2.604vw auto 0;
  color: #545454;
}

.solution-marketplace__heading {
  width: 92.31%;
  margin: 0 auto;
  padding-top: 6.51vw;
  font-weight: bold;
}

.solution-marketplace__attention {
  text-align: center;
}

.solution-marketplace__btn {
  text-align: center;
}

@media (min-width: 769px) {
  .solution-marketplace__contents {
    margin-left: 0;
    margin-right: 0;
    padding: 70px 60px 35px 60px;
    margin-bottom: 50px;
  }
  .solution-marketplace__contents__heading {
    margin: 0 auto 50px;
    font-size: 24px;
  }
  .solution-marketplace__contents__read {
    margin-bottom: 80px;
  }
  .solution-marketplace__heading {
    width: auto;
    margin: 0 auto 45px auto;
    padding-top: 95px;
    font-size: 26px;
  }
  .solution-marketplace__read {
    width: auto;
    margin: 0 0 65px 0;
  }
  .solution-marketplace__contents__cards {
    margin: 0 -30px 0 -20px;
  }
  .solution-marketplace__contents__cards li {
    width: 33%;
    text-align: center;
    border-right: dotted 1px #ccc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 35px;
    padding: 0 20px;
  }
  .solution-marketplace__contents__cards li:nth-child(2n) {
    border-right: dotted 1px #ccc;
  }
  .solution-marketplace__contents__cards li:nth-child(2n):after {
    display: block;
  }
  .solution-marketplace__contents__cards li:nth-child(3n) {
    border: none;
  }
  .solution-marketplace__contents__cards li:nth-child(3n):after {
    display: none;
  }
  .solution-marketplace__contents__cards li:after {
    content: "";
    display: block;
    position: absolute;
    right: -20px;
    top: 50%;
    bottom: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 12px;
    height: 12px;
    border: 12px solid transparent;
    border-left: 12px solid #569ecd;
  }
  .solution-marketplace__contents__cards__img {
    width: 88.46%;
    margin: 0 auto;
    background-color: #fff;
    padding: 0 0 15px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.solution-service {
  background-color: #f1f7fa;
  overflow: hidden;
  margin-top: 11.067vw;
}

.solution-service__inner {
  max-width: 1024px;
  margin: 0 auto;
  padding: 7.812vw 0;
  position: relative;
  z-index: 1;
}

.solution-service__inner:before {
  content: "";
  display: block;
  position: absolute;
  left: -8.464vw;
  top: -20.313vw;
  width: 45.733vw;
  height: 45.733vw;
  border: 15.77vw #e5f1f7 solid;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: -1;
}

.solution-service__inner:after {
  content: "";
  display: block;
  position: absolute;
  right: -26.954vw;
  bottom: 3.906vw;
  width: 45.733vw;
  height: 45.733vw;
  border: 15.77vw #e5f1f7 solid;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: -1;
}

.solution-service__ttl {
  width: 78.125vw;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  font-size: 3.385vw;
  line-height: 1.5;
  padding: 1.302vw 0;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.solution-service__ttl:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 47.818vw;
  height: 47.818vw;
  border: 16.488vw #3398ce solid;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: -1;
}

.solution-service__ttl:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #379fd2;
  z-index: -2;
}

.solution-service__read {
  width: 92.44%;
  margin: 6.51vw auto 0;
  color: #545454;
}

.solution-service__heading {
  width: 92.44%;
  margin: 7.812vw auto 0;
}

@media (min-width: 769px) {
  .solution-service {
    margin-top: 100px;
  }
  .solution-service__inner {
    padding: 80px 0;
    z-index: 1;
  }
  .solution-service__inner:before {
    left: -214px;
    top: -260.77px;
    width: 521.529px;
    height: 521.529px;
    border: 179.83px #e5f1f7 solid;
  }
  .solution-service__inner:after {
    right: -360px;
    bottom: -234px;
    width: 521.529px;
    height: 521.529px;
    border: 179.83px #e5f1f7 solid;
  }
  .solution-service__ttl {
    width: 600px;
    margin: 0 auto;
    font-size: 22px;
    line-height: 1.77;
    padding: 10px 0;
    z-index: 1;
  }
  .solution-service__ttl:before {
    left: 50%;
    top: 50%;
    width: 367.243px;
    height: 367.243px;
    border: 126.63px #3398ce solid;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: -1;
  }
  .solution-service__read {
    width: auto;
    margin: 59px 0 50px 0;
  }
  .solution-service__area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .solution-service__section {
    width: 49.02%;
    position: relative;
  }
  .solution-service__heading {
    width: auto;
    margin: 0;
    letter-spacing: 0;
  }
}
.solution-service-panel {
  width: 90.88%;
  margin: 5.208vw auto 0;
  display: block;
}

.solution-service-panel__img {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 27.083vw;
  background-color: #fff;
}

.solution-service-panel__textarea {
  background-color: rgba(0, 153, 204, 0.35);
  width: calc(100% - 60px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 30px;
  letter-spacing: 0;
  position: relative;
}

.solution-service-panel__textarea:before {
  content: url(../etc/img/img_solution_service_arrow.svg);
  width: 31.968px;
  height: 7.918px;
  position: absolute;
  right: 20px;
}

.solution-service-panel__ttl {
  color: #403f41;
  font-weight: bold;
}

.solution-service-panel__txt {
  color: #403f41;
  margin-top: 1.302vw;
  line-height: 1.58;
}

.solution-service-panel__logo1 {
  width: 28.775vw;
}

.solution-service-panel__logo2 {
  width: 36.97vw;
}

.solution-service-panel_attention {
  color: #ff0000;
  font-size: 12px;
  height: 30px;
  width: 90.88%;
  line-height: 1.5;
  display: block;
  position: absolute;
  bottom: auto;
  left: 0;
  right: 0;
  margin: 10px auto 10px auto;
}

@media (min-width: 769px) {
  .solution-service-panel {
    width: auto;
    margin: 25px auto 0;
    -webkit-transition: opacity 400ms linear;
    -o-transition: opacity 400ms linear;
    transition: opacity 400ms linear;
  }
  .solution-service-panel:hover {
    opacity: 0.6;
  }
  .solution-service-panel__img {
    width: 100%;
    min-height: 189.354px;
  }
  .solution-service-panel__textarea {
    width: calc(100% - 60px);
    padding: 30px;
  }
  .solution-service-panel__txt {
    margin-top: 10px;
    line-height: 1.68;
  }
  .solution-service-panel__logo1 {
    width: 200.448px;
  }
  .solution-service-panel__logo2 {
    width: 257.54px;
  }
  .solution-service-panel_attention {
    color: #ff0000;
    font-size: 14px;
    height: 30px;
    width: 100%;
  }
}
.solution-example {
  max-width: 1024px;
  width: 90.88%;
  margin: 12.369vw auto 0;
}

.solution-example__ttl {
  margin-bottom: 3.906vw;
}

.solution-example__btn {
  text-align: center;
  margin-top: 13.02vw;
  margin-bottom: 14.322vw;
}

@media (min-width: 769px) {
  .solution-example {
    margin: 84px auto 0;
  }
  .solution-example__ttl {
    margin-bottom: 30px;
  }
  .solution-example__btn {
    text-align: center;
    margin-top: 100px;
    margin-bottom: 50px;
  }
}
.ondemand-summary {
  position: relative;
}

.ondemand-summary__ring-wrap .ring-box {
  right: -23.438vw;
  top: -19.532vw;
}

.ondemand-summary__inner {
  max-width: 1024px;
  width: 92.44%;
  margin: 10.416vw auto 9.114vw;
  position: relative;
}

.ondemand-summary__inner:before {
  content: "";
  display: block;
  position: absolute;
  right: 1.171vw;
  top: -15.886vw;
  width: 20.741vw;
  height: 20.741vw;
  border: 7.152vw #bbdcef solid;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: -1;
}

.ondemand-summary__ttl {
  font-size: 4.427vw;
  font-weight: bold;
}

.ondemand-summary__read {
  font-size: 3.645vw;
  line-height: 1.67;
  color: #545454;
  margin-top: 2.604vw;
}

@media (min-width: 769px) {
  .ondemand-summary__ring-wrap .ring-box {
    right: -410px;
    top: -160px;
  }
  .ondemand-summary__inner {
    width: 92.44%;
    margin: 80px auto;
  }
  .ondemand-summary__inner:before {
    right: -97px;
    top: -114px;
    width: 222.061px;
    height: 222.061px;
    border: 76.57px #bbdcef solid;
  }
  .ondemand-summary__ttl {
    font-size: 30px;
  }
  .ondemand-summary__read {
    font-size: 18px;
    line-height: 1.83;
    margin-top: 20px;
  }
}
.ondemand-introduction {
  margin-top: 13.02vw;
  background-color: #f1f7fa;
}

.ondemand-introduction__ring-bg {
  position: relative;
  width: 100%;
  margin-left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: -1;
}

.ondemand-introduction__ring-bg:before {
  content: "";
  display: block;
  position: absolute;
  left: 2.604vw;
  top: -10.157vw;
  width: 20.312vw;
  height: 20.312vw;
  border: 7.004vw #b6def0 solid;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: -1;
}

.ondemand-introduction__ring-wrap1 .ring-box {
  right: 1.953vw;
  top: 55.989vw;
}

.ondemand-introduction__ring-wrap2 .ring-box {
  right: -12.11vw;
  top: 210.937vw;
}

.ondemand-introduction__ring-wrap3 .ring-box {
  right: -12.11vw;
  top: 210.937vw;
}

.ondemand-introduction__inner {
  max-width: 1024px;
  width: 92.31%;
  margin: 0 auto 0;
  padding-top: 10.416vw;
  padding-bottom: 10.416vw;
  position: relative;
}

.ondemand-introduction__inner:before {
  content: "";
  display: block;
  position: absolute;
  right: -54.381vw;
  top: 9.114vw;
  width: 100.948vw;
  height: 100.948vw;
  border: 34.809vw #e5f1f7 solid;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 0;
}

.ondemand-introduction__inner:after {
  content: "";
  display: block;
  position: absolute;
  left: -54.381vw;
  top: 156.25vw;
  width: 100.948vw;
  height: 100.948vw;
  border: 34.809vw #e5f1f7 solid;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 0;
}

.ondemand-introduction__ttl {
  font-weight: bold;
}

.ondemand-introduction__read {
  color: #545454;
  margin-top: 3.385vw;
  position: relative;
  z-index: 60;
}

.ondemand-introduction__notice {
  margin-top: 3.385vw;
  color: #545454;
  font-size: 2.864vw;
  position: relative;
  z-index: 60;
}

@media (min-width: 769px) {
  .ondemand-introduction {
    margin-top: 215px;
  }
  .ondemand-introduction__ring-bg {
    width: 1024px;
  }
  .ondemand-introduction__ring-bg:before {
    left: -113px;
    top: -171px;
    width: 209px;
    height: 209px;
    border: 72.06px #b6def0 solid;
    z-index: -1;
  }
  .ondemand-introduction__ring-wrap1 .ring-box {
    right: inherit;
    left: -163px;
    top: 580px;
  }
  .ondemand-introduction__ring-wrap2 {
    position: relative;
  }
  .ondemand-introduction__ring-wrap2 .ring-box {
    right: inherit;
    left: 328px;
    top: 70px;
  }
  .ondemand-introduction__ring-wrap3 {
    position: relative;
  }
  .ondemand-introduction__ring-wrap3 .ring-box {
    right: inherit;
    left: -800px;
    top: 2000px;
  }
  .ondemand-introduction__inner {
    padding-top: 50px;
    padding-bottom: 80px;
  }
  .ondemand-introduction__inner:before {
    right: -680px;
    top: 250px;
    width: 959.034px;
    height: 959.034px;
    border: 330.7px #e5f1f7 solid;
  }
  .ondemand-introduction__inner:after {
    display: none;
  }
  .ondemand-introduction__ttl {
    font-size: 26px;
  }
  .ondemand-introduction__read {
    margin-top: 5px;
  }
  .ondemand-introduction__notice {
    margin-top: 0;
    font-size: 14px;
  }
}
.ondemand-introduction-app {
  margin-bottom: 12.63vw;
  position: relative;
  z-index: 60;
}

.ondemand-introduction-app__ttl {
  text-align: center;
  margin-top: 9.114vw;
}

.ondemand-introduction-app__img {
  width: 39.455vw;
  margin: 3.385vw auto;
}

.ondemand-introduction-app__txt {
  color: #545454;
  width: 66.629vw;
  margin: 0 auto;
  line-height: 1.68;
}

@media (min-width: 769px) {
  .ondemand-introduction-app {
    margin-bottom: 97px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .ondemand-introduction-app__unit {
    width: 29.99%;
  }
  .ondemand-introduction-app__ttl {
    margin-top: 60px;
  }
  .ondemand-introduction-app__img {
    width: 75.34%;
    margin: 20px auto 40px;
  }
  .ondemand-introduction-app__txt {
    width: 100%;
    font-size: 16px;
    margin: 0;
    line-height: 1.56;
  }
}
.ondemand-movie {
  z-index: 60;
  position: relative;
  margin-bottom: 12.369vw;
}

@media (min-width: 769px) {
  .ondemand-movie {
    margin-bottom: 80px;
  }
}
.ondemand-introduction-setting {
  background-color: #fff;
  margin-top: 3.906vw;
  padding: 3.906vw 0;
  position: relative;
  z-index: 60;
}

.ondemand-introduction-setting__ttl {
  color: #545454;
  text-align: center;
  letter-spacing: 0;
}

.ondemand-introduction-setting__pin {
  display: inline-block;
  width: 5.025vw;
  margin-left: -6.979vw;
  margin-right: 1.953vw;
}

.ondemand-introduction-setting__img {
  width: 70.821vw;
  margin: 3.906vw auto 0;
}

@media (min-width: 769px) {
  .ondemand-introduction-setting {
    margin-top: 30px;
    padding: 12px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .ondemand-introduction-setting__ttl {
    margin-right: 60px;
    -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  .ondemand-introduction-setting__pin {
    width: 31.33px;
    margin-left: -46.33px;
    margin-right: 15px;
  }
  .ondemand-introduction-setting__img {
    width: 270.384px;
    margin: 0;
  }
}
.ondemand-introduction-type {
  padding-top: 1.692vw;
  position: relative;
}

.ondemand-introduction-type:before {
  content: "";
  display: block;
  position: absolute;
  right: -46.355vw;
  top: 47.656vw;
  width: 100.948vw;
  height: 100.948vw;
  border: 34.809vw #e5f1f7 solid;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 0;
}

.ondemand-introduction-type:after {
  content: "";
  display: block;
  position: absolute;
  left: -46.355vw;
  bottom: 71.614vw;
  width: 100.948vw;
  height: 100.948vw;
  border: 34.809vw #e5f1f7 solid;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 0;
}

.ondemand-introduction-type__unit {
  width: 65.104vw;
  margin: 8.723vw auto 0;
  background-color: #fff;
  padding-bottom: 2.473vw;
  position: relative;
  z-index: 60;
}

.ondemand-introduction-type__ttl {
  font-size: 3.645vw;
  text-align: center;
  background-color: #0088cb;
  color: #fff;
  line-height: 13.894vw;
}

.ondemand-introduction-type__textarea {
  width: 93.9%;
  margin: 0 auto;
}

.ondemand-introduction-type__txt {
  color: #545454;
  width: 93.5%;
  margin: 2.604vw auto;
  letter-spacing: 0;
  min-height: 10.416vw;
}

@media (min-width: 769px) {
  .ondemand-introduction-type {
    padding-top: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .ondemand-introduction-type:before, .ondemand-introduction-type:after {
    display: none;
  }
  .ondemand-introduction-type__unit {
    width: 32.03%;
    margin: 0;
    padding-bottom: 10px;
  }
  .ondemand-introduction-type__ttl {
    font-size: 18px;
    line-height: 70px;
  }
  .ondemand-introduction-type__textarea {
    width: 93.9%;
    margin: 0 auto;
  }
  .ondemand-introduction-type__txt {
    width: 93.83%;
    margin: 15px auto;
    min-height: 62px;
  }
}
.ondemand-feature {
  background-color: #f1f7fa;
  padding-top: 10.416vw;
  padding-bottom: 9.114vw;
}

.ondemand-feature__ring-wrap1 .ring-box {
  right: 20.833vw;
  top: 91.145vw;
}

.ondemand-feature__ring-wrap2 .ring-box {
  left: -12.11vw;
  top: 121.093vw;
}

.ondemand-feature__inner {
  max-width: 1024px;
  width: 92.18%;
  margin: 0 auto;
  position: relative;
}

.ondemand-feature__inner:before {
  content: "";
  display: block;
  position: absolute;
  left: -54.381vw;
  top: -10.417vw;
  width: 100.948vw;
  height: 100.948vw;
  border: 34.809vw #e5f1f7 solid;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 0;
}

.ondemand-feature__ttl {
  font-weight: bold;
  position: relative;
  z-index: 60;
}

.ondemand-feature__read {
  color: #545454;
  margin-top: 3.776vw;
  position: relative;
  z-index: 60;
}

.ondemand-feature__img {
  margin-top: 7.812vw;
  margin-bottom: 9.114vw;
  position: relative;
  z-index: 60;
}

.ondemand-feature__flow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  margin: 4.557vw 0 1.302vw;
  position: relative;
  z-index: 60;
}

.ondemand-feature__step {
  width: 25.5%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  color: #fff;
  background-color: #158bc5;
  height: 7.812vw;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.ondemand-feature__step:before, .ondemand-feature__step:after {
  content: "";
  display: block;
  position: absolute;
  right: -2.214vw;
  top: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5.859vw 0 5.859vw 2.213vw;
  border-color: transparent transparent transparent #f1f7fa;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
}

.ondemand-feature__step:after {
  right: -1.433vw;
  border-width: 5.859vw 0 5.859vw 2.213vw;
  border-color: transparent transparent transparent #158bc5;
  z-index: 1;
}

.ondemand-feature__step--01 {
  width: 23.5%;
  color: #000;
  background-color: #fff;
}

.ondemand-feature__step--01:after {
  border-color: transparent transparent transparent #fff;
}

.ondemand-feature__step--02 {
  padding-left: 1.953vw;
}

.ondemand-feature__step--04:before, .ondemand-feature__step--04:after {
  display: none;
}

.ondemand-feature__notice {
  margin-top: 3.385vw;
  text-align: right;
  color: #545454;
  position: relative;
  z-index: 60;
}

@media (min-width: 769px) {
  .ondemand-feature {
    padding-top: 50px;
    padding-bottom: 60px;
  }
  .ondemand-feature__ring-wrap1 {
    position: relative;
  }
  .ondemand-feature__ring-wrap1 .ring-box {
    right: 10px;
    top: 45px;
  }
  .ondemand-feature__ring-wrap2 {
    position: relative;
  }
  .ondemand-feature__ring-wrap2 .ring-box {
    left: 50%;
    top: 252px;
  }
  .ondemand-feature__inner:before {
    left: -700px;
    top: -50px;
    width: 959.034px;
    height: 959.034px;
    border: 330.7px #e5f1f7 solid;
    z-index: 0;
  }
  .ondemand-feature__ttl {
    font-size: 26px;
  }
  .ondemand-feature__read {
    font-size: 16px;
    margin-top: 5px;
  }
  .ondemand-feature__img {
    margin: 100px auto 70px;
    width: 650px;
  }
  .ondemand-feature__flow {
    margin: 40px 0 20px;
    z-index: 60;
  }
  .ondemand-feature__step {
    width: 25%;
    height: 60px;
  }
  .ondemand-feature__step:before, .ondemand-feature__step:after {
    right: -20px;
    border-width: 70px 0 70px 40px;
  }
  .ondemand-feature__step:after {
    right: -12px;
    border-width: 70px 0 70px 40px;
  }
  .ondemand-feature__step--02 {
    padding-left: 0;
  }
  .ondemand-feature__notice {
    margin-top: 26px;
  }
}
.ondemand-feature-use {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 1.302vw;
  position: relative;
  z-index: 60;
}

.ondemand-feature-use__unit {
  width: 48.58%;
  background-color: #fff;
  margin-top: 2.604vw;
}

.ondemand-feature-use__txt {
  padding: 3.255vw 1.302vw 3.255vw 3.906vw;
  letter-spacing: 0;
  color: #545454;
  line-height: 1.48;
}

.ondemand-feature-use__ballet {
  display: inline-block;
  margin: 0 -0.3em;
}

@media (min-width: 769px) {
  .ondemand-feature-use {
    padding-top: 0;
  }
  .ondemand-feature-use__unit {
    width: 24.26%;
    margin-top: 0;
  }
  .ondemand-feature-use__txt {
    font-size: 16px;
    line-height: 1.56;
    padding: 15px 25px 25px 25px;
  }
  .ondemand-feature-use__ballet {
    margin: 0 -0.3em;
  }
}
.ondemand-faq {
  margin-top: 11.718vw;
  counter-reset: number;
}

.ondemand-faq__inner {
  max-width: 1024px;
  width: 92.31%;
  margin: 0 auto;
  position: relative;
}

.ondemand-faq__ttl {
  margin-bottom: 3.906vw;
}

.ondemand-faq__question {
  padding: 1.953vw 6.51vw 1.953vw 3.255vw;
  color: #545454;
  letter-spacing: -0.02em;
}

.ondemand-faq__question:before {
  content: "Q" counter(number) ".";
  counter-increment: number;
  display: inline-block;
  margin-right: 0.2em;
}

.ondemand-faq__question:after {
  right: 3.255vw;
  width: 1.692vw;
  height: 1.692vw;
}

.is-open .ondemand-faq__question:after {
  right: 3.906vw;
}

.ondemand-faq__answer {
  color: #545454;
  margin: 1.953vw 3.255vw 1.953vw 8.463vw;
  padding: 0;
  font-weight: bold;
  position: relative;
}

.ondemand-faq__answer:before {
  content: "A";
  display: block;
  position: absolute;
  top: 0;
  left: -4.558vw;
}

.ondemand-faq__btn {
  text-align: center;
  margin-top: 9.114vw;
  padding-bottom: 1.302vw;
}

@media (min-width: 769px) {
  .ondemand-faq {
    margin-top: 90px;
    position: relative;
    z-index: 60;
  }
  .ondemand-faq__inner {
    max-width: 1024px;
    width: 92.31%;
    margin: 0 auto;
  }
  .ondemand-faq__inner:after {
    content: "";
    display: block;
    position: absolute;
    right: -240px;
    bottom: -200px;
    width: 204.638px;
    height: 204.638px;
    border: 70.56px #bbdcef solid;
    border-radius: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 0;
  }
  .ondemand-faq__ttl {
    margin-bottom: 30px;
  }
  .ondemand-faq__list {
    background-color: #fff;
  }
  .ondemand-faq__question {
    padding: 15px 50px 15px 25px;
    letter-spacing: -0.02em;
  }
  .ondemand-faq__question:before {
    margin-right: 0.2em;
  }
  .ondemand-faq__question:after {
    right: 25px;
    width: 13px;
    height: 13px;
  }
  .is-open .ondemand-faq__question:after {
    right: 30px;
  }
  .ondemand-faq__answer {
    margin: 15px 25px 15px 65px;
  }
  .ondemand-faq__answer:before {
    left: -35px;
  }
  .ondemand-faq__btn {
    margin-top: 100px;
    padding-bottom: 10px;
  }
}
.ondemand-link {
  max-width: 1024px;
  width: 73.75%;
  margin: 15.625vw auto;
  position: relative;
}

@media (min-width: 769px) {
  .ondemand-link {
    margin: 120px auto;
    position: relative;
  }
}
.biz-summary {
  position: relative;
  background-color: #fff;
  z-index: 10;
  padding-bottom: 9.114vw;
}

.biz-summary__ring-wrap .ring-box {
  right: -24.74vw;
  top: -19.532vw;
}

.biz-summary__inner {
  max-width: 1024px;
  width: 92.44%;
  margin: 10.416vw auto 0;
  position: relative;
}

.biz-summary__inner:before {
  content: "";
  display: block;
  position: absolute;
  right: 1.171vw;
  top: -15.886vw;
  width: 20.741vw;
  height: 20.741vw;
  border: 7.152vw #bbdcef solid;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: -1;
}

.biz-summary__ttl {
  font-size: 4.427vw;
  font-weight: bold;
}

.biz-summary__read {
  font-size: 3.645vw;
  line-height: 1.67;
  margin-top: 2.604vw;
}

.biz-summary__read_attention {
  color: #ff0000;
  font-size: 12px;
  width: 90.88%;
  margin: 10px 0 0 0;
  display: block;
  text-align: left;
}

@media (min-width: 769px) {
  .biz-summary {
    padding-bottom: 80px;
  }
  .biz-summary__ring-wrap .ring-box {
    right: -410px;
    top: -160px;
  }
  .biz-summary__inner {
    width: 92.44%;
    margin: 80px auto 0;
  }
  .biz-summary__inner:before {
    right: -97px;
    top: -114px;
    width: 222.061px;
    height: 222.061px;
    border: 76.57px #bbdcef solid;
  }
  .biz-summary__ttl {
    font-size: 30px;
  }
  .biz-summary__read {
    font-size: 18px;
    line-height: 1.83;
    margin-top: 20px;
  }
  .biz-summary__read_attention {
    font-size: 14px;
  }
}
.biz-feature {
  position: relative;
  background-color: #f5fbfe;
}

.biz-feature__ring-wrap1 .ring-box {
  right: 13.02vw;
  top: 65.104vw;
}

.biz-feature__ring-wrap2 .ring-box {
  left: -11.719vw;
  top: 138.02vw;
}

.biz-feature__inner {
  max-width: 1024px;
  width: 92.18%;
  padding-top: 9.114vw;
  padding-bottom: 10.416vw;
  margin: 0 auto;
  position: relative;
}

.biz-feature__ttl {
  font-weight: bold;
  margin-bottom: 9.114vw;
}

.biz-feature__wrap {
  background-color: #fff;
  padding: 7.812vw 0;
  position: relative;
  z-index: 60;
}

.biz-feature__img {
  margin: 0 auto;
  width: 76.822vw;
}

@media (min-width: 769px) {
  .biz-feature__ring-wrap1 .ring-box {
    right: -110px;
    top: 390px;
  }
  .biz-feature__ring-wrap2 .ring-box {
    left: 50%;
    top: 715px;
  }
  .biz-feature__inner {
    padding-top: 50px;
    padding-bottom: 60px;
    position: relative;
  }
  .biz-feature__inner:before {
    content: "";
    display: block;
    position: absolute;
    left: -290px;
    top: -130px;
    width: 575px;
    height: 575px;
    border: 198.27px #e9f5fb solid;
    border-radius: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 0;
  }
  .biz-feature__ttl {
    margin-bottom: 40px;
    font-size: 26px;
    position: relative;
    z-index: 60;
  }
  .biz-feature__wrap {
    padding: 50px 0;
  }
  .biz-feature__img {
    margin: 0 auto;
    width: 92.18%;
  }
}
.biz-merit {
  position: relative;
  background-color: #f5fbfe;
  margin-top: 10.416vw;
  overflow: hidden;
}

.biz-merit__ring-wrap1 .ring-box {
  right: 0vw;
  top: 29.947vw;
}

.biz-merit__ring-wrap2 {
  position: relative;
}

.biz-merit__ring-wrap2 .ring-box {
  right: -2.605vw;
  bottom: 18.229vw;
}

.biz-merit__inner {
  max-width: 1024px;
  width: 92.18%;
  padding-top: 9.114vw;
  padding-bottom: 10.416vw;
  margin: 0 auto;
  position: relative;
}

.biz-merit__inner:before {
  content: "";
  display: block;
  position: absolute;
  right: -59.245vw;
  top: -15.886vw;
  width: 103.515vw;
  height: 103.515vw;
  border: 35.695vw #e9f5fb solid;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 0;
}

.biz-merit__ttl {
  font-weight: bold;
}

.biz-merit__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  z-index: 60;
}

.biz-merit__unit {
  width: 48.58%;
  background-color: #fff;
  margin-top: 10.807vw;
}

.biz-merit__img {
  width: 20.833vw;
  margin: -5.339vw auto 3.906vw;
}

.biz-merit__txt {
  padding: 0 3.906vw 2.604vw;
  letter-spacing: 0;
  line-height: 1.8;
}

.biz-merit__last {
  font-size: 4.427vw;
  text-align: center;
  font-weight: bold;
  margin-top: 16.927vw;
  position: relative;
  z-index: 60;
}

.biz-merit__arrow {
  position: relative;
}

.biz-merit__arrow:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 26.041vw 130.208vw 0 130.208vw;
  border-color: #aedaef transparent transparent transparent;
  position: absolute;
  left: 50%;
  top: -53.386vw;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media (min-width: 769px) {
  .biz-merit {
    margin-top: 100px;
  }
  .biz-merit__ring-wrap1 .ring-box {
    right: inherit;
    left: 70px;
    top: 680px;
  }
  .biz-merit__ring-wrap2 {
    display: none;
  }
  .biz-merit__inner {
    max-width: 1024px;
    width: 92.18%;
    padding-top: 50px;
    padding-bottom: 60px;
  }
  .biz-merit__inner:before {
    right: -575px;
    top: 126px;
    width: 768px;
    height: 768px;
    border: 264.82px #e9f5fb solid;
  }
  .biz-merit__ttl {
    font-size: 26px;
  }
  .biz-merit__unit {
    width: 23.53%;
    margin-top: 60px;
  }
  .biz-merit__img {
    width: 100px;
    margin: -33px auto 30px;
  }
  .biz-merit__txt {
    padding: 0 30px 20px;
    line-height: 1.8;
  }
  .biz-merit__last {
    font-size: 26px;
    margin-top: 159px;
  }
  .biz-merit__arrow {
    overflow: hidden;
    width: 99.9%;
    height: 220px;
    position: absolute;
    bottom: 150px;
    left: 0;
  }
  .biz-merit__arrow:before {
    position: relative;
    border-width: 200px 837px 0 837px;
    top: 0;
  }
}
.biz-use {
  position: relative;
  background-color: #f5fbfe;
  margin-top: 10.416vw;
}

.biz-use__inner {
  max-width: 1024px;
  width: 92.18%;
  padding-top: 9.114vw;
  padding-bottom: 10.416vw;
  margin: 0 auto;
  position: relative;
}

.biz-use__ttl {
  font-weight: bold;
}

.biz-use__flow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  margin: 4.557vw 0 1.302vw;
  position: relative;
  z-index: 60;
}

.biz-use__step {
  width: 25.5%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  color: #fff;
  background-color: #158bc5;
  height: 7.812vw;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.biz-use__step:before, .biz-use__step:after {
  content: "";
  display: block;
  position: absolute;
  right: -2.214vw;
  top: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5.859vw 0 5.859vw 2.213vw;
  border-color: transparent transparent transparent #f1f7fa;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
}

.biz-use__step:after {
  right: -1.433vw;
  border-width: 5.859vw 0 5.859vw 2.213vw;
  border-color: transparent transparent transparent #158bc5;
  z-index: 1;
}

.biz-use__step--01 {
  width: 23.5%;
  color: #000;
  background-color: #fff;
}

.biz-use__step--01:after {
  border-color: transparent transparent transparent #fff;
}

.biz-use__step--02 {
  padding-left: 1.953vw;
}

.biz-use__step--04:before, .biz-use__step--04:after {
  display: none;
}

.biz-use__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  z-index: 60;
}

.biz-use__unit {
  width: 48.58%;
  background-color: #fff;
  margin-top: 2.604vw;
}

.biz-use__txt {
  padding: 3.906vw;
}

.biz-use__notes {
  font-size: 2.864vw;
  margin-top: 2.604vw;
}

@media (min-width: 769px) {
  .biz-use {
    margin-top: 100px;
  }
  .biz-use__inner {
    padding-top: 50px;
    padding-bottom: 50px;
    margin: 0 auto;
  }
  .biz-use__ttl {
    font-size: 26px;
  }
  .biz-use__flow {
    margin: 30px 0 20px;
    z-index: 60;
  }
  .biz-use__step {
    width: 25%;
    height: 60px;
  }
  .biz-use__step:before, .biz-use__step:after {
    right: -20px;
    border-width: 70px 0 70px 40px;
  }
  .biz-use__step:after {
    right: -12px;
    border-width: 70px 0 70px 40px;
  }
  .biz-use__step--02 {
    padding-left: 0;
  }
  .biz-use__unit {
    width: 24.21%;
    margin-top: 0;
  }
  .biz-use__txt {
    padding: 15px 25px;
  }
  .biz-use__notes {
    font-size: 18px;
    margin-top: 10px;
  }
}
.biz-movie {
  position: relative;
  margin-top: 13.02vw;
  background-color: #f5fbfe;
}

.biz-movie__ring-bg {
  position: relative;
  width: 100%;
  margin-left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: -1;
}

.biz-movie__ring-bg:before {
  content: "";
  display: block;
  position: absolute;
  left: 2.604vw;
  top: -10.157vw;
  width: 20.312vw;
  height: 20.312vw;
  border: 7.004vw #b6def0 solid;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: -1;
}

.biz-movie__ring-wrap {
  display: none;
}

.biz-movie__block {
  width: 92.18%;
  margin: 0 auto;
  padding: 8.333vw 0;
  position: relative;
  z-index: 60;
}

@media (min-width: 769px) {
  .biz-movie {
    margin-top: 200px;
  }
  .biz-movie__ring-bg {
    width: 1024px;
  }
  .biz-movie__ring-bg:before {
    left: -113px;
    top: -171px;
    width: 209px;
    height: 209px;
    border: 72.06px #b6def0 solid;
    z-index: -1;
  }
  .biz-movie__ring-wrap {
    display: block;
  }
  .biz-movie__ring-wrap .ring-box {
    right: 0;
    top: -20px;
  }
  .biz-movie__block {
    width: 85.93%;
    margin: 0 auto;
    padding: 57px 0;
  }
  .biz-movie__media {
    width: 100%;
  }
}
.biz-faq {
  position: relative;
}

.biz-faq__ring-wrap .ring-box {
  right: -23.438vw;
  top: -19.532vw;
}

.biz-faq__inner {
  max-width: 1024px;
  width: 92.44%;
  margin: 13.02vw auto 11.718vw;
  position: relative;
}

.biz-faq__ttl {
  padding-bottom: 3.906vw;
}

.biz-faq__list {
  border-top: none;
  background-color: #fff;
  position: relative;
  z-index: 60;
}

.biz-faq__question {
  font-size: 3.385vw;
  color: #545454;
  border-top: solid 1px #dfe3e7;
  letter-spacing: 0;
}

.biz-faq__answer {
  font-size: 3.385vw;
  color: #545454;
  border-top: solid 1px #dfe3e7;
}

.biz-faq__btn {
  margin-top: 13.02vw;
  text-align: center;
}

.biz-faq__btn_attention {
  color: #ff0000;
  font-size: 12px;
  height: 30px;
  width: 90.88%;
  margin: 60px auto 0 auto;
  display: block;
  text-align: center;
}

@media (min-width: 769px) {
  .biz-faq__ring-wrap {
    position: relative;
  }
  .biz-faq__ring-wrap .ring-box {
    left: -500px;
    bottom: 100px;
  }
  .biz-faq__inner {
    max-width: 1024px;
    width: 92.44%;
    margin: 110px auto 90px;
  }
  .biz-faq__ttl {
    padding-bottom: 30px;
  }
  .biz-faq__question {
    font-size: 18px;
  }
  .biz-faq__answer {
    font-size: 18px;
  }
  .biz-faq__btn {
    margin-top: 100px;
  }
  .biz-faq__btn_attention {
    font-size: 14px;
    margin: 90px auto 0 auto;
  }
}
.biz-link {
  max-width: 1024px;
  width: 73.75%;
  margin: 11.718vw auto 15.625vw auto;
  position: relative;
}

@media (min-width: 769px) {
  .biz-link {
    margin: 90px auto 120px auto;
    position: relative;
  }
}
body .page-top a .icon {
  background-image: url(../img/common/icon_arrow_t.png);
}

#toolbar-bar {
  z-index: 5001;
  position: fixed;
  top: 0;
}

body.toolbar-vertical .ring-lines {
  top: -39px;
}

@media (min-width: 769px) {
  body.toolbar-fixed .ring-lines {
    top: -39px;
    left: 0;
  }
  body.toolbar-fixed.toolbar-tray-open .ring-lines {
    top: -79px;
    left: 0;
  }
  body.toolbar-fixed.toolbar-vertical .ring-lines {
    top: -39px;
    left: -149px;
  }
}
.block.information .contextual.open {
  position: relative;
}

#page-error #block-page-title {
  background-image: url("../etc/img/img_news_head.png") !important;
}

#page-error #block-monet-corp-content {
  max-width: 1024px;
  margin: 0 auto;
  padding: 0 17px;
  margin-top: 20px;
  padding-bottom: 60px;
}

#page-error #block-monet-corp-content .el-h2 {
  font-size: 2rem;
}

#page-error #block-monet-corp-content .el-text {
  font-size: 1.2rem;
  line-height: 2em;
  margin-top: 20px;
}

@media (min-width: 769px) {
  #page-error #block-monet-corp-content {
    max-width: 1024px;
    margin: 0 auto;
    padding: 0 17px;
    margin-top: 20px;
  }
  #page-error #block-monet-corp-content .el-h2 {
    font-size: 4rem;
    line-height: 1.6em;
  }
  #page-error #block-monet-corp-content .el-text {
    font-size: 1.6rem;
    line-height: 2em;
    margin-top: 20px;
  }
}
.textarea00 > h3 {
  margin-top: 3.906vw;
  font-size: 26px;
  line-height: 1.95;
  font-weight: bold;
}

.textarea00 > h4 {
  margin-top: 3.906vw;
  font-weight: bold;
  font-size: 3.906vw;
  line-height: 1.69;
}

.textarea00 > hr {
  margin-top: 5.208vw;
}

@media (min-width: 769px) {
  .textarea00 > h3 {
    margin-top: 20px;
    font-size: 26px;
    line-height: 1.95;
    font-weight: bold;
  }
  .textarea00 > h4 {
    margin-top: 25px;
    font-size: 22px;
    line-height: 2.3;
  }
  .textarea00 > hr {
    margin-top: 40px;
  }
}
.paragraph.text00 a:not(.link10--black) {
  color: #008ad3;
}

.paragraph--type--_4-text-box p {
  margin-top: 20px;
}

.paragraph + .paragraph {
  margin-top: 36px;
}

.card00__item:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}

.item-list:last-child .card00:not(.card00--pane) .card00__item:last-child {
  border-bottom: solid 1px #dfe3e7;
}

@media (min-width: 769px) {
  .views-infinite-scroll-content-wrapper > .item-list:not(:first-child) {
    margin-top: 40px;
  }
  .card00__item:last-child {
    border-bottom: solid 1px #dfe3e7;
  }
}
.lis10__item:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}

.item-list:last-child .lis10__item:last-child {
  border-bottom: solid 1px #dfe3e7;
}

@media (min-width: 769px) {
  #block-views-block-news-list-corp-block-news .views-infinite-scroll-content-wrapper > .item-list:not(:first-child) {
    margin-top: 0;
  }
  #block-views-block-news-list-corp-block-news .item-list:last-child .lis10__item:last-child {
    border-bottom: solid 1px #dfe3e7;
  }
}
form.webform-submission-form .contact-table__tr + #tel_table {
  margin-top: 20px;
}

form.webform-submission-form textarea:invalid, form.webform-submission-form input:invalid {
  background-color: #e5e8ec;
}

form.webform-submission-form label.contact-form__consent {
  position: relative;
}

form.webform-submission-form input.contact-form__checkbox {
  display: inline-block;
  position: absolute;
  left: 5px;
  bottom: 40px;
  opacity: 0;
}

.wp-block-embed-youtube.wp-embed-aspect-16-9 .wp-block-embed__wrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
}
.wp-block-embed-youtube.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.wp-block-embed-youtube.w90 {
  padding: 0 5%;
}
.wp-block-embed-youtube.w80 {
  padding: 0 10%;
}
.wp-block-embed-youtube.w70 {
  padding: 0 15%;
}
.wp-block-embed-youtube.w60 {
  padding: 0 20%;
}

.ez-toc-section {
  padding-top: 90px;
}

.title00--center ~ #block-monet-corp-content > .news-single-article.news-single-article--editable-block:first-child {
  margin-top: 0;
}
.title00--center ~ #block-monet-corp-content > .news-single-article.news-single-article--editable-block:first-child > *:first-child {
  margin-top: 0;
}

/* レスポンシブフォントサイズ */
.news-single-article.news-single-article--editable-block h2, .news-single-article.news-single-article--editable-block h3, .news-single-article.news-single-article--editable-block h4, .news-single-article.news-single-article--editable-block h5, .news-single-article.news-single-article--editable-block h6 {
  margin-top: 13.02vw;
  margin-bottom: 2.604vw;
}

.news-single-article--editable-block p {
  font-size: 3.385vw;
  line-height: 1.8;
  margin-top: 36px;
}

/* レスポンシブフォントサイズここまで */
/* 画像用 */
.news-single-article--editable-block img {
  margin-top: 36px;
}

.news-single-article--editable-block td img {
  margin-top: 10px;
  margin-bottom: 10px;
}

.news-single-article--editable-block figcaption {
  margin-top: 1.953vw;
  font-size: 3.125vw;
  line-height: 1.37;
  color: #545454;
}

/* 画像用ここまで */
/* 囲みテキスト用 */
.news-single-article--editable-block .g-back {
  background-color: #DFE3E7;
  border-radius: 3.255vw;
  margin-top: 36px;
  padding: 1.302vw 6.51vw 6.51vw;
  font-size: 3.385vw;
  line-height: 1.83;
}

.news-single-article--editable-block .g-line {
  margin-top: 5.208vw;
  border-top: 1px solid #ccc;
  border-bottom: none;
}

/* 囲みテキスト用ここまで */
/* テーブル用 */
.news-single-article--editable-block tr td:first-child {
  background-color: #d8d8d8;
}

.news-single-article--editable-block td {
  border: 1px solid #808080;
  vertical-align: top;
  counter-reset: #545454;
}

/* テーブル用ここまで */
@media screen and (min-width: 769px) {
  /* PC用フォントサイズ */
  .news-single-article.news-single-article--editable-block h2, .news-single-article.news-single-article--editable-block h3, .news-single-article.news-single-article--editable-block h4, .news-single-article.news-single-article--editable-block h5, .news-single-article.news-single-article--editable-block h6 {
    margin-top: 46px;
    margin-bottom: 10px;
    line-height: 1.95;
  }
  .news-single-article--editable-block p {
    font-size: 18px;
    line-height: 1.83;
    color: #545454;
  }
  /* PC用フォントサイズここまで */
  /* 囲みテキスト用 */
  .news-single-article--editable-block .g-back {
    padding: 15px 60px 50px;
    font-size: 18px;
    line-height: 1.83;
  }
  .news-single-article--editable-block .g-line {
    margin-top: 40px;
  }
  /* 囲みテキスト用ここまで */
  /* テーブル用 */
  .news-single-article--editable-block td {
    font-size: 16px;
    padding: 20px;
    display: table-cell;
  }
  /*  テーブル用ここまで */
  /* 画像用 */
  .news-single-article--editable-block figcaption {
    margin-top: 15px;
    font-size: 15px;
    line-height: 1.77;
  }
  /* 画像用ここまで */
}
@media screen and (max-width: 768px) {
  /* レスポンシブ用タイトル */
  .news-single-article.news-single-article--editable-block h2 {
    font-size: 4.116vw !important;
    line-height: 1.58;
  }
  .news-single-article.news-single-article--editable-block h3 {
    font-size: 3.906vw !important;
    line-height: 1.69;
  }
  .news-single-article.news-single-article--editable-block h4 {
    font-size: 3.707vw !important;
    line-height: 1.69;
  }
  .news-single-article.news-single-article--editable-block h5 {
    font-size: 3.518vw !important;
    line-height: 1.69;
  }
  .news-single-article.news-single-article--editable-block h6 {
    font-size: 3.338vw !important;
    line-height: 1.69;
  }
  /* レスポンシブ用タイトルここまで */
}

/*# sourceMappingURL=css_D186iESoHssNsXT1fhxlLYbfnr5kfcQ5vM7jVP_TF-4.css.map */