@charset "UTF-8";
/* 外部ライブラリ
-------------------------------------------------------------------------- */
/* ==========================================================================
slick.js
========================================================================== */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700&family=Poppins:wght@300;400;500;600&display=swap");
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
/* 変数
-------------------------------------------------------------------------- */
/* ==========================================================================
breakpoints
========================================================================== */
/* min-width
-------------------------------------------------------------------------- */
/* max-width
-------------------------------------------------------------------------- */
/* default
-------------------------------------------------------------------------- */
/* in
-------------------------------------------------------------------------- */
/* out
-------------------------------------------------------------------------- */
/* in out
-------------------------------------------------------------------------- */
/* ja
-------------------------------------------------------------------------- */
/* en
-------------------------------------------------------------------------- */
/* 関数
-------------------------------------------------------------------------- */
/* ==========================================================================
viewport size
========================================================================== */
/* ミックスイン
-------------------------------------------------------------------------- */
/*==========================================================================
absolute
==========================================================================*/
/*==========================================================================
size
==========================================================================*/
/*==========================================================================
aspect-ratio
==========================================================================*/
/*==========================================================================
centering
==========================================================================*/

/*==========================================================================
dot-line
==========================================================================*/
/*==========================================================================
fixed
==========================================================================*/
/*==========================================================================
gradient
==========================================================================*/
/*==========================================================================
justify
==========================================================================*/
/* ==========================================================================
mq-up
========================================================================== */
/* ==========================================================================
mq-down
========================================================================== */
/* ==========================================================================
mq-down-L
========================================================================== */
/* ==========================================================================
size
========================================================================== */
/* ==========================================================================
square
========================================================================== */
/* ==========================================================================
circle
========================================================================== */
/* 初期化
-------------------------------------------------------------------------- */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
input,
textarea,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
main,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box;
}
main,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
img {
  vertical-align: top;
}
@font-face {
  font-family: "YakuHanJP";
  src: url("../font/YakuHanJP/YakuHanJP-Regular.woff2") format("woff2"),
    url("../font/YakuHanJP/YakuHanJP-Regular.woff") format("woff");
}
@font-face {
  font-family: "YakuHanJP";
  font-weight: bold;
  src: url("../font/YakuHanJP/YakuHanJP-Bold.woff2") format("woff2"),
    url("../font/YakuHanJP/YakuHanJP-Bold.woff") format("woff");
}
html {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  html {
    font-size: 2.6041666667vw;
  }
}
body {
  text-align: justify;
  text-justify: inter-ideograph;
  word-break: break-all;
  min-height: 100vh;
  color: #121d2f;
  background: #fff;
  font-family: "YakuHanJP", "Noto Sans JP", "游ゴシック体", YuGothic,
    "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN",
    "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "Noto Sans JP", sans-serif;
  font-size: 16px;
  letter-spacing: 0.08em;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  word-break: normal;
}
@media screen and (max-width: 768px) {
  body.is-show-modal,
  body.is-show-nav {
    overflow: hidden;
    height: 100vh;
  }
}
@media screen and (max-width: 768px) {
  body {
    font-size: 3.6458333333vw;
  }
}
a {
  color: #121d2f;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@media screen and (min-width: 769px) {
  a:hover,
  a:active {
    text-decoration: none;
  }
}
img {
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  img {
    width: 100%;
  }
}
button {
  font-family: "YakuHanJP", "Noto Sans JP", "游ゴシック体", YuGothic,
    "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN",
    "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "Noto Sans JP", sans-serif;
  background: transparent;
  padding: 0;
  border: none;
  cursor: pointer;
}
button:focus {
  outline: 0;
}
::selection {
  background: #000;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .only-pc {
    display: none !important;
  }
}
@media screen and (min-width: 769px) {
  .only-sp {
    display: none !important;
  }
}
.js-fit-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: "object-fit: cover;";
}
.js-disabled {
  pointer-events: none;
}
/* for modern brouser */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/* IE7,MacIE5 */
.clearfix {
  display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/**/
/* レイアウト
-------------------------------------------------------------------------- */
.layout-container {
  position: relative;
}
@media screen and (max-width: 768px) {
  .layout-container {
    min-width: 320px;
    overflow: hidden;
  }
}
.layout-content {
  min-width: 1280px;
}
@media screen and (max-width: 768px) {
  .layout-content {
    min-width: 320px;
    padding-top: 0;
  }
}
.layout-footer {
  width: 100%;
  min-width: 1280px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .layout-footer {
    min-width: 320px;
  }
}
.layout-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120px;
  width: 100%;
  z-index: 999;
  box-shadow: 0 0 10px rgba(36, 58, 94, 0.15);
}
@media screen and (max-width: 768px) {
  .layout-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 13.0208333333vw;
    min-width: 320px;
    opacity: 1;
    pointer-events: auto;
    transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
}
.layout-header__inner {
  background: white;
  position: relative;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .layout-header__inner {
    background-color: #121d2f;
    padding-left: 3.90625vw;
    padding-right: 0;
  }
}
.layout-loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 99999;
  transition: 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.is-loaded .layout-loading {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.is-loaded.in-preparation .layout-loading {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.layout-wrapper {
  padding-top: 120px;
}
@media screen and (max-width: 768px) {
  .layout-wrapper {
    padding-top: 13.0208333333vw;
  }
}
@media screen and (max-width: 768px) {
  .is-show-nav .layout-wrapper {
    position: fixed;
    width: 100%;
    z-index: 0;
  }
}
@media screen and (max-width: 768px) {
  .is-show-message .layout-wrapper {
    position: fixed;
    width: 100%;
    z-index: 0;
  }
}
/* モジュール
-------------------------------------------------------------------------- */
.js-inview {
  opacity: 0;
  transform: translate(0, 2rem);
  transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1),
    transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
.js-inview.is-inview {
  opacity: 1;
  transform: translate(0, 0rem);
}
.js-inview--bg {
  opacity: 0;
  transform: translate(0, 0);
  transition: opacity 0.6s cubic-bezier(0.23, 1, 0.32, 1),
    transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
.js-inview--button {
  transform: translate(0, -2rem);
}
.js-hover--box-shadow {
  box-shadow: 0 0 10px rgba(36, 58, 94, 0.15);
  transition: box-shadow 0.4s cubic-bezier(0.23, 1, 0.32, 1),
    transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
@media screen and (max-width: 768px) {
  .js-hover--box-shadow {
    box-shadow: 0 0 1.3020833333vw rgba(36, 58, 94, 0.15);
  }
}
.js-hover--box-shadow.is-on,
.js-hover--box-shadow:hover {
  box-shadow: 0 0 4px rgba(18, 29, 47, 0.3);
  transform: translate(0, 1px);
}
@media screen and (max-width: 768px) {
  .js-hover--box-shadow.is-on,
  .js-hover--box-shadow:hover {
    box-shadow: 0 0 0.5208333333vw rgba(36, 58, 94, 0.15);
  }
}
.bg-canvas {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.btn-hamburger {
  display: none;
}
@media screen and (max-width: 768px) {
  .btn-hamburger {
    position: fixed;
    top: 0;
    right: 0;
    background-color: #fff;
    width: 13.0208333333vw;
    height: 13.0208333333vw;
    display: block;
    padding: 0;
    outline: none;
    border: none;
    z-index: 9999;
  }
}
@media screen and (max-width: 768px) {
  .btn-hamburger__line {
    position: absolute;
    top: calc(50% - (2vw / 768 * 100 / 2));
    right: calc(50% - (50vw / 768 * 100 / 2));
    width: 6.5104166667vw;
    height: 0.2604166667vw;
    display: block;
    background: #243a5e;
    z-index: 9;
  }
}
@media screen and (max-width: 768px) {
  .btn-hamburger__line:nth-of-type(1) {
    top: calc(50% - (2vw / 768 * 100 / 2) - (15vw / 768 * 100));
    right: calc(50% - (50vw / 768 * 100 / 2));
    width: 6.5104166667vw;
    height: 0.2604166667vw;
  }
}
@media screen and (max-width: 768px) {
  .btn-hamburger__line:nth-of-type(3) {
    top: calc(50% - (2vw / 768 * 100 / 2) + (15vw / 768 * 100));
    right: calc(50% - (50vw / 768 * 100 / 2));
    width: 6.5104166667vw;
    height: 0.2604166667vw;
  }
}
.btn-hamburger__line {
  transition: margin 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0.2s,
    background-color 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s,
    transform 0.2s cubic-bezier(0.77, 0, 0.175, 1),
    width 0.2s cubic-bezier(0.215, 0.61, 0.355, 1),
    height 0.4s cubic-bezier(0.215, 0.61, 0.355, 1),
    right 0.2s cubic-bezier(0.215, 0.61, 0.355, 1),
    top 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
}
.is-show-nav .btn-hamburger__line {
  transition: margin 0.2s cubic-bezier(0.77, 0, 0.175, 1),
    background-color 0.2s cubic-bezier(0.215, 0.61, 0.355, 1),
    transform 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0.2s,
    width 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s,
    height 0.4s cubic-bezier(0.215, 0.61, 0.355, 1),
    right 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s,
    top 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media screen and (max-width: 768px) {
  .is-show-nav .btn-hamburger__line {
    top: calc(50% - (2vw / 768 * 100 / 2));
    right: calc(50% - (50vw / 768 * 100 / 2));
    width: 6.5104166667vw;
    height: 0.2604166667vw;
    background: #243a5e;
  }
}
.is-show-nav .btn-hamburger__line:nth-of-type(1) {
  transform: rotate(45deg);
}
.is-show-nav .btn-hamburger__line:nth-of-type(2) {
  opacity: 0;
}
.is-show-nav .btn-hamburger__line:nth-of-type(3) {
  transform: rotate(-45deg);
}
.button-content {
  position: relative;
  background-color: #0078d4;
  width: 280px;
  height: 60px;
  margin: 0 auto;
  margin-top: 60px;
  border-radius: 3px;
  overflow: hidden;
  z-index: 9;
}
.button-content.two-lines a {
  text-align: center;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .button-content {
    width: 100%;
    max-width: 41.6666666667vw;
    height: 13.0208333333vw;
    margin-top: 5.2083333333vw;
    border-radius: 0.78125vw;
  }
}
.button-content > a,
.button-content > button {
  color: #fff;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  line-height: 1;
  font-weight: bold;
  width: 100%;
  height: 100%;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .button-content > a,
  .button-content > button {
    font-size: 1.25rem;
    line-height: 1.2;
    letter-spacing: -0.01em;
    text-align: center;
  }
}
.button-content:before {
  display: block;
  position: absolute;
  content: "";
  background-color: #0078d4;
  top: calc(50% - 120px / 2);
  right: 30px;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  z-index: 0;
  transform: scale(5);
  transition: background-color 0.4s cubic-bezier(0.23, 1, 0.32, 1),
    transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
@media screen and (max-width: 768px) {
  .button-content:before {
    top: calc(50% - 120vw / 768 * 100 / 2);
    right: 3.90625vw;
    width: 15.625vw;
    height: 15.625vw;
  }
}
.button-content--left {
  margin-left: 0;
  margin-right: 0;
}
.button-content--mt0 {
  margin-top: 0;
}
.button-content--margin-top30 {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .button-content--margin-top30 {
    margin-top: 3.90625vw;
  }
}
.button-content--margin-top80 {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .button-content--margin-top80 {
    margin-top: 10.4166666667vw;
  }
}
.button-content.is-on:before {
  background-color: #243a5e;
  transform: scale(1);
  animation: button-circle 3.3s ease infinite 0.4s;
}
@keyframes button-circle {
  0% {
    transform: scale(1) translate(0, 0);
  }
  20% {
    transform: scale(1) translate(1rem, -0.5rem);
  }
  40% {
    transform: scale(1) translate(0.5rem, 1rem);
  }
  60% {
    transform: scale(1) translate(-1.5rem, 0.5rem);
  }
  80% {
    transform: scale(1) translate(-0.5rem, -1rem);
  }
  100% {
    transform: scale(1) translate(0, 0);
  }
}
.button-content-wrapper__flex {
  display: flex;
  justify-content: space-around;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .button-content-wrapper__flex {
    display: block;
  }
}
.button-content-wrapper__flex .button-content a {
  width: 280px;
}
@media screen and (max-width: 768px) {
  .button-content-wrapper__flex .button-content a {
    width: 100%;
  }
}
.content-article__title {
  display: flex;
  margin-top: 120px;
}
@media screen and (max-width: 768px) {
  .content-article__title {
    margin-top: 15.625vw;
  }
}
.content-article__title .en {
  font-family: "Poppins", sans-serif;
  font-size: 1rem;
  line-height: 1;
  font-weight: 600;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .content-article__title .en {
    font-size: 1.25rem;
  }
}
.content-article__title .en + .ja {
  margin-left: 30px;
  padding-left: 90px;
}
@media screen and (max-width: 768px) {
  .content-article__title .en + .ja {
    margin-left: 3.90625vw;
    padding-left: 11.71875vw;
  }
}
.content-article__title .en + .ja:before {
  display: block;
  position: absolute;
  content: "";
  background-color: rgba(18, 29, 47, 0.25);
  top: calc(50% - 1px / 2);
  left: 0;
  width: 60px;
  height: 1px;
}
@media screen and (max-width: 768px) {
  .content-article__title .en + .ja:before {
    width: 7.8125vw;
  }
}
.content-article__title .ja {
  position: relative;
  font-size: 1rem;
  line-height: 1.3;
  letter-spacing: 0.04em;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .content-article__title .ja {
    font-size: 1.25rem;
  }
}
.content-article__large-title {
  font-size: 2.25rem;
  line-height: 1.333;
  font-weight: bold;
  margin-top: 120px;
}
.content-article__large-title:before,
.content-article__large-title:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin: calc((1em - 1.333em) / 2);
}
@media screen and (max-width: 768px) {
  .content-article__large-title {
    margin-top: 15.625vw;
    letter-spacing: -0.01em;
  }
}
.content-article__large-title--top {
  margin-top: 0;
}
.content-article__inner {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .content-article__inner {
    margin-top: 7.8125vw;
  }
}
.content-article__inner h4 {
  font-size: 2.25rem;
  line-height: 1.333;
  font-weight: bold;
  margin-top: 40px;
}
.content-article__inner h4:before,
.content-article__inner h4:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin: calc((1em - 1.333em) / 2);
}
@media screen and (max-width: 768px) {
  .content-article__inner h4 {
    margin-top: 5.2083333333vw;
  }
}
.content-article__inner p {
  font-size: 1rem;
  line-height: 2;
  font-weight: 300;
  margin-top: 40px;
}
.content-article__inner p:before,
.content-article__inner p:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin: calc((1em - 2em) / 2);
}
@media screen and (max-width: 768px) {
  .content-article__inner p {
    font-size: 1.125rem;
    margin-top: 5.2083333333vw;
  }
}
.content-article__inner p strong {
  font-weight: bold;
}
.content-article__inner p a {
  display: inline-block;
  color: #0078d4;
  border-bottom: 1px solid #0078d4;
  line-height: 1;
}
.content-article__inner p a.lines {
  line-height: 1.5;
}
.tx__link.lines:before {
  top: 8px;
  margin-top: 0;
}
.content-article__inner p a:hover {
  border-color: transparent;
}
.content-article__inner p + p {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .content-article__inner p + p {
    margin-top: 2.6041666667vw;
  }
}
.content-article__inner img {
  display: block;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .content-article__inner img {
    margin-top: 5.2083333333vw;
  }
}
.content-article__inner img.aligncenter {
  display: block;
  margin: 40px auto 0;
  width: 70%;
}
@media screen and (max-width: 768px) {
  .content-article__inner img.aligncenter {
    margin: 5.2083333333vw auto 0;
  }
}
.content-article-head-bar {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .content-article-head-bar {
    display: block;
  }
}
.content-article-head-bar__share {
  display: flex;
}
.content-article-head-bar__share .fb-share-button {
  display: block;
  line-height: 0;
}
.content-article-head-bar__share .twitter-share-button {
  display: block;
  margin-left: 10px;
}
@media screen and (max-width: 768px) {
  .content-article-head-bar__share .twitter-share-button {
    margin-left: 1.3020833333vw;
  }
}
.content-article-head-bar__share .hatena-bookmark-button-frame {
  display: block;
  margin-left: 10px;
}
@media screen and (max-width: 768px) {
  .content-article-head-bar__share .hatena-bookmark-button-frame {
    margin-left: 1.3020833333vw;
  }
}
.content-article-head-bar__date {
  color: rgba(36, 58, 94, 0.75);
  font-family: "Poppins", sans-serif;
  font-size: 0.875rem;
  line-height: 1;
  font-weight: 300;
  letter-spacing: 0.15em;
}
@media screen and (max-width: 768px) {
  .content-article-head-bar__date {
    font-size: 1.125rem;
    margin-top: 2.34375vw;
  }
}
.content-article-profile {
  background-color: #f4f7fc;
  margin-top: 90px;
  padding: 60px;
}
@media screen and (max-width: 768px) {
  .content-article-profile {
    margin-top: 11.71875vw;
    padding: 7.8125vw;
  }
}
.content-article-profile .content-article__title {
  margin-top: 0;
}
.content-article-profile p {
  font-size: 0.875rem;
  line-height: 2;
  font-weight: 300;
  margin-top: 38px;
}
.content-article-profile p:before,
.content-article-profile p:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin: calc((1em - 2em) / 2);
}
@media screen and (max-width: 768px) {
  .content-article-profile p {
    margin-top: 4.9479166667vw;
    font-size: 1rem;
  }
}
.content-article-profile p:nth-of-type(n + 2) {
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .content-article-profile p:nth-of-type(n + 2) {
    margin-top: 3.125vw;
  }
}
.content-article-info {
  margin-top: 50px;
  padding: 56px;
  border: 1px solid #d0d2d5;
}
@media screen and (max-width: 768px) {
  .content-article-info {
    margin-top: 6.5104166667vw;
    padding: 7.2916666667vw;
  }
}
.content-article-info .content-article__title {
  margin-top: 0;
}
.content-article-info__list {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .content-article-info__list {
    margin-top: 3.90625vw;
  }
}
.content-article-info__list-item:before {
  display: inline-block;
  content: "・";
  font-size: 0.875rem;
  line-height: 2;
  font-weight: 300;
}
.content-article-info__list-item:before:before,
.content-article-info__list-item:before:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin: calc((1em - 2em) / 2);
}
.content-article-info__list-item:nth-of-type(n + 2) {
  margin-top: 8px;
}
@media screen and (max-width: 768px) {
  .content-article-info__list-item:nth-of-type(n + 2) {
    margin-top: 1.3020833333vw;
  }
}
.content-article-info__list-item > a {
  color: #0078d4;
  font-size: 0.875rem;
  border-bottom: 1px solid #0078d4;
}
@media screen and (max-width: 768px) {
  .content-article-info__list-item > a {
    font-size: 1rem;
  }
}
.content-article-info__list-item > a:hover {
  border-color: transparent;
}
.content-article--download .content-article__inner {
  margin-top: 0;
}
.content-article--download .content-article__inner h3 {
  font-size: 1.5rem;
  line-height: 1.333;
  font-weight: bold;
  letter-spacing: 0;
  margin-top: 40px;
  text-align: center;
}
.content-article--download .content-article__inner h3:before,
.content-article--download .content-article__inner h3:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin: calc((1em - 1.333em) / 2);
}
@media screen and (max-width: 768px) {
  .content-article--download .content-article__inner h3 {
    margin-top: 5.2083333333vw;
  }
}
.content-article--download .content-article__inner h4:before,
.content-article--download .content-article__inner h4:after {
  display: none;
}
.content-article--download .content-article__inner p {
  margin-top: 30px;
  padding-left: 30px;
}
@media screen and (max-width: 768px) {
  .content-article--download .content-article__inner p {
    margin-top: 3.90625vw;
    padding-left: 3.90625vw;
  }
}
.content-article--download .content-article__inner img {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .content-article--download .content-article__inner img {
    max-width: 170px;
  }
}
.content-article--download .content-article__title .en {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
}
.content-article--download .content-article__title .en + .ja {
  margin-left: 20px;
  padding-left: 80px;
}
@media screen and (max-width: 768px) {
  .content-article--download .content-article__title .en + .ja {
    margin-left: 2.6041666667vw;
    padding-left: 10.4166666667vw;
  }
}
.content-article--download .content-article__title .ja {
  font-size: 1.25rem;
}
.content-article__caption {
  font-size: 0.875rem;
  line-height: 1.785;
  letter-spacing: 0.04em;
  font-weight: 300;
  display: block;
  text-align: center;
}
.content-footer {
  background-color: #243a5e;
}
.content-footer__inner-flex {
  display: flex;
  justify-content: space-between;
  width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .content-footer__inner-flex {
    display: block;
    width: 92.1875vw;
  }
}
.content-footer__inner-flex--top {
  padding: 90px 0;
}
@media screen and (max-width: 768px) {
  .content-footer__inner-flex--top {
    padding: 6.5104166667vw 0 3.90625vw;
  }
}
.content-footer__inner-flex--bottom {
  padding: 60px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
@media screen and (max-width: 768px) {
  .content-footer__inner-flex--bottom {
    padding: 3.90625vw 0 6.5104166667vw;
  }
}
@media screen and (max-width: 768px) {
  .content-footer__box:nth-of-type(1) {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .content-footer__box:nth-of-type(2) {
    margin: 0 auto;
  }
}
.content-footer__facebook {
  width: 500px;
}
@media screen and (max-width: 768px) {
  .content-footer__facebook {
    width: 100%;
  }
}
.content-footer__note {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.75rem;
  line-height: 1;
  font-weight: 300;
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .content-footer__note {
    font-size: 0.875rem;
    line-height: 1.4;
    letter-spacing: 0.02em;
    margin-top: 3.90625vw;
  }
}
.content-footer__copyright {
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-size: 0.75rem;
  line-height: 1;
  font-weight: 300;
  letter-spacing: 0.15em;
}
@media screen and (max-width: 768px) {
  .content-footer__copyright {
    font-size: 0.875rem;
    line-height: 1;
    letter-spacing: 0.02em;
  }
}
.content-footer .nav-info {
  display: flex;
}
@media screen and (max-width: 768px) {
  .content-footer .nav-info {
    display: block;
    margin-top: 3.90625vw;
  }
}
@media screen and (min-width: 769px) {
  .content-footer .nav-info__item:nth-of-type(n + 2) {
    margin-left: 30px;
  }
}
@media screen and (max-width: 768px) {
  .content-footer .nav-info__item:nth-of-type(n + 2) {
    margin-top: 1.3020833333vw;
  }
}
.content-footer .nav-info__item > a {
  color: #fff;
  display: block;
  font-size: 0.75rem;
  line-height: 1;
  font-weight: 300;
  transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media screen and (max-width: 768px) {
  .content-footer .nav-info__item > a {
    font-size: 0.875rem;
    line-height: 1;
    letter-spacing: 0.02em;
  }
}
.content-footer .nav-info__item > a:after {
  display: inline-block;
  content: "";
  background-image: url(../img/common/icn_blank.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  width: 0.9em;
  height: 0.9em;
  margin-left: 0.65em;
  vertical-align: middle;
}
.content-footer .nav-info__item.is-on > a {
  opacity: 0.7;
}
.content-form {
  width: 1200px;
  margin: 0 auto;
  font-weight: 300;
}
@media screen and (max-width: 768px) {
  .content-form {
    width: 92.1875vw;
  }
}
.content-form__item {
  padding: 12px 0;
}
@media screen and (max-width: 768px) {
  .content-form__item {
    padding: 3.125vw 0;
  }
}
.content-form__item--flex {
  display: flex;
  justify-content: space-between;
}
.content-form__item--check {
  position: relative;
  padding-top: 40px;
  padding-bottom: 40px;
  border: none;
}
@media screen and (max-width: 768px) {
  .content-form__item--check {
    padding-top: 5.2083333333vw;
    padding-bottom: 7.8125vw;
  }
}
.content-form__item--agree .content-form__note {
  text-align: center;
}
.content-form__item--agree .content-form__name {
  text-align: center;
  font-weight: 300;
  padding-top: 30px;
}
@media screen and (max-width: 768px) {
  .content-form__item--agree .content-form__name {
    padding-top: 5.2083333333vw;
  }
}
.content-form__item--agree .content-form__name:before {
  margin-right: 0;
}
.content-form__item--agree .content-form__check {
  top: 0;
}
@media screen and (max-width: 768px) {
  .content-form__item--agree .content-form__check {
    top: calc(50% - 55vw / 768 * 100 / 2);
  }
}
.content-form__item--submit {
  position: relative;
  width: 100%;
}
.content-form__item input[type="text"],
.content-form__item input[type="password"],
.content-form__item textarea,
.content-form__item select {
  outline: none;
}
.content-form__item-inner {
  width: 590px;
}
@media screen and (max-width: 768px) {
  .content-form__item-inner {
    width: 44.2708333333vw;
  }
}
.content-form__name {
  width: 100%;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 0.02em;
  font-weight: bold;
  padding: 16px 0;
}
@media screen and (max-width: 768px) {
  .content-form__name {
    font-size: 1.25rem;
    width: 100%;
    padding: 0;
  }
}
.content-form__name:before {
  color: #fff;
  background-color: #999999;

  display: inline-flex;
  content: "任意";
  align-items: center;
  font-size: 0.875rem;
  line-height: 1;
  font-weight: 400;
  height: 24px;
  margin-right: 12px;
  padding: 0 12px;
  border-radius: 3px;
}
@media screen and (max-width: 768px) {
  .content-form__name:before {
    font-size: 1.2rem;
    height: 6.25vw;
    margin-right: 1.5625vw;
    padding: 0 1.5625vw;
    border-radius: 0.78125vw;
  }
}
.content-form__name--required:before {
  background-color: #f20480;
  content: "必須";
}
.content-form__box {
  background-color: #fff;
  font-size: 1rem;
  line-height: 2;
  letter-spacing: 0.01em;
  width: 100%;
  height: 70px;
  padding: 10px 20px;
  border-radius: 3px;
  border: 1px solid #d0d2d5;
}
.content-form__box:before,
.content-form__box:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin: calc((1em - 2em) / 2);
}
@media screen and (max-width: 768px) {
  .content-form__box {
    font-size: 1.25rem;
    width: 100%;
    height: 10.4166666667vw;
    margin-top: 2.34375vw;
    padding: 1.8229166667vw 3.6458333333vw;
    -webkit-appearance: none;
    border-radius: 0.78125vw;
    border: 0.2604166667vw solid #d0d2d5;
  }
}
.content-form__box--l {
  min-width: 1200px;
  max-width: 1200px;
  height: 180px;
}
@media screen and (max-width: 768px) {
  .content-form__box--l {
    min-width: 89.5833333333vw;
    max-width: 89.5833333333vw;
    height: 46.875vw;
  }
}
.content-form__box--select {
  width: 230px;
  border-color: #fff;
  cursor: pointer;
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .content-form__box--select {
    width: 41.6666666667vw;
    padding: 0.6510416667vw 3.6458333333vw;
  }
}
.content-form__box--select option:first-of-type {
  color: #121d2f;
}
.content-form__box::placeholder {
  color: #b4b4b4;
}
.content-form__select {
  position: relative;
  background-color: #fff;
  width: 230px;
}
@media screen and (max-width: 768px) {
  .content-form__select {
    width: 41.6666666667vw;
    height: 10.4166666667vw;
    margin-top: 2.34375vw;
  }
}
.content-form__select:before {
  display: block;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 230px;
  height: 70px;
  box-sizing: border-box;
  border: 1px solid #d0d2d5;
  border-radius: 3px;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .content-form__select:before {
    width: 41.6666666667vw;
    height: 10.4166666667vw;
    border-radius: 0.78125vw;
  }
}
.content-form__select:after {
  display: flex;
  align-items: center;
  position: absolute;
  content: "▼";
  color: #121d2f;
  background-color: #fff;
  font-size: 0.875rem;
  right: 1px;
  top: calc(50% - 20px / 2);
  width: 30px;
  height: 20px;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .content-form__select:after {
    top: calc(50% - 30vw / 768 * 100 / 2);
    width: 3.90625vw;
    height: 3.90625vw;
  }
}
.content-form__confirm {
  font-size: 1rem;
  line-height: 1.875rem;
  letter-spacing: -0.01em;
  width: 780px;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .content-form__confirm {
    margin-top: 1.3020833333vw;
    font-size: 1.5rem;
    width: 100%;
  }
}
.content-form__check-box {
  position: relative;
  height: 22px;
  margin: 0 auto;
  padding-left: 34px;
}
@media screen and (max-width: 768px) {
  .content-form__check-box {
    height: 5.7291666667vw;
    padding-left: 7.5520833333vw;
    margin-top: 2.6041666667vw;
  }
}
.content-form__check-box:nth-of-type(n + 2) {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .content-form__check-box:nth-of-type(n + 2) {
    margin-top: 2.6041666667vw;
  }
}
.content-form__check-box--agree {
  display: inline-block;
  position: relative;
  height: 22px;
  margin: 0 auto;
  padding-left: 34px;
  margin: 10px 15px 22px;
}
@media screen and (max-width: 768px) {
  .content-form__check-box--agree {
    height: 5.7291666667vw;
    padding-left: 8.3333333333vw;
    margin: 2.6041666667vw 2.6041666667vw 3.6458333333vw;
  }
}
.content-form__check-text {
  display: inline-block;
  font-size: 0.9375rem;
}
@media screen and (max-width: 768px) {
  .content-form__check-text {
    font-size: 1.3rem;
    letter-spacing: 0;
  }
}
.content-form__check-text a {
  position: relative;
  display: inline-block;
  color: #121d2f;
}
.content-form__check-text a:before {
  display: block;
  position: absolute;
  content: "";
  background-color: #121d2f;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
}
.content-form__check-text a:hover:before {
  background-color: #b8b8b8;
}
.content-form__check-other {
  font-size: 0.75rem;
  letter-spacing: 0.01em;
  width: 30em;
  height: 24px;
  padding: 2px;
  border-radius: 3px;
  border: 1px solid #d0d2d5;
  margin-left: 1em;
}
@media screen and (max-width: 768px) {
  .content-form__check-other {
    font-size: 1.125rem;
    width: auto;
    height: 5.7291666667vw;
    padding: 0.5208333333vw;
    -webkit-appearance: none;
    border-radius: 0.78125vw;
    border: 0.2604166667vw solid #d0d2d5;
  }
}
.content-form__checkbox {
  display: none;
}
.content-form__checkbox:checked ~ .content-form__check:before {
  opacity: 1;
}
.content-form__checkbox:checked ~ .content-form__button {
  background-color: #121d2f;
  pointer-events: auto;
  transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.content-form__checkbox:checked ~ .content-form__button.is-on {
  opacity: 0.7;
}
.content-form__check {
  position: absolute;
  background-color: #fff;
  top: calc(50% - 15px / 2);
  left: 0;
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #d0d2d5;
  border-radius: 4px;
}
@media screen and (max-width: 768px) {
  .content-form__check {
    top: calc(50% - 40vw / 768 * 100 / 2);
    width: 5.2083333333vw;
    height: 5.2083333333vw;
    border: 0.2604166667vw solid #d0d2d5;
    border-radius: 1.0416666667vw;
  }
}
.content-form__check:before {
  display: block;
  position: absolute;
  content: "";
  top: 30%;
  left: 10%;
  width: 60%;
  height: 20%;
  border: solid #f20480;
  border-width: 0 0 3px 3px;
  pointer-events: none;
  transform: rotate(-45deg);
  opacity: 0;
}
@media screen and (max-width: 768px) {
  .content-form__check:before {
    left: 14%;
    border-width: 0 0 0.78125vw 0.78125vw;
  }
}
.content-form__file {
  display: inline-block;
  position: relative;
  overflow: hidden;
  font-size: 1rem;
  line-height: 1;
  text-align: center;
  width: 373px;
  height: 80px;
  padding: 15px 20px;
  cursor: pointer;
  border-radius: 3px;
  box-shadow: 0 0 10px rgba(0, 64, 151, 0.15);
  overflow: hidden;
  transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    box-shadow 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media screen and (max-width: 768px) {
  .content-form__file {
    font-size: 1.5rem;
    width: 65.1041666667vw;
    height: 15.625vw;
    padding: 2.6041666667vw;
    margin-top: 2.34375vw;
    border-radius: 0.78125vw;
    box-shadow: 0 0 2.6041666667vw rgba(0, 64, 151, 0.15);
  }
}
.content-form__file.is-on {
  box-shadow: 0 0.3125rem 10px rgba(0, 64, 151, 0.15);
  transform: translate(0, -0.3125rem);
}
@media screen and (max-width: 768px) {
  .content-form__file.is-on {
    box-shadow: 0 0.3125rem 2.6041666667vw rgba(0, 64, 151, 0.15);
    transform: translate(0, -0.3125rem);
  }
}
.content-form__file input[type="file"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.content-form__file .uploadValue {
  display: inline-block;
  font-size: 1rem;
  line-height: 1;
  text-align: center;
  width: 100%;
  padding: 0 1em;
  color: #121d2f;
  background-color: #e5f1fb;
  border-radius: 3px;
  margin-top: 5px;
}
@media screen and (max-width: 768px) {
  .content-form__file .uploadValue {
    border-radius: 0.78125vw;
    margin-top: 1.8229166667vw;
  }
}
.content-form__note {
  font-size: 0.875rem;
  line-height: 1.5;
  margin-top: 10px;
}
.content-form__note:before,
.content-form__note:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin: calc((1em - 1.5em) / 2);
}
@media screen and (max-width: 768px) {
  .content-form__note {
    font-size: 1.25rem;
    margin-top: 2.6041666667vw;
  }
}
.content-form__note a {
  color: #0078d4;
  text-decoration: underline;
}
.content-form__note a:hover {
  text-decoration: none;
}
.content-form__policy {
  height: 200px;
  overflow-y: scroll;
  margin-top: 20px;
  padding: 18px 16px;
  border-radius: 3px;
  border: 1px solid #d0d2d5;
}
@media screen and (max-width: 768px) {
  .content-form__policy {
    height: 26.0416666667vw;
    margin-top: 3.6458333333vw;
    padding: 2.6041666667vw 2.34375vw;
    border-radius: 0.78125vw;
    border: 0.2604166667vw solid #d0d2d5;
  }
}
.content-form__policy .form-privacy__head {
  font-size: 1rem;
  line-height: 1.5;
  color: #f20480;
  font-weight: bold;
}
.content-form__policy .form-privacy__head:before,
.content-form__policy .form-privacy__head:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin: calc((1em - 1.5em) / 2);
}
@media screen and (max-width: 768px) {
  .content-form__policy .form-privacy__head {
    font-size: 1.4rem;
  }
}
.content-form__policy .form-privacy__title,
.content-form__policy .form-privacy__text {
  font-size: 0.875rem;
  line-height: 1.5;
}
.content-form__policy .form-privacy__title:before,
.content-form__policy .form-privacy__title:after,
.content-form__policy .form-privacy__text:before,
.content-form__policy .form-privacy__text:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin: calc((1em - 1.5em) / 2);
}
@media screen and (max-width: 768px) {
  .content-form__policy .form-privacy__title,
  .content-form__policy .form-privacy__text {
    font-size: 1.125rem;
  }
}
.content-form__policy .form-privacy__title {
  font-weight: bold;
  margin-top: 0.8em;
}
.content-form__policy .form-privacy__text {
  margin-top: 0.5em;
}
.content-form__policy .form-privacy__text a {
  color: #f20480;
  text-decoration: underline;
}
.content-form__policy .form-privacy__text a:hover {
  text-decoration: none;
}
.content-form__button {
  display: inline-block;
  position: relative;
  border-radius: 3px;
  box-shadow: 0 0 10px rgba(0, 64, 151, 0.15);
  overflow: hidden;
  transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    box-shadow 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .content-form__button {
    border-radius: 0.78125vw;
    box-shadow: 0 0 2.6041666667vw rgba(0, 64, 151, 0.15);
  }
}
.content-form__button button {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  font-size: 1.25rem;
  line-height: 1;
  letter-spacing: 0.08em;
  width: 373px;
  height: 80px;
}
@media screen and (max-width: 768px) {
  .content-form__button button {
    font-size: 1.5rem;
    width: 54.6875vw;
    height: 13.0208333333vw;
  }
}
.content-form__button.is-on {
  box-shadow: 0 0.3125rem 10px rgba(0, 64, 151, 0.15);
  transform: translate(0, -0.3125rem);
}
@media screen and (max-width: 768px) {
  .content-form__button.is-on {
    box-shadow: 0 0.3125rem 2.6041666667vw rgba(0, 64, 151, 0.15);
    transform: translate(0, -0.3125rem);
  }
}
.content-form__button:before {
  display: block;
  position: absolute;
  content: "";
  background-color: #f20480;
  right: 10px;
  bottom: calc(50% - 1px / 2);
  width: 30px;
  height: 1px;
  z-index: 9;
}
@media screen and (max-width: 768px) {
  .content-form__button:before {
    right: 3.90625vw;
    bottom: calc(50% - 2vw / 768 * 100 / 2);
    width: 7.8125vw;
    height: 0.2604166667vw;
  }
}
.content-form__button:after {
  display: block;
  position: absolute;
  content: "";
  right: 10px;
  bottom: calc(50% - 9px / 2);
  width: 9px;

  height: 9px;
  border: solid;
  border-color: #f20480;
  border-width: 1px 1px 0 0;
  box-sizing: border-box;
  z-index: 9;
  transform: rotate(45deg);
}
@media screen and (max-width: 768px) {
  .content-form__button:after {
    right: 3.90625vw;
    bottom: calc(50% - 18vw / 768 * 100 / 2);
    width: 2.34375vw;
    height: 2.34375vw;
    border-width: 0.2604166667vw 0.2604166667vw 0 0;
  }
}
.content-form__alert {
  margin-top: 5px;
  color: #121d2f;
  width: 100%;
  padding-left: 300px;
}
@media screen and (max-width: 768px) {
  .content-form__alert {
    margin-top: 1.3020833333vw;
    padding-left: 0;
  }
}
.content-form--faq {
  width: 585px;
  padding: 20px 30px 50px;
}
@media screen and (max-width: 768px) {
  .content-form--faq {
    width: 100%;
    padding: 5.2083333333vw 3.90625vw 6.5104166667vw;
  }
}
.content-form--faq .content-form__note {
  font-size: 1rem;
}
.content-form--faq .content-form__check-text {
  font-size: 1rem;
}
.content-form--faq .content-form__box {
  height: 50px;
}
@media screen and (max-width: 768px) {
  .content-form--faq .content-form__box {
    height: 7.8125vw;
  }
}
.content-form--faq .content-form__item-inner {
  width: 255px;
}
@media screen and (max-width: 768px) {
  .content-form--faq .content-form__item-inner {
    width: 40.3645833333vw;
  }
}
@media screen and (max-width: 768px) {
  .content-form--faq .content-form__select {
    height: 7.8125vw;
  }
}
.content-form--faq .content-form__select:before {
  height: 50px;
}
@media screen and (max-width: 768px) {
  .content-form--faq .content-form__select:before {
    height: 7.8125vw;
  }
}
.content-scroll {
  position: absolute;
  bottom: 120px;
  right: 40px;
  z-index: 9;
}
@media screen and (max-width: 768px) {
  .content-scroll {
    width: 0.75rem;
    bottom: 15.625vw;
    right: 5.2083333333vw;
  }
}
.content-scroll:before {
  display: block;
  position: absolute;
  content: "";
  background-color: #e5f1fb;
  top: calc(100% + 59px);
  right: calc(50% - 25px / 2);
  width: 25px;
  height: 25px;
  border-radius: 50%;
  animation: expand01 1.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite 0.8s;
}
@media screen and (max-width: 768px) {
  .content-scroll:before {
    top: calc(100% + 59vw / 768 * 100);
    right: calc(50% - 25vw / 768 * 100 / 2);
    width: 3.2552083333vw;
    height: 3.2552083333vw;
  }
}
.content-scroll:after {
  display: block;
  position: absolute;
  content: "";
  background-color: #121d2f;
  top: calc(100% + 25px / 2 - 5px / 2 + 59px);
  right: calc(50% - 5px / 2);
  width: 5px;
  height: 5px;
  border-radius: 50%;
  animation: expand02 1.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite 0.8s;
}
@media screen and (max-width: 768px) {
  .content-scroll:after {
    top: calc(
      100% + 25vw / 768 * 100 / 2 - 5vw / 768 * 100 / 2 + 59vw / 768 * 100
    );
    right: calc(50% - 5vw / 768 * 100 / 2);
    width: 0.6510416667vw;
    height: 0.6510416667vw;
  }
}
.content-scroll__text {
  font-family: "Poppins", sans-serif;
  font-size: 0.75rem;
  writing-mode: vertical-rl;
  line-height: 1;
}
.content-scroll__inner:after {
  display: block;
  position: absolute;
  content: "";
  background-color: #121d2f;
  top: calc(100% + 10px);
  right: calc(50% - 1px / 2);
  width: 1px;
  height: 63px;
  animation: line-dash2 1.6s cubic-bezier(0.86, 0, 0.07, 1) infinite;
}
@media screen and (max-width: 768px) {
  .content-scroll__inner:after {
    top: calc(100% + 10vw / 768 * 100);
    right: calc(50% - 1vw / 768 * 100 / 2);
    width: calc(0.5px + 0.5vw / 768 * 100);
    height: 8.203125vw;
  }
}
@keyframes line-dash2 {
  0% {
    transform-origin: bottom center;
    transform: scale(1, 1);
  }
  40% {
    transform-origin: bottom center;
    transform: scale(1, 0);
  }
  60% {
    transform-origin: top center;
    transform: scale(1, 0);
  }
  100% {
    transform-origin: top center;
    transform: scale(1, 1);
  }
}
.content-side-menu {
  background-color: #fff;
  border-radius: 3px;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(36, 58, 94, 0.15);
}
@media screen and (max-width: 768px) {
  .content-side-menu {
    border-radius: 0.78125vw;
  }
}
.content-side-menu + .content-side-menu {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .content-side-menu + .content-side-menu {
    margin-top: 3.90625vw;
  }
}
.content-side-menu__head {
  color: #fff;
  background-color: #243a5e;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  font-weight: bold;
  height: 56px;
}
@media screen and (max-width: 768px) {
  .content-side-menu__head {
    font-size: 1.25rem;
    height: 10.4166666667vw;
  }
}
.content-side-menu__head--large {
  font-size: 1.25rem;
}
@media screen and (max-width: 768px) {
  .content-side-menu__head--large {
    font-size: 1.25rem;
  }
}
.content-side-menu__list {
  padding: 8px 0;
}
@media screen and (max-width: 768px) {
  .content-side-menu__list {
    padding: 2.0833333333vw 0;
  }
}
.content-side-menu__list-item {
  position: relative;
}
.content-side-menu__list-item:nth-of-type(n + 2) {
  border-top: 1px solid #d0d2d5;
}
.content-side-menu__list-item > a {
  display: flex;
  padding: 20px;
  transition: opacity 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
@media screen and (max-width: 768px) {
  .content-side-menu__list-item > a {
    padding: 3.90625vw;
  }
}
.content-side-menu__list-item.is-on > a {
  opacity: 0.7;
}
.content-side-menu__image {
  width: 100px;
}
@media screen and (max-width: 768px) {
  .content-side-menu__image {
    width: 13.0208333333vw;
  }
}
.content-side-menu__image + .content-side-menu__name {
  width: 210px;
  padding-left: 15px;
}
@media screen and (max-width: 768px) {
  .content-side-menu__image + .content-side-menu__name {
    width: 73.9583333333vw;
    padding-left: 1.953125vw;
  }
}
.content-side-menu__name {
  font-size: 0.875rem;
  line-height: 1.785;
  letter-spacing: 0.04em;
  font-weight: 300;
}
.content-side-menu__name:before,
.content-side-menu__name:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin: calc((1em - 1.785em) / 2);
}
@media screen and (max-width: 768px) {
  .content-side-menu__name {
    font-size: 1.125rem;
  }
}
.content-side-menu--textonly .content-side-menu__list-item:before {
  display: block;
  position: absolute;
  content: "";
  top: calc(50% - 6px / 2);
  right: calc(20px - 6px / 2);
  width: 6px;
  height: 6px;
  box-sizing: border-box;
  border-style: solid;
  border-width: 1px 1px 0 0;
  border-color: #243a5e;
  transform: rotate(45deg);
}
@media screen and (max-width: 768px) {
  .content-side-menu--textonly .content-side-menu__list-item:before {
    top: calc(50% - 6vw / 768 * 100 / 2);
    right: calc(20vw / 768 * 100 - 6vw / 768 * 100 / 2);
    width: 0.78125vw;
    height: 0.78125vw;
  }
}
.content-side-menu--ranking .content-side-menu__list-item > a:before {
  display: flex;
  justify-content: center;
  content: "01";
  color: #0078d4;
  font-family: "Poppins", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1;
  width: 25px;
}
@media screen and (max-width: 768px) {
  .content-side-menu--ranking .content-side-menu__list-item > a:before {
    font-size: 1.4rem;
    font-weight: bold;
    width: 3.90625vw;
  }
}
.content-side-menu--ranking
  .content-side-menu__list-item:nth-of-type(1)
  > a:before {
  content: "01";
}
.content-side-menu--ranking
  .content-side-menu__list-item:nth-of-type(2)
  > a:before {
  content: "02";
}
.content-side-menu--ranking
  .content-side-menu__list-item:nth-of-type(3)
  > a:before {
  content: "03";
}
.content-side-menu--ranking
  .content-side-menu__list-item:nth-of-type(4)
  > a:before {
  content: "04";
}
.content-side-menu--ranking
  .content-side-menu__list-item:nth-of-type(5)
  > a:before {
  content: "05";
}
.content-side-menu--ranking
  .content-side-menu__list-item:nth-of-type(6)
  > a:before {
  content: "06";
}
.content-side-menu--ranking
  .content-side-menu__list-item:nth-of-type(7)
  > a:before {
  content: "07";
}
.content-side-menu--ranking
  .content-side-menu__list-item:nth-of-type(8)
  > a:before {
  content: "08";
}
.content-side-menu--ranking
  .content-side-menu__list-item:nth-of-type(9)
  > a:before {
  content: "09";
}
.content-side-menu--ranking
  .content-side-menu__list-item:nth-of-type(10)
  > a:before {
  content: "10";
}
.content-side-menu--ranking .content-side-menu__name {
  width: 286px;
  padding-left: 16px;
  min-height: 2.8em;
}
@media screen and (max-width: 768px) {
  .content-side-menu--ranking .content-side-menu__name {
    width: 83.0729166667vw;
    min-height: 2.2em;
    padding-left: 3.90625vw;
  }
}
.content-table {
  width: 1200px;
}
@media screen and (max-width: 768px) {
  .content-table {
    width: 92.1875vw;
  }
}
.content-table--bg-white .content-table__row {
  background-color: #fff !important;
}
.content-table--text-center .content-table__data {
  text-align: center !important;
}
.content-table__thead .content-table__row {
  border-bottom: none;
}
.content-table__row {
  background-color: #fff;
  border-bottom: 1px solid #d0d2d5;
}
.content-table__row:nth-of-type(2n) {
  background-color: #f4f7fc;
}
.content-table__row--all .content-table__data:nth-of-type(n + 2) {
  border-left: none;
}
.content-table__head {
  color: #fff;
  background-color: #243a5e;
  font-size: 1rem;
  line-height: 2;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  height: 60px;
}
@media screen and (max-width: 768px) {
  .content-table__head {
    line-height: 1.444;
    height: 10.4166666667vw;
  }
}
.content-table__head--w360 {
  width: 360px;
}
@media screen and (max-width: 768px) {
  .content-table__head--w360 {
    width: 27.65625vw;
  }
}
.content-table__head--w160 {
  width: 160px;
}
@media screen and (max-width: 768px) {
  .content-table__head--w160 {
    width: 12.2903645833vw;
  }
}
.content-table__head--w300 {
  width: 300px;
}
@media screen and (max-width: 768px) {
  .content-table__head--w300 {
    width: 23.046875vw;
  }
}
.content-table__head--w720 {
  width: 720px;
}
@media screen and (max-width: 768px) {
  .content-table__head--w720 {
    width: 55.3125vw;
  }
}
.content-table__head--w240 {
  width: 240px;
}
@media screen and (max-width: 768px) {
  .content-table__head--w240 {
    width: 20vw;
  }
}
.content-table__head:nth-of-type(n + 2) {
  border-left: 1px solid #d0d2d5;
}
.content-table__data {
  font-size: 0.875rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
  font-weight: 300;
  height: 90px;
  padding: 0 20px;
  vertical-align: middle;
}
.content-table__data__no-border {
  border: none !important;
  text-align: center;
  padding-bottom: 12px;
}
.content-table__data__no-border span {
  display: block;
}
@media screen and (max-width: 768px) {
  .content-table__data__no-border {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .content-table__data {
    height: 11.71875vw;
    padding: 0 2.6041666667vw;
  }
}
.content-table__data:nth-of-type(n + 2) {
  border-left: 1px solid #d0d2d5;
}
.content-table__data--bold {
  font-size: 1rem;
  font-weight: bold;
}
.content-table__data--alignright {
  text-align: right;
}
.content-table__title {
  margin: 80px 0 15px;
  text-align: center;
  font-size: 1.5rem;
}
.content-table__article-in {
  width: 790px;
  margin-top: 40px;
  border-right: 1px solid #d0d2d5;
  border-left: 1px solid #d0d2d5;
}
@media screen and (max-width: 768px) {
  .content-table__article-in {
    width: 100%;
  }
}
.content-table__article-in .content-table__head {
  line-height: 1.3;
}
#use_iot .content-table__title {
  margin: 100px 0 15px;
}
@media screen and (max-width: 768px) {
  #use_iot .content-table__title {
    margin: 37px 0 15px;
  }
}
.list-anchor {
  display: flex;
  flex-wrap: wrap;
}
.list-anchor__item {
  background-color: #fff;
  width: 228px;
  height: 60px;
  border: 2px solid #0078d4;
  border-radius: 3px;
}
@media screen and (max-width: 768px) {
  .list-anchor__item {
    width: 29.1666666667vw;
    height: 7.8125vw;
    border: 0.2604166667vw solid #0078d4;
    border-radius: 0.390625vw;
  }
}
@media screen and (min-width: 769px) {
  .list-anchor__item:nth-of-type(n + 2) {
    margin-left: 15px;
  }
}
@media screen and (min-width: 769px) {
  .list-anchor__item:nth-of-type(n + 2):nth-of-type(6n) {
    margin-left: 0;
  }
}
@media screen and (min-width: 769px) {
  .list-anchor__item:nth-of-type(n + 6) {
    margin-top: 15px;
  }
}
@media screen and (max-width: 768px) {
  .list-anchor__item:nth-of-type(3n),
  .list-anchor__item:nth-of-type(3n - 1) {
    margin-left: 2.34375vw;
  }
}
@media screen and (max-width: 768px) {
  .list-anchor__item:nth-of-type(n + 4) {
    margin-top: 2.0833333333vw;
  }
}
.list-anchor__item > a {
  position: relative;
  color: #0078d4;
  display: flex;
  align-items: center;
  font-size: 1rem;
  line-height: 1;
  font-weight: bold;
  letter-spacing: 0.04em;
  width: 100%;
  height: 100%;
  padding-left: 20px;
}
@media screen and (max-width: 768px) {
  .list-anchor__item > a {
    letter-spacing: 0em;
    padding-left: 1.3020833333vw;
  }
}
.list-anchor__item > a:before {
  display: block;
  position: absolute;
  content: "";
  top: calc(50% - 8px / 2 - 1px);
  right: 18px;
  width: 8px;
  height: 8px;
  box-sizing: border-box;
  border: solid #0078d4;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg) skew(-3deg, -3deg);
}
@media screen and (max-width: 768px) {
  .list-anchor__item > a:before {
    top: calc(50% - 8vw / 768 * 100 / 2 - 1vw / 768 * 100);
    right: 1.3020833333vw;
    width: 1.0416666667vw;
    height: 1.0416666667vw;
    border-width: 0 0.2604166667vw 0.2604166667vw 0;
  }
}
.list-breadcrumb {
  display: flex;
  position: absolute;
  bottom: 20px;
  left: calc(50% - 600px);
}
@media screen and (max-width: 768px) {
  .list-breadcrumb {
    display: none;
  }
}
.list-breadcrumb__item {
  position: relative;
  line-height: 0;
  padding-bottom: 0.05em;
}
.list-breadcrumb__item a {
  color: #999999;
  display: block;
  font-size: 0.75rem;
  line-height: 1;
  letter-spacing: 0.03em;
  transition: color 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
.list-breadcrumb__item.is-on a {
  color: #121d2f;
}
.list-breadcrumb__item:last-of-type a {
  color: #121d2f;
}
.list-breadcrumb__item:nth-of-type(n + 2) {
  margin-left: 16px;
  padding-left: 20px;
}
.list-breadcrumb__item:nth-of-type(n + 2):before {
  display: block;
  position: absolute;
  content: "";
  top: calc(50% - 6px / 2);
  left: calc(-6px / 2);
  width: 6px;
  height: 6px;
  box-sizing: border-box;
  border-style: solid;
  border-width: 1px 1px 0 0;
  border-color: #999999;
  transform: rotate(45deg);
}
.list-description__item {
  position: relative;
}
.list-description__box {
  position: relative;
  z-index: 1;
}
.list-description__image {
  position: relative;
  z-index: 1;
}
.list-description__head {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  line-height: 1.333;
  letter-spacing: 0.03em;
  font-weight: bold;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .list-description__head {
    align-items: flex-start;
    letter-spacing: -0.01em;
  }
}
.list-description__head .num {
  font-family: "Poppins", sans-serif;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 0.02em;
  font-weight: 600;
  margin-right: 28px;
}
@media screen and (max-width: 768px) {
  .list-description__head .num {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.25rem;
    margin-right: 3.90625vw;
    height: 2rem;
  }
}
.list-description__text {
  font-size: 1rem;
  line-height: 2;
  font-weight: 300;
  letter-spacing: 0.04em;
  margin-top: 22px;
}
.list-description__text:before,
.list-description__text:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin: calc((1em - 2em) / 2);
}
@media screen and (max-width: 768px) {
  .list-description__text {
    font-size: 1.125rem;
    margin-top: 3.125vw;
  }
}
.list-description__text .bold {
  font-weight: bold;
}
.list-description__text.color-red {
  color: red;
}
.list-description--flex .list-description__item {
  display: flex;
  justify-content: space-between;
  padding: 58px 0 64px;
}
@media screen and (max-width: 768px) {
  .list-description--flex .list-description__item {
    display: block;
    padding: 7.5520833333vw 0 8.3333333333vw;
  }
}
.list-description--flex .list-description__item--no-border {
  border: none !important;
  padding-top: 0;
  display: block;
}
.list-description--flex .list-description__item--no-border .button-content {
  width: 380px;
}
.list-description--flex .list-description__item:first-of-type {
  padding-top: 0;
}
.list-description--flex .list-description__item:last-of-type {
  padding-bottom: 0;
}
.list-description--flex .list-description__item:nth-of-type(n + 2) {
  border-top: 1px solid rgba(18, 29, 47, 0.1);
}
.list-description--flex .list-description__item--no-flex {
  display: block;
}
.list-description--flex
  .list-description__item--no-flex
  .list-description__box {
  width: 100%;
}
.list-description--flex
  .list-description__item--no-flex
  .list-description__image {
  margin: 0 auto;
  margin-top: 60px;
  width: auto;
  max-width: 820px;
}
@media screen and (max-width: 768px) {
  .list-description--flex
    .list-description__item--no-flex
    .list-description__image {
    width: 100%;
    margin-top: 7.8125vw;
  }
}
.list-description--flex
  .list-description__item--no-flex
  .list-description__image--w760 {
  width: 760px;
}
@media screen and (max-width: 768px) {
  .list-description--flex
    .list-description__item--no-flex
    .list-description__image--w760 {
    width: 100%;
  }
}
.list-description--flex
  .list-description__item--no-flex
  .list-description__image__flex {
  display: flex;
  justify-content: space-around;
  width: 100%;
  max-width: none;
}
@media screen and (max-width: 768px) {
  .list-description--flex
    .list-description__item--no-flex
    .list-description__image__flex {
    display: block;
  }
}
.list-description--flex
  .list-description__item--no-flex
  .list-description__image__flex
  img {
  width: 320px;
}
@media screen and (max-width: 768px) {
  .list-description--flex
    .list-description__item--no-flex
    .list-description__image__flex
    img {
    width: 41.6666666667vw;
  }
}
.list-description--flex
  .list-description__item--no-flex
  .list-description__image__flex
  img:nth-of-type(3) {
  margin-top: 10px;
}
.list-description--flex .list-description__box {
  width: 825px;
}
@media screen and (max-width: 768px) {
  .list-description--flex .list-description__box {
    width: 100%;
  }
}
.list-description--flex .list-description__box--w845 {
  width: 845px;
}
@media screen and (max-width: 768px) {
  .list-description--flex .list-description__box--w845 {
    width: 100%;
  }
}
.list-description--flex .list-description__box--w685 {
  width: 685px;
}
@media screen and (max-width: 768px) {
  .list-description--flex .list-description__box--w685 {
    width: 100%;
  }
}
.list-description--flex .list-description__box--w800 {
  width: 800px;
}
@media screen and (max-width: 768px) {
  .list-description--flex .list-description__box--w800 {
    width: 100%;
  }
}
.list-description--flex .list-description__image {
  width: 320px;
}
@media screen and (max-width: 768px) {
  .list-description--flex .list-description__image {
    width: 41.6666666667vw;
    margin: 0 auto;
    margin-top: 5.2083333333vw;
  }
}
.list-description--flex .list-description__image--w300 {
  width: 300px;
}
@media screen and (max-width: 768px) {
  .list-description--flex .list-description__image--w300 {
    width: 39.0625vw;
  }
}
.list-description--flex .list-description__image--w340 {
  width: 340px;
}
@media screen and (max-width: 768px) {
  .list-description--flex .list-description__image--w340 {
    width: 44.2708333333vw;
  }
}
.list-description--flex .list-description__image--w460 {
  width: 460px;
}
@media screen and (max-width: 768px) {
  .list-description--flex .list-description__image--w460 {
    width: 59.8958333333vw;
  }
}
@media screen and (max-width: 768px) {
  .list-description--flex .list-description__image + .list-description__box {
    margin-top: 3.90625vw;
  }
}
.list-description--icon-list .list-description__item {
  margin-top: 114px;
}
@media screen and (max-width: 768px) {
  .list-description--icon-list .list-description__item {
    margin-top: 14.84375vw;
  }
}
.list-description--icon-list .list-description__box {
  margin-top: 34px;
}
@media screen and (max-width: 768px) {
  .list-description--icon-list .list-description__box {
    margin-top: 4.4270833333vw;
  }
}
.list-detail-box {
  position: relative;
  z-index: 1;
}
.list-detail-box__item {
  position: relative;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 0 10px rgba(36, 58, 94, 0.15);
}
@media screen and (max-width: 768px) {
  .list-detail-box__item {
    border-radius: 0.78125vw;
    box-shadow: 0 0 1.3020833333vw rgba(36, 58, 94, 0.15);
  }
}
.list-detail-box__item:before {
  display: block;
  position: absolute;
  content: "";
  background-color: #e5f1fb;
  bottom: calc(35px - 25px / 2);
  right: calc(178px - 25px / 2);
  width: 25px;
  height: 25px;
  border-radius: 50%;
}
@media screen and (max-width: 768px) {
  .list-detail-box__item:before {
    bottom: calc(35vw / 768 * 100 - 25vw / 768 * 100 / 2);
    right: calc(178vw / 768 * 100 - 25vw / 768 * 100 / 2);
    width: 3.2552083333vw;
    height: 3.2552083333vw;
  }
}
.list-detail-box__item:after {
  display: block;
  position: absolute;
  content: "";
  background-color: #121d2f;
  bottom: calc(35px - 5px / 2);
  right: calc(178px - 5px / 2);
  width: 5px;
  height: 5px;
  border-radius: 50%;
}
@media screen and (max-width: 768px) {
  .list-detail-box__item:after {
    bottom: calc(35vw / 768 * 100 - 5vw / 768 * 100 / 2);
    right: calc(178vw / 768 * 100 - 5vw / 768 * 100 / 2);
    width: 0.6510416667vw;
    height: 0.6510416667vw;
  }
}
.list-detail-box__item > a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.list-detail-box__box {
  position: relative;
  padding: 28px 30px 85px;
}
@media screen and (max-width: 768px) {
  .list-detail-box__box {
    padding: 3.6458333333vw 3.90625vw 11.0677083333vw;
  }
}
.list-detail-box__box:before {
  color: #666666;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  content: "詳細を見る";
  bottom: 0;
  right: 0;
  font-size: 0.875rem;
  width: 190px;
  height: 70px;
  padding-right: 30px;
}
@media screen and (max-width: 768px) {
  .list-detail-box__box:before {
    letter-spacing: 0;
    width: 24.7395833333vw;
    height: 9.1145833333vw;
    padding-right: 1.5625vw;
  }
}
.list-detail-box__box:after {
  display: block;
  position: absolute;
  content: "";
  background-color: #121d2f;
  bottom: calc(35px - 1px / 2);
  right: calc(178px - 63px);
  width: 63px;
  height: 1px;
}
@media screen and (max-width: 768px) {
  .list-detail-box__box:after {
    bottom: calc(35vw / 768 * 100 - 1vw / 768 * 100 / 2);
    right: calc(178vw / 768 * 100 - 63vw / 768 * 100);
    width: 8.203125vw;
    height: 0.1302083333vw;
  }
}
.list-detail-box__head {
  color: #fff;
  font-family: "Poppins", sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  align-content: center;
  background-color: #243a5e;
  font-size: 0.6rem;
  line-height: 1.25;
  font-weight: 600;
  width: 80px;
  height: 80px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .list-detail-box__head {
    letter-spacing: -0.01em;
    width: 13.0208333333vw;
    height: 13.0208333333vw;
  }
}
.list-detail-box__head .num {
  display: block;
  font-size: 1.5rem;
  text-align: center;
  font-weight: 500;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .list-detail-box__head .num {
    letter-spacing: 0.01em;
  }
}
@media screen and (max-width: 768px) {
  .list-detail-box__head + .list-detail-box__box {
    height: calc(100% - 100vw / 768 * 100);
  }
}
.list-detail-box__name {
  font-size: 1.5rem;
  line-height: 1.5;
  letter-spacing: 0.01em;
  font-weight: bold;
  text-align: center;
}
.list-detail-box__name:before,
.list-detail-box__name:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin: calc((1em - 1.5em) / 2);
}
.list-detail-box__name + .list-detail-box__text {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .list-detail-box__name + .list-detail-box__text {
    margin-top: 2.6041666667vw;
  }
}
.list-detail-box__name--small {
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.list-detail-box__name--small2 {
  font-size: 1.125rem;
  min-height: 54px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.list-detail-box__text {
  font-size: 1rem;
  line-height: 2;
  font-weight: 300;
  letter-spacing: 0.02em;
  text-align: center;
}
.list-detail-box__text:before,
.list-detail-box__text:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin: calc((1em - 2em) / 2);
}
.list-detail-box__text--left {
  text-align: left;
  min-height: 100px;
}
.list-detail-box__text a {
  text-decoration: underline;
}
.list-detail-box__text a:hover {
  text-decoration: none;
}
.list-detail-box__note {
  font-size: 0.875rem;
  line-height: 1.718;
  font-weight: 300;
  letter-spacing: 0.02em;
  text-align: center;
  margin-top: 30px;
  width: 100%;
}
.list-detail-box__note:before,
.list-detail-box__note:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin: calc((1em - 1.718em) / 2);
}
@media screen and (max-width: 768px) {
  .list-detail-box__note {
    margin-top: 3.90625vw;
  }
}
.list-detail-box__note--left {
  text-align: left;
}
.list-detail-box__note a {
  color: #0078d4;
  text-decoration: underline;
  word-break: break-all;
}
.list-detail-box__note a:hover {
  text-decoration: none;
}
.list-detail-box__image {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .list-detail-box__image {
    margin-top: 5.2083333333vw;
  }
}
.list-detail-box__image--head {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .list-detail-box__image--head {
    margin-top: 3.90625vw;
  }
}
.list-detail-box__image--h200 {
  height: 200px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .list-detail-box__image--h200 {
    height: 26.0416666667vw;
  }
}
.list-detail-box__image--download-list {
  width: calc(100% - 100px);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .list-detail-box__image--download-list {
    width: 36.4583333333vw;
  }
}
.list-detail-box__image--download-list img {
  width: 100%;
}
.list-detail-box__image + .list-detail-box__text {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .list-detail-box__image + .list-detail-box__text {
    margin-top: 3.90625vw;
  }
}
.list-detail-box--double {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.list-detail-box--double .list-detail-box__item {
  width: calc((100% - 60px) / 3);
}
@media screen and (max-width: 768px) {
  .list-detail-box--double .list-detail-box__item {
    width: calc((100% - 30px) / 2);
  }
}
.list-detail-box--to-detail .list-detail-box__box:before {
  content: "詳しく知る";
}
.list-detail-box--arrow .list-detail-box__item:before {
  bottom: calc(-60px);
  right: calc(50% - 25px / 2);
}
@media screen and (max-width: 768px) {
  .list-detail-box--arrow .list-detail-box__item:before {
    bottom: -36.4583333333vw;
    right: calc(50% - 25vw / 768 * 100 / 2);
  }
}
.list-detail-box--arrow .list-detail-box__item:after {
  bottom: calc(-60px + 25px / 2 - 5px / 2);
  right: calc(50% - 5px / 2);
}
@media screen and (max-width: 768px) {
  .list-detail-box--arrow .list-detail-box__item:after {
    bottom: calc(
      -280vw / 768 * 100 + 25vw / 768 * 100 / 2 - 5vw / 768 * 100 / 2
    );
    right: calc(50% - 5vw / 768 * 100 / 2);
  }
}
@media screen and (max-width: 768px) {
  .list-detail-box--arrow .list-detail-box__item:nth-of-type(3):before {
    bottom: -52.0833333333vw;
  }
}
@media screen and (max-width: 768px) {
  .list-detail-box--arrow .list-detail-box__item:nth-of-type(3):after {
    bottom: calc(
      -400vw / 768 * 100 + 25vw / 768 * 100 / 2 - 5vw / 768 * 100 / 2
    );
  }
}
@media screen and (max-width: 768px) {
  .list-detail-box--arrow
    .list-detail-box__item:nth-of-type(3)
    .list-detail-box__box:after {
    bottom: calc(-400vw / 768 * 100 + 25vw / 768 * 100 / 2);
    height: 52.0833333333vw;
  }
}
.list-detail-box--arrow .list-detail-box__box {
  padding-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .list-detail-box--arrow .list-detail-box__box {
    padding-bottom: 5.2083333333vw;
    height: 100%;
  }
}
.list-detail-box--arrow .list-detail-box__box:before {
  display: none;
}
.list-detail-box--arrow .list-detail-box__box:after {
  bottom: calc(-60px + 25px / 2);
  right: calc(50% - 1px / 2);
  width: 1px;
  height: 63px;
}
@media screen and (max-width: 768px) {
  .list-detail-box--arrow .list-detail-box__box:after {
    bottom: calc(-280vw / 768 * 100 + 25vw / 768 * 100 / 2);
    right: calc(50% - 1vw / 768 * 100 / 2);
    width: 0.1302083333vw;
    height: 36.4583333333vw;
  }
}
.list-detail-box--arrow + .list-detail-box {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .list-detail-box--arrow + .list-detail-box {
    margin-top: 10.4166666667vw;
  }
}
.list-detail-box--triple {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .list-detail-box--triple {
    justify-content: center;
  }
}
.list-detail-box--triple .list-detail-box__item {
  width: 380px;
}
@media screen and (max-width: 768px) {
  .list-detail-box--triple .list-detail-box__item {
    width: 44.2708333333vw;
  }
}
@media screen and (min-width: 769px) {
  .list-detail-box--triple .list-detail-box__item:nth-of-type(3n),
  .list-detail-box--triple .list-detail-box__item:nth-of-type(3n - 1) {
    margin-left: 30px;
  }
}
@media screen and (min-width: 769px) {
  .list-detail-box--triple .list-detail-box__item:nth-of-type(n + 4) {
    margin-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  .list-detail-box--triple .list-detail-box__item:nth-of-type(2n) {
    margin-left: 3.6458333333vw;
  }
}
@media screen and (max-width: 768px) {
  .list-detail-box--triple .list-detail-box__item:nth-of-type(n + 3) {
    margin-top: 3.90625vw;
  }
}
.list-detail-box--triple .list-detail-box__image--head {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .list-detail-box--sp-single {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .list-detail-box--sp-single .list-detail-box__item {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .list-detail-box--sp-single .list-detail-box__item:nth-of-type(2n) {
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .list-detail-box--sp-single .list-detail-box__item:nth-of-type(n + 3) {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .list-detail-box--sp-single .list-detail-box__item:nth-of-type(n + 2) {
    margin-top: 3.90625vw;
  }
}
@media screen and (max-width: 768px) {
  .list-detail-box--sp-single .list-detail-box__box {
    padding-left: 5.2083333333vw;
    padding-right: 5.2083333333vw;
  }
}
@media screen and (max-width: 768px) {
  .list-detail-box--sp-single .list-detail-box__name {
    font-size: 1.75rem;
  }
}
@media screen and (max-width: 768px) {
  .list-detail-box--sp-single .list-detail-box__name + .list-detail-box__image {
    padding-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .list-detail-box--sp-single .list-detail-box__text {
    font-size: 1.25rem;
    line-height: 1.666;
  }
  .list-detail-box--sp-single .list-detail-box__text:before,
  .list-detail-box--sp-single .list-detail-box__text:after {
    content: "";
    display: block;
    height: 0;
    width: 0;
    margin: calc((1em - 1.666em) / 2);
  }
}
@media screen and (max-width: 768px) {
  .list-detail-box--sp-single .list-detail-box__text + .list-detail-box__image {
    padding-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .list-detail-box--sp-single .list-detail-box__image {
    width: 65.1041666667vw;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5.2083333333vw;
  }
}
.list-detail-box--triple-gap {
  display: flex;
  flex-wrap: wrap;
}
.list-detail-box--triple-gap:before {
  display: block;
  position: absolute;
  content: "";
  background-color: #fff;
  bottom: 57px;
  left: 0;
  width: calc(100% + 60px);
  height: 4px;
}
@media screen and (max-width: 768px) {
  .list-detail-box--triple-gap:before {
    bottom: 7.421875vw;
    width: calc(100% + 60vw / 768 * 100);
    height: 0.5208333333vw;
  }
}
.list-detail-box--triple-gap .list-detail-box__item {
  width: 300px;
}
@media screen and (max-width: 768px) {
  .list-detail-box--triple-gap .list-detail-box__item {
    width: 29.1666666667vw;
  }
}
.list-detail-box--triple-gap .list-detail-box__item:nth-of-type(3n),
.list-detail-box--triple-gap .list-detail-box__item:nth-of-type(3n - 1) {
  margin-left: 50px;
}
@media screen and (max-width: 768px) {
  .list-detail-box--triple-gap .list-detail-box__item:nth-of-type(3n),
  .list-detail-box--triple-gap .list-detail-box__item:nth-of-type(3n - 1) {
    margin-left: 2.34375vw;
  }
}
.list-detail-box--triple-gap .list-detail-box__item:nth-of-type(n + 4) {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .list-detail-box--triple-gap .list-detail-box__item:nth-of-type(n + 4) {
    margin-top: 2.6041666667vw;
  }
}
@media screen and (max-width: 768px) {
  .list-detail-box--triple-gap .list-detail-box__name {
    font-size: 1.25rem;
    line-height: 1.444;
  }
  .list-detail-box--triple-gap .list-detail-box__name:before,
  .list-detail-box--triple-gap .list-detail-box__name:after {
    content: "";
    display: block;
    height: 0;
    width: 0;
    margin: calc((1em - 1.444em) / 2);
  }
}
.list-detail-box--triple-gap:nth-of-type(2n) {
  justify-content: flex-end;
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .list-detail-box--triple-gap:nth-of-type(2n) {
    margin-top: 6.5104166667vw;
  }
}
.list-detail-box--triple-gap:nth-of-type(2n):before {
  left: auto;
  right: 0;
}
.list-detail-box--quadruple {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.list-detail-box--quadruple .list-detail-box__item {
  width: 276px;
}
.list-detail-box--quadruple
  .list-detail-box__item
  .list-detail-box__image--head {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .list-detail-box--quadruple .list-detail-box__item {
    width: 44.2708333333vw;
  }
}
@media screen and (min-width: 769px) {
  .list-detail-box--quadruple .list-detail-box__item:nth-of-type(5n),
  .list-detail-box--quadruple .list-detail-box__item:nth-of-type(4n - 1),
  .list-detail-box--quadruple .list-detail-box__item:nth-of-type(4n - 2),
  .list-detail-box--quadruple .list-detail-box__item:nth-of-type(4n) {
    margin-left: 20px;
  }
}
@media screen and (min-width: 769px) {
  .list-detail-box--quadruple .list-detail-box__item:nth-of-type(n + 5) {
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .list-detail-box--quadruple .list-detail-box__item:nth-of-type(2n) {
    margin-left: 3.6458333333vw;
  }
}

@media screen and (max-width: 768px) {
  .list-detail-box--quadruple .list-detail-box__item:nth-of-type(n + 3) {
    margin-top: 3.90625vw;
  }
}
.list-detail-box--quadruple .list-detail-box__item:before {
  right: calc(147px - 25px / 2);
}
@media screen and (max-width: 768px) {
  .list-detail-box--quadruple .list-detail-box__item:before {
    right: calc(147vw / 768 * 100 - 25vw / 768 * 100 / 2);
  }
}
.list-detail-box--quadruple .list-detail-box__item:after {
  right: calc(147px - 5px / 2);
}
@media screen and (max-width: 768px) {
  .list-detail-box--quadruple .list-detail-box__item:after {
    right: calc(147vw / 768 * 100 - 5vw / 768 * 100 / 2);
  }
}
.list-detail-box--quadruple .list-detail-box__box {
  padding-top: 26px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 68px;
}
@media screen and (max-width: 768px) {
  .list-detail-box--quadruple .list-detail-box__box {
    padding-top: 3.3854166667vw;
    padding-left: 1.3020833333vw;
    padding-right: 1.3020833333vw;
    padding-bottom: 8.8541666667vw;
  }
}
.list-detail-box--quadruple .list-detail-box__box:before {
  padding-right: 18px;
}
@media screen and (max-width: 768px) {
  .list-detail-box--quadruple .list-detail-box__box:before {
    padding-right: 1.0416666667vw;
  }
}
.list-detail-box--quadruple .list-detail-box__box:after {
  right: calc(147px - 44px);
  width: 44px;
}
@media screen and (max-width: 768px) {
  .list-detail-box--quadruple .list-detail-box__box:after {
    right: calc(147vw / 768 * 100 - 44vw / 768 * 100);
    width: 5.7291666667vw;
  }
}
.list-detail-box--no-link .list-detail-box__item:before,
.list-detail-box--no-link .list-detail-box__item:after {
  display: none;
}
.list-detail-box--no-link .list-detail-box__box {
  padding-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .list-detail-box--no-link .list-detail-box__box {
    padding-bottom: 5.2083333333vw;
  }
}
.list-detail-box--no-link .list-detail-box__box:before,
.list-detail-box--no-link .list-detail-box__box:after {
  display: none;
}
.list-detail-box--carousel {
  margin-top: -10px;
}
@media screen and (max-width: 768px) {
  .list-detail-box--carousel {
    margin-top: -1.3020833333vw;
  }
}
.list-detail-box--carousel .list-detail-box__carousel-box {
  padding: 0 15px;
  padding-top: 10px;
}
@media screen and (max-width: 768px) {
  .list-detail-box--carousel .list-detail-box__carousel-box {
    padding: 0 1.953125vw;
    padding-top: 1.3020833333vw;
  }
}
.list-detail-box--carousel .list-detail-box__item > a {
  width: 380px;
}
@media screen and (max-width: 768px) {
  .list-detail-box--carousel .list-detail-box__item > a {
    width: 49.4791666667vw;
  }
}
.list-detail-box--carousel .list-detail-box__box {
  padding-top: 40px;
  padding-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .list-detail-box--carousel .list-detail-box__box {
    padding-top: 5.2083333333vw;
    padding-bottom: 10.4166666667vw;
  }
}
.list-detail-box--carousel .list-detail-box__text {
  text-align: left;
}
.list-detail-box--carousel .slide-arrow {
  position: absolute;
  background-color: #243a5e;
  top: -35px;
  width: 60px;
  height: 60px;
  z-index: 99;
  transition: opacity 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .list-detail-box--carousel .slide-arrow {
    top: -4.5572916667vw;
    width: 7.8125vw;
    height: 7.8125vw;
  }
}
.list-detail-box--carousel .slide-arrow:before {
  display: block;
  position: absolute;
  content: "";
  top: calc(50% - 10px / 2);
  width: 10px;
  height: 10px;
  border: solid #fff;
  border-width: 1px 1px 0 0;
}
@media screen and (max-width: 768px) {
  .list-detail-box--carousel .slide-arrow:before {
    top: calc(50% - 10vw / 768 * 100 / 2);
    width: 1.3020833333vw;
    height: 1.3020833333vw;
  }
}
.list-detail-box--carousel .slide-arrow:hover {
  opacity: 0.7;
}
.list-detail-box--carousel .slide-arrow--prev {
  left: calc(50% + 464px);
}
@media screen and (max-width: 768px) {
  .list-detail-box--carousel .slide-arrow--prev {
    left: calc(50% + 200vw / 768 * 100);
  }
}
.list-detail-box--carousel .slide-arrow--prev:before {
  left: calc(50% - 3px);
  transform: rotate(-135deg);
}
@media screen and (max-width: 768px) {
  .list-detail-box--carousel .slide-arrow--prev:before {
    left: calc(50% - 3vw / 768 * 100);
  }
}
.list-detail-box--carousel .slide-arrow--next {
  left: calc(50% + 525px);
}
@media screen and (max-width: 768px) {
  .list-detail-box--carousel .slide-arrow--next {
    left: calc(50% + 261vw / 768 * 100);
  }
}
.list-detail-box--carousel .slide-arrow--next:before {
  right: calc(50% - 3px);
  transform: rotate(45deg);
}
@media screen and (max-width: 768px) {
  .list-detail-box--carousel .slide-arrow--next:before {
    right: calc(50% - 3vw / 768 * 100);
  }
}
#service_detail--triple {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  #service_detail--triple {
    justify-content: center;
  }
}
#service_detail--triple__image--head {
  text-align: center;
}
.list-detail-box__item.is-on:before {
  animation: expand01 1.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
}
.list-detail-box__item.is-on:after {
  animation: expand02 1.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
}
.list-detail-box__item.is-on .list-detail-box__box:after {
  animation: line-dash 1.6s cubic-bezier(0.86, 0, 0.07, 1) infinite;
}
@keyframes expand01 {
  0% {
    transform: scale(1);
  }
  40% {
    transform: scale(1);
  }
  70% {
    transform: scale(1.4);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes expand02 {
  0% {
    transform: scale(1);
  }
  30% {
    transform: scale(1);
  }
  60% {
    transform: scale(1.8);
  }
  90% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes line-dash {
  0% {
    transform-origin: center right;
    transform: scale(1, 1);
  }
  40% {
    transform-origin: center right;
    transform: scale(0, 1);
  }
  60% {
    transform-origin: center left;
    transform: scale(0, 1);
  }
  100% {
    transform-origin: center left;
    transform: scale(1, 1);
  }
}
.js-carousel .list-detail-box__item:hover:before {
  animation: expand01 1.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
}
.js-carousel .list-detail-box__item:hover:after {
  animation: expand02 1.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
}
.js-carousel .list-detail-box__item:hover .list-detail-box__box:after {
  animation: line-dash 1.6s cubic-bezier(0.86, 0, 0.07, 1) infinite;
}
.list-download {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  background-color: #fff;
  padding: 36px 60px 60px;
  border-radius: 3px;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(36, 58, 94, 0.15);
}
@media screen and (max-width: 768px) {
  .list-download {
    display: block;
    padding: 4.6875vw 3.90625vw 7.8125vw;
    border-radius: 0.78125vw;
    box-shadow: 0 0 1.3020833333vw rgba(36, 58, 94, 0.15);
  }
}
.list-download__item {
  position: relative;
  display: flex;
  align-items: center;
  width: 525px;
  height: 60px;
  border-bottom: 1px solid rgba(18, 29, 47, 0.1);
}
@media screen and (max-width: 768px) {
  .list-download__item {
    width: 100%;
    height: 10.4166666667vw;
  }
}
@media screen and (max-width: 768px) {
  .list-download__item:last-of-type {
    border-bottom: none;
  }
}
@media screen and (min-width: 769px) {
  .list-download__item:last-of-type:nth-of-type(2n - 1) {
    border-bottom: none;
  }
}
.list-download__item a {
  display: block;
  font-size: 0.875rem;
  font-weight: 300;
  letter-spacing: 0.02em;
  transition: opacity 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
@media screen and (max-width: 768px) {
  .list-download__item a {
    font-size: 0.9875rem;
    line-height: 1.4;
    width: 78.90625vw;
    padding-right: 2.6041666667vw;
  }
}
.list-download__item:nth-of-type(n + 3) {
  margin-top: 18px;
}
@media screen and (max-width: 768px) {
  .list-download__item:nth-of-type(n + 3) {
    margin-top: 2.34375vw;
  }
}
.list-download__item:before {
  display: block;
  content: "";
  background-color: #e5f1fb;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  margin-right: 17px;
}
@media screen and (max-width: 768px) {
  .list-download__item:before {
    width: 3.2552083333vw;
    height: 3.2552083333vw;
    margin-right: 2.2135416667vw;
  }
}
.list-download__item:after {
  display: block;
  position: absolute;
  content: "";
  background-image: url(../img/common/icn_arrow-download.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  bottom: calc(50% - 4px);
  left: calc(25px / 2 - 11px / 2);
  width: 11px;
  height: 23px;
}
@media screen and (max-width: 768px) {
  .list-download__item:after {
    bottom: calc(50% - 4vw / 768 * 100);
    left: calc(25vw / 768 * 100 / 2 - 11vw / 768 * 100 / 2);
    width: 1.4322916667vw;
    height: 2.9947916667vw;
  }
}
.list-download__item.is-on a {
  opacity: 0.7;
}
.list-faq__item {
  position: relative;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 0 10px rgba(36, 58, 94, 0.15);
}
@media screen and (max-width: 768px) {
  .list-faq__item {
    border-radius: 0.78125vw;
    box-shadow: 0 0 1.3020833333vw rgba(36, 58, 94, 0.15);
  }
}
.list-faq__item:nth-of-type(n + 2) {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .list-faq__item:nth-of-type(n + 2) {
    margin-top: 2.6041666667vw;
  }
}
.list-faq__item > a {
  display: block;
}
.list-faq__box {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  min-height: 80px;
}
@media screen and (max-width: 768px) {
  .list-faq__box {
    min-height: 10.4166666667vw;
  }
}
.list-faq__box:before {
  color: #0078d4;
  font-family: "Poppins", sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  content: "Q";
  font-size: 2rem;
  font-weight: 500;
  width: 85px;
  height: 80px;
}
@media screen and (max-width: 768px) {
  .list-faq__box:before {
    width: 11.0677083333vw;
    height: 10.4166666667vw;
  }
}
.list-faq__box:after {
  display: block;
  position: absolute;
  content: "";
  top: calc(50% - 10px / 2);
  right: calc(34px - 10px / 2);
  width: 10px;
  height: 10px;
  box-sizing: border-box;
  border-style: solid;
  border-width: 1px 1px 0 0;
  border-color: #0078d4;
  transform: rotate(45deg);
}
@media screen and (max-width: 768px) {
  .list-faq__box:after {
    top: calc(50% - 10vw / 768 * 100 / 2);
    right: calc(34vw / 768 * 100 - 10vw / 768 * 100 / 2);
    width: 1.3020833333vw;
    height: 1.3020833333vw;
  }
}
.list-faq__text {
  font-size: 1.125rem;
  font-weight: bold;
  letter-spacing: 0.02em;
  width: 1115px;
  padding-right: 90px;
}
@media screen and (max-width: 768px) {
  .list-faq__text {
    width: 81.1197916667vw;
    padding-right: 11.71875vw;
  }
}
.list-faq--large .list-faq__item:nth-of-type(n + 2) {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .list-faq--large .list-faq__item:nth-of-type(n + 2) {
    margin-top: 3.90625vw;
  }
}
.list-faq--large .list-faq__box {
  display: flex;
  align-items: center;
  min-height: 100px;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .list-faq--large .list-faq__box {
    min-height: 13.0208333333vw;
  }
}
.list-faq--large .list-faq__box:before {
  color: #243a5e;
  font-size: 2.25rem;
  width: 90px;
  height: 100px;
}
@media screen and (max-width: 768px) {
  .list-faq--large .list-faq__box:before {
    width: 11.71875vw;
    height: 13.0208333333vw;
  }
}
.list-faq--large .list-faq__box:after {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  content: "＋";
  background-color: #e5f1fb;
  font-size: 1.75rem;
  line-height: 1;
  font-weight: 300;
  top: 25.5px;
  right: 30px;
  width: 49px;
  height: 49px;
  border-radius: 50%;
  border: none;
  transform: none;
}
@media screen and (max-width: 768px) {
  .list-faq--large .list-faq__box:after {
    top: 3.3203125vw;
    right: 3.90625vw;
    width: 6.3802083333vw;
    height: 6.3802083333vw;
  }
}
.list-faq--large .list-faq__box.is-open:after {
  content: "ー";
}
.list-faq--large .list-faq__text {
  font-size: 1.25rem;
  width: 1100px;
}
@media screen and (max-width: 768px) {
  .list-faq--large .list-faq__text {
    width: 79.1666666667vw;
  }
}
.list-faq--large .list-faq__answer {
  position: relative;
  display: flex;
  opacity: 0;
  pointer-events: none;
}
.list-faq--large .list-faq__answer.is-open {
  margin-top: 0 !important;
  padding-bottom: 20px;
  opacity: 1;
  pointer-events: auto;
}
@media screen and (max-width: 768px) {
  .list-faq--large .list-faq__answer.is-open {
    padding-bottom: 2.6041666667vw;
  }
}
.list-faq--large .list-faq__answer:before {
  color: #243a5e;
  font-family: "Poppins", sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  content: "A";
  font-size: 2.25rem;
  font-weight: 500;
  width: 90px;
  height: 60px;
}
@media screen and (max-width: 768px) {
  .list-faq--large .list-faq__answer:before {
    width: 11.71875vw;
    height: 7.8125vw;
  }
}
.list-faq--large .list-faq__answer .list-faq__text {
  font-size: 1.125rem;
  font-weight: 300;
}
.list-icon {
  display: flex;
  flex-wrap: wrap;
}
.list-icon--center {
  justify-content: center;
}
.list-icon__item {
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
  width: 228px;
  height: 140px;
  padding-bottom: 10px;
  border-radius: 3px;
  box-shadow: 0 0 10px rgba(36, 58, 94, 0.15);
}
@media screen and (max-width: 768px) {
  .list-icon__item {
    width: 21.484375vw;
    height: 24.7395833333vw;
    padding-bottom: 1.3020833333vw;
    border-radius: 0.78125vw;
    box-shadow: 0 0 1.3020833333vw rgba(36, 58, 94, 0.15);
  }
}
@media screen and (min-width: 769px) {
  .list-icon__item:nth-of-type(n + 2) {
    margin-left: 15px;
  }
}
@media screen and (min-width: 769px) {
  .list-icon__item:nth-of-type(n + 2):nth-of-type(5n + 6) {
    margin-left: 0;
  }
}
@media screen and (min-width: 769px) {
  .list-icon__item:nth-of-type(n + 6) {
    margin-top: 15px;
  }
}
@media screen and (max-width: 768px) {
  .list-icon__item:nth-of-type(n + 2) {
    margin-left: 2.0833333333vw;
  }
}
@media screen and (max-width: 768px) {
  .list-icon__item:nth-of-type(n + 2):nth-of-type(4n + 5) {
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .list-icon__item:nth-of-type(n + 5) {
    margin-top: 2.0833333333vw;
  }
}
@media screen and (max-width: 768px) {
  .list-icon__icon {
    padding: 0 4.9479166667vw;
  }
}
.list-icon__name {
  font-size: 1rem;
  line-height: 1;
  font-weight: 300;
  text-align: center;
  letter-spacing: 0.04em;
  width: 100%;
  margin-top: 4px;
}
@media screen and (max-width: 768px) {
  .list-icon__name {
    letter-spacing: 0.02em;
    margin-top: 0.78125vw;
    padding: 0 0.5208333333vw;
  }
}
@media screen and (min-width: 769px) {
  .list-icon__about li:nth-of-type(n + 2) {
    margin-left: 15px;
  }
}
@media screen and (min-width: 769px) {
  .list-icon__about li:nth-of-type(n + 2):nth-of-type(5n + 6) {
    margin-left: 0;
  }
}
@media screen and (min-width: 769px) {
  .list-icon__about li:nth-of-type(n + 6) {
    margin-top: 15px;
  }
}
@media screen and (max-width: 768px) {
  .list-icon__about li:nth-of-type(n + 2) {
    margin-left: 2.0833333333vw;
  }
}
@media screen and (max-width: 768px) {
  .list-icon__about li:nth-of-type(n + 2):nth-of-type(4n + 5) {
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .list-icon__about li:nth-of-type(n + 5) {
    margin-top: 2.0833333333vw;
  }
}
.list-icon__text {
  font-size: 0.875rem;
  font-weight: 300;
  width: 228px;
  margin-top: 10px;
  padding: 0 5px;
}
@media screen and (max-width: 768px) {
  .list-icon__text {
    width: 21.484375vw;
  }
}
.list-news-line {
  position: relative;
  z-index: 1;
  width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .list-news-line {
    width: 89.5833333333vw;
  }
}
.list-news-line__item {
  border-top: 1px solid rgba(18, 29, 47, 0.1);
}
.list-news-line__item:last-of-type {
  border-bottom: 1px solid rgba(18, 29, 47, 0.1);
}
.list-news-line__item > a {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 76px;
  padding: 5px 0;
}
@media screen and (max-width: 768px) {
  .list-news-line__item > a {
    align-items: flex-start;
    height: auto;
    min-height: 10.4166666667vw;
    padding: 3.90625vw 0;
  }
}
.list-news-line__item:hover > a .list-news-line__date {
  color: #999999;
}
.list-news-line__item:hover > a .list-news-line__text {
  color: #0078d4;
}
.list-news-line__date {
  font-family: "Poppins", sans-serif;
  color: #666666;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 0.04em;
  width: 150px;
  padding-left: 20px;
  transition: color 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
@media screen and (max-width: 768px) {
  .list-news-line__date {
    font-size: 1.125rem;
    letter-spacing: 0.02em;
    width: 20.5729166667vw;
    min-height: 2.6041666667vw;
    padding-left: 2.6041666667vw;
  }
}
.list-news-line__text {
  font-size: 1rem;
  line-height: 2;
  font-weight: 300;
  letter-spacing: 0.01em;
  width: 850px;
  padding-right: 20px;
  transition: color 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
.list-news-line__text:before,
.list-news-line__text:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin: calc((1em - 2em) / 2);
}
@media screen and (max-width: 768px) {
  .list-news-line__text {
    font-size: 1.125rem;
    line-height: 1.5;
    width: 69.0104166667vw;
    min-height: 1.8rem;
    padding-right: 2.6041666667vw;
  }
  .list-news-line__text:before,
  .list-news-line__text:after {
    content: "";
    display: block;
    height: 0;
    width: 0;
    margin: calc((1em - 1.5em) / 2);
  }
}
.list-pic-box {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
}
.list-pic-box__item {
  background-color: #fff;
  border-radius: 3px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .list-pic-box__item {
    border-radius: 0.78125vw;
  }
}
.list-pic-box__item > a {
  display: block;
  width: 100%;
}
.list-pic-box__box {
  padding: 30px;
}
@media screen and (max-width: 768px) {
  .list-pic-box__box {
    padding: 3.90625vw;
  }
}
.list-pic-box__name {
  font-size: 1.125rem;
  line-height: 1.555;
  letter-spacing: 0.01em;
  font-weight: bold;
  word-break: break-all;
}
.list-pic-box__name:before,
.list-pic-box__name:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin: calc((1em - 1.555em) / 2);
}
.list-pic-box__name--light {
  font-weight: 300;
}
.list-pic-box__data,
.list-pic-box__category {
  color: #666666;
  font-size: 0.875rem;
  line-height: 1;
  letter-spacing: 0.01em;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .list-pic-box__data,
  .list-pic-box__category {
    line-height: 1.2;
    margin-top: 3.90625vw;
  }
}
.list-pic-box__date {
  font-family: "Poppins", sans-serif;
  color: #999999;
  font-size: 0.875rem;
  line-height: 1;
  letter-spacing: 0.04em;
  margin-top: 16px;
}
@media screen and (max-width: 768px) {
  .list-pic-box__date {
    margin-top: 2.0833333333vw;
  }
}
.list-pic-box__category {
  display: flex;
  align-items: center;
}
.list-pic-box__category:before {
  display: inline-block;
  position: relative;
  content: "";
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  width: 1.25rem;
  height: 1.125rem;
  margin-right: 0.4rem;
}
.list-pic-box__category--featured:before {
  background-image: url(../img/blog/icn_category-featured.png);
}
.list-pic-box__category--topics:before {
  background-image: url(../img/blog/icn_category-topics.png);
}
@media screen and (max-width: 768px) {
  .list-pic-box--triple {
    justify-content: center;
  }
}
.list-pic-box--triple .list-pic-box__item {
  width: 380px;
}
.list-pic-box--triple.topblog .list-pic-box__item {
  width: 277px;
}
.list-pic-box--triple .list-pic-box__item:nth-of-type(n + 5) {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .list-pic-box--triple .list-pic-box__item {
    width: 44.2708333333vw !important;
  }
}
@media screen and (min-width: 769px) {
  .list-pic-box--triple .list-pic-box__item:nth-of-type(3n),
  .list-pic-box--triple .list-pic-box__item:nth-of-type(3n - 1) {
    margin-left: 30px;
  }
}
@media screen and (min-width: 769px) {
  .list-pic-box--triple .list-pic-box__item:nth-of-type(n + 4) {
    margin-top: 30px;
  }
  .list-pic-box--triple.topblog .list-pic-box__item:nth-of-type(5) {
    margin-left: 0;
  }
  .list-pic-box--triple.topblog .list-pic-box__item:nth-of-type(7) {
    margin-left: 30px;
  }
  .list-pic-box--triple.topblog .list-pic-box__item:nth-of-type(4) {
    margin-left: 30px;
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .list-pic-box--triple .list-pic-box__item:nth-of-type(2n) {
    margin-left: 3.6458333333vw;
  }
}
@media screen and (max-width: 768px) {
  .list-pic-box--triple .list-pic-box__item:nth-of-type(n + 3) {
    margin-top: 3.90625vw !important;
  }
}
.list-pic-box--mt80 {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .list-pic-box--mt80 {
    margin-top: 10.4166666667vw;
  }
}
.list-pic-box--flat {
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .list-pic-box--flat {
    display: block;
  }
}
.list-pic-box--flat .list-pic-box__item {
  width: 585px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .list-pic-box--flat .list-pic-box__item {
    width: 92.1875vw;
  }
}
@media screen and (min-width: 769px) {
  .list-pic-box--flat .list-pic-box__item:nth-of-type(2n) {
    margin-left: 30px;
  }
}
@media screen and (min-width: 769px) {
  .list-pic-box--flat .list-pic-box__item:nth-of-type(n + 3) {
    margin-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  .list-pic-box--flat .list-pic-box__item:nth-of-type(n + 2) {
    margin-top: 2.6041666667vw;
  }
}
.list-pic-box--flat .list-pic-box__item > a {
  display: flex;
  align-items: center;
}
.list-pic-box--flat .list-pic-box__image {
  width: 180px;
}
@media screen and (max-width: 768px) {
  .list-pic-box--flat .list-pic-box__image {
    width: 23.4375vw;
  }
}
.list-pic-box--flat .list-pic-box__box {
  width: 405px;
}
@media screen and (max-width: 768px) {
  .list-pic-box--flat .list-pic-box__box {
    width: 68.75vw;
  }
}
.list-pic-box--flat-simple {
  flex-wrap: wrap;
  justify-content: space-between;
}
.list-pic-box--flat-simple .list-pic-box__item {
  background-color: transparent;
  border-radius: 0;
  width: 400px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .list-pic-box--flat-simple .list-pic-box__item {
    align-items: flex-start;
    width: 44.2708333333vw;
  }
}
@media screen and (max-width: 768px) {
  .list-pic-box--flat-simple .list-pic-box__item:nth-of-type(2n) {
    margin-left: 3.6458333333vw;
  }
}
@media screen and (max-width: 768px) {
  .list-pic-box--flat-simple .list-pic-box__item:nth-of-type(n + 3) {
    margin-top: 3.90625vw;
  }
}
.list-pic-box--flat-simple .list-pic-box__image {
  width: 120px;
  margin: 0 auto 20px;
}
@media screen and (max-width: 768px) {
  .list-pic-box--flat-simple .list-pic-box__image {
    width: 15.625vw;
  }
}
.list-pic-box--flat-simple .list-pic-box__box {
  padding: 0 30px;
}
@media screen and (max-width: 768px) {
  .list-pic-box--flat-simple .list-pic-box__box {
    width: 100%;
    padding-left: 2.6041666667vw;
    padding-right: 0;
  }
}
.list-solution {
  display: flex;
  flex-wrap: wrap;
}
.list-solution__item {
  width: 270px;
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .list-solution__item {
    width: 29.1666666667vw;
    margin-top: 7.8125vw;
  }
}
@media screen and (min-width: 769px) {
  .list-solution__item:nth-of-type(4n),
  .list-solution__item:nth-of-type(4n - 1),
  .list-solution__item:nth-of-type(4n - 2) {
    margin-left: 40px;
  }
}
@media screen and (max-width: 768px) {
  .list-solution__item:nth-of-type(3n),
  .list-solution__item:nth-of-type(3n - 1) {
    margin-left: 2.34375vw;
  }
}
.list-solution__target {
  font-size: 0.75rem;
  line-height: 1;
  letter-spacing: 0.02em;
  font-weight: 300;
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  .list-solution__target {
    font-size: 1rem;
    margin-top: 1.953125vw;
  }
}
.list-solution__name {
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
  font-weight: bold;
  text-align: left;
  margin-top: 18px;
}
.list-solution__name:before,
.list-solution__name:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin: calc((1em - 1.5em) / 2);
}
@media screen and (max-width: 768px) {
  .list-solution__name {
    font-size: 1.125rem;
    margin-top: 2.34375vw;
  }
}
.list-solution__text {
  font-size: 0.875rem;
  line-height: 1.714;
  letter-spacing: 0.02em;
  font-weight: 300;
  margin-top: 16px;
}
.list-solution__text:before,
.list-solution__text:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin: calc((1em - 1.714em) / 2);
}
@media screen and (max-width: 768px) {
  .list-solution__text {
    font-size: 1rem;
    margin-top: 2.0833333333vw;
  }
}
.list-tab-button {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .list-tab-button {
    flex-wrap: wrap;
    gap: 3px;
  }
}
.list-tab-button__item {
  background-color: #fff;
  width: 190px;
  height: 60px;
  border-radius: 30px;
}
@media screen and (max-width: 768px) {
  .list-tab-button__item {
    width: 29.6875vw;
    height: 10.4166666667vw;
    border-radius: 5.2083333333vw;
  }
}
@media screen and (max-width: 768px) {
  .list-tab-button__item:nth-of-type(n + 4) {
    margin-top: 1.3020833333vw;
  }
}
.list-tab-button__button {
  color: #0078d4;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  font-weight: bold;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .list-tab-button__button {
    font-size: 1.25rem;
  }
}
.logo-site {
  position: absolute;
  display: flex;
  align-items: center;
  transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  top: 0;
  left: 30px;
  height: 50px;
}
@media screen and (max-width: 768px) {
  .logo-site {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    left: 3.90625vw;
    height: 13.0208333333vw;
  }
}
.logo-site .name {
  display: block;
}
.logo-site .name > a {
  color: #fff;
  display: block;
  font-size: 1.25rem;
  line-height: 1;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .logo-site .name > a {
    font-size: 1.5rem;
  }
}
.logo-site .note {
  color: rgba(255, 255, 255, 0.5);
  display: block;
  font-size: 0.6875rem;
  line-height: 1;
  font-weight: 300;
  margin-left: 1em;
}
@media screen and (max-width: 768px) {
  .logo-site .note {
    font-size: 0.875rem;
    margin-left: 0;
    margin-top: 0.78125vw;
  }
}
.logo-site.is-on {
  opacity: 0.7;
}
.nav-content {
  height: 100%;
  transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
}
@media screen and (max-width: 768px) {
  .nav-content {
    position: fixed;
    top: 13.0208333333vw;
    left: 0;
    width: 100%;
    height: 100vh;
    opacity: 0;
    pointer-events: none;
    z-index: 9;
  }
}
.nav-content__inner {
  height: 100%;
}
@media screen and (max-width: 768px) {
  .nav-content__inner {
    display: flex;
    flex-direction: column;
    overflow: scroll;
    background-color: #243a5e;
  }
}
@media screen and (max-width: 768px) {
  .is-show-nav .nav-content {
    opacity: 1;
    transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  }
}
@media screen and (max-width: 768px) {
  .is-show-nav .nav-content__inner {
    pointer-events: auto;
  }
}
.nav-dropdown {
  position: absolute;
  background-color: #121d2f;
  top: 100%;
  left: calc(50% - 260px / 2);
  width: 260px;
  padding: 38px 10px 40px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media screen and (max-width: 768px) {
  .nav-dropdown {
    display: none;
    position: relative;
    background-color: #666666;
    top: auto;
    left: auto;
    width: 100%;
    height: auto;
    pointer-events: none;
    opacity: 0;
    transform: translateY(0);
    z-index: 9;
    transition: margin-top 0.5s cubic-bezier(0.215, 0.61, 0.355, 1),
      opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s;
  }
}
@media screen and (max-width: 768px) {
  .nav-dropdown__inner {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    opacity: 1;
    transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
}
.nav-dropdown__item {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .nav-dropdown__item {
    display: block;
    border-bottom: 0.2604166667vw solid #eaeaea;
    transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
}
.nav-dropdown__item:nth-of-type(n + 2) {
  margin-top: 26px;
}
.nav-dropdown__item.is-on {
  opacity: 0.7;
}
.nav-dropdown__item a {
  display: block;
  color: #fff;
  font-size: 0.9rem;
  line-height: 1;
  letter-spacing: -0.01em;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .nav-dropdown__item a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 12.7604166667vw;
    font-size: 1.5rem;
    line-height: 1;
    font-weight: 500;
    letter-spacing: -0.03em;
    padding-bottom: 0;
    padding-left: 7.8125vw;
    padding-right: 4.9479166667vw;
  }
}
.nav-dropdown__item a span {
  width: 100%;
}
.nav-dropdown__item a .narrow {
  letter-spacing: -0.12em;
}
@media screen and (max-width: 768px) {
  .nav-dropdown__item a:after {
    display: block;
    content: "";
    width: 1.8229166667vw;
    height: 1.8229166667vw;
    border-style: solid;
    border-width: 0.2604166667vw 0.2604166667vw 0 0;
    border-color: #9e9e9e #9e9e9e transparent transparent;
    z-index: 9;
    transform-origin: center center;
    transform: rotate(45deg);
  }
}
@media screen and (max-width: 768px) {
  .is-show-nav .nav-dropdown.is-open {
    opacity: 1;
    pointer-events: auto;
    margin-top: 0 !important;
    transition: margin-top 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s,
      opacity 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
}
.nav-footer {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: space-between;
  height: 320px;
}
.nav-footer__item {
  margin-right: 80px;
}
.nav-footer__item:nth-of-type(n + 2) {
  margin-top: 29px;
}
/*.nav-footer__item:nth-of-type(9) {
      margin-top: 0; }*/
.nav-footer__item--detail {
  height: 100%;
}
.nav-footer__item--detail:nth-of-type(n + 2) {
  margin-top: 0;
}
.nav-footer__item > a {
  color: #fff;
  display: block;
  position: relative;
  font-size: 0.875rem;
  line-height: 1;
  font-weight: 300;
  letter-spacing: 0.1em;
  transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media screen and (max-width: 768px) {
  .nav-footer__item > a {
    font-size: 1.5rem;
  }
}
.nav-footer__item > a.is-on {
  opacity: 0.7;
}
.nav-footer__item.is-on > a {
  opacity: 0.7;
}
.nav-footer--lower {
  height: auto;
}
.nav-footer--lower .nav-footer__item {
  margin-top: 29px;
  margin-right: 0;
}
.nav-footer--lower .nav-footer__item:nth-of-type(n + 2) {
  margin-top: 24px;
}
.nav-footer--lower .nav-footer__item > a {
  font-size: 0.75rem;
}
.nav-global {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 70px;
  opacity: 1;
}
@media screen and (max-width: 768px) {
  .nav-global {
    background-color: #243a5e;
    flex-wrap: wrap;
    align-content: center;
    width: 100%;
    height: auto;
    padding-right: 0;
    margin-top: 2.6041666667vw;
    padding-top: 2.6041666667vw;
    padding-bottom: 5.2083333333vw;
  }
}
.nav-global__item {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .nav-global__item {
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
  }
}
.nav-global__item:before {
  display: block;
  position: absolute;
  content: "";
  background-color: #121d2f;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  pointer-events: none;
  transform-origin: top right;
  transform: scaleX(0);
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media screen and (max-width: 768px) {
  .nav-global__item:before {
    display: none;
  }
}
.nav-global__item.is-on:before {
  transform-origin: top left;
  transform: scaleX(1);
}
@media screen and (min-width: 769px) {
  .nav-global__item.is-on .nav-dropdown {
    opacity: 1;
    pointer-events: auto;
  }
}
.nav-global__item.is-current:before {
  transform-origin: top left;
  transform: scaleX(1);
}
.nav-global__item:first-of-type {
  z-index: 9;
}
@media screen and (max-width: 768px) {
  .nav-global__item:last-of-type {
    border: none;
  }
}
.nav-global__item:nth-of-type(n + 2) {
  margin-left: 50px;
}
@media screen and (max-width: 768px) {
  .nav-global__item:nth-of-type(n + 2) {
    margin-left: 0;
  }
  .nav-global__item:nth-of-type(n + 2) > a {
    border-top: 0.2604166667vw solid rgba(18, 29, 47, 0.3);
  }
}
.nav-global__item > a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.9375rem;
  letter-spacing: 0em;
  font-weight: bold;
  letter-spacing: 0.1em;
  white-space: nowrap;
  height: 100%;
  padding: 0;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media screen and (max-width: 768px) {
  .nav-global__item > a {
    color: #fff;
    position: relative;
    display: flex;
    align-items: center;
    font-size: 1.3rem;
    line-height: 1;
    text-align: center;
    letter-spacing: 0.05em;
    width: 70.3125vw;
    height: 3.8em;
    margin: 0 auto;
    z-index: 99;
  }
}
.nav-global__item > a span {
  display: block;
}
@media screen and (max-width: 768px) {
  .nav-global__item > a--toggle:after {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .nav-global__down {
    position: absolute;
    top: 0;
    right: 0;
    height: 13.0208333333vw;
    width: 13.0208333333vw;
    z-index: 99;
  }
}
@media screen and (max-width: 768px) {
  .nav-global__down:after {
    display: block;
    position: absolute;
    content: "";
    bottom: auto;
    top: calc(50% - 16vw / 768 * 100);
    right: 4.1666666667vw;
    width: 2.0833333333vw;
    height: 2.0833333333vw;
    border-style: solid;
    border-width: 0.390625vw 0.390625vw 0 0;
    border-color: #121d2f #121d2f transparent transparent;
    transform-origin: center center;
    transform: rotateZ(135deg);
    z-index: 99;
  }
}
@media screen and (max-width: 768px) {
  .nav-global__down.is-open:after {
    top: calc(50% - 16vw / 768 * 100 / 2);
    transform: rotateZ(-45deg);
  }
}
@media screen and (max-width: 768px) {
  .is-show-nav .nav-global {
    pointer-events: auto;
  }
}
@media screen and (max-width: 768px) {
  .is-show-nav .nav-global__arrow--toggle {
    pointer-events: auto;
  }
}
@media screen and (max-width: 768px) {
  .is-show-nav .nav-global__button.is-open:after {
    transform: rotateZ(-45deg);
  }
}
@media screen and (max-width: 768px) {
  .nav-overlay {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    z-index: 9;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  }
}
@media screen and (max-width: 768px) {
  .is-show-nav .nav-overlay {
    opacity: 1;
    pointer-events: auto;
    transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
  }
}
.nav-sub {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background-color: #121d2f;
  width: 100%;
  height: 50px;
  padding-right: 30px;
}
@media screen and (max-width: 768px) {
  .nav-sub {
    flex-direction: column;
    background-color: #fff;
    height: auto;
    padding-right: 0;
    padding-top: 2.6041666667vw;
    padding-bottom: 1.3020833333vw;
  }
}
.nav-sub__item {
  line-height: 0;
}
@media screen and (min-width: 769px) {
  .nav-sub__item:nth-of-type(n + 2) {
    margin-left: 28px;
  }
}
@media screen and (max-width: 768px) {
  .nav-sub__item:nth-of-type(n + 2) {
    border-top: 0.2604166667vw solid rgba(18, 29, 47, 0.3);
  }
}
.nav-sub__item > a {
  display: inline-flex;
  align-items: center;
  color: #fff;
  font-size: 0.8125rem;
  line-height: 1;
  font-weight: 300;
  height: 2em;
  transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media screen and (max-width: 768px) {
  .nav-sub__item > a {
    color: #121d2f;
    font-size: 1.15rem;
    font-weight: bold;
    width: 70.3125vw;
    height: 3em;
    padding-left: 18.2291666667vw;
  }
}
.nav-sub__item .icon {
  display: inline-flex;
  align-items: center;
  height: 100%;
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
  .nav-sub__item .icon {
    margin-right: 3.125vw;
  }
}
.nav-sub__item .icon--partner {
  width: 20px;
}
@media screen and (max-width: 768px) {
  .nav-sub__item .icon--partner {
    width: 3.90625vw;
  }
}
.nav-sub__item .icon--partner .icon-partner {
  display: block;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .nav-sub__item .icon--partner .icon-partner__path {
    fill: #121d2f;
    width: 100%;
  }
}
.nav-sub__item .icon--download {
  width: 15px;
}
@media screen and (max-width: 768px) {
  .nav-sub__item .icon--download {
    width: 2.9296875vw;
    margin-left: 0.5208333333vw;
  }
}
.nav-sub__item .icon--download .icon-download {
  display: block;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .nav-sub__item .icon--download .icon-download__path {
    fill: #121d2f;
    width: 100%;
  }
}
.nav-sub__item .icon--contact {
  width: 20px;
}
@media screen and (max-width: 768px) {
  .nav-sub__item .icon--contact {
    width: 3.90625vw;
  }
}
.nav-sub__item .icon--contact .icon-contact {
  display: block;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .nav-sub__item .icon--contact .icon-contact__path {
    fill: #121d2f;
    width: 100%;
  }
}
.nav-sub__item.is-on > a {
  opacity: 0.7;
}
.section-contact {
  background-color: #121d2f;
  background-image: url(../img/common/bg_contact.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 90px 0;
}
@media screen and (max-width: 768px) {
  .section-contact {
    padding: 13.0208333333vw 3.90625vw;
  }
}
.section-contact__title {
  color: #fff;
  font-size: 2.25rem;
  line-height: 1;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .section-contact__title {
    line-height: 1.33;
  }
}
.section-contact__text {
  color: #fff;
  font-size: 1rem;
  line-height: 1;
  font-weight: 300;
  text-align: center;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .section-contact__text {
    font-size: 1.2rem;
    line-height: 1.66;
    margin-top: 5.2083333333vw;
  }
}
.section-contact__inner {
  display: flex;
  justify-content: center;
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .section-contact__inner {
    margin-top: 10.4166666667vw;
  }
}
.section-contact__button:nth-of-type(n + 2) {
  margin-left: 30px;
}
@media screen and (max-width: 768px) {
  .section-contact__button:nth-of-type(n + 2) {
    margin-left: 3.90625vw;
  }
}
.section-contact__button > a {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  font-size: 1.25rem;
  line-height: 1;
  font-weight: bold;
  width: 380px;
  height: 100px;
  border-radius: 3px;
  transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media screen and (max-width: 768px) {
  .section-contact__button > a {
    font-size: 1.25rem;
    letter-spacing: 0.02em;
    width: 41.6666666667vw;
    height: 13.0208333333vw;
    border-radius: 0.78125vw;
  }
}
.section-contact__button .icon {
  height: 100%;
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
  .section-contact__button .icon {
    margin-right: 1.3020833333vw;
  }
}
.section-contact__button .icon--download {
  width: 20px;
  height: 28px;
}
@media screen and (max-width: 768px) {
  .section-contact__button .icon--download {
    width: 2.6041666667vw;
    height: 3.6458333333vw;
  }
}
.section-contact__button .icon--contact {
  width: 26px;
  height: 20px;
}
@media screen and (max-width: 768px) {
  .section-contact__button .icon--contact {
    width: 3.3854166667vw;
    height: 2.6041666667vw;
  }
}
.section-contact__button .icon .icon-download {
  width: 100%;
  height: 100%;
}
.section-contact__button .icon .icon-download__path {
  fill: #243a5e;
}
.section-contact__button .icon .icon-contact {
  width: 100%;
  height: 100%;
}
.section-contact__button .icon .icon-contact__path {
  fill: #243a5e;
}
.section-contact__button.is-on > a {
  opacity: 0.7;
}
.section-content {
  position: relative;
  padding: 120px 0;
}
@media screen and (max-width: 768px) {
  .section-content {
    padding: 15.625vw 0;
  }
}
.section-content--top {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 500px;
  padding: 0;
  padding-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .section-content--top {
    height: auto;
    min-height: 71.6145833333vw;
    padding: 13.0208333333vw 0 15.625vw;
  }
}
.section-content__page-name {
  display: flex;
}
.section-content__page-name .en {
  font-family: "Poppins", sans-serif;
  font-size: 1rem;
  line-height: 1;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .section-content__page-name .en {
    font-size: 1.25rem;
  }
}
.section-content__page-name .line {
  display: inline-flex;
  align-items: center;
  width: 60px;
  height: 1rem;
  margin: 0 30px;
}
@media screen and (max-width: 768px) {
  .section-content__page-name .line {
    width: 7.8125vw;
    margin: 0 3.90625vw;
  }
}
.section-content__page-name .line:before {
  display: block;
  content: "";
  background-color: rgba(18, 29, 47, 0.25);
  width: 100%;
  height: 1px;
}
.section-content__page-name .ja {
  font-size: 0.875rem;
  line-height: 1;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 768px) {
  .section-content__page-name .ja {
    font-size: 1.125rem;
  }
}
.section-content__title {
  font-size: 2.25rem;
  line-height: 1.5;
  text-align: center;
  font-weight: bold;
}
.section-content__title:before,
.section-content__title:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin: calc((1em - 1.5em) / 2);
}
@media screen and (max-width: 768px) {
  .section-content__title {
    font-size: 2rem;
    letter-spacing: 0.02em;
  }
}
.section-content__title .en {
  display: block;
  font-family: "Poppins", sans-serif;
  font-size: 1rem;
  line-height: 1;
  text-align: center;
  font-weight: 600;
  letter-spacing: 0.1em;
  margin-top: 18px;
}
@media screen and (max-width: 768px) {
  .section-content__title .en {
    margin-top: 2.34375vw;
  }
}
.section-content__title .small {
  font-size: 1.125rem;
  vertical-align: middle;
  margin-left: 0.5em;
}
.section-content__title .service-name {
  display: inline-block;
  font-size: 2rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .section-content__title .service-name {
    letter-spacing: 0.02em;
  }
}
.section-content__title + .section-content__inner {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .section-content__title + .section-content__inner {
    margin-top: 7.8125vw;
  }
}
.section-content__title--left {
  text-align: left;
}
.section-content__title--left .en {
  text-align: left;
}
.section-content__text {
  font-size: 1rem;
  line-height: 2;
  letter-spacing: 0.02em;
  font-weight: 300;
  margin-top: 54px;
  text-align: center;
}
.section-content__text:before,
.section-content__text:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin: calc((1em - 2em) / 2);
}
@media screen and (max-width: 768px) {
  .section-content__text {
    font-size: 1.2rem;
    line-height: 1.66;
    margin-top: 7.03125vw;
  }
  .section-content__text:before,
  .section-content__text:after {
    content: "";
    display: block;
    height: 0;
    width: 0;
    margin: calc((1em - 1.66em) / 2);
  }
}
.section-content__text + .section-content__text {
  margin-top: 34px;
}
@media screen and (max-width: 768px) {
  .section-content__text + .section-content__text {
    margin-top: 4.4270833333vw;
  }
}
.section-content__text + .section-content__inner {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .section-content__text + .section-content__inner {
    margin-top: 7.8125vw;
  }
}
.section-content__text + .section-content__inner--mt20 {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .section-content__text + .section-content__inner--mt20 {
    margin-top: 2.6041666667vw;
  }
}
.section-content__text--left {
  text-align: left;
}
.section-content__text--left a {
  color: #0078d4;
}
.section-content__text--mt30 {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .section-content__text--mt30 {
    margin-top: 3.90625vw;
  }
}
.section-content__text a {
  text-decoration: underline;
}
.section-content__text a:hover {
  text-decoration: none;
}
.section-content__copy {
  font-size: 2.25rem;
  line-height: 1;
  font-weight: 300;
  letter-spacing: 0.01em;
  text-align: center;
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .section-content__copy {
    line-height: 1.4;
    margin-top: 7.8125vw;
  }
}
.section-content__note {
  position: relative;
  z-index: 1;
  font-size: 0.75rem;
  line-height: 1.75;
  font-weight: 300;
  margin-top: 18px;
}
.section-content__note:before,
.section-content__note:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin: calc((1em - 1.75em) / 2);
}
@media screen and (max-width: 768px) {
  .section-content__note {
    margin-top: 2.34375vw;
  }
}
.section-content__note a {
  text-decoration: underline;
}
.section-content__note a:hover {
  text-decoration: none;
}
.section-content__note--right {
  text-align: right;
}
.section-content__image--left-w400 {
  position: absolute;
  top: 0;
  left: 0;
  width: 338px;
}
@media screen and (max-width: 768px) {
  .section-content__image--left-w400 {
    position: relative;
    width: 44.0104166667vw;
  }
}
@media screen and (max-width: 768px) {
  .section-content__image--left-w400 + .section-content__title {
    margin-top: 5.2083333333vw;
  }
}
.section-content__image--right-w320 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 320px;
}
@media screen and (max-width: 768px) {
  .section-content__image--right-w320 {
    position: relative;
    width: 41.6666666667vw;
    margin-top: 5.2083333333vw;
  }
}
.section-content__background {
  position: absolute;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.section-content__background--pale-navy {
  background-color: #f4f7fc;
}
.section-content__background--dot-particle {
  background-color: #121d2f;
}
.section-content__background--dot-particle
  + .section-content__content
  .section-content__title,
.section-content__background--dot-particle
  + .section-content__content
  .section-content__text {
  color: #fff;
  text-align: left;
}
.section-content__background--dot-particle
  + .section-content__content
  .section-content__title
  .en,
.section-content__background--dot-particle
  + .section-content__content
  .section-content__text
  .en {
  text-align: left;
}
.section-content__background--circle-particle
  + .section-content__content
  .section-content__title {
  font-size: 3rem;
  line-height: 1.5;
  text-align: left;
}
.section-content__background--circle-particle
  + .section-content__content
  .section-content__title:before,
.section-content__background--circle-particle
  + .section-content__content
  .section-content__title:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin: calc((1em - 1.5em) / 2);
}
.section-content__background--circle-particle
  + .section-content__content
  .section-content__text {
  text-align: left;
  font-weight: bold;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .section-content__background--circle-particle
    + .section-content__content
    .section-content__text {
    margin-top: 3.90625vw;
  }
}
.section-content__background--circle-particle-lower {
  background-image: url(../img/common/bg_lower.jpg);
}
.section-content__background--circle-particle-lower
  + .section-content__content
  .section-content__title {
  font-size: 2.625rem;
  line-height: 1.5;
  margin-top: 54px;
}
.section-content__background--circle-particle-lower
  + .section-content__content
  .section-content__title:before,
.section-content__background--circle-particle-lower
  + .section-content__content
  .section-content__title:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin: calc((1em - 1.5em) / 2);
}
@media screen and (max-width: 768px) {
  .section-content__background--circle-particle-lower
    + .section-content__content
    .section-content__title {
    margin-top: 7.03125vw;
  }
}
.section-content__background--circle-particle-lower
  + .section-content__content
  .section-content__text {
  font-weight: 400;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .section-content__background--circle-particle-lower
    + .section-content__content
    .section-content__text {
    margin-top: 3.90625vw;
  }
}
.section-content__background--circle-particle-lower
  + .section-content__content
  .section-content__text--tall {
  margin-top: 54px;
}
@media screen and (max-width: 768px) {
  .section-content__background--circle-particle-lower
    + .section-content__content
    .section-content__text--tall {
    margin-top: 7.03125vw;
  }
}
.section-content__background--top-h410 {
  background-color: #f4f7fc;
  top: 0;
  left: 0;
  width: 100%;
  height: 410px;
}
@media screen and (max-width: 768px) {
  .section-content__background--top-h410 {
    height: 53.3854166667vw;
  }
}
.section-content__background--top-h500 {
  background-color: #f4f7fc;
  top: 0;
  left: 0;
  width: 100%;
  height: 500px;
}
@media screen and (max-width: 768px) {
  .section-content__background--top-h500 {
    height: 65.1041666667vw;
  }
}
.section-content__background--inner-wide-button {
  background-color: #f4f7fc;
  top: 50%;
  left: calc(50% - 1320px / 2);
  width: 1320px;
  height: calc(50% + 90px);
}
@media screen and (max-width: 768px) {
  .section-content__background--inner-wide-button {
    left: calc(50% - 728vw / 768 * 100 / 2);
    width: 94.7916666667vw;
    height: calc(50% + 90vw / 768 * 100);
  }
}
.section-content__background--inner-wide-up {
  background-color: #f4f7fc;
  top: -56px;
  left: calc(50% - 1320px / 2);
  width: 1320px;
  height: calc(100% + 20px);
}
@media screen and (max-width: 768px) {
  .section-content__background--inner-wide-up {
    top: -7.2916666667vw;
    left: calc(50% - 728vw / 768 * 100 / 2);
    width: 94.7916666667vw;
    height: calc(100% + 20vw / 768 * 100);
  }
}
.section-content__background--inner-wide-up.about_function {
  background-color: #f4f7fc;
  top: -56px;
  left: calc(50% - 1320px / 2);
  width: 1320px;
  height: calc(100% + 86px);
}
.section-content__background--inner-wide-down {
  background-color: #f4f7fc;
  top: 60px;
  left: calc(50% - 1320px / 2);
  width: 1320px;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .section-content__background--inner-wide-down {
    top: 7.8125vw;
    left: calc(50% - 728vw / 768 * 100 / 2);
    width: 94.7916666667vw;
  }
}
.section-content__background--inner-left {
  background-color: #f4f7fc;
  top: 60px;
  left: -60px;
  width: 100%;
  height: calc(100% + 30px);
}
@media screen and (max-width: 768px) {
  .section-content__background--inner-left {
    top: 7.8125vw;
    left: -3.90625vw;
    width: 100%;
    height: calc(100% + 30vw / 768 * 100);
  }
}
.section-content__background--inner-right {
  background-color: #f4f7fc;
  top: 130px;
  left: auto;
  right: -60px;
  width: 100%;
  height: calc(100% - 70px);
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .section-content__background--inner-right {
    top: 16.9270833333vw;
    left: auto;
    right: -7.8125vw;
    width: 100%;
    height: calc(100% - 70vw / 768 * 100);
    margin-bottom: 7.8125vw;
  }
}
.section-content__background--inner-right-white {
  background-color: #fff;
  top: 130px;
  left: auto;
  right: -60px;
  width: 100%;
  height: calc(100% - 70px);
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .section-content__background--inner-right-white {
    top: 16.9270833333vw;
    left: auto;
    right: -7.8125vw;
    width: 100%;
    height: calc(100% - 70vw / 768 * 100);
    margin-bottom: 7.8125vw;
  }
}
.section-content__background--inner-left-button {
  background-color: #f4f7fc;
  top: 60px;
  left: -60px;
  width: 100%;
  height: calc(100% + 30px);
}
@media screen and (max-width: 768px) {
  .section-content__background--inner-left-button {
    top: 7.8125vw;
    left: -3.90625vw;
    height: calc(100% + 30vw / 768 * 100);
  }
}
.section-content__background--inner-right-button {
  background-color: #f4f7fc;
  top: 130px;
  left: auto;
  right: -60px;
  width: 100%;
  height: calc(100% - 40px);
}
@media screen and (max-width: 768px) {
  .section-content__background--inner-right-button {
    top: 16.9270833333vw;
    right: -3.90625vw;
    height: calc(100% - 40vw / 768 * 100);
  }
}
.section-content__background--inner-100-down {
  background-color: #f4f7fc;
  top: 120px;
  left: calc(50% - 100vw / 2);
  width: 100vw;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .section-content__background--inner-100-down {
    top: 15.625vw;
  }
}
.section-content__content {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .section-content__content {
    width: 92.1875vw;
  }
}
.section-content__content--wide {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .section-content__content--wide {
    width: 100vw;
  }
}
.section-content__content--padding-left230 {
  padding-left: 230px;
}
@media screen and (max-width: 768px) {
  .section-content__content--padding-left230 {
    padding-left: 0;
  }
}
.section-content__content--padding-left400 {
  padding-left: 400px;
}
@media screen and (max-width: 768px) {
  .section-content__content--padding-left400 {
    padding-left: 0;
  }
}
.section-content__content--flex {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .section-content__content--flex {
    display: block;
  }
}
.section-content__content--download-detail {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .section-content__content--download-detail {
    display: block;
  }
}
.section-content__content--download-detail .section-content__flex-main {
  width: 585px;
}
@media screen and (max-width: 768px) {
  .section-content__content--download-detail .section-content__flex-main {
    width: 100%;
  }
}
.section-content__content--download-detail .section-content__flex-side {
  width: 585px;
}
@media screen and (max-width: 768px) {
  .section-content__content--download-detail .section-content__flex-side {
    width: 100%;
  }
}
.section-content__content + .section-content__content {
  margin-top: 150px;
}
@media screen and (max-width: 768px) {
  .section-content__content + .section-content__content {
    margin-top: 19.53125vw;
  }
}
.section-content__content + .section-content__content--margin-top0 {
  margin-top: 0;
}
.section-content__flex-main {
  width: 790px;
}
@media screen and (max-width: 768px) {
  .section-content__flex-main {
    width: 100%;
  }
}
.section-content__flex-side {
  width: 350px;
}
@media screen and (max-width: 768px) {
  .section-content__flex-side {
    width: 100%;
    margin-top: 10.4166666667vw;
  }
}
.section-content__inner {
  position: relative;
}
.section-content--tall-bottom {
  padding-bottom: 180px;
}
@media screen and (max-width: 768px) {
  .section-content--tall-bottom {
    padding-bottom: 23.4375vw;
  }
}
.section-content--short-bottom-button {
  padding-bottom: 0;
}
.section-content--short-bottom-button:before {
  display: block;
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  background-color: #fff;
  width: 100%;
  height: 30px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .section-content--short-bottom-button:before {
    height: 3.90625vw;
  }
}
.icon-partner__path {
  fill: #ffffff;
}
.icon-download__path {
  fill: #ffffff;
}
.icon-contact__path {
  fill: #ffffff;
}
/* ページ
-------------------------------------------------------------------------- */
/* オリジナル
-------------------------------------------------------------------------- */
.list-detail-box--sol-answer {
  margin-bottom: 30px;
  justify-content: space-between;
}
.list-detail-box--sol-answer .list-detail-box__item {
  width: 515px;
  box-shadow: none;
}
@media screen and (max-width: 768px) {
  .list-detail-box--sol-answer .list-detail-box__item {
    width: 100%;
  }
}
.list-detail-box--sol-answer .list-detail-box__item:before {
  top: 50%;
  right: -127px;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .list-detail-box--sol-answer .list-detail-box__item:before {
    transform: translateX(-50%);
    top: unset;
    right: unset;
    left: 50%;
    bottom: -33px;
    z-index: 1;
  }
}
.list-detail-box--sol-answer .list-detail-box__item:after {
  top: 50%;
  right: -117px;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .list-detail-box--sol-answer .list-detail-box__item:after {
    transform: translateX(-50%);
    left: 50%;
    right: unset;
    top: unset;
    bottom: -28px;
    z-index: 2;
  }
}
.list-detail-box--sol-answer .list-detail-box__item:first-of-type {
  background-image: url(../img/common/icn_question.svg);
  background-repeat: no-repeat;
  background-position: 450px 56px;
  background-size: 82px;
}
@media screen and (max-width: 768px) {
  .list-detail-box--sol-answer .list-detail-box__item:first-of-type {
    background-position: right bottom;
    background-size: 49px;
  }
}
.list-detail-box--sol-answer .list-detail-box__item:nth-of-type(2n) {
  background: #243a5e;
  color: #fff;
  background-image: url(../img/common/icn_lamp.svg);
  background-repeat: no-repeat;
  background-position: 443px 49px;
  background-size: 85px;
}
@media screen and (max-width: 768px) {
  .list-detail-box--sol-answer .list-detail-box__item:nth-of-type(2n) {
    background-position: right bottom;
    background-size: 50px;
  }
}
.list-detail-box--sol-answer .list-detail-box__item:last-of-type:before {
  content: none;
}
.list-detail-box--sol-answer .list-detail-box__item:last-of-type:after {
  content: none;
}
.list-detail-box--sol-answer
  .list-detail-box__item:last-of-type
  .list-detail-box__box:after {
  content: none;
}
.list-detail-box--sol-answer .list-detail-box__item .list-detail-box__box {
  padding: 40px;
}
@media screen and (max-width: 768px) {
  .list-detail-box--sol-answer .list-detail-box__item .list-detail-box__box {
    padding: 25px;
  }
}
.list-detail-box--sol-answer
  .list-detail-box__item
  .list-detail-box__box:after {
  width: 63px;
  height: 1px;
  top: 50%;
  right: -114px;
}
@media screen and (max-width: 768px) {
  .list-detail-box--sol-answer
    .list-detail-box__item
    .list-detail-box__box:after {
    top: unset;
    bottom: -27px;
    right: 50%;
    width: 1px;
    height: 40px;
    z-index: 1;
  }
}
.list-detail-box--sol-answer
  .list-detail-box__item
  .list-detail-box__box
  .list-detail-box__text--left {
  min-height: inherit;
}
.list-detail-box--sol-answer.list-detail-box--arrow {
  margin-top: 0;
}
.align-center a {
  margin: 0 auto;
  display: block;
  text-align: center;
}
.section-content.faq .list-tab-button .list-tab-button__item.faq.is-open {
  background-color: #0078d4;
}
.section-content.faq
  .list-tab-button
  .list-tab-button__item.faq.is-open
  .list-tab-button__button {
  color: #fff;
}
.section-content.word .list-tab-button .list-tab-button__item.word.is-open {
  background-color: #0078d4;
}
.section-content.word
  .list-tab-button
  .list-tab-button__item.word.is-open
  .list-tab-button__button {
  color: #fff;
}
.section-content.series .list-tab-button .list-tab-button__item.series.is-open {
  background-color: #0078d4;
}
.section-content.series
  .list-tab-button
  .list-tab-button__item.series.is-open
  .list-tab-button__button {
  color: #fff;
}
.section-content.topics .list-tab-button .list-tab-button__item.topics.is-open {
  background-color: #0078d4;
}
.section-content.topics
  .list-tab-button
  .list-tab-button__item.topics.is-open
  .list-tab-button__button {
  color: #fff;
}
.section-content.howto .list-tab-button .list-tab-button__item.howto.is-open {
  background-color: #0078d4;
}
.section-content.howto
  .list-tab-button
  .list-tab-button__item.howto.is-open
  .list-tab-button__button {
  color: #fff;
}
.section-content.report .list-tab-button .list-tab-button__item.report.is-open {
  background-color: #0078d4;
}
.section-content.report
  .list-tab-button
  .list-tab-button__item.report.is-open
  .list-tab-button__button {
  color: #fff;
}
.section-content.trend .list-tab-button .list-tab-button__item.trend.is-open {
  background-color: #0078d4;
}
.section-content.trend
  .list-tab-button
  .list-tab-button__item.trend.is-open
  .list-tab-button__button {
  color: #fff;
}
.section-content.server .list-tab-button .list-tab-button__item.server.is-open {
  background-color: #0078d4;
}
.section-content.server
  .list-tab-button
  .list-tab-button__item.server.is-open
  .list-tab-button__button {
  color: #fff;
}
.section-content.system .list-tab-button .list-tab-button__item.system.is-open {
  background-color: #0078d4;
}
.section-content.system
  .list-tab-button
  .list-tab-button__item.system.is-open
  .list-tab-button__button {
  color: #fff;
}
.section-content.ai .list-tab-button .list-tab-button__item.ai.is-open {
  background-color: #0078d4;
}
.section-content.ai
  .list-tab-button
  .list-tab-button__item.ai.is-open
  .list-tab-button__button {
  color: #fff;
}
.section-content.azure-basic-knowledge
  .list-tab-button
  .list-tab-button__item.azure-basic-knowledge.is-open {
  background-color: #0078d4;
}
.section-content.azure-basic-knowledge
  .list-tab-button
  .list-tab-button__item.azure-basic-knowledge.is-open
  .list-tab-button__button {
  color: #fff;
}
.section-content.utilizing-azure
  .list-tab-button
  .list-tab-button__item.utilizing-azure.is-open {
  background-color: #0078d4;
}
.section-content.utilizing-azure
  .list-tab-button
  .list-tab-button__item.utilizing-azure.is-open
  .list-tab-button__button {
  color: #fff;
}
.section-content.azure-introduction
  .list-tab-button
  .list-tab-button__item.azure-introduction.is-open {
  background-color: #0078d4;
}
.section-content.azure-introduction
  .list-tab-button
  .list-tab-button__item.azure-introduction.is-open
  .list-tab-button__button {
  color: #fff;
}
/***********

ブログ記事流し込み用
**********/
#blog_detail .content-article img {
  height: auto !important;
}
#blog_detail .content-article h2 {
  font-size: 2.25rem;
  line-height: 1.333;
  font-weight: bold;
  margin-top: 120px;
  text-align: left;
}
@media screen and (max-width: 768px) {
  #blog_detail .content-article h2 {
    margin-top: 60px;
  }
}
#blog_detail .content-article h3 {
  font-size: 1.8rem;
  line-height: 1.333;
  font-weight: bold;
  margin-top: 70px;
  text-align: left;
  padding-left: 0.8em;
  border-left: 5px solid #243a5e;
}
@media screen and (max-width: 768px) {
  #blog_detail .content-article h3 {
    margin-top: 60px;
  }
}
#blog_detail .content-article h3.content-article__title {
  margin-top: 0;
  border: none;
  padding-left: 0;
}
#blog_detail .content-article h4 {
  font-size: 1.4rem;
  line-height: 1.333;
  font-weight: bold;
  margin-top: 70px;
  text-align: left;
}
@media screen and (max-width: 768px) {
  #blog_detail .content-article h4 {
    margin-top: 60px;
  }
}
#blog_detail .content-article h5 {
  font-size: 1rem;
  line-height: 1.6;
  font-weight: bold;
  margin-top: 60px;
  text-align: left;
}
@media screen and (max-width: 768px) {
  #blog_detail .content-article h5 {
    margin-top: 60px;
  }
}
#blog_detail .content-article .content-article__inner p {
  text-align: left;
}
#blog_detail .content-article .content-article__inner p a {
  border-bottom: none;
  text-decoration: underline;
}
#blog_detail .content-article .pict a {
  display: block;
  margin: 0 auto;
  border: none;
}
#blog_detail .content-article .pict a img {
  display: block;
  margin: 0 auto !important;
}
#blog_detail .content-article .pict img {
  display: block;
  margin: 0 auto;
  max-width: 640px;
  height: auto !important;
}
@media screen and (max-width: 767px) {
  #blog_detail .content-article .pict img {
    width: 90%;
  }
}
#blog_detail .content-article small {
  font-size: 0.7rem;
  display: block;
  text-align: center;
  margin-top: 10px;
}
#blog_detail .content-article ul.blog_list {
  margin-top: 20px;
  padding: 20px;
  background: #f1f1f1;
}
@media screen and (max-width: 768px) {
  #blog_detail .content-article ul.blog_list {
    padding: 10px;
  }
}
#blog_detail .content-article ul.blog_list li {
  margin-bottom: 8px;
}
@media screen and (max-width: 768px) {
  #blog_detail .content-article ul.blog_list li {
    font-size: 1.125rem;
  }
}
#blog_detail .content-article ul.blog_list li:before {
  content: "・";
}
#blog_detail .content-article ul.blog_list li:last-of-type {
  margin-bottom: 0;
}
#blog_detail .content-article ul.blog_list__no-disc li {
  margin-bottom: 10px;
}
#blog_detail .content-article ul.blog_list__no-disc li:before {
  content: none;
}
#blog_detail .content-article ul.blog_list__link a {
  color: #0078d4;
  text-decoration: underline;
}
#blog_detail .content-article ul.blog_list__num li:nth-of-type(1):before {
  content: "1.";
}
#blog_detail .content-article ul.blog_list__num li:nth-of-type(2):before {
  content: "2.";
}
#blog_detail .content-article ul.blog_list__num li:nth-of-type(3):before {
  content: "3.";
}
#blog_detail .content-article ul.blog_list__num li:nth-of-type(4):before {
  content: "4.";
}
#blog_detail .content-article ul.blog_list__num li:nth-of-type(5):before {
  content: "5.";
}
#blog_detail .content-article ul.blog_list__num li:nth-of-type(6):before {
  content: "6.";
}
#blog_detail .content-article ul.blog_list__num li:nth-of-type(7):before {
  content: "7.";
}
#blog_detail .content-article ul.blog_list__num li:nth-of-type(8):before {
  content: "8.";
}
#blog_detail .content-article ul.blog_list__num li:nth-of-type(9):before {
  content: "9.";
}
#blog_detail .content-article ul.blog_list__num li:nth-of-type(10):before {
  content: "10.";
}
#blog_detail .content-article ul.blog_list__num li:nth-of-type(11):before {
  content: "11.";
}
#blog_detail .content-article ul.blog_list__num li:nth-of-type(12):before {
  content: "12.";
}
#blog_detail .content-article ul.blog_list__num li:nth-of-type(13):before {
  content: "13.";
}
#blog_detail .content-article ul.blog_list__num li:nth-of-type(14):before {
  content: "14.";
}
#blog_detail .content-article ul.blog_list__num li:nth-of-type(15):before {
  content: "15.";
}
#blog_detail .content-article ul.blog_list__num li:nth-of-type(16):before {
  content: "16.";
}
#blog_detail .content-article ul.blog_list__num li:nth-of-type(17):before {
  content: "17.";
}
#blog_detail .content-article ul.blog_list__num li:nth-of-type(18):before {
  content: "18.";
}
#blog_detail .content-article ul.blog_list__num li:nth-of-type(19):before {
  content: "19.";
}
#blog_detail .content-article ul.blog_list__num li:nth-of-type(20):before {
  content: "20.";
}
#blog_detail
  .content-article
  ul.blog_list__circle-num
  li:nth-of-type(1):before {
  content: "①.";
}
#blog_detail
  .content-article
  ul.blog_list__circle-num
  li:nth-of-type(2):before {
  content: "②.";
}
#blog_detail
  .content-article
  ul.blog_list__circle-num
  li:nth-of-type(3):before {
  content: "③.";
}
#blog_detail
  .content-article
  ul.blog_list__circle-num
  li:nth-of-type(4):before {
  content: "④.";
}
#blog_detail
  .content-article
  ul.blog_list__circle-num
  li:nth-of-type(5):before {
  content: "⑤.";
}
#blog_detail
  .content-article
  ul.blog_list__circle-num
  li:nth-of-type(6):before {
  content: "⑥.";
}
#blog_detail
  .content-article
  ul.blog_list__circle-num
  li:nth-of-type(7):before {
  content: "⑦.";
}
#blog_detail
  .content-article
  ul.blog_list__circle-num
  li:nth-of-type(8):before {
  content: "⑧.";
}
#blog_detail
  .content-article
  ul.blog_list__circle-num
  li:nth-of-type(9):before {
  content: "⑨.";
}
#blog_detail
  .content-article
  ul.blog_list__circle-num
  li:nth-of-type(10):before {
  content: "⑩.";
}
#blog_detail
  .content-article
  ul.blog_list__circle-num
  li:nth-of-type(11):before {
  content: "⑪.";
}
#blog_detail
  .content-article
  ul.blog_list__circle-num
  li:nth-of-type(12):before {
  content: "⑫.";
}
#blog_detail
  .content-article
  ul.blog_list__circle-num
  li:nth-of-type(13):before {
  content: "⑬.";
}
#blog_detail
  .content-article
  ul.blog_list__circle-num
  li:nth-of-type(14):before {
  content: "⑭.";
}
#blog_detail
  .content-article
  ul.blog_list__circle-num
  li:nth-of-type(15):before {
  content: "⑮.";
}
#blog_detail
  .content-article
  ul.blog_list__circle-num
  li:nth-of-type(16):before {
  content: "⑯.";
}
#blog_detail
  .content-article
  ul.blog_list__circle-num
  li:nth-of-type(17):before {
  content: "⑰.";
}
#blog_detail
  .content-article
  ul.blog_list__circle-num
  li:nth-of-type(18):before {
  content: "⑱.";
}
#blog_detail
  .content-article
  ul.blog_list__circle-num
  li:nth-of-type(19):before {
  content: "⑲.";
}
#blog_detail
  .content-article
  ul.blog_list__circle-num
  li:nth-of-type(20):before {
  content: "⑳.";
}
#blog_detail
  .content-article
  ul.blog_list__brackets-num
  li:nth-of-type(1):before {
  content: "1）.";
}
#blog_detail
  .content-article
  ul.blog_list__brackets-num
  li:nth-of-type(2):before {
  content: "2）.";
}
#blog_detail
  .content-article
  ul.blog_list__brackets-num
  li:nth-of-type(3):before {
  content: "3）.";
}
#blog_detail
  .content-article
  ul.blog_list__brackets-num
  li:nth-of-type(4):before {
  content: "4）.";
}
#blog_detail
  .content-article
  ul.blog_list__brackets-num
  li:nth-of-type(5):before {
  content: "5）.";
}
#blog_detail
  .content-article
  ul.blog_list__brackets-num
  li:nth-of-type(6):before {
  content: "6）.";
}
#blog_detail
  .content-article
  ul.blog_list__brackets-num
  li:nth-of-type(7):before {
  content: "7）.";
}
#blog_detail
  .content-article
  ul.blog_list__brackets-num
  li:nth-of-type(8):before {
  content: "8）.";
}
#blog_detail
  .content-article
  ul.blog_list__brackets-num
  li:nth-of-type(9):before {
  content: "9）.";
}
#blog_detail
  .content-article
  ul.blog_list__brackets-num
  li:nth-of-type(10):before {
  content: "10）.";
}
#blog_detail
  .content-article
  ul.blog_list__brackets-num
  li:nth-of-type(11):before {
  content: "11）.";
}
#blog_detail
  .content-article
  ul.blog_list__brackets-num
  li:nth-of-type(12):before {
  content: "12）.";
}
#blog_detail
  .content-article
  ul.blog_list__brackets-num
  li:nth-of-type(13):before {
  content: "13）.";
}
#blog_detail
  .content-article
  ul.blog_list__brackets-num
  li:nth-of-type(14):before {
  content: "14）.";
}
#blog_detail
  .content-article
  ul.blog_list__brackets-num
  li:nth-of-type(15):before {
  content: "15）.";
}
#blog_detail
  .content-article
  ul.blog_list__brackets-num
  li:nth-of-type(16):before {
  content: "16）.";
}
#blog_detail
  .content-article
  ul.blog_list__brackets-num
  li:nth-of-type(17):before {
  content: "17）.";
}
#blog_detail
  .content-article
  ul.blog_list__brackets-num
  li:nth-of-type(18):before {
  content: "18）.";
}
#blog_detail
  .content-article
  ul.blog_list__brackets-num
  li:nth-of-type(19):before {
  content: "19）.";
}
#blog_detail
  .content-article
  ul.blog_list__brackets-num
  li:nth-of-type(20):before {
  content: "20）.";
}
#download_detail .content-article__inner img.aligncenter {
  width: 50%;
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  #download_detail .content-article__inner img.aligncenter {
    width: 100%;
  }
}
#download_detail .content-article__inner img.dl_thum-hei {
  width: 320px;
}
@media screen and (min-width: 0\0) and (min-resolution: 72dpi) {
  .tw {
    background: #1b95e0;
    border-radius: 3px;
    border-radius: 3xp;
    margin-left: 8px;
    display: flex !important;
    align-items: center;
  }
  .twitter-share-button {
    color: #fff;
    font-size: 12px;
    margin-right: 10px;
    vertical-align: middle;
    font-weight: bold;
  }
}
/*フッターソーシャルウィジェット*/
footer .fb_iframe_widget,
footer .fb_iframe_widget span,
footer .fb_iframe_widget iframe {
  width: 100% !important;
}
/*お知らせテーブル*/
.table-schedule th {
  min-width: 150px;
  text-align: center;
  padding: 13px;
  vertical-align: middle;
  background: #f1f1f1;
  border: 1px solid #fff;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .table-schedule th {
    width: 100%;
    display: block;
  }
}
.table-schedule td {
  min-width: 150px;
  padding: 13px;
  vertical-align: middle;
  border: 1px solid #fff;
}
@media screen and (max-width: 768px) {
  .table-schedule td {
    width: 100%;
    display: block;
  }
}
/*200730*/
.blog_under_dl {
  margin-top: 60px;
  background: #f4f7fc;
  padding: 40px;
}
.blog_under_dl p.copy {
  color: #121d2f;
  font-size: 1.8rem;
  text-align: center;
  font-weight: bold;
  line-height: 1.333;
  margin-bottom: 2rem;
}
.blog_under_dl p.copy strong {
  font-size: 2.25rem;
}
.blog_under_dl figure {
  text-align: center;
  margin-bottom: 1rem;
}
.blog_under_dl ul li {
  text-indent: -1em;
  padding-left: 1em;
  color: #243a5e;
  font-weight: bold;
  line-height: 1.8;
}
.blog_under_dl ul li:before {
  content: "? ";
  font-weight: bold;
  /* color: #243a5e; */
}
.blog_under_dl ul {
  display: inline-block;
  padding: 20px;
  background: rgba(255, 255, 255, 0.9);
  margin-bottom: 1rem;
}
.blog_under_dl {
  text-align: center;
}
.blog_under_dl ul li {
  text-align: left;
}
.blog_under_dl p {
  /* text-align: left; */
}
.blog_under_dl .button-content {
  margin-top: 30px;
}
.blog_top_baner:hover {
  opacity: 0.7;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .blog_top_baner:hover {
    opacity: 0.7;
    transition: 0.3s;
  }
  .blog_under_dl p.copy {
    font-size: 1.4rem;
  }
  .blog_under_dl {
    margin-top: 50px;
    padding: 40px 5%;
  }
  .blog_under_dl ul li {
    font-size: 1rem;
  }
  .blog_under_dl p {
    font-size: 1.2rem;
  }
  .blog_under_dl .button-content {
    max-width: 100%;
  }
}
/*-----------------------------------------------
200818 added
-----------------------------------------------*/
.animation-item-home {
  opacity: 0;
  transform: translateX(30px);
  transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1),
    transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.animation-item-home.is-show {
  opacity: 1;
  transform: translateX(0);
}
.animation-item-home:nth-child(1) {
  transition-delay: 0.8s;
}
.animation-item-home:nth-child(2) {
  transition-delay: 1s;
}
.animation-item-home:nth-child(3) {
  transition-delay: 1.2s;
}
/*201014*/
.tx__link {
  position: relative;
  display: inline-block;
  padding-left: 20px;
}
.tx__link:before {
  content: "";
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #0078d4;
  border-right: solid 2px #0078d4;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -4px;
}
.newicon {
  position: relative;
}
.newicon span {
  position: absolute;
  left: 0;
  bottom: 0;
  color: #fff;
  font-size: 12px;
  display: inline-block;
  padding: 5px 15px;
  background: #c51626;
}
#blog_detail .mt_2em {
  margin-top: 2em;
}
/*201119*/
@media screen and (max-width: 768px) {
  .sp_txLeft {
    text-align: left;
  }
}
#block_linkContact {
  margin-top: 90px;
  padding: 60px;
  background-color: #f4f7fc;
  text-align: center;
  box-shadow: 0 0 10px rgba(36, 58, 94, 0.15);
}
#block_linkContact p {
  line-height: 1.8;
}
#block_linkContact .button-content {
  margin-top: 30px;
}
/*201216「ブログ」へメガメニュー追加----------------------------------------------------*/
.nav-global .nav-dropdown02 {
  left: -546px;
  width: 906px;
  padding: 38px 30px;
}
.nav-global .nav-dropdown02 .inner {
  display: flex;
  flex-wrap: wrap;
}
.nav-dropdown02 .nav-dropdown__item {
  display: flex;
  justify-content: flex-start;
  margin: 26px 15px 0px 0px;
}
#meganav_block01,
#meganav_block02 {
  width: 28%;
}
#meganav_block03 {
  width: 20%;
}
#meganav_block04 {
  width: 24%;
}
.nav-dropdown02 .meganav_block p a {
  font-weight: bold;
  color: #fff;
  border-bottom: 1px dotted;
  padding-bottom: 2px;
}
.nav-dropdown02 .nav-dropdown__item a {
  text-align: left;
  line-height: 1.2;
}
.nav-dropdown02 .nav-dropdown__item:before {
  content: "・";
  color: #4997d9;
  /* vertical-align: top; */
  padding-right: 3px;
}
#meganav_block04 img:hover {
  opacity: 0.7;
  transition-delay: 0.2s;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}
