@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp");
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://use.typekit.net/oef8ukl.css);
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, 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;
  vertical-align: baseline;
  background: transparent; }

html, body {
  width: 100%;
  height: 100%; }

html {
  font-size: 62.5%; }

body {
  width: 100%;
  height: 100%;
  font-size: 1.5rem;
  line-height: 1.6;
  color: #333; }

@media print, screen and (min-width: 769px) {
  body {
    min-width: 1050px; } }
form {
  height: 100%; }

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

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

p {
  margin-bottom: 10px; }

@media only screen and (max-width: 768px) {
  p {
    margin-bottom: 1.3333333333vw; } }
p:last-child {
  margin-bottom: 0; }

a {
  text-decoration: none;
  color: #333;
  transition: all .3s; }
  a:visited {
    color: #333;
    transition: all .3s; }
  a:hover {
    text-decoration: none;
    color: #3AB8EF; }

ul, li {
  list-style: none; }

*, ::before, *::after {
  box-sizing: border-box;
  background-repeat: no-repeat; }

.fc--green {
  color: #08969b; }

.fc--red {
  color: #d20024; }

.fc--blue {
  color: #005eb8; }

.strong {
  font-size: 1.125em;
  font-weight: bold; }

.ftWN {
  font-weight: 300; }

.ftWM {
  font-weight: 500; }

.ftWB {
  font-weight: bold; }

.txC {
  text-align: center; }

.txR {
  text-align: right; }

.linkExternal {
  background: url("/media_library/images/icon_link_external.gif") no-repeat scroll 0 center transparent;
  padding: 3px 0 3px 13px;
  word-break: break-all;
  word-wrap: break-word !important;
  margin: 0 2px; }

.linkText {
  text-decoration: underline; }
  .linkText:hover {
    text-decoration: underline; }

.txIndent {
  padding-left: 1em;
  text-indent: -1em; }

@media print, screen and (min-width: 769px) {
  .pc {
    display: block !important; } }
@media only screen and (max-width: 768px) {
  .pc {
    display: none !important; } }
@media print, screen and (min-width: 769px) {
  .sp {
    display: none !important; } }
@media only screen and (max-width: 768px) {
  .sp {
    display: block !important; } }
.note {
  text-indent: calc((1em + 5px) * -1);
  padding-left: calc(1em + 5px);
  display: inline-block; }
  .note::before {
    content: "※";
    margin-right: 5px; }
  .note-small {
    font-size: 90%;
    line-height: 1.5; }

.note-numlist {
  counter-reset: listnum; }
  .note-numlist li {
    text-indent: calc((2em + 5px) * -1);
    padding-left: calc(2em + 5px);
    display: inline-block; }
    .note-numlist li::before {
      content: "※" counter(listnum) ".";
      counter-increment: listnum;
      margin-right: .5em; }

.hover-img:hover {
  opacity: .7;
  transition: opacity .4s; }

.bgcolor-blue {
  background: #EEF9FF; }

.bgcolor-gray {
  background: #F5F5F5; }

.flex-reverse {
  flex-direction: row-reverse; }

.clearfix {
  zoom: 1; }
  .clearfix::after {
    content: "";
    display: block;
    clear: both; }

.mt0 {
  margin-top: 0 !important; }

.mb0 {
  margin-bottom: 0 !important; }

.mr0 {
  margin-right: 0 !important; }

.ml0 {
  margin-left: 0 !important; }

.pt0 {
  padding-top: 0 !important; }

.pb0 {
  padding-bottom: 0 !important; }

.pr0 {
  padding-right: 0 !important; }

.pl0 {
  padding-left: 0 !important; }

.mt5 {
  margin-top: 5px !important; }
  @media only screen and (max-width: 768px) {
    .mt5 {
      margin-top: 0.6666666667vw !important; } }

.mb5 {
  margin-bottom: 5px !important; }
  @media only screen and (max-width: 768px) {
    .mb5 {
      margin-bottom: 0.6666666667vw !important; } }

.ml5 {
  margin-left: 5px !important; }
  @media only screen and (max-width: 768px) {
    .ml5 {
      margin-left: 0.6666666667vw !important; } }

.mr5 {
  margin-right: 5px !important; }
  @media only screen and (max-width: 768px) {
    .mr5 {
      margin-right: 0.6666666667vw !important; } }

.mt10 {
  margin-top: 10px !important; }
  @media only screen and (max-width: 768px) {
    .mt10 {
      margin-top: 1.3333333333vw !important; } }

.mb10 {
  margin-bottom: 10px !important; }
  @media only screen and (max-width: 768px) {
    .mb10 {
      margin-bottom: 1.3333333333vw !important; } }

.ml10 {
  margin-left: 10px !important; }
  @media only screen and (max-width: 768px) {
    .ml10 {
      margin-left: 1.3333333333vw !important; } }

.mr10 {
  margin-right: 10px !important; }
  @media only screen and (max-width: 768px) {
    .mr10 {
      margin-right: 1.3333333333vw !important; } }

.mt15 {
  margin-top: 15px !important; }
  @media only screen and (max-width: 768px) {
    .mt15 {
      margin-top: 2vw !important; } }

.mb15 {
  margin-bottom: 15px !important; }
  @media only screen and (max-width: 768px) {
    .mb15 {
      margin-bottom: 2vw !important; } }

.ml15 {
  margin-left: 15px !important; }
  @media only screen and (max-width: 768px) {
    .ml15 {
      margin-left: 2vw !important; } }

.mr15 {
  margin-right: 15px !important; }
  @media only screen and (max-width: 768px) {
    .mr15 {
      margin-right: 2vw !important; } }

.mt20 {
  margin-top: 20px !important; }
  @media only screen and (max-width: 768px) {
    .mt20 {
      margin-top: 2.6666666667vw !important; } }

.mb20 {
  margin-bottom: 20px !important; }
  @media only screen and (max-width: 768px) {
    .mb20 {
      margin-bottom: 2.6666666667vw !important; } }

.ml20 {
  margin-left: 20px !important; }
  @media only screen and (max-width: 768px) {
    .ml20 {
      margin-left: 2.6666666667vw !important; } }

.mr20 {
  margin-right: 20px !important; }
  @media only screen and (max-width: 768px) {
    .mr20 {
      margin-right: 2.6666666667vw !important; } }

.mt25 {
  margin-top: 25px !important; }
  @media only screen and (max-width: 768px) {
    .mt25 {
      margin-top: 3.3333333333vw !important; } }

.mb25 {
  margin-bottom: 25px !important; }
  @media only screen and (max-width: 768px) {
    .mb25 {
      margin-bottom: 3.3333333333vw !important; } }

.ml25 {
  margin-left: 25px !important; }
  @media only screen and (max-width: 768px) {
    .ml25 {
      margin-left: 3.3333333333vw !important; } }

.mr25 {
  margin-right: 25px !important; }
  @media only screen and (max-width: 768px) {
    .mr25 {
      margin-right: 3.3333333333vw !important; } }

.mt30 {
  margin-top: 30px !important; }
  @media only screen and (max-width: 768px) {
    .mt30 {
      margin-top: 4vw !important; } }

.mb30 {
  margin-bottom: 30px !important; }
  @media only screen and (max-width: 768px) {
    .mb30 {
      margin-bottom: 4vw !important; } }

.ml30 {
  margin-left: 30px !important; }
  @media only screen and (max-width: 768px) {
    .ml30 {
      margin-left: 4vw !important; } }

.mr30 {
  margin-right: 30px !important; }
  @media only screen and (max-width: 768px) {
    .mr30 {
      margin-right: 4vw !important; } }

.mt35 {
  margin-top: 35px !important; }
  @media only screen and (max-width: 768px) {
    .mt35 {
      margin-top: 4.6666666667vw !important; } }

.mb35 {
  margin-bottom: 35px !important; }
  @media only screen and (max-width: 768px) {
    .mb35 {
      margin-bottom: 4.6666666667vw !important; } }

.ml35 {
  margin-left: 35px !important; }
  @media only screen and (max-width: 768px) {
    .ml35 {
      margin-left: 4.6666666667vw !important; } }

.mr35 {
  margin-right: 35px !important; }
  @media only screen and (max-width: 768px) {
    .mr35 {
      margin-right: 4.6666666667vw !important; } }

.mt40 {
  margin-top: 40px !important; }
  @media only screen and (max-width: 768px) {
    .mt40 {
      margin-top: 5.3333333333vw !important; } }

.mb40 {
  margin-bottom: 40px !important; }
  @media only screen and (max-width: 768px) {
    .mb40 {
      margin-bottom: 5.3333333333vw !important; } }

.ml40 {
  margin-left: 40px !important; }
  @media only screen and (max-width: 768px) {
    .ml40 {
      margin-left: 5.3333333333vw !important; } }

.mr40 {
  margin-right: 40px !important; }
  @media only screen and (max-width: 768px) {
    .mr40 {
      margin-right: 5.3333333333vw !important; } }

.mt45 {
  margin-top: 45px !important; }
  @media only screen and (max-width: 768px) {
    .mt45 {
      margin-top: 6vw !important; } }

.mb45 {
  margin-bottom: 45px !important; }
  @media only screen and (max-width: 768px) {
    .mb45 {
      margin-bottom: 6vw !important; } }

.ml45 {
  margin-left: 45px !important; }
  @media only screen and (max-width: 768px) {
    .ml45 {
      margin-left: 6vw !important; } }

.mr45 {
  margin-right: 45px !important; }
  @media only screen and (max-width: 768px) {
    .mr45 {
      margin-right: 6vw !important; } }

.mt50 {
  margin-top: 50px !important; }
  @media only screen and (max-width: 768px) {
    .mt50 {
      margin-top: 6.6666666667vw !important; } }

.mb50 {
  margin-bottom: 50px !important; }
  @media only screen and (max-width: 768px) {
    .mb50 {
      margin-bottom: 6.6666666667vw !important; } }

.ml50 {
  margin-left: 50px !important; }
  @media only screen and (max-width: 768px) {
    .ml50 {
      margin-left: 6.6666666667vw !important; } }

.mr50 {
  margin-right: 50px !important; }
  @media only screen and (max-width: 768px) {
    .mr50 {
      margin-right: 6.6666666667vw !important; } }

.mt55 {
  margin-top: 55px !important; }
  @media only screen and (max-width: 768px) {
    .mt55 {
      margin-top: 7.3333333333vw !important; } }

.mb55 {
  margin-bottom: 55px !important; }
  @media only screen and (max-width: 768px) {
    .mb55 {
      margin-bottom: 7.3333333333vw !important; } }

.ml55 {
  margin-left: 55px !important; }
  @media only screen and (max-width: 768px) {
    .ml55 {
      margin-left: 7.3333333333vw !important; } }

.mr55 {
  margin-right: 55px !important; }
  @media only screen and (max-width: 768px) {
    .mr55 {
      margin-right: 7.3333333333vw !important; } }

.mt60 {
  margin-top: 60px !important; }
  @media only screen and (max-width: 768px) {
    .mt60 {
      margin-top: 8vw !important; } }

.mb60 {
  margin-bottom: 60px !important; }
  @media only screen and (max-width: 768px) {
    .mb60 {
      margin-bottom: 8vw !important; } }

.ml60 {
  margin-left: 60px !important; }
  @media only screen and (max-width: 768px) {
    .ml60 {
      margin-left: 8vw !important; } }

.mr60 {
  margin-right: 60px !important; }
  @media only screen and (max-width: 768px) {
    .mr60 {
      margin-right: 8vw !important; } }

.mt65 {
  margin-top: 65px !important; }
  @media only screen and (max-width: 768px) {
    .mt65 {
      margin-top: 8.6666666667vw !important; } }

.mb65 {
  margin-bottom: 65px !important; }
  @media only screen and (max-width: 768px) {
    .mb65 {
      margin-bottom: 8.6666666667vw !important; } }

.ml65 {
  margin-left: 65px !important; }
  @media only screen and (max-width: 768px) {
    .ml65 {
      margin-left: 8.6666666667vw !important; } }

.mr65 {
  margin-right: 65px !important; }
  @media only screen and (max-width: 768px) {
    .mr65 {
      margin-right: 8.6666666667vw !important; } }

.mt70 {
  margin-top: 70px !important; }
  @media only screen and (max-width: 768px) {
    .mt70 {
      margin-top: 9.3333333333vw !important; } }

.mb70 {
  margin-bottom: 70px !important; }
  @media only screen and (max-width: 768px) {
    .mb70 {
      margin-bottom: 9.3333333333vw !important; } }

.ml70 {
  margin-left: 70px !important; }
  @media only screen and (max-width: 768px) {
    .ml70 {
      margin-left: 9.3333333333vw !important; } }

.mr70 {
  margin-right: 70px !important; }
  @media only screen and (max-width: 768px) {
    .mr70 {
      margin-right: 9.3333333333vw !important; } }

.mt75 {
  margin-top: 75px !important; }
  @media only screen and (max-width: 768px) {
    .mt75 {
      margin-top: 10vw !important; } }

.mb75 {
  margin-bottom: 75px !important; }
  @media only screen and (max-width: 768px) {
    .mb75 {
      margin-bottom: 10vw !important; } }

.ml75 {
  margin-left: 75px !important; }
  @media only screen and (max-width: 768px) {
    .ml75 {
      margin-left: 10vw !important; } }

.mr75 {
  margin-right: 75px !important; }
  @media only screen and (max-width: 768px) {
    .mr75 {
      margin-right: 10vw !important; } }

.mt80 {
  margin-top: 80px !important; }
  @media only screen and (max-width: 768px) {
    .mt80 {
      margin-top: 10.6666666667vw !important; } }

.mb80 {
  margin-bottom: 80px !important; }
  @media only screen and (max-width: 768px) {
    .mb80 {
      margin-bottom: 10.6666666667vw !important; } }

.ml80 {
  margin-left: 80px !important; }
  @media only screen and (max-width: 768px) {
    .ml80 {
      margin-left: 10.6666666667vw !important; } }

.mr80 {
  margin-right: 80px !important; }
  @media only screen and (max-width: 768px) {
    .mr80 {
      margin-right: 10.6666666667vw !important; } }

.mt85 {
  margin-top: 85px !important; }
  @media only screen and (max-width: 768px) {
    .mt85 {
      margin-top: 11.3333333333vw !important; } }

.mb85 {
  margin-bottom: 85px !important; }
  @media only screen and (max-width: 768px) {
    .mb85 {
      margin-bottom: 11.3333333333vw !important; } }

.ml85 {
  margin-left: 85px !important; }
  @media only screen and (max-width: 768px) {
    .ml85 {
      margin-left: 11.3333333333vw !important; } }

.mr85 {
  margin-right: 85px !important; }
  @media only screen and (max-width: 768px) {
    .mr85 {
      margin-right: 11.3333333333vw !important; } }

.mt90 {
  margin-top: 90px !important; }
  @media only screen and (max-width: 768px) {
    .mt90 {
      margin-top: 12vw !important; } }

.mb90 {
  margin-bottom: 90px !important; }
  @media only screen and (max-width: 768px) {
    .mb90 {
      margin-bottom: 12vw !important; } }

.ml90 {
  margin-left: 90px !important; }
  @media only screen and (max-width: 768px) {
    .ml90 {
      margin-left: 12vw !important; } }

.mr90 {
  margin-right: 90px !important; }
  @media only screen and (max-width: 768px) {
    .mr90 {
      margin-right: 12vw !important; } }

.mt95 {
  margin-top: 95px !important; }
  @media only screen and (max-width: 768px) {
    .mt95 {
      margin-top: 12.6666666667vw !important; } }

.mb95 {
  margin-bottom: 95px !important; }
  @media only screen and (max-width: 768px) {
    .mb95 {
      margin-bottom: 12.6666666667vw !important; } }

.ml95 {
  margin-left: 95px !important; }
  @media only screen and (max-width: 768px) {
    .ml95 {
      margin-left: 12.6666666667vw !important; } }

.mr95 {
  margin-right: 95px !important; }
  @media only screen and (max-width: 768px) {
    .mr95 {
      margin-right: 12.6666666667vw !important; } }

.mt100 {
  margin-top: 100px !important; }
  @media only screen and (max-width: 768px) {
    .mt100 {
      margin-top: 13.3333333333vw !important; } }

.mb100 {
  margin-bottom: 100px !important; }
  @media only screen and (max-width: 768px) {
    .mb100 {
      margin-bottom: 13.3333333333vw !important; } }

.ml100 {
  margin-left: 100px !important; }
  @media only screen and (max-width: 768px) {
    .ml100 {
      margin-left: 13.3333333333vw !important; } }

.mr100 {
  margin-right: 100px !important; }
  @media only screen and (max-width: 768px) {
    .mr100 {
      margin-right: 13.3333333333vw !important; } }

.pt0 {
  padding-top: 0 !important; }

.pb0 {
  padding-bottom: 0 !important; }

.pt5 {
  padding-top: 5px !important; }
  @media only screen and (max-width: 768px) {
    .pt5 {
      padding-top: 0.6666666667vw !important; } }

.pb5 {
  padding-bottom: 5px !important; }
  @media only screen and (max-width: 768px) {
    .pb5 {
      padding-bottom: 0.6666666667vw !important; } }

.pl5 {
  padding-left: 5px !important; }
  @media only screen and (max-width: 768px) {
    .pl5 {
      padding-left: 0.6666666667vw !important; } }

.pr5 {
  padding-right: 5px !important; }
  @media only screen and (max-width: 768px) {
    .pr5 {
      padding-right: 0.6666666667vw !important; } }

.pt10 {
  padding-top: 10px !important; }
  @media only screen and (max-width: 768px) {
    .pt10 {
      padding-top: 1.3333333333vw !important; } }

.pb10 {
  padding-bottom: 10px !important; }
  @media only screen and (max-width: 768px) {
    .pb10 {
      padding-bottom: 1.3333333333vw !important; } }

.pl10 {
  padding-left: 10px !important; }
  @media only screen and (max-width: 768px) {
    .pl10 {
      padding-left: 1.3333333333vw !important; } }

.pr10 {
  padding-right: 10px !important; }
  @media only screen and (max-width: 768px) {
    .pr10 {
      padding-right: 1.3333333333vw !important; } }

.pt15 {
  padding-top: 15px !important; }
  @media only screen and (max-width: 768px) {
    .pt15 {
      padding-top: 2vw !important; } }

.pb15 {
  padding-bottom: 15px !important; }
  @media only screen and (max-width: 768px) {
    .pb15 {
      padding-bottom: 2vw !important; } }

.pl15 {
  padding-left: 15px !important; }
  @media only screen and (max-width: 768px) {
    .pl15 {
      padding-left: 2vw !important; } }

.pr15 {
  padding-right: 15px !important; }
  @media only screen and (max-width: 768px) {
    .pr15 {
      padding-right: 2vw !important; } }

.pt20 {
  padding-top: 20px !important; }
  @media only screen and (max-width: 768px) {
    .pt20 {
      padding-top: 2.6666666667vw !important; } }

.pb20 {
  padding-bottom: 20px !important; }
  @media only screen and (max-width: 768px) {
    .pb20 {
      padding-bottom: 2.6666666667vw !important; } }

.pl20 {
  padding-left: 20px !important; }
  @media only screen and (max-width: 768px) {
    .pl20 {
      padding-left: 2.6666666667vw !important; } }

.pr20 {
  padding-right: 20px !important; }
  @media only screen and (max-width: 768px) {
    .pr20 {
      padding-right: 2.6666666667vw !important; } }

.pt25 {
  padding-top: 25px !important; }
  @media only screen and (max-width: 768px) {
    .pt25 {
      padding-top: 3.3333333333vw !important; } }

.pb25 {
  padding-bottom: 25px !important; }
  @media only screen and (max-width: 768px) {
    .pb25 {
      padding-bottom: 3.3333333333vw !important; } }

.pl25 {
  padding-left: 25px !important; }
  @media only screen and (max-width: 768px) {
    .pl25 {
      padding-left: 3.3333333333vw !important; } }

.pr25 {
  padding-right: 25px !important; }
  @media only screen and (max-width: 768px) {
    .pr25 {
      padding-right: 3.3333333333vw !important; } }

.pt30 {
  padding-top: 30px !important; }
  @media only screen and (max-width: 768px) {
    .pt30 {
      padding-top: 4vw !important; } }

.pb30 {
  padding-bottom: 30px !important; }
  @media only screen and (max-width: 768px) {
    .pb30 {
      padding-bottom: 4vw !important; } }

.pl30 {
  padding-left: 30px !important; }
  @media only screen and (max-width: 768px) {
    .pl30 {
      padding-left: 4vw !important; } }

.pr30 {
  padding-right: 30px !important; }
  @media only screen and (max-width: 768px) {
    .pr30 {
      padding-right: 4vw !important; } }

.pt35 {
  padding-top: 35px !important; }
  @media only screen and (max-width: 768px) {
    .pt35 {
      padding-top: 4.6666666667vw !important; } }

.pb35 {
  padding-bottom: 35px !important; }
  @media only screen and (max-width: 768px) {
    .pb35 {
      padding-bottom: 4.6666666667vw !important; } }

.pl35 {
  padding-left: 35px !important; }
  @media only screen and (max-width: 768px) {
    .pl35 {
      padding-left: 4.6666666667vw !important; } }

.pr35 {
  padding-right: 35px !important; }
  @media only screen and (max-width: 768px) {
    .pr35 {
      padding-right: 4.6666666667vw !important; } }

.pt40 {
  padding-top: 40px !important; }
  @media only screen and (max-width: 768px) {
    .pt40 {
      padding-top: 5.3333333333vw !important; } }

.pb40 {
  padding-bottom: 40px !important; }
  @media only screen and (max-width: 768px) {
    .pb40 {
      padding-bottom: 5.3333333333vw !important; } }

.pl40 {
  padding-left: 40px !important; }
  @media only screen and (max-width: 768px) {
    .pl40 {
      padding-left: 5.3333333333vw !important; } }

.pr40 {
  padding-right: 40px !important; }
  @media only screen and (max-width: 768px) {
    .pr40 {
      padding-right: 5.3333333333vw !important; } }

.pt45 {
  padding-top: 45px !important; }
  @media only screen and (max-width: 768px) {
    .pt45 {
      padding-top: 6vw !important; } }

.pb45 {
  padding-bottom: 45px !important; }
  @media only screen and (max-width: 768px) {
    .pb45 {
      padding-bottom: 6vw !important; } }

.pl45 {
  padding-left: 45px !important; }
  @media only screen and (max-width: 768px) {
    .pl45 {
      padding-left: 6vw !important; } }

.pr45 {
  padding-right: 45px !important; }
  @media only screen and (max-width: 768px) {
    .pr45 {
      padding-right: 6vw !important; } }

.pt50 {
  padding-top: 50px !important; }
  @media only screen and (max-width: 768px) {
    .pt50 {
      padding-top: 6.6666666667vw !important; } }

.pb50 {
  padding-bottom: 50px !important; }
  @media only screen and (max-width: 768px) {
    .pb50 {
      padding-bottom: 6.6666666667vw !important; } }

.pl50 {
  padding-left: 50px !important; }
  @media only screen and (max-width: 768px) {
    .pl50 {
      padding-left: 6.6666666667vw !important; } }

.pr50 {
  padding-right: 50px !important; }
  @media only screen and (max-width: 768px) {
    .pr50 {
      padding-right: 6.6666666667vw !important; } }

.pt55 {
  padding-top: 55px !important; }
  @media only screen and (max-width: 768px) {
    .pt55 {
      padding-top: 7.3333333333vw !important; } }

.pb55 {
  padding-bottom: 55px !important; }
  @media only screen and (max-width: 768px) {
    .pb55 {
      padding-bottom: 7.3333333333vw !important; } }

.pl55 {
  padding-left: 55px !important; }
  @media only screen and (max-width: 768px) {
    .pl55 {
      padding-left: 7.3333333333vw !important; } }

.pr55 {
  padding-right: 55px !important; }
  @media only screen and (max-width: 768px) {
    .pr55 {
      padding-right: 7.3333333333vw !important; } }

.pt60 {
  padding-top: 60px !important; }
  @media only screen and (max-width: 768px) {
    .pt60 {
      padding-top: 8vw !important; } }

.pb60 {
  padding-bottom: 60px !important; }
  @media only screen and (max-width: 768px) {
    .pb60 {
      padding-bottom: 8vw !important; } }

.pl60 {
  padding-left: 60px !important; }
  @media only screen and (max-width: 768px) {
    .pl60 {
      padding-left: 8vw !important; } }

.pr60 {
  padding-right: 60px !important; }
  @media only screen and (max-width: 768px) {
    .pr60 {
      padding-right: 8vw !important; } }

.pt65 {
  padding-top: 65px !important; }
  @media only screen and (max-width: 768px) {
    .pt65 {
      padding-top: 8.6666666667vw !important; } }

.pb65 {
  padding-bottom: 65px !important; }
  @media only screen and (max-width: 768px) {
    .pb65 {
      padding-bottom: 8.6666666667vw !important; } }

.pl65 {
  padding-left: 65px !important; }
  @media only screen and (max-width: 768px) {
    .pl65 {
      padding-left: 8.6666666667vw !important; } }

.pr65 {
  padding-right: 65px !important; }
  @media only screen and (max-width: 768px) {
    .pr65 {
      padding-right: 8.6666666667vw !important; } }

.pt70 {
  padding-top: 70px !important; }
  @media only screen and (max-width: 768px) {
    .pt70 {
      padding-top: 9.3333333333vw !important; } }

.pb70 {
  padding-bottom: 70px !important; }
  @media only screen and (max-width: 768px) {
    .pb70 {
      padding-bottom: 9.3333333333vw !important; } }

.pl70 {
  padding-left: 70px !important; }
  @media only screen and (max-width: 768px) {
    .pl70 {
      padding-left: 9.3333333333vw !important; } }

.pr70 {
  padding-right: 70px !important; }
  @media only screen and (max-width: 768px) {
    .pr70 {
      padding-right: 9.3333333333vw !important; } }

.pt75 {
  padding-top: 75px !important; }
  @media only screen and (max-width: 768px) {
    .pt75 {
      padding-top: 10vw !important; } }

.pb75 {
  padding-bottom: 75px !important; }
  @media only screen and (max-width: 768px) {
    .pb75 {
      padding-bottom: 10vw !important; } }

.pl75 {
  padding-left: 75px !important; }
  @media only screen and (max-width: 768px) {
    .pl75 {
      padding-left: 10vw !important; } }

.pr75 {
  padding-right: 75px !important; }
  @media only screen and (max-width: 768px) {
    .pr75 {
      padding-right: 10vw !important; } }

.pt80 {
  padding-top: 80px !important; }
  @media only screen and (max-width: 768px) {
    .pt80 {
      padding-top: 10.6666666667vw !important; } }

.pb80 {
  padding-bottom: 80px !important; }
  @media only screen and (max-width: 768px) {
    .pb80 {
      padding-bottom: 10.6666666667vw !important; } }

.pl80 {
  padding-left: 80px !important; }
  @media only screen and (max-width: 768px) {
    .pl80 {
      padding-left: 10.6666666667vw !important; } }

.pr80 {
  padding-right: 80px !important; }
  @media only screen and (max-width: 768px) {
    .pr80 {
      padding-right: 10.6666666667vw !important; } }

.pt85 {
  padding-top: 85px !important; }
  @media only screen and (max-width: 768px) {
    .pt85 {
      padding-top: 11.3333333333vw !important; } }

.pb85 {
  padding-bottom: 85px !important; }
  @media only screen and (max-width: 768px) {
    .pb85 {
      padding-bottom: 11.3333333333vw !important; } }

.pl85 {
  padding-left: 85px !important; }
  @media only screen and (max-width: 768px) {
    .pl85 {
      padding-left: 11.3333333333vw !important; } }

.pr85 {
  padding-right: 85px !important; }
  @media only screen and (max-width: 768px) {
    .pr85 {
      padding-right: 11.3333333333vw !important; } }

.pt90 {
  padding-top: 90px !important; }
  @media only screen and (max-width: 768px) {
    .pt90 {
      padding-top: 12vw !important; } }

.pb90 {
  padding-bottom: 90px !important; }
  @media only screen and (max-width: 768px) {
    .pb90 {
      padding-bottom: 12vw !important; } }

.pl90 {
  padding-left: 90px !important; }
  @media only screen and (max-width: 768px) {
    .pl90 {
      padding-left: 12vw !important; } }

.pr90 {
  padding-right: 90px !important; }
  @media only screen and (max-width: 768px) {
    .pr90 {
      padding-right: 12vw !important; } }

.pt95 {
  padding-top: 95px !important; }
  @media only screen and (max-width: 768px) {
    .pt95 {
      padding-top: 12.6666666667vw !important; } }

.pb95 {
  padding-bottom: 95px !important; }
  @media only screen and (max-width: 768px) {
    .pb95 {
      padding-bottom: 12.6666666667vw !important; } }

.pl95 {
  padding-left: 95px !important; }
  @media only screen and (max-width: 768px) {
    .pl95 {
      padding-left: 12.6666666667vw !important; } }

.pr95 {
  padding-right: 95px !important; }
  @media only screen and (max-width: 768px) {
    .pr95 {
      padding-right: 12.6666666667vw !important; } }

.pt100 {
  padding-top: 100px !important; }
  @media only screen and (max-width: 768px) {
    .pt100 {
      padding-top: 13.3333333333vw !important; } }

.pb100 {
  padding-bottom: 100px !important; }
  @media only screen and (max-width: 768px) {
    .pb100 {
      padding-bottom: 13.3333333333vw !important; } }

.pl100 {
  padding-left: 100px !important; }
  @media only screen and (max-width: 768px) {
    .pl100 {
      padding-left: 13.3333333333vw !important; } }

.pr100 {
  padding-right: 100px !important; }
  @media only screen and (max-width: 768px) {
    .pr100 {
      padding-right: 13.3333333333vw !important; } }

a.linkPDF {
  padding: 3px 0 3px 19px;
  background: url(/media_library/common/images/icon_link_pdf.gif) 0 center no-repeat;
  margin: 0 2px; }

ol.decimal {
  margin-left: 1.5em; }

ol.decimal li {
  list-style-type: decimal;
  margin-bottom: 10px; }

ul.disc {
  margin-left: 1em; }

ul.disc li {
  list-style-type: disc;
  margin-bottom: 10px; }

.ao {
  text-align: left; }

.ao #wrap {
  width: auto; }

.ao #globalHeader {
  width: 100%;
  height: auto; }

.ao #globalHeader #siteTagline {
  font-size: 12px;
  line-height: 1.5; }

.ao #siteHeader {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px; }
  @media only screen and (max-width: 768px) {
    .ao #siteHeader {
      display: none; } }

.ao #siteName {
  position: relative;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-basis: 45%;
  top: 0; }

.ao #globalHeader #headerConversion {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-basis: 55%; }

.ao #globalHeader #headerConversion > .btn > a > span {
  position: relative;
  display: inline-block;
  padding-left: 31px;
  background-repeat: no-repeat; }

.ao #globalHeader #headerConversion > .btn > a:hover > span {
  text-decoration: underline; }

