@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Noto+Sans+JP:wght@100..900&family=Outfit:wght@100..900&display=swap);
@import url("https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&&family=Roboto:ital,wght@0,100..900;1,100..900&family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&family=Zen+Old+Mincho:wght@400;500;600;700;900&display=swap");
* {
  margin: 0;
  padding: 0;
  outline: none;
  font: inherit;
  font-weight: inherit;
  font-family: inherit;
  -ms-text-size-adjust: none;
      text-size-adjust: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

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

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

a, img {
  border: none;
  outline: none;
}

img {
  vertical-align: middle;
}

label, button {
  cursor: pointer;
}

a, button {
  text-decoration: none;
  -webkit-transition: opacity 0.16s ease-in-out;
  transition: opacity 0.16s ease-in-out;
}
a:hover, button:hover {
  opacity: 0.8;
}
a:active, button:active {
  opacity: 0.5;
}
a:focus, button:focus {
  outline: 2px solid rgb(82, 101, 143);
  border-radius: 4px;
}
a:focus:not(:focus-visible), button:focus:not(:focus-visible) {
  outline: none;
}

b, .b {
  font-weight: normal;
}

strong, .strong {
  font-weight: 700;
}

em {
  font-weight: normal;
}

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

small, .small {
  font-size: 85.75%;
}

p, .p, li, dt, dd, th, td {
  font-size: 1.1111111111vw;
  line-height: 1.9444444444vw;
  font-size: max( 1.1111111111vw , 16px);
  line-height: max( 1.9444444444vw , 28px);
  line-break: strict;
}
@media only screen and (min-width: 1441px) {
  p, .p, li, dt, dd, th, td {
    font-size: 16px;
    line-height: 28px;
  }
}

ol, ul, li {
  list-style: none;
}

ul li p,
ol li p {
  font-size: 100%;
}

img {
  max-width: 100%;
  width: auto;
  height: auto;
  vertical-align: middle;
}
img .lazy {
  opacity: 0;
}
img .fade-in {
  opacity: 1;
  -webkit-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
}

a {
  color: #2b2b2b;
}
a:link, a:active, a:hover, a:visited {
  color: #2b2b2b;
}

*[target=_blank]:after,
.newwindow:after {
  display: inline-block;
  position: relative;
  content: "";
  background: url("../image/icon_newwindow.svg") no-repeat center center;
  background-size: 14px 14px;
  vertical-align: middle;
  margin-left: 3px;
  margin-right: 0;
  top: -2px;
  width: 14px;
  height: 14px;
  font-size: 0;
  line-height: 12px;
}
form *[target=_blank]:after, tr *[target=_blank]:after,
form .newwindow:after,
tr .newwindow:after {
  background-image: url("../image/icon_newwindow_black.svg");
}
form *[target=_blank]:after,
form .newwindow:after {
  background-size: 10px 10px;
  width: 10px;
  height: 10px;
  top: -1px;
}

p.notes,
span.notes {
  text-indent: -1em !important;
  margin-left: 1em !important;
  overflow: visible;
}

span.notes {
  display: block;
}

ul.notes,
ol.notes {
  margin-left: 0 !important;
  list-style-type: none !important;
}
ul.notes > li,
ol.notes > li {
  text-indent: -1em !important;
  margin-left: 1em !important;
  overflow: visible;
  list-style-type: none !important;
}

html > img {
  position: absolute;
  top: -100px;
  left: -100px;
  z-index: -1;
}

body {
  background-color: #FFF;
  font-size: 16px;
  line-height: 162.5%;
  line-break: strict;
  font-family: "Noto Sans JP", serif;
  color: #2b2b2b;
  letter-spacing: 1px;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  opacity: 1;
}
@media only screen and (min-width: 1441px) {
  body {
    font-size: 16px;
  }
}
body.no_scroll {
  overflow: hidden;
}

.body-wrap {
  position: relative;
  background-color: #fff;
  margin: 0 auto;
  width: 100%;
  min-height: 100vh;
  min-height: 100dvh;
}
.body-wrap.white {
  background-color: #FFF;
}

.box-bg.gray {
  background: #f2f2f2;
  position: relative;
}
.box-bg.gray .search__wrap,
.box-bg.gray .search__wrap:nth-child(1),
.box-bg.gray .search__wrap:nth-child(2),
.box-bg.gray .navigation.pagination {
  background: #f2f2f2;
}

.corp-content {
  padding: 100px 5%;
  color: #45484E;
}
@media only screen and (max-width: 767px) {
  .corp-content {
    padding: 0 0 50px 0;
  }
}
.corp-content__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 1200px;
  margin: 0 auto;
  gap: 36px;
}
@media only screen and (max-width: 767px) {
  .corp-content__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.corp-content__main {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 780px;
}
@media only screen and (max-width: 1080px) {
  .corp-content__main {
    width: 680px;
  }
}
@media only screen and (max-width: 980px) {
  .corp-content__main {
    width: 580px;
  }
}
@media only screen and (max-width: 767px) {
  .corp-content__main {
    margin-right: 0;
    width: 100%;
  }
}
.corp-content__menu {
  width: 340px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .corp-content__menu {
    width: 100%;
    padding: 0;
  }
}
.corp-content__menu nav {
  background-color: #FFF;
  padding: 24px 24px;
}
@media only screen and (max-width: 767px) {
  .corp-content__menu nav {
    padding: 15px 20px 40px 20px;
  }
}
.corp-content__menu nav ul li a {
  display: block;
  position: relative;
  padding: 8px 30px 8px 0;
  font-weight: 700;
}
.corp-content__menu nav ul li a::after {
  content: "";
  position: absolute;
  display: block;
  width: 26px;
  height: 26px;
  background: url("../image/icon_arrow_right.svg") no-repeat center center;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.corp-content__menu nav ul li a.current {
  background-color: #F5F5F7;
}
@media only screen and (max-width: 1100px) {
  .corp-content__menu nav ul li a {
    font-size: 12px;
    line-height: 1.4;
  }
}
@media only screen and (max-width: 767px) {
  .corp-content__menu nav ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .corp-content__menu nav ul li {
    width: 20%;
  }
  .corp-content__menu nav ul li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    text-align: center;
    font-size: 12px;
    line-height: 1.2;
    height: 100%;
    padding: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .corp-content__menu nav ul li a::after {
    right: 50%;
    -webkit-transform: translateX(50%) rotate(90deg);
            transform: translateX(50%) rotate(90deg);
    top: 100%;
  }
  .corp-content__menu nav ul li a[href^="#"]::after {
    right: 50%;
    -webkit-transform: translateX(50%) rotate(90deg);
            transform: translateX(50%) rotate(90deg);
    top: 100%;
  }
}
.corp-content__menu nav.sticky {
  position: fixed;
  top: 130px;
  width: 340px;
  padding-top: 1em;
}
@media only screen and (max-width: 1440px) {
  .corp-content__menu nav.sticky {
    width: calc(90% - 780px - 36px);
    max-width: 340px;
  }
}
@media only screen and (max-width: 1080px) {
  .corp-content__menu nav.sticky {
    width: calc(90% - 680px - 36px);
  }
}
@media only screen and (max-width: 980px) {
  .corp-content__menu nav.sticky {
    width: calc(90% - 580px - 36px);
  }
}
.corp-content__menu nav.absolute {
  position: absolute;
  bottom: 0;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .corp-content__menu nav.sticky {
    position: static;
    top: auto;
    width: 100%;
  }
  .corp-content__menu nav.absolute {
    position: static;
    bottom: auto;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .corp-content__wrap {
    gap: 4%;
  }
  .corp-content__main {
    width: 73%;
  }
  .corp-content__menu {
    width: 23%;
  }
  .corp-content__menu nav.sticky {
    width: 20.5%;
  }
}

.notfound.section-base {
  padding: 190px 5% 100px 5%;
}
.notfound__wrap {
  background-color: #FFF;
  padding: 64px 5%;
  max-width: 1024px;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .notfound__wrap {
    padding: 40px 5%;
  }
}
.notfound h1 {
  font-size: 32px;
}
.notfound p {
  padding: 30px 0;
  text-align: center;
}
.notfound .button {
  border: 1px solid #2b2b2b;
  width: 50%;
  min-width: 400px;
  margin: 0 auto;
}
.notfound .button a.type02 {
  padding: 25px 40px;
}
.notfound .button a.type02::after {
  display: none;
}

h1,
h2,
h3,
.font-title {
  font-family: "Noto Sans JP", serif;
  font-weight: 700;
}

.heading {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
  padding-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .heading {
    padding-bottom: 40px;
  }
}
.heading h2 {
  position: relative;
  font-size: 32px;
  letter-spacing: 1px;
  line-height: 1.3;
}
@media only screen and (max-width: 767px) {
  .heading h2 {
    font-size: clamp(22px,  5.8666666667vw , 12px);
  }
}
.heading h2 .label {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 20px;
  letter-spacing: 1px;
  font-weight: normal;
  text-align: center;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .heading h2 .label {
    font-size: clamp(18px,  4.8vw , 12px);
  }
}
.heading h2 .small {
  margin: 0 0 0 10px;
  font-size: 50%;
  letter-spacing: normal;
  font-weight: normal;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .heading h2 .small {
    font-size: clamp(18px,  4.8vw , 12px);
  }
}
.heading.no-label h2 {
  padding-top: 0;
}
.heading--read {
  padding-top: 2em;
  font-weight: normal;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 2;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .heading--read {
    font-size: clamp(16px,  4.2666666667vw , 12px);
  }
}
.heading--read.small {
  font-size: 16px;
}
@media only screen and (max-width: 767px) {
  .heading--read.small {
    font-size: clamp(16px,  4.2666666667vw , 12px);
  }
}

.mt5 {
  margin-top: 5px;
}

.mb5 {
  margin-bottom: 5px;
}

.ml5 {
  margin-left: 5px;
}

.mr5 {
  margin-right: 5px;
}

.mt10 {
  margin-top: 10px;
}

.mb10 {
  margin-bottom: 10px;
}

.ml10 {
  margin-left: 10px;
}

.mr10 {
  margin-right: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mb15 {
  margin-bottom: 15px;
}

.ml15 {
  margin-left: 15px;
}

.mr15 {
  margin-right: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mb20 {
  margin-bottom: 20px;
}

.ml20 {
  margin-left: 20px;
}

.mr20 {
  margin-right: 20px;
}

.mt25 {
  margin-top: 25px;
}

.mb25 {
  margin-bottom: 25px;
}

.ml25 {
  margin-left: 25px;
}

.mr25 {
  margin-right: 25px;
}

.mt30 {
  margin-top: 30px;
}

.mb30 {
  margin-bottom: 30px;
}

.ml30 {
  margin-left: 30px;
}

.mr30 {
  margin-right: 30px;
}

.mt35 {
  margin-top: 35px;
}

.mb35 {
  margin-bottom: 35px;
}

.ml35 {
  margin-left: 35px;
}

.mr35 {
  margin-right: 35px;
}

.mt40 {
  margin-top: 40px;
}

.mb40 {
  margin-bottom: 40px;
}

.ml40 {
  margin-left: 40px;
}

.mr40 {
  margin-right: 40px;
}

.mt45 {
  margin-top: 45px;
}

.mb45 {
  margin-bottom: 45px;
}

.ml45 {
  margin-left: 45px;
}

.mr45 {
  margin-right: 45px;
}

.mt50 {
  margin-top: 50px;
}

.mb50 {
  margin-bottom: 50px;
}

.ml50 {
  margin-left: 50px;
}

.mr50 {
  margin-right: 50px;
}

@media only screen and (max-width: 767px) {
  .pc-only {
    display: none !important;
  }
}

.sp-only {
  display: none !important;
}
@media only screen and (max-width: 767px) {
  .sp-only {
    display: inline-block !important;
  }
}

.section-base {
  padding: 100px 5%;
}
@media only screen and (max-width: 767px) {
  .section-base {
    padding: 50px 5%;
  }
}
.section-base__wrap {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

*:not(.box-bg) + .section-base {
  padding-top: 0;
}

#faq + #download .heading {
  border-top: none;
}
@media only screen and (max-width: 767px) {
  #faq + #download .heading {
    padding-top: 0;
  }
}

.header__category + .section-base,
.search + .section-base,
.blog + .section-base,
.seminar-seminar + .section-base {
  padding-top: 50px;
}

.cv + .section-base,
.seminar-seminar__wrap + .cv,
.cv + .seminar-seminar__wrap {
  padding-top: 100px;
}
@media only screen and (max-width: 767px) {
  .cv + .section-base,
  .seminar-seminar__wrap + .cv,
  .cv + .seminar-seminar__wrap {
    padding-top: 50px;
  }
}

.cv + .seminar-seminar__wrap.past,
.seminar-seminar__wrap.past + .cv {
  margin-top: 0;
}

/*
.bg-left {
	background: url("../image/bg_left.png") no-repeat;
	background-position: left 0 top 70%;

	&-absolute {
		position: relative;

		&::after {
			content: "";
			display: block;
			position: absolute;
			width: 100%;
			height: 100%;
			left: 0;
			top: 0;
			background: url("../image/bg_left.png") no-repeat;
			background-position: left 0 top 0;
			z-index: 0;
		}

		.section-base {
			position: relative;
			background: inherit;
			z-index: 1;
		}
	}
}

.bg-leftbottom {
	background: url("../image/bg_left.png") no-repeat;
	background-position: left 0 bottom 200%;

	@media only screen and (max-width: 767px) {
		background-position: left -40px bottom -30%;
		background-size: 100% auto;
	}
}

.bg-bottom {
	background: url("../image/bg_bottom.png") no-repeat;
	background-position: left 0 bottom -160%;

	@media only screen and (max-width: 767px) {
		background-size: 100% auto;
	}
}

.bg-middle {
	background-image: url("../image/bg_bottom.png");
	background-repeat: no-repeat;
	background-position: center bottom 60%;

	@media only screen and (max-width: 767px) {
		background-size: 100% auto;
	}
}
*/
.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.box-gray {
  background-color: #F8F8F8;
  border-radius: 50px;
  padding: 60px;
}
@media only screen and (max-width: 767px) {
  .box-gray {
    border-radius: 30px;
    padding: 30px 20px;
  }
}

.quote-box {
  padding: 70px 30px;
  margin: 40px 0;
  position: relative;
  background-color: #F1F5F6;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  color: #45484E;
  line-height: 1.6;
}
.quote-box::before {
  position: absolute;
  content: "“";
  font-size: 60px;
  left: 20px;
  top: 20px;
  line-height: 1;
}
.quote-box::after {
  position: absolute;
  content: "“";
  font-size: 60px;
  right: 20px;
  bottom: 20px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .quote-box {
    font-size: 18px;
    padding: 50px 20px;
    margin: 20px 0;
  }
  .quote-box::before {
    font-size: 40px;
    left: 10px;
    top: 10px;
  }
  .quote-box::after {
    font-size: 40px;
    right: 10px;
    bottom: 10px;
  }
}

.movie-box {
  width: 100%;
  aspect-ratio: 16/9;
}
.movie-box iframe {
  width: 100%;
  height: 100%;
}
* + .movie-box {
  margin-top: 40px;
}

.is-type-video {
  width: 100%;
  aspect-ratio: 16/9;
}
.is-type-video iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
}

* + .is-type-video {
  margin-top: 40px;
}

.breadcrumb {
  background: #F2F2F2;
  padding: 17px 20px 15px;
}
@media only screen and (max-width: 767px) {
  .breadcrumb {
    display: none;
  }
}
.breadcrumb__wrap {
  max-width: 1200px;
  margin: 0 auto;
}
.breadcrumb__wrap ol {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
}
.breadcrumb__wrap ol li {
  margin-right: 10px;
  font-size: 14px;
  line-height: 16px;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .breadcrumb__wrap ol li {
    font-size: clamp(14px,  3.7333333333vw , 12px);
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
.breadcrumb__wrap ol li::after {
  content: ">";
  margin-left: 10px;
}
.breadcrumb__wrap ol li:last-child {
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 0;
}
.breadcrumb__wrap ol li:last-child::after {
  display: none;
}
.breadcrumb__wrap ol li a {
  font-style: normal;
  font-weight: 700;
  color: #B5B5B5;
}

.pop-banner {
  display: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.7);
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  z-index: 100;
}
.pop-banner.display {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.pop-banner__content {
  position: relative;
  margin: 0 10%;
  height: auto;
  max-width: 969px;
  max-height: 80vh;
  text-align: center;
  aspect-ratio: 16/9;
}
.pop-banner__content span {
  position: absolute;
  display: block;
  right: 0;
  top: -40px;
  width: 30px;
  height: 30px;
  color: #FFF;
}
.pop-banner__content span .close {
  display: block;
  position: relative;
  width: 30px;
  height: 30px;
  font-size: 0;
  text-align: center;
}
.pop-banner__content span .close::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background: #FFF;
  left: 0;
  top: 14px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.pop-banner__content span .close::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background: #FFF;
  left: 0;
  top: 14px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.pop-banner__content a {
  display: block;
}

.no-scroll {
  overflow: hidden;
}

.imgpop {
  display: block;
  position: relative;
  -webkit-transform: translateZ(1px);
          transform: translateZ(1px);
}

.pickup {
  padding-top: 50px;
  padding-bottom: 20px;
}
.pickup__wrap {
  padding: 0 5%;
}
.pickup h2 {
  font-size: 16px;
  max-width: 1200px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.gdpr {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  background: #FFF;
  -webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.16);
  z-index: 1000;
}
.gdpr__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 14px 40px 14px 40px;
  gap: 30px;
  max-width: 1440px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .gdpr__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
    padding: 20px 5% 20px 5%;
  }
}
.gdpr__wrap--text {
  background: url("../image/icon_lock.svg") no-repeat left center;
  padding-left: 60px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
}
@media only screen and (max-width: 767px) {
  .gdpr__wrap--text {
    padding-left: 40px;
    padding-right: 8%;
  }
}
.gdpr__wrap--button {
  width: 408px;
  height: 46px;
}
@media only screen and (max-width: 980px) {
  .gdpr__wrap--button {
    height: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .gdpr__wrap--button {
    width: 100%;
    height: 46px;
  }
}
.gdpr__wrap--button ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px;
  gap: 8px;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 980px) {
  .gdpr__wrap--button ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .gdpr__wrap--button ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 2%;
  }
}
.gdpr__wrap--button ul li {
  width: 200px;
  height: 100%;
}
.gdpr__wrap--button ul li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #2b2b2b;
  border-radius: 2px;
  color: #2b2b2b;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: 700;
}
.gdpr__wrap--button ul li:last-child a {
  background-color: #2b2b2b;
  color: #FFF;
}
@media only screen and (max-width: 767px) {
  .gdpr__wrap--button ul li {
    width: 49%;
  }
}
.gdpr__wrap--close {
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  right: 40px;
  top: 14px;
}
@media only screen and (max-width: 767px) {
  .gdpr__wrap--close {
    top: 20px;
    right: 4%;
  }
}
.gdpr__wrap--close a {
  display: block;
  position: relative;
  width: 24px;
  height: 24px;
  text-indent: -999;
  font-size: 0;
  padding: 7px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.gdpr__wrap--close a::before {
  content: "";
  display: block;
  position: absolute;
  width: 10px;
  height: 2px;
  background-color: #2b2b2b;
  left: 7px;
  top: 7px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.gdpr__wrap--close a::after {
  content: "";
  display: block;
  position: absolute;
  width: 10px;
  height: 2px;
  background-color: #2b2b2b;
  left: 7px;
  top: 7px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

ul.bullet-box {
  background: #fff;
  border: 1px solid #CCCED5;
  border-radius: 20px;
  padding: 20px;
}
@media only screen and (max-width: 767px) {
  ul.bullet-box {
    padding: 10px 20px;
  }
}
ul.bullet-box li {
  padding: 0 0 0 40px;
  min-height: 32px;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0;
  position: relative;
}
@media only screen and (max-width: 767px) {
  ul.bullet-box li {
    font-size: 1em;
  }
}
ul.bullet-box li + li {
  margin-top: 1em;
}
ul.bullet-box li::before {
  content: "";
  border-radius: 50%;
  background-color: #05AFEA;
  width: 32px;
  height: 32px;
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
ul.bullet-box li::after {
  content: "";
  display: block;
  position: absolute;
  background: url("../image/icon_check_white.svg") no-repeat 0 0;
  background-size: cover;
  width: 16px;
  height: 11px;
  left: 8px;
  top: 50%;
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}

.col2-content {
  padding: 160px 5% 100px 5%;
}
@media only screen and (max-width: 767px) {
  .col2-content {
    padding: 80px 0 50px 0;
  }
}
.col2-content__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 1200px;
  margin: 0 auto;
  gap: 100px;
}
@media only screen and (max-width: 767px) {
  .col2-content__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 30px;
  }
}
.col2-content__main {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: calc(100% - 433px);
}
@media only screen and (max-width: 767px) {
  .col2-content__main {
    margin-right: 0;
    width: 100%;
  }
}
.col2-content__main .pickup {
  padding-top: 60px;
}
@media only screen and (max-width: 767px) {
  .col2-content__main .pickup {
    display: none;
  }
}
.col2-content__main .pickup h2 {
  font-size: 20px;
  padding-bottom: 10px;
}
.col2-content__main .pickup__item {
  margin-top: 20px;
}
.col2-content__main .pickup__item a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 4.4%;
}
.col2-content__main .pickup__image {
  width: 34.7%;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  overflow: hidden;
}
.col2-content__main .pickup__image img {
  width: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 16/9;
}
.col2-content__main .pickup__text {
  width: 60.9%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.col2-content__main .pickup__text h3, .col2-content__main .pickup__text--title {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
}
.col2-content__main .pickup__text p.label {
  font-size: 12px;
  color: rgb(82, 101, 143);
  padding-top: 0.5em;
}
.col2-content__main .pickup__text p.label span {
  color: #2b2b2b;
}
.col2-content__right {
  position: relative;
  width: 333px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .col2-content__right {
    margin-bottom: 0;
  }
}
.col2-content__right--wrap.sticky {
  position: fixed;
  top: 130px;
  width: 333px;
}
.col2-content__right--wrap.absolute {
  position: absolute;
  bottom: 0;
  width: 333px;
}
.col2-content__right--banner a {
  display: block;
  margin-bottom: 10px;
}
.col2-content__right--banner a img {
  border-radius: 20px;
  width: 100%;
  display: block;
}
.col2-content__right .pickup {
  padding-top: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
.col2-content__right .pickup h2 {
  border-bottom: 1px solid #CCCED5;
  padding-bottom: 0.5em;
  width: 100%;
}
.col2-content__right .pickup__item a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.col2-content__right .pickup__image {
  width: 114px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  overflow: hidden;
}
.col2-content__right .pickup__image img {
  width: auto;
  aspect-ratio: 57/32;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.col2-content__right .pickup__text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.col2-content__right .pickup__text h3, .col2-content__right .pickup__text--title {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
}
.col2-content__right .pickup__text p.label {
  font-size: 12px;
  color: #A3A3A3;
  padding-top: 0.5em;
}
@media only screen and (max-width: 767px) {
  .col2-content__right {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 5%;
  }
  .col2-content__right--wrap.sticky {
    position: static;
    top: auto;
    width: 100%;
  }
  .col2-content__right--wrap.absolute {
    position: static;
    bottom: auto;
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .col2-content__wrap + .button.return {
    margin-top: 30px;
  }
}

.col2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 2em 4%;
}
@media only screen and (max-width: 767px) {
  .col2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
  }
}
.col2__cell {
  width: 48%;
  background-color: #FFF;
}
@media only screen and (max-width: 767px) {
  .col2__cell {
    width: 100%;
  }
}
.col2__item--headtitle {
  text-align: center;
  padding-bottom: 0.5em;
  font-size: 18px;
}
@media only screen and (max-width: 767px) {
  .col2__item--headtitle {
    font-size: clamp(16px,  4.2666666667vw , 12px);
  }
}
.col2__item--image {
  width: 100%;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .col2__item--image {
    height: auto;
  }
}
.col2__item--image img {
  -o-object-fit: cover;
     object-fit: cover;
}
.col2__item--title {
  padding: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  margin-top: 40px;
}
@media only screen and (max-width: 767px) {
  .col2__item--title {
    font-size: clamp(20px,  5.3333333333vw , 12px);
  }
}
.col2__item--title .label {
  display: block;
  font-size: 12px;
  font-weight: normal;
  padding-bottom: 1em;
}

.col3,
.col4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 2em 2.9%;
}
@media only screen and (max-width: 767px) {
  .col3,
  .col4 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
  }
}
.col3__cell,
.col4__cell {
  -webkit-box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.1);
  background: #FFF;
  border-radius: 20px;
  width: 31.4%;
  display: block;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .col3__cell,
  .col4__cell {
    width: 100%;
  }
}
.col3__cell > a,
.col4__cell > a {
  display: block;
}
.col3__item,
.col4__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.col3__item--headtitle,
.col4__item--headtitle {
  text-align: center;
  padding-bottom: 15px;
  font-size: 18px;
  background-color: #fff;
}
@media only screen and (max-width: 767px) {
  .col3__item--headtitle,
  .col4__item--headtitle {
    font-size: clamp(18px,  4.8vw , 12px);
  }
}
.col3__item--image,
.col4__item--image {
  width: 100%;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .col3__item--image,
  .col4__item--image {
    height: auto;
  }
}
.col3__item--image img,
.col4__item--image img {
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
}
.col3__item--company,
.col4__item--company {
  margin: 0 0 1em 0;
  font-size: 14px;
  font-weight: 700;
}
@media only screen and (max-width: 767px) {
  .col3__item--company,
  .col4__item--company {
    font-size: clamp(14px,  3.7333333333vw , 12px);
  }
}
.col3__item--content,
.col4__item--content {
  display: block;
  color: #2b2b2b;
  padding: 20px;
  background: #FFF;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media only screen and (max-width: 767px) {
  .col3__item--content,
  .col4__item--content {
    padding: 24px;
  }
}
.col3__item--service, .col3__item--business,
.col4__item--service,
.col4__item--business {
  padding: 25px 0 30px 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .col3__item--service, .col3__item--business,
  .col4__item--service,
  .col4__item--business {
    padding: 20px 0;
    font-size: clamp(20px,  5.3333333333vw , 12px);
  }
}
.col3__item--service a,
.col3__item--service span, .col3__item--business a,
.col3__item--business span,
.col4__item--service a,
.col4__item--service span,
.col4__item--business a,
.col4__item--business span {
  display: block;
  position: relative;
  padding: 0 30px;
}
@media only screen and (max-width: 767px) {
  .col3__item--service a,
  .col3__item--service span, .col3__item--business a,
  .col3__item--business span,
  .col4__item--service a,
  .col4__item--service span,
  .col4__item--business a,
  .col4__item--business span {
    padding: 0 20px;
  }
}
.col3__item--title,
.col4__item--title {
  position: relative;
  padding: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  .col3__item--title,
  .col4__item--title {
    font-size: clamp(18px,  4.8vw , 12px);
  }
}
.col3__item--title .label,
.col4__item--title .label {
  display: block;
  font-size: 12px;
  font-weight: normal;
  padding-bottom: 0.6em;
}
.col3__item--title .text,
.col4__item--title .text {
  display: block;
}
.support .col3__item--title,
.support .col4__item--title {
  text-align: center;
}
.col3__item--tags,
.col4__item--tags {
  margin-top: 15px;
}
.col3__item--tags ul,
.col4__item--tags ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 5px;
}
.col3__item--tags ul li,
.col4__item--tags ul li {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 5px 10px;
  color: #2b2b2b;
  font-size: 12px;
  line-height: 1;
  border: 1px solid #CCCED5;
  border-radius: 2px;
}
.col3__item--tags ul li a,
.col3__item--tags ul li span,
.col4__item--tags ul li a,
.col4__item--tags ul li span {
  color: #2b2b2b;
}
.col3__item--detail,
.col4__item--detail {
  margin-top: 30px;
  font-size: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .col3__item--detail,
  .col4__item--detail {
    font-size: clamp(16px,  4.2666666667vw , 12px);
  }
}
.col3__item--content > .col3__item--title,
.col3__item--content > .col4__item--title,
.col4__item--content > .col3__item--title,
.col4__item--content > .col4__item--title {
  margin-top: 0;
}
.col3__item--table,
.col4__item--table {
  padding: 20px 0 15px;
  font-size: 14px;
  border-bottom: 1px solid #f2f2f2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.col3__item--table table thead td,
.col4__item--table table thead td {
  font-size: 12px;
}
.col3__item--table table tr th,
.col4__item--table table tr th {
  padding: 3px 5px 5px 0;
  color: #999DAA;
  text-align: left;
  font-size: 12px;
  vertical-align: top;
  white-space: nowrap;
}
.col3__item--table table tr td,
.col4__item--table table tr td {
  padding-left: 5px;
  font-size: 12px;
  color: #9f9f9f;
  vertical-align: top;
}
.col3__item--table table tr td span,
.col4__item--table table tr td span {
  background: #EBECED;
  border-radius: 30px;
  margin: 0 5px 2px 0;
  padding: 3px 15px;
  line-height: 20px;
  vertical-align: middle;
  display: inline-block;
}
.col3__item--annotation,
.col4__item--annotation {
  padding-top: 1.2em;
  font-size: 14px;
  font-weight: 700;
}
.col3__item--date,
.col4__item--date {
  font-weight: 400;
  font-size: 12px;
  line-height: 22px;
  margin-top: 0.5em;
  color: #CCCED5;
}
@media only screen and (max-width: 767px) {
  .col3__item--date,
  .col4__item--date {
    font-size: 12px;
  }
}
.col3__item--date span,
.col4__item--date span {
  color: #2b2b2b;
}
.col3__item--linktext,
.col4__item--linktext {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 1em;
}
.col3__item--linkbutton,
.col4__item--linkbutton {
  border-top: 1px solid #CCCED5;
  margin: 0 15px 20px;
  padding: 15px 0 0;
  text-align: center;
  display: block;
}
@media only screen and (max-width: 767px) {
  .col3__item--linkbutton,
  .col4__item--linkbutton {
    font-size: clamp(14px,  3.7333333333vw , 12px);
    margin: 0 24px 20px 24px;
  }
}
.col3__item--linkbutton a, .col3__item--linkbutton span,
.col4__item--linkbutton a,
.col4__item--linkbutton span {
  background: #2b2b2b;
  border-radius: 40px;
  margin: 0 auto;
  padding: 5px 10px;
  width: 160px;
  height: 40px;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.col3__item--linkbutton span,
.col4__item--linkbutton span {
  background: #999DAA;
}
.col3__item--linkbutton--col2,
.col4__item--linkbutton--col2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 2%;
  font-size: 14px;
  font-weight: 700;
  margin-top: 20px;
  border-top: 1px solid #CCCED5;
  padding-top: 20px;
}
@media only screen and (max-width: 767px) {
  .col3__item--linkbutton--col2,
  .col4__item--linkbutton--col2 {
    font-size: clamp(14px,  3.7333333333vw , 12px);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }
}
.col3__item--linkbutton--col2 li,
.col4__item--linkbutton--col2 li {
  width: 49%;
}
.col3__item--linkbutton--col2 li a,
.col3__item--linkbutton--col2 li span,
.col4__item--linkbutton--col2 li a,
.col4__item--linkbutton--col2 li span {
  display: block;
  color: #FFF;
  padding: 0.5em 0;
  text-align: center;
  border-radius: 2px;
}
.col3__item--linkbutton--col2 li:first-child a,
.col4__item--linkbutton--col2 li:first-child a {
  color: #2b2b2b;
  background-color: #FFF;
  border: 1px solid;
}
.col3__item--linkbutton--col2 li:last-child a,
.col4__item--linkbutton--col2 li:last-child a {
  background-color: #2b2b2b;
  border: 1px solid #2b2b2b;
  color: #FFF;
}
.col3__item--linkbutton--col2 li:last-child span,
.col4__item--linkbutton--col2 li:last-child span {
  background-color: #CCCED5;
  border: 1px solid #CCCED5;
  color: #FFF;
}
@media only screen and (max-width: 767px) {
  .col3__item--linkbutton--col2 li,
  .col4__item--linkbutton--col2 li {
    width: 100%;
  }
}
.col3__item--nextlink,
.col4__item--nextlink {
  background: #FFF;
  padding: 0 15px 20px;
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .col3__item--nextlink,
  .col4__item--nextlink {
    font-size: clamp(14px,  3.7333333333vw , 12px);
  }
}
.col3__item--nextlink a,
.col3__item--nextlink span,
.col4__item--nextlink a,
.col4__item--nextlink span {
  font-weight: 700;
  color: #05AFEA;
}
.col3__item--nextlink a::after,
.col3__item--nextlink span::after,
.col4__item--nextlink a::after,
.col4__item--nextlink span::after {
  content: "";
  display: inline-block;
  margin-left: 1em;
  width: 15px;
  height: 12px;
  background: url("../image/icon_arrow_right_lightblue.svg") no-repeat center center;
}
.col3 + .button a,
.col4 + .button a {
  color: #2b2b2b;
}

.col4 {
  gap: 2em 2.4%;
}
@media only screen and (max-width: 767px) {
  .col4 {
    gap: 40px;
  }
}
.col4__cell {
  width: 23.2%;
}
@media only screen and (max-width: 767px) {
  .col4__cell {
    width: 100%;
  }
}

.imageset__col2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 70px;
}
.imageset__col2--item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 3.2%;
}
.imageset__col2--img {
  width: 48.4%;
}
.imageset__col2--text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 48.4%;
}
.imageset__col2--text .read {
  font-weight: 700;
  font-size: 20px;
  padding-bottom: 0.5em;
  display: block;
}
@media only screen and (max-width: 767px) {
  .imageset__col2--text .read {
    font-size: clamp(20px,  5.3333333333vw , 12px);
  }
}
.imageset__col2--text .read .count {
  font-size: 16px;
  font-weight: 700;
  color: #05AFEA;
  padding: 3px 6px;
  border: 1px solid #05AFEA;
  display: inline-block;
  line-height: 1.2;
  margin-bottom: 20px;
  border-radius: 2px;
}
@media only screen and (max-width: 767px) {
  .imageset__col2--text .read .count {
    font-size: clamp(16px,  4.2666666667vw , 12px);
  }
}
.imageset__col2--text h3 {
  font-size: 32px;
  padding-bottom: 25px;
  line-height: 1.4;
}
@media only screen and (max-width: 767px) {
  .imageset__col2--text h3 {
    font-size: clamp(22px,  5.8666666667vw , 12px);
  }
}
@media only screen and (max-width: 767px) {
  .imageset__col2 {
    gap: 40px;
  }
  .imageset__col2--item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .imageset__col2--img {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 20px;
  }
  .imageset__col2--text {
    width: 100%;
  }
  .imageset__col2--text .read {
    padding-bottom: 10px;
  }
  .imageset__col2 .read .count {
    font-size: 16px;
  }
}
.imageset__col2large {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 70px;
}
.imageset__col2large--item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 11.5%;
}
.imageset__col2large--img {
  width: 48%;
}
.imageset__col2large--text {
  width: 40.5%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.imageset__col2large--text h3 {
  font-size: 32px;
  padding-bottom: 25px;
  line-height: 1.4;
}
@media only screen and (max-width: 767px) {
  .imageset__col2large--text h3 {
    font-size: clamp(20px,  5.3333333333vw , 12px);
  }
}
@media all and (max-width: 1440px) {
  .imageset__col2large--item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .imageset__col2large--img {
    width: 100%;
    margin-bottom: 20px;
  }
  .imageset__col2large--text {
    width: 100%;
  }
}
.imageset__col2small {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30px;
}
.imageset__col2small--item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 7%;
}
.imageset__col2small--img {
  width: 30%;
}
.imageset__col2small--text {
  width: 63%;
}