#meganav_block04 img {
  width: 100%;
}
/*20210315--------------------------------------------------*/
.strong_txt {
  font-weight: bold;
}
.section-content__title__sub {
  font-size: 28px;
}
.container_price_mini {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 30px;
}
.container_price_minibox {
  margin: 20px;
}
.small {
  font-size: 12px;
}
.minibox_txt {
  margin-top: 10px;
  font-size: 15px;
  width: 230px;
  display: block;
  text-align: center;
}
.useful_container {
  width: 1100px;
  margin: 0 auto;
}
.useful_container li:nth-child(odd) {
  margin-right: 60px;
}
.useful_container li {
  width: 520px;
  margin-bottom: 20px;
  height: 2.5em;
  display: inline-block;
  vertical-align: top;
  float: left;
}
@media screen and (min-width: 769px) {
  .nav-footer {
    height: 580px;
  }
  .list-description--flex .list-description__image.list-description__image2 {
    width: 520px;
    margin: 20px 0 0 40px;
  }
  .nav-footer--lower {
    height: auto;
  }
}
.bg__bl {
  background-color: #f4f7fc;
  padding: 120px 0;
  margin: 120px 0 0;
}
.container_price_minibox img {
  display: block;
  margin: 0 auto;
}
u:hover {
  text-decoration: none !important;
}
@media screen and (max-width: 768px) {
  .useful_container {
    width: 100%;
    padding: 0 20px;
  }
  .useful_container li {
    width: 100%;
    height: auto;
    float: none;
  }
  .useful_container li:nth-child(odd) {
    margin-right: 0px;
  }
  .container_price_mini {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 30px;
  }
  .container_price_minibox {
    margin: 20px;
    width: 38%;
  }
}
.bnr__box {
  margin-top: 30px;
}
.bnr__box img:hover {
  opacity: 0.8;
}
.blog_about_azure_box .d-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.blog_about_azure_box {
  background: #fff;
  padding: 3rem 4rem;
  margin: 4rem 0;
}
.blog_about_azure_box .azure_text {
  width: 55%;
}
.blog_about_azure_box .azure_img {
  width: 40%;
}
.blog_about_azure_box .azure_text p {
  text-align: left;
  font-weight: 500;
  font-size: 0.9rem;
}
.blog_about_azure_box .button-content {
  margin: 2rem 0 0;
}
/* .list-detail-box-blog-useful-content.list-detail-box--double {
  justify-content: space-between;
} */
.list-detail-box-blog-useful-content.list-detail-box--double
  .list-detail-box__item {
  /* width: 32%; */
  margin-top: 30px !important;
}
.list-detail-box-blog-useful-content.list-detail-box--double
  .list-detail-box__item:nth-of-type(n + 3) {
  margin-top: 0;
}
.list-detail-box-blog-useful-content img {
  max-width: 100%;
}
/* .list-detail-box-blog-useful-content .list-detail-box__image--download-list {
  width: 100%;
} */
.list-detail-box-blog-useful-content.list-detail-box--double
  .list-detail-box__item:nth-of-type(2n) {
  margin-left: 0;
}
@media screen and (min-width: 767px) {
  ul.list-detail-box.list-detail-box--double.list-detail-box--sp-single.list-detail-box--no-link.list-detail-box-blog-useful-content
    .list-detail-box__name
    + .list-detail-box__text {
    min-height: 180px;
  }
}
@media screen and (max-width: 768px) {
  .blog_about_azure_box {
    padding: 3rem 2rem;
  }
  .blog_about_azure_box .azure_text {
    width: 100%;
  }
  .blog_about_azure_box .azure_img {
    width: 100%;
    order: 1;
  }
  .blog_about_azure_box .d-flex {
    flex-wrap: wrap;
  }
  section.section-content.azure_wrapper.blog_about_azure_box .button-content a {
    width: 100%;
  }
  section.section-content.azure_wrapper.blog_about_azure_box .button-content {
    margin: 2rem auto;
  }
  .list-detail-box-blog-useful-content.list-detail-box--double
    .list-detail-box__item {
    width: 100%;
  }
}
/*20210519-----------------------------------------------------*/
.graph_comp table {
  width: 100%;
  /* border: 1px solid #333; */
  border-collapse: collapse;
  font-size: 0.8em;
}
.graph_comp span {
  font-size: 0.7em;
}
.graph_comp td,
.graph_comp th {
  border: 1px solid #333;
  border-collapse: collapse;
  text-align: center;
  padding: 3px;
}
.graph_comp th:nth-child(2) {
  background: #538cd4;
}
.graph_comp th:nth-child(3) {
  background: #ffc000;
}
.graph_comp table .th2 {
  background: #d9d9d9;
}
.graph_comp table td {
  width: 10%;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .graph_comp table {
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  /*
.graph_comp table .th2{
position: sticky;
  top: 0;
  left: 0;}

 .graph_comp table .th2:before{
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
}*/
}
/*202210616------------------------------------------------------------------------------------*/
.blog_under_dl .flex__box {
  display: flex;
}
#blog_detail .content-article .flex__box img {
  margin-left: 30px;
  margin-top: 0;
  height: 150px !important;
}
.blog_under_dl p span {
  font-weight: bold;
}
.blog_under_dl .flex__box p.copy {
  margin-top: 19px;
}
@media screen and (max-width: 768px) {
  #blog_detail .content-article .flex__box img {
    margin-left: 0;
    margin-top: 0;
    width: 35%;
    height: 70px !important;
  }
  .blog_under_dl .flex__box p.copy {
    margin-top: 0px;
  }
}
.bnr__box.bnr__box02 img {
  margin: 60px auto 0;
  display: block;
}
a:hover {
  cursor: pointer !important;
}
/*20210719------------------------------------------------------------------------------------*/
.seminar__table .content-table__row:first-of-type {
  border-top: 1px solid #d0d2d5;
}
.seminar__table .content-table__row:nth-of-type(2n) {
  background: #fff !important;
}
.seminar__table th {
  background: #f4f7fc !important;
}
/*20211013------------------------------------------------------------------------------------------------------------*/
.w1200_bnr {
  width: 1200px;
  margin: 0 auto;
}
.download___list ul {
  display: flex;
  width: 1200px;
  margin: 60px auto;
  justify-content: space-between;
  flex-wrap: wrap;
  /* background: #fff; */
}
.download___list ul li {
  width: 30%;
  margin-bottom: 40px;
  background: #fff;
  padding: 30px;
  border-radius: 10px;
  box-shadow: rgba(195, 195, 195, 15%) 5px 5px;
}
.download___list ul li p {
  text-align: center;
  margin-top: 1em;
}
.download___list a:hover {
  opacity: 0.8;
}
@media screen and (max-width: 768px) {
  .w1200_bnr {
    width: 100%;
    margin: 0 auto;
  }
  .download___list ul {
    width: 100%;
    display: block;
  }
  .download___list ul li {
    width: 90%;
    margin: 0 auto 40px;
  }
}
.list-detail-box__box {
  position: unset;
}
/*20220720------------------------------------------------------------------------------------------------------------*/
.kind-textlink {
  position: relative;
  text-align: center;
  display: block;
  margin-top: 40px;
  font-weight: 300;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .kind-textlink {
    margin-top: 30px;
    font-size: 14px;
    line-height: 1.6;
  }
}
/*20220802-----------------------------------------------------------------------------------------------------------*/
.comparison {
  margin-top: 50px;
}
.comparison tr:first-child td {
  background: #f1f1f1;
}
.comparison tr:first-child th {
  border-top: 1px solid #243a5e;
}
.comparison tr:last-child th,
.comparison tr:last-child td {
  border-bottom: 1px solid #243a5e;
}
.comparison th {
  width: 30%;
  box-sizing: border-box;
  padding: 20px;
  background: #243a5e;
  color: #fff;
  border-bottom: 1px solid #fff;
}
.comparison td {
  width: 35%;
  box-sizing: border-box;
  padding: 20px;
  border: 1px solid #243a5e;
}
.toLink {
  padding: 15px 0;
  border-top: 1px solid #555;
  border-bottom: 1px solid #555;
  margin-top: 30px;
}
.toLink a {
  color: #0078d4;
}
@media screen and (max-width: 768px) {
  .comparison {
    font-size: 1.125rem;
  }
  .comparison th,
  .comparison td {
    padding: 15px;
  }
}
/*---------------------------
230222 修正追記
--------------------------*/
.short .list-detail-box__item a {
  display: flex;
  justify-content: space-between;
  padding: 2rem;
}
.short .list-detail-box__head {
  width: 80px;
  margin: 0 30px 0 0;
}
.short .list-detail-box__name {
  text-align: left;
}
.short .list-detail-box__name + .list-detail-box__text {
  text-align: left;
  margin-bottom: 10px;
  margin-top: 20px;
}
.short .list-detail-box__box {
  padding: 0 0 45px 0;
}
.short .list-detail-box__box {
  flex: 1;
}