.ao #globalHeader #headerConversion > .btn > a > span::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color: #EF9E35;
  width: 25px;
  height: 25px;
  border-radius: 13px; }

.ao #globalHeader #headerConversion > .btn > a > span.headerDl::before {
  background-image: url(/media_library/ao/images/dl_icon.svg);
  background-size: 15px 12px;
  background-position: 5px 5px; }

.ao #globalHeader #headerConversion > .btn > a > span.headerinfo::before {
  background-image: url(/media_library/ao/images/info_icon.svg);
  background-size: 3px 13px;
  background-position: 11px 6px; }

.ao #globalHeader #headerConversion > .btn > a > span.headerContact::before {
  background-image: url(/media_library/ao/images/mail_icon.svg);
  background-size: 13px 9px;
  background-position: 6px 8px; }

.ao #globalNavi {
  position: relative;
  background-color: #0073b4;
  margin: 0 auto;
  width: 100%;
  min-width: 950px; }
  .ao #globalNavi ul {
    margin: 0 auto;
    list-style: none;
    width: 950px;
    height: 45px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .ao #globalNavi ul li {
      height: 100%;
      flex: 1 1 auto; }
      .ao #globalNavi ul li.current {
        background-color: #0095d9; }
      .ao #globalNavi ul li a {
        display: block;
        height: 100%;
        text-align: center;
        color: #F1F1F1;
        line-height: 45px;
        font-weight: 900;
        font-size: 13px; }
        .ao #globalNavi ul li a:visited {
          color: #F1F1F1; }
        .ao #globalNavi ul li a:hover {
          background-color: #0095d9;
          color: #F1F1F1; }

.ao ul#topicPath {
  margin: 0px auto 3px;
  padding: 12px 0 10px 0;
  line-height: 1;
  height: 12px;
  width: 950px;
  box-sizing: content-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis; }
  .ao ul#topicPath li {
    display: inline;
    font-size: 75%;
    color: #555;
    padding-right: 20px;
    background: url(/media_library/common/images/bg_breadcrum.gif) top right no-repeat;
    line-height: 1; }
    .ao ul#topicPath li:last-child {
      padding-right: 0;
      background: none; }
      .ao ul#topicPath li:last-child a {
        font-weight: bold; }

@media only screen and (max-width: 768px) {
  .ao #mainInner {
    padding: 0 !important; } }

.ao #footer {
  background: none;
  color: #333;
  border: none; }

.ao #contents {
  font-size: 16px;
  font-family: "Noto Sans JP", "メイリオ", Meiryo, "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  font-weight: 300;
  line-height: 1.8;
  width: 100%;
  margin-top: 0; }
  @media only screen and (max-width: 768px) {
    .ao #contents {
      font-size: 3.7333333333vw; } }

@media only screen and (max-width: 768px) {
  .ao #contents {
    min-width: 0; } }