.imagelist__col6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 20px 2.9%;
}
.imagelist__col6 li {
  width: 14%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: solid 1px #C8C8C8;
}
.imagelist__col6 li img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .imagelist__col6 li {
    width: 31%;
  }
}

.list__col2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.list__col2--cell {
  width: 50%;
}
.list__col2--cell:first-child {
  border-right: 1px solid #424242;
  padding-right: 50px;
}
.list__col2--cell:last-child {
  padding-left: 50px;
}
.list__col2--cell .label {
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 2em;
}
.list__col2 ul li {
  position: relative;
  padding: 5px 0 5px 30px;
  z-index: 1;
}
.list__col2 ul li::before {
  content: "";
  display: block;
  position: absolute;
  background: url("../image/icon_check_green.svg") no-repeat 0 0;
  background-size: cover;
  width: 18px;
  height: 18px;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.red .list__col2 ul li::before {
  background: url("../image/icon_check_red.svg") no-repeat 0 0;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .list__col2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .list__col2--cell {
    width: 100%;
  }
  .list__col2--cell:first-child {
    padding: 0 0 30px 0;
    border-right: none;
    border-bottom: 1px solid #424242;
    margin-bottom: 30px;
  }
  .list__col2--cell:last-child {
    padding: 0;
  }
  .list__col2--cell .label {
    font-size: clamp(18px,  4.8vw , 12px);
    margin-bottom: 1em;
  }
}

.scroll-logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.scroll-logo img {
  margin: 0 auto;
  width: 100%;
  height: auto;
  display: block;
}
.scroll-logo ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  list-style: none;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-animation: slidelogo 60s infinite linear 1s both;
          animation: slidelogo 60s infinite linear 1s both;
}
.scroll-logo ul li {
  padding: 0 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.scroll-logo ul li a::after {
  display: none;
}
.scroll-logo ul li img {
  margin: 0 auto;
  max-height: 72px;
}
@media only screen and (max-width: 767px) {
  .scroll-logo ul li img {
    max-height: 72px;
  }
}

@-webkit-keyframes slidelogo {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@keyframes slidelogo {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
.float_bnr {
  display: none;
  position: fixed;
  width: 256px;
  height: 256px;
  right: 30px;
  bottom: 100px;
  z-index: 10;
  -webkit-box-shadow: rgba(153, 153, 153, 0.5) 0px 0px 8px 0px;
          box-shadow: rgba(153, 153, 153, 0.5) 0px 0px 8px 0px;
  background: #FFF;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .float_bnr {
    width: 200px;
    height: 200px;
    bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .float_bnr {
    max-width: 170px;
    height: auto;
    right: 10px;
    bottom: 10px;
    z-index: 10;
  }
}
.float_bnr p {
  position: relative;
  z-index: 1;
}
.float_bnr p button {
  border: none;
}
.float_bnr p a {
  display: block;
}
.float_bnr p .dl-docs {
  display: block;
  border: 1px solid #448280;
  background-color: #448280;
  color: #FFF;
  border-radius: 36px;
  font-size: 16px;
  padding: 16px 40px;
  text-align: center;
  line-height: 1;
}
.float_bnr p .dl-docs:hover {
  background-color: #FFF;
  color: #448280;
  opacity: 1;
}
@media only screen and (max-width: 767px) {
  .float_bnr p .dl-docs {
    font-size: 12px;
    padding: 8px 20px;
  }
}
.float_bnr p .close {
  position: absolute;
  right: 8px;
  top: 12px;
  width: 21px;
  height: 21px;
}
@media only screen and (max-width: 767px) {
  .float_bnr p .close {
    right: -5px;
    top: 5px;
  }
}
.float_bnr p .close span {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.float_bnr p .close span::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  background: #000;
  right: -5px;
  top: 0;
  -webkit-transform: rotate(45deg) translateY(14px);
          transform: rotate(45deg) translateY(14px);
}
.float_bnr p .close span::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  background: #000;
  right: -5px;
  bottom: 0;
  -webkit-transform: rotate(-45deg) translateY(-14px);
          transform: rotate(-45deg) translateY(-14px);
}
@media only screen and (max-width: 767px) {
  .float_bnr p .close {
    right: 0;
    top: -35px;
    width: 26px;
    height: 26px;
  }
  .float_bnr p .close span::before {
    right: -10px;
    top: 0;
    background: #595959;
    height: 2px;
    -webkit-transform: rotate(45deg) translateY(17px);
            transform: rotate(45deg) translateY(17px);
  }
  .float_bnr p .close span::after {
    right: -10px;
    bottom: 0;
    background: #595959;
    height: 2px;
    -webkit-transform: rotate(-45deg) translateY(-17px);
            transform: rotate(-45deg) translateY(-17px);
  }
}
.float_bnr p img {
  display: block;
}
.float_bnr.display {
  display: block;
}

.button {
  text-align: center;
}
.button a,
.button span,
.button button {
  display: inline-block;
  position: relative;
  z-index: 1;
  padding: 25px 80px 25px 20px;
  border-radius: 2px;
  text-align: center;
  font-size: 20px;
  color: #05AFEA;
  font-weight: 700;
  border: none;
  background-color: inherit;
}
@media only screen and (max-width: 767px) {
  .button a,
  .button span,
  .button button {
    font-size: clamp(16px,  4.2666666667vw , 12px);
    padding: 10px 80px 10px 20px;
  }
}
.button a::after,
.button span::after,
.button button::after {
  display: block;
  position: absolute;
  content: "";
  background: url("../image/icon_arrow_all.svg") no-repeat 0 0;
  width: 40px;
  height: 40px;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.button a.none,
.button span.none,
.button button.none {
  padding: 25px 40px 25px 40px;
}
.button a.none::after,
.button span.none::after,
.button button.none::after {
  display: none;
}
.button a.type01, .button a.type02, .button a.type03, .button a.type04,
.button span.type01,
.button span.type02,
.button span.type03,
.button span.type04,
.button button.type01,
.button button.type02,
.button button.type03,
.button button.type04 {
  border: none;
  border-radius: 50px;
  background-color: #EB2F2F;
  padding: 6px 52px 6px 20px;
  min-height: 44px;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.3;
  text-align: center;
  letter-spacing: 0.05em;
  color: #fff;
  white-space: nowrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .button a.type01, .button a.type02, .button a.type03, .button a.type04,
  .button span.type01,
  .button span.type02,
  .button span.type03,
  .button span.type04,
  .button button.type01,
  .button button.type02,
  .button button.type03,
  .button button.type04 {
    min-width: initial;
    max-width: 100%;
    width: 100%;
    font-size: clamp(16px,  3.7333333333vw , 12px);
    white-space: normal;
    padding: 6px 32px 6px 20px;
    letter-spacing: 0;
  }
}
.button a.type01::after, .button a.type02::after, .button a.type03::after, .button a.type04::after,
.button span.type01::after,
.button span.type02::after,
.button span.type03::after,
.button span.type04::after,
.button button.type01::after,
.button button.type02::after,
.button button.type03::after,
.button button.type04::after {
  content: "";
  background: url("../image/icon_arrow_right.svg") no-repeat 0 0;
  background-size: cover;
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  top: 50%;
  bottom: auto;
  left: auto;
  right: 20px;
  z-index: 1;
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
}
@media only screen and (max-width: 767px) {
  .button a.type01::after, .button a.type02::after, .button a.type03::after, .button a.type04::after,
  .button span.type01::after,
  .button span.type02::after,
  .button span.type03::after,
  .button span.type04::after,
  .button button.type01::after,
  .button button.type02::after,
  .button button.type03::after,
  .button button.type04::after {
    right: 4px;
  }
}
.button a.type02,
.button span.type02,
.button button.type02 {
  background-color: #2b2b2b;
}
.button a.type03,
.button span.type03,
.button button.type03 {
  background-color: #fff;
  color: #2b2b2b;
}
.button a.type03::after,
.button span.type03::after,
.button button.type03::after {
  background-image: url("../image/icon_arrow_right_black.svg");
}
.button a.type04,
.button span.type04,
.button button.type04 {
  background-color: #0058AA;
}
.button a.download,
.button span.download,
.button button.download {
  border: 2px solid #FFD600;
  background-color: #FFD600;
  color: #363936;
}
.button a.download::after,
.button span.download::after,
.button button.download::after {
  width: 22px;
  height: 22px;
  background: url("../image/icon_dl.svg") no-repeat 0 0;
}
.button.return a,
.button.return button {
  border-color: #05AFEA;
  color: #05AFEA;
  padding: 20px 40px 20px 80px;
}
.button.return a:after,
.button.return button:after {
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
  left: 0;
  right: auto;
}
@media only screen and (max-width: 767px) {
  .button.return {
    min-width: 220px;
    margin-left: auto;
    margin-right: auto;
  }
}
.button-small a,
.button-small span,
.button-small button {
  display: inline-block;
  padding: 10px 10px;
  border-radius: 2px;
  border: 2px solid #000;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
}
@media only screen and (max-width: 767px) {
  .button-small a,
  .button-small span,
  .button-small button {
    font-size: clamp(16px,  4.2666666667vw , 12px);
    letter-spacing: 0;
  }
}
.button-small a.type01, .button-small a.type02,
.button-small span.type01,
.button-small span.type02,
.button-small button.type01,
.button-small button.type02 {
  background-color: #EB2F2F;
  border: none;
  border-radius: 44px;
  padding: 10px 20px;
  width: 100%;
  min-height: 44px;
  color: #fff;
  letter-spacing: 0;
  white-space: nowrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.button-small a.type01::after, .button-small a.type02::after,
.button-small span.type01::after,
.button-small span.type02::after,
.button-small button.type01::after,
.button-small button.type02::after {
  content: "";
  background: url("../image/icon_arrow_right.svg") no-repeat 0 0;
  width: 20px;
  height: 20px;
  display: block;
}
.button-small a.type02,
.button-small span.type02,
.button-small button.type02 {
  background-color: #2B2B2B;
}
.button-small a[target=_blank]::after,
.button-small span[target=_blank]::after,
.button-small button[target=_blank]::after {
  display: none;
}
.section-base .button {
  margin-top: 50px;
}
@media only screen and (max-width: 767px) {
  .section-base .button {
    margin-left: auto;
    margin-right: auto;
  }
}

.nav-links {
  margin: 20px auto 100px auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.nav-links .screen-reader-text {
  display: none;
}
.nav-links a,
.nav-links span {
  display: inline-block;
  width: 64px;
  height: 64px;
  text-decoration: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: solid 2px #2b2b2b;
  border-radius: 50%;
  color: #2b2b2b;
  text-align: center;
  line-height: 1.3;
  font-size: 16px;
}
.nav-links a:first-child, .nav-links a:last-child,
.nav-links span:first-child,
.nav-links span:last-child {
  border: none;
}
.nav-links a .prev,
.nav-links span .prev {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.nav-links a.current,
.nav-links span.current {
  background-color: #2b2b2b;
  color: #FFF;
}

.pagination {
  background: #fff;
  padding: 20px 0 100px 0;
}
@media only screen and (max-width: 767px) {
  .pagination {
    padding: 20px 0 50px 0;
  }
}

.wp-pagenavi {
  margin: 0 auto 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
@media only screen and (max-width: 767px) {
  .wp-pagenavi {
    position: relative;
    padding-bottom: 70px;
    z-index: 1;
  }
}
.wp-pagenavi .pages {
  display: none;
}
.wp-pagenavi .page,
.wp-pagenavi .current,
.wp-pagenavi .first,
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .last {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 64px;
  height: 64px;
  text-decoration: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 50%;
  color: #2b2b2b;
  background-color: #FFF;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.3;
  font-size: 16px;
  font-weight: 700;
}
@media only screen and (max-width: 767px) {
  .wp-pagenavi .page,
  .wp-pagenavi .current,
  .wp-pagenavi .first,
  .wp-pagenavi .previouspostslink,
  .wp-pagenavi .nextpostslink,
  .wp-pagenavi .last {
    width: 48px;
    height: 48px;
    font-size: clamp(16px,  4.2666666667vw , 12px);
  }
}
.wp-pagenavi .first {
  background: url("../image/icon_pagenation_first.svg") no-repeat center center;
  background-color: inherit;
  font-size: 0;
}
@media only screen and (max-width: 767px) {
  .wp-pagenavi .first {
    background-size: 50%;
  }
}
.wp-pagenavi .previouspostslink {
  background: url("../image/icon_pagenation_prev.svg") no-repeat center center;
  background-color: inherit;
  font-size: 0;
}
@media only screen and (max-width: 767px) {
  .wp-pagenavi .previouspostslink {
    background-size: 50%;
  }
}
.wp-pagenavi .nextpostslink {
  background: url("../image/icon_pagenation_next.svg") no-repeat center center;
  background-color: inherit;
  font-size: 0;
}
@media only screen and (max-width: 767px) {
  .wp-pagenavi .nextpostslink {
    background-size: 50%;
  }
}
.wp-pagenavi .last {
  background: url("../image/icon_pagenation_last.svg") no-repeat center center;
  background-color: inherit;
  font-size: 0;
}
@media only screen and (max-width: 767px) {
  .wp-pagenavi .last {
    background-size: 50%;
  }
}
.wp-pagenavi .current {
  background-color: #05AFEA;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .wp-pagenavi .first,
  .wp-pagenavi .previouspostslink,
  .wp-pagenavi .nextpostslink,
  .wp-pagenavi .last {
    position: absolute;
    bottom: 0;
    background-color: #FFF;
  }
  .wp-pagenavi .first {
    -webkit-transform: translateX(-88px);
            transform: translateX(-88px);
  }
  .wp-pagenavi .last {
    -webkit-transform: translateX(88px);
            transform: translateX(88px);
  }
  .wp-pagenavi .previouspostslink {
    -webkit-transform: translateX(-30px);
            transform: translateX(-30px);
  }
  .wp-pagenavi .nextpostslink {
    -webkit-transform: translateX(30px);
            transform: translateX(30px);
  }
}

.pageturn {
  margin-top: 60px;
  padding-bottom: 50px;
  min-height: 62px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .pageturn {
    margin: 30px 5% 0 5%;
    min-height: initial;
    padding-bottom: 120px;
  }
}
.pageturn .prev,
.pageturn .next {
  padding: 18px 0;
  font-size: 18px;
  font-weight: 700;
  color: #2b2b2b;
  display: block;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .pageturn .prev,
  .pageturn .next {
    padding: 12px 0;
    font-size: 0;
  }
}
.pageturn .prev:after,
.pageturn .next:after {
  content: "";
  background-size: 14px 14px;
  width: 8px;
  height: 8px;
  display: block;
  position: absolute;
}
.pageturn .prev {
  padding-left: 20px;
}
.pageturn .prev:after {
  border-left: 2px solid #2b2b2b;
  border-bottom: 2px solid #2b2b2b;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-45%) rotate(45deg);
          transform: translateY(-45%) rotate(45deg);
}
.pageturn .next {
  padding-right: 20px;
}
@media only screen and (max-width: 767px) {
  .pageturn .next {
    padding: 12px 20px 12px 0;
  }
}
.pageturn .next:after {
  border-right: 2px solid #2b2b2b;
  border-top: 2px solid #2b2b2b;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-55%) rotate(45deg);
          transform: translateY(-55%) rotate(45deg);
}
.pageturn .button {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.pageturn .button.return a {
  padding-left: 60px;
  font-size: 18px;
  color: #2b2b2b;
}
@media only screen and (max-width: 767px) {
  .pageturn .button.return a {
    padding-left: 50px;
  }
}
.pageturn .button.return a::after {
  background-image: url(../image/icon_arrow_all.svg);
  background-size: contain;
  width: 40px;
  height: 40px;
}

.header {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px;
  width: 100%;
  font-family: "Noto Sans JP", serif;
  font-weight: 700;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
}
.header.is_blur {
  background: rgba(255, 255, 255, 0.6);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}
@media only screen and (max-width: 1079px) {
  .header {
    padding: 15px 5%;
    height: 70px;
  }
}
.header__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 1200px;
  margin: 0 auto;
}
@media only screen and (max-width: 1079px) {
  .header__wrap {
    -webkit-box-align: start;
    -webkit-align-items: start;
        -ms-flex-align: start;
            align-items: start;
  }
}
.header__logo {
  margin-right: 5%;
}
.header__logo img {
  height: 35px;
  display: block;
}
.header__logo svg {
  display: block;
  fill: #2b2b2b;
}
.header__navigation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.header.inversion {
  background: initial;
  -webkit-backdrop-filter: initial;
          backdrop-filter: initial;
}
.header.inversion.is_blur {
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}
.header.inversion .header__logo svg {
  fill: #2b2b2b;
}
.header.inversion .header__navigation a {
  color: #2b2b2b;
}
.header__open {
  display: none;
  position: absolute;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #05AFEA;
  right: 10px;
  top: 10px;
  width: 50px;
  height: 50px;
  padding: 5px;
  border-radius: 50%;
  z-index: 10;
}
@media only screen and (max-width: 1079px) {
  .header__open {
    display: block;
  }
}
.header__open a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  gap: 4px;
}
.header__open a span {
  display: block;
  width: 75%;
  height: 1px;
  background-color: #FFF;
  font-size: 0;
  line-height: 0;
}
.header__open a span:first-child {
  width: 100%;
}
.header__open a span:last-child {
  width: 50%;
}
.header.inversion .header__open {
  background-color: #FFF;
}
.header.inversion .header__open a span {
  background-color: #000;
}
.header.inversion.open .header__open a span {
  background-color: #FFF;
}
.header__close {
  display: none;
  background: none;
  border: none;
}
.header__menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2vw;
}
.header__menu ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 10px 15px;
}
.header__menu ul li {
  font-size: 14px;
  font-weight: 700;
}
@media all and (max-width: 1440px) {
  .header__menu ul li {
    font-size: max( 0.9722222222vw, 12px );
  }
}
@media only screen and (max-width: 767px) {
  .header__menu ul li {
    font-size: 14px;
  }
}
@media only screen and (max-width: 375px) {
  .header__menu ul li {
    font-size: max( 3.7333333333vw , 12px);
  }
}
@media only screen and (max-width: 1079px) {
  .header__menu {
    display: none;
  }
}
.header__menu--sp {
  display: none;
}
.header__entry {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  white-space: nowrap;
}
@media only screen and (max-width: 1079px) {
  .header__entry {
    display: none;
  }
}
.header__entry li a {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding: 8px 8px 8px 20px !important;
}
@media only screen and (max-width: 1200px) {
  .header__entry li a {
    font-size: 12px;
    padding: 10px;
  }
}
.header.open .header__menu--sp {
  display: block;
  position: fixed;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100vw;
  height: 100vh;
  padding: 0;
  z-index: 100;
  right: 0;
  top: 0;
}
.header.open .header__menu--sp ul.menu-list {
  margin: 80px 5% 2em 5%;
}
.header.open .header__menu--sp ul.menu-list li {
  border-bottom: 1px solid #ccc;
}
.header.open .header__menu--sp ul.menu-list li a {
  color: #2b2b2b;
  display: block;
  padding: 1em 0;
}
.header.open .header__menu--spwrap {
  position: relative;
  background: rgba(51, 58, 86, 0.6);
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}
.header.open .header__menu--spblock {
  position: absolute;
  left: 0;
  top: 0;
  margin-left: 100vw;
  width: 80vw;
  height: 100vh;
  overflow-y: scroll;
  background: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.header.open .header__menu--spblock.action {
  margin-left: 20vw;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .header.open .header__menu--spblock {
    width: 50vw;
  }
  .header.open .header__menu--spblock.action {
    margin-left: 50vw;
  }
}
.header.open .header__open {
  z-index: 105;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  top: 10px;
  right: 10px;
  width: 50px;
  height: 50px;
  padding: 5px;
  border-radius: 50%;
  background-color: #FFF;
}
.header.open .header__open span {
  width: 20px;
  height: 20px;
  display: block;
  position: relative;
  background-color: #FFF;
}
.header.open .header__open span::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background: #2b2b2b;
  left: 40%;
  top: 80%;
  -webkit-transform: rotate(45deg) translateX(-50%);
          transform: rotate(45deg) translateX(-50%);
}
.header.open .header__open span::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background: #2b2b2b;
  left: 40%;
  bottom: 80%;
  -webkit-transform: rotate(-45deg) translateX(-50%);
          transform: rotate(-45deg) translateX(-50%);
}
.header.open .header__open span:first-child, .header.open .header__open span:last-child {
  display: none;
}
.header.open .header__entry--sp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 5%;
  gap: 15px;
}
.header.open .header__entry--sp a,
.header.open .header__entry--sp button {
  padding: 1em 20px;
  width: 100%;
  min-width: initial;
}
.header__category {
  padding: 140px 5% 50px 5%;
  overflow: hidden;
}
.header__category--wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 1200px;
  margin: 0 auto;
  z-index: 1;
}
.header__category--bg {
  position: absolute;
  top: 0;
  left: 40%;
}
.header__category h1 {
  font-size: 56px;
  margin: 0;
  font-weight: 400;
  line-height: 1.3;
}
.header__category h1 span {
  display: block;
  font-size: 14px;
  font-weight: 700;
}
.header__category--title {
  text-align: left;
}
.header__category--caption {
  font-size: 16px;
  text-align: left;
  margin-top: 1.5em;
  max-width: 30em;
}
.header__category--cta {
  text-align: center;
  /*
  .nav__cta {
  	li {
  		a {
  			background-color: $Gold;
  			border-color: $Gold;
  		}
  	}
  }
  */
}
.header__category--cta p {
  font-size: 16px;
  padding-top: 0;
}
.header__category.categorytop {
  padding: 120px 5% 100px 5%;
  min-height: 460px;
  color: #2b2b2b;
  position: relative;
}
@media only screen and (max-width: 1079px) {
  .header__category--wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .header__category--bg {
    left: 10%;
    top: 0;
    width: 100%;
  }
  .header__category h1 {
    font-size: 36px;
  }
  .header__category--title {
    width: 100%;
  }
  .header__category--caption {
    margin-top: 60px;
    max-width: initial;
    padding-bottom: 2em;
  }
  .header__category--cta {
    margin-top: 1em;
    width: 100%;
  }
  .header__category--cta .nav__cta {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
  }
  .header__category--cta .nav__cta li {
    width: 100%;
  }
  .header__category--cta .nav__cta a,
  .header__category--cta .nav__cta button {
    width: 100%;
  }
  .header__category--cta p {
    padding-top: 1em;
    font-size: 0.8em;
    text-align: center;
  }
  .header__category.categorytop {
    padding: 100px 5% 50px 5%;
    background-size: auto;
    min-height: initial;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .header__category--bg {
    left: 40%;
    top: 0;
    width: 60%;
  }
  .header__category--caption {
    max-width: 25em;
  }
  .header__category--cta .nav__cta {
    width: 80%;
    margin: 0 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 4%;
  }
  .header__category--cta .nav__cta li {
    width: 48%;
  }
}

.header__category.categorytop.page {
  padding-bottom: 50px;
  min-height: auto;
}

.headersimple {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px;
}
.headersimple__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 1200px;
  margin: 0 auto;
}
.headersimple__logo {
  margin-right: 40px;
}
@media only screen and (max-width: 767px) {
  .headersimple__logo {
    margin-right: 30px;
  }
}
.headersimple__logo img {
  height: 35px;
}
.headersimple__logo svg {
  display: block;
  fill: #2b2b2b;
}

.first-view {
  padding: 122px 0 52px;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .first-view {
    padding: 82px 0 52px;
  }
  .first-view::before, .first-view::after {
    display: none;
  }
}
.first-view__wrap {
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 40px;
}
@media only screen and (max-width: 767px) {
  .first-view__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .first-view__wrap {
    width: 90%;
  }
}
.first-view__main {
  margin: 0;
  padding: 0;
  width: calc(100% - 512px);
  text-align: center;
  color: #2b2b2b;
}
@media only screen and (max-width: 767px) {
  .first-view__main {
    width: 100%;
    padding: 0 5%;
    margin-top: 0;
  }
}
.first-view__main--catchphrase {
  background: #05AFEA;
  border-radius: 8px;
  margin: 0 auto;
  padding: 3px 20px;
  min-height: 43px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  text-align: center;
  letter-spacing: 0.05em;
  color: #fff;
  position: relative;
  overflow: visible;
}
@media only screen and (max-width: 767px) {
  .first-view__main--catchphrase {
    font-size: clamp(14px,  3.7333333333vw , 12px);
  }
}
.first-view__main--catchphrase::after {
  content: "";
  background: #05AFEA;
  height: 10.3923048454px;
  width: 12px;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
          clip-path: polygon(0 0, 100% 0, 50% 100%);
  display: block;
  position: absolute;
  bottom: -10px;
  left: 50%;
  -webkit-transform: translate3d(-50%, 0, 0);
          transform: translate3d(-50%, 0, 0);
}
.first-view__main .lv_h1 {
  margin: 20px 0 0;
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 1.2;
}
@media all and (max-width: 1440px) {
  .first-view__main .lv_h1 {
    font-size: clamp(40px,  2.7777777778vw , 12px);
  }
}
@media only screen and (max-width: 767px) {
  .first-view__main .lv_h1 {
    margin-top: 5px;
    font-size: clamp(24px,  6.4vw , 12px);
  }
}
.first-view__main--subtext {
  margin-top: 40px;
  font-style: normal;
  font-weight: 700;
  font-size: 26px;
  line-height: 1.2;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .first-view__main--subtext {
    margin-top: 20px;
    font-size: clamp(18px,  4.8vw , 12px);
  }
}
.first-view__main--logo {
  margin: 40px auto 0;
  max-width: 490px;
  width: 100%;
  display: block;
}
@media only screen and (max-width: 767px) {
  .first-view__main--logo {
    margin-top: 15px;
  }
}
.first-view__main--logo--text {
  margin-top: 5px;
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 1.6;
}
@media only screen and (max-width: 767px) {
  .first-view__main--logo--text {
    font-size: clamp(18px,  4.8vw , 12px);
  }
}
.first-view__main--header p {
  font-style: normal;
  font-weight: 700;
  font-size: 25px;
  line-height: 1.2;
  color: #2B2B2B;
}
@media only screen and (max-width: 767px) {
  .first-view__main--header p {
    font-size: clamp(18px,  4.8vw , 12px);
  }
}
.first-view__main--header img {
  max-width: 100%;
  width: 452px;
  height: auto;
  display: block;
}
.first-view__main--header * + p {
  margin: 20px 0 0;
}
.first-view__main--header h1 {
  font-style: normal;
  font-weight: 700;
  font-size: 38px;
  line-height: 1.4210526316;
  color: #363833;
}
@media all and (max-width: 1440px) {
  .first-view__main--header h1 {
    font-size: clamp(40px,  2.6388888889vw , 12px);
  }
}
@media only screen and (max-width: 767px) {
  .first-view__main--header h1 {
    font-size: clamp(26px,  6.9333333333vw , 12px);
  }
}
.first-view__main--header * + h1 {
  margin: 50px 0 0;
}
.first-view__main--header h1 + p {
  margin: 10px 0 0;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.8;
  color: #363833;
}
.first-view__main--achieve {
  margin-top: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
@media only screen and (max-width: 767px) {
  .first-view__main--achieve {
    margin-top: 30px;
    max-width: initial;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.first-view__main--achieve p {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 767px) {
  .first-view__main--achieve p {
    width: 50%;
  }
}
.first-view__main--achieve p img {
  max-height: 64px;
}
.first-view__main--achieve .achieve-frame {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  text-align: center;
  font-size: 12px;
  padding: 0 5% 0 5%;
  line-height: 1.4;
  width: auto;
  font-weight: 700;
  color: #6B6027;
  font-family: serif;
}
@media all and (max-width: 1440px) {
  .first-view__main--achieve .achieve-frame {
    font-size: max( 0.8333333333vw, 12px );
  }
}
.first-view__main--achieve .achieve-frame::before {
  content: "";
  display: block;
  position: absolute;
  background: url(../image/img_awardframe_b_l.svg) no-repeat center center;
  background-size: cover;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 100%;
  aspect-ratio: 4/11;
}
.first-view__main--achieve .achieve-frame::after {
  content: "";
  display: block;
  position: absolute;
  background: url(../image/img_awardframe_b_r.svg) no-repeat center center;
  background-size: cover;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 100%;
  aspect-ratio: 4/11;
}
.first-view__main--achieve .achieve-frame .title {
  font-size: 20px;
}
@media all and (max-width: 1440px) {
  .first-view__main--achieve .achieve-frame .title {
    font-size: clamp(20px,  1.3888888889vw , 12px);
  }
}
@media only screen and (max-width: 767px) {
  .first-view__main--achieve .achieve-frame .title {
    font-size: 12px;
  }
}
@media only screen and (max-width: 900px) {
  .first-view__main--achieve .achieve-frame .title::after {
    content: "\a";
    white-space: pre;
  }
}
.first-view__main--achieve .achieve-frame .score {
  font-size: 40px;
  font-weight: 700;
}
.first-view__main--achieve .achieve-frame .score::after {
  content: "\a";
  white-space: pre;
}
@media all and (max-width: 1440px) {
  .first-view__main--achieve .achieve-frame .score {
    font-size: clamp(40px,  2.7777777778vw , 12px);
  }
}
@media only screen and (max-width: 767px) {
  .first-view__main--achieve .achieve-frame .score {
    font-size: clamp(20px,  1.3888888889vw , 12px);
  }
}
.first-view__main--achieve .achieve-frame .other {
  font-size: 20px;
}
@media all and (max-width: 1440px) {
  .first-view__main--achieve .achieve-frame .other {
    font-size: clamp(20px,  1.3888888889vw , 12px);
  }
}
@media only screen and (max-width: 767px) {
  .first-view__main--achieve .achieve-frame .other {
    font-size: 12px;
  }
}
@media only screen and (max-width: 900px) {
  .first-view__main--achieve .achieve-frame .other::after {
    content: "\a";
    white-space: pre;
  }
}
.first-view__main--header + .first-view__main--achieve {
  margin-top: 80px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media only screen and (max-width: 900px) {
  .first-view__main--header + .first-view__main--achieve {
    margin-top: 30px;
  }
}
.first-view__form {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #FFF;
  -webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.16);
  width: 512px;
  padding: 40px 20px;
  text-align: left;
  border-radius: 8px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .first-view__form {
    min-height: initial;
    width: 100%;
    margin-top: 20px;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.first-view__form .close {
  display: none;
  position: absolute;
  right: 20px;
  top: 20px;
}
.first-view__form.open {
  position: fixed;
  margin: 0;
  left: 0;
  top: 0;
  z-index: 200;
  width: 100vw;
  height: 100vh;
}
.first-view__form.open .form__area,
.first-view__form.open .form__note,
.first-view__form.open .close {
  display: block;
}
.first-view__form.open .sp-form {
  display: none;
}
.first-view__form.open .sp-link {
  display: none;
}
.first-view.open {
  position: fixed;
  z-index: 200;
  width: 100vw;
  height: 100vh;
}
.first-view .scroll-logo {
  margin-top: 30px;
}

.about .heading {
  padding-bottom: 100px;
}
@media only screen and (max-width: 767px) {
  .about .heading {
    padding-bottom: 50px;
  }
}
.about .heading--read {
  margin-left: auto;
  margin-right: auto;
  padding-top: 2.5em;
  max-width: 1100px;
  font-weight: 700;
}
.about.section-base {
  padding-bottom: 200px;
}
@media only screen and (max-width: 767px) {
  .about.section-base {
    padding-bottom: 55px;
  }
}
.about .section-base__wrap img {
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
  height: auto;
  display: block;
}

.introduction .heading h2 {
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 2;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .introduction .heading h2 {
    font-size: clamp(22px,  5.8666666667vw , 12px);
  }
}
.introduction .col3 {
  counter-reset: number 0;
}
.introduction .col3__cell {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.introduction .col3__item--image {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(24%, #F8F9FC), color-stop(90%, #D8EFFC));
  background: linear-gradient(180deg, #FFFFFF 0%, #F8F9FC 24%, #D8EFFC 90%);
  border-radius: 16px;
  margin: 0 0 35px;
  padding: 18px;
  position: relative;
  overflow: hidden;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}
.introduction .col3__item--image img {
  margin: 0 auto;
  max-width: 100%;
  max-height: 286px;
  width: auto;
  height: auto;
  aspect-ratio: auto;
  display: block;
  position: relative;
  z-index: 1;
}
.introduction .col3__item--image::after {
  counter-increment: number 1;
  content: "0" counter(number);
  font-family: "Lexend Deca", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  line-height: 2;
  color: #05AFEA;
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 2;
}
.introduction .col3__item--headtitle {
  margin: 0;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.4;
  color: #2B2B2B;
  text-align: left;
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
      -ms-flex-order: 3;
          order: 3;
}
@media only screen and (max-width: 767px) {
  .introduction .col3__item--headtitle {
    font-size: clamp(18px,  4.8vw , 12px);
  }
}
.introduction .col3__item--content {
  margin: 0;
  padding: 0;
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
      -ms-flex-order: 4;
          order: 4;
}

.human-resources {
  color: #2B2B2B;
}
.human-resources .col3__cell {
  border-radius: 16px;
  -webkit-box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);
  padding: 20px 20px 0;
  color: #2B2B2B;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.human-resources .col3__item--catchphrase {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.6;
  text-align: center;
  letter-spacing: 0;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}
@media only screen and (max-width: 767px) {
  .human-resources .col3__item--catchphrase {
    font-size: clamp(16px,  4.2666666667vw , 12px);
  }
}
.human-resources .col3__item--image {
  margin: 30px 0 0;
  padding: 0;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
}
.human-resources .col3__item--image img {
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
  height: auto;
  display: block;
}
.human-resources .col3__item--headtitle {
  margin: 30px 0 0;
  padding: 0;
  font-style: normal;
  font-weight: 700;
  font-size: 26px;
  line-height: 1.6;
  text-align: center;
  letter-spacing: 0.1em;
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
      -ms-flex-order: 3;
          order: 3;
}
@media only screen and (max-width: 767px) {
  .human-resources .col3__item--headtitle {
    font-size: clamp(20px,  5.3333333333vw , 12px);
  }
}
.human-resources .col3__item--content {
  margin: 20px 0 0;
  padding: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: 0.05em;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
      -ms-flex-order: 4;
          order: 4;
}
@media only screen and (max-width: 767px) {
  .human-resources .col3__item--content {
    font-size: clamp(14px,  3.7333333333vw , 12px);
  }
}
.human-resources .col3__item--content p {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: 0.05em;
}
@media only screen and (max-width: 767px) {
  .human-resources .col3__item--content p {
    font-size: clamp(14px,  3.7333333333vw , 12px);
  }
}
.human-resources .col3__item--tags {
  margin: 30px 0 0;
  padding: 0;
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
      -ms-flex-order: 5;
          order: 5;
}
.human-resources .col3__item--tags ul {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.human-resources .col3__item--tags li {
  background: #EFEFEF;
  border: none;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media only screen and (max-width: 767px) {
  .human-resources .col3__item--tags li {
    font-size: clamp(14px,  3.7333333333vw , 12px);
  }
}
.human-resources .col3__item--download {
  margin: 30px -20px 0;
  padding: 0;
  display: block;
  -webkit-box-ordinal-group: 7;
  -webkit-order: 6;
      -ms-flex-order: 6;
          order: 6;
}
.human-resources .col3__item--download a {
  background: #05AFEA;
  padding: 10px 40px;
  min-height: 64px;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: 0.05em;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .human-resources .col3__item--download a {
    min-height: 46px;
    padding: 10px 40px;
    font-size: clamp(14px,  3.7333333333vw , 12px);
  }
}
.human-resources .col3__item--download a::after {
  content: "";
  background: url("../image/icon_arrow_right.svg") no-repeat 0 0;
  background-size: cover;
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  top: 50%;
  bottom: auto;
  left: auto;
  right: 20px;
  z-index: 1;
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
}
@media only screen and (max-width: 767px) {
  .human-resources .col3__item--download a::after {
    right: 10px;
  }
}
.human-resources__etc.heading {
  margin-top: 100px;
}
@media only screen and (max-width: 767px) {
  .human-resources__etc.heading {
    margin-top: 50px;
  }
}
.human-resources__etc.heading h3 {
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.6;
  text-align: center;
  letter-spacing: 0.1em;
}
@media only screen and (max-width: 767px) {
  .human-resources__etc.heading h3 {
    font-size: clamp(22px,  5.8666666667vw , 12px);
  }
}
.human-resources__etc {
  margin-top: -10px;
}
.human-resources__etc--col {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .human-resources__etc--col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 20px;
  }
  .human-resources__etc--col > br {
    display: none;
  }
}
.human-resources__etc--cell {
  border-radius: 16px;
  -webkit-box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);
  margin: 10px;
  padding: 20px;
  min-height: 240px;
  max-width: 240px;
  width: 100%;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0;
}
@media only screen and (max-width: 767px) {
  .human-resources__etc--cell {
    margin: 0;
    min-height: unset;
    max-width: unset;
    width: calc(50% - 10px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.human-resources__etc--visual {
  margin-top: auto;
  text-align: center;
}
.human-resources__etc--visual img {
  margin: 0 auto;
  max-width: 112px;
  width: 100%;
  height: auto;
}
.human-resources__etc p {
  margin-top: 20px;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0.1em;
}
.human-resources__etc .button a {
  padding-right: 80px;
  color: #2b2b2b;
}
.human-resources__etc .button a::after {
  background-image: url(../image/icon_arrow_all.svg);
  background-size: contain;
  width: 40px;
  height: 40px;
}

.resolve-the-issue {
  color: #2B2B2B;
  counter-reset: number 0;
}
.resolve-the-issue .section-base__wrap > h3 {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.2083333333;
  color: #363833;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 767px) {
  .resolve-the-issue .section-base__wrap > h3 {
    font-size: clamp(18px,  4.8vw , 12px);
    display: block;
  }
}
.resolve-the-issue .section-base__wrap > h3 span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.resolve-the-issue .section-base__wrap > h3 span:first-child {
  white-space: nowrap;
}
.resolve-the-issue .section-base__wrap > h3 span:first-child::after {
  counter-increment: number 1;
  content: "0" counter(number);
  margin-left: 10px;
  display: block;
  font-family: "Lexend Deca", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 40px;
  line-height: 1.25;
  color: #05AFEA;
}
@media only screen and (max-width: 767px) {
  .resolve-the-issue .section-base__wrap > h3 span:first-child::after {
    font-size: clamp(30px,  8vw , 12px);
  }
}
.resolve-the-issue .section-base__wrap > h3 span:last-child {
  border-left: solid 2px #2B2B2B;
  margin-left: 10px;
  padding-left: 30px;
}
@media only screen and (max-width: 767px) {
  .resolve-the-issue .section-base__wrap > h3 span:last-child {
    border: none;
    margin: 10px 0 0;
    padding: 0;
  }
}
.resolve-the-issue .section-base__wrap > h3 + * {
  margin-top: 50px;
}
@media only screen and (max-width: 767px) {
  .resolve-the-issue .section-base__wrap > h3 + * {
    margin-top: 30px;
  }
}
.resolve-the-issue .section-base__wrap > * + h3 {
  margin-top: 100px;
}
@media only screen and (max-width: 767px) {
  .resolve-the-issue .section-base__wrap > * + h3 {
    margin-top: 50px;
  }
}
.resolve-the-issue__group {
  background: #f2f2f2;
  border-radius: 20px;
  padding: 50px;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .resolve-the-issue__group {
    padding: 20px;
  }
}
.resolve-the-issue__group + .resolve-the-issue__group {
  margin-top: 50px;
}
@media only screen and (max-width: 767px) {
  .resolve-the-issue__group + .resolve-the-issue__group {
    margin-top: 30px;
  }
}
.resolve-the-issue__header {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 50px;
}
@media only screen and (max-width: 767px) {
  .resolve-the-issue__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
}
.resolve-the-issue__header img {
  border-radius: 20px;
  max-width: 370px;
  width: 100%;
  height: auto;
  display: block;
}
@media only screen and (max-width: 767px) {
  .resolve-the-issue__header img {
    max-width: 100%;
  }
}
.resolve-the-issue__header > div {
  width: calc(100% - 420px);
}
@media only screen and (max-width: 767px) {
  .resolve-the-issue__header > div {
    width: 100%;
  }
}
.resolve-the-issue__header h3 {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.2083333333;
  color: #363833;
  display: block;
}
@media only screen and (max-width: 767px) {
  .resolve-the-issue__header h3 {
    font-size: clamp(18px,  4.8vw , 12px);
  }
}
.resolve-the-issue__header h3 span {
  display: block;
}
.resolve-the-issue__header h3 span:first-child {
  white-space: nowrap;
  color: #05AFEA;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0;
}
.resolve-the-issue__header h3 span:first-child::after {
  counter-increment: number 1;
  content: "0" counter(number);
  margin-left: 10px;
  display: block;
  font-family: "Lexend Deca", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 32px;
  line-height: 1.25;
  color: #05AFEA;
}
@media only screen and (max-width: 767px) {
  .resolve-the-issue__header h3 span:first-child::after {
    font-size: clamp(22px,  5.8666666667vw , 12px);
  }
}
.resolve-the-issue__header h3 span:last-child {
  margin-top: 0.5em;
}
.resolve-the-issue__header p {
  margin-top: 30px;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.6;
  color: #2b2b2b;
}
@media only screen and (max-width: 767px) {
  .resolve-the-issue__header p {
    margin-top: 20px;
    font-size: clamp(16px,  4.2666666667vw , 12px);
  }
}
.resolve-the-issue__header + .resolve-the-issue__block {
  margin-top: 60px;
}
.resolve-the-issue__block {
  background: -webkit-gradient(linear, left bottom, left top, from(#D8EFFC), to(#FFFFFF));
  background: linear-gradient(360deg, #D8EFFC 0%, #FFFFFF 100%);
  border-radius: 30px;
  margin-top: 50px;
  padding: 84px 72px 50px;
}
@media only screen and (max-width: 767px) {
  .resolve-the-issue__block {
    padding: 20px 20px 20px;
  }
}
.resolve-the-issue__col-header {
  padding: 0 20px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 70px;
}
@media only screen and (max-width: 767px) {
  .resolve-the-issue__col-header {
    padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 30px;
  }
}
.resolve-the-issue__col-header + * {
  margin-top: 60px;
}
@media only screen and (max-width: 767px) {
  .resolve-the-issue__col-header + * {
    margin-top: 20px;
  }
}
.resolve-the-issue__col-header--cell {
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .resolve-the-issue__col-header--cell {
    width: 100%;
  }
}
.resolve-the-issue__col-header img {
  border-radius: 20px;
  max-width: 100%;
  width: 100%;
  height: auto;
  display: block;
}
.resolve-the-issue__col-header h3 span {
  display: block;
}
.resolve-the-issue__col-header h3 span:first-child {
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 1;
  letter-spacing: 0.06em;
  color: #05AFEA;
}
.resolve-the-issue__col-header h3 span:first-child:after {
  counter-increment: number 1;
  content: "0" counter(number);
  margin-left: 10px;
  display: inline-block;
  font-family: "Lexend Deca", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 32px;
  line-height: 1.25;
  color: #05AFEA;
}
@media only screen and (max-width: 767px) {
  .resolve-the-issue__col-header h3 span:first-child:after {
    font-size: clamp(30px,  8vw , 12px);
  }
}
.resolve-the-issue__col-header h3 span:last-child {
  margin-top: 20px;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.2083333333;
  letter-spacing: 0.05em;
  color: #2b2b2b;
}
@media only screen and (max-width: 767px) {
  .resolve-the-issue__col-header h3 span:last-child {
    font-size: clamp(18px,  4.8vw , 12px);
  }
}
.resolve-the-issue__col-header p {
  margin-top: 20px;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.1875;
  color: #2B2B2B;
}
@media only screen and (max-width: 767px) {
  .resolve-the-issue__col-header p {
    font-size: clamp(16px,  4.2666666667vw , 12px);
  }
}
.resolve-the-issue__col-header p span {
  vertical-align: middle;
  display: inline-block;
}
.resolve-the-issue__col-header p span:first-child {
  border-right: solid 1px #2b2b2b;
  margin-right: 10px;
  padding-right: 10px;
  min-width: 5.2em;
}
.resolve-the-issue__col-header p + p {
  margin-top: 10px;
}
.resolve-the-issue__col {
  margin-top: 30px;
  display: grid;
  grid-template-columns: 1fr 114px 1fr;
  background-image: url(../image/icon_resolve-the-issue_next.svg);
  background-size: 22px 50px;
  background-position: center 2px;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 767px) {
  .resolve-the-issue__col {
    margin-top: 30px;
    background: none;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
}
.resolve-the-issue__cell_issue {
  grid-column: 1/1;
}
@media only screen and (max-width: 767px) {
  .resolve-the-issue__cell_issue {
    padding-bottom: 60px;
    position: relative;
  }
  .resolve-the-issue__cell_issue:after {
    content: "";
    background-image: url(../image/icon_resolve-the-issue_next.svg);
    background-size: 22px 50px;
    background-position: center;
    background-repeat: no-repeat;
    width: 22px;
    height: 50px;
    display: block;
    -webkit-transform: rotate(90deg) translate3d(-50%, 0, 0);
            transform: rotate(90deg) translate3d(-50%, 0, 0);
    margin: 0;
    position: absolute;
    bottom: 0;
    left: 50%;
  }
}
.resolve-the-issue__cell_results {
  grid-column: 3/3;
}
.resolve-the-issue__cell h4 {
  background: #595757;
  border-radius: 26px;
  min-height: 56px;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.2;
  text-align: center;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .resolve-the-issue__cell h4 {
    font-size: clamp(18px,  4.8vw , 12px);
    min-height: 42px;
  }
}
.resolve-the-issue__cell ul, .resolve-the-issue__cell li {
  list-style: disc;
}
.resolve-the-issue__cell ul {
  margin-top: 24px;
  padding-left: 24px;
}
.resolve-the-issue__cell li {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.6666666667;
  color: #2B2B2B;
}
.resolve-the-issue__cell li + li {
  margin-top: 24px;
}
.resolve-the-issue__cell_results h4 {
  background: #05AFEA;
}
.resolve-the-issue__items {
  background: -webkit-gradient(linear, left bottom, left top, from(#D8EFFC), to(#FFFFFF));
  background: linear-gradient(360deg, #D8EFFC 0%, #FFFFFF 100%);
  border-radius: 30px;
  margin: 100px auto 0;
  padding: 50px;
  width: 100%;
  max-width: 1200px;
}
@media only screen and (max-width: 767px) {
  .resolve-the-issue__items {
    border-radius: 0;
    margin: 55px -5% 0;
    padding: 30px 5%;
    width: auto;
  }
}
.resolve-the-issue__items--footer {
  margin-top: 50px;
  /*
  p {
  	font-style: normal;
  	font-weight: 500;
  	font-size: 16px;
  	line-height: 1.88;
  	text-align: center;
  	color: #2B2B2B;

  	@media only screen and (max-width: 767px) {
  		font-size: unquote("clamp(16px, ") math.div(16, 375) * 100vw unquote(", 12px)");

  		br {
  			display: none;
  		}
  	}
  } */
}
.resolve-the-issue__items--footer .button {
  margin-top: 0;
}
.resolve-the-issue__items--footer .button a {
  padding-right: 80px;
  color: #2b2b2b;
}
.resolve-the-issue__items--footer .button a::after {
  background-image: url(../image/icon_arrow_all.svg);
  background-size: contain;
  width: 40px;
  height: 40px;
}
.resolve-the-issue .col3__cell {
  border-radius: 16px;
  -webkit-box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);
  padding: 20px;
  color: #2B2B2B;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.resolve-the-issue .col3__item--headtitle {
  margin: 30px 0 0;
  padding: 0;
  font-style: normal;
  font-weight: 700;
  font-size: 13px;
  line-height: 1.69;
  text-align: center;
  color: #494949;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
}
@media only screen and (max-width: 767px) {
  .resolve-the-issue .col3__item--headtitle {
    font-size: clamp(13px,  3.4666666667vw , 12px);
  }
}
.resolve-the-issue .col3__item--image {
  border-radius: 12px;
  margin: 0 auto;
  padding: 0;
  position: relative;
  overflow: hidden;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}
.resolve-the-issue .col3__item--image img {
  margin: 0 auto;
  max-width: 100%;
  aspect-ratio: auto;
  width: 100%;
  height: auto;
  display: block;
}
.resolve-the-issue .col3__item--data {
  margin: 30px 0 0;
  width: 100%;
  display: block;
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
      -ms-flex-order: 3;
          order: 3;
}
.resolve-the-issue .col3__item--data li {
  width: 100%;
  font-style: normal;
  font-weight: 350;
  font-size: 14px;
  line-height: 1.5;
  color: #000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media only screen and (max-width: 767px) {
  .resolve-the-issue .col3__item--data li {
    font-size: clamp(14px,  3.7333333333vw , 12px);
  }
}
.resolve-the-issue .col3__item--data li + li {
  border-top: solid 1px #C5C5C5;
  margin-top: 10px;
  padding-top: 10px;
}
.resolve-the-issue .col3__item--data--title {
  min-width: 7em;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5;
  color: #000;
}
@media only screen and (max-width: 767px) {
  .resolve-the-issue .col3__item--data--title {
    font-size: clamp(14px,  3.7333333333vw , 12px);
  }
}
.resolve-the-issue .col3__item--data--title + p {
  margin-top: -0.3em;
}

.businesss-detail .resolve-the-issue .col4__cell {
  background: #fff;
  border-radius: 16px;
  -webkit-box-shadow: 0px 12px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 12px 20px rgba(0, 0, 0, 0.1);
  padding: 20px;
  position: relative;
  overflow: hidden;
}
.businesss-detail .resolve-the-issue .col4 h3 {
  background: #05AFEA;
  border-radius: 10px;
  margin: 0;
  padding: 5px 10px;
  min-height: 55px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 1;
  letter-spacing: 0.1em;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .businesss-detail .resolve-the-issue .col4 h3 {
    font-size: clamp(18px,  4.8vw , 12px);
  }
}
.businesss-detail .resolve-the-issue .col4 h3 + * {
  margin-top: 2em;
}
.businesss-detail .resolve-the-issue .col4__item--image {
  padding: 0 20px;
}
.businesss-detail .resolve-the-issue .col4__item--image img {
  margin: 0 auto;
  max-width: 100%;
  width: auto;
  height: auto;
  display: block;
  aspect-ratio: auto;
}
.businesss-detail .resolve-the-issue .col4 ul.bullet-box {
  border: none;
  border-radius: 0;
  margin: 1em 0 0;
  padding: 0;
}
.businesss-detail .be-chosen {
  counter-reset: number 0;
}
.businesss-detail .be-chosen .col3__cell {
  background: -webkit-gradient(linear, left bottom, left top, from(#D8EFFC), to(#FFFFFF));
  background: linear-gradient(360deg, #D8EFFC 0%, #FFFFFF 100%);
  -webkit-box-shadow: 0px 12px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 12px 20px rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  padding: 20px;
  position: relative;
  overflow: hidden;
}
.businesss-detail .be-chosen .col3__cell::before {
  counter-increment: number 1;
  content: "0" counter(number);
  margin-bottom: 7px;
  font-family: "Lexend Deca", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 26px;
  line-height: 1.15;
  text-align: center;
  color: #05AFEA;
  display: block;
}
.businesss-detail .be-chosen .col3 h3 {
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.5;
  text-align: center;
  color: #2B2B2B;
}
@media only screen and (max-width: 767px) {
  .businesss-detail .be-chosen .col3 h3 {
    font-size: clamp(18px,  4.8vw , 12px);
  }
}
.businesss-detail .be-chosen .col3 h3 + * {
  margin-top: 2em;
}
.businesss-detail .be-chosen .col3__item--image {
  padding: 0 20px;
}
.businesss-detail .be-chosen .col3__item--image img {
  margin: 0 auto;
  max-width: 100%;
  width: auto;
  height: auto;
  display: block;
  aspect-ratio: auto;
}
.businesss-detail .be-chosen .col3 ul {
  border: none;
  border-radius: 0;
  margin: 1em 0 0;
  padding: 0 0 0 25px;
}
.businesss-detail .be-chosen .col3 ul li {
  list-style-type: disc;
}
.businesss-detail .be-chosen .col3 ul li + li {
  margin-top: 0.6em;
}
.businesss-detail .be-chosen .section-base__footer.button a {
  margin: 0 auto;
  padding: 6px 72px 6px 40px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-height: 64px;
}
.businesss-detail .introduction-of-personnel .col3__cell {
  background: #fff;
  border-radius: 16px;
  -webkit-box-shadow: 0px 12px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 12px 20px rgba(0, 0, 0, 0.1);
  padding: 0;
  position: relative;
  overflow: hidden;
}
.businesss-detail .introduction-of-personnel .col3__item--content {
  padding: 20px;
}
.businesss-detail .introduction-of-personnel .col3__item--name {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.14;
  color: #2B2B2B;
}
.businesss-detail .introduction-of-personnel .col3__item--title {
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.5;
  color: #2B2B2B;
}
* + .businesss-detail .introduction-of-personnel .col3__item--title {
  margin-top: 10px;
}
.businesss-detail .introduction-of-personnel .col3__item--category {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.businesss-detail .introduction-of-personnel .col3__item--category p, .businesss-detail .introduction-of-personnel .col3__item--category li {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: #999DAA;
  white-space: nowrap;
}
.businesss-detail .introduction-of-personnel .col3__item--category ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 6px;
}
.businesss-detail .introduction-of-personnel .col3__item--category ul li {
  background: #EBECED;
  border-radius: 10px;
  padding: 1px 20px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 20px;
  line-height: 20px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
* + .businesss-detail .introduction-of-personnel .col3__item--category {
  margin-top: 15px;
}
.businesss-detail .introduction-of-personnel .col3__item--nextlink {
  border-top: solid 1px #CCCED5;
  margin: 0 20px;
  padding: 10px 0 20px;
}
.businesss-detail .introduction-of-personnel .col3__item--nextlink span {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5;
  color: #05AFEA;
}
.businesss-detail .introduction-of-personnel .col3__item--nextlink span::after {
  background-image: url(../image/icon_arrow_right_lightblue.svg);
}

.price {
  color: #2B2B2B;
}
@media only screen and (max-width: 767px) {
  .price .col3 {
    gap: 20px;
  }
}
.price .col3__cell {
  background-color: #F5F5F5;
  border-radius: 16px;
  -webkit-box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);
  padding: 0;
  color: #2B2B2B;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (max-width: 767px) {
  .price .col3__cell {
    background-color: #f2f2f2;
  }
}
.price .col3__item--headtitle {
  background: #1DB0EF;
  margin: 0;
  padding: 10px;
  min-height: 84px;
  width: 100%;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  text-align: center;
  letter-spacing: 0.6em;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .price .col3__item--headtitle {
    min-height: 54px;
    font-size: clamp(20px,  5.3333333333vw , 12px);
  }
}
.price .col3__item--catchphrase {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.6;
  text-align: center;
  letter-spacing: 0;
}
@media only screen and (max-width: 767px) {
  .price .col3__item--catchphrase {
    font-size: clamp(16px,  4.2666666667vw , 12px);
  }
}
.price .col3__item--content {
  background: #F5F5F5;
  padding: 20px;
  text-align: left;
}
.price .col3__item--content p:not(.col3__item--content--title) {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.88;
  color: #000;
}
@media only screen and (max-width: 767px) {
  .price .col3__item--content p:not(.col3__item--content--title) {
    font-size: clamp(14px,  3.7333333333vw , 12px);
  }
}
.price .col3__item--content--title {
  margin-bottom: 14px;
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  line-height: 1.36;
  color: #000;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .price .col3__item--content--title {
    font-size: clamp(16px,  4.2666666667vw , 12px);
  }
}
.price .section-base__wrap + .heading {
  margin-top: 100px;
}
@media only screen and (max-width: 767px) {
  .price .section-base__wrap + .heading {
    margin-top: 50px;
  }
}
.price-step {
  margin: 0 auto;
  max-width: 950px;
  width: 100%;
  counter-reset: number 0;
}
.price-step__col {
  background: #F2F2F2;
  border-radius: 180px;
  width: 100%;
  min-height: 180px;
  padding: 25px 25px 25px 180px;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 767px) {
  .price-step__col {
    border-radius: 20px;
    min-height: unset;
    padding: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
}
.price-step__col::before {
  counter-increment: number 1;
  content: "0" counter(number);
  background: #fff;
  border-radius: 130px;
  width: 130px;
  height: 130px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  font-family: "Lexend Deca", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 40px;
  line-height: normal;
  color: #1DB0EF;
  position: absolute;
  top: 25px;
  left: 25px;
}
@media only screen and (max-width: 767px) {
  .price-step__col::before {
    border-radius: 47px;
    font-size: 28px;
    width: 100%;
    min-height: 47px;
    height: 47px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: static;
    top: auto;
    left: auto;
  }
}
.price-step__col + .price-step__col {
  margin-top: 50px;
}
@media only screen and (max-width: 767px) {
  .price-step__col + .price-step__col {
    margin-top: 30px;
  }
}
.price-step h3 {
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  color: #000;
}
@media only screen and (max-width: 767px) {
  .price-step h3 {
    font-size: clamp(16px,  4.2666666667vw , 12px);
    /*
    &::before {
    	counter-increment: number 1;
    	content: "0" counter(number);

    	background: #fff;
    	border-radius: 4px;

    	padding: 5px 10px;

    	margin-right: 10px;
    	color: #1DB0EF;
    	font-size: unquote("clamp(20px, ") math.div(20, 375) * 100vw unquote(", 12px)");
    	letter-spacing: 0;

    	vertical-align: middle;
    	display: inline-block;

    	position: relative;
    	top: -1px;
    }
    */
  }
}
.price-step h3 + * {
  margin-top: 10px;
}
@media only screen and (max-width: 767px) {
  .price-step__details {
    text-align: center;
  }
}
.price-step__details p {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1.6;
  color: #000;
}
@media only screen and (max-width: 767px) {
  .price-step__details p {
    font-size: clamp(14px,  3.7333333333vw , 12px);
  }
}
.price-step__details span.button {
  margin-top: 10px;
  display: block;
}
.price-step__details span.button a.type01 {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 42px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-height: unset;
  font-size: 14px;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .price-step__details span.button a.type01 {
    margin: 0 auto;
  }
}
.price-step__details span.button a.type01::after {
  background-image: url(../image/icon_arrow_right.png);
  right: 10px;
  width: 20px;
  height: 20px;
}
.price .button a {
  padding-right: 80px;
  color: #2b2b2b;
}
.price .button a::after {
  background-image: url(../image/icon_arrow_all.svg);
  background-size: contain;
  width: 40px;
  height: 40px;
}

.flow .button a {
  padding-right: 80px;
  color: #2b2b2b;
}
.flow .button a::after {
  background-image: url(../image/icon_arrow_all.svg);
  background-size: contain;
  width: 40px;
  height: 40px;
}

.customers__list ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 8px 0.68%;
}
.customers__list ul li {
  padding: 10px;
  width: 11.9%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.customers__list ul li a::after {
  display: none;
}
.customers__list ul li img {
  margin: 0 auto;
  width: 100%;
  height: auto;
  display: block;
}
@media only screen and (max-width: 767px) {
  .customers__list ul {
    gap: 8px 2.6%;
  }
  .customers__list ul li {
    width: 23%;
  }
}
.customers__list + *:not(.link_g) {
  margin-top: 50px;
}
.customers .link_g {
  margin: 20px 0 50px 0;
  text-align: right;
}
.customers .link_g a {
  display: inline-block;
  position: relative;
  color: #BF9F70;
  font-weight: 700;
}
.customers .link_g a::after {
  background: url(../image/icon_arrow_gold.svg) no-repeat center center;
  display: inline-block;
  margin-left: 1em;
  width: 15px;
  height: 12px;
  content: "";
}
@media only screen and (max-width: 767px) {
  .customers .link_g {
    margin: 20px 0 30px 0;
    text-align: center;
  }
}
.customers .col3__item--content,
.customers .col3__item--table {
  background-color: #FFF;
  padding: 20px;
}
.customers__slider {
  background: #F2F2F2;
  padding-top: 100px;
}
@media only screen and (max-width: 767px) {
  .customers__slider {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.customers__slider .col3__cell {
  border-radius: 20px;
  padding: 0 0 20px;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-align: left;
}
.customers__slider .col3__item--catchphrase, .customers__slider .col3__item--headtitle, .customers__slider .col3__item--content, .customers__slider .col3__item--table, .customers__slider .col3__item--link {
  width: 100%;
}
.customers__slider .col3__item--image {
  width: 100%;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}
.customers__slider .col3__item--catchphrase {
  margin: 20px 0 0;
  padding: 0 20px;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.14;
  color: #1A1A1A;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
}
@media only screen and (max-width: 767px) {
  .customers__slider .col3__item--catchphrase {
    font-size: clamp(14px,  3.7333333333vw , 12px);
  }
}
.customers__slider .col3__item--headtitle {
  margin: 10px 0 0;
  padding: 0 20px;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.5;
  color: #1A1A1A;
  text-align: left;
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
      -ms-flex-order: 3;
          order: 3;
}
@media only screen and (max-width: 767px) {
  .customers__slider .col3__item--headtitle {
    font-size: clamp(16px,  4.2666666667vw , 12px);
  }
}
.customers__slider .col3__item--content {
  padding-bottom: 10px;
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
      -ms-flex-order: 4;
          order: 4;
}
.customers__slider .col3__item--content p {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .customers__slider .col3__item--content p {
    font-size: clamp(14px,  3.7333333333vw , 12px);
  }
}
.customers__slider .col3__item--content p.industry {
  margin-right: 10px;
  color: #999DAA;
}
.customers__slider .col3__item--table {
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
      -ms-flex-order: 4;
          order: 4;
}
.customers__slider .col3__item--link {
  border-top: solid 1px #CCCED5;
  margin: 0 20px 0;
  padding: 10px 0 0;
  width: auto;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5;
  text-align: right;
  display: block;
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
      -ms-flex-order: 5;
          order: 5;
}
@media only screen and (max-width: 767px) {
  .customers__slider .col3__item--link {
    font-size: clamp(16px,  4.2666666667vw , 12px);
  }
}
.customers__slider .col3__item--link a {
  color: #05AFEA;
  margin-left: auto;
  margin-right: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 10px;
}
.customers__slider .col3__item--link a::after {
  content: "";
  background: url(../image/icon_arrow_right_lightblue.svg) no-repeat center;
  background-size: contain;
  width: 6px;
  height: 12px;
  display: block;
}
.customers.customers__slider.section-base {
  padding: 100px 5%;
}
@media only screen and (max-width: 767px) {
  .customers.customers__slider.section-base {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.customers.customers__slider.section-base .col3__cell.slick-slide {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.customers__sample {
  margin: 100px auto 0;
}
@media only screen and (max-width: 767px) {
  .customers__sample {
    margin-top: 50px;
  }
}
.customers__sample--col {
  background: #F2F2F2;
  border-radius: 20px;
  padding: 20px 50px 20px 20px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
}
@media only screen and (max-width: 767px) {
  .customers__sample--col {
    padding: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
}
.customers__sample--col + .customers__sample--col {
  margin-top: 50px;
}
@media only screen and (max-width: 767px) {
  .customers__sample--col + .customers__sample--col {
    margin-top: 20px;
  }
}
.customers__sample--company-information {
  background: #fff;
  border-radius: 12px;
  padding: 30px;
  width: 375px;
  height: 315px;
}
@media only screen and (max-width: 767px) {
  .customers__sample--company-information {
    padding: 20px;
    width: 100%;
    height: auto;
  }
}
.customers__sample--company-information h3 {
  border-left: solid 8px #05AFEA;
  padding: 3px 0 5px 10px;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.5;
  color: #000;
  display: block;
}
@media only screen and (max-width: 767px) {
  .customers__sample--company-information h3 {
    font-size: clamp(16px,  4.2666666667vw , 12px);
  }
}
.customers__sample--company-information ul {
  margin-top: 30px;
  padding-left: 15px;
}
.customers__sample--company-information li {
  list-style: disc;
  font-style: normal;
  font-weight: 350;
  font-size: 14px;
  line-height: 1.5;
  color: #000;
}
@media only screen and (max-width: 767px) {
  .customers__sample--company-information li {
    font-size: clamp(14px,  3.7333333333vw , 12px);
  }
}
.customers__sample--company-information li::marker {
  color: #05AFEA;
}
.customers__sample--company-information li + li {
  margin-top: 15px;
}
.customers__sample--company-result {
  max-width: calc(100% - 375px - 40px);
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .customers__sample--company-result {
    max-width: unset;
  }
}
.customers__sample--company-result ul {
  width: 100%;
  display: block;
}
.customers__sample--company-result li {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
@media only screen and (max-width: 767px) {
  .customers__sample--company-result li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }
}
.customers__sample--company-result li > span {
  background: #05AFEA;
  border-radius: 4px;
  width: 50px;
  height: 30px;
  font-style: normal;
  font-weight: 350;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 7px;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  white-space: nowrap;
  text-align: justify;
}
@media only screen and (max-width: 767px) {
  .customers__sample--company-result li > span {
    font-size: clamp(14px,  3.7333333333vw , 12px);
  }
}
.customers__sample--company-result li > span span {
  margin-right: -7px;
}
.customers__sample--company-result li > p {
  max-width: calc(100% - 70px);
  display: block;
  font-style: normal;
  font-weight: 350;
  font-size: 16px;
  line-height: 1.5;
  color: #000;
}
@media only screen and (max-width: 767px) {
  .customers__sample--company-result li > p {
    font-size: clamp(14px,  3.7333333333vw , 12px);
  }
}
.customers__sample--company-result li + li {
  border-top: solid 1px #D1D1D1;
  margin-top: 20px;
  padding-top: 20px;
}

.seminar__schedule {
  padding-left: 3em;
  text-indent: -3em;
  font-size: 12px;
  line-height: 1.6;
}
.seminar .col3__item {
  background: #fff;
  border-radius: 20px;
  -webkit-box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: hidden;
}
.seminar .col3__item--tags {
  margin-top: 1em;
  gap: 5px;
}
.seminar-seminar__wrap {
  width: 100%;
  padding: 0 5% 50px 5%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto;
}
.seminar-seminar__wrap > h2 {
  text-align: center;
  font-size: 30px;
  font-weight: 700;
  padding-top: 50px;
}
@media only screen and (max-width: 767px) {
  .seminar-seminar__wrap > h2 {
    padding-top: 50px;
  }
}
.seminar-seminar__wrap.past {
  padding-top: 0;
}
.seminar-seminar__list {
  max-width: 1200px;
  margin: 0 auto;
}
.seminar-seminar__list--wrap {
  padding: 50px 0;
}
.seminar-seminar__schedule, .seminar-seminar__place {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
}
.seminar-seminar__schedule .head, .seminar-seminar__place .head {
  color: #999DAA;
  width: 3em;
}
.seminar-seminar__schedule .item, .seminar-seminar__place .item {
  color: #2b2b2b;
  width: calc(100% - 3em);
}
.seminar-seminar .col3__item--title {
  position: relative;
  padding-top: 10px;
}
.seminar-seminar .col3__item--title .label {
  position: absolute;
  background: #05AFEA;
  color: #FFF;
  padding: 5px 20px;
  font-size: 14px;
  font-weight: 700;
  left: 0;
  top: -40px;
  width: 6.3em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}
.seminar-seminar .col3__item--title .label.past {
  background: #999DAA;
}
.seminar-seminar .col3__item--title .label.full {
  background: #E60012;
}
.seminar-seminar .col3__item--tags {
  margin-top: 1em;
}
.seminar-seminar .col3__item--linkbutton--col2 {
  margin: 0 20px;
  padding: 20px 0;
  border-top: 1px solid #CCCED5;
}
@media only screen and (max-width: 767px) {
  .seminar-seminar .col3__item--linkbutton--col2 {
    margin: 0 24px;
    padding: 24px 0;
  }
}
.seminar-seminar .col3__item--linkbutton--col2 li:first-child a {
  color: #2b2b2b;
  background-color: #FFF;
  border: 1px solid #2b2b2b;
}
.seminar-seminar .col3__item--linkbutton--col2 li:last-child a {
  background-color: #2b2b2b;
  border: 1px solid #2b2b2b;
}
.seminar-seminar .col3__item--linkbutton--col2 li:last-child span {
  background-color: #999DAA;
  border: 1px solid #999DAA;
  color: #FFF;
}
.seminar-seminar .other-seminar {
  padding-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .seminar-seminar .other-seminar {
    padding-bottom: 50px;
  }
}
.seminar .col3__item--linkbutton {
  border: none;
  border-top: solid 1px #CCCED5;
  padding-top: 25px;
  display: block;
}
.seminar .col3__item--linkbutton a, .seminar .col3__item--linkbutton span {
  margin: 0 auto;
  padding: 5px 20px;
  max-width: 160px;
  width: 100%;
  min-height: 44px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.seminar .col3__item--linkbutton a {
  border: none;
  background: #2b2b2b;
  border-radius: 40px;
  min-width: 160px;
  color: #FFF;
}
.seminar .col3__item--linkbutton span {
  border: none;
  background: #999DAA;
  border-radius: 40px;
  min-width: 160px;
  color: #FFF;
}
@media only screen and (max-width: 767px) {
  .seminar-detail .col2-content__right {
    padding: 0;
  }
  .seminar-detail .col2-content__right .seminar-detail__form {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.seminar-detail .col2-content__right--wrap {
  max-height: calc(100vh - 160px);
  position: relative;
  overflow-y: auto;
}
@media only screen and (max-width: 767px) {
  .seminar-detail .col2-content__right--wrap {
    max-height: none;
    overflow-y: unset;
  }
}
@media only screen and (max-width: 767px) {
  .seminar-detail__title {
    padding: 0 5%;
  }
}
.seminar-detail__title .label {
  background: #05AFEA;
  color: #FFF;
  margin-bottom: 20px;
  padding: 3px 20px;
  font-size: 14px;
  font-weight: 700;
  width: 6.3em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}
.seminar-detail__title .label.past {
  background: #EB2F2F;
}
.seminar-detail__title .label.full {
  background: #999DAA;
}
.seminar-detail__title h1 {
  font-size: 28px;
  line-height: 1.56;
}
@media all and (max-width: 1440px) {
  .seminar-detail__title h1 {
    font-size: clamp(28px,  1.9444444444vw , 12px);
  }
}
@media only screen and (max-width: 767px) {
  .seminar-detail__title h1 {
    font-size: 24px;
  }
}
@media only screen and (max-width: 375px) {
  .seminar-detail__title h1 {
    font-size: clamp(24px,  6.4vw , 12px);
  }
}
.seminar-detail__title--image {
  margin: 30px 0 50px;
}
.seminar-detail__title--image img {
  border-radius: 20px;
  display: block;
}
.seminar-detail__title--go-form {
  display: none;
}
@media only screen and (max-width: 767px) {
  .seminar-detail__title--go-form {
    margin: -20px 0 0;
    padding: 0;
    font-weight: 700;
    font-size: 18px;
    line-height: normal;
    display: block;
    position: relative;
    z-index: 1;
  }
  .seminar-detail__title--go-form a {
    border: none;
    background-color: #EB2F2F;
    background-image: url("../image/icon_arrow_right.svg");
    background-repeat: no-repeat;
    background-position: center right 20px;
    background-size: 20px;
    border-radius: 44px;
    margin: 0 auto;
    padding: 10px 30px;
    max-width: 420px;
    width: 100%;
    min-height: 44px;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: 0.05em;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    position: relative;
    cursor: pointer;
  }
}
.seminar-detail__title--category {
  border: 1px solid #CCCED5;
  border-radius: 32px;
  margin-top: 50px;
  padding: 5px 15px;
  white-space: nowrap;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #2b2b2b;
  display: inline-block;
}
@media all and (max-width: 1440px) {
  .seminar-detail__title--category {
    font-size: max( 0.8333333333vw, 12px );
  }
}
@media only screen and (max-width: 767px) {
  .seminar-detail__title--category {
    font-size: 12px;
  }
}
.seminar-detail__title--image + .seminar-detail__title--category {
  margin-top: 0;
}
.seminar-detail__schedule {
  margin-top: 1.3em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
}
@media only screen and (max-width: 767px) {
  .seminar-detail__schedule {
    padding: 0 5%;
  }
}
.seminar-detail__schedule .head {
  width: 3.6em;
  font-weight: 700;
  font-size: 20px;
  color: #2b2b2b;
  white-space: nowrap;
  display: block;
  position: relative;
  overflow: hidden;
  letter-spacing: 1em;
}
.seminar-detail__schedule .head_n {
  letter-spacing: 0;
}
.seminar-detail__schedule .head::after {
  content: "：";
  letter-spacing: 0;
  position: absolute;
  right: 0;
}
.seminar-detail__schedule .item {
  width: calc(100% - 4em);
  font-weight: 400;
  font-size: 20px;
  color: #2b2b2b;
}
.seminar-detail__schedule .past {
  background: #D9D9D9;
  color: #000;
  font-weight: 400;
  padding: 0 5px;
}
.seminar-detail__tags {
  margin-top: 1.5em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 5px;
}
@media only screen and (max-width: 767px) {
  .seminar-detail__tags {
    padding: 0 5%;
  }
}
.seminar-detail__tags a,
.seminar-detail__tags span {
  border: 1px solid #CCCED5;
  background-color: #FFF;
  border-radius: 30px;
  padding: 5px 15px;
  font-size: 12px;
  line-height: 20px;
  color: #2b2b2b;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.seminar-detail__lead {
  padding: 50px 0 0;
}
@media only screen and (max-width: 767px) {
  .seminar-detail__lead {
    padding: 10px 5% 30px 5%;
  }
}
.seminar-detail__lead p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.88;
  color: #2B2B2B;
}
@media only screen and (max-width: 767px) {
  .seminar-detail__lead p {
    font-size: clamp(14px,  3.7333333333vw , 12px);
  }
}
.seminar-detail__lead * + p {
  margin-top: 1em;
}
.seminar-detail__lead ul {
  margin-left: 1.5em;
}
.seminar-detail__lead ul li {
  list-style: disc;
}
.seminar-detail__lead * + ul {
  margin-top: 1em;
}
.seminar-detail__lineup {
  margin-top: 50px;
}
@media only screen and (max-width: 767px) {
  .seminar-detail__lineup {
    padding: 0 5% 20px 5%;
  }
}
.seminar-detail__lineup h2 {
  font-weight: 700;
  margin-bottom: 0.8em;
}
.seminar-detail__speaker {
  margin-top: 50px;
}
@media only screen and (max-width: 767px) {
  .seminar-detail__speaker {
    padding: 0 5% 20px 5%;
  }
}
.seminar-detail__speaker h2 {
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 2;
  letter-spacing: 0.05em;
  color: #2B2B2B;
  margin-bottom: 0.5em;
}
@media only screen and (max-width: 767px) {
  .seminar-detail__speaker h2 {
    font-size: clamp(20px,  5.3333333333vw , 12px);
  }
}
.seminar-detail__speaker--detail {
  background: #F2F2F2;
  border-radius: 20px;
  padding: 20px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.88;
  color: #2B2B2B;
}
.seminar-detail__speaker--detail h3 {
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.15;
  color: #2B2B2B;
}
.seminar-detail__speaker--detail--post {
  margin-top: 1em;
}
.seminar-detail__speaker--detail--post > * {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.71;
  color: #2B2B2B;
}
.seminar-detail__speaker--detail--detail {
  margin-top: 1em;
}
.seminar-detail__speaker--detail--detail > * {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.88;
  color: #2B2B2B;
}
.seminar-detail__speaker--detail + .seminar-detail__speaker--detail {
  margin-top: 20px;
}
.seminar-detail__form {
  background-color: #FFF;
  padding: 20px;
  -webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.16);
}
@media only screen and (max-width: 767px) {
  .seminar-detail__form {
    padding: 50px 20px;
  }
}
.seminar-detail__form h3 {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
}
.seminar-detail__form--free {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
}
.seminar-detail__form--caption {
  text-align: center;
  font-size: 14px;
  color: #878080;
  margin: 1em 0;
  line-height: 1.4;
}
.seminar-detail__form--status {
  margin: 1em 0;
}
.seminar-detail__form--status h4 {
  color: #2b2b2b;
  font-weight: 700;
  font-size: 13px;
}
.seminar-detail__form--status .label {
  background: #05AFEA;
  color: #FFF;
  padding: 5px 20px;
  font-size: 14px;
  font-weight: 700;
  width: 6.3em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}
.seminar-detail__form--status .label.past {
  background: #EB2F2F;
}
.seminar-detail__form--status .label.full {
  background: #999DAA;
}
.seminar-detail__form--date {
  color: #2b2b2b;
  font-weight: 700;
}
.seminar-detail .cv__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 767px) {
  .seminar-detail .cv__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.seminar-detail .cv__wrap--text h2 {
  font-size: 20px;
  margin-bottom: 0.5em;
}
@media all and (max-width: 1440px) {
  .seminar-detail .cv__wrap--text h2 {
    font-size: max( 1.3888888889vw, 12px );
  }
}
@media only screen and (max-width: 767px) {
  .seminar-detail .cv__wrap--text h2 {
    font-size: 18px;
    text-align: center;
  }
}
@media only screen and (max-width: 375px) {
  .seminar-detail .cv__wrap--text h2 {
    font-size: max( 4.8vw , 12px);
  }
}
.seminar-detail .cv__wrap--text p {
  font-size: 14px;
}
@media all and (max-width: 1440px) {
  .seminar-detail .cv__wrap--text p {
    font-size: max( 0.9722222222vw, 12px );
  }
}
@media only screen and (max-width: 767px) {
  .seminar-detail .cv__wrap--text p {
    font-size: 14px;
    text-align: center;
  }
}
@media only screen and (max-width: 375px) {
  .seminar-detail .cv__wrap--text p {
    font-size: max( 3.7333333333vw , 12px);
  }
}
@media only screen and (max-width: 767px) {
  .seminar-detail .cv__wrap .button-small {
    width: 100%;
    margin-top: 30px;
  }
  .seminar-detail .cv__wrap .button-small a {
    width: 100%;
    font-size: 17px;
  }
}
@media only screen and (max-width: 767px) and (max-width: 375px) {
  .seminar-detail .cv__wrap .button-small a {
    font-size: max( 4.5333333333vw , 12px);
  }
}
.seminar-detail .article {
  padding: 50px 0;
}
@media only screen and (max-width: 767px) {
  .seminar-detail .article {
    padding: 30px 5% 30px 5%;
  }
}
.seminar-detail .article__content {
  padding: 0;
  background-color: inherit;
}
.seminar-detail .article__content h2 {
  border-bottom: none;
  padding-bottom: 0;
}
.seminar-detail .article__content ol li,
.seminar-detail .article__content ul li {
  font-size: 14px;
}
.seminar-detail .article__content * + p {
  margin-top: 1em;
}
.seminar-detail .article__content--speaker {
  border: 1px solid #CCCED5;
  padding: 20px;
  margin-top: 20px;
}
.seminar-detail .article__content--speaker h3 {
  margin: 0;
  font-size: 20px;
  font-family: "Noto Sans JP", serif;
}
.seminar-detail .article__content--speaker .title {
  font-size: 14px;
}
.seminar-detail .article__content--time {
  font-size: 20px;
  font-weight: 700;
}
.seminar-detail .article__content--program {
  margin: 0.5em 0 0 0;
  padding: 1.5em 0 1.5em 1em;
  border-top: 1px solid #CCCED5;
  border-bottom: 1px solid #CCCED5;
  font-size: 14px;
}
.seminar-detail .article__content .note {
  font-size: 14px;
}
.seminar-detail .article__content + .button {
  margin-top: 40px;
}
.seminar .section-base__wrap .col3__item--title {
  position: relative;
  padding-top: 10px;
}
.seminar .section-base__wrap .col3__item--title .label {
  position: absolute;
  background: #05AFEA;
  color: #FFF;
  padding: 5px 20px;
  font-size: 14px;
  font-weight: 700;
  left: 0;
  top: -30px;
  width: 6.3em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}
.seminar .section-base__wrap .col3__item--title .label.past {
  background: #EB2F2F;
}
.seminar .section-base__wrap .col3__item--title .label.full {
  background: #999DAA;
}
.seminar .section-base__wrap .col3__item--title .text {
  display: block;
}
.seminar .section-base__wrap .col3__item--linkbutton--col2 {
  padding: 20px 0;
  margin: 0 15px;
}
@media only screen and (max-width: 767px) {
  .seminar .section-base__wrap .col3__item--linkbutton--col2 {
    padding: 24px 0;
    margin: 0 24px;
  }
}
.seminar .button a {
  padding-right: 80px;
  color: #2b2b2b;
}
.seminar .button a::after {
  background-image: url(../image/icon_arrow_all.svg);
  background-size: contain;
  width: 40px;
  height: 40px;
}
.seminar .button.return a {
  padding-left: 60px;
  font-size: 18px;
  color: #2b2b2b;
}
.seminar .button.return a::after {
  background-image: url(../image/icon_arrow_all.svg);
  background-size: contain;
  width: 40px;
  height: 40px;
}
.seminar-seminar .button a, .seminar-detail .button a {
  padding-right: 80px;
  color: #2b2b2b;
}
.seminar-seminar .button a::after, .seminar-detail .button a::after {
  background-image: url(../image/icon_arrow_all.svg);
  background-size: contain;
  width: 40px;
  height: 40px;
}
.seminar-seminar .cv .button a, .seminar-detail .cv .button a {
  padding-right: 28px;
}
.seminar-seminar .button.return a, .seminar-detail .button.return a {
  padding-left: 60px;
  font-size: 18px;
  color: #2b2b2b;
}
.seminar-seminar .button.return a::after, .seminar-detail .button.return a::after {
  background-image: url(../image/icon_arrow_all.svg);
  background-size: contain;
  width: 40px;
  height: 40px;
}
.seminar-seminar .cv .cv__wrap, .seminar-detail .cv .cv__wrap, .seminar-detail + .cv .cv__wrap {
  background-color: #2b2b2b;
  color: #fff;
}
.seminar-seminar .cv .button a.type02,
.seminar-seminar .cv .button span.type02,
.seminar-seminar .cv .button button.type02, .seminar-detail .cv .button a.type02,
.seminar-detail .cv .button span.type02,
.seminar-detail .cv .button button.type02, .seminar-detail + .cv .button a.type02,
.seminar-detail + .cv .button span.type02,
.seminar-detail + .cv .button button.type02 {
  background-color: #fff;
  color: #2b2b2b;
}
.seminar-seminar .cv .button a.type01::after,
.seminar-seminar .cv .button span.type01::after,
.seminar-seminar .cv .button button.type01::after, .seminar-detail .cv .button a.type01::after,
.seminar-detail .cv .button span.type01::after,
.seminar-detail .cv .button button.type01::after, .seminar-detail + .cv .button a.type01::after,
.seminar-detail + .cv .button span.type01::after,
.seminar-detail + .cv .button button.type01::after {
  background-image: url(../image/icon_arrow_right.svg) !important;
  background-size: contain;
  width: 20px;
  height: 20px;
}
.seminar-seminar .cv .button a.type02::after,
.seminar-seminar .cv .button span.type02::after,
.seminar-seminar .cv .button button.type02::after, .seminar-detail .cv .button a.type02::after,
.seminar-detail .cv .button span.type02::after,
.seminar-detail .cv .button button.type02::after, .seminar-detail + .cv .button a.type02::after,
.seminar-detail + .cv .button span.type02::after,
.seminar-detail + .cv .button button.type02::after {
  background-image: url(../image/icon_arrow_right_black.svg) !important;
  background-size: contain;
  width: 20px;
  height: 20px;
}

.col3__item--title + .seminar-seminar__schedule {
  margin-top: 1em;
}

.news {
  margin-top: 18px;
}
.news__navi {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 1200px;
  margin: 0 auto;
  gap: 10px;
}
.news__navi a {
  display: inline-block;
  background-color: #F1F5F6;
  border-radius: 30px;
  padding: 10px 20px;
  color: #222222;
  font-size: 14px;
}
.news__navi a.current {
  background-color: #212121;
  color: #FFF;
}
@media only screen and (max-width: 767px) {
  .news__navi {
    -webkit-box-pack: initial;
    -webkit-justify-content: initial;
        -ms-flex-pack: initial;
            justify-content: initial;
    max-width: initial;
    overflow-x: scroll;
    white-space: nowrap;
  }
}
.news__list {
  margin: 40px auto 0 auto;
  border-top: 1px solid #CCCED5;
}
@media only screen and (max-width: 767px) {
  .news__list {
    width: 90%;
  }
}
.news__item {
  border-bottom: 1px solid #CCCED5;
  padding: 30px 0 30px 0;
  display: block;
}
.news__item--label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: first baseline;
  -webkit-align-items: first baseline;
      -ms-flex-align: first baseline;
          align-items: first baseline;
}
.news__item--date {
  display: inline-block;
  color: #2b2b2b;
  font-size: 16px;
}
.news__item--category {
  background: #fff;
  border: 1px solid #CCCED5;
  border-radius: 40px;
  margin-bottom: 14px;
  padding: 0 10px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-height: 28px;
  color: #2b2b2b;
  line-height: 28px;
  display: block;
}
.news__item--headline {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  padding-right: 60px;
  font-weight: 700;
}
.news__item--headline::after {
  content: "";
  display: block;
  position: absolute;
  background: url("../image/icon_arrow_black.svg") no-repeat 0 0;
  right: 0;
  top: 0;
  width: 20px;
  height: 20px;
}
.news__sorter {
  margin: 0 auto;
  padding: 0 0 100px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .news__sorter {
    width: 100%;
  }
}
.news__sorter h2 {
  text-align: left;
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 40px;
}
.news__sorter ul {
  max-width: 1200px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  gap: 10px;
}
@media only screen and (max-width: 767px) {
  .news__sorter ul {
    -webkit-box-pack: start;
    -webkit-justify-content: start;
        -ms-flex-pack: start;
            justify-content: start;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    padding: 0 5%;
  }
}
.news__sorter ul label {
  display: inline-block;
}
.news__sorter ul label span {
  display: inline-block;
  padding: 5px 20px;
  border: 1px solid #2b2b2b;
  border-radius: 30px;
  background: #EBECED;
  font-size: 14px;
  font-weight: 700;
  color: #2b2b2b;
  white-space: nowrap;
}
@media all and (max-width: 1440px) {
  .news__sorter ul label span {
    font-size: max( 0.9722222222vw, 12px );
  }
}
@media only screen and (max-width: 767px) {
  .news__sorter ul label span {
    font-size: clamp(14px,  3.7333333333vw , 12px);
  }
}
.news__sorter ul label input {
  display: none;
}
.news__sorter ul label input:checked + span {
  border: 1px solid #2b2b2b;
  background-color: #2b2b2b;
  color: #FFF;
}
.news__sorter ul a {
  display: inline-block;
  padding: 5px 20px;
  border-radius: 30px;
  background: #EBECED;
  font-size: 14px;
  font-weight: 700;
  color: #9F9F9F;
  white-space: nowrap;
}
@media all and (max-width: 1440px) {
  .news__sorter ul a {
    font-size: max( 0.9722222222vw, 12px );
  }
}
@media only screen and (max-width: 767px) {
  .news__sorter ul a {
    font-size: clamp(14px,  3.7333333333vw , 12px);
  }
}
.news__sorter ul a.current {
  border: 1px solid #2b2b2b;
  background-color: #2b2b2b;
  color: #FFF;
}
.news.news-page .news__list {
  margin: 0 auto 100px;
}
.news.news-page .news__item {
  padding: 20px 50px 20px 0;
  display: block;
  position: relative;
}
.news.news-page .news__item::after {
  content: "";
  background: url(../image/icon_arrow_all.svg) no-repeat center center;
  background-size: contain;
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
  z-index: 1;
}
.news.news-page .news__item--label {
  font-size: 12px;
}
.news.news-page .news__item--headline::after {
  background: url("../image/icon_arrow_gold_s.svg") no-repeat 0 0;
  right: 0;
  top: 10px;
  width: 15px;
  height: 14px;
}
.news-detail__title {
  margin-bottom: 20px;
  display: block;
}
@media only screen and (max-width: 767px) {
  .news-detail__title {
    padding: 0 5%;
  }
}
.news-detail__title h1 {
  font-size: 38px;
  line-height: 1.4;
}
@media all and (max-width: 1440px) {
  .news-detail__title h1 {
    font-size: max( 2.6388888889vw, 12px );
  }
}
@media only screen and (max-width: 767px) {
  .news-detail__title h1 {
    font-size: clamp(24px,  6.4vw , 12px);
  }
}
.news-detail__title--label {
  margin-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.news-detail__title--category {
  border: 1px solid #CCCED5;
  border-radius: 28px;
  padding: 0 15px;
  font-size: 14px;
  line-height: 28px;
  color: #2b2b2b;
  display: inline-block;
}
.news-detail__title--date {
  padding: 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 28px;
  color: #2b2b2b;
  display: inline-block;
}
@media all and (max-width: 1440px) {
  .news-detail__title--date {
    font-size: max( 0.8333333333vw, 12px );
  }
}
@media only screen and (max-width: 767px) {
  .news-detail__title--date {
    font-size: 12px;
  }
}
.news-detail__image {
  margin-bottom: 40px;
}
.news-detail__image img {
  border-radius: 20px;
  margin: 0;
  max-width: 100%;
  width: 100%;
  height: auto;
  display: block;
}
@media only screen and (max-width: 767px) {
  .news-detail__image img {
    border-radius: 0;
  }
}
.news-detail__lead {
  padding: 0;
}
@media only screen and (max-width: 767px) {
  .news-detail__lead {
    padding: 0 5%;
  }
}
.news-detail__lead * + p {
  margin-top: 1em;
}
.news-detail__lead + * {
  margin-top: 40px;
}
@media only screen and (max-width: 767px) {
  .news-detail__lead + * {
    margin-top: 30px;
  }
}
.news-detail .cv__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 767px) {
  .news-detail .cv__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.news-detail .cv__wrap--text h2 {
  font-size: 20px;
  padding-bottom: 0.5em;
}
@media all and (max-width: 1440px) {
  .news-detail .cv__wrap--text h2 {
    font-size: max( 1.3888888889vw, 12px );
  }
}
@media only screen and (max-width: 767px) {
  .news-detail .cv__wrap--text h2 {
    font-size: 18px;
    text-align: center;
  }
}
@media only screen and (max-width: 375px) {
  .news-detail .cv__wrap--text h2 {
    font-size: max( 4.8vw , 12px);
  }
}
.news-detail .cv__wrap--text p {
  font-size: 14px;
}
@media all and (max-width: 1440px) {
  .news-detail .cv__wrap--text p {
    font-size: max( 0.9722222222vw, 12px );
  }
}
@media only screen and (max-width: 767px) {
  .news-detail .cv__wrap--text p {
    font-size: 14px;
    text-align: center;
  }
}
@media only screen and (max-width: 375px) {
  .news-detail .cv__wrap--text p {
    font-size: max( 3.7333333333vw , 12px);
  }
}
.news-detail .cv__wrap .button-small {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.news-detail .cv__wrap .button-small a {
  display: block;
  padding: 10px 20px;
}
@media only screen and (max-width: 767px) {
  .news-detail .cv__wrap .button-small {
    width: 100%;
    margin-top: 10px;
  }
  .news-detail .cv__wrap .button-small a {
    width: 100%;
    font-size: 17px;
  }
}
@media only screen and (max-width: 767px) and (max-width: 375px) {
  .news-detail .cv__wrap .button-small a {
    font-size: max( 4.5333333333vw , 12px);
  }
}
.news-detail .article {
  margin-top: 40px;
  padding: 0 0 50px;
}
.news-detail .article h2 {
  border-bottom: none;
  padding-bottom: 0.5em;
}
@media only screen and (max-width: 767px) {
  .news-detail .article {
    padding: 30px 5% 30px 5%;
  }
}
.news-detail .article__content {
  padding: 0;
  background-color: inherit;
}
.news-detail + .cv .cv__wrap {
  background-color: #2b2b2b;
  color: #fff;
}
.news-detail + .cv .button a.type02,
.news-detail + .cv .button span.type02,
.news-detail + .cv .button button.type02 {
  background-color: #fff;
  color: #2b2b2b;
}
.news-detail + .cv .button a.type02::after,
.news-detail + .cv .button span.type02::after,
.news-detail + .cv .button button.type02::after {
  background-image: url(../image/icon_arrow_right_black.svg);
}
.news + section {
  margin-top: 100px;
}

.faq.top {
  background: #FFF;
}
.faq__list {
  max-width: 1028px;
  margin: 0 auto;
  border-top: 1px solid #DCDCDC;
}
.faq__item {
  position: relative;
  border-bottom: 1px solid #DCDCDC;
  padding: 30px 0;
}
@media only screen and (max-width: 767px) {
  .faq__item {
    padding: 10px 0;
  }
}
.faq__item--q, .faq__item--a {
  padding: 0.6em 28px 0 80px;
  min-height: 60px;
  width: 100%;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.48;
  color: #2B2B2B;
  display: block;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .faq__item--q, .faq__item--a {
    padding: 0 28px 0 47px;
    min-height: 32px;
    font-size: clamp(18px,  4.8vw , 12px);
  }
}
.faq__item--q::before, .faq__item--a::before {
  content: "";
  width: 60px;
  height: 60px;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url("../image/icon_faq_q.svg");
  background-size: contain;
}
@media only screen and (max-width: 767px) {
  .faq__item--q::before, .faq__item--a::before {
    width: 32px;
    height: 32px;
  }
}
.faq__item--q {
  cursor: pointer;
}
.faq__item--q::after {
  content: "";
  background: url(../image/icon_add.svg) no-repeat center center;
  background-size: contain;
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  right: 0;
  top: 12px;
}
@media only screen and (max-width: 767px) {
  .faq__item--q::after {
    top: 3px;
  }
}
.faq__item--q.open::after {
  background-image: url(../image/icon_remove.svg);
}
.faq__item--a {
  margin-top: 20px;
  padding-top: 0.8em;
  font-weight: 400;
  display: none;
}
@media only screen and (max-width: 767px) {
  .faq__item--a {
    padding-top: 0;
  }
}
.faq__item--a::before {
  background-image: url("../image/icon_faq_a.svg");
}

.article {
  padding: 100px 5% 0;
}
@media only screen and (max-width: 767px) {
  .article {
    padding: 100px 5% 0;
  }
}
.article__main {
  max-width: 1200px;
  margin: 0 auto;
}
.article__main .article_index,
.article__main .content_index {
  border: 1px solid #D4D7DC;
  border-radius: 20px;
  margin-bottom: 0;
  padding: 40px 40px 30px 40px;
  width: 100%;
  display: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.article__main .article_index.active,
.article__main .content_index.active {
  display: block;
}
@media only screen and (max-width: 767px) {
  .article__main .article_index,
  .article__main .content_index {
    padding: 30px 20px 10px 20px;
  }
}
.article__main .article_index__title,
.article__main .content_index__title {
  padding-bottom: 20px;
  font-size: 20px;
  font-weight: 700;
}
.article__main .article_index__list li,
.article__main .content_index__list li {
  padding-bottom: 1.5em;
  padding-left: 0;
  font-weight: 700;
}
.article__main .article_index__list li::before,
.article__main .content_index__list li::before {
  display: none;
}
.article__main .article_index__list li ol li,
.article__main .content_index__list li ol li {
  position: relative;
  padding-top: 0.3em;
  padding-bottom: 0;
  padding-left: 1em;
  font-weight: normal;
}
.article__main .article_index__list li ol li::before,
.article__main .content_index__list li ol li::before {
  content: "";
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  background: #222;
  border-radius: 50%;
  left: 0;
  top: 1.25em;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.article__main .article_index__list li ol li ol li::before,
.article__main .content_index__list li ol li ol li::before {
  border-radius: initial;
  width: 10px;
  height: 2px;
}
.article__main .article_index__list li ol li ol ol li::before,
.article__main .content_index__list li ol li ol ol li::before {
  border-radius: initial;
  width: 5px;
  height: 5px;
}
.article__main .article_index__list li ol li ol ol ol li::before,
.article__main .content_index__list li ol li ol ol ol li::before {
  border-radius: initial;
  width: 6px;
  height: 6px;
  background: #FFF;
  border: 1px solid #222;
  border-radius: 50%;
}
.article__main .article_index.active + .article__content,
.article__main .content_index.active + .article__content {
  margin-top: 40px;
}
@media only screen and (max-width: 767px) {
  .article__main .article_index.active + .article__content,
  .article__main .content_index.active + .article__content {
    margin-top: 32px;
  }
}
.article__main.page {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .article__main.page {
    display: block;
  }
}
.article__main.page .article_index, .article__main.page .content_index {
  background: #fff;
  -webkit-box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  margin-bottom: 60px;
  padding: 20px 30px;
  width: 340px;
  display: block;
  position: -webkit-sticky;
  position: sticky;
  top: 250px;
  left: 0;
}
@media only screen and (max-width: 767px) {
  .article__main.page .article_index, .article__main.page .content_index {
    display: none;
  }
}
.article__main.page .article_index a[href="#h1-0"], .article__main.page .content_index a[href="#h1-0"] {
  display: none;
}
.article__main.page .article_index li, .article__main.page .content_index li {
  padding: 0;
  list-style: none;
}
.article__main.page .article_index li::before, .article__main.page .content_index li::before {
  display: none;
}
.article__main.page .article_index li a, .article__main.page .content_index li a {
  background: url(../image/icon_arrow-pager.svg) no-repeat 100% center;
  background-size: 26px 26px;
  padding-right: 30px;
  display: block;
}
.article__main.page .article_index li + li, .article__main.page .content_index li + li {
  margin-top: 24px;
}
.article__main.page .article_index + .article__content, .article__main.page .content_index + .article__content {
  margin-top: 0;
  padding-top: 0;
  max-width: calc(100% - 420px);
}
@media only screen and (max-width: 767px) {
  .article__main.page .article_index + .article__content, .article__main.page .content_index + .article__content {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    max-width: 100%;
    width: 100%;
  }
}
.article__introduction + * {
  margin-top: 50px;
}
@media only screen and (max-width: 767px) {
  .article__introduction + * {
    margin-top: 30px;
  }
}
.article__introduction + hr {
  margin: 70px auto 80px;
  border-style: solid none none;
  border-width: 1px;
  border-color: #A8AFB9;
  display: block;
}
@media only screen and (max-width: 767px) {
  .article__introduction + hr {
    margin: 30px auto 40px;
  }
}
.article__introduction--index {
  margin-bottom: 1em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 30px;
}
@media only screen and (max-width: 767px) {
  .article__introduction--index {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.article__introduction--index h2 {
  background: #F2F2F2;
  border-radius: 10px;
  padding: 5px;
  width: 154px;
  height: 98px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5;
  color: #2B2B2B;
}
@media only screen and (max-width: 767px) {
  .article__introduction--index h2 {
    width: 100%;
    height: unset;
    font-size: clamp(16px,  4.2666666667vw , 12px);
  }
}
.article__introduction--index > div {
  width: calc(100% - 184px);
}
@media only screen and (max-width: 767px) {
  .article__introduction--index > div {
    width: 100%;
  }
}
.article__introduction--index ul {
  padding-left: 18px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .article__introduction--index ul {
    width: auto;
  }
}
.article__introduction--index ul li {
  list-style: disc;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5;
  color: #2B2B2B;
}
@media only screen and (max-width: 767px) {
  .article__introduction--index ul li {
    font-size: clamp(14px,  3.7333333333vw , 12px);
  }
}
.article__introduction--index ul li + li {
  margin-top: 10px;
}
.article__introduction--index2, .article__introduction--index3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: normal;
  -webkit-align-items: normal;
      -ms-flex-align: normal;
          align-items: normal;
  gap: 30px;
}
@media only screen and (max-width: 767px) {
  .article__introduction--index2, .article__introduction--index3 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.article__introduction--index2 h2, .article__introduction--index3 h2 {
  background: #646464;
  border-radius: 10px;
  padding: 5px;
  width: 154px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .article__introduction--index2 h2, .article__introduction--index3 h2 {
    width: 100%;
    height: unset;
    font-size: clamp(16px,  4.2666666667vw , 12px);
  }
}
.article__introduction--index2 > div, .article__introduction--index3 > div {
  width: calc(100% - 184px);
}
@media only screen and (max-width: 767px) {
  .article__introduction--index2 > div, .article__introduction--index3 > div {
    width: 100%;
  }
}
.article__introduction--index2 ul, .article__introduction--index3 ul {
  padding-left: 18px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .article__introduction--index2 ul, .article__introduction--index3 ul {
    width: auto;
  }
}
.article__introduction--index2 ul li, .article__introduction--index3 ul li {
  list-style: disc;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #2B2B2B;
}
@media only screen and (max-width: 767px) {
  .article__introduction--index2 ul li, .article__introduction--index3 ul li {
    font-size: clamp(14px,  3.7333333333vw , 12px);
  }
}
.article__introduction--index2 ul li + li, .article__introduction--index3 ul li + li {
  margin-top: 10px;
}
.article__introduction--index3 {
  margin-top: 50px;
}
.article__introduction--index3 h2 {
  background: #05AFEA;
}
.article__introduction--intro, .article__introduction--remarks {
  margin-top: 50px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 2;
  color: #2B2B2B;
}
.article__introduction--intro > *, .article__introduction--remarks > * {
  line-height: 2;
}
@media only screen and (max-width: 767px) {
  .article__introduction--intro, .article__introduction--remarks {
    font-size: clamp(14px,  3.7333333333vw , 12px);
  }
}
.article__content {
  padding: 64px 0;
  line-height: 1.5;
}
@media only screen and (max-width: 767px) {
  .article__content {
    padding: 40px 0;
  }
}
.article__main_content {
  background: #F2F2F2;
  max-width: unset;
  width: unset;
  margin: 100px -5vw 0;
  padding: 100px 5vw 300px;
}
@media only screen and (max-width: 767px) {
  .article__main_content {
    margin: 50px -5vw 0;
    padding: 50px 5vw 150px;
  }
}
.article__main_content .article__content {
  background: #fff;
  border-radius: 20px;
  margin: 0 auto;
  padding: 86px;
  max-width: 1200px;
}
@media only screen and (max-width: 767px) {
  .article__main_content .article__content {
    padding: 20px;
  }
}
.article__content h1 {
  font-size: 56px;
  margin: 0 0 1em;
  font-weight: 400;
  line-height: 1.3;
}
@media only screen and (max-width: 767px) {
  .article__content h1 {
    font-size: clamp(32px,  8.5333333333vw , 12px);
  }
}
.article__content h2,
.article__content .has-large-font-size {
  font-size: 32px;
  padding-bottom: 1em;
  border-bottom: 1px solid #2b2b2b;
}
@media all and (max-width: 1440px) {
  .article__content h2,
  .article__content .has-large-font-size {
    font-size: max( 2.2222222222vw, 12px );
  }
}
@media only screen and (max-width: 767px) {
  .article__content h2,
  .article__content .has-large-font-size {
    font-size: clamp(22px,  5.8666666667vw , 12px);
  }
}
.article__content h2:first-child,
.article__content .has-large-font-size:first-child {
  margin-top: 0;
}
.article__content h3,
.article__content .has-medium-font-size {
  font-size: 24px;
}
@media all and (max-width: 1440px) {
  .article__content h3,
  .article__content .has-medium-font-size {
    font-size: max( 1.6666666667vw, 12px );
  }
}
@media only screen and (max-width: 767px) {
  .article__content h3,
  .article__content .has-medium-font-size {
    font-size: clamp(20px,  5.3333333333vw , 12px);
  }
}
.article__content h4,
.article__content .has-small-font-size {
  font-size: 18px;
  font-weight: 700;
}
@media all and (max-width: 1440px) {
  .article__content h4,
  .article__content .has-small-font-size {
    font-size: max( 1.25vw, 12px );
  }
}
@media only screen and (max-width: 767px) {
  .article__content h4,
  .article__content .has-small-font-size {
    font-size: clamp(16px,  4.2666666667vw , 12px);
  }
}
.article__content h5,
.article__content .has-tiny-font-size {
  font-size: 16px;
  font-weight: 700;
}
@media all and (max-width: 1440px) {
  .article__content h5,
  .article__content .has-tiny-font-size {
    font-size: max( 1.1111111111vw, 12px );
  }
}
@media only screen and (max-width: 767px) {
  .article__content h5,
  .article__content .has-tiny-font-size {
    font-size: clamp(14px,  3.7333333333vw , 12px);
  }
}
.article__content h6,
.article__content .has-micro-font-size {
  font-size: 16px;
  font-weight: 700;
}
@media all and (max-width: 1440px) {
  .article__content h6,
  .article__content .has-micro-font-size {
    font-size: max( 1.1111111111vw, 12px );
  }
}
@media only screen and (max-width: 767px) {
  .article__content h6,
  .article__content .has-micro-font-size {
    font-size: clamp(14px,  3.7333333333vw , 12px);
  }
}
.article__content * + h2 {
  margin-top: 60px;
}
@media only screen and (max-width: 767px) {
  .article__content * + h2 {
    margin-top: 42px;
  }
}
.article__content * + h3,
.article__content * + h4,
.article__content * + h5,
.article__content * + h6,
.article__content * + figure {
  margin-top: 40px;
}
@media only screen and (max-width: 767px) {
  .article__content * + h3,
  .article__content * + h4,
  .article__content * + h5,
  .article__content * + h6,
  .article__content * + figure {
    margin-top: 32px;
  }
}
.article__content * + p {
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .article__content * + p {
    margin-top: 16px;
  }
}
.article__content strong {
  font-weight: 700;
  color: #05AFEA;
}
.article__content a {
  font-weight: 700;
  text-decoration: underline;
  color: #0066DE;
}
.article__content figcaption {
  margin-bottom: 1em;
  margin-top: 0.5em;
  font-size: 14px;
  line-height: 1.3;
  text-align: left;
  color: #a3a3a3;
}
@media only screen and (max-width: 767px) {
  .article__content figcaption {
    font-size: 11px;
  }
}
.article__content figcaption a {
  text-decoration: underline;
  color: #a3a3a3;
}
.article__content .quote,
.article__content blockquote.wp-block-quote {
  background: #F2F2F2;
  border: none;
  border-radius: 20px;
  margin-top: 40px;
  padding: 20px 20px 20px 50px;
  width: 100%;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.71;
  color: #2B2B2B;
  position: relative;
}
.article__content .quote::before,
.article__content blockquote.wp-block-quote::before {
  content: "";
  border-left: solid 1px #2b2b2b;
  border-right: solid 1px #2b2b2b;
  width: 3px;
  height: auto;
  display: block;
  position: absolute;
  top: 20px;
  bottom: 20px;
  left: 25px;
  right: auto;
}
.article__content .quote > *,
.article__content blockquote.wp-block-quote > * {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.71;
  color: #2B2B2B;
}
.article__content .quote__wrap,
.article__content blockquote.wp-block-quote__wrap {
  padding-left: 1.5em;
  border-left: 5px double #CCCED5;
}
.article__content .wp-block-group {
  margin-top: 40px;
}
.article__content .linkcard {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  margin-top: 40px;
  background-color: #FFF;
}
@media only screen and (max-width: 767px) {
  .article__content .linkcard {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 30px;
  }
}
.article__content .linkcard .wp-block-group {
  margin-top: 0;
}
.article__content .linkcard__image {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 25%;
  height: 100%;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .article__content .linkcard__image {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
  }
}
@media only screen and (max-width: 767px) {
  .article__content .linkcard__image img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 16/9;
  }
}
.article__content .linkcard__content {
  width: 75%;
  height: 100%;
  padding: 10px 30px;
}
@media only screen and (max-width: 767px) {
  .article__content .linkcard__content {
    width: 100%;
    padding: 10px 20px;
  }
}
.article__content .linkcard__content--title {
  display: -webkit-box;
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 10px 0;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  min-height: 20px;
  max-height: 60px;
  overflow: hidden;
}
.article__content .linkcard__content--title a {
  color: #2B2B2B;
}
@media only screen and (max-width: 767px) {
  .article__content .linkcard__content--title {
    -webkit-line-clamp: 3;
    line-clamp: 3;
    max-height: 90px;
  }
}
.article__content .linkcard__content--text {
  margin: 0;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  min-height: 20px;
  max-height: 60px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .article__content .linkcard__content--text {
    -webkit-line-clamp: 3;
    line-clamp: 3;
    max-height: 90px;
  }
}
.article__content--table,
.article__content .wp-block-table {
  margin: 40px 0 1em 0;
}
@media only screen and (max-width: 767px) {
  .article__content--table,
  .article__content .wp-block-table {
    margin-top: 20px;
    white-space: nowrap;
    overflow-x: scroll;
  }
}
.article__content--table table,
.article__content .wp-block-table table {
  border-left: 1px solid #CCCED5;
  border-bottom: 1px solid #CCCED5;
  margin: 0;
  width: 100%;
  border-collapse: unset;
  border-spacing: unset;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .article__content--table table,
  .article__content .wp-block-table table {
    width: auto;
  }
}
.article__content--table th, .article__content--table td,
.article__content .wp-block-table th,
.article__content .wp-block-table td {
  border-top: 1px solid #CCCED5;
  border-right: 1px solid #CCCED5;
  padding: 0.5em 1em;
  text-align: left;
  color: #2b2b2b;
}
.article__content--table th,
.article__content .wp-block-table th {
  background-color: #2b2b2b;
  color: #fff;
  font-weight: 700;
}
.article__content--table td,
.article__content .wp-block-table td {
  background-color: #fff;
}
.article__content table.tablepress {
  border-style: none none solid solid;
  border-width: 1px;
  border-color: #CCCED5;
  margin: 40px 0 1em 0;
  min-width: 100%;
}
@media only screen and (max-width: 767px) {
  .article__content table.tablepress {
    margin-top: 20px;
    white-space: nowrap;
    overflow-x: scroll;
  }
}
.article__content table.tablepress tr th, .article__content table.tablepress tr td {
  border-style: solid solid none none;
  border-width: 1px;
  border-color: #CCCED5;
  background-color: #2b2b2b;
  font-weight: 700;
  padding: 0.5em 1em;
  text-align: left;
  color: #fff;
}
.article__content table.tablepress tr td {
  background-color: #fff;
  font-weight: 400;
  color: #2b2b2b;
}
.article__content table.tablepress thead tr th, .article__content table.tablepress thead tr td {
  border-style: solid solid none none;
  border-width: 1px;
  border-color: #CCCED5;
  background-color: #2b2b2b;
  font-weight: 700;
  padding: 0.5em 1em;
  text-align: left;
  color: #fff;
}
.article__content table.tablepress tbody tr th, .article__content table.tablepress tbody tr td {
  border-style: solid solid none none;
  border-width: 1px;
  border-color: #CCCED5;
  background-color: #2b2b2b;
  font-weight: 700;
  padding: 0.5em 1em;
  text-align: left;
  color: #fff;
}
.article__content table.tablepress tbody tr td {
  background-color: #fff;
  font-weight: 400;
  color: #2b2b2b;
}
.article__content ol {
  margin-left: 1.2em;
}
.article__content ol li {
  list-style: decimal;
}
.article__content ul li,
.article__content ul.wp-block-list li {
  position: relative;
  padding-left: 1.8em;
  padding-bottom: 0.5em;
}
.article__content ul li::before,
.article__content ul.wp-block-list li::before {
  content: "";
  position: absolute;
  display: block;
  background: #000;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  left: 0.5em;
  top: 0.65em;
}
.article__content ul ol li,
.article__content ul.wp-block-list ol li {
  padding-left: 0;
}
.article__content ul ol li::before,
.article__content ul.wp-block-list ol li::before {
  display: none;
}
.article__content * + ul,
.article__content * + ol {
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .article__content * + ul,
  .article__content * + ol {
    margin-top: 16px;
  }
}
.article__content * + ul ul,
.article__content * + ol ul {
  margin-top: 5px;
}
.article__content--image {
  margin-top: 40px;
}
@media only screen and (max-width: 767px) {
  .article__content--image {
    margin-top: 20px;
  }
}
.article__content--image .image-caption {
  color: #CCCED5;
}
.article__content--image .image-caption p {
  font-size: 13px;
  margin-top: 0.3em;
}
@media only screen and (max-width: 767px) {
  .article__content--image .image-caption p {
    font-size: 11px;
    line-height: 1.4;
  }
}
.article__author {
  margin-top: 40px;
  max-width: 1200px;
  position: relative;
}
.article__author h2 {
  font-size: 16px;
}
.article__author--detail {
  border: 1px solid #CCCED5;
  border-radius: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1.5em;
  margin-top: 0.5em;
}
.article__author--detail h3 {
  font-size: 20px;
  font-weight: 700;
}
.article__author--detail p {
  margin-top: 1em;
  font-size: 16px;
}
.article + .cv {
  margin-top: -200px;
}
@media only screen and (max-width: 767px) {
  .article + .cv {
    margin-top: -100px;
  }
}
.article + .cv .cv__wrap {
  background: #2B2B2B;
  color: #fff;
}
.article + .cv .button a.type02 {
  background: #fff;
  color: #2b2b2b;
}
.article + .cv .button a.type02::after {
  background-image: url(../image/icon_arrow_right_black.svg);
}

.article__main_content + .cv {
  margin-top: -200px;
}
@media only screen and (max-width: 767px) {
  .article__main_content + .cv {
    margin-top: -100px;
  }
}

.header__category.categorytop.page + main .article {
  padding-top: 0;
}

.header__category.categorytop.page + main.box-bg.gray {
  padding-top: 100px;
}
@media only screen and (max-width: 767px) {
  .header__category.categorytop.page + main.box-bg.gray {
    padding-top: 50px;
  }
}

.download.section-base {
  background-color: #f2f2f2;
  padding-top: 100px;
}
@media only screen and (max-width: 1079px) {
  .download.section-base {
    padding: 50px 0 0 0;
  }
}
@media only screen and (max-width: 1079px) {
  .download .heading {
    padding: 0 5% 40px 5%;
  }
}
@media only screen and (max-width: 1079px) {
  .download.col2-content {
    padding-bottom: 0;
  }
}
.download .col2-content__wrap {
  gap: 70px;
}
@media only screen and (max-width: 1079px) {
  .download .col2-content__wrap {
    gap: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .download .col2-content__wrap {
    gap: 2%;
  }
}
@media only screen and (max-width: 767px) {
  .download .col2-content__wrap {
    gap: 40px;
  }
}
.download .col2-content__main {
  width: calc(100% - 582px);
}
@media only screen and (max-width: 1079px) {
  .download .col2-content__main {
    padding: 0 5%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .download .col2-content__main {
    padding: 0 2%;
    width: 59%;
  }
}
@media only screen and (max-width: 767px) {
  .download .col2-content__main {
    width: 100%;
  }
}
.download .col2-content__right {
  width: 512px;
}
@media only screen and (max-width: 1079px) {
  .download .col2-content__right {
    padding: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .download .col2-content__right {
    width: 39%;
  }
}
@media only screen and (max-width: 767px) {
  .download .col2-content__right {
    width: 100%;
  }
}
.download .col2-content__right--wrap {
  width: 512px;
}
@media only screen and (max-width: 767px) {
  .download .col2-content__right--wrap {
    width: 100%;
  }
}
.download .col2-content__right--wrap.sticky {
  width: 512px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .download .col2-content__right--wrap.sticky {
    width: 35%;
  }
}
@media only screen and (max-width: 767px) {
  .download .col2-content__right--wrap.sticky {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .download .col2-content__right--wrap.absolute {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .download .col2-content__right--wrap.absolute {
    width: 100%;
  }
}
@media only screen and (max-width: 1079px) {
  .download .col2-content__right .close {
    display: none;
  }
}
@media only screen and (max-width: 1079px) {
  .download .col2-content__right .download__detail--form {
    -webkit-box-shadow: none;
            box-shadow: none;
    margin-top: 0;
  }
}
.download a {
  font-weight: 700;
}
.download__detail h1 {
  font-size: 28px;
  line-height: 1.56;
}
@media all and (max-width: 1440px) {
  .download__detail h1 {
    font-size: clamp(28px,  1.9444444444vw , 12px);
  }
}
@media only screen and (max-width: 767px) {
  .download__detail h1 {
    font-size: 24px;
  }
}
@media only screen and (max-width: 375px) {
  .download__detail h1 {
    font-size: clamp(24px,  6.4vw , 12px);
  }
}
.download__detail img {
  border-radius: 20px;
  width: 100%;
  margin-bottom: 2em;
}
.download__detail--thumbnails {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.download__detail--form {
  background-color: #FFF;
  -webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.16);
  padding: 40px 20px 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
@media only screen and (max-width: 1079px) {
  .download__detail--form {
    border-radius: 0;
    width: 100%;
    left: 0;
    top: 0;
    padding: 40px 23px;
    margin-top: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .download__detail--form {
    padding: 40px 5% 20px 5%;
  }
}
.download__detail--form.open {
  display: block;
}
.download__detail--form h3 {
  text-align: center;
  font-size: 20px;
}
.download__detail--form h3 ~ p {
  font-size: 14px;
}
@media only screen and (max-width: 1079px) {
  .download__detail--form h3 {
    font-size: 1.6em;
    margin-bottom: 0.8em;
  }
}
.download__detail--form .close {
  display: none;
}
@media only screen and (max-width: 1079px) {
  .download__detail--form .close {
    display: block;
    position: absolute;
    width: 2.5em;
    height: 2.5em;
    padding: 0.5em;
    right: 5%;
    top: 1.3em;
  }
}
.download__detail--intro {
  text-align: center;
  margin: 1em 0;
  line-height: 1.4;
}
.download__detail--caption {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  left: 0;
  top: -20px;
  font-size: 14px;
  line-height: 1.4;
  width: 100%;
}
.download__detail--caption p {
  position: relative;
  background: #FFD600;
  padding: 5px 15px;
  font-weight: 700;
  border-radius: 8px;
}
.download__detail--caption p:after {
  position: absolute;
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-color: #ffd600;
  -webkit-clip-path: polygon(50% 20px, 0% 0%, 20px 0%);
          clip-path: polygon(50% 20px, 0% 0%, 20px 0%);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.download__detail__sp-link {
  display: none;
}
@media only screen and (max-width: 767px) {
  .download__detail__sp-link {
    display: block;
    position: relative;
    background: #FFD600;
    border-radius: 4px;
    border: none;
    color: #222;
    font-size: 1.1em;
    padding: 0.7em 1.25em;
    letter-spacing: 0;
    font-weight: 700;
    text-decoration: none;
  }
  .download__detail__sp-link::after {
    content: "";
    display: block;
    position: absolute;
    background: url("../image/icon_arrow_black_s.svg") no-repeat 0 0;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    right: 1em;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
@media only screen and (max-width: 767px) {
  .download__detail h1 {
    font-size: 26px;
  }
}
.download.section-base .download__detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 80px;
}
@media only screen and (max-width: 1079px) {
  .download.section-base .download__detail {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
  }
}
.download.section-base .download__detail img {
  margin: 0 auto;
  padding: 0;
  max-width: 100%;
  width: auto;
  height: auto;
  display: block;
}
.download.section-base .download__detail--text {
  width: calc(100% - 592px);
}
@media only screen and (max-width: 1079px) {
  .download.section-base .download__detail--text {
    width: 100%;
    padding: 0 5% 0 5%;
  }
}
.download.section-base .download__detail--text > * + * {
  margin-top: 1em;
}
.download.section-base .download__detail--text h3 {
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  line-height: 2.18;
  letter-spacing: 0.05em;
  color: #2B2B2B;
}
.download.section-base .download__detail--text * + h3 {
  margin-top: 2em;
}
.download.section-base .download__detail--formblock {
  width: 512px;
}
@media only screen and (max-width: 1079px) {
  .download.section-base .download__detail--formblock {
    width: 100%;
  }
}
@media only screen and (max-width: 1079px) {
  .download.section-base .download__detail--form {
    -webkit-box-shadow: initial;
            box-shadow: initial;
  }
}
@media only screen and (max-width: 1079px) {
  .download.section-base .download__detail .hbspt-form fieldset {
    max-width: initial;
  }
}
.download .button {
  margin-top: 0;
  padding: 30px 5% 50px 5%;
}
@media only screen and (max-width: 767px) {
  .download .button {
    padding: 20px 0 20px 0;
  }
}
.download__subtitle {
  margin: 3em 0 1em 0;
  font-weight: 700;
  font-size: 16px;
}
@media only screen and (max-width: 767px) {
  .download__subtitle {
    font-size: 1em;
  }
}
.download__lead {
  font-size: 16px;
}
@media only screen and (max-width: 767px) {
  .download__lead {
    font-size: clamp(16px,  4.2666666667vw , 12px);
  }
}
.download__other {
  margin-top: 30px;
  font-size: 14px;
}
@media all and (max-width: 1440px) {
  .download__other {
    font-size: max( 0.9722222222vw, 12px );
  }
}
@media only screen and (max-width: 767px) {
  .download__other {
    font-size: 14px;
  }
}
@media only screen and (max-width: 375px) {
  .download__other {
    font-size: max( 3.7333333333vw , 12px);
  }
}
.download__other a {
  text-decoration: underline;
}
.download .button.return a {
  padding-left: 60px;
  font-size: 18px;
  color: #2b2b2b;
}
.download .button.return a::after {
  background-image: url(../image/icon_arrow_all.svg);
  background-size: contain;
  width: 40px;
  height: 40px;
}

.problem {
  padding: 100px 0 0 0;
}
.problem__wrap {
  padding: 0 5%;
}
.problem .section-base__wrap {
  position: relative;
  padding-bottom: 50px;
}
.problem .section-base__wrap.nextarrow {
  padding-bottom: 80px;
}
@media only screen and (max-width: 767px) {
  .problem .section-base__wrap.nextarrow {
    padding-bottom: 30px;
  }
}
.problem .section-base__wrap.nextarrow::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%) translateY(50%);
          transform: translateX(-50%) translateY(50%);
  max-width: 1000px;
  max-height: 100px;
  width: 83%;
  aspect-ratio: 10/1;
  background: -webkit-gradient(linear, left top, left bottom, from(#F7F6F4), to(#476CAA));
  background: linear-gradient(#F7F6F4, #476CAA);
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
  z-index: 10;
}
@media only screen and (max-width: 767px) {
  .problem .section-base__wrap.nextarrow::after {
    width: 85%;
    aspect-ratio: 40/7;
  }
}
.problem .col3__cell {
  background-color: inherit;
}
.problem .col3__item--content {
  background-color: inherit;
  padding: 15px 0 0 0;
}
.problem .col3__item--content ul li {
  position: relative;
  padding-left: 16px;
  padding-bottom: 1em;
}
.problem .col3__item--content ul li::before {
  content: "";
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #2b2b2b;
  left: 0;
  top: 0.7em;
}

.solution {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(51, 58, 86, 0.9)), to(rgba(51, 58, 86, 0.9))), url(../image/bg_blueblack_gradient.png) lightgray 50%/cover no-repeat;
  background: linear-gradient(0deg, rgba(51, 58, 86, 0.9) 0%, rgba(51, 58, 86, 0.9) 100%), url(../image/bg_blueblack_gradient.png) lightgray 50%/cover no-repeat;
  padding: 100px 0;
}
.solution h3 {
  color: #FFF;
  font-size: 32px;
  margin-bottom: 40px;
  padding-bottom: 10px;
  border-bottom: 1px solid #999DAA;
}
.solution__wrap {
  background-color: #FFF;
  padding: 64px 40px;
  text-align: center;
  max-width: 1248px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.solution h4 {
  font-size: 32px;
  color: #2b2b2b;
  font-weight: 700;
}
.solution p {
  padding: 2em 0 1em 0;
}
.solution img {
  max-width: 80%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .solution__wrap {
    width: 90%;
  }
}
@media only screen and (max-width: 767px) {
  .solution {
    padding: 50px 5%;
  }
  .solution h3 {
    font-size: 22px;
    text-align: center;
  }
  .solution__wrap {
    padding: 40px 24px;
    width: 100%;
  }
  .solution h4 {
    font-size: 22px;
  }
  .solution p {
    text-align: left;
  }
  .solution img {
    max-width: 100%;
  }
}

.other {
  /*
  background: url("../image/bg_left.png") no-repeat;
  background-position: left 0 bottom 280%; */
}
@media only screen and (max-width: 767px) {
  .other {
    background-position: left -40px bottom -10%;
    background-size: 100% auto;
  }
}
.other .col3__cell {
  background: inherit;
}
.other__label {
  background: #FFF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.other__label--title {
  font-size: 20px;
  font-weight: 700;
  color: #2b2b2b;
}
.other__label--img {
  width: 120px;
  height: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .other__label--img {
    width: auto;
    height: auto;
  }
}
@media only screen and (max-width: 767px) {
  .other__label--img {
    width: auto;
    height: auto;
  }
}
.other__caption {
  padding-top: 20px;
  font-size: 14px;
  line-height: 1.4;
}

.support .col3__cell {
  background-color: inherit;
}
.support .col3__item--content {
  background-color: inherit;
  padding: 20px 0 0 0;
}
.support .col3__item--title {
  text-align: left;
  font-size: 20px;
}
.support .col3__item--detail {
  margin-top: 20px;
}

.point .col2 {
  max-width: 1200px;
  margin: 0 auto;
}
.point .col2__cell {
  -webkit-box-shadow: 0 3px 10px rgba(143, 143, 143, 0.2);
          box-shadow: 0 3px 10px rgba(143, 143, 143, 0.2);
}
.point .col2__item--content {
  position: relative;
  padding: 24px 24px;
}
.point .col2__item--content .count {
  display: inline-block;
  font-weight: 700;
  color: #BF9F70;
  padding: 5px 10px;
  border: 1px solid #BF9F70;
  display: inline-block;
  line-height: 1.2;
  margin-bottom: 1em;
}
.point .col2__item--content ul li {
  padding-left: 1em;
  position: relative;
}
.point .col2__item--content ul li::before {
  position: absolute;
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background: #2b2b2b;
  border-radius: 50%;
  left: 0;
  top: 0.9em;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.point .col2__item--content ul * + li {
  margin-top: 0.5em;
}
.point .col2__item--title {
  position: relative;
  z-index: 1;
  margin: 0 0 1em 0;
  font-size: 20px;
}
@media all and (max-width: 1440px) {
  .point .col2__item--title {
    font-size: max( 1.8055555556vw, 12px );
  }
}
@media only screen and (max-width: 767px) {
  .point .col2__item--title {
    font-size: 22px;
  }
}
@media only screen and (max-width: 375px) {
  .point .col2__item--title {
    font-size: max( 5.8666666667vw , 12px);
  }
}
.point .other {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 1028px;
  margin: 50px auto 0 auto;
  gap: 50px;
}
.point .other__item {
  overflow: hidden;
  padding: 30px;
  -webkit-box-shadow: 0 3px 10px rgba(143, 143, 143, 0.2);
          box-shadow: 0 3px 10px rgba(143, 143, 143, 0.2);
}
.point .other__item .count {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 700;
  color: #BF9F70;
  padding: 5px 10px;
  border: 1px solid #BF9F70;
  display: inline-block;
  line-height: 1.2;
  margin-bottom: 20px;
}
.point .other__item .text--title {
  position: relative;
  z-index: 1;
  margin-bottom: 1em;
  font-size: 26px;
}
@media all and (max-width: 1440px) {
  .point .other__item .text--title {
    font-size: max( 1.8055555556vw, 12px );
  }
}
@media only screen and (max-width: 767px) {
  .point .other__item .text--title {
    font-size: 22px;
  }
}
@media only screen and (max-width: 375px) {
  .point .other__item .text--title {
    font-size: max( 5.8666666667vw , 12px);
  }
}
@media all and (max-width: 1440px) {
  .point .other {
    margin: 2em auto 0 auto;
    gap: 2em;
  }
  .point .other__item {
    position: relative;
    border-radius: 30px;
    display: block;
    padding: 40px 20px 20px 20px;
  }
  .point .other__item .count {
    position: absolute;
    left: 10px;
    top: 25px;
  }
}
.point__graph {
  padding: 50px;
  text-align: center;
  background: #F8F8F8;
}
.point__graph h3 {
  line-height: 1.6;
  margin-bottom: 30px;
  font-size: 32px;
}
@media all and (max-width: 1440px) {
  .point__graph h3 {
    font-size: max( 2.2222222222vw, 12px );
  }
}
@media only screen and (max-width: 767px) {
  .point__graph h3 {
    font-size: 28px;
  }
}
@media only screen and (max-width: 375px) {
  .point__graph h3 {
    font-size: max( 7.4666666667vw , 12px);
  }
}
.point__graph h3 span {
  display: inline-block;
  padding: 0 10px;
  margin: 0 10px;
  background: #222;
  color: #FFF;
}
.point__graph p {
  font-size: 12px;
  margin-top: 30px;
}

.function .col3__item--title {
  text-align: center;
}

.works {
  padding: 190px 5% 0 5%;
}
@media only screen and (max-width: 767px) {
  .works {
    padding: 100px 0 0 0;
  }
}
.works__overview {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 1200px;
  margin: 0 auto;
  gap: 5.4%;
}
@media only screen and (max-width: 767px) {
  .works__overview {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 30px;
    padding: 0 5%;
  }
}
.works__overview--title {
  width: 47.3%;
}
@media only screen and (max-width: 767px) {
  .works__overview--title {
    width: 100%;
  }
}
.works__overview--title h1 {
  font-size: 40px;
  line-height: 1.6;
  margin-bottom: 1em;
}
@media all and (max-width: 1440px) {
  .works__overview--title h1 {
    font-size: max( 2.3611111111vw, 12px );
  }
}
@media only screen and (max-width: 767px) {
  .works__overview--title h1 {
    font-size: clamp(24px,  6.4vw , 12px);
  }
}
.works__overview--cta {
  margin: 80px auto 0;
  max-width: 1200px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5.4%;
}
@media only screen and (max-width: 767px) {
  .works__overview--cta {
    margin-top: 30px;
    padding: 0 5%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
}
.works__overview--cta li {
  width: 100%;
}
.works__overview--cta.button .type01,
.works__overview--cta.button .type02 {
  border-radius: 64px;
  min-height: 64px;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .works__overview--cta.button .type01,
  .works__overview--cta.button .type02 {
    border-radius: 44px;
    min-height: 44px;
    font-size: clamp(16px,  4.2666666667vw , 12px);
    letter-spacing: 0;
  }
}
.works__overview--client {
  width: 47.3%;
}
.works__overview--client .works__overview--cta {
  display: none;
}
@media only screen and (max-width: 767px) {
  .works__overview--client {
    width: 100%;
  }
  .works__overview--client .works__overview--cta {
    display: block;
  }
}
.works__overview--image {
  text-align: center;
}
.works__overview--image img {
  width: 100%;
  height: auto;
}
.works__overview--name {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  margin-top: 1em;
  font-weight: 700;
  line-height: 1.5;
}
.works__overview--name span img {
  max-width: 90px;
  max-height: 50px;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.works__overview--person {
  margin-top: 1em;
  font-size: 14px;
  line-height: 1.5;
}
.works__overview--detail {
  margin-top: 1em;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5em 8px;
}
.works__overview--detail p, .works__overview--detail li {
  background: #EBECED;
  border-radius: 24px;
  padding: 0 15px;
  display: block;
  font-size: 12px;
  line-height: 24px;
  color: #999DAA;
  white-space: nowrap;
}
.works__overview--detail p {
  background: transparent;
  border-radius: 0;
  padding: 0;
}
.works__overview--detail ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5em 8px;
}
.works__overview--point {
  border-top: solid 2px #D3D3D3;
  margin: 1.5em 0 0;
  padding: 1.5em 0 0 18px;
}
.works__overview--point li {
  list-style-type: disc;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #2B2B2B;
}
@media only screen and (max-width: 767px) {
  .works__overview--point li {
    font-size: clamp(14px,  3.7333333333vw , 12px);
  }
}
.works__overview--result {
  background: #F2F2F2;
  border-radius: 20px;
  margin: 100px auto 0;
  padding: 50px 80px;
  max-width: 1200px;
}
@media only screen and (max-width: 767px) {
  .works__overview--result {
    border-radius: 0;
    margin-top: 50px;
    padding: 20px;
  }
}
.works__overview--result h2 {
  font-style: normal;
  font-weight: 700;
  font-size: 26px;
  line-height: 1.375;
  color: #05AFEA;
}
@media only screen and (max-width: 767px) {
  .works__overview--result h2 {
    font-size: clamp(24px,  6.4vw , 12px);
  }
}
.works__overview--result p {
  margin-top: 10px;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.375;
  color: #2B2B2B;
}
@media only screen and (max-width: 767px) {
  .works__overview--result p {
    font-size: clamp(24px,  6.4vw , 12px);
  }
}
@media only screen and (max-width: 767px) {
  .works + .article {
    padding: 100px 0 0 0;
  }
  .works + .article .article__introduction {
    padding-left: 5%;
    padding-right: 5%;
  }
  .works + .article .article__main .content_index {
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 90%;
  }
}

.business .col3__item a:hover {
  -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.16);
          box-shadow: 0 0 16px rgba(0, 0, 0, 0.16);
}
.business .col3__item--nextlink span {
  display: block;
  text-align: right;
  border-top: 1px solid #CCCED5;
  padding-top: 20px;
}
.business .col3__item--title {
  font-size: 20px;
}
.business .col3__item--detail {
  font-size: 14px;
  line-height: 1.5;
}

.clients-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.clients-list li {
  width: 143px;
}
@media only screen and (max-width: 767px) {
  .clients-list {
    gap: 10px 4%;
  }
  .clients-list li {
    width: 48%;
  }
}

.professional {
  padding: 190px 5% 0 5%;
}
@media only screen and (max-width: 767px) {
  .professional {
    padding: 100px 0 0 0;
  }
}
.professional__overview {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 1200px;
  margin: 0 auto;
  gap: 5.4%;
}
@media only screen and (max-width: 767px) {
  .professional__overview {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 30px;
    padding: 0 5%;
  }
}
.professional__overview--title {
  width: 47.3%;
}
@media only screen and (max-width: 767px) {
  .professional__overview--title {
    width: 100%;
  }
}
.professional__overview--title h1 {
  font-size: 40px;
  line-height: 1.6;
  margin-bottom: 1em;
}
@media all and (max-width: 1440px) {
  .professional__overview--title h1 {
    font-size: max( 2.3611111111vw, 12px );
  }
}
@media only screen and (max-width: 767px) {
  .professional__overview--title h1 {
    font-size: clamp(24px,  6.4vw , 12px);
  }
}
.professional__overview--name {
  margin-bottom: 18px;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.14;
  color: #2B2B2B;
}
.professional__overview--cta {
  margin: 80px auto 0;
  max-width: 1200px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5.4%;
}
@media only screen and (max-width: 767px) {
  .professional__overview--cta {
    margin-top: 30px;
    padding: 0 5%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
}
.professional__overview--cta li {
  width: 100%;
}
.professional__overview--cta.button li {
  width: 47.3%;
}
@media only screen and (max-width: 767px) {
  .professional__overview--cta.button li {
    width: 100%;
  }
}
.professional__overview--cta.button .type01,
.professional__overview--cta.button .type02 {
  border-radius: 64px;
  min-height: 64px;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .professional__overview--cta.button .type01,
  .professional__overview--cta.button .type02 {
    border-radius: 44px;
    min-height: 44px;
    font-size: clamp(16px,  4.2666666667vw , 12px);
    letter-spacing: 0;
  }
}
.professional__overview--cta.button .type01:after,
.professional__overview--cta.button .type02:after {
  background-image: url(../image/icon_arrow_right.png);
}
.professional__overview--image {
  text-align: center;
}
.professional__overview--image img {
  width: 100%;
  height: auto;
}
.professional__overview--detail {
  margin-top: 1em;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5em 8px;
}
.professional__overview--detail p, .professional__overview--detail li {
  background: #EBECED;
  border-radius: 24px;
  padding: 0 15px;
  display: block;
  font-size: 12px;
  line-height: 24px;
  color: #999DAA;
  white-space: nowrap;
}
.professional__overview--detail p {
  background: transparent;
  border-radius: 0;
  padding: 0;
}
.professional__overview--detail ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5em 8px;
}
.professional__overview--career {
  border-top: solid 2px #D3D3D3;
  margin: 1.5em 0 0;
  padding: 1.5em 0 0;
}
.professional__overview--career p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #2B2B2B;
}
@media only screen and (max-width: 767px) {
  .professional__overview--career p {
    font-size: clamp(16px,  4.2666666667vw , 12px);
  }
}
.professional__overview--career ul {
  margin-top: 0.5em;
  padding: 0 0 0 18px;
}
.professional__overview--career li {
  list-style-type: disc;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #2B2B2B;
}
@media only screen and (max-width: 767px) {
  .professional__overview--career li {
    font-size: clamp(14px,  3.7333333333vw , 12px);
  }
}
.professional__overview--result {
  background: #F2F2F2;
  border-radius: 20px;
  margin: 100px auto 0;
  padding: 50px 80px;
  max-width: 1200px;
}
@media only screen and (max-width: 767px) {
  .professional__overview--result {
    border-radius: 0;
    margin-top: 50px;
    padding: 20px;
  }
}
.professional__overview--result h2 {
  font-style: normal;
  font-weight: 700;
  font-size: 26px;
  line-height: 1.375;
  color: #05AFEA;
}
@media only screen and (max-width: 767px) {
  .professional__overview--result h2 {
    font-size: clamp(24px,  6.4vw , 12px);
  }
}
.professional__overview--result p {
  margin-top: 10px;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.375;
  color: #2B2B2B;
}
@media only screen and (max-width: 767px) {
  .professional__overview--result p {
    font-size: clamp(24px,  6.4vw , 12px);
  }
}
@media only screen and (max-width: 767px) {
  .professional + .article {
    padding: 50px 0 0 0;
  }
  .professional + .article .article__introduction {
    padding-left: 5%;
    padding-right: 5%;
  }
  .professional + .article .article__main .content_index {
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 90%;
  }
}

.business .col3__item a:hover {
  -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.16);
          box-shadow: 0 0 16px rgba(0, 0, 0, 0.16);
}
.business .col3__item--nextlink span {
  display: block;
  text-align: right;
  border-top: 1px solid #CCCED5;
  padding-top: 20px;
}
.business .col3__item--title {
  font-size: 20px;
}
.business .col3__item--detail {
  font-size: 14px;
  line-height: 1.5;
}

.clients-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.clients-list li {
  width: 143px;
}
@media only screen and (max-width: 767px) {
  .clients-list {
    gap: 10px 4%;
  }
  .clients-list li {
    width: 48%;
  }
}

.document {
  background-color: #FFF;
}
.document .col2 {
  max-width: 1200px;
  margin: 0 auto;
  gap: 2em 3.4%;
}
.document .col2__cell {
  width: 48.3%;
}
@media only screen and (max-width: 767px) {
  .document .col2__cell {
    width: 100%;
    -webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.16);
  }
}
@media only screen and (max-width: 767px) {
  .document .col2__item--content {
    padding: 0 24px 24px 24px;
  }
}
.document .col2__item--title {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.4;
  color: #2b2b2b;
  margin-top: 24px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .document .col2__item--title {
    text-align: left;
  }
}
.document .col2__item .button {
  margin-top: 24px;
}
.document .col2__item .button a,
.document .col2__item .button span {
  width: 92%;
  background: #BF9F70;
  color: #FFF;
  font-size: 16px;
  padding: 15px 40px 15px 40px;
}
.document .col2__item .button a::after,
.document .col2__item .button span::after {
  display: none;
}
@media all and (max-width: 1440px) {
  .document .col2__item .button a,
  .document .col2__item .button span {
    font-size: max( 1.1111111111vw, 12px );
  }
}
@media only screen and (max-width: 767px) {
  .document .col2__item .button a,
  .document .col2__item .button span {
    font-size: 16px;
    width: 100%;
  }
}
@media only screen and (max-width: 375px) {
  .document .col2__item .button a,
  .document .col2__item .button span {
    font-size: max( 4.2666666667vw , 12px);
  }
}
.document + .section-base .heading {
  border-top: none;
}

.pannel-banner {
  background: #F2F2F2;
  border-radius: 20px;
  padding: 60px 5% 70px;
  text-align: center;
  display: block;
}
.col2-content + .pannel-banner {
  display: none;
}
@media only screen and (max-width: 767px) {
  .col2-content + .pannel-banner {
    display: block;
  }
}
.pannel-banner__link {
  display: block;
}
.pannel-banner__link::after {
  display: none;
}
.pannel-banner__title {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.8;
  display: block;
}
.pannel-banner__tel {
  font-size: 32px;
  font-weight: 700;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 30px;
}
.pannel-banner__tel span {
  display: inline-block;
  font-size: 14px;
  border: 1px solid #2b2b2b;
  padding: 3px 15px;
  margin-right: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .pannel-banner__tel {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
  .pannel-banner__tel span {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .pannel-banner__tel {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
  .pannel-banner__tel span {
    margin-right: 0;
  }
}
.pannel-banner__button {
  background: #05AFEA;
  border-radius: 70px;
  margin: 30px auto 0;
  padding: 20px 70px 20px 40px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  color: #fff;
  position: relative;
  display: block;
}
@media only screen and (max-width: 767px) {
  .pannel-banner__button {
    width: 100%;
    padding: 15px 50px 15px 20px;
    font-size: 16px;
  }
}
.pannel-banner__button::after {
  content: "";
  background: url("../image/icon_arrow_right.svg") no-repeat 0 0;
  background-size: cover;
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media only screen and (max-width: 767px) {
  .pannel-banner__button::after {
    width: 26px;
    height: 26px;
  }
}
.pannel-banner__button.is_blueblack {
  background: #2b2b2b;
  color: #FFF;
}
.pannel-banner__col2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 24px;
  gap: 4%;
}
.pannel-banner__col2 li {
  width: 48%;
}
.pannel-banner__col2 li a {
  width: 100%;
}
.pannel-banner__col2 li a.type01, .pannel-banner__col2 li a.type02 {
  min-width: initial;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.pannel-banner__col2 li a.type02 {
  border-color: #2b2b2b;
}
@media only screen and (max-width: 767px) {
  .pannel-banner__col2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }
  .pannel-banner__col2 li {
    width: 100%;
  }
  .pannel-banner__col2 li a.type01, .pannel-banner__col2 li a.type02 {
    padding: 16px 60px 16px 20px;
  }
}
.pickup + .pannel-banner {
  margin-top: 100px;
}
@media only screen and (max-width: 767px) {
  .pickup + .pannel-banner {
    display: none;
  }
}

.fixed-banner {
  background: rgba(43, 43, 43, 0.92);
  border-radius: 20px;
  max-width: 1440px;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 99;
}
@media only screen and (max-width: 767px) {
  .fixed-banner {
    border-radius: 0;
  }
}
.fixed-banner__wrap {
  margin: 0 auto;
  max-width: 1200px;
  padding: 20px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
@media only screen and (max-width: 767px) {
  .fixed-banner__wrap {
    padding: 20px 5%;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.fixed-banner__catch {
  width: 338px;
  height: auto;
  display: block;
}
.fixed-banner ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 20px;
}
@media only screen and (max-width: 767px) {
  .fixed-banner ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.fixed-banner ul li, .fixed-banner ul a, .fixed-banner ul img {
  max-width: 344px;
  width: 100%;
  height: auto;
  display: block;
}

.blog {
  padding-top: 20px;
}
.blog .slider__item {
  border-radius: 5px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .blog .slider__item {
    max-height: initial;
  }
}
.blog .slider__item--image img {
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 16/9;
}
@media only screen and (max-width: 767px) {
  .blog .slider__item {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    height: auto;
  }
  .blog .slider__item--content {
    display: block;
    height: auto;
  }
  .blog .slider__item--image {
    display: block;
    max-height: 156px;
  }
  .blog .slider__item--image img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 16/9;
  }
}
.blog__wrap {
  width: 100%;
  padding: 120px 5% 60px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .blog__wrap {
    padding-bottom: 30px;
  }
}
.blog .cv + .blog__wrap {
  padding-top: 100px;
  padding-bottom: 0;
}
.blog__result {
  max-width: 1200px;
  margin: 0 auto;
}
.blog__result--wrap {
  padding: 0 0 50px 0;
}
.blog__result .col3__item--image {
  overflow: hidden;
}
.blog__result .col3__item--title {
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  min-height: 20px;
  max-height: 60px;
  overflow: hidden;
}
@media all and (max-width: 1440px) {
  .blog__result .col3__item--title {
    font-size: max( 1.3888888889vw, 12px );
  }
}
@media only screen and (max-width: 767px) {
  .blog__result .col3__item--title {
    font-size: clamp(18px,  4.8vw , 12px);
  }
}
.blog__title {
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  padding-top: 100px;
  margin-top: 30px;
  background-color: #fff;
}
.blog__sorter {
  padding: 132px 5% 70px 5%;
}
@media only screen and (max-width: 767px) {
  .blog__sorter {
    padding: 50px 5% 30px;
    width: 100%;
  }
}
.blog__sorter h2 {
  max-width: 1200px;
  margin: 0 auto;
  text-align: left;
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .blog__sorter h2 {
    padding-bottom: 20px;
  }
}
.blog__sorter ul {
  max-width: 1200px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  gap: 10px;
}
@media only screen and (max-width: 767px) {
  .blog__sorter ul {
    -webkit-box-pack: start;
    -webkit-justify-content: start;
        -ms-flex-pack: start;
            justify-content: start;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
.blog__sorter ul a {
  display: inline-block;
  padding: 5px 20px;
  border: 1px solid #999DAA;
  border-radius: 30px;
  background: #F5F5F7;
  font-size: 14px;
  font-weight: 700;
  color: #999DAA;
  white-space: nowrap;
}
@media all and (max-width: 1440px) {
  .blog__sorter ul a {
    font-size: max( 0.9722222222vw, 12px );
  }
}
@media only screen and (max-width: 767px) {
  .blog__sorter ul a {
    font-size: clamp(14px,  3.7333333333vw , 12px);
  }
}
.blog__sorter ul a.current {
  border: 1px solid #2b2b2b;
  background-color: #2b2b2b;
  color: #FFF;
}
.blog-detail {
  /*
  &__image {
  	margin-top: 30px;

  	@media only screen and (max-width: 767px) {
  		margin-left: 5%;
  		margin-right: 5%;
  	}
  }
  &__image + * {
  	margin-top: 30px;
  }
  */
  /*
  & + .pannel-banner {
  	display: none;

  	@media only screen and (max-width: 767px) {
  		display: block;
  	}
  }
  */
}
.blog-detail__title {
  margin-bottom: 20px;
  display: block;
}
@media only screen and (max-width: 767px) {
  .blog-detail__title {
    padding: 0 5%;
  }
}
.blog-detail__title h1 {
  font-size: 28px;
  line-height: 1.56;
}
@media all and (max-width: 1440px) {
  .blog-detail__title h1 {
    font-size: clamp(28px,  1.9444444444vw , 12px);
  }
}
@media only screen and (max-width: 767px) {
  .blog-detail__title h1 {
    font-size: 24px;
  }
}
@media only screen and (max-width: 375px) {
  .blog-detail__title h1 {
    font-size: clamp(24px,  6.4vw , 12px);
  }
}
.blog-detail__title--label {
  margin-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.blog-detail__title--category {
  border: 1px solid #CCCED5;
  border-radius: 28px;
  padding: 0 15px;
  font-size: 14px;
  line-height: 28px;
  color: #2b2b2b;
  display: inline-block;
}
.blog-detail__title--date {
  padding: 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 28px;
  color: #2b2b2b;
  display: inline-block;
}
@media all and (max-width: 1440px) {
  .blog-detail__title--date {
    font-size: max( 0.8333333333vw, 12px );
  }
}
@media only screen and (max-width: 767px) {
  .blog-detail__title--date {
    font-size: 12px;
  }
}
.blog-detail__image {
  margin-bottom: 40px;
}
.blog-detail__image img {
  border-radius: 20px;
  margin: 0;
  max-width: 100%;
  width: 100%;
  height: auto;
  display: block;
}
@media only screen and (max-width: 767px) {
  .blog-detail__image img {
    border-radius: 0;
  }
}
.blog-detail__lead {
  padding: 0;
}
@media only screen and (max-width: 767px) {
  .blog-detail__lead {
    padding: 0 5%;
  }
}
.blog-detail__lead * + p {
  margin-top: 1em;
}
.blog-detail__lead + * {
  margin-top: 40px;
}
@media only screen and (max-width: 767px) {
  .blog-detail__lead + * {
    margin-top: 30px;
  }
}
.blog-detail .cv__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 767px) {
  .blog-detail .cv__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.blog-detail .cv__wrap--text h2 {
  font-size: 20px;
  padding-bottom: 0.5em;
}
@media all and (max-width: 1440px) {
  .blog-detail .cv__wrap--text h2 {
    font-size: max( 1.3888888889vw, 12px );
  }
}
@media only screen and (max-width: 767px) {
  .blog-detail .cv__wrap--text h2 {
    font-size: 18px;
    text-align: center;
  }
}
@media only screen and (max-width: 375px) {
  .blog-detail .cv__wrap--text h2 {
    font-size: max( 4.8vw , 12px);
  }
}
.blog-detail .cv__wrap--text p {
  font-size: 14px;
}
@media all and (max-width: 1440px) {
  .blog-detail .cv__wrap--text p {
    font-size: max( 0.9722222222vw, 12px );
  }
}
@media only screen and (max-width: 767px) {
  .blog-detail .cv__wrap--text p {
    font-size: 14px;
    text-align: center;
  }
}
@media only screen and (max-width: 375px) {
  .blog-detail .cv__wrap--text p {
    font-size: max( 3.7333333333vw , 12px);
  }
}
.blog-detail .cv__wrap .button-small {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.blog-detail .cv__wrap .button-small a {
  display: block;
  padding: 10px 20px;
}
@media only screen and (max-width: 767px) {
  .blog-detail .cv__wrap .button-small {
    width: 100%;
    margin-top: 10px;
  }
  .blog-detail .cv__wrap .button-small a {
    width: 100%;
    font-size: 17px;
  }
}
@media only screen and (max-width: 767px) and (max-width: 375px) {
  .blog-detail .cv__wrap .button-small a {
    font-size: max( 4.5333333333vw , 12px);
  }
}
.blog-detail .article {
  margin-top: 40px;
  padding: 0 0 50px;
}
.blog-detail .article h2 {
  border-bottom: none;
  padding-bottom: 0.5em;
}
@media only screen and (max-width: 767px) {
  .blog-detail .article {
    padding: 30px 5% 30px 5%;
  }
}
.blog-detail .article__content {
  padding: 0;
  background-color: inherit;
}
.blog-detail + .cv .cv__wrap {
  background-color: #2b2b2b;
  color: #fff;
}
.blog-detail + .cv .button a.type02,
.blog-detail + .cv .button span.type02,
.blog-detail + .cv .button button.type02 {
  background-color: #fff;
  color: #2b2b2b;
}
.blog-detail + .cv .button a.type02::after,
.blog-detail + .cv .button span.type02::after,
.blog-detail + .cv .button button.type02::after {
  background-image: url(../image/icon_arrow_right_black.svg);
}
.blog + section {
  margin-top: 100px;
}

.company h2 {
  font-size: 32px;
  font-weight: 700;
  margin-top: 64px;
  padding-bottom: 1.5em;
}
.company h2:first-child {
  margin-top: 0;
}
@media only screen and (max-width: 767px) {
  .company h2 {
    padding-left: 5%;
    padding-right: 5%;
    font-size: 22px;
  }
}
.company * + p {
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .company__lead {
    padding: 0 5%;
  }
}
.company__table {
  border-top: 1px solid #CCCED5;
  border-left: 1px solid #CCCED5;
  border-right: 1px solid #CCCED5;
}
@media only screen and (max-width: 767px) {
  .company__table {
    margin-left: 5%;
    margin-right: 5%;
  }
}
.company__table--row {
  display: table;
  border-bottom: 1px solid #CCCED5;
  width: 100%;
}
.company__table--header {
  display: table-cell;
  font-weight: 700;
  font-size: 14px;
  width: 11em;
  padding: 16px 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-right: 1px solid #CCCED5;
  color: #2b2b2b;
  background-color: #F5F5F7;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .company__table--header {
    padding: 10px 16px;
  }
}
.company__table--data {
  display: table-cell;
  padding: 16px 24px;
  font-size: 14px;
  background-color: #fff;
}
@media only screen and (max-width: 767px) {
  .company__table--data {
    padding: 10px 16px;
  }
}
.company-slider {
  margin: 30px 0 35px 0;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .company-slider {
    margin: 30px 5vw 35px 5vw;
  }
}
.company-slider__item {
  width: 780px;
}
@media only screen and (max-width: 1080px) {
  .company-slider__item {
    width: 680px;
  }
}
@media only screen and (max-width: 980px) {
  .company-slider__item {
    width: 580px;
  }
}
@media only screen and (max-width: 767px) {
  .company-slider__item {
    width: 90vw;
    margin: 0;
  }
}
.company-slider__item img {
  width: 100%;
}
.company-slider .slick-dots {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
  margin-top: 20px;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.company-slider .slick-dots li button {
  display: block;
  background-color: #999DAA;
  border: none;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  font-size: 0;
  cursor: pointer;
}
.company-slider .slick-dots li.slick-active button {
  background-color: #2b2b2b;
}
.company-slider .slick-arrow {
  position: absolute;
  top: 100%;
  border: none;
  background: url(../image/icon_arrow_blueblack_s.svg) no-repeat center center;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  font-size: 0;
  cursor: pointer;
  z-index: 5;
  margin-top: 8px;
}
.company-slider .slick-arrow.slick-prev {
  left: 50%;
  -webkit-transform: translateX(-120px) rotate(180deg);
          transform: translateX(-120px) rotate(180deg);
}
.company-slider .slick-arrow.slick-next {
  left: 50%;
  right: auto;
  margin-left: -15px;
  -webkit-transform: translateX(100px);
          transform: translateX(100px);
}
.company__message {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}
@media only screen and (max-width: 767px) {
  .company__message {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.company__message--image {
  width: 240px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .company__message--image {
    width: 100%;
  }
}
.company__message--image img {
  width: 240px;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 16/9;
}
.company__message--image p {
  margin-top: 0.5em;
  vertical-align: middle;
}
.company__message--image p span {
  display: inline-block;
  padding-left: 0.5em;
  font-size: 20px;
  font-weight: 700;
}
.company__message--text {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.company__message--text h3 {
  font-size: 24px;
  font-weight: 700;
}
.company__message--text p {
  margin-top: 1em;
}
.company__boardmember {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 36px 3.6%;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.company__boardmember--cell {
  width: 48.2%;
}
@media only screen and (max-width: 767px) {
  .company__boardmember {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .company__boardmember--cell {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 5%;
    padding-right: 5%;
  }
}
.company__boardmember h3 {
  font-family: "Noto Sans JP", serif;
  font-size: 20px;
}
.company__boardmember h3 .title {
  display: block;
  margin-bottom: 16px;
  font-size: 16px;
}
.company__boardmember h3 .partner {
  display: block;
  font-size: 14px;
  margin-bottom: 16px;
}
.company__boardmember--image {
  margin-bottom: 24px;
}
.company__boardmember--image img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 16/9;
}
.company__boardmember p {
  font-size: 14px;
}
.company__philosophy {
  border-bottom: 1px solid #999DAA;
}
@media only screen and (max-width: 767px) {
  .company__philosophy {
    margin-left: 5%;
    margin-right: 5%;
  }
}
.company__philosophy--item {
  padding: 1em 0;
  border-top: 1px solid #999DAA;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 36px;
}
@media only screen and (max-width: 767px) {
  .company__philosophy--item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }
}
.company__philosophy--item h3 {
  display: inline-block;
  font-size: 36px;
  font-weight: 400;
  width: 154px;
}
@media only screen and (max-width: 767px) {
  .company__philosophy--item h3 {
    width: 100%;
    font-size: 30px;
  }
}
.company__philosophy--item .content h4 {
  font-size: 20px;
  font-weight: 700;
}
.company__philosophy--item .content * + p {
  margin-top: 1em;
  font-weight: 400;
}
.company__history--row {
  display: table;
  margin-bottom: 1em;
}
.company__history--row:last-child {
  margin-bottom: 0;
}
.company__history--header {
  display: table-cell;
  width: 7.5em;
}
.company__history--data {
  display: table-cell;
}
.company__access--guide {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
}
.company__access--guide + p {
  margin-top: 1em;
  color: #999DAA;
}
.company__access--map {
  width: 100%;
  height: 450px;
  margin-top: 30px;
}
.company__access h3 {
  font-size: 30px;
  font-weight: 700;
  margin: 40px 0 30px 0;
}
.company__access--image {
  margin-top: 20px;
}
.company__access--image img {
  width: 100%;
}
.company__access--sign {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 20px 40px;
  margin-top: 10px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.company__access--sign div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.company__access--sign div img {
  width: 40px;
  height: auto;
}
.company__access--sign div p {
  color: #999DAA;
  line-height: 1.4;
}
.company .pannel-banner {
  margin-top: 0;
}

.privacy {
  padding: 100px 5%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.privacy__wrap {
  max-width: 860px;
  margin: 0 auto;
}
* + .privacy__item {
  margin-top: 40px;
}
.privacy__item .lv_h2 {
  font-size: 32px;
  line-height: 1.6;
}
.privacy__item .lv_h2 span {
  display: inline-block;
  width: 2em;
}
@media only screen and (max-width: 767px) {
  .privacy__item .lv_h2 {
    font-size: 22px;
  }
}
@media only screen and (max-width: 375px) {
  .privacy__item .lv_h2 {
    font-size: max( 5.8666666667vw , 12px);
  }
}
.privacy__item .lv_h3 {
  font-size: 16px;
  font-weight: 700;
}
.privacy__item * + .lv_h2,
.privacy__item * + .lv_h3,
.privacy__item * + p {
  margin-top: 20px;
}
.privacy__item ol.lower-alpha {
  list-style-type: lower-alpha;
  margin: 10px 0 10px 1.5em;
}
.privacy__item ol.lower-alpha li {
  padding-left: 1em;
  list-style-type: inherit;
}
.privacy__item ol.decimal {
  list-style-type: decimal;
  margin: 10px 0 10px 1.5em;
}
.privacy__item ol.decimal li {
  padding-left: 0.5em;
  list-style-type: inherit;
}
.privacy__item ol.lower-roman {
  list-style-type: lower-roman;
  margin: 10px 0 10px 1.5em;
}
.privacy__item ol.lower-roman li {
  padding-left: 0.5em;
  list-style-type: inherit;
}
.privacy__item ol.brackets-decimal {
  margin: 10px 0;
}
.privacy__item ol.brackets-decimal li {
  list-style-type: none;
  counter-increment: bra-dec;
  padding-left: 2.5em;
  text-indent: -2.5em;
}
.privacy__item ol.brackets-decimal li::before {
  content: "（" counter(bra-dec) "）";
}
.privacy__item ol.brackets-loweralpha {
  margin: 10px 0;
}
.privacy__item ol.brackets-loweralpha li {
  list-style-type: none;
  counter-increment: bra-lalpha;
  padding-left: 2.5em;
  text-indent: -2.5em;
}
.privacy__item ol.brackets-loweralpha li::before {
  content: "（" counter(bra-lalpha, lower-alpha) "）";
}
.privacy__item ol li + li {
  padding-top: 0.5em;
}
.privacy__item .lv_h2 + ol,
.privacy__item .lv_h3 + ol {
  margin-top: 20px;
}
.privacy__date {
  text-align: right;
  margin-top: 40px;
}

.recruit h2 {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 36px;
}
@media only screen and (max-width: 767px) {
  .recruit h2 {
    padding: 0 5%;
  }
}
.recruit h3 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .recruit h3 {
    padding: 0 5%;
  }
}
.recruit ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 36px;
  gap: 27px 3%;
}
@media only screen and (max-width: 767px) {
  .recruit ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0 5%;
    gap: 15px;
  }
}
.recruit ul li {
  width: 48.5%;
  border: 1px solid #000;
}
@media only screen and (max-width: 767px) {
  .recruit ul li {
    width: 100%;
  }
}
.recruit ul li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: 700;
}
.recruit ul li a span {
  display: block;
  font-size: 12px;
  font-weight: 700;
}
.recruit ul:last-child {
  margin-bottom: 0;
}

.introduction h2 {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 36px;
  margin-top: 36px;
  line-height: 1.6;
}
.introduction h2:first-child {
  margin-top: 0;
}
@media only screen and (max-width: 767px) {
  .introduction h2 {
    font-size: 24px;
    padding: 0 5%;
  }
}
.introduction h4 {
  font-weight: 700;
  margin-top: 1em;
  margin-bottom: 0.5em;
}
@media only screen and (max-width: 767px) {
  .introduction__profile {
    padding: 0 5%;
  }
}
.introduction__profile h3 {
  font-weight: 700;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
}
.introduction__profile h3:first-child {
  margin-top: 0;
}
@media only screen and (max-width: 767px) {
  .introduction .quote-box {
    margin: 20px 5%;
  }
}
.introduction--text p {
  margin-top: 0.8em;
}
@media only screen and (max-width: 767px) {
  .introduction--text {
    padding: 0 5% 0 5%;
  }
}
.introduction__business {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 40px;
}
@media only screen and (max-width: 767px) {
  .introduction__business {
    gap: 30px;
    padding: 0 5%;
  }
}
.introduction__business--item {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 37%;
  min-height: 283px;
}
@media only screen and (max-width: 767px) {
  .introduction__business--item {
    padding-left: 0;
  }
}
.introduction__business--item h4 {
  margin-bottom: 0.5em;
  font-size: 16px;
  font-weight: 700;
}
.introduction__business--item p {
  font-size: 12px;
}
.introduction__business--img {
  position: absolute;
  width: 30%;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 283px;
  height: 283px;
  border: 1px solid #000;
}
.introduction__business--img img {
  max-width: 100%;
  width: auto;
}
@media only screen and (max-width: 767px) {
  .introduction__business--img {
    position: static;
    width: 100%;
    height: 180px;
    left: auto;
    top: auto;
  }
}
.introduction .career {
  gap: 36px;
}
@media only screen and (max-width: 767px) {
  .introduction .career {
    padding: 0 5%;
    gap: 20px;
  }
}
.introduction .career .imageset__col2small--item {
  gap: 5%;
}
.introduction .career .imageset__col2small--img {
  width: 177px;
  height: 177px;
}
@media only screen and (max-width: 767px) {
  .introduction .career .imageset__col2small--img {
    width: 24%;
    height: auto;
  }
}
.introduction .career .imageset__col2small--img img {
  width: 177px;
  height: 177px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 767px) {
  .introduction .career .imageset__col2small--img img {
    width: 100%;
    height: auto;
  }
}
.introduction .career .imageset__col2small--text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: calc(95% - 177px);
}
@media only screen and (max-width: 767px) {
  .introduction .career .imageset__col2small--text {
    width: 71%;
  }
}
.introduction .career .imageset__col2small--text h4 {
  margin-top: 0;
  margin-bottom: 0.5em;
  font-size: 16px;
}
.introduction .career .imageset__col2small--text p {
  font-size: 14px;
}
.introduction .cv {
  margin-top: 40px;
}
.introduction .cv__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 767px) {
  .introduction .cv__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.introduction .cv__wrap--text h2 {
  font-size: 20px;
  margin-bottom: 0.5em;
  padding: 0;
}
@media all and (max-width: 1440px) {
  .introduction .cv__wrap--text h2 {
    font-size: max( 1.3888888889vw, 12px );
  }
}
@media only screen and (max-width: 767px) {
  .introduction .cv__wrap--text h2 {
    font-size: 18px;
    text-align: center;
  }
}
@media only screen and (max-width: 375px) {
  .introduction .cv__wrap--text h2 {
    font-size: max( 4.8vw , 12px);
  }
}
.introduction .cv__wrap--text p {
  font-size: 14px;
}
@media all and (max-width: 1440px) {
  .introduction .cv__wrap--text p {
    font-size: max( 0.9722222222vw, 12px );
  }
}
@media only screen and (max-width: 767px) {
  .introduction .cv__wrap--text p {
    font-size: 14px;
    text-align: center;
  }
}
@media only screen and (max-width: 375px) {
  .introduction .cv__wrap--text p {
    font-size: max( 3.7333333333vw , 12px);
  }
}
.introduction .cv__wrap .button-small {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.introduction .cv__wrap .button-small a {
  display: block;
  padding: 10px 20px;
}
@media only screen and (max-width: 767px) {
  .introduction .cv__wrap .button-small {
    width: 100%;
    margin-top: 10px;
  }
  .introduction .cv__wrap .button-small a {
    width: 100%;
    font-size: 17px;
  }
}
@media only screen and (max-width: 767px) and (max-width: 375px) {
  .introduction .cv__wrap .button-small a {
    font-size: max( 4.5333333333vw , 12px);
  }
}

.inquiry {
  padding: 40px 5%;
}
.inquiry__wrap {
  max-width: 1200px;
  margin: 0 auto;
  background-color: #FFF;
  padding: 64px 80px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .inquiry__wrap {
    padding: 40px 5%;
  }
}
.inquiry__caption {
  text-align: center;
  margin-bottom: 40px;
}
.inquiry__note {
  padding-bottom: 5px;
  color: rgb(218, 93, 100);
}
.inquiry__note sup {
  vertical-align: middle;
  padding-right: 0.3em;
}
.inquiry__table--row {
  margin-bottom: -1px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.inquiry__table sup {
  color: rgb(218, 93, 100);
  vertical-align: middle;
  padding-left: 0.3em;
  font-size: 12px;
}
.inquiry__table .error_message {
  color: rgb(218, 93, 100);
  font-weight: 700;
  display: none;
  font-weight: 700;
}
.inquiry__table select {
  width: 100%;
  border: none;
  padding: 0;
}
.inquiry__table input {
  width: 100%;
  border: none;
  padding: 0;
}
.inquiry__table input::-webkit-input-placeholder {
  color: #CCCED5;
}
.inquiry__table input::-moz-placeholder {
  color: #CCCED5;
}
.inquiry__table input:-ms-input-placeholder {
  color: #CCCED5;
}
.inquiry__table input::-ms-input-placeholder {
  color: #CCCED5;
}
.inquiry__table input::placeholder {
  color: #CCCED5;
}
.inquiry__table textarea {
  width: 100%;
  height: 12em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: none;
  padding: 0;
}
.inquiry__table textarea::-webkit-input-placeholder {
  color: #CCCED5;
}
.inquiry__table textarea::-moz-placeholder {
  color: #CCCED5;
}
.inquiry__table textarea:-ms-input-placeholder {
  color: #CCCED5;
}
.inquiry__table textarea::-ms-input-placeholder {
  color: #CCCED5;
}
.inquiry__table textarea::placeholder {
  color: #CCCED5;
}
.inquiry__table--data {
  padding: 15px 20px;
  width: 100%;
  border: 1px solid #CCCED5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.inquiry__table--data.error {
  z-index: 2;
}
.inquiry__table--data.error .error_message {
  display: block;
  font-size: 10px;
  padding-left: 0.5em;
}
.inquiry__table--data.error select {
  background-color: rgba(218, 93, 100, 0.1);
}
.inquiry__table--data.error select::-webkit-input-placeholder {
  color: rgb(218, 93, 100);
}
.inquiry__table--data.error select::-moz-placeholder {
  color: rgb(218, 93, 100);
}
.inquiry__table--data.error select:-ms-input-placeholder {
  color: rgb(218, 93, 100);
}
.inquiry__table--data.error select::-ms-input-placeholder {
  color: rgb(218, 93, 100);
}
.inquiry__table--data.error select::placeholder {
  color: rgb(218, 93, 100);
}
.inquiry__table--data.error input {
  background-color: rgba(218, 93, 100, 0.1);
}
.inquiry__table--data.error input::-webkit-input-placeholder {
  color: rgb(218, 93, 100);
}
.inquiry__table--data.error input::-moz-placeholder {
  color: rgb(218, 93, 100);
}
.inquiry__table--data.error input:-ms-input-placeholder {
  color: rgb(218, 93, 100);
}
.inquiry__table--data.error input::-ms-input-placeholder {
  color: rgb(218, 93, 100);
}
.inquiry__table--data.error input::placeholder {
  color: rgb(218, 93, 100);
}
.inquiry__table--data.error textarea {
  background-color: rgba(218, 93, 100, 0.1);
}
.inquiry__table--data.error textarea::-webkit-input-placeholder {
  color: rgb(218, 93, 100);
}
.inquiry__table--data.error textarea::-moz-placeholder {
  color: rgb(218, 93, 100);
}
.inquiry__table--data.error textarea:-ms-input-placeholder {
  color: rgb(218, 93, 100);
}
.inquiry__table--data.error textarea::-ms-input-placeholder {
  color: rgb(218, 93, 100);
}
.inquiry__table--data.error textarea::placeholder {
  color: rgb(218, 93, 100);
}
.inquiry__table--data2 {
  padding: 15px 20px;
  width: 50%;
  border: 1px solid #CCCED5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.inquiry__table--data2:last-child {
  margin-left: -1px;
  width: calc(50% + 1px);
}
.inquiry__table--data2.error {
  z-index: 2;
}
.inquiry__table--data2.error .error_message {
  display: block;
  font-size: 10px;
  padding-left: 0.5em;
}
.inquiry__table--data2.error select {
  background-color: rgba(218, 93, 100, 0.1);
}
.inquiry__table--data2.error select::-webkit-input-placeholder {
  color: rgb(218, 93, 100);
}
.inquiry__table--data2.error select::-moz-placeholder {
  color: rgb(218, 93, 100);
}
.inquiry__table--data2.error select:-ms-input-placeholder {
  color: rgb(218, 93, 100);
}
.inquiry__table--data2.error select::-ms-input-placeholder {
  color: rgb(218, 93, 100);
}
.inquiry__table--data2.error select::placeholder {
  color: rgb(218, 93, 100);
}
.inquiry__table--data2.error input {
  background-color: rgba(218, 93, 100, 0.1);
}
.inquiry__table--data2.error input::-webkit-input-placeholder {
  color: rgb(218, 93, 100);
}
.inquiry__table--data2.error input::-moz-placeholder {
  color: rgb(218, 93, 100);
}
.inquiry__table--data2.error input:-ms-input-placeholder {
  color: rgb(218, 93, 100);
}
.inquiry__table--data2.error input::-ms-input-placeholder {
  color: rgb(218, 93, 100);
}
.inquiry__table--data2.error input::placeholder {
  color: rgb(218, 93, 100);
}
.inquiry__table--data2.error textarea {
  background-color: rgba(218, 93, 100, 0.1);
}
.inquiry__table--data2.error textarea::-webkit-input-placeholder {
  color: rgb(218, 93, 100);
}
.inquiry__table--data2.error textarea::-moz-placeholder {
  color: rgb(218, 93, 100);
}
.inquiry__table--data2.error textarea:-ms-input-placeholder {
  color: rgb(218, 93, 100);
}
.inquiry__table--data2.error textarea::-ms-input-placeholder {
  color: rgb(218, 93, 100);
}
.inquiry__table--data2.error textarea::placeholder {
  color: rgb(218, 93, 100);
}
.inquiry__label {
  font-weight: 700;
  font-size: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.inquiry__agree--check {
  margin-top: 30px;
  text-align: center;
}
.inquiry__agree--check label {
  position: relative;
  display: inline-block;
  padding-left: 30px;
}
@media only screen and (max-width: 767px) {
  .inquiry__agree--check label {
    text-align: left;
  }
}
.inquiry__agree--check label::before {
  position: absolute;
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 5px;
  border: 1px solid #999DAA;
  background-color: #F5F5F7;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.inquiry__agree--check label::after {
  display: none;
  position: absolute;
  content: "";
  width: 5px;
  height: 10px;
  left: 7px;
  top: 50%;
  -webkit-transform: translateY(-64%) rotate(45deg);
          transform: translateY(-64%) rotate(45deg);
  border-right: 3px solid #FFF;
  border-bottom: 3px solid #FFF;
}
.inquiry__agree--check label a {
  text-decoration: underline;
}
.inquiry__agree--check input {
  display: none;
}
.inquiry__agree--check input:checked + label::before {
  border: 1px solid #2b2b2b;
  background-color: #2b2b2b;
}
.inquiry__agree--check input:checked + label::after {
  display: block;
}
.inquiry__agree .button {
  margin-top: 30px;
}
.inquiry__agree .button a,
.inquiry__agree .button button {
  border: none;
  background-color: #2b2b2b;
  color: #FFF;
  width: 420px;
  padding: 25px 40px;
  font-size: 16px;
  border-radius: 9999px;
}
@media only screen and (max-width: 767px) {
  .inquiry__agree .button a,
  .inquiry__agree .button button {
    padding: 10px 40px;
    width: 100%;
  }
}
.inquiry__agree .button a::after,
.inquiry__agree .button button::after {
  width: 16px;
  height: 16px;
  background: url("../image/icon_arrow_white.svg") no-repeat 0 0;
  background-size: cover;
}
.inquiry__agree .agree-text {
  font-size: 12px;
  margin-top: 30px;
  line-height: 1.6;
}
.inquiry .hbspt-form * + .form-columns-1,
.inquiry .hbspt-form * + .form-columns-2 {
  margin-top: 12px;
}
.inquiry .hbspt-form * + .form-columns-1 .input textarea,
.inquiry .hbspt-form * + .form-columns-2 .input textarea {
  vertical-align: bottom;
}
.inquiry form {
  margin: 0 auto;
}

.complete {
  padding: 100px 5% 64px 5%;
}
@media only screen and (max-width: 767px) {
  .complete {
    padding: 40px 5%;
  }
}
.complete__wrap {
  width: 1024px;
  margin: 0 auto;
  padding: 64px 5%;
  text-align: center;
  background-color: #FFF;
}
@media only screen and (max-width: 767px) {
  .complete__wrap {
    padding: 40px 5%;
  }
}
.complete__wrap h2 {
  font-size: 40px;
  font-weight: 700;
}
.complete__wrap .button a {
  width: 390px;
  padding: 25px 40px;
}
.complete__wrap .button a::after {
  display: none;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .complete__wrap {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .complete__wrap {
    padding: 40px 5%;
    width: 100%;
  }
  .complete__wrap h2 {
    font-size: 30px;
  }
  .complete__wrap .button a {
    width: 100%;
  }
}
.complete--text {
  margin: 40px 0;
}
.complete--text.for-contact {
  margin: 40px 0 60px 0;
}
.complete--text a {
  font-weight: 700;
  text-decoration: underline;
}

.cv {
  padding: 0 30px 60px;
  text-align: center;
  color: #2b2b2b;
}
@media only screen and (max-width: 767px) {
  .cv {
    padding: 10px 5vw;
  }
}
.cv__wrap {
  background: #2b2b2b;
  -webkit-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  margin: 0 auto;
  padding: 60px 110px 65px;
  max-width: 1200px;
}
@media only screen and (max-width: 767px) {
  .cv__wrap {
    padding: 30px 20px;
  }
}
.cv__wrap h2 {
  font-size: 26px;
  font-weight: 700;
  padding-bottom: 1em;
  line-height: 1.4;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .cv__wrap h2 {
    font-size: clamp(20px,  5.3333333333vw , 12px);
  }
}
.cv__wrap h2 + p {
  margin-bottom: 0.5em;
  color: #fff;
}
.cv__wrap h2 + .button p a,
.cv__wrap h2 + .button p button {
  margin-top: 1em;
}
.cv .button {
  margin-top: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 30px;
}
@media only screen and (max-width: 767px) {
  .cv .button {
    margin-top: 20px;
    min-height: 20px;
  }
}
.cv .button p,
.cv .button li {
  font-size: 16px;
  font-weight: 700;
}
.cv .button p a,
.cv .button p button,
.cv .button li a,
.cv .button li button {
  margin-top: 10px;
  font-size: 20px;
  min-width: 430px;
  min-height: 64px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
@media only screen and (max-width: 375px) {
  .cv .button p a,
  .cv .button p button,
  .cv .button li a,
  .cv .button li button {
    min-height: 44px;
  }
}
.cv .button p a.type01,
.cv .button p button.type01,
.cv .button li a.type01,
.cv .button li button.type01 {
  color: #fff;
}
.cv .button p a.type02,
.cv .button p button.type02,
.cv .button li a.type02,
.cv .button li button.type02 {
  background-color: #fff;
  color: #2b2b2b;
}
.cv .button p a.type02::after,
.cv .button p button.type02::after,
.cv .button li a.type02::after,
.cv .button li button.type02::after {
  background-image: url(../image/icon_arrow_right_black.svg);
}
@media only screen and (max-width: 980px) {
  .cv .button {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
  .cv .button p,
  .cv .button li {
    width: 100%;
  }
}
@media only screen and (max-width: 980px) and (max-width: 1440px) {
  .cv .button p,
  .cv .button li {
    font-size: max( 2.0833333333vw, 12px );
  }
}
@media only screen and (max-width: 980px) and (max-width: 375px) {
  .cv .button p,
  .cv .button li {
    font-size: max( 4.2666666667vw , 12px);
  }
}
@media only screen and (max-width: 980px) {
  .cv .button p a,
  .cv .button p button,
  .cv .button li a,
  .cv .button li button {
    font-size: 16px;
    text-align: center;
    min-width: initial;
    width: 100%;
  }
}
@media only screen and (max-width: 980px) and (max-width: 1440px) {
  .cv .button p a,
  .cv .button p button,
  .cv .button li a,
  .cv .button li button {
    font-size: max( 2.0833333333vw, 12px );
  }
}
@media only screen and (max-width: 980px) and (max-width: 375px) {
  .cv .button p a,
  .cv .button p button,
  .cv .button li a,
  .cv .button li button {
    font-size: max( 3.7333333333vw , 12px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .cv .button {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
  .cv .button p,
  .cv .button li {
    width: 60%;
  }
}

.bgUpper {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(45%, rgba(0, 0, 0, 0)), color-stop(45%, #fff));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 45%, #fff 45%);
}

.header__category--cta .nav__cta,
.nav__cta {
  margin: 2em 0 1em 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1em;
}
.header__category--cta .nav__cta li,
.nav__cta li {
  max-width: 342px;
  width: 100%;
}
.header__category--cta .nav__cta li a,
.nav__cta li a {
  background-color: #EB2F2F;
  border: none;
  border-radius: 50px;
  padding: 6px 28px 6px 20px;
  min-height: 44px;
  width: 100%;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
  text-align: center;
  letter-spacing: 0.05em;
  color: #fff;
  white-space: nowrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .header__category--cta .nav__cta li a,
  .nav__cta li a {
    min-width: initial;
    width: 100%;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 28px;
    font-size: clamp(16px,  4.2666666667vw , 12px);
    letter-spacing: 0;
  }
}
.header__category--cta .nav__cta li a::after,
.nav__cta li a::after {
  content: "";
  background: url("../image/icon_arrow_right.svg") no-repeat 0 0;
  background-size: cover;
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  top: 50%;
  bottom: auto;
  left: auto;
  right: 6px;
  z-index: 1;
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
}
@media only screen and (max-width: 767px) {
  .header__category--cta .nav__cta li a::after,
  .nav__cta li a::after {
    right: 6px;
  }
}
.header__category--cta .nav__cta li:last-child a,
.nav__cta li:last-child a {
  background-color: #2b2b2b;
  color: #fff;
}

.under__form {
  display: none;
}
@media only screen and (max-width: 767px) {
  .under__form {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-color: #FFF;
    width: 100%;
    margin-top: 30px;
    padding: 40px 20px;
    text-align: center;
    overflow-y: scroll;
  }
  .under__form h2 {
    font-size: 24px;
    margin: 0;
    padding: 0;
  }
  .under__form--caption {
    font-size: 14px;
    line-height: 1.4;
    margin: 1em 0;
  }
  .under__form .close {
    position: absolute;
    right: 20px;
    top: 20px;
  }
  .under__form .sp-form {
    display: none;
  }
  .under__form.open {
    display: block;
    position: fixed;
    margin: 0;
    left: 0;
    top: 0;
    z-index: 20;
    width: 100vw;
    height: 100vh;
  }
}

.slider {
  padding: 30px 0 10px 0;
}
@media only screen and (max-width: 767px) {
  .slider {
    padding: 10px 0 10px 0;
  }
}
.slider__item {
  border-radius: 20px;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  margin: 10px 45px;
  width: 90vw;
  max-width: 1200px;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .slider__item {
    max-width: 90vw;
    margin: 10px 15px;
  }
}
.slider__item--wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .slider__item--wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.slider__item--image {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 352px;
  height: 100%;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .slider__item--image {
    width: 100%;
    height: 49%;
  }
}
.slider__item--image img {
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 16/9;
}
.slider__item--content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: calc(100% - 352px);
  height: 100%;
  padding: 15px 30px;
}
@media only screen and (max-width: 767px) {
  .slider__item--content {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    padding: 15px 20px;
  }
}
.slider__item--logo {
  height: 50px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .slider__item--logo {
    height: 40px;
  }
}
.slider__item--logo img {
  height: 100%;
}
.slider__item--title {
  font-size: 18px;
  font-weight: 700;
}
.slider__item--title span {
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  min-height: 20px;
  max-height: 60px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .slider__item--title span {
    -webkit-line-clamp: 3;
    line-clamp: 3;
    max-height: 90px;
  }
}
.slider__item--company {
  font-size: 14px;
  font-weight: 700;
}
@media all and (max-width: 1440px) {
  .slider__item--company {
    font-size: max( 0.9722222222vw, 12px );
  }
}
@media only screen and (max-width: 767px) {
  .slider__item--company {
    font-size: 14px;
  }
}
@media only screen and (max-width: 375px) {
  .slider__item--company {
    font-size: max( 3.7333333333vw , 12px);
  }
}
.slider__item--detail {
  margin-top: 1em;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5em 8px;
}
.slider__item--detail p, .slider__item--detail li {
  background: #EBECED;
  border-radius: 24px;
  padding: 0 15px;
  display: block;
  font-size: 12px;
  line-height: 24px;
  color: #999DAA;
  white-space: nowrap;
}
.slider__item--detail p {
  background: transparent;
  border-radius: 0;
  padding: 0;
}
.slider__item--detail ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5em 8px;
}
.slider__item--date {
  font-weight: 400;
  font-size: 12px;
  line-height: 22px;
  color: #999DAA;
  margin-top: 15px;
}
@media all and (max-width: 1440px) {
  .slider__item--date {
    font-size: max( 0.8333333333vw, 12px );
  }
}
@media only screen and (max-width: 767px) {
  .slider__item--date {
    font-size: 12px;
  }
}
@media only screen and (max-width: 375px) {
  .slider__item--date {
    font-size: max( 3.2vw , 12px);
  }
}
.slider__item a {
  color: #2b2b2b;
  text-decoration: none;
}
.slider__item a:active, .slider__item a:hover {
  color: #2b2b2b;
}
.slider .slick-dots {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 20px;
  gap: 20px;
}
.slider .slick-dots li button {
  display: block;
  background-color: #999DAA;
  border: none;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  font-size: 0;
  cursor: pointer;
}
.slider .slick-dots li.slick-active button {
  background-color: #2b2b2b;
}
.slider .slick-arrow {
  position: absolute;
  top: 90%;
  border: none;
  background: url(../image/icon_arrow_blueblack_s.svg) no-repeat center center;
  width: 30px;
  height: 30px;
  font-size: 0;
  cursor: pointer;
  z-index: 5;
}
.slider .slick-arrow.slick-prev {
  left: 50%;
  -webkit-transform: translateX(-120px) rotate(180deg);
          transform: translateX(-120px) rotate(180deg);
}
.slider .slick-arrow.slick-next {
  left: 50%;
  right: auto;
  margin-left: -10px;
  -webkit-transform: translateX(100px);
          transform: translateX(100px);
}
@media only screen and (max-width: 767px) {
  .slider .slick-arrow {
    top: auto;
    bottom: 0;
  }
}

.search__wrap {
  width: 100%;
  padding: 0 5%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto;
  background: rgb(247, 246, 244);
}
.white .search__wrap:nth-child(1), .white .search__wrap:nth-child(2) {
  background: #FFF;
}
.search__keywords {
  padding: 50px 0;
  max-width: 1200px;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .search__keywords {
    padding: 50px 0 20px 0;
  }
}
.search__keywords--wrap {
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  .search__keywords--wrap {
    margin-top: 5px;
  }
}
.search__keywords--wrap > .button button {
  color: #2b2b2b;
}
.search__keywords h2 {
  position: relative;
  font-size: 20px;
  font-weight: 700;
  padding-left: 2em;
  cursor: pointer;
}
.search__keywords h2::before {
  position: absolute;
  content: "";
  display: block;
  width: 1em;
  height: 3px;
  background-color: #212121;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.search__keywords h2::after {
  position: absolute;
  content: "";
  display: block;
  width: 1em;
  height: 3px;
  background-color: #212121;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
}
.search__keywords.open h2::after {
  display: none;
}
.search__keywords--category {
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .search__keywords--category {
    margin-bottom: 24px;
  }
}
.search__keywords--category h3 {
  margin: 0 0 16px;
  padding: 0;
  font-size: 16px;
  font-weight: 700;
}
.search__keywords--category h3 small {
  font-weight: 700;
}
.search__keywords--select {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 14px;
}
.search__keywords--select label {
  vertical-align: baseline;
  display: inline-block;
}
.search__keywords--select label span {
  border: none;
  background: #EBECED;
  border-radius: 30px;
  padding: 5px 15px;
  min-height: 32px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #9F9F9F;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.search__keywords--select label input {
  display: none;
}
.search__keywords--select label input:checked + span {
  background-color: #2b2b2b;
  color: #FFF;
}
.search__keywords--select.check label span {
  position: relative;
  background: none;
  border: none;
  padding: 10px 10px 10px 35px;
}
.search__keywords--select.check label span::before {
  position: absolute;
  content: "";
  display: block;
  background: #F5F5F7;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.search__keywords--select.check label span::after {
  position: absolute;
  content: "";
  display: block;
  width: 5px;
  height: 10px;
  border-right: 2px solid #2b2b2b;
  border-bottom: 2px solid #2b2b2b;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(10px) rotate(45deg);
          transform: translateY(-50%) translateX(10px) rotate(45deg);
}
.search__keywords--select.check label input:checked + span {
  color: #2b2b2b;
  background: none;
  border: none;
}
.search__keywords--select.check label input:checked + span::before {
  background: #2b2b2b;
}
.search__keywords--select.check label input:checked + span::after {
  border-right: 2px solid #FFF;
  border-bottom: 2px solid #FFF;
}
.search__result {
  max-width: 1200px;
  margin: 0 auto;
}
.search__result--conditions {
  width: 100%;
  max-width: 1200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-bottom: 50px;
  margin: 0 auto;
}
.search__result--conditions button {
  position: relative;
  margin-left: 20px;
  padding-left: 35px;
  border: none;
  background: none;
  font-weight: 700;
  color: #2b2b2b;
  font-family: "Noto Sans JP", serif;
}
.search__result--conditions button::before {
  position: absolute;
  content: "";
  display: block;
  background: url("../image/icon_search_reset.svg") no-repeat center center;
  background-size: cover;
  width: 24px;
  height: 24px;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media only screen and (max-width: 767px) {
  .search__result--conditions button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-left: 0;
    margin-top: 0.5em;
    width: 100%;
  }
}
.search__result--wrap {
  padding: 50px 0;
}
@media only screen and (max-width: 767px) {
  .search__result--wrap {
    padding: 40px 0;
  }
}
.search__result .col3__item--detail {
  font-size: 14px;
}
.search__wrap + .search__wrap .search__result--wrap {
  padding-top: 0;
}

.contact {
  margin: 0;
  padding: 80px 5%;
  min-height: 700px;
  color: #2b2b2b;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 767px) {
  .contact {
    background: #F2F2F2;
    padding: 40px 5%;
    display: none;
  }
}
.contact__wrap {
  background: #F2F2F2;
  -webkit-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  margin: 0 auto;
  padding: 75px 110px;
  padding: clamp(75px,  5.2083333333vw , 35px) clamp(110px,  7.6388888889vw , 55px);
  max-width: 1200px;
  min-height: 460px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 48px;
  position: relative;
  overflow: visible;
}
@media only screen and (max-width: 767px) {
  .contact__wrap {
    background: #F2F2F2;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
    margin: 0;
    padding: 0;
    min-height: unset;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0;
  }
}
.contact__block {
  position: relative;
  overflow: visible;
}
@media only screen and (max-width: 767px) {
  .contact__block {
    width: 100%;
    display: contents;
  }
}
.contact h2 {
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 1.5;
  color: #2B2B2B;
}
@media only screen and (max-width: 767px) {
  .contact h2 {
    width: 100%;
    font-size: clamp(24px,  6.4vw , 12px);
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
}
.contact h2 + * {
  margin-top: 26px;
}
@media only screen and (max-width: 767px) {
  .contact h2 + * {
    margin-top: 20px;
  }
}
.contact p {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.67;
  color: #2B2B2B;
}
@media only screen and (max-width: 767px) {
  .contact p {
    width: 100%;
    font-size: clamp(16px,  4.2666666667vw , 12px);
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
}
.contact .button {
  margin-top: 60px;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .contact .button {
    margin-top: 20px;
    width: 100%;
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4;
  }
}
.contact .button > *[class] {
  min-height: 66px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .contact .button > *[class] {
    font-size: clamp(16px,  3.7333333333vw , 12px);
  }
}
.contact .button > *[class]::after {
  background-image: url(../image/icon_arrow_right.png);
}
.contact__block_1 img {
  width: 95%;
  display: block;
  position: absolute;
  bottom: 86px;
  left: 50%;
  z-index: 0;
  -webkit-transform: translate3d(-52%, 0, 0);
          transform: translate3d(-52%, 0, 0);
}
@media only screen and (max-width: 767px) {
  .contact__block_1 img {
    margin-top: 20px;
    width: 100%;
    position: relative;
    bottom: auto;
    left: auto;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
}

.footer {
  background: #2B2B2B;
  padding: 100px 5% 40px;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .footer {
    padding: 50px 5% 40px;
  }
}
.footer a {
  color: #fff;
}
.footer__wrap {
  margin: 0 auto;
  padding-left: 110px;
  padding-right: 58px;
  max-width: 1440px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .footer__wrap {
    padding-left: 0;
    padding-right: 0;
    display: block;
  }
}
.footer__wrap_bottom {
  margin-top: 110px;
  border-top: solid 1px #fff;
  padding-top: 40px;
}
@media only screen and (max-width: 767px) {
  .footer__wrap_bottom {
    margin-top: 40px;
    padding-top: 30px;
  }
}
.footer__logo {
  max-width: 273px;
  width: 100%;
  display: block;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.6;
}
@media only screen and (max-width: 767px) {
  .footer__logo {
    margin: 0 auto;
  }
}
.footer__logo img {
  width: 100%;
  height: auto;
  display: block;
}
.footer__logo span {
  margin-top: 10px;
  display: block;
}
@media only screen and (max-width: 767px) {
  .footer__logo span {
    text-align: center;
  }
}
.footer__nav ul, .footer__nav li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.125;
}
@media only screen and (max-width: 767px) {
  .footer__nav ul, .footer__nav li {
    display: none;
  }
}
.footer__nav ul {
  margin-top: 75px;
  width: 100%;
  -webkit-columns: 3;
     -moz-columns: 3;
          columns: 3;
  -webkit-column-gap: 36px;
     -moz-column-gap: 36px;
          column-gap: 36px;
}
@media only screen and (max-width: 767px) {
  .footer__nav ul {
    margin-top: 35px;
    -webkit-columns: 2;
       -moz-columns: 2;
            columns: 2;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
  }
}
.footer__nav li {
  margin-bottom: 1.4em;
  white-space: nowrap;
}
.footer__cta ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 26px;
}
@media only screen and (max-width: 767px) {
  .footer__cta ul {
    margin-top: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 15px;
  }
}
.footer__cta li {
  min-width: 172px;
}
@media only screen and (max-width: 767px) {
  .footer__cta li {
    width: 100%;
  }
}
.footer__cta a {
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .footer__cta .button a.type01, .footer__cta .button a.type02, .footer__cta .button a.type03, .footer__cta .button a.type04, .footer__cta .button a.type05 {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    letter-spacing: 0;
  }
}
.footer__wrap_bottom {
  white-space: nowrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .footer__wrap_bottom {
    display: block;
  }
}
.footer__wrap_bottom * {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.67;
  color: #fff;
}
.footer__wrap_bottom li, .footer__wrap_bottom p {
  display: block;
}
@media only screen and (max-width: 767px) {
  .footer__wrap_bottom li, .footer__wrap_bottom p {
    width: 100%;
    text-align: center;
    white-space: normal;
  }
}
.footer__wrap_bottom ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px 36px;
}
@media only screen and (max-width: 767px) {
  .footer__wrap_bottom ul {
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0.8em;
  }
}
@media only screen and (max-width: 767px) {
  .footer__wrap_bottom ul li {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.footer__wrap_bottom p {
  margin-top: 1em;
}
.footer__copyright {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.67;
  color: #fff;
}
.footer_copyright .footer__copyright {
  color: #2b2b2b;
}
@media only screen and (max-width: 767px) {
  .footer_copyright .footer__copyright {
    text-align: center;
  }
}
.footer__privacymark {
  margin: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.67;
  color: #2b2b2b;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
@media only screen and (max-width: 767px) {
  .footer__privacymark {
    margin: 0 auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 12px;
  }
}
.footer__privacymark a {
  max-width: 80px;
  width: 100%;
  height: auto;
  display: block;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .footer__privacymark a {
    max-width: 50px;
  }
}
.footer__privacymark a::after {
  display: none;
}
.footer__privacymark img {
  max-width: 100%;
  width: 100%;
  height: auto;
  display: block;
}
.footer_copyright {
  background: #F2F2F2;
  padding: 40px 5%;
}
.footer_copyright .footer__wrap {
  border: none;
  margin: 0 auto;
  padding: 0;
  max-width: 1200px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .footer_copyright .footer__wrap {
    margin: 0;
    padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: normal;
    -webkit-align-items: normal;
        -ms-flex-align: normal;
            align-items: normal;
  }
  .footer_copyright .footer__wrap > * + * {
    margin-top: 15px !important;
  }
}

.whitepaper.section-base .col3__item {
  background: #fff;
  border-radius: 20px;
  -webkit-box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: hidden;
}
.whitepaper.section-base .col3__item--linkbutton {
  border-top: 1px solid #CCCED5;
  margin: 0 15px 20px;
  padding: 15px 0 0;
  text-align: center;
  display: block;
}
@media only screen and (max-width: 767px) {
  .whitepaper.section-base .col3__item--linkbutton {
    font-size: clamp(14px,  3.7333333333vw , 12px);
    margin: 0 24px 20px 24px;
  }
}
.whitepaper.section-base .col3__item--linkbutton a, .whitepaper.section-base .col3__item--linkbutton span {
  background: #05AFEA;
  border-radius: 40px;
  margin: 0 auto;
  padding: 5px 10px;
  width: 160px;
  height: 40px;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.whitepaper.section-base .col3__item--linkbutton span {
  background: #05AFEA;
}
.whitepaper.section-base .button a {
  padding-right: 80px;
  color: #2b2b2b;
}
.whitepaper.section-base .button a::after {
  background-image: url(../image/icon_arrow_all.svg);
  background-size: contain;
  width: 40px;
  height: 40px;
}

.hbspt-form fieldset,
.hbspt-form label {
  display: block;
}
.hbspt-form fieldset + fieldset label {
  margin-top: 10px;
  margin-bottom: 5px;
}
.hbspt-form fieldset .hs-error-msgs li,
.hbspt-form fieldset + fieldset li label {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.hbspt-form fieldset .hs-error-msgs li {
  margin-top: 5px;
}
.hbspt-form label,
.hbspt-form label *,
.hbspt-form .hs-field-desc {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.6;
  letter-spacing: 0.05em;
  color: #2B2B2B;
}
.hbspt-form .hs-field-desc {
  margin-bottom: 3px;
  font-weight: 400;
}
.hbspt-form .hs-form-required {
  color: #E60012;
}
.hbspt-form .hs-form-required::after {
  content: "必須";
  white-space: nowrap;
  display: inline;
}
.hbspt-form .hs-error-msgs {
  margin-top: 5px;
}
.hbspt-form .hs-error-msgs,
.hbspt-form .hs-error-msgs * {
  color: #E60012;
}
.hbspt-form input[type=text],
.hbspt-form input[type=email],
.hbspt-form input[type=tel],
.hbspt-form input[type=number],
.hbspt-form input[type=password],
.hbspt-form input[type=date],
.hbspt-form input[type=url],
.hbspt-form textarea,
.hbspt-form select {
  border: solid 1px #E6E6E6;
  background-color: #fff;
  margin: 0;
  padding: 5px 16px;
  width: 100%;
  min-height: 40px;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0.05em;
  color: #2b2b2b;
  -webkit-transition: border-color 0.1s linear;
  transition: border-color 0.1s linear;
  border-radius: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.hbspt-form input[type=text]:hover,
.hbspt-form input[type=email]:hover,
.hbspt-form input[type=tel]:hover,
.hbspt-form input[type=number]:hover,
.hbspt-form input[type=password]:hover,
.hbspt-form input[type=date]:hover,
.hbspt-form input[type=url]:hover,
.hbspt-form textarea:hover,
.hbspt-form select:hover {
  border-color: rgba(51, 62, 79, 0.2);
}
.hbspt-form input[type=text]:focus,
.hbspt-form input[type=email]:focus,
.hbspt-form input[type=tel]:focus,
.hbspt-form input[type=number]:focus,
.hbspt-form input[type=password]:focus,
.hbspt-form input[type=date]:focus,
.hbspt-form input[type=url]:focus,
.hbspt-form textarea:focus,
.hbspt-form select:focus {
  border-color: #05AFEA;
}
.hbspt-form input[type=text]:disabled,
.hbspt-form input[type=email]:disabled,
.hbspt-form input[type=tel]:disabled,
.hbspt-form input[type=number]:disabled,
.hbspt-form input[type=password]:disabled,
.hbspt-form input[type=date]:disabled,
.hbspt-form input[type=url]:disabled,
.hbspt-form textarea:disabled,
.hbspt-form select:disabled {
  background-color: #f2f2f2;
  border-color: #f2f2f2;
  color: rgba(51, 62, 79, 0.2);
}
.hbspt-form input[type=text]::-webkit-input-placeholder,
.hbspt-form input[type=email]::-webkit-input-placeholder,
.hbspt-form input[type=tel]::-webkit-input-placeholder,
.hbspt-form input[type=number]::-webkit-input-placeholder,
.hbspt-form input[type=password]::-webkit-input-placeholder,
.hbspt-form input[type=date]::-webkit-input-placeholder,
.hbspt-form input[type=url]::-webkit-input-placeholder,
.hbspt-form textarea::-webkit-input-placeholder,
.hbspt-form select::-webkit-input-placeholder {
  color: rgba(51, 62, 79, 0.2);
}
.hbspt-form input[type=text]:-moz-placeholder,
.hbspt-form input[type=email]:-moz-placeholder,
.hbspt-form input[type=tel]:-moz-placeholder,
.hbspt-form input[type=number]:-moz-placeholder,
.hbspt-form input[type=password]:-moz-placeholder,
.hbspt-form input[type=date]:-moz-placeholder,
.hbspt-form input[type=url]:-moz-placeholder,
.hbspt-form textarea:-moz-placeholder,
.hbspt-form select:-moz-placeholder {
  color: rgba(51, 62, 79, 0.2);
}
.hbspt-form input[type=text]::-moz-placeholder,
.hbspt-form input[type=email]::-moz-placeholder,
.hbspt-form input[type=tel]::-moz-placeholder,
.hbspt-form input[type=number]::-moz-placeholder,
.hbspt-form input[type=password]::-moz-placeholder,
.hbspt-form input[type=date]::-moz-placeholder,
.hbspt-form input[type=url]::-moz-placeholder,
.hbspt-form textarea::-moz-placeholder,
.hbspt-form select::-moz-placeholder {
  color: rgba(51, 62, 79, 0.2);
}
.hbspt-form input[type=text]:-ms-input-placeholder,
.hbspt-form input[type=email]:-ms-input-placeholder,
.hbspt-form input[type=tel]:-ms-input-placeholder,
.hbspt-form input[type=number]:-ms-input-placeholder,
.hbspt-form input[type=password]:-ms-input-placeholder,
.hbspt-form input[type=date]:-ms-input-placeholder,
.hbspt-form input[type=url]:-ms-input-placeholder,
.hbspt-form textarea:-ms-input-placeholder,
.hbspt-form select:-ms-input-placeholder {
  color: rgba(51, 62, 79, 0.2);
}
.hbspt-form input[type=text]:-moz-placeholder, .hbspt-form input[type=email]:-moz-placeholder, .hbspt-form input[type=tel]:-moz-placeholder, .hbspt-form input[type=number]:-moz-placeholder, .hbspt-form input[type=password]:-moz-placeholder, .hbspt-form input[type=date]:-moz-placeholder, .hbspt-form input[type=url]:-moz-placeholder, .hbspt-form textarea:-moz-placeholder, .hbspt-form select:-moz-placeholder {
  color: rgba(51, 62, 79, 0.2);
}
.hbspt-form input[type=text]:-ms-input-placeholder, .hbspt-form input[type=email]:-ms-input-placeholder, .hbspt-form input[type=tel]:-ms-input-placeholder, .hbspt-form input[type=number]:-ms-input-placeholder, .hbspt-form input[type=password]:-ms-input-placeholder, .hbspt-form input[type=date]:-ms-input-placeholder, .hbspt-form input[type=url]:-ms-input-placeholder, .hbspt-form textarea:-ms-input-placeholder, .hbspt-form select:-ms-input-placeholder {
  color: rgba(51, 62, 79, 0.2);
}
.hbspt-form input[type=text]:placeholder-shown,
.hbspt-form input[type=email]:placeholder-shown,
.hbspt-form input[type=tel]:placeholder-shown,
.hbspt-form input[type=number]:placeholder-shown,
.hbspt-form input[type=password]:placeholder-shown,
.hbspt-form input[type=date]:placeholder-shown,
.hbspt-form input[type=url]:placeholder-shown,
.hbspt-form textarea:placeholder-shown,
.hbspt-form select:placeholder-shown {
  color: rgba(51, 62, 79, 0.2);
}

fieldset.form-columns-1 .input,
fieldset.form-columns-2 .input {
  margin: 0 !important;
  padding: 0 !important;
}
fieldset.form-columns-1 input[type=text].hs-input,
fieldset.form-columns-1 input[type=email].hs-input,
fieldset.form-columns-1 input[type=tel].hs-input,
fieldset.form-columns-1 input[type=number].hs-input,
fieldset.form-columns-1 input[type=password].hs-input,
fieldset.form-columns-1 input[type=date].hs-input,
fieldset.form-columns-1 input[type=url].hs-input,
fieldset.form-columns-1 textarea.hs-input,
fieldset.form-columns-1 select.hs-input,
fieldset.form-columns-2 input[type=text].hs-input,
fieldset.form-columns-2 input[type=email].hs-input,
fieldset.form-columns-2 input[type=tel].hs-input,
fieldset.form-columns-2 input[type=number].hs-input,
fieldset.form-columns-2 input[type=password].hs-input,
fieldset.form-columns-2 input[type=date].hs-input,
fieldset.form-columns-2 input[type=url].hs-input,
fieldset.form-columns-2 textarea.hs-input,
fieldset.form-columns-2 select.hs-input {
  width: 100%;
}

fieldset.form-columns-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
fieldset.form-columns-2 > *,
fieldset.form-columns-2 .hs-form-field {
  max-width: calc(50% - 5px);
  width: 50%;
  float: none !important;
}

@media only screen and (max-width: 767px) {
  form:not(.hs-video-form) .form-columns-2 .hs-form-field .hs-input,
  form:not(.hs-video-form) .form-columns-3 .hs-form-field .hs-input {
    width: 100% !important;
  }
}

.legal-consent-container {
  margin: 20px auto 0;
  display: block;
}
.legal-consent-container .hs-richtext,
.legal-consent-container .hs-richtext * {
  font-style: normal;
  font-weight: 300;
  font-size: 10px;
  line-height: 1.6;
  text-align: center;
  letter-spacing: 0.05em;
  color: #2B2B2B;
}
.legal-consent-container .hs-form-booleancheckbox-display {
  margin: 5px auto 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.legal-consent-container .hs-form-booleancheckbox-display > span {
  margin-left: 10px;
}
.legal-consent-container .hs-form-booleancheckbox-display * {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
  letter-spacing: 0.05em;
}
.legal-consent-container .hs-error-msgs {
  text-align: left;
}

.legal-consent-container .hs-form-booleancheckbox-display > span {
  margin-left: 10px !important;
}

.hs_submit.hs-submit {
  margin: 10px auto 0;
}

input[type=submit].hs-button {
  border: none;
  background-color: #EB2F2F;
  background-image: url("../image/icon_arrow_right.svg");
  background-repeat: no-repeat;
  background-position: center right 20px;
  background-size: 20px;
  border-radius: 44px;
  margin: 0;
  padding: 10px 30px;
  width: 100%;
  min-height: 44px;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: 0.05em;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  position: relative;
  cursor: pointer;
}

.first-view__form,
.seminar-detail__form,
.download__detail--form,
.article__content--form {
  background: rgba(220, 220, 220, 0.5);
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  padding-top: 0;
}
@media only screen and (max-width: 767px) {
  .first-view__form,
  .seminar-detail__form,
  .download__detail--form,
  .article__content--form {
    border-radius: 0;
  }
}
.first-view__form_end, .first-view__form_link,
.seminar-detail__form_end,
.seminar-detail__form_link,
.download__detail--form_end,
.download__detail--form_link,
.article__content--form_end,
.article__content--form_link {
  padding: 20px;
  min-height: 356px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.first-view__form_end p,
.seminar-detail__form_end p,
.download__detail--form_end p,
.article__content--form_end p {
  background: #999DAA;
  border-radius: 20px;
  padding: 10px;
  width: 100%;
  min-height: 98px;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 2;
  letter-spacing: 0.05em;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.first-view__form_link,
.seminar-detail__form_link,
.download__detail--form_link,
.article__content--form_link {
  border: solid 4px #E60012;
  padding: 16px;
}
.first-view__form_link a,
.seminar-detail__form_link a,
.download__detail--form_link a,
.article__content--form_link a {
  background: #E60012;
  border-radius: 20px;
  padding: 5px 10px;
  width: 100%;
  min-height: 98px;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 2;
  letter-spacing: 0.05em;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  gap: 10px;
}
.first-view__form_link a::after,
.seminar-detail__form_link a::after,
.download__detail--form_link a::after,
.article__content--form_link a::after {
  content: "";
  background: url(../image/icon_target_blank.svg) no-repeat center center;
  background-size: contain;
  width: 14px;
  height: 14px;
  display: block;
}
.first-view__form .catch,
.seminar-detail__form .catch,
.download__detail--form .catch,
.article__content--form .catch {
  background: #A0A0A0;
  margin: 0 -20px;
  padding: 2px 20px;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: normal;
  text-align: center;
  letter-spacing: 0.05em;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.first-view__form h2,
.first-view__form h3,
.seminar-detail__form h2,
.seminar-detail__form h3,
.download__detail--form h2,
.download__detail--form h3,
.article__content--form h2,
.article__content--form h3 {
  padding: 20px 0 15px;
  width: 100%;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.4;
  text-align: center;
  letter-spacing: 0.05em;
  color: #2B2B2B;
  text-align: center;
  display: block;
}

.pagebottom__form {
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .first-view__form,
  .pagebottom__form,
  .download__detail--form:not(.show-sp) {
    margin-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    min-width: 100%;
    width: auto;
  }
}
@media only screen and (max-width: 767px) {
  .first-view__form .catch,
  .pagebottom__form .catch,
  .download__detail--form:not(.show-sp) .catch {
    background: #6B6027;
    min-height: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .first-view__form h2,
  .first-view__form h3,
  .first-view__form .hbspt-form,
  .first-view__form .form__bottom-message,
  .first-view__form .download__detail--intro,
  .pagebottom__form h2,
  .pagebottom__form h3,
  .pagebottom__form .hbspt-form,
  .pagebottom__form .form__bottom-message,
  .pagebottom__form .download__detail--intro,
  .download__detail--form:not(.show-sp) h2,
  .download__detail--form:not(.show-sp) h3,
  .download__detail--form:not(.show-sp) .hbspt-form,
  .download__detail--form:not(.show-sp) .form__bottom-message,
  .download__detail--form:not(.show-sp) .download__detail--intro {
    display: none;
  }
}
.first-view__form .form__bottom-message_sp,
.pagebottom__form .form__bottom-message_sp,
.download__detail--form:not(.show-sp) .form__bottom-message_sp {
  display: none;
}
@media only screen and (max-width: 767px) {
  .first-view__form .form__bottom-message_sp,
  .pagebottom__form .form__bottom-message_sp,
  .download__detail--form:not(.show-sp) .form__bottom-message_sp {
    margin: 20px 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    gap: 10px;
  }
}
.first-view__form .form__bottom-message_sp li,
.pagebottom__form .form__bottom-message_sp li,
.download__detail--form:not(.show-sp) .form__bottom-message_sp li {
  width: calc(50% - 5px);
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.5;
  text-align: center;
  color: #2B2B2B;
}
.first-view__form .form__bottom-message_sp li a,
.pagebottom__form .form__bottom-message_sp li a,
.download__detail--form:not(.show-sp) .form__bottom-message_sp li a {
  background: #E60012;
  border-radius: 44px;
  margin-top: 10px;
  width: 100%;
  min-height: 44px;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: normal;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.first-view__form .form__bottom-message_sp li:last-child a,
.pagebottom__form .form__bottom-message_sp li:last-child a,
.download__detail--form:not(.show-sp) .form__bottom-message_sp li:last-child a {
  background-color: #2b2b2b;
}

@media only screen and (max-width: 767px) {
  .download__detail--form {
    margin-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    min-width: 100%;
    width: auto;
  }
}
@media only screen and (max-width: 767px) {
  .download__detail--form .catch {
    background: #6B6027;
    min-height: 36px;
  }
}
.download__detail--form .form__bottom-message_sp {
  display: none;
}

.article__content--form {
  margin: -60px auto 0;
  padding: 30px 50px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .article__content--form {
    padding: 20px;
  }
}
.article__content--form li.hs-form-booleancheckbox {
  padding-left: 0;
}
.article__content--form li.hs-form-booleancheckbox:before {
  display: none;
}
.article__content--form * fieldset {
  max-width: 100% !important;
}
.article__content--form * fieldset.form-columns-1 .hs-input:not(input[type=radio], input[type=checkbox]) {
  width: 100% !important;
}
.article__content--form ul,
.article__content--form ol {
  margin-top: 0 !important;
}
.article__content--form ul li,
.article__content--form ol li {
  padding-left: 0;
}
.article__content--form ul li:before,
.article__content--form ol li:before {
  display: none;
}
.article__content--form input[type=text],
.article__content--form input[type=email],
.article__content--form input[type=tel],
.article__content--form input[type=number],
.article__content--form input[type=password],
.article__content--form input[type=date],
.article__content--form input[type=url],
.article__content--form textarea,
.article__content--form select {
  min-height: 50px;
}
@media only screen and (max-width: 767px) {
  .article__content--form input[type=text],
  .article__content--form input[type=email],
  .article__content--form input[type=tel],
  .article__content--form input[type=number],
  .article__content--form input[type=password],
  .article__content--form input[type=date],
  .article__content--form input[type=url],
  .article__content--form textarea,
  .article__content--form select {
    min-height: 40px;
  }
}
.article__content--form textarea {
  padding: 15px 16px;
}
@media only screen and (max-width: 767px) {
  .article__content--form textarea {
    padding: 5px 16px;
  }
}
.article__content--form fieldset + fieldset label {
  margin-top: 14px;
}
@media only screen and (max-width: 767px) {
  .article__content--form fieldset + fieldset label {
    margin-top: 10px;
  }
}
.article__content--form fieldset.form-columns-2 > * {
  max-width: calc(50% - 14px);
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .article__content--form fieldset.form-columns-2 > * {
    max-width: calc(50% - 3px);
  }
}
.article__content--form .legal-consent-container {
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  .article__content--form .legal-consent-container {
    margin-top: 20px;
  }
}
.article__content--form input[type=submit].hs-button {
  margin-left: auto;
  margin-right: auto;
  max-width: 420px;
  min-height: 80px;
}
@media only screen and (max-width: 767px) {
  .article__content--form input[type=submit].hs-button {
    margin-top: 0;
    min-height: 60px;
  }
}

.submit-button-color-black input[type=submit].hs-button {
  border: none;
  background-color: #2b2b2b;
}

.form__bottom-message {
  margin-top: 20px;
}
.form__bottom-message--or {
  margin-bottom: 20px;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 2;
  text-align: center;
  letter-spacing: 0.05em;
  color: #2B2B2B;
  display: grid;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-columns: 1fr 5em 1fr;
  position: relative;
}
.form__bottom-message--or span {
  display: block;
}
.form__bottom-message--or::before, .form__bottom-message--or::after {
  content: "";
  border-top: solid 1px #2B2B2B;
  width: 100%;
  height: 0;
  display: block;
}
.form__bottom-message--button,
.form__bottom-message a.form__bottom-message--button {
  border: none;
  border-radius: 50px;
  background-color: #2b2b2b;
  padding: 6px 52px 6px 20px;
  min-height: 44px;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.05em;
  color: #fff;
  white-space: nowrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .form__bottom-message--button,
  .form__bottom-message a.form__bottom-message--button {
    font-size: clamp(16px,  4.2666666667vw , 12px);
  }
}
.form__bottom-message--button::after,
.form__bottom-message a.form__bottom-message--button::after {
  content: "";
  background: url("../image/icon_arrow_right.svg") no-repeat 0 0;
  background-size: cover;
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  top: 50%;
  bottom: auto;
  left: auto;
  right: 20px;
  z-index: 1;
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
}

body {
  opacity: 1;
}/*# sourceMappingURL=layout.css.map */