@media screen and (max-width: 768px) {
  .short .list-detail-box__item a {
    display: block;
    padding: 0 1rem 1rem 1rem;
  }
  .short .list-detail-box__head {
    width: 13.0208333333vw;
    margin: 0 auto 20px;
  }
  .short .list-detail-box__name {
    text-align: center;
  }
}

/* 230830追加 */
.azureFee__detail .minibox_txt {
  margin-top: 10px;
  font-size: 15px;
  width: 100%;
  display: block;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .list-icon__about__sp {
    justify-content: space-between;
    gap: 10px;
  }

  .list-icon__about__sp li {
    width: 48%;
    margin-bottom: 10px;
  }

  .list-icon__about li:nth-of-type(n + 2) {
    margin-left: 0;
  }

  .list-icon__about__sp .list-icon__item {
    width: 100%;
    height: 140px;
  }

  .list-icon__about__sp .list-icon__text {
    width: 100%;
    padding: 0;
  }
}

/* 240125 */

@media screen and (max-width: 768px) {
  .list-tab-button-archive:nth-of-type(n + 4) {
    margin-top: 0 !important;
  }
}

@media screen and (max-width: 768px) {
  .list-tab-button__item__archive:nth-of-type(n + 4) {
    margin-top: 0 !important;
  }
}