.ao {
  width: 100%;
  padding: 0;
  margin: 0; }
  .ao #pageTitle {
    border-top: 3px solid #3d98cc;
    border-bottom: 1px solid #ccc;
    position: relative;
    padding: 10px 15px;
    width: 950px;
    margin: auto; }
    @media only screen and (max-width: 768px) {
      .ao #pageTitle {
        width: 100%; } }
    .ao #pageTitle h1 {
      color: #333; }
      .ao #pageTitle h1::before {
        content: none; }
    .ao #pageTitle p {
      margin: 0; }
  .ao h1 {
    font-size: 24px;
    color: #fff;
    letter-spacing: 0.13em;
    position: relative; }
    @media only screen and (max-width: 768px) {
      .ao h1 {
        font-size: 4.5333333333vw; } }
    .ao h1::before {
      content: '';
      background: #fff;
      position: absolute;
      width: 1.5em;
      height: 1px;
      top: calc((1em * 1.6) + 16px);
      left: 0; }
    .ao h1 span {
      display: block;
      padding-top: 26px;
      font-size: 18px;
      font-weight: normal;
      font-family: "Noto Serif JP","YuMincho", "Hiragino Mincho ProN", "MS PMincho", "sans-serif";
      letter-spacing: 0; }
      @media only screen and (max-width: 768px) {
        .ao h1 span {
          font-size: 3.7333333333vw; } }
  .ao h2 {
    font-size: 24px;
    border-bottom: 1px solid #1D8FCE;
    margin: 0 0 35px; }
    @media only screen and (max-width: 768px) {
      .ao h2 {
        font-size: 4.5333333333vw; } }
    @media only screen and (max-width: 768px) {
      .ao h2 {
        margin: 0vw 0vw 4.6666666667vw 0vw; } }
    .ao h2.border--none {
      border: none;
      margin: 0 0 15px; }
      @media only screen and (max-width: 768px) {
        .ao h2.border--none {
          margin: 0vw 0vw 2vw 0vw; } }
  .ao h3 {
    font-size: 22px;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 0; }
    @media only screen and (max-width: 768px) {
      .ao h3 {
        font-size: 4.2666666667vw; } }
    @media only screen and (max-width: 768px) {
      .ao h3 {
        margin: 0vw 0vw 1.3333333333vw 0vw; } }
  .ao h4 {
    font-size: 18px;
    border-left: 7px solid #1D8FCE;
    padding: 0 0 0 1em;
    margin: 0 0 20px; }
    @media only screen and (max-width: 768px) {
      .ao h4 {
        font-size: 3.7333333333vw; } }
    @media only screen and (max-width: 768px) {
      .ao h4 {
        margin: 0vw 0vw 2.6666666667vw 0vw; } }
  .ao h5 {
    font-size: 18px;
    margin: 0 0 20px;
    color: #1D8FCE; }
    @media only screen and (max-width: 768px) {
      .ao h5 {
        font-size: 3.7333333333vw; } }
    @media only screen and (max-width: 768px) {
      .ao h5 {
        margin: 0vw 0vw 2.6666666667vw 0vw; } }
  .ao h6 {
    font-size: 24px;
    font-weight: bold;
    position: relative;
    margin: 0 0 50px;
    padding: 60px 0 0;
    text-align: center;
    border-top: 1px solid #dfdfdf; }
    @media only screen and (max-width: 768px) {
      .ao h6 {
        font-size: 4.5333333333vw; } }
    @media only screen and (max-width: 768px) {
      .ao h6 {
        margin: 0vw 0vw 6.6666666667vw 0vw; } }
    @media only screen and (max-width: 768px) {
      .ao h6 {
        padding: 8vw 0vw 0vw 0vw; } }
    .ao h6::after {
      content: '';
      position: absolute;
      bottom: -15px;
      display: block;
      width: 3em;
      height: 2px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      background-color: #1D8FCE; }
  .ao table {
    padding: 0;
    border-collapse: collapse;
    border: 1px solid #E5E5E5;
    width: 100%; }
    .ao table th {
      border: 1px solid #E5E5E5;
      padding: 5px 10px 5px 20px;
      font-weight: bold;
      vertical-align: middle; }
    .ao table td {
      border: 1px solid #E5E5E5;
      padding: 5px 10px 5px 20px; }

.ao .movie {
  width: auto;
  margin: 0 auto; }

@media only screen and (max-width: 768px) {
  .ao .movie {
    width: 100%; } }
.ao .movie-box {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; }

.ao .movie-box iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important; }

.ao__btn {
  background: #1D8FCE;
  color: #fff;
  display: inline-block;
  position: relative;
  border-radius: 5px;
  padding: 15px;
  margin: auto;
  text-align: center; }
  @media only screen and (max-width: 768px) {
    .ao__btn {
      padding: 2vw 2vw 2vw 0.6666666667vw; } }
  .ao__btn:visited {
    color: #fff; }
  .ao__btn:hover {
    color: #fff;
    opacity: .7;
    transition: opacity .4s; }
  .ao__btn.arrow {
    padding: 15px 40px 15px 15px; }
    @media only screen and (max-width: 768px) {
      .ao__btn.arrow {
        padding: 2vw 5.3333333333vw 2vw 2vw; } }
    .ao__btn.arrow::after {
      content: '';
      position: absolute;
      background: url("/media_library/ao/images/icon_arrow_white.svg") no-repeat;
      background-size: contain;
      width: 7px;
      height: 11px;
      top: calc(50% - 5.5px);
      display: block;
      right: 15px; }
      @media only screen and (max-width: 768px) {
        .ao__btn.arrow::after {
          right: 8px; } }
  .ao__btn--bg-white {
    background: #fff;
    color: #1D8FCE;
    border: 1px solid #1D8FCE; }
    .ao__btn--bg-white::after {
      content: '';
      position: absolute;
      background: url("/media_library/ao/images/icon_arrow.svg") no-repeat;
      background-size: contain;
      width: 7px;
      height: 11px;
      top: calc(50% - 5.5px);
      display: block;
      right: 15px; }
    .ao__btn--bg-white:visited, .ao__btn--bg-white:hover {
      color: #1D8FCE; }
    .ao__btn--bg-white-orange {
      background: #fff;
      color: #EF9E35;
      border: 1px solid #EF9E35; }
      .ao__btn--bg-white-orange::after {
        content: '';
        position: absolute;
        background: url("/media_library/ao/images/icon_arrow_orange.svg") no-repeat;
        background-size: contain;
        width: 7px;
        height: 11px;
        top: calc(50% - 5.5px);
        display: block;
        right: 15px; }
      .ao__btn--bg-white-orange:visited {
        color: #EF9E35; }
      .ao__btn--bg-white-orange:hover {
        color: #EF9E35; }
  .ao__btn--bg-orange {
    background: #EF9E35;
    border: none;
    display: block;
    margin: auto;
    text-align: center; }
    .ao__btn--bg-orange::after {
      content: '';
      position: absolute;
      background: url("/media_library/ao/images/icon_arrow_white.svg") no-repeat;
      background-size: contain;
      width: 7px;
      height: 11px;
      top: calc(50% - 5.5px);
      display: block;
      right: 15px; }
  .ao__btn[href=""] {
    background: #ccc;
    pointer-events: none; }
.ao .comma {
  font-size: 50px; }
  @media only screen and (max-width: 768px) {
    .ao .comma {
      font-size: 8vw; } }

.mv {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  height: 300px;
  max-height: 300px;
  width: 100%;
  position: relative; }
  @media only screen and (max-width: 768px) {
    .mv {
      height: 60vw; } }
  .mv::before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 50;
    background-size: cover;
    background-position: right center;
    height: 100%;
    width: 50%;
    background-image: url("/media_library/ao/images/mv_bg.png"); }
    @media only screen and (max-width: 768px) {
      .mv::before {
        width: 80%; } }
  .mv__inner {
    width: 950px;
    height: 100%;
    margin: 0 auto;
    display: block;
    position: relative; }
    @media only screen and (max-width: 768px) {
      .mv__inner {
        width: 100%; } }
  .mv__txt {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    height: 100%;
    width: 100%; }
    @media only screen and (max-width: 768px) {
      .mv__txt {
        justify-content: center; } }
    @media only screen and (max-width: 768px) {
      .mv__txt {
        align-items: flex-start; } }
    @media only screen and (max-width: 768px) {
      .mv__txt {
        flex-direction: column; } }
    @media only screen and (max-width: 768px) {
      .mv__txt {
        flex-wrap: wrap; } }
    @media only screen and (max-width: 999px) {
      .mv__txt {
        padding: 0vw 2vw 0vw 2vw; } }
  .mv-sns {
    position: relative;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 5px auto; }
    @media only screen and (max-width: 768px) {
      .mv-sns {
        margin: 20px auto 0; } }
    .mv-sns li {
      margin: 0 2px;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex; }
  .mv-about {
    background-image: url("/media_library/ao/images/mv_about.jpg");
    background-position: bottom; }
    @media only screen and (max-width: 768px) {
      .mv-about .mv__txt {
        align-items: center; } }
    @media only screen and (max-width: 768px) {
      .mv-about {
        height: 100vw;
        max-height: none; } }
    .mv-about__purpose {
      background: #fff;
      padding: 15px 40px; }
      @media only screen and (max-width: 768px) {
        .mv-about__purpose {
          padding: 2vw 5.3333333333vw 2vw 5.3333333333vw; } }
      @media only screen and (max-width: 768px) {
        .mv-about__purpose {
          margin: 2vw 0vw 0vw 0vw; } }
      .mv-about__purpose p {
        font-size: 20px;
        font-weight: bold;
        color: #1D8FCE;
        margin-bottom: 0; }
        @media only screen and (max-width: 768px) {
          .mv-about__purpose p {
            font-size: 3.7333333333vw; } }
      .mv-about__purpose ol {
        font-size: 18px;
        counter-reset: list_cnt; }
        @media only screen and (max-width: 768px) {
          .mv-about__purpose ol {
            font-size: 3.7333333333vw; } }
        .mv-about__purpose ol li::before {
          margin-right: 1em;
          counter-increment: list_cnt;
          content: counter(list_cnt);
          color: #1D8FCE; }
  .mv-case {
    background-image: url("/media_library/ao/images/mv_case.jpg"); }
  .mv-service {
    height: auto;
    max-height: none; }
    .mv-service::before {
      content: none; }
    .mv-service .mv__txt {
      position: relative;
      padding: 30px 0; }
      @media only screen and (max-width: 768px) {
        .mv-service .mv__txt {
          padding: 4vw 2vw 6.6666666667vw 2vw; } }
      @media only screen and (max-width: 768px) {
        .mv-service .mv__txt {
          align-items: center; } }
    .mv-service__left {
      flex-basis: 55%; }
      @media only screen and (max-width: 768px) {
        .mv-service__left {
          flex-basis: 100%; } }
      @media only screen and (max-width: 768px) {
        .mv-service__left {
          margin: 0vw 0vw 3.3333333333vw 0vw; } }
      .mv-service__left .note {
        font-size: 90%; }
      .mv-service__left-reg {
        font-size: 35px;
        font-weight: bold;
        color: #333;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        line-height: 1.3; }
        @media only screen and (max-width: 768px) {
          .mv-service__left-reg {
            font-size: 5.3333333333vw; } }
        @media only screen and (max-width: 768px) {
          .mv-service__left-reg {
            justify-content: center; } }
        @media only screen and (max-width: 768px) {
          .mv-service__left-reg {
            align-items: baseline; } }
        .mv-service__left-reg .small {
          font-weight: bold;
          font-size: 25px; }
          @media only screen and (max-width: 768px) {
            .mv-service__left-reg .small {
              font-size: 6vw; } }
      .mv-service__left-user {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        flex-direction: column;
        margin: 0 10px 0 0;
        align-content: flex-start;
        justify-content: space-between;
        line-height: 1.2; }
        @media only screen and (max-width: 768px) {
          .mv-service__left-user {
            display: block; } }
        @media only screen and (max-width: 768px) {
          .mv-service__left-user {
            margin: 0vw 1.3333333333vw 0vw 0vw; } }
      .mv-service__left-num {
        font-size: 88px;
        color: #1D8FCE;
        line-height: 1;
        font-family: futura-pt, sans-serif;
        letter-spacing: -3px;
        margin: 0 3px 0 0; }
        @media only screen and (max-width: 768px) {
          .mv-service__left-num {
            font-size: 13.0666666667vw; } }
        @media only screen and (max-width: 768px) {
          .mv-service__left-num {
            letter-spacing: -1px; } }
        @media only screen and (max-width: 768px) {
          .mv-service__left-num {
            margin: 0vw 0.4vw 0vw 0vw; } }
      .mv-service__left-txt {
        font-weight: bold;
        margin: 5px 0 30px;
        letter-spacing: 0.1em;
        font-size: 20px; }
        @media only screen and (max-width: 768px) {
          .mv-service__left-txt {
            margin: 0.6666666667vw 0vw 2.6666666667vw 0vw; } }
        @media only screen and (max-width: 768px) {
          .mv-service__left-txt {
            font-size: 4vw; } }
        .mv-service__left-txt span {
          font-size: 28px;
          color: #d20024; }
          @media only screen and (max-width: 768px) {
            .mv-service__left-txt span {
              font-size: 5.0666666667vw; } }
    .mv-service__right {
      flex-basis: 40%; }
      @media only screen and (max-width: 768px) {
        .mv-service__right {
          flex-basis: 100%; } }
      .mv-service__right-title {
        color: #fff;
        font-size: 18px;
        padding: 5px 15px 8px;
        background: #1D8FCE;
        position: relative;
        text-align: center;
        margin: 0; }
        @media only screen and (max-width: 768px) {
          .mv-service__right-title {
            font-size: 3.7333333333vw; } }
        @media only screen and (max-width: 768px) {
          .mv-service__right-title {
            padding: 0.6666666667vw 2vw 1.0666666667vw 2vw; } }
        .mv-service__right-title span {
          font-weight: bold;
          font-size: 20px;
          letter-spacing: 0.1em; }
          @media only screen and (max-width: 768px) {
            .mv-service__right-title span {
              font-size: 4vw; } }
        .mv-service__right-title::after {
          content: '';
          width: 0;
          height: 0;
          position: absolute;
          top: 100%;
          left: 50%;
          margin: 0 0 0 -10px;
          border: 10px solid transparent;
          border-top-color: #1D8FCE; }
      .mv-service__right-list {
        background: #fff;
        padding: 18px 20px 15px;
        line-height: 1.5; }
        @media only screen and (max-width: 768px) {
          .mv-service__right-list {
            padding: 2.4vw 2.6666666667vw 2vw 2.6666666667vw; } }
        .mv-service__right-list dt {
          font-size: 18px;
          font-weight: bold;
          color: #1D8FCE; }
          @media only screen and (max-width: 768px) {
            .mv-service__right-list dt {
              font-size: 3.7333333333vw; } }
        .mv-service__right-list dd {
          font-size: 17px;
          margin: 0 0 10px;
          padding: 0 0 10px;
          border-bottom: 1px dashed #dfdfdf; }
          @media only screen and (max-width: 768px) {
            .mv-service__right-list dd {
              font-size: 3.7333333333vw; } }
          @media only screen and (max-width: 768px) {
            .mv-service__right-list dd {
              margin: 0vw 0vw 1.3333333333vw 0vw; } }
          @media only screen and (max-width: 768px) {
            .mv-service__right-list dd {
              padding: 0vw 0vw 1.3333333333vw 0vw; } }
          .mv-service__right-list dd:last-child {
            padding: 0;
            margin: 0;
            border-bottom: none; }
  .mv-forte {
    background-image: url("/media_library/ao/images/mv_forte.jpg");
    background-position: top; }
  .mv-solution {
    background-image: url("/media_library/ao/images/mv_solution.jpg");
    background-position: center; }
  .mv-voice {
    background-image: url("/media_library/ao/images/mv_voice.jpg");
    background-position: top; }
  .mv-seminar {
    background-color: #E8FAFF;
    height: auto;
    max-height: none; }
    .mv-seminar::before {
      content: none; }
    .mv-seminar .mv__inner {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: nowrap;
      gap: 30px 50px;
      padding: 30px 0; }
      @media only screen and (max-width: 768px) {
        .mv-seminar .mv__inner {
          justify-content: center; } }
      @media only screen and (max-width: 768px) {
        .mv-seminar .mv__inner {
          align-items: flex-start; } }
      @media only screen and (max-width: 768px) {
        .mv-seminar .mv__inner {
          flex-wrap: wrap; } }
      @media only screen and (max-width: 768px) {
        .mv-seminar .mv__inner {
          padding: 4vw 2.6666666667vw 7.3333333333vw 2.6666666667vw; } }
    .mv-seminar .mv__txt {
      display: block;
      position: relative;
      flex-basis: calc(100% - 500px); }
      @media only screen and (max-width: 768px) {
        .mv-seminar .mv__txt {
          flex-basis: 100%; } }
      .mv-seminar .mv__txt h1 {
        text-align: left;
        color: #1D8FCE;
        position: relative; }
        @media only screen and (max-width: 768px) {
          .mv-seminar .mv__txt h1 {
            text-align: center; } }
        .mv-seminar .mv__txt h1::before {
          background: #1D8FCE; }
        @media only screen and (max-width: 768px) {
          .mv-seminar .mv__txt h1::before {
            content: none; }
          .mv-seminar .mv__txt h1::after {
            content: "";
            background-color: #1D8FCE;
            bottom: -10px;
            height: 1px;
            left: 50%;
            position: absolute;
            transform: translateX(-50%);
            width: 30px; } }
    .mv-seminar .mv__slider {
      position: relative;
      flex-basis: 450px; }
      @media only screen and (max-width: 768px) {
        .mv-seminar .mv__slider {
          flex-basis: 100%; } }
    .mv-seminar .swiper {
      width: 100%;
      overflow: hidden;
      position: relative; }
      .mv-seminar .swiper-slide {
        width: 100%; }
        .mv-seminar .swiper-slide a:hover {
          opacity: .7;
          transition: opacity .4s; }
        .mv-seminar .swiper-slide img {
          height: auto;
          width: 100%; }
      .mv-seminar .swiper-button-prev {
        height: 63px;
        width: 63px;
        left: -35px;
        right: auto;
        background-image: url("data:image/svg+xml,%3Csvg width='63' height='63' viewBox='0 0 63 63' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cfilter id='circle' x='0' y='0' width='63' height='63' filterUnits='userSpaceOnUse'%3E%3CfeOffset dy='4' input='SourceAlpha'/%3E%3CfeGaussianBlur stdDeviation='5' result='blur'/%3E%3CfeFlood flood-color='%230066c7' flood-opacity='0.122'/%3E%3CfeComposite operator='in' in2='blur'/%3E%3CfeComposite in='SourceGraphic'/%3E%3C/filter%3E%3C/defs%3E%3Cg id='swiper-button-prev' transform='translate(-65 -334)'%3E%3Cg transform='matrix(1, 0, 0, 1, 65, 334)' filter='url(%23circle)'%3E%3Ccircle id='circle-2' data-name='circle' cx='16.5' cy='16.5' r='16.5' transform='translate(15 11)' fill='%23fff'/%3E%3C/g%3E%3Cpath id='arrow' d='M-3156.539,3742.6l5.1,5.1,5.1-5.1' transform='translate(3840.647 3512.941) rotate(90)' fill='none' stroke='%233d98cc' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
        background-size: contain;
        margin-top: 0;
        transform: translateY(-50%); }
        @media only screen and (max-width: 768px) {
          .mv-seminar .swiper-button-prev {
            height: 12vw; } }
        @media only screen and (max-width: 768px) {
          .mv-seminar .swiper-button-prev {
            width: 12vw; } }
        @media only screen and (max-width: 768px) {
          .mv-seminar .swiper-button-prev {
            left: -5.5vw; } }
        .mv-seminar .swiper-button-prev.none-swipe {
          display: none; }
      .mv-seminar .swiper-button-next {
        height: 63px;
        width: 63px;
        right: -35px;
        left: auto;
        background-image: url("data:image/svg+xml,%3Csvg width='63' height='63' viewBox='0 0 63 63' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cfilter id='circle' x='0' y='0' width='63' height='63' filterUnits='userSpaceOnUse'%3E%3CfeOffset dy='4' input='SourceAlpha'/%3E%3CfeGaussianBlur stdDeviation='5' result='blur'/%3E%3CfeFlood flood-color='%230066c7' flood-opacity='0.122'/%3E%3CfeComposite operator='in' in2='blur'/%3E%3CfeComposite in='SourceGraphic'/%3E%3C/filter%3E%3C/defs%3E%3Cg id='swiper-button-next' transform='translate(15 11)'%3E%3Cg transform='matrix(1, 0, 0, 1, -15, -11)' filter='url(%23circle)'%3E%3Ccircle id='circle-2' data-name='circle' cx='16.5' cy='16.5' r='16.5' transform='translate(15 11)' fill='%23fff'/%3E%3C/g%3E%3Cpath id='arrow' d='M0,5.1,5.1,0l5.1,5.1' transform='translate(20.048 11.403) rotate(90)' fill='none' stroke='%233d98cc' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
        background-size: contain;
        margin-top: 0;
        transform: translateY(-50%); }
        @media only screen and (max-width: 768px) {
          .mv-seminar .swiper-button-next {
            height: 12vw; } }
        @media only screen and (max-width: 768px) {
          .mv-seminar .swiper-button-next {
            width: 12vw; } }
        @media only screen and (max-width: 768px) {
          .mv-seminar .swiper-button-next {
            right: -5.5vw; } }
        .mv-seminar .swiper-button-next.none-swipe {
          display: none; }
      .mv-seminar .swiper-pagination {
        width: 100%;
        bottom: -20px; }
        .mv-seminar .swiper-pagination-bullet {
          margin: 0 5px; }
  .mv-follow {
    background-image: url("/media_library/ao/images/mv_follow.jpg");
    background-position: center; }
  .mv-nmf {
    background-color: #eff1fb;
    height: auto;
    max-height: none; }
    .mv-nmf::before {
      content: none; }
    .mv-nmf h1 {
      padding: 20px 0; }
      @media only screen and (max-width: 768px) {
        .mv-nmf h1 {
          padding: 2.6666666667vw 0vw 2.6666666667vw 0vw; } }
      .mv-nmf h1::before {
        content: none; }
      .mv-nmf h1 img {
        vertical-align: middle; }
  .mv-tkctimes {
    background-image: url("/media_library/ao/images/mv_tkctimes.jpg");
    background-position: center; }
  .mv-download {
    background-image: url("/media_library/ao/images/mv_download.jpg");
    background-position: center; }

.snsBtn {
  flex-basis: 30%;
  text-align: center;
  margin: 0; }
  @media only screen and (max-width: 768px) {
    .snsBtn {
      flex-basis: 100%; } }
  @media only screen and (max-width: 768px) {
    .snsBtn {
      margin: 1.3333333333vw 0vw 1.3333333333vw 0vw; } }
  .snsBtn-list {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
  .snsBtn a {
    display: block;
    position: relative;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    padding: 10px;
    border-radius: 22px;
    background: #fff;
    transition: all 0.18s ease 0s; }
    @media only screen and (max-width: 768px) {
      .snsBtn a {
        font-size: 3.7333333333vw; } }
    @media only screen and (max-width: 768px) {
      .snsBtn a {
        padding: 2vw 2vw 2vw 2vw; } }
  .snsBtn.facebook a {
    color: #1578f2;
    border: 1px solid #1578f2; }
    .snsBtn.facebook a:hover {
      color: #fff;
      border: 1px solid #1578f2;
      background: #1578f2; }
  .snsBtn.twitter a {
    color: #1da1f2;
    border: 1px solid #1da1f2; }
    .snsBtn.twitter a:hover {
      color: #fff;
      border: 1px solid #1da1f2;
      background: #1da1f2; }
  .snsBtn.line a {
    color: #00b900;
    border: 1px solid #00b900; }
    .snsBtn.line a:hover {
      color: #fff;
      border: 1px solid #00b900;
      background: #00b900; }

.mv-top {
  background: linear-gradient(90deg, #FFFFFF 0%, #E6EEF3 100%); }
  @media print, screen and (min-width: 769px) {
    .mv-top__inner {
      width: 950px;
      margin: 0 auto;
      padding: 40px 0 60px; } }
  @media only screen and (max-width: 768px) {
    .mv-top__inner {
      padding: 5.3333333333vw 4vw 5.3333333333vw 4vw; } }
  .mv-top__title {
    color: #333 !important;
    margin-bottom: 25px;
    font-family: 'Noto Serif JP', serif; }
    .mv-top__title::before {
      content: none !important; }
    @media only screen and (max-width: 768px) {
      .mv-top__title {
        font-size: 5.3333333333vw !important; } }
  .mv-top p {
    font-size: 1.5rem;
    margin-bottom: 20px; }
    .mv-top p:last-child {
      margin-bottom: 0; }
  @media print, screen and (min-width: 769px) {
    .mv-top__space {
      float: right;
      height: 18.5em; } }
  @media print, screen and (min-width: 769px) {
    .mv-top__img {
      float: right;
      clear: both;
      margin: 0 0 0 2em; } }
  @media only screen and (max-width: 768px) {
    .mv-top__img {
      display: none; } }
  .mv-top__movie {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: start;
    margin-bottom: 60px; }
    @media only screen and (max-width: 768px) {
      .mv-top__movie {
        flex-wrap: wrap;
        margin-bottom: 8vw; } }
    .mv-top__movie-txt {
      flex-basis: calc(100% - 550px); }
      @media only screen and (max-width: 768px) {
        .mv-top__movie-txt {
          flex-basis: 100%;
          display: contents;
          margin-bottom: 5.3333333333vw; } }
    .mv-top__movie-btn {
      margin: 15px 20px 0;
      text-align: center; }
      @media only screen and (max-width: 768px) {
        .mv-top__movie-btn {
          margin: 4vw 2.6666666667vw 0vw 2.6666666667vw;
          order: 1;
          width: 100%; } }
      .mv-top__movie-btn .ao__btn {
        width: 100%; }
    .mv-top__movie-box {
      flex-basis: 510px; }
      @media only screen and (max-width: 768px) {
        .mv-top__movie-box {
          margin-top: 10px;
          flex-basis: 100%; } }
      .mv-top__movie-box iframe {
        width: 100%;
        height: 100%;
        aspect-ratio: 16 / 9; }

.top-section {
  margin: 0; }
  @media print, screen and (min-width: 769px) {
    .top-section .section__inner {
      padding: 60px 0; } }
  @media only screen and (max-width: 768px) {
    .top-section .section__inner {
      padding: 6.6666666667vw 2.6666666667vw 6.6666666667vw 2.6666666667vw; } }

@media print, screen and (min-width: 769px) {
  .top-number {
    padding: 25px 0 0; } }
.top-number__title {
  text-align: center; }
  .top-number__title h2 {
    font-weight: bold;
    position: relative;
    padding-bottom: 20px;
    border-bottom: none !important;
    margin-bottom: 50px; }
    @media print, screen and (min-width: 769px) {
      .top-number__title h2 {
        font-size: 30px; } }
    .top-number__title h2::after {
      content: "";
      display: block;
      width: 68px;
      height: 2px;
      background: #005EB8;
      position: absolute;
      left: 50%;
      bottom: 0px;
      transform: translateX(-50%); }
      @media only screen and (max-width: 768px) {
        .top-number__title h2::after {
          width: 6.6666666667vw; } }
.top-number__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(calc((100% - 60px)/3), 1fr));
  gap: 10px 30px; }
  @media only screen and (max-width: 768px) {
    .top-number__list {
      grid-template-columns: repeat(auto-fit, minmax(100%, 1fr)); } }
  .top-number__list-item {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 3;
    gap: 10px;
    margin: 0; }
    @media only screen and (max-width: 768px) {
      .top-number__list-item {
        margin-bottom: 15px;
        flex-direction: column; } }
@media print, screen and (min-width: 769px) {
  .top-number__text {
    width: 100%; } }
.top-number__name {
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  margin: 0; }
  @media only screen and (max-width: 768px) {
    .top-number__name {
      font-size: 4.2666666667vw; } }
.top-number__num {
  position: relative;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 280px; }
  @media only screen and (max-width: 768px) {
    .top-number__num {
      margin: 0 auto;
      min-width: 70vw;
      height: 70vw; } }
  .top-number__num small {
    font-size: 10rem; }
  .number-user .top-number__num {
    background: url("/media_library/ao/images/img_top-number_02_bg.svg") no-repeat center/contain; }
  .number-kuroji .top-number__num {
    background: url("/media_library/ao/images/img_top-number_03_bg.svg") no-repeat center/contain; }
  .number-shomen .top-number__num {
    background: url("/media_library/ao/images/img_top-number_04_bg.svg") no-repeat center/contain; }
  .number-mis .top-number__num {
    background: url("/media_library/ao/images/img_top-number_05_bg.svg") no-repeat center/contain; }
  .top-number__num-text {
    position: relative;
    z-index: 1;
    padding-right: .05em; }
    .top-number__num-text .num {
      font-family: "bebas-neue-pro-semiexpanded", sans-serif;
      font-weight: 700;
      font-style: normal;
      letter-spacing: -.03em;
      font-feature-settings: "palt";
      background: linear-gradient(45deg, #004C7E 0%, #007CCC 100%);
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      font-size: 15.4rem; }
      @media only screen and (max-width: 768px) {
        .top-number__num-text .num {
          font-size: 40vw; } }
      .top-number__num-text .num small {
        font-size: 42%; }
    .top-number__num-text .unit {
      font-size: 2rem;
      color: #999999; }
      @media only screen and (max-width: 768px) {
        .top-number__num-text .unit {
          font-size: 5.3333333333vw; } }
.top-number__note {
  font-size: 1.2rem; }
  .top-number__note li {
    text-indent: -1.5em;
    padding-left: 1.5em; }
    .top-number__note li::before {
      content: "※";
      margin-right: .5em; }
  .top-number__note.num {
    counter-reset: top-num; }
    .top-number__note.num li {
      text-indent: -2.5em;
      padding-left: 2.5em; }
      .top-number__note.num li::before {
        content: "※" counter(top-num) ".";
        counter-increment: top-num;
        margin-right: .5em; }
@media print, screen and (min-width: 769px) {
  .top-number__img {
    width: 320px;
    text-align: right; } }
@media only screen and (max-width: 768px) {
  .top-number__img {
    width: 70%;
    margin: 0 auto;
    text-align: center; } }

.top-pickup__banner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 50px; }
  @media only screen and (max-width: 768px) {
    .top-pickup__banner {
      margin-bottom: 13.3333333333vw;
      flex-direction: column; } }
  .top-pickup__banner-img {
    line-height: 1; }
    @media print, screen and (min-width: 769px) {
      .top-pickup__banner-img {
        width: 466px; } }
    @media only screen and (max-width: 768px) {
      .top-pickup__banner-img {
        margin-bottom: 2.6666666667vw; } }
  @media print, screen and (min-width: 769px) {
    .top-pickup__banner-text {
      width: calc(100% - 496px); } }
  .top-pickup__banner-name {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 1.8rem; }
    @media only screen and (max-width: 768px) {
      .top-pickup__banner-name {
        font-size: 4.2666666667vw; } }
  .top-pickup__banner-detail {
    margin-bottom: 30px; }
    @media only screen and (max-width: 768px) {
      .top-pickup__banner-detail {
        font-size: 1.8666666667vw; } }
  @media only screen and (max-width: 768px) {
    .top-pickup__banner-btn {
      text-align: center; } }
  .top-pickup__banner-btn a {
    width: 100%; }
  .top-pickup__banner-btn .ao__btn {
    padding: 5px; }
    @media print, screen and (min-width: 769px) {
      .top-pickup__banner-btn .ao__btn {
        width: 220px; } }
.top-pickup__list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between; }
  @media print, screen and (min-width: 769px) {
    .top-pickup__list-item {
      width: calc(100%/4 - 8px); } }
  @media only screen and (max-width: 768px) {
    .top-pickup__list-item {
      width: 48.5%;
      margin-bottom: 2.6666666667vw; } }
.top-pickup__link {
  display: block;
  border: #E5E5E5 1px solid;
  height: 100%;
  background: #fff url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='10px' height='10px' viewBox='0 0 10 10' enable-background='new 0 0 10 10' xml:space='preserve'%3E%3Cpath fill='%23005eb8' d='M10,0v10H0L10,0z'/%3E%3C/svg%3E%0A") bottom 2px right 2px no-repeat;
  padding-bottom: 12px; }
  .top-pickup__link:hover {
    opacity: .7; }
.top-pickup__thumb {
  line-height: 0; }
  @media only screen and (max-width: 768px) {
    .top-pickup__thumb img {
      width: 100%;
      max-width: 100%;
      height: auto; } }
.top-pickup__img {
  position: relative;
  overflow: hidden; }
.top-pickup__text {
  background: #fff;
  padding: 8px 10px; }
  @media print, screen and (min-width: 769px) {
    .top-pickup__text {
      height: calc(100% - 122px); } }
.top-pickup__catch {
  color: #808080; }
  @media print, screen and (min-width: 769px) {
    .top-pickup__catch {
      font-size: 1.2rem; } }

.top-service__list {
  display: flex;
  justify-content: space-between; }
  @media only screen and (max-width: 768px) {
    .top-service__list {
      flex-direction: column; } }
  @media print, screen and (min-width: 769px) {
    .top-service__list-item {
      width: calc(50% - 0.8%); } }

.service-box {
  background: #FBFBFB;
  border: 1px solid #E5E5E5;
  padding: 15px;
  height: 100%; }
  @media only screen and (max-width: 768px) {
    .service-box {
      margin-bottom: 20px; } }
  .service-box .bast {
    color: #1783A6; }
  .service-box .zeimuqa {
    color: #30915E; }
  .service-box__catch {
    font-size: 1.5rem;
    text-align: center;
    margin-bottom: 10px; }
  .service-box__main {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px; }
    @media print, screen and (min-width: 769px) {
      .service-box__main {
        height: 160px; } }
    @media only screen and (max-width: 768px) {
      .service-box__main {
        flex-wrap: wrap; } }
  .service-box__left {
    height: 100%;
    display: flex;
    align-items: center; }
    @media print, screen and (min-width: 769px) {
      .service-box__left {
        width: 130px; } }
    @media only screen and (max-width: 768px) {
      .service-box__left {
        width: 100%; } }
    @media only screen and (max-width: 768px) {
      .service-box__left img {
        max-width: 40%;
        margin: 0 auto 10px; } }
  @media print, screen and (min-width: 769px) {
    .service-box__right {
      width: calc(100% - 150px); } }
  @media only screen and (max-width: 768px) {
    .service-box__right {
      width: 100%; } }
  .service-box__name {
    font-size: 1.9rem;
    margin-bottom: 5px; }
    @media only screen and (max-width: 768px) {
      .service-box__name {
        text-align: center; } }
  .service-box__heading {
    font-size: 1.3rem;
    background: #fff;
    padding: 2px;
    text-align: center;
    margin-bottom: 8px;
    font-weight: bold; }
    .service-box__heading.bast {
      border: 1px solid #1783A6; }
    .service-box__heading.zeimuqa {
      border: 1px solid #30915E; }
  .service-box__caution {
    font-size: 1.2rem;
    text-align: right; }
  .service-box__btn {
    display: flex;
    justify-content: space-around; }
    @media only screen and (max-width: 768px) {
      .service-box__btn {
        flex-direction: column; } }
    .service-box__btn .ao__btn {
      padding: 10px; }
      @media print, screen and (min-width: 769px) {
        .service-box__btn .ao__btn {
          width: 46%; }
          .service-box__btn .ao__btn.zeimuqa__btn {
            width: 60%; } }
      @media only screen and (max-width: 768px) {
        .service-box__btn .ao__btn {
          margin-bottom: 1.3333333333vw; } }
    .service-box__btn a {
      width: 100%; }

.bast-num {
  width: 92%;
  margin: 0 auto !important;
  flex-wrap: nowrap;
  display: flex; }
  @media only screen and (max-width: 768px) {
    .bast-num {
      justify-content: center; } }
  .bast-num__list {
    border-right: 1px solid #E5E5E5;
    margin-right: 10px;
    box-sizing: border-box;
    margin-bottom: 3px;
    padding: 10px 10px 0 0;
    width: auto; }
    @media only screen and (max-width: 768px) {
      .bast-num__list:nth-child(2) {
        margin-right: 10px; } }
    .bast-num__list:last-child {
      padding-right: 0;
      border-right: none;
      margin-right: 0; }
  .bast-num__heading {
    font-weight: bold;
    font-size: 1.3rem;
    text-align: center; }
  .bast-num__num {
    text-align: center;
    font-weight: bold;
    font-size: 1.5rem; }
    .bast-num__num--strong {
      font-size: 130%; }

.zeimuqa-num__list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  .zeimuqa-num__list-item {
    width: 49%;
    font-size: 1.3rem;
    line-height: 1.4; }
.zeimuqa-num__def-tit {
  width: 5em;
  clear: both;
  float: left; }
  .zeimuqa-num__def-tit::before {
    content: '●';
    color: #30915E; }
.zeimuqa-num__def-data--strong {
  font-size: 1.4rem;
  font-weight: bold; }

.top-seminar__banner {
  text-align: center;
  line-height: 1; }
.top-seminar__btn {
  text-align: center;
  margin: 40px auto 0; }
  @media print, screen and (min-width: 769px) {
    .top-seminar__btn {
      width: 55%;
      min-width: 500px; } }
  @media only screen and (max-width: 768px) {
    .top-seminar__btn {
      margin: 5.3333333333vw auto 0vw auto; } }
  .top-seminar__btn a {
    width: 100%; }
.top-seminar__list {
  margin: 0 0 40px;
  padding: 0; }
  @media only screen and (max-width: 768px) {
    .top-seminar__list {
      margin-bottom: 4vw; } }
  .top-seminar__list li {
    border-bottom: 1px #E5E5E5 solid;
    padding-bottom: 10px;
    margin-bottom: 10px; }
    .top-seminar__list li:first-child {
      margin-top: 0; }
    .top-seminar__list li .date {
      font-size: 1.4rem;
      font-weight: bold;
      margin-top: 5px;
      color: #808080;
      position: static;
      width: auto;
      margin-right: 15px;
      box-sizing: border-box; }
    .top-seminar__list li .category {
      border-left: none;
      float: none;
      display: inline-flex;
      width: 130px;
      border-radius: 3px;
      margin-right: 30px;
      justify-content: center;
      align-content: center;
      position: static;
      box-sizing: border-box;
      background: #c5f7f0; }
      .top-seminar__list li .category a {
        font-size: 1.3rem;
        width: 100%;
        padding: 2px 5px;
        height: 100%;
        color: #737373;
        text-align: center;
        box-sizing: border-box; }
    .top-seminar__list li .txtLink {
      display: inline-block;
      background: none;
      padding-left: 0;
      box-sizing: border-box; }
      @media print, screen and (min-width: 769px) {
        .top-seminar__list li .txtLink {
          width: 680px; } }
      @media only screen and (max-width: 768px) {
        .top-seminar__list li .txtLink {
          width: 100%; } }
.top-seminar__slider {
  position: relative;
  width: 100%; }
  .top-seminar__slider .swiper {
    width: 100%;
    overflow: hidden;
    position: relative; }
    .top-seminar__slider .swiper-wrapper.none-swipe {
      display: flex;
      justify-content: space-between;
      flex-wrap: nowrap; }
      @media only screen and (max-width: 768px) {
        .top-seminar__slider .swiper-wrapper.none-swipe {
          flex-wrap: wrap; } }
      .top-seminar__slider .swiper-wrapper.none-swipe .swiper-slide {
        flex-basis: 450px; }
        @media only screen and (max-width: 768px) {
          .top-seminar__slider .swiper-wrapper.none-swipe .swiper-slide {
            flex-basis: 100%; } }
    .top-seminar__slider .swiper-slide {
      width: 100%; }
      .top-seminar__slider .swiper-slide a:hover {
        opacity: .7;
        transition: opacity .4s; }
      .top-seminar__slider .swiper-slide img {
        height: auto;
        width: 100%; }
    .top-seminar__slider .swiper-button-prev {
      height: 63px;
      width: 63px;
      left: -35px;
      right: auto;
      background-image: url("data:image/svg+xml,%3Csvg width='63' height='63' viewBox='0 0 63 63' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cfilter id='circle' x='0' y='0' width='63' height='63' filterUnits='userSpaceOnUse'%3E%3CfeOffset dy='4' input='SourceAlpha'/%3E%3CfeGaussianBlur stdDeviation='5' result='blur'/%3E%3CfeFlood flood-color='%230066c7' flood-opacity='0.122'/%3E%3CfeComposite operator='in' in2='blur'/%3E%3CfeComposite in='SourceGraphic'/%3E%3C/filter%3E%3C/defs%3E%3Cg id='swiper-button-prev' transform='translate(-65 -334)'%3E%3Cg transform='matrix(1, 0, 0, 1, 65, 334)' filter='url(%23circle)'%3E%3Ccircle id='circle-2' data-name='circle' cx='16.5' cy='16.5' r='16.5' transform='translate(15 11)' fill='%23fff'/%3E%3C/g%3E%3Cpath id='arrow' d='M-3156.539,3742.6l5.1,5.1,5.1-5.1' transform='translate(3840.647 3512.941) rotate(90)' fill='none' stroke='%233d98cc' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
      background-size: contain;
      margin-top: 0;
      transform: translateY(-50%); }
      @media only screen and (max-width: 768px) {
        .top-seminar__slider .swiper-button-prev {
          height: 12vw; } }
      @media only screen and (max-width: 768px) {
        .top-seminar__slider .swiper-button-prev {
          width: 12vw; } }
      @media only screen and (max-width: 768px) {
        .top-seminar__slider .swiper-button-prev {
          left: -5.5vw; } }
      .top-seminar__slider .swiper-button-prev.none-swipe {
        display: none; }
    .top-seminar__slider .swiper-button-next {
      height: 63px;
      width: 63px;
      right: -35px;
      left: auto;
      background-image: url("data:image/svg+xml,%3Csvg width='63' height='63' viewBox='0 0 63 63' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cfilter id='circle' x='0' y='0' width='63' height='63' filterUnits='userSpaceOnUse'%3E%3CfeOffset dy='4' input='SourceAlpha'/%3E%3CfeGaussianBlur stdDeviation='5' result='blur'/%3E%3CfeFlood flood-color='%230066c7' flood-opacity='0.122'/%3E%3CfeComposite operator='in' in2='blur'/%3E%3CfeComposite in='SourceGraphic'/%3E%3C/filter%3E%3C/defs%3E%3Cg id='swiper-button-next' transform='translate(15 11)'%3E%3Cg transform='matrix(1, 0, 0, 1, -15, -11)' filter='url(%23circle)'%3E%3Ccircle id='circle-2' data-name='circle' cx='16.5' cy='16.5' r='16.5' transform='translate(15 11)' fill='%23fff'/%3E%3C/g%3E%3Cpath id='arrow' d='M0,5.1,5.1,0l5.1,5.1' transform='translate(20.048 11.403) rotate(90)' fill='none' stroke='%233d98cc' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
      background-size: contain;
      margin-top: 0;
      transform: translateY(-50%); }
      @media only screen and (max-width: 768px) {
        .top-seminar__slider .swiper-button-next {
          height: 12vw; } }
      @media only screen and (max-width: 768px) {
        .top-seminar__slider .swiper-button-next {
          width: 12vw; } }
      @media only screen and (max-width: 768px) {
        .top-seminar__slider .swiper-button-next {
          right: -5.5vw; } }
      .top-seminar__slider .swiper-button-next.none-swipe {
        display: none; }
    .top-seminar__slider .swiper-pagination {
      width: 100%;
      bottom: -20px; }
      .top-seminar__slider .swiper-pagination-bullet {
        margin: 0 5px; }

.top-voice__list {
  padding: 0;
  display: flex; }
  .top-voice__list::after {
    display: none; }
  @media only screen and (max-width: 768px) {
    .top-voice__list {
      flex-wrap: wrap; } }
.top-voice__btn {
  text-align: center;
  margin: 40px auto 0; }
  @media print, screen and (min-width: 769px) {
    .top-voice__btn {
      width: 55%;
      min-width: 500px; } }
  @media only screen and (max-width: 768px) {
    .top-voice__btn {
      margin: 5.3333333333vw auto 0vw auto; } }
  .top-voice__btn a {
    width: 100%; }

.listBox {
  position: relative;
  width: calc(100%/5 - 56px/5);
  height: auto;
  margin: 0 14px 0 0;
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid #E5E5E5;
  padding: 0 0 15px;
  float: none;
  align-items: flex-start; }
  @media only screen and (max-width: 768px) {
    .listBox {
      width: calc(100%/2 - 1.5%);
      margin-right: 3%;
      margin-bottom: 3%; } }
  .listBox:last-child {
    margin-right: 0; }
    @media only screen and (max-width: 768px) {
      .listBox:last-child {
        display: none; } }
  @media only screen and (max-width: 768px) {
    .listBox:nth-child(2n) {
      margin-right: 0; } }
  @media only screen and (max-width: 768px) {
    .listBox:nth-last-child(-n + 3) {
      margin-bottom: 0; } }
  .listBox a:hover {
    opacity: .7; }
  .listBox .category {
    order: 2;
    -webkit-order: 2;
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    min-width: 0;
    display: inline-block;
    color: #606060;
    background: #F5F5F5;
    border: #E5E5E5 1px solid;
    border-radius: 3px;
    font-size: 1.2rem;
    margin: 0 10px 10px;
    padding: 0 5px; }
    @media only screen and (max-width: 768px) {
      .listBox .category {
        font-size: 1.6vw;
        margin-top: 1.3333333333vw; } }
  .listBox .voiceThumb {
    order: 1;
    -webkit-order: 1;
    position: relative;
    width: 100%; }
    .listBox .voiceThumb img {
      width: 100%;
      display: block; }
  .listBox .ttl {
    font-size: 1.4rem;
    line-height: 1.4;
    order: 3;
    -webkit-order: 3;
    position: relative;
    margin: 0 10px 10px;
    top: auto;
    left: auto;
    max-width: 96%;
    font-weight: normal;
    height: 4.2em; }
    @media only screen and (max-width: 768px) {
      .listBox .ttl {
        font-size: 1.8666666667vw; } }
    .listBox .ttl a {
      display: block; }
  .listBox .date {
    order: 4;
    -webkit-order: 4;
    margin: 0 10px 15px;
    top: auto;
    left: auto;
    font-size: 1.4rem;
    width: calc(100% - 25px);
    text-align: right;
    color: #999;
    font-weight: bold; }
  .listBox .readMore {
    order: 5;
    -webkit-order: 5;
    width: calc(100% - 25px);
    margin: auto auto 0;
    text-align: center; }
    .listBox .readMore a {
      background: #1D8FCE;
      color: #fff;
      display: inline-block;
      position: relative;
      border-radius: 5px;
      padding: 3px 20px;
      margin: auto;
      text-align: center;
      font-size: 0.9em; }
      @media only screen and (max-width: 768px) {
        .listBox .readMore a {
          padding: 1.3333333333vw 4vw 1.3333333333vw 4vw; } }
      .listBox .readMore a:visited {
        color: #fff; }
      .listBox .readMore a:hover {
        color: #fff;
        opacity: .7;
        transition: opacity .4s; }

.local-nav ul {
  margin: auto;
  border: 1px solid #DFDFDF;
  padding: 20px 30px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap; }
  @media only screen and (max-width: 768px) {
    .local-nav ul {
      padding: 2.6666666667vw 2.6666666667vw 2.6666666667vw 2.6666666667vw; } }
  @media only screen and (max-width: 768px) {
    .local-nav ul {
      justify-content: flex-start; } }
  @media only screen and (max-width: 768px) {
    .local-nav ul {
      flex-wrap: wrap; } }
  .local-nav ul li {
    margin: 0 30px 0 0; }
    @media only screen and (max-width: 768px) {
      .local-nav ul li {
        margin: 0 30 0 0; } }
    .local-nav ul li:last-child {
      margin: 0; }
    .local-nav ul li a {
      display: inline-block;
      position: relative;
      padding: 0 25px 0 0;
      height: 100%; }
      @media only screen and (max-width: 768px) {
        .local-nav ul li a {
          padding: 0 15px 0 0; } }
      .local-nav ul li a::after {
        content: "";
        display: block;
        position: absolute;
        right: 0;
        top: calc(50% - 3px);
        background: url("/media_library/ao/images/icon_arrow_down.svg") no-repeat;
        background-size: contain;
        width: 11px;
        height: 7px; }
        @media only screen and (max-width: 768px) {
          .local-nav ul li a::after {
            width: 9px; } }
        @media only screen and (max-width: 768px) {
          .local-nav ul li a::after {
            height: 5px; } }
      .local-nav ul li a:hover::after {
        transform: translate(0, 4px);
        transition: all .3s; }
.local-nav__solution {
  background: #F5F5F5;
  padding: 15px 15px 40px; }
  @media only screen and (max-width: 768px) {
    .local-nav__solution {
      padding: 2vw 2vw 5.3333333333vw 2vw; } }
  .local-nav__solution-title {
    font-size: 32px;
    color: #1D8FCE;
    font-weight: bold;
    text-align: center; }
    @media only screen and (max-width: 768px) {
      .local-nav__solution-title {
        font-size: 4.6666666667vw; } }
    .local-nav__solution-title span {
      font-size: 53px; }
      @media only screen and (max-width: 768px) {
        .local-nav__solution-title span {
          font-size: 6vw; } }
  .local-nav__solution ul {
    justify-content: center;
    align-items: flex-start;
    counter-reset: list_cnt;
    flex-wrap: wrap;
    border: none;
    padding: 0; }
    @media only screen and (max-width: 768px) {
      .local-nav__solution ul {
        justify-content: space-around; } }
    .local-nav__solution ul li {
      flex-basis: 190px;
      background: #fff;
      font-weight: bold;
      font-size: 22px;
      box-shadow: 0 4px 4px 0 rgba(3, 21, 30, 0.08);
      margin: 0 20px 20px 0; }
      @media only screen and (max-width: 768px) {
        .local-nav__solution ul li {
          flex-basis: calc((100% / 2) - 10px); } }
      @media only screen and (max-width: 768px) {
        .local-nav__solution ul li {
          font-size: 4.2666666667vw; } }
      @media only screen and (max-width: 768px) {
        .local-nav__solution ul li {
          margin: 0vw 0vw 2.6666666667vw 0vw; } }
      .local-nav__solution ul li:nth-of-type(4n) {
        margin: 0 0 20px 0; }
        @media only screen and (max-width: 768px) {
          .local-nav__solution ul li:nth-of-type(4n) {
            margin: 0vw 0vw 2.6666666667vw 0vw; } }
      .local-nav__solution ul li a {
        display: block;
        position: relative;
        padding: 25px 15px; }
        @media only screen and (max-width: 768px) {
          .local-nav__solution ul li a {
            padding: 3.3333333333vw 2vw 3.3333333333vw 2vw; } }
        .local-nav__solution ul li a::before {
          content: counter(list_cnt,decimal-leading-zero);
          counter-increment: list_cnt;
          color: #1D8FCE;
          border-right: 1px solid #1D8FCE;
          padding: 0 10px 0 0;
          margin: 0 10px 0 0;
          display: inline-block;
          line-height: 1.3; }
        .local-nav__solution ul li a::after {
          content: "";
          position: absolute;
          width: 12px;
          height: 7px;
          bottom: 10px;
          left: calc(50% - 6px);
          top: auto;
          right: auto;
          display: inline-block;
          background: url("/media_library/ao/images/icon_arrow_down.svg") no-repeat;
          background-size: contain; }
          @media only screen and (max-width: 768px) {
            .local-nav__solution ul li a::after {
              bottom: 10%; } }
        .local-nav__solution ul li a:visited, .local-nav__solution ul li a:hover {
          color: #333; }
        .local-nav__solution ul li a:hover {
          background-color: #daf2ff; }
          .local-nav__solution ul li a:hover::after {
            transform: translate(0, 4px);
            transition: all .3s; }
.local-nav__theme {
  margin: auto;
  border: 1px solid #DFDFDF;
  padding: 20px 30px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap; }
  @media only screen and (max-width: 768px) {
    .local-nav__theme {
      padding: 2.6666666667vw 2.6666666667vw 2.6666666667vw 2.6666666667vw; } }
  @media only screen and (max-width: 768px) {
    .local-nav__theme {
      justify-content: flex-start; } }
  @media only screen and (max-width: 768px) {
    .local-nav__theme {
      flex-wrap: wrap; } }
  .local-nav__theme dt {
    font-size: 17px;
    font-weight: bold;
    margin: 0 15px 0 0;
    flex-basis: auto; }
    @media only screen and (max-width: 768px) {
      .local-nav__theme dt {
        font-size: 3.7333333333vw; } }
    @media only screen and (max-width: 768px) {
      .local-nav__theme dt {
        margin: 0vw 2vw 0vw 0vw; } }
    @media only screen and (max-width: 768px) {
      .local-nav__theme dt {
        flex-basis: 100%; } }
  .local-nav__theme dd {
    font-size: 15px;
    margin: 0 0 0 15px; }
    @media only screen and (max-width: 768px) {
      .local-nav__theme dd {
        font-size: 3.7333333333vw; } }
    @media only screen and (max-width: 768px) {
      .local-nav__theme dd {
        margin: 1.3333333333vw 0vw 1.3333333333vw 2vw; } }
    .local-nav__theme dd.active a {
      color: #fff !important;
      background: #1D8FCE;
      border: 1px solid #1D8FCE; }
    .local-nav__theme dd a {
      display: block;
      padding: 0 10px 1px;
      border: 1px solid #aaa;
      color: #aaa;
      border-radius: 15px; }
      .local-nav__theme dd a.active {
        color: #fff !important;
        background: #1D8FCE;
        border: 1px solid #1D8FCE; }
      .local-nav__theme dd a:visited {
        color: #aaa; }
      .local-nav__theme dd a:hover {
        color: #fff !important;
        background: #1D8FCE;
        border: 1px solid #1D8FCE; }
.local-nav--sticky {
  position: fixed;
  top: -100px;
  left: 0;
  z-index: 100;
  margin: 0;
  transition: top .4s; }
  .local-nav--sticky .section__inner {
    background: #fff;
    border-radius: 34px;
    box-shadow: 0px 5px 20px -11px rgba(0, 0, 0, 0.4); }
    @media print, screen and (min-width: 769px) {
      .local-nav--sticky .section__inner {
        width: 1000px; } }
  .local-nav--sticky ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    padding: 10px 0; }
    @media print, screen and (min-width: 769px) {
      .local-nav--sticky ul {
        width: 950px;
        margin: 0 auto; } }
    .local-nav--sticky ul li {
      flex-basis: calc((100% / 8) - 1px);
      border-right: 1px solid #EDF2F9; }
      .local-nav--sticky ul li:last-child {
        border: none; }
      .local-nav--sticky ul li a {
        display: block;
        position: relative;
        padding: 5px 15px 15px;
        font-weight: 500; }
        .local-nav--sticky ul li a::after {
          content: "";
          position: absolute;
          width: 12px;
          height: 7px;
          bottom: 3px;
          left: calc(50% - 6px);
          top: auto;
          right: auto;
          display: inline-block;
          background: url("/media_library/ao/images/icon_arrow_down.svg") no-repeat;
          background-size: contain; }
        .local-nav--sticky ul li a:hover {
          color: #333; }
          .local-nav--sticky ul li a:hover::after {
            transform: translate(0, 4px);
            transition: all .3s; }

section {
  position: relative;
  width: 100%;
  margin: 45px 0 0; }
  @media only screen and (max-width: 768px) {
    section {
      margin: 6vw 0vw 0vw 0vw; } }

.section__inner {
  width: 950px;
  margin: 0 auto; }
  @media only screen and (max-width: 768px) {
    .section__inner {
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    .section__inner {
      padding: 0vw 2.6666666667vw 0vw 2.6666666667vw; } }

.about-box {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap; }
  .about-box li {
    flex-basis: calc(50% - 40px);
    margin: 0 0 45px; }
    @media only screen and (max-width: 768px) {
      .about-box li {
        flex-basis: 100%; } }
    @media only screen and (max-width: 768px) {
      .about-box li {
        margin: 0vw 0vw 6vw 0vw; } }
    .about-box li:nth-last-child(-n+2) {
      margin: 0; }
      @media only screen and (max-width: 768px) {
        .about-box li:nth-last-child(-n+2) {
          margin: 0vw 0vw 6vw 0vw; } }
    @media only screen and (max-width: 768px) {
      .about-box li:last-child {
        margin: 0; } }
    .about-box li figure {
      position: relative;
      margin: auto;
      max-width: 500px; }
      .about-box li figure img {
        vertical-align: top; }
      .about-box li figure::after {
        content: '';
        width: 40px;
        height: 40px;
        background: url("/media_library/ao/images/icon_arrow_link.svg");
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 10;
        background-size: contain; }
      .about-box li figure figcaption {
        font-size: 23px;
        color: #fff;
        font-weight: bold;
        position: absolute;
        bottom: 20px;
        left: 20px;
        z-index: 20;
        line-height: 1.6; }
        @media only screen and (max-width: 768px) {
          .about-box li figure figcaption {
            font-size: 4.2666666667vw; } }
.about-detail__btn {
  margin: 50px 0 70px;
  text-align: center; }
  @media only screen and (max-width: 768px) {
    .about-detail__btn {
      margin: 6.6666666667vw 0vw 9.3333333333vw 0vw; } }
  .about-detail__btn .ao__btn {
    width: 40%; }
    @media only screen and (max-width: 768px) {
      .about-detail__btn .ao__btn {
        width: 100%; } }

.case-msg-box {
  border: 1px solid #64B6E4;
  margin: 0 0 40px; }
  .case-msg-box a {
    display: block; }
  .case-msg-box img {
    vertical-align: top; }
.case-interview__list li {
  margin: 0 0 20px 0; }
  @media only screen and (max-width: 768px) {
    .case-interview__list li {
      margin: 0vw 0vw 2.6666666667vw 0vw; } }
  .case-interview__list li:last-child {
    margin: 0; }
  .case-interview__list li a {
    display: block;
    padding: 30px;
    color: #333;
    background: #F5F5F5; }
    @media only screen and (max-width: 768px) {
      .case-interview__list li a {
        padding: 4vw 4vw 4vw 4vw; } }
    .case-interview__list li a:visited, .case-interview__list li a:hover {
      color: #333; }
.case-interview__container {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: nowrap; }
  @media only screen and (max-width: 768px) {
    .case-interview__container {
      flex-wrap: wrap; } }
  .case-interview__container figure {
    text-align: center;
    flex-basis: 180px; }
    @media only screen and (max-width: 768px) {
      .case-interview__container figure {
        flex-basis: 100%; } }
    @media only screen and (max-width: 768px) {
      .case-interview__container figure {
        margin-bottom: 5px; } }
.case-interview__tag-box {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: nowrap;
  margin: 0 0 10px; }
  @media only screen and (max-width: 768px) {
    .case-interview__tag-box {
      flex-wrap: wrap; } }
  @media only screen and (max-width: 768px) {
    .case-interview__tag-box {
      margin: 0vw 0vw 1.3333333333vw 0vw; } }
  .case-interview__tag-box ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin: 0; }
    .case-interview__tag-box ul li {
      background-color: #fff;
      border: 1px solid #1D8FCE;
      border-radius: 20px;
      color: #1D8FCE;
      padding: 0 15px;
      margin: 0 10px 0 0;
      white-space: nowrap;
      flex-wrap: wrap;
      font-size: 14px; }
      @media only screen and (max-width: 768px) {
        .case-interview__tag-box ul li {
          padding: 0vw 2vw 0vw 2vw; } }
      @media only screen and (max-width: 768px) {
        .case-interview__tag-box ul li {
          margin: 0vw 1.3333333333vw 0vw 0vw; } }
      @media only screen and (max-width: 768px) {
        .case-interview__tag-box ul li {
          font-size: 3.7333333333vw; } }
.case-interview__txt {
  flex-basis: calc(100% - 200px); }
  @media only screen and (max-width: 768px) {
    .case-interview__txt {
      flex-basis: 100%; } }
.case-interview__date {
  font-size: 13px; }
  @media only screen and (max-width: 768px) {
    .case-interview__date {
      font-size: 3.7333333333vw; } }
.case-interview__title {
  font-size: 20px;
  font-weight: bold; }
  @media only screen and (max-width: 768px) {
    .case-interview__title {
      font-size: 3.7333333333vw; } }

.service__inner {
  padding: 30px 0 40px; }
  @media only screen and (max-width: 768px) {
    .service__inner {
      padding: 4vw 0vw 5.3333333333vw 0vw; } }
  .service__inner:last-child {
    padding: 30px 0 0; }
    @media only screen and (max-width: 768px) {
      .service__inner:last-child {
        padding: 4vw 0vw 0vw 0vw; } }
.service__txtBox {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: nowrap; }
  @media only screen and (max-width: 768px) {
    .service__txtBox {
      flex-wrap: wrap; } }
.service__btn {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin: 50px auto 0;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start; }
  @media only screen and (max-width: 768px) {
    .service__btn {
      margin: 6.6666666667vw auto 0vw auto; } }
  @media only screen and (max-width: 768px) {
    .service__btn {
      flex-wrap: wrap; } }
  .service__btn a {
    flex-basis: 30%;
    margin: 0; }
    @media only screen and (max-width: 768px) {
      .service__btn a {
        flex-basis: 100%; } }
    .service__btn a:first-child {
      margin: 0 40px 0 0; }
      @media only screen and (max-width: 768px) {
        .service__btn a:first-child {
          margin: 0vw 0vw 2.6666666667vw 0vw; } }
.service-bast__inner {
  border: 1px solid #E5E5E5;
  padding: 50px 40px 40px;
  margin: 60px 0; }
  @media only screen and (max-width: 768px) {
    .service-bast__inner {
      padding: 6.6666666667vw 5.3333333333vw 5.3333333333vw 5.3333333333vw; } }
  @media only screen and (max-width: 768px) {
    .service-bast__inner {
      margin: 8vw 0vw 8vw 0vw; } }
.service-bast__txt {
  flex-basis: 45%; }
  @media only screen and (max-width: 768px) {
    .service-bast__txt {
      flex-basis: 100%; } }
  @media only screen and (max-width: 768px) {
    .service-bast__txt {
      margin: 0vw 0vw 2vw 0vw; } }
.service-bast__chart {
  flex-basis: 50%; }
  @media only screen and (max-width: 768px) {
    .service-bast__chart {
      flex-basis: 100%; } }
  .service-bast__chart-title span {
    color: #1D8FCE; }
  .service-bast__chart-detail {
    background: #EEF9FF;
    padding: 15px 30px; }
    @media only screen and (max-width: 768px) {
      .service-bast__chart-detail {
        padding: 4vw 4vw 4vw 4vw; } }
    .service-bast__chart-detail dl {
      font-weight: bold;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      line-height: 1; }
    .service-bast__chart-detail dt {
      padding: 15px 20px;
      flex-basis: calc(4em + 40px);
      background: #fff;
      font-size: 21px;
      margin: 0 0 10px; }
      @media only screen and (max-width: 768px) {
        .service-bast__chart-detail dt {
          padding: 2vw 2.6666666667vw 2vw 2.6666666667vw; } }
      @media only screen and (max-width: 768px) {
        .service-bast__chart-detail dt {
          flex-basis: calc(4em + (2.6666666667vw * 2)); } }
      @media only screen and (max-width: 768px) {
        .service-bast__chart-detail dt {
          font-size: 3.7333333333vw; } }
      .service-bast__chart-detail dt:last-of-type {
        margin: 0; }
    .service-bast__chart-detail dd {
      font-size: 21px;
      flex-basis: calc(100% - 4em - 55px);
      margin: 0 0 10px; }
      @media only screen and (max-width: 768px) {
        .service-bast__chart-detail dd {
          font-size: 4.2666666667vw; } }
      @media only screen and (max-width: 768px) {
        .service-bast__chart-detail dd {
          flex-basis: calc(100% - 4em - 10vw); } }
      .service-bast__chart-detail dd:last-of-type {
        margin: 0; }
      .service-bast__chart-detail dd span {
        color: #1D8FCE;
        font-size: 76px;
        margin: 0 10px 0 0;
        font-family: futura-pt, sans-serif;
        letter-spacing: -3px; }
        @media only screen and (max-width: 768px) {
          .service-bast__chart-detail dd span {
            font-size: 10.1333333333vw; } }
        @media only screen and (max-width: 768px) {
          .service-bast__chart-detail dd span {
            letter-spacing: -1px; } }
.service-bast__utilize {
  border: 4px solid #E9E9E9;
  padding: 25px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
  flex-wrap: nowrap;
  position: relative;
  margin: 0 0 55px; }
  @media only screen and (max-width: 768px) {
    .service-bast__utilize {
      padding: 4.6666666667vw 3.3333333333vw 4.6666666667vw 3.3333333333vw; } }
  @media only screen and (max-width: 768px) {
    .service-bast__utilize {
      flex-wrap: wrap; } }
  .service-bast__utilize::after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: calc(100% + 25px);
    left: calc(50% - 15px);
    margin: 0 0 0 -30px;
    border-style: solid;
    border-width: 30px 50px 0 50px;
    border-color: #e9e9e9 transparent transparent transparent; }
  .service-bast__utilize li {
    text-align: center; }
    @media only screen and (max-width: 768px) {
      .service-bast__utilize li {
        margin: 0vw 0vw 4vw 0vw; } }
    @media only screen and (max-width: 768px) {
      .service-bast__utilize li:last-child {
        margin: 0; } }
    .service-bast__utilize li p {
      color: #1D8FCE;
      font-weight: bold; }
.service-zeimu__txt {
  flex-basis: 45%; }
  @media only screen and (max-width: 768px) {
    .service-zeimu__txt {
      flex-basis: 100%; } }
.service-zeimu__chart {
  flex-basis: 50%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: space-between;
  background: #EEF9FF;
  padding: 10px 30px; }
  @media only screen and (max-width: 768px) {
    .service-zeimu__chart {
      flex-basis: 100%; } }
  @media only screen and (max-width: 768px) {
    .service-zeimu__chart {
      flex-wrap: wrap; } }
  @media only screen and (max-width: 768px) {
    .service-zeimu__chart {
      padding: 4vw 4vw 4vw 4vw; } }
  .service-zeimu__chart dl {
    flex-basis: 43%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap; }
    @media only screen and (max-width: 768px) {
      .service-zeimu__chart dl {
        flex-basis: 46%; } }
  .service-zeimu__chart dt {
    font-size: 17px;
    flex-basis: calc(4em + 10px);
    font-weight: bold; }
    @media only screen and (max-width: 768px) {
      .service-zeimu__chart dt {
        font-size: 3.7333333333vw; } }
    @media only screen and (max-width: 768px) {
      .service-zeimu__chart dt {
        flex-basis: 47%; } }
  .service-zeimu__chart dd {
    font-size: 15px;
    font-weight: normal;
    flex-basis: 6.5em;
    text-align: right; }
    @media only screen and (max-width: 768px) {
      .service-zeimu__chart dd {
        font-size: 3.7333333333vw; } }
    @media only screen and (max-width: 768px) {
      .service-zeimu__chart dd {
        flex-basis: 53%; } }
    .service-zeimu__chart dd span {
      font-size: 22px;
      font-weight: bold;
      color: #1D8FCE;
      margin: 0 3px 0 0; }
      @media only screen and (max-width: 768px) {
        .service-zeimu__chart dd span {
          font-size: 4.2666666667vw; } }

.forte__container {
  margin: 10px 10px 50px; }
  @media only screen and (max-width: 768px) {
    .forte__container {
      margin: 1.3333333333vw 1.3333333333vw 6.6666666667vw 1.3333333333vw; } }
  .forte__container:last-child {
    margin: 10px 10px 0; }
    @media only screen and (max-width: 768px) {
      .forte__container:last-child {
        margin: 1.3333333333vw 1.3333333333vw 0vw 1.3333333333vw; } }
  .forte__container figure {
    flex-basis: auto;
    text-align: center; }
    @media only screen and (max-width: 768px) {
      .forte__container figure {
        flex-basis: 100%; } }
    @media only screen and (max-width: 768px) {
      .forte__container figure {
        margin: 2vw 0vw 0vw 0vw; } }
  .forte__container figcaption {
    text-align: right;
    font-size: 12px; }
    @media only screen and (max-width: 768px) {
      .forte__container figcaption {
        font-size: 3.5vw; } }
    .forte__container figcaption::before {
      content: '収録：'; }
.forte-box {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: nowrap; }
  @media only screen and (max-width: 768px) {
    .forte-box {
      flex-wrap: wrap; } }
  .forte-box figure.movie {
    margin: 0; }
    @media only screen and (max-width: 768px) {
      .forte-box figure.movie {
        margin: 2.6666666667vw 0vw 0vw 0vw; } }
    .forte-box figure.movie .new-icon {
      display: inline-block;
      position: relative; }
      .forte-box figure.movie .new-icon::before {
        content: "New";
        position: absolute;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background: #EF9E35;
        color: #fff;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        justify-content: center;
        align-items: center;
        top: -5%;
        left: -5%; }
        @media only screen and (max-width: 768px) {
          .forte-box figure.movie .new-icon::before {
            width: 10.6666666667vw; } }
        @media only screen and (max-width: 768px) {
          .forte-box figure.movie .new-icon::before {
            height: 10.6666666667vw; } }
.forte__txt {
  flex-basis: 60%; }
  @media only screen and (max-width: 768px) {
    .forte__txt {
      flex-basis: 100%; } }
.forte__img {
  flex-basis: auto; }
.forte-cc .ao__btn--bg-white {
  width: 70%; }
  @media only screen and (max-width: 768px) {
    .forte-cc .ao__btn--bg-white {
      width: 100%; } }
.forte-list-box {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  flex-wrap: nowrap;
  margin: 0 0 80px 0; }
  @media only screen and (max-width: 768px) {
    .forte-list-box {
      flex-wrap: wrap; } }
  @media only screen and (max-width: 768px) {
    .forte-list-box {
      margin: 0vw 0vw 8.6666666667vw 0vw; } }
  .forte-list-box a {
    padding: 30px 25px 30px 15px;
    flex-basis: 40%; }
    @media only screen and (max-width: 768px) {
      .forte-list-box a {
        padding: 4vw 3.3333333333vw 4vw 2vw; } }
    @media only screen and (max-width: 768px) {
      .forte-list-box a {
        margin: 0vw 0vw 2vw 0vw; } }
    @media only screen and (max-width: 768px) {
      .forte-list-box a {
        flex-basis: 100%; } }

.solution h2 {
  color: #1D8FCE;
  border: none;
  font-size: 36px;
  margin: 0 0 15px;
  line-height: 1.5; }
  @media only screen and (max-width: 768px) {
    .solution h2 {
      font-size: 6.1333333333vw; } }
  @media only screen and (max-width: 768px) {
    .solution h2 {
      margin: 0vw 0vw 2vw 0vw; } }
  .solution h2 span {
    display: inline-block;
    border-bottom: 1px solid #1D8FCE;
    margin: 0 0 10px; }
    @media only screen and (max-width: 768px) {
      .solution h2 span {
        margin: 0vw 0vw 1.3333333333vw 0vw; } }
.solution h3 {
  font-size: 35px;
  margin: 0 0 50px; }
  @media only screen and (max-width: 768px) {
    .solution h3 {
      font-size: 5.6vw; } }
  @media only screen and (max-width: 768px) {
    .solution h3 {
      margin: 0vw 0vw 6.6666666667vw 0vw; } }
  .solution h3 span {
    display: inline-block;
    color: #1D8FCE;
    font-size: 28px;
    border-top: 1px solid #1D8FCE;
    border-bottom: 1px solid #1D8FCE;
    padding: 5px 15px;
    margin: 0 0 15px; }
    @media only screen and (max-width: 768px) {
      .solution h3 span {
        font-size: 5.0666666667vw; } }
.solution__inner {
  padding: 65px 0 50px; }
  @media only screen and (max-width: 768px) {
    .solution__inner {
      padding: 6.6666666667vw 0vw 5.3333333333vw 0vw; } }
.solution__box {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 50px; }
  @media only screen and (max-width: 768px) {
    .solution__box {
      margin: 0vw 0vw 6.6666666667vw 0vw; } }
  .solution__box figure {
    flex-basis: 300px; }
    @media only screen and (max-width: 768px) {
      .solution__box figure {
        display: none; } }
.solution__txt {
  flex-basis: auto; }
  .solution__txt ul {
    font-size: 20px; }
  .solution__txt li {
    position: relative;
    margin: 0 0 5px;
    padding: 0 0 0 25px; }
    .solution__txt li::before {
      content: "";
      position: absolute;
      width: 18px;
      height: 18px;
      background: url("/media_library/ao/images/icon_checkbox.svg") no-repeat;
      top: calc(((1em * 1.8) / 2) - 9px);
      left: 0;
      background-size: contain;
      display: inline-block; }
.solution__tkcsystem {
  background: #fff;
  padding: 45px 70px;
  text-align: center; }
  @media only screen and (max-width: 768px) {
    .solution__tkcsystem {
      padding: 4.6666666667vw 5.3333333333vw 4.6666666667vw 5.3333333333vw; } }
  .solution__tkcsystem dl {
    text-align: left;
    margin: 50px 0 0; }
    @media only screen and (max-width: 768px) {
      .solution__tkcsystem dl {
        margin: 6.6666666667vw 0vw 0vw 0vw; } }
    .solution__tkcsystem dl dt {
      position: relative;
      margin: 0 0 5px;
      padding: 0 0 0 25px;
      font-weight: bold;
      font-size: 20px; }
      @media only screen and (max-width: 768px) {
        .solution__tkcsystem dl dt {
          padding: 0vw 0vw 0vw 3.3333333333vw; } }
      @media only screen and (max-width: 768px) {
        .solution__tkcsystem dl dt {
          font-size: 4vw; } }
      .solution__tkcsystem dl dt::before {
        content: "";
        position: absolute;
        width: 8px;
        height: 9px;
        background: url("/media_library/ao/images/icon_listitem.svg") no-repeat;
        top: calc(((1em * 1.8) / 2) - 4.5px);
        left: 0;
        background-size: contain;
        display: inline-block; }
    .solution__tkcsystem dl dd {
      font-weight: normal;
      padding: 0 0 0 25px;
      margin: 0 0 15px; }
      @media only screen and (max-width: 768px) {
        .solution__tkcsystem dl dd {
          margin: 0vw 0vw 2vw 0vw; } }
.solution__download {
  margin: 30px 0 0; }
  @media only screen and (max-width: 768px) {
    .solution__download {
      margin: 4vw 0vw 0vw 0vw; } }
  .solution__download p {
    font-size: 18px;
    margin: 0 0 50px;
    font-weight: bold;
    color: #1D8FCE; }
    @media only screen and (max-width: 768px) {
      .solution__download p {
        font-size: 3.7333333333vw; } }
    @media only screen and (max-width: 768px) {
      .solution__download p {
        margin: 0vw 0vw 6.6666666667vw 0vw; } }
    .solution__download p::before {
      content: '';
      display: block;
      width: 35px;
      height: 3px;
      background: #ccc;
      margin: 0 auto 15px; }
.solution .anchor {
  padding-top: 100px;
  margin-top: -100px; }

.voice-movie.js-display {
  display: none; }
.voice-movie__list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 0; }
  @media only screen and (max-width: 768px) {
    .voice-movie__list {
      row-gap: 20px; } }
  .voice-movie__list li {
    flex-basis: 48%; }
    @media only screen and (max-width: 768px) {
      .voice-movie__list li {
        flex-basis: 100%; } }
    .voice-movie__list li iframe {
      width: 100%;
      max-width: 100%;
      aspect-ratio: 1.7777777778;
      height: auto; }
.voice-article__list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 40px 30px; }
  @media only screen and (max-width: 768px) {
    .voice-article__list {
      justify-content: space-between; } }
  @media only screen and (max-width: 768px) {
    .voice-article__list {
      gap: 30px 0; } }
  .voice-article__list li {
    padding: 45px 14px 15px 14px;
    position: relative;
    flex-basis: 215px;
    border: 1px solid #E5E5E5; }
    @media only screen and (max-width: 768px) {
      .voice-article__list li {
        padding: 8.6666666667vw 1.8666666667vw 2vw 1.8666666667vw; } }
    @media only screen and (max-width: 768px) {
      .voice-article__list li {
        flex-basis: 48%; } }
    .voice-article__list li .category {
      font-size: 13px;
      width: calc(12em + 20px);
      color: #fff;
      position: absolute;
      top: 2.8%;
      left: -5px;
      background: #1D8FCE;
      display: block;
      padding: 0 0 0 10px; }
      @media only screen and (max-width: 768px) {
        .voice-article__list li .category {
          font-size: 3vw; } }
      @media only screen and (max-width: 768px) {
        .voice-article__list li .category {
          padding: 0vw 0vw 0vw 1.3333333333vw; } }
      .voice-article__list li .category:hover, .voice-article__list li .category:visited {
        color: #fff; }
      .voice-article__list li .category:hover {
        opacity: 0.7;
        transition: opacity .4s; }
.voice-article__detail {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  height: 100%; }
  .voice-article__detail figure {
    text-align: center;
    overflow: hidden;
    max-height: 157px; }
    .voice-article__detail figure img {
      transition: transform .4s;
      vertical-align: top; }
  .voice-article__detail:hover figure img {
    transform: scale(1.1);
    /* 拡大 */ }
.voice-article__date {
  color: #999;
  text-align: right;
  font-size: 14px; }
  @media only screen and (max-width: 768px) {
    .voice-article__date {
      font-size: 3.7333333333vw; } }
.voice-article__title {
  line-height: 1.4;
  flex-grow: 1;
  margin-top: 5px; }

@media only screen and (max-width: 415px) {
  .voice-article__list li {
    flex-basis: 100%; } }
.seminar__list li {
  margin-bottom: 15px; }
  .seminar__list li:last-child {
    margin-bottom: 0; }
.seminar__list a {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  box-shadow: 0px 4px 12px 0px rgba(0, 102, 199, 0.12);
  padding: 25px 20px 20px;
  transition: all .2s; }
  @media only screen and (max-width: 768px) {
    .seminar__list a {
      flex-wrap: wrap; } }
  @media only screen and (max-width: 768px) {
    .seminar__list a {
      padding: 3.3333333333vw 2.6666666667vw 2.6666666667vw 2.6666666667vw; } }
  .seminar__list a figure {
    flex-basis: 300px; }
    @media only screen and (max-width: 768px) {
      .seminar__list a figure {
        flex-basis: 100%; } }
  .seminar__list a:hover {
    transition: all .2s;
    color: #333; }
  .seminar__list a:visited {
    transition: all .2s; }
.seminar__detail {
  flex-basis: calc(100% - 330px);
  font-size: 14px; }
  @media only screen and (max-width: 768px) {
    .seminar__detail {
      flex-basis: 100%; } }
  @media only screen and (max-width: 768px) {
    .seminar__detail {
      font-size: 3.7333333333vw; } }
.seminar__title {
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 10px;
  line-height: 1.4; }
  @media only screen and (max-width: 768px) {
    .seminar__title {
      font-size: 3.8vw; } }
  @media only screen and (max-width: 768px) {
    .seminar__title {
      margin: 1.3333333333vw 0vw 1.3333333333vw 0vw; } }
.seminar__date {
  margin: 15px 0 0; }
  @media only screen and (max-width: 768px) {
    .seminar__date {
      margin: 2vw 0vw 0vw 0vw; } }
  .seminar__date::before {
    content: '開催日：'; }
.seminar__place {
  margin: 0; }
  .seminar__place::before {
    content: '開催地：'; }
.seminar__more {
  color: #1D8FCE;
  padding: 0 20px 0 0;
  position: relative;
  text-align: right; }
  .seminar__more::after {
    content: '';
    position: absolute;
    background: url("/media_library/ao/images/icon_arrow.svg") no-repeat;
    background-size: contain;
    width: 8px;
    height: 12px;
    top: calc(50% - 5.5px);
    display: block;
    right: 0; }
.seminar-close {
  font-size: 14px; }
  @media only screen and (max-width: 768px) {
    .seminar-close {
      font-size: 3.7333333333vw; } }

@media (hover: hover) {
  .seminar__list a:hover {
    box-shadow: 0px 0px 0px 2px #1D8FCE; } }
.follow-list h4 {
  margin: 20px 0 5px;
  padding: 0 0 0 0.7em;
  line-height: 1.5; }
  @media only screen and (max-width: 768px) {
    .follow-list h4 {
      margin: 2.6666666667vw 0vw 0.6666666667vw 0vw; } }
.follow-list > li {
  margin: 40px 0 70px 40px;
  padding: 20px;
  background: #F5F5F5;
  position: relative; }
  @media only screen and (max-width: 768px) {
    .follow-list > li {
      margin: 5.3333333333vw 0vw 13.3333333333vw 5.3333333333vw; } }
  @media only screen and (max-width: 768px) {
    .follow-list > li {
      padding: 2.6666666667vw 2.6666666667vw 2.6666666667vw 2.6666666667vw; } }
  .follow-list > li::before {
    position: absolute;
    top: 20px;
    left: -9px;
    content: "";
    height: 100%;
    width: 1px;
    background: #1D8FCE; }
    @media only screen and (max-width: 768px) {
      .follow-list > li::before {
        top: 15px; } }
  .follow-list > li::after {
    position: absolute;
    left: -14px;
    bottom: -20px;
    content: "";
    display: inline-block;
    height: 9px;
    width: 6px;
    background: url("/media_library/ao/images/icon_numList_arrow.svg") no-repeat;
    background-size: contain; }
    @media only screen and (max-width: 768px) {
      .follow-list > li::after {
        bottom: -15px; } }
  .follow-list > li:last-child {
    margin: 40px 0 60px 40px; }
    @media only screen and (max-width: 768px) {
      .follow-list > li:last-child {
        margin: 5.3333333333vw 0vw 8vw 5.3333333333vw; } }
    .follow-list > li:last-child::before, .follow-list > li:last-child:after {
      background: none; }
.follow-list__num {
  position: absolute;
  z-index: 10;
  background-color: #1D8FCE;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 65px;
  width: 65px;
  border-radius: 34px;
  font-size: 17px;
  color: #fff;
  top: -40px;
  left: -40px; }
  @media only screen and (max-width: 768px) {
    .follow-list__num {
      height: 50px; } }
  @media only screen and (max-width: 768px) {
    .follow-list__num {
      width: 50px; } }
  @media only screen and (max-width: 768px) {
    .follow-list__num {
      font-size: 3.7333333333vw; } }
  @media only screen and (max-width: 768px) {
    .follow-list__num {
      top: -30px; } }
  @media only screen and (max-width: 768px) {
    .follow-list__num {
      left: -25px; } }
.follow-list__detail {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap; }
  .follow-list__detail li {
    margin: 0 10px 0 0;
    position: relative;
    padding-left: 1em;
    flex-basis: auto; }
    @media only screen and (max-width: 768px) {
      .follow-list__detail li {
        margin: 0vw 1.3333333333vw 0vw 0vw; } }
    @media only screen and (max-width: 768px) {
      .follow-list__detail li {
        flex-basis: 100%; } }
    .follow-list__detail li:last-child {
      margin: 0; }
    .follow-list__detail li::before {
      position: absolute;
      content: "●";
      font-size: 10px;
      color: #1D8FCE;
      left: 0;
      top: 15%; }
      @media only screen and (max-width: 768px) {
        .follow-list__detail li::before {
          font-size: 2vw; } }
.follow-intro {
  margin: 0;
  padding: 0 0 75px; }
  @media only screen and (max-width: 768px) {
    .follow-intro {
      padding: 0vw 0vw 8vw 0vw; } }
  .follow-intro__catch {
    text-align: center;
    font-weight: bold;
    font-size: 32px;
    padding: 60px 0 0;
    margin: 0 0 40px; }
    @media only screen and (max-width: 768px) {
      .follow-intro__catch {
        font-size: 4.2666666667vw; } }
    @media only screen and (max-width: 768px) {
      .follow-intro__catch {
        padding: 8vw 0vw 0vw 0vw; } }
    @media only screen and (max-width: 768px) {
      .follow-intro__catch {
        margin: 0vw 0vw 5.3333333333vw 0vw; } }
  .follow-intro ul {
    background: #fff;
    line-height: 1.2;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1); }
    .follow-intro ul li {
      border-bottom: 1px solid #E5E5E5;
      position: relative; }
      .follow-intro ul li:last-child {
        border-bottom: none; }
      .follow-intro ul li span {
        color: #1D8FCE;
        font-size: 28px;
        font-weight: bold;
        padding: 0 2px 0 4px; }
        @media only screen and (max-width: 768px) {
          .follow-intro ul li span {
            font-size: 5.0666666667vw; } }
      .follow-intro ul li a {
        display: block;
        padding: 25px 0 25px 60px; }
        @media only screen and (max-width: 768px) {
          .follow-intro ul li a {
            padding: 3.3333333333vw 0vw 3.3333333333vw 8vw; } }
        .follow-intro ul li a:visited, .follow-intro ul li a:hover {
          color: #333; }
        .follow-intro ul li a:first-child, .follow-intro ul li a:last-child {
          padding: 30px 0 25px 60px; }
          @media only screen and (max-width: 768px) {
            .follow-intro ul li a:first-child, .follow-intro ul li a:last-child {
              padding: 4vw 0vw 3.3333333333vw 8vw; } }
        .follow-intro ul li a::before {
          content: "";
          position: absolute;
          background: url("/media_library/ao/images/icon_arrow_down.svg") no-repeat;
          width: 3%;
          height: 6%;
          display: inline-block;
          background-size: contain;
          top: calc(50% - (6% / 2));
          left: 2%; }
        .follow-intro ul li a:hover::before {
          transform: translate(0, 5px);
          transition: all .3s; }
  .follow-intro__title {
    font-weight: bold;
    font-size: 20px;
    position: relative;
    margin: 0 0 3px; }
    @media only screen and (max-width: 768px) {
      .follow-intro__title {
        font-size: 4vw; } }
.follow__table li {
  padding-left: 1em;
  position: relative; }
  .follow__table li::before {
    content: "●";
    font-size: 10px;
    color: #1D8FCE;
    position: absolute;
    top: 15%;
    left: 0;
    display: inline-block; }
    @media only screen and (max-width: 768px) {
      .follow__table li::before {
        font-size: 1vw; } }
.follow-newmem__forum {
  border: 1px solid #E5E5E5;
  padding: 30px;
  margin: 40px 0 0; }
  @media only screen and (max-width: 768px) {
    .follow-newmem__forum {
      padding: 4vw 4vw 4vw 4vw; } }
  @media only screen and (max-width: 768px) {
    .follow-newmem__forum {
      margin: 2.6666666667vw 2vw 1.3333333333vw 2vw; } }
  .follow-newmem__forum-inner {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap; }
    @media only screen and (max-width: 768px) {
      .follow-newmem__forum-inner {
        flex-wrap: wrap; } }
    .follow-newmem__forum-inner p {
      flex-basis: calc(100% - 500px);
      margin: 0; }
      @media only screen and (max-width: 768px) {
        .follow-newmem__forum-inner p {
          flex-basis: 100%; } }
    .follow-newmem__forum-inner figure {
      flex-basis: 475px; }
      @media only screen and (max-width: 768px) {
        .follow-newmem__forum-inner figure {
          flex-basis: 100%; } }
      @media only screen and (max-width: 768px) {
        .follow-newmem__forum-inner figure {
          margin-top: 10px; } }
  .follow-newmem__forum-title {
    font-weight: bold;
    font-size: 20px;
    margin: 0 0 20px;
    color: #1D8FCE; }
    @media only screen and (max-width: 768px) {
      .follow-newmem__forum-title {
        font-size: 4vw; } }
    @media only screen and (max-width: 768px) {
      .follow-newmem__forum-title {
        margin: 0vw 0vw 2.6666666667vw 0vw; } }
.follow-newmem .follow__table th {
  width: 40%; }
.follow-newmem .follow__table td {
  width: 60%; }
.follow-management__bannar {
  border: 1px solid #E5E5E5;
  padding: 30px 10px 20px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: nowrap;
  text-align: center; }
  @media only screen and (max-width: 768px) {
    .follow-management__bannar {
      padding: 4vw 1.3333333333vw 2.6666666667vw 1.3333333333vw; } }
  @media only screen and (max-width: 768px) {
    .follow-management__bannar {
      flex-wrap: wrap; } }
  .follow-management__bannar a {
    display: inline-block;
    flex-basis: auto;
    margin: 0 30px 0 0; }
    @media only screen and (max-width: 768px) {
      .follow-management__bannar a {
        flex-basis: 100%; } }
    @media only screen and (max-width: 768px) {
      .follow-management__bannar a {
        margin: 0 0 10px 0; } }
    .follow-management__bannar a:last-child {
      margin: 0; }
.follow-management .follow__table th {
  width: 15%; }
.follow-management .follow__table td {
  width: 85%; }
.follow-tkc__seminar {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: nowrap; }
  @media only screen and (max-width: 768px) {
    .follow-tkc__seminar {
      flex-wrap: wrap; } }
  .follow-tkc__seminar-list {
    flex-basis: calc(100% - 400px);
    counter-reset: list_cnt;
    padding: 0;
    margin: 0; }
    @media only screen and (max-width: 768px) {
      .follow-tkc__seminar-list {
        flex-basis: 100%; } }
    .follow-tkc__seminar-list li {
      padding: 0 0 0 30px;
      position: relative;
      margin: 0 0 5px; }
      @media only screen and (max-width: 768px) {
        .follow-tkc__seminar-list li {
          padding: 0vw 0vw 0vw 5.3333333333vw; } }
      .follow-tkc__seminar-list li::before {
        content: counter(list_cnt);
        counter-increment: list_cnt;
        background-color: #1D8FCE;
        border: 1px solid;
        border-radius: 50%;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 22px;
        width: 22px;
        color: #ffffff;
        font-size: 85%;
        line-height: 1;
        position: absolute;
        top: 10%;
        left: 0; }
        @media only screen and (max-width: 768px) {
          .follow-tkc__seminar-list li::before {
            height: 4.8vw; } }
        @media only screen and (max-width: 768px) {
          .follow-tkc__seminar-list li::before {
            width: 4.8vw; } }
    .follow-tkc__seminar-list figure {
      flex-basis: 370px; }
      @media only screen and (max-width: 768px) {
        .follow-tkc__seminar-list figure {
          flex-basis: 100%; } }
.follow-helpdesk__title {
  font-size: 20px;
  margin: 0 0 20px;
  color: #1D8FCE;
  font-weight: bold; }
  @media only screen and (max-width: 768px) {
    .follow-helpdesk__title {
      font-size: 4vw; } }
  @media only screen and (max-width: 768px) {
    .follow-helpdesk__title {
      margin: 0vw 0vw 2.6666666667vw 0vw; } }
.follow-helpdesk__inquiry {
  border: 1px solid #E5E5E5;
  padding: 30px;
  margin: 40px 0 0; }
  @media only screen and (max-width: 768px) {
    .follow-helpdesk__inquiry {
      padding: 4vw 4vw 4vw 4vw; } }
  @media only screen and (max-width: 768px) {
    .follow-helpdesk__inquiry {
      margin: 5.3333333333vw 0vw 0vw 0vw; } }
.follow-helpdesk__container {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: nowrap; }
  @media only screen and (max-width: 768px) {
    .follow-helpdesk__container {
      flex-wrap: wrap; } }
  .follow-helpdesk__container > figure {
    text-align: center;
    flex-basis: 250px; }
    @media only screen and (max-width: 768px) {
      .follow-helpdesk__container > figure {
        flex-basis: 100%; } }
.follow-helpdesk__list {
  flex-basis: calc(100% - 300px); }
  @media only screen and (max-width: 768px) {
    .follow-helpdesk__list {
      flex-basis: 100%; } }
  @media only screen and (max-width: 768px) {
    .follow-helpdesk__list {
      margin-bottom: 10px; } }
  .follow-helpdesk__list li {
    position: relative;
    padding-left: 1em; }
    .follow-helpdesk__list li::before {
      content: "●";
      font-size: 10px;
      color: #1D8FCE;
      position: absolute;
      left: 0;
      top: 15%; }
      @media only screen and (max-width: 768px) {
        .follow-helpdesk__list li::before {
          font-size: 2vw; } }
      @media only screen and (max-width: 399px) {
        .follow-helpdesk__list li::before {
          top: 5px; } }
.follow-helpdesk__way {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-basis: 50%; }
  @media only screen and (max-width: 768px) {
    .follow-helpdesk__way {
      flex-basis: 100%; } }
  @media only screen and (max-width: 768px) {
    .follow-helpdesk__way {
      margin-bottom: 10px; } }
  .follow-helpdesk__way figure {
    flex-basis: 60px; }
  .follow-helpdesk__way-txt {
    flex-basis: calc(100% - 80px); }
  .follow-helpdesk__way-title {
    color: #1D8FCE;
    font-size: 20px;
    font-weight: bold; }
    @media only screen and (max-width: 768px) {
      .follow-helpdesk__way-title {
        font-size: 4vw; } }
  .follow-helpdesk__way-list {
    flex-basis: calc(100% - 300px); }
    @media only screen and (max-width: 768px) {
      .follow-helpdesk__way-list {
        flex-basis: 100%; } }
    @media only screen and (max-width: 768px) {
      .follow-helpdesk__way-list {
        margin-bottom: 10px; } }
    .follow-helpdesk__way-list li {
      position: relative;
      padding-left: 1em; }
      .follow-helpdesk__way-list li::before {
        content: "●";
        font-size: 10px;
        color: #1D8FCE;
        position: absolute;
        left: 0;
        top: 15%;
        display: inline-block; }
        @media only screen and (max-width: 768px) {
          .follow-helpdesk__way-list li::before {
            font-size: 2vw; } }
        @media only screen and (max-width: 399px) {
          .follow-helpdesk__way-list li::before {
            top: 5px; } }
.follow-helpdesk__hdi {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: nowrap; }
  @media only screen and (max-width: 768px) {
    .follow-helpdesk__hdi {
      flex-wrap: wrap; } }
  .follow-helpdesk__hdi-txt {
    flex-basis: calc(100% - 310px); }
    @media only screen and (max-width: 768px) {
      .follow-helpdesk__hdi-txt {
        flex-basis: 100%; } }
    @media only screen and (max-width: 768px) {
      .follow-helpdesk__hdi-txt {
        margin-bottom: 10px; } }
  .follow-helpdesk__hdi figure {
    text-align: center;
    flex-basis: 278px; }
    @media only screen and (max-width: 768px) {
      .follow-helpdesk__hdi figure {
        flex-basis: 100%; } }

.nmf-greeting__list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  margin: 30px 0 0;
  flex-wrap: nowrap; }
  @media only screen and (max-width: 768px) {
    .nmf-greeting__list {
      margin: 4vw 0vw 0vw 0vw; } }
  @media only screen and (max-width: 768px) {
    .nmf-greeting__list {
      flex-wrap: wrap; } }
  .nmf-greeting__list li {
    flex-basis: 50%;
    margin: 0; }
    @media only screen and (max-width: 768px) {
      .nmf-greeting__list li {
        flex-basis: 100%; } }
    @media only screen and (max-width: 768px) {
      .nmf-greeting__list li {
        margin: 0vw 0vw 2vw 0vw; } }
    @media only screen and (max-width: 768px) {
      .nmf-greeting__list li:last-child {
        margin: 0; } }
.nmf-schedule__box {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap; }
  @media only screen and (max-width: 768px) {
    .nmf-schedule__box {
      flex-wrap: wrap-reverse; } }
  .nmf-schedule__box figure {
    width: auto;
    text-align: center; }
    @media only screen and (max-width: 768px) {
      .nmf-schedule__box figure {
        width: 100%; } }
.nmf-schedule__inner {
  width: calc(100% - 500px); }
  @media only screen and (max-width: 768px) {
    .nmf-schedule__inner {
      width: 100%; } }
.nmf-schedule__table {
  border: none !important; }
  .nmf-schedule__table th, .nmf-schedule__table td {
    border: none !important;
    padding: 10px 0 !important;
    font-weight: bold;
    line-height: 1.4; }
  .nmf-schedule__table th {
    width: 8em; }
  .nmf-schedule__table td {
    width: calc(100% - 8em); }
    .nmf-schedule__table td span {
      font-size: 90%; }
.nmf-program h3 {
  background: #F5F5F5;
  padding: 5px 0 5px 15px;
  font-size: 21px;
  margin: 40px 0 20px; }
  @media only screen and (max-width: 768px) {
    .nmf-program h3 {
      padding: 2vw 0vw 2vw 3.3333333333vw; } }
  @media only screen and (max-width: 768px) {
    .nmf-program h3 {
      font-size: 4vw; } }
  @media only screen and (max-width: 768px) {
    .nmf-program h3 {
      margin: 5.3333333333vw 0vw 2.6666666667vw 0vw; } }
.nmf-program__box {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap; }
  @media only screen and (max-width: 768px) {
    .nmf-program__box {
      flex-wrap: wrap; } }
  .nmf-program__box figure {
    flex-basis: auto; }
    @media only screen and (max-width: 768px) {
      .nmf-program__box figure {
        flex-basis: 100%; } }
.nmf-program__detail {
  flex-basis: calc(100% - 220px);
  margin: 0; }
  @media only screen and (max-width: 768px) {
    .nmf-program__detail {
      flex-basis: 100%; } }
  @media only screen and (max-width: 768px) {
    .nmf-program__detail {
      margin: 1.3333333333vw 0vw 0vw 0vw; } }
.nmf-program__name {
  font-weight: bold;
  font-size: 18px; }
  @media only screen and (max-width: 768px) {
    .nmf-program__name {
      font-size: 3.7333333333vw; } }
  .nmf-program__name span {
    font-size: 80%; }
.nmf-program__header {
  background-color: #000;
  color: #fff;
  padding: 6px 10px;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  margin: 0 10px 0 0; }
  @media only screen and (max-width: 768px) {
    .nmf-program__header {
      padding: 0.8vw 1.3333333333vw 0.8vw 1.3333333333vw; } }
  @media only screen and (max-width: 768px) {
    .nmf-program__header {
      display: block; } }
  @media only screen and (max-width: 768px) {
    .nmf-program__header {
      text-align: left; } }
  @media only screen and (max-width: 768px) {
    .nmf-program__header {
      font-size: 3.7333333333vw; } }
  @media only screen and (max-width: 768px) {
    .nmf-program__header {
      margin: 2vw 0vw 2vw 0vw; } }
.nmf-program__title {
  font-size: 20px;
  color: #1D8FCE;
  font-weight: bold;
  display: inline-block;
  line-height: 1.4; }
  @media only screen and (max-width: 768px) {
    .nmf-program__title {
      font-size: 3.7333333333vw; } }
  @media only screen and (max-width: 768px) {
    .nmf-program__title {
      display: block; } }
  .nmf-program__title span {
    color: #333;
    font-size: 80%; }
    @media only screen and (max-width: 768px) {
      .nmf-program__title span {
        font-size: 90%; } }
.nmf-program__profile {
  font-size: 14px; }
  @media only screen and (max-width: 768px) {
    .nmf-program__profile {
      font-size: 3.7333333333vw; } }
.nmf-program__list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 20px 0 0; }
  @media only screen and (max-width: 768px) {
    .nmf-program__list {
      margin: 2.6666666667vw 0vw 0vw 0vw; } }
  .nmf-program__list li {
    flex-basis: calc(50% - 10px);
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    margin: 0 0 20px;
    border: none;
    padding: 0; }
    @media only screen and (max-width: 768px) {
      .nmf-program__list li {
        flex-basis: 100%; } }
    @media only screen and (max-width: 768px) {
      .nmf-program__list li {
        flex-wrap: wrap; } }
    @media only screen and (max-width: 768px) {
      .nmf-program__list li {
        margin: 0vw 0vw 8vw 0vw; } }
    @media only screen and (max-width: 768px) {
      .nmf-program__list li {
        border-bottom: 1px solid #dedede; } }
    @media only screen and (max-width: 768px) {
      .nmf-program__list li {
        padding: 0vw 0vw 8vw 0vw; } }
    .nmf-program__list li:nth-last-child(-n+2) {
      margin: 0; }
      @media only screen and (max-width: 768px) {
        .nmf-program__list li:nth-last-child(-n+2) {
          margin: 0vw 0vw 8vw 0vw; } }
    @media only screen and (max-width: 768px) {
      .nmf-program__list li:last-child {
        margin: 0;
        padding: 0;
        border: none; } }
    .nmf-program__list li figure {
      flex-basis: auto;
      text-align: center; }
      @media only screen and (max-width: 768px) {
        .nmf-program__list li figure {
          flex-basis: 100%; } }
.nmf-program__panelist {
  flex-basis: calc(100% - 140px);
  font-size: 13px;
  line-height: 1; }
  @media only screen and (max-width: 768px) {
    .nmf-program__panelist {
      flex-basis: 100%; } }
  @media only screen and (max-width: 768px) {
    .nmf-program__panelist {
      font-size: 3.5vw; } }
  .nmf-program__panelist-detail {
    line-height: 1.5; }
  .nmf-program__panelist-name {
    font-weight: bold; }
    .nmf-program__panelist-name span {
      font-size: 15px; }
      @media only screen and (max-width: 768px) {
        .nmf-program__panelist-name span {
          font-size: 3.7333333333vw; } }
  .nmf-program__panelist-title {
    border-left: 3px solid #006ec7;
    padding: 2px 0 0 3px;
    font-weight: bold;
    line-height: 1.2;
    margin: 0 0 5px; }
    @media only screen and (max-width: 768px) {
      .nmf-program__panelist-title {
        padding: 0.6666666667vw 0vw 0.6666666667vw 0.6666666667vw; } }
.nmf-summary__box {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap; }
  @media only screen and (max-width: 768px) {
    .nmf-summary__box {
      flex-wrap: wrap; } }
  .nmf-summary__box figure {
    flex-basis: auto; }
    @media only screen and (max-width: 768px) {
      .nmf-summary__box figure {
        flex-basis: 100%; } }
.nmf-summary__date {
  flex-basis: calc(100% - 340px); }
  @media only screen and (max-width: 768px) {
    .nmf-summary__date {
      flex-basis: 100%; } }
.nmf-apply__conv {
  text-align: center; }
.nmf-apply .ao__btn {
  width: 50%; }
  @media only screen and (max-width: 768px) {
    .nmf-apply .ao__btn {
      width: 100%; } }

.ao .nmf__movie {
  width: 560px; }
  @media only screen and (max-width: 768px) {
    .ao .nmf__movie {
      width: 100%; } }

.tkctimes__list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap; }
  .tkctimes__list li {
    flex-basis: calc((100% - 50px) / 3);
    margin: 0 25px 30px 0; }
    @media only screen and (max-width: 768px) {
      .tkctimes__list li {
        flex-basis: 100%; } }
    @media only screen and (max-width: 768px) {
      .tkctimes__list li {
        margin: 0vw 0vw 6.6666666667vw 0vw; } }
    .tkctimes__list li:nth-child(3n) {
      margin: 0 0 30px; }
      @media only screen and (max-width: 768px) {
        .tkctimes__list li:nth-child(3n) {
          margin: 0vw 0vw 6.6666666667vw 0vw; } }
    .tkctimes__list li:nth-last-child(-n+3) {
      margin-bottom: 0; }
      @media only screen and (max-width: 768px) {
        .tkctimes__list li:nth-last-child(-n+3) {
          margin: 0vw 0vw 6.6666666667vw 0vw; } }
    @media only screen and (max-width: 768px) {
      .tkctimes__list li:last-child {
        margin: 0; } }
    .tkctimes__list li a:hover {
      opacity: 0.7;
      transition: opacity .4s;
      color: #333; }
.tkctimes__container {
  font-size: 14px; }
  @media only screen and (max-width: 768px) {
    .tkctimes__container {
      font-size: 3.7333333333vw; } }
  .tkctimes__container figure {
    width: 100%; }
    .tkctimes__container figure img {
      width: 100%; }
.tkctimes__info {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 10px 0; }
  .tkctimes__info-category {
    display: inline-block;
    padding: 0 10px 1px;
    border: 1px solid #1D8FCE;
    font-size: 12px;
    color: #1D8FCE;
    border-radius: 15px; }
    @media only screen and (max-width: 768px) {
      .tkctimes__info-category {
        font-size: 3.4vw; } }
  .tkctimes__info-date {
    font-size: 12px; }
    @media only screen and (max-width: 768px) {
      .tkctimes__info-date {
        font-size: 3.4vw; } }
.tkctimes__title {
  font-size: 17px;
  line-height: 1.5; }
  @media only screen and (max-width: 768px) {
    .tkctimes__title {
      font-size: 4.2vw; } }
  @media only screen and (max-width: 768px) {
    .tkctimes__title {
      margin-bottom: 0; } }

.article__tableOfContents {
  padding: 24px;
  background-color: #F5F8FA;
  margin: 0 0 30px;
  font-size: 16px; }
  @media only screen and (max-width: 768px) {
    .article__tableOfContents {
      padding: 3.2vw 3.2vw 3.2vw 3.2vw; } }
  @media only screen and (max-width: 768px) {
    .article__tableOfContents {
      margin: 0vw 0vw 4vw 0vw; } }
  @media only screen and (max-width: 768px) {
    .article__tableOfContents {
      font-size: 3.7333333333vw; } }
  .article__tableOfContents dt {
    color: #6A6A6A;
    font-weight: bold; }
  .article__tableOfContents dd {
    color: #6A6A6A;
    margin-top: 5px; }
  .article__tableOfContents-num li {
    padding: 4px 0; }
    .article__tableOfContents-num li:last-child {
      padding-bottom: 0; }
  .article__tableOfContents-num a {
    color: #6A6A6A;
    text-decoration: underline; }
    .article__tableOfContents-num a:visited {
      color: #6A6A6A; }
    .article__tableOfContents-num a:hover {
      color: #3AB8EF; }

#tkctimes__article {
  margin: 30px 0 0; }
  @media only screen and (max-width: 768px) {
    #tkctimes__article {
      margin: 4vw 0vw 0vw 0vw; } }
  #tkctimes__article.tkctimes__article .section__inner {
    font-size: 18px;
    width: 728px; }
    @media only screen and (max-width: 768px) {
      #tkctimes__article.tkctimes__article .section__inner {
        font-size: 3.7333333333vw; } }
    @media only screen and (max-width: 768px) {
      #tkctimes__article.tkctimes__article .section__inner {
        width: 100%; } }
    #tkctimes__article.tkctimes__article .section__inner p {
      margin: 30px 0;
      line-height: 2; }
      @media only screen and (max-width: 768px) {
        #tkctimes__article.tkctimes__article .section__inner p {
          margin: 4vw 0vw 4vw 0vw; } }
      #tkctimes__article.tkctimes__article .section__inner p.note {
        margin: 0; }
    #tkctimes__article.tkctimes__article .section__inner .boxBlue p {
      margin: 0; }
  #tkctimes__article.tkctimes__article h2 {
    margin: 20px 0; }
    @media only screen and (max-width: 768px) {
      #tkctimes__article.tkctimes__article h2 {
        margin: 2.6666666667vw 0vw 2.6666666667vw 0vw; } }
  #tkctimes__article.tkctimes__article h3 {
    margin: 20px 0 10px; }
    @media only screen and (max-width: 768px) {
      #tkctimes__article.tkctimes__article h3 {
        margin: 2.6666666667vw 0vw 1.3333333333vw 0vw; } }
  #tkctimes__article.tkctimes__article h5 {
    color: #333; }
  #tkctimes__article.tkctimes__article .imgCaption {
    text-align: center;
    margin: 20px 0 0; }
    @media only screen and (max-width: 768px) {
      #tkctimes__article.tkctimes__article .imgCaption {
        margin: 2.6666666667vw 0vw 0vw 0vw; } }
    #tkctimes__article.tkctimes__article .imgCaption p {
      margin: 5px 0 0 0 !important;
      line-height: 1.2;
      text-align: center;
      font-size: 13px; }
      @media only screen and (max-width: 768px) {
        #tkctimes__article.tkctimes__article .imgCaption p {
          font-size: 2.8vw; } }
  #tkctimes__article.tkctimes__article .imgCaptionFR {
    float: right;
    margin: 5px 0 15px 15px; }
    @media only screen and (max-width: 768px) {
      #tkctimes__article.tkctimes__article .imgCaptionFR {
        margin: 0.6666666667vw 0vw 2vw 2vw; } }
    #tkctimes__article.tkctimes__article .imgCaptionFR p {
      margin: 5px 0 0 0 !important;
      line-height: 1.2;
      text-align: center;
      font-size: 13px; }
      @media only screen and (max-width: 768px) {
        #tkctimes__article.tkctimes__article .imgCaptionFR p {
          font-size: 2.8vw; } }
    @media only screen and (max-width: 768px) {
      #tkctimes__article.tkctimes__article .imgCaptionFR {
        max-width: 50%; } }
  #tkctimes__article.tkctimes__article .imgCaptionFL {
    float: left;
    margin: 5px 15px 15px 0; }
    @media only screen and (max-width: 768px) {
      #tkctimes__article.tkctimes__article .imgCaptionFL {
        margin: 0.6666666667vw 2vw 2vw 0vw; } }
    #tkctimes__article.tkctimes__article .imgCaptionFL p {
      margin: 5px 0 0 0 !important;
      line-height: 1.2;
      text-align: center;
      font-size: 13px; }
      @media only screen and (max-width: 768px) {
        #tkctimes__article.tkctimes__article .imgCaptionFL p {
          font-size: 2.8vw; } }
    @media only screen and (max-width: 768px) {
      #tkctimes__article.tkctimes__article .imgCaptionFL {
        max-width: 50%; } }
  #tkctimes__article.tkctimes__article p span.name {
    font-weight: bold; }
  #tkctimes__article.tkctimes__article div.boxBlue {
    padding: 15px !important;
    border: 1px solid #79bbde;
    background: #eef9ff;
    color: #545253; }
  #tkctimes__article.tkctimes__article div.boxGray {
    padding: 10px;
    border: 1px solid #c9c9c9;
    background: #eeeeee;
    color: #545253; }
  #tkctimes__article.tkctimes__article .profile, #tkctimes__article.tkctimes__article blockquote {
    border: #ccc 1px solid;
    padding: 15px !important;
    margin: 40px 0 30px; }
    @media only screen and (max-width: 768px) {
      #tkctimes__article.tkctimes__article .profile, #tkctimes__article.tkctimes__article blockquote {
        margin: 5.3333333333vw 0vw 4vw 0vw; } }
  #tkctimes__article.tkctimes__article blockquote {
    margin: 20px 0; }
    @media only screen and (max-width: 768px) {
      #tkctimes__article.tkctimes__article blockquote {
        margin: 2.6666666667vw 0vw 2.6666666667vw 0vw; } }
    #tkctimes__article.tkctimes__article blockquote span.moto {
      text-align: right;
      display: block; }
  #tkctimes__article.tkctimes__article .profile p {
    margin: 0; }
  #tkctimes__article.tkctimes__article .profile p.pro_name {
    font-weight: bold; }
  #tkctimes__article.tkctimes__article .profile dl dt {
    font-weight: bold;
    color: #1D8FCE; }
  #tkctimes__article.tkctimes__article table.profile caption {
    text-align: left;
    font-weight: bold; }
  #tkctimes__article.tkctimes__article table.profile th {
    white-space: nowrap; }
  #tkctimes__article.tkctimes__article table.cProfile th {
    white-space: nowrap; }
  #tkctimes__article.tkctimes__article table.cProfile caption {
    text-align: left;
    font-weight: bold;
    color: #1D8FCE; }
  #tkctimes__article.tkctimes__article div.boxGray {
    padding: 16px;
    border: 1px solid #dedede;
    background: #f9f9f9; }
  #tkctimes__article.tkctimes__article div.boxGray p {
    margin: 16px 0; }
  #tkctimes__article.tkctimes__article div.boxGray > :last-child, #tkctimes__article.tkctimes__article div.boxGray > :first-child {
    margin-top: 0;
    margin-bottom: 0; }
  #tkctimes__article.tkctimes__article div.boxGray ol {
    margin: 16px 0; }
  #tkctimes__article.tkctimes__article .senkeiArticle .article__tableOfContents ol {
    padding: 0 !important;
    margin: 0 !important; }
  #tkctimes__article.tkctimes__article .senkeiArticle p {
    margin: 30px 0; }
    @media only screen and (max-width: 768px) {
      #tkctimes__article.tkctimes__article .senkeiArticle p {
        margin: 4vw 0vw 4vw 0vw; } }
    #tkctimes__article.tkctimes__article .senkeiArticle p.lead {
      font-weight: bold; }
  #tkctimes__article.tkctimes__article .senkeiArticle a {
    text-decoration: underline; }
  #tkctimes__article.tkctimes__article .senkeiArticle a.linkIcon {
    padding-left: 15px;
    padding-right: 3px;
    background: url(/media_library/common/images/icon_link_orange.gif) 2px center no-repeat; }
  #tkctimes__article.tkctimes__article .senkeiArticle .titleArea {
    background: #EEF9FF;
    padding: 0 0 20px 0;
    width: calc(100% + 222px);
    margin-left: -111px; }
    @media only screen and (max-width: 768px) {
      #tkctimes__article.tkctimes__article .senkeiArticle .titleArea {
        padding: 0vw 0vw 2.6666666667vw 0vw; } }
    @media only screen and (max-width: 768px) {
      #tkctimes__article.tkctimes__article .senkeiArticle .titleArea {
        width: 100%; } }
    @media only screen and (max-width: 768px) {
      #tkctimes__article.tkctimes__article .senkeiArticle .titleArea {
        margin-left: 0; } }
    #tkctimes__article.tkctimes__article .senkeiArticle .titleArea h1 {
      padding: 0 0 0 20px;
      background: none;
      font-size: 24px;
      margin: 5px 0 5px 0;
      font-weight: normal;
      color: #333; }
      @media only screen and (max-width: 768px) {
        #tkctimes__article.tkctimes__article .senkeiArticle .titleArea h1 {
          padding: 0vw 0vw 0vw 2.6666666667vw; } }
      @media only screen and (max-width: 768px) {
        #tkctimes__article.tkctimes__article .senkeiArticle .titleArea h1 {
          font-size: 4.5333333333vw; } }
      @media only screen and (max-width: 768px) {
        #tkctimes__article.tkctimes__article .senkeiArticle .titleArea h1 {
          margin: 0.6666666667vw 0vw 0.6666666667vw 0vw; } }
      #tkctimes__article.tkctimes__article .senkeiArticle .titleArea h1::before {
        content: none; }
    #tkctimes__article.tkctimes__article .senkeiArticle .titleArea .category {
      width: 170px;
      padding: 2px;
      color: #fff;
      font-size: 14px;
      font-weight: bold;
      text-align: center;
      margin: 0 auto 15px -3px;
      border-bottom: 1px solid #ccc; }
    #tkctimes__article.tkctimes__article .senkeiArticle .titleArea .interview {
      background-color: #7052cc; }
    #tkctimes__article.tkctimes__article .senkeiArticle .titleArea .special {
      background-color: #cc6052; }
    #tkctimes__article.tkctimes__article .senkeiArticle .titleArea .consult {
      background-color: #52cc5e; }
    #tkctimes__article.tkctimes__article .senkeiArticle .titleArea .system {
      background-color: #529fcc; }
    #tkctimes__article.tkctimes__article .senkeiArticle .titleArea .sub {
      padding: 0 0 0 20px;
      margin: 5px 0 5px 0;
      font-size: 14px; }
      @media only screen and (max-width: 768px) {
        #tkctimes__article.tkctimes__article .senkeiArticle .titleArea .sub {
          padding: 0vw 0vw 0vw 2.6666666667vw; } }
      @media only screen and (max-width: 768px) {
        #tkctimes__article.tkctimes__article .senkeiArticle .titleArea .sub {
          margin: 0.6666666667vw 0vw 0.6666666667vw 0vw; } }
      @media only screen and (max-width: 768px) {
        #tkctimes__article.tkctimes__article .senkeiArticle .titleArea .sub {
          font-size: 3.7333333333vw; } }
    #tkctimes__article.tkctimes__article .senkeiArticle .titleArea .month {
      float: right;
      margin: 5px 20px 0 0; }
      @media only screen and (max-width: 768px) {
        #tkctimes__article.tkctimes__article .senkeiArticle .titleArea .month {
          margin: 0.6666666667vw 2.6666666667vw 0vw 0vw; } }
    #tkctimes__article.tkctimes__article .senkeiArticle .titleArea .auther {
      padding: 0 0 0 20px;
      margin: 5px 0 5px 0;
      font-size: 16px; }
      @media only screen and (max-width: 768px) {
        #tkctimes__article.tkctimes__article .senkeiArticle .titleArea .auther {
          padding: 0vw 0vw 0vw 2.6666666667vw; } }
      @media only screen and (max-width: 768px) {
        #tkctimes__article.tkctimes__article .senkeiArticle .titleArea .auther {
          margin: 0.6666666667vw 0vw 0.6666666667vw 0vw; } }
      @media only screen and (max-width: 768px) {
        #tkctimes__article.tkctimes__article .senkeiArticle .titleArea .auther {
          font-size: 3.7333333333vw; } }
    #tkctimes__article.tkctimes__article .senkeiArticle .titleArea .subL {
      margin: 0 0 0 20px;
      font-size: 16px; }
      @media only screen and (max-width: 768px) {
        #tkctimes__article.tkctimes__article .senkeiArticle .titleArea .subL {
          margin: 0vw 0vw 0vw 2.6666666667vw; } }
      @media only screen and (max-width: 768px) {
        #tkctimes__article.tkctimes__article .senkeiArticle .titleArea .subL {
          font-size: 3.7333333333vw; } }
  #tkctimes__article.tkctimes__article .senkeiArticle .note {
    border-left: 1px solid #003;
    padding: 0 0 0 10px;
    margin: 0 10px;
    font-size: 90%;
    display: block;
    text-indent: 0; }
    #tkctimes__article.tkctimes__article .senkeiArticle .note::before {
      content: none; }
  #tkctimes__article.tkctimes__article .senkeiArticle .articleBody {
    margin: 30px 0 0; }
    @media only screen and (max-width: 768px) {
      #tkctimes__article.tkctimes__article .senkeiArticle .articleBody {
        margin: 4vw 0vw 0vw 0vw; } }
    #tkctimes__article.tkctimes__article .senkeiArticle .articleBody .a_black, #tkctimes__article.tkctimes__article .senkeiArticle .articleBody .a_blue, #tkctimes__article.tkctimes__article .senkeiArticle .articleBody .a_brown, #tkctimes__article.tkctimes__article .senkeiArticle .articleBody .a_green, #tkctimes__article.tkctimes__article .senkeiArticle .articleBody .a_red, #tkctimes__article.tkctimes__article .senkeiArticle .articleBody .a_orange, #tkctimes__article.tkctimes__article .senkeiArticle .articleBody .q {
      font-weight: bold; }
    #tkctimes__article.tkctimes__article .senkeiArticle .articleBody .editor {
      text-align: right; }
    #tkctimes__article.tkctimes__article .senkeiArticle .articleBody .consultQ {
      padding: 13px 20px 13px 75px;
      background: url("/media_library/ao/topics/images/senkei_consult_q_bg.png") 16px center no-repeat;
      font-weight: bold; }
    #tkctimes__article.tkctimes__article .senkeiArticle .articleBody table.cProfile {
      margin: 30px 0; }
      @media only screen and (max-width: 768px) {
        #tkctimes__article.tkctimes__article .senkeiArticle .articleBody table.cProfile {
          margin: 4vw 0vw 4vw 0vw; } }
      #tkctimes__article.tkctimes__article .senkeiArticle .articleBody table.cProfile caption {
        text-align: left;
        font-weight: bold;
        color: #1D8FCE; }
      #tkctimes__article.tkctimes__article .senkeiArticle .articleBody table.cProfile th {
        white-space: nowrap; }
    #tkctimes__article.tkctimes__article .senkeiArticle .articleBody ol {
      padding-left: 2em;
      margin: 10px 0; }
      @media only screen and (max-width: 768px) {
        #tkctimes__article.tkctimes__article .senkeiArticle .articleBody ol {
          margin: 1.3333333333vw 0vw 1.3333333333vw 0vw; } }
    #tkctimes__article.tkctimes__article .senkeiArticle .articleBody .ceTtl {
      border-top: 3px solid #1D8FCE;
      margin: 30px 0 0 0;
      background-color: #EEF9FF;
      padding: 15px; }
      @media only screen and (max-width: 768px) {
        #tkctimes__article.tkctimes__article .senkeiArticle .articleBody .ceTtl {
          margin: 4vw 0vw 0vw 0vw; } }
      @media only screen and (max-width: 768px) {
        #tkctimes__article.tkctimes__article .senkeiArticle .articleBody .ceTtl {
          padding: 2vw 2vw 2vw 2vw; } }
      #tkctimes__article.tkctimes__article .senkeiArticle .articleBody .ceTtl p {
        margin: 0; }
      #tkctimes__article.tkctimes__article .senkeiArticle .articleBody .ceTtl .ttl {
        color: #1D8FCE;
        font-weight: bold; }
      #tkctimes__article.tkctimes__article .senkeiArticle .articleBody .ceTtl .caption {
        font-size: 18px;
        font-weight: bold; }
        @media only screen and (max-width: 768px) {
          #tkctimes__article.tkctimes__article .senkeiArticle .articleBody .ceTtl .caption {
            font-size: 2.8vw; } }
    #tkctimes__article.tkctimes__article .senkeiArticle .articleBody .ceBody {
      margin: 0 0 30px 0;
      border: 3px solid #EEF9FF;
      padding: 0 20px; }
      @media only screen and (max-width: 768px) {
        #tkctimes__article.tkctimes__article .senkeiArticle .articleBody .ceBody {
          margin: 0vw 0vw 4vw 0vw; } }
      @media only screen and (max-width: 768px) {
        #tkctimes__article.tkctimes__article .senkeiArticle .articleBody .ceBody {
          padding: 0vw 2.6666666667vw 0vw 2.6666666667vw; } }
  #tkctimes__article.tkctimes__article .senkeiArticle .numberListB ol {
    counter-reset: num-cnt;
    padding: 0; }
    #tkctimes__article.tkctimes__article .senkeiArticle .numberListB ol li {
      position: relative;
      padding-left: 1.8em; }
      #tkctimes__article.tkctimes__article .senkeiArticle .numberListB ol li::before {
        content: counter(num-cnt);
        counter-increment: num-cnt;
        border: 1px solid #333;
        border-radius: 50%;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 1.5em;
        width: 1.5em;
        font-size: 80%;
        line-height: 1;
        position: absolute;
        top: calc((1.5em - 0.75em) / 2);
        left: 0; }

