/*
Theme Name: CREATORS ADFLOW
Description: CREATORS ADFLOW
Version: 1.0
Author: CREATORS ADFLOW
*/
@charset "UTF-8";
.section-heading .en,
.lower-heading .page-heading .en,
.page-interview-article .section-interview .sub-section .sub-section-heading-container .text-container .sub-section-heading .en,
.page-home .section-feature .feature-list li .text-container .num {
  font-family: Avenir, 'LeagueSpartan-Light', 'Lato-Light', sans-serif;
  font-weight: 300;
}
.tel-container .num-container .num,
.pagination-container .btn-prev .btn-text,
.pagination-container .btn-next .btn-text,
.pagination-container .page-num li,
.footer .copyright,
.header .nav li,
.page-case .case-list li .text-container .num,
.page-case .case-list li .text-container .heading .en,
.page-function .section-function .function-list .heading-container .num,
.page-release .release-list li a .text-container .date,
.page-home .section-release .release-list li .date {
  font-family: Avenir, 'LeagueSpartan-Medium', 'Lato-Regular', sans-serif;
  font-weight: 400;
}
.section-heading .ja .word-en,
.menu-contents .copyright {
  font-family: Avenir, 'LeagueSpartan-Medium', 'Lato-Regular', sans-serif;
  font-weight: 500;
}
.page-function .section-faq .faq-list li .accordion-btn .question-icon .icon-text,
.page-home .section-hero .results .heading span:nth-child(2),
.page-home .section-case .results .heading span:nth-child(2) {
  font-family: Avenir, 'LeagueSpartan-Bold', 'Lato-Black', sans-serif;
  font-weight: 900;
}
@-webkit-keyframes delayView {
  0% {
    opacity: 0;
  }
  99.999% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes delayView {
  0% {
    opacity: 0;
  }
  99.999% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes loopLeft1 {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@keyframes loopLeft1 {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@-webkit-keyframes loopLeft2 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
}
@keyframes loopLeft2 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
}
@-webkit-keyframes btnBgMask {
  0% {
    opacity: 1;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes btnBgMask {
  0% {
    opacity: 1;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes btnBgMaskOff {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes btnBgMaskOff {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes btnText {
  0% {
    -webkit-transform: translateX(-15px);
            transform: translateX(-15px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes btnText {
  0% {
    -webkit-transform: translateX(-15px);
            transform: translateX(-15px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes changeImg1 {
  0% {
    opacity: 0;
  }
  7% {
    opacity: 0;
  }
  14% {
    opacity: 1;
  }
  21% {
    opacity: 1;
  }
  28% {
    opacity: 1;
  }
  35% {
    opacity: 1;
  }
  42% {
    opacity: 1;
  }
  49% {
    opacity: 1;
  }
  56% {
    opacity: 1;
  }
  63% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  72% {
    opacity: 1;
  }
  79% {
    opacity: 0;
  }
  86% {
    opacity: 0;
  }
  93% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes changeImg1 {
  0% {
    opacity: 0;
  }
  7% {
    opacity: 0;
  }
  14% {
    opacity: 1;
  }
  21% {
    opacity: 1;
  }
  28% {
    opacity: 1;
  }
  35% {
    opacity: 1;
  }
  42% {
    opacity: 1;
  }
  49% {
    opacity: 1;
  }
  56% {
    opacity: 1;
  }
  63% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  72% {
    opacity: 1;
  }
  79% {
    opacity: 0;
  }
  86% {
    opacity: 0;
  }
  93% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes changeImg2 {
  0% {
    opacity: 0;
  }
  7% {
    opacity: 0;
  }
  14% {
    opacity: 0;
  }
  21% {
    opacity: 0;
  }
  28% {
    opacity: 0;
  }
  35% {
    opacity: 0;
  }
  42% {
    opacity: 0;
  }
  49% {
    opacity: 1;
  }
  56% {
    opacity: 1;
  }
  63% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  72% {
    opacity: 1;
  }
  79% {
    opacity: 0;
  }
  86% {
    opacity: 0;
  }
  93% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes changeImg2 {
  0% {
    opacity: 0;
  }
  7% {
    opacity: 0;
  }
  14% {
    opacity: 0;
  }
  21% {
    opacity: 0;
  }
  28% {
    opacity: 0;
  }
  35% {
    opacity: 0;
  }
  42% {
    opacity: 0;
  }
  49% {
    opacity: 1;
  }
  56% {
    opacity: 1;
  }
  63% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  72% {
    opacity: 1;
  }
  79% {
    opacity: 0;
  }
  86% {
    opacity: 0;
  }
  93% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@font-face {
  font-family: 'Lato-Light';
  font-style: normal;
  src: url("assets/font/Lato-Light.woff2") format('woff2');
}
@font-face {
  font-family: 'Lato-Regular';
  font-style: normal;
  src: url("assets/font/Lato-Regular.woff2") format('woff2');
}
@font-face {
  font-family: 'Lato-Black';
  font-style: normal;
  src: url("assets/font/Lato-Black.woff2") format('woff2');
}
@font-face {
  font-family: 'LeagueSpartan-Light';
  font-style: normal;
  src: url("assets/font/LeagueSpartan-Light.woff2") format('woff2');
}
@font-face {
  font-family: 'LeagueSpartan-Medium';
  font-style: normal;
  src: url("assets/font/LeagueSpartan-Medium.woff2") format('woff2');
}
@font-face {
  font-family: 'LeagueSpartan-Bold';
  font-style: normal;
  src: url("assets/font/LeagueSpartan-Bold.woff2") format('woff2');
}
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,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
body {
  line-height: 1;
  color: #000;
  background: #fff;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle;
}
caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
a img {
  border: none;
}
html {
  font-size: 62.5%;
}
body {
  font-size: 1.5rem;
  line-height: 1.866666666666667;
  font-family: "YuGothic", "游ゴシック体", "Yu Gothic", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
  font-weight: 500;
  color: #373737;
  background-color: #fff;
  -webkit-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
}
@media only screen and (max-width: 767px) {
  body {
    font-size: 3.466666666666666vw;
    line-height: 1.923076923076923;
  }
}
_::-webkit-full-page-media,
_:future,
:root body {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
}
img {
  vertical-align: top;
}
@media only screen and (min-width: 768px) and (max-width:1080px) {
  img {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  img {
    width: 100%;
  }
}
svg {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
a {
  text-decoration: none;
  color: #373737;
}
.for-sp {
  display: none;
}
@media only screen and (max-width: 767px) {
  .for-sp {
    display: inline-block;
  }
}
@media only screen and (max-width: 767px) {
  .for-pc {
    display: none;
  }
}
button {
  background: none;
  border: 0;
  border-radius: 0;
  font-family: inherit;
  font-size: 100%;
  font-weight: bold;
  margin: 0;
  padding: 0;
  outline: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}
.loader {
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  width: 100%;
  height: 100%;
  z-index: 100;
}
.is-loaded .loader {
  opacity: 0;
  pointer-events: none;
  transition: all 0.5s ease-out;
  visibility: hidden;
}
.wrapper {
  overflow: hidden;
}
.main {
  position: relative;
  z-index: 1;
}
section {
  position: relative;
}
.shape-group {
  position: absolute;
  overflow: hidden;
}
.shape {
  position: absolute;
}
.parallax-item-container {
/*   position: relative; */
/*   overflow: hidden; */
}
.parallax-item-container .parallax-item {
/*   position: absolute; */
/*   overflow: hidden; */
}
.section-inner {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
}
@media only screen and (min-width: 768px) {
  .section-inner {
    max-width: 1080px;
  }


}
@media only screen and (min-width: 768px) and (max-width:1080px) {
  .section-inner {
    padding-left: 6.481481481481481%;
    padding-right: 6.481481481481481%;
  }
}
@media only screen and (max-width: 767px) {
  .section-inner {
    width: 100%;
    padding-left: 6.666666666666667vw;
    padding-right: 6.666666666666667vw;
  }
}
.btn {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 52px;
  font-weight: bold;
  font-size: 1.2rem;
  letter-spacing: 0.05em;
  line-height: 1;
  text-align: center;
  border-radius: 26px;
  box-sizing: border-box;
  overflow: hidden;
  z-index: 1;
}
.btn .btn-bg-mask {
  position: absolute;
  top: 50%;
  left: 0;
  width: 160px;
  height: 160px;
  margin-top: -80px;
  border-radius: 50%;
  opacity: 0;
}
.btn .btn-text {
  position: relative;
}
@media only screen and (min-width: 768px) {
  .btn .btn-bg-mask {
    -webkit-animation: btnBgMaskOff 0.6s cubic-bezier(0, 0.55, 0.45, 1);
            animation: btnBgMaskOff 0.6s cubic-bezier(0, 0.55, 0.45, 1);
  }
  .btn .btn-text {
    transition: opacity cubic-bezier(0, 0.55, 0.45, 1);
  }
  .btn:hover .btn-bg-mask {
    -webkit-animation: btnBgMask 0.6s cubic-bezier(0, 0.55, 0.45, 1) forwards;
            animation: btnBgMask 0.6s cubic-bezier(0, 0.55, 0.45, 1) forwards;
  }
  .btn:hover .btn-text {
    opacity: 0;
    -webkit-animation: btnText 0.6s cubic-bezier(0, 0.55, 0.45, 1) forwards;
            animation: btnText 0.6s cubic-bezier(0, 0.55, 0.45, 1) forwards;
  }
}
.btn.btn-request {
  padding-left: 28px;
  color: #fff;
  background: #373737;
}
.btn.btn-request .icon-free {
  position: absolute;
  top: 8px;
  left: 9px;
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.1rem;
  background: #5b5b5b;
  border-radius: 50%;
  font-weight: normal;
}
.btn.btn-request .btn-bg-mask {
  background: #000;
}
.btn.btn-demo {
  background: #ffd700;
}
.btn.btn-demo .btn-bg-mask {
  background: #ffc400;
}
.btn.btn-case {
  background: #0db9d7;
}
.btn.btn-case .btn-text {
  color: #fff;
}
.btn.btn-case .btn-bg-mask {
  background: #00a0c1;
}
@media only screen and (max-width: 767px) {
  .btn .btn-bg-mask {
    display: none;
  }
}
.link-block-text {
  line-height: 1;
}
.link-block-text ul {
  display: flex;
  justify-content: space-between;
}
.link-block-text li {
  width: 300px;
  text-align: center;
}
.link-block-text .text-top {
  font-size: 1.5rem;
  margin-left: -4px;
  font-weight: bold;
}
.link-block-text .text-top sup {
  display: inline-block;
  margin-right: -2px;
  font-size: 1rem;
  line-height: 1;
  display: inline-block;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  vertical-align: top;
}
.link-block-text .text-bottom {
  margin-top: 19px;
  color: #888;
  font-size: 1.3rem;
}
.link-block-text .btn {
  margin-top: 19px;
  width: 100%;
  height: 80px;
  font-size: 1.6rem;
  letter-spacing: 0.1em;
  border-radius: 40px;
}
.link-block-text .btn .btn-bg-mask {
  width: 300px;
  height: 300px;
  margin-top: -150px;
}
.link-block-text .btn-request {
  padding-left: 44px;
}
.link-block-text .btn-request .icon-free {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 60px;
  height: 60px;
  font-size: 1.5rem;
}
.link-block-text .btn-demo + .text-bottom {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media only screen and (max-width: 767px) {
  .link-block-text li {
    width: 41.333333333333336vw;
  }
  .link-block-text .text-top {
    font-size: 2.933333333333333vw;
    margin-left: -0.533333333333333vw;
  }
  .link-block-text .text-top sup {
    margin-right: -0.533333333333333vw;
    font-size: 2.666666666666667vw;
    line-height: 1;
    display: inline-block;
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
  }
  .link-block-text .text-bottom {
    margin-top: 2.533333333333333vw;
    font-size: 2.666666666666667vw;
  }
  .link-block-text .btn {
    margin-top: 2.533333333333333vw;
    height: 14.666666666666666vw;
    font-size: 2.933333333333333vw;
    border-radius: 5.333333333333334vw;
  }
  .link-block-text .btn-request {
    padding-left: 5.866666666666666vw;
  }
  .link-block-text .btn-request .icon-free {
    position: absolute;
    top: 2.4vw;
    left: 2.4vw;
    width: 9.866666666666667vw;
    height: 9.866666666666667vw;
    padding-top: 0.8vw;
    padding-left: 0.8vw;
    font-size: 2.666666666666667vw;
    box-sizing: border-box;
  }
  .link-block-text .btn-request .icon-free span {
    display: inline-block;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
  }
}
.section-heading {
  text-align: center;
}
.section-heading .ja {
  font-size: 4.6rem;
  line-height: 1.217391304347826;
  font-weight: bold;
}
.section-heading .ja .word-en {
  display: inline-block;
  font-size: 4.8rem;
  line-height: 1;
  letter-spacing: 0.05em;
  margin-top: 10px;
  margin-bottom: -2px;
}
.section-heading .en {
  display: block;
  margin-top: 21px;
  color: #d95d61;
  font-size: 1.6rem;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .section-heading .ja {
    font-size: 7vw;
    line-height: 1.4;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
  }
  .section-heading .ja .word-en {
    font-size: 8.266666666666666vw;
    line-height: 1;
    letter-spacing: -0.01em;
    margin: 2.4vw 0vw 0 0;
  }
  .section-heading .en {
    margin-top: 3.466666666666666vw;
    font-size: 2.933333333333333vw;
  }
}
.lower-heading {
  position: relative;
  min-height: 480px;
  display: flex;
  justify-content: center;
  background: #f7f7f7;
  text-align: center;
  box-sizing: border-box;
  overflow: hidden;
}
.lower-heading .shape-wrap {
  width: 1064px;
  height: 1064px;
  -webkit-transform: rotate(34.56deg);
          transform: rotate(34.56deg);
}
.lower-heading .shape-wrap .shape {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.lower-heading .shape-square-blue-right-wrap {
  position: absolute;
  top: -776px;
  right: -694px;
}
.lower-heading .shape-square-blue-right-wrap .shape-square-blue-right {
  fill: #d95d5f;
}
.lower-heading .shape-square-gray-right-wrap {
  position: absolute;
  top: -650px;
  right: -147px;
}
.lower-heading .shape-square-gray-right-wrap .shape-square-gray-right {
  fill: #f0f0f0;
}
.lower-heading .shape-square-blue-left-wrap {
  position: absolute;
  bottom: -642px;
  left: -886px;
  -webkit-transform: rotate(34.45deg);
          transform: rotate(34.45deg);
}
.lower-heading .shape-square-blue-left-wrap .shape-square-blue-left {
  fill: #d95d5f;
}
.lower-heading .lower-heading-inner {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  padding-top: 196px;
  padding-bottom: 114px;
}
@media only screen and (min-width: 768px) {
  .lower-heading .lower-heading-inner {
    max-width: 1080px;
  }
}
@media only screen and (min-width: 768px) and (max-width:1080px) {
  .lower-heading .lower-heading-inner {
    padding-left: 6.481481481481481%;
    padding-right: 6.481481481481481%;
  }
}
@media only screen and (max-width: 767px) {
  .lower-heading .lower-heading-inner {
    width: 100%;
    padding-left: 6.666666666666667vw;
    padding-right: 6.666666666666667vw;
  }
}
.lower-heading .page-heading {
  line-height: 1;
}
.lower-heading .page-heading span {
  display: block;
}
.lower-heading .page-heading .ja {
  font-size: 4.2rem;
  font-weight: bold;
}
.lower-heading .page-heading .en {
  margin-top: 16px;
  color: #d95d5f;
  font-size: 1.6rem;
}
.lower-heading .text {
  margin-top: 28px;
  margin-left: 10px;
  font-size: 1.8rem;
  line-height: 1.888888888888889;
}
@media only screen and (max-width: 767px) {
  .lower-heading {
    min-height: 101.33333333333334vw;
  }
  .lower-heading .shape-wrap {
    width: 141.86666666666667vw;
    height: 141.86666666666667vw;
  }
  .lower-heading .shape-square-blue-right-wrap {
    position: absolute;
    top: -101.6vw;
    right: -92.53333333333333vw;
  }
  .lower-heading .shape-square-gray-right-wrap {
    position: absolute;
    top: -72.8vw;
    right: -44.266666666666666vw;
  }
  .lower-heading .shape-square-blue-left-wrap {
    position: absolute;
    bottom: -89.60000000000001vw;
    left: -132.26666666666665vw;
  }
  .lower-heading .lower-heading-inner {
    padding-top: 34.66666666666667vw;
    padding-bottom: 20.8vw;
  }
  .lower-heading .page-heading .ja {
    font-size: 9.066666666666666vw;
    line-height: 1.470588235294118;
  }
  .lower-heading .page-heading .en {
    margin-top: 2.666666666666667vw;
    font-size: 3.2vw;
  }
  .lower-heading .text {
    margin-top: 6.666666666666667vw;
    margin-left: 1.333333333333333vw;
    padding: 0 2.666666666666667vw;
    font-size: 3.466666666666666vw;
    line-height: 1.923076923076923;
    text-align: justify;
  }
}
.lower-article-heading {
  position: relative;
  box-sizing: border-box;
}
.lower-article-heading .shape-wrap {
  width: 1064px;
  height: 1064px;
  -webkit-transform: rotate(34.56deg);
          transform: rotate(34.56deg);
}
.lower-article-heading .shape-wrap .shape {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.lower-article-heading .shape-square-gray-right-wrap {
  position: absolute;
  top: -776px;
  right: -694px;
}
.lower-article-heading .shape-square-gray-right-wrap .shape-square-gray-right {
  fill: #f7f7f7;
}
.lower-article-heading .shape-square-gray-left-wrap {
  position: absolute;
  top: 58px;
  left: -886px;
  -webkit-transform: rotate(34.45deg);
          transform: rotate(34.45deg);
}
.lower-article-heading .shape-square-gray-left-wrap .shape-square-gray-left {
  fill: #f7f7f7;
}
.lower-article-heading .lower-article-heading-inner {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  padding-top: 151px;
  padding-bottom: 75px;
}
@media only screen and (min-width: 768px) {
  .lower-article-heading .lower-article-heading-inner {
    max-width: 1080px;
  }
}
@media only screen and (min-width: 768px) and (max-width:1080px) {
  .lower-article-heading .lower-article-heading-inner {
    padding-left: 6.481481481481481%;
    padding-right: 6.481481481481481%;
  }
}
@media only screen and (max-width: 767px) {
  .lower-article-heading .lower-article-heading-inner {
    width: 100%;
    padding-left: 6.666666666666667vw;
    padding-right: 6.666666666666667vw;
  }
}
.lower-article-heading .category {
  font-size: 1.4rem;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.lower-article-heading .page-heading {
  margin-top: 35px;
  font-size: 4rem;
  line-height: 1.4;
  font-weight: bold;
}
.lower-article-heading .tag {
  display: flex;
  flex-wrap: wrap;
  margin-top: 50px;
}
.lower-article-heading .tag span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  margin-right: 6px;
  margin-bottom: 6px;
  padding: 0 10px;
  font-size: 1rem;
  background: #f1f1f1;
  border-radius: 12px;
}
@media only screen and (max-width: 767px) {
  .lower-article-heading .shape-wrap {
    width: 141.86666666666667vw;
    height: 141.86666666666667vw;
  }
  .lower-article-heading .shape-square-gray-right-wrap {
    position: absolute;
    top: -103.46666666666667vw;
    right: -89.60000000000001vw;
  }
  .lower-article-heading .shape-square-gray-left-wrap {
    position: absolute;
    top: 48.8vw;
    left: -132.26666666666665vw;
  }
  .lower-article-heading .lower-article-heading-inner {
    padding-top: 35.733333333333334vw;
    padding-bottom: 8vw;
  }
  .lower-article-heading .category {
    font-size: 3.2vw;
    -webkit-font-feature-settings: normal;
            font-feature-settings: normal;
  }
  .lower-article-heading .page-heading {
    margin-top: 10.666666666666668vw;
    font-size: 6.666666666666667vw;
    line-height: 1.4;
  }
  .lower-article-heading .tag {
    margin-top: 14.399999999999999vw;
  }
  .lower-article-heading .tag span {
    height: 6.666666666666667vw;
    margin-right: 1.333333333333333vw;
    margin-bottom: 1.333333333333333vw;
    padding: 0 4vw;
    font-size: 2.666666666666667vw;
    letter-spacing: -0.05em;
    border-radius: 3.333333333333333vw;
  }
}
.section-contact {
  background: #f7f7f7;
  overflow: hidden;
}
.section-contact .shape-square-blue-wrap {
  position: absolute;
  top: -653px;
  right: -210px;
  width: 1064px;
  height: 1064px;
  -webkit-transform: rotate(34.44deg);
          transform: rotate(34.44deg);
}
.section-contact .shape-square-blue-wrap .shape-square-blue {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  fill: #f3c7c8;
}
.section-contact .main-text {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  font-size: 3.4rem;
  line-height: 1.882352941176471;
  letter-spacing: 0.085em;
  font-weight: bold;
  text-align: center;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media only screen and (min-width: 768px) {
  .section-contact .main-text {
    max-width: 1080px;
  }
}
@media only screen and (min-width: 768px) and (max-width:1080px) {
  .section-contact .main-text {
    padding-left: 6.481481481481481%;
    padding-right: 6.481481481481481%;
  }
}
@media only screen and (max-width: 767px) {
  .section-contact .main-text {
    width: 100%;
    padding-left: 6.666666666666667vw;
    padding-right: 6.666666666666667vw;
  }
}
.section-contact .section-inner {
  max-width: none;
  padding-top: 143px;
}
.section-contact .kv-container {
  box-sizing: border-box;
  position: relative;
  margin-right: auto;
  margin-left: auto;
  margin-top: 144px;
  padding-bottom: 92px;
}
@media only screen and (min-width: 768px) {
  .section-contact .kv-container {
    max-width: 1080px;
  }
}
.section-contact .kv-container .kv-contents {
  width: 416px;
  margin-left: 52px;
}
.section-contact .kv-container .section-heading {
  text-align: center;
}
.section-contact .kv-container .section-heading span {
  display: block;
}
.section-contact .kv-container .section-heading .copy {
  margin: 0 -1em;
  color: #606f75;
  font-size: 3.6rem;
  line-height: 1.5;
  letter-spacing: 0.035em;
  font-weight: bold;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.section-contact .kv-container .section-heading .logo-adflow {
  width: 410px;
  margin-top: 25px;
  margin-left: 4px;
}
.section-contact .kv-container .section-heading .text {
  margin-top: 15px;
  color: #929da1;
  font-weight: bold;
}
.section-contact .kv-container .link-block-text {
  margin-top: 62px;
}
.section-contact .kv-container .kv {
  position: absolute;
  top: -148px;
  left: 548px;
}
.section-contact .link-container {
  position: relative;
  padding-top: 62px;
  padding-bottom: 50px;
  background: #f0f0f0;
}
.section-contact .link-container .link-block-text {
  position: relative;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 768px) {
  .section-contact .link-container .link-block-text {
    max-width: 660px;
  }
}
@media only screen and (min-width: 768px) and (max-width:1080px) {
  .section-contact .section-inner {
    padding-left: 0;
    padding-right: 0;
  }
  .section-contact .section-heading {
    padding: 0;
  }
  .section-contact .section-heading br {
    display: none;
  }
  .section-contact .kv-container .kv-contents {
    margin-left: 4.814814814814815%;
  }
  .section-contact .kv-container .kv {
    left: 52.5%;
  }
  .section-contact .kv-container .kv img {
    width: auto;
  }
  .section-contact .link-container ul {
    padding: 0 1.041666666666667%;
  }
  .section-contact .link-container li {
    margin: 0 1.041666666666667%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 866px) {
  .section-contact .main-text br {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .section-contact .shape-square-blue-wrap {
    position: absolute;
    top: -85.33333333333334vw;
    right: -78.13333333333333vw;
    width: 141.86666666666667vw;
    height: 141.86666666666667vw;
  }
  .section-contact .main-text {
    font-size: 5.600000000000001vw;
    line-height: 1.571428571428571;
    padding-left: 0;
    padding-right: 0;
  }
  .section-contact .section-inner {
    padding: 31.466666666666665vw 0 0;
  }
  .section-contact .kv-container {
    margin-top: 12.266666666666666vw;
    padding-bottom: 0;
  }
  .section-contact .kv-container .kv-contents {
    width: 100%;
    margin-left: 0;
  }
  .section-contact .kv-container .section-heading .copy {
    font-size: 6.133333333333333vw;
    line-height: 1.521739130434783;
    letter-spacing: 0.035em;
  }
  .section-contact .kv-container .section-heading .logo-adflow {
    width: 70.39999999999999vw;
    margin: 4.266666666666667vw auto 0;
  }
  .section-contact .kv-container .section-heading .text {
    margin-top: 2.133333333333333vw;
    font-size: 2.666666666666667vw;
  }
  .section-contact .kv-container .kv {
    position: static;
    width: 103.2vw;
    margin-top: 0vw;
    margin-left: -1.6vw;
  }
  .section-contact .link-container {
    padding: 12.8vw 6.666666666666667vw 10.666666666666668vw;
  }
  .section-contact .link-container .link-block-text ul {
    flex-direction: column;
  }
  .section-contact .link-container .link-block-text li {
    position: relative;
    width: 100%;
    text-align: left;
  }
  .section-contact .link-container .link-block-text li:not(:first-child) {
    margin-top: 6.933333333333333vw;
  }
  .section-contact .link-container .link-block-text .text-top {
    font-size: 3.466666666666666vw;
    margin-left: 1.066666666666667vw;
  }
  .section-contact .link-container .link-block-text .btn {
    height: 16vw;
    font-size: 3.733333333333334vw;
    margin-top: 3.733333333333334vw;
    border-radius: 8vw;
  }
  .section-contact .link-container .link-block-text .text-bottom {
    position: absolute;
    top: 0.266666666666667vw;
    right: 1.333333333333333vw;
    margin-top: 0;
    font-size: 2.933333333333333vw;
  }
  .section-contact .link-container .link-block-text .btn-request {
    padding-left: 0.8vw;
  }
  .section-contact .link-container .link-block-text .btn-request .icon-free {
    position: absolute;
    top: 3.066666666666666vw;
    left: 3.466666666666666vw;
  }
}
.page-interview .section-contact .tel-container,
.page-interview-article .section-contact .tel-container,
.page-seminar .section-contact .tel-container,
.page-case .section-contact .tel-container,
.page-article .section-contact .tel-container,
.page-case-article .section-contact .tel-container {
  padding-bottom: 200px;
}
.tel-container {
  background: #f0f0f0;
  margin-top: 1px;
  padding: 51px 0 50px;
}
.tel-container .tel-block {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 180px;
  padding-left: 194px;
  padding-right: 118px;
  background: #fff;
  border-radius: 90px;
  box-sizing: border-box;
}
@media only screen and (min-width: 768px) {
  .tel-container .tel-block {
    max-width: 960px;
  }
}
.tel-container .icon {
  position: absolute;
  top: 50%;
  left: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 110px;
  height: 110px;
  margin-top: -55px;
  padding-top: 2px;
  padding-left: 6px;
  border-radius: 50%;
  background: #f0f0f0;
  box-sizing: border-box;
}
.tel-container .icon span {
  width: 52px;
  height: 52px;
  fill: #919ca1;
}
.tel-container .text {
  font-size: 2rem;
  line-height: 2;
  font-weight: bold;
  color: #606f75;
}
.tel-container .text br {
  display: none;
}
.tel-container .num-container {
  margin-top: 10px;
}
.tel-container .num-container .num {
  display: flex;
  font-size: 6rem;
  line-height: 1;
  letter-spacing: -0.01em;
}
@media only screen and (min-width: 768px) {
  .tel-container .num-container .num {
    pointer-events: none;
  }
}
.tel-container .num-container .num .char-3,
.tel-container .num-container .num .char-8 {
  margin-top: -4px;
}
.tel-container .num-container .num .char-8 {
  margin-left: 2px;
  margin-right: -6px;
}
.windows .tel-container .num-container .num .char-8 {
  margin-right: 6px;
}
.tel-container .num-container .num .char-10 {
  margin-left: -6px;
}
.windows .tel-container .num-container .num .char-10 {
  margin-left: 6px;
}
.tel-container .num-container .num .char-11 {
  margin-left: -3px;
}
.windows .tel-container .num-container .num .char-11 {
  margin-left: 5px;
}
.tel-container .num-container .time {
  display: flex;
  margin-top: 8px;
  font-size: 1.5rem;
}
.tel-container .num-container .time .heading {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 28px;
  margin-left: 2px;
  margin-right: 8px;
  padding: 0 16px;
  color: #fff;
  font-size: 1.2rem;
  letter-spacing: 0.1em;
  background: #929da1;
  border-radius: 14px;
}
@media only screen and (min-width: 768px) and (max-width:1080px) {
  .tel-container {
    padding-left: 1.851851851851852%;
    padding-right: 1.851851851851852%;
  }
  .tel-container .tel-block {
    padding-right: 7.692307692307693%;
  }
  .tel-container .icon img {
    width: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 880px) {
  .tel-container .text br {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .tel-container {
    margin-top: 0.266666666666667vw;
    padding: 10.666666666666668vw 6.666666666666667vw 13.333333333333334vw;
  }
  .tel-container .tel-block {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
    padding: 5.600000000000001vw 0 5.866666666666666vw 28.000000000000004vw;
    border-radius: 8vw;
  }
  .tel-container .icon {
    left: 6.666666666666667vw;
    width: 14.666666666666666vw;
    height: 14.666666666666666vw;
    margin-top: -7.333333333333333vw;
    padding-top: 0.266666666666667vw;
    padding-left: 0.8vw;
  }
  .tel-container .icon span {
    width: 6.666666666666667vw;
    height: 6.666666666666667vw;
  }
  .tel-container .text {
    font-size: 3.466666666666666vw;
    line-height: 1.538461538461539;
  }
  .tel-container .num-container {
    margin-top: 2.133333333333333vw;
  }
  .tel-container .num-container .num {
    font-size: 8.533333333333333vw;
    line-height: 1;
  }
  .tel-container .num-container .num .char-3,
  .tel-container .num-container .num .char-8 {
    margin-top: -0.533333333333333vw;
  }
  .tel-container .num-container .num .char-8 {
    margin-left: 0.266666666666667vw;
    margin-right: -0.8vw;
  }
  .android .tel-container .num-container .num .char-8 {
    margin-right: 0.533333333333333vw;
  }
  .tel-container .num-container .num .char-10 {
    margin-left: -0.8vw;
  }
  .android .tel-container .num-container .num .char-10 {
    margin-left: 0.533333333333333vw;
  }
  .tel-container .num-container .num .char-11 {
    margin-left: -0.4vw;
  }
  .android .tel-container .num-container .num .char-11 {
    margin-left: 0.533333333333333vw;
  }
  .tel-container .num-container .time {
    margin-top: 1.866666666666667vw;
    font-size: 3.2vw;
    line-height: 1.416666666666667;
  }
  .tel-container .num-container .time .heading {
    height: 4.533333333333333vw;
    margin-left: 0;
    margin-right: 2.133333333333333vw;
    padding: 0.533333333333333vw 1.066666666666667vw 0 1.866666666666667vw;
    font-size: 2.666666666666667vw;
    letter-spacing: -0.02em;
    border-radius: 2.266666666666667vw;
    box-sizing: border-box;
  }
  .tel-container .num-container .time .heading span {
    display: inline-block;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
  }
}
.pagination-container {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  border-top: 1px solid #e1e4e6;
}
@media only screen and (min-width: 768px) {
  .pagination-container {
    max-width: 1080px;
  }
}
.pagination-container .pagination {
  position: relative;
  display: flex;
  margin-top: 80px;
  align-items: center;
}
.pagination-container .icon-arrow {
  position: relative;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination-container .icon-arrow .icon-arrow-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #f3f3f3;
}
.pagination-container .icon-arrow .icon-arrow-icon {
  position: relative;
  width: 12px;
  height: 10px;
  fill: #373737;
}
.pagination-container .btn-prev,
.pagination-container .btn-next {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  z-index: 1;
}
.pagination-container .btn-prev .btn-text,
.pagination-container .btn-next .btn-text {
  font-size: 1.5rem;
  margin-top: 3px;
}
.pagination-container .btn-prev .btn-text {
  margin-left: 20px;
}
.pagination-container .btn-prev .icon-arrow {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.pagination-container .btn-next {
  margin-left: auto;
  margin-right: 0;
}
.pagination-container .btn-next .btn-text {
  margin-right: 23px;
}
@media only screen and (min-width: 768px) {
  .pagination-container .btn-prev span,
  .pagination-container .btn-next span {
    transition: -webkit-transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
    transition: transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
    transition: transform 0.6s cubic-bezier(0, 0.55, 0.45, 1), -webkit-transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
  }
  .pagination-container .btn-prev:hover .icon-arrow-bg,
  .pagination-container .btn-next:hover .icon-arrow-bg {
    -webkit-transform: scale(0.85);
            transform: scale(0.85);
  }
  .pagination-container .btn-prev:hover .icon-arrow .icon-arrow-icon {
    -webkit-transform: translateX(3px);
            transform: translateX(3px);
  }
  .pagination-container .btn-next:hover .icon-arrow .icon-arrow-icon {
    -webkit-transform: translateX(3px);
            transform: translateX(3px);
  }
}
.pagination-container .page-num {
  position: absolute;
  top: 3px;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
}
.pagination-container .page-num li {
  width: 44px;
  height: 44px;
  margin: 0 13px;
  padding-top: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-sizing: border-box;
}
.pagination-container .page-num li.is-selected {
  color: #fff;
  border-radius: 50%;
  background: #0db9d7;
  pointer-events: none;
}
.pagination-container .btn-prev-article a,
.pagination-container .btn-next-article a {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.pagination-container .btn-prev-article .icon-arrow,
.pagination-container .btn-next-article .icon-arrow {
  width: 60px;
  height: 60px;
}
.pagination-container .btn-prev-article .btn-text,
.pagination-container .btn-next-article .btn-text {
  width: 280px;
  font-size: 1.3rem;
  line-height: 1.538461538461539;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.pagination-container .btn-prev-article .btn-text {
  margin-left: 30px;
}
.pagination-container .btn-prev-article .icon-arrow {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.pagination-container .btn-next-article {
  margin-left: auto;
  margin-right: 0;
}
.pagination-container .btn-next-article .btn-text {
  margin-right: 30px;
}
@media only screen and (min-width: 768px) {
  .pagination-container .btn-prev-article span,
  .pagination-container .btn-next-article span {
    transition: -webkit-transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
    transition: transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
    transition: transform 0.6s cubic-bezier(0, 0.55, 0.45, 1), -webkit-transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
  }
  .pagination-container .btn-prev-article:hover .icon-arrow-bg,
  .pagination-container .btn-next-article:hover .icon-arrow-bg {
    -webkit-transform: scale(0.85);
            transform: scale(0.85);
  }
  .pagination-container .btn-prev-article:hover .icon-arrow .icon-arrow-icon {
    -webkit-transform: translateX(3px);
            transform: translateX(3px);
  }
  .pagination-container .btn-next-article:hover .icon-arrow .icon-arrow-icon {
    -webkit-transform: translateX(3px);
            transform: translateX(3px);
  }
}
.pagination-container .btn-seminartop {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 32px;
  height: 32px;
  margin-top: -16px;
  margin-left: -16px;
}
@media only screen and (min-width: 768px) and (max-width:1080px) {
  .pagination-container .pagination .btn-prev-article,
  .pagination-container .pagination .btn-next-article {
    width: 39.361702127659576%;
  }
  .pagination-container .pagination .btn-prev-article .btn-text,
  .pagination-container .pagination .btn-next-article .btn-text {
    flex: 1;
  }
}
@media only screen and (max-width: 767px) {
  .pagination-container {
    width: 100%;
    padding-left: 6.666666666666667vw;
    padding-right: 6.666666666666667vw;
    border-width: 0.266666666666667vw;
    box-sizing: border-box;
  }
  .pagination-container .pagination {
    margin-top: 8vw;
  }
  .pagination-container .icon-arrow {
    width: 12vw;
    height: 12vw;
  }
  .pagination-container .icon-arrow .icon-arrow-icon {
    width: 2.933333333333333vw;
    height: 2.4vw;
  }
  .pagination-container .btn-prev .btn-text,
  .pagination-container .btn-next .btn-text {
    display: none;
  }
  .pagination-container .btn-prev .icon-arrow,
  .pagination-container .btn-next .icon-arrow {
    width: 12vw;
    height: 12vw;
  }
  .pagination-container .btn-prev .icon-arrow .icon,
  .pagination-container .btn-next .icon-arrow .icon {
    width: 3.2vw;
    height: 2.666666666666667vw;
  }
  .pagination-container .btn-prev .btn-text {
    margin-left: 2.666666666666667vw;
  }
  .pagination-container .btn-next .btn-text {
    margin-right: 3.066666666666666vw;
  }
  .pagination-container .page-num {
    top: 1.333333333333333vw;
  }
  .pagination-container .page-num li {
    width: 9.333333333333334vw;
    height: 9.333333333333334vw;
    margin: 0 0.666666666666667vw;
    padding-top: 0.533333333333333vw;
  }
  .pagination-container .btn-prev-article .btn-text,
  .pagination-container .btn-next-article .btn-text {
    display: none;
  }
  .pagination-container .btn-prev-article .icon-arrow,
  .pagination-container .btn-next-article .icon-arrow {
    width: 12vw;
    height: 12vw;
  }
  .pagination-container .btn-prev-article .icon-arrow .icon,
  .pagination-container .btn-next-article .icon-arrow .icon {
    width: 2.933333333333333vw;
    height: 2.4vw;
  }
  .pagination-container .btn-prev-article .btn-text {
    margin-left: 4vw;
  }
  .pagination-container .btn-next-article .btn-text {
    margin-right: 4vw;
  }
  .pagination-container .btn-seminartop {
    width: 5.333333333333334vw;
    height: 5.333333333333334vw;
    margin-top: -2.666666666666667vw;
    margin-left: -2.666666666666667vw;
  }
}
.interview-list >ul {
  display: flex;
  flex-wrap: wrap;
  margin-right: -60px;
}
.interview-list >ul >li {
  width: 320px;
  margin-right: 60px;
}
.interview-list >ul >li a {
  display: block;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.interview-list >ul >li .img-container {
  position: relative;
  border-radius: 15px;
  overflow: hidden;
  z-index: 1;
}
.interview-list >ul >li .text-container {
  margin-top: 23px;
  margin-bottom: 20px;
}
.interview-list >ul >li .text-container .title {
  font-size: 1.8rem;
  line-height: 1.444444444444444;
  font-weight: bold;
  text-align: justify;
}
.interview-list >ul >li .text-container .company-info {
  margin-top: 10px;
  color: #a0a0a0;
  font-size: 1.2rem;
  line-height: 1.833333333333333;
}
.interview-list >ul >li .tag {
  display: flex;
  flex-wrap: wrap;
  margin-top: auto;
  margin-bottom: 0;
}
.interview-list >ul >li .tag span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  margin-right: 6px;
  margin-bottom: 6px;
  padding: 0 10px;
  font-size: 1rem;
  background: #f1f1f1;
  border-radius: 12px;
}
@media only screen and (min-width: 768px) {
  .interview-list >ul >li a .img-container .img {
    transition: -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .interview-list >ul >li a .text-container .title span {
    border-bottom: 1px solid transparent;
    transition: border-color 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .interview-list >ul >li a:hover .img-container .img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  .interview-list >ul >li a:hover .text-container .title span {
    border-color: #373737;
  }
}
@media only screen and (min-width: 768px) and (max-width:1080px) {
  .interview-list >ul {
    margin-right: -4.081632653061225%;
  }
  .interview-list >ul >li {
    width: 29.183673469387756%;
    margin-right: 4.081632653061225%;
  }
}
@media only screen and (max-width: 767px) {
  .interview-list {
    padding-left: 6.666666666666667vw;
    padding-right: 6.666666666666667vw;
  }
  .interview-list >ul {
    flex-direction: column;
    margin-right: 0;
  }
  .interview-list >ul >li {
    width: 100%;
    margin-right: 0;
  }
  .interview-list >ul >li .img-container {
    border-radius: 1.866666666666667vw;
  }
  .interview-list >ul >li .text-container {
    margin-top: 8.799999999999999vw;
    margin-bottom: 5.600000000000001vw;
  }
  .interview-list >ul >li .text-container .title {
    font-size: 4vw;
    line-height: 1.666666666666667;
  }
  .interview-list >ul >li .text-container .company-info {
    margin-top: 2.4vw;
    font-size: 3.466666666666666vw;
    line-height: 1.5;
  }
  .interview-list >ul >li .tag span {
    height: 6.666666666666667vw;
    margin-right: 1.333333333333333vw;
    margin-bottom: 1.333333333333333vw;
    padding: 0 4vw;
    font-size: 2.666666666666667vw;
    letter-spacing: -0.05em;
    border-radius: 3.333333333333333vw;
  }
}
.form-container .form iframe {
  width: 100%;
  height: 100%;
}
.form-container .form.form-case,
.form-container .form.form-demo {
  height: 900px;
}
@media only screen and (max-width: 881px) {
  .form-container .form.form-case,
  .form-container .form.form-demo {
    height: 1220px;
  }
}
.form-container .form.form-sales {
  height: 760px;
}
@media only screen and (max-width: 881px) {
  .form-container .form.form-sales {
    height: 910px;
  }
}
.form-container .form.form-request {
  height: 1040px;
}
@media only screen and (max-width: 881px) {
  .form-container .form.form-request {
    height: 1390px;
  }
}
.form-container .privacy {
  margin-top: 70px;
  font-size: 1.2rem;
  line-height: 1.666666666666667;
}
.form-container .privacy .heading {
  margin-bottom: 11px;
}
@media only screen and (max-width: 767px) {
  .form-container .privacy {
    margin-top: 9.333333333333334vw;
    font-size: 2.933333333333333vw;
    line-height: 2;
  }
  .form-container .privacy .heading {
    margin-bottom: 0;
  }
}
[data-accordion-content] {
  height: 0;
  transition: height 0.5s;
}
.footer {
  position: relative;
  padding: 80px 6.481481481481481%;
  background: #d95d5f;
  color: #fff;
  overflow: hidden;
}
.footer a {
  color: #fff;
  display: block;
}
.footer .shape-circle-top-left {
  top: -247px;
  left: -59px;
  width: 470px;
  height: 470px;
  fill: #e7a1a3;
}
.footer .shape-triangle-bottom-center {
  bottom: -560px;
  left: 50%;
  margin-left: -142px;
  width: 696px;
  height: 770px;
  fill: #e7a1a3;
}
.footer .shape-square-left-bottom {
  bottom: -182px;
  left: -54px;
  width: 352px;
  height: 352px;
  fill: #b7484b;
}
.footer .shape-square-top-right {
  top: -102px;
  right: -64px;
  width: 352px;
  height: 352px;
  fill: #e7a1a3;
}
.footer .shape-group-top-right {
  top: -612px;
  right: -127px;
  width: 820px;
  height: 820px;
  border-radius: 50%;
}
.footer .shape-group-top-right .shape-circle-ring {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  fill: #f3c7c8;
}
.footer .shape-group-top-right .shape-square {
  bottom: -42px;
  left: auto;
  right: 65px;
  width: 352px;
  height: 352px;
  fill: #8f2f32;
}
.footer .footer-inner {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding-top: 22px;
  padding-bottom: 76px;
}
@media only screen and (min-width: 768px) {
  .footer .footer-inner {
    max-width: 1080px;
  }
}
.footer .logo {
  position: absolute;
  top: 0;
  left: -2px;
  width: 200px;
}
.footer .link-block-nav {
  display: flex;
}
.footer .link-block-nav .heading {
  margin-bottom: 16px;
  font-size: 1.5rem;
  line-height: 1.6;
  font-weight: bold;
}
.footer .link-block-nav li {
  font-size: 1.3rem;
  line-height: 1.538461538461539;
}
.footer .link-block-nav li a {
  display: block;
}
@media only screen and (min-width: 768px) {
  .footer .link-block-nav li a {
    transition: opacity 0.6s cubic-bezier(0, 0.55, 0.45, 1);
  }
  .footer .link-block-nav li a:hover {
    opacity: 0.7;
  }
}
.footer .link-block-nav .link-block-about li:not(:first-child) {
  margin-top: 14px;
}
.footer .link-block-nav .link-block-contact {
  margin-left: 80px;
}
.footer .link-block-nav .link-block-contact li:not(:first-child) {
  margin-top: 18px;
}
.footer .link-block-sns {
  position: absolute;
  bottom: 0;
  left: 0;
}
.footer .link-block-sns ul {
  display: flex;
}
.footer .link-block-sns li {
  width: 44px;
  height: 44px;
}
.footer .link-block-sns a,
.footer .link-block-sns span {
  display: block;
}
.footer .link-block-sns a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #fff;
  border-radius: 50%;
  box-sizing: border-box;
}
@media only screen and (min-width: 768px) {
  .footer .link-block-sns a {
    transition: opacity 0.6s cubic-bezier(0, 0.55, 0.45, 1);
  }
  .footer .link-block-sns a:hover {
    opacity: 0.7;
  }
}
.footer .link-block-sns .icon {
  fill: #fff;
}
.footer .link-block-sns .btn-twitter {
  margin-right: 18px;
}
.footer .link-block-sns .btn-twitter .icon {
  width: 20px;
  height: 16px;
}
.footer .link-block-sns .btn-facebook .icon {
  width: 10px;
  height: 19px;
}
.footer .copyright {
  position: absolute;
  bottom: -2px;
  right: 0;
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: 0.025em;
}
@media only screen and (max-width: 767px) {
  .footer {
    padding: 17.733333333333334vw 6.666666666666667vw 13.333333333333334vw;
  }
  .footer .shape-circle-top-left {
    top: -25.333333333333336vw;
    left: -26.13333333333333vw;
    width: 94.13333333333334vw;
    height: 94.13333333333334vw;
  }
  .footer .shape-triangle-bottom-center {
    bottom: -69.06666666666666vw;
    margin-left: -6.133333333333333vw;
    width: 139.2vw;
    height: 154vw;
  }
  .footer .shape-square-left-bottom {
    bottom: -20.533333333333335vw;
    left: -36.8vw;
    width: 70.66666666666667vw;
    height: 70.66666666666667vw;
  }
  .footer .shape-square-top-right {
    top: -13.600000000000001vw;
    right: -8.533333333333333vw;
    width: 46.93333333333333vw;
    height: 46.93333333333333vw;
  }
  .footer .shape-group-top-right {
    top: -98.66666666666667vw;
    right: -105.60000000000001vw;
    width: 164vw;
    height: 164vw;
  }
  .footer .shape-group-top-right .shape-circle {
    top: 73.33333333333333vw;
    left: -67.73333333333333vw;
    width: 94.13333333333334vw;
    height: 94.13333333333334vw;
    fill: #d95d5f;
  }
  .footer .shape-group-top-right .shape-square {
    display: none;
  }
  .footer .footer-inner {
    align-items: flex-start;
    padding-top: 0;
    padding-bottom: 17.866666666666667vw;
  }
  .footer .logo {
    position: static;
    width: 37.333333333333336vw;
  }
  .footer .link-block-nav {
    align-self: flex-end;
    flex-direction: column;
    text-align: right;
    margin-top: 20.8vw;
  }
  .footer .link-block-nav .heading {
    margin-bottom: 2.666666666666667vw;
    font-size: 4vw;
    line-height: 1.333333333333333;
  }
  .footer .link-block-nav li {
    font-size: 3.466666666666666vw;
    line-height: 1.307692307692308;
  }
  .footer .link-block-nav li a {
    padding: 2.933333333333333vw 0 3.2vw;
  }
  .footer .link-block-nav .link-block-about li:not(:first-child) {
    margin-top: 0;
  }
  .footer .link-block-nav .link-block-contact {
    margin-left: 0;
    margin-top: 11.466666666666667vw;
  }
  .footer .link-block-nav .link-block-contact li:not(:first-child) {
    margin-top: 0;
  }
  .footer .link-block-sns li {
    width: 12vw;
    height: 12vw;
  }
  .footer .link-block-sns a {
    border-width: 0.266666666666667vw;
  }
  .footer .link-block-sns .btn-twitter {
    margin-right: 4vw;
  }
  .footer .link-block-sns .btn-twitter .icon {
    width: 4.8vw;
    height: 3.866666666666667vw;
  }
  .footer .link-block-sns .btn-facebook .icon {
    width: 2.4vw;
    height: 4.666666666666667vw;
  }
  .footer .copyright {
    bottom: 2.933333333333333vw;
    margin-top: 2.933333333333333vw;
    font-size: 2.666666666666667vw;
  }
}
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}
.header .logo {
  position: absolute;
  top: 40px;
  left: 40px;
  width: 160px;
}
.header .logo a {
  display: block;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .header .logo {
    position: absolute;
    top: 9.733333333333333vw;
    left: 6.666666666666667vw;
    width: 32vw;
  }
}
.header .nav {
  position: absolute;
  top: 42px;
  right: 386px;
}
.header .nav ul {
  display: flex;
  justify-content: flex-end;
}
.header .nav li {
  margin: 0 25px;
  flex-shrink: 0;
  font-size: 1.5rem;
  line-height: 1;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.header .nav li a {
  position: relative;
  display: block;
  padding: 11px 1px;
  color: #373737;
}
.header .nav li a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  content: "";
  width: 100%;
  height: 3px;
  background: #606f75;
}
.header .nav li a:hover::after {
  opacity: 1;
}
@media only screen and (max-width: 1160px) {
  .header .nav li {
    margin: 0 12px;
  }
}
@media only screen and (max-width: 1024px) {
  .header .nav {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .header .nav li a::after {
    transition: opacity 0.6s cubic-bezier(0, 0.55, 0.45, 1);
  }
  .header .nav li a:hover::after {
    opacity: 1;
  }
}
.header .link-block-contact {
  position: absolute;
  top: 32px;
  right: 32px;
}
.header .link-block-contact ul {
  display: flex;
}
.header .link-block-contact ul li {
  margin-left: 10px;
}
@media only screen and (max-width: 1024px) {
  .header .link-block-contact {
    display: none;
  }
}
.header .btn-menu {
  display: none;
  position: absolute;
  top: 28px;
  right: 32px;
  width: 44px;
  height: 44px;
  z-index: 11;
}
.header .btn-menu .btn-bg {
  position: absolute;
  top: 0;
  left: 0;
  background: #373737;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}
.header .btn-menu .line-1,
.header .btn-menu .line-2 {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  content: "";
  width: 14px;
  height: 1px;
  margin-left: -7px;
  background: #fff;
}
.header .btn-menu .line-1 {
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
}
.header .btn-menu .line-2 {
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}
@media only screen and (max-width: 1024px) {
  .header .btn-menu {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .header .btn-menu {
    position: absolute;
    top: 5.333333333333334vw;
    right: 5.333333333333334vw;
    width: 16vw;
    height: 16vw;
  }
  .header .btn-menu .line-1,
  .header .btn-menu .line-2 {
    width: 5.066666666666666vw;
    height: 0.266666666666667vw;
    margin-left: -2.533333333333333vw;
  }
  .header .btn-menu .line-1 {
    -webkit-transform: translateY(-0.8vw);
            transform: translateY(-0.8vw);
  }
  .header .btn-menu .line-2 {
    -webkit-transform: translateY(0.8vw);
            transform: translateY(0.8vw);
  }
}
.page-function .header .nav li.nav-function a::after,
.page-function-article .header .nav li.nav-function a::after,
.page-function-contact .header .nav li.nav-function a::after,
.page-function-contact-complete .header .nav li.nav-function a::after {
  opacity: 1;
}
.page-interview .header .nav li.nav-interview a::after,
.page-interview-article .header .nav li.nav-interview a::after,
.page-interview-contact .header .nav li.nav-interview a::after,
.page-interview-contact-complete .header .nav li.nav-interview a::after {
  opacity: 1;
}
.page-seminar .header .nav li.nav-seminar a::after,
.page-seminar-article .header .nav li.nav-seminar a::after,
.page-seminar-contact .header .nav li.nav-seminar a::after,
.page-seminar-contact-complete .header .nav li.nav-seminar a::after {
  opacity: 1;
}
.page-case .header .nav li.nav-case a::after,
.page-case-article .header .nav li.nav-case a::after,
.page-case-contact .header .nav li.nav-case a::after,
.page-case-contact-complete .header .nav li.nav-case a::after {
  opacity: 1;
}
.page-release .header .nav li.nav-release a::after,
.page-release-article .header .nav li.nav-release a::after,
.page-release-contact .header .nav li.nav-release a::after,
.page-release-contact-complete .header .nav li.nav-release a::after {
  opacity: 1;
}
.menu {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: opacity cubic-bezier(0.18, 0.06, 0.23, 1) 0.65s, visibility cubic-bezier(0.18, 0.06, 0.23, 1) 0.65s;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.menu .menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #d95d5f;
}
.menu .menu-wrapper {
  display: table;
  width: 100%;
  height: 100%;
}
.menu .menu-container {
  display: table-cell;
  vertical-align: middle;
}
.menu .menu-contents {
  position: relative;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.menu-contents {
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 75px;
  padding-bottom: 40px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .menu-contents {
    padding-top: 30.666666666666664vw;
    padding-bottom: 10.666666666666668vw;
  }
}
.menu-contents .shape-wrap {
  width: 533px;
  height: 533px;
  -webkit-transform: rotate(34.61deg);
          transform: rotate(34.61deg);
}
.menu-contents .shape-wrap .shape {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  fill: #fff;
  opacity: 0.1;
}
.menu-contents .shape-square-top-wrap {
  position: absolute;
  top: -325px;
  right: -398px;
}
.menu-contents .shape-square-bottom-wrap {
  position: absolute;
  bottom: -295px;
  left: -378px;
}
@media only screen and (max-width: 767px) {
  .menu-contents .shape-wrap {
    width: 142.13333333333333vw;
    height: 142.13333333333333vw;
  }
  .menu-contents .shape-square-top-wrap {
    position: absolute;
    top: -86.66666666666667vw;
    right: -106.13333333333333vw;
  }
  .menu-contents .shape-square-bottom-wrap {
    position: absolute;
    bottom: -78.66666666666666vw;
    left: -100.8vw;
  }
}
.menu-contents .link-block-nav {
  text-align: center;
}
.menu-contents .link-block-nav li a {
  display: block;
  color: #fff;
  padding: 10px 0;
  font-size: 1.8rem;
}
@media only screen and (min-width: 768px) {
  .menu-contents .link-block-nav li a {
    transition: opacity 0.6s cubic-bezier(0, 0.55, 0.45, 1);
  }
  .menu-contents .link-block-nav li a:hover {
    opacity: 0.7;
  }
}
@media only screen and (max-width: 767px) {
  .menu-contents .link-block-nav li a {
    padding: 2.666666666666667vw 0;
    font-size: 4.8vw;
  }
}
.menu-contents .link-block-contact {
  display: block;
  position: static;
  margin-top: 52px;
  padding: 0 25px;
}
.menu-contents .link-block-contact ul {
  flex-direction: column;
}
.menu-contents .link-block-contact ul li {
  width: 100%;
  max-width: 325px;
  margin: 0 auto 15px;
}
.menu-contents .link-block-contact ul li .btn {
  width: 100%;
  height: 60px;
  font-size: 1.4rem;
  border-radius: 30px;
}
.menu-contents .link-block-contact ul li .btn.btn-request {
  padding-left: 0;
}
.menu-contents .link-block-contact ul li .btn.btn-request .icon-free {
  top: 11.5px;
  left: 11.5px;
  width: 37px;
  height: 37px;
  font-size: 1rem;
  padding-left: 3px;
  box-sizing: border-box;
}
.menu-contents .link-block-contact ul li .btn.btn-request .icon-free span {
  display: inline-block;
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
}
@media only screen and (min-width: 768px) {
  .menu-contents .link-block-contact ul li .btn .btn-bg-mask {
    width: 325px;
    height: 325px;
    margin-top: -162px;
  }
}
@media only screen and (max-width: 767px) {
  .menu-contents .link-block-contact {
    margin-top: 13.866666666666665vw;
    padding: 0 6.666666666666667vw;
  }
  .menu-contents .link-block-contact ul li {
    max-width: none;
    margin-bottom: 4vw;
  }
  .menu-contents .link-block-contact ul li .btn {
    height: 16vw;
    font-size: 3.733333333333334vw;
    border-radius: 8vw;
  }
  .menu-contents .link-block-contact ul li .btn.btn-request .icon-free {
    top: 3.066666666666666vw;
    left: 3.066666666666666vw;
    width: 9.866666666666667vw;
    height: 9.866666666666667vw;
    font-size: 2.666666666666667vw;
    padding-left: 0.8vw;
  }
}
.menu-contents .copyright {
  margin-top: 29px;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 0.075em;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .menu-contents .copyright {
    margin-top: 7.733333333333333vw;
    font-size: 2.666666666666667vw;
    line-height: 1;
    letter-spacing: 0.075em;
  }
}
.is-menu-opened .menu {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.is-menu-opened .header .btn-menu .btn-bg {
  background: #fff;
}
.is-menu-opened .header .btn-menu .line-1,
.is-menu-opened .header .btn-menu .line-2 {
  background: #373737;
}
.is-menu-opened .header .btn-menu .line-1 {
  margin-top: 0;
  -webkit-transform: rotate(-20deg);
          transform: rotate(-20deg);
}
.is-menu-opened .header .btn-menu .line-2 {
  margin-top: 0;
  -webkit-transform: rotate(20deg);
          transform: rotate(20deg);
}
.page-article .lower-article-heading .lower-article-heading-inner {
  padding-bottom: 40px;
  border-bottom: 1px solid #e1e4e6;
}
.page-article .lower-article-heading .page-heading {
  padding-bottom: 30px;
}
.page-article .lower-article-heading .date {
  margin-top: 12px;
}
.page-article .article-container {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  padding-bottom: 250px;
}
@media only screen and (min-width: 768px) {
  .page-article .article-container {
    max-width: 1080px;
  }
}
@media only screen and (min-width: 768px) and (max-width:1080px) {
  .page-article .article-container {
    padding-left: 6.481481481481481%;
    padding-right: 6.481481481481481%;
  }
}
@media only screen and (max-width: 767px) {
  .page-article .article-container {
    width: 100%;
    padding-left: 6.666666666666667vw;
    padding-right: 6.666666666666667vw;
  }
}
.page-article .article-contents {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  padding-top: 80px;
  padding-bottom: 113px;
  font-size: 1.6rem;
  line-height: 1.875;
  text-align: justify;
}
@media only screen and (min-width: 768px) {
  .page-article .article-contents {
    max-width: 920px;
  }
}
.page-article .article-contents .img {
  margin-bottom: 73px;
  text-align: center;
}
.page-article .article-contents .img img {
  width: 100%;
}
.page-article .article-contents .img + p {
  margin-top: 0;
}
.page-article .article-contents p:not(:nth-of-type(1)) {
  margin-top: 30px;
}
.page-article .article-contents p.mt-55 {
  margin-top: 55px;
}
.page-article .article-contents p.mt-30 {
  margin-top: 30px;
}
.page-article .article-contents p.mt-20 {
  margin-top: 20px;
}
.page-article .article-contents p.mt-10 {
  margin-top: 10px;
}
.page-article .article-contents .mt-55 {
  margin-top: 55px;
}
.page-article .article-contents .mt-30 {
  margin-top: 30px;
}
.page-article .article-contents .mt-20 {
  margin-top: 20px;
}
.page-article .article-contents .mt-10 {
  margin-top: 10px;
}
.page-article .article-contents h3 {
  font-size: 2.6rem;
  line-height: 1.538461538461539;
  font-weight: bold;
}
.page-article .article-contents h4 {
  font-size: 1.8rem;
  line-height: 1.555555555555556;
  font-weight: bold;
}
.page-article .article-contents .bold {
  font-size: 1.8rem;
  line-height: 1.888888888888889;
  font-weight: bold;
}
.page-article .article-contents .separator {
  display: block;
  width: 100%;
  height: 1px;
  margin: 52px 0;
  background: #e1e4e6;
}
.page-article .article-contents .text-bold {
  font-weight: bold;
}
.page-article .article-contents a {
  color: #0db9d7;
  text-decoration: underline;
}
@media only screen and (min-width: 768px) {
  .page-article .article-contents a {
    transition: opacity 0.6s cubic-bezier(0, 0.55, 0.45, 1);
  }
  .page-article .article-contents a:hover {
    opacity: 0.7;
  }
}
.page-article .article-contents dl dt {
  margin-bottom: 14px;
  font-size: 1.8rem;
  line-height: 1.888888888888889;
  font-weight: bold;
}
.page-article .article-contents dl dt:not(:first-child) {
  margin-top: 26px;
}
.page-article .article-contents dl dd p:not(:nth-of-type(1)) {
  margin-top: 14px;
}
.page-article .article-contents ul {
  margin-left: 2px;
}
.page-article .article-contents ul li {
  position: relative;
  padding-left: 19px;
}
.page-article .article-contents ul li::before {
  position: absolute;
  top: 12px;
  left: 0;
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  background: #373737;
  border-radius: 50%;
}
@media only screen and (max-width: 767px) {
  .page-article .lower-article-heading .lower-article-heading-inner {
    padding-top: 36.266666666666666vw;
    padding-bottom: 9.866666666666667vw;
    border-width: 0.266666666666667vw;
  }
  .page-article .lower-article-heading .page-heading {
    margin-top: 10.133333333333333vw;
    padding-bottom: 4vw;
  }
  .page-article .lower-article-heading .date {
    font-size: 3.466666666666666vw;
    line-height: 1;
    margin-top: 9.333333333333334vw;
  }
  .page-article .article-container {
    padding: 0 0 38.666666666666664vw;
  }
  .page-article .article-contents {
    padding: 16vw 6.666666666666667vw 14.399999999999999vw;
    font-size: 3.466666666666666vw;
    line-height: 1.923076923076923;
  }
  .page-article .article-contents .img {
    margin-bottom: 14.399999999999999vw;
  }
  .page-article .article-contents .img + p {
    margin-top: 0;
  }
  .page-article .article-contents p:not(:nth-of-type(1)) {
    margin-top: 6.666666666666667vw;
  }
  .page-article .article-contents p.mt-55 {
    margin-top: 13.333333333333334vw;
  }
  .page-article .article-contents p.mt-30 {
    margin-top: 8vw;
  }
  .page-article .article-contents p.mt-20 {
    margin-top: 5.333333333333334vw;
  }
  .page-article .article-contents p.mt-10 {
    margin-top: 2.666666666666667vw;
  }
  .page-article .article-contents .mt-55 {
    margin-top: 13.333333333333334vw;
  }
  .page-article .article-contents .mt-30 {
    margin-top: 8vw;
  }
  .page-article .article-contents .mt-20 {
    margin-top: 5.333333333333334vw;
  }
  .page-article .article-contents .mt-10 {
    margin-top: 2.666666666666667vw;
  }
  .page-article .article-contents h3 {
    font-size: 6.133333333333333vw;
    line-height: 1.652173913043478;
  }
  .page-article .article-contents h4 {
    font-size: 4vw;
    line-height: 1.866666666666667;
  }
  .page-article .article-contents .bold {
    font-size: 4vw;
    line-height: 1.8;
  }
  .page-article .article-contents .separator {
    height: 0.266666666666667vw;
    margin: 8.799999999999999vw 0;
  }
  .page-article .article-contents dl dt {
    margin-bottom: 0;
    font-size: 4vw;
    line-height: 1.8;
  }
  .page-article .article-contents dl dt:not(:first-child) {
    margin-top: 6.133333333333333vw;
  }
  .page-article .article-contents dl dd p:not(:nth-of-type(1)) {
    margin-top: 0vw;
  }
  .page-article .article-contents ul {
    margin-left: 0.266666666666667vw;
  }
  .page-article .article-contents ul li {
    padding-left: 3.466666666666666vw;
  }
  .page-article .article-contents ul li::before {
    top: 2.666666666666667vw;
    width: 1.066666666666667vw;
    height: 1.066666666666667vw;
  }
}
.page-article .article-contents .btn-arrow-container {
  text-align: center;
}
.page-article .article-contents .btn-arrow {
  display: block;
  width: 294px;
  height: 80px;
  margin: 0 auto;
}
.page-article .article-contents .btn-arrow a {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 64px;
  border-radius: 40px;
  background: #0db9d7;
  box-sizing: border-box;
  overflow: hidden;
}
.page-article .article-contents .btn-arrow span {
  display: block;
}
.page-article .article-contents .btn-arrow .btn-bg-mask {
  position: absolute;
  top: 50%;
  left: 0;
  width: 294px;
  height: 294px;
  margin-top: -147px;
  border-radius: 50%;
  opacity: 0;
  background: #00a0c1;
}
.page-article .article-contents .btn-arrow .btn-text {
  position: relative;
  color: #fff;
  font-size: 1.5rem;
  letter-spacing: 0.1em;
  font-weight: bold;
}
.page-article .article-contents .btn-arrow .icon-arrow {
  position: absolute;
  top: 50%;
  right: 26px;
  width: 24px;
  height: 24px;
  margin-top: -12px;
}
.page-article .article-contents .btn-arrow .icon-arrow .icon-arrow-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background: #fff;
  border-radius: 50%;
}
.page-article .article-contents .btn-arrow .icon-arrow .icon-arrow-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 10px;
  margin-top: -5px;
  margin-left: -6px;
}
@media only screen and (min-width: 768px) {
  .page-article .article-contents .btn-arrow .btn-bg-mask {
    -webkit-animation: btnBgMaskOff 0.6s cubic-bezier(0, 0.55, 0.45, 1);
            animation: btnBgMaskOff 0.6s cubic-bezier(0, 0.55, 0.45, 1);
  }
  .page-article .article-contents .btn-arrow .btn-text {
    transition: opacity cubic-bezier(0, 0.55, 0.45, 1);
  }
  .page-article .article-contents .btn-arrow:hover .btn-bg-mask {
    -webkit-animation: btnBgMask 0.6s cubic-bezier(0, 0.55, 0.45, 1) forwards;
            animation: btnBgMask 0.6s cubic-bezier(0, 0.55, 0.45, 1) forwards;
  }
  .page-article .article-contents .btn-arrow:hover .btn-text {
    opacity: 0;
    -webkit-animation: btnText 0.6s cubic-bezier(0, 0.55, 0.45, 1) forwards;
            animation: btnText 0.6s cubic-bezier(0, 0.55, 0.45, 1) forwards;
  }
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .btn-arrow {
    width: 62.93333333333333vw;
    height: 16vw;
  }
  .page-article .article-contents .btn-arrow a {
    padding-left: 13.066666666666665vw;
    border-radius: 8vw;
  }
  .page-article .article-contents .btn-arrow .btn-bg-mask {
    display: none;
  }
  .page-article .article-contents .btn-arrow .btn-text {
    font-size: 3.466666666666666vw;
    letter-spacing: 0.04em;
  }
  .page-article .article-contents .btn-arrow .icon-arrow {
    right: 5.333333333333334vw;
    width: 5.333333333333334vw;
    height: 5.333333333333334vw;
    margin-top: -2.666666666666667vw;
  }
  .page-article .article-contents .btn-arrow .icon-arrow .icon-arrow-bg {
    width: 5.333333333333334vw;
    height: 5.333333333333334vw;
  }
  .page-article .article-contents .btn-arrow .icon-arrow .icon-arrow-icon {
    width: 2.266666666666667vw;
    height: 1.733333333333333vw;
    margin-top: -0.933333333333333vw;
    margin-left: -0.8vw;
  }
}
.page-case-article .lower-article-heading .lower-article-heading-inner {
  padding-bottom: 116px;
  border-bottom: 1px solid #e1e4e6;
}
@media only screen and (max-width: 767px) {
  .page-case-article .lower-article-heading .lower-article-heading-inner {
    padding-bottom: 14.399999999999999vw;
    border-width: 0.266666666666667vw;
  }
}
.page-case-article .section-feature .decoration-text {
  position: absolute;
  top: 112px;
  right: -34px;
  width: 678px;
  height: 166px;
  fill: #f7f7f7;
}
.page-case-article .section-feature .section-inner {
  padding-top: 174px;
  padding-bottom: 112px;
}
.page-case-article .section-feature .feature-list {
  margin-top: 76px;
}
.page-case-article .section-feature .feature-list ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.page-case-article .section-feature .feature-list li {
  display: flex;
  align-items: center;
  width: 48.148148148148145%;
  margin-bottom: 30px;
  padding: 20px 30px;
  background: #eaeaea;
  border-radius: 15px;
  box-sizing: border-box;
}
.page-case-article .section-feature .feature-list li .icon-check {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  margin-right: 28px;
  background: #fff;
  border-radius: 50%;
}
.page-case-article .section-feature .feature-list li .icon-check .icon-check-icon {
  display: block;
  width: 22px;
  height: 18px;
  fill: #0db9d7;
}
.page-case-article .section-feature .feature-list li .text {
  flex: 1;
  font-size: 1.6rem;
  line-height: 2;
}
.page-case-article .section-feature .text-container {
  margin-top: 49px;
  padding: 72px 79px 73px;
  border: 1px solid #e8e8e8;
  border-radius: 15px;
  text-align: justify;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .page-case-article .section-feature .decoration-text {
    position: absolute;
    top: 29.86666666666667vw;
    right: -40.53333333333333vw;
    width: 90.4vw;
    height: 22.133333333333333vw;
  }
  .page-case-article .section-feature .section-inner {
    padding-top: 31.733333333333334vw;
  }
  .page-case-article .section-feature .feature-list {
    margin-top: 14.666666666666666vw;
  }
  .page-case-article .section-feature .feature-list ul {
    flex-direction: column;
  }
  .page-case-article .section-feature .feature-list li {
    width: 100%;
    margin-bottom: 6.666666666666667vw;
    padding: 6.666666666666667vw;
    border-radius: 2.133333333333333vw;
  }
  .page-case-article .section-feature .feature-list li .icon-check {
    width: 13.333333333333334vw;
    height: 13.333333333333334vw;
    margin-right: 5.333333333333334vw;
  }
  .page-case-article .section-feature .feature-list li .icon-check .icon-check-icon {
    width: 5.866666666666666vw;
    height: 4.533333333333333vw;
  }
  .page-case-article .section-feature .feature-list li .text {
    font-size: 3.733333333333334vw;
    line-height: 1.428571428571429;
  }
  .page-case-article .section-feature .text-container {
    margin-top: 9.333333333333334vw;
    padding: 8.799999999999999vw 10.666666666666668vw 8.799999999999999vw;
    border-width: 0.266666666666667vw;
    border-radius: 1.866666666666667vw;
  }
}
.page-case-article .section-interview .decoration-text {
  position: absolute;
  top: 0;
  left: -185px;
  width: 850px;
  height: 166px;
  fill: #f7f7f7;
}
.page-case-article .section-interview .section-inner {
  padding-top: 62px;
  padding-bottom: 244px;
}
.page-case-article .section-interview .interview-list {
  margin-top: 76px;
}
@media only screen and (max-width: 767px) {
  .page-case-article .section-interview .decoration-text {
    position: absolute;
    top: 0;
    left: -62.66666666666667vw;
    width: 113.33333333333333vw;
    height: 22.133333333333333vw;
  }
  .page-case-article .section-interview .section-inner {
    padding: 1.6vw 0 38.666666666666664vw;
  }
  .page-case-article .section-interview .interview-list {
    margin-top: 14.666666666666666vw;
  }
  .page-case-article .section-interview .interview-list >ul >li:not(:first-child) {
    margin-top: 12.266666666666666vw;
  }
}
.page-case .lower-heading .lower-heading-inner {
  padding-top: 206px;
}
.page-case .case-contents {
  padding-top: 150px;
  padding-bottom: 250px;
}
.page-case .case-list {
  border-bottom: 1px solid #e8e8e8;
}
.page-case .case-list li {
  border-top: 1px solid #e8e8e8;
}
.page-case .case-list li a {
  display: block;
}
.page-case .case-list li .inner {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 114px 65px 112px 80px;
}
@media only screen and (min-width: 768px) {
  .page-case .case-list li .inner {
    max-width: 1080px;
  }
}
.page-case .case-list li .text-container {
  position: relative;
}
.page-case .case-list li .text-container .num {
  font-size: 1.2rem;
  line-height: 1;
}
.page-case .case-list li .text-container .heading {
  margin-top: 5px;
}
.page-case .case-list li .text-container .heading span {
  display: block;
}
.page-case .case-list li .text-container .heading .ja {
  margin-left: -2px;
  font-size: 3.8rem;
  line-height: 1.421052631578947;
  letter-spacing: 0.05em;
  font-weight: bold;
}
.page-case .case-list li .text-container .heading .en {
  margin-top: 20px;
  color: #0db9d7;
  font-size: 1.2rem;
  line-height: 1;
}
.page-case .case-list li .icon-arrow {
  position: relative;
  display: block;
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-case .case-list li .icon-arrow .icon-arrow-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #f3f3f3;
}
.page-case .case-list li .icon-arrow .icon-arrow-icon {
  position: relative;
  width: 12px;
  height: 10px;
  fill: #373737;
}
@media only screen and (min-width: 768px) {
  .page-case .case-list li a {
    transition: background 0.6s cubic-bezier(0, 0.55, 0.45, 1);
  }
  .page-case .case-list li a .icon-arrow span {
    transition: 0.6s cubic-bezier(0, 0.55, 0.45, 1);
  }
  .page-case .case-list li a:hover {
    background: #f7f7f7;
  }
  .page-case .case-list li a:hover .icon-arrow .icon-arrow-bg {
    background: #0db9d7;
  }
  .page-case .case-list li a:hover .icon-arrow .icon-arrow-icon {
    fill: #fff;
  }
}
@media only screen and (min-width: 768px) and (max-width:1080px) {
  .page-case .case-list li .inner {
    padding-left: 7.407407407407407%;
    padding-right: 6.018518518518518%;
  }
}
@media only screen and (max-width: 767px) {
  .page-case .lower-heading .lower-heading-inner {
    padding-top: 37.86666666666667vw;
  }
  .page-case .case-contents {
    padding-top: 15.733333333333333vw;
    padding-bottom: 33.33333333333333vw;
  }
  .page-case .case-list {
    border-width: 0.266666666666667vw;
  }
  .page-case .case-list li {
    border-width: 0.266666666666667vw;
  }
  .page-case .case-list li .inner {
    padding: 15.2vw 6.666666666666667vw 15.2vw;
  }
  .page-case .case-list li .text-container .num {
    font-size: 2.666666666666667vw;
  }
  .page-case .case-list li .text-container .heading {
    margin-top: 2.133333333333333vw;
  }
  .page-case .case-list li .text-container .heading .ja {
    margin-left: -0.266666666666667vw;
    font-size: 8vw;
    line-height: 1.333333333333333;
    letter-spacing: 0.05em;
  }
  .page-case .case-list li .text-container .heading .en {
    margin-top: 4.8vw;
    font-size: 2.933333333333333vw;
  }
  .page-case .case-list li .icon-arrow {
    width: 16vw;
    height: 16vw;
  }
  .page-case .case-list li .icon-arrow .icon-arrow-icon {
    width: 3.2vw;
    height: 2.666666666666667vw;
  }
}
.page-contact .lower-heading .lower-heading-inner,
.page-contact-complete .lower-heading .lower-heading-inner {
  padding-top: 245px;
}
@media only screen and (max-width: 767px) {
  .page-contact .lower-heading .lower-heading-inner,
  .page-contact-complete .lower-heading .lower-heading-inner {
    padding-top: 41.06666666666667vw;
  }
}
.page-contact .main-text p:not(:first-child) {
  margin-top: 28px;
}
.page-contact .lower-contents {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  padding-top: 144px;
  padding-bottom: 250px;
}
@media only screen and (min-width: 768px) {
  .page-contact .lower-contents {
    max-width: 1080px;
  }
}
@media only screen and (min-width: 768px) and (max-width:1080px) {
  .page-contact .lower-contents {
    padding-left: 6.481481481481481%;
    padding-right: 6.481481481481481%;
  }
}
@media only screen and (max-width: 767px) {
  .page-contact .lower-contents {
    width: 100%;
    padding-left: 6.666666666666667vw;
    padding-right: 6.666666666666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .page-contact .main-text p:not(:first-child) {
    margin-top: 3.733333333333334vw;
  }
  .page-contact .lower-contents {
    padding-top: 14.133333333333335vw;
    padding-bottom: 33.33333333333333vw;
  }
}
.page-contact-complete .lower-contents {
  padding-top: 140px;
  padding-bottom: 250px;
}
.page-contact-complete .main-text {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
}
@media only screen and (min-width: 768px) {
  .page-contact-complete .main-text {
    max-width: 1080px;
  }
}
@media only screen and (min-width: 768px) and (max-width:1080px) {
  .page-contact-complete .main-text {
    padding-left: 6.481481481481481%;
    padding-right: 6.481481481481481%;
  }
}
@media only screen and (max-width: 767px) {
  .page-contact-complete .main-text {
    width: 100%;
    padding-left: 6.666666666666667vw;
    padding-right: 6.666666666666667vw;
  }
}
.page-contact-complete .main-text .text-large {
  margin-bottom: 41px;
  font-size: 2.2rem;
  line-height: 1.909090909090909;
  font-weight: bold;
}
.page-contact-complete .tel-container {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  margin-top: 93px;
  padding-top: 60px;
  padding-bottom: 60px;
  border-radius: 15px;
}
@media only screen and (min-width: 768px) {
  .page-contact-complete .tel-container {
    max-width: 1080px;
  }
}
.page-contact-complete .btn-top {
  width: 260px;
  height: 80px;
  margin: 100px auto 0;
}
.page-contact-complete .btn-top a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding-right: 16px;
  border-radius: 40px;
  background: #0db9d7;
  box-sizing: border-box;
  overflow: hidden;
  z-index: 1;
}
.page-contact-complete .btn-top span {
  display: block;
}
.page-contact-complete .btn-top .btn-bg-mask {
  position: absolute;
  top: 50%;
  left: 0;
  width: 260px;
  height: 260px;
  margin-top: -130px;
  border-radius: 50%;
  opacity: 0;
  background: #00a0c1;
}
.page-contact-complete .btn-top .btn-text {
  position: relative;
  color: #fff;
  font-size: 1.5rem;
  letter-spacing: 0.1em;
  font-weight: bold;
}
.page-contact-complete .btn-top .icon-arrow {
  position: absolute;
  top: 50%;
  right: 26px;
  width: 24px;
  height: 24px;
  margin-top: -12px;
}
.page-contact-complete .btn-top .icon-arrow .icon-arrow-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background: #fff;
  border-radius: 50%;
}
.page-contact-complete .btn-top .icon-arrow .icon-arrow-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 10px;
  margin-top: -5px;
  margin-left: -6px;
}
@media only screen and (min-width: 768px) {
  .page-contact-complete .btn-top .btn-bg-mask {
    -webkit-animation: btnBgMaskOff 0.6s cubic-bezier(0, 0.55, 0.45, 1);
            animation: btnBgMaskOff 0.6s cubic-bezier(0, 0.55, 0.45, 1);
  }
  .page-contact-complete .btn-top .btn-text {
    transition: opacity cubic-bezier(0, 0.55, 0.45, 1);
  }
  .page-contact-complete .btn-top:hover .btn-bg-mask {
    -webkit-animation: btnBgMask 0.6s cubic-bezier(0, 0.55, 0.45, 1) forwards;
            animation: btnBgMask 0.6s cubic-bezier(0, 0.55, 0.45, 1) forwards;
  }
  .page-contact-complete .btn-top:hover .btn-text {
    opacity: 0;
    -webkit-animation: btnText 0.6s cubic-bezier(0, 0.55, 0.45, 1) forwards;
            animation: btnText 0.6s cubic-bezier(0, 0.55, 0.45, 1) forwards;
  }
}
@media only screen and (max-width: 767px) {
  .page-contact-complete .lower-contents {
    padding-top: 14.133333333333335vw;
    padding-bottom: 40vw;
  }
  .page-contact-complete .main-text {
    text-align: center;
  }
  .page-contact-complete .main-text .text-large {
    margin-bottom: 7.199999999999999vw;
    font-size: 4vw;
    line-height: 1.666666666666667;
  }
  .page-contact-complete .tel-container {
    margin-top: 14.666666666666666vw;
    padding-top: 10.666666666666668vw;
    padding-bottom: 13.333333333333334vw;
    border-radius: 0;
  }
  .page-contact-complete .btn-top {
    width: 56.00000000000001vw;
    height: 16vw;
    margin-top: 16vw;
  }
  .page-contact-complete .btn-top a {
    padding-right: 0vw;
    border-radius: 8vw;
  }
  .page-contact-complete .btn-top .btn-bg-mask {
    display: none;
  }
  .page-contact-complete .btn-top .btn-text {
    font-size: 3.466666666666666vw;
    letter-spacing: 0.04em;
  }
  .page-contact-complete .btn-top .icon-arrow {
    right: 5.066666666666666vw;
    width: 5.333333333333334vw;
    height: 5.333333333333334vw;
    margin-top: -2.666666666666667vw;
  }
  .page-contact-complete .btn-top .icon-arrow .icon-arrow-bg {
    width: 5.333333333333334vw;
    height: 5.333333333333334vw;
  }
  .page-contact-complete .btn-top .icon-arrow .icon-arrow-icon {
    width: 2.266666666666667vw;
    height: 1.733333333333333vw;
    margin-top: -0.933333333333333vw;
    margin-left: -0.8vw;
  }
}
.page-function .wrapper {
  overflow: visible;
}
.page-function .page-nav {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  padding-top: 100px;
  margin-left: -30px;
  width: 210px;
  height: 450px;
  z-index: 1;
  box-sizing: border-box;
}
.page-function .page-nav li {
  font-size: 1.1rem;
  line-height: 1.636363636363636;
}
.page-function .page-nav li a {
  position: relative;
  padding: 6px 0;
  display: block;
  padding-left: 18px;
}
.page-function .page-nav li a::before {
  position: absolute;
  top: 11px;
  left: 0;
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background: #0db9d7;
  border-radius: 50%;
  opacity: 0;
}
.page-function .page-nav li.is-located a::before {
  opacity: 1;
}
.page-function .page-nav li:not(:first-child) {
  margin-top: 6px;
}
@media only screen and (min-width: 768px) {
  .page-function .page-nav li a::before {
    transition: opacity 0.6s cubic-bezier(0, 0.55, 0.45, 1) 0.2s;
  }
  .page-function .page-nav li a:hover::before {
    opacity: 1;
    transition-delay: 0;
  }
}
@media only screen and (max-width: 767px) {
  .page-function .page-nav {
    display: none;
  }
}
.page-function .section-function .decoration-text-wrapper {
  position: absolute;
  top: 132px;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 166px;
}
.page-function .section-function .decoration-text-wrapper .decoration-text {
  position: absolute;
  top: 0;
  right: -136px;
  width: 776px;
  height: 166px;
  fill: #f7f7f7;
}
.page-function .section-function .section-inner {
  padding-top: 100px;
  z-index: 1;
}
.page-function .section-function .section-contents {
  display: flex;
  margin-top: -2px;
}
@media only screen and (max-width: 767px) {
  .page-function .section-function .decoration-text-wrapper {
    top: 30vw;
    height: 22.133333333333333vw;
  }
  .page-function .section-function .decoration-text-wrapper .decoration-text {
    right: -53.333333333333336vw;
    width: 103.46666666666667vw;
    height: 22.133333333333333vw;
  }
  .page-function .section-function .section-inner {
    padding: 11.466666666666665vw 0 0;
  }
  .page-function .section-function .section-contents {
    margin-top: -0.266666666666667vw;
  }
}
.page-function .section-function .function-list {
  width: 100%;
  max-width: 900px;
  margin-top: 8px;
}
.page-function .section-function .function-list ul {
  padding-bottom: 90px;
  border-bottom: 1px solid #e8e8e8;
}
.page-function .section-function .function-list li {
  position: relative;
  padding-top: 150px;
}
.page-function .section-function .function-list li::before {
  position: absolute;
  top: 90px;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #e8e8e8;
}
.page-function .section-function .function-list .heading-container {
  display: flex;
  padding-left: 15px;
}
.page-function .section-function .function-list .heading-container .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  background: #f7f7f7;
  border-radius: 50%;
  box-sizing: border-box;
}
.page-function .section-function .function-list .heading-container .text {
  flex: 1;
  line-height: 1;
  margin-left: 22px;
}
.page-function .section-function .function-list .heading-container .num {
  margin-top: 10px;
  margin-left: 2px;
  color: #0db9d7;
  font-size: 1.2rem;
}
.page-function .section-function .function-list .heading-container .heading {
  margin-top: 4px;
  font-size: 2.8rem;
  line-height: 1.5;
  font-weight: bold;
}
.page-function .section-function .function-list .contents {
  display: flex;
  justify-content: space-between;
  margin-top: 65px;
}
.page-function .section-function .function-list .contents .img-container {
  width: 508px;
  margin-left: -20px;
  margin-top: -33px;
  margin-bottom: -68px;
}
.page-function .section-function .function-list .contents .img-container .parallax-item-container {
  height: 417px;
}
.page-function .section-function .function-list .contents .img-container .parallax-item {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page-function .section-function .function-list .contents .text-container {
  width: 360px;
}
.page-function .section-function .function-list .contents .text-container .copy {
  font-size: 3.8rem;
  line-height: 1.421052631578947;
  font-weight: bold;
}
.page-function .section-function .function-list .contents .text-container .text {
  margin-top: 33px;
}
.page-function .section-function .function-list .function01 .icon img,
.page-function .section-function .function-list .function02 .icon img,
.page-function .section-function .function-list .function05 .icon img {
  width: 30px;
}
.page-function .section-function .function-list .function03 .icon img {
  width: 40px;
}
.page-function .section-function .function-list .function04 .icon {
  padding-bottom: 4px;
  padding-left: 4px;
}
.page-function .section-function .function-list .function04 .icon img {
  width: 37px;
}
.page-function .section-function .function-list .function06 .icon img {
  width: 38px;
}
.page-function .section-function .function-list .function07 .icon img {
  width: 44px;
}
.page-function .section-function .function-list .function08 .icon img {
  width: 32px;
}
@media only screen and (max-width: 767px) {
  .page-function .section-function .function-list {
    width: 100%;
    max-width: 120vw;
    margin-top: 15.466666666666667vw;
  }
  .page-function .section-function .function-list ul {
    padding-bottom: 0;
    border-width: 0.266666666666667vw;
  }
  .page-function .section-function .function-list li {
    padding: 10.666666666666668vw 6.666666666666667vw 21.866666666666667vw;
  }
  .page-function .section-function .function-list li::before {
    top: 0;
    height: 0.266666666666667vw;
  }
  .page-function .section-function .function-list .heading-container {
    padding-left: 0;
  }
  .page-function .section-function .function-list .heading-container .icon {
    width: 16vw;
    height: 16vw;
  }
  .page-function .section-function .function-list .heading-container .text {
    margin-left: 6.133333333333333vw;
  }
  .page-function .section-function .function-list .heading-container .num {
    margin-top: 2.666666666666667vw;
    margin-left: 0.266666666666667vw;
    font-size: 2.933333333333333vw;
  }
  .page-function .section-function .function-list .heading-container .heading {
    margin-top: 1.066666666666667vw;
    font-size: 6.133333333333333vw;
  }
  .page-function .section-function .function-list .contents {
    flex-direction: column;
    margin-top: 8.666666666666668vw;
  }
  .page-function .section-function .function-list .contents .img-container {
    width: 97.33333333333334vw;
    margin-left: -5.333333333333334vw;
    margin-top: -4.533333333333333vw;
    margin-bottom: 0;
  }
  .page-function .section-function .function-list .contents .img-container .parallax-item-container {
    height: 76.53333333333333vw;
  }
  .page-function .section-function .function-list .contents .text-container {
    width: 100%;
    margin-top: 1.066666666666667vw;
  }
  .page-function .section-function .function-list .contents .text-container .copy {
    font-size: 7.199999999999999vw;
    line-height: 1.666666666666667;
  }
  .page-function .section-function .function-list .contents .text-container .text {
    margin-top: 6.666666666666667vw;
  }
  .page-function .section-function .function-list .function01 .icon img,
  .page-function .section-function .function-list .function02 .icon img,
  .page-function .section-function .function-list .function05 .icon img {
    width: 6.666666666666667vw;
  }
  .page-function .section-function .function-list .function03 .icon img {
    width: 9.066666666666666vw;
  }
  .page-function .section-function .function-list .function04 .icon {
    padding-bottom: 0.8vw;
    padding-left: 0.8vw;
  }
  .page-function .section-function .function-list .function04 .icon img {
    width: 8.266666666666666vw;
  }
  .page-function .section-function .function-list .function06 .icon img {
    width: 8.533333333333333vw;
  }
  .page-function .section-function .function-list .function07 .icon img {
    width: 9.866666666666667vw;
  }
  .page-function .section-function .function-list .function08 .icon img {
    width: 7.199999999999999vw;
  }
}
.page-function .section-function .shape-container {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.page-function .section-function .shape-container .shape-square-blue-wrap {
  position: absolute;
  bottom: -65px;
  left: -942px;
  width: 1064px;
  height: 1064px;
  -webkit-transform: rotate(34.44deg);
          transform: rotate(34.44deg);
}
.page-function .section-function .shape-container .shape-square-blue-wrap .shape-square-blue {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  fill: #d95d5f;
}
.page-function .section-function .shape-container .shape-square-ring-gray-wrap {
  position: absolute;
  bottom: -390px;
  right: -580px;
  width: 872px;
  height: 872px;
  -webkit-transform: rotate(-33.52deg);
          transform: rotate(-33.52deg);
}
.page-function .section-function .shape-container .shape-square-ring-gray-wrap .shape-square-ring-gray {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  fill: #f7f7f7;
}
@media only screen and (max-width: 767px) {
  .page-function .section-function .shape-container .shape-square-blue-wrap {
    position: absolute;
    bottom: 22.400000000000002vw;
    left: -141.6vw;
    width: 141.86666666666667vw;
    height: 141.86666666666667vw;
  }
  .page-function .section-function .shape-container .shape-square-ring-gray-wrap {
    position: absolute;
    bottom: -53.86666666666666vw;
    right: -80.26666666666667vw;
    width: 116.26666666666668vw;
    height: 116.26666666666668vw;
  }
}
.page-function .section-function .linkedservice {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  padding-top: 153px;
  padding-bottom: 250px;
}
@media only screen and (min-width: 768px) {
  .page-function .section-function .linkedservice {
    max-width: 1080px;
  }
}
.page-function .section-function .linkedservice .heading {
  margin-left: 20px;
  font-size: 4.6rem;
  line-height: 1.304347826086957;
  letter-spacing: 0.05em;
  font-weight: bold;
  text-align: center;
}
.page-function .section-function .linkedservice .text {
  margin-top: 70px;
  font-size: 1.8rem;
  line-height: 2.222222222222222;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .page-function .section-function .linkedservice {
    padding-top: 24.8vw;
    padding-bottom: 27.200000000000003vw;
  }
  .page-function .section-function .linkedservice .heading {
    margin-left: 0;
    font-size: 8vw;
    line-height: 1.4;
    letter-spacing: -0.01em;
  }
  .page-function .section-function .linkedservice .text {
    padding: 0 6.666666666666667vw;
    margin-top: 9.333333333333334vw;
    font-size: 3.466666666666666vw;
    line-height: 1.923076923076923;
    text-align: left;
  }
}
@media only screen and (min-width: 768px) and (max-width:1080px) {
  .page-function .section-function .function-list {
    flex: 1;
  }
  .page-function .section-function .function-list .contents .img-container {
    width: 56.44444444444444%;
    margin-left: -2.222222222222222%;
    margin-right: 3.333333333333333%;
    margin-top: -3.666666666666667%;
  }
  .page-function .section-function .function-list .contents .img-container .parallax-item-container {
    width: 100%;
    position: relative;
    width: 100%;
    height: 100%;
  }
  .page-function .section-function .function-list .contents .img-container .parallax-item-container::before {
    content: "";
    display: block;
    padding-top: 82.08661417322834%;
  }
  .page-function .section-function .function-list .contents .img-container .parallax-item-container > * {
    position: absolute;
  }
  .page-function .section-function .function-list .contents .text-container {
    min-width: 320px;
  }
  .page-function .section-function .linkedservice {
    padding-left: 6.481481481481481%;
    padding-right: 6.481481481481481%;
  }
  .page-function .section-function .linkedservice .text br {
    display: none;
  }
}
.page-function .section-faq {
  overflow: hidden;
}
.page-function .section-faq .section-inner {
  padding-top: 194px;
  padding-bottom: 250px;
}
.page-function .section-faq .decoration-text {
  position: absolute;
  top: 111px;
  left: -2062px;
  width: 2710px;
  height: 230px;
  fill: #f7f7f7;
}
.page-function .section-faq .faq-list {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  margin-top: 96px;
}
@media only screen and (min-width: 768px) {
  .page-function .section-faq .faq-list {
    max-width: 920px;
  }
}
.page-function .section-faq .faq-list ul {
  border-top: 1px solid #e1e4e6;
}
.page-function .section-faq .faq-list li {
  overflow: hidden;
  border-bottom: 1px solid #e1e4e6;
}
.page-function .section-faq .faq-list li .accordion-btn .accordion-btn-inner {
  position: relative;
  display: flex;
  align-items: center;
  padding: 42px 100px 41px 0;
  cursor: pointer;
}
.page-function .section-faq .faq-list li .accordion-btn .question-icon {
  width: 56px;
  height: 56px;
  margin-right: 30px;
  padding-top: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0db9d7;
  border-radius: 50%;
  box-sizing: border-box;
}
.page-function .section-faq .faq-list li .accordion-btn .question-icon .icon-text {
  font-size: 2.6rem;
  color: #fff;
}
.page-function .section-faq .faq-list li .accordion-btn .text {
  flex: 1;
  font-size: 2rem;
  line-height: 2;
  text-align: justify;
  font-weight: bold;
}
.page-function .section-faq .faq-list li .accordion-btn .accordion-icon {
  position: absolute;
  top: 50%;
  right: 0;
  width: 60px;
  height: 60px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: -30px;
}
.page-function .section-faq .faq-list li .accordion-btn .accordion-icon .icon-bg {
  position: absolute;
  top: 0;
  left: 0;
  background: #f1f3f4;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}
.page-function .section-faq .faq-list li .accordion-btn .accordion-icon .icon {
  position: relative;
  width: 12px;
  height: 12px;
}
.page-function .section-faq .faq-list li .accordion-btn .accordion-icon .icon::before,
.page-function .section-faq .faq-list li .accordion-btn .accordion-icon .icon::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  display: block;
  background: #2f3540;
}
.page-function .section-faq .faq-list li .accordion-btn .accordion-icon .icon::before {
  width: 12px;
  height: 2px;
}
.page-function .section-faq .faq-list li .accordion-btn .accordion-icon .icon::after {
  width: 2px;
  height: 12px;
}
.page-function .section-faq .faq-list li .accordion-contents {
  height: 0;
}
.page-function .section-faq .faq-list li .accordion-contents .accordion-contents-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 0 30px 62px;
}
.page-function .section-faq .faq-list li .accordion-contents .text {
  padding: 53px 60px;
  text-align: justify;
  background: #f6f7f8;
  box-sizing: border-box;
}
.page-function .section-faq .faq-list li .accordion-contents .btn-arrow-right {
  margin-top: 30px;
}
.page-function .section-faq .faq-list li.is-accordion-opened .accordion-btn .accordion-icon .icon::before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.page-function .section-faq .faq-list li.is-accordion-opened .accordion-btn .accordion-icon .icon::after {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}
@media only screen and (min-width: 768px) {
  .page-function .section-faq .faq-list li .accordion-btn .accordion-icon .icon {
    transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.4, 1);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.4, 1);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.4, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.4, 1);
  }
  .page-function .section-faq .faq-list li .accordion-btn .accordion-icon .icon-bg {
    transition: -webkit-transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
    transition: transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
    transition: transform 0.6s cubic-bezier(0, 0.55, 0.45, 1), -webkit-transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
  }
  .page-function .section-faq .faq-list li .accordion-btn:hover .accordion-icon .icon {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .page-function .section-faq .faq-list li .accordion-btn:hover .accordion-icon .icon-bg {
    -webkit-transform: scale(0.85);
            transform: scale(0.85);
  }
}
@media only screen and (max-width: 767px) {
  .page-function .section-faq .section-inner {
    padding-top: 32vw;
    padding-bottom: 33.33333333333333vw;
  }
  .page-function .section-faq .decoration-text {
    position: absolute;
    top: 28.53333333333333vw;
    left: -297.8666666666667vw;
    width: 361.3333333333333vw;
    height: 30.666666666666664vw;
  }
  .page-function .section-faq .section-heading .ja {
    letter-spacing: 0.1em;
  }
  .page-function .section-faq .faq-list {
    margin-top: 16.266666666666666vw;
  }
  .page-function .section-faq .faq-list ul {
    border-width: 0.266666666666667vw;
  }
  .page-function .section-faq .faq-list li {
    border-width: 0.266666666666667vw;
  }
  .page-function .section-faq .faq-list li .accordion-btn .accordion-btn-inner {
    padding: 11.466666666666667vw 17.866666666666667vw 10.666666666666668vw 0;
  }
  .page-function .section-faq .faq-list li .accordion-btn .question-icon {
    width: 12vw;
    height: 12vw;
    margin-right: 4.533333333333333vw;
    padding-top: 0.8vw;
  }
  .page-function .section-faq .faq-list li .accordion-btn .question-icon .icon-text {
    font-size: 5.333333333333334vw;
  }
  .page-function .section-faq .faq-list li .accordion-btn .text {
    font-size: 4vw;
    line-height: 1.633333333333333;
  }
  .page-function .section-faq .faq-list li .accordion-btn .accordion-icon {
    width: 12vw;
    height: 12vw;
    margin-top: -6vw;
  }
  .page-function .section-faq .faq-list li .accordion-btn .accordion-icon .icon {
    width: 2.666666666666667vw;
    height: 2.666666666666667vw;
  }
  .page-function .section-faq .faq-list li .accordion-btn .accordion-icon .icon::before {
    width: 2.666666666666667vw;
    height: 0.4vw;
  }
  .page-function .section-faq .faq-list li .accordion-btn .accordion-icon .icon::after {
    width: 0.4vw;
    height: 2.666666666666667vw;
  }
  .page-function .section-faq .faq-list li .accordion-contents .accordion-contents-inner {
    padding: 0 2.666666666666667vw 10.666666666666668vw;
  }
  .page-function .section-faq .faq-list li .accordion-contents .text {
    padding: 7.733333333333333vw 9.333333333333334vw;
    font-size: 3.466666666666666vw;
    line-height: 1.769230769230769;
  }
  .page-function .section-faq .faq-list li .accordion-contents .btn-arrow-right {
    margin-top: 4vw;
  }
}
.page-interview-article .profile {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .page-interview-article .profile {
    max-width: 1080px;
  }
}
@media only screen and (min-width: 768px) and (max-width:1080px) {
  .page-interview-article .profile {
    padding-left: 6.481481481481481%;
    padding-right: 6.481481481481481%;
  }
}
@media only screen and (max-width: 767px) {
  .page-interview-article .profile {
    width: 100%;
    padding-left: 6.666666666666667vw;
    padding-right: 6.666666666666667vw;
  }
}
.page-interview-article .profile .img-container {
  margin-left: -100px;
  width: 720px;
}
.page-interview-article .profile .img-container .movie {
  position: relative;
  padding-top: 56.25%;
}
.page-interview-article .profile .img-container .movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page-interview-article .profile .text-container {
  width: 360px;
  margin-left: auto;
  margin-right: 0;
  padding-top: 30px;
}
.page-interview-article .profile .text-container .logo {
  width: 222px;
}
.page-interview-article .profile .text-container .logo img {
  width: 100%;
}
.page-interview-article .profile .text-container .company-info {
  margin-top: 62px;
}
.page-interview-article .profile .text-container .company-info li {
  font-size: 1.5rem;
  line-height: 1.6;
}
.page-interview-article .profile .text-container .company-info li:not(:first-child) {
  margin-top: 3px;
}
.page-interview-article .profile .text-container .company-info li span {
  display: block;
  font-size: 1.2rem;
  margin-bottom: 2px;
}
.page-interview-article .profile .text-container .text {
  margin-top: 19px;
  margin-bottom: 23px;
  font-size: 1.2rem;
  line-height: 1.833333333333333;
  text-align: justify;
}
.page-interview-article .profile .text-container .interviewee p {
  margin-bottom: 26px;
  font-size: 1.8rem;
  line-height: 1;
}
.page-interview-article .profile .text-container .interviewee p .position {
  display: block;
  margin-bottom: 10px;
  font-size: 1.2rem;
  line-height: 1.833333333333333;
}
@media only screen and (max-width: 1280px) and (min-width: 768px) {
  .page-interview-article .profile {
    max-width: none;
    padding-left: 0;
    padding-right: 7.8125%;
  }
  .page-interview-article .profile .img-container {
    width: 61.016949152542374%;
    margin-left: 0;
    margin-right: 4.23728813559322%;
  }
  .page-interview-article .profile .img-container img {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-interview-article .profile {
    padding: 0 0 12.533333333333333vw;
    flex-direction: column;
  }
  .page-interview-article .profile .img-container {
    width: 100%;
    margin-left: 0;
  }
  .page-interview-article .profile .img-container .movie {
    width: 100%;
  }
  .page-interview-article .profile .text-container {
    width: 100%;
    padding: 9.333333333333334vw 6.666666666666667vw 0;
    box-sizing: border-box;
  }
  .page-interview-article .profile .text-container .logo {
    width: 53.333333333333336vw;
  }
  .page-interview-article .profile .text-container .logo img {
    width: 100%;
  }
  .page-interview-article .profile .text-container .company-info {
    margin-top: 8.533333333333333vw;
  }
  .page-interview-article .profile .text-container .company-info li {
    font-size: 3.466666666666666vw;
    line-height: 1.461538461538461;
  }
  .page-interview-article .profile .text-container .company-info li:not(:first-child) {
    margin-top: 1.866666666666667vw;
  }
  .page-interview-article .profile .text-container .company-info li span {
    font-size: 2.933333333333333vw;
    margin-bottom: 0.533333333333333vw;
  }
  .page-interview-article .profile .text-container .text {
    margin-top: 4.533333333333333vw;
    margin-bottom: 5.333333333333334vw;
    font-size: 2.933333333333333vw;
    line-height: 1.727272727272727;
  }
  .page-interview-article .profile .text-container .interviewee p {
    margin-bottom: 3.466666666666666vw;
    font-size: 3.733333333333334vw;
  }
  .page-interview-article .profile .text-container .interviewee p .position {
    margin-bottom: 1.333333333333333vw;
    font-size: 2.933333333333333vw;
    line-height: 1.818181818181818;
  }
}
.page-interview-article .section-interview .decoration-text {
  position: absolute;
  top: 111px;
  right: -198px;
  width: 850px;
  height: 166px;
  fill: #f7f7f7;
}
.page-interview-article .section-interview .section-inner {
  padding-top: 171px;
}
.page-interview-article .section-interview .main-text {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  margin-top: 50px;
  padding-bottom: 92px;
  font-size: 1.6rem;
  line-height: 1.875;
}
@media only screen and (min-width: 768px) {
  .page-interview-article .section-interview .main-text {
    max-width: 920px;
  }
}
.page-interview-article .section-interview .sub-section:not(:nth-of-type(1)) {
  margin-top: 144px;
}
.page-interview-article .section-interview .sub-section .sub-section-heading-container {
  display: flex;
}
.page-interview-article .section-interview .sub-section .sub-section-heading-container .text-container {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 330px;
  min-width: 240px;
  padding-bottom: 2px;
  overflow: hidden;
  box-sizing: border-box;
}
.page-interview-article .section-interview .sub-section .sub-section-heading-container .text-container .shape-wrap {
  width: 402px;
  height: 402px;
  -webkit-transform: rotate(17.39deg);
          transform: rotate(17.39deg);
}
.page-interview-article .section-interview .sub-section .sub-section-heading-container .text-container .shape-wrap .shape {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  fill: #5f5f5f;
}
.page-interview-article .section-interview .sub-section .sub-section-heading-container .text-container .shape-square-ring-top-wrap {
  position: absolute;
  top: -225px;
  right: -271px;
}
.page-interview-article .section-interview .sub-section .sub-section-heading-container .text-container .shape-square-ring-bottom-wrap {
  position: absolute;
  bottom: -247px;
  left: -217px;
}
.page-interview-article .section-interview .sub-section .sub-section-heading-container .text-container .sub-section-heading {
  color: #fff;
  text-align: center;
}
.page-interview-article .section-interview .sub-section .sub-section-heading-container .text-container .sub-section-heading span {
  position: relative;
  display: block;
}
.page-interview-article .section-interview .sub-section .sub-section-heading-container .text-container .sub-section-heading .ja {
  font-size: 3rem;
  font-weight: bold;
}
.page-interview-article .section-interview .sub-section .sub-section-heading-container .text-container .sub-section-heading .en {
  font-size: 1.4rem;
}
.page-interview-article .section-interview .sub-section .sub-section-heading-container .img-container {
  width: 750px;
}
.page-interview-article .section-interview .sub-section .sub-section-heading-container .img-container img {
  width: 100%;
}
.page-interview-article .section-interview .sub-section .sub-section-contents {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  padding-top: 90px;
  font-size: 1.6rem;
  line-height: 1.875;
  text-align: justify;
}
@media only screen and (min-width: 768px) {
  .page-interview-article .section-interview .sub-section .sub-section-contents {
    max-width: 920px;
  }
}
.page-interview-article .section-interview .sub-section .sub-section-contents .heading {
  position: relative;
  padding-left: 62px;
  margin-bottom: 40px;
  font-size: 2.8rem;
  line-height: 1.714285714285714;
  font-weight: bold;
}
.page-interview-article .section-interview .sub-section .sub-section-contents .heading .icon {
  position: absolute;
  top: 50%;
  left: 0;
  width: 42px;
  margin-right: 20px;
  margin-top: -24px;
}
.page-interview-article .section-interview .sub-section .sub-section-contents .heading .icon img {
  width: 100%;
}
.page-interview-article .section-interview .sub-section .sub-section-contents .heading:not(:first-child) {
  margin-top: 84px;
}
.page-interview-article .section-interview .sub-section .sub-section-contents .heading + p {
  margin-top: 0;
}
.page-interview-article .section-interview .sub-section .sub-section-contents .text-bold {
  font-weight: bold;
}
.page-interview-article .section-interview .sub-section .sub-section-contents p {
  margin-top: 30px;
}
.page-interview-article .section-interview .sub-section .sub-section-contents a {
  text-decoration: underline;
}
@media only screen and (min-width: 768px) {
  .page-interview-article .section-interview .sub-section .sub-section-contents a {
    transition: opacity 0.6s cubic-bezier(0, 0.55, 0.45, 1);
  }
  .page-interview-article .section-interview .sub-section .sub-section-contents a:hover {
    opacity: 0.7;
  }
}
.page-interview-article .section-interview .sub-section .sub-section-contents .notes {
  margin-top: 20px;
  font-size: 1.2rem;
  line-height: 2;
  opacity: 0.8;
}
.page-interview-article .section-interview .sub-section.sub-section-black .sub-section-heading-container .text-container {
  background: #373737;
}
.page-interview-article .section-interview .sub-section.sub-section-black .sub-section-heading-container .text-container .shape-wrap .shape {
  fill: #5f5f5f;
}
.page-interview-article .section-interview .sub-section.sub-section-yellow .sub-section-heading-container .text-container {
  background: #ffae00;
}
.page-interview-article .section-interview .sub-section.sub-section-yellow .sub-section-heading-container .text-container .shape-wrap .shape {
  fill: #ffc342;
}
.page-interview-article .section-interview .sub-section.sub-section-yellow .sub-section-contents .heading {
  color: #ffae00;
}
.page-interview-article .section-interview .sub-section.sub-section-blue .sub-section-heading-container .text-container {
  background: #0db9d7;
}
.page-interview-article .section-interview .sub-section.sub-section-blue .sub-section-heading-container .text-container .shape-wrap .shape {
  fill: #0eaccc;
}
.page-interview-article .section-interview .sub-section.sub-section-blue .sub-section-contents .heading {
  color: #0db9d7;
}
@media only screen and (max-width: 767px) {
  .page-interview-article .section-interview {
    border-top: 0.266666666666667vw solid #e8e8e8;
  }
  .page-interview-article .section-interview .decoration-text {
    position: absolute;
    top: 29.733333333333334vw;
    right: -63.46666666666667vw;
    width: 113.33333333333333vw;
    height: 22.133333333333333vw;
  }
  .page-interview-article .section-interview .section-inner {
    padding-top: 31.733333333333334vw;
  }
  .page-interview-article .section-interview .section-heading .ja {
    letter-spacing: 0.1em;
  }
  .page-interview-article .section-interview .main-text {
    margin-top: 13.333333333333334vw;
    padding-bottom: 24.266666666666666vw;
    font-size: 3.466666666666666vw;
    line-height: 1.923076923076923;
  }
  .page-interview-article .section-interview .sub-section:not(:nth-of-type(1)) {
    margin-top: 25.066666666666666vw;
  }
  .page-interview-article .section-interview .sub-section .sub-section-heading-container {
    flex-direction: column;
  }
  .page-interview-article .section-interview .sub-section .sub-section-heading-container .text-container {
    width: 100%;
    min-width: auto;
    padding-top: 12.8vw;
    padding-bottom: 12.533333333333333vw;
  }
  .page-interview-article .section-interview .sub-section .sub-section-heading-container .text-container .shape-wrap {
    width: 53.6vw;
    height: 53.6vw;
  }
  .page-interview-article .section-interview .sub-section .sub-section-heading-container .text-container .shape-square-ring-top-wrap {
    position: absolute;
    top: -25.866666666666667vw;
    right: -36.13333333333333vw;
  }
  .page-interview-article .section-interview .sub-section .sub-section-heading-container .text-container .shape-square-ring-bottom-wrap {
    position: absolute;
    bottom: -26.13333333333333vw;
    left: -36vw;
  }
  .page-interview-article .section-interview .sub-section .sub-section-heading-container .text-container .sub-section-heading .ja {
    font-size: 5.866666666666666vw;
    line-height: 1.545454545454545;
  }
  .page-interview-article .section-interview .sub-section .sub-section-heading-container .text-container .sub-section-heading .en {
    margin-top: 0.533333333333333vw;
    font-size: 2.666666666666667vw;
  }
  .page-interview-article .section-interview .sub-section .sub-section-heading-container .img-container {
    width: 100%;
  }
  .page-interview-article .section-interview .sub-section .sub-section-contents {
    padding-top: 14.666666666666666vw;
    font-size: 3.466666666666666vw;
    line-height: 1.923076923076923;
  }
  .page-interview-article .section-interview .sub-section .sub-section-contents .heading {
    padding-left: 13.333333333333334vw;
    margin-bottom: 12.533333333333333vw;
    font-size: 4.533333333333333vw;
    line-height: 1.529411764705882;
  }
  .page-interview-article .section-interview .sub-section .sub-section-contents .heading .icon {
    width: 8.533333333333333vw;
    margin-top: -4.8vw;
  }
  .page-interview-article .section-interview .sub-section .sub-section-contents .heading:not(:first-child) {
    margin-top: 25.866666666666667vw;
  }
  .page-interview-article .section-interview .sub-section .sub-section-contents .heading + p {
    margin-top: 0;
  }
  .page-interview-article .section-interview .sub-section .sub-section-contents p {
    margin-top: 6.666666666666667vw;
  }
  .page-interview-article .section-interview .sub-section .sub-section-contents .notes {
    margin-top: 4vw;
    font-size: 2.666666666666667vw;
    line-height: 2;
  }
}
.page-interview-article .section-summary {
  margin-top: 144px;
}
.page-interview-article .section-summary .decoration-text {
  position: absolute;
  top: 77px;
  left: -336px;
  width: 900px;
  height: 224px;
  fill: #fff;
}
.page-interview-article .section-summary .shape-wrap {
  width: 740px;
  height: 740px;
  -webkit-transform: rotate(43.28deg);
          transform: rotate(43.28deg);
}
.page-interview-article .section-summary .shape-wrap .shape {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  fill: #f0f0f0;
}
.page-interview-article .section-summary .shape-square-ring-top-wrap {
  position: absolute;
  top: -191px;
  right: -547px;
}
.page-interview-article .section-summary .shape-square-ring-bottom-wrap {
  position: absolute;
  bottom: -396px;
  left: -295px;
}
.page-interview-article .section-summary .section-heading {
  position: relative;
}
.page-interview-article .section-summary .section-inner {
  padding-top: 143px;
  padding-bottom: 150px;
  background: #f7f7f7;
  overflow: hidden;
}
.page-interview-article .section-summary .summary-list {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  margin-top: 76px;
}
@media only screen and (min-width: 768px) {
  .page-interview-article .section-summary .summary-list {
    max-width: 820px;
  }
}
.page-interview-article .section-summary .summary-list li {
  min-height: 210px;
  padding: 20px 30px 0 30px;
  background: #fff;
  text-align: center;
  border-radius: 15px;
  box-sizing: border-box;
}
.page-interview-article .section-summary .summary-list li:not(:first-child) {
  margin-top: 29px;
}
.page-interview-article .section-summary .summary-list li .heading {
  padding: 9px 0 5px;
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  border-radius: 24px;
}
.page-interview-article .section-summary .summary-list li .heading.heading-black {
  background: #373737;
}
.page-interview-article .section-summary .summary-list li .heading.heading-yellow {
  background: #ffae00;
}
.page-interview-article .section-summary .summary-list li .heading.heading-blue {
  background: #0db9d7;
}
.page-interview-article .section-summary .summary-list li .text {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 142px;
  margin-left: 10px;
  padding: 20px 0;
  font-size: 1.8rem;
  line-height: 1.777777777777778;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .page-interview-article .section-summary {
    margin-top: 25.066666666666666vw;
  }
  .page-interview-article .section-summary .decoration-text {
    position: absolute;
    top: 29.333333333333332vw;
    left: -69.6vw;
    width: 120vw;
    height: 29.86666666666667vw;
  }
  .page-interview-article .section-summary .shape-wrap {
    width: 115.99999999999999vw;
    height: 115.99999999999999vw;
    -webkit-transform: rotate(-24.78deg);
            transform: rotate(-24.78deg);
  }
  .page-interview-article .section-summary .shape-square-ring-top-wrap {
    position: absolute;
    top: -17.599999999999998vw;
    right: -81.86666666666666vw;
  }
  .page-interview-article .section-summary .shape-square-ring-bottom-wrap {
    position: absolute;
    bottom: -40.8vw;
    left: -77.60000000000001vw;
    -webkit-transform: rotate(17.38deg);
            transform: rotate(17.38deg);
  }
  .page-interview-article .section-summary .section-heading .ja {
    letter-spacing: 0.1em;
  }
  .page-interview-article .section-summary .section-inner {
    padding-top: 31.2vw;
    padding-bottom: 26.93333333333333vw;
  }
  .page-interview-article .section-summary .summary-list {
    margin-top: 15.466666666666667vw;
  }
  .page-interview-article .section-summary .summary-list li {
    min-height: 28.000000000000004vw;
    padding: 6.666666666666667vw 4vw 9.066666666666666vw 4vw;
    border-radius: 1.866666666666667vw;
  }
  .page-interview-article .section-summary .summary-list li:not(:first-child) {
    margin-top: 6.666666666666667vw;
  }
  .page-interview-article .section-summary .summary-list li .heading {
    padding: 1.866666666666667vw 0 1.866666666666667vw;
    font-size: 3.733333333333334vw;
    line-height: 1;
    border-radius: 4.8vw;
  }
  .page-interview-article .section-summary .summary-list li .text {
    min-height: auto;
    margin-left: 1.333333333333333vw;
    margin-top: 5.333333333333334vw;
    padding: 0;
    font-size: 3.733333333333334vw;
    line-height: 1.928571428571429;
  }
}
.page-interview-article .section-recommend .decoration-text {
  position: absolute;
  top: 121px;
  right: -580px;
  width: 1218px;
  height: 178px;
  fill: #f7f7f7;
}
.page-interview-article .section-recommend .section-inner {
  padding-top: 195px;
  padding-bottom: 244px;
}
@media only screen and (max-width: 767px) {
  .page-interview-article .section-recommend .decoration-text {
    position: absolute;
    top: 13.333333333333334vw;
    right: -112.26666666666667vw;
    width: 162.4vw;
    height: 23.733333333333334vw;
  }
  .page-interview-article .section-recommend .section-inner {
    padding-top: 31.733333333333334vw;
    padding-bottom: 39.46666666666667vw;
  }
  .page-interview-article .section-recommend .section-heading .en {
    margin-top: 1.866666666666667vw;
  }
}
.page-interview-article .section-recommend .slider {
  overflow: hidden;
  cursor: -webkit-grab;
  cursor: grab;
  margin-top: 75px;
}
.page-interview-article .section-recommend .slider:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.page-interview-article .section-recommend .slider .slider-item-container {
  display: flex;
  flex-wrap: nowrap;
}
.page-interview-article .section-recommend .slider .slider-item {
  width: 320px;
  margin-right: 60px;
  flex-shrink: 0;
}
.page-interview-article .section-recommend .slider .slider-item a {
  position: relative;
  cursor: -webkit-grab;
  cursor: grab;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.page-interview-article .section-recommend .slider .slider-item a:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.page-interview-article .section-recommend .slider .img-container {
  position: relative;
  border-radius: 15px;
  overflow: hidden;
  z-index: 1;
}
.page-interview-article .section-recommend .slider .text-container {
  margin-top: 23px;
  margin-bottom: 20px;
}
.page-interview-article .section-recommend .slider .text-container .title {
  font-size: 1.8rem;
  line-height: 1.444444444444444;
  font-weight: bold;
  text-align: justify;
}
.page-interview-article .section-recommend .slider .text-container .company-info {
  margin-top: 10px;
  color: #a0a0a0;
  font-size: 1.2rem;
  line-height: 1.833333333333333;
}
.page-interview-article .section-recommend .slider .tag {
  display: flex;
  flex-wrap: wrap;
  margin-top: auto;
  margin-bottom: 0;
}
.page-interview-article .section-recommend .slider .tag span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  margin-right: 6px;
  margin-bottom: 6px;
  padding: 0 10px;
  font-size: 1rem;
  background: #f1f1f1;
  border-radius: 12px;
}
.page-interview-article .section-recommend .slider .slider-scroll {
  position: relative;
  width: 100%;
  height: 2px;
  margin-bottom: 5px;
  background: #f5f5f5;
}
.page-interview-article .section-recommend .slider .slider-scroll .swiper-scrollbar-drag {
  position: absolute;
  top: -2px;
  left: 0;
  width: 400px;
  height: 5px;
  background: #0db9d7;
  border-radius: 2px;
}
.page-interview-article .section-recommend .slider .slider-text-container {
  box-sizing: border-box;
}
@media only screen and (min-width: 768px) {
  .page-interview-article .section-recommend .slider {
    cursor: default;
  }
  .page-interview-article .section-recommend .slider:active {
    cursor: default;
  }
  .page-interview-article .section-recommend .slider .slider-item a {
    cursor: pointer;
  }
  .page-interview-article .section-recommend .slider .slider-item a:active {
    cursor: pointer;
  }
  .page-interview-article .section-recommend .slider .slider-scroll {
    display: none;
  }
  .page-interview-article .section-recommend .slider .slider-item-container {
    -webkit-transform: none !important;
            transform: none !important;
  }
}
@media only screen and (min-width: 768px) {
  .page-interview-article .section-recommend .slider-item a .img-container .img {
    transition: -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .page-interview-article .section-recommend .slider-item a .text-container .title span {
    border-bottom: 1px solid transparent;
    transition: border-color 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .page-interview-article .section-recommend .slider-item a:hover .img-container .img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  .page-interview-article .section-recommend .slider-item a:hover .text-container .title span {
    border-color: #373737;
  }
}
@media only screen and (min-width: 768px) and only screen and (min-width: 768px) and (max-width:1080px) {
  .page-interview-article .section-recommend .slider-item-container {
    margin-right: -4.25531914893617%;
  }
  .page-interview-article .section-recommend .slider-item-container .slider-item {
    width: 29.183673469387756%;
    margin-right: 4.081632653061225%;
  }
}
@media only screen and (min-width: 768px) and only screen and (max-width: 767px) {
  .page-interview-article .section-recommend {
    margin-top: 14.666666666666666vw;
  }
  .page-interview-article .section-recommend .slider-item {
    width: 53.333333333333336vw;
    margin-right: 8vw;
    padding-bottom: 13.866666666666665vw;
  }
  .page-interview-article .section-recommend .img-container {
    border-radius: 1.866666666666667vw;
  }
  .page-interview-article .section-recommend .text-container {
    margin-top: 4.8vw;
    margin-bottom: 0;
  }
  .page-interview-article .section-recommend .text-container .title {
    font-size: 3.2vw;
    line-height: 1.583333333333333;
  }
  .page-interview-article .section-recommend .text-container .company-info {
    margin-top: 3.466666666666666vw;
    font-size: 2.666666666666667vw;
    line-height: 1.5;
    width: 110%;
    display: inline-block;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
  }
  .page-interview-article .section-recommend .tag {
    display: none;
  }
  .page-interview-article .section-recommend .slider-scroll {
    height: 0.533333333333333vw;
    margin-bottom: 0.666666666666667vw;
  }
  .page-interview-article .section-recommend .slider-scroll .swiper-scrollbar-drag {
    top: -0.266666666666667vw;
    width: 21.866666666666667vw;
    height: 1.066666666666667vw;
    border-radius: 0.533333333333333vw;
  }
}
.page-interview .interview-container {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  padding-top: 120px;
  padding-bottom: 250px;
}
@media only screen and (min-width: 768px) {
  .page-interview .interview-container {
    max-width: 1080px;
  }
}
@media only screen and (min-width: 768px) and (max-width:1080px) {
  .page-interview .interview-container {
    padding-left: 6.481481481481481%;
    padding-right: 6.481481481481481%;
  }
}
@media only screen and (max-width: 767px) {
  .page-interview .interview-container {
    width: 100%;
    padding-left: 6.666666666666667vw;
    padding-right: 6.666666666666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .page-interview .interview-container {
    padding: 16vw 0 40vw;
  }
}
.page-interview .tag-list ul {
  display: flex;
  flex-wrap: wrap;
}
.page-interview .tag-list li {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 54px;
  margin-right: 14px;
  margin-bottom: 14px;
  padding: 0 31px;
  font-size: 1.3rem;
  background: #f1f1f1;
  border-radius: 27px;
  transition: color 0.6s cubic-bezier(0, 0.55, 0.45, 1), background 0.6s cubic-bezier(0, 0.55, 0.45, 1);
}
.page-interview .tag-list li.is-selected {
  color: #fff;
  background: #0db9d7;
}
@media only screen and (min-width: 768px) {
  .page-interview .tag-list li:hover {
    color: #fff;
    background: #0db9d7;
  }
}
@media only screen and (max-width: 767px) {
  .page-interview .tag-list {
    padding: 0 6.666666666666667vw;
  }
  .page-interview .tag-list li {
    height: 10.666666666666668vw;
    margin-right: 2.666666666666667vw;
    margin-bottom: 2.666666666666667vw;
    padding: 0 5.866666666666666vw;
    font-size: 2.666666666666667vw;
    border-radius: 5.333333333333334vw;
  }
}
.page-interview .interview-list {
  margin-top: 36px;
  padding-top: 80px;
  padding-bottom: 20px;
  border-top: 1px solid #e8e8e8;
}
.page-interview .interview-list >ul >li {
  margin-bottom: 74px;
}
@media only screen and (max-width: 767px) {
  .page-interview .interview-list {
    margin-top: 6.666666666666667vw;
    padding-top: 13.333333333333334vw;
    padding-bottom: 2.666666666666667vw;
    border-width: 0.266666666666667vw;
  }
  .page-interview .interview-list >ul >li {
    margin-bottom: 12vw;
  }
}
.page-manual .manual-contents {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
}
@media only screen and (min-width: 768px) {
  .page-manual .manual-contents {
    max-width: 1080px;
  }
}
@media only screen and (min-width: 768px) and (max-width:1080px) {
  .page-manual .manual-contents {
    padding-left: 6.481481481481481%;
    padding-right: 6.481481481481481%;
  }
}
@media only screen and (max-width: 767px) {
  .page-manual .manual-contents {
    width: 100%;
    padding-left: 6.666666666666667vw;
    padding-right: 6.666666666666667vw;
  }
}
.page-manual .manual-contents p:not(:nth-of-type(1)) {
  margin-top: 30px;
}
.page-manual .manual-contents p.mt-55 {
  margin-top: 55px;
}
.page-manual .manual-contents p.mt-30 {
  margin-top: 30px;
}
.page-manual .manual-contents p.mt-20 {
  margin-top: 20px;
}
.page-manual .manual-contents p.mt-10 {
  margin-top: 10px;
}
.page-manual .manual-contents .mt-55 {
  margin-top: 55px;
}
.page-manual .manual-contents .mt-30 {
  margin-top: 30px;
}
.page-manual .manual-contents .mt-20 {
  margin-top: 20px;
}
.page-manual .manual-contents .mt-10 {
  margin-top: 10px;
}
.page-manual .manual-contents h3 {
  font-size: 2.6rem;
  line-height: 1.538461538461539;
  font-weight: bold;
}
.page-manual .manual-contents h4 {
  font-size: 1.8rem;
  line-height: 1.555555555555556;
  font-weight: bold;
}
.page-manual .manual-contents .bold {
  font-size: 1.8rem;
  line-height: 1.888888888888889;
  font-weight: bold;
}
.page-manual .manual-contents .separator {
  display: block;
  width: 100%;
  height: 1px;
  margin: 52px 0;
  background: #e1e4e6;
}
.page-manual .manual-contents .text-bold {
  font-weight: bold;
}
.page-manual .manual-contents .text-blue {
  color: #0db9d7;
}
.page-manual .manual-contents a {
  color: #0db9d7;
  text-decoration: underline;
}
@media only screen and (min-width: 768px) {
  .page-manual .manual-contents a {
    transition: opacity 0.6s cubic-bezier(0, 0.55, 0.45, 1);
  }
  .page-manual .manual-contents a:hover {
    opacity: 0.7;
  }
}
.page-manual .manual-contents .anchor-point {
  padding-top: 120px;
  margin-top: -120px;
}
.page-manual .manual-contents .notes {
  font-size: 1.2rem;
  line-height: 2;
}
@media only screen and (max-width: 767px) {
  .page-manual .manual-contents p:not(:nth-of-type(1)) {
    margin-top: 6.666666666666667vw;
  }
  .page-manual .manual-contents p.mt-55 {
    margin-top: 13.333333333333334vw;
  }
  .page-manual .manual-contents p.mt-30 {
    margin-top: 8vw;
  }
  .page-manual .manual-contents p.mt-20 {
    margin-top: 5.333333333333334vw;
  }
  .page-manual .manual-contents p.mt-10 {
    margin-top: 2.666666666666667vw;
  }
  .page-manual .manual-contents .mt-55 {
    margin-top: 13.333333333333334vw;
  }
  .page-manual .manual-contents .mt-30 {
    margin-top: 8vw;
  }
  .page-manual .manual-contents .mt-20 {
    margin-top: 5.333333333333334vw;
  }
  .page-manual .manual-contents .mt-10 {
    margin-top: 2.666666666666667vw;
  }
  .page-manual .manual-contents h3 {
    font-size: 6.133333333333333vw;
    line-height: 1.652173913043478;
  }
  .page-manual .manual-contents h4 {
    font-size: 4vw;
    line-height: 1.866666666666667;
  }
  .page-manual .manual-contents .bold {
    font-size: 4vw;
    line-height: 1.8;
  }
  .page-manual .manual-contents .separator {
    height: 0.266666666666667vw;
    margin: 8.799999999999999vw 0;
  }
  .page-manual .manual-contents .anchor-point {
    padding-top: 16vw;
    margin-top: -16vw;
  }
  .page-manual .manual-contents .notes {
    font-size: 2.666666666666667vw;
    line-height: 2;
  }
}
.page-release .lower-heading .lower-heading-inner {
  padding-top: 206px;
}
.page-release .release-container {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  padding-top: 150px;
  padding-bottom: 250px;
}
@media only screen and (min-width: 768px) {
  .page-release .release-container {
    max-width: 1080px;
  }
}
@media only screen and (min-width: 768px) and (max-width:1080px) {
  .page-release .release-container {
    padding-left: 6.481481481481481%;
    padding-right: 6.481481481481481%;
  }
}
@media only screen and (max-width: 767px) {
  .page-release .release-container {
    width: 100%;
    padding-left: 6.666666666666667vw;
    padding-right: 6.666666666666667vw;
  }
}
.page-release .release-list li {
  border-top: 1px solid #e1e4e6;
}
.page-release .release-list li a {
  display: flex;
  padding: 40px 0;
}
.page-release .release-list li a .img-container {
  position: relative;
  margin-right: 5.555555555555555%;
}
.page-release .release-list li a .img-container::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 1px solid #e1e4e6;
}
.page-release .release-list li a .text-container {
  text-align: justify;
  padding-top: 13px;
}
.page-release .release-list li a .text-container .date {
  font-size: 1.1rem;
  letter-spacing: 0.1em;
  color: #666;
}
.page-release .release-list li a .text-container .title {
  margin-top: 4px;
  font-size: 2rem;
  letter-spacing: 0.04em;
  font-weight: bold;
}
.page-release .release-list li a .text-container .text {
  margin-top: 18px;
  color: #a0a0a0;
  font-size: 1.3rem;
  line-height: 1.769230769230769;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .page-release .release-list li a .title span {
    border-bottom: 1px solid transparent;
    transition: border-color 0.6s cubic-bezier(0, 0.55, 0.45, 1);
  }
  .page-release .release-list li a:hover .title span {
    border-color: #373737;
  }
}
@media only screen and (min-width: 768px) and (max-width:1080px) {
  .page-release .release-list li a .img-container {
    min-width: 200px;
  }
}
@media only screen and (max-width: 767px) {
  .page-release .lower-heading .lower-heading-inner {
    padding-top: 45.6vw;
  }
  .page-release .lower-heading .text {
    text-align: center;
  }
  .page-release .release-container {
    padding: 16vw 0 40vw;
  }
  .page-release .release-list {
    padding: 0 6.666666666666667vw;
  }
  .page-release .release-list li {
    border-width: 0.266666666666667vw;
  }
  .page-release .release-list li a {
    padding: 9.333333333333334vw 0;
  }
  .page-release .release-list li a .img-container {
    width: 36vw;
    margin-right: 4vw;
  }
  .page-release .release-list li a .img-container::before {
    border-width: 0.266666666666667vw;
  }
  .page-release .release-list li a .text-container {
    flex: 1;
    padding-top: 0.266666666666667vw;
  }
  .page-release .release-list li a .text-container .date {
    font-size: 2.666666666666667vw;
  }
  .page-release .release-list li a .text-container .title {
    margin-top: 2.4vw;
    font-size: 3.466666666666666vw;
    line-height: 1.769230769230769;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .page-release .release-list li a .text-container .text {
    display: none;
    margin-top: 2.4vw;
    font-size: 1.733333333333333vw;
    line-height: 1.769230769230769;
  }
}
.page-seminar-contact .lower-heading .lower-heading-inner {
  padding-top: 245px;
}
.page-seminar-contact .lower-contents {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  padding-top: 140px;
  padding-bottom: 250px;
}
@media only screen and (min-width: 768px) {
  .page-seminar-contact .lower-contents {
    max-width: 1080px;
  }
}
@media only screen and (min-width: 768px) and (max-width:1080px) {
  .page-seminar-contact .lower-contents {
    padding-left: 6.481481481481481%;
    padding-right: 6.481481481481481%;
  }
}
@media only screen and (max-width: 767px) {
  .page-seminar-contact .lower-contents {
    width: 100%;
    padding-left: 6.666666666666667vw;
    padding-right: 6.666666666666667vw;
  }
}
.page-seminar-contact .main-text {
  font-size: 1.6rem;
  line-height: 1.875;
  text-align: center;
}
.page-seminar-contact .main-text .heading {
  margin-bottom: 35px;
  margin-right: 14px;
  font-size: 4rem;
  line-height: 1.4;
  font-weight: bold;
}
.page-seminar-contact .seminar-img {
  margin-top: 90px;
  text-align: center;
}
.page-seminar-contact .seminar-info {
  margin-top: 80px;
  padding: 74px 80px 72px;
  border: 1px solid #e8e8e8;
  border-radius: 15px;
}
.page-seminar-contact .seminar-info dt {
  margin-bottom: 16px;
  font-size: 1.8rem;
  line-height: 1.666666666666667;
  font-weight: bold;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.page-seminar-contact .seminar-info dt:not(:first-child) {
  margin-top: 28px;
}
.page-seminar-contact .seminar-info dd {
  font-size: 1.6rem;
  line-height: 1.875;
}
.page-seminar-contact .seminar-info dd p:not(:nth-of-type(1)) {
  margin-top: 14px;
}
.page-seminar-contact .seminar-info li {
  position: relative;
  padding-left: 19px;
}
.page-seminar-contact .seminar-info li::before {
  position: absolute;
  top: 50%;
  left: 0;
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  margin-top: -3px;
  background: #373737;
  border-radius: 50%;
}
@media only screen and (max-width: 767px) {
  .page-seminar-contact .lower-heading .lower-heading-inner {
    padding-top: 41.06666666666667vw;
  }
  .page-seminar-contact .lower-contents {
    padding: 13.866666666666665vw 0 40vw;
  }
  .page-seminar-contact .main-text {
    font-size: 3.466666666666666vw;
    line-height: 1.923076923076923;
    padding: 0 6.666666666666667vw;
  }
  .page-seminar-contact .main-text .heading {
    margin-bottom: 7.199999999999999vw;
    margin-right: 0;
    font-size: 6.666666666666667vw;
    line-height: 1.4;
  }
  .page-seminar-contact .seminar-img {
    margin-top: 12vw;
    padding: 0 6.666666666666667vw;
  }
  .page-seminar-contact .form-container {
    padding: 0 6.666666666666667vw;
  }
  .page-seminar-contact .seminar-info {
    width: 86.66666666666667vw;
    margin: 10.666666666666668vw auto 0;
    padding: 8.799999999999999vw 10.666666666666668vw 8.533333333333333vw;
    border-width: 0.266666666666667vw;
    border-radius: 1.866666666666667vw;
    box-sizing: border-box;
  }
  .page-seminar-contact .seminar-info dt {
    margin-bottom: 0;
    font-size: 4vw;
    line-height: 1.666666666666667;
  }
  .page-seminar-contact .seminar-info dt:not(:first-child) {
    margin-top: 6.666666666666667vw;
  }
  .page-seminar-contact .seminar-info dd {
    font-size: 3.466666666666666vw;
    line-height: 1.923076923076923;
  }
  .page-seminar-contact .seminar-info dd p:not(:nth-of-type(1)) {
    margin-top: 0;
  }
  .page-seminar-contact .seminar-info li {
    padding-left: 3.733333333333334vw;
  }
  .page-seminar-contact .seminar-info li::before {
    top: 0;
    width: 1.066666666666667vw;
    height: 1.066666666666667vw;
    margin-top: 2.666666666666667vw;
  }
}
.page-seminar .seminar-container {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  padding-top: 150px;
  padding-bottom: 250px;
}
@media only screen and (min-width: 768px) {
  .page-seminar .seminar-container {
    max-width: 1080px;
  }
}
@media only screen and (min-width: 768px) and (max-width:1080px) {
  .page-seminar .seminar-container {
    padding-left: 6.481481481481481%;
    padding-right: 6.481481481481481%;
  }
}
@media only screen and (max-width: 767px) {
  .page-seminar .seminar-container {
    width: 100%;
    padding-left: 6.666666666666667vw;
    padding-right: 6.666666666666667vw;
  }
}
.page-seminar .seminar-list {
  padding-bottom: 19px;
  border-bottom: 1px solid #e8e8e8;
}
.page-seminar .seminar-list >ul {
  display: flex;
  flex-wrap: wrap;
  margin-right: -60px;
}
.page-seminar .seminar-list >ul >li {
  width: 510px;
  margin-right: 60px;
  margin-bottom: 77px;
}
.page-seminar .seminar-list >ul >li a {
  display: block;
}
.page-seminar .seminar-list >ul >li .img-container {
  position: relative;
  border-radius: 15px;
  overflow: hidden;
  z-index: 1;
}
.page-seminar .seminar-list >ul >li .img-container::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #e8e8e8;
  box-sizing: border-box;
  border-radius: 15px;
  z-index: 1;
}
.page-seminar .seminar-list >ul >li .text-container {
  margin-top: 23px;
}
.page-seminar .seminar-list >ul >li .text-container .title {
  font-size: 1.8rem;
  line-height: 1.444444444444444;
  font-weight: bold;
}
@media only screen and (min-width: 768px) {
  .page-seminar .seminar-list >ul >li a .img-container .img {
    transition: -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .page-seminar .seminar-list >ul >li a .text-container .title span {
    border-bottom: 1px solid transparent;
    transition: border-color 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .page-seminar .seminar-list >ul >li a:hover .img-container .img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  .page-seminar .seminar-list >ul >li a:hover .text-container .title span {
    border-color: #373737;
  }
}
@media only screen and (min-width: 768px) and (max-width:1080px) {
  .page-seminar .seminar-list >ul {
    margin-right: -4.081632653061225%;
  }
  .page-seminar .seminar-list >ul >li {
    width: 29.183673469387756%;
    margin-right: 4.081632653061225%;
  }
}
@media only screen and (max-width: 767px) {
  .page-seminar .seminar-container {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
    padding: 16vw 0 40vw;
  }
  .page-seminar .seminar-list {
    padding: 0 6.666666666666667vw 2.533333333333333vw;
    border-width: 0.266666666666667vw;
  }
  .page-seminar .seminar-list >ul {
    flex-direction: column;
    margin-right: 0;
  }
  .page-seminar .seminar-list >ul >li {
    width: 68vw;
    width: 100%;
    margin-right: 0;
    margin-bottom: 12vw;
  }
  .page-seminar .seminar-list >ul >li .img-container {
    border-radius: 1.866666666666667vw;
  }
  .page-seminar .seminar-list >ul >li .img-container::before {
    border-width: 0.266666666666667vw;
    border-radius: 1.866666666666667vw;
  }
  .page-seminar .seminar-list >ul >li .text-container {
    margin-top: 8.799999999999999vw;
  }
  .page-seminar .seminar-list >ul >li .text-container .title {
    font-size: 4vw;
    line-height: 1.666666666666667;
  }
}
@media only screen and (max-width: 767px) and only screen and (min-width: 768px) {
  .page-seminar .seminar-container {
    max-width: 1080px;
  }
}
@media only screen and (max-width: 767px) and only screen and (min-width: 768px) and (max-width:1080px) {
  .page-seminar .seminar-container {
    padding-left: 6.481481481481481%;
    padding-right: 6.481481481481481%;
  }
}
@media only screen and (max-width: 767px) and only screen and (max-width: 767px) {
  .page-seminar .seminar-container {
    width: 100%;
    padding-left: 6.666666666666667vw;
    padding-right: 6.666666666666667vw;
  }
}
.page-seminar-article .article-contents img {
  width: auto;
}
@media only screen and (max-width: 767px) {
  .page-seminar-article .article-contents .sp-full {
    width: 100%;
  }
}
.page-terms .terms-contents {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  padding-top: 154px;
  padding-bottom: 200px;
}
@media only screen and (min-width: 768px) {
  .page-terms .terms-contents {
    max-width: 1080px;
  }
}
@media only screen and (min-width: 768px) and (max-width:1080px) {
  .page-terms .terms-contents {
    padding-left: 6.481481481481481%;
    padding-right: 6.481481481481481%;
  }
}
@media only screen and (max-width: 767px) {
  .page-terms .terms-contents {
    width: 100%;
    padding-left: 6.666666666666667vw;
    padding-right: 6.666666666666667vw;
  }
}
.page-terms .terms-contents li:not(:first-child),
.page-terms .terms-contents p:not(:first-child) {
  margin-top: 1.5em;
}
.page-terms .terms-contents li {
  display: flex;
  flex-wrap: wrap;
}
.page-terms .terms-contents li .num {
  width: 1.5em;
}
.page-terms .terms-contents li .text {
  flex: 1;
}
.page-terms .terms-contents li ol {
  width: 100%;
  padding-left: 3em;
  margin-top: 1.5em;
  box-sizing: border-box;
}
.page-terms .terms-contents p + ol {
  margin-top: 30px;
}
.page-terms .terms-contents dt {
  position: relative;
  font-size: 2rem;
  line-height: 1.4;
  font-weight: bold;
  margin-top: 82px;
}
.page-terms .terms-contents dd {
  margin-top: 30px;
}
.page-terms .btn-top {
  width: 260px;
  height: 80px;
  margin: 100px auto 0;
}
.page-terms .btn-top a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding-right: 16px;
  border-radius: 40px;
  background: #0db9d7;
  box-sizing: border-box;
  overflow: hidden;
}
.page-terms .btn-top span {
  display: block;
}
.page-terms .btn-top .btn-bg-mask {
  position: absolute;
  top: 50%;
  left: 0;
  width: 260px;
  height: 260px;
  margin-top: -130px;
  border-radius: 50%;
  opacity: 0;
  background: #00a0c1;
}
.page-terms .btn-top .btn-text {
  position: relative;
  color: #fff;
  font-size: 1.5rem;
  letter-spacing: 0.1em;
  font-weight: bold;
}
.page-terms .btn-top .icon-arrow {
  position: absolute;
  top: 50%;
  right: 26px;
  width: 24px;
  height: 24px;
  margin-top: -12px;
}
.page-terms .btn-top .icon-arrow .icon-arrow-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background: #fff;
  border-radius: 50%;
}
.page-terms .btn-top .icon-arrow .icon-arrow-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 10px;
  margin-top: -5px;
  margin-left: -6px;
}
@media only screen and (min-width: 768px) {
  .page-terms .btn-top .btn-bg-mask {
    -webkit-animation: btnBgMaskOff 0.6s cubic-bezier(0, 0.55, 0.45, 1);
            animation: btnBgMaskOff 0.6s cubic-bezier(0, 0.55, 0.45, 1);
  }
  .page-terms .btn-top .btn-text {
    transition: opacity cubic-bezier(0, 0.55, 0.45, 1);
  }
  .page-terms .btn-top:hover .btn-bg-mask {
    -webkit-animation: btnBgMask 0.6s cubic-bezier(0, 0.55, 0.45, 1) forwards;
            animation: btnBgMask 0.6s cubic-bezier(0, 0.55, 0.45, 1) forwards;
  }
  .page-terms .btn-top:hover .btn-text {
    opacity: 0;
    -webkit-animation: btnText 0.6s cubic-bezier(0, 0.55, 0.45, 1) forwards;
            animation: btnText 0.6s cubic-bezier(0, 0.55, 0.45, 1) forwards;
  }
}
@media only screen and (max-width: 767px) {
  .page-terms .lower-heading .page-heading .ja {
    margin: 0 -1em;
  }
  .page-terms .terms-contents {
    padding-top: 17.333333333333336vw;
    padding-bottom: 26.666666666666668vw;
  }
  .page-terms .terms-contents p + ol {
    margin-top: 6.666666666666667vw;
  }
  .page-terms .terms-contents dt {
    font-size: 4.8vw;
    line-height: 1.388888888888889;
    margin-top: 16vw;
  }
  .page-terms .terms-contents dd {
    margin-top: 7.199999999999999vw;
  }
  .page-terms .btn-top {
    width: 56.00000000000001vw;
    height: 16vw;
    margin-top: 16vw;
  }
  .page-terms .btn-top a {
    padding-right: 0vw;
    border-radius: 8vw;
  }
  .page-terms .btn-top .btn-bg-mask {
    display: none;
  }
  .page-terms .btn-top .btn-text {
    font-size: 3.466666666666666vw;
    letter-spacing: 0.04em;
  }
  .page-terms .btn-top .icon-arrow {
    right: 5.066666666666666vw;
    width: 5.333333333333334vw;
    height: 5.333333333333334vw;
    margin-top: -2.666666666666667vw;
  }
  .page-terms .btn-top .icon-arrow .icon-arrow-bg {
    width: 5.333333333333334vw;
    height: 5.333333333333334vw;
  }
  .page-terms .btn-top .icon-arrow .icon-arrow-icon {
    width: 2.266666666666667vw;
    height: 1.733333333333333vw;
    margin-top: -0.933333333333333vw;
    margin-left: -0.933333333333333vw;
  }
}
.page-home .wrapper {
  overflow: hidden;
}
.page-home .main {
/*   padding-bottom: 250px; */
}
@media only screen and (max-width: 767px) {
  .page-home .main {
    padding-bottom: 0;
  }
}
.page-home .section-function .btn-detail,
.page-home .section-case .btn-detail {
  width: 260px;
  height: 80px;
  margin: 0 auto;
}
.page-home .section-function .btn-detail a,
.page-home .section-case .btn-detail a {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 64px;
  border-radius: 40px;
  background: #0db9d7;
  box-sizing: border-box;
  overflow: hidden;
  z-index: 1;
}
.page-home .section-function .btn-detail span,
.page-home .section-case .btn-detail span {
  display: block;
}
.page-home .section-function .btn-detail .btn-bg-mask,
.page-home .section-case .btn-detail .btn-bg-mask {
  position: absolute;
  top: 50%;
  left: 0;
  width: 260px;
  height: 260px;
  margin-top: -130px;
  border-radius: 50%;
  opacity: 0;
  background: #00a0c1;
}
.page-home .section-function .btn-detail .btn-text,
.page-home .section-case .btn-detail .btn-text {
  position: relative;
  color: #fff;
  font-size: 1.5rem;
  letter-spacing: 0.1em;
  font-weight: bold;
}
.page-home .section-function .btn-detail .icon-arrow,
.page-home .section-case .btn-detail .icon-arrow {
  position: absolute;
  top: 50%;
  right: 26px;
  width: 24px;
  height: 24px;
  margin-top: -12px;
}
.page-home .section-function .btn-detail .icon-arrow .icon-arrow-bg,
.page-home .section-case .btn-detail .icon-arrow .icon-arrow-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background: #fff;
  border-radius: 50%;
}
.page-home .section-function .btn-detail .icon-arrow .icon-arrow-icon,
.page-home .section-case .btn-detail .icon-arrow .icon-arrow-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 10px;
  margin-top: -5px;
  margin-left: -6px;
}
@media only screen and (min-width: 768px) {
  .page-home .section-function .btn-detail .btn-bg-mask,
  .page-home .section-case .btn-detail .btn-bg-mask {
    -webkit-animation: btnBgMaskOff 0.6s cubic-bezier(0, 0.55, 0.45, 1);
            animation: btnBgMaskOff 0.6s cubic-bezier(0, 0.55, 0.45, 1);
  }
  .page-home .section-function .btn-detail .btn-text,
  .page-home .section-case .btn-detail .btn-text {
    transition: opacity cubic-bezier(0, 0.55, 0.45, 1);
  }
  .page-home .section-function .btn-detail:hover .btn-bg-mask,
  .page-home .section-case .btn-detail:hover .btn-bg-mask {
    -webkit-animation: btnBgMask 0.6s cubic-bezier(0, 0.55, 0.45, 1) forwards;
            animation: btnBgMask 0.6s cubic-bezier(0, 0.55, 0.45, 1) forwards;
  }
  .page-home .section-function .btn-detail:hover .btn-text,
  .page-home .section-case .btn-detail:hover .btn-text {
    opacity: 0;
    -webkit-animation: btnText 0.6s cubic-bezier(0, 0.55, 0.45, 1) forwards;
            animation: btnText 0.6s cubic-bezier(0, 0.55, 0.45, 1) forwards;
  }
}
@media only screen and (max-width: 767px) {
  .page-home .section-function .btn-detail,
  .page-home .section-case .btn-detail {
    width: 56.00000000000001vw;
    height: 16vw;
  }
  .page-home .section-function .btn-detail a,
  .page-home .section-case .btn-detail a {
    padding-left: 13.066666666666665vw;
    border-radius: 8vw;
  }
  .page-home .section-function .btn-detail .btn-bg-mask,
  .page-home .section-case .btn-detail .btn-bg-mask {
    display: none;
  }
  .page-home .section-function .btn-detail .btn-text,
  .page-home .section-case .btn-detail .btn-text {
    font-size: 3.466666666666666vw;
    letter-spacing: 0.04em;
  }
  .page-home .section-function .btn-detail .icon-arrow,
  .page-home .section-case .btn-detail .icon-arrow {
    right: 5.333333333333334vw;
    width: 5.333333333333334vw;
    height: 5.333333333333334vw;
    margin-top: -2.666666666666667vw;
  }
  .page-home .section-function .btn-detail .icon-arrow .icon-arrow-bg,
  .page-home .section-case .btn-detail .icon-arrow .icon-arrow-bg {
    width: 5.333333333333334vw;
    height: 5.333333333333334vw;
  }
  .page-home .section-function .btn-detail .icon-arrow .icon-arrow-icon,
  .page-home .section-case .btn-detail .icon-arrow .icon-arrow-icon {
    width: 2.266666666666667vw;
    height: 1.733333333333333vw;
    margin-top: -0.933333333333333vw;
    margin-left: -0.8vw;
  }
}
.page-home .section-hero {
  background: #f7f7f7;
}
.page-home .section-hero .shape-square-blue-wrap {
  position: absolute;
  top: -648px;
  right: -210px;
  width: 1064px;
  height: 1064px;
  -webkit-transform: rotate(34.44deg);
          transform: rotate(34.44deg);
}
.page-home .section-hero .shape-square-blue-wrap .shape-square-blue {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  fill: #d95e62;
}
.page-home .section-hero .section-inner {
  max-width: none;
}
.page-home .section-hero .kv-container {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  padding-top: 201px;
  padding-bottom: 173px;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .page-home .section-hero .kv-container {
    max-width: 1080px;
  }
}
.page-home .section-hero .kv-container .kv-contents {
  width: 416px;
  margin-left: 42px;
}
.page-home .section-hero .kv-container .section-heading {
  text-align: center;
}
.page-home .section-hero .kv-container .section-heading span {
  display: block;
}
.page-home .section-hero .kv-container .section-heading .copy {
  margin: 0 -1em;
  color: #606f75;
  font-size: 3.6rem;
  line-height: 1.5;
  letter-spacing: 0.035em;
  font-weight: bold;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.page-home .section-hero .kv-container .section-heading .logo-adflow {
  width: 410px;
  margin-top: 26px;
  margin-left: 4px;
}
.page-home .section-hero .kv-container .section-heading .text {
  margin-top: 13px;
  color: #929da1;
  font-weight: bold;
}
.page-home .section-hero .kv-container .link-block-text {
  position: relative;
  margin-top: 62px;
  z-index: 1;
}
.page-home .section-hero .kv-container .link-block-text li {
  width: 200px;
}
.page-home .section-hero .kv-container .link-block-text .text-top {
  font-size: 1.4rem;
}
.page-home .section-hero .kv-container .link-block-text .text-bottom {
  margin-top: 20px;
}
.page-home .section-hero .kv-container .link-block-text .btn {
  margin-top: 15px;
  height: 68px;
  font-size: 1.4rem;
  border-radius: 34px;
}
.page-home .section-hero .kv-container .link-block-text .btn .btn-bg-mask {
  width: 200px;
  height: 200px;
  margin-top: -100px;
}
.page-home .section-hero .kv-container .link-block-text .btn-request {
  padding-left: 40px;
}
.page-home .section-hero .kv-container .link-block-text .btn-request .icon-free {
  width: 48px;
  height: 48px;
  font-size: 1.2rem;
}
.page-home .section-hero .kv-container .kv {
  position: absolute;
  top: 93px;
  left: 567px;
  width: 920px;
  height: 702px;
}
/*
.page-home .section-hero .kv-container .kv::before {
  position: absolute;
  top: 63px;
  left: 62px;
  content: "";
  display: block;
  width: 796px;
  height: 558px;
  background: #fff;
  border-radius: 36px;
}
*/
.page-home .section-hero .kv-container .kv div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.page-home .section-hero .kv-container .kv .img-1 {
  opacity: 1;
}
.page-home .section-hero .kv-container .kv .img-2 {
  -webkit-animation: changeImg1 10.5s infinite cubic-bezier(0.5, 1, 0.89, 1) 3s;
          animation: changeImg1 10.5s infinite cubic-bezier(0.5, 1, 0.89, 1) 3s;
}
.page-home .section-hero .kv-container .kv .img-3 {
  -webkit-animation: changeImg2 10.5s infinite cubic-bezier(0.5, 1, 0.89, 1) 3s;
          animation: changeImg2 10.5s infinite cubic-bezier(0.5, 1, 0.89, 1) 3s;
}
.page-home .section-hero .results {
  position: relative;
  text-align: center;
  z-index: 1;
}
.page-home .section-hero .results .heading {
  padding-left: 16px;
  font-size: 3.6rem;
  line-height: 1;
  box-sizing: border-box;
}
.page-home .section-hero .results .heading span {
  display: inline-block;
  vertical-align: top;
}
.page-home .section-hero .results .heading span:nth-child(1),
.page-home .section-hero .results .heading span:nth-child(3),
.page-home .section-hero .results .heading span:nth-child(4) {
  font-weight: bold;
}
.page-home .section-hero .results .heading span:nth-child(2) {
  margin-top: -30px;
  font-size: 8rem;
  color: #0db9d7;
}
.windows .page-home .section-hero .results .heading span:nth-child(2) {
  margin-top: -27px;
}
.page-home .section-hero .results .heading span:nth-child(2) _::-webkit-full-page-media,
.page-home .section-hero .results .heading span:nth-child(2) _:future,
:root .page-home .section-hero .results .heading span:nth-child(2) {
  letter-spacing: -0.05em;
  margin-right: 3px;
}
.page-home .section-hero .results .heading span:nth-child(3) {
  font-size: 4.4rem;
  margin-top: -7px;
  color: #0db9d7;
}
.page-home .section-hero .results .logo-list {
  display: flex;
  margin-top: 41px;
}
.page-home .section-hero .results .logo-list ul {
  display: flex;
}
.page-home .section-hero .results .logo-list ul li {
  margin: 0 10px;
}
.page-home .section-hero .results .logo-list ul:first-child {
  -webkit-animation: loopLeft1 120s -60s linear infinite;
          animation: loopLeft1 120s -60s linear infinite;
}
.page-home .section-hero .results .logo-list ul:last-child {
  -webkit-animation: loopLeft2 120s linear infinite;
          animation: loopLeft2 120s linear infinite;
}
@media only screen and (min-width: 768px) and (max-width:1080px) {
  .page-home .section-hero .section-inner {
    padding-left: 0;
    padding-right: 0;
  }
  .page-home .section-hero .kv-container .kv {
    left: 52.5%;
  }
  .page-home .section-hero .kv-container .kv img {
    width: auto;
  }
  .page-home .section-hero .results .logo-list ul li img {
    width: auto;
  }
}
@media only screen and (max-width: 767px) {
  .page-home .section-hero .section-inner {
    padding-left: 0;
    padding-right: 0;
  }
  .page-home .section-hero .shape-square-blue-wrap {
    position: absolute;
    top: -84.53333333333333vw;
    right: -104vw;
    width: 141.86666666666667vw;
    height: 141.86666666666667vw;
  }
  .page-home .section-hero .kv-container {
    padding-top: 31.733333333333334vw;
    padding-bottom: 12vw;
  }
  .page-home .section-hero .kv-container .kv-contents {
    width: 100%;
    margin-left: 0;
  }
  .page-home .section-hero .kv-container .section-heading .copy {
    font-size: 6.133333333333333vw;
    line-height: 1.521739130434783;
    letter-spacing: 0.035em;
  }
  .page-home .section-hero .kv-container .section-heading .logo-adflow {
    width: 70.39999999999999vw;
    margin: 4.266666666666667vw auto 0;
  }
  .page-home .section-hero .kv-container .section-heading .text {
    margin-top: 2.133333333333333vw;
    font-size: 2.666666666666667vw;
  }
  .page-home .section-hero .kv-container .link-block-text {
    padding-left: 6.666666666666667vw;
    padding-right: 6.666666666666667vw;
    margin-top: 9.333333333333334vw;
  }
  .page-home .section-hero .kv-container .link-block-text li {
    width: 41.333333333333336vw;
  }
  .page-home .section-hero .kv-container .link-block-text .text-top {
    font-size: 2.933333333333333vw;
  }
  .page-home .section-hero .kv-container .link-block-text .text-bottom {
    margin-top: 2.666666666666667vw;
  }
  .page-home .section-hero .kv-container .link-block-text .btn {
    margin-top: 2.666666666666667vw;
    height: 14.666666666666666vw;
    font-size: 2.933333333333333vw;
    border-radius: 7.333333333333333vw;
  }
  .page-home .section-hero .kv-container .link-block-text .btn-request {
    padding-left: 8vw;
  }
  .page-home .section-hero .kv-container .link-block-text .btn-request .icon-free {
    width: 9.866666666666667vw;
    height: 9.866666666666667vw;
    font-size: 2.4vw;
  }
  .page-home .section-hero .kv-container .kv {
    position: relative;
    top: auto;
    left: auto;
    width: 103.2vw;
    height: 69.6vw;
  }
  .page-home .section-hero .kv-container .kv::before {
    position: absolute;
    top: 8.266666666666666vw;
    left: 8.266666666666666vw;
    width: 86.66666666666667vw;
    height: 50.66666666666667vw;
    border-radius: 3.2vw;
  }
  .page-home .section-hero .results .heading {
    padding-left: -2.133333333333333vw;
    font-size: 5.600000000000001vw;
  }
  .page-home .section-hero .results .heading span:nth-child(2) {
    margin-top: -5.333333333333334vw;
    font-size: 12.8vw;
  }
  .android .page-home .section-hero .results .heading span:nth-child(2) {
    margin-top: -4vw;
    margin-left: 1.333333333333333vw;
  }
  .page-home .section-hero .results .heading span:nth-child(2) _::-webkit-full-page-media,
  .page-home .section-hero .results .heading span:nth-child(2) _:future,
  :root .page-home .section-hero .results .heading span:nth-child(2) {
    margin-right: 0.8vw;
  }
  .page-home .section-hero .results .heading span:nth-child(3) {
    font-size: 7.199999999999999vw;
    margin-top: -1.866666666666667vw;
  }
  .page-home .section-hero .results .logo-list {
    margin-top: 6.666666666666667vw;
  }
  .page-home .section-hero .results .logo-list ul li {
    width: 26.666666666666668vw;
    margin: 0 1.333333333333333vw;
  }
}
.page-home .section-why {
  background: #f7f7f7;
}
.page-home .section-why .decoration-text {
  position: absolute;
  top: 149px;
  right: -486px;
  width: 1184px;
  height: 230px;
  fill: #fff;
}
.page-home .section-why .shape-square-gray-wrap {
  position: absolute;
  top: -514px;
  left: -854px;
  width: 1064px;
  height: 1064px;
  -webkit-transform: rotate(34.44deg);
          transform: rotate(34.44deg);
}
.page-home .section-why .shape-square-gray-wrap .shape-square-gray {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  fill: #f0f0f0;
}
.page-home .section-why .section-inner {
  max-width: none;
  padding-top: 192px;
}
.page-home .section-why .why-list {
  position: relative;
  margin-top: 76px;
}
.page-home .section-why .why-list::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 50%;
  background: #fff;
}
.page-home .section-why .why-list .why-list-inner {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .page-home .section-why .why-list .why-list-inner {
    max-width: 1080px;
  }
}
.page-home .section-why .why-list ul {
  display: flex;
  z-index: 1;
  margin-right: -45px;
}
.page-home .section-why .why-list li {
  width: 330px;
  margin-right: 45px;
  padding: 44px 30px 39px;
  color: #fff;
  text-align: center;
  background: #d95d61;
  box-sizing: border-box;
  border-radius: 20px;
}
.page-home .section-why .why-list li .heading {
  font-size: 2.2rem;
  line-height: 1.545454545454545;
  font-weight: bold;
}
.page-home .section-why .why-list li .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 24px auto 0;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: #fff;
  box-sizing: border-box;
}
.page-home .section-why .why-list li .text {
  margin-top: 27px;
  font-size: 1.5rem;
  line-height: 1.733333333333333;
}
.page-home .section-why .why-list li.why-1 .icon img {
  width: 90px;
}
.page-home .section-why .why-list li.why-2 .icon img {
  width: 90px;
}
.page-home .section-why .why-list li.why-3 .icon {
  padding-bottom: 4px;
}
.page-home .section-why .why-list li.why-3 .icon img {
  width: 90px;
}
@media only screen and (min-width: 768px) and (max-width:1080px) {
  .page-home .section-why .why-list ul {
    margin-right: -3.404255319148936%;
  }
  .page-home .section-why .why-list li {
    width: 29.896907216494846%;
    margin-right: 3.298969072164949%;
  }
}
@media only screen and (max-width: 767px) {
  .page-home .section-why .decoration-text {
    position: absolute;
    top: 24.53333333333333vw;
    right: -102.93333333333334vw;
    width: 157.86666666666667vw;
    height: 30.666666666666664vw;
  }
  .page-home .section-why .shape-square-gray-wrap {
    position: absolute;
    top: -144vw;
    left: -109.86666666666667vw;
    width: 141.86666666666667vw;
    height: 141.86666666666667vw;
  }
  .page-home .section-why .section-inner {
    padding: 27.46666666666667vw 0 0;
  }
  .page-home .section-why .why-list {
    margin-top: 15.2vw;
    padding: 0 9.333333333333334vw;
  }
  .page-home .section-why .why-list::after {
    height: calc(16%);
  }
  .page-home .section-why .why-list ul {
    flex-direction: column;
    margin-right: 0;
  }
  .page-home .section-why .why-list li {
    width: 100%;
    margin-right: 0;
    padding: 11.733333333333333vw 8vw 10.666666666666668vw;
    border-radius: 4vw;
  }
  .page-home .section-why .why-list li:not(:first-child) {
    margin-top: 8vw;
  }
  .page-home .section-why .why-list li .heading {
    font-size: 5.333333333333334vw;
    line-height: 1.35;
  }
  .page-home .section-why .why-list li .icon {
    margin-top: 6.666666666666667vw;
    width: 34.66666666666667vw;
    height: 34.66666666666667vw;
  }
  .page-home .section-why .why-list li .text {
    margin-top: 6.666666666666667vw;
    font-size: 3.466666666666666vw;
    line-height: 1.692307692307692;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
  }
  .page-home .section-why .why-list li.why-1 .icon img {
    width: 21vw;
  }
  .page-home .section-why .why-list li.why-2 .icon img {
    width: 21vw;
  }
  .page-home .section-why .why-list li.why-3 .icon {
/*     padding-bottom: 0.533333333333333vw; */
  }
  .page-home .section-why .why-list li.why-3 .icon img {
    width: 21vw;
  }
}
.page-home .section-feature .decoration-text {
  position: absolute;
  top: 138px;
  left: -21px;
  width: 678px;
  height: 166px;
  fill: #f7f7f7;
}
.page-home .section-feature .shape-square-blue-wrap {
  position: absolute;
  bottom: -464px;
  left: -641px;
  width: 1566px;
  height: 1064px;
  -webkit-transform: rotate(34.44deg);
          transform: rotate(34.44deg);
}
.page-home .section-feature .shape-square-blue-wrap .shape {
  width: 1064px;
  height: 1064px;
  fill: #d95d5f;
}
.page-home .section-feature .shape-square-blue-wrap .shape-square-blue-1 {
  top: 0;
  left: 0;
}
.page-home .section-feature .shape-square-blue-wrap .shape-square-blue-2 {
  top: 0;
  right: 0;
}
.page-home .section-feature .section-inner {
  padding-top: 191px;
  padding-bottom: 250px;
}
.page-home .section-feature .feature-list {
  margin-top: 146px;
}
.page-home .section-feature .feature-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.page-home .section-feature .feature-list li .text-container {
  width: 410px;
  text-align: justify;
  margin-left: 10px;
}
.page-home .section-feature .feature-list li .text-container .num {
  font-size: 1.6rem;
  color: #d95d5f;
}
.page-home .section-feature .feature-list li .text-container .heading {
  margin-top: 8px;
  margin-left: -3px;
  font-size: 3.8rem;
  line-height: 1.526315789473684;
  letter-spacing: 0.1em;
  font-weight: bold;
}
.page-home .section-feature .feature-list li .text-container .text {
  margin-top: 43px;
  font-size: 1.5rem;
  line-height: 2;
}
.page-home .section-feature .feature-list li .img-container {
  position: relative;
}
/*
.page-home .section-feature .feature-list li .img-container .parallax-item-container {
  background: #f7f7f7;
  border-radius: 30px;
}
*/
.page-home .section-feature .feature-list li:nth-child(even) .text-container {
  order: 2;
}
.page-home .section-feature .feature-list li:nth-child(even) .img-container {
  order: 1;
}
.page-home .section-feature .feature-list li.feature01 .text-container {
/*   padding-top: 26px; */
}
.page-home .section-feature .feature-list li.feature01 .img-container {
  width: 640px;
/*   margin-right: -100px; */
}
.page-home .section-feature .feature-list li.feature01 .img-container .parallax-item-container {
  height: 480px;
}
.page-home .section-feature .feature-list li.feature01 .img-container .parallax-item {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*
.page-home .section-feature .feature-list li.feature01 .img-container .img {
  position: absolute;
  top: 34px;
  right: 0;
  width: 544px;
}
*/
.page-home .section-feature .feature-list li.feature02 {
  margin-top: 210px;
}
.page-home .section-feature .feature-list li.feature02 .text-container {
  margin-right: 20px;
  padding-bottom: 14px;
}
.page-home .section-feature .feature-list li.feature02 .img-container {
  width: 440px;
  margin-left: 80px;
}
.page-home .section-feature .feature-list li.feature02 .img-container .parallax-item-container {
  height: 280px;
}
.page-home .section-feature .feature-list li.feature02 .img-container .parallax-item {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page-home .section-feature .feature-list li.feature02 .img-container .img-1 {
  position: absolute;
  top: 40px;
  right: 0;
/*   height: 670px; */
}
.page-home .section-feature .feature-list li.feature02 .img-container .img-2 {
  position: absolute;
  top: 123px;
  left: 84px;
  width: 273px;
}
.page-home .section-feature .feature-list li.feature03 {
  margin-top: 210px;
}
.page-home .section-feature .feature-list li.feature03 .text-container {
  margin-left: 81px;
  padding-bottom: 35px;
}
.page-home .section-feature .feature-list li.feature03 .text-container .heading {
  letter-spacing: 0.06em;
}
.page-home .section-feature .feature-list li.feature03 .img-container {
  width: 470px;
  margin-right: 20px;
}
/*
.page-home .section-feature .feature-list li.feature03 .img-container .img-bg {
  position: absolute;
  top: -74px;
  right: -120px;
  width: 420px;
  height: 350px;
  background: #d95d5f;
  border-radius: 50px;
}
*/
.page-home .section-feature .feature-list li.feature03 .img-container .parallax-item-container {
  height: 350px;
}
.page-home .section-feature .feature-list li.feature03 .img-container .parallax-item {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page-home .section-feature .feature-list li.feature03 .img-container .img {
  position: absolute;
  top: 30px;
  left: 30px;
  width: 440px;
}
.page-home .section-feature .feature-list li.feature03 .img-container .img img{
	width: 100%;
	height: auto;
	
}
.page-home .section-feature .feature-list li.feature04 {
  margin-top: 189px;
}
.page-home .section-feature .feature-list li.feature04 .text-container {
  width: 400px;
  padding-bottom: 4px;
}
.page-home .section-feature .feature-list li.feature04 .img-container {
  width: 660px;
  margin-left: -100px;
}
.page-home .section-feature .feature-list li.feature04 .img-container .parallax-item-container {
  height: 480px;
}
.page-home .section-feature .feature-list li.feature04 .img-container .parallax-item {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page-home .section-feature .feature-list li.feature04 .img-container .img {
  position: absolute;
  top: 59px;
  left: 77px;
  width: 544px;
}
/*
.page-home .section-feature .feature-list li.feature04 .img-container .img-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 133px;
  background: #e8e8e8;
}
*/
@media only screen and (min-width: 768px) and (max-width:1080px) {
  .page-home .section-feature .feature-list li .img-container {
    flex: 1;
  }
  .page-home .section-feature .feature-list li.feature01 .img-container {
    width: 68.08510638297872%;
    margin-right: -10.638297872340425%;
    margin-left: 4.25531914893617%;
  }
  .page-home .section-feature .feature-list li.feature01 .img-container .parallax-item-container {
    width: 100%;
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 4.6875%;
  }
  .page-home .section-feature .feature-list li.feature01 .img-container .parallax-item-container::before {
    content: "";
    display: block;
    padding-top: 75%;
  }
  .page-home .section-feature .feature-list li.feature01 .img-container .parallax-item-container > * {
    position: absolute;
  }
  .page-home .section-feature .feature-list li.feature01 .img-container .img {
    top: 7.083333333333333%;
    width: 85%;
  }
  .page-home .section-feature .feature-list li.feature02 .img-container {
    width: 46.808510638297875%;
    margin-left: 0;
    margin-right: 3.191489361702128%;
  }
  .page-home .section-feature .feature-list li.feature02 .img-container .parallax-item-container {
    width: 100%;
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 6.818181818181817%;
  }
  .page-home .section-feature .feature-list li.feature02 .img-container .parallax-item-container::before {
    content: "";
    display: block;
    padding-top: 109.09090909090908%;
  }
  .page-home .section-feature .feature-list li.feature02 .img-container .parallax-item-container > * {
    position: absolute;
  }
  .page-home .section-feature .feature-list li.feature02 .img-container .img-1 {
    top: -12.5%;
    height: 139.58333333333331%;
  }
  .page-home .section-feature .feature-list li.feature02 .img-container .img-2 {
    top: 25.624999999999996%;
    left: 19.090909090909093%;
    width: 62.04545454545455%;
  }
  .page-home .section-feature .feature-list li.feature03 .text-container {
    margin-left: 0;
  }
  .page-home .section-feature .feature-list li.feature03 .img-container {
    width: 50%;
    margin-right: 2.127659574468085%;
    margin-left: 3.191489361702128%;
  }
  .page-home .section-feature .feature-list li.feature03 .img-container .img-bg {
    top: -15.74468085106383%;
    right: -25.53191489361702%;
    width: 89.36170212765957%;
    height: 74.46808510638297%;
    border-radius: 10.638297872340425%;
  }
  .page-home .section-feature .feature-list li.feature03 .img-container .parallax-item-container {
    width: 100%;
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 6.382978723404255%;
  }
  .page-home .section-feature .feature-list li.feature03 .img-container .parallax-item-container::before {
    content: "";
    display: block;
    padding-top: 74.46808510638297%;
  }
  .page-home .section-feature .feature-list li.feature03 .img-container .parallax-item-container > * {
    position: absolute;
  }
  .page-home .section-feature .feature-list li.feature03 .img-container .img-bg {
    position: absolute;
    top: -21.142857142857142%;
    right: -25.53191489361702%;
    width: 89.36170212765957%;
    height: 100%;
  }
  .page-home .section-feature .feature-list li.feature03 .img-container .img {
    top: 11.714285714285715%;
    left: 11.702127659574469%;
    width: 76.59574468085107%;
  }
  .page-home .section-feature .feature-list li.feature04 .img-container {
    width: 70.2127659574468%;
    margin-left: -10.638297872340425%;
    margin-right: 3.191489361702128%;
  }
  .page-home .section-feature .feature-list li.feature04 .img-container .parallax-item-container {
    width: 100%;
    position: relative;
    width: 100%;
    height: 100%;
  }
  .page-home .section-feature .feature-list li.feature04 .img-container .parallax-item-container::before {
    content: "";
    display: block;
    padding-top: 72.72727272727273%;
  }
  .page-home .section-feature .feature-list li.feature04 .img-container .parallax-item-container > * {
    position: absolute;
  }
  .page-home .section-feature .feature-list li.feature04 .img-container .img {
    top: 12.291666666666666%;
    left: 11.666666666666666%;
    width: 82.42424242424242%;
  }
  .page-home .section-feature .feature-list li.feature04 .img-container .img-bg {
    height: 27.708333333333336%;
  }
}
@media only screen and (max-width: 767px) {
  .page-home .section-feature .decoration-text {
    position: absolute;
    top: 29.86666666666667vw;
    left: -38.666666666666664vw;
    width: 90.4vw;
    height: 22.133333333333333vw;
  }
  .page-home .section-feature .shape-square-blue-wrap {
    position: absolute;
    bottom: -62.93333333333333vw;
    left: -134.4vw;
    width: 208.8vw;
    height: 141.86666666666667vw;
  }
  .page-home .section-feature .shape-square-blue-wrap .shape {
    width: 141.86666666666667vw;
    height: 141.86666666666667vw;
  }
  .page-home .section-feature .section-inner {
    padding-top: 32vw;
    padding-bottom: 33.33333333333333vw;
  }
  .page-home .section-feature .feature-list {
    margin-top: 17.599999999999998vw;
  }
  .page-home .section-feature .feature-list li {
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
  }
  .page-home .section-feature .feature-list li .text-container {
    width: 100%;
    margin-left: 0;
  }
  .page-home .section-feature .feature-list li .text-container .num {
    font-size: 2.933333333333333vw;
  }
  .page-home .section-feature .feature-list li .text-container .heading {
    margin-top: 1.866666666666667vw;
    margin-left: -0.4vw;
    font-size: 7.199999999999999vw;
    line-height: 1.666666666666667;
    letter-spacing: 0;
  }
  .page-home .section-feature .feature-list li .text-container .text {
    margin-top: 6.133333333333333vw;
    font-size: 3.466666666666666vw;
    line-height: 1.923076923076923;
  }
  .page-home .section-feature .feature-list li .img-container {
    margin-top: 11.733333333333333vw;
  }
  .page-home .section-feature .feature-list li .img-container .parallax-item-container {
/*     border-radius: 4vw; */
  }
  .page-home .section-feature .feature-list li:nth-child(even) .text-container {
    order: 1;
  }
  .page-home .section-feature .feature-list li:nth-child(even) .img-container {
    order: 2;
  }
  .page-home .section-feature .feature-list li.feature01 .text-container {
    padding-top: 0;
  }
  .page-home .section-feature .feature-list li.feature01 .img-container {
    width: 100%;
/*     margin-right: -6.666666666666667vw; */
  }
  .page-home .section-feature .feature-list li.feature01 .img-container .parallax-item-container {
    height: 73.33333333333333vw;
  }
  .page-home .section-feature .feature-list li.feature01 .img-container .img {
/*     top: 5.600000000000001vw; */
    width: 100%;
  }
  .page-home .section-feature .feature-list li.feature02 {
    margin-top: 25.333333333333336vw;
  }
  .page-home .section-feature .feature-list li.feature02 .text-container {
    margin-right: 0;
    padding-bottom: 0;
  }
  .page-home .section-feature .feature-list li.feature02 .img-container {
    width: 88vw;
    margin-left: auto;
    margin-right: auto;
  }
  .page-home .section-feature .feature-list li.feature02 .img-container .parallax-item-container {
    height: 53.33333333333333vw;
  }
  .page-home .section-feature .feature-list li.feature02 .img-container .img-1 {
/*     top: -7.466666666666668vw; */
    height: 89.33333333333333vw;
  }
  .page-home .section-feature .feature-list li.feature02 .img-container .img-2 {
    position: absolute;
    top: 18.666666666666668vw;
    left: 14.133333333333335vw;
    width: 41.6vw;
  }
  .page-home .section-feature .feature-list li.feature03 {
    margin-top: 25.333333333333336vw;
  }
  .page-home .section-feature .feature-list li.feature03 .text-container {
    margin-left: 0;
    padding-bottom: 0;
  }
  .page-home .section-feature .feature-list li.feature03 .text-container .heading {
    letter-spacing: 0;
  }
  .page-home .section-feature .feature-list li.feature03 .img-container {
    width: 100%;
    margin-right: 0;
    margin-top: 21.333333333333336vw;
  }
/*
  .page-home .section-feature .feature-list li.feature03 .img-container .img-bg {
    position: absolute;
    top: -12vw;
    right: -18.666666666666668vw;
    width: 66.66666666666666vw;
    height: 55.46666666666666vw;
    border-radius: 6.666666666666667vw 0 0 6.666666666666667vw;
  }
*/
  .page-home .section-feature .feature-list li.feature03 .img-container .parallax-item-container {
    height: 55.46666666666666vw;
  }
  .page-home .section-feature .feature-list li.feature03 .img-container .img {
/*
    position: absolute;
    top: 6.4vw;
    left: 8.533333333333333vw;
*/
	position: static;
    width: 100%;
  }
  .page-home .section-feature .feature-list li.feature04 {
    margin-top: 25.2vw;
  }
  .page-home .section-feature .feature-list li.feature04 .text-container {
    width: 100%;
    padding-bottom: 0;
  }
  .page-home .section-feature .feature-list li.feature04 .img-container {
    width: 100%;
    margin-left: 0;
  }
  .page-home .section-feature .feature-list li.feature04 .img-container .parallax-item-container {
    height: 68vw;
/*     border-radius: 0 4vw 4vw 0; */
  }
  .page-home .section-feature .feature-list li.feature04 .img-container .img {
/*
    position: absolute;
    top: 8vw;
    left: 10.933333333333334vw;
*/
    width: 100%;
    position: static;
  }
  .page-home .section-feature .feature-list li.feature04 .img-container .img-bg {
/*     height: 19.066666666666666vw; */
  }
}
.page-home .section-function {
  background: #f7f7f7;
}
.page-home .section-function .decoration-text {
  position: absolute;
  top: 180px;
  right: -198px;
  width: 776px;
  height: 166px;
  fill: #fff;
}
.page-home .section-function .section-inner {
  padding-top: 242px;
  padding-bottom: 180px;
  z-index: 1;
}
.page-home .section-function .section-heading .ja .textline-1 {
  letter-spacing: -0.1em;
}
.page-home .section-function .section-heading .ja .mark {
  display: inline-block;
  margin-right: 0.4em;
}
.page-home .section-function .main-text {
  margin-top: 40px;
  margin-left: 5px;
  font-size: 1.5rem;
  line-height: 2;
  text-align: center;
}
.page-home .section-function .function-list {
  margin-top: 74px;
}
.page-home .section-function .function-list ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.page-home .section-function .function-list li {
  position: relative;
  display: flex;
  align-items: center;
  width: 240px;
  height: 110px;
  margin-bottom: 30px;
  padding-left: 115px;
  background: #fff;
  border-radius: 10px;
  box-sizing: border-box;
}
.page-home .section-function .function-list li .icon {
  position: absolute;
}
.page-home .section-function .function-list li .text {
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: bold;
}
.page-home .section-function .function-list li.function-1 .icon {
/*   top: 38px; */
  left: 39px;
  width: 50px;
}
.page-home .section-function .function-list li.function-2 .icon {
/*   top: 33px; */
  left: 39px;
  width: 40px;
}
.page-home .section-function .function-list li.function-3 .icon {
/*   top: 30px; */
  left: 49px;
  width: 40px;
}
.page-home .section-function .function-list li.function-4 .icon {
/*   top: 24px; */
  left: 39px;
  width: 50px;
}
.page-home .section-function .function-list li.function-5 .icon {
/*   top: 36px; */
  left: 39px;
  width: 50px;
}
.page-home .section-function .function-list li.function-6 {
/*   padding-left: 112px; */
}
.page-home .section-function .function-list li.function-6 .icon {
/*   top: 33px; */
  left: 39px;
  width: 40px;
}
.page-home .section-function .function-list li.function-7 .icon {
/*   top: 37px; */
  left: 49px;
  width: 30px;
}
.page-home .section-function .function-list li.function-8 {
/*   padding-left: 108px; */
}
.page-home .section-function .function-list li.function-8 .icon {
/*   top: 33px; */
  left: 39px;
  width: 50px;
}
.page-home .section-function .btn-arrow {
  margin-top: 50px;
}
@media only screen and (min-width: 768px) and (max-width:1080px) {
  .page-home .section-function .function-list li {
    width: 47.87234042553192%;
  }
}
@media only screen and (max-width: 767px) {
  .page-home .section-function .decoration-text {
    position: absolute;
    top: 29.733333333333334vw;
    right: -53.333333333333336vw;
    width: 103.46666666666667vw;
    height: 22.133333333333333vw;
  }
  .page-home .section-function .section-inner {
    padding-top: 31.733333333333334vw;
    padding-bottom: 17.333333333333336vw;
  }
  .page-home .section-function .section-heading .ja {
    margin-left: 1.333333333333333vw;
  }
  .page-home .section-function .section-heading .ja .textline-1 {
    letter-spacing: 0.08em;
  }
  .page-home .section-function .section-heading .ja .textline-2 {
    letter-spacing: -0.02em;
  }
  .page-home .section-function .section-heading .ja .mark {
    margin-right: 0;
  }
  .page-home .section-function .main-text {
    margin-top: 7.733333333333333vw;
    margin-left: 0;
    font-size: 3.466666666666666vw;
    line-height: 1.923076923076923;
    text-align: left;
  }
  .page-home .section-function .function-list {
    margin-top: 12vw;
  }
  .page-home .section-function .function-list li {
    width: 40.8vw;
    height: 21.333333333333336vw;
    margin-bottom: 5.333333333333334vw;
    padding-left: 18.666666666666668vw;
    border-radius: 1.333333333333333vw;
  }
  .page-home .section-function .function-list li .text {
    font-size: 3.2vw;
    line-height: 1.5;
  }
  .page-home .section-function .function-list li.function-1 .icon {
    top: 7.333333333333333vw;
    left: 5.600000000000001vw;
    width: 8.266666666666666vw;
  }
  .page-home .section-function .function-list li.function-2 .icon {
    top: 6.266666666666667vw;
    left: 5.866666666666666vw;
    width: 7.199999999999999vw;
  }
  .page-home .section-function .function-list li.function-3 .icon {
    top: 6.266666666666667vw;
    left: 4.133333333333333vw;
    width: 9.066666666666666vw;
  }
  .page-home .section-function .function-list li.function-4 .icon {
    top: 6.533333333333333vw;
    left: 5.466666666666667vw;
    width: 10.666666666666668vw;
  }
  .page-home .section-function .function-list li.function-5 .icon {
    top: 5.933333333333333vw;
    left: 4.866666666666666vw;
    width: 10.6vw;
  }
  .page-home .section-function .function-list li.function-6 {
    padding-left: 18.133333333333333vw;
  }
  .page-home .section-function .function-list li.function-6 .icon {
    top: 6.133333333333333vw;
    left: 6.533333333333333vw;
    width: 7.066666666666666vw;
  }
  .page-home .section-function .function-list li.function-7 .icon {
    top: 4.333333333333333vw;
    left: 5.399999999999999vw;
    width: 7.533333333333333vw;
  }
  .page-home .section-function .function-list li.function-8 {
    padding-left: 18.133333333333333vw;
  }
  .page-home .section-function .function-list li.function-8 .icon {
    top: 6.666666666666667vw;
    left: 5.733333333333333vw;
    width: 7.199999999999999vw;
  }
  .page-home .section-function .btn-arrow {
    margin-top: 8vw;
  }
}
.page-home .section-case {
  background: #f7f7f7;
  padding-bottom: 250px;
}
.page-home .section-case .section-container {
  position: relative;
}
.page-home .section-case .section-container::before {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  display: block;
  width: 50%;
  height: 100%;
  background: #fff;
}
.page-home .section-case .decoration-text {
  position: absolute;
  top: 103px;
  right: -123px;
  width: 806px;
  height: 180px;
  fill: #f7f7f7;
  z-index: 1;
}
.page-home .section-case .shape-square-gray-wrap-top {
  position: absolute;
  top: -530px;
  left: -840px;
  width: 1064px;
  height: 1064px;
  -webkit-transform: rotate(34.44deg);
          transform: rotate(34.44deg);
}
.page-home .section-case .shape-square-gray-wrap-top .shape-square-gray-top {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  fill: #f0f0f0;
}
.page-home .section-case .shape-square-ring-blue-wrap {
  position: absolute;
  bottom: -1673px;
  left: 50%;
  width: 2030px;
  height: 2030px;
  margin-left: -711px;
  -webkit-transform: rotate(46.43deg);
          transform: rotate(46.43deg);
  mix-blend-mode: multiply;
}
.page-home .section-case .shape-square-ring-blue-wrap .shape-square-ring-blue {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  fill: #0eaccc;
}
.page-home .section-case .shape-square-gray-wrap-bottom {
  position: absolute;
  bottom: -818px;
  left: 50%;
  width: 1277px;
  height: 1277px;
  margin-left: -1050px;
  -webkit-transform: rotate(34.58deg);
          transform: rotate(34.58deg);
}
.page-home .section-case .shape-square-gray-wrap-bottom .shape-square-gray-bottom {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  fill: #f0f0f0;
}
.page-home .section-case .section-inner {
  position: relative;
  background: #fff;
  border-radius: 30px;
  padding: 145px 0 80px 100px;
}
.page-home .section-case .section-heading {
  position: relative;
  text-align: left;
  z-index: 2;
}
.page-home .section-case .slider {
  overflow: hidden;
  cursor: -webkit-grab;
  cursor: grab;
  margin-top: 76px;
}
.page-home .section-case .slider:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.page-home .section-case .slider .slider-item-container {
  display: flex;
  flex-wrap: nowrap;
}
.page-home .section-case .slider .slider-item {
  width: 320px;
  margin-right: 40px;
  padding-bottom: 86px;
  flex-shrink: 0;
}
.page-home .section-case .slider .slider-item a {
  position: relative;
  display: block;
  cursor: -webkit-grab;
  cursor: grab;
}
.page-home .section-case .slider .slider-item a:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.page-home .section-case .slider .img-container {
  position: relative;
  border-radius: 15px 15px 0 0;
  overflow: hidden;
  border-bottom: 1px solid #e1e4e6;
  z-index: 1;
}
.page-home .section-case .slider .text-container {
  margin-top: 26px;
}
.page-home .section-case .slider .text-container .title {
  font-size: 1.5rem;
  line-height: 1.6;
  font-weight: bold;
}
.page-home .section-case .slider .text-container .company-info {
  margin-top: 20px;
  margin-left: 4px;
  color: #a0a0a0;
  font-size: 1.1rem;
  line-height: 1.636363636363636;
}
.page-home .section-case .slider .text-container .company-info li {
  display: flex;
  flex-wrap: wrap;
}
.page-home .section-case .slider .text-container .company-info li span:last-child {
  flex: 1;
}
.page-home .section-case .slider .slider-scroll {
  position: relative;
  width: 100%;
  height: 2px;
  margin-bottom: 5px;
  background: #f5f5f5;
}
.page-home .section-case .slider .slider-scroll .swiper-scrollbar-drag {
  position: absolute;
  top: -2px;
  left: 0;
  width: 400px;
  height: 5px;
  background: #0db9d7;
  border-radius: 2px;
}
.page-home .section-case .slider .slider-text-container {
  box-sizing: border-box;
}
.page-home .section-case .results {
  margin-top: 117px;
}
.page-home .section-case .results .heading {
  padding-right: 84px;
  text-align: center;
  font-size: 3.6rem;
  line-height: 1;
}
.page-home .section-case .results .heading span {
  display: inline-block;
  vertical-align: top;
}
.page-home .section-case .results .heading span:nth-child(1),
.page-home .section-case .results .heading span:nth-child(3),
.page-home .section-case .results .heading span:nth-child(4) {
  font-weight: bold;
}
.page-home .section-case .results .heading span:nth-child(2) {
  margin-top: -30px;
  font-size: 8rem;
  color: #0db9d7;
}
.windows .page-home .section-case .results .heading span:nth-child(2) {
  margin-top: -27px;
}
.page-home .section-case .results .heading span:nth-child(2) _::-webkit-full-page-media,
.page-home .section-case .results .heading span:nth-child(2) _:future,
:root .page-home .section-case .results .heading span:nth-child(2) {
  letter-spacing: -0.05em;
  margin-right: 3px;
}
.page-home .section-case .results .heading span:nth-child(3) {
  font-size: 4.4rem;
  margin-top: -7px;
  color: #0db9d7;
}
.page-home .section-case .results .logo-list {
  position: relative;
  margin-top: 32px;
}
.page-home .section-case .results .logo-list::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 30px;
  border: 1px solid #e8e8e8;
}
.page-home .section-case .btn-arrow {
  margin-top: 60px;
}
@media only screen and (min-width: 768px) {
  .page-home .section-case .slider .slider-item a .img-container .img {
    transition: -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .page-home .section-case .slider .slider-item a .text-container .title span {
    border-bottom: 1px solid transparent;
    transition: border-color 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .page-home .section-case .slider .slider-item a:hover .img-container .img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  .page-home .section-case .slider .slider-item a:hover .text-container .title span {
    border-color: #373737;
  }
}
@media only screen and (min-width: 768px) and (max-width:1080px) {
  .page-home .section-case .section-inner {
    margin-left: 6.481481481481481%;
    padding-left: 9.900990099009901%;
  }
}
@media only screen and (max-width: 767px) {
  .page-home .section-case {
    padding-bottom: 33.33333333333333vw;
  }
  .page-home .section-case .section-container::before {
    display: none;
  }
  .page-home .section-case .decoration-text {
    position: absolute;
    top: 19.2vw;
    right: -86.66666666666667vw;
    width: 137.33333333333334vw;
    height: 30.666666666666664vw;
  }
  .page-home .section-case .shape-square-gray-wrap-top {
    position: absolute;
    top: -66.66666666666666vw;
    left: -96vw;
    width: 141.86666666666667vw;
    height: 141.86666666666667vw;
  }
  .page-home .section-case .shape-square-ring-blue-wrap {
    bottom: -223.20000000000002vw;
    width: 270.66666666666663vw;
    height: 270.66666666666663vw;
    margin-left: -90.93333333333334vw;
  }
  .page-home .section-case .shape-square-gray-wrap-bottom {
    bottom: -107.46666666666667vw;
    width: 170.26666666666668vw;
    height: 170.26666666666668vw;
    margin-left: -138.13333333333333vw;
  }
  .page-home .section-case .section-inner {
    border-radius: 4vw;
    margin-left: 6.666666666666667vw;
    padding: 22.400000000000002vw 0 24vw 9.333333333333334vw;
  }
  .page-home .section-case .slider {
    margin-top: 15.2vw;
  }
  .page-home .section-case .slider .slider-item {
    width: 53.333333333333336vw;
    margin-right: 8vw;
    padding-bottom: 13.333333333333334vw;
  }
  .page-home .section-case .slider .img-container {
    border-radius: 2.133333333333333vw 2.133333333333333vw 0 0;
    border-width: 0.266666666666667vw;
  }
  .page-home .section-case .slider .text-container {
    margin-top: 4.533333333333333vw;
  }
  .page-home .section-case .slider .text-container .title {
    font-size: 3.2vw;
    line-height: 1.583333333333333;
  }
  .page-home .section-case .slider .text-container .company-info {
    margin-top: 3.2vw;
    margin-left: 0vw;
    font-size: 2.666666666666667vw;
    line-height: 1.7;
    display: inline-block;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
  }
  .page-home .section-case .slider .slider-scroll {
    width: 74.66666666666667vw;
    height: 0.533333333333333vw;
    margin-bottom: 0.666666666666667vw;
  }
  .page-home .section-case .slider .slider-scroll .swiper-scrollbar-drag {
    top: -0.266666666666667vw;
    width: 21.866666666666667vw;
    height: 1.066666666666667vw;
    border-radius: 0.533333333333333vw;
  }
  .page-home .section-case .results {
    margin-top: 22.666666666666664vw;
  }
  .page-home .section-case .results .heading {
    padding-right: 13.333333333333334vw;
    font-size: 5.600000000000001vw;
  }
  .page-home .section-case .results .heading span:nth-child(2) {
    margin-top: -5.333333333333334vw;
    font-size: 12.8vw;
  }
  .android .page-home .section-case .results .heading span:nth-child(2) {
    margin-top: -4vw;
    margin-left: 1.333333333333333vw;
  }
  .page-home .section-case .results .heading span:nth-child(2) _::-webkit-full-page-media,
  .page-home .section-case .results .heading span:nth-child(2) _:future,
  :root .page-home .section-case .results .heading span:nth-child(2) {
    margin-right: 0.8vw;
  }
  .page-home .section-case .results .heading span:nth-child(3) {
    font-size: 7.199999999999999vw;
    margin-top: -1.866666666666667vw;
  }
  .page-home .section-case .results .logo-list {
    width: 74.66666666666667vw;
    margin-top: 7.733333333333333vw;
  }
  .page-home .section-case .results .logo-list::before {
    border-radius: 4vw;
    border-width: 0.266666666666667vw;
  }
  .page-home .section-case .btn-arrow {
    margin: 13.333333333333334vw 0 0 9.333333333333334vw;
  }
}
.page-home .section-support {
  background: #fff;
}
.page-home .section-support .decoration-text {
  position: absolute;
  top: 168px;
  left: -100px;
  width: 760px;
  height: 220px;
  fill: #f7f7f7;
}
.page-home .section-support .shape-square-ring-gray-wrap {
  position: absolute;
  bottom: 114px;
  right: 234px;
  width: 250px;
  height: 250px;
  -webkit-transform: rotate(11.53deg);
          transform: rotate(11.53deg);
}
.page-home .section-support .shape-square-ring-gray-wrap .shape-square-ring-gray {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  fill: #f0f0f0;
}
.page-home .section-support .shape-group-container {
  position: absolute;
  bottom: 186px;
  right: -126px;
  width: 432px;
  height: 432px;
  -webkit-transform: rotate(-29.12deg);
          transform: rotate(-29.12deg);
}
.page-home .section-support .shape-group-container .shape-group {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page-home .section-support .shape-group-container .shape-square-ring-blue {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  fill: #d95d5f;
}
.page-home .section-support .shape-group-container .shape-square-ring-gray-wrap {
  position: absolute;
  bottom: 81px;
  right: 406px;
  width: 250px;
  height: 250px;
  -webkit-transform: rotate(40.53deg);
          transform: rotate(40.53deg);
}
.page-home .section-support .shape-group-container .shape-square-ring-gray-wrap .shape-square-ring-gray {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  fill: #f7f7f7;
}
.page-home .section-support .section-heading .ja {
  letter-spacing: -0.04em;
}
.page-home .section-support .section-inner {
  padding-top: 245px;
  padding-bottom: 210px;
}
.page-home .section-support .main-text {
  margin-top: 47px;
  margin-left: 4px;
  font-size: 1.6rem;
  line-height: 2;
  text-align: center;
}
.page-home .section-support .support-list {
  margin-top: 99px;
}
.page-home .section-support .support-list ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.page-home .section-support .support-list li {
  position: relative;
  width: 520px;
  margin-bottom: 40px;
}
.page-home .section-support .support-list li .inner {
  min-height: 230px;
  padding: 7px 0 0 38px;
  display: flex;
  align-items: center;
  background: #f7f7f7;
  border-radius: 15px;
  box-sizing: border-box;
}
.page-home .section-support .support-list li .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 116px;
  height: 116px;
  margin-top: -6px;
  margin-right: 36px;
  background: #fff;
  border-radius: 50%;
  box-sizing: border-box;
}
.page-home .section-support .support-list li .text-container {
  width: 290px;
}
.page-home .section-support .support-list li .text-container .heading {
  margin-left: -3px;
  font-size: 2.2rem;
  line-height: 1.363636363636364;
  font-weight: bold;
}
.page-home .section-support .support-list li .text-container .text {
  margin-top: 18px;
  font-size: 1.3rem;
  line-height: 1.846153846153846;
}
.page-home .section-support .support-list li.support-1 .icon {
  padding-top: 4px;
  padding-left: 4px;
}
.page-home .section-support .support-list li.support-1 .icon span {
  display: block;
  width: 44px;
  height: 44px;
  fill: #0db9d7;
}
.page-home .section-support .support-list li.support-2 .icon {
  padding-bottom: 12px;
}
.page-home .section-support .support-list li.support-2 .icon img {
  width: 71px;
}
.page-home .section-support .support-list li.support-3 .icon img {
  width: 48px;
}
.page-home .section-support .support-list li.support-4 .text-container {
  padding-bottom: 50px;
}
.page-home .section-support .support-list li.support-4 .icon img {
  width: 52px;
}
.page-home .section-support .support-list li.support-5 .text-container {
  padding-bottom: 44px;
}
.page-home .section-support .support-list li.support-5 .icon img {
  width: 25px;
}
.page-home .section-support .btn-detail {
  position: absolute;
  bottom: 25px;
  right: 40px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
}
.page-home .section-support .btn-detail span {
  display: block;
}
.page-home .section-support .btn-detail .btn-text {
  color: #000;
  font-size: 1.2rem;
}
.page-home .section-support .btn-detail .icon-arrow {
  position: relative;
  width: 24px;
  height: 24px;
  margin-left: 10px;
}
.page-home .section-support .btn-detail .icon-arrow .icon-arrow-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background: #0db9d7;
  border-radius: 50%;
}
.page-home .section-support .btn-detail .icon-arrow .icon-arrow-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 10px;
  margin-top: -5px;
  margin-left: -6px;
  fill: #fff;
}
@media only screen and (min-width: 768px) {
  .page-home .section-support .support-list li a {
    transition: background 0.6s cubic-bezier(0, 0.55, 0.45, 1);
  }
  .page-home .section-support .support-list li a .btn-text {
    transition: -webkit-transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
    transition: transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
    transition: transform 0.6s cubic-bezier(0, 0.55, 0.45, 1), -webkit-transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
  }
  .page-home .section-support .support-list li a:hover {
    background: #eaeaea;
  }
  .page-home .section-support .support-list li a:hover .btn-text {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
}
@media only screen and (min-width: 768px) and (max-width:1080px) {
  .page-home .section-support .support-list li {
    width: 47.87234042553192%;
  }
  .page-home .section-support .support-list li .inner {
    padding-left: 2.127659574468085%;
    padding-right: 2.127659574468085%;
  }
  .page-home .section-support .support-list li .icon {
    margin-right: 4.444444444444445%;
  }
  .page-home .section-support .support-list li .text-container {
    flex: 1;
  }
}
@media only screen and (max-width: 767px) {
  .page-home .section-support .decoration-text {
    position: absolute;
    top: 29.333333333333332vw;
    left: -44.53333333333334vw;
    width: 101.33333333333334vw;
    height: 29.333333333333332vw;
  }
  .page-home .section-support .shape-square-ring-gray-wrap {
    position: absolute;
    bottom: 20.533333333333335vw;
    right: 20.266666666666666vw;
    width: 33.33333333333333vw;
    height: 33.33333333333333vw;
  }
  .page-home .section-support .shape-group-container {
    position: absolute;
    bottom: 30.133333333333333vw;
    right: -27.73333333333333vw;
    width: 57.599999999999994vw;
    height: 57.599999999999994vw;
  }
  .page-home .section-support .shape-group-container .shape-square-ring-gray-wrap {
    position: absolute;
    bottom: 10.8vw;
    right: 54.13333333333333vw;
    width: 33.33333333333333vw;
    height: 33.33333333333333vw;
  }
  .page-home .section-support .section-heading .ja {
    letter-spacing: 0;
  }
  .page-home .section-support .section-inner {
    padding-top: 31.466666666666665vw;
    padding-bottom: 27.200000000000003vw;
  }
  .page-home .section-support .main-text {
    margin-top: 8.266666666666666vw;
    margin-left: 0;
    font-size: 3.466666666666666vw;
    line-height: 1.923076923076923;
    text-align: justify;
  }
  .page-home .section-support .support-list {
    margin-top: 11.733333333333333vw;
  }
  .page-home .section-support .support-list li {
    width: 100%;
    margin-bottom: 6.666666666666667vw;
  }
  .page-home .section-support .support-list li .inner {
    min-height: auto;
    padding: 9.6vw 0 10vw 6.666666666666667vw;
    align-items: flex-start;
    border-radius: 2.133333333333333vw;
  }
  .page-home .section-support .support-list li .icon {
    width: 17.333333333333336vw;
    height: 17.333333333333336vw;
    margin-top: -0.533333333333333vw;
    margin-right: 6.666666666666667vw;
  }
  .page-home .section-support .support-list li .text-container {
    width: 48vw;
  }
  .page-home .section-support .support-list li .text-container .heading {
    margin-left: -0.4vw;
    font-size: 4.8vw;
    line-height: 1.388888888888889;
  }
  .page-home .section-support .support-list li .text-container .text {
    margin-top: 2.666666666666667vw;
    font-size: 3.2vw;
    line-height: 1.666666666666667;
  }
  .page-home .section-support .support-list li.support-1 .icon {
    padding-top: 0;
    padding-left: 0;
  }
  .page-home .section-support .support-list li.support-1 .icon span {
    width: 6.4vw;
    height: 6.4vw;
  }
  .page-home .section-support .support-list li.support-2 .icon {
    padding-bottom: 1.6vw;
  }
  .page-home .section-support .support-list li.support-2 .icon img {
    width: 10.666666666666668vw;
  }
  .page-home .section-support .support-list li.support-3 .icon img {
    width: 7.199999999999999vw;
  }
  .page-home .section-support .support-list li.support-4 .text-container {
    padding-bottom: 6.666666666666667vw;
  }
  .page-home .section-support .support-list li.support-4 .icon img {
    width: 7.733333333333333vw;
  }
  .page-home .section-support .support-list li.support-5 .text-container {
    padding-bottom: 5.866666666666666vw;
  }
  .page-home .section-support .support-list li.support-5 .icon img {
    width: 3.733333333333334vw;
  }
  .page-home .section-support .btn-detail {
    position: absolute;
    bottom: 6.666666666666667vw;
    right: 6.666666666666667vw;
  }
  .page-home .section-support .btn-detail .btn-text {
    font-size: 2.666666666666667vw;
    letter-spacing: 0.04em;
  }
  .page-home .section-support .btn-detail .icon-arrow {
    width: 5.466666666666667vw;
    height: 5.466666666666667vw;
    margin-left: 2.4vw;
  }
  .page-home .section-support .btn-detail .icon-arrow .icon-arrow-bg {
    width: 5.466666666666667vw;
    height: 5.466666666666667vw;
  }
  .page-home .section-support .btn-detail .icon-arrow .icon-arrow-icon {
    width: 2.266666666666667vw;
    height: 1.733333333333333vw;
    margin-top: -0.933333333333333vw;
    margin-left: -1.066666666666667vw;
  }
}
.page-home .section-release .section-inner {
  display: flex;
  justify-content: space-between;
  padding-top: 120px;
  padding-bottom: 120px;
}
.page-home .section-release .section-heading {
  text-align: left;
  margin-top: 32px;
  margin-left: 10px;
}
.page-home .section-release .section-heading .ja {
  letter-spacing: -0.1em;
}
.page-home .section-release .section-heading .en {
  margin-left: 10px;
}
.page-home .section-release .btn-release {
  position: absolute;
  bottom: 148px;
  left: 0;
  width: 230px;
  height: 80px;
}
.page-home .section-release .btn-release a {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 30px;
  border-radius: 40px;
  box-sizing: border-box;
  border: 1px solid #e1e4e6;
  overflow: hidden;
  z-index: 1;
}
.page-home .section-release .btn-release span {
  display: block;
}
.page-home .section-release .btn-release .btn-bg-mask {
  position: absolute;
  top: 50%;
  left: 0;
  width: 230px;
  height: 230px;
  margin-top: -115px;
  border-radius: 50%;
  opacity: 0;
  background: #fafafa;
}
.page-home .section-release .btn-release .btn-text {
  position: relative;
  font-size: 1.5rem;
  font-weight: bold;
}
.page-home .section-release .btn-release .icon-arrow {
  position: absolute;
  top: 50%;
  right: 20px;
  width: 24px;
  height: 24px;
  margin-top: -12px;
}
.page-home .section-release .btn-release .icon-arrow .icon-arrow-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background: #f0f0f0;
  border-radius: 50%;
}
.page-home .section-release .btn-release .icon-arrow .icon-arrow-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 10px;
  margin-top: -5px;
  margin-left: -6px;
}
.page-home .section-release .release-list {
  width: 730px;
  border-top: 1px solid #e1e4e6;
}
.page-home .section-release .release-list li {
  border-bottom: 1px solid #e1e4e6;
}
.page-home .section-release .release-list li a {
  display: flex;
  padding: 35px 0 35px;
}
.page-home .section-release .release-list li .date {
  width: 146px;
  margin-top: 10px;
  margin-left: 2px;
  color: #666;
  font-size: 1.1rem;
  line-height: 1;
  letter-spacing: 0.1em;
}
.page-home .section-release .release-list li .title {
  flex: 1;
  font-size: 1.4rem;
  line-height: 2;
  letter-spacing: -0.02em;
  text-align: justify;
}
@media only screen and (min-width: 768px) {
  .page-home .section-release .btn-release .btn-bg-mask {
    -webkit-animation: btnBgMaskOff 0.6s cubic-bezier(0, 0.55, 0.45, 1);
            animation: btnBgMaskOff 0.6s cubic-bezier(0, 0.55, 0.45, 1);
  }
  .page-home .section-release .btn-release .btn-text {
    transition: opacity cubic-bezier(0, 0.55, 0.45, 1);
  }
  .page-home .section-release .btn-release:hover .btn-bg-mask {
    -webkit-animation: btnBgMask 0.6s cubic-bezier(0, 0.55, 0.45, 1) forwards;
            animation: btnBgMask 0.6s cubic-bezier(0, 0.55, 0.45, 1) forwards;
  }
  .page-home .section-release .btn-release:hover .btn-text {
    opacity: 0;
    -webkit-animation: btnText 0.6s cubic-bezier(0, 0.55, 0.45, 1) forwards;
            animation: btnText 0.6s cubic-bezier(0, 0.55, 0.45, 1) forwards;
  }
  .page-home .section-release .release-list a .title span {
    border-bottom: 1px solid transparent;
    transition: border-color 0.6s cubic-bezier(0, 0.55, 0.45, 1);
  }
  .page-home .section-release .release-list a:hover .title span {
    border-color: #373737;
  }
}
@media only screen and (min-width: 768px) and (max-width:1080px) {
  .page-home .section-release .release-list {
    width: 59.57446808510638%;
  }
  .page-home .section-release .release-list li .date {
    width: 26.071428571428573%;
  }
  .page-home .section-release .btn-release {
    margin-left: 6.481481481481481%;
  }
}
@media only screen and (max-width: 767px) {
  .page-home .section-release .section-inner {
    flex-direction: column;
    padding-top: 24.8vw;
    padding-bottom: 26.666666666666668vw;
  }
  .page-home .section-release .section-heading {
    margin-top: 0;
    margin-left: 0;
  }
  .page-home .section-release .section-heading .ja {
    letter-spacing: 0.1em;
    margin-left: -0.8vw;
  }
  .page-home .section-release .section-heading .en {
    margin-left: 0;
  }
  .page-home .section-release .btn-release {
    position: static;
    width: 56.00000000000001vw;
    height: 16vw;
    margin: 13.333333333333334vw auto 0;
  }
  .page-home .section-release .btn-release a {
    padding-left: 7.466666666666668vw;
    border-radius: 8vw;
    border-width: 0.266666666666667vw;
  }
  .page-home .section-release .btn-release .btn-text {
    font-size: 3.466666666666666vw;
    letter-spacing: 0.04em;
  }
  .page-home .section-release .btn-release .icon-arrow {
    right: 5.066666666666666vw;
    width: 5.466666666666667vw;
    height: 5.466666666666667vw;
    margin-top: -2.666666666666667vw;
  }
  .page-home .section-release .btn-release .icon-arrow .icon-arrow-bg {
    width: 5.466666666666667vw;
    height: 5.466666666666667vw;
  }
  .page-home .section-release .btn-release .icon-arrow .icon-arrow-icon {
    width: 2.266666666666667vw;
    height: 1.733333333333333vw;
    margin-top: -0.8vw;
    margin-left: -0.8vw;
  }
  .page-home .section-release .release-list {
    width: 100%;
    margin-top: 10.4vw;
    border-width: 0.266666666666667vw;
  }
  .page-home .section-release .release-list li {
    border-width: 0.266666666666667vw;
  }
  .page-home .section-release .release-list li a {
    flex-direction: column;
    padding: 7.733333333333333vw 0 6.666666666666667vw;
  }
  .page-home .section-release .release-list li .date {
    width: 100%;
    margin-top: 0;
    margin-left: 0;
    font-size: 2.666666666666667vw;
    line-height: 1;
    letter-spacing: 0.1em;
  }
  .page-home .section-release .release-list li .title {
    margin-top: 4vw;
    font-size: 3.466666666666666vw;
    line-height: 1.769230769230769;
    letter-spacing: -0.02em;
  }
}
.page-home .link-block-think-test {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  background: #37b482;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .page-home .link-block-think-test {
    max-width: 1080px;
  }
}
.page-home .link-block-think-test a {
  display: block;
}
.page-home .link-block-think-test .shape-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page-home .link-block-think-test .shape-circle-left-bottom-l {
  bottom: -376px;
  left: -168px;
  width: 779px;
  height: 779px;
  fill: #10a569;
}
.page-home .link-block-think-test .shape-circle-left-bottom-s {
  bottom: -411px;
  left: -219px;
  width: 600px;
  height: 600px;
  fill: #28ae78;
}
.page-home .link-block-think-test .shape-circle-right-top {
  top: -318px;
  right: -191px;
  width: 600px;
  height: 600px;
  fill: #fff;
  opacity: 0.1;
}
.page-home .link-block-think-test .shape-circle-ring-right-bottom {
  bottom: -137px;
  right: -143px;
  width: 326px;
  height: 326px;
  fill: #10a569;
}
.page-home .link-block-think-test .contents {
  position: relative;
  padding-top: 55px;
  padding-bottom: 70px;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
.page-home .link-block-think-test .text-1 {
  margin-left: 4px;
  font-size: 2.4rem;
  line-height: 1.583333333333333;
  letter-spacing: 0.1em;
}
.page-home .link-block-think-test .text-2 {
  margin-top: 27px;
  font-size: 1.6rem;
  line-height: 1.625;
  letter-spacing: 0.05em;
}
.page-home .link-block-think-test .logo-test {
  width: 272px;
  height: 94px;
  margin: 50px auto 0;
  fill: #fff;
}
.page-home .link-block-think-test .icon-arrow {
  position: absolute;
  top: 50%;
  right: 80px;
  width: 60px;
  height: 60px;
  margin-top: -30px;
}
.page-home .link-block-think-test .icon-arrow .icon-arrow-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 50%;
}
.page-home .link-block-think-test .icon-arrow .icon-arrow-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 10px;
  margin-top: -5px;
  margin-left: -6px;
  fill: #373737;
}
@media only screen and (min-width: 768px) {
  .page-home .link-block-think-test a .shape-container {
    transition: -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .page-home .link-block-think-test a .icon-arrow .icon-arrow-bg {
    transition: -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .page-home .link-block-think-test a .icon-arrow .icon-arrow-icon {
    transition: -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .page-home .link-block-think-test a:hover .shape-container {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  .page-home .link-block-think-test a:hover .icon-arrow .icon-arrow-bg {
    -webkit-transform: scale(0.85);
            transform: scale(0.85);
  }
  .page-home .link-block-think-test a:hover .icon-arrow .icon-arrow-icon {
    -webkit-transform: translateX(3px);
            transform: translateX(3px);
  }
}
@media only screen and (max-width: 767px) {
  .page-home .link-block-think-test .shape-circle-left-bottom-l {
    bottom: -36.4vw;
    left: -56.266666666666666vw;
    width: 106.66666666666667vw;
    height: 106.66666666666667vw;
  }
  .page-home .link-block-think-test .shape-circle-left-bottom-s {
    bottom: -25.866666666666667vw;
    left: -41.06666666666667vw;
    width: 60vw;
    height: 60vw;
  }
  .page-home .link-block-think-test .shape-circle-right-top {
    top: -52.400000000000006vw;
    right: -54.13333333333333vw;
    width: 104vw;
    height: 104vw;
  }
  .page-home .link-block-think-test .shape-circle-ring-right-bottom {
    bottom: -14.266666666666666vw;
    right: -35.46666666666667vw;
    width: 56.53333333333334vw;
    height: 56.53333333333334vw;
  }
  .page-home .link-block-think-test .contents {
    padding-top: 14.133333333333335vw;
    padding-bottom: 12vw;
    text-align: left;
  }
  .page-home .link-block-think-test .text-1 {
    margin-left: 9.066666666666666vw;
    font-size: 4.266666666666667vw;
    line-height: 1.4375;
    letter-spacing: 0.1em;
  }
  .page-home .link-block-think-test .text-2 {
    margin-top: 3.2vw;
    margin-left: 9.333333333333334vw;
    font-size: 2.666666666666667vw;
    line-height: 1.6;
    letter-spacing: 0.05em;
  }
  .page-home .link-block-think-test .logo-test {
    width: 50.66666666666667vw;
    height: 17.333333333333336vw;
    margin: 5.333333333333334vw 0 0 7.733333333333333vw;
  }
  .page-home .link-block-think-test .icon-arrow {
    right: 6.666666666666667vw;
    width: 16vw;
    height: 16vw;
    margin-top: -8vw;
  }
  .page-home .link-block-think-test .icon-arrow .icon-arrow-icon {
    width: 3.2vw;
    height: 2.666666666666667vw;
    margin-top: -1.333333333333333vw;
    margin-left: -1.6vw;
  }
}

/* インタビューにシェアボタン追加 */
.article-share {
  padding-bottom: 20vw;
  margin: 13.333333333333334vw 0 1.333333333333333vw;
}
.article-share .inner {
  position: relative;
  width: 89.33333333333333vw;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 768px) {
  .article-share {
    padding-bottom: 100px;
    margin: 65px auto 0;
    max-width: 800px;
  }
  .article-share .inner {
    box-sizing: border-box;
    max-width: none;
    width: 100%;
  }
}
.article-share .btn-share {
  justify-content: center;
  align-items: center;
  display: flex;
  background-color: transparent;
  box-sizing: border-box;
  cursor: pointer;
  pointer-events: auto;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  vertical-align: middle;
}
.article-share .btn-share * {
  pointer-events: none;
}
.article-share .article-share-heading {
  font-size: 5.333333333333334vw;
  font-weight: 700;
  margin-bottom: 6.933333333333333vw;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .article-share .article-share-heading {
    font-size: 1.8rem;
    margin-bottom: 40px;
  }
}
.article-share .article-share-list {
  display: flex;
  gap: 5.333333333333334vw;
}
@media only screen and (min-width: 768px) {
  .article-share .article-share-list {
    gap: 40px;
  }
}
.article-share .article-share-item {
  flex: 1;
}
.article-share .article-share-btn {
  border-radius: 0.8vw;
  height: 13.333333333333334vw;
}
.article-share .article-share-btn .icon-sns {
  fill: #fff;
}
@media only screen and (min-width: 768px) {
  .article-share .article-share-btn {
    border-radius: 6px;
    height: 90px;
    transition: background 0.6s cubic-bezier(0, 0.55, 0.45, 1);
  }
  .article-share .article-share-btn .icon-sns {
    transition: fill 0.6s cubic-bezier(0, 0.55, 0.45, 1);
  }
  .article-share .article-share-btn:hover {
    background: #fff;
  }
}
.article-share .article-share-btn-facebook {
  background: #4267b2;
}
.article-share .article-share-btn-facebook .icon-facebook {
  width: 2.4vw;
  height: 4.533333333333333vw;
}
@media only screen and (min-width: 768px) {
  .article-share .article-share-btn-facebook {
    border: 2px solid #4267b2;
  }
  .article-share .article-share-btn-facebook .icon-facebook {
    width: 18px;
    height: 34px;
  }
  .article-share .article-share-btn-facebook:hover .icon-facebook {
    fill: #4267b2;
  }
}
.article-share .article-share-btn-twitter {
  background: #1da1f2;
}
.article-share .article-share-btn-twitter .icon-twitter {
  width: 4.399999999999999vw;
  height: 3.6vw;
}
@media only screen and (min-width: 768px) {
  .article-share .article-share-btn-twitter {
    border: 2px solid #1da1f2;
  }
  .article-share .article-share-btn-twitter .icon-twitter {
    width: 33px;
    height: 27px;
  }
  .article-share .article-share-btn-twitter:hover .icon-twitter {
    fill: #1da1f2;
  }
}
.article-share .article-share-btn-line {
  background: #00B900;
}
.article-share .article-share-btn-line .icon-line {
  width: 5.867014341590613vw;
  height: 5.6vw;
}
@media only screen and (min-width: 768px) {
  .article-share .article-share-btn-line {
    border: 2px solid #00B900;
  }
  .article-share .article-share-btn-line .icon-line {
    width: 45px;
    height: 42.877px;
  }
  .article-share .article-share-btn-line:hover .icon-line {
    fill: #00B900;
  }
}
.article-share .article-share-btn-linkedin {
  background: #0077B5;
}
.article-share .article-share-btn-linkedin .icon-linkedin {
  width: 5.867014341590613vw;
  height: 5.867014341590613vw;
}
@media only screen and (min-width: 768px) {
  .article-share .article-share-btn-linkedin {
    border: 2px solid #0077B5;
  }
  .article-share .article-share-btn-linkedin .icon-linkedin {
    width: 45px;
    height: 45px;
  }
  .article-share .article-share-btn-linkedin:hover .icon-linkedin {
    fill: #0077B5;
  }
}

.lower-article-heading-inner .link-block-sns {
  margin: 25px auto 0;
  max-width: 1080px;
}
.lower-article-heading-inner .link-block-sns ul {
  display: flex;
}
.lower-article-heading-inner .link-block-sns li {
  width: 44px;
  height: 44px;
}
.lower-article-heading-inner .link-block-sns a,
.lower-article-heading-inner .link-block-sns span {
  display: block;
}
.lower-article-heading-inner .link-block-sns a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #606f75;
  border-radius: 50%;
  box-sizing: border-box;
}
@media only screen and (min-width: 768px) {
  .lower-article-heading-inner .link-block-sns a {
    transition: opacity 0.6s cubic-bezier(0, 0.55, 0.45, 1);
  }
  .lower-article-heading-inner .link-block-sns a:hover {
    opacity: 0.7;
  }
}



.lower-article-heading-inner .link-block-sns .icon {
  fill: #606f75;
}
.lower-article-heading-inner .link-block-sns .btn-twitter {
  margin-right: 18px;
}
.lower-article-heading-inner .link-block-sns .btn-twitter .icon {
  width: 20px;
  height: 16px;
}
.lower-article-heading-inner .link-block-sns .btn-facebook {
  margin-right: 18px;
}
.lower-article-heading-inner .link-block-sns .btn-facebook .icon {
  width: 10px;
  height: 19px;
}
.lower-article-heading-inner .link-block-sns .btn-line {
  margin-right: 18px;
}
.lower-article-heading-inner .link-block-sns .btn-line .icon {
  width: 20px;
  height: 19px;
}
.lower-article-heading-inner .link-block-sns .btn-linkedin .icon {
  width: 20px;
  height: 20px;
}
@media only screen and (max-width: 767px) {
  .lower-article-heading-inner .link-block-sns li {
    width: 12vw;
    height: 12vw;
  }
  .lower-article-heading-inner .link-block-sns a {
    border-width: 0.266666666666667vw;
  }
  .lower-article-heading-inner .link-block-sns .btn-twitter {
    margin-right: 4vw;
  }
  .lower-article-heading-inner .link-block-sns .btn-twitter .icon {
    width: 4.8vw;
    height: 3.866666666666667vw;
  }
  .lower-article-heading-inner .link-block-sns .btn-facebook {
    margin-right: 4vw;
  }
  .lower-article-heading-inner .link-block-sns .btn-facebook .icon {
    width: 2.4vw;
    height: 4.666666666666667vw;
  }
  .lower-article-heading-inner .link-block-sns .btn-line {
    margin-right: 4vw;
  }
  .lower-article-heading-inner .link-block-sns .btn-line .icon {
    width: 4.8vw;
    height: 4.8vw;
  }
  .lower-article-heading-inner .link-block-sns .btn-linkedin .icon {
    width: 4.8vw;
    height: 4.8vw;
  }
}