.list-tab-button.list-tab-button-archive {
  justify-content: center;
  gap: 40px;
}

@media screen and (max-width: 768px) {
  .list-tab-button.list-tab-button-archive {
    flex-wrap: nowrap;
    gap: 20px;
  }
}

/* 240227 */

/*200730*/
.blog_under_dl p.copy.column-banner-copy {
  color: #121d2f;
  font-size: 1.7rem;
  text-align: left;
  font-weight: bold;
  line-height: 1.333;
  margin-bottom: 2rem;
}
.blog_under_dl p.copy.column-banner-copy strong {
  font-size: 2.25rem;
}
.blog_under_dl.column-banner-blog_under_dl ul li:before {
  content: "● ";
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .blog_under_dl p.copy.column-banner-copy {
    font-size: 1.3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .blog_under_dl .flex__box.column-banner-flex__box {
    display: flex;
    margin-bottom: 20px;
  }
}

/* 240328 メガメニューブロック修正 */
#meganav_block01 {
  width: 17%;
}
#meganav_block02 {
  width: 26%;
}
#meganav_block03 {
  width: 16%;
}
#meganav_block04 {
  width: 17%;
}
#meganav_block05 {
  width: 18%;
}

.nav-global .nav-dropdown02 {
  left: -546px;
  width: 74vw;
  padding: 38px 30px;
}