.download__btn {
  text-align: center;
  margin: 10px 0 0; }
  .download__btn .ao__btn {
    width: 80%; }
    @media only screen and (max-width: 768px) {
      .download__btn .ao__btn {
        width: 100%; } }
.download__list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
  line-height: 1.6;
  column-gap: 30px; }
  .download__list > li {
    position: relative;
    flex-basis: calc((100% / 3) - 20px);
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: column;
    margin: 0 0 60px; }
    @media only screen and (max-width: 768px) {
      .download__list > li {
        flex-basis: 100%; } }
    @media only screen and (max-width: 768px) {
      .download__list > li {
        margin: 4.6666666667vw 0vw 6.6666666667vw 0vw; } }
    .download__list > li figure {
      text-align: center; }
      @media only screen and (max-width: 768px) {
        .download__list > li figure img {
          width: 100%; } }
.download__title {
  font-weight: bold; }
.download__txt {
  flex-grow: 1;
  font-size: 90%; }
.download__tag {
  font-size: 80%;
  margin: 5px 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  column-gap: 10px; }
  .download__tag li {
    padding: 1px 10px;
    border: 1px solid #1D8FCE;
    color: #1D8FCE;
    border-radius: 15px; }
.download__icon-balloon {
  content: "";
  display: inline-block;
  position: absolute;
  top: -25px;
  left: 10px;
  padding: 1px 8px 2px;
  background: #e87620;
  color: #fff;
  font-size: 15px;
  border-radius: 4px;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
  font-weight: bold; }
  @media only screen and (max-width: 768px) {
    .download__icon-balloon {
      font-size: 3.3vw; } }
  .download__icon-balloon::before {
    position: absolute;
    content: "";
    top: 100%;
    left: 35px;
    border: 6px solid transparent;
    border-top: 6px solid #e87620;
    width: 0;
    height: 0; }

.mail-login__sp {
  border: 1px solid #79bbde;
  background: #eef9ff;
  padding: 15px 10px 10px;
  text-align: center;
  margin-bottom: 5px; }

.mail-login__sp a {
  display: inline-block; }

.mail-login__caution {
  text-indent: -2em;
  padding-left: 2em;
  font-size: 93%; }

@media only screen and (max-width: 768px) {
  .mail-login__caution {
    text-align: left; } }
.mail-login__caution-list {
  padding: 0 0 0 1em; }

.mail-login__caution-list li {
  text-indent: -2em;
  padding-left: 2em;
  margin-bottom: 10px; }

.mail-login__caution-list li a {
  text-decoration: underline; }

.mail-login__caution-list li:last-child {
  margin-bottom: 0; }

.mail-login__pc {
  text-align: center;
  margin: 30px 0 0; }

.new-profitmail__col {
  width: 46%; }

.new-profitmail__btn {
  background: #1D8FCE;
  color: #fff;
  display: block;
  position: relative;
  border-radius: 5px;
  padding: 20px 15px;
  margin: auto;
  text-align: center;
  font-size: 17px; }

.new-profitmail__btn::after {
  content: '';
  position: absolute;
  background: url(/media_library/ao/images/icon_arrow_white.svg) no-repeat;
  background-size: contain;
  width: 7px;
  height: 11px;
  top: calc(50% - 5.5px);
  display: block;
  right: 15px; }