.nav-global .nav-dropdown02 .inner {
  display: flex;
  flex-wrap: wrap;
  gap: 1%;
}

.nav-dropdown02 .meganav_block p {
  font-weight: bold;
  color: #fff;
  border-bottom: 1px dotted #121d2f;
  padding-bottom: 2px;
}

/* 240328 open-ai-lp 修正 */

.list-detail-box--feature .list-detail-box__box {
  position: relative;
  padding: 28px 30px 28px;
}
@media screen and (max-width: 768px) {
  .list-detail-box--feature .list-detail-box__box {
    padding: 3.6458333333vw 3.90625vw 0vw;
  }
}
.list-detail-box--feature .list-detail-box__box:before {
  display: none !important;
}
@media screen and (max-width: 768px) {
  .list-detail-box--feature .list-detail-box__box:before {
    display: none !important;
  }
}

.list-detail-box--feature .list-detail-box__item:before {
  display: none !important;
}
.list-detail-box--feature .list-detail-box__item:after {
  display: none !important;
}
.list-detail-box--feature .list-detail-box__box:after {
  display: none !important;
}

/* 241017 download */
.section-content__inner:not(:last-of-type) {
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .section-content__inner:not(:last-of-type) {
    margin-bottom: 70px;
  }
}

/* 20241112 用語集 */
.glossary_detail h3 {
  font-size: 1.7rem;
  line-height: 1.333;
  font-weight: bold;
  margin-top: 70px;
}
.glossary_detail h4 {
  font-size: 1.4rem;
  line-height: 1.333;
  font-weight: bold;
  margin-top: 70px;
}
.glossary_detail h5 {
  font-size: 1rem;
  line-height: 1.6;
  font-weight: bold;
  margin-top: 3rem;
  text-align: left;
}
p.glossary_detail_txt {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .glossary_detail h4 {
    margin-top: 60px;
  }
}
.glossary_list {
  margin-top: 40px;
}