.new-profitmail__btn:visited, .new-profitmail__btn:hover {
  opacity: .7;
  transition: opacity .4s;
  color: #fff; }

.new-profitmail__col p {
  margin: 5px 0 0;
  line-height: 1.5; }

.new-profitmail {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  border: 2px solid #3d98cc;
  padding: 40px 50px 25px;
  margin: 40px 0; }

@media only screen and (max-width: 768px) {
  .new-profitmail {
    flex-wrap: wrap; }

  .new-profitmail__col {
    width: 100%; }

  .new-profitmail__btn {
    font-size: inherit; }

  .new-profitmail__col p {
    margin: 5px 0 30px; } }
.nmf-archive__list {
  padding-left: 2em; }

.nmf-archive__list li {
  list-style: disc;
  margin-bottom: 5px; }

.nmf-archive__list a {
  text-decoration: underline; }

#system.system {
  margin: 30px 0 60px; }

@media only screen and (max-width: 768px) {
  #system.system {
    margin: 4vw 0 8vw; } }
#system .system__inner {
  margin: 30px 0 50px; }

@media only screen and (max-width: 768px) {
  #system .system__inner {
    margin: 4vw 0 6.6666666667vw; } }
#system .system__inner a {
  text-decoration: underline; }

#system .system__btn-wrap {
  text-align: center;
  margin: 40px auto 0; }

@media print, screen and (min-width: 769px) {
  #system .system__btn-wrap {
    width: 40%;
    min-width: 400px; } }
@media only screen and (max-width: 768px) {
  #system .system__btn-wrap {
    margin: 5.3333333333vw auto 0vw auto; }

  #system .system__btn-wrap .ao__btn {
    padding: 2vw 2vw 2vw 0.6666666667vw; } }
#system .system__btn-wrap .ao__btn {
  width: 100%; }

.ban {
  margin: 40px 0; }
  @media only screen and (max-width: 768px) {
    .ban {
      margin: 5.3333333333vw 0vw 5.3333333333vw 0vw; } }
  .ban__list {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: nowrap;
    column-gap: 30px; }
    @media only screen and (max-width: 768px) {
      .ban__list {
        flex-wrap: wrap; } }
    @media only screen and (max-width: 768px) {
      .ban__list {
        column-gap: 0; } }
    @media only screen and (max-width: 768px) {
      .ban__list li:first-child {
        margin: 0vw 0vw 1.3333333333vw 0vw; } }

.recom {
  font-family: "Noto Sans JP", "メイリオ", Meiryo, "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  margin: 0 0 90px; }
  @media only screen and (max-width: 768px) {
    .recom {
      margin: 0vw 0vw 12vw 0vw; } }

.conv {
  font-family: "Noto Sans JP", "メイリオ", Meiryo, "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  background: url("/media_library/ao/images/bg_ao_footer.jpg") no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  padding: 30px 0;
  margin: 0; }
  .conv::before {
    content: '';
    background: #FFEEC5;
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block; }
  .conv__list {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: nowrap;
    position: relative;
    z-index: 100; }
    @media only screen and (max-width: 768px) {
      .conv__list {
        flex-wrap: wrap; } }
    .conv__list li {
      flex-basis: calc((100% / 3) - 10px);
      max-width: calc((100% /3) - 10px);
      font-size: 14px;
      background: #fff;
      text-align: center;
      padding: 30px 15px;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
      height: 250px; }
      @media only screen and (max-width: 768px) {
        .conv__list li {
          flex-basis: 100%; } }
      @media only screen and (max-width: 768px) {
        .conv__list li {
          max-width: initial;
          max-width: auto; } }
      @media only screen and (max-width: 768px) {
        .conv__list li {
          font-size: 3.7333333333vw; } }
      @media only screen and (max-width: 768px) {
        .conv__list li {
          height: auto; } }
      @media only screen and (max-width: 768px) {
        .conv__list li {
          margin: 0vw 0vw 4vw 0vw; } }
      @media only screen and (max-width: 768px) {
        .conv__list li:last-child {
          margin: 0vw 0vw 0vw 0vw; } }
  .conv__title {
    font-size: 17px;
    font-weight: bold;
    color: #1D8FCE; }
    @media only screen and (max-width: 768px) {
      .conv__title {
        font-size: 3.7333333333vw; } }
  .conv__txt {
    flex: 1 1 auto;
    width: 100%; }
  .conv__btn {
    background: #EF9E35;
    width: 95%;
    color: #fff;
    position: relative;
    text-align: center;
    padding: 15px 0;
    border-radius: 4px;
    display: block; }
    @media only screen and (max-width: 768px) {
      .conv__btn {
        width: 100%; } }
    @media only screen and (max-width: 768px) {
      .conv__btn {
        padding: 2vw 0vw 2vw 0vw; } }
    .conv__btn:visited, .conv__btn:hover {
      color: #fff; }

.footer__link {
  padding: 40px 0;
  background: #3f5973; }
  @media only screen and (max-width: 768px) {
    .footer__link {
      display: none; } }
  .footer__link-list {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 35px; }
    .footer__link-list:last-child {
      margin-bottom: 0; }
    .footer__link-list li {
      flex-basis: 29%; }
      .footer__link-list li:nth-child(4n) {
        flex-basis: auto; }
  .footer__link a {
    color: #fff; }
    .footer__link a:visited {
      color: #fff; }
    .footer__link a:hover {
      color: #8cc544;
      text-decoration: underline; }

footer .footer__nav {
  background: #8c8c8c; }

#main div.pagenate {
  clear: both;
  text-align: center;
  width: 100%;
  padding: 25px 0px 35px 0px; }

.pagenate span,
.pagenate a {
  line-height: 1;
  vertical-align: bottom; }

#main div.pagenate ul {
  margin: 0 auto;
  padding: 0 !important; }

#main .pagenate ul li {
  display: inline;
  font-size: 100%;
  padding: 0;
  margin: 0 5px;
  vertical-align: bottom;
  background-image: none; }

#main .pagenate li span,
#main .pagenate li a {
  margin: 0;
  padding: 5px;
  font-size: 90%;
  color: #666666;
  text-decoration: none;
  zoom: 1; }

* html #main .pagenate li span,
* html #main .pagenate li a {
  padding-bottom: 4px;
  vertical-align: baseline; }

* + html #main .pagenate li span,
* + html #main .pagenate li a {
  padding-bottom: 10px; }

#main .pagenate li a {
  background-image: none;
  background: #f7f7f7;
  border: 1px solid #1d8fce; }

#main .pagenate li span {
  background: #1d8fce;
  border: 1px solid #1d8fce;
  color: #fff;
  font-weight: bold; }

#main .pagenate li a:visited {
  color: #666;
  text-decoration: none; }

#main .pagenate li a:hover {
  color: #ee6517;
  text-decoration: none; }

#main .pagenate li.count {
  padding-top: 5px;
  color: #666666; }

#main .pagenate a.link_before,
#main .pagenate a.link_next {
  background: #f7f7f7;
  font-weight: normal;
  color: #666666; }

#main .pagenate li.previous a:hover,
#main .pagenate li.next a:hover {
  background: #2e6ab1;
  color: #ffffff; }

@media screen and (max-width: 768px) {
  #main .pagenate ul li > * {
    display: none; }

  #main .pagenate ul {
    font-size: 0; }

  #main .pagenate ul li {
    margin: 0; }

  #main .pagenate ul li span.current_page, #main .pagenate ul li a.link_before, #main .pagenate ul li a.link_next {
    font-size: 16px;
    display: inline-block;
    margin: 0 5px; } }