/* トップFAQ */
.list-faq-toggle .list-faq__item {
  position: relative;
}
.list-faq-toggle .list-faq__item::before,
.list-faq-toggle .list-faq__item::after {
  content: "";
  display: block;
  width: 25px;
  height: 2px;
  background: #0078d4;
  position: absolute;
  top: 40px;
  right: 25px;
}
.list-faq-toggle .list-faq__item::after {
  transform: rotate(90deg);
  transition: 0.3s;
}
.list-faq-toggle .list-faq__item.open::after {
  transform: rotate(0);
}
.list-faq-toggle .list-faq__box {
  cursor: pointer;
}
.list-faq-toggle .list-faq__box::after {
  content: none;
}
.list-faq-toggle .list-faq__box--answer {
  /* display: none; */
  overflow: hidden;
  /* transition: height 0.3s ease-out;
  height: 0; */
  position: relative;
  display: flex;
  align-items: center;
}
.list-faq-toggle .list-faq__box--answer::before {
  color: #888;
  font-family: "Poppins", sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  content: "A";
  font-size: 2rem;
  font-weight: 500;
  width: 85px;
  height: 80px;
}
.list-faq-toggle .list-faq__box--answer::after {
  content: "";
  display: block;
  width: calc(100% - 50px);
  height: 1px;
  background: #d3d3d3;
  position: absolute;
  left: 25px;
  top: 0;
}
.list-faq-toggle .list-faq__box--answer .list-faq__text {
  font-weight: normal;
  padding: 24px 90px 24px 0px;
}
.list-faq-toggle .list-faq__box--answer .list-faq__text a {
  color: #0078d4;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .list-faq-toggle .list-faq__item::before,
  .list-faq-toggle .list-faq__item::after {
    top: 5vw;
    right: 15px;
    width: 15px;
  }
  .list-faq-toggle .list-faq__box--answer::before {
    width: 11.0677083333vw;
    height: 10.4166666667vw;
  }
}
.list-detail-box__name + .list-detail-box__text {
  margin-top: 20px;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .list-detail-box--double {
    gap: 10px;
  }
  .list-detail-box--double .list-detail-box__item {
    width: calc((100% - 10px) / 2);
  }
}
/* 250618業界別活用シーン   */
.list-use__box {
  margin-top: 3rem;
}
.list-use__box__content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.list-use__box__content li {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  gap: 0;
  background-color: #fff;
  width: 380px;
  border-radius: 3px;
  box-shadow: 0 0 10px rgba(36, 58, 94, 0.15);
}

.list-detail-box--double__scene {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .list-detail-box--double__scene {
    justify-content: center;
  }
}
.list-detail-box--double__scene .list-detail-box__item {
  width: 340px;
  height: 290px;
}
@media screen and (max-width: 768px) {
  .list-detail-box--double__scene .list-detail-box__item {
    width: 44.2708333333vw;
  }
}
@media screen and (min-width: 769px) {
  .list-detail-box--double__scene .list-detail-box__item:nth-of-type(3n),
  .list-detail-box--double__scene .list-detail-box__item:nth-of-type(3n - 1) {
    margin-left: 30px;
  }
}
@media screen and (min-width: 769px) {
  .list-detail-box--double__scene .list-detail-box__item:nth-of-type(n + 4) {
    margin-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  .list-detail-box--double__scene .list-detail-box__item:nth-of-type(2n) {
    margin-left: 3.6458333333vw;
  }
}
@media screen and (max-width: 768px) {
  .list-detail-box--double__scene .list-detail-box__item:nth-of-type(n + 3) {
    margin-top: 3.90625vw;
  }
}
.list-detail-box--double__scene .list-detail-box__image--head {
  text-align: center;
}

.list-detail-box--double__scene-gap {
  display: flex;
  flex-wrap: wrap;
}
.list-detail-box--double__scene-gap:before {
  display: block;
  position: absolute;
  content: "";
  background-color: #fff;
  bottom: 57px;
  left: 0;
  width: calc(100% + 60px);
  height: 4px;
}
@media screen and (max-width: 768px) {
  .list-detail-box--double__scene-gap:before {
    bottom: 7.421875vw;
    width: calc(100% + 60vw / 768 * 100);
    height: 0.5208333333vw;
  }
}
.list-detail-box--double__scene-gap .list-detail-box__item {
  width: 300px;
}
@media screen and (max-width: 768px) {
  .list-detail-box--double__scene-gap .list-detail-box__item {
    width: 29.1666666667vw;
  }
}
.list-detail-box--double__scene-gap .list-detail-box__item:nth-of-type(3n),
.list-detail-box--double__scene-gap .list-detail-box__item:nth-of-type(3n - 1) {
  margin-left: 50px;
}
@media screen and (max-width: 768px) {
  .list-detail-box--double__scene-gap .list-detail-box__item:nth-of-type(3n),
  .list-detail-box--double__scene-gap
    .list-detail-box__item:nth-of-type(3n - 1) {
    margin-left: 2.34375vw;
  }
}
.list-detail-box--double__scene-gap .list-detail-box__item:nth-of-type(n + 4) {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .list-detail-box--double__scene-gap
    .list-detail-box__item:nth-of-type(n + 4) {
    margin-top: 2.6041666667vw;
  }
}
@media screen and (max-width: 768px) {
  .list-detail-box--double__scene-gap .list-detail-box__name {
    font-size: 1.25rem;
    line-height: 1.444;
  }
  .list-detail-box--double__scene-gap .list-detail-box__name:before,
  .list-detail-box--double__scene-gap .list-detail-box__name:after {
    content: "";
    display: block;
    height: 0;
    width: 0;
    margin: calc((1em - 1.444em) / 2);
  }
}
.list-detail-box--double__scene-gap:nth-of-type(2n) {
  justify-content: flex-end;
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .list-detail-box--double__scene-gap:nth-of-type(2n) {
    margin-top: 6.5104166667vw;
  }
}
.list-detail-box--double__scene-gap:nth-of-type(2n):before {
  left: auto;
  right: 0;
}

.list-detail-box--double__scene .list-detail-box__img {
  display: flex;
  justify-content: center;
  margin-bottom: 25px;
}
.list-detail-box--double__scene .list-detail-box__img img {
  width: 135px;
}
@media screen and (max-width: 768px) {
  .list-detail-box--double__scene .list-detail-box__img {
    margin-bottom: 20px;
  }
  .list-detail-box--double__scene .list-detail-box__img img {
    width: 105px;
  }
}
.list-detail-box--double__scene .list-detail-box__name {
  font-size: 1.4rem;
}
.list-detail-box--triple__ico .list-detail-box__img {
  margin-top: 20px;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .list-detail-box--triple__ico .list-detail-box__img {
    margin: 0 auto;
    width: 90px;
  }
}
.list-detail-box--triple__ico .list-detail-box__name {
  height: 72px;
}

@media screen and (max-width: 768px) {
  .list-detail-box--triple__ico .list-detail-box__name {
    height: 60px;
  }
}

/* 250702 */
@media screen and (max-width: 768px) {
  .ofx-scroll {
    overflow-x: scroll;
  }
  .ofx-scroll > img {
    overflow-x: scroll;
    max-width: none;
  }
}
.mt50 {
  margin-top: 50px!important;
}
.mb30 {
  margin-bottom: 30px!important